*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{
      --black:#050606;
      --black2:#080a0a;
      --panel:#0b0e0e;
      --panel2:#101414;
      --line:rgba(255,255,255,.085);
      --line2:rgba(0,255,200,.22);
      --cyan:#00ffc8;
      --cyan2:#00d4aa;
      --cyan3:#007e6e;
      --white:#f6fffd;
      --soft:#b7c3c0;
      --muted:#6d7875;
      --dead:#313938;
      --danger:#00ffc8;
      --radius:28px;
      --shadow:0 0 60px rgba(0,255,200,.13);
    }
    @property --service-angle{
      syntax:"<angle>";
      inherits:false;
      initial-value:0deg;
    }
    html{scroll-behavior:smooth;background:var(--black);overflow-x:hidden}
    body{
      min-height:100vh;
      background:
        radial-gradient(circle at var(--mx,50%) var(--my,12%),rgba(0,255,200,.16),transparent 24rem),
        radial-gradient(ellipse at 52% -12%,rgba(255,255,255,.07),transparent 34rem),
        radial-gradient(ellipse at 78% 8%,rgba(0,255,200,.12),transparent 36rem),
        radial-gradient(ellipse at 16% 82%,rgba(0,255,200,.07),transparent 30rem),
        linear-gradient(128deg,transparent 0 33%,rgba(255,255,255,.045) 42%,rgba(0,255,200,.028) 50%,transparent 61%),
        linear-gradient(180deg,#020404 0%,#071211 42%,#030606 100%);
      background-attachment:fixed;
      color:var(--white);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      line-height:1.55;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:1;
      opacity:.78;
      background:
        linear-gradient(105deg,transparent 0 16%,rgba(255,255,255,.052) 24%,transparent 36%),
        linear-gradient(282deg,transparent 0 44%,rgba(0,255,200,.044) 54%,transparent 69%),
        radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.052),transparent 36%),
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
      background-size:100% 100%,100% 100%,100% 100%,86px 86px,86px 86px;
      mask-image:radial-gradient(ellipse at center,black 0%,black 55%,transparent 88%);
    }
    body::after{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:2;
      opacity:.13;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");
      mix-blend-mode:screen;
    }
    ::selection{background:var(--cyan);color:var(--black)}
    a{color:inherit}
    .page{position:relative;z-index:3}
    .scanline{
      position:fixed;
      left:0;
      right:0;
      top:-20%;
      height:18vh;
      pointer-events:none;
      z-index:4;
      background:linear-gradient(to bottom,transparent,rgba(0,255,200,.045),transparent);
      animation:scan 8s linear infinite;
      mix-blend-mode:screen;
    }
    @keyframes scan{to{transform:translateY(130vh)}}

    /* Nav */
    .nav{
      position:fixed;
      inset:0 0 auto 0;
      z-index:90;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:22px clamp(22px,5vw,70px);
      transition:.25s ease;
      border-bottom:1px solid transparent;
    }
    .nav.scrolled{
      background:rgba(5,6,6,.82);
      backdrop-filter:blur(22px);
      border-color:var(--line);
    }
    .brand{
      display:flex;
      align-items:center;
      gap:0;
      text-decoration:none;
      min-width:220px;
    }
    .brand-mark{
      width:220px;
      height:36px;
      object-fit:contain;
      object-position:left center;
      filter:drop-shadow(0 0 16px rgba(0,255,200,.22));
    }
    .brand-word{
      font-family:Inter,sans-serif;
      font-size:12px;
      font-weight:800;
      letter-spacing:.04em;
      color:var(--white);
      text-transform:none;
      white-space:nowrap;
    }
    .brand-short{display:none}
    .footer-brand .brand-word{
      font-family:Raleway,sans-serif;
      font-size:11px;
      font-weight:900;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
    .nav-links{
      display:flex;
      list-style:none;
      align-items:center;
      gap:34px;
    }
    .nav-links a{
      text-decoration:none;
      color:var(--soft);
      font-size:10px;
      letter-spacing:.18em;
      text-transform:uppercase;
      font-family:Raleway,sans-serif;
      font-weight:700;
      transition:.18s ease;
    }
    .nav-links a:hover{color:var(--white)}
    .nav-cta{
      border:1px solid rgba(0,255,200,.42);
      padding:9px 18px;
      color:var(--cyan)!important;
      box-shadow:inset 0 0 24px rgba(0,255,200,.04);
    }
    .nav-cta:hover{background:var(--cyan);color:var(--black)!important}
    .menu-btn{
      display:none;
      width:44px;height:44px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.02);
      color:var(--white);
      border-radius:999px;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }

    /* Generic */
    section{padding:118px clamp(22px,5vw,70px);position:relative}
    .section-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-family:Raleway,sans-serif;
      color:rgba(218,255,249,.96);
      font-size:13px;
      font-weight:800;
      letter-spacing:.22em;
      text-transform:uppercase;
      margin-bottom:18px;
      text-shadow:0 0 18px rgba(0,255,200,.20);
    }
    .section-kicker::before{display:none}
    .section-icon{
      width:27px;
      height:27px;
      object-fit:contain;
      flex:0 0 auto;
      filter:drop-shadow(0 0 18px rgba(0,255,200,.46));
      opacity:1;
    }
    .section-title{
      font-family:Raleway,sans-serif;
      font-size:clamp(38px,6.2vw,94px);
      font-weight:900;
      letter-spacing:-.055em;
      line-height:.92;
      max-width:980px;
    }
    .section-title em{font-style:normal;color:var(--cyan);font-weight:300}
    .section-intro{
      max-width:680px;
      margin-top:26px;
      color:var(--soft);
      font-size:clamp(15px,1.4vw,18px);
      font-weight:300;
    }
    .muted{color:var(--muted)}
    .line-soft{height:1px;background:var(--line);width:100%}
    .reveal{
      opacity:0;
      transform:translateY(34px);
      transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);
    }
    .reveal.visible{opacity:1;transform:translateY(0)}
    .service-num,
    .process-card strong,
    .hero-data strong{
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      font-variant-numeric:tabular-nums;
      font-feature-settings:"tnum" 1,"lnum" 1;
      font-stretch:normal;
    }

    /* Hero */
    .hero{
      min-height:100svh;
      display:grid;
      grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
      align-items:center;
      gap:58px;
      padding:160px clamp(22px,5vw,70px) 96px;
      overflow:hidden;
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:auto -15% 0 -15%;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(0,255,200,.45),transparent);
      box-shadow:0 0 70px rgba(0,255,200,.35);
    }
    .hero-kicker{
      display:inline-flex;
      align-items:center;
      color:rgba(226,255,249,.94);
      font-size:13px;
      letter-spacing:.08em;
      text-transform:none;
      font-family:Raleway,sans-serif;
      font-weight:800;
      margin-bottom:28px;
      width:fit-content;
    }
    .hero-kicker span{
      border:1px solid rgba(0,255,200,.26);
      padding:9px 14px;
      border-radius:999px;
      background:
        radial-gradient(circle at 18% 0%,rgba(0,255,200,.15),transparent 62%),
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px rgba(0,255,200,.08);
      backdrop-filter:blur(12px);
    }
    .hero-title{
      max-width:980px;
      font-family:Inter,"Space Grotesk","Sora","Manrope","Inter Tight",system-ui,sans-serif;
      font-size:clamp(44px,3.7vw,58px);
      line-height:.96;
      letter-spacing:-.052em;
      font-weight:850;
      white-space:nowrap;
      margin:0 0 30px;
      color:rgba(229,255,250,.84);
      text-shadow:0 0 34px rgba(0,255,200,.13);
    }
    .hero-title span{
      color:var(--cyan);
      text-shadow:0 0 28px rgba(0,255,200,.22);
    }
    .hero-brand-stamp{
      margin:0 0 10px;
      font-family:Inter,system-ui,sans-serif;
      font-size:13px;
      font-weight:800;
      letter-spacing:.16em;
      line-height:1;
      color:var(--cyan);
      text-shadow:0 0 18px rgba(0,255,200,.22);
    }
    .hero-copy{
      max-width:620px;
      color:var(--soft);
      font-size:clamp(15px,1.55vw,19px);
      font-weight:300;
      line-height:1.65;
      margin-bottom:38px;
      text-align:justify;
      text-align-last:left;
      hyphens:auto;
    }
    .hero-actions{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      align-items:center;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      text-decoration:none;
      min-height:48px;
      padding:15px 25px;
      border:1px solid var(--line);
      font-family:Raleway,sans-serif;
      font-size:10px;
      font-weight:900;
      letter-spacing:.18em;
      text-transform:uppercase;
      transition:.22s ease;
      position:relative;
      overflow:hidden;
    }
    .btn::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);
      transform:translateX(-120%);
      transition:.45s ease;
    }
    .btn:hover::after{transform:translateX(120%)}
    .btn-primary{background:var(--cyan);color:var(--black);border-color:var(--cyan);box-shadow:0 0 44px rgba(0,255,200,.18)}
    .btn-primary:hover{transform:translateY(-2px);background:#64ffe0}
    .btn-secondary{
      color:rgba(235,252,248,.82);
      border-color:rgba(0,255,200,.30);
      background:
        radial-gradient(circle at 50% 0%,rgba(0,255,200,.10),transparent 58%),
        linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.012));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 32px rgba(0,255,200,.08);
    }
    .btn-secondary svg{
      width:14px;
      height:14px;
      color:var(--cyan);
      filter:drop-shadow(0 0 8px rgba(0,255,200,.28));
      transition:transform .22s ease,filter .22s ease;
    }
    .btn-secondary:hover{
      border-color:rgba(0,255,200,.62);
      color:var(--white);
      background:
        radial-gradient(circle at 50% 0%,rgba(0,255,200,.18),transparent 60%),
        linear-gradient(180deg,rgba(0,255,200,.075),rgba(255,255,255,.018));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 42px rgba(0,255,200,.16),0 16px 42px rgba(0,0,0,.24);
      transform:translateY(-2px);
    }
    .btn-secondary:hover svg{
      transform:translateX(2px);
      filter:drop-shadow(0 0 12px rgba(0,255,200,.46));
    }
    @keyframes heroScan{
      0%,100%{transform:translateY(-92px);opacity:0}
      18%,64%{opacity:.28}
      82%{transform:translateY(92px);opacity:0}
    }
    @keyframes heroAura{
      0%,100%{opacity:.62;transform:translate3d(-4px,2px,0) scale(.99)}
      50%{opacity:.95;transform:translate3d(4px,-4px,0) scale(1.045)}
    }
    @keyframes fxFloat{
      0%,100%{transform:perspective(900px) translate3d(0,0,0) scale(1.06)}
      50%{transform:perspective(900px) translate3d(0,-10px,14px) scale(1.075)}
    }
    @keyframes fxScanner{
      0%,100%{transform:translateX(-8%) rotate(-7deg);opacity:.46}
      50%{transform:translateX(8%) rotate(-7deg);opacity:.70}
    }
    .hero-panel{
      position:relative;
      min-height:530px;
      isolation:isolate;
      border:1px solid rgba(0,255,200,.28);
      background:
        radial-gradient(circle at 50% 28%,rgba(0,255,200,.34),transparent 38%),
        radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.14),transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.018) 36%,rgba(0,255,200,.05)),
        linear-gradient(118deg,transparent 0 28%,rgba(255,255,255,.052) 42%,transparent 57%),
        linear-gradient(rgba(255,255,255,.020) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.020) 1px,transparent 1px),
        rgba(4,8,8,.80);
      background-size:100% 100%,100% 100%,100% 100%,100% 100%,72px 72px,72px 72px,100% 100%;
      border-radius:var(--radius);
      overflow:hidden;
      box-shadow:0 42px 120px rgba(0,0,0,.48),0 0 125px rgba(0,255,200,.20),0 54px 90px rgba(0,255,200,.06),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,255,200,.10),inset 0 0 86px rgba(0,255,200,.06);
      transform-style:preserve-3d;
      backdrop-filter:blur(16px) saturate(1.08);
      transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease;
    }
    .hero-panel:hover{
      border-color:rgba(0,255,200,.38);
      box-shadow:0 48px 128px rgba(0,0,0,.50),0 0 145px rgba(0,255,200,.26),0 60px 104px rgba(0,255,200,.08),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,255,200,.14),inset 0 0 96px rgba(0,255,200,.075);
    }
    .hero-panel::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(ellipse at 50% 38%,rgba(0,255,200,.16),transparent 42%),
        linear-gradient(90deg,transparent 0 8%,rgba(0,255,200,.08) 50%,transparent 92%),
        linear-gradient(rgba(0,255,200,.05) 1px,transparent 1px);
      background-size:100% 100%,100% 100%,100% 54px;
      opacity:.52;
      pointer-events:none;
      -webkit-mask-image:radial-gradient(ellipse at 50% 38%,black 0%,black 58%,transparent 88%);
      mask-image:radial-gradient(ellipse at 50% 38%,black 0%,black 58%,transparent 88%);
      z-index:1;
    }
    .hero-panel::after{
      content:"";
      position:absolute;
      inset:-28% -18% auto;
      height:70%;
      background:
        linear-gradient(112deg,transparent 0 22%,rgba(255,255,255,.13) 41%,transparent 62%),
        radial-gradient(ellipse at 50% 100%,rgba(0,255,200,.16),transparent 58%);
      transform:translateX(-8%) rotate(-7deg);
      opacity:.55;
      pointer-events:none;
      z-index:2;
      animation:fxScanner 8.8s ease-in-out infinite;
    }
    .hero-logo-wrap{
      position:absolute;
      inset:18px 24px auto;
      display:grid;
      place-items:center;
      min-height:248px;
      transform-style:preserve-3d;
      z-index:3;
    }
    .hero-logo-wrap::before{
      content:"";
      position:absolute;
      width:min(94%,520px);
      aspect-ratio:1.55;
      border-radius:999px;
      background:
        radial-gradient(ellipse at center,rgba(0,255,200,.32),rgba(0,255,200,.105) 42%,transparent 74%),
        radial-gradient(ellipse at center,rgba(255,255,255,.10),transparent 42%);
      filter:blur(16px);
      animation:heroAura 5.6s ease-in-out infinite;
      pointer-events:none;
      z-index:0;
    }
    .hero-logo-wrap::after{
      content:"";
      position:absolute;
      width:min(72%,420px);
      height:46px;
      left:50%;
      bottom:18px;
      border-radius:50%;
      background:radial-gradient(ellipse at center,rgba(0,255,200,.24),rgba(0,255,200,.07) 43%,transparent 72%);
      filter:blur(10px);
      transform:translateX(-50%) perspective(700px) rotateX(68deg);
      opacity:.74;
      pointer-events:none;
      z-index:1;
    }
    .hero-logo{
      position:relative;
      z-index:3;
      width:min(91%,492px);
      height:auto;
      object-fit:contain;
      filter:brightness(1.10) saturate(1.16) drop-shadow(0 14px 0 rgba(0,74,68,.24)) drop-shadow(0 22px 18px rgba(0,0,0,.36)) drop-shadow(0 0 32px rgba(255,255,255,.18)) drop-shadow(0 0 82px rgba(0,255,200,.66));
      mix-blend-mode:normal;
      transform-origin:50% 54%;
      transform:perspective(900px) scale(1.06);
      animation:fxFloat 5.8s ease-in-out infinite;
      transition:filter .28s ease;
      will-change:transform,filter;
    }
    .hero-panel:hover .hero-logo{
      filter:brightness(1.16) saturate(1.20) drop-shadow(0 16px 0 rgba(0,76,70,.30)) drop-shadow(0 24px 20px rgba(0,0,0,.40)) drop-shadow(0 0 38px rgba(255,255,255,.22)) drop-shadow(0 0 98px rgba(0,255,200,.78));
    }
    .hero-data{
      position:absolute;
      left:28px;
      right:28px;
      bottom:28px;
      display:grid;
      grid-template-columns:1fr 1fr;
      grid-auto-rows:1fr;
      gap:12px;
      background:transparent;
      border:0;
      z-index:3;
    }
    .hero-data div{
      position:relative;
      overflow:hidden;
      min-height:92px;
      border:1px solid rgba(0,255,200,.20);
      border-radius:18px;
      background:
        radial-gradient(circle at 18% 0%,rgba(0,255,200,.14),transparent 50%),
        linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.018) 66%,rgba(0,255,200,.035));
      padding:14px 15px 13px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 18px 42px rgba(0,0,0,.24);
      backdrop-filter:blur(14px);
      transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
    }
    .hero-data div::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg,rgba(255,255,255,.055),transparent 38%),
        radial-gradient(circle at 20% 0%,rgba(0,255,200,.18),transparent 50%);
      opacity:.76;
      pointer-events:none;
    }
    .hero-data div:hover{
      transform:translateY(-3px);
      border-color:rgba(0,255,200,.44);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 40px rgba(0,255,200,.14),0 20px 48px rgba(0,0,0,.30);
    }
    .hero-data strong{
      position:relative;
      display:block;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      font-variant-numeric:tabular-nums;
      font-feature-settings:"tnum" 1,"lnum" 1;
      font-size:13px;
      font-weight:900;
      line-height:1;
      letter-spacing:0;
      color:var(--cyan);
      text-shadow:0 0 16px rgba(0,255,200,.35);
    }
    .hero-data span{
      position:relative;
      display:block;
      margin-top:7px;
      color:rgba(245,255,252,.94);
      font-size:12.5px;
      line-height:1.16;
      letter-spacing:.01em;
      text-transform:none;
      font-family:Raleway,sans-serif;
      font-weight:900;
      text-wrap:balance;
    }
    .hero-data small{
      position:relative;
      display:block;
      margin-top:4px;
      color:rgba(207,224,220,.72);
      font-size:10.4px;
      line-height:1.22;
      font-weight:500;
      text-wrap:balance;
    }

    .ticker{
      border-block:1px solid rgba(0,255,200,.16);
      overflow:hidden;
      background:
        linear-gradient(90deg,rgba(0,255,200,.05),rgba(255,255,255,.025),rgba(0,255,200,.05)),
        rgba(3,7,7,.72);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(255,255,255,.03),0 0 52px rgba(0,255,200,.045);
    }
    .ticker-track{
      display:flex;
      width:max-content;
      gap:28px;
      animation:ticker 44s linear infinite;
      padding:19px 0;
    }
    .ticker-track span{
      font-family:Inter,sans-serif;
      font-size:13px;
      font-weight:650;
      color:rgba(246,255,253,.84);
      letter-spacing:.015em;
      white-space:nowrap;
    }
    .ticker-track i{
      font-style:normal;
      color:var(--cyan);
      padding-left:28px;
      text-shadow:0 0 16px rgba(0,255,200,.36);
      opacity:.95;
    }
    @keyframes ticker{to{transform:translateX(-50%)}}

    /* Manifesto */
    .manifesto{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:clamp(36px,3.4vw,48px);
      border-bottom:1px solid var(--line);
      scroll-margin-top:118px;
    }
    .manifesto .section-kicker{
      color:var(--cyan);
      text-shadow:0 0 20px rgba(0,255,200,.42);
    }
    .manifesto .section-icon{
      filter:drop-shadow(0 0 20px rgba(0,255,200,.58));
    }
    .manifesto-hero-lines{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      width:100%;
      max-width:760px;
      min-height:340px;
      margin:0 auto;
      padding:22px 0;
      box-sizing:border-box;
      font-family:Raleway,sans-serif;
      text-align:center;
    }
    .manifesto-line{
      display:block;
      width:100%;
      margin:0;
      font-size:clamp(46px,3.3vw,48px);
      line-height:1;
      font-weight:800;
      letter-spacing:-.035em;
      white-space:nowrap;
      text-wrap:normal;
    }
    .manifesto-line-top{
      color:#f3f3f3;
      margin-bottom:34px;
    }
    .manifesto-line-bottom{
      color:var(--cyan);
      margin-top:34px;
      text-shadow:0 0 18px rgba(0,255,200,.18);
    }
    .manifesto-line-divider{
      width:min(220px,40%);
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg,rgba(0,255,200,0),rgba(0,255,200,.95),rgba(0,255,200,0));
      box-shadow:0 0 16px rgba(0,255,200,.28);
      flex-shrink:0;
    }
    .manifesto-copy{
      display:grid;
      gap:24px;
      position:relative;
      align-content:center;
      padding-left:34px;
      color:var(--soft);
      font-size:clamp(16px,1.25vw,18px);
      line-height:1.85;
      font-weight:300;
    }
    .manifesto-copy::before{
      content:"";
      position:absolute;
      left:0;
      top:2px;
      bottom:2px;
      width:1px;
      background:linear-gradient(to bottom,rgba(0,255,200,.15),rgba(0,255,200,.85),rgba(0,255,200,.18));
      box-shadow:0 0 22px rgba(0,255,200,.35);
    }
    .manifesto-quote{
      max-width:720px;
      color:var(--white);
      font-family:Raleway,sans-serif;
      font-weight:800;
      font-size:clamp(25px,1.85vw,27px);
      line-height:1.12;
      letter-spacing:-.035em;
      text-wrap:balance;
      text-shadow:0 0 28px rgba(0,255,200,.10);
    }
    .manifesto-quote span{
      display:block;
    }
    .manifesto-copy p:not(.manifesto-quote){
      max-width:680px;
      margin:0;
      color:rgba(218,232,228,.82);
      text-align:justify;
      text-align-last:left;
      line-height:1.85;
      hyphens:auto;
    }

    /* Services */
    .services-top{
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      gap:22px;
      max-width:1040px;
      margin:0 auto 70px;
    }
    #services .section-kicker{
      justify-content:center;
      color:var(--cyan);
      margin-bottom:38px;
      text-shadow:0 0 20px rgba(0,255,200,.42);
    }
    #services .section-icon{
      filter:drop-shadow(0 0 20px rgba(0,255,200,.58));
    }
    .services-title{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:14px;
      width:min(1180px,100%);
      max-width:1180px;
      margin:0;
      font-size:clamp(38px,5.4vw,78px);
      text-align:center;
      line-height:.95;
      letter-spacing:-.045em;
    }
    .services-title span{
      display:block;
    }
    .services-title span:first-child{
      white-space:nowrap;
    }
    .services-title em{
      color:var(--cyan);
      font-style:normal;
      font-weight:850;
      text-shadow:0 0 26px rgba(0,255,200,.24);
    }
    .services-title-divider{
      display:block;
      width:min(860px,88%);
      height:2px;
      margin:38px auto 34px;
      border-radius:999px;
      background:linear-gradient(90deg,rgba(0,255,200,0),rgba(0,255,200,.95),rgba(0,255,200,0));
      box-shadow:0 0 20px rgba(0,255,200,.34);
    }
    .services-note{
      max-width:480px;
      color:rgba(218,232,228,.78);
      font-size:15px;
      line-height:1.8;
    }
    #services .services-note{
      max-width:820px;
      margin:0 auto;
      color:rgba(218,232,228,.84);
      font-size:clamp(16px,1.22vw,19px);
      line-height:1.72;
      font-weight:300;
      text-align:center;
      text-wrap:balance;
    }
    .service-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:20px;
      align-items:stretch;
      grid-auto-rows:1fr;
    }
    .service-card{
      background:
        linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
        radial-gradient(circle at 18% 0%,rgba(0,255,200,.08),transparent 36%),
        rgba(5,10,10,.82);
      min-height:unset;
      height:auto;
      padding:22px;
      position:relative;
      isolation:isolate;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      align-items:stretch;
      justify-content:flex-start;
      border:1px solid rgba(0,255,200,.14);
      border-radius:18px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 54px rgba(0,0,0,.18);
      transition:.28s ease;
    }
    .service-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at var(--x,50%) var(--y,0%),rgba(0,255,200,.18),transparent 38%);
      opacity:0;
      z-index:0;
      transition:.25s ease;
    }
    .service-card::after{
      content:"";
      position:absolute;
      inset:-1px;
      border-radius:inherit;
      padding:1px;
      background:conic-gradient(from var(--service-angle,0deg),transparent 0deg,transparent 54deg,rgba(0,255,200,.18) 76deg,rgba(0,255,200,.92) 98deg,rgba(230,255,249,.98) 110deg,rgba(0,255,200,.48) 128deg,transparent 158deg,transparent 360deg);
      opacity:.525;
      pointer-events:none;
      z-index:0;
      filter:drop-shadow(0 0 8px rgba(0,255,200,.32));
      animation:serviceBorderFlow 4.5s linear infinite;
      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
    }
    .service-card:hover{
      background-color:#0a0d0d;
      border-color:rgba(0,255,200,.42);
      transform:translateY(-5px);
      z-index:2;
      box-shadow:0 0 42px rgba(0,255,200,.14),0 24px 64px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.09);
    }
    .service-card:hover::before{opacity:1}
    .service-card:hover::after{
      opacity:.95;
      filter:drop-shadow(0 0 12px rgba(0,255,200,.48));
      animation-duration:2.4s;
    }
    .service-card > *{
      position:relative;
      z-index:1;
    }
    @keyframes serviceBorderFlow{
      to{--service-angle:360deg}
    }
    .service-num{
      position:relative;
      color:var(--cyan);
      font-size:12px;
      font-weight:800;
      font-variant-numeric:tabular-nums;
      font-feature-settings:"tnum" 1,"lnum" 1;
      letter-spacing:.04em;
      margin-bottom:16px;
      text-shadow:0 0 18px rgba(0,255,200,.34);
    }
    .service-card h3{
      position:relative;
      font-family:Raleway,sans-serif;
      font-size:clamp(18px,1.25vw,21px);
      line-height:1.08;
      margin-bottom:10px;
      letter-spacing:-.025em;
      color:rgba(246,255,252,.96);
      min-height:2.16em;
      display:flex;
      align-items:flex-end;
    }
    .service-card p{
      position:relative;
      color:rgba(218,232,228,.82);
      font-size:clamp(.95rem,.9rem + .12vw,1rem);
      line-height:1.45;
      font-weight:300;
      margin:0;
      text-align:left;
      text-wrap:balance;
      hyphens:manual;
    }

    /* Projects */
    .projects{
      padding-left:0;
      padding-right:0;
      overflow:hidden;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .projects-head{
      display:flex;
      justify-content:center;
      align-items:center;
      padding-inline:clamp(22px,5vw,70px);
      margin-bottom:54px;
      text-align:center;
    }
    #projects .projects-top{
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      gap:0;
      max-width:1040px;
      margin:0 auto;
    }
    #projects .section-kicker{
      justify-content:center;
      color:var(--cyan);
      margin-bottom:38px;
      text-shadow:0 0 20px rgba(0,255,200,.42);
    }
    #projects .section-icon{
      filter:drop-shadow(0 0 20px rgba(0,255,200,.58));
    }
    #projects .projects-title{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:14px;
      max-width:980px;
      margin:0;
      text-align:center;
      line-height:.95;
      letter-spacing:-.045em;
    }
    #projects .projects-title span{
      display:block;
    }
    #projects .projects-title em{
      color:var(--cyan);
      font-family:inherit;
      font-style:normal;
      font-weight:850;
      text-shadow:0 0 26px rgba(0,255,200,.24);
    }
    #projects .projects-title-divider{
      display:block;
      width:min(840px,86%);
      height:2px;
      margin:52px auto 48px;
      border-radius:999px;
      background:linear-gradient(90deg,rgba(0,255,200,0),rgba(0,255,200,.95),rgba(0,255,200,0));
      box-shadow:0 0 20px rgba(0,255,200,.34);
    }
    #projects .projects-note{
      max-width:840px;
      margin:0 auto;
      color:rgba(218,232,228,.84);
      font-size:clamp(16px,1.22vw,19px);
      line-height:1.72;
      font-weight:300;
      text-align:center;
      text-wrap:balance;
    }
    #projects .project-rail-wrap{position:relative;overflow:hidden}
    #projects .project-rail{
      display:flex;
      gap:22px;
      width:max-content;
      animation:projectRail 42s linear infinite;
      padding:0 22px 12px;
    }
    #projects .project-rail,
    #projects .project-rail:hover,
    #projects .project-rail-wrap:hover .project-rail{
      animation-play-state:running !important;
    }
    @keyframes projectRail{to{transform:translateX(-50%)}}
    #projects .project-card{
      position:relative;
      flex:0 0 auto;
      width:min(72vw,420px);
      aspect-ratio:9/11;
      overflow:hidden;
      border-radius:26px;
      border:1px solid rgba(0,255,200,.18);
      background:#050707;
      box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07);
    }
    #projects .project-image{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center center;
      display:block;
      filter:none;
      transform:none;
      opacity:1;
      image-rendering:auto;
      backface-visibility:hidden;
      z-index:0;
    }
    #projects .project-card::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.70) 100%);
      pointer-events:none;
    }
    #projects .project-card::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      border-radius:inherit;
      border:1px solid rgba(0,255,200,.16);
      box-shadow:inset 0 0 38px rgba(0,255,200,.05),0 0 34px rgba(0,255,200,.06);
      pointer-events:none;
    }
    #projects .project-card:hover .project-image{
      transform:none !important;
      filter:none !important;
    }
    #projects .project-label{
      position:absolute;
      left:28px;
      right:28px;
      bottom:28px;
      z-index:3;
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:20px;
    }
    #projects .project-label h3{
      font-family:Raleway,sans-serif;
      font-size:19px;
      letter-spacing:-.02em;
      color:var(--white);
      text-shadow:0 8px 24px rgba(0,0,0,.55);
    }
    #projects .project-label span{
      color:var(--cyan);
      font-size:10px;
      letter-spacing:.18em;
      text-transform:uppercase;
      font-family:Raleway,sans-serif;
      font-weight:900;
      white-space:nowrap;
      text-shadow:0 0 16px rgba(0,255,200,.42);
    }



    /* Clients */
    .clients{
      padding-top:clamp(82px,8vw,100px);
      border-bottom:1px solid var(--line);
    }
    #clients .clients-top{
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      width:100%;
      max-width:none;
      margin:0 auto;
    }
    #clients .section-kicker{
      justify-content:center;
      color:var(--cyan);
      transform:translateY(-18px);
      margin-bottom:24px;
      text-shadow:0 0 20px rgba(0,255,200,.42);
    }
    #clients .section-icon{
      filter:drop-shadow(0 0 20px rgba(0,255,200,.58));
    }
    #clients .clients-title{
      width:100%;
      max-width:none;
      margin:0 auto;
      font-family:Raleway,sans-serif;
      font-size:clamp(46px,6.2vw,92px);
      font-weight:900;
      line-height:.92;
      letter-spacing:-.055em;
      text-align:center;
      color:var(--white);
      white-space:nowrap;
      text-wrap:normal;
    }
    #clients .clients-title span{
      color:var(--cyan);
      text-shadow:0 0 30px rgba(0,255,200,.36);
    }
    #clients .clients-title-divider{
      display:block;
      width:min(1120px,100%);
      height:2px;
      margin:46px auto 38px;
      border-radius:999px;
      background:linear-gradient(90deg,rgba(0,255,200,0),rgba(0,255,200,.22),rgba(0,255,200,.98),rgba(0,255,200,.22),rgba(0,255,200,0));
      box-shadow:0 0 26px rgba(0,255,200,.38);
    }
    #clients .clients-note{
      width:min(1080px,100%);
      max-width:none;
      margin:0 auto;
      color:rgba(218,232,228,.84);
      font-size:clamp(16px,1.18vw,19px);
      line-height:1.62;
      font-weight:300;
      letter-spacing:-.005em;
      text-align:justify;
      text-align-last:left;
      text-wrap:normal;
      hyphens:none;
      -webkit-hyphens:none;
      -ms-hyphens:none;
      word-break:normal;
      overflow-wrap:normal;
    }
    #clients .clients-grid{
      margin-top:58px;
    }
    .clients-grid{
      margin-top:56px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:1px;
      background:var(--line);
      border:1px solid var(--line);
    }
    .client-card{
      min-height:230px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:20px;
      background:linear-gradient(180deg,rgba(0,255,200,.018),rgba(0,0,0,.04)),var(--black);
      position:relative;
      overflow:hidden;
      transition:.25s ease;
      padding:24px;
    }
    .client-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 20%,rgba(0,255,200,.10),transparent 48%),
        linear-gradient(120deg,transparent,rgba(0,255,200,.035),transparent);
      opacity:0;
      transition:.25s ease;
    }
    .client-card::after{
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:0;
      height:1px;
      background:var(--cyan);
      transition:width .35s ease;
    }
    .client-card:hover{
      background:#0a0d0d;
      transform:translateY(-3px);
      z-index:2;
      box-shadow:0 18px 70px rgba(0,0,0,.34);
    }
    .client-card:hover::before{opacity:1}
    .client-card:hover::after{width:100%}
    .client-logo-stage{
      position:relative;
      z-index:1;
      height:136px;
      width:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:hidden;
      padding:8px 14px;
      background:transparent;
      border:0;
      isolation:isolate;
    }
    .client-logo-stage::before{
      content:"";
      position:absolute;
      width:62%;
      height:58%;
      border-radius:999px;
      background:radial-gradient(circle,rgba(0,255,200,.07),transparent 70%);
      filter:blur(14px);
      opacity:.45;
      pointer-events:none;
    }
    .client-logo-img{
      position:relative;
      z-index:1;
      width:auto;
      height:auto;
      max-width:var(--client-logo-width,92%);
      max-height:var(--client-logo-height,96px);
      object-fit:contain;
      display:block;
      background:transparent;
      filter:drop-shadow(0 0 16px rgba(0,255,200,.10));
      transform:translate(var(--client-logo-x,0),var(--client-logo-y,0)) scale(var(--client-logo-scale,1));
      transform-origin:center;
      transition:transform .25s ease, filter .25s ease, opacity .25s ease;
    }
    .client-card:hover .client-logo-img{
      transform:translate(var(--client-logo-x,0),var(--client-logo-y,0)) scale(calc(var(--client-logo-scale,1) * 1.045));
      filter:drop-shadow(0 0 24px rgba(0,255,200,.20));
    }
    .client-logo-img[alt="O Provérbio"]{
      --client-logo-width:90%;
      --client-logo-height:118px;
    }
    .client-logo-img[alt="Espiga"]{
      --client-logo-width:86%;
      --client-logo-height:102px;
    }
    .client-logo-img[alt="Os Garotos"],
    .client-logo-img[alt="Glitail"]{
      --client-logo-width:70%;
      --client-logo-height:108px;
    }
    .client-logo-img[alt="Farmácia Medeiros"]{
      --client-logo-width:86%;
      --client-logo-height:96px;
    }
    .client-logo-img[alt="Crédito Agrícola"]{
      --client-logo-width:82%;
      --client-logo-height:72px;
    }
    .client-logo-img[alt="Intermarché"],
    .client-logo-img[alt="São João das Lampas"]{
      --client-logo-width:92%;
      --client-logo-height:78px;
    }
    .client-meta{
      position:relative;
      z-index:1;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:0;
      border-top:1px solid rgba(255,255,255,.075);
      padding-top:18px;
      text-align:center;
    }
    .client-meta strong{
      font-family:Raleway,sans-serif;
      font-weight:900;
      letter-spacing:.09em;
      text-transform:uppercase;
      color:var(--white);
      font-size:13px;
      line-height:1.3;
    }
    .client-meta span{
      display:none;
      max-width:130px;
      color:var(--muted);
      text-align:right;
      font-size:10px;
      line-height:1.35;
      letter-spacing:.08em;
      text-transform:uppercase;
      font-family:Raleway,sans-serif;
      font-weight:800;
    }

    /* Process */
    #process .process-top{
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      max-width:1180px;
      margin:0 auto;
    }
    #process .section-kicker{
      justify-content:center;
      color:var(--cyan);
      margin-bottom:24px;
      transform:translateY(-38px);
      text-shadow:0 0 20px rgba(0,255,200,.42);
    }
    #process .section-icon{
      filter:drop-shadow(0 0 20px rgba(0,255,200,.58));
    }
    #process .process-title{
      width:100%;
      max-width:none;
      margin:0 auto;
      font-family:Raleway,sans-serif;
      font-size:clamp(38px,4.8vw,68px);
      font-weight:900;
      line-height:.94;
      letter-spacing:-.052em;
      text-align:center;
      color:var(--white);
      white-space:nowrap;
      text-wrap:normal;
    }
    #process .process-grid{
      margin-top:64px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }
    #process .process-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(0,255,200,.16);
      border-radius:24px;
      padding:28px;
      background:
        radial-gradient(circle at 18% 0%,rgba(0,255,200,.10),transparent 44%),
        linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.012));
      min-height:235px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 46px rgba(0,0,0,.18);
      transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease;
    }
    #process .process-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 32%,rgba(0,255,200,.05));
      opacity:.5;
      pointer-events:none;
    }
    #process .process-card:hover{
      transform:translateY(-6px);
      border-color:rgba(0,255,200,.44);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 42px rgba(0,255,200,.13),0 24px 58px rgba(0,0,0,.28);
    }
    #process .process-card strong{
      position:relative;
      display:block;
      color:var(--cyan);
      font-size:13px;
      letter-spacing:.08em;
      margin-bottom:34px;
      text-shadow:0 0 18px rgba(0,255,200,.24);
    }
    #process .process-card h3{
      position:relative;
      font-family:Raleway,sans-serif;
      margin-bottom:14px;
      line-height:1.05;
      letter-spacing:-.025em;
      font-size:clamp(24px,2.2vw,32px);
      color:var(--white);
    }
    #process .process-card p{
      position:relative;
      color:rgba(218,232,228,.78);
      font-size:14px;
      line-height:1.72;
      font-weight:300;
    }

    /* CTA */
    #contact.cta{
      min-height:auto;
      padding-top:clamp(54px,5.8vw,82px);
      padding-bottom:clamp(76px,6.5vw,104px);
      display:grid;
      place-items:center;
      text-align:center;
      overflow:hidden;
    }
    #contact.cta::before{
      content:"";
      position:absolute;
      width:900px;height:900px;
      border-radius:999px;
      background:radial-gradient(circle,rgba(0,255,200,.11),transparent 60%);
      filter:blur(10px);
      pointer-events:none;
    }
    #contact .cta-inner{
      position:relative;
      z-index:2;
      width:100%;
      max-width:1180px;
      margin:0 auto;
      text-align:center;
    }
    #contact .cta-title{
      font-family:Raleway,sans-serif;
      font-size:clamp(42px,5.4vw,82px);
      line-height:.92;
      letter-spacing:-.055em;
      font-weight:900;
      width:100%;
      max-width:none;
      margin:0 auto;
      text-align:center;
      color:var(--white);
      white-space:nowrap;
      text-wrap:normal;
    }
    #contact .cta-title span{
      color:var(--cyan);
      font-style:normal;
      font-weight:850;
      text-shadow:0 0 30px rgba(0,255,200,.36);
    }
    #contact .cta-title-divider{
      display:block;
      width:min(860px,88%);
      height:2px;
      margin:38px auto 34px;
      border-radius:999px;
      background:linear-gradient(90deg,rgba(0,255,200,0),rgba(0,255,200,.22),rgba(0,255,200,.95),rgba(0,255,200,.22),rgba(0,255,200,0));
      box-shadow:0 0 22px rgba(0,255,200,.34);
    }
    #contact .cta-copy{
      width:min(880px,100%);
      max-width:none;
      margin:0 auto 36px;
      color:rgba(218,232,228,.84);
      font-size:clamp(16px,1.25vw,20px);
      line-height:1.68;
      font-weight:300;
      letter-spacing:-.01em;
      text-align:justify;
      text-align-last:center;
      text-wrap:normal;
      hyphens:none;
      -webkit-hyphens:none;
      -ms-hyphens:none;
      word-break:normal;
      overflow-wrap:normal;
    }
    #contact .cta-actions{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:16px;
      flex-wrap:wrap;
      margin:0 auto 22px;
    }
    #contact .cta-btn{
      min-width:220px;
      min-height:56px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:16px 28px;
      border:1px solid transparent;
      border-radius:999px;
      position:relative;
      overflow:hidden;
      isolation:isolate;
      color:var(--white);
      font-family:Raleway,sans-serif;
      font-size:10px;
      font-weight:900;
      letter-spacing:.16em;
      line-height:1;
      text-align:center;
      text-decoration:none;
      text-transform:uppercase;
      transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
    }
    #contact .cta-btn span{
      position:relative;
      z-index:2;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      line-height:1;
    }
    #contact .cta-btn::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      z-index:0;
      pointer-events:none;
      transition:opacity .22s ease;
    }
    #contact .cta-btn::after{
      content:"";
      position:absolute;
      top:-80%;
      bottom:-80%;
      left:-60%;
      width:42%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
      transform:skewX(-20deg);
      opacity:0;
      z-index:1;
      transition:left .55s ease,opacity .22s ease;
      pointer-events:none;
    }
    #contact .cta-btn:hover::after{
      left:118%;
      opacity:1;
    }
    #contact .cta-btn-primary{
      color:#03110e;
      border-color:rgba(0,255,200,.72);
      background:linear-gradient(135deg,var(--cyan),#6dffe3 48%,#d6fff7);
      box-shadow:0 0 62px rgba(0,255,200,.26),0 18px 54px rgba(0,0,0,.24);
    }
    #contact .cta-btn-primary::before{
      background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.55),transparent 56%);
      opacity:.76;
    }
    #contact .cta-btn-primary:hover{
      color:#03110e;
      background:linear-gradient(135deg,#8effe8,var(--cyan) 52%,#f0fffb);
      box-shadow:0 0 68px rgba(0,255,200,.32),0 22px 60px rgba(0,0,0,.28);
      transform:translateY(-3px);
    }
    #contact .cta-btn-secondary{
      color:var(--white);
      border-color:rgba(0,255,200,.36);
      background:radial-gradient(circle at 50% 0%,rgba(0,255,200,.14),transparent 58%),linear-gradient(180deg,rgba(0,255,200,.07),rgba(255,255,255,.018));
      box-shadow:0 0 32px rgba(0,255,200,.08),0 18px 48px rgba(0,0,0,.22);
    }
    #contact .cta-btn-secondary:hover{
      color:var(--white);
      border-color:rgba(0,255,200,.58);
      background:radial-gradient(circle at 50% 0%,rgba(0,255,200,.20),transparent 60%),linear-gradient(180deg,rgba(0,255,200,.09),rgba(255,255,255,.018));
      box-shadow:0 0 44px rgba(0,255,200,.14),0 20px 58px rgba(0,0,0,.28);
      transform:translateY(-3px);
    }
    #contact .cta-contact-links{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin:0 auto;
      width:100%;
    }
    #contact .cta-contact-chip{
      width:260px;
      min-height:42px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      padding:10px 16px;
      border:1px solid rgba(0,255,200,.18);
      border-radius:999px;
      color:rgba(218,232,228,.78);
      background:radial-gradient(circle at 50% 0%,rgba(0,255,200,.075),transparent 58%),rgba(255,255,255,.018);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 34px rgba(0,0,0,.16);
      font-family:Raleway,sans-serif;
      font-size:10px;
      font-weight:850;
      letter-spacing:.105em;
      line-height:1;
      text-decoration:none;
      text-transform:uppercase;
      transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
    }
    #contact .cta-contact-chip span{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      line-height:1;
      white-space:nowrap;
    }
    #contact .cta-email-chip{
      text-transform:none !important;
      letter-spacing:0 !important;
    }
    #contact .cta-email-text{
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
      font-size:12px;
      font-weight:700;
      letter-spacing:.01em;
      text-transform:none;
      font-variant-ligatures:none;
      font-feature-settings:"kern" 1;
      line-height:1;
    }
    #contact .cta-whatsapp-chip span{
      font-family:Raleway,sans-serif;
      font-size:10px;
      font-weight:850;
      letter-spacing:.105em;
      text-transform:uppercase;
    }
    #contact .cta-contact-icon{
      width:16px;
      height:16px;
      flex:0 0 16px;
      display:block;
      color:currentColor;
      stroke:currentColor;
      filter:none !important;
      opacity:.92;
      shape-rendering:geometricPrecision;
      text-rendering:geometricPrecision;
    }
    #contact .cta-contact-chip:hover .cta-contact-icon{
      color:currentColor;
      filter:none !important;
      opacity:1;
    }
    #contact .cta-contact-chip:hover{
      color:var(--white);
      border-color:rgba(0,255,200,.42);
      background:radial-gradient(circle at 50% 0%,rgba(0,255,200,.13),transparent 58%),rgba(255,255,255,.026);
      box-shadow:0 0 28px rgba(0,255,200,.11),0 14px 38px rgba(0,0,0,.22);
      transform:translateY(-2px);
    }
    .contact-actions{
      justify-content:center;
      gap:14px;
      margin-top:2px;
    }
    .contact-action{
      isolation:isolate;
      min-width:208px;
      min-height:54px;
      padding:16px 25px;
      border-radius:999px;
      letter-spacing:.14em;
      box-shadow:0 18px 50px rgba(0,0,0,.24);
    }
    .contact-action span,
    .contact-action .action-icon{
      position:relative;
      z-index:2;
    }
    .contact-action .action-icon{
      width:16px;
      height:16px;
      flex:0 0 auto;
      transition:transform .22s ease,filter .22s ease;
    }
    .contact-action::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      opacity:.76;
      z-index:0;
      transition:.22s ease;
      pointer-events:none;
    }
    .contact-action::after,
    .contact-card::after{
      content:"";
      position:absolute;
      top:-80%;
      bottom:-80%;
      left:-60%;
      width:42%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
      transform:skewX(-20deg);
      opacity:0;
      z-index:1;
      transition:left .55s ease,opacity .22s ease;
      pointer-events:none;
    }
    .contact-action:hover::after,
    .contact-card:hover::after{
      left:118%;
      opacity:1;
    }
    .contact-action-primary{
      color:#03110e;
      border-color:rgba(0,255,200,.72);
      background:linear-gradient(135deg,var(--cyan),#6dffe3 48%,#d6fff7);
      box-shadow:0 0 62px rgba(0,255,200,.26),0 18px 54px rgba(0,0,0,.24);
    }
    .contact-action-primary::before{
      background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.55),transparent 56%);
    }
    .contact-action-secondary{
      color:var(--white);
      border-color:rgba(0,255,200,.36);
      background:linear-gradient(180deg,rgba(0,255,200,.07),rgba(255,255,255,.018));
      box-shadow:0 0 32px rgba(0,255,200,.08),0 18px 48px rgba(0,0,0,.22);
    }
    .contact-action-secondary::before{
      background:radial-gradient(circle at 50% 0%,rgba(0,255,200,.14),transparent 58%);
    }
    .contact-action-primary:hover{
      color:#03110e;
      background:linear-gradient(135deg,#8effe8,var(--cyan) 52%,#f0fffb);
      box-shadow:0 0 64px rgba(0,255,200,.3),0 22px 60px rgba(0,0,0,.28);
      transform:translateY(-3px);
    }
    .contact-action-secondary:hover{
      color:var(--white);
      border-color:rgba(0,255,200,.58);
      background:linear-gradient(180deg,rgba(0,255,200,.09),rgba(255,255,255,.018));
      box-shadow:0 0 44px rgba(0,255,200,.12),0 20px 58px rgba(0,0,0,.28);
      transform:translateY(-3px);
    }
    .contact-action:hover .action-icon{
      transform:translateX(2px);
      filter:drop-shadow(0 0 9px rgba(0,255,200,.35));
    }
    .contact-action:focus-visible{
      outline:2px solid rgba(0,255,200,.55);
      outline-offset:4px;
    }
    .contact-row{
      display:grid;
      grid-template-columns:repeat(2,minmax(230px,1fr));
      gap:18px;
      justify-content:center;
      margin:30px auto 0;
      max-width:670px;
    }
    .icon{
      width:16px;
      height:16px;
      flex:0 0 auto;
      display:inline-block;
      vertical-align:middle;
    }
    .contact-card{
      position:relative;
      isolation:isolate;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:18px;
      min-height:122px;
      text-decoration:none;
      border:1px solid rgba(0,255,200,.18);
      padding:22px 24px;
      border-radius:22px;
      color:var(--white);
      text-align:left;
      background:
        radial-gradient(circle at 18% 0%,rgba(0,255,200,.13),transparent 52%),
        linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.014));
      box-shadow:0 22px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.065);
      overflow:hidden;
      transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,background .22s ease;
    }
    .contact-card::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      background:linear-gradient(135deg,rgba(255,255,255,.065),transparent 36%,rgba(0,255,200,.05));
      opacity:.55;
      z-index:-1;
      transition:.22s ease;
    }
    .contact-card-icon{
      position:relative;
      z-index:2;
      width:52px;
      height:52px;
      flex:0 0 52px;
      display:grid;
      place-items:center;
      border:1px solid rgba(0,255,200,.26);
      border-radius:16px;
      background:rgba(0,255,200,.065);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 26px rgba(0,255,200,.10);
    }
    .contact-card .icon{
      width:28px;
      height:28px;
      color:var(--cyan);
      filter:drop-shadow(0 0 14px rgba(0,255,200,.36));
      transition:transform .22s ease,filter .22s ease;
    }
    .contact-card-copy{
      position:relative;
      z-index:2;
      display:grid;
      gap:5px;
    }
    .contact-card-copy strong{
      font-family:Raleway,sans-serif;
      font-size:18px;
      line-height:1.1;
      color:var(--white);
      letter-spacing:.02em;
    }
    .contact-card-copy span{
      color:rgba(218,232,228,.72);
      font-size:13px;
      line-height:1.35;
      overflow-wrap:anywhere;
    }
    .contact-card:hover{
      color:var(--white);
      border-color:rgba(0,255,200,.58);
      background:linear-gradient(180deg,rgba(0,255,200,.08),rgba(255,255,255,.018));
      box-shadow:0 0 42px rgba(0,255,200,.14),0 22px 58px rgba(0,0,0,.30);
      transform:translateY(-4px);
    }
    .contact-card:hover::before{opacity:1}
    .contact-card:hover .icon{
      transform:scale(1.08);
      filter:drop-shadow(0 0 14px rgba(0,255,200,.42));
    }
    .contact-card:focus-visible{outline:2px solid rgba(0,255,200,.55);outline-offset:4px}
    .social-btn{
      width:48px;
      height:48px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid var(--line);
      border-radius:999px;
      color:var(--soft);
      text-decoration:none;
      background:rgba(255,255,255,.018);
      transition:.22s ease;
      position:relative;
      overflow:hidden;
    }
    .social-btn::before{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 50% 0%,rgba(0,255,200,.18),transparent 58%);
      opacity:0;
      transition:.22s ease;
    }
    .social-btn svg{
      position:relative;
      z-index:1;
      width:19px;
      height:19px;
      transition:.22s ease;
    }
    .social-btn:hover{
      color:var(--cyan);
      border-color:rgba(0,255,200,.55);
      transform:translateY(-2px);
      box-shadow:0 0 34px rgba(0,255,200,.12);
    }
    .social-btn:hover::before{opacity:1}
    .social-btn:hover svg{filter:drop-shadow(0 0 10px rgba(0,255,200,.42))}

    footer{
      border-top:1px solid rgba(0,255,200,.12);
      padding:20px clamp(22px,5vw,70px) 16px;
      color:var(--muted);
      background:
        radial-gradient(circle at 16% 0%,rgba(0,255,200,.075),transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.026),rgba(0,0,0,.02));
    }
    .footer-shell{
      max-width:1260px;
      margin:0 auto;
      display:grid;
      gap:13px;
    }
    .footer-main{
      min-height:58px;
      display:grid;
      grid-template-columns:minmax(190px,.9fr) minmax(420px,auto) minmax(148px,.9fr);
      align-items:center;
      gap:clamp(16px,2.5vw,34px);
    }
    .footer-brand-block{
      display:flex;
      align-items:center;
      gap:0;
      min-width:0;
    }
    .footer-wordmark-link{
      display:inline-flex;
      align-items:center;
      width:min(190px,100%);
      min-width:0;
      text-decoration:none;
    }
    .footer-wordmark{
      display:block;
      width:100%;
      max-width:190px;
      max-height:34px;
      height:auto;
      object-fit:contain;
      object-position:left center;
      filter:drop-shadow(0 0 16px rgba(0,255,200,.20));
    }
    .footer-links,
    .footer-socials{
      display:flex;
      align-items:center;
      list-style:none;
    }
    .footer-links{
      justify-content:center;
      flex-wrap:wrap;
      row-gap:7px;
      min-width:0;
    }
    .footer-links li{
      display:flex;
      align-items:center;
    }
    .footer-links li + li::before{
      content:"";
      width:3px;
      height:3px;
      border-radius:999px;
      background:rgba(0,255,200,.48);
      margin:0 10px;
      box-shadow:0 0 12px rgba(0,255,200,.18);
    }
    .footer-links a{
      display:inline-flex;
      align-items:center;
      text-decoration:none;
      color:var(--muted);
      text-transform:uppercase;
      letter-spacing:.11em;
      font-family:Raleway,sans-serif;
      font-weight:800;
      font-size:9.5px;
      line-height:1.45;
      transition:.2s ease;
    }
    .footer-links a:hover{
      color:var(--cyan);
    }
    footer .footer-socials{
      justify-content:flex-end;
      gap:9px;
      flex-wrap:nowrap;
      min-width:0;
    }
    footer .footer-socials .social-btn{
      width:38px;
      height:38px;
      color:var(--cyan) !important;
      border:1px solid rgba(0,255,200,.30);
      background:radial-gradient(circle at 50% 0%,rgba(0,255,200,.12),transparent 58%),rgba(0,255,200,.035);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 22px rgba(0,255,200,.08);
    }
    footer .footer-socials .social-btn svg{
      width:15px;
      height:15px;
      color:var(--cyan) !important;
      stroke:currentColor;
      filter:drop-shadow(0 0 8px rgba(0,255,200,.34));
    }
    footer .footer-socials .social-btn:hover{
      color:#03110e !important;
      border-color:rgba(0,255,200,.78);
      background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.34),transparent 56%),linear-gradient(135deg,var(--cyan),#7effe7);
      box-shadow:0 0 34px rgba(0,255,200,.26),0 14px 34px rgba(0,0,0,.26);
      transform:translateY(-2px);
    }
    footer .footer-socials .social-btn:hover svg{
      color:#03110e !important;
      filter:none;
    }
    .footer-bottom{
      padding-top:12px;
      border-top:1px solid rgba(255,255,255,.07);
      display:flex;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;
      color:rgba(245,245,242,.48);
      font-size:11px;
    }
    footer .footer-tagline{
      color:rgba(218,232,228,.68);
      font-family:Raleway,sans-serif;
      font-size:11px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:none;
    }

    @media (max-width:1100px){
      .hero{grid-template-columns:1fr;min-height:auto}
      .hero-panel{min-height:600px}
      .hero-logo-wrap{min-height:270px}
      .service-grid{grid-template-columns:repeat(2,1fr)}
      .clients-grid{grid-template-columns:repeat(2,1fr)}
      .process-grid{grid-template-columns:repeat(2,1fr)}
      .manifesto{grid-template-columns:1fr}
      .footer-main{grid-template-columns:1fr;justify-items:center;text-align:center}
      .footer-brand-block{justify-content:center}
      footer .footer-socials{justify-content:center}
    }
    @media (max-width:780px){
      .nav-links{
        position:fixed;
        top:74px;
        left:18px;
        right:18px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        background:rgba(5,6,6,.96);
        border:1px solid var(--line);
        backdrop-filter:blur(22px);
        padding:12px;
      }
      .nav-links.open{display:flex}
      .nav-links li a{display:block;padding:16px;border-bottom:1px solid var(--line)}
      .nav-links li:last-child a{border-bottom:0}
      .menu-btn{display:flex}
      .nav .brand{min-width:0;gap:10px}
      .brand-word{font-size:11px}
      .nav .brand-word{max-width:170px;white-space:normal;line-height:1.15;letter-spacing:.02em}
      .nav .brand-full{display:none}
      .nav .brand-short{display:inline}
      .nav .brand-mark{width:164px;height:30px}
      .hero{padding-top:132px;gap:34px}
      .hero-title{max-width:100%;white-space:normal;font-size:clamp(44px,12vw,76px);line-height:.98;letter-spacing:-.035em}
      .hero-brand-stamp{font-size:12px;letter-spacing:.14em}
      .hero-copy{text-align:left;text-align-last:auto;hyphens:manual;line-height:1.72}
      .manifesto{gap:34px}
      .manifesto .section-kicker{margin-bottom:16px}
      .manifesto-hero-lines{min-height:auto;max-width:100%;padding:18px 0}
      .manifesto-line{font-size:clamp(38px,10.2vw,46px);line-height:1.05;white-space:normal;text-wrap:balance}
      .manifesto-line-top{margin-bottom:24px}
      .manifesto-line-bottom{margin-top:24px}
      .manifesto-line-divider{width:min(160px,44%)}
      .manifesto-copy{padding-left:0;padding-top:24px;gap:20px;font-size:16px;line-height:1.75}
      .manifesto-copy::before{
        top:0;
        bottom:auto;
        left:0;
        width:min(170px,46vw);
        height:1px;
      }
      .manifesto-quote{font-size:clamp(22px,6vw,24px);line-height:1.18}
      .manifesto-quote span{display:inline}
      .manifesto-copy p:not(.manifesto-quote){text-align:left;text-align-last:auto;line-height:1.75;hyphens:manual}
      .hero-panel{min-height:440px;border-radius:22px}
      .hero-logo-wrap{inset:40px 18px auto;min-height:180px;border-radius:18px}
      .hero-logo{width:min(82%,285px)}
      .hero-data{grid-template-columns:repeat(2,minmax(0,1fr));left:16px;right:16px;bottom:16px;gap:8px}
      .hero-data div{min-height:88px;padding:13px 12px;border-radius:15px}
      .hero-data strong{font-size:12px}
      .hero-data span{font-size:11.2px;letter-spacing:.01em;line-height:1.15}
      .hero-data small{font-size:9.4px;line-height:1.2}
      #projects .projects-head{margin-bottom:42px}
      #projects .projects-top{gap:0}
      #projects .section-kicker{margin-bottom:18px}
      #projects .projects-title{gap:10px;line-height:1;letter-spacing:-.04em}
      #projects .projects-title-divider{width:min(100%,340px);margin:36px auto 32px}
      #projects .projects-note{max-width:100%;font-size:16px;line-height:1.7}
      #services .services-top{gap:18px;margin-bottom:42px}
      #services .section-kicker{margin-bottom:18px}
      #services .services-title{gap:10px;font-size:clamp(40px,11vw,64px);line-height:1;letter-spacing:-.04em}
      #services .services-title span:first-child{white-space:normal}
      #services .services-title-divider{width:min(100%,340px);margin:26px auto 24px}
      #services .services-note{margin-top:0}
      #clients{padding-top:82px}
      #clients .section-kicker{transform:translateY(-12px);margin-bottom:20px}
      #clients .clients-title{font-size:clamp(40px,11vw,64px);line-height:1;letter-spacing:-.04em;white-space:normal;text-wrap:balance}
      #clients .clients-title-divider{width:min(100%,360px);height:2px;margin:32px auto 28px}
      #clients .clients-note{width:100%;max-width:100%;font-size:16px;line-height:1.72;text-align:left;text-align-last:auto;text-wrap:normal;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;word-break:normal;overflow-wrap:normal}
      #clients .clients-grid{margin-top:44px}
      #process .section-kicker{transform:translateY(-24px);margin-bottom:18px}
      #process .process-title{font-size:clamp(38px,10vw,58px);line-height:1;letter-spacing:-.04em;white-space:normal;text-wrap:balance}
      #process .process-grid{margin-top:48px}
      #process .process-card{min-height:auto}
      .service-grid,.clients-grid,.process-grid{grid-template-columns:1fr}
      .service-grid{grid-auto-rows:auto;gap:14px}
      .service-card{min-height:auto;padding:24px}
      .service-card h3{min-height:0}
      .service-card p{text-align:left;hyphens:manual}
      .service-card::after{opacity:.37;animation-duration:6.8s;filter:drop-shadow(0 0 7px rgba(0,255,200,.24))}
      .service-card:hover::after{opacity:.62;animation-duration:3.8s}
      .socials-grid{grid-template-columns:repeat(2,1fr)}
      #contact.cta{padding-top:56px;padding-bottom:68px}
      #contact .cta-title{font-size:clamp(40px,11vw,64px);line-height:1;letter-spacing:-.045em;white-space:normal;text-wrap:balance}
      #contact .cta-title-divider{width:min(100%,360px);height:2px;margin:30px auto 28px}
      #contact .cta-copy{width:100%;font-size:16px;line-height:1.72;text-align:left;text-align-last:auto;margin-bottom:32px}
      #contact .cta-actions{flex-direction:column;gap:12px;width:100%;margin-bottom:18px}
      #contact .cta-btn{width:min(100%,320px);min-width:0}
      #contact .cta-contact-links{flex-direction:column;gap:10px;width:100%}
      #contact .cta-contact-chip{width:min(100%,320px)}
      #contact .cta-contact-icon{width:16px;height:16px;flex-basis:16px}
      #contact .cta-email-text{font-size:12px}
      .contact-actions{gap:12px}
      .contact-action,
      .contact-card{width:min(100%,340px);min-width:0}
      .contact-row{grid-template-columns:1fr;gap:12px;margin-top:22px;max-width:340px}
      .contact-card{min-height:112px;padding:20px}
      footer{padding:20px 18px 16px}
      .footer-shell{gap:12px}
      .footer-main{gap:14px}
      .footer-brand-block{justify-content:center}
      .footer-wordmark-link{width:170px}
      .footer-wordmark{object-position:center}
      .footer-links{max-width:100%}
      .footer-links a{font-size:9px;letter-spacing:.1em}
      .footer-links li + li::before{margin:0 7px}
      .footer-bottom{padding-top:11px;justify-content:center;text-align:center;gap:14px}
    }
    #projects .projects-top{
      gap:0 !important;
    }
    #projects .section-kicker{
      transform:translateY(-38px);
    }
    #projects .projects-title{
      margin:0 !important;
    }
    #projects .projects-title-divider{
      display:block !important;
      width:min(840px,86%) !important;
      height:2px !important;
      margin:52px auto 48px !important;
      border-radius:999px !important;
      background:linear-gradient(90deg,rgba(0,255,200,0),rgba(0,255,200,.95),rgba(0,255,200,0)) !important;
      box-shadow:0 0 20px rgba(0,255,200,.34) !important;
    }
    #projects .projects-note{
      margin:0 auto !important;
    }
    @media (max-width:780px){
      #projects .section-kicker{
        transform:translateY(-22px);
      }
      #projects .projects-title-divider{
        width:min(100%,340px) !important;
        margin:36px auto 32px !important;
      }
    }

    /* FINAL PROJECTS NO-BORDERS FIX */
    #projects .project-card{
      position:relative !important;
      flex:0 0 auto !important;
      width:min(72vw,420px) !important;
      aspect-ratio:9/11 !important;
      overflow:hidden !important;
      border-radius:26px !important;
      border:1px solid rgba(0,255,200,.18) !important;
      background:#050707 !important;
      box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07) !important;
    }
    #projects .project-image{
      position:absolute !important;
      inset:0 !important;
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      object-position:center center !important;
      display:block !important;
      filter:none !important;
      transform:none !important;
      opacity:1 !important;
      image-rendering:auto !important;
      backface-visibility:hidden !important;
      z-index:0 !important;
    }
    #projects .project-card:hover .project-image{
      transform:none !important;
      filter:none !important;
    }
    #projects .project-rail,
    #projects .project-rail:hover,
    #projects .project-rail-wrap:hover .project-rail{
      animation-play-state:running !important;
    }

    /* FINAL MOBILE ONLY FIX */
    @media (max-width:900px){
      .nav{
        padding:16px 18px;
        min-height:72px;
      }
      .brand{
        min-width:0;
      }
      .brand-mark{
        width:168px;
        height:30px;
      }
      .menu-btn{
        display:inline-flex;
        width:42px;
        height:42px;
        flex:0 0 42px;
        z-index:120;
      }
      .nav-links{
        position:fixed;
        top:76px;
        left:16px;
        right:16px;
        z-index:110;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:0;
        padding:14px;
        border:1px solid rgba(0,255,200,.22);
        border-radius:22px;
        background:
          radial-gradient(circle at 50% 0%,rgba(0,255,200,.12),transparent 58%),
          rgba(5,8,8,.94);
        box-shadow:
          0 24px 70px rgba(0,0,0,.46),
          0 0 42px rgba(0,255,200,.10),
          inset 0 1px 0 rgba(255,255,255,.06);
        backdrop-filter:blur(18px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-10px);
        transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
      }
      .nav-links.open,
      .nav-links.is-open,
      .nav-links.active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
      }
      .nav-links li{
        width:100%;
      }
      .nav-links li a,
      .nav-links a{
        width:100%;
        min-height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0 12px;
        color:rgba(236,255,251,.88);
        font-size:10px;
        letter-spacing:.16em;
        border:0;
        border-radius:14px;
      }
      .nav-links a:hover,
      .nav-links a:focus-visible{
        color:var(--cyan);
        background:rgba(0,255,200,.055);
      }
      .nav-cta{
        margin-top:6px;
        border:1px solid rgba(0,255,200,.36) !important;
      }
    }

    @media (max-width:780px){
      html,
      body{
        overflow-x:hidden;
      }
      body{
        background-attachment:scroll;
      }
      section{
        padding:76px 18px;
      }

      .hero{
        min-height:auto;
        display:flex;
        flex-direction:column;
        gap:34px;
        padding:118px 18px 72px;
      }
      .hero-kicker{
        margin-bottom:20px;
        font-size:11px;
      }
      .hero-kicker span{
        padding:8px 13px;
        letter-spacing:.11em;
      }
      .hero-title{
        max-width:100%;
        white-space:normal;
        text-wrap:balance;
        font-size:clamp(34px,10.2vw,46px);
        line-height:.96;
        letter-spacing:-.052em;
        margin-bottom:22px;
      }
      .hero-brand-stamp{
        font-size:11px;
        margin-bottom:9px;
      }
      .hero-copy{
        max-width:none;
        font-size:14.5px;
        line-height:1.72;
        text-align:justify;
        text-align-last:left;
        hyphens:none;
        -webkit-hyphens:none;
        word-break:normal;
        overflow-wrap:normal;
        margin-bottom:28px;
      }
      .hero-actions{
        width:100%;
        gap:12px;
      }
      .hero-actions .btn{
        flex:1 1 100%;
        min-height:48px;
        padding:14px 18px;
      }
      .hero-panel{
        width:100%;
        min-height:auto;
        display:flex;
        flex-direction:column;
        gap:12px;
        padding:12px 16px 16px;
        border-radius:24px;
      }
      .hero-logo-wrap{
        position:relative;
        inset:auto;
        width:100%;
        min-height:210px;
      }
      .hero-logo{
        width:min(88%,390px);
      }
      .hero-data{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        grid-template-columns:1fr;
        gap:10px;
      }
      .hero-data div{
        min-height:76px;
        padding:12px 14px;
      }
      .hero-data span{
        font-size:12px;
      }
      .hero-data small{
        font-size:10px;
      }

      .section-kicker{
        justify-content:center;
        width:100%;
        font-size:11px;
        letter-spacing:.19em;
        margin-bottom:22px;
      }
      .section-icon{
        width:22px;
        height:22px;
      }
      .section-title,
      .services-title,
      #projects .projects-title,
      #clients .clients-title,
      #process .process-title,
      #contact .cta-title{
        width:100%;
        max-width:100%;
        white-space:normal;
        text-wrap:balance;
        text-align:center;
        font-size:clamp(32px,9.2vw,42px);
        line-height:.98;
        letter-spacing:-.046em;
      }
      .services-title span:first-child,
      #clients .clients-title,
      #process .process-title,
      #contact .cta-title{
        white-space:normal;
      }
      .services-title-divider,
      #projects .projects-title-divider,
      #clients .clients-title-divider,
      #contact .cta-title-divider{
        width:min(330px,88%);
        margin:28px auto 24px;
      }
      #projects .projects-title-divider{
        width:min(330px,88%) !important;
        margin:28px auto 24px !important;
      }

      .section-intro,
      #services .services-note,
      #projects .projects-note,
      #clients .clients-note,
      #contact .cta-copy,
      .manifesto-copy p:not(.manifesto-quote),
      #process .process-card p{
        font-size:14.5px;
        line-height:1.72;
        text-align:justify;
        text-align-last:left;
        hyphens:none;
        -webkit-hyphens:none;
        -ms-hyphens:none;
        word-break:normal;
        overflow-wrap:normal;
      }
      #services .services-note,
      #projects .projects-note,
      #contact .cta-copy{
        max-width:none;
        width:100%;
        text-wrap:normal;
      }

      .manifesto{
        display:flex;
        flex-direction:column;
        gap:34px;
        padding-top:76px;
        padding-bottom:76px;
      }
      .manifesto .section-kicker{
        margin-bottom:22px;
      }
      .manifesto-hero-lines{
        min-height:auto;
        padding:0;
        max-width:100%;
      }
      .manifesto-line{
        white-space:normal;
        text-wrap:balance;
        font-size:clamp(31px,8.6vw,39px);
        line-height:1.02;
      }
      .manifesto-line-top{
        margin-bottom:24px;
      }
      .manifesto-line-bottom{
        margin-top:24px;
      }
      .manifesto-line-divider{
        width:min(210px,60%);
      }
      .manifesto-copy{
        padding:0;
        gap:18px;
      }
      .manifesto-copy::before{
        display:none;
      }
      .manifesto-quote{
        font-size:clamp(23px,6.6vw,30px);
        line-height:1.12;
        text-align:center;
      }

      #services .services-top{
        margin-bottom:44px;
        gap:0;
      }
      #services .section-kicker{
        margin-bottom:24px;
      }
      #services .services-title{
        gap:10px;
      }
      .service-grid{
        grid-template-columns:1fr;
        grid-auto-rows:auto;
        gap:14px;
      }
      .service-card{
        min-height:auto;
        padding:20px;
        border-radius:18px;
      }
      .service-card h3{
        min-height:0;
        font-size:21px;
        margin-bottom:9px;
      }
      .service-card p{
        font-size:14px;
        line-height:1.58;
      }
      .service-num{
        margin-bottom:13px;
      }

      .projects{
        padding-top:76px;
        padding-bottom:72px;
      }
      #projects .projects-head{
        padding-inline:18px;
        margin-bottom:36px;
      }
      #projects .section-kicker{
        margin-bottom:24px;
      }
      #projects .project-rail{
        gap:14px;
        padding:0 14px 10px;
      }
      #projects .project-card{
        width:min(78vw,310px) !important;
        border-radius:22px !important;
      }
      #projects .project-label{
        left:18px;
        right:18px;
        bottom:18px;
        gap:12px;
        flex-direction:column;
        align-items:flex-start;
      }
      #projects .project-label h3{
        font-size:17px;
        line-height:1.05;
      }
      #projects .project-label span{
        font-size:9px;
        letter-spacing:.14em;
      }

      .clients{
        padding-top:76px;
        padding-bottom:76px;
      }
      #clients .section-kicker{
        transform:none;
        margin-bottom:24px;
      }
      #clients .clients-title{
        font-size:clamp(34px,9.2vw,42px);
        white-space:normal;
        text-wrap:balance;
      }
      #clients .clients-note{
        width:100%;
        font-size:14.5px;
        line-height:1.72;
      }
      #clients .clients-grid,
      .clients-grid{
        margin-top:42px;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:1px;
        background:rgba(0,255,200,.12);
        border-color:rgba(0,255,200,.12);
      }
      .client-card{
        min-height:178px;
        padding:16px 12px;
        background:
          radial-gradient(circle at 50% 0%,rgba(0,255,200,.105),transparent 58%),
          linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),
          rgba(5,10,10,.78);
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,.045),
          0 12px 34px rgba(0,0,0,.16);
      }
      .client-logo-stage{
        height:100px;
        padding:6px;
      }
      .client-logo-img{
        max-width:88%;
        max-height:78px;
      }
      .client-meta{
        padding-top:12px;
      }
      .client-meta strong{
        font-size:10px;
        letter-spacing:.065em;
        line-height:1.25;
      }

      #process{
        padding-top:76px;
        padding-bottom:76px;
      }
      #process .section-kicker{
        transform:none;
        margin-bottom:24px;
      }
      #process .process-title{
        white-space:normal;
        text-wrap:balance;
        font-size:clamp(31px,8.6vw,40px);
        line-height:1.02;
        letter-spacing:-.045em;
      }
      #process .process-grid{
        grid-template-columns:1fr;
        gap:14px;
        margin-top:38px;
      }
      #process .process-card{
        min-height:auto;
        padding:22px 20px;
        border-radius:20px;
      }
      #process .process-card strong{
        font-size:11px;
        margin-bottom:18px;
      }
      #process .process-card h3{
        font-size:25px;
        line-height:1.05;
        margin-bottom:10px;
      }
      #process .process-card p{
        font-size:14px;
        line-height:1.68;
      }

      #contact.cta{
        padding-top:68px;
        padding-bottom:72px;
      }
      #contact .cta-title{
        font-size:clamp(33px,9vw,42px);
        white-space:normal;
        text-wrap:balance;
      }
      #contact .cta-copy{
        width:100%;
        font-size:14.5px;
        line-height:1.72;
        margin-bottom:28px;
      }
      #contact .cta-actions{
        width:100%;
        gap:12px;
        margin-bottom:18px;
      }
      #contact .cta-btn{
        width:100%;
        min-width:0;
        min-height:50px;
      }
      #contact .cta-contact-links{
        width:100%;
        gap:10px;
      }
      #contact .cta-contact-chip{
        width:100%;
        min-height:42px;
      }

      footer{
        max-width:100%;
        padding-left:14px;
        padding-right:14px;
      }
      footer .footer-main > nav{
        width:100%;
        min-width:0;
      }
      footer .footer-links,
      .footer-links{
        width:100%;
        display:flex;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
        gap:0;
        white-space:nowrap;
        overflow:visible;
      }
      footer .footer-links li + li::before,
      .footer-links li + li::before{
        margin:0 clamp(3px,1vw,5px);
      }
      footer .footer-links a,
      .footer-links a{
        font-size:clamp(7px,1.85vw,8.5px);
        letter-spacing:.075em;
        white-space:nowrap;
        flex:0 0 auto;
      }
      footer .footer-socials,
      .footer-socials{
        justify-content:center;
        margin-top:20px;
      }
      footer .footer-bottom,
      .footer-bottom{
        text-align:center;
        gap:8px;
      }

      .page,
      section,
      .hero,
      .nav,
      footer{
        max-width:100%;
      }
      img,
      svg{
        max-width:100%;
      }
    }

    @media (max-width:420px){
      #clients .clients-grid,
      .clients-grid{
        grid-template-columns:1fr 1fr;
      }
      .client-card{
        min-height:164px;
      }
      .client-logo-stage{
        height:88px;
      }
      .client-logo-img{
        max-height:68px;
      }
    }

    @media (max-width:380px){
      footer .footer-links li + li::before,
      .footer-links li + li::before{
        margin:0 2px;
      }
      footer .footer-links a,
      .footer-links a{
        font-size:6.8px;
        letter-spacing:.04em;
      }
    }