:root{
  --o:#f26a1b; --o2:#ff8a45; --osoft:#fff0e6; --ink:#14161c; --ink2:#2a2d34; --mute:#646873; --line:#e9e5df; --bg:#f7f5f1; --card:#fff;
  --ok:#1f8a52; --oks:#e4f4eb; --warn:#b7791f; --warns:#fbf1dd; --bad:#b42318; --bads:#fdecea; --skip:#8a8e98; --skips:#efeeeb;
  --serif:'Lora',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--ink2);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
.in{max-width:1120px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
h1,h2,h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;text-wrap:balance}
h3{font-size:22px}
em{color:var(--o);font-style:italic}
.kicker{font:600 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--o)}
b{font-weight:600;color:var(--ink)}

/* bar */
.bar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar .in{display:flex;align-items:center;gap:14px;height:64px}
.logo{height:26px;width:auto}
.bar-tag{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border-left:1px solid var(--line);padding-left:14px;white-space:nowrap}
.bar nav{display:flex;gap:18px;margin-left:auto;font:500 14px var(--sans);align-items:center}
.bar nav a{text-decoration:none;color:var(--mute)}.bar nav a:hover{color:var(--o)}
.nav-cta{background:var(--ink);color:#fff!important;padding:7px 14px;border-radius:30px}

/* hero */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-160px;top:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(242,106,27,.35),transparent 65%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:48px;align-items:center;padding-block:64px 72px}
.hero h1{color:#fff;font-size:clamp(34px,5vw,56px);line-height:1.06;margin:14px 0 18px}
.lede{color:#c9ccd3;font-size:18px;max-width:60ch}
.hero-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--o);color:#fff;text-decoration:none;font:600 15px var(--sans);padding:13px 22px;border-radius:40px;transition:transform .2s,background .2s}
.btn:hover{background:var(--o2);transform:translateY(-1px)}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.35)}
.hero-phone{justify-self:end;width:100%;max-width:250px}
.hero-phone video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:28px;border:8px solid #2a2d34;box-shadow:0 40px 70px -25px rgba(0,0,0,.8)}
.hero-phone figcaption{font-size:12px;color:#9da1aa;text-align:center;margin-top:10px}

/* blocks */
.block{padding-top:72px}
.head{margin-bottom:26px;max-width:760px}
.head h2{font-size:clamp(28px,3.6vw,38px);margin-top:6px;line-height:1.15}
.head p:not(.kicker){color:var(--mute);margin-top:8px;font-size:17px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;min-width:0}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

/* flow */
.flow{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:f}
.flow li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px;min-width:0}
.flow li:not(:last-child):after{content:"→";position:absolute;right:-12px;top:50%;transform:translate(50%,-50%);color:var(--o);font-weight:700;z-index:2;background:var(--bg);width:22px;text-align:center}
.flow b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;margin-bottom:10px}
.flow strong{display:block;font:700 19px var(--serif);color:var(--ink)}
.flow span{font-size:14px;color:var(--mute)}
.flow li.hl{border-color:var(--o);background:var(--osoft)}.flow li.hl b{background:var(--o)}

