/* ============================================================
   OWL & GOATS — Global Brand System  (injected via Royal MCP)
   Dark-first · single accent #ff5b00 · DM Sans · glass cards
   Source of truth: OG-WordPress-Handoff.md / og-design.css
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --og-bg-primary:#0f1315; --og-bg-secondary:#0a0d0f; --og-bg-tertiary:#161b1e;
  --og-bg-elevated:#1a2024; --og-bg-hover:#20272c;
  --og-accent:#ff5b00; --og-accent-hover:#ff7a33; --og-accent-subtle:rgba(255,91,0,.14);
  --og-accent-text:#ff8a4d;
  --og-text:#f2f4f5; --og-text-2:#b2bdc2; --og-text-muted:#8b9398;
  --og-border:rgba(255,255,255,.08); --og-border-bright:rgba(255,255,255,.15);
  --og-radius-sm:8px; --og-radius-md:12px; --og-radius-lg:18px;
  --og-shadow-card:0 10px 34px rgba(0,0,0,.38);
  --og-ease:cubic-bezier(.2,.7,.2,1);
}
::selection{ background:rgba(255,91,0,.32); }

/* ---- OG content scope: everything I build lives under .og ---- */
.og{ font-family:"DM Sans","Google Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--og-text); -webkit-font-smoothing:antialiased; }
.og *{ box-sizing:border-box; }
.og-section{ background:var(--og-bg-primary); padding:64px 20px; }
.og-wrap{ max-width:1140px; margin:0 auto; }
.og h1,.og h2,.og h3{ letter-spacing:-.02em; line-height:1.15; margin:0 0 .4em; }
.og-display{ font-size:clamp(34px,6vw,46px); font-weight:800; line-height:1.05; letter-spacing:-.025em; }
.og-h2{ font-size:clamp(22px,3.5vw,30px); font-weight:700; }
.og-body{ font-size:15px; font-weight:500; line-height:1.6; color:var(--og-text-2); }
.og-small{ font-size:13px; color:var(--og-text-muted); }

/* eyebrow / chip */
.og-eyebrow{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--og-accent-text); margin-bottom:14px; }
.og-chip{ display:inline-flex; align-items:center; gap:6px; padding:3px 11px; border-radius:9999px;
  font-size:12px; font-weight:600; background:rgba(255,255,255,.045);
  border:1px solid var(--og-border); color:var(--og-text-muted); }
.og-chip-accent{ background:var(--og-accent-subtle); border-color:transparent; color:var(--og-accent); }

