.p-hero{
  padding-top:var(--x-space-6);
  overflow:hidden;
  background:var(--x-white);
}

.p-hero-copy{
  max-width:var(--x-container-narrow);
  text-align:center;
}

.p-hero-copy .x-eyebrow{
  width:fit-content;
  margin-inline:auto;
}

.p-hero-copy .x-eyebrow + h1{
  margin-top:var(--x-space-2);
}

.p-hero-copy h1{
  margin-bottom:var(--x-space-3);
}

.p-hero-sub{
  max-width:720px;
  margin:0 auto;
  color:var(--x-muted);
  font-size:1.125rem;
  line-height:1.75;
}

.p-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--x-space-2);
  margin-top:var(--x-space-4);
}

.p-hero-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--x-space-2);
  margin-top:var(--x-space-3);
  color:var(--x-muted);
  font-size:var(--x-fs-1);
}

.p-hero-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.p-hero-meta span + span::before{
  width:4px;
  height:4px;
  margin-right:var(--x-space-1);
  border-radius:50%;
  background:var(--x-line);
  content:"";
}

.p-hero-visual{
  width:calc(100% - 48px);
  max-width:var(--x-container-wide);
  margin:var(--x-space-5) auto 0;
}

.p-scene{
  position:relative;
  min-height:650px;
  overflow:hidden;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-lg);
  background:var(--x-surface-soft);
  box-shadow:var(--x-shadow-scene);
}

.p-scene-bar{
  position:relative;
  z-index:6;
  min-height:43px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 var(--x-space-2);
  border-bottom:1px solid var(--x-line);
  background:var(--x-white);
}

.p-scene-bar i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--x-line);
}

.p-scene-title{
  min-width:0;
  margin-left:var(--x-space-1);
  overflow:hidden;
  color:var(--x-muted);
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-0);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.p-scene-image{
  position:absolute;
  inset:43px 0 0;
  width:100%;
  height:calc(100% - 43px);
  object-fit:cover;
}

.p-terminal{
  position:absolute;
  z-index:4;
  left:6%;
  top:18%;
  width:min(54%,660px);
  overflow:hidden;
  border:1px solid var(--x-line-dark);
  border-radius:var(--x-radius-md);
  background:var(--x-dark);
  color:var(--x-white);
  box-shadow:var(--x-shadow-scene);
}

.p-terminal-head{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--x-space-2);
  padding:0 var(--x-space-2);
  border-bottom:1px solid var(--x-line-dark);
  color:var(--x-subtle);
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-0);
}

.p-terminal-status,.p-ok{
  color:var(--x-green);
}

.p-terminal-body{
  height:320px;
  overflow:hidden;
  padding:var(--x-space-3);
}

.p-terminal-scroll{
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-1);
  line-height:1.65;
  animation:home-terminal-scroll 14s var(--x-ease) infinite alternate;
}

.p-terminal-scroll p{
  margin-bottom:7px;
  white-space:nowrap;
}

.p-prompt{
  color:var(--x-accent);
}

.p-dim{
  color:var(--x-subtle);
}

.p-warn{
  color:var(--x-orange);
}

.p-cursor{
  width:7px;
  height:1em;
  display:inline-block;
  vertical-align:-.15em;
  background:var(--x-green);
  animation:home-cursor 1s steps(1,end) infinite;
}

.p-metric{
  position:absolute;
  z-index:5;
  width:min(25%,270px);
  min-width:0;
  padding:var(--x-space-2);
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-md);
  background:var(--x-white);
  box-shadow:var(--x-shadow-soft);
}

.p-metric-one{
  top:17%;
  right:5%;
  color:var(--x-accent);
}

.p-metric-two{
  right:10%;
  bottom:10%;
  color:var(--x-green);
}

.p-metric-label{
  color:var(--x-muted);
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-0);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.p-metric-value{
  margin-top:var(--x-space-1);
  color:var(--x-ink);
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-5);
  font-weight:750;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.p-metric-value small{
  color:var(--x-muted);
  font-size:var(--x-fs-0);
}

.p-metric svg{
  width:100%;
  height:34px;
  margin-top:var(--x-space-2);
}

.p-node-badge{
  position:absolute;
  z-index:3;
  max-width:58%;
  overflow:hidden;
  padding:6px 9px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-xs);
  background:var(--x-white);
  color:var(--x-primary);
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-0);
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
  box-shadow:var(--x-shadow-soft);
}

.p-node-sg{
  left:4%;
  bottom:7%;
}

.p-node-jp{
  left:31%;
  bottom:4%;
}

.p-node-kr{
  left:55%;
  top:9%;
}

.p-node-hk{
  right:4%;
  top:44%;
}

.home-trust{
  border-block:1px solid var(--x-line);
  background:var(--x-light);
}

