/* aartec design system */
:root{
  --paper:#FBF7F1;
  --paper-2:#F3EBDF;
  --paper-3:#EADFCF;
  --ink:#1F1416;
  --muted:#53464A;
  --line:rgba(31,20,22,.12);
  --red:#9E1B2A;
  --red-2:#B3283A;
  --red-deep:#5C0D17;
  --red-ink:#2E070C;
  --gold:#D3A557;
  --gold-soft:rgba(211,165,87,.35);
  --wa:#25D366;
  --serif:'Fraunces', Georgia, 'Times New Roman', serif;
  --sans:'Inter', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --max:1200px;
  --r:22px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}
[id]{scroll-margin-top:96px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.narrow{max-width:780px;margin:0 auto}
section{padding:128px 0;position:relative}

h1,h2,h3,.display{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.02;font-variation-settings:"opsz" 144,"SOFT" 50}
h1{font-size:clamp(3rem,8vw,7.2rem)}
h2{font-size:clamp(2.3rem,5vw,4.4rem)}
h3{font-size:1.55rem;line-height:1.15;letter-spacing:-.01em;font-variation-settings:"opsz" 48}
em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
p{max-width:62ch}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}

.lead{font-size:clamp(1.12rem,1.6vw,1.32rem);line-height:1.6;color:var(--muted)}
.on-red{background:var(--red-deep);color:var(--paper)}
.on-red h1,.on-red h2,.on-red h3{color:var(--paper)}
.on-red .eyebrow{color:var(--gold)}
.on-red .lead{color:rgba(251,247,241,.88)}
.on-sand{background:var(--paper-2)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:600;font-size:1rem;padding:17px 28px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 10px 30px -12px rgba(158,27,42,.7)}
.btn-red:hover{background:var(--red-2)}
.btn-paper{background:var(--paper);color:var(--red-ink)}
.btn-paper:hover{background:#fff}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.on-red .btn-ghost{color:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(251,247,241,.35)}
.on-red .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--paper)}
.btn-wa{background:var(--wa);color:#fff}
.arrow{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;color:inherit}
.arrow::after{content:"→";transition:transform .25s var(--ease)}
.arrow:hover::after{transform:translateX(5px)}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px}
.nav.scrolled{background:rgba(251,247,241,.88);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);box-shadow:0 1px 0 var(--line)}
.logo{font-family:var(--serif);font-size:1.85rem;letter-spacing:-.03em;text-decoration:none;color:var(--ink);font-variation-settings:"opsz" 144,"SOFT" 100;line-height:1}
.logo i{font-style:normal;color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:34px;font-size:.95rem;font-weight:500}
.nav-links a{text-decoration:none;position:relative}
.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:not(.btn):hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav .btn{padding:12px 20px;font-size:.92rem}
.nav.dark:not(.scrolled):not(.open) .logo,.nav.dark:not(.scrolled):not(.open) .nav-links a:not(.btn){color:var(--paper)}
.nav.dark:not(.scrolled):not(.open) .nav-links a:not(.btn)::after{background:var(--gold)}
.nav.dark:not(.scrolled):not(.open) .btn-red{background:var(--paper);color:var(--red-ink);box-shadow:none}
.menu-short{display:none}
@media (max-width:980px){.nav-links a.long{display:none}.menu-short{display:inline}}
@media (max-width:640px){.nav-links{gap:18px}.nav-links .hide-sm{display:none}.nav .btn{padding:11px 16px}}
/* Mobile menu */
.burger{display:none;width:46px;height:46px;border:0;border-radius:50%;background:transparent;cursor:pointer;position:relative;color:var(--ink);flex:none}
.burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor}
.burger span:first-child{top:18px}.burger span:last-child{top:26px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.nav.dark:not(.scrolled):not(.open) .burger{color:var(--paper)}
.mnav{position:fixed;top:84px;left:0;right:0;height:calc(100vh - 84px);height:calc(100dvh - 84px);background:var(--paper);overflow-y:auto;padding:12px 0 40px}
.mnav[hidden]{display:none}
.mnav .wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;gap:0}
.mnav .wrap > a{font-family:var(--serif);font-size:1.7rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none;padding:16px 0;border-bottom:1px solid var(--line)}
.mnav .wrap > a.active{color:var(--red)}
.mnav-contact{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.mnav-contact .btn{justify-content:center;color:var(--ink);width:100%}
.mnav-contact .btn-wa{color:#fff}
.nav.open{background:var(--paper);box-shadow:0 1px 0 var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
.nav.open .btn{transition:none}
.nav.open .logo{color:var(--ink)}
html.menu-open{overflow:hidden}
html.menu-open .float-wa{display:none}
@media (max-width:980px){.burger{display:block}.nav-links a.menu-short{display:none}}
@media (max-width:420px){.nav .btn-red span{display:none}.nav .btn-red{padding:11px 13px}}

/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.marquee-track{animation:none!important}}

/* ---------- HOME ---------- */
.home-hero{padding:170px 0 0;text-align:center}
.home-hero > .wrap > .eyebrow{justify-content:center}

.home-hero h1{margin:28px auto 30px;max-width:13ch}
.home-hero h1 em{color:var(--red)}
.home-hero .lead{margin:0 auto}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:88px;border-radius:32px 32px 0 0;overflow:hidden}
.door-panel{position:relative;min-height:620px;padding:56px 52px 52px;display:flex;flex-direction:column;text-align:left;text-decoration:none;overflow:hidden;isolation:isolate}
.door-panel h2{font-size:clamp(2rem,3.4vw,3rem);margin:18px 0 16px;max-width:14ch}
.door-panel p{color:var(--muted);max-width:40ch}
.door-panel .arrow{margin-top:26px;color:var(--red)}
.door-panel .visual{margin-top:auto;padding-top:40px;display:flex;justify-content:center;align-items:flex-end;min-height:280px}
.panel-book{background:var(--paper-2)}
.panel-door{background:var(--red-deep);color:var(--paper)}
.panel-door p{color:rgba(251,247,241,.75)}
.panel-door .eyebrow,.panel-door .arrow{color:var(--gold)}
.door-panel .num{position:absolute;right:40px;top:30px;font-family:var(--serif);font-size:8rem;line-height:1;opacity:.07;font-variation-settings:"opsz" 144}
.door-panel:hover .fan .b2{transform:rotate(-14deg) translate(-58px,-6px)}
.door-panel:hover .fan .b3{transform:rotate(12deg) translate(58px,-4px)}
.door-panel:hover .office .light{opacity:1}

/* fan of real covers */
.fan{position:relative;width:250px;height:330px}
.fan img{position:absolute;bottom:0;left:50%;width:200px;height:290px;object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:0 30px 50px -20px rgba(46,7,12,.55),0 2px 0 rgba(255,255,255,.4) inset;transition:transform .6s var(--ease)}
.fan .b1{transform:translateX(-50%);z-index:3}
.fan .b2{transform:translateX(-50%) rotate(-9deg) translate(-40px,0);z-index:1;filter:brightness(.92)}
.fan .b3{transform:translateX(-50%) rotate(8deg) translate(40px,0);z-index:2;filter:brightness(.95)}
.fan .b2{left:50%;margin-left:0}
.fan img.b2,.fan img.b3{}
.fan .b2{transform:rotate(-9deg) translate(-150px,0)}
.fan .b3{transform:rotate(8deg) translate(-50px,0)}
.fan .b1{transform:translateX(-100px)}
.door-panel:hover .fan .b2{transform:rotate(-13deg) translate(-178px,-6px)}
.door-panel:hover .fan .b3{transform:rotate(12deg) translate(-24px,-6px)}

/* office door illustration */
.office{position:relative;width:300px;height:330px}
.office .wall{position:absolute;inset:0;border-radius:6px 6px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0))}
.office .frame{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:190px;height:300px;border:10px solid #3E0911;border-bottom:0;border-radius:4px 4px 0 0;background:#2A060B;box-shadow:0 40px 60px -30px rgba(0,0,0,.6)}
.office .slab{position:absolute;inset:0;background:linear-gradient(160deg,#8E1E2D 0%,#6E1220 60%,#5A0D18 100%)}
.office .slab::before,.office .slab::after{content:"";position:absolute;left:18px;right:18px;border:1.5px solid rgba(0,0,0,.18);border-radius:3px}
.office .slab::before{top:22px;height:104px}
.office .slab::after{top:146px;bottom:22px}
.office .plate{position:absolute;left:50%;top:58px;transform:translateX(-50%);background:linear-gradient(180deg,#E9C47C,#B98A3E);color:#3A2408;font-family:var(--serif);font-size:.82rem;padding:7px 12px;border-radius:3px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.35);text-align:center;line-height:1.2}
.office .plate small{display:block;font-family:var(--sans);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-top:2px}
.office .knob{position:absolute;right:20px;top:150px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F3D48F,#A87A2E);box-shadow:0 2px 4px rgba(0,0,0,.4)}
.office .light{position:absolute;left:0;right:0;bottom:-2px;height:6px;background:linear-gradient(90deg,transparent,#FFE3A3,transparent);filter:blur(3px);opacity:.75;transition:opacity .5s var(--ease)}
.office .tag{position:absolute;font-size:.72rem;font-weight:600;letter-spacing:.04em;background:var(--paper);color:var(--red-ink);padding:6px 12px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);white-space:nowrap}
.office .t1{left:-6px;top:70px;transform:rotate(-4deg)}
.office .t2{right:-10px;top:140px;transform:rotate(3deg)}
.office .t3{left:6px;bottom:40px;transform:rotate(2deg);background:var(--gold);color:var(--red-ink)}

/* marquee */
.marquee{background:var(--red);color:var(--paper);padding:26px 0;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;gap:56px;animation:marq 60s linear infinite;font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,1.9rem);font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100}
.marquee-track span{display:inline-flex;align-items:center;gap:56px}
.marquee-track span::after{content:"✦";font-style:normal;color:var(--gold);font-size:.8em}
@keyframes marq{to{transform:translateX(-50%)}}

/* two truths */
.truths{display:grid;grid-template-columns:1fr 1fr;gap:88px}
.truth .k{font-family:var(--serif);font-size:1rem;color:var(--red);font-style:italic;margin-bottom:18px;display:block}
.truth h2{font-size:clamp(2.1rem,3.8vw,3.4rem);margin-bottom:24px}
.truth p{color:var(--muted);font-size:1.08rem}
.truth p + p{margin-top:16px}
.truth .arrow{margin-top:28px;color:var(--red)}

/* steps */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px;counter-reset:st}
.step{padding:40px 34px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);position:relative}
.on-sand .step{background:#fff;border-color:transparent;box-shadow:0 20px 50px -35px rgba(46,7,12,.35)}
.on-red .step{background:rgba(255,255,255,.04);border-color:rgba(251,247,241,.12)}
.step::before{counter-increment:st;content:counter(st,decimal-leading-zero);font-family:var(--serif);font-size:3.4rem;line-height:1;color:var(--red);opacity:.9;display:block;margin-bottom:26px;font-variation-settings:"opsz" 144}
.on-red .step::before{color:var(--gold)}
.step h3{margin-bottom:12px}
.step p{color:var(--muted);font-size:1rem}
.on-red .step p{color:rgba(251,247,241,.72)}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;flex-wrap:wrap}
.head-row .lead{max-width:44ch}

/* proof band */
.proof-band{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.covers-row{display:flex;gap:18px;align-items:flex-end}
.covers-row img{width:24%;aspect-ratio:2/3;object-fit:cover;border-radius:3px 7px 7px 3px;box-shadow:0 24px 40px -22px rgba(46,7,12,.6);transition:transform .5s var(--ease)}
.covers-row img:nth-child(even){transform:translateY(-18px)}
.covers-row img:hover{transform:translateY(-26px)}
.venture-list{list-style:none;border-top:1px solid var(--line)}
.venture-list li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.venture-list b{font-family:var(--serif);font-weight:400;font-size:1.7rem;letter-spacing:-.01em}
.venture-list span{color:var(--muted);font-size:.92rem;text-align:right;max-width:28ch}

/* final cta */
.final{text-align:center;padding:150px 0}
.final h2{max-width:16ch;margin:22px auto 24px;font-size:clamp(2.6rem,6vw,5.2rem)}
.final h2 em{color:var(--gold)}
.final .lead{margin:0 auto 40px}
.final .eyebrow{justify-content:center}
.final .actions{justify-content:center}
.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.final .small{margin:22px auto 0;color:rgba(251,247,241,.6);font-size:.92rem}
.final .small a{color:var(--paper)}

/* ---------- INNER PAGE HERO ---------- */
.page-hero{padding:180px 0 110px;overflow:hidden}
.page-hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.page-hero h1{font-size:clamp(3rem,7vw,6.2rem);margin:26px 0 30px;max-width:11ch}
.page-hero h1 em{color:var(--red)}
.page-hero.on-red h1 em{color:var(--gold)}
.page-hero .lead{margin-bottom:40px}
.page-hero .grid > *{min-width:0}
.page-hero .visual{display:flex;justify-content:center;max-width:100%}
.page-hero .fan{transform:scale(1.2);transform-origin:bottom center}
.page-hero .office{transform:scale(1.25);transform-origin:bottom center}

/* prose */
.prose p{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.45;letter-spacing:-.01em;color:var(--ink);max-width:none;font-variation-settings:"opsz" 48}
.prose p + p{margin-top:26px}
.prose p.muted{color:var(--muted)}
.prose .drop::first-letter{float:left;font-size:3.05em;line-height:.85;padding:6px 12px 0 0;color:var(--red);font-variation-settings:"opsz" 144}
.on-red .prose p{color:var(--paper)}
.on-red .prose p.muted{color:rgba(251,247,241,.7)}
.turn{font-family:var(--serif);font-style:italic;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;color:var(--red);margin-top:56px;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.on-red .turn{color:var(--gold)}

/* stories */
.stories{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:64px}
.story{background:#fff;border-radius:var(--r);padding:44px 40px;position:relative;overflow:hidden;box-shadow:0 20px 50px -38px rgba(46,7,12,.45)}
.story .tag{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:600}
.story h3{font-size:2rem;margin:14px 0 14px}
.story p{color:var(--muted)}
.story .q{position:absolute;right:28px;top:6px;font-family:var(--serif);font-size:7rem;color:var(--red);opacity:.08;line-height:1}
.story.feature{background:var(--red-deep);color:var(--paper)}
.story.feature .tag{color:var(--gold)}
.story.feature h3{color:var(--paper)}
.story.feature p{color:rgba(251,247,241,.86)}
.story.feature .q{color:var(--gold);opacity:.18}
.note{margin-top:28px;color:var(--muted);font-size:.9rem;text-align:center}

/* big quote */
.bigquote{text-align:center;padding:140px 0}
.bigquote blockquote{font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.02em;max-width:18ch;margin:0 auto;font-variation-settings:"opsz" 144,"SOFT" 80}
.bigquote blockquote em{color:var(--gold)}

/* timeline */
.timeline{margin-top:72px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.timeline div{padding:28px 24px 0 0;position:relative}
.timeline div::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px var(--paper)}
.on-sand .timeline div::before{box-shadow:0 0 0 5px var(--paper-2)}
.timeline small{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600}
.timeline b{display:block;font-family:var(--serif);font-weight:400;font-size:1.35rem;margin:8px 0 6px}
.timeline p{color:var(--muted);font-size:.95rem}

/* shelf */
.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 32px;margin-top:56px}
.book{text-decoration:none;color:inherit;display:block}
.book .cover{aspect-ratio:2/3;border-radius:3px 9px 9px 3px;overflow:hidden;background:var(--paper-3);box-shadow:0 30px 50px -28px rgba(46,7,12,.6);position:relative;transition:transform .5s var(--ease)}
.book .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18) 0,rgba(255,255,255,.12) 3%,transparent 7%)}
.book:hover .cover{transform:translateY(-8px) rotate(-1deg)}
.book .cover img{width:100%;height:100%;object-fit:cover}
.book .t{font-family:var(--serif);font-size:1.25rem;margin-top:18px;line-height:1.2}
.book .s{color:var(--muted);font-size:.9rem;margin-top:4px}
.book .txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:linear-gradient(160deg,var(--red),var(--red-deep));color:var(--paper);font-family:var(--serif);font-size:1.4rem;line-height:1.15}
.book .txt small{font-family:var(--sans);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:14px}

/* testimonials */
.videos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 30px 60px -40px rgba(46,7,12,.7)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.quote{background:#fff;border-radius:var(--r);padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.quote p{font-family:var(--serif);font-size:1.22rem;line-height:1.4;font-variation-settings:"opsz" 36}
.who{display:flex;align-items:center;gap:14px;font-size:.92rem;color:var(--muted)}
.who b{display:block;color:var(--ink);font-weight:600}
.avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem;flex:none;position:relative}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* confidential */
.conf{text-align:center}
.conf .lock{width:44px;height:44px;color:var(--gold);margin:0 auto 26px}
.conf h2{margin-bottom:22px}
.conf .lead{margin:0 auto}

/* offer */
.offer{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}
.offer h2{margin:22px 0 24px}
.offer p{color:var(--muted);font-size:1.08rem}
.offer p + p{margin-top:16px}
.ticks{list-style:none;margin-top:30px;display:grid;gap:14px}
.ticks li{display:flex;gap:14px;align-items:flex-start}
.ticks li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;margin-top:3px;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.price-card{background:var(--red-deep);color:var(--paper);border-radius:28px;padding:48px 42px;position:relative;overflow:hidden;box-shadow:0 50px 80px -40px rgba(46,7,12,.8)}
.price-card::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(211,165,87,.35),transparent 70%)}
.price-card .eyebrow{color:var(--gold)}
.price-card .amount{font-family:var(--serif);font-size:4.4rem;line-height:1;margin:22px 0 6px;letter-spacing:-.03em;font-variation-settings:"opsz" 144}
.price-card .amount span{font-family:var(--sans);font-size:1rem;letter-spacing:0;color:rgba(251,247,241,.65);margin-left:6px}
.price-card .alt{color:var(--gold);font-weight:500}
.price-card ul{list-style:none;margin:28px 0 34px;border-top:1px solid rgba(251,247,241,.14)}
.price-card li{padding:13px 0;border-bottom:1px solid rgba(251,247,241,.14);color:rgba(251,247,241,.85);font-size:.98rem}
.price-card .btn{width:100%;justify-content:center}
.price-card .fine{margin-top:16px;font-size:.85rem;color:rgba(251,247,241,.55);text-align:center}

