:root{color-scheme:light;--bg:#f4f6f9;--paper:#ffffff;--ink:#0b1f3a;--ink2:#3d4a63;--ink3:#7b8599;--line:#d9dfe8;--navy:#0b1f3a;--navy2:#12305a;--teal:#0e7c86;--teal-t:#e3f1f2;--teal-l:#7fc4cb;--amber:#b9771e;--amber-t:#fbf2e4;--green:#2e7d4f;--green-t:#e6f3ea;--sun:#e0a526;--field:#fbfcfd;--focus:#2f6fd6;--onnavy:#dfe7f3;--onnavy2:#9fb0cc;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--serif:"Fraunces",Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans)}.hero{background:var(--navy);color:#fff;padding:56px 24px 48px}.hero .in{max-width:980px;margin:0 auto}.kicker{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-l)}.kicker,h1{margin:0 0 18px}h1{font:700 44px/1.08 var(--serif);letter-spacing:-.01em;text-wrap:balance;max-width:20ch}.hero p{max-width:66ch;color:var(--onnavy);font-size:17px;margin:0 0 26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-top:8px}@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:34px}}.stat b{display:block;font:700 28px/1.1 var(--serif);color:#fff}.hero .meta,.stat span{font-size:12px;color:var(--onnavy2)}.hero .meta{margin-top:30px}.wrap{max-width:980px;margin:0 auto;padding:36px 24px 80px}.howto{background:var(--teal-t);border-radius:10px;padding:18px 22px;color:var(--ink2);margin-bottom:28px}.howto b{color:var(--teal)}.progress{position:-webkit-sticky;position:sticky;top:var(--tabbar-h,0);z-index:5;background:var(--bg);padding:10px 0 8px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);margin-bottom:26px}.bar{flex:1 1;height:8px;background:var(--line);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--teal);transition:width .3s}.progress span{font:500 12px var(--mono);color:var(--ink3);white-space:nowrap}.chapter{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:26px;overflow:hidden}.chapter header{padding:24px 26px 20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;grid-gap:18px;gap:18px;align-items:start}.num{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font:700 18px var(--serif);display:flex;align-items:center;justify-content:center}.chapter h2{font:700 24px/1.15 var(--serif);margin:0 0 8px;text-wrap:balance}.story{color:var(--ink2);max-width:70ch;margin:0}.story em{color:var(--ink);font-style:italic}.why{margin:12px 0 0;font-size:13px;color:var(--ink3)}.why b{color:var(--amber);font-weight:600}.qs{padding:8px 26px 22px}.q{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);grid-gap:14px 24px;gap:14px 24px;padding:16px 0;border-bottom:1px dashed var(--line);align-items:start}.q:last-child{border-bottom:0}@media(max-width:700px){.q{grid-template-columns:1fr}}.q label{font-weight:500;color:var(--ink)}.q small{display:block;color:var(--ink3);font-weight:400;margin-top:4px;font-size:12.5px}.q .id{font:500 11px var(--mono);color:var(--teal);margin-right:8px}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;font:14px var(--sans);color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:9px 10px}input[type=number]{font-family:var(--mono)}textarea{min-height:64px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:transparent}.unit{display:flex;gap:8px;align-items:center}.unit input{flex:1 1}.unit span{font:12px var(--mono);color:var(--ink3);white-space:nowrap}.choice{display:flex;flex-wrap:wrap;gap:8px}.choice label{border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:13px;cursor:pointer;background:var(--field);font-weight:400}.choice input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.choice label{position:relative}.choice label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.choice input:checked+span{color:var(--teal);font-weight:600}.choice label:has(input:checked){border-color:var(--teal);background:var(--teal-t)}.checks label{display:flex;gap:8px;align-items:flex-start;font-weight:400;padding:4px 0;font-size:13.5px}.checks input{margin-top:3px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}button{font:600 14px var(--sans);border:0;border-radius:8px;padding:11px 18px;cursor:pointer}.primary{background:var(--teal);color:#fff}.ghost{background:transparent;color:var(--ink2);border:1px solid var(--line)}button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.toast{font-size:13px;color:var(--green);min-height:1.2em}.finish{background:var(--navy);color:#fff;border-radius:12px;padding:28px}.finish h2{font:700 26px var(--serif);margin:0 0 10px}.finish p{color:var(--onnavy);max-width:70ch}.finish .actions{margin-top:18px}.finish .ghost{color:var(--onnavy);border-color:#33466b}.finish .toast{color:var(--teal-l)}.filelist{margin-top:8px;font-size:13px;color:var(--ink2)}.filelist div{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;margin-top:6px;background:var(--field)}.filelist button{padding:2px 8px;font-size:12px;background:transparent;color:var(--ink3);border:1px solid var(--line)}input[type=file]{font:13px var(--sans);color:var(--ink2)}.foot{margin-top:28px;font-size:12px;color:var(--ink3);max-width:80ch}@media print{.actions,.howto,.progress{display:none}.chapter{page-break-inside:avoid;break-inside:avoid;border:1px solid #999}body{background:#fff}.hero{background:#0b1f3a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (prefers-reduced-motion:reduce){.bar i{transition:none}}.brand{background:var(--navy);color:#fff}.brand .in{max-width:980px;margin:0 auto;padding:16px 16px 10px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px}.brand .name{font:700 20px/1.2 var(--serif);letter-spacing:-.01em}.brand .name span{color:var(--teal-l);font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-right:10px}.brand .sub{font:500 12px/1.3 var(--sans);color:var(--onnavy2)}.tabbar .lbl{font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--onnavy2);padding:8px 16px 0;max-width:980px;margin:0 auto}.tabbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--navy2);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 2px 10px rgba(0,0,0,.18)}.tabbar .in{max-width:980px;margin:0 auto;display:flex;gap:6px;padding:8px 16px;overflow-x:auto}.tab{flex:1 1;min-width:150px;text-align:left;background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--onnavy);border-radius:10px;padding:10px 14px;cursor:pointer;font:500 14px/1.25 var(--sans)}.tab small{display:block;color:var(--onnavy2);font-size:11px;margin-top:3px;letter-spacing:.04em;text-transform:uppercase}.tab .n{display:inline-block;font:600 11px/1 var(--mono);color:var(--teal-l);margin-right:8px}.tab.active{background:#fff;color:var(--navy);border-color:#fff}.tab.active small{color:var(--ink2)}.tab.active .n{color:var(--teal)}.tab .done{float:right;font:500 11px/1.3 var(--mono);color:var(--onnavy2)}.tab.active .done{color:var(--teal)}.app[hidden]{display:none}.switchnote{max-width:980px;margin:0 auto;padding:14px 24px 0;font-size:13px;color:var(--ink3)}@media print{.tabbar{display:none}}button:disabled{opacity:.6;cursor:default}.primary.wide{width:100%;padding:12px 18px;font-size:15px}.toast.err{color:#b42318}.brand .right{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--onnavy2);white-space:nowrap}.brand .right b{color:#fff;font-weight:600}.linkbtn{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--onnavy);border-radius:8px;padding:6px 10px;font:500 12px var(--sans);cursor:pointer;text-decoration:none}.linkbtn:hover{border-color:#fff;color:#fff}@media(max-width:700px){.brand .right .who{display:none}}.login-page{min-height:100vh}.login-hero{background:var(--navy);color:#fff;padding:64px 24px 130px}.login-hero .in{max-width:980px;margin:0 auto}.login-hero h1{font-size:40px}.login-hero p{max-width:60ch;color:var(--onnavy);font-size:16px;margin:0}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:30px 30px 26px;max-width:440px;margin:-84px auto 0;box-shadow:0 14px 44px rgba(11,31,58,.14)}.login-card h2{font:700 24px/1.15 var(--serif);margin:0 0 18px}.field{display:block;margin-bottom:16px}.field span{display:block;font-weight:500;margin-bottom:6px;font-size:14px}.field small{display:block;color:var(--ink3);font-weight:400;margin-top:4px;font-size:12px}.error{color:#b42318;background:#fdecea;border:1px solid #f5c2be;border-radius:8px;padding:9px 12px;font-size:13px;margin:0 0 14px}.login-card .hint{color:var(--ink2);margin:0 0 14px;font-size:14px}.login-card .notice{color:var(--amber);background:var(--amber-t);border-radius:8px;padding:9px 12px;font-size:13px;margin:0 0 14px}.login-card input.code{font:600 24px/1.2 var(--mono);letter-spacing:.3em;text-align:center}.login-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.textbtn{background:none;border:0;padding:4px 0;color:var(--teal);font:500 13px var(--sans);text-decoration:underline;cursor:pointer}.textbtn:disabled{color:var(--ink3);text-decoration:none;opacity:1;cursor:default}.contact-panel h2{font:700 24px/1.15 var(--serif);margin:0 0 12px}.contact-panel .hint{margin:0 0 10px}.btnlink{display:block;text-align:center;text-decoration:none;font:600 15px var(--sans);padding:12px 18px;border-radius:8px;margin-top:6px}.login-foot{max-width:440px;margin:22px auto 60px;padding:0 24px;font-size:12px;color:var(--ink3);text-align:center}.products-hero{background:var(--navy);color:#fff;padding:48px 24px 100px}.products-hero .in{max-width:980px;margin:0 auto}.products-hero h1{font-size:40px;margin-bottom:12px}.products-hero p{max-width:62ch;color:var(--onnavy);font-size:16px;margin:0}.products .wrap{padding-top:0;margin-top:-64px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:22px;gap:22px}.card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px;min-height:250px;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(11,31,58,.08);transition:transform .15s ease,box-shadow .15s ease}a.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(11,31,58,.14);border-color:var(--teal-l)}a.card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.card .badge{position:absolute;top:18px;right:18px;z-index:2;font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:99px;background:var(--amber-t);color:var(--amber)}.card .badge.live{background:var(--green-t);color:var(--green)}.card-body{display:flex;flex-direction:column;gap:10px;flex:1 1}.card h2{font:700 22px/1.2 var(--serif);margin:36px 0 0;text-wrap:balance}.card .tagline{font:500 12px var(--mono);color:var(--teal);margin:0}.card .desc{color:var(--ink2);margin:0;flex:1 1}.card .meta-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}.card .meta-chips span{font:500 11px var(--mono);color:var(--ink3);border:1px solid var(--line);border-radius:99px;padding:3px 8px}.card .cta{font-weight:600;color:var(--teal);margin-top:6px}.card.soon .cta{color:var(--amber)}.soon-main{background:#fff;min-height:calc(100vh - 72px)}.soon-page{max-width:640px;margin:0 auto;padding:72px 24px 96px;text-align:center}.soon-page h1{font:700 36px/1.1 var(--serif);margin:0 auto 12px;max-width:none}.soon-page p{color:var(--ink2)}.soon-page a{color:var(--teal);font-weight:600}@media(max-width:700px){.login-hero h1,.products-hero h1{font-size:32px}}.q .field{min-width:0}.saved-by{display:block;margin-top:5px;font:11px/1.3 var(--mono);color:var(--ink3)}.progress{flex-wrap:wrap}.progress .savestate{font:500 12px var(--mono);color:var(--ink3);white-space:nowrap}.progress .savestate.err{color:#b42318}.progress .lastedit{flex-basis:100%;font:12px var(--sans);color:var(--ink3);margin-top:2px}.finish .toast.err{color:#ffb4a8}.finish .submitted{margin:14px 0 0;font-size:12.5px;color:var(--onnavy2)}