/* Homepage copy + phone section */
.hl{color:#FF3D14;font-style:normal}
.gag{margin-top:18px;max-width:34em;font:500 16px/1.5 var(--sans);color:#fff}
.gag-list{color:var(--mut)}
.gag-punch{display:block;margin-top:8px;color:#fff;font-weight:600;min-height:1.5em}
.fx-new,.fx-old{display:inline}
.fx-old{display:none}
.js .fx-swap.is-anim .fx-old{display:inline;text-decoration:line-through;color:var(--mut)}
.js .fx-swap.is-anim.is-on .fx-old{opacity:.45}
.js .fx-swap.is-anim:not(.is-on) .fx-new{opacity:0;position:absolute;width:0;overflow:hidden}
.word-bit{display:inline-block;transform:translateY(8px);opacity:0}
.word-bit.is-in{transform:none;opacity:1;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1)}
@media (prefers-reduced-motion:reduce){
  .word-bit,.word-bit.is-in{transform:none;opacity:1;transition:none}
  .gag-punch .am-caret{display:none}
}
.am-caret{display:inline-block;width:2px;height:1em;margin-left:2px;background:#FF3D14;vertical-align:-2px;animation:am-caret 1s steps(1) infinite}

.home-cut{padding:72px 0}
.home-cut .wrap.cut-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  gap:48px 40px;
  align-items:center;
}
.cut-copy h2{max-width:12ch}
.cut-copy .sub{max-width:32em}
.cut-stage{position:relative;width:min(260px,70%);justify-self:end;margin-inline:auto}
.cut-stage .ip{width:100%}
.home-chip{
  position:absolute;z-index:2;
  font:500 11px/1 var(--mono, ui-monospace, monospace);
  letter-spacing:.04em;color:#fff;
  background:#141414;border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:8px 10px;white-space:nowrap;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.home-chip b{color:#FF3D14;font-weight:600}
.home-chip.c1{left:-28%;top:16%}
.home-chip.c2{right:-30%;top:42%}
.home-chip.c3{left:-22%;bottom:18%}
.step4 .step-name{display:block;font:500 11px/1 var(--mono, ui-monospace, monospace);letter-spacing:.08em;color:#FF3D14;margin:0 0 6px;text-transform:uppercase}
.fit{margin:0 0 22px;max-width:36em;font:500 16px/1.5 var(--sans);color:#fff}

@media (max-width:800px){
  .home-cut .wrap.cut-grid{grid-template-columns:1fr;gap:32px}
  .cut-stage{justify-self:center;width:min(220px,62vw);margin-top:8px}
  .home-chip.c1{left:0;top:-18px}
  .home-chip.c2{right:0;top:auto;bottom:-18px}
  .home-chip.c3{display:none}
}

/* Longer pain-first headline must fit under the nav in the sticky hero. */
.hero-deck .hero-sticky{align-items:flex-start}
.hero-deck .hero-copy{max-width:18ch;padding:96px 0 24px}
.hero-deck h1{font-size:clamp(52px, 6.4vw, 96px);line-height:.96;max-width:14ch}
@media (max-width:700px){
  .hero-deck .hero-copy{max-width:none;padding:72px 0 16px}
  .hero-deck h1{font-size:clamp(40px, 11vw, 64px);max-width:12ch;line-height:1}
}

/* One floating start pill: hidden until past the hero CTA, and while other in-page CTAs are on screen. */
.pill-cta{
  bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  opacity:0;
  transform:translateX(-50%) translateY(12px);
  pointer-events:none;
  transition:opacity .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1);
}
.pill-cta.is-in{
  opacity:1;
  transform:translateX(-50%) translateY(0);
  pointer-events:auto;
}
.pill-cta.is-in:hover{background:var(--btn-hover);transform:translateX(-50%) translateY(-1px)}
@media (max-width:700px){
  .pill-cta{bottom:calc(14px + env(safe-area-inset-bottom, 0px))}
}
@media (prefers-reduced-motion:reduce){
  .pill-cta{transition:none}
  .pill-cta:not(.is-in){transform:translateX(-50%)}
}

/* Step cards v2 (takeover, 10 Nov 2026): product UI per step, big crisp icon, tighter height */
.steps4.sv2{gap:14px}
.sv2 .step4{gap:14px;padding:16px;background:linear-gradient(180deg,#151515 0%,#0f0f0f 100%);border-color:#262626;transition:border-color .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}
.sv2 .step4:hover{border-color:rgba(255,61,20,.45);transform:translateY(-2px)}
.sv2 .s4-head{display:flex;align-items:center;gap:12px}
.sv2 .s4-ico{width:52px;height:52px;min-width:52px;margin:0;border-radius:14px;border-color:#333;background:radial-gradient(120% 120% at 30% 0%,rgba(255,61,20,.22) 0%,#1a1a1a 55%,#121212 100%)}
.sv2 .s4-ico .am-ico3d{width:30px;height:30px;max-width:30px;max-height:30px}
.sv2 .step-name{margin:0 0 5px}
.sv2 .s4-head h3{margin:0;font:600 17px/1.2 var(--sans);letter-spacing:-.01em;color:#fff}
.sv2 .step4>p{margin:0;color:var(--mut);font:400 14px/1.45 var(--sans)}
.sv2 .s4-vis{padding:0;min-height:0;border:0;background:none;border-radius:12px}
.s4-win{border:1px solid #2a2a2a;border-radius:12px;background:#0a0a0a;overflow:hidden;font:12px/1.35 var(--sans);color:#d4d4d4;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.s4-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid #1f1f1f;background:#111;font:500 10.5px/1 var(--mono);color:#8a8a8a}
.s4-bar>i{width:7px;height:7px;border-radius:50%;background:#2e2e2e}
.s4-bar>span{margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s4-bar .hash{margin:0;color:#FF3D14;font-weight:700}
.s4-chip{margin-left:auto;flex:none;font:600 10px/1 var(--mono);font-style:normal;letter-spacing:.02em;color:#fff;padding:4px 7px;border-radius:6px;background:rgba(255,61,20,.16);border:1px solid rgba(255,61,20,.4);white-space:nowrap}
.s4-chip.ok{background:rgba(255,255,255,.06);border-color:#333}
.s4-chip.ok::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#FF3D14;vertical-align:0}
.mono{font-family:var(--mono)}
.s4-win .dim{color:#7a7a7a}
/* 1. brief form */
.s4-form{display:flex;flex-direction:column;gap:6px;padding:10px}
.s4-form label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;border:1px solid #242424;border-radius:8px;background:#101010}
.s4-form label:first-child{border-color:rgba(255,61,20,.55);box-shadow:0 0 0 3px rgba(255,61,20,.12)}
.s4-form label span,.s4-goal>span{color:#8a8a8a;font-size:11px}
.s4-form label b{color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s4-form label b.mono{font-weight:500;font-size:11.5px}
.s4-caret{display:inline-block;width:1.5px;height:12px;margin-left:2px;background:#FF3D14;vertical-align:-2px;animation:am-caret 1s steps(1) infinite}
.s4-goal{display:flex;align-items:center;gap:5px;padding:2px 2px 0}
.s4-goal>span{margin-right:auto}
.s4-goal em{font-style:normal;font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid #2e2e2e;color:#bdbdbd}
.s4-goal em.on{background:#DC3010;border-color:#DC3010;color:#fff;font-weight:600}
.s4-send{display:flex;justify-content:space-between;align-items:center;margin-top:2px}
.s4-send .mono{font-size:10px;color:#6f6f6f}
.s4-send b,.s4-actions b,.s4-dl b{font:600 11px/1 var(--sans);color:#fff;background:#DC3010;padding:7px 10px;border-radius:7px}
/* 2. script + timeline */
.s4-script{display:flex;flex-direction:column;gap:4px;padding:9px 10px 6px}
.s4-script span{display:flex;gap:8px;color:#bdbdbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s4-script span.hook{color:#fff;font-weight:600}
.s4-script time{flex:none;font:500 10.5px/1.5 var(--mono);color:#FF3D14;min-width:28px}
.s4-tl{position:relative;padding:4px 10px 10px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #1a1a1a}
.s4-ruler{display:flex;justify-content:space-between;padding-left:24px;font:500 9px/1 var(--mono);color:#5e5e5e}
.s4-track{display:flex;gap:3px;height:13px;align-items:stretch}
.s4-track b{flex:none;width:20px;font:600 9px/13px var(--mono);color:#6f6f6f}
.s4-track i{display:block;flex:1;border-radius:3px}
.s4-track.v i{background:#2c2c2c;border:1px solid #3a3a3a}
.s4-track.v i:first-of-type{background:rgba(255,61,20,.75);border-color:#FF3D14}
.s4-track.a i{background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1.5px,transparent 1.5px 4px);-webkit-mask:linear-gradient(180deg,transparent 15%,#000 15% 85%,transparent 85%);mask:linear-gradient(180deg,transparent 15%,#000 15% 85%,transparent 85%);opacity:.6}
.s4-track.t i{background:#1d1d1d;border:1px dashed #3a3a3a}
.s4-head-line{position:absolute;top:2px;bottom:6px;left:calc(10px + 24px);width:2px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.4);transform:translateX(52px);animation:s4-play 6s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes s4-play{from{transform:translateX(0)}to{transform:translateX(150px)}}
/* 3. review ticket */
.s4-chat{display:flex;flex-direction:column;gap:8px;padding:10px}
.s4-msg{display:flex;gap:8px;align-items:flex-start}
.s4-msg .av{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 10px/1 var(--sans);color:#fff;background:#DC3010}
.s4-msg.me .av{background:#2e2e2e}
.s4-msg .who{display:block;font:600 11px/1.2 var(--sans);color:#fff;margin-bottom:3px}
.s4-msg p{margin:0;color:#cfcfcf;font-size:12px;max-width:none}
.s4-file{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #2a2a2a;border-radius:8px;background:#121212;font-size:11px;color:#fff}
.s4-file .play,.s4-916 .play{width:0;height:0;border-left:7px solid #FF3D14;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.s4-actions{display:flex;justify-content:space-between;align-items:center;padding-top:2px}
.s4-chip.rev{margin-left:0}
/* 4. delivered files */
.s4-files{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 10px 6px}
.s4-vf{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.s4-916{position:relative;width:100%;max-width:58px;aspect-ratio:9/16;border:1.5px solid #e6e6e6;border-radius:9px;display:grid;place-items:center;background:linear-gradient(170deg,#1f1f1f 0%,#121212 70%,rgba(255,61,20,.25) 100%)}
.s4-916::after{content:"";position:absolute;right:-5px;top:-5px;width:13px;height:13px;border-radius:50%;background:#DC3010 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2 5 8l4-4.2' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;border:1.5px solid #0a0a0a}
.s4-vf b{font:600 11px/1 var(--sans);color:#fff;margin-top:2px}
.s4-vf .mono{font-size:9px;color:#6f6f6f;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s4-dl{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 10px}
.s4-dl .mono{font-size:10px;color:#7a7a7a}
@media (min-width:901px) and (max-width:1180px){.steps4.sv2{grid-template-columns:1fr 1fr}}
@media (min-width:901px){.s4-files .s4-916{max-width:52px}}
@media (max-width:520px){
  .sv2 .step4{padding:14px;gap:12px}
  .sv2 .s4-ico{width:48px;height:48px;min-width:48px}
  .sv2 .s4-ico .am-ico3d{width:28px;height:28px}
  .s4-916{max-width:54px}
}
@media (prefers-reduced-motion:reduce){
  .s4-head-line,.s4-caret{animation:none}
  .sv2 .step4,.sv2 .step4:hover{transition:none;transform:none}
}

/* Fit check (copy rewrite, 10 Nov 2026) */
.fitcheck{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:0 auto 14px}
.fitcheck button{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font:500 14px/1.3 var(--sans);padding:10px 14px 10px 36px;border-radius:999px;cursor:pointer;position:relative;text-align:left;transition:border-color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1)}
.fitcheck button::before{content:"";position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4)}
.fitcheck button::after{content:"";position:absolute;left:17px;top:50%;width:5px;height:9px;margin-top:-6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.fitcheck button[aria-pressed="true"]{border-color:#FF3D14;background:rgba(255,61,20,.12)}
.fitcheck button[aria-pressed="true"]::before{background:#FF3D14;border-color:#FF3D14}
.fitcheck button[aria-pressed="true"]::after{transform:rotate(45deg) scale(1)}
.fitcheck button:focus-visible{outline:2px solid #FF3D14;outline-offset:2px}
.fit-out{margin:0 0 18px;font:500 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--mut)}
.fit-out.is-yes{color:#FF3D14}
@media (max-width:600px){.fitcheck{flex-direction:column;align-items:stretch}}

/* ===== Grail-style hero + chapters (takeover, 10 Nov 2026) ===== */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/fraunces-300.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300;font-display:swap;src:url('/fonts/fraunces-300i.woff2') format('woff2')}
.home-gh{--serif:'Fraunces',ui-serif,Georgia,serif}
.gh{position:relative;height:230vh;background:#080808}
.gh-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;contain:paint}
.gh-meta{position:absolute;top:84px;left:0;right:0;width:min(1300px,calc(100% - 100px));margin:0 auto;display:flex;justify-content:space-between;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);z-index:6}
.gh-meta span:first-child{color:var(--accent)}
.gh-field{position:absolute;inset:0;pointer-events:none}
.gh-card{position:absolute;left:50%;top:50%;width:clamp(92px,10.4vw,150px);aspect-ratio:9/16;margin:calc(clamp(92px,10.4vw,150px) * -0.889) 0 0 calc(clamp(92px,10.4vw,150px) * -0.5);border-radius:14px;overflow:hidden;background:#141414;box-shadow:0 24px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);transform:translate3d(calc(var(--x) * 1vw),calc(var(--y) * 1vh),0) rotate(calc(var(--r) * 1deg)) scale(var(--s,1));will-change:transform,opacity;backface-visibility:hidden}
.gh-card img{width:100%;height:100%;object-fit:cover;display:block}
.gh-card.d0{--s:.62;z-index:1;filter:brightness(.42)}
.gh-card.d1{--s:.84;z-index:2;filter:brightness(.55)}
.gh-card.d2{--s:1.08;z-index:3;filter:brightness(.7)}
.gh:not(.is-gathered) .gh-card{z-index:1}
.gh.is-gathered .gh-card[data-s="0"],.gh.is-gathered .gh-card[data-s="4"]{z-index:6;filter:none}
.gh.is-gathered .gh-card[data-s="1"],.gh.is-gathered .gh-card[data-s="3"]{z-index:7;filter:none}
.gh.is-gathered .gh-card[data-s="2"]{z-index:8;filter:none}
/* Copy sits above floating frames so type stays readable. Vignette lives in this stacking context. */
.gh-copy{position:relative;z-index:10;isolation:isolate;text-align:center;width:min(1100px,calc(100% - 56px));padding:32px 28px 40px;will-change:transform,opacity}
.gh-copy::before{content:"";position:absolute;left:50%;top:50%;width:min(1200px,175%);height:180%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(8,8,8,.75) 0%,rgba(8,8,8,.58) 46%,rgba(8,8,8,.22) 74%,transparent 100%);z-index:-1;pointer-events:none}
.gh-h1{font-family:var(--serif);font-weight:300;font-size:clamp(52px,9.2vw,136px);line-height:.98;letter-spacing:-.01em;text-transform:uppercase;color:#fff;max-width:none;margin:0 auto;padding:12px 0 8px;text-shadow:0 2px 40px rgba(8,8,8,.7)}
.gh-h1 em{font-style:italic;color:var(--accent);text-transform:none}
.gh-lead{margin:32px auto 0;max-width:44ch;font:400 clamp(16px,1.25vw,19px)/1.5 var(--sans);color:#d6d6d6;text-shadow:0 1px 18px rgba(8,8,8,.9)}
.gh .hero-cta{justify-content:center;margin-top:32px}
.gh-end{position:absolute;left:0;right:0;bottom:7vh;z-index:9;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;pointer-events:none}
.gh.is-gathered .gh-end{pointer-events:auto}
.gh-end-k{margin:0;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
@media (max-width:700px){
  .gh{height:200vh}
  .gh-stage{padding:112px 0 36px;box-sizing:border-box}
  .gh-meta{top:88px;width:calc(100% - 32px);font-size:10px;z-index:12}
  .gh-meta span:last-child{display:none}
  /* Frames stay at the edges, smaller and dimmer, never over the headline. */
  .gh-card{width:64px;margin:-57px 0 0 -32px;border-radius:10px;opacity:.48;filter:brightness(.52)}
  .gh-card.d2{opacity:.55;filter:brightness(.58)}
  .gh-card.m-off{display:none}
  .gh.is-gathered .gh-card,.gh.is-gathered .gh-card.d2{opacity:1;filter:none}
  .gh-copy{width:calc(100% - 16px);padding:32px 8px 36px}
  .gh-h1{font-size:clamp(38px,12vw,54px);line-height:1.04;padding:18px 4px 12px;max-width:none}
  .gh-lead{font-size:16px;max-width:30ch;margin-top:28px}
  .gh .hero-cta{flex-wrap:wrap;gap:14px;margin-top:28px}
}
@media (prefers-reduced-motion:reduce){
  .gh{height:auto}
  .gh-stage{position:relative;min-height:100vh}
}
/* Flowing gradient on one key word (ported from TrustDB grad-text, Signal colours) */
.flow{color:var(--accent);background:linear-gradient(100deg,#FF3D14 0%,#FF7A4D 30%,#FFD2C2 50%,#FF7A4D 70%,#FF3D14 100%) 0 0/240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-inline:.04em}
@media (prefers-reduced-motion:no-preference){.flow{animation:am-flow 7s ease-in-out infinite alternate}}
@keyframes am-flow{to{background-position:100% 0}}
.chapter--paper .flow{background-image:linear-gradient(100deg,#DC3010 0%,#FF3D14 40%,#FF8A5C 55%,#DC3010 100%)}
/* Idle shine on the main CTA (TrustDB btn-shimmer idea, transform only) */
.btn-shine{position:relative;overflow:hidden;isolation:isolate}
.btn-shine::after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);transform:translateX(-120%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){.btn-shine::after{animation:am-shine 7s cubic-bezier(.65,0,.35,1) 2.5s infinite}.btn-shine:hover::after{animation:none}}
@keyframes am-shine{0%{transform:translateX(-120%)}16%,100%{transform:translateX(260%)}}
/* Hover glow ring on cards (TrustDB .fx idea, opacity only) */
@media (hover:hover) and (pointer:fine){
  .home .cat,.home .tool-card,.home .plan,.home .step4,.home .work-item{position:relative;isolation:isolate}
  .home .cat::before,.home .tool-card::before,.home .plan::before,.home .step4::before,.home .work-item::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:-1;box-shadow:0 0 0 1px rgba(255,61,20,.45),0 0 28px -4px rgba(255,61,20,.45),0 12px 32px -12px rgba(255,61,20,.4);transition:opacity .28s cubic-bezier(.16,1,.3,1)}
  .home .cat:hover::before,.home .tool-card:hover::before,.home .plan:hover::before,.home .step4:hover::before,.home .work-item:hover::before,.home .cat:focus-visible::before,.home .tool-card:focus-visible::before{opacity:1}
}
/* Grail chapter rows + sheets */
.chapter-k.ch-row{display:flex;justify-content:space-between;gap:16px;width:100%}
.chapter-k.ch-row span:last-child{color:var(--mut)}
.chapter--paper .chapter-k.ch-row span:last-child{color:#6b6b6b}
.chapter--orange .chapter-k.ch-row span:last-child{color:rgba(255,255,255,.75)}
.cta-final .chapter-k.ch-row{max-width:1300px;margin:0 auto 32px}
.home-gh main>.chapter,.home-gh main>.cta-final{position:relative;border-radius:28px 28px 0 0;margin-top:-28px;box-shadow:0 -1px 0 rgba(255,255,255,.07)}
.home-gh main>.chapter--paper,.home-gh main>.chapter--orange{box-shadow:none}
@media (max-width:700px){.home-gh main>.chapter,.home-gh main>.cta-final{border-radius:20px 20px 0 0;margin-top:-20px}}
.home-gh .chapter h2{font-family:var(--serif);font-weight:300;letter-spacing:-.015em;line-height:.98}
.home-gh .chapter h2 .hl{font-style:italic;font-weight:300}
.home-gh #problem h2{max-width:18ch;font-size:clamp(40px,6vw,88px)}
.home-gh .cta-final h2{font-family:var(--serif);font-weight:300;letter-spacing:-.015em;text-transform:none}
.home-gh .cta-final h2 .flow{font-style:italic}
/* Phone with orbiting cards + breathing blob (TrustDB wobble, Signal orange) */
.cut-stage .orb{position:absolute;width:34%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -18px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08);z-index:0;will-change:transform}
.cut-stage .orb img{width:100%;height:100%;object-fit:cover;display:block}
.cut-stage .o1{left:-58%;top:6%;rotate:-9deg;filter:brightness(.7)}
.cut-stage .o2{right:-56%;top:-4%;rotate:8deg;width:30%}
.cut-stage .o3{left:-40%;bottom:-6%;rotate:6deg;width:26%;filter:brightness(.55)}
.cut-stage .o4{right:-44%;bottom:4%;rotate:-6deg;filter:brightness(.8)}
.cut-stage .ip{position:relative;z-index:2}
.cut-stage .home-chip{z-index:3}
.cut-stage .blob{position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;margin:-75% 0 0 -75%;border-radius:50%;background:radial-gradient(circle,rgba(255,61,20,.22),rgba(255,61,20,.06) 45%,transparent 68%);z-index:-1;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.cut-stage .blob{animation:am-wobble 9s ease-in-out infinite}}
@keyframes am-wobble{0%,100%{transform:translate(0,0) scale(1)}35%{transform:translate(-4%,3%) scale(1.06)}70%{transform:translate(3%,-2%) scale(.97)}}
@media (max-width:700px){.cut-stage .o1,.cut-stage .o3{left:-46%}.cut-stage .o2,.cut-stage .o4{right:-46%}.cut-stage .orb{width:30%}}
#problem .gag{margin-top:26px}
.gh-meta span{background:rgba(8,8,8,.55);padding:4px 6px;margin:-4px -6px;border-radius:4px}

/* ===== copy-home-v2 text + pills + four-shot chapter ===== */
.status-chip{
  display:inline-flex;align-items:center;gap:8px;
  margin:0 0 18px;padding:6px 12px;border-radius:999px;
  border:1px solid rgba(255,61,20,.35);
  background:rgba(20,20,20,.55);
  font:500 12px/1 var(--mono, ui-monospace, monospace);
  letter-spacing:.04em;color:#fff;
}
.status-chip i{
  width:7px;height:7px;border-radius:50%;background:#FF3D14;
  box-shadow:0 0 0 4px rgba(255,61,20,.18);
}
.gh-kicker{
  margin:0 0 14px;font:500 12px/1.4 var(--sans);
  letter-spacing:.12em;text-transform:uppercase;color:#bdbdbd;
}
.gh-kicker b{color:#FF3D14;font-weight:700}
.sec-pill{
  display:inline-flex;align-items:center;
  padding:6px 12px;border-radius:999px;
  border:1px solid rgba(255,61,20,.4);
  background:rgba(8,8,8,.45);
  font:600 11px/1 var(--mono, ui-monospace, monospace);
  letter-spacing:.12em;text-transform:uppercase;color:#FF3D14;
  min-height:1.2em;
}
.chapter--paper .sec-pill{background:rgba(255,255,255,.6);border-color:rgba(220,48,16,.35);color:#DC3010}
.chapter--orange .sec-pill{background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.45);color:#fff}
.chapter-k.ch-row .sec-pill{margin:0}
.am-hover-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.am-hover-list li{
  font:500 12px/1 var(--mono, ui-monospace, monospace);
  letter-spacing:.06em;color:#fff;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(20,20,20,.4);
  cursor:default;min-width:8ch;text-align:center;
}
.chapter--paper .am-hover-list li{color:#111;background:rgba(255,255,255,.55);border-color:rgba(0,0,0,.08)}
/* Four-shot chapter, merged from the staged grail alternative, original wording minus "journey" */
.g-rows{list-style:none;margin:56px 0 0;padding:0}
.g-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr);gap:20px 40px;align-items:start;padding:22px 0 26px;border-top:1px solid #d8d6d2}
.g-row:nth-child(2){margin-left:5%}
.g-row:nth-child(3){margin-left:10%}
.g-row:nth-child(4){margin-left:15%}
.g-row-t{display:grid;grid-template-columns:1fr auto;column-gap:12px}
.g-row-t span{grid-column:1;color:#6a6a6a;font:400 13px/1.3 var(--sans)}
.g-row-t b{grid-column:1;color:#080808;font:600 18px/1.3 var(--sans);letter-spacing:-.01em}
.g-row-t .g-n{grid-column:2;grid-row:1 / span 2;font:400 12px/1 var(--mono, ui-monospace, monospace);font-style:normal;color:#8a8a8a;align-self:start;padding-top:3px}
.g-row>p{margin:0;max-width:38ch;color:#3a3a3a;font:400 15px/1.5 var(--sans)}
.g-scrub{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#080808;box-shadow:0 10px 30px rgba(8,8,8,.12)}
.g-trk{display:flex;gap:3px;height:14px}
.g-trk i{display:block;border-radius:3px;background:#262626;border:1px solid #333}
.g-trk i.on{position:relative;background:#DC3010;border-color:#FF3D14}
.g-trk i.on::after{content:"";position:absolute;top:-4px;bottom:-4px;left:50%;width:2px;border-radius:1px;background:#fff}
.g-scrub em{font:500 11px/1 var(--mono, ui-monospace, monospace);font-style:normal;color:#bdbdbd;letter-spacing:.04em}
.g-intro{margin:18px 0 0;max-width:40em;color:#3a3a3a;font:400 16px/1.5 var(--sans)}
.js .g-row{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.js .g-row.is-in{opacity:1;transform:none}
@media (max-width:900px){
  .g-row,.g-row:nth-child(n){grid-template-columns:1fr;margin-left:0;gap:14px}
  .g-rows{margin-top:36px}
}
@media (prefers-reduced-motion:reduce){
  .js .g-row{opacity:1;transform:none;transition:none}
}
/* Hero intro v2 (11 Nov 2026): desktop load-in. Cards are driven by gh.js; copy is pure CSS so it always lands. */
html.gh-pre .gh-card{opacity:0;animation:gh-safe 0s 2.5s forwards}
@keyframes gh-safe{to{opacity:1}}
@keyframes gh-rise{from{opacity:0;transform:translate3d(0,42px,0)}to{opacity:1;transform:none}}
@keyframes gh-fade{from{opacity:0}to{opacity:1}}
@media (min-width:701px) and (prefers-reduced-motion:no-preference){
  .gh-h1{animation:gh-rise 1.1s cubic-bezier(.16,1,.3,1) .15s both}
  .gh-lead{animation:gh-rise 1s cubic-bezier(.16,1,.3,1) .45s both}
  .gh .hero-cta{animation:gh-rise 1s cubic-bezier(.16,1,.3,1) .6s both}
  .gh-meta{animation:gh-fade 1.2s ease .8s both}
  .gh-stage .am-aurora{animation:gh-fade 1.6s ease both}
}
/* 11 Nov 2026 copy pass: benefit trio replaces the persona gag; readable service text on the paper section */
.why3{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1040px}
.why3 li{display:grid;gap:8px;padding:22px 22px 24px;border-radius:18px;background:rgba(20,20,20,.55);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}
.why3 b{font-family:var(--f-display);font-weight:800;font-size:18px;letter-spacing:-.005em;color:#fff}
.why3 b::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#FF3D14;vertical-align:2px}
.why3 span{color:#c4c4c4;font-size:15px;line-height:1.5}
@media (max-width:760px){.why3{grid-template-columns:1fr}}
.home-gh .chapter--paper .cat p,.home-gh .chapter--paper .cat p *{color:#3f3f3f !important;opacity:1 !important}
.home-gh .chapter--paper .cat b{color:#111}
.home-gh .chapter--paper .am-hover-list li{color:#333}
/* The Cut phone: iOS player sizing */
.ip--player{cursor:default}
.ip--player .ip-screen{--iosp-big:46px;--iosp-pad:7%}
.ip--player .ip-screen .iosp-ui{z-index:6}
.ip--player .ip-status{pointer-events:none}
#pricing .plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:900px){#pricing .plans{grid-template-columns:1fr 1fr}}@media (max-width:520px){#pricing .plans{grid-template-columns:1fr}}
/* 11 Nov 2026 page merge: contact form folded into the final CTA */
.cta-msg{max-width:560px;margin:28px auto 0;text-align:left;border-radius:18px;background:rgba(20,20,20,.55);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}
.cta-msg summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:700;color:#fff;display:flex;justify-content:space-between;align-items:center}
.cta-msg summary::-webkit-details-marker{display:none}
.cta-msg summary::after{content:"+";font-size:20px;color:#FF3D14;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.cta-msg[open] summary::after{transform:rotate(45deg)}
.cta-msg form{display:grid;gap:12px;padding:0 20px 20px}
.cta-msg .f-lead{color:#9a9a9a;font-size:13px;margin:0}
#faq .faq details{scroll-margin-top:100px}