/* ===========================================================================
   /v2 INNER PAGES - shared components for every marketing page converted to
   the v2 language (loaded by site/inc/v2-chrome.php AFTER v2-base.css, which
   supplies tokens, rings, reveals, bands, buttons, tabs, accordions, pricing
   cards and the compare table). This file only ADDS what inner pages need:
   the page hero, de-boxed feature grids, prose, light-band variants of the
   dark components, and the pricing matrix. Same rules apply:
     RULE A - separation via spacing/type/color, borders only where earned.
     RULE B - blocks proportional to content.
     RULE C - headlines balance; .hb seams are desktop-only.
   =========================================================================== */

/* ==== PAGE HERO ===========================================================
   Dark by default (fixed header turns transparent over it when the page also
   renders the sentinel). .phero.light = solid header, ink type. */
.v2 .phero{padding:calc(70px + clamp(44px,6vw,88px)) 0 clamp(56px,7vw,110px)}
.v2 .phero .q{font:700 14.5px/1.4 var(--head);color:var(--cyan);letter-spacing:.02em;margin-bottom:18px}
.v2 .phero h1{font:800 clamp(2.6rem,6.6vw,5.6rem)/.94 var(--head);letter-spacing:-.042em;color:#fff;text-wrap:balance;max-width:30ch}
.v2 .phero h1 .fl{color:var(--cyan)}
.v2 .phero h1 .fp{color:var(--pink)}
.v2 .phero h1 .grad{color:var(--cyan)}
.v2 .phero .sub{margin-top:24px;color:#A6C0D2;font-size:clamp(1.05rem,1.5vw,1.28rem);max-width:52ch;line-height:1.55;text-wrap:pretty}
.v2 .phero .mic{margin-top:16px;font-size:.85rem;color:#7C99AD;max-width:52ch}
.v2 .phero.center{text-align:center}
.v2 .phero.center h1,.v2 .phero.center .sub,.v2 .phero.center .mic{margin-inline:auto}
.v2 .phero.center .ctarow{justify-content:center}
.v2 .phero.light .q{color:var(--aqua2)}
.v2 .phero.light h1{color:var(--ink)}
.v2 .phero.light h1 .grad,.v2 .phero.light h1 .fl{color:var(--aqua2)}
.v2 .phero.light .sub{color:var(--mut)}
.v2 .phero.light .mic{color:var(--soft)}
@media(max-width:860px){.v2 .phero{padding-top:calc(60px + 40px)}}

/* hero grid for a hero with a side visual */
.v2 .phgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4vw,70px);align-items:center}
@media(max-width:960px){.v2 .phgrid{grid-template-columns:1fr;gap:40px}}

/* hero trust line - RULE A: bare checks, no chips */
.v2 .trustrow{display:flex;flex-wrap:wrap;gap:10px clamp(20px,2.6vw,34px);margin-top:26px;font:600 14px/1.4 var(--body);color:#A6C0D2}
.v2 .trustrow i{color:var(--cyan);font-weight:300;margin-inline-end:8px;font-size:13px}
.v2 .trustrow span:nth-child(even) i{color:var(--pink2)}
.v2 .trustrow b{color:#fff}
.v2 .phero.light .trustrow{color:var(--mut)}
.v2 .phero.light .trustrow i{color:var(--aqua2)}
.v2 .phero.light .trustrow span:nth-child(even) i{color:var(--pink-deep)}
.v2 .phero.light .trustrow b{color:var(--ink)}

/* stats on light ground (v2-base .stats is dark-tuned) */
.v2 .light .stats,.v2 .phero.light .stats{border-top-color:var(--line)}
.v2 .light .stats .stat b,.v2 .phero.light .stats .stat b{color:var(--ink)}
.v2 .light .stats .stat b i,.v2 .phero.light .stats .stat b i{color:var(--aqua2)}
.v2 .light .stats .stat:nth-child(even) b i,.v2 .phero.light .stats .stat:nth-child(even) b i{color:var(--pink-deep)}
.v2 .light .stats .stat span,.v2 .phero.light .stats .stat span{color:var(--mut)}

/* ==== FEATURE GRID - RULE A: thin icon + type, spacing separates ========= */
.v2 .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,54px) clamp(26px,3.2vw,52px);margin-top:clamp(30px,4vw,50px)}
.v2 .fgrid.g4{grid-template-columns:repeat(4,1fr)}
.v2 .fgrid.g2{grid-template-columns:repeat(2,1fr);max-width:1100px}
@media(max-width:1100px){.v2 .fgrid.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.v2 .fgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.v2 .fgrid,.v2 .fgrid.g4,.v2 .fgrid.g2{grid-template-columns:1fr;gap:28px}}
.v2 .fitem>i{font-weight:300;font-size:24px;color:var(--aqua2);display:block}
.v2 .fitem:nth-child(even)>i{color:var(--pink-deep)}
.v2 .fitem h3{font:800 clamp(1.05rem,1.4vw,1.22rem)/1.25 var(--head);letter-spacing:-.01em;color:var(--ink);margin-top:14px;text-wrap:balance}
.v2 .fitem p{color:var(--mut);font-size:.94rem;line-height:1.55;margin-top:7px;max-width:44ch;text-wrap:pretty}
.v2 .fitem .ftag{display:inline-block;font:800 10.5px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-deep);margin-inline-start:8px;vertical-align:2px}
.v2 .fitem a{color:var(--aqua2);font-weight:700}
/* dark ground */
.v2 .dark .fitem>i,.v2 .darkg .fitem>i{color:var(--cyan)}
.v2 .dark .fitem:nth-child(even)>i,.v2 .darkg .fitem:nth-child(even)>i{color:var(--pink2)}
.v2 .dark .fitem h3,.v2 .darkg .fitem h3{color:#fff}
.v2 .dark .fitem p,.v2 .darkg .fitem p{color:#9FBACD}
.v2 .dark .fitem .ftag,.v2 .darkg .fitem .ftag{color:var(--pink2)}

/* ==== PROSE (story / long-form) =========================================== */
.v2 .prose{max-width:72ch}
.v2 .prose p{color:#33475A;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.7;margin-top:18px;text-wrap:pretty}
.v2 .prose p b{color:var(--ink)}
.v2 .prose a{color:var(--aqua2);font-weight:600}
.v2 .dark .prose p,.v2 .darkg .prose p{color:#A9C3D4}
.v2 .dark .prose p b,.v2 .darkg .prose p b{color:#fff}
.v2 .biglead{font:600 clamp(1.35rem,2.4vw,1.9rem)/1.35 var(--head);letter-spacing:-.015em;color:var(--ink);max-width:34ch;text-wrap:balance}
.v2 .dark .biglead,.v2 .darkg .biglead{color:#fff}

/* ==== NUMBERED STEPS on light ground ====================================== */
.v2 .light .mstep b{color:var(--ink)}
.v2 .light .mstep span{color:var(--mut)}
.v2 .light .mstep .mn{color:var(--ink)}

/* ==== PRICING PAGE ======================================================== */
/* three plan cards (base .prg is the homepage's two) */
.v2 .prg.three{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr);align-items:start;max-width:1240px;margin-inline:auto}
@media(max-width:980px){.v2 .prg.three{grid-template-columns:1fr;max-width:560px}}
.v2 .prc .amt .per{font:600 16px/1 var(--body);color:#8FA9BC}
.v2 .prc .yr{font-size:.85rem;color:#7C99AD;margin-top:6px}
.v2 .prc .plink2{display:inline-block;margin-top:14px;font:700 13.5px/1.4 var(--head);color:#9FDCEC}
.v2 .prc .plink2:hover{color:#fff}

/* capability matrix - light band, RULE A: hairlines only, group rows as type */
.v2 .mxwrap{margin-top:clamp(34px,4vw,54px);overflow-x:auto;scrollbar-width:none;max-width:1240px;margin-inline:auto}
.v2 .mxwrap::-webkit-scrollbar{display:none}
.v2 table.mx{width:100%;min-width:640px;border-collapse:collapse}
.v2 table.mx th,.v2 table.mx td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line)}
.v2 table.mx td:first-child,.v2 table.mx th:first-child{text-align:start;width:46%}
.v2 table.mx thead th{font:800 15px/1.3 var(--head);color:var(--mut);border-bottom:2px solid var(--ink)}
.v2 table.mx thead th .thp{display:block;font:600 12px/1.4 var(--body);color:var(--soft);margin-top:2px}
.v2 table.mx thead th.yy{color:var(--aqua2)}
.v2 table.mx thead th.yy .thp{color:var(--aqua2)}
.v2 table.mx td{color:#2A4459;font-size:.95rem}
.v2 table.mx td.yy{background:rgba(6,182,212,.05)}
.v2 table.mx tr.gr td{padding:26px 16px 10px;border-bottom:1px solid var(--line);font:800 12.5px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--aqua2);text-align:start}
.v2 table.mx tr.gr:nth-of-type(even) td{color:var(--pink-deep)}
.v2 .mx .mk{width:20px;height:20px}
.v2 .mx .mk.ok{color:var(--aqua2)}
.v2 .mx .mk.no{color:#C6D8E4}
.v2 .mx .val{font:700 13px/1 var(--head);color:var(--ink)}
.v2 .mxhint{text-align:center;color:var(--soft);font-size:.85rem;margin-top:16px}

/* credit packs - RULE B: content-sized number tiles, no heavy chrome */
.v2 .packrow{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(28px,4vw,72px);margin-top:clamp(30px,4vw,48px);text-align:center}
.v2 .packrow .pack .c{font:800 clamp(2rem,3.4vw,2.8rem)/1 var(--head);color:#fff;letter-spacing:-.02em}
.v2 .packrow .pack .p{font:700 15px/1 var(--head);color:var(--cyan);margin-top:8px}
.v2 .packrow .pack:nth-child(even) .p{color:var(--pink2)}
.v2 .packrow .pack .n{font-size:.85rem;color:#8FA9BC;margin-top:6px}

/* ==== GENERIC PANELS (persona / who-for cards on dark, reuse .side) ======= */
.v2 .coin3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(36px,5vw,56px)}
@media(max-width:960px){.v2 .coin3{grid-template-columns:1fr}}

/* values - hairline list, two columns (RULE A: no cards) */
.v2 .valgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,4vw,72px);max-width:1400px;margin:clamp(30px,4vw,48px) auto 0;align-items:start}
@media(max-width:860px){.v2 .valgrid{grid-template-columns:1fr}}
.v2 .valgrid .vitem{border-bottom:1px solid var(--line);padding:20px 0 22px}
.v2 .valgrid .vitem h3{font:800 17px/1.35 var(--head);color:var(--ink)}
.v2 .valgrid .vitem h3 i{font-weight:300;color:var(--aqua2);margin-inline-end:10px;font-size:15px}
.v2 .valgrid .vitem:nth-child(even) h3 i{color:var(--pink-deep)}
.v2 .valgrid .vitem p{color:var(--mut);font-size:.95rem;line-height:1.6;margin-top:6px;max-width:56ch;text-wrap:pretty}
.v2 .dark .valgrid .vitem,.v2 .darkg .valgrid .vitem{border-bottom-color:rgba(255,255,255,.08)}
.v2 .dark .valgrid .vitem h3,.v2 .darkg .valgrid .vitem h3{color:#fff}
.v2 .dark .valgrid .vitem h3 i,.v2 .darkg .valgrid .vitem h3 i{color:var(--cyan)}
.v2 .dark .valgrid .vitem:nth-child(even) h3 i,.v2 .darkg .valgrid .vitem:nth-child(even) h3 i{color:var(--pink2)}
.v2 .dark .valgrid .vitem p,.v2 .darkg .valgrid .vitem p{color:#9FBACD}
/* definition-list flavour (glossary) */
.v2 dl.valgrid .vitem dt{font:800 19px/1.3 var(--head);color:var(--ink);letter-spacing:-.01em}
.v2 dl.valgrid .vitem dd{margin:6px 0 0;color:var(--mut);font-size:.97rem;line-height:1.6;max-width:60ch;text-wrap:pretty}
.v2 .dark dl.valgrid .vitem dt,.v2 .darkg dl.valgrid .vitem dt{color:#fff}
.v2 .dark dl.valgrid .vitem dd,.v2 .darkg dl.valgrid .vitem dd{color:#9FBACD}

/* ==== FAQ accordions on dark ground ====================================== */
.v2 .dark details.q,.v2 .darkg details.q{border-bottom-color:rgba(255,255,255,.1)}
.v2 .dark details.q summary,.v2 .darkg details.q summary{color:#EAF6FB}
.v2 .dark details.q summary:hover,.v2 .darkg details.q summary:hover{color:var(--cyan)}
.v2 .dark details.q summary:after,.v2 .darkg details.q summary:after{color:var(--pink2)}
.v2 .dark details.q p,.v2 .darkg details.q p{color:#9FBACD}

/* ==== INLINE PAGE CTA ROW (mid-page, RULE B: content-proportional) ======= */
.v2 .midcta{margin:clamp(30px,4vw,48px) auto 0;max-width:620px;text-align:center}
.v2 .midcta b{font:800 clamp(1.1rem,1.6vw,1.35rem)/1.3 var(--head);color:var(--ink);display:block;text-wrap:balance}
.v2 .dark .midcta b,.v2 .darkg .midcta b{color:#fff}
.v2 .midcta p{color:var(--mut);font-size:.95rem;margin-top:6px;text-wrap:pretty}
.v2 .dark .midcta p,.v2 .darkg .midcta p{color:#9FBACD}
.v2 .midcta .ctarow{justify-content:center;margin-top:20px}

/* ==== BIG NUMBERED FLOW (how-it-works / quick-start) ====================== */
.v2 .bigsteps{max-width:880px;margin:0 auto;display:grid;gap:clamp(36px,4.5vw,60px)}
.v2 .bigstep{display:grid;grid-template-columns:64px 1fr;gap:clamp(18px,2.6vw,32px);align-items:start}
@media(max-width:560px){.v2 .bigstep{grid-template-columns:48px 1fr;gap:14px}}
.v2 .bigstep .bn{width:56px;height:56px;border-radius:50%;border:6px solid var(--aqua);background:#fff;color:var(--ink);font:800 20px/1 var(--head);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -16px rgba(6,182,212,.55)}
.v2 .bigstep:nth-child(even) .bn{border-color:var(--pink);box-shadow:0 14px 34px -16px rgba(255,77,141,.5)}
@media(max-width:560px){.v2 .bigstep .bn{width:44px;height:44px;border-width:5px;font-size:16px}}
.v2 .bigstep h3{font:800 clamp(1.3rem,2.3vw,1.8rem)/1.15 var(--head);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.v2 .bigstep p{color:#33475A;font-size:1rem;line-height:1.65;margin-top:10px;max-width:64ch;text-wrap:pretty}
.v2 .dark .bigstep .bn,.v2 .darkg .bigstep .bn{background:transparent;color:#fff}
.v2 .dark .bigstep h3,.v2 .darkg .bigstep h3{color:#fff}
.v2 .dark .bigstep p,.v2 .darkg .bigstep p{color:#A9C3D4}

.v2 .bigstep h3 .ftag{display:inline-block;font:800 10.5px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-deep);margin-inline-start:10px;vertical-align:4px}
.v2 .dark .bigstep h3 .ftag,.v2 .darkg .bigstep h3 .ftag{color:var(--pink2)}
/* slim step: a single sentence, no heading */
.v2 .bigstep.slim{align-items:center}
.v2 .bigstep.slim p{margin-top:0;font:600 clamp(1.05rem,1.5vw,1.25rem)/1.45 var(--head);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.v2 .dark .bigstep.slim p,.v2 .darkg .bigstep.slim p{color:#EAF6FB}

/* tip line: icon + one sentence, hairline accent (RULE A: no box) */
.v2 .tipline{display:flex;gap:14px;align-items:flex-start;max-width:880px;margin:clamp(30px,4vw,48px) auto 0;padding-inline-start:16px;border-inline-start:2.5px solid var(--aqua);color:#33475A;font-size:1rem;line-height:1.6;text-wrap:pretty}
.v2 .tipline i{flex:0 0 auto;font-weight:300;font-size:18px;color:var(--aqua2);margin-top:3px}
.v2 .dark .tipline,.v2 .darkg .tipline{color:#A9C3D4;border-color:var(--cyan)}
.v2 .dark .tipline i,.v2 .darkg .tipline i{color:var(--cyan)}

/* subtle chip row under a step (chips are chips: hairline pills) */
.v2 .chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.v2 .chiprow span{display:inline-flex;align-items:center;font:600 13px/1.2 var(--body);color:#2A4459;border:1px solid var(--line);border-radius:99px;padding:7px 13px;background:#fff}
.v2 .dark .chiprow span,.v2 .darkg .chiprow span{color:#CFE0EC;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}

/* ==== TERMINAL SNIPPET (navy, mono, LTR always) =========================== */
.v2 .term{background:var(--navy2);border:1px solid rgba(34,211,238,.14);border-radius:14px;padding:15px 18px;font:500 13px/1.8 var(--mono);color:#C6D6E2;overflow-x:auto;-webkit-overflow-scrolling:touch;direction:ltr;text-align:left;margin-top:14px;box-shadow:0 24px 60px -30px rgba(8,24,38,.5)}
.v2 .term b{color:#fff;font-weight:600}
.v2 .term .k{color:var(--cyan)}
.v2 .term .c{color:#7F94A5}
.v2 .term .s{color:#7FD0E6}

/* console variant: multi-line session, mac dots, roomier */
.v2 .term.console{padding:18px 22px 22px;font-size:13.5px;line-height:1.85;margin-top:0;border-radius:18px}
.v2 .term .cbar{display:flex;gap:7px;margin-bottom:14px}
.v2 .term .cbar span{width:10px;height:10px;border-radius:50%;background:#22394B}
.v2 .term .cbar span:nth-child(1){background:#E5655E}.v2 .term .cbar span:nth-child(2){background:#E0A63B}.v2 .term .cbar span:nth-child(3){background:#43B25C}
.v2 .term .k i{font-size:11px}
/* mcpanel (v2-base) inner type when used on inner pages */
.v2 .mcpanel .kick{color:var(--cyan)}
.v2 .mcpanel .big{color:#fff}
.v2 .mcpanel .lead{color:#9FBACD}
.v2 .mcpanel .mstep .mn i{font-weight:300;font-size:13px}

/* hero h1 accent aliases used by legacy translation values */
.v2 .phero h1 .g{color:var(--cyan)}
.v2 .phero.light h1 .g{color:var(--aqua2)}

/* ==== breadcrumb-ish kick over heroes with a back link ==================== */
.v2 .phero .backlink{display:inline-flex;align-items:center;gap:8px;font:700 13.5px/1 var(--head);color:#9FDCEC;margin-bottom:22px}
.v2 .phero .backlink:hover{color:#fff}
[dir="rtl"] .v2 .phero .backlink i{transform:scaleX(-1)}

/* ==== LINK LIST (hub pages: compare index, resources) - hairline rows ==== */
.v2 .linklist{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,4vw,72px);max-width:1400px;margin-top:clamp(28px,3.6vw,44px)}
.v2 .linklist.one{grid-template-columns:1fr;max-width:820px}
.v2 .linklist.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.v2 .linklist.g3{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v2 .linklist,.v2 .linklist.g3{grid-template-columns:1fr}}
.v2 .linklist a{display:block;padding:22px 0;border-bottom:1px solid var(--line);transition:translate .2s var(--ez)}
.v2 .linklist a:hover{translate:4px 0}
[dir="rtl"] .v2 .linklist a:hover{translate:-4px 0}
.v2 .linklist h3{font:800 19px/1.25 var(--head);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.v2 .linklist h3 i{font-weight:300;color:var(--aqua2);margin-inline-end:10px;font-size:15px}
.v2 .linklist a:nth-child(even) h3 i{color:var(--pink-deep)}
.v2 .linklist p{color:var(--mut);font-size:.95rem;margin-top:6px;max-width:52ch;text-wrap:pretty}
.v2 .linklist .ltag{display:inline-block;font:800 10.5px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-deep);margin-inline-start:8px;vertical-align:2px}
.v2 .dark .linklist a,.v2 .darkg .linklist a{border-bottom-color:rgba(255,255,255,.08)}
.v2 .dark .linklist h3,.v2 .darkg .linklist h3{color:#fff}
.v2 .dark .linklist h3 i,.v2 .darkg .linklist h3 i{color:var(--cyan)}
.v2 .dark .linklist a:nth-child(even) h3 i,.v2 .darkg .linklist a:nth-child(even) h3 i{color:var(--pink2)}
.v2 .dark .linklist p,.v2 .darkg .linklist p{color:#9FBACD}
.v2 .dark .linklist .ltag,.v2 .darkg .linklist .ltag{color:var(--pink2)}

/* fine print / quiet notes - RULE B: quiet, never tiny */
.v2 .fine{color:var(--soft);font-size:.86rem;margin-top:14px;line-height:1.5;text-wrap:pretty}
.v2 .dark .fine,.v2 .darkg .fine{color:#8FA9BC}
.v2 .mx .val.part{color:var(--amber)}

/* two-sides panels (.side from v2-base): slim variant for sentence headings,
   and a CTA row inside a panel */
.v2 .side.slim h3{font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.25}
.v2 .side.slim p{font-size:.97rem;line-height:1.55}
.v2 .side .ctarow{margin-top:24px;position:relative}
.v2 .side .stag i{font-weight:300}
/* third panel tone (sky) for three-audience layouts */
.v2 .side.alt{background:linear-gradient(150deg,rgba(56,189,248,.16),rgba(14,37,54,.5))}
.v2 .side.alt .ghost{color:rgba(56,189,248,.10)}
.v2 .side.alt .stag,.v2 .side.alt li i{color:var(--sky)}
.v2 .coin3 .side{display:flex;flex-direction:column}
.v2 .coin3 .side .ctarow{margin-top:auto;padding-top:24px}

/* ==== FORM CARD (contact) - white card, v2 inputs =========================== */
.v2 .formcard{background:#fff;border-radius:26px;padding:clamp(26px,3vw,40px);box-shadow:0 30px 70px -34px rgba(12,50,75,.4)}
.v2 .formcard h2{font:800 clamp(1.4rem,2.2vw,1.8rem)/1.2 var(--head);letter-spacing:-.02em;color:var(--ink)}
.v2 .formcard .lede{color:var(--mut);margin:6px 0 22px;font-size:.98rem}
.v2 .vform .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.v2 .vform .frow{grid-template-columns:1fr}}
.v2 .vform .fg{margin-bottom:16px}
.v2 .vform label{display:block;font:700 13.5px/1.3 var(--head);color:var(--ink);margin-bottom:7px}
.v2 .vform input,.v2 .vform select,.v2 .vform textarea{width:100%;font:500 15px/1.4 var(--body);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.v2 .vform input:focus,.v2 .vform select:focus,.v2 .vform textarea:focus{border-color:var(--aqua);background:#fff;box-shadow:0 0 0 4px rgba(6,182,212,.12)}
.v2 .vform textarea{resize:vertical;min-height:150px}
.v2 .vform .btn{border:0;cursor:pointer}
.v2 .vform .btn:disabled{opacity:.6;cursor:default}
.v2 .ferr{display:none;color:#B42318;background:#FEF2F2;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:.92rem}
.v2 .fok{display:none;text-align:center;padding:40px 20px}
.v2 .fok .ok{width:60px;height:60px;border-radius:50%;border:6px solid var(--mint);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 16px}
.v2 .fok .ok i{font-weight:300}
.v2 .fok h3{font:800 1.4rem/1.2 var(--head);color:var(--ink);margin-bottom:6px}
.v2 .fok p{color:var(--mut)}

/* ==== STATUS LIST - hairline rows + live pill ============================= */
.v2 .stlist{max-width:880px;margin-top:clamp(28px,3.6vw,44px)}
.v2 .stlist .st{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.v2 .stlist .st h3{font:800 17px/1.3 var(--head);color:var(--ink)}
.v2 .stlist .st p{color:var(--mut);font-size:.92rem;margin-top:3px}
.v2 .stlist .b{display:inline-flex;align-items:center;gap:8px;font:800 13px/1 var(--head);color:var(--mint);white-space:nowrap}
.v2 .stlist .b .dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(52,211,153,.15)}
.v2 .light .stlist .b{color:#0F9D63}.v2 .light .stlist .b .dot{background:#0F9D63}

/* feature item as a link */
.v2 a.fitem{color:inherit;display:block}
.v2 a.fitem:hover h3{color:var(--aqua2)}
.v2 .fitem .more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:700 14px/1 var(--head);color:var(--aqua2)}
.v2 .fitem .more .a2{font-weight:300;font-size:12px;transition:translate .2s var(--ez)}
.v2 a.fitem:hover .more .a2{translate:4px 0}
[dir="rtl"] .v2 .fitem .more .a2{transform:scaleX(-1)}
[dir="rtl"] .v2 a.fitem:hover .more .a2{translate:-4px 0}
.v2 .dark a.fitem:hover h3,.v2 .darkg a.fitem:hover h3{color:var(--cyan)}
.v2 .dark .fitem .more,.v2 .darkg .fitem .more{color:var(--cyan)}

/* ==== DOMAIN EXAMPLE ROWS (domains hero) - mono address + SSL pill ========= */
.v2 .domex{display:grid;gap:12px;max-width:600px;margin:clamp(26px,3vw,36px) auto 0}
.v2 .domex .ex{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;text-align:start;background:rgba(255,255,255,.04);border:1px solid rgba(34,211,238,.16);border-radius:14px;padding:14px 18px}
.v2 .domex .lbl{font:600 13px/1.3 var(--body);color:#8FA9BC}
.v2 .domex .url{font:500 15px/1.3 var(--mono);color:#7FD6E8;direction:ltr;unicode-bidi:isolate}
.v2 .domex .ssl{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font:800 11.5px/1 var(--head);letter-spacing:.04em;color:var(--cyan);background:rgba(34,211,238,.1);border-radius:99px;padding:6px 11px}
.v2 .domex .ssl i{font-weight:300;font-size:11px}
.v2 .phero.light .domex .ex{background:#fff;border-color:var(--line)}
.v2 .phero.light .domex .url{color:var(--aqua2)}
.v2 .phero.light .domex .lbl{color:var(--mut)}

/* feature-item sub list (bare checks, RULE A) */
.v2 .fitem ul.fl{list-style:none;margin:12px 0 0;display:grid;gap:6px}
.v2 .fitem ul.fl li{display:flex;gap:9px;align-items:flex-start;font-size:.9rem;color:#2A4459;line-height:1.45}
.v2 .fitem ul.fl li i{flex:0 0 auto;width:16px;text-align:center;margin-top:4px;font-weight:300;font-size:12px;color:var(--aqua2)}
.v2 .fitem:nth-child(even) ul.fl li i{color:var(--pink-deep)}
.v2 .dark .fitem ul.fl li,.v2 .darkg .fitem ul.fl li{color:#C8DCE8}
.v2 .dark .fitem ul.fl li i,.v2 .darkg .fitem ul.fl li i{color:var(--cyan)}
.v2 .dark .fitem:nth-child(even) ul.fl li i,.v2 .darkg .fitem:nth-child(even) ul.fl li i{color:var(--pink2)}

/* inline code + the matrix on dark ground */
.v2 code{font:500 .88em/1 var(--mono);background:rgba(6,182,212,.08);color:var(--aqua2);padding:3px 7px;border-radius:6px;direction:ltr;unicode-bidi:isolate}
.v2 .dark code,.v2 .darkg code,.v2 .phero.dark code{background:rgba(34,211,238,.1);color:#7FD6E8}
.v2 .dark table.mx th,.v2 .dark table.mx td,.v2 .darkg table.mx th,.v2 .darkg table.mx td{border-bottom-color:rgba(255,255,255,.1)}
.v2 .dark table.mx thead th,.v2 .darkg table.mx thead th{color:#BFD6E5;border-bottom-color:rgba(255,255,255,.35)}
.v2 .dark table.mx td,.v2 .darkg table.mx td{color:#C8DCE8}
.v2 .dark table.mx td b,.v2 .darkg table.mx td b{color:#fff}
.v2 table.mx.dns td,.v2 table.mx.dns th{text-align:start;width:auto}
.v2 .bigstep h3 .opt{font:500 .8em/1 var(--body);color:var(--soft);letter-spacing:0}
.v2 .dark .bigstep h3 .opt,.v2 .darkg .bigstep h3 .opt{color:#7C99AD}

/* ==== SHOWCASE CARDS - navy preview tile + soft body (RULE A: shadow, no border) */
.v2 .showgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);margin-top:clamp(30px,4vw,50px)}
@media(max-width:1000px){.v2 .showgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.v2 .showgrid{grid-template-columns:1fr}}
.v2 .showcard{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;color:inherit;box-shadow:0 20px 50px -26px rgba(12,50,75,.35);transition:transform .3s var(--ez),box-shadow .3s var(--ez)}
.v2 .showcard:hover{transform:translateY(-5px);box-shadow:0 30px 64px -26px rgba(12,50,75,.45)}
.v2 .showcard .shot{position:relative;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--navy)}
.v2 .showcard .shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.v2 .showcard .shot .sr{position:absolute;border-radius:50%;pointer-events:none;width:260px;height:260px;border:27px solid rgba(34,211,238,.12);inset-inline-end:-100px;top:-100px}
.v2 .showcard .shot .sr.p{border-color:rgba(255,77,141,.12);inset-inline-end:auto;inset-inline-start:-110px;top:auto;bottom:-120px}
.v2 .showcard .shot .ph{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:#CFE7F2;text-align:center;padding:16px}
.v2 .showcard .shot .ph i{font-weight:300;font-size:34px;color:var(--cyan);margin-bottom:8px}
.v2 .showcard:nth-child(even) .shot .ph i{color:var(--pink2)}
.v2 .showcard .shot .ph .s{font:800 11px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:#7FA3BA}
.v2 .showcard .shot .ph .t{font:800 17px/1.2 var(--head);color:#fff}
.v2 .showcard .cb{padding:20px 22px 24px}
.v2 .showcard .cb .type{font:800 11px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--aqua2);margin-bottom:8px}
.v2 .showcard .cb h3{font:800 20px/1.2 var(--head);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.v2 .showcard .cb p{color:var(--mut);font-size:.95rem;line-height:1.55;margin-top:6px;text-wrap:pretty}
.v2 .showcard .cb .go{display:inline-block;margin-top:14px;font:700 14px/1 var(--head);color:var(--aqua2)}

/* wide (featured) card: art beside body */
.v2 .showcard.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.v2 .showcard.wide .shot{aspect-ratio:auto;min-height:260px}
.v2 .showcard.wide .cb{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center}
.v2 .showcard.wide .cb h3{font-size:clamp(1.4rem,2.4vw,2rem)}
@media(max-width:760px){.v2 .showcard.wide{grid-template-columns:1fr}.v2 .showcard.wide .shot{min-height:180px}}
.v2 .showcard .shot .cat{position:absolute;inset-inline-start:18px;bottom:16px;font:800 11px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.v2 .showcard .cb .meta{margin-top:auto;padding-top:14px;font:600 13px/1.4 var(--body);color:var(--soft)}

/* ==== BLOG POST - dark hero + one reading column (post-header/footer parts) == */
.v2 .blog-post .container-narrow{max-width:880px;margin:0 auto;padding:0 clamp(22px,4.5vw,40px);position:relative;z-index:2}
.v2 .post-header{position:relative;overflow:hidden;padding:calc(70px + clamp(44px,6vw,88px)) 0 clamp(56px,7vw,100px);background:var(--navy);color:#DCEAF3}
@media(max-width:860px){.v2 .post-header{padding-top:calc(60px + 40px)}}
.v2 .post-meta-top{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font:600 14px/1.4 var(--body);color:#8FA9BC;margin-bottom:22px}
.v2 .post-category{font:800 12px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.v2 .post-title{font:800 clamp(2.2rem,5.4vw,4.4rem)/1 var(--head);letter-spacing:-.04em;color:#fff;text-wrap:balance;max-width:24ch}
.v2 .post-excerpt{margin-top:22px;color:#A6C0D2;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.55;max-width:60ch;text-wrap:pretty}
.v2 .post-author{display:flex;align-items:center;gap:12px;margin-top:28px}
.v2 .author-avatar{width:44px;height:44px;border-radius:50%;border:3px solid var(--cyan)}
.v2 .author-info strong{display:block;color:#fff;font:700 15px/1.3 var(--head)}
.v2 .author-info span{color:#8FA9BC;font-size:.88rem}
.v2 .post-featured-image{background:var(--bg);padding:clamp(24px,3vw,40px) 0 0}
.v2 .post-featured-image img{width:100%;border-radius:20px;box-shadow:0 30px 70px -34px rgba(12,50,75,.4)}
.v2 .post-content{background:var(--bg);padding:clamp(44px,5vw,72px) 0 clamp(40px,5vw,64px)}
.v2 .post-content .lead{font:600 clamp(1.2rem,1.8vw,1.45rem)/1.5 var(--head);letter-spacing:-.01em;color:var(--ink);margin-bottom:26px;text-wrap:pretty}
.v2 .post-content h2{font:800 clamp(1.5rem,2.4vw,2rem)/1.2 var(--head);letter-spacing:-.02em;color:var(--ink);margin:clamp(34px,4vw,52px) 0 14px;text-wrap:balance}
.v2 .post-content h3{font:800 1.2rem/1.3 var(--head);color:var(--ink);margin:26px 0 10px}
.v2 .post-content p{font-size:clamp(1.02rem,1.2vw,1.1rem);line-height:1.75;color:#33475A;margin:0 0 16px;text-wrap:pretty}
.v2 .post-content ul,.v2 .post-content ol{color:#33475A;padding-inline-start:22px;margin:0 0 16px;font-size:1.03rem;line-height:1.7}
.v2 .post-content li{margin-bottom:8px}
.v2 .post-content strong{color:var(--ink)}
.v2 .post-content a{color:var(--aqua2);font-weight:600}
.v2 .post-content blockquote{border-inline-start:2.5px solid var(--aqua);padding:4px 0 4px 18px;margin:20px 0;color:var(--ink);font:600 1.1rem/1.6 var(--head)}
.v2 .post-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.97rem}
.v2 .post-content th,.v2 .post-content td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.v2 .post-content thead th{font:800 14px/1.3 var(--head);color:var(--mut);border-bottom:2px solid var(--ink)}
.v2 .post-content img{max-width:100%;border-radius:16px}
.v2 .post-footer{background:var(--bg);padding:0 0 clamp(60px,7vw,100px)}
.v2 .post-share{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding-top:26px;border-top:1px solid var(--line)}
.v2 .post-share h3{font:800 15px/1 var(--head);color:var(--mut);margin:0}
.v2 .share-buttons{display:flex;gap:8px;flex-wrap:wrap}
.v2 .share-btn{display:inline-flex;align-items:center;font:700 13.5px/1 var(--head);color:var(--aqua2);border:1.5px solid var(--line);border-radius:99px;padding:9px 14px;background:#fff;transition:border-color .2s,color .2s}
.v2 .share-btn:hover{border-color:var(--aqua);color:var(--ink)}
.v2 .post-related{padding-top:clamp(36px,4vw,56px)}
.v2 .post-related>h3{font:800 clamp(1.4rem,2.2vw,1.9rem)/1.2 var(--head);letter-spacing:-.02em;color:var(--ink)}
.v2 .post-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,3vw,48px);margin-top:8px}
@media(max-width:640px){.v2 .post-related-grid{grid-template-columns:1fr}}
.v2 .post-related-card{display:flex;flex-direction:column;gap:6px;padding:22px 0;border-bottom:1px solid var(--line);color:inherit;transition:translate .2s var(--ez)}
.v2 .post-related-card:hover{translate:4px 0}
[dir="rtl"] .v2 .post-related-card:hover{translate:-4px 0}
.v2 .prc-cat{font:800 11px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-deep)}
.v2 .prc-title{font:800 18px/1.3 var(--head);color:var(--ink);text-wrap:balance}
.v2 .prc-excerpt{font-size:.93rem;line-height:1.55;color:var(--mut);text-wrap:pretty}
.v2 .prc-meta{margin-top:4px;font:700 13px/1 var(--head);color:var(--aqua2)}

/* deep-dive link row on LIGHT ground (v2-base .dives is dark-tuned) */
.v2 .dives.lightg a{color:var(--aqua2)}
.v2 .dives.lightg a i{color:var(--soft)}
.v2 .dives.lightg a:hover{color:var(--ink)}
.v2 .dives.lightg a:hover i{color:var(--pink-deep)}

/* ==== LEGAL PAGES (terms/privacy/cookies/refund) - quiet, readable ======
   Light hero without sentinel (solid header), one reading column, hairlines. */
.v2 .legal-page{padding:calc(70px + clamp(36px,5vw,64px)) 0 clamp(64px,8vw,120px);background:var(--bg)}
@media(max-width:860px){.v2 .legal-page{padding-top:calc(60px + 36px)}}
.v2 .container-narrow{width:min(880px,100%);margin:0 auto;padding:0 clamp(22px,4.5vw,40px)}
.v2 .legal-header{padding:0 0 clamp(24px,3vw,36px);border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,44px)}
.v2 .legal-header h1{font:800 clamp(2.4rem,5.4vw,4.4rem)/.98 var(--head);letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.v2 .legal-updated{color:var(--soft);font-size:.92rem;margin-top:14px}
.v2 .legal-content{font-size:1.02rem;line-height:1.7;color:#33475A}
.v2 .legal-section{margin:0 0 clamp(28px,3.5vw,40px)}
.v2 .legal-section h2{font:800 clamp(1.35rem,2vw,1.7rem)/1.2 var(--head);letter-spacing:-.02em;color:var(--ink);margin:clamp(30px,3.5vw,44px) 0 12px;text-wrap:balance}
.v2 .legal-section h3{font:800 1.1rem/1.3 var(--head);color:var(--ink);margin:20px 0 8px}
.v2 .legal-section p{margin:0 0 12px;text-wrap:pretty}
.v2 .legal-section ul,.v2 .legal-section ol{margin:0 0 12px;padding-inline-start:22px}
.v2 .legal-section li{margin:0 0 7px}
.v2 .legal-section strong{color:var(--ink)}
.v2 .legal-section a{color:var(--aqua2);font-weight:600;word-break:break-word;padding-block:6px}
.v2 .legal-footer{margin-top:clamp(32px,4vw,48px);padding-top:22px;border-top:1px solid var(--line);color:var(--mut);font-size:.95rem}
.v2 .legal-contact{border-inline-start:2.5px solid var(--aqua);padding:4px 0 4px 16px;margin-top:14px}
[dir="rtl"] .v2 .legal-contact{padding:4px 16px 4px 0}
.v2 .legal-contact h3{font:800 1.05rem/1.3 var(--head);color:var(--ink);margin:0 0 6px}
.v2 .legal-contact p{margin:0 0 4px}
.v2 .i18n-legal-note{background:#FFF8E6;border:1px solid #F0E1B0;border-radius:12px;padding:12px 16px;font-size:.92rem;color:#7A5B00;margin-bottom:24px}
/* refund steps + eligibility lists */
.v2 .refund-steps{display:grid;gap:18px;margin:18px 0}
.v2 .refund-step{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}
.v2 .step-number{width:44px;height:44px;border-radius:50%;border:5px solid var(--aqua);color:var(--ink);font:800 16px/1 var(--head);display:grid;place-items:center;background:#fff}
.v2 .refund-step:nth-child(even) .step-number{border-color:var(--pink)}
.v2 .step-content h3{margin-top:6px}
.v2 .refund-list-eligible,.v2 .refund-list-ineligible{list-style:none;padding-inline-start:0;margin:12px 0}
.v2 .refund-list-eligible li>i,.v2 .refund-list-ineligible li>i{margin-inline-end:8px;font-weight:300}
.v2 .ic-ok{color:#0F9D63}.v2 .ic-no{color:#DC2626}.v2 .ic-warn{color:var(--amber)}.v2 .ic-info{color:var(--aqua2)}
.v2 .legal-section ul.chk{list-style:none;padding-inline-start:2px}
.v2 .legal-section ul.chk>li{display:flex;gap:9px;align-items:baseline}
.v2 .legal-section ul.chk>li>i{flex:0 0 auto;font-size:15px;position:relative;top:2px;font-weight:300}
/* tables (cookie policy) - hairlines, no dark header bar */
.v2 .cookie-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.95rem}
.v2 .cookie-table th,.v2 .cookie-table td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.v2 .cookie-table thead th{font:800 14px/1.3 var(--head);color:var(--mut);border-bottom:2px solid var(--ink)}
@media(max-width:640px){.v2 .cookie-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.v2 .refund-step{grid-template-columns:1fr}}

/* mobile: keep the last band clear of the fixed bottom bar on pages whose
   final section is not .close (the newsletter band usually is the closer) */
@media(max-width:680px){
 .v2 .phero{padding-bottom:64px}
 .v2 .phero h1{font-size:2.35rem}
}

/* ==== FAQ PAGE - hero search + chips, category plates, native accordions ==
   RULE A: hairline rows (v2-base details.q), no boxes; RULE B: 16px+ input,
   13.5px+ chips; plates alternate white/tint with clean edges. */
.v2 .faq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v2 .faq-search{position:relative;max-width:620px;margin:32px auto 0}
.v2 .faq-search i{position:absolute;inset-inline-start:20px;top:50%;translate:0 -50%;font-weight:300;font-size:17px;color:var(--cyan);pointer-events:none}
.v2 .faq-search input{width:100%;font:500 17px/1.3 var(--body);color:#fff;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.18);border-radius:16px;padding:17px 20px 17px 52px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
[dir="rtl"] .v2 .faq-search input{padding:17px 52px 17px 20px}
.v2 .faq-search input::placeholder{color:#7C99AD}
.v2 .faq-search input:focus{border-color:var(--cyan);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(34,211,238,.14)}
.v2 .faq-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 3l10 10M13 3L3 13%27 stroke=%27%23A6C0D2%27 stroke-width=%271.8%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center/16px no-repeat}
.v2 .faq-count{margin-top:16px;font:700 14.5px/1.4 var(--head);color:var(--cyan)}
.v2 .faq-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.v2 .faq-chips a{display:inline-flex;align-items:center;font:700 13.5px/1.2 var(--head);color:#CFE0EC;border:1.5px solid rgba(255,255,255,.18);border-radius:99px;padding:10px 16px;transition:border-color .2s,color .2s,background .2s}
.v2 .faq-chips a:hover{border-color:var(--cyan);color:#fff;background:rgba(34,211,238,.08)}
.v2 .faq-chips[hidden]{display:none}
.v2 .faq-band{padding:clamp(56px,6.5vw,104px) 0;scroll-margin-top:84px}
.v2 .faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,4vw,80px);max-width:1400px;align-items:start}
@media(max-width:900px){.v2 .faq-grid{grid-template-columns:1fr;gap:22px}}
.v2 .faq-head h2{font:800 clamp(1.9rem,3.6vw,3.2rem)/1 var(--head);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin-top:14px;max-width:14ch}
.v2 .faq-list{max-width:820px}
.v2 .faq-list details.q:first-child{border-top:1px solid var(--line)}
.v2 .faq-list details.q summary{font-size:clamp(1.05rem,1.35vw,1.2rem);color:var(--ink);padding:22px 0}
.v2 .faq-list details.q p{font-size:1rem;color:#33475A;max-width:64ch;line-height:1.65}
.v2 .faq-list details.q p code{margin-inline:2px}
.v2 .faq-item[hidden],.v2 .faq-band[hidden],.v2 .faq-none[hidden]{display:none}
.v2 .faq-none{padding:clamp(56px,7vw,110px) 0}
[dir="rtl"] .v2 .faq-arr{transform:scaleX(-1)}
@media(max-width:700px){
 .v2 .faq-search{margin-top:26px}
 .v2 .faq-search input{font-size:16px;padding:15px 18px 15px 48px}
 [dir="rtl"] .v2 .faq-search input{padding:15px 48px 15px 18px}
 .v2 .faq-search i{inset-inline-start:18px}
 .v2 .faq-list details.q summary{padding:18px 0}
}

/* ==== FEATURE PAGES (site/feature-*.php) - "live moment" compositions ====
   Restrained illustrative UI vignettes built from HTML/CSS/inline SVG - never
   screenshots. Cards earn chrome (RULE A) because they depict real UI windows.
   Everything here is fx- prefixed and additive; safe next to sibling pages. */
.v2 .fxstage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(18px,2.6vw,34px);margin-top:clamp(34px,4.5vw,56px)}
.v2 .fxwin{background:#fff;border-radius:20px;box-shadow:0 30px 70px -32px rgba(12,50,75,.38);overflow:hidden;min-width:0}
.v2 .fxbar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--line);background:#F7FAFC}
.v2 .fxbar span{width:9px;height:9px;border-radius:50%;background:#DCE7EF}
.v2 .fxbar span:nth-child(1){background:#E5655E}.v2 .fxbar span:nth-child(2){background:#E0A63B}.v2 .fxbar span:nth-child(3){background:#43B25C}
.v2 .fxbar .url{margin-inline-start:10px;font:500 11.5px/1 var(--mono);color:var(--soft);background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 12px;direction:ltr;unicode-bidi:isolate}
.v2 .fxarrow{flex:0 0 auto;color:var(--aqua2);font-size:22px;font-weight:300}
[dir="rtl"] .v2 .fxarrow{transform:scaleX(-1)}
.v2 .fxcap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.v2 .fxcap span{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.2 var(--body);color:#2A4459;border:1px solid var(--line);border-radius:99px;padding:8px 14px;background:#fff}
.v2 .fxcap span i{font-weight:300;font-size:12px;color:var(--aqua2)}
.v2 .fxcap span:nth-child(even) i{color:var(--pink-deep)}
/* skeleton text bars (generic) */
.v2 .fxsk{height:9px;border-radius:99px;background:#E4EDF3}
/* -- visual editor: mock page + editable highlight + field tip ------------- */
.v2 .fxve{width:min(620px,100%)}
.v2 .fxve .pg{padding:26px clamp(20px,4vw,38px) 34px;position:relative}
.v2 .fxve .nav{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.v2 .fxve .nav .lg{width:14px;height:14px;border-radius:50%;border:3.5px solid var(--aqua)}
.v2 .fxve .nav .fxsk{width:44px}
.v2 .fxve .nav .fxsk:last-child{margin-inline-start:auto;width:64px;height:22px;background:var(--navy);border-radius:99px}
.v2 .fxve h4{font:800 clamp(1.3rem,2.6vw,1.9rem)/1.25 var(--head);letter-spacing:-.02em;color:var(--ink);max-width:17ch}
.v2 .fxve .hl{position:relative;display:inline-block;outline:2px solid var(--aqua);outline-offset:3px;border-radius:4px;background:rgba(6,182,212,.07)}
.v2 .fxve .hl::after{content:"";position:absolute;top:12%;bottom:12%;inset-inline-end:-2px;width:2px;background:var(--ink);animation:fxcaret 1.05s steps(1) infinite}
@keyframes fxcaret{50%{opacity:0}}
.v2 .fxve .pg>.fxsk{margin-top:12px}
.v2 .fxve .pg>.fxsk:nth-of-type(2){width:78%}
.v2 .fxve .btnk{display:inline-block;margin-top:18px;font:700 12.5px/1 var(--head);color:#fff;background:var(--aqua);border-radius:99px;padding:10px 18px}
.v2 .fxve .tip{position:absolute;inset-inline-end:clamp(14px,3vw,30px);top:30px;display:flex;align-items:center;gap:9px;background:var(--navy);color:#EAF6FB;font:700 12.5px/1.2 var(--head);border-radius:12px;padding:10px 14px;box-shadow:0 18px 40px -18px rgba(8,24,38,.6)}
.v2 .fxve .tip i{color:var(--cyan);font-weight:300}
.v2 .fxve .tip .ft{display:block;font:600 10.5px/1 var(--body);color:#8FA9BC;margin-top:4px}
/* -- cms: file tree -> fields panel ---------------------------------------- */
.v2 .fxtree{width:min(300px,100%);background:var(--navy2);border-radius:20px;padding:20px 22px;font:500 13px/2.05 var(--mono);color:#C6D6E2;direction:ltr;text-align:left;box-shadow:0 24px 60px -30px rgba(8,24,38,.5)}
.v2 .fxtree i{font-weight:300;color:var(--cyan);width:18px;display:inline-block}
.v2 .fxtree .in{padding-left:20px}
.v2 .fxtree .dim{color:#7F94A5}
.v2 .fxfields{width:min(360px,100%)}
.v2 .fxfields .fr{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line)}
.v2 .fxfields .fr:last-child{border-bottom:0}
.v2 .fxfields .fr i{font-weight:300;color:var(--aqua2);width:18px;text-align:center}
.v2 .fxfields .fr:nth-child(even) i{color:var(--pink-deep)}
.v2 .fxfields .fr b{font:700 13.5px/1.3 var(--head);color:var(--ink)}
.v2 .fxfields .fr .ty{margin-inline-start:auto;font:800 10px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);border:1px solid var(--line);border-radius:99px;padding:5px 9px}
/* -- leads: form -> inbox -------------------------------------------------- */
.v2 .fxform{width:min(290px,100%);padding:20px 20px 22px}
.v2 .fxform .in{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font:500 12.5px/1 var(--body);color:var(--soft);margin-top:10px}
.v2 .fxform .in.ta{height:56px}
.v2 .fxform .snd{margin-top:14px;text-align:center;font:700 13px/1 var(--head);color:#fff;background:var(--aqua);border-radius:99px;padding:11px 0}
.v2 .fxinbox{width:min(360px,100%)}
.v2 .fxinbox .hd{display:flex;align-items:center;gap:9px;padding:13px 18px;border-bottom:1px solid var(--line);font:800 13px/1 var(--head);color:var(--ink)}
.v2 .fxinbox .hd i{font-weight:300;color:var(--aqua2)}
.v2 .fxinbox .hd .n{margin-inline-start:auto;font:800 10.5px/1 var(--head);color:#fff;background:var(--pink);border-radius:99px;padding:5px 9px}
.v2 .fxinbox .lr{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line)}
.v2 .fxinbox .lr:last-child{border-bottom:0}
.v2 .fxinbox .av{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--head);color:#fff;background:var(--aqua2)}
.v2 .fxinbox .lr:nth-child(odd) .av{background:var(--pink)}
.v2 .fxinbox .lr b{display:block;font:700 13.5px/1.3 var(--head);color:var(--ink)}
.v2 .fxinbox .lr p{font:500 12px/1.4 var(--body);color:var(--mut);margin-top:2px}
.v2 .fxinbox .tm{margin-inline-start:auto;font:600 11px/1 var(--body);color:var(--soft);white-space:nowrap}
/* -- seo: SERP snippet + share card --------------------------------------- */
.v2 .fxserp{width:min(430px,100%);padding:20px 22px 22px}
.v2 .fxserp .sl{display:flex;align-items:center;gap:9px}
.v2 .fxserp .sl .fv{width:22px;height:22px;border-radius:50%;border:5px solid var(--aqua);flex:0 0 auto}
.v2 .fxserp .sl .u{font:500 12px/1.35 var(--body);color:#1F2A35}
.v2 .fxserp .sl .u span{display:block;color:#5F7484;font-size:11px}
.v2 .fxserp h5{font:500 17px/1.35 var(--body);color:#1a0dab;margin-top:10px}
.v2 .fxserp p{font:400 12.5px/1.55 var(--body);color:#474747;margin-top:5px}
.v2 .fxserp p .dt{color:#5F7484}
.v2 .fxog{width:min(320px,100%)}
.v2 .fxog .im{position:relative;aspect-ratio:1200/630;background:var(--navy);overflow:hidden;display:flex;align-items:center;justify-content:center}
.v2 .fxog .im .rg2{position:absolute;width:150px;height:150px;border-radius:50%;border:16px solid rgba(34,211,238,.18);inset-inline-end:-50px;top:-50px}
.v2 .fxog .im b{font:800 19px/1 var(--head);color:#fff;letter-spacing:-.02em}
.v2 .fxog .bd{padding:13px 16px}
.v2 .fxog .bd .d{font:600 10.5px/1 var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--soft)}
.v2 .fxog .bd b{display:block;font:700 13.5px/1.3 var(--head);color:var(--ink);margin-top:5px}
/* -- multilang: language x page matrix ------------------------------------ */
.v2 .fxml{width:min(560px,100%);padding:20px clamp(16px,3vw,26px) 24px;direction:ltr}
.v2 .fxml .row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:8px;align-items:center;margin-top:8px}
.v2 .fxml .row.hd{margin-top:0}
.v2 .fxml .row.hd span{font:800 11px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);text-align:center;padding-bottom:6px}
.v2 .fxml .row.hd span:first-child{text-align:left}
.v2 .fxml .row.hd b{display:block;font:700 12px/1 var(--mono);color:var(--aqua2);letter-spacing:0;text-transform:none;margin-top:4px}
.v2 .fxml .pgn{font:700 13px/1.3 var(--head);color:var(--ink)}
.v2 .fxml .cell{display:flex;align-items:center;justify-content:center;gap:6px;font:600 11.5px/1 var(--body);color:#2A4459;border:1px solid var(--line);border-radius:9px;padding:9px 4px;background:#F7FAFC}
.v2 .fxml .cell i{font-weight:300;font-size:11px;color:var(--aqua2)}
.v2 .fxml .cell.rtl{direction:rtl}
.v2 .fxml .tagr{margin-inline-start:4px;font:800 8.5px/1 var(--head);letter-spacing:.06em;color:var(--pink-deep)}
@media(max-width:520px){.v2 .fxml .row{grid-template-columns:1fr repeat(3,minmax(0,1fr))}.v2 .fxml .cell{font-size:10.5px;padding:8px 2px}}
/* -- collections: item cards + add-a-post --------------------------------- */
.v2 .fxcol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,20px);width:min(880px,100%);margin-top:clamp(34px,4.5vw,56px);margin-inline:auto}
@media(max-width:760px){.v2 .fxcol{grid-template-columns:1fr 1fr}}
.v2 .fxcol .it{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 22px 50px -26px rgba(12,50,75,.35);position:relative}
.v2 .fxcol .it .im{aspect-ratio:16/10;background:linear-gradient(140deg,var(--navy),#12354D);position:relative;overflow:hidden}
.v2 .fxcol .it .im::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:12px solid rgba(34,211,238,.16);inset-inline-end:-40px;top:-40px}
.v2 .fxcol .it:nth-child(2) .im::after{border-color:rgba(255,77,141,.16)}
.v2 .fxcol .it .bd{padding:13px 15px 16px}
.v2 .fxcol .it b{display:block;font:700 13.5px/1.3 var(--head);color:var(--ink)}
.v2 .fxcol .it .fxsk{margin-top:9px}
.v2 .fxcol .it .fxsk+.fxsk{width:70%}
.v2 .fxcol .it .gr{position:absolute;top:9px;inset-inline-end:9px;color:#fff;opacity:.75;font-size:12px;font-weight:300}
.v2 .fxcol .add{border:2px dashed rgba(6,182,212,.5);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;color:var(--aqua2);background:rgba(6,182,212,.04)}
.v2 .fxcol .add i{font-weight:300;font-size:26px}
.v2 .fxcol .add b{font:800 13.5px/1.3 var(--head)}
/* dark-band variants for the fx chips/caption */
.v2 .dark .fxcap span,.v2 .darkg .fxcap span{color:#CFE0EC;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.v2 .dark .fxcap span i,.v2 .darkg .fxcap span i{color:var(--cyan)}
.v2 .dark .fxcap span:nth-child(even) i,.v2 .darkg .fxcap span:nth-child(even) i{color:var(--pink2)}

/* ==== SET-B FEATURE PAGES (versions / domains / ai-control / builder /
   integrations / analytics) - live-moment compositions. Additive block:
   nothing above this line is touched. RULE A (space+type, no heavy chrome),
   RULE B (content-proportional), logical props for RTL. ==================== */

/* -- version timeline (feature-versions): hairline spine, brand dots,
      LIVE/PENDING pills, a rollback affordance on an older entry ---------- */
.v2 .vtl{list-style:none;max-width:760px;margin:clamp(34px,4.5vw,56px) auto 0;padding:0;position:relative}
.v2 .vtl::before{content:"";position:absolute;inset-block:10px;inset-inline-start:11px;width:2px;background:var(--line)}
.v2 .vtl li{position:relative;padding-inline-start:46px;padding-block:14px}
.v2 .vtl .dot{position:absolute;inset-inline-start:4px;top:20px;width:16px;height:16px;border-radius:50%;border:4px solid var(--aqua);background:#fff}
.v2 .vtl li:nth-child(even) .dot{border-color:var(--pink)}
.v2 .vtl .vh{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.v2 .vtl .vn{font:700 14px/1 var(--mono);color:var(--ink);direction:ltr;unicode-bidi:isolate}
.v2 .vtl .vlbl{font:800 15.5px/1.3 var(--head);color:var(--ink);letter-spacing:-.01em}
.v2 .vtl .when{font:500 12.5px/1 var(--body);color:var(--soft)}
.v2 .vtl .pill{font:800 10.5px/1 var(--head);letter-spacing:.06em;border-radius:99px;padding:5px 10px}
.v2 .vtl .pill.live{background:#E0FBF4;color:#0B7A62}
.v2 .vtl .pill.pend{background:#FFF2DE;color:#8A5A00}
.v2 .vtl .chg{margin-top:6px;color:var(--mut);font-size:.93rem;line-height:1.5;max-width:58ch;text-wrap:pretty}
.v2 .vtl .rb{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font:700 13px/1 var(--head);color:var(--aqua2);border:1.5px solid var(--aqua2);border-radius:99px;padding:9px 15px}
.v2 .vtl .rb i{font-weight:300;font-size:12px}

/* -- generic flow diagram (domains: DNS to live · integrations: event to
      tool). Nodes joined by arrows; stacks vertically on small screens ----- */
.v2 .flowd{display:flex;align-items:stretch;justify-content:center;max-width:1240px;margin:clamp(34px,4.5vw,56px) auto 0}
.v2 .flowd .fnode{flex:1 1 0;min-width:0;max-width:300px;text-align:center;padding:20px 16px 22px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.04)}
.v2 .flowd .fnode>i{font-weight:300;font-size:26px;color:var(--cyan);display:block}
.v2 .flowd .fnode b{display:block;font:800 15.5px/1.25 var(--head);color:#fff;margin-top:10px;text-wrap:balance}
.v2 .flowd .fnode span{display:block;color:#9FBACD;font-size:.86rem;line-height:1.5;margin-top:6px;text-wrap:pretty}
.v2 .flowd .fnode .mono{font:600 12px/1.5 var(--mono);color:#7FD6E8;direction:ltr;unicode-bidi:isolate;display:block;margin-top:8px;word-break:break-all}
.v2 .flowd .fnode.ok>i{color:var(--mint)}
.v2 .flowd .fnode.ok{border-color:rgba(52,211,153,.35)}
.v2 .flowd .farr{flex:0 0 auto;display:flex;align-items:center;padding:0 clamp(8px,1.4vw,16px);color:var(--pink2)}
.v2 .flowd .farr i{font-weight:300;font-size:19px}
[dir="rtl"] .v2 .flowd .farr i{transform:scaleX(-1)}
.v2 .light .flowd .fnode{background:#fff;border-color:var(--line);box-shadow:0 8px 22px -14px rgba(12,50,75,.3)}
.v2 .light .flowd .fnode>i{color:var(--aqua2)}
.v2 .light .flowd .fnode.ok>i{color:#0B7A62}
.v2 .light .flowd .fnode b{color:var(--ink)}
.v2 .light .flowd .fnode span{color:var(--mut)}
.v2 .light .flowd .fnode .mono{color:var(--aqua2)}
.v2 .light .flowd .farr{color:var(--pink-deep)}
@media(max-width:900px){
 .v2 .flowd{flex-direction:column;align-items:center}
 .v2 .flowd .fnode{max-width:440px;width:100%}
 .v2 .flowd .farr{transform:rotate(90deg);padding:12px 0}
 [dir="rtl"] .v2 .flowd .farr{transform:rotate(90deg)}
 [dir="rtl"] .v2 .flowd .farr i{transform:none}
}

/* -- credit chip (builder + ai-control): mono pill, LTR always ------------ */
.v2 .crchip{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 var(--mono);color:#7FD6E8;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.22);border-radius:99px;padding:8px 12px;direction:ltr}
.v2 .crchip i{font-weight:300;font-size:11px}
.v2 .crchip b{color:#fff;font-weight:700}
.v2 .crchip.ok{color:var(--mint);border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.08)}
.v2 .light .crchip{color:var(--aqua2);background:rgba(6,182,212,.06);border-color:rgba(6,182,212,.25)}
.v2 .light .crchip b{color:var(--ink)}
.v2 .light .crchip.ok{color:#0B7A62;border-color:rgba(11,122,98,.3);background:rgba(52,211,153,.08)}
.v2 .chiprowc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:clamp(22px,3vw,32px)}

/* -- builder: plan / quote / build cards ---------------------------------- */
.v2 .bq3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);max-width:1240px;margin:clamp(34px,4.5vw,56px) auto 0}
.v2 .bq3 .bqc{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 40px -24px rgba(12,50,75,.3);padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px}
.v2 .bq3 .bqk{font:800 11px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--aqua2)}
.v2 .bq3 .bqc:nth-child(3) .bqk{color:var(--pink-deep)}
.v2 .bq3 h3{font:800 clamp(1.08rem,1.5vw,1.28rem)/1.25 var(--head);color:var(--ink);text-wrap:balance;letter-spacing:-.015em}
.v2 .bq3 p{color:var(--mut);font-size:.93rem;line-height:1.55;text-wrap:pretty}
.v2 .bq3 .quote{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
.v2 .bq3 .ask{font:600 13px/1.55 var(--mono);color:var(--ink);background:#F2FAFC;border:1px solid var(--line);border-radius:10px;padding:10px 12px;unicode-bidi:plaintext}
@media(max-width:900px){.v2 .bq3{grid-template-columns:1fr;max-width:520px}}

/* -- analytics: stat tiles + day bars + top-pages / referrers cards ------- */
.v2 .anz{display:grid;grid-template-columns:1.25fr .95fr;gap:clamp(16px,2.2vw,26px);max-width:1140px;margin:clamp(34px,4.5vw,56px) auto 0;align-items:start}
.v2 .anz .card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px -24px rgba(12,50,75,.35);padding:20px 22px}
.v2 .anz .card+.card{margin-top:clamp(16px,2.2vw,26px)}
.v2 .anz .cardh{font:800 11.5px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:12px}
.v2 .anz .stt{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.v2 .anz .stt div b{display:block;font:800 clamp(1.4rem,2.2vw,1.9rem)/1 var(--head);color:var(--ink);letter-spacing:-.02em;direction:ltr;unicode-bidi:isolate}
.v2 .anz .stt div span{display:block;font:600 11.5px/1.35 var(--body);color:var(--soft);margin-top:6px}
.v2 .anz .bars{display:flex;align-items:flex-end;gap:6px;height:120px}
.v2 .anz .bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--aqua),rgba(6,182,212,.45));min-width:0}
.v2 .anz .bars i:last-child{background:linear-gradient(180deg,var(--pink),rgba(255,77,141,.45))}
.v2 .anz .axis{display:flex;justify-content:space-between;color:var(--soft);font:600 10.5px/1 var(--body);margin-top:9px}
.v2 .anz .lrow{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.93rem;color:#2A4459;min-width:0}
.v2 .anz .lrow:last-child{border-bottom:0;padding-bottom:0}
.v2 .anz .lrow i{font-weight:300;color:var(--aqua2);width:18px;text-align:center;flex:0 0 auto}
.v2 .anz .lrow:nth-child(even) i{color:var(--pink-deep)}
.v2 .anz .lrow .lt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2 .anz .lrow .n{margin-inline-start:auto;font:700 13px/1 var(--mono);color:var(--ink);direction:ltr;unicode-bidi:isolate;flex:0 0 auto}
@media(max-width:900px){.v2 .anz{grid-template-columns:1fr}}

/* -- Product megamenu (.mm-prod) rules MOVED to v2-header.css so the homepage
   (which loads v2-header.css but not this file) gets the widened panel too. */