*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b0d;color:#0b0d0f;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.mobilebar{display:none}.hero{height:100vh;min-height:620px;background:#090b0c;display:grid;place-items:center;overflow:hidden}.hero-stage{position:relative;width:min(100vw,calc(100vh * 1674 / 939));aspect-ratio:1674/939}.hero-stage img{width:100%;height:100%;object-fit:contain;display:block}.hotspot{position:absolute;border:1px solid transparent}.hotspot:hover{border-color:#00aeef;background:#00aeef12}.explore{left:4.65%;top:72.35%;width:11.65%;height:5.85%}.evaluation{left:17.35%;top:72.35%;width:13.9%;height:5.85%}.nav-overview{left:24.15%;top:0;width:9.5%;height:7.25%}.nav-architecture{left:34.7%;top:0;width:10.7%;height:7.25%}.nav-atlas{left:46.2%;top:0;width:6.2%;height:7.25%}.nav-security{left:53.9%;top:0;width:7.3%;height:7.25%}.nav-evaluation{left:62.8%;top:0;width:8.5%;height:7.25%}
.panel,.final{min-height:100vh;padding:8vw 7vw;position:relative;overflow:hidden}.light{background:#f4f6f7}.dark{background:#090c0f;color:#f6f8f9}.model{background:#e9edef}.atlas{background:#dfe4e7}.security{background:#10161a;color:white}.vision{background:#eef1f2}.final{background:#070a0c;color:white;display:flex;flex-direction:column;justify-content:center}.num{font-size:11px;letter-spacing:.22em;font-weight:bold;margin-bottom:6vh;color:#6f7b82}.dark .num,.security .num,.final .num{color:#7c8a91}h2{font-size:clamp(46px,6.5vw,112px);line-height:.86;letter-spacing:-.055em;margin:0 0 4vh;font-weight:500}h2 em{font-style:normal;color:#08aeea}.lead{font-size:clamp(17px,1.45vw,25px);line-height:1.45;max-width:680px}.narrow{max-width:780px}.split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.fragment{height:55vh;position:relative}.fragment svg,.mapgrid svg{position:absolute;inset:0;width:100%;height:100%}.fragment path,.mapgrid path{fill:none;stroke:#10afe9;stroke-width:1.5;stroke-dasharray:8 8}.asset{position:absolute;border-left:3px solid #09afea;padding:12px;font-weight:bold;background:#fff;box-shadow:0 12px 30px #00000012}.asset span,.flow small,.adapter small,.evalflow small{display:block;font-size:9px;letter-spacing:.16em;color:#718089;margin-top:7px}.a1{left:4%;top:10%}.a2{right:3%;top:12%}.a3{left:37%;top:44%}.a4{right:8%;bottom:6%}.flow{margin-top:9vh;display:flex;align-items:center;justify-content:space-between;gap:15px}.flow div,.adapter div,.evalflow div{border:1px solid #3d484e;padding:25px;min-width:150px;font-weight:bold;letter-spacing:.06em}.flow i{font-size:28px;color:#0ab0ec}.flow .blue{border-color:#0ab0ec;color:#0ab0ec}.adapter{display:flex;flex-direction:column;gap:8px;max-width:500px}.adapter b{color:#0ab0ec;padding-left:30px}.normalize{margin-top:9vh;display:grid;grid-template-columns:1fr auto 1fr;gap:4vw;align-items:center}.sources{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sources span,.object{border:1px solid #89969c;padding:30px}.beam{color:#08aeea;font-weight:bold;letter-spacing:.15em}.object{border-color:#08aeea;background:#f7fafb}.object code{display:block;margin-top:20px;line-height:1.8;color:#607078}.atlas h3{font-size:clamp(28px,3vw,52px);font-weight:400}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags span{border:1px solid #85939a;padding:10px;font-size:10px;letter-spacing:.12em}.screen{background:#0b1014;color:white;box-shadow:0 35px 80px #0003}.screenbar{padding:16px 20px;border-bottom:1px solid #26333a;font-weight:bold}.screenbar span{float:right;color:#0ab0ec}.mapgrid{height:420px;position:relative;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px}.mapnode{position:absolute;border:1px solid #0ab0ec;padding:9px;font-size:10px;background:#0b1014;z-index:2}.n1{left:12%;top:25%}.n2{left:46%;top:45%}.n3{right:10%;top:20%}.n4{right:15%;bottom:13%}.screen>small{display:block;padding:12px 20px;color:#72838c}.telemetry{border:1px solid #334149;padding:4vw;margin-top:6vh}.telemetry>div:first-child{display:flex;gap:14px;align-items:center}.telemetry small{display:block;color:#718089;margin-left:auto}.dot{width:10px;height:10px;background:#0ab0ec;display:inline-block;box-shadow:0 0 18px #0ab0ec}.dot.off{background:#7d8589;box-shadow:none}.telemetry dl{display:grid;grid-template-columns:repeat(4,1fr);margin:6vh 0}.telemetry dt{font-size:10px;color:#728087}.telemetry dd{font-size:28px;margin:8px 0}.statepath{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:#94a1a7}.statepath b{color:#0ab0ec}.stamp{display:inline-block;border:1px solid #0ab0ec;padding:15px;margin-bottom:35px}.proof{display:grid}.proof span{padding:18px 0;border-bottom:1px solid #c9d0d3;color:#7b878d}.proof b{color:#111;margin-left:25px}.hex{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#36434a;margin-top:8vh}.hex span{background:#10161a;padding:45px 25px;border-bottom:2px solid #0ab0ec;font-size:13px;letter-spacing:.1em}.evalflow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8vh}.evalflow b{color:#08aeea}.fine{font-size:12px;color:#6e7b81;margin-top:35px}.horizon{display:flex;align-items:center;gap:18px;margin-top:12vh;font-size:11px;letter-spacing:.12em}.horizon i{height:1px;background:#08aeea;flex:1}.final p{font-size:22px}.final a{display:inline-block;padding:18px 24px;background:#08aeea;color:#001018;text-decoration:none;font-size:11px;font-weight:bold;letter-spacing:.08em;margin:15px 10px 0 0}.final a.ghost{background:transparent;color:white;border:1px solid #506068}.final footer{position:absolute;bottom:5vw;font-size:11px;letter-spacing:.14em;color:#77868d}.panel>*{opacity:.25;transform:translateY(30px);transition:opacity .8s,transform .8s}.panel.seen>*,.final.seen>*{opacity:1;transform:none}.panel.seen>*:nth-child(2){transition-delay:.08s}.panel.seen>*:nth-child(3){transition-delay:.16s}
@media(max-width:850px){.hero{height:auto;min-height:0;padding-top:52px}.hero-stage{width:100vw}.mobilebar{position:fixed;z-index:20;top:0;left:0;right:0;height:52px;background:#090c0f;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.mobilebar span{color:#0ab0ec}.mobilebar a{font-size:10px;text-decoration:none}.hotspot{display:none}.panel,.final{min-height:auto;padding:90px 24px}.split{grid-template-columns:1fr}.fragment{height:420px}.flow,.evalflow{flex-direction:column;align-items:stretch}.flow i{transform:rotate(0deg);text-align:center}.normalize{grid-template-columns:1fr}.beam{text-align:center}.sources{grid-template-columns:1fr 1fr}.telemetry dl{grid-template-columns:1fr 1fr}.statepath{gap:10px;overflow:auto}.hex{grid-template-columns:1fr 1fr}.horizon{flex-direction:column;align-items:flex-start}.horizon i{width:1px;height:35px;flex:none}.screen{margin-top:30px}.mapgrid{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel>*{transition:none;opacity:1;transform:none}}
/* Claude information-graphic merge */
.claude-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.claude-cards .asset-card{border:1px solid #aeb9be;background:#fff;padding:24px 16px;text-align:center;font-size:11px;letter-spacing:.12em}.claude-arch{margin-top:8vh}.claude-arch svg,.claude-normalize svg,.claude-roadmap svg{width:100%;height:auto;display:block}.mini-defs{display:flex;gap:35px;margin-top:35px}.mini-defs p{font-size:12px;color:#6f7b82;max-width:230px}.mini-defs b{font-size:10px;color:#08aeea;letter-spacing:.12em}.claude-adapter{display:flex;flex-direction:column;align-items:center;gap:10px}.claude-adapter div{width:min(100%,320px);border:1px solid #89969c;padding:18px;text-align:center;font-size:11px;letter-spacing:.1em;background:#fff}.claude-adapter .accent{border-color:#08aeea;color:#08aeea}.claude-adapter i{font-style:normal;color:#08aeea;font-size:20px}.claude-normalize{margin-top:7vh}.atlas-placeholder{background:#0b1014;color:white;border:1px solid #26333a;min-height:480px}.fakebar{height:42px;border-bottom:1px solid #26333a;padding:13px 16px;font-size:10px;letter-spacing:.08em;color:#7d8a91}.fakebar span{margin-right:14px}.pending{height:430px;display:grid;place-items:center;align-content:center;font-size:46px;color:#536169;gap:14px}.pending small{font-size:10px;letter-spacing:.12em}.claude-live{border:1px solid #334149;background:#11171b;padding:34px;margin-top:6vh}.claude-live header{display:flex;justify-content:space-between;align-items:center}.claude-live header span{border:1px solid #334149;border-radius:20px;padding:7px 13px;font-size:11px}.statusdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#08aeea;box-shadow:0 0 10px #08aeea;margin-right:8px}.statusdot.off{background:#77838a;box-shadow:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:35px 0}.metrics div{display:flex;flex-direction:column;gap:7px}.metrics small,.note{font-size:9px;letter-spacing:.12em;color:#718089}.metrics b{font-size:27px;font-weight:400}.claude-statepath{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.claude-statepath span{border:1px solid #334149;padding:7px 9px;font-size:9px;letter-spacing:.08em}.claude-statepath b{color:#08aeea}.note{display:block;margin-top:20px}.v1badge{display:inline-block;border:1px solid #08aeea;color:#08aeea;padding:9px 13px;font-size:10px;letter-spacing:.1em;margin-bottom:20px}.claude-v1{margin-top:5vh;border-top:1px solid #c9d0d3}.claude-v1>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;border-bottom:1px solid #c9d0d3;padding:18px 0;gap:15px}.claude-v1 i{font-style:normal;color:#7b878d;font-size:11px}.claude-v1 span{font-size:14px}.claude-v1 b{font-size:9px;letter-spacing:.1em;border:1px solid #aeb9be;padding:5px 8px;color:#6f7b82}.devnote{border-left:2px solid #08aeea;padding-left:15px;color:#6f7b82;font-size:12px;margin-top:30px}.claude-sec{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#36434a;border:1px solid #36434a;margin-top:7vh}.claude-sec article{background:#10161a;padding:30px 24px}.claude-sec h3,.claude-eval h3{font-size:16px;margin:0 0 10px}.claude-sec p,.claude-eval p{font-size:12px;color:#7f8d94;line-height:1.6;margin:0}.security blockquote{font-size:clamp(20px,2.4vw,30px);max-width:650px;color:#c9d2d7;margin:45px 0 0}.claude-eval{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7vh}.claude-eval article{border:1px solid #aeb9be;padding:25px 20px;margin-left:-1px}.claude-eval i{font-style:normal;color:#08aeea;font-size:10px;letter-spacing:.12em;display:block;margin-bottom:15px}.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.criteria span{font-size:11px;color:#6f7b82}.criteria span:before{content:'—';color:#08aeea;margin-right:8px}.claude-roadmap{margin-top:8vh}
@media(max-width:850px){.claude-cards{grid-template-columns:1fr 1fr}.mini-defs{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.claude-sec{grid-template-columns:1fr}.claude-eval{grid-template-columns:1fr}.criteria{grid-template-columns:1fr 1fr}.claude-arch,.claude-normalize,.claude-roadmap{overflow-x:auto}.claude-arch svg,.claude-normalize svg,.claude-roadmap svg{min-width:760px}.atlas-placeholder{min-height:350px}.pending{height:300px}}

/* ===== Scale refinement pass: keep hero cinematic, tighten technical briefing ===== */
@media (min-width:851px){
  .panel,.final{min-height:auto;padding:96px clamp(32px,5vw,72px)}
  .panel>*,.final>*{max-width:1180px;margin-left:auto;margin-right:auto}
  .panel .num{margin-bottom:24px}
  h2{font-size:clamp(38px,4.4vw,66px);line-height:.96;letter-spacing:-.045em;margin-bottom:24px}
  .lead{font-size:clamp(16px,1.15vw,19px);max-width:650px}
  .split{gap:56px;max-width:1100px!important}
  .fragment{height:410px}

  /* Claude-derived technical figures: contained, not full-bleed */
  .claude-cards{max-width:980px!important;margin-top:44px!important}
  .claude-cards .asset-card{padding:18px 12px}
  .claude-arch{max-width:1020px!important;margin-top:48px!important}
  .claude-adapter{max-width:440px!important}
  .claude-normalize{max-width:980px!important;margin-top:46px!important}
  .mini-defs{max-width:760px!important;margin-top:28px!important}

  .atlas-placeholder{max-width:1020px!important;min-height:390px}
  .pending{height:348px;font-size:38px}
  .tags{max-width:900px!important}

  .claude-live{max-width:980px!important;padding:28px 30px;margin-top:42px!important}
  .metrics{margin:28px 0}
  .metrics b{font-size:23px}

  .v1badge{margin-top:6px}
  .claude-v1{max-width:960px!important;margin-top:34px!important}
  .claude-v1>div{padding:14px 0}
  .devnote{max-width:960px!important}

  .claude-sec{max-width:980px!important;margin-top:46px!important}
  .claude-sec article{padding:24px 21px}
  .security blockquote{margin-top:34px!important;font-size:clamp(19px,1.8vw,25px)}

  .claude-eval{max-width:1000px!important;margin-top:46px!important}
  .claude-eval article{padding:21px 18px}
  .criteria{max-width:900px!important;margin-top:28px!important}
  .claude-roadmap{max-width:980px!important;margin-top:48px!important}

  .flow{max-width:1020px!important;margin-top:48px!important}
  .flow div,.adapter div,.evalflow div{padding:19px;min-width:130px}
  .normalize{max-width:1000px!important;margin-top:48px!important}
  .telemetry{max-width:980px!important;padding:30px;margin-top:42px!important}
  .telemetry dl{margin:34px 0}
  .hex{max-width:980px!important;margin-top:48px!important}
  .hex span{padding:30px 22px}
  .evalflow{max-width:1000px!important;margin-top:48px!important}
  .horizon{max-width:980px!important;margin-top:58px!important}

  /* Final CTA can breathe, but shouldn't become another 100vh hero */
  .final{min-height:620px;padding-top:110px;padding-bottom:140px}
}

@media (min-width:1500px){
  .panel,.final{padding-left:max(72px,calc((100vw - 1320px)/2));padding-right:max(72px,calc((100vw - 1320px)/2))}
}

@media (max-width:850px){
  h2{font-size:clamp(36px,11vw,54px);line-height:.95}
  .panel,.final{padding:76px 22px}
  .claude-cards{grid-template-columns:repeat(2,1fr);gap:10px}
  .claude-cards .asset-card{padding:17px 10px}
  .claude-arch,.claude-normalize,.claude-roadmap{overflow-x:auto}
  .claude-arch svg,.claude-normalize svg,.claude-roadmap svg{min-width:720px}
  .atlas-placeholder{min-height:330px}
  .pending{height:288px;font-size:32px}
  .claude-live{padding:22px 18px}
  .metrics b{font-size:21px}
  .claude-sec{grid-template-columns:1fr}
  .claude-eval{grid-template-columns:1fr}
  .claude-eval article{margin:-1px 0 0}
  .criteria{grid-template-columns:1fr 1fr}
}

/* Real ATLAS interface screenshot */
.atlas-screenshot{margin:0;background:#070b0e;border:1px solid #26333a;box-shadow:0 24px 60px #00000020;overflow:hidden}
.atlas-screenshot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.atlas-screenshot figcaption{padding:11px 14px;color:#718089;background:#0b1014;border-top:1px solid #26333a;font-size:9px;letter-spacing:.13em}
@media(min-width:851px){.atlas-screenshot{max-width:1020px!important}}
@media(max-width:850px){.atlas-screenshot{margin-top:28px}.atlas-screenshot figcaption{font-size:8px}}

/* Custom SYN logo, overlaid on the hero nav bar */
.hero-stage>.brand{position:absolute;left:4.5%;top:.35%;width:5.5%;display:block;line-height:0}
.hero-stage>.brand img{width:100%;height:auto;object-fit:contain}
.brand-m img{height:34px;width:auto;display:block}
@media(max-width:850px){.hero-stage>.brand{display:none}}