:root{color-scheme:dark;--bg:#101515;--surface:#192121;--surface2:#222d2c;--line:#354440;--ink:#f3f3eb;--muted:#a6b4af;--accent:#86aac0;--paper:#e7e7d8;--paperink:#26312f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 8%,#304541 0,transparent 35%),var(--bg);color:var(--ink);line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%;display:block}.wrap{width:min(1140px,calc(100% - 40px));margin-inline:auto}.site-header{border-bottom:1px solid #ffffff1c;background:#101515b8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:1.15rem;font-weight:760;letter-spacing:.1em}.brand img{width:36px;height:36px;border-radius:9px}.brand span span{color:var(--muted);font-size:.68em;letter-spacing:.14em;margin-left:7px}.nav{display:flex;align-items:center;gap:24px;font-size:.9rem}.nav a{text-decoration:none;color:var(--muted)}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.lang{border:1px solid var(--line);border-radius:999px;padding:7px 12px!important;color:var(--ink)!important}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.72rem;font-weight:750}.hero{padding:100px 0 88px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.hero h1{font-size:clamp(3.4rem,7vw,6.5rem);letter-spacing:-.065em;line-height:1.01;margin:18px 0 24px;max-width:740px}.hero p{font-size:1.19rem;color:var(--muted);max-width:560px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid var(--line)}.button.primary{background:var(--paper);color:var(--paperink);border-color:var(--paper)}.button.secondary{color:var(--ink)}.status{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:.83rem;margin-top:26px}.status:before{content:"";width:7px;height:7px;background:var(--accent);border-radius:50%}.hero-art{min-height:460px;display:grid;place-items:center;position:relative}.hero-art:before{content:"";position:absolute;inset:12% 0;border-radius:50%;background:#6287794a;filter:blur(75px)}.app-cassette{display:block;width:min(100%,470px);height:auto;aspect-ratio:382/244;filter:drop-shadow(0 28px 38px #0009)}.section{padding:82px 0;border-top:1px solid #ffffff18}.section h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.1;margin:12px 0 18px}.section-intro{color:var(--muted);max-width:670px;font-size:1.07rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.card{background:linear-gradient(160deg,#22302d,#171f1e);border:1px solid var(--line);border-radius:20px;padding:28px;min-height:220px}.card .number{color:var(--accent);font-size:.77rem;font-weight:700;letter-spacing:.13em}.card h3{font-size:1.3rem;margin:24px 0 10px}.card p{color:var(--muted);margin:0}.mode-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.mode{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:21px}.mode:before{content:"";display:block;width:34px;height:5px;background:var(--accent);border-radius:9px;margin-bottom:25px}.mode.focus:before{background:#b69bc7}.mode.chill:before{background:#91b7a1}.mode.workout:before{background:#d4a171}.mode strong{display:block;font-size:1.1rem}.mode span{display:block;color:var(--muted);font-size:.9rem;margin-top:8px}.callout{background:linear-gradient(120deg,#314943,#253330);border:1px solid #648576;border-radius:24px;padding:40px;display:flex;gap:30px;justify-content:space-between;align-items:center}.callout h2{margin:0 0 12px}.callout p{color:#d3dfd6;margin:0;max-width:680px}.site-footer{border-top:1px solid #ffffff1c;padding:35px 0 50px;color:var(--muted);font-size:.87rem}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.subpage{max-width:840px;padding:88px 0 105px}.subpage h1{font-size:clamp(2.7rem,6vw,4.9rem);line-height:1.02;letter-spacing:-.055em;margin:12px 0 18px}.subpage .lede{font-size:1.12rem;color:var(--muted);margin:0 0 30px}.notice{border:1px solid #867c58;background:#343127;border-radius:14px;padding:16px 20px;color:#e7dfbe;margin:30px 0}.prose h2{font-size:1.38rem;margin:38px 0 12px}.prose p,.prose li{color:#c9d3cf}.prose ul{padding-left:24px}.prose a{color:#c6dceb}.meta{font-size:.82rem;color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:75px 0}.hero-art{min-height:350px}.grid{grid-template-columns:1fr}.mode-list{grid-template-columns:repeat(2,1fr)}.callout{display:block}.callout .button{margin-top:24px}.nav{gap:13px}}@media(max-width:520px){.wrap{width:min(100% - 28px,1140px)}.header-inner{min-height:66px;gap:10px}.brand span{display:none}.nav{gap:9px;font-size:.78rem}.lang{padding:5px 8px!important}.hero h1{font-size:3.25rem}.hero-art{min-height:270px}.mode-list{grid-template-columns:1fr}.footer-inner{display:block}.footer-links{margin-top:14px}.section{padding:65px 0}}