:root{
  --navy:#171c26;
  --navy2:#242a34;
  --navy3:#303640;
  --orange:#e25827;
  --orange2:#d97832;
  --cream:#f2ece4;
  --cream2:#e9e0d5;
  --paper:#fffdf9;
  --ink:#171c26;
  --body:#1a1a1a;
  --muted:#706b68;
  --line:#ddd3c7;
  --green:#16a34a;
  --white:#fff;
  --shadow:0 16px 45px rgba(23,28,38,.11);
  --shadow2:0 30px 80px rgba(23,28,38,.19);
  --radius:18px;
  --max:1280px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,sans-serif;background:var(--cream);color:var(--body)}
p,li{font-family:Poppins,sans-serif;font-size:18px;line-height:1.8;color:#1a1a1a}
p{margin:0 0 18px}
h1,h2,h3,h4{font-family:Poppins,sans-serif;color:var(--ink);margin:0 0 18px;line-height:1.12}
h2{font-size:clamp(34px,4vw,56px);font-weight:800;letter-spacing:-1.5px}
h3{font-size:21px;font-weight:700}
img{width:100%;display:block;max-width:100%}
audio,video{display:block;width:100%;border-radius:12px}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
.container{max-width:var(--max);margin:auto;padding:0 28px}
.section{padding:108px 0}
.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.kicker:before{content:"";width:28px;height:2px;background:var(--orange)}
.center{text-align:center}
.center p{color:var(--muted)}
.section-head{max-width:820px;margin:0 auto 56px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 29px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:800;transition:.25s ease;cursor:pointer}
.btn-orange{background:linear-gradient(100deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 12px 30px rgba(226,88,39,.25)}
.btn-orange:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(226,88,39,.34)}
.btn-light{background:#fff;color:var(--navy)}
.btn-outline{border-color:var(--orange);color:var(--orange);background:transparent}
.btn-outline:hover{background:var(--orange);color:#fff}

.topline{background:var(--orange);color:#fff;text-align:center;padding:8px 15px;font-size:12px;font-weight:700;letter-spacing:.02em}
.topline span{color:#ffe2d5}
.nav{position:sticky;top:0;z-index:100;background:rgba(23,28,38,.96);backdrop-filter:blur(15px);color:#fff}
.navrow{min-height:78px;display:flex;align-items:center;gap:35px}
.logo{width:160px;flex:0 0 160px;white-space:nowrap}
.logo img{width:160px;filter:invert(1)}
.links{display:flex;justify-content:center;gap:26px;flex:1}
.links a{font-size:13px;color:#fff;font-weight:500}
.links a:hover{color:#ff9b71}
.nav-cta{flex:0 0 auto}
.menu-btn{display:none;border:0;background:none;color:#fff;font-size:27px;cursor:pointer}
.mobile-links{display:none;padding-bottom:18px}
.mobile-links a{display:block;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}

.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding:80px 0 88px}
.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-230px;top:-330px;background:radial-gradient(circle,rgba(226,88,39,.25),transparent 65%)}
.hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;left:-250px;bottom:-300px;background:radial-gradient(circle,rgba(226,88,39,.11),transparent 65%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}
.hero-title{font-size:clamp(43px,5.3vw,72px);font-weight:800;letter-spacing:-2.8px;color:#fff;max-width:750px}
.hero-intro{font-size:19px;line-height:1.8;color:#e9e5df;max-width:680px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 24px;margin:28px 0 30px}
.hero-points span{font-size:13px;color:#eee9e2}
.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.hero-note{margin-top:15px;font-size:12px;color:#aeadab}
.hero-visual{position:relative}
.hero-frame{background:#eee6dc;border-radius:28px;padding:10px;transform:rotate(1deg);box-shadow:var(--shadow2)}
.hero-frame img{border-radius:20px;aspect-ratio:1.22/1;object-fit:cover}
.hero-audio{position:relative;margin:-26px 22px 0;background:#fff;border-radius:18px;padding:17px 18px;box-shadow:0 18px 45px rgba(0,0,0,.22);z-index:2}
.hero-audio strong{display:block;color:var(--navy);font-size:13px;margin-bottom:8px}
.hero-audio audio{height:43px}

.ribbon{background:var(--cream2);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.ribbon-row{min-height:70px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center}
.ribbon-row div{font-size:13px;font-weight:700;color:var(--navy);padding:0 20px;border-right:1px solid var(--line)}
.ribbon-row div:last-child{border:0}.ribbon-row b{color:var(--orange);font-size:18px;margin-right:5px}

.story{background:var(--paper)}
.story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
.story-label{position:sticky;top:125px}
.story-label h2{font-size:clamp(34px,4vw,55px)}
.story-copy p{max-width:760px}
.story-quote{margin:32px 0;padding:25px 0 25px 28px;border-left:3px solid var(--orange);font-size:23px;line-height:1.55;font-weight:600;color:var(--navy)}
.mini-stat{display:flex;align-items:center;gap:14px;margin-top:28px}
.mini-stat strong{font-size:32px;color:var(--orange)}
.mini-stat span{font-size:13px;color:var(--muted)}

.moments{background:var(--cream)}
.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.moment{padding:29px;min-height:230px;transition:.25s ease}
.moment:hover{transform:translateY(-5px);box-shadow:var(--shadow2)}
.moment-num{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:.12em}
.moment-icon{font-size:34px;margin:15px 0}
.moment h3{margin-bottom:10px}.moment p{font-size:15px;color:var(--muted);margin:0}
.moment-foot{max-width:900px;text-align:center;margin:48px auto 0;padding-top:35px;border-top:1px solid var(--line)}
.moment-foot p{color:var(--muted)}

.mechanism{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.mechanism:before{content:"";position:absolute;right:-220px;top:-220px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(226,88,39,.23),transparent 68%)}
.mechanism-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.record{position:relative;display:flex;justify-content:center}
.record img{width:min(520px,90%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.28))}
.record-badge{position:absolute;right:3%;bottom:6%;background:var(--orange);color:#fff;border-radius:16px;padding:18px 20px;box-shadow:var(--shadow2)}
.record-badge strong{display:block;font-size:30px}.record-badge span{font-size:12px}
.mechanism h2,.mechanism h3{color:#fff}.mechanism p{color:#e9e5df}
.checks{list-style:none;padding:0;margin:26px 0}
.checks li{display:flex;gap:12px;margin:9px 0;color:#f1eee9;font-size:16px}
.checks li:before{content:"✓";display:flex;flex:0 0 24px;width:24px;height:24px;align-items:center;justify-content:center;background:rgba(226,88,39,.2);color:#ff9a70;border-radius:50%;font-weight:800;font-size:13px}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}
.stat{padding:20px 10px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px}
.stat strong{display:block;font-size:27px;color:#ff9a70}.stat span{font-size:11px;color:#d5d1cc}

.process{background:var(--cream)}
.process-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:50px}
.process-head>div:last-child{max-width:520px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.process-card{position:relative;background:var(--paper);padding:32px;border:1px solid var(--line);border-radius:22px;min-height:370px}
.process-card:nth-child(2){transform:translateY(24px)}
.process-icon{width:62px;height:62px;object-fit:contain;margin-bottom:22px}
.process-num{font-size:12px;color:var(--orange);font-weight:800;letter-spacing:.12em}
.process-card h3{font-size:24px}.process-card p{font-size:16px;color:var(--muted)}
.process-arrow{position:absolute;width:60px;right:-43px;top:50%;z-index:3}.process-card:last-child .process-arrow{display:none}

.samples{background:var(--paper)}
.samples-top{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:50px}
.samples-top p{color:var(--muted)}
.sample-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sample{padding:25px;position:relative;overflow:hidden}
.sample-index{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.12em}
.sample h3{font-size:21px;margin:8px 0 2px}.sample small{color:var(--orange);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.sample audio{margin:20px 0;height:46px}.sample p{font-size:14px;color:var(--muted);margin:0}
.sample-vinyl{display:flex;justify-content:center;margin-top:35px}.sample-vinyl img{width:130px;opacity:.18}

.deliver{background:var(--cream)}
.deliver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.deliver-card{padding:27px;background:var(--paper);border:1px solid var(--line);border-radius:18px}
.deliver-card:nth-child(4),.deliver-card:nth-child(5),.deliver-card:nth-child(6){background:transparent}
.deliver-icon{font-size:30px;margin-bottom:16px}.deliver-card h3{font-size:19px}.deliver-card p{font-size:15px;color:var(--muted);margin:0}

.urgent{background:var(--orange);color:#fff;padding:68px 0}
.urgent-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}
.urgent h2{color:#fff;font-size:clamp(32px,4vw,48px);max-width:720px}.urgent p{color:#fff0e9;max-width:700px}
.urgent-points{display:flex;flex-wrap:wrap;gap:14px 22px}.urgent-points span{font-size:12px;color:#fff}

.occasions{background:var(--paper)}
.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.occasion{padding:23px;min-height:205px;transition:.2s}
.occasion:hover{transform:translateY(-4px);border-color:#e4a187}
.occasion-icon{font-size:29px}.occasion h3{font-size:18px;margin:13px 0 8px}.occasion p{font-size:14px;color:var(--muted);margin:0}
.occasion-cta{text-align:center;margin-top:40px}

.proof{background:var(--cream)}
.proof-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}
.rating{display:flex;align-items:center;gap:12px}.stars{color:#eea23c;font-size:22px;letter-spacing:2px}.rating strong{font-size:13px}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video{overflow:hidden}.video video{border-radius:0;aspect-ratio:16/10;object-fit:cover;background:#111}
.video-body{padding:19px}.video-title{font-weight:700;font-size:18px}.video-by{font-size:11px;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.quote{padding:25px}.quote .stars{font-size:17px}.quote blockquote{font-size:15px;line-height:1.75;margin:14px 0 20px;color:#333}
.person{display:flex;align-items:center;gap:11px}.person img{width:44px;height:44px;border-radius:50%;object-fit:cover}.person strong{font-size:13px;display:block}.person small{display:block;color:var(--muted);font-size:11px}
.verified{display:flex;align-items:center;gap:4px;color:var(--green);font-size:10px;font-weight:700;margin-top:2px}.verified img{width:13px;height:13px}

.order{background:var(--navy);color:#fff}
.order .section-head h2{color:#fff}.order .section-head p{color:#d9d5cf}
.offer-wrap{max-width:820px;margin:auto}.offer{background:var(--paper);color:var(--body);border-radius:26px;padding:42px;box-shadow:var(--shadow2);display:grid;grid-template-columns:190px 1fr;gap:35px;align-items:center}
.offer-art img{width:180px;height:180px;object-fit:contain}.offer h3{font-size:29px}.offer .checks{margin:18px 0 25px}.offer .checks li{color:#252525;font-size:15px}.offer .checks li:before{background:#eaf8ef;color:var(--green)}
.offer-note{font-size:11px;color:var(--muted);text-align:center;margin:12px 0 0}

.guarantee{background:var(--paper)}
.guarantee-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:330px 1fr;gap:70px;align-items:center}
.seal-area{display:flex;justify-content:center}
.seal{width:275px;height:275px;border-radius:50%;background:conic-gradient(#d97832,#e25827,#f09a6a,#c84d20,#d97832);display:flex;align-items:center;justify-content:center;box-shadow:0 25px 55px rgba(226,88,39,.22);transition:.3s}
.seal:hover{transform:rotate(2deg) scale(1.02)}
.seal-inner{width:245px;height:245px;border-radius:50%;background:var(--navy);border:3px solid #ffae89;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.seal-inner strong{font-size:72px;display:block;line-height:.85}.seal-inner span{font-size:12px;display:block;font-weight:800;letter-spacing:.08em;margin-top:7px}.seal-inner small{display:block;color:#ffad88;margin-top:12px;font-size:10px;font-weight:700}
.guarantee-copy p{color:var(--muted)}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px}.trust div{border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center;font-size:10px;color:var(--muted);font-weight:600}

.doubts{background:var(--cream)}
.doubt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.doubt{padding:23px}.doubt-icon{font-size:28px;margin-bottom:14px}.doubt h3{font-size:17px;line-height:1.35}.doubt p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}

.faq{background:var(--paper)}
.faq-list{max-width:900px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-q{width:100%;border:0;background:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;text-align:left;color:var(--navy);font-size:17px;font-weight:700;cursor:pointer}
.faq-plus{width:29px;height:29px;border-radius:50%;background:var(--cream);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:0 0 29px;font-size:20px;transition:.2s}
.faq-answer{display:none;padding:0 50px 23px 0}.faq-answer p{font-size:15px;color:var(--muted);margin:0}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-plus{transform:rotate(45deg);background:#fff0e9}

.final{background:var(--cream);text-align:center}
.final-inner{max-width:850px;margin:auto}.final-inner h2{font-size:clamp(38px,5vw,60px)}.final-inner p{color:var(--muted)}
.final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}.final-trust{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.final-trust span{font-size:11px;color:var(--muted);font-weight:600}

footer{background:var(--navy);color:#fff;padding:72px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px}.footer-logo{margin-bottom:13px}.footer-logo img{width:155px;filter:invert(1)}
footer h3{color:#fff;font-size:17px}footer p,footer li{font-size:13px;line-height:1.75;color:#c9c5bf}footer ul{list-style:none;padding:0;margin:0}footer li{margin:6px 0}footer a:hover{color:#ff9a70}
.disclaimer{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:24px;color:#aaa59f!important;font-size:11px!important}
.copyright{text-align:center;color:#85817d;font-size:11px;margin-top:20px}

.sticky{position:fixed;z-index:999;bottom:0;left:0;right:0;background:rgba(23,28,38,.97);border-top:3px solid var(--orange);transform:translateY(110%);transition:.3s;padding:9px 18px}.sticky.show{transform:translateY(0)}
.sticky-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.sticky span{font-size:12px;color:#fff;font-weight:600}.sticky .btn{min-height:43px;padding:9px 19px;font-size:12px}

@media(max-width:1100px){
 .links{gap:15px}.hero-grid{gap:45px}.occasion-grid{grid-template-columns:repeat(3,1fr)}.doubt-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:960px){
 .links,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.mobile-links.open{display:block}
 .hero-grid,.mechanism-grid,.story-grid,.samples-top{grid-template-columns:1fr}.hero-visual{max-width:680px;margin:auto}.story-label{position:static}.process-head,.proof-head{display:block}.process-head>div:last-child{margin-top:18px}
 .moment-grid,.sample-list,.deliver-grid,.proof-grid{grid-template-columns:repeat(2,1fr)}.occasion-grid{grid-template-columns:repeat(2,1fr)}
 .process-grid{grid-template-columns:1fr}.process-card:nth-child(2){transform:none}.process-arrow{display:none}
 .stat-row{grid-template-columns:repeat(2,1fr)}.offer{grid-template-columns:1fr;text-align:center}.offer-art{display:flex;justify-content:center}.offer .checks{text-align:left}
 .guarantee-grid{grid-template-columns:1fr;gap:45px}.seal-area{order:1}.guarantee-copy{order:2}.doubt-grid{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
}
@media(max-width:640px){
 .container{padding:0 18px}.section{padding:75px 0}.topline{font-size:10px}.navrow{min-height:67px}.logo,.logo img{width:140px;flex-basis:140px}
 .hero{padding:58px 0 68px}.hero-title{font-size:42px;letter-spacing:-1.5px}.hero-intro{font-size:17px}.hero-actions .btn{width:100%}
 .ribbon-row{grid-template-columns:1fr;min-height:auto}.ribbon-row div{padding:11px;border-right:0;border-bottom:1px solid var(--line)}
 .moment-grid,.sample-list,.deliver-grid,.proof-grid,.occasion-grid,.doubt-grid{grid-template-columns:1fr}.moment{min-height:auto}.story-quote{font-size:20px}
 .stat-row{grid-template-columns:1fr 1fr}.stat{padding:17px 5px}.stat strong{font-size:24px}
 .urgent-grid{grid-template-columns:1fr}.urgent .btn{width:100%}.offer{padding:28px 21px}.offer-art img{width:145px;height:145px}
 .trust{grid-template-columns:1fr 1fr}.final-actions .btn{width:100%}.final-inner h2{font-size:40px}
 .footer-grid{grid-template-columns:1fr;gap:34px}.sticky span{font-size:10px}.sticky .btn{font-size:11px;padding:8px 13px}
}