/*
 Theme Name:       ProMarketa
 Theme URI:        https://www.promarketa.com
 Description:      Custom GeneratePress Child Theme for ProMarketa — Intelligent Operations · Data + Marketing + Ops. Modular template-parts architecture (hero, services, portfolio, blog, about, founder, contact, footer).
 Author:           Joshua Elikplim Ahiave · ProMarketa-Systems
 Author URI:       https://github.com/Bhrajo/ProMarketa-Systems
 Template:         generatepress
 Version:          3.0.0
 License:          GNU General Public License v2 or later
 Text Domain:      promarketa
*/

/* ===========================================================
   TOKENS
=========================================================== */
:root{
  /* Brand Palette */
  --pm-bg-dark:#01120A;
  --pm-bg-deep:#00080A;
  --pm-electric-green:#66ffe3;
  --pm-electric-green-alt:#66ffde;
  --pm-faded-yellow:#ffffba;
  --pm-text-main:#ffffff;
  --pm-text-muted:rgba(255,255,255,.7);
  --pm-text-faint:rgba(255,255,255,.4);
  --pm-border-soft:rgba(255,255,255,.08);

  /* Layout Dimensions */
  --pm-header-height:70px;
  --pm-header-height-scrolled:60px;
  --pm-header-height-mobile:60px;

  /* Typography */
  --pm-font-heading:'Plus Jakarta Sans',sans-serif;
  --pm-font-body:'Futura','Trebuchet MS','DM Sans',Arial,sans-serif;
  --pm-font-mono:'Cascadia Code','Cascadia Mono','JetBrains Mono',monospace;
  --pm-font-menu:'Google Sans','Product Sans','Open Sans',sans-serif;

  --bg-deep:var(--pm-bg-deep);
  --bg-panel:#02160f;
  --bg-card:#062018;
  --bg-elev:#09281f;
  --green:var(--pm-electric-green);
  --green-bright:var(--pm-electric-green-alt);
  --green-dim:#19bfa7;
  --green-deep:#0aa86d;
  --green-deeper:#067a4f;
  --green-light:#cfeee4;
  --green-light-alpha:rgba(102,255,227,.14);
  --yellow-hover:rgba(255,255,186,.4);
  --green-soft:#06382f;
  /* Charcoal + deep forest — hero atmosphere */
  --hero-charcoal:#0c1311;
  --hero-charcoal-deep:#07100d;
  --forest-deep:#0a4d3a;
  --forest-deeper:#06372a;
  --forest-muted:#08372a;
  --lime:var(--pm-faded-yellow);
  --lime-soft:#e6e69f;
  --orange:#ff9b3d;
  --rose:#ff5e6c;
  --text-main:var(--pm-text-main);
  --text-soft:var(--pm-text-muted);
  --text-muted:rgba(255,255,255,.56);
  --text-faint:var(--pm-text-faint);
  --line:var(--pm-border-soft);
  --line-strong:rgba(102,255,227,.22);
  --font-head:var(--pm-font-heading);
  --font-body:var(--pm-font-body);
  --font-mono:var(--pm-font-mono);
  --font-menu:var(--pm-font-menu);
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:20px;
  --max:1400px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pm-bg-deep);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{color:inherit;text-decoration:none}
img,svg,canvas{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}

.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px;position:relative}

/* Particle wave (used in hero + footer) */
.wave-bg{position:absolute;left:0;right:0;bottom:0;height:240px;pointer-events:none;z-index:0;opacity:.6;
  background-image:radial-gradient(rgba(102,255,227,.55) 1.3px,transparent 1.4px);
  background-size:5px 5px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 35%,black 100%),radial-gradient(ellipse at 50% 100%,black 25%,transparent 65%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,transparent 35%,black 100%),radial-gradient(ellipse at 50% 100%,black 25%,transparent 65%);mask-composite:intersect;
  animation:waveShift 14s linear infinite}
@keyframes waveShift{0%{background-position:0 0}100%{background-position:60px 30px}}

/* Generic eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.eyebrow.lime{color:var(--lime)}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
.eyebrow .ant{width:18px;height:18px}
.eyebrow .ant svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;fill:none}

/* Section titles */
.h-display{font-family:var(--font-head);font-weight:800;letter-spacing:-.022em;line-height:1.08;color:var(--text-main);margin:0}
.h-display .lime-text{color:var(--lime);background:linear-gradient(180deg,var(--lime) 0%,var(--lime-soft) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.h-section{font-family:var(--font-head);font-weight:800;letter-spacing:-.018em;line-height:1.1;font-size:clamp(2rem,3.4vw,2.9rem);margin:0}

.lead{font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.72;color:var(--text-soft);margin:0;max-width:62ch}

/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}
.reveal.in{opacity:1;transform:translateY(0)}

/* ===========================================================
   HEADER
=========================================================== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(0,8,10,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:background .3s ease,box-shadow .3s ease}
.site-header.scrolled{background:rgba(0,8,10,.96);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.site-header.scrolled .header-row{min-height:48px;padding:4px 0}
.site-header.scrolled .brand img{height:32px}
.site-header.scrolled .nav-link{height:28px;padding:0 7px;font-size:.88rem;min-width:72px}
.site-header.scrolled .contact-strip{font-size:.7rem}
.site-header.scrolled .contact-strip svg{width:11px;height:11px}
.site-header.scrolled .header-row .btn{height:34px;padding:0 14px;font-size:.72rem}
.site-header.scrolled .soc{width:30px;height:30px}
.site-header.scrolled .soc svg{width:14px;height:14px}

/* Symmetric header padding — equal left/right */
.site-header .container.header-row{padding-left:24px;padding-right:24px}
.header-row{display:flex;align-items:center;gap:18px;padding:8px 24px;min-height:60px;transition:min-height .3s ease,padding .3s ease}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:-50px;transition:margin-left .3s ease}
.brand img{height:42px;width:auto;transition:height .3s ease;filter:drop-shadow(0 2px 8px rgba(102,255,227,.18))}
.brand-text{font-family:var(--font-head);font-weight:800;font-size:1.18rem;color:#fff;letter-spacing:.01em}
.brand-text .leaf{color:var(--green)}

.contact-strip{display:flex;flex-direction:column;gap:3px;padding-left:18px;margin-left:6px;border-left:1px solid var(--line);font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted);transition:font-size .3s ease}
.contact-strip .cs-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;transition:color .2s ease}
.contact-strip .cs-link svg{width:13px;height:13px;color:var(--text-muted);transition:color .2s ease,width .3s ease,height .3s ease}
.contact-strip .cs-link:hover,.contact-strip .cs-link:hover svg{color:var(--pm-electric-green)}

.main-nav{display:flex;align-items:center;gap:5px;margin:0 auto}
.nav-link{
  font-family:var(--font-menu);font-weight:600;font-size:.98rem;
  color:var(--text-main);
  min-width:84px;height:32px;padding:0 9px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;
  background:var(--green-light-alpha);
  border:1px solid rgba(102,255,227,.18);
  position:relative;text-align:center;line-height:1;
  transition:background .25s ease,color .25s ease,border-color .25s ease,height .3s ease,padding .3s ease,font-size .3s ease,transform .2s ease;
}
.nav-link:hover{background:var(--yellow-hover);color:var(--lime);border-color:rgba(255,255,186,.5);transform:translateY(-1px)}
.nav-link.is-active{background:var(--lime);color:var(--pm-bg-deep);border-color:var(--lime);box-shadow:0 0 14px rgba(255,255,186,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.nav-link.is-active:hover{background:var(--lime);color:var(--pm-bg-deep);transform:translateY(-1px)}

.socials{display:flex;align-items:center;gap:2px}
.soc{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-soft);border-radius:8px;transition:all .25s}
.soc svg{width:16px;height:16px;fill:currentColor}
.soc:hover{color:var(--green);background:rgba(102,255,227,.08)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:11px 18px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;border:0}
.btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none}
.btn-primary{background:linear-gradient(135deg,var(--pm-electric-green) 0%,var(--pm-electric-green-alt) 56%,var(--pm-faded-yellow) 132%);color:#00110d;box-shadow:0 0 0 1px rgba(102,255,227,.45),0 10px 26px rgba(102,255,227,.24),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(102,255,227,.7),0 14px 34px rgba(102,255,227,.32),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-ghost{background:transparent;color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green)}
.btn-ghost:hover{background:rgba(102,255,227,.08);color:var(--green-bright);box-shadow:inset 0 0 0 1.5px var(--green-bright);transform:translateY(-2px)}
.btn-outline{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.btn-outline:hover{box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green)}

.hamburger{display:none;width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 0 0 1px var(--line-strong)}
.hamburger svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}

/* ===========================================================
   MARQUEES (top services + bottom tech)
=========================================================== */
.marquee{overflow:hidden;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(102,255,227,.045),rgba(255,255,186,.035));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-row{display:flex;width:max-content;animation:marqueeL 38s linear infinite;will-change:transform}
.marquee-row.alt{animation:marqueeR 44s linear infinite;animation-direction:reverse}
.marquee:hover .marquee-row{animation-play-state:paused}
@keyframes marqueeL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marqueeR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.marq-item{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.06em;color:var(--text-soft);white-space:nowrap;text-transform:uppercase}
.marq-item.is-active{color:var(--green);text-shadow:0 0 18px rgba(102,255,227,.45)}
.marq-item.is-active::after{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:6px;box-shadow:0 0 10px var(--green)}
.marq-sep{color:var(--green);opacity:.6;font-size:.6rem;padding:0 4px}

/* Bottom tech marquee variant */
.tech-marquee{padding:6px 0;max-height:42px;margin-top:92px!important;margin-bottom:0!important;clear:both;border-bottom:0}
.hero .tech-marquee{margin-bottom:-1px!important;border-bottom:1px solid var(--line)}
.tech-marquee .marq-item{font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:7px 18px}
.tech-marquee .marq-item .tech-ico{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--green)}
.tech-marquee .marq-item .tech-ico svg{width:100%;height:100%;fill:currentColor}
.tech-marquee .marq-item:hover{color:var(--green)}

/* ===========================================================
   HERO
=========================================================== */
/* CALM HERO — charcoal + deep forest green only · no yellow/lime blend · low-noise */
.hero{position:relative;padding:72px 0 0;overflow:hidden;background:
  radial-gradient(ellipse 80% 60% at 78% 28%,rgba(10,77,58,.32) 0%,transparent 62%),
  radial-gradient(ellipse 70% 55% at 18% 82%,rgba(6,55,42,.22) 0%,transparent 65%),
  linear-gradient(160deg,#07100d 0%,#0c1311 50%,#050b09 100%)}
/* Soft fine-line grid — desaturated, masked into a single vignette */
.hero::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(120,160,150,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(120,160,150,.05) 1px,transparent 1px);
  background-size:64px 64px;pointer-events:none;z-index:0;
  -webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 30%,transparent 80%);
  mask-image:radial-gradient(ellipse at 50% 40%,black 30%,transparent 80%);opacity:.55}
/* Single subtle forest vignette — replaces the noisy cyan+yellow overlay */
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(ellipse 120% 80% at 50% 50%,transparent 40%,rgba(0,0,0,.45) 100%);
  opacity:1}

.hero-grid{display:grid;grid-template-columns:.96fr 1.24fr;gap:58px;align-items:center;position:relative;z-index:2}
.hero-copy{position:relative;z-index:3}
/* Hero background layer — deep forest glows + minimal floating icons */
.data-ribbons{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:1}
.data-ribbons .bg-grid{display:none}
/* Smooth full-height vertical scan beam — travels top to bottom across the whole hero, blends subtly */
.data-ribbons::before{
  content:"";position:absolute;left:0;right:0;height:40%;
  width:100%;pointer-events:none;z-index:2;
  background:linear-gradient(to bottom,
    transparent 0%,
    rgba(10,168,109,.02) 30%,
    rgba(10,168,109,.05) 50%,
    rgba(10,168,109,.02) 70%,
    transparent 100%);
  filter:blur(2px);
  top:-40%;
  animation:heroScan 18s linear infinite;
}
@keyframes heroScan{
  0%{top:-40%}
  100%{top:100%}
}
/* Two deep-forest glows — no cyan, no yellow */
.data-ribbons .bg-glow-tr{position:absolute;top:-18%;left:-12%;width:680px;height:680px;background:radial-gradient(circle,rgba(10,77,58,.45) 0%,transparent 70%);filter:blur(80px);pointer-events:none;animation:heroGlowPulse 14s ease-in-out infinite alternate}
.data-ribbons .bg-glow-bl{position:absolute;bottom:-22%;right:-10%;width:760px;height:760px;background:radial-gradient(circle,rgba(6,55,42,.4) 0%,transparent 70%);filter:blur(80px);pointer-events:none;animation:heroGlowPulse 17s ease-in-out infinite alternate-reverse}
@keyframes heroGlowPulse{0%{opacity:.6;transform:scale(1)}100%{opacity:.95;transform:scale(1.08)}}
.data-ribbons .bg-icons{position:absolute;inset:0;pointer-events:none;z-index:1}
/* Floating tech icons — drastically muted to forest-green at very low opacity */
.float-ico{position:absolute;opacity:.045;color:#3a8a72;animation:techDrift 28s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(58,138,114,.15))}
.float-ico svg{width:100%;height:100%;stroke:currentColor;stroke-width:.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.float-ico.yel{color:#3a8a72;opacity:.04}
/* Hide half of them — leave only the calmest ones */
.ico-2,.ico-4,.ico-7,.ico-8{display:none}
.ico-1{left:8%;top:12%;width:72px;height:72px;animation-delay:0s;animation-duration:20s}
.ico-2{left:22%;top:62%;width:54px;height:54px;animation-delay:-3s;animation-duration:18s;animation-direction:reverse}
.ico-3{left:40%;top:8%;width:80px;height:80px;animation-delay:-6s;animation-duration:25s}
.ico-4{left:48%;top:74%;width:50px;height:50px;animation-delay:-2s;animation-duration:22s}
.ico-5{left:64%;top:22%;width:64px;height:64px;animation-delay:-7s;animation-duration:24s;animation-direction:reverse}
.ico-6{right:8%;top:48%;width:96px;height:96px;animation-delay:-4s;animation-duration:19s}
.ico-7{right:4%;top:14%;width:46px;height:46px;animation-delay:-9s;animation-duration:26s}
.ico-8{right:30%;top:80%;width:62px;height:62px;animation-delay:-5s;animation-duration:21s}
.ico-9{left:14%;top:38%;width:52px;height:52px;animation-delay:-8s;animation-duration:23s;animation-direction:reverse}
.ico-10{left:78%;top:4%;width:58px;height:58px;animation-delay:-1s;animation-duration:20s}
@keyframes techDrift{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  50%{transform:translate(28px,-22px) rotate(6deg)}
}
.data-ribbons .node{display:none}
@keyframes ribbonFlow{to{stroke-dashoffset:-160}}
@keyframes nodeDrift{50%{transform:translate(18px,-12px);opacity:.45}}

.hero-eyebrow-wrap{margin-bottom:22px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:99px;background:rgba(102,255,227,.07);border:1px solid rgba(102,255,227,.22);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.hero-eyebrow .signal-ico{position:relative;width:16px;height:16px}
.hero-eyebrow .signal-ico::before,.hero-eyebrow .signal-ico::after{content:"";position:absolute;border-radius:50%;border:1.5px solid var(--green);left:50%;top:50%;transform:translate(-50%,-50%)}
.hero-eyebrow .signal-ico::before{width:6px;height:6px;background:var(--green);border:0;animation:pulse 1.8s infinite}
.hero-eyebrow .signal-ico::after{width:16px;height:16px;border-color:rgba(102,255,227,.6);animation:ring 2s infinite}
@keyframes ring{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}

.pipeline-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:620px;margin:0 0 24px}
.rail-step{position:relative;min-height:54px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:8px;padding:10px 11px;overflow:hidden}
.rail-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--green),var(--lime));transform:scaleX(.22);transform-origin:left;animation:railPulse 3.8s ease-in-out infinite}
.rail-step:nth-child(2)::after{animation-delay:.45s}.rail-step:nth-child(3)::after{animation-delay:.9s}.rail-step:nth-child(4)::after{animation-delay:1.35s}
.rail-k{display:block;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px}
.rail-v{display:block;font-size:.76rem;font-weight:700;color:var(--text-main);line-height:1.2}
@keyframes railPulse{50%{transform:scaleX(1)}}

