:root{--page: #f1f5f8;--surface: #ffffff;--ink: #14212b;--ink-2: #44535f;--muted: #66767f;--line: #dde5eb;--teal: #0e7490;--teal-soft: #e3f1f5;--amber: #b45309;--amber-soft: #fdf1dc;--radius: 14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.55 Schibsted Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"tnum" 1}.page{max-width:1040px;margin:0 auto;padding:28px 20px 64px}h1,h2,h3,p{margin:0}button,select,input{font:inherit;color:inherit}:focus-visible{outline:3px solid #0e7490;outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.err{color:#b42318;max-width:60ch}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center;color:var(--teal)}.brand h1{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15}.brand p{font-size:14px}.field{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--ink-2)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2344535f' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);border-radius:10px;padding:9px 34px 9px 12px;cursor:pointer;min-width:190px;font-weight:500}.banner{margin-top:18px;background:var(--amber-soft);border:1px solid #f3d9a4;color:#6b3b06;border-radius:10px;padding:10px 14px;font-size:14.5px}.tabs{display:inline-flex;margin:26px 0 30px;padding:4px;background:#e4ebf0;border-radius:12px;gap:4px}.tabs button{border:0;background:transparent;padding:9px 18px;border-radius:9px;cursor:pointer;font-weight:600;color:var(--ink-2)}.tabs button:hover{color:var(--ink)}.tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #14212b1f}.daybar{display:flex;align-items:flex-end;gap:10px;margin-bottom:26px}.step{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:22px;line-height:1;cursor:pointer}.step:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.step:disabled{opacity:.35;cursor:default}.headline{font-size:clamp(24px,3.4vw,34px);font-weight:700;line-height:1.22;letter-spacing:-.02em;max-width:30em;text-wrap:balance}.headline b{font-weight:800;color:var(--teal)}.sub{margin-top:14px;max-width:62ch;color:var(--ink-2);font-size:17px}.sub b{color:var(--ink);font-weight:650}.term{position:relative;border-bottom:1.5px dotted var(--muted);cursor:help}.tip{position:absolute;z-index:20;left:0;top:calc(100% + 8px);width:280px;padding:10px 12px;background:var(--ink);color:#f2f6f8;font-size:13.5px;font-weight:400;line-height:1.45;border-radius:10px;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s,transform .12s;text-align:left;letter-spacing:0}.term:hover .tip,.term:focus .tip,.term:focus-within .tip{opacity:1;transform:none}.timeline{margin:30px 0 8px;padding:0}.tl-track{position:relative;height:84px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tl-tick{position:absolute;top:40px;width:3px;height:22px;border-radius:2px;transform:translate(-50%)}.tl-tick.used{background:var(--teal)}.tl-tick.ignored{background:#c8d3da}.tl-delivery{position:absolute;top:0;bottom:0;background:var(--teal-soft);border-left:1px solid #b9dbe4;display:flex;align-items:flex-start}.tl-delivery span{padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--teal)}.tl-cut{position:absolute;top:0;bottom:0;width:0;border-left:2.5px solid var(--amber)}.tl-cut-label{position:absolute;top:10px;left:8px;white-space:nowrap;font-size:13.5px;font-weight:650;color:var(--amber)}.timeline figcaption{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px;font-size:13.5px;color:var(--ink-2)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.dot.used{background:var(--teal)}.dot.ignored{background:#c8d3da}.tl-facts{margin-top:6px;font-size:13.5px;color:var(--muted)}.tl-facts strong{color:var(--ink-2);font-weight:600}.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:18px 20px 20px 0}.stat+.stat{padding-left:20px;border-left:1px solid var(--line)}.stat-label{font-size:14.5px;color:var(--ink-2);font-weight:500;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.stat-tech{font-size:12.5px;color:var(--muted);font-weight:500}.stat-value{margin-top:4px;font-size:30px;font-weight:750;letter-spacing:-.02em;line-height:1.15}.stat-note{margin-top:4px;font-size:13.5px;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 18px;margin-bottom:22px}.panel h3{font-size:18px;font-weight:700;letter-spacing:-.01em}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.check{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;cursor:pointer;color:var(--ink-2)}.check input{width:17px;height:17px;accent-color:var(--teal)}.legend{list-style:none;display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:12px 0 8px;font-size:14px;color:var(--ink-2)}.legend li{display:inline-flex;align-items:center;gap:8px}.how{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-2);max-width:72ch}.how strong{color:var(--ink);font-weight:650}.panel .how{margin-top:10px}.afterwards{margin:36px 0 0;max-width:62ch}.afterwards h3{font-size:18px;font-weight:700}.callout{margin-top:30px;padding:24px 26px;border-radius:var(--radius);background:var(--teal-soft);border:1px solid #c4e0e8;max-width:760px}.callout h3{font-size:18px;font-weight:700;margin-bottom:8px}.callout p{font-size:17px;color:#1d3a45}.foot{margin-top:48px;font-size:13.5px;max-width:70ch}@media (max-width: 640px){.page{padding:20px 14px 48px}.stat,.stat+.stat{padding:16px 0;border-left:0}.stat+.stat{border-top:1px solid var(--line)}.tl-cut-label{font-size:12px}.panel{padding:16px 12px 14px}select{min-width:150px}}@media (prefers-reduced-motion: reduce){.tip{transition:none}}.settings{display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap}.switch{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink-2);cursor:pointer;padding-bottom:9px}.switch input{width:18px;height:18px;accent-color:var(--teal)}.switch.inline{padding:12px 0 0;font-size:14px}.note{margin-top:14px;padding:10px 14px;background:var(--amber-soft);border-radius:10px;font-size:14.5px;color:#6b3b06;max-width:62ch}.callout.lean{background:var(--amber-soft);border-color:#f3d9a4;margin:26px 0 0}.callout.lean p{color:#4a2c06}