/* GENERATED by scripts/build-themes.mjs from public/welcome.css + index.html — do not edit by hand (v14.7 "Looks"). */
/* ---- heights ---- */
html[data-theme="heights"]{--bg:#0c0c0a;--card:#161713;--card2:#1c1c19;--line:#282924;--text:#f2efe6;--muted:#97958d;--lime:#c0f432;--lime-d:#a9e20e;--amber:#ffb547;--blue:#6fb6ff;--r:18px}
html[data-theme="heights"] body{background:var(--bg);color:var(--text)}
html[data-theme="heights"] a{color:var(--lime)}
html[data-theme="heights"] :focus-visible{outline:2px solid var(--lime)}
html[data-theme="heights"] .in{padding:0 20px}
html[data-theme="heights"] .lime{color:var(--lime)}
html[data-theme="heights"] .muted{color:var(--muted)}
html[data-theme="heights"] .nav{background:rgba(12,12,10,.86);border-bottom:1px solid #1a1a17}
html[data-theme="heights"] .nav .in{gap:10px}
html[data-theme="heights"] .logo{gap:10px;color:var(--text)}
html[data-theme="heights"] .logo em{color:var(--muted)}
html[data-theme="heights"] .dot{border-radius:8.8px;background:var(--lime);color:#0c0c0a}
html[data-theme="heights"] .nav nav{gap:6px}
html[data-theme="heights"] .lnk{color:var(--muted);padding:8px 10px}
html[data-theme="heights"] .lnk:hover{color:var(--text)}
html[data-theme="heights"] .b{gap:8px;background:var(--lime);color:#0c0c0a;border:0;border-radius:12.3px;padding:14px 22px}
html[data-theme="heights"] .b:hover{background:var(--lime-d)}
html[data-theme="heights"] .b.sm{padding:8px 14px;border-radius:9.6px}
html[data-theme="heights"] .b.ghost{background:transparent;color:var(--text);border:1.5px solid #34403a}
html[data-theme="heights"] .b.ghost:hover{border-color:var(--lime);color:var(--lime)}
html[data-theme="heights"] .b.wa{background:var(--lime);color:#0c0c0a}
html[data-theme="heights"] .b.wa:hover{background:var(--lime-d)}
html[data-theme="heights"] .b.wa::before{background:currentColor}
html[data-theme="heights"] .chip{border:1.5px solid #3b451c;background:#161a0a;color:var(--lime);border-radius:999px;padding:6px 14px}
html[data-theme="heights"] .tag{padding:3px 9px;border-radius:999px;background:#24251f;color:var(--lime);border:1px solid #353b20}
html[data-theme="heights"] .tag.amber{color:var(--amber);background:#241c10;border-color:#4a3714}
html[data-theme="heights"] .tag.blue{color:var(--blue);background:#0f1b26;border-color:#1d3a55}
html[data-theme="heights"] .hero{padding:30px 0 40px}
html[data-theme="heights"] .hero-grid{gap:26px}
html[data-theme="heights"] .lead{color:#e0d8c1}
html[data-theme="heights"] .note{color:var(--muted)}
html[data-theme="heights"] .cta-row{gap:10px}
html[data-theme="heights"] .hero-shot{border-radius:19.3px;border:1px solid var(--line);background:var(--card2)}
html[data-theme="heights"] .icard{background:rgba(16,17,14,.94);border:1px solid #31322b;border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
html[data-theme="heights"] .ic-h{gap:8px}
html[data-theme="heights"] .ic-h small{color:var(--muted)}
html[data-theme="heights"] .tl{padding:0;gap:3px;color:#e0d8c1}
html[data-theme="heights"] .tl i{color:var(--muted)}
html[data-theme="heights"] .tl .ok{color:var(--lime)}
html[data-theme="heights"] .tl .done{color:var(--lime)}
html[data-theme="heights"] .sec{padding:56px 0}
html[data-theme="heights"] .kick{color:var(--lime)}
html[data-theme="heights"] .sub{color:#e0d8c1}
html[data-theme="heights"] .alt{background:#10110e;border-top:1px solid #1a1a17;border-bottom:1px solid #1a1a17}
html[data-theme="heights"] .cards3{gap:12px}
html[data-theme="heights"] .pcard2{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
html[data-theme="heights"] .pcard2 p{color:var(--muted)}
html[data-theme="heights"] .split{gap:28px}
html[data-theme="heights"] .ticks{padding:0;gap:9px;color:#e0d8c1}
html[data-theme="heights"] .ticks li{padding-left:26px}
html[data-theme="heights"] .ticks li::before{color:var(--lime)}
html[data-theme="heights"] .soon{padding:2px 8px;border-radius:999px;color:var(--amber);background:#241c10;border:1px solid #4a3714}
html[data-theme="heights"] .ph-photo{border-radius:var(--r);border:1px solid var(--line);background:var(--card2)}
html[data-theme="heights"] .device{border-radius:33.3px;padding:9px;background:#1e1f1a;border:1px solid #33342d;box-shadow:0 24px 60px rgba(0,0,0,.45)}
html[data-theme="heights"] .device img{border-radius:26.3px;background:#ffffff}
html[data-theme="heights"] .duo{gap:18px}
html[data-theme="heights"] .steps{padding:0;gap:14px}
html[data-theme="heights"] .steps li{gap:14px}
html[data-theme="heights"] .steps li>b{border-radius:9.6px;background:var(--lime);color:#0c0c0a}
html[data-theme="heights"] .steps p{color:var(--muted)}
html[data-theme="heights"] .health{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;gap:8px}
html[data-theme="heights"] .hrow{gap:10px}
html[data-theme="heights"] .hrow em{padding:2px 9px;border-radius:999px;border:1px solid}
html[data-theme="heights"] .g{color:var(--lime)}
html[data-theme="heights"] .w{color:var(--amber)}
html[data-theme="heights"] .ba{gap:10px}
html[data-theme="heights"] .ba figure{border-radius:var(--r);border:1px solid var(--line);background:var(--card)}
html[data-theme="heights"] .ba figcaption{padding:9px 12px;color:var(--muted);gap:8px}
html[data-theme="heights"] .tag.lime-t{background:var(--lime);color:#0c0c0a;border-color:var(--lime)}
html[data-theme="heights"] .tiles{gap:12px}
html[data-theme="heights"] .tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
html[data-theme="heights"] .tile p{color:var(--muted)}
html[data-theme="heights"] .plans{gap:14px}
html[data-theme="heights"] .plan{background:var(--card);border:1px solid var(--line);border-radius:19.3px;padding:22px}
html[data-theme="heights"] .plan.best{border-color:#3b451c;background:linear-gradient(160deg,#1c200d,#161713 60%)}
html[data-theme="heights"] .price{color:#e0d8c1}
html[data-theme="heights"] .price b{color:var(--text)}
html[data-theme="heights"] .plan ul{padding:0;gap:8px;color:#e0d8c1}
html[data-theme="heights"] .plan li{padding-left:24px}
html[data-theme="heights"] .plan li::before{color:var(--lime)}
html[data-theme="heights"] .offer{background:radial-gradient(ellipse at top,#1c200d,transparent 70%)}
html[data-theme="heights"] .pcards{gap:12px;padding:0 20px 6px}
html[data-theme="heights"] .pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
html[data-theme="heights"] .pcard img{background:var(--card2)}
html[data-theme="heights"] .pcard figcaption{padding:12px 14px 14px}
html[data-theme="heights"] .pcard span{color:var(--muted)}
html[data-theme="heights"] .or-line{gap:10px;color:var(--muted)}
html[data-theme="heights"] .or-line::before,html[data-theme="heights"] .or-line::after{background:var(--line)}
html[data-theme="heights"] .form{background:var(--card);border:1px solid var(--line);border-radius:19.3px;padding:18px}
html[data-theme="heights"] .seg{background:var(--bg);border:1px solid var(--line);border-radius:12.3px;padding:4px;gap:4px}
html[data-theme="heights"] .seg button{border:0;background:transparent;color:var(--muted);padding:11px 6px;border-radius:8.8px}
html[data-theme="heights"] .seg button[aria-checked="true"]{background:var(--lime);color:#0c0c0a}
html[data-theme="heights"] .opt{color:var(--muted)}
html[data-theme="heights"] .form input,html[data-theme="heights"] .form select{background:var(--bg);color:var(--text);border:1.5px solid #33342d;border-radius:10.5px;padding:13px 12px}
html[data-theme="heights"] .form select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
html[data-theme="heights"] .form input:focus,html[data-theme="heights"] .form select:focus{border-color:var(--lime);outline:none}
html[data-theme="heights"] .form input[aria-invalid="true"],html[data-theme="heights"] .form select[aria-invalid="true"]{border-color:#ff6b5b}
html[data-theme="heights"] .form .consent{gap:10px;color:#e0d8c1}
html[data-theme="heights"] .form .consent input{padding:0;accent-color:var(--lime)}
html[data-theme="heights"] .err{color:#ff8a7d}
html[data-theme="heights"] .thanks{background:var(--card);border:1px solid #3b451c;border-radius:19.3px;padding:26px 20px;gap:12px}
html[data-theme="heights"] .thanks .ok{border-radius:50%;background:var(--lime);color:#0c0c0a}
html[data-theme="heights"] .or{color:var(--muted)}
html[data-theme="heights"] .foot{border-top:1px solid #1a1a17;padding:30px 0 calc(34px + env(safe-area-inset-bottom,0px));color:var(--muted)}
html[data-theme="heights"] .foot .in{gap:10px}
html[data-theme="heights"] .foot a{color:#e0d8c1}
@media (max-width:360px){
html[data-theme="heights"] .lnk{padding:8px 4px}
html[data-theme="heights"] .b.sm{padding:8px 10px}
}
@media (min-width:700px){
html[data-theme="heights"] .pcards{padding:0}
}
@media (min-width:980px){
html[data-theme="heights"] .sec{padding:84px 0}
html[data-theme="heights"] .hero{padding:56px 0 64px}
html[data-theme="heights"] .hero-grid{gap:48px}
html[data-theme="heights"] .split{gap:56px}
}
/* ---- daylight ---- */
html[data-theme="daylight"]{--bg:#f3f0e8;--card:#e3e0d5;--card2:#e1ddd2;--line:#d6d2c9;--text:#121212;--muted:#646158;--lime:#c0f432;--lime-d:#b7f019;--amber:#986316;--blue:#1b6abb;--r:18px}
html[data-theme="daylight"] body{background:var(--bg);color:var(--text)}
html[data-theme="daylight"] a{color:var(--lime-text)}
html[data-theme="daylight"] :focus-visible{outline:2px solid var(--lime)}
html[data-theme="daylight"] .in{padding:0 20px}
html[data-theme="daylight"] .lime{color:var(--lime-text)}
html[data-theme="daylight"] .muted{color:var(--muted)}
html[data-theme="daylight"] .nav{background:rgba(243,240,232,.86);border-bottom:1px solid #e2ded3}
html[data-theme="daylight"] .nav .in{gap:10px}
html[data-theme="daylight"] .logo{gap:10px;color:var(--text)}
html[data-theme="daylight"] .logo em{color:var(--muted)}
html[data-theme="daylight"] .dot{border-radius:11.3px;background:var(--lime);color:#121212}
html[data-theme="daylight"] .nav nav{gap:6px}
html[data-theme="daylight"] .lnk{color:var(--muted);padding:8px 10px}
html[data-theme="daylight"] .lnk:hover{color:var(--text)}
html[data-theme="daylight"] .b{gap:8px;background:var(--lime);color:#121212;border:0;border-radius:15.8px;padding:14px 22px}
html[data-theme="daylight"] .b:hover{background:var(--lime-d)}
html[data-theme="daylight"] .b.sm{padding:8px 14px;border-radius:12.4px}
html[data-theme="daylight"] .b.ghost{background:transparent;color:var(--text);border:1.5px solid #d8dedb}
html[data-theme="daylight"] .b.ghost:hover{border-color:var(--lime);color:var(--lime-text)}
html[data-theme="daylight"] .b.wa{background:var(--lime);color:#121212}
html[data-theme="daylight"] .b.wa:hover{background:var(--lime-d)}
html[data-theme="daylight"] .b.wa::before{background:currentColor}
html[data-theme="daylight"] .chip{border:1.5px solid #dfedb3;background:#ebf3ce;color:var(--lime-text);border-radius:999px;padding:6px 14px}
html[data-theme="daylight"] .tag{padding:3px 9px;border-radius:999px;background:#d8d5cb;color:var(--lime-text);border:1px solid #e1eeb5}
html[data-theme="daylight"] .tag.amber{color:var(--amber);background:#f0e9e0;border-color:#f0e4cf}
html[data-theme="daylight"] .tag.blue{color:var(--blue);background:#dfe8f1;border-color:#ccdceb}
html[data-theme="daylight"] .hero{padding:30px 0 40px}
html[data-theme="daylight"] .hero-grid{gap:26px}
html[data-theme="daylight"] .lead{color:#151515}
html[data-theme="daylight"] .note{color:var(--muted)}
html[data-theme="daylight"] .cta-row{gap:10px}
html[data-theme="daylight"] .hero-shot{border-radius:24.8px;border:1px solid var(--line);background:var(--card2)}
html[data-theme="daylight"] .icard{background:rgba(229,226,217,.94);border:1px solid #d2cec4;border-radius:18px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
html[data-theme="daylight"] .ic-h{gap:8px}
html[data-theme="daylight"] .ic-h small{color:var(--muted)}
html[data-theme="daylight"] .tl{padding:0;gap:3px;color:#151515}
html[data-theme="daylight"] .tl i{color:var(--muted)}
html[data-theme="daylight"] .tl .ok{color:var(--lime-text)}
html[data-theme="daylight"] .tl .done{color:var(--lime-text)}
html[data-theme="daylight"] .sec{padding:56px 0}
html[data-theme="daylight"] .kick{color:var(--lime-text)}
html[data-theme="daylight"] .sub{color:#151515}
html[data-theme="daylight"] .alt{background:#e5e2d9;border-top:1px solid #e2ded3;border-bottom:1px solid #e2ded3}
html[data-theme="daylight"] .cards3{gap:12px}
html[data-theme="daylight"] .pcard2{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
html[data-theme="daylight"] .pcard2 p{color:var(--muted)}
html[data-theme="daylight"] .split{gap:28px}
html[data-theme="daylight"] .ticks{padding:0;gap:9px;color:#151515}
html[data-theme="daylight"] .ticks li{padding-left:26px}
html[data-theme="daylight"] .ticks li::before{color:var(--lime-text)}
html[data-theme="daylight"] .soon{padding:2px 8px;border-radius:999px;color:var(--amber);background:#f0e9e0;border:1px solid #f0e4cf}
html[data-theme="daylight"] .ph-photo{border-radius:var(--r);border:1px solid var(--line);background:var(--card2)}
html[data-theme="daylight"] .device{border-radius:42.8px;padding:9px;background:#e0dcd1;border:1px solid #d1cdc2;box-shadow:0 24px 60px rgba(0,0,0,.45)}
html[data-theme="daylight"] .device img{border-radius:33.8px;background:#ffffff}
html[data-theme="daylight"] .duo{gap:18px}
html[data-theme="daylight"] .steps{padding:0;gap:14px}
html[data-theme="daylight"] .steps li{gap:14px}
html[data-theme="daylight"] .steps li>b{border-radius:12.4px;background:var(--lime);color:#121212}
html[data-theme="daylight"] .steps p{color:var(--muted)}
html[data-theme="daylight"] .health{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;gap:8px}
html[data-theme="daylight"] .hrow{gap:10px}
html[data-theme="daylight"] .hrow em{padding:2px 9px;border-radius:999px;border:1px solid}
html[data-theme="daylight"] .g{color:var(--lime-text)}
html[data-theme="daylight"] .w{color:var(--amber)}
html[data-theme="daylight"] .ba{gap:10px}
html[data-theme="daylight"] .ba figure{border-radius:var(--r);border:1px solid var(--line);background:var(--card)}
html[data-theme="daylight"] .ba figcaption{padding:9px 12px;color:var(--muted);gap:8px}
html[data-theme="daylight"] .tag.lime-t{background:var(--lime);color:#121212;border-color:var(--lime)}
html[data-theme="daylight"] .tiles{gap:12px}
html[data-theme="daylight"] .tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
html[data-theme="daylight"] .tile p{color:var(--muted)}
html[data-theme="daylight"] .plans{gap:14px}
html[data-theme="daylight"] .plan{background:var(--card);border:1px solid var(--line);border-radius:24.8px;padding:22px}
html[data-theme="daylight"] .plan.best{border-color:#dfedb3;background:linear-gradient(160deg,#e9f3ca,#e3e0d5 60%)}
html[data-theme="daylight"] .price{color:#151515}
html[data-theme="daylight"] .price b{color:var(--text)}
html[data-theme="daylight"] .plan ul{padding:0;gap:8px;color:#151515}
html[data-theme="daylight"] .plan li{padding-left:24px}
html[data-theme="daylight"] .plan li::before{color:var(--lime-text)}
html[data-theme="daylight"] .offer{background:radial-gradient(ellipse at top,#e9f3ca,transparent 70%)}
html[data-theme="daylight"] .pcards{gap:12px;padding:0 20px 6px}
html[data-theme="daylight"] .pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
html[data-theme="daylight"] .pcard img{background:var(--card2)}
html[data-theme="daylight"] .pcard figcaption{padding:12px 14px 14px}
html[data-theme="daylight"] .pcard span{color:var(--muted)}
html[data-theme="daylight"] .or-line{gap:10px;color:var(--muted)}
html[data-theme="daylight"] .or-line::before,html[data-theme="daylight"] .or-line::after{background:var(--line)}
html[data-theme="daylight"] .form{background:var(--card);border:1px solid var(--line);border-radius:24.8px;padding:18px}
html[data-theme="daylight"] .seg{background:var(--bg);border:1px solid var(--line);border-radius:15.8px;padding:4px;gap:4px}
html[data-theme="daylight"] .seg button{border:0;background:transparent;color:var(--muted);padding:11px 6px;border-radius:11.3px}
html[data-theme="daylight"] .seg button[aria-checked="true"]{background:var(--lime);color:#121212}
html[data-theme="daylight"] .opt{color:var(--muted)}
html[data-theme="daylight"] .form input,html[data-theme="daylight"] .form select{background:var(--bg);color:var(--text);border:1.5px solid #d1cdc2;border-radius:13.5px;padding:13px 12px}
html[data-theme="daylight"] .form select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
html[data-theme="daylight"] .form input:focus,html[data-theme="daylight"] .form select:focus{border-color:var(--lime);outline:none}
html[data-theme="daylight"] .form input[aria-invalid="true"],html[data-theme="daylight"] .form select[aria-invalid="true"]{border-color:#bb2a1b}
html[data-theme="daylight"] .form .consent{gap:10px;color:#151515}
html[data-theme="daylight"] .form .consent input{padding:0;accent-color:var(--lime)}
html[data-theme="daylight"] .err{color:#bb2b1b}
html[data-theme="daylight"] .thanks{background:var(--card);border:1px solid #dfedb3;border-radius:24.8px;padding:26px 20px;gap:12px}
html[data-theme="daylight"] .thanks .ok{border-radius:50%;background:var(--lime);color:#121212}
html[data-theme="daylight"] .or{color:var(--muted)}
html[data-theme="daylight"] .foot{border-top:1px solid #e2ded3;padding:30px 0 calc(34px + env(safe-area-inset-bottom,0px));color:var(--muted)}
html[data-theme="daylight"] .foot .in{gap:10px}
html[data-theme="daylight"] .foot a{color:#151515}
@media (max-width:360px){
html[data-theme="daylight"] .lnk{padding:8px 4px}
html[data-theme="daylight"] .b.sm{padding:8px 10px}
}
@media (min-width:700px){
html[data-theme="daylight"] .pcards{padding:0}
}
@media (min-width:980px){
html[data-theme="daylight"] .sec{padding:84px 0}
html[data-theme="daylight"] .hero{padding:56px 0 64px}
html[data-theme="daylight"] .hero-grid{gap:48px}
html[data-theme="daylight"] .split{gap:56px}
}