/* =========================================================
   SRRT INTELLIGENCE — Premium design tokens
   Black + electric blue + cyan, glassmorphism, ambient particles
   ========================================================= */
:root{
  --black:#0B0B0B;
  --panel:rgba(255,255,255,0.045);
  --panel-hover:rgba(255,255,255,0.075);
  --line:rgba(255,255,255,0.11);
  --line-soft:rgba(255,255,255,0.06);
  --white:#F7F8FA;
  --gray-1:#B4BAC9;
  --gray-2:#71778C;
  --blue:#3B82F6;
  --cyan:#06B6D4;
  --gradient:linear-gradient(120deg,#3B82F6 0%,#06B6D4 100%);
  --gradient-soft:linear-gradient(120deg,rgba(59,130,246,0.16),rgba(6,182,212,0.16));

  --radius-sm:16px;
  --radius:20px;
  --radius-lg:24px;

  --sp-1:8px; --sp-2:12px; --sp-3:16px; --sp-4:24px; --sp-5:32px;
  --sp-6:48px; --sp-7:64px; --sp-8:96px; --sp-9:130px;

  --ease:cubic-bezier(.16,.84,.24,1);
  --maxw:1200px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);color:var(--white);font-family:'Inter',sans-serif;font-weight:400;line-height:1.55;
  -webkit-font-smoothing:antialiased;opacity:0;transition:opacity .6s var(--ease);
}
body.loaded{opacity:1;}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:700;letter-spacing:-0.02em;line-height:1.15;color:var(--white);}
a{color:inherit;text-decoration:none;}
img,svg{display:block;}
ul{list-style:none;}
button{font-family:inherit;}
.mono{font-family:'JetBrains Mono',monospace;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-4);}
::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:var(--black);}
::-webkit-scrollbar-thumb{background:#22242b;border-radius:8px;}
::selection{background:var(--cyan);color:#04141a;}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px;}
.skip-link{position:absolute;top:-100px;left:16px;z-index:10000;background:var(--white);color:var(--black);padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:top .2s var(--ease);}
.skip-link:focus{top:16px;}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important;}html{scroll-behavior:auto;}}

/* ---------- shared UI ---------- */
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:var(--sp-2);}
.eyebrow::before{content:"";width:18px;height:1px;background:var(--gradient);display:inline-block;}
.accent-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;border-radius:100px;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:14.5px;cursor:pointer;border:1px solid transparent;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s, background .4s, opacity .25s;white-space:nowrap;}
.btn-primary{background:var(--gradient);background-size:200% 100%;background-position:0% 0%;color:#fff;}
.btn-primary:hover{background-position:100% 0%;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(59,130,246,0.55);}
.btn-primary:disabled{opacity:0.6;cursor:default;transform:none;}
.btn-ghost{background:rgba(255,255,255,0.03);border-color:var(--line);color:var(--white);backdrop-filter:blur(8px);}
.btn-ghost:hover{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.06);transform:translateY(-2px);}
.btn-sm{padding:10px 20px;font-size:13px;}
.btn-block{width:100%;}

.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;}
.glass::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);}
.glass::after{content:"";position:absolute;top:-60%;left:-20%;width:70%;height:70%;background:radial-gradient(circle, rgba(255,255,255,0.05), transparent 70%);pointer-events:none;}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}
.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;}

