*{box-sizing:border-box}body{margin:0;font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1d1a16;background:#faf7f2}
a{color:inherit}h1,h2,h3{line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.02em}h2{font-size:clamp(1.6rem,3vw,2.3rem);text-align:center}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;position:sticky;top:0;background:#faf7f2e6;backdrop-filter:blur(8px);z-index:9}
.logo{font-weight:800;font-size:1.35rem;text-decoration:none;letter-spacing:-.02em}.logo b{color:#c2410c}
nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;font-weight:500}nav .ghost{border:1.5px solid #1d1a16;padding:6px 16px;border-radius:99px}
@media(max-width:720px){nav a:not(.ghost){display:none}}
.btn{display:inline-block;background:#c2410c;color:#fff;text-decoration:none;font-weight:600;padding:13px 26px;border-radius:99px;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.alt{background:#1d1a16}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;padding:6vh 5vw 8vh;max-width:1250px;margin:auto}
@media(max-width:860px){.hero{grid-template-columns:1fr}}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:#c2410c;font-weight:700}.lead{font-size:1.15rem;color:#4a443c;max-width:36em}
.hero-img{display:flex;justify-content:center}.kiosk{background:#111;padding:14px;border-radius:22px;box-shadow:0 30px 60px #0004;transform:rotate(2deg);max-width:340px}.kiosk img{width:100%;display:block;border-radius:10px}
section{padding:8vh 5vw}.how{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:30px auto}
@media(max-width:760px){.steps,.grid3,.grid2{grid-template-columns:1fr!important}}
.steps span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fde6d8;color:#c2410c;font-weight:800;margin-bottom:10px}
.usp{max-width:900px;margin:20px auto 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0;list-style:none}.usp li{background:#faf7f2;border-radius:99px;padding:8px 16px;font-size:.95rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:30px auto 0}figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0001}
figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}figcaption{padding:14px 18px}figcaption b{display:block}.note{text-align:center;font-size:.8rem;color:#8a8278}
.packs .sub{text-align:center;color:#4a443c}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1000px;margin:30px auto 0}
.pack{background:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;box-shadow:0 8px 24px #0001}.pack.hl{background:#1d1a16;color:#fff}
.pack .tag{color:#c2410c;font-weight:600;margin-top:-6px}.pack ul{padding-left:20px;flex:1}.pack li{margin:6px 0}
.price{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.price div{background:#0000000d;border-radius:12px;padding:12px}.pack.hl .price div{background:#ffffff1a}.price small{display:block;opacity:.7}
.pack .btn{text-align:center}.cta{text-align:center;background:#fde6d8}.cta .ctas{justify-content:center}
footer{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;padding:30px;font-size:.9rem;color:#6b645a}.todo{opacity:.7}
code{background:#0000000f;padding:1px 6px;border-radius:5px}.pack.hl code{background:#ffffff22}