/* Lifted from the homepage inline <style> so /cold-email-agency/ carries the same components. */
a,button,summary{touch-action:manipulation}
h1,h2,h3,.hn{font-family:var(--font-display)}
/* Serif headlines need lighter weight + open tracking to breathe */
body[data-font="luxe"] :is(h1,h2,h3,.hn){font-weight:400;letter-spacing:-.012em}
body[data-font="luxe"] .sec-head h2 em{font-style:italic}
body[data-font="outfit"] :is(h1,h2){font-weight:500;letter-spacing:-.025em}
/* Newsreader: gentle serif — medium weight, opened tracking, italic accents */
body[data-font="news"] :is(h1,h2,h3,.hn){font-weight:500;letter-spacing:-.018em}
body[data-font="news"] .sec-head h2 em{font-style:italic}
/* Ubuntu: humanist — medium weight, tracking nearly neutral */
body[data-font="ubuntu"] :is(h1,h2,h3){font-weight:500;letter-spacing:-.018em}
/* Manrope: soft geometric — slightly heavier headings hold up better */
body[data-font="manrope"] :is(h1,h2){font-weight:600;letter-spacing:-.028em}
/* Technical grotesks — per-font heading tuning */
body[data-font="familjen"] :is(h1,h2,h3){font-weight:600;letter-spacing:-.022em}
body[data-font="schibsted"] :is(h1,h2,h3){font-weight:600;letter-spacing:-.026em}
body[data-font="sora"] :is(h1,h2){font-weight:600;letter-spacing:-.032em}
body[data-font="plex"] :is(h1,h2,h3){font-weight:600;letter-spacing:-.024em}
body[data-font="geist"] :is(h1,h2){font-weight:600;letter-spacing:-.03em}
body[data-airy="1"] .sec-head p{line-height:1.72}
/* ——— reveal base — soft rise + settle, headings blur-up ——— */
.reveal{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94),filter .9s cubic-bezier(.25,.46,.45,.94)}
/* ——— owned-channel comparison: two identical cards, only the accent differs ——— */
.honest-grid.own-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:8px;align-items:stretch}
.own-grid .hcell{padding:34px 34px 26px;display:flex;flex-direction:column}
.own-grid .hk{margin:0 0 8px;padding-bottom:16px;border-bottom:1px solid var(--line);color:#f5f5f7;line-height:1.4}
.own-grid .hcell.dim .hk{color:var(--text-60)}
.own-list p{font-size:15.5px;line-height:1.55;color:var(--text-60);padding:14px 0 14px 32px;border-top:1px solid var(--line);position:relative;margin:0}
.own-list p:first-child{border-top:none}
.own-list p::before{content:"×";position:absolute;left:0;top:15px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-40);border:1px solid var(--line-2);font-family:"JetBrains Mono",monospace;font-size:11px;line-height:1}
.hcell.ours .own-list p{color:#f5f5f7}
.hcell.ours .own-list p::before{content:"✓";color:var(--g3);border-color:rgba(247,206,90,.45);background:rgba(247,206,90,.08)}
.own-foot{margin:34px auto 0;max-width:760px;text-align:center;font-size:16.5px;line-height:1.6;color:var(--text-60)}
.own-foot a{color:var(--g3);border-bottom:1px solid rgba(247,206,90,.4);white-space:nowrap}
.own-foot a .arr{display:inline-block;transition:transform .2s}
.own-foot a:hover .arr{transform:translateX(3px)}
@media(max-width:860px){.honest-grid.own-grid{grid-template-columns:1fr}}
.nf-main p em{color:var(--text-60);font-style:italic}
/* ——— kicker shimmer (motion-primitives Text Shimmer, in CSS) ——— */
.sec-head .kicker,.cta-big .kicker{background:linear-gradient(90deg,var(--g2) 0%,var(--g1) 42%,#fff2c2 50%,var(--g1) 58%,var(--g2) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:kickerShimmer 7s ease-in-out infinite}
/* ——— footer links: underline slides in ——— */

/* ——— spotlight cards: soft gold fill + 1px edge light that follow the cursor ——— */
.tcard,.plan,.hcell{--mx:50%;--my:50%;isolation:isolate}
.tcard::before,.plan::before,.hcell::before,.tcard::after,.plan::after,.hcell::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s ease}
.tcard::before,.plan::before,.hcell::before{z-index:-1;background:radial-gradient(560px circle at var(--mx) var(--my),rgba(247,206,90,.09),transparent 45%)}
.tcard::after,.plan::after,.hcell::after{z-index:3;padding:1px;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,224,138,.55),rgba(247,206,90,.08) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.tcard,.plan,.hcell{position:relative}
@media(hover:hover){.tcard:hover::before,.plan:hover::before,.hcell:hover::before,.tcard:hover::after,.plan:hover::after,.hcell:hover::after{opacity:1}}
.sec-head .kicker{font-size:13px;font-weight:600;letter-spacing:.15em;background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px;font-family:"JetBrains Mono",monospace;text-transform:uppercase}
.sec-head h2{font-size:clamp(36px,5vw,68px);font-weight:600;letter-spacing:-.035em;line-height:1.05;max-width:920px;margin:0 auto;text-wrap:balance;color:#f5f5f7}
.sec-head p{font-size:18px;color:var(--text-60);max-width:660px;margin:20px auto 0;line-height:1.55}
/* old playbook rows: mistake left, fix right */
.op-list{border-top:1px solid var(--line);margin-top:8px}
.op-row{display:grid;grid-template-columns:56px 1.15fr 1fr;gap:30px;padding:36px 0;border-bottom:1px solid var(--line);align-items:start}
.op-num{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;color:#FF6F60;padding-top:7px}
.op-main h3{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:10px}
.op-main p{font-size:14.5px;line-height:1.6;color:var(--text-60);max-width:52ch}
.op-fix{border-left:2px solid rgba(247,206,90,.45);padding-left:20px}
.op-fix .k{display:block;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--g3);margin-bottom:8px}
.op-fix p{font-size:14.5px;line-height:1.6;color:#f5f5f7;max-width:44ch}
@media(max-width:860px){.op-row{grid-template-columns:1fr;gap:14px;padding:28px 0}.op-num{padding-top:0}.op-fix{margin-top:2px}}
.honest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.honest-grid .hcell{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:18px;padding:30px}
.honest-grid .hk{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f5f5f7;margin:10px 0 6px}
.honest-grid .hcell.ours{border-color:rgba(217,164,65,.4);background:linear-gradient(160deg,rgba(217,164,65,.07),rgba(0,0,0,.35));box-shadow:0 0 40px -18px rgba(217,164,65,.4)}
@media (max-width:980px){.honest-grid{grid-template-columns:1fr}}
/* ——— Who this isn't for — ledger ——— */
.nf-wrap{display:flex;flex-direction:column;gap:22px}
.nf-list{border:1px solid var(--line);border-radius:20px;background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column}
.nf-row{display:grid;grid-template-columns:74px 1fr;gap:22px;padding:22px 28px;border-bottom:1px solid var(--line);align-items:start;transition:background .35s}
.nf-row:last-child{border-bottom:none}
.nf-row:hover{background:#0c0b09}
.nf-idx{display:flex;align-items:center;gap:9px;font-family:"JetBrains Mono",monospace;font-size:11px;color:#FF6F60;letter-spacing:.1em;padding-top:3px}
.nf-main h3{font-size:17px;font-weight:600;color:#f5f5f7;margin-bottom:8px;letter-spacing:-.01em}
.nf-title{position:relative}
.nf-title::after{content:"";position:absolute;left:-2px;right:calc(100% + 2px);top:56%;height:1px;background:rgba(255,111,96,.75);transition:right .4s cubic-bezier(.25,.46,.45,.94)}
.nf-row:hover .nf-title::after{right:-2px}
.nf-main p{font-size:14px;color:var(--text-60);line-height:1.6;max-width:68ch}
.nf-love{border:1px solid rgba(217,164,65,.32);border-radius:20px;background:linear-gradient(168deg,#1a1407,#0b0a06 55%,#080806);padding:30px 34px;display:grid;grid-template-columns:1fr 1.45fr auto;gap:34px;align-items:center;position:relative;overflow:hidden}
@media(max-width:900px){.nf-love{grid-template-columns:1fr;gap:16px}}
.nf-love::before{content:"";position:absolute;top:-30%;right:-25%;width:70%;height:80%;background:radial-gradient(circle,rgba(217,164,65,.12),transparent 65%);pointer-events:none}
.nf-love>*{position:relative;z-index:1}
.nf-love-cap{display:flex;align-items:center;gap:9px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--g3)}
.nf-love h3{font-size:clamp(22px,2vw,27px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#f5f5f7}
.nf-love p{font-size:14.5px;color:var(--text-60);line-height:1.65}
.nf-love-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--g1),var(--g2));color:#000;font-weight:600;font-size:14px;padding:13px 22px;border-radius:999px;transition:transform .3s,box-shadow .3s}
.nf-love-cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(217,164,65,.5)}
.nf-love-cta .arr{transition:transform .2s}
.nf-love-cta:hover .arr{transform:translateX(3px)}
@media(max-width:1100px){.nf-row{grid-template-columns:60px 1fr}}
@media(max-width:640px){.nf-row{grid-template-columns:1fr;gap:10px;padding:22px 20px}.nf-idx{padding-top:0}}
#faq summary > span:first-child::before{content:counter(faq, decimal-leading-zero);font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--g3);letter-spacing:.1em;margin-right:16px;position:relative;top:-3px}
details p{font-size:15px;color:var(--text-60);line-height:1.7;margin-top:14px;white-space:pre-line;max-width:680px}
.nf-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(255,69,58,.1);border:1px solid rgba(255,69,58,.3);font-size:10px;flex-shrink:0}
.nf-badge.gold{background:rgba(217,164,65,.12);border-color:rgba(217,164,65,.4)}
@media (max-width:600px){
  section{padding:70px 0}}
@media (hover:hover) and (pointer:fine){

  /* Stat numbers glow when their cell is hovered */
  .hcell{transition:transform .45s cubic-bezier(.25,.46,.45,.94),border-color .3s,box-shadow .45s}
  .hcell:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 26px 52px -30px rgba(0,0,0,.8)}
  .hcell.ours:hover{box-shadow:0 0 40px -18px rgba(217,164,65,.4),0 26px 52px -30px rgba(0,0,0,.8)}

  /* Reply cards — lift with a hint of rotation, alternating direction */
  .reply-stream .rc:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 26px 52px -26px rgba(0,0,0,.75)}}
/* A consistent, less repetitive rhythm through the existing sections. */
.sec-head .kicker{animation:none;background:none;color:var(--g3);font-size:12px}
.sec-head p{line-height:1.7}
.own-grid .hcell{border-radius:12px;box-shadow:none;background:transparent}
.own-grid .hcell.ours{background:#1c1b18;border-color:#e8c77b45}
.own-grid .hcell::before,.own-grid .hcell::after{display:none}
.own-grid .hcell:hover{transform:none}
.own-grid .hk{font-size:15px;letter-spacing:0;text-transform:none}
.own-list p{font-size:16px;line-height:1.65}
#not-for .sec-head{text-align:left;max-width:800px}
#not-for .sec-head h2,#not-for .sec-head p{margin-left:0}
#not-for .sec-head h2{max-width:900px}
.nf-list{border:0;background:none}
.nf-row{padding:32px 0;grid-template-columns:56px 1fr;gap:28px}
.nf-row:hover{background:transparent}
.nf-row .nf-badge{display:none}
.nf-idx{font-size:13px;color:#99958c}
.nf-main>p{font-size:17px;line-height:1.75;max-width:760px}
.nf-title::after{display:none}
.nf-main h3{font-size:24px;letter-spacing:-.025em}
.nf-love{margin-top:24px;border-radius:12px;background:#171718;border-color:#d9b76330}
.nf-love::before{display:none}
/* Motion is a response to interaction, not a constant demand for attention. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .file-image:hover img{transform:scale(1.025)}
  .file-image:hover .file-zoom{transform:translateY(-3px)}
  .portrait-grid .video-thumb:hover .testimonial-portrait{transform:scale(1.04)}
  .file-image:active .file-zoom{transform:scale(.97)}
  .nf-example{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
  .nf-example:hover{transform:rotate(-.4deg) translateY(-2px);box-shadow:0 16px 45px #0002}
}
@media(max-width:720px){
  .nf-row{grid-template-columns:1fr;gap:12px;padding:26px 0}.nf-main h3{font-size:21px}.nf-main>p{font-size:16px}.nf-love{padding:26px}}
.nf-main a[href="#reply-proof"]{color:var(--g3);text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body :is(.hero .cta-row,.page-hero .cta-row,.cta-big) a.primary:hover,
  body :is(.gp-button,.nav-cta .pill,.nf-love-cta,.stk-visit,.t-go,.fp-form button,.contact-form button):hover{background:var(--g1);transform:none;box-shadow:0 4px 18px #0002}
  body :is(.hero .cta-row,.page-hero .cta-row,.cta-big) a.primary:hover::after,
  body :is(.gp-button,.nav-cta .pill,.nf-love-cta,.stk-visit,.t-go,.fp-form button,.contact-form button):hover::after{animation:gp-shimmer .7s var(--ease)}}
@media(max-width:600px){
  body .sec-head p{font-size:16px}}