/* ═══════════════════════════════════════════════════════════════════════════
   Sign Zone — Landing module stylesheet (v3)
   ───────────────────────────────────────────────────────────────────────────
   Shared across home, pricing, features, use-cases, contact, 404.
   ═══════════════════════════════════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box;}
:root{--black:#000;--white:#fff;--g50:#fafafa;--g100:#f5f5f5;--g200:#eee;--g300:#ddd;--g400:#bbb;--g500:#888;--g600:#666;--g700:#444;--g800:#222;--g900:#111;--g950:#0a0a0a;--green:#16a34a;--green-light:#22c55e;}
html{scroll-behavior:smooth;}
body{font-family:'IBM Plex Sans',sans-serif;background:var(--white);color:var(--g800);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}

/* ── Nav ───────────────────────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .4s;}
.nav.scrolled{background:rgba(0,0,0,.92);backdrop-filter:blur(20px);padding:10px 0;box-shadow:0 1px 30px rgba(0,0,0,.5);}
.nav.nav-on-subpage{background:rgba(0,0,0,.95);backdrop-filter:blur(20px);box-shadow:0 1px 30px rgba(0,0,0,.35);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;}
.nav-brand{display:flex;align-items:center;gap:12px;transition:opacity .25s;}
.nav-brand:hover{opacity:.85;}
.nav-brand-icon{width:42px;height:42px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;box-shadow:0 2px 8px rgba(0,0,0,.25);color:var(--black);}
.nav-brand:hover .nav-brand-icon{transform:rotate(-6deg) scale(1.06);box-shadow:0 6px 18px rgba(255,255,255,.18);}
.nav-brand-icon svg{width:22px;height:22px;stroke:var(--black);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.nav-brand-wordmark{display:flex;flex-direction:column;line-height:1;}
.nav-brand-text{font-family:'Playfair Display',serif;font-size:21px;font-weight:700;font-style:italic;color:var(--white);letter-spacing:-.3px;}
.nav-brand-text-accent{font-weight:700;margin-left:1px;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.nav-brand-tagline{font-family:'IBM Plex Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.42);margin-top:4px;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a,.nav-link{font-size:13px;font-weight:500;color:rgba(255,255,255,.6);letter-spacing:.3px;transition:color .3s;position:relative;}
.nav-links a:hover,.nav-link:hover{color:var(--white);}
.nav-links a::after,.nav-link::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--white);transform:scaleX(0);transition:transform .3s;}
.nav-links a:hover::after,.nav-link:hover::after{transform:scaleX(1);}
.nav-link-active{color:var(--white) !important;}
.nav-link-active::after{transform:scaleX(1) !important;}
.nav-cta{display:flex;gap:10px;}
.btn-ghost{padding:8px 20px;border:1px solid rgba(255,255,255,.25);border-radius:6px;font-size:13px;font-weight:600;color:var(--white);transition:all .3s;cursor:pointer;background:transparent;}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);}
.btn-solid{padding:8px 22px;background:var(--white);color:var(--black);border:1px solid var(--white);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;}
.btn-solid:hover{background:rgba(255,255,255,.9);transform:translateY(-1px);}

/* ── Hero ──────────────────────────────────────────────────────────────── */
.hero{min-height:100vh;background:linear-gradient(170deg,#000 0%,#080808 35%,#111 70%,#1a1a1a 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.grid-bg{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:60px 60px;animation:gridShift 25s linear infinite;}
@keyframes gridShift{0%{transform:translate(0,0)}100%{transform:translate(60px,60px)}}
.float-docs{position:absolute;inset:0;pointer-events:none;}
.float-doc{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:3px;background:rgba(255,255,255,.05);animation:floatUp var(--dur,18s) var(--delay,0s) infinite linear;opacity:0;}
.float-doc::after{content:'';position:absolute;top:22%;left:16%;right:16%;height:1px;background:rgba(255,255,255,.16);box-shadow:0 6px 0 rgba(255,255,255,.1),0 12px 0 rgba(255,255,255,.07);}
@keyframes floatUp{0%{transform:translateY(110vh) rotate(var(--rot,5deg));opacity:0}8%{opacity:1}85%{opacity:1}100%{transform:translateY(-20vh) rotate(calc(var(--rot,5deg) + 10deg));opacity:0}}
.hero-layout{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:center;width:100%;max-width:1400px;margin:0 auto;padding:80px 0 50px;gap:0;min-height:100vh;}
.hero-side{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px 50px;opacity:0;animation:fadeUp .8s 4.6s ease forwards;}
.hero-pills-stack{display:flex;flex-direction:column;gap:10px;width:260px;height:100%;}
.hero-pill{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .4s;cursor:default;width:260px;flex:1;}
.hero-side-r .hero-pill{flex-direction:row-reverse;}
.hero-pill:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:scale(1.03);}
.hero-pill-icon{width:52px;height:52px;min-height:52px;background:rgba(255,255,255,.07);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s;}
.hero-pill:hover .hero-pill-icon{background:rgba(255,255,255,.12);}
.hero-pill-icon svg{width:26px;height:26px;stroke:rgba(255,255,255,.65);fill:none;stroke-width:1.8;}
.hero-pill-text{font-size:14px;color:rgba(255,255,255,.5);line-height:1.5;font-weight:500;}
.hero-side-r .hero-pill-text{text-align:right;}
.hero-pill-text strong{display:block;font-size:17px;color:rgba(255,255,255,.9);font-weight:700;margin-bottom:2px;letter-spacing:.2px;}
.hero-content{flex:1;text-align:center;max-width:600px;margin:0 auto;padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sig-svg{width:500px;height:180px;margin:0 auto 12px;filter:drop-shadow(0 0 60px rgba(255,255,255,.1));}
.sig-svg path{fill:none;stroke:var(--white);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,800);stroke-dashoffset:var(--len,800);animation:drawSig var(--spd,2.5s) var(--d,0s) cubic-bezier(.4,0,.2,1) forwards;}
@keyframes drawSig{to{stroke-dashoffset:0}}
.sig-line{width:300px;height:1px;margin:0 auto 28px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);}
.sig-line::after{content:'';position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s 4s ease-in-out infinite;}
@keyframes shimmer{0%{left:-50%}100%{left:150%}}
.hero-tagline{font-family:'Playfair Display',serif;font-size:44px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:12px;opacity:0;animation:fadeUp .8s 3.5s ease forwards;}
.hero-sub{font-size:16px;color:var(--g500);line-height:1.7;margin-bottom:28px;opacity:0;animation:fadeUp .8s 3.9s ease forwards;max-width:580px;margin-left:auto;margin-right:auto;}
.hero-ctas{display:flex;gap:14px;justify-content:center;opacity:0;animation:fadeUp .8s 4.2s ease forwards;margin-bottom:36px;}
.hero-ctas .btn-main{padding:14px 36px;background:var(--white);color:var(--black);border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;}
.hero-ctas .btn-main::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent);transition:left .6s;}
.hero-ctas .btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,255,255,.2);}
.hero-ctas .btn-main:hover::before{left:100%;}
.hero-ctas .btn-outline{padding:14px 36px;background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;}
.hero-ctas .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.06);}
.hero-metrics{display:flex;gap:32px;justify-content:center;opacity:0;animation:fadeUp .8s 4.5s ease forwards;}
.hero-metric{text-align:center;position:relative;padding:0 16px;}
.hero-metric:not(:last-child)::after{content:'';position:absolute;right:-16px;top:4px;bottom:4px;width:1px;background:rgba(255,255,255,.12);}
.hero-metric-num{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;color:var(--white);}
.hero-metric-label{font-size:9px;color:var(--g500);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);opacity:0;animation:fadeUp .6s 4.8s ease forwards;}
.hero-scroll-dot{width:20px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:10px;position:relative;}
.hero-scroll-dot::after{content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width:3px;height:7px;background:rgba(255,255,255,.5);border-radius:2px;animation:scrollBounce 1.5s ease-in-out infinite;}
@keyframes scrollBounce{0%,100%{transform:translateX(-50%) translateY(0);opacity:1}50%{transform:translateX(-50%) translateY(8px);opacity:.3}}
.stamp-ring{position:absolute;bottom:60px;left:60px;width:80px;height:80px;border:2px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:stampIn .5s 4.5s ease forwards;opacity:0;transform:scale(1.3) rotate(-15deg);z-index:2;}
@keyframes stampIn{to{opacity:1;transform:scale(1) rotate(0deg)}}
.stamp-ring::before{content:'VERIFIED';font-size:7px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.25);}
.stamp-ring::after{content:'';position:absolute;inset:5px;border:1px solid rgba(255,255,255,.1);border-radius:50%;}
.powered-hero{position:absolute;bottom:24px;right:40px;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.5px;z-index:2;opacity:0;animation:fadeUp .6s 4.8s ease forwards;}
.powered-hero span{color:rgba(255,255,255,.5);font-weight:600;}