.home-trust-grid{
  min-height:88px;
  display:grid;
  grid-template-columns:1.1fr repeat(4,minmax(0,1fr));
  align-items:center;
}

.home-trust-item{
  min-width:0;
  padding-left:22px;
  border-left:1px solid var(--x-line);
}

.home-trust-item:first-child{
  padding-left:0;
  border-left:0;
}

.home-trust-item strong,.home-trust-item span{
  display:block;
}

.home-trust-item strong{
  font-size:13px;
  line-height:1.3;
}

.home-trust-item span{
  margin-top:4px;
  color:var(--x-muted);
  font-family:var(--x-font-mono);
  font-size:9px;
}

.home-value-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--x-line);
  border-left:1px solid var(--x-line);
}

.home-value{
  min-width:0;
  min-height:310px;
  padding:30px;
  border-right:1px solid var(--x-line);
  border-bottom:1px solid var(--x-line);
  color:var(--x-primary);
}

.home-value-number{
  color:var(--x-subtle);
  font-family:var(--x-font-mono);
  font-size:10px;
}

.home-value svg{
  width:48px;
  height:48px;
  margin:30px 0 24px;
}

.home-value h3{
  margin-bottom:10px;
  color:var(--x-ink);
}

.home-value p{
  margin:0;
  color:var(--x-muted);
  font-size:var(--x-fs-2);
}

.home-nodes{
  border-block:1px solid var(--x-line);
  background:var(--x-surface);
}

.home-node-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.home-node{
  position:relative;
  min-width:0;
  min-height:340px;
  overflow:hidden;
  padding:24px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-md);
  background:var(--x-white);
  color:var(--x-primary);
}

.home-node-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:var(--x-muted);
  font-family:var(--x-font-mono);
  font-size:10px;
}

.home-stock{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--x-ink);
  font-family:var(--x-font-body);
  font-weight:800;
}

.home-stock::before{
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--x-green);
  content:"";
}

.home-node h3{
  margin:42px 0 5px;
  color:var(--x-ink);
  font-size:26px;
}

.home-node > p{
  color:var(--x-muted);
  font-size:11px;
}

.home-node .home-node-copy{
  margin-top:var(--x-space-2);
  color:var(--x-ink);
  font-size:var(--x-fs-1);
  line-height:1.65;
}

.home-node svg{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  width:calc(100% - 48px);
  height:68px;
}

.home-node-notice{
  margin-top:var(--x-space-3);
}

.home-workspace{
  padding:var(--x-space-7) 0;
  background:var(--x-black);
  color:var(--x-white);
}

.home-workspace .p-section-head h2{
  color:var(--x-white);
}

.home-workspace .p-section-head > p{
  color:var(--x-subtle);
}

.home-workspace-grid{
  min-height:540px;
  display:grid;
  grid-template-columns:minmax(0,390px) minmax(0,1fr);
  border:1px solid var(--x-line-dark);
  background:var(--x-dark);
}

.home-accordion{
  min-width:0;
  border-right:1px solid var(--x-line-dark);
}

.home-acc{
  width:100%;
  min-width:0;
  display:block;
  padding:25px;
  border:0;
  border-bottom:1px solid var(--x-line-dark);
  background:transparent;
  color:var(--x-white);
  text-align:left;
}

.home-acc:hover{
  background:var(--x-dark);
}

.home-acc.active{
  background:var(--x-dark);
  box-shadow:inset 3px 0 0 var(--x-accent);
}

.home-acc-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.home-acc-title{
  color:var(--x-white);
  font-family:var(--x-font-body);
  font-size:var(--x-fs-3);
  font-weight:750;
}

.home-acc-status{
  color:var(--x-subtle);
  font-family:var(--x-font-mono);
  font-size:9px;
}

.home-acc-copy{
  display:none;
  margin-top:13px;
  color:var(--x-subtle);
  font-size:13px;
  line-height:1.65;
}

.home-acc.active .home-acc-copy{
  display:block;
}

.home-screen{
  min-width:0;
  padding:29px;
  background:var(--x-black);
}

.home-screen-bar{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--x-space-2);
  padding:0 14px;
  border:1px solid var(--x-line-dark);
  background:var(--x-dark);
  color:var(--x-subtle);
  font-family:var(--x-font-mono);
  font-size:9px;
}

.home-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:12px;
}

.home-panel{
  min-width:0;
  padding:18px;
  border:1px solid var(--x-line-dark);
  background:var(--x-dark);
  color:var(--x-white);
}

.home-large{
  min-height:400px;
}

.home-panel-label{
  color:var(--x-subtle);
  font-family:var(--x-font-mono);
  font-size:9px;
  letter-spacing:.1em;
}

.home-build{
  margin:14px 0;
  font-family:var(--x-font-mono);
  font-size:31px;
  font-variant-numeric:tabular-nums;
}

