/* ==========================================================================
   style-2.css — the ONE stylesheet for every page (global + UAE).
   1. COMMON  : reset, brand tokens, buttons, header, footer, shared components.
   2. Page sections, each scoped by a class on that page's <main> so palettes/classes never clash:
        .p-detail  (+ p-sanity | p-strapi | p-payload | p-contentful)  CMS detail pages
        .p-hub     headless CMS master page
        .p-react   React JS page
        .p-next    Next.js page
        .p-seo     SEO / AI-search / Klaviyo pages (+ .p-seo-<page> for page-only styles)
   ========================================================================== */

/* ==========================================================================
   1. COMMON
   ========================================================================== */
:root{
  --brand-navy:#0B1166;
  --brand-blue:#171FA8;
  --brand-blue-2:#3736FB;
  --brand-violet:#4B2FC9;

  --accent-green:#2FB457;
  --accent-green-strong:#239247;
  --accent-gold:#FFBE10;
  --accent-gold-ink:#3A2600;

  --font-display:'Bricolage Grotesque', system-ui, sans-serif;
  --font-body:'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  color-scheme: light;
}
/* fallbacks so header/footer (outside the page wrapper) always resolve these */
:root{--bg:#FFFFFF;--bg-tint:#F1F2FF;--surface:#FFFFFF;--surface-tint:#EAEBFE;--border:#DFE2F7;--text:#12142E;--text-dim:#585C78;--text-faint:#8A8EB0;--accent:#3736FB;--accent-dark:#171FA8;}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;}
.wrap{max-width:1380px;margin:0 auto;padding:0 24px;}
.wrap-narrow{max-width:820px;margin:0 auto;padding:0 24px;}
section{padding:64px 0;}
@media (max-width:720px){ section{padding:44px 0;} }

h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-0.01em;}
h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;letter-spacing:-0.02em;}
h2{font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.2;}
h3{font-size:1.15rem;line-height:1.3;}
p{margin:0;}
.body-copy{color:var(--text-dim);font-size:1.05rem;line-height:1.8;}
.body-copy + .body-copy{margin-top:20px;}
.lede{color:var(--text-dim);font-size:1.1rem;line-height:1.7;max-width:60ch;}


.btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  font-family:var(--font-body);font-weight:600;font-size:0.95rem;
  padding:13px 26px;border-radius:8px;border:1px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .15s ease, background .15s ease;
  white-space:nowrap;
}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-dark);}
.btn-outline{background:transparent;border-color:var(--border);color:var(--text);}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);}
.btn-ghost{background:transparent;border-color:var(--border);color:var(--text);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}
.btn-dark{background:#211705;color:#FFE9B3;}
.btn-dark:hover{background:#382608;}
.btn-block{width:100%;}


.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:0.75rem;font-weight:500;
  letter-spacing:0.06em;text-transform:uppercase;
  color:var(--accent);background:var(--surface-tint);border:1px solid var(--border);
  padding:6px 12px;border-radius:100px;
}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;}
.eyebrow-invert{color:#fff;background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.24);}
.eyebrow-invert .dot{background:#fff;}
.eyebrow-gold{color:var(--accent-gold-ink);background:rgba(58,38,0,0.08);border-color:rgba(58,38,0,0.18);}
.eyebrow-gold .dot{background:var(--accent-gold-ink);}


.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:700px;margin-bottom:40px;}
.section-head.center{align-items:center;text-align:center;margin-left:auto;margin-right:auto;}
.section-head h2{color:var(--text);}


.topbar{background:#000;color:#fff;font-size:0.78rem;}
.topbar-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:20px;}
.topbar-left{display:flex;align-items:center;gap:12px;font-weight:600;}
.topbar-left .soc{display:flex;align-items:center;gap:8px;}
.topbar-left .soc a{width:22px;height:22px;border-radius:5px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;}
.topbar-right{display:flex;align-items:center;gap:22px;}
.topbar-right a{text-decoration:none;color:#fff;font-weight:500;opacity:0.92;}
.topbar-right a:hover{opacity:1;text-decoration:underline;}
.lang-select{background:#fff;color:#12142E;border:none;border-radius:6px;padding:5px 10px;font-family:var(--font-body);font-size:0.78rem;font-weight:600;}
@media (max-width:860px){ .topbar-right a{display:none;} }

.mainnav{background:linear-gradient(90deg, var(--brand-navy) 0%, var(--brand-blue) 55%, var(--brand-violet) 100%);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none;}
.brand-logo{height:38px;width:auto;display:block;}
nav.links{display:flex;align-items:center;gap:26px;flex:1;justify-content:center;}
nav.links a{text-decoration:none;color:rgba(255,255,255,0.78);font-size:0.92rem;font-weight:500;white-space:nowrap;}
nav.links a:hover{color:#fff;}
nav.links a.active{color:#fff;}
.nav-actions{display:flex;align-items:center;gap:14px;flex:none;}
.btn-contact{background:var(--accent-green);color:#04180B;font-weight:700;letter-spacing:0.02em;padding:11px 20px;border-radius:8px;text-decoration:none;font-size:0.92rem;}
.btn-contact:hover{background:var(--accent-green-strong);}
.nav-toggle{display:none;}
.burger{display:none;}

@media (max-width:1120px){
  nav.links{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--brand-navy);border-bottom:1px solid rgba(255,255,255,0.22);
    max-height:0;overflow:hidden;transition:max-height .25s ease;
  }
  nav.links a{padding:16px 24px;border-top:1px solid rgba(255,255,255,0.22);}
  .nav-toggle:checked ~ nav.links{max-height:360px;}
  .burger{
    display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,0.22);
    cursor:pointer;background:transparent;
  }
  .burger span, .burger span::before, .burger span::after{
    content:"";display:block;width:16px;height:2px;background:#fff;position:relative;
  }
  .burger span::before{position:absolute;top:-5px;}
  .burger span::after{position:absolute;top:5px;}
  .mainnav{position:relative;}
}


.crumb{background:var(--surface);border-bottom:1px solid var(--border);}
.crumb-row{display:flex;align-items:center;gap:8px;padding:12px 0;font-family:var(--font-mono);font-size:0.78rem;color:var(--text-faint);flex-wrap:wrap;}
.crumb-row a{color:var(--text-faint);text-decoration:none;}
.crumb-row a:hover{color:var(--accent);}
.crumb-row span[aria-current]{color:var(--text-dim);}


.band-brand{
  position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(100deg, var(--brand-navy) 0%, var(--brand-blue-2) 60%, var(--brand-violet) 100%);
}
.band-brand::before{
  content:"";position:absolute;inset:-30% -10%;
  background:radial-gradient(45% 60% at 15% 85%, rgba(255,255,255,0.12), transparent 70%);
  pointer-events:none;
}
.band-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:48px;align-items:center;}
@media (max-width:900px){ .band-inner{grid-template-columns:minmax(0,1fr);} }
.band-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.band-copy h2{color:#fff;}
.band-copy .body-copy, .band-copy .lede{color:rgba(255,255,255,0.82);}
.pair-badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;}
.pair-badge{
  display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;
  border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 30px -14px rgba(0,0,0,0.3);
}
.pair-badge b{font-family:var(--font-display);font-size:1.02rem;color:var(--text);}
.pair-badge span{display:block;font-family:var(--font-mono);font-size:0.68rem;color:var(--text-faint);}

.gold-card{
  background:var(--accent-gold);color:var(--accent-gold-ink);border-radius:18px;
  padding:32px;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 20px 50px -20px rgba(0,0,0,0.35);
}
.gold-card h3{color:var(--accent-gold-ink);}
.gold-card p{color:rgba(58,38,0,0.82);font-size:0.94rem;}


details{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px 20px;margin-bottom:10px;}
summary{cursor:pointer;padding:16px 0;font-weight:600;font-family:var(--font-display);font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;}
summary::-webkit-details-marker{display:none;}
summary::after{content:"+";font-family:var(--font-mono);font-size:1.2rem;color:var(--text-faint);flex:none;}
details[open] summary::after{content:"\2013";}
details p{color:var(--text-dim);padding-bottom:18px;margin:0;font-size:0.94rem;line-height:1.7;}


.field{display:flex;flex-direction:column;gap:6px;}
.field label{font-size:0.8rem;font-weight:600;color:var(--text-dim);}
.field input, .field select, .field textarea{
  font-family:var(--font-body);font-size:0.95rem;padding:11px 13px;border-radius:8px;
  border:1px solid var(--border);background:var(--bg-tint);color:var(--text);
}
.field input:focus, .field select:focus, .field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;}
form.lead{display:flex;flex-direction:column;gap:16px;}
.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
@media (max-width:520px){ .field-row{grid-template-columns:minmax(0,1fr);} }
.form-note{font-size:0.78rem;color:var(--text-faint);}


footer{background:linear-gradient(90deg, var(--brand-navy), var(--brand-blue));color:#fff;padding:40px 0;}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.foot-row p{color:rgba(255,255,255,0.55);font-size:0.85rem;}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;}
.foot-links a{color:rgba(255,255,255,0.78);font-size:0.85rem;text-decoration:none;}
.foot-links a:hover{color:#fff;}


.term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.term-dot{width:10px;height:10px;border-radius:50%;}
.term-bar .term-file, .term-file{margin-left:8px;font-family:var(--font-mono);font-size:0.78rem;color:#8996B8;}

.p-detail,.p-hub,.p-react,.p-next{background:var(--bg);color:var(--text);}

/* ==========================================================================
   2a. CMS DETAIL PAGES  (.p-detail + per-CMS accent)
   ========================================================================== */
.p-detail{--bg:#FFFFFF;
  --bg-tint:#F7F7FC;
  --surface:#FFFFFF;
  --surface-tint:#F1F2FA;
  --border:#E3E5F0;
  --text:#181A2E;
  --text-dim:#4C5066;
  --text-faint:#8A8EA8;

  --accent:#F03E2F;
  --accent-dark:#C22E22;}
.p-detail .hero{background:var(--bg-tint);border-bottom:1px solid var(--border);padding:56px 0 52px;}
.p-detail .hero-inner{max-width:800px;}
.p-detail .hero h1{color:var(--text);}
.p-detail .hero .tagline{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--text-dim);margin-top:14px;max-width:62ch;}
.p-detail .hero-cta{margin-top:26px;}
.p-detail .about-grid{display:flex;gap:40px;align-items:flex-start;margin-top:8px;}
@media (max-width:720px){
.p-detail .about-grid{flex-direction:column;}
}
.p-detail .about-logo{flex:none;width:200px;height:200px;border-radius:24px;background:var(--accent);
  display:flex;align-items:center;justify-content:center;}
.p-detail .about-logo img{width:52%;height:auto;}
.p-detail .about-logo.logo-light{background:#fff;border:1px solid var(--border);}
.p-detail .about-logo.logo-light img{width:62%;}
.p-detail .about-logo.logo-dark{background:#111111;}
.p-detail .about-logo.logo-dark img{width:54%;}
.p-detail .about-logo.logo-fill img{width:86%;}
@media (max-width:720px){
.p-detail .about-logo{width:140px;height:140px;}
}
.p-detail .about-copy{flex:1;min-width:0;}
.p-detail .stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;}
@media (max-width:720px){
.p-detail .stat-strip{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
.p-detail .stat-strip{grid-template-columns:minmax(0,1fr);}
}
.p-detail .stat-item{display:flex;align-items: flex-start;gap:16px;padding:28px 24px;
  background:var(--surface-tint);border:1px solid var(--border);border-radius:14px;}
.p-detail .stat-item .ic{font-size:2rem;color:var(--accent);flex:none; line-height: 1.5;}
.p-detail .stat-item b{display:block;font-family:var(--font-display);font-size:2rem;color:var(--text);font-variant-numeric:tabular-nums;}
.p-detail .stat-item span{display:block;font-size:0.8rem;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:0.02em;text-transform:uppercase;margin-top:2px;}
.p-detail .showcase{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-blue) 55%, var(--brand-violet) 100%);}
.p-detail .showcase::before{content:"";position:absolute;inset:-20% -10%;
  background:radial-gradient(50% 55% at 82% 12%, rgba(255,255,255,0.14), transparent 70%);
  pointer-events:none;}
.p-detail .showcase .eyebrow{color:#fff;background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.24);}
.p-detail .showcase .eyebrow .dot{background:#fff;}
.p-detail .showcase-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;}
@media (max-width:900px){
.p-detail .showcase-grid{grid-template-columns:minmax(0,1fr);}
}
.p-detail .showcase-copy .section-head{margin-bottom:20px;}
.p-detail .showcase-copy h2{color:#fff;}
.p-detail .showcase-copy .body-copy{color:rgba(255,255,255,0.82);}
.p-detail .showcase-list{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;}
.p-detail .showcase-list li{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,0.92);font-size:0.98rem;line-height:1.5;}
.p-detail .showcase-list li .tick{color:#5EEAB0;font-weight:700;flex:none;}
.p-detail .showcase-copy .btn{margin-top:26px;}
.p-detail .studio-mock{position:relative;background:#0B0F22;border-radius:14px;border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 30px 70px -20px rgba(0,0,0,0.5);overflow:hidden;
  animation:riseIn .7s ease both;}
@keyframes riseIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce){
.p-detail .studio-mock{animation:none;}
}
.p-detail .studio-mock .term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.p-detail .studio-mock .term-dot{width:10px;height:10px;border-radius:50%;}
.p-detail .studio-mock .term-file{margin-left:8px;font-family:var(--font-mono);font-size:0.78rem;color:#8996B8;}
.p-detail .studio-viewport{position:relative;min-height:290px;}
.p-detail .studio-slide{position:absolute;inset:0;padding:22px 22px 24px;display:flex;flex-direction:column;gap:16px;
  opacity:0;transform:translateX(24px);transition:opacity .5s ease, transform .5s ease;pointer-events:none;}
.p-detail .studio-slide.active{opacity:1;transform:translateX(0);pointer-events:auto;}
.p-detail .studio-slide.leaving{opacity:0;transform:translateX(-24px);}
@media (prefers-reduced-motion:reduce){
.p-detail .studio-slide{transition:none;}
}
.p-detail .history-row{display:flex;align-items:center;gap:12px;}
.p-detail .history-dot{width:9px;height:9px;border-radius:50%;background:#5EEAB0;flex:none;}
.p-detail .history-dot.draft{background:#FEBC2E;}
.p-detail .history-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.p-detail .history-text b{color:#E8ECF7;font-size:0.85rem;font-family:var(--font-body);font-weight:600;}
.p-detail .history-text span{color:#647096;font-family:var(--font-mono);font-size:0.7rem;}
.p-detail .studio-note{color:#8996B8;font-size:0.8rem;line-height:1.55;margin-top:auto;}
.p-detail .schema-row{display:flex;align-items:center;justify-content:space-between;background:#151A30;
  border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:9px 12px;font-family:var(--font-mono);font-size:0.82rem;}
.p-detail .schema-name{color:#E8ECF7;}
.p-detail .schema-type{color:#5EEAB0;font-size:0.72rem;}
.p-detail .studio-field label{display:flex;justify-content:space-between;align-items:center;
  font-family:var(--font-mono);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.05em;color:#8996B8;margin-bottom:6px;}
.p-detail .studio-live{color:#5EEAB0;font-size:0.68rem;text-transform:none;letter-spacing:0;}
.p-detail .studio-input{background:#151A30;border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px 12px;font-family:var(--font-body);font-size:0.88rem;color:#E8ECF7;}
.p-detail .studio-input-tall{min-height:64px;color:#A7ACD4;font-size:0.82rem;line-height:1.6;}
.p-detail .studio-row{display:flex;align-items:center;gap:10px;margin-top:4px;}
.p-detail .studio-avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-family:var(--font-mono);font-size:0.68rem;font-weight:600;
  display:flex;align-items:center;justify-content:center;border:2px solid #0B0F22;}
.p-detail .studio-avatar.a1{background:var(--accent);}
.p-detail .studio-avatar.a2{background:#3736FB;margin-left:-14px;}
.p-detail .studio-meta{font-family:var(--font-mono);font-size:0.72rem;color:#647096;margin-left:4px;}
.p-detail .studio-publish{margin-left:auto;background:var(--accent-green);color:#04180B;border:none;padding:8px 16px;
  border-radius:7px;font-weight:600;font-size:0.82rem;font-family:var(--font-body);cursor:pointer;}
.p-detail .services-scroll{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:48px;align-items:start;margin-top:8px;}
@media (max-width:860px){
.p-detail .services-scroll{grid-template-columns:minmax(0,1fr);}
}
.p-detail .services-visual{position:sticky;top:110px;}
@media (max-width:860px){
.p-detail .services-visual{position:static;margin-bottom:8px;}
}
.p-detail .visual-card{background:#0B0F22;border-radius:16px;border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 24px 60px -20px rgba(6,8,30,0.5);padding:36px 30px;color:#fff;
  min-height:260px;display:flex;flex-direction:column;gap:14px;}
.p-detail .visual-icon{width:56px;height:56px;border-radius:12px;background:var(--accent);
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex:none;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.p-detail .visual-card h3{color:#fff;font-size:1.25rem;line-height:1.3;transition:opacity .25s ease;}
.p-detail .visual-card p{color:#A7ACD4;font-size:0.92rem;line-height:1.6;transition:opacity .25s ease;margin:0;}
.p-detail .visual-progress{display:flex;gap:6px;margin-top:auto;padding-top:14px;}
.p-detail .visual-progress .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.18);transition:background .2s ease, width .2s ease;flex:none;}
.p-detail .visual-progress .dot.active{background:var(--accent);width:20px;border-radius:4px;}
.p-detail .services-steps{display:flex;flex-direction:column;}
.p-detail .service-step{padding:26px 0;border-bottom:1px solid var(--border);cursor:pointer;opacity:0.5;transition:opacity .25s ease;}
.p-detail .service-step:first-child{padding-top:0;}
.p-detail .service-step:last-child{border-bottom:none;}
.p-detail .service-step.active{opacity:1;}
.p-detail .service-step b{display:block;margin-bottom:6px;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:1.05rem;}
.p-detail .service-step p{margin:0;color:var(--text-dim);font-size:0.95rem;line-height:1.65;}
@media (prefers-reduced-motion:reduce){
.p-detail .service-step,.p-detail .visual-icon,.p-detail .visual-card h3,.p-detail .visual-card p,.p-detail .visual-progress .dot{transition:none;}
}
.p-detail .plain-list{margin:16px 0 0;padding-left:20px;color:var(--text-dim);font-size:1.02rem;line-height:1.8;}
.p-detail .plain-list li{margin-bottom:10px;}
.p-detail .plain-list li b{color:var(--text);}
.p-detail .migration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;}
@media (max-width:860px){
.p-detail .migration-grid{grid-template-columns:minmax(0,1fr);}
}
.p-detail .migration-box{border:1px solid var(--border);background:var(--surface-tint);border-radius:12px;padding:26px 24px;}
.p-detail .migration-box h3{margin-bottom:10px;color:var(--text);}
.p-detail .migration-box p{color:var(--text-dim);font-size:0.94rem;line-height:1.65;}
.p-detail .migration-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex:none;overflow:hidden;}
.p-detail .migration-icon img{width:58%;height:auto;}
.p-detail .migration-icon b{color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.4rem;}
.p-detail .migration-icon.icon-wordpress img{width:100%;height:100%;}
.p-detail .migration-icon.icon-contentful{background:#fff;border:1px solid var(--border);}
.p-detail .migration-icon.icon-sanity{background:#F03E2F;}
.p-detail .migration-icon.icon-strapi{background:#fff;border:1px solid var(--border);}
.p-detail .migration-icon.icon-payload{background:#111111;}
.p-detail .migration-icon.icon-generic{background:#2A2E42;color:#fff;font-size:1.3rem;}
.p-detail .cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:28px;}
@media (max-width:960px){
.p-detail .cap-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
.p-detail .cap-grid{grid-template-columns:repeat(2,1fr);}
}
.p-detail .cap-card{border:1px solid var(--border);border-radius:10px;padding:20px 18px;background:var(--surface);}
.p-detail .cap-card .ic{font-size:1.3rem;color:var(--accent);margin-bottom:10px;}
.p-detail .cap-card h3{font-size:1rem;margin-bottom:8px;}
.p-detail .cap-card p{font-size:0.86rem;color:var(--text-dim);line-height:1.55;}
.p-detail .step-list{margin-top:8px;}
.p-detail .step-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--border);}
.p-detail .step-row:first-child{border-top:none;}
.p-detail .step-num{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:0.92rem;}
.p-detail .step-row h3{margin-bottom:8px;}
.p-detail .step-row p{color:var(--text-dim);font-size:0.98rem;line-height:1.7;max-width:66ch;}
.p-detail .process-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:40px;align-items:start;}
@media (max-width:900px){
.p-detail .process-grid{grid-template-columns:minmax(0,1fr);}
}
.p-detail .process-visual{position:sticky;top:100px;}
@media (max-width:900px){
.p-detail .process-visual{position:static;margin-top:8px;}
}
.p-detail .pv-card{background:#0B0F22;border-radius:14px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 24px 60px -20px rgba(6,8,30,0.5);overflow:hidden;}
.p-detail .pv-card .term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.p-detail .pv-card .term-dot{width:10px;height:10px;border-radius:50%;}
.p-detail .pv-card .term-file{margin-left:8px;font-family:var(--font-mono);font-size:0.78rem;color:#8996B8;}
.p-detail .pv-body{padding:20px 20px 24px;font-family:var(--font-mono);font-size:0.82rem;line-height:2;}
.p-detail .pv-line{margin:0;min-height:1.3em;color:#8BE9A4;}
.p-detail .pv-line.dim{color:#8996B8;}
.p-detail .pv-line.cursor{color:#5EEAB0;}
.p-detail .pv-line.cursor.blink{animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}
.p-detail .closing{background:var(--surface-tint);border:1px solid var(--border);border-radius:12px;padding:44px;text-align:center;}
.p-detail .closing h2{color:var(--text);}
.p-detail .closing p.body-copy{margin:16px auto 0;text-align:left;}
.p-detail .closing .tag{font-family:var(--font-display);font-weight:600;color:var(--accent);margin-top:14px;display:block;}
.p-detail .closing .btn{margin-top:22px;}
.p-detail .contact-block{border:1px solid var(--border);border-radius:12px;padding:36px;background:var(--surface);}
.p-sanity{--accent:#F03E2F;--accent-dark:#C22E22;}
.p-strapi{--accent:#4945FF;--accent-dark:#3733CC;}
.p-payload{--accent:#111111;--accent-dark:#333333;}
.p-contentful{--accent:#0059FF;--accent-dark:#0044C4;}

/* ==========================================================================
   2b. HEADLESS CMS MASTER PAGE  (.p-hub)
   ========================================================================== */
.p-hub details{margin-bottom:0;}
.p-hub details p{line-height:1.65;}
.p-hub{--bg:#FFFFFF;
    --bg-tint:#F1F2FF;
    --surface:#FFFFFF;
    --surface-tint:#EAEBFE;
    --border:#DFE2F7;
    --text:#12142E;
    --text-dim:#585C78;
    --text-faint:#8A8EB0;

    --brand-navy:#0B1166;
    --brand-blue:#171FA8;
    --brand-blue-2:#3736FB;
    --brand-violet:#4B2FC9;
    --on-brand:#FFFFFF;
    --on-brand-dim:rgba(255,255,255,0.78);
    --on-brand-faint:rgba(255,255,255,0.55);
    --on-brand-border:rgba(255,255,255,0.22);
    --on-brand-surface:rgba(255,255,255,0.08);

    --accent-green:#2FB457;
    --accent-green-strong:#239247;
    --accent-gold:#FFBE10;
    --accent-gold-ink:#3A2600;

    --shadow: 0 1px 2px rgba(18,20,46,0.05), 0 16px 36px -18px rgba(23,31,168,0.30);
    --font-display:'Bricolage Grotesque', system-ui, sans-serif;
    --font-body:'IBM Plex Sans', system-ui, -apple-system, sans-serif;
    --font-mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
    color-scheme: light;}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .p-hub{--bg:#0B0E22;
      --bg-tint:#121737;
      --surface:#121737;
      --surface-tint:#1A2150;
      --border:#2B3568;
      --text:#EBEDFB;
      --text-dim:#A7ACD4;
      --text-faint:#6E749C;
      --brand-blue:#4C57FF;
      --brand-violet:#8360FF;
      --accent-green:#3FDD75;
      --accent-green-strong:#2FB457;
      --accent-gold:#FFCB3D;
      --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 20px 44px -20px rgba(0,0,0,0.7);
      color-scheme: dark;}
}
html[data-theme="dark"] .p-hub{--bg:#0B0E22;
    --bg-tint:#121737;
    --surface:#121737;
    --surface-tint:#1A2150;
    --border:#2B3568;
    --text:#EBEDFB;
    --text-dim:#A7ACD4;
    --text-faint:#6E749C;
    --brand-blue:#4C57FF;
    --brand-violet:#8360FF;
    --accent-green:#3FDD75;
    --accent-green-strong:#2FB457;
    --accent-gold:#FFCB3D;
    --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 20px 44px -20px rgba(0,0,0,0.7);
    color-scheme: dark;}
.p-hub{margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;}
.p-hub img{max-width:100%;display:block;}
.p-hub a{color:inherit;}
.p-hub .wrap{max-width:1380px;margin:0 auto;padding:0 24px;}
.p-hub section{padding:88px 0;}
@media (max-width:720px){
.p-hub section{padding:60px 0;}
}
.p-hub h1,.p-hub h2,.p-hub h3,.p-hub h4{font-family:var(--font-display);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-0.01em;}
.p-hub h1{font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.08;letter-spacing:-0.02em;}
.p-hub h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.18;}
.p-hub h3{font-size:1.25rem;line-height:1.3;}
.p-hub p{margin:0;}
.p-hub .lede{color:var(--text-dim);font-size:1.1rem;line-height:1.7;max-width:60ch;}
.p-hub .eyebrow{display:inline-flex;align-items:center;gap:8px;
    font-family:var(--font-mono);font-size:0.75rem;font-weight:500;
    letter-spacing:0.06em;text-transform:uppercase;
    color:var(--brand-blue);
    background:var(--surface-tint);
    border:1px solid var(--border);
    padding:6px 12px;border-radius:100px;}
.p-hub .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-blue);flex:none;}
.p-hub .eyebrow-invert{color:var(--on-brand);background:var(--on-brand-surface);border-color:var(--on-brand-border);}
.p-hub .eyebrow-invert .dot{background:var(--accent-gold);}
.p-hub .eyebrow-gold{color:var(--accent-gold-ink);background:rgba(58,38,0,0.08);border-color:rgba(58,38,0,0.18);}
.p-hub .eyebrow-gold .dot{background:var(--accent-gold-ink);}
.p-hub .btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;
    font-family:var(--font-body);font-weight:600;font-size:0.95rem;
    padding:13px 24px;border-radius:10px;border:1px solid transparent;
    text-decoration:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
    white-space:nowrap;}
.p-hub .btn:active{transform:translateY(1px);}
.p-hub .btn-primary{background:var(--accent-green);color:#04180B;box-shadow:0 10px 22px -10px var(--accent-green);}
.p-hub .btn-primary:hover{background:var(--accent-green-strong);}
.p-hub .btn-ghost{background:transparent;border-color:var(--border);color:var(--text);}
.p-hub .btn-ghost:hover{border-color:var(--brand-blue);color:var(--brand-blue);}
.p-hub .btn-ghost-invert{background:transparent;border-color:var(--on-brand-border);color:var(--on-brand);}
.p-hub .btn-ghost-invert:hover{background:var(--on-brand-surface);}
.p-hub .btn-dark{background:#211705;color:#FFE9B3;}
.p-hub .btn-dark:hover{background:#382608;}
.p-hub .btn-block{width:100%;}
.p-hub .topbar{background:#000;color:#fff;font-size:0.78rem;}
.p-hub .topbar-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:20px;}
.p-hub .topbar-left{display:flex;align-items:center;gap:12px;font-weight:600;}
.p-hub .topbar-left .soc{display:flex;align-items:center;gap:8px;}
.p-hub .topbar-left .soc a{width:22px;height:22px;border-radius:5px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;}
.p-hub .topbar-right{display:flex;align-items:center;gap:22px;}
.p-hub .topbar-right a{text-decoration:none;color:#fff;font-weight:500;opacity:0.92;}
.p-hub .topbar-right a:hover{opacity:1;text-decoration:underline;}
.p-hub .lang-select{background:#fff;color:#12142E;border:none;border-radius:6px;padding:5px 10px;font-family:var(--font-body);font-size:0.78rem;font-weight:600;}
@media (max-width:860px){
.p-hub .topbar-right a{display:none;}
}
.p-hub .mainnav{background:linear-gradient(90deg, var(--brand-navy) 0%, var(--brand-blue) 55%, var(--brand-violet) 100%);}
.p-hub .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:24px;}
.p-hub .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none;}
.p-hub .brand-logo{height:38px;width:auto;display:block;}
.p-hub nav.links{display:flex;align-items:center;gap:26px;flex:1;justify-content:center;}
.p-hub nav.links a{text-decoration:none;color:var(--on-brand-dim);font-size:0.92rem;font-weight:500;white-space:nowrap;}
.p-hub nav.links a:hover{color:#fff;}
.p-hub nav.links a.active{color:#fff;}
.p-hub .nav-actions{display:flex;align-items:center;gap:14px;flex:none;}
.p-hub .btn-contact{background:var(--accent-green);color:#04180B;font-weight:700;letter-spacing:0.02em;}
.p-hub .btn-contact:hover{background:var(--accent-green-strong);}
.p-hub .nav-toggle{display:none;}
.p-hub .burger{display:none;}
@media (max-width:860px){
.p-hub nav.links{position:absolute;top:100%;left:0;right:0;
      flex-direction:column;align-items:stretch;gap:0;
      background:var(--brand-navy);border-bottom:1px solid var(--on-brand-border);
      max-height:0;overflow:hidden;transition:max-height .25s ease;}
.p-hub nav.links a{padding:16px 24px;border-top:1px solid var(--on-brand-border);}
.p-hub .nav-toggle:checked ~ nav.links{max-height:360px;}
.p-hub .burger{display:flex;align-items:center;justify-content:center;
      width:38px;height:38px;border-radius:8px;border:1px solid var(--on-brand-border);
      cursor:pointer;background:transparent;}
.p-hub .burger span,.p-hub .burger span::before,.p-hub .burger span::after{content:"";display:block;width:16px;height:2px;background:#fff;position:relative;}
.p-hub .burger span::before{position:absolute;top:-5px;}
.p-hub .burger span::after{position:absolute;top:5px;}
.p-hub .mainnav{position:relative;}
}
.p-hub .hero{position:relative;overflow:hidden;color:var(--on-brand);
    background:linear-gradient(120deg, var(--brand-blue) 0%, var(--brand-violet) 55%, var(--brand-blue-2) 100%);
    padding:72px 0 84px;}
.p-hub .hero::before{content:"";position:absolute;inset:-20% -10%;
    background:radial-gradient(50% 50% at 75% 20%, rgba(255,255,255,0.16), transparent 70%);
    pointer-events:none;}
.p-hub .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:60px;align-items:center;}
@media (max-width:960px){
.p-hub .hero-grid{grid-template-columns:minmax(0,1fr);gap:44px;}
}
.p-hub .hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;}
.p-hub .hero-copy h1{color:#fff;}
.p-hub .hero-copy h1 em{font-style:normal;color:var(--accent-gold);}
.p-hub .hero-copy .lede{color:var(--on-brand-dim);}
.p-hub .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;}
.p-hub .stat-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:12px;padding-top:22px;border-top:1px solid var(--on-brand-border);width:100%;}
.p-hub .stat{display:flex;flex-direction:column;gap:2px;}
.p-hub .stat b{font-family:var(--font-display);font-size:1.4rem;color:#fff;}
.p-hub .stat span{font-size:0.76rem;color:var(--on-brand-faint);font-family:var(--font-mono);letter-spacing:0.02em;}
.p-hub .term{position:relative;background:#0B0F22;border-radius:14px;border:1px solid rgba(255,255,255,0.14);
    box-shadow:0 24px 60px -20px rgba(6,8,30,0.55);overflow:hidden;
    animation:rise .6s ease both;}
@media (prefers-reduced-motion:reduce){
.p-hub .term{animation:none;}
}
@keyframes rise{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.p-hub .term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.p-hub .term-dot{width:10px;height:10px;border-radius:50%;}
.p-hub .term-bar .term-file{margin-left:8px;font-family:var(--font-mono);font-size:0.78rem;color:#8996B8;}
.p-hub .term-viewport{transition:opacity .4s ease;min-height:210px;}
.p-hub .term-viewport.fade{opacity:0;}
@media (prefers-reduced-motion:reduce){
.p-hub .term-viewport{transition:none;}
}
.p-hub .term pre{margin:0;padding:22px 20px 8px;font-family:var(--font-mono);font-size:0.83rem;line-height:1.75;color:#D9E4F5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;}
.p-hub .term pre.typing::after{content:"▍";color:#5EEAB0;animation:blink 1s steps(1) infinite;}
.p-hub .term .k{color:#8AA4FF;}
.p-hub .term .s{color:#5EEAB0;}
.p-hub .term .c{color:#647096;}
.p-hub .term-dots{display:flex;gap:6px;padding:4px 20px 18px;}
.p-hub .term-nav-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.25);transition:background .2s ease, width .2s ease;}
.p-hub .term-nav-dot.active{background:var(--accent-gold);width:16px;border-radius:3px;}
.p-hub .section-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:680px;margin-bottom:48px;}
.p-hub .section-head.center{align-items:center;text-align:center;margin-left:auto;margin-right:auto;}
.p-hub .band-brand .section-head .lede,.p-hub .band-brand p{color:var(--on-brand-dim);}
.p-hub .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media (max-width:960px){
.p-hub .grid-4{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
}
@media (max-width:560px){
.p-hub .grid-4{grid-template-columns:minmax(0,1fr);}
}
.p-hub .why-card{background:var(--surface-tint);border:1px solid var(--border);border-radius:14px;padding:26px 22px;
    display:flex;flex-direction:column;gap:12px;}
.p-hub .why-card .ic{width:60px;height:60px;border-radius:9px;background:var(--surface);color:var(--brand-blue);display:flex;align-items:center;justify-content:center;border:1px solid var(--border); font-size: 32px;}
.p-hub .why-card p{color:var(--text-dim);font-size:0.92rem;}
.p-hub .band-tint{background:var(--bg-tint);}
.p-hub .flow{display:flex;align-items:stretch;gap:0;margin-top:8px;}
@media (max-width:860px){
.p-hub .flow{flex-direction:column;}
}
.p-hub .flow-col{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;
    padding:24px 20px;display:flex;flex-direction:column;gap:14px;}
.p-hub .flow-col h4{font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-faint);font-weight:600;}
.p-hub .flow-col p{font-size:0.85rem;line-height:1.5;color:var(--text-dim);margin:-6px 0 0;}
.p-hub .chip-list{display:flex;flex-direction:column;gap:8px;}
.p-hub .chip{display:flex;align-items:center;gap:10px;
    font-family:var(--font-mono);font-size:0.85rem;
    background:var(--surface-tint);border:1px solid var(--border);border-radius:8px;padding:9px 12px;}
.p-hub .chip .sw{width:8px;height:8px;border-radius:2px;flex:none;}
.p-hub .flow-arrow{display:flex;align-items:center;justify-content:center;padding:0 18px;color:var(--brand-blue);flex:none;}
@media (max-width:860px){
.p-hub .flow-arrow{padding:10px 0;transform:rotate(90deg);}
}
.p-hub .tag{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.03em;font-weight:600;padding:3px 9px;border-radius:100px;background:var(--surface-tint);color:var(--brand-blue);border:1px solid var(--border);white-space:nowrap;}
.p-hub .tech-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-weight:600;font-size:0.88rem;color:#fff;text-decoration:none;
    padding:10px 16px;border-radius:10px;background:var(--brand-blue);
    transition:background .15s ease, transform .15s ease;white-space:nowrap;}
.p-hub .tech-link:hover{background:var(--brand-navy);transform:translateY(-1px);}
.p-hub .compare-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);}
.p-hub .compare-table{width:100%;min-width:820px;border-collapse:collapse;}
.p-hub .compare-table th,.p-hub .compare-table td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;}
.p-hub .compare-table tbody tr:last-child th,.p-hub .compare-table tbody tr:last-child td{border-bottom:none;}
.p-hub .compare-table td,.p-hub .compare-table td.compare-cell{min-width:190px;color:var(--text-dim);font-size:0.9rem;line-height:1.55;}
.p-hub .compare-row-label{width:140px;font-family:var(--font-mono);font-size:0.72rem;font-weight:600;
    color:var(--text-faint);text-transform:uppercase;letter-spacing:0.04em;
    position:sticky;left:0;background:var(--surface);z-index:1;}
.p-hub .compare-table thead .compare-row-label{background:var(--surface-tint);}
.p-hub .compare-table thead th:not(.compare-row-label){background:var(--surface-tint);}
.p-hub .compare-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.p-hub .compare-logo{width:48px;height:48px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.p-hub .compare-logo img{display:block;}
.p-hub .compare-logo.badge-sanity{background:#F03E2F;}
.p-hub .compare-logo.badge-sanity img{width:52%;height:auto;}
.p-hub .compare-logo.badge-payload{background:#111111;}
.p-hub .compare-logo.badge-payload img{width:54%;height:auto;}
.p-hub .compare-logo.badge-contentful{background:#fff;border:1px solid var(--border);}
.p-hub .compare-logo.badge-contentful img{width:66%;height:auto;}
.p-hub .compare-logo.badge-strapi img{width:100%;height:100%;object-fit:contain;}
.p-hub .compare-head b{font-family:var(--font-display);font-weight:700;font-size:0.98rem;color:var(--text);}
.p-hub .compare-cta td{text-align:center;}
.p-hub .band-brand{position:relative;overflow:hidden;color:#fff;
    background:linear-gradient(100deg, var(--brand-navy) 0%, var(--brand-blue-2) 60%, var(--brand-violet) 100%);}
.p-hub .band-brand::before{content:"";position:absolute;inset:-30% -10%;
    background:radial-gradient(45% 60% at 15% 85%, rgba(255,255,255,0.12), transparent 70%);
    pointer-events:none;}
.p-hub .band-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:48px;align-items:center;}
@media (max-width:900px){
.p-hub .band-inner{grid-template-columns:minmax(0,1fr);}
}
.p-hub .band-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.p-hub .band-copy h2{color:#fff;}
.p-hub .pair-badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;}
.p-hub .pair-badge{display:flex;align-items:center;gap:10px;padding:12px 18px;    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface);
    box-shadow: var(--shadow);}
.p-hub .pair-badge b{font-family:var(--font-display);font-size:1.02rem;color:var(--text);}
.p-hub .pair-badge span{display:block;font-family:var(--font-mono);font-size:0.68rem;color:var(--text-faint);}
.p-hub .gold-card{background:var(--accent-gold);color:var(--accent-gold-ink);border-radius:18px;
    padding:32px;display:flex;flex-direction:column;gap:14px;
    box-shadow:0 20px 50px -20px rgba(0,0,0,0.35);}
.p-hub .gold-card h3{color:var(--accent-gold-ink);}
.p-hub .gold-card p{color:rgba(58,38,0,0.82);font-size:0.94rem;}
.p-hub .process-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:56px;align-items:start;}
@media (max-width:900px){
.p-hub .process-grid{grid-template-columns:minmax(0,1fr);}
}
.p-hub .timeline{display:flex;flex-direction:column;gap:0;}
.p-hub .tl-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;position:relative;padding-bottom:36px;}
.p-hub .tl-item:last-child{padding-bottom:0;}
.p-hub .tl-num{width:40px;height:40px;border-radius:10px;background:var(--brand-blue);border:1px solid var(--brand-blue);
    display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;
    color:#fff;position:relative;z-index:1;
    transform:scale(0.4);opacity:0;
    transition:transform .5s cubic-bezier(.34,1.56,.64,1), opacity .35s ease;}
.p-hub .tl-item.reveal.in .tl-num{transform:scale(1);opacity:1;}
.p-hub .tl-item:not(:last-child)::before{content:"";position:absolute;left:19px;top:44px;bottom:-6px;width:1px;background:var(--border);
    transform-origin:top;transform:scaleY(0);transition:transform .7s ease .15s;}
.p-hub .tl-item.reveal.in:not(:last-child)::before{transform:scaleY(1);}
@media (prefers-reduced-motion:reduce){
.p-hub .tl-num{transform:none;opacity:1;transition:none;}
.p-hub .tl-item:not(:last-child)::before{transform:scaleY(1);transition:none;}
}
.p-hub .tl-body{padding-top:6px;}
.p-hub .tl-body h4{font-size:1.05rem;font-family:var(--font-display);margin-bottom:6px;}
.p-hub .tl-body p{color:var(--text-dim);font-size:0.92rem;max-width:62ch;}
.p-hub .process-visual{position:sticky;top:110px;}
.p-hub .pv-card{background:#0B0F22;border-radius:16px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 24px 60px -20px rgba(6,8,30,0.5);overflow:hidden;}
.p-hub .pv-card .term-bar{border-bottom:1px solid rgba(255,255,255,0.1);}
.p-hub .pv-body{padding:20px 20px 24px;font-family:var(--font-mono);font-size:0.82rem;line-height:2;}
.p-hub .pv-line{margin:0;min-height:1.3em;color:#8BE9A4;}
.p-hub .pv-line.dim{color:#8996B8;}
.p-hub .pv-line.cursor{color:#5EEAB0;}
.p-hub .pv-line.cursor.blink{animation:blink 1s steps(1) infinite;}
.p-hub .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
.p-hub .reveal.in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
.p-hub .reveal{opacity:1;transform:none;transition:none;}
}
.p-hub .grid-4 .why-card:nth-child(1){transition-delay:0ms;}
.p-hub .grid-4 .why-card:nth-child(2){transition-delay:80ms;}
.p-hub .grid-4 .why-card:nth-child(3){transition-delay:160ms;}
.p-hub .grid-4 .why-card:nth-child(4){transition-delay:240ms;}
.p-hub .timeline .tl-item:nth-child(1){transition-delay:0ms;}
.p-hub .timeline .tl-item:nth-child(2){transition-delay:70ms;}
.p-hub .timeline .tl-item:nth-child(3){transition-delay:140ms;}
.p-hub .timeline .tl-item:nth-child(4){transition-delay:210ms;}
.p-hub .timeline .tl-item:nth-child(5){transition-delay:280ms;}
.p-hub .proof-tiles .tile:nth-child(1){transition-delay:0ms;}
.p-hub .proof-tiles .tile:nth-child(2){transition-delay:90ms;}
.p-hub .proof-tiles .tile:nth-child(3){transition-delay:180ms;}
.p-hub .flow .flow-col:nth-child(1){transition-delay:0ms;}
.p-hub .flow .flow-col:nth-child(3){transition-delay:120ms;}
.p-hub .flow .flow-col:nth-child(5){transition-delay:240ms;}
.p-hub .faq details:nth-child(1){transition-delay:0ms;}
.p-hub .faq details:nth-child(2){transition-delay:60ms;}
.p-hub .faq details:nth-child(3){transition-delay:120ms;}
.p-hub .faq details:nth-child(4){transition-delay:180ms;}
.p-hub .faq details:nth-child(5){transition-delay:240ms;}
.p-hub .band-inner .gold-card.reveal{transition-delay:120ms;}
.p-hub .proof{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:28px;}
@media (max-width:860px){
.p-hub .proof{grid-template-columns:minmax(0,1fr);}
}
.p-hub .proof-case{position:relative;color:#fff;border-radius:18px;padding:36px;
    background:linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-blue-2) 65%, var(--brand-violet) 100%);
    box-shadow:0 24px 56px -22px rgba(23,31,168,0.4);}
.p-hub .proof-case::before{content:"";position:absolute;inset:-30% -10%;
    background:radial-gradient(45% 55% at 85% 10%, rgba(255,255,255,0.14), transparent 70%);
    pointer-events:none;}
.p-hub .tag-client{display:inline-block;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.06em;color:var(--accent-gold);font-weight:600;}
.p-hub .ps-stamp{position: absolute;
    bottom: 25px;
    right: 25px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    padding: 8px 14px;
    box-shadow: 0 10px 26px -10px rgba(0, 0, 0, 0.45);
    height: 70px;
    width: 140px;}
.p-hub .ps-stamp img{display:block;height:50px;width:auto;}
@media (max-width:520px){
.p-hub .ps-stamp{top:-14px;right:16px;padding:6px 10px;}
.p-hub .ps-stamp img{height:24px;}
}
.p-hub .case-main{position:relative;display:flex;align-items:center;gap:28px;margin:24px 0 22px;}
@media (max-width:520px){
.p-hub .case-main{flex-direction:column;align-items:flex-start;}
}
.p-hub .ps-ring-wrap{position:relative;flex:none;width:92px;height:92px;}
.p-hub .ps-ring-fill{stroke-dasharray:245.04;stroke-dashoffset:245.04;transition:stroke-dashoffset 2.2s cubic-bezier(.16,.8,.24,1);}
.p-hub .proof-case.case-active .ps-ring-fill{stroke-dashoffset:24.5;}
@media (prefers-reduced-motion:reduce){
.p-hub .ps-ring-fill{stroke-dashoffset:24.5 !important;transition:none;}
}
.p-hub .ps-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.p-hub .ps-ring-label b{font-family:var(--font-display);font-size:1.6rem;color:#fff;line-height:1;font-variant-numeric:tabular-nums;}
.p-hub .ps-ring-label span{font-family:var(--font-mono);font-size:0.56rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--on-brand-faint);margin-top:3px;}
.p-hub .case-data{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}
.p-hub .ps-source{font-family:var(--font-mono);font-size:0.72rem;color:var(--on-brand-dim);letter-spacing:0.02em;}
.p-hub .hbars{position:relative;display:flex;flex-direction:column;gap:14px;}
.p-hub .hbar-row{display:flex;align-items:center;gap:14px;}
.p-hub .hbar-label{width:56px;flex:none;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--on-brand-faint);}
.p-hub .hbar-track{flex:1;height:28px;border-radius:8px;background:rgba(255,255,255,0.12);overflow:hidden;}
.p-hub .hbar{height:100%;width:0;border-radius:8px;background:rgba(255,255,255,0.35);transition:width 2.2s cubic-bezier(.16,.8,.24,1);}
.p-hub .hbar-after{background:linear-gradient(90deg, var(--accent-gold), #FF9A2E);}
.p-hub .proof-case.case-active .hbar{width:var(--w);}
.p-hub .proof-case.case-reset .hbar,.p-hub .proof-case.case-reset .ps-ring-fill{transition:none !important;}
@media (prefers-reduced-motion:reduce){
.p-hub .hbar{width:var(--w) !important;transition:none;}
}
.p-hub .hbar-value{width:34px;flex:none;text-align:right;font-family:var(--font-display);font-size:1.15rem;color:#fff;font-variant-numeric:tabular-nums;}
.p-hub .proof-case p{position:relative;color:var(--on-brand-dim);font-size:0.92rem;max-width:46ch;}
.p-hub .proof-tiles{display:flex;flex-direction:column;gap:16px;}
.p-hub .tile{flex:1;display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border);
    border-radius:14px;padding:22px 24px;}
.p-hub .tile-ic{flex:none;width:48px;height:48px;border-radius:11px;background:var(--surface-tint);border:1px solid var(--border);
    display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--brand-blue);}
.p-hub .tile b{display:block;font-family:var(--font-display);font-size:2.1rem;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums;}
.p-hub .tile > div > span{display:block;font-size:0.84rem;color:var(--text-faint);margin-top:2px;}
.p-hub .tile b .num{font-size:inherit;color:inherit;display:inline;margin-top:0;}
.p-hub .cta-band{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;box-shadow:var(--shadow);}
@media (max-width:860px){
.p-hub .cta-band{grid-template-columns:minmax(0,1fr);padding:28px;}
}
.p-hub .field{display:flex;flex-direction:column;gap:6px;}
.p-hub .field label{font-size:0.8rem;font-weight:600;color:var(--text-dim);}
.p-hub .field input,.p-hub .field select,.p-hub .field textarea{font-family:var(--font-body);font-size:0.95rem;padding:11px 13px;border-radius:9px;
    border:1px solid var(--border);background:var(--surface-tint);color:var(--text);}
.p-hub .field input:focus,.p-hub .field select:focus,.p-hub .field textarea:focus{outline:2px solid var(--brand-blue);outline-offset:1px;}
.p-hub form.lead{display:flex;flex-direction:column;gap:16px;}
.p-hub .field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
@media (max-width:520px){
.p-hub .field-row{grid-template-columns:minmax(0,1fr);}
}
.p-hub .form-note{font-size:0.78rem;color:var(--text-faint);}
.p-hub .faq{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.p-hub details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 20px;}
.p-hub summary{cursor:pointer;padding:18px 0;font-weight:600;font-family:var(--font-display);font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.p-hub summary::-webkit-details-marker{display:none;}
.p-hub summary::after{content:"+";font-family:var(--font-mono);font-size:1.3rem;color:var(--text-faint);flex:none;}
.p-hub details[open] summary::after{content:"–";}
.p-hub details p{color:var(--text-dim);padding-bottom:20px;margin:0;font-size:0.95rem;}
.p-hub footer{background:linear-gradient(90deg, var(--brand-navy), var(--brand-blue));color:#fff;padding:40px 0;}
.p-hub .foot-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.p-hub .foot-row p{color:var(--on-brand-faint);font-size:0.85rem;}
.p-hub .foot-links{display:flex;gap:22px;flex-wrap:wrap;}
.p-hub .foot-links a{color:var(--on-brand-dim);font-size:0.85rem;text-decoration:none;}
.p-hub .foot-links a:hover{color:#fff;}

/* ==========================================================================
   2c. REACT JS PAGE  (.p-react)
   ========================================================================== */
.p-react{--bg:#FFFFFF;
  --bg-tint:#F4F5FF;
  --surface:#FFFFFF;
  --surface-tint:#EEF0FF;
  --border:#DFE2F7;
  --text:#12142E;
  --text-dim:#585C78;
  --text-faint:#8A8EB0;
  --accent:#3736FB;
  --accent-dark:#171FA8;
  --shadow:0 1px 2px rgba(18,20,46,0.05), 0 18px 40px -20px rgba(23,31,168,0.30);}
.p-react section{padding:88px 0;}
@media (max-width:720px){
.p-react section{padding:60px 0;}
}
.p-react .btn-primary{background:var(--accent-green);color:#04180B;}
.p-react .btn-primary:hover{background:var(--accent-green-strong);}
.p-react .body-copy b,.p-react .rx-tile p b{color:var(--text);font-weight:700;}
.p-react .body-copy a,.p-react .rx-tile a,.p-react details p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.p-react .band-brand .body-copy a{color:#fff;font-weight:600;text-decoration-color:var(--accent-gold);}
.p-react code{font-family:var(--font-mono);font-size:0.88em;background:var(--surface-tint);border:1px solid var(--border);border-radius:5px;padding:1px 6px;}
.p-react .rx-tint{background:var(--bg-tint);}
.js .p-react .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms);}
.js .p-react .rv.in{opacity:1;transform:none;}
.js .p-react .rv.done{transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, opacity .3s ease;transition-delay:0ms;}
@media (prefers-reduced-motion:reduce){
.js .p-react .rv{opacity:1;transform:none;transition:none;}
}
.p-react .rx-hero{position:relative;overflow:hidden;padding:72px 0 80px;
  background:
    radial-gradient(60% 70% at 85% 10%, rgba(55,54,251,0.12), transparent 70%),
    radial-gradient(rgba(23,31,168,0.10) 1px, transparent 1.4px) 0 0/22px 22px,
    var(--bg);
  border-bottom:1px solid var(--border);}
.p-react .rx-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:56px;align-items:center;}
@media (max-width:960px){
.p-react .rx-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;}
}
.p-react .rx-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;}
.p-react .rx-hero-copy h1{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.06;color:var(--text);}
.p-react .rx-sub{font-family:var(--font-display);font-weight:600;font-size:1.22rem;line-height:1.5;color:var(--text-dim);max-width:54ch;}
.p-react .rx-chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.p-react .rx-chips li{font-family:var(--font-mono);font-size:0.78rem;font-weight:500;padding:6px 12px;border-radius:100px;background:#fff;border:1px solid var(--border);color:var(--accent-dark);}
.p-react .rx-devtools{background:#0B0F22;border-radius:16px;border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 30px 70px -24px rgba(23,31,168,0.5);overflow:hidden;
  animation:rxRise .8s ease both;}
@keyframes rxRise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){
.p-react .rx-devtools{animation:none;}
}
.p-react .rx-dt-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.p-react .rx-tree{display:block;width:100%;height:auto;padding:14px 12px 4px;}
.p-react .rx-tree .ed{fill:none;stroke:rgba(255,255,255,0.16);stroke-width:1.4;transition:stroke .4s ease;}
.p-react .rx-tree .ed.upd{stroke:var(--accent-gold);stroke-dasharray:4 3;animation:rxDash .9s linear infinite;}
@keyframes rxDash{to{stroke-dashoffset:-14;}}
.p-react .rx-tree .nd rect{fill:#151A30;stroke:rgba(255,255,255,0.18);stroke-width:1.2;transition:fill .35s ease, stroke .35s ease;}
.p-react .rx-tree .nd text{font-family:var(--font-mono);font-size:9.5px;fill:#C9D3F0;transition:fill .35s ease;}
.p-react .rx-tree .nd.skip rect{stroke:rgba(94,234,176,0.35);}
.p-react .rx-tree .nd.skip text{fill:#8FA3C9;}
.p-react .rx-tree .nd.upd rect{fill:rgba(255,190,16,0.16);stroke:var(--accent-gold);}
.p-react .rx-tree .nd.upd text{fill:#FFE9B3;}
.p-react .rx-dt-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:6px 18px 18px;font-family:var(--font-mono);font-size:0.74rem;}
.p-react .rx-dt-event{color:#5EEAB0;}
.p-react .rx-dt-step{color:#8996B8;}
.p-react .rx-dt-step b{color:#fff;font-weight:600;}
.p-react .rx-dt-bar2{grid-column:1 / -1;height:4px;border-radius:4px;background:rgba(255,255,255,0.1);overflow:hidden;}
.p-react .rx-dt-bar2 i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-gold),#FF9A2E);}
.p-react .rx-dt-bar2 i.run{animation:rxSeek var(--seek,3.4s) linear forwards;}
@keyframes rxSeek{from{width:0;}to{width:100%;}}
.p-react .rx-dt-legend{grid-column:1 / -1;display:flex;gap:18px;color:#8996B8;}
.p-react .rx-dt-legend .lg{display:inline-flex;align-items:center;gap:7px;}
.p-react .rx-dt-legend .lg i{width:9px;height:9px;border-radius:3px;border:1.5px solid;}
.p-react .rx-dt-legend .lg-upd i{border-color:var(--accent-gold);background:rgba(255,190,16,0.25);}
.p-react .rx-dt-legend .lg-skip i{border-color:rgba(94,234,176,0.55);}
.p-react .rx-dt-legend b{color:#fff;font-weight:600;}
@media (prefers-reduced-motion:reduce){
.p-react .rx-dt-bar2 i.run{animation:none;width:100%;}
}
.p-react .rx-cta-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:40px;}
.p-react .rx-cta-row .rx-cta-note{font-size:0.9rem;color:var(--text-faint);}
.p-react .rx-dark .rx-cta-row .rx-cta-note{color:rgba(255,255,255,0.7);}
.p-react .rx-cta-row.left{justify-content:flex-start;}
.p-react .rx-mig-intro .btn{margin-top:6px;}
.p-react .rx-hero-cta{margin-top:4px;}
.p-react .btn-light{background:#fff;color:var(--accent-dark);}
.p-react .btn-light:hover{background:var(--surface-tint);}
.p-react .rx-about{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:56px;align-items:start;}
@media (max-width:900px){
.p-react .rx-about{grid-template-columns:minmax(0,1fr);}
}
.p-react .rx-about-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.p-react .rx-about-copy .body-copy + .body-copy{margin-top:0;}
.p-react .rx-pillars{display:flex;flex-direction:column;gap:14px;}
.p-react .rx-pillar{display:flex;gap:18px;padding:22px 22px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:14px;background:#fff;box-shadow:var(--shadow);}
.p-react .rx-pn{font-family:var(--font-mono);font-weight:600;font-size:0.9rem;color:var(--accent);padding-top:3px;}
.p-react .rx-pillar h3{margin-bottom:4px;}
.p-react .rx-pillar p{color:var(--text-dim);font-size:0.94rem;}
.p-react .rx-stats{padding:0;background:linear-gradient(100deg,var(--brand-navy) 0%,var(--brand-blue-2) 60%,var(--brand-violet) 100%);color:#fff;}
.p-react .rx-stats-row{display:grid;grid-template-columns:repeat(6,1fr);}
@media (max-width:900px){
.p-react .rx-stats-row{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:520px){
.p-react .rx-stats-row{grid-template-columns:repeat(2,1fr);}
}
.p-react .rx-stat{padding:40px 18px;text-align:center;border-left:1px solid rgba(255,255,255,0.16);}
.p-react .rx-stat:first-child{border-left:none;}
@media (max-width:900px){
.p-react .rx-stat{border-top:1px solid rgba(255,255,255,0.16);}
.p-react .rx-stat:nth-child(3n+1){border-left:none;}
}
.p-react .rx-stat b{display:block;font-family:var(--font-display);font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.1;font-variant-numeric:tabular-nums;}
.p-react .rx-stat span{display:block;margin-top:6px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,0.7);}
.p-react .rx-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:1020px){
.p-react .rx-bento{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
.p-react .rx-bento{grid-template-columns:minmax(0,1fr);}
}
.p-react .rx-tile{--mx:50%;--my:50%;
  position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;
  padding:26px;border:1px solid var(--border);border-radius:18px;background:#fff;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, opacity .7s ease;}
.p-react .rx-tile.s2{grid-column:span 2;}
@media (max-width:560px){
.p-react .rx-tile.s2{grid-column:span 1;}
}
.p-react .rx-tile::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(260px circle at var(--mx) var(--my), rgba(55,54,251,0.10), transparent 62%);}
.p-react .rx-tile:hover{transform:translateY(-4px);border-color:rgba(55,54,251,0.45);box-shadow:var(--shadow);}
.p-react .rx-tile:hover::after{opacity:1;}
.p-react .rx-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;background:linear-gradient(135deg,var(--brand-blue-2),var(--brand-violet));}
.p-react .rx-tile h3{font-size:1.1rem;}
.p-react .rx-tile p{color:var(--text-dim);font-size:0.92rem;line-height:1.6;}
.p-react .rx-tile em{margin-top:auto;font-style:normal;font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-faint);}
.p-react .rx-mig{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:64px;align-items:start;}
@media (max-width:900px){
.p-react .rx-mig{grid-template-columns:minmax(0,1fr);gap:36px;}
}
.p-react .rx-mig-intro{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
@media (max-width:900px){
.p-react .rx-mig-intro{position:static;}
}
.p-react .rx-mig-intro .body-copy + .body-copy{margin-top:0;}
.p-react .rx-from{width:100%;padding:20px 22px;border:1px dashed var(--border);border-radius:14px;background:var(--bg-tint);}
.p-react .rx-from h3{font-size:0.95rem;margin-bottom:10px;}
.p-react .rx-from ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.p-react .rx-from li{font-family:var(--font-mono);font-size:0.78rem;padding:5px 11px;border-radius:100px;background:#fff;border:1px solid var(--border);color:var(--text-dim);}
.p-react .rx-rail{--p:0;position:relative;list-style:none;margin:0;padding:0 0 0 52px;display:flex;flex-direction:column;gap:30px;}
.p-react .rx-rail::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--border);border-radius:2px;}
.p-react .rx-rail-fill{position:absolute;left:15px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(var(--brand-blue-2),var(--brand-violet));transform-origin:top;transform:scaleY(var(--p));padding:0;margin:0;}
.p-react .rx-ver{position:relative;padding:22px 24px;border:1px solid var(--border);border-radius:16px;background:#fff;opacity:0.55;transition:opacity .4s ease, border-color .4s ease, box-shadow .4s ease;}
.p-react .rx-ver.on{opacity:1;border-color:rgba(55,54,251,0.4);box-shadow:var(--shadow);}
.p-react .rx-node{position:absolute;left:-52px;top:24px;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--border);transition:background .4s ease, border-color .4s ease, transform .4s ease;}
.p-react .rx-ver.on .rx-node{background:var(--accent);border-color:var(--accent);transform:scale(1.08);box-shadow:0 0 0 6px rgba(55,54,251,0.14);}
.p-react .rx-ver h3{margin-bottom:6px;}
.p-react .rx-ver p{color:var(--text-dim);font-size:0.95rem;}
@media (prefers-reduced-motion:reduce){
.p-react .rx-ver{opacity:1;}
}
.p-react .rx-dark{background:linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-blue) 55%,var(--brand-violet) 100%);color:#fff;position:relative;overflow:hidden;}
.p-react .rx-dark::before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(50% 55% at 85% 10%,rgba(255,255,255,0.14),transparent 70%);pointer-events:none;}
.p-react .rx-dark .wrap{position:relative;}
.p-react .rx-dark .section-head h2{color:#fff;}
.p-react .rx-dark .body-copy{color:rgba(255,255,255,0.82);}
.p-react .rx-tabs{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:28px;align-items:stretch;}
@media (max-width:900px){
.p-react .rx-tabs{grid-template-columns:minmax(0,1fr);}
}
.p-react .rx-tabs > *{min-width:0;}
@media (max-width:560px){
.p-react .rx-panes{padding:24px 20px;}
}
.p-react .rx-tablist{display:flex;flex-direction:column;gap:10px;}
@media (max-width:900px){
.p-react .rx-tablist{flex-direction:row;overflow-x:auto;padding-bottom:4px;}
.p-react .rx-tab{flex:none;min-width:190px;}
}
.p-react .rx-tab{position:relative;text-align:left;font:inherit;cursor:pointer;color:rgba(255,255,255,0.78);padding:18px 20px 20px;border-radius:14px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.06);transition:background .25s ease, color .25s ease, border-color .25s ease;overflow:hidden;}
.p-react .rx-tab b{font-family:var(--font-display);font-size:1.02rem;font-weight:700;}
.p-react .rx-tab:hover{background:rgba(255,255,255,0.12);color:#fff;}
.p-react .rx-tab.on{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.4);color:#fff;}
.p-react .rx-tab i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--accent-gold);}
.p-react .rx-tab.on i{animation:rxTabBar var(--dur,6s) linear forwards;}
.p-react .rx-tabs.paused .rx-tab.on i{animation-play-state:paused;}
@keyframes rxTabBar{from{width:0;}to{width:100%;}}
.p-react .rx-panes{background:#0B0F22;border:1px solid rgba(255,255,255,0.14);border-radius:18px;padding:34px;box-shadow:0 30px 70px -24px rgba(0,0,0,0.5);min-height:330px;}
.p-react .rx-pane{display:none;}
.p-react .rx-pane.on{display:block;animation:rxPane .5s ease both;}
@keyframes rxPane{from{opacity:0;transform:translateX(18px);}to{opacity:1;transform:none;}}
.p-react .rx-pane h3{color:#fff;font-size:1.35rem;margin-bottom:12px;}
.p-react .rx-pane p{color:#A7ACD4;font-size:0.98rem;line-height:1.7;margin-bottom:18px;}
.p-react .rx-pane code{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14);color:#E8ECF7;}
.p-react .rx-pane pre{margin:0;padding:18px 20px;border-radius:12px;background:#151A30;border:1px solid rgba(255,255,255,0.1);overflow-x:auto;}
.p-react .rx-pane pre code{background:none;border:none;padding:0;font-size:0.84rem;line-height:1.8;color:#5EEAB0;white-space:pre;}
@media (prefers-reduced-motion:reduce){
.p-react .rx-pane.on{animation:none;}
.p-react .rx-tab.on i{animation:none;width:100%;}
}
.p-react .rx-ind{padding-bottom:72px;}
.p-react .rx-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.p-react .rx-track{list-style:none;margin:0;padding:6px 0;display:flex;gap:14px;width:max-content;animation:rxMarquee 42s linear infinite;}
.p-react .rx-marquee:hover .rx-track{animation-play-state:paused;}
.p-react .rx-track li{font-family:var(--font-display);font-weight:600;font-size:1.05rem;padding:14px 26px;border-radius:100px;border:1px solid var(--border);background:#fff;color:var(--text);white-space:nowrap;box-shadow:0 8px 20px -14px rgba(23,31,168,0.35);}
.p-react .rx-track li:nth-child(3n+1){background:var(--surface-tint);}
@keyframes rxMarquee{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){
.p-react .rx-track{animation:none;flex-wrap:wrap;width:auto;padding:0 24px;justify-content:center;}
.p-react .rx-track li[aria-hidden]{display:none;}
}
.p-react .rx-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:960px){
.p-react .rx-stack{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:520px){
.p-react .rx-stack{grid-template-columns:minmax(0,1fr);}
}
.p-react .rx-col{padding:24px;border-radius:16px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--accent);}
.p-react .rx-col:nth-child(2){border-top-color:var(--brand-violet);}
.p-react .rx-col:nth-child(3){border-top-color:var(--accent-gold);}
.p-react .rx-col:nth-child(4){border-top-color:var(--accent-green);}
.p-react .rx-col h3{font-size:1rem;margin-bottom:14px;}
.p-react .rx-col ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.p-react .rx-col li{font-family:var(--font-mono);font-size:0.78rem;padding:5px 11px;border-radius:8px;background:var(--bg-tint);border:1px solid var(--border);color:var(--text-dim);}
.p-react .rx-models{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){
.p-react .rx-models{grid-template-columns:minmax(0,1fr);}
}
.p-react .rx-model{display:flex;flex-direction:column;gap:12px;padding:30px;border:1px solid var(--border);border-radius:20px;background:#fff;transition:transform .3s ease, box-shadow .3s ease;}
.p-react .rx-model:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.p-react .rx-badge{align-self:flex-start;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.07em;text-transform:uppercase;font-weight:600;padding:4px 10px;border-radius:100px;color:var(--accent-dark);background:var(--surface-tint);}
.p-react .rx-model h3{font-size:1.25rem;}
.p-react .rx-model > p{color:var(--text-dim);font-size:0.95rem;}
.p-react .rx-model ul{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:8px;}
.p-react .rx-model li{position:relative;padding-left:22px;font-size:0.92rem;color:var(--text-dim);}
.p-react .rx-model li::before{content:"✓";position:absolute;left:0;color:var(--accent-green-strong);font-weight:700;}
.p-react .rx-model > a{margin-top:auto;font-weight:600;color:var(--accent);text-decoration:none;}
.p-react .rx-model > a:hover{text-decoration:underline;}
.p-react .rx-steps{--p:0;position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.p-react .rx-steps::before{content:"";position:absolute;left:10%;right:10%;top:23px;height:3px;border-radius:3px;background:var(--border);}
.p-react .rx-steps::after{content:"";position:absolute;left:10%;right:10%;top:23px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--brand-blue-2),var(--brand-violet));transform-origin:left;transform:scaleX(var(--p));transition:transform 1.8s cubic-bezier(.2,.7,.2,1);}
.p-react .rx-steps.in{--p:1;}
.p-react .rx-step{position:relative;text-align:center;padding:0 6px;}
.p-react .rx-sn{position:relative;z-index:1;display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;color:var(--accent-dark);background:#fff;border:2px solid var(--border);margin-bottom:16px;transition:background .4s ease, color .4s ease, border-color .4s ease;transition-delay:calc(var(--i,0) * 320ms);}
.p-react .rx-steps.in .rx-sn{background:var(--accent);color:#fff;border-color:var(--accent);}
.p-react .rx-step h3{font-size:1.05rem;margin-bottom:6px;}
.p-react .rx-step p{color:var(--text-dim);font-size:0.9rem;}
@media (max-width:900px){
.p-react .rx-steps{grid-template-columns:minmax(0,1fr);gap:26px;padding-left:12px;}
.p-react .rx-steps::before,.p-react .rx-steps::after{left:35px;right:auto;top:24px;bottom:24px;width:3px;height:auto;}
.p-react .rx-steps::after{transform-origin:top;transform:scaleY(var(--p));}
.p-react .rx-step{text-align:left;padding-left:72px;}
.p-react .rx-sn{position:absolute;left:12px;top:0;margin:0;}
}
@media (prefers-reduced-motion:reduce){
.p-react .rx-steps::after{transition:none;}
.p-react .rx-sn{transition:none;}
}
.p-react .rx-cta-sec{padding-top:40px;}
.p-react .rx-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center;padding:48px;border-radius:26px;color:#fff;background:linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-blue-2) 62%,var(--brand-violet) 100%);box-shadow:0 30px 70px -30px rgba(23,31,168,0.6);}
@media (max-width:900px){
.p-react .rx-cta{grid-template-columns:minmax(0,1fr);padding:28px;}
}
.p-react .rx-cta-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.p-react .rx-cta-copy h2{color:#fff;}
.p-react .rx-cta-copy .body-copy{color:rgba(255,255,255,0.85);}
.p-react .rx-cta-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.p-react .rx-cta-list li{position:relative;padding-left:26px;color:rgba(255,255,255,0.92);font-size:0.96rem;}
.p-react .rx-cta-list li::before{content:"✓";position:absolute;left:0;color:#5EEAB0;font-weight:700;}
.p-react .rx-form{background:#fff;border-radius:18px;padding:28px;color:var(--text);}
.p-react .rx-form .field input,.p-react .rx-form .field select,.p-react .rx-form .field textarea{background:var(--bg-tint);}
.p-react .rx-form .field input:focus,.p-react .rx-form .field select:focus,.p-react .rx-form .field textarea:focus{outline-color:var(--accent);}
.p-react #faq details{border-radius:14px;}

/* ==========================================================================
   2d. NEXT.JS PAGE  (.p-next)
   ========================================================================== */
.p-next{--bg:#FFFFFF;
  --bg-tint:#F4F5FF;
  --surface:#FFFFFF;
  --surface-tint:#EEF0FF;
  --border:#DFE2F7;
  --text:#12142E;
  --text-dim:#585C78;
  --text-faint:#8A8EB0;
  --accent:#3736FB;
  --accent-dark:#171FA8;
  --shadow:0 1px 2px rgba(18,20,46,0.05), 0 18px 40px -20px rgba(23,31,168,0.30);}
.p-next section{padding:88px 0;}
@media (max-width:720px){
.p-next section{padding:60px 0;}
}
.p-next .btn-primary{background:var(--accent-green);color:#04180B;}
.p-next .btn-primary:hover{background:var(--accent-green-strong);}
.p-next .body-copy b{color:var(--text);font-weight:700;}
.p-next .body-copy a,.p-next .nx-svc a,.p-next .nx-mig a,.p-next details p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.p-next .band-brand .body-copy a{color:#fff;font-weight:600;text-decoration-color:var(--accent-gold);}
.p-next .nx-tint{background:var(--bg-tint);}
.js .p-next .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms);}
.js .p-next .rv.in{opacity:1;transform:none;}
.js .p-next .rv.done{transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, opacity .3s ease;transition-delay:0ms;}
@media (prefers-reduced-motion:reduce){
.js .p-next .rv{opacity:1;transform:none;transition:none;}
}
.p-next .nx-hero{position:relative;overflow:hidden;color:#fff;padding:72px 0 128px;
  background:
    radial-gradient(50% 60% at 82% 15%, rgba(255,255,255,0.14), transparent 70%),
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px) 0 0/44px 44px,
    linear-gradient(125deg, #080C48 0%, var(--brand-navy) 25%, var(--brand-blue) 68%, var(--brand-violet) 100%);}
.p-next .nx-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,0.98fr);gap:56px;align-items:center;}
@media (max-width:960px){
.p-next .nx-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;}
}
.p-next .nx-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;}
.p-next .nx-hero-copy h1{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.06;color:#fff;}
.p-next .nx-sub{font-family:var(--font-display);font-weight:600;font-size:1.2rem;line-height:1.5;color:rgba(255,255,255,0.86);max-width:54ch;}
.p-next .nx-hero-cta{margin-top:4px;}
.p-next .nx-chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.p-next .nx-chips li{font-family:var(--font-mono);font-size:0.78rem;font-weight:500;padding:6px 12px;border-radius:100px;border:1px solid rgba(255,255,255,0.28);background:rgba(255,255,255,0.08);color:#fff;}
.p-next .nx-build{background:#0B0F22;border-radius:16px;border:1px solid rgba(255,255,255,0.16);box-shadow:0 34px 80px -26px rgba(0,0,0,0.65);overflow:hidden;animation:nxRise .8s ease both;}
@keyframes nxRise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){
.p-next .nx-build{animation:none;}
}
.p-next .nx-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.p-next .nx-build-body{padding:16px 18px 20px;font-family:var(--font-mono);}
.p-next .nx-thead,.p-next .nx-routes li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;}
.p-next .nx-thead{padding:0 12px 8px;font-size:0.68rem;letter-spacing:0.07em;text-transform:uppercase;color:#647096;}
.p-next .nx-routes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.p-next .nx-routes li{padding:11px 12px;border-radius:10px;border-left:3px solid transparent;font-size:0.84rem;color:#8996B8;transition:background .3s ease, border-color .3s ease, color .3s ease;}
.p-next .nx-routes .sym{font-weight:600;color:#647096;text-align:center;transition:color .3s ease;}
.p-next .nx-routes .rt{color:#C9D3F0;}
.p-next .nx-routes .rd{color:#5EEAB0;opacity:0.7;transition:opacity .3s ease;}
.p-next .nx-routes li.on{background:rgba(255,255,255,0.07);border-left-color:var(--accent-gold);}
.p-next .nx-routes li.on .sym{color:var(--accent-gold);}
.p-next .nx-routes li.on .rt{color:#fff;}
.p-next .nx-routes li.on .rd{opacity:1;}
.p-next .nx-cap{margin:14px 2px 0;min-height:3.4em;font-family:var(--font-body);font-size:0.9rem;line-height:1.6;color:#A7ACD4;}
.p-next .nx-seek{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-top:6px;font-size:0.74rem;color:#8996B8;}
.p-next .nx-seek b{color:#fff;font-weight:600;}
.p-next .nx-seek-bar{height:4px;border-radius:4px;background:rgba(255,255,255,0.1);overflow:hidden;}
.p-next .nx-seek-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-gold),#FF9A2E);}
.p-next .nx-seek-bar i.run{animation:nxSeek var(--seek,4s) linear forwards;}
@keyframes nxSeek{from{width:0;}to{width:100%;}}
@media (prefers-reduced-motion:reduce){
.p-next .nx-seek-bar i.run{animation:none;width:100%;}
}
.p-next .nx-stats-wrap{position:relative;z-index:2;margin-top:-64px;}
.p-next .nx-stats{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 60px -30px rgba(23,31,168,0.45);}
@media (max-width:900px){
.p-next .nx-stats{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:520px){
.p-next .nx-stats{grid-template-columns:repeat(2,1fr);}
}
.p-next .nx-stat{padding:28px 14px;text-align:center;border-left:1px solid var(--border);}
.p-next .nx-stat:first-child{border-left:none;}
@media (max-width:900px){
.p-next .nx-stat{border-top:1px solid var(--border);}
.p-next .nx-stat:nth-child(3n+1){border-left:none;}
.p-next .nx-stat:nth-child(-n+3){border-top:none;}
}
@media (max-width:520px){
.p-next .nx-stat:nth-child(odd){border-left:none;}
.p-next .nx-stat:nth-child(even){border-left:1px solid var(--border);}
.p-next .nx-stat:nth-child(3){border-top:1px solid var(--border);}
}
.p-next .nx-stat b{display:block;font-family:var(--font-display);font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums;}
.p-next .nx-stat span{display:block;margin-top:6px;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-faint);}
.p-next .nx-about{padding-top:72px;}
.p-next .nx-about .section-head{max-width:820px;}
.p-next .nx-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){
.p-next .nx-trio{grid-template-columns:minmax(0,1fr);}
}
.p-next .nx-card{padding:28px;border:1px solid var(--border);border-radius:20px;background:#fff;transition:transform .3s ease, box-shadow .3s ease;}
.p-next .nx-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.p-next .nx-ic{display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent);background:var(--surface-tint);border:1px solid var(--border);margin-bottom:16px;}
.p-next .nx-card h3{margin-bottom:8px;}
.p-next .nx-card p{color:var(--text-dim);font-size:0.95rem;}
.p-next .nx-seg-list{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:100px;background:#fff;border:1px solid var(--border);margin-bottom:22px;}
.p-next .nx-seg-list button{font:inherit;font-weight:600;font-size:0.92rem;cursor:pointer;padding:10px 20px;border-radius:100px;border:none;background:transparent;color:var(--text-dim);transition:background .25s ease, color .25s ease;}
.p-next .nx-seg-list button:hover{color:var(--accent);}
.p-next .nx-seg-list button.on{background:var(--accent);color:#fff;}
.p-next .nx-seg-panels{background:#fff;border:1px solid var(--border);border-radius:22px;padding:36px;box-shadow:var(--shadow);}
@media (max-width:560px){
.p-next .nx-seg-panels{padding:22px;}
}
.p-next .nx-seg-panel{display:none;}
.p-next .nx-seg-panel.on{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:40px;align-items:center;animation:nxPane .5s ease both;}
@media (max-width:900px){
.p-next .nx-seg-panel.on{grid-template-columns:minmax(0,1fr);gap:28px;}
}
@keyframes nxPane{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.p-next .nx-seg-copy h3{font-size:1.4rem;margin-bottom:10px;}
.p-next .nx-seg-copy p{color:var(--text-dim);margin-bottom:16px;}
.p-next .nx-seg-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.p-next .nx-seg-copy li{position:relative;padding-left:24px;font-size:0.93rem;color:var(--text-dim);}
.p-next .nx-seg-copy li::before{content:"✓";position:absolute;left:0;color:var(--accent-green-strong);font-weight:700;}
.p-next .nx-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;}
.p-next .nx-flow li{position:relative;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg-tint);animation:nxLit 3.6s ease-in-out infinite;}
.p-next .nx-flow li + li{margin-top:26px;}
.p-next .nx-flow li + li::before{content:"";position:absolute;left:28px;top:-26px;height:26px;width:2px;background:repeating-linear-gradient(var(--accent) 0 4px, transparent 4px 8px);}
.p-next .nx-flow li:nth-child(2){animation-delay:1.2s;}
.p-next .nx-flow li:nth-child(3){animation-delay:2.4s;}
.p-next .nx-flow b{display:block;font-family:var(--font-display);}
.p-next .nx-flow span{font-size:0.86rem;color:var(--text-dim);}
@keyframes nxLit{0%,30%,100%{background:var(--bg-tint);border-color:var(--border);transform:none;}10%,22%{background:var(--surface-tint);border-color:var(--accent);transform:translateX(6px);}}
@media (prefers-reduced-motion:reduce){
.p-next .nx-flow li{animation:none;}
.p-next .nx-seg-panel.on{animation:none;}
}
.p-next .nx-ledger{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:56px;}
@media (max-width:860px){
.p-next .nx-ledger{grid-template-columns:minmax(0,1fr);}
}
.p-next .nx-svc{display:flex;gap:22px;padding:26px 8px;border-top:1px solid var(--border);transition:background .25s ease, padding-left .25s ease;}
.p-next .nx-svc:hover{background:var(--bg-tint);padding-left:18px;}
.p-next .nx-svc .n{flex:none;font-family:var(--font-mono);font-weight:600;font-size:0.9rem;color:var(--text-faint);padding-top:4px;transition:color .25s ease;}
.p-next .nx-svc:hover .n{color:var(--accent);}
.p-next .nx-svc h3{margin-bottom:6px;font-size:1.1rem;}
.p-next .nx-svc p{color:var(--text-dim);font-size:0.94rem;line-height:1.65;}
.p-next .nx-svc p b{color:var(--text);}
.p-next .nx-cta-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:40px;}
.p-next .nx-cta-row.left{justify-content:flex-start;}
.p-next .nx-cta-note{font-size:0.9rem;color:var(--text-faint);}
.p-next .nx-routes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media (max-width:860px){
.p-next .nx-routes-grid{grid-template-columns:minmax(0,1fr);}
}
.p-next .nx-mig{padding:28px;border:1px solid var(--border);border-radius:20px;background:#fff;transition:transform .3s ease, box-shadow .3s ease;}
.p-next .nx-mig:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.p-next .nx-path{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
.p-next .nx-path span{font-family:var(--font-mono);font-size:0.8rem;font-weight:500;padding:6px 12px;border-radius:100px;background:var(--bg-tint);border:1px solid var(--border);color:var(--text-dim);}
.p-next .nx-path span.to{background:var(--accent);border-color:var(--accent);color:#fff;}
.p-next .nx-arrow{position:relative;width:38px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 9px);background-size:18px 2px;animation:nxFlow 1s linear infinite;}
.p-next .nx-arrow::after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid var(--accent);border-top:5px solid transparent;border-bottom:5px solid transparent;}
@keyframes nxFlow{to{background-position:18px 0;}}
@media (prefers-reduced-motion:reduce){
.p-next .nx-arrow{animation:none;}
}
.p-next .nx-mig > p{color:var(--text-dim);font-size:0.95rem;margin-bottom:12px;}
.p-next .nx-mig ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
.p-next .nx-mig li{position:relative;padding-left:22px;font-size:0.9rem;color:var(--text-dim);}
.p-next .nx-mig li::before{content:"✓";position:absolute;left:0;color:var(--accent-green-strong);font-weight:700;}
.p-next .nx-dark{background:linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-blue) 55%,var(--brand-violet) 100%);color:#fff;position:relative;overflow:hidden;}
.p-next .nx-dark::before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(50% 55% at 12% 10%,rgba(255,255,255,0.13),transparent 70%);pointer-events:none;}
.p-next .nx-seo{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:56px;align-items:center;}
@media (max-width:900px){
.p-next .nx-seo{grid-template-columns:minmax(0,1fr);gap:36px;}
}
.p-next .nx-seo-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.p-next .nx-seo-copy h2{color:#fff;}
.p-next .nx-seo-copy .body-copy{color:rgba(255,255,255,0.84);}
.p-next .nx-seo-copy .body-copy b{color:#fff;}
.p-next .nx-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.p-next .nx-checks li{position:relative;padding-left:28px;color:rgba(255,255,255,0.92);font-size:0.97rem;}
.p-next .nx-checks li::before{content:"✓";position:absolute;left:0;color:#5EEAB0;font-weight:700;}
.p-next .nx-seo-copy .nx-cta-row{margin-top:8px;}
.p-next .nx-gauges{background:#0B0F22;border:1px solid rgba(255,255,255,0.14);border-radius:22px;padding:30px;box-shadow:0 30px 70px -26px rgba(0,0,0,0.55);}
.p-next .nx-gauges h3{color:#fff;font-size:1.1rem;margin-bottom:22px;}
.p-next .nx-gauge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.p-next .nx-gauge{text-align:center;}
.p-next .nx-gauge svg{width:100%;max-width:104px;height:auto;display:block;margin:0 auto 10px;}
.p-next .nx-gauge .t{fill:none;stroke:rgba(255,255,255,0.12);stroke-width:7;}
.p-next .nx-gauge .f{fill:none;stroke:#0CCE6A;stroke-width:7;stroke-linecap:round;stroke-dasharray:213.6px;stroke-dashoffset:213.6px;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.7,.2,1);}
.p-next .nx-gauges.in .nx-gauge .f{stroke-dashoffset:calc(213.6px * (1 - var(--v)));}
.p-next .nx-gauge b{display:block;font-family:var(--font-display);font-size:1.25rem;color:#fff;}
.p-next .nx-gauge span{font-family:var(--font-mono);font-size:0.76rem;color:#5EEAB0;}
.p-next .nx-note{margin-top:20px;font-size:0.85rem;line-height:1.6;color:#8996B8;}
@media (prefers-reduced-motion:reduce){
.p-next .nx-gauge .f{transition:none;}
}
.p-next .nx-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow);}
.p-next .nx-table{width:100%;min-width:720px;border-collapse:collapse;}
.p-next .nx-table th,.p-next .nx-table td{padding:20px 24px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);}
.p-next .nx-table tbody tr:last-child th,.p-next .nx-table tbody tr:last-child td{border-bottom:none;}
.p-next .nx-table thead th{font-family:var(--font-display);font-size:1rem;background:var(--bg-tint);color:var(--text);}
.p-next .nx-table thead th.hl{background:var(--accent);color:#fff;}
.p-next .nx-table tbody th{width:190px;font-family:var(--font-mono);font-size:0.76rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-faint);}
.p-next .nx-table td{color:var(--text-dim);font-size:0.94rem;line-height:1.6;}
.p-next .nx-table td.hl{background:var(--surface-tint);color:var(--text);font-weight:500;}
.p-next .nx-table td.hl::before{content:"✓ ";color:var(--accent-green-strong);font-weight:700;}
.p-next .nx-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media (max-width:860px){
.p-next .nx-lanes{grid-template-columns:minmax(0,1fr);}
}
.p-next .nx-lane{display:flex;align-items:center;gap:20px;padding:20px 24px;border:1px solid var(--border);border-radius:16px;background:#fff;}
@media (max-width:520px){
.p-next .nx-lane{flex-direction:column;align-items:flex-start;gap:12px;}
}
.p-next .nx-lane h3{flex:none;width:130px;font-size:0.95rem;color:var(--accent-dark);}
.p-next .nx-lane ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.p-next .nx-lane li{font-family:var(--font-mono);font-size:0.78rem;border-radius:8px;background:var(--bg-tint);border:1px solid var(--border);color:var(--text-dim);}
.p-next .nx-lane li:not(:has(a)){padding:5px 11px;}
.p-next .nx-lane li a{display:block;padding:5px 11px;color:var(--accent);text-decoration:none;font-weight:600;}
.p-next .nx-lane li:has(a):hover{background:var(--accent);}
.p-next .nx-lane li:has(a):hover a{color:#fff;}
.p-next .nx-phases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
@media (max-width:960px){
.p-next .nx-phases{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:520px){
.p-next .nx-phases{grid-template-columns:minmax(0,1fr);}
}
.p-next .nx-phases li{position:relative;padding-top:22px;border-top:3px solid var(--border);border-radius:3px;}
.p-next .nx-phases li::before{content:"";position:absolute;top:-3px;left:0;height:3px;width:0;border-radius:3px;background:linear-gradient(90deg,var(--brand-blue-2),var(--brand-violet));transition:width 1.1s cubic-bezier(.2,.7,.2,1) .2s;}
.p-next .nx-phases li.in::before{width:100%;}
.p-next .nx-phases .ph{display:block;font-family:var(--font-display);font-weight:800;font-size:3.2rem;line-height:1;margin-bottom:10px;color:transparent;-webkit-text-stroke:1.5px var(--accent);}
.p-next .nx-phases h3{margin-bottom:6px;}
.p-next .nx-phases p{color:var(--text-dim);font-size:0.93rem;}
@media (prefers-reduced-motion:reduce){
.p-next .nx-phases li::before{transition:none;width:100%;}
}
.p-next .nx-cta-sec{background:linear-gradient(180deg,var(--bg-tint),#fff);}
.p-next .nx-cta{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:52px;align-items:center;}
@media (max-width:900px){
.p-next .nx-cta{grid-template-columns:minmax(0,1fr);}
.p-next .nx-cta-copy{order:-1;}
}
.p-next .nx-form{background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 30px 60px -30px rgba(23,31,168,0.4);}
.p-next .nx-form h3{font-size:1.25rem;}
.p-next .nx-cta-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.p-next .nx-cta-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.p-next .nx-cta-list li{position:relative;padding-left:26px;color:var(--text-dim);font-size:0.97rem;}
.p-next .nx-cta-list li::before{content:"✓";position:absolute;left:0;color:var(--accent-green-strong);font-weight:700;}
.p-next #faq details{border-radius:14px;}

/* ==========================================================================
   2e. SEO / AI-SEARCH / KLAVIYO PAGES  (main.p-seo, shared) + one class per page
   ========================================================================== */
.p-seo{background:var(--bg);color:var(--text);}
.p-seo details{margin-bottom:0;}
.p-seo details p{line-height:1.65;}
.p-seo{--bg:#FFFFFF;
  --bg-tint:#F1F2FF;
  --surface:#FFFFFF;
  --surface-tint:#EAEBFE;
  --border:#DFE2F7;
  --text:#12142E;
  --text-dim:#585C78;
  --text-faint:#8A8EB0;

  --brand-navy:#0B1166;
  --brand-blue:#171FA8;
  --brand-blue-2:#3736FB;
  --brand-violet:#4B2FC9;
  --on-brand:#FFFFFF;
  --on-brand-dim:rgba(255,255,255,0.78);
  --on-brand-faint:rgba(255,255,255,0.55);
  --on-brand-border:rgba(255,255,255,0.22);
  --on-brand-surface:rgba(255,255,255,0.08);

  --accent-green:#2FB457;
  --accent-green-strong:#239247;
  --accent-gold:#FFBE10;
  --accent-gold-ink:#3A2600;

  --shadow: 0 1px 2px rgba(18,20,46,0.05), 0 16px 36px -18px rgba(23,31,168,0.30);
  --font-display:'Bricolage Grotesque', system-ui, sans-serif;
  --font-body:'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  color-scheme: light;}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .p-seo{--bg:#0B0E22;
    --bg-tint:#121737;
    --surface:#121737;
    --surface-tint:#1A2150;
    --border:#2B3568;
    --text:#EBEDFB;
    --text-dim:#A7ACD4;
    --text-faint:#6E749C;
    --brand-blue:#4C57FF;
    --brand-violet:#8360FF;
    --accent-green:#3FDD75;
    --accent-green-strong:#2FB457;
    --accent-gold:#FFCB3D;
    --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 20px 44px -20px rgba(0,0,0,0.7);
    color-scheme: dark;}
}
html[data-theme="dark"] .p-seo{--bg:#0B0E22;
  --bg-tint:#121737;
  --surface:#121737;
  --surface-tint:#1A2150;
  --border:#2B3568;
  --text:#EBEDFB;
  --text-dim:#A7ACD4;
  --text-faint:#6E749C;
  --brand-blue:#4C57FF;
  --brand-violet:#8360FF;
  --accent-green:#3FDD75;
  --accent-green-strong:#2FB457;
  --accent-gold:#FFCB3D;
  --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 20px 44px -20px rgba(0,0,0,0.7);
  color-scheme: dark;}
.p-seo{margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;}
.p-seo img{max-width:100%;display:block;}
.p-seo a{color:inherit;}
.p-seo .wrap{max-width:1380px;margin:0 auto;padding:0 24px;}
.p-seo section{padding:88px 0;}
@media (max-width:720px){
.p-seo section{padding:60px 0;}
}
.p-seo h1,.p-seo h2,.p-seo h3,.p-seo h4{font-family:var(--font-display);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-0.01em;}
.p-seo h1{font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.08;letter-spacing:-0.02em;}
.p-seo h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.18;}
.p-seo h3{font-size:1.25rem;line-height:1.3;}
.p-seo p{margin:0;}
.p-seo .lede{color:var(--text-dim);font-size:1.1rem;line-height:1.7;max-width:60ch;}
.p-seo .eyebrow{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:0.75rem;font-weight:500;
  letter-spacing:0.06em;text-transform:uppercase;
  color:var(--brand-blue);
  background:var(--surface-tint);
  border:1px solid var(--border);
  padding:6px 12px;border-radius:100px;}
.p-seo .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-blue);flex:none;}
.p-seo .eyebrow-invert{color:var(--on-brand);background:var(--on-brand-surface);border-color:var(--on-brand-border);}
.p-seo .eyebrow-invert .dot{background:var(--accent-gold);}
.p-seo .eyebrow-gold{color:var(--accent-gold-ink);background:rgba(58,38,0,0.08);border-color:rgba(58,38,0,0.18);}
.p-seo .eyebrow-gold .dot{background:var(--accent-gold-ink);}
.p-seo .btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;
  font-family:var(--font-body);font-weight:600;font-size:0.95rem;
  padding:13px 24px;border-radius:10px;border:1px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  white-space:nowrap;}
.p-seo .btn:active{transform:translateY(1px);}
.p-seo .btn-primary{background:var(--accent-green);color:#04180B;box-shadow:0 10px 22px -10px var(--accent-green);}
.p-seo .btn-primary:hover{background:var(--accent-green-strong);}
.p-seo .btn-ghost{background:transparent;border-color:var(--border);color:var(--text);}
.p-seo .btn-ghost:hover{border-color:var(--brand-blue);color:var(--brand-blue);}
.p-seo .btn-ghost-invert{background:transparent;border-color:var(--on-brand-border);color:var(--on-brand);}
.p-seo .btn-ghost-invert:hover{background:var(--on-brand-surface);}
.p-seo .btn-dark{background:#211705;color:#FFE9B3;}
.p-seo .btn-dark:hover{background:#382608;}
.p-seo .btn-block{width:100%;}
.p-seo .hero{position:relative;overflow:hidden;color:var(--on-brand);
  background:linear-gradient(120deg, var(--brand-blue) 0%, var(--brand-violet) 55%, var(--brand-blue-2) 100%);
  padding:72px 0 84px;}
.p-seo .hero::before{content:"";position:absolute;inset:-20% -10%;
  background:radial-gradient(50% 50% at 75% 20%, rgba(255,255,255,0.16), transparent 70%);
  pointer-events:none;}
.p-seo .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:60px;align-items:center;}
@media (max-width:960px){
.p-seo .hero-grid{grid-template-columns:minmax(0,1fr);gap:44px;}
}
.p-seo .hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;}
.p-seo .hero-copy h1{color:#fff;}
.p-seo .hero-copy h1 em{font-style:normal;color:var(--accent-gold);}
.p-seo .hero-copy .lede{color:var(--on-brand-dim);}
.p-seo .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;}
.p-seo .stat-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:12px;padding-top:22px;border-top:1px solid var(--on-brand-border);width:100%;}
.p-seo .stat{display:flex;flex-direction:column;gap:2px;}
.p-seo .stat b{font-family:var(--font-display);font-size:1.4rem;color:#fff;}
.p-seo .stat span{font-size:0.76rem;color:var(--on-brand-faint);font-family:var(--font-mono);letter-spacing:0.02em;}
.p-seo .term{position:relative;background:#0B0F22;border-radius:14px;border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 24px 60px -20px rgba(6,8,30,0.55);overflow:hidden;
  animation:rise .6s ease both;}
@media (prefers-reduced-motion:reduce){
.p-seo .term{animation:none;}
}
.p-seo .term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.p-seo .term-dot{width:10px;height:10px;border-radius:50%;}
.p-seo .term-bar .term-file{margin-left:8px;font-family:var(--font-mono);font-size:0.78rem;color:#8996B8;}
.p-seo .term-viewport{transition:opacity .4s ease;min-height:210px;}
.p-seo .term-viewport.fade{opacity:0;}
@media (prefers-reduced-motion:reduce){
.p-seo .term-viewport{transition:none;}
}
.p-seo .term pre{margin:0;padding:22px 20px 8px;font-family:var(--font-mono);font-size:0.83rem;line-height:1.75;color:#D9E4F5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;}
.p-seo .term pre.typing::after{content:"▍";color:#5EEAB0;animation:blink 1s steps(1) infinite;}
.p-seo .term .k{color:#8AA4FF;}
.p-seo .term .s{color:#5EEAB0;}
.p-seo .term .c{color:#647096;}
.p-seo .term-dots{display:flex;gap:6px;padding:4px 20px 18px;}
.p-seo .term-nav-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.25);transition:background .2s ease, width .2s ease;}
.p-seo .term-nav-dot.active{background:var(--accent-gold);width:16px;border-radius:3px;}
.p-seo .clients{background:var(--bg);border-bottom:1px solid var(--border);padding:28px 0 30px;}
.p-seo .clients-label{display:block;
  font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--text-faint);line-height:1.55;margin-bottom:16px;}
.p-seo .clients-marks{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.p-seo .clients--ten .clients-marks{grid-template-columns:repeat(5,1fr);}
@media (max-width:1180px){
.p-seo .clients-marks,.p-seo .clients--ten .clients-marks{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:760px){
.p-seo .clients-marks,.p-seo .clients--ten .clients-marks{grid-template-columns:repeat(3,1fr);gap:10px;}
}
@media (max-width:420px){
.p-seo .clients-marks,.p-seo .clients--ten .clients-marks{grid-template-columns:repeat(3,1fr);gap:8px;}
}
.p-seo .client-mark{display:flex;align-items:center;justify-content:center;
  height:66px;padding:10px 14px;min-width:0;
  background:#FFFFFF;border:1px solid var(--border);border-radius:12px;
  transition:border-color .15s ease, transform .15s ease;}
.p-seo .client-mark img{max-height:30px;max-width:100%;width:auto;object-fit:contain;}
.p-seo .client-mark--stacked img{max-height:46px;}
.p-seo .client-mark:hover{border-color:var(--brand-blue);transform:translateY(-1px);}
@media (max-width:760px){
.p-seo .client-mark{height:54px;padding:8px 10px;border-radius:10px;}
.p-seo .client-mark img{max-height:24px;}
.p-seo .client-mark--stacked img{max-height:38px;}
}
@media (max-width:420px){
.p-seo .client-mark{height:46px;padding:6px 7px;border-radius:8px;}
.p-seo .client-mark img{max-height:18px;}
.p-seo .client-mark--stacked img{max-height:32px;}
}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .p-seo .client-mark{background:#F4F5FA;border-color:rgba(255,255,255,0.14);}
html:not([data-theme="light"]) .p-seo .client-mark:hover{background:#FFFFFF;}
}
html[data-theme="dark"] .p-seo .client-mark{background:#F4F5FA;border-color:rgba(255,255,255,0.14);}
html[data-theme="dark"] .p-seo .client-mark:hover{background:#FFFFFF;}
.p-seo .client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(198px,1fr));gap:16px;margin-top:28px;}
@media (max-width:960px){
.p-seo .client-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
}
@media (max-width:520px){
.p-seo .client-grid{grid-template-columns:minmax(0,1fr);}
}
.p-seo .client-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;
  padding:20px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
  transition:border-color .15s ease, transform .15s ease;}
.p-seo .client-card:hover{border-color:var(--brand-blue);transform:translateY(-2px);}
.p-seo .client-card .cc-mark{height:50px;display:flex;align-items:center;justify-content:flex-start;
  background:#FFFFFF;border:1px solid var(--border);border-radius:10px;
  padding:8px 12px;align-self:flex-start;max-width:100%;}
.p-seo .client-card .cc-mark img{max-height:28px;max-width:126px;width:auto;object-fit:contain;}
.p-seo .client-card .cc-mark--stacked img{max-height:34px;}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .p-seo .client-card .cc-mark{background:#F4F5FA;border-color:rgba(255,255,255,0.14);}
}
html[data-theme="dark"] .p-seo .client-card .cc-mark{background:#F4F5FA;border-color:rgba(255,255,255,0.14);}
.p-seo .client-card b{font-family:var(--font-display);font-size:0.98rem;}
.p-seo .client-card span{font-size:0.85rem;color:var(--text-dim);line-height:1.5;}
.p-seo .client-card .cc-meta{font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.05em;text-transform:uppercase;
  color:var(--text-faint);margin-top:auto;padding-top:8px;border-top:1px solid var(--border);}
.p-seo .section-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:680px;margin-bottom:48px;}
.p-seo .section-head.center{align-items:center;text-align:center;margin-left:auto;margin-right:auto;}
.p-seo .band-brand .section-head .lede,.p-seo .band-brand p{color:var(--on-brand-dim);}
.p-seo .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media (max-width:960px){
.p-seo .grid-4{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
}
@media (max-width:560px){
.p-seo .grid-4{grid-template-columns:minmax(0,1fr);}
}
.p-seo .why-card{background:var(--surface-tint);border:1px solid var(--border);border-radius:14px;padding:26px 22px;
  display:flex;flex-direction:column;gap:12px;}
.p-seo .why-card .ic{width:60px;height:60px;border-radius:9px;background:var(--surface);color:var(--brand-blue);display:flex;align-items:center;justify-content:center;border:1px solid var(--border); font-size: 32px;}
.p-seo .why-card p{color:var(--text-dim);font-size:0.92rem;}
.p-seo .band-tint{background:var(--bg-tint);}
.p-seo .flow{display:flex;align-items:stretch;gap:0;margin-top:8px;}
@media (max-width:860px){
.p-seo .flow{flex-direction:column;}
}
.p-seo .flow-col{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;
  padding:24px 20px;display:flex;flex-direction:column;gap:14px;}
.p-seo .flow-col h4{font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-faint);font-weight:600;}
.p-seo .flow-col p{font-size:0.85rem;line-height:1.5;color:var(--text-dim);margin:-6px 0 0;}
.p-seo .chip-list{display:flex;flex-direction:column;gap:8px;}
.p-seo .chip{display:flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:0.85rem;
  background:var(--surface-tint);border:1px solid var(--border);border-radius:8px;padding:9px 12px;}
.p-seo .chip .sw{width:8px;height:8px;border-radius:2px;flex:none;}
.p-seo .flow-arrow{display:flex;align-items:center;justify-content:center;padding:0 18px;color:var(--brand-blue);flex:none;}
@media (max-width:860px){
.p-seo .flow-arrow{padding:10px 0;transform:rotate(90deg);}
}
.p-seo .tag{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.03em;font-weight:600;padding:3px 9px;border-radius:100px;background:var(--surface-tint);color:var(--brand-blue);border:1px solid var(--border);white-space:nowrap;}
.p-seo .tech-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:600;font-size:0.88rem;color:#fff;text-decoration:none;
  padding:10px 16px;border-radius:10px;background:var(--brand-blue);
  transition:background .15s ease, transform .15s ease;white-space:nowrap;}
.p-seo .tech-link:hover{background:var(--brand-navy);transform:translateY(-1px);}
.p-seo .compare-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);}
.p-seo .compare-table{width:100%;min-width:820px;border-collapse:collapse;}
.p-seo .compare-table th,.p-seo .compare-table td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;}
.p-seo .compare-table tbody tr:last-child th,.p-seo .compare-table tbody tr:last-child td{border-bottom:none;}
.p-seo .compare-table td,.p-seo .compare-table td.compare-cell{min-width:190px;color:var(--text-dim);font-size:0.9rem;line-height:1.55;}
.p-seo .compare-row-label{width:140px;font-family:var(--font-mono);font-size:0.72rem;font-weight:600;
  color:var(--text-faint);text-transform:uppercase;letter-spacing:0.04em;
  position:sticky;left:0;background:var(--surface);z-index:1;}
.p-seo .compare-table thead .compare-row-label{background:var(--surface-tint);}
.p-seo .compare-table thead th:not(.compare-row-label){background:var(--surface-tint);}
.p-seo .compare-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.p-seo .compare-logo{width:48px;height:48px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.p-seo .compare-logo img{display:block;}
.p-seo .compare-head b{font-family:var(--font-display);font-weight:700;font-size:0.98rem;color:var(--text);}
.p-seo .compare-cta td{text-align:center;}
.p-seo .band-brand{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(100deg, var(--brand-navy) 0%, var(--brand-blue-2) 60%, var(--brand-violet) 100%);}
.p-seo .band-brand::before{content:"";position:absolute;inset:-30% -10%;
  background:radial-gradient(45% 60% at 15% 85%, rgba(255,255,255,0.12), transparent 70%);
  pointer-events:none;}
.p-seo .band-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:48px;align-items:center;}
@media (max-width:900px){
.p-seo .band-inner{grid-template-columns:minmax(0,1fr);}
}
.p-seo .band-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.p-seo .band-copy h2{color:#fff;}
.p-seo .pair-badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;}
.p-seo .pair-badge{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow);}
.p-seo .pair-badge b{font-family:var(--font-display);font-size:1.02rem;color:var(--text);}
.p-seo .pair-badge span{display:block;font-family:var(--font-mono);font-size:0.68rem;color:var(--text-faint);}
.p-seo .gold-card{background:var(--accent-gold);color:var(--accent-gold-ink);border-radius:18px;
  padding:32px;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 20px 50px -20px rgba(0,0,0,0.35);}
.p-seo .gold-card h3{color:var(--accent-gold-ink);}
.p-seo .gold-card p{color:rgba(58,38,0,0.82);font-size:0.94rem;}
.p-seo .process-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:56px;align-items:start;}
@media (max-width:900px){
.p-seo .process-grid{grid-template-columns:minmax(0,1fr);}
}
.p-seo .timeline{display:flex;flex-direction:column;gap:0;}
.p-seo .tl-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;position:relative;padding-bottom:36px;}
.p-seo .tl-item:last-child{padding-bottom:0;}
.p-seo .tl-num{width:40px;height:40px;border-radius:10px;background:var(--brand-blue);border:1px solid var(--brand-blue);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;
  color:#fff;position:relative;z-index:1;
  transform:scale(0.4);opacity:0;
  transition:transform .5s cubic-bezier(.34,1.56,.64,1), opacity .35s ease;}
.p-seo .tl-item.reveal.in .tl-num{transform:scale(1);opacity:1;}
.p-seo .tl-item:not(:last-child)::before{content:"";position:absolute;left:19px;top:44px;bottom:-6px;width:1px;background:var(--border);
  transform-origin:top;transform:scaleY(0);transition:transform .7s ease .15s;}
.p-seo .tl-item.reveal.in:not(:last-child)::before{transform:scaleY(1);}
@media (prefers-reduced-motion:reduce){
.p-seo .tl-num{transform:none;opacity:1;transition:none;}
.p-seo .tl-item:not(:last-child)::before{transform:scaleY(1);transition:none;}
}
.p-seo .tl-body{padding-top:6px;}
.p-seo .tl-body h4{font-size:1.05rem;font-family:var(--font-display);margin-bottom:6px;}
.p-seo .tl-body p{color:var(--text-dim);font-size:0.92rem;max-width:62ch;}
.p-seo .process-visual{position:sticky;top:110px;}
.p-seo .pv-card{background:#0B0F22;border-radius:16px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 24px 60px -20px rgba(6,8,30,0.5);overflow:hidden;}
.p-seo .pv-card .term-bar{border-bottom:1px solid rgba(255,255,255,0.1);}
.p-seo .pv-body{padding:20px 20px 24px;font-family:var(--font-mono);font-size:0.82rem;line-height:2;}
.p-seo .pv-line{margin:0;min-height:1.3em;color:#8BE9A4;}
.p-seo .pv-line.dim{color:#8996B8;}
.p-seo .pv-line.cursor{color:#5EEAB0;}
.p-seo .pv-line.cursor.blink{animation:blink 1s steps(1) infinite;}
.p-seo .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
.p-seo .reveal.in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
.p-seo .reveal{opacity:1;transform:none;transition:none;}
}
.p-seo .grid-4 .why-card:nth-child(1){transition-delay:0ms;}
.p-seo .grid-4 .why-card:nth-child(2){transition-delay:80ms;}
.p-seo .grid-4 .why-card:nth-child(3){transition-delay:160ms;}
.p-seo .grid-4 .why-card:nth-child(4){transition-delay:240ms;}
.p-seo .timeline .tl-item:nth-child(1){transition-delay:0ms;}
.p-seo .timeline .tl-item:nth-child(2){transition-delay:70ms;}
.p-seo .timeline .tl-item:nth-child(3){transition-delay:140ms;}
.p-seo .timeline .tl-item:nth-child(4){transition-delay:210ms;}
.p-seo .timeline .tl-item:nth-child(5){transition-delay:280ms;}
.p-seo .proof-tiles .tile:nth-child(1){transition-delay:0ms;}
.p-seo .proof-tiles .tile:nth-child(2){transition-delay:90ms;}
.p-seo .proof-tiles .tile:nth-child(3){transition-delay:180ms;}
.p-seo .flow .flow-col:nth-child(1){transition-delay:0ms;}
.p-seo .flow .flow-col:nth-child(3){transition-delay:120ms;}
.p-seo .flow .flow-col:nth-child(5){transition-delay:240ms;}
.p-seo .faq details:nth-child(1){transition-delay:0ms;}
.p-seo .faq details:nth-child(2){transition-delay:60ms;}
.p-seo .faq details:nth-child(3){transition-delay:120ms;}
.p-seo .faq details:nth-child(4){transition-delay:180ms;}
.p-seo .faq details:nth-child(5){transition-delay:240ms;}
.p-seo .band-inner .gold-card.reveal{transition-delay:120ms;}
.p-seo .proof{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:28px;}
@media (max-width:860px){
.p-seo .proof{grid-template-columns:minmax(0,1fr);}
}
.p-seo .proof-case{overflow:hidden;
  position:relative;color:#fff;border-radius:18px;padding:36px;
  background:linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-blue-2) 65%, var(--brand-violet) 100%);
  box-shadow:0 24px 56px -22px rgba(23,31,168,0.4);}
.p-seo .proof-case::before{content:"";position:absolute;inset:-30% -10%;
  background:radial-gradient(45% 55% at 85% 10%, rgba(255,255,255,0.14), transparent 70%);
  pointer-events:none;}
.p-seo .tag-client{display:inline-block;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.06em;color:var(--accent-gold);font-weight:600;}
.p-seo .case-main{position:relative;display:flex;align-items:center;gap:28px;margin:24px 0 22px;}
@media (max-width:520px){
.p-seo .case-main{flex-direction:column;align-items:flex-start;}
}
.p-seo .ps-ring-wrap{position:relative;flex:none;width:92px;height:92px;}
.p-seo .ps-ring-fill{stroke-dasharray:245.04;stroke-dashoffset:245.04;transition:stroke-dashoffset 2.2s cubic-bezier(.16,.8,.24,1);}
.p-seo .proof-case.case-active .ps-ring-fill{stroke-dashoffset:24.5;}
@media (prefers-reduced-motion:reduce){
.p-seo .ps-ring-fill{stroke-dashoffset:24.5 !important;transition:none;}
}
.p-seo .ps-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.p-seo .ps-ring-label b{font-family:var(--font-display);font-size:1.6rem;color:#fff;line-height:1;font-variant-numeric:tabular-nums;}
.p-seo .ps-ring-label span{font-family:var(--font-mono);font-size:0.56rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--on-brand-faint);margin-top:3px;}
.p-seo .case-data{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}
.p-seo .ps-source{font-family:var(--font-mono);font-size:0.72rem;color:var(--on-brand-dim);letter-spacing:0.02em;}
.p-seo .hbars{position:relative;display:flex;flex-direction:column;gap:14px;}
.p-seo .hbar-row{display:flex;align-items:center;gap:14px;}
.p-seo .hbar-label{width:56px;flex:none;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--on-brand-faint);}
.p-seo .hbar-track{flex:1;height:28px;border-radius:8px;background:rgba(255,255,255,0.12);overflow:hidden;}
.p-seo .hbar{height:100%;width:0;border-radius:8px;background:rgba(255,255,255,0.35);transition:width 2.2s cubic-bezier(.16,.8,.24,1);}
.p-seo .hbar-after{background:linear-gradient(90deg, var(--accent-gold), #FF9A2E);}
.p-seo .proof-case.case-active .hbar{width:var(--w);}
.p-seo .proof-case.case-reset .hbar,.p-seo .proof-case.case-reset .ps-ring-fill{transition:none !important;}
@media (prefers-reduced-motion:reduce){
.p-seo .hbar{width:var(--w) !important;transition:none;}
}
.p-seo .hbar-value{width:44px;flex:none;text-align:right;font-family:var(--font-display);font-size:1.15rem;color:#fff;font-variant-numeric:tabular-nums;}
.p-seo .proof-case p{position:relative;color:var(--on-brand-dim);font-size:0.92rem;max-width:46ch;}
.p-seo .proof-tiles{display:flex;flex-direction:column;gap:16px;}
.p-seo .tile{flex:1;display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:22px 24px;}
.p-seo .tile-ic{flex:none;width:48px;height:48px;border-radius:11px;background:var(--surface-tint);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--brand-blue);}
.p-seo .tile b{display:block;font-family:var(--font-display);font-size:2.1rem;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums;}
.p-seo .tile > div > span{display:block;font-size:0.84rem;color:var(--text-faint);margin-top:2px;}
.p-seo .tile b .num{font-size:inherit;color:inherit;display:inline;margin-top:0;}
.p-seo .cta-band{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;box-shadow:var(--shadow);}
@media (max-width:860px){
.p-seo .cta-band{grid-template-columns:minmax(0,1fr);padding:28px;}
}
.p-seo .field{display:flex;flex-direction:column;gap:6px;}
.p-seo .field label{font-size:0.8rem;font-weight:600;color:var(--text-dim);}
.p-seo .field input,.p-seo .field select,.p-seo .field textarea{font-family:var(--font-body);font-size:0.95rem;padding:11px 13px;border-radius:9px;
  border:1px solid var(--border);background:var(--surface-tint);color:var(--text);}
.p-seo .field input:focus,.p-seo .field select:focus,.p-seo .field textarea:focus{outline:2px solid var(--brand-blue);outline-offset:1px;}
.p-seo form.lead{display:flex;flex-direction:column;gap:16px;}
.p-seo .field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
@media (max-width:520px){
.p-seo .field-row{grid-template-columns:minmax(0,1fr);}
}
.p-seo .form-note{font-size:0.78rem;color:var(--text-faint);}
.p-seo .faq{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.p-seo details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 20px;}
.p-seo summary{cursor:pointer;padding:18px 0;font-weight:600;font-family:var(--font-display);font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.p-seo summary::-webkit-details-marker{display:none;}
.p-seo summary::after{content:"+";font-family:var(--font-mono);font-size:1.3rem;color:var(--text-faint);flex:none;}
.p-seo details[open] summary::after{content:"–";}
.p-seo details p{color:var(--text-dim);padding-bottom:20px;margin:0;font-size:0.95rem;}
.p-seo .client-card span b{font-family:var(--font-display);font-size:0.95rem;color:var(--text);}
.p-seo .cta-strip{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:var(--surface-tint);border:1px solid var(--border);border-radius:16px;
  padding:26px 32px;box-shadow:var(--shadow);}
.p-seo .cta-strip-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:min(100%,300px);}
.p-seo .cta-strip-copy b{font-family:var(--font-display);font-size:1.2rem;line-height:1.25;letter-spacing:-0.01em;}
.p-seo .cta-strip-copy span{font-size:0.93rem;color:var(--text-dim);line-height:1.55;max-width:62ch;}
.p-seo .cta-strip-actions{display:flex;gap:12px;flex-wrap:wrap;flex:none;}
@media (max-width:640px){
.p-seo .cta-strip{padding:22px;}
.p-seo .cta-strip-actions{width:100%;}
.p-seo .cta-strip-actions .btn{flex:1;}
}
.p-seo .cta-close{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(100deg,var(--brand-navy) 0%,var(--brand-blue-2) 60%,var(--brand-violet) 100%);}
.p-seo .cta-close::before{content:"";position:absolute;inset:-30% -10%;
  background:radial-gradient(45% 65% at 50% 0%,rgba(255,255,255,0.15),transparent 70%);pointer-events:none;}
.p-seo .cta-close-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:16px;max-width:740px;margin:0 auto;}
.p-seo .cta-close h2{color:#fff;}
.p-seo .cta-close p{color:var(--on-brand-dim);font-size:1.06rem;line-height:1.65;}
.p-seo .cta-close-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px;}
.p-seo .cta-close .fineprint{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.03em;
  color:var(--on-brand-faint);margin-top:4px;}
@media (max-width:560px){
.p-seo .cta-close-actions{width:100%;}
.p-seo .cta-close-actions .btn{width:100%;}
}
.p-seo .sticky-cta{display:none;}
@media (max-width:860px){
.p-seo .sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
    align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:var(--surface);border-top:1px solid var(--border);
    box-shadow:0 -10px 26px -14px rgba(18,20,46,0.3);
    transform:translateY(120%);transition:transform .25s ease;}
.p-seo .sticky-cta.show{transform:translateY(0);}
.p-seo .sticky-cta span{flex:1;font-size:0.82rem;line-height:1.35;color:var(--text-dim);}
.p-seo .sticky-cta .btn{flex:none;padding:11px 16px;font-size:0.88rem;}
}
@media (prefers-reduced-motion:reduce){
.p-seo .sticky-cta{transition:none;}
}
.p-seo .res-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:16px 0 6px;}
.p-seo .res-head b{font-family:var(--font-display);font-size:1.35rem;line-height:1.2;}
.p-seo .res-head span{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.07em;opacity:0.72;}
.p-seo .res-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;
  padding:14px 0 12px;border-bottom:1px solid rgba(255,255,255,0.16);}
.p-seo .res-big i{font-style:normal;opacity:0.5;}
.p-seo .res-big b{font-family:var(--font-display);font-size:1.6rem;line-height:1;font-variant-numeric:tabular-nums;}
.p-seo .res-big em{font-style:normal;font-family:var(--font-mono);font-size:0.78rem;
  background:rgba(47,180,87,0.22);color:#7BE3A0;border-radius:6px;padding:3px 9px;}
.p-seo .res-label{display:block;width:100%;font-family:var(--font-mono);font-size:0.62rem;
  letter-spacing:0.09em;text-transform:uppercase;opacity:0.62;margin-bottom:4px;}
.p-seo .res-row{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.93rem;}
.p-seo .res-row:last-child{border-bottom:none;}
.p-seo .res-row span{opacity:0.88;min-width:0;}
.p-seo .res-row b{font-family:var(--font-mono);font-size:0.82rem;flex:none;white-space:nowrap;}
.p-seo .res-foot{margin-top:16px;font-size:0.88rem;opacity:0.78;line-height:1.55;}
.p-seo .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;}
@media (max-width:1000px){
.p-seo .res-grid{grid-template-columns:minmax(0,1fr);}
}
.p-seo .rescard{border:1px solid var(--border);border-radius:16px;background:var(--surface);
  overflow:hidden;display:flex;flex-direction:column;min-width:0;}
.p-seo .rescard-head{padding:17px 20px;border-bottom:1px solid var(--border);background:var(--surface-tint);}
.p-seo .rescard-head b{font-family:var(--font-display);font-size:1.1rem;color:var(--text);display:block;line-height:1.25;}
.p-seo .rescard-head span{display:block;margin-top:6px;font-family:var(--font-mono);font-size:0.63rem;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--text-faint);line-height:1.5;}
.p-seo .rescard-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;flex:1;}
.p-seo .rescard-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;}
.p-seo .rescard-big b{font-family:var(--font-display);font-size:1.45rem;color:var(--text);line-height:1.1;font-variant-numeric:tabular-nums;}
.p-seo .rescard-big em{font-style:normal;font-family:var(--font-mono);font-size:0.74rem;
  background:rgba(47,180,87,0.16);color:var(--accent-green-strong);border-radius:6px;padding:3px 8px;}
.p-seo .rescard-big span{display:block;width:100%;font-family:var(--font-mono);font-size:0.61rem;letter-spacing:0.09em;
  text-transform:uppercase;color:var(--text-faint);margin-bottom:3px;}
.p-seo .rescard-terms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.p-seo .rescard-terms li{display:flex;justify-content:space-between;gap:12px;align-items:center;
  font-size:0.9rem;color:var(--text-dim);line-height:1.45;}
.p-seo .rescard-terms li b{font-family:var(--font-mono);font-size:0.79rem;color:var(--accent-green-strong);flex:none;}
.p-seo .rescard-foot{margin-top:auto;padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-tint);
  font-size:0.85rem;color:var(--text-dim);line-height:1.5;}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .p-seo .rescard-big em{background:rgba(47,180,87,0.2);color:#7BE3A0;}
html:not([data-theme="light"]) .p-seo .rescard-terms li b{color:#7BE3A0;}
}
html[data-theme="dark"] .p-seo .rescard-big em{background:rgba(47,180,87,0.2);color:#7BE3A0;}
html[data-theme="dark"] .p-seo .rescard-terms li b{color:#7BE3A0;}

/* page: seo-services.html */
.p-seo-hub .router{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:30px;}
@media (max-width:900px){
.p-seo-hub .router{grid-template-columns:minmax(0,1fr);}
}
.p-seo-hub .route{border:1px solid var(--border);border-radius:16px;background:var(--surface);
    padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0;
    text-decoration:none;color:inherit;
    transition:border-color .15s ease, transform .15s ease;}
.p-seo-hub .route:hover{border-color:var(--brand-blue);transform:translateY(-2px);}
.p-seo-hub .route-quote{font-family:var(--font-display);font-size:1.16rem;line-height:1.4;color:var(--text);
    padding-left:15px;border-left:3px solid var(--accent-gold);}
.p-seo-hub .route p{margin:0;font-size:0.93rem;color:var(--text-dim);line-height:1.6;}
.p-seo-hub .route-to{margin-top:auto;padding-top:13px;border-top:1px dashed var(--border);
    display:flex;align-items:center;justify-content:space-between;gap:12px;}
.p-seo-hub .route-to b{font-family:var(--font-display);font-size:1rem;color:var(--brand-blue);}
.p-seo-hub .route-to span{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.09em;
    text-transform:uppercase;color:var(--text-faint);text-align:right;}
.p-seo-hub .route-arrow{color:var(--brand-blue);font-size:1.1rem;flex:none;}
.p-seo-hub .outcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:28px;}
@media (max-width:860px){
.p-seo-hub .outcome{grid-template-columns:minmax(0,1fr);}
}
.p-seo-hub .out-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);
    overflow:hidden;display:flex;flex-direction:column;min-width:0;}
.p-seo-hub .out-head{padding:18px 20px;border-bottom:1px solid var(--border);background:var(--surface-tint);}
.p-seo-hub .out-head span{font-family:var(--font-mono);font-size:0.63rem;letter-spacing:0.09em;text-transform:uppercase;
    color:var(--brand-blue);display:block;margin-bottom:6px;}
.p-seo-hub .out-head b{font-family:var(--font-display);font-size:1.2rem;color:var(--text);line-height:1.25;}
.p-seo-hub .out-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1;}
.p-seo-hub .out-body p{margin:0;font-size:0.94rem;color:var(--text-dim);line-height:1.6;}
.p-seo-hub .out-metrics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.p-seo-hub .out-metrics li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:var(--text);line-height:1.5;}
.p-seo-hub .out-metrics li::before{content:"";flex:none;width:7px;height:7px;margin-top:6px;border-radius:2px;background:var(--accent-green);}
.p-seo-hub .out-not{margin-top:auto;padding:13px 20px;border-top:1px solid var(--border);background:var(--bg-tint);
    font-size:0.87rem;color:var(--text-dim);line-height:1.55;}
.p-seo-hub .out-not b{color:var(--text);}

/* page: technical-seo-services.html */
.p-seo-technical .pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px;}
@media (max-width:1040px){
.p-seo-technical .pipe{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
.p-seo-technical .pipe{grid-template-columns:minmax(0,1fr);}
}
.p-seo-technical .pipe-stage{border:1px solid var(--border);border-radius:14px;background:var(--surface);
    display:flex;flex-direction:column;overflow:hidden;position:relative;}
.p-seo-technical .pipe-head{padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface-tint);
    display:flex;align-items:center;gap:9px;}
.p-seo-technical .pipe-num{font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.08em;
    color:var(--brand-blue);background:var(--bg);border:1px solid var(--border);
    border-radius:5px;padding:2px 6px;flex:none;}
.p-seo-technical .pipe-head b{font-family:var(--font-display);font-size:1.02rem;color:var(--text);line-height:1.2;}
.p-seo-technical .pipe-body{padding:16px;display:flex;flex-direction:column;gap:13px;flex:1;}
.p-seo-technical .pipe-what{font-size:0.92rem;color:var(--text-dim);line-height:1.58;}
.p-seo-technical .pipe-break{border-top:1px dashed var(--border);padding-top:12px;margin-top:auto;
    font-size:0.88rem;color:var(--text);line-height:1.55;}
.p-seo-technical .pipe-break span{display:block;font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.09em;
    text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;}
.p-seo-technical .pipe-cost{padding:11px 16px;border-top:1px solid var(--border);background:var(--bg-tint);
    font-family:var(--font-mono);font-size:0.72rem;color:var(--brand-blue);line-height:1.5;}
.p-seo-technical .ckl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:28px;}
@media (max-width:860px){
.p-seo-technical .ckl{grid-template-columns:minmax(0,1fr);}
}
.p-seo-technical .ckl-col{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;}
.p-seo-technical .ckl-head{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface-tint);
    font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;
    color:var(--brand-blue);}
.p-seo-technical .ckl-list{margin:0;padding:8px 0;list-style:none;}
.p-seo-technical .ckl-list li{display:flex;gap:11px;align-items:flex-start;padding:9px 18px;
    font-size:0.93rem;color:var(--text-dim);line-height:1.55;}
.p-seo-technical .ckl-list li::before{content:"";flex:none;width:7px;height:7px;margin-top:7px;border-radius:2px;
    background:var(--accent-green);}
.p-seo-technical .ckl-list li b{color:var(--text);font-weight:600;}

/* page: enterprise-seo-services.html */
.p-seo-enterprise .mult{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;}
@media (max-width:860px){
.p-seo-enterprise .mult{grid-template-columns:minmax(0,1fr);}
}
.p-seo-enterprise .mult-col{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;}
.p-seo-enterprise .mult-head{padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface-tint);
    font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;
    display:flex;align-items:center;gap:10px;}
.p-seo-enterprise .mult-head .pip{width:8px;height:8px;border-radius:50%;flex:none;}
.p-seo-enterprise .mult-slow .mult-head{color:var(--text-faint);}
.p-seo-enterprise .mult-slow .pip{background:var(--text-faint);}
.p-seo-enterprise .mult-fast .mult-head{color:var(--brand-blue);}
.p-seo-enterprise .mult-fast .pip{background:var(--accent-green);}
.p-seo-enterprise .mult-body{padding:22px 20px;display:flex;flex-direction:column;gap:14px;}
.p-seo-enterprise .mult-line{display:flex;align-items:baseline;gap:12px;font-family:var(--font-mono);font-size:0.86rem;color:var(--text-dim);}
.p-seo-enterprise .mult-line b{font-family:var(--font-display);font-size:1.5rem;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;min-width:74px;}
.p-seo-enterprise .mult-foot{margin-top:auto;padding:14px 20px;border-top:1px solid var(--border);font-size:0.9rem;color:var(--text-dim);line-height:1.55;}
.p-seo-enterprise .mult-fast .mult-foot{color:var(--brand-blue);}

/* page: local-seo-services.html */
.p-seo-local .biz{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
@media (max-width:940px){
.p-seo-local .biz{grid-template-columns:minmax(0,1fr);}
}
.p-seo-local .biz-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);
    display:flex;flex-direction:column;overflow:hidden;}
.p-seo-local .biz-head{padding:18px 20px 16px;border-bottom:1px solid var(--border);background:var(--surface-tint);}
.p-seo-local .biz-kind{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.09em;text-transform:uppercase;
    color:var(--brand-blue);display:block;margin-bottom:7px;}
.p-seo-local .biz-head b{font-family:var(--font-display);font-size:1.16rem;color:var(--text);line-height:1.25;display:block;}
.p-seo-local .biz-eg{display:block;margin-top:7px;font-size:0.86rem;color:var(--text-faint);line-height:1.5;min-height:3em;}
.p-seo-local .biz-body{padding:18px 20px;display:flex;flex-direction:column;gap:15px;flex:1;}
.p-seo-local .biz-row span{display:block;font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.09em;
    text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;}
.p-seo-local .biz-row p{margin:0;font-size:0.93rem;color:var(--text-dim);line-height:1.58;}
.p-seo-local .biz-warn{margin-top:auto;padding:13px 20px;border-top:1px solid var(--border);background:var(--bg-tint);
    font-size:0.87rem;color:var(--brand-blue);line-height:1.55;}
.p-seo-local .prox{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;margin-top:6px;}
.p-seo-local .prox-row{display:flex;align-items:center;gap:14px;padding:12px 18px;
    border-bottom:1px solid var(--border);font-size:0.93rem;}
.p-seo-local .prox-row:last-child{border-bottom:none;}
.p-seo-local .prox-dist{font-family:var(--font-mono);font-size:0.84rem;color:var(--text-dim);min-width:74px;flex:none;}
.p-seo-local .prox-label{color:var(--text-dim);flex:1;line-height:1.5;}
.p-seo-local .prox-pos{font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.05em;padding:4px 10px;
    border-radius:6px;flex:none;white-space:nowrap;}
.p-seo-local .pos-in{background:rgba(47,180,87,0.14);color:var(--accent-green-strong);}
.p-seo-local .pos-edge{background:rgba(255,190,16,0.2);color:#8A6200;}
.p-seo-local .pos-out{background:var(--surface-tint);color:var(--text-faint);}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .p-seo-local .pos-edge{background:rgba(255,190,16,0.16);color:var(--accent-gold);}
}
html[data-theme="dark"] .p-seo-local .pos-edge{background:rgba(255,190,16,0.16);color:var(--accent-gold);}

/* page: shopify-seo-agency.html */
.p-seo-shopify .quirk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:30px;}
@media (max-width:900px){
.p-seo-shopify .quirk{grid-template-columns:minmax(0,1fr);}
}
.p-seo-shopify .quirk-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);
    padding:20px;display:flex;flex-direction:column;gap:12px;
    
    min-width:0;}
.p-seo-shopify .quirk-card h4{margin:0;font-family:var(--font-display);font-size:1.06rem;color:var(--text);line-height:1.3;}
.p-seo-shopify .quirk-url{font-family:var(--font-mono);font-size:0.76rem;line-height:1.7;
    background:#1B1F3B;color:#D9E4F5;border-radius:9px;padding:11px 13px;
    overflow-x:auto;white-space:pre;
    min-width:0;max-width:100%;}
.p-seo-shopify .quirk-url .dim{color:#8A93B8;}
.p-seo-shopify .quirk-url .hot{color:#FFBE10;}
.p-seo-shopify .quirk-card p{margin:0;font-size:0.93rem;color:var(--text-dim);line-height:1.6;}
.p-seo-shopify .quirk-card .fix{margin-top:auto;padding-top:11px;border-top:1px dashed var(--border);
    font-size:0.89rem;color:var(--brand-blue);line-height:1.55;}
.p-seo-shopify .quirk-card .fix span{display:block;font-family:var(--font-mono);font-size:0.61rem;letter-spacing:0.09em;
    text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;}
.p-seo-shopify .rev{width:100%;border-collapse:collapse;margin-top:6px;font-size:0.92rem;}
.p-seo-shopify .rev th,.p-seo-shopify .rev td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.14);text-align:right;}
.p-seo-shopify .rev th:first-child,.p-seo-shopify .rev td:first-child{text-align:left;font-family:var(--font-mono);font-size:0.8rem;}
.p-seo-shopify .rev thead th{font-family:var(--font-mono);font-size:0.63rem;letter-spacing:0.08em;text-transform:uppercase;
    opacity:0.65;font-weight:500;}
.p-seo-shopify .rev tbody tr:last-child td{border-bottom:none;}
.p-seo-shopify .rev .up{color:#7BE3A0;}
.p-seo-shopify .rev .flat{opacity:0.6;}
.p-seo-shopify .rev td b{font-variant-numeric:tabular-nums;}

/* page: ai-seo-services.html */
.p-seo-ai .eng-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.12);}
.p-seo-ai .eng-row:last-child{border-bottom:0;}
.p-seo-ai .eng-name{flex:1;font-family:var(--font-mono);font-size:0.82rem;color:#fff;}
.p-seo-ai .eng-state{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.04em;text-transform:uppercase;padding:3px 9px;border-radius:100px;white-space:nowrap;}
.p-seo-ai .st-cited{background:rgba(63,221,117,0.18);color:#9BF3BC;}
.p-seo-ai .st-mention{background:rgba(255,190,16,0.18);color:#FFD874;}
.p-seo-ai .st-none{background:rgba(255,255,255,0.10);color:rgba(255,255,255,0.62);}
.p-seo-ai .deliv-list{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.p-seo-ai .deliv{display:flex;gap:12px;align-items:flex-start;}
.p-seo-ai .deliv .n{font-family:var(--font-mono);font-size:0.72rem;color:var(--brand-blue);flex:none;padding-top:3px;}
.p-seo-ai .deliv b{font-family:var(--font-display);font-size:0.98rem;display:block;}
.p-seo-ai .deliv span{display:block;font-size:0.88rem;color:var(--text-dim);line-height:1.5;}

/* page: answer-engine-optimization-services.html */
.p-seo-aeo .ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;}
@media (max-width:860px){
.p-seo-aeo .ba{grid-template-columns:minmax(0,1fr);}
}
.p-seo-aeo .ba-col{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;}
.p-seo-aeo .ba-head{display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid var(--border);
    font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;}
.p-seo-aeo .ba-bad .ba-head{background:var(--surface-tint);color:var(--text-faint);}
.p-seo-aeo .ba-good .ba-head{background:var(--surface-tint);color:var(--brand-blue);}
.p-seo-aeo .ba-head .pip{width:8px;height:8px;border-radius:50%;flex:none;}
.p-seo-aeo .ba-bad .pip{background:var(--text-faint);}
.p-seo-aeo .ba-good .pip{background:var(--accent-green);}
.p-seo-aeo .ba-body{padding:22px 20px;display:flex;flex-direction:column;gap:12px;}
.p-seo-aeo .ba-body .q{font-family:var(--font-display);font-size:1.02rem;}
.p-seo-aeo .ba-body p{font-size:0.92rem;color:var(--text-dim);line-height:1.6;}
.p-seo-aeo .ba-body .muted{color:var(--text-faint);font-style:italic;}
.p-seo-aeo .ba-note{margin-top:auto;padding:14px 20px;border-top:1px solid var(--border);
    font-family:var(--font-mono);font-size:0.72rem;line-height:1.55;color:var(--text-faint);}
.p-seo-aeo .ba-good .ba-note{color:var(--brand-blue);}

/* page: generative-engine-optimization-services.html */
.p-seo-geo .sov{display:flex;flex-direction:column;gap:13px;margin-top:4px;}
.p-seo-geo .sov-row{display:flex;align-items:center;gap:14px;}
.p-seo-geo .sov-name{width:120px;flex:none;font-family:var(--font-mono);font-size:0.76rem;color:var(--on-brand-faint);}
.p-seo-geo .sov-track{flex:1;height:26px;border-radius:8px;background:rgba(255,255,255,0.12);overflow:hidden;}
.p-seo-geo .sov-fill{height:100%;width:0;border-radius:8px;background:rgba(255,255,255,0.32);transition:width 1.8s cubic-bezier(.16,.8,.24,1);}
.p-seo-geo .sov-you{background:linear-gradient(90deg,var(--accent-gold),#FF9A2E);}
.p-seo-geo .proof-case.case-active .sov-fill{width:var(--w);}
@media (prefers-reduced-motion:reduce){
.p-seo-geo .sov-fill{width:var(--w)!important;transition:none;}
}
.p-seo-geo .sov-val{width:34px;flex:none;text-align:right;font-family:var(--font-display);font-size:1.05rem;color:#fff;font-variant-numeric:tabular-nums;}
.p-seo-geo .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;}
@media (max-width:860px){
.p-seo-geo .split{grid-template-columns:minmax(0,1fr);}
}
.p-seo-geo .split-col{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;}
.p-seo-geo .split-head{padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface-tint);
    font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;
    display:flex;align-items:center;gap:10px;}
.p-seo-geo .split-head .pip{width:8px;height:8px;border-radius:50%;flex:none;}
.p-seo-geo .split-no .split-head{color:var(--text-faint);}
.p-seo-geo .split-no .pip{background:var(--text-faint);}
.p-seo-geo .split-yes .split-head{color:var(--brand-blue);}
.p-seo-geo .split-yes .pip{background:var(--accent-green);}
.p-seo-geo .split-col ul{margin:0;padding:18px 20px 22px;list-style:none;display:flex;flex-direction:column;gap:12px;}
.p-seo-geo .split-col li{position:relative;padding-left:20px;font-size:0.93rem;color:var(--text-dim);line-height:1.55;}
.p-seo-geo .split-col li::before{content:"";position:absolute;left:2px;top:.66em;width:9px;height:1px;background:var(--border);}
.p-seo-geo .split-col li b{color:var(--text);font-weight:600;}

/* ======================================================================
   3. RESPONSIVE SAFEGUARDS (all pages)
   ====================================================================== */
/* form controls never size the page: they fill their column and may shrink */
.field{min-width:0;}
.field input,.field select,.field textarea{width:100%;min-width:0;max-width:100%;}
/* long buttons wrap instead of running off a narrow screen */
@media (max-width:480px){
  .btn,.tech-link{white-space:normal !important;text-align:center;}
}
/* header on very small phones: logo, Contact Us and burger must fit in 320px */
@media (max-width:480px){
  .nav{gap:12px;}
}
@media (max-width:400px){
  .brand-logo{height:30px;}
  .nav-actions{gap:8px;}
  .btn-contact{padding:9px 13px;font-size:0.82rem;}
  .burger{width:34px;height:34px;}
  .topbar-left{gap:8px;}
}
/* hub: the proof card's decorative glow was 10% wider than the card and made the page scroll sideways */
.p-hub .proof-case{overflow:hidden;}