/* ── Compact hero (sub-pages) ─────────────────────────────────────────── */
.hero-compact{background:linear-gradient(170deg,#000 0%,#080808 40%,#141414 100%);position:relative;padding:130px 0 70px;overflow:hidden;text-align:center;}
.hero-compact .grid-bg{opacity:.08;}
.hero-compact-inner{position:relative;z-index:2;max-width:780px;margin:0 auto;padding:0 24px;}
.hero-compact-eyebrow{display:inline-block;font-size:10px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:3px;margin-bottom:14px;}
.hero-compact-title{font-family:'Playfair Display',serif;font-size:46px;font-weight:700;color:var(--white);line-height:1.2;margin-bottom:14px;letter-spacing:-.5px;}
.hero-compact-sub{font-size:16px;color:rgba(255,255,255,.55);line-height:1.7;max-width:620px;margin:0 auto 22px;}
.hero-compact-breadcrumb{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:rgba(255,255,255,.4);font-family:'JetBrains Mono',monospace;}
.hero-compact-breadcrumb a{color:rgba(255,255,255,.6);transition:color .25s;}
.hero-compact-breadcrumb a:hover{color:var(--white);}
.hero-compact-breadcrumb svg{width:10px;height:10px;stroke:rgba(255,255,255,.3);fill:none;stroke-width:2;}

/* ══════════════════════════════════════════════════════════════════════════
   TRUSTED BY — Kredo Analytics client showcase (v4 — bigger, brighter)
   ══════════════════════════════════════════════════════════════════════════ */
.trusted-by{background:var(--white);padding:72px 0 68px;border-top:1px solid var(--g100);border-bottom:1px solid var(--g100);overflow:hidden;position:relative;}
.trusted-header{text-align:center;margin-bottom:48px;}
.trusted-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;color:var(--g500);text-transform:uppercase;margin-bottom:14px;}
.trusted-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;font-style:italic;color:var(--g900);letter-spacing:-.3px;line-height:1.3;}
.logo-track{width:100%;overflow:hidden;position:relative;}
/* Lighter, narrower edge fade — softens edges without washing out logos */
.logo-track::before,.logo-track::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.logo-track::before{left:0;background:linear-gradient(to right,var(--white) 0%,transparent 100%);}
.logo-track::after{right:0;background:linear-gradient(to left,var(--white) 0%,transparent 100%);}
.logo-roll{display:flex !important;flex-wrap:nowrap !important;width:max-content;animation:logoScroll 45s linear infinite;align-items:center;will-change:transform;}
.logo-roll:hover{animation-play-state:paused;}
.logo-item{flex:0 0 auto;width:280px;height:140px;padding:0 40px;display:flex;align-items:center;justify-content:center;}
.logo-item img{max-height:84px;max-width:200px;width:auto;height:auto;object-fit:contain;opacity:.9;transition:opacity .35s ease,transform .35s ease;}
.logo-item:hover img{opacity:1;transform:scale(1.12);}
@keyframes logoScroll{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}

/* ── Generic section ───────────────────────────────────────────────────── */
.section{padding:80px 0;}
.section-dark{background:var(--g900);color:var(--white);}
.section-gray{background:var(--g50);}
.section-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--g500);margin-bottom:10px;}
.section-title{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;line-height:1.3;margin-bottom:14px;}
.section-desc{font-size:15px;color:var(--g600);line-height:1.7;max-width:760px;}
.section-header{text-align:center;margin-bottom:48px;}
.section-header .section-desc{margin:0 auto;}

/* ── Reveal animations ─────────────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);}
.reveal-left.visible{opacity:1;transform:translateX(0);}
.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);}
.reveal-right.visible{opacity:1;transform:translateX(0);}
.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);}
.reveal-scale.visible{opacity:1;transform:scale(1);}
.reveal-flip{opacity:0;transform:perspective(600px) rotateY(15deg);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);}
.reveal-flip.visible{opacity:1;transform:perspective(600px) rotateY(0);}
.reveal-blur{opacity:0;filter:blur(8px);transform:translateY(20px);transition:opacity .6s ease,filter .6s ease,transform .6s ease;}
.reveal-blur.visible{opacity:1;filter:blur(0);transform:translateY(0);}
.reveal-anim{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);}
.reveal-anim.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:.1s;}.reveal-delay-2{transition-delay:.2s;}.reveal-delay-3{transition-delay:.3s;}.reveal-delay-4{transition-delay:.4s;}
.stagger-children>*{opacity:0;transform:translateY(30px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);}
.stagger-children.visible>*{opacity:1;transform:translateY(0);}
.stagger-children.visible>*:nth-child(1){transition-delay:.05s;}.stagger-children.visible>*:nth-child(2){transition-delay:.12s;}.stagger-children.visible>*:nth-child(3){transition-delay:.19s;}.stagger-children.visible>*:nth-child(4){transition-delay:.26s;}.stagger-children.visible>*:nth-child(5){transition-delay:.33s;}.stagger-children.visible>*:nth-child(6){transition-delay:.4s;}.stagger-children.visible>*:nth-child(7){transition-delay:.47s;}.stagger-children.visible>*:nth-child(8){transition-delay:.54s;}
.section-header .section-label{opacity:0;transform:translateY(15px) scale(.9);transition:opacity .5s ease,transform .5s ease;}
.section-header.visible .section-label{opacity:1;transform:translateY(0) scale(1);}
.section-header .section-title{opacity:0;transform:translateY(20px);transition:opacity .6s .15s ease,transform .6s .15s ease;}
.section-header.visible .section-title{opacity:1;transform:translateY(0);}
.section-header .section-desc{opacity:0;transform:translateY(20px);transition:opacity .6s .3s ease,transform .6s .3s ease;}
.section-header.visible .section-desc{opacity:1;transform:translateY(0);}

/* ── Features grid (3 columns, 6 cards) ─────────────────────────────────── */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.feature-card{background:var(--white);border:1px solid var(--g200);border-radius:12px;padding:28px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default;will-change:transform;}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--black),var(--g700));transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08);border-color:var(--g300);}
.feature-card:hover::before{transform:scaleX(1);}
.feature-icon{width:48px;height:48px;background:var(--g900);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .3s;transform:rotate(-180deg) scale(0);}
.stagger-children.visible .feature-card .feature-icon{transform:rotate(0) scale(1);transition:transform .6s cubic-bezier(.4,0,.2,1);}
.stagger-children.visible .feature-card:nth-child(1) .feature-icon{transition-delay:.15s;}.stagger-children.visible .feature-card:nth-child(2) .feature-icon{transition-delay:.22s;}.stagger-children.visible .feature-card:nth-child(3) .feature-icon{transition-delay:.29s;}.stagger-children.visible .feature-card:nth-child(4) .feature-icon{transition-delay:.36s;}.stagger-children.visible .feature-card:nth-child(5) .feature-icon{transition-delay:.43s;}.stagger-children.visible .feature-card:nth-child(6) .feature-icon{transition-delay:.5s;}
.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-4deg);}
.feature-icon svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:1.8;}
.feature-title{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--g900);}
.feature-desc{font-size:13px;color:var(--g600);line-height:1.7;}

