*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#ffffff;color:#0f172a;overflow-x:hidden;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk',sans-serif;font-weight:800;line-height:1.1;letter-spacing:-.02em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
em{font-style:normal}

/* Film grain */
body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.018;}

:root{
  --g:#16a34a;--g2:#15803d;--b:#2563eb;--b2:#1d4ed8;
  --gold:#d97706;--r:#dc2626;
  --bg0:#ffffff;--bg1:#f8fafc;--bg2:#f1f5f9;
  --border:rgba(15,23,42,.08);--border2:rgba(15,23,42,.13);
  --muted:#94a3b8;--text:#0f172a;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);
  --shadow-md:0 4px 16px rgba(0,0,0,.08),0 12px 40px rgba(0,0,0,.06);
  --shadow-lg:0 8px 32px rgba(0,0,0,.1),0 24px 64px rgba(0,0,0,.08);
}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.75rem}

/* ── REVEAL & STAGGER ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.reveal.from-left{transform:translateX(-36px);}
.reveal.from-right{transform:translateX(36px);}
.reveal.scale-in{transform:scale(.95);}
.reveal.visible{opacity:1!important;transform:none!important;}
.stagger>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);}
.stagger>*.in{opacity:1;transform:none;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.04em;border-radius:8px;border:none;cursor:pointer;transition:all .22s;text-decoration:none;}
.btn--primary{background:linear-gradient(135deg,var(--g),#0d9488);color:#fff;padding:.7rem 1.65rem;box-shadow:0 4px 14px rgba(22,163,74,.25);}
.btn--primary:hover{box-shadow:0 6px 22px rgba(22,163,74,.4);transform:translateY(-2px);color:#fff;}
.btn--ghost{background:rgba(15,23,42,.04);border:1px solid var(--border2);color:var(--text);padding:.68rem 1.65rem;}
.btn--ghost:hover{background:rgba(15,23,42,.08);color:#0f172a;}
.btn--outline{border:1.5px solid var(--border2);color:var(--text);padding:.68rem 1.65rem;background:transparent;}
.btn--outline:hover{border-color:var(--g);color:var(--g);}
.btn--lg{padding:.88rem 2.1rem;font-size:.88rem;}
.btn--nav{border-radius:50px;padding:.55rem 1.3rem;font-size:.72rem;}

/* ── SECTION EYEBROW ── */
.eyebrow{display:flex;align-items:center;gap:.75rem;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:'Space Grotesk',sans-serif;margin-bottom:1.2rem;}
.eyebrow .ey-num{color:var(--g);font-size:.72rem;}
.eyebrow .ey-sep{width:30px;height:1px;background:var(--border2);}
.eyebrow .ey-dot{width:4px;height:4px;border-radius:50%;background:var(--g);animation:blink 2s infinite;}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 4px rgba(22,163,74,.15);}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

/* ── SECTION BG WORD ── */
.section__bg-word{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:clamp(6rem,13vw,13rem);line-height:1;color:rgba(15,23,42,.024);letter-spacing:-.04em;user-select:none;pointer-events:none;white-space:nowrap;z-index:0;}

/* ══ TOPBAR ══ */
.topbar{background:rgba(22,163,74,.05);border-bottom:1px solid rgba(22,163,74,.1);padding:.48rem 0;}
.topbar__inner{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;}
.topbar__item{display:inline-flex;align-items:center;gap:.4rem;font-size:.67rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(15,23,42,.38);}
.topbar__item i{color:var(--g);font-size:.75rem;}
.topbar__sep{width:1px;height:11px;background:var(--border2);}

