@font-face{font-family:"PP Neue Machina";src:url("fonts/PPNeueMachina-Regular(1).otf") format("opentype"),local("PP Neue Machina Plain Regular"),local("PP Neue Machina Regular");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PP Neue Machina";src:url("fonts/PPNeueMachina-Ultrabold(1).otf") format("opentype"),local("PP Neue Machina Inktrap Ultrabold"),local("PP Neue Machina Ultrabold");font-weight:800;font-style:normal;font-display:swap}
:root{--ink:#0b0a0b;--char:#171416;--paper:#f3f0ea;--paper2:#e9e4db;--red:#c53b2d;--red2:#e15240;--muted:#77706a;--line:rgba(11,10,11,.14);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PP Neue Machina","Helvetica Neue",Arial,sans-serif;letter-spacing:-.012em;font-synthesis:none;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 34px}.nav{position:fixed;inset:0 0 auto;z-index:50;backdrop-filter:blur(16px);background:rgba(243,240,234,.82);border-bottom:1px solid rgba(11,10,11,.08)}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:800;font-size:19px;letter-spacing:-.06em}.brand span{color:var(--red)}.navlinks{display:flex;gap:24px;font-size:13px;align-items:center}.navlinks a{opacity:.66;transition:.25s}.navlinks a:hover,.navlinks a.active{opacity:1;color:var(--red)}.cta,.ghostbtn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid var(--ink);border-radius:999px;font-size:14px;transition:.3s;background:transparent}.cta:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.ghostbtn{border-color:rgba(255,255,255,.45);color:white}.dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(197,59,45,.1)}.subhero{min-height:86svh;padding:150px 0 90px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.subhero.dark{background:var(--ink);color:var(--paper)}.subhero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(197,59,45,.22);border-radius:50%;right:-190px;top:110px}.kicker,.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--red);margin-bottom:20px}.subhero h1{font-size:clamp(58px,9vw,132px);line-height:.86;letter-spacing:-.08em;margin:0;max-width:1160px}.subhero p{font-size:clamp(19px,2vw,29px);line-height:1.35;max-width:780px;margin:38px 0 0}.subhero .meta{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.pill{border:1px solid currentColor;border-radius:999px;padding:10px 14px;font-size:12px;opacity:.65}.section{padding:130px 0}.section.dark{background:var(--ink);color:var(--paper)}.section.soft{background:var(--paper2)}h2{font-size:clamp(46px,6.3vw,90px);line-height:.96;letter-spacing:-.065em;margin:0;max-width:1000px}h3{font-size:clamp(31px,4vw,58px);line-height:1;letter-spacing:-.055em;margin:0}.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:700px}.dark .lead{color:#c9c3bc}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;filter:saturate(.78) contrast(1.02)}.photo.tall{aspect-ratio:4/5}.rulelist{margin-top:48px;border-top:1px solid var(--line)}.rule{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.rule b{font-size:12px;color:var(--red)}.rule span{font-size:24px;line-height:1.25}.dark .rulelist,.dark .rule{border-color:rgba(255,255,255,.14)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:64px}.panel{background:var(--paper);padding:34px;min-height:280px}.soft .panel{background:var(--paper2)}.dark .panel{background:#121013}.panel .num{font-size:11px;color:var(--red);letter-spacing:.15em}.panel h3{font-size:34px;margin-top:40px}.panel p{color:var(--muted);line-height:1.5}.dark .panel p{color:#aaa2a0}.quote{font-size:clamp(44px,7vw,104px);line-height:.95;letter-spacing:-.07em;margin:0}.quote em{color:var(--red);font-style:normal}.sticky-story{min-height:260vh;position:relative}.sticky{position:sticky;top:78px;height:calc(100vh - 78px);display:flex;align-items:center}.switchgrid{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:44px}.room{padding:45px;border-top:1px solid var(--line);transition:.4s}.room.active{background:var(--ink);color:var(--paper);transform:translateY(-12px)}.room small{color:var(--red);text-transform:uppercase;letter-spacing:.13em}.room h3{margin-top:24px}.room ul{margin:34px 0 0;padding:0;list-style:none}.room li{padding:11px 0;border-bottom:1px solid rgba(127,120,116,.18);font-size:17px}.accordion{margin-top:55px;border-top:1px solid var(--line)}.acc{border-bottom:1px solid var(--line)}.acc button{all:unset;cursor:pointer;width:100%;padding:24px 0;display:grid;grid-template-columns:52px 1fr auto;align-items:center}.acc button b{color:var(--red);font-size:12px}.acc button span{font-size:28px}.acc .answer{max-height:0;overflow:hidden;transition:max-height .4s}.acc.open .answer{max-height:300px}.acc .answer p{margin:0 0 28px 52px;max-width:720px;color:var(--muted);font-size:18px;line-height:1.55}.timeline{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.phase{padding:34px;border:1px solid var(--line);min-height:390px;position:relative}.phase .time{color:var(--red);font-size:12px;letter-spacing:.15em}.phase h3{margin:24px 0}.phase p{color:var(--muted);line-height:1.5}.phase strong{position:absolute;bottom:28px;left:34px}.interactive{background:var(--char);color:var(--paper);padding:42px;margin-top:60px;position:relative;overflow:hidden}.interactive:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(197,59,45,.09),transparent);transform:translateX(-100%);animation:scan 5s infinite}@keyframes scan{to{transform:translateX(100%)}}.interactive .prompt{font-size:clamp(32px,4.5vw,62px);line-height:1.02;letter-spacing:-.05em;max-width:900px}.decision{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.decision button{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;padding:13px 16px;border-radius:999px;cursor:pointer}.decision button:hover{background:white;color:var(--ink)}.outcome{margin-top:26px;color:#d8d2cb;max-width:700px;min-height:52px}.clarity-box{margin-top:60px;padding:50px;background:linear-gradient(135deg,#d8d3ca,#f3f0ea);border:1px solid var(--line);position:relative;overflow:hidden}.clarity-content{filter:blur(8px);transition:.2s}.clarity-box input{width:100%;margin-top:28px;accent-color:var(--red)}.deliverables{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;margin-top:64px}.docmock{background:white;border:1px solid var(--line);padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.docmock .bar{height:8px;width:36%;background:var(--red);margin-bottom:28px}.docmock .line{height:8px;background:#ddd7cf;margin:12px 0}.docmock .line.s{width:60%}.docmock .line.m{width:82%}.service-picker{margin-top:55px;display:grid;grid-template-columns:280px 1fr;gap:50px}.service-nav button{all:unset;display:block;width:100%;padding:17px 0;border-bottom:1px solid var(--line);font-size:19px;cursor:pointer}.service-nav button.on{color:var(--red)}.service-display{min-height:330px}.service-display h3{font-size:50px}.service-display p{font-size:19px;line-height:1.55;color:var(--muted);max-width:720px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chip{border:1px solid var(--line);border-radius:999px;padding:10px 13px;font-size:12px}.bookhero{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.bookcover{max-width:390px;width:100%;box-shadow:0 35px 90px rgba(0,0,0,.24);transform:rotate(-2deg)}.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line)}.chapter{padding:20px 0;border-bottom:1px solid var(--line);font-size:23px}.chapter:nth-child(odd){padding-right:35px}.chapter:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}.test{background:var(--ink);color:var(--paper);padding:48px;margin-top:60px}.test q{font-size:28px;display:block;margin-bottom:25px}.test label{display:block;padding:10px 0}.result{margin-top:24px;color:var(--red2);font-size:20px}.game-shell{background:#08080a;padding:14px;border:1px solid #29262e;box-shadow:0 35px 100px rgba(0,0,0,.25)}.game-shell iframe{width:100%;height:680px;border:0;background:#08080a}.footer{background:var(--ink);color:var(--paper);padding:44px 0}.foot{display:flex;justify-content:space-between;gap:40px;align-items:end}.foot small{display:block;color:#8f8882;margin-top:8px}.reveal{opacity:0;transform:translateY(28px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.on{opacity:1;transform:none}@media(max-width:850px){.navlinks{display:none}.split,.switchgrid,.timeline,.deliverables,.bookhero{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.service-picker{grid-template-columns:1fr}.subhero{min-height:auto;padding-top:130px}.sticky-story{min-height:auto}.sticky{position:relative;top:0;height:auto;padding:80px 0}.bookcover{max-width:280px}.game-shell iframe{height:520px}.foot{display:block}.foot>*+*{margin-top:26px}}

/* V3: conversion + editorial utility blocks */
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:64px}
.benefit{background:var(--paper);padding:38px;min-height:250px}.dark .benefit{background:#121013}.benefit b{color:var(--red);font-size:12px;letter-spacing:.14em}.benefit h3{font-size:34px;margin:34px 0 14px}.benefit p{color:var(--muted);line-height:1.55}.dark .benefit p{color:#aaa2a0}
.no-spoiler{margin-top:56px;border:1px solid rgba(255,255,255,.16);padding:32px;display:grid;grid-template-columns:160px 1fr;gap:30px;align-items:start}.no-spoiler strong{color:var(--red);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.no-spoiler p{margin:0;color:#c9c3bc;line-height:1.6;font-size:18px}
.format-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:56px}.format-item{background:var(--paper2);padding:28px}.format-item b{display:block;color:var(--red);font-size:12px;letter-spacing:.14em;margin-bottom:12px}.format-item span{font-size:22px;line-height:1.2}
.faq{margin-top:56px;border-top:1px solid var(--line)}
.seo-note{font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:850px){.benefit-grid,.format-strip,.no-spoiler{grid-template-columns:1fr}}

.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:auto;height:36px;max-width:190px;object-fit:contain}@media(max-width:560px){.brand img{height:30px;max-width:155px}}