.hero-title{font-size:clamp(2.35rem,4.7vw,4.55rem);font-weight:800;letter-spacing:-.022em;line-height:1.04;margin:0 0 22px;text-shadow:0 20px 60px rgba(0,0,0,.55)}
.hero-title .row{display:block;color:var(--text-main)}
.hero-title .lime-text{display:inline-block;background:linear-gradient(90deg,var(--green-bright) 0%,var(--lime) 48%,#f4ffd0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(102,255,227,.18))}

.hero-desc{font-size:clamp(1rem,1.18vw,1.15rem);color:var(--text-soft);line-height:1.72;max-width:610px;margin:0 0 28px}
.hero-desc .em{color:var(--lime);font-weight:400;font-style:normal}

.hero-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.hero-cta-row .btn{padding:14px 22px;font-size:.82rem}

.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:650px}
.trust-pill{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;font-family:var(--font-body);font-size:.82rem;color:var(--text-soft);padding:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:8px}
.trust-pill .ico{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(102,255,227,.08);border:1px solid rgba(102,255,227,.22);color:var(--green);flex-shrink:0}
.trust-pill .ico svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.command-strip{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;max-width:650px;margin-top:18px;padding:12px 14px;border:1px solid rgba(102,255,227,.2);background:linear-gradient(90deg,rgba(102,255,227,.09),rgba(255,255,255,.025));border-radius:8px;font-family:var(--font-mono)}
.command-strip .cmd{font-size:.72rem;color:#d8ffe9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-strip .cmd strong{color:var(--lime);font-weight:700}
.command-strip .latency{font-size:.66rem;color:var(--green);letter-spacing:.08em;text-transform:uppercase}

/* Hero visual: architecture image + dashboard + terminal */
.hero-visual{position:relative;width:100%;aspect-ratio:auto}
.hero-arch{
  position:relative;width:100%;border-radius:var(--radius-lg);overflow:visible;
  background:linear-gradient(160deg,rgba(102,255,227,.12) 0%,rgba(0,0,0,0) 50%,rgba(255,255,186,.08) 100%);
  border:1px solid var(--line);
  box-shadow:0 34px 90px rgba(0,0,0,.68),0 0 0 1px rgba(102,255,227,.1),inset 0 1px 0 rgba(255,255,255,.08);
  padding:18px 18px 14px;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.hero-arch::before{content:"";position:absolute;inset:18px;border-radius:12px;border:1px solid rgba(102,255,227,.18);pointer-events:none;z-index:2}
.hero-arch-img{width:100%;height:auto;display:block;border-radius:12px;mix-blend-mode:lighten;opacity:.78;filter:drop-shadow(0 14px 36px rgba(102,255,227,.18)) saturate(1.1)}
.hero-arch-tag{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:rgba(5,13,10,.78);border:1px solid var(--line);font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green);z-index:3}
.hero-arch-tag .live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite}
.ai-decision-card{position:absolute;left:-24px;top:74px;width:238px;z-index:5;padding:13px 14px;border-radius:10px;background:rgba(5,13,10,.88);border:1px solid rgba(102,255,227,.26);backdrop-filter:blur(16px);box-shadow:0 24px 45px rgba(0,0,0,.55)}
.ai-decision-card .t{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.ai-decision-card .score{font-family:var(--font-head);font-size:1.7rem;font-weight:800;color:#fff;line-height:1}
.ai-decision-card .score span{color:var(--lime);font-size:.88rem}
.ai-decision-card p{margin:7px 0 0;color:var(--text-soft);font-size:.72rem;line-height:1.45}
.ai-action-stack{position:absolute;right:10px;top:52px;z-index:5;display:flex;flex-direction:column;gap:8px;width:210px}
.ai-action{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.84);color:#06100c;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 34px rgba(0,0,0,.24)}
.ai-action span{font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:#117a51}
.ai-action strong{font-size:.76rem}
.ai-action:nth-child(2){transform:translateX(-18px);background:rgba(244,255,238,.9)}
.ai-action:nth-child(3){transform:translateX(10px);background:rgba(255,255,255,.78)}

/* Floating dashboard card */
.dash-float{
  position:absolute;
  right:-18px;bottom:-28px;width:min(78%,520px);
  background:rgba(11,22,18,.92);border:1px solid rgba(102,255,227,.22);border-radius:var(--radius);
  padding:14px 16px;backdrop-filter:blur(18px);
  box-shadow:0 30px 60px rgba(0,0,0,.7),0 0 0 1px rgba(102,255,227,.06);
  z-index:4;
}
.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dash-brand{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.dash-brand strong{color:#fff;font-weight:700}
.dash-brand .q{color:var(--green)}
.dash-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.62rem;font-weight:600;color:var(--green);text-transform:uppercase;letter-spacing:.12em}
.dash-live .live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:5px}
.kpi{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.kpi .lbl{font-family:var(--font-mono);font-size:.56rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}
.kpi .val{font-family:var(--font-head);font-weight:800;font-size:.95rem;color:#fff;line-height:1.1;margin:2px 0}
.kpi .dt{font-family:var(--font-mono);font-size:.56rem;font-weight:600;display:inline-flex;align-items:center;gap:2px}
.kpi .dt.up{color:var(--green)}
.kpi .dt.warn{color:var(--orange)}
.kpi-spark{width:100%;height:14px;margin-top:4px;display:block}
.kpi-spark path{stroke-dasharray:120;stroke-dashoffset:120;animation:drawLine 1.6s ease-out forwards;animation-delay:.4s}
.kpi-spark.warn path{animation-delay:.6s}
@keyframes drawLine{to{stroke-dashoffset:0}}

.live-chart{position:relative;height:90px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow:hidden;margin-bottom:8px}
.live-chart .lc-head{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.live-chart .lc-head .total{color:var(--green);font-weight:700;font-size:.7rem}
.live-chart svg{width:100%;height:54px;display:block;overflow:visible}
.live-chart .lc-fill{fill:url(#liveGrad)}
.live-chart .lc-line{fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.live-chart .lc-dot{fill:var(--green);filter:drop-shadow(0 0 6px rgba(102,255,227,.85))}

.dash-row3{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:5px}
.dash-card{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:8px;padding:6px 8px}
.dash-card .title{font-family:var(--font-mono);font-size:.56rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}

.funnel-row{display:flex;align-items:center;gap:5px;margin-bottom:3px;font-family:var(--font-mono);font-size:.56rem;color:var(--text-soft)}
.funnel-row .nm{width:46px;flex-shrink:0;color:var(--text-muted)}
.funnel-row .tr{flex:1;height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.funnel-row .fl{height:100%;width:0;background:linear-gradient(90deg,var(--green-dim),var(--green));border-radius:2px;transition:width 1.4s cubic-bezier(.4,0,.2,1)}
.funnel-row .pc{width:24px;text-align:right;color:var(--text-main);font-weight:700;font-size:.58rem}

.donut-card{display:flex;align-items:center;gap:6px}
.donut-svg{width:48px;height:48px;flex-shrink:0;transform:rotate(-90deg)}
.donut-svg circle{fill:none;stroke-width:7;transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1);stroke-linecap:round}
.donut-svg .bg{stroke:rgba(255,255,255,.05)}
.donut-svg .seg-1{stroke:var(--green)}
.donut-svg .seg-2{stroke:var(--orange)}
.donut-svg .seg-3{stroke:var(--lime)}
.donut-legend{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:.55rem;color:var(--text-soft)}
.donut-legend .lg{display:inline-flex;align-items:center;gap:5px}
.donut-legend .sw{width:6px;height:6px;border-radius:50%}

.status-card .top{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.56rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.status-card .top .run{display:inline-flex;align-items:center;gap:4px;color:var(--green)}
.status-card .top .run::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 1.8s infinite}
.status-card .data-label{font-family:var(--font-mono);font-size:.54rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.status-card .data-val{font-family:var(--font-head);font-weight:800;color:var(--green);font-size:.9rem;line-height:1.1;margin-bottom:6px}
.status-card svg{width:100%;height:22px}
.status-card path.line{fill:none;stroke:var(--green);stroke-width:1.4;stroke-dasharray:160;stroke-dashoffset:160;animation:drawLine 1.6s ease-out .8s forwards}
.status-card path.fill{fill:url(#statusGrad);opacity:0;animation:fadeIn 1.2s ease-out 1.2s forwards}
@keyframes fadeIn{to{opacity:1}}

/* Terminal panel */
.terminal-card{
  margin-top:18px;background:#02080a;border:1px solid var(--line);border-radius:var(--radius);
  padding:12px 16px 14px;font-family:var(--font-mono);font-size:.74rem;color:#c7ebd9;
  box-shadow:0 20px 50px rgba(0,0,0,.55);
}
.term-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}
.term-dots{display:flex;gap:6px}
.term-dot{width:9px;height:9px;border-radius:50%}
.term-dot.r{background:#ff5e6c}
.term-dot.y{background:#ffbd4a}
.term-dot.g{background:#42d27b}
.term-path{font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted);letter-spacing:.04em}
.term-log{display:flex;flex-direction:column;gap:2px;min-height:115px}
.term-log .ln{line-height:1.55;color:#c7ebd9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.term-log .tag{display:inline-block;color:var(--green);min-width:60px}
.term-log .tag.sync{color:var(--lime)}
.term-log .tag.live{color:var(--orange)}
.term-log .tag.alert{color:var(--rose)}
.term-log .tag.data{color:#7ad9ff}
.term-log .tag.job{color:var(--text-muted)}
.term-log .msg{color:#e8f5ed}
.term-log .ln.fresh{animation:lnIn .3s ease-out}
@keyframes lnIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.term-cursor{display:inline-block;width:8px;height:13px;background:var(--green);margin-left:2px;vertical-align:-2px;animation:cursorBlink 1.05s steps(1) infinite}
@keyframes cursorBlink{50%{opacity:0}}

/* Reference-style hero arrangement — title-top aligns with dashboard-top; CTAs-bottom aligns with terminal-bottom */
.hero{padding:34px 0 0;position:relative}
.hero-eyebrow-bar{position:relative;z-index:3;margin:0 auto 16px;display:flex;align-items:center;gap:14px}
.hero-eyebrow-bar .hero-eyebrow{margin:0}
.hero-eyebrow-bar .bar{flex:1;height:1px;background:linear-gradient(90deg,rgba(102,255,227,.4),transparent)}
.hero-arch-ambient{display:none}
.hero-arch-inline{
  display:block;width:44%;max-width:258px;
  margin:-8px 0 -10px -16px;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0;
  filter:drop-shadow(0 14px 32px rgba(10,77,58,.28)) drop-shadow(0 0 18px rgba(58,138,114,.12));
  align-self:flex-start;
}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:44px;align-items:stretch;min-height:700px}
.hero-copy,.hero-visual{height:auto;min-height:0}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:0}
.hero-copy .hero-cta-row{margin-top:auto;margin-bottom:0;display:flex;gap:12px;flex-wrap:wrap}
.pipeline-rail,.command-strip,.hero-arch-left-wrap{display:none}
.hero-title{font-family:var(--pm-font-heading);font-size:clamp(1.71rem,2.55vw,2.36rem);font-weight:700;line-height:1.26;margin:0;padding:0 0 22px;max-width:600px;letter-spacing:-.012em}
.hero-title .title-desktop,.hero-title .title-mobile{display:flex;flex-direction:column}
.hero-title .title-mobile{display:none}
.hero-title .row{font-weight:700;white-space:nowrap;display:block}
.hero-title .title-desktop .row{font-size:1.04em}
.hero-title .title-desktop .row.line-sm{font-size:.9em}
.hero-desc{max-width:560px;margin:0;font-size:clamp(.96rem,1vw,1.04rem);line-height:1.76;color:rgba(255,255,255,.72)}
/* Full-width risk row spans BOTH columns below the body */
.hero-risk-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.075);position:relative;z-index:2}
.hero-risk-band .risk-pill{justify-content:flex-start;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;padding:0 12px 0 0;color:#e7f3ec;font-size:.74rem;letter-spacing:.03em;line-height:1.35;font-weight:500;font-family:var(--font-mono)}
.hero-risk-band .risk-pill:last-child{border-right:0}
.hero-risk-band .risk-pill .ico{width:24px;height:24px;border-radius:7px;background:rgba(102,255,227,.08);border:1px solid rgba(102,255,227,.22);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.hero-risk-band .risk-pill .ico svg{width:11px;height:11px}
/* Right column: dashboard + terminal as one continuous screen, stretching to column height */
.hero-visual{padding-top:0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;filter:drop-shadow(0 30px 76px rgba(0,0,0,.55))}
.hero-arch{padding:0;background:transparent;border:0;box-shadow:none;transform:none;overflow:visible;display:flex;flex-direction:column;flex:1 1 auto}
.hero-arch::before,.hero-arch-tag,.ai-decision-card,.ai-action-stack,.hero-arch > .hero-arch-img{display:none}
.dash-float{position:relative;right:auto;bottom:auto;width:100%;height:auto;flex:0 1 auto;min-height:248px;margin:0;background:#f8fbf7;color:#07110c;border:1px solid rgba(255,255,255,.24);border-bottom:0;border-radius:16px 16px 0 0;padding:12px;box-shadow:0 0 0 1px rgba(102,255,227,.2);backdrop-filter:none;display:flex;flex-direction:column;gap:5px}
.dash-brand{color:#4d5a55}.dash-brand strong{color:#07110c}.dash-live{color:#0aa86d}
.kpi{background:#fff;border-color:rgba(5,13,10,.06);box-shadow:0 10px 28px rgba(5,13,10,.06)}
.kpi .lbl,.dash-card .title,.status-card .top,.status-card .data-label{color:#52605b}
.kpi .val{color:#07110c}
.live-chart,.dash-card{background:#fff;border-color:rgba(5,13,10,.06);box-shadow:0 10px 28px rgba(5,13,10,.05)}
.live-chart{height:auto;flex:1 1 auto;min-height:76px}
.live-chart svg{height:100%;min-height:52px}
.live-chart .lc-head{color:#52605b}.live-chart .lc-head .total{color:#07110c}
.funnel-row{color:#26302b}.funnel-row .nm{color:#52605b}.funnel-row .tr{background:#dfe6e2}.funnel-row .pc{color:#07110c}
.donut-legend{color:#26302b}.status-card .data-val{color:#0aa86d}
.terminal-card{margin-top:0;width:100%;flex:0 0 auto;min-height:180px;background:#1f2021;border-color:rgba(255,255,255,.14);border-top:0;border-radius:0 0 16px 16px;box-shadow:0 0 0 1px rgba(102,255,227,.08);overflow:hidden;display:flex;flex-direction:column}
.terminal-card .term-log{flex:1 1 auto;min-height:0;overflow:hidden}
.term-log .ln{line-height:1.48}

/* ===========================================================
   SERVICES - Neon Pipeline Layout
=========================================================== */
.services-neon{padding:110px 5vw 130px;position:relative;overflow:hidden;background:linear-gradient(180deg,#000 0%,var(--pm-bg-dark) 100%)}
.services-neon::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:1}
.srv-glow-1{position:absolute;top:20%;right:-10%;width:620px;height:620px;background:radial-gradient(circle,rgba(102,255,227,.08) 0%,transparent 70%);filter:blur(70px);pointer-events:none;z-index:1;animation:glowPulse 9s ease-in-out infinite alternate}
.srv-glow-2{position:absolute;bottom:-10%;left:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(255,255,186,.045) 0%,transparent 70%);filter:blur(70px);pointer-events:none;z-index:1;animation:glowPulse 12s ease-in-out infinite alternate-reverse}
@keyframes glowPulse{0%{opacity:.6;transform:scale(1)}100%{opacity:1;transform:scale(1.1)}}
.services-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:2}
.services-layout{display:grid;grid-template-columns:400px 1fr;gap:4.5rem;align-items:stretch}
.services-left{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.left-content-top{display:flex;flex-direction:column;gap:1.5rem;flex-grow:1}
.services-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a0fce1;text-shadow:0 0 8px rgba(160,252,225,.5)}
.mini-equalizer{display:flex;align-items:flex-end;gap:4px;height:28px}
.mini-bar{width:5px;background:#a0fce1;border-radius:2px;box-shadow:0 0 5px rgba(160,252,225,.4);animation:miniPulse .85s infinite alternate ease-in-out}
@keyframes miniPulse{0%{height:25%}100%{height:100%}}
.services-desc{font-family:var(--font-body);font-size:1.08rem;color:var(--text-soft);line-height:1.8;border-left:2px solid rgba(102,255,227,.34);padding-left:1.15rem;margin:0}
.image-placeholder{width:100%;min-height:300px;flex-grow:1;background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,rgba(8,19,16,.6) 100%);border:1px dashed rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-head);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease}
.image-placeholder:hover{background:rgba(255,255,255,.05);border-color:rgba(102,255,227,.4);color:rgba(255,255,255,.65)}
.visual-panel{flex:none;background:linear-gradient(145deg,rgba(255,255,255,.04) 0%,rgba(8,19,16,.85) 100%);border:1px solid rgba(255,255,255,.09);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.13);border-radius:16px;backdrop-filter:blur(24px);overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.4),inset 0 0 20px rgba(102,255,227,.02);transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease;transform-origin:top center;display:flex;flex-direction:column;padding:16px;width:100%}
.visual-panel:hover{transform:perspective(1000px) rotateX(-5deg) translateY(-2px);box-shadow:0 25px 50px rgba(0,0,0,.6),0 10px 20px rgba(102,255,227,.05)}
.pipeline-label{font-family:var(--font-head);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--lime);margin-bottom:14px;text-shadow:0 0 8px rgba(255,255,186,.3)}
.pipeline-nodes{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:16px;width:100%}
.p-node{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}
.p-node-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;background:rgba(10,112,93,.15);border:1px solid rgba(102,255,227,.2);box-shadow:0 0 10px rgba(102,255,227,.12),inset 0 1px 0 rgba(255,255,255,.06)}
.p-node-icon.yellow{background:rgba(255,255,186,.1);border-color:rgba(255,255,186,.25);box-shadow:0 0 10px rgba(255,255,186,.1),inset 0 1px 0 rgba(255,255,255,.06)}
.p-node-label{font-family:var(--font-head);font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);text-align:center}
.p-arrow{display:flex;align-items:center;flex-shrink:0}.p-arrow-line{width:18px;height:1px;background:linear-gradient(90deg,rgba(102,255,227,.2),rgba(102,255,227,.6));position:relative;overflow:hidden}.p-arrow-line::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,255,227,.9),transparent);animation:flowPulse 2s linear infinite}.p-arrow svg{width:8px;height:8px;stroke:rgba(102,255,227,.5);stroke-width:2;fill:none}
@keyframes flowPulse{0%{left:-100%}100%{left:100%}}
.panel-chart{display:flex;align-items:flex-end;gap:5px;height:44px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.p-bar{flex:1;background:linear-gradient(to top,#0a705d,var(--green));border-radius:2px 2px 0 0;box-shadow:0 0 8px rgba(102,255,227,.3);transform-origin:bottom;animation:barPulse 1.5s ease-in-out infinite alternate}.p-bar.yellow-bar{background:linear-gradient(to top,rgba(255,255,186,.4),rgba(255,255,186,.8));box-shadow:0 0 8px rgba(255,255,186,.2)}
@keyframes barPulse{0%{opacity:.5;transform:scaleY(.4)}100%{opacity:1;transform:scaleY(1.15)}}
.panel-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between}.panel-status{display:flex;align-items:center;gap:6px;font-family:var(--font-head);font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px rgba(255,255,186,.3);animation:blink 2s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.services-cta{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;font-family:var(--font-head);font-size:1rem;font-weight:700;padding:15px 28px;border-radius:10px;text-decoration:none;background:linear-gradient(135deg,rgba(102,255,227,.2),rgba(102,255,227,.08));color:#fff;border:1px solid rgba(102,255,227,.45);box-shadow:0 0 22px rgba(102,255,227,.14),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px);transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1.5rem}.services-cta:hover{background:linear-gradient(135deg,rgba(255,255,186,.15),rgba(255,255,186,.05));border-color:var(--lime);box-shadow:0 0 36px rgba(255,255,186,.25),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-3px);color:var(--lime)}
.services-right{display:flex;flex-direction:column;gap:2.25rem}.services-title-wrapper{display:flex;align-items:flex-end;gap:1.25rem}.title-avatar{width:88px;height:88px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;top:20px;animation:popAvatar 3.5s ease-in-out infinite alternate;transform-origin:bottom center}.title-avatar svg{width:100%;height:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
@keyframes popAvatar{0%{transform:scale(1)}100%{transform:scale(1.1)}}@keyframes chartRise{0%{transform:scaleY(.3);opacity:.6}100%{transform:scaleY(1);opacity:1}}@keyframes lineGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(102,255,227,.4))}50%{filter:drop-shadow(0 0 8px rgba(102,255,227,.9))}}.chart-bar{transform-origin:bottom;animation:chartRise 2s ease-in-out infinite alternate cubic-bezier(.4,0,.2,1)}.chart-line{animation:lineGlow 3s ease-in-out infinite}
.services-title{font-family:var(--font-head);font-size:clamp(1.6rem,2.3vw,2.5rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0}.text-white{color:#fff}.text-yellow{color:var(--lime);background:linear-gradient(90deg,var(--lime) 0%,#fff 48%,var(--lime) 100%);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGlint 7s linear infinite}@keyframes textGlint{0%{background-position:-200% center}100%{background-position:200% center}}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.service-card{background:linear-gradient(145deg,rgba(255,255,255,.035) 0%,rgba(8,19,16,.75) 100%);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.4rem;backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.45);transition:all .4s cubic-bezier(.4,0,.2,1)}
.service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,186,.025),transparent 55%);pointer-events:none;transition:all .4s ease;border-radius:inherit}.service-card:hover{transform:translateY(-6px);border-color:rgba(255,255,186,.4);box-shadow:0 28px 55px rgba(0,0,0,.75),0 0 28px rgba(255,255,186,.14)}.service-card:hover::before{background:radial-gradient(circle at top left,rgba(255,255,186,.07),transparent 55%)}
.step-number{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--lime);background:linear-gradient(135deg,rgba(255,255,186,.18),rgba(255,255,186,.06));border:1px solid rgba(255,255,186,.28);border-radius:6px;padding:3px 9px;width:fit-content;box-shadow:0 0 10px rgba(255,255,186,.12),inset 0 1px 0 rgba(255,255,255,.07);margin-bottom:-.25rem}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.service-card h3{font-family:var(--font-head);font-size:1.15rem;font-weight:800;color:#fff;margin:0;line-height:1.25;letter-spacing:-.015em;flex:1}
.service-icon-box{width:50px;height:50px;border-radius:11px;background:rgba(10,112,93,.25);border:1px solid rgba(102,255,227,.35);display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0;box-shadow:inset 0 0 14px rgba(102,255,227,.12),0 0 10px rgba(10,112,93,.15);transition:all .4s cubic-bezier(.4,0,.2,1)}.service-icon-box svg{width:24px;height:24px;animation:floatIcon 3s ease-in-out infinite}.service-card:nth-child(1) .service-icon-box svg{animation-delay:0s}.service-card:nth-child(2) .service-icon-box svg{animation-delay:.45s}.service-card:nth-child(3) .service-icon-box svg{animation-delay:.9s}.service-card:nth-child(4) .service-icon-box svg{animation-delay:1.35s}
@keyframes floatIcon{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 2px currentColor)}50%{transform:translateY(-4px) scale(1.1);filter:drop-shadow(0 0 8px currentColor)}}.service-card:hover .service-icon-box{background:rgba(255,255,186,.14);border-color:var(--lime);color:var(--lime);transform:scale(1.1) rotate(-5deg);box-shadow:inset 0 0 18px rgba(255,255,186,.18),0 0 16px rgba(255,255,186,.18)}.service-card:hover .service-icon-box svg{animation:none;transform:scale(1.1);filter:drop-shadow(0 0 6px currentColor)}
.card-tag{display:inline-block;font-family:var(--font-head);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:linear-gradient(135deg,rgba(102,255,227,.14),rgba(102,255,227,.05));border:1px solid rgba(102,255,227,.28);padding:4px 10px;border-radius:6px;box-shadow:0 0 8px rgba(102,255,227,.1),inset 0 1px 0 rgba(255,255,255,.06);width:fit-content}.service-card p{font-family:var(--font-body);font-size:14px;color:var(--text-soft);line-height:1.72;margin:0;flex-grow:1}.service-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem}.service-features li{font-family:var(--font-head);font-size:13px;font-weight:500;color:#e8e8ec;display:flex;align-items:center;gap:.5rem}.service-features li svg{flex-shrink:0;color:var(--lime);width:13px;height:13px;filter:drop-shadow(0 0 3px rgba(255,255,186,.4))}
.reveal-up{opacity:0;transform:translateY(36px);transition:opacity .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.4,0,.2,1)}.reveal-up.in{opacity:1;transform:translateY(0)}
@media (max-width:1100px){.services-layout{grid-template-columns:1fr;gap:3.5rem}.services-left{gap:2rem;justify-content:flex-start;height:auto}.image-placeholder{min-height:250px}}
@media (max-width:768px){.services-neon{padding:80px 5vw 90px}.services-title{line-height:1.2}.title-avatar{width:70px;height:70px;top:6px}.services-grid{grid-template-columns:1fr}.pipeline-nodes{gap:2px;justify-content:center}.p-node-icon{width:28px;height:28px;font-size:12px}.p-node-label{font-size:7px;letter-spacing:0}.p-arrow-line{width:10px}}

/* ===========================================================
   PORTFOLIO
=========================================================== */
.portfolio{padding:120px 0 110px;position:relative;background:linear-gradient(180deg,var(--pm-bg-dark) 0%,var(--pm-bg-deep) 100%)}
.portfolio::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px;flex-wrap:wrap;position:relative}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}
.port{
  background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:#fff;
  transition:transform .35s,border-color .35s,box-shadow .35s;
}
.port:hover{transform:translateY(-4px);border-color:rgba(102,255,227,.35);box-shadow:0 22px 44px rgba(0,0,0,.5)}
.port .port-cover{aspect-ratio:16/9;background:#0a1612;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.port .port-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.65))}
.port .port-cover svg{width:60%;height:60%;color:rgba(102,255,227,.5);z-index:1}
.port .port-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.port:hover .port-cover img{transform:scale(1.05)}
.port .port-cat{position:absolute;top:12px;left:12px;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bg-deep);background:var(--lime);padding:5px 10px;border-radius:6px;z-index:2}
.port .port-cat.g{background:var(--green);color:#062315}
.port .port-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.port h3{font-family:var(--font-head);font-weight:700;font-size:1.08rem;color:#fff;margin:0;letter-spacing:-.01em}
.port p{font-size:.9rem;color:var(--text-soft);line-height:1.55;margin:0;flex:1}
.port .port-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;color:var(--green);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}
.port .port-link svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none}

/* ===========================================================
   BLOG
=========================================================== */
.blog{padding:120px 0 110px;position:relative;background:linear-gradient(180deg,var(--pm-bg-deep) 0%,var(--pm-bg-dark) 100%)}
.blog::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.blog-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px;flex-wrap:wrap;position:relative}
.blog-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;position:relative;z-index:2}
.bcard{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#fff;transition:transform .35s,border-color .35s,box-shadow .35s}
.bcard:hover{transform:translateY(-4px);border-color:rgba(102,255,227,.35);box-shadow:0 22px 44px rgba(0,0,0,.5)}
.bcard .bc-img{aspect-ratio:16/10;overflow:hidden;background:#0a1612;position:relative}
.bcard .bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bcard:hover .bc-img img{transform:scale(1.06)}
.bcard .bc-cat{position:absolute;top:12px;left:12px;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bg-deep);background:var(--green);padding:5px 10px;border-radius:6px;z-index:2}
.bcard .bc-cat.lm{background:var(--lime)}
.bcard.feature .bc-img{aspect-ratio:16/12}
.bcard .bc-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.bcard .bc-meta{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}
.bcard .bc-meta .sep{width:3px;height:3px;background:var(--text-muted);border-radius:50%}
.bcard h3{font-family:var(--font-head);font-weight:700;font-size:1.04rem;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.3}
.bcard.feature h3{font-size:1.32rem}
.bcard p{font-size:.86rem;color:var(--text-soft);line-height:1.55;margin:0;flex:1}
.bcard .bc-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.bcard .bc-link svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none}

/* ===========================================================
   ABOUT
=========================================================== */
.about{padding:120px 0 110px;position:relative;background:linear-gradient(180deg,var(--pm-bg-dark) 0%,var(--pm-bg-deep) 100%)}
.about::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;position:relative;z-index:2}
.about-col{display:flex;flex-direction:column;gap:18px}
.values-grid{display:grid;grid-template-columns:1fr;gap:10px}
.value{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px 18px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;transition:border-color .25s,transform .25s}
.value:hover{border-color:rgba(102,255,227,.3);transform:translateX(2px)}
.value .letter{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(102,255,227,.18),rgba(255,255,186,.12));border:1px solid rgba(102,255,227,.3);border-radius:12px;font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:var(--green)}
.value .body h4{font-family:var(--font-head);font-weight:700;color:#fff;font-size:1rem;margin:0 0 4px}
.value .body p{font-size:.88rem;color:var(--text-soft);margin:0;line-height:1.55}

.vm-card{padding:22px 22px 24px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}
.vm-card::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,var(--green),var(--lime))}
.vm-card .vm-tag{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.vm-card.mission .vm-tag{color:var(--lime)}
.vm-card.mission::before{background:linear-gradient(180deg,var(--lime),var(--green))}
.vm-card h4{font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:#fff;margin:0 0 8px}
.vm-card p{font-size:.92rem;color:var(--text-soft);line-height:1.6;margin:0}

.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.stat{padding:20px 18px;text-align:center;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius)}
.stat .n{font-family:var(--font-head);font-weight:800;font-size:2rem;color:var(--lime);line-height:1;letter-spacing:-.02em}
.stat .l{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:6px}

.quote-band{margin-top:54px;text-align:center;position:relative;z-index:2}
.quote-band .quote-line{display:inline-flex;align-items:center;gap:18px;width:100%;justify-content:center;max-width:920px;margin:0 auto}
.quote-band .ql{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}
.quote-band .qtext{font-family:var(--font-head);font-style:italic;font-weight:600;color:var(--lime);font-size:clamp(1rem,1.6vw,1.25rem);text-align:center;letter-spacing:-.005em}

/* ===========================================================
   CONTACT (form + socials + ratings merged)
=========================================================== */
.contact{padding:120px 0 110px;position:relative;background:linear-gradient(180deg,var(--pm-bg-deep) 0%,var(--pm-bg-dark) 100%)}
.contact::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.contact-head{text-align:center;margin-bottom:48px;position:relative;z-index:2}
.contact-head .h-section{margin-top:14px}
.contact-head .lead{margin:14px auto 0}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;position:relative;z-index:2}
.contact-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column}
.contact-info-card .info-header{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.contact-info-card h3{font-family:var(--font-head);font-weight:800;font-size:1.45rem;color:#fff;margin:0;letter-spacing:-.01em}
.contact-info-card p{font-size:.95rem;color:var(--text-soft);margin:0;line-height:1.65}

.info-list{display:flex;flex-direction:column;gap:14px;margin-top:auto}
.info-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(102,255,227,.04);border:1px solid var(--line);border-radius:var(--radius)}
.info-row .ico{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(102,255,227,.1);border:1px solid rgba(102,255,227,.25);color:var(--green);flex-shrink:0}
.info-row .ico svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
.info-row .meta{display:flex;flex-direction:column;gap:1px}
.info-row .meta .l{font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}
.info-row .meta .v{font-family:var(--font-head);font-weight:600;color:#fff;font-size:.96rem}

.field{position:relative;margin-bottom:14px}
.field input,.field textarea,.field select{
  width:100%;font-family:var(--font-body);font-size:.96rem;color:#fff;
  background:rgba(255,255,255,.025);border:1px solid var(--line-strong);border-radius:10px;
  padding:18px 16px 10px;outline:none;transition:border-color .25s,box-shadow .25s;
}
.field textarea{resize:none;min-height:108px;padding-top:24px}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(102,255,227,.12)}
.field label{position:absolute;left:16px;top:14px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);letter-spacing:.04em;pointer-events:none;transition:all .2s}
.field input:focus + label,.field input:not(:placeholder-shown) + label,
.field textarea:focus + label,.field textarea:not(:placeholder-shown) + label{top:5px;font-size:.6rem;color:var(--green);letter-spacing:.1em;text-transform:uppercase}
.contact-form .btn{width:100%;padding:15px 22px;font-size:.84rem;margin-top:8px}

/* Socials & ratings band */
.social-band{margin-top:54px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:2}
.soc-card{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:#fff;transition:transform .35s,border-color .35s,box-shadow .35s;min-height:330px}
.soc-card:hover{transform:translateY(-4px);border-color:rgba(102,255,227,.32);box-shadow:0 18px 38px rgba(0,0,0,.5)}
.soc-card .sc-img{height:120px;background-size:cover;background-position:center;position:relative}
.soc-card .sc-img.yt::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}
.soc-card .sc-img.yt .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:2}
.soc-card .sc-img.yt .play svg{width:18px;height:18px;fill:#fff}
.soc-card .sc-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.soc-card .sc-top{display:flex;align-items:center;justify-content:space-between}
.soc-card .sc-handle{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-weight:700;font-size:.84rem;color:#fff}
.soc-card .sc-handle svg{width:14px;height:14px;fill:currentColor}
.soc-card .sc-cta{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px;background:rgba(102,255,227,.1);color:var(--green);border:1px solid rgba(102,255,227,.3)}
.soc-card .sc-text{font-size:.8rem;color:var(--text-soft);line-height:1.5;margin:0;flex:1}
.soc-card .sc-text .tag{color:var(--green);font-weight:600}
.soc-card .sc-meta{display:flex;gap:14px;font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted)}

.ratings-band{margin-top:54px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 40px;position:relative;z-index:2}
.ratings-head{text-align:center;margin-bottom:32px}
.ratings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rate-card{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.rate-stars{display:flex;gap:3px}
.rate-stars svg{width:16px;height:16px;fill:var(--lime)}
.rate-quote{color:var(--text-soft);font-size:.96rem;line-height:1.65;font-style:italic;margin:0}
.rate-by{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.rate-by img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(102,255,227,.35)}
.rate-by .nm{font-family:var(--font-head);font-weight:700;font-size:.92rem;color:#fff}
.rate-by .rl{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.04em}

/* ===========================================================
   FOOTER
=========================================================== */
.footer{padding:80px 0 30px;background:var(--pm-bg-deep);border-top:1px solid var(--line);position:relative;overflow:hidden}
.footer-scan{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:scanLine 8s linear infinite}
@keyframes scanLine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:40px;margin-bottom:36px;position:relative;z-index:2}
.footer-brand{display:flex;flex-direction:column;gap:14px}
.footer-brand .brand{margin-bottom:4px}
.footer-brand p{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin:0;max-width:38ch}
.footer-socials{display:flex;gap:8px;margin-top:6px}
.footer-socials a{width:36px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(102,255,227,.08);border:1px solid rgba(102,255,227,.18);color:var(--green);transition:all .25s}
.footer-socials a:hover{background:var(--green);color:#062315;transform:translateY(-2px)}
.footer-socials svg{width:15px;height:15px;fill:currentColor}
.footer-col h4{font-family:var(--font-head);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin:0 0 14px}
.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.footer-col a{font-size:.9rem;color:var(--text-muted);transition:color .2s}
.footer-col a:hover{color:var(--green)}
.footer-nl p{color:var(--text-muted);font-size:.88rem;line-height:1.55;margin:0 0 14px}
.nl-form{display:flex;gap:8px}
.nl-form input{flex:1;background:rgba(255,255,255,.03);border:1px solid var(--line-strong);border-radius:8px;padding:11px 12px;color:#fff;font-size:.88rem;outline:none;font-family:var(--font-body)}
.nl-form input:focus{border-color:var(--green)}
.nl-form button{background:linear-gradient(135deg,var(--green),var(--lime));color:#062315;font-family:var(--font-mono);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding:11px 16px;border-radius:8px;transition:transform .2s}
.nl-form button:hover{transform:translateY(-2px)}

.footer-bot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}
.footer-bot-links{display:flex;gap:18px}
.footer-bot-links a{color:var(--text-muted)}
.footer-bot-links a:hover{color:var(--green)}
.sys-status{display:inline-flex;align-items:center;gap:8px;color:var(--green)}
.sys-status .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite}

/* ===========================================================
   MOBILE NAV OVERLAY
=========================================================== */
.mobile-menu{position:fixed;inset:0;background:rgba(5,13,10,.96);backdrop-filter:blur(20px);z-index:100;display:none;flex-direction:column;padding:32px 24px}
.mobile-menu.open{display:flex}
.mm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.mm-close{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 0 0 1px var(--line-strong)}
.mm-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.mm-nav{display:flex;flex-direction:column;gap:6px}
.mm-nav a{padding:18px 16px;font-family:var(--font-head);font-weight:700;font-size:1.2rem;color:#fff;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.mm-nav a:hover,.mm-nav a:focus{background:rgba(102,255,227,.08);color:var(--green);border-color:rgba(102,255,227,.3)}
.mm-nav a svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}
.mm-cta{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.mm-cta .btn{justify-content:center;padding:16px}
.mm-socials{display:flex;justify-content:center;gap:12px;margin-top:28px}
.mm-socials a{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(102,255,227,.06);border:1px solid var(--line);color:var(--text-soft)}
.mm-socials a:hover{color:var(--green)}
.mm-socials svg{width:18px;height:18px;fill:currentColor}

/* ===========================================================
   PRE-LAUNCH SECTIONS
=========================================================== */

/* Built-on credibility wall */
.creds{padding:42px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(102,255,227,.025),transparent);position:relative;z-index:5}
.creds-head{text-align:center;margin-bottom:22px}
.creds-head .lbl{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase}
.creds-head .ttl{font-family:var(--font-head);font-weight:700;color:var(--text-soft);font-size:1.05rem;margin-top:4px}
.creds-head .ttl em{color:var(--green);font-style:normal}
.creds-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px;opacity:.95}
.cred-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:.92rem;color:var(--text-soft);filter:grayscale(.6) brightness(1.05);transition:filter .25s,color .25s,transform .25s}
.cred-logo:hover{filter:none;color:#fff;transform:translateY(-2px)}
.cred-logo .ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--green)}
.cred-logo .ico svg{width:100%;height:100%;fill:currentColor}

/* Live product showcase */
.product{padding:110px 0;position:relative;background:linear-gradient(180deg,var(--pm-bg-deep) 0%,#040a08 100%)}
.product::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.product-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;position:relative;z-index:2}
.product-copy .h-section{margin-top:14px;margin-bottom:16px}
.product-copy .lead{margin-bottom:22px}
.feat-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}
.feat-list li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--text-soft)}
.feat-list .ck{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:rgba(102,255,227,.12);color:var(--green);border:1px solid rgba(102,255,227,.28);margin-top:1px}
.feat-list .ck svg{width:12px;height:12px;stroke:currentColor;stroke-width:3;fill:none}
.product-cta-row{display:flex;gap:12px;flex-wrap:wrap}

.product-screen{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,rgba(102,255,227,.10),rgba(0,0,0,0) 60%);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(102,255,227,.05)}
.product-screen .browser{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(0,0,0,.55);border-bottom:1px solid var(--line)}
.product-screen .browser .dots{display:flex;gap:5px}
.product-screen .browser .dots span{width:9px;height:9px;border-radius:50%}
.product-screen .browser .dots span:nth-child(1){background:#ff5e6c}
.product-screen .browser .dots span:nth-child(2){background:#ffbd4a}
.product-screen .browser .dots span:nth-child(3){background:#42d27b}
.product-screen .browser .url{flex:1;font-family:var(--font-mono);font-size:.74rem;color:var(--green);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:6px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px}
.product-screen .browser .url svg{width:11px;height:11px;stroke:currentColor;stroke-width:2;fill:none;color:var(--text-muted)}
.product-screen .mock{padding:18px;background:linear-gradient(180deg,#04130d 0%,#020a07 100%);min-height:340px;display:grid;gap:10px}
.mock-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(102,255,227,.04);border:1px solid var(--line);border-radius:10px}
.mock-row .pic{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,rgba(102,255,227,.3),rgba(255,255,186,.15));border:1px solid rgba(102,255,227,.3);display:flex;align-items:center;justify-content:center;color:var(--green);font-family:var(--font-mono);font-size:.7rem;font-weight:700;flex-shrink:0}
.mock-row .tx{flex:1;font-family:var(--font-mono);font-size:.78rem;color:var(--text-soft);line-height:1.4}
.mock-row .tx strong{color:#fff;font-weight:700}
.mock-row .vl{font-family:var(--font-head);font-weight:800;color:var(--green);font-size:.92rem}
.mock-row .vl.warn{color:var(--orange)}
.mock-bars{display:flex;align-items:flex-end;gap:5px;height:64px;padding:12px 14px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:10px}
.mock-bars span{flex:1;background:linear-gradient(180deg,var(--green),var(--green-dim));border-radius:2px;animation:barPulse 2.8s ease-in-out infinite alternate;transform-origin:bottom}
.mock-bars span.lm{background:linear-gradient(180deg,var(--lime),var(--lime-soft))}
@keyframes barPulse{from{transform:scaleY(.7)}to{transform:scaleY(1)}}

/* How it works */
.how{padding:110px 0;position:relative;background:linear-gradient(180deg,#040a08,var(--pm-bg-deep))}
.how::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.how-head{text-align:center;max-width:720px;margin:0 auto 56px;position:relative;z-index:2}
.how-head .h-section{margin-top:14px}
.how-head .lead{margin:14px auto 0}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}
.how-step{position:relative;padding:28px 24px 26px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;transition:transform .35s,border-color .35s,box-shadow .35s}
.how-step:hover{transform:translateY(-4px);border-color:rgba(102,255,227,.3);box-shadow:0 18px 38px rgba(0,0,0,.5)}
.how-step .num{font-family:var(--font-head);font-weight:800;font-size:2.1rem;color:transparent;-webkit-text-stroke:1.5px var(--green);line-height:1;letter-spacing:-.02em}
.how-step .when{font-family:var(--font-mono);font-size:.64rem;font-weight:600;color:var(--lime);text-transform:uppercase;letter-spacing:.14em}
.how-step h4{font-family:var(--font-head);font-weight:700;color:#fff;font-size:1.08rem;margin:0;letter-spacing:-.01em}
.how-step p{font-size:.9rem;color:var(--text-soft);line-height:1.55;margin:0;flex:1}
.how-step .arr{position:absolute;top:50%;right:-14px;width:28px;height:28px;border-radius:50%;background:var(--pm-bg-deep);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--green);z-index:3;transform:translateY(-50%)}
.how-step .arr svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.4;fill:none}
.how-step:last-child .arr{display:none}

/* Meet the Founder */
.founder{padding:110px 0;position:relative;background:linear-gradient(180deg,var(--pm-bg-deep) 0%,#040a08 100%)}
.founder::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.founder-card{position:relative;display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start;padding:48px;background:linear-gradient(135deg,rgba(102,255,227,.06),rgba(0,0,0,0) 50%),var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;z-index:2}
.founder-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--green),var(--lime),transparent)}
.founder-photo{position:relative;width:340px;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,rgba(102,255,227,.18),rgba(255,255,186,.12));border:1px solid rgba(102,255,227,.22)}
.founder-photo img{width:100%;height:100%;object-fit:cover;display:block}
.founder-photo .placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.founder-photo .placeholder .initials{font-family:var(--font-head);font-weight:800;font-size:5rem;letter-spacing:-.03em;background:linear-gradient(135deg,var(--green),var(--lime));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1}
.founder-photo .placeholder .hint{font-family:var(--font-mono);font-size:.64rem;color:var(--text-muted);text-align:center;letter-spacing:.06em;padding:0 18px;line-height:1.5}
.founder-info h2{margin-bottom:6px}
.founder-info .role{font-family:var(--font-mono);font-size:.76rem;color:var(--lime);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;display:inline-flex;align-items:center;gap:8px}
.founder-info .role::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.founder-bio p{font-size:.98rem;color:var(--text-soft);line-height:1.7;margin:0 0 14px}
.founder-bio p strong{color:#fff;font-weight:600}
.founder-creds{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.cred-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;color:var(--text-soft);padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.cred-chip .ico{color:var(--green);width:13px;height:13px}
.cred-chip .ico svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;fill:none}
.founder-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.founder-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.025);border:1px solid var(--line-strong);color:#fff;transition:all .25s}
.founder-link:hover{background:rgba(102,255,227,.08);border-color:var(--green);color:var(--green);transform:translateY(-2px)}
.founder-link svg{width:14px;height:14px;fill:currentColor}

/* Founding Member Offer */
.offer{padding:110px 0;position:relative;background:linear-gradient(180deg,#040a08 0%,var(--pm-bg-deep) 100%)}
.offer::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.offer-card{position:relative;background:linear-gradient(135deg,rgba(102,255,227,.10),rgba(0,0,0,0) 60%),linear-gradient(180deg,rgba(255,255,186,.04),transparent),var(--bg-panel);border:1px solid rgba(102,255,227,.28);border-radius:var(--radius-lg);padding:54px 48px;overflow:hidden;z-index:2}
.offer-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--green),var(--lime),var(--green));animation:scanLine 6s linear infinite}
.offer-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,186,.08),transparent 50%);pointer-events:none}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}
.offer-copy .label{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(255,255,186,.12);border:1px solid rgba(255,255,186,.35);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin-bottom:18px}
.offer-copy .label .blink{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.2s infinite}
.offer-copy h2{font-family:var(--font-head);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.8rem,2.8vw,2.6rem);color:#fff;margin:0 0 14px;line-height:1.1}
.offer-copy h2 .price{color:var(--lime);background:linear-gradient(180deg,var(--lime),var(--lime-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.offer-copy .sub{font-size:1rem;color:var(--text-soft);line-height:1.65;margin:0 0 20px;max-width:48ch}
.slots-meter{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;margin-bottom:22px}
.slots-meter .pills{display:flex;gap:6px;flex:1}
.slots-meter .pill{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.05)}
.slots-meter .pill.taken{background:linear-gradient(90deg,var(--green-dim),var(--green))}
.slots-meter .ct{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--lime);white-space:nowrap}
.offer-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.offer-benefits{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.offer-benefits .h{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:18px}
.offer-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.offer-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--text-soft);line-height:1.55}
.offer-benefits li .ck{flex-shrink:0;width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),var(--lime));color:var(--pm-bg-deep);margin-top:1px;font-weight:800}
.offer-benefits li .ck svg{width:12px;height:12px;stroke:currentColor;stroke-width:3.4;fill:none}
.offer-benefits li strong{color:#fff;font-weight:600}

/* Free Resources / lead magnets */
.resources{padding:110px 0;position:relative;background:linear-gradient(180deg,var(--pm-bg-deep) 0%,#040a08 100%)}
.resources::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.res-head{text-align:center;margin-bottom:48px;position:relative;z-index:2}
.res-head .h-section{margin-top:14px}
.res-head .lead{margin:14px auto 0}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}
.res-card{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.res-card:hover{transform:translateY(-4px);border-color:rgba(102,255,227,.35);box-shadow:0 22px 44px rgba(0,0,0,.5)}
.res-card .res-cover{aspect-ratio:5/3;background:linear-gradient(135deg,rgba(102,255,227,.18),rgba(255,255,186,.08));border-bottom:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.res-card .res-cover::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:24px 24px}
.res-card .res-cover svg{width:64px;height:64px;color:var(--green);position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(102,255,227,.4))}
.res-card .res-tag{position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pm-bg-deep);background:var(--lime);padding:4px 10px;border-radius:6px;z-index:2}
.res-card .res-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.res-card h3{font-family:var(--font-head);font-weight:700;font-size:1.06rem;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.3}
.res-card p{font-size:.9rem;color:var(--text-soft);line-height:1.55;margin:0;flex:1}
.res-card .res-meta{display:flex;gap:14px;font-family:var(--font-mono);font-size:.64rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:4px 0}
.res-card .res-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.74rem;font-weight:700;color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.res-card .res-link svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none}

