:root{
  --orange:#F26B21;--orange-d:#D9570F;--orange-l:#FFF1E8;--orange-m:#FFD9BF;
  --ink:#1F1A17;--muted:#6B625C;--line:#F0E6DE;--bg:#FFFFFF;--bg2:#FFFAF6;
  --r:20px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* nav */
header.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;text-decoration:none}
.brand img{width:32px;height:32px;border-radius:8px}
.nav nav{display:flex;align-items:center;gap:24px}
.nav nav a{text-decoration:none;font-size:15px;color:var(--muted);font-weight:500}
.nav nav a:hover{color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#fff!important;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none;font-size:15px;transition:.15s;box-shadow:0 6px 18px rgba(242,107,33,.3)}
.btn:hover{background:var(--orange-d);transform:translateY(-1px)}
.btn.ghost{background:#fff;color:var(--orange)!important;border:1.5px solid var(--orange-m);box-shadow:none}
.nav .btn{padding:9px 18px;font-size:14px;color:#fff}

/* hero */
.hero{background:radial-gradient(1000px 500px at 80% -10%,var(--orange-m),transparent 60%),linear-gradient(#fff,var(--bg2));overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:72px}
.pill{display:inline-block;background:var(--orange-l);color:var(--orange-d);font-weight:600;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:20px}
h1{font-size:clamp(36px,5.2vw,60px);line-height:1.08;letter-spacing:-.03em;font-weight:800}
h1 em{font-style:normal;color:var(--orange)}
.lead{font-size:19px;color:var(--muted);margin:20px 0 32px;max-width:520px}
.stores{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.stores img{height:52px;width:auto}
.stores a{transition:.15s}.stores a:hover{transform:translateY(-2px)}
.note{margin-top:16px;font-size:14px;color:var(--muted)}
.hero-art{position:relative;display:flex;justify-content:center}
.phone{border-radius:38px;border:8px solid #1b1714;background:#1b1714;overflow:hidden;box-shadow:0 30px 60px rgba(80,40,10,.25);width:100%;max-width:270px}
.phone img{width:100%}
.hero-art .phone:nth-child(1){transform:rotate(-4deg) translateX(14px);z-index:1}
.hero-art .phone:nth-child(2){transform:rotate(4deg) translate(-14px,32px)}

/* sections */
section{padding:88px 0}
.alt{background:var(--bg2)}
.sec-head{text-align:center;max-width:640px;margin:0 auto 52px}
h2{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.02em;line-height:1.15;font-weight:800}
.sec-head p{color:var(--muted);margin-top:14px;font-size:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:.2s}
.card:hover{box-shadow:0 14px 34px rgba(242,107,33,.12);transform:translateY(-3px);border-color:var(--orange-m)}
.ico{width:48px;height:48px;border-radius:14px;background:var(--orange-l);display:grid;place-items:center;font-size:24px;margin-bottom:16px}
.card h3{font-size:18px;margin-bottom:6px}
.card p{color:var(--muted);font-size:15px}

.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.shots figure{text-align:center}
.shots .phone{margin:0 auto}
.shots figcaption{margin-top:14px;font-weight:600;font-size:15px}
.desk{margin-top:56px;border-radius:16px;border:1px solid var(--line);box-shadow:0 24px 50px rgba(80,40,10,.15);overflow:hidden;max-width:880px;margin-left:auto;margin-right:auto}

.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:0 auto}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.plan.pro{border:2px solid var(--orange);box-shadow:0 14px 34px rgba(242,107,33,.15)}
.plan h3{font-size:22px}
.plan .tag{color:var(--orange-d);font-weight:600;font-size:14px;margin:4px 0 16px}
.plan ul{list-style:none}
.plan li{padding:7px 0 7px 28px;position:relative;font-size:15px;color:var(--muted)}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:800}

.cta{background:linear-gradient(135deg,#FF8A47,var(--orange));color:#fff;text-align:center;border-radius:32px;padding:64px 24px}
.cta p{opacity:.92;margin:14px 0 28px;font-size:18px}
.cta .stores{justify-content:center}

footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
footer .links{display:flex;gap:22px}
footer a{text-decoration:none}footer a:hover{color:var(--orange)}

/* legal */
.legal{max-width:760px;margin:0 auto;padding:56px 20px 88px}
.legal h1{font-size:38px;margin-bottom:8px}
.legal .meta{color:var(--muted);margin-bottom:32px}
.legal h2{font-size:22px;margin:34px 0 10px}
.legal p,.legal li{color:#443c37;margin-bottom:10px}
.legal ul{padding-left:22px;margin-bottom:10px}
.legal a{color:var(--orange-d)}

/* get page */
.get{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(800px 400px at 50% 0,var(--orange-m),transparent 60%),var(--bg2)}
.get img.logo{width:88px;height:88px;border-radius:22px;margin:0 auto 20px;box-shadow:0 10px 30px rgba(242,107,33,.3)}
.get .stores{justify-content:center;margin-top:24px}

@media(max-width:900px){
  .hero .wrap{grid-template-columns:1fr;text-align:center;padding-top:48px}
  .lead{margin-left:auto;margin-right:auto}.stores{justify-content:center}
  .hero-art{margin-top:24px}.hero-art .phone{max-width:200px}
  .grid3{grid-template-columns:1fr}
  .shots{grid-template-columns:repeat(2,1fr)}
  .plans{grid-template-columns:1fr}
  .nav nav a:not(.btn){display:none}
  section{padding:60px 0}
}
.legal h3{font-size:17px;margin:20px 0 6px}.legal .meta{margin-bottom:24px}