/* ── Use cases (4-column grid, 8 cards = 4x2) ───────────────────────────── */
.usecases{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.usecase{padding:28px 20px 26px;border:1px solid var(--g200);border-radius:14px;text-align:center;transition:all .45s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden;background:var(--white);will-change:transform;}
.usecase::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g900),var(--g600));transform:scaleX(0);transform-origin:center;transition:transform .45s cubic-bezier(.4,0,.2,1);}
.usecase:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.07);border-color:var(--g300);}
.usecase:hover::before{transform:scaleX(1);}
.usecase-icon{width:54px;height:54px;background:var(--g900);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transform:rotate(-180deg) scale(0);transition:transform .6s cubic-bezier(.4,0,.2,1);}
.stagger-children.visible .usecase .usecase-icon{transform:rotate(0) scale(1);}
.stagger-children.visible .usecase:nth-child(1) .usecase-icon{transition-delay:.1s;}.stagger-children.visible .usecase:nth-child(2) .usecase-icon{transition-delay:.16s;}.stagger-children.visible .usecase:nth-child(3) .usecase-icon{transition-delay:.22s;}.stagger-children.visible .usecase:nth-child(4) .usecase-icon{transition-delay:.28s;}.stagger-children.visible .usecase:nth-child(5) .usecase-icon{transition-delay:.34s;}.stagger-children.visible .usecase:nth-child(6) .usecase-icon{transition-delay:.4s;}.stagger-children.visible .usecase:nth-child(7) .usecase-icon{transition-delay:.46s;}.stagger-children.visible .usecase:nth-child(8) .usecase-icon{transition-delay:.52s;}
.usecase:hover .usecase-icon{transform:scale(1.1) rotate(4deg);}
.usecase-icon svg{width:24px;height:24px;stroke:var(--white);fill:none;stroke-width:1.8;}
.usecase-title{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--g900);}
.usecase-desc{font-size:12px;color:var(--g600);line-height:1.6;min-height:50px;}
.usecase-tag{display:inline-block;margin-top:12px;padding:4px 10px;background:var(--g900);color:var(--white);border:1px solid var(--g900);border-radius:20px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;transition:all .3s;}
.usecase:hover .usecase-tag{background:var(--white);color:var(--g900);}

/* ── Steps ─────────────────────────────────────────────────────────────── */
.steps{display:flex;gap:0;position:relative;}
.steps::before{content:'';position:absolute;top:32px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--g200),var(--g300),var(--g200));transform-origin:left;transform:scaleX(0);transition:transform 1.5s .3s cubic-bezier(.4,0,.2,1);}
.steps.visible::before{transform:scaleX(1);}
.step{flex:1;text-align:center;position:relative;padding:0 14px;}
.step-num{width:64px;height:64px;background:var(--g900);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 18px;position:relative;z-index:2;border:4px solid var(--white);transition:all .4s;transform:scale(0) rotate(-180deg);}
.section-gray .step-num{border-color:var(--g50);}
.stagger-children.visible .step .step-num{transform:scale(1) rotate(0);transition:transform .6s cubic-bezier(.2,.8,.3,1.4);}
.stagger-children.visible .step:nth-child(1) .step-num{transition-delay:.1s;}.stagger-children.visible .step:nth-child(2) .step-num{transition-delay:.2s;}.stagger-children.visible .step:nth-child(3) .step-num{transition-delay:.3s;}.stagger-children.visible .step:nth-child(4) .step-num{transition-delay:.4s;}
.step:hover .step-num{transform:scale(1.12);box-shadow:0 8px 28px rgba(0,0,0,.22);}
.step-title{font-size:15px;font-weight:700;margin-bottom:6px;}
.step-desc{font-size:12px;color:var(--g600);line-height:1.65;max-width:240px;margin:0 auto;}

