@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/schibsted-grotesk-latin-ext-wght-normal.1tv2id2rn5mme.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/schibsted-grotesk-latin-wght-normal.2-1czfgj2-py-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f3f6f2;--surface:#fff;--ink:#16231c;--muted:#56665d;--line:#d2dcd5;--slot-free:#e4ebe6;--green:#1e6b4a;--green-deep:#144d35;--green-soft:#e1efe7;--amber:#d9971e;--amber-text:#7f5106;--amber-soft:#fbefd6;--red:#b3261e;--red-soft:#fbe3e1;--font:"Schibsted Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--radius-s:6px;--radius-m:10px;--radius-l:16px;--gutter:clamp(16px, 4vw, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);margin:0;font-size:1rem;line-height:1.55;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.1}p{margin:0}a{color:var(--green-deep);text-underline-offset:3px}:focus-visible{outline:3px solid var(--green);outline-offset:2px}.wrap{width:100%;max-width:1080px;padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.muted{color:var(--muted);padding:32px 0}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-row{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(3,9px);gap:3px;display:inline-grid}.brand-mark span{background:var(--green);border-radius:2px;width:9px;height:9px}.brand-mark span:last-child{box-shadow:inset 0 0 0 2px var(--green);background:0 0}.header-nav{align-items:center;gap:14px;min-width:0;display:flex}.header-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.875rem;overflow:hidden}.nav-link{color:var(--ink);font-weight:600;text-decoration:none}.nav-link:hover{text-decoration:underline}.btn{border-radius:var(--radius-m);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-size:.975rem;font-weight:650;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-deep)}.btn-quiet{color:var(--ink);border-color:var(--line);background:0 0}.btn-quiet:hover:not(:disabled){border-color:var(--ink)}.btn-large{min-height:54px;padding:0 28px;font-size:1.075rem}.btn-block{width:100%}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,6vw,72px);padding-top:clamp(40px,8vw,96px);padding-bottom:clamp(40px,7vw,88px);display:grid}.hero h1{letter-spacing:-.035em;max-width:13ch;font-size:clamp(2.4rem,6.2vw,4.4rem);font-weight:800;line-height:1.02}.lede{color:var(--muted);max-width:34em;margin-top:22px;font-size:clamp(1.075rem,1.6vw,1.25rem)}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px;display:flex}.hero-note{color:var(--muted);font-size:.925rem}.hero-demo{margin:0}.hero-demo figcaption{color:var(--muted);margin-top:12px;font-size:.875rem}.demo-card{list-style:none;transform:rotate(-1.5deg);box-shadow:0 18px 40px -22px #16231c73}.steps,.rule{border-top:1px solid var(--line);padding-top:40px;padding-bottom:40px}.steps h2,.rule h2{margin-bottom:20px;font-size:clamp(1.4rem,2.6vw,1.75rem)}.steps ol{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;color:var(--muted);padding-top:44px;position:relative}.steps li:before{content:counter(step);border-radius:var(--radius-s);background:var(--green);color:#fff;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:0;left:0}.steps li strong{color:var(--ink)}.rule p{max-width:62ch;color:var(--muted)}.rule p+p{margin-top:12px}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-top:24px;padding-bottom:40px;font-size:.875rem}.strip{flex-wrap:wrap;gap:6px;margin:16px 0 12px;display:flex}.slot{border-radius:var(--radius-s);background:var(--slot-free);width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--line)}.slot-used{box-shadow:none}.strip-safe .slot-used{background:var(--green)}.strip-careful .slot-used{background:var(--amber)}.strip-limit .slot-used,.strip-over .slot-used{background:var(--red)}.slot-over{box-shadow:none;background:repeating-linear-gradient(135deg, var(--red) 0 5px, #8e1d17 5px 10px)}.strip-none{color:var(--red);font-size:.875rem;font-weight:600}.strip-animate .slot-used{animation:.38s ease-out both fill-slot}@keyframes fill-slot{0%{background:var(--slot-free);box-shadow:inset 0 0 0 2px var(--line);transform:scale(.85)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.strip-animate .slot-used{animation:none}.btn{transition:none}}.course-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);min-width:0;padding:20px}.card-careful{border-color:#e9c27a}.card-limit,.card-over{border-color:#e3a19c}.course-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.course-name{overflow-wrap:anywhere;min-width:0;font-size:1.25rem;font-weight:750}.course-sessions{color:var(--muted);margin-top:4px;font-size:.925rem}.status{border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.8rem;font-weight:700}.status-safe{background:var(--green-soft);color:var(--green-deep)}.status-careful{background:var(--amber-soft);color:var(--amber-text)}.status-limit,.status-over{background:var(--red-soft);color:var(--red)}.course-count{font-size:1rem}.course-count strong{font-size:1.15rem}.course-message{color:var(--muted);margin-top:2px;font-size:.925rem}.card-limit .course-message,.card-over .course-message{color:var(--red);font-weight:600}.course-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.course-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.inline-label{color:var(--muted);align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.inline-label input[type=number]{width:84px;min-height:38px}.link-danger{font:inherit;color:var(--red);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:6px 0;font-size:.9rem;text-decoration:underline}.link-danger:disabled{opacity:.5;cursor:not-allowed}label{font-size:.925rem;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number]{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);width:100%;min-height:46px;color:var(--ink);font:inherit;padding:0 14px;font-size:1rem}input:focus-visible{outline:3px solid var(--green);outline-offset:0;border-color:var(--green)}.hint{color:var(--muted);font-size:.85rem}.form-error{border-radius:var(--radius-m);background:var(--red-soft);color:var(--red);margin:14px 0 0;padding:10px 14px;font-size:.925rem;font-weight:600}.form-info{border-radius:var(--radius-m);background:var(--green-soft);color:var(--green-deep);margin:14px 0 0;padding:10px 14px;font-size:.925rem;font-weight:600}.auth{padding-top:clamp(32px,8vw,80px);padding-bottom:64px}.auth-panel{max-width:420px;margin:0 auto}.auth h1{font-size:clamp(1.9rem,4vw,2.4rem);font-weight:800}.auth-sub{color:var(--muted);margin-top:8px}.auth form{flex-direction:column;gap:8px;margin-top:28px;display:flex}.auth form label:not(:first-child){margin-top:10px}.auth .btn-block{margin-top:18px}.auth-switch{color:var(--muted);margin-top:20px}.app{padding-top:clamp(28px,5vw,48px);padding-bottom:72px}.app-head h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800}.summary{color:var(--muted);overflow-wrap:anywhere;margin-top:8px}.summary strong{color:var(--ink)}.add-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);grid-template-columns:minmax(0,1fr) 110px auto;align-items:end;gap:12px;margin-top:24px;padding:18px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.add-form .btn{min-height:46px}.field-hint{grid-column:1/-1}.course-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.empty{border:2px dashed var(--line);border-radius:var(--radius-l);color:var(--muted);margin-top:24px;padding:28px}.empty h2{color:var(--ink);margin-bottom:6px;font-size:1.25rem}@media (max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.demo-card{transform:none}.steps ol{grid-template-columns:minmax(0,1fr);gap:20px}.add-form{grid-template-columns:minmax(0,1fr) 96px}.add-form .btn{grid-column:1/-1}.header-email{display:none}.hero-actions,.hero-actions .btn{width:100%}}