/* ventures */
.ventures{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.venture{background:#fff;border-radius:var(--r);padding:34px 30px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.venture:hover{transform:translateY(-6px);box-shadow:0 30px 60px -40px rgba(46,7,12,.55)}
.venture .mono{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-family:var(--serif);font-size:1.6rem;color:var(--paper);background:linear-gradient(150deg,var(--red),var(--red-deep));margin-bottom:26px}
.venture h3{margin-bottom:10px}
.venture p{color:var(--muted);font-size:.95rem}

/* faq */
.faq-list{margin-top:56px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;padding:28px 56px 28px 0;font-family:var(--serif);font-size:1.45rem;line-height:1.25;position:relative;font-variation-settings:"opsz" 36}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--sans);font-size:1.6rem;font-weight:300;color:var(--red);transition:transform .3s var(--ease)}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-list .a{padding:0 56px 30px 0;color:var(--muted)}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.contact-grid h2{margin:22px 0 22px}
.contact-grid .alt{margin-top:20px;color:var(--muted)}
.contact-grid .alt a{color:var(--red);font-weight:600}
.card{background:#fff;border-radius:28px;padding:40px;box-shadow:0 40px 80px -50px rgba(46,7,12,.5)}
.card label{display:block;font-weight:600;margin-bottom:12px}
.card textarea{width:100%;min-height:170px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--paper);font:inherit;resize:vertical;color:var(--ink)}
.card textarea:focus{outline:0;border-color:var(--red)}
.card .btn{width:100%;justify-content:center;margin-top:18px}
.card .fine{margin-top:14px;font-size:.85rem;color:var(--muted);text-align:center}
.card .or{display:flex;align-items:center;gap:14px;margin:22px 0 4px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}
.card .or::before,.card .or::after{content:"";flex:1;height:1px;background:var(--line)}

