:root { --ink:#202123; --muted:#6f7274; --cream:#f5efe7; --orange:#ef5b2a; --blue:#234f67; --line:#ddd8d1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fffdf9; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
.site-header { align-items:center; display:flex; justify-content:space-between; padding:24px 6vw; border-bottom:1px solid var(--line); background:#fffdf9; position:sticky; top:0; z-index:4; }
.brand { font-size:2rem; font-weight:800; letter-spacing:-.08em; }.brand span { color:var(--orange); margin-left:3px; }
nav { display:flex; gap:34px; color:var(--muted); font-size:.94rem; } nav a:hover { color:var(--orange); }
.cart-button { border:1px solid var(--ink); border-radius:999px; background:transparent; padding:10px 17px; }.cart-button span { color:var(--orange); font-weight:800; margin-left:5px; }
.hero { background:var(--cream); min-height:550px; padding:105px 12vw 90px; }.eyebrow { color:var(--orange); font-size:.78rem; font-weight:800; letter-spacing:.14em; margin:0 0 18px; text-transform:uppercase; }
h1,h2 { letter-spacing:-.055em; line-height:.98; margin:0; } h1 { font-size:clamp(3.5rem, 7vw, 7.5rem); max-width:950px; } h1 em { color:var(--blue); font-style:normal; }.hero-copy { color:var(--muted); font-size:1.2rem; line-height:1.5; margin:32px 0; max-width:470px; }
.primary-button { background:var(--orange); border:0; color:#fff; display:inline-block; font-weight:800; padding:15px 23px; }.primary-button:hover { background:#d94b20; }.primary-button.small { padding:11px 18px; }
.concept { display:grid; gap:70px; grid-template-columns:1.1fr .9fr; padding:100px 12vw; }.concept h2 { font-size:clamp(2.5rem, 4vw, 4.8rem); max-width:760px; }.concept-copy { color:var(--muted); font-size:1.15rem; line-height:1.65; max-width:560px; }.concept-copy strong { color:var(--blue); }
.offers { padding:100px 8vw; }.section-heading { align-items:end; display:flex; justify-content:space-between; margin-bottom:42px; }.section-heading h2 { font-size:clamp(2.5rem, 4vw, 4.5rem); max-width:700px; }.offer-grid { display:grid; gap:20px; grid-template-columns:repeat(3,1fr); }.offer { border-top:5px solid var(--blue); padding-top:20px; }.offer:nth-child(2) { border-color:var(--orange); }.offer:nth-child(3) { border-color:#cfaa42; }.offer-image { align-items:center; background:#f2eee8; display:flex; height:220px; justify-content:center; overflow:hidden; position:relative; width:100%; }.offer-image span { color:#fff8; font-size:4rem; font-weight:900; letter-spacing:-.1em; transform:rotate(-8deg); }.visual-tracking { background:linear-gradient(135deg,#ef6b4b,#f2bd63); }.visual-tracking::before { background:#fff8; border-radius:50%; content:""; height:145px; position:absolute; width:145px; }.visual-data { background:linear-gradient(135deg,#234f67,#80b5be); }.visual-data::before { background:#f7d26b; border-radius:50%; content:""; height:135px; position:absolute; width:135px; }.visual-dashboard { background:linear-gradient(135deg,#6c5b9e,#e7a5bf); }.visual-dashboard::before { border:22px solid #fff8; border-radius:50%; content:""; height:130px; position:absolute; width:130px; }.offer-number { color:var(--orange); display:block; font-weight:800; margin-top:20px; }.offer h3 { font-size:1.8rem; margin:14px 0 10px; }.offer p { color:var(--muted); line-height:1.55; min-height:74px; }.offer-price { font-size:1.35rem; font-weight:800; margin:25px 0; }.offer button { background:transparent; border:1px solid var(--ink); padding:12px 16px; }.offer button:hover { background:var(--ink); color:#fff; }
.proof { background:var(--blue); color:#fff; display:grid; gap:30px; grid-template-columns:repeat(3,1fr); padding:40px 8vw; }.proof div { align-items:center; display:flex; gap:18px; }.proof strong { color:#f4bf5b; font-size:2rem; }.proof span { font-size:1rem; }
.consent { align-items:center; background:#202123; bottom:0; color:#fff; display:flex; gap:28px; justify-content:space-between; padding:18px 6vw; position:fixed; width:100%; z-index:5; }.consent div:first-child { display:flex; flex-direction:column; gap:4px; }.consent span { color:#d0d0d0; font-size:.88rem; }.consent-actions { align-items:center; display:flex; gap:14px; }.text-button { background:transparent; border:0; color:#fff; text-decoration:underline; }
 .cart-drawer { background:#fffdf9; box-shadow:-10px 0 35px #0002; height:100%; max-width:460px; overflow:auto; padding:70px 38px; position:fixed; right:0; top:0; transform:translateX(105%); transition:transform .25s ease; width:90%; z-index:7; }.cart-drawer.open { transform:translateX(0); }.close-button { background:transparent; border:0; font-size:2rem; position:absolute; right:25px; top:18px; }.drawer-backdrop { background:#0006; inset:0; opacity:0; pointer-events:none; position:fixed; transition:opacity .2s; z-index:6; }.drawer-backdrop.open { opacity:1; pointer-events:auto; }.cart-line { border-bottom:1px solid var(--line); display:flex; justify-content:space-between; padding:17px 0; }.checkout-button { border:0; background:var(--blue); color:white; margin-top:25px; padding:15px; width:100%; }.checkout-form { display:grid; gap:16px; }.checkout-form label { color:var(--muted); display:grid; font-size:.9rem; gap:7px; }.checkout-form input,.checkout-form select { border:1px solid var(--line); font:inherit; padding:12px; }.step-label { color:var(--orange); font-size:.8rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.confirmation h3 { font-size:2rem; }.empty-cart { color:var(--muted); }
@media (max-width:760px) { nav { display:none; }.hero { padding:80px 8vw; }.concept { display:block; padding:80px 8vw; }.concept-copy { margin-top:30px; }.offer-grid,.proof { grid-template-columns:1fr; }.section-heading { display:block; }.section-heading h2 { margin-top:15px; }.consent { align-items:flex-start; flex-direction:column; gap:14px; }.consent-actions { width:100%; justify-content:flex-end; } }