:root {
    --bg: #020408;
    --surface: #070d18;
    --accent: #00ffe0;
    --accent2: #ff3cac;
    --accent3: #7928ca;
    --gold: #ffd700;
    --text: #e8f4f8;
    --muted: #5a7a8a;
    --card: rgba(10,25,45,0.7);
    --glow: 0 0 40px rgba(0,255,224,0.3);
  }

  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    cursor: none;
    -webkit-font-smoothing: antialiased;
  }

  /* ── CURSOR ── */
  .cursor { position:fixed; width:12px; height:12px; background:var(--accent); border-radius:50%; pointer-events:none; z-index:9999; transition:transform 0.1s; mix-blend-mode:screen; }
  .cursor-ring { position:fixed; width:40px; height:40px; border:1px solid rgba(0,255,224,0.4); border-radius:50%; pointer-events:none; z-index:9998; transition:transform 0.15s,width 0.3s,height 0.3s; }

  /* ── CANVAS BG ── */
  #bg-canvas { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; pointer-events:none; }

  /* ══════════ NAV ══════════ */
  nav {
    position: fixed; top:0; left:0; right:0; z-index:200;
    display: flex; align-items: center; justify-content: space-between;
    padding: 1rem 3.5rem;
    background: rgba(2,4,8,0.65);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0,255,224,0.08);
    transition: background 0.4s;
  }

  .nav-logo {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900; font-size: 1.35rem; letter-spacing: 0.1em;
    color: var(--accent); text-shadow: 0 0 20px rgba(0,255,224,0.5);
    text-decoration: none;
  }
  .nav-logo span { color: var(--accent2); }

  .nav-links { display:flex; gap:0.2rem; list-style:none; align-items:center; }
  .nav-links > li { position: relative; }
  .nav-links > li > a {
    color: var(--muted); text-decoration:none;
    font-family: 'Syne', sans-serif; font-size:0.8rem; font-weight:600;
    letter-spacing:0.07em; text-transform:uppercase;
    padding: 0.45rem 0.9rem; border-radius:4px;
    display:flex; align-items:center; gap:0.3rem;
    transition: color 0.25s, background 0.25s;
  }
  .nav-links > li > a:hover { color:var(--accent); background:rgba(0,255,224,0.05); }

  /* dropdown arrow */
  .has-dd > a::after {
    content:''; width:5px; height:5px;
    border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
    transform:rotate(45deg) translateY(-1px); display:inline-block;
    transition:transform 0.3s; margin-left:3px;
  }
  .has-dd:hover > a::after { transform:rotate(-135deg) translateY(-1px); }
  .has-dd:hover > a { color:var(--accent); }

  /* dropdown panel */
  .nav-dd {
    position:absolute; top:calc(100% + 1rem); left:50%;
    transform:translateX(-50%) translateY(8px);
    background:rgba(2,5,12,0.98);
    border:1px solid rgba(0,255,224,0.13);
    backdrop-filter:blur(24px);
    min-width:200px; padding:0.75rem;
    opacity:0; pointer-events:none;
    transition:opacity 0.25s, transform 0.25s;
    box-shadow:0 24px 60px rgba(0,0,0,0.8), 0 0 0 1px rgba(0,255,224,0.03);
    clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
    z-index:300;
  }
  .nav-dd::before {
    content:''; position:absolute; top:0; left:0; right:0; height:1.5px;
    background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent);
  }
  .nav-dd.wide { min-width:540px; display:grid; grid-template-columns:1fr 1fr; gap:0.2rem; }
  .has-dd:hover .nav-dd { opacity:1; pointer-events:all; transform:translateX(-50%) translateY(0); }

  /* dropdown items */
  .dd-row {
    display:flex; align-items:center; gap:0.75rem;
    padding:0.65rem 0.85rem; text-decoration:none; border-radius:3px;
    border:1px solid transparent; transition:background 0.2s,border-color 0.2s;
  }
  .dd-row:hover { background:rgba(0,255,224,0.06); border-color:rgba(0,255,224,0.12); }
  .dd-ico { font-size:1.2rem; width:32px; height:32px; display:flex; align-items:center; justify-content:center; background:rgba(0,255,224,0.06); border-radius:3px; flex-shrink:0; }
  .dd-txt strong { display:block; font-family:'Syne',sans-serif; font-size:0.76rem; font-weight:700; color:var(--text); margin-bottom:0.1rem; letter-spacing:0.02em; }
  .dd-txt span { font-size:0.69rem; color:var(--muted); font-family:'Inter',sans-serif; line-height:1.3; }
  .dd-row:hover .dd-txt strong { color:var(--accent); }

  .dd-simple {
    display:flex; align-items:center; gap:0.6rem;
    padding:0.65rem 1rem; text-decoration:none; border-radius:3px;
    font-family:'Syne',sans-serif; font-size:0.79rem; font-weight:600;
    color:var(--muted); letter-spacing:0.04em;
    border:1px solid transparent; transition:all 0.2s;
  }
  .dd-simple:hover { background:rgba(0,255,224,0.06); border-color:rgba(0,255,224,0.12); color:var(--accent); }
  .ds-ico { font-size:1rem; }

  /* nav CTA */
  .nav-cta {
    background:transparent; border:1px solid var(--accent); color:var(--accent);
    padding:0.55rem 1.6rem; font-family:'Syne',sans-serif; font-size:0.75rem;
    font-weight:700; letter-spacing:0.12em; text-transform:uppercase;
    cursor:pointer; transition:all 0.3s;
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  }
  .nav-cta:hover { background:var(--accent); color:var(--bg); box-shadow:var(--glow); }

  /* ══════════ SECTIONS ══════════ */
  section { position:relative; z-index:1; min-height:100vh; }

  /* ══════════ HERO ══════════ */
  #hero {
    display:grid; grid-template-columns:1fr 1fr;
    align-items:center; min-height:100vh;
    padding:7rem 5rem 4rem; gap:4rem; overflow:hidden;
  }

  .hero-left { display:flex; flex-direction:column; align-items:flex-start; z-index:1; }

  .hero-eyebrow {
    font-family:'Geist Mono',monospace; font-size:0.7rem; letter-spacing:0.35em;
    color:var(--accent); text-transform:uppercase; margin-bottom:1.5rem;
    opacity:0; transform:translateY(20px);
    display:flex; align-items:center; gap:0.75rem;
  }
  .hero-eyebrow::before { content:''; width:32px; height:1px; background:var(--accent); opacity:0.7; }

  .hero-title {
    font-family:'Syne',sans-serif; font-weight:800;
    font-size:clamp(2.6rem,4.8vw,4.8rem);
    line-height:1.06; letter-spacing:-0.03em;
    color:var(--text); opacity:0; transform:translateY(60px);
  }
  .hl-cyan {
    background:linear-gradient(120deg,#00ffe0,#7928ca);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  }
  .hl-pink { color:var(--accent2); -webkit-text-fill-color:var(--accent2); }

  .hero-sub {
    font-family:'Inter',sans-serif; font-size:1rem; color:var(--muted);
    max-width:450px; line-height:1.8; margin:1.8rem 0; font-weight:400;
    letter-spacing:0.01em; opacity:0; transform:translateY(30px);
  }

  .hero-btns { display:flex; gap:1rem; opacity:0; transform:translateY(30px); }

  .btn-primary {
    background:linear-gradient(135deg,var(--accent),var(--accent3)); color:#000;
    padding:0.9rem 2.4rem; font-family:'Syne',sans-serif; font-size:0.78rem;
    font-weight:700; letter-spacing:0.12em; text-transform:uppercase; border:none;
    cursor:pointer; clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
    transition:transform 0.2s,box-shadow 0.3s;
  }
  .btn-primary:hover { transform:scale(1.05); box-shadow:0 0 60px rgba(0,255,224,0.5); }

  .btn-outline {
    background:transparent; border:1px solid rgba(255,255,255,0.18); color:var(--text);
    padding:0.9rem 2.2rem; font-family:'Syne',sans-serif; font-size:0.78rem;
    font-weight:600; letter-spacing:0.12em; text-transform:uppercase;
    cursor:pointer; transition:border-color 0.3s,color 0.3s;
  }
  .btn-outline:hover { border-color:var(--accent); color:var(--accent); }

  /* HERO RIGHT - 3D canvas */
  .hero-right {
    position:relative; height:560px; z-index:1;
    display:flex; align-items:center; justify-content:center;
    opacity:0; transform:translateX(40px);
  }
  #hero-3d-canvas { width:100%; height:100%; }

  /* floating code chips */
  .hero-code-chip {
    position:absolute; background:rgba(5,15,30,0.88);
    border:1px solid rgba(0,255,224,0.2); backdrop-filter:blur(12px);
    padding:0.5rem 0.9rem; font-family:'Geist Mono',monospace; font-size:0.68rem;
    color:var(--accent); white-space:nowrap;
    clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    animation:chipFloat var(--cd,4s) ease-in-out infinite; z-index:3;
  }
  @keyframes chipFloat {
    0%,100% { transform:translateY(0) rotate(var(--cr,0deg)); }
    50%      { transform:translateY(-10px) rotate(var(--cr,0deg)); }
  }
  .chip1 { top:6%;   left:-2%;  --cd:3.5s; --cr:-2deg; }
  .chip2 { top:30%;  right:-3%; --cd:4.2s; --cr:2deg;  }
  .chip3 { bottom:24%; left:-5%; --cd:3.8s; --cr:-1.5deg; }
  .chip4 { bottom:6%; right:2%; --cd:4.6s; --cr:1deg;  }

  /* hero stats row */
  .hero-stats-row {
    grid-column:1/-1; display:flex; gap:1.5rem;
    opacity:0; transform:translateY(30px); margin-top:-0.5rem;
  }
  .stat-card {
    flex:1; background:var(--card); border:1px solid rgba(0,255,224,0.1);
    padding:1.1rem 1.5rem; backdrop-filter:blur(10px);
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    display:flex; align-items:center; gap:1rem;
  }
  .stat-num {
    font-family:'Syne',sans-serif; font-size:1.9rem; font-weight:800;
    color:var(--accent); letter-spacing:-0.02em;
  }
  .stat-label {
    font-family:'Inter',sans-serif; font-size:0.71rem; color:var(--muted);
    letter-spacing:0.05em; text-transform:uppercase; line-height:1.4; font-weight:500;
  }

  /* hero scroll hint */
  .hero-scroll-hint {
    position:absolute; bottom:2rem; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:0.5rem; opacity:0.4; z-index:2;
  }
  .scroll-line {
    width:1px; height:60px;
    background:linear-gradient(to bottom,var(--accent),transparent);
    animation:scrollPulse 2s ease-in-out infinite;
  }
  @keyframes scrollPulse { 0%,100%{opacity:0.3} 50%{opacity:1} }

  .hero-grid {
    position:absolute; inset:0;
    background-image:linear-gradient(rgba(0,255,224,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,224,0.03) 1px,transparent 1px);
    background-size:80px 80px; animation:gridDrift 20s linear infinite;
  }
  @keyframes gridDrift { from{background-position:0 0} to{background-position:80px 80px} }

  /* ══════════ ABOUT ══════════ */
  #about { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; padding:8rem 6rem; }

  .section-label {
    font-family:'Geist Mono',monospace; font-size:0.68rem; letter-spacing:0.38em;
    color:var(--accent2); text-transform:uppercase; margin-bottom:1rem;
    display:flex; align-items:center; gap:0.6rem;
  }
  .section-label::before { content:'//'; opacity:0.45; }

  .section-title {
    font-family:'Syne',sans-serif; font-size:clamp(2.4rem,5vw,5rem);
    font-weight:800; line-height:0.95; letter-spacing:-0.03em; margin-bottom:1.5rem;
  }
  .section-title .highlight { color:var(--accent); }

  .about-text { font-family:'Inter',sans-serif; color:var(--muted); line-height:1.85; font-size:0.98rem; font-weight:400; margin-bottom:1.5rem; letter-spacing:0.01em; }

  .about-visual { position:relative; height:500px; }
  .about-3d-box { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
  .hex-grid {
    display:grid; grid-template-columns:repeat(5,1fr); gap:0.5rem;
    transform:perspective(800px) rotateY(-15deg) rotateX(10deg);
    animation:hexFloat 8s ease-in-out infinite;
  }
  @keyframes hexFloat {
    0%,100%{transform:perspective(800px) rotateY(-15deg) rotateX(10deg) translateY(0)}
    50%{transform:perspective(800px) rotateY(-15deg) rotateX(10deg) translateY(-15px)}
  }
  .hex-cell {
    width:70px; height:70px;
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    display:flex; align-items:center; justify-content:center; font-size:1.5rem;
    animation:hexPulse var(--delay,3s) ease-in-out infinite;
  }
  @keyframes hexPulse { 0%,100%{opacity:0.5;transform:scale(1)} 50%{opacity:1;transform:scale(1.1)} }
  .hex-cell.c1 { background:rgba(0,255,224,0.15); border:1px solid rgba(0,255,224,0.3); }
  .hex-cell.c2 { background:rgba(255,60,172,0.15); border:1px solid rgba(255,60,172,0.3); }
  .hex-cell.c3 { background:rgba(121,40,202,0.15); border:1px solid rgba(121,40,202,0.3); }
  .hex-cell.c4 { background:rgba(168,85,247,0.1); border:1px solid rgba(168,85,247,0.2); }

  /* ══════════ SERVICES ══════════ */
  #services { padding:8rem 4rem; overflow:hidden; }
  .services-header { text-align:center; margin-bottom:5rem; }
  .services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }

  .service-card {
    background:var(--card); border:1px solid rgba(255,255,255,0.06);
    padding:2.5rem; position:relative; overflow:hidden; backdrop-filter:blur(10px);
    transition:transform 0.4s,border-color 0.4s;
    clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));
    cursor:default;
  }
  .service-card::before {
    content:''; position:absolute; inset:0;
    background:linear-gradient(135deg,var(--card-accent,rgba(0,255,224,0.05)) 0%,transparent 60%);
    opacity:0; transition:opacity 0.4s;
  }
  .service-card:hover { transform:translateY(-8px) scale(1.02); border-color:var(--card-color,rgba(0,255,224,0.3)); }
  .service-card:hover::before { opacity:1; }
  .service-card.blue { --card-color:rgba(0,255,224,0.4); --card-accent:rgba(0,255,224,0.08); }
  .service-card.pink { --card-color:rgba(255,60,172,0.4); --card-accent:rgba(255,60,172,0.08); }
  .service-card.purple { --card-color:rgba(121,40,202,0.4); --card-accent:rgba(121,40,202,0.08); }
  .service-card.gold { --card-color:rgba(168,85,247,0.4); --card-accent:rgba(168,85,247,0.08); }

  .service-icon { font-size:2.8rem; margin-bottom:1.5rem; display:block; filter:drop-shadow(0 0 10px currentColor); }
  .service-num { position:absolute; top:1.5rem; right:2rem; font-family:'Orbitron',sans-serif; font-size:3rem; font-weight:900; color:rgba(255,255,255,0.04); line-height:1; }
  .service-card h3 { font-family:'Syne',sans-serif; font-size:1rem; font-weight:700; letter-spacing:0.01em; margin-bottom:0.9rem; color:var(--text); }
  .service-card p { font-family:'Inter',sans-serif; font-size:0.89rem; color:var(--muted); line-height:1.72; }
  .service-tag { display:inline-block; font-family:'Geist Mono',monospace; font-size:0.67rem; letter-spacing:0.08em; text-transform:uppercase; padding:0.2rem 0.8rem; border-radius:2px; margin-top:1.2rem; }
  .service-card.blue .service-tag { background:rgba(0,255,224,0.1); color:var(--accent); }
  .service-card.pink .service-tag { background:rgba(255,60,172,0.1); color:var(--accent2); }
  .service-card.purple .service-tag { background:rgba(121,40,202,0.15); color:#b57bee; }
  .service-card.gold .service-tag { background:rgba(168,85,247,0.1); color:var(--gold); }

  /* ══════════ PROCESS ══════════ */
  #process { padding:8rem 6rem; overflow:hidden; }
  .process-header { text-align:center; margin-bottom:5rem; }
  .process-track { position:relative; display:flex; justify-content:space-between; align-items:flex-start; padding-top:2rem; }
  .process-line { position:absolute; top:2.5rem; left:10%; right:10%; height:1px; background:linear-gradient(to right,transparent,var(--accent),var(--accent2),var(--accent3),transparent); z-index:0; }
  .process-step { position:relative; z-index:1; flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 1rem; }
  .step-orb { width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Orbitron',sans-serif; font-size:1.2rem; font-weight:900; margin-bottom:1.5rem; position:relative; }
  .step-orb::after { content:''; position:absolute; inset:-4px; border-radius:50%; border:1px solid currentColor; opacity:0.3; animation:orbRing 3s ease-in-out infinite; }
  @keyframes orbRing { 0%,100%{transform:scale(1);opacity:0.3} 50%{transform:scale(1.2);opacity:0} }
  .step-orb.s1 { background:rgba(0,255,224,0.2); color:var(--accent); border:1px solid var(--accent); }
  .step-orb.s2 { background:rgba(121,40,202,0.2); color:#b57bee; border:1px solid var(--accent3); }
  .step-orb.s3 { background:rgba(255,60,172,0.2); color:var(--accent2); border:1px solid var(--accent2); }
  .step-orb.s4 { background:rgba(168,85,247,0.15); color:var(--gold); border:1px solid var(--gold); }
  .step-orb.s5 { background:rgba(0,255,224,0.2); color:var(--accent); border:1px solid var(--accent); }
  .step-title { font-family:'Syne',sans-serif; font-size:0.9rem; font-weight:700; letter-spacing:0.02em; margin-bottom:0.7rem; }
  .step-desc { font-family:'Inter',sans-serif; font-size:0.84rem; color:var(--muted); line-height:1.65; }

  /* ══════════ PORTFOLIO ══════════ */
  #portfolio { padding:8rem 4rem; overflow:hidden; }
  .portfolio-header { text-align:center; margin-bottom:4rem; }
  .portfolio-strip { display:flex; gap:1.5rem; overflow:visible; padding:1rem 0; }
  .portfolio-card { min-width:380px; height:260px; position:relative; overflow:hidden; flex-shrink:0; border:1px solid rgba(255,255,255,0.07); cursor:pointer; clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px)); }
  .portfolio-card-bg { position:absolute; inset:0; transition:transform 0.6s; display:flex; align-items:center; justify-content:center; font-size:5rem; }
  .portfolio-card:hover .portfolio-card-bg { transform:scale(1.1); }
  .portfolio-card-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(2,4,8,0.95) 0%,rgba(2,4,8,0.2) 100%); padding:2rem; display:flex; flex-direction:column; justify-content:flex-end; }
  .portfolio-card h4 { font-family:'Syne',sans-serif; font-size:0.95rem; font-weight:700; margin-bottom:0.35rem; }
  .portfolio-card p { font-family:'Inter',sans-serif; font-size:0.8rem; color:var(--muted); }
  .portfolio-type { font-family:'Geist Mono',monospace; font-size:0.67rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent); margin-bottom:0.5rem; }
  .pc1 { background:linear-gradient(135deg,#0a1628,#0d3b5e); }
  .pc2 { background:linear-gradient(135deg,#1a0a2e,#3d1060); }
  .pc3 { background:linear-gradient(135deg,#1a0818,#5c0f3a); }
  .pc4 { background:linear-gradient(135deg,#0a1a14,#0d4a2f); }
  .pc5 { background:linear-gradient(135deg,#1a1200,#4a3500); }
  .pc6 { background:linear-gradient(135deg,#0f0a1a,#2d1a5e); }

  /* ══════════ TECH ══════════ */
  #tech { padding:8rem 6rem; overflow:hidden; }
  .tech-header { text-align:center; margin-bottom:5rem; }
  .tech-orbit { display:flex; align-items:center; justify-content:center; position:relative; height:480px; margin-bottom:4rem; }
  .orbit-center { width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(0,255,224,0.2),transparent); border:1px solid rgba(0,255,224,0.4); display:flex; align-items:center; justify-content:center; font-family:'Orbitron',sans-serif; font-size:0.7rem; text-align:center; letter-spacing:0.1em; color:var(--accent); box-shadow:0 0 60px rgba(0,255,224,0.2),inset 0 0 40px rgba(0,255,224,0.1); z-index:2; }
  .orbit-ring { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,0.04); animation:spin linear infinite; }
  .orbit-ring:nth-child(2) { width:220px; height:220px; animation-duration:20s; border-color:rgba(0,255,224,0.08); }
  .orbit-ring:nth-child(3) { width:340px; height:340px; animation-duration:30s; animation-direction:reverse; border-color:rgba(255,60,172,0.06); }
  .orbit-ring:nth-child(4) { width:460px; height:460px; animation-duration:40s; border-color:rgba(121,40,202,0.06); }
  @keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
  .orbit-item { position:absolute; font-size:0.75rem; font-family:'Geist Mono',monospace; letter-spacing:0.05em; display:flex; flex-direction:column; align-items:center; gap:0.4rem; white-space:nowrap; }
  .orbit-icon { font-size:1.8rem; }
  .tech-logos { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
  .tech-pill { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); padding:0.6rem 1.4rem; font-family:'Geist Mono',monospace; font-size:0.78rem; letter-spacing:0.08em; color:var(--muted); transition:all 0.3s; clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%); }
  .tech-pill:hover { background:rgba(0,255,224,0.08); border-color:rgba(0,255,224,0.3); color:var(--accent); transform:translateY(-3px); }

  /* ══════════ CONTACT ══════════ */
  #contact { padding:8rem 4rem; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; overflow:hidden; }
  .contact-glow { position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(0,255,224,0.06) 0%,transparent 70%); pointer-events:none; }
  .contact-form { width:100%; max-width:640px; margin-top:3rem; display:flex; flex-direction:column; gap:1.2rem; }
  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
  .form-field { display:flex; flex-direction:column; gap:0.5rem; text-align:left; }
  .form-field label { font-family:'Geist Mono',monospace; font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--muted); }
  .form-field input, .form-field textarea, .form-field select { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); color:var(--text); padding:0.9rem 1.2rem; font-family:'Inter',sans-serif; font-size:0.95rem; outline:none; transition:border-color 0.3s,box-shadow 0.3s; clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%); -webkit-appearance:none; }
  .form-field input:focus, .form-field textarea:focus, .form-field select:focus { border-color:var(--accent); box-shadow:0 0 20px rgba(0,255,224,0.1); }
  .form-field textarea { resize:vertical; min-height:130px; }
  .form-field select option { background:#070d18; }
  .form-submit { background:linear-gradient(135deg,var(--accent),var(--accent3)); border:none; color:#000; padding:1.2rem 3rem; font-family:'Syne',sans-serif; font-weight:700; font-size:0.85rem; letter-spacing:0.2em; text-transform:uppercase; cursor:pointer; clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%); transition:transform 0.2s,box-shadow 0.3s; margin-top:0.5rem; }
  .form-submit:hover { transform:scale(1.04); box-shadow:0 0 60px rgba(0,255,224,0.4); }

  /* ══════════ FOOTER ══════════ */
  footer { position:relative; z-index:1; background:#020408; border-top:1px solid rgba(255,255,255,0.05); padding:3rem 6rem 2rem; }
  .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:4rem; margin-bottom:3rem; }
  .footer-brand .nav-logo { display:block; font-size:1.6rem; margin-bottom:1rem; }
  .footer-brand p { font-family:'Inter',sans-serif; font-size:0.85rem; color:var(--muted); line-height:1.75; max-width:280px; }
  .footer-col h5 { font-family:'Syne',sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--accent); margin-bottom:1.2rem; }
  .footer-col ul { list-style:none; display:flex; flex-direction:column; gap:0.7rem; }
  .footer-col a { font-family:'Inter',sans-serif; font-size:0.85rem; color:var(--muted); text-decoration:none; transition:color 0.3s; }
  .footer-col a:hover { color:var(--text); }
  .footer-bottom { border-top:1px solid rgba(255,255,255,0.05); padding-top:2rem; display:flex; justify-content:space-between; align-items:center; }
  .footer-bottom p { font-family:'Inter',sans-serif; font-size:0.8rem; color:var(--muted); }
  .social-links { display:flex; gap:1rem; }
  .social-link { width:36px; height:36px; border:1px solid rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; font-size:0.9rem; color:var(--muted); cursor:pointer; transition:all 0.3s; clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%); }
  .social-link:hover { border-color:var(--accent); color:var(--accent); }

  /* ── UTILS ── */
  .reveal { opacity:0; transform:translateY(50px); }
  .reveal-left { opacity:0; transform:translateX(-60px); }
  .reveal-right { opacity:0; transform:translateX(60px); }
  .reveal-scale { opacity:0; transform:scale(0.85); }
  .parallax-layer { will-change:transform; }

  .particle { position:fixed; border-radius:50%; pointer-events:none; z-index:0; animation:particleDrift linear infinite; }
  @keyframes particleDrift { from{transform:translateY(100vh) rotate(0deg);opacity:0} 10%{opacity:0.6} 90%{opacity:0.6} to{transform:translateY(-100px) rotate(360deg);opacity:0} }

  .marquee-wrap { overflow:hidden; border-top:1px solid rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.05); padding:1rem 0; background:rgba(0,255,224,0.02); }
  .marquee-track { display:flex; gap:3rem; animation:marqueeScroll 25s linear infinite; width:max-content; }
  .marquee-item { font-family:'Geist Mono',monospace; font-size:0.72rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--muted); white-space:nowrap; display:flex; align-items:center; gap:1rem; }
  .marquee-item::after { content:'◆'; color:var(--accent); font-size:0.5rem; }
  @keyframes marqueeScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }

  body::after { 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)'/%3E%3C/svg%3E"); opacity:0.025; pointer-events:none; z-index:999; }

  .orb { position:absolute; border-radius:50%; pointer-events:none; filter:blur(80px); z-index:0; }

  @media (max-width:900px) {
    nav { padding:1rem 1.5rem; }
    .nav-links { display:none; }
    #hero { grid-template-columns:1fr; padding:7rem 2rem 4rem; gap:2rem; }
    .hero-left { align-items:center; text-align:center; }
    .hero-eyebrow { justify-content:center; }
    .hero-right { height:320px; width:100%; }
    .hero-stats-row { flex-wrap:wrap; }
    #about { grid-template-columns:1fr; padding:5rem 2rem; }
    #services { padding:5rem 2rem; }
    .services-grid { grid-template-columns:1fr; }
    #process { padding:5rem 2rem; }
    .process-track { flex-direction:column; align-items:center; }
    .process-line { display:none; }
    #portfolio { padding:5rem 2rem; }
    #tech { padding:5rem 2rem; }
    .footer-grid { grid-template-columns:1fr 1fr; }
  }

  /* ══════════ ALPHA LOOP AI LAB — NEW ══════════ */
  #ai-lab{min-height:100vh;padding:8rem 6rem;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 50%,rgba(0,255,224,.07),transparent 34%),linear-gradient(180deg,#020408,#050b13,#020408);}
  .ai-lab-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,224,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,224,.025) 1px,transparent 1px);background-size:60px 60px;opacity:.7;}
  .ai-lab-grid{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
  .ai-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem;}
  .ai-capabilities>div{padding:1rem;border:1px solid rgba(0,255,224,.1);background:rgba(8,25,40,.45);backdrop-filter:blur(10px);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:.3s;}
  .ai-capabilities>div:hover{transform:translateY(-4px);border-color:rgba(0,255,224,.35);background:rgba(0,255,224,.05);}
  .ai-capabilities b{display:block;font-family:'Syne',sans-serif;font-size:.82rem;color:var(--text);margin-bottom:.35rem;}
  .ai-capabilities span{display:block;color:var(--muted);font-size:.7rem;line-height:1.5;}
  .ai-visual{height:570px;position:relative;border:1px solid rgba(0,255,224,.1);background:radial-gradient(circle at center,rgba(0,255,224,.08),rgba(3,8,15,.9) 55%,#020408);overflow:hidden;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));box-shadow:inset 0 0 100px rgba(0,255,224,.04);}
  .ai-core{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 0%,var(--accent) 7%,rgba(121,40,202,.9) 27%,rgba(0,255,224,.08) 68%,transparent 72%);box-shadow:0 0 90px rgba(0,255,224,.35);z-index:3;animation:aiPulse 2.4s ease-in-out infinite;}
  .ai-core span{font-family:'Orbitron';font-size:2rem;font-weight:900;color:#001313;text-shadow:0 0 10px rgba(255,255,255,.6);}
  .ai-core small{font-family:'Geist Mono';font-size:.42rem;letter-spacing:.15em;text-align:center;color:#dff;line-height:1.5;}
  @keyframes aiPulse{0%,100%{transform:scale(1);box-shadow:0 0 70px rgba(0,255,224,.25)}50%{transform:scale(1.08);box-shadow:0 0 110px rgba(0,255,224,.45)}}
  .ai-orbit{position:absolute;border:1px solid rgba(0,255,224,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;}
  .ai-o1{width:280px;height:280px;transform:translate(-50%,-50%) rotateX(65deg);animation:orbit1 12s linear infinite;}
  .ai-o2{width:410px;height:410px;transform:translate(-50%,-50%) rotateY(65deg);border-color:rgba(255,60,172,.22);animation:orbit2 18s linear infinite;}
  .ai-o3{width:540px;height:540px;transform:translate(-50%,-50%) rotateZ(25deg) rotateX(68deg);border-color:rgba(121,40,202,.2);animation:orbit3 25s linear infinite;}
  @keyframes orbit1{to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(360deg)}}@keyframes orbit2{to{transform:translate(-50%,-50%) rotateY(65deg) rotateZ(-360deg)}}@keyframes orbit3{to{transform:translate(-50%,-50%) rotateZ(385deg) rotateX(68deg)}}
  .ai-node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px currentColor;z-index:4;animation:nodePulse 2s ease-in-out infinite;}
  .ai-node.n1{left:18%;top:26%;}.ai-node.n2{right:18%;top:33%;background:var(--accent2)}.ai-node.n3{left:24%;bottom:22%;background:#b57bee}.ai-node.n4{right:24%;bottom:17%;background:var(--gold)}
  @keyframes nodePulse{50%{transform:scale(1.8);opacity:.55}}
  .ai-status{position:absolute;right:22px;bottom:20px;font-family:'Geist Mono';font-size:.58rem;letter-spacing:.15em;color:#7affb6;}

  @media(max-width:900px){
    #ai-lab{padding:5rem 2rem}.ai-lab-grid{grid-template-columns:1fr;gap:3rem}.ai-visual{height:430px}.ai-capabilities{grid-template-columns:1fr 1fr}
  }
  @media(max-width:600px){.ai-capabilities{grid-template-columns:1fr}.ai-visual{height:360px}.ai-o3{width:330px;height:330px}.ai-o2{width:260px;height:260px}.ai-o1{width:190px;height:190px}.ai-core{width:115px;height:115px}}


  @media (max-width:900px){
    .nav-links.mobile-open{display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;padding:.8rem;background:rgba(2,5,12,.98);border:1px solid rgba(0,255,224,.13);backdrop-filter:blur(24px);}
    .nav-links.mobile-open>li>a{padding:.8rem 1rem;}
    .nav-links.mobile-open .nav-dd{display:none;}
  }


/* ══════════ PREMIUM VISUAL OVERRIDE ══════════ */
:root{
  --bg:#07090d;
  --surface:#0c1016;
  --accent:#a855f7;
  --accent2:#c084fc;
  --accent3:#6d28d9;
  --gold:#c084fc;
  --text:#f3f1ec;
  --muted:#9299a4;
  --card:rgba(15,19,26,.78);
  --glow:0 0 45px rgba(168,85,247,.22);
}
body{
  font-family:'Inter',sans-serif;
  background:
    radial-gradient(circle at 15% 15%,rgba(67,85,110,.12),transparent 30%),
    radial-gradient(circle at 85% 25%,rgba(168,85,247,.06),transparent 25%),
    var(--bg);
}
.nav-logo,.stat-num,.service-num,.orbit-center{
  font-family:'Space Grotesk',sans-serif;
}
.hero-title,.section-title,.service-card h3,.step-title,.portfolio-card h4,.footer-col h5{
  font-family:'Manrope',sans-serif;
}
.hero-title{
  letter-spacing:-.045em;
  font-weight:800;
}
.section-title{
  letter-spacing:-.045em;
}
.hl-cyan{
  background:linear-gradient(120deg,#e9d5ff,#a855f7);
  -webkit-background-clip:text;
  background-clip:text;
}
.hl-pink{
  color:#d8dde4;
  -webkit-text-fill-color:#d8dde4;
}
.section-label{
  color:var(--accent);
  letter-spacing:.28em;
}
.section-label::before{opacity:.7}
.nav-logo{
  color:#c084fc;
  text-shadow:0 0 22px rgba(168,85,247,.18);
}
.nav-logo span{color:#aab4c1}
.nav-links>li>a:hover{color:var(--accent);background:rgba(168,85,247,.045)}
.nav-dd{
  border-color:rgba(168,85,247,.14);
  box-shadow:0 24px 60px rgba(0,0,0,.72),0 0 0 1px rgba(168,85,247,.025);
}
.nav-dd::before{
  background:linear-gradient(90deg,transparent,#a855f7,#c084fc,transparent);
}
.dd-row:hover,.dd-simple:hover{
  background:rgba(168,85,247,.055);
  border-color:rgba(168,85,247,.15);
}
.dd-row:hover .dd-txt strong,.dd-simple:hover{color:var(--accent)}
.nav-cta{
  border-color:var(--accent);
  color:var(--accent);
}
.nav-cta:hover{
  background:var(--accent);
  box-shadow:var(--glow);
}
.btn-primary{
  background:linear-gradient(135deg,#c084fc,#7c3aed);
  color:#0a0c10;
  box-shadow:0 12px 35px rgba(168,85,247,.10);
}
.btn-primary:hover{box-shadow:0 0 55px rgba(168,85,247,.25)}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.hero-grid{
  background-image:
    linear-gradient(rgba(168,85,247,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(168,85,247,.025) 1px,transparent 1px);
}
.stat-card{
  border-color:rgba(168,85,247,.10);
}
.stat-num{color:var(--accent)}
.service-card{
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(145deg,rgba(17,22,29,.82),rgba(10,13,18,.78));
}
.service-card.blue,.service-card.pink,.service-card.purple,.service-card.gold{
  --card-color:rgba(168,85,247,.34);
  --card-accent:rgba(168,85,247,.055);
}
.service-card:hover{
  border-color:rgba(168,85,247,.32);
  box-shadow:0 22px 60px rgba(0,0,0,.24);
}
.service-card.blue .service-tag,.service-card.pink .service-tag,
.service-card.purple .service-tag,.service-card.gold .service-tag{
  background:rgba(168,85,247,.075);
  color:#c4b5fd;
}
.step-orb.s1,.step-orb.s2,.step-orb.s3,.step-orb.s4,.step-orb.s5{
  background:rgba(168,85,247,.09);
  color:var(--accent);
  border-color:rgba(168,85,247,.65);
}
.process-line{
  background:linear-gradient(to right,transparent,#a855f7,#c084fc,#a855f7,transparent);
}
.portfolio-card{
  border-color:rgba(255,255,255,.08);
}
.portfolio-type{color:var(--accent)}
.tech-pill:hover{
  background:rgba(168,85,247,.07);
  border-color:rgba(168,85,247,.28);
  color:var(--accent);
}
.orbit-ring:nth-child(2){border-color:rgba(168,85,247,.10)}
.orbit-ring:nth-child(3){border-color:rgba(142,154,171,.08)}
.orbit-ring:nth-child(4){border-color:rgba(67,85,110,.09)}
.orbit-center{
  color:var(--accent);
  border-color:rgba(168,85,247,.35);
  box-shadow:0 0 60px rgba(168,85,247,.10),inset 0 0 40px rgba(168,85,247,.05);
}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{
  border-color:var(--accent);
  box-shadow:0 0 20px rgba(168,85,247,.08);
}
.form-submit{
  background:linear-gradient(135deg,#c084fc,#7c3aed);
}
.contact-glow{
  background:radial-gradient(circle,rgba(168,85,247,.07) 0%,transparent 70%);
}
.footer-col h5{color:var(--accent)}
.social-link:hover{border-color:var(--accent);color:var(--accent)}
.marquee-wrap{background:rgba(168,85,247,.018)}
.marquee-item::after{color:var(--accent)}


/* ══════════ DIGITAL PRODUCTS — PREMIUM ══════════ */
#digital-products{
  padding:9rem 6rem;
  min-height:92vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(180deg,#07090d,#0a0d12 50%,#07090d);
}
.digital-products-inner{
  width:100%;max-width:1320px;margin:auto;
  display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem;align-items:center;
}
.digital-heading .section-title{font-size:clamp(2.6rem,5vw,5rem)}
.digital-heading .highlight{
  color:#c084fc;
  background:none;
  -webkit-text-fill-color:initial;
}
.metric-line{
  margin-top:2rem;
  display:flex;align-items:center;gap:.8rem;
  color:#a9afb8;font:500 .7rem 'DM Mono',monospace;
  letter-spacing:.12em;text-transform:uppercase;
}
.metric-line span{width:42px;height:1px;background:#a855f7;display:block}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.metric-card{
  min-height:245px;padding:2rem;
  position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(145deg,rgba(20,24,31,.88),rgba(10,13,18,.76));
  transition:transform .45s,border-color .45s,background .45s;
}
.metric-card::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:2px;
  background:linear-gradient(90deg,#a855f7,#8e9aab);
  transition:width .5s;
}
.metric-card:hover{transform:translateY(-7px);border-color:rgba(168,85,247,.27);background:linear-gradient(145deg,rgba(25,29,36,.95),rgba(11,14,19,.9))}
.metric-card:hover::after{width:100%}
.metric-index{font:500 .65rem 'DM Mono',monospace;color:#a855f7;letter-spacing:.16em;margin-bottom:2.5rem}
.metric-card strong{display:block;font:700 1.35rem 'Manrope',sans-serif;letter-spacing:-.02em;margin-bottom:.65rem}
.metric-card p{font:400 .8rem 'Inter',sans-serif;color:#858d98;line-height:1.7}
.metric-card span{position:absolute;right:1.5rem;bottom:1.35rem;font:500 .55rem 'DM Mono',monospace;color:#626b77;letter-spacing:.18em}

/* ══════════ START SOMETHING ══════════ */
.start-something{
  min-height:72vh;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  padding:7rem 2rem;
  background:
    radial-gradient(circle at 50% 50%,rgba(168,85,247,.10),transparent 34%),
    linear-gradient(180deg,#07090d,#0b0e13);
  border-top:1px solid rgba(255,255,255,.055);
}
.start-something::before{
  content:'';position:absolute;inset:7%;border:1px solid rgba(168,85,247,.08);
  pointer-events:none;
}
.start-something::after{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);
  pointer-events:none;
}
.start-something-glow{
  position:absolute;width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(168,85,247,.09),transparent 68%);
  filter:blur(10px);pointer-events:none;
}
.start-something-inner{position:relative;z-index:2;text-align:center;max-width:900px}
.start-something-inner .section-label{justify-content:center}
.start-something-inner h2{
  margin:1.2rem 0 1.4rem;
  font:800 clamp(3rem,7vw,7rem)/.92 'Manrope',sans-serif;
  letter-spacing:-.06em;
}
.start-something-inner h2 span{
  color:#c084fc;
  background:linear-gradient(120deg,#e9d5ff,#a855f7);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.start-something-inner>p:not(.section-label){
  max-width:620px;margin:0 auto;color:#9299a4;
  font:400 .98rem/1.8 'Inter',sans-serif;
}
.start-actions{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2.4rem}
.start-primary,.start-secondary{
  text-decoration:none;font:600 .72rem 'Manrope',sans-serif;
  letter-spacing:.12em;text-transform:uppercase;
  transition:.3s;
}
.start-primary{
  display:flex;align-items:center;gap:.9rem;
  padding:1rem 1.7rem;background:#a855f7;color:#090b0e;
}
.start-primary span{font-size:1rem}
.start-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(168,85,247,.18)}
.start-secondary{color:#aab1ba;padding:.9rem 1rem;border-bottom:1px solid rgba(168,85,247,.3)}
.start-secondary:hover{color:#c084fc;border-color:#c084fc}

@media(max-width:900px){
  #digital-products{padding:5rem 2rem}.digital-products-inner{grid-template-columns:1fr;gap:3rem}.metrics-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .metrics-grid{grid-template-columns:1fr}.metric-card{min-height:205px}.start-actions{flex-direction:column}.start-something-inner h2{font-size:clamp(2.7rem,13vw,4rem)}
}


/* VIOLET PREMIUM PALETTE */
.hero-title .hl-cyan,.digital-heading .highlight,.start-something-inner h2 span{background:linear-gradient(120deg,#e9d5ff,#a855f7 48%,#6d28d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.btn-primary,.form-submit,.start-primary{background:linear-gradient(135deg,#c084fc,#7c3aed)}
.btn-primary:hover,.form-submit:hover,.start-primary:hover{box-shadow:0 0 55px rgba(168,85,247,.35)}

/* ══════════ START SOMETHING — REFERENCE DESIGN ══════════ */
#start-something.start-something-reference{
  min-height:0;
  position:relative;
  z-index:2;
  padding:5.2rem 5.3vw 3.2rem;
  background:#020307;
  overflow:hidden;
}
#start-something.start-something-reference::before{
  content:'';
  position:absolute;
  width:720px;
  height:720px;
  left:-320px;
  top:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(168,85,247,.075),transparent 68%);
  pointer-events:none;
}
.start-reference-grid{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);
  gap:6.2vw;
  align-items:start;
}
.start-reference-copy{
  padding-top:.1rem;
}
.start-reference-label{
  margin:0 0 1.35rem;
  font:700 .68rem/1 'Geist Mono',monospace;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#00dff0;
}
.start-reference-copy h2{
  margin:0;
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:clamp(4.3rem,6.35vw,7.1rem);
  line-height:.92;
  letter-spacing:-.065em;
  color:#f4f5f8;
}
.start-reference-copy h2 span{
  display:inline-block;
  background:linear-gradient(100deg,#55e9f7 0%,#9ee9f0 28%,#c5a7ff 67%,#a879ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.start-reference-lead{
  margin:2.8rem 0 4.25rem;
  color:#9aa4b7;
  font:400 1.05rem/1.6 'Inter',sans-serif;
  letter-spacing:.005em;
}
.start-contact-details{
  width:min(100%,830px);
}
.start-contact-item{
  padding:0 0 1.55rem;
  margin-bottom:1.35rem;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.start-contact-item span{
  display:block;
  margin-bottom:.7rem;
  font:500 .62rem/1 'Geist Mono',monospace;
  letter-spacing:.22em;
  color:#718099;
}
.start-contact-item strong{
  display:block;
  color:#f2f4f7;
  font:600 1rem/1.4 'Inter',sans-serif;
  letter-spacing:.005em;
}
.start-reference-form-wrap{
  border:1px solid rgba(255,255,255,.11);
  border-radius:30px;
  padding:2.15rem 2.15rem 2rem;
  background:rgba(5,7,12,.48);
  box-shadow:0 25px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.018);
}
.start-reference-form{
  display:flex;
  flex-direction:column;
  gap:.82rem;
}
.start-reference-form input,
.start-reference-form select,
.start-reference-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.105);
  border-radius:15px;
  outline:none;
  background:rgba(3,5,10,.66);
  color:#eef1f6;
  font:400 .92rem/1.4 'Inter',sans-serif;
  padding:0 1.25rem;
  transition:border-color .25s,box-shadow .25s,background .25s;
  -webkit-appearance:none;
}
.start-reference-form input,
.start-reference-form select{
  height:60px;
}
.start-reference-form textarea{
  height:188px;
  padding:1.2rem 1.25rem;
  resize:vertical;
}
.start-reference-form input::placeholder,
.start-reference-form textarea::placeholder{
  color:#718096;
  opacity:1;
}
.start-reference-form select{
  color:#718096;
  cursor:pointer;
}
.start-reference-form select option{
  background:#070a11;
  color:#eef1f6;
}
.start-reference-form input:focus,
.start-reference-form select:focus,
.start-reference-form textarea:focus{
  border-color:rgba(168,85,247,.48);
  box-shadow:0 0 0 3px rgba(168,85,247,.07);
  background:rgba(5,7,13,.85);
}
.start-reference-form button{
  height:55px;
  margin-top:.05rem;
  border:0;
  border-radius:15px;
  background:#f4f5f7;
  color:#090b10;
  font:700 .78rem/1 'Manrope',sans-serif;
  letter-spacing:.01em;
  text-align:left;
  padding:0 1.4rem;
  cursor:pointer;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.start-reference-form button span{
  font-size:1rem;
  margin-left:.2rem;
}
.start-reference-form button:hover{
  transform:translateY(-2px);
  background:#fff;
  box-shadow:0 15px 35px rgba(255,255,255,.09);
}
@media(max-width:1100px){
  .start-reference-grid{
    grid-template-columns:1fr;
    gap:3.5rem;
  }
  .start-reference-form-wrap{
    max-width:760px;
    width:100%;
  }
  .start-reference-copy h2{
    font-size:clamp(4rem,9vw,6rem);
  }
}
@media(max-width:600px){
  #start-something.start-something-reference{
    padding:4.5rem 1.35rem 2.5rem;
  }
  .start-reference-copy h2{
    font-size:clamp(3.3rem,16vw,5rem);
  }
  .start-reference-lead{
    margin:2rem 0 3rem;
  }
  .start-reference-form-wrap{
    border-radius:22px;
    padding:1.1rem;
  }
  .start-reference-form input,
  .start-reference-form select{
    height:56px;
  }
  .start-reference-form textarea{
    height:150px;
  }
}

/* ══════════ ADVANCED AI COMMAND CENTER ══════════ */
.ai-visual{
  perspective:1200px;
  isolation:isolate;
}
.ai-command-grid{
  position:absolute;
  inset:0;
  opacity:.45;
  background-image:
    linear-gradient(rgba(168,85,247,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(168,85,247,.07) 1px,transparent 1px);
  background-size:42px 42px;
  transform:perspective(700px) rotateX(58deg) scale(1.5) translateY(20%);
  transform-origin:center bottom;
  mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 78%);
}
.ai-scan{
  position:absolute;
  left:8%;
  right:8%;
  top:18%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(168,85,247,.8),rgba(0,229,255,.8),transparent);
  box-shadow:0 0 22px rgba(168,85,247,.35);
  animation:aiScan 4.8s ease-in-out infinite;
}
@keyframes aiScan{
  0%,100%{transform:translateY(0);opacity:.15}
  45%{transform:translateY(310px);opacity:1}
  55%{transform:translateY(310px);opacity:1}
}
.ai-network{
  position:absolute;
  width:520px;
  height:520px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.ai-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(168,85,247,.18);
  box-shadow:inset 0 0 30px rgba(168,85,247,.025),0 0 30px rgba(168,85,247,.025);
}
.ai-ring-1{width:190px;height:190px;animation:aiSpin1 10s linear infinite;border-color:rgba(0,229,255,.35)}
.ai-ring-2{width:330px;height:330px;animation:aiSpin2 16s linear infinite;border-color:rgba(168,85,247,.3);border-style:dashed}
.ai-ring-3{width:475px;height:475px;animation:aiSpin3 24s linear infinite;border-color:rgba(192,132,252,.15)}
@keyframes aiSpin1{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes aiSpin2{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes aiSpin3{to{transform:translate(-50%,-50%) rotate(360deg) scale(1.03)}}
.ai-core-new{
  position:absolute;
  left:50%;
  top:50%;
  width:142px;
  height:142px;
  transform:translate(-50%,-50%);
  border-radius:22px;
  padding:1px;
  background:linear-gradient(135deg,#00e5ff,#a855f7 52%,#e879f9);
  box-shadow:0 0 70px rgba(168,85,247,.22),0 0 25px rgba(0,229,255,.12);
  animation:coreFloat 4s ease-in-out infinite;
  z-index:5;
}
.core-glass{
  width:100%;height:100%;border-radius:21px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,rgba(168,85,247,.25),rgba(5,8,15,.97) 65%);
  position:relative;overflow:hidden;
}
.core-glass::before{
  content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
}
.core-glass::after{
  content:'';position:absolute;width:85px;height:85px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,229,255,.24),transparent 68%);
  filter:blur(4px);
}
.core-label{
  position:relative;z-index:2;color:#dffcff;
  font:800 1.8rem/1 'Space Grotesk',sans-serif;
  letter-spacing:.08em;
}
.core-title{
  position:relative;z-index:2;margin-top:.45rem;
  color:#b6c1d1;text-align:center;
  font:500 .46rem/1.45 'Geist Mono',monospace;
  letter-spacing:.2em;
}
.core-glass i{
  position:absolute;z-index:3;width:4px;height:4px;border-radius:50%;
  background:#fff;box-shadow:0 0 18px #fff;
  animation:coreDot 2s ease-in-out infinite;
}
@keyframes coreFloat{50%{transform:translate(-50%,-50%) translateY(-8px) rotateX(4deg) rotateY(-4deg)}}
@keyframes coreDot{50%{transform:scale(2.5);opacity:.5}}
.ai-connector{
  position:absolute;left:50%;top:50%;height:1px;
  transform-origin:0 50%;
  background:linear-gradient(90deg,rgba(168,85,247,.55),transparent);
  z-index:1;
}
.c1{width:180px;transform:rotate(-28deg)}
.c2{width:205px;transform:rotate(28deg)}
.c3{width:210px;transform:rotate(88deg)}
.c4{width:200px;transform:rotate(148deg)}
.c5{width:205px;transform:rotate(208deg)}
.c6{width:195px;transform:rotate(268deg)}
.ai-node-new{
  position:absolute;
  width:54px;height:54px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  border:1px solid rgba(168,85,247,.42);
  background:rgba(5,8,15,.84);
  box-shadow:0 0 24px rgba(168,85,247,.1);
  backdrop-filter:blur(10px);
  z-index:4;
  animation:nodeDrift 3.5s ease-in-out infinite;
}
.ai-node-new::before{
  content:'';position:absolute;inset:5px;border-radius:10px;
  border:1px solid rgba(0,229,255,.08);
}
.ai-node-new span{
  position:relative;z-index:2;color:#b8c3d3;
  font:500 .43rem/1 'Geist Mono',monospace;
  letter-spacing:.08em;
}
.node-a{left:6%;top:18%;border-color:rgba(0,229,255,.42)}
.node-b{right:5%;top:24%;animation-delay:.45s}
.node-c{right:7%;bottom:18%;border-color:rgba(232,121,249,.4);animation-delay:.9s}
.node-d{left:5%;bottom:21%;border-color:rgba(0,229,255,.3);animation-delay:1.3s}
.node-e{left:38%;top:2%;animation-delay:.7s}
.node-f{right:36%;bottom:1%;border-color:rgba(232,121,249,.35);animation-delay:1.1s}
@keyframes nodeDrift{50%{transform:translateY(-7px);box-shadow:0 0 32px rgba(168,85,247,.2)}}
.ai-readout{
  position:absolute;
  z-index:6;
  padding:.55rem .7rem;
  border-left:1px solid rgba(168,85,247,.55);
  background:rgba(2,5,10,.62);
  backdrop-filter:blur(8px);
}
.ai-readout small{
  display:block;color:#637084;font:500 .43rem/1 'Geist Mono',monospace;letter-spacing:.15em;
}
.ai-readout b{
  display:block;margin-top:.25rem;color:#d7dce5;font:600 .55rem/1 'Space Grotesk',sans-serif;letter-spacing:.08em;
}
.readout-a{left:18px;top:18%}.readout-b{right:18px;top:55%}.readout-c{left:24px;bottom:18%}
.ai-live{
  position:absolute;
  right:20px;bottom:18px;
  z-index:7;
  color:#72f7da;
  font:500 .52rem/1 'Geist Mono',monospace;
  letter-spacing:.16em;
}
.ai-live i{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  margin-right:.4rem;background:#72f7da;box-shadow:0 0 10px #72f7da;
  animation:livePulse 1.5s infinite;
}
@keyframes livePulse{50%{opacity:.35;transform:scale(.7)}}
@media(max-width:600px){
  .ai-network{width:360px;height:360px}
  .ai-ring-3{width:330px;height:330px}.ai-ring-2{width:245px;height:245px}.ai-ring-1{width:145px;height:145px}
  .ai-core-new{width:112px;height:112px}
  .node-a{left:0}.node-b{right:0}.node-c{right:0}.node-d{left:0}
}

/* ══════════ LOOP GRADIENT BRAND ACCENTS ══════════ */
/* Uses the exact gradient applied to "Let's loop." */
nav .nav-logo,
nav .nav-logo span {
  background:linear-gradient(100deg,#55e9f7 0%,#9ee9f0 28%,#c5a7ff 67%,#a879ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  text-shadow:none !important;
}

nav .nav-cta {
  border:1px solid transparent !important;
  border-image:linear-gradient(100deg,#55e9f7 0%,#9ee9f0 28%,#c5a7ff 67%,#a879ff 100%) 1 !important;
  color:#c5a7ff !important;
}

nav .nav-cta:hover {
  background:linear-gradient(100deg,#55e9f7 0%,#9ee9f0 28%,#c5a7ff 67%,#a879ff 100%) !important;
  color:#050507 !important;
  border-color:transparent !important;
  box-shadow:0 0 38px rgba(168,121,255,.22) !important;
}

footer .nav-logo,
footer .nav-logo span,
footer .footer-col h5 {
  background:linear-gradient(100deg,#55e9f7 0%,#9ee9f0 28%,#c5a7ff 67%,#a879ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

footer .footer-col a:hover,
footer .social-link:hover {
  color:#c5a7ff !important;
}

footer .social-link:hover {
  border-color:#a879ff !important;
}

footer .footer-bottom {
  border-top-color:rgba(168,121,255,.12);
}

footer {
  border-top-color:rgba(168,121,255,.13);
}


/* ══════════ AI NEURAL ENGINE — LIGHT FLOW ══════════ */
.ai-connector{
  overflow:visible;
  background:linear-gradient(90deg,rgba(168,85,247,.10),rgba(0,229,255,.24),rgba(168,85,247,.08));
}
.ai-connector::after{
  content:'';
  position:absolute;
  left:-4px;
  top:-3px;
  width:8px;
  height:7px;
  border-radius:50%;
  background:#e8fbff;
  box-shadow:0 0 8px #fff,0 0 18px #00e5ff,0 0 32px #a855f7;
  animation:connectorLight 2.8s linear infinite;
}
.c1::after{animation-delay:0s}
.c2::after{animation-delay:.45s}
.c3::after{animation-delay:.9s}
.c4::after{animation-delay:1.35s}
.c5::after{animation-delay:1.8s}
.c6::after{animation-delay:2.25s}
@keyframes connectorLight{
  0%{left:-4px;opacity:0;transform:scale(.55)}
  8%{opacity:1}
  88%{opacity:1}
  100%{left:calc(100% - 4px);opacity:0;transform:scale(1.15)}
}
.ai-node-new::after{
  content:'';
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 8px #fff,0 0 18px #00e5ff,0 0 30px #a855f7;
  opacity:0;
  animation:nodeFlash 3.6s ease-in-out infinite;
}
.node-a::after{animation-delay:.3s}.node-b::after{animation-delay:.9s}
.node-c::after{animation-delay:1.5s}.node-d::after{animation-delay:2.1s}
.node-e::after{animation-delay:2.7s}.node-f::after{animation-delay:3.2s}
@keyframes nodeFlash{
  0%,65%,100%{opacity:0;transform:scale(.4)}
  72%{opacity:1;transform:scale(1.8)}
  82%{opacity:.25;transform:scale(3)}
}
.ai-data-stream{
  position:absolute;
  z-index:7;
  color:rgba(155,169,191,.52);
  font:500 .43rem/1 'Geist Mono',monospace;
  letter-spacing:.08em;
  white-space:nowrap;
  pointer-events:none;
}
.stream-1{left:8%;top:11%;animation:dataFlicker 3.5s infinite}
.stream-2{right:7%;bottom:11%;animation:dataFlicker 4.2s .7s infinite}
.stream-3{left:8%;bottom:8%;animation:dataFlicker 4.8s 1.1s infinite}
@keyframes dataFlicker{
  0%,100%{opacity:.2;transform:translateX(0)}
  45%{opacity:.8}
  52%{opacity:.3}
  75%{opacity:.65;transform:translateX(5px)}
}

/* ══════════ AI-FIRST SERVICE STRIP ══════════ */
.ai-services-strip{
  position:relative;
  padding:7rem 6rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 40%,rgba(168,85,247,.09),transparent 34%),
    radial-gradient(circle at 15% 70%,rgba(0,229,255,.045),transparent 28%),
    #05070c;
  border-top:1px solid rgba(168,85,247,.08);
  border-bottom:1px solid rgba(168,85,247,.08);
}
.ai-services-inner{
  max-width:1320px;margin:auto;
  display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem;align-items:center;
}
.ai-services-heading .section-title{
  margin-bottom:1.3rem;
}
.ai-services-heading .highlight{
  background:linear-gradient(100deg,#55e9f7 0%,#9ee9f0 28%,#c5a7ff 67%,#a879ff 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.ai-services-heading>p:last-child{
  color:#8994a7;font:400 .92rem/1.75 'Inter',sans-serif;max-width:540px;
}
.ai-term-cloud{
  display:flex;flex-wrap:wrap;gap:.7rem;
}
.ai-term-cloud span{
  padding:.75rem .9rem;
  border:1px solid rgba(168,85,247,.13);
  border-radius:100px;
  background:rgba(168,85,247,.025);
  color:#aab4c5;
  font:500 .61rem/1 'Geist Mono',monospace;
  letter-spacing:.04em;
  transition:.3s;
}
.ai-term-cloud span:hover{
  color:#f0eaff;
  border-color:rgba(192,132,252,.4);
  background:rgba(168,85,247,.08);
  box-shadow:0 0 24px rgba(168,85,247,.08);
  transform:translateY(-2px);
}
@media(max-width:900px){
  .ai-services-strip{padding:5rem 2rem}
  .ai-services-inner{grid-template-columns:1fr;gap:2.5rem}
}