/* ---------- header / nav ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:22px 0;border-bottom:1px solid transparent;
  transition:background .35s var(--ease), border-color .35s var(--ease), padding .35s var(--ease);}
header.scrolled{background:rgba(11,11,11,0.82);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line-soft);padding:14px 0;}
nav{display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:11px;}
.brand-mark{width:26px;height:26px;flex-shrink:0;}
.brand-word{font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.02em;}
.brand-word span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}
.nav-links{display:flex;align-items:center;gap:var(--sp-5);}
.nav-links a{font-size:13.5px;font-weight:500;color:var(--gray-1);transition:color .25s;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-cta{display:flex;align-items:center;gap:var(--sp-3);}
.nav-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,0.03);
  align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;width:16px;height:1.4px;background:var(--white);position:relative;transition:transform .25s var(--ease), opacity .25s;}
.nav-toggle span::before{position:absolute;top:-5px;}
.nav-toggle span::after{position:absolute;top:5px;}
.mobile-menu{display:none;position:fixed;inset:0;z-index:999;background:rgba(11,11,11,0.98);backdrop-filter:blur(14px);
  padding:110px var(--sp-4) var(--sp-5);flex-direction:column;gap:2px;overflow-y:auto;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'Poppins',sans-serif;font-size:20px;font-weight:600;color:var(--white);padding:16px 4px;border-bottom:1px solid var(--line-soft);}
.mobile-menu .mm-cta{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);}
body.menu-open{overflow:hidden;}
@media(max-width:980px){.nav-links{display:none;}.nav-toggle{display:flex;}.nav-cta .btn-ghost{display:none;}}

/* ---------- hero (home) ---------- */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:180px var(--sp-4) 120px;overflow:hidden;}
.hero .glow-orb.orb-1{width:640px;height:640px;top:-220px;left:-180px;background:radial-gradient(circle, rgba(59,130,246,0.35), transparent 70%);}
.hero .glow-orb.orb-2{width:560px;height:560px;bottom:-260px;right:-160px;background:radial-gradient(circle, rgba(6,182,212,0.3), transparent 70%);}
.hero-content{position:relative;z-index:2;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);}
.hero-logo{width:56px;margin-bottom:var(--sp-1);}
.hero h1{font-size:clamp(36px,5.6vw,64px);}
.hero p.lead{font-size:17px;color:var(--gray-1);max-width:560px;line-height:1.7;font-weight:300;}
.hero-ctas{display:flex;gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;justify-content:center;}
.hero-stats{display:flex;gap:var(--sp-6);margin-top:var(--sp-6);flex-wrap:wrap;justify-content:center;}
.hero-stats .hs{text-align:center;}
.hero-stats .hs strong{display:block;font-family:'Poppins',sans-serif;font-size:26px;font-weight:700;}
.hero-stats .hs span{font-size:12px;color:var(--gray-2);font-family:'JetBrains Mono',monospace;letter-spacing:0.04em;}
.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;
  color:var(--gray-2);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;}
.scroll-cue .line{width:1px;height:32px;background:linear-gradient(var(--cyan),transparent);animation:scrolldown 2.2s infinite;}
@keyframes scrolldown{0%{opacity:0;transform:scaleY(.2);transform-origin:top;}40%{opacity:1;transform:scaleY(1);transform-origin:top;}100%{opacity:0;transform:scaleY(1);transform-origin:bottom;}}

/* ---------- page header (inner pages) ---------- */
.page-header{position:relative;padding:calc(var(--sp-9) + 40px) 0 var(--sp-7);overflow:hidden;border-bottom:1px solid var(--line-soft);}
.page-header .wrap{position:relative;z-index:1;}
.page-header .glow-orb{width:480px;height:480px;top:-160px;right:-140px;background:radial-gradient(circle, rgba(59,130,246,0.25), transparent 70%);}
.page-header h1{font-size:clamp(32px,5vw,52px);margin-top:var(--sp-3);max-width:680px;}
.page-header p{color:var(--gray-1);margin-top:var(--sp-3);font-size:16px;max-width:560px;font-weight:300;line-height:1.65;}

/* ---------- sections ---------- */
section{padding:var(--sp-9) 0;position:relative;}
.section-alt{background:linear-gradient(180deg, transparent, rgba(255,255,255,0.015) 10%, rgba(255,255,255,0.015) 90%, transparent);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}
.section-head{max-width:620px;margin-bottom:var(--sp-7);}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head h2{font-size:clamp(28px,3.6vw,40px);margin-top:var(--sp-3);}
.section-head p{color:var(--gray-1);margin-top:var(--sp-3);font-size:15.5px;line-height:1.75;font-weight:300;}