/* FAQ */
.faq{padding:110px 0;position:relative;background:linear-gradient(180deg,#040a08,var(--pm-bg-deep))}
.faq::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.faq-head{text-align:center;margin-bottom:48px;position:relative;z-index:2}
.faq-list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.faq-item{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .25s}
.faq-item.open{border-color:rgba(102,255,227,.32)}
.faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;font-family:var(--font-head);font-weight:600;font-size:1.02rem;color:#fff;text-align:left;cursor:pointer;gap:14px;background:transparent;border:0}
.faq-q:hover{color:var(--green)}
.faq-q .ic{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(102,255,227,.08);color:var(--green);flex-shrink:0;transition:transform .3s,background .25s}
.faq-q .ic svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.6;fill:none}
.faq-item.open .faq-q .ic{transform:rotate(45deg);background:var(--green);color:var(--pm-bg-deep)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
.faq-a-inner{padding:0 24px 22px;color:var(--text-soft);font-size:.94rem;line-height:1.7}

/* Risk-reversal pill row (replaces trust badges) */
.risk-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.risk-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--text-soft);padding:8px 12px;border-radius:14px;background:rgba(102,255,227,.05);border:1px solid rgba(102,255,227,.18)}
.risk-pill .ico{width:14px;height:14px;color:var(--green)}
.risk-pill .ico svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.2;fill:none}

