:root {
    --bg: #050A12;
    --bg2: #080F1A;
    --surface: #0D1726;
    --surface2: #111e30;
    --accent: #00C8FF;
    --accent2: #0066FF;
    --gold: #F0A500;
    --text: #E8EEF5;
    --muted: #6A7E96;
    --border: rgba(0,200,255,0.12);
    --glow: rgba(0,200,255,0.15);
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior: smooth; }
  body {
    font-family: 'DM Sans', sans-serif;
    background: var(--bg);
    color: var(--text);
    overflow-x: hidden;
  }

  /* NOISE OVERLAY */
  body::before {
    content:'';
    position:fixed; inset:0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events:none; z-index:9999; opacity:.4;
  }

  /* NAV */
  nav {
    position: fixed; top:0; left:0; right:0; z-index:100;
    display:flex; align-items:center; justify-content:space-between;
    padding: 0 4rem;
    height: 72px;
    background: rgba(5,10,18,0.85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
  }
  .nav-logo {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    color: var(--text);
    display:flex; align-items:center; gap:.6rem;
  }
  .nav-logo span { color: var(--accent); }
  .nav-links {
    display:flex; align-items:center; gap: 2.5rem;
    list-style:none;
  }
  .nav-links a {
    font-size:.78rem; font-weight:500; letter-spacing:.12em;
    text-transform:uppercase; color: var(--muted);
    text-decoration:none; transition:.2s;
  }
  .nav-links a:hover { color: var(--accent); }
  .nav-cta {
    padding: .5rem 1.4rem;
    background: var(--accent);
    color: var(--bg) !important;
    border-radius: 2px;
    font-weight:700 !important;
  }
  .nav-cta:hover { background: #fff !important; color: var(--bg) !important; }

  /* PAGE SECTIONS */
  .page { display:none; animation: fadeIn .5s ease; }
  .page.active { display:block; }
  @keyframes fadeIn { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }

  /* HERO */
  .hero {
    min-height: 100vh;
    display:flex; flex-direction:column; justify-content:center;
    padding: 0 4rem;
    position:relative; overflow:hidden;
  }
  .hero-grid {
    position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(0,200,255,0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,200,255,0.04) 1px, transparent 1px);
    background-size: 60px 60px;
  }
  .hero-orb {
    position:absolute; right:-10%; top:10%;
    width:700px; height:700px; border-radius:50%;
    background: radial-gradient(circle, rgba(0,102,255,0.18) 0%, transparent 70%);
    animation: pulse 8s ease-in-out infinite;
  }
  .hero-orb2 {
    position:absolute; left:-5%; bottom:0%;
    width:500px; height:500px; border-radius:50%;
    background: radial-gradient(circle, rgba(0,200,255,0.08) 0%, transparent 70%);
    animation: pulse 10s ease-in-out infinite reverse;
  }
  @keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
  .hero-eyebrow {
    font-size:.72rem; letter-spacing:.25em; text-transform:uppercase;
    color: var(--accent); margin-bottom: 1.2rem;
    display:flex; align-items:center; gap:.6rem;
  }
  .hero-eyebrow::before {
    content:''; width:32px; height:1px; background:var(--accent);
  }
  .hero-title {
    font-family:'Bebas Neue',sans-serif;
    font-size: clamp(3.5rem,8vw,7rem);
    line-height:.95; letter-spacing:.02em;
    margin-bottom:1.5rem;
    max-width:800px;
  }
  .hero-title em { color:var(--accent); font-style:normal; }
  .hero-sub {
    font-size:1.1rem; line-height:1.7; color:var(--muted);
    max-width:520px; margin-bottom:2.5rem; font-weight:300;
  }
  .hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
  .btn-primary {
    padding:.85rem 2.2rem;
    background: var(--accent);
    color: var(--bg);
    font-weight:700; font-size:.85rem; letter-spacing:.08em;
    text-transform:uppercase; border:none; cursor:pointer;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    transition:.2s;
  }
  .btn-primary:hover { background:#fff; transform:translateY(-2px); }
  .btn-outline {
    padding:.85rem 2.2rem;
    background:transparent; border:1px solid var(--border);
    color:var(--text); font-weight:500; font-size:.85rem;
    letter-spacing:.08em; text-transform:uppercase; cursor:pointer;
    transition:.2s;
  }
  .btn-outline:hover { border-color:var(--accent); color:var(--accent); }

  .hero-stats {
    display:flex; gap:3rem; margin-top:4rem;
    padding-top:2rem; border-top:1px solid var(--border);
  }
  .stat-num {
    font-family:'Bebas Neue',sans-serif; font-size:2.4rem;
    color:var(--accent); display:block;
  }
  .stat-label { font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }

  /* VIDEO SLIDER */
  .slider-section {
    padding: 6rem 4rem;
    background: var(--bg2);
    border-top:1px solid var(--border);
  }
  .section-label {
    font-size:.72rem; letter-spacing:.25em; text-transform:uppercase;
    color:var(--accent); margin-bottom:.8rem;
  }
  .section-title {
    font-family:'Bebas Neue',sans-serif;
    font-size:clamp(2.2rem,4vw,3.5rem); line-height:1;
    margin-bottom:1rem;
  }
  .section-sub { color:var(--muted); font-size:1rem; line-height:1.7; max-width:560px; margin-bottom:3rem; font-weight:300; }

  .slider-track {
    display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;
  }
  .slide-card {
    background: var(--surface);
    border:1px solid var(--border);
    overflow:hidden; position:relative;
    cursor:pointer; transition:.3s;
  }
  .slide-card:hover { border-color:var(--accent); transform:translateY(-4px); }
  .slide-thumb {
    aspect-ratio:16/9;
    display:flex; align-items:center; justify-content:center;
    font-size:3rem; position:relative;
    overflow:hidden;
  }
  .slide-thumb::after {
    content:'▶';
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:2rem; color:#fff;
    background: rgba(0,0,0,.45);
    opacity:0; transition:.3s;
  }
  .slide-card:hover .slide-thumb::after { opacity:1; }
  .slide-meta { padding:1.2rem; }
  .slide-tag {
    font-size:.65rem; letter-spacing:.15em; text-transform:uppercase;
    color:var(--accent); margin-bottom:.4rem;
  }
  .slide-title { font-family:'Syne',sans-serif; font-weight:700; font-size:1rem; margin-bottom:.4rem; }
  .slide-desc { font-size:.82rem; color:var(--muted); line-height:1.6; }

  /* SERVICES */
  .services-section {
    padding:6rem 4rem;
  }
  .services-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
    background:var(--border); border:1px solid var(--border);
    margin-top:3rem;
  }
  .service-card {
    background:var(--bg);
    padding:2.5rem 2rem;
    position:relative; overflow:hidden;
    cursor:pointer; transition:.3s;
    display:flex; flex-direction:column; gap:1rem;
  }
  .service-card::before {
    content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
    background:var(--accent); transform:scaleX(0); transition:.3s;
    transform-origin:left;
  }
  .service-card:hover::before { transform:scaleX(1); }
  .service-card:hover { background:var(--surface); }
  .service-icon {
    font-size:2rem; width:52px; height:52px;
    display:flex; align-items:center; justify-content:center;
    background:var(--surface); border:1px solid var(--border);
  }
  .service-num {
    font-family:'Bebas Neue',sans-serif; font-size:.9rem;
    letter-spacing:.1em; color:var(--muted);
  }
  .service-name {
    font-family:'Syne',sans-serif; font-weight:800; font-size:1.15rem;
  }
  .service-desc { font-size:.85rem; color:var(--muted); line-height:1.7; flex:1; }
  .service-link {
    font-size:.75rem; letter-spacing:.12em; text-transform:uppercase;
    color:var(--accent); cursor:pointer; display:flex; align-items:center; gap:.4rem;
  }

  /* ABOUT */
  .about-section {
    padding:6rem 4rem;
    background: var(--bg2);
  }
  .about-grid {
    display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center;
    margin-top:3rem;
  }
  .about-img-wrap {
    position:relative;
  }
  .about-img {
    width:100%; aspect-ratio:3/4;
    background: var(--surface);
    display:flex; align-items:center; justify-content:center;
    font-size:5rem; position:relative; overflow:hidden;
    border:1px solid var(--border);
  }
  .about-img::after {
    content:'';
    position:absolute; inset:0;
    background: linear-gradient(135deg, rgba(0,200,255,.1) 0%, transparent 60%);
  }
  .about-badge {
    position:absolute; bottom:-1rem; right:-1rem;
    background:var(--accent); color:var(--bg);
    padding:1.5rem; font-family:'Bebas Neue',sans-serif;
    text-align:center; font-size:1rem; letter-spacing:.05em;
  }
  .about-badge strong { font-size:2.5rem; display:block; line-height:1; }
  .about-text h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,4vw,3rem); line-height:1; margin-bottom:1.5rem; }
  .about-text p { color:var(--muted); line-height:1.8; margin-bottom:1rem; font-weight:300; }
  .team-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:2rem; }
  .team-card {
    background:var(--surface); border:1px solid var(--border);
    padding:1.2rem; display:flex; gap:1rem; align-items:center;
  }
  .team-avatar { font-size:1.8rem; }
  .team-name { font-family:'Syne',sans-serif; font-weight:700; font-size:.9rem; }
  .team-role { font-size:.72rem; color:var(--accent); letter-spacing:.1em; text-transform:uppercase; }

  /* CASE STUDIES */
  .cases-section { padding:6rem 4rem; }
  .cases-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:3rem; }
  .case-card {
    background:var(--surface); border:1px solid var(--border);
    padding:2rem; position:relative; overflow:hidden;
    transition:.3s;
  }
  .case-card:hover { border-color:var(--accent); }
  .case-card::before {
    content:'';
    position:absolute; top:0; left:0; width:3px; height:0;
    background:var(--accent); transition:.4s;
  }
  .case-card:hover::before { height:100%; }
  .case-industry {
    font-size:.65rem; letter-spacing:.2em; text-transform:uppercase;
    color:var(--gold); margin-bottom:.5rem;
  }
  .case-title { font-family:'Syne',sans-serif; font-weight:800; font-size:1.15rem; margin-bottom:.8rem; }
  .case-desc { font-size:.85rem; color:var(--muted); line-height:1.7; margin-bottom:1.5rem; }
  .case-metrics { display:flex; gap:2rem; }
  .case-metric strong { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--accent); display:block; }
  .case-metric span { font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }

  /* IMPLEMENTATIONS */
  .impl-section { padding:6rem 4rem; background:var(--bg2); }
  .impl-timeline { margin-top:3rem; }
  .impl-item {
    display:grid; grid-template-columns:200px 1fr; gap:3rem;
    padding:2.5rem 0; border-bottom:1px solid var(--border);
    position:relative;
  }
  .impl-item:last-child { border-bottom:none; }
  .impl-date { font-family:'Bebas Neue',sans-serif; font-size:1rem; color:var(--accent); letter-spacing:.1em; }
  .impl-client { font-size:.8rem; color:var(--muted); margin-top:.2rem; }
  .impl-content h3 { font-family:'Syne',sans-serif; font-weight:800; font-size:1.2rem; margin-bottom:.6rem; }
  .impl-content p { color:var(--muted); font-size:.88rem; line-height:1.7; margin-bottom:1rem; }
  .impl-tags { display:flex; gap:.5rem; flex-wrap:wrap; }
  .tag {
    font-size:.65rem; letter-spacing:.1em; text-transform:uppercase;
    padding:.25rem .7rem; border:1px solid var(--border); color:var(--accent);
  }
  .impl-results { display:flex; gap:2rem; margin-top:1rem; }
  .impl-result strong { font-family:'Bebas Neue',sans-serif; font-size:1.5rem; color:var(--accent); display:block; }
  .impl-result span { font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }

  /* IT PM */
  .itpm-section { padding:6rem 4rem; }
  .process-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:3rem; }
  .step {
    padding:2rem 1.5rem;
    border:1px solid var(--border);
    border-right:none; position:relative;
    background:var(--surface);
    transition:.3s;
  }
  .step:last-child { border-right:1px solid var(--border); }
  .step:hover { background:var(--surface2); border-color:var(--accent); }
  .step-num {
    font-family:'Bebas Neue',sans-serif; font-size:3rem;
    color:var(--border); line-height:1; margin-bottom:1rem;
    transition:.3s;
  }
  .step:hover .step-num { color:rgba(0,200,255,.3); }
  .step-icon { font-size:1.5rem; margin-bottom:.8rem; }
  .step-name { font-family:'Syne',sans-serif; font-weight:700; font-size:.95rem; margin-bottom:.5rem; }
  .step-desc { font-size:.78rem; color:var(--muted); line-height:1.6; }

  /* AUTOMATIONS */
  .auto-section { padding:6rem 4rem; background:var(--bg2); }
  .auto-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; }
  .auto-card {
    background:var(--bg); border:1px solid var(--border);
    padding:2rem; transition:.3s; position:relative; overflow:hidden;
  }
  .auto-card:hover { border-color:var(--accent); transform:translateY(-4px); }
  .auto-card::after {
    content:'';
    position:absolute; top:-50%; right:-50%;
    width:150%; height:150%;
    background: radial-gradient(circle, rgba(0,200,255,.06) 0%, transparent 60%);
    opacity:0; transition:.5s;
  }
  .auto-card:hover::after { opacity:1; }
  .auto-icon { font-size:2.2rem; margin-bottom:1rem; }
  .auto-name { font-family:'Syne',sans-serif; font-weight:800; font-size:1.1rem; margin-bottom:.8rem; }
  .auto-desc { font-size:.85rem; color:var(--muted); line-height:1.7; margin-bottom:1.2rem; }
  .auto-benefits { list-style:none; }
  .auto-benefits li {
    font-size:.78rem; color:var(--muted); padding:.3rem 0;
    border-bottom:1px solid var(--border); display:flex; gap:.5rem;
  }
  .auto-benefits li::before { content:'→'; color:var(--accent); }

  /* AI */
  .ai-section { padding:6rem 4rem; }
  .ai-hero {
    background: linear-gradient(135deg, var(--surface) 0%, var(--surface2) 100%);
    border:1px solid var(--border);
    padding:4rem; margin-bottom:3rem; position:relative; overflow:hidden;
    display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
  }
  .ai-hero::before {
    content:'';
    position:absolute; right:-100px; top:-100px;
    width:400px; height:400px; border-radius:50%;
    background: radial-gradient(circle, rgba(0,102,255,.2) 0%, transparent 70%);
  }
  .ai-hero h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.5rem,4vw,4rem); line-height:1; margin-bottom:1rem; }
  .ai-hero p { color:var(--muted); line-height:1.8; font-weight:300; }
  .ai-visual {
    display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem;
  }
  .ai-node {
    aspect-ratio:1; background:var(--bg);
    border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center;
    font-size:1.5rem; transition:.3s;
  }
  .ai-node:hover { border-color:var(--accent); background:var(--surface2); }
  .ai-use-cases { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
  .ai-case {
    background:var(--surface); border:1px solid var(--border);
    padding:1.5rem; transition:.3s;
  }
  .ai-case:hover { border-color:var(--accent); }
  .ai-case-icon { font-size:1.8rem; margin-bottom:.8rem; }
  .ai-case-name { font-family:'Syne',sans-serif; font-weight:700; font-size:.95rem; margin-bottom:.5rem; }
  .ai-case-desc { font-size:.78rem; color:var(--muted); line-height:1.6; }

  /* WEB APP DEPLOYMENT */
  .wad-section { padding:6rem 4rem; background:var(--bg2); }
  .deploy-compare { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; }
  .deploy-card {
    background:var(--bg); border:1px solid var(--border);
    padding:2rem; transition:.3s; position:relative;
  }
  .deploy-card.featured { border-color:var(--accent); }
  .deploy-card.featured::before {
    content:'RECOMMENDED';
    position:absolute; top:0; right:1.5rem;
    background:var(--accent); color:var(--bg);
    font-size:.6rem; font-weight:800; letter-spacing:.15em;
    padding:.2rem .6rem;
  }
  .deploy-type { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:.5rem; }
  .deploy-name { font-family:'Syne',sans-serif; font-weight:800; font-size:1.2rem; margin-bottom:.8rem; }
  .deploy-desc { font-size:.85rem; color:var(--muted); line-height:1.7; margin-bottom:1.5rem; }
  .pros-cons { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
  .pro-list, .con-list { }
  .pro-list h4 { font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:#2ECC71; margin-bottom:.5rem; }
  .con-list h4 { font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:#E74C3C; margin-bottom:.5rem; }
  .pro-list li, .con-list li { font-size:.72rem; color:var(--muted); padding:.2rem 0; list-style:none; display:flex; gap:.3rem; }
  .pro-list li::before { content:'✓'; color:#2ECC71; font-size:.7rem; }
  .con-list li::before { content:'✗'; color:#E74C3C; font-size:.7rem; }

  /* TESTIMONIALS */
  .testimonials-section { padding:5rem 4rem; background:var(--bg); }
  .testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
  .testi-card {
    background:var(--surface); border:1px solid var(--border);
    padding:2rem; position:relative;
  }
  .testi-quote { font-size:3rem; color:var(--accent); line-height:1; margin-bottom:.5rem; font-family:serif; }
  .testi-text { font-size:.88rem; color:var(--muted); line-height:1.8; margin-bottom:1.5rem; font-style:italic; }
  .testi-author { display:flex; align-items:center; gap:.8rem; }
  .testi-avatar { width:36px; height:36px; border-radius:50%; background:var(--surface2); display:flex; align-items:center; justify-content:center; font-size:1rem; border:1px solid var(--border); }
  .testi-name { font-family:'Syne',sans-serif; font-weight:700; font-size:.88rem; }
  .testi-company { font-size:.72rem; color:var(--accent); }

  /* CTA */
  .cta-section {
    padding:6rem 4rem;
    background: linear-gradient(135deg, var(--surface) 0%, var(--bg) 100%);
    border-top:1px solid var(--border);
    text-align:center; position:relative; overflow:hidden;
  }
  .cta-section::before {
    content:'';
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:600px; height:600px; border-radius:50%;
    background: radial-gradient(circle, rgba(0,200,255,.08) 0%, transparent 70%);
  }
  .cta-section h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.5rem,5vw,4.5rem); margin-bottom:1rem; position:relative; }
  .cta-section p { color:var(--muted); font-size:1.05rem; max-width:480px; margin:0 auto 2.5rem; position:relative; font-weight:300; }

  /* FOOTER */
  footer {
    background:var(--bg);
    border-top:1px solid var(--border);
    padding:3rem 4rem;
    display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:3rem;
  }
  .footer-brand .nav-logo { margin-bottom:1rem; }
  .footer-brand p { font-size:.82rem; color:var(--muted); line-height:1.7; max-width:260px; }
  .footer-col h4 { font-family:'Syne',sans-serif; font-weight:700; font-size:.82rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:1rem; }
  .footer-col a { display:block; font-size:.8rem; color:var(--muted); text-decoration:none; padding:.3rem 0; transition:.2s; cursor:pointer; }
  .footer-col a:hover { color:var(--accent); }
  .footer-bottom {
    background:var(--bg);
    border-top:1px solid var(--border);
    padding:1rem 4rem;
    display:flex; justify-content:space-between; align-items:center;
    font-size:.72rem; color:var(--muted);
  }

  /* SCROLLBAR */
  ::-webkit-scrollbar { width:4px; }
  ::-webkit-scrollbar-track { background:var(--bg); }
  ::-webkit-scrollbar-thumb { background:var(--accent); }


  /* HYBRID ADDITIONS */
  .nav-logo { cursor:pointer; }
  .hero-split {
    min-height: calc(100vh - 72px);
    display:grid;
    grid-template-columns:1.02fr .98fr;
    align-items:stretch;
    border-bottom:1px solid var(--border);
    background:var(--bg);
    position:relative;
    overflow:hidden;
  }
  .hero-split-left {
    padding: clamp(2rem,5vw,5rem) 4rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    z-index:2;
    background:
      radial-gradient(circle at 10% 10%, rgba(0,200,255,0.08), transparent 32%),
      linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0));
  }
  .hero-split-right {
    position:relative;
    min-height:420px;
    overflow:hidden;
    background:linear-gradient(180deg,#02040a 0%,#060c1e 40%,#030510 100%);
  }
  .split-copy-wrap { max-width:560px; }
  .split-eyebrow {
    font-size:.72rem; letter-spacing:.25em; text-transform:uppercase;
    color:var(--accent); margin-bottom:1.2rem;
    display:flex; align-items:center; gap:.6rem;
  }
  .split-eyebrow::before { content:''; width:32px; height:1px; background:var(--accent); }
  .split-title {
    font-family:'Bebas Neue',sans-serif;
    font-size: clamp(3.5rem,7.6vw,6.5rem);
    line-height:.94; letter-spacing:.02em;
    margin-bottom:1.3rem;
  }
  .split-title em { color:var(--accent); font-style:normal; }
  .split-sub {
    font-size:1.04rem; line-height:1.75; color:var(--muted);
    max-width:500px; margin-bottom:2rem; font-weight:300;
  }
  .split-actions { display:flex; gap:1rem; flex-wrap:wrap; }
  .split-stats {
    display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
    background:var(--border); border:1px solid var(--border);
    margin-top:2.5rem;
  }
  .split-stat { background:var(--bg); padding:1rem .8rem; text-align:center; }
  .split-stat strong {
    display:block; font-family:'Bebas Neue',sans-serif; font-size:2rem;
    color:var(--accent); line-height:1;
  }
  .split-stat span {
    display:block; margin-top:.3rem; font-size:.64rem; letter-spacing:.12em;
    text-transform:uppercase; color:var(--muted);
  }
  .server-scene {
    width:100%; height:100%; position:relative;
    background:
      radial-gradient(ellipse 60% 40% at 50% 80%, rgba(0,102,255,.22) 0%, transparent 70%),
      radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0,200,255,.08) 0%, transparent 60%),
      linear-gradient(180deg,#02040a 0%,#060c1e 40%,#030510 100%);
    display:flex; align-items:center; justify-content:center;
  }
  .server-rack { position:relative; width:clamp(180px,28vw,300px); height:clamp(300px,48vw,500px); }
  .rack-body {
    position:absolute; inset:0; border:1px solid rgba(0,200,255,.22);
    background:linear-gradient(180deg,#0a1020 0%,#060c18 100%); border-radius:4px;
  }
  .rack-unit {
    position:absolute; left:8%; right:8%; height:12%; border-radius:2px;
    border:1px solid rgba(0,200,255,.15); overflow:hidden;
    display:flex; align-items:center; padding:0 8%; gap:6%;
  }
  .ru-led { width:6px; height:6px; border-radius:50%; flex-shrink:0; animation:blink var(--bd,2s) ease-in-out infinite; }
  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.2} }
  .ru-bar { flex:1; height:3px; border-radius:2px; overflow:hidden; background:rgba(255,255,255,.05); }
  .ru-fill { height:100%; border-radius:2px; animation:load var(--ld,3s) ease-in-out infinite alternate; }
  @keyframes load { from{width:20%} to{width:var(--lw,80%)} }
  .ru-text { font-size:clamp(5px,1vw,8px); font-weight:600; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; opacity:.7; }
  .ru1{top:5%;background:rgba(0,200,255,.04);--bd:1.8s;--ld:2.5s;--lw:65%}
  .ru1 .ru-led{background:#00C8FF;box-shadow:0 0 6px #00C8FF}.ru1 .ru-fill{background:linear-gradient(90deg,#0044aa,#00C8FF)}
  .ru2{top:19%;background:rgba(0,102,255,.04);--bd:2.4s;--ld:3.8s;--lw:88%}
  .ru2 .ru-led{background:#4488FF;box-shadow:0 0 6px #4488FF}.ru2 .ru-fill{background:linear-gradient(90deg,#002299,#4488FF)}
  .ru3{top:33%;background:rgba(0,200,255,.04);--bd:1.2s;--ld:2.1s;--lw:42%}
  .ru3 .ru-led{background:#22DDAA;box-shadow:0 0 6px #22DDAA}.ru3 .ru-fill{background:linear-gradient(90deg,#006644,#22DDAA)}
  .ru4{top:47%;background:rgba(0,102,255,.04);--bd:3.1s;--ld:4.2s;--lw:76%}
  .ru4 .ru-led{background:#00C8FF;box-shadow:0 0 6px #00C8FF}.ru4 .ru-fill{background:linear-gradient(90deg,#003388,#00C8FF)}
  .ru5{top:61%;background:rgba(240,165,0,.04);--bd:2.8s;--ld:3.3s;--lw:55%}
  .ru5 .ru-led{background:#F0A500;box-shadow:0 0 6px #F0A500}.ru5 .ru-fill{background:linear-gradient(90deg,#884400,#F0A500)}
  .ru6{top:75%;background:rgba(0,200,255,.04);--bd:1.6s;--ld:2.9s;--lw:91%}
  .ru6 .ru-led{background:#00C8FF;box-shadow:0 0 6px #00C8FF}.ru6 .ru-fill{background:linear-gradient(90deg,#004466,#00C8FF)}
  .rack-cable { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60%; height:8%; background:linear-gradient(180deg,rgba(0,102,255,.2),transparent); border-radius:0 0 4px 4px; }
  .rack-glow { position:absolute; bottom:-20%; left:50%; transform:translateX(-50%); width:180%; height:60%; background:radial-gradient(ellipse,rgba(0,102,255,.18) 0%,transparent 70%); pointer-events:none; }
  .data-float { position:absolute; font-size:clamp(6px,1vw,9px); font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); opacity:.6; animation:drift var(--df,6s) ease-in-out infinite alternate; }
  @keyframes drift { from{transform:translateY(0)} to{transform:translateY(-8px)} }
  .df1{top:15%;left:5%;--df:5s}.df2{top:35%;right:6%;--df:7s;color:#4488FF}.df3{top:55%;left:8%;--df:4s;color:#22DDAA}.df4{top:72%;right:5%;--df:6.5s}
  .scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,200,255,.4),transparent);animation:scan 4s linear infinite;opacity:.5}
  @keyframes scan{from{top:0}to{top:100%}}

  .founder-switch { display:flex; gap:.75rem; flex-wrap:wrap; margin-bottom:1rem; }
  .founder-toggle {
    border:1px solid var(--border); background:transparent; color:var(--muted);
    padding:.55rem 1rem; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
    cursor:pointer; transition:.2s;
  }
  .founder-toggle:hover, .founder-toggle.active { border-color:var(--accent); color:var(--accent); background:rgba(0,200,255,.05); }
  .about-initials {
    display:flex; align-items:center; justify-content:center;
    font-family:'Bebas Neue',sans-serif; font-size:5.5rem; letter-spacing:.08em;
    background:linear-gradient(135deg,#0D1726,#0F2138 60%, #12314b);
  }
  .about-role { color:var(--accent); font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:1rem; }

  .pm-v2-grid {
    display:grid; grid-template-columns:repeat(5,1fr); gap:1px;
    background:var(--border); border:1px solid var(--border); margin-top:2.2rem;
  }
  .pm-v2-step { background:var(--bg); padding:1.75rem 1.2rem; transition:background .15s; }
  .pm-v2-step:hover { background:var(--surface); }
  .pm-v2-num { font-family:'Bebas Neue',sans-serif; font-size:3rem; color:rgba(0,200,255,.14); line-height:1; margin-bottom:.6rem; }
  .pm-v2-scene { height:80px; border-radius:3px; margin-bottom:.9rem; overflow:hidden; position:relative; }
  .pm-v2-name { font-family:'Syne',sans-serif; font-weight:800; font-size:.96rem; margin-bottom:.45rem; }
  .pm-v2-desc { font-size:.78rem; color:var(--muted); line-height:1.65; }
  .pm-v2-cases { margin-top:3rem; border-top:1px solid var(--border); padding-top:3rem; }

  .ai-v2-band {
    border:1px solid var(--border); background:var(--surface); display:grid;
    grid-template-columns:1.1fr 1fr; gap:0; overflow:hidden; margin-top:2.5rem;
  }
  .ai-v2-left { padding:clamp(1.5rem,4vw,3rem); }
  .ai-v2-left h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(1.8rem,4vw,2.8rem); margin-bottom:1rem; }
  .ai-v2-left p { font-size:.88rem; color:var(--muted); line-height:1.8; margin-bottom:.75rem; }
  .ai-v2-scene { min-height:280px; position:relative; overflow:hidden; background:#020408; }
  .ai-v2-grid { position:absolute; inset:0; display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(4,1fr); gap:1px; padding:1px; background:var(--border); }
  .ai-v2-node { background:var(--surface); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; transition:.2s; cursor:pointer; }
  .ai-v2-node:hover { background:var(--surface2); border:1px solid var(--accent); }
  .ai-v2-icon { font-size:1.4rem; opacity:.75; }
  .ai-v2-pulse { position:absolute; inset:0; background:rgba(0,200,255,.06); animation:nodePulse var(--np,3s) ease-in-out infinite; }
  @keyframes nodePulse { 0%,100%{opacity:0} 50%{opacity:1} }
  .ai-v2-cases { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; margin-top:2rem; }
  .ai-v2-case { background:var(--surface); border:1px solid var(--border); padding:1.25rem; transition:.2s; }
  .ai-v2-case:hover { border-color:var(--accent); transform:translateY(-3px); }
  .ai-v2-case-scene { height:90px; border-radius:3px; margin-bottom:1rem; overflow:hidden; position:relative; }
  .ai-v2-case-name { font-family:'Syne',sans-serif; font-weight:800; font-size:1rem; margin-bottom:.5rem; }
  .ai-v2-case-desc { font-size:.8rem; color:var(--muted); line-height:1.65; }

  .service-note { font-size:.72rem; color:var(--muted); line-height:1.5; margin-top:1rem; max-width:680px; }
  .contact-link { text-decoration:none; }

  @media (max-width: 1100px) {
    .pm-v2-grid { grid-template-columns:repeat(3,1fr); }
  }
  @media (max-width: 900px) {
    nav { padding:0 1.25rem; }
    .nav-links { gap:1rem; }
    .hero, .hero-split { padding:0; }
    .hero-split { grid-template-columns:1fr; min-height:auto; }
    .hero-split-left { padding:7rem 1.25rem 2.5rem; }
    .hero-split-right { min-height:320px; }
    .slider-section, .services-section, .testimonials-section, .cta-section,
    .about-section, .cases-section, .impl-section, .itpm-section, .auto-section,
    .ai-section, .wad-section { padding-left:1.25rem; padding-right:1.25rem; }
    .split-stats { grid-template-columns:repeat(2,1fr); }
    .pm-v2-grid { grid-template-columns:repeat(2,1fr); }
    .ai-v2-band { grid-template-columns:1fr; }
  }
  @media (max-width: 700px) {
    .nav-links { display:none; }
    .slider-track, .services-grid, .cases-grid, .deploy-compare, .auto-grid { grid-template-columns:1fr !important; }
    .about-grid { grid-template-columns:1fr; }
    .hero-title, .split-title { font-size: clamp(2.8rem,14vw,4.5rem); }
    .pm-v2-grid { grid-template-columns:1fr; }
    .split-stats { grid-template-columns:1fr; }
  }


  /* CONTACT + CTA REFINEMENTS */
  .cta-bridge { text-align:left; }
  .cta-bridge .cta-inner {
    position:relative; z-index:2; max-width:1100px; margin:0 auto;
    display:grid; grid-template-columns:1.1fr .9fr; gap:2rem; align-items:center;
  }
  .cta-bridge h2, .cta-bridge p { margin-left:0; margin-right:0; }
  .cta-bridge .btn-primary { margin-top:.35rem; }
  .cta-kicker {
    display:inline-flex; align-items:center; gap:.6rem;
    font-size:.7rem; letter-spacing:.22em; text-transform:uppercase; color:var(--accent);
    margin-bottom:1rem;
  }
  .cta-kicker::before { content:''; width:28px; height:1px; background:var(--accent); }
  .cta-micro {
    border:1px solid var(--border); background:rgba(5,10,18,.55); padding:1.25rem 1.2rem;
    display:grid; gap:.8rem; backdrop-filter: blur(10px);
  }
  .cta-micro strong { font-family:'Syne',sans-serif; font-size:1rem; }
  .cta-micro span { color:var(--muted); font-size:.82rem; line-height:1.7; }

  .contact-link { text-decoration:none; }

  .contact-section {
    padding:6rem 4rem;
    background:linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);
    border-top:1px solid var(--border);
  }
  .contact-panel {
    max-width:1180px; margin:0 auto;
    display:grid; grid-template-columns:.92fr 1.08fr; gap:2rem;
    background:linear-gradient(135deg, rgba(13,23,38,.92), rgba(5,10,18,.98));
    border:1px solid var(--border); overflow:hidden;
    box-shadow: 0 28px 80px rgba(0,0,0,.28);
  }
  .contact-copy {
    padding:2.4rem; border-right:1px solid var(--border);
    background:radial-gradient(circle at top left, rgba(0,200,255,.12), transparent 40%);
  }
  .contact-copy h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.2rem,4vw,3.5rem); line-height:1; margin-bottom:1rem; }
  .contact-copy p { color:var(--muted); line-height:1.8; font-size:.95rem; margin-bottom:1rem; }
  .contact-points { display:grid; gap:.85rem; margin-top:1.5rem; }
  .contact-point {
    display:flex; gap:.9rem; align-items:flex-start;
    padding:.95rem 1rem; background:rgba(0,0,0,.14); border:1px solid var(--border);
  }
  .contact-point b { display:block; font-family:'Syne',sans-serif; font-size:.92rem; margin-bottom:.25rem; }
  .contact-point span { color:var(--muted); font-size:.82rem; line-height:1.6; }
  .contact-point i {
    font-style:normal; width:34px; height:34px; flex:0 0 34px; display:flex; align-items:center; justify-content:center;
    border:1px solid var(--border); background:var(--surface2); color:var(--accent);
  }
  .intake-form-wrap { padding:2.4rem; }
  .intake-form { display:grid; gap:1rem; }
  .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
  .form-field { display:grid; gap:.45rem; }
  .form-field label { font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
  .intake-form input,
  .intake-form select,
  .intake-form textarea {
    width:100%; background:#09111d; color:var(--text); border:1px solid var(--border);
    padding:.95rem 1rem; font: inherit; outline:none; resize:vertical;
  }
  .intake-form textarea { min-height:160px; }
  .intake-form input:focus,
  .intake-form select:focus,
  .intake-form textarea:focus { border-color:var(--accent); box-shadow:0 0 0 1px rgba(0,200,255,.12); }
  .form-actions { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
  .form-note { color:var(--muted); font-size:.78rem; line-height:1.6; }
  .form-success {
    display:none; margin-top:1rem; padding:.95rem 1rem; border:1px solid rgba(34,221,170,.22); background:rgba(34,221,170,.08); color:#bdf7e7;
    font-size:.84rem;
  }
  .form-success.show { display:block; }

  .os-preview-section,
  .os-addon-section { padding:6rem 4rem; background:var(--bg2); border-top:1px solid var(--border); }
  .os-preview-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
  .os-shot {
    border:1px solid var(--border); background:linear-gradient(180deg, rgba(13,23,38,.95), rgba(5,10,18,.95));
    overflow:hidden; box-shadow:0 18px 48px rgba(0,0,0,.25);
  }
  .os-shot-top {
    display:flex; align-items:center; justify-content:space-between; padding:.7rem .9rem;
    border-bottom:1px solid var(--border); background:rgba(255,255,255,.02);
  }
  .os-shot-dots { display:flex; gap:.35rem; }
  .os-shot-dots span { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.14); display:block; }
  .os-shot-dots span:nth-child(1){ background:rgba(240,165,0,.5); }
  .os-shot-dots span:nth-child(2){ background:rgba(0,200,255,.45); }
  .os-shot-dots span:nth-child(3){ background:rgba(34,221,170,.45); }
  .os-shot-label { font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
  .os-shot-screen { aspect-ratio: 16 / 10; background:#030812; overflow:hidden; }
  .os-shot-screen img { width:100%; height:100%; display:block; object-fit:cover; object-position:top center; }
  .os-shot-copy { padding:1rem 1rem 1.15rem; }
  .os-shot-copy h3 { font-family:'Syne',sans-serif; font-size:1rem; margin-bottom:.45rem; }
  .os-shot-copy p { color:var(--muted); font-size:.82rem; line-height:1.7; }

  .os-included-band {
    margin-top:2rem; padding:1.35rem 1.4rem; border:1px solid rgba(240,165,0,.18);
    background:linear-gradient(135deg, rgba(240,165,0,.07), rgba(0,200,255,.05));
  }
  .os-included-band strong { display:block; margin-bottom:.35rem; font-family:'Syne',sans-serif; font-size:1rem; }
  .os-included-band span { color:var(--muted); line-height:1.7; font-size:.9rem; }

  .need-help-band {
    max-width:1180px; margin:2.5rem auto 0; padding:2rem; border:1px solid var(--border);
    background:linear-gradient(135deg, rgba(13,23,38,.9), rgba(5,10,18,.95));
    display:grid; grid-template-columns:1fr auto; gap:1.5rem; align-items:center;
  }
  .need-help-band h3 { font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,3vw,3rem); line-height:1; margin-bottom:.5rem; }
  .need-help-band p { color:var(--muted); line-height:1.8; max-width:740px; }

  @media (max-width: 980px) {
    .cta-bridge .cta-inner, .contact-panel, .need-help-band { grid-template-columns:1fr; }
    .contact-copy { border-right:none; border-bottom:1px solid var(--border); }
    .os-preview-grid { grid-template-columns:1fr; }
  }
  @media (max-width: 768px) {
    .form-grid { grid-template-columns:1fr; }
    .contact-section, .os-preview-section, .os-addon-section { padding:4rem 1.5rem; }
    .need-help-band, .cta-bridge .cta-inner { gap:1rem; }
  }

.os-preview-grid-raw{grid-template-columns:1fr;gap:1.5rem}
.os-shot-raw{padding:0;background:transparent;border:none;box-shadow:none}
.os-shot-raw img{border-radius:18px;display:block;width:100%;height:auto}
@media (min-width:1100px){.os-preview-grid-raw{grid-template-columns:1fr;}}



.os-offer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
}
.os-offer-shot{
  appearance:none;
  -webkit-appearance:none;
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  cursor:zoom-in;
}
.os-offer-image{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  border:1px solid var(--border);
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}
.os-offer-hint{
  margin-top:.85rem;
  color:var(--muted);
  font-size:.9rem;
}
.image-lightbox{
  position:fixed;
  inset:0;
  background:rgba(5,10,18,.82);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:3000;
  padding:2rem;
}
.image-lightbox.active{
  display:flex;
}
.image-lightbox-frame{
  max-width:min(92vw,1600px);
  max-height:88vh;
}
.image-lightbox-frame img{
  display:block;
  max-width:100%;
  max-height:88vh;
  width:auto;
  height:auto;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 90px rgba(0,0,0,.45);
}
.image-lightbox-close{
  position:absolute;
  top:18px;
  right:22px;
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(9,17,29,.82);
  color:#fff;
  font-size:1.8rem;
  line-height:1;
  cursor:pointer;
}
@media (max-width:1100px){
  .os-offer-grid{grid-template-columns:1fr;}
}
.powered-band{
  margin-top:2.25rem;
  display:grid;
  grid-template-columns:minmax(320px,1fr) minmax(520px,1.5fr);
  gap:1.5rem;
  align-items:center;
  padding:1.5rem;
  border-radius:28px;
  border:1px solid var(--border);
  background:linear-gradient(135deg, rgba(18,27,43,.88), rgba(10,16,28,.96));
  box-shadow:0 20px 60px rgba(0,0,0,.28);
}
.powered-copy h3{
  margin:0 0 .8rem;
  font-size:clamp(1.8rem,3vw,2.6rem);
  line-height:1.05;
}
.powered-copy p{
  margin:0 0 1.1rem;
  max-width:42rem;
  color:var(--muted);
  line-height:1.7;
}
.powered-media.powered-media-grid{
  min-height:340px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:1rem;
  align-content:stretch;
}
.sg-thumb{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:none;
  cursor:pointer;
  border-radius:20px;
  overflow:hidden;
  min-height:160px;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  transition:transform .18s ease, box-shadow .18s ease;
}
.sg-thumb:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 58px rgba(0,0,0,.34);
}
.sg-thumb img{
  width:100%;
  height:100%;
  min-height:160px;
  object-fit:cover;
  display:block;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
}
.powered-media{
  min-height:340px;
}
.powered-media img{
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
  display:block;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 48px rgba(0,0,0,.34);
}
@media (max-width:1100px){
  .powered-band{grid-template-columns:1fr;}
  .powered-media{min-height:280px;}
  .powered-media img{min-height:280px;}
}
@media (max-width:760px){
  .powered-media.powered-media-grid{grid-template-columns:1fr;}
  .sg-thumb,.sg-thumb img{min-height:190px;}
}

  .sg-proof-section{
    padding:0 4rem 6rem;
    background:var(--bg2);
  }
  .sg-proof-intro{
    margin-top:.5rem;
    padding:2.25rem;
    border:1px solid var(--border);
    border-radius:28px;
    background:linear-gradient(135deg, rgba(18,27,43,.9), rgba(10,16,28,.96));
    box-shadow:0 20px 60px rgba(0,0,0,.24);
  }
  .sg-proof-intro .section-label{
    margin-bottom:.7rem;
  }
  .sg-proof-intro h2{
    margin:0 0 .9rem;
    font-family:'Syne',sans-serif;
    font-size:clamp(2rem,3.4vw,3.2rem);
    line-height:1.05;
    letter-spacing:-.03em;
  }
  .sg-proof-intro p{
    margin:0;
    max-width:62rem;
    color:var(--muted);
    line-height:1.8;
    font-size:1rem;
  }
  .sg-gallery{
    margin-top:2rem;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1.5rem;
  }
  .sg-proof-card{
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 46px rgba(0,0,0,.18);
  }
  .sg-proof-card .sg-thumb{
    display:block;
    width:100%;
    min-height:220px;
    border-radius:0;
    box-shadow:none;
    overflow:hidden;
  }
  .sg-proof-card .sg-thumb:hover{
    transform:none;
    box-shadow:none;
  }
  .sg-proof-card .sg-thumb img{
    min-height:220px;
    border-radius:0;
    border:none;
    object-fit:cover;
  }
  .sg-caption{
    padding:1.1rem 1.15rem 1.25rem;
    border-top:1px solid var(--border);
    background:linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,.03));
  }
  .sg-caption-title{
    margin:0 0 .45rem;
    font-family:'Syne',sans-serif;
    font-weight:800;
    font-size:1.05rem;
    letter-spacing:-.02em;
  }
  .sg-caption-copy{
    margin:0;
    color:var(--muted);
    font-size:.9rem;
    line-height:1.65;
  }
  @media (max-width:1100px){
    .sg-gallery{grid-template-columns:1fr;}
  }
  @media (max-width:768px){
    .sg-proof-section{padding:0 1.5rem 4rem;}
    .sg-proof-intro{padding:1.5rem;}
  }

  .about-grid.about-grid-duo{
    align-items:start;
  }
  .about-img-wrap.about-img-duo{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.25rem;
  }
  .leader-card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 20px 54px rgba(0,0,0,.22);
  }
  .leader-card img{
    display:block;
    width:100%;
    aspect-ratio:4/4.6;
    object-fit:cover;
    background:#0d1320;
  }
  .leader-copy{
    padding:1rem 1.1rem 1.2rem;
  }
  .leader-kicker{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.16em;
    color:var(--accent);
    margin-bottom:.45rem;
    font-weight:800;
  }
  .leader-name{
    font-family:'Syne',sans-serif;
    font-weight:800;
    font-size:1.08rem;
    margin:0 0 .25rem;
  }
  .leader-role{
    color:var(--muted);
    font-size:.88rem;
    line-height:1.55;
    margin:0;
  }
  .sg-selector-shell{
    margin-top:2rem;
    display:grid;
    grid-template-columns:minmax(260px,340px) minmax(0,1fr);
    gap:1.5rem;
    align-items:start;
  }
  .sg-selector-nav{ display:grid; gap:.9rem; }
  .sg-nav-btn{
    appearance:none; width:100%; text-align:left; border:1px solid var(--border);
    background:linear-gradient(180deg, rgba(16,24,38,.98), rgba(11,17,29,.98));
    color:var(--text); padding:1rem 1rem 1rem 1.05rem; border-radius:20px; cursor:pointer;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
    box-shadow:0 14px 36px rgba(0,0,0,.18);
  }
  .sg-nav-btn:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.18); }
  .sg-nav-btn.active{
    border-color:var(--accent);
    background:linear-gradient(180deg, rgba(17,35,55,.98), rgba(11,22,38,.98));
    box-shadow:0 18px 44px rgba(0,0,0,.26);
  }
  .sg-nav-kicker{
    display:block; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;
    color:var(--accent); margin-bottom:.45rem; font-weight:800;
  }
  .sg-nav-title{
    display:block; font-family:'Syne',sans-serif; font-weight:800; font-size:1rem; margin-bottom:.25rem;
  }
  .sg-nav-copy{ display:block; color:var(--muted); font-size:.86rem; line-height:1.55; }
  .sg-viewer{
    background:var(--surface); border:1px solid var(--border); border-radius:28px; padding:1.15rem;
    box-shadow:0 20px 56px rgba(0,0,0,.22);
  }
  .sg-featured{
    appearance:none; border:none; padding:0; background:none; width:100%; cursor:pointer;
    display:block; overflow:hidden; border-radius:20px;
  }
  .sg-featured img{
    width:100%; display:block; height:auto; border-radius:20px; border:1px solid rgba(255,255,255,.08);
  }
  .sg-featured-copy{ padding:.95rem .2rem 0; }
  .sg-featured-title{
    margin:0 0 .35rem; font-family:'Syne',sans-serif; font-weight:800; font-size:1.2rem;
  }
  .sg-featured-desc{ margin:0; color:var(--muted); font-size:.93rem; line-height:1.7; }
  .sg-preview-grid{
    margin-top:1rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem;
  }
  .sg-preview{
    appearance:none; border:1px solid var(--border); background:rgba(255,255,255,.02); padding:0;
    border-radius:18px; overflow:hidden; cursor:pointer; transition:transform .18s ease,border-color .18s ease;
  }
  .sg-preview:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.2); }
  .sg-preview img{ width:100%; display:block; aspect-ratio:1.45/1; object-fit:cover; }
  .sg-preview-label{
    display:block; padding:.65rem .72rem .75rem; font-size:.8rem; line-height:1.4; color:var(--text);
    background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.03));
  }
  @media (max-width:1100px){
    .about-img-wrap.about-img-duo{grid-template-columns:1fr;}
    .sg-selector-shell{grid-template-columns:1fr;}
    .sg-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media (max-width:768px){
    .sg-preview-grid{grid-template-columns:1fr;}
  }

.sg-selector-shell{margin-top:2rem;display:grid!important;grid-template-columns:minmax(260px,340px) minmax(0,1fr)!important;gap:1.5rem;align-items:start}
.sg-selector-nav{display:grid!important;gap:.9rem;align-self:start}
.sg-viewer{min-width:0;display:block}
.sg-featured{width:100%}
.sg-featured img{width:100%;height:auto;display:block}
.sg-preview-grid{margin-top:1rem;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.85rem;align-items:start}
.sg-preview{width:100%;display:block}
.sg-preview img{width:100%;height:auto;display:block;aspect-ratio:1.45/1;object-fit:cover}
@media (max-width:1100px){.sg-selector-shell{grid-template-columns:1fr!important}.sg-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:768px){.sg-preview-grid{grid-template-columns:1fr!important}}

  .ai-op-section{ padding:6rem 4rem; }
  .ai-op-hero{
    display:grid;
    grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);
    gap:1.5rem;
    margin-top:2rem;
  }
  .ai-op-panel,
  .ai-op-card,
  .ai-op-use{
    background:var(--surface);
    border:1px solid var(--border);
    box-shadow:0 18px 48px rgba(0,0,0,.18);
  }
  .ai-op-panel{
    border-radius:28px;
    padding:2rem;
    min-height:100%;
  }
  .ai-op-panel h2{
    margin:0 0 .9rem;
    font-family:'Syne',sans-serif;
    font-size:clamp(2rem,3vw,3rem);
    line-height:1.04;
    letter-spacing:-.03em;
  }
  .ai-op-panel p{
    margin:0 0 1rem;
    color:var(--muted);
    line-height:1.8;
  }
  .ai-op-metric-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
  }
  .ai-op-card{
    border-radius:22px;
    padding:1.15rem;
  }
  .ai-op-label{
    color:var(--accent);
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:.72rem;
    font-weight:800;
    margin-bottom:.45rem;
    display:block;
  }
  .ai-op-card h3{
    margin:0 0 .45rem;
    font-family:'Syne',sans-serif;
    font-size:1.02rem;
  }
  .ai-op-card p{
    margin:0;
    color:var(--muted);
    line-height:1.65;
    font-size:.9rem;
  }
  .ai-op-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
    margin-top:2rem;
  }
  .ai-op-use{
    border-radius:24px;
    padding:1.35rem;
  }
  .ai-op-use h3{
    margin:0 0 .55rem;
    font-family:'Syne',sans-serif;
    font-size:1.05rem;
  }
  .ai-op-use p{
    margin:0;
    color:var(--muted);
    line-height:1.7;
    font-size:.92rem;
  }
  .ai-op-principles{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
    margin-top:2rem;
  }
  .ai-op-principle{
    border-radius:24px;
    border:1px solid var(--border);
    background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.03));
    padding:1.4rem;
  }
  .ai-op-principle h3{
    margin:0 0 .45rem;
    font-family:'Syne',sans-serif;
    font-size:1.02rem;
  }
  .ai-op-principle p{
    margin:0;
    color:var(--muted);
    line-height:1.7;
    font-size:.92rem;
  }
  @media (max-width:1100px){
    .ai-op-hero,.ai-op-grid,.ai-op-principles{ grid-template-columns:1fr; }
  }
  @media (max-width:768px){
    .ai-op-section{ padding:4rem 1.5rem; }
    .ai-op-metric-grid{ grid-template-columns:1fr; }
  }
