:root{
  --bg:#0b0b0a;--panel:#141310;--panel2:#1a1813;--text:#f7f3e9;--muted:#aaa393;
  --gold:#d7a947;--gold2:#f0cf7a;--line:rgba(240,207,122,.2);--soft:#17140e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 20% 10%,rgba(215,169,71,.08),transparent 28%),
radial-gradient(circle at 80% 55%,rgba(215,169,71,.05),transparent 30%);z-index:-2}
.noise{position:fixed;inset:0;opacity:.08;pointer-events:none;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.nav{position:fixed;left:50%;top:18px;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px;border:1px solid var(--line);background:rgba(12,12,10,.72);backdrop-filter:blur(16px);border-radius:18px;z-index:100}
.brand{display:flex;align-items:center;gap:10px}
.brand .mark{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1b1811,#0f0e0b)}
.mark svg{width:28px;height:28px;fill:var(--gold)}
.mark .cut{fill:none;stroke:#0b0b0a;stroke-width:2}
.brand strong,.brand span{display:block;line-height:1}.brand strong{font-family:Manrope,sans-serif;font-size:13px;letter-spacing:.12em}.brand span{font-size:9px;letter-spacing:.42em;color:var(--gold2);margin-top:5px}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#d3cdbf}
.desktop-nav a:hover{color:white}
.menu-button{display:none;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 11px}
.button{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#b98226,#f0cd75);color:#171108;font-weight:800;padding:16px 22px;border-radius:12px;box-shadow:0 10px 40px rgba(216,169,71,.16);transition:.25s}
.button:hover{transform:translateY(-2px);box-shadow:0 14px 50px rgba(216,169,71,.25)}
.button.small{padding:10px 15px;font-size:12px}.button.large{padding:18px 28px}
.section{width:min(1180px,calc(100% - 32px));margin:auto;padding:120px 0}
.hero{padding-top:190px;text-align:center;min-height:100vh}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.34em;font-weight:800;color:var(--gold2)}
h1,h2,h3{font-family:Manrope,sans-serif;margin:0}
h1{font-size:clamp(52px,8vw,104px);line-height:.93;letter-spacing:-.055em}
h1 span,h2 span{color:var(--gold2)}
.hero-copy{max-width:790px;margin:32px auto 0;font-size:clamp(17px,2.1vw,23px);line-height:1.55;color:#c4bdaf}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin:34px 0 26px}
.text-link{font-size:14px;color:#c8c0b2}
.platforms{font-size:11px;letter-spacing:.08em;color:#777064;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
.platforms i{width:3px;height:3px;border-radius:50%;background:var(--gold)}
.hero-panel{margin-top:90px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}
.metric{padding:34px;text-align:left;min-height:190px;border-right:1px solid var(--line)}
.metric:last-child{border-right:0}.metric span{color:#746b5b;font-size:11px}.metric b{display:block;margin:35px 0 8px;color:var(--gold2);letter-spacing:.14em}.metric small{color:#9e9687;line-height:1.6}
.section-kicker{text-align:center;margin-bottom:20px}
h2{text-align:center;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.045em}
.lead{max-width:760px;text-align:center;margin:25px auto 0;color:#aaa294;font-size:19px;line-height:1.6}
.problem{padding-bottom:80px}
.smash-stage{min-height:680px;position:relative;margin-top:70px;padding:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,38%);gap:18px 48px;align-items:center;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 45%,rgba(215,169,71,.16),rgba(215,169,71,.025) 40%,transparent 68%),#100f0d;overflow:hidden;--charge:55px}
.bull-wrap{position:relative;grid-column:1;grid-row:1 / 4;width:min(100%,350px);justify-self:center;z-index:2}
.bull{display:block;width:100%;filter:drop-shadow(0 30px 45px rgba(0,0,0,.5))}
.impact-ring{position:absolute;width:90px;height:90px;border:1px solid var(--gold2);border-radius:50%;right:0;top:40%;opacity:0;pointer-events:none}
.problem-card{position:relative;grid-column:2;width:100%;padding:26px;border:1px solid rgba(240,207,122,.22);background:linear-gradient(145deg,#1a1711,#100f0c);border-radius:20px;z-index:4}
.problem-card span{font-size:11px;color:var(--gold);letter-spacing:.18em}.problem-card h3{font-size:24px;margin:12px 0}.problem-card p{color:#9f9788;line-height:1.55;margin:0}
.shard{position:absolute;width:22px;height:15px;background:linear-gradient(135deg,#9b6a20,#e0b759);clip-path:polygon(0 0,100% 25%,35% 100%);left:53%;top:48%;opacity:0;pointer-events:none;z-index:3}
.s1{--x:65px;--y:-100px;--spin:75deg}.s2{--x:110px;--y:-20px;--spin:150deg}.s3{--x:80px;--y:90px;--spin:210deg}.s4{--x:40px;--y:130px;--spin:320deg}.s5{--x:120px;--y:120px;--spin:25deg}
.smash-stage.is-playing .bull-wrap{animation:bull-charge 1.7s cubic-bezier(.2,.75,.2,1)}
@media(min-width:851px){
 .smash-stage.is-playing .problem-card{animation:card-impact 1s .4s ease-out}
 .smash-stage.is-playing .p2{animation-delay:.48s}.smash-stage.is-playing .p3{animation-delay:.56s}
}
.problem-card.is-hit{animation:card-impact 1s ease-out}
.smash-stage.is-playing .impact-ring{animation:ring .7s .4s ease-out}
.smash-stage.is-playing .shard{animation:shatter .85s .4s ease-out}
@keyframes bull-charge{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-12px,-4px) rotate(-3deg)}42%{transform:translate(var(--charge-x,55px),var(--charge-y,0px)) rotate(2deg)}62%{transform:translate(calc(var(--charge-x,55px) * .8),calc(var(--charge-y,0px) * .8)) rotate(1deg)}}
@keyframes card-impact{0%,100%{transform:none;opacity:1}22%{transform:translateX(8px) rotate(1deg);opacity:.8}55%{transform:translateX(-2px) rotate(-.3deg);opacity:1}}
@keyframes ring{0%{transform:scale(.2);opacity:.8}100%{transform:scale(3);opacity:0}}
@keyframes shatter{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:.8}100%{transform:translate(var(--x),var(--y)) rotate(var(--spin));opacity:0}}

.smash-caption{text-align:center;color:#71695c;font-size:12px;letter-spacing:.12em;margin-top:16px}
.shift{padding-top:130px}
.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:55px}
.process-grid article,.case,.honest-card,.faq details{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:20px}
.process-grid article{padding:36px;min-height:220px}
.process-grid em{font-style:normal;color:var(--gold);font-size:12px;letter-spacing:.17em}.process-grid h3{font-size:27px;margin:35px 0 10px}.process-grid p{color:#a7a092;line-height:1.65}
.honest{width:100%;max-width:none;background:linear-gradient(180deg,#15120c,#0b0b0a);padding-left:16px;padding-right:16px}
.honest-card{max-width:950px;margin:55px auto 0;padding:55px}.honest-card p{font-size:18px;line-height:1.65;color:#bbb3a5}.honest-card h3{font-size:clamp(28px,4vw,44px);line-height:1.15;margin-top:40px}.honest-card h3 span{color:var(--gold2)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}
.case{padding:20px 20px 30px}.case h3{font-size:23px;line-height:1.25;margin:22px 0}.case b{display:block;color:#8a806e;font-size:10px;letter-spacing:.2em;margin-top:18px}.case p{color:#a59d8f;line-height:1.5;margin:6px 0}
.mock-chart,.mock-code,.mock-result{height:220px;border-radius:14px;background:#0b0b0a;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}
.mock-chart:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px}
.mock-chart div{position:absolute;left:10%;bottom:30%;width:80%;height:45%;border-bottom:3px solid var(--gold);transform:skewY(-9deg);box-shadow:0 18px 0 -16px var(--gold2)}
.mock-code{display:flex;flex-direction:column;justify-content:center;padding:28px;gap:18px;font-family:monospace;color:#d4b261}.mock-code span:nth-child(2){padding-left:24px}.mock-code span:nth-child(3){padding-left:48px}
.mock-result{display:grid;place-content:center;text-align:center}.mock-result strong{font-size:40px;letter-spacing:.1em;color:#a98749}.mock-result small{color:#726b60;margin-top:8px}
.proof-note{text-align:center;color:#6e665a;font-size:12px;margin-top:20px}
.dont{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.dont .section-kicker,.dont h2{text-align:left}.dont-list p{padding:18px 0;border-bottom:1px solid var(--line);font-size:18px;color:#aaa294}.dont-list h3{font-size:30px;color:var(--gold2);margin-top:35px}
.faq h2{margin-bottom:45px}.faq details{max-width:920px;margin:12px auto;padding:24px 26px}.faq summary{cursor:pointer;font-weight:700;font-size:17px}.faq details p{color:#aaa294;line-height:1.65;margin-bottom:0}
.apply{padding-bottom:150px}.apply-card{text-align:center;border:1px solid var(--line);border-radius:30px;padding:80px 30px;background:radial-gradient(circle at 50% 0%,rgba(215,169,71,.14),transparent 45%),#12110f}.apply-card p{max-width:720px;margin:25px auto 35px;color:#aca497;font-size:18px;line-height:1.6}.apply-card small{display:block;color:#6f675c;margin-top:20px}
footer{width:min(1180px,calc(100% - 32px));margin:auto;border-top:1px solid var(--line);padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;color:#70695e;font-size:11px}.footer-brand{opacity:.75}footer div:last-child{display:flex;gap:18px}

@media(max-width:850px){
 .desktop-nav{display:none}.menu-button{display:block}
 .hero{padding-top:150px}.hero-actions{flex-direction:column}.hero-panel{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric{border-bottom:1px solid var(--line)}
 .desktop-nav.is-open{display:flex;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:20px;flex-direction:column;align-items:stretch;gap:20px;border:1px solid var(--line);border-radius:18px;background:#100f0d}
 .smash-stage{min-height:0;padding:28px;grid-template-columns:minmax(0,1fr);gap:18px;--charge:24px}
 .bull-wrap{grid-column:1;grid-row:auto;width:260px;max-width:100%;margin:8px auto 24px}
 .problem-card{grid-column:1}
 .shard{left:55%;top:160px}
 .process-grid,.case-grid,.dont{grid-template-columns:1fr}.dont{gap:30px}
 footer{flex-direction:column;align-items:flex-start;gap:20px}
}
@media(max-width:560px){
 .section{padding:90px 0}.hero{padding-top:135px}
 h1{font-size:54px}.hero-panel{grid-template-columns:1fr}.metric{border-right:0}
 .process-grid article{padding:26px}.honest-card{padding:30px 24px}
 .smash-stage{padding:24px 18px}.problem-card{padding:24px}.bull-wrap{width:235px}
}

/* Keep every card readable when scripting or motion is unavailable. */
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .smash-stage .bull-wrap,.smash-stage .problem-card,.smash-stage .impact-ring,.smash-stage .shard{animation:none!important;transform:none!important}
 .smash-stage .problem-card{opacity:1!important}
 .smash-stage .impact-ring,.smash-stage .shard{opacity:0!important}
}