/* ===========================================================
   SQUIRCLE OVERRIDES + YELLOW HOVERS (applied last to win cascade)
=========================================================== */
/* Squircle radius on all interactive elements */
.btn,.btn-primary,.btn-ghost,.btn-outline,.cta-btn,.hero-cta-row .btn,
.product-cta-row .btn,.offer-cta-row .btn,.nl-btn,.btn-deploy{
  border-radius:16px!important
}
.field input,.field textarea,.field select,
.nl-input,.pm-form-input,
.pm-form-input,.nl-form input{
  border-radius:14px!important
}
.contact-card,.contact-form-wrap,.offer-card,.offer-benefits,.founder-card,
.dash-card,.kpi,.live-chart,.dash-float,.terminal-card,
.product-screen,.mock-row,.mock-bars{
  /* preserve existing radii but enforce squircle on key cards */
}
/* Squircle the eyebrows + chips + pills (was pill 99px → soft 14px) */
.hero-eyebrow{border-radius:14px}
.cred-chip{border-radius:14px}
.risk-pill,.hero-risk-band .risk-pill .ico{border-radius:14px}
.trust-pill{border-radius:14px}
.acc-badge,.bcard .bc-cat,.port-cat,.res-tag,.card-cat{border-radius:8px}

/* Yellow hover states throughout */
.btn-ghost{transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.btn-ghost:hover{background:var(--yellow-hover);color:var(--lime);box-shadow:inset 0 0 0 1.5px var(--lime);transform:translateY(-2px)}
.btn-outline:hover{box-shadow:inset 0 0 0 1.5px var(--lime);color:var(--lime);background:var(--yellow-hover)}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,186,.65),0 14px 34px rgba(255,255,186,.32),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-all:hover{background:var(--yellow-hover);border-color:var(--lime);color:var(--lime);transform:translateX(2px)}
.soc:hover{color:var(--lime);background:rgba(255,255,186,.12)}
.h-soc-btn:hover{color:var(--lime);background:rgba(255,255,186,.12)}
.cred-chip:hover{border-color:rgba(255,255,186,.45);color:var(--lime);background:rgba(255,255,186,.06)}
.cred-chip:hover .ico{color:var(--lime)}
.founder-link:hover{background:var(--yellow-hover);border-color:var(--lime);color:var(--lime)}
.footer-col a:hover,.footer-bot-links a:hover,.footer-links a:hover{color:var(--lime)}
.footer-socials a:hover{background:var(--lime);color:var(--pm-bg-deep)}
.svc:hover{border-color:rgba(255,255,186,.4);box-shadow:0 22px 44px rgba(0,0,0,.45),0 0 24px rgba(255,255,186,.1)}
.svc:hover .more{color:var(--lime)}
.svc .more{transition:color .25s,gap .25s}
.svc .more:hover,.svc:hover .more{color:var(--lime)}
.port:hover,.bcard:hover,.res-card:hover,.soc-card:hover,.how-step:hover{border-color:rgba(255,255,186,.4)}
.port-link,.bc-link,.res-link,.card-read{transition:color .25s}
.port:hover .port-link,.bcard:hover .bc-link,.res-card:hover .res-link{color:var(--lime)}
.nav-tab:hover{background:var(--yellow-hover);color:var(--lime);border-color:rgba(255,255,186,.5)}
.dropdown-item:hover{background:var(--yellow-hover);color:var(--lime)}
.acc-trigger:hover .acc-label{color:var(--lime)}
.faq-q:hover{color:var(--lime)}
.faq-q:hover .ic{background:rgba(255,255,186,.15);color:var(--lime)}
.faq-item.open .faq-q .ic{background:var(--lime);color:var(--pm-bg-deep)}
.faq-item.open{border-color:rgba(255,255,186,.4)}
.mm-nav a:hover,.mm-nav a:focus{background:var(--yellow-hover);color:var(--lime);border-color:rgba(255,255,186,.5)}
.mm-socials a:hover{color:var(--lime)}
.dropdown-item:hover::before{background:var(--lime);box-shadow:0 0 6px var(--lime)}
.nav-link.is-active::after,.nav-link.is-active::before{display:none}

