.hero-title{display:contents}
@media(min-width:1001px){
 .mobile-only{display:none!important}
 .pitch-row,.rmeta{display:contents}
 .chan .stack{display:contents}
 .chan .ic{position:absolute;top:18px;left:0;width:15px;height:15px;stroke:var(--dim);transition:stroke .3s ease}
 .chan .k{padding-left:25px}
 .chan:hover .ic{stroke:var(--bone)}
 .chan .go{display:none}
}
@media(max-width:1000px){.desktop-only{display:none!important}}

/* Keep the shortened home pitch in one deliberate vertical rhythm. */
html[data-page="home"] .pitch{display:flex;flex-direction:column;gap:20px}
html[data-page="home"] .pitch .eyebrow,html[data-page="home"] .pitch .banned{margin:0}
html[data-page="home"] .pitch-row{display:block}
.door-lead a{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.pricing-note{font-family:var(--mono);font-size:12px;line-height:2;color:rgba(239,237,232,.72);max-width:64ch;margin:24px 0 34px}
.pricing-note a{color:var(--bone);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){html[data-page="home"] .pitch{gap:16px;max-width:min(65vw,260px);top:max(76px,calc(env(safe-area-inset-top) + 66px))}html[data-page="home"] .pitch .eyebrow{max-width:244px}.pricing-note{font-size:11px;margin:24px 20px 30px;max-width:60ch}}
@media(max-height:600px) and (max-width:1000px){html[data-page="home"] .pitch{gap:10px;top:64px}.pitch .eyebrow{font-size:8px}}

/* ---------- Hero aura field ----------
   Two canvases injected by aura.js: the WebGL plume field on the floor of the
   hero stack, the bokeh motes above the static CSS aura but still behind the
   subject, so the cutout is lit from within the smoke rather than pasted on
   top of it. Both blend with screen against the void. */
.hero .aura-field,
.hero .aura-motes{
  position:absolute;inset:0;width:100%;height:100%;
  display:block;pointer-events:none;
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 78%,rgba(0,0,0,.55) 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0 78%,rgba(0,0,0,.55) 90%,transparent 100%);
}
.hero .aura-field{z-index:1;opacity:.80;filter:saturate(1.18) contrast(1.04)}
.hero .aura-motes{z-index:4;opacity:.95}
@media(max-width:1000px){
  .hero .aura-field{opacity:1}
  .hero .aura-motes{opacity:.9}
}

/* No WebGL: a still plume bed so the hero never falls back to flat black. */
.hero.aura-fallback::before{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  mix-blend-mode:screen;
  background:
    radial-gradient(58% 46% at 50% 68%,rgba(74,44,190,.42),transparent 70%),
    radial-gradient(40% 52% at 44% 44%,rgba(196,40,168,.24),transparent 72%),
    radial-gradient(30% 34% at 58% 34%,rgba(46,180,255,.18),transparent 74%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0 76%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0 76%,transparent 100%);
}