.ai-op-bridge{
  margin:2rem 0;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1rem;
}
.ai-op-bridge-card,
.ai-op-bridge-note{
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  box-shadow:0 22px 58px rgba(0,0,0,.22);
}
.ai-op-bridge-card{
  padding:1.6rem;
  background:linear-gradient(135deg, rgba(0,200,255,.38), rgba(0,102,255,.22) 52%, rgba(10,16,28,.96));
}
.ai-op-bridge-note{
  padding:1.6rem;
  background:linear-gradient(135deg, rgba(240,165,0,.32), rgba(255,214,102,.14) 55%, rgba(18,27,43,.94));
}
.ai-op-bridge-card h3,
.ai-op-bridge-note h3{
  margin:0 0 .55rem;
  font-family:'Syne',sans-serif;
  font-size:1.15rem;
  line-height:1.08;
}
.ai-op-bridge-card p,
.ai-op-bridge-note p{
  margin:0;
  color:var(--text);
  line-height:1.7;
  font-size:.93rem;
}
.ai-op-bridge-actions{
  margin-top:1rem;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}
.ai-op-mini-points{
  margin:1rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.55rem;
}
.ai-op-mini-points li{
  color:var(--text);
  font-size:.9rem;
  line-height:1.55;
  padding-left:1rem;
  position:relative;
}
.ai-op-mini-points li::before{
  content:'•';
  position:absolute;
  left:0;
  color:#fff;
}
@media (max-width:1100px){
  .ai-op-bridge{grid-template-columns:1fr;}
}
.ai-op-visual{
  margin-top:2rem;
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.ai-op-visual-band{
  border:1px solid var(--border);
  border-radius:28px;
  overflow:hidden;
  min-height:320px;
  position:relative;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.ai-op-visual-band.primary{
  background:
    radial-gradient(circle at 18% 20%, rgba(0,200,255,.28), transparent 26%),
    radial-gradient(circle at 80% 28%, rgba(240,165,0,.22), transparent 24%),
    linear-gradient(135deg, rgba(12,20,34,.98), rgba(7,12,22,.98));
}
.ai-op-visual-band.secondary{
  background:
    radial-gradient(circle at 70% 18%, rgba(0,102,255,.26), transparent 24%),
    radial-gradient(circle at 25% 78%, rgba(110,243,255,.18), transparent 20%),
    linear-gradient(135deg, rgba(16,26,42,.98), rgba(10,16,28,.98));
}
.ai-op-band-inner{
  position:absolute;
  inset:0;
  padding:2rem;
}
.ai-op-network{
  position:absolute;
  inset:0;
}
.ai-op-network .line{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(110,243,255,.88), rgba(255,255,255,0));
  opacity:.95;
}
.ai-op-network .node{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:999px;
  background:#9df4ff;
  box-shadow:0 0 0 7px rgba(157,244,255,.12), 0 0 30px rgba(157,244,255,.38);
}
.ai-op-network .node.gold{
  background:#f0a500;
  box-shadow:0 0 0 7px rgba(240,165,0,.14), 0 0 30px rgba(240,165,0,.36);
}
.ai-op-overlay-copy{
  position:absolute;
  left:2rem;
  top:2rem;
  max-width:30rem;
  z-index:2;
}
.ai-op-overlay-copy h3{
  margin:0 0 .45rem;
  font-family:'Syne',sans-serif;
  font-size:clamp(1.35rem,2.5vw,2rem);
}
.ai-op-overlay-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.ai-op-chip-row{
  position:absolute;
  right:2rem;
  bottom:2rem;
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  justify-content:flex-end;
  max-width:32rem;
}
.ai-op-chip{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:999px;
  padding:.55rem .82rem;
  font-size:.8rem;
  letter-spacing:.02em;
}
.ai-op-panel-grid{
  position:absolute;
  inset:2rem;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  align-items:end;
}
.ai-op-panel-box{
  min-height:180px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  border-radius:20px;
  padding:1rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.ai-op-panel-box .bar{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  margin-bottom:.55rem;
}
.ai-op-panel-box .bar.short{width:42%}
.ai-op-panel-box .bar.med{width:68%}
.ai-op-panel-box .bar.long{width:88%}
.ai-op-panel-label{
  margin-top:.25rem;
  color:var(--text);
  font-size:.82rem;
  opacity:.9;
}
@media (max-width:1100px){
  .ai-op-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ai-op-overlay-copy{position:relative;left:auto;top:auto;max-width:none;margin-bottom:1rem;}
  .ai-op-chip-row{position:relative;right:auto;bottom:auto;justify-content:flex-start;margin-top:1rem;max-width:none;}
  .ai-op-band-inner{display:flex;flex-direction:column;}
}
@media (max-width:768px){
  .ai-op-visual-band{min-height:unset;}
  .ai-op-band-inner{position:relative;padding:1.25rem;}
  .ai-op-panel-grid{position:relative;inset:auto;grid-template-columns:1fr;}
}

.ai-op-visual{
  margin-top:2rem;
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.ai-op-visual-band{
  border:1px solid var(--border);
  border-radius:28px;
  overflow:hidden;
  min-height:320px;
  position:relative;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.ai-op-visual-band.primary{
  background:
    radial-gradient(circle at 18% 20%, rgba(0,200,255,.28), transparent 26%),
    radial-gradient(circle at 80% 28%, rgba(240,165,0,.22), transparent 24%),
    linear-gradient(135deg, rgba(12,20,34,.98), rgba(7,12,22,.98));
}
.ai-op-visual-band.secondary{
  background:
    radial-gradient(circle at 70% 18%, rgba(0,102,255,.26), transparent 24%),
    radial-gradient(circle at 25% 78%, rgba(110,243,255,.18), transparent 20%),
    linear-gradient(135deg, rgba(16,26,42,.98), rgba(10,16,28,.98));
}
.ai-op-band-inner{
  position:absolute;
  inset:0;
  padding:2rem;
}
.ai-op-network{
  position:absolute;
  inset:0;
}
.ai-op-network .line{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(110,243,255,.88), rgba(255,255,255,0));
  opacity:.95;
}
.ai-op-network .node{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:999px;
  background:#9df4ff;
  box-shadow:0 0 0 7px rgba(157,244,255,.12), 0 0 30px rgba(157,244,255,.38);
}
.ai-op-network .node.gold{
  background:#f0a500;
  box-shadow:0 0 0 7px rgba(240,165,0,.14), 0 0 30px rgba(240,165,0,.36);
}
.ai-op-overlay-copy{
  position:absolute;
  left:2rem;
  top:2rem;
  max-width:30rem;
  z-index:2;
}
.ai-op-overlay-copy h3{
  margin:0 0 .45rem;
  font-family:'Syne',sans-serif;
  font-size:clamp(1.35rem,2.5vw,2rem);
}
.ai-op-overlay-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.ai-op-chip-row{
  position:absolute;
  right:2rem;
  bottom:2rem;
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  justify-content:flex-end;
  max-width:32rem;
}
.ai-op-chip{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:999px;
  padding:.55rem .82rem;
  font-size:.8rem;
  letter-spacing:.02em;
}
.ai-op-panel-grid{
  position:absolute;
  inset:2rem;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  align-items:end;
}
.ai-op-panel-box{
  min-height:180px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  border-radius:20px;
  padding:1rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.ai-op-panel-box .bar{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  margin-bottom:.55rem;
}
.ai-op-panel-box .bar.short{width:42%}
.ai-op-panel-box .bar.med{width:68%}
.ai-op-panel-box .bar.long{width:88%}
.ai-op-panel-label{
  margin-top:.25rem;
  color:var(--text);
  font-size:.82rem;
  opacity:.9;
}
@media (max-width:1100px){
  .ai-op-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ai-op-overlay-copy{position:relative;left:auto;top:auto;max-width:none;margin-bottom:1rem;}
  .ai-op-chip-row{position:relative;right:auto;bottom:auto;justify-content:flex-start;margin-top:1rem;max-width:none;}
  .ai-op-band-inner{display:flex;flex-direction:column;}
}
@media (max-width:768px){
  .ai-op-visual-band{min-height:unset;}
  .ai-op-band-inner{position:relative;padding:1.25rem;}
  .ai-op-panel-grid{position:relative;inset:auto;grid-template-columns:1fr;}
}

.ai-row-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
}
.ai-divider-image{
  margin:2rem 0;
  border:1px solid var(--border);
  border-radius:28px;
  overflow:hidden;
  min-height:360px;
  position:relative;
  background:
    radial-gradient(circle at 18% 20%, rgba(0,200,255,.28), transparent 26%),
    radial-gradient(circle at 80% 28%, rgba(240,165,0,.22), transparent 24%),
    linear-gradient(135deg, rgba(12,20,34,.98), rgba(7,12,22,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.ai-divider-inner{
  position:absolute;
  inset:0;
  padding:2rem;
}
.ai-divider-copy{
  position:absolute;
  left:2rem;
  top:2rem;
  max-width:30rem;
  z-index:2;
}
.ai-divider-copy h3{
  margin:0 0 .45rem;
  font-family:'Syne',sans-serif;
  font-size:clamp(1.35rem,2.5vw,2rem);
}
.ai-divider-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.ai-divider-network{
  position:absolute;
  inset:0;
}
.ai-divider-network .line{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(110,243,255,.88), rgba(255,255,255,0));
  opacity:.95;
}
.ai-divider-network .node{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:999px;
  background:#9df4ff;
  box-shadow:0 0 0 7px rgba(157,244,255,.12), 0 0 30px rgba(157,244,255,.38);
}
.ai-divider-network .node.gold{
  background:#f0a500;
  box-shadow:0 0 0 7px rgba(240,165,0,.14), 0 0 30px rgba(240,165,0,.36);
}
.ai-divider-chip-row{
  position:absolute;
  right:2rem;
  bottom:2rem;
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  justify-content:flex-end;
  max-width:32rem;
}
.ai-divider-chip{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:999px;
  padding:.55rem .82rem;
  font-size:.8rem;
  letter-spacing:.02em;
}
@media (max-width:1100px){
  .ai-row-grid{grid-template-columns:1fr;}
  .ai-divider-copy{position:relative;left:auto;top:auto;max-width:none;margin-bottom:1rem;}
  .ai-divider-chip-row{position:relative;right:auto;bottom:auto;justify-content:flex-start;margin-top:1rem;max-width:none;}
  .ai-divider-inner{display:flex;flex-direction:column;}
}
@media (max-width:768px){
  .ai-divider-image{min-height:unset;}
  .ai-divider-inner{position:relative;padding:1.25rem;}
}