@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800&family=Inter:wght@400;600;700&display=swap');
:root{--ink:#080706;--paper:#efe5d0;--muted:#afa38f;--red:#e42a20;--gold:#e7a62c;--line:#332b21;--panel:#11100e;--display:'Barlow Condensed',Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;max-width:100%;background:radial-gradient(circle at 50% -10%,#34200d 0,#0d0b08 34rem,#080706 70rem);color:var(--paper);font-family:var(--body);overflow-x:hidden}button,a,input{font:inherit}.qa-ribbon{position:relative;z-index:20;padding:.45rem 1rem;text-align:center;background:#c78c1a;color:#140d05;font:800 .7rem/1 var(--body);letter-spacing:.18em}.site-head{height:88px;max-width:1400px;margin:auto;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a2b19}.wordmark{color:inherit;text-decoration:none;display:grid;line-height:.8}.wordmark b{font:900 clamp(2rem,4vw,3rem)/.8 var(--display);letter-spacing:.05em}.wordmark span{font:700 .58rem/1 var(--body);letter-spacing:.35em;color:var(--gold);margin-top:.55rem}.mini-pass{color:var(--paper);text-decoration:none;border:1px solid #7b241d;background:#2b0c09;padding:.7rem 1rem;font:800 .85rem/1 var(--body);letter-spacing:.08em}.mini-pass span{color:var(--red);margin-left:.4rem}
main{max-width:1400px;margin:auto}.hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(1.5rem,5vw,6rem);align-items:center;padding:clamp(3rem,7vw,7rem) clamp(1rem,4vw,4rem);position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d2994310 1px,transparent 1px),linear-gradient(90deg,#d2994310 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:1;min-width:0}.eyebrow{color:var(--gold);font:800 .78rem/1.2 var(--body);letter-spacing:.21em;margin:0 0 1.1rem}.hero h1{font:900 clamp(4.4rem,8.2vw,8.3rem)/.75 var(--display);letter-spacing:-.035em;margin:0;text-transform:uppercase;text-shadow:0 8px 40px #000}.hero h1 em{font-style:normal;color:var(--red)}.hero-deck{max-width:660px;color:#d4c8b7;font:600 clamp(.9rem,1.5vw,1.08rem)/1.6 var(--body);letter-spacing:.05em;display:flex;flex-wrap:wrap;gap:.15rem .45rem}.hero-deck i{font-style:normal;color:var(--red)}.hero-actions,.conversion-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:1rem 1.5rem;border:0;text-decoration:none;cursor:pointer;font:900 1.15rem/1 var(--display);letter-spacing:.065em;transition:transform .18s,box-shadow .18s,background .18s}.cta:hover,.cta:focus-visible{transform:translateY(-2px)}.cta--red{color:#fff;background:linear-gradient(#f33b30,#b80e0a);border:1px solid #ff6b5d;box-shadow:0 0 0 4px #380d09,0 0 28px #e42a2055,inset 0 1px #fff4}.cta--red:hover,.cta--red:focus-visible{box-shadow:0 0 0 4px #380d09,0 0 42px #e42a2088,inset 0 1px #fff4}.cta--outline{color:var(--paper);border:1px solid #68543d;background:#0c0a08}.hero-art{width:100%;margin:0;justify-self:end;max-width:580px;transform:rotate(1deg)}.hero-art img{display:block;width:100%;border:1px solid #4a3120;box-shadow:0 28px 80px #000,0 0 50px #e42a2025}.poster-glow{position:absolute;inset:10% -10%;background:#e42a20;filter:blur(80px);opacity:.16;z-index:-1}.hero-art figcaption{text-align:center;color:#84735d;letter-spacing:.4em;font-size:.65rem;margin-top:1rem}
.sampler{padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,4rem);border-top:1px solid var(--line);background:linear-gradient(180deg,#100e0b,#080706)}.section-head{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:2.2rem}.section-head .eyebrow{grid-column:1/-1}.section-head h2{margin:0;font:900 clamp(3.5rem,7vw,6.7rem)/.8 var(--display);letter-spacing:-.02em}.section-head>p:last-child{max-width:480px;color:var(--muted);text-align:right;margin:0;line-height:1.6}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sample-card{min-height:185px;display:grid;grid-template-columns:70px minmax(0,1fr) 64px;grid-template-rows:1fr auto;gap:0 1rem;padding:1.45rem;background:linear-gradient(135deg,#171410,#0c0b09);border:1px solid #3a3025;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.sample-card:hover{border-color:#816136;transform:translateY(-2px)}.sample-card.is-playing{border-color:var(--red);box-shadow:inset 5px 0 var(--red),0 0 40px #e42a201b}.sample-card:after{content:"";position:absolute;inset:auto -10% -80% 25%;height:150%;background:radial-gradient(ellipse,#e7a62c18,transparent 60%);pointer-events:none}.sample-number{font:900 3.2rem/1 var(--display);color:#403426}.sample-copy small{font:800 .65rem/1 var(--body);letter-spacing:.15em;color:var(--gold)}.sample-copy h3{font:800 clamp(1.6rem,3vw,2.25rem)/1 var(--display);text-transform:uppercase;margin:.55rem 0 .4rem}.sample-copy p{color:var(--muted);font-size:.85rem;line-height:1.45;margin:0}.play{align-self:center;width:60px;height:60px;border-radius:50%;border:1px solid #8d322b;background:#3b100d;color:#fff;cursor:pointer;box-shadow:0 0 20px #e42a202a;font-size:1.15rem}.play:hover,.play:focus-visible{background:var(--red)}.is-playing .play{background:var(--red);animation:pulse 1.7s infinite}.transport{grid-column:2/-1;display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;padding-top:1rem}.transport input{width:100%;accent-color:var(--red)}.transport time{font:700 .68rem/1 var(--body);color:#8c7b66;font-variant-numeric:tabular-nums}.sample-card--kiss{background:linear-gradient(135deg,#1a1208,#0c0b09)}.sample-card--story{background:linear-gradient(135deg,#211208,#0c0b09)}
.proposition{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proposition article{min-height:330px;padding:clamp(2rem,4vw,4rem);position:relative;border-right:1px solid var(--line);background:#0c0b09}.proposition article:last-child{border:0}.proposition article>span{font:900 5rem/1 var(--display);color:#2f281f;position:absolute;right:1.5rem;top:1rem}.proposition h2{position:relative;margin:3.8rem 0 1rem;font:900 clamp(2rem,3.6vw,3.7rem)/.9 var(--display)}.proposition p{position:relative;color:var(--muted);line-height:1.65;max-width:360px}.proposition strong{color:var(--paper)}.proposition .kiss{background:linear-gradient(145deg,#241306,#0c0b09)}.proposition .kiss h2{color:var(--gold);margin-top:1rem}.proposition .kiss h2 b{font-size:.55em}.proposition .channel-kicker{margin:2.8rem 0 0;color:var(--red);font:900 .8rem/1 var(--body);letter-spacing:.13em}.proposition .feature-note{padding-top:.85rem;border-top:1px solid #48341f;font-size:.8rem}.proposition .feature-note b{color:var(--gold);font-size:inherit}
.conversion{min-height:640px;margin:clamp(3rem,7vw,7rem) clamp(1rem,4vw,4rem);padding:clamp(2rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;overflow:hidden;position:relative;border:1px solid #6f201a;background:radial-gradient(circle at 78% 35%,#70221a55,transparent 35%),linear-gradient(120deg,#21110c,#0b0908 58%);box-shadow:0 0 70px #e42a2015}.conversion:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 18px,#fff 19px 20px);opacity:.018}.conversion-copy{position:relative;z-index:2}.conversion h2{font:900 clamp(4rem,8vw,8rem)/.76 var(--display);margin:0}.conversion h2 em{font-style:normal;color:var(--red)}.conversion p:not(.eyebrow){color:var(--muted)}.conversion .two-channel-value{max-width:610px;font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.65}.conversion .two-channel-value strong{color:var(--paper);font:900 1.15em/1 var(--body);letter-spacing:.08em}.cta--large{font-size:clamp(1.2rem,2vw,1.7rem);min-height:70px;padding-inline:2rem}.conversion>img{width:min(100%,450px);align-self:end;justify-self:end;margin-bottom:-6rem;filter:drop-shadow(0 10px 35px #000)}
footer{max-width:1400px;margin:auto;padding:2.5rem clamp(1rem,4vw,4rem);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;border-top:1px solid var(--line);color:#726653}footer b{font:900 2rem/1 var(--display);color:var(--paper)}footer span{font-size:.65rem;letter-spacing:.2em}footer small{text-align:right;font-size:.65rem}
@keyframes pulse{50%{box-shadow:0 0 32px #e42a2088}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:850px){.site-head{height:72px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:4rem}.hero-art{justify-self:center;max-width:520px}.section-head{display:block}.section-head>p:last-child{text-align:left;margin-top:1rem}.sample-grid{grid-template-columns:1fr}.proposition{grid-template-columns:1fr}.proposition article{min-height:250px;border-right:0;border-bottom:1px solid var(--line)}.conversion{grid-template-columns:1fr;padding-bottom:0}.conversion>img{max-width:330px;margin:1rem auto -3rem;justify-self:center}.conversion-actions{align-items:stretch;flex-direction:column}.conversion-actions .cta{width:100%}footer{grid-template-columns:1fr;text-align:center}footer small{text-align:center}}
@media(max-width:520px){.qa-ribbon{font-size:.56rem}.site-head{padding-inline:1rem}.mini-pass{display:none}.hero{padding:3.5rem 1rem}.hero h1{font-size:clamp(3.35rem,17vw,4.85rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .cta{width:100%}.hero-deck{font-size:.78rem;letter-spacing:.015em;line-height:1.85}.hero-deck i{padding:0 .18rem}.hero-art{width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);justify-self:start;transform:none}.sampler{padding:4rem 1rem}.sample-card{grid-template-columns:46px minmax(0,1fr) 50px;padding:1.1rem;gap:0 .65rem}.sample-number{font-size:2.3rem}.play{width:48px;height:48px}.transport{grid-column:1/-1}.proposition article{padding:2rem 1.2rem}.conversion{margin:2rem 1rem;padding:3rem 1.2rem 0}.conversion h2{font-size:clamp(3.7rem,17vw,5rem)}}