/* ===== shared base (styles.css) ===== */
/* ============================================================
   NMPBX — Shared design system
   Tokens, nav, footer, buttons, typography, common section bits
   ============================================================ */

:root{
  --bg: #06090F;
  --bg-2: #0B1018;
  --bg-3: #11171F;
  --line: #1C2530;
  --line-2: #2A3441;
  --ink: #F4F6F8;
  --ink-2: #F4F6F8;
  --ink-3: #8892A0;
  --ink-4: #5A6573;
  --lime: #2FB24C;
  --lime-2: #93C83C;
  --lime-3: #0E2A18;
  --acid: #4FD06B;
  --amber: #FFB72B;
  --rose: #FF5C72;
  --teal: #34D6C2;
  --blue: #7CC4FF;
  --shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 30px 60px -30px rgba(0,0,0,.6);
  --r-s: 6px; --r-m: 10px; --r-l: 18px; --r-xl: 28px;
  --display: 'Poppins', 'Archivo Narrow', 'Archivo', system-ui, sans-serif;
  --sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --mono: 'Geist Mono', ui-monospace, monospace;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
body{background-image:linear-gradient(180deg,#0B1018 0%,#06090F 60%);background-repeat:no-repeat}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
img,svg{display:block;max-width:100%}
::selection{background:var(--lime);color:#000}

.wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:15px;letter-spacing:.01em;transition:transform .15s ease, background .15s ease, color .15s ease, box-shadow .2s ease;white-space:nowrap}
.btn .arr{width:18px;height:18px;display:inline-block}
.btn.primary{background:var(--lime);color:#0A0D0A;box-shadow:0 10px 30px -10px rgba(47,178,76,.55)}
.btn.primary:hover{background:var(--acid);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.btn.ghost:hover{border-color:var(--ink-3);background:rgba(255,255,255,.02)}
.btn.dark{background:#0A0D0A;color:var(--lime);border:1px solid #143420}
.btn.dark:hover{background:#0E1A12}

/* ---------- Nav ---------- */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);background:rgba(6,9,15,.72);border-bottom:1px solid rgba(255,255,255,.04)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:.02em}
.logo .x{color:var(--lime)}
.logo sup{font-family:var(--sans);font-size:10px;color:var(--ink-3);margin-left:4px;font-weight:500}
.nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:14.5px;color:var(--ink-2)}
.nav ul a{transition:color .15s ease}
.nav ul a:hover, .nav ul a.active{color:var(--lime)}
.nav-cta{display:flex;gap:10px;align-items:center}
@media (max-width: 880px){.nav ul{display:none}}

/* ---------- Section base ---------- */
section{padding:0;position:relative}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}
@media (max-width:780px){.section-head{flex-direction:column;align-items:flex-start}}
.section-head.sh-center{flex-direction:column;align-items:center;text-align:center}
.section-head.sh-center .sub{max-width:640px}
.section-head .eyebrow, .faq-grid .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:12px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.section-head .eyebrow .dot, .faq-grid .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(47,178,76,.18)}
.kicker{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--lime)}
h1.h,h2.h{font-family:var(--display);font-weight:900;font-size:clamp(36px,5vw,60px);line-height:.95;letter-spacing:-.01em;margin:10px 0 0;text-transform:uppercase}
.sub{color:var(--ink-2);max-width:560px;font-size:16.5px}

/* ---------- Generic hero (used on inner pages) ---------- */
.phero{position:relative;padding:0 0 48px;overflow:hidden}
.pg-about .phero{padding:0}
.phero::before{content:"";position:absolute;inset:-10%;background:radial-gradient(60% 50% at 75% 20%, rgba(47,178,76,.10), transparent 60%),radial-gradient(40% 40% at 10% 90%, rgba(52,214,194,.06), transparent 60%);pointer-events:none}
.phero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 50% at 50% 0%, #000 30%, transparent 75%);-webkit-mask-image:radial-gradient(70% 50% at 50% 0%, #000 30%, transparent 75%);pointer-events:none}
.phero-inner{position:relative;max-width:920px}
.phero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:12px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase}
.phero .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(47,178,76,.18)}
.phero h1,.phero h2{font-family:var(--display);font-weight:900;font-size:clamp(32px,4.2vw,52px);line-height:.95;letter-spacing:-.015em;margin:14px 0 0;text-transform:uppercase}
.phero h1 .grn,.phero h2 .grn{color:var(--lime)}
.phero .lede{margin-top:22px;font-size:18.5px;line-height:1.55;color:var(--ink-2);max-width:680px}
.phero .lede b{color:var(--ink);font-weight:600}
.pg-features .phero-inner{margin-left:auto;margin-right:auto;text-align:center}
.pg-features .phero .lede{margin-left:auto;margin-right:auto}
.pg-contact .phero-inner{margin-left:auto;margin-right:auto;text-align:center}
.pg-contact .phero .lede{margin-left:auto;margin-right:auto}
.pg-about .phero-inner{margin-left:auto;margin-right:auto;text-align:center}
.pg-about .phero .lede{margin-left:auto;margin-right:auto}
.pg-cases .phero-inner{margin-left:auto;margin-right:auto;text-align:center}
.pg-cases .phero .lede{margin-left:auto;margin-right:auto}
.phero .pcta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Breadcrumb ---------- */
.crumb{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:20px}
.crumb a{color:var(--ink-3)}
.crumb a:hover{color:var(--ink)}
.crumb .sep{color:var(--ink-4)}

/* ---------- Buttons / arrows ---------- */
.arrow{width:18px;height:18px;display:inline-block;flex-shrink:0}