/* ===========================================================
   DASHBOARD GLASS-YELLOW OUTLINE + HOVER SHADOW ANIMATION
=========================================================== */
.dash-float{
  border:1px solid rgba(255,255,186,.45)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 0 0 1px rgba(255,255,186,.18),
    0 0 0 1px rgba(255,255,186,.12),
    0 20px 48px rgba(0,0,0,.45),
    0 0 28px rgba(255,255,186,.18)!important;
  transition:box-shadow .8s cubic-bezier(.4,0,.2,1),transform .6s ease;
  position:relative;
}
.dash-float::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,186,.55) 0%,rgba(255,255,186,0) 28%,rgba(255,255,186,0) 72%,rgba(255,255,186,.45) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  padding:1px;opacity:.7;
}
/* dashShine horizontal sweep removed — vertical scan beam in .data-ribbons is the only ambient beam */
.dash-float::after{display:none}
.dash-float:hover{
  transform:translateY(-3px);
  animation:dashHoverPulse 2.6s ease-in-out infinite;
}
@keyframes dashHoverPulse{
  0%,100%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.7),
      inset 0 0 0 1px rgba(255,255,186,.3),
      0 0 0 1px rgba(255,255,186,.25),
      0 26px 58px rgba(0,0,0,.55),
      0 0 38px rgba(255,255,186,.32);
  }
  50%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 0 0 1px rgba(255,255,186,.55),
      0 0 0 1px rgba(255,255,186,.45),
      0 30px 70px rgba(0,0,0,.6),
      0 0 70px rgba(255,255,186,.5),
      0 0 110px rgba(255,255,186,.22);
  }
}
/* Pair the terminal's outline with the dashboard */
.terminal-card{
  border:1px solid rgba(255,255,186,.22)!important;
  border-top:0!important;
  box-shadow:
    0 0 0 1px rgba(255,255,186,.12),
    0 24px 50px rgba(0,0,0,.55)!important;
  transition:box-shadow .6s ease;
}
.dash-float:hover + .terminal-card,
.hero-arch:hover .terminal-card{
  box-shadow:
    0 0 0 1px rgba(255,255,186,.32),
    0 28px 60px rgba(0,0,0,.6),
    0 0 38px rgba(255,255,186,.18)!important;
}

