/* Public marketing only; existing app and authentication remain unchanged. */
.launch-hero{padding:76px 0 62px;background:radial-gradient(ellipse at 85% 25%,#e5f4ef 0,transparent 55%),#f8fafb}
.launch-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:52px;align-items:center}
.launch-hero h1{font-size:clamp(2.65rem,4.1vw,4.2rem);line-height:1.08;letter-spacing:-.045em;text-wrap:balance;margin:22px 0;color:#102e40}
.launch-hero h1 span{display:block;color:#087e70}.launch-hero .lead{font-size:18px;line-height:1.7;max-width:580px}.launch-text-link{font-weight:750;color:#087e70;text-decoration:none;display:inline-flex;gap:12px;align-items:center;min-height:44px}.launch-text-link:hover{text-decoration:underline}
.launch-preview{border:1px solid #d3e3e6;border-radius:20px;background:white;box-shadow:0 24px 64px -28px #15374c50;overflow:hidden;min-width:0;text-align:left}.launch-preview-head{padding:18px 22px;background:#102e40;color:white;display:flex;justify-content:space-between;gap:16px;font-size:12px;align-items:center}.launch-preview-head small{color:#a6dcd1}.launch-preview-head i{color:#66828e;margin:0 8px}.launch-preview-body{padding:28px}.launch-preview-body h2{font-size:25px;letter-spacing:-.6px;line-height:1.3;margin:12px 0 22px}.launch-question{border:1px solid #dce7e9;border-radius:10px;padding:16px;background:#f8fafb}.launch-question span{font-size:11px;font-weight:750;color:#56717d;text-transform:uppercase;letter-spacing:1px}.launch-question p{font-size:16px;line-height:1.5;margin:8px 0 0;font-weight:650}.launch-provider-lanes{display:flex;gap:8px;padding:16px 0}.launch-provider-lanes span{flex:1;text-align:center;border:1px solid #dce7e9;border-radius:6px;padding:9px 4px;font-size:12px;font-weight:700;color:#385667}.launch-preview-steps{margin:0;padding:0;list-style:none;display:grid;gap:10px}.launch-preview-steps li{display:flex;gap:14px;align-items:center;padding:14px;border-radius:10px}.launch-preview-steps b{flex:none;width:34px;height:34px;display:grid;place-items:center;background:#eaf1f3;border-radius:9px;color:#416271;font-size:12px}.launch-preview-steps strong{font-size:14px}.launch-preview-steps p{font-size:13px;line-height:1.5;color:#576e7a;margin:5px 0 0}.launch-preview-steps .is-next{background:#eaf7f3;border:1px solid #bfe4d9}.launch-preview-steps .is-next b{background:#087e70;color:#fff}.launch-preview-note{color:#637883;font-size:11px;line-height:1.6;margin:18px 0 0}
.launch-platforms{padding:30px 0;border-bottom:1px solid #e0e8eb}.launch-platforms>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.launch-platforms p{font-size:14px;line-height:1.7;max-width:500px}.launch-platforms .provider-status{margin:0;background:#f8fafb}
.launch-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.launch-outcome-list{display:grid;gap:20px}.launch-outcome-list article{display:flex;gap:20px;border-bottom:1px solid #dce7e9;padding-bottom:20px}.launch-outcome-list article>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e0efeb;color:#087e70;font-weight:750}.launch-outcome-list h3{font-size:18px;margin:0 0 8px}.launch-outcome-list p{margin:0;line-height:1.65}
.launch-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.launch-plan{padding:30px;border:1px solid #d6e4e7;border-radius:16px;background:white}.launch-plan:last-child{background:#f2faf7;border-color:#addccc}.launch-plan h3{font-size:36px;margin:12px 0 20px;letter-spacing:-1px}.launch-plan h3 small{font-size:14px;color:#5b7581;letter-spacing:0;font-weight:500}.launch-plan p{font-size:14px;line-height:1.7}.launch-fineprint{font-size:12px;color:#607682;margin:18px 0 0}.launch-trust-links{display:grid;gap:20px;align-self:center}.launch-trust-links a{color:#d5efe8;text-decoration:none;border-bottom:1px solid #436273;padding:12px 0}
body.marketing-page .premium-page-hero{padding:64px 0 34px}body.marketing-page .premium-page-hero h1{font-size:clamp(2.4rem,4vw,3.8rem);max-width:960px;line-height:1.12;letter-spacing:-.04em}body.marketing-page .premium-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px}body.marketing-page .premium-price-card{border-radius:18px}body.marketing-page .premium-price-card h2{font-size:25px;min-height:0}body.marketing-page .story-card{border-radius:14px;box-shadow:none;border:1px solid #dce7e9}body.marketing-page .story-card>span{background:#e8f5ef;color:#0a8372}body.marketing-page .section-head h2{letter-spacing:-.03em;line-height:1.18}body.marketing-page .seo-hero{padding:60px 0}body.marketing-page .seo-hero h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.12;letter-spacing:-.04em}body.marketing-page .feature-visual{box-shadow:none;border-radius:16px}body.marketing-page a:focus-visible{outline:3px solid #138b7d;outline-offset:4px}
@media(max-width:1050px){.launch-hero-grid{gap:28px}.launch-preview-body{padding:22px}.launch-preview-head{padding:16px}.launch-outcomes{gap:30px}}
@media(max-width:760px){.launch-hero{padding:38px 0}.launch-hero-grid,.launch-platforms>.wrap,.launch-outcomes,.launch-plan-grid{grid-template-columns:minmax(0,1fr);gap:28px}.launch-hero h1{font-size:clamp(2.2rem,8vw,3.1rem)}.launch-hero .lead{font-size:16px}.launch-preview-body{padding:22px 18px}.launch-preview-head{flex-wrap:wrap;gap:6px}.launch-platforms{padding:28px 0}.launch-plan{padding:24px}body.marketing-page .premium-price-grid{grid-template-columns:minmax(0,1fr)}body.marketing-page .premium-page-hero{padding:36px 0 20px}.launch-hero .hero-actions{flex-wrap:wrap}.launch-preview{border-radius:14px}.launch-preview-body h2{font-size:23px}.launch-outcomes .section-head{margin-bottom:0}}
/* Public evidence definitions: readable units, stable deep links and native disclosure. */
body.marketing-page .method-hero h1{max-width:880px}
body.marketing-page .method-hero>.wrap>p{max-width:760px}
.method-page-nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.method-page-nav a{display:inline-flex;gap:12px;align-items:center;min-height:46px;padding:10px 16px;border:1px solid #ccdce0;border-radius:10px;background:#fff;color:#12394a;font-size:14px;font-weight:750}
.method-page-nav a:hover{background:#eaf7f3;border-color:#88bfb3}
.method-page-nav a span{color:#087e70}
.method-section[id],.method-section [id],.seo-article section[id]{scroll-margin-top:104px}
body.marketing-page .method-section{padding:58px 0}
.method-section .section-head{max-width:820px;margin-bottom:28px}
.method-section .section-head h2{font-size:clamp(1.75rem,2.65vw,2.4rem);line-height:1.2}
.method-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.method-metric{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #d6e4e7;border-radius:16px;background:#fff}
.method-unit{align-self:flex-start;max-width:100%;padding:5px 9px;border-radius:6px;background:#eaf3f3;color:#315865;font-size:12px;font-weight:750;line-height:1.5}
.method-metric h3,.method-missing h3,.method-next h3{margin:14px 0 12px;font-size:23px;line-height:1.3;letter-spacing:-.025em;color:#153548}
.method-metric p{margin:0;font-size:16px;line-height:1.7;color:#304e60}
.method-metric .method-definition{padding-bottom:20px}
.method-metric .method-note{margin-top:auto;padding-top:16px;border-top:1px solid #e0e8eb;font-size:14px;color:#526b79}
.method-missing{padding:28px;border:1px solid #bbdbd1;border-radius:16px;background:#eaf7f2}
.method-missing>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#cce8dd;color:#126553;font-size:23px;font-weight:700}
.method-missing p{font-size:16px;line-height:1.7;color:#315b53;margin:0}
.method-context-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:54px;align-items:start}
.method-context-grid .section-head{margin-bottom:0}
.method-details{display:grid;gap:12px;min-width:0}
.method-details details{border:1px solid #d4e1e5;border-radius:12px;background:#fff;overflow:hidden}
.method-details summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;min-height:56px;cursor:pointer;list-style:none;font-size:16px;font-weight:750;line-height:1.5;color:#153548}
.method-details summary::-webkit-details-marker{display:none}
.method-details summary:after{content:'+';flex:0 0 24px;font-size:24px;font-weight:500;line-height:1;color:#087e70;text-align:center}
.method-details details[open] summary:after{content:'−'}
.method-details details[open] summary{background:#f4faf7}
.method-details summary:hover{background:#eef7f5}
.method-details summary:focus-visible{outline:3px solid #087e70;outline-offset:-4px}
.method-details p{margin:0;padding:4px 22px 22px;color:#476171;font-size:15px;line-height:1.8}
.method-details details[open] p{padding-top:16px}
.method-limits{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:54px;align-items:start}
.method-limits .section-head{margin:0}
.method-limits .method-boundary{padding-left:18px;border-left:3px solid #087e70;color:#234b57;font-weight:650}
.method-next{padding:28px;border:1px solid #d6e4e7;border-radius:16px;background:#f3f9f7}
.method-next h3{margin-top:0}
.method-next p{color:#456270;font-size:15px;line-height:1.75}
.method-next .button{gap:14px;margin:8px 0 10px;max-width:100%;padding-block:12px;text-align:center}
.method-next .launch-text-link{display:flex;width:fit-content;font-size:14px}
body.marketing-page .guide-contents h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:14px 0;color:#153548}
.guide-contents nav{display:grid;gap:0;margin-top:18px}
.guide-contents nav a{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:14px 0;border-top:1px solid #d8e5e7;color:#234b57;font-size:14px;font-weight:650;line-height:1.6}
.guide-contents nav a span{flex:0 0 24px;color:#087362;font-size:12px;line-height:1.9}
.guide-contents a:hover{text-decoration:underline;text-underline-offset:3px}
.guide-method-link{display:block;padding:14px 0 0;border-top:1px solid #d8e5e7;color:#087362;font-size:14px;font-weight:750;line-height:1.6}
#contact-request{scroll-margin-top:104px}
@media(max-width:900px){.method-context-grid,.method-limits{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:760px){body.marketing-page .method-section{padding:36px 0}.method-metric-grid{grid-template-columns:minmax(0,1fr);gap:16px}.method-metric,.method-missing,.method-next{padding:22px}.method-page-nav{gap:8px;margin:22px 0}.method-page-nav a{flex:1 1 240px;justify-content:space-between;font-size:14px}.method-metric h3,.method-missing h3,.method-next h3{font-size:21px}.method-details summary{padding:17px 18px}.method-details p{padding-inline:18px}.method-metric .method-definition{padding-bottom:16px}.method-metric .method-note{padding-top:14px}}
@media(prefers-reduced-motion:reduce){body.marketing-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ==========================================================================
   WP1 — public design foundation
   Every rule below is scoped to body.marketing-page, which only public pages
   carry (layout site sets it with !$isAppPage && !$isAuthPage). Dashboard and
   auth views therefore never match these selectors.
   Tokens come from public-foundation.css; fallbacks keep non-public-foundation
   contexts (legacy marketing views) on today's exact values.
   ========================================================================== */

/* Accent system: one gradient, one on-accent text colour. */
body.marketing-page .button.teal{color:var(--nq-color-on-accent,#04241d);background:var(--nq-gradient-accent,linear-gradient(135deg,#5fdec4,#2fbfa1));box-shadow:0 10px 27px rgba(22,169,143,.22)}
body.marketing-page .button.teal:hover{background:var(--nq-gradient-accent-hover,linear-gradient(135deg,#4ed3b8,#22b295))}
body.marketing-page .button{gap:8px;border-radius:var(--nq-radius-control,12px);transition:background var(--nq-motion-fast,140ms) var(--nq-ease,cubic-bezier(.2,.6,.2,1)),box-shadow var(--nq-motion,220ms) var(--nq-ease,cubic-bezier(.2,.6,.2,1)),transform var(--nq-motion-fast,140ms) var(--nq-ease,cubic-bezier(.2,.6,.2,1))}
body.marketing-page .button:focus-visible,body.marketing-page .nav-cta:focus-visible,body.marketing-page .launch-text-link:focus-visible{outline:3px solid rgba(15,159,136,.45);outline-offset:3px}

/* Rhythm: one section padding, one container gutter. */
body.marketing-page .premium-section{padding:var(--nq-section-padding,clamp(64px,7.5vw,96px)) 0}
body.marketing-page .section-head{margin-bottom:var(--nq-space-6,32px)}
body.marketing-page .section-head h2,body.marketing-page .launch-hero h1,body.marketing-page .premium-page-hero h1,body.marketing-page .seo-hero h1{text-wrap:balance}

/* Surfaces: one border colour, one radius ladder, one shadow. */
body.marketing-page .story-card,body.marketing-page .outcome-card,body.marketing-page .premium-price-card,body.marketing-page .launch-plan,body.marketing-page .comparison-table{border-color:var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-lg,18px)}
body.marketing-page .story-card,body.marketing-page .outcome-card,body.marketing-page .premium-price-card,body.marketing-page .launch-plan{box-shadow:var(--nq-shadow-sm,0 12px 34px rgba(16,42,67,.07))}
body.marketing-page .comparison-table{border-radius:var(--nq-radius-lg,18px)}
body.marketing-page .feature-visual,body.marketing-page .launch-preview{border-color:var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-xl,22px)}

/* Hero: smoother gradient, no visible banding edge. */
body.marketing-page .launch-hero{background:radial-gradient(115% 80% at 88% 6%,var(--nq-color-accent-soft,#e7f8f4) 0,rgba(231,246,242,0) 62%),linear-gradient(180deg,#fbfdfd,#f3f7f9)}

/* Typography floor: nothing meaningful below 13px, body copy at 14–17px. */
body.marketing-page .eyebrow{font-size:var(--nq-text-xs,.8125rem);letter-spacing:var(--nq-tracking-label,.08em)}
body.marketing-page .section-head p{font-size:var(--nq-text-md,1.0625rem)}
body.marketing-page .story-card p,body.marketing-page .outcome-card p,body.marketing-page .feature-list-clean li,body.marketing-page .comparison-table td,body.marketing-page .price-note{font-size:var(--nq-text-sm,.875rem)}
body.marketing-page .feature-list-clean li{line-height:1.6}
body.marketing-page .plan-feature-groups h3,body.marketing-page .plan-feature-groups .feature-list-clean li,body.marketing-page .premium-price-card .plan-label,body.marketing-page .featured-plan-badge,body.marketing-page .comparison-table th,body.marketing-page .hero-microproof,body.marketing-page .engine-chip{font-size:var(--nq-text-xs,.8125rem)}
body.marketing-page .premium-price span{font-size:var(--nq-text-sm,.875rem)}
body.marketing-page .launch-fineprint,body.marketing-page .provider-status small{font-size:var(--nq-text-xs,.8125rem)}

/* Product preview: keep the UI illusion, but readable. */
body.marketing-page .launch-preview-head{font-size:var(--nq-text-xs,.8125rem)}
body.marketing-page .launch-question span{font-size:.75rem}
body.marketing-page .launch-provider-lanes span{font-size:var(--nq-text-xs,.8125rem)}
body.marketing-page .launch-preview-steps b{font-size:var(--nq-text-xs,.8125rem)}
body.marketing-page .launch-preview-steps p{font-size:.84375rem}
body.marketing-page .launch-preview-note{font-size:var(--nq-text-xs,.8125rem)}

/* Language switcher: intentionally left in its original brand look (flag +
   language name, 10px radius). A flag-free, code-first variant was trialled on
   2026-09-12 and rejected by the owner, so no override lives here. */

/* ==========================================================================
   WP2 — homepage premium pass
   Dark, product-led hero with a real-looking GEO workspace panel, a quiet
   honesty strip, benefit/workflow/plan sections and a closing call to action.
   All selectors are namespaced nq-* and scoped to body.marketing-page, so the
   authenticated shell and every other page stay untouched.
   ========================================================================== */

body.marketing-page .nq-hero{position:relative;overflow:hidden;padding:clamp(52px,6.5vw,92px) 0 clamp(64px,8vw,104px);color:#fff;background:linear-gradient(158deg,#05151f 0%,#0a2338 46%,#0e3149 100%)}
body.marketing-page .nq-hero:before{content:"";position:absolute;inset:-24% -12% auto -12%;height:560px;pointer-events:none;background:radial-gradient(46% 58% at 20% 34%,rgba(15,159,136,.34),transparent 70%),radial-gradient(40% 54% at 84% 10%,rgba(57,118,207,.3),transparent 72%)}
body.marketing-page .nq-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:radial-gradient(74% 62% at 50% 18%,#000 26%,transparent 78%);mask-image:radial-gradient(74% 62% at 50% 18%,#000 26%,transparent 78%)}
body.marketing-page .nq-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.06fr);gap:clamp(30px,4vw,64px);align-items:center}
body.marketing-page .nq-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.06);color:#bfe7dd;font-size:var(--nq-text-xs,.8125rem);font-weight:850;letter-spacing:.07em;text-transform:uppercase}
body.marketing-page .nq-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#2fd5b0;box-shadow:0 0 0 4px rgba(47,213,176,.16)}
body.marketing-page .nq-hero h1{margin:22px 0 0;font-size:clamp(2.45rem,4.5vw,4.05rem);line-height:1.04;letter-spacing:-.045em;font-weight:800;text-wrap:balance;hyphens:none;overflow-wrap:normal}
body.marketing-page .nq-accent{background:linear-gradient(100deg,#8bf2da,#2fd5b0 52%,#4cc9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.marketing-page .nq-lead{margin:22px 0 0;max-width:580px;color:#c2d5e3;font-size:clamp(1.02rem,1.05vw,1.15rem);line-height:1.68}
body.marketing-page .nq-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
body.marketing-page .nq-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:var(--nq-radius,14px);font-size:1rem;font-weight:800;cursor:pointer;transition:transform var(--nq-motion-fast,140ms) var(--nq-ease,cubic-bezier(.2,.6,.2,1)),box-shadow var(--nq-motion,220ms) var(--nq-ease,cubic-bezier(.2,.6,.2,1)),background var(--nq-motion-fast,140ms) var(--nq-ease,cubic-bezier(.2,.6,.2,1))}
body.marketing-page .nq-btn-primary{color:#04241d;background:linear-gradient(135deg,#6fe6cd,#2fbfa1);box-shadow:0 18px 36px -16px rgba(47,191,161,.8)}
body.marketing-page .nq-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#5cdfc4,#25b294)}
body.marketing-page .nq-btn-ghost{color:#e9f3f8;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.05)}
body.marketing-page .nq-btn-ghost:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
body.marketing-page .nq-trial-reassurance{display:flex;align-items:flex-start;gap:10px;max-width:620px;margin-top:14px;color:#c2d5e3}
body.marketing-page .nq-trial-check{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;margin-top:1px;border:1px solid rgba(95,224,194,.34);border-radius:999px;color:#071c2d;background:#5fe0c2;font-size:.72rem;font-weight:950;box-shadow:0 0 0 5px rgba(95,224,194,.07)}
body.marketing-page .nq-trial-reassurance strong{display:block;color:#eafff9;font-size:.88rem;line-height:1.45;font-weight:850}
body.marketing-page .nq-trial-reassurance div>span{display:block;margin-top:3px;color:#91adbf;font-size:.78rem;line-height:1.5}
body.marketing-page .nq-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin:26px 0 0;padding:0;list-style:none;color:#a3bacd;font-size:var(--nq-text-sm,.875rem)}
body.marketing-page .nq-proof li{display:inline-flex;align-items:center;gap:8px}
body.marketing-page .nq-proof li:before{content:"✓";color:#2fd5b0;font-weight:900}

/* Product panel: what a GEO workspace actually looks like. */
body.marketing-page .nq-panel{position:relative;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:var(--nq-radius-xl,22px);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:0 60px 120px -46px rgba(0,0,0,.8)}
body.marketing-page .nq-panel-inner{overflow:hidden;border-radius:16px;background:#fff;color:var(--nq-text-primary,#0b1f33)}
body.marketing-page .nq-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #e6edf1;background:#fbfcfe}
body.marketing-page .nq-dots{display:flex;gap:5px;margin-right:4px}
body.marketing-page .nq-dots i{width:9px;height:9px;border-radius:50%;background:#dbe5ea}
body.marketing-page .nq-panel-title{font-size:.84rem;font-weight:800}
body.marketing-page .nq-banner{display:inline-flex;flex:0 0 auto;align-items:center;white-space:nowrap;padding:5px 10px;border-radius:999px;background:#eef3f6;color:#5b7183;font-size:.72rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
body.marketing-page .nq-panel-body{padding:16px}
body.marketing-page .nq-tabs{display:flex;gap:6px;margin-bottom:14px}
body.marketing-page .nq-tab{padding:7px 11px;border:1px solid #dce6eb;border-radius:9px;background:#fff;color:#5b7183;font-size:.8rem;font-weight:800}
body.marketing-page .nq-tab.is-active{color:#064c40;border-color:#a3ddcf;background:#e9f8f4}
body.marketing-page .nq-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.marketing-page .nq-kpi{padding:13px;border:1px solid #e6edf1;border-radius:var(--nq-radius,14px);background:#f7fafb}
body.marketing-page .nq-kpi span{display:block;color:#5b7183;font-size:.76rem;font-weight:750}
body.marketing-page .nq-kpi strong{display:block;margin-top:5px;font-size:1rem;letter-spacing:-.01em}
body.marketing-page .nq-kpi.is-warn strong{color:#b44355}
body.marketing-page .nq-rank{margin-top:12px;padding:14px;border:1px solid #e6edf1;border-radius:var(--nq-radius,14px)}
body.marketing-page .nq-rank-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
body.marketing-page .nq-rank-head b{font-size:.86rem}
body.marketing-page .nq-rank-head small{color:#5b7183;font-size:.72rem}
body.marketing-page .nq-row{display:grid;grid-template-columns:minmax(78px,1fr) 1.6fr 38px;gap:10px;align-items:center;padding:6px 0;font-size:.82rem}
body.marketing-page .nq-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.marketing-page .nq-row b{text-align:right}
body.marketing-page .nq-track{height:8px;border-radius:999px;background:#eef2f5;overflow:hidden}
body.marketing-page .nq-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9fb2c0,#c2d0da)}
body.marketing-page .nq-row.is-mine .nq-track i{background:linear-gradient(90deg,#0f9f88,#2fd5b0)}
body.marketing-page .nq-next{margin-top:12px;padding:14px;border:1px solid #bfe4d9;border-radius:var(--nq-radius,14px);background:#f1faf7}
body.marketing-page .nq-next em{display:block;margin-bottom:5px;color:#087663;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-style:normal}
body.marketing-page .nq-next strong{display:block;font-size:.9rem}
body.marketing-page .nq-next p{margin:6px 0 0;color:#4a6172;font-size:.82rem;line-height:1.55}

/* Quiet honesty strip. */
body.marketing-page .nq-strip{border-bottom:1px solid var(--nq-border,#dbe5ea);background:#fff}
body.marketing-page .nq-strip-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:22px 0}
body.marketing-page .nq-strip-item{display:flex;gap:11px;align-items:flex-start}
body.marketing-page .nq-strip-item:before{content:"";flex:0 0 8px;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--nq-color-accent,#0f9f88)}
body.marketing-page .nq-strip-item b{display:block;font-size:var(--nq-text-sm,.875rem)}
body.marketing-page .nq-strip-item p{margin:4px 0 0;color:#5b7183;font-size:var(--nq-text-sm,.875rem);line-height:1.6}

/* Benefits and workflow. */
body.marketing-page .nq-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.marketing-page .nq-benefit{padding:24px;border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-lg,18px);background:#fff;box-shadow:var(--nq-shadow-sm,0 12px 34px rgba(16,42,67,.07))}
body.marketing-page .nq-benefit:before{content:"";display:block;width:34px;height:4px;margin-bottom:18px;border-radius:999px;background:linear-gradient(90deg,#0f9f88,#2fd5b0)}
body.marketing-page .nq-benefit h2,body.marketing-page .nq-benefit h3{margin:0;font-size:1.06rem;letter-spacing:-.015em;font-weight:800}
body.marketing-page .nq-benefit p{margin:9px 0 0;color:#5b7183;font-size:var(--nq-text-sm,.875rem);line-height:1.62}
body.marketing-page .nq-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.marketing-page .nq-step{position:relative;padding:26px 22px;border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-lg,18px);background:#fff}
body.marketing-page .nq-step b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:16px;border-radius:11px;background:var(--nq-color-accent-soft,#e7f8f4);color:#087663;font-size:.82rem;font-weight:900}
body.marketing-page .nq-step h3{margin:0;font-size:1.03rem;letter-spacing:-.015em}
body.marketing-page .nq-step p{margin:9px 0 0;color:#5b7183;font-size:var(--nq-text-sm,.875rem);line-height:1.62}

/* Plans preview. */
body.marketing-page .nq-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px;margin-inline:auto}
body.marketing-page .nq-trial-ribbon{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;max-width:980px;margin:0 auto 28px;padding:26px 28px;border:1px solid #bfe9de;border-radius:var(--nq-radius-xl,22px);background:linear-gradient(135deg,#f3fbf8 0%,#eef8fb 100%);box-shadow:0 18px 48px -30px rgba(15,159,136,.42)}
body.marketing-page .nq-trial-ribbon-copy>span{display:block;color:#087663;font-size:.75rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
body.marketing-page .nq-trial-ribbon h3{margin:8px 0 0;color:#0b1f33;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.025em}
body.marketing-page .nq-trial-ribbon p{max-width:650px;margin:9px 0 0;color:#4f6879;font-size:var(--nq-text-sm,.875rem);line-height:1.65}
body.marketing-page .nq-trial-ribbon small{display:block;margin-top:9px;color:#087663;font-size:.78rem;font-weight:750;line-height:1.5}
body.marketing-page .nq-trial-ribbon .nq-btn{min-width:220px;white-space:nowrap}
/* Supported-API strip above the plan cards. */
body.marketing-page .nq-providers{max-width:980px;margin:0 auto 28px;padding:22px 26px;border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-xl,22px);background:#fff;box-shadow:var(--nq-shadow-sm,0 12px 34px rgba(16,42,67,.07));text-align:center}
body.marketing-page .nq-providers-title{margin:0 0 14px;color:#087663;font-size:var(--nq-text-xs,.8125rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body.marketing-page .nq-providers .provider-logo-row{justify-content:center;margin:0}
body.marketing-page .nq-providers-note{margin:14px 0 0;color:#5b7183;font-size:var(--nq-text-sm,.875rem);line-height:1.6}
body.marketing-page .nq-plan{display:flex;flex-direction:column;padding:30px;border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-xl,22px);background:#fff;box-shadow:var(--nq-shadow-sm,0 12px 34px rgba(16,42,67,.07))}
body.marketing-page .nq-plan.is-featured{color:#fff;border-color:#12405c;background:linear-gradient(150deg,#071c2d,#0e3149);box-shadow:0 40px 90px -40px rgba(6,26,45,.6)}
body.marketing-page .nq-plan-label{font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#087663}
body.marketing-page .nq-plan.is-featured .nq-plan-label{color:#5fe0c2}
body.marketing-page .nq-plan h3{margin:10px 0 0;font-size:1.5rem;letter-spacing:-.02em}
body.marketing-page .nq-price{display:flex;align-items:flex-end;gap:8px;margin:20px 0 4px}
body.marketing-page .nq-price strong{font-size:3.2rem;line-height:.92;letter-spacing:-.05em}
body.marketing-page .nq-price small{color:#5b7183;font-size:.85rem}
body.marketing-page .nq-plan.is-featured .nq-price small{color:#a9c1d3}
body.marketing-page .nq-plan ul{margin:20px 0 26px;padding:0;list-style:none;display:grid;gap:9px}
body.marketing-page .nq-plan li{display:flex;gap:9px;color:#4a6172;font-size:var(--nq-text-sm,.875rem)}
body.marketing-page .nq-plan.is-featured li{color:#bcd0de}
body.marketing-page .nq-plan li:before{content:"✓";color:var(--nq-color-accent,#0f9f88);font-weight:900}
body.marketing-page .nq-plan.is-featured li:before{color:#5fe0c2}
body.marketing-page .nq-plan .nq-btn{margin-top:auto}
body.marketing-page .nq-plan-note{margin:18px 0 0;text-align:center;color:#5b7183;font-size:var(--nq-text-sm,.875rem)}

/* Closing call to action. */
body.marketing-page .nq-close{position:relative;overflow:hidden;padding:clamp(56px,7vw,92px) 0;color:#fff;background:linear-gradient(150deg,#05151f,#0e3149)}
body.marketing-page .nq-close:before{content:"";position:absolute;inset:auto -10% -60% 40%;height:380px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(47,213,176,.22),transparent 72%)}
body.marketing-page .nq-close-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:32px;align-items:center}
body.marketing-page .nq-close h2{margin:0;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
body.marketing-page .nq-close p{margin:14px 0 0;max-width:620px;color:#bacfdd;font-size:1.02rem;line-height:1.66}
body.marketing-page .nq-close-note{margin:16px 0 0;color:#8fa9bb;font-size:var(--nq-text-xs,.8125rem)}
body.marketing-page .nq-close-actions{display:flex;flex-direction:column;gap:12px;min-width:236px}
body.marketing-page .nq-close .nq-btn-ghost{color:#fff;border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.09)}
body.marketing-page .nq-close .nq-btn-ghost:hover{border-color:rgba(255,255,255,.68);background:rgba(255,255,255,.16)}

@media(max-width:1100px){
  body.marketing-page .nq-benefits,body.marketing-page .nq-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  body.marketing-page .nq-hero-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  body.marketing-page .nq-strip-inner{grid-template-columns:minmax(0,1fr);gap:16px}
  body.marketing-page .nq-close-grid{grid-template-columns:minmax(0,1fr)}
  body.marketing-page .nq-close-actions{flex-direction:row;flex-wrap:wrap;min-width:0}
}
@media(max-width:680px){
  body.marketing-page .nq-benefits,body.marketing-page .nq-steps,body.marketing-page .nq-plans{grid-template-columns:minmax(0,1fr)}
  body.marketing-page .nq-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.marketing-page .nq-hero-actions .nq-btn{width:100%}
  body.marketing-page .nq-trial-reassurance{margin-top:16px}
  body.marketing-page .nq-trial-ribbon{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}
  body.marketing-page .nq-trial-ribbon .nq-btn{width:100%;min-width:0}
  body.marketing-page .nq-close-actions{flex-direction:column}
  body.marketing-page .nq-close-actions .nq-btn{width:100%}
  body.marketing-page .nq-dots{display:none}
  body.marketing-page .nq-panel-bar{flex-wrap:wrap;row-gap:8px}
  body.marketing-page .nq-panel-title{min-width:0}
  body.marketing-page .nq-banner{font-size:.66rem}
}

/* ==========================================================================
   WP3 — inner page heroes, motion and component polish
   Every public subpage (features, pricing, about, methodology, security, use
   cases, guides, contact, legal) opens with the same dark, calm hero as the
   homepage, so the whole site reads as one product.
   ========================================================================== */

body.marketing-page .premium-page-hero,
body.marketing-page .seo-hero,
body.marketing-page .page-hero,
body.marketing-page .method-hero{position:relative;overflow:hidden;padding:clamp(50px,5.5vw,78px) 0 clamp(44px,5vw,68px);color:#fff;background:linear-gradient(158deg,#05151f 0%,#0a2338 48%,#0e3149 100%)!important}
body.marketing-page .premium-page-hero:before,
body.marketing-page .seo-hero:before,
body.marketing-page .page-hero:before,
body.marketing-page .method-hero:before{content:"";position:absolute;inset:-42% -12% auto -12%;height:520px;pointer-events:none;background:radial-gradient(44% 56% at 16% 48%,rgba(15,159,136,.3),transparent 70%),radial-gradient(38% 50% at 88% 4%,rgba(57,118,207,.28),transparent 72%)}
body.marketing-page .premium-page-hero:after,
body.marketing-page .seo-hero:after,
body.marketing-page .page-hero:after,
body.marketing-page .method-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:radial-gradient(85% 72% at 40% 18%,#000 20%,transparent 76%);mask-image:radial-gradient(85% 72% at 40% 18%,#000 20%,transparent 76%)}
body.marketing-page .premium-page-hero>.wrap,
body.marketing-page .seo-hero>.wrap,
body.marketing-page .page-hero>.wrap,
body.marketing-page .method-hero>.wrap{position:relative;z-index:1}
body.marketing-page .premium-page-hero h1,
body.marketing-page .seo-hero h1,
body.marketing-page .page-hero h1,
body.marketing-page .method-hero h1{color:#fff;line-height:1.06;letter-spacing:-.04em;hyphens:none;overflow-wrap:normal}
body.marketing-page .premium-page-hero .eyebrow,
body.marketing-page .seo-hero .eyebrow,
body.marketing-page .page-hero .eyebrow,
body.marketing-page .method-hero .eyebrow{color:#8fe6d3}
body.marketing-page .premium-page-hero .eyebrow:before,
body.marketing-page .seo-hero .eyebrow:before,
body.marketing-page .page-hero .eyebrow:before,
body.marketing-page .method-hero .eyebrow:before{background:#2fd5b0}
body.marketing-page .premium-page-hero .section-head>p,
body.marketing-page .premium-page-hero>.wrap>p,
body.marketing-page .page-hero>.wrap>p,
body.marketing-page .method-hero>.wrap>p,
body.marketing-page .seo-hero .lead{color:#c2d5e3}
body.marketing-page .premium-page-hero .page-proof span,
body.marketing-page .seo-hero .page-proof span{color:#d7e7ef;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}
body.marketing-page .premium-page-hero .page-proof+.hero-actions{margin-top:24px}
body.marketing-page .premium-page-hero .provider-status{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
body.marketing-page .premium-page-hero .provider-status .provider-status-head>span{color:#dceaf2}
body.marketing-page .premium-page-hero .provider-status .provider-status-head small{color:#b9cddb}
body.marketing-page .premium-page-hero .provider-status .provider-status-badge{color:#e6f2f8;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.09)}
body.marketing-page .premium-page-hero .provider-status .provider-status-badge.is-unavailable{color:#c6d8e4;border-color:rgba(255,255,255,.16)}
body.marketing-page .premium-page-hero .provider-status .provider-glyph{border-color:rgba(255,255,255,.16)}

/* Breadcrumbs inside dark heroes. */
body.marketing-page .nq-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;color:#9db4c6;font-size:.8rem}
body.marketing-page .nq-crumbs a{color:#cfe0ea}
body.marketing-page .nq-crumbs a:hover{color:#fff}
body.marketing-page .nq-crumbs span[aria-hidden="true"]{opacity:.55}

/* Quiet FAQ list, used on pricing and features. */
body.marketing-page .nq-faq{display:grid;gap:12px;max-width:880px;margin-inline:auto}
body.marketing-page .nq-faq details{border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius,14px);background:#fff;overflow:hidden}
body.marketing-page .nq-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-weight:800;cursor:pointer;list-style:none}
body.marketing-page .nq-faq summary::-webkit-details-marker{display:none}
body.marketing-page .nq-faq summary:after{content:"+";color:var(--nq-color-accent,#0f9f88);font-size:1.15rem;font-weight:900}
body.marketing-page .nq-faq details[open] summary:after{content:"–"}
body.marketing-page .nq-faq .nq-faq-body{padding:0 20px 18px;color:#4a6172;font-size:.95rem;line-height:1.68}

/* Motion: reveal on scroll, calm hover lift, header shadow. */
body.marketing-page .nq-anim{opacity:0;transform:translateY(16px);transition:opacity .55s var(--nq-ease,cubic-bezier(.2,.6,.2,1)),transform .55s var(--nq-ease,cubic-bezier(.2,.6,.2,1))}
body.marketing-page .nq-anim.is-in{opacity:1;transform:none}
body.marketing-page .site-header.is-scrolled{background:rgba(255,255,255,.985);box-shadow:0 12px 34px -22px rgba(9,30,50,.45)}
body.marketing-page .story-card,body.marketing-page .outcome-card,body.marketing-page .nq-benefit,body.marketing-page .nq-step,body.marketing-page .feature-visual{transition:transform .18s var(--nq-ease,cubic-bezier(.2,.6,.2,1)),box-shadow .22s var(--nq-ease,cubic-bezier(.2,.6,.2,1)),border-color .18s var(--nq-ease,cubic-bezier(.2,.6,.2,1))}
body.marketing-page .story-card:hover,body.marketing-page .outcome-card:hover,body.marketing-page .nq-benefit:hover,body.marketing-page .nq-step:hover{transform:translateY(-3px);border-color:#c6dbd5;box-shadow:0 24px 52px -26px rgba(16,42,67,.34)}
body.marketing-page .launch-text-link:hover,body.marketing-page .guide-contents a:hover{text-decoration:underline;text-underline-offset:3px}

@media(prefers-reduced-motion:reduce){
  body.marketing-page .nq-anim{opacity:1;transform:none;transition:none}
  body.marketing-page .story-card:hover,body.marketing-page .outcome-card:hover,body.marketing-page .nq-benefit:hover,body.marketing-page .nq-step:hover{transform:none}
}

/* FAQ lists on pricing and in the guides: one calm, identical treatment. */
body.marketing-page .faq-list{display:grid;gap:12px;max-width:880px}
body.marketing-page .faq-item{border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius,14px);background:#fff;overflow:hidden;box-shadow:var(--nq-shadow-xs,0 1px 2px rgba(7,28,48,.05))}
body.marketing-page .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-size:1rem;font-weight:800;cursor:pointer;list-style:none}
body.marketing-page .faq-item summary::-webkit-details-marker{display:none}
body.marketing-page .faq-item summary:after{content:"+";color:var(--nq-color-accent,#0f9f88);font-size:1.15rem;font-weight:900}
body.marketing-page .faq-item[open] summary:after{content:"–"}
body.marketing-page .faq-item[open] summary{border-bottom:1px solid var(--nq-border,#dbe5ea)}
body.marketing-page .faq-item p{margin:0;padding:16px 20px 20px;color:#4a6172;font-size:.95rem;line-height:1.68}

/* Contrast corrections from the 2026-09-12 self-review. */
body.marketing-page .outcome-card span{color:#06604f}
body.marketing-page .story-card>span{color:#06604f}
body.marketing-page .nav-menu a small{font-size:.75rem;color:#5b7183}
body.marketing-page .premium-page-hero .provider-status .provider-status-head>span{color:#dceaf2}
body.marketing-page .premium-price span{color:#5b7183}
body.marketing-page .launch-preview-steps b{color:#33525f}
/* The pricing FAQ sits in a narrow grid column; a display-size heading would
   overflow it in longer translations (Spanish, French). */
body.marketing-page .faq-layout>.section-head{max-width:100%}
body.marketing-page .faq-layout>.section-head h2{font-size:clamp(1.75rem,2.3vw,2.4rem)}

@media(max-width:680px){
  /* Panel ranking rows: wrap the brand label instead of truncating it. */
  body.marketing-page .nq-row{grid-template-columns:minmax(72px,1.2fr) 1.4fr 34px;font-size:.78rem}
  body.marketing-page .nq-row span{white-space:normal;overflow:visible;text-overflow:clip}
}

/* ==========================================================================
   WP4 — depth, texture and micro-interactions
   Adds the "premium surface" layer: fine grain on dark areas, animated bars,
   a light sweep on primary buttons, arrow movement on text links and section
   connectors. Pure CSS, no new requests.
   ========================================================================== */

body.marketing-page .nq-hero,
body.marketing-page .nq-close,
body.marketing-page .premium-page-hero,
body.marketing-page .seo-hero,
body.marketing-page .page-hero,
body.marketing-page .method-hero{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E"),linear-gradient(158deg,#05151f 0%,#0a2338 48%,#0e3149 100%)!important;background-size:160px 160px,auto!important}

/* Panel: living example view. */
body.marketing-page .nq-panel-inner{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
body.marketing-page .nq-track i{transition:width .9s cubic-bezier(.22,.61,.36,1)}
body.marketing-page .nq-tab{transition:background .25s var(--nq-ease,cubic-bezier(.2,.6,.2,1)),border-color .25s var(--nq-ease,cubic-bezier(.2,.6,.2,1)),color .25s var(--nq-ease,cubic-bezier(.2,.6,.2,1))}
body.marketing-page .nq-kpi strong,body.marketing-page .nq-row b{font-variant-numeric:tabular-nums}

/* Buttons: light sweep on hover. */
body.marketing-page .nq-btn,body.marketing-page .button.teal{position:relative;overflow:hidden}
body.marketing-page .nq-btn>span[aria-hidden="true"],body.marketing-page .launch-text-link>span[aria-hidden="true"]{transition:transform .18s var(--nq-ease,cubic-bezier(.2,.6,.2,1))}
body.marketing-page .nq-btn:hover>span[aria-hidden="true"],body.marketing-page .launch-text-link:hover>span[aria-hidden="true"]{transform:translateX(3px)}
body.marketing-page .nq-btn-primary::after,body.marketing-page .button.teal::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}
body.marketing-page .nq-btn-primary:hover::after,body.marketing-page .button.teal:hover::after{opacity:1;animation:nq-shine .8s var(--nq-ease,cubic-bezier(.2,.6,.2,1))}
@keyframes nq-shine{from{transform:translateX(0) skewX(-18deg)}to{transform:translateX(500%) skewX(-18deg)}}

/* Section rhythm: gradient hairlines and connectors instead of hard borders. */
body.marketing-page .nq-strip{border-bottom:0;background:linear-gradient(180deg,#fff,#fbfdfd);box-shadow:inset 0 -1px 0 rgba(219,229,234,.9)}
body.marketing-page .nq-steps{position:relative}
@media(min-width:1101px){
  body.marketing-page .nq-step:not(:last-child)::after{content:"";position:absolute;top:43px;right:-16px;width:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,#cfe2dc,#eef4f3)}
}

/* Focus and anchor comfort on dark surfaces. */
body.marketing-page .nq-hero :focus-visible,
body.marketing-page .nq-close :focus-visible,
body.marketing-page .premium-page-hero :focus-visible,
body.marketing-page .seo-hero :focus-visible,
body.marketing-page .method-hero :focus-visible{outline:3px solid rgba(47,213,176,.6);outline-offset:3px}
body.marketing-page [id]{scroll-margin-top:96px}
body.marketing-page .nq-hero-anchor{margin:14px 0 0}
body.marketing-page .nq-hero-anchor .launch-text-link{min-height:32px;gap:7px;color:#a9c1d3;font-size:.88rem;font-weight:700;text-decoration:underline;text-decoration-color:rgba(169,193,211,.42);text-underline-offset:4px}
body.marketing-page .nq-benefits.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
body.marketing-page .nq-benefit .provider-status-list{margin-top:14px}
/* Official provider marks inside the existing brand-coloured glyph tiles.
   The base file sets its gradient with !important, so the logo is layered on
   top of that gradient with the same importance and a later position. */
body.marketing-page .provider-glyph{color:transparent;font-size:0}
body.marketing-page .provider-glyph-openai,
body.marketing-page .provider-glyph-gemini,
body.marketing-page .provider-glyph-perplexity{background-repeat:no-repeat,no-repeat!important;background-position:center,center!important;background-size:auto 15px,cover!important}
body.marketing-page .provider-glyph-openai{background-image:url('/brand/providers/openai.svg'),linear-gradient(145deg,#087a67,#20b99c)!important}
body.marketing-page .provider-glyph-gemini{background-image:url('/brand/providers/gemini.svg'),linear-gradient(145deg,#3156b8,#8b67d7)!important}
body.marketing-page .provider-glyph-perplexity{background-image:url('/brand/providers/perplexity.svg'),linear-gradient(145deg,#075d68,#2b9da4)!important}
/* Plan cards: the three supported systems as a logo row. */
body.marketing-page .provider-logo-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
body.marketing-page .provider-logo{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 6px;border:1px solid var(--nq-border,#dbe5ea);border-radius:999px;background:#fff;color:#3d5064;font-size:.82rem;font-weight:750}
body.marketing-page .provider-logo .provider-glyph{width:24px;height:24px;flex:0 0 24px;border-radius:7px}
/* Glossary: a calm definition list, two columns on wide screens. */
body.marketing-page .nq-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
body.marketing-page .nq-term{padding:20px 22px;border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-lg,18px);background:#fff;box-shadow:var(--nq-shadow-xs,0 1px 2px rgba(7,28,48,.05))}
body.marketing-page .nq-term dt{font-size:1.02rem;font-weight:800;letter-spacing:-.01em}
body.marketing-page .nq-term dd{margin:8px 0 0;color:#4a6172;font-size:var(--nq-text-sm,.875rem);line-height:1.65}
body.marketing-page .nq-term dd .launch-text-link{margin-left:6px;font-size:var(--nq-text-xs,.8125rem)}
/* Guides: one quotable definition and one verification block per page. */
body.marketing-page .guide-definition{max-width:860px;padding:26px 30px;border:1px solid var(--nq-border,#dbe5ea);border-left:4px solid var(--nq-color-accent,#0f9f88);border-radius:var(--nq-radius-lg,18px);background:#fff;box-shadow:var(--nq-shadow-sm,0 12px 34px rgba(16,42,67,.07))}
body.marketing-page .guide-definition .eyebrow{margin-bottom:10px}
body.marketing-page .guide-definition p{margin:0;color:#31465a;font-size:var(--nq-text-md,1.0625rem);line-height:1.72}
body.marketing-page .guide-verify{border-left-color:var(--nq-color-navy,#102a43);background:linear-gradient(180deg,#fff,#f8fbfb)}
@media(max-width:900px){body.marketing-page .nq-terms{grid-template-columns:minmax(0,1fr)}}

/* ==========================================================================
   WP5 — site-wide detail polish
   One radius, one border, one shadow and one section rhythm for every card
   type that still carried its own values. Scoped to public pages only.
   ========================================================================== */
body.marketing-page .story-card,
body.marketing-page .outcome-card,
body.marketing-page .benefit-card,
body.marketing-page .capability-card,
body.marketing-page .content-card,
body.marketing-page .panel,
body.marketing-page .search-intent-card,
body.marketing-page .guide-contents,
body.marketing-page .method-metric,
body.marketing-page .method-missing,
body.marketing-page .method-next,
body.marketing-page .security-limitations,
body.marketing-page .feature-visual,
body.marketing-page .comparison-table{border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-lg,18px);background:#fff;box-shadow:var(--nq-shadow-sm,0 12px 34px rgba(16,42,67,.07))}
body.marketing-page .comparison-table{overflow-x:auto}
body.marketing-page .benefit-card>span,
body.marketing-page .capability-card>span{color:#06604f;font-size:var(--nq-text-xs,.8125rem);font-weight:900;letter-spacing:.08em}
body.marketing-page .benefit-card h2,
body.marketing-page .benefit-card h3,
body.marketing-page .capability-card h3{margin-top:10px;font-size:1.05rem;letter-spacing:-.015em}
body.marketing-page .benefit-card p,
body.marketing-page .capability-card p,
body.marketing-page .content-card p,
body.marketing-page .panel p,
body.marketing-page .method-metric p,
body.marketing-page .method-missing p,
body.marketing-page .method-next p{color:#4a6172;font-size:var(--nq-text-sm,.875rem);line-height:1.68}
/* Section rhythm: `section` and `premium-section` now breathe the same way. */
body.marketing-page .section,
body.marketing-page .premium-section{padding:var(--nq-section-padding,clamp(64px,7.5vw,96px)) 0}
body.marketing-page .section.soft,
body.marketing-page .premium-section.tint{background:#f2f7f8;border-block:1px solid var(--nq-border,#dbe5ea)}
body.marketing-page .section-head+*{margin-top:var(--nq-space-6,32px)}
/* Tables and definition lists inside articles. */
body.marketing-page .comparison-table th{background:#f4f7f9;color:#4a6172;font-size:var(--nq-text-xs,.8125rem);letter-spacing:.05em;text-transform:uppercase}
body.marketing-page .comparison-table td{border-top:1px solid #e7edf0;color:#3d5064}
body.marketing-page .method-page-nav a,
body.marketing-page .legal-updated{font-size:var(--nq-text-sm,.875rem);color:#5b7183}
/* Free check: the public form, no longer dressed in the auth shell. */
body.marketing-page .nq-check-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,60px);align-items:start}
body.marketing-page .nq-check-card{padding:30px;border:1px solid var(--nq-border,#dbe5ea);border-radius:var(--nq-radius-xl,22px);background:#fff;box-shadow:var(--nq-shadow,0 24px 70px rgba(16,42,67,.1))}
body.marketing-page .nq-form{display:grid;gap:16px}
body.marketing-page .nq-field{display:grid;gap:7px}
body.marketing-page .nq-field label{font-size:var(--nq-text-sm,.875rem);font-weight:800;color:#23374a}
body.marketing-page .nq-input{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--nq-border-strong,#c3d2dc);border-radius:var(--nq-radius-control,12px);background:#fff;color:var(--nq-text-primary,#0b1f33);font-size:1rem}
body.marketing-page .nq-input:focus-visible{outline:3px solid rgba(15,159,136,.45);outline-offset:2px;border-color:var(--nq-color-accent,#0f9f88)}
body.marketing-page .nq-check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:#4a6172;font-size:var(--nq-text-sm,.875rem);line-height:1.6}
body.marketing-page .nq-check input{width:19px;height:19px;margin-top:2px;accent-color:var(--nq-color-accent,#0f9f88)}
body.marketing-page .nq-check-aside{padding-top:6px}
body.marketing-page .nq-check-notice{padding:12px 14px;border-radius:var(--nq-radius-control,12px);background:#f4f8f9;color:#4a6172;font-size:var(--nq-text-sm,.875rem)}
body.marketing-page .nq-check-note{margin-top:18px;color:#5b7183;font-size:var(--nq-text-xs,.8125rem);line-height:1.65}
@media(max-width:900px){body.marketing-page .nq-check-wrap{grid-template-columns:minmax(0,1fr)}}
/* Contact: two-column grid must collapse without pushing the page sideways at
   320px. min-width:0 lets long strings (e-mail) wrap inside their cell. */
body.marketing-page .content-grid>*{min-width:0}
body.marketing-page .side-card a[href^="mailto"]{word-break:break-word}
@media(max-width:820px){body.marketing-page .content-grid{grid-template-columns:minmax(0,1fr)}}
/* Constrain the mobile menu itself to the viewport. */
@media(max-width:900px){
  body.marketing-page .mobile-nav>div{left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)}
  /* The contact form column kept a fixed pixel width from its desktop rule,
     which pushed the field wrapper 13px past a 320px viewport. */
  body.marketing-page .content-grid{grid-template-columns:minmax(0,1fr)!important}
  body.marketing-page .content-grid>*{min-width:0;max-width:100%}
  body.marketing-page .content-card{padding:22px}
  body.marketing-page .form,body.marketing-page .field{grid-template-columns:minmax(0,1fr)!important;min-width:0}
  body.marketing-page .form input,body.marketing-page .form select,body.marketing-page .form textarea{width:100%;max-width:100%}
}
/* Contact form: the field wrapper was 13px wider than the 320px viewport on
   the contact page. Let the form rows shrink inside their grid cell. */
body.marketing-page .content-grid form,
body.marketing-page .content-grid fieldset,
body.marketing-page .content-grid .field,
body.marketing-page .content-grid label{min-width:0;max-width:100%}
body.marketing-page .content-grid input,body.marketing-page .content-grid select,body.marketing-page .content-grid textarea{max-width:100%}

/* A plan chip without a provider mark (the paused state) must not reserve the
   32px glyph column — otherwise its two text lines overlap each other. */
body.marketing-page .plan-provider-chip:not(:has(> .provider-glyph)){grid-template-columns:minmax(0,1fr)}
body.marketing-page .premium-price-card.featured .provider-logo{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#dbe9f1}
body.marketing-page .nq-benefit .nq-plan-label{display:block;margin-bottom:8px}
@media(max-width:1100px){body.marketing-page .nq-benefits.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.marketing-page .nq-benefits.is-three{grid-template-columns:minmax(0,1fr)}}

/* Evidence-led product preview and shared provider identity. */
body.marketing-page .provider-logo-row{padding:0;list-style:none}
body.marketing-page .provider-logo{max-width:100%;min-width:0}
body.marketing-page .provider-logo>span{min-width:0}
body.marketing-page .nq-panel-body>.provider-logo-row{margin:0 0 18px}
body.marketing-page .nq-panel-question{padding:18px 20px;border:1px solid var(--nq-border);border-radius:var(--nq-radius);background:var(--nq-bg-soft)}
body.marketing-page .nq-panel-question>span{font-size:var(--nq-text-xs);font-weight:750;color:var(--nq-text-secondary)}
body.marketing-page .nq-panel-question p{margin:8px 0 0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:750;line-height:1.45;letter-spacing:-.02em}
body.marketing-page .nq-evidence-flow{list-style:none;margin:18px 0;padding:0;display:grid;gap:8px}
body.marketing-page .nq-evidence-flow li{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:start;gap:12px;padding:14px 12px;border-radius:var(--nq-radius-control)}
body.marketing-page .nq-evidence-number{display:grid;place-items:center;min-height:34px;border:1px solid var(--nq-border);border-radius:10px;color:var(--nq-color-accent-strong);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}
body.marketing-page .nq-evidence-flow strong{font-size:var(--nq-text-sm)}
body.marketing-page .nq-evidence-flow p{margin:3px 0 0;color:var(--nq-text-secondary);font-size:var(--nq-text-xs);line-height:1.55}
body.marketing-page .nq-evidence-flow li:last-child{background:var(--nq-color-accent-soft);border:1px solid #bfdfd5}
body.marketing-page .nq-evidence-flow li:last-child .nq-evidence-number{background:var(--nq-color-accent-strong);border-color:transparent;color:#fff}
body.marketing-page .nq-evidence-arrow{color:var(--nq-color-accent-strong);font-size:1rem}
body.marketing-page .nq-evidence-foot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--nq-border);padding-top:14px;color:var(--nq-text-secondary)}
body.marketing-page .nq-evidence-foot>span{font-size:1.5rem;color:var(--nq-color-accent-strong)}
body.marketing-page .nq-evidence-foot p{margin:0;font-size:var(--nq-text-xs);line-height:1.6}
body.marketing-page .nq-benefits.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
/* A three-column comparison stays readable without a lateral swipe. */
body.marketing-page .comparison-table table{min-width:0;table-layout:fixed}
body.marketing-page .comparison-table thead th:first-child{width:54%}
body.marketing-page .comparison-table th[scope="row"]{text-transform:none;letter-spacing:0;font-size:var(--nq-text-sm);font-weight:650;color:var(--nq-text-primary);background:#fff;overflow-wrap:anywhere;hyphens:auto}
body.marketing-page .comparison-table thead th{overflow-wrap:anywhere}
/* Guides: clear article navigation, named links and concrete applications. */
body.marketing-page .guide-back{display:flex;align-items:center;gap:9px;width:fit-content;min-height:44px;margin-bottom:18px;font-size:var(--nq-text-sm);color:#a7e5d9}
body.marketing-page .guide-back:hover{text-decoration:underline;text-underline-offset:4px}
body.marketing-page .guide-example{padding:28px;border:1px solid #b9dbd1;border-left:4px solid var(--nq-color-accent-strong);border-radius:var(--nq-radius-lg);background:var(--nq-color-accent-soft)}
body.marketing-page .guide-example h2{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.3}
body.marketing-page .guide-example p{font-size:1rem;line-height:1.75}
body.marketing-page .guide-hub-grid .nq-benefit{display:flex;flex-direction:column}
body.marketing-page .guide-hub-grid .nq-benefit h2{font-size:1.25rem;line-height:1.35;letter-spacing:-.025em}
body.marketing-page .guide-hub-grid .nq-benefit>p:last-child{margin-top:auto!important;padding-top:16px}
/* One disclosure spacing rule; the old outer padding doubled the inset. */
body.marketing-page .faq-list>details{padding:0}
body.marketing-page .faq-item summary:after{flex:none}
body.marketing-page .mobile-nav-label{display:block}
body.marketing-page details:not([open])>[data-nalqerio-overlay-panel]{display:none}
body.marketing-page .content-card h2{overflow-wrap:anywhere;hyphens:auto}
body.marketing-page .field-optional{font-weight:500;color:var(--nq-text-secondary)}
body.marketing-page .field-error{margin:0;color:#a3263c;font-size:var(--nq-text-sm);line-height:1.5}
body.marketing-page [aria-invalid="true"]{border-color:#b44355}
body.marketing-page .form-error ul{margin:8px 0 0;padding-left:20px}
body.marketing-page .form-error a{text-decoration:underline;text-underline-offset:3px}
body.marketing-page [data-public-feedback]:focus{outline:3px solid var(--nq-color-accent-strong);outline-offset:4px}
@media(max-width:680px){
  body.marketing-page .nq-benefits.is-two{grid-template-columns:minmax(0,1fr)}
  body.marketing-page .comparison-table th,body.marketing-page .comparison-table td{padding:13px 8px}
  body.marketing-page .comparison-table thead th{font-size:.72rem;letter-spacing:0}
  body.marketing-page .comparison-table th[scope="row"]{font-size:.8rem}
  body.marketing-page .guide-example{padding:22px 18px}
  body.marketing-page .nq-evidence-flow li{padding:12px 6px;gap:9px}
  body.marketing-page .nq-panel-question{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  body.marketing-page .nq-story{--p:1!important}
}
@media print{
  body.marketing-page .nq-anim{opacity:1;transform:none}
  body.marketing-page .nq-story{--p:1!important}
}

/* Conversion bridge: a real free proof before the paid monitoring decision. */
body.marketing-page .nq-free-check{
  padding:clamp(52px,6vw,82px) 0;
  border-bottom:1px solid var(--nq-border,#dbe5ea);
  background:linear-gradient(145deg,#edf6f2 0%,#f8fbfa 54%,#eef5f7 100%);
}
body.marketing-page .nq-free-check-grid{
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:clamp(28px,4vw,54px);align-items:center;
}
body.marketing-page .nq-free-check-copy h2{
  max-width:16ch;margin:10px 0 16px;color:#102f49;font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.04;letter-spacing:-.05em;text-wrap:balance;
}
body.marketing-page .nq-free-check-copy>p{max-width:630px;margin:0;color:#526b7c;font-size:1rem;line-height:1.75}
body.marketing-page .nq-free-check-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
body.marketing-page .nq-free-check-actions .launch-text-link{font-weight:850}
body.marketing-page .nq-free-check-proof{
  position:relative;overflow:hidden;padding:28px 30px;border:1px solid rgba(113,216,192,.26);border-radius:20px;color:#e9f5f5;
  background:radial-gradient(circle at 88% 12%,rgba(80,208,181,.18),transparent 36%),linear-gradient(145deg,#071c2d,#0e3847 70%,#0b493d);
  box-shadow:0 30px 72px -48px rgba(4,35,45,.72);
}
body.marketing-page .nq-free-check-proof:after{content:"";position:absolute;right:-76px;bottom:-84px;width:190px;height:190px;border:1px solid rgba(111,229,203,.16);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.015),0 0 0 60px rgba(255,255,255,.01);pointer-events:none}
body.marketing-page .nq-free-check-proof-label{position:relative;z-index:1;color:#77dfc6;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
body.marketing-page .nq-free-check-proof ul{position:relative;z-index:1;display:grid;gap:13px;margin:20px 0 18px;padding:0;list-style:none}
body.marketing-page .nq-free-check-proof li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;color:#eef8f8;font-size:.93rem;line-height:1.55}
body.marketing-page .nq-free-check-proof li:before{content:"✓";display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:#073c34;background:#72dfc5;font-size:.72rem;font-weight:950}
body.marketing-page .nq-free-check-proof small{position:relative;z-index:1;display:block;padding-top:15px;border-top:1px solid rgba(255,255,255,.11);color:#abc3cd;font-size:.76rem;line-height:1.6}
body.marketing-page .seo-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
body.marketing-page .seo-cta-actions .button.secondary{color:#eef8fb;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
@media(max-width:900px){body.marketing-page .nq-free-check-grid{grid-template-columns:minmax(0,1fr)}body.marketing-page .nq-free-check-proof{max-width:720px}}
@media(max-width:620px){
  body.marketing-page .nq-free-check{padding:44px 0}
  body.marketing-page .nq-free-check-copy h2{font-size:clamp(2rem,9.5vw,2.8rem)}
  body.marketing-page .nq-free-check-actions{display:grid;gap:12px}
  body.marketing-page .nq-free-check-actions .nq-btn{width:100%}
  body.marketing-page .nq-free-check-proof{padding:23px 21px;border-radius:16px}
  body.marketing-page .seo-cta-actions{width:100%;display:grid}
  body.marketing-page .seo-cta-actions .button{width:100%}
}