/* ---------- pillars ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);}
.pillar{border-radius:var(--radius);padding:var(--sp-5) var(--sp-4);transition:transform .4s var(--ease), background .4s var(--ease), border-color .4s;}
.pillar:hover{transform:translateY(-6px);background:var(--panel-hover);border-color:rgba(59,130,246,0.3);}
.pillar .num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--cyan);letter-spacing:0.12em;}
.pillar h3{font-size:18px;margin:var(--sp-3) 0 var(--sp-2);}
.pillar p{color:var(--gray-1);font-size:14px;line-height:1.65;font-weight:300;}

/* ---------- capability / product cards ---------- */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);}
.cap-card{border-radius:var(--radius);padding:var(--sp-5) var(--sp-4);transition:transform .4s var(--ease), background .4s var(--ease), border-color .4s;}
.cap-card:hover{transform:translateY(-6px) scale(1.015);background:var(--panel-hover);border-color:rgba(59,130,246,0.35);}
.cap-card .cap-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--gradient-soft);border:1px solid rgba(255,255,255,0.1);color:var(--cyan);margin-bottom:var(--sp-3);transition:transform .4s var(--ease);}
.cap-card:hover .cap-icon{transform:scale(1.1) rotate(-4deg);}
.cap-card .cap-icon svg{width:22px;height:22px;}
.cap-card h3{font-size:17px;margin-bottom:8px;}
.cap-card p{font-size:13.6px;color:var(--gray-1);font-weight:300;line-height:1.65;}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);}
.product-card{border-radius:var(--radius);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);min-height:210px;
  transition:transform .4s var(--ease), background .4s var(--ease), border-color .4s;}
.product-card:hover{transform:translateY(-5px) scale(1.015);background:var(--panel-hover);border-color:rgba(6,182,212,0.35);}
.product-card .icon{width:32px;height:32px;color:var(--cyan);}
.product-card .icon svg{width:100%;height:100%;}
.product-card h4{font-size:15.5px;font-weight:600;margin-top:var(--sp-1);font-family:'Poppins',sans-serif;}
.product-card p{font-size:13px;color:var(--gray-1);line-height:1.6;font-weight:300;flex-grow:1;}
.product-card .tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray-2);}
.product-card .go{font-size:12.5px;color:var(--white);display:flex;align-items:center;gap:6px;font-weight:500;opacity:0.65;transition:opacity .25s, gap .25s;}
.product-card:hover .go{opacity:1;gap:9px;}
.product-card.future{border-style:dashed;opacity:0.88;}

/* ---------- stats ---------- */
.why-shell{display:grid;grid-template-columns:0.95fr 1.05fr;gap:var(--sp-8);align-items:center;}
.why-copy p{color:var(--gray-1);font-size:15.5px;line-height:1.75;font-weight:300;margin-top:var(--sp-3);}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);}
.stat-card{border-radius:var(--radius);padding:var(--sp-4);text-align:left;}
.stat-card .stat-icon{width:36px;height:36px;color:var(--blue);margin-bottom:var(--sp-2);}
.stat-card .stat-icon svg{width:100%;height:100%;}
.stat-card strong{display:block;font-family:'Poppins',sans-serif;font-size:30px;font-weight:700;}
.stat-card span{font-size:12.5px;color:var(--gray-2);}

/* ---------- demo ---------- */
.demo-shell{border-radius:var(--radius-lg);overflow:hidden;}
.demo-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);}
.demo-tab{padding:16px 22px;font-size:13px;color:var(--gray-1);cursor:pointer;border-bottom:2px solid transparent;
  transition:color .25s, border-color .25s;font-family:'Poppins',sans-serif;font-weight:500;}
