:root{--paper:#fbf6ec;--paper2:#f3ead8;--ink:#1f1b3a;--ink2:#4a4566;--line:#e3d8c2;--red:#d9443a;--red2:#b3332b;--gold:#f2b632;--navy:#1d2257}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 'DM Sans',system-ui,-apple-system,sans-serif}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
.narrow{max-width:720px}
a{color:var(--red)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:800;letter-spacing:-.01em;margin:0;text-wrap:balance}
.strip{background:var(--navy);color:#f6efe0;text-align:center;font-size:14px;padding:8px 16px;letter-spacing:.02em}
.strip b{color:var(--gold)}
.strip s{opacity:.6;margin-left:4px}
.top{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Fraunces,Georgia,serif;font-weight:800;font-size:21px}
.brand img{border-radius:50%}
nav{display:flex;align-items:center;gap:22px}
nav a{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15px}
nav a.btn{color:#fff}
.btn{display:inline-block;background:var(--red);color:#fff;font:700 16px 'DM Sans',system-ui,sans-serif;border:0;border-radius:10px;padding:10px 18px;text-decoration:none;cursor:pointer;box-shadow:0 2px 0 var(--red2);transition:background .15s}
.btn:hover{background:var(--red2)}
.btn.big{font-size:18px;padding:15px 26px}
.btn.full{width:100%}
.hero{padding-block:56px 64px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero-copy{min-width:0}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;color:var(--red);margin:0 0 14px}
h1{font-size:clamp(46px,7.2vw,92px);line-height:.98}
.nm{color:var(--red)}
h1 .nm{font-style:normal;border-bottom:6px solid var(--gold);padding-bottom:2px;overflow-wrap:anywhere}
.lead{font-size:19px;color:var(--ink2);margin:22px 0 26px;max-width:32em}
.try{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);max-width:320px}
.try input{font:500 20px 'DM Sans',system-ui,sans-serif;padding:12px 14px;border:2px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);text-transform:none;letter-spacing:0}
.try input:focus{outline:3px solid var(--gold);outline-offset:1px}
.buy-row{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}
.price{margin:0;font-size:15px;color:var(--ink2);line-height:1.3}
.price b{font-family:Fraunces,Georgia,serif;font-size:30px;color:var(--ink)}
.price s{margin-left:4px}
.hero-art{position:relative;justify-self:center;width:min(310px,100%)}
.phone{width:100%;aspect-ratio:9/16;border-radius:36px;border:10px solid var(--ink);overflow:hidden;background:#000;transform:rotate(2deg);box-shadow:18px 22px 0 var(--paper2)}
.phone video{width:100%;height:100%;object-fit:cover;display:block}
.tag{position:absolute;left:-70px;bottom:46px;width:190px;background:#fffdf6;border:1px solid var(--line);padding:22px 16px 14px;transform:rotate(-7deg);box-shadow:0 10px 24px rgba(31,27,58,.18);font-family:Fraunces,Georgia,serif;clip-path:polygon(14% 0,86% 0,100% 12%,100% 100%,0 100%,0 12%)}
.tag .hole{position:absolute;top:8px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--paper2);border:1px solid var(--line)}
.tag p{margin:0;font-size:17px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.tag .sig{margin-top:8px;font-size:15px;color:var(--ink2);font-style:italic}
section h2{font-size:clamp(32px,4.4vw,50px);margin-bottom:28px}
.inside{padding-block:64px;border-top:1px solid var(--line)}
.story{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.story li{counter-increment:s;min-width:0}
.story img{width:100%;max-width:100%;height:auto;border-radius:18px;border:6px solid var(--ink);display:block;background:var(--ink)}
.story p{margin:14px 0 0;color:var(--ink2);font-size:16px}
.story p b{display:block;color:var(--ink);font-size:17px}
.story p b::before{content:counter(s) ". ";color:var(--red)}
.facts{background:var(--navy);color:#f1ead9;padding-block:52px}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.facts h3{font-size:24px;color:#fff;margin-bottom:8px}
.facts p{margin:0;color:#cfc8e6;font-size:16px}
.make{padding-block:64px}
.make-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.make-grid>div{min-width:0}
.make p{color:var(--ink2);font-size:18px;max-width:30em}
.note{font-size:15px!important}
.order{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:8px 8px 0 var(--paper2)}
.order label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700}
.order select{font:500 17px 'DM Sans',system-ui,sans-serif;padding:9px 12px;border-radius:8px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);min-width:0}
.fine{margin:0;text-align:center;font-size:13px;color:var(--ink2)}
.faq{padding-block:56px 72px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:Fraunces,Georgia,serif;font-size:24px;line-height:1;color:var(--red)}
details[open] summary::after{content:"–"}
details p{margin:10px 0 0;color:var(--ink2)}
footer{background:var(--paper2);font-size:14px;color:var(--ink2)}
.foot a{color:var(--ink2)}
.card{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:30px;max-width:540px;margin:56px auto;text-align:center;box-shadow:8px 8px 0 var(--paper2)}
.card h1{font-size:clamp(30px,6vw,42px);margin-bottom:12px}
.card p{color:var(--ink2)}
.link{display:block;background:var(--paper);border:2px dashed var(--red);border-radius:10px;padding:12px;font-size:19px;font-weight:700;word-break:break-all;margin:14px 0;color:var(--ink);text-decoration:none}
.card input{width:100%;font:500 18px 'DM Sans',system-ui,sans-serif;padding:12px;border-radius:10px;border:2px solid var(--line);margin:6px 0}
@media (max-width:900px){
  .hero-grid,.make-grid{grid-template-columns:1fr}
  .hero-art{width:min(270px,78%)}
  .tag{left:-40px;width:160px}
  .story{grid-template-columns:repeat(2,1fr)}
  .facts-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  nav a:not(.btn){display:none}
  .story{grid-template-columns:1fr 1fr;gap:14px}
  .facts-grid{grid-template-columns:1fr}
  .tag{left:-24px;bottom:30px;width:140px;padding:20px 12px 12px}
  .tag p{font-size:15px}
}