@media(prefers-reduced-motion:reduce){
  .hero .aura-field{opacity:.7}
  .hero .aura-motes{opacity:.6}
}
/* V1.80: $49/mo plan card and compact contact row */
.plan{padding:12vh 38px 0}
.plan-card{max-width:880px;margin:0 auto;padding:clamp(28px,4vw,56px);border-radius:22px;border:1px solid transparent;background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,var(--spectrum) border-box;box-shadow:0 0 60px rgba(122,92,255,.16)}
.plan-eyebrow{margin:0 0 14px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:#64FFB4}
.plan-title{margin:0;font-family:var(--disp);font-weight:900;font-size:clamp(26px,4.4vw,54px);line-height:1;letter-spacing:-.035em;color:var(--bone)}
.plan-price{margin:18px 0 18px;font-family:var(--disp);font-weight:900;font-size:clamp(48px,8vw,104px);line-height:1;letter-spacing:-.05em;color:var(--bone)}
.plan-price span{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.14em;margin-left:10px;color:rgba(239,237,232,.72)}
.plan-copy{max-width:58ch;margin:0 0 26px;font-family:var(--mono);font-size:13px;line-height:2;color:rgba(239,237,232,.78)}
.plan-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 40px}
.plan-more{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:rgba(239,237,232,.72);text-decoration:underline;text-underline-offset:5px}
.reach{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;padding:0 0 16vh;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:rgba(239,237,232,.6)}
.reach a{color:var(--bone);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.reach a:hover{color:#64FFB4}
@media(max-width:1000px){.plan{padding:9vh 20px 0}.plan-card{padding:26px 22px;border-radius:18px}.plan-price span{display:block;margin:10px 0 0}.reach{margin:0 20px;gap:12px 18px;font-size:10px}.reach-lbl{width:100%}}

.agency-pricing{max-width:720px;margin:28px 0 34px;padding:24px;border:1px solid rgba(239,237,232,.22);font-family:var(--mono);color:var(--bone)}
.ap-eyebrow{font-size:11px;letter-spacing:.18em;opacity:.7;margin:0 0 8px}
.ap-title{font-size:20px;margin:0 0 16px;line-height:1.3}
.ap-table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 18px}
.ap-table th,.ap-table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(239,237,232,.16)}
.ap-table thead th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.ap-table td span{opacity:.7}
.ap-note{font-size:12px;line-height:1.9;color:rgba(239,237,232,.78);margin:0 0 10px;max-width:64ch}
.ap-note a{color:var(--bone);text-decoration:underline;text-underline-offset:4px}
.ap-example strong,.ap-crypto strong{color:var(--bone)}
@media(max-width:1000px){.agency-pricing{margin:24px 20px 30px;padding:18px}.ap-table{font-size:13px}.ap-table th,.ap-table td{padding:9px 4px}.ap-title{font-size:17px}}

.ag-sec{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:72px 48px;font-family:var(--mono);color:var(--bone)}
.ag-sec .agency-pricing{margin:0}
.ag-h{font-family:var(--display,inherit);font-size:clamp(26px,3.4vw,44px);line-height:1.1;margin:0 0 28px;text-transform:uppercase;letter-spacing:-.01em}
.ag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ag-card{border:1px solid rgba(239,237,232,.22);padding:22px}
.ag-q{font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;color:var(--bone)}
.ag-a,.ag-list,.ag-steps,.ag-faq p{font-size:13px;line-height:1.85;color:rgba(239,237,232,.78);margin:0}
.ag-list{padding-left:18px}.ag-list li{margin-bottom:6px}
.ag-steps{padding-left:22px;max-width:70ch}.ag-steps li{margin-bottom:12px}.ag-steps b{color:var(--bone)}
.ag-faq{border-bottom:1px solid rgba(239,237,232,.16);padding:14px 0;max-width:780px}
.ag-faq summary{cursor:pointer;font-size:14px;color:var(--bone)}.ag-faq p{margin-top:10px}
.ag-btns{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:10px}
.ag-link{color:var(--bone);font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.ag-sec{padding:48px 20px}.ag-grid{grid-template-columns:1fr;gap:12px}.ag-card{padding:16px}.ag-sec .agency-pricing{margin:0;padding:16px}}

/* Client receipt card (trevv.link) */
.rcase{display:block;width:min(460px,88vw);margin:0 0 clamp(18px,2.4vw,34px);color:inherit;text-decoration:none}
.rcase-in{display:block}
.rcase-shot{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border:1px solid rgba(255,255,255,.18);border-radius:10px;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s}
.rcase:hover .rcase-shot,.rcase:focus-visible .rcase-shot{transform:translateY(-3px);border-color:rgba(255,255,255,.5)}
.rcase-cap{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.rcase-t{color:var(--bone)}
.rcase-u{color:var(--dim)}