/* gradient heading */
.og-gradient{ background:linear-gradient(180deg,#fff 0%,#c9d2d6 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; }

/* glass card */
.og-card{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09);
  border-radius:var(--og-radius-lg); padding:22px;
  box-shadow:var(--og-shadow-card), inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .35s var(--og-ease), border-color .35s, background .35s; }
.og-card:hover{ transform:translateY(-2px); border-color:var(--og-border-bright); }

/* buttons */
.og-btn{ display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:var(--og-radius-md);
  font-weight:600; font-size:14px; text-decoration:none; border:1px solid transparent; cursor:pointer;
  transition:transform .14s var(--og-ease), filter .14s; }
.og-btn-primary{ background:var(--og-accent); color:#160a04; }
.og-btn-primary:hover{ transform:translateY(-1px); filter:brightness(1.06); color:#160a04; }
.og-btn-ghost{ background:transparent; color:var(--og-text); border-color:var(--og-border-bright); }
.og-btn-ghost:hover{ background:var(--og-bg-hover); color:var(--og-text); }

/* grid */
.og-grid{ display:grid; gap:18px; }
@media(min-width:680px){ .og-grid-2{ grid-template-columns:repeat(2,1fr);} .og-grid-3{ grid-template-columns:repeat(3,1fr);} .og-grid-4{ grid-template-columns:repeat(4,1fr);} }

/* corps agent card */
.og-agent{ text-align:left; }
.og-agent .mark{ width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:18px; margin-bottom:14px; border:1px solid var(--og-border-bright); }
.og-agent .role{ font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--og-text-muted); }
.og-agent .name{ font-size:18px; font-weight:700; color:var(--og-text); margin:2px 0 8px; }
.og-agent .quote{ font-size:14px; line-height:1.55; color:var(--og-text-2); }

/* hero glow */
.og-hero{ position:relative; text-align:center; padding:88px 20px 72px;
  background:radial-gradient(120% 90% at 50% 8%, rgba(255,91,0,.06), transparent 60%), var(--og-bg-primary); }
.og-hero .og-body{ max-width:640px; margin:0 auto 26px; font-size:17px; }
.og-cta-row{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
/* ============================================================
   OWL & GOATS — THE CONSOLE  ·  live mission-control terminal
   full-bleed exception · scoped .cx · pairs with .og system
   ============================================================ */


.cx{ --o:#ff5b00; --o2:#ff8a4d; --ink:#f4f6f7; --dim:#aeb8bd; --mut:#7e878c;
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16); --pnl:#0b0e10;
  font-family:"DM Sans",system-ui,sans-serif; color:var(--ink); background:#08090b;
  position:relative; overflow-x:clip; -webkit-font-smoothing:antialiased; line-height:1.5; }
.cx *{ box-sizing:border-box; }
.cx a{ color:inherit; text-decoration:none; }
.cx-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }
.cx-mono{ font-family:"JetBrains Mono",ui-monospace,monospace; }
.cx-disp{ font-family:"Bricolage Grotesque","DM Sans",sans-serif; }

/* grain + atmosphere (absolute, never fixed — scrolls with content) */
.cx::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.045; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.cx-bg{ position:absolute !important; inset:0 0 auto; height:1200px; z-index:0; pointer-events:none; overflow:hidden;
  background:
   radial-gradient(50% 40% at 18% 8%, rgba(255,91,0,.16), transparent 60%),
   radial-gradient(45% 45% at 92% 22%, rgba(91,155,255,.08), transparent 60%),
   radial-gradient(60% 50% at 50% 0%, rgba(255,91,0,.10), transparent 55%); }
.cx-bg::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(transparent 0 59px,var(--line) 59px 60px) 0 0/100% 60px,
            linear-gradient(90deg,transparent 0 59px,var(--line) 59px 60px) 0 0/60px 100%;
  mask:radial-gradient(70% 65% at 50% 22%,#000,transparent 78%); opacity:.6; }
.cx > *{ position:relative; z-index:2; }

/* ---------- HERO ---------- */
.cx-hero{ padding:72px 0 60px; }
.cx-hgrid{ display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center; }
@media(max-width:940px){ .cx-hgrid{ grid-template-columns:1fr; gap:38px; } }
.cx-eyebrow{ display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:600; letter-spacing:.2em;
  text-transform:uppercase; color:var(--o2); padding:7px 15px; border:1px solid rgba(255,91,0,.28);
  border-radius:9999px; background:rgba(255,91,0,.06); }
.cx-dot{ width:7px; height:7px; border-radius:50%; background:var(--o); animation:cx-pulse 2s infinite; }
@keyframes cx-pulse{ 0%{box-shadow:0 0 0 0 rgba(255,91,0,.55);} 70%{box-shadow:0 0 0 8px rgba(255,91,0,0);} 100%{box-shadow:0 0 0 0 rgba(255,91,0,0);} }
.cx-h1{ font-family:"Bricolage Grotesque",sans-serif; font-weight:700; font-size:clamp(46px,6.4vw,84px);
  line-height:.96; letter-spacing:-.035em; margin:26px 0 22px; }
.cx-h1 em{ font-style:normal; background:linear-gradient(108deg,#fff,#ffb78f 40%,var(--o) 62%,#fff 90%);
  background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:cx-shine 7s linear infinite; }
@keyframes cx-shine{ to{ background-position:220% center; } }
.cx-lead{ max-width:480px; font-size:17px; line-height:1.62; color:var(--dim); margin-bottom:30px; }
.cx-cta{ display:flex; gap:13px; flex-wrap:wrap; }
.cx-btn{ display:inline-flex; align-items:center; gap:9px; padding:13px 24px; border-radius:13px; font-weight:600;
  font-size:15px; border:1px solid transparent; transition:transform .16s,filter .18s,box-shadow .3s,background .2s; }
.cx-btn-p{ background:var(--o); color:#190b04; box-shadow:0 10px 34px rgba(255,91,0,.32); }
.cx-btn-p:hover{ transform:translateY(-2px); filter:brightness(1.07); box-shadow:0 16px 50px rgba(255,91,0,.5); }
.cx-btn-g{ background:rgba(255,255,255,.04); border-color:var(--line2); color:var(--ink); }
.cx-btn-g:hover{ background:rgba(255,255,255,.09); transform:translateY(-2px); }

/* entrance — JS-GATED: visible by default (no-JS safe); animations only apply
   once JS confirms it's running by adding .anim to .cx. Never gets stuck hidden. */
.cx-up,.cx-rev{ opacity:1; transform:none; }
@keyframes cx-up{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
/* hero load stagger (time-based, runs on load) */
.cx.anim .cx-hero .cx-up{ animation:cx-up .8s cubic-bezier(.2,.7,.2,1) both; }
.cx-d1{ animation-delay:.05s; } .cx-d2{ animation-delay:.16s; } .cx-d3{ animation-delay:.28s; }
.cx-d4{ animation-delay:.4s; } .cx-d5{ animation-delay:.54s; }
/* scroll reveal driven by IntersectionObserver (adds .in) */
.cx.anim .cx-rev{ opacity:0; transform:translateY(36px); filter:blur(7px);
  transition:opacity .85s cubic-bezier(.2,.7,.2,1), transform .85s cubic-bezier(.2,.7,.2,1), filter .85s ease; will-change:opacity,transform,filter; }
.cx.anim .cx-rev.in{ opacity:1; transform:none; filter:blur(0); }
/* graceful per-row stagger inside grids */
.cx.anim .cx-corps>.cx-rev:nth-child(4n+2),.cx.anim .cx-engines>.cx-rev:nth-child(2n),.cx.anim .cx-bento>.cx-rev:nth-child(3n+2),.cx.anim .cx-steps>.cx-rev:nth-child(2),.cx.anim .cx-mkt>.cx-rev:nth-child(2){ transition-delay:.08s; }
.cx.anim .cx-corps>.cx-rev:nth-child(4n+3),.cx.anim .cx-bento>.cx-rev:nth-child(3n),.cx.anim .cx-steps>.cx-rev:nth-child(3),.cx.anim .cx-mkt>.cx-rev:nth-child(3){ transition-delay:.16s; }
.cx.anim .cx-corps>.cx-rev:nth-child(4n+4),.cx.anim .cx-steps>.cx-rev:nth-child(4){ transition-delay:.24s; }

/* ---------- CONSOLE WINDOW MOCK ---------- */
.cx-win{ border-radius:18px; background:linear-gradient(180deg,#12161a,#0b0e10); border:1px solid var(--line2);
  box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden; animation:cx-float 7s ease-in-out infinite; }
@keyframes cx-float{ 50%{ transform:translateY(-10px); } }
.cx-bar{ display:flex; align-items:center; gap:8px; padding:13px 16px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.02); }
.cx-tl{ width:11px; height:11px; border-radius:50%; }
.cx-bar .t{ margin-left:10px; font-size:12px; color:var(--mut); }
.cx-win .body{ padding:16px; }
.cx-row{ display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:11px; border:1px solid transparent; transition:.25s; }
.cx-row:hover{ background:rgba(255,255,255,.035); border-color:var(--line); }
.cx-av{ width:30px; height:30px; border-radius:9px; display:grid; place-items:center; flex:none; border:1px solid var(--line2); }
.cx-av img{ width:18px; height:18px; }
.cx-row .nm{ font-weight:600; font-size:14px; } .cx-row .rl{ font-size:12px; color:var(--mut); }
.cx-stat{ margin-left:auto; font-size:11px; font-weight:600; letter-spacing:.04em; display:flex; align-items:center; gap:7px; }
.cx-live{ width:6px; height:6px; border-radius:50%; background:#a3e635; box-shadow:0 0 8px #a3e635; animation:cx-blink 1.6s infinite; }
.cx-run{ color:var(--o2); } .cx-run .cx-live{ background:var(--o); box-shadow:0 0 8px var(--o); }
@keyframes cx-blink{ 50%{ opacity:.35; } }
.cx-prog{ height:3px; border-radius:3px; background:rgba(255,255,255,.08); margin:14px 12px 4px; overflow:hidden; }
.cx-prog i{ display:block; height:100%; width:40%; border-radius:3px; background:linear-gradient(90deg,var(--o),var(--o2));
  animation:cx-load 2.6s ease-in-out infinite; }
@keyframes cx-load{ 0%{width:8%;} 60%{width:74%;} 100%{width:8%;} }

/* ---------- TELEMETRY TICKER ---------- */
.cx-ticker{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.015);
  overflow:hidden; margin-top:30px; mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.cx-ttrack{ display:flex; gap:42px; width:max-content; padding:13px 0; animation:cx-sc 30s linear infinite; }
.cx-ticker:hover .cx-ttrack{ animation-play-state:paused; }
@keyframes cx-sc{ to{ transform:translateX(-50%); } }
.cx-ti{ font-family:"JetBrains Mono",monospace; font-size:12.5px; color:var(--dim); white-space:nowrap; display:flex; gap:9px; align-items:center; }
.cx-ti b{ color:var(--ink); } .cx-ti .g{ color:#a3e635; }

/* ---------- SECTIONS ---------- */
.cx-sec{ padding:100px 0; }
.cx-kick{ font-family:"JetBrains Mono",monospace; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--o2); }
.cx-h2{ font-family:"Bricolage Grotesque",sans-serif; font-weight:700; font-size:clamp(30px,4.4vw,52px); letter-spacing:-.025em; margin:10px 0 0; }
.cx-sub{ color:var(--dim); font-size:16px; max-width:560px; margin-top:14px; line-height:1.6; }
@media(prefers-reduced-motion:reduce){ .cx-up,.cx-rev,.cx-win,.cx-h1 em{ animation:none!important; opacity:1!important; transform:none!important; } }

/* bento */
.cx-bento{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin-top:46px; }
.cx-cell{ position:relative; border:1px solid var(--line); border-radius:20px; padding:26px; overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s; }
.cx-cell:hover{ transform:translateY(-5px); border-color:var(--line2); }
.cx-cell .ic{ width:42px; height:42px; border-radius:12px; display:grid; place-items:center; font-size:19px;
  background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.28); margin-bottom:16px; }
.cx-cell h3{ font-size:18px; font-weight:700; margin:0 0 7px; } .cx-cell p{ margin:0; color:var(--dim); font-size:14.5px; line-height:1.6; }

/* ===== premium card treatment: cursor spotlight + rolling neon border (Google-style) ===== */
@property --cx-ang{ syntax:"<angle>"; inherits:false; initial-value:0deg; }
.cx-acard,.cx-eng,.cx-step,.cx-mcard,.cx-col,.cx-win{ position:relative; isolation:isolate; }
.cx-cell{ isolation:isolate; }
.cx-cell::before,.cx-acard::before,.cx-eng::before,.cx-step::before,.cx-mcard::before,.cx-col::before,.cx-win::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,-20%), rgba(255,138,77,.15), transparent 62%);
  opacity:0; transition:opacity .45s ease; }
.cx-cell:hover::before,.cx-acard:hover::before,.cx-eng:hover::before,.cx-step:hover::before,.cx-mcard:hover::before,.cx-col:hover::before,.cx-win:hover::before{ opacity:1; }
.cx-cell::after,.cx-acard::after,.cx-eng::after,.cx-step::after,.cx-mcard::after,.cx-col::after,.cx-win::after{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.4px; pointer-events:none; z-index:1;
  background:conic-gradient(from var(--cx-ang), transparent 0deg, #ff5b00 28deg, #ffd2ad 58deg, #ff5b00 88deg, transparent 128deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .5s ease; }
.cx-cell:hover::after,.cx-acard:hover::after,.cx-eng:hover::after,.cx-step:hover::after,.cx-mcard:hover::after,.cx-col:hover::after,.cx-win:hover::after{ opacity:1; animation:cx-spin-border 2.6s linear infinite; }
@keyframes cx-spin-border{ to{ --cx-ang:360deg; } }
.cx-acard>*,.cx-eng>*,.cx-step>*,.cx-mcard>*,.cx-col>*{ position:relative; z-index:2; }
@media(prefers-reduced-motion:reduce){ .cx-cell:hover::after,.cx-acard:hover::after,.cx-eng:hover::after,.cx-step:hover::after,.cx-mcard:hover::after,.cx-col:hover::after,.cx-win:hover::after{ animation:none !important; } }
.cx-c-wide{ grid-column:span 3; } .cx-c-half{ grid-column:span 3; } .cx-c-3{ grid-column:span 2; }
.cx-feat{ grid-column:span 3; grid-row:span 2; background:
  radial-gradient(80% 60% at 80% 0%,rgba(255,91,0,.14),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); }
.cx-big{ font-family:"Bricolage Grotesque"; font-size:clamp(40px,6vw,68px); font-weight:700; letter-spacing:-.03em; line-height:1; }
@media(max-width:860px){ .cx-bento{ grid-template-columns:1fr; } .cx-cell,.cx-feat,.cx-c-wide,.cx-c-half,.cx-c-3{ grid-column:1; grid-row:auto; } }

/* corps marquee */
.cx-mq{ overflow:hidden; padding:14px 0; mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); margin-top:44px; }
.cx-mt{ display:flex; gap:13px; width:max-content; animation:cx-sc 40s linear infinite; }
.cx-mq:hover .cx-mt{ animation-play-state:paused; }
.cx-chip{ display:flex; align-items:center; gap:11px; padding:11px 17px; border-radius:13px; white-space:nowrap;
  background:rgba(255,255,255,.035); border:1px solid var(--line); }
.cx-chip img{ width:24px; height:24px; } .cx-chip b{ font-size:14px; } .cx-chip span{ font-size:11.5px; color:var(--mut); }

/* yank the theme's empty page-title banner out of flow (forceful) */
body.page-id-15261 #pxl-page-title-default,
body.page-id-15261 .pxl-page-title,
body.page-id-15261 #pxl-page-title-elementor{
  display:none !important; position:absolute !important; top:-99999px !important; left:-99999px !important;
  height:0 !important; min-height:0 !important; max-height:0 !important; overflow:hidden !important;
  opacity:0 !important; visibility:hidden !important; margin:0 !important; padding:0 !important;
  pointer-events:none !important; z-index:-1 !important; }

/* domain engine cards */
.cx-engines{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:46px; }
@media(max-width:760px){ .cx-engines{ grid-template-columns:1fr; } }
.cx-eng{ border:1px solid var(--line); border-radius:20px; padding:26px; background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); }
.cx-eng .eh{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.cx-eng .eh .tile{ width:46px; height:46px; border-radius:12px; display:grid; place-items:center; flex:none; border:1px solid var(--line2); }
.cx-eng .eh .tile img{ width:27px; height:27px; }
.cx-eng .eh b{ font-family:"Bricolage Grotesque"; font-size:18px; display:block; line-height:1.1; }
.cx-eng .eh span{ display:block; font-size:12px; color:var(--mut); margin-top:2px; }
.cx-eng ul{ margin:0; padding:0; }
.cx-eng li{ list-style:none; padding:9px 0 9px 24px; position:relative; font-size:14px; color:var(--dim); border-top:1px solid var(--line); }
.cx-eng li::before{ content:"\203A"; position:absolute; left:5px; color:var(--o2); font-weight:700; }

/* reusable marketing cards */
.cx-mkt{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px; }
@media(max-width:760px){ .cx-mkt{ grid-template-columns:1fr; } }
.cx-mcard{ border-radius:18px; padding:26px; border:1px solid var(--line2); position:relative; overflow:hidden; }
.cx-mcard.o{ background:radial-gradient(130% 130% at 0 0,rgba(255,91,0,.20),transparent 58%),#140f0b; border-color:rgba(255,91,0,.3); }
.cx-mcard.b{ background:radial-gradient(130% 130% at 100% 0,rgba(91,155,255,.16),transparent 58%),#0c0f14; }
.cx-mcard.g{ background:radial-gradient(130% 130% at 0 100%,rgba(163,230,53,.14),transparent 58%),#0c120c; }
.cx-mcard h4{ font-family:"Bricolage Grotesque"; font-size:21px; margin:0 0 8px; line-height:1.1; }
.cx-mcard p{ font-size:13.5px; color:var(--dim); margin:0 0 18px; line-height:1.55; }
.cx-mcard .cx-btn{ padding:10px 18px; font-size:14px; }
.cx-bignum{ display:flex; gap:18px; flex-wrap:wrap; justify-content:center; margin-top:40px; }
.cx-bignum .bn{ text-align:center; }
.cx-bignum .bn b{ font-family:"Bricolage Grotesque"; font-size:clamp(34px,5vw,54px); display:block; line-height:1;
  background:linear-gradient(180deg,#fff,#ff8a4d); -webkit-background-clip:text; background-clip:text; color:transparent; }
.cx-bignum .bn span{ font-size:12.5px; color:var(--mut); text-transform:uppercase; letter-spacing:.08em; }

/* full 12-agent corps grid */
.cx-corps{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:46px; }
@media(max-width:980px){ .cx-corps{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .cx-corps{ grid-template-columns:1fr; } }
.cx-acard{ border:1px solid var(--line); border-radius:18px; padding:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); transition:transform .35s var(--og-ease,cubic-bezier(.2,.7,.2,1)),border-color .35s; }
.cx-acard:hover{ transform:translateY(-5px); border-color:var(--line2); }
.cx-acard .top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.cx-acard .tile{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; flex:none; border:1px solid var(--line2); }
.cx-acard .tile img{ width:26px; height:26px; }
.cx-acard .nm{ font-family:"Bricolage Grotesque"; font-weight:700; font-size:17px; line-height:1; }
.cx-acard .rl{ font-size:12px; color:var(--mut); margin-top:3px; }
.cx-acard .q{ font-size:13.5px; line-height:1.55; color:var(--dim); margin:0; }

/* how it works */
.cx-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:46px; }
@media(max-width:860px){ .cx-steps{ grid-template-columns:1fr 1fr; } }
.cx-step{ border:1px solid var(--line); border-radius:18px; padding:24px; position:relative; background:rgba(255,255,255,.02); }
.cx-step .n{ font-family:"JetBrains Mono"; font-size:13px; color:var(--o2); }
.cx-step h4{ font-size:17px; font-weight:700; margin:12px 0 7px; }
.cx-step p{ font-size:14px; color:var(--dim); margin:0; line-height:1.55; }

/* black-box vs glass */
.cx-vs{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:46px; }
@media(max-width:760px){ .cx-vs{ grid-template-columns:1fr; } }
.cx-col{ border:1px solid var(--line); border-radius:20px; padding:28px; }
.cx-col.good{ background:radial-gradient(120% 100% at 100% 0%,rgba(255,91,0,.10),transparent 55%),rgba(255,255,255,.03); border-color:rgba(255,91,0,.25); }
.cx-col h4{ font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; margin:0 0 14px; font-family:"JetBrains Mono"; }
.cx-col.bad h4{ color:var(--mut); } .cx-col.good h4{ color:var(--o2); }
.cx-col ul{ margin:0; padding:0; }
.cx-col li{ list-style:none; padding:10px 0 10px 26px; position:relative; font-size:14.5px; color:var(--dim); border-top:1px solid var(--line); }
.cx-col li::before{ position:absolute; left:0; top:10px; font-weight:700; }
.cx-col.bad li::before{ content:"\2715"; color:#ef4444; } .cx-col.good li::before{ content:"\2713"; color:#a3e635; }

/* trust + finale */
.cx-trust{ display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:center;
  border:1px solid var(--line); border-radius:26px; padding:46px;
  background:radial-gradient(100% 120% at 0% 0%,rgba(255,91,0,.10),transparent 55%),rgba(255,255,255,.025); }
@media(max-width:860px){ .cx-trust{ grid-template-columns:1fr; } }
.cx-chain{ font-family:"JetBrains Mono",monospace; font-size:12.5px; }
.cx-link{ display:flex; align-items:center; gap:11px; padding:11px 13px; border-radius:11px; border:1px solid var(--line);
  background:rgba(163,230,53,.05); margin-bottom:8px; }
.cx-link .h{ color:#a3e635; } .cx-link .v{ color:var(--mut); margin-left:auto; }
.cx-finale{ text-align:center; padding:96px 24px 120px; }
.cx-finale .cx-h2{ margin-bottom:14px; } .cx-finale .cx-sub{ margin:0 auto 28px; }

/* ---------- canvas reset + own nav/footer (showpiece exception) ---------- */
html:has(body.page-id-15261){ overflow-y:auto !important; height:auto !important; }
body.page-id-15261{ margin:0 !important; background:#08090b; overflow-x:clip;
  overflow-y:visible !important; height:auto !important; position:static !important; transform:none !important; }
/* neutralise any theme smooth-scroll wrapper that may still init */
body.page-id-15261 #pxl-smooth-content,
body.page-id-15261 .pxl-smooth-scroll,
body.page-id-15261 [data-scroll-container]{ position:static !important; transform:none !important; height:auto !important; overflow:visible !important; }
.cx{ min-height:100vh; }
.cx-nav{ position:sticky; top:0; z-index:60; backdrop-filter:blur(16px) saturate(160%); background:rgba(8,9,11,.72); border-bottom:1px solid var(--line); }
.cx-nav-in{ max-width:1200px; margin:0 auto; padding:15px 24px; display:flex; align-items:center; gap:22px; }
.cx-logo{ font-family:"Bricolage Grotesque"; font-weight:700; font-size:19px; letter-spacing:-.02em; display:flex; align-items:center; gap:9px; }
.cx-logo b{ color:var(--o); }
.cx-links{ display:flex; gap:26px; margin-left:14px; }
.cx-links a{ font-size:14px; color:var(--dim); transition:color .2s; }
.cx-links a:hover{ color:var(--ink); } .cx-links a.on{ color:var(--o2); }
.cx-nav .cx-navcta{ margin-left:auto; padding:9px 18px; font-size:14px; }
@media(max-width:760px){ .cx-links{ display:none; } }
.cx-foot{ border-top:1px solid var(--line); padding:42px 24px; }
.cx-foot-in{ max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; color:var(--mut); font-size:13px; }
.cx-foot a{ color:var(--dim); } .cx-foot a:hover{ color:var(--ink); }
.cx-foot .fl{ display:flex; gap:20px; flex-wrap:wrap; }

/* ===== FIX: team/agent cards use a WebGL image-distortion effect that renders
   BLACK on SVG agent images. Hide the dead canvas, show the agent glyph nicely. ===== */
.pxl-team-box .wrap-distort-canvas, .pxl-team-box .wrap-img-distortion canvas{ display:none !important; }
.pxl-team-box .wrap-img-distortion{ background:radial-gradient(120% 95% at 50% 28%, rgba(255,91,0,.14), #0d1113 74%) !important; overflow:hidden; }
.pxl-team-box .wrap-img-distortion img{ opacity:1 !important; visibility:visible !important; position:relative !important;
  left:auto !important; top:auto !important; width:100% !important; height:100% !important;
  object-fit:contain !important; padding:24% !important; filter:drop-shadow(0 10px 30px rgba(0,0,0,.5)); }

/* ===== native intake form (POSTs to OG /intake) ===== */
.cx-form{ max-width:640px; margin:38px auto 0; text-align:left; }
.cx-field{ margin-bottom:16px; }
.cx-field label{ display:block; font-size:13px; color:var(--dim); margin-bottom:7px; font-weight:600; }
.cx-field label .req{ color:var(--o); }
.cx-field input,.cx-field select,.cx-field textarea{ width:100%; padding:13px 16px; border-radius:12px;
  background:rgba(255,255,255,.04); border:1px solid var(--line); color:var(--ink); font-family:inherit; font-size:15px;
  transition:border-color .3s, background .3s; }
.cx-field input::placeholder,.cx-field textarea::placeholder{ color:var(--mut); }
.cx-field input:focus,.cx-field select:focus,.cx-field textarea:focus{ outline:none; border-color:var(--o); background:rgba(255,255,255,.06); box-shadow:0 0 0 3px rgba(255,91,0,.12); }
.cx-field select{ appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%); background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%; background-size:6px 6px,6px 6px; background-repeat:no-repeat; }
.cx-field textarea{ min-height:130px; resize:vertical; }
.cx-row2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:560px){ .cx-row2{ grid-template-columns:1fr; } }
.cx-form button[type=submit]{ width:100%; justify-content:center; padding:15px; font-size:15px; margin-top:8px; cursor:pointer; }
.cx-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.cx-form-note{ font-size:12.5px; color:var(--mut); text-align:center; margin-top:14px; }
.cx-form-result{ display:none; text-align:center; padding:50px 24px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.025); margin-top:38px; }
.cx-form-result .ic{ width:58px; height:58px; border-radius:50%; display:grid; place-items:center; margin:0 auto 18px; font-size:26px; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.3); }
.cx-form-result h3{ font-family:"Bricolage Grotesque"; font-size:26px; margin:0 0 8px; }
.cx-form-result p{ color:var(--dim); margin:0; }

/* ===== calendar booking page ===== */
.cx-book{ display:grid; grid-template-columns:1.05fr .95fr; gap:22px; max-width:920px; margin:36px auto 0; text-align:left; }
@media(max-width:840px){ .cx-book{ grid-template-columns:1fr; } }
.cx-panel{ border:1px solid var(--line); border-radius:20px; padding:24px; background:rgba(255,255,255,.025); }
.cx-cal-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.cx-cal-head b{ font-family:"Bricolage Grotesque"; font-size:18px; }
.cx-nav{ width:34px; height:34px; border-radius:10px; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; font-size:16px; }
.cx-nav:hover:not(:disabled){ background:rgba(255,255,255,.07); } .cx-nav:disabled{ opacity:.3; cursor:default; }
.cx-grid7{ display:grid; grid-template-columns:repeat(7,1fr); gap:5px; }
.cx-dow{ text-align:center; font-size:10.5px; color:var(--mut); padding:6px 0; text-transform:uppercase; letter-spacing:.06em; }
.cx-day{ aspect-ratio:1; border-radius:10px; border:1px solid transparent; background:transparent; color:var(--ink); font-size:14px; cursor:pointer; transition:.18s; font-family:inherit; }
.cx-day:hover:not(:disabled){ background:rgba(255,91,0,.12); border-color:rgba(255,91,0,.3); }
.cx-day:disabled{ color:var(--mut); opacity:.3; cursor:default; }
.cx-day.sel{ background:var(--o); color:#190b04; font-weight:700; }
.cx-day.today{ border-color:var(--line2); }
.cx-slots-label{ font-size:12px; color:var(--mut); text-transform:uppercase; letter-spacing:.06em; margin:18px 0 10px; }
.cx-slots{ display:flex; flex-wrap:wrap; gap:8px; }
.cx-slot{ padding:8px 15px; border-radius:9999px; border:1px solid var(--line); background:transparent; color:var(--ink); font-size:13px; cursor:pointer; transition:.18s; font-family:inherit; }
.cx-slot:hover{ border-color:var(--o2); } .cx-slot.sel{ background:var(--o); color:#190b04; border-color:var(--o); font-weight:600; }
.cx-pick{ font-size:13.5px; color:var(--dim); padding:12px 15px; border-radius:12px; background:rgba(255,91,0,.08); border:1px solid rgba(255,91,0,.2); margin-bottom:18px; }
.cx-pick b{ color:var(--o2); } .cx-pick.empty{ background:rgba(255,255,255,.03); border-color:var(--line); color:var(--mut); }
.cx-bookbar{ text-align:center; font-size:14px; margin-top:14px; }
.cx-bookbar a{ color:var(--o2); font-weight:600; }

/* ===== FIX: native <select> dropdown options were white-on-white (unreadable) ===== */
.cx-field select option, .cx select option, .cx-form select option{ background:#12161a !important; color:#f2f4f5 !important; }

/* ===== Booking — Google/Calendly-grade ===== */
.cx-bookcard{ max-width:880px; margin:30px auto 0; border:1px solid var(--line2); border-radius:24px; padding:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); text-align:left; box-shadow:0 34px 90px rgba(0,0,0,.45); }
.cx-event{ display:flex; gap:15px; align-items:flex-start; padding-bottom:22px; margin-bottom:24px; border-bottom:1px solid var(--line); }
.cx-event .ev-ic{ width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.3); font-size:23px; flex:none; }
.cx-event h3{ font-family:"Bricolage Grotesque"; font-size:21px; margin:0 0 5px; }
.cx-event .ev-sub{ font-size:14px; color:var(--dim); margin:0 0 9px; }
.cx-event .ev-meta{ font-size:12.5px; color:var(--mut); display:flex; gap:18px; flex-wrap:wrap; }
.cx-event .ev-meta span{ display:inline-flex; align-items:center; gap:6px; } .cx-event .ev-meta b{ color:var(--ink2); font-weight:500; }
.cx-book{ display:grid; grid-template-columns:1fr 300px; gap:28px; align-items:start; }
@media(max-width:780px){ .cx-book{ grid-template-columns:1fr; gap:22px; } }
.cx-slotcol .sc-head{ font-size:13px; color:var(--dim); margin-bottom:12px; font-weight:600; }
.cx-slots{ display:grid; grid-template-columns:1fr 1fr; gap:9px; max-height:320px; overflow-y:auto; padding-right:4px; }
.cx-slots::-webkit-scrollbar{ width:6px; } .cx-slots::-webkit-scrollbar-thumb{ background:var(--line2); border-radius:6px; }
.cx-slot{ padding:11px 8px; border-radius:11px; text-align:center; }
.cx-empty-slots{ color:var(--mut); font-size:14px; padding:46px 14px; text-align:center; border:1px dashed var(--line); border-radius:14px; line-height:1.5; }
.cx-step-form .sf-back{ background:none; border:none; color:var(--o2); cursor:pointer; font-size:14px; padding:0; margin-bottom:16px; font-family:inherit; }
.cx-step-form .sf-back:hover{ text-decoration:underline; }
.cx-step-form .sf-slot{ font-size:15px; padding:15px 17px; border-radius:13px; background:rgba(255,91,0,.1); border:1px solid rgba(255,91,0,.25); margin-bottom:22px; display:flex; align-items:center; gap:10px; }
.cx-step-form .sf-slot b{ color:var(--o2); }
.cx-day{ font-weight:500; }

/* ===== Booking scheduler v3 — clean, conflict-free (.bk-) ===== */
.bk{ max-width:900px; margin:24px auto 0; text-align:left; }
.bk-card{ border:1px solid var(--line2); border-radius:24px; overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); box-shadow:0 34px 90px rgba(0,0,0,.45); }
.bk-event{ display:flex; gap:15px; padding:26px 28px; border-bottom:1px solid var(--line); }
.bk-event .ic{ width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.3); font-size:23px; flex:none; }
.bk-event h3{ font-family:"Bricolage Grotesque"; font-size:21px; margin:0 0 5px; }
.bk-event .sub{ font-size:14px; color:var(--dim); margin:0 0 10px; }
.bk-event .meta{ font-size:12.5px; color:var(--mut); display:flex; gap:18px; flex-wrap:wrap; }
.bk-event .meta b{ color:var(--ink2); font-weight:500; }
.bk-body{ display:grid; grid-template-columns:1fr 290px; }
@media(max-width:740px){ .bk-body{ grid-template-columns:1fr; } }
.bk-cal{ padding:26px 28px; }
.bk-cal-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.bk-cal-head b{ font-family:"Bricolage Grotesque"; font-size:17px; }
.bk-nav{ width:36px; height:36px; border-radius:10px; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; font-size:17px; line-height:1; transition:.15s; }
.bk-nav:hover:not(:disabled){ background:rgba(255,255,255,.07); } .bk-nav:disabled{ opacity:.22; cursor:default; }
.bk-dows{ display:grid; grid-template-columns:repeat(7,1fr); margin-bottom:8px; }
.bk-dows span{ text-align:center; font-size:11px; color:var(--mut); text-transform:uppercase; letter-spacing:.04em; }
.bk-days{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.bk-day{ height:42px; display:flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid transparent; background:transparent; color:var(--ink); font-size:14px; font-weight:500; cursor:pointer; transition:.15s; font-family:inherit; }
.bk-day:hover:not(:disabled):not(.empty){ background:rgba(255,91,0,.13); border-color:rgba(255,91,0,.3); }
.bk-day:disabled{ color:var(--mut); opacity:.28; cursor:default; }
.bk-day.empty{ pointer-events:none; }
.bk-day.today:not(.sel){ box-shadow:inset 0 0 0 1px var(--line2); }
.bk-day.sel{ background:var(--o); color:#190b04; font-weight:700; }
.bk-times{ padding:26px 22px; border-left:1px solid var(--line); background:rgba(0,0,0,.18); }
@media(max-width:740px){ .bk-times{ border-left:none; border-top:1px solid var(--line); } }
.bk-times .th{ font-size:13.5px; font-weight:600; margin-bottom:14px; color:var(--ink); }
.bk-slots{ display:flex; flex-direction:column; gap:8px; max-height:296px; overflow-y:auto; padding-right:4px; }
.bk-slots::-webkit-scrollbar{ width:6px; } .bk-slots::-webkit-scrollbar-thumb{ background:var(--line2); border-radius:6px; }
.bk-slot{ padding:12px; border-radius:11px; border:1px solid var(--line2); background:transparent; color:var(--ink); font-size:14px; font-weight:600; cursor:pointer; transition:.15s; text-align:center; font-family:inherit; }
.bk-slot:hover{ border-color:var(--o); color:var(--o2); background:rgba(255,91,0,.06); }
.bk-empty{ color:var(--mut); font-size:13.5px; text-align:center; padding:48px 12px; line-height:1.6; border:1px dashed var(--line); border-radius:12px; }
.bk-confirm{ padding:28px; }
.bk-back{ background:none; border:none; color:var(--o2); cursor:pointer; font-size:14px; padding:0; margin-bottom:18px; font-family:inherit; }
.bk-back:hover{ text-decoration:underline; }
.bk-chosen{ font-size:15px; padding:15px 17px; border-radius:13px; background:rgba(255,91,0,.1); border:1px solid rgba(255,91,0,.25); margin-bottom:22px; display:flex; gap:10px; align-items:center; }
.bk-chosen b{ color:var(--o2); }

/* ===== global responsiveness safety (all custom pages) ===== */
.cx, .fdr{ overflow-x:clip; max-width:100vw; }
.cx img, .fdr img, .bk-card img, .oga img{ max-width:100%; height:auto; }
.cx-h1,.cx-h2,.fdr-name,.fdr-serif{ overflow-wrap:break-word; }
@media(max-width:640px){
  .cx-wrap,.fdr-wrap{ padding-left:18px !important; padding-right:18px !important; }
  .cx-hero{ padding-top:54px; } .fdr-hero{ padding-top:60px; }
  .cx-stats{ grid-template-columns:1fr 1fr; }
  .cx-bignum{ gap:22px 26px; }
  .cx-win,.bk-card,.cx-bookcard{ font-size:14px; }
  .cx-row2{ grid-template-columns:1fr; }
  .bk-times{ padding:22px 18px; }
  .cx-trust,.cx-vs,.cx-engines,.cx-corps,.cx-bento{ grid-template-columns:1fr !important; }
}
@media(max-width:420px){
  .cx-cta,.fdr-social{ flex-direction:column; align-items:stretch; }
  .cx-cta .cx-btn{ justify-content:center; }
  .bk-days .bk-day{ height:38px; font-size:13px; }
}
/* ============================================================
   OWL & GOATS — THE FOUNDERS  ·  editorial magazine-profile
   warm dark · Fraunces serif · deliberately NOT the .cx terminal
   scoped .fdr ; full-bleed exception
   ============================================================ */


.fdr{ --bg:#0d0b09; --bg2:#13100c; --ink:#efe7da; --ink2:#b7ad9e; --mut:#857c6f;
  --acc:#ff5b00; --acc2:#ff9d5c; --gold:#e7c89a; --line:rgba(231,200,154,.14); --line2:rgba(231,200,154,.28);
  font-family:"DM Sans",system-ui,sans-serif; color:var(--ink); background:var(--bg);
  position:relative; overflow-x:clip; -webkit-font-smoothing:antialiased; line-height:1.6; }
.fdr *{ box-sizing:border-box; }
.fdr a{ color:inherit; text-decoration:none; }
.fdr-serif{ font-family:"Fraunces","Hoefler Text",Georgia,serif; }
.fdr-wrap{ max-width:1140px; margin:0 auto; padding:0 26px; }
.fdr-bg{ position:absolute !important; inset:0 0 auto; height:900px; z-index:0; pointer-events:none;
  background:radial-gradient(46% 40% at 14% 6%, rgba(255,91,0,.13), transparent 62%),
            radial-gradient(40% 38% at 92% 0%, rgba(231,200,154,.07), transparent 60%); }
.fdr::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.fdr > *{ position:relative; z-index:2; }

/* reveal (JS-gated, same SOP) */
.fdr-rev{ opacity:1; }
.fdr.anim .fdr-rev{ opacity:0; transform:translateY(30px); transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }
.fdr.anim .fdr-rev.in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){ .fdr.anim .fdr-rev{ opacity:1!important; transform:none!important; } }

/* ---------- HERO ---------- */
.fdr-hero{ padding:96px 0 70px; }
.fdr-hgrid{ display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; }
@media(max-width:900px){ .fdr-hgrid{ grid-template-columns:1fr; gap:40px; } .fdr-portrait{ order:-1; max-width:380px; } }
.fdr-eyebrow{ font-family:"DM Sans"; font-size:12px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--acc2); }
.fdr-name{ font-weight:500; font-size:clamp(58px,9vw,116px); line-height:.92; letter-spacing:-.02em; margin:16px 0 0;
  background:linear-gradient(180deg,#fff,#e7c89a 130%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.fdr-role{ font-family:"Fraunces"; font-style:italic; font-size:clamp(20px,2.6vw,28px); color:var(--ink2); margin:10px 0 0; font-weight:400; }
.fdr-essence{ font-size:18px; line-height:1.7; color:var(--ink2); max-width:440px; margin:24px 0 28px; }
.fdr-social{ display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.fdr-link{ font-size:14.5px; font-weight:600; letter-spacing:.02em; position:relative; padding-bottom:3px; }
.fdr-link::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--acc); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.2,.7,.2,1); }
.fdr-link:hover::after{ transform:scaleX(1); }
.fdr-link.in-link{ color:var(--acc2); }

.fdr-portrait{ position:relative; margin:0; }
.fdr-portrait img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:18px; display:block;
  border:1px solid var(--line2); filter:grayscale(.15) contrast(1.03); transition:transform .9s cubic-bezier(.2,.7,.2,1), filter .9s; }
.fdr-portrait::before{ content:""; position:absolute; inset:-18px; border-radius:26px; z-index:-1;
  background:radial-gradient(60% 60% at 50% 30%, rgba(255,91,0,.18), transparent 70%); }
.fdr-portrait:hover img{ transform:scale(1.02); filter:grayscale(0) contrast(1.05); }
.fdr-mono{ position:absolute; bottom:-16px; right:-16px; width:64px; height:64px; border-radius:50%;
  display:grid; place-items:center; background:var(--bg2); border:1px solid var(--line2);
  font-family:"Fraunces"; font-weight:600; font-size:18px; color:var(--gold); box-shadow:0 14px 40px rgba(0,0,0,.5); }

/* ---------- PULL QUOTE ---------- */
.fdr-quote{ padding:60px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.fdr-quote blockquote{ margin:0 auto; max-width:900px; text-align:center; font-style:italic; font-weight:400;
  font-size:clamp(26px,4.2vw,48px); line-height:1.28; letter-spacing:-.015em; color:var(--ink); }
.fdr-quote .qm{ color:var(--acc); font-style:normal; }

/* ---------- STORY ---------- */
.fdr-story{ padding:90px 0; }
.fdr-story-grid{ display:grid; grid-template-columns:200px 1fr; gap:50px; }
@media(max-width:820px){ .fdr-story-grid{ grid-template-columns:1fr; gap:18px; } }
.fdr-label{ font-family:"DM Sans"; font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--mut); padding-top:10px; }
.fdr-prose{ max-width:660px; }
.fdr-prose p{ font-size:18.5px; line-height:1.85; color:var(--ink2); margin:0 0 24px; }
.fdr-prose p:first-of-type::first-letter{ font-family:"Fraunces"; font-weight:500; font-size:4.4em; line-height:.78; float:left; padding:6px 14px 0 0; color:var(--gold); }
.fdr-prose strong{ color:var(--ink); font-weight:600; }

/* ---------- DOMAIN ---------- */
.fdr-domain{ padding:30px 0 90px; }
.fdr-kick{ font-family:"DM Sans"; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--acc2); }
.fdr-domain h2{ font-weight:400; font-size:clamp(30px,4.4vw,52px); letter-spacing:-.02em; margin:12px 0 36px; }
.fdr-owns{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:760px){ .fdr-owns{ grid-template-columns:1fr; } }
.fdr-own{ border:1px solid var(--line); border-radius:16px; padding:26px; background:linear-gradient(180deg,rgba(231,200,154,.04),transparent); transition:border-color .4s, transform .4s; }
.fdr-own:hover{ border-color:var(--line2); transform:translateY(-4px); }
.fdr-own h3{ font-family:"Fraunces"; font-weight:500; font-size:21px; margin:0 0 8px; }
.fdr-own p{ font-size:14.5px; color:var(--ink2); margin:0 0 14px; line-height:1.6; }
.fdr-own .dir{ font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--mut); }
.fdr-own .dir b{ color:var(--acc2); font-weight:600; }

/* ---------- OTHER FOUNDERS ---------- */
.fdr-others{ padding:70px 0; border-top:1px solid var(--line); }
.fdr-other-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:26px; }
@media(max-width:680px){ .fdr-other-grid{ grid-template-columns:1fr; } }
.fdr-ocard{ display:flex; align-items:center; gap:18px; border:1px solid var(--line); border-radius:16px; padding:18px 22px; transition:border-color .4s, transform .4s; }
.fdr-ocard:hover{ border-color:var(--line2); transform:translateY(-3px); }
.fdr-ocard img{ width:62px; height:74px; object-fit:cover; border-radius:10px; filter:grayscale(.2); }
.fdr-ocard .on{ font-family:"Fraunces"; font-weight:500; font-size:22px; }
.fdr-ocard .or{ font-size:12.5px; color:var(--mut); }
.fdr-ocard .ar{ margin-left:auto; color:var(--acc2); font-size:20px; }

/* ---------- CTA ---------- */
.fdr-cta{ text-align:center; padding:96px 26px 120px; }
.fdr-cta h2{ font-weight:400; font-size:clamp(30px,4.6vw,54px); letter-spacing:-.02em; margin:0 0 26px; }
.fdr-btn{ display:inline-flex; align-items:center; gap:9px; padding:15px 30px; border-radius:9999px; font-weight:600; font-size:15px;
  background:var(--acc); color:#190b04; transition:transform .16s, filter .16s, box-shadow .3s; box-shadow:0 10px 34px rgba(255,91,0,.3); }
.fdr-btn:hover{ transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 16px 50px rgba(255,91,0,.5); }

/* ===== neon cursor effect (same as Console): spotlight + rolling neon border ===== */
.fdr-own,.fdr-ocard{ position:relative; isolation:isolate; overflow:hidden; }
.fdr-own::before,.fdr-ocard::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,-20%), rgba(255,138,77,.16), transparent 62%); opacity:0; transition:opacity .45s ease; }
.fdr-own:hover::before,.fdr-ocard:hover::before{ opacity:1; }
.fdr-own::after,.fdr-ocard::after{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1.4px; pointer-events:none; z-index:1;
  background:conic-gradient(from var(--cx-ang), transparent 0deg, #ff5b00 28deg, #ffd2ad 58deg, #ff5b00 88deg, transparent 128deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .5s ease; }
.fdr-own:hover::after,.fdr-ocard:hover::after{ opacity:1; animation:cx-spin-border 2.6s linear infinite; }
.fdr-own>*,.fdr-ocard>*{ position:relative; z-index:2; }
/* also give the portrait a soft cursor glow */
.fdr-portrait{ isolation:isolate; }
@media(prefers-reduced-motion:reduce){ .fdr-own:hover::after,.fdr-ocard:hover::after{ animation:none !important; } }
/* hide theme banner on founder pages handled per-page by JS too */