/* ── Compare table ─────────────────────────────────────────────────────── */
.compare-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}
.compare-table th,.compare-table td{padding:14px 24px;text-align:left;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06);}
.compare-table thead th{background:rgba(255,255,255,.04);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--g400);}
.compare-table tbody tr{opacity:0;transform:translateX(-30px);transition:opacity .5s ease,transform .5s ease,background .3s;}
.compare-table.visible tbody tr{opacity:1;transform:translateX(0);}
.compare-table.visible tbody tr:nth-child(1){transition-delay:.05s;}.compare-table.visible tbody tr:nth-child(2){transition-delay:.1s;}.compare-table.visible tbody tr:nth-child(3){transition-delay:.15s;}.compare-table.visible tbody tr:nth-child(4){transition-delay:.2s;}.compare-table.visible tbody tr:nth-child(5){transition-delay:.25s;}.compare-table.visible tbody tr:nth-child(6){transition-delay:.3s;}.compare-table.visible tbody tr:nth-child(7){transition-delay:.35s;}.compare-table.visible tbody tr:nth-child(8){transition-delay:.4s;}.compare-table.visible tbody tr:nth-child(9){transition-delay:.45s;}.compare-table.visible tbody tr:nth-child(10){transition-delay:.5s;}
.compare-table thead tr{opacity:0;transform:translateY(-15px);transition:opacity .5s ease,transform .5s ease;}
.compare-table.visible thead tr{opacity:1;transform:translateY(0);}
.compare-table tbody tr:hover{background:rgba(255,255,255,.03);}
.compare-table tbody td:first-child{color:var(--g400);font-weight:500;}
.compare-table tbody tr:last-child td{border-bottom:none;}
.cmp-yes{color:#4caf50;font-weight:600;}
.cmp-no{color:var(--g600);}
.cmp-highlight{color:#4ade80;font-weight:700;}
/* 3-col compare */
.compare-3col thead th:nth-child(2){color:var(--white);background:rgba(255,255,255,.08);position:relative;}
.compare-3col thead th:nth-child(2)::after{content:'OUR PICK';position:absolute;top:6px;right:12px;font-size:7px;letter-spacing:1px;background:rgba(74,222,128,.25);padding:2px 6px;border-radius:3px;color:#4ade80;font-weight:700;}
.compare-3col thead th:nth-child(3),.compare-3col thead th:nth-child(4){color:var(--g500);background:transparent;}
.compare-3col tbody td:nth-child(2){background:rgba(255,255,255,.03);font-weight:600;color:var(--white);}
.compare-3col tbody td:nth-child(3),.compare-3col tbody td:nth-child(4){color:var(--g500);}
.compare-3col tbody td{padding:13px 18px;font-size:12.5px;}
.compare-3col thead th{padding:14px 18px;}

/* ── Metrics / Stats ───────────────────────────────────────────────────── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stat-card{text-align:center;padding:28px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .4s;}
.stat-card:hover{background:rgba(255,255,255,.06);transform:translateY(-3px);border-color:rgba(255,255,255,.12);}
.stat-num{font-family:'JetBrains Mono',monospace;font-size:38px;font-weight:700;color:var(--white);margin-bottom:4px;transform:scale(0);transition:transform .6s cubic-bezier(.2,.8,.3,1.4);}
.stagger-children.visible .stat-card .stat-num{transform:scale(1);}
.stagger-children.visible .stat-card:nth-child(1) .stat-num{transition-delay:.1s;}.stagger-children.visible .stat-card:nth-child(2) .stat-num{transition-delay:.2s;}.stagger-children.visible .stat-card:nth-child(3) .stat-num{transition-delay:.3s;}.stagger-children.visible .stat-card:nth-child(4) .stat-num{transition-delay:.4s;}
.stat-num .counter{display:inline;}
.stat-label{font-size:11px;color:var(--g500);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;}

/* ══════════════════════════════════════════════════════════════════════════
   PRICING CARDS — refined 2-card layout, balanced heights
   ══════════════════════════════════════════════════════════════════════════ */
.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:980px;margin:0 auto;align-items:stretch;}
.pricing-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.pricing-card{background:var(--white);border:1px solid var(--g200);border-radius:16px;padding:34px 30px;position:relative;transition:all .45s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;will-change:transform,box-shadow;}
.pricing-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.08);border-color:var(--g300);}
.pricing-card.highlighted{background:linear-gradient(180deg,#0a0a0a 0%,#1a1a1a 100%);color:var(--white);border-color:#1a1a1a;box-shadow:0 20px 50px rgba(0,0,0,.18);}
.pricing-card.highlighted:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(0,0,0,.32);}
.pricing-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 16px;background:var(--black);color:var(--white);border-radius:30px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;animation:pulseTag 3s ease-in-out infinite;}
.pricing-card.highlighted .pricing-tag{background:linear-gradient(90deg,#4ade80,#22c55e);color:var(--g900);box-shadow:0 0 0 4px rgba(74,222,128,.15);}
@keyframes pulseTag{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-3px);}}
.pricing-card:not(.highlighted) .pricing-tag{background:var(--g100);color:var(--g700);border:1px solid var(--g200);}
.pricing-name{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;margin-bottom:6px;letter-spacing:-.2px;}
.pricing-desc{font-size:13px;color:var(--g500);margin-bottom:20px;line-height:1.6;}
.pricing-card.highlighted .pricing-desc{color:rgba(255,255,255,.55);}
.pricing-price{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;padding-bottom:20px;border-bottom:1px solid var(--g200);}
.pricing-card.highlighted .pricing-price{border-color:rgba(255,255,255,.08);}
.pricing-amount{font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:700;line-height:1;letter-spacing:-1px;}
.pricing-period{font-size:12px;color:var(--g500);}
.pricing-card.highlighted .pricing-period{color:rgba(255,255,255,.5);}
.pricing-hook{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#16a34a;background:rgba(34,197,94,.08);padding:8px 14px;border-radius:100px;margin-bottom:22px;letter-spacing:.2px;border:1px solid rgba(34,197,94,.2);box-shadow:0 0 0 4px rgba(34,197,94,.04);}
.pricing-card.highlighted .pricing-hook{color:#4ade80;background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.3);box-shadow:0 0 0 4px rgba(74,222,128,.06);}
.pricing-features{list-style:none;padding:0;margin:0 0 24px 0;flex:1;}
.pricing-features li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;padding:7px 0;color:var(--g700);}
.pricing-card.highlighted .pricing-features li{color:rgba(255,255,255,.78);}
.pricing-features li svg{width:14px;height:14px;flex-shrink:0;stroke:#22c55e;fill:none;stroke-width:2.5;margin-top:3px;}
.pricing-cta{display:block;text-align:center;padding:14px 18px;background:var(--g900);color:var(--white);border-radius:10px;font-size:13.5px;font-weight:700;transition:all .3s;letter-spacing:.2px;position:relative;overflow:hidden;}
.pricing-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .5s;}
.pricing-cta:hover{background:var(--black);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.25);color:var(--white);text-decoration:none;}
.pricing-cta:hover::before{left:100%;}
.pricing-card.highlighted .pricing-cta{background:var(--white);color:var(--black);}
.pricing-card.highlighted .pricing-cta:hover{background:var(--g100);box-shadow:0 10px 28px rgba(255,255,255,.18);color:var(--black);}
.pricing-fineprint{font-size:11px;color:var(--g500);text-align:center;margin-top:12px;font-style:italic;}
.pricing-card.highlighted .pricing-fineprint{color:rgba(255,255,255,.4);}

/* ── FAQ accordion ─────────────────────────────────────────────────────── */
.faq-list{max-width:800px;margin:0 auto;}
.faq-item{background:var(--white);border:1px solid var(--g200);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .3s,box-shadow .3s;}
.faq-item:hover{border-color:var(--g300);}
.faq-item.open{border-color:var(--g700);box-shadow:0 8px 28px rgba(0,0,0,.06);}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--g900);user-select:none;transition:background .15s;}
.faq-q:hover{background:var(--g50);}
.faq-q-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--g100);transition:all .3s;}
.faq-q-icon svg{width:11px;height:11px;stroke:var(--g700);fill:none;stroke-width:2.5;transition:transform .3s;}
.faq-item.open .faq-q-icon{background:var(--g900);}
.faq-item.open .faq-q-icon svg{stroke:var(--white);transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);}
.faq-item.open .faq-a{max-height:500px;}
.faq-a-inner{padding:0 24px 20px;font-size:13.5px;line-height:1.75;color:var(--g600);}