.demo-tab.active{color:var(--white);border-bottom-color:var(--cyan);}
.demo-body{padding:var(--sp-4);}
.console{background:rgba(0,0,0,0.4);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:var(--sp-4);
  font-family:'JetBrains Mono',monospace;font-size:13px;line-height:2;color:var(--gray-1);min-height:230px;}
.console .prompt{color:var(--cyan);}
.console .accent{color:var(--blue);}

/* ---------- timeline ---------- */
.timeline{position:relative;}
.timeline::before{content:"";position:absolute;left:17px;top:4px;bottom:4px;width:1px;background:var(--line);}
.t-item{position:relative;padding-left:52px;padding-bottom:var(--sp-6);}
.t-item:last-child{padding-bottom:0;}
.t-dot{position:absolute;left:10px;top:2px;width:15px;height:15px;border-radius:50%;background:var(--black);border:1.5px solid var(--line);}
.t-item.done .t-dot{background:var(--gradient);border-color:transparent;}
.t-phase{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray-2);margin-bottom:6px;}
.t-item.done .t-phase{color:var(--cyan);}
.t-item h4{font-size:17px;margin-bottom:var(--sp-2);}
.t-item p{color:var(--gray-1);font-size:14px;line-height:1.65;font-weight:300;max-width:540px;}

/* ---------- testimonials ---------- */
.testi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);}
.testi{border-radius:var(--radius);padding:var(--sp-4);}
.testi p.quote{font-size:14.3px;line-height:1.75;color:var(--gray-1);font-weight:300;}
.testi .who{margin-top:var(--sp-3);display:flex;align-items:center;gap:10px;}
.who .avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient);flex-shrink:0;}
.who .name{font-size:13px;font-weight:600;color:var(--white);}
.who .role{font-size:11.5px;color:var(--gray-2);}
.partners{margin-top:var(--sp-6);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);opacity:0.55;}
.partners span{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;letter-spacing:0.03em;color:var(--gray-1);}

