@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Syne:wght@700&display=swap');
:root{--ink:#151515;--paper:#fbf7ef;--hot:#ff5c35;--lime:#d9ff67;--line:#242424;--muted:#6c675f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ddd5c8;position:sticky;top:0;background:rgba(251,247,239,.94);backdrop-filter:blur(12px);z-index:5}.logo{font:700 25px Syne}.logo b{color:var(--hot)}.navlinks{display:flex;gap:12px;align-items:center}.btn{border:1.5px solid var(--line);border-radius:999px;padding:12px 19px;background:white;font-weight:700}.btn.primary{background:var(--ink);color:white}.btn.hot{background:var(--hot);color:white;border-color:var(--hot)}.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;padding:6vw}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:12px}.hero h1{font:700 clamp(52px,7vw,108px)/.88 Syne;margin:20px 0}.hero p{font-size:21px;max-width:590px;color:var(--muted)}.mock{background:var(--lime);border:2px solid;padding:22px;border-radius:34px;transform:rotate(2deg);box-shadow:12px 12px 0 var(--ink)}.phone{background:var(--paper);border:2px solid;border-radius:28px;padding:22px;min-height:480px}.avatar{width:76px;height:76px;border-radius:50%;background:var(--hot);display:grid;place-items:center;font:700 30px Syne}.product{background:white;border:1.5px solid;border-radius:18px;padding:17px;margin:13px 0;display:flex;justify-content:space-between;gap:15px}.strip{background:var(--ink);color:white;padding:28px 5vw;font:700 20px Syne;display:flex;justify-content:space-around;flex-wrap:wrap}.section{padding:7vw 6vw}.section h2{font:700 clamp(36px,5vw,72px)/1 Syne;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1.5px solid;border-radius:24px;padding:28px;background:white;min-height:220px}.feature:nth-child(2){background:#ffd8cf}.feature:nth-child(3){background:var(--lime)}.feature .num{font:700 52px Syne}.auth,.dash,.store{max-width:1050px;margin:55px auto;padding:0 22px}.panel{background:#fff;border:1.5px solid;border-radius:24px;padding:28px;box-shadow:7px 7px 0 #181818}.form{display:grid;gap:13px}.form input,.form textarea,.form select{width:100%;border:1.5px solid;border-radius:12px;padding:13px;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.muted{color:var(--muted)}.notice{padding:12px;border-radius:12px;background:#fff0ec;color:#972b13}.storehead{text-align:center;margin:45px auto 30px}.storehead .avatar{margin:auto}.storegrid{max-width:680px;margin:auto}.price{white-space:nowrap;font-weight:700}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px;z-index:9}.modal .panel{width:min(500px,100%)}.hide{display:none!important}@media(max-width:780px){.hero{grid-template-columns:1fr;padding:45px 22px}.hero h1{font-size:55px}.mock{transform:none}.grid,.two{grid-template-columns:1fr}.navlinks .ghost{display:none}.section{padding:65px 22px}}