/* video */
.video-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
.video-wrap video{width:100%;aspect-ratio:16/9;border-radius:16px;background:#000;box-shadow:0 30px 60px -35px rgba(20,22,28,.6)}
.chapters{list-style:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;max-height:520px;overflow:auto}
.chapters li{display:flex;gap:12px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:14px;line-height:1.35}
.chapters li:hover,.chapters li.on{background:var(--osoft)}
.chapters li span{font:600 12px var(--sans);color:var(--o);min-width:34px;padding-top:2px;font-variant-numeric:tabular-nums}

/* leads */
.grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.src{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}
.src b{display:block;font-size:15px;margin-bottom:4px}.src span{font-size:13.5px;color:var(--mute);line-height:1.5}
.src.hl{border-color:var(--o);background:var(--osoft)}
.tool{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.dot{width:14px;height:14px;border-radius:4px}.dot.gpt{background:#14161c}.dot.cl{background:#d4764e}
.steps{padding-left:20px;display:grid;gap:8px;margin-bottom:18px}
.steps li::marker{color:var(--o);font-weight:700}
.rules{margin-top:22px;background:var(--ink);color:#d7d9de;border-radius:18px;padding:26px}
.rules h3{color:#fff;margin-bottom:12px}
.rules ul,.golden ul{list-style:none;display:grid;gap:10px}
.rules li,.golden li{position:relative;padding-left:30px}
.rules b{color:#fff}
.rules li:before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--sans);color:#fff}
.rules li.yes:before{content:"✓";background:var(--ok)}.rules li.no:before{content:"✕";background:var(--bad)}

/* prompts */
.prompt{position:relative;background:#fbfaf7;border:1px solid var(--line);border-left:4px solid var(--o);border-radius:12px;padding:40px 16px 14px;margin-top:12px;font:400 14.5px/1.6 var(--sans);color:var(--ink2);white-space:pre-wrap;word-break:break-word}
.prompt:before{content:attr(data-title);position:absolute;left:16px;top:12px;font:600 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);max-width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copy{position:absolute;right:10px;top:8px;font:600 12.5px var(--sans);border:1px solid var(--line);background:#fff;color:var(--ink);padding:5px 12px;border-radius:20px;cursor:pointer}
.copy:hover{border-color:var(--o);color:var(--o)}.copy.done{background:var(--ok);border-color:var(--ok);color:#fff}
.ph{background:#ffe2cf;color:var(--ink);border-radius:4px;padding:0 3px;font-weight:600}

/* qualify */
.q{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}
.q ul{list-style:none;margin:14px 0;display:grid;gap:6px;font-size:15px}
.q li{padding-left:22px;position:relative}
.q.hot li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.q.warm li:before{content:"•";position:absolute;left:4px;color:var(--warn);font-weight:700}
.q.skip li:before{content:"✕";position:absolute;left:0;color:var(--bad);font-weight:700}
.q p{font-weight:600;color:var(--ink);font-size:14px;border-top:1px solid var(--line);padding-top:10px}
.q.hot{border-color:#b9e0c8}
.chip{display:inline-block;font:600 12.5px var(--sans);padding:4px 12px;border-radius:20px}
.c-hot{background:var(--oks);color:var(--ok)}.c-warm{background:var(--warns);color:var(--warn)}.c-skip{background:var(--skips);color:var(--skip)}
#qualify > .prompt{margin-top:18px}

/* teaser */
.need{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}
.need div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.need b{display:block;font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--o);margin-bottom:4px}
.need span{font-size:14.5px}
.teaser-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.tsteps{list-style:none;counter-reset:s;display:grid;gap:16px}
.tsteps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px 20px 70px;position:relative;min-width:0}
.tsteps li:before{content:counter(s);position:absolute;left:20px;top:18px;width:34px;height:34px;border-radius:50%;background:var(--o);color:#fff;font:700 15px/34px var(--sans);text-align:center}
.tsteps h4{font:700 18px var(--serif);color:var(--ink)}
.tsteps p{font-size:15px;color:var(--mute)}
.example{position:sticky;top:84px}
.example video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:20px;background:#000}
.ex-cap{font-size:13px;color:var(--mute);margin:10px 0 14px}
.checklist{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:14px}
.checklist ul{list-style:none;margin-top:8px;display:grid;gap:5px}
.checklist li:before{content:"☐ ";color:var(--o)}

/* outreach */
.style-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}
.style-rules div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 40px;font-size:14px;position:relative;line-height:1.45}
.style-rules div:before{position:absolute;left:12px;top:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--sans);color:#fff}
.style-rules .yes:before{content:"✓";background:var(--ok)}.style-rules .no:before{content:"✕";background:var(--bad)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tabs button{font:600 14px var(--sans);border:1px solid var(--line);background:#fff;color:var(--ink2);padding:9px 16px;border-radius:30px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mail{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:46px 26px 24px;white-space:pre-wrap;font:400 15.5px/1.7 var(--sans);word-break:break-word}
.mail:before{content:"Template";position:absolute;left:26px;top:16px;font:600 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.note{font-size:14px;color:var(--mute);margin-top:8px}
#outreach > .prompt{margin-top:18px}
.twono{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.twono div{border-radius:14px;padding:16px 18px;font-size:14.5px}
.twono b{display:block;font:700 18px var(--serif)}
.twono .y{background:var(--oks)}.twono .n1{background:var(--osoft)}.twono .n2{background:var(--bads)}

/* close */
.flow.small{margin-bottom:22px}
.pk{margin-top:4px}
.pkg{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.pkg h4{font:700 20px var(--serif);color:var(--ink);margin-bottom:6px}
.pkg p{font-size:14.5px;color:var(--mute)}
.pkg.hl{background:var(--ink);border-color:var(--ink)}.pkg.hl h4{color:#fff}.pkg.hl p{color:#c9ccd3}
.fine{font-size:14px;color:var(--mute);margin-top:14px}
#close > .prompt{margin-top:18px}

/* daily */
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.nums div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.nums b{display:block;font:700 46px/1 var(--serif);color:var(--o)}
.nums span{font-size:14px;color:var(--mute)}
.card h3{margin-bottom:12px}

/* library */
.library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
.library .prompt{margin-top:14px}
.golden{background:var(--osoft);border-color:#f7c9a9}
.golden li:before{content:"✓";position:absolute;left:0;color:var(--o);font-weight:700}

.foot{margin-top:80px;border-top:1px solid var(--line);background:#fff}
.foot .in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:24px;font-size:13px;color:var(--mute);flex-wrap:wrap}
.foot img{height:20px;width:auto}

button:focus-visible,a:focus-visible,.chapters li:focus-visible{outline:2px solid var(--o);outline-offset:2px}

@media (max-width:980px){
  .bar nav a:not(.nav-cta){display:none}
  .hero-grid{grid-template-columns:1fr}.hero-phone{justify-self:start;max-width:200px}
  .flow{grid-template-columns:1fr 1fr}.flow li:after{display:none}
  .video-wrap{grid-template-columns:1fr}.chapters{max-height:none;display:grid;grid-template-columns:1fr 1fr}
  .grid5{grid-template-columns:1fr 1fr}
  .two,.three,.need,.library,.twono{grid-template-columns:1fr}
  .teaser-grid{grid-template-columns:1fr}.example{position:static;max-width:320px}
  .style-rules{grid-template-columns:1fr 1fr}
  .nums{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .bar-tag{display:none}
  .flow,.grid5,.style-rules,.chapters{grid-template-columns:1fr}
  .card{padding:20px}
  .tsteps li{padding:56px 18px 18px}.tsteps li:before{left:18px;top:14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}