/* refer */
.refer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.refer-stats div{border-top:1px solid rgba(251,247,241,.25);padding-top:22px}
.refer-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:1;color:var(--gold);margin-bottom:12px}
.refer-stats p{color:rgba(251,247,241,.75);font-size:.98rem}

/* footer */
.site-footer{background:var(--red-ink);color:rgba(251,247,241,.7);padding:88px 0 40px;font-size:.95rem}
.site-footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(251,247,241,.12)}
.site-footer .logo{color:var(--paper);font-size:2.4rem}
.site-footer .tagline{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--paper);margin-top:16px;max-width:22ch;line-height:1.3}
.site-footer h4{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:600}
.site-footer ul{list-style:none;display:grid;gap:10px}
.site-footer a{text-decoration:none;color:rgba(251,247,241,.85)}
.site-footer a:hover{color:#fff}
.site-footer .bottom{padding-top:28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.85rem}

.float-wa{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transition:transform .25s var(--ease)}
.float-wa:hover{transform:scale(1.06)}
.float-wa svg{width:28px;height:28px}

/* responsive */
@media (max-width:1000px){
  section{padding:100px 0}
  .doors,.truths,.proof-band,.page-hero .grid,.offer,.contact-grid{grid-template-columns:1fr}
  .truths{gap:72px}
  .page-hero .visual{order:-1;margin-bottom:12px}
  .page-hero{padding-top:140px}
  .steps3,.quotes{grid-template-columns:1fr}
  .ventures{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr;row-gap:36px}
  .site-footer .top{grid-template-columns:1fr 1fr}
  .site-footer .top > div:first-child{grid-column:1/-1}
}
@media (max-width:700px){
  .wrap{padding:0 20px}
  section{padding:80px 0}
  body{font-size:16px}
  .home-hero{padding-top:130px}
  .doors{margin-top:56px;border-radius:24px 24px 0 0}
  .door-panel{min-height:auto;padding:40px 26px 36px}
  .stories,.videos,.shelf{grid-template-columns:1fr 1fr}
  .stories{grid-template-columns:1fr}
  .story{padding:34px 26px}
  .ventures{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
  .refer-stats{grid-template-columns:1fr}
  .venture-list li{flex-direction:column;gap:4px}
  .venture-list span{text-align:left}
  .card{padding:28px 22px}
  .price-card{padding:38px 28px}
  .final,.bigquote{padding:100px 0}
  .faq-list summary{font-size:1.2rem}
  .site-footer .top{grid-template-columns:1fr}
  .page-hero .fan,.page-hero .office{transform:none}
}

/* ---------- PUBLISHING (original structure) ---------- */
.from{margin-top:26px;font-size:.95rem;color:var(--muted)}
.from a{color:var(--red);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold-soft)}
.slots{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--muted)}
.slots .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
.proof{display:grid;grid-template-columns:repeat(4,1fr)}
.proof .item{padding:56px 28px 56px 0;border-left:1px solid rgba(251,247,241,.12);padding-left:28px}
.proof .item:first-child{border-left:0;padding-left:0}
.proof .n{font-family:var(--serif);font-size:clamp(2rem,3vw,2.9rem);line-height:1;letter-spacing:-.02em}
.proof .l{color:var(--gold);font-weight:500;margin:14px 0 12px;font-size:.95rem}
.proof p{color:rgba(251,247,241,.84);font-size:1rem}
.statement{text-align:center}
.statement h2{max-width:18ch;margin:22px auto 30px}
.statement .lead{margin:0 auto}
.statement .lead + .lead{margin-top:18px}
.statement .eyebrow{justify-content:center}
.purpose{margin:56px auto 0;padding-top:40px;position:relative;font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.35;color:var(--red);max-width:34ch}
.purpose::before{content:"";position:absolute;top:0;left:50%;width:56px;height:2px;background:var(--gold);transform:translateX(-50%)}
.fit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}
.fit-grid h2{margin:22px 0 16px}
.list{list-style:none;margin-top:28px;border-top:1px solid var(--line)}
.list li{padding:20px 0 20px 34px;border-bottom:1px solid var(--line);font-size:1.06rem;position:relative}
.list li::before{content:"";position:absolute;left:4px;top:30px;width:9px;height:9px;border-radius:50%;background:var(--red)}
.honest{background:var(--red-deep);color:var(--paper);border-radius:28px;padding:46px 40px;position:sticky;top:110px}
.honest h3{color:var(--paper);font-size:2rem;margin-bottom:18px}
.honest p{color:rgba(251,247,241,.78)}
.honest p + p{margin-top:14px}
.honest strong{color:var(--gold);font-weight:600}
.steps6{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid var(--line);border-left:1px solid var(--line);counter-reset:st}
.steps6 li{list-style:none;padding:40px 32px 44px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps6 li::before{counter-increment:st;content:counter(st,decimal-leading-zero);font-family:var(--serif);font-size:1.1rem;color:var(--red);display:block;margin-bottom:22px}
.steps6 h3{margin-bottom:10px}
.steps6 p{color:var(--muted);font-size:.98rem}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}
.case-grid small{display:block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:14px}
.case-grid p{color:var(--ink)}
.case-quote{margin-top:56px;display:flex;align-items:center;gap:22px;background:#fff;border-radius:var(--r);padding:30px 34px;font-family:var(--serif);font-size:1.4rem;line-height:1.35}
.case-quote .avatar{width:68px;height:68px}
.case-quote b{display:block;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--muted);margin-top:8px}
.sample-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}
.sample-grid h2{margin:22px 0 22px}
.sample-grid .actions{margin-top:34px}
.invest-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.invest-grid h2 small{display:block;font-family:var(--sans);font-size:1rem;color:var(--gold);letter-spacing:0;margin-top:18px;font-weight:500}
.invest-grid p{color:rgba(251,247,241,.78)}
.invest-grid p + p{margin-top:16px}
.invest-grid .strong{color:var(--paper);font-weight:500}
.invest-grid .actions{margin-top:30px}
.chapters-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.chapters-grid h2{margin:22px 0 22px}
.form input{width:100%;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--paper);font:inherit;margin-bottom:16px;color:var(--ink)}
.form input:focus{outline:0;border-color:var(--red)}
.form .msg{margin-top:14px;font-size:.9rem;color:var(--muted);text-align:center}
.form .msg.ok{color:#1b7f3b;font-weight:600}
.form .msg.err{color:var(--red)}
.faq-group{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:600;padding:44px 0 6px}
.shelf.lib{grid-template-columns:repeat(5,1fr)}
.shelf-note{margin-top:28px;color:var(--muted);font-size:.92rem}
@media (max-width:1000px){
  .proof{grid-template-columns:1fr 1fr}
  .proof .item:nth-child(3){border-left:0;padding-left:0}
  .fit-grid,.sample-grid,.invest-grid,.chapters-grid{grid-template-columns:1fr;gap:56px}
  .honest{position:static}
  .steps6,.case-grid{grid-template-columns:1fr}
  .shelf.lib{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:700px){
  .proof{grid-template-columns:1fr}
  .proof .item{border-left:0;padding:34px 0;border-top:1px solid rgba(251,247,241,.12)}
  .proof .item:first-child{border-top:0}
  .shelf.lib{grid-template-columns:1fr 1fr}
  .case-quote{flex-direction:column;align-items:flex-start;font-size:1.2rem}
}

/* mock-up covers (book photographed on white): blend the white away instead of framing it */
.covers-row img.mock{box-shadow:none;mix-blend-mode:multiply;object-fit:contain;border-radius:0}
.book.mock .cover{box-shadow:none;background:transparent;border-radius:0}
.book.mock .cover::after{display:none}
.book.mock .cover img{object-fit:contain;mix-blend-mode:multiply}

/* packages */
.packages{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;align-items:stretch}
.package{position:relative;border-radius:28px;padding:44px 40px;background:rgba(255,255,255,.04);border:1px solid rgba(251,247,241,.14);display:flex;flex-direction:column}
.package .amount{font-family:var(--serif);font-size:4rem;line-height:1;margin:20px 0 14px;letter-spacing:-.03em;color:var(--paper)}
.package .pk-lead{color:rgba(251,247,241,.78);margin-bottom:26px}
.package ul{list-style:none;flex:1;margin-bottom:32px;border-top:1px solid rgba(251,247,241,.14)}
.package li{padding:13px 0 13px 28px;border-bottom:1px solid rgba(251,247,241,.14);color:rgba(251,247,241,.85);font-size:.98rem;position:relative}
.package li::before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.package li b{color:var(--paper)}
.package .btn{justify-content:center}
.package.featured{background:var(--paper);color:var(--ink);border-color:transparent;box-shadow:0 50px 90px -40px rgba(0,0,0,.6)}
.package.featured .eyebrow{color:var(--red)}
.package.featured .amount{color:var(--red-deep)}
.package.featured .pk-lead{color:var(--muted)}
.package.featured ul{border-color:var(--line)}
.package.featured li{color:var(--ink);border-color:var(--line)}
.package.featured li b{color:var(--red-deep)}
.package.featured li::before{background:var(--red)}
.badge{position:absolute;top:-14px;right:32px;background:var(--gold);color:var(--red-ink);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.pk-note{margin-top:32px;color:rgba(251,247,241,.7);text-align:center;max-width:none}
.pk-note a{color:var(--gold);font-weight:600}
.package li.pk-writer{background:rgba(201,162,92,.12);border-radius:12px;border-bottom:0;margin:12px 0 4px;padding:14px 14px 14px 36px}
.package li.pk-writer::before{left:14px;top:22px}
.package.featured li.pk-writer{background:rgba(155,27,48,.07)}
@media (max-width:900px){.packages{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}.package{padding:36px 28px}}
@media (max-width:480px){.package{padding:30px 20px;border-radius:22px}.package .amount{font-size:3.2rem}.package .badge{white-space:normal;max-width:calc(100% - 40px);text-align:center}.package .btn{width:100%;white-space:normal}}

.story.wide{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.story.wide img{width:150px;border-radius:3px 7px 7px 3px;box-shadow:0 24px 40px -20px rgba(46,7,12,.6)}
@media (max-width:700px){.story.wide{grid-template-columns:1fr}.story.wide img{width:120px}}
.story.wide{grid-template-columns:200px 1fr;gap:56px}
.story.wide.flip{grid-template-columns:1fr 200px}
.stories3{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.story.quote-card{background:var(--red);color:var(--paper)}
.story.quote-card .tag{color:var(--gold)}
.story.quote-card h3{color:var(--paper);font-size:2.2rem}
.story.quote-card p{color:rgba(251,247,241,.88)}
.story.quote-card .q{color:var(--gold);opacity:.35;font-size:10rem;top:-10px}
@media (max-width:1000px){.stories3{grid-template-columns:1fr}}
@media (max-width:700px){.story.wide,.story.wide.flip{grid-template-columns:1fr;gap:34px}}

/* Case study */
.case-wrap{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:center}
.big-stat{font-family:var(--serif);font-size:clamp(4.5rem,9vw,8rem);line-height:.95;letter-spacing:-.04em;color:var(--red);margin:22px 0 10px;font-variation-settings:"opsz" 144}
.case-h{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:20px;max-width:20ch}
.case-wrap .case-quote{margin-top:36px}
.proof-label{padding-top:56px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
@media (max-width:900px){.case-wrap{grid-template-columns:1fr;gap:70px}}

/* Click-to-play videos */
button.video{border:0;padding:0;cursor:pointer;display:block;width:100%}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .4s,transform .8s var(--ease)}
.video:hover img{opacity:1;transform:scale(1.03)}
.video .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--red);box-shadow:0 0 0 10px rgba(251,247,241,.18),0 20px 40px -10px rgba(0,0,0,.5);transition:transform .4s var(--ease)}
.video .play::after{content:"";position:absolute;left:34px;top:27px;border-left:22px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent}
.video:hover .play{transform:scale(1.08)}

/* Rotating quote */
.rotator{position:relative;margin-top:64px;text-align:center;min-height:320px}
.rq{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease);pointer-events:none}
.rq.on{position:relative;opacity:1;transform:none;pointer-events:auto}
.rq blockquote{font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.3;letter-spacing:-.015em;max-width:30ch;margin:0 auto;font-variation-settings:"opsz" 72}
.rq figcaption{display:inline-flex;align-items:center;gap:14px;margin-top:30px;text-align:left;font-size:.95rem;color:var(--muted)}
.rq figcaption b{display:block;color:var(--ink);font-weight:600}
.rotator .dots{display:flex;justify-content:center;gap:10px;margin-top:34px}
.rotator .dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer;transition:background .3s,width .3s}
.rotator .dots button.on{background:var(--red);width:28px;border-radius:5px}

/* Framed flat covers (publishing hero) */
.frames{position:relative;width:560px;height:470px;margin-left:auto;margin-right:-40px}
.fr{position:absolute;margin:0;background:#FBF7F1;padding:16px;border:10px solid #2A1518;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(46,7,12,.12),0 2px 0 1px rgba(255,255,255,.06),0 46px 70px -34px rgba(46,7,12,.6);transition:transform .9s var(--ease)}
.fr::after{content:"";position:absolute;inset:-10px;border-radius:3px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(201,162,92,.55),inset 0 0 0 3px rgba(42,21,24,1),inset 0 0 0 4px rgba(201,162,92,.25)}
.fr img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.fr.f1{width:236px;left:162px;top:10px;z-index:3}
.fr.f2{width:184px;left:0;top:96px;z-index:2;transform:rotate(-6deg)}
.fr.f3{width:184px;right:0;top:110px;z-index:1;transform:rotate(5deg)}
.frames:hover .fr.f1{transform:translateY(-8px)}
.frames:hover .fr.f2{transform:rotate(-9deg) translateX(-10px)}
.frames:hover .fr.f3{transform:rotate(8deg) translateX(10px)}
@media (max-width:1000px){.frames{margin:20px auto 0}}
@media (max-width:1240px){.frames{transform:scale(.88);transform-origin:right center;margin-right:0}}
@media (max-width:560px){.frames{transform:scale(.72);transform-origin:top center;margin:0 -60px -120px}}

.fr.single{position:relative;width:200px;flex:none;margin:0 auto}
.story.wide{grid-template-columns:210px 1fr;gap:56px}
.story.wide.flip{grid-template-columns:1fr 210px}
.story.wide.flip .fr{order:2}
.story.wide.feature .fr{border-color:#170a0c;box-shadow:inset 0 0 0 1px rgba(46,7,12,.12),0 40px 60px -30px rgba(0,0,0,.7)}
.story.top-book .fr.single{width:150px;margin:0 0 30px;padding:10px;border-width:7px}
.story:hover .fr.single,.case-book:hover .fr.single,.sample-cover:hover .fr.single{transform:translateY(-6px) rotate(-1deg)}
.case-book .fr.single{width:290px}
.sample-cover{display:block}
.sample-cover .fr.single{width:300px}
.door-panel .frames{flex:none;transform:scale(.8);transform-origin:bottom center;margin:-90px auto 0}
@media (max-width:1240px){.door-panel .frames{transform:scale(.68);margin:-150px -40px 0}}
@media (max-width:560px){.door-panel .frames{transform:scale(.56);margin:-200px -120px 0}}
@media (max-width:700px){.story.wide,.story.wide.flip{grid-template-columns:1fr;gap:34px}.story.wide.flip .fr{order:0}}
@media (max-width:1000px){.story.top-book .fr.single{margin:0 auto 30px}}
@media (max-width:900px){.case-book .fr.single{width:230px}}

/* Testimonial video (portrait) beside the rotating quote */
.vt-grid{display:grid;grid-template-columns:340px 1fr;gap:80px;align-items:center;margin-top:56px}
.vt{position:relative;aspect-ratio:9/16;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 40px 70px -40px rgba(46,7,12,.7)}
.vt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-play{position:absolute;inset:0;border:0;padding:0;background:linear-gradient(180deg,transparent 55%,rgba(31,20,22,.65));cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:30px}
.vt-play .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--red);box-shadow:0 0 0 10px rgba(251,247,241,.22),0 20px 40px -10px rgba(0,0,0,.5);transition:transform .4s var(--ease)}
.vt-play .play::after{content:"";position:absolute;left:34px;top:27px;border-left:22px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent}
.vt-play:hover .play{transform:scale(1.08)}
.vt-label{position:relative;color:#fff;font-weight:600;letter-spacing:.04em}
.vt.playing .vt-play{display:none}
.vt-grid .rotator{margin-top:0;text-align:left}
.vt-grid .rq blockquote{margin:0}
.vt-grid .rotator .dots{justify-content:flex-start}
@media (max-width:900px){.vt-grid{grid-template-columns:1fr;gap:48px}.vt{max-width:340px;margin:0 auto;width:100%}}
.vt-play .play{top:auto;bottom:74px;margin-top:0;width:68px;height:68px;margin-left:-34px}.vt-play .play::after{left:27px;top:21px;border-left-width:18px;border-top-width:13px;border-bottom-width:13px}
.vt-book{display:flex;align-items:center;gap:16px;margin-top:22px;text-decoration:none;color:var(--ink)}
.vt-book img{width:60px;border-radius:2px;box-shadow:0 10px 20px -10px rgba(46,7,12,.6)}
.vt-book b{display:block;font-weight:600}
.vt-book em{display:block;font-family:var(--serif);font-size:1.05rem;line-height:1.3}
.vt-book small{display:block;margin-top:4px;color:var(--red);font-weight:600;font-size:.82rem}
.vt-book:hover em{text-decoration:underline}
@media (max-width:900px){.vt-col{max-width:340px;margin:0 auto;width:100%}}

/* MBC: cost comparison */
.compare{margin-top:56px;border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 30px 60px -40px rgba(46,7,12,.45)}
.compare .row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border-top:1px solid var(--line)}
.compare .row:first-child{border-top:0}
.compare .row span{padding:20px 24px;font-size:1rem;color:var(--muted)}
.compare .row span:first-child{color:var(--ink);font-weight:600}
.compare .row.head span{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);padding-top:26px;padding-bottom:18px}
.compare .us{background:var(--red-deep);color:var(--paper)!important}
.compare .row.head .us{color:var(--gold)!important}
.compare .us b{color:var(--paper);font-weight:600}
.compare-note{margin-top:18px;font-size:.85rem;color:var(--muted)}
@media (max-width:860px){
  .compare .row{grid-template-columns:1fr 1fr}
  .compare .row span:first-child{grid-column:1/-1;padding-bottom:4px}
  .compare .row span:nth-child(3){display:none}
  .compare .row.head span:first-child{display:none}
}

