:root{--paper:#FAF9F5;--ink:#111111;--mute:#5C5A55;--wall:#E9E6DD;--hype:#FFB020;--love:#FF6EC7;--chill:#2DD4BF;--zinzin:#A855F7;--furax:#FF2E4D;--sad:#3B82F6;--stress:#B4E33D;--drained:#8B7CF6;--meh:#9CA3AF;--dark:#4A4466}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:17px;line-height:1.5}
.display,h1,h2,h3{font-family:"Archivo Black","Arial Black",Impact,sans-serif;font-weight:400;letter-spacing:-.02em;line-height:.95;margin:0}
h1{font-size:clamp(40px,9vw,84px);letter-spacing:-.04em}h2{font-size:clamp(26px,5vw,40px);margin-top:56px;padding-top:16px;border-top:4px solid var(--ink)}h3{font-size:20px;margin-top:28px}
a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}a:hover{color:var(--chill)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px 80px}
header.top{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 0 8px;border-bottom:4px solid var(--ink);margin-bottom:36px;gap:12px;flex-wrap:wrap}
header.top .logo{font-size:44px;letter-spacing:-.06em;text-decoration:none}
nav{display:flex;gap:16px;align-items:center;font-weight:700;font-size:14px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;background:var(--ink);color:var(--paper);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.tag.ghost{background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:2px 7px}
.tag .dot{width:8px;height:8px;background:var(--furax)}
p{margin:14px 0}ul{padding-left:22px}li{margin:8px 0}
.lead{font-size:clamp(19px,2.6vw,23px);line-height:1.4;margin-top:24px}
.block{position:relative;border:3px solid var(--ink);padding:20px;margin:28px 0;background:var(--paper);box-shadow:8px 8px 0 var(--ink)}
.block.hype{background:var(--hype)}.block.love{background:var(--love)}.block.chill{background:var(--chill)}.block.stress{background:var(--stress)}.block.zinzin{background:var(--zinzin)}.block.dark{background:var(--dark);color:var(--paper)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0}
@media(max-width:640px){.grid{grid-template-columns:repeat(1,minmax(0,1fr))}}
.card{border:3px solid var(--ink);padding:16px;display:flex;flex-direction:column;gap:8px;min-height:150px;justify-content:flex-end}
.card .display{font-size:28px}.card small{font-weight:700;font-size:13px}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:0 20px;background:var(--ink);color:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--hype);font-family:"Archivo Black","Arial Black",Impact,sans-serif;font-size:18px;text-decoration:none;margin-top:16px}
.cta.chill{box-shadow:6px 6px 0 var(--chill)}.cta.love{box-shadow:6px 6px 0 var(--love)}
.sticker{position:absolute;right:-10px;top:-18px;padding:6px 10px;background:var(--paper);border:3px solid var(--ink);font-weight:700;font-size:12px;transform:rotate(6deg);box-shadow:4px 4px 0 var(--ink);white-space:nowrap}
.mute{color:var(--mute);font-size:14px}
.demo{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center;margin:40px 0}
@media(max-width:640px){.demo{grid-template-columns:1fr}.demo .phone{max-width:260px;margin:0 auto}}
.demo .lead{margin-top:14px}
h2.tight{margin-top:0;padding-top:0;border-top:0}
.phone{position:relative;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--hype);background:var(--ink);aspect-ratio:672/1496;overflow:hidden}
.phone video{display:block;width:100%;height:100%;object-fit:cover}
.why p{font-size:clamp(18px,2.4vw,21px);line-height:1.45}.why p.mute{font-size:15px}
table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px}th,td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:2px solid var(--ink)}th{font-weight:700;background:var(--wall)}
.swatches{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.swatches span{width:34px;height:34px;border:3px solid var(--ink);display:block}
footer{margin-top:64px;padding-top:16px;border-top:4px solid var(--ink);font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;background:var(--wall);padding:2px 6px}