/* ══ HEADER ══ */
.header{position:fixed;top:0;left:0;right:0;z-index:200;padding:1rem 0;transition:padding .35s,background .35s,border-color .35s,box-shadow .35s;border-bottom:1px solid transparent;}
.header.solid{background:rgba(255,255,255,.96);backdrop-filter:blur(24px);border-bottom-color:var(--border);padding:.6rem 0;box-shadow:0 1px 0 rgba(0,0,0,.05);}
.header__inner{display:flex;align-items:center;gap:1.5rem;}
.brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.brand__logo{height:28px;object-fit:contain;}
.brand__name{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:1rem;color:#0f172a;}
.nav{margin-left:auto;display:flex;gap:.05rem;}
.nav a{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.38rem .8rem;border-radius:6px;transition:color .2s,background .2s;}
.nav a:hover{color:#0f172a;background:rgba(15,23,42,.05);}
.hamburger{display:none;background:none;border:none;color:#0f172a;font-size:1.4rem;cursor:pointer;margin-left:auto;}
.mobile-menu{display:none;position:fixed;inset:0;z-index:300;background:rgba(255,255,255,.99);flex-direction:column;align-items:center;justify-content:center;gap:2rem;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-size:1.4rem;font-family:'Space Grotesk',sans-serif;font-weight:700;color:#0f172a;}
.mobile-close{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;color:#0f172a;font-size:1.8rem;cursor:pointer;}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero{
  min-height:100vh;padding-top:88px;display:flex;align-items:center;
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#f5fef8 0%,#eff6ff 40%,#ffffff 75%);
}
/* Dot grid */
.hero__bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(15,23,42,.06) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,rgba(0,0,0,.4) 55%,transparent 80%);}
/* Vertical accent strip — left edge, Zerotype signature */
.hero__strip{position:absolute;left:0;top:12%;bottom:12%;width:3px;background:linear-gradient(to bottom,transparent,var(--g) 30%,var(--b) 70%,transparent);opacity:.35;}
.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%;padding:3rem 0 5rem;}
.hero__left{max-width:580px;}
.hero__avail{display:inline-flex;align-items:center;gap:.55rem;padding:.28rem .65rem;border-radius:6px;border:1px solid rgba(22,163,74,.25);background:rgba(22,163,74,.06);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g);margin-bottom:1.8rem;}
.hero__avail .pulse{width:7px;height:7px;border-radius:50%;background:var(--g);animation:blink 1.5s infinite;}
.hero__title{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.07;color:#0f172a;margin-bottom:1.4rem;letter-spacing:-.03em;}
.hero__title .grad{background:linear-gradient(135deg,var(--g) 20%,var(--b) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero__lede{color:#64748b;font-size:.97rem;line-height:1.85;margin-bottom:2rem;max-width:500px;}
.hero__actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2.8rem;}
.hero__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);padding-top:1.8rem;}
.hero__metric{padding-right:1.2rem;}
.hero__metric:not(:last-child){border-right:1px solid var(--border);margin-right:1.2rem;}
.hero__metric .mnum{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:1.5rem;line-height:1;color:#0f172a;}
.hero__metric .mnum .hc{background:linear-gradient(135deg,var(--g),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero__metric .mlbl{font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.2rem;}

/* ── HERO ORB ── */
.hero__right{display:flex;align-items:center;justify-content:center;}
.hero-orb{position:relative;width:440px;height:440px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hero-ring{position:absolute;border-radius:50%;}
.hr1{width:100%;height:100%;border:1.5px dashed rgba(22,163,74,.18);animation:ring-spin 30s linear infinite;}
.hr2{width:70%;height:70%;border:1px dashed rgba(37,99,235,.13);animation:ring-spin 20s linear infinite reverse;}
.hr3{width:42%;height:42%;border:1px solid rgba(22,163,74,.08);animation:ring-spin 12s linear infinite;}
@keyframes ring-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* Glowing dots that orbit with hr1 */
.hr1::before{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:var(--g);box-shadow:0 0 14px rgba(22,163,74,.7);top:-6px;left:50%;margin-left:-5px;}
.hr1::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--b);box-shadow:0 0 10px rgba(37,99,235,.6);bottom:-4px;left:50%;margin-left:-4px;}
.hr2::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(215,119,0,.6);top:-4px;right:20%;margin-right:-4px;}
/* Center card */
.hero-center{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.8rem 1.5rem;box-shadow:var(--shadow-lg);z-index:2;width:230px;text-align:center;}
.hero-center__logo{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:1.2rem;}
.hero-center__logo img{height:30px;}
.hero-center__logo span{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:1.05rem;color:#0f172a;}
.hero-center__stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1rem;}
.hcs{background:#fff;padding:.65rem .4rem;display:flex;flex-direction:column;align-items:center;}
.hcs-n{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:1.25rem;line-height:1;background:linear-gradient(135deg,var(--g),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hcs-l{font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.1rem;}
.hero-center__bar{display:flex;align-items:center;gap:.4rem;justify-content:center;}
.hcbar-dot{width:6px;height:6px;border-radius:50%;background:var(--g);animation:blink 2s infinite;}
.hcbar-txt{font-size:.65rem;font-weight:600;color:var(--muted);letter-spacing:.05em;}
/* Floating chips */
.hero-chip{position:absolute;background:#fff;border:1px solid var(--border);border-radius:50px;padding:.38rem .9rem;font-family:'Space Grotesk',sans-serif;font-size:.7rem;font-weight:700;color:#334155;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.42rem;white-space:nowrap;z-index:3;}
.hero-chip i{font-size:.8rem;}
.hchip-1{top:13%;left:4%;animation:chip-float 4s ease-in-out infinite;color:var(--g);}
.hchip-1 i{color:var(--g);}
.hchip-2{bottom:16%;right:2%;animation:chip-float 4s ease-in-out infinite 1.6s;color:var(--b);}
.hchip-2 i{color:var(--b);}
.hchip-3{top:58%;left:0%;animation:chip-float 4s ease-in-out infinite 3.2s;color:var(--gold);}
.hchip-3 i{color:var(--gold);}
@keyframes chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ══ TRUST MARQUEE ══ */
.trust{padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg1);}
.trust__label{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(15,23,42,.22);text-align:center;margin-bottom:1.4rem;}
.marquee-wrap{overflow:hidden;position:relative;}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:1;}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--bg1),transparent);}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--bg1),transparent);}
.marquee-inner{display:flex;gap:0;width:max-content;animation:marquee 28s linear infinite;}
.marquee-inner:hover{animation-play-state:paused;}
.marquee-item{display:flex;align-items:center;gap:2.5rem;padding:0 3rem;border-right:1px solid var(--border);}
.marquee-name{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:.82rem;color:rgba(15,23,42,.18);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color .3s;}
.marquee-name:hover{color:rgba(15,23,42,.4);}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ══ SECTIONS ══ */
.section{padding:7rem 0;position:relative;overflow:hidden;}
.section__title{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.02em;font-weight:800;color:var(--text);}
.section__title em{font-style:normal;color:var(--g);}
.section__lede{font-size:1.075rem;color:#64748b;max-width:620px;}
.section--alt{background:var(--bg1);}
.section--alt::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border2) 30%,var(--border2) 70%,transparent);}
.section__content{position:relative;z-index:1;}