/* ---------- Marquee ---------- */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:18px 0}
.marquee-track{display:flex;gap:50px;white-space:nowrap;animation:mq 28s linear infinite;font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.01em;text-transform:none;color:var(--ink-2)}
.marquee-track span{display:inline-flex;align-items:center;gap:50px}
.marquee-track .dot{width:8px;height:8px;background:var(--lime);border-radius:50%;display:inline-block}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- CTA strip (re-usable) ---------- */
.cta-strip{background:linear-gradient(180deg,#06090F,#04060A);position:relative;overflow:hidden}
.cta-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 80% 50%, rgba(47,178,76,.10), transparent 60%);pointer-events:none}
.cta-card{position:relative;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:50px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
@media (max-width:780px){.cta-card{grid-template-columns:1fr;padding:36px}}
.cta-card h3{font-family:var(--display);font-weight:900;font-size:clamp(28px,4vw,42px);line-height:.95;text-transform:uppercase;margin:0;letter-spacing:-.005em}
.cta-card h3 .grn{color:var(--lime)}
.cta-card p{margin:10px 0 0;color:var(--ink-2);max-width:520px}
.cta-card .ctas{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- Footer ---------- */
footer{background:#04060A;border-top:1px solid var(--line);padding:50px 0 30px}
.ft-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:30px}
@media (max-width:880px){.ft-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ft-grid{grid-template-columns:1fr}}
.ft h5{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin:0 0 14px}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.ft ul a:hover{color:var(--lime)}
.ft p{color:var(--ink-3);font-size:14px;margin:0 0 14px}
.ft-credit{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;color:var(--ink-4);font-size:13px;align-items:center}
.ft-credit a{color:var(--ink-2);font-weight:600}
.ft-credit a:hover{color:var(--lime)}

/* Parent-company callout (above footer) */
.nm-parent{padding:60px 0 48px}
.nm-card{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:32px 40px;display:grid;grid-template-columns:auto 1fr auto;gap:38px;align-items:center}
.nm-logo-img{height:30px;width:auto;display:block;flex:0 0 auto}
.nm-text{color:var(--ink-2);font-size:15px;line-height:1.62;max-width:640px}
.nm-parent .btn .arr{width:16px;height:16px}
@media (max-width:860px){
  .nm-parent{padding:44px 0 36px}
  .nm-card{grid-template-columns:1fr;gap:24px;padding:28px 26px;align-items:start}
  .nm-text{max-width:none}
}

/* ---------- Reveal animation ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- Generic cards / chips ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.02)}
.chip.lime{border-color:rgba(47,178,76,.3);color:var(--lime);background:rgba(47,178,76,.06)}
.chip.amber{border-color:rgba(255,183,43,.3);color:var(--amber);background:rgba(255,183,43,.06)}

/* Pillbar — used a few places */
.pillbar{display:flex;flex-wrap:wrap;gap:10px}
.pillbar a, .pillbar button{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line-2);border-radius:999px;font-size:13.5px;color:var(--ink-2);font-family:var(--sans);transition:all .15s ease}
.pillbar a:hover, .pillbar button:hover{color:var(--ink);border-color:var(--ink-3)}
.pillbar a.on, .pillbar button.on{background:var(--lime);color:#0A0D0A;border-color:var(--lime);font-weight:600}


/* single-page scroll tweaks */
html{scroll-behavior:smooth}
.sp-sec{padding:60px 0;scroll-margin-top:84px}
.nav{position:sticky;position:-webkit-sticky;top:0;z-index:1000;background:rgba(6,9,15,.92)}
.nav-inner{gap:18px}
.nav-inner ul{gap:18px;font-size:15px;flex-wrap:nowrap;color:#fff}
@media (max-width:1100px){
  .nav-inner ul{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:16px;flex:1;min-width:0;scrollbar-width:none}
  .nav-inner ul li{flex:0 0 auto}
  .nav-inner ul::-webkit-scrollbar{display:none}
  .nav .nav-cta{display:none}
}

/* ===== scoped per-section styles ===== */
:root{
    --bg: #06090F;
    --bg-2: #0B1018;
    --bg-3: #11171F;
    --line: #1C2530;
    --line-2: #2A3441;
    --ink: #F4F6F8;
    --ink-2: #F4F6F8;
    --ink-3: #8892A0;
    --ink-4: #5A6573;
    --lime: #2FB24C;          
    --lime-2: #93C83C;
    --lime-3: #0E2A18;        
    --acid: #4FD06B;
    --amber: #FFB72B;
    --rose: #FF5C72;
    --teal: #34D6C2;
    --shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 30px 60px -30px rgba(0,0,0,.6);
    --r-s: 6px; --r-m: 10px; --r-l: 18px; --r-xl: 28px;
    --display: 'Poppins', 'Archivo Narrow', 'Archivo', system-ui, sans-serif;
    --sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
    --mono: 'Geist Mono', ui-monospace, monospace;
  }
@keyframes pulse_idx{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@keyframes wv_idx{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.2)}}
@keyframes mq_idx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.idx *{box-sizing:border-box}
.idx html, .idx body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
.idx a{color:inherit;text-decoration:none}
.idx button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
.idx img, .idx svg{display:block;max-width:100%}
.idx ::selection{background:var(--lime);color:#000}
.idx .wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.idx .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:15px;letter-spacing:.01em;transition:transform .15s ease, background .15s ease, color .15s ease, box-shadow .2s ease;white-space:nowrap}
.idx .btn .arr{width:18px;height:18px;display:inline-block}
.idx .btn.primary{background:var(--lime);color:#0A0D0A;box-shadow:0 10px 30px -10px rgba(47,178,76,.55)}
.idx .btn.primary:hover{background:var(--acid);transform:translateY(-1px)}
.idx .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.idx .btn.ghost:hover{border-color:var(--ink-3);background:rgba(255,255,255,.02)}
.idx .btn.dark{background:#0A0D0A;color:var(--lime);border:1px solid #143420}
.idx .btn.dark:hover{background:#0E1A12}
.idx .nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);background:rgba(6,9,15,.72);border-bottom:1px solid rgba(255,255,255,.04)}
.idx .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.idx .logo{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:.02em}
.idx .logo .x{color:var(--lime)}
.idx .logo sup{font-family:var(--sans);font-size:10px;color:var(--ink-3);margin-left:4px;font-weight:500}
.idx .nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:14.5px;color:var(--ink-2)}
.idx .nav ul a:hover{color:var(--lime)}
.idx .nav-cta{display:flex;gap:10px;align-items:center}
@media (max-width: 880px){
.idx .nav ul{display:none}}
.idx .hero{position:relative;padding:0 0 40px;overflow:hidden}
.idx .hero::before{content:"";position:absolute;inset:-10%;background:radial-gradient(60% 50% at 70% 20%, rgba(47,178,76,.10), transparent 60%),radial-gradient(40% 40% at 15% 80%, rgba(52,214,194,.08), transparent 60%);pointer-events:none}
.idx .hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(80% 60% at 50% 30%, #000 30%, transparent 80%);-webkit-mask-image:radial-gradient(80% 60% at 50% 30%, #000 30%, transparent 80%);pointer-events:none}
.idx .hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
@media (max-width: 1000px){
.idx .hero-inner{grid-template-columns:1fr;gap:40px}}
.idx .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:12px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase}
.idx .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(47,178,76,.18)}
.idx .display{font-family:var(--display);font-weight:900;font-size:clamp(54px,8vw,108px);line-height:.88;letter-spacing:-.015em;margin:18px 0 0;text-transform:uppercase}
.idx .display .ink{display:block;color:var(--ink)}
.idx .display .grn{display:block;color:var(--lime)}
.idx .display .stk{position:relative;display:inline-block}
.idx .display .stk::after{content:"";position:absolute;left:-2%;right:-2%;bottom:8%;height:14%;background:rgba(47,178,76,.22);z-index:-1;border-radius:2px;transform:skewY(-1.5deg)}
.idx .lede{margin-top:22px;font-size:18px;line-height:1.55;color:var(--ink-2);max-width:560px}
.idx .lede b{color:var(--ink);font-weight:600}
.idx .hero-ctas{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
.idx .hero-meta{margin-top:30px;display:flex;align-items:center;gap:18px;color:var(--ink-3);font-size:13.5px}
.idx .hero-meta .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;color:var(--ink-2)}
.idx .hero-meta svg{width:14px;height:14px}
.pg-steps .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.pg-steps .step{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:20px;padding:30px 28px}
.pg-steps .step-n{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:17px;background:rgba(47,178,76,.14);border:1px solid rgba(47,178,76,.4);color:var(--lime);margin-bottom:16px}
.pg-steps .step h3{font-family:var(--display);font-weight:800;font-size:19px;margin:0 0 8px;color:var(--ink)}
.pg-steps .step p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
.pg-steps .step h3 a.step-link{color:inherit;text-decoration:none;transition:color .15s}
.pg-steps .step h3 a.step-link .step-arr{display:inline-block;opacity:.45;font-weight:700;transition:transform .15s,opacity .15s}
.pg-steps .step h3 a.step-link:hover,.pg-steps .step h3 a.step-link:focus-visible{color:var(--lime)}
.pg-steps .step h3 a.step-link:hover .step-arr,.pg-steps .step h3 a.step-link:focus-visible .step-arr{opacity:1;transform:translateX(3px)}
.pg-steps .section-head h1 .grn,.section-head h2 .grn{color:var(--lime)}
@media (max-width:860px){.pg-steps .steps-grid{grid-template-columns:1fr}}
#about,#team,#cases,#testimonials,#faq{content-visibility:auto;contain-intrinsic-size:auto 800px}
.idx .hero-viz{position:relative;min-height:560px}
@media (max-width: 1000px){
.idx .hero-viz{min-height:520px}}
.idx .tag{font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:6px;font-weight:500;letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px}
.idx .tag.pos{background:rgba(47,178,76,.14);color:var(--lime);border:1px solid rgba(47,178,76,.25)}
.idx .tag.op{background:rgba(124,196,255,.12);color:#7CC4FF;border:1px solid rgba(124,196,255,.25)}
.idx .tag.nu{background:rgba(255,255,255,.05);color:var(--ink-2);border:1px solid var(--line-2)}
.idx .tag.at{background:rgba(255,92,114,.12);color:var(--rose);border:1px solid rgba(255,92,114,.25)}
.idx .strip{padding:30px 0 10px;border-top:1px solid var(--line);margin-top:30px}
.idx .strip-inner{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:space-between;color:var(--ink-3);font-size:13px}
.idx .strip-inner b{color:var(--ink-2);font-weight:500}
.idx .strip-icons{display:flex;gap:36px;flex-wrap:wrap;color:var(--ink-4);font-family:var(--display);font-weight:800;letter-spacing:.05em;font-size:14px;text-transform:uppercase}
.idx .strip-icons span{opacity:.55;transition:opacity .2s ease}
.idx .strip-icons span:hover{opacity:1;color:var(--ink-2)}
.idx section{padding:0;position:relative}
.idx .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}
@media (max-width:780px){
.idx .section-head{flex-direction:column;align-items:flex-start}}
.idx .kicker{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--lime)}
.idx h1.h,h2.h{font-family:var(--display);font-weight:900;font-size:clamp(36px,5vw,60px);line-height:.95;letter-spacing:-.01em;margin:10px 0 0;text-transform:uppercase}
.idx .sub{color:var(--ink-2);max-width:560px;font-size:16.5px}
.idx .features{background:linear-gradient(180deg,var(--bg),#080C13)}
.idx .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:920px){
.idx .feat-grid{grid-template-columns:1fr}}
.idx .feat{position:relative;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:20px;padding:28px;overflow:hidden;transition:border-color .2s ease, transform .2s ease}
.idx .feat:hover{border-color:var(--line-2);transform:translateY(-2px)}
.idx .feat .icn{width:54px;height:54px;border-radius:14px;background:radial-gradient(80% 80% at 30% 30%, rgba(47,178,76,.18), rgba(47,178,76,.04));border:1px solid rgba(47,178,76,.25);display:grid;place-items:center;color:var(--lime);margin-bottom:18px}
.idx .feat h3{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.01em;margin:0 0 8px;text-transform:uppercase}
.idx .feat p{color:var(--ink-2);font-size:15px;margin:0}
.idx .feat .deco{position:absolute;right:-30px;bottom:-30px;width:160px;height:160px;background:radial-gradient(50% 50% at 50% 50%, rgba(47,178,76,.10), transparent 70%);pointer-events:none}
.idx .feat ul{padding:0;margin:14px 0 0;list-style:none}
.idx .feat ul li{font-size:13.5px;color:var(--ink-2);padding:6px 0;border-top:1px dashed rgba(255,255,255,.05);display:flex;justify-content:space-between;gap:10px}
.idx .feat ul li:first-child{border-top:0;padding-top:10px}
.idx .feat ul li b{color:var(--ink);font-weight:600;font-family:var(--mono);font-size:12px}
.idx .how{background:#080C13}
.idx .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
@media (max-width:1000px){
.idx .steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){
.idx .steps{grid-template-columns:1fr}}
.idx .step{position:relative;border:1px solid var(--line);border-radius:18px;padding:24px;background:#0B1018}
.idx .step .n{font-family:var(--display);font-weight:900;font-size:54px;color:var(--lime);line-height:1;letter-spacing:-.02em}
.idx .step h4{font-family:var(--display);font-weight:800;font-size:20px;margin:10px 0 6px;text-transform:uppercase;letter-spacing:.01em}
.idx .step p{color:var(--ink-2);font-size:14.5px;margin:0}
.idx .step .tline{position:absolute;top:32px;right:-12px;width:24px;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 10px)}
.idx .step:last-child .tline{display:none}
@media (max-width:1000px){
.idx .step .tline{display:none}}
.idx .calc{background:linear-gradient(180deg,#080C13,#06090F)}
.idx .calc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:stretch}
@media (max-width:980px){
.idx .calc-grid{grid-template-columns:1fr}}
.idx .calc-card{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow)}
.idx .calc-card h3{font-family:var(--display);font-weight:800;font-size:22px;margin:0;text-transform:uppercase;letter-spacing:.01em}
.idx .field{display:flex;flex-direction:column;gap:10px}
.idx .field label{font-size:13px;color:var(--ink-3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}
.idx .row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.idx .input{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#080C12;border:1px solid var(--line);border-radius:12px}
.idx .input input{background:transparent;border:0;outline:0;color:var(--ink);font-family:var(--mono);font-size:18px;width:100%}
.idx .input .pre{font-family:var(--mono);font-size:13px;color:var(--ink-3)}
.idx .slider{appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:99px;background:#1A2230;outline:0}
.idx .slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--lime);border:3px solid #04100A;cursor:pointer;box-shadow:0 0 0 4px rgba(47,178,76,.18)}
.idx .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--lime);border:3px solid #04100A;cursor:pointer}
.idx .toggle{display:inline-flex;background:#080C12;border:1px solid var(--line);border-radius:99px;padding:4px}
.idx .toggle button{padding:8px 16px;font-size:13px;color:var(--ink-3);border-radius:99px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}
.idx .toggle button.on{background:var(--lime);color:#0A0D0A}
.idx .addons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.idx .addon{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:#080C12;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:13.5px;color:var(--ink-2);transition:border-color .15s ease, background .15s ease}
.idx .addon:hover{border-color:var(--line-2)}
.idx .addon.on{border-color:rgba(47,178,76,.4);background:rgba(47,178,76,.05);color:var(--ink)}
.idx .addon .chk{width:16px;height:16px;border-radius:5px;border:1px solid var(--line-2);display:grid;place-items:center;background:#080C12}
.idx .addon.on .chk{background:var(--lime);border-color:var(--lime);color:#0A0D0A}
.idx .addon .chk svg{display:none;width:10px;height:10px}
.idx .addon.on .chk svg{display:block}
.idx .quote{background:radial-gradient(120% 100% at 0% 0%, rgba(47,178,76,.10), transparent 50%),linear-gradient(180deg,#0E1520,#0B121A);border:1px solid var(--line);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.idx .quote::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(180deg,rgba(47,178,76,.45),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.idx .quote .label{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--lime)}
.idx .price-line{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.idx .price-line .ccy{font-family:var(--display);font-weight:800;font-size:32px;color:var(--ink-2)}
.idx .price-line .big{font-family:var(--display);font-weight:900;font-size:96px;line-height:.9;letter-spacing:-.02em;color:var(--ink)}
.idx .price-line .per{font-family:var(--mono);font-size:13px;color:var(--ink-3);margin-left:6px}
.idx .price-sub{color:var(--ink-2);font-size:14.5px}
.idx .price-bd{display:grid;grid-template-columns:1fr auto;gap:6px 14px;border-top:1px dashed rgba(255,255,255,.08);padding-top:14px;font-size:14px;color:var(--ink-2)}
.idx .price-bd b{color:var(--ink);font-family:var(--mono);font-weight:500}
.idx .price-bd .ttl{font-weight:600;color:var(--ink)}
.idx .guarantee{display:flex;gap:12px;align-items:flex-start;padding:14px;background:rgba(47,178,76,.06);border:1px dashed rgba(47,178,76,.3);border-radius:14px;color:var(--ink-2);font-size:13.5px}
.idx .guarantee b{color:var(--lime);font-family:var(--display);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.idx .compare{background:linear-gradient(180deg,#06090F,#080C13)}
.idx .cmp-wrap{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0A0F17}
.idx table.cmp{width:100%;border-collapse:collapse}
.idx table.cmp th, .idx table.cmp td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}
.idx table.cmp tr:last-child td{border-bottom:0}
.idx table.cmp thead th{background:#0E1520;font-family:var(--display);font-weight:800;font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.idx table.cmp thead th.nm{color:var(--lime);background:rgba(47,178,76,.06)}
.idx table.cmp td.nm{background:rgba(47,178,76,.03);color:var(--ink)}
.idx table.cmp td.feat-name{color:var(--ink-2);font-weight:500}
.idx table.cmp td .yes{color:var(--lime);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.idx table.cmp td .no{color:var(--ink-4);font-weight:500;display:inline-flex;align-items:center;gap:6px}
.idx table.cmp td .maybe{color:var(--amber);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.idx table.cmp td b{font-family:var(--mono);font-size:14px}
@media (max-width:780px){
.idx table.cmp th, .idx table.cmp td{padding:14px 14px;font-size:14px}
.idx table.cmp td.feat-name{min-width:140px}}
.idx .testi{background:transparent}
.idx .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){
.idx .quotes{grid-template-columns:1fr}}
.idx .qt{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:18px;position:relative}
.idx .qt .mark{font-family:var(--display);font-weight:900;font-size:64px;line-height:.6;color:var(--lime);opacity:.85}
.idx .qt p{margin:0;font-size:16px;color:var(--ink);line-height:1.55}
.idx .qt .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.idx .qt .who .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1F2A37,#0F1620);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:14px;color:var(--lime);border:1px solid var(--line-2)}
.idx .qt .who .name{font-weight:600;font-size:14.5px}
.idx .qt .who .role{font-size:12.5px;color:var(--ink-3)}
.idx .qt .stars{display:flex;gap:2px;color:var(--lime)}
.idx .faq{background:transparent}
.idx .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}
@media (max-width:880px){
.idx .faq-grid{grid-template-columns:1fr}}
.idx details{border-top:1px solid var(--line);padding:20px 0}
.idx details:last-of-type{border-bottom:1px solid var(--line)}
.idx details > summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--display);font-weight:700;font-size:18.5px;letter-spacing:.005em;color:var(--ink)}
.idx details > summary::-webkit-details-marker{display:none}
.idx details > summary .plus{width:28px;height:28px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;flex:0 0 28px;transition:transform .2s ease, background .2s ease,color .2s ease}
.idx details[open] > summary .plus{transform:rotate(45deg);background:var(--lime);color:#0A0D0A;border-color:var(--lime)}
.idx details > div{padding:14px 0 4px;color:var(--ink-2);font-size:15px;max-width:660px}
.idx .contact{background:#06090F;position:relative;overflow:hidden}
.idx .contact::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 80% 20%, rgba(47,178,76,.10), transparent 60%);pointer-events:none}
.idx .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;position:relative}
@media (max-width:920px){
.idx .contact-grid{grid-template-columns:1fr}}
.idx .contact h1.h,h2.h{margin-bottom:18px}
.idx .ct-list{margin-top:30px;display:flex;flex-direction:column;gap:14px}
.idx .ct-list .ci{display:flex;gap:14px;align-items:flex-start;color:var(--ink-2);font-size:15px}
.idx .ct-list .ci svg{flex:0 0 22px;color:var(--lime);margin-top:2px}
.idx .ct-list .ci b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.idx .form{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;gap:14px;box-shadow:var(--shadow)}
.idx .form h3{font-family:var(--display);font-weight:800;font-size:22px;margin:0;text-transform:uppercase}
.idx .form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){
.idx .form .grid-2{grid-template-columns:1fr}}
.idx .form input, .idx .form select, .idx .form textarea{font-family:var(--sans);background:#080C12;border:1px solid var(--line);border-radius:10px;padding:14px 14px;color:var(--ink);font-size:14.5px;outline:0;transition:border-color .15s ease}
.idx .form input:focus, .idx .form select:focus, .idx .form textarea:focus{border-color:var(--lime)}
.idx .form textarea{resize:vertical;min-height:110px;font-family:var(--sans)}
.idx .form .agree{font-size:12px;color:var(--ink-3);display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.idx .form .agree input{accent-color:var(--lime)}
.idx .form button[type=submit]{justify-content:center;padding:16px}
.idx footer{background:#04060A;border-top:1px solid var(--line);padding:50px 0 30px}
.idx .ft-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:30px}
@media (max-width:880px){
.idx .ft-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
.idx .ft-grid{grid-template-columns:1fr}}
.idx .ft h5{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin:0 0 14px}
.idx .ft ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.idx .ft ul a:hover{color:var(--lime)}
.idx .ft p{color:var(--ink-3);font-size:14px;margin:0 0 14px}
.idx .ft-credit{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;color:var(--ink-4);font-size:13px;align-items:center}
.idx .ft-credit a{color:var(--ink-2);font-weight:600}
.idx .ft-credit a:hover{color:var(--lime)}
.idx .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease, transform .6s ease}
.idx .reveal.in{opacity:1;transform:none}
.idx .marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:18px 0;margin-top:0}
.idx .marquee-track{display:flex;gap:50px;white-space:nowrap;animation:mq_idx 28s linear infinite;font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.01em;text-transform:none;color:var(--ink-2)}
.idx .marquee-track span{display:inline-flex;align-items:center;gap:50px}
.idx .marquee-track .dot{width:8px;height:8px;background:var(--lime);border-radius:50%;display:inline-block}@keyframes pulse_pgfeatures{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
.pg-features .toc{position:sticky;top:80px;align-self:start}
.pg-features .toc h6{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin:0 0 14px}
.pg-features .toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line);padding-left:14px}
.pg-features .toc a{display:block;padding:6px 0;font-size:14px;color:#fff;transition:color .15s ease, padding .15s ease}
.pg-features .toc a:hover{color:var(--lime)}
.pg-features .toc a.on{color:var(--lime);padding-left:6px}
.pg-features .feat-page{display:grid;grid-template-columns:220px 1fr;gap:60px}
@media (max-width:980px){
.pg-features .feat-page{grid-template-columns:minmax(0,1fr);gap:30px}
.pg-features .toc{position:static}}
.pg-features .feat-block{padding:44px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.pg-features .feat-block:first-child{border-top:0;padding-top:0}
.pg-features .feat-block .label{display:inline-flex;align-items:center;gap:10px}
.pg-features .feat-block h2{font-family:var(--display);font-weight:900;font-size:clamp(34px,4.4vw,52px);line-height:.95;letter-spacing:-.01em;margin:14px 0 18px;text-transform:uppercase}
.pg-features .feat-block h2 .grn{color:var(--lime)}
.pg-features .feat-block .intro{font-size:17px;color:var(--ink-2);max-width:640px;margin:0}
.pg-features #sentiment .intro, .pg-features #sentiment .checklist{max-width:none}
.pg-features .panel{margin-top:30px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.pg-features .panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.pg-features .panel .panel-head .t{font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.pg-features .panel .panel-head .live{display:inline-flex;align-items:center;gap:6px;color:var(--lime);font-family:var(--mono);font-size:11.5px}
.pg-features .pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:pulse_pgfeatures 1.4s ease-in-out infinite}
.pg-features .senti{display:flex;gap:28px;align-items:center}
@media (max-width:600px){
.pg-features .senti{flex-direction:column;align-items:center}
.pg-features .gauge{align-self:center}
.pg-features .crec-bar{grid-template-columns:repeat(2,1fr)}
.pg-features .crec-search{grid-template-columns:1fr;gap:8px}}
.pg-features .gauge{flex:0 0 144px;width:144px;aspect-ratio:1/1;position:relative;margin:0}
.pg-features .gauge svg{display:block;width:100%;height:100%}
.pg-features .senti-donut .d-pct{fill:var(--lime);font-family:var(--display);font-weight:900;font-size:42px}
.pg-features .senti-donut .d-lbl{fill:var(--ink-3);font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.14em}
.pg-features .sn-list{flex:1;display:flex;flex-direction:column;gap:16px}
.pg-features .sn{display:flex;flex-direction:column;gap:7px}
.pg-features .sn-row{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2)}
.pg-features .sn-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.pg-features .sn-label{flex:1}
.pg-features .sn-n{color:var(--ink-3);font-family:var(--mono);font-size:13px}
.pg-features .sn .bar{height:6px;background:#1A2230;border-radius:99px;overflow:hidden}
.pg-features .sn .bar i{display:block;height:100%;border-radius:99px}
.pg-features .tscript{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:hidden;position:relative}
.pg-features .tscript::after{content:"";position:absolute;inset:auto 0 0 0;height:60px;background:linear-gradient(180deg,transparent,#0A0F17)}
.pg-features .ts-row{display:grid;grid-template-columns:80px 1fr;gap:14px;font-size:14px;line-height:1.45}
.pg-features .ts-row .who{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;padding-top:3px}
.pg-features .ts-row.agent .who{color:var(--lime)}
.pg-features .ts-row .said{color:var(--ink-2)}
.pg-features .ts-row .said mark{background:rgba(47,178,76,.2);color:var(--ink);padding:1px 4px;border-radius:3px}
.pg-features .ts-search{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#080C12;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;font-family:var(--mono);font-size:13px;color:var(--ink-3)}
.pg-features .ts-search .key{color:var(--lime)}
/* Call Records demo */
.pg-features .crec{display:flex;flex-direction:column;gap:14px}
.pg-features .crec-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pg-features .crec-f label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.pg-features .crec-f .sel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;background:#080C12;border:1px solid var(--line);border-radius:9px;font-size:12.5px;color:var(--ink-2)}
.pg-features .crec-f .sel.empty{color:var(--ink-3)}
.pg-features .crec-f .sel svg{opacity:.45;flex-shrink:0}
.pg-features .crec-adv{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:5px}
.pg-features .crec-search{display:grid;grid-template-columns:1fr 160px auto;gap:10px;align-items:end}
.pg-features .crec-search .big{padding:11px 13px;background:#080C12;border:1px solid var(--lime);border-radius:9px;font-size:13px;color:var(--ink-3)}
.pg-features .crec-search .go{background:var(--lime);color:#0A1B0E;border-radius:9px;padding:11px 20px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;align-self:end}
.pg-features .crec-tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#0A0F17}
.pg-features .crec-tbl{width:100%;border-collapse:collapse;font-size:12px;min-width:780px}
.pg-features .crec-tbl th{background:var(--lime);color:#0A1B0E;text-align:left;padding:11px 12px;font-weight:700;font-size:11px;white-space:nowrap}
.pg-features .crec-tbl td{padding:12px;border-top:1px solid var(--line);color:var(--ink-2);white-space:nowrap;vertical-align:middle}
.pg-features .crec-tbl .ext{display:inline-block;min-width:14px;text-align:center;color:var(--ink-3);font-family:var(--mono);font-size:11px;margin-right:6px}
.pg-features .crec-tbl .nm{display:inline-flex;align-items:center}
.pg-features .crec-tbl .nm b{font-weight:600;color:var(--ink);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:11.5px}
.pg-features .ans{display:inline-flex;align-items:center;gap:5px;background:#05080D;border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:11px;color:var(--ink)}
.pg-features .ana{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.pg-features .tg{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:99px;padding:3px 9px;font-size:11px;color:var(--ink-2)}
.pg-features .sc{font-family:var(--mono);font-size:11px;border-radius:6px;padding:3px 8px;font-weight:600}
.pg-features .sc.neg{background:rgba(229,86,91,.14);border:1px solid rgba(229,86,91,.35);color:#E5565B}
.pg-features .sc.zero{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink-3)}
.pg-features .crec-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}
.pg-features .crec-page{display:flex;align-items:center;gap:6px}
.pg-features .crec-page span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border:1px solid var(--line);border-radius:7px;color:var(--ink-2);font-size:12px}
@media(max-width:680px){.pg-features .crec-bar{grid-template-columns:1fr 1fr}.pg-features .crec-search{grid-template-columns:1fr}}
.pg-features .cost-rows{display:grid;gap:6px}
.pg-features .cost-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 16px;background:#080C12;border:1px solid var(--line);border-radius:10px;font-size:14px}
.pg-features .cost-row .what{color:var(--ink)}
.pg-features .cost-row .what small{display:block;color:var(--ink-3);font-size:12px;font-weight:400}
.pg-features .cost-row .prev{color:var(--ink-3);font-family:var(--mono);text-decoration:line-through}
.pg-features .cost-row .now{color:var(--lime);font-family:var(--mono);font-weight:600}
.pg-features .cost-row.total{background:rgba(47,178,76,.06);border-color:rgba(47,178,76,.3)}
.pg-features .cost-row.total .what{font-weight:600}
.pg-features .cost-row.total .now{font-family:var(--display);font-weight:900;font-size:22px}
.pg-features .mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
@media (max-width:560px){
.pg-features .mini-grid{grid-template-columns:1fr}}
.pg-features .mini{padding:18px;background:#080C12;border:1px solid var(--line);border-radius:14px}
.pg-features .mini h4{font-family:var(--display);font-weight:800;font-size:15px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}
.pg-features .mini p{margin:0;color:var(--ink-3);font-size:13.5px;line-height:1.5}
.pg-features .mini .icn{width:34px;height:34px;border-radius:8px;background:rgba(47,178,76,.1);border:1px solid rgba(47,178,76,.2);color:var(--lime);display:grid;place-items:center;margin-bottom:12px}
.pg-features .integ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
@media (max-width:780px){
.pg-features .integ-grid{grid-template-columns:repeat(2,1fr)}}
.pg-features .integ{padding:18px;background:#080C12;border:1px solid var(--line);border-radius:14px;text-align:center}
.pg-features .integ .nm{font-family:var(--display);font-weight:800;font-size:14px;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 2px}
.pg-features .integ .dx{font-size:12px;color:var(--ink-3)}
.pg-features .checklist{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:8px}
.pg-features .checklist li{padding-left:26px;position:relative;font-size:14.5px;color:var(--ink-2)}
.pg-features .checklist li::before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:rgba(47,178,76,.15);border:1px solid rgba(47,178,76,.4)}
.pg-features .checklist li::after{content:"";position:absolute;left:4px;top:7px;width:6px;height:3px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
.pg-how .timeline{position:relative;margin-top:40px;display:grid;gap:14px}
.pg-how .timeline::before{content:"";position:absolute;left:36px;top:30px;bottom:60px;width:2px;background:repeating-linear-gradient(180deg,var(--line-2) 0 6px,transparent 6px 12px)}
@media (max-width:680px){
.pg-how .timeline::before{left:24px}}
.pg-how .tl-step{display:grid;grid-template-columns:74px 1fr;gap:24px;align-items:flex-start;position:relative}
@media (max-width:680px){
.pg-how .tl-step{grid-template-columns:50px 1fr;gap:16px}}
.pg-how .tl-num{width:74px;height:74px;border-radius:50%;background:#0C1219;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:28px;color:var(--lime);position:relative;z-index:1;box-shadow:0 0 0 6px var(--bg)}
@media (max-width:680px){
.pg-how .tl-num{width:50px;height:50px;font-size:20px}}
.pg-how .tl-body{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.pg-how .tl-body h3{font-family:var(--display);font-weight:800;font-size:24px;margin:0;text-transform:uppercase;letter-spacing:.005em}
.pg-how .tl-body .meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;margin-bottom:14px}
.pg-how .tl-body p{margin:14px 0 0;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.pg-how .tl-body ul{margin:14px 0 0;padding:0;list-style:none}
.pg-how .tl-body ul li{padding:8px 0 8px 22px;font-size:14px;color:var(--ink-2);position:relative;border-top:1px dashed rgba(255,255,255,.05)}
.pg-how .tl-body ul li:first-child{border-top:0}
.pg-how .tl-body ul li::before{content:"→";position:absolute;left:0;top:8px;color:var(--lime);font-family:var(--mono)}
.pg-how .tl-body .split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
@media (max-width:600px){
.pg-how .tl-body .split{grid-template-columns:1fr}}
.pg-how .tl-body .col h5{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:0 0 6px}
.pg-how .tl-body .col h5.us{color:var(--lime)}
.pg-how .tl-body .col h5.you{color:var(--blue)}
.pg-how .handle{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
@media (max-width:780px){
.pg-how .handle{grid-template-columns:1fr}}
.pg-how .handle .pane{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:20px;padding:30px}
.pg-how .handle .pane h3{font-family:var(--display);font-weight:800;font-size:22px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.01em}
.pg-how .handle .pane.lime h3 .grn{color:var(--lime)}
.pg-how .handle .pane.blue h3 .blue{color:var(--blue)}
.pg-how .handle .pane p{color:var(--ink-3);font-size:14.5px;margin:0 0 16px}
.pg-how .handle .pane ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.pg-how .handle .pane ul li{padding:10px 0 10px 30px;font-size:14.5px;color:var(--ink-2);position:relative;border-top:1px dashed rgba(255,255,255,.05)}
.pg-how .handle .pane ul li:first-child{border-top:0}
.pg-how .handle .pane.lime ul li::before{content:"";position:absolute;left:0;top:14px;width:16px;height:16px;border-radius:50%;background:rgba(47,178,76,.15);border:1px solid rgba(47,178,76,.4)}
.pg-how .handle .pane.lime ul li::after{content:"";position:absolute;left:5px;top:18px;width:6px;height:3px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
.pg-how .handle .pane.blue ul li::before{content:"";position:absolute;left:0;top:14px;width:16px;height:16px;border-radius:50%;background:rgba(124,196,255,.12);border:1px solid rgba(124,196,255,.4)}
.pg-how .handle .pane.blue ul li::after{content:"●";position:absolute;left:5px;top:9px;color:var(--blue);font-size:10px}
.pg-how .scen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-how .scen-grid{grid-template-columns:1fr}}
.pg-how .scen{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px}
.pg-how .scen .label{font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.12em;text-transform:uppercase}
.pg-how .scen h4{font-family:var(--display);font-weight:800;font-size:20px;margin:0;text-transform:uppercase;line-height:1.1}
.pg-how .scen p{color:var(--ink-2);font-size:14.5px;margin:0;line-height:1.55}
.pg-how .scen .stat{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(255,255,255,.06);font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.pg-how .scen .stat b{color:var(--lime);font-family:var(--display);font-weight:800;font-size:16px;display:block;margin-top:2px}
.pg-how .qcall{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:20px;padding:36px;margin-top:30px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
@media (max-width:680px){
.pg-how .qcall{grid-template-columns:1fr}}
.pg-how .qcall .mark{font-family:var(--display);font-weight:900;font-size:120px;color:var(--lime);line-height:.6}
.pg-how .qcall p{margin:0;font-size:18px;color:var(--ink);line-height:1.5;font-weight:400}
.pg-how .qcall .who{margin-top:14px;font-size:13.5px;color:var(--ink-3)}
.pg-how .qcall .who b{color:var(--ink-2);font-weight:600}
.pg-pricing .plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.pg-pricing .section-head .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:12px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.pg-pricing .section-head .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(47,178,76,.18)}
.pg-pricing .section-head h1 .grn,.section-head h2 .grn{color:var(--lime)}
@media (max-width:880px){
.pg-pricing .plans{grid-template-columns:1fr}}
.pg-pricing .plan{position:relative;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
.pg-pricing .plan.featured{border-color:rgba(47,178,76,.4);background:radial-gradient(120% 100% at 0% 0%, rgba(47,178,76,.10), transparent 50%),linear-gradient(180deg,#0E1520,#0B121A)}
.pg-pricing .plan.featured::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(180deg,rgba(47,178,76,.4),transparent 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pg-pricing .plan .nm{font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase}
.pg-pricing .plan h3{font-family:var(--display);font-weight:900;font-size:38px;margin:0;text-transform:uppercase;line-height:1;letter-spacing:-.01em}
.pg-pricing .plan .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:99px;background:var(--lime);color:#0A0D0A;font-weight:600;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start}
.pg-pricing .plan .price{display:flex;align-items:baseline;gap:4px}
.pg-pricing .plan .price .ccy{font-family:var(--display);font-weight:800;font-size:24px;color:var(--ink-2)}
.pg-pricing .plan .price .big{font-family:var(--display);font-weight:900;font-size:72px;line-height:.9;letter-spacing:-.02em;color:var(--ink)}
.pg-pricing .plan .price .per{font-family:var(--mono);font-size:13px;color:var(--ink-3);margin-left:8px}
.pg-pricing .plan .desc{color:var(--ink-2);font-size:15px;margin:0;line-height:1.55}
.pg-pricing .plan ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:12px;flex:1}
.pg-pricing .plan ul li{padding-left:26px;position:relative;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.pg-pricing .plan ul li::before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:50%;background:rgba(47,178,76,.15);border:1px solid rgba(47,178,76,.4)}
.pg-pricing .plan ul li::after{content:"";position:absolute;left:4px;top:9px;width:6px;height:3px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
.pg-pricing .plan ul li b{color:var(--ink);font-weight:600}
.pg-pricing .plan .cta{padding:14px;justify-content:center;font-size:15px}
.pg-pricing .volume-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
@media (max-width:780px){
.pg-pricing .volume-tiers{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){
.pg-pricing .volume-tiers{grid-template-columns:1fr}}
.pg-pricing .vt{padding:22px;background:#0B1018;border:1px solid var(--line);border-radius:14px;text-align:center}
.pg-pricing .vt .users{font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}
.pg-pricing .vt .pr{font-family:var(--display);font-weight:900;font-size:36px;color:var(--lime);margin:8px 0 2px;line-height:1}
.pg-pricing .vt .pr small{font-family:var(--mono);font-size:12px;color:var(--ink-3);font-weight:400}
.pg-pricing .vt .nt{font-size:12.5px;color:var(--ink-3);margin-top:4px}
.pg-pricing .roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
@media (max-width:880px){
.pg-pricing .roi-grid{grid-template-columns:1fr}}
.pg-pricing .roi-card{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:18px}
.pg-pricing .roi-card h3{font-family:var(--display);font-weight:800;font-size:22px;margin:0;text-transform:uppercase;letter-spacing:.01em}
.pg-pricing .field{display:flex;flex-direction:column;gap:8px}
.pg-pricing .field label{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}
.pg-pricing .input{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#080C12;border:1px solid var(--line);border-radius:12px}
.pg-pricing .input input{background:transparent;border:0;outline:0;color:var(--ink);font-family:var(--mono);font-size:17px;width:100%}
.pg-pricing .input .pre{font-family:var(--mono);font-size:13px;color:var(--ink-3)}
.pg-pricing .slider{appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:99px;background:#1A2230;outline:0}
.pg-pricing .slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--lime);border:3px solid #04100A;cursor:pointer;box-shadow:0 0 0 4px rgba(47,178,76,.18)}
.pg-pricing .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--lime);border:3px solid #04100A;cursor:pointer}
.pg-pricing .toggle{display:inline-flex;background:#080C12;border:1px solid var(--line);border-radius:99px;padding:4px;align-self:flex-start}
.pg-pricing .toggle button{padding:7px 14px;font-size:12.5px;color:var(--ink-3);border-radius:99px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}
.pg-pricing .toggle button.on{background:var(--lime);color:#0A0D0A}
.pg-pricing .savings{background:radial-gradient(120% 100% at 0% 0%, rgba(47,178,76,.10), transparent 50%),linear-gradient(180deg,#0E1520,#0B121A);border:1px solid rgba(47,178,76,.25);border-radius:24px;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}
.pg-pricing .savings .label{font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.18em;text-transform:uppercase}
.pg-pricing .savings .big{font-family:var(--display);font-weight:900;font-size:clamp(56px,9vw,96px);line-height:.9;color:var(--lime);letter-spacing:-.02em}
.pg-pricing .savings .sub{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.pg-pricing .savings .bd{display:grid;grid-template-columns:1fr auto;gap:6px 14px;border-top:1px dashed rgba(255,255,255,.08);padding-top:14px;font-size:14px;color:var(--ink-2)}
.pg-pricing .savings .bd b{color:var(--ink);font-family:var(--mono);font-weight:500}
.pg-pricing .savings .bd .ttl{font-weight:600;color:var(--ink)}
.pg-pricing .pcmp{margin-top:30px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0A0F17}
.pg-pricing table.pc{width:100%;border-collapse:collapse}
.pg-pricing table.pc th, .pg-pricing table.pc td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:middle}
.pg-pricing table.pc tr:last-child td{border-bottom:0}
.pg-pricing table.pc thead th{background:#0E1520;font-family:var(--display);font-weight:800;font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.pg-pricing table.pc thead th.lm{color:var(--lime);background:rgba(47,178,76,.06)}
.pg-pricing table.pc td.lm{background:rgba(47,178,76,.03);color:var(--ink)}
.pg-pricing table.pc td.fn{color:var(--ink-2);font-weight:500}
.pg-pricing table.pc td .y{color:var(--lime);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pg-pricing table.pc td .n{color:var(--ink-4);display:inline-flex;align-items:center;gap:6px}
.pg-pricing table.pc tbody tr.section td{background:#0B1018;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);padding:12px 22px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.pg-pricing .incl{margin-top:30px;border:1px solid var(--line);border-radius:24px;background:#0A0F17;padding:30px 30px 34px}
.pg-pricing .incl-banner{display:inline-flex;align-items:center;gap:9px;background:rgba(47,178,76,.07);border:1px solid rgba(47,178,76,.3);border-radius:999px;padding:8px 16px;margin-bottom:28px;color:var(--lime);font-weight:700;font-size:12.5px;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em}
.pg-pricing .incl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 44px}
@media (max-width:760px){
.pg-pricing .incl-grid{grid-template-columns:1fr}}
.pg-pricing .incl-group h4{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:0 0 15px;font-weight:500}
.pg-pricing .incl-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pg-pricing .incl-group li{display:flex;align-items:flex-start;gap:11px;color:var(--ink);font-size:14.5px;line-height:1.45}
.pg-pricing .incl-group li::before{content:"✓";color:var(--lime);font-weight:800;flex:0 0 auto}
.pg-pricing .incl-note{display:block;color:var(--ink-3);font-size:12.5px;font-weight:400;margin-top:3px}
.pg-pricing details{border-top:1px solid var(--line);padding:20px 0}
.pg-pricing details:last-of-type{border-bottom:1px solid var(--line)}
.pg-pricing details > summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink)}
.pg-pricing details > summary::-webkit-details-marker{display:none}
.pg-pricing details > summary .plus{width:28px;height:28px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;flex:0 0 28px;transition:transform .2s ease, background .2s ease,color .2s ease}
.pg-pricing details[open] > summary .plus{transform:rotate(45deg);background:var(--lime);color:#0A0D0A;border-color:var(--lime)}
.pg-pricing details > div{padding:14px 0 4px;color:var(--ink-2);font-size:15px;max-width:760px;line-height:1.6}
.pg-pricing .gtee{background:#0C1219;border:1px dashed rgba(47,178,76,.35);border-radius:18px;padding:24px;margin-top:30px;display:flex;gap:18px;align-items:flex-start}
.pg-pricing .gtee svg{flex-shrink:0;color:var(--lime)}
.pg-pricing .gtee b{color:var(--lime);font-family:var(--display);font-weight:800;letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:6px}
.pg-pricing .gtee p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}
.pg-compare .vs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-compare .vs-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){
.pg-compare .vs-grid{grid-template-columns:1fr}}
.pg-compare .vs-card{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease, transform .15s ease;cursor:pointer}
.pg-compare .vs-card:hover{border-color:rgba(47,178,76,.3);transform:translateY(-2px)}
.pg-compare .vs-card.on{border-color:rgba(47,178,76,.4);background:radial-gradient(120% 100% at 0% 0%, rgba(47,178,76,.10), transparent 50%),linear-gradient(180deg,#0E1520,#0B121A)}
.pg-compare .vs-card .vs-head{display:flex;align-items:center;gap:12px}
.pg-compare .vs-card .vs-vs{font-family:var(--display);font-weight:800;font-size:14px;color:var(--lime);letter-spacing:.08em;text-transform:uppercase}
.pg-compare .vs-card h3{font-family:var(--display);font-weight:900;font-size:22px;margin:0;text-transform:uppercase;line-height:1}
.pg-compare .vs-card .verdict{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.5}
.pg-compare .vs-card .stat{display:flex;gap:14px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);margin-top:auto;padding-top:12px;border-top:1px dashed rgba(255,255,255,.06)}
.pg-compare .vs-card .stat b{color:var(--lime);display:block;font-family:var(--display);font-size:16px;font-weight:800;margin-top:2px}
.pg-compare .ctable{margin-top:30px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0A0F17;overflow-x:auto}
.pg-compare table.bigcmp{width:100%;min-width:760px;border-collapse:collapse}
.pg-compare table.bigcmp th, .pg-compare table.bigcmp td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:middle}
.pg-compare table.bigcmp tr:last-child td{border-bottom:0}
.pg-compare table.bigcmp thead th{background:#0E1520;font-family:var(--display);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.pg-compare table.bigcmp thead th.nm{color:var(--lime);background:rgba(47,178,76,.06)}
.pg-compare table.bigcmp td.nm{background:rgba(47,178,76,.03);color:var(--ink);font-weight:500}
.pg-compare table.bigcmp td.fn{color:var(--ink-2)}
.pg-compare table.bigcmp td .y{color:var(--lime);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pg-compare table.bigcmp td .n{color:var(--ink-4);display:inline-flex;align-items:center;gap:6px}
.pg-compare table.bigcmp td .m{color:var(--amber);font-weight:500;display:inline-flex;align-items:center;gap:6px}
.pg-compare table.bigcmp td b{font-family:var(--mono);font-size:13.5px;color:var(--ink)}
.pg-compare table.bigcmp tbody tr.section td{background:#0B1018;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);padding:12px 22px}
.pg-compare .vs-detail{margin-top:30px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:36px}
.pg-compare .vs-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;margin-bottom:24px}
.pg-compare .vs-detail-head h3{font-family:var(--display);font-weight:900;font-size:32px;margin:0;text-transform:uppercase;letter-spacing:-.005em;line-height:1}
.pg-compare .vs-detail-head h3 .grn{color:var(--lime)}
.pg-compare .vs-detail-head .summary{color:var(--ink-2);max-width:520px;font-size:15px;line-height:1.55;margin:0}
.pg-compare .vs-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}
@media (max-width:680px){
.pg-compare .vs-cols{grid-template-columns:1fr}}
.pg-compare .vs-col{padding:24px;border-radius:16px;border:1px solid var(--line);background:#080C12}
.pg-compare .vs-col.lime{border-color:rgba(47,178,76,.3);background:rgba(47,178,76,.04)}
.pg-compare .vs-col h4{font-family:var(--display);font-weight:800;font-size:18px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.02em}
.pg-compare .vs-col.lime h4{color:var(--lime)}
.pg-compare .vs-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pg-compare .vs-col ul li{padding-left:22px;position:relative;font-size:14px;color:var(--ink-2);line-height:1.5}
.pg-compare .vs-col ul li::before{content:"+";position:absolute;left:0;top:0;color:var(--lime);font-family:var(--mono);font-weight:700}
.pg-compare .vs-col ul li.minus::before{content:"−";color:var(--ink-3)}
.pg-compare .vs-bottomline{margin-top:22px;padding:18px 22px;background:#06090F;border:1px solid var(--line);border-radius:14px;font-size:14.5px;color:var(--ink-2);line-height:1.55}
.pg-compare .vs-bottomline b{color:var(--lime);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;display:block;margin-bottom:6px}
.pg-compare .reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-compare .reasons{grid-template-columns:1fr}}
.pg-compare .reason{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px}
.pg-compare .reason .ico{width:42px;height:42px;border-radius:10px;background:rgba(47,178,76,.1);border:1px solid rgba(47,178,76,.25);color:var(--lime);display:grid;place-items:center;margin-bottom:8px}
.pg-compare .reason h4{font-family:var(--display);font-weight:800;font-size:18px;margin:0;text-transform:uppercase;letter-spacing:.01em}
.pg-compare .reason p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}
.pg-cases .filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.pg-cases .filter-row .lbl{font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}
.pg-cases .cs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:880px){
.pg-cases .cs-grid{grid-template-columns:1fr}}
.pg-cases .cs{position:relative;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s ease, border-color .15s ease}
.pg-cases .cs:hover{transform:translateY(-3px);border-color:rgba(47,178,76,.35)}
.pg-cases .cs-vis{height:200px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.pg-cases .cs-vis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}
.pg-cases .cs-vis .tag{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(255,255,255,.08);border-radius:99px;font-family:var(--mono);font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;background:rgba(6,9,15,.6);backdrop-filter:blur(8px)}
.pg-cases .cs-vis .stat{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:14px}
.pg-cases .cs-vis .stat .v{font-family:var(--display);font-weight:900;font-size:64px;line-height:.85;color:var(--lime);letter-spacing:-.02em}
.pg-cases .cs-vis .stat .v small{font-family:var(--sans);font-size:18px;color:var(--ink-3);font-weight:500;margin-left:2px}
.pg-cases .cs-vis .stat .lbl-r{text-align:right;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;max-width:40%;line-height:1.4}
.pg-cases .cs.prof .cs-vis{background:radial-gradient(120% 100% at 0% 0%, rgba(47,178,76,.10), transparent 50%),linear-gradient(180deg,#0E1520,#0B121A)}
.pg-cases .cs.mfg .cs-vis{background:linear-gradient(180deg,rgba(6,9,15,.20),rgba(6,9,15,.72)),url('../assets/761e2e66b531178fdd04cafd75a817b9.png') center/cover}
.pg-cases .cs.mfg .cs-vis .v{color:var(--amber)}
.pg-cases .cs.health .cs-vis{background:linear-gradient(180deg,rgba(6,9,15,.20),rgba(6,9,15,.72)),url('../assets/11474788657946015f3a1765213273ae.png') center/cover}
.pg-cases .cs.health .cs-vis .v{color:var(--blue)}
.pg-cases .cs.retail .cs-vis{background:linear-gradient(180deg,rgba(6,9,15,.20),rgba(6,9,15,.72)),url('../assets/45b21d72578a6ab26dbddf20b024926a.png') center/cover}
.pg-cases .cs.retail .cs-vis .v{color:var(--teal)}
.pg-cases .cs.legal .cs-vis{background:radial-gradient(120% 100% at 100% 0%, rgba(47,178,76,.12), transparent 50%),linear-gradient(180deg,#0E1520,#0B121A)}
.pg-cases .cs.charity .cs-vis{background:linear-gradient(180deg,rgba(6,9,15,.20),rgba(6,9,15,.72)),url('../assets/5a1dbc4d49821528f6d3902a1d1a642e.png') center/cover}
.pg-cases .cs.charity .cs-vis .v{color:var(--rose)}
.pg-cases .cs-body{padding:26px;display:flex;flex-direction:column;gap:14px;flex:1}
.pg-cases .cs-body .meta{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.pg-cases .cs-body .meta span{padding:3px 8px;border:1px solid var(--line-2);border-radius:99px}
.pg-cases .cs-body h3{font-family:var(--display);font-weight:800;font-size:22px;margin:0;text-transform:uppercase;letter-spacing:-.005em;line-height:1.1}
.pg-cases .cs-body .quote{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55;font-style:italic}
.pg-cases .cs-body .by{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.pg-cases .cs-body .by b{color:var(--lime);font-family:var(--mono);font-weight:600}
.pg-cases .cs-body .read{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(255,255,255,.06);font-family:var(--mono);font-size:12px;color:var(--lime);letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.pg-cases .cs-featured{margin-bottom:30px;background:linear-gradient(180deg,#0E1520,#0B121A);border:1px solid rgba(47,178,76,.3);border-radius:28px;padding:0;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:0}
@media (max-width:880px){
.pg-cases .cs-featured{grid-template-columns:1fr}}
.pg-cases .cs-featured .fbody{padding:50px;display:flex;flex-direction:column;gap:18px}
.pg-cases .cs-featured .fmeta{display:flex;gap:10px;flex-wrap:wrap}
.pg-cases .cs-featured h2{font-family:var(--display);font-weight:900;font-size:clamp(32px,3.6vw,42px);line-height:.95;margin:0;text-transform:uppercase;letter-spacing:-.005em}
.pg-cases .cs-featured h2 .grn{color:var(--lime)}
.pg-cases .cs-featured .sumr{font-size:16px;color:var(--ink-2);line-height:1.6;margin:0}
.pg-cases .cs-featured .by{font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:auto}
.pg-cases .cs-featured .by b{color:var(--ink);font-family:var(--sans);text-transform:none;letter-spacing:0;font-weight:600;font-size:13.5px}
.pg-cases .fvis{position:relative;background:linear-gradient(rgba(6,9,15,.58),rgba(6,9,15,.74)),url('../assets/df9ac29c284d96cc70a3f0e6d98cd7fc.png') center/cover;min-height:340px;border-left:1px solid var(--line);padding:50px;display:flex;flex-direction:column;justify-content:space-between}
@media (max-width:880px){
.pg-cases .fvis{border-left:0;border-top:1px solid var(--line);min-height:240px}}
.pg-cases .fvis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.pg-cases .fvis-stats{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pg-cases .fvis-stats .s{display:flex;flex-direction:column;gap:6px}
.pg-cases .fvis-stats .s .v{font-family:var(--display);font-weight:900;font-size:56px;line-height:.9;color:var(--lime);letter-spacing:-.02em}
.pg-cases .fvis-stats .s .v small{font-family:var(--sans);font-size:16px;color:var(--ink-3);font-weight:500;margin-left:2px}
.pg-cases .fvis-stats .s .lbl-s{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}
.pg-cases .fvis-pull{position:relative;font-family:var(--display);font-weight:800;font-size:22px;line-height:1.25;color:var(--ink);max-width:340px}
.pg-cases .fvis-pull::before{content:"\201C";font-family:var(--display);font-weight:900;font-size:72px;color:var(--lime);line-height:.4;display:block;margin-bottom:10px}
.pg-cases .press{margin-top:60px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.pg-cases .press p{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase}
.pg-cases .press .nms{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:18px;font-family:var(--display);font-weight:800;font-size:18px;color:var(--ink-3);letter-spacing:.02em}
.pg-cases .press .nms span{padding:8px 16px;border:1px solid var(--line);border-radius:8px}
.pg-about .story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
@media (max-width:880px){
.pg-about .story{grid-template-columns:1fr;gap:30px}}
.pg-about .story h2{font-family:var(--display);font-weight:900;font-size:clamp(34px,4.4vw,52px);line-height:.95;letter-spacing:-.01em;margin:0 0 18px;text-transform:uppercase}
.pg-about .story h2 .grn{color:var(--lime)}
.pg-about .story p{color:var(--ink-2);font-size:16px;line-height:1.65;margin:0 0 14px}
.pg-about .story p b{color:var(--ink);font-weight:600}
.pg-about .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0A0F17}
@media (max-width:780px){
.pg-about .stats{grid-template-columns:1fr 1fr}}
.pg-about .stat-cell{padding:30px 26px;border-right:1px solid var(--line)}
.pg-about .stat-cell:last-child{border-right:0}
@media (max-width:780px){
.pg-about .stat-cell{border-bottom:1px solid var(--line)}
.pg-about .stat-cell:nth-child(even){border-right:0}
.pg-about .stat-cell:nth-last-child(-n+2){border-bottom:0}}
.pg-about .stat-cell .v{font-family:var(--display);font-weight:900;font-size:48px;line-height:1;color:var(--lime);letter-spacing:-.01em}
.pg-about .stat-cell .v small{font-family:var(--sans);font-size:18px;color:var(--ink-3);font-weight:500;margin-left:2px}
.pg-about .stat-cell .l{margin-top:8px;color:var(--ink-3);font-size:13.5px;line-height:1.4}
.pg-about .values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-about .values{grid-template-columns:1fr}}
.pg-about .val{padding:28px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px}
.pg-about .val .n{font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.18em;text-transform:uppercase}
.pg-about .val h4{font-family:var(--display);font-weight:800;font-size:22px;margin:10px 0 12px;text-transform:uppercase;line-height:1.05;letter-spacing:-.005em}
.pg-about .val p{color:var(--ink-2);font-size:14.5px;line-height:1.6;margin:0}
.pg-about .people{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-about .people{grid-template-columns:1fr 1fr}}
@media (max-width:480px){
.pg-about .people{grid-template-columns:1fr}}
.pg-about .person{padding:22px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pg-about .person .avi{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--lime),#7CC4FF);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:24px;color:#0A0D0A;margin-bottom:8px;letter-spacing:-.01em}
.pg-about .person h5{font-family:var(--display);font-weight:800;font-size:17px;margin:0;text-transform:uppercase;letter-spacing:.005em}
.pg-about .person .role{font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.08em;text-transform:uppercase}
.pg-about .person p{margin:6px 0 0;color:var(--ink-3);font-size:13.5px;line-height:1.5}
.pg-about .offices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-about .offices{grid-template-columns:1fr}}
.pg-about .office{padding:26px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:8px}
.pg-about .office .city{font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:-.005em;text-transform:uppercase}
.pg-about .office .roles{font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.06em;text-transform:uppercase}
.pg-about .office .addr{color:var(--ink-2);font-size:14px;line-height:1.5;margin:0}
.pg-about .office .hr{color:var(--ink-3);font-size:13px;margin-top:6px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.06)}
.pg-about .nm-strip{margin-top:50px;padding:36px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}
@media (max-width:780px){
.pg-about .nm-strip{grid-template-columns:1fr;text-align:left}}
.pg-about .nm-strip .logoblock{font-family:var(--display);font-weight:900;font-size:42px;line-height:1;letter-spacing:-.01em;color:var(--ink)}
.pg-about .nm-strip .logoblock span{color:var(--lime)}
.pg-about .nm-strip p{margin:0;color:var(--ink-2);max-width:540px;font-size:15px;line-height:1.55}
.pg-team .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0A0F17}
@media (max-width:780px){
.pg-team .stats{grid-template-columns:1fr 1fr}}
.pg-team .stat-cell{padding:30px 26px;border-right:1px solid var(--line)}
.pg-team .stat-cell:last-child{border-right:0}
@media (max-width:780px){
.pg-team .stat-cell{border-bottom:1px solid var(--line)}
.pg-team .stat-cell:nth-child(even){border-right:0}
.pg-team .stat-cell:nth-last-child(-n+2){border-bottom:0}}
.pg-team .stat-cell .v{font-family:var(--display);font-weight:900;font-size:48px;line-height:1;color:var(--lime);letter-spacing:-.01em}
.pg-team .stat-cell .v small{font-family:var(--sans);font-size:18px;color:var(--ink-3);font-weight:500;margin-left:2px}
.pg-team .stat-cell .l{margin-top:8px;color:var(--ink-3);font-size:13.5px;line-height:1.4}
.pg-team .leads{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}
@media (max-width:880px){
.pg-team .leads{grid-template-columns:1fr}}
.pg-team .lcard{padding:28px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:14px}
.pg-team .lcard .top{display:flex;align-items:center;gap:16px}
.pg-team .lcard .avi{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--lime),#7CC4FF);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:22px;color:#0A0D0A;letter-spacing:-.01em;flex-shrink:0;overflow:hidden}
.pg-team .lcard .avi img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.pg-team .lcard .avi.alt-1{background:linear-gradient(135deg,#FFB72B,#FF5C72)}
.pg-team .lcard .avi.alt-2{background:linear-gradient(135deg,#34D6C2,#2FB24C)}
.pg-team .lcard .avi.alt-3{background:linear-gradient(135deg,#7CC4FF,#34D6C2)}
.pg-team .lcard h3{font-family:var(--display);font-weight:800;font-size:20px;margin:0;text-transform:uppercase;letter-spacing:.005em;line-height:1.1}
.pg-team .lcard .role{display:block;font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.pg-team .lcard p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.6}
.pg-team .lcard .since{padding-top:14px;border-top:1px dashed rgba(255,255,255,.06);margin-top:auto;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.pg-team .lcard .since b{color:var(--ink-2);font-weight:500}
.pg-team .depts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-team .depts{grid-template-columns:1fr 1fr}}
@media (max-width:540px){
.pg-team .depts{grid-template-columns:1fr}}
.pg-team .dcard{padding:26px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:12px}
.pg-team .dcard .count-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.pg-team .dcard h4{font-family:var(--display);font-weight:800;font-size:20px;margin:0;text-transform:uppercase;letter-spacing:.005em;line-height:1.1}
.pg-team .dcard .count{font-family:var(--display);font-weight:900;font-size:34px;line-height:.9;color:var(--lime);letter-spacing:-.015em}
.pg-team .dcard .count small{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-weight:500;display:block;margin-top:2px}
.pg-team .dcard p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
.pg-team .dcard .led-by{padding-top:12px;border-top:1px dashed rgba(255,255,255,.06);margin-top:auto;font-size:13px;color:var(--ink-3)}
.pg-team .dcard .led-by b{color:var(--ink);font-weight:500}
.pg-team .voices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-team .voices{grid-template-columns:1fr}}
.pg-team .voice{padding:28px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:18px}
.pg-team .voice .qmark{font-family:var(--display);font-weight:900;font-size:48px;line-height:.5;color:var(--lime);margin-bottom:-4px}
.pg-team .voice p{font-size:15px;line-height:1.55;color:var(--ink-2);margin:0;flex:1}
.pg-team .voice .who-block{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.06)}
.pg-team .voice .vavi{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--lime),#7CC4FF);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:14px;color:#0A0D0A;letter-spacing:-.01em;flex-shrink:0}
.pg-team .voice .vavi.alt-1{background:linear-gradient(135deg,#FFB72B,#2FB24C)}
.pg-team .voice .vavi.alt-2{background:linear-gradient(135deg,#34D6C2,#7CC4FF)}
.pg-team .voice .who-block b{display:block;font-size:14px;color:var(--ink);font-weight:600}
.pg-team .voice .who-block small{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.pg-team .offices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-team .offices{grid-template-columns:1fr}}
.pg-team .office{padding:26px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:8px}
.pg-team .office .city{font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:-.005em;text-transform:uppercase}
.pg-team .office .roles{font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.06em;text-transform:uppercase}
.pg-team .office .addr{color:var(--ink-2);font-size:14px;line-height:1.5;margin:0}
.pg-team .office .split{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.06);margin-top:6px}
.pg-team .office .split .v{font-family:var(--display);font-weight:800;font-size:20px;color:var(--ink);line-height:1}
.pg-team .office .split .l{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.pg-team .work-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
@media (max-width:780px){
.pg-team .work-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:480px){
.pg-team .work-tiles{grid-template-columns:1fr}}
.pg-team .wtile{padding:22px;background:#0B1018;border:1px solid var(--line);border-radius:14px}
.pg-team .wtile .ico{width:36px;height:36px;border-radius:8px;background:rgba(47,178,76,.1);border:1px solid rgba(47,178,76,.2);color:var(--lime);display:grid;place-items:center;margin-bottom:14px}
.pg-team .wtile h5{font-family:var(--display);font-weight:800;font-size:14px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em}
.pg-team .wtile p{margin:0;color:var(--ink-3);font-size:13px;line-height:1.5}
.pg-careers .ts-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0A0F17}
@media (max-width:780px){
.pg-careers .ts-strip{grid-template-columns:1fr 1fr}}
.pg-careers .ts-cell{padding:28px;border-right:1px solid var(--line)}
.pg-careers .ts-cell:last-child{border-right:0}
@media (max-width:780px){
.pg-careers .ts-cell{border-bottom:1px solid var(--line)}
.pg-careers .ts-cell:nth-child(even){border-right:0}
.pg-careers .ts-cell:nth-last-child(-n+2){border-bottom:0}}
.pg-careers .ts-cell .v{font-family:var(--display);font-weight:900;font-size:44px;line-height:1;color:var(--lime);letter-spacing:-.01em}
.pg-careers .ts-cell .v small{font-family:var(--sans);font-size:16px;color:var(--ink-3);font-weight:500;margin-left:2px}
.pg-careers .ts-cell .l{margin-top:8px;color:var(--ink-3);font-size:13px;line-height:1.4}
.pg-careers .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-careers .why-grid{grid-template-columns:1fr}}
.pg-careers .why{padding:28px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px}
.pg-careers .why .n{font-family:var(--mono);font-size:11.5px;color:var(--lime);letter-spacing:.18em;text-transform:uppercase}
.pg-careers .why h4{font-family:var(--display);font-weight:800;font-size:22px;margin:10px 0 12px;text-transform:uppercase;line-height:1.05;letter-spacing:-.005em}
.pg-careers .why p{color:var(--ink-2);font-size:14.5px;line-height:1.6;margin:0}
.pg-careers .bens{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
@media (max-width:780px){
.pg-careers .bens{grid-template-columns:1fr 1fr}}
@media (max-width:480px){
.pg-careers .bens{grid-template-columns:1fr}}
.pg-careers .ben{padding:18px;background:#0B1018;border:1px solid var(--line);border-radius:14px;display:flex;gap:14px;align-items:flex-start}
.pg-careers .ben .ico{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:rgba(47,178,76,.1);border:1px solid rgba(47,178,76,.2);color:var(--lime);display:grid;place-items:center}
.pg-careers .ben .t{font-family:var(--display);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}
.pg-careers .ben .d{font-size:13px;color:var(--ink-3);line-height:1.5;margin:0}
.pg-careers .role-list{margin-top:30px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0A0F17}
.pg-careers .role{display:grid;grid-template-columns:1fr auto auto auto auto;gap:24px;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line);transition:background .15s ease;cursor:pointer}
.pg-careers .role:last-child{border-bottom:0}
.pg-careers .role:hover{background:#0C1219}
@media (max-width:880px){
.pg-careers .role{grid-template-columns:1fr;gap:10px;align-items:flex-start}}
.pg-careers .role .title{font-family:var(--display);font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);margin:0}
.pg-careers .role .title small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-weight:500;margin-top:6px;letter-spacing:.08em}
.pg-careers .role .meta-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line-2);border-radius:99px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase}
.pg-careers .role .meta-pill.lime{border-color:rgba(47,178,76,.3);color:var(--lime);background:rgba(47,178,76,.06)}
.pg-careers .role .arrow{flex-shrink:0;color:var(--lime);transition:transform .15s ease}
.pg-careers .role:hover .arrow{transform:translateX(4px)}
.pg-careers .proc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
@media (max-width:780px){
.pg-careers .proc{grid-template-columns:1fr 1fr}}
@media (max-width:480px){
.pg-careers .proc{grid-template-columns:1fr}}
.pg-careers .step{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px}
.pg-careers .step .num{font-family:var(--display);font-weight:900;font-size:36px;line-height:1;color:var(--lime);letter-spacing:-.01em}
.pg-careers .step h4{font-family:var(--display);font-weight:800;font-size:18px;margin:0;text-transform:uppercase;letter-spacing:.005em}
.pg-careers .step p{color:var(--ink-2);font-size:13.5px;line-height:1.55;margin:0}
.pg-careers .step .dur{margin-top:auto;padding-top:10px;border-top:1px dashed rgba(255,255,255,.06);font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}
.pg-careers .life{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-top:30px;align-items:center}
@media (max-width:880px){
.pg-careers .life{grid-template-columns:1fr}}
.pg-careers .life-text h3{font-family:var(--display);font-weight:900;font-size:clamp(28px,3.4vw,40px);line-height:.95;letter-spacing:-.005em;margin:0 0 18px;text-transform:uppercase}
.pg-careers .life-text h3 .grn{color:var(--lime)}
.pg-careers .life-text p{color:var(--ink-2);font-size:15.5px;line-height:1.65;margin:0 0 14px}
.pg-careers .life-text p b{color:var(--ink);font-weight:600}
.pg-careers .life-vis{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:380px}
.pg-careers .life-vis .tile{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.pg-careers .life-vis .tile.t1{background:radial-gradient(120% 100% at 0% 0%, rgba(47,178,76,.18), transparent 60%),linear-gradient(180deg,#0E1520,#0B121A)}
.pg-careers .life-vis .tile.t2{background:linear-gradient(180deg,#0F151C,#0C1119)}
.pg-careers .life-vis .tile.t3{background:radial-gradient(120% 100% at 100% 100%, rgba(124,196,255,.15), transparent 60%),linear-gradient(180deg,#0A1320,#091018)}
.pg-careers .life-vis .tile.t4{background:linear-gradient(180deg,#0F151C,#0C1119)}
.pg-careers .life-vis .tile .stat-big{font-family:var(--display);font-weight:900;font-size:48px;line-height:.9;color:var(--lime);letter-spacing:-.01em}
.pg-careers .life-vis .tile.t3 .stat-big{color:var(--blue)}
.pg-careers .life-vis .tile .lbl-b{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
.pg-careers .life-vis .tile .quote-vis{font-family:var(--display);font-weight:800;font-size:18px;line-height:1.3;color:var(--ink)}
.pg-careers .life-vis .tile .quote-by{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:10px}
.pg-careers .eo{margin-top:30px;padding:24px;background:#0B1018;border:1px solid var(--line);border-radius:14px;font-size:14px;color:var(--ink-2);line-height:1.65}
.pg-careers .eo b{color:var(--lime);font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px;display:block;margin-bottom:6px}
.pg-contact .methods{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}
@media (max-width:880px){
.pg-contact .methods{grid-template-columns:1fr}}
.pg-contact .method{padding:30px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:14px}
.pg-contact .method .ico{width:44px;height:44px;border-radius:12px;background:rgba(47,178,76,.1);border:1px solid rgba(47,178,76,.25);color:var(--lime);display:grid;place-items:center}
.pg-contact .method h3{font-family:var(--display);font-weight:800;font-size:20px;margin:0;text-transform:uppercase;letter-spacing:.005em}
.pg-contact .method p{margin:0;color:var(--ink-3);font-size:14px;line-height:1.55}
.pg-contact .method .val{font-family:var(--sans);font-size:17px;color:var(--lime);margin-top:auto;padding-top:10px;font-weight:500}
.pg-contact .method .meta{font-family:var(--mono);font-size:11.5px;color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase}
.pg-contact .form-grid{display:grid;grid-template-columns:1fr;gap:60px;margin-top:30px}
@media (max-width:980px){
.pg-contact .form-grid{grid-template-columns:1fr;gap:30px}}
.pg-contact .tab-row{display:inline-flex;gap:4px;background:#080C12;border:1px solid var(--line);border-radius:99px;padding:4px;margin-bottom:24px}
.pg-contact .tab-row button{padding:9px 16px;font-size:13px;color:var(--ink-3);border-radius:99px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}
.pg-contact .tab-row button.on{background:var(--lime);color:#0A0D0A;font-weight:600}
.pg-contact .formbox{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-radius:24px;padding:36px}
.pg-contact .formbox h2{font-family:var(--display);font-weight:800;font-size:26px;margin:0 0 8px;text-transform:uppercase;letter-spacing:-.005em}
.pg-contact .formbox .lede{margin:0 0 22px;color:var(--ink-2);font-size:15px;line-height:1.55}
.pg-contact .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.pg-contact .field label{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}
.pg-contact .field input, .pg-contact .field select, .pg-contact .field textarea{padding:14px 16px;background:#080C12;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:var(--sans);font-size:15px;outline:0;transition:border-color .15s ease}
.pg-contact .field input:focus, .pg-contact .field select:focus, .pg-contact .field textarea:focus{border-color:var(--lime)}
.pg-contact .field textarea{resize:vertical;min-height:120px;font-family:var(--sans)}
.pg-contact .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:600px){
.pg-contact .field-row{grid-template-columns:1fr}}
.pg-contact .form-foot{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.pg-contact .form-foot small{color:var(--ink-3);font-size:12px;max-width:280px;line-height:1.5}
.pg-contact .form-status{margin-top:16px;padding:13px 16px;border-radius:12px;font-size:14px;line-height:1.5}
.pg-contact .form-status.ok{background:rgba(47,178,76,.1);border:1px solid rgba(47,178,76,.35);color:var(--ink)}
.pg-contact .form-status.err{background:rgba(255,92,114,.1);border:1px solid rgba(255,92,114,.35);color:var(--ink)}
.pg-contact .form-status a{color:var(--lime);text-decoration:underline}
.pg-contact .field input:not(:placeholder-shown):invalid{border-color:rgba(255,92,114,.5)}
.pg-contact .upload{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#080C12;border:1px dashed var(--line-2);border-radius:12px;cursor:pointer;transition:border-color .15s ease}
.pg-contact .upload:hover{border-color:var(--lime)}
.pg-contact .upload svg{color:var(--lime);flex-shrink:0}
.pg-contact .upload .up-txt{font-size:14px;color:var(--ink-2)}
.pg-contact .upload .up-txt small{display:block;color:var(--ink-3);font-size:12px;margin-top:2px}
.pg-contact .side{display:flex;flex-direction:column;gap:18px}
.pg-contact .side-card{background:#0B1018;border:1px solid var(--line);border-radius:18px;padding:24px}
.pg-contact .side-card h4{font-family:var(--display);font-weight:800;font-size:16px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}
.pg-contact .side-card .row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px dashed rgba(255,255,255,.05);font-size:14px;color:var(--ink-2)}
.pg-contact .side-card .row:first-of-type{border-top:0}
.pg-contact .side-card .row b{font-family:var(--mono);color:var(--ink)}
.pg-contact .side-card p{margin:0 0 10px;font-size:14px;color:var(--ink-2);line-height:1.55}
.pg-contact .map-card{background:#0B1018;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.pg-contact .map-vis{height:220px;background:
    radial-gradient(circle at 30% 40%, rgba(47,178,76,.18), transparent 12%),
    radial-gradient(circle at 30% 40%, rgba(47,178,76,.4), transparent 4%),
    radial-gradient(circle at 65% 30%, rgba(47,178,76,.18), transparent 12%),
    radial-gradient(circle at 65% 30%, rgba(47,178,76,.4), transparent 4%),
    radial-gradient(circle at 50% 70%, rgba(47,178,76,.18), transparent 12%),
    radial-gradient(circle at 50% 70%, rgba(47,178,76,.4), transparent 4%),
    linear-gradient(180deg,#0A1018,#070A11);position:relative;
    background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    radial-gradient(circle at 30% 40%, rgba(47,178,76,.4), transparent 4%),
    radial-gradient(circle at 65% 30%, rgba(47,178,76,.4), transparent 4%),
    radial-gradient(circle at 50% 70%, rgba(47,178,76,.4), transparent 4%);
    background-size:24px 24px, 24px 24px, 100% 100%, 100% 100%, 100% 100%}
.pg-contact .map-vis::before{content:"East Anglia";position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:.12em;text-transform:uppercase}
.pg-contact .map-pin{position:absolute;font-family:var(--mono);font-size:10.5px;color:var(--lime);letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;background:rgba(6,9,15,.7);border-radius:4px;border:1px solid rgba(47,178,76,.25)}
.pg-contact .map-pin.wy{top:36%;left:28%}
.pg-contact .map-pin.ca{top:24%;left:62%}
.pg-contact .map-pin.gy{top:65%;left:46%}
.pg-contact .map-meta{padding:18px;font-size:13px;color:var(--ink-3);border-top:1px solid var(--line)}
.pg-contact .qmini{margin-top:50px}
.pg-contact .qmini h3{font-family:var(--display);font-weight:800;font-size:24px;margin:0 0 18px;text-transform:uppercase;letter-spacing:.005em}
.pg-contact .qmini .q{padding:18px 0;border-top:1px solid var(--line)}
.pg-contact .qmini .q:last-of-type{border-bottom:1px solid var(--line)}
.pg-contact .qmini .q h5{font-family:var(--sans);font-weight:600;font-size:15.5px;margin:0 0 6px;color:var(--ink)}
.pg-contact .qmini .q p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
/* ===== Figma spacing spec (overrides) ===== */
.wrap{max-width:1240px}
.idx .hero{padding-top:84px}
.idx .hero h1{font-size:clamp(40px,8.5vw,102px);line-height:.92}
.nav{min-height:40px}
.pg-pricing .plan{padding:36px}
.pg-pricing .plans{gap:18px}
.pg-team .lcard{padding:22px}
.pg-team .leads{gap:14px}
.lbio{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.section-head{margin-bottom:30px}
.glow-band{position:relative;min-height:420px;background:radial-gradient(60% 75% at 50% 45%, rgba(47,178,76,.10), rgba(20,52,32,.05) 45%, transparent 72%)}

/* ===== hero dashboard widget ===== */
.dash-panel{position:relative;background:linear-gradient(180deg,#0E1520,#0B121A);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dash-title{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px}
.dash-title .live{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;color:var(--lime);letter-spacing:.1em}
.dash-title .pulse{width:6px;height:6px;border-radius:50%;background:var(--lime);animation:dpulse 1.8s infinite}
@keyframes dpulse{0%{box-shadow:0 0 0 0 rgba(47,178,76,.5)}70%{box-shadow:0 0 0 7px rgba(47,178,76,0)}100%{box-shadow:0 0 0 0 rgba(47,178,76,0)}}
.dash-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-2);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:4px 10px;border-radius:20px}
.dash-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px}
.dc-h{font-size:11.5px;font-weight:600;color:var(--ink);margin-bottom:6px}
.bars-svg{width:100%;height:auto;display:block}
.bars-svg .grid line{stroke:rgba(255,255,255,.06);stroke-width:1}
.bars-svg .ylab text,.bars-svg .xlab text{fill:#7A8696;font-size:9px}
.bars-svg .xlab text{text-anchor:middle}
.bars-svg .ylab text{text-anchor:end}
.bars-svg .b-grn{fill:var(--lime)}.bars-svg .b-amb{fill:#E0A33A}.bars-svg .b-red{fill:#E5565B}
.dash-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.gauge{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:8px 4px 6px;text-align:center}
.gauge svg{width:100%;height:auto;max-width:96px;margin:0 auto}
.gauge path{fill:none;stroke-width:9;stroke-linecap:butt}
.g-red{stroke:#E5565B}.g-amb{stroke:#E0A33A}.g-grn{stroke:var(--lime)}
.g-pct{fill:var(--ink);font-weight:800;font-size:15px;text-anchor:middle}
.g-name{font-size:10.5px;color:var(--ink-2);margin-top:1px}
.dash-legend{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;font-size:10.5px;color:var(--ink-2)}
.dash-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}
.lg-grn{background:var(--lime)}.lg-amb{background:#E0A33A}.lg-red{background:#E5565B}


/* ===== Theo feedback: dividers, header phone, feature tabs, pricing inputs ===== */
/* clearer section dividers */
.sp-sec{position:relative;border-top:1px solid #202A38}
#home.sp-sec{border-top:0}
.sp-sec::before{content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:72px;height:3px;border-radius:3px;background:var(--lime);box-shadow:0 0 16px rgba(47,178,76,.55)}
#home.sp-sec::before{display:none}
/* header phone */
.nav-tel{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:600;font-size:14px;color:var(--ink);padding:8px 13px;border:1px solid var(--line-2);border-radius:99px;transition:border-color .15s,color .15s;white-space:nowrap}
.nav-tel svg{width:15px;height:15px;color:var(--lime)}
.nav-tel:hover{border-color:var(--lime);color:var(--lime)}
@media (max-width:1080px){.nav-tel{display:none}}
.m-menu .m-tel{display:flex;align-items:center;gap:10px;color:var(--lime);font-weight:600}
.m-menu .m-tel svg{color:var(--lime);flex:0 0 auto}
/* hero secondary link */
.hero-ctas{flex-wrap:wrap;align-items:center}
.hero-ctas .hero-link{color:var(--ink-2);font-size:14px;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.hero-ctas .hero-link:hover{color:var(--lime);border-color:var(--lime)}
/* features as tabs */
.pg-features .toc h6{display:block;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin:0 0 14px}
.pg-features .toctab{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:8px 0;font:inherit;font-size:14px;color:#fff;transition:color .15s ease,padding .15s ease}
.pg-features .toctab:hover{color:var(--lime)}
.pg-features .toctab.on{color:var(--lime);padding-left:6px;font-weight:600}
.pg-features .feat-block{display:none!important;border-top:0!important;padding-top:0!important}
.pg-features .feat-block.active{display:block!important}
@media (max-width:1000px){
  .pg-features .toc{position:static;margin-bottom:6px}
  .pg-features .toc ul{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;border-left:0;padding-left:0;gap:8px;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .pg-features .toc li{flex:0 0 auto}
  .pg-features .toctab{white-space:nowrap;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:13px}
  .pg-features .toctab.on{padding-left:14px;background:rgba(47,178,76,.1);border-color:rgba(47,178,76,.5)}
}
/* pricing number input */
.pg-pricing .num-in{width:100%;background:#080C12;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:var(--mono);font-size:18px;font-weight:600;padding:12px 14px;outline:0;transition:border-color .15s}
.pg-pricing .num-in:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(47,178,76,.15)}


/* ===== round 2: hero fit, clickable feature tabs, visible demo CTA ===== */
/* hero fits one screen: smaller, less squished headline + tighter layout */
.idx .hero h1{font-size:clamp(40px,4.6vw,60px);line-height:1.02;margin-top:14px}
.idx .hero .lede{margin-top:18px}
.idx .hero{padding-bottom:24px}
@media (min-width:1001px){
  .idx .hero-inner{grid-template-columns:1.4fr .62fr;gap:44px}
  .dash-panel{padding:13px}
  .dash-gauges{margin-top:8px}
}
/* feature list: make it obvious these are clickable options (desktop) */
@media (min-width:1001px){
  .pg-features .toc{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line-2);border-radius:16px;padding:15px 13px}
  .pg-features .toc h6{margin:0 0 6px;padding:0 3px}
  .pg-features .toc .toc-hint{display:block;padding:0 3px 12px;font-size:11.5px;color:var(--ink-3);line-height:1.4}
  .pg-features .toc ul{border-left:0;padding-left:0;gap:6px}
  .pg-features .toctab{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#0A0F17;color:var(--ink-2);font-size:13.5px;font-weight:500;transition:border-color .15s,color .15s,background .15s,padding .15s}
  .pg-features .toctab::after{content:"\203A";font-size:17px;line-height:1;color:var(--ink-3);transition:color .15s}
  .pg-features .toctab:hover{border-color:rgba(47,178,76,.55);color:#fff;padding-left:15px}
  .pg-features .toctab:hover::after{color:var(--lime)}
  .pg-features .toctab.on{background:rgba(47,178,76,.12);border-color:var(--lime);color:var(--lime);font-weight:700}
  .pg-features .toctab.on::after{color:var(--lime)}
}
/* Request a demo: more visible than a plain ghost button */
.idx .hero-ctas .demo-cta{border:1.5px solid var(--lime);color:var(--lime);background:rgba(47,178,76,.08)}
.idx .hero-ctas .demo-cta:hover{background:var(--lime);color:#07120B;border-color:var(--lime)}
.idx .hero-ctas .demo-cta svg{width:17px;height:17px}

.req{color:#E5565B;font-weight:700;margin-left:1px}

.nav-brand{display:flex;align-items:center}
.nav-tag{margin-left:12px;padding-left:12px;border-left:1px solid var(--line-2);font-size:12px;color:var(--ink-3);letter-spacing:.01em;white-space:nowrap}
@media (max-width:1200px){.nav-tag{display:none}}


.pg-pricing .price-ladder{margin-top:28px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line-2);border-radius:16px;padding:22px}
.pg-pricing .price-ladder h3{margin:0 0 6px;font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-size:18px}
.pg-pricing .price-ladder .pl-note{margin:0 0 16px;color:var(--ink-3);font-size:13px;line-height:1.5}
.pg-pricing .price-ladder table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:14px}
.pg-pricing .price-ladder th,.pg-pricing .price-ladder td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.pg-pricing .price-ladder th{color:var(--ink-3);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.pg-pricing .price-ladder th:not(:first-child),.pg-pricing .price-ladder td:not(:first-child){text-align:right}
.pg-pricing .price-ladder td:not(:first-child){color:var(--lime);font-weight:600}
.pg-pricing .price-ladder tr:last-child td{border-bottom:0}
.idx a.qt{text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.idx a.qt:hover{border-color:rgba(47,178,76,.5);transform:translateY(-2px)}


.prose{font-size:17px;line-height:1.7;color:var(--ink-2);max-width:760px;margin:0 auto;padding:0 20px 90px}
.prose h2{font-family:var(--display);font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.005em;text-transform:uppercase;color:var(--ink);margin:48px 0 18px;padding-top:24px;border-top:1px solid var(--line)}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose h3{font-family:var(--display);font-weight:800;font-size:21px;line-height:1.2;text-transform:uppercase;color:var(--ink);margin:32px 0 12px}
.prose p{margin:0 0 16px}.prose p b{color:var(--ink);font-weight:600}
.prose ul{margin:0 0 18px;padding:0;list-style:none}
.prose ul li{padding:8px 0 8px 26px;position:relative;font-size:16px;border-top:1px dashed rgba(255,255,255,.06)}
.prose ul li:first-child{border-top:0}
.prose ul li::before{content:"\2192";position:absolute;left:0;top:8px;color:var(--lime);font-family:var(--mono)}
.prose .callout{background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:0 14px 14px 0;padding:22px 26px;margin:30px 0;font-size:16.5px;line-height:1.6}
.prose .callout b{color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:14px;margin:0 0 22px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.prose th{color:var(--ink-3);text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.prose .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
/* guides index */
.g-index{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1000px;margin:0 auto;padding:0 20px 90px}
@media(max-width:760px){.g-index{grid-template-columns:1fr}}
a.g-card{display:flex;flex-direction:column;gap:11px;text-decoration:none;color:inherit;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line-2);border-radius:18px;padding:26px;transition:border-color .15s,transform .15s}
a.g-card:hover{border-color:rgba(47,178,76,.5);transform:translateY(-2px)}
a.g-card .tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
a.g-card h2{font-family:var(--display);text-transform:uppercase;font-size:21px;margin:0;letter-spacing:-.01em;line-height:1.15}
a.g-card p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55;flex:1}
a.g-card .more{color:var(--lime);font-weight:600;font-size:14px}
/* PSTN alert band */
.pstn-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(224,163,58,.07),rgba(224,163,58,.02))}
.pstn-inner{max-width:1160px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pstn-ico{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(224,163,58,.14);border:1px solid rgba(224,163,58,.45)}
.pstn-ico svg{width:18px;height:18px;color:#E0A33A}
.pstn-txt{flex:1 1 420px;min-width:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.pstn-txt b{color:var(--ink)}
.pstn-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#E0A33A;text-decoration:none;border:1px solid rgba(224,163,58,.5);border-radius:99px;padding:9px 16px;transition:background .15s}
.pstn-cta:hover{background:rgba(224,163,58,.12)}
/* certification badges */
.certs{border-top:1px solid var(--line);background:#080C12}
.certs-inner{max-width:1160px;margin:0 auto;padding:30px 20px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.certs-lab{width:100%;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.cert{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid var(--line-2);border-radius:12px;padding:12px 16px}
.cert svg{width:19px;height:19px;color:var(--lime);flex:0 0 auto}
.cert .ct{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.2}
.cert .cs{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}


/* pricing calculator teaser */
.calc-teaser{background:linear-gradient(180deg,#0A0F17,#080C12)}
.calc-teaser-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;padding:74px 20px}
@media(max-width:900px){.calc-teaser-inner{grid-template-columns:1fr;gap:26px;padding:56px 20px}}
.calc-teaser .ct-copy .sub{margin-top:16px;color:var(--ink-2);font-size:16px;line-height:1.6;max-width:56ch}
.calc-teaser .ct-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
a.ct-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:linear-gradient(180deg,#0C1219,#0A0F17);border:1px solid rgba(47,178,76,.4);border-radius:20px;padding:28px;transition:border-color .15s,transform .15s}
a.ct-card:hover{border-color:var(--lime);transform:translateY(-2px)}
a.ct-card .ct-lab{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
a.ct-card .ct-price{font-family:var(--display);font-weight:900;font-size:60px;line-height:1;color:var(--lime);letter-spacing:-.02em}
a.ct-card .ct-sub{font-size:13.5px;color:var(--ink-3);line-height:1.45}
a.ct-card .ct-go{margin-top:12px;font-size:14px;font-weight:600;color:var(--ink)}
/* back to top */
#to-top{position:fixed;right:18px;bottom:18px;z-index:70;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(12,18,25,.92);border:1px solid var(--line-2);color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .22s,transform .22s,border-color .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#to-top.on{opacity:1;pointer-events:auto;transform:translateY(0)}
#to-top:hover{border-color:var(--lime);color:var(--lime)}
#to-top svg{width:20px;height:20px}
@media(max-width:768px){#to-top{right:14px;bottom:76px;width:42px;height:42px}}


/* ===== Mobile UX pass: tap targets, iOS zoom, density, safe areas ===== */
@media (max-width:860px){

  /* 1. Form controls at 16px+ so iOS Safari never auto-zooms on focus */
  input, select, textarea,
  .pg-contact input, .pg-contact select, .pg-contact textarea,
  .pg-pricing .num-in{
    font-size:16px !important;
    min-height:48px;                 /* comfortable thumb target */
  }
  textarea{min-height:120px}
  .pg-contact .field{margin-bottom:16px}
  .pg-contact label{font-size:12px;margin-bottom:7px;display:block}
  select{
    -webkit-appearance:none;appearance:none;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238892A0' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
    padding-right:42px;
  }

  /* 2. Footer links: real tap targets, clearly separated */
  footer .ft ul{margin:0;padding:0;list-style:none}
  footer .ft ul li{margin:0}
  footer .ft ul li a{
    display:flex;align-items:center;padding:12px 0;min-height:46px;line-height:1.35;
    border-bottom:1px solid rgba(255,255,255,.055);
  }
  footer .ft ul li:last-child a{border-bottom:0}
  footer .ft{margin-bottom:12px}
  footer .ft h6{margin-bottom:2px}
  footer .ft-grid{gap:8px}
  footer .logo{display:inline-flex;align-items:center;min-height:44px}

  /* 3. Other small targets */
  .hero-ctas .hero-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 2px}
  .pg-features .toctab{min-height:44px}
  .nav .logo{display:inline-flex;align-items:center;min-height:44px}
  .m-menu a{min-height:48px;display:flex;align-items:center}
  #faq-block summary{min-height:52px}

  /* 4. Vertical density: the pages were very long on a phone */
  .sp-sec > section, .sp-sec{scroll-margin-top:70px}
  .phero .phero-inner{padding-top:44px;padding-bottom:34px}
  .calc-teaser-inner{padding:46px 20px}
  .certs-inner{padding:24px 20px;gap:10px}
  .cert{padding:10px 13px}
  .prose{font-size:16.5px;padding-bottom:64px}
  .prose h2{margin:36px 0 14px;padding-top:20px;font-size:25px}
  .prose h3{margin:26px 0 10px;font-size:19px}

  /* 4b. Tighter vertical rhythm so pages aren't endless on a phone */
  .sp-sec{padding:40px 0}
  .wrap{padding:0 20px}
  .hero-viz{min-height:340px}
  .pg-contact .contact-cards{gap:10px}
  .pg-contact .section-head, .pg-contact .phero-inner{padding-bottom:20px}

  /* 5. Keep content clear of the fixed bars */
  body{padding-bottom:64px}
  #to-top{bottom:74px;right:12px;width:44px;height:44px}
  .m-cta{padding-bottom:env(safe-area-inset-bottom)}

  /* 5b. Remaining interactive elements sized for thumbs */
  .tab-row button{min-height:46px;padding:12px 16px}
  .pg-contact .val a, .contact-card .val a{display:inline-flex;align-items:center;min-height:44px}
  a.step-link{display:inline-flex;align-items:center;min-height:44px}
  footer .nm a, footer p a{display:inline-flex;align-items:center;min-height:40px}

  /* 5c. Marquee: a phone shows a narrow slice, so run it quicker */
  .marquee-track,
  .idx .marquee-track{animation-duration:15s}

  /* 6. Never let a long word or number force a sideways scroll */
  h1,h2,h3,p,li,td,th{overflow-wrap:break-word}
}

/* Very narrow phones */
@media (max-width:400px){
  .certs-inner{gap:8px}
  .cert .ct{font-size:12.5px}
  .prose{font-size:16px}
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .marquee-track,
  .idx .marquee-track{animation:none !important;transform:none !important}
}


/* compact contact cards: icon beside the detail rather than stacked */
.pg-contact .method{display:flex;flex-direction:row;align-items:center;gap:16px;padding:20px 22px}
.pg-contact .method .ico{flex:0 0 auto;margin:0}
.pg-contact .method .mtxt{min-width:0}
.pg-contact .method h3{margin:0 0 2px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pg-contact .method .val{margin:0;font-size:20px;line-height:1.2}
.pg-contact .method .meta{margin-top:3px;font-size:12px}
@media(max-width:600px){.pg-contact .method{padding:16px 18px;gap:13px}.pg-contact .method .val{font-size:18px}}


  #cookie-bar[hidden]{display:none}
  #cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:880px;margin:0 auto;background:linear-gradient(180deg,#0E1520,#0B121A);border:1px solid var(--line-2,#27313d);border-radius:16px;padding:18px 20px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
  #cookie-bar .ck-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
  #cookie-bar p{margin:0;flex:1 1 300px;font-size:13.5px;line-height:1.55;color:var(--ink,#F4F6F8)}
  #cookie-bar a{color:var(--lime,#2FB24C);text-decoration:underline}
  #cookie-bar .ck-actions{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap}
  #cookie-bar button{font:inherit;cursor:pointer;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;border:1px solid var(--line-2,#27313d);background:transparent;color:var(--ink,#F4F6F8)}
  #cookie-bar button.ck-accept{background:var(--lime,#2FB24C);border-color:var(--lime,#2FB24C);color:#06090F}
  #cookie-bar .ck-prefs[hidden]{display:none}
  #cookie-bar .ck-prefs{margin-top:16px;border-top:1px solid var(--line-2,#27313d);padding-top:16px;display:flex;flex-direction:column;gap:14px}
  #cookie-bar .ck-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
  #cookie-bar .ck-row .ck-label{font-size:13px;color:var(--ink,#F4F6F8);line-height:1.45}
  #cookie-bar .ck-row small{display:block;color:var(--ink-3,#8892A0);font-size:12px;margin-top:2px}
  #cookie-bar .ck-row input{margin-top:3px;width:18px;height:18px;accent-color:var(--lime,#2FB24C);flex:0 0 auto;cursor:pointer}
  #cookie-bar .ck-row input:disabled{cursor:not-allowed;opacity:.6}
  #cookie-bar .ck-prefs-actions{display:flex;justify-content:flex-end}
  @media (max-width:560px){#cookie-bar{padding:16px;left:10px;right:10px;bottom:10px}#cookie-bar .ck-actions{flex:1 1 100%}#cookie-bar .ck-actions button{flex:1}}


/* ===== mobile visual sizing (phones only; desktop untouched) ===== */
@media (max-width:600px){
  /* hero headline eased down from its 54px floor */
  .idx .display{font-size:44px;line-height:.92}
  /* trust pills stack instead of cramming three across */
  .idx .hero-meta{flex-direction:column;align-items:flex-start;gap:9px;margin-top:24px}
  .idx .hero-meta .pill{width:auto;font-size:13px;white-space:nowrap}
  /* call-records demo table: more compact, stays swipeable */
  .pg-features .crec-tbl{min-width:560px;font-size:11px}
  .pg-features .crec-tbl th{font-size:10px;padding:9px 10px}
  .pg-features .crec-tbl td{padding:10px 12px}
  .pg-features .crec-tbl-wrap{-webkit-overflow-scrolling:touch}
}
@media (max-width:400px){
  .idx .display{font-size:39px}
}
/* desktop: scale the hero trust pills so all three sit on one line */
@media (min-width:1001px){
  .idx .hero-meta{gap:10px}
  .idx .hero-meta .pill{font-size:11px;padding:5px 10px}
  .idx .hero-meta svg{width:12px;height:12px}
}


/* ===== mobile optimisation: safe-area header, hamburger, sticky CTA ===== */
.nav .nav-inner{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.nav-burger{display:none}
.m-menu{display:none}
.m-cta{display:none}
@media (max-width:880px){
  .nav-inner ul{display:none !important}
  .nav .nav-cta{display:none !important}
  .nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:42px;padding:0;border-radius:10px;border:1px solid var(--line-2);background:transparent;cursor:pointer;flex:0 0 auto}
  .nav-burger span{display:block;width:20px;height:2px;background:var(--ink);margin:0 auto;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .m-menu{display:block;border-top:1px solid var(--line);background:rgba(6,9,15,.98);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);padding:8px max(20px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
  .m-menu[hidden]{display:none}
  .m-menu a{display:block;padding:14px 4px;font-size:16px;color:var(--ink);border-bottom:1px solid rgba(255,255,255,.06)}
  .m-menu a.btn{display:flex;justify-content:center;border-bottom:0;margin-top:12px}
  .m-menu a.btn .arr{display:none}
  .m-cta{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(6,9,15,.94);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-top:1px solid var(--line);transform:translateY(130%);transition:transform .28s ease}
  .m-cta[hidden]{transform:translateY(130%)}
  .m-cta.show{transform:translateY(0)}
  .m-cta a{display:flex;align-items:center;justify-content:center;padding:14px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none}
  .m-cta .m-cta-quote{flex:1;background:var(--lime);color:#06090F}
  .m-cta .m-cta-call{flex:0 0 auto;min-width:104px;border:1px solid var(--line-2);color:var(--ink)}
}

/* Design canvas: scroll-reveal content shown by default */
.reveal{opacity:1!important;transform:none!important}

/* ---------- Nav: Industries dropdown ---------- */
.nav-dd{position:relative}
.nav-dd::after{content:"";position:absolute;left:-14px;right:-14px;top:100%;height:16px}
.nav-dd-btn{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font:inherit;color:inherit;transition:color .15s ease}
.nav-dd-btn svg{width:13px;height:13px;transition:transform .2s ease}
.nav-dd-btn:hover,.nav-dd-btn.active,.nav-dd:hover .nav-dd-btn{color:var(--lime)}
.nav-dd-btn:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:4px}
.nav ul.nav-dd-menu{display:none;position:absolute;top:calc(100% + 14px);left:-14px;z-index:60;min-width:240px;flex-direction:column;gap:2px;padding:8px;background:#0B1018;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 24px 48px -16px rgba(0,0,0,.7)}
.nav-dd:hover .nav-dd-menu,.nav-dd-btn[aria-expanded="true"] + .nav-dd-menu{display:flex}
.nav-dd:hover .nav-dd-btn svg,.nav-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-dd-menu a{display:block;padding:10px 12px;border-radius:8px;white-space:nowrap;color:var(--ink)}
.nav-dd-menu a:hover,.nav-dd-menu a.active{background:rgba(47,178,76,.1);color:var(--lime)}
.m-menu .m-label{display:block;padding:16px 4px 6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.m-menu a.m-sub{padding-left:16px}