:root{
  --ink:#111111; --gold:#F5C518; --grey:#6B6B6B; --line:#DDDDDD; --panel:#FAFAFA; --white:#FFFFFF;
  --serif:Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:var(--white);line-height:1.6;font-size:17px;padding-bottom:76px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
section{padding:72px 0;scroll-margin-top:16px}
.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h1,h2,.num{font-family:var(--serif);font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(38px,9.4vw,68px);line-height:1.05}
h2{font-size:clamp(30px,6.4vw,46px);line-height:1.1;margin-bottom:14px}
h3{font-size:20px;line-height:1.3}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-bottom:14px}
.lede{color:var(--grey);font-size:18px;max-width:640px}
.head{margin-bottom:40px}
.gold{color:var(--gold)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:10px;font-weight:700;font-size:17px;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,background .15s ease}
.btn:active{transform:scale(.98)}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:#ffd43a}
.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{border-color:#fff}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:#2a2a2a}

/* Hero */
.hero{background:var(--ink);color:#fff;padding:0 0 64px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;margin-bottom:36px}
.nav img{height:46px;width:auto;border-radius:4px}
.nav .btn{min-height:42px;padding:0 18px;font-size:15px}
.hero-grid{display:grid;gap:44px;align-items:center}
.hero .eyebrow{color:var(--gold)}
.hero p.sub{font-size:19px;color:#CFCFCF;margin-top:20px;max-width:560px}
.trust{margin-top:14px;font-size:18px;font-weight:700;color:#fff}
.founder{display:flex;align-items:center;gap:12px;margin-top:18px;color:#CFCFCF;font-size:15.5px}
.founder img{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold);object-fit:cover}
.founder b{color:#fff}
.proofline{margin-top:22px;padding-left:14px;border-left:3px solid var(--gold);font-weight:600;font-size:17px;color:#fff;max-width:520px}
.cta-row{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.hero-card{border:1px solid #2E2E2E;border-radius:18px;background:#181818;padding:26px}
.hero-card .who{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#9A9A9A;font-weight:700}
.hero-card .big{font-family:var(--serif);font-size:clamp(54px,14vw,80px);line-height:1;color:var(--gold);margin:14px 0 6px;font-weight:700}
.hero-card .cap{color:#CFCFCF;font-size:16px}
.hero-card .row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.hero-card .cell{background:#202020;border:1px solid #2E2E2E;border-radius:12px;padding:14px 10px;text-align:center}
.hero-card .cell b{font-family:var(--serif);font-size:28px;display:block;line-height:1.1}
.hero-card .cell span{font-size:12.5px;color:#9A9A9A}

/* Proof strip */
.strip{padding:44px 0;border-bottom:1px solid var(--line)}
.strip-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 16px}
.strip .num{font-size:clamp(34px,9vw,54px);line-height:1}
.strip .lab{color:var(--grey);font-size:14.5px;margin-top:8px;line-height:1.4}

/* Channels */
.channels{padding:26px 0 24px;border-bottom:1px solid var(--line);background:var(--panel);overflow:hidden}
.channels .eyebrow{margin-bottom:16px}
.marquee{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee .track{display:flex;width:max-content;animation:marquee 160s linear infinite}
.marquee:hover .track,.marquee.paused .track{animation-play-state:paused}
.marquee ul{list-style:none;display:flex;flex:0 0 auto}
.marquee li{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding-right:34px;font-size:14.5px;font-weight:600;color:#444;white-space:nowrap}
.marquee img{width:56px;height:56px;border-radius:50%;object-fit:cover;filter:grayscale(1);transition:filter .4s ease}
.marquee li.on img{filter:none}
@media (hover:hover){.marquee li:hover img{filter:none}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}.marquee .track{animation:none}.marquee ul[aria-hidden]{display:none}}

/* Funnel */
.case-grid{display:grid;gap:36px;align-items:start}
.funnel{display:flex;flex-direction:column;align-items:center;gap:8px}
.fstep{border-radius:12px;padding:16px 12px;text-align:center;background:#FBE38A;min-width:150px}
.fstep b{font-family:var(--serif);font-size:clamp(30px,8vw,42px);line-height:1;display:block}
.fstep span{font-size:14px;font-weight:600;display:block;margin-top:5px;line-height:1.3}
.fstep:nth-child(1){width:100%;background:#FDF0BD}
.fstep:nth-child(2){width:82%;background:#FBE38A}
.fstep:nth-child(3){width:64%;background:var(--gold)}
.fstep:nth-child(4){width:50%;background:var(--ink);color:#fff}
.fstep:nth-child(4) b{color:var(--gold)}
.funnel-note{color:var(--grey);font-size:15px;text-align:center;margin-top:14px}
.video{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--ink);border:1px solid var(--line)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-cap{font-size:14.5px;color:var(--grey);margin-top:10px}
.facts{list-style:none;margin-top:22px;display:grid;gap:10px}
.facts li{padding-left:26px;position:relative}
.facts li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;background:var(--gold);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}

.facade{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}
.facade img{width:100%;height:100%;object-fit:cover}
.facade .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--gold);box-shadow:0 6px 24px rgba(0,0,0,.4);transition:transform .15s ease}
.facade .play::after{content:"";position:absolute;left:30px;top:22px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--ink)}
.facade:hover .play{transform:scale(1.07)}
.video.yt{aspect-ratio:16/9}
.vid-testimonial{margin:0 0 28px;max-width:860px}
.vid-testimonial figcaption{font-weight:700;font-size:16px;margin-top:12px}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:16px}
.lb-frame{position:relative;width:min(1000px,100%);aspect-ratio:16/10;background:#000;border-radius:12px;overflow:hidden}
.lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lb-close{position:absolute;top:10px;right:12px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.lb-close:hover{background:rgba(255,255,255,.28)}

/* Mini case studies */
.minis{display:grid;gap:18px;margin-top:20px}
.ba{display:flex;align-items:stretch;gap:8px;margin-top:12px}
.ba-step{flex:1;border-radius:12px;padding:14px 12px;text-align:center;background:#FDF0BD;min-width:0}
.ba-step .tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.ba-step b{display:block;font-family:var(--serif);font-size:clamp(26px,7vw,36px);line-height:1.1;margin:4px 0 2px}
.ba-step span:last-child{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.ba-step.after{background:var(--ink);color:#fff;flex:1.25}
.ba-step.after b{color:var(--gold)}
.ba-arrow{display:flex;align-items:center;font-size:22px;color:var(--grey)}
.mini .facts{margin-top:16px;font-size:16px}

/* Timeline */
.timeline{list-style:none;display:grid;gap:0;counter-reset:tl}
.timeline li{position:relative;padding:0 0 28px 44px;counter-increment:tl}
.timeline li::before{content:counter(tl);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;z-index:1}
.timeline li::after{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--line)}
.timeline li:last-child{padding-bottom:0}
.timeline li:last-child::after{display:none}
.timeline .when{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin-bottom:4px}
.timeline p{color:var(--grey);font-size:16px;margin-top:6px}
.tl-note{margin-top:30px;font-weight:700;padding-left:14px;border-left:3px solid var(--gold)}
.subhead{font-family:var(--serif);font-size:26px;margin:0 0 18px}
.results + .subhead{margin-top:48px}

/* Screenshot figures */
.shot{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.shot a{display:block}
.shot img{width:100%}
.shot figcaption{font-size:13.5px;font-weight:600;padding:11px 14px;border-top:1px solid var(--line);color:var(--ink);line-height:1.4}
.receipts{display:grid;gap:16px;margin-top:20px;align-items:start}
.receipts-title{font-size:20px;margin-top:56px}

/* System */
.cards{display:grid;gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.card .n{font-family:var(--serif);font-size:34px;color:var(--gold);font-weight:700;line-height:1;-webkit-text-stroke:.6px #B8930A}
.card h3{margin:14px 0 8px}
.card p{color:var(--grey);font-size:16px}
.you{margin-top:22px;font-weight:600}

/* Results */
.results{display:grid;gap:18px}
.result{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.result .body{padding:22px 22px 20px}
.result .who{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
.result .num{font-size:44px;line-height:1.05;margin:8px 0 2px}
.result .what{font-weight:600}
.result p{color:var(--grey);font-size:15.5px;margin-top:8px}
.result .pic{display:block;position:relative;flex:1 0 auto;margin-top:auto;aspect-ratio:4/3;background:var(--ink);border-top:1px solid var(--line);overflow:hidden}
.result .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.result .pic.bottom img{object-position:0 80%}
.result .pic.contain{background:#fff;aspect-ratio:auto;flex:0 0 auto}
.result .pic.contain img{position:static;height:auto}
.result .pic.contain.dark{background:#000}
.result .chan{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#444;margin-bottom:6px}
.result .chan img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.result.compact{background:var(--panel)}
.result.compact .body{padding-bottom:24px}

/* Wall */
.wall{column-count:2;column-gap:12px}
.wall .shot{break-inside:avoid;margin-bottom:12px;border-radius:12px}
.wall .shot figcaption{font-size:12.5px;padding:9px 11px}
.wall-rest{margin-top:0}
.wall-more{display:flex;justify-content:center;margin-top:20px}
.wall-more button{font:inherit;cursor:pointer}
[hidden]{display:none!important}
.quotes{display:grid;gap:14px;margin-bottom:28px}
.quote{margin:0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:24px 22px;display:flex;flex-direction:column}
.quote blockquote{font-family:var(--serif);font-size:19px;line-height:1.5}
.quote:not(.big) blockquote{font-size:22px;line-height:1.4}
.quote figcaption{margin-top:auto;padding-top:18px;font-weight:700;font-size:15px}
.quote figcaption::after{content:", client";font-weight:400;color:var(--grey)}
.shot.email a{display:flex;justify-content:center;padding:18px 0}
.shot.email img{width:284px;max-width:80%}

/* Fit */
.fit{display:grid;gap:16px}
.fit .card h3{margin-top:0;font-size:22px}
.fit ul{list-style:none;margin-top:14px;display:grid;gap:12px}
.fit li{padding-left:30px;position:relative;font-size:16.5px}
.fit li::before{position:absolute;left:0;top:0;font-weight:800}
.fit .yes{border-color:var(--ink);border-width:2px}
.fit .yes li::before{content:"\2713";color:#0A7A3B}
.fit .no li::before{content:"\2715";color:var(--grey)}
.fit .no{background:var(--panel)}

/* How we work */
.how{display:grid;gap:28px;align-items:center}
.how .panel{background:var(--ink);color:#fff;border-radius:18px;padding:32px 26px}
.how .panel .num{font-size:clamp(30px,7vw,40px);line-height:1.15}
.how .panel p{color:#CFCFCF;margin-top:14px}
.how p + p{margin-top:14px}

/* About */
.about{display:grid;gap:36px;align-items:start}
.about p{margin-top:14px;color:#333}
.about .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.about .stats div{border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;background:#fff}
.about .stats b{font-family:var(--serif);font-size:21px;display:block;line-height:1.1}
.about .stats span{font-size:12.5px;color:var(--grey);line-height:1.3;display:block;margin-top:4px}
.photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.photos .shot:first-child{grid-column:span 2}
.photos .shot img{aspect-ratio:1/1;object-fit:cover;object-position:top}
.photos .shot:first-child img{aspect-ratio:auto}

/* FAQ */
.faq{max-width:760px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:700;font-size:18px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:var(--grey)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 22px;color:#333;max-width:640px}

/* Booking */
.book{background:var(--ink);color:#fff;border:0}
.book .lede{color:#CFCFCF}
.book .eyebrow{color:var(--gold)}
.cal{margin-top:34px;background:#fff;border-radius:16px;overflow:hidden;min-height:1000px}
.cal .calendly-inline-widget{min-width:300px;height:1000px}
.cal-fallback{margin-top:16px;font-size:15px;color:#CFCFCF}
.cal-fallback a{color:var(--gold)}
footer{background:var(--ink);color:#8A8A8A;font-size:13.5px;padding:8px 0 40px;border-top:1px solid #2A2A2A}
footer .wrap{display:grid;gap:14px;padding-top:28px}
footer img{height:40px;width:auto;border-radius:4px}
footer a{color:#CFCFCF}
[hidden]{display:none!important}
.legal{max-width:720px}
.legal h2{font-size:24px;margin:34px 0 8px}
.legal p,.legal li{color:#333;margin-top:10px}
.legal ul{padding-left:22px}
.legal a{color:var(--ink);font-weight:600}
.page-head{background:var(--ink);color:#fff;padding-bottom:44px}
.page-head .nav{margin-bottom:28px}

/* Sticky mobile CTA */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(17,17,17,.96);border-top:1px solid #2E2E2E;transition:transform .25s ease}
.sticky.hide{transform:translateY(110%)}
.sticky .btn{width:100%;min-height:52px}

@media (min-width:640px){
  .cta-row{flex-direction:row}
  .receipts{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr 1fr}
  .results{grid-template-columns:1fr 1fr}
  .wall{column-count:3;column-gap:14px}
  .fit{grid-template-columns:1fr 1fr}
}
@media (min-width:960px){
  body{padding-bottom:0;font-size:18px}
  .sticky{display:none}
  section{padding:112px 0}
  .head{margin-bottom:56px}
  .hero{padding-bottom:104px}
  .nav{margin-bottom:64px}
  .hero-grid{grid-template-columns:1.25fr .9fr;gap:64px}
  .hero-card{padding:34px}
  .strip{padding:64px 0}
  .strip-grid{grid-template-columns:repeat(4,1fr);gap:24px}
  .case-grid{grid-template-columns:.85fr 1.15fr;gap:56px}
  .receipts{grid-template-columns:repeat(4,1fr)}
  .receipts .wide{grid-column:span 2}
  .cards{grid-template-columns:repeat(4,1fr)}
  .results{grid-template-columns:repeat(6,1fr)}
  .result{grid-column:span 2}
  .result.w4{grid-column:span 4}
  .result.w6{grid-column:span 6}
  .result.olast{order:9}
  .result.o1{order:-2}
  .result.o2{order:-1}
  .minis .result{grid-column:auto}
  .result.w3{grid-column:span 3}
  .result.h2{grid-row:span 2}
  .wall{column-count:4;column-gap:16px}
  .wall .shot{margin-bottom:16px}
  .quotes{grid-template-columns:1.7fr 1fr 1fr;gap:16px;margin-bottom:36px}
  .cal{min-height:720px}
  .cal .calendly-inline-widget{height:720px}
  .minis{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:repeat(4,1fr);gap:28px}
  .timeline li{padding:44px 0 0}
  .timeline li::after{left:30px;right:-28px;top:14px;bottom:auto;width:auto;height:2px}
  .how{grid-template-columns:1fr 1fr;gap:64px}
  .how .panel{padding:44px}
  .about{grid-template-columns:1fr 1fr;gap:64px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sticky,.btn{transition:none}}