/* ===========================================================
   DEEPER GREEN IN DASHBOARD CHARTS
=========================================================== */
/* KPI spark lines */
.dash-float .kpi-spark path[stroke="var(--green)"]{stroke:var(--green-deep)!important}
.dash-float .kpi .dt.up{color:var(--green-deeper)!important}
.dash-float .live-chart .lc-line{stroke:var(--green-deep)!important}
.dash-float .live-chart .lc-dot{fill:var(--green-deep)!important;filter:drop-shadow(0 0 6px rgba(10,168,109,.85))!important}
.dash-float .lc-fill{fill:url(#liveGradDeep)!important}
.dash-float .funnel-row .fl{background:linear-gradient(90deg,var(--green-deeper),var(--green-deep))!important}
.dash-float .donut-svg .seg-1{stroke:var(--green-deep)!important}
.dash-float .donut-svg .seg-3{stroke:var(--green-deeper)!important}
.dash-float .donut-legend .lg .sw[style*="--green"]{background:var(--green-deep)!important}
.dash-float .status-card path.line{stroke:var(--green-deep)!important}
.dash-float .status-card .data-val{color:var(--green-deeper)!important}
.dash-float .status-card .top .run{color:var(--green-deeper)!important}
.dash-float .status-card .top .run::before{background:var(--green-deeper);box-shadow:0 0 6px var(--green-deeper)}
.dash-float .dash-live{color:var(--green-deeper)!important}
.dash-float .dash-live .live-dot{background:var(--green-deeper);box-shadow:0 0 8px var(--green-deeper)}

/* ===========================================================
   ABOUT — Expandable accordions (Vision/Mission/PRO values)
   Replicates 04_About_Portfolio.html structure
=========================================================== */
.about .acc-stack{display:flex;flex-direction:column;gap:.7rem}
.ap-accordion{border-radius:14px;overflow:hidden;transition:box-shadow .3s,border-color .3s}
/* Cyan (Vision) — glossy teal border gradient */
.ap-accordion[data-acc="cyan"]{
  border:1.5px solid transparent;
  background:linear-gradient(var(--pm-bg-deep),var(--pm-bg-deep)) padding-box,
             linear-gradient(135deg,rgba(32,242,196,.5),rgba(10,112,93,.18)) border-box;
}
.ap-accordion[data-acc="cyan"].open{
  background:linear-gradient(var(--bg-panel),var(--bg-panel)) padding-box,
             linear-gradient(135deg,rgba(32,242,196,.85),rgba(10,112,93,.4)) border-box;
  box-shadow:0 10px 36px rgba(0,0,0,.5),0 0 0 1px rgba(32,242,196,.12),inset 0 0 18px rgba(32,242,196,.05);
}
/* Yellow (Mission) — glossy yellow border gradient */
.ap-accordion[data-acc="yellow"]{
  border:1.5px solid transparent;
  background:linear-gradient(var(--pm-bg-deep),var(--pm-bg-deep)) padding-box,
             linear-gradient(135deg,rgba(255,255,186,.55),rgba(255,200,50,.18)) border-box;
}
.ap-accordion[data-acc="yellow"].open{
  background:linear-gradient(var(--bg-panel),var(--bg-panel)) padding-box,
             linear-gradient(135deg,rgba(255,255,186,.85),rgba(255,200,50,.35)) border-box;
  box-shadow:0 10px 36px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,186,.12),inset 0 0 18px rgba(255,255,186,.05);
}
/* Core PRO accordions */
.ap-accordion[data-acc="core"]{
  background:linear-gradient(145deg,rgba(255,255,255,.035) 0%,rgba(8,19,16,.75) 100%);
  border:1px solid rgba(255,255,255,.08);
  border-top:1px solid rgba(255,255,255,.14);
  border-left:1px solid rgba(255,255,255,.1);
}
.ap-accordion[data-acc="core"]:hover,.ap-accordion[data-acc="core"].open{
  border-color:rgba(255,255,186,.45);
  box-shadow:0 8px 28px rgba(0,0,0,.4),inset 0 0 14px rgba(255,255,186,.05);
}
.ap-accordion .acc-trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:1rem 1.25rem;background:transparent;border:0;color:#fff;cursor:pointer;
  text-align:left;gap:1rem;transition:background .2s;font-family:var(--pm-font-body);
}
.ap-accordion .acc-trigger:hover{background:rgba(255,255,255,.025)}
.ap-accordion .acc-left{display:flex;align-items:center;gap:.85rem;flex:1}
.acc-badge{
  font-family:var(--pm-font-heading);font-size:9.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
  padding:4px 12px;border-radius:6px;color:#011a16;flex-shrink:0
}
.acc-badge.badge-cyan{background:linear-gradient(135deg,#66ffe3,#0ad4a8);box-shadow:0 0 14px rgba(32,242,196,.55),0 2px 6px rgba(0,0,0,.3)}
.acc-badge.badge-yellow{background:linear-gradient(135deg,#ffffba,#e8e840);box-shadow:0 0 14px rgba(255,255,186,.55),0 2px 6px rgba(0,0,0,.3)}
.acc-label{font-family:var(--pm-font-heading);font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.005em;transition:color .25s}
.ap-accordion[data-acc="core"]:hover .acc-label,.ap-accordion[data-acc="core"].open .acc-label{color:var(--lime)}

.acc-letter{
  font-family:var(--pm-font-heading);width:32px;height:32px;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.95rem;font-weight:800;color:var(--green);
  background:linear-gradient(135deg,rgba(102,255,227,.18),rgba(102,255,227,.05));
  border:1px solid rgba(102,255,227,.3);
  box-shadow:0 0 10px rgba(102,255,227,.12),inset 0 1px 0 rgba(255,255,255,.07);
  flex-shrink:0;transition:all .3s
}
.ap-accordion[data-acc="core"]:hover .acc-letter,
.ap-accordion[data-acc="core"].open .acc-letter{
  color:var(--pm-bg-deep);background:var(--lime);border-color:var(--lime);
  box-shadow:0 0 14px rgba(255,255,186,.55)
}

.acc-icon{
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);
  transition:transform .38s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s;
  flex-shrink:0
}
.acc-icon svg{width:13px;height:13px;stroke:var(--text-muted);fill:none;transition:stroke .3s}
.ap-accordion[data-acc="cyan"].open .acc-icon{transform:rotate(180deg);background:rgba(32,242,196,.18);border-color:rgba(32,242,196,.4)}
.ap-accordion[data-acc="cyan"].open .acc-icon svg{stroke:var(--green)}
.ap-accordion[data-acc="yellow"].open .acc-icon{transform:rotate(180deg);background:rgba(255,255,186,.18);border-color:rgba(255,255,186,.4)}
.ap-accordion[data-acc="yellow"].open .acc-icon svg{stroke:var(--lime)}
.ap-accordion[data-acc="core"]:hover .acc-icon,.ap-accordion[data-acc="core"].open .acc-icon{background:rgba(255,255,186,.14);border-color:rgba(255,255,186,.35)}
.ap-accordion[data-acc="core"]:hover .acc-icon svg,.ap-accordion[data-acc="core"].open .acc-icon svg{stroke:var(--lime)}
.ap-accordion[data-acc="core"].open .acc-icon{transform:rotate(180deg)}

.acc-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .3s ease}
.ap-accordion.open .acc-panel{opacity:1}
.acc-panel-inner{padding:0 1.25rem 1.25rem}
.acc-panel-inner p{
  font-family:var(--pm-font-body);font-size:.92rem;color:var(--text-soft);
  line-height:1.78;margin:0;border-top:1px solid rgba(255,255,255,.06);padding-top:.9rem
}

/* Hide the old vm-card if still in DOM elsewhere */
.about-col .vm-card{display:none!important}

/* Pipeline image (replaces old [Image Placeholder]) */
.image-placeholder.pipeline-img-wrap{
  background:transparent!important;border:0!important;padding:0!important;
  display:flex;align-items:center;justify-content:center;width:100%;min-height:0;
}
.pipeline-img{
  display:block;width:100%;max-width:380px;height:auto;
  filter:drop-shadow(0 18px 36px rgba(102,255,227,.18)) drop-shadow(0 0 22px rgba(255,255,186,.08));
}

/* Founder photo polish — restored image */
.founder-photo{background:#0a1612;border:1px solid rgba(102,255,227,.25);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}

/* Mobile blog: very narrow → KEEP 3-column portrait grid; shrink contents to fit */
@media (max-width:520px){
  .blog-row3{grid-template-columns:repeat(3,1fr)!important;gap:6px}
  .bcard-v{border-radius:9px}
  .bcard-v .bc-v-img{aspect-ratio:1/1}
  .bc-v-body{padding:7px 7px 9px;gap:4px}
  .bc-v-body .bc-meta{font-size:.46rem;gap:4px}
  .bc-v-body h3{font-size:.6rem;line-height:1.25}
  .bc-v-body p{display:none}
  .bc-v-body .bc-link{font-size:.5rem;gap:3px}
  .bc-v-body .bc-link svg{width:9px;height:9px}
  .bcard-v .bc-cat{font-size:.42rem;padding:2px 5px}
}

/* ===========================================================
   MOBILE FOUNDER CARD — fully redesigned for narrow screens
   Compact avatar header (photo + name + role side-by-side),
   then bio · credentials · contact links stacked.
=========================================================== */
@media (max-width:780px){
  .founder{padding:24px 0 36px!important}
  .founder .founder-card{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:18px!important;
    border-radius:16px!important;
    text-align:left!important;
    background:linear-gradient(160deg,rgba(102,255,227,.045),rgba(0,0,0,0) 55%),var(--bg-panel)!important;
  }
  /* Header row: avatar (left, circle) + role/name (right) */
  .founder-card{
    display:grid!important;
    grid-template-areas:
      "photo head"
      "bio   bio"
      "creds creds"
      "links links"!important;
    grid-template-columns:84px 1fr!important;
    column-gap:14px!important;
    row-gap:12px!important;
  }
  .founder-photo{
    grid-area:photo!important;
    width:84px!important;height:84px!important;aspect-ratio:1!important;
    margin:0!important;
    border-radius:50%!important;
    border:1.5px solid rgba(102,255,227,.35)!important;
    box-shadow:0 4px 12px rgba(0,0,0,.45)!important;
    overflow:hidden!important;flex-shrink:0!important;
  }
  .founder-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
  .founder-info{
    grid-area:head!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;
  }
  .founder-info h2{
    font-family:var(--pm-font-heading)!important;
    font-size:1.05rem!important;line-height:1.18!important;
    margin:0 0 4px!important;color:#fff!important
  }
  .founder-info .role{
    font-family:var(--pm-font-mono)!important;
    font-size:.58rem!important;letter-spacing:.12em!important;
    color:var(--lime)!important;margin:0!important;
    display:inline-flex!important;align-items:center!important;gap:6px!important
  }
  .founder-info .role::before{width:5px!important;height:5px!important;box-shadow:0 0 6px var(--lime)!important}

  /* Move bio out from under info column into its own row */
  .founder-info .founder-bio{grid-area:bio!important;margin-top:6px!important}
  .founder-info .founder-creds{grid-area:creds!important;margin:0!important}
  .founder-info .founder-links{grid-area:links!important;margin:0!important}

  .founder-bio p{font-size:.84rem!important;line-height:1.6!important;margin:0 0 8px!important;color:var(--text-soft)!important}
  .founder-bio p:last-child{margin-bottom:0!important}
  .founder-creds{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
  .cred-chip{
    font-size:.58rem!important;padding:4px 9px!important;
    border-radius:99px!important;letter-spacing:.02em!important;
    line-height:1.3!important
  }
  .cred-chip .ico{width:10px!important;height:10px!important}
  .founder-links{
    display:grid!important;grid-template-columns:repeat(2,1fr)!important;
    gap:7px!important
  }
  .founder-link{
    font-size:.6rem!important;padding:8px 10px!important;
    letter-spacing:.04em!important;text-align:center!important;
    justify-content:center!important
  }
  .founder-link svg{width:11px!important;height:11px!important;flex-shrink:0!important}
}

/* Very narrow phones (≤420px) — keep avatar + name on one row, full-width links */
@media (max-width:420px){
  .founder .founder-card{padding:14px!important;grid-template-columns:64px 1fr!important;column-gap:12px!important}
  .founder-photo{width:64px!important;height:64px!important}
  .founder-info h2{font-size:.95rem!important}
  .founder-info .role{font-size:.54rem!important}
  .founder-bio p{font-size:.78rem!important}
  .founder-links{grid-template-columns:1fr 1fr!important}
}

/* ===========================================================
   UNIVERSAL YELLOW HOVER GLOW ON CARD SECTIONS
   (services, portfolio, resources, socials, founder, how-step, offer)
   — blog is excluded; uses its own teal→white treatment
=========================================================== */
.svc,.port,.res-card,.soc-card,.how-step,.rate-card,.value{
  position:relative;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s,box-shadow .35s
}
.svc::before,.port::before,.res-card::before,.soc-card::before,.how-step::before,.rate-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at top left,rgba(255,255,186,.08),transparent 60%);
  opacity:0;transition:opacity .4s ease;z-index:0
}
.svc:hover::before,.port:hover::before,.res-card:hover::before,.soc-card:hover::before,
.how-step:hover::before,.rate-card:hover::before{opacity:1}
.svc:hover,.port:hover,.res-card:hover,.soc-card:hover,.how-step:hover,.rate-card:hover,.value:hover{
  transform:translateY(-6px);border-color:rgba(255,255,186,.45)!important;
  box-shadow:0 28px 60px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,186,.08),inset 0 0 20px rgba(255,255,186,.04)!important
}

/* Portfolio card icon enlargement + color shift to yellow on hover */
.port .port-icon{transition:transform .4s ease,color .3s}
.port:hover .port-icon{transform:scale(1.15) translateY(-4px);color:var(--lime)}
.port:hover .port-name{color:var(--lime)}
.port-name{transition:color .3s}

/* Service card icon nudge on hover */
.svc .svc-ico,.how-step .num{transition:transform .4s ease,color .3s,border-color .3s}
.svc:hover .svc-ico{transform:scale(1.12) translateY(-3px);color:var(--lime);border-color:rgba(255,255,186,.45);background:rgba(255,255,186,.08)}

/* Resource card icon */
.res-card .res-cover svg{transition:transform .4s ease,color .3s,filter .3s}
.res-card:hover .res-cover svg{transform:scale(1.12) translateY(-3px);color:var(--lime);filter:drop-shadow(0 4px 14px rgba(255,255,186,.5))}

/* Animated icon hooks for portfolio cards (reused across the site) */
@keyframes pBarGrow{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
.port .p-bar{transform-origin:bottom;animation:pBarGrow 2s infinite alternate ease-in-out}
.port .p-bar.b2{animation-delay:.4s}.port .p-bar.b3{animation-delay:.8s}.port .p-bar.b4{animation-delay:1.2s}
@keyframes ghBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.port .gh-anim{animation:ghBounce 3s ease-in-out infinite}
@keyframes botBlink{0%,90%{transform:scaleY(1)}95%{transform:scaleY(.1)}100%{transform:scaleY(1)}}
.port .robot-eye{transform-origin:center;animation:botBlink 4s infinite}
@keyframes botBulb{0%,100%{fill:#ffffba;filter:drop-shadow(0 0 6px rgba(255,255,186,.8))}50%{fill:#66ffe3;filter:none}}
.port .robot-bulb{animation:botBulb 2s infinite}
@keyframes pStar{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(.8)}}
.port .p-star{transform-origin:center;animation:pStar 4s infinite linear}
.port .p-star.s1{animation-duration:3s}.port .p-star.s2{animation-duration:5s;animation-direction:reverse}
@keyframes pPacket{0%{transform:translateY(-12px);opacity:0}50%{opacity:1}100%{transform:translateY(18px);opacity:0}}
.port .p-packet{animation:pPacket 2.5s infinite linear}
.port .p-packet.pk2{animation-delay:1.25s}

/* ===========================================================
   BLOG SECTION — 3 rows + popular list + pagination
   (Replaces old .blog-grid layout)
=========================================================== */
.blog-row1{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.blog-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}

/* Landscape (large) cards — image left, content right */
.bcard-h{
  display:grid;grid-template-columns:42% 1fr;gap:0;
  background:linear-gradient(145deg,rgba(255,255,255,.02) 0%,rgba(10,10,11,.7) 100%);
  border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.1);
  border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;
  transition:all .4s cubic-bezier(.4,0,.2,1);
  min-height:170px;
}
.bcard-h:hover{transform:translateY(-4px);border-color:rgba(32,242,196,.4);box-shadow:0 22px 50px rgba(0,0,0,.6),inset 0 0 18px rgba(32,242,196,.05)}
.bc-h-img{position:relative;overflow:hidden;background:rgba(0,0,0,.4)}
.bc-h-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.4,0,.2,1);filter:brightness(.85)}
.bcard-h:hover .bc-h-img img{transform:scale(1.06);filter:brightness(1)}
.bc-h-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.bc-h-body h3{font-family:var(--pm-font-heading);font-size:1.05rem;font-weight:800;color:var(--green);line-height:1.32;letter-spacing:-.01em;margin:0;transition:color .25s}
.bcard-h:hover .bc-h-body h3{color:#fff}
.bc-h-body p{font-family:var(--pm-font-body);font-size:.86rem;font-weight:300;color:#b0b0b8;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Vertical (small) cards — reduced ~30% from old feature size */
.bcard-v{
  display:flex;flex-direction:column;
  background:linear-gradient(145deg,rgba(255,255,255,.02) 0%,rgba(10,10,11,.7) 100%);
  border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.1);
  border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;
  transition:all .4s cubic-bezier(.4,0,.2,1);
}
.bcard-v:hover{transform:translateY(-4px);border-color:rgba(32,242,196,.4);box-shadow:0 18px 38px rgba(0,0,0,.55),inset 0 0 16px rgba(32,242,196,.05)}
.bc-v-img{aspect-ratio:16/10;overflow:hidden;background:rgba(0,0,0,.4);position:relative}
.bc-v-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s;filter:brightness(.88)}
.bcard-v:hover .bc-v-img img{transform:scale(1.06);filter:brightness(1)}
.bc-v-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.bc-v-body h3{font-family:var(--pm-font-heading);font-size:.88rem;font-weight:800;color:var(--green);line-height:1.32;letter-spacing:-.005em;margin:0;transition:color .25s}
.bcard-v:hover .bc-v-body h3{color:#fff}
.bc-v-body p{font-family:var(--pm-font-body);font-size:.76rem;font-weight:300;color:#b0b0b8;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Shared meta + category */
.bc-meta{display:flex;align-items:center;gap:8px;font-family:var(--pm-font-heading);font-size:9.5px;font-weight:700;color:var(--lime);letter-spacing:.05em;text-transform:uppercase}
.bc-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--lime);flex-shrink:0}
.bc-cat{position:absolute;top:10px;left:10px;font-family:var(--pm-font-heading);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#011a16;background:var(--green);border-radius:5px;padding:4px 9px;box-shadow:0 0 12px rgba(32,242,196,.45);z-index:2;transition:all .3s}
.bcard-h:hover .bc-cat,.bcard-v:hover .bc-cat{background:var(--lime);box-shadow:0 0 12px rgba(255,255,186,.5)}
.bc-cat.lm{background:var(--lime);color:#011a16}
.bc-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--pm-font-heading);font-size:.7rem;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.05em;transition:all .3s;margin-top:auto}
.bcard-h:hover .bc-link,.bcard-v:hover .bc-link{gap:10px;color:var(--lime)}
.bc-link svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.5;fill:none}

/* Popular posts list */
.blog-popular{margin-top:24px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(8,19,16,.7));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 22px}
.bp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.bp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--pm-font-mono);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.bp-eyebrow svg{width:14px;height:14px;color:var(--lime)}
.bp-flame{animation:flameFlick 1.4s ease-in-out infinite alternate}
@keyframes flameFlick{0%{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 4px rgba(255,255,186,.5))}100%{transform:scale(1.12) rotate(3deg);filter:drop-shadow(0 0 10px rgba(255,255,186,.85))}}
.bp-meta{font-family:var(--pm-font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}
.bp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.bp-list li a{display:grid;grid-template-columns:32px 1fr auto;gap:14px;align-items:center;padding:10px 8px;border-radius:8px;text-decoration:none;color:#fff;transition:background .2s,color .2s}
.bp-list li a:hover{background:rgba(255,255,186,.07);color:var(--lime)}
.bp-num{font-family:var(--pm-font-heading);font-weight:800;font-size:.84rem;color:var(--green);letter-spacing:.04em}
.bp-list li a:hover .bp-num{color:var(--lime)}
.bp-title{font-family:var(--pm-font-body);font-size:.86rem;font-weight:500;line-height:1.4;color:inherit;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.bp-cat{font-family:var(--pm-font-mono);font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}

/* Pagination */
.blog-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px;flex-wrap:wrap}
.bp-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--pm-font-mono);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);text-decoration:none;padding:10px 16px;border:1px solid rgba(32,242,196,.28);border-radius:10px;background:rgba(32,242,196,.04);transition:all .25s}
.bp-btn:hover{color:var(--lime);border-color:var(--lime);background:rgba(255,255,186,.08);transform:translateY(-1px)}
.bp-btn.disabled{opacity:.35;pointer-events:none}
.bp-btn svg{width:13px;height:13px}
.bp-pages{display:inline-flex;align-items:center;gap:4px}
.bp-page{font-family:var(--pm-font-mono);font-size:.84rem;font-weight:700;color:var(--text-muted);text-decoration:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}
.bp-page:hover{color:var(--lime);background:rgba(255,255,186,.08)}
.bp-page.active{color:var(--pm-bg-deep);background:var(--lime);box-shadow:0 0 10px rgba(255,255,186,.4)}
.bp-ellipsis{color:var(--text-muted);padding:0 4px}