/* ---------- pricing ---------- */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);align-items:stretch;}
.price-card{border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;}
.price-card.highlight{border-color:rgba(6,182,212,0.4);background:linear-gradient(180deg, rgba(59,130,246,0.09), rgba(6,182,212,0.03));position:relative;}
.price-card.highlight::after{content:"MOST POPULAR";position:absolute;top:0;right:24px;transform:translateY(-50%);
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;background:var(--gradient);color:#fff;padding:6px 14px;border-radius:100px;font-weight:600;}
.price-name{font-family:'Poppins',sans-serif;font-weight:600;font-size:14.5px;color:var(--cyan);}
.price-amt{font-size:40px;font-family:'Poppins',sans-serif;font-weight:700;margin:var(--sp-3) 0 4px;}
.price-amt sup{font-size:16px;font-weight:500;color:var(--gray-2);}
.price-sub{font-size:13px;color:var(--gray-2);margin-bottom:var(--sp-4);}
.price-feats{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-grow:1;}
.price-feats li{font-size:13.5px;color:var(--gray-1);display:flex;gap:10px;align-items:flex-start;font-weight:300;}
.price-feats li svg{flex-shrink:0;margin-top:3px;color:var(--cyan);width:14px;height:14px;}

/* ---------- faq ---------- */
.faq-list{max-width:700px;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{padding:var(--sp-4) 2px;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);cursor:pointer;font-family:'Poppins',sans-serif;font-weight:500;font-size:15px;}
.faq-q .plus{width:16px;height:16px;position:relative;flex-shrink:0;}
.faq-q .plus::before,.faq-q .plus::after{content:"";position:absolute;background:var(--gray-1);transition:transform .25s var(--ease);}
.faq-q .plus::before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%);}
.faq-q .plus::after{height:100%;width:1px;left:50%;top:0;transform:translateX(-50%);}
.faq-item.open .plus::after{transform:translateX(-50%) rotate(90deg);opacity:0;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
.faq-a p{padding:0 2px var(--sp-4);color:var(--gray-1);font-size:13.5px;line-height:1.7;font-weight:300;max-width:600px;}

/* ---------- api / developers ---------- */
.api-shell{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center;}
.api-copy p.lead2{color:var(--gray-1);font-size:14.5px;line-height:1.7;margin:var(--sp-3) 0 var(--sp-4);font-weight:300;}
.endpoint-list{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--sp-4);}
.endpoint{display:flex;gap:12px;align-items:center;font-family:'JetBrains Mono',monospace;font-size:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);}
.endpoint .verb{color:var(--cyan);font-weight:600;}
.code-window{border-radius:var(--radius);overflow:hidden;}
.code-tabs{display:flex;border-bottom:1px solid var(--line);}
.code-tab{padding:11px 16px;font-size:12px;font-family:'JetBrains Mono',monospace;color:var(--gray-2);cursor:pointer;}
.code-tab.active{color:var(--cyan);border-bottom:2px solid var(--cyan);}
.code-pane{padding:var(--sp-4);font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.85;color:var(--gray-1);display:none;overflow-x:auto;}
.code-pane.active{display:block;}
.code-pane .k{color:var(--blue);}
.code-pane .s{color:#8fd6a0;}
.code-pane .c{color:var(--gray-2);}
.code-pane .f{color:var(--cyan);}

/* ---------- blog ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);}
.blog-card{border-radius:var(--radius);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);transition:transform .4s var(--ease), background .4s var(--ease);}
.blog-card:hover{transform:translateY(-5px);background:var(--panel-hover);}
.blog-index{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-2);}
.blog-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);}
.blog-card h4{font-size:15px;line-height:1.45;}
.blog-card p.excerpt{font-size:13px;color:var(--gray-1);line-height:1.6;font-weight:300;flex-grow:1;}
.blog-card .date{font-size:12px;color:var(--gray-2);margin-top:auto;}

/* ---------- careers ---------- */
.careers-shell{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--sp-8);align-items:start;}
.role-list{display:flex;flex-direction:column;}
.role{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) 2px;border-bottom:1px solid var(--line);gap:var(--sp-3);}
.role .rt h5{font-size:14.5px;font-weight:600;}
.role .rt span{font-size:12px;color:var(--gray-2);font-family:'JetBrains Mono',monospace;}
.role .apply{font-size:12.5px;color:var(--cyan);font-weight:500;white-space:nowrap;}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-top:var(--sp-6);}
.value-item h5{font-size:14.5px;margin-bottom:6px;}
.value-item p{font-size:13px;color:var(--gray-1);line-height:1.6;font-weight:300;}

/* ---------- security ---------- */
.sec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);}
.sec-item{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius);}
.sec-item .ic{width:28px;height:28px;color:var(--cyan);flex-shrink:0;}
.sec-item .ic svg{width:100%;height:100%;}
.sec-item h5{font-size:14.5px;margin-bottom:6px;}
.sec-item p{font-size:13px;color:var(--gray-1);line-height:1.6;font-weight:300;}

/* ---------- contact ---------- */
.contact-shell{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);}
.contact-info{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-5);}
.contact-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-sm);}
.contact-row .ic{width:22px;height:22px;color:var(--cyan);flex-shrink:0;}
.contact-row .ic svg{width:100%;height:100%;}
.contact-row .cr-label{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray-2);}
.contact-row .cr-value{font-size:14.5px;color:var(--white);margin-top:2px;}
.contact-row a.cr-value{transition:color .2s;}
.contact-row a.cr-value:hover{color:var(--cyan);}

