.visual-hero{padding-top:140px;padding-bottom:70px}.visual-hero h1{font-size:clamp(32px,4.3vw,57px);letter-spacing:-1.5px;line-height:1.4;margin:24px 0 18px}.visual-hero h1 span{color:var(--purple)}.visual-hero>p{font-size:14px;color:var(--muted);margin-bottom:45px}.diagram-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:18px}.diagram-caption>span{font-weight:600}.diagram-caption a{color:var(--purple)}.panorama{padding:30px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 50% 0,light-dark(#eeeaff,#725cff16),transparent 65%),var(--surface);box-shadow:0 20px 70px #00000008}.plane-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:14px}.diagram-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.diagram-node{position:relative;text-align:center;padding:20px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.diagram-node b{display:block;font-size:14px;font-weight:550;line-height:1.5}.diagram-node small{display:block;font-size:10px;color:var(--muted);margin-top:8px;line-height:1.7}.sdk-row{margin-top:20px}.sdk-row .diagram-node{background:light-dark(#f4f1ff,#725cff12);border-color:light-dark(#dcd5ff,#725cff44)}.sdk-row .diagram-node:before{content:'';position:absolute;top:-21px;left:50%;height:20px;border-left:1px solid var(--purple);opacity:.5}.diagram-bridge{display:flex;justify-content:center;gap:20px;align-items:center;min-height:48px;font-size:9px;color:var(--muted)}.diagram-bridge i{height:25px;border-left:1px solid var(--purple);opacity:.35}.access-band{display:grid;grid-template-columns:1fr 2fr;gap:16px}.accent{background:light-dark(#eeeaff,#725cff1c);border-color:light-dark(#c2b5ff,#a99bff66)}.business-plane{padding:22px;border:1px solid var(--purple);border-radius:15px;background:light-dark(#f8f6ff,#725cff09)}.business-plane .diagram-row{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-legend{display:flex;gap:25px;justify-content:flex-end;flex-wrap:wrap;color:var(--dim);font-size:9px;margin-top:17px}.visual-legend i{display:inline-block;width:5px;height:5px;background:var(--purple);border-radius:50%;margin-right:6px}.expansion-section{background:var(--raised);border-block:1px solid var(--line);padding:85px 0}.visual-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.visual-section-head h2{font-size:clamp(27px,3vw,38px);line-height:1.5;font-weight:600;letter-spacing:-1px;margin:16px 0 0}.visual-section-head>p{font-size:12px;line-height:2;color:var(--muted)}.scale-board{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}.scale-toolbar{display:flex;justify-content:space-between;gap:20px;padding:25px 30px;border-bottom:1px solid var(--line);align-items:center}.scale-toolbar b{font-size:14px;font-weight:550}.scale-toolbar small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.scale-controls{display:flex;gap:12px}.scale-controls .button{font-size:11px;min-width:130px}.traffic-sources{display:flex;align-items:center;justify-content:center;gap:9px;padding:35px 15px 30px;position:relative;flex-wrap:wrap}.traffic-sources i{width:6px;height:17px;border:1px solid var(--purple);border-radius:3px;opacity:.6}.traffic-sources span{position:absolute;top:12px;font-size:9px;color:var(--muted)}.scale-lane{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:20px;padding:12px 30px}.lane-label{font-size:12px;font-weight:550}.lane-label small{display:block;font-size:9px;color:var(--muted);margin-top:7px;font-weight:400}.scale-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.scale-node{border:1px solid var(--purple);background:light-dark(#f7f4ff,#725cff0e);border-radius:10px;padding:16px;animation:arrive .4s ease-out}.scale-node b{display:block;font-size:11px;line-height:1.7;font-weight:500}.scale-node small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.node-lights{display:flex;gap:4px;margin-bottom:14px}.node-lights i{width:4px;height:4px;background:var(--green);border-radius:50%}.routing-strip{margin:18px 30px 18px 160px;border-block:1px dashed var(--line);display:flex;align-items:center;gap:10px;padding:18px 0;flex-wrap:wrap}.routing-strip b{font-size:11px;font-weight:500}.routing-strip>span:last-child{margin-left:auto;font-size:9px;color:var(--muted)}.routing-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.scale-storage{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px 30px 30px 160px}.scale-storage .diagram-node{padding:15px}.scale-storage b{font-size:12px}.scale-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.scale-principles div{border-left:2px solid var(--purple);padding-left:15px}.scale-principles b{display:block;font-size:13px;font-weight:550}.scale-principles span{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:8px}.diagram-note{font-size:9px;color:var(--dim);line-height:2;margin-top:25px}.ecosystem-section{padding-top:85px;padding-bottom:80px}.ecosystem-map{padding:35px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 50% 100%,light-dark(#eeeaff,#725cff15),transparent 70%),var(--surface)}.ecosystem-sdk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;position:relative}.ecosystem-sdk>.diagram-node:before{content:'';position:absolute;top:-33px;left:50%;height:32px;border-left:1px solid var(--purple);opacity:.4}.ecosystem-core{position:relative;margin:36px auto 0;border:1px solid var(--purple);border-radius:16px;padding:28px;max-width:760px}.ecosystem-core:before{content:'';position:absolute;top:-37px;left:50%;height:36px;border-left:1px solid var(--purple);opacity:.4}.core-orbit{text-align:center}.core-orbit strong{display:block;font-size:28px;font-weight:600}.core-orbit>span:last-child{font-size:11px;color:var(--muted);display:block;margin-top:8px}.orbit-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--purple);box-shadow:0 0 25px #725cff66;margin-bottom:12px}.core-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.core-capabilities span{border:1px solid var(--line);background:var(--surface);padding:14px;text-align:center;border-radius:8px;font-size:12px}.sdk-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.sdk-boundaries article{padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.sdk-boundaries article>span{font-size:10px;color:var(--purple)}.sdk-boundaries h3{font-size:20px;margin:16px 0 22px;line-height:1.5}.api-block{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.api-block code{font-size:12px;color:var(--purple)}.api-block small{font-size:11px;color:var(--muted)}.ownership-row{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:14px 0;border-top:1px solid var(--line)}.ownership-row b{font-weight:500}.ownership-row span{color:var(--muted)}.sdk-boundaries p{font-size:10px;color:var(--dim);line-height:1.9}.architecture-bottom{display:flex;justify-content:center;gap:15px;margin-top:35px}.architecture-entry{display:inline-block;color:var(--purple);font-size:12px;margin-top:24px;border-bottom:1px solid var(--line);padding-bottom:6px}.scale-controls button:disabled{opacity:.5;cursor:default}.scale-controls button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.visual-section-head{display:block}.panorama,.ecosystem-map{padding:20px}.business-plane .diagram-row{grid-template-columns:1fr 1fr}.scale-nodes{grid-template-columns:1fr 1fr}.scale-toolbar{align-items:flex-start;flex-direction:column}.scale-lane{grid-template-columns:80px 1fr;gap:12px;padding:12px 20px}.routing-strip{margin-left:112px;margin-right:20px}.scale-storage{padding-left:112px;padding-right:20px}.scale-principles{grid-template-columns:1fr 1fr}.sdk-boundaries{grid-template-columns:1fr}}@media(max-width:480px){.visual-hero{padding-top:120px}.visual-hero h1{font-size:30px;letter-spacing:-1px}.visual-hero>p{font-size:11px;line-height:2}.panorama,.ecosystem-map{padding:13px}.diagram-row,.ecosystem-sdk{gap:7px}.diagram-node{padding:15px 6px}.diagram-node b{font-size:11px}.diagram-node small{font-size:9px}.business-plane{padding:13px}.diagram-bridge{font-size:8px;gap:10px}.access-band{grid-template-columns:1fr 1.6fr;gap:7px}.scale-controls{width:100%;gap:8px}.scale-controls .button{min-width:0;flex:1;padding:0 10px}.scale-toolbar{padding:20px}.scale-lane{grid-template-columns:1fr}.lane-label{display:flex;align-items:center;gap:8px}.lane-label small{margin:0}.routing-strip{margin-left:20px}.scale-storage{padding:20px;grid-template-columns:1fr}.scale-node{padding:13px}.traffic-sources{gap:6px}.traffic-sources i{width:4px}.ecosystem-core{padding:20px 12px}.core-capabilities{gap:7px}.core-capabilities span{padding:10px 4px;font-size:10px}.visual-legend{justify-content:flex-start;gap:12px}.expansion-section,.ecosystem-section{padding-block:60px}.architecture-bottom .button{font-size:11px;min-width:0}.diagram-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.scale-node{animation:none}}
.benchmark-strip{margin:30px 0 45px;padding:28px 30px;border:1px solid light-dark(#c9bfff,#a99bff55);border-radius:18px;background:radial-gradient(ellipse at top right,light-dark(#eae4ff,#725cff25),transparent 75%),var(--surface)}.benchmark-title{display:flex;align-items:center;gap:18px}.benchmark-title>span{font-size:10px;color:var(--purple);border:1px solid var(--line);border-radius:20px;padding:6px 10px}.benchmark-title b{font-size:14px;font-weight:550}.benchmark-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;margin:28px 0 22px}.benchmark-metrics>div+div{border-left:1px solid var(--line);padding-left:30px}.benchmark-metrics strong{font-size:clamp(29px,3.6vw,48px);font-weight:600;letter-spacing:-1.5px;line-height:1.3;white-space:nowrap;color:var(--purple)}.benchmark-metrics strong span{font-size:13px;letter-spacing:0;margin-left:5px;font-weight:400}.benchmark-metrics small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.benchmark-strip>p{font-size:9px;line-height:1.9;color:var(--dim);margin:0;padding-top:17px;border-top:1px solid var(--line)}@media(max-width:600px){.benchmark-strip{padding:22px}.benchmark-title{align-items:flex-start;flex-direction:column;gap:12px}.benchmark-metrics{grid-template-columns:1fr;gap:22px}.benchmark-metrics>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.benchmark-metrics strong{font-size:40px}}
.benchmark-details{margin:0 0 55px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.benchmark-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.benchmark-panel-head h2{font-size:24px;margin:12px 0 0;line-height:1.5}.metric-source{color:var(--dim);font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-grid article{background:var(--bg);border:1px solid var(--line);padding:20px;border-radius:10px}.metric-grid article>span{font-size:11px;color:var(--muted)}.metric-grid strong{display:block;font-size:23px;font-weight:550;margin-top:17px;line-height:1.6;color:var(--purple)}.metric-grid small{font-size:9px;margin-left:5px;font-weight:400;white-space:nowrap}.metric-grid p{font-size:9px;line-height:1.9;color:var(--dim);margin-top:10px}.benchmark-method{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.benchmark-method summary{cursor:pointer;font-size:12px;color:var(--muted)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.method-grid b{font-size:12px;font-weight:550}.method-grid p{font-size:10px;line-height:2;color:var(--muted)}@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.benchmark-details{padding:20px}.benchmark-panel-head{display:block}.metric-source{display:block;margin-top:14px}.metric-grid article{padding:13px}.metric-grid strong{font-size:18px}.metric-grid small{display:block;margin:0}.method-grid{grid-template-columns:1fr}.benchmark-panel-head h2{font-size:21px}}
.benchmark-details .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.benchmark-details .metric-grid{grid-template-columns:1fr}}
.benchmark-details .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){.benchmark-details .metric-grid{grid-template-columns:1fr}}
.benchmark-details .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.benchmark-details .metric-grid{grid-template-columns:1fr}}