/* Blog mobile */
@media (max-width:780px){
  .blog-row1{grid-template-columns:1fr;gap:14px;margin-bottom:14px}
  .blog-row3{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
  .bcard-h{grid-template-columns:42% 1fr;min-height:130px}
  .bc-h-body{padding:12px 12px 12px}
  .bc-h-body h3{font-size:.92rem;line-height:1.28}
  .bc-h-body p{font-size:.75rem;-webkit-line-clamp:2}
  .bc-h-body .bc-meta{font-size:8.5px}
  .bcard-v{}
  .bc-v-body{padding:10px 10px 12px;gap:4px}
  .bc-v-body h3{font-size:.7rem;line-height:1.28}
  .bc-v-body p{display:none}
  .bc-v-body .bc-meta{font-size:7.5px}
  .bc-v-body .bc-link{font-size:.6rem;gap:4px}
  .bc-cat{font-size:7.5px;padding:3px 7px;top:6px;left:6px}
  .blog-popular{padding:14px 16px;margin-top:16px}
  .bp-list li a{grid-template-columns:24px 1fr;gap:10px;padding:8px 4px}
  .bp-cat{display:none}
  .bp-title{font-size:.78rem}
  .blog-pagination{justify-content:center;gap:8px}
  .bp-btn{padding:8px 12px;font-size:.66rem}
  .bp-page{width:28px;height:28px;font-size:.74rem}
  .bp-pages{gap:2px}
}
@media (max-width:1180px){
  .blog-row1{grid-template-columns:1fr}
  .blog-row3{grid-template-columns:repeat(3,1fr)}
}

/* ===========================================================
   UNIFIED EYEBROW SYSTEM (consistent across all sections)
   — no box, Cascadia Code mono, animated section-specific icon
=========================================================== */
.hero-eyebrow,
.eyebrow,
.ap-eyebrow,
.services-eyebrow,
.eyebrow-cyan,
.eyebrow-yellow,
.eyebrow-about,
.eyebrow-portfolio{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  border-radius:0!important;
  font-family:var(--pm-font-mono)!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--green)!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.hero-eyebrow .signal-ico{background:transparent;border:0;width:18px;height:18px}
.hero-eyebrow .signal-ico::before,.hero-eyebrow .signal-ico::after{border-color:var(--green)}
.eyebrow .dot,.ap-eyebrow .dot{box-shadow:0 0 12px var(--green)}
.eyebrow.lime,.eyebrow-yellow{color:var(--lime)!important;text-shadow:0 0 10px rgba(255,255,186,.35)}

/* Hero eyebrow: infinity AI icon */
.hero-eyebrow-bar{margin:0 auto 18px;display:flex;align-items:center;gap:14px}
.hero-eyebrow .ai-infinity{width:22px;height:22px;flex-shrink:0;color:var(--green);animation:aiSparkle 3.5s ease-in-out infinite}
.hero-eyebrow .ai-infinity svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(102,255,227,.6))}
@keyframes aiSparkle{
  0%,100%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 0 4px rgba(102,255,227,.35))}
  50%{transform:rotate(180deg) scale(1.08);filter:drop-shadow(0 0 10px rgba(102,255,227,.8))}
}

/* Services eyebrow: keep the live equalizer animation, just standardize the text */
.services-eyebrow .mini-equalizer{display:inline-flex;align-items:flex-end;gap:3px;height:18px}
.services-eyebrow .mini-bar{width:3px;background:var(--green);border-radius:2px;box-shadow:0 0 5px rgba(102,255,227,.4);animation:eqBeat .85s infinite alternate ease-in-out}
@keyframes eqBeat{0%{height:25%}100%{height:100%}}

/* Portfolio eyebrow: animated folder (open/close) */
.eyebrow-portfolio .folder-anim{width:20px;height:20px;flex-shrink:0;color:var(--green)}
.eyebrow-portfolio .folder-anim svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(102,255,227,.4))}
.eyebrow-portfolio .folder-anim .flap{transform-origin:50% 90%;animation:folderFlap 3.5s ease-in-out infinite}
@keyframes folderFlap{
  0%,15%,85%,100%{transform:scaleY(1);opacity:1}
  40%,60%{transform:scaleY(.45);opacity:.85}
}
.eyebrow-portfolio .folder-anim .doc{animation:docPop 3.5s ease-in-out infinite}
@keyframes docPop{
  0%,20%{transform:translateY(4px);opacity:0}
  40%,65%{transform:translateY(-3px);opacity:1}
  80%,100%{transform:translateY(4px);opacity:0}
}

/* About eyebrow: animated building w/ elevator */
.eyebrow-about .bldg-anim{width:20px;height:20px;flex-shrink:0;color:var(--green);animation:bldgBob 3.5s ease-in-out infinite}
.eyebrow-about .bldg-anim svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(102,255,227,.4))}
@keyframes bldgBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.eyebrow-about .bldg-anim .lift{animation:liftMove 5s ease-in-out infinite}
@keyframes liftMove{
  0%,15%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
  85%,100%{transform:translateY(0)}
}

/* Blog eyebrow: writing pen */
.eyebrow-blog .pen-anim{width:20px;height:20px;flex-shrink:0;color:var(--green);transform-origin:bottom left;animation:penWrite 1.6s ease-in-out infinite}
.eyebrow-blog .pen-anim svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(102,255,227,.4))}
@keyframes penWrite{
  0%,100%{transform:rotate(0deg) translate(0,0)}
  25%{transform:rotate(-10deg) translate(-2px,2px)}
  50%{transform:rotate(5deg) translate(2px,-1px)}
  75%{transform:rotate(-5deg) translate(-1px,1px)}
}