.field{margin-bottom:var(--sp-3);}
.field label{display:block;font-size:12px;color:var(--gray-2);margin-bottom:7px;font-family:'JetBrains Mono',monospace;letter-spacing:0.03em;}
.field input,.field textarea{width:100%;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:13px 16px;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .25s, background .25s;}
.field input:focus,.field textarea:focus{border-color:var(--cyan);background:rgba(6,182,212,0.05);}
.field textarea{resize:vertical;min-height:110px;}
.form-msg{font-size:13px;margin-top:var(--sp-2);font-family:'JetBrains Mono',monospace;display:none;}
.form-msg.show{display:block;}
.form-msg.ok{color:var(--cyan);}
.form-msg.err{color:#ff8a8a;}

.waitlist-box{border-radius:var(--radius-lg);padding:var(--sp-7) var(--sp-4);text-align:center;}
.waitlist-form{display:flex;gap:10px;max-width:420px;margin:var(--sp-4) auto 0;flex-wrap:wrap;justify-content:center;}
.waitlist-form input{flex:1;min-width:220px;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;color:var(--white);outline:none;font-size:14px;}
.waitlist-form input:focus{border-color:var(--cyan);}
.waitlist-note{margin-top:var(--sp-2);font-size:11.5px;color:var(--gray-2);}

/* ---------- login / auth ---------- */
.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px var(--sp-4) var(--sp-6);position:relative;overflow:hidden;}
.auth-glow{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle, rgba(59,130,246,0.18), transparent 65%);pointer-events:none;z-index:0;}
.auth-card{position:relative;z-index:1;width:100%;max-width:400px;border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:var(--sp-5);}
.auth-tabs{display:flex;border:1px solid var(--line);border-radius:12px;padding:3px;margin-bottom:var(--sp-5);}
.auth-tab{flex:1;text-align:center;padding:9px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:var(--gray-1);border-radius:9px;cursor:pointer;transition:background .2s, color .2s;}
.auth-tab.active{background:var(--white);color:var(--black);}
.auth-panel{display:none;}
.auth-panel.active{display:block;}
.auth-panel h2{font-size:20px;text-align:center;margin-bottom:6px;}
.auth-panel p.auth-sub{text-align:center;color:var(--gray-2);font-size:13px;margin-bottom:var(--sp-4);}
.auth-row-link{display:flex;justify-content:flex-end;margin:-4px 0 var(--sp-3);}
.auth-row-link a{font-size:12.5px;color:var(--gray-1);}
.auth-row-link a:hover{color:var(--cyan);}
.auth-status{margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-sm);background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.25);
  font-size:12.5px;color:var(--gray-1);line-height:1.6;display:none;}
.auth-status.show{display:block;}
.auth-foot{text-align:center;margin-top:var(--sp-5);font-size:12.5px;color:var(--gray-2);}
.auth-foot a{color:var(--white);}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line-soft);padding:var(--sp-7) 0 var(--sp-4);}
.foot-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--sp-5);margin-bottom:var(--sp-6);}
.foot-brand p{color:var(--gray-2);font-size:13px;line-height:1.7;margin-top:var(--sp-3);max-width:260px;font-weight:300;}
.foot-col h6{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray-2);margin-bottom:var(--sp-3);}
.foot-col a{display:block;font-size:13px;color:var(--gray-1);margin-bottom:10px;transition:color .2s;}
.foot-col a:hover{color:var(--white);}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);}
.foot-bottom p{font-size:12px;color:var(--gray-2);}
.foot-social{display:flex;gap:14px;}
.foot-social a{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:border-color .25s, transform .25s;}
.foot-social a:hover{border-color:var(--cyan);transform:translateY(-3px);}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .pillars,.cap-grid{grid-template-columns:1fr 1fr;}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .why-shell{grid-template-columns:1fr;}
  .testi-row{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .api-shell,.careers-shell,.contact-shell{grid-template-columns:1fr;}
  .sec-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
  .values-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:repeat(2,1fr);}
  .hero-stats{gap:var(--sp-4);}
}
@media(max-width:560px){
  .pillars,.cap-grid,.product-grid{grid-template-columns:1fr;}
  .stat-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr;}
  section{padding:var(--sp-7) 0;}
  .wrap{padding:0 var(--sp-3);}
  .page-header{padding-top:calc(var(--sp-8) + 30px);}
}