:root{--muted:#aec0ce;--muted2:#9bb0c1;scroll-padding-top:24px}
body{background:radial-gradient(ellipse at 90% 0%,#123a4240,transparent 45%),var(--bg,#08131f)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b5ffec;outline-offset:4px}
.sf-navigation{position:relative;z-index:11;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid #294454;background:#0a1926}
.sf-navigation a{color:#d9e9ef;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.4}
.sf-navigation .sf-nav-brand{font-weight:800;letter-spacing:1px;color:#82ecd2;padding-left:0}.sf-nav-links{display:flex;gap:4px;flex-wrap:wrap}.sf-nav-links a:hover,.sf-nav-links a[aria-current]{background:#193b43;color:#b5ffec}
.start-shell,.trade-public{padding-top:32px}.start-header,.trade-public-header{padding-bottom:20px;border-bottom:1px solid #294353;margin-bottom:28px}
.start-shell .btn{min-height:46px;white-space:normal;text-align:center;font-size:14px;text-decoration:none}.start-shell p,.start-shell li{font-size:16px}.start-shell label{font-size:15px}
.start-card,.start-lesson,.purpose-grid article{box-shadow:0 16px 40px #0002}.start-card h3{font-size:20px}
#companionAi{border:1px solid #398374;border-radius:20px;padding:clamp(20px,4vw,38px);margin-top:36px;background:linear-gradient(120deg,#123432,#102231)}
#companionAi [data-ai-answer]:not(:empty){padding:22px;background:#081b26;border-radius:14px;line-height:1.8}
.sf-home{max-width:1200px;margin:auto;padding:32px clamp(20px,4vw,40px) 56px;font-size:16px}.sf-home a{color:#a2f3df}.sf-home p{line-height:1.8}.sf-home h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px}.sf-home h3{font-size:21px;line-height:1.4}
.sf-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;padding:55px 0}.sf-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.12;letter-spacing:-1.8px;max-width:16ch}.sf-hero h1 span{color:#85ead0}.sf-lead{font-size:19px;color:#bbceda;max-width:54ch}.sf-hero .eyebrow{font-size:12px}
.sf-hero-note{border:1px solid #345e61;border-radius:24px;padding:30px;background:linear-gradient(140deg,#163e42,#112332);box-shadow:0 24px 60px #0003}.sf-hero-note h2{font-size:25px}.sf-hero-note ol{padding-left:24px;line-height:1.8}.sf-hero-note li{padding:7px 0}
.sf-home .btn{min-height:48px;font-size:15px;white-space:normal;text-align:center;text-decoration:none}.sf-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sf-home-section{margin:30px 0 52px;scroll-margin-top:24px}.sf-section-intro{max-width:70ch;color:#b6cad6}
.sf-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.sf-service-card{display:flex;flex-direction:column;border:1px solid #304a5d;background:linear-gradient(140deg,#122b3a,#0d202f);padding:26px;border-radius:20px;min-width:0}.sf-service-card p{color:#bbceda;margin-bottom:24px}.sf-service-card .btn{align-self:flex-start;margin-top:auto}.sf-service-number{font-size:13px;letter-spacing:2px;color:#82e4cd;margin-bottom:22px}.sf-service-card:hover{border-color:#70b8a9}
.sf-home-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sf-guide-link{display:block;padding:22px;border:1px solid #304a5d;border-radius:16px;text-decoration:none;background:#102433}.sf-guide-link strong{display:block;font-size:18px;color:#e9f5fa;margin-bottom:8px}.sf-guide-link span{color:#b8cdd8;line-height:1.7}.sf-guide-link:hover{background:#17343f;border-color:#72bda8}.sf-home-support{border:1px solid #4a665a;border-radius:22px;padding:30px;background:#162e30}.sf-home footer{border-top:1px solid #304a5d;padding-top:24px;color:#acbfcd}
@media(min-width:861px){body:has(.app-shell:not(.hidden))>.sf-navigation{margin-left:248px;padding:10px 24px}}
@media(max-width:800px){.sf-hero{grid-template-columns:1fr;padding:36px 0;gap:24px}.sf-service-grid{grid-template-columns:1fr 1fr}.sf-navigation{gap:4px;padding:10px 16px}.sf-nav-links{gap:2px}.sf-nav-links a{font-size:13px;padding:9px}.sf-home-guide{grid-template-columns:1fr}}
@media(max-width:520px){.sf-service-grid{grid-template-columns:1fr}.sf-hero h1{letter-spacing:-1px}.sf-home-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.sf-service-card,.sf-guide-link,.sf-hero-note{border:1px solid CanvasText}.sf-navigation a{color:LinkText}}
@media print{.sf-navigation{display:none!important}.sf-home{max-width:none}.sf-service-card,.sf-guide-link{break-inside:avoid}}

body.a11y-reduce-motion *,body.a11y-reduce-motion *::before,body.a11y-reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.a11y-high-contrast :is(.sf-navigation,.sf-hero-note,.sf-service-card,.sf-guide-link,.sf-home-support,#companionAi){background:#000!important;color:#fff!important;border-color:#fff!important}

.sf-welcome-tools{border:1px solid #416c68;border-radius:18px;padding:22px;background:#102b30}.sf-welcome-tools h2{font-size:21px}.sf-welcome-tools p{font-size:14px;max-width:80ch}.sf-welcome-tools summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;color:#b6f3df}.sf-welcome-tools fieldset{border:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:18px}.sf-welcome-tools legend{font-weight:700}.sf-welcome-tools label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;margin:0}.sf-welcome-tools input{width:22px;min-height:22px;height:22px;accent-color:#55e0c2}.sf-welcome-tools [hidden]{display:none!important}body.a11y-high-contrast .sf-welcome-tools{background:#000;border-color:#fff}

.sf-account-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:-12px 0 18px}.sf-account-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;font-size:14px;text-decoration:none;color:#bed3df;border-radius:9px}.sf-account-links a:last-child{border:1px solid #426270}.sf-account-links a:hover{background:#193b43;color:#b5ffec}