@font-face{font-family:Antonio;src:url('/bilteori/antonio.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Hanken;src:url('/bilteori/hanken.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#121212;--surface:#1d1d1d;--text:#f8f7f2;--muted:#c9c6bd;--blue:#3448fb;--lime:#dfff82;--ice:#b8dfff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 Hanken,system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Antonio,sans-serif;line-height:1.12;font-weight:650}h1{font-size:clamp(58px,7.3vw,104px);letter-spacing:-.035em}h2{font-size:clamp(40px,5vw,64px);letter-spacing:-.02em}h3{font-size:30px}p{max-width:65ch}.top,main,footer{max-width:1200px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:28px 32px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:24px;text-decoration:none}.brand img{border-radius:11px}.top nav,footer nav{display:flex;gap:28px;flex-wrap:wrap}.top nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:55px 32px 90px}.eyebrow{color:var(--lime);margin-bottom:24px}.intro{font-size:22px;color:var(--muted);margin:30px 0;max-width:40ch}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border-radius:100px;padding:18px 28px;font-weight:750;text-decoration:none;min-height:56px}.button:hover{filter:brightness(1.13)}.status{font-size:15px;color:var(--muted);margin-top:16px;max-width:37ch}.hero-art{position:relative;text-align:center;padding:26px;background:var(--blue);border-radius:40px;transform:rotate(2deg)}.app-shot{display:block;width:min(100%,280px);height:auto;margin:auto;border-radius:28px;border:1px solid #4a4a46}.sticker{position:absolute;bottom:40px;left:-30px;background:var(--lime);color:var(--bg);padding:16px 24px;text-align:left;font:600 30px/1.2 Antonio,sans-serif;transform:rotate(-7deg)}.statement{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--lime);color:var(--bg);padding:35px 40px;border-radius:24px;font-size:22px}.statement strong{font:650 52px Antonio,sans-serif;vertical-align:middle;margin-right:12px}.learning{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px 32px}.learning p{color:var(--muted);margin-top:20px}.learning ol{margin:0;padding-left:26px}.learning li{padding:0 0 30px 12px}.learning li::marker{color:var(--lime);font-weight:700}.learning li p{margin-top:10px}.everyday{background:var(--ice);color:var(--bg);padding:55px;border-radius:28px}.everyday p{margin-top:24px;max-width:65ch;font-size:21px}.faq{padding:90px 32px}.faq h2{margin-bottom:30px}details{border-bottom:1px solid #4a4a46;padding:20px 0}summary{cursor:pointer;font-size:21px;font-weight:650;min-height:44px}details p{color:var(--muted);padding:16px 0}.closing{padding:50px 32px 90px}.closing p{margin:22px 0}footer{border-top:1px solid #4a4a46;padding:32px;color:var(--muted);font-size:16px}footer p{margin-top:24px}.skip{position:absolute;left:20px;top:-100px;background:var(--lime);color:#121212;padding:12px;z-index:2}.skip:focus{top:10px}.legal{max-width:800px;padding:45px 24px 80px}.legal h1{font-size:56px;margin-bottom:28px}.legal h2{font-size:30px;margin:36px 0 16px}.legal p,.legal li{color:var(--muted);margin-bottom:16px}.legal a{overflow-wrap:anywhere}
@media(max-width:700px){.top{padding:20px}.top nav{gap:16px;font-size:16px}.hero{grid-template-columns:1fr;gap:40px;padding:30px 24px 60px}.intro{font-size:20px}.hero-art{margin:10px 18px;max-width:380px;justify-self:center;width:calc(100% - 36px)}.sticker{left:-18px;font-size:26px}.statement{margin:0 16px;padding:26px;display:block}.statement p+p{margin-top:20px}.learning{grid-template-columns:1fr;gap:36px;padding:60px 24px}.everyday{margin:0 16px;padding:32px 24px}.everyday p{font-size:19px}.faq{padding:60px 24px}.closing{padding:20px 24px 60px}.button{max-width:100%;text-align:center}footer{padding:28px 24px}footer nav{gap:18px}.legal h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}