.home-chart{
  width:100%;
  height:155px;
  color:var(--x-accent);
}

.home-logs{
  display:grid;
  gap:9px;
  padding-top:16px;
  border-top:1px solid var(--x-line-dark);
}

.home-log{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  color:var(--x-subtle);
  font-family:var(--x-font-mono);
  font-size:8px;
}

.home-log b{
  color:var(--x-green);
}

.home-side-panels{
  min-width:0;
  display:grid;
  gap:12px;
}

.home-stat{
  margin-top:13px;
  font-family:var(--x-font-mono);
  font-size:22px;
  font-variant-numeric:tabular-nums;
}

.home-stat small{
  display:block;
  margin-top:6px;
  color:var(--x-subtle);
  font-size:8px;
}

.home-donut{
  position:relative;
  width:90px;
  height:90px;
  display:grid;
  place-items:center;
  margin:20px auto;
  border-radius:50%;
  background:conic-gradient(var(--x-accent) 0 72%,var(--x-line-dark) 72%);
}

.home-donut::before{
  position:absolute;
  inset:13px;
  border-radius:50%;
  background:var(--x-dark);
  content:"";
}

.home-donut span{
  position:relative;
  z-index:1;
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-2);
}

.home-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--x-line);
}

.home-step{
  position:relative;
  min-width:0;
  padding:28px 24px 0;
  border-right:1px solid var(--x-line);
}

.home-step:first-child{
  border-left:1px solid var(--x-line);
}

.home-step::before{
  position:absolute;
  left:24px;
  top:-4px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--x-primary);
  content:"";
}

.home-step code{
  color:var(--x-primary);
  font-size:10px;
}

.home-step h3{
  margin:25px 0 9px;
  font-size:17px;
}

.home-step p{
  color:var(--x-muted);
  font-size:13px;
}

.home-flow-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--x-space-2);
  margin-top:var(--x-space-4);
}

.home-pricing{
  border-block:1px solid var(--x-line);
  background:var(--x-surface-soft);
}

.home-plan-copy{
  max-width:580px;
  margin:var(--x-space-2) 0 0;
  color:var(--x-muted);
  font-size:var(--x-fs-2);
}

.home-pricing .c-price-foot{
  align-items:center;
}

.home-pricing-foot{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--x-space-4);
  margin-top:var(--x-space-3);
  padding-top:var(--x-space-3);
  border-top:1px solid var(--x-line);
  color:var(--x-muted);
  font-size:var(--x-fs-2);
}

.home-pricing-foot p{
  max-width:760px;
  margin:0;
}

.home-pricing-foot a{
  flex:0 0 auto;
  color:var(--x-primary);
  font-weight:750;
}

.home-latency .c-table td:not(:first-child){
  font-family:var(--x-font-mono);
  font-variant-numeric:tabular-nums;
}

.home-latency .c-table small{
  color:var(--x-muted);
  font-size:var(--x-fs-0);
}

.home-best{
  color:var(--x-primary);
  background:var(--x-surface-soft);
  font-weight:750;
}

.home-method{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:15px;
  color:var(--x-muted);
  font-family:var(--x-font-mono);
  font-size:10px;
}

.home-latency-notes{
  margin-top:var(--x-space-4);
}

.home-latency-notes article{
  min-width:0;
  padding-top:var(--x-space-2);
  border-top:1px solid var(--x-line);
}

.home-latency-notes h3{
  margin-bottom:var(--x-space-1);
  font-size:var(--x-fs-3);
}

.home-latency-notes p{
  margin:0;
  color:var(--x-muted);
  font-size:var(--x-fs-2);
}

.home-quote-head{
  padding:var(--x-space-5) 0 var(--x-space-3);
}

.home-quote-head .x-eyebrow + h2{
  margin-top:var(--x-space-2);
}

.home-quote-head h2{
  max-width:760px;
  margin-bottom:0;
}

.home-faq-layout{
  display:grid;
  grid-template-columns:minmax(0,350px) minmax(0,1fr);
  gap:var(--x-space-5);
}

.home-faq-intro{
  min-width:0;
}

.home-faq-intro .x-eyebrow + h2{
  margin-top:var(--x-space-2);
}

.home-faq .c-faq-content{
  padding-top:16px;
  border-top:1px solid var(--x-line);
}

.home-final{
  padding-top:0;
}

.home-final-card{
  overflow:hidden;
  padding:var(--x-space-5);
  border-radius:var(--x-radius-lg);
}

.home-cta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--x-space-4);
}

.home-cta-row > div{
  min-width:0;
}

.home-final-card .x-eyebrow{
  color:var(--x-white);
}

.home-final-card .x-eyebrow::before{
  background:var(--x-white);
  box-shadow:none;
}

.home-final-card .x-eyebrow + h2{
  margin-top:var(--x-space-2);
}