/* ── Enquiry / contact form ────────────────────────────────────────────── */
.enquiry-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;}
.enquiry-info{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease;}
.enquiry-grid.visible .enquiry-info{opacity:1;transform:translateX(0);}
.enquiry-info h3{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;margin-bottom:14px;}
.enquiry-info p{font-size:14px;color:var(--g600);line-height:1.7;margin-bottom:18px;}
.enquiry-contact-item{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-size:13px;color:var(--g700);}
.enquiry-contact-item svg{width:16px;height:16px;stroke:var(--g500);fill:none;stroke-width:1.8;flex-shrink:0;}
.enquiry-form{opacity:0;transform:translateX(40px);transition:opacity .7s .15s ease,transform .7s .15s ease;background:var(--white);border:1px solid var(--g200);border-radius:14px;padding:30px;box-shadow:0 8px 40px rgba(0,0,0,.05);}
.enquiry-grid.visible .enquiry-form{opacity:1;transform:translateX(0);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.form-label{font-size:11px;font-weight:600;color:var(--g700);margin-bottom:5px;display:block;letter-spacing:.2px;}
.form-input{width:100%;padding:11px 14px;border:1px solid var(--g200);border-radius:8px;font-size:13px;font-family:'IBM Plex Sans',sans-serif;transition:border-color .3s,background .3s;background:var(--g50);}
.form-input:focus{outline:none;border-color:var(--g900);background:var(--white);}
textarea.form-input{resize:vertical;min-height:88px;}
.form-submit{width:100%;padding:13px;background:var(--g900);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px;font-family:'IBM Plex Sans',sans-serif;}
.form-submit:hover{background:var(--black);transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.22);}
.form-success{background:#f0faf2;border:1px solid #c2e6c8;border-radius:10px;padding:22px;text-align:center;font-size:14px;color:#2e7d32;font-weight:600;}

/* ── Final CTA ─────────────────────────────────────────────────────────── */
.cta-section{background:linear-gradient(170deg,#000,#111,#1a1a1a);padding:80px 0;position:relative;overflow:hidden;}
.cta-section .grid-bg{opacity:.06;}
.cta-content{text-align:center;position:relative;z-index:2;}
.cta-title{font-family:'Playfair Display',serif;font-size:38px;font-weight:700;color:var(--white);margin-bottom:14px;opacity:0;transform:translateY(25px);transition:opacity .6s ease,transform .6s ease;}
.cta-section.visible .cta-title{opacity:1;transform:translateY(0);}
.cta-desc{font-size:16px;color:var(--g500);margin-bottom:32px;opacity:0;transform:translateY(20px);transition:opacity .6s .15s ease,transform .6s .15s ease;max-width:560px;margin-left:auto;margin-right:auto;}
.cta-section.visible .cta-desc{opacity:1;transform:translateY(0);}
.cta-btns{display:flex;gap:14px;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .6s .3s ease,transform .6s .3s ease;}
.cta-section.visible .cta-btns{opacity:1;transform:translateY(0);}

/* ── Footer ────────────────────────────────────────────────────────────── */
.footer{background:var(--g950);padding:0;border-top:1px solid var(--g200);}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:36px;padding:56px 0 40px;border-bottom:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.footer.visible .footer-top{opacity:1;transform:translateY(0);}
.footer-col h4{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:16px;}
.footer-col a{display:block;font-size:12px;color:var(--g500);margin-bottom:8px;transition:all .3s;}
.footer-col a:hover{color:var(--white);padding-left:4px;}
.footer-brand-block .brand-name{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;font-style:italic;color:var(--white);margin-bottom:4px;}
.footer-brand-block .brand-sub{font-size:11px;color:var(--g600);margin-bottom:14px;}
.footer-brand-block .brand-desc{font-size:12px;color:var(--g500);line-height:1.7;max-width:280px;}
.footer-contact-item{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:11px;color:var(--g500);}
.footer-contact-item svg{width:14px;height:14px;stroke:var(--g500);fill:none;stroke-width:1.8;flex-shrink:0;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;opacity:0;transition:opacity .6s .3s ease;}
.footer.visible .footer-bottom{opacity:1;}
.footer-copy{font-size:10px;color:var(--g600);}
.footer-badges{display:flex;gap:12px;}
.footer-badge{padding:5px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:5px;font-size:9px;color:var(--g500);font-weight:600;letter-spacing:.5px;transition:border-color .3s;}
.footer-badge:hover{border-color:rgba(255,255,255,.15);}

/* ── Floating contact pill + WhatsApp button ───────────────────────────── */
.float-whatsapp{position:fixed;bottom:24px;right:24px;z-index:91;width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(37,211,102,.42);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,background .3s;animation:wppPulse 2.4s ease-in-out infinite;}
.float-whatsapp:hover{transform:scale(1.1);background:#1fbb56;box-shadow:0 14px 36px rgba(37,211,102,.55);animation-play-state:paused;}
.float-whatsapp svg{width:32px;height:32px;fill:var(--white);stroke:none;}
@keyframes wppPulse{0%,100%{box-shadow:0 10px 28px rgba(37,211,102,.42);}50%{box-shadow:0 10px 28px rgba(37,211,102,.42),0 0 0 10px rgba(37,211,102,.18),0 0 0 20px rgba(37,211,102,.06);}}

.float-contact{position:fixed;bottom:24px;right:98px;z-index:90;display:flex;align-items:center;gap:8px;padding:13px 22px;background:var(--black);color:var(--white);border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:all .3s;font-size:13px;font-weight:600;letter-spacing:.2px;}
.float-contact:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.3);color:var(--white);text-decoration:none;}
.float-contact svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}

/* ── 404 page ──────────────────────────────────────────────────────────── */
.err-wrap{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;background:linear-gradient(170deg,#000 0%,#080808 50%,#141414 100%);text-align:center;position:relative;overflow:hidden;}
.err-inner{position:relative;z-index:2;max-width:600px;}
.err-code{font-family:'Playfair Display',serif;font-size:140px;font-weight:700;color:var(--white);line-height:1;letter-spacing:-3px;margin-bottom:8px;font-style:italic;}
.err-title{font-family:'Playfair Display',serif;font-size:34px;font-weight:700;color:var(--white);margin-bottom:14px;}
.err-desc{font-size:15px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:30px;}
.err-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ── Ripple effect ─────────────────────────────────────────────────────── */
.ripple{position:relative;overflow:hidden;}
.ripple::after{content:'';position:absolute;width:200%;height:200%;top:50%;left:50%;background:radial-gradient(circle,rgba(0,0,0,.08) 10%,transparent 60%);transform:translate(-50%,-50%) scale(0);opacity:0;border-radius:50%;pointer-events:none;}
.ripple:active::after{transform:translate(-50%,-50%) scale(1);opacity:1;transition:transform .4s,opacity .3s;}

/* ── Responsive ────────────────────────────────────────────────────────── */
@media(max-width:1100px){
    .hero-side{flex:0 0 220px;padding:40px 10px 60px;}
    .hero-pill{width:200px;padding:12px 14px;}
    .hero-pills-stack{width:200px;}
    .hero-pill-icon{width:42px;height:42px;min-height:42px;}
    .hero-pill-icon svg{width:20px;height:20px;}
    .hero-pill-text{font-size:12px;}
    .hero-pill-text strong{font-size:14px;}
    .footer-top{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px;}
    .usecases{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:900px){
    .features-grid{grid-template-columns:repeat(2,1fr);}
    .usecases{grid-template-columns:repeat(2,1fr);}
    .pricing-grid,.pricing-grid-2{grid-template-columns:1fr;max-width:520px;}
    .compare-3col{font-size:11px;}
    .compare-3col tbody td,.compare-3col thead th{padding:10px 12px;}
}
@media(max-width:768px){
    .hero-layout{flex-direction:column;padding:100px 16px 50px;min-height:auto;max-width:100%;}
    .hero-side,.hero-side-l,.hero-side-r{display:none !important;}
    .hero-tagline{font-size:30px;}
    .hero-compact-title{font-size:34px;}
    .sig-svg{width:320px;height:120px;}
    .hero-metrics{gap:16px;flex-wrap:wrap;}
    .features-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
    .feature-card{padding:22px 16px;}
    .feature-icon{width:42px;height:42px;margin-bottom:12px;}
    .feature-icon svg{width:20px;height:20px;}
    .feature-title{font-size:14px;line-height:1.35;}
    .feature-desc{font-size:12px;line-height:1.6;}
    .compare-table th,.compare-table td{padding:10px 12px;font-size:11px;}
    .stats-row{grid-template-columns:repeat(2,1fr);}
    .steps{flex-direction:column;gap:24px;}
    .steps::before{display:none;}
    .nav-links{display:none;}
    .stamp-ring,.powered-hero{display:none;}
    .usecases{grid-template-columns:repeat(2,1fr);gap:12px;}
    .usecase{padding:22px 12px 20px;}
    .usecase-icon{width:46px;height:46px;margin-bottom:12px;}
    .usecase-icon svg{width:22px;height:22px;}
    .usecase-title{font-size:13.5px;line-height:1.35;margin-bottom:4px;}
    .usecase-desc{font-size:11.5px;line-height:1.55;min-height:auto;}
    .usecase-tag{font-size:8.5px;padding:3px 8px;margin-top:10px;}
    .enquiry-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr 1fr;gap:24px;}
    .footer-bottom{flex-direction:column;gap:10px;text-align:center;}
    .err-code{font-size:90px;}
    .float-contact span{display:none;}
    .float-contact{padding:14px;right:90px;}
    .float-whatsapp{width:52px;height:52px;}
    .float-whatsapp svg{width:28px;height:28px;}
    .nav-brand-icon{width:38px;height:38px;}
    .nav-brand-icon svg{width:20px;height:20px;}
    .nav-brand-text{font-size:18px;}
    .nav-brand-tagline{display:none;}
    .container{padding:0 16px;}
    .logo-item{width:170px;height:88px;padding:0 22px;}
    .logo-item img{max-height:50px;max-width:120px;}
    .trusted-by{padding:48px 0;}
    .trusted-header{margin-bottom:32px;}
    .trusted-eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:10px;}
    .trusted-title{font-size:22px;}
    .logo-track::before,.logo-track::after{width:50px;}
    .section{padding:60px 0;}
    .section-title{font-size:28px;}
    .pricing-card{padding:28px 22px;}
}

/* ══════════════════════════════════════════════════════════════════════════
   ROI CALCULATOR
   ══════════════════════════════════════════════════════════════════════════ */
.roi-section{background:linear-gradient(180deg,var(--g50) 0%,var(--white) 100%);padding:80px 0;position:relative;overflow:hidden;}
.roi-container{max-width:1100px;margin:0 auto;padding:0 24px;}
.roi-grid{display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:start;margin-top:36px;}
.roi-inputs{background:var(--white);border:1px solid var(--g200);border-radius:16px;padding:32px 28px;box-shadow:0 4px 24px rgba(0,0,0,.04);}
.roi-inputs-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--g100);gap:12px;}
.roi-inputs-title{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--g500);text-transform:uppercase;}
.roi-reset{font-size:11px;font-weight:600;color:var(--g600);transition:color .25s;letter-spacing:.2px;cursor:pointer;}
.roi-reset:hover{color:var(--black);}
.roi-input-row{margin-bottom:22px;}
.roi-input-row:last-child{margin-bottom:0;}
.roi-input-label{display:block;font-size:13.5px;font-weight:600;color:var(--g800);margin-bottom:4px;line-height:1.5;}
.roi-input-hint{font-size:11.5px;color:var(--g500);line-height:1.55;margin:0 0 10px 0;font-style:italic;}
.roi-input-wrap{position:relative;display:flex;align-items:center;}
.roi-input-prefix{position:absolute;left:14px;font-size:14px;color:var(--g500);font-weight:600;pointer-events:none;}
.roi-input{width:100%;padding:13px 16px 13px 32px;border:1.5px solid var(--g200);border-radius:10px;font-size:15px;font-weight:600;font-family:'JetBrains Mono',monospace;color:var(--g900);background:var(--g50);transition:all .3s;}
.roi-input.no-prefix{padding-left:16px;}
.roi-input:focus{outline:none;border-color:var(--g900);background:var(--white);box-shadow:0 0 0 4px rgba(0,0,0,.04);}
.roi-input-suffix{position:absolute;right:14px;font-size:11px;color:var(--g500);font-weight:600;pointer-events:none;text-transform:uppercase;letter-spacing:.5px;}
.roi-output{background:linear-gradient(180deg,#0a0a0a 0%,#1a1a1a 100%);color:var(--white);border-radius:16px;padding:32px 30px;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2);}
.roi-output::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4ade80,#22c55e,#4ade80);}
.roi-output-label{font-size:11px;font-weight:700;letter-spacing:3px;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:8px;}
.roi-savings{font-family:'JetBrains Mono',monospace;font-size:52px;font-weight:700;color:#4ade80;line-height:1;letter-spacing:-1.5px;margin-bottom:6px;transition:color .3s;}
.roi-savings-period{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:28px;}
.roi-savings-period strong{color:var(--white);}
.roi-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:0;background:rgba(255,255,255,.03);border-radius:12px;padding:0;margin-bottom:24px;}
.roi-col{padding:20px 22px;}
.roi-col:first-child{border-right:1px solid rgba(255,255,255,.06);}
.roi-col-head{font-size:10px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:14px;}
.roi-line{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:12.5px;color:rgba(255,255,255,.75);}
.roi-line-amount{font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--white);}
.roi-line-total{margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-weight:700;color:var(--white);font-size:13px;}
.roi-line-total .roi-line-amount{font-size:16px;}
.roi-col.roi-col-sz .roi-line-total .roi-line-amount{color:#4ade80;}
.roi-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;}
.roi-meta-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;text-align:center;}
.roi-meta-value{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:#4ade80;margin-bottom:2px;}
.roi-meta-label{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;}
.roi-cta{display:block;text-align:center;padding:14px 22px;background:var(--white);color:var(--black);border-radius:10px;font-size:14px;font-weight:700;transition:all .3s;letter-spacing:.2px;}
.roi-cta:hover{background:var(--g100);transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,255,255,.18);color:var(--black);text-decoration:none;}
.roi-disclaimer{font-size:11px;color:var(--g500);text-align:center;margin-top:20px;font-style:italic;line-height:1.6;}