/* ══ ABOUT ══ */
.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:6rem;align-items:center;}
.about-left{position:sticky;top:110px;}
.about-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:6px;background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.18);margin-bottom:1.4rem;}
.about-badge .alive{width:7px;height:7px;border-radius:50%;background:var(--g);animation:blink 2s infinite;}
.about-badge span{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g);}
.about-left h2{font-size:clamp(2rem,3vw,2.8rem);color:#0f172a;margin-bottom:1rem;line-height:1.1;}
.about-left p{color:#64748b;font-size:.9rem;line-height:1.9;margin-bottom:1.5rem;}
/* Bento stats */
.about-bento{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);}
.ab-cell{background:#fff;padding:1.5rem 1.3rem;}
.ab-cell:first-child{background:linear-gradient(135deg,rgba(22,163,74,.05),rgba(37,99,235,.04));border-bottom:1px solid var(--border);}
.ab-cell:nth-child(2){background:rgba(37,99,235,.02);border-left:1px solid var(--border);border-bottom:1px solid var(--border);}
.ab-cell:nth-child(3){border-top:none;}
.ab-cell:last-child{border-left:1px solid var(--border);}
.ab-n{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:2.2rem;line-height:1;background:linear-gradient(135deg,var(--g),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ab-l{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.25rem;}
.ab-desc{font-size:.82rem;color:#64748b;line-height:1.7;margin-top:.5rem;}
.about-right p{font-size:.93rem;color:#64748b;line-height:1.9;margin-bottom:1rem;}
.about-right p:first-child{font-size:1.05rem;color:#475569;}
.about-right h3{font-size:1.1rem;color:#0f172a;margin:1.5rem 0 .6rem;}
.about-checks{display:flex;flex-direction:column;gap:.55rem;margin-top:1.2rem;}
.about-check{display:flex;align-items:flex-start;gap:.7rem;font-size:.88rem;color:#475569;}
.about-check i{color:var(--g);font-size:.9rem;flex-shrink:0;margin-top:.15rem;}

/* ══ VALUES ══ */
.val-list{margin-top:2.5rem;border-top:1px solid var(--border);}
.val-row{border-bottom:1px solid var(--border);}
.val-row.open{border-color:rgba(22,163,74,.25);}
.val-trigger{width:100%;background:none;border:none;color:inherit;text-align:left;cursor:pointer;padding:1.6rem 0;display:grid;grid-template-columns:3.5rem 1fr auto auto;align-items:center;gap:1.5rem;}
.val-num{font-family:'Space Grotesk',monospace;font-weight:700;font-size:.72rem;color:var(--muted);letter-spacing:.1em;}
.val-row.open .val-num{color:var(--g);}
.val-name{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1.4rem;color:#475569;letter-spacing:-.02em;}
.val-row.open .val-name{color:#0f172a;}
.val-tag{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .55rem;border-radius:4px;background:rgba(15,23,42,.05);color:var(--muted);}
.val-row.open .val-tag{background:rgba(22,163,74,.09);color:var(--g);}
.val-ico{font-size:1rem;color:var(--muted);transition:transform .35s,color .25s;}
.val-row.open .val-ico{transform:rotate(45deg);color:var(--g);}
.val-body{overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(.16,1,.3,1);}
.val-body.open{max-height:160px;}
.val-body-inner{padding:0 0 1.6rem 5rem;font-size:.88rem;color:#64748b;line-height:1.88;max-width:640px;}

/* ══ SERVICES — ROTATING GRID SPOTLIGHT ══ */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem;}
.svc-orbit{position:relative;}
.svc-orbit::before{
  content:'';
  position:absolute;
  width:34%;
  height:46%;
  left:var(--svc-spot-x,0);
  top:var(--svc-spot-y,0);
  border-radius:18px;
  background:radial-gradient(circle at 50% 50%,rgba(22,163,74,.16),rgba(37,99,235,.08) 46%,transparent 72%);
  filter:blur(18px);
  opacity:.82;
  pointer-events:none;
  transform:translate(-8%,-8%);
  transition:left .7s cubic-bezier(.16,1,.3,1),top .7s cubic-bezier(.16,1,.3,1);
}
.svc-v2{
  background:#fff;border:1px solid var(--border);
  border-left:3px solid var(--sv2-accent,var(--g));
  border-radius:0 12px 12px 0;
  padding:2rem 1.75rem;
  position:relative;overflow:hidden;
  transition:border-color .25s,border-left-color .25s,box-shadow .45s,transform .45s,opacity .45s;
  box-shadow:var(--shadow-sm);
  cursor:default;
}
.svc-v2:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-left-width:4px;}
.svc-orbit .svc-v2{z-index:1;}
.svc-orbit .svc-v2.is-dim{opacity:.7;}
.svc-orbit .svc-v2.is-active{
  border-color:rgba(15,23,42,.16);
  border-left-width:5px;
  box-shadow:var(--shadow-lg);
  opacity:1;
  transform:translateY(-10px) scale(1.025);
  z-index:2;
}
.svc-orbit .svc-v2.is-active .sv2-icon{transform:rotate(-6deg) scale(1.08);}
.svc-orbit .svc-v2.is-active .sv2-link{gap:.75rem;}
/* ghost number watermark */
.svc-v2::before{content:attr(data-n);position:absolute;bottom:.5rem;right:1rem;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:4.5rem;line-height:1;color:rgba(15,23,42,.035);user-select:none;transition:color .3s;}
.svc-v2:hover::before{color:rgba(15,23,42,.06);}
/* glow overlay on hover */
.svc-v2::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 50%,var(--sv2-glow,rgba(22,163,74,.04)),transparent 60%);opacity:0;transition:opacity .3s;}
.svc-v2:hover::after{opacity:1;}
.sv2-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:1rem;background:var(--sv2-icon-bg,rgba(22,163,74,.08));color:var(--sv2-accent,var(--g));}
.sv2-tag{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.16rem .5rem;border-radius:4px;background:var(--sv2-tag-bg,rgba(22,163,74,.07));color:var(--sv2-accent,var(--g));display:inline-block;margin-bottom:.75rem;}
.svc-v2 h3{font-size:1.05rem;color:#0f172a;margin-bottom:.6rem;font-family:'Space Grotesk',sans-serif;font-weight:800;letter-spacing:-.02em;position:relative;}
.svc-v2 p{font-size:.82rem;color:#64748b;line-height:1.82;position:relative;}
.sv2-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sv2-accent,var(--g));margin-top:1.1rem;transition:gap .2s;position:relative;}
.svc-v2:hover .sv2-link{gap:.65rem;}
/* colour themes */
.sv2-g{--sv2-accent:var(--g);--sv2-glow:rgba(22,163,74,.05);--sv2-icon-bg:rgba(22,163,74,.08);--sv2-tag-bg:rgba(22,163,74,.07);}
.sv2-b{--sv2-accent:var(--b);--sv2-glow:rgba(37,99,235,.05);--sv2-icon-bg:rgba(37,99,235,.08);--sv2-tag-bg:rgba(37,99,235,.07);}
.sv2-r{--sv2-accent:var(--r);--sv2-glow:rgba(220,38,38,.04);--sv2-icon-bg:rgba(220,38,38,.07);--sv2-tag-bg:rgba(220,38,38,.07);}
.sv2-gold{--sv2-accent:var(--gold);--sv2-glow:rgba(215,119,0,.04);--sv2-icon-bg:rgba(215,119,0,.08);--sv2-tag-bg:rgba(215,119,0,.07);}
.sv2-p{--sv2-accent:#7c3aed;--sv2-glow:rgba(124,58,237,.04);--sv2-icon-bg:rgba(124,58,237,.07);--sv2-tag-bg:rgba(124,58,237,.07);}
.sv2-teal{--sv2-accent:#0891b2;--sv2-glow:rgba(8,145,178,.04);--sv2-icon-bg:rgba(8,145,178,.07);--sv2-tag-bg:rgba(8,145,178,.07);}

/* ══ STATS BAR — Zerotype signature ══ */
.stats-bar{padding:4rem 0;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--g2) 0%,#0d9488 40%,var(--b) 100%);}
.stats-bar::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;}
.stats-bar::after{content:'RESULTS';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:14rem;letter-spacing:-.04em;color:rgba(255,255,255,.04);user-select:none;pointer-events:none;white-space:nowrap;}
.stats-bar__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:1;}
.stats-bar__item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:0 1.5rem;position:relative;}
.stats-bar__item:not(:last-child)::after{content:'';position:absolute;right:0;top:10%;bottom:10%;width:1px;background:rgba(255,255,255,.15);}
.sb-num-row{display:flex;align-items:baseline;gap:.05rem;}
.sb-n{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:3.2rem;line-height:1;color:#fff;}
.sb-suf{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:2rem;color:rgba(255,255,255,.65);}
.sb-l{font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);}

/* ══ PROCESS ══ */
.proc-track{display:flex;position:relative;margin-top:4rem;}
.proc-track::before{content:'';position:absolute;top:28px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,var(--g),var(--b),var(--gold),var(--g));opacity:.12;}
.proc-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;z-index:1;padding:0 .75rem;}
.proc-dot{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--border2);background:#fff;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',monospace;font-weight:700;font-size:.72rem;color:var(--muted);margin-bottom:1.2rem;transition:all .35s;flex-shrink:0;box-shadow:var(--shadow-sm);}
.proc-step:hover .proc-dot,.proc-step.active .proc-dot{background:linear-gradient(135deg,var(--g),var(--b));border-color:transparent;color:#fff;box-shadow:0 0 0 6px rgba(22,163,74,.1),0 4px 20px rgba(22,163,74,.3);}
.proc-step h4{font-size:.87rem;color:var(--muted);margin-bottom:.25rem;transition:color .3s;font-family:'Space Grotesk',sans-serif;font-weight:700;}
.proc-step:hover h4,.proc-step.active h4{color:#0f172a;}
.proc-step .psub{font-size:.68rem;color:var(--muted);}
.proc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem;}
.proc-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.75rem;box-shadow:var(--shadow-sm);opacity:.4;transform:translateY(8px);transition:all .4s;}
.proc-card.active{opacity:1;transform:translateY(0);border-color:rgba(22,163,74,.2);box-shadow:0 4px 24px rgba(22,163,74,.09);}
.proc-card .pc-num{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:2.2rem;line-height:1;background:linear-gradient(135deg,var(--g),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.7rem;}
.proc-card .pc-tag{font-size:.57rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:.16rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.8rem;}
.pc-tag.g{background:rgba(22,163,74,.1);color:var(--g);}
.pc-tag.b{background:rgba(37,99,235,.1);color:var(--b);}
.pc-tag.gold{background:rgba(215,119,0,.1);color:var(--gold);}
.pc-tag.p{background:rgba(124,58,237,.1);color:#7c3aed;}
.proc-card h3{font-size:.92rem;color:#0f172a;margin-bottom:.5rem;font-family:'Space Grotesk',sans-serif;font-weight:800;}
.proc-card p{font-size:.79rem;color:#64748b;line-height:1.75;}

/* ══ TECH STACK MARQUEE ══ */
.stack-rows{margin-top:3.5rem;display:flex;flex-direction:column;gap:.85rem;}
.stack-row{display:flex;align-items:center;overflow:hidden;position:relative;border:1px solid var(--border);border-radius:12px;background:#fff;padding:.6rem 0;box-shadow:var(--shadow-sm);}
.stack-row::before,.stack-row::after{content:'';position:absolute;top:0;bottom:0;width:90px;z-index:2;}
.stack-row::before{left:118px;width:120px;background:linear-gradient(90deg,#ffffff 0%,#ffffff 28%,transparent 100%);}
.stack-row::after{right:0;background:linear-gradient(-90deg,#ffffff,transparent);}
.tools-animated .stack-row{opacity:0;transform:translateX(-32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),box-shadow .35s;}
.tools-animated.tools-live .stack-row{opacity:1;transform:none;}
.tools-animated.tools-live .stack-row:nth-child(1){transition-delay:.05s;}
.tools-animated.tools-live .stack-row:nth-child(2){transition-delay:.16s;}
.tools-animated.tools-live .stack-row:nth-child(3){transition-delay:.27s;}
.tools-animated.tools-live .stack-row:nth-child(4){transition-delay:.38s;}
.tools-animated .stack-row::after{background:linear-gradient(-90deg,#ffffff,transparent),linear-gradient(90deg,transparent,rgba(22,163,74,.13),transparent);background-size:100% 100%,220px 100%;background-repeat:no-repeat;background-position:0 0,-260px 0;}
.tools-animated.tools-live .stack-row::after{animation:tool-row-scan 2.8s cubic-bezier(.16,1,.3,1) both;}
.tools-animated.tools-live .stack-row:nth-child(2)::after{animation-delay:.2s;}
.tools-animated.tools-live .stack-row:nth-child(3)::after{animation-delay:.4s;}
.tools-animated.tools-live .stack-row:nth-child(4)::after{animation-delay:.6s;}
@keyframes tool-row-scan{0%{background-position:0 0,-260px 0}100%{background-position:0 0,115% 0}}
.stack-row:hover .stack-marquee{animation-play-state:paused;}
.stack-row-label{width:118px;align-self:stretch;flex-shrink:0;display:flex;align-items:center;gap:.55rem;padding:0 1rem;z-index:4;border-right:1px solid var(--border);margin-right:.75rem;background:#fff;box-shadow:14px 0 18px rgba(255,255,255,.96);}
.rl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.rl-name{font-size:.57rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.stack-marquee{display:flex;gap:.65rem;width:max-content;position:relative;z-index:1;}
.sr-left  .stack-marquee{animation:stack-left  var(--spd,24s) linear infinite;}
.sr-right .stack-marquee{animation:stack-right var(--spd,28s) linear infinite;}
@keyframes stack-left {from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes stack-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tech-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.36rem .9rem;border-radius:6px;background:#f8fafc;border:1px solid var(--border);white-space:nowrap;cursor:default;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.76rem;color:#475569;transition:border-color .2s,background .2s,color .2s,box-shadow .25s,transform .25s;}
.tech-pill:hover{background:#fff;border-color:var(--pc,rgba(22,163,74,.35));color:var(--pc-text,var(--g));}
.tech-pill.is-hot{background:#fff;border-color:var(--pc,rgba(22,163,74,.45));color:var(--pc-text,var(--g));box-shadow:0 8px 20px rgba(15,23,42,.08),0 0 0 3px var(--tool-ring,rgba(22,163,74,.08));transform:translateY(-2px);}
.tech-pill .pd{width:5px;height:5px;border-radius:50%;background:var(--pc,var(--g));flex-shrink:0;opacity:.6;}
.tech-pill.is-hot .pd{opacity:1;animation:tool-dot-pulse 1s ease-in-out infinite;}
@keyframes tool-dot-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 var(--pc,rgba(22,163,74,.5))}50%{transform:scale(1.45);box-shadow:0 0 0 5px transparent}}
.sr-fe{--pc:rgba(22,163,74,.5);--pc-text:var(--g);} .sr-fe .rl-dot{background:var(--g);} .sr-fe .tech-pill .pd{background:var(--g);}
.sr-be{--pc:rgba(37,99,235,.5);--pc-text:var(--b);} .sr-be .rl-dot{background:var(--b);} .sr-be .tech-pill .pd{background:var(--b);}
.sr-db{--pc:rgba(215,119,0,.5);--pc-text:var(--gold);} .sr-db .rl-dot{background:var(--gold);} .sr-db .tech-pill .pd{background:var(--gold);}
.sr-ops{--pc:rgba(124,58,237,.5);--pc-text:#7c3aed;} .sr-ops .rl-dot{background:#7c3aed;} .sr-ops .tech-pill .pd{background:#7c3aed;}
@media(prefers-reduced-motion:reduce){
  .tools-animated .stack-row{opacity:1;transform:none;transition:none;}
  .tools-animated.tools-live .stack-row::after,.tech-pill.is-hot .pd{animation:none;}
  .tech-pill.is-hot{transform:none;}
}
.stack-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:1.75rem;box-shadow:var(--shadow-sm);}
.stack-stat{background:#fff;padding:1.1rem 1.4rem;display:flex;flex-direction:column;gap:.2rem;}
.stack-stat .ss-n{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:1.5rem;line-height:1;background:linear-gradient(135deg,var(--g),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stack-stat .ss-l{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}

/* ══ FAQ ══ */
.faq-2col{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:3rem;background:#fff;box-shadow:var(--shadow-md);}
.faq-list-panel{border-right:1px solid var(--border);}
.faq-q2{width:100%;background:none;border:none;color:inherit;text-align:left;cursor:pointer;padding:1.2rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.85rem;color:#94a3b8;transition:all .2s;border-bottom:1px solid var(--border);position:relative;}
.faq-q2:last-child{border-bottom:none;}
.faq-q2:hover{color:#334155;background:rgba(15,23,42,.02);}
.faq-q2.active{color:#0f172a;background:rgba(22,163,74,.04);}
.faq-q2.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--g),var(--b));}
.faq-q2 .fq-num{font-size:.58rem;font-weight:700;letter-spacing:.1em;color:var(--muted);min-width:1.4rem;font-family:'Space Grotesk',monospace;}
.faq-q2.active .fq-num{color:var(--g);}
.faq-q2 .fq-arr{color:var(--muted);font-size:.9rem;transition:transform .3s,color .2s;flex-shrink:0;}
.faq-q2.active .fq-arr{transform:translateX(3px);color:var(--g);}
.faq-answer-panel{padding:2rem 2.2rem;display:flex;flex-direction:column;background:#fafcff;}
.faq-answer-num{font-size:4rem;font-weight:900;font-family:'Space Grotesk',sans-serif;color:rgba(15,23,42,.04);line-height:1;margin-bottom:1rem;}
.faq-answer-head{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1.05rem;color:#0f172a;margin-bottom:.9rem;line-height:1.3;}
.faq-answer-body{font-size:.87rem;color:#64748b;line-height:1.9;flex:1;}
.faq-answer-tag{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g);margin-top:1.5rem;display:flex;align-items:center;gap:.4rem;}
.faq-answer-tag::before{content:'';width:16px;height:1px;background:var(--g);}

/* ══ CTA ══ */
.cta{padding:8rem 0;position:relative;overflow:hidden;text-align:center;background:linear-gradient(160deg,#0f172a 0%,#0c1a2e 50%,#06080f 100%);}
.cta__bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 10%,transparent 80%);}
.cta__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:350px;border-radius:50%;background:radial-gradient(ellipse,rgba(22,163,74,.14),rgba(37,99,235,.07) 50%,transparent 70%);pointer-events:none;}
.cta__strip{position:absolute;left:0;top:15%;bottom:15%;width:3px;background:linear-gradient(to bottom,transparent,var(--g),transparent);}
.cta__inner{position:relative;z-index:1;}
.cta h2{font-size:clamp(2.2rem,4.5vw,3.4rem);color:#fff;margin-bottom:1rem;}
.cta h2 em{background:linear-gradient(135deg,#22c55e,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.cta p{color:rgba(255,255,255,.35);font-size:.96rem;max-width:480px;margin:0 auto 2.5rem;line-height:1.85;}
.cta__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn--white{background:#fff;color:#0f172a;padding:.78rem 2rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.04em;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;}
.btn--white:hover{background:#f0fdf4;transform:translateY(-1px);}
.btn--outline-w{border:1px solid rgba(255,255,255,.2);color:#fff;padding:.76rem 2rem;background:transparent;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.04em;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;}
.btn--outline-w:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.05);}

/* ══ FOOTER ══ */
.footer{background:#0c1117;border-top:1px solid rgba(255,255,255,.06);padding:4rem 0 2rem;}
.footer__inner{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
.footer__brand-name{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;}
.footer__brand-name img{height:26px;object-fit:contain;}
.footer__brand-name span{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:1rem;color:#fff;}
.footer__brand p{color:rgba(255,255,255,.28);font-size:.8rem;line-height:1.7;max-width:260px;margin-bottom:1.2rem;}
.footer__social{display:flex;gap:.45rem;}
.soc{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.28);font-size:.85rem;transition:all .2s;}
.soc:hover{border-color:rgba(22,163,74,.4);color:#22c55e;background:rgba(22,163,74,.07);}
.footer__col h4{font-size:.56rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.16);margin-bottom:1.1rem;font-family:'Space Grotesk',sans-serif;}
.footer__col ul{list-style:none;}
.footer__col ul li{margin-bottom:.5rem;}
.footer__col a{color:rgba(255,255,255,.28);font-size:.8rem;transition:color .2s;}
.footer__col a:hover{color:rgba(255,255,255,.65);}
.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.footer__copy{font-size:.7rem;color:rgba(255,255,255,.14);font-family:'Space Grotesk',sans-serif;}
.footer__status{display:flex;align-items:center;gap:.45rem;}
.status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:blink 2s infinite;}
.status-txt{font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.14);}

/* ══ RESPONSIVE ══ */
/* ══ UTILITY ══ */
.section-pad{padding:5rem 0;}

/* ══ 404 PAGE ══ */
.not-found-wrap{min-height:calc(100vh - 88px);display:flex;align-items:center;position:relative;}
.not-found-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#f5fef8 0%,#eff6ff 40%,#ffffff 75%);}
.not-found-shell{display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start;position:relative;z-index:1;}
.not-found-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:3rem;box-shadow:var(--shadow-md);}
.not-found-badge{display:inline-flex;align-items:center;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.25rem .65rem;border-radius:4px;background:rgba(22,163,74,.08);color:var(--g);margin-bottom:1.2rem;}
.not-found-code{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:clamp(4rem,8vw,6rem);line-height:1;background:linear-gradient(135deg,var(--g) 20%,var(--b) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;}
.not-found-title{font-size:clamp(1.3rem,2.5vw,1.7rem);color:#0f172a;font-family:'Space Grotesk',sans-serif;font-weight:800;}
.not-found-text{color:#64748b;font-size:.92rem;line-height:1.8;max-width:480px;}
.not-found-card .hero-cta{background:linear-gradient(135deg,var(--g),#0d9488);color:#fff;padding:.7rem 1.65rem;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.8rem;border:none;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 4px 14px rgba(22,163,74,.25);transition:all .22s;}
.not-found-card .hero-cta:hover{box-shadow:0 6px 22px rgba(22,163,74,.4);transform:translateY(-2px);color:#fff;}
.not-found-links-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem;box-shadow:var(--shadow-sm);}
.not-found-links-card h5{font-size:.9rem;color:#0f172a;font-family:'Space Grotesk',sans-serif;font-weight:800;}
.not-found-link-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem 0;font-size:.85rem;color:#475569;font-weight:500;border-bottom:1px solid var(--border);transition:color .2s;}
.not-found-link-item:last-child{border-bottom:none;}
.not-found-link-item:hover{color:var(--g);}
.not-found-link-item i{font-size:1rem;color:var(--muted);transition:transform .2s,color .2s;}
.not-found-link-item:hover i{color:var(--g);transform:translateX(3px);}
@media(max-width:768px){
  .not-found-shell{grid-template-columns:1fr;}
  .not-found-card{padding:2rem 1.5rem;}
}

/* ══ CONTACT PAGE ══ */
.contact-hero{padding:100px 0 72px;position:relative;overflow:hidden;background:linear-gradient(160deg,#f5fef8 0%,#eff6ff 40%,#ffffff 75%);}
.contact-hero__bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(15,23,42,.06) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,rgba(0,0,0,.4) 55%,transparent 80%);}
.contact-hero__strip{position:absolute;left:0;top:12%;bottom:12%;width:3px;background:linear-gradient(to bottom,transparent,var(--g) 30%,var(--b) 70%,transparent);opacity:.35;}
.contact-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:32px;position:relative;z-index:1;}
.contact-breadcrumb a:hover{color:var(--g);}
.contact-breadcrumb i{font-size:.65rem;color:var(--g);}
.contact-breadcrumb span{color:var(--g);}
.contact-hero__grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:end;margin-bottom:28px;position:relative;z-index:1;}
.contact-hero__title{font-size:clamp(2.4rem,5vw,4rem);line-height:1.07;letter-spacing:-.03em;margin-top:16px;font-weight:800;}
.contact-hero__title .grad{background:linear-gradient(135deg,var(--g) 20%,var(--b) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.contact-hero__lede{font-size:1.08rem;color:#64748b;max-width:520px;line-height:1.85;}
.contact-hero__benefits{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;position:relative;z-index:1;}
.contact-hero__benefits li{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:#475569;}
.contact-hero__benefits i{color:var(--g);font-size:.9rem;}
.contact-main__grid{display:grid;grid-template-columns:1.4fr 0.8fr;gap:48px;align-items:start;}
.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;color:var(--text);}
.section-title em{font-style:normal;color:var(--g);}
.contact-form-card__head .section-title{font-size:clamp(1.6rem,3vw,2.25rem);}
.section-lede{font-size:1.05rem;color:#64748b;max-width:620px;}
.section-head{max-width:720px;margin-bottom:48px;}

/* ── Form Card ── */
.contact-form-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:40px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;}
.contact-form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--g),var(--b));}
.contact-form-card__head{margin-bottom:28px;}
.contact-form-card__head h2{margin:.8rem 0 .4rem;}
.contact-form-card__head>p{color:#64748b;font-size:.95rem;margin:0;}
.contact-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:24px;font-size:.9rem;font-weight:600;}
.contact-alert--success{background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2);color:var(--g2);}
.contact-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none;}
.contact-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.contact-fld{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.contact-fld label{font-size:.82rem;font-weight:700;color:var(--text);}
.contact-fld label span{color:var(--g);}
.contact-fld .opt{font-weight:500;color:var(--muted);}
.contact-inp{position:relative;}
.contact-inp i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;pointer-events:none;transition:color .25s;z-index:1;}
.contact-inp:focus-within i{color:var(--g);}
.contact-inp input,.contact-inp textarea{width:100%;font:inherit;font-size:.95rem;padding:13px 16px 13px 2.6rem;border:1.5px solid var(--border);border-radius:10px;background:#fff;color:var(--text);outline:0;transition:border-color .25s,box-shadow .25s,background .25s;}
.contact-inp input:focus,.contact-inp textarea:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(22,163,74,.1),0 2px 8px rgba(22,163,74,.06);background:#fafeff;}
.contact-inp input:hover,.contact-inp textarea:hover{border-color:rgba(22,163,74,.3);}
.contact-inp input.is-invalid,.contact-inp textarea.is-invalid{border-color:#dc3545;}
.contact-inp input.is-invalid:focus,.contact-inp textarea.is-invalid:focus{box-shadow:0 0 0 4px rgba(220,53,69,.1);}
.contact-inp textarea{padding-left:2.6rem;resize:vertical;min-height:130px;}
.contact-inp--file input{padding-left:2.6rem;padding-top:11px;padding-bottom:11px;}
.contact-err{font-size:.78rem;color:#dc3545;margin-top:-2px;}
.contact-hint{font-size:.78rem;color:var(--muted);margin-top:2px;}
.contact-submit{width:100%;justify-content:center;min-height:52px;margin-top:6px;font-size:.9rem;}

/* ── Sidebar ── */
.contact-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:110px;}
.contact-side__card{background:linear-gradient(135deg,#0c1117,#1a1f2b);border-radius:18px;padding:32px;color:#fff;position:relative;overflow:hidden;}
.contact-side__card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--g),var(--b));}
.contact-side__icon{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.08);color:rgba(22,163,74,.7);display:grid;place-items:center;margin-bottom:18px;font-size:1.3rem;}
.contact-side__card h3{font-size:1.4rem;margin-bottom:8px;font-weight:800;letter-spacing:-.02em;}
.contact-side__card>p{color:rgba(255,255,255,.55);font-size:.9rem;margin-bottom:24px;line-height:1.6;}
.contact-side__list{display:flex;flex-direction:column;gap:10px;}
.contact-side__item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.06);transition:background .25s,transform .25s;}
a.contact-side__item:hover{background:rgba(255,255,255,.1);transform:translateY(-1px);}
.contact-side__item i{font-size:1rem;color:rgba(22,163,74,.7);flex-shrink:0;margin-top:3px;}
.contact-side__item small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);margin-bottom:1px;}
.contact-side__item strong{font-size:.9rem;color:#fff;font-weight:600;}

/* ── FAQ ── */
.faq-grid{display:grid;gap:12px;max-width:820px;margin:0 auto;}
.faq-row{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:0 12px 12px 0;background:#fff;padding:0 22px;overflow:hidden;transition:border-color .3s,border-left-color .3s,box-shadow .3s;}
.faq-row[open]{border-left-color:var(--g);box-shadow:var(--shadow-sm);}
.faq-row summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;font-size:1rem;color:var(--text);}
.faq-row summary::-webkit-details-marker{display:none;}
.faq-plus{font-size:.85rem;color:var(--g);flex-shrink:0;transition:transform .3s;}
.faq-row[open] .faq-plus{transform:rotate(45deg);}
.faq-row p{padding:0 0 20px;color:#64748b;font-size:.92rem;line-height:1.75;}

@media(max-width:1024px){
  .contact-hero__grid{grid-template-columns:1fr;gap:16px;}
  .contact-main__grid{grid-template-columns:1fr;gap:32px;}
  .contact-side{position:static;}
}
@media(max-width:768px){
  .contact-hero{padding:80px 0 48px;}
  .contact-form-card{padding:24px 20px;}
  .contact-form-card::before{height:3px;}
  .contact-fields-row{grid-template-columns:1fr;}
  .contact-inp input,.contact-inp textarea{padding:11px 14px 11px 2.3rem;font-size:.9rem;}
  .contact-side__card{padding:24px;}
}

@media(max-width:1024px){
  .hero__inner{grid-template-columns:1fr;gap:3rem;}
  .hero__right{display:none;}
  .about-grid{grid-template-columns:1fr;gap:3rem;}
  .about-left{position:static;}
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .proc-cards{grid-template-columns:1fr 1fr;}
  .stack-stats{grid-template-columns:repeat(2,1fr);}
  .faq-2col{grid-template-columns:1fr;}
  .faq-list-panel{border-right:none;border-bottom:1px solid var(--border);}
  .footer__inner{grid-template-columns:1fr 1fr;}
  .stats-bar__inner{grid-template-columns:repeat(2,1fr);gap:2rem;}
  .stats-bar__item:not(:last-child)::after{display:none;}
}
@media(max-width:768px){
  .nav,.header__cta{display:none;}
  .hamburger{display:block;}
  .section{padding:4.5rem 0;}
  .hero{padding-top:78px;}
  .hero__metrics{grid-template-columns:repeat(2,1fr);}
  .hero__metric:nth-child(2){border-right:none;margin-right:0;}
  .val-trigger{grid-template-columns:2.5rem 1fr auto;gap:.8rem;}
  .val-tag{display:none;}
  .svc-grid{grid-template-columns:1fr;}
  .svc-orbit::before{display:none;}
  .svc-orbit .svc-v2.is-active{transform:translateY(-4px);}
  .svc-orbit .svc-v2.is-dim{opacity:1;}
  .svc-v2{border-radius:0 10px 10px 0;}
  .proc-cards{grid-template-columns:1fr;}
  .proc-track::before{display:none;}
  .stack-rows{gap:.65rem;}
  .stack-stats{grid-template-columns:repeat(2,1fr);}
  .footer__inner{grid-template-columns:1fr;}
  .topbar__sep{display:none;}
  .about-bento{grid-template-columns:1fr 1fr;}
  .section__bg-word{font-size:clamp(4rem,20vw,8rem);}
}