.home-final-card h2,.home-final-card p{
  color:var(--x-white);
}

.home-pay{
  margin-bottom:0;
  font-family:var(--x-font-mono);
  font-size:var(--x-fs-1);
}

.home-cta-actions{
  flex:0 0 auto;
  display:grid;
  gap:var(--x-space-2);
}

.home-cta-ghost{
  border-color:var(--x-white);
  color:var(--x-white);
}

.home-cta-ghost:hover{
  border-color:var(--x-white);
  background:var(--x-white);
  color:var(--x-primary);
}

@keyframes home-terminal-scroll{
  0%,18%{transform:translateY(0)}
  82%,100%{transform:translateY(-82px)}
}

@keyframes home-cursor{
  0%,49%{opacity:1}
  50%,100%{opacity:0}
}

@media(max-width:960px){
  .p-scene{
    min-height:590px;
  }

  .p-terminal{
    left:4%;
    width:65%;
  }

  .p-metric{
    width:28%;
  }

  .home-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    padding:20px 0;
  }

  .home-trust-item{
    padding-left:0;
    border-left:0;
  }

  .home-value-grid,.home-node-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-workspace-grid{
    grid-template-columns:1fr;
  }

  .home-accordion{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-right:0;
  }

  .home-screen{
    border-top:1px solid var(--x-line-dark);
  }

  .home-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px 0;
  }

  .home-faq-layout{
    grid-template-columns:minmax(0,280px) minmax(0,1fr);
    gap:var(--x-space-4);
  }
}

@media(max-width:768px){
  .p-hero{
    padding-top:var(--x-space-5);
  }

  .p-scene{
    min-height:650px;
  }

  .p-terminal{
    left:var(--x-space-2);
    top:15%;
    width:calc(100% - 32px);
  }

  .p-metric{
    bottom:var(--x-space-3);
    top:auto;
    width:calc(50% - 24px);
  }

  .p-metric-one{
    left:var(--x-space-2);
    right:auto;
  }

  .p-metric-two{
    right:var(--x-space-2);
  }

  .p-node-badge{
    display:none;
  }

  .home-method,.home-pricing-foot,.home-cta-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .home-pricing-foot a{
    flex:auto;
  }

  .home-faq-layout{
    grid-template-columns:1fr;
  }

  .home-cta-actions{
    width:100%;
  }

  .home-cta-actions .c-btn{
    width:100%;
  }
}

@media(max-width:680px){
  .p-hero-visual{
    width:calc(100% - 16px);
  }

  .p-scene{
    min-height:610px;
  }

  .p-terminal-body{
    height:300px;
    padding:var(--x-space-2);
  }

  .p-terminal-scroll{
    font-size:10px;
  }

  .p-metric{
    padding:var(--x-space-2);
  }

  .p-metric-value{
    font-size:var(--x-fs-4);
  }

  .p-metric-label{
    font-size:9px;
  }

  .home-value-grid,.home-node-grid,.home-flow{
    grid-template-columns:1fr;
  }

  .home-trust-grid{
    grid-template-columns:1fr 1fr;
  }

  .home-workspace{
    padding:var(--x-space-5) 0;
  }

  .home-workspace-grid{
    margin-inline:-8px;
  }

  .home-accordion{
    grid-template-columns:1fr;
  }

  .home-screen{
    padding:12px;
  }

  .home-dashboard{
    grid-template-columns:1fr;
  }

  .home-side-panels{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .home-side-panels .home-panel{
    padding:12px;
  }

  .home-donut{
    width:58px;
    height:58px;
  }

  .home-donut::before{
    inset:9px;
  }

  .home-donut span{
    font-size:11px;
  }

  .home-stat{
    font-size:16px;
  }

  .home-final-card{
    padding:var(--x-space-3);
  }
}

@media(max-width:390px){
  .p-hero-actions{
    display:grid;
  }

  .p-hero-actions .c-btn{
    width:100%;
  }

  .p-hero-meta{
    align-items:center;
    flex-direction:column;
  }

  .p-hero-meta span + span::before{
    display:none;
  }

  .p-scene{
    min-height:580px;
  }

  .p-terminal-head{
    align-items:flex-start;
    flex-direction:column;
    padding-block:var(--x-space-1);
  }

  .p-terminal-body{
    height:280px;
  }

  .p-metric{
    width:calc(50% - 20px);
  }

  .home-trust-grid{
    grid-template-columns:1fr;
  }

  .home-side-panels{
    grid-template-columns:1fr;
  }

  .home-donut{
    width:74px;
    height:74px;
  }

  .home-log{
    grid-template-columns:auto minmax(0,1fr);
  }

  .home-log b{
    grid-column:2;
  }

  .home-flow-actions{
    display:grid;
  }

  .home-flow-actions .c-btn{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .p-terminal-scroll,.p-cursor{
    animation:none;
  }
}