/* MBC: first 90 days */
.ninety{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px;counter-reset:n;position:relative}
.ninety::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:linear-gradient(90deg,var(--red),var(--gold))}
.ninety li{position:relative;padding-top:56px}
.ninety li::before{counter-increment:n;content:counter(n);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:1.3rem;box-shadow:0 0 0 6px var(--paper)}
.ninety .when{display:block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:600;margin:10px 0 8px}
.ninety h3{font-size:1.45rem;margin-bottom:10px}
.ninety p{color:var(--muted);font-size:1rem}
@media (max-width:900px){.ninety{grid-template-columns:1fr 1fr;row-gap:44px}.ninety::before{display:none}}
@media (max-width:560px){.ninety{grid-template-columns:1fr}}

/* MBC: example Friday update */
.update-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.sample-note{margin-top:22px;font-size:.85rem;color:var(--muted);font-style:italic}
.update{background:#fff;border-radius:22px;padding:30px;box-shadow:0 50px 80px -45px rgba(46,7,12,.55);transform:rotate(1.2deg);transition:transform .6s var(--ease)}
.update:hover{transform:rotate(0) translateY(-6px)}
.u-top{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.u-top b{display:block}
.u-top small{color:var(--muted);font-size:.85rem}
.u-dot{width:40px;height:40px;border-radius:12px;background:var(--red);flex:none}
.u-tag{margin-left:auto;background:#E7F4EA;color:#1E6B34;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:999px}
.u-block{padding:16px 0;border-bottom:1px solid var(--line)}
.u-block small,.u-ask small{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:8px}
.u-block ul{list-style:none;display:grid;gap:6px}
.u-block li{padding-left:24px;position:relative;font-size:.98rem}
.u-block li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:700}
.u-progress{padding:18px 0}
.u-progress div{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;margin-bottom:8px}
.u-progress i{display:block;height:8px;border-radius:4px;background:var(--line);position:relative;overflow:hidden}
.u-progress i::after{content:"";position:absolute;inset:0;width:var(--p);background:linear-gradient(90deg,var(--red),var(--gold));border-radius:4px}
.u-ask{background:var(--paper);border-radius:14px;padding:16px 18px}
.u-ask p{font-size:.98rem}
@media (max-width:900px){.update-grid{grid-template-columns:1fr;gap:48px}.update{transform:none}}
.update-grid h2{margin:20px 0 24px}
.price-card .btn-ghost{color:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(251,247,241,.45)}
.price-card .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--paper)}
.book .where,.vt-book small,.on-amazon{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--red);text-decoration:none}
.book .where::after,.on-amazon::after{content:"→";transition:transform .3s var(--ease)}
.book:hover .where::after,.on-amazon:hover::after{transform:translateX(3px)}
.on-amazon{margin-top:16px}
.story.feature .on-amazon,.story.quote-card .on-amazon{color:var(--gold)}

