/* Website mapping of approved tokens-v2.css glass components. */
body{padding-bottom:0;background:radial-gradient(ellipse at 78% 0%,rgba(214,231,246,.68),transparent 44%),#edf1f5;background-attachment:fixed}
.header,.feature-panel,.update-band,.diagram,dialog,.toast{border:1px solid var(--zy-v2-glass-border);background:var(--zy-v2-glass-fill);box-shadow:var(--zy-v2-glass-shadow);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%)}
.header{background:rgba(255,255,255,.51);box-shadow:var(--zy-v2-glass-shadow-small)}
.circle{border:.7px solid rgba(255,255,255,.58);background:var(--zy-v2-glass-fill-strong);box-shadow:0 8px 20px rgba(38,48,62,.1),inset 0 .7px 0 rgba(255,255,255,.68);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);transition:transform 280ms var(--zy-v2-ease-liquid),box-shadow 280ms ease}
.circle:hover{transform:translateY(-2px);background:var(--zy-v2-glass-fill-strong);box-shadow:0 14px 28px rgba(38,48,62,.14),inset 0 .7px 0 rgba(255,255,255,.76)}
.circle:active,.button:active{transform:scale(.96)}
.button{background:linear-gradient(155deg,#414a52,#171d22 75%);border:.7px solid #ffffff38;box-shadow:0 12px 24px #26303e24,inset 0 1px 1px #ffffff60}
.button.secondary{background:var(--zy-v2-glass-fill-strong);border-color:var(--zy-v2-glass-border);box-shadow:var(--zy-v2-glass-shadow-small);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.hero{position:relative;margin-top:32px;padding:64px 48px;min-height:720px;border-radius:40px;border:1px solid var(--zy-v2-glass-border);background:rgba(255,255,255,.29);box-shadow:var(--zy-v2-glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);grid-template-columns:1fr 1.05fr;gap:24px}
h1{font-size:clamp(44px,4.2vw,64px);letter-spacing:-2.8px}h1 span{color:#606c77}.hero-copy>p{font-size:16px;color:#65717c}.hero-visual{height:580px;margin:0}.tablet{width:350px;right:0;top:20px}.phone{width:177px;left:0;top:165px}.orbit{width:100%;left:0;background:radial-gradient(ellipse,#cfdeec99,transparent 68%)}.visual-note{right:0;bottom:0}.hero-caption{margin-top:34px;color:#65717c}
.intro{margin-top:44px;border-top:0}.section-label{color:#697782}.feature-panel{border-radius:32px}.feature-stage{background:rgba(217,229,241,.18)}
.feature-tabs{position:relative;isolation:isolate;overflow:hidden;border:.7px solid rgba(255,255,255,.48);background:rgba(255,255,255,.19);box-shadow:inset 0 .7px 0 rgba(255,255,255,.46),0 8px 20px rgba(38,48,62,.07);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
.feature-tabs:before{content:"";position:absolute;z-index:-1;left:var(--thumb-left,6px);width:var(--thumb-width,110px);top:6px;bottom:6px;border-radius:999px;border:.7px solid #ffffffa8;background:rgba(255,255,255,.45);box-shadow:inset 0 .7px 0 #ffffffbd,0 5px 14px #26303e1a;transition:left 320ms cubic-bezier(.22,1,.36,1),width 320ms cubic-bezier(.22,1,.36,1)}
.feature-tabs button[aria-selected=true]{background:transparent;box-shadow:none}.feature-tabs button{font-weight:600}
.workflow{margin:24px auto;background:rgba(31,40,49,.92);border-top:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff24,0 24px 52px #26303e1a}
.platforms{gap:16px;background:transparent;border:0;border-radius:0;overflow:visible}.platforms button,.download-choices button{border:1px solid var(--zy-v2-glass-border);border-radius:24px;background:var(--zy-v2-glass-fill);box-shadow:var(--zy-v2-glass-shadow-small);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);transition:transform 280ms ease,box-shadow 280ms ease}.platforms button:hover,.download-choices button:hover{transform:translateY(-3px);background:var(--zy-v2-glass-fill-strong)}
.membership{background:rgba(219,229,238,.38);border-block:1px solid #ffffffa0}.membership-list{border:1px solid var(--zy-v2-glass-border);border-radius:32px;padding:8px 28px;background:var(--zy-v2-glass-fill);box-shadow:var(--zy-v2-glass-shadow-small);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.membership-list article:last-child{border-bottom:0}
.search{padding:13px 20px;border:.7px solid var(--zy-v2-glass-border);border-radius:999px;background:var(--zy-v2-glass-fill);box-shadow:var(--zy-v2-glass-shadow-small)}
.guide-grid{gap:20px}.guide-card{padding:26px;border:1px solid var(--zy-v2-glass-border);border-radius:24px;background:rgba(255,255,255,.38);box-shadow:var(--zy-v2-glass-shadow-small);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.guide-card:hover{background:var(--zy-v2-glass-fill)}
dialog{background:rgba(255,255,255,.51);border-radius:32px}dialog::backdrop{background:rgba(40,50,62,.2);backdrop-filter:blur(8px)}#modal-body p,#modal-body li{color:#465560}.download-choices button{background:rgba(255,255,255,.35);box-shadow:0 8px 20px #26303e10}.toast{color:#15212b;background:rgba(255,255,255,.73)}
footer{background:rgba(225,232,239,.46);border-top:1px solid #ffffffa0}
.dark{--zy-v2-glass-fill:rgba(27,31,35,.69);--zy-v2-glass-fill-strong:rgba(38,43,48,.79);--zy-v2-glass-border:rgba(255,255,255,.15);--zy-v2-glass-shadow:0 18px 52px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);--zy-v2-glass-shadow-small:0 10px 26px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07);background:radial-gradient(ellipse at 78% 0%,rgba(48,67,83,.5),transparent 44%),#101417;background-attachment:fixed}
.dark .header,.dark dialog{background:rgba(27,31,35,.59)}.dark .hero{background:rgba(38,48,58,.29)}.dark h1 span,.dark .hero-copy>p{color:#a3afb9}.dark .section-label,.dark .hero-caption{color:#9daab5}.dark .circle{background:var(--zy-v2-glass-fill-strong);border-color:#ffffff29;box-shadow:var(--zy-v2-glass-shadow-small)}.dark .button{background:linear-gradient(155deg,#f4f7fa,#c7d1da);border-color:#ffffff45}.dark .secondary{background:var(--zy-v2-glass-fill-strong);color:#fff}.dark .feature-panel,.dark .diagram,.dark .update-band,.dark .platforms button,.dark .membership-list,.dark .search,.dark .guide-card{background:var(--zy-v2-glass-fill);border-color:var(--zy-v2-glass-border)}.dark .feature-tabs{background:#ffffff08;border-color:#ffffff26}.dark .feature-tabs:before{background:#ffffff21;border-color:#ffffff33;box-shadow:inset 0 .7px 0 #ffffff19,0 5px 14px #0005}.dark .feature-tabs button[aria-selected=true]{background:transparent}.dark .feature-stage{background:#ffffff03}.dark .membership,.dark footer{background:#202b3638;border-color:#ffffff15}.dark .download-choices button{background:#ffffff09}.dark #modal-body p,.dark #modal-body li{color:#c3ccd4}.dark .toast{color:#fff;background:rgba(27,31,35,.79)}
@media(min-width:1600px){.hero{min-height:760px}.hero-visual{height:610px}.tablet{width:370px}.phone{width:187px}}
@media(max-width:1100px){.hero{padding:40px 30px;gap:20px;min-height:650px}.hero-visual{height:520px}.tablet{width:290px}.phone{width:147px;top:175px}h1{font-size:48px}.hero-copy>p{font-size:14px}.platforms{gap:12px}}
@media(max-width:800px){.hero{width:calc(100% - 24px);margin-top:24px;padding:38px 20px 28px;border-radius:32px;gap:32px;min-height:0}.hero-copy{text-align:left}h1{font-size:clamp(36px,8.7vw,49px);letter-spacing:-1.6px}.hero-copy>p{font-size:13px}.actions{justify-content:flex-start;gap:20px}.hero-caption{justify-content:flex-start;margin-top:25px;font-size:9px}.hero-visual{height:430px;max-width:420px}.tablet{width:74%;max-width:280px;top:10px;right:0}.phone{width:39%;max-width:148px;left:0;top:120px}.visual-note{font-size:9px;bottom:0}.intro{margin-top:20px}.header nav{background:rgba(245,248,251,.85);border:1px solid var(--zy-v2-glass-border);backdrop-filter:blur(26px);box-shadow:var(--zy-v2-glass-shadow)}.guide-grid{gap:14px}.guide-card{padding:22px 18px}.membership-list{padding:4px 22px}.platforms{gap:12px}.platforms button{padding:22px}.search input{min-width:0}.dark .header nav{background:rgba(27,31,35,.9)}}
@media(max-width:380px){.hero-visual{height:400px}.guide-grid{grid-template-columns:1fr}.guide-card p{min-height:0}}
@media(prefers-reduced-transparency:reduce){.header,dialog,.feature-panel,.guide-card,.membership-list{background:#f3f6f9}.dark .header,.dark dialog,.dark .feature-panel,.dark .guide-card,.dark .membership-list{background:#20262c}}