/* Public pages only. Keep the workspace and account layouts independent. */
.public-site{--bg:#0c111a;--panel:#131e2a;--line:#2d4050;--muted:#adbfcd;--text:#edf5fa;--lime:#67e4ca;color-scheme:dark;background:var(--bg);color:var(--text);font:16px/1.7 'Segoe UI',system-ui,sans-serif}
.public-site :is(h1,h2,h3){text-wrap:balance}
.public-site :is(a,button,input,select,summary):focus-visible{outline:3px solid #67e4ca;outline-offset:4px}
.public-site .skip-link{position:absolute;top:-80px;left:20px;z-index:100;padding:12px 18px;border-radius:8px;background:#67e4ca;color:#071c1a}
.public-site .skip-link:focus{top:12px}
.public-site .site-header{max-width:1280px;padding:20px 32px;gap:20px}
.public-site .brand{color:#edf5fa;font-size:23px;letter-spacing:-.6px}.public-site .brand b{color:#97c9c3}
.public-site .site-header nav{gap:22px;flex-wrap:wrap}
.public-site .site-header nav>a{display:inline-flex!important;align-items:center;min-height:44px}
.public-site :is(.button,button,select,summary){touch-action:manipulation}
.public-site .button{min-height:46px;border-radius:10px}
.public-site .hero{padding-top:56px}.public-site .hero h1{font-size:clamp(42px,6.1vw,82px);line-height:1.08;letter-spacing:-.045em}
.public-site .hero>.fine{max-width:740px;margin:18px auto;color:#a8becd!important}
.public-site .hero>.launch-status{max-width:770px;margin:12px auto;font-size:13px}
.public-site .hero-product{margin-top:38px}
.public-site .section{padding-block:80px}
.public-site .benefit-strip{border-radius:14px;border:1px solid #2d4050;background:#111d28;padding:25px}
.public-site .mode-grid article{background:linear-gradient(150deg,#192936,#111a25);border-color:#314856}
.public-site .mode-grid article>span{font:600 11px 'Segoe UI',sans-serif;letter-spacing:1px}
.public-site .how li{border-top:1px solid #304452;padding-top:20px}
.public-site .price-grid article{display:flex;flex-direction:column;min-width:0}
.public-site .price-grid h3{min-height:2.5em;line-height:1.2}
.public-site .price-grid .price{font-size:clamp(32px,3.1vw,43px);letter-spacing:-1.2px}
.public-site .price-grid .price span{display:block;letter-spacing:0;margin-top:5px}
.public-site .price-grid .button{margin-top:auto}
.public-site .price-grid p:not(.price){margin-bottom:26px}
.public-site .faq details{border:1px solid #2d4050;border-radius:12px;margin:10px 0;padding:0 22px;background:#101b26}
.public-site .faq summary{min-height:56px;padding-block:20px}.public-site .faq p{color:#b5c5d1}
.public-site footer{max-width:1280px;gap:22px;padding:30px 32px 60px}.public-site footer a{min-height:44px;display:inline-flex;align-items:center}
.public-site .policy{width:100%;max-width:900px;margin:auto;padding:56px 36px 90px}
.public-site .policy h1{font-size:clamp(36px,5.4vw,64px);letter-spacing:-.04em;line-height:1.12;margin:22px 0 30px}
.public-site .policy h2{font-size:clamp(25px,3vw,32px);letter-spacing:-.025em;line-height:1.25;margin:46px 0 18px;padding-top:22px;border-top:1px solid #2d4050;scroll-margin-top:24px}
.public-site .policy h3{font-size:22px;line-height:1.35;margin-top:30px}
.public-site .policy p{color:#b8c7d2;font-size:16px;line-height:1.85}
.public-site .policy a{color:#82e1d1;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.public-site .policy strong{color:#edf5fa}
.public-site .policy-nav{margin:28px 0;padding:14px;border:1px solid #344b5c;background:#14212e;border-radius:12px;gap:8px 12px}
.public-site .policy-nav a{display:inline-flex!important;align-items:center;min-height:44px;padding:4px 10px;text-decoration:none;font-size:14px}
.public-site .guide{max-width:1100px;padding-top:40px}
.public-site .guide .breadcrumbs{gap:8px 12px;line-height:1.5;margin-bottom:30px}.public-site .breadcrumbs a{display:inline!important}
.public-site .guide-lead{color:#b5c6d2;max-width:70ch}
.public-site .guide section{border-top:1px solid #293c4b;padding-top:18px;margin-top:36px}
.public-site .guide-card{background:linear-gradient(135deg,#182a36,#111c27);border-color:#344b5b}
.public-site .guide-card:hover{background:#19313b;border-color:#67e4ca}
.public-site .guide-next{border:1px solid #34515a;background:#112830;padding:28px;border-radius:16px}
.public-site .guide li{line-height:1.8}.public-site .guide pre{line-height:1.65}
.public-site .orbit-learn{max-width:1280px;padding:40px 32px 80px}
.public-site .learn-heading{max-width:860px;margin-bottom:32px}
.public-site .learn-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;margin-block:14px 18px}
.public-site .learn-heading p{color:#adbfcd;line-height:1.75}.public-site .learn-heading p:last-child{font-size:14px;padding:16px 18px;border:1px solid #2e4656;background:#12232f;border-radius:12px}
.public-site .learn-layout{grid-template-columns:minmax(0,1fr) 304px;gap:28px}
.public-site #learn-title{font-size:clamp(23px,2.7vw,32px);letter-spacing:-.025em;line-height:1.25;margin:0 0 18px}
.public-site .learn-layout aside{border:1px solid #2f4657;padding:18px;border-radius:14px;background:#101d29;align-self:start}
.public-site .orbit-learn video{border:1px solid #344e61}
.public-site .orbit-learn :is(button,input,select){min-height:44px;border-color:#3c596c;font-size:14px}
.public-site .orbit-learn input{background:#0c1721;padding:12px}
.public-site .orbit-learn button:hover{border-color:#70ddcb;background:#193842}
.public-site .orbit-learn .learn-lesson{padding:12px 14px;line-height:1.5;background:#142432}
.public-site .learn-lesson[aria-current=true]{border-color:#67e4ca!important;background:#183c41!important;box-shadow:inset 3px 0 #67e4ca}
.public-site .learn-controls{gap:12px 18px;padding:12px 0;border-bottom:1px solid #2d4050}
.public-site #learn-chapters button{text-align:left;line-height:1.45}.public-site .orbit-learn summary{min-height:44px;padding:8px 0}
.public-site .learn-disclosure{color:#acbdcb;font-size:13px}
@media(max-width:1000px){.public-site .site-header{flex-wrap:wrap}.public-site .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-site .split{gap:34px}}
@media(max-width:850px){.public-site .learn-layout{grid-template-columns:minmax(0,1fr)}.public-site .learn-layout aside{grid-row:1}.public-site #learn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px;overflow:auto;gap:8px;padding:4px}.public-site .learn-lesson{margin:0}.public-site .learn-layout{gap:26px}}
@media(max-width:760px){.public-site .site-header{padding:16px 20px;gap:12px}.public-site .site-header nav{width:100%;gap:6px 18px;justify-content:flex-start}.public-site .site-header nav>a{font-size:13px}.public-site .site-header .brand{font-size:21px}.public-site .site-header>.brand+nav{border-top:1px solid #253745;padding-top:8px}.public-site .hero{padding:36px 20px 0}.public-site .hero .lead{font-size:16px;line-height:1.65}.public-site .hero>.fine{font-size:12px!important}.public-site .section{padding:52px 20px}.public-site .price-grid h3{min-height:0}.public-site .price-grid .price{font-size:36px}.public-site .price-grid article{padding:25px}.public-site .benefit-strip{margin-inline:20px;padding:22px}.public-site .how li{padding-top:10px}.public-site .how li>b{top:23px}.public-site .faq details{padding-inline:17px}.public-site .faq summary{line-height:1.6}.public-site .policy{padding:32px 22px 70px}.public-site .policy-nav{padding:8px;gap:2px 6px}.public-site .policy h2{margin-top:34px}.public-site .policy p{font-size:15px}.public-site footer{padding-inline:22px}.public-site .guide-next{padding:22px}.public-site .orbit-learn{padding:30px 20px 70px}.public-site .learn-heading{margin-bottom:24px}.public-site .learn-layout aside{padding:14px}.public-site .learn-layout aside label{font-weight:600}.public-site .learn-lesson strong{font-size:13px}.public-site .learn-lesson span{font-size:12px}.public-site .learn-controls{align-items:center}.public-site .learn-controls a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:380px){.public-site .mode-grid{grid-template-columns:1fr}.public-site .hero h1{font-size:37px}.public-site .site-header nav{gap:4px 12px}.public-site .price-grid .price{font-size:32px}.public-site #learn-list{grid-template-columns:1fr;max-height:210px}}
@media(max-width:760px){.public-site .site-header{position:relative}.public-site .site-header nav>.button{position:absolute;top:14px;right:20px;padding:8px 10px;min-height:40px;font-size:12px}.public-site .hero h1{font-size:clamp(30px,8.7vw,52px)}.public-site .site-header .brand{font-size:19px}.public-site .brand img{width:28px}.public-site .hero .eyebrow{letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.public-site *{scroll-behavior:auto!important}}