/* MBC: "What your team can build" cards with live previews */
.venture{padding:0 0 28px;overflow:hidden;display:flex;flex-direction:column}
.venture h3,.venture p,.venture .chips{padding:0 26px}
.venture h3{margin-top:24px}
.venture .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px}
.venture .chips span{font-size:.74rem;font-weight:600;letter-spacing:.02em;padding:5px 10px;border-radius:999px;background:var(--paper-2);color:var(--red-deep)}
.vis{position:relative;height:170px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px}
.v-store .vis{background:linear-gradient(150deg,#F7E3DD,#EFD3CB)}
.v-service .vis{background:linear-gradient(150deg,#F5EBD7,#EBDCBE)}
.v-course .vis{background:linear-gradient(150deg,#5C0D17,#8E1A29)}
.v-book .vis{background:linear-gradient(150deg,#EFE6D6,#E2D3BA)}
.toast{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--ink);font-size:.72rem;font-weight:600;padding:6px 10px;border-radius:10px;box-shadow:0 10px 20px -10px rgba(46,7,12,.45);opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.toast::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E9E4F;margin-right:6px;vertical-align:1px}
.venture:hover .toast,.venture.in .toast{animation:toast 4.5s var(--ease) 1.2s infinite}
@keyframes toast{0%,8%{opacity:0;transform:translateY(10px)}16%,70%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-4px)}}
/* store */
.win{width:78%;background:#fff;border-radius:10px;box-shadow:0 18px 30px -18px rgba(46,7,12,.5);overflow:hidden;transition:transform .5s var(--ease)}
.win .bar{display:flex;align-items:center;gap:4px;padding:7px 9px;background:var(--paper-2)}
.win .bar i{width:6px;height:6px;border-radius:50%;background:var(--paper-3)}
.win .cart{margin-left:auto;background:var(--red);color:#fff;font-size:.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px}
.tiles span b{display:block;aspect-ratio:1;border-radius:6px}
.tiles .t1 b{background:linear-gradient(140deg,var(--gold),#E9C98E)}
.tiles .t2 b{background:linear-gradient(140deg,var(--red-2),var(--red))}
.tiles .t3 b{background:linear-gradient(140deg,#7A8C6E,#A7B596)}
.tiles em{display:block;font-style:normal;font-size:.62rem;font-weight:600;margin-top:4px;color:var(--ink)}
.v-store:hover .win{transform:translateY(-4px) rotate(-1deg)}
.v-store:hover .cart{animation:pop .5s var(--ease)}
@keyframes pop{50%{transform:scale(1.35)}}
/* service */
.cal{width:80%;background:#fff;border-radius:10px;padding:10px;box-shadow:0 18px 30px -18px rgba(46,7,12,.45)}
.cal-h{display:grid;grid-template-columns:repeat(5,1fr);font-size:.58rem;font-weight:600;color:var(--muted);text-align:center;margin-bottom:6px}
.cal-g{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.cal-g i{height:14px;border-radius:4px;background:var(--paper-2);transition:background .4s var(--ease)}
.cal-g i.b{background:var(--red)}
.v-service:hover .cal-g i:nth-child(4),.v-service:hover .cal-g i:nth-child(12){background:var(--gold)}
/* course */
.player{width:58%;aspect-ratio:16/10;background:#1F1416;border-radius:10px;position:relative;box-shadow:0 18px 30px -16px rgba(0,0,0,.6)}
.player .pl{position:absolute;left:50%;top:44%;transform:translate(-40%,-50%);border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.prog{position:absolute;left:10px;right:10px;bottom:10px;height:4px;border-radius:2px;background:rgba(255,255,255,.2);overflow:hidden}
.prog i{display:block;height:100%;width:35%;background:var(--gold);transition:width 1.4s var(--ease)}
.v-course:hover .prog i{width:85%}
.lessons{list-style:none;display:grid;gap:6px}
.lessons li{font-size:.66rem;font-weight:600;color:rgba(251,247,241,.85);padding-left:16px;position:relative}
.lessons li::before{content:"";position:absolute;left:0;top:3px;width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(251,247,241,.6)}
.lessons li.done::before{background:var(--gold);border-color:var(--gold)}
/* book */
.mini-book{width:62px;height:92px;border-radius:2px 6px 6px 2px;background:linear-gradient(150deg,var(--red),var(--red-deep));box-shadow:inset 4px 0 0 rgba(0,0,0,.25),0 16px 26px -12px rgba(46,7,12,.6);display:grid;place-items:center;transition:transform .5s var(--ease)}
.mini-book span{font-family:var(--serif);color:var(--gold);font-size:.8rem;line-height:1.05;text-align:center}
.ticket{background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 18px 30px -18px rgba(46,7,12,.45);border-left:4px dashed var(--paper-3)}
.ticket small{display:block;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:700}
.ticket b{display:block;font-size:.8rem;margin:3px 0 7px}
.seats{display:grid;grid-template-columns:repeat(5,9px);gap:4px}
.seats i{width:9px;height:9px;border-radius:50%;background:var(--paper-3);transition:background .3s}
.v-book:hover .seats i{background:var(--red)}
.v-book .seats i:nth-child(-n+6){background:var(--red)}
.v-book:hover .mini-book{transform:rotate(-6deg) translateY(-4px)}
@media (max-width:1000px){.ventures{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ventures{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.venture .toast{animation:none!important;opacity:1;transform:none}}

/* Introductions page */
.prompts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.prompt{background:#fff;border-radius:var(--r);padding:34px 28px 30px;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.prompt:hover{transform:translateY(-6px);box-shadow:0 30px 60px -40px rgba(46,7,12,.55)}
.prompt .pq{position:absolute;right:18px;top:-6px;font-family:var(--serif);font-size:6rem;color:var(--red);opacity:.12;line-height:1}
.prompt p{font-family:var(--serif);font-size:1.3rem;line-height:1.35;color:var(--ink)}
.prompt:nth-child(2){background:var(--red-deep)}.prompt:nth-child(2) p{color:var(--paper)}.prompt:nth-child(2) .pq{color:var(--gold);opacity:.35}
.list li b{font-weight:600}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.choice{background:#fff;border-radius:var(--r);padding:38px 36px}
.choice small{display:block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:12px}
.choice h3{font-size:2rem;margin-bottom:12px}
.choice p{color:var(--muted)}
.choice.gift{background:var(--red-deep);color:var(--paper)}
.choice.gift small{color:var(--gold)}.choice.gift h3{color:var(--paper)}.choice.gift p{color:rgba(251,247,241,.86)}
.fine-print{margin-top:28px;font-size:.9rem;color:var(--muted);max-width:80ch}
@media (max-width:1000px){.prompts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.prompts,.choices{grid-template-columns:1fr}}
.share{background:#fff;border-radius:var(--r);padding:40px}
.share small{display:block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:12px}
.share h3{font-size:1.9rem;margin-bottom:10px}
.share p{color:var(--muted)}
.share-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.phone-line{margin-top:10px;font-size:.92rem;text-align:center;color:var(--muted)}
.phone-line a{color:var(--red);font-weight:600}
.final .small a{color:inherit;font-weight:600}

/* Home hero: floating covers and live notes on either side */
.home-hero{padding-top:150px}
.hero-top{position:relative}
.hero-actions{justify-content:center;margin-top:38px}
.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;margin-top:26px;font-size:.92rem;color:var(--muted)}
.hero-trust span{display:inline-flex;align-items:center;gap:8px}
.hero-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.hero-trust a{color:var(--red);font-weight:600;text-decoration:none}
.home-hero .hero-trust{max-width:none;margin-left:auto;margin-right:auto}
.hero-shelf{margin:56px auto 0;max-width:980px}
.hero-books{display:flex;justify-content:center;align-items:flex-end;gap:14px;padding:0 24px}
.hero-books img{width:96px;aspect-ratio:2/3;object-fit:cover;border-radius:2px 5px 5px 2px;box-shadow:inset 3px 0 0 rgba(0,0,0,.2),0 14px 20px -12px rgba(46,7,12,.55);transition:transform .35s var(--ease)}
.hero-books img:nth-child(even){width:88px}
.hero-books img:hover{transform:translateY(-8px)}
.plank{height:14px;border-radius:3px;background:linear-gradient(180deg,#8a5a3c,#6b4029);box-shadow:0 14px 22px -10px rgba(46,7,12,.45),inset 0 1px 0 rgba(255,255,255,.18)}
.shelf-cap{margin-top:18px;font-size:.9rem;color:var(--muted)}
.shelf-cap a{color:var(--red);font-weight:600}
@media (max-width:900px){.hero-books img:nth-child(n+6){display:none}.hero-books img{width:80px}.hero-books img:nth-child(even){width:74px}}
@media (max-width:520px){.hero-books img:nth-child(n+5){display:none}.hero-books{gap:8px;padding:0 8px}.hero-books img{width:68px}.hero-books img:nth-child(even){width:62px}}
.home-hero .shelf-cap{max-width:none;margin-left:auto;margin-right:auto}.hero-shelf{max-width:900px}