*,*::before,*::after{box-sizing:border-box;}
  :root{
    --bg:#06030d;
    --bg-raised:#0e0820;
    --bg-raised-2:#150d2e;
    --paper:#f6f0ff;
    --paper-dim:rgba(246,240,255,.68);
    --muted:#9d92c0;
    --cyan:#2bbcff;
    --cyan-soft:rgba(43,188,255,.14);
    --pink:#ff3fd8;
    --pink-soft:rgba(255,63,216,.14);
    --violet:#a855ff;
    --orange:#ffa21a;
    --grad:linear-gradient(100deg,#ffa21a -12%,#ff3fd8 28%,#a855ff 62%,#2bbcff 108%);
    --line:rgba(190,150,255,.16);
    --line-strong:rgba(190,150,255,.36);
    --font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica Neue,Arial,sans-serif;
    --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica Neue,Arial,sans-serif;
    --font-mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;
  }
  html{background:var(--bg);}
  body{
    margin:0;
    background:var(--bg);
    color:var(--paper);
    font-family:var(--font-body);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    cursor:default;
  }
  h1,h2,h3{text-wrap:balance;}
  a{color:inherit;text-decoration:none;}
  ::selection{background:var(--pink);color:#fff;}
  *:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}

  /* ---------- grain + scanline atmosphere ---------- */
  .grain{
    position:fixed;inset:0;pointer-events:none;z-index:5;mix-blend-mode:overlay;opacity:.5;
    background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0px,rgba(255,255,255,0) 1px,rgba(255,255,255,0) 2px),
      repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,0) 1px,rgba(255,255,255,0) 3px);
    animation:grain-shift 1.4s steps(4) infinite;
  }
  @keyframes grain-shift{0%{transform:translate(0,0);}25%{transform:translate(-1%,1%);}50%{transform:translate(1%,-1%);}75%{transform:translate(-1%,-1%);}100%{transform:translate(0,0);}}

  /* ---------- viewfinder HUD ---------- */
  .hud{position:fixed;z-index:20;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--paper-dim);display:flex;align-items:center;gap:.4em;pointer-events:none;}
  .hud-bl{bottom:1.1rem;left:1.1rem;border-bottom:2px solid var(--line-strong);border-left:2px solid var(--line-strong);padding:.55rem .7rem;}
  .hud-br{bottom:1.1rem;right:1.1rem;border-bottom:2px solid var(--line-strong);border-right:2px solid var(--line-strong);padding:.55rem .7rem;}
  .rec-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);animation:pulse 1.6s ease-in-out infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.25;}}
  @media (max-width:640px){.hud{display:none;}}

  /* ---------- custom cursor ---------- */
  .cursor-ring{position:fixed;top:0;left:0;width:34px;height:34px;border:1.5px solid var(--paper);border-radius:50%;pointer-events:none;z-index:60;transform:translate(-999px,-999px);transition:width .18s,height .18s,border-color .18s,background .18s;mix-blend-mode:difference;}
  .cursor-ring.big{width:64px;height:64px;background:var(--paper);}
  .cursor-ring::before,.cursor-ring::after{content:"";position:absolute;background:var(--paper);}
  .cursor-ring::before{top:50%;left:-6px;width:4px;height:1px;}
  .cursor-ring::after{top:-6px;left:50%;width:1px;height:4px;}
  @media (pointer:coarse){.cursor-ring{display:none;}}

  /* ---------- layout helpers ---------- */
  .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem);}
  section{position:relative;}
  .kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:.6em;}
  .kicker::before{content:"";width:7px;height:7px;background:currentColor;display:inline-block;}

  .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in-view{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion:reduce){
    .reveal{transition:opacity .3s ease;transform:none;}
    .grain,.rec-dot,.marquee-track,.cursor-ring{animation:none!important;transition:none!important;}
  }

  /* ---------- nav ---------- */
  .nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1.3rem clamp(1.25rem,4vw,3rem);transition:background .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent;}
  .nav.scrolled{background:rgba(6,3,13,.78);backdrop-filter:blur(10px);border-color:var(--line);padding:.85rem clamp(1.25rem,4vw,3rem);}
  .logo{font-family:var(--font-display);font-weight:900;font-size:1.05rem;letter-spacing:-.01em;text-transform:uppercase;}
  .logo span{color:var(--cyan);}
  .nav-links{display:flex;align-items:center;gap:2rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;}
  .nav-links a{opacity:.75;transition:opacity .2s,color .2s;padding:.2rem 0;border-bottom:1px solid transparent;}
  .nav-links a:hover{opacity:1;color:var(--cyan);border-color:var(--cyan);}
  .nav-rec{display:flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--paper-dim);}
  @media (max-width:760px){.nav-links{display:none;}}
  @media (max-width:560px){.nav-rec{display:none;}}
  .btn{
    font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
    padding:.75rem 1.3rem;border:1.5px solid var(--paper);display:inline-flex;align-items:center;gap:.5em;
    transition:transform .2s,background .2s,color .2s,border-color .2s;white-space:nowrap;
  }
  .btn:hover{background:var(--paper);color:var(--bg);}
  .btn-solid{background:var(--cyan);border-color:var(--cyan);color:#1a1206;}
  .btn-solid:hover{background:var(--paper);border-color:var(--paper);color:var(--bg);}
  .nav-actions{display:flex;align-items:center;gap:.85rem;}
  .nav-rates{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);white-space:nowrap;transition:color .2s;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--line-strong);}
  .nav-rates:hover{color:var(--cyan);}
  @media (max-width:420px){
    .nav-rates{margin-left:.6rem;padding-left:.6rem;font-size:.66rem;}
    .nav-actions{gap:.5rem;}
    .btn{padding:.6rem .8rem;font-size:.64rem;}
    .whatsapp-btn{width:2rem;height:2rem;}
    .whatsapp-btn svg{width:1rem;height:1rem;}
  }
  .whatsapp-btn{width:2.3rem;height:2.3rem;flex:none;border-radius:50%;background:var(--cyan);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;}
  .whatsapp-btn svg{width:1.15rem;height:1.15rem;fill:#1a1206;transition:fill .2s;}
  .whatsapp-btn:hover{background:var(--paper);transform:scale(1.08);}
  .whatsapp-btn:hover svg{fill:var(--bg);}

  /* ---------- hero ---------- */
  .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:7rem;padding-bottom:3rem;}
  .hero-head{font-family:var(--font-display);font-weight:900;text-transform:uppercase;line-height:.94;letter-spacing:-.025em;font-size:clamp(2.6rem,9.5vw,7.4rem);margin:1.4rem 0 1.6rem;}
  .hero-head .a{color:var(--cyan);}
  .hero-head .m{color:var(--pink);}
  .hero-sub{max-width:38em;font-size:clamp(1rem,1.6vw,1.18rem);color:var(--paper-dim);line-height:1.6;margin-bottom:2.2rem;}
  .hero-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;}
  .marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem 0;}
  .marquee-track{display:flex;width:max-content;animation:scroll 26s linear infinite;}
  @keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .marquee-track span{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 1.6rem;white-space:nowrap;}
  .marquee-track span b{color:var(--paper);font-weight:600;}

  /* ---------- services ---------- */
  .services{padding:6rem 0 6.5rem;border-top:1px solid var(--line);}
  .services h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;margin:.6rem 0 .8rem;}
  .services-lead{color:var(--paper-dim);max-width:34em;line-height:1.6;margin:0 0 2.4rem;}
  .services-stats{display:flex;gap:clamp(2rem,6vw,4rem);flex-wrap:wrap;margin-bottom:3rem;}
  .stat{font-family:var(--font-mono);border-top:1px solid var(--line-strong);padding-top:1.2rem;display:flex;flex-direction:column;gap:.2rem;}
  .stat .num{font-size:2.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
  .stat .cap{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
  .services-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
  .service-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;display:inline-block;margin-bottom:.6rem;}
  .tile[data-lane="build"] .service-tag{background:var(--cyan-soft);color:var(--cyan);border:1px solid var(--cyan);}
  .tile[data-lane="shoot"] .service-tag{background:var(--pink-soft);color:var(--pink);border:1px solid var(--pink);}
  .service-desc{font-size:.86rem;color:var(--paper-dim);line-height:1.5;margin:.4rem 0 0;}

  /* ---------- process ---------- */
  .process{padding:6rem 0 5rem;border-top:1px solid var(--line);}
  .process h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;margin:.6rem 0 3rem;}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  @media (max-width:900px){.steps{grid-template-columns:1fr;}}
  .step{background:var(--bg);padding:2.2rem 1.8rem;}
  .step .n{font-family:var(--font-mono);color:var(--muted);font-size:.8rem;letter-spacing:.1em;}
  .step h4{font-family:var(--font-display);text-transform:uppercase;font-size:1.25rem;letter-spacing:-.01em;margin:.6rem 0 .6rem;}
  .step p{color:var(--paper-dim);font-size:.92rem;line-height:1.55;margin:0;}
  .step:nth-child(odd) h4{color:var(--cyan);}
  .step:nth-child(even) h4{color:var(--pink);}

  /* ---------- work / filmstrip ---------- */
  .work{padding:6rem 0;border-top:1px solid var(--line);}
  .work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.6rem;flex-wrap:wrap;}
  .work h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;margin:.6rem 0 0;}
  .reel-note{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);max-width:22em;line-height:1.5;}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1.4rem;}
  .tile{appearance:none;-webkit-appearance:none;margin:0;border:1px solid var(--line);background:var(--bg-raised);overflow:hidden;transition:border-color .25s,transform .25s;cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit;display:block;width:100%;}
  .tile:hover{border-color:var(--line-strong);transform:translateY(-3px);}
  .frame{height:170px;position:relative;background:var(--bg-raised-2);overflow:hidden;}
  .frame::before,.frame::after{content:"";position:absolute;top:0;bottom:0;width:9px;z-index:2;background:repeating-linear-gradient(to bottom,var(--bg) 0 8px,transparent 8px 16px);}
  .frame::before{left:0;}.frame::after{right:0;}
  .frame canvas,.frame .mock-browser,.frame img{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover;}
  .tile-body{padding:1rem 1.2rem 1.3rem;}
  .tile-body .cat{font-weight:600;font-size:.98rem;margin-bottom:.35rem;}
  .tile-body .meta{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);letter-spacing:.05em;}
  .tile-body .meta b{color:inherit;}
  .tile[data-lane="build"] .tile-body .meta{color:var(--cyan);}
  .tile[data-lane="shoot"] .tile-body .meta{color:var(--pink);}

  /* mini website mockups (site-build tiles) — sized in em so .big can scale the whole thing */
  .mock-browser{font-size:10px;background:var(--mock-bg,#1c1712);display:flex;flex-direction:column;}
  .mock-browser.big{font-size:18px;}
  .mock-topbar{display:flex;gap:.5em;padding:.8em 1em;background:rgba(0,0,0,.28);flex:none;}
  .mock-dot{width:.6em;height:.6em;border-radius:50%;display:block;}
  .mock-body{flex:1;padding:1em 1.2em;display:flex;flex-direction:column;gap:1em;min-height:0;}
  .mock-navrow{display:flex;align-items:center;gap:.8em;}
  .mock-logo{width:2.2em;height:.6em;background:var(--mock-accent,var(--cyan));border-radius:1px;}
  .mock-navitem{width:1.6em;height:.4em;background:rgba(244,239,228,.28);border-radius:1px;}
  .mock-navpill{margin-left:auto;width:3.2em;height:.9em;background:var(--mock-accent,var(--cyan));border-radius:2px;}
  .mock-hero{display:flex;flex-direction:column;gap:.5em;margin-top:.4em;}
  .mock-h1{height:.9em;width:82%;background:rgba(244,239,228,.92);border-radius:1px;}
  .mock-h1.short{width:56%;}
  .mock-p{height:.4em;width:64%;background:rgba(244,239,228,.34);border-radius:1px;margin-top:.2em;}
  .mock-btn{margin-top:.6em;width:4.6em;height:1.2em;background:var(--mock-accent,var(--cyan));border-radius:2px;}
  .mock-cards{display:flex;gap:.6em;margin-top:auto;}
  .mock-cards span{flex:1;height:2.6em;background:rgba(244,239,228,.09);border-radius:2px;}

  /* play/duration overlays for video tiles */
  .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(10,9,11,.5);border:1.5px solid rgba(244,239,228,.85);display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;}
  .play-btn::before{content:"";border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--paper);margin-left:3px;}
  .duration-badge{position:absolute;bottom:8px;right:9px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;background:rgba(10,9,11,.6);padding:.15rem .4rem;color:var(--paper);z-index:3;pointer-events:none;}

  /* ---------- lightbox ---------- */
  .lightbox{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);opacity:0;pointer-events:none;transition:opacity .25s ease;}
  .lightbox.open{opacity:1;pointer-events:auto;}
  .lightbox-backdrop{position:absolute;inset:0;background:rgba(6,3,13,.88);backdrop-filter:blur(4px);}
  .lightbox-panel{position:relative;background:var(--bg-raised);border:1px solid var(--line-strong);max-width:660px;width:100%;max-height:88vh;overflow:auto;transform:translateY(10px);transition:transform .25s ease;}
  .lightbox.open .lightbox-panel{transform:translateY(0);}
  .lightbox-visual{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;}
  .lightbox-visual canvas,.lightbox-visual .mock-browser{position:absolute;inset:0;width:100%;height:100%;display:block;}
  .lightbox-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;}
  .lb-thumbs{display:flex;gap:.6rem;padding:.9rem clamp(1.4rem,4vw,2.1rem) 0;overflow-x:auto;}
  .lb-thumbs img{width:66px;height:46px;flex:none;object-fit:cover;cursor:pointer;border:1.5px solid var(--line);opacity:.55;transition:opacity .2s,border-color .2s;}
  .lb-thumbs img:hover{opacity:.85;}
  .lb-thumbs img.active{opacity:1;border-color:var(--cyan);}
  .lightbox-close{position:absolute;top:.7rem;right:.7rem;width:2.1rem;height:2.1rem;border:1px solid var(--line-strong);background:rgba(10,9,11,.5);color:var(--paper);font-size:1.2rem;line-height:1;cursor:pointer;z-index:4;font-family:var(--font-body);}
  .lightbox-close:hover{background:var(--paper);color:var(--bg);}
  .lightbox-info{padding:clamp(1.3rem,4vw,2rem) clamp(1.4rem,4vw,2.1rem) clamp(1.6rem,4vw,2.3rem);}
  .lightbox-info .cat{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.3rem,3vw,1.7rem);letter-spacing:-.01em;margin-bottom:.5rem;}
  .lightbox-info .meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;margin-bottom:1.1rem;}
  .lightbox-info p{color:var(--paper-dim);line-height:1.6;margin:0;max-width:34em;}
  @media (prefers-reduced-motion:reduce){.lightbox,.lightbox-panel{transition:none;}}

  /* ---------- contact slate ---------- */
  .contact{padding:6.5rem 0 5rem;border-top:1px solid var(--line);}
  .slate{background:var(--bg-raised);border:1px solid var(--line-strong);max-width:840px;margin:0 auto;position:relative;}
  .slate-stripe{height:34px;background:repeating-linear-gradient(-35deg,#1a1a1c 0 26px,var(--paper) 26px 52px);}
  .slate-inner{padding:clamp(1.6rem,5vw,3.4rem);}
  .slate h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em;margin:0 0 1.6rem;}
  .slate h2 .a{color:var(--cyan);}
  .slate h2 .m{color:var(--pink);}
  .fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;font-family:var(--font-mono);font-size:.85rem;margin-bottom:2.4rem;}
  @media (max-width:560px){.fields{grid-template-columns:1fr;}}
  .field{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line-strong);padding-bottom:.5rem;}
  .field .k{color:var(--muted);letter-spacing:.08em;}
  .field .v{color:var(--paper);}
  .slate-cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
  .slate-note{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);margin-top:1.4rem;line-height:1.6;}
  .email-link{font-family:var(--font-mono);font-size:.95rem;color:var(--paper);border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:color .2s,border-color .2s;}
  .email-link:hover{color:var(--cyan);border-color:var(--cyan);}

  /* ---------- intake form ---------- */
  .intake{border-top:1px solid var(--line-strong);margin-top:2.2rem;padding-top:2.2rem;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.4rem;}
  @media (max-width:560px){.form-row{grid-template-columns:1fr;}}
  .form-group{display:flex;flex-direction:column;gap:.5rem;}
  .form-group label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
  .form-group input[type="text"],.form-group input[type="email"],.form-group textarea{
    background:transparent;border:none;border-bottom:1px solid var(--line-strong);color:var(--paper);
    font-family:var(--font-body);font-size:1rem;padding:.5rem 0;transition:border-color .2s;
  }
  .form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted);}
  .form-group input:focus,.form-group textarea:focus{border-color:var(--cyan);outline:none;}
  .form-group textarea{resize:vertical;min-height:5rem;font-family:var(--font-body);line-height:1.5;}
  .pill-group{display:flex;flex-wrap:wrap;gap:.6rem;}
  .pill{
    font-family:var(--font-mono);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;
    padding:.55rem 1rem;border:1.5px solid var(--line-strong);background:transparent;color:var(--paper-dim);
    cursor:pointer;transition:border-color .2s,color .2s,background .2s;
  }
  .pill:hover{border-color:var(--paper);color:var(--paper);}
  .pill.active[data-tone="build"]{background:var(--cyan);border-color:var(--cyan);color:#1a1206;}
  .pill.active[data-tone="shoot"]{background:var(--pink);border-color:var(--pink);color:#210a15;}
  .pill.active[data-tone="neutral"]{background:var(--paper);border-color:var(--paper);color:var(--bg);}
  .form-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);margin-top:.9rem;line-height:1.6;}
  .form-status{font-family:var(--font-mono);font-size:.76rem;margin-top:1rem;min-height:1.2em;color:var(--cyan);}

  footer{padding:2.4rem clamp(1.25rem,4vw,3rem) 3rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--muted);border-top:1px solid var(--line);}
  footer a{color:var(--muted);border-bottom:1px solid transparent;}
  footer a:hover{color:var(--paper);border-color:var(--paper);}


  /* =====================================================
     NEON / FUTURISTIC THEME LAYER
     ===================================================== */
  html{background:var(--bg);}
  body{background:transparent;}
  .grain{display:none;}

  body::before{content:"";position:fixed;inset:-10%;z-index:-2;pointer-events:none;
    background:
      radial-gradient(42vw 42vw at 10% 6%,rgba(255,63,216,.24),transparent 62%),
      radial-gradient(46vw 46vw at 94% 28%,rgba(43,188,255,.20),transparent 64%),
      radial-gradient(52vw 52vw at 46% 98%,rgba(168,85,255,.24),transparent 64%);
    animation:drift 24s ease-in-out infinite alternate;}
  body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background-image:linear-gradient(rgba(190,150,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(190,150,255,.06) 1px,transparent 1px);
    background-size:72px 72px;
    -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 72%);
    mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 72%);}
  @keyframes drift{to{transform:translate3d(2.5%,-3%,0) scale(1.08);}}

  /* logo */
  .logo{display:inline-flex;align-items:center;gap:.65rem;}
  .logo-mark{width:2.1rem;height:2.1rem;display:block;filter:drop-shadow(0 0 8px rgba(255,63,216,.55)) drop-shadow(0 0 18px rgba(168,85,255,.35));}
  .logo-word{font-weight:300;letter-spacing:.28em;font-size:.95rem;}
  .logo-word b{font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .logo span{color:inherit;}

  /* nav */
  .nav.scrolled{box-shadow:0 1px 0 rgba(190,150,255,.18),0 10px 40px rgba(168,85,255,.12);}
  .nav-links a:hover,.nav-rates:hover{color:var(--paper);border-color:var(--pink);text-shadow:0 0 12px var(--pink);}

  /* hero */
  .kicker::before{background:var(--pink);box-shadow:0 0 10px var(--pink),0 0 22px var(--pink);}
  .hero-head{font-weight:800;letter-spacing:-.03em;}
  .hero-head .a,.hero-head .m{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 16px rgba(255,63,216,.5)) drop-shadow(0 0 40px rgba(168,85,255,.35));animation:sheen 8s ease-in-out infinite alternate;}
  .hero-head .m{background-image:linear-gradient(100deg,#2bbcff -10%,#a855ff 40%,#ff3fd8 100%);background-size:200% 100%;}
  @keyframes sheen{to{background-position:100% 0;}}
  .marquee{border-color:var(--line-strong);box-shadow:0 0 30px rgba(168,85,255,.12) inset;}
  .marquee-track span b{color:var(--paper);text-shadow:0 0 14px rgba(255,63,216,.6);}

  /* chic headings */
  .services h2,.process h2,.work h2,.slate h2,.work-head h2{font-weight:300;letter-spacing:.14em;text-shadow:0 0 28px rgba(168,85,255,.45);}
  .slate h2 .a,.slate h2 .m{font-weight:800;}

  /* buttons */
  .btn{border-color:var(--line-strong);color:var(--paper);background:rgba(255,255,255,.02);backdrop-filter:blur(6px);}
  .btn:hover{background:rgba(255,63,216,.12);color:#fff;border-color:var(--pink);box-shadow:0 0 18px rgba(255,63,216,.55),inset 0 0 14px rgba(255,63,216,.2);}
  .btn-solid{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 0 22px rgba(255,63,216,.45),0 0 50px rgba(168,85,255,.25);}
  .btn-solid:hover{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 0 30px rgba(255,63,216,.8),0 0 70px rgba(43,188,255,.4);transform:translateY(-1px);}
  .whatsapp-btn{background:var(--grad);box-shadow:0 0 18px rgba(255,63,216,.5);}
  .whatsapp-btn svg{fill:#fff;}
  .whatsapp-btn:hover{background:var(--grad);box-shadow:0 0 28px rgba(43,188,255,.8);}
  .whatsapp-btn:hover svg{fill:#fff;}

  /* cards / tiles */
  .tile{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));backdrop-filter:blur(8px);border-color:var(--line);}
  .tile:hover{border-color:var(--pink);box-shadow:0 0 0 1px rgba(255,63,216,.6),0 0 30px rgba(255,63,216,.35),0 14px 50px rgba(168,85,255,.3);}
  .tile[data-lane="build"]:hover{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(43,188,255,.6),0 0 30px rgba(43,188,255,.35),0 14px 50px rgba(43,188,255,.22);}
  .tile[data-lane="build"] .tile-body .meta{text-shadow:0 0 12px rgba(43,188,255,.7);}
  .tile[data-lane="shoot"] .tile-body .meta{text-shadow:0 0 12px rgba(255,63,216,.7);}
  .service-tag{box-shadow:0 0 12px currentColor;}
  .tile[data-lane="build"] .service-tag{box-shadow:0 0 12px rgba(43,188,255,.45);}
  .tile[data-lane="shoot"] .service-tag{box-shadow:0 0 12px rgba(255,63,216,.45);}
  .stat .num{text-shadow:0 0 22px currentColor;}
  .steps{background:var(--line-strong);}
  .step{background:rgba(6,3,13,.72);backdrop-filter:blur(6px);}
  .step:nth-child(odd) h4{color:var(--cyan);text-shadow:0 0 14px rgba(43,188,255,.6);}
  .step:nth-child(even) h4{color:var(--pink);text-shadow:0 0 14px rgba(255,63,216,.6);}

  /* form / slate */
  .slate{background:rgba(14,8,32,.72);backdrop-filter:blur(10px);border-color:var(--line-strong);box-shadow:0 0 60px rgba(168,85,255,.2);}
  .slate-stripe{background:repeating-linear-gradient(-35deg,#06030d 0 26px,var(--pink) 26px 52px);box-shadow:0 0 26px rgba(255,63,216,.5);}
  .form-group input:focus,.form-group textarea:focus{border-color:var(--pink);box-shadow:0 8px 18px -12px var(--pink);}
  .pill:hover{border-color:var(--pink);color:#fff;box-shadow:0 0 14px rgba(255,63,216,.4);}
  .pill.active[data-tone="build"]{background:var(--cyan);border-color:var(--cyan);color:#04121c;box-shadow:0 0 18px rgba(43,188,255,.7);}
  .pill.active[data-tone="shoot"]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 0 18px rgba(255,63,216,.7);}
  .pill.active[data-tone="neutral"]{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 0 18px rgba(168,85,255,.7);}
  .email-link:hover{color:var(--paper);border-color:var(--pink);text-shadow:0 0 12px var(--pink);}
  .form-status{color:var(--pink);}

  /* lightbox */
  .lightbox-panel{box-shadow:0 0 0 1px rgba(255,63,216,.4),0 0 60px rgba(168,85,255,.35);}
  .lightbox-close:hover{background:var(--pink);color:#fff;box-shadow:0 0 16px var(--pink);}

  /* HUD + cursor */
  .hud{text-shadow:0 0 10px rgba(168,85,255,.7);}
  .rec-dot{box-shadow:0 0 10px var(--pink),0 0 22px var(--pink);}
  .cursor-ring{border-color:var(--pink);mix-blend-mode:normal;box-shadow:0 0 14px rgba(255,63,216,.7),inset 0 0 10px rgba(255,63,216,.35);}
  .cursor-ring.big{background:rgba(255,63,216,.18);}
  .cursor-ring::before,.cursor-ring::after{background:var(--pink);}
  *:focus-visible{outline-color:var(--pink);}

  footer{border-top-color:var(--line-strong);}
  footer a:hover{color:var(--pink);border-color:var(--pink);}

  @media (prefers-reduced-motion:reduce){
    body::before,.hero-head .a,.hero-head .m{animation:none!important;}
  }