/* Site refinement: clearer hierarchy, guided examples and focused navigation. */
:root{--muted:#9aa3b8;--purple-light:#b7cbff}
a:focus-visible,button:focus-visible{outline:2px solid #a3bdff;outline-offset:5px}
.button{border-radius:5px;min-height:44px}.button-primary{background:linear-gradient(110deg,#a0bbff,#7a9bf0);box-shadow:0 5px 28px #5f89f22b}.button-primary:hover{background:linear-gradient(110deg,#b6cbff,#92b1ff)}
.main-nav a{position:relative;padding-block:12px;font-size:16px;min-height:44px}.main-nav a:after{content:"";position:absolute;inset:auto 0 4px;height:1px;background:#91b0ff;transform:scaleX(0);transition:transform .25s;transform-origin:left}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.reading-progress{position:absolute;inset:auto 0 0;height:2px;opacity:0}.site-header.is-scrolled .reading-progress{opacity:1}.reading-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#466bc8,#b0c6ff);transform:scaleX(0);transform-origin:left}
/* Keep the headline and entry actions visible before the first content section. */
@media(min-width:801px){
  #home.hero{display:flex;align-items:center;min-height:max(800px,100dvh);height:auto}
  #home .hero-content{padding-block:calc(var(--header-offset,88px) + 24px)}
}
.hero-content{order:0}.sphere-stage{top:8%;height:84%;width:62%;right:-2%}
.hero-eyebrow{gap:9px;letter-spacing:.8px;color:#b0bbd6;margin-bottom:20px;font-size:14px}.eyebrow-divider{display:inline-block;width:1px;height:10px;background:#465782;margin-inline:5px}.hero-eyebrow .small-dot{box-shadow:0 0 12px #99b6ff}
.hero-description{font-size:18px;line-height:1.85;color:#b3bbce;max-width:520px;margin-top:24px}.hero-buttons{margin-top:28px}.hero-footnote{margin-top:30px;font-size:11px;letter-spacing:1px;color:#8692b0;gap:20px}.hero-footnote a:hover{color:#c0d2ff}.hero-bottom{bottom:28px}.sphere-coordinate-bottom{font-size:9px;letter-spacing:.7px;color:#78839f}
.ecosystem-section{padding-top:34px;padding-bottom:28px}.ecosystem-heading h2{font-size:24px}.ecosystem-heading .eyebrow{color:#8692b1}.ecosystem-note{color:#858fa8}.ecosystem-logo img{opacity:.76}.ecosystem-logos{gap:12px}
.vision{gap:32px;padding-block:40px}.vision-item p{color:#99a2b9;font-size:13px}.vision-item h3{font-size:16px}.vision-item .tiny-index{font-size:9px}.vision-intro .eyebrow{color:#8792af}
.section{padding-block:66px}.section-top{margin-bottom:40px}.section-top .eyebrow{font-size:11px;color:#9babd2}.section-note{color:#818ba5}.section-title{font-size:clamp(34px,3.5vw,46px);line-height:1.38;font-weight:550;letter-spacing:-1.1px}.muted-title{color:#99a6c7}.section-description{font-size:17px;line-height:2;color:#a0aac3}
.scenarios-section{background:radial-gradient(ellipse at 80% 45%,#10172a44,transparent 60%),linear-gradient(#0b0f1a,#070a11)}.section-heading>.section-description{font-size:14px}.scenario-tab{padding-block:27px}.scenario-tab small{font-size:12px;color:#8792af}.scenario-tab strong{font-size:17px;color:#a3adc7}.scenario-tab.active strong{color:#d9e4ff}.scenario-tab.active{background:linear-gradient(90deg,#5b7ac719,transparent)}.scenario-panel{border-color:#43537d66;border-radius:11px;background:radial-gradient(ellipse at 50% 20%,#1a2540,#0c111e 65%)}.scene-visual{height:180px}.scene-info{padding:25px 30px 28px}.scene-info h3{font-size:18px;color:#d9e2f8}.scene-info p{font-size:17px;color:#a0acca;line-height:1.9}.scene-info .tiny-index{font-size:9px;color:#94a2c7}.scene-example{border-left:2px solid #7d98db;background:#768fcf0a;padding:12px 15px;margin-top:20px}.scene-example>span{font-size:10px;color:#afc0ea}.scene-example p{font-size:12px;margin-top:7px;color:#9fabc9}.scene-inquiry{display:flex;align-items:center;gap:15px;margin-top:20px;background:none;padding:0;font-size:12px;color:#baceff}.scene-inquiry .icon{width:16px;height:16px}.scenario-disclaimer{font-size:10px;color:#8792ad}.steps{padding:0;gap:12px;border:0}.steps>button{position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;gap:0;padding:15px;min-width:0;min-height:85px;background:#f0f3fa80;border:1px solid #b9c0d0;color:#36415e;border-radius:9px;transition:border-color .2s,background .2s,box-shadow .2s}.steps>button:hover{border-color:#7182ad;background:#fff9}.steps>button[aria-selected=true]{background:#fff;border-color:#7185b7;box-shadow:0 10px 35px #485e9412}.steps>button[aria-selected=true]:before{content:"";position:absolute;inset:0 18px auto;height:2px;background:#677bae;border-radius:3px}.steps .step-number{font-size:9px;letter-spacing:1px;color:#7d8baf}.steps strong{font-size:18px;font-weight:550;margin-top:8px}.steps>button>span:nth-of-type(2){font-size:12px;line-height:1.85;color:#737f9d;margin-top:9px;display:none}.steps>button>.icon{position:absolute;right:15px;top:22px;width:14px;height:14px;color:#8a97b8}.steps>button[aria-selected=true]>.icon{color:#51618b}
.step-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;border:1px solid #bec5d8;border-radius:9px;background:#f4f6fcad;margin-top:20px;padding:32px}.step-detail .eyebrow{font-size:8px;letter-spacing:1.4px;color:#727e9e}.step-detail h3{font-size:23px;font-weight:550;letter-spacing:-.5px;margin-top:14px;color:#303b58}.step-detail p{font-size:17px;line-height:1.95;color:#727c95;margin-top:11px;max-width:320px}.step-detail ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:13px}.step-detail li{position:relative;font-size:17px;color:#606980;line-height:1.9;padding-left:23px}.step-detail li:before{content:"✓";position:absolute;left:0;color:#6c7ead;font-size:11px}.faq-layout{margin-top:55px}.faq-list summary{font-size:13px}.faq-list details p{font-size:17px;color:#626c87}.contact-inner{padding-block:67px}.contact-inner p{font-size:17px;color:#bdc9e9}.contact-inner h2{font-size:48px}
.back-to-top{position:fixed;right:23px;bottom:24px;z-index:25;display:grid;place-items:center;width:40px;height:40px;border:1px solid #6376a6;border-radius:50%;background:#141c2fe8;color:#b4c6f2;box-shadow:0 5px 20px #0004;backdrop-filter:blur(10px)}.back-to-top .icon{transform:rotate(-90deg);width:17px;height:17px}.back-to-top:hover{background:#263456;color:#fff}.back-to-top[hidden],body.modal-open .back-to-top{display:none}
@media(max-width:1100px){.vision{gap:22px}.vision-item p{font-size:12px}.section{padding-block:60px}.steps>button{padding-inline:17px}.steps>button>span:nth-of-type(2){font-size:11px;display:none}.step-detail{gap:30px}.hero-description{font-size:18px;max-width:520px;line-height:1.85}}
@media(max-width:950px) and (min-width:801px){.hero-description{max-width:520px;font-size:18px;line-height:1.85}.hero-footnote{font-size:10px;gap:15px}.steps>button{padding-inline:14px}.steps .step-number{font-size:8px}}
@media(max-width:800px){#home.hero{height:auto;min-height:calc(100svh - var(--header-height,76px));overflow:visible;display:flex;flex-direction:column;justify-content:center}#home .hero-content{padding-block:32px;order:0}.sphere-stage{top:auto;height:280px;bottom:auto;position:relative;order:1;width:100%;max-width:100%;right:auto;left:auto;transform:none;margin:0 auto 0}.hero-description{max-width:100%;font-size:17px;line-height:1.85}.hero-footnote{font-size:11px}.section{padding-block:48px}.section-heading>.section-description{font-size:12px}.scene-visual{height:180px}.scenario-tab strong{font-size:13px}.steps{grid-template-columns:repeat(2,1fr);gap:13px}.steps>button{padding:15px;min-height:85px}.steps strong{font-size:18px;margin-top:8px}.steps>button>span:nth-of-type(2){font-size:12px;display:none}.steps .step-number{font-size:9px}.step-detail{padding:25px;gap:25px}.step-detail h3{font-size:20px}.step-detail li{font-size:17px}.vision-item p{font-size:11px}.vision{padding-block:35px}.contact-inner h2{font-size:39px}.contact-inner p{font-size:17px;max-width:280px}.main-nav a{padding-block:15px}.main-nav a:after{display:none}}
@media(max-width:480px){.hero{min-height:0;height:auto;overflow:visible;display:flex;flex-direction:column}.hero-eyebrow{font-size:14px;letter-spacing:.8px;margin-bottom:20px}.eyebrow-divider{margin-inline:2px;height:9px}.hero-description{font-size:17px;max-width:100%;margin-top:20px;line-height:1.85}.hero-buttons{margin-top:25px}.hero-footnote{font-size:10px;letter-spacing:.5px;gap:15px;margin-top:23px}.sphere-stage{height:280px;bottom:auto;position:relative;order:1;width:100%;max-width:100%;right:auto;left:auto;top:auto;transform:none;margin:0 auto 0}.sphere-coordinate-bottom{font-size:8px!important}.hero-bottom{bottom:22px;display:none}.ecosystem-section{padding-block:28px}.ecosystem-heading h2{font-size:19px}.ecosystem-logos{gap:10px 0}.ecosystem-note{font-size:10px;line-height:1.85}.vision{gap:13px}.vision-item h3{font-size:14px}.vision-item p{font-size:11px}.vision-item .tiny-index{font-size:7px;letter-spacing:.4px}.vision-intro .eyebrow{font-size:7px}.section{padding-block:44px}.section-top{margin-bottom:28px}.section-top .eyebrow{font-size:10px}.section-note{font-size:7px;letter-spacing:.6px}.section-title{font-size:33px}.section-heading>.section-description{font-size:13px}.scenario-tabs{gap:10px}.scenario-tab strong{font-size:11px}.scene-visual{height:176px}.scene-info{padding:21px}.scene-info h3{font-size:17px}.scene-info p{font-size:17px}.scene-example{padding:11px 13px;margin-top:17px}.scene-inquiry{font-size:11px}.scenario-disclaimer{font-size:10px;line-height:1.9}.steps{gap:10px}.steps>button{padding:15px;min-height:85px}.steps .step-number{font-size:8px;letter-spacing:.6px}.steps strong{font-size:17px;margin-top:8px}.steps>button>span:nth-of-type(2){font-size:11px;line-height:1.85;display:none}.steps>button>.icon{width:12px;right:12px;top:19px}.step-detail{display:block;padding:23px 20px}.step-detail h3{font-size:21px}.step-detail p{font-size:17px}.step-detail ul{margin-top:19px;padding-top:18px;border-top:1px solid #b4bdd5;gap:10px}.step-detail li{font-size:17px}.faq-layout{margin-top:37px}.faq-list summary{font-size:12px}.faq-list details p{font-size:17px}.contact-inner{padding-block:48px}.contact-inner h2{font-size:40px}.contact-inner p{font-size:17px;max-width:100%}.back-to-top{right:14px;bottom:16px;width:35px;height:35px}}
@media(max-width:360px){.steps>button{padding-inline:12px;min-height:85px}.steps .step-number{font-size:7px;letter-spacing:.4px}.steps strong{font-size:16px}.steps>button>span:nth-of-type(2){font-size:10.5px;display:none}.steps>button>span:nth-of-type(2) br{display:none}.step-detail h3{font-size:18.5px}.hero h1{font-size:clamp(40px,10vw,48px);line-height:1.12}}
@media(prefers-reduced-motion:reduce){.main-nav a:after{transition:none}.back-to-top{backdrop-filter:none}}

/* The circular surface accepts direct rotation without covering the hero links. */
.sphere-stage{z-index:0;width:62%;right:-2%;top:8%;height:84%}.hero-content{z-index:1}.hero-bottom{z-index:2}
.sphere-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--sphere-control-size,60%);height:var(--sphere-control-size,60%);border-radius:50%;pointer-events:auto;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;z-index:0}
.sphere-control.is-dragging{cursor:grabbing}.sphere-control:focus-visible{outline:2px solid #b6cbff;outline-offset:7px}
.sphere-control[hidden]{display:none}
@media(max-width:800px){.sphere-stage{height:280px;position:relative;order:1;width:100%;max-width:100%;right:auto;left:auto;top:auto;bottom:auto;transform:none;margin:0 auto 0}}
@media(max-width:480px){.sphere-stage{height:280px;position:relative;order:1;width:100%;max-width:100%;right:auto;left:auto;top:auto;bottom:auto;transform:none;margin:0 auto 0}}
@media(max-width:800px){.steps{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto;gap:8px;padding-bottom:7px}.steps>button>.icon{display:none}}

@media(max-width:800px){.sphere-stage{display:none}}