/* PPC Spider site, v2: white canvas, growth gradient (lime > emerald > sky) on surfaces only. */
:root{
  --canvas:#ffffff;--alt:#f6f8f7;--ink:#0b1220;--ink-2:#3b4556;--muted:#66718a;
  --line:#e6e8eb;--line-2:#d3d8df;
  --lime:#bef264;--emerald:#10b981;--emerald-deep:#047857;--sky:#0ea5e9;--sky-deep:#0369a1;--signal:#f2542d;
  --grad:linear-gradient(135deg,#bef264 0%,#10b981 55%,#0ea5e9 100%);
  --grad-cta:linear-gradient(135deg,#c9f36f 0%,#2fd199 100%);
  --grad-soft:linear-gradient(135deg,#f3fde0 0%,#e6faf2 50%,#e3f4fd 100%);
  --shadow:0 1px 2px rgba(11,18,32,.04),0 10px 30px -14px rgba(11,18,32,.10);
  --shadow-lift:0 2px 4px rgba(11,18,32,.04),0 18px 40px -16px rgba(11,18,32,.16);
  --font-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  --font-body:"DM Sans",ui-sans-serif,system-ui,sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --spring:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);
  --r-btn:10px;--r-card:12px;--r-input:10px;--r-pill:999px;
  --wrap:1240px;--nav-h:68px;--hue:150;
}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth;-webkit-text-size-adjust:100%;accent-color:var(--emerald);scrollbar-color:#cbd3dc transparent;scrollbar-width:thin}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;caret-color:var(--emerald-deep)}
::selection{background:#d9f99d;color:var(--ink)}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none;text-underline-offset:3px}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
.num{font-variant-numeric:tabular-nums}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;background:var(--ink);color:#fff;border-radius:var(--r-btn);font-weight:600}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--emerald);outline-offset:3px;border-radius:6px}
.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}
.wrap-narrow{max-width:800px}
.scroll-sentinel{position:absolute;top:0;height:1px;width:1px}

/* Brand thread along the top: the growth gradient, with a slow glint. */
.thread{position:fixed;inset:0 0 auto 0;height:3px;z-index:60;background:var(--grad);overflow:hidden;pointer-events:none}
.thread::after{content:"";position:absolute;top:0;bottom:0;width:160px;left:-180px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}
@media (prefers-reduced-motion:no-preference){.thread::after{animation:glint 9s var(--ease-out) infinite}}
@keyframes glint{0%{left:-180px}55%,100%{left:110%}}

/* Type */
.h1{font-size:clamp(42px,5.4vw,76px);line-height:1.02;letter-spacing:-.03em}
.h1 em,.h2 em{font-style:italic;color:var(--emerald-deep);padding-bottom:.06em}
.h2{font-size:clamp(30px,3.3vw,44px);line-height:1.08;max-width:22ch}
h3{font-size:19px;letter-spacing:-.01em}
.lead{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:58ch}
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-pill);background:#ecfdf5;color:var(--emerald-deep);font-size:13px;font-weight:500;line-height:1.3}

/* Buttons: 10px radius, feedback on press. */
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:var(--r-btn);font-weight:600;font-size:16px;line-height:1;white-space:nowrap;border:1px solid transparent;cursor:pointer;color:var(--ink);
  transition:transform .12s ease-out,background-color .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .25s var(--ease-out),filter .2s var(--ease-out)}
.btn i{font-size:1.1em;transition:transform .3s var(--ease-out)}
.btn:hover i{transform:translateX(3px)}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--grad-cta);box-shadow:0 1px 2px rgba(11,18,32,.06),0 10px 24px -12px rgba(16,185,129,.55)}
.btn-primary:hover{filter:brightness(1.03);box-shadow:0 2px 4px rgba(11,18,32,.06),0 14px 30px -12px rgba(16,185,129,.6)}
.btn-ghost{border-color:var(--line-2);background:#fff}
.btn-ghost:hover{background:var(--alt);border-color:#b9c2cc}
.btn-lg{padding:17px 26px;font-size:17px}
.btn-sm{padding:10px 14px;font-size:14px}

/* Header: translucent material, content scrolls under. */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);transition:box-shadow .35s var(--ease-out)}
.site-head.scrolled{box-shadow:0 1px 0 rgba(11,18,32,.05),0 10px 30px -22px rgba(11,18,32,.18)}
@media (prefers-reduced-transparency:reduce){.site-head{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
.nav{height:var(--nav-h);display:flex;align-items:center;gap:28px;width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}
.brand{display:inline-flex;align-items:center;gap:.36em;font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.01em;line-height:1}
.brand-mark{width:1.5em;height:1.5em;color:var(--ink)}
.brand-lg{font-size:28px}
.nav-links{display:flex;gap:2px;margin-left:auto}
.nav-links a{display:block;padding:9px 12px;border-radius:8px;font-size:15px;font-weight:500;color:var(--ink-2);transition:color .15s,background-color .15s}
.nav-links a:hover{color:var(--ink);background:rgba(11,18,32,.05)}
.nav-links a[aria-current="page"]{color:var(--ink);position:relative}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--grad)}
.nav-toggle{display:none;margin-left:auto;background:#fff;border:1px solid var(--line-2);color:var(--ink);width:44px;height:44px;border-radius:var(--r-btn);font-size:22px;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu{display:none}
@media (max-width:1100px){
  .nav-links,.nav-cta{display:none}
  .nav-toggle{display:inline-flex}
  .mobile-menu{display:block;border-top:1px solid var(--line);background:rgba(255,255,255,.96)}
  .mobile-menu[hidden]{display:none}
  .mobile-menu ul{padding:12px 24px 20px}
  .mobile-menu a{display:block;padding:14px 4px;font-family:var(--font-display);font-size:22px;border-bottom:1px solid var(--line)}
}

/* Sections */
.sec{padding:120px 0;scroll-margin-top:120px}
.hero{position:relative;padding:36px 0 80px;min-height:calc(100svh - var(--nav-h));display:flex;align-items:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-10% -5% auto -5%;height:120%;z-index:-1;pointer-events:none;
  background:radial-gradient(42% 55% at 78% 28%,rgba(190,242,100,.42),transparent 70%),radial-gradient(38% 50% at 92% 75%,rgba(14,165,233,.20),transparent 70%),radial-gradient(30% 40% at 8% 90%,rgba(16,185,129,.14),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.hero-lead{max-width:44ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-visual{perspective:1200px}
.hero-visual svg{width:100%;max-width:620px;margin-inline:auto;transform-style:preserve-3d}
.hero-channel{min-height:0;padding:28px 0 64px}
.hero-channel::before{background:radial-gradient(45% 60% at 80% 35%,hsl(var(--hue) 85% 60% / .20),transparent 70%),radial-gradient(35% 45% at 10% 95%,rgba(190,242,100,.25),transparent 70%)}
.page-hero{position:relative;padding:56px 0 64px;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40% 60% at 90% 10%,rgba(190,242,100,.35),transparent 70%)}
.page-hero .h1{max-width:18ch}
.page-hero .lead{margin-top:22px}
.crumbs{display:flex;gap:10px;font-size:14px;color:var(--muted);margin-bottom:22px}
.crumbs a:hover{color:var(--ink)}

/* Hero web scene */
.web-scene .web-line{fill:none;stroke:var(--ink);stroke-opacity:.14;stroke-width:1.2;vector-effect:non-scaling-stroke}
.web-scene .web-ring{stroke:url(#webstroke);stroke-opacity:.55;stroke-width:1.4}
.web-node-bg{fill:#fff;stroke:var(--line-2);stroke-width:1.5;filter:drop-shadow(0 6px 12px rgba(11,18,32,.10))}
.web-node text{font-family:var(--font-body);font-size:13px;font-weight:500;fill:var(--ink-2)}
.web-mark-bg{fill:#fff;stroke:var(--emerald);stroke-width:2;filter:drop-shadow(0 10px 20px rgba(16,185,129,.25))}
.web-mark{color:var(--ink)}
svg .letter-mark,.letter-mark text{font-family:var(--font-display);font-weight:700}
.letter-mark text{font-size:26px}

/* Networks row: static, reads at the visitor's pace. */
.networks-sec{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:var(--alt)}
.networks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;max-width:940px;margin-inline:auto}
.networks li{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.networks img,.networks svg{opacity:.9}

/* Bento: six channels, six cells; Amazon spans 2x2. */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(240px,auto);gap:16px;margin-top:44px}
.tile{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:var(--r-card);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s}
.tile::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 45% at 100% 0%,hsl(var(--hue) 90% 60% / .16),transparent 70%)}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--line-2)}
.tile-big{grid-column:1/3;grid-row:1/3;padding:36px;background:var(--grad-soft)}
.tile-big::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%2310B981' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M600 0L0 140M600 0L0 360M600 0L0 600M600 0L300 600M600 0L480 600'/%3E%3Ccircle cx='600' cy='0' r='150'/%3E%3Ccircle cx='600' cy='0' r='300'/%3E%3Ccircle cx='600' cy='0' r='450'/%3E%3Ccircle cx='600' cy='0' r='600'/%3E%3C/g%3E%3C/svg%3E") top right/560px 560px no-repeat}
.tile-logo{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.tile-name{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.02em}
.tile-big .tile-name{font-size:38px}
.tile-sum{color:var(--ink-2);font-size:15px;line-height:1.5;max-width:46ch}
.tile-depts{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:8px;font-size:14px;color:var(--ink-2)}
.tile-depts li{padding-left:16px;position:relative}
.tile-depts li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--emerald)}
.tile-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--emerald-deep)}
.tile-link i{transition:transform .3s var(--ease-out)}
.tile:hover .tile-link i{transform:translateX(4px)}

/* Split layouts */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split-top{align-items:start}
.split-rev .split-visual{order:-1}
.split-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.split-visual svg{width:100%;max-width:560px;margin-inline:auto}
.checks li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;color:var(--ink-2)}
.checks i{color:var(--emerald-deep);font-size:20px;margin-top:3px}

/* Amazon department links */
.dept-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.dept-links a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:15px;font-weight:500;transition:background-color .2s,border-color .2s,transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.dept-links a:hover{background:#f0fdf6;border-color:#a7f3d0;transform:translateX(3px);box-shadow:var(--shadow)}
.dept-links i{color:var(--emerald-deep);font-size:20px}
.dept-links small{margin-left:auto;color:var(--muted);font-size:13px}

/* Department map */
.dept-map .map-line{stroke:var(--ink);stroke-opacity:.14;stroke-width:1.5}
.dept-map .map-node circle{fill:#fff;stroke:var(--line-2);stroke-width:1.5;filter:drop-shadow(0 6px 12px rgba(11,18,32,.10))}
.dept-map .map-node text{font-family:var(--font-display);font-size:19px;fill:var(--ink);font-weight:600}
.dept-map .map-node .map-label{font-family:var(--font-body);font-size:12.5px;font-weight:500;fill:var(--ink-2)}
.dept-map .map-core circle{filter:drop-shadow(0 12px 24px rgba(16,185,129,.30))}
.dept-map .map-core text{font-size:36px}

/* Process strand */
.sec-process{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-process .h2{margin-bottom:56px}
.process{position:relative;padding-top:28px}
.strand{position:absolute;left:0;right:0;top:0;height:3px;width:100%}
.strand path{stroke:var(--emerald);stroke-width:3;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000}
html:not(.js) .strand path,.reduce .strand path{stroke-dashoffset:0}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.step{position:relative;padding-top:26px}
.step::before{content:"";position:absolute;left:0;top:-36px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--emerald);transition:background-color .3s,transform .4s var(--spring)}
.step.in::before{background:var(--emerald);transform:scale(1.15)}
.step h3{font-size:24px;margin-bottom:10px}
.step p{color:var(--ink-2);font-size:15px;line-height:1.55}

/* Funnel */
.funnel .funnel-row:nth-child(1) path{fill:#e9fbc9}
.funnel .funnel-row:nth-child(2) path{fill:#c9f5df}
.funnel .funnel-row:nth-child(3) path{fill:#b4efe3}
.funnel .funnel-row:nth-child(4) path{fill:#c7e9fb}
.funnel .funnel-row path{stroke:#fff;stroke-width:2}
.funnel .funnel-name{font-family:var(--font-display);font-size:19px;font-weight:600;fill:var(--ink);letter-spacing:-.01em}
.funnel .funnel-formats{font-family:var(--font-body);font-size:12.5px;fill:var(--ink-2)}
.funnel .funnel-row{transform-origin:280px 180px;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:calc(var(--i) * 80ms)}
html.js .funnel:not(.in) .funnel-row{opacity:0;transform:translateY(12px) scale(.98)}

/* Flywheel */
.fly-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.fly-visual svg{width:100%;max-width:440px;margin-inline:auto}
.fly-ring{transform-origin:160px 160px}
.fly-seg:nth-child(1) path{fill:#d9f99d}.fly-seg:nth-child(2) path{fill:#bbf7d0}.fly-seg:nth-child(3) path{fill:#99f6e4}
.fly-seg:nth-child(4) path{fill:#bae6fd}.fly-seg:nth-child(5) path{fill:#a7f3d0}.fly-seg:nth-child(6) path{fill:#ecfccb}
.fly-seg path{stroke:#fff;stroke-width:2}
.fly-seg text{font-family:var(--font-display);font-size:12.5px;font-weight:600;fill:var(--ink)}
.fly-core circle{fill:#fff;stroke:var(--line-2);stroke-width:1.5}
.fly-core text{font-family:var(--font-display);fill:var(--ink)}
.fly-core-a{font-size:14px;fill:var(--ink-2)}
.fly-core-b{font-size:22px;font-weight:600}
.fly-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}

/* Signal chart */
.signal{width:100%;max-width:560px;margin-top:10px}
.signal-grid line{stroke:var(--ink);stroke-opacity:.07}
.signal-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.signal-a{stroke:var(--emerald)}
.signal-b{stroke:var(--sky)}
.signal-label{font-family:var(--font-body);font-size:12px;fill:var(--muted)}
.signal-tag{font-family:var(--font-body);font-size:12px;font-weight:600}
.signal-tag-a{fill:var(--emerald-deep)}
.signal-tag-b{fill:var(--sky-deep)}

/* Cross-channel */
.cross-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:48px}
.cross{padding-top:22px;border-top:1px solid var(--line-2)}
.cross i{font-size:30px;color:var(--emerald-deep);margin-bottom:14px}
.cross h3{margin-bottom:10px}
.cross p{color:var(--ink-2);font-size:15px;line-height:1.55}

/* OS graph */
.sec-os{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.os-graph .os-path{fill:none;stroke:var(--ink);stroke-opacity:.22;stroke-width:1.5}
.os-graph .os-out{stroke:var(--emerald);stroke-opacity:.9}
.os-graph .os-src{font-family:var(--font-body);font-size:13px;font-weight:500;fill:var(--ink-2)}
.os-graph .os-core circle{fill:#fff;stroke:var(--emerald);stroke-width:2;filter:drop-shadow(0 10px 20px rgba(16,185,129,.22))}
.os-graph .os-core{color:var(--ink)}
.os-graph .os-label{font-family:var(--font-display);font-size:14px;font-weight:600;fill:var(--emerald-deep)}

/* FAQ */
.sec-faq .h2{margin-bottom:36px}
.faq{border-top:1px solid var(--line)}
.faq:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px;font-family:var(--font-display);font-size:21px;font-weight:500;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{color:var(--emerald-deep);font-size:22px;flex:none;transition:transform .35s var(--spring)}
.faq[open] summary i{transform:rotate(45deg)}
.faq p{padding:0 4px 24px;color:var(--ink-2);max-width:68ch}
@media (prefers-reduced-motion:no-preference){.faq[open] p{animation:faq-in .4s var(--ease-out) both}}
@keyframes faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* CTA */
.sec-cta{padding-top:0}
.cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 60px;border-radius:16px;background:var(--grad-soft);border:1px solid #cdeedd}
.cta-box::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 70% at 95% 20%,rgba(190,242,100,.5),transparent 70%),radial-gradient(35% 60% at 5% 100%,rgba(14,165,233,.22),transparent 70%)}
.cta-box>*{position:relative}
.cta-box .h2{margin-bottom:12px}

/* Footer */
.site-foot{border-top:1px solid var(--line);padding:72px 0 32px;margin-top:40px;background:#fff}
.foot-top{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto;display:grid;grid-template-columns:1.1fr 2.4fr;gap:64px}
.foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:var(--ink-2);font-size:15px}
.foot-brand .btn{margin-top:10px}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.foot-col .foot-h{font-family:var(--font-display);font-weight:600;font-size:16px;margin-bottom:12px}
.foot-col .foot-h a:hover{color:var(--emerald-deep)}
.foot-col li{font-size:14px;color:var(--muted);padding:4px 0}
.foot-col li a:hover{color:var(--ink)}
.foot-bottom{width:min(var(--wrap),calc(100% - 64px));margin:56px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}
.foot-bottom ul{display:flex;gap:22px}
.foot-bottom a:hover{color:var(--ink)}

/* Services hub */
.toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.toc a{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;font-weight:500;font-size:15px;transition:background-color .2s,border-color .2s,transform .12s ease-out}
.toc a:hover{background:#f0fdf6;border-color:#6ee7b7}
.toc a:active{transform:scale(.97)}
.toc small{color:var(--muted);font-size:12px}
.svc-channel{padding:72px 0 24px;scroll-margin-top:96px}
.svc-channel-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.svc-channel-head .lead{font-size:17px;margin-top:6px}
.dept{position:relative;overflow:hidden;padding:36px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:16px;scroll-margin-top:96px}
.dept::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 100% 0%,hsl(var(--hue) 90% 60% / .10),transparent 70%)}
.dept>*{position:relative}
.dept-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;margin-bottom:24px}
.dept-head>i{font-size:30px;color:var(--emerald-deep);margin-top:2px}
.dept-head h3{font-size:24px;margin-bottom:6px}
.dept-head p{color:var(--ink-2);font-size:15px}
.dept-count{color:var(--emerald-deep);font-size:13px;font-weight:600}
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.svc-grid li{display:flex;flex-direction:column;gap:2px;padding:12px 0 12px 16px;border-left:1px solid var(--line-2);font-size:15px}
.svc-grid strong{font-weight:600}
.svc-grid span{color:var(--muted);font-size:14px;line-height:1.5}

/* Channel pages */
.dept-nav{position:sticky;top:var(--nav-h);z-index:40;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dept-nav ul{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.dept-nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:color .15s,background-color .15s}
.dept-nav a:hover{color:var(--ink);background:rgba(11,18,32,.05)}
.dept-nav i{color:var(--emerald-deep);font-size:17px}
.dept-sec{padding:88px 0;border-bottom:1px solid var(--line);scroll-margin-top:130px}
.dept-sec:nth-of-type(even){background:var(--alt)}
.dept-copy{position:sticky;top:140px}
.dept-icon{font-size:40px;color:var(--emerald-deep)}
.svc-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svc{display:flex;gap:14px;padding:18px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out),border-color .3s}
.svc:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px);border-color:var(--line-2)}
.svc i{color:var(--emerald-deep);font-size:18px;margin-top:4px;flex:none}
.svc strong{display:block;font-weight:600;margin-bottom:3px}
.svc p{color:var(--muted);font-size:14px;line-height:1.5}
.others{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.others a{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:var(--r-pill);background:hsl(var(--hue) 80% 60% / .10);border:1px solid hsl(var(--hue) 60% 60% / .25);font-family:var(--font-display);font-weight:500;font-size:17px;transition:transform .3s var(--ease-out),box-shadow .3s}
.others a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}

/* Contact */
.page-hero-contact .split{gap:80px}
.audit-steps{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.audit-steps li{display:flex;gap:18px;align-items:flex-start}
.audit-steps .num{color:var(--emerald-deep);font-size:14px;font-weight:600;margin-top:4px;min-width:24px}
.audit-steps strong{display:block;font-family:var(--font-display);font-size:19px;margin-bottom:3px}
.audit-steps p{color:var(--ink-2);font-size:15px}
.contact-alt{margin-top:28px;color:var(--muted);font-size:15px}
.contact-alt a{color:var(--emerald-deep);text-decoration:underline}
.form{display:flex;flex-direction:column;gap:20px;padding:36px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lift)}
.field{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0;min-width:0}
.field label,.field legend{font-weight:600;font-size:15px}
.field .opt{color:var(--muted);font-weight:400;font-size:13px}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:var(--r-input);padding:12px 14px;transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:#66718a}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 4px rgba(16,185,129,.18)}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233b4556' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.field .err{display:none;color:#b42318;font-size:13px}
.field.invalid .err{display:block}
.field.invalid input{border-color:#d92d20}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip input{position:absolute;opacity:0;width:0;height:0}
.chip span{display:inline-block;padding:9px 14px;border-radius:var(--r-pill);border:1px solid var(--line-2);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,transform .12s ease-out}
.chip span:active{transform:scale(.96)}
.chip input:checked+span{background:#ecfdf5;color:var(--emerald-deep);border-color:#6ee7b7}
.chip input:focus-visible+span{outline:2px solid var(--emerald);outline-offset:2px}
.form-note{font-size:13px;color:var(--muted)}
.form-done{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:12px;background:#ecfdf5;border:1px solid #a7f3d0}
.form-done[hidden]{display:none}
.form-done i{font-size:30px;color:var(--emerald-deep)}
.form-done p{color:var(--ink-2);font-size:15px}
.form.sent>:not(.form-done){display:none}

/* Pre-animation states: hidden only while JS runs and the motion script has not taken over (.ready). */
html.js:not(.ready) .hero-copy>*,html.js:not(.ready) .web-node,html.js:not(.ready) .web-mark,html.js:not(.ready) .map-node{opacity:0}
html.js:not(.ready) .web-line,html.js:not(.ready) .map-line,html.js:not(.ready) .signal-line,html.js:not(.ready) .os-path{stroke-dasharray:3000;stroke-dashoffset:3000}
/* Safety: if the motion script never runs, show everything after 3.5s. */
html.noanim .reveal,html.noanim .hero-copy>*,html.noanim .web-node,html.noanim .web-mark,html.noanim .map-node,html.noanim .funnel-row{opacity:1!important;transform:none!important}
html.noanim .web-line,html.noanim .map-line,html.noanim .signal-line,html.noanim .os-path,html.noanim .strand path{stroke-dasharray:none!important;stroke-dashoffset:0!important}
/* Reveal on scroll: 12px rise, exponential ease-out, no blur. */
html.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);transition-delay:calc(var(--i,0) * 50ms)}
html.js .reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .reveal{opacity:1;transform:none;transition:opacity .2s ease}
  html.js .funnel:not(.in) .funnel-row{opacity:1;transform:none}
  .strand path{stroke-dashoffset:0}
  .tile,.svc,.others a,.dept-links a{transition:none}
  .thread::after{animation:none}
}

/* Tablet and below: explicit single-column collapse. Desktop is the target for now. */
@media (max-width:980px){
  .wrap{width:calc(100% - 40px)}
  .sec{padding:72px 0}
  .hero{min-height:0;padding:24px 0 56px}
  .hero-grid,.split,.fly-grid,.foot-top{grid-template-columns:1fr;gap:40px}
  .split-rev .split-visual{order:0}
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .tile-big{grid-column:1/-1;grid-row:auto}
  .steps,.cross-grid{grid-template-columns:1fr 1fr}
  .strand{display:none}
  .step::before{display:none}
  .foot-cols{grid-template-columns:1fr 1fr}
  .cta-box{flex-direction:column;align-items:flex-start;padding:36px}
  .dept-copy{position:static}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 32px)}
  .bento,.steps,.cross-grid,.svc-grid,.svc-list,.dept-links,.foot-cols,.tile-depts{grid-template-columns:1fr}
  .svc-channel-head,.dept-head{grid-template-columns:auto 1fr}
  .foot-bottom{flex-direction:column}
  .form{padding:24px}
}

/* ===================== v3 additions: mega menu, proof strip, tabs, plans, comparison, cards ===================== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-links{position:static}
.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:8px;font:inherit;font-size:15px;font-weight:500;color:var(--ink-2);background:none;border:0;cursor:pointer;transition:color .15s,background-color .15s}
.nav-btn:hover,.nav-btn[aria-expanded="true"]{color:var(--ink);background:rgba(11,18,32,.05)}
.nav-btn[aria-current="page"]{color:var(--ink)}
.nav-btn i{font-size:14px;transition:transform .25s var(--ease-out)}
.nav-btn[aria-expanded="true"] i{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:var(--nav-h);z-index:49;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(11,18,32,.25)}
.mega[hidden]{display:none}
.mega-inner{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding:26px 0 10px}
.mega-col-wide .mega-list{columns:2;column-gap:18px}
.mega-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.mega-h i{margin-left:auto;color:var(--emerald-deep)}
.mega-list li{break-inside:avoid}
.mega-list a{display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:7px 8px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink);transition:background-color .15s}
.mega-list a:hover{background:#f0fdf6}
.mega-list a i{grid-row:1/3;color:var(--emerald-deep);font-size:18px;margin-top:2px}
.mega-list a small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.mega-foot{grid-column:1/-1;display:flex;gap:24px;padding:14px 0 10px;border-top:1px solid var(--line);font-weight:600;font-size:14px}
.mega-foot a{color:var(--emerald-deep)}
.mega-foot a:last-child{margin-left:auto}
@media (max-width:1100px){.mega{display:none!important}}

/* Hero form (home) */
.hero-form{display:flex;gap:10px;width:100%;max-width:620px}
.hero-form input{flex:1;min-width:0;font:inherit;font-size:16px;padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--r-btn);background:#fff;color:var(--ink)}
.hero-form input::placeholder{color:#66718a}
.hero-form input:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 4px rgba(16,185,129,.18)}
.hero-form .btn{padding:14px 20px;flex:none}
.hero-alt{font-size:15px;color:var(--muted)}
.hero-alt a{color:var(--emerald-deep);text-decoration:underline}

/* Proof strip */
.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.proof-strip ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:22px 0}
.proof-strip li{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:12px}
.proof-strip i{grid-row:1/3;font-size:26px;color:var(--emerald-deep);margin-top:2px}
.proof-strip strong{font-family:var(--font-display);font-size:16px;font-weight:600}
.proof-strip span{font-size:13.5px;color:var(--muted);line-height:1.45}

/* Anchor tabs on service pages */
.tabs{position:sticky;top:var(--nav-h);z-index:40;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tabs ul{display:flex;gap:4px;overflow-x:auto;padding:8px 0;scrollbar-width:none}
.tabs a{display:inline-block;padding:9px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:color .15s,background-color .15s}
.tabs a:hover{color:var(--ink);background:rgba(11,18,32,.05)}
.tabs a.active{color:var(--emerald-deep);background:#ecfdf5}
.hero-service{padding-bottom:48px}

/* Included grid */
.incl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.incl{display:flex;gap:14px;padding:20px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}
.incl:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.incl i{color:var(--emerald-deep);font-size:22px;margin-top:2px;flex:none}
.incl strong{display:block;font-weight:600;margin-bottom:4px}
.incl p{color:var(--muted);font-size:14px;line-height:1.5}
.steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Plans */
.sec-plans{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-plans .lead{margin-top:12px}
.plans-grid{display:grid;gap:16px;margin-top:40px}
.plans-1{grid-template-columns:minmax(0,460px)}
.plans-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.plans-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.plans-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.plan{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 26px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.plan:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.plan-popular{border-color:#6ee7b7;box-shadow:0 1px 2px rgba(11,18,32,.04),0 20px 44px -18px rgba(16,185,129,.35)}
.plan-popular::before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:1.5px;background:var(--grad);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.plan-badge{position:absolute;top:-12px;left:24px;padding:4px 12px;border-radius:var(--r-pill);background:var(--grad-cta);color:var(--ink);font-size:12px;font-weight:600}
.plan-name{font-size:22px}
.plan-amount{display:flex;align-items:baseline;gap:4px}
.plan-price{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1}
.plan-period{color:var(--muted);font-size:14px}
.plan-price-text{font-size:26px;line-height:1.2}
.plan-fit{color:var(--ink-2);font-size:14.5px;line-height:1.45;min-height:2.9em}
.plan-features{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px}
.plan-features li{display:flex;gap:10px;align-items:flex-start}
.plan-features i{color:var(--emerald-deep);font-size:16px;margin-top:3px;flex:none}
.plan-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px}
.plan-actions .btn{justify-content:center}
.products-h{margin-top:48px;font-size:24px}
.products{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.product{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;padding:18px 22px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line)}
.product strong{display:block;font-weight:600}
.product p{color:var(--muted);font-size:14px;line-height:1.45;margin-top:2px}
.product-price{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em}
.plan-note{margin-top:28px;font-size:13.5px;color:var(--muted);max-width:80ch;line-height:1.55}

/* Comparison table */
.compare-wrap{margin-top:36px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:#fff}
.compare{width:100%;border-collapse:collapse;font-size:15px}
.compare th,.compare td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.compare thead th{font-family:var(--font-display);font-size:15px;font-weight:600;background:var(--alt)}
.compare tbody th{font-weight:600;color:var(--ink);width:22%}
.compare td{color:var(--ink-2)}
.compare .compare-us{color:var(--ink);font-weight:500;background:#f0fdf6}
.compare thead th:nth-child(2){background:#dcfce7;color:var(--emerald-deep)}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}

/* Service cards (hub, index, related) */
.svc-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.svc-card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s}
.svc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--line-2)}
.svc-card>i{font-size:30px;color:var(--emerald-deep)}
.svc-card-name{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.015em;line-height:1.15}
.svc-card-intro{color:var(--ink-2);font-size:14.5px;line-height:1.5}
.svc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}
.svc-card-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--emerald-deep)}
.svc-card-link i{transition:transform .3s var(--ease-out)}
.svc-card:hover .svc-card-link i{transform:translateX(4px)}
.dept-links a small{margin-left:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}

/* Pricing teaser (home) */
.sec-teaser{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-teaser .lead{margin-top:12px}
.teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:36px 0 28px}
.teaser{display:flex;flex-direction:column;gap:6px;padding:26px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.teaser:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.teaser-name{font-size:14px;color:var(--muted);font-weight:500}
.teaser-plan{font-family:var(--font-display);font-size:22px;font-weight:600}
.teaser-price{font-family:var(--font-display);font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.teaser-price small{font-size:15px;color:var(--muted);font-weight:500;letter-spacing:0}
.teaser-fit{color:var(--ink-2);font-size:14px}
.teaser .svc-card-link{margin-top:10px}

/* Pricing hub */
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.pricing-group{padding:24px 26px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);scroll-margin-top:100px}
.pricing-group header{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.pricing-group h3{font-size:20px}
.pricing-group h3 a:hover{color:var(--emerald-deep)}
.pricing-group ul{display:flex;flex-direction:column}
.price-row{display:grid;grid-template-columns:1.1fr 1.6fr auto;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px}
.price-row-name{font-weight:600}
.price-row-fit{color:var(--muted);font-size:13.5px}
.price-row-amt{font-weight:600;white-space:nowrap}
.pricing-group .svc-card-link{margin-top:14px}

/* Shared infographic primitives */
.viz{width:100%;max-width:560px;margin-inline:auto}
.viz-card{fill:#fff;stroke:var(--line-2);stroke-width:1.5}
.viz-img{stroke:none}
.viz-fill-a{fill:#d9f99d}.viz-fill-b{fill:#bbf7d0}.viz-fill-c{fill:#bae6fd}.viz-fill-muted{fill:#eef1f4}.viz-fill-warn{fill:#fecaca}
.viz-thumb{fill:#eef1f4;stroke:var(--line-2)}
.viz-bar{fill:#a7f3d0}
.viz-title{font-family:var(--font-display);font-size:15px;font-weight:600;fill:var(--ink)}
.viz-text{font-family:var(--font-body);font-size:12.5px;fill:var(--ink-2)}
.viz-text-strong{font-weight:600;fill:var(--ink)}
.viz-text-on{fill:#fff;font-weight:600;font-size:11px}
.viz-arrow,.viz-line{fill:none;stroke:var(--ink);stroke-opacity:.35;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.viz-dash{fill:none;stroke:var(--emerald-deep);stroke-width:1.5;stroke-dasharray:6 6}
.viz-track{fill:none;stroke:var(--line-2);stroke-width:3}
.viz-curve{fill:none;stroke:var(--emerald);stroke-width:2.5;stroke-linecap:round}
.viz-globe{fill:#f0fdf6;stroke:var(--line-2);stroke-width:1.5}
.viz-shield{opacity:.95}
.viz-mod{transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
html.js .viz:not(.in) .viz-mod{opacity:0;transform:translateY(8px)}
.map-core-text{font-family:var(--font-display);font-size:14px;font-weight:600;fill:#fff}

/* Legal */
.legal p{max-width:70ch;color:var(--ink-2);margin-bottom:18px}
.legal strong{color:var(--ink)}
.foot-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}

@media (max-width:980px){
  .proof-strip ul,.incl-grid,.svc-grid3,.teaser-grid,.plans-3,.plans-4{grid-template-columns:1fr 1fr}
  .pricing-grid{grid-template-columns:1fr}
  .steps-4{grid-template-columns:1fr 1fr}
  .foot-cols-5{grid-template-columns:1fr 1fr}
  .hero-form{flex-direction:column}
}
@media (max-width:640px){
  .proof-strip ul,.incl-grid,.svc-grid3,.teaser-grid,.plans-2,.plans-3,.plans-4,.steps-4,.foot-cols-5{grid-template-columns:1fr}
  .product{grid-template-columns:1fr;gap:10px}
  .price-row{grid-template-columns:1fr auto}
  .price-row-fit{grid-column:1/-1}
}

/* ===================== v3.1: background web, top bar, hero slideshow, logos, SpiderOS ===================== */
.web-bg{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}
body{position:relative;z-index:0}
.hero::before,.page-hero::before{z-index:-1}

/* Top bar */
.topbar{background:var(--ink);color:#fff;font-size:13px;padding-inline:16px}
.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:40px}
.topbar-rev{display:flex;align-items:baseline;gap:10px}
.topbar-label{text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:rgba(255,255,255,.7);font-weight:500}
.topbar-rev strong{font-family:var(--font-display);font-size:16px;font-weight:600;color:#d9f99d;letter-spacing:-.01em}
.topbar-tag{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);font-weight:500}
.topbar-tag .brand-mark{width:18px;height:18px;color:#fff}
.topbar-right{display:flex;justify-content:flex-end;gap:22px;font-weight:500}
.topbar-right a{display:inline-flex;align-items:center;gap:6px;color:#fff}
.topbar-right a:hover{color:#d9f99d}
.topbar-right i{font-size:16px;color:#bef264}
.topbar-login{padding:5px 12px;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-btn)}
.topbar-login:hover{border-color:#bef264}
.mega{top:calc(var(--nav-h) + 40px)}
.site-head{top:-40px}
.site-head.scrolled .topbar{visibility:visible}
@media (max-width:1100px){.topbar-tag{display:none}.topbar-inner{grid-template-columns:1fr auto}}
@media (max-width:640px){.topbar-rev{display:none}.topbar-inner{grid-template-columns:1fr}.topbar-right{justify-content:space-between}}

/* Tool button in nav */
.btn-tool{border:1px solid var(--line-2);background:#fff;gap:8px}
.btn-tool:hover{border-color:#6ee7b7;background:#f0fdf6}
.tool-dot{width:10px;height:10px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.nav-tool{margin-left:4px}
@media (max-width:1100px){.nav-tool{display:none}}
.mega-demo{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--grad-soft);border:1px solid #cdeedd;font-weight:600;font-size:14px;color:var(--emerald-deep)}
.mega-demo i{font-size:20px}

/* Hero slideshow */
.hero-home .hero-grid{grid-template-columns:1.1fr .9fr}
.hero-home .hero-copy{position:relative}
.hooks{position:relative;display:grid;min-height:2.1em}
.hooks .hook{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);pointer-events:none}
.hooks .hook.active{opacity:1;transform:none}
.hooks .hook.leaving{opacity:0;transform:translateY(-10px);transition-duration:.3s}
html.js .h1-seo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html:not(.js) .hooks,html:not(.js) .hook-dots{display:none}
.hook-dots{display:flex;gap:6px;margin-top:-10px}
.hook-dots i{width:26px;height:4px;border-radius:2px;background:var(--line-2);transform:scaleX(.6);transform-origin:left;transition:background-color .3s,transform .3s var(--ease-out)}
.hook-dots i.active{background:var(--emerald);transform:none}

/* Hero person + phone card */
.hero-person{position:relative;min-height:520px;display:flex;align-items:flex-end;justify-content:center;perspective:none}
.hero-home .hero-grid{isolation:auto}
.hero-bloom{position:absolute;inset:6% 4% 0 4%;border-radius:48% 52% 44% 56% / 52% 46% 54% 48%;background:radial-gradient(60% 60% at 50% 40%,rgba(190,242,100,.55),rgba(16,185,129,.18) 55%,rgba(14,165,233,.12) 100%);filter:blur(2px)}
.hero-img{position:relative;width:min(100%,500px);height:auto;object-fit:contain;mix-blend-mode:multiply;transform:scaleX(-1);mask-image:linear-gradient(#000 86%,transparent);-webkit-mask-image:linear-gradient(#000 86%,transparent)}
.phone-card{position:absolute;left:60%;top:36%;width:236px;padding:16px 16px 12px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 4px rgba(11,18,32,.05),0 30px 60px -24px rgba(11,18,32,.28);font-size:13px;transform:rotate(3deg);transform-origin:top left}
.hero-person.no-img{min-height:460px;align-items:center}
.hero-person.no-img .phone-card{position:relative;right:auto;bottom:auto;width:280px;transform:none}
.phone-top{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:13px}
.phone-top .brand-mark{width:16px;height:16px}
.phone-live{margin-left:auto;font-size:11px;color:var(--emerald-deep);background:#ecfdf5;padding:2px 8px;border-radius:var(--r-pill)}
.phone-label{margin-top:12px;color:var(--muted);font-size:12px}
.phone-big{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.phone-up{display:inline-flex;align-items:center;gap:2px;font-size:14px;color:var(--emerald-deep)}
.phone-bars{display:flex;align-items:flex-end;gap:6px;height:64px;margin:12px 0}
.phone-bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#34d399,#10b981);transform-origin:bottom;animation:bar-up .9s var(--ease-out) both;animation-delay:calc(.6s + var(--i) * 90ms)}
@keyframes bar-up{from{transform:scaleY(.1);opacity:0}to{transform:none;opacity:1}}
.phone-rows{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:8px}
.phone-rows li{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2)}
.phone-rows strong{color:var(--ink)}
.phone-note{margin-top:8px;font-size:11px;color:var(--muted);text-align:right}

/* Logo wall */
.logos{padding:40px 0 8px}
.logos-h{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--muted);text-align:center;margin-bottom:18px}
.logo-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 24px;align-items:center;color:#66718a}
.logo-wall li{display:flex;justify-content:center;opacity:.75;transition:opacity .25s,color .25s}
.logo-wall li:hover{opacity:1;color:var(--ink)}
.logo-wall svg{width:100%;max-width:190px;height:auto}
@media (max-width:980px){.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.logo-wall{grid-template-columns:1fr 1fr}}

/* SpiderOS showcase */
.sec-tool{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-tool .lead{margin-top:12px}
.tool-show{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:40px;align-items:start}
.tool-tabs{display:flex;flex-direction:column;gap:10px}
.tool-tab{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;text-align:left;padding:18px 18px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .3s var(--ease-out),transform .12s ease-out}
.tool-tab:active{transform:scale(.99)}
.tool-tab i{font-size:28px;color:var(--emerald-deep);margin-top:2px}
.tool-tab strong{display:block;font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:4px}
.tool-tab small{display:block;font-size:13.5px;color:var(--muted);line-height:1.45}
.tool-tab.active{border-color:#6ee7b7;box-shadow:var(--shadow-lift)}
.tool-tab.active::after{content:"";display:block;grid-column:1/-1;height:3px;border-radius:2px;background:var(--grad);margin-top:12px;transform-origin:left;animation:tab-progress var(--tool-interval,6s) linear forwards}
@keyframes tab-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tool-screen{border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lift);overflow:hidden;min-height:420px}
.tool-chrome{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--alt);font-family:var(--font-display);font-weight:600;font-size:14px}
.tool-chrome .brand-mark{width:18px;height:18px}
.tool-chrome-url{margin-left:auto;font-family:var(--font-body);font-weight:400;font-size:12.5px;color:var(--muted);padding:4px 10px;border-radius:6px;background:#fff;border:1px solid var(--line)}
.tool-panel{padding:22px 24px 24px}
.tool-panel[hidden]{display:none}
.tp-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:16px}
.tp-sync{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:500}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 3px rgba(16,185,129,.2)}
.waterfall{display:flex;flex-direction:column;gap:8px}
.waterfall li{display:grid;grid-template-columns:110px 1fr 110px;align-items:center;gap:12px;font-size:13.5px}
.waterfall li span{color:var(--ink-2)}
.waterfall li b{text-align:right;font-weight:600}
.waterfall li b small{color:var(--emerald-deep);font-weight:600;margin-left:4px}
.waterfall i{display:block;height:18px;border-radius:5px;background:#a7f3d0;width:calc(var(--v) * 1%);transform-origin:left;transform:scaleX(0);opacity:0}
.waterfall .neg i{background:#fecaca}
.waterfall .pos i{background:linear-gradient(90deg,#bef264,#10b981)}
.tool-panel.active .waterfall i{animation:wf-grow .6s var(--ease-out) forwards;animation-delay:calc(var(--i) * 110ms)}
@keyframes wf-grow{to{transform:none;opacity:1}}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.kpis li{padding:12px 14px;border-radius:10px;background:var(--alt);border:1px solid var(--line)}
.kpis span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.kpis strong{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em}
.live-chart{width:100%;height:auto}
.live-line{fill:none;stroke:var(--emerald);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900}
.tool-panel.active .live-line{animation:draw 1.6s var(--ease-out) .2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.live-end{fill:var(--emerald);opacity:0}
.tool-panel.active .live-end{animation:fade-in .3s 1.7s forwards}
@keyframes fade-in{to{opacity:1}}
.tp-foot{margin-top:12px;font-size:13px;color:var(--muted)}
.auto-grid{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
.roas{position:relative;width:150px;height:150px}
.roas svg{transform:rotate(-90deg)}
.roas-track{fill:none;stroke:var(--line);stroke-width:10}
.roas-fill{fill:none;stroke:url(#roasgrad);stroke:var(--emerald);stroke-width:10;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314}
.tool-panel.active .roas-fill{animation:roas-fill 1.4s var(--ease-out) .2s forwards}
@keyframes roas-fill{to{stroke-dashoffset:72}}
.roas-val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.roas-val strong{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em}
.roas-val span{font-size:12px;color:var(--muted);margin-top:4px}
.auto-feed{display:flex;flex-direction:column;gap:8px}
.auto-feed li{display:grid;grid-template-columns:44px 1fr;gap:10px;font-size:13px;padding:8px 10px;border-radius:8px;background:var(--alt);border:1px solid var(--line);opacity:0;transform:translateY(8px)}
.tool-panel.active .auto-feed li{animation:feed-in .4s var(--ease-out) forwards;animation-delay:calc(.2s + var(--i) * 220ms)}
@keyframes feed-in{to{opacity:1;transform:none}}
.auto-feed time{font-family:var(--font-display);font-weight:600;color:var(--emerald-deep)}
.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (max-width:980px){.tool-show{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.auto-grid{grid-template-columns:1fr}.hero-home .hero-grid{grid-template-columns:1fr}.hero-person{min-height:420px}}
@media (prefers-reduced-motion:reduce){
  .web-bg{display:none}
  .hooks .hook{transition:opacity .2s}
  .phone-bars i,.tool-panel.active .waterfall i,.tool-panel.active .auto-feed li,.tool-panel.active .live-line,.tool-panel.active .live-end,.tool-panel.active .roas-fill,.tool-tab.active::after{animation:none}
  .waterfall i,.auto-feed li,.live-end{opacity:1;transform:none}
  .live-line{stroke-dashoffset:0}
  .roas-fill{stroke-dashoffset:72}
}

/* ===================== v3.2: web-spread mascot section, hero web-mesh reveal ===================== */
.sec-web{padding:72px 0 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--alt))}
.sec-web .lead{margin-top:12px}
.webspread{width:100%;height:auto;margin-top:20px}
.webspread .silk{fill:none;stroke:var(--ink);stroke-opacity:.35;stroke-width:1.5;stroke-linecap:round}
.webspread .silk-ring{stroke:url(#g-ws);stroke-opacity:.6;stroke-width:1.2}
.webspread .silk-strand{stroke:var(--ink);stroke-opacity:.5;stroke-width:2}
.webspread .ws-node circle{fill:#fff;stroke:var(--line-2);stroke-width:1.5;filter:drop-shadow(0 6px 12px rgba(11,18,32,.10))}
.webspread .ws-node.lit circle{stroke:var(--emerald);stroke-width:2}
.webspread .ws-label{font-family:var(--font-body);font-size:12.5px;font-weight:500;fill:var(--ink-2)}
.webspread .ws-letter{font-family:var(--font-display);font-size:16px;font-weight:700;fill:var(--ink)}
.webspread .mascot-body{transform-box:fill-box;transform-origin:center}
.webspread .leg{transform-box:fill-box;transform-origin:center}
.webspread .mascot.spinning .l1,.webspread .mascot.spinning .l4{animation:leg-a .5s ease-in-out infinite alternate}
.webspread .mascot.spinning .l2,.webspread .mascot.spinning .l3{animation:leg-b .5s ease-in-out infinite alternate}
@keyframes leg-a{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
@keyframes leg-b{from{transform:rotate(7deg)}to{transform:rotate(-7deg)}}
.webspread .ws-panel rect{fill:#fff;stroke:var(--line);stroke-width:1.5;filter:drop-shadow(0 18px 40px rgba(11,18,32,.16))}
.webspread .ws-ptitle{font-family:var(--font-display);font-size:17px;font-weight:600;fill:var(--ink)}
.webspread .ws-psub{font-family:var(--font-body);font-size:12px;fill:var(--muted)}
.webspread .ws-bars rect{fill:url(#g-ws);transform-origin:bottom;transform:scaleY(0)}
.webspread .ws-k{font-family:var(--font-body);font-size:13.5px;fill:var(--ink-2)}
.webspread .ws-v{font-family:var(--font-display);font-size:18px;font-weight:600;fill:var(--ink)}
.webspread .ws-v-up{fill:var(--emerald-deep)}
.webspread .ws-note{font-family:var(--font-body);font-size:11px;fill:var(--muted)}
html.js .webspread:not(.played) .ws-node,html.js .webspread:not(.played) .ws-panel{opacity:0}
html.js .webspread:not(.played) .silk,html.js .webspread:not(.played) .silk-strand{stroke-dasharray:2000;stroke-dashoffset:2000}
html.js .webspread.done .ws-bars rect{transform:none}
html.noanim .webspread .ws-node,html.noanim .webspread .ws-panel{opacity:1!important}
html.noanim .webspread .silk,html.noanim .webspread .silk-strand{stroke-dasharray:none!important;stroke-dashoffset:0!important}
html.noanim .webspread .ws-bars rect{transform:none}

/* Hero web-mesh reveal */
.hero-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.hero-person .phone-card{z-index:3}
.hero-person{cursor:crosshair}
.hud{position:absolute;bottom:4px;display:flex;flex-direction:column;gap:2px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;z-index:3}
.hud-l{left:0}
.hud-r{right:0;text-align:right}
.hud b{font-weight:600;color:var(--emerald-deep)}
@media (hover:none),(max-width:980px){.hero-fx,.hud{display:none}.hero-person{cursor:default}}
@media (prefers-reduced-motion:reduce){
  .webspread .mascot.spinning .leg{animation:none}
  html.js .webspread:not(.played) .ws-node,html.js .webspread:not(.played) .ws-panel{opacity:1}
  html.js .webspread:not(.played) .silk,html.js .webspread:not(.played) .silk-strand{stroke-dasharray:none;stroke-dashoffset:0}
  .webspread .ws-bars rect{transform:none}
  .hero-fx,.hud{display:none}
}

/* ===================== v3.3: colourful ambient background ===================== */
:root{--peach:#ffb38a;--violet:#c4b5fd;--mint:#a7f3d0;--sky-soft:#bae6fd;--lime-soft:#d9f99d}
body::before,body::after{content:"";position:fixed;inset:-20%;z-index:-3;pointer-events:none;will-change:transform}
body::before{
  background:
    radial-gradient(38% 34% at 12% 18%,rgba(217,249,157,.55),transparent 70%),
    radial-gradient(32% 30% at 88% 12%,rgba(186,230,253,.55),transparent 70%),
    radial-gradient(30% 28% at 78% 72%,rgba(196,181,253,.38),transparent 70%),
    radial-gradient(28% 26% at 18% 82%,rgba(167,243,208,.5),transparent 70%),
    radial-gradient(26% 24% at 50% 50%,rgba(255,179,138,.26),transparent 70%);
}
body::after{
  background:
    radial-gradient(24% 22% at 70% 30%,rgba(255,179,138,.22),transparent 70%),
    radial-gradient(22% 20% at 30% 60%,rgba(14,165,233,.14),transparent 70%),
    radial-gradient(26% 22% at 60% 90%,rgba(190,242,100,.28),transparent 70%);
  mix-blend-mode:multiply;
}
@media (prefers-reduced-motion:no-preference){
  body::before{animation:drift-a 48s ease-in-out infinite alternate}
  body::after{animation:drift-b 64s ease-in-out infinite alternate}
}
@keyframes drift-a{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}
@keyframes drift-b{from{transform:translate3d(2%,1%,0) rotate(0deg)}to{transform:translate3d(-3%,-2%,0) rotate(2deg)}}
body{background-color:#fbfdfc}

/* Heroes: richer multi-colour blooms */
.hero::before{background:
  radial-gradient(42% 55% at 78% 28%,rgba(190,242,100,.55),transparent 70%),
  radial-gradient(36% 48% at 92% 72%,rgba(14,165,233,.30),transparent 70%),
  radial-gradient(30% 40% at 8% 90%,rgba(16,185,129,.22),transparent 70%),
  radial-gradient(26% 34% at 30% 20%,rgba(255,179,138,.30),transparent 70%),
  radial-gradient(24% 30% at 55% 70%,rgba(196,181,253,.28),transparent 70%)}
.hero-channel::before{background:
  radial-gradient(45% 60% at 80% 35%,hsl(var(--hue) 85% 60% / .26),transparent 70%),
  radial-gradient(35% 45% at 10% 95%,rgba(190,242,100,.32),transparent 70%),
  radial-gradient(28% 36% at 40% 10%,rgba(196,181,253,.22),transparent 70%)}
.page-hero::before{background:
  radial-gradient(40% 60% at 90% 10%,rgba(190,242,100,.42),transparent 70%),
  radial-gradient(30% 40% at 5% 80%,rgba(186,230,253,.42),transparent 70%),
  radial-gradient(26% 36% at 55% 100%,rgba(255,179,138,.22),transparent 70%)}
.hero-bloom{background:radial-gradient(60% 60% at 50% 40%,rgba(190,242,100,.6),rgba(16,185,129,.22) 50%,rgba(196,181,253,.18) 75%,rgba(14,165,233,.14) 100%)}

/* Alternate sections: gradient washes instead of flat grey */
.sec-process,.sec-os,.sec-teaser,.sec-tool,.sec-plans{background:linear-gradient(135deg,rgba(243,253,224,.75),rgba(230,250,242,.6) 45%,rgba(227,244,253,.75))}
.sec-web{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(243,253,224,.5) 60%,rgba(227,244,253,.6))}
.proof-strip,.logos{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.site-foot{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(243,253,224,.5))}
.dept-sec:nth-of-type(even){background:linear-gradient(135deg,rgba(243,253,224,.6),rgba(227,244,253,.6))}
.cta-box{background:linear-gradient(135deg,#f3fde0 0%,#e6faf2 35%,#e3f4fd 70%,#f1ecff 100%)}
.cta-box::before{background:radial-gradient(40% 70% at 95% 20%,rgba(190,242,100,.6),transparent 70%),radial-gradient(35% 60% at 5% 100%,rgba(14,165,233,.28),transparent 70%),radial-gradient(30% 50% at 60% 0%,rgba(255,179,138,.3),transparent 70%)}
.tile-big{background:linear-gradient(145deg,#f3fde0 0%,#e6faf2 45%,#e3f4fd 80%,#f1ecff 100%)}
.topbar{background:linear-gradient(90deg,#0b1220,#0f1f2e 60%,#0b1220)}
@media (prefers-reduced-transparency:reduce){.proof-strip,.logos{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* ===================== v3.4: real marketplace logos ===================== */
.blogo{display:inline-block;height:1em;width:auto;object-fit:contain;vertical-align:middle}
.tile-logo .blogo{height:28px;max-width:44px}
.mega-h .blogo{height:18px;max-width:40px}
.toc .blogo{height:18px;max-width:40px}
.others a .blogo{height:20px;max-width:56px}
.svc-channel-head .blogo{height:30px;max-width:100px}
.tile-logo{background:#fff}
.dept-map .map-core circle{filter:drop-shadow(0 12px 24px rgba(16,185,129,.22))}

/* ===================== v3.5: icon nodes and radial labels on the maps ===================== */
.dept-map .map-node .map-ico{color:var(--emerald-deep)}
.dept-map .map-label{font-family:var(--font-body);font-size:13px;font-weight:500;fill:var(--ink-2)}
.hero-visual .dept-map{max-width:640px}
.split-visual .dept-map{max-width:600px}
.dept-map .map-core-ico{color:#fff}

/* ===================== v3.6: process panel, rank tracker, partners, results, tighter rhythm ===================== */
.sec-p3{padding:56px 0}
.p3-wrap{display:grid;grid-template-columns:1.05fr .95fr;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lift);border:1px solid var(--line)}
.p3-dark{background:linear-gradient(160deg,#0f1a2b,#0b1220 60%);color:#fff;padding:48px 48px 40px}
.p3-dark .h2{color:#fff}
.p3-dark .lead{color:rgba(255,255,255,.72);margin-top:12px;max-width:52ch}
.p3{display:flex;flex-direction:column;margin-top:28px}
.p3-row{display:grid;grid-template-columns:190px 1fr;gap:26px;padding:26px 0;border-top:1px solid rgba(255,255,255,.12)}
.p3-head{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.p3-n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:600;background:rgba(255,255,255,.12);color:#fff}
.p3-head h3{font-size:22px;color:#fff}
.p3-ico{display:block}
.tone-lime .p3-ico,.tone-lime .p3-list i{color:#bef264}
.tone-emerald .p3-ico,.tone-emerald .p3-list i{color:#34d399}
.tone-sky .p3-ico,.tone-sky .p3-list i{color:#7dd3fc}
.p3-lead{font-weight:600;color:#fff;margin-bottom:10px;font-size:16px}
.p3-list li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.82);font-size:14.5px;padding:4px 0;line-height:1.45}
.p3-list i{font-size:16px;margin-top:3px;flex:none}
.p3-bright{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:44px 0 0 44px;overflow:hidden;
  background:linear-gradient(145deg,#d9f99d 0%,#a7f3d0 45%,#bae6fd 100%)}
.p3-bright::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 14px,transparent 14px 28px);pointer-events:none}
.monitor{position:relative;width:100%;max-width:620px;margin-right:-40px}
.screen{background:#fff;border:10px solid #0b1220;border-bottom-width:16px;border-radius:14px 14px 6px 6px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(11,18,32,.45)}
.scr-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:12.5px}
.scr-bar .brand-mark{width:16px;height:16px}
.scr-tab{font-family:var(--font-body);font-weight:500;color:var(--muted)}
.scr-tab:first-of-type{color:var(--emerald-deep)}
.scr-live{margin-left:auto;font-size:11px;color:var(--emerald-deep);background:#ecfdf5;padding:2px 8px;border-radius:var(--r-pill)}
.scr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px 6px}
.scr-kpis li{padding:8px 10px;border-radius:8px;background:var(--alt);border:1px solid var(--line)}
.scr-kpis span{display:block;font-size:11px;color:var(--muted)}
.scr-kpis strong{display:block;font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.01em;margin:2px 0}
.scr-kpis em{font-style:normal;font-size:11px;font-weight:600}
.scr-kpis em.up{color:var(--emerald-deep)}.scr-kpis em.down{color:var(--sky-deep)}
.scr-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;padding:6px 14px 10px}
.scr-card{border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.scr-h{font-size:11.5px;font-weight:600;margin-bottom:6px}
.scr-line{fill:none;stroke:var(--emerald);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.scr-actions li{display:grid;grid-template-columns:36px 1fr;gap:6px;font-size:11.5px;padding:5px 0;border-top:1px solid var(--line);line-height:1.35}
.scr-actions li:first-child{border-top:0}
.scr-actions time{font-weight:600;color:var(--emerald-deep)}
.scr-note{font-size:11px;color:var(--muted);text-align:right;padding:0 14px 10px}
.monitor-neck{width:90px;height:36px;margin:0 auto;background:linear-gradient(90deg,#cbd5e1,#e2e8f0,#cbd5e1)}
.monitor-foot{width:240px;height:14px;margin:0 auto;border-radius:10px 10px 0 0;background:#cbd5e1}

/* Rank tracker */
.rank-steps{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.rank-step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.rank-step i{font-size:26px;color:var(--emerald-deep);margin-top:2px}
.rank-step strong{display:block;font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:3px}
.rank-step p{color:var(--ink-2);font-size:14.5px;line-height:1.5}
.rank-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 14px;box-shadow:var(--shadow-lift)}
.rank-chart{width:100%;max-width:none}
.rank-page1{fill:rgba(190,242,100,.28)}
.rank-band{font-family:var(--font-body);font-size:11px;font-weight:600;fill:var(--emerald-deep)}
.rank-grid{stroke:var(--ink);stroke-opacity:.08}
.rank-axis{font-family:var(--font-body);font-size:11px;fill:var(--muted)}
.rank-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.rank-kw{font-family:var(--font-body);font-size:11.5px;font-weight:600}
.rank-note{font-size:12.5px;color:var(--muted);margin-top:10px}
html.js:not(.ready) .rank-line,html.js:not(.ready) .scr-line{stroke-dasharray:3000;stroke-dashoffset:3000}
html.noanim .rank-line,html.noanim .scr-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}

/* Partners */
.partners{padding:8px 0 24px}
.partner-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}
.partner-list li{display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.partner-list .blogo{height:24px;max-width:110px}
.partner-txt{display:flex;flex-direction:column;padding-left:14px;border-left:1px solid var(--line-2);line-height:1.2}
.partner-txt strong{font-size:14px;font-weight:600}
.partner-txt small{font-size:12px;color:var(--muted)}

/* Results strip */
.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.result{display:grid;grid-template-columns:116px 1fr;gap:18px;align-items:center;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.result-tile{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-size:46px;font-weight:700;background:linear-gradient(135deg,hsl(var(--hue) 85% 70%),hsl(var(--hue) 70% 48%))}
.result-brand{font-size:14px;color:var(--ink-2)}
.result-metric{display:flex;align-items:center;gap:2px;font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.02em;color:var(--emerald-deep);line-height:1.1}
.result-metric i{font-size:26px}
.result-label{font-size:14px;font-weight:600}
.results-foot{margin-top:18px;font-size:14px;color:var(--muted)}
.results-foot a{color:var(--emerald-deep);font-weight:600}

/* Tighter vertical rhythm everywhere */
.sec{padding:72px 0}
.sec-cta{padding-top:0}
.hero{padding:28px 0 56px}
.hero-home{min-height:0}
.hero-channel{padding:24px 0 48px}
.page-hero{padding:40px 0 44px}
.sec-web{padding:56px 0 12px}
.sec-process .h2{margin-bottom:40px}
.logos{padding:24px 0 4px}
.proof-strip ul{padding:16px 0}
.bento,.incl-grid,.svc-grid3,.compare-wrap,.plans-grid,.tool-show{margin-top:28px}
.teaser-grid{margin:28px 0 20px}
.cross-grid{margin-top:32px}
.sec-faq .h2{margin-bottom:24px}
.cta-box{padding:44px 52px}
.site-foot{padding:52px 0 28px;margin-top:0}
.foot-bottom{margin-top:40px}
.dept-sec{padding:56px 0}
.svc-channel{padding:40px 0 12px}
.sec-plans .lead,.sec-teaser .lead,.sec-tool .lead{margin-top:10px}
.sec-results{padding-top:48px}
.sec-rank{padding-top:56px}
@media (max-width:980px){.p3-wrap{grid-template-columns:1fr}.p3-bright{padding:32px 24px 0}.monitor{margin-right:0}.results{grid-template-columns:1fr}.p3-row{grid-template-columns:1fr}}

.rank-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:12px}
.rank-legend li{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;font-size:13px}
.rank-legend i{width:10px;height:10px;border-radius:50%;display:block}
.rank-legend strong{font-family:var(--font-display);font-weight:600;color:var(--ink)}
.rank-legend small{color:var(--muted);font-size:12px}
.p3-bright{align-items:center;padding:36px 0 36px 40px}
.monitor{max-width:700px;margin-right:-56px}

/* ===================== v4: five mega menus with card columns and promo cards ===================== */
.nav-links{gap:0}
.nav-btn{padding:9px 11px;font-size:14.5px}
.mega{background:rgba(250,252,251,.97)}
.mega-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.15fr;gap:14px;padding:18px 0 20px}
.mega-col-wide .mega-list{columns:1}
.mega-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 14px;box-shadow:var(--shadow)}
.mega-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.mega-card-h h3{font-size:15.5px;font-weight:600}
.mega-blob{order:2;display:grid;place-items:center;width:38px;height:38px;border-radius:12px 4px 12px 12px;flex:none}
.mega-blob i{font-size:20px}
.tone-lime.mega-blob{background:#ecfccb;color:#4d7c0f}
.tone-emerald.mega-blob{background:#d1fae5;color:#047857}
.tone-sky.mega-blob{background:#e0f2fe;color:#0369a1}
.tone-violet.mega-blob{background:#ede9fe;color:#6d28d9}
.tone-peach.mega-blob{background:#ffedd5;color:#c2410c}
.mega-links li a{display:block;padding:7px 0;font-size:14px;font-weight:500;color:var(--ink-2);border-top:1px solid var(--line);transition:color .15s,padding-left .2s var(--ease-out)}
.mega-links li:first-child a{border-top:0}
.mega-links li a:hover{color:var(--emerald-deep);padding-left:4px}
.mega-promo{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#f3fde0,#e6faf2 50%,#e3f4fd);border:1px solid #cdeedd;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.mega-promo:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.mega-promo-viz{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:4px}
.mega-promo-viz svg{width:100%;height:auto;display:block}
.mega-promo strong{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.15}
.mega-promo>span:not(.btn){font-size:13px;color:var(--ink-2);line-height:1.45}
.mega-promo .btn{align-self:flex-start;margin-top:auto}
.mob-group{padding:16px 4px 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.foot-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}
.foot-top{grid-template-columns:1fr 3.2fr}
@media (max-width:1240px){.nav-btn{padding:9px 8px;font-size:14px}.nav-tool{display:none}}
@media (max-width:980px){.foot-cols-6{grid-template-columns:1fr 1fr}}
.nav-btn,.nav-links a{white-space:nowrap}
/* v4.1: brand chips in menus */
.bchip{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,18,32,.06)}
.bchip img,.bchip svg{width:15px;height:15px;object-fit:contain;display:block}
.bchip i{font-size:14px;color:var(--emerald-deep)}
.bchip-word{width:auto;padding:0 5px}.bchip-word img{width:auto;height:9px;max-width:44px}
.bchip-lg{width:34px;height:34px;border-radius:10px}.bchip-lg img,.bchip-lg svg{width:20px;height:20px}.bchip-lg i{font-size:18px}
.bchip-lg.bchip-word{width:auto;padding:0 7px}.bchip-lg.bchip-word img{height:12px;width:auto;max-width:60px}
.bchip-sm{width:20px;height:20px;border-radius:6px}.bchip-sm img,.bchip-sm svg{width:12px;height:12px}
.bstack{display:inline-flex;align-items:center}
.bstack .bchip+.bchip{margin-left:-7px}
.mega-card-h .bstack{order:2}
.mega-card{position:relative;overflow:hidden}
.mega-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px}
.mega-card.tone-lime::before{background:#bef264}.mega-card.tone-emerald::before{background:#10b981}.mega-card.tone-sky::before{background:#0ea5e9}.mega-card.tone-violet::before{background:#8b5cf6}.mega-card.tone-peach::before{background:#fb923c}
.mega-links li a{display:flex;align-items:center;gap:10px}
.mega-links li a .bchip{transition:transform .2s var(--ease-out)}
.mega-links li a:hover .bchip{transform:scale(1.08)}
.nav-btn .bstack{margin-right:2px}
.mobile-menu a{display:flex;align-items:center;gap:10px}
.mega-card-h{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}
.mega-card-h .bstack{order:0}
.mega-card-h h3{font-size:15.5px}
.nav-btn{gap:7px}
.nav-btn{padding:9px 8px;gap:6px}
.nav-btn .bchip-sm{width:16px;height:16px;border:0;box-shadow:none;background:none;border-radius:0}
.nav-btn .bchip-sm img,.nav-btn .bchip-sm svg{width:16px;height:16px}
@media (max-width:1399px){.nav-btn .bstack{display:none}}
/* v4.2: Amazon Seller app phone in the Amazon mega promo */
.mega-promo-phone .mega-promo-viz{padding:0;overflow:hidden;background:linear-gradient(160deg,#fff7e6,#ffe7bf 55%,#fde68a);border-color:#fcd9a0}
.seller-viz{position:relative;height:214px;display:flex;justify-content:center;padding-top:14px}
.sp-sample{position:absolute;top:8px;left:8px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7c4a03;background:rgba(255,255,255,.75);border-radius:999px;padding:2px 7px}
.seller-phone{width:158px;height:260px;border-radius:26px;background:#111;padding:5px;box-shadow:0 18px 30px -12px rgba(124,74,3,.45),inset 0 0 0 1.5px #3a3a3a;transform:rotate(4deg) translateY(4px);transform-origin:50% 100%;transition:transform .5s var(--ease-out)}
.mega-promo:hover .seller-phone{transform:rotate(1deg) translateY(-2px)}
.sp-screen{height:100%;border-radius:21px;background:#fff;overflow:hidden;padding:6px 9px;font-family:"Amazon Ember","DM Sans",Arial,sans-serif;color:#0f1111}
.sp-status{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;height:12px}
.sp-island{width:38px;height:10px;border-radius:8px;background:#111}
.sp-sig{display:flex;gap:2px;font-size:8px}
.sp-head{display:flex;align-items:center;gap:5px;margin:6px 0 7px;font-size:11px}
.sp-head>.ph-camera{margin-left:auto;color:#565959}
.sp-flag{width:12px;height:8px;border-radius:1px;background:repeating-linear-gradient(#b22234 0 1.2px,#fff 1.2px 2.4px);position:relative}
.sp-flag::before{content:"";position:absolute;left:0;top:0;width:5px;height:4.5px;background:#3c3b6e}
.sp-brand{display:flex;align-items:flex-end;gap:2px;font-weight:600;font-size:11px;letter-spacing:-.01em;margin:0 auto 0 4px}
.sp-brand img{width:40px;height:auto;display:block;margin-bottom:-2px}
.sp-kpi{display:flex;justify-content:space-between;font-size:7.5px;font-weight:700;color:#0f1111}
.sp-kpi i{font-size:7px;color:#565959}
.sp-big{display:flex;align-items:baseline;justify-content:space-between;margin:2px 0 6px}
.sp-big strong{font-size:17px;font-weight:800;letter-spacing:-.02em}
.sp-big small{font-size:8px;font-weight:600;margin-left:1px}
.sp-big em{font-style:normal;font-size:12px;font-weight:800;color:#067d62;display:flex;align-items:center;gap:1px}
.sp-chart{display:flex;align-items:flex-end;gap:5px;height:72px;padding-bottom:12px;border-bottom:1px solid #e3e6e6;background:repeating-linear-gradient(to top,#f0f2f2 0 1px,transparent 1px 15px)}
.sp-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.sp-bar{display:block;width:100%;height:var(--h);border-radius:2px 2px 0 0;background:#ffb84d;transform-origin:50% 100%}
.sp-bar.sp-now{background:#ff9900}
.sp-col small{position:absolute;bottom:-11px;font-size:6.5px;color:#565959}
.mega:not([hidden]) .sp-bar{animation:spGrow .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i)*70ms + 120ms)}
@keyframes spGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.sp-rows{margin-top:5px}
.sp-rows li{display:flex;align-items:center;gap:5px;font-size:8px;padding:4px 0;border-bottom:1px solid #f0f2f2;color:#0f1111}
.sp-rows li>i:first-child{font-size:9px;color:#565959}
.sp-rows b{margin-left:auto;font-size:7px;color:#fff;background:#007185;border-radius:3px;padding:0 4px;line-height:11px}
.sp-rows .sp-chev{font-size:8px;color:#8d9096}
.sp-rows b:empty{display:none}
.sp-rows li>b:empty+.sp-chev{margin-left:auto}
.mega-promo-phone>span:not(.btn){display:none}
@media (prefers-reduced-motion:reduce){.mega:not([hidden]) .sp-bar{animation:none}.seller-phone{transition:none}}
/* v4.3: amazon seller wordmark baseline + hero seller phone */
.sp-brand{display:block;margin:0 auto 0 4px;font-size:13.5px;font-weight:500;line-height:13px;letter-spacing:-.01em;white-space:nowrap;color:#0f1111}
.sp-brand img{display:inline-block;width:auto;height:13px;margin:0 3px 0 0;vertical-align:-5.6px}
.sp-head{align-items:flex-start}
.sp-head>i{line-height:13px}
.hero-seller{position:absolute;left:58%;top:24%;z-index:3;width:158px;height:260px;transform:scale(1.42) rotate(4deg);transform-origin:top left}
.hero-seller .seller-phone{transform:none;box-shadow:0 2px 4px rgba(11,18,32,.08),0 30px 50px -18px rgba(11,18,32,.45),inset 0 0 0 1.5px #3a3a3a}
.hero-seller .sp-sample{top:auto;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7.5px;background:rgba(255,255,255,.85);color:#4b5565}
.hero-seller .sp-bar{animation:spGrow .9s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i)*90ms + 500ms)}
.hero-person.no-img .hero-seller{position:relative;left:auto;top:auto;margin:0 auto 140px}
@media (prefers-reduced-motion:reduce){.hero-seller .sp-bar{animation:none}}
.sp-head{gap:4px}
.sp-brand{font-size:12.5px;line-height:12px;margin:0 auto}
.sp-brand img{height:12px;margin-right:2.5px;vertical-align:-5.2px}
.sp-head>i{line-height:12px;font-size:10px}
/* v5: search, brand badges, web menu, footer */
.nav-search{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 8px 0 10px;margin-left:6px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}
.nav-search:hover{color:var(--ink);border-color:#b7e4cc;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.nav-search i{font-size:17px}
.nav-search kbd,.search kbd{font:500 11px/1 var(--font-mono,ui-monospace,monospace);padding:3px 5px;border-radius:5px;border:1px solid var(--line);background:#f6f8f7;color:var(--muted)}
html.search-open{overflow:hidden}
.search{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}
.search[hidden]{display:none}
.search-scrim{position:absolute;inset:0;background:rgba(11,18,32,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sFade .18s ease-out}
.search-panel{position:relative;width:min(720px,100%);max-height:76vh;display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(11,18,32,.45);overflow:hidden;animation:sPop .22s cubic-bezier(.22,1,.36,1);transform-origin:50% 0}
@keyframes sFade{from{opacity:0}}
@keyframes sPop{from{opacity:0;transform:translateY(-6px) scale(.985)}}
.search-bar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.search-bar>i{font-size:22px;color:var(--emerald-deep)}
.search-bar input{flex:1;border:0;outline:0;font:inherit;font-size:18px;color:var(--ink);background:none;min-width:0}
.search-bar input::-webkit-search-cancel-button{display:none}
.search-close{border:0;background:none;cursor:pointer;padding:0}
.search-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line)}
.search-chips span{font-size:12px;font-weight:600;color:var(--muted);margin-right:2px}
.search-chips button{font:inherit;font-size:13px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#f8faf9;color:var(--ink-2);cursor:pointer}
.search-chips button:hover{border-color:#a7e3c4;background:#effcf5;color:var(--emerald-deep)}
.search.has-query .search-chips{display:none}
.search-results{overflow-y:auto;padding:6px}
.search-results li a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;color:var(--ink)}
.search-results li.is-active a,.search-results li a:hover{background:#f0fdf6}
.sr-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff}
.sr-logo img{max-width:22px;max-height:18px}
.sr-logo i{font-size:18px;color:var(--emerald-deep)}
.sr-body{min-width:0;display:flex;flex-direction:column;gap:2px}
.sr-t{font-weight:600;font-size:15px}
.sr-t mark{background:rgba(190,242,100,.55);color:inherit;border-radius:3px;padding:0 1px}
.sr-d{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sr-s{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.sr-p{font-size:13px;font-weight:600;color:var(--emerald-deep);white-space:nowrap}
.search-empty{display:flex;gap:12px;align-items:center;padding:28px 18px;color:var(--ink-2)}
.search-empty i{font-size:22px;color:var(--muted)}
.search-empty a{color:var(--emerald-deep);text-decoration:underline}
.search-foot{display:flex;gap:16px;align-items:center;padding:10px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.search-foot kbd{margin-right:3px}
.search-count{margin-left:auto}
@media (max-width:1100px){.nav-search{margin-left:auto}.nav-search kbd{display:none}}
@media (prefers-reduced-motion:reduce){.search-scrim,.search-panel{animation:none}}
.svc-card{position:relative}
.svc-card-brand{position:absolute;top:18px;right:18px;display:flex;align-items:center;height:28px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:#fff}
.svc-card-brand img{height:16px;width:auto;max-width:72px}
.svc-card-brand img.is-word{height:13px}
.svc-brand{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:7px 12px 7px 9px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink-2)}
.svc-brand img{height:20px;width:auto}
.svc-brand img.is-word{height:16px}
.bchip-word img[src*="amazonads"]{height:10px;max-width:46px}
.bchip-lg.bchip-word img[src*="amazonads"]{height:13px;max-width:60px}
.partner-list .blogo-word[src*="amazonads"]{height:20px;width:auto}
.foot-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
@media (max-width:980px){.foot-cols-4{grid-template-columns:1fr 1fr}}
.nav-search{width:38px;padding:0;justify-content:center;margin-left:4px}
.nav-search kbd{display:none}
@media (min-width:1400px){.nav-btn{padding:9px 7px;gap:5px}.nav-btn .bstack{margin-right:0}.nav-btn i.ph-caret-down{font-size:12px}}
/* ===================== v6: orb-web stage ===================== */
.sec-webstage{padding:64px 0 72px;background:none;border-bottom:0}
.wst-head{max-width:760px}
.wst-stage{position:relative;margin-top:32px;border-radius:28px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 30% 50%,#13233a 0%,#0b1220 55%,#070c16 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 40px 80px -40px rgba(11,18,32,.55)}
.wst-aurora{position:absolute;inset:-20%;z-index:-1;filter:blur(60px);opacity:.75}
.wst-aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen}
.wst-aurora .a1{width:46%;height:52%;left:8%;top:18%;background:radial-gradient(circle,rgba(190,242,100,.55),transparent 65%);animation:wstDrift1 22s ease-in-out infinite alternate}
.wst-aurora .a2{width:42%;height:48%;left:42%;top:30%;background:radial-gradient(circle,rgba(16,185,129,.55),transparent 65%);animation:wstDrift2 26s ease-in-out infinite alternate}
.wst-aurora .a3{width:40%;height:44%;left:62%;top:4%;background:radial-gradient(circle,rgba(14,165,233,.5),transparent 65%);animation:wstDrift3 30s ease-in-out infinite alternate}
.wst-aurora .a4{width:36%;height:40%;left:24%;top:58%;background:radial-gradient(circle,rgba(139,92,246,.38),transparent 65%);animation:wstDrift1 34s ease-in-out infinite alternate-reverse}
@keyframes wstDrift1{to{transform:translate(8%,-6%) scale(1.12)}}
@keyframes wstDrift2{to{transform:translate(-10%,8%) scale(.92)}}
@keyframes wstDrift3{to{transform:translate(-6%,10%) scale(1.15)}}
.wst-grain{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.22) .6px,transparent .7px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 80% at 40% 50%,#000,transparent);mask-image:radial-gradient(80% 80% at 40% 50%,#000,transparent)}
.wst-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:24px;align-items:center;padding:28px 44px 28px 20px}
.wst-webbox{position:relative}
.wst-svg{display:block;width:100%;height:auto;overflow:visible}
.wst-glow{opacity:.9}
.wst-anchor{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1}
.wst-spoke{fill:none;stroke:url(#wst-silk);stroke-opacity:.55;stroke-width:1.3;stroke-linecap:round}
.wst-frame{fill:none;stroke:rgba(236,252,203,.42);stroke-width:1.2}
.wst-spiral{fill:none;stroke:url(#wst-silk);stroke-opacity:.38;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}
.wst-hub{fill:none;stroke:rgba(255,255,255,.35);stroke-width:.9}
.wst-dew{fill:#fff;opacity:.35;animation:wstGlint 4.8s ease-in-out infinite;animation-delay:calc(var(--d) * -.55s)}
@keyframes wstGlint{0%,70%,100%{opacity:.25}80%{opacity:1}}
.wst-pulse{fill:#d9f99d;opacity:0;filter:drop-shadow(0 0 5px rgba(190,242,100,.95))}
.wst-halo{fill:rgba(190,242,100,.10);stroke:rgba(190,242,100,.45);stroke-width:1;opacity:0;transition:opacity .3s}
.wst-disc{fill:#fff;stroke:rgba(255,255,255,.9);stroke-width:1.5;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.wst-node{cursor:default}
.wst-node.lit .wst-halo{opacity:1}
.wst-node:hover .wst-halo{fill:rgba(190,242,100,.22)}
.wst-node-in{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.wst-node:hover .wst-node-in{transform:scale(1.12)}
.wst-label{font-family:var(--font-body);font-size:12.5px;font-weight:500;fill:rgba(255,255,255,.82);paint-order:stroke;stroke:rgba(7,12,22,.65);stroke-width:3px}
.wst-drag{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.2}
.wst-legs{fill:none;stroke:#f8fafc;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wl{transform-box:fill-box}
.wl1,.wl2,.wl3,.wl4{transform-origin:0 0}.wl5,.wl6,.wl7,.wl8{transform-origin:100% 0}
.wst-abdomen{fill:#0b1220;stroke:#f8fafc;stroke-width:2.4}
.wst-core{fill:#0b1220;stroke:#f8fafc;stroke-width:2.6}
.wst-eye{fill:#F2542D;filter:drop-shadow(0 0 6px rgba(242,84,45,.9))}
.wst-ping{fill:none;stroke:#bef264;stroke-width:2;opacity:0}
.wst-spider.spinning .wl1,.wst-spider.spinning .wl3,.wst-spider.spinning .wl6,.wst-spider.spinning .wl8{animation:wstLegA .32s ease-in-out infinite alternate}
.wst-spider.spinning .wl2,.wst-spider.spinning .wl4,.wst-spider.spinning .wl5,.wst-spider.spinning .wl7{animation:wstLegB .32s ease-in-out infinite alternate}
@keyframes wstLegA{to{transform:rotate(-9deg)}}
@keyframes wstLegB{to{transform:rotate(9deg)}}
/* results card */
.wst-card{position:relative;padding:22px 22px 18px;border-radius:20px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04)}
.wst-card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wst-card-t{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em}
.wst-card-s{font-size:12.5px;color:var(--muted);margin-top:2px}
.wst-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--emerald-deep);background:#ecfdf5;border-radius:999px;padding:4px 9px}
.wst-live i{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:wstLive 1.8s ease-out infinite}
@keyframes wstLive{to{box-shadow:0 0 0 8px rgba(16,185,129,0)}}
.wst-chart{position:relative;height:132px;margin:16px 0 4px;border-radius:12px;background:linear-gradient(180deg,#f7fbf9,#fff);border:1px solid var(--line);padding:12px 12px 22px;overflow:hidden}
.wst-bars{position:absolute;inset:12px 12px 22px;display:flex;align-items:flex-end;gap:5px}
.wst-bars i{flex:1;height:var(--h);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#34d399,#bef264);opacity:.55;transform-origin:50% 100%}
.wst-chart svg{position:absolute;inset:12px 12px 22px;width:calc(100% - 24px);height:calc(100% - 34px)}
.wst-line{fill:none;stroke:#047857;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.wst-months{position:absolute;left:12px;right:12px;bottom:4px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.wst-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.wst-kpi{padding:10px 12px;border-radius:12px;background:#f8faf9;border:1px solid var(--line)}
.wst-kpi span{display:block;font-size:12px;color:var(--muted)}
.wst-kpi strong{display:block;font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.01em;margin-top:2px}
.wst-kpi strong.up{color:var(--emerald-deep)}
.wst-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:12.5px;color:var(--ink-2)}
.wst-chips{display:flex}
.wst-chip,.wst-more{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 2px 4px rgba(11,18,32,.08)}
.wst-chip+.wst-chip,.wst-chip+.wst-more{margin-left:-7px}
.wst-chip .blogo{width:14px;height:14px}
.wst-more{font-size:10px;font-weight:600;color:var(--ink-2)}
.wst-note{font-size:11px;color:var(--muted);margin-top:10px}
/* pre-states, gated so no-JS and reduced motion show the finished web */
html.js .wst-stage:not(.wst-done) .wst-node{opacity:0}
html.js .wst-stage:not(.wst-done) .wst-card{opacity:0;transform:translateY(24px)}
html.js .wst-stage:not(.wst-done) .wst-spider-wrap{opacity:0}
html.noanim .wst-stage .wst-node,html.noanim .wst-stage .wst-card,html.noanim .wst-stage .wst-spider-wrap{opacity:1!important;transform:none!important}
@media (max-width:1000px){.wst-grid{grid-template-columns:1fr;padding:20px}}
@media (prefers-reduced-motion:reduce){
  .wst-aurora i,.wst-dew,.wst-live i{animation:none}
  html.js .wst-stage:not(.wst-done) .wst-node,html.js .wst-stage:not(.wst-done) .wst-card,html.js .wst-stage:not(.wst-done) .wst-spider-wrap{opacity:1;transform:none}
}
/* v6.1: no transforms on logo nodes (stops hover shimmer); hover lights the ring instead */
.wst-node-in{transition:none}
.wst-node:hover .wst-node-in{transform:none}
.wst-node .wst-halo{transition:fill .25s,stroke .25s,opacity .25s}
.wst-node:hover .wst-halo{fill:rgba(190,242,100,.24);stroke:rgba(190,242,100,.9)}
.wst-node:hover .wst-disc{stroke:#bef264}
.wst-node image{image-rendering:auto}
/* v6.1: hover states never move the hovered box (moving it under the cursor caused edge jitter) */
.tile:hover,.svc:hover,.others a:hover,.incl:hover,.plan:hover,.svc-card:hover,.teaser:hover,.mega-promo:hover,.dept-links a:hover{transform:none}
.tile:hover,.svc:hover,.incl:hover,.plan:hover,.svc-card:hover,.teaser:hover{box-shadow:0 2px 4px rgba(11,18,32,.04),0 18px 36px -16px rgba(11,18,32,.22);border-color:#b7e4cc}
.mega-promo:hover .seller-phone{transform:rotate(4deg) translateY(4px)}
.mega-links li a:hover .bchip{transform:none;border-color:#a7e3c4}
.svc-card .ph,.tile .ph{backface-visibility:hidden}
/* ===================== v7: home Amazon map ===================== */
.split-amazon{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px;align-items:center}
.am-visual{position:relative;margin-right:-24px}
.am-visual::before{content:"";position:absolute;inset:4% 2%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(190,242,100,.28),rgba(167,243,208,.16) 55%,transparent 75%)}
.am-map{display:block;width:100%;height:auto;overflow:visible}
.am-spoke{stroke:#0b1220;stroke-opacity:.12;stroke-width:1.4;fill:none;transition:stroke .3s,stroke-opacity .3s}
.am-spoke.on{stroke:#10b981;stroke-opacity:.75;stroke-width:2}
.am-arc{fill:none;stroke-width:8;stroke-linecap:round;opacity:.5}
.am-arc.tone-lime{stroke:#bef264}.am-arc.tone-sky{stroke:#7dd3fc}.am-arc.tone-emerald{stroke:#6ee7b7}.am-arc.tone-violet{stroke:#c4b5fd}
.am-dept{font-family:var(--font-body);font-size:10.5px;font-weight:700;letter-spacing:.12em}
.am-dept.tone-lime{fill:#4d7c0f}.am-dept.tone-sky{fill:#0369a1}.am-dept.tone-emerald{fill:#047857}.am-dept.tone-violet{fill:#6d28d9}
.am-orbit{fill:none;stroke:#10b981;stroke-opacity:.35;stroke-width:1.2;stroke-dasharray:3 9;transform-box:fill-box;transform-origin:center}
.am-orbit-b{stroke:#0ea5e9;stroke-opacity:.22;stroke-dasharray:2 12}
.am-core-disc{fill:#fff;filter:drop-shadow(0 16px 30px rgba(16,185,129,.28))}
.am-core-ring{fill:none;stroke:url(#am-ring);stroke-width:5}
.am-ping{fill:none;stroke:#10b981;stroke-width:2;opacity:0}
.am-cap-k{font-family:var(--font-display);font-size:15px;font-weight:600;fill:var(--ink)}
.am-cap-n{font-family:var(--font-body);font-size:12.5px;font-weight:500;fill:var(--ink-2)}
.am-cap-p{font-family:var(--font-body);font-size:12.5px;font-weight:600;fill:#047857}
.am-pulse{fill:#10b981;opacity:0;filter:drop-shadow(0 0 4px rgba(16,185,129,.8))}
.am-node{cursor:pointer;outline:none}
.am-disc{fill:#fff;stroke:#dfe5ea;stroke-width:1.5;filter:drop-shadow(0 6px 12px rgba(11,18,32,.10));transition:stroke .25s,fill .25s}
.am-halo{fill:none;stroke-width:2;opacity:0;transition:opacity .25s}
.am-node.tone-lime .am-halo{stroke:#a3e635}.am-node.tone-sky .am-halo{stroke:#38bdf8}.am-node.tone-emerald .am-halo{stroke:#34d399}.am-node.tone-violet .am-halo{stroke:#a78bfa}
.am-ico{color:#047857}
.am-node.on .am-halo,.am-node:focus-visible .am-halo{opacity:1}
.am-node.on .am-disc{stroke:#10b981;fill:#f0fdf6}
.am-label{font-family:var(--font-body);font-size:13.5px;font-weight:500;fill:var(--ink-2);transition:fill .25s}
.am-label.on{fill:var(--ink);font-weight:600}
.dept-links a.is-active{background:#f0fdf6;border-color:#a7f3d0;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.dept-links a.is-active i{color:#10b981}
@media (prefers-reduced-motion:no-preference){
  .am-orbit-a{animation:amSpin 60s linear infinite}
  .am-orbit-b{animation:amSpin 120s linear infinite reverse}
}
@keyframes amSpin{to{transform:rotate(360deg)}}
html.js .am-visual:not(.am-in) .am-node,html.js .am-visual:not(.am-in) .am-label{opacity:0}
html.noanim .am-visual .am-node,html.noanim .am-visual .am-label{opacity:1!important}
@media (prefers-reduced-motion:reduce){html.js .am-visual:not(.am-in) .am-node,html.js .am-visual:not(.am-in) .am-label{opacity:1}}
@media (max-width:1000px){.split-amazon{grid-template-columns:1fr}.am-visual{margin-right:0}}
/* ===================== v7: titles and section rhythm ===================== */
.h2{max-width:30ch;letter-spacing:-.028em;text-wrap:balance}
.h2::before{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-bottom:18px;background:linear-gradient(90deg,#bef264,#10b981 55%,#0ea5e9)}
.h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#16a34a,#059669 45%,#0284c7);-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}
.p3-dark .h2 em{background:linear-gradient(90deg,#bef264,#34d399 50%,#7dd3fc);-webkit-background-clip:text;background-clip:text}
.cta-box .h2::before,.faq-head .h2::before{margin-inline:auto}
.h2+.lead,.h2+p.lead{margin-top:14px}
.lead{text-wrap:pretty}
.sec{padding:56px 0}
.sec-webstage{padding:48px 0 28px}
.sec-webstage+.sec{padding-top:36px}
.sec-webstage .wst-stage{margin-top:28px}
.bento{margin-top:28px}
.sec-amazon{padding-top:40px}
.sec .h2+.bento,.sec .h2+.lead+.bento{margin-top:28px}
/* Amazon map caption + arc labels */
.am-dept{font-size:10px;letter-spacing:.14em}
.sec{padding:42px 0}
.sec-amazon{padding-top:36px}
.sec-cta{padding-top:8px}
@media (max-width:1000px){.sec{padding:36px 0}}
/* ===================== v7: channel tiles take the marketplace theme on hover ===================== */
.tile{--t-bg:#fff;--t-fg:var(--ink);--t-mu:var(--ink-2);--t-ac:var(--emerald-deep);--t-dot:var(--emerald);--t-tagbg:#ecfdf5;--t-web:#10b981;color:var(--ink)}
.tile>*{position:relative;z-index:1}
.tile::after{z-index:0}
.tile-theme{position:absolute!important;inset:0;z-index:0!important;opacity:0;background:var(--t-bg);transition:opacity .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
.tile:hover .tile-theme,.tile:focus-visible .tile-theme{opacity:1}
.tile-name,.tile-sum,.tile-depts,.tile-link,.tile .tag{transition:color .35s,background-color .35s,border-color .35s}
.tile:hover .tile-name,.tile:focus-visible .tile-name{color:var(--t-fg)}
.tile:hover .tile-sum,.tile:hover .tile-depts,.tile:focus-visible .tile-sum{color:var(--t-mu)}
.tile:hover .tile-link,.tile:focus-visible .tile-link{color:var(--t-ac)}
.tile:hover .tag,.tile:focus-visible .tag{background:var(--t-tagbg);color:var(--t-ac)}
.tile-depts li::before{transition:background-color .35s}
.tile:hover .tile-depts li::before{background:var(--t-dot)}
.tile:hover{border-color:transparent;box-shadow:0 24px 50px -24px var(--t-shadow,rgba(11,18,32,.4))}
.tile:hover::after{opacity:0}
.tile::after{transition:opacity .45s}
/* brand themes */
.brand-amazon{--t-bg:linear-gradient(150deg,#232f3e 0%,#131921 70%);--t-fg:#fff;--t-mu:rgba(255,255,255,.78);--t-ac:#ff9900;--t-dot:#ff9900;--t-tagbg:rgba(255,153,0,.16);--t-web:#ff9900;--t-shadow:rgba(19,25,33,.6)}
.brand-walmart{--t-bg:linear-gradient(150deg,#0071dc 0%,#004f9a 100%);--t-fg:#fff;--t-mu:rgba(255,255,255,.85);--t-ac:#ffc220;--t-dot:#ffc220;--t-tagbg:rgba(255,194,32,.2);--t-shadow:rgba(0,83,166,.55)}
.brand-instacart{--t-bg:linear-gradient(150deg,#003d29 0%,#0a5c3e 100%);--t-fg:#faf1e5;--t-mu:rgba(250,241,229,.82);--t-ac:#ff7009;--t-dot:#ff7009;--t-tagbg:rgba(255,112,9,.2);--t-shadow:rgba(0,61,41,.55)}
.brand-meta{--t-bg:linear-gradient(150deg,#0866ff 0%,#0143b5 100%);--t-fg:#fff;--t-mu:rgba(255,255,255,.86);--t-ac:#fff;--t-dot:#fff;--t-tagbg:rgba(255,255,255,.18);--t-shadow:rgba(8,102,255,.5)}
.brand-google{--t-bg:linear-gradient(180deg,#4285f4 0 4px,#fff 4px) top left/25% 100% no-repeat,linear-gradient(180deg,#ea4335 0 4px,transparent 4px) 33.3% 0/25% 100% no-repeat,linear-gradient(180deg,#fbbc05 0 4px,transparent 4px) 66.6% 0/25% 100% no-repeat,linear-gradient(180deg,#34a853 0 4px,transparent 4px) 100% 0/25% 100% no-repeat,linear-gradient(160deg,#e8f0fe,#fff 60%);--t-fg:#202124;--t-mu:#5f6368;--t-ac:#1a73e8;--t-dot:#1a73e8;--t-tagbg:#e8f0fe;--t-shadow:rgba(26,115,232,.35)}
.brand-tiktok{--t-bg:radial-gradient(60% 50% at 100% 0%,rgba(37,244,238,.28),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(254,44,85,.3),transparent 70%),#010101;--t-fg:#fff;--t-mu:rgba(255,255,255,.8);--t-ac:#25f4ee;--t-dot:#fe2c55;--t-tagbg:rgba(37,244,238,.14);--t-shadow:rgba(0,0,0,.6)}
/* big tile: full Amazon logo and a real corner web */
.tile-big::after{background:none}
.tile-logo-word{width:auto;height:56px;padding:0 18px}
.tile-logo-word .blogo{height:30px;max-width:none;width:auto}
.tile-web{position:absolute!important;z-index:0!important;top:0;right:0;width:78%;height:100%;color:var(--t-web);pointer-events:none;-webkit-mask-image:radial-gradient(120% 110% at 100% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(120% 110% at 100% 0%,#000 30%,transparent 78%)}
.tile-web .tw-spokes{fill:none;stroke:currentColor;stroke-opacity:.32;stroke-width:1.1}
.tile-web .tw-spiral{fill:none;stroke:currentColor;stroke-opacity:.24;stroke-width:.9;stroke-linejoin:round}
.tile-web .tw-drag{stroke:currentColor;stroke-opacity:.5;stroke-width:1}
.tile-web .tw-legs{fill:none;stroke:#0b1220;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile-web .tw-body,.tile-web .tw-head{fill:#fff;stroke:#0b1220;stroke-width:2}
.tile-web .tw-eye{fill:#f2542d}
.tile-web .tw-spokes,.tile-web .tw-spiral{transition:stroke-opacity .45s}
.tile:hover .tile-web .tw-spokes{stroke-opacity:.5}
.tile:hover .tile-web .tw-spiral{stroke-opacity:.38}
.tile:hover .tile-web .tw-legs{stroke:#fff}
.tile:hover .tile-web .tw-body,.tile:hover .tile-web .tw-head{fill:#131921;stroke:#fff}
.tile-web .tw-legs,.tile-web .tw-body,.tile-web .tw-head{transition:fill .35s,stroke .35s}
.tile .tile-logo,.tile .tag{align-self:flex-start}
/* ===================== v8: marketplace page themes (hub + service pages) ===================== */
.theme-amazon{--b-hero:linear-gradient(150deg,#232f3e 0%,#131921 75%);--b-fg:#fff;--b-mu:rgba(255,255,255,.78);--b-ac:#ff9900;--b-deep:#c45500;--b-soft:#fff4e5;--b-soft2:#fde7c6;--b-line:#f5c98a;
  --emerald:#ff9900;--emerald-deep:#c45500;--lime:#ffd814;--sky:#146eb4;
  --grad:linear-gradient(135deg,#ffd814 0%,#ff9900 55%,#e47911 100%);--grad-cta:linear-gradient(180deg,#ffd814,#ffa41c);--b-cta-ink:#0f1111;
  --grad-soft:linear-gradient(135deg,#fff8ec 0%,#fff1dc 50%,#eef3f8 100%);--b-blob1:rgba(255,153,0,.16);--b-blob2:rgba(20,110,180,.12);--b-glow:rgba(255,153,0,.28)}
.theme-walmart{--b-hero:linear-gradient(150deg,#0071dc 0%,#004f9a 100%);--b-fg:#fff;--b-mu:rgba(255,255,255,.86);--b-ac:#ffc220;--b-deep:#0071dc;--b-soft:#e6f1fc;--b-soft2:#cfe3fa;--b-line:#9cc5f0;
  --emerald:#0071dc;--emerald-deep:#0058ad;--lime:#ffc220;--sky:#0071dc;
  --grad:linear-gradient(135deg,#ffc220 0%,#0071dc 60%,#004f9a 100%);--grad-cta:linear-gradient(180deg,#ffd146,#ffc220);--b-cta-ink:#001e60;
  --grad-soft:linear-gradient(135deg,#eef6ff 0%,#e6f1fc 55%,#fff8e1 100%);--b-blob1:rgba(0,113,220,.14);--b-blob2:rgba(255,194,32,.16);--b-glow:rgba(255,194,32,.3)}
.theme-tiktok{--b-hero:radial-gradient(55% 60% at 92% 10%,rgba(37,244,238,.26),transparent 70%),radial-gradient(50% 60% at 4% 100%,rgba(254,44,85,.3),transparent 70%),#010101;--b-fg:#fff;--b-mu:rgba(255,255,255,.8);--b-ac:#fe2c55;--b-deep:#d6194b;--b-soft:#fff0f3;--b-soft2:#ffd9e1;--b-line:#ffb3c3;
  --emerald:#fe2c55;--emerald-deep:#d6194b;--lime:#25f4ee;--sky:#25f4ee;
  --grad:linear-gradient(135deg,#25f4ee 0%,#fe2c55 100%);--grad-cta:linear-gradient(135deg,#fe2c55,#ff4f70);--b-cta-ink:#fff;
  --grad-soft:linear-gradient(135deg,#eafffe 0%,#fff 50%,#fff0f3 100%);--b-blob1:rgba(37,244,238,.14);--b-blob2:rgba(254,44,85,.13);--b-glow:rgba(37,244,238,.3)}
.theme-instacart{--b-hero:linear-gradient(150deg,#003d29 0%,#0a5c3e 100%);--b-fg:#faf1e5;--b-mu:rgba(250,241,229,.84);--b-ac:#ff7009;--b-deep:#0a7a2f;--b-soft:#faf1e5;--b-soft2:#f3e3cc;--b-line:#e8c9a3;
  --emerald:#0aad0a;--emerald-deep:#0a7a2f;--lime:#ff7009;--sky:#0aad0a;
  --grad:linear-gradient(135deg,#0aad0a 0%,#ff7009 100%);--grad-cta:linear-gradient(180deg,#ff8a33,#ff7009);--b-cta-ink:#fff;
  --grad-soft:linear-gradient(135deg,#faf1e5 0%,#eef8ec 60%,#fff 100%);--b-blob1:rgba(10,173,10,.13);--b-blob2:rgba(255,112,9,.13);--b-glow:rgba(255,112,9,.3)}
.theme-meta{--b-hero:linear-gradient(150deg,#0866ff 0%,#0143b5 100%);--b-fg:#fff;--b-mu:rgba(255,255,255,.86);--b-ac:#fff;--b-deep:#0866ff;--b-soft:#e7f0ff;--b-soft2:#cfe0ff;--b-line:#9dbdfd;
  --emerald:#0866ff;--emerald-deep:#0752d4;--lime:#7ab4ff;--sky:#0866ff;
  --grad:linear-gradient(135deg,#00c6ff 0%,#0866ff 55%,#6a3cf5 100%);--grad-cta:linear-gradient(180deg,#2d7dff,#0866ff);--b-cta-ink:#fff;
  --grad-soft:linear-gradient(135deg,#eef4ff 0%,#e7f0ff 55%,#f1ecff 100%);--b-blob1:rgba(8,102,255,.14);--b-blob2:rgba(106,60,245,.1);--b-glow:rgba(255,255,255,.22)}
.theme-google{--b-hero:linear-gradient(160deg,#e8f0fe 0%,#fff 70%);--b-fg:#202124;--b-mu:#5f6368;--b-ac:#1a73e8;--b-deep:#1a73e8;--b-soft:#e8f0fe;--b-soft2:#d2e3fc;--b-line:#aecbfa;
  --emerald:#1a73e8;--emerald-deep:#1967d2;--lime:#fbbc05;--sky:#4285f4;
  --grad:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%);--grad-cta:linear-gradient(180deg,#4a8ff5,#1a73e8);--b-cta-ink:#fff;
  --grad-soft:linear-gradient(135deg,#e8f0fe 0%,#fff 50%,#e6f4ea 100%);--b-blob1:rgba(66,133,244,.14);--b-blob2:rgba(52,168,83,.1);--b-glow:rgba(66,133,244,.2)}
.theme-linkedin{--b-hero:linear-gradient(150deg,#0a66c2 0%,#004182 100%);--b-fg:#fff;--b-mu:rgba(255,255,255,.86);--b-ac:#fff;--b-deep:#0a66c2;--b-soft:#e8f3ff;--b-soft2:#cfe5fb;--b-line:#9ccaf3;
  --emerald:#0a66c2;--emerald-deep:#004182;--lime:#70b5f9;--sky:#0a66c2;
  --grad:linear-gradient(135deg,#70b5f9 0%,#0a66c2 100%);--grad-cta:linear-gradient(180deg,#1f7ad6,#0a66c2);--b-cta-ink:#fff;
  --grad-soft:linear-gradient(135deg,#eef6ff 0%,#e8f3ff 60%,#fff 100%);--b-blob1:rgba(10,102,194,.14);--b-blob2:rgba(112,181,249,.14);--b-glow:rgba(255,255,255,.2)}
.theme-target{--b-hero:linear-gradient(150deg,#cc0000 0%,#8f0000 100%);--b-fg:#fff;--b-mu:rgba(255,255,255,.86);--b-ac:#fff;--b-deep:#cc0000;--b-soft:#fdeaea;--b-soft2:#fad2d2;--b-line:#f2a3a3;
  --emerald:#cc0000;--emerald-deep:#a30000;--lime:#ff6b6b;--sky:#cc0000;
  --grad:linear-gradient(135deg,#ff5a5a 0%,#cc0000 100%);--grad-cta:linear-gradient(180deg,#e01a1a,#cc0000);--b-cta-ink:#fff;
  --grad-soft:linear-gradient(135deg,#fff3f3 0%,#fdeaea 60%,#fff 100%);--b-blob1:rgba(204,0,0,.12);--b-blob2:rgba(255,107,107,.12);--b-glow:rgba(255,255,255,.2)}
.theme-shopify{--b-hero:linear-gradient(150deg,#004c3f 0%,#008060 100%);--b-fg:#fff;--b-mu:rgba(255,255,255,.86);--b-ac:#95bf47;--b-deep:#008060;--b-soft:#eef7e6;--b-soft2:#dcefcb;--b-line:#b8dc95;
  --emerald:#008060;--emerald-deep:#006e52;--lime:#95bf47;--sky:#008060;
  --grad:linear-gradient(135deg,#95bf47 0%,#008060 100%);--grad-cta:linear-gradient(180deg,#a8cc5f,#95bf47);--b-cta-ink:#002e25;
  --grad-soft:linear-gradient(135deg,#f4fbec 0%,#eef7e6 55%,#e6f4f0 100%);--b-blob1:rgba(149,191,71,.16);--b-blob2:rgba(0,128,96,.12);--b-glow:rgba(149,191,71,.3)}
/* ambient background follows the brand */
.themed::before{background:radial-gradient(40% 35% at 15% 20%,var(--b-blob1),transparent 70%),radial-gradient(40% 35% at 85% 60%,var(--b-blob2),transparent 70%)!important}
.themed::after{background:radial-gradient(35% 30% at 60% 90%,var(--b-blob1),transparent 70%)!important;opacity:.7}
.themed ::selection{background:var(--b-soft2)}
/* hero becomes the brand panel */
.themed .hero-channel{background:var(--b-hero);color:var(--b-fg)}
.themed .hero-channel::before{background:radial-gradient(45% 60% at 80% 35%,var(--b-glow),transparent 70%)!important;opacity:.9}
.themed .hero-channel .h1,.themed .hero-channel h1{color:var(--b-fg)}
.themed .hero-channel .h1 em,.themed .hero-channel h1 em{color:var(--b-ac);-webkit-text-fill-color:var(--b-ac)}
.themed .hero-channel .lead,.themed .hero-channel .hero-lead{color:var(--b-mu)}
.themed .hero-channel .crumbs,.themed .hero-channel .crumbs a,.themed .hero-channel .crumbs span{color:var(--b-mu)}
.themed .hero-channel .crumbs a:hover{color:var(--b-fg)}
.themed .hero-channel .btn-ghost{background:rgba(255,255,255,.08);color:var(--b-fg);border-color:rgba(255,255,255,.35)}
.themed .hero-channel .btn-ghost:hover{background:rgba(255,255,255,.16)}
.theme-google .hero-channel .btn-ghost{background:#fff;color:#202124;border-color:#dadce0}
.themed .hero-channel .hero-visual{background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 60px -28px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08)}
.theme-google .hero-channel .hero-visual{box-shadow:0 24px 50px -26px rgba(26,115,232,.45),0 0 0 1px #dadce0}
.themed .hero-channel .svc-brand{background:rgba(255,255,255,.95)}
.themed .hero-channel .tag{background:rgba(255,255,255,.14);color:var(--b-fg)}
/* buttons and accents */
.themed .btn-primary{background:var(--grad-cta);color:var(--b-cta-ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 10px 24px -12px var(--b-glow)}
.themed .btn-primary:hover{box-shadow:0 2px 4px rgba(0,0,0,.08),0 14px 30px -12px var(--b-glow)}
.themed .tag{background:var(--b-soft);color:var(--emerald-deep)}
.themed .tabs a.active{color:var(--emerald-deep);background:var(--b-soft)}
.themed .plan-popular{border-color:var(--b-line);box-shadow:0 1px 2px rgba(0,0,0,.04),0 20px 44px -18px var(--b-glow)}
.themed .h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text}
.themed .cta-box{background:var(--grad-soft);border-color:var(--b-line)}
.themed .faq summary:hover,.themed .faq[open] summary{color:var(--emerald-deep)}
.themed .svc-card:hover,.themed .incl:hover,.themed .plan:hover,.themed .tile:hover{border-color:var(--b-line)}
.themed .dept-links a:hover,.themed .search-results li.is-active a{background:var(--b-soft);border-color:var(--b-line)}
.themed .sec-alt,.themed .proof-strip{background-color:transparent}
.themed .proof-strip{background:linear-gradient(180deg,var(--b-soft),#fff)}
.themed .proof-strip i,.themed .proof-strip .ph{color:var(--emerald-deep)}
.theme-meta .hero-channel .btn-primary{background:#fff;color:#0866ff}
.theme-linkedin .hero-channel .btn-primary{background:#fff;color:#0a66c2}
.theme-target .hero-channel .btn-primary{background:#fff;color:#cc0000}
.themed .h2::before{background:var(--grad)}
.themed .sec-process,.themed .sec-os,.themed .sec-teaser,.themed .sec-tool,.themed .sec-plans{background:linear-gradient(135deg,var(--b-soft),rgba(255,255,255,.6) 55%,var(--b-soft))}
.themed .dept-sec:nth-of-type(even){background:linear-gradient(135deg,var(--b-soft),rgba(255,255,255,.7))}
.themed .site-foot{background:linear-gradient(180deg,rgba(255,255,255,.7),var(--b-soft))}
.themed .cta-box::before{background:radial-gradient(40% 70% at 95% 20%,var(--b-glow),transparent 70%)}
.themed .thread{background:var(--grad)}
/* funnel layers in brand tints */
.theme-amazon{--f1:#fff3d6;--f2:#ffe2ad;--f3:#ffcf80;--f4:#d6e4f0}
.theme-walmart{--f1:#fff3c9;--f2:#d7e9fb;--f3:#b5d6f7;--f4:#94c2f2}
.theme-tiktok{--f1:#d9fdfc;--f2:#e8f7ff;--f3:#ffe0e7;--f4:#ffc7d3}
.theme-instacart{--f1:#faf1e5;--f2:#ffe1c7;--f3:#d6f0d3;--f4:#bfe6bb}
.theme-meta{--f1:#e3edff;--f2:#cfe0ff;--f3:#b9d1ff;--f4:#e3dafd}
.theme-google{--f1:#d2e3fc;--f2:#fce8e6;--f3:#fef7e0;--f4:#e6f4ea}
.theme-linkedin{--f1:#e8f3ff;--f2:#d3e8fc;--f3:#bcdcfa;--f4:#a5cff7}
.theme-target{--f1:#fdeaea;--f2:#fbd5d5;--f3:#f8bfbf;--f4:#f5a9a9}
.theme-shopify{--f1:#eef7e6;--f2:#dcefcb;--f3:#c9e6b0;--f4:#cde9e0}
.themed .funnel .funnel-row:nth-child(1) path{fill:var(--f1)}
.themed .funnel .funnel-row:nth-child(2) path{fill:var(--f2)}
.themed .funnel .funnel-row:nth-child(3) path{fill:var(--f3)}
.themed .funnel .funnel-row:nth-child(4) path{fill:var(--f4)}
/* ===================== v9: all-in-one hero phone ===================== */
.sp-screen{display:flex;flex-direction:column}
.sp-views{position:relative;flex:1;overflow:hidden}
.sp-view{position:absolute;inset:0;opacity:0;transform:translateX(14px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}
.sp-view.on{opacity:1;transform:none;pointer-events:auto}
.sp-view.off{opacity:0;transform:translateX(-14px)}
.seller-viz .sp-view{position:relative;opacity:1;transform:none}
.sv-head{display:flex;align-items:center;gap:5px;margin:4px -9px 7px;padding:5px 9px;font-size:10.5px;font-weight:700;color:#fff}
.sv-head span{flex:1}
.sv-head>i{font-size:11px;opacity:.85}
.sv-head img{width:13px;height:13px;object-fit:contain}
.sv-walmart{background:#0071dc}
.sv-instacart{background:#003d29;color:#faf1e5}
.sv-google{background:#fff;color:#202124;border-bottom:1px solid #e8eaed;font-weight:600}
.sv-meta{background:#fff;color:#1c2b33;border-bottom:1px solid #e4e6eb}
.sv-spider{background:#0b1220}
.sv-spider em{font-style:normal;font-size:8px;font-weight:600;color:#bef264;background:rgba(190,242,100,.14);border-radius:999px;padding:1px 6px}
.sv-mark svg{width:13px;height:13px;display:block}
.sv-mark svg *{stroke:#fff}
.v-walmart .sp-bar{background:#7fb6ee}.v-walmart .sp-bar.sp-now{background:#ffc220}
.v-walmart .sp-big em{color:#0071dc}
.v-instacart .sp-bar{background:#8fd18f}.v-instacart .sp-bar.sp-now{background:#ff7009}
.v-instacart .sp-big em{color:#0a7a2f}
.v-meta .sp-bar{background:linear-gradient(180deg,#5b9bff,#b3d0ff)}.v-meta .sp-bar.sp-now{background:linear-gradient(180deg,#0866ff,#4d8dff)}
.v-meta .sp-big em{color:#0866ff}
.v-google .sp-big em{color:#188038}
.sp-val{margin-left:auto;font-style:normal;font-weight:700;font-size:8px;color:#0f1111}
.sp-val+.sp-chev{margin-left:3px}
.sv-line{display:block;padding:4px 0 6px}
.sv-line svg{width:100%;height:64px;display:block}
.sv-area{fill:rgba(66,133,244,.14)}
.sv-ln{fill:none;stroke:#1a73e8;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:260;stroke-dashoffset:260}
.sp-view.on .sv-ln{animation:svDraw 1.1s .2s cubic-bezier(.22,1,.36,1) forwards}
@keyframes svDraw{to{stroke-dashoffset:0}}
.so-list{margin:2px 0 6px;display:flex;flex-direction:column;gap:5px}
.so-list li{display:grid;grid-template-columns:11px 40px 1fr auto;align-items:center;gap:5px;font-size:8px;color:#0f1111}
.so-list img{width:11px;height:11px;object-fit:contain}
.so-n{font-weight:600}
.so-bar{height:6px;border-radius:3px;background:#eef1f4;overflow:hidden}
.so-bar i{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,#bef264,#10b981);transform-origin:0 50%}
.sp-view.on .so-bar i{animation:soGrow .9s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*80ms + 150ms)}
.so-list li:nth-child(1) .so-bar i{--i:0}.so-list li:nth-child(2) .so-bar i{--i:1}.so-list li:nth-child(3) .so-bar i{--i:2}.so-list li:nth-child(4) .so-bar i{--i:3}.so-list li:nth-child(5) .so-bar i{--i:4}
@keyframes soGrow{from{transform:scaleX(0)}}
.so-list b{font-size:8px}
.so-foot{display:flex;justify-content:space-between;gap:4px;padding-top:5px;border-top:1px solid #eef1f4;font-size:7.5px;color:#565959}
.so-foot b{color:#047857}
/* bars replay each time a screen comes on */
.hero-seller .sp-bar{animation:none}
.hero-seller .sp-view.on .sp-bar{animation:spGrow .8s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i)*60ms + 150ms)}
/* tabs under the phone */
.sp-tabs{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);display:flex;gap:3px;padding:3px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 4px 12px -4px rgba(11,18,32,.25)}
.sp-tab{display:grid;place-items:center;width:17px;height:17px;padding:0;border-radius:50%;border:1px solid transparent;background:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}
.sp-tab img,.sp-tab svg{width:10px;height:10px;object-fit:contain}
.sp-tab.on{border-color:#10b981;background:#f0fdf6}
.hero-seller .sp-sample{bottom:-46px}
@media (prefers-reduced-motion:reduce){.sp-view{transition:opacity .2s;transform:none!important}.hero-seller .sp-view.on .sp-bar,.sp-view.on .so-bar i{animation:none}.sv-ln{stroke-dashoffset:0}}
/* ===================== v9: marketplaces menu web ===================== */
.mp-web{width:100%;height:auto;display:block}
.mp-spokes{fill:none;stroke:#0b1220;stroke-opacity:.16;stroke-width:.8}
.mp-spiral{fill:none;stroke:#10b981;stroke-opacity:.45;stroke-width:.7;stroke-linejoin:round}
.mp-node{fill:#fff;stroke:#d6dbe1;stroke-width:1;filter:drop-shadow(0 2px 3px rgba(11,18,32,.12))}
.mp-hub-glow{fill:rgba(190,242,100,.35)}
.mp-hub{fill:#fff;stroke:#10b981;stroke-width:2}
.mp-hub-t{font-family:var(--font-display);font-size:8px;font-weight:600;fill:#047857}
.mp-pulse{fill:#10b981;opacity:0}
@media (prefers-reduced-motion:reduce){.mp-pulse{display:none}}
.mp-hub-t{paint-order:stroke;stroke:#fff;stroke-width:3px}
/* v10: hook dots are buttons with a timer fill; tighter hero bottom */
.hook-dots{gap:6px;margin-top:-6px}
.hook-dot{position:relative;width:28px;height:16px;padding:0;border:0;background:none;cursor:pointer}
.hook-dot i{position:absolute;left:0;right:0;top:6px;height:4px;border-radius:2px;background:var(--line-2);overflow:hidden;transform:none!important}
.hook-dot i::after{content:"";position:absolute;inset:0;background:var(--emerald);transform:scaleX(0);transform-origin:left}
.hook-dot.active i::after{animation:hookFill var(--hook-ms,3400ms) linear forwards}
.hook-dot:hover i{background:#b9c2cc}
@keyframes hookFill{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.hook-dot.active i::after{animation:none;transform:none}}
.hero-home{padding-bottom:8px}
.hero-home .hero-person{margin-bottom:-8px}
.hooks{min-height:0;font-size:clamp(38px,4.1vw,62px)}
.hooks .line{display:block;white-space:nowrap}
.h1-seo{font-size:clamp(38px,4.1vw,62px)}
.hook-subs{display:grid;margin:14px 0 0;min-height:1.6em}
.hook-sub{grid-area:1/1;display:flex;align-items:center;gap:8px;font-size:16.5px;font-weight:500;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}
.hook-sub.active{opacity:1;transform:none}
.hook-sub i{font-size:19px;color:var(--emerald-deep);flex:none}
html:not(.js) .hook-subs{display:none}
.hero-home .hero-lead{margin-top:14px}
@media (prefers-reduced-motion:reduce){.hook-sub{transition:opacity .2s;transform:none}}
.hero-home .hero-copy .hero-lead{margin-top:10px!important}
.hook-subs{margin-bottom:0}
/* v11: ask an AI */
.ask-box{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px 48px;align-items:center;padding:40px 44px;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f6fbf8 60%,#eef6fd 100%);border:1px solid var(--line);box-shadow:var(--shadow)}
.ask-btns{display:flex;flex-direction:column;gap:12px}
.ask-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);transition:border-color .2s,box-shadow .2s,background-color .2s}
.ask-btn img{width:26px;height:26px;object-fit:contain}
.ask-btn i{margin-left:auto;color:var(--muted);font-size:18px;transition:color .2s}
.ask-chatgpt:hover{border-color:#10a37f;box-shadow:0 0 0 3px rgba(16,163,127,.12)}
.ask-claude:hover{border-color:#d97757;box-shadow:0 0 0 3px rgba(217,119,87,.14)}
.ask-perplexity:hover{border-color:#1fb8cd;box-shadow:0 0 0 3px rgba(31,184,205,.14)}
.ask-btn:hover i{color:var(--ink)}
.ask-q{grid-column:1/-1;display:flex;gap:10px;align-items:baseline;margin:4px 0 0;padding-top:16px;border-top:1px dashed var(--line-2);font-size:13.5px;color:var(--muted)}
.ask-q span{flex:none;font-weight:600;color:var(--ink-2)}
@media (max-width:900px){.ask-box{grid-template-columns:1fr;padding:28px}.ask-q{flex-direction:column;gap:2px}}
/* v12: bigger Amazon map */
.split-amazon{grid-template-columns:minmax(0,.86fr) minmax(0,1.24fr);gap:28px;align-items:center}
.am-visual{margin:0 -64px 0 -12px}
.am-label{font-size:15px}
.am-dept{font-size:11px}
.am-cap-k{font-size:17px}
.am-cap-n,.am-cap-p{font-size:13.5px}
.split-amazon .dept-links a{padding:11px 12px;gap:10px;font-size:14.5px}
@media (max-width:1366px){.am-visual{margin-right:-32px}}
@media (max-width:1000px){.am-visual{margin:0}}
.am-visual svg.am-map{max-width:none;width:100%}
@media (max-width:1366px){.am-visual{margin-right:-12px}}
.split-amazon .dept-links{gap:8px}
.split-amazon .dept-links a{padding:11px 11px;gap:9px;font-size:14px}
.split-amazon .dept-links a span{white-space:nowrap}
.split-amazon .dept-links a small{font-size:12px}
.split-amazon .dept-links i{font-size:18px}
/* ===================== v13: n8n-style process workflow ===================== */
.sec-flow{padding-top:40px}
.flow-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 48px;align-items:end;margin-bottom:22px}
.flow-head .lead{margin:0}
.wf-canvas{border-radius:20px;overflow:hidden;background:radial-gradient(70% 90% at 20% 0%,#16233a 0%,#0d1422 55%,#0a0f1a 100%);border:1px solid #1e2738;box-shadow:0 30px 60px -36px rgba(11,18,32,.7)}
.wf-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid #1e2738;background:rgba(255,255,255,.02);color:#cbd5e1;font-size:13.5px}
.wf-name{display:flex;align-items:center;gap:8px;color:#94a3b8}
.wf-name .brand-mark svg{width:18px;height:18px}.wf-name .brand-mark svg *{stroke:#e2e8f0}
.wf-name b{color:#f8fafc;font-weight:600;margin-left:4px}
.wf-status{margin-left:auto;display:flex;align-items:center;gap:8px;color:#94a3b8}
.wf-status i{width:8px;height:8px;border-radius:50%;background:#475569}
.wf-canvas.is-running .wf-status i{background:#fbbf24;box-shadow:0 0 0 0 rgba(251,191,36,.6);animation:wstLive 1.2s ease-out infinite}
.wf-canvas.is-done .wf-status i{background:#34d399}
.wf-canvas.is-done .wf-status{color:#a7f3d0}
.wf-run{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:9px;border:1px solid #f87171;background:#ef4444;color:#fff;font:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:background-color .2s}
.wf-run:hover{background:#dc2626}
.wf-run:disabled{opacity:.55;cursor:default}
.wf-scroll{overflow-x:auto}
.wf-svg{display:block;width:100%;min-width:900px;height:auto}
.wf-edge{fill:none;stroke:#334155;stroke-width:2;stroke-linecap:round}
.wf-edge.done{stroke:#34d399;stroke-dasharray:6 7;animation:wfFlow 1.2s linear infinite}
@keyframes wfFlow{to{stroke-dashoffset:-26}}
.wf-loop{fill:none;stroke:#8b5cf6;stroke-width:1.8;stroke-dasharray:4 6;opacity:.35}
.wf-canvas.is-done .wf-loop{opacity:.9;animation:wfFlow 1.6s linear infinite}
.wf-loop-t{font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.06em;fill:#a78bfa;text-transform:uppercase}
.wf-node rect,.wf-node>circle{fill:#151c2b;stroke:#2b3548;stroke-width:1.5;transition:stroke .3s,fill .3s}
.wf-main rect:first-child{fill:#172033}
.wf-node .wf-tile{stroke:none}
.wf-ico{color:#fff}
.wf-trigger rect{fill:#1d2638}
.wf-trigger .wf-ico,.wf-end .wf-ico{color:#fbbf24}
.wf-end .wf-ico{color:#bef264}
.wf-title{font-family:var(--font-display);font-size:16px;font-weight:600;fill:#f8fafc}
.wf-lead{font-family:var(--font-body);font-size:12px;fill:#94a3b8}
.wf-cap{font-family:var(--font-body);font-size:12px;font-weight:600;fill:#cbd5e1}
.wf-sub-t{font-family:var(--font-body);font-size:12.5px;fill:#cbd5e1}
.wf-dot{fill:none!important;stroke:#475569!important;stroke-width:1.6!important}
.wf-spin{fill:none;stroke:#fbbf24;stroke-width:2;stroke-linecap:round;opacity:0;transform-box:fill-box}
.wf-tick{fill:none;stroke:#0b1220;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.wf-ai{fill:rgba(139,92,246,.22)!important;stroke:#8b5cf6!important;stroke-width:1!important}
.wf-ai-t{font-family:var(--font-body);font-size:9.5px;font-weight:700;fill:#c4b5fd}
.wf-is-ai rect:first-child{stroke:#3b2f63}
.wf-ok{opacity:0;transition:opacity .3s}
.wf-ok circle{fill:#22c55e;stroke:#0d1422;stroke-width:2}
.wf-ok path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wf-token{fill:#d9f99d;opacity:0}
/* states */
.wf-node.run rect:first-child,.wf-node.run>circle{stroke:#fbbf24}
.wf-node.run .wf-spin{opacity:1;animation:wfSpin .6s linear infinite;transform-origin:0 100%}
@keyframes wfSpin{to{transform:rotate(360deg)}}
.wf-node.ok rect:first-child,.wf-node.ok>circle{stroke:#34d399}
.wf-sub.ok rect:first-child{fill:#13261f}
.wf-sub.ok .wf-dot{fill:#34d399!important;stroke:#34d399!important}
.wf-sub.ok .wf-tick{opacity:1}
.wf-sub.ok .wf-sub-t{fill:#f1f5f9}
.wf-node.ok .wf-ok{opacity:1}
.wf-is-ai.ok rect:first-child{fill:#1d1838;stroke:#8b5cf6}
.wf-is-ai.ok .wf-dot{fill:#8b5cf6!important;stroke:#8b5cf6!important}
.wf-end.ok>circle{fill:#1b2e14;stroke:#bef264;stroke-width:2}
@media (max-width:1000px){.flow-head{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wf-edge.done,.wf-canvas.is-done .wf-loop{animation:none}.wf-node.run .wf-spin{animation:none}}
.wf-sub-t{font-size:12px}
.wf-main.tone-lime .wf-tile{fill:#65a30d}.wf-main.tone-emerald .wf-tile{fill:#059669}.wf-main.tone-sky .wf-tile{fill:#0284c7}
.wf-ico{fill:currentColor}
.wf-ico *{fill:currentColor}
/* ===================== v14: LTV cohorts ===================== */
.ltv-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 48px;align-items:end;margin-bottom:24px}
.ltv-head .lead{margin:0}
.ltv-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
.ltv-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}
.ltv-card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:12px}
.ltv-card-h b{display:block;font-family:var(--font-display);font-size:16px;color:var(--ink);font-weight:600}
.lc-keys{display:flex;gap:8px;margin-bottom:10px}
.lc-key-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:600}
.lc-grid{display:grid;grid-template-columns:62px repeat(12,minmax(0,1fr));gap:3px}
.lc-h{font-size:11px;font-weight:600;color:var(--muted);display:grid;place-items:center;height:22px;border-radius:5px}
.lc-h.lc-key{background:#fef3c7;color:#92400e}
.lc-row{justify-content:start;place-items:center start;padding-left:2px;white-space:nowrap}
.lc-c{position:relative;display:grid;place-items:center;height:26px;border-radius:5px;font-size:10.5px;font-weight:600;color:#065f46;background:rgba(16,185,129,calc(var(--a) * .85 + .06));opacity:0;transition:opacity .45s ease,box-shadow .4s ease;transition-delay:calc(var(--d) * 45ms)}
.lc-c.lc-m0{background:#eef2f6;color:var(--muted)}
.lc-empty{background:transparent}
.ltv-grid.in .lc-c{opacity:1}
.ltv-grid.keyed .lc-c.lc-key{box-shadow:inset 0 0 0 2px #f59e0b}
.lc-scale{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:var(--muted)}
.lc-scale i{flex:0 0 140px;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(16,185,129,.06),rgba(16,185,129,.9))}
.ltv-side{display:flex;flex-direction:column;gap:14px}
.ltv-svg{width:100%;height:auto;display:block}
.ltv-grid line{stroke:#eef1f4}.ltv-grid text,.ltv-ax{font-size:10px;fill:var(--muted);font-family:var(--font-body)}
.ltv-svg .ltv-grid line{stroke:#eef1f4}
.ltv-area{fill:url(#ltv-fill);opacity:0;transition:opacity .8s ease .6s}
.ltv-line{fill:none;stroke:#047857;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1) .2s}
.ltv-cac{stroke:#ef4444;stroke-width:1.5;stroke-dasharray:5 5}
.ltv-cac-t{font-size:10.5px;font-weight:600;fill:#dc2626;font-family:var(--font-body)}
.ltv-pay{opacity:0;transition:opacity .5s ease 1.5s}
.ltv-pay line{stroke:#f59e0b;stroke-width:1.5;stroke-dasharray:3 4}
.ltv-pay circle{fill:#f59e0b;stroke:#fff;stroke-width:2}
.ltv-pay text{font-size:11px;font-weight:700;fill:#92400e;font-family:var(--font-body)}
.ltv-grid.in .ltv-line{stroke-dashoffset:0}.ltv-grid.in .ltv-area,.ltv-grid.in .ltv-pay{opacity:1}
.ltv-insights{display:flex;flex-direction:column;gap:10px}
.ltv-insights li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:14px;color:var(--ink-2);line-height:1.5}
.ltv-insights i{font-size:22px;color:#d97706;flex:none;margin-top:1px}
.ltv-insights b{color:var(--ink)}
@media (max-width:1000px){.ltv-head,.ltv-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lc-c,.ltv-line,.ltv-area,.ltv-pay{transition:none}}
.ltv-svg line.ltv-cac{stroke:#ef4444}
.ltv-svg text.ltv-cac-t{fill:#dc2626}
.ltv-svg .ltv-pay line{stroke:#f59e0b}
.ltv-svg .ltv-pay text{fill:#92400e}
/* ===================== v14: flywheel with SpiderOS AI core ===================== */
.fly-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.fly-visual svg.flywheel-ai{width:100%;max-width:520px;display:block;margin-inline:auto;overflow:visible}
.fw-orbit{fill:none;stroke:#cbd5e1;stroke-width:1;stroke-dasharray:2 7}
.fw-chev{fill:none;stroke:#94a3b8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fw-seg path{fill:#f1f5f4;stroke:#fff;stroke-width:3;transition:fill .5s ease,filter .5s ease}
.fw-seg:nth-of-type(1) path{fill:#ecfccb}.fw-seg:nth-of-type(3) path{fill:#dcfce7}.fw-seg:nth-of-type(5) path{fill:#ccfbf1}
.fw-seg:nth-of-type(7) path{fill:#e0f2fe}.fw-seg:nth-of-type(9) path{fill:#d1fae5}.fw-seg:nth-of-type(11) path{fill:#f7fee7}
.fw-seg text{font-family:var(--font-display);font-size:14px;font-weight:600;fill:var(--ink);transition:fill .4s}
.fw-ico{color:#047857;transition:color .4s}.fw-ico *{fill:currentColor}
.fw-seg.on path{fill:#10b981;filter:drop-shadow(0 10px 18px rgba(16,185,129,.35))}
.fw-seg.on text{fill:#fff}.fw-seg.on .fw-ico{color:#fff}
.fw-beam{stroke:#10b981;stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .4s}
.fw-beam.on{opacity:1;stroke-dasharray:4 5;animation:wfFlow .9s linear infinite}
.fw-glow{fill:url(#fw-glow)}
.fw-disc{fill:#0b1220}
.fw-ring{fill:none;stroke:url(#fw-ring);stroke-width:5;stroke-dasharray:60 18}
@media (prefers-reduced-motion:no-preference){.fw-ring{animation:amSpin 14s linear infinite}}
.fw-core svg [stroke]{stroke:#fff}
.fw-k{font-family:var(--font-display);font-size:19px;font-weight:700;fill:#fff;letter-spacing:-.01em}
.fw-act{font-family:var(--font-body);font-size:12.5px;font-weight:600;fill:#bef264;transition:opacity .3s}
.fw-act.swap{opacity:0}
.fw-24{font-family:var(--font-body);font-size:10.5px;fill:#94a3b8;letter-spacing:.04em}
.fw-comet{fill:#10b981;filter:drop-shadow(0 0 6px rgba(16,185,129,.9))}
@media (prefers-reduced-motion:reduce){.fw-comet{display:none}}
.fw-list-wrap{width:100%}
.fw-list-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--emerald-deep);margin-bottom:10px}
.fw-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fw-list li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);transition:border-color .35s,box-shadow .35s,background-color .35s}
.fw-list li i{font-size:20px;color:var(--emerald-deep);margin-top:2px;flex:none}
.fw-list b{display:block;font-size:14px;color:var(--ink)}
.fw-list em{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--emerald-deep)}
.fw-list small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:2px}
.fw-list li.on{border-color:#6ee7b7;background:#f0fdf6;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
@media (max-width:1000px){.fly-grid{grid-template-columns:1fr}.fw-list{grid-template-columns:1fr}}
.fw-seg:nth-of-type(1) path{fill:#ecfccb}.fw-seg:nth-of-type(2) path{fill:#dcfce7}.fw-seg:nth-of-type(3) path{fill:#ccfbf1}
.fw-seg:nth-of-type(4) path{fill:#e0f2fe}.fw-seg:nth-of-type(5) path{fill:#d1fae5}.fw-seg:nth-of-type(6) path{fill:#f7fee7}
.fw-seg.on path{fill:#10b981!important}
.fw-ico{color:#065f46;opacity:1}
/* v14: SpiderOS Ads AI panel */
.ai-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}
.ai-levels{position:relative;display:flex;flex-direction:column;gap:6px;counter-reset:lv}
.ai-levels::before{content:"";position:absolute;left:19px;top:16px;bottom:16px;width:2px;background:linear-gradient(#e2e8f0,#e2e8f0)}
.ai-lv{position:relative;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:7px 10px 7px 0;border-radius:10px;transition:background-color .3s;padding-left:calc(var(--i) * 6px)}
.ai-lv>i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:18px;color:#047857;position:relative;z-index:1;transition:border-color .3s,background-color .3s,color .3s}
.ai-lv-n b{display:block;font-size:13.5px}
.ai-lv-n small{display:block;font-size:11.5px;color:var(--muted)}
.ai-freq{grid-column:3;grid-row:1;font-size:10.5px;font-weight:600;color:#6d28d9;background:#f3efff;border-radius:999px;padding:2px 8px;white-space:nowrap}
.ai-st{grid-column:3;grid-row:2;justify-self:end;font-size:11px;font-weight:600;color:var(--muted);height:16px}
.ai-st em{font-style:normal;display:none;color:#b45309}
.ai-st i{display:none;color:#059669;font-size:14px}
.ai-lv.scan{background:#fffbeb}
.ai-lv.scan>i{border-color:#f59e0b;background:#fef3c7;color:#b45309;box-shadow:0 0 0 4px rgba(245,158,11,.15)}
.ai-lv.scan .ai-st em{display:inline}
.ai-lv.done>i{border-color:#6ee7b7;background:#ecfdf5}
.ai-lv.done .ai-st i{display:inline}
.ai-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.ai-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ai-stats div{padding:8px 10px;border-radius:10px;background:#f6f8f7;border:1px solid var(--line)}
.ai-stats strong{display:block;font-family:var(--font-display);font-size:19px;font-weight:600}
.ai-stats span{font-size:10.5px;color:var(--muted)}
.ai-feed{position:relative;height:236px;overflow:hidden;display:flex;flex-direction:column;gap:6px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.ai-feed li{display:grid;grid-template-columns:40px auto 1fr;gap:6px;align-items:baseline;padding:7px 9px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--ink-2);animation:aiIn .45s cubic-bezier(.22,1,.36,1)}
.ai-feed time{font-weight:600;color:#047857;font-variant-numeric:tabular-nums}
.ai-feed .lvl{font-size:10px;font-weight:700;color:#6d28d9;background:#f3efff;border-radius:5px;padding:1px 6px;white-space:nowrap}
@keyframes aiIn{from{opacity:0;transform:translateY(-8px)}}
@media (max-width:900px){.ai-wrap{grid-template-columns:1fr}}
.ai-wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.ai-lv{grid-template-rows:auto;padding-top:5px;padding-bottom:5px}
.ai-lv>i{grid-row:1;width:34px;height:34px;font-size:16px}
.ai-lv-n small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-st{position:absolute;left:calc(var(--i) * 6px + 24px);top:0;grid-column:auto;grid-row:auto;height:auto}
.ai-st em{display:none!important}
.ai-st i{display:none;width:16px;height:16px;border-radius:50%;background:#10b981;color:#fff!important;font-size:10px!important;place-items:center}
.ai-lv.done .ai-st i{display:grid}
.ai-feed{height:250px}
.ai-stats span{white-space:nowrap}
/* v14: rank climb infographic */
.rank-card{padding:0;overflow:hidden}
.rk{--H:400px;display:flex;flex-direction:column}
.rk-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#131921;color:#fff;font-size:14px}
.rk-bar span{flex:1;background:#fff;color:#0f1111;border-radius:6px;padding:6px 10px;font-weight:500}
.rk-bar i{font-size:18px;color:#ff9900}
.rk-mk{font-style:normal;font-size:12px;color:#c7cbd1}
.rk-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;padding:14px 16px}
.rk-ladder{position:relative;height:var(--H);border-radius:12px;background:#f8faf9;border:1px solid var(--line);overflow:hidden}
.rk-band{position:absolute;left:0;right:0;top:calc((var(--p) - 1) * var(--H) / 3);height:calc(var(--H) / 3);border-bottom:1px dashed #d6dbe1}
.rk-band b{position:absolute;right:8px;top:6px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}
.rk-p1{background:linear-gradient(180deg,rgba(190,242,100,.35),rgba(190,242,100,.08))}
.rk-p1 b{color:#047857}
.rk-ghost{position:absolute;left:10px;right:60px;top:calc((var(--y) - 1) / 48 * (var(--H) - 26px) + 6px);height:14px;border-radius:4px;background:linear-gradient(90deg,#e8ecf0 30px,transparent 30px,transparent 38px,#eef1f4 38px);opacity:.8}
.rk-me{position:absolute;left:8px;right:8px;z-index:2;top:calc((var(--y) - 1) / 48 * (var(--H) - 46px));display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:#fff;border:2px solid #10b981;box-shadow:0 10px 24px -10px rgba(16,185,129,.55);transition:top 1.4s cubic-bezier(.65,0,.35,1)}
.rk-thumb{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ecfdf5;color:#047857;font-size:17px}
.rk-me-t{flex:1;line-height:1.15}
.rk-me-t b{display:block;font-size:13px}
.rk-page{font-size:11px;color:var(--muted)}
.rk-pos{font-family:var(--font-display);font-size:22px;font-weight:700;color:#047857;font-variant-numeric:tabular-nums}
.rk-me.top{border-color:#f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.15),0 12px 26px -10px rgba(245,158,11,.6)}
.rk-me.top .rk-pos{color:#b45309}
.rk-goal{position:absolute;left:50%;top:-30px;transform:translateX(-50%);font-size:11px;font-weight:700;color:#b45309;background:#fef3c7;border-radius:999px;padding:3px 10px;transition:top .5s cubic-bezier(.22,1,.36,1)}
.rk-ladder.won .rk-goal{top:calc(var(--H) / 3 - 30px)}
.rk-boosts{display:flex;flex-direction:column;gap:8px}
.rk-boost{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:12.5px;color:var(--muted);line-height:1.4;opacity:.45;transition:opacity .4s,border-color .4s,background-color .4s,box-shadow .4s}
.rk-boost i{font-size:19px;color:#94a3b8;flex:none;margin-top:1px;transition:color .4s}
.rk-boost b{display:block;font-size:13.5px;color:var(--ink)}
.rk-boost.on{opacity:1;border-color:#6ee7b7;background:#f0fdf6;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.rk-boost.on i,.rk-boost.done i{color:#047857}
.rk-boost.done{opacity:1}
.rk-foot{padding:0 16px 12px}
.rk-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:12px;color:var(--ink-2)}
.rk-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.rk-legend small{color:var(--muted)}
.rank-step{transition:opacity .4s}
.rank-steps.live .rank-step{opacity:.5}
.rank-steps.live .rank-step.on{opacity:1}
.rank-steps.live .rank-step.on i{color:#10b981}
@media (prefers-reduced-motion:reduce){.rk-me{transition:none}}
.rank-steps.live .rank-step.reveal{opacity:.45!important}.rank-steps.live .rank-step.reveal.on{opacity:1!important}
/* ===================== v14: footer v2 + animated spider logo ===================== */
.site-foot-v2{position:relative;overflow:hidden;margin-top:24px;padding:0 0 22px;background:radial-gradient(60% 80% at 100% 0%,#14263a 0%,#0b1220 60%,#080d17 100%)!important;color:#cbd5e1;border-top:0}
.themed .site-foot-v2{background:radial-gradient(60% 80% at 100% 0%,#14263a 0%,#0b1220 60%,#080d17 100%)!important}
.site-foot-v2 .wrap{position:relative;z-index:1}
.foot-web{position:absolute;top:0;right:0;width:640px;height:auto;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(90% 90% at 100% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(90% 90% at 100% 0%,#000 20%,transparent 75%)}
.foot-web .fw-sp{fill:none;stroke:rgba(190,242,100,.18);stroke-width:1}
.foot-web .fw-rg{fill:none;stroke:rgba(16,185,129,.16);stroke-width:1}
.foot-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 44px;padding:30px 34px;border-radius:0 0 20px 20px;background:linear-gradient(120deg,#d9f99d 0%,#6ee7b7 50%,#7dd3fc 100%);color:#0b1220;box-shadow:0 30px 60px -30px rgba(16,185,129,.6)}
.foot-cta-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#065f46}
.foot-cta-h{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:4px 0 6px}
.foot-cta-s{font-size:15px;color:#134e4a;max-width:56ch}
.foot-cta-act{display:flex;gap:10px;flex:none}
.foot-cta .btn-primary{background:#0b1220;color:#fff;box-shadow:0 12px 24px -12px rgba(11,18,32,.6)}
.btn-ghost-dark{background:rgba(255,255,255,.55);color:#0b1220;border:1px solid rgba(11,18,32,.15)}
.btn-ghost-dark:hover{background:#fff}
.site-foot-v2 .foot-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:48px}
.site-foot-v2 .foot-brand p{color:#94a3b8;font-size:14.5px;line-height:1.6;margin-top:10px}
.site-foot-v2 .foot-tag{color:#e2e8f0!important;font-family:var(--font-display);font-size:17px!important;font-weight:600}
.foot-logo{display:inline-flex;align-items:center;gap:12px;color:#fff}
.foot-logo .brand-word{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;color:#fff}
.foot-spider{position:relative;display:block;width:46px;height:46px;color:#fff}
.foot-spider svg{width:46px;height:46px;display:block;position:relative;z-index:1;transform-origin:50% 0}
.foot-silk{position:absolute;left:50%;top:-200px;width:1.5px;height:206px;background:linear-gradient(transparent,rgba(255,255,255,.6));transform-origin:top;transform:scaleY(.2)}
.foot-nets{display:flex;gap:6px;margin-top:16px}
.foot-nets li{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff}
.foot-nets .blogo{width:18px;height:18px}
.foot-contact a{display:inline-flex;align-items:center;gap:8px;color:#e2e8f0}
.foot-contact a:hover{color:#bef264}
.foot-cols-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}
.site-foot-v2 .foot-h{color:#fff;font-family:var(--font-display);font-size:15px;font-weight:600;margin-bottom:12px}
.site-foot-v2 .foot-col li{margin:0}
.site-foot-v2 .foot-col a{display:inline-block;padding:4px 0;color:#94a3b8;font-size:14px;transition:color .2s}
.site-foot-v2 .foot-col a:hover{color:#bef264}
.site-foot-v2 .foot-more a{color:#6ee7b7;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.site-foot-v2 .foot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#64748b;font-size:13px}
.site-foot-v2 .foot-bottom ul{display:flex;gap:18px}
.site-foot-v2 .foot-bottom a{color:#94a3b8}
.site-foot-v2 .foot-bottom a:hover{color:#fff}
/* logo animation: drops on its silk once, then idles; legs wave on hover */
@media (prefers-reduced-motion:no-preference){
  .site-foot-v2.in .foot-silk{animation:silkDrop 1.2s cubic-bezier(.22,1,.36,1) forwards}
  .site-foot-v2.in .foot-spider svg{animation:spDrop 1.2s cubic-bezier(.34,1.56,.64,1) both,spSway 4s ease-in-out 1.3s infinite}
  .mk-eye{animation:eyeBlink 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .mk-leg{transform-box:fill-box}
  .mk-l1,.mk-l2{transform-origin:0 50%}.mk-l3,.mk-l4{transform-origin:100% 50%}
  .brand:hover .mk-l1,.foot-logo:hover .mk-l1,.brand:hover .mk-l4,.foot-logo:hover .mk-l4{animation:legA .28s ease-in-out infinite alternate}
  .brand:hover .mk-l2,.foot-logo:hover .mk-l2,.brand:hover .mk-l3,.foot-logo:hover .mk-l3{animation:legB .28s ease-in-out infinite alternate}
}
@keyframes silkDrop{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes spDrop{from{transform:translateY(-60px)}to{transform:none}}
@keyframes spSway{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}
@keyframes eyeBlink{0%,92%,100%{transform:scale(1)}95%{transform:scale(1.5)}}
@keyframes legA{to{transform:rotate(-12deg)}}
@keyframes legB{to{transform:rotate(12deg)}}
@media (max-width:1000px){.foot-cta{flex-direction:column;align-items:flex-start}.site-foot-v2 .foot-top{grid-template-columns:1fr}.foot-cols-v2{grid-template-columns:1fr 1fr}}
.foot-silk{top:-40px;height:46px}
.site-foot-v2 .foot-col a{padding:2px 0;font-size:13.5px}
.site-foot-v2 .foot-h{margin-bottom:8px}
.foot-cols-v2{gap:26px 24px}
/* v15: fixed lead line + rotating promise */
.hooks-lead{font-size:clamp(36px,3.9vw,58px);line-height:1.04;letter-spacing:-.03em;color:var(--ink)}
html:not(.js) .hooks-lead{display:none}
.hooks{font-size:clamp(36px,3.9vw,58px);min-height:1.08em}
.hooks .line{white-space:nowrap}
.hooks-lead+.hooks{margin-top:2px;line-height:1.1}
.hooks .hook{align-self:start}
.hooks-lead+.hooks{margin-top:-26px!important}
/* ===================== v16: SpiderOS product hub ===================== */
.btn-dark{background:#0b1220;color:#fff;border:1px solid #0b1220;box-shadow:0 10px 24px -12px rgba(11,18,32,.6)}
.btn-dark:hover{background:#1e293b}
.os-subnav{position:sticky;top:var(--nav-h);z-index:39;padding:10px 0;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.osn-track{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.osn-track a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;border:1.5px solid transparent;transition:background-color .2s,border-color .2s,color .2s}
.osn-track a i{font-size:16px;color:var(--tc,#047857)}
.osn-track a:hover{background:#f4f6f8}
.osn-track a.on{border-color:var(--tc,#10b981);background:#fff;color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc,#10b981) 14%,transparent)}
.osn-home{font-family:var(--font-display);font-size:15px!important;color:var(--ink)!important}
.osn-home .brand-mark svg{width:18px;height:18px}
.osn-demo{margin-left:auto;background:#0b1220!important;color:#fff!important}
.os-hero{position:relative;padding:44px 0 30px;text-align:center;overflow:hidden;background:radial-gradient(60% 60% at 50% 0%,rgba(190,242,100,.28),transparent 70%),radial-gradient(40% 40% at 85% 30%,rgba(14,165,233,.14),transparent 70%)}
.os-hero-in{display:flex;flex-direction:column;align-items:center}
.os-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:26px;color:var(--ink-2)}
.os-kicker b{color:var(--ink)}
.os-kicker .brand-mark svg{width:34px;height:34px}
.os-hero .h1{max-width:20ch;margin-top:10px;font-size:clamp(40px,4.6vw,66px)}
.os-on{display:inline-flex;align-items:center;gap:10px;margin-top:14px;color:var(--ink-2);font-size:15.5px}
.os-nets{display:inline-flex}.os-nets .blogo{width:26px;height:26px;padding:4px;border-radius:50%;background:#fff;border:1px solid var(--line);margin-left:-6px}
.os-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.os-hero .os-cta{justify-content:center}
.os-trial{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.os-pills{display:flex;gap:8px;margin-top:30px;padding:6px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line)}
.os-pills li{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-2);border:1.5px solid transparent;transition:all .4s}
.os-pills li i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1f5f9;font-size:16px;color:#047857}
.os-pills li.on{border-color:#10b981;background:#fff;color:var(--ink);box-shadow:0 8px 20px -10px rgba(16,185,129,.5)}
.osh{width:min(1040px,100%);margin-top:26px;text-align:left}
.osh-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.osh-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;position:relative;overflow:hidden}
.osh-tab.on{color:var(--ink);border-color:#10b981}
.osh-tab.on::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#10b981;transform-origin:left;animation:hookFill 5s linear forwards}
.osh-stage{display:grid}
.osh-screen{grid-area:1/1;opacity:0;transform:translateY(10px) scale(.99);transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}
.osh-screen.on{opacity:1;transform:none;pointer-events:auto}
/* mock */
.os-mock{position:relative;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px -30px rgba(11,18,32,.35),0 0 0 6px rgba(255,255,255,.6);overflow:hidden;text-align:left}
.om-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fafbfc;font-size:13px}
.om-bar .brand-mark svg{width:16px;height:16px}
.om-tab{margin-left:10px;padding:3px 10px;border-radius:6px;background:#ecfdf5;color:#047857;font-weight:600}
.om-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#047857;font-weight:600}
.om-live i{width:7px;height:7px;border-radius:50%;background:#10b981;animation:wstLive 1.8s ease-out infinite}
.om-body{padding:16px;min-height:300px}
.om-note{position:absolute;right:12px;bottom:8px;font-size:10.5px;color:var(--muted)}
.om-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.om-kpis-4{grid-template-columns:repeat(4,1fr)}
.om-kpis div{padding:10px 12px;border-radius:10px;background:#f8faf9;border:1px solid var(--line)}
.om-kpis span{display:block;font-size:11px;color:var(--muted)}
.om-kpis b{font-family:var(--font-display);font-size:20px;font-weight:600}
.om-kpis em{display:block;font-style:normal;font-size:11px;color:var(--muted)}.om-kpis em.up{color:#047857}
.om-kpis .g{border-left:3px solid #10b981}.om-kpis .a{border-left:3px solid #f59e0b}
b.r,.r>b{color:#dc2626}b.g{color:#047857}
.om-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.om-levels li,.om-feed li,.om-fixes li,.om-alerts li,.om-inv li,.om-comp li{opacity:0;animation:omIn .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 140ms + 200ms)}
@keyframes omIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.om-levels{display:flex;flex-direction:column;gap:5px}
.om-levels li{display:grid;grid-template-columns:10px 1fr auto 16px;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;background:#f8faf9;font-size:12.5px}
.om-levels em{font-style:normal;font-size:10.5px;font-weight:700;color:#6d28d9;background:#f3efff;border-radius:999px;padding:1px 7px}
.om-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:wstLive 1.6s ease-out infinite}
.om-levels i{color:#10b981}
.om-feed{display:flex;flex-direction:column;gap:5px}
.om-feed li{font-size:12px;padding:7px 10px;border-radius:8px;border:1px solid var(--line);color:var(--ink-2)}
.om-feed time{font-weight:700;color:#047857;margin-right:6px}
.om-summary{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#f0fdf6,#eff6ff);margin-bottom:12px}
.om-summary p{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ink)}
.om-summary i{font-size:17px;color:#047857;margin-top:2px}
.om-summary p:nth-child(2) i{color:#d97706}
.om-line{width:100%;height:70px}
.om-line polyline{fill:none;stroke:#10b981;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:600;animation:svDraw 1.6s .3s cubic-bezier(.22,1,.36,1) forwards}
.om-audit{align-items:center}
.om-score{position:relative;width:150px;height:150px;margin:auto}
.om-score svg{transform:rotate(-90deg)}
.om-score .trk{fill:none;stroke:#eef1f4;stroke-width:12}
.om-score .val{fill:none;stroke:url(#none);stroke:#8b5cf6;stroke-width:12;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;animation:scoreIn 1.4s .3s cubic-bezier(.22,1,.36,1) forwards}
@keyframes scoreIn{to{stroke-dashoffset:calc(314 - 314 * var(--v) / 100)}}
.om-score>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.om-score b{font-family:var(--font-display);font-size:38px}.om-score span{font-size:11px;color:var(--muted)}
.om-bars,.om-wf{display:flex;flex-direction:column;gap:6px}
.om-bars li,.om-wf li{display:grid;grid-template-columns:70px 1fr 54px;gap:8px;align-items:center;font-size:12px}
.om-bars i,.om-wf i{height:10px;border-radius:5px;background:#10b981;width:calc(var(--v) * 1%);transform-origin:left;animation:barIn .9s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 90ms + 200ms)}
@keyframes barIn{from{transform:scaleX(0)}}
.om-bars .a i{background:#f59e0b}.om-bars .r i{background:#ef4444}
.om-bars b,.om-wf b{text-align:right;font-size:12px}
.om-wf .n i{background:#fca5a5}.om-wf .p i{background:#10b981}.om-wf li:first-child i{background:#94a3b8}
.om-sub{font-size:12px;font-weight:600;color:var(--muted);margin:10px 0 6px}
.om-fixes{display:flex;flex-direction:column;gap:5px}
.om-fixes li{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:7px 10px;border-radius:8px;border:1px solid var(--line)}
.om-fixes b{margin-left:auto;color:#047857}
.sev{width:8px;height:8px;border-radius:50%;flex:none}.sev.r{background:#ef4444}.sev.a{background:#f59e0b}.sev.g{background:#10b981}.sev.b{background:#0ea5e9}
.om-inv{display:flex;flex-direction:column;gap:6px}
.om-inv li{display:grid;grid-template-columns:130px 1fr 40px 190px;gap:10px;align-items:center;font-size:12.5px;padding:8px 10px;border-radius:8px;border:1px solid var(--line)}
.cov{height:8px;border-radius:4px;background:#eef1f4;overflow:hidden}.cov i{display:block;height:100%;width:var(--w);border-radius:4px;animation:barIn 1s .3s both}
.cov.r i{background:#ef4444}.cov.a i{background:#f59e0b}.cov.g i{background:#10b981}.cov.b i{background:#0ea5e9}
.om-inv em{font-style:normal;font-size:11.5px;font-weight:600}.om-inv em.r{color:#dc2626}.om-inv em.a{color:#b45309}.om-inv em.g{color:#047857}.om-inv em.b{color:#0369a1}
.om-alerts{display:flex;flex-direction:column;gap:6px}
.om-alerts li{display:grid;grid-template-columns:10px 1fr auto 18px;gap:10px;align-items:center;padding:9px 11px;border-radius:9px;border:1px solid var(--line);font-size:12.5px}
.om-alerts li.r{background:#fef2f2;border-color:#fecaca}.om-alerts li.r .sev{animation:wstLive 1.2s ease-out infinite;box-shadow:0 0 0 0 rgba(239,68,68,.6)}
.om-alerts b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.om-alerts li.r b{color:#dc2626}.om-alerts li.a b{color:#b45309}.om-alerts li.g b{color:#047857}
.om-alerts time{font-size:11px;color:var(--muted)}.om-alerts i{color:#6366f1;font-size:17px}
.om-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.om-kanban .col{padding:8px;border-radius:10px;background:#f4f6f8}
.om-kanban .col p{font-size:12px;font-weight:700;margin-bottom:8px}.om-kanban .col em{font-style:normal;color:var(--muted);margin-left:4px}
.om-kanban .card{display:grid;grid-template-columns:8px 1fr;column-gap:8px;padding:9px;margin-bottom:6px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:12px;opacity:0;animation:omIn .5s forwards;animation-delay:calc(var(--i) * 200ms + 300ms)}
.om-kanban .card .sev{grid-row:1/3;margin-top:5px}.om-kanban small{color:var(--muted)}
.om-kanban .col:nth-child(3) .card{animation:taskDone 4s 1.2s infinite}
@keyframes taskDone{0%{opacity:0;transform:translateX(-20px)}20%,100%{opacity:1;transform:none}}
.om-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;border:1px solid var(--line);font-size:13.5px;margin-bottom:10px}
.om-search em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted)}
.om-table{width:100%;border-collapse:collapse;font-size:12.5px}
.om-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
.om-table td{padding:8px;border-bottom:1px solid #f1f4f6}
.om-table tr{opacity:0;animation:omIn .5s forwards;animation-delay:calc(var(--i) * 120ms + 200ms)}
.om-table thead tr{opacity:1;animation:none}
.opp{display:inline-block;width:70px;height:7px;border-radius:4px;background:#eef1f4;margin-right:8px;overflow:hidden;vertical-align:middle}.opp i{display:block;height:100%;width:var(--w);background:#14b8a6;animation:barIn 1s .4s both}
.om-comp{display:flex;flex-direction:column;gap:6px}
.om-comp li{display:grid;grid-template-columns:70px 1fr 40px 54px 44px;gap:8px;align-items:center;font-size:12.5px;padding:8px 10px;border-radius:8px;border:1px solid var(--line)}
.om-comp li.me{border-color:#10b981;background:#f0fdf6}
.sov{height:9px;border-radius:5px;background:#eef1f4;overflow:hidden}.sov i{display:block;height:100%;width:var(--w);background:#f97316;animation:barIn 1s .3s both}
.om-comp li.me .sov i{background:#10b981}
.om-comp em{font-style:normal;color:var(--ink-2)}.om-comp em i{color:#f59e0b;font-size:11px;margin-left:2px}
.om-flag{display:flex;gap:8px;align-items:center;margin-top:10px;padding:9px 12px;border-radius:9px;background:#fff7ed;color:#9a3412;font-size:12.5px;font-weight:600;animation:omIn .5s 1.2s both}
.om-coh .coh{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}
.om-coh .coh i{height:20px;border-radius:4px;background:rgba(16,185,129,calc(var(--a) * .8));animation:omIn .4s both}
.om-pay{font-size:12px;margin-top:8px;color:var(--ink-2)}.om-pay b{color:#b45309}
.om-lst{padding:12px;border-radius:10px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.om-lst .lbl{display:flex;justify-content:space-between;font-size:12px;font-weight:600}
.om-lst span{height:9px;border-radius:5px;background:#e2e8f0}.om-lst .t{height:12px;background:#cbd5e1}.om-lst .s{width:60%}.om-lst .xs{width:35%}
.om-lst.after span{background:#a7f3d0;animation:barIn .8s both}.om-lst.after .t{background:#34d399}
.om-lst.after span:nth-of-type(2){animation-delay:.1s}.om-lst.after span:nth-of-type(3){animation-delay:.2s}.om-lst.after span:nth-of-type(4){animation-delay:.3s}.om-lst.after span:nth-of-type(5){animation-delay:.4s}
.om-checks{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px}.om-checks i{color:#10b981;margin-right:6px}
.om-chat{display:flex;flex-direction:column;gap:10px}
.om-chat .q{align-self:flex-end;max-width:75%;padding:9px 13px;border-radius:14px 14px 4px 14px;background:#0b1220;color:#fff;font-size:13px;animation:omIn .5s both}
.om-chat .a{max-width:88%;padding:10px 13px;border-radius:14px 14px 14px 4px;background:#f0fdf6;border:1px solid #bbf7d0;font-size:13px;color:var(--ink);animation:omIn .5s .6s both}
.om-chat .a>b:first-child{display:block;font-size:11px;color:#047857;margin-bottom:3px}
.om-chat .acts{display:flex;gap:6px;animation:omIn .5s 1.1s both}
.om-chat button{font:inherit;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;border:1px solid #6ee7b7;background:#fff;color:#047857;cursor:pointer}
.om-chat .q:nth-of-type(3){animation-delay:1.6s}.om-chat .typing{animation-delay:2.1s}
.typing span{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;background:#10b981;animation:dotB 1s infinite}
.typing span:nth-child(3){animation-delay:.15s}.typing span:nth-child(4){animation-delay:.3s}
@keyframes dotB{50%{transform:translateY(-4px);opacity:.5}}
/* tiles */
.os-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.os-tile{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:border-color .25s,box-shadow .25s}
.os-tile:hover{border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 14%,transparent),var(--shadow)}
.ot-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--tc) 13%,#fff);color:var(--tc);font-size:21px}
.os-tile b{font-family:var(--font-display);font-size:16.5px}
.os-tile span:not(.ot-ico){font-size:13.5px;color:var(--ink-2);line-height:1.5}
.os-tile em{margin-top:auto;font-style:normal;font-size:13.5px;font-weight:600;color:#047857}
.os-grid-sm{grid-template-columns:repeat(5,minmax(0,1fr))}
.os-tile-sm{flex-direction:row;align-items:center;padding:12px}
.os-tile-sm .ot-ico{width:34px;height:34px;font-size:18px}.os-tile-sm b{font-size:14.5px}
.os-loop{width:100%;max-width:560px;display:block;margin:auto}
.ol-l{stroke:#d6dbe1;stroke-width:1.4;stroke-dasharray:3 5}.ol-l.on{stroke:#10b981;stroke-width:2.4;stroke-dasharray:none}
.ol-n circle{fill:#fff;stroke-width:2;transition:fill .2s}.ol-n:hover circle,.ol-n.on circle{fill:#f0fdf6}
.ol-n.on circle{stroke-width:3.5}
.ol-ico{color:var(--ink)}.ol-ico *{fill:currentColor}
.ol-n text{font-family:var(--font-body);font-size:12px;font-weight:600;fill:var(--ink-2)}
.ol-n.on text{fill:var(--ink)}
.ol-p{fill:#10b981}
.ol-core{fill:#0b1220}.os-loop g svg [stroke]{stroke:#fff}
.ol-ct{font-family:var(--font-display);font-size:15px;font-weight:700;fill:#fff}
.checks-2{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.os-mhero{padding:36px 0 40px;background:radial-gradient(50% 70% at 85% 30%,color-mix(in srgb,var(--tc) 18%,transparent),transparent 70%)}
.os-mhero-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center}
.os-mhero .h1{font-size:clamp(38px,4vw,58px);margin:10px 0 14px}
.os-mtag{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600}
.os-mtag i{color:var(--tc);font-size:17px}
.os-diffs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.os-diffs li{padding:20px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.od-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc);font-size:22px;margin-bottom:12px}
.os-diffs b{font-family:var(--font-display);font-size:17px}
.os-diffs p{font-size:14px;color:var(--ink-2);margin-top:6px;line-height:1.55}
.os-plans{background:linear-gradient(135deg,rgba(243,253,224,.6),rgba(227,244,253,.6))}
@media (max-width:1000px){.os-grid,.os-diffs{grid-template-columns:1fr 1fr}.os-mhero-in{grid-template-columns:1fr}.os-pills{flex-direction:column;border-radius:16px}.om-two{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.os-mock *{animation:none!important;opacity:1!important}}
.osn-track a{padding:6px 9px;font-size:12.5px;gap:5px}
.osn-track a i{font-size:14px}
.osn-track{-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}
/* ===================== v17: logo marquee, careers, academy ===================== */
.mq{padding:22px 0 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.55);overflow:hidden}
.mq-head{display:flex;justify-content:center;align-items:baseline;gap:12px;margin-bottom:10px}
.mq-head h2{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink-2)}
.mq-head span{font-size:11.5px;color:var(--muted)}
.mq-row{display:flex;width:max-content;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq{--mqw:100vw}
.mq .mq-row{width:100%;overflow:hidden}
.mq-track{display:flex;flex:none;gap:12px;padding:6px 6px;animation:mqScroll 40s linear infinite}
.mq-rev .mq-track{animation-direction:reverse;animation-duration:46s}
.mq-row:hover .mq-track{animation-play-state:paused}
.mq-track li{flex:none;display:grid;place-items:center;height:62px;padding:0 10px;border-radius:12px;background:#fff;border:1px solid var(--line);color:#3b4556;transition:color .2s,border-color .2s}
.mq-track li:hover{color:var(--ink);border-color:#a7f3d0}
@keyframes mqScroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}
.perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.perks li{padding:20px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.perks i{font-size:26px;color:#047857}.perks b{display:block;font-family:var(--font-display);font-size:17px;margin-top:8px}.perks p{font-size:14px;color:var(--ink-2);margin-top:4px}
.roles{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.roles li{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:border-color .2s}
.roles li:hover{border-color:#6ee7b7}
.role-team{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#047857}
.roles b{display:block;font-family:var(--font-display);font-size:19px;margin:2px 0}.roles p{font-size:14px;color:var(--ink-2)}
.role-type{font-size:13px;color:var(--muted);white-space:nowrap}
.role-note{margin-top:14px;font-size:14px;color:var(--ink-2)}.role-note a{color:#047857;text-decoration:underline}
.hire-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.hire-steps li{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.hire-steps span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b1220;color:#bef264;font-weight:700;font-size:14px}
.hire-steps b{display:block;margin-top:10px;font-family:var(--font-display);font-size:17px}.hire-steps p{font-size:14px;color:var(--ink-2)}
.acad-hero{background:radial-gradient(50% 70% at 85% 30%,color-mix(in srgb,var(--tc,#10b981) 18%,transparent),transparent 70%)}
.acad-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center}
.acad-stats{display:grid;gap:10px}
.acad-stats li{display:flex;align-items:baseline;gap:12px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.acad-stats b{font-family:var(--font-display);font-size:32px;color:var(--ink)}.acad-stats b i{color:#047857}.acad-stats span{font-size:14px;color:var(--ink-2)}
.courses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.course{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}
.course:hover{border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 14%,transparent),var(--shadow)}
.course-top{display:flex;justify-content:space-between;align-items:center}
.course .ot-ico{background:color-mix(in srgb,var(--tc) 13%,#fff);color:var(--tc)}
.course-lvl{font-size:11.5px;font-weight:700;color:var(--muted);background:#f4f6f8;border-radius:999px;padding:2px 9px}
.course b{font-family:var(--font-display);font-size:17px;line-height:1.25}
.course p{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.course-meta{margin-top:auto;display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--muted)}
.course-meta span{display:inline-flex;gap:4px;align-items:center}
.course-meta strong{margin-left:auto;font-family:var(--font-display);font-size:18px;color:var(--ink)}
.bundle{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:24px 28px;border-radius:16px;background:#0b1220;color:#fff}
.bundle b{display:block;font-family:var(--font-display);font-size:22px;margin:6px 0 4px}.bundle p{color:#94a3b8;font-size:14.5px}
.bundle-p{display:flex;align-items:center;gap:16px}
.bundle-p s{color:#64748b;font-size:16px}.bundle-p strong{font-family:var(--font-display);font-size:34px;color:#bef264}
.cert{max-width:440px;margin:auto;padding:30px;border-radius:14px;background:linear-gradient(135deg,#fff,#f0fdf6);border:6px double #a7f3d0;text-align:center;box-shadow:var(--shadow-lift)}
.cert .brand-mark svg{width:40px;height:40px}
.cert-k{margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cert-n{font-family:var(--font-display);font-size:30px;font-weight:700;margin:8px 0}
.cert-c{font-size:15px;color:#047857;font-weight:600}.cert-s{font-size:12px;color:var(--muted);margin-top:14px}
.syllabus{display:flex;flex-direction:column;gap:8px}
.syllabus li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.syllabus span{font-family:var(--font-display);font-weight:700;color:var(--tc,#047857)}.syllabus b{font-size:15px}.syllabus em{font-style:normal;font-size:12.5px;color:var(--muted)}
@media (max-width:1000px){.perks,.courses{grid-template-columns:1fr 1fr}.hire-steps{grid-template-columns:1fr 1fr}.acad-in{grid-template-columns:1fr}.roles li{grid-template-columns:1fr}.bundle{flex-direction:column;align-items:flex-start}}
@media (min-width:1400px){.nav-btn{padding:9px 6px;gap:4px}}.nav-search{flex:none}
/* v18: compact footer */
.site-foot-v2 .foot-top{grid-template-columns:minmax(0,1.1fr) minmax(0,4.4fr);gap:36px}
.foot-cols-v2{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 18px}
.site-foot-v2 .foot-h{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#e2e8f0;margin-bottom:10px}
.site-foot-v2 .foot-col li{line-height:1.25}
.site-foot-v2 .foot-col a{padding:3px 0;font-size:13px}
.site-foot-v2 .foot-more a{font-weight:600}
.site-foot-v2 .foot-more a::after{content:" \2192"}
.site-foot-v2 .foot-brand p{font-size:13.5px;margin-top:8px}
.foot-logo .brand-word{font-size:26px}
.foot-spider,.foot-spider svg{width:40px;height:40px}
.foot-cta{margin-bottom:34px}
.site-foot-v2 .foot-bottom{margin-top:28px}
@media (max-width:1000px){.foot-cols-v2{grid-template-columns:1fr 1fr}}
/* v19: edge-to-edge app headers inside the hero phone */
.sp-screen{padding:6px 9px}
.sp-views{margin:-18px -9px 0;padding:0}
.sp-view{padding:18px 9px 0}
.sp-status{position:relative;z-index:2;transition:color .4s}
.sv-head{margin:-18px -9px 7px;padding:25px 12px 8px;border-radius:0}
.sv-google,.sv-meta{padding-top:25px}
.hero-seller[data-ch="walmart"] .sp-status,.hero-seller[data-ch="instacart"] .sp-status,.hero-seller[data-ch="spider"] .sp-status{color:#fff}
.hero-seller[data-ch="walmart"] .sp-island,.hero-seller[data-ch="instacart"] .sp-island,.hero-seller[data-ch="spider"] .sp-island{background:#000}
.sv-spider em{white-space:nowrap}.sv-head span{white-space:nowrap}
/* v21: SpiderOS AI callout above the hero headline */
.os-callout{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-bottom:18px;padding:5px 12px 5px 5px;border-radius:999px;background:#0b1220;color:#e2e8f0;font-size:13.5px;box-shadow:0 10px 26px -12px rgba(11,18,32,.55);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.os-callout::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(190,242,100,.22) 50%,transparent 70%);transform:translateX(-100%);animation:oscShine 4.5s ease-in-out infinite}
@keyframes oscShine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.os-callout:hover{box-shadow:0 14px 30px -12px rgba(16,185,129,.6)}
.osc-new{padding:3px 9px;border-radius:999px;background:linear-gradient(90deg,#bef264,#34d399);color:#0b1220;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.osc-mark svg{width:18px;height:18px;display:block}.osc-mark svg [stroke]{stroke:#fff}
.osc-t b{color:#fff;margin-right:4px}
.osc-nets{display:inline-flex;margin-left:2px}
.osc-nets .blogo{width:20px;height:20px;padding:3px;border-radius:50%;background:#fff;margin-left:-5px;border:1.5px solid #0b1220}
.os-callout>i{color:#bef264;transition:transform .2s}.os-callout:hover>i{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.os-callout::before{animation:none;opacity:0}}
/* v23: warm yellow-orange web stage */
.wst-stage{background:radial-gradient(70% 90% at 30% 45%,#fbbf24 0%,#f59e0b 30%,#ea580c 70%,#9a3412 100%);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 40px 80px -40px rgba(154,52,18,.55)}
.wst-aurora{opacity:.6;mix-blend-mode:normal}
.wst-aurora .a1{background:radial-gradient(circle,rgba(254,240,138,.75),transparent 65%)}
.wst-aurora .a2{background:radial-gradient(circle,rgba(253,186,116,.6),transparent 65%)}
.wst-aurora .a3{background:radial-gradient(circle,rgba(251,113,133,.45),transparent 65%)}
.wst-aurora .a4{background:radial-gradient(circle,rgba(254,215,170,.55),transparent 65%)}
.wst-grain{opacity:.35}
.wst-spoke{stroke:#fff;stroke-opacity:.75}
.wst-spiral{stroke:#fff;stroke-opacity:.55}
.wst-frame{stroke:rgba(255,255,255,.7)}
.wst-anchor{stroke:rgba(255,255,255,.35)}
.wst-hub{stroke:rgba(255,255,255,.6)}
.wst-label{fill:#fff;stroke:rgba(124,45,18,.55)}
.wst-disc{filter:drop-shadow(0 8px 14px rgba(124,45,18,.35))}
.wst-halo{fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.7)}
.wst-node.lit .wst-halo{opacity:1}
.wst-pulse{fill:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.95))}
.wst-ping{stroke:#fff}
.wst-legs{stroke:#0b1220}
.wst-abdomen,.wst-core{fill:#0b1220;stroke:#fff}
.wst-card{box-shadow:0 30px 60px -20px rgba(124,45,18,.5)}
.wst-bars i{background:linear-gradient(180deg,#fb923c,#fde047)}
.wst-line{stroke:#c2410c}
.wst-chart{background:linear-gradient(180deg,#fffbeb,#fff)}
.wst-kpi strong.up{color:#c2410c}
/* v25: dark green web stage, bigger logos */
.wst-stage{background:radial-gradient(70% 90% at 30% 45%,#0f5132 0%,#064e3b 35%,#022c22 70%,#011a14 100%);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 40px 80px -40px rgba(2,44,34,.7)}
.wst-aurora{opacity:.55}
.wst-aurora .a1{background:radial-gradient(circle,rgba(190,242,100,.35),transparent 65%)}
.wst-aurora .a2{background:radial-gradient(circle,rgba(16,185,129,.45),transparent 65%)}
.wst-aurora .a3{background:radial-gradient(circle,rgba(52,211,153,.3),transparent 65%)}
.wst-aurora .a4{background:radial-gradient(circle,rgba(6,95,70,.6),transparent 65%)}
.wst-spoke{stroke:#d9f99d;stroke-opacity:.6}
.wst-spiral{stroke:#ecfccb;stroke-opacity:.38}
.wst-frame{stroke:rgba(217,249,157,.5)}
.wst-anchor{stroke:rgba(255,255,255,.18)}
.wst-hub{stroke:rgba(255,255,255,.4)}
.wst-label{font-size:14px;fill:#f0fdf4;stroke:rgba(2,44,34,.75)}
.wst-disc{filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}
.wst-halo{fill:rgba(190,242,100,.12);stroke:rgba(190,242,100,.55)}
.wst-pulse{fill:#d9f99d;filter:drop-shadow(0 0 5px rgba(190,242,100,.95))}
.wst-ping{stroke:#bef264}
.wst-legs{stroke:#f8fafc}
.wst-abdomen,.wst-core{fill:#0b1220;stroke:#f8fafc}
.wst-card{box-shadow:0 30px 60px -20px rgba(0,0,0,.55)}
.wst-bars i{background:linear-gradient(180deg,#34d399,#bef264)}
.wst-line{stroke:#047857}
.wst-chart{background:linear-gradient(180deg,#f7fbf9,#fff)}
.wst-kpi strong.up{color:#047857}

/* v25: Plus Jakarta Sans + DM Sans */
h1,h2,h3,h4,.h1,.h2{font-weight:800;letter-spacing:-.035em}
.h1 em,.h2 em,.hooks em{font-weight:800}
.hooks-lead{font-weight:700}
body{font-feature-settings:"ss01" off}
.h1,.h2,.hooks-lead,.hooks,.h1-seo{font-family:var(--font-display)}
.nav-btn,.nav-links a{font-size:14px}
@media (min-width:1400px){.nav-btn{padding:9px 5px}}
/* ===================== v26: transparent hero graphics + intent backgrounds ===================== */
.hero-channel,.os-mhero{position:relative;overflow:hidden;isolation:isolate}
.hero-channel>.wrap,.os-mhero>.wrap{position:relative;z-index:1}
.hbg{--hc:#047857;position:absolute;inset:0;z-index:0;pointer-events:none;color:var(--hc)}
.themed:not(.theme-google) .hbg{--hc:#fff}
.hbg>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.16}
.themed:not(.theme-google) .hbg>svg{opacity:.14}
.hbg svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hb-bar{fill:currentColor!important;fill-opacity:.35;stroke:none!important;transform-box:fill-box;transform-origin:bottom;animation:hbGrow 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*.18s)}
@keyframes hbGrow{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.hb-trend,.hb-line{stroke-width:3;stroke-dasharray:1600;stroke-dashoffset:1600;animation:hbDraw 6s ease-in-out infinite}
.hb-line{animation-delay:calc(var(--i)*.6s)}
@keyframes hbDraw{0%{stroke-dashoffset:1600}55%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1600}}
.hb-arrow{stroke-width:3}
.hb-row rect{fill:currentColor!important;fill-opacity:.3;stroke:none!important;animation:hbShim 3.6s ease-in-out infinite;animation-delay:calc(var(--i)*.3s)}
@keyframes hbShim{0%,100%{fill-opacity:.15}50%{fill-opacity:.45}}
.hb-mag{stroke-width:6;animation:hbScan 7s ease-in-out infinite}
@keyframes hbScan{0%,100%{transform:translate(0,0)}50%{transform:translate(-260px,260px)}}
.hb-tile{fill:currentColor!important;fill-opacity:.12;animation:hbFloat 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.5s)}
@keyframes hbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
.hb-shield{stroke-width:2.5;opacity:0;animation:hbPulse 4.8s ease-out infinite;animation-delay:calc(var(--i)*1.2s)}
@keyframes hbPulse{0%{opacity:.9}100%{opacity:0}}
.hb-globe,.hb-lat{stroke-width:2}
.hb-mer{animation:hbSpin 8s linear infinite;animation-delay:calc(var(--i)*-2s);transform-box:fill-box;transform-origin:center}
@keyframes hbSpin{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
.hb-orbitpath{stroke-dasharray:8 10}
.hb-rocket,.hb-sig{fill:currentColor!important;stroke:none!important}
.hb-wd{fill:currentColor!important;stroke:none!important}
.hb-wl{stroke-width:1.5}
.hb-chips{position:absolute;left:0;right:0;bottom:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.hb-track{display:flex;gap:10px;width:max-content;animation:mqScroll 50s linear infinite}
.hb-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;color:var(--hc);background:color-mix(in srgb,var(--hc) 8%,transparent);border:1px solid color-mix(in srgb,var(--hc) 22%,transparent);opacity:.75}
.hero-channel,.os-mhero{padding-bottom:70px!important}
@media (prefers-reduced-motion:reduce){.hbg *{animation:none!important}}
/* graphics sit directly on the hero: no white card */
.themed .hero-channel .hero-visual{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0}
/* light-on-dark styling for hero graphics on dark brand heroes */
.themed:not(.theme-google) .hero-channel .map-line,.themed:not(.theme-google) .hero-channel .am-spoke{stroke:#fff;stroke-opacity:.3}
.themed:not(.theme-google) .hero-channel .map-label,.themed:not(.theme-google) .hero-channel .am-label{fill:#f8fafc}
.themed:not(.theme-google) .hero-channel .am-label.on{fill:#fff}
.themed:not(.theme-google) .hero-channel .am-dept{fill:#fff!important;opacity:.85}
.themed:not(.theme-google) .hero-channel .am-cap-k{fill:#fff}.themed:not(.theme-google) .hero-channel .am-cap-n{fill:rgba(255,255,255,.75)}
.themed:not(.theme-google) .hero-channel .am-cap-p{fill:var(--b-ac,#bef264)}
.themed:not(.theme-google) .hero-channel .am-orbit{stroke:#fff;stroke-opacity:.3}
.themed:not(.theme-google) .hero-channel .am-glow{opacity:.35}
.themed:not(.theme-google) .hero-channel .funnel-row path{stroke:transparent}
.themed:not(.theme-google) .hero-channel .signal-grid line{stroke:rgba(255,255,255,.15)}
.themed:not(.theme-google) .hero-channel .signal-label,.themed:not(.theme-google) .hero-channel .signal-tag{fill:#f1f5f9}
.themed:not(.theme-google) .hero-channel .signal-a{stroke:var(--b-ac,#bef264)}.themed:not(.theme-google) .hero-channel .signal-b{stroke:#fff}
.themed:not(.theme-google) .hero-channel .viz-card{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.22)}
.themed:not(.theme-google) .hero-channel .viz-title{fill:#fff}
.themed:not(.theme-google) .hero-channel .viz-bar,.themed:not(.theme-google) .hero-channel .viz-thumb{fill:rgba(255,255,255,.28)}
.themed:not(.theme-google) .hero-channel .viz-arrow{stroke:#fff}
.themed:not(.theme-google) .hero-channel .viz-text{fill:#0b1220}
.am-hub{margin:-20px -10px}
.am-hub .am-map{max-width:600px;margin:auto}
.hbg-web>svg{opacity:.08!important}
.hbg>svg{-webkit-mask-image:radial-gradient(70% 90% at 80% 50%,transparent 25%,#000 70%);mask-image:radial-gradient(70% 90% at 80% 50%,transparent 25%,#000 70%)}
.hbg-globe>svg,.hbg-ads>svg,.hbg-chart>svg{-webkit-mask-image:none;mask-image:none}
/* v27: dedicated team section */
.tm-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:24px}
.tm-card{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.tm-h{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-deep);margin-bottom:14px}
.tm-people{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tm-people li{padding:16px;border-radius:14px;background:var(--b-soft,#f0fdf6);border:1px solid var(--line)}
.tm-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--grad-cta);color:var(--b-cta-ink,#0b1220);font-size:22px;margin-bottom:10px}
.tm-people b{display:block;font-family:var(--font-display);font-size:16px}.tm-people p{font-size:13.5px;color:var(--ink-2);margin-top:3px}
.tm-dark{background:#0b1220;border-color:#0b1220}.tm-dark .tm-h{color:#bef264}
.tm-rhythm{display:flex;flex-direction:column;gap:10px}
.tm-rhythm li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:13.5px}
.tm-rhythm i{font-size:24px;color:#bef264;flex:none}
.tm-rhythm b{display:block;color:#fff;font-size:15px;margin-bottom:2px}
@media (max-width:1000px){.tm-grid,.tm-people{grid-template-columns:1fr}}
/* v28: multi-colour gradient workflow canvas */
.wf-canvas{position:relative;isolation:isolate;border-color:rgba(255,255,255,.08);
  background:
    radial-gradient(45% 60% at 8% 10%,rgba(132,204,22,.38),transparent 70%),
    radial-gradient(40% 55% at 45% 0%,rgba(16,185,129,.32),transparent 70%),
    radial-gradient(45% 60% at 92% 15%,rgba(14,165,233,.36),transparent 70%),
    radial-gradient(45% 60% at 75% 100%,rgba(139,92,246,.38),transparent 70%),
    radial-gradient(40% 55% at 20% 100%,rgba(236,72,153,.22),transparent 70%),
    linear-gradient(135deg,#0c1a2b 0%,#101c33 45%,#1a1438 100%)}
.wf-canvas::before{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;
  background:conic-gradient(from 0deg at 50% 50%,rgba(190,242,100,.12),rgba(14,165,233,.12),rgba(139,92,246,.14),rgba(236,72,153,.08),rgba(190,242,100,.12));filter:blur(60px)}
@media (prefers-reduced-motion:no-preference){.wf-canvas::before{animation:amSpin 30s linear infinite}}
.wf-canvas{overflow:hidden}
.wf-bar{background:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.wf-node rect:first-child,.wf-node>circle{fill:rgba(13,20,34,.72)}
.wf-main rect:first-child{fill:rgba(18,28,48,.8)}
.wf-sub.ok rect:first-child{fill:rgba(16,52,40,.78)}
.wf-is-ai.ok rect:first-child{fill:rgba(40,28,82,.78)}
#wf-grid circle{fill:rgba(255,255,255,.12)}
/* ===================== v29: blog ===================== */
.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.blog-filter button{font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}
.blog-filter button.on{background:#0b1220;color:#fff;border-color:#0b1220}
.post{display:flex;flex-direction:column;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.post:hover{border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 14%,transparent),var(--shadow)}
.post-art{display:grid;place-items:center;height:150px;background:radial-gradient(60% 80% at 30% 20%,color-mix(in srgb,var(--tc) 40%,#fff),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--tc) 18%,#fff),#f8fafc);color:var(--tc);font-size:54px}
.post-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.post-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}
.post-meta em{font-style:normal;font-weight:700;color:var(--tc,#047857)}
.post b{font-family:var(--font-display);font-size:19px;line-height:1.25;letter-spacing:-.015em}
.post p{font-size:14px;color:var(--ink-2);line-height:1.55}
.post-more{margin-top:auto;font-size:14px;font-weight:600;color:#047857;display:inline-flex;gap:6px;align-items:center}
.post-big{flex-direction:row}
.post-big .post-art{width:42%;height:auto;min-height:280px;font-size:96px}
.post-big .post-body{padding:30px 34px;justify-content:center}
.post-big b{font-size:30px}
.post-big p{font-size:16px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.post.hide{display:none}
.blog-sub{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:22px 26px;border-radius:16px;background:#0b1220;color:#fff}
.blog-sub b{font-family:var(--font-display);font-size:20px}.blog-sub p{color:#94a3b8;font-size:14px}
.post-hero .h1{font-size:clamp(34px,3.6vw,52px);margin:10px 0 14px}
.post-hero .post-meta{margin-top:14px}
.post-author{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:13.5px;color:var(--muted)}
.post-author .brand-mark svg{width:34px;height:34px}.post-author b{display:block;color:var(--ink);font-size:14px}
.post-layout{display:grid;grid-template-columns:260px minmax(0,720px);gap:48px;justify-content:center;padding:36px 0 20px}
.post-toc{position:sticky;top:calc(var(--nav-h) + 20px);align-self:start;display:flex;flex-direction:column;gap:18px}
.post-toc>p{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.post-toc ol{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line)}
.post-toc a{display:block;padding:6px 12px;font-size:14px;color:var(--ink-2);margin-left:-2px;border-left:2px solid transparent}
.post-toc a:hover{color:var(--ink);border-left-color:#10b981}
.post-svc{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.post-svc .ot-ico{background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc)}
.post-svc b{font-family:var(--font-display);font-size:16px}.post-svc p{font-size:13px;color:var(--ink-2);line-height:1.5}
.post-content{font-size:17.5px;line-height:1.75;color:#1f2937}
.post-content h2{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.025em;margin:38px 0 12px;scroll-margin-top:120px}
.post-content p{margin:0 0 16px}
.post-content ul{margin:0 0 18px;padding-left:0}
.post-content ul li{position:relative;padding-left:26px;margin-bottom:8px}
.post-content ul li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:#10b981}
.post-take{padding:20px 22px;border-radius:14px;background:linear-gradient(135deg,#f0fdf6,#eff6ff);border:1px solid #bbf7d0}
.post-take>p{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#047857;margin-bottom:8px}
.post-take ul li{padding-left:0;display:flex;gap:10px;font-size:16px}.post-take ul li::before{display:none}.post-take i{color:#10b981;font-size:20px;margin-top:3px}
.post-end{margin-top:36px;padding:24px;border-radius:16px;background:#0b1220;color:#fff}
.post-end b{font-family:var(--font-display);font-size:22px}.post-end p{color:#94a3b8;margin:6px 0 14px}
@media (max-width:1000px){.blog-grid{grid-template-columns:1fr}.post-big{flex-direction:column}.post-big .post-art{width:100%;min-height:180px}.post-layout{grid-template-columns:1fr}.post-toc{position:static}}
/* ===================== v30: pricing cubes ===================== */
.cubes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:34px 0 26px;perspective:1400px}
.cube{position:relative;display:block;transform-style:preserve-3d;transform:rotateX(4deg) rotateY(-6deg);transition:box-shadow .3s}
.cube-face{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 22px 20px;border-radius:18px;background:#fff;border:1px solid color-mix(in srgb,var(--tc) 30%,var(--line));
  box-shadow:0 30px 50px -28px color-mix(in srgb,var(--tc) 60%,transparent)}
.cube-top{position:absolute;left:10px;right:-10px;top:-12px;height:24px;z-index:1;border-radius:18px 18px 4px 4px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 55%,#fff),color-mix(in srgb,var(--tc) 30%,#fff));transform:skewX(-40deg);transform-origin:bottom}
.cube-side{position:absolute;top:-6px;right:-12px;bottom:10px;width:16px;z-index:1;border-radius:0 14px 14px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 70%,#0b1220),color-mix(in srgb,var(--tc) 45%,#0b1220));transform:skewY(-40deg);transform-origin:left}
.cube-face::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;opacity:0}
.cube:hover .cube-face::after{opacity:1;animation:cubeShine 1s ease forwards}
@keyframes cubeShine{to{background-position:-50% 0}}
.cube:hover .cube-face{border-color:var(--tc)}
.cube-h{display:flex;justify-content:space-between;align-items:center}
.cube-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--tc),color-mix(in srgb,var(--tc) 55%,#0b1220));color:#fff;font-size:22px;box-shadow:0 8px 16px -8px var(--tc)}
.cube-h em{font-style:normal;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--tc) 14%,#fff);color:color-mix(in srgb,var(--tc) 70%,#0b1220)}
.cube-svc{font-size:13px;color:var(--muted);margin-top:6px}
.cube-plan{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em}
.cube-price{display:flex;align-items:baseline;gap:4px}
.cube-price b{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-.035em;background:linear-gradient(90deg,#0b1220,color-mix(in srgb,var(--tc) 70%,#0b1220));-webkit-background-clip:text;background-clip:text;color:transparent}
.cube-price small{font-size:14px;color:var(--muted)}
.cube-fit{font-size:13px;color:var(--ink-2)}
.cube-feats{display:flex;flex-direction:column;gap:5px;margin:6px 0 4px;padding-top:10px;border-top:1px dashed var(--line)}
.cube-feats li{display:flex;gap:7px;font-size:13px;color:var(--ink-2)}.cube-feats i{color:var(--tc);margin-top:3px}
.cube-cta{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--tc) 75%,#0b1220);display:inline-flex;gap:6px;align-items:center}
@media (prefers-reduced-motion:no-preference){
  html.js .cubes .cube.reveal{opacity:0;transform:rotateX(4deg) rotateY(-6deg) translateY(40px) rotateZ(-3deg);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*120ms)}
  html.js .cubes .cube.reveal.in{opacity:1;transform:rotateX(4deg) rotateY(-6deg)}
}
@media (max-width:1000px){.cubes{grid-template-columns:1fr 1fr}.cube{transform:none}}
/* v31: featured full-management button in mega menus, shining border */
@property --mfa{syntax:"<angle>";initial-value:0deg;inherits:false}
.mega-cards.has-feat .mega-feats{grid-column:1/5;grid-row:1;display:flex;gap:12px}
.mega-cards.has-feat .mega-promo{grid-column:5;grid-row:1/span 2}
.mega-feat{position:relative;flex:1;display:block;padding:2px;border-radius:16px;
  background:conic-gradient(from var(--mfa),#bef264,#10b981,#0ea5e9,#a855f7,#f59e0b,#bef264);animation:mfSpin 4s linear infinite;
  box-shadow:0 10px 30px -12px rgba(16,185,129,.55)}
@keyframes mfSpin{to{--mfa:360deg}}
.mega-feat::after{content:"";position:absolute;inset:0;border-radius:16px;background:inherit;filter:blur(10px);opacity:.45;z-index:-1}
.mf-in{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#fff,#f6fdf9)}
.mf-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mf-t em{font-style:normal;display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#047857}
.mf-t b{font-family:var(--font-display);font-size:16.5px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-price{flex:none;padding:5px 10px;border-radius:999px;background:#0b1220;color:#bef264;font-size:12.5px;font-weight:700;white-space:nowrap}
.mf-go{font-size:18px;color:#047857;transition:transform .2s}
.mega-feat:hover .mf-go{transform:translateX(3px)}
.mega-feat:hover .mf-in{background:#fff}
@media (prefers-reduced-motion:reduce){.mega-feat{animation:none}}
.mega-feat::after{display:none}
.mega-feat{isolation:isolate;box-shadow:0 0 0 1px rgba(16,185,129,.15),0 12px 28px -14px rgba(16,185,129,.6)}
.mf-t em{white-space:nowrap}
.mf-in{min-height:76px}
/* ===================== v32: full-service team flow + Amazon x PPC Spider hero gradient ===================== */
.theme-amazon .hero-channel{background:
  radial-gradient(45% 60% at 92% 20%,rgba(255,153,0,.38),transparent 70%),
  radial-gradient(40% 55% at 75% 95%,rgba(16,185,129,.30),transparent 70%),
  radial-gradient(35% 50% at 55% 40%,rgba(190,242,100,.14),transparent 70%),
  radial-gradient(40% 60% at 5% 100%,rgba(14,165,233,.18),transparent 70%),
  linear-gradient(140deg,#131921 0%,#1a2533 45%,#232f3e 100%)!important}
.theme-amazon .hero-channel::before{background:radial-gradient(30% 40% at 85% 30%,rgba(255,184,77,.25),transparent 70%)!important}
.team-flow{width:100%;max-width:640px;display:block;margin:auto;overflow:visible}
.tf-dept rect{fill:rgba(255,255,255,.07);stroke:color-mix(in srgb,var(--c) 70%,transparent);stroke-width:1.5}
.tf-dept circle{fill:var(--c)}
.tf-ico,.tf-ico2,.tf-ico3,.tf-ico4{color:#fff}.tf-ico *,.tf-ico2 *,.tf-ico3 *,.tf-ico4 *{fill:currentColor}
.tf-ico3{color:#0b1220}.tf-ico4{color:#e2e8f0}
.tf-dn{font-family:var(--font-display);font-size:14.5px;font-weight:700;fill:#fff}
.tf-kk{font-family:var(--font-body);font-size:11px;fill:rgba(255,255,255,.62)}
.tf-kv{font-family:var(--font-display);font-size:16px;font-weight:800;fill:#fff}
.tf-kv tspan{font-size:11px;fill:#4ade80}
.tf-spark{fill:none;stroke:var(--c);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;animation:tfDraw 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*.3s)}
@keyframes tfDraw{0%{stroke-dashoffset:120}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-120}}
.tf-feed{fill:none;stroke:var(--c);stroke-opacity:.55;stroke-width:2;stroke-dasharray:5 6;animation:wfFlow 1.4s linear infinite reverse}
.tf-link{fill:none;stroke:rgba(255,255,255,.45);stroke-width:2;stroke-dasharray:6 6;animation:wfFlow 1.2s linear infinite reverse}
.tf-two{stroke:rgba(255,184,77,.65)}
.tf-loop{fill:none;stroke:rgba(196,181,253,.55);stroke-width:2;stroke-dasharray:4 7;animation:wfFlow 1.6s linear infinite reverse}
.tf-rep{stroke:rgba(190,242,100,.5)}
.tf-glow{fill:rgba(190,242,100,.10)}
.tf-ring{fill:none;stroke:url(#none);stroke:#bef264;stroke-width:3;stroke-dasharray:40 14;animation:amSpin 10s linear infinite}
.tf-core{fill:#0b1220;stroke:rgba(255,255,255,.25);stroke-width:1.5}
.tf-hub g svg [stroke]{stroke:#fff}
.tf-ht{font-family:var(--font-display);font-size:15px;font-weight:800;fill:#fff}
.tf-hs{font-family:var(--font-body);font-size:10px;fill:#bef264}
.tf-am circle{fill:linear-gradient(#fff,#fff);fill:#10b981;stroke:#bef264;stroke-width:3}
.tf-client circle{fill:#fff;stroke:#ff9900;stroke-width:3.5;animation:tfPulse 2.4s ease-in-out infinite}
@keyframes tfPulse{50%{stroke-width:7;stroke-opacity:.6}}
.tf-nt{font-family:var(--font-display);font-size:14px;font-weight:700;fill:#fff}
.tf-ns{font-family:var(--font-body);font-size:11px;fill:rgba(255,255,255,.65)}
.tf-pill rect{fill:rgba(11,18,32,.85);stroke:rgba(255,184,77,.7);stroke-width:1}
.tf-pill text{font-family:var(--font-body);font-size:11px;font-weight:600;fill:#fde68a}
.tf-pill3 rect{stroke:rgba(196,181,253,.8)}.tf-pill3 text{fill:#ddd6fe}
.tf-pill4 rect{stroke:rgba(190,242,100,.7)}.tf-pill4 text{fill:#d9f99d}
.tf-dot{filter:drop-shadow(0 0 5px currentColor)}
.tf-note{font-family:var(--font-body);font-size:10.5px;fill:rgba(255,255,255,.5)}
.theme-walmart .tf-two{stroke:rgba(255,194,32,.7)}.theme-walmart .tf-client circle{stroke:#ffc220}
@media (prefers-reduced-motion:reduce){.team-flow *{animation:none!important}.tf-spark{stroke-dashoffset:0}}
.team-flow{max-width:720px}
.hero-service .hero-visual:has(.team-flow){margin-right:-40px}
/* v33: bigger team flow + richer Amazon x PPC Spider hero gradient */
.hero-service:has(.team-flow) .hero-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:24px}
.hero-service:has(.team-flow) .h1{font-size:clamp(40px,4.2vw,62px)}
.hero-service:has(.team-flow) .hero-visual{margin-right:-90px!important}
.team-flow{max-width:none;width:100%}
.theme-amazon .hero-channel{background:
  radial-gradient(38% 55% at 78% 42%,rgba(255,153,0,.34),transparent 72%),
  radial-gradient(30% 45% at 98% 4%,rgba(255,206,92,.30),transparent 70%),
  radial-gradient(42% 60% at 66% 100%,rgba(16,185,129,.34),transparent 72%),
  radial-gradient(30% 40% at 44% 62%,rgba(190,242,100,.12),transparent 70%),
  radial-gradient(40% 55% at 0% 0%,rgba(14,165,233,.20),transparent 70%),
  radial-gradient(35% 50% at 8% 100%,rgba(139,92,246,.18),transparent 70%),
  linear-gradient(135deg,#0d141d 0%,#131c29 40%,#1b2636 70%,#232f3e 100%)!important}
.theme-amazon .hero-channel::before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;opacity:1!important;
  background:conic-gradient(from 200deg at 70% 50%,rgba(255,153,0,.0),rgba(255,153,0,.16),rgba(16,185,129,.16),rgba(14,165,233,.10),rgba(255,153,0,0))!important;filter:blur(70px)}
@media (prefers-reduced-motion:no-preference){.theme-amazon .hero-channel::before{animation:amSpin 40s linear infinite}}
.theme-amazon .hero-channel::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 60%,rgba(0,0,0,.35))}
.hero-visual svg.team-flow{max-width:none!important;width:100%!important}
@media (max-width:1366px){.hero-service:has(.team-flow) .hero-visual{margin-right:0!important}}
/* v34: rotating colour-coded callout slideshow */
.os-callout{display:grid;padding:0;background:none;box-shadow:none;overflow:visible;margin-bottom:18px}
.os-callout::before{display:none}
.osc-slide{--a:#bef264;--b:#34d399;--ink:#0b1220;--bg:#0b1220;grid-area:1/1;display:inline-flex;align-items:center;gap:9px;justify-self:start;padding:5px 14px 5px 5px;border-radius:999px;
  background:linear-gradient(#0b1220,#0b1220) padding-box,linear-gradient(90deg,var(--a),var(--b)) border-box;border:1.5px solid transparent;color:#e2e8f0;font-size:13.5px;white-space:nowrap;
  box-shadow:0 10px 26px -12px color-mix(in srgb,var(--b) 70%,transparent);opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1)}
.osc-slide.on{opacity:1;transform:none;pointer-events:auto}
.osc-slide.out{opacity:0;transform:translateY(-10px) scale(.98)}
.osc-new{padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,var(--a),var(--b));color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.osc-mark{display:grid;place-items:center;color:var(--a);font-size:17px}
.osc-mark svg{width:18px;height:18px}.osc-mark svg [stroke]{stroke:#fff}
.osc-t b{background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:5px;font-weight:800}
.osc-go{color:var(--a);transition:transform .2s}.osc-slide:hover .osc-go{transform:translateX(3px)}
.osc-ai{--a:#bef264;--b:#34d399}
.osc-amber{--a:#fde047;--b:#ff9900}
.osc-sky{--a:#7dd3fc;--b:#3b82f6;--ink:#0b1220}
.osc-violet{--a:#c4b5fd;--b:#8b5cf6}
.osc-rose{--a:#fda4af;--b:#f43f5e}
.osc-lime{--a:#d9f99d;--b:#22c55e}
.osc-bar{grid-area:1/1;align-self:end;justify-self:start;height:2px;width:0;margin:0 0 -6px 16px;border-radius:2px;background:linear-gradient(90deg,var(--ba,#bef264),var(--bb,#34d399));opacity:.85}
.os-callout.run .osc-bar{animation:oscBar var(--osc-ms,3800ms) linear infinite}
@keyframes oscBar{from{width:0}to{width:calc(100% - 32px)}}
@media (prefers-reduced-motion:reduce){.osc-slide{transition:opacity .2s;transform:none!important}.os-callout.run .osc-bar{animation:none}}
/* v35: callout slideshow on every page */
.callout-row{margin:14px 0 4px}
.callout-row .os-callout{margin-bottom:6px}
.callout-center{display:flex;justify-content:center}
.callout-center .osc-slide{justify-self:center}
.post-hero .callout-row,.page-hero .callout-row{margin-top:12px}
/* v37: pointer gradient spotlight on the web stage, faster ambient motion */
.wst-spot{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;
  background:radial-gradient(260px 260px at var(--mx,50%) var(--my,50%),rgba(190,242,100,.35),rgba(16,185,129,.18) 40%,transparent 70%),
             radial-gradient(520px 420px at var(--mx,50%) var(--my,50%),rgba(14,165,233,.16),rgba(139,92,246,.10) 50%,transparent 75%);mix-blend-mode:screen}
.wst-stage.spot-on .wst-spot{opacity:1}
.wst-grid{position:relative;z-index:1}
.wst-aurora .a1{animation-duration:11s}.wst-aurora .a2{animation-duration:13s}.wst-aurora .a3{animation-duration:15s}.wst-aurora .a4{animation-duration:17s}
.wst-dew{animation-duration:2.6s}
.wst-spot{mix-blend-mode:normal;background:
  radial-gradient(220px 220px at var(--mx,50%) var(--my,50%),rgba(217,249,157,.55),rgba(52,211,153,.30) 45%,transparent 72%),
  radial-gradient(560px 460px at var(--mx,50%) var(--my,50%),rgba(56,189,248,.28),rgba(167,139,250,.18) 50%,transparent 78%)}
/* ===================== v39: blog thumbnails + animated infographics ===================== */
.post-art{display:block;height:auto;padding:0;background:#0b1220;aspect-ratio:1200/630;overflow:hidden}
.post-big .post-art{min-height:0;width:48%;aspect-ratio:auto;display:flex;align-items:center}
.bthumb{display:block;width:100%;height:auto}
.bt-h{font-family:var(--font-display);font-weight:800;font-size:96px;letter-spacing:-3px;fill:#fff}
.bt-hot{fill:#fde047}
.bt-k{font-family:var(--font-body);font-weight:800;font-size:20px;letter-spacing:2px;fill:#fff}
.bt-stat{font-family:var(--font-display);font-weight:800;fill:#fde047}
.bt-sl{font-family:var(--font-body);font-weight:700;font-size:13px;fill:#fff;text-transform:uppercase;letter-spacing:.5px}
.bt-arrow{fill:none;stroke:#ef4444;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.bthumb .bt-burst{transform-box:fill-box;transform-origin:center}
.post:hover .bt-burst{animation:btPop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes btPop{0%{transform:scale(1)}40%{transform:scale(1.08) rotate(6deg)}100%{transform:scale(1)}}
.post-thumb{margin-top:22px;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(11,18,32,.6)}
.post-thumb .bt-burst{animation:btSpin 18s linear infinite}
@keyframes btSpin{to{transform:rotate(360deg)}}
.post-thumb .bt-burst text,.post-thumb .bt-burst circle{animation:btSpin 18s linear infinite reverse;transform-box:view-box;transform-origin:930px 300px}
.bviz{margin:26px 0;padding:22px;border-radius:16px;background:#0b1220;color:#e2e8f0;box-shadow:0 24px 50px -28px rgba(11,18,32,.6)}
.bv-t{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bef264;margin-bottom:12px}
.bv-bars li{display:grid;grid-template-columns:160px 1fr 54px;gap:12px;align-items:center;margin:8px 0;font-size:14.5px}
.bv-bars i{height:14px;border-radius:7px;background:linear-gradient(90deg,#bef264,#10b981,#0ea5e9);width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*120ms)}
.bviz.in .bv-bars i{width:var(--w)}
.bv-bars b{font-family:var(--font-display);text-align:right;color:#fff}
.bv-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.bv-steps li{position:relative;padding:16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*160ms)}
.bviz.in .bv-steps li{opacity:1;transform:none}
.bv-steps span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#bef264,#10b981);color:#0b1220;font-weight:800;font-size:14px;margin-bottom:8px}
.bv-steps b{display:block;color:#fff;font-size:15px}.bv-steps p{font-size:13.5px;color:#94a3b8;margin:4px 0 0!important;line-height:1.5}
.bv-split{width:100%;border-collapse:collapse;font-size:15px}
.bv-split th{font-family:var(--font-display);font-size:17px;color:#fff;padding:8px;text-align:center}
.bv-split th:first-child{text-align:left}
.bv-split td{padding:11px 8px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.bv-split td:first-child{text-align:left;color:#cbd5e1}
.bv-split tr{opacity:0;transition:opacity .45s;transition-delay:calc(var(--i)*140ms)}
.bv-split thead tr,.bviz.in .bv-split tr{opacity:1}
.bv-y{color:#4ade80;font-size:22px}.bv-n{color:#f87171;font-size:22px}
.bv-note{margin:14px 0 0!important;font-size:14px;color:#bef264}
@media (prefers-reduced-motion:reduce){.bv-bars i{transition:none}.bv-steps li,.bv-split tr{opacity:1;transform:none;transition:none}.post-thumb .bt-burst,.post-thumb .bt-burst *{animation:none}}
/* v41: news channel */
.news-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.news-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--ink-2)}
.news-tabs a i{color:var(--tc,#047857)}
.news-tabs a.on{background:#0b1220;color:#fff;border-color:#0b1220}.news-tabs a.on i{color:#bef264}
.news-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#b91c1c;text-transform:uppercase;letter-spacing:.06em}
.news-live i{width:9px;height:9px;border-radius:50%;background:#ef4444;animation:wstLive 1.4s ease-out infinite;box-shadow:0 0 0 0 rgba(239,68,68,.6)}
.news-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;padding:18px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}
.news-facts dt{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#c2410c}
.news-facts dd{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--ink)}
@media (max-width:800px){.news-facts{grid-template-columns:1fr}}
/* nav: keep brand icons; make room with tighter spacing instead */
.nav-btn .bstack{display:inline-flex}
.nav-links{gap:0}
.nav .nav-btn{padding:9px 6px;gap:4px}
.nav-btn .bstack .bchip+.bchip{margin-left:-9px}
.nav-links a[href="/amazon-seller-news/"]{padding:9px 8px}
@media (max-width:1399px){.nav-btn .bstack .bchip:nth-child(n+3){display:none}}
@media (max-width:1180px){.nav-btn .bstack{display:none}}
.nav-links a[href="/amazon-seller-news/"]{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
.nav-links a[href="/amazon-seller-news/"]::before{content:"";width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:wstLive 1.6s ease-out infinite}

/* ---- v43: thumbnail styles, rich infographics, guides library */
.bt-h{font-family:var(--font-display);font-weight:800;letter-spacing:-2px}
.bthumb .bt-logo image{pointer-events:none}
.bthumb .bt-sticker,.bthumb .bt-vs,.bthumb .bt-cal,.bthumb .bt-ticket,.bthumb .bt-card{transform-box:fill-box;transform-origin:center}
.post:hover .bt-sticker,.post:hover .bt-vs,.post:hover .bt-cal,.post:hover .bt-ticket{animation:btPop .6s cubic-bezier(.34,1.56,.64,1)}
.post:hover .bt-card{transform:translateY(-6px);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.bthumb .bt-bar{transform-box:fill-box;transform-origin:bottom}
.post:hover .bt-bar,.post-thumb .bt-bar{animation:btGrow .8s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i)*70ms)}
.post-thumb .bt-line{stroke-dasharray:600;animation:btDraw 1.6s .4s cubic-bezier(.22,1,.36,1) both}
.post-thumb .bt-row{animation:btRow .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.2s + var(--i)*160ms)}
.post-thumb .bt-blink,.post:hover .bt-blink{animation:btBlink 1s steps(2) infinite}
.post-thumb .bt-cursor{animation:btCursor 2.4s ease-in-out infinite}
.post-thumb .bt-conf{animation:btFloat 3s ease-in-out infinite;animation-delay:calc(var(--i)*-300ms)}
.post-thumb .bt-sticker{animation:btWobble 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes btGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes btDraw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@keyframes btRow{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes btBlink{50%{opacity:.15}}
@keyframes btCursor{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,26px)}}
@keyframes btFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes btWobble{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}

.bviz-alt{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 18px 40px -30px rgba(15,23,42,.35)}
.bviz-alt .bv-t{color:#059669}
.bviz-alt .bv-steps li{background:#fff;border-color:#e2e8f0}.bviz-alt .bv-steps b{color:#0f172a}.bviz-alt .bv-steps p{color:#475569}
.bviz-alt .bv-split th,.bviz-alt .bv-cmp th{color:#0f172a}.bviz-alt .bv-split td,.bviz-alt .bv-cmp td{border-color:#e2e8f0}.bviz-alt .bv-split td:first-child,.bviz-alt .bv-cmp td:first-child{color:#334155}
.bviz-alt .bv-bars b,.bviz-alt .bv-stats b{color:#0f172a}.bviz-alt .bv-stats div{background:#fff;border-color:#e2e8f0}.bviz-alt .bv-stats span{color:#475569}
.bviz-alt .bv-check li{background:#fff;border-color:#e2e8f0;color:#0f172a}.bviz-alt .bv-time p{color:#334155}.bviz-alt .bv-time li::before{background:#e2e8f0}
.bviz-alt .bv-donut li{color:#334155}.bviz-alt .bv-donut b{color:#0f172a}.bviz-alt .bv-src{color:#64748b}
.bv-src{display:block;margin-top:14px;font-size:12.5px;color:#94a3b8}.bv-src a{color:inherit;text-decoration:underline}
.bv-scroll{overflow-x:auto}
.bv-cmp{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.bv-cmp th{font-family:var(--font-display);font-size:15.5px;color:#fff;padding:10px 8px;text-align:center;background:rgba(190,242,100,.08)}
.bv-cmp th:first-child{background:none}
.bv-cmp td{padding:11px 8px;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:inherit}
.bv-cmp td:first-child{text-align:left;font-weight:600;color:#cbd5e1}
.bv-cmp tr{opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s;transition-delay:calc(var(--i)*110ms)}
.bv-cmp thead tr,.bviz.in .bv-cmp tr{opacity:1;transform:none}
.bv-check{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.bv-check li{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:14.5px;line-height:1.45;opacity:0;transform:scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i)*90ms)}
.bviz.in .bv-check li{opacity:1;transform:none}
.bv-check i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#10b981;color:#fff;font-size:14px}
.bv-time{position:relative;display:grid;gap:4px;padding-left:4px}
.bv-time li{position:relative;display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0 12px 26px;opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .5s;transition-delay:calc(var(--i)*140ms)}
.bviz.in .bv-time li{opacity:1;transform:none}
.bv-time li::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.12)}
.bv-time li::after{content:"";position:absolute;left:0;top:17px;width:14px;height:14px;border-radius:50%;background:#bef264;box-shadow:0 0 0 4px rgba(190,242,100,.18)}
.bv-time time{font-family:var(--font-display);font-weight:800;color:#bef264;font-size:15px}
.bviz-alt .bv-time time{color:#059669}
.bv-time p{margin:0!important;font-size:14.5px;color:#cbd5e1;line-height:1.5}
.bv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.bv-stats div{padding:18px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*130ms)}
.bviz.in .bv-stats div{opacity:1;transform:none}
.bv-stats b{display:block;font-family:var(--font-display);font-size:34px;line-height:1.05;color:#fff;letter-spacing:-1px}
.bv-stats span{display:block;margin-top:6px;font-size:13.5px;color:#94a3b8;line-height:1.4}
.bv-donut{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center}
.bv-donut svg{width:200px;height:200px;transform:rotate(-90deg)}
.bv-arc{stroke-dasharray:0 100;transition:stroke-dasharray 1.1s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*160ms)}
.bviz.in .bv-arc{stroke-dasharray:var(--d) calc(100 - var(--d))}
.bv-donut ul{display:grid;gap:9px}
.bv-donut li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#cbd5e1}
.bv-donut li i{width:12px;height:12px;border-radius:4px;flex:none}
.bv-donut li b{margin-left:auto;font-family:var(--font-display);color:#fff}
.post-content p a,.post-content li a,.post-hero .lead a{color:var(--brand-ink,#047857);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.post-sources li{font-size:14px;word-break:break-word}
.post-related{margin:30px 0;padding:22px 24px;border-radius:16px;border:1px solid var(--line,#e2e8f0);background:var(--surface,#fff)}
.post-related p{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 10px!important}
.post-related ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;margin:0 0 12px;padding:0;list-style:none}
.post-related li{padding:0;margin:0}.post-related li::before{display:none}
.post-related a{font-weight:600}
.gl-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.gl-jump a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line,#e2e8f0);font-weight:600;font-size:14.5px;transition:transform .2s,box-shadow .2s}
.gl-jump a:hover{transform:translateY(-2px);box-shadow:0 10px 24px -16px rgba(15,23,42,.4)}
.gl-jump em{font-style:normal;font-size:12px;padding:2px 7px;border-radius:999px;background:#ecfdf5;color:#047857}
.gl-sec{margin:0 0 56px;scroll-margin-top:100px}
.gl-sec>h2{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.gl-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:16px}
.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0}
.guide-list a{display:grid;grid-template-columns:44px 1fr 18px;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line,#e2e8f0);transition:transform .2s,box-shadow .2s,border-color .2s}
.guide-list a:hover{transform:translateY(-2px);border-color:var(--tc);box-shadow:0 14px 28px -20px rgba(15,23,42,.45)}
.gl-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--tb);color:var(--tc);font-size:22px}
.guide-list b{display:block;font-size:15px;line-height:1.35;color:#0f172a}
.guide-list small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:#64748b;line-height:1.45;margin-top:3px}
.gl-go{color:#94a3b8}
.blog-all{margin-top:48px}.blog-all h2{margin-bottom:16px}.blog-all>p{margin-top:22px}
@media (max-width:860px){.gl-feature,.guide-list,.post-related ul{grid-template-columns:1fr}.bv-donut{grid-template-columns:1fr}.bv-time li{grid-template-columns:1fr;gap:4px}}
@media (prefers-reduced-motion:reduce){.bv-cmp tr,.bv-check li,.bv-time li,.bv-stats div{opacity:1;transform:none;transition:none}.bv-arc{transition:none;stroke-dasharray:var(--d) calc(100 - var(--d))}.post-thumb .bthumb *,.post .bthumb *{animation:none!important}}
.post-thumb .bt-burst,.post-thumb .bt-burst text,.post-thumb .bt-burst circle{animation:none}
.post-thumb .bt-burst{animation:btPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes btPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* ---- v44: news channel front page */
.nw-page{background:#fff}
.nw-mast{border-bottom:1px solid #e5e7eb;background:#fff;padding-top:8px}
.nw-mast-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 0 14px;border-bottom:3px double #0f172a}
.nw-date{margin:0;font-size:13.5px;font-weight:600;color:#475569}
.nw-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:34px;letter-spacing:-1px;color:#0f172a;font-weight:700;white-space:nowrap}
.nw-logo b{color:#e11d48;font-weight:800}
.nw-logo .brand-mark{width:40px;height:40px}
.nw-ed{margin:0;justify-self:end;display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.06em}
.nw-ed .news-live{margin:0}
.nw-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:6px 0}
.nw-tabs::-webkit-scrollbar{display:none}
.nw-tabs a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 13px;font-size:14px;font-weight:700;color:#334155;border-radius:8px;text-transform:uppercase;letter-spacing:.02em;position:relative}
.nw-tabs a:hover{background:#f1f5f9;color:#0f172a}
.nw-tabs a.on{color:#e11d48}
.nw-tabs a.on::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:3px;border-radius:2px;background:#e11d48}
.nw-tick{background:#0f172a;color:#fff}
.nw-tick-in{display:flex;align-items:center;gap:16px;height:44px}
.nw-brk{flex:none;padding:5px 12px;border-radius:6px;background:#e11d48;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;animation:btBlink 1.4s steps(2) infinite}
.nw-tick-vp{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.nw-tick-tr{display:flex;width:max-content;animation:nwTick 70s linear infinite}
.nw-tick-vp:hover .nw-tick-tr{animation-play-state:paused}
.nw-tick-tr a{flex:none;padding:0 28px;font-size:14.5px;color:#e2e8f0;white-space:nowrap;border-right:1px solid rgba(255,255,255,.18)}
.nw-tick-tr a:hover{color:#fde047}
.nw-tick-tr b{color:#fde047;margin-right:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
@keyframes nwTick{to{transform:translateX(-50%)}}
.nw-crumbs{margin:18px 0 6px}
.nw-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid #e5e7eb;margin-bottom:22px}
.nw-h1{font-family:var(--font-display);font-size:30px;letter-spacing:-.8px;margin:0;color:#0f172a}
.nw-head p{margin:0;color:#64748b;font-size:15px}
.nw-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:28px;align-items:start}
.nw-left{position:sticky;top:96px}
.nw-lt{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px 6px}
.nw-dept>a{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;font-weight:700;font-size:15.5px;color:#0f172a}
.nw-dept>a:hover,.nw-dept.on>a{background:#f8fafc}
.nw-dept.on>a{box-shadow:inset 3px 0 0 var(--tc)}
.nw-dept em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px}
.nw-di{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc);font-size:19px;flex:none}
.nw-sub{display:grid;margin:2px 0 8px 54px;border-left:2px solid #e5e7eb}
.nw-sub a{padding:5px 12px;font-size:13.5px;color:#475569;font-weight:600}
.nw-sub a:hover,.nw-sub a.on{color:#e11d48}
.nw-rail-more{display:grid;gap:4px;margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb}
.nw-rail-more a{display:flex;align-items:center;gap:10px;padding:8px;font-weight:600;color:#334155;font-size:14.5px;border-radius:10px}
.nw-rail-more a:hover{background:#f8fafc}
.nw-rail-more .nw-subbtn{justify-content:center;color:#fff;margin-top:8px;background:#e11d48;border-color:#e11d48}
.nw-ch{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tc);margin-bottom:6px}
.nw-th{display:block;border-radius:12px;overflow:hidden;background:#0b1220}
.nw-th svg{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.22,1,.36,1)}
article:hover .nw-th svg{transform:scale(1.03)}
.nw-lead{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 40px -32px rgba(15,23,42,.5)}
.nw-lead .nw-th{border-radius:0}
.nw-lead-b{padding:22px 26px 24px}
.nw-lead h2{font-family:var(--font-display);font-size:32px;line-height:1.15;letter-spacing:-.8px;margin:2px 0 10px}
.nw-lead h2 a,.nw-m h3 a,.nw-s h3 a{color:#0f172a}
.nw-lead h2 a:hover,.nw-m h3 a:hover,.nw-s h3 a:hover{color:#e11d48}
.nw-lead p{font-size:16.5px;color:#334155;line-height:1.6;margin:0 0 12px}
.nw-lead ul{margin:0 0 14px;padding-left:20px;display:grid;gap:6px}
.nw-lead li{list-style:disc;font-size:15.5px;color:#0f172a;line-height:1.5}
.nw-lead footer{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding-top:14px;border-top:1px solid #f1f5f9;font-size:13.5px;color:#64748b}
.nw-lead footer a{margin-left:auto;font-weight:700;color:#e11d48}
.nw-h{font-family:var(--font-display);font-size:20px;letter-spacing:-.3px;margin:30px 0 14px;padding-bottom:8px;border-bottom:2px solid #0f172a;display:flex;align-items:center;gap:8px}
.nw-h::before{content:"";width:10px;height:10px;border-radius:2px;background:#e11d48}
.nw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.nw-m h3{font-family:var(--font-display);font-size:18px;line-height:1.3;margin:2px 0 6px;letter-spacing:-.2px}
.nw-m .nw-th{margin-bottom:12px}
.nw-m p{font-size:14.5px;color:#475569;line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-m time,.nw-s time{font-size:12.5px;color:#94a3b8;font-weight:600}
.nw-list{display:grid;gap:14px}
.nw-s{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:start;padding-bottom:14px;border-bottom:1px solid #f1f5f9}
.nw-s .nw-th{border-radius:8px}
.nw-s h3{font-size:15px;line-height:1.35;margin:0 0 4px;font-weight:700}
.nw-s .nw-ch{margin-bottom:3px;font-size:11px}
.nw-right{display:grid;gap:18px;position:sticky;top:96px}
.nw-box{border:1px solid #e5e7eb;border-radius:16px;padding:18px 18px 14px;background:#fff}
.nw-box h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0f172a;margin:0 0 12px}
.nw-box h2 i{color:#e11d48;font-size:18px}
.nw-kd ul{display:grid;gap:0}
.nw-kd a{display:grid;gap:3px;padding:10px 0 10px 14px;border-left:3px solid #fde047;margin-bottom:8px}
.nw-kd a:hover{border-color:#e11d48}
.nw-kd b{font-size:13px;color:#b45309}
.nw-kd span{font-size:14px;color:#0f172a;font-weight:600;line-height:1.35}
.nw-ms ol{display:grid;gap:2px;counter-reset:none}
.nw-ms a{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:start;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:14.5px;font-weight:600;color:#0f172a;line-height:1.35}
.nw-ms a:hover{color:#e11d48}
.nw-ms span{font-family:var(--font-display);font-size:26px;line-height:1;color:#cbd5e1;font-weight:800}
.nw-cta{background:#0f172a;color:#fff;border-color:#0f172a}
.nw-cta b{font-family:var(--font-display);font-size:19px}
.nw-cta p{color:#cbd5e1;font-size:14px;margin:8px 0 14px}
.nw-dsec{margin-top:52px}
.nw-dsec>header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:10px;border-bottom:3px solid var(--tc);margin-bottom:20px}
.nw-dsec h2{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:26px;letter-spacing:-.5px;margin:0}
.nw-dsec header nav{display:flex;gap:4px;flex-wrap:wrap}
.nw-dsec header nav a{padding:6px 11px;border-radius:999px;font-size:13px;font-weight:700;color:#475569;background:#f8fafc}
.nw-dsec header nav a:hover{color:var(--tc)}
.nw-all{margin-left:auto;font-weight:700;font-size:14px;color:var(--tc)}
.nw-dgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 280px;gap:26px;align-items:start}
.nw-ex{background:#f8fafc;border-radius:14px;padding:16px 18px}
.nw-ex p{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tc);margin:0 0 8px}
.nw-ex li{border-bottom:1px solid #e5e7eb}
.nw-ex li:last-child{border:0}
.nw-ex a{display:block;padding:9px 0;font-size:14.5px;font-weight:600;color:#0f172a;line-height:1.35}
.nw-ex a:hover{color:var(--tc)}
.nw-soon{padding:30px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;text-align:center}
.nw-empty{text-align:center;padding:40px 20px;border:1px dashed #cbd5e1;border-radius:18px;margin-bottom:22px}
.nw-empty i{font-size:40px;color:#e11d48}.nw-empty h2{font-family:var(--font-display);margin:8px 0}.nw-empty p{color:#64748b}
.nw-page .blog-sub{margin-top:56px}
@media (max-width:1180px){.nw-layout{grid-template-columns:200px minmax(0,1fr)}.nw-right{grid-column:1/-1;position:static;grid-template-columns:repeat(3,1fr)}.nw-dgrid{grid-template-columns:1fr 1fr}.nw-ex{grid-column:1/-1}}
@media (max-width:860px){.nw-layout{grid-template-columns:1fr}.nw-left{position:static}.nw-right{grid-template-columns:1fr}.nw-mast-row{grid-template-columns:1fr}.nw-ed{justify-self:start}.nw-grid,.nw-dgrid{grid-template-columns:1fr}.nw-logo{font-size:26px}}
@media (prefers-reduced-motion:reduce){.nw-tick-tr,.nw-brk{animation:none}}
@media (max-width:1380px){.nav .nav-btn{font-size:13.5px;padding:9px 4px;gap:3px}.nav .nav-btn i.ph-caret-down{display:none}.nav-links a[href="/amazon-seller-news/"]{padding:9px 5px;font-size:13.5px}}

/* ---- v45: newsletter, lead box, ad slots, archives, home news */
.nl-form{display:grid;grid-template-columns:1fr 1.1fr;gap:12px 28px;align-items:center;margin:36px 0;padding:26px 28px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}
.nl-form b{font-family:var(--font-display);font-size:21px;display:block}
.nl-form p{margin:4px 0 0;color:#cbd5e1;font-size:14.5px}
.nl-row{display:flex;gap:8px}
.nl-row input[type=email]{flex:1;min-width:0;padding:13px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:inherit}
.nl-row input::placeholder{color:#94a3b8}
.nl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nl-msg{grid-column:1/-1;margin:0!important;min-height:1em;color:#bef264!important;font-weight:600}
.nl-form small{grid-column:1/-1;color:#94a3b8;font-size:12px}.nl-form small a{color:#cbd5e1;text-decoration:underline}
.nl-form.done .nl-row{opacity:.6}
.lead-box{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:28px 0;padding:20px 22px;border-radius:16px;border:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#fff)}
.lead-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f59e0b;color:#fff;font-size:22px}
.lead-box b{font-family:var(--font-display);font-size:18px;color:#0f172a}
.lead-box p{margin:4px 0 0!important;font-size:14.5px;color:#475569}
.lead-acts{display:grid;gap:6px;justify-items:center}
.lead-alt{font-size:13px;color:#64748b;text-decoration:underline}
.ad-slot{margin:26px 0;padding:10px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;min-height:120px}
.ad-slot>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;text-align:center;margin-bottom:6px}
.nw-right .ad-slot{border:1px solid #e5e7eb;border-radius:16px;padding:12px;margin:0;min-height:280px}
.nw-links{display:grid;gap:2px;padding:12px 14px}
.nw-links a{display:flex;align-items:center;gap:10px;padding:8px 4px;font-size:14px;font-weight:600;color:#334155}
.nw-links a:hover{color:#e11d48}
.nw-months{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 22px}
.nw-months a{padding:7px 13px;border-radius:999px;border:1px solid #e5e7eb;font-size:13.5px;font-weight:700;color:#334155}
.nw-months a.on{background:#0f172a;color:#fff;border-color:#0f172a}
.nw-day .nw-h{margin-top:0}
.home-news .hn-head{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.home-news .hn-head .news-live{width:100%;margin:0}
.home-news .h2{margin:0}
.home-news .nw-all{margin-left:auto;font-weight:700;color:#e11d48}
.hn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.post-author a{margin-left:6px;font-size:12.5px;text-decoration:underline;color:#64748b}
@media (max-width:980px){.hn-grid{grid-template-columns:1fr 1fr}.nl-form,.lead-box{grid-template-columns:1fr}.lead-acts{justify-items:start}}

/* ---- v46: home "how we grow brands" section */
.sec-grow{padding-top:20px}
.gr-panel{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:56px;padding:56px;border-radius:32px;background:radial-gradient(120% 90% at 78% 30%,#14304a 0%,#0b1220 55%,#070b14 100%);color:#e2e8f0;overflow:hidden;box-shadow:0 50px 90px -50px rgba(11,18,32,.75)}
.gr-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(70% 70% at 70% 45%,#000,transparent);pointer-events:none}
.gr-intro{position:relative;display:flex;flex-direction:column;gap:16px;padding-right:40px;border-right:1px solid rgba(255,255,255,.1)}
.gr-kick{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#bef264;margin:0}
.gr-kick i{font-size:9px;animation:wstLive 1.6s ease-out infinite;border-radius:50%}
.gr-h{font-family:var(--font-display);font-size:42px;line-height:1.08;letter-spacing:-1.4px;color:#fff;margin:0}
.gr-h em{font-style:normal;background:linear-gradient(90deg,#bef264,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.gr-intro>p{margin:0;font-size:16px;line-height:1.65;color:#cbd5e1}
.gr-ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.gr-link{color:#e2e8f0;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.gr-foot{margin-top:auto!important;padding-top:18px;border-top:1px dashed rgba(255,255,255,.14);font-size:14.5px!important;color:#94a3b8!important}
.gr-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);grid-template-rows:auto auto;gap:22px 0;align-items:stretch}
.gr-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.gr-wires path{fill:none;stroke:rgba(190,242,100,.18);stroke-width:1.5;vector-effect:non-scaling-stroke}
.gr-wires .gr-flow{stroke:#bef264;stroke-width:2.5;stroke-dasharray:4 14;animation:grFlow 1.6s linear infinite;opacity:.85}
@keyframes grFlow{to{stroke-dashoffset:-36}}
.gr-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;padding:24px 22px 22px;border-radius:20px;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s}
.gr-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tc) 60%,transparent);box-shadow:0 24px 50px -28px var(--tc)}
.gr-c1{grid-column:1;grid-row:1}.gr-c2{grid-column:3;grid-row:1}.gr-c3{grid-column:1;grid-row:2}.gr-c4{grid-column:3;grid-row:2}
.gr-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--tc) 18%,transparent);color:var(--tc);font-size:26px}
.gr-card h3{font-family:var(--font-display);font-size:21px;color:#fff;margin:4px 0 0;letter-spacing:-.3px}
.gr-card>p{margin:0;font-size:14.5px;line-height:1.6;color:#cbd5e1}
.gr-ai{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(190,242,100,.06);border:1px solid rgba(190,242,100,.14);font-size:13.5px!important;line-height:1.5!important;color:#d9f99d!important}
.gr-ai-tag{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#bef264;color:#0b1220;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.gr-more{margin-top:auto;padding-top:4px;color:var(--tc);font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:6px}
.gr-more i{transition:transform .25s}.gr-more:hover i{transform:translateX(4px)}
.gr-core{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;position:relative;z-index:2;display:grid;place-items:center;width:150px;height:150px;border-radius:50%}
.gr-core-in{position:relative;display:grid;place-items:center;gap:2px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1e3a2f,#0b1220 70%);border:1.5px solid rgba(190,242,100,.55);box-shadow:0 0 0 8px rgba(190,242,100,.06),0 0 60px rgba(190,242,100,.28);text-align:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.gr-core:hover .gr-core-in{transform:scale(1.05)}
.gr-core .brand-mark{width:34px;height:34px;color:#bef264}
.gr-core b{font-family:var(--font-display);font-size:15px;color:#fff;line-height:1}
.gr-core small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#a3e635}
.gr-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(190,242,100,.4);animation:grRing 2.8s cubic-bezier(.22,1,.36,1) infinite}
.gr-ring2{animation-delay:1.4s}
@keyframes grRing{from{transform:scale(.85);opacity:.9}to{transform:scale(1.45);opacity:0}}
.gr-loop{margin-top:22px;padding:28px 32px;border-radius:24px;background:#fff;border:1px solid var(--line,#e2e8f0);box-shadow:0 30px 60px -45px rgba(15,23,42,.45)}
.gr-loop-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 20px;font-family:var(--font-display);font-size:20px;color:#0f172a;font-weight:700}
.gr-loop-h span{font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.gr-loop ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.gr-loop ol::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:2px;background:linear-gradient(90deg,#10b981,#a855f7,#f97316,#0ea5e9,#10b981);opacity:.35}
.gr-loop li{position:relative;padding:0;margin:0}.gr-loop li::before{display:none}
.gr-step{position:relative;z-index:1;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0b1220;color:#bef264;font-size:22px;margin-bottom:12px;box-shadow:0 0 0 6px #fff}
.gr-step b{position:absolute;top:-8px;right:-10px;padding:1px 6px;border-radius:999px;background:#bef264;color:#0b1220;font-size:10.5px;font-weight:800}
.gr-loop li:nth-child(4) .gr-step{background:linear-gradient(135deg,#bef264,#10b981);color:#0b1220}
.gr-loop strong{display:block;font-family:var(--font-display);font-size:17px;color:#0f172a;margin-bottom:4px}
.gr-loop p{margin:0;font-size:14px;line-height:1.5;color:#475569}
@media (max-width:1180px){.gr-panel{grid-template-columns:1fr;padding:40px}.gr-intro{padding-right:0;border-right:0}.gr-loop ol{grid-template-columns:repeat(3,minmax(0,1fr))}.gr-loop ol::before{display:none}}
@media (max-width:760px){.gr-map{grid-template-columns:1fr;gap:14px}.gr-c1,.gr-c2,.gr-c3,.gr-c4,.gr-core{grid-column:1;grid-row:auto}.gr-wires{display:none}.gr-h{font-size:32px}.gr-loop ol{grid-template-columns:1fr}.gr-panel{padding:28px 20px}}
@media (prefers-reduced-motion:reduce){.gr-wires .gr-flow,.gr-ring,.gr-kick i{animation:none}}
.gr-ai{flex-direction:column;gap:6px}
.gr-ai a{line-height:0}
.gr-core small{font-size:9.5px;letter-spacing:.04em}
.gr-loop-h{margin-bottom:28px}
.gr-foot{margin-top:8px!important}
.gr-intro{justify-content:center}
.gr-ai a{line-height:1;align-self:flex-start}
.gr-ai-tag{line-height:1.5}
.gr-loop .gr-loop-h{margin:0 0 30px}

/* ---- v47: free seller tools */
.tl-hero .lead{max-width:720px}
.tl-kick{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--tc) 12%,#fff);color:var(--tc);font-weight:700;font-size:13.5px;margin:4px 0 10px}
.tl-calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;margin-top:28px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line,#e2e8f0);box-shadow:0 40px 80px -50px rgba(15,23,42,.45)}
.tl-ins{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:28px}
.tl-f{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:#334155}
.tl-in{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:12px;background:#f8fafc;transition:border-color .2s,box-shadow .2s}
.tl-in:focus-within{border-color:var(--tc,#10b981);box-shadow:0 0 0 4px color-mix(in srgb,var(--tc,#10b981) 15%,transparent);background:#fff}
.tl-in em{font-style:normal;color:#64748b;font-weight:700;padding:0 4px 0 12px}
.tl-in em:last-child{padding:0 12px 0 4px}
.tl-in input{flex:1;min-width:0;border:0;background:none;padding:12px;font:inherit;font-size:16px;font-weight:700;color:#0f172a;outline:none}
.tl-outs{display:grid;align-content:start;gap:10px;padding:28px;background:linear-gradient(160deg,#0b1220,#12324a);color:#e2e8f0}
.tl-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.tl-r span{font-size:14px;color:#94a3b8}
.tl-r b{font-family:var(--font-display);font-size:24px;color:#fff;letter-spacing:-.5px}
.tl-r1 b{font-size:44px;color:#bef264}
.tl-verdict{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:rgba(190,242,100,.08);border:1px solid rgba(190,242,100,.2);font-size:14px;line-height:1.5;color:#d9f99d}
.tl-verdict.bad{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#fecaca}
.tl-verdict a{color:inherit;text-decoration:underline}
.tl-text{display:block;padding:28px}
.tl-text label{display:block;font-weight:700;font-size:14px;color:#0f172a;margin:0 0 6px}
.tl-text textarea{width:100%;padding:14px;border-radius:12px;border:1.5px solid #e2e8f0;background:#f8fafc;font:inherit;font-size:16px;line-height:1.5;color:#0f172a;resize:vertical}
.tl-text textarea:focus{outline:none;border-color:var(--tc,#10b981);background:#fff}
.tl-meter{height:8px;border-radius:4px;background:#f1f5f9;margin:12px 0 6px;overflow:hidden}
.tl-meter i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#10b981,#bef264);transition:width .25s}
.tl-meter i.over{background:#ef4444}
.tl-count{font-size:14px;color:#64748b;margin:0 0 12px}.tl-count b{font-family:var(--font-display);font-size:20px;color:#0f172a}
.tl-count.over b{color:#ef4444}
.tl-flags{display:grid;gap:6px;margin:0 0 18px;padding:0;list-style:none}
.tl-flags li{padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600}
.tl-flags li::before{display:none}
.tl-flags .bad{background:#fef2f2;color:#b91c1c}.tl-flags .ok{background:#ecfdf5;color:#047857}.tl-flags .warn{background:#fffbeb;color:#b45309}
.tl-text [data-copy]{margin-top:10px}
.tl-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.tl-main>p{font-size:16.5px;line-height:1.7;color:#334155}
.tl-formula{padding:20px 22px;border-radius:16px;background:#0b1220;margin-bottom:22px}
.tl-formula p{color:#bef264!important;font-size:12.5px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px!important}
.tl-formula ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.tl-formula li::before{display:none}
.tl-formula code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:#e2e8f0}
.tl-side{position:sticky;top:100px;padding:20px;border-radius:16px;border:1px solid var(--line,#e2e8f0);background:#fff}
.tl-side>p{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 8px}
.tl-side ul{margin:0 0 18px;padding:0;list-style:none}.tl-side li::before{display:none}
.tl-side li a{display:block;padding:8px 0;border-bottom:1px solid #f1f5f9;font-weight:600;font-size:14.5px;color:#0f172a}
.tl-chips{display:flex;flex-wrap:wrap;gap:6px}
.tl-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:700;color:var(--tc);background:color-mix(in srgb,var(--tc) 10%,#fff)}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.tl-card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line,#e2e8f0);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.tl-card:hover{transform:translateY(-4px);border-color:var(--tc);box-shadow:0 26px 50px -34px var(--tc)}
.tl-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc);font-size:26px}
.tl-card b{font-family:var(--font-display);font-size:20px;color:#0f172a}
.tl-card p{margin:0;color:#475569;font-size:14.5px;line-height:1.55}
.tl-go{margin-top:auto;font-weight:700;color:var(--tc);display:inline-flex;align-items:center;gap:6px}
.tl-note{margin-top:24px;color:#64748b;font-size:14.5px}
@media (max-width:980px){.tl-calc{grid-template-columns:1fr}.tl-body{grid-template-columns:1fr}.tl-side{position:static}.tl-ins{grid-template-columns:1fr}}
.post-tools{margin:0 0 26px;padding:18px 20px;border-radius:16px;background:#f8fafc;border:1px dashed #cbd5e1}
.post-tools p{font-size:12.5px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 10px!important}
/* v48: cohorts in dollars */
.lc-c{font-size:10px;letter-spacing:-.2px}
.lc-c.lc-paid{color:#fff;font-weight:800;background:rgba(5,150,105,calc(var(--a) * .55 + .45))}
.lc-c.lc-m0{background:#eef2f6;color:#475569}
.lc-row.lc-top{color:#92400e;font-weight:800;gap:3px;display:flex;align-items:center}
.lc-row.lc-top i{color:#f59e0b;font-size:12px}
.lc-addh{color:#0f172a;font-weight:800;margin-top:6px}
.lc-add{display:grid;place-items:center;height:26px;margin-top:6px;border-radius:5px;font-size:10.5px;font-weight:700;color:#475569;background:#f8fafc;border:1px dashed #cbd5e1}
.lc-add0{color:#94a3b8;font-weight:600}
.lc-add.lc-best{background:#fef3c7;border:1.5px solid #f59e0b;color:#92400e}
.lc-paid-pill{background:#d1fae5;color:#065f46}
.lc-keys{flex-wrap:wrap}

/* ---- v49: full-service page, SpiderOS hero + command center */
.fs-hero{position:relative;width:100%;max-width:580px;aspect-ratio:580/470;margin-left:auto}
.fs-trend{position:absolute;inset:auto 0 0 0;width:100%;height:70%}
.fs-line{fill:none;stroke:#16a34a;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900;animation:fsDraw 2.2s .3s cubic-bezier(.22,1,.36,1) forwards}
.fs-arrow{fill:#16a34a;opacity:0;animation:fsFade .4s 2.2s forwards}
@keyframes fsDraw{to{stroke-dashoffset:0}}@keyframes fsFade{to{opacity:1}}
.fs-prod{position:absolute;left:24%;top:12%;width:46%;padding:14px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 40px 70px -35px rgba(15,23,42,.55);display:flex;flex-direction:column;gap:5px;z-index:2;animation:fsFloat 6s ease-in-out infinite}
.fs-img{position:relative;display:grid;place-items:center;aspect-ratio:1.25;border-radius:12px;background:radial-gradient(circle at 50% 40%,#e2e8f0,#f8fafc 70%)}
.fs-img .brand-mark{width:64px;height:64px;color:#0f172a;opacity:.85}
.fs-badge{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:4px;background:#c45500;color:#fff;font-size:11px;font-weight:700}
.fs-prod b{font-size:14px;line-height:1.3;color:#0f1111;font-weight:600}
.fs-stars{display:flex;align-items:center;gap:1px;color:#f59e0b;font-size:13px}.fs-stars em{font-style:normal;color:#007185;font-size:12px;margin-left:6px}
.fs-price{font-size:24px;font-weight:700;color:#0f1111;line-height:1}.fs-price sup{font-size:12px;top:-.7em}
.fs-prime{align-self:flex-start;font-size:12px;font-weight:800;font-style:italic;color:#1a98ff}
.fs-w{position:absolute;z-index:3;display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 44px -26px rgba(15,23,42,.5);animation:fsFloat 6s ease-in-out infinite}
.fs-w span{font-size:12px;font-weight:700;color:#475569}
.fs-w b{font-family:var(--font-display);font-size:22px;color:#0f172a;letter-spacing:-.4px}
.fs-w em{font-style:normal;font-size:12px;font-weight:700;color:#16a34a;display:flex;gap:4px;align-items:center}
.fs-health{left:0;top:4%;animation-delay:-1s}
.fs-health b{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#15803d;color:#fff;font-size:15px}
.fs-health b i{width:8px;height:8px;border-radius:50%;background:#bbf7d0;animation:wstLive 1.6s ease-out infinite}
.fs-sales{right:0;top:0;animation-delay:-2.5s}.fs-sales b{font-size:28px}
.fs-bb{left:2%;top:52%;animation-delay:-3.5s}
.fs-tacos{right:2%;top:46%;animation-delay:-4.5s}
.fs-tacos em.down{color:#16a34a}
.fs-ticker{position:absolute;left:8%;right:8%;bottom:3%;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0b1220;color:#e2e8f0;box-shadow:0 24px 44px -26px rgba(15,23,42,.7)}
.fs-ai{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#bef264;color:#0b1220;font-size:11px;font-weight:800;text-transform:uppercase}
.fs-tk{position:relative;height:20px;overflow:hidden;flex:1}
.fs-tk p{position:absolute;inset:0;margin:0;font-size:13.5px;font-weight:600;white-space:nowrap;opacity:0;animation:fsTick 12s infinite}
.fs-tk p:nth-child(2){animation-delay:3s}.fs-tk p:nth-child(3){animation-delay:6s}.fs-tk p:nth-child(4){animation-delay:9s}
@keyframes fsTick{0%{opacity:0;transform:translateY(10px)}4%,22%{opacity:1;transform:none}26%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes fsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fs-demo{position:absolute;right:0;bottom:-26px;margin:0;font-size:11.5px;color:#94a3b8}
.sec-fc .fc-head{max-width:820px;margin-bottom:28px}
.sec-fc .gr-kick{color:#059669}
.fc-app{border-radius:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 50px 90px -55px rgba(15,23,42,.55);overflow:hidden}
.fc-bar-top{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.fc-dots{display:flex;gap:6px}.fc-dots i{width:11px;height:11px;border-radius:50%;background:#e2e8f0}.fc-dots i:nth-child(1){background:#fca5a5}.fc-dots i:nth-child(2){background:#fde68a}.fc-dots i:nth-child(3){background:#86efac}
.fc-url{flex:1;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;font-size:12.5px;color:#475569}
.fc-live{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#15803d;text-transform:uppercase}.fc-live i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:wstLive 1.6s ease-out infinite}
.fc-tabs{display:flex;gap:4px;padding:10px 14px 0;border-bottom:1px solid #e2e8f0;overflow-x:auto}
.fc-tabs button{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:#64748b;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
.fc-tabs button.on{color:#0f172a;border-color:#10b981}
.fc-body{position:relative;padding:22px;min-height:400px}
.fc-pane{display:none;animation:fcIn .45s cubic-bezier(.22,1,.36,1)}
.fc-pane.on{display:block}
@keyframes fcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.fc-kpi{padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#fff}
.fc-kpi span{display:block;font-size:12.5px;font-weight:600;color:#64748b}
.fc-kpi b{display:block;font-family:var(--font-display);font-size:26px;color:#0f172a;letter-spacing:-.6px;margin:4px 0 2px}
.fc-kpi em{font-style:normal;font-size:12px;font-weight:700;color:#16a34a}
.fc-card{padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0}
.fc-ct{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px;font-family:var(--font-display);font-weight:700;color:#0f172a}
.fc-ct span{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12.5px;font-weight:600;color:#64748b}
.fc-dot{display:inline-block;width:10px;height:10px;border-radius:3px}.fc-dot.org{background:#86efac}.fc-dot.ad{background:#16a34a}.fc-dot.tc{background:#f59e0b;height:3px}
.fc-chart{width:100%;height:auto;display:block}
.fc-grid line{stroke:#f1f5f9}.fc-grid text{font-size:11px;fill:#94a3b8}
.fc-org{fill:#86efac}.fc-ad{fill:#16a34a}
.fc-m{font-size:11px;fill:#64748b}.fc-v{font-size:10.5px;font-weight:700;fill:#0f172a}
.fc-bar{transform-box:fill-box;transform-origin:bottom;animation:btGrow .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i)*55ms)}
.fc-tacos{fill:none;stroke:#f59e0b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 5}
.fc-hl-top{display:flex;align-items:center;gap:22px;margin-bottom:16px}
.fc-hl-top p{margin:0;color:#475569;font-size:14.5px;max-width:520px}
.fc-ahr{flex:none;position:relative;padding:14px 18px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0;min-width:220px}
.fc-ahr span{display:block;font-size:12.5px;font-weight:700;color:#166534}
.fc-ahr b{font-family:var(--font-display);font-size:24px;color:#15803d}
.fc-ahr i{display:block;height:6px;border-radius:3px;margin-top:8px;background:linear-gradient(90deg,#ef4444 0 15%,#f59e0b 15% 30%,#22c55e 30%)}
.fc-tbl{width:100%;border-collapse:collapse;font-size:14px}
.fc-tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;padding:8px 10px;border-bottom:1px solid #e2e8f0}
.fc-tbl td{padding:11px 10px;border-bottom:1px solid #f1f5f9;color:#334155}.fc-tbl td b{color:#0f172a}
.fc-ok{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700}
.fc-inv{display:grid;grid-template-columns:170px 1fr 70px;grid-template-rows:auto auto;gap:4px 14px;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}
.fc-inv span{font-size:14px;color:#475569}.fc-inv span b{color:#0f172a}
.fc-cover{height:12px;border-radius:6px;background:#f1f5f9;overflow:hidden}
.fc-cover i{display:block;height:100%;width:var(--w);border-radius:6px;background:#22c55e}
.fc-cover i.bad{background:#ef4444}.fc-cover i.warn{background:#f59e0b}.fc-cover i.over{background:#6366f1}
.fc-inv em{font-style:normal;font-weight:800;color:#0f172a;font-size:14px;text-align:right}
.fc-inv small{grid-column:2/4;font-size:12.5px;color:#64748b}
.fc-log,.fc-alerts{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.fc-log li,.fc-alerts li{margin:0;padding:0}.fc-log li::before,.fc-alerts li::before{display:none}
.fc-log li{display:grid;grid-template-columns:52px 86px 1fr;gap:12px;align-items:center;padding:11px 14px;border-radius:12px;background:#f8fafc;border:1px solid #f1f5f9}
.fc-log time{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:#64748b}
.fc-tag{justify-self:start;padding:3px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800}
.fc-log p{margin:0;font-size:14px;color:#0f172a}
.fc-alerts li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0}
.fc-alerts li>i{font-size:24px}.fc-alerts .bad>i{color:#ef4444}.fc-alerts .ok>i{color:#16a34a}.fc-alerts .warn>i{color:#f59e0b}
.fc-alerts b{font-size:14.5px;color:#0f172a}.fc-alerts p{margin:2px 0 0;font-size:13.5px;color:#64748b}
.fc-alerts li>span{font-size:12px;color:#94a3b8;white-space:nowrap}
.fc-demo{display:flex;align-items:center;gap:6px;margin:0;padding:10px 22px 14px;font-size:12.5px;color:#94a3b8}
.fc-usps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.fc-usps div{padding:18px;border-radius:16px;background:#fff;border:1px solid #e2e8f0}
.fc-usps i{font-size:26px;color:#10b981}.fc-usps b{display:block;margin:8px 0 4px;font-family:var(--font-display);font-size:17px;color:#0f172a}.fc-usps p{margin:0;font-size:14px;color:#475569;line-height:1.5}
.fc-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media (max-width:980px){.fc-kpis,.fc-usps{grid-template-columns:1fr 1fr}.fc-inv{grid-template-columns:1fr 60px}.fc-cover{grid-column:1/3}.fc-log li{grid-template-columns:1fr}.fc-hl-top{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.fs-line{animation:none;stroke-dashoffset:0}.fs-arrow{animation:none;opacity:1}.fs-prod,.fs-w{animation:none}.fs-tk p{animation:none;opacity:0}.fs-tk p:first-child{opacity:1}.fc-bar{animation:none}}
.fs-bottle{height:82%;width:auto;filter:drop-shadow(0 14px 14px rgba(15,23,42,.25))}
.fs-hero{aspect-ratio:580/520}
.fs-prod{top:6%;width:42%;left:26%}
.fs-ticker{bottom:0}
.fs-img{aspect-ratio:1.7}
.fs-prod{top:4%}
.fs-hero{margin-bottom:70px}
.fs-ticker{bottom:-62px}
.fs-demo{bottom:-92px}

/* ---- v50: full-service "every pillar" tiles */
.st-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:28px}
.st-head .lead{max-width:640px}
.st-filter{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:520px}
.st-filter button{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#334155;cursor:pointer;transition:all .2s}
.st-filter button em{font-style:normal;font-size:11.5px;padding:1px 6px;border-radius:999px;background:#f1f5f9;color:#64748b}
.st-filter button:hover{border-color:var(--tc)}
.st-filter button.on{background:var(--tc);border-color:var(--tc);color:#fff}.st-filter button.on em{background:rgba(255,255,255,.22);color:#fff}
.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.st{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 20px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s,opacity .3s,filter .3s}
.st::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--tc);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.st:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tc) 45%,#e2e8f0);box-shadow:0 30px 60px -38px color-mix(in srgb,var(--tc) 70%,#0f172a)}
.st:hover::before{transform:scaleX(1)}
.st.st-dim{opacity:.28;filter:grayscale(.8);transform:scale(.98)}
.st-pill{position:absolute;right:16px;top:18px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tc)}
.st-ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(140deg,color-mix(in srgb,var(--tc) 22%,#fff),color-mix(in srgb,var(--tc) 8%,#fff));color:var(--tc);font-size:28px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 20%,transparent)}
.st:hover .st-ico{animation:btPop .6s cubic-bezier(.34,1.56,.64,1)}
.st h3{font-family:var(--font-display);font-size:19px;color:#0f172a;margin:4px 0 0;padding-bottom:10px;border-bottom:1px solid #f1f5f9}
.st>p{margin:0;font-size:14.5px;line-height:1.55;color:#475569}
.st-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}
.st-more>*{overflow:hidden}
.st:hover .st-more,.st:focus-within .st-more{grid-template-rows:1fr}
.st-more{display:grid;grid-template-rows:0fr}
.st-more ul{min-height:0;margin:2px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.st-more li{position:relative;padding:0 0 0 20px;margin:0;font-size:13.5px;color:#334155}
.st-more li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:5px;border-left:2px solid var(--tc);border-bottom:2px solid var(--tc);transform:rotate(-45deg);background:none;border-radius:0}
.st-os{min-height:0;display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 10px;border-radius:999px;background:#0b1220;color:#bef264;font-size:11.5px;font-weight:800;width:max-content}
.st-link{margin-top:auto;padding-top:4px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--tc)}
.st-link i{transition:transform .25s}.st:hover .st-link i{transform:translateX(4px)}
.st-audit{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:16px;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,#fffbeb,#fff 60%);border:1px solid #fde68a}
.st-audit b{font-family:var(--font-display);font-size:19px;color:#0f172a}.st-audit p{margin:4px 0 0;color:#475569;font-size:14.5px}
@media (max-width:1180px){.st-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.st-head{grid-template-columns:1fr}.st-filter{justify-content:flex-start}}
@media (max-width:760px){.st-grid{grid-template-columns:1fr 1fr}.st-audit{grid-template-columns:1fr}}
@media (hover:none){.st-more{grid-template-rows:1fr}}
@media (prefers-reduced-motion:reduce){.st,.st::before,.st-more{transition:none}}

/* ---- v51: spider-thread flow (full-service page) */
.ff-head{max-width:760px;margin:0 auto 34px;text-align:center}
.ff-list{position:relative;list-style:none;margin:0;padding:10px 0;display:grid;gap:18px;--p:0}
.ff-line{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;border-radius:2px;background:repeating-linear-gradient(#e2e8f0 0 6px,transparent 6px 11px)}
.ff-line i{position:absolute;left:0;right:0;top:0;height:calc(var(--p) * 100%);border-radius:2px;background:linear-gradient(#10b981,#a855f7,#f97316,#0ea5e9,#22c55e,#ec4899);box-shadow:0 0 12px rgba(16,185,129,.45)}
.ff-spider{position:absolute;left:50%;top:calc(var(--p) * 100%);z-index:3;width:38px;height:38px;margin:-19px 0 0 -19px;display:grid;place-items:center;border-radius:50%;background:#0b1220;color:#bef264;box-shadow:0 0 0 6px rgba(190,242,100,.18),0 10px 24px -8px rgba(11,18,32,.6);transition:top .12s linear}
.ff-spider svg{width:24px;height:24px}
.ff-spider::before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:16px;background:#0b1220}
.ff-list>li.ff{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);grid-template-areas:"copy node vis";align-items:center;margin:0;padding:0}
.ff-list>li.ff::before{display:none}
.ff-list>li.ff-r{grid-template-areas:"vis node copy"}
.ff-node{grid-area:node;justify-self:center;position:relative;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;border:2px solid #e2e8f0;color:#94a3b8;font-size:24px;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.ff-node em{position:absolute;top:-9px;right:-12px;padding:1px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-style:normal;font-size:10.5px;font-weight:800}
.ff.on .ff-node{background:var(--tc);border-color:var(--tc);color:#fff;transform:scale(1.08);box-shadow:0 0 0 6px color-mix(in srgb,var(--tc) 18%,transparent)}
.ff.on .ff-node em{background:#0b1220;color:#bef264}
.ff-copy{grid-area:copy;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;transition:border-color .4s,box-shadow .4s,transform .5s cubic-bezier(.22,1,.36,1);opacity:.55;transform:translateY(10px)}
.ff.on .ff-copy{opacity:1;transform:none;border-color:color-mix(in srgb,var(--tc) 35%,#e2e8f0);box-shadow:0 24px 50px -40px var(--tc)}
.ff-copy h3{font-family:var(--font-display);font-size:21px;margin:0;color:#0f172a}
.ff-lead{margin:4px 0 10px!important;font-weight:600;color:var(--tc)!important;font-size:15px}
.ff-copy ul{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:5px}
.ff-copy ul li{position:relative;margin:0;padding:0 0 0 20px;font-size:14.5px;color:#334155;line-height:1.45}
.ff-copy ul li::before{content:"";position:absolute;left:2px;top:6px;width:9px;height:5px;border-left:2px solid var(--tc);border-bottom:2px solid var(--tc);transform:rotate(-45deg);background:none;border-radius:0}
.ff-os{display:grid;gap:4px;margin:0 0 10px!important;padding:10px 12px;border-radius:12px;background:#0b1220;color:#e2e8f0!important;font-size:13.5px!important;line-height:1.45}
.ff-os span{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#bef264}
.ff-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--tc)}
.ff-vis{grid-area:vis;display:flex;justify-content:center;opacity:.5;transform:scale(.97);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1)}
.ff.on .ff-vis{opacity:1;transform:none}
.ff-demo{text-align:center;margin-top:16px;font-size:12.5px;color:#94a3b8}
/* visuals */
.fv{position:relative;width:100%;max-width:440px;padding:16px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 30px 60px -45px rgba(15,23,42,.6);font-size:12px;color:#0f1111}
.fv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fv-pc{position:relative;display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:10px;border:1px solid #eef2f6;opacity:.6}
.fv-pc.hi{opacity:1;border:2px solid #facc15;box-shadow:0 12px 28px -14px rgba(234,179,8,.7);transform:translateY(-4px)}
.fv-pi{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 70%,#fff),color-mix(in srgb,var(--c) 15%,#fff));position:relative;font-style:normal}
.fv-pi::after{content:"";width:26%;height:62%;border-radius:6px 6px 8px 8px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000),var(--c),color-mix(in srgb,var(--c) 70%,#000))}
.fv-sp{font-style:normal;font-size:9.5px;color:#565959}
.fv-pc b{font-size:11px;font-weight:600;line-height:1.25}
.fv-st{color:#f59e0b;font-size:11px;letter-spacing:-1px}
.fv-pp{font-weight:800;font-size:13px}
.fv-cur{position:absolute;left:58%;top:46%;width:26px;height:26px;animation:fvClick 2.4s ease-in-out infinite}
@keyframes fvClick{0%,100%{transform:translate(18px,22px)}45%,60%{transform:none}52%{transform:scale(.85)}}
.fv-log{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px}.fv-log li{margin:0;padding:6px 8px;border-radius:8px;background:#f0fdf4;color:#166534;font-size:11.5px}.fv-log li::before{display:none}
.fv-search{display:grid;grid-template-columns:auto 1fr 44px;border-radius:8px;overflow:hidden;border:2px solid #f59e0b}
.fv-search>span{padding:9px 10px;background:#f1f5f9;color:#475569;font-size:12px}
.fv-search p{margin:0!important;padding:9px 10px;font-size:13.5px!important;color:#0f1111!important;overflow:hidden;white-space:nowrap}
.fv-type{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #0f1111;animation:fvType 4s steps(28) infinite;max-width:100%}
@keyframes fvType{0%{width:0}55%,90%{width:28ch}100%{width:28ch}}
.fv-search i{display:grid;place-items:center;background:#f59e0b;color:#0b1220;font-size:18px}
.fv-ranks{display:grid;gap:6px;margin-top:12px}
.fv-ranks div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#faf5ff}
.fv-ranks b{font-family:var(--font-display);font-size:18px;color:#7e22ce}.fv-ranks em{font-style:normal;color:#94a3b8;font-size:11px;text-decoration:line-through}
.fv-design{padding:12px}
.fv-canvas{display:grid;grid-template-columns:22px 1fr 34px;gap:8px;padding:8px;border-radius:10px;background:#1f2937}
.fv-tools{display:grid;gap:5px;align-content:start}.fv-tools i{height:12px;border-radius:3px;background:#4b5563}
.fv-art{position:relative;aspect-ratio:1.5;border-radius:6px;background:linear-gradient(135deg,#ccfbf1,#fff7ed);padding:12px;overflow:hidden}
.fv-art b{display:block;font-family:var(--font-display);font-size:18px;color:#0f766e}.fv-art span{font-size:11px;color:#334155}
.fv-btl{position:absolute;right:16%;bottom:8%;width:16%;height:72%;border-radius:10px 10px 12px 12px;background:linear-gradient(90deg,#0f766e,#2dd4bf,#0f766e);animation:fsFloat 4s ease-in-out infinite}
.fv-swatch{display:grid;gap:5px;align-content:start}.fv-swatch i{aspect-ratio:1;border-radius:4px}.fv-swatch i:nth-child(1){background:#14b8a6}.fv-swatch i:nth-child(2){background:#f59e0b}.fv-swatch i:nth-child(3){background:#0f172a}.fv-swatch i:nth-child(4){background:#fff}
.fv-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}
.fv-thumbs i{aspect-ratio:1;border-radius:6px;background:color-mix(in srgb,var(--c) 22%,#fff);border:1px solid color-mix(in srgb,var(--c) 40%,#fff);display:grid;place-items:end center;font-style:normal}
.fv-thumbs span{font-size:9px;font-weight:700;color:#334155;padding-bottom:3px}
.fv-merch{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;align-items:center}
.fv-deal{padding:12px;border-radius:12px;border:1px solid #fde68a;background:#fffbeb}
.fv-ld{display:inline-block;padding:3px 8px;border-radius:4px;background:#cc0c39;color:#fff;font-size:10.5px;font-weight:700}
.fv-deal b{display:inline-block;margin-top:6px;font-size:26px;font-weight:800}.fv-deal sup{font-size:12px}.fv-deal s{margin-left:6px;color:#64748b}
.fv-claim{height:7px;border-radius:4px;background:#fee2e2;margin:6px 0 4px;overflow:hidden}.fv-claim i{display:block;height:100%;width:var(--w);background:#cc0c39;border-radius:4px;animation:fvClaim 3s ease-in-out infinite alternate}
@keyframes fvClaim{from{width:52%}to{width:var(--w)}}
.fv-deal small{color:#475569;font-size:10.5px}
.fv-coupons{display:grid;gap:7px}.fv-coupons span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;font-weight:700;font-size:12px}
.fv-cp{background:#dcfce7;color:#166534}.fv-sns{background:#e0f2fe;color:#075985}.fv-bun{background:#f3e8ff;color:#6b21a8}
.fv-alert{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca}
.fv-alert>i{font-size:26px;color:#dc2626}.fv-alert b{font-size:13px}.fv-alert small{display:block;color:#7f1d1d;font-size:11px}
.fv-flip{position:relative;width:96px;height:24px;overflow:hidden}
.fv-flip em{position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;font-style:normal;font-weight:800;font-size:11px;animation:fvFlip 4s infinite}
.fv-flip em:first-child{background:#fee2e2;color:#b91c1c}.fv-flip em:last-child{background:#dcfce7;color:#166534;animation-delay:-2s}
@keyframes fvFlip{0%,45%{transform:none;opacity:1}50%,95%{transform:translateY(-100%);opacity:0}100%{transform:none;opacity:1}}
.fv-chk{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fv-chk li{margin:0;display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:9px;background:#f8fafc;font-size:11.5px;color:#334155}.fv-chk li::before{display:none}.fv-chk i{color:#16a34a}
.fv-ctr{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.fv-ab{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;border:1px solid #e2e8f0}
.fv-ab.no{opacity:.7;transform:rotate(-2deg)}.fv-ab.ok{border:2px solid #16a34a;transform:rotate(2deg);box-shadow:0 18px 30px -18px rgba(22,163,74,.6)}
.fv-ab b{font-size:11.5px}.fv-ab>span{font-weight:800;font-size:12px}.fv-ab.ok>span{color:#16a34a}.fv-ab.no>span{color:#dc2626}
.fv-pack,.fv-ice{position:absolute;padding:2px 5px;border-radius:4px;font-size:8.5px;font-weight:800;background:#0f172a;color:#fff}.fv-pack{left:6px;top:6px}.fv-ice{right:6px;bottom:6px;background:#16a34a}
.fv-mark{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;color:#fff;font-size:15px}
.fv-ab.ok .fv-mark{background:#16a34a}.fv-ab.no .fv-mark{background:#dc2626}
.fv-arr{font-size:22px;color:#f59e0b;animation:fvNudge 1.4s ease-in-out infinite}
@keyframes fvNudge{50%{transform:translateX(5px)}}
.fv-scbar{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px 8px 0 0;background:#232f3e;color:#fff;font-size:11px;font-weight:700;margin:-16px -16px 10px}
.fv-scbar i{width:8px;height:8px;border-radius:50%;background:#64748b}.fv-scbar span{margin-left:8px}
.fv-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.fv-kpi div{padding:8px;border-radius:8px;border:1px solid #e2e8f0}.fv-kpi span{display:block;font-size:10px;color:#64748b}.fv-kpi b{font-size:15px}
.fv-kpi b.ok{display:inline-block;margin-top:2px;padding:2px 8px;border-radius:999px;background:#15803d;color:#fff;font-size:11px}
.fv-acts{margin-top:8px;padding:8px;border-radius:8px;background:#f8fafc}.fv-acts b{font-size:11.5px}.fv-acts p{margin:2px 0 0!important;font-size:11px!important;color:#475569!important}
.fv-rep svg{width:100%;height:auto}
.fv-l1{fill:none;stroke:#16a34a;stroke-width:3;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:fvLine 3.5s ease-out infinite}
.fv-l2{fill:none;stroke:#f59e0b;stroke-width:2;stroke-dasharray:4 4}
@keyframes fvLine{0%{stroke-dashoffset:300}60%,100%{stroke-dashoffset:0}}
.fv-leg{display:flex;gap:12px;margin:4px 0 8px}.fv-leg span{display:flex;align-items:center;gap:5px;font-size:11px;color:#475569}.fv-leg i{width:10px;height:3px;border-radius:2px}
.fv-wk{padding:9px 10px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0}.fv-wk b{font-size:12px}.fv-wk p{margin:2px 0 0!important;font-size:11.5px!important;color:#166534!important}
.fv-aud{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.fv-ring{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:conic-gradient(#6366f1 calc(var(--p) * 1%),#eef2f6 0)}
.fv-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.fv-ring b,.fv-ring span{position:relative}.fv-ring b{font-family:var(--font-display);font-size:28px;line-height:1;margin-top:18px}.fv-ring span{font-size:11px;color:#64748b;margin-top:-22px}
.fv-bars{display:grid;gap:5px}.fv-bars div{display:grid;grid-template-columns:86px 1fr 22px;gap:6px;align-items:center;font-size:11px}
.fv-bars i{height:7px;border-radius:4px;background:linear-gradient(90deg,var(--c) var(--w),#eef2f6 var(--w))}.fv-bars b{text-align:right;font-size:11px}
.fv-ship{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:end}
.fv-plan{padding:10px;border-radius:12px;border:1px solid #e2e8f0}.fv-plan>b{font-size:12.5px}
.fv-due{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:10.5px;font-weight:800}
.fv-plan ul{margin:8px 0;padding:0;list-style:none;display:grid;gap:5px}.fv-plan li{display:flex;justify-content:space-between;gap:6px;margin:0;font-size:11px}.fv-plan li::before{display:none}
.fv-dest{display:flex;gap:6px;align-items:center;font-size:11px;color:#475569}
.fv-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.fv-boxes i{aspect-ratio:1.1;border-radius:3px;background:linear-gradient(135deg,#d6a46b,#b7834a);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);animation:fvBox .5s cubic-bezier(.34,1.56,.64,1) both}
.fv-boxes i:nth-child(n+4){animation-delay:.2s}
@keyframes fvBox{from{transform:translateY(-10px);opacity:0}}
.fv-copy label{display:block;margin:6px 0 3px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.fv-ttl,.fv-hl{position:relative;margin:0!important;padding:8px 52px 8px 9px;border-radius:8px;border:1px solid #e2e8f0;font-size:12px!important;color:#0f1111!important;line-height:1.35}
.fv-cnt{position:absolute;right:7px;top:7px;padding:1px 6px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:800}
.fv-copy ul{margin:0;padding:0 0 0 14px;display:grid;gap:3px}.fv-copy li{font-size:11.5px;color:#334155;margin:0}.fv-copy li::before{display:none}
@media (max-width:980px){.ff-list>li.ff,.ff-list>li.ff-r{grid-template-columns:52px 1fr;grid-template-areas:"node copy" "node vis";gap:10px}.ff-line{left:26px}.ff-spider{left:26px}}
@media (prefers-reduced-motion:reduce){.ff-copy,.ff-vis{opacity:1;transform:none}.fv-cur,.fv-type,.fv-l1,.fv-claim i,.fv-flip em,.fv-arr,.fv-btl,.fv-boxes i{animation:none}.fv-l1{stroke-dashoffset:0}}

/* ---- v52: pricing: spider rail + growing webs + capacity panel */
.plans-stage{position:relative;padding-top:58px}
.plan-rail{position:absolute;left:0;right:0;top:0;height:58px;pointer-events:none;z-index:4}
.pr-thread{position:absolute;left:0;right:0;top:10px;height:2px;background:repeating-linear-gradient(90deg,#cbd5e1 0 8px,transparent 8px 13px);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.plans-stage.spun .pr-thread{transform:none}
.pr-spider{position:absolute;left:0;top:10px;width:0;transition:transform .8s cubic-bezier(.34,1.3,.5,1)}
.pr-silk{position:absolute;left:-1px;top:0;width:2px;height:22px;background:linear-gradient(#94a3b8,#0b1220)}
.pr-body{position:absolute;left:-18px;top:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0b1220;color:#bef264;box-shadow:0 0 0 5px rgba(190,242,100,.2),0 10px 22px -8px rgba(11,18,32,.7)}
.pr-body svg{width:22px;height:22px}
.pr-spider.drop .pr-silk{animation:prSilk .9s cubic-bezier(.34,1.56,.64,1)}
.pr-spider.drop .pr-body{animation:prDrop .9s cubic-bezier(.34,1.56,.64,1)}
@keyframes prSilk{0%{height:4px}60%{height:30px}100%{height:22px}}
@keyframes prDrop{0%{transform:translateY(-18px) rotate(-20deg)}60%{transform:translateY(8px) rotate(8deg)}100%{transform:none}}
.plans-stage .plan{overflow:visible}
.plan-cap{position:relative;display:grid;grid-template-columns:96px 1fr;grid-template-areas:"web asins" "web meter";gap:6px 14px;align-items:center;margin:2px 0 4px;padding:14px;border-radius:16px;background:linear-gradient(140deg,#0b1220,#13283a);color:#e2e8f0;overflow:hidden}
.plan-cap::after{content:"";position:absolute;inset:0;background:radial-gradient(120px 80px at 20% 50%,rgba(190,242,100,.18),transparent 70%);opacity:0;transition:opacity .5s}
.plan.web-on .plan-cap::after{opacity:1}
.plan-cap .pw{grid-area:web;width:96px;height:96px}
.pw-spoke,.pw-ring{fill:none;stroke:rgba(190,242,100,.28);stroke-width:1;transition:stroke .4s}
.pw-ring{stroke-width:1.4;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1),stroke .4s;transition-delay:calc(var(--i) * 140ms)}
.plans-stage.spun .pw-ring{stroke-dashoffset:0}
.plan.web-on .pw-spoke{stroke:rgba(190,242,100,.5)}.plan.web-on .pw-ring{stroke:#bef264}
.pw-core{fill:#bef264}
.pw-dew{fill:#fff;opacity:.0;transition:opacity .4s;transition-delay:calc(var(--i) * 120ms)}
.plan.web-on .pw-dew{opacity:.9;animation:pwTw 2s ease-in-out infinite;animation-delay:calc(var(--i) * 300ms)}
@keyframes pwTw{50%{opacity:.3}}
.pc-asins{grid-area:asins;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pc-asins b{font-family:var(--font-display);font-size:34px;line-height:1;color:#fff;letter-spacing:-1px}
.pc-asins span{font-size:13px;font-weight:700;color:#bef264;text-transform:uppercase;letter-spacing:.04em}
.pc-meter{grid-area:meter;display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:baseline}
.pc-meter span{font-size:11.5px;color:#94a3b8}
.pc-meter b{font-size:15px;color:#fff}
.pc-meter i{grid-column:1/-1;display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.pc-meter i::after{content:"";position:absolute;inset:0;width:0;border-radius:4px;background:linear-gradient(90deg,#10b981,#bef264);transition:width 1.2s cubic-bezier(.22,1,.36,1) .3s}
.plans-stage.spun .pc-meter i::after{width:var(--w)}
.pc-custom i::after{background:repeating-linear-gradient(90deg,#bef264 0 8px,#10b981 8px 16px)}
.plan-cap-lite{grid-template-columns:72px 1fr;grid-template-areas:"web fit"}
.plan-cap-lite .pw{width:72px;height:72px}
.plan-cap-lite .plan-fit{grid-area:fit;margin:0;color:#fff;font-weight:700;font-size:14.5px;line-height:1.4}
.plans-stage .plan{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s}
.plans-stage .plan.web-on{transform:translateY(-6px);border-color:#bef264;box-shadow:0 34px 60px -38px rgba(16,185,129,.7)}
.plans-stage .plan-popular .plan-badge{z-index:5}
@media (prefers-reduced-motion:reduce){.pr-thread,.pw-ring,.pc-meter i::after,.pr-spider{transition:none}.pr-thread{transform:none}.pw-ring{stroke-dashoffset:0}.pc-meter i::after{width:var(--w)}.pr-spider.drop .pr-silk,.pr-spider.drop .pr-body{animation:none}}
.plan-cap{grid-template-columns:70px 1fr;grid-template-areas:"web asins" "meter meter";padding:14px 16px}
.plan-cap .pw{width:70px;height:70px}
.pc-asins{flex-direction:column;align-items:flex-start;gap:2px}
.pc-asins b{font-size:38px}
.pc-meter{margin-top:4px}
.plan-cap.plan-cap-lite{grid-template-columns:70px 1fr;grid-template-areas:"web fit"}
.plan-cap-lite .plan-fit{font-size:15px}

/* ---- v53: full-service workflow (how it works) */
.wf-svg.wf-wide{min-width:1100px}
.wf-outs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.wf-outs li{position:relative;margin:0;padding:14px 14px 12px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;border-top:3px solid var(--tc)}
.wf-outs li::before{display:none}
.wf-outs li>span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--tc);color:#0b1220;font-size:12px;font-weight:800}
.wf-outs b{display:block;margin:6px 0 2px;font-family:var(--font-display);font-size:15.5px;color:#0f172a}
.wf-outs p{margin:0;font-size:13.5px;line-height:1.45;color:#475569}
.wf-outs .wf-goal{--tc:#0b1220;background:#0b1220;border-color:#0b1220}
.wf-outs .wf-goal>span{background:#bef264;color:#0b1220}
.wf-outs .wf-goal b{color:#fff}.wf-outs .wf-goal p{color:#cbd5e1}
@media (max-width:1100px){.wf-outs{grid-template-columns:repeat(3,1fr)}}

/* ---- v54: compact service-page sections: included, compare, faq, guides, related, cta */
.i2-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.i2-head .h2{margin:0}
.i2-count{margin:0;font-size:15px;color:#475569}.i2-count b{font-family:var(--font-display);font-size:26px;color:#0f172a;margin-right:4px}
.incl2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.incl2{position:relative;display:grid;grid-template-columns:40px 1fr 18px;gap:12px;align-items:start;margin:0;padding:14px 14px 14px 12px;border-radius:14px;background:#fff;border:1px solid #e9eef4;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s}
.incl2::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.incl2:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tc) 35%,#e9eef4);box-shadow:0 18px 36px -28px color-mix(in srgb,var(--tc) 80%,#0f172a)}
.incl2:hover::before{transform:scaleY(1)}
.i2-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--tc) 13%,#fff);color:var(--tc);font-size:21px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.incl2:hover .i2-ico{transform:rotate(-8deg) scale(1.08)}
.incl2 strong{display:block;font-size:15px;color:#0f172a;line-height:1.3}
.incl2 p{margin:3px 0 0;font-size:13.5px;line-height:1.45;color:#64748b}
.i2-ok{color:color-mix(in srgb,var(--tc) 80%,#0f172a);font-size:15px;margin-top:3px;opacity:0;transform:scale(.4);transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * 40ms + .25s)}
.incl2.in .i2-ok{opacity:1;transform:none}
html.js .incl2.reveal{transform:translateY(14px) scale(.98)}
html.js .incl2.reveal.in{transform:none}

.cmp{position:relative;margin-top:24px;border-radius:20px;background:#fff;border:1px solid #e9eef4;overflow:hidden}
.cmp-row{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1fr;align-items:stretch;border-top:1px solid #f1f5f9;position:relative;z-index:1}
.cmp-row:first-child{border-top:0}
.cmp-row>div{padding:13px 16px;font-size:14.5px;line-height:1.4}
.cmp-k{display:flex;align-items:center;gap:10px;font-weight:700;color:#0f172a}
.cmp-k i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f1f5f9;color:#475569;font-size:16px;flex:none}
.cmp-us{display:flex;align-items:center;gap:8px;color:#0f172a;font-weight:600;background:#f7fee7}
.cmp-us i{color:#65a30d;font-size:18px;flex:none}
.cmp-o{color:#64748b;display:flex;align-items:center}
.cmp-h>div{padding-top:16px;padding-bottom:16px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}
.cmp-us-h{background:#0b1220!important;color:#fff!important;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-size:16px!important;font-family:var(--font-display)}
.cmp-us-h .brand-mark{width:26px;height:26px;color:#bef264}
.cmp-us-h em{margin-left:auto;font-style:normal;font-family:var(--font-body);font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#bef264;color:#0b1220;text-transform:uppercase}
.cmp-row:not(.cmp-h):hover{background:#fafbfc}.cmp-row:not(.cmp-h):hover .cmp-us{background:#ecfccb}
html.js .cmp-row.reveal{opacity:0;transform:translateX(-14px)}html.js .cmp-row.reveal.in{opacity:1;transform:none}
.cmp-glow{position:absolute;top:0;bottom:0;left:calc(1.1 / 4.5 * 100%);width:calc(1.4 / 4.5 * 100%);box-shadow:inset 0 0 0 2px #bef264;border-radius:0;pointer-events:none;z-index:2}

.sec-faq .wrap-narrow{max-width:1100px}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.faq{border-radius:14px;background:#fff;border:1px solid #e9eef4;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.faq[open]{border-color:#bef264;box-shadow:0 18px 36px -30px rgba(101,163,13,.8)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:700;font-size:15px;color:#0f172a}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f1f5f9;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s}
.faq[open] summary i{transform:rotate(135deg);background:#bef264;color:#0b1220}
.faq>p{margin:0;padding:0 16px 16px;font-size:14.5px;line-height:1.6;color:#475569}

.sec-guides .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sec-guides .post{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px;border-radius:14px}
.sec-guides .post-art{border-radius:10px;overflow:hidden;align-self:start}
.sec-guides .post-body{padding:0!important;gap:4px}
.sec-guides .post-body b{font-size:14.5px!important;line-height:1.3}
.sec-guides .post-body p,.sec-guides .post-meta{display:none}
.sec-guides .post-more{font-size:13px}

.sec-related .svc-grid3{gap:12px}
.sec-related .svc-card{padding:18px;gap:8px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.sec-related .svc-card:hover{transform:translateY(-4px)}
.sec-related .svc-card-intro{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px}

.cta-web{position:relative;overflow:hidden;background:linear-gradient(130deg,#0b1220,#12324a)!important;color:#fff}
.cta-web .h2{color:#fff}.cta-web .lead{color:#cbd5e1}
.cta-webart{position:absolute;right:-40px;top:-60px;width:300px;height:300px;opacity:.55;pointer-events:none}
.cta-webart .pw{width:100%;height:100%}
.cta-web .pw-ring{stroke:#bef264;stroke-dashoffset:400;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * 160ms)}
.cta-web .pw-spoke{stroke:rgba(190,242,100,.4)}
.cta-web.in .pw-ring{stroke-dashoffset:0}
.cta-web .pw-dew{opacity:.8}
.cta-spider{position:absolute;right:110px;top:0;width:0;pointer-events:none}
.cta-silk{position:absolute;left:-1px;top:0;width:2px;height:0;background:linear-gradient(rgba(190,242,100,.2),#bef264);transition:height 1.4s cubic-bezier(.34,1.3,.5,1) .6s}
.cta-spider .brand-mark{position:absolute;left:-17px;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#bef264;color:#0b1220;transform:translateY(-40px);transition:transform 1.4s cubic-bezier(.34,1.3,.5,1) .6s}
.cta-spider .brand-mark svg{width:22px;height:22px}
.cta-web.in .cta-silk{height:96px}.cta-web.in .cta-spider .brand-mark{transform:translateY(96px);animation:ctaSwing 4s ease-in-out 2.2s infinite;transform-origin:50% -96px}
@keyframes ctaSwing{0%,100%{transform:translateY(96px) rotate(0)}50%{transform:translateY(100px) rotate(4deg)}}
.cta-web>div,.cta-web>.btn{position:relative;z-index:1}
@media (max-width:980px){.incl2-grid,.faq-list,.sec-guides .blog-grid{grid-template-columns:1fr}.cmp-row{grid-template-columns:1fr 1fr}.cmp-row>.cmp-o{display:none}.cmp-glow{display:none}}
@media (prefers-reduced-motion:reduce){.incl2,.incl2::before,.i2-ico,.i2-ok,.cmp-row,.faq summary i,.cta-silk,.cta-spider .brand-mark,.cta-web .pw-ring{transition:none;animation:none}.i2-ok{opacity:1;transform:none}.cta-web .pw-ring{stroke-dashoffset:0}}
.cta-spider{right:46px;z-index:2}
.cta-web.in .cta-silk{height:58px}.cta-web.in .cta-spider .brand-mark{transform:translateY(58px);animation-name:ctaSwing2}
@keyframes ctaSwing2{0%,100%{transform:translateY(58px) rotate(0)}50%{transform:translateY(62px) rotate(5deg)}}
.cta-web .btn{margin-right:70px}

/* ---- v55: booking widget */
.sec-book{padding-top:34px;padding-bottom:34px}
.bk{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) minmax(0,1fr);border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;box-shadow:0 40px 80px -55px rgba(15,23,42,.55);min-height:400px}
.bk-intro{position:relative;padding:26px 26px 22px;background:radial-gradient(120% 90% at 0% 0%,#14304a,#0b1220 65%);color:#e2e8f0;overflow:hidden}
.bk-intro::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;border:1px dashed rgba(190,242,100,.25);box-shadow:0 0 0 28px rgba(190,242,100,.04),0 0 0 56px rgba(190,242,100,.03)}
.bk-spider{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#bef264;color:#0b1220;animation:fsFloat 5s ease-in-out infinite}
.bk-spider svg{width:26px;height:26px}
.bk-kick{margin:16px 0 4px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#bef264}
.bk-intro h2{margin:0;font-family:var(--font-display);font-size:26px;line-height:1.15;color:#fff;letter-spacing:-.5px}
.bk-meta{display:grid;gap:6px;margin:14px 0;padding:0;list-style:none}
.bk-meta li{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#cbd5e1}.bk-meta li::before{display:none}.bk-meta i{color:#bef264;font-size:17px}
.bk-perks{display:grid;gap:7px;margin:0;padding:14px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}
.bk-perks li{display:flex;gap:8px;margin:0;font-size:13.5px;color:#e2e8f0;line-height:1.4}.bk-perks li::before{display:none}.bk-perks i{color:#34d399;font-size:16px;flex:none;margin-top:1px}
.bk-cal{padding:22px 20px;border-right:1px solid #f1f5f9}
.bk-mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bk-mh b{font-family:var(--font-display);font-size:17px;color:#0f172a}
.bk-nav{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;color:#334155}
.bk-nav:disabled{opacity:.3;cursor:default}
.bk-dow,.bk-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.bk-dow span{font-size:11px;font-weight:800;text-transform:uppercase;color:#94a3b8;padding:4px 0}
.bk-days>span,.bk-d{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-size:14px}
.bk-x{color:#cbd5e1}
.bk-d{border:0;background:#f0fdf4;color:#166534;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s,background .2s,color .2s;animation:bkIn .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 12ms)}
.bk-d:hover{background:#dcfce7;transform:scale(1.08)}
.bk-d.on{background:#0b1220;color:#bef264;box-shadow:0 0 0 4px rgba(190,242,100,.35)}
@keyframes bkIn{from{opacity:0;transform:scale(.7)}}
.bk-side{padding:22px 20px;display:flex;flex-direction:column}
.bk-q{margin:0;font-family:var(--font-display);font-weight:700;font-size:17px;color:#0f172a}
.bk-date{margin:4px 0 12px;font-size:13.5px;color:#64748b}.bk-date b{color:#0f172a}
.bk-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:270px;overflow:auto;padding-right:4px}
.bk-s{padding:9px 6px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;font:inherit;font-weight:700;font-size:14px;color:#0f172a;cursor:pointer;transition:all .2s;animation:bkIn .3s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 25ms)}
.bk-s:hover{border-color:#10b981;color:#047857;background:#f0fdf4}
.bk-none{font-size:14px;color:#64748b;grid-column:1/-1}
.bk-form{display:grid;gap:8px;animation:bkIn .35s cubic-bezier(.22,1,.36,1)}
.bk-back{justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#64748b;cursor:pointer}
.bk-chosen{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:9px 11px;border-radius:10px;background:#f0fdf4;color:#166534;font-weight:700;font-size:13.5px}
.bk-chosen small{font-weight:600;color:#4d7c0f}
.bk-form label{display:grid;gap:3px}.bk-form label span{font-size:12px;font-weight:700;color:#475569}.bk-form label em{font-style:normal;font-weight:500;color:#94a3b8}
.bk-form input,.bk-form textarea{padding:9px 11px;border-radius:9px;border:1.5px solid #e2e8f0;background:#f8fafc;font:inherit;font-size:14px;color:#0f172a}
.bk-form input:focus,.bk-form textarea:focus{outline:none;border-color:#10b981;background:#fff}
.bk-msg{margin:0;font-size:13px;color:#b91c1c;min-height:1em}
.bk-done{display:grid;place-items:center;align-content:center;text-align:center;gap:6px;flex:1;animation:bkIn .4s cubic-bezier(.34,1.56,.64,1)}
.bk-ok{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#bef264;color:#0b1220;font-size:26px}
.bk-done b{font-family:var(--font-display);font-size:22px;color:#0f172a}.bk-done p{margin:0;color:#334155}.bk-small{font-size:13px;color:#64748b!important}
@media (max-width:980px){.bk{grid-template-columns:1fr}.bk-cal{border-right:0;border-bottom:1px solid #f1f5f9}}
@media (prefers-reduced-motion:reduce){.bk-d,.bk-s,.bk-form,.bk-done,.bk-spider{animation:none}}
.bk [hidden]{display:none!important}
.bk-s small{font-size:10.5px;font-weight:700;color:#94a3b8;margin-left:2px}

/* ---- v56: booking left panel background + motion */
.bk-intro{isolation:isolate;background:linear-gradient(160deg,#0b1220 0%,#0f2236 55%,#102a2a 100%);background-size:200% 200%;animation:bkShift 14s ease-in-out infinite}
@keyframes bkShift{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
.bk-intro::after{display:none}
.bk-intro>*:not(.bk-bg){position:relative;z-index:2}
.bk-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bk-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(160deg,transparent 20%,#000 90%)}
.bk-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}
.bk-orb1{width:220px;height:220px;left:-60px;top:-70px;background:#10b981;opacity:.25;animation:bkOrb1 12s ease-in-out infinite}
.bk-orb2{width:180px;height:180px;right:-50px;bottom:-40px;background:#bef264;opacity:.18;animation:bkOrb2 15s ease-in-out infinite}
@keyframes bkOrb1{50%{transform:translate(60px,40px) scale(1.15)}}
@keyframes bkOrb2{50%{transform:translate(-50px,-60px) scale(.9)}}
.bk-web{position:absolute;right:-70px;bottom:-80px;width:290px;height:290px;opacity:.6;animation:bkSpin 60s linear infinite}
.bk-web .pw{width:100%;height:100%}
.bk-web .pw-ring{stroke:rgba(190,242,100,.55);stroke-width:1.1;stroke-dashoffset:400;transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * 200ms)}
.bk-web .pw-spoke{stroke:rgba(190,242,100,.22)}
.bk-web .pw-core{fill:#bef264}
.bk-web .pw-dew{opacity:.85;animation:pwTw 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * 400ms)}
.bk.in .bk-web .pw-ring{stroke-dashoffset:0}
@keyframes bkSpin{to{transform:rotate(360deg)}}
.bk-hang{position:absolute;right:76px;top:0;width:0}
.bk-silk{position:absolute;left:-.5px;top:0;width:1px;height:0;background:linear-gradient(rgba(190,242,100,0),#bef264);transition:height 1.6s cubic-bezier(.34,1.3,.5,1) .8s}
.bk-bug{position:absolute;left:-14px;top:-30px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(190,242,100,.14);color:#bef264;border:1px solid rgba(190,242,100,.5);transition:transform 1.6s cubic-bezier(.34,1.3,.5,1) .8s}
.bk-bug svg{width:18px;height:18px}
.bk.in .bk-silk{height:118px}
.bk.in .bk-bug{transform:translateY(148px);animation:bkBob 3.6s ease-in-out 2.6s infinite}
@keyframes bkBob{0%,100%{transform:translateY(148px) rotate(0)}50%{transform:translateY(156px) rotate(-6deg)}}
.bk-spider{box-shadow:0 0 0 0 rgba(190,242,100,.5);animation:fsFloat 5s ease-in-out infinite,bkRing 2.8s ease-out infinite}
@keyframes bkRing{0%{box-shadow:0 0 0 0 rgba(190,242,100,.45)}100%{box-shadow:0 0 0 16px rgba(190,242,100,0)}}
.bk-live{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:12.5px;color:#a3e635}
.bk-live i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:wstLive 1.6s ease-out infinite}
.bk-perks li{opacity:0;transform:translateX(-10px);transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1)}
.bk-perks li:nth-child(1){transition-delay:.4s}.bk-perks li:nth-child(2){transition-delay:.55s}.bk-perks li:nth-child(3){transition-delay:.7s}
.bk.in .bk-perks li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bk-intro,.bk-orb,.bk-web,.bk-spider,.bk.in .bk-bug,.bk-web .pw-dew{animation:none}.bk-web .pw-ring,.bk-silk,.bk-bug,.bk-perks li{transition:none}.bk-perks li{opacity:1;transform:none}.bk-web .pw-ring{stroke-dashoffset:0}}
.bk-web{opacity:.42;right:-90px;bottom:-100px}

/* ---- v57: tile hover: icon animates, giant faded icon grows behind */
.st{isolation:isolate}
.st>*:not(.st-bgi){position:relative;z-index:1}
.st-pill{position:absolute!important}
.st-bgi{position:absolute;right:-28px;bottom:-34px;z-index:0;font-size:190px;line-height:1;color:var(--tc);opacity:0;transform:scale(.4) rotate(-25deg);transform-origin:70% 70%;transition:opacity .5s ease,transform .7s cubic-bezier(.34,1.4,.64,1);pointer-events:none;filter:blur(.3px)}
.st:hover .st-bgi,.st:focus-within .st-bgi{opacity:.1;transform:scale(1) rotate(-8deg)}
.st::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(260px 200px at 100% 100%,color-mix(in srgb,var(--tc) 14%,transparent),transparent 70%);opacity:0;transition:opacity .5s}
.st:hover::after{opacity:1}
.st:hover .st-ico{animation:stIcon .9s cubic-bezier(.34,1.56,.64,1)}
@keyframes stIcon{0%{transform:none}30%{transform:translateY(-6px) scale(1.15) rotate(-10deg)}60%{transform:translateY(0) scale(.95) rotate(6deg)}100%{transform:scale(1.06) rotate(0)}}
.st:hover .st-ico{transform:scale(1.06);box-shadow:0 10px 24px -10px var(--tc)}
.st:hover .st-ico i{animation:stGlyph 1.2s ease-in-out .3s}
@keyframes stGlyph{50%{transform:rotate(14deg)}}
.st-os{max-width:100%;width:auto!important;white-space:normal;line-height:1.3}
@media (prefers-reduced-motion:reduce){.st-bgi{transition:opacity .3s;transform:none}.st:hover .st-ico,.st:hover .st-ico i{animation:none}}
.st:hover .st-bgi,.st:focus-within .st-bgi{opacity:.15}

/* ---- v58: full-service hero: smaller H1, rotating hooks, slideshow visuals */
.hs-h1{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.08!important;letter-spacing:-1.2px;max-width:640px}
.hs-hooks{position:relative;height:2.4em;margin:6px 0 4px;font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-.8px;color:#bef264}
.hs-hook{position:absolute;inset:0;opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1),filter .6s}
.hs-hook.on{opacity:1;transform:none;filter:none}
.hs-chips{position:relative;height:34px;margin:0 0 6px}
.hs-chip{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(190,242,100,.12);border:1px solid rgba(190,242,100,.35);color:#d9f99d;font-size:14px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .5s .15s,transform .6s cubic-bezier(.22,1,.36,1) .15s}
.hs-chip.on{opacity:1;transform:none}
.hs{position:relative;width:100%;max-width:560px;margin-left:auto}
.hs-stage{position:relative;height:340px}
.hs-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateX(30px) scale(.97);transition:opacity .55s,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
.hs-slide.on{opacity:1;transform:none;pointer-events:auto}
.hs-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.hs-tab{position:relative;overflow:hidden;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#cbd5e1;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.hs-tab span{position:relative;z-index:1}
.hs-tab i{position:absolute;left:0;bottom:0;height:2px;width:0;background:#bef264}
.hs-tab.on{background:#bef264;color:#0b1220;border-color:#bef264}
.hs-tab.on i{background:#0b1220;animation:hsBar var(--dur,4800ms) linear forwards}
.hs.paused .hs-tab.on i{animation-play-state:paused}
@keyframes hsBar{from{width:0}to{width:100%}}
.hs-demo{margin:8px 0 0;font-size:11.5px;color:#94a3b8;text-align:right}
/* visual cards */
.hv{width:100%;max-width:520px;padding:18px;border-radius:20px;background:#fff;color:#0f172a;box-shadow:0 40px 80px -40px rgba(0,0,0,.65);font-size:13px}
.hv-t{margin:0 0 12px!important;font-weight:800;font-size:14px;color:#0f172a!important;display:flex;align-items:center;gap:8px}
.hv-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;align-items:baseline;margin-top:12px;padding-top:10px;border-top:1px solid #f1f5f9}
.hv-row span{font-size:12px;color:#64748b}.hv-row b{font-family:var(--font-display);font-size:20px}
.hv-res{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hv-pc{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:10px;border:1px solid #eef2f6;opacity:.55}
.hv-pc.hi{opacity:1;border:2px solid #facc15;transform:translateY(-4px);box-shadow:0 14px 26px -16px rgba(234,179,8,.8)}
.hv-img{aspect-ratio:1;border-radius:8px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 60%,#fff),#f8fafc);display:grid;place-items:center}
.hv-img::after{content:"";width:26%;height:62%;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000),var(--c),color-mix(in srgb,var(--c) 70%,#000))}
.hv-pc b{font-size:11px;font-weight:600}.hv-st{color:#f59e0b;font-size:11px;letter-spacing:-1px}.hv-pr{font-weight:800}
.hv-gauge{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:14px}
.hv-gauge span{font-size:12px;color:#64748b}.hv-gauge b{font-family:var(--font-display);font-size:22px}.hv-gauge s{color:#94a3b8;font-size:14px;margin-right:4px}
.hv-gauge>i{grid-column:1/-1;height:10px;border-radius:5px;background:#f1f5f9;overflow:hidden}.hv-gauge>i em{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#10b981,#bef264)}
.hs-slide.on .hv-gauge>i em{animation:hvFill 1.4s cubic-bezier(.22,1,.36,1) .3s forwards}
@keyframes hvFill{from{width:30%}to{width:78%}}
.hv-pl{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;margin:8px 0}
.hv-pl i{height:14px;border-radius:7px;background:#f1f5f9;position:relative;overflow:hidden}
.hv-pl i::after{content:"";position:absolute;inset:0;width:0;border-radius:7px;background:var(--c)}
.hs-slide.on .hv-pl i::after{animation:hvW 1.2s cubic-bezier(.22,1,.36,1) .2s forwards}
@keyframes hvW{to{width:var(--w)}}
.hv-pl b{font-family:var(--font-display);font-size:16px;text-align:right}
.hv-bid{display:flex;gap:6px;align-items:center;margin-top:12px;padding:8px 10px;border-radius:10px;background:#0b1220;color:#d9f99d;font-size:12px;font-weight:700}
.hv-fn{position:relative;display:flex;justify-content:space-between;align-items:center;width:var(--w);min-width:46%;margin:6px auto;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,#0ea5e9,#10b981);color:#fff;font-weight:700;opacity:0;transform:scaleX(.6)}
.hs-slide.on .hv-fn{animation:hvFn .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 200ms + .1s)}
@keyframes hvFn{to{opacity:1;transform:none}}
.hv-big{display:flex;align-items:baseline;gap:10px;justify-content:center;margin-top:10px}.hv-big span{color:#64748b}.hv-big b{font-family:var(--font-display);font-size:34px;color:#16a34a}.hv-big em{font-style:normal;color:#94a3b8}
.hv svg{width:100%;height:auto;display:block}
.hv-cac{stroke:#ef4444;stroke-dasharray:5 5;stroke-width:1.5}.hv svg text{font-size:9px;fill:#ef4444;font-weight:700}
.hv-line{fill:none;stroke:#16a34a;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400}
.hv-red{stroke:#f59e0b}
.hs-slide.on .hv-line{animation:hvDraw 1.6s cubic-bezier(.22,1,.36,1) .2s forwards}
@keyframes hvDraw{to{stroke-dashoffset:0}}
.hv-pay{fill:#f59e0b;opacity:0}.hs-slide.on .hv-pay{animation:hvPop .4s 1.4s forwards}
@keyframes hvPop{to{opacity:1}}
.hv-band{fill:rgba(16,185,129,.12)}.hv-acos svg text{fill:#047857}
.hv-rank table{width:100%;border-collapse:collapse}.hv-rank th{text-align:left;font-size:11px;color:#94a3b8;text-transform:uppercase;padding:4px 6px}
.hv-rank td{padding:8px 6px;border-top:1px solid #f1f5f9;font-size:13px}.hv-rank td b{font-family:var(--font-display);font-size:17px;color:#16a34a;margin-right:4px}.hv-rank td i{color:#16a34a}
.hv-was{color:#94a3b8;text-decoration:line-through}
.hv-rank tr{opacity:0;transform:translateX(-10px)}.hs-slide.on .hv-rank tr{animation:hvFn .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 150ms)}.hv-rank thead tr{opacity:1;transform:none;animation:none!important}
.hv-snsb{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px}
.hv-bars{display:flex;align-items:flex-end;gap:8px;height:120px}
.hv-bars i{flex:1;height:0;border-radius:6px 6px 0 0;background:linear-gradient(#38bdf8,#0ea5e9)}
.hs-slide.on .hv-bars i{animation:hvH .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 90ms)}
@keyframes hvH{to{height:var(--h)}}
.hv-rep{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}
.hv-ring{position:relative;display:grid;place-items:center;width:150px;height:150px}
.hv-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.hv-rb{fill:none;stroke:#f1f5f9;stroke-width:5}.hv-rf{fill:none;stroke:#10b981;stroke-width:5;stroke-linecap:round;stroke-dasharray:0 100}
.hs-slide.on .hv-rf{animation:hvRing 1.4s cubic-bezier(.22,1,.36,1) .2s forwards}
@keyframes hvRing{to{stroke-dasharray:27 73}}
.hv-ring b{font-family:var(--font-display);font-size:32px;margin-top:-10px}.hv-ring span{position:absolute;bottom:42px;font-size:11px;color:#64748b}
.hv-rep ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.hv-rep li{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}.hv-rep li::before{display:none}.hv-rep li i{width:10px;height:10px;border-radius:3px}.hv-rep li b{margin-left:auto}
.hv-os{background:#0b1220;color:#e2e8f0}
.hv-osbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--font-display);font-weight:700;color:#fff}.hv-osbar .brand-mark{width:22px;height:22px;color:#bef264}.hv-osbar em{margin-left:auto;font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:#bef264;color:#0b1220}
.hv-k4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hv-k4 div{padding:8px;border-radius:10px;background:rgba(255,255,255,.06)}.hv-k4 span{display:block;font-size:10.5px;color:#94a3b8}.hv-k4 b{font-family:var(--font-display);font-size:17px;color:#fff}
.hv-feed{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}.hv-feed li{display:flex;gap:8px;align-items:center;margin:0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);font-size:12.5px;opacity:0;transform:translateY(6px)}.hv-feed li::before{display:none}
.hv-feed li i{color:#bef264}.hs-slide.on .hv-feed li{animation:hvFn .5s forwards}.hs-slide.on .hv-feed li:nth-child(2){animation-delay:.25s}.hs-slide.on .hv-feed li:nth-child(3){animation-delay:.5s}
@media (prefers-reduced-motion:reduce){.hs-hook,.hs-chip,.hs-slide{transition:none}.hv-line{stroke-dashoffset:0}.hv-fn,.hv-rank tr,.hv-feed li{opacity:1;transform:none}.hs-slide.on *{animation:none!important}}
.hs-hooks,.hs-chips{width:100%;max-width:640px;align-self:stretch}.hs-chip{white-space:nowrap}

/* v60: hero slides reuse the realistic hero scene (product card, trend, floating widgets, ticker); clean handoff between slides */
.hs{max-width:580px}
.hs-stage{height:auto;aspect-ratio:580/480}
.hs-slide{display:block;visibility:hidden;transition:opacity .3s,transform .5s cubic-bezier(.22,1,.36,1),visibility 0s .3s}
.hs-slide.on{visibility:visible;transition:opacity .5s .2s,transform .7s .15s cubic-bezier(.22,1,.36,1),visibility 0s}
.hs .fs-scene{position:absolute;inset:0;max-width:none;aspect-ratio:auto;margin:0}
.hs .fs-scene .fs-prod{top:5%;left:26%;width:42%}
.hs .fs-scene .fs-ticker{bottom:1%}
.hs .fs-scene .fs-line{animation:none;stroke-dashoffset:900}
.hs .hs-slide.on .fs-line{animation:fsDraw 1.8s .25s cubic-bezier(.22,1,.36,1) forwards}
.hs .hs-slide.on .fs-w{animation:hsPop .55s cubic-bezier(.22,1,.36,1) backwards,fsFloat 6s ease-in-out .6s infinite}
.hs .hs-slide.on .fs-health{animation-delay:.25s,-1s}.hs .hs-slide.on .fs-sales{animation-delay:.4s,-2.5s}.hs .hs-slide.on .fs-bb{animation-delay:.55s,-3.5s}.hs .hs-slide.on .fs-tacos{animation-delay:.7s,-4.5s}
@keyframes hsPop{from{opacity:0;transform:translateY(14px) scale(.92)}}
.fs-badge-alt{background:#232f3e}
.fs-sns{font-size:12px;font-weight:700;color:#007600}
.hs .hs-tabs{margin-top:16px}
@media (prefers-reduced-motion:reduce){.hs .fs-scene .fs-line{stroke-dashoffset:0}}
.hs .fs-scene .fs-img{aspect-ratio:auto;height:128px}.hs .fs-scene .fs-bottle{height:108px;width:auto}
.hs .fs-scene .fs-prod{gap:4px;padding:12px}
.hs .fs-badge{white-space:nowrap;max-width:none;overflow:visible;font-size:10.5px}
.bk-warn{display:block;color:#dc2626;font-weight:700;margin-bottom:4px}

/* ---- v61: mobile pass (phones up to 700px). Desktop untouched. */
@media (max-width:1000px){.post-layout{grid-template-columns:minmax(0,1fr)}.post-content{min-width:0}}
@media (max-width:700px){
  html,body{overflow-x:clip}
  .post-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .post-content pre,.post-content img,.post-content svg,.post-content figure{max-width:100%}
  .nl-form{grid-template-columns:1fr;gap:12px;padding:20px 18px;margin:28px 0}
  .nl-row{flex-wrap:wrap}.nl-row input[type=email]{flex:1 1 100%}.nl-row button{flex:1 1 100%}
  .cubes{grid-template-columns:minmax(0,1fr);gap:30px;padding:0 12px}
  .osc-slide{white-space:normal;max-width:100%;border-radius:18px;font-size:12.5px;line-height:1.35}
  .osc-nets{display:none}
}
@media (max-width:980px){
  .hero-grid,.hero-home .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-copy,.hero-visual{min-width:0;max-width:100%}
  .os-callout{max-width:100%;grid-template-columns:minmax(0,1fr)}
  .osc-slide{max-width:100%;min-width:0}.osc-t{min-width:0}
}
@media (max-width:980px){.lead-box{grid-template-columns:minmax(0,1fr)}.lead-box>*{min-width:0}.lead-acts .btn{max-width:100%;white-space:normal}}
@media (max-width:700px){
  .courses,.perks{grid-template-columns:minmax(0,1fr)}
  .svc-channel-head,.dept-head{grid-template-columns:minmax(0,1fr);gap:12px}
  .svc-channel-head>*,.dept-head>*{min-width:0}
}
@media (max-width:700px){
  .topbar-right{gap:8px;width:100%;justify-content:space-between}
  .topbar-right a{white-space:nowrap;font-size:12px;gap:5px}
  .topbar-contact{display:none!important}
  /* hero slideshow: render the desktop scene at 580px and scale it down to the phone width */
  .hs .hs-stage{aspect-ratio:auto;height:calc(480px * var(--hs-s,1))}
  .hs .fs-scene{inset:auto;left:0;top:0;width:580px;height:480px;transform:scale(var(--hs-s,1));transform-origin:0 0}
  .hs .hs-tabs{gap:6px}.hs .hs-tab{padding:7px 11px}
  .fitbox{position:relative;width:100%;overflow:hidden}
  .fitbox>*{margin:0!important}
}
@media (max-width:700px){.wf-outs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:700px){
  .hooks-lead{font-size:31px}
  .hooks{font-size:31px;grid-template-columns:minmax(0,1fr);min-height:2.25em;line-height:1.1}
  .hooks .line,.hooks .hook{white-space:normal;min-width:0}
}
@media (max-width:860px){
  .site-foot-v2 .foot-top{grid-template-columns:minmax(0,1fr);gap:32px}
  .foot-cols-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
  .foot-cta{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}
  .foot-cta-act{flex-wrap:wrap;width:100%}
}
@media (max-width:700px){
  .foot-cta-h{font-size:24px}
  .foot-cta-act .btn{flex:1 1 100%;justify-content:center}
  .site-foot-v2 .foot-brand{max-width:100%}
}
@media (max-width:700px){.hero-seller{left:auto;right:10px;top:18%;transform:scale(1.1) rotate(4deg);transform-origin:top right}}
@media (max-width:700px){.hero-home .hero-copy{gap:18px}.hooks{min-height:0}.hook-dots{margin-top:2px}}
@media (max-width:560px){.st-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.ai-wrap,.hn-grid,.rk-body{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:860px){.nw-left{order:3}.nw-right{order:2}}

/* ---- v62: compact mobile. Phones get a smaller type/spacing scale, only the key content,
   and swipeable card rows. Hidden text stays in the HTML for search engines. Desktop untouched. */
@media (max-width:700px){
  body{font-size:15px;line-height:1.55}
  .wrap{width:calc(100% - 32px)}
  .sec{padding:36px 0;scroll-margin-top:90px}
  .h1{font-size:30px;line-height:1.08}
  .h2{font-size:24px;line-height:1.14;max-width:none}
  h3{font-size:17px}
  .lead,.hero-lead{font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sec p{font-size:14.5px}
  .btn-lg{padding:13px 18px;font-size:15px}
  .eyebrow,.kicker{font-size:11px}
  .hero{padding:18px 0 28px}

  /* swipeable rows instead of tall stacks */
  .st-grid,.cubes,.hn-grid,.tm-people,.plans-grid,.plans-3,.plans-4,.bento,.results,.svc-grid3,.blog-grid,.rel-grid,.post-grid{
    display:grid!important;grid-auto-flow:column;grid-auto-columns:80%;grid-template-columns:none!important;grid-template-rows:none;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:12px!important;padding:2px 2px 12px;margin-inline:-2px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .st-grid::-webkit-scrollbar,.cubes::-webkit-scrollbar,.hn-grid::-webkit-scrollbar,.tm-people::-webkit-scrollbar,.bento::-webkit-scrollbar,.results::-webkit-scrollbar,.svc-grid3::-webkit-scrollbar{display:none}
  .st-grid>*,.cubes>*,.hn-grid>*,.tm-people>*,.plans-stage .plans>*,.plans-3>*,.plans-4>*,.bento>*,.results>*,.svc-grid3>*,.blog-grid>*,.rel-grid>*,.post-grid>*{scroll-snap-align:start;min-width:0;grid-column:auto!important;grid-row:auto!important}
  .cubes{padding:14px 2px 14px}

  /* service tiles: icon, name, one line, link */
  .st-more,.st-bgi{display:none!important}
  .st{padding:16px!important}.st p{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 8px}
  .st-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.st-filter::-webkit-scrollbar{display:none}.st-filter>*{flex:none}

  /* playbook thread: title, one-line promise, link */
  .ff-vis,.ff-os,.ff-copy ul,.ff-copy ol,.ff-demo{display:none!important}
  .ff-lead{font-size:14px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

  /* what's included: names only, two columns */
  .incl2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .incl2{padding:10px!important;gap:8px!important;align-items:center}
  .incl2 p,.i2-ok{display:none!important}.incl2 strong{font-size:13px;line-height:1.25}
  .i2-ico{width:30px!important;height:30px!important;font-size:16px!important;flex:none}

  /* plans: short feature list */
  .plan-features li:nth-child(n+5),.plan-note,.plan-rail{display:none}
  .plan{padding:18px!important}

  /* command center, team, compare: keep the essentials */
  .fc-usps,.fc-log,.tm-rhythm,.cmp-glow{display:none!important}
  .wf-outs li p,.wf-outs li small{display:none}

  /* home sections */
  .gr-more,.gr-ai,.gr-map,.gr-wires,.cube-feats,.cube-fit,.tile-sum,.tile-depts,.am-label,.rk-ghost,.funnel-formats,.fw-list-wrap,.ltv-cohorts .lc-keys,.bt-sl,.nw-m p{display:none!important}
  .gr-card p,.cube-h em,.rank-step p,.result-body p{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .split{gap:20px!important}
  .checks li:nth-child(n+4){display:none}

  /* footer: brand + two short link groups */
  .site-foot-v2 .foot-brand p:not(.foot-tag){display:none}
  .foot-cols-v2 .foot-col:nth-child(n+3){display:none}
  .foot-cols-v2 .foot-col li:nth-child(n+6):not(.foot-more){display:none}
  .foot-cta{margin-bottom:24px}.foot-cta-s{display:none}

  /* posts */
  .post-content{font-size:16px;line-height:1.65}
  .post-toc{display:none}
}
@media (max-width:700px){
  .bk-perks,.bk-live,.bk-hang,.bk-web,.bk-orb{display:none!important}
  .bk-intro{padding:20px!important;gap:8px}.bk-intro h2{font-size:22px}.bk-meta{gap:4px 14px;display:flex;flex-wrap:wrap}
  .hs .hs-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.hs .hs-tabs::-webkit-scrollbar{display:none}.hs .hs-tab{flex:none}
  .ltv-cohorts{display:none!important}
  .ff-item,.ff-line>li{padding-block:10px!important}
  .ff-lead{-webkit-line-clamp:1}
}
@media (max-width:700px){
  .hero-home .hero-copy{gap:12px}
  .hero-home .os-callout{margin-bottom:4px}
  .hero-home .hooks{margin-top:-10px!important;line-height:1.12}
  .hero-home .hook-dots{margin-top:0}
  .hero-home .hook-subs{margin-top:4px;font-size:14px;min-height:0}
  .hero-home .hero-lead{margin-top:0}
}
@media (max-width:700px){
  /* home: tool tabs as a pill row, growth and rank trimmed */
  .tool-tabs{display:flex!important;overflow-x:auto;gap:8px;scrollbar-width:none;padding-bottom:4px}.tool-tabs::-webkit-scrollbar{display:none}
  .tool-tab{flex:none;max-width:78%;padding:10px 12px!important}.tool-tab small{display:none!important}.tool-tab strong{font-size:13.5px}
  .gr-intro p+p,.gr-foot,.rk-boosts,.rk-foot{display:none!important}
  .gr-loop li p,.gr-step p{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .bento>.tile{min-height:0!important;padding:18px!important}
  /* SpiderOS page: modules and plans swipe */
  .os-grid,.os-plans .plans{display:grid!important;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;padding-bottom:10px;scrollbar-width:none}
  .os-grid::-webkit-scrollbar,.os-plans .plans::-webkit-scrollbar{display:none}
  .os-grid>*,.os-plans .plans>*{scroll-snap-align:start;min-width:0}
  .os-pills{display:none}
  /* swipe hint under every swipe row */
  .st-grid,.cubes,.hn-grid,.tm-people,.plans-grid,.bento,.svc-grid3,.blog-grid,.os-grid,.os-plans .plans{mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
}
@media (max-width:700px){
  .sec-amazon,.sec-flow,.sec-funnel,.sec-fly,.sec-ltv,.sec-ask,.sec-ff,.sec-fc{display:none!important}
}
@media (max-width:700px){.tabs li:has(a[href="#how-we-manage"]),.tabs li:has(a[href="#spideros"]),.tabs li:has(a[href="#ask"]){display:none}}
@media (max-width:700px){
  .mq{padding:12px 0 10px}.mq-head{font-size:13px;margin-bottom:6px}
  .mq-track{gap:8px;padding:4px}
  .mq-track li{height:40px;padding:0 6px;border-radius:9px}.mq-track li svg{width:128px;height:30px}
  .partners{padding:4px 0 14px}
  .partner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .partner-list li{padding:8px 10px;gap:8px;justify-content:flex-start}
  .partner-list .blogo{height:18px;max-width:70px}.partner-txt{padding-left:8px}
  .partner-txt strong{font-size:12px}.partner-txt small{font-size:10.5px}
  .hero-home .hero-person{min-height:0}
  .hero-home .hero-img{max-height:360px;width:auto;margin-inline:auto;display:block}
  .hero-home .hook-subs{font-size:14px!important;line-height:1.45}
}
@media (max-width:700px){.hero-seller{transform:scale(.9) rotate(4deg);top:14%;right:6px}}
@media (max-width:700px){.wst-card{display:none!important}}
@media (max-width:700px){
  main h2,.sec h2{font-size:24px!important;line-height:1.15!important;letter-spacing:-.02em}
  main h3,.sec h3{font-size:17px!important;line-height:1.25!important}
  .hs h3,.fitbox h3,.fs-scene h3{font-size:inherit!important}
  .tile-name{font-size:22px!important}
  .gr-panel,.gr-intro{padding:22px!important}
}
@media (max-width:700px){
  .bento .tile{height:auto!important;aspect-ratio:auto!important;gap:8px}.tile-web{display:none!important}
  .gr-intro p{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .sec+.sec{padding-top:24px}
}
@media (max-width:700px){.bento{align-items:start}.bento .tile-link{margin-top:4px!important}}
@media (max-width:700px){
  .hero-channel .crumbs,.hero-service .crumbs{font-size:12px;margin-bottom:4px}
  .hero-channel .hero-copy,.hero-service .hero-copy{gap:12px!important}
  .hero-service .svc-hero-badge,.hero-service .built-for,.hero-service [class*="hero-badge"]:not(.os-callout){display:none!important}
  .hs-h1{font-size:28px!important}
  .hs-hooks{font-size:20px!important;min-height:2.3em}.hs-hook{font-size:20px!important}
  .hs-chips .hs-chip,.hs-chip{font-size:13px;padding:6px 12px}
  .hero-service .hero-actions{gap:8px}.hero-service .hero-actions .btn{flex:1 1 100%;justify-content:center}
}
@media (max-width:700px){.hero .svc-brand{display:none!important}}

/* ---- v63: compact phone menu: quick grid of main pages + collapsible department groups */
@media (max-width:1100px){
  .mobile-menu{position:fixed;left:0;right:0;top:var(--mm-top,72px);bottom:0;z-index:60;overflow-y:auto;overscroll-behavior:contain;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .mobile-menu ul{padding:12px 16px 28px;margin:0;list-style:none}
  .mobile-menu a{font-family:var(--font-body);font-size:14.5px;border-bottom:0;padding:0}
  .mm-quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .mm-quick a{display:flex!important;flex-direction:column;align-items:center;gap:5px;padding:10px 4px!important;border-radius:12px;background:#f6f8fa;border:1px solid var(--line);font-size:11.5px!important;font-weight:600;text-align:center;color:var(--ink)}
  .mm-quick a i{font-size:20px;color:#10b981}
  .mm-group{border-bottom:1px solid var(--line)}
  .mm-group summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 2px;font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer}
  .mm-group summary::-webkit-details-marker{display:none}
  .mm-group summary>span{flex:1}
  .mm-group summary .ph-caret-down{transition:transform .25s;color:var(--muted)}
  .mm-group[open] summary .ph-caret-down{transform:rotate(180deg)}
  .mm-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:0 0 12px}
  .mm-links a{display:flex!important;align-items:center;gap:7px;padding:7px 2px!important;font-size:13.5px!important;line-height:1.25;color:var(--ink-2)}
  .mm-links a .bchip,.mm-links a img{flex:none}
  .mm-foot{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
  .mm-foot .btn{justify-content:center;font-size:14px!important;padding:12px 10px!important;display:inline-flex!important}
  html.mm-open,html.mm-open body{overflow:hidden}
}
@media (max-width:1100px){.mobile-menu{bottom:auto!important;height:calc(100dvh - var(--mm-top,72px))}}
@media (max-width:1100px){.mobile-menu{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}.mm-group summary{justify-content:flex-start;text-align:left}.mm-group summary>span{text-align:left}}
@media (max-width:1100px){.mobile-menu,.mobile-menu ul,.mm-group summary,.mm-group summary span{text-align:left!important}.mm-group summary>span{flex:1 1 auto;display:block}}
@media (max-width:1100px){.mm-group summary>.bstack{flex:none!important;display:inline-flex}}
@media (max-width:700px){
  .gr-loop{margin-top:14px;padding:14px 12px 12px;border-radius:18px}
  .gr-loop-h{font-size:15px;margin:0 0 12px;gap:8px}.gr-loop-h span{font-size:10.5px}
  .gr-loop ol{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px}
  .gr-loop ol::before{left:10%;right:10%;top:18px}
  .gr-loop li{text-align:center}
  .gr-step{width:36px;height:36px;border-radius:11px;font-size:17px;margin:0 auto 6px}
  .gr-step b{top:-7px;right:-9px;font-size:9px;padding:0 4px}
  .gr-loop strong{font-size:11.5px;margin:0;line-height:1.2}
  .gr-loop li p{display:none!important}
}
.hero-img{mix-blend-mode:normal}
@media (max-width:700px){main .mq-head,.mq .mq-head,.mq h2{font-size:14px!important;line-height:1.3!important;letter-spacing:0}}