/* Contact eyebrow: radar scan */
.eyebrow-contact .radar-anim{width:20px;height:20px;flex-shrink:0;color:var(--green)}
.eyebrow-contact .radar-anim svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(102,255,227,.4))}
.eyebrow-contact .radar-anim .sweep{transform-origin:12px 12px;animation:radarSweep 3s linear infinite}
@keyframes radarSweep{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Founder eyebrow uses .role — keep its existing pulse */
.founder-info .role{font-family:var(--pm-font-mono)!important;font-size:13px!important;letter-spacing:.12em}

/* Resources + FAQ eyebrows pick up base styles automatically */
.res-head .eyebrow,.faq-head .eyebrow,.contact-head .eyebrow,.about .eyebrow{
  font-family:var(--pm-font-mono)!important;font-size:13px!important
}

/* ===========================================================
   TITLE — pure white + moving yellow shimmer (no green)
=========================================================== */
.hero-title{color:#fff}
.hero-title .row{color:#fff}
.hero-title .yel,.hero-title .lime-text{
  background:linear-gradient(90deg,#fff5b8 0%,#ffffba 35%,#f5e89a 50%,#ffffba 65%,#fff5b8 100%);
  background-size:280% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:yelGlint 11s linear infinite;
  font-style:normal;
  filter:drop-shadow(0 0 10px rgba(255,255,186,.14));
}
@keyframes yelGlint{
  0%{background-position:200% center}
  100%{background-position:-200% center}
}

/* ===========================================================
   GLOBAL CALM PASS — tighter paddings · subtle 3D buttons ·
   glass-bulb yellow hover · reduced glows · hero bg matches
=========================================================== */

/* — 1. Hero background: charcoal base + 3 deep-forest neon glows — */
.hero{
  background:
    radial-gradient(ellipse 90% 65% at 80% 22%, rgba(10,77,58,.55) 0%, transparent 58%),
    radial-gradient(ellipse 75% 60% at 18% 78%, rgba(8,55,42,.42) 0%, transparent 62%),
    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(6,55,42,.28) 0%, transparent 70%),
    linear-gradient(180deg, #000 0%, #06120e 22%, #08160f 50%, #06120e 78%, #000 100%) !important;
}
.hero::before{opacity:.5!important}
.hero::after{display:none!important}
/* Deep-forest neon glow blobs — present but not bright */
.data-ribbons .bg-glow-tr{background:radial-gradient(circle,rgba(10,77,58,.55) 0%,transparent 70%)!important;filter:blur(75px)!important}
.data-ribbons .bg-glow-bl{background:radial-gradient(circle,rgba(8,55,42,.42) 0%,transparent 70%)!important;filter:blur(75px)!important}
/* Slightly more visible vertical scan beam */
.data-ribbons::before{background:linear-gradient(to bottom,transparent 0%,rgba(10,168,109,.04) 30%,rgba(10,168,109,.09) 50%,rgba(10,168,109,.04) 70%,transparent 100%)!important}

/* — 1b. Stack lane (Built On) — LIGHT theme · ivory bg #fffff2 · deep ink text #011c17 — */
.creds{
  padding:32px 0 34px !important;
  background:#fffff2 !important;
  border-top:1px solid rgba(1,28,23,.08) !important;
  border-bottom:1px solid rgba(1,28,23,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -1px 0 rgba(1,28,23,.05),
    0 14px 28px rgba(0,0,0,.35) !important;
  position:relative; z-index:5;
}
.creds::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(10,112,93,.55),transparent);
  pointer-events:none;
}
.creds-head .lbl{color:rgba(1,28,23,.65) !important; font-weight:600 !important}
.creds-head .ttl{color:#011c17 !important; font-weight:700 !important}
.creds-head .ttl em{color:#0a705d !important; font-weight:800 !important; font-style:normal !important}
.creds-row{opacity:1 !important}
.cred-logo{color:#011c17 !important; filter:none !important; font-weight:700 !important; transition:color .25s ease, transform .25s ease}
.cred-logo .ico{color:#0a705d !important}
.cred-logo:hover{color:#0a705d !important; transform:translateY(-2px) !important}
.cred-logo:hover .ico{color:#067a4f !important}

/* ===========================================================
   ANTENNA EYEBROW ICON — breathing waves, low glow
=========================================================== */
.hero-eyebrow .antenna-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;color:var(--green);
  filter:drop-shadow(0 0 2px rgba(102,255,227,.18));
}
.hero-eyebrow .antenna-ico::before,
.hero-eyebrow .antenna-ico::after{content:none !important}
.hero-eyebrow .antenna-ico svg{width:100%;height:100%;overflow:visible}
.hero-eyebrow .antenna-ico .ant-wave{
  transform-origin:30px 20px;
  animation:antBreath 3.6s ease-in-out infinite;
}
.hero-eyebrow .antenna-ico .w-r1,.hero-eyebrow .antenna-ico .w-l1{animation-delay:0s}
.hero-eyebrow .antenna-ico .w-r2,.hero-eyebrow .antenna-ico .w-l2{animation-delay:.4s}
.hero-eyebrow .antenna-ico .w-r3,.hero-eyebrow .antenna-ico .w-l3{animation-delay:.8s}
@keyframes antBreath{
  0%,100%{transform:scale(.85);opacity:.35}
  50%    {transform:scale(1.08);opacity:1}
}
.hero-eyebrow .antenna-ico .ant-ball{
  animation:antPulse 3.6s ease-in-out infinite;
  transform-origin:30px 20px;
}
@keyframes antPulse{
  0%,100%{transform:scale(1);opacity:.85}
  50%    {transform:scale(1.18);opacity:1}
}

/* ===========================================================
   2px YELLOW OUTLINE on ALL buttons site-wide
=========================================================== */
.btn,.btn-primary,.btn-ghost,.btn-outline,.btn-deploy,.btn-all,
.nl-btn,.cta-btn,.nav-link,.soc-cta,.founder-link,
.mm-nav a,.mm-cta .btn{
  outline:1px solid rgba(255,255,186,.3) !important;
  outline-offset:-1px;
}
.nav-link.is-active{outline-color:#011c17 !important}
.btn:hover,.btn-primary:hover,.btn-ghost:hover,.btn-outline:hover,
.btn-deploy:hover,.btn-all:hover,.nl-btn:hover,.cta-btn:hover,
.nav-link:hover{outline-color:var(--lime) !important}

/* ===========================================================
   LIVE PRODUCT DASHBOARD — yellow electric hover effect
=========================================================== */
.product-screen{
  transition:box-shadow .5s cubic-bezier(.4,0,.2,1),
             border-color .5s ease,
             transform .5s cubic-bezier(.4,0,.2,1);
  position:relative;
}
.product-screen::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 0 rgba(255,255,186,0);
  transition:box-shadow .5s ease;
}
.product-screen:hover{
  border-color:rgba(255,255,186,.55) !important;
  transform:translateY(-3px);
  animation:productElectric 1.8s ease-in-out infinite;
}
@keyframes productElectric{
  0%,100%{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,186,.45),
      inset 0 0 24px rgba(255,255,186,.08),
      0 0 0 1px rgba(255,255,186,.4),
      0 0 30px rgba(255,255,186,.35),
      0 0 60px rgba(255,255,186,.18),
      0 24px 60px rgba(0,0,0,.6);
  }
  50%{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,186,.7),
      inset 0 0 32px rgba(255,255,186,.16),
      0 0 0 2px rgba(255,255,186,.6),
      0 0 50px rgba(255,255,186,.55),
      0 0 100px rgba(255,255,186,.3),
      0 30px 70px rgba(0,0,0,.65);
  }
}

/* ===========================================================
   LEGAL PAGES — Privacy Protocol · Cookie Policy · Terms of Service
   LIGHT THEME · ivory #fffff2 · deep ink #011c17
=========================================================== */
.legal-page{
  padding:96px 0 80px;
  background:#fffff2;
  color:#011c17;
  position:relative;overflow:hidden;
}
.legal-page::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(ellipse 60% 50% at 80% 10%, rgba(10,112,93,.07) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 10% 90%, rgba(10,112,93,.05) 0%, transparent 60%);
}
.legal-container{
  max-width:880px !important;
  position:relative;z-index:2;
}
.legal-head{margin-bottom:48px;text-align:center}
.legal-head .eyebrow{color:#0a705d !important;text-shadow:none !important}
.legal-head .eyebrow .dot{background:#0a705d !important;box-shadow:0 0 8px rgba(10,112,93,.35) !important}
.legal-head .h-display{color:#011c17 !important}
.legal-head .h-display span[style*="lime"]{color:#0a705d !important;background:none !important;-webkit-text-fill-color:#0a705d !important}
.legal-lede{
  font-family:var(--pm-font-body);font-size:1.1rem;line-height:1.7;
  color:#011c17;max-width:64ch;margin:18px auto 14px;
  opacity:.85;
}
.legal-meta{
  font-family:var(--pm-font-mono);font-size:.74rem;
  color:rgba(1,28,23,.55);letter-spacing:.06em;text-transform:uppercase;
  margin-top:14px;
}
.legal-meta strong{color:#011c17}
.legal-body{
  font-family:var(--pm-font-body);font-size:1rem;line-height:1.78;
  color:#011c17;
}
.legal-body h2{
  font-family:var(--pm-font-heading);font-weight:800;
  font-size:clamp(1.25rem,1.8vw,1.55rem);color:#011c17;
  margin:48px 0 14px;letter-spacing:-.01em;
  padding-bottom:10px;border-bottom:1.5px solid rgba(10,112,93,.25);
}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{
  font-family:var(--pm-font-heading);font-weight:700;
  font-size:1.05rem;color:#0a705d;margin:28px 0 10px;letter-spacing:-.005em;
}
.legal-body p{margin:0 0 14px;color:#011c17}
.legal-body p strong{color:#011c17;font-weight:700}
.legal-body a{
  color:#0a705d;text-decoration:underline;
  text-decoration-color:rgba(10,112,93,.45);
  text-underline-offset:3px;transition:color .2s, text-decoration-color .2s;
  font-weight:600;
}
.legal-body a:hover{color:#067a4f;text-decoration-color:#067a4f}
.legal-body ul,.legal-body ol{margin:0 0 18px 0;padding-left:1.4rem;color:#011c17}
.legal-body ul li,.legal-body ol li{margin-bottom:7px;list-style:disc}
.legal-body ol li{list-style:decimal}
.legal-body ul li strong,.legal-body ol li strong{color:#011c17;font-weight:700}
.legal-body code{
  font-family:var(--pm-font-mono);font-size:.88em;
  color:#0a705d;background:rgba(10,112,93,.08);
  padding:1px 7px;border-radius:5px;
  border:1px solid rgba(10,112,93,.18);
}
.legal-body table.legal-table{
  width:100%;border-collapse:collapse;margin:14px 0 24px;
  background:#ffffff;
  border:1px solid rgba(1,28,23,.1);border-radius:12px;overflow:hidden;
  font-family:var(--pm-font-body);font-size:.9rem;
  box-shadow:0 4px 12px rgba(1,28,23,.05);
}
.legal-body table.legal-table thead{
  background:linear-gradient(180deg,#0a705d,#067a4f);
  border-bottom:1px solid rgba(10,112,93,.4);
}
.legal-body table.legal-table th{
  text-align:left;padding:12px 14px;
  font-family:var(--pm-font-heading);font-weight:700;font-size:.78rem;
  letter-spacing:.06em;text-transform:uppercase;color:#fffff2;
}
.legal-body table.legal-table td{
  padding:12px 14px;border-top:1px solid rgba(1,28,23,.06);
  color:#011c17;vertical-align:top;
}
.legal-body table.legal-table tr:hover{background:rgba(10,112,93,.04)}
.legal-body table.legal-table tr:hover td{color:#011c17}

@media (max-width:780px){
  .legal-page{padding:56px 0 48px}
  .legal-head{margin-bottom:32px}
  .legal-lede{font-size:.96rem}
  .legal-body{font-size:.94rem}
  .legal-body h2{font-size:1.15rem;margin-top:36px}
  .legal-body h3{font-size:.98rem;margin-top:22px}
  .legal-body table.legal-table{font-size:.78rem}
  .legal-body table.legal-table th,.legal-body table.legal-table td{padding:9px 10px}
}

/* — 2. Tighter section paddings everywhere — */
.services-neon,.product,.how,.portfolio,.blog,.about,.contact,.resources,.faq,.founder{
  padding-top:64px!important;padding-bottom:64px!important
}
.services-neon{padding-bottom:48px!important}
.about{padding-bottom:24px!important} /* pull founder closer to about */
.founder{padding-top:16px!important;padding-bottom:48px!important}
.contact{padding-top:48px!important}

/* — 3. Glow reduction site-wide — */
.glow-blob{opacity:.45!important;filter:blur(85px)!important}
.glow-teal{background:radial-gradient(circle,rgba(10,77,58,.18) 0%,transparent 70%)!important}
.glow-yellow{background:radial-gradient(circle,rgba(255,255,186,.035) 0%,transparent 70%)!important}
.srv-glow-1{background:radial-gradient(circle,rgba(10,77,58,.06) 0%,transparent 70%)!important;filter:blur(75px)!important}
.srv-glow-2{background:radial-gradient(circle,rgba(255,255,186,.025) 0%,transparent 70%)!important;filter:blur(75px)!important}
.abt-glow-1,.abt-glow-2{opacity:.35!important;filter:blur(75px)!important}

/* Lower text-shadow / drop-shadow intensity */
.eyebrow,.hero-eyebrow,.eyebrow-yellow{text-shadow:none!important}
.eyebrow .dot,.hero-eyebrow .signal-ico::before{box-shadow:0 0 6px rgba(102,255,227,.4)!important}
.stat .n,.stat-num{text-shadow:0 0 8px rgba(255,255,186,.12)!important}
.dash-analytics{text-shadow:0 0 8px rgba(255,255,186,.18)!important}

/* Card hover glows tamed across the site */
.svc:hover{box-shadow:0 14px 28px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,186,.18)!important}
.port:hover{box-shadow:0 16px 30px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,186,.18)!important}
.bcard:hover,.bcard-h:hover,.bcard-v:hover{box-shadow:0 16px 30px rgba(0,0,0,.45),0 0 0 1px rgba(102,255,227,.18)!important}
.res-card:hover,.soc-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,186,.18)!important}

/* Dashboard glow band toned down */
.dash-float{
  border-color:rgba(255,255,186,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 0 0 1px rgba(255,255,186,.06),
    0 14px 32px rgba(0,0,0,.4),
    0 0 18px rgba(255,255,186,.06)!important;
}
.dash-float::before{opacity:.3!important}
.dash-float:hover{animation:none!important;box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 0 0 1px rgba(255,255,186,.18),
    0 18px 38px rgba(0,0,0,.45),
    0 0 26px rgba(255,255,186,.16)!important}
.terminal-card{box-shadow:0 14px 28px rgba(0,0,0,.4)!important;border-color:rgba(255,255,186,.1)!important}

/* — 4. Subtle 3D buttons + glass dim-light-bulb yellow hover (site-wide) — */
.btn,.btn-primary,.btn-ghost,.btn-outline,.btn-deploy,.nl-btn,.btn-all,.cta-btn{
  position:relative;
  border-radius:14px!important;
  transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 1px 0 rgba(0,0,0,.4),
    0 4px 10px rgba(0,0,0,.32)!important;
}
.btn:active,.btn-primary:active,.btn-ghost:active,.btn-outline:active,.btn-deploy:active,.nl-btn:active,.btn-all:active,.cta-btn:active{
  transform:translateY(1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(0,0,0,.35),
    0 1px 4px rgba(0,0,0,.4)!important;
}
/* Primary keeps brand gradient + subtle depth */
.btn-primary{
  background:linear-gradient(180deg,#80ffec 0%,#66ffe3 55%,#33d6b8 100%)!important;
  color:#062315!important;
  border:0!important;
}
.btn-primary:hover{
  background:linear-gradient(180deg,#ffffd1 0%,#ffffba 55%,#e6e69f 100%)!important;
  color:#1a1a0d!important;
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,186,.35),
    0 6px 14px rgba(0,0,0,.4),
    0 0 22px rgba(255,255,186,.22)!important;
}
/* Ghost / outline / deploy hover share the glass bulb effect */
.btn-ghost:hover,.btn-outline:hover,.btn-deploy:hover,.nl-btn:hover,.btn-all:hover,.cta-btn:hover{
  background:linear-gradient(180deg,rgba(255,255,186,.22) 0%,rgba(255,255,186,.10) 100%)!important;
  color:var(--lime)!important;
  border-color:rgba(255,255,186,.5)!important;
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 0 0 1px rgba(255,255,186,.3),
    0 6px 14px rgba(0,0,0,.35),
    0 0 18px rgba(255,255,186,.18)!important;
}
.btn-ghost:hover{box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 0 0 1.5px var(--lime),
    0 6px 14px rgba(0,0,0,.35),
    0 0 18px rgba(255,255,186,.18)!important}

/* Nav-link buttons get same calm 3D treatment */
.nav-link{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 1px 0 rgba(0,0,0,.3)!important;
}
.nav-link:hover{
  background:linear-gradient(180deg,rgba(255,255,186,.28) 0%,rgba(255,255,186,.12) 100%)!important;
  color:var(--lime)!important;
  border-color:rgba(255,255,186,.45)!important;
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 0 0 1px rgba(255,255,186,.28),
    0 4px 10px rgba(0,0,0,.3),
    0 0 14px rgba(255,255,186,.15)!important;
}
.nav-link.is-active{
  background:linear-gradient(180deg,#fff5b8 0%,#ffffba 55%,#e6e69f 100%)!important;
  color:#1a1a0d!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 1px 0 rgba(0,0,0,.25),
    0 0 12px rgba(255,255,186,.22)!important;
}

/* — 5. Founder card — pulled close to about, tightened spacing — */
.founder .founder-card{padding:32px}
.founder-info h2{font-size:clamp(1.4rem,2vw,1.85rem)!important;margin-bottom:4px!important}
.founder-info .role{font-size:.72rem!important;margin-bottom:14px!important}
.founder-bio p{font-size:.94rem!important;line-height:1.65!important;margin:0 0 10px!important}
.founder-creds{margin:14px 0!important;gap:6px!important}
.cred-chip{font-size:.68rem!important;padding:5px 10px!important}
.founder-links{gap:8px!important;margin-top:14px!important}
.founder-link{padding:8px 12px!important;font-size:.68rem!important}
@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr;gap:36px;min-height:auto;align-items:start}
  .hero-copy,.hero-visual{height:auto;min-height:auto}
  .hero-copy .hero-cta-row{margin-top:8px}
  .data-ribbons{display:block;opacity:.7}
  .float-ico{opacity:.16}
  .dash-float{position:relative;right:auto;bottom:auto;width:100%;height:auto;margin-top:0;min-height:0}
  .terminal-card{width:100%;height:auto;min-height:190px}
  .hero-arch{transform:none}
  .hero-arch-ambient{opacity:.04;width:60%}
  .ai-decision-card{left:10px;top:62px}
  .ai-action-stack{right:10px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .port-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .social-band{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .main-nav,.contact-strip{display:none}
}
@media (max-width:780px){
  .container{padding:0 16px}

  /* === HEADER: logo left · socials centered · hamburger right === */
  .header-row{padding:8px 0;min-height:54px;gap:8px;justify-content:space-between}
  .brand{margin-left:0;flex-shrink:0;order:1}
  .brand img{height:28px;filter:drop-shadow(0 1px 4px rgba(102,255,227,.18))}
  .brand-text{display:none}
  .site-header .contact-strip,.site-header .main-nav,.site-header .header-row .btn{display:none}
  .site-header .socials{display:flex!important;order:2;margin:0 auto;gap:0;padding:0;align-items:center;flex-wrap:nowrap;overflow:hidden}
  .site-header .socials .soc{width:26px;height:26px;border-radius:6px;margin:0}
  .site-header .socials .soc svg{width:13px;height:13px}
  .hamburger{display:inline-flex;order:3;flex-shrink:0;width:36px;height:36px;margin-left:0}
  .hamburger svg{width:16px;height:16px}
  .site-header.scrolled .header-row{min-height:44px;padding:4px 0}
  .site-header.scrolled .brand img{height:24px}

  /* === HERO BODY === */
  .hero{padding:24px 0 0}
  .hero-eyebrow-bar{margin:0 auto 12px}
  .hero-eyebrow-bar .bar{display:none}
  .hero-eyebrow{font-size:.62rem;padding:5px 10px;letter-spacing:.12em}
  .hero-title{font-size:clamp(1.5rem,7.2vw,2rem);line-height:1.28;padding:0 0 16px;margin:0}
  .hero-title .title-desktop{display:none}
  .hero-title .title-mobile{display:flex}
  .hero-title .title-mobile .row{white-space:normal;display:block;font-size:1em}
  .hero-title .title-mobile .row.line-m4{font-size:calc(1em - 4px)}
  .hero-desc{font-size:.92rem;line-height:1.6;margin-bottom:18px}
  .hero-grid{gap:24px}

  /* === MOBILE CTAs: -3px font · stacked full width === */
  .hero-cta-row{gap:10px;margin-top:4px}
  .hero-cta-row .btn{flex:1;min-width:0;font-size:.62rem;padding:11px 14px;letter-spacing:.08em}
  .hero-cta-row .btn svg{width:11px;height:11px}

  /* === HERO IMAGE: hide on mobile, dashboard replaces it === */
  .hero-arch-inline{display:none}
  .hero-arch-ambient{display:none}

  /* === DASHBOARD: -20% scale via 80% width, hide Revenue + Conversions cards + Funnel + Pipeline Status === */
  .hero-visual{width:80%;margin:0 auto;align-self:center}
  .dash-float{min-height:0;padding:14px;gap:8px}
  .kpi-grid{grid-template-columns:repeat(2,1fr);gap:6px}
  .kpi-grid .kpi:nth-child(2),.kpi-grid .kpi:nth-child(4){display:none}
  .kpi{padding:8px 10px}
  .kpi .val{font-size:1.05rem}
  .live-chart{min-height:78px;padding:8px 10px}
  .live-chart svg{height:52px;min-height:52px}
  .dash-row3{grid-template-columns:1fr;gap:6px}
  .dash-row3 .dash-card:nth-child(1),.dash-row3 .dash-card:nth-child(3){display:none}
  .dash-row3 .dash-card{padding:8px 10px}
  .terminal-card{min-height:150px}
  .terminal-card .term-log .ln{font-size:.68rem}

  /* === RISK BAND === */
  .hero-risk-band{grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px;padding-top:12px}
  .hero-risk-band .risk-pill{border-right:0;padding:0;font-size:.7rem}
  .hero-risk-band .risk-pill .ico{width:22px;height:22px}

  /* === MARQUEES === */
  .tech-marquee{margin-top:14px!important;max-height:32px}
  .tech-marquee .marq-item{padding:5px 12px;font-size:.58rem}
  .marq-item{font-size:.62rem;padding:8px 14px}

  /* === HERO BG === */
  .data-ribbons{display:block;opacity:.55}
  .float-ico{opacity:.14}
  .ico-1,.ico-4,.ico-7,.ico-10{display:none}
  .command-strip{grid-template-columns:1fr}
  .ai-decision-card,.ai-action-stack{position:relative;left:auto;right:auto;top:auto;width:100%;margin-bottom:10px}
  .ai-action-stack{margin-top:12px}
  .ai-action:nth-child(2),.ai-action:nth-child(3){transform:none}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .dash-row3{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .services-head,.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}
  .port-grid,.blog-grid,.social-band,.ratings-grid{grid-template-columns:1fr}
  .stats-strip{grid-template-columns:repeat(3,1fr)}
  .stat .n{font-size:1.6rem}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bot{justify-content:center;text-align:center}
  .product-grid,.offer-grid{grid-template-columns:1fr;gap:32px}
  .how-grid{grid-template-columns:1fr;gap:14px}
  .how-step .arr{display:none}
  .res-grid{grid-template-columns:1fr!important}
  .founder-card{grid-template-columns:1fr;gap:28px;padding:28px}
  .founder-photo{width:100%;max-width:280px;margin:0 auto}
  .offer-card{padding:32px 24px}
  .creds-row{gap:20px}
  .cred-logo{font-size:.82rem}
}
@media (max-width:1180px){
  .product-grid,.offer-grid{grid-template-columns:1fr;gap:38px}
  .how-grid{grid-template-columns:repeat(2,1fr)}
  .how-step:nth-child(2) .arr{display:none}
  .res-grid{grid-template-columns:repeat(2,1fr)}
  .founder-card{grid-template-columns:240px 1fr;gap:32px;padding:32px}
  .founder-photo{width:240px}
}