/* Shared design system — copied verbatim from index.html's <style> so interior pages match exactly. Do not diverge. */
:root{
    --bg:#081226; --bg-2:#080d1c; --bg-3:#0b1226;
    --panel:rgba(255,255,255,.035); --panel-2:rgba(255,255,255,.065);
    --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.17);
    --ai:#00e5ff; --ai-2:#38d6ff; --ai-3:#9be8ff;
    --volt:#3b82f6; --volt-2:#60a5fa; --volt-3:#93c5fd;
    --pulse:#22ffa8;
    --text:#e9eefb; --muted:#94a0ba; --white:#fff;
    --tq:#0AEFDD; --tq-2:#5ff7e8; --tq-3:#7dfbee;
    --grad-ai:linear-gradient(115deg,#00e5ff 0%,#3b82f6 100%);
    --grad-ai-soft:linear-gradient(115deg,rgba(0,229,255,.14),rgba(59,130,246,.14));
    --grad-tq:linear-gradient(120deg,#0fbfe8 0%,#2ad6f2 100%);
    --grad-duo:linear-gradient(115deg,#18cdee 0%,#3ec6ff 48%,#6fb2ff 100%);
    --grad-hero:linear-gradient(110deg,#9be8ff 0%,#00e5ff 30%,#60a5fa 68%,#93c5fd 100%);
    --glass:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.028) 55%,rgba(255,255,255,.05));
    /* opaque card surface — stars must not show through tiles/boxes */
    --card-bg:linear-gradient(165deg,#12203e,#0d1a34 58%,#0f1c39);
    --glass-edge:inset 0 1px 0 rgba(255,255,255,.12),0 18px 44px -22px rgba(0,0,0,.65);
    --sg:'Manrope',system-ui,sans-serif; --inter:'Inter',system-ui,sans-serif;
    --maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  @media (min-width:1600px){:root{--maxw:1320px}}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{background:var(--bg);color:var(--text);font-family:var(--inter);
    line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  /* one continuous ambient field for the WHOLE page (fixed: no section seams) */
  body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(52% 44% at 78% 12%,rgba(59,130,246,.16),transparent 70%),
      radial-gradient(44% 38% at 10% 24%,rgba(0,229,255,.10),transparent 70%),
      radial-gradient(40% 36% at 90% 62%,rgba(10,239,221,.07),transparent 70%),
      radial-gradient(52% 42% at 38% 92%,rgba(59,130,246,.10),transparent 72%),
      linear-gradient(180deg,rgba(22,38,78,.55),rgba(10,18,42,.22) 48%,rgba(6,12,28,.6))}
  /* fine noise defeats gradient banding on large displays */
  body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
    background:url(data:image/png;base64,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) repeat}
  /* night sky: twinkling stars slowly rotating (canvas painted behind everything) */
  #sky{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
  a{color:inherit;text-decoration:none}
  img,svg{max-width:100%}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  h1,h2,h3,h4{font-family:var(--sg);font-weight:700;line-height:1.1;letter-spacing:-.02em}
  .eyebrow{font-family:var(--sg);font-size:12.5px;font-weight:600;letter-spacing:.24em;
    text-transform:uppercase;color:var(--ai);display:inline-flex;align-items:center;gap:10px}
  .eyebrow::before{content:"";width:26px;height:1px;background:var(--ai);opacity:.7}
  .grad-t{background:var(--grad-duo);-webkit-background-clip:text;background-clip:text;color:transparent}
  ::selection{background:rgba(0,229,255,.28)}

  /* ---------- NAV ---------- */
  header.nav{position:fixed;inset:0 0 auto 0;z-index:60;transition:.35s}
  header.nav.scrolled{background:rgba(8,18,38,.55);backdrop-filter:blur(16px) saturate(1.3);
    -webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
  .brand{display:flex;align-items:center;gap:12px;font-family:var(--sg);font-weight:700;font-size:17px}
  .brand .mark{width:42px;height:42px;flex:0 0 auto;border-radius:50%;
    filter:drop-shadow(0 0 10px rgba(10,239,221,.45))}
  .brand small{display:block;font-weight:500;font-size:10px;letter-spacing:.22em;
    text-transform:uppercase;color:var(--muted);font-family:var(--inter)}
  .brand b{color:var(--white)} .brand b i{font-style:normal;color:var(--ai)}
  nav.links{display:flex;align-items:center;gap:32px}
  nav.links a{font-size:14.5px;color:var(--muted);font-weight:500;transition:.2s}
  nav.links a:hover{color:var(--white)}
  nav.links a.btn-primary,nav.links a.btn-primary:hover{color:#0a0a0a}
  .btn{font-family:var(--sg);font-weight:700;font-size:14px;padding:13px 24px;border-radius:10px;
    display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:0;transition:.25s;white-space:nowrap}
  .btn-primary{background:var(--grad-tq);color:#04121c;box-shadow:0 3px 12px -4px rgba(15,191,232,.5),inset 0 1px 0 rgba(255,255,255,.32)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 20px -6px rgba(15,191,232,.6),inset 0 1px 0 rgba(255,255,255,.32)}
  .btn-ghost{background:var(--glass);color:var(--text);border:1px solid var(--line-2);
    backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}
  .btn-ghost:hover{background:var(--panel-2);border-color:var(--tq)}
  .navtoggle{display:none;background:none;border:0;color:var(--text);cursor:pointer;padding:8px}
  .navdrop{position:relative}
  .navdrop>a{display:inline-flex;align-items:center;gap:7px}
  .navdrop>a::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;
    border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:.25s}
  .navdrop:hover>a::after{transform:rotate(225deg);margin-top:3px}
  .navdrop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:14px;
    opacity:0;visibility:hidden;transition:.25s;z-index:70}
  .navdrop:hover .navdrop-menu,.navdrop:focus-within .navdrop-menu{opacity:1;visibility:visible}
  .navdrop-inner{min-width:225px;background:rgba(8,18,38,.6);border:1px solid var(--line-2);
    border-radius:14px;padding:9px;display:grid;gap:2px;box-shadow:var(--glass-edge),0 24px 50px -20px rgba(0,0,0,.8);
    backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
  .navdrop-inner a{padding:11px 14px;border-radius:9px;font-size:14px;color:var(--text);white-space:nowrap}
  .navdrop-inner a:hover{background:var(--panel-2);color:var(--tq-2)}

  /* ---------- HERO ---------- */
  .hero{position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:56px 56px;
    -webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,transparent 80%);
            mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,transparent 80%)}
  .hero-in{position:relative;z-index:3;padding:clamp(92px,11vh,116px) 0 30px;display:grid;
    grid-template-columns:1.05fr .95fr;gap:36px 70px;align-items:center}
  .hero-copy{max-width:640px}
  .hero h1{font-size:clamp(28px,3.6vw,44px);font-weight:700;margin:16px 0 0}
  .hero .cta{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
  .tagchips{grid-column:1/-1;justify-self:center;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:-20px}
  .chip{font-family:var(--sg);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:7px 15px;background:var(--glass);
    backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}
  .chip b{color:var(--tq-3);font-weight:600}

  /* ---------- HERO LIVE-CALL TRANSCRIPT (right column) ---------- */
  .hero-vis{position:relative}
  /* bright blue marquee: a comet-headed beam trails clockwise around the tile */
  @property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}
  .callwrap{position:relative;border-radius:23px;padding:1px;isolation:isolate;
    background:conic-gradient(from var(--beam),
      #17294c 0deg,#17294c 190deg,#2472d8 268deg,#3f9dfa 318deg,#7fccff 344deg,#c9ecff 354deg,#ffffff 358deg,#17294c 360deg);
    animation:beamSpin 8s linear infinite}
  .callwrap::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
    background:conic-gradient(from var(--beam),
      transparent 0deg,transparent 238deg,rgba(46,140,240,.55) 300deg,rgba(120,205,255,.9) 342deg,rgba(235,247,255,1) 358deg,transparent 360deg);
    filter:blur(16px);opacity:.9;animation:beamSpin 8s linear infinite}
  @keyframes beamSpin{to{--beam:360deg}}
  @media (prefers-reduced-motion:reduce){.callwrap,.callwrap::after{animation:none}}
  .callstage{position:relative;width:100%;height:clamp(410px,calc(100vh - 200px),600px);border-radius:22px;overflow:hidden;
    display:flex;flex-direction:column;border:1px solid rgba(96,150,255,.26);
    background:
      radial-gradient(125% 70% at 84% -6%,rgba(59,130,246,.34),transparent 56%),
      radial-gradient(105% 80% at -12% 110%,rgba(0,229,255,.14),transparent 60%),
      linear-gradient(168deg,#0c1a34,#0a1428 55%,#081020);
    box-shadow:var(--glass-edge),0 0 72px -20px rgba(59,130,246,.6),0 34px 74px -32px rgba(0,0,0,.85)}
  @keyframes csBlink{0%,100%{opacity:.35}50%{opacity:1}}
  /* header */
  .cs-top{display:flex;align-items:center;gap:12px;padding:15px 17px;flex:0 0 auto;
    border-bottom:1px solid rgba(120,160,255,.15);background:linear-gradient(180deg,rgba(12,26,54,.55),transparent)}
  .cs-ava{width:44px;height:44px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;
    background:linear-gradient(150deg,rgba(59,130,246,.28),rgba(0,229,255,.16));
    border:1px solid rgba(120,180,255,.3);color:var(--ai-3)}
  .cs-ava svg{width:22px;height:22px}
  .cs-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:0 1 auto}
  .cs-id b{font-family:var(--sg);font-weight:700;font-size:15px;color:#fff;line-height:1.1;white-space:nowrap}
  .cs-id span{font-family:var(--sg);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--tq-3)}
  /* live equalizer — driven by the call's amplitude envelope */
  .cs-eq{flex:1 1 auto;min-width:30px;display:flex;align-items:center;justify-content:center;gap:3px;height:26px;padding:0 6px}
  .cs-eq i{display:block;width:3px;height:22px;border-radius:3px;transform:scaleY(.14);will-change:transform;
    background:linear-gradient(180deg,#8fd4ff,#2f74f2);box-shadow:0 0 6px rgba(59,130,246,.55)}
  @media (max-width:520px){.cs-eq i:nth-child(n+13){display:none}}
  .cs-timer{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;font-family:var(--sg);font-size:12px;
    color:var(--muted);font-variant-numeric:tabular-nums}
  .cs-timer i{width:7px;height:7px;border-radius:50%;background:var(--tq);box-shadow:0 0 10px var(--tq);
    animation:csBlink 1.6s ease-in-out infinite}
  /* transcript */
  .cs-scroll{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;padding:16px 15px 8px;scroll-behavior:smooth;
    -webkit-mask:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 8px),transparent);
            mask:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 8px),transparent)}
  .cs-thread{display:flex;flex-direction:column;gap:10px}
  .cs-msg{max-width:84%;padding:9px 13px;border-radius:15px;font-size:13px;line-height:1.42;font-family:var(--inter);
    opacity:0;transform:translateY(9px);transition:opacity .45s ease,transform .45s ease}
  .cs-msg.show{opacity:1;transform:none}
  .cs-msg b{color:#fff;font-weight:700}
  .cs-msg.ai{align-self:flex-start;color:#e4fbf6;border-bottom-left-radius:5px;
    background:linear-gradient(155deg,rgba(10,239,221,.22),rgba(37,130,232,.15));border:1px solid rgba(45,225,210,.4)}
  .cs-msg.user{align-self:flex-end;color:var(--text);border-bottom-right-radius:5px;
    background:linear-gradient(158deg,rgba(255,255,255,.1),rgba(255,255,255,.045));border:1px solid var(--line-2)}
  /* footer */
  .cs-bot{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 15px 14px;
    border-top:1px solid rgba(120,160,255,.15);background:linear-gradient(0deg,rgba(12,26,54,.55),transparent)}
  .cs-booked{flex:1;min-width:0;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:11px;
    background:rgba(10,239,221,.1);border:1px solid rgba(10,239,221,.36);font-family:var(--sg);font-size:12px;
    font-weight:600;color:#cfeee9;opacity:0;transform:translateY(8px);transition:.5s ease}
  .cs-booked.show{opacity:1;transform:none}
  .cs-booked b{color:#fff;font-weight:700}
  .cs-booked .chk{width:21px;height:21px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
    background:var(--grad-tq);color:#04121c}
  .cs-booked .chk svg{width:12px;height:12px}
  .cs-listen span{display:inline-flex}
  .cs-listen .ic-mute{display:none}
  .cs-listen.playing{background:var(--grad-tq);border-color:transparent;color:#04121c;
    box-shadow:0 8px 22px -8px rgba(10,239,221,.7)}
  .cs-listen.playing .ic-play{display:none}
  .cs-listen.playing .ic-mute{display:inline-flex}
  /* round glass action button — the Listen control */
  .cs-act{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
    background:linear-gradient(150deg,rgba(59,130,246,.24),rgba(0,229,255,.14));
    border:1px solid rgba(120,180,255,.32);color:var(--ai-3);transition:.2s}
  .cs-act svg{width:18px;height:18px}
  .cs-act:hover{border-color:var(--tq);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px -8px rgba(10,239,221,.6)}
  .cs-act:focus-visible{outline:2px solid var(--tq);outline-offset:2px}
  @media (prefers-reduced-motion:reduce){
    .callstage *{animation:none!important;transition:none!important}
    .cs-msg,.cs-booked{opacity:1;transform:none}
  }
  .vis-hint{text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--muted);margin-top:12px;font-family:var(--sg)}

  /* ---------- SECTION SHELL ---------- */
  section{position:relative;padding:64px 0}
  .sec-head{max-width:760px;margin:0 0 40px;text-align:left}
  .sec-head h2{font-size:clamp(30px,4.4vw,46px);margin:18px 0 0;text-wrap:balance}
  .sec-head p{color:var(--muted);margin-top:18px;font-size:17px}
  .reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* ---------- MANIFESTO (hero copy) ---------- */
  .hero-copy .big{font-size:19px;color:#d3dcef;margin-top:22px;font-weight:500}
  .hero-copy>p{color:var(--muted);margin-top:18px;font-size:16.5px}
  .split-row{text-align:left;display:flex;margin-top:34px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card-bg)}
  .split-row>div{flex:1;padding:22px 24px}
  .split-row .voip{background:linear-gradient(160deg,rgba(0,229,255,.09),transparent)}
  .split-row .ai{background:linear-gradient(160deg,rgba(10,239,221,.11),transparent);border-left:1px solid var(--line)}
  .split-row h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
  .split-row .voip h4{color:var(--ai)} .split-row .ai h4{color:var(--tq-3)}
  .split-row p{margin-top:0;font-size:14.5px;color:#b6c2d8}

  /* ---------- AI SUITE ---------- */
  .suite-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
  .suite-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:34px 32px;
    background:var(--card-bg);box-shadow:var(--glass-edge);overflow:hidden;transition:.35s}
  .suite-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad-duo);opacity:0;transition:.35s}
  .suite-card::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-120px;
    background:radial-gradient(circle,rgba(0,229,255,.12),transparent 65%);opacity:0;transition:.45s;pointer-events:none}
  .suite-card:hover{transform:translateY(-6px)}
  .suite-card:hover::before,.suite-card:hover::after{opacity:1}
  /* hover-video tiles: video wipes open from the tile's own icon */
  .tile-media{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;opacity:0;pointer-events:none;
    clip-path:circle(0 at var(--tile-ox,58px) var(--tile-oy,60px));
    transition:opacity .45s ease,clip-path .85s cubic-bezier(.22,.61,.36,1)}
  .tile-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    transform:scale(1.12);transition:transform 1.5s cubic-bezier(.22,.61,.36,1)}
  .suite-card[data-tile-video]{cursor:pointer}
  .suite-card>.suite-ico,.suite-card>h3,.suite-card>p,.suite-card>ul{transition:opacity .3s ease}
  /* "play with sound" cue */
  .tile-cue{position:absolute;z-index:2;right:16px;bottom:16px;display:flex;align-items:center;gap:7px;
    padding:8px 14px;border-radius:999px;font-family:var(--sg);font-size:12.5px;font-weight:600;
    background:rgba(4,9,20,.72);border:1px solid var(--line-2);color:#dbe3f2;cursor:pointer;
    opacity:0;transform:translateY(6px);transition:.35s ease;
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .suite-card.tile-live .tile-cue{opacity:1;transform:none}
  .tile-cue:hover{border-color:var(--tq);color:var(--white)}
  .tile-cue:focus-visible{opacity:1;transform:none;outline:2px solid var(--tq);outline-offset:2px}
  /* no hover on touch — keep the affordance visible there */
  @media (hover:none){.tile-cue{opacity:1;transform:none}}
  /* ---- cinema: same box, full frame, sound on ---- */
  .suite-card.tile-cinema{transform:translateY(-6px);cursor:default;border-color:rgba(10,239,221,.5)}
  .suite-card.tile-cinema .tile-media{opacity:1;clip-path:none;pointer-events:auto;background:#02050d}
  .suite-card.tile-cinema .tile-media::after{opacity:0}
  /* fills the tile, trimmed to its aspect — no letterbox, no resize */
  .suite-card.tile-cinema .tile-media video{object-fit:cover;transform:none}
  .suite-card.tile-cinema>.suite-ico,.suite-card.tile-cinema>h3,
  .suite-card.tile-cinema>p,.suite-card.tile-cinema>ul{opacity:0;pointer-events:none}
  .suite-card.tile-cinema .tile-cue{opacity:0}
  .suite-card.tile-cinema::after{opacity:0}
  .tile-close{position:absolute;z-index:3;top:12px;right:12px;width:34px;height:34px;border-radius:50%;
    display:none;place-items:center;cursor:pointer;color:#dbe3f2;
    background:rgba(4,9,20,.75);border:1px solid var(--line-2);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .suite-card.tile-cinema .tile-close{display:grid}
  .tile-close:hover{border-color:var(--tq);color:var(--white)}
  .tile-close:focus-visible{outline:2px solid var(--tq);outline-offset:2px}
  /* scrim: heavier on the left, where the copy sits. Sized for the clip's
     brightest frame (t=36s is near-white), not its average. */
  .tile-media::after{content:"";position:absolute;inset:0;opacity:1;transition:opacity .45s ease;background:
    linear-gradient(102deg,rgba(6,11,24,.97),rgba(6,11,24,.94) 42%,rgba(6,11,24,.72) 76%,rgba(8,20,40,.6)),
    linear-gradient(180deg,rgba(6,11,24,.55),rgba(6,11,24,.22) 34%,rgba(6,11,24,.8))}
  .suite-card.tile-live .tile-media{opacity:1;clip-path:circle(155% at var(--tile-ox,58px) var(--tile-oy,60px))}
  .suite-card.tile-live .tile-media video{transform:scale(1)}
  .suite-card.tile-live{border-color:rgba(10,239,221,.34)}
  /* copy brightens as the film comes up — muted grey can't hold AA over video */
  .suite-card.tile-live p{color:var(--text)}
  .suite-card.tile-live li{color:#dbe3f2}
  .suite-card.tile-live h3,.suite-card.tile-live p,.suite-card.tile-live li{text-shadow:0 1px 14px rgba(2,6,16,.8)}
  /* content must paint above the video layer */
  .suite-card>.suite-ico,.suite-card>h3,.suite-card>p,.suite-card>ul{position:relative;z-index:1}
  .suite-card::before{z-index:2}
  @media (prefers-reduced-motion:reduce){
    .tile-media{clip-path:none;transition:opacity .3s ease}
    .tile-media video{transform:none;transition:none}
  }
  .suite-ico{width:52px;height:52px;border-radius:14px;background:var(--grad-ai-soft);border:1px solid var(--line-2);
    display:flex;align-items:center;justify-content:center;margin-bottom:22px}
  .suite-ico svg{width:26px;height:26px}
  .suite-card h3{font-size:22px} .suite-card h3 span{color:var(--ai);font-size:13px;letter-spacing:.14em;
    text-transform:uppercase;display:block;margin-bottom:6px;font-weight:600}
  .suite-card p{color:var(--muted);margin-top:12px;font-size:15.5px}
  .suite-card ul{list-style:none;margin-top:18px;display:grid;gap:9px}
  .suite-card li{font-size:14px;color:#b6c2d8;display:flex;gap:10px;align-items:flex-start}
  .suite-card li::before{content:"";width:14px;height:14px;flex:0 0 auto;margin-top:4px;border-radius:4px;
    background:var(--grad-ai);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 12.2 2.3 8l1.4-1.4 2.8 2.8 5.8-5.8L13.7 5z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 12.2 2.3 8l1.4-1.4 2.8 2.8 5.8-5.8L13.7 5z'/%3E%3C/svg%3E") center/contain no-repeat}

  /* ---------- PLATFORM ---------- */
  .plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .card{background:var(--card-bg);border:1px solid var(--line);border-radius:18px;padding:30px 28px;
    position:relative;overflow:hidden;transition:.3s;box-shadow:var(--glass-edge);
    backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
  .card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad-duo);opacity:0;transition:.3s}
  .card:hover{transform:translateY(-6px);background:var(--panel-2)}
  .card:hover::before{opacity:1}
  .card .ico{width:46px;height:46px;border-radius:12px;background:var(--grad-ai-soft);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;margin-bottom:20px}
  .card .ico svg{width:23px;height:23px}
  .card h3{font-size:18.5px}
  .card p{color:var(--muted);font-size:14.5px;margin-top:10px}
  .card .aitag{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--sg);
    font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tq-3)}
  .card .aitag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tq);
    box-shadow:0 0 10px var(--tq);animation:blink 2.4s ease-in-out infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}

  /* ---------- STATS ---------- */
  .stats{padding:52px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
  .stat h3{font-size:clamp(34px,4.5vw,52px);background:var(--grad-duo);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .stat p{color:var(--muted);font-size:14px;margin-top:8px;letter-spacing:.06em;text-transform:uppercase;
    font-family:var(--sg);font-weight:500}

  /* ---------- INDUSTRIES (4-column centered grid) ---------- */
  .indgrid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;
    max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .ind{border:1px solid var(--line);border-radius:18px;padding:28px 26px;
    background:var(--card-bg);width:calc((100% - 54px)/4);box-shadow:var(--glass-edge);transition:.3s;
    backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}
  .ind:hover{transform:translateY(-4px)}
  .ind .ind-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}
  .ind h3{font-size:16.5px;color:var(--white)}
  .ind p{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0}
  .ind .tico{width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:var(--grad-ai-soft);
    border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center}
  .ind .tico svg{width:23px;height:23px;stroke:var(--ai);fill:none;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round}
  @media (max-width:1080px){.ind{width:calc((100% - 36px)/3)}}
  @media (max-width:860px){.ind{width:calc((100% - 18px)/2)}}
  @media (max-width:560px){.ind{width:100%}}

  /* ---------- TESTIMONIALS ---------- */
  .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto}
  .quote{border:1px solid var(--line);border-radius:20px;padding:36px 34px;background:var(--card-bg);position:relative;
    box-shadow:var(--glass-edge);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
  .quote::before{content:"“";position:absolute;top:6px;left:24px;font-family:var(--sg);font-size:90px;
    background:var(--grad-duo);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.55;line-height:1}
  .quote p{font-size:17.5px;color:#d3dcef;margin-top:26px;font-weight:500}
  .quote footer{margin-top:20px;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:10px}
  .quote footer::before{content:"";width:26px;height:1px;background:var(--tq);opacity:.7}

  /* ---------- CTA BAND ---------- */
  .ctaband{padding:0}
  .ctaband .inner{position:relative;border:1px solid var(--line-2);border-radius:26px;overflow:hidden;
    padding:70px 60px;text-align:center;box-shadow:var(--glass-edge);
    backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
    background:
      radial-gradient(80% 120% at 50% -20%,rgba(59,130,246,.26),transparent 60%),
      radial-gradient(60% 100% at 50% 120%,rgba(10,239,221,.16),transparent 60%),rgba(8,13,28,.55)}
  .ctaband h2{font-size:clamp(28px,4vw,44px);text-wrap:balance}
  .ctaband p{color:var(--muted);max-width:560px;margin:18px auto 0;font-size:16.5px}
  .ctaband .cta{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap}
  .ctaband .phone{font-family:var(--sg);font-weight:700;font-size:clamp(22px,3vw,30px);margin-top:34px;display:block}
  .ctaband .phone a{background:var(--grad-duo);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* ---------- CONTACT ---------- */
  .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:0 auto}
  .cinfo{border:1px solid var(--line);border-radius:18px;padding:30px;background:var(--card-bg);text-align:center;transition:.3s;
    box-shadow:var(--glass-edge);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
  .cinfo:hover{background:var(--panel-2)}
  .cinfo .ico{width:46px;height:46px;margin:0 auto 16px;border-radius:12px;background:var(--grad-ai-soft);
    border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
  .cinfo .ico svg{width:22px;height:22px}
  .cinfo h4{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
  .cinfo a,.cinfo p{display:block;margin-top:8px;font-family:var(--sg);font-weight:600;font-size:16.5px;color:var(--text)}
  .cinfo a:hover{color:var(--tq-2)}

  /* ---------- FOOTER ---------- */
  footer.site{border-top:1px solid var(--line);padding:60px 0 40px;background:var(--bg-2)}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
  .foot-grid h5{font-family:var(--sg);font-size:13px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--white);margin-bottom:16px}
  .foot-grid ul{list-style:none;display:grid;gap:10px}
  .foot-grid a{color:var(--muted);font-size:14px;transition:.2s}
  .foot-grid a:hover{color:var(--ai)}
  .foot-brand p{color:var(--muted);font-size:14px;margin-top:14px;max-width:300px}
  .foot-base{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;
    justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px}
  .foot-base .pegasi b{background:var(--grad-duo);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* ---------- SHARED TILE HOVER GLOW ---------- */
  .ind:hover,.suite-card:hover,.card:hover,.cinfo:hover,.quote:hover{
    border-color:rgba(64,140,255,.85);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(64,140,255,.55),
      0 0 30px -2px rgba(64,140,255,.6),0 0 70px -10px rgba(56,150,255,.45),
      0 18px 44px -22px rgba(0,0,0,.65)}
  .quote{transition:.3s}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:980px){
    .hero-in{grid-template-columns:1fr;gap:32px;padding:104px 24px 60px}
    .suite-grid{grid-template-columns:1fr}
    .plat-grid{grid-template-columns:1fr 1fr}
    .stat-grid{grid-template-columns:1fr 1fr;gap:36px}
    .quote-grid{grid-template-columns:1fr}
    .contact-grid{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media (max-width:760px){
    nav.links{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:flex-start;
      background:rgba(4,6,13,.97);backdrop-filter:blur(18px);padding:26px 24px 30px;gap:20px;
      border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.35s;z-index:55}
    nav.links.open{transform:none}
    .navtoggle{display:block}
    .navdrop-menu{position:static;transform:none;opacity:1;visibility:visible;padding-top:8px}
    .navdrop-inner{background:transparent;border:0;box-shadow:none;padding:0 0 0 16px;backdrop-filter:none;-webkit-backdrop-filter:none}
    .plat-grid{grid-template-columns:1fr}
    .split-row{flex-direction:column}
    .split-row .ai{border-left:0;border-top:1px solid var(--line)}
    .ctaband .inner{padding:54px 26px}
    section{padding:84px 0}
  }

/* ---------- interior content pages (additive; home page unaffected) ---------- */
.page-head{padding:130px 0 8px}
.page-head .eyebrow{margin-bottom:14px}
.page-head h1{font-size:clamp(30px,4.4vw,48px);margin:0;line-height:1.08}
.page-head .lede{color:var(--muted);font-size:18px;max-width:760px;margin:18px 0 0;line-height:1.6}
.prose{color:#cdd7ee;font-size:16.5px;line-height:1.72;max-width:820px}
.prose p{margin:0 0 16px}
.prose h2{font-size:clamp(24px,3vw,32px);margin:40px 0 14px;color:#fff}
.prose h3{font-size:19px;margin:26px 0 10px;color:#fff}
.prose ul{margin:0 0 16px;padding-left:0;list-style:none;display:grid;gap:9px}
.prose ul li{position:relative;padding-left:26px;color:#cdd7ee}
.prose ul li::before{content:"";position:absolute;left:0;top:9px;width:13px;height:13px;border-radius:4px;background:var(--grad-tq);opacity:.9}
.prose a{color:var(--tq-2)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}}
.feat-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:24px 22px}
.feat-card h3{margin:0 0 8px;font-size:17px;color:#fff;font-family:var(--sg)}
.feat-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.feat-card ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.feat-card ul li{position:relative;padding-left:20px;font-size:14px;color:#cdd7ee}
.feat-card ul li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:3px;background:var(--grad-tq)}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0 0}
.chips span{font-size:13px;color:#cfe0ff;border:1px solid var(--line-2);border-radius:100px;padding:6px 13px;background:var(--glass)}
.faq-item{border:1px solid var(--line);border-radius:14px;background:var(--card-bg);margin:0 0 12px;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 20px;font-family:var(--sg);font-weight:600;font-size:16px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--tq);font-size:22px;line-height:1;flex:0 0 auto}
.faq-item[open] summary::after{content:"\2013"}
.faq-item .faq-a{padding:0 20px 18px;color:#cdd7ee;font-size:15px;line-height:1.65}
.quote-card{background:var(--card-bg);border:1px solid var(--line);border-radius:18px;padding:26px 24px}
.quote-card p{font-size:15.5px;line-height:1.6;color:#dbe4f5;margin:0 0 16px}
.quote-card footer{color:var(--muted);font-size:13.5px;display:flex;align-items:center;gap:10px}
.quote-card footer::before{content:"";width:22px;height:1px;background:var(--tq);opacity:.7}
.contact-line{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;color:#cdd7ee;font-size:15.5px}
.contact-line b{color:#fff;font-family:var(--sg)}
.isec{padding:56px 0}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center}
.backlink{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;margin-bottom:8px}
.backlink:hover{color:var(--tq-2)}

/* ---------- client logo marquee (Our Clients) ---------- */
.logo-wall{position:relative;overflow:hidden;padding:6px 0}
.logo-track{display:flex;gap:20px;width:max-content;padding:12px 0;will-change:transform;animation:logoscroll 64s linear infinite}
.logo-track.rev{animation-direction:reverse;animation-duration:78s;margin-top:4px}
.logo-set{display:flex;gap:20px;flex:0 0 auto}
.logo-wall:hover .logo-track{animation-play-state:paused}
@keyframes logoscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logo-tile{flex:0 0 auto;width:158px;height:84px;border-radius:16px;background:#fff;display:grid;place-items:center;
  padding:16px 18px;box-shadow:0 10px 26px -14px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.6);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,filter .28s;filter:grayscale(.25)}
.logo-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.logo-tile:hover{transform:translateY(-8px) scale(1.06);filter:none;
  box-shadow:0 0 0 1.5px rgba(64,140,255,.85),0 16px 34px -10px rgba(64,140,255,.55),0 0 60px -14px rgba(56,150,255,.5)}
.logo-count{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:14px;margin-top:4px}
.logo-count b{background:var(--grad-duo);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--sg);font-weight:800;font-size:20px}
@media (prefers-reduced-motion:reduce){
  .logo-wall{-webkit-mask:none;mask:none}
  .logo-track{animation:none;width:auto}
  .logo-set{flex-wrap:wrap;justify-content:center}
  .logo-set.dup{display:none}
}
@media (max-width:560px){.logo-tile{width:128px;height:70px;padding:12px 14px}}

/* ---------- device showcase (Phones) ---------- */
.device-show{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.device-show h2{margin:0 0 12px;font-size:clamp(22px,3vw,30px);color:#fff}
.device-img{border-radius:20px;padding:30px;border:1px solid var(--line);background:radial-gradient(120% 120% at 50% 18%,rgba(20,200,235,.14),rgba(20,200,235,.03) 55%,transparent 74%);display:grid;place-items:center}
.device-img img{max-width:100%;height:auto;filter:drop-shadow(0 22px 44px rgba(0,0,0,.55))}
@media(max-width:820px){.device-show{grid-template-columns:1fr}}
.facet-ico{width:48px;height:48px;border-radius:13px;background:var(--grad-ai-soft);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ai);margin-bottom:15px}
.facet-ico svg{width:25px;height:25px}

/* ---------- "one phone, three capabilities" hub ---------- */
.cap-hub{position:relative;width:100%;max-width:820px;margin:20px auto 0;aspect-ratio:16/8}
.cap-hub .lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.cap-hub .line{fill:none;stroke:url(#capgrad);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;
  stroke-dasharray:3 9;animation:capflow 1.3s linear infinite;filter:drop-shadow(0 0 3px rgba(20,200,235,.7))}
@keyframes capflow{to{stroke-dashoffset:-24}}
.cap-phone{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:31%;z-index:1;border-radius:20px;padding:14px;
  background:radial-gradient(120% 120% at 50% 22%,rgba(20,200,235,.18),rgba(20,200,235,.03) 55%,transparent 72%)}
.cap-phone img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 42px rgba(0,0,0,.62))}
.cap-node{position:absolute;transform:translate(-50%,-50%);width:190px;z-index:2;text-align:center;text-decoration:none;
  background:linear-gradient(165deg,#12203e,#0d1a34 60%,#0f1c39);border:1px solid var(--line-2);border-radius:15px;padding:15px 16px;
  box-shadow:0 16px 36px -18px rgba(0,0,0,.85);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.cap-node:hover{transform:translate(-50%,-50%) translateY(-5px);border-color:rgba(64,140,255,.85);
  box-shadow:0 0 0 1px rgba(64,140,255,.55),0 0 30px -2px rgba(64,140,255,.6),0 0 60px -12px rgba(56,150,255,.45),0 18px 40px -18px rgba(0,0,0,.7)}
.cap-node .facet-ico{margin:0 auto 9px}
.cap-node b{display:block;color:#fff;font-family:var(--sg);font-weight:700;font-size:15.5px}
.cap-node span{display:block;color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.42}
.cap-node.n1{left:15%;top:38%}.cap-node.n2{left:85%;top:38%}.cap-node.n3{left:50%;top:83%}
.cap-stack{display:none}
@media (max-width:880px){.cap-hub{display:none}.cap-stack{display:block}}
@media (prefers-reduced-motion:reduce){.cap-hub .line{animation:none;stroke-dasharray:none}}

/* ---------- shared bluish tile-hover glow (matches index.html) ---------- */
.feat-card,.quote-card,.faq-item{transition:border-color .3s,box-shadow .3s,transform .3s}
.feat-card:hover,.quote-card:hover,.faq-item:hover{
  border-color:rgba(64,140,255,.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(64,140,255,.55),
    0 0 30px -2px rgba(64,140,255,.6),0 0 70px -10px rgba(56,150,255,.45),
    0 18px 44px -22px rgba(0,0,0,.65)}