/* ══════════════════════════════════════════════════════════════════════════
   LEGAL PAGES (Privacy / Terms / Compliance)
   ══════════════════════════════════════════════════════════════════════════ */
.legal-content{padding:60px 0 80px;background:var(--white);}
.container-readable{max-width:820px;margin:0 auto;padding:0 24px;}
.legal-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 18px;background:var(--g50);border-radius:10px;margin-bottom:32px;font-size:12px;color:var(--g600);border:1px solid var(--g200);}
.legal-meta strong{color:var(--g900);font-weight:700;}
.legal-toc{background:var(--white);border:1px solid var(--g200);border-radius:12px;padding:24px 26px;margin-bottom:40px;}
.legal-toc h3{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;margin-bottom:14px;color:var(--g900);}
.legal-toc ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.legal-toc li{margin:0;}
.legal-toc a{display:block;padding:4px 0;font-size:13px;color:var(--g700);transition:color .25s;}
.legal-toc a:hover{color:var(--black);}
.legal-toc a::before{content:'→ ';color:var(--g400);margin-right:4px;transition:margin .25s;}
.legal-toc a:hover::before{margin-right:8px;color:var(--black);}
.legal-article section{margin-bottom:36px;scroll-margin-top:100px;}
.legal-article h2{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--g900);margin-bottom:14px;letter-spacing:-.2px;}
.legal-article h3{font-size:15px;font-weight:700;color:var(--g900);margin:18px 0 8px;letter-spacing:.1px;}
.legal-article p{font-size:14px;line-height:1.8;color:var(--g700);margin-bottom:12px;}
.legal-article ul,.legal-article ol{padding-left:22px;margin-bottom:14px;}
.legal-article li{font-size:14px;line-height:1.8;color:var(--g700);margin-bottom:4px;}
.legal-article strong{color:var(--g900);font-weight:700;}
.legal-article a{color:var(--black);text-decoration:underline;text-decoration-color:var(--g400);text-underline-offset:3px;transition:text-decoration-color .25s;}
.legal-article a:hover{text-decoration-color:var(--black);}
.legal-callout{background:var(--g50);border-left:3px solid var(--g900);border-radius:0 10px 10px 0;padding:16px 22px;margin:16px 0;font-size:13.5px;line-height:1.75;color:var(--g700);}
.legal-callout strong{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--g900);}
.legal-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px;}
.legal-table th,.legal-table td{padding:10px 14px;border:1px solid var(--g200);text-align:left;vertical-align:top;line-height:1.6;}
.legal-table th{background:var(--g50);font-weight:700;color:var(--g900);font-size:12px;}
.legal-table td{color:var(--g700);}
.legal-back-top{display:inline-block;margin-top:32px;padding:10px 18px;border:1px solid var(--g300);border-radius:8px;font-size:12px;font-weight:600;color:var(--g700);transition:all .3s;}
.legal-back-top:hover{border-color:var(--g900);color:var(--g900);}

