:root{--bg-obsidian: #0c0a0f;--bg-graphite: #14111a;--bg-elevated: #1e1a28;--border-steel: #2a2534;--canvas-bone: #edeaf3;--canvas-paper: #edeaf3;--border-sand: #c3b9d6;--text-bone: #f3eff7;--text-ink: #17131f;--text-fog: #b7afc4;--text-muted: #6e6580;--signal-accent: #6e8cff;--signal-accent-hover: #8ca4ff;--signal-accent-pressed: #5570e0;--signal-glow: #7be8ff;--tint-accent: rgba(110, 140, 255, .14);--status-pass: #3ed9a4;--verified-cyan: #7be8ff;--alert-amber: #f0b44a;--alert-red: #ff7a80;--tint-pass: rgba(62, 217, 164, .14);--tint-verified: rgba(123, 232, 255, .14);--tint-check: rgba(240, 180, 74, .14);--tint-stop: rgba(255, 122, 128, .14);--tint-neutral: rgba(183, 175, 196, .1);--lit-1: #7be8ff;--lit-2: #6e8cff;--lit-3: #9a5cf0;--rim: #ffe2b4;--lit: linear-gradient(135deg, var(--lit-1), var(--lit-2) 46%, var(--lit-3));--on-lit: #0a0d14;--on-lit-2: rgba(10, 13, 20, .66);--seam: linear-gradient( 152deg, color-mix(in srgb, var(--rim) 64%, transparent) 0%, rgba(255, 255, 255, .14) 22%, transparent 48%, transparent 62%, rgba(168, 196, 255, .18) 86%, rgba(214, 232, 255, .3) 100% );--font-display: "Familjen Grotesk", "Segoe UI", system-ui, sans-serif;--font-ui: "Onest", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display-xl: clamp(40px, 6vw, 64px);--fs-display-l: clamp(32px, 4.5vw, 48px);--fs-h1: clamp(28px, 3.2vw, 36px);--fs-h2: clamp(22px, 2.4vw, 28px);--fs-h3: clamp(18px, 1.8vw, 22px);--fs-body-l: clamp(16px, 1.2vw, 17px);--fs-body: clamp(14px, 1vw, 15px);--fs-body-s: clamp(13px, .9vw, 14px);--fs-label: clamp(10px, .8vw, 11px);--lh-tight: 1.08;--lh-heading: 1.15;--lh-body: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--gutter: var(--sp-4);--safe-left: max(env(safe-area-inset-left, 0px), var(--tg-content-safe-area-inset-left, 0px));--safe-right: max(env(safe-area-inset-right, 0px), var(--tg-content-safe-area-inset-right, 0px));--safe-top: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px));--page-left: max(var(--gutter), var(--safe-left));--page-right: max(var(--gutter), var(--safe-right));--section-gap: var(--sp-8);--sq: superellipse(2.2);--radius-xs: 9px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-round: 999px;--shadow-float: 0 12px 40px rgba(110, 140, 255, .3);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .56);--rail-width: 264px;--content-max: 1180px;--reading-max: 68ch;--tap-min: 44px}@media (min-width: 768px){:root{--gutter: var(--sp-6);--page-left: max(var(--gutter), var(--safe-left));--page-right: max(var(--gutter), var(--safe-right))}}@media (min-width: 1280px){:root{--gutter: var(--sp-8);--page-left: max(var(--gutter), var(--safe-left));--page-right: max(var(--gutter), var(--safe-right));--section-gap: var(--sp-12)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-obsidian);color:var(--text-bone);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.card,.mission,.hero-card,.bento-cell,.progress-module,.notice,.empty,.tag,.btn,.rail__link,.course-module,.input,.textarea,.select,.evidence,.log,.lesson-peek,.lesson-actions,.jump-chip,.skeleton,.meter,.meter__fill{corner-shape:var(--sq)}.card,.mission,.hero-card,.bento-cell,.progress-module,.notice,.course-module{position:relative}.card:after,.mission:after,.hero-card:after,.bento-cell:after,.progress-module:after,.notice:after,.course-module:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;corner-shape:inherit;padding:1px;background:var(--seam);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--lh-heading);margin:0;letter-spacing:-.02em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0 0 var(--sp-4)}a{color:inherit;text-decoration-color:var(--text-muted);text-underline-offset:3px}button,input,textarea,select{font:inherit;color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--signal-accent);outline-offset:2px}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;flex-shrink:0;display:inline-block}.icon--fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.icon--sm{font-size:16px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100%;display:flex;flex-direction:column}.app__body{flex:1;display:flex;flex-direction:column;min-width:0}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding-left:var(--page-left);padding-right:var(--page-right)}.stack>*+*{margin-top:var(--sp-4)}.stack-sm>*+*{margin-top:var(--sp-3)}.stack-lg>*+*{margin-top:var(--sp-8)}.row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.section{padding-top:max(var(--section-gap),calc(var(--safe-top) + var(--sp-4)));padding-bottom:max(var(--section-gap),calc(var(--safe-bottom) + var(--sp-4)))}h1+p,h2+p,h3+p,h1+.row,h2+.row,h3+.row{margin-top:var(--sp-2)}section>h2+*,section>h3+*,article>h2+*,article>h3+*{margin-top:var(--sp-3)}.card>*:last-child,.canvas>*:last-child,.notice>*:last-child{margin-bottom:0}.lesson-back{display:inline-flex;align-items:center;min-height:var(--tap-min);color:var(--text-fog);text-decoration:none}.lesson-peek{display:flex;flex-direction:column;border:1px solid var(--border-steel);border-radius:var(--radius-md);overflow:hidden}.lesson-peek__row{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-2) var(--sp-3);text-decoration:none;color:var(--text-fog);border-top:1px solid var(--border-steel);transition:background .15s ease}.lesson-peek__row:first-child{border-top:none}.lesson-peek__row:not(.lesson-peek__row--current):hover{background:var(--bg-elevated)}.peek-icon--pass{color:var(--signal-accent);opacity:.7}.peek-icon--locked{color:var(--text-muted);opacity:.6}.lesson-peek__row--current{color:var(--text-bone);background:var(--tint-accent);border-left:3px solid var(--signal-accent);padding-left:calc(var(--sp-3) - 3px);cursor:default}.lesson-peek__row--empty{min-height:var(--tap-min);visibility:hidden}.lesson-peek__code{font-size:var(--fs-label);color:var(--text-muted);flex-shrink:0}.lesson-peek__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body-s)}.lesson-peek__row--current .lesson-peek__title{font-weight:600;white-space:normal}.lesson-actions{position:fixed;z-index:35;left:var(--safe-left);right:var(--safe-right);bottom:calc(74px + var(--safe-bottom));display:flex;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--gutter);background:#0c0a0ff5;border:1px solid var(--border-steel);border-radius:var(--radius-md);box-shadow:0 -8px 24px #00000047}.lesson-actions>.row{gap:var(--sp-2)}.lesson-actions .btn{padding-left:var(--sp-3);padding-right:var(--sp-3)}.jump-chip{position:fixed;z-index:35;left:50%;bottom:calc(74px + var(--safe-bottom) + var(--sp-3));transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--tap-min);padding:0 var(--sp-4);background:var(--bg-elevated);border:1px solid var(--signal-accent);color:var(--signal-accent);border-radius:var(--radius-round);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;box-shadow:var(--shadow-float);cursor:pointer;animation:chip-in .22s ease}.jump-chip:active{transform:translate(-50%) scale(.96)}@keyframes chip-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lesson-page{padding-bottom:calc(var(--section-gap) + 76px)}.rail{position:fixed;left:50%;bottom:calc(var(--sp-3) + var(--safe-bottom));transform:translate(-50%);z-index:40;display:flex;gap:2px;padding:6px;border-radius:var(--radius-round);corner-shape:var(--sq);background:color-mix(in srgb,var(--bg-elevated) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.07);box-shadow:var(--shadow-modal);max-width:calc(100% - var(--safe-left) - var(--safe-right) - var(--sp-6))}.rail__link{min-width:60px;min-height:var(--tap-min);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-fog);text-decoration:none;border-radius:var(--radius-round);transition:background .15s ease,color .15s ease}.rail__link[aria-current=page]{color:var(--on-lit);background:var(--lit);font-weight:600}.rail__icon{font-size:17px;line-height:1}.rail__brand{display:none}.app__main{padding-bottom:calc(96px + var(--safe-bottom))}@media (min-width: 1024px){.app__body{flex-direction:row}.rail{position:sticky;top:0;bottom:auto;left:auto;right:auto;transform:none;max-width:none;flex-direction:column;width:var(--rail-width);flex:0 0 var(--rail-width);height:100vh;border-radius:0;corner-shape:none;background:var(--bg-graphite);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;border-right:1px solid var(--border-steel);padding:var(--sp-6) var(--sp-3);gap:var(--sp-1)}.rail__brand{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:.04em;padding:0 var(--sp-3) var(--sp-6)}.rail__link{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--sp-3);border-top:none;border-left:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--fs-body-s);padding:var(--sp-3)}.rail__link[aria-current=page]{background:var(--bg-elevated);color:var(--signal-glow);font-weight:400;border-left-color:var(--signal-accent)}.app__main{padding-bottom:var(--sp-12);flex:1;min-width:0}.lesson-actions{position:static;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.lesson-page{padding-bottom:var(--section-gap)}}.card{background:var(--bg-graphite);border:1px solid var(--border-steel);border-radius:var(--radius-md);padding:var(--sp-4);transition:border-color .2s ease}.hero-card:hover,.bento-cell:hover{border-color:var(--signal-accent)}.section>.container,.container.section{animation:page-in .26s ease}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card--selected{border-color:var(--signal-accent)}.course-module{padding:0;overflow:hidden;transition:border-color .2s ease}.course-module--current{border-color:var(--signal-accent);background:var(--bg-elevated)}.course-module--locked{opacity:.6}.course-module__summary{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--tap-min);padding:var(--sp-3);cursor:pointer;list-style:none}.course-module__summary::-webkit-details-marker{display:none}.course-module__index{flex-shrink:0;width:1.6em;color:var(--text-muted)}.course-module--current .course-module__index{color:var(--signal-accent)}.course-module__heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.course-module__title{font-family:var(--font-ui);font-size:var(--fs-body-l);font-weight:600;color:var(--text-bone)}.course-module--locked .course-module__title{color:var(--text-fog)}.course-module__status{display:flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--text-fog)}.course-module__status--current{color:var(--signal-accent)}.course-module__check{color:var(--signal-accent);flex-shrink:0}.course-module__chevron{flex-shrink:0;color:var(--text-fog);transition:transform .2s ease}.course-module[open] .course-module__chevron{transform:rotate(180deg)}.course-module__body{padding:0 var(--sp-3)}.course-module>ul{padding:0 var(--sp-3) var(--sp-3);margin:0}.course-module--current>ul{padding-top:0}.course-lesson-row{display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;align-items:center;border-top:1px solid var(--border-steel);padding:var(--sp-3) 0;min-height:var(--tap-min);text-decoration:none;color:inherit;transition:background .15s ease}.course-module__progress-labels{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-1)}.course-lesson-row__main{display:flex;gap:var(--sp-2);align-items:baseline;flex-wrap:wrap;flex:1;min-width:0}.course-lesson-row__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}@media (max-width: 520px){.course-lesson-row{display:grid;grid-template-columns:auto 1fr;column-gap:var(--sp-3);row-gap:0;align-items:start;padding:var(--sp-4) 0}.course-lesson-row__main{grid-column:2;flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.course-lesson-row__meta{grid-column:2;margin-top:var(--sp-2);flex-wrap:wrap;gap:var(--sp-2)}}a.course-lesson-row:hover{background:var(--tint-accent);margin:0 calc(var(--sp-2) * -1);padding-left:var(--sp-2);padding-right:var(--sp-2);border-radius:var(--radius-xs)}.course-lesson-row--current{color:var(--text-bone)}.canvas{background:var(--canvas-bone);color:var(--text-ink);border-radius:var(--radius-md);padding:var(--sp-5)}.canvas h1,.canvas h2,.canvas h3{color:var(--text-ink)}.canvas--paper{background:var(--canvas-paper)}.prose{max-width:var(--reading-max)}@media (min-width: 768px){.card{padding:var(--sp-5)}.canvas{padding:var(--sp-8)}}.mission{background:var(--bg-elevated);border:1px solid var(--border-steel);border-left:3px solid var(--signal-accent);border-radius:var(--radius-lg);padding:var(--sp-5)}.mission__eyebrow{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-fog)}.mission__title{font-family:var(--font-display);font-size:var(--fs-h2);margin:var(--sp-2) 0 var(--sp-3)}.tag{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;padding:3px var(--sp-2);border-radius:var(--radius-xs);border:1px solid transparent;white-space:nowrap}.tag--pass{color:var(--status-pass);background:var(--tint-pass);border-color:#3ed9a452}.tag--verified{color:var(--verified-cyan);background:var(--tint-verified);border-color:#7be8ff52}.tag--check{color:var(--alert-amber);background:var(--tint-check);border-color:#f0b44a52}.tag--stop{color:var(--alert-red);background:var(--tint-stop);border-color:#ff7a8052}.tag--neutral{color:var(--text-fog);background:var(--tint-neutral);border-color:var(--border-steel)}.canvas .tag--pass{color:#0d7a5c;background:#3ed9a438;border-color:#2fa583}.canvas .tag--neutral{color:var(--text-muted);background:#171a1d0f;border-color:var(--border-sand)}.canvas .tag--check{color:#7a4d00;background:#f0b44a38;border-color:#d99722}.canvas .tag--stop{color:#8a1f22;background:#ff7a802e;border-color:#d97a80}.canvas .tag--verified{color:#0d5a72;background:#7be8ff38;border-color:#3fb8d9}.mono{font-family:var(--font-mono);font-size:var(--fs-body-s);letter-spacing:.02em}.muted{color:var(--text-fog)}.canvas .muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);border:1px solid var(--border-steel);background:transparent;color:var(--text-bone);font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .1s ease,opacity .1s ease}.btn:hover{background:var(--bg-elevated)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--lit);border-color:transparent;color:var(--on-lit);box-shadow:var(--shadow-float);position:relative}.btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;corner-shape:inherit;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.6),transparent 46%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 16px 50px #6e8cff66}.btn--primary:active{filter:brightness(.96);opacity:1;transform:scale(.98)}.btn--danger{border-color:var(--alert-red);color:var(--alert-red)}.btn--danger:hover{background:var(--tint-stop)}.btn--small{min-height:var(--tap-min);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-body-s)}@media (min-width: 1024px) and (pointer: fine){.btn--small{min-height:34px}}.btn:disabled{opacity:.45;cursor:not-allowed}.canvas .btn{border-color:var(--border-sand);color:var(--text-ink)}.canvas .btn:hover{background:#171a1d0d}.canvas .btn--primary{color:var(--on-lit);border-color:transparent}.field{display:block;margin-bottom:var(--sp-4)}.field__label{display:block;font-size:var(--fs-body-s);color:var(--text-fog);margin-bottom:var(--sp-2)}.input,.textarea,.select{width:100%;min-height:var(--tap-min);padding:var(--sp-3);background:var(--canvas-paper);color:var(--text-ink);border:1px solid var(--border-sand);border-radius:var(--radius-sm);font-size:16px}.textarea{min-height:120px;resize:vertical;line-height:1.5}.switch{width:24px;height:24px;margin:10px;flex:0 0 auto;accent-color:var(--signal-accent-pressed);cursor:pointer}.input:focus,.textarea:focus,.select:focus{border-color:var(--signal-accent-pressed);outline:2px solid var(--signal-accent);outline-offset:1px}.evidence{border:1px solid rgba(123,232,255,.32);background:var(--tint-verified);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-body-s)}.evidence__label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--verified-cyan);display:block;margin-bottom:var(--sp-1)}.log{font-family:var(--font-mono);font-size:var(--fs-body-s);background:var(--bg-obsidian);border:1px solid var(--border-steel);border-radius:var(--radius-sm);padding:var(--sp-3);overflow-x:auto;margin:0}.log__row{display:flex;gap:var(--sp-3);padding:2px 0}.log__time{color:var(--text-muted);flex:0 0 auto}.meter{height:6px;background:var(--bg-elevated);border-radius:var(--radius-round);overflow:hidden}.meter__fill{height:100%;background:var(--signal-accent);border-radius:var(--radius-round);transition:width .24s ease}.canvas .meter{background:#171a1d14}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:560px;font-size:var(--fs-body-s)}.table th,.table td{text-align:left;padding:var(--sp-3);border-bottom:1px solid var(--border-steel);vertical-align:top}.table th{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-fog);font-weight:600}.canvas .table th,.canvas .table td{border-color:var(--border-sand)}.canvas .table th{color:var(--text-muted)}.grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media (min-width: 768px){.grid--2,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.notice{border:1px solid var(--border-steel);border-left:3px solid var(--text-fog);border-radius:var(--radius-sm);padding:var(--sp-4);background:var(--bg-graphite)}.notice--warn{border-left-color:var(--alert-amber);background:var(--tint-check)}.notice--error{border-left-color:var(--alert-red);background:var(--tint-stop)}.notice--ok{border-left-color:var(--status-pass);background:var(--tint-pass)}.empty{text-align:center;padding:var(--sp-12) var(--sp-4);color:var(--text-fog)}.skeleton{background:linear-gradient(90deg,var(--bg-graphite),var(--bg-elevated),var(--bg-graphite));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:var(--radius-sm);height:14px}.mono-label{display:block;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-fog)}.mono-data{font-family:var(--font-mono);font-size:var(--fs-body-s);font-weight:500;letter-spacing:-.01em}.bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.bento-cell{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-3);min-height:76px;padding:var(--sp-3);background:var(--bg-graphite);border:1px solid var(--border-steel);border-radius:var(--radius-lg)}.bento-cell__value{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:500;color:var(--signal-glow)}.bento-cell__value--mono{display:flex;align-items:center;gap:var(--sp-2)}.dot{width:6px;height:6px;border-radius:50%;background:var(--signal-accent);flex-shrink:0}.progress-module{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-graphite);border:1px solid var(--border-steel);border-radius:var(--radius-lg)}.hero-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-graphite);border:1px solid var(--border-steel);border-radius:var(--radius-lg)}.hero-card h2{font-size:var(--fs-h2);line-height:1.25}.btn--block{width:100%;justify-content:center}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.jw{--c-core: #c8f8ff;--c-mid: #7ee4ff;--c-blue: #6a7cf4;--c-deep: #7c45de;--c-rim: #ffe8c6;--gap: .125em;--eh: .245em;--ew: .095em;font-size:var(--s, 64px);width:1em;height:1em;position:relative;display:inline-grid;place-items:center;flex:none;border-radius:30%;corner-shape:var(--sq);background:radial-gradient(50% 45% at 50% 39%,color-mix(in srgb,var(--c-core) 94%,transparent) 0%,color-mix(in srgb,var(--c-mid) 80%,transparent) 32%,color-mix(in srgb,var(--c-mid) 34%,transparent) 62%,transparent 100%),radial-gradient(80% 68% at 22% 12%,rgba(230,240,255,.4),transparent 60%),radial-gradient(84% 76% at 14% 100%,color-mix(in srgb,var(--c-deep) 86%,transparent),transparent 58%),radial-gradient(70% 84% at 104% 68%,color-mix(in srgb,var(--c-deep) 70%,transparent),transparent 54%),linear-gradient(166deg,color-mix(in srgb,var(--c-blue) 78%,#fff) 0%,var(--c-blue) 44%,color-mix(in srgb,var(--c-blue) 70%,var(--c-deep)) 100%);box-shadow:inset .014em .016em .03em color-mix(in srgb,var(--c-rim) 88%,transparent),inset -.01em -.012em .026em #d6f1ff9e,inset 0 -.1em .18em #34106c5c,0 -.035em .22em #ffd08a57,0 0 .22em .012em #627aff70,0 0 .5em #5298ff3d}.jw:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;corner-shape:inherit;background:radial-gradient(closest-side,var(--c-mid),transparent) 8% 12% / 72% 72% no-repeat,radial-gradient(closest-side,var(--c-deep),transparent) 92% 84% / 84% 84% no-repeat,radial-gradient(closest-side,var(--c-rim),transparent) 62% 6% / 46% 46% no-repeat;mix-blend-mode:screen;opacity:.46;animation:jw-drift var(--dur, 24s) ease-in-out infinite alternate var(--dl, 0s);pointer-events:none}@keyframes jw-drift{0%{background-position:8% 12%,92% 84%,62% 6%;background-size:72% 72%,84% 84%,46% 46%}50%{background-position:74% 58%,14% 26%,22% 78%;background-size:88% 88%,70% 70%,58% 58%}to{background-position:34% 88%,66% 14%,88% 40%;background-size:66% 66%,92% 92%,40% 40%}}.jw:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;corner-shape:inherit;padding:.014em;background:linear-gradient(160deg,color-mix(in srgb,var(--c-rim) 98%,transparent) 0%,color-mix(in srgb,var(--c-rim) 86%,transparent) 14%,color-mix(in srgb,var(--c-rim) 32%,transparent) 30%,transparent 46%,transparent 60%,rgba(216,241,255,.42) 82%,rgba(238,250,255,.72) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.jw .face{position:relative;z-index:3;display:flex;gap:var(--gap);align-items:center;transform:translateY(-.085em);filter:drop-shadow(0 0 .024em rgba(255,255,255,.88)) drop-shadow(0 0 .06em rgba(160,228,255,.48))}.jw .face i{display:block;background:#fff;border-radius:999px;width:var(--ew);height:var(--eh)}.f-sleep i{width:.13em;height:.036em}.f-think i{width:.095em;height:.095em}.f-happy i{width:.13em;height:.072em;background:none;border-top:.036em solid #fff;border-radius:50% 50% 0 0/100% 100% 0 0}.f-sad i{width:.13em;height:.072em;background:none;border-bottom:.036em solid #fff;border-radius:0 0 50% 50%/0 0 100% 100%}.f-wink i:first-child{width:.13em;height:.036em}.f-wide i{width:.115em;height:.285em}.f-squint i{width:.115em;height:.115em;border-radius:999px}.f-focus i{width:.062em;height:.245em}.f-love i{width:.105em;height:.105em;background:none;box-shadow:inset 0 0 0 .034em #fff;border-radius:50% 50% 12%;transform:rotate(-45deg)}.f-dead i{width:.125em;height:.034em;border-radius:2px}.f-dead i:first-child{transform:rotate(24deg)}.f-dead i:last-child{transform:rotate(-24deg)}.f-blink i{width:.125em;height:.052em}.f-up i{width:.095em;height:.245em;transform:translateY(-.028em)}.f-side i{width:.095em;height:.245em;transform:translate(.03em)}.f-star i{width:.115em;height:.115em;background:#fff;box-shadow:none;border-radius:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.f-alert i{width:.062em;height:.245em;border-radius:99px}.f-alert i:last-child{width:.062em;height:.062em;align-self:flex-end}.f-load i{animation:eyeblink 1.4s var(--eo, ease-in-out) infinite}.f-load i:last-child{animation-delay:.18s}@keyframes eyeblink{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.36)}}.jw.jw--sm:before{opacity:.3}.jw.jw--sm:after{display:none}.jw.jw--sm{box-shadow:inset .02em .022em .04em color-mix(in srgb,var(--c-rim) 55%,transparent),inset 0 -.1em .18em #34106c57,0 0 .2em .01em #627aff66,0 0 .42em #5298ff33}@media (prefers-reduced-motion: reduce){.jw:after,.f-load i{animation:none}}.jwx{--c-core: #dcf9ff;--c-mid: #7ee4ff;--c-blue: #6a7cf4;--c-deep: #8a50e4;--c-rim: #ffe8c6;--gap: .155em;--eh: .3em;--ew: .105em;font-size:var(--s, 140px);width:1em;height:1em;position:relative;flex:none;display:inline-grid;place-items:center}.jwx:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side at 50% 45%,#fff 0%,color-mix(in srgb,var(--c-core) 92%,transparent) 12%,color-mix(in srgb,var(--c-mid) 82%,transparent) 27%,color-mix(in srgb,var(--c-blue) 60%,transparent) 45%,color-mix(in srgb,var(--c-deep) 32%,transparent) 62%,transparent 80%),radial-gradient(closest-side at 63% 68%,color-mix(in srgb,var(--c-deep) 46%,transparent),transparent 60%);animation:jwx-breathe 9s var(--eo, ease-in-out) infinite alternate;animation-delay:var(--dl, 0s)}.jwx:after{content:"";position:absolute;left:50%;bottom:-4%;translate:-50% 0;z-index:0;width:78%;height:13%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side,color-mix(in srgb,var(--c-mid) 42%,transparent),transparent 74%)}@keyframes jwx-breathe{0%{opacity:.9;scale:1}to{opacity:1;scale:1.045}}@media (prefers-reduced-motion: reduce){.jwx:before{animation:none}}.jwx .face{position:relative;z-index:2;display:flex;gap:var(--gap);align-items:center;transform:translateY(-.05em);filter:drop-shadow(0 0 .03em rgba(255,255,255,.98)) drop-shadow(0 0 .1em color-mix(in srgb,var(--c-core) 90%,transparent)) drop-shadow(0 0 .26em color-mix(in srgb,var(--c-mid) 62%,transparent))}.jwx .face i{width:var(--ew);height:var(--eh);background:#fff}.jwx .f-sleep i{width:.17em;height:.042em}.jwx .f-think i{width:.115em;height:.115em}.jwx .f-happy i{width:.17em;height:.088em;background:none;border-top:.042em solid #fff}.jwx .f-sad i{width:.17em;height:.088em;background:none;border-bottom:.042em solid #fff}.jwx .f-dead i{width:.16em;height:.04em}.jwx .f-star i,.jwx .f-squint i{width:.14em;height:.14em}.jwx .f-alert i{width:.072em;height:.3em}.jwx .f-alert i:last-child{width:.072em;height:.072em;align-self:flex-end}.jw .face i:first-child{height:calc(var(--eh) * .78)}.f-sleep i:first-child,.f-dead i:first-child{height:.036em}.f-think i:first-child,.f-star i:first-child,.f-squint i:first-child{height:.095em}.f-happy i:first-child,.f-sad i:first-child{height:.072em}.jwx .face i:first-child{height:calc(var(--eh) * .78)}.jwx .f-sleep i:first-child,.jwx .f-dead i:first-child{height:.042em}.jwx .f-think i:first-child,.jwx .f-star i:first-child,.jwx .f-squint i:first-child{height:.115em}.jwx .f-happy i:first-child,.jwx .f-sad i:first-child{height:.088em}.st-sleep{--c-core: #a8c4ff;--c-mid: #6e8ce8;--c-blue: #4b57c4;--c-deep: #3c2e96;--c-rim: #c9d6f5}.st-think{--c-core: #dffbff;--c-mid: #6fe8ff;--c-blue: #3fa8e8;--c-deep: #4a5fd8;--c-rim: #e6f6ff}.st-happy{--c-core: #d6fff0;--c-mid: #63e9c0;--c-blue: #3ebfa0;--c-deep: #2e8fa8;--c-rim: #fff2ce}.st-error{--c-core: #ffe0de;--c-mid: #ff9a94;--c-blue: #e0656c;--c-deep: #a83c7e;--c-rim: #ffd9c4}.st-gold{--c-core: #fff3d2;--c-mid: #ffc96b;--c-blue: #f0925a;--c-deep: #c74e86;--c-rim: #ffefd0}.st-calm{--c-core: #e4f0ff;--c-mid: #9ec0f5;--c-blue: #6478c8;--c-deep: #4a3f9e;--c-rim: #dce6fa}.nav{position:sticky;top:0;z-index:50;padding:var(--sp-3) 0;background:color-mix(in srgb,var(--bg-obsidian) 76%,transparent);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.nav__in{display:flex;align-items:center;gap:var(--sp-4)}.nav__link{font-size:var(--fs-body-s);color:var(--text-fog);text-decoration:none}.nav__link:hover{color:var(--text-bone)}@media (max-width: 640px){.nav__link{display:none}}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.aurora:before,.aurora:after{content:"";position:absolute;border-radius:50%;filter:blur(90px)}.aurora:before{width:52vw;height:52vw;max-width:620px;max-height:620px;top:-18%;left:-10%;background:color-mix(in srgb,var(--lit-2) 17%,transparent)}.aurora:after{width:44vw;height:44vw;max-width:520px;max-height:520px;top:8%;right:-14%;background:color-mix(in srgb,var(--lit-3) 15%,transparent)}.rel{position:relative;z-index:1}.mega{font-family:var(--font-display);font-size:clamp(38px,10vw,96px);font-weight:800;letter-spacing:-.03em;line-height:.98;margin:var(--sp-4) 0 var(--sp-5);text-wrap:balance;background:linear-gradient(178deg,var(--text-bone) 30%,color-mix(in srgb,var(--text-bone) 55%,var(--bg-obsidian)));-webkit-background-clip:text;background-clip:text;color:transparent}.eyes{display:inline-flex;gap:5px;align-items:center;vertical-align:middle;flex:none}.eyes i{display:block;width:4px;height:11px;border-radius:99px;background:var(--lit-1);box-shadow:0 0 8px color-mix(in srgb,var(--lit-1) 70%,transparent)}.eyes i:first-child{height:8px}.eyes--lg i{width:6px;height:17px}.eyes--lg i:first-child{height:12px}.hero{padding-block:var(--sp-16) var(--sp-12);position:relative}.hero-cta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-6)}.hero-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4) var(--sp-6);margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--border-steel)}@media (min-width: 640px){.hero-strip{display:flex;gap:var(--sp-10)}}.hero-strip div{display:grid;gap:3px}.hero-strip b{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text-bone)}.landing-section{padding-block:var(--sp-12)}.sechead{max-width:38rem;margin-bottom:var(--sp-8)}.sechead h2{margin-bottom:var(--sp-3)}.bento{display:grid;gap:var(--sp-4);grid-template-columns:repeat(2,1fr)}@media (min-width: 900px){.bento{grid-template-columns:repeat(4,1fr)}.bento .b-wide{grid-column:span 2}}.bx{background:var(--bg-graphite);border-radius:var(--radius-lg);corner-shape:var(--sq);padding:var(--sp-5);position:relative;display:flex;flex-direction:column;gap:var(--sp-3);min-height:168px;overflow:hidden}.bx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;corner-shape:inherit;padding:1px;background:var(--seam);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.bx>*{position:relative;z-index:2}.bx h3{font-size:var(--fs-h3)}.bx p{font-size:var(--fs-body-s);line-height:1.5;margin:0;color:var(--text-fog)}.prob{display:grid;gap:2px}.prob__row{background:var(--bg-graphite);padding:var(--sp-4) var(--sp-5);display:grid;gap:6px}.prob__row:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0;corner-shape:var(--sq)}.prob__row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);corner-shape:var(--sq)}.prob__index{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.14em;color:var(--text-muted)}.prob__title{font-size:var(--fs-body-l);font-weight:600;color:var(--text-bone)}.prob__body{font-size:var(--fs-body-s);color:var(--text-fog);line-height:1.5}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:var(--radius-round);background:var(--bg-elevated);color:var(--text-fog);white-space:nowrap}.chip--accent{background:var(--tint-accent);color:var(--signal-accent-hover)}.chip--on-lit{background:var(--lit);color:var(--on-lit);font-weight:600}.faq{display:grid;gap:2px}.faq details{background:var(--bg-graphite);padding:var(--sp-4) var(--sp-5);position:relative}.faq details:first-of-type{border-radius:var(--radius-lg) var(--radius-lg) 0 0;corner-shape:var(--sq)}.faq details:last-of-type{border-radius:0 0 var(--radius-lg) var(--radius-lg);corner-shape:var(--sq)}.faq summary{cursor:pointer;font-size:var(--fs-body-l);font-weight:600;color:var(--text-bone);list-style:none;display:flex;justify-content:space-between;gap:var(--sp-4);align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-muted);font-size:19px;flex:none}.faq details[open] summary:after{content:"−"}.faq p{margin:var(--sp-3) 0 0;font-size:var(--fs-body-s);line-height:1.6;color:var(--text-fog)}.mod-card{background:var(--canvas-paper);color:var(--text-ink);border-radius:var(--radius-lg);corner-shape:var(--sq);padding:var(--sp-5);position:relative}.mod-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;corner-shape:inherit;padding:1px;background:var(--seam);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.mod-card>*{position:relative;z-index:2}footer.landing-footer{padding-block:var(--sp-10) var(--sp-8);border-top:1px solid var(--border-steel)}