/* ── ROI mobile + legal mobile ───────────────────────────────────────────── */
@media(max-width:900px){
    .roi-grid{grid-template-columns:1fr;}
    .roi-breakdown{grid-template-columns:1fr;}
    .roi-col:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}
    .roi-savings{font-size:42px;}
    .legal-toc ul{grid-template-columns:1fr;}
}
@media(max-width:768px){
    .logo-item{width:200px;height:110px;padding:0 24px;}
    .logo-item img{max-height:64px;max-width:150px;}
    .roi-inputs,.roi-output{padding:24px 22px;}
    .roi-savings{font-size:36px;}
    .legal-article h2{font-size:20px;}
    .legal-meta{flex-direction:column;align-items:flex-start;}
}

/* ══════════════════════════════════════════════════════════════════════════
   LEGAL CONSENT UI — contact form consent line, pricing terms line, cookie banner
   ══════════════════════════════════════════════════════════════════════════ */

/* Contact form consent line ─────────────────────────────────────────────── */
.form-consent{margin-top:14px;font-size:11px;color:var(--g500);line-height:1.65;text-align:center;}
.form-consent a{color:var(--g700);text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:2px;transition:text-decoration-color .25s;}
.form-consent a:hover{text-decoration-color:var(--g900);color:var(--g900);}

/* Pricing card terms fine print ─────────────────────────────────────────── */
.pricing-fineprint-terms{margin-top:6px;font-size:10.5px;font-style:normal;}
.pricing-fineprint-terms a{color:inherit;text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:2px;transition:text-decoration-color .25s;}
.pricing-card.highlighted .pricing-fineprint-terms a{text-decoration-color:rgba(255,255,255,.3);}
.pricing-fineprint-terms a:hover{text-decoration-color:var(--g900);}
.pricing-card.highlighted .pricing-fineprint-terms a:hover{text-decoration-color:var(--white);color:var(--white);}

/* ══════════════════════════════════════════════════════════════════════════
   COOKIE CONSENT MANAGER — modern banner + preferences modal
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Banner (compact, bottom-left corner) ──────────────────────────────── */
.cookie-banner{position:fixed;bottom:20px;left:20px;max-width:400px;width:calc(100% - 40px);z-index:200;background:var(--g950);color:var(--white);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);padding:16px 18px;}
.cookie-banner.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.cookie-banner-content{display:flex;flex-direction:column;gap:14px;}
.cookie-banner-text{font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.75);}
.cookie-banner-text strong{display:block;font-size:13px;color:var(--white);font-weight:700;margin-bottom:4px;letter-spacing:.2px;}
.cookie-banner-text p{margin:0;}
.cookie-banner-text a{color:var(--white);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:2px;transition:text-decoration-color .25s;}
.cookie-banner-text a:hover{text-decoration-color:var(--white);}
.cookie-banner-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;}

/* ── Buttons (used by banner + modal) ───────────────────────────────────── */
.cookie-btn{padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;border-radius:7px;cursor:pointer;transition:all .25s;border:none;letter-spacing:.2px;white-space:nowrap;}
.cookie-btn-text{background:transparent;color:rgba(255,255,255,.6);padding:8px 10px;}
.cookie-btn-text:hover{color:var(--white);}
.cookie-btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.22);}
.cookie-btn-outline:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.05);}
.cookie-btn-solid{background:var(--white);color:var(--g900);}
.cookie-btn-solid:hover{background:var(--g100);transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,255,255,.15);}

/* ── Modal (centered overlay) ───────────────────────────────────────────── */
.cookie-modal{position:fixed;inset:0;z-index:210;opacity:0;pointer-events:none;transition:opacity .35s ease;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px 16px;}
.cookie-modal.visible{opacity:1;pointer-events:auto;}
.cookie-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;}
.cookie-modal-card{position:relative;max-width:580px;width:100%;background:var(--white);border-radius:16px;padding:32px 32px 28px;box-shadow:0 40px 100px rgba(0,0,0,.4);transform:translateY(20px) scale(.96);transition:transform .4s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto;}
.cookie-modal.visible .cookie-modal-card{transform:translateY(0) scale(1);}
.cookie-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:16px;}
.cookie-modal-head h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--g900);letter-spacing:-.2px;margin:0;}
.cookie-modal-close{width:32px;height:32px;background:transparent;border:none;font-size:28px;line-height:1;color:var(--g500);cursor:pointer;border-radius:8px;transition:all .25s;display:flex;align-items:center;justify-content:center;padding:0;}
.cookie-modal-close:hover{background:var(--g100);color:var(--g900);}
.cookie-modal-intro{font-size:13.5px;color:var(--g600);line-height:1.65;margin:0 0 20px 0;}

/* ── Categories (per-cookie-type rows) ──────────────────────────────────── */
.cookie-category{padding:18px 0;border-top:1px solid var(--g100);}
.cookie-category:last-of-type{border-bottom:1px solid var(--g100);}
.cookie-category-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;}
.cookie-category-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cookie-category-head h4{font-size:14.5px;font-weight:700;color:var(--g900);margin:0;}
.cookie-category-tag{display:inline-block;padding:3px 9px;background:var(--g900);color:var(--white);border-radius:20px;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;}
.cookie-category-tag-off{background:var(--g200);color:var(--g700);}
.cookie-category-desc{font-size:12.5px;color:var(--g600);line-height:1.65;margin:0;padding-right:52px;}
.cookie-category-desc strong{color:var(--g800);font-weight:600;}

/* ── Toggle switches ────────────────────────────────────────────────────── */
.cookie-toggle{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0;cursor:pointer;}
.cookie-toggle input{opacity:0;width:0;height:0;}
.cookie-toggle-slider{position:absolute;inset:0;background:var(--g300);border-radius:26px;transition:background .3s;}
.cookie-toggle-slider::before{content:'';position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:var(--white);border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.cookie-toggle input:checked+.cookie-toggle-slider{background:var(--g900);}
.cookie-toggle input:checked+.cookie-toggle-slider::before{transform:translateX(20px);}
.cookie-toggle-disabled{cursor:not-allowed;opacity:.65;}
.cookie-toggle-disabled .cookie-toggle-slider{background:var(--g700);}

/* ── Modal action buttons ───────────────────────────────────────────────── */
.cookie-modal-actions{display:flex;gap:10px;margin-top:24px;}
.cookie-modal-actions .cookie-btn{flex:1;padding:12px 20px;font-size:13.5px;}
.cookie-modal-actions .cookie-btn-solid{background:var(--g900);color:var(--white);}
.cookie-modal-actions .cookie-btn-solid:hover{background:var(--black);transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.22);}
.cookie-modal-actions .cookie-btn-outline{color:var(--g800);border-color:var(--g300);}
.cookie-modal-actions .cookie-btn-outline:hover{color:var(--g900);border-color:var(--g900);background:transparent;}

/* ── Footer cookie-settings link ────────────────────────────────────────── */
.footer-cookie-link{color:var(--g500);text-decoration:underline;text-decoration-color:rgba(255,255,255,.18);text-underline-offset:2px;transition:color .25s;}
.footer-cookie-link:hover{color:var(--white);text-decoration-color:rgba(255,255,255,.5);}

/* ── Mobile responsive ──────────────────────────────────────────────────── */
@media (max-width:768px){
    .cookie-banner{bottom:12px;left:12px;right:12px;max-width:none;width:auto;padding:14px 16px;}
    .cookie-banner-actions{justify-content:stretch;}
    .cookie-banner-actions .cookie-btn{flex:1;min-width:0;}
    .cookie-modal{padding:0;align-items:flex-end;}
    .cookie-modal-card{border-radius:18px 18px 0 0;padding:24px 22px;max-height:88vh;}
    .cookie-category-desc{padding-right:0;}
}

/* ══════════════════════════════════════════════════════════════════════════
   MOBILE NAVIGATION — hamburger button + full-screen drawer
   ══════════════════════════════════════════════════════════════════════════ */

/* Hamburger button — hidden on desktop, shown ≤768px */
.nav-hamburger{display:none;background:transparent;border:none;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0;border-radius:8px;transition:background .25s;margin-left:8px;}
.nav-hamburger:hover{background:rgba(255,255,255,.08);}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:1px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s;transform-origin:center;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Mobile menu drawer */
.nav-mobile{position:fixed;inset:0;background:linear-gradient(180deg,#000 0%,#0a0a0a 50%,#141414 100%);z-index:99;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:96px 24px 32px;}
.nav-mobile.open{opacity:1;pointer-events:auto;}
.nav-mobile::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:60px 60px;pointer-events:none;}
.nav-mobile-inner{position:relative;display:flex;flex-direction:column;max-width:480px;margin:0 auto;}

/* Mobile nav links */
.nav-mobile-links{display:flex;flex-direction:column;gap:2px;margin-bottom:24px;}
.nav-mobile-link{display:block;color:var(--white);font-size:22px;font-weight:600;padding:14px 0;letter-spacing:-.2px;font-family:'Playfair Display',serif;font-style:italic;transform:translateX(-20px);opacity:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s,color .25s,padding-left .25s;}
.nav-mobile.open .nav-mobile-link{transform:translateX(0);opacity:.8;}
.nav-mobile.open .nav-mobile-link:nth-child(1){transition-delay:.1s;}
.nav-mobile.open .nav-mobile-link:nth-child(2){transition-delay:.15s;}
.nav-mobile.open .nav-mobile-link:nth-child(3){transition-delay:.2s;}
.nav-mobile.open .nav-mobile-link:nth-child(4){transition-delay:.25s;}
.nav-mobile.open .nav-mobile-link:nth-child(5){transition-delay:.3s;}
.nav-mobile-link:hover,.nav-mobile-link:active{opacity:1;padding-left:8px;}
.nav-mobile-link.nav-link-active{opacity:1;color:var(--white);position:relative;}
.nav-mobile-link.nav-link-active::before{content:'→';position:absolute;left:-18px;top:14px;color:rgba(255,255,255,.6);font-style:normal;}

/* Divider */
.nav-mobile-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:8px 0 24px;}

/* Mobile CTAs */
.nav-mobile-cta{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;}
.nav-mobile-btn{display:block;text-align:center;padding:15px 20px;border-radius:10px;font-size:15px;font-weight:700;letter-spacing:.2px;transition:all .3s;font-family:'IBM Plex Sans',sans-serif;}
.nav-mobile-btn-ghost{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.2);}
.nav-mobile-btn-ghost:hover,.nav-mobile-btn-ghost:active{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4);}
.nav-mobile-btn-solid{background:var(--white);color:var(--black);border:1px solid var(--white);}
.nav-mobile-btn-solid:hover,.nav-mobile-btn-solid:active{background:var(--g100);transform:translateY(-1px);box-shadow:0 8px 22px rgba(255,255,255,.18);}

/* Mobile footer */
.nav-mobile-footer{margin-top:auto;padding-top:32px;text-align:center;}
.nav-mobile-footer p{font-size:11px;color:var(--g500);margin:0 0 4px;line-height:1.6;}
.nav-mobile-footer p:last-child{color:var(--g400);font-family:'JetBrains Mono',monospace;letter-spacing:.5px;}

/* Show/hide rules ≤768px */
@media (max-width:768px){
    .nav-cta{display:none;}
    .nav-hamburger{display:flex;}
    .nav-brand-tagline{display:none;}
}
@media (max-width:480px){
    .nav-mobile-link{font-size:20px;padding:12px 0;}
    .nav-mobile{padding:88px 20px 28px;}
}
@media (max-width:380px){
    /* Very narrow phones: drop to 1 column for breathing room */
    .features-grid,.usecases{grid-template-columns:1fr;}
    .feature-card,.usecase{padding:24px 20px;}
    .feature-title,.usecase-title{font-size:15px;}
    .feature-desc,.usecase-desc{font-size:12.5px;}
}