:root{
      --bg:#06111B;
      --bg2:#081826;
      --text:#F8FBFD;
      --text2:#C2CFDB;
      --muted:#8191A5;
      --yellow:#FFD84A;
      --orange:#FF9F1C;
      --cyan:#49C8F2;
      --cyan2:#A5EEFF;
      --p:0;
      --mx:50vw;
      --my:50vh;
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      color:var(--text);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:
        radial-gradient(1100px 720px at 82% -8%,rgba(73,200,242,.07),transparent 62%),
        radial-gradient(900px 620px at 8% 22%,rgba(255,216,74,.028),transparent 65%),
        #06111B;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    a{color:inherit;text-decoration:none}
    button{font:inherit;color:inherit}
    svg{display:block}

    .nav{
      position:fixed;
      inset:0 0 auto;
      z-index:60;
      height:74px;
      border-bottom:1px solid rgba(255,255,255,.055);
      background:linear-gradient(180deg,rgba(4,10,18,.68),rgba(4,10,18,.12));
      backdrop-filter:blur(18px) saturate(140%);
      -webkit-backdrop-filter:blur(18px) saturate(140%);
    }
    .nav-inner{
      width:min(1240px,calc(100% - 48px));
      height:100%;
      margin:auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:26px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font:800 18px/1 Manrope,sans-serif;
      letter-spacing:-.035em;
    }
    .brand small{color:var(--yellow);font:600 13px/1 Manrope,sans-serif}
    .brand-mark{
      width:38px;height:38px;
      filter:drop-shadow(0 12px 28px rgba(255,159,28,.18));
    }
    .nav-links{display:flex;gap:28px;color:#ABBBCC;font-size:13px}
    .nav-links a:hover{color:#fff}
    .nav-cta{
      min-height:42px;
      padding:0 15px;
      border-radius:12px;
      display:inline-flex;
      align-items:center;
      border:0;
      color:#121821;
      font-weight:700;
      background:linear-gradient(135deg,var(--yellow),var(--orange));
      box-shadow:0 10px 28px rgba(255,159,28,.18);
    }

    .hero-scroll{
      position:relative;
      height:440vh;
    }
    .hero-pin{
      position:sticky;
      top:0;
      height:100svh;
      min-height:100svh;
      overflow:hidden;
      isolation:isolate;
      background:
        radial-gradient(1000px 700px at 15% 35%,rgba(255,216,74,.02),transparent 62%),
        radial-gradient(900px 650px at 84% 28%,rgba(73,200,242,.04),transparent 60%);
    }

    #webgl{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      z-index:0;
    }
    .veil{
      position:absolute;
      inset:0;
      z-index:1;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(4,11,18,.95) 0%,rgba(4,11,18,.80) 32%,rgba(4,11,18,.22) 60%,rgba(4,11,18,.28) 100%),
        linear-gradient(180deg,rgba(4,10,17,.18),rgba(4,10,17,.05) 55%,rgba(4,10,17,.32));
    }
    .giant-word{
      position:absolute;
      z-index:1;
      right:-1vw;
      bottom:-4vh;
      font:800 clamp(120px,18vw,320px)/.78 Manrope,sans-serif;
      letter-spacing:-.09em;
      color:rgba(255,255,255,.017);
      user-select:none;
      pointer-events:none;
      white-space:nowrap;
      transform:translateX(calc(var(--p) * -5vw));
    }

    .hero-content{
      position:relative;
      z-index:5;
      width:min(1240px,calc(100% - 48px));
      height:100svh;
      min-height:100svh;
      margin:auto;
    }

    .service-rail{
      position:absolute;
      left:0;
      top:112px;
      display:grid;
      gap:8px;
      z-index:10;
    }
    .rail-item{
      display:flex;
      align-items:center;
      gap:10px;
      color:#95A7BA;
      font-size:11px;
      font-weight:700;
      letter-spacing:.11em;
      text-transform:uppercase;
      transition:color .25s ease,transform .25s ease;
    }
    .rail-item i{
      width:24px;height:1px;background:rgba(255,255,255,.18);
      transition:width .25s ease,background .25s ease;
    }
    .rail-item.active{
      color:#fff;
      transform:translateX(6px);
    }
    .rail-item.active i{
      width:36px;
      background:linear-gradient(90deg,var(--yellow),var(--cyan));
    }

    .phase{
      position:absolute;
      z-index:9;
      left:0;
      top:50%;
      bottom:auto;
      width:min(760px,60vw);
      display:grid;
      gap:20px;
      opacity:0;
      transform:translateY(34px) scale(.985);
      pointer-events:none;
      will-change:opacity,transform;
    }
    .phase-tag{
      display:inline-flex;
      align-items:center;
      gap:10px;
      width:max-content;
      min-height:34px;
      padding:0 11px;
      border-radius:10px;
      color:#FFE69A;
      font-size:11px;
      font-weight:700;
      letter-spacing:.10em;
      text-transform:uppercase;
      background:rgba(255,216,74,.055);
      border:1px solid rgba(255,216,74,.12);
      backdrop-filter:blur(10px);
    }
    .phase-tag i{
      width:7px;height:7px;border-radius:50%;
      background:var(--yellow);
      box-shadow:0 0 0 5px rgba(255,216,74,.06);
    }
    .phase h1{
      margin:0;
      font:800 clamp(52px,6.25vw,84px)/.96 Manrope,sans-serif;
      letter-spacing:-.064em;
      max-width:760px;
      text-wrap:balance;
    }
    .phase h1 .warm{
      background:linear-gradient(90deg,#FFF5C5 0%,var(--yellow) 48%,var(--orange) 100%);
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }
    .phase h1 .cold{
      background:linear-gradient(90deg,#EAF8FF 0%,var(--cyan2) 50%,var(--cyan) 100%);
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }
    .phase p{
      margin:0;
      max-width:620px;
      color:var(--text2);
      font-size:18px;
      line-height:1.65;
    }
    .phase-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:4px;
      pointer-events:auto;
    }

    .btn{
      min-height:54px;
      padding:0 22px;
      border-radius:15px;
      border:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      cursor:pointer;
      font-weight:700;
      transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
    }
    .btn-primary{
      color:#111820;
      background:linear-gradient(135deg,var(--yellow),#FFC74B 48%,var(--orange));
      box-shadow:0 16px 38px rgba(255,159,28,.22),inset 0 1px 0 rgba(255,255,255,.38);
    }
    .btn-primary:hover{
      transform:translateY(-2px);
      box-shadow:0 22px 54px rgba(255,159,28,.28);
    }
    .btn-secondary{
      color:#F7FBFE;
      background:rgba(255,255,255,.045);
      border:1px solid rgba(255,255,255,.10);
      backdrop-filter:blur(14px) saturate(140%);
      -webkit-backdrop-filter:blur(14px) saturate(140%);
    }

    .glass{
      position:absolute;
      z-index:8;
      right:1vw;
      top:50%;
      width:min(530px,42vw);
      min-height:500px;
      padding:24px;
      border-radius:38px;
      overflow:hidden;
      background:
        linear-gradient(180deg,rgba(255,255,255,.145),rgba(255,255,255,.03)),
        linear-gradient(145deg,rgba(11,31,49,.62),rgba(4,12,20,.28));
      border:1px solid rgba(255,255,255,.105);
      backdrop-filter:blur(30px) saturate(172%);
      -webkit-backdrop-filter:blur(30px) saturate(172%);
      box-shadow:
        0 34px 100px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(255,255,255,.035);
      transform:
        translateY(-50%)
        translateX(calc((.5 - var(--p)) * 16px))
        rotateY(calc(-8deg + var(--p) * 4deg))
        rotateX(2deg);
      transform-style:preserve-3d;
      perspective:1200px;
    }
    .glass::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      background:
        radial-gradient(360px circle at var(--lx,76%) var(--ly,20%),rgba(255,255,255,.30),transparent 31%),
        linear-gradient(180deg,rgba(255,255,255,.09),transparent 37%);
      opacity:.82;
    }
    .glass::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      box-shadow:
        inset 1px 0 0 rgba(73,200,242,.08),
        inset -1px 0 0 rgba(255,216,74,.07),
        inset 0 1px 0 rgba(255,255,255,.12);
      opacity:.9;
    }

    .glass-head{
      position:relative;
      z-index:2;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
    }
    .glass-head b{font:700 14px/1 Manrope,sans-serif}
    .glass-status{
      min-height:30px;
      padding:0 9px;
      border-radius:9px;
      display:inline-flex;
      align-items:center;
      background:rgba(73,200,242,.07);
      border:1px solid rgba(73,200,242,.14);
      color:#A8EDFF;
      font-size:9px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .screen-wrap{
      position:relative;
      height:386px;
      margin-top:20px;
      border-radius:28px;
      overflow:hidden;
      background:rgba(2,8,14,.34);
      border:1px solid rgba(255,255,255,.06);
      z-index:2;
    }
    .screen{
      position:absolute;
      inset:0;
      padding:20px;
      opacity:0;
      transform:scale(.985) translateY(10px);
      will-change:opacity,transform;
    }

    /* Intro screen */
    .overview-screen{
      background:
        radial-gradient(circle at 80% 18%,rgba(73,200,242,.15),transparent 26%),
        linear-gradient(160deg,rgba(13,35,54,.75),rgba(5,14,24,.32));
    }
    .overview-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
    }
    .overview-label{
      color:#CFE0ED;
      font-size:10px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .overview-pill{
      min-height:28px;
      padding:0 9px;
      border-radius:9px;
      display:inline-flex;
      align-items:center;
      background:rgba(255,216,74,.06);
      border:1px solid rgba(255,216,74,.12);
      color:#FFE69A;
      font-size:9px;
      font-weight:700;
      text-transform:uppercase;
    }
    .overview-title{
      margin-top:22px;
      font:800 32px/1.02 Manrope,sans-serif;
      letter-spacing:-.045em;
      max-width:330px;
    }
    .overview-copy{
      margin-top:10px;
      color:#92A4B7;
      font-size:13px;
      line-height:1.58;
      max-width:330px;
    }
    .overview-grid{
      margin-top:22px;
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:14px;
      align-items:stretch;
    }
    .overview-core{
      padding:16px;
      border-radius:20px;
      background:rgba(255,255,255,.028);
      border:1px solid rgba(255,255,255,.055);
      display:grid;
      align-content:space-between;
      gap:16px;
      min-height:190px;
    }
    .overview-core b{
      font:700 14px/1.2 Manrope,sans-serif;
      letter-spacing:-.03em;
    }
    .overview-kpis{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:8px;
    }
    .overview-kpis i{
      display:grid;
      place-items:center;
      min-height:52px;
      border-radius:12px;
      background:rgba(255,255,255,.028);
      border:1px solid rgba(255,255,255,.05);
      color:#C3D1DD;
      font-style:normal;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.05em;
      font-weight:700;
    }
    .overview-cards{
      display:grid;
      gap:10px;
    }
    .overview-card{
      padding:14px;
      border-radius:16px;
      background:rgba(255,255,255,.028);
      border:1px solid rgba(255,255,255,.055);
    }
    .overview-card b{
      display:block;
      font-size:13px;
      margin-bottom:5px;
    }
    .overview-card span{
      display:block;
      color:#8698AC;
      font-size:11px;
      line-height:1.5;
    }

    /* Website screen */
    .browser-top{
      display:flex;align-items:center;gap:7px;height:34px;margin:-20px -20px 18px;padding:0 14px;
      border-bottom:1px solid rgba(255,255,255,.06);background:rgba(2,8,14,.30);
    }
    .dot{width:7px;height:7px;border-radius:50%;background:#5A6777}
    .dot.red{background:#FF716E}.dot.yellow{background:#FFD16C}.dot.green{background:#67E094}
    .web-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:18px;align-items:center}
    .web-title{height:22px;border-radius:7px;background:#EEF5FB;margin-bottom:10px}
    .web-title.short{width:72%}
    .web-line{height:7px;border-radius:5px;background:#59687B;margin-top:8px}
    .web-line.a{width:84%}.web-line.b{width:63%}
    .web-btn{width:112px;height:34px;border-radius:10px;margin-top:18px;background:linear-gradient(135deg,var(--yellow),var(--orange))}
    .web-art{
      height:210px;border-radius:18px;
      background:
        radial-gradient(circle at 74% 20%,rgba(73,200,242,.44),transparent 25%),
        radial-gradient(circle at 26% 76%,rgba(255,216,74,.14),transparent 28%),
        linear-gradient(145deg,#163149,#0B1722);
      border:1px solid rgba(255,255,255,.065);
    }
    .web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
    .web-cards i{height:60px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}

    /* Ads screen */
    .ads-labels{display:flex;gap:7px;flex-wrap:wrap}
    .ads-labels span{
      padding:6px 9px;border-radius:9px;background:rgba(73,200,242,.055);border:1px solid rgba(73,200,242,.12);
      color:#A8E9FF;font-size:9px;font-weight:700;
    }
    .ads-title{margin-top:20px;font:700 26px/1 Manrope,sans-serif;letter-spacing:-.04em}
    .ads-chart{
      height:168px;margin-top:18px;border-radius:18px;position:relative;overflow:hidden;
      border:1px solid rgba(255,255,255,.055);
      background:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:32px 26px;
    }
    .ads-chart svg{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
    .ads-path{stroke-dasharray:410;stroke-dashoffset:calc(410 - 410 * var(--p))}
    .ads-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
    .ads-kpi{padding:12px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
    .ads-kpi b{display:block;font:700 14px/1 Manrope,sans-serif}.ads-kpi span{display:block;margin-top:5px;color:#78889B;font-size:8px;text-transform:uppercase}

    /* IG screen */
    .ig-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
    .ig-profile{display:flex;align-items:center;gap:10px}
    .avatar{
      width:42px;height:42px;border-radius:14px;
      background:linear-gradient(135deg,rgba(255,216,74,.16),rgba(73,200,242,.16));
      border:1px solid rgba(255,255,255,.08);
    }
    .ig-profile b{display:block;font-size:13px}.ig-profile span{display:block;margin-top:3px;color:#8192A6;font-size:10px}
    .ig-badge{
      min-height:28px;padding:0 9px;border-radius:9px;display:inline-flex;align-items:center;
      background:rgba(255,216,74,.06);border:1px solid rgba(255,216,74,.13);color:#FFE79A;font-size:9px;font-weight:700;text-transform:uppercase
    }
    .ig-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px}
    .phone{
      min-height:260px;padding:10px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
    }
    .phone-screen{
      height:100%;border-radius:16px;padding:13px;
      background:
        radial-gradient(circle at 76% 16%,rgba(73,200,242,.22),transparent 24%),
        linear-gradient(160deg,#10273B,#091724);
      border:1px solid rgba(255,255,255,.055);
    }
    .story{height:10px;width:62%;border-radius:5px;background:#EEF5FC;box-shadow:0 28px 0 #9CABBD,0 56px 0 #5D6E83}
    .reel{height:90px;margin-top:96px;border-radius:14px;background:linear-gradient(145deg,rgba(255,216,74,.12),rgba(73,200,242,.18));border:1px solid rgba(255,255,255,.06)}
    .ig-side{display:grid;gap:10px}
    .ig-stat{padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
    .ig-stat b{display:block;font:700 22px/1 Manrope,sans-serif}.ig-stat span{display:block;margin-top:6px;color:#78899C;font-size:9px;text-transform:uppercase}
    .ig-mini-bars{height:108px;display:flex;align-items:flex-end;gap:6px;padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
    .ig-mini-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--cyan),rgba(255,159,28,.7))}
    .ig-mini-bars i:nth-child(1){height:38%}.ig-mini-bars i:nth-child(2){height:54%}.ig-mini-bars i:nth-child(3){height:46%}.ig-mini-bars i:nth-child(4){height:82%}.ig-mini-bars i:nth-child(5){height:68%}

    .scroll-meter{
      position:absolute;
      left:0;
      bottom:28px;
      z-index:10;
      display:flex;
      align-items:center;
      gap:12px;
      color:#6F8196;
      font-size:10px;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .meter-track{
      width:180px;
      height:4px;
      border-radius:99px;
      background:rgba(255,255,255,.06);
      overflow:hidden;
    }
    .meter-track i{
      display:block;
      height:100%;
      width:calc(var(--p) * 100%);
      border-radius:99px;
      background:linear-gradient(90deg,var(--yellow),var(--cyan));
    }

    .lens-cursor{
      position:fixed;
      left:0;top:0;
      z-index:100;
      width:54px;height:54px;
      border-radius:50%;
      pointer-events:none;
      transform:translate3d(calc(var(--mx) - 50%),calc(var(--my) - 50%),0);
      background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.26),rgba(255,255,255,.06) 30%,rgba(73,200,242,.04) 55%,transparent 72%);
      border:1px solid rgba(255,255,255,.14);
      box-shadow:
        inset 1px 0 0 rgba(73,200,242,.18),
        inset -1px 0 0 rgba(255,216,74,.14),
        0 12px 30px rgba(0,0,0,.18);
      backdrop-filter:blur(5px) saturate(180%);
      -webkit-backdrop-filter:blur(5px) saturate(180%);
      transition:width .22s ease,height .22s ease,border-color .22s ease;
      mix-blend-mode:screen;
    }
    .lens-cursor.active{
      width:92px;
      height:92px;
      border-color:rgba(255,255,255,.20);
    }

    .after{
      min-height:72vh;
      display:grid;
      place-items:center;
      padding:120px 24px;
      border-top:1px solid rgba(255,255,255,.055);
      background:linear-gradient(180deg,#06111B,#081522);
      position:relative;
      z-index:5;
    }
    .after h2{
      margin:0;
      max-width:940px;
      text-align:center;
      font:800 clamp(42px,6vw,76px)/1 Manrope,sans-serif;
      letter-spacing:-.055em;
      color:#EAF1F7;
    }


    @media(min-width:1440px){
      .hero-content{
        width:min(1320px,calc(100% - 72px));
      }
      .phase{
        width:min(760px,52vw);
        top:50%;
        bottom:auto;
      }
      .glass{
        right:0;
        width:min(520px,38vw);
        top:50%;
      }
      .service-rail{top:110px}
    }

    @media(min-width:1800px){
      .hero-content{
        width:min(1460px,calc(100% - 96px));
      }
      .phase{
        width:min(820px,50vw);
      }
      .glass{
        width:min(560px,36vw);
      }
    }

    /* Tablet: animation remains С 2016 года. */
    @media(max-width:1020px){
      .nav-links{display:none}
      .hero-scroll{height:430vh}
      .hero-pin{
        position:sticky;
        top:0;
        height:100svh;
        min-height:100svh;
        padding:0;
      }
      #webgl{opacity:.62}
      .veil{
        background:
          linear-gradient(90deg,rgba(4,11,18,.93) 0%,rgba(4,11,18,.76) 43%,rgba(4,11,18,.26) 72%,rgba(4,11,18,.38) 100%),
          linear-gradient(180deg,rgba(4,11,18,.14),rgba(4,11,18,.24));
      }
      .hero-content{
        width:min(940px,calc(100% - 36px));
        height:100svh;
        min-height:100svh;
      }
      .service-rail{
        top:94px;
        left:0;
        display:flex;
        gap:14px;
        flex-wrap:wrap;
        max-width:92%;
      }
      .rail-item{
        font-size:9px;
        letter-spacing:.08em;
      }
      .rail-item i{width:16px}
      .rail-item.active i{width:24px}

      .phase{
        left:0;
        top:50%;
        bottom:auto;
        width:49%;
        gap:14px;
      }
      .phase h1{
        font-size:clamp(38px,5.5vw,58px);
        line-height:.98;
        letter-spacing:-.055em;
      }
      .phase p{
        max-width:520px;
        font-size:15px;
        line-height:1.55;
      }
      .phase-actions{
        gap:9px;
        margin-top:0;
      }
      .btn{
        min-height:46px;
        padding:0 15px;
        border-radius:13px;
        font-size:13px;
      }

      .glass{
        right:0;
        top:50%;
        width:46%;
        min-height:420px;
        padding:18px;
        border-radius:30px;
        transform:
          translateY(-50%)
          translateX(calc((.5 - var(--p)) * 8px))
          rotateY(calc(-4deg + var(--p) * 2deg))
          rotateX(1deg);
      }
      .screen-wrap{
        height:326px;
        margin-top:16px;
        border-radius:22px;
      }
      .screen{padding:15px}

      .overview-title{font-size:27px}
      .overview-copy{font-size:11px}
      .overview-grid{gap:9px;margin-top:15px}
      .overview-core{padding:11px;min-height:150px}
      .overview-card{padding:10px}
      .overview-card b{font-size:11px}
      .overview-card span{font-size:9px}
      .overview-kpis{gap:5px}
      .overview-kpis i{min-height:42px;font-size:8px}

      .browser-top{margin:-15px -15px 14px}
      .web-grid{gap:10px}
      .web-art{height:170px}
      .web-cards{gap:6px;margin-top:12px}
      .web-cards i{height:46px}

      .ads-title{font-size:22px}
      .ads-chart{height:140px;margin-top:13px}
      .ads-kpis{gap:6px;margin-top:10px}
      .ads-kpi{padding:9px}

      .ig-grid{gap:8px}
      .phone{min-height:210px}
      .ig-mini-bars{height:88px;padding:10px}
      .scroll-meter{bottom:18px}
    }

    /* Mobile: same 4-slide scroll animation, stacked inside one viewport. */
    @media(max-width:680px){
      .nav{height:64px}
      .nav-inner{width:calc(100% - 26px)}
      .brand{font-size:16px}
      .brand-mark{width:34px;height:34px}
      .brand small{font-size:11px}
      .nav-cta{display:none}

      .hero-scroll{height:470vh}
      .hero-pin{
        position:sticky;
        top:0;
        height:100svh;
        min-height:100svh;
        padding:0;
      }
      #webgl{opacity:.38}
      .veil{
        background:
          linear-gradient(180deg,rgba(4,11,18,.76) 0%,rgba(4,11,18,.70) 45%,rgba(4,11,18,.88) 100%),
          radial-gradient(80% 55% at 68% 35%,rgba(73,200,242,.03),transparent 70%);
      }
      .giant-word{
        bottom:-1vh;
        right:-24vw;
        font-size:32vw;
        opacity:.75;
      }

      .hero-content{
        width:calc(100% - 28px);
        height:100svh;
        min-height:100svh;
      }
      .service-rail{
        top:78px;
        left:0;
        right:0;
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:5px;
        max-width:none;
      }
      .rail-item{
        display:grid;
        justify-items:start;
        gap:5px;
        font-size:7px;
        letter-spacing:.04em;
        line-height:1.25;
      }
      .rail-item i{width:20px}
      .rail-item.active{
        transform:none;
        color:#fff;
      }
      .rail-item.active i{width:100%;max-width:34px}

      .phase{
        left:0;
        top:126px;
        bottom:auto;
        width:100%;
        gap:10px;
      }
      .phase-tag{
        min-height:28px;
        padding:0 8px;
        font-size:8px;
        border-radius:9px;
      }
      .phase h1{
        max-width:100%;
        font-size:clamp(31px,9.7vw,43px);
        line-height:.98;
        letter-spacing:-.052em;
      }
      .phase p{
        max-width:100%;
        font-size:12.5px;
        line-height:1.48;
      }
      .phase-actions{
        display:flex;
        gap:7px;
        flex-wrap:nowrap;
      }
      .btn{
        min-height:40px;
        padding:0 11px;
        border-radius:11px;
        font-size:11px;
      }

      .glass{
        left:0;
        right:0;
        top:auto;
        bottom:40px;
        width:100%;
        min-height:0;
        height:300px;
        padding:12px;
        border-radius:24px;
        transform:
          translateY(calc((.5 - var(--p)) * 4px))
          scale(calc(.985 + var(--p) * .015));
      }
      .glass-head b{font-size:11px}
      .glass-status{
        min-height:24px;
        padding:0 7px;
        font-size:7px;
      }
      .screen-wrap{
        height:244px;
        margin-top:10px;
        border-radius:18px;
      }
      .screen{padding:11px}

      .overview-top{gap:8px}
      .overview-label{font-size:7px}
      .overview-pill{display:none}
      .overview-title{margin-top:11px;font-size:23px}
      .overview-copy{
        margin-top:6px;
        font-size:9px;
        line-height:1.38;
      }
      .overview-grid{
        grid-template-columns:.9fr 1.1fr;
        gap:7px;
        margin-top:10px;
      }
      .overview-core{
        min-height:123px;
        padding:8px;
        gap:8px;
        border-radius:14px;
      }
      .overview-core b{font-size:9px}
      .overview-kpis{
        grid-template-columns:1fr;
        gap:4px;
      }
      .overview-kpis i{
        min-height:27px;
        font-size:7px;
        border-radius:8px;
      }
      .overview-cards{gap:5px}
      .overview-card{
        padding:7px;
        border-radius:11px;
      }
      .overview-card b{font-size:8px;margin-bottom:2px}
      .overview-card span{font-size:7px;line-height:1.3}

      .browser-top{
        height:26px;
        margin:-11px -11px 10px;
        padding:0 9px;
      }
      .web-grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
      }
      .web-title{height:13px;margin-bottom:6px}
      .web-line{height:5px;margin-top:5px}
      .web-btn{width:74px;height:24px;margin-top:10px;border-radius:8px}
      .web-art{height:112px}
      .web-cards{gap:5px;margin-top:8px}
      .web-cards i{height:34px}

      .ads-labels{gap:4px}
      .ads-labels span{padding:4px 6px;font-size:7px}
      .ads-title{font-size:17px;margin-top:10px}
      .ads-chart{height:106px;margin-top:9px}
      .ads-kpis{gap:5px;margin-top:7px}
      .ads-kpi{padding:7px}
      .ads-kpi b{font-size:10px}
      .ads-kpi span{font-size:6px}

      .ig-top{margin-bottom:8px}
      .avatar{width:30px;height:30px;border-radius:10px}
      .ig-profile b{font-size:9px}
      .ig-profile span{font-size:7px}
      .ig-badge{min-height:22px;padding:0 6px;font-size:6px}
      .ig-grid{grid-template-columns:1.05fr .95fr;gap:6px}
      .phone{min-height:174px;padding:6px;border-radius:16px}
      .phone-screen{padding:8px;border-radius:12px}
      .story{
        height:7px;
        box-shadow:0 20px 0 #9CABBD,0 40px 0 #5D6E83;
      }
      .reel{height:60px;margin-top:67px}
      .ig-stat{padding:8px;border-radius:11px}
      .ig-stat b{font-size:13px}
      .ig-stat span{font-size:6px}
      .ig-mini-bars{height:70px;padding:8px;gap:4px;border-radius:11px}

      .scroll-meter{
        left:auto;
        right:0;
        bottom:14px;
        gap:7px;
        font-size:7px;
      }
      .meter-track{width:86px;height:3px}
      .lens-cursor{display:none}
    }

    @media(max-width:390px){
      .phase{top:120px}
      .phase h1{font-size:30px}
      .phase p{font-size:11.5px}
      .glass{height:286px;bottom:34px}
      .screen-wrap{height:232px}
      .btn{padding:0 9px;font-size:10px}
    }


    /* Safe initial state: content is visible before JS paints the first frame. */
    .phase[data-phase="0"]{opacity:1}
    .screen[data-screen="0"]{opacity:1}

    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
    }
  
/* Traffic PRO — liquid optics and responsive composition */
.nav{height:94px;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:18px;pointer-events:none}
.nav-inner{position:relative;isolation:isolate;pointer-events:auto;width:min(1320px,calc(100% - 56px));height:62px;padding:0 18px;border-radius:22px;background:rgba(10,25,40,.72);border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff30,0 12px 40px #0003;backdrop-filter:blur(18px)}
.nav-links{font-size:14px;gap:26px}.brand{font-size:17px}.nav-cta{font-size:14px;gap:16px;border-radius:14px}
.hero-content{width:min(1320px,calc(100% - 72px))}.hero-pin{background:radial-gradient(ellipse at 77% 53%,#145d7826,transparent 55%)}
.veil{background:linear-gradient(90deg,#040b12e8 0%,#040b12b3 36%,#040b1222 70%,#040b1214),linear-gradient(0deg,#040b1288,transparent 45%)}
.phase{width:49%;gap:24px;transform:translateY(-50%)}
.phase h1{font-size:clamp(46px,4.6vw,69px);line-height:1.06;letter-spacing:-.052em;text-wrap:initial}
.phase p{font-size:17px;line-height:1.65;max-width:510px;color:#bbc9d8}.phase-tag{font-size:12px;font-weight:600;letter-spacing:.055em;background:none;border:0;padding:0}
.phase-actions{pointer-events:inherit;gap:12px}.btn{font-size:14px;min-height:52px;font-weight:600;border-radius:16px;position:relative;isolation:isolate;overflow:hidden;translate:var(--pull-x,0) var(--pull-y,0);transition:translate .35s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.btn-primary{background:linear-gradient(120deg,#ffe77b,#ffca48 65%,#ffa62f);box-shadow:inset 0 1px 1px #fff9,0 8px 30px #ffb92c25}
.btn-secondary{background:#ffffff08;border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff22;backdrop-filter:blur(9px)}
.glass{width:44%;right:0;min-height:490px;padding:24px;background:linear-gradient(125deg,#bddfff14,#14375118 55%,#ffffff04);border:1px solid #d6f0ff35;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 32px 100px #0005,inset 1px 1px 1px #ffffff55,inset -1px -1px 1px #76dfff28;transform:translateY(-50%) perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.glass::before{z-index:1;opacity:1;background:radial-gradient(380px circle at var(--lx,80%) var(--ly,10%),#d9f5ff26,transparent 65%),linear-gradient(130deg,#ffffff0a,transparent 40%,#84deff08)}
.glass::after{z-index:4;border:1px solid transparent;background:radial-gradient(240px circle at var(--lx,80%) var(--ly,10%),#f0fbffcc,#b4eaff08 75%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;box-shadow:none}
.liquid-optics{position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;backdrop-filter:blur(12px) saturate(155%);-webkit-backdrop-filter:blur(12px) saturate(155%)}
.glass>.liquid-optics{z-index:0}.glass-head b{font-size:14px;font-weight:600}.glass-status{font-size:12px;letter-spacing:0;text-transform:none;background:#aee9ff09;border-color:#aee9ff24}
.screen-wrap{background:#06132055;border-color:#d4f1ff12;height:380px;border-radius:24px}.screen{pointer-events:none}.screen[aria-hidden="false"]{pointer-events:auto}
.overview-screen{background:linear-gradient(140deg,#18557924,transparent)}.overview-label{font-size:12px;letter-spacing:.03em;font-weight:500;color:#a8bfd0}.overview-title{font-size:38px;line-height:1.05;margin-top:15px}.overview-copy{font-size:14px;max-width:330px;color:#a9bfce}.overview-pill{font-size:12px;text-transform:none}.overview-grid{margin-top:20px;grid-template-columns:.78fr 1.22fr;gap:12px}.overview-core{padding:14px;min-height:150px;border-radius:18px;background:#ffffff04}.overview-core b{font-size:14px;line-height:1.5}.overview-kpis{gap:4px}.overview-kpis i{font-size:12px;min-height:42px;letter-spacing:0}.overview-cards{gap:8px}.overview-card{position:relative;padding:10px 12px;background:linear-gradient(125deg,#c5efff0b,#ffffff03);border-color:#d4efff1c;box-shadow:inset 0 1px 0 #ffffff12;transition:background .3s,translate .4s;translate:var(--pull-x,0) var(--pull-y,0)}.overview-card b{font-size:12px;margin-bottom:4px}.overview-card span{font-size:12px;line-height:1.35;color:#a0b4c6}
.service-rail{top:auto;bottom:40px;display:flex;gap:5px;padding:6px;border:1px solid #ffffff20;border-radius:18px;background:#b5e9ff08;backdrop-filter:blur(12px)}
.rail-item{position:relative;isolation:isolate;border:0;cursor:pointer;background:transparent;color:#98acbe;text-transform:none;font:500 14px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;padding:12px 16px;min-height:44px;border-radius:12px;transition:background .3s,color .3s;transform:none!important}.rail-item i{display:none}.rail-item.active{color:#f7fbff;background:linear-gradient(130deg,#ffffff23,#ffffff09);box-shadow:inset 0 1px 0 #ffffff40,0 3px 12px #0002}.rail-item:hover{color:white;background:#ffffff12}
.scroll-meter{left:auto;right:0;bottom:62px;font-size:12px;letter-spacing:.02em;text-transform:none;color:#9eafbf}.meter-track{width:88px;height:2px}
.lens-cursor{opacity:0;width:28px;height:28px;background:radial-gradient(circle at 25% 18%,#ffffff38,transparent 58%);border:1px solid #e6f8ff70;box-shadow:inset 1px 1px 2px #ffffff55,inset -1px -1px 1px #65dbff40,0 6px 20px #0002;mix-blend-mode:normal;backdrop-filter:blur(1px) saturate(150%);transition:opacity .2s;border-radius:50%;will-change:transform,width,height}
.lens-cursor.active{border-color:#ecfaff99}.lens-cursor.visible{opacity:1}
:focus-visible{outline:2px solid #9eeaff;outline-offset:5px}.after{text-align:center;min-height:45vh;padding:95px 24px}.after p{font-size:12px;letter-spacing:.18em;color:#9caebe;margin-bottom:24px}.after h2{font-size:clamp(36px,5vw,60px);margin-bottom:32px}.after .btn{margin:auto}
.ads-labels span{font-size:12px}.ads-kpi span,.ig-stat span,.ig-profile span{font-size:12px}.ig-profile b{font-size:14px}.ig-badge{font-size:12px}
@media(min-width:1800px){.hero-content,.nav-inner{width:min(1460px,calc(100% - 96px))}.phase{width:49%}.phase h1{font-size:76px}.glass{width:43%;min-height:510px}.screen-wrap{height:404px}}
@media(min-width:681px) and (max-height:760px){.phase h1{font-size:clamp(36px,4vw,58px)}.phase{gap:16px;top:49%}.glass{min-height:410px;top:49%;padding:18px}.screen-wrap{height:320px}.overview-title{font-size:28px;margin-top:10px}.overview-copy{font-size:12px}.overview-grid{margin-top:12px}.overview-core{min-height:130px}.overview-card{padding:8px}.service-rail{bottom:22px}.scroll-meter{bottom:44px}}
@media(max-width:1020px){.nav-links{display:none}.hero-content{width:calc(100% - 40px)}.phase{width:48%;gap:18px}.phase h1{font-size:clamp(35px,4.7vw,49px)}.phase p{font-size:16px}.glass{width:47%;padding:18px;min-height:460px}.screen-wrap{height:372px}.overview-title{font-size:30px}.overview-grid{grid-template-columns:1fr}.overview-core{display:none}.overview-copy{font-size:14px}.overview-card b,.overview-card span{font-size:12px}.overview-card{padding:10px}.phase-actions{flex-wrap:wrap}.btn{padding:0 15px}.scroll-meter{font-size:12px}.meter-track{width:50px}.rail-item{padding:10px 12px}}
@media(max-width:680px){.nav{height:72px;padding-top:10px}.nav-inner{width:calc(100% - 24px);height:52px;padding:0 12px;border-radius:17px}.nav-cta{display:inline-flex;min-height:34px;font-size:12px;padding:0 10px;gap:6px}.nav-cta span{display:none}.brand{gap:6px;font-size:14px}.brand small{font-size:10px}.brand-mark{width:27px;height:27px}.hero-content{width:calc(100% - 32px)}.hero-scroll{height:420svh}.phase{top:99px;width:100%;gap:12px;transform:none}.phase h1{font-size:clamp(29px,8vw,39px);line-height:1.04;max-width:480px}.phase p{font-size:16px;line-height:1.45;max-width:480px}.phase-tag{font-size:12px;min-height:20px;letter-spacing:.02em}.phase-actions{flex-wrap:nowrap;gap:8px}.btn{font-size:12px;min-height:44px;padding:0 12px;border-radius:13px}.glass{left:0;right:0;top:auto;bottom:91px;width:100%;height:clamp(205px,31svh,290px);min-height:0;padding:12px;border-radius:24px;transform:none}.glass-head b{font-size:12px}.glass-status{font-size:12px;min-height:24px}.screen-wrap{height:calc(100% - 34px);margin-top:10px;border-radius:15px}.screen{padding:12px}.overview-label{font-size:12px}.overview-title{font-size:26px;line-height:1.08;margin-top:12px}.overview-copy{font-size:12px;line-height:1.4;margin-top:10px;max-width:160px}.overview-top{width:47%}.overview-grid{position:absolute;left:49%;right:12px;top:12px;margin:0;display:block}.overview-cards{gap:8px}.overview-card{padding:8px;border-radius:12px}.overview-card b{font-size:12px;line-height:1.3;margin:0}.overview-card span{display:none}.overview-pill{display:none}.service-rail{left:0;right:0;top:auto;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;gap:3px;border-radius:16px}.rail-item{display:flex;justify-content:center;font-size:12px;padding:10px 6px;min-height:42px}.scroll-meter{display:none}.lens-cursor{display:none}.ads-title{font-size:20px;margin-top:10px}.ads-labels span{font-size:12px;padding:3px 6px}.ads-chart{height:75px;margin-top:8px}.ads-kpis{margin-top:7px}.ads-kpi{padding:7px}.ads-kpi b,.ads-kpi span{font-size:12px}.ig-stat b,.ig-stat span,.ig-profile b,.ig-profile span{font-size:12px}.ig-badge{display:none}.ig-top{margin-bottom:8px}.phone{min-height:145px}.ig-stat{padding:8px}.ig-mini-bars{height:42px}.ig-grid{gap:9px}.reel{margin-top:48px;height:42px}.after{padding:70px 20px}}
@media(max-width:680px) and (max-height:740px){.phase{top:86px;gap:9px}.phase h1{font-size:clamp(27px,7.4vw,34px)}.phase p{font-size:14px;line-height:1.45}.glass{height:180px;bottom:83px}.overview-title{font-size:22px}.overview-copy{display:none}.overview-label{font-size:12px}.overview-grid{top:10px}.overview-cards{gap:5px}.overview-card{padding:6px 8px}.overview-card b{font-size:12px}.ads-chart{height:42px}.ads-kpis{display:none}.phone{min-height:80px}.phone-screen{min-height:80px}.reel,.ig-mini-bars{display:none}.ig-grid{height:80px}.ig-stat span{display:none}.web-art{height:60px}.web-cards{display:none}.service-rail{bottom:16px}}
@media(max-width:680px) and (max-height:640px){.phase h1{font-size:26px}.phase p{font-size:14px;line-height:1.35}.phase-tag{display:none}.glass{height:123px;bottom:79px}.glass-head{display:none}.screen-wrap{height:100%;margin:0}.overview-label{display:none}.overview-title{font-size:20px;margin-top:0}.overview-grid{top:8px}.overview-card{padding:4px 6px}.overview-cards{gap:4px}.overview-card b{font-size:12px}.ads-title{font-size:16px;margin-top:7px}.ads-chart{height:25px}.ig-profile span{display:none}}
@media(hover:none),(pointer:coarse){.lens-cursor{display:none!important}.btn,.overview-card{translate:none!important}.glass{--tilt-x:0deg!important;--tilt-y:0deg!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lens-cursor{display:none!important}.glass{--tilt-x:0deg!important;--tilt-y:0deg!important}}


/* Glass capsules — menu and slide eyebrows. */
.nav-inner{
  width:min(1120px,calc(100% - 56px));
  border-radius:999px;padding:0 14px 0 20px;
  background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(255,255,255,.006) 48%,rgba(255,255,255,.014));
  border:.5px solid rgba(224,242,255,.13);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 12px 35px rgba(0,0,0,.13);
}
.nav-inner::before,.phase-tag::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:none;
}
.nav-inner::after,.phase-tag::after{
  content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;
  border:.5px solid transparent;
  background:radial-gradient(180px circle at var(--lx,24%) var(--ly,0%),rgba(244,252,255,.28),rgba(201,235,255,.008) 80%) border-box;
  mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
}
.nav-inner>.liquid-optics{backdrop-filter:blur(7px) saturate(120%);-webkit-backdrop-filter:blur(7px) saturate(120%)}
.nav-cta{border-radius:999px;padding:0 18px}.nav-links{color:#d0d9e1}
.phase-tag{
  position:relative;isolation:isolate;display:inline-flex;width:max-content;max-width:100%;
  min-height:36px;padding:7px 14px;gap:10px;border-radius:999px;
  border:.5px solid rgba(224,242,255,.13);
  background:linear-gradient(125deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 5px 16px rgba(0,0,0,.08);
  color:#f5e4b5;line-height:1.3;
}
.phase-tag>.liquid-optics{backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(4px) saturate(120%)}
.phase-tag i{flex:none;width:6px;height:6px;box-shadow:0 0 9px rgba(255,216,74,.25)}
@media(max-width:680px){
 .nav-inner{width:calc(100% - 24px);padding:0 10px 0 12px;border-radius:999px}
 .nav-cta{padding:0 11px}
 .phase-tag{min-height:30px;padding:5px 11px;font-size:12px;gap:8px}
}
@media(max-width:680px) and (max-height:640px){
 .phase{top:80px;gap:7px}.phase-tag{display:inline-flex;min-height:26px;padding:3px 10px}
 .phase p{line-height:1.3}.glass{height:108px;bottom:75px}
}


/* Detached, symmetric header controls; compact capsule centered independently. */
.nav{height:94px;padding-top:18px}
.nav-inner{width:max-content;max-width:calc(100% - 350px);height:58px;gap:30px;padding:0 8px 0 24px;justify-content:center}
.nav-links{display:flex;gap:25px;white-space:nowrap}
.nav-cta{min-height:42px;white-space:nowrap}
.nav>.brand{position:absolute;left:clamp(20px,4vw,72px);top:15px;display:grid;place-items:center;width:64px;height:64px;pointer-events:auto}
.nav>.brand .brand-mark{width:58px;height:58px}
.language-switch{position:absolute;right:clamp(20px,4vw,72px);top:25px;height:44px;display:flex;align-items:center;pointer-events:auto}
.lang-toggle{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:.5px solid rgba(224,242,255,.14);border-radius:999px;background:linear-gradient(125deg,rgba(255,255,255,.03),rgba(255,255,255,.008));color:#d7e4ee;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s}
.lang-toggle:hover{background:rgba(255,255,255,.07);border-color:rgba(224,242,255,.24)}
.lang-caret{width:9px;height:6px;flex:none;transition:transform .2s}
.language-switch.is-open .lang-caret{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:2px;min-width:96px;padding:6px;border-radius:14px;border:.5px solid rgba(224,242,255,.14);background:linear-gradient(135deg,#172c3ef5,#081421fa);box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s}
.language-switch.is-open .lang-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.lang-menu button{position:relative;display:block;width:100%;border:0;background:none;padding:9px 12px;min-height:36px;border-radius:9px;font-size:12px;font-weight:600;color:#8a9eae;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.lang-menu button:hover{color:#f5faff;background:rgba(255,255,255,.06)}
.lang-menu button[aria-pressed="true"]{color:#ffdd76;background:rgba(255,221,118,.08)}
@media(min-width:681px) and (max-width:1020px){.nav-inner{max-width:calc(100% - 250px);gap:18px;padding-left:18px}.nav-links{gap:16px;font-size:13px}.nav-links a:last-child{display:none}.nav>.brand{left:18px}.language-switch{right:16px}.nav-cta{font-size:13px;padding:0 14px}}
@media(max-width:680px){
 .nav{padding-top:10px;height:72px}.nav-inner{height:46px;max-width:calc(100% - 170px);padding:0 5px;gap:0}
 .nav-links{display:none}.nav-cta{min-height:36px;padding:0 13px;font-size:12px}
 .nav>.brand{left:10px;top:8px;width:50px;height:50px}.nav>.brand .brand-mark{width:44px;height:44px}
 .language-switch{right:16px;top:11px;height:40px}.lang-toggle{font-size:11px;padding:0 10px;height:36px}
}


.nav-cta{cursor:pointer;border:0}.cases-placeholder{scroll-margin-top:110px;padding:76px 24px;text-align:center;border-top:1px solid #ffffff10;background:#07131e}
.cases-placeholder>p:first-child{font-size:12px;letter-spacing:.16em;color:#8da9bd}.cases-placeholder h2{font:700 clamp(32px,4vw,48px)/1.1 Manrope,sans-serif;margin:16px 0}.cases-placeholder p{font-size:16px;line-height:1.6;color:#a9bbca}
.lead-dialog{position:fixed;inset:0;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border-radius:28px;overflow:auto;overscroll-behavior:contain;color:#edf7ff;background:linear-gradient(135deg,#172c3ef5,#081421fa);border:1px solid #c2eaff30;box-shadow:0 32px 100px #0008,inset 0 1px 0 #ffffff20;backdrop-filter:blur(26px);font-family:Inter,system-ui,sans-serif}
.lead-dialog::backdrop{background:#02080fbf;backdrop-filter:blur(7px)}
.dialog-close{position:absolute;right:15px;top:15px;border:0;background:#ffffff08;color:#b8d0e0;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:25px}
.lead-dialog h2{font:700 28px/1.2 Manrope,sans-serif;letter-spacing:-.03em;margin:10px 32px 12px 0}.dialog-kicker{margin:0;color:#e8ce8d;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.dialog-intro{margin:0 0 24px;font-size:15px;line-height:1.55;color:#b3c7d6}
.quiz-progress{height:3px;overflow:hidden;border-radius:3px;background:#ffffff12;margin:20px 0 24px}.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,#ffd75c,#80d9f5);transition:width .25s}
.lead-form{display:grid;gap:18px}.lead-form label,.lead-form legend{font-size:14px;font-weight:500;line-height:1.4}.lead-field{display:grid;gap:8px}.lead-form input[type="text"],.lead-form input[type="tel"],.lead-form textarea{width:100%;box-sizing:border-box;border:1px solid #c9eaff25;border-radius:13px;background:#030b133f;padding:13px 14px;color:#f4faff;font:400 16px/1.4 Inter,system-ui,sans-serif;outline-offset:3px}.lead-form textarea{resize:vertical;min-height:92px}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#7890a3}.lead-form fieldset{min-width:0;margin:0;padding:0;border:0}.lead-form legend{margin-bottom:12px}.quiz-choices{display:grid;gap:9px}.quiz-choice{position:relative;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #b9d9ec24;border-radius:14px;background:#ffffff04;cursor:pointer;min-height:48px}.quiz-choice:has(input:checked){border-color:#ffd66a80;background:#ffcf5210}.quiz-choice input{accent-color:#ffcc55;width:16px;height:16px;flex:none;margin:0}.messenger-choices{display:flex;flex-wrap:wrap;gap:8px}.messenger-choices .quiz-choice{flex:1;padding:11px 9px;font-size:13px;gap:7px}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.lead-dialog .btn{translate:none!important;transform:none!important;min-height:46px}.lead-dialog .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.form-back{margin-right:auto}.form-notice{font-size:13px;line-height:1.5;color:#c0cfda;margin:0;padding:12px 14px;border:1px solid #ffe3a329;border-radius:12px;background:#ffcf5206}.form-error{color:#ffb4a8;font-size:14px;line-height:1.5;margin:0}.form-error:empty{display:none}.lead-summary{padding:16px;border-radius:16px;border:1px solid #ffffff18;display:grid;gap:12px}.lead-summary p{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.lead-summary b{display:block;color:#94afc3;font-size:12px;font-weight:500;margin-bottom:4px}
@media(max-width:680px){.lead-dialog{padding:26px 20px;border-radius:22px}.lead-dialog h2{font-size:24px}.lead-dialog .btn{font-size:13px}.form-actions{gap:8px}.messenger-choices .quiz-choice{font-size:12px}.lead-form{gap:16px}}


/* ===== Traffic PRO — continuation sections ===== */
.tp-section{position:relative;z-index:6;padding:118px 0;border-top:0;overflow:hidden}
.trust-section{border-top:1px solid rgba(255,255,255,.055)}
.scroll-fade{opacity:0;transform:translate3d(0,24px,0) scale(.992);filter:blur(3px);transition:opacity .78s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform .88s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),filter .72s ease var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.scroll-fade.from-left{transform:translate3d(-28px,10px,0) scale(.992)}
.scroll-fade.from-right{transform:translate3d(28px,10px,0) scale(.992)}
.scroll-fade.is-visible{opacity:1;transform:none;filter:none}

.tp-shell{width:min(1240px,calc(100% - 48px));margin:auto;position:relative;z-index:2}
.tp-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#a8bed0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.tp-kicker::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--yellow),var(--cyan))}
.tp-title{margin:0;font:800 clamp(42px,5.3vw,72px)/.98 Manrope,sans-serif;letter-spacing:-.058em;text-wrap:balance}
.tp-title .warm{background:linear-gradient(90deg,#fff4c4,var(--yellow) 48%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.tp-title .cold{background:linear-gradient(90deg,#e9f8ff,var(--cyan2) 45%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.tp-copy{margin:22px 0 0;max-width:760px;color:#9eb0c2;font-size:17px;line-height:1.65}



/* Trust */
.trust-section{background:radial-gradient(900px 520px at 50% -5%,rgba(73,200,242,.045),transparent 62%),linear-gradient(180deg,#06111b,#07131e)}
.trust-intro{text-align:center;max-width:980px;margin:0 auto}.trust-intro .tp-title{font-size:clamp(44px,5.2vw,70px)}
.trust-niches{margin:24px auto 0;max-width:900px;color:#93a5b7;font-size:16px;line-height:1.8;text-align:center}
.brand-marquee{position:relative;margin:62px 0 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brand-track{display:flex;width:max-content;gap:12px;animation:tp-marquee 34s linear infinite;will-change:transform}
.brand-chip{min-width:max-content;padding:13px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018);color:#d8e1e8;font-size:13px;font-weight:700;letter-spacing:-.01em}
@keyframes tp-marquee{to{transform:translateX(-50%)}}
.trust-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border:1px solid rgba(255,255,255,.09);border-radius:26px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.028),rgba(255,255,255,.008));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.trust-stat{min-height:156px;padding:26px 22px;display:grid;align-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.085)}
.trust-stat:last-child{border-right:0}.trust-stat b{font:800 clamp(34px,3.6vw,52px)/1 Manrope,sans-serif;letter-spacing:-.055em;color:#f4f8fb;white-space:nowrap}.trust-stat b.stat-long{font-size:clamp(30px,3vw,46px)}.trust-stat span{margin-top:11px;color:#7f91a4;font-size:10px;font-weight:700;line-height:1.45;letter-spacing:.14em;text-transform:uppercase}
.trust-note{margin:18px auto 0;max-width:750px;text-align:center;color:#63768a;font-size:12px;line-height:1.6}

/* Services */
.services-section{background:radial-gradient(760px 560px at 94% 22%,rgba(73,200,242,.05),transparent 64%),linear-gradient(180deg,#07131e 0,#07131e 76px,#07131e 100%)}
.services-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 1fr;gap:16px;margin-top:54px}
.service-card{position:relative;min-height:340px;padding:34px;border:1px solid rgba(178,223,246,.11);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(15,37,55,.78),rgba(7,20,31,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}
.service-card:hover{transform:translateY(-5px);border-color:rgba(152,225,255,.23);background:linear-gradient(145deg,rgba(18,44,65,.86),rgba(7,21,33,.72))}
.service-card.web{grid-row:1/3;min-height:696px}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(73,200,242,.07);color:var(--cyan);font-weight:800}.service-card.web .service-icon{background:rgba(255,216,74,.07);color:var(--yellow)}
.service-card h3{margin:30px 0 0;font:800 30px/1.08 Manrope,sans-serif;letter-spacing:-.04em}.service-card p{margin:15px 0 0;max-width:520px;color:#9eb1c4;font-size:15px;line-height:1.7}
.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.service-tags span{padding:7px 10px;border-radius:999px;background:rgba(73,200,242,.065);border:1px solid rgba(73,200,242,.08);color:#8dddf7;font-size:10px;font-weight:700}.web .service-tags span:nth-child(-n+2){background:rgba(255,216,74,.075);border-color:rgba(255,216,74,.08);color:#ffe174}
.service-link{position:absolute;left:34px;bottom:34px;display:inline-flex;align-items:center;gap:10px;color:#f2f7fa;font-size:13px;font-weight:700}.service-link::after{content:"↗";color:#99cce1}.service-visual{position:absolute;right:28px;bottom:26px;width:46%;height:128px;border-radius:22px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(150deg,rgba(73,200,242,.10),rgba(255,216,74,.05),rgba(255,255,255,.015));overflow:hidden}.web .service-visual{left:34px;right:34px;bottom:94px;width:auto;height:310px;transform:rotate(-2deg);transform-origin:bottom left;background:linear-gradient(160deg,#0d2639,#081824);box-shadow:0 24px 50px rgba(0,0,0,.24)}
.browser-dots{display:flex;gap:6px;padding:14px;border-bottom:1px solid rgba(255,255,255,.055)}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#5b7183}.browser-line{height:16px;border-radius:6px;margin:18px 18px 0;background:#dceaf3;width:58%}.browser-line.small{height:10px;width:38%;background:#8399aa;margin-top:10px}.browser-hero{height:92px;margin:22px 18px 0;border-radius:18px;background:radial-gradient(circle at 75% 25%,rgba(73,200,242,.27),transparent 36%),linear-gradient(135deg,rgba(255,216,74,.08),rgba(73,200,242,.10))}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 18px}.browser-cards i{height:54px;border-radius:13px;background:rgba(255,255,255,.035)}
.mini-bars{position:absolute;inset:22px;display:flex;align-items:flex-end;gap:8px}.mini-bars i{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--cyan),rgba(255,159,28,.68))}.mini-bars i:nth-child(1){height:34%}.mini-bars i:nth-child(2){height:52%}.mini-bars i:nth-child(3){height:45%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:61%}.mini-bars i:nth-child(6){height:84%}
.ig-mock{position:absolute;inset:14px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.ig-phone{border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(160deg,#102a3d,#081722)}.ig-side-cards{display:grid;gap:8px}.ig-side-cards i{border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}

/* Cases */
.cases-section{background:radial-gradient(860px 520px at 52% 22%,rgba(255,159,28,.045),transparent 62%),linear-gradient(180deg,#07131e 0,#06101a 90px,#060f18 190px,#060f18 100%)}.cases-head{text-align:center}.case-tabs{display:flex;justify-content:center;gap:8px;margin:34px auto 0;padding:6px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.018)}.case-tab{border:0;background:transparent;color:#8799ab;padding:11px 18px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700}.case-tab.active{color:#101820;background:linear-gradient(135deg,var(--yellow),var(--orange))}
.case-stage{position:relative;margin-top:38px;min-height:560px}.case-card{position:absolute;inset:0;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;padding:46px;border-radius:34px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,rgba(255,159,28,.075),rgba(255,255,255,.018) 42%,rgba(73,200,242,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 40px 100px rgba(0,0,0,.16);opacity:0;transform:translateX(26px) scale(.99);pointer-events:none;transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.case-card.active{opacity:1;transform:none;pointer-events:auto}.case-meta{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.case-card h3{margin:18px 0 0;font:800 clamp(30px,3.2vw,46px)/1.02 Manrope,sans-serif;letter-spacing:-.05em}.case-card .case-desc{margin:18px 0 0;color:#a5b6c6;font-size:16px;line-height:1.65;max-width:540px}.case-highlight{margin-top:30px;font:800 clamp(38px,4.2vw,58px)/1 Manrope,sans-serif;color:var(--orange);letter-spacing:-.055em}.case-highlight-note{margin-top:8px;color:#d0dae2;font-size:14px}.case-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:34px}.case-kpi{padding:18px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.case-kpi b{display:block;font:800 18px/1 Manrope,sans-serif}.case-kpi span{display:block;margin-top:7px;color:#7f93a5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.case-visual{align-self:center;min-height:350px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(150deg,#eef4f8 0 48%,#d8e5ed 48% 100%);padding:18px;box-shadow:0 26px 70px rgba(0,0,0,.22)}.case-visual-window{height:100%;min-height:312px;border-radius:17px;background:#f9fbfc;overflow:hidden;position:relative}.case-visual-bar{height:38px;background:#e7edf1;border-bottom:1px solid #d8e0e6}.case-visual-bar::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#a9b6c0;box-shadow:14px 0 #a9b6c0,28px 0 #a9b6c0;transform:translate(14px,15px)}.case-visual-body{position:absolute;inset:54px 16px 16px;display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.case-visual-body>i{border-radius:12px;background:linear-gradient(160deg,#e8eef2,#d9e6ed)}.case-visual-body>i:last-child{background:repeating-linear-gradient(180deg,#d6e2e9 0 8px,transparent 8px 18px),#f3f6f8}.case-controls{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.case-dots{display:flex;gap:7px}.case-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#405365;cursor:pointer}.case-dots button.active{width:30px;border-radius:999px;background:linear-gradient(90deg,var(--yellow),var(--orange))}.case-count{color:#7c8fa1;font-size:11px;letter-spacing:.13em}.case-arrows{display:flex;gap:8px}.case-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.02);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#dce5eb;font-size:18px}.case-arrow:hover{background:rgba(255,255,255,.055)}

/* About */
.about-section{background:radial-gradient(720px 520px at 10% 28%,rgba(255,216,74,.035),transparent 68%),linear-gradient(180deg,#060f18 0,#07121d 110px,#07131e 230px,#07131e 100%)}
.about-head{max-width:900px;margin-bottom:46px}.about-head h2{margin:0;font:800 clamp(42px,5vw,66px)/1 Manrope,sans-serif;letter-spacing:-.055em}
.about-stack{display:grid;gap:18px}.photo-tile{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 70% 20%,rgba(73,200,242,.14),transparent 32%),linear-gradient(145deg,#10293b,#081621);min-height:160px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.photo-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,8,14,.76));pointer-events:none}.photo-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(73,200,242,.025),transparent 48%,rgba(255,216,74,.025));pointer-events:none}.photo-tile span{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#a9bccb;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.about-team-photo{min-height:390px;border-radius:32px;background:radial-gradient(circle at 72% 18%,rgba(73,200,242,.17),transparent 30%),radial-gradient(circle at 20% 78%,rgba(255,216,74,.075),transparent 28%),linear-gradient(145deg,#112c40,#071621)}
.about-middle{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}.about-copy{padding:20px 18px 12px 0}.about-copy p{margin:0;color:#9fb1c3;font-size:16px;line-height:1.72}.about-copy p+p{margin-top:20px}.about-points{display:grid;gap:10px;margin-top:26px}.about-point{padding:15px 17px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);color:#cad5dd;font-size:13px;line-height:1.5}.about-owner-photo{min-height:330px;background:radial-gradient(circle at 45% 20%,rgba(255,216,74,.15),transparent 30%),linear-gradient(145deg,#172b3b,#081722)}
.about-small-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-small-photos .photo-tile{min-height:210px;border-radius:24px}

/* Human / process */
.human-section{background:linear-gradient(180deg,#07131e 0,#06101a 100px,#060f18 210px,#060f18 100%)}.human-head{text-align:center;max-width:900px;margin:auto}.human-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}.human-card{position:relative;min-height:230px;padding:30px;border-radius:26px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(255,255,255,.008));overflow:hidden}.human-card::before{content:"";position:absolute;left:30px;top:0;width:48px;height:2px;background:var(--orange)}.human-card.featured{border-color:rgba(255,159,28,.30);background:linear-gradient(145deg,rgba(255,159,28,.07),rgba(255,255,255,.01))}.human-card h3{margin:4px 0 0;font:800 21px/1.15 Manrope,sans-serif;letter-spacing:-.035em}.human-card p{margin:18px 0 0;color:#96a9bb;font-size:14px;line-height:1.7}
.process-wrap{margin-top:84px;padding-top:76px;border-top:1px solid rgba(255,255,255,.07)}.process-heading{max-width:780px}.process-list{margin-top:46px;border-top:1px solid rgba(255,255,255,.08)}.process-row{display:grid;grid-template-columns:56px .86fr 1.14fr;gap:22px;align-items:center;min-height:130px;border-bottom:1px solid rgba(255,255,255,.08)}.process-num{color:var(--yellow);font-size:12px;font-weight:800}.process-row h3{margin:0;font:800 clamp(20px,2.2vw,30px)/1.12 Manrope,sans-serif;letter-spacing:-.04em}.process-row p{margin:0;color:#8295a8;font-size:14px;line-height:1.65}

/* Senior team banner */
.senior-section{position:relative;isolation:isolate;overflow:hidden;padding:84px 0;background:linear-gradient(180deg,#060f18 0,#050d15 115px,#050d15 100%)}.senior-flight-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.66;pointer-events:none}.senior-flight-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(5,13,21,.05) 0,rgba(5,13,21,.22) 48%,rgba(5,13,21,.92) 100%),linear-gradient(90deg,rgba(5,13,21,.66),rgba(5,13,21,.16) 45%,rgba(5,13,21,.62))}.senior-section .tp-shell{position:relative;z-index:2}.senior-card{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;min-height:310px;padding:56px;border-radius:32px;border:1px solid rgba(255,255,255,.075);overflow:hidden;background:linear-gradient(90deg,rgba(5,13,21,.72),rgba(8,17,26,.53) 48%,rgba(5,13,21,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(2px)}.senior-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 52%,rgba(255,94,30,.08),transparent 62%);pointer-events:none}.senior-card::after{content:"";position:absolute;left:18%;right:18%;top:50%;height:120px;transform:translateY(-50%);background:radial-gradient(ellipse at center,rgba(255,94,30,.11),transparent 68%);filter:blur(24px);pointer-events:none}.senior-big{position:relative;z-index:2;font:800 clamp(62px,8vw,112px)/.85 Manrope,sans-serif;color:#ff6822;letter-spacing:-.07em;text-shadow:0 0 40px rgba(255,94,30,.12)}.senior-left p{position:relative;z-index:2;margin:18px 0 0;color:#fff;font:700 22px/1.25 Manrope,sans-serif}.senior-copy{position:relative;z-index:2}.senior-copy h3{margin:0;font:800 clamp(25px,2.7vw,38px)/1.15 Manrope,sans-serif;letter-spacing:-.04em}.senior-copy p{margin:18px 0 0;color:#9aaebe;font-size:15px;line-height:1.7}

/* Quiz */
.quiz-section{background:radial-gradient(800px 520px at 70% 20%,rgba(73,200,242,.045),transparent 65%),linear-gradient(180deg,#050d15 0,#06111b 100px,#07131e 220px,#07131e 100%)}.main-quiz{margin-top:48px;display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;padding:34px;border-radius:34px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.007));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.quiz-side{padding:12px}.quiz-step-label{color:#7f93a7;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.quiz-side h3{margin:16px 0 0;font:800 30px/1.08 Manrope,sans-serif;letter-spacing:-.045em}.quiz-side p{margin:16px 0 0;color:#8fa2b5;font-size:14px;line-height:1.65}.quiz-progress-main{display:flex;gap:6px;margin-top:28px}.quiz-progress-main i{height:4px;flex:1;border-radius:999px;background:rgba(255,255,255,.07)}.quiz-progress-main i.active{background:linear-gradient(90deg,var(--yellow),var(--cyan))}
.quiz-pane{padding:26px;border-radius:26px;border:1px solid rgba(255,255,255,.075);background:rgba(3,11,18,.34);min-height:390px;display:flex;flex-direction:column}.quiz-pane h4{margin:0;font:800 clamp(24px,2.5vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-.04em}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.quiz-option{display:flex;align-items:center;gap:11px;min-height:58px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);cursor:pointer;color:#c9d5de;font-size:13px;font-weight:700;transition:border-color .2s,background .2s,transform .2s}.quiz-option:hover{transform:translateY(-2px);border-color:rgba(73,200,242,.22)}.quiz-option:has(input:checked){border-color:rgba(255,216,74,.36);background:rgba(255,216,74,.055);color:#fff}.quiz-option input{accent-color:#ffd84a;width:16px;height:16px;margin:0}.quiz-textarea,.quiz-input{width:100%;margin-top:22px;padding:15px 16px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(2,8,14,.42);color:#f4f8fb;font:400 15px/1.55 Inter,sans-serif;outline:none}.quiz-textarea{min-height:150px;resize:vertical}.quiz-input:focus,.quiz-textarea:focus{border-color:rgba(73,200,242,.36);box-shadow:0 0 0 4px rgba(73,200,242,.045)}.quiz-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-messengers{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.quiz-messengers .quiz-option{min-height:46px;padding:10px 12px}.quiz-actions-main{display:flex;gap:10px;justify-content:flex-end;margin-top:auto;padding-top:24px}.quiz-actions-main .btn{min-height:48px}.quiz-status{margin:14px 0 0;color:#9db2c3;font-size:12px;line-height:1.5}.quiz-status.success{color:#b9f2d0}.quiz-status.error{color:#ffb6aa}

/* FAQ */
.faq-section{background:linear-gradient(180deg,#07131e 0,#06101a 105px,#060f18 220px,#060f18 100%)}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.faq-list{border-top:1px solid rgba(255,255,255,.09)}.faq-item{border-bottom:1px solid rgba(255,255,255,.09)}.faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 36px;gap:20px;align-items:center;min-height:92px;color:#edf4f8;font:700 18px/1.35 Manrope,sans-serif}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;font:400 20px/1 Inter,sans-serif;transition:transform .25s,background .25s}.faq-item[open] .faq-plus{transform:rotate(45deg);background:rgba(73,200,242,.055)}.faq-answer{padding:0 54px 26px 0;color:#8fa2b5;font-size:14px;line-height:1.75}

/* Final CTA and footer */
.final-cta{position:relative;min-height:620px;padding:120px 0 0;overflow:hidden;background:radial-gradient(860px 500px at 35% 72%,rgba(255,216,74,.055),transparent 65%),radial-gradient(820px 520px at 78% 35%,rgba(73,200,242,.05),transparent 62%),linear-gradient(180deg,#060f18 0,#07121d 120px,#07131e 220px,#07131e 100%)}.final-stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle at 9% 20%,#bce7f7 0 1px,transparent 1.5px),radial-gradient(circle at 22% 58%,#fff0b0 0 1px,transparent 1.4px),radial-gradient(circle at 54% 18%,#bce7f7 0 1px,transparent 1.4px),radial-gradient(circle at 79% 52%,#bce7f7 0 1px,transparent 1.5px),radial-gradient(circle at 92% 24%,#fff0b0 0 1px,transparent 1.4px);background-size:310px 220px,380px 260px,430px 290px,340px 230px,390px 260px}.final-orbit{position:absolute;left:16%;right:-10%;bottom:72px;height:300px;border:1px solid rgba(73,200,242,.16);border-left-color:rgba(255,216,74,.22);border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-8deg)}.final-rocket{position:absolute;right:10%;top:22%;font-size:42px;filter:drop-shadow(0 8px 20px rgba(255,159,28,.22));animation:final-float 4.2s ease-in-out infinite}.final-planet{position:absolute;left:-4%;right:-4%;bottom:-240px;height:360px;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#0d2a43,#0a1b2b);border-top:1px solid rgba(73,200,242,.22);box-shadow:0 -40px 100px rgba(73,200,242,.03)}@keyframes final-float{50%{transform:translateY(-10px) rotate(4deg)}}
.final-copy{position:relative;z-index:2;max-width:720px}.final-copy h2{margin:0;font:800 clamp(48px,6vw,78px)/.98 Manrope,sans-serif;letter-spacing:-.06em}.final-copy p{margin:22px 0 0;max-width:560px;color:#93a7b9;font-size:16px;line-height:1.7}.final-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.site-footer{position:relative;z-index:7;padding:66px 0 26px;background:linear-gradient(180deg,#07131e 0,#06111b 120px,#06111b 100%);border-top:0}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:50px}.footer-brand{font:800 18px/1 Manrope,sans-serif}.footer-brand span{color:var(--yellow)}.footer-about{margin-top:18px;max-width:330px;color:#8396a9;font-size:13px;line-height:1.7}.footer-col h4{margin:0 0 18px;color:#65798c;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.footer-col a,.footer-col span{display:block;margin-top:12px;color:#c7d2db;font-size:13px}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:52px;padding-top:24px;border-top:1px solid rgba(255,255,255,.065);color:#627588;font-size:11px}

@media(max-width:1020px){.tp-section{padding:92px 0}.tp-shell{width:min(940px,calc(100% - 36px))}.trust-stats{grid-template-columns:repeat(2,1fr)}.trust-stat:nth-child(2){border-right:0}.trust-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.085)}.services-grid{grid-template-columns:1fr}.service-card.web{grid-row:auto;min-height:560px}.service-card{min-height:320px}.case-stage{min-height:620px}.case-card{grid-template-columns:1fr;gap:26px;padding:34px}.case-visual{min-height:230px}.case-visual-window{min-height:200px}.about-middle{grid-template-columns:1fr;gap:18px}.about-team-photo{min-height:340px}.about-owner-photo{min-height:300px}.about-small-photos .photo-tile{min-height:190px}.human-cards{grid-template-columns:1fr}.human-card{min-height:0}.senior-card{gap:34px;padding:42px}.main-quiz{grid-template-columns:1fr}.quiz-side{padding:4px}.faq-layout{grid-template-columns:1fr;gap:38px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:1/4}}
@media(max-width:680px){.tp-section{padding:76px 0}.tp-shell{width:calc(100% - 28px)}.tp-title{font-size:clamp(36px,10vw,52px)}.tp-copy{font-size:15px}.trust-niches{font-size:14px;line-height:1.7}.brand-marquee{margin-top:42px}.brand-chip{padding:11px 16px;font-size:12px}.trust-stats{margin-top:44px}.trust-stat{min-height:124px;padding:20px 12px}.trust-stat b{font-size:34px}.trust-stat b.stat-long{font-size:28px}.trust-stat span{font-size:8px}.services-grid{margin-top:38px;gap:12px}.service-card,.service-card.web{min-height:380px;padding:24px;border-radius:24px}.service-card.web{min-height:520px}.service-card h3{font-size:25px}.service-card p{font-size:14px}.service-link{left:24px;bottom:24px}.service-visual{right:20px;bottom:20px;height:110px}.web .service-visual{left:24px;right:24px;bottom:78px;height:250px}.cases-section .tp-title{font-size:clamp(38px,10.5vw,52px)}.case-tabs{width:100%;overflow:auto;justify-content:flex-start}.case-tab{white-space:nowrap}.case-stage{min-height:690px}.case-card{padding:26px 20px;border-radius:26px;gap:22px}.case-card h3{font-size:32px}.case-highlight{font-size:42px}.case-kpis{gap:8px}.case-kpi{padding:14px}.case-visual{min-height:210px;padding:12px}.case-visual-window{min-height:184px}.case-controls{margin-top:18px}.about-head{margin-bottom:32px}.about-stack{gap:12px}.about-team-photo{min-height:260px;border-radius:24px}.about-middle{grid-template-columns:1fr;gap:12px}.about-copy{padding:8px 2px 10px}.about-owner-photo{min-height:210px}.about-small-photos{gap:12px}.about-small-photos .photo-tile{min-height:145px;border-radius:20px}.human-cards{margin-top:38px}.human-card{padding:24px}.process-wrap{margin-top:58px;padding-top:58px}.process-row{grid-template-columns:38px 1fr;gap:10px 14px;min-height:0;padding:26px 0}.process-row p{grid-column:2}.senior-section{padding:60px 0}.senior-card{grid-template-columns:1fr;gap:30px;padding:28px 24px;border-radius:26px}.senior-big{font-size:74px}.senior-left p{font-size:19px}.main-quiz{margin-top:36px;padding:18px;gap:22px;border-radius:26px}.quiz-pane{padding:20px;min-height:420px}.quiz-options{grid-template-columns:1fr}.quiz-contact-grid{grid-template-columns:1fr}.quiz-actions-main{justify-content:stretch}.quiz-actions-main .btn{flex:1}.faq-item summary{min-height:82px;font-size:16px}.faq-answer{padding-right:0}.final-cta{min-height:580px;padding-top:90px}.final-copy h2{font-size:clamp(42px,11vw,58px)}.final-rocket{right:6%;top:43%;font-size:34px}.final-orbit{left:2%;right:-28%;bottom:84px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px}.footer-grid .footer-col:last-child{grid-column:auto}.footer-grid>div:first-child{grid-column:1/3}.footer-bottom{display:grid;margin-top:38px}}
@media(prefers-reduced-motion:reduce){.brand-track,.final-rocket{animation:none!important}.tp-reveal,.scroll-fade{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.senior-flight-canvas{opacity:.34}}

/* Parent reveal wrappers stay visible; individual descendants own the scroll animation. */


/* Continuation theme: the hero and header are the visual source of truth. */
:root{--tp-line:rgba(210,238,255,.13);--tp-line-soft:rgba(210,238,255,.075);--tp-body:#b4c6d5;--tp-muted:#93aabd;--tp-radius:30px}
.tp-section,.senior-section,.final-cta,.site-footer{background-color:var(--bg);background-image:none}
.tp-section{padding:104px 0;scroll-margin-top:110px}
.tp-shell{width:min(1320px,calc(100% - 72px))}
.trust-section{background-image:radial-gradient(ellipse at 68% 0%,#49c8f20b,transparent 65%);border-top:1px solid var(--tp-line-soft)}
.services-section{background-image:radial-gradient(ellipse at 82% 42%,#49c8f209,transparent 65%)}
.cases-section{background-image:radial-gradient(ellipse at 13% 54%,#ffce4b07,transparent 64%)}
.about-section{background-image:radial-gradient(ellipse at 85% 18%,#49c8f207,transparent 68%)}
.tp-title,.trust-intro .tp-title,.about-head h2,.final-copy h2{font:800 clamp(38px,4.35vw,62px)/1.07 Manrope,sans-serif;letter-spacing:-.046em;text-wrap:balance}
.tp-section .warm,.final-cta .warm{background:linear-gradient(90deg,#fff5c5,var(--yellow) 48%,var(--orange));background-clip:text;-webkit-background-clip:text;color:transparent}
.tp-section .cold,.final-cta .cold{background:linear-gradient(90deg,#eaf8ff,var(--cyan2) 50%,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}
.tp-copy,.trust-niches,.about-copy p,.case-card .case-desc,.final-copy p{color:var(--tp-body);font-size:17px;line-height:1.65}
.tp-copy{max-width:680px;margin-top:22px}.trust-niches{max-width:900px;font-size:16px}.tp-kicker{position:relative;isolation:isolate;min-height:34px;padding:7px 13px;margin-bottom:24px;border-radius:999px;border:.5px solid var(--tp-line);background:linear-gradient(125deg,#ffffff06,#ffffff02);color:#d3dfE8;font:500 12px/1.4 Inter,sans-serif;letter-spacing:.055em;backdrop-filter:blur(8px)}
.tp-kicker::before{width:5px;height:5px;border-radius:50%;background:var(--yellow);flex:none}
.tp-kicker::after{content:"";position:absolute;inset:0;border-radius:inherit;border:.5px solid transparent;background:radial-gradient(150px circle at var(--edge-x,24%) var(--edge-y,0%),#f5fbff42,#c9ebff02 80%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}
.tp-surface{position:relative;isolation:isolate;border:1px solid var(--tp-line);border-radius:var(--tp-radius);background:linear-gradient(125deg,#bddfff0d,#1437510d 55%,#ffffff03);box-shadow:0 22px 70px #00000024,inset .5px 1px 0 #ffffff24,inset -.5px -1px 0 #76dfff12;backdrop-filter:blur(15px) saturate(140%);-webkit-backdrop-filter:blur(15px) saturate(140%)}
.tp-surface::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,#ffffff04,transparent 45%,#84deff03)}
.tp-surface::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;border:1px solid transparent;pointer-events:none;background:radial-gradient(240px circle at var(--edge-x,80%) var(--edge-y,0%),rgba(232,248,255,var(--edge-strength,.1)),#b4eaff02 80%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.tp-surface>*{position:relative;z-index:1;min-width:0}
.brand-marquee{margin-top:42px;padding:17px 0;border-color:var(--tp-line-soft)}.brand-track{gap:0;animation-duration:46s}.brand-group{display:flex;flex-shrink:0;gap:12px;padding-right:12px}.brand-chip{padding:10px 17px;font-size:14px;font-weight:500;color:#c2d4e0;border-color:#d2edff16;background:#ffffff03}
.trust-stats{margin-top:44px;border-radius:24px}.trust-stat{padding:28px 22px;min-height:160px;border-color:var(--tp-line-soft)}.trust-stat b,.trust-stat b.stat-long{font:700 clamp(30px,3.3vw,46px)/1.12 Manrope,sans-serif;letter-spacing:-.045em}.trust-stat span{font-size:13px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--tp-muted);max-width:225px;justify-self:center}
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:18px;margin-top:44px;align-items:stretch}
.service-card,.service-card.web{display:grid;grid-template-rows:1fr 178px auto;grid-row:auto;gap:25px;min-height:0;padding:27px;border-radius:30px;transition:border-color .3s,box-shadow .3s}
.service-card:hover{transform:none;background:linear-gradient(125deg,#bddfff0d,#1437510d 55%,#ffffff03);border-color:#c6ecff2e;box-shadow:0 24px 70px #00000026,inset 0 1px 0 #ffffff28}
.service-icon{height:42px;width:42px;border-radius:14px;background:#49c8f20a;border-color:var(--tp-line);font-size:23px;font-weight:500}.service-card.web .service-icon{background:#ffd84a0a}
.service-card h3{margin-top:24px;font:700 clamp(23px,2.05vw,28px)/1.16 Manrope,sans-serif;letter-spacing:-.035em}.service-card p{font-size:16px;line-height:1.6;color:var(--tp-body);margin-top:16px}.service-tags{gap:6px;margin-top:20px}.service-tags span{font-size:12px;font-weight:500;padding:6px 9px;background:#ffffff04;border-color:#bce9ff17;color:#bbd7e6}.web .service-tags span:nth-child(-n+2){background:#ffd84a07;border-color:#ffd84a18;color:#e8d99d}
.service-link{position:relative;left:auto;bottom:auto;grid-row:3;min-height:44px;justify-self:start;padding:0 15px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff04;backdrop-filter:blur(8px);font-size:14px;font-weight:600}.service-link:hover{border-color:#bceaff55}
.service-visual,.web .service-visual{position:relative;inset:auto;grid-row:2;width:100%;height:178px;transform:none;border-radius:20px;border-color:var(--tp-line);background:linear-gradient(150deg,#17394b30,#05101b75);box-shadow:inset 0 1px 0 #ffffff12}
.browser-dots{padding:10px}.browser-line{height:9px;margin:12px 14px 0;width:56%;background:#d1e3ed}.browser-line.small{height:5px;margin:8px 14px 0;background:#829cac}.browser-hero{height:42px;margin:14px 14px 0;border-radius:10px}.browser-cards{margin:10px 14px;gap:8px}.browser-cards i{height:24px;border-radius:7px}.mini-bars{inset:25px}.mini-bars i{background:linear-gradient(180deg,#6bdaff,#145d7840)}.ig-mock{inset:17px}.ig-phone{background:linear-gradient(135deg,#1b425840,#07141e60)}
.case-tabs{background:#b5e9ff08;border-color:#ffffff20;backdrop-filter:blur(12px);padding:6px;margin-top:30px;gap:5px;border-radius:18px}.case-tab{font-size:14px;font-weight:500;padding:12px 20px;border-radius:12px;min-height:44px;color:#98acbe}.case-tab.active{color:#f7fbff;background:linear-gradient(130deg,#ffffff23,#ffffff09);box-shadow:inset 0 1px 0 #ffffff40,0 3px 12px #0002}
.case-stage{display:grid;min-height:0;margin-top:32px}.case-card{position:relative;inset:auto;grid-area:1/1;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;padding:38px;transition:opacity .32s,transform .4s}.case-card:not(.active){visibility:hidden}.case-card.active{visibility:visible}
.case-meta{font-size:12px;font-weight:500;letter-spacing:.06em;color:#9fddee}.case-card h3{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.035em}.case-highlight{font-size:48px;color:#c4eefe;letter-spacing:-.04em}.case-highlight-note{font-size:14px;color:#b5c8d6}.case-kpis{margin-top:28px;gap:10px}.case-kpi{padding:15px;border-color:var(--tp-line-soft);background:#ffffff03}.case-kpi b{font-size:18px;font-weight:600}.case-kpi span{color:var(--tp-muted);font-size:12px;letter-spacing:.02em}
.case-visual{aspect-ratio:1.25;min-height:0;padding:16px;border-radius:26px;border-color:var(--tp-line);background:linear-gradient(125deg,#c5ebff0c,#ffffff03);box-shadow:inset 0 1px 0 #ffffff1b,0 16px 48px #0002}.case-visual-window{min-height:0;background:#08162299;border:1px solid #a4d9f91c;border-radius:15px}.case-visual-bar{background:#ffffff04;border-color:#c1e5ff14;height:34px}.case-visual-bar::before{background:#f28d7e;box-shadow:14px 0 #e9cc75,28px 0 #77c2ba;transform:translate(14px,13px)}.case-visual-body>i{background:linear-gradient(155deg,#34738b36,#132d3c44);border:1px solid #bfeaff0a}.case-visual-body>i:last-child{background:repeating-linear-gradient(180deg,#aacfe329 0 5px,transparent 5px 20px);border:0}
.case-controls{margin-top:18px}.case-count{font-size:12px;letter-spacing:.06em;color:var(--tp-muted)}.case-dots{gap:0}.case-dots button{position:relative;width:30px;height:36px;background:transparent;border-radius:0}.case-dots button::after{content:"";position:absolute;left:11px;top:15px;width:7px;height:7px;border-radius:99px;background:#526d80}.case-dots button.active{width:38px;background:transparent}.case-dots button.active::after{left:6px;width:26px;background:linear-gradient(90deg,var(--yellow),var(--cyan))}.case-dots button[hidden]{display:none}.case-arrow{border-color:var(--tp-line);background:#ffffff04;backdrop-filter:blur(10px)}
.about-head{max-width:860px}.about-stack{gap:20px}.photo-tile{border-color:var(--tp-line);background:linear-gradient(145deg,#17394c45,#07141e80);box-shadow:inset 0 1px 0 #ffffff18}.photo-tile span{width:max-content;max-width:calc(100% - 32px);left:16px;bottom:16px;right:auto;padding:7px 11px;border:.5px solid var(--tp-line);border-radius:999px;background:#08182455;backdrop-filter:blur(10px);color:#bfced9;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none}.photo-tile::before{background:linear-gradient(0deg,#020a1255,transparent 50%)}.photo-tile::after{background:none}.about-team-photo{min-height:390px;border-radius:30px}.about-middle{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center}.about-copy{padding:16px 0}.about-points{gap:0;border-top:1px solid var(--tp-line-soft)}.about-point{border:0;border-bottom:1px solid var(--tp-line-soft);background:none;border-radius:0;padding:14px 0;font-size:14px;color:#c5d6e1}.about-owner-photo{width:100%;min-height:330px}.about-small-photos{gap:20px}.about-small-photos .photo-tile{min-height:210px}
.human-cards{margin-top:42px;gap:18px}.human-card{padding:28px;min-height:0}.human-card h3{font-size:22px;line-height:1.2;font-weight:700}.human-card p,.process-row p,.senior-copy p{font-size:16px;line-height:1.65;color:var(--tp-body)}.human-card.featured{border-color:#c6eaff26;background:linear-gradient(125deg,#bddfff0f,#ffffff03)}.human-card::before{inset:0;width:auto;height:auto;background:linear-gradient(130deg,#ffffff05,transparent 50%)}
.process-wrap{margin-top:72px;padding-top:64px;border-color:var(--tp-line-soft)}.process-list,.process-row{border-color:var(--tp-line-soft)}.process-list{margin-top:36px}.process-row{grid-template-columns:46px minmax(0,.9fr) minmax(0,1.1fr);min-height:126px;gap:24px}.process-num{font-size:14px;font-weight:500;color:#c7e9f5}.process-row h3{font-size:clamp(22px,2.15vw,28px);font-weight:700;line-height:1.2}
.senior-section{padding:72px 0}.senior-card{min-height:320px;gap:54px;padding:42px;background:linear-gradient(115deg,#11263370,#07121c35);backdrop-filter:blur(9px);border-color:var(--tp-line)}.senior-card::before{background:linear-gradient(120deg,#ffffff05,transparent 65%)}.senior-card::after{left:0;right:0;top:0;height:auto;transform:none;filter:none;background:radial-gradient(240px circle at var(--edge-x,80%) var(--edge-y,0%),#e8f8ff2b,#b4eaff02 80%) border-box}
.senior-big{font-size:clamp(48px,5.3vw,78px);line-height:1.02;color:#ffe6a0;text-shadow:none;letter-spacing:-.05em}.senior-left p{font-size:21px;line-height:1.35}.senior-copy h3{font-size:clamp(24px,2.5vw,34px);font-weight:700}.senior-flight-canvas{opacity:.42}.senior-flight-vignette{background:radial-gradient(ellipse at 50% 48%,#06111b05,#06111b66 68%,#06111b 100%)}
.main-quiz{padding:28px;gap:30px;margin-top:40px}.quiz-pane{min-height:400px;background:#05111c55;border-color:var(--tp-line);border-radius:22px}.quiz-side{padding:14px}.quiz-step-label{font-size:12px;font-weight:500;letter-spacing:.07em;color:#acd1e4}.quiz-side h3{font-size:28px;font-weight:700;line-height:1.15}.quiz-side p{font-size:16px;color:var(--tp-body)}.quiz-pane h4{font-size:28px;font-weight:700}.quiz-option{font-size:14px;font-weight:500;line-height:1.4;background:#ffffff03;border-color:var(--tp-line);border-radius:14px}.quiz-option:hover{transform:none;background:#ffffff05}.quiz-option:has(input:checked){background:#ffd84a08;border-color:#ffd84a55}.quiz-textarea,.quiz-input{font-size:16px;border-color:var(--tp-line);background:#020a1340}.quiz-contact-grid{margin-top:22px}.quiz-field{display:grid;gap:8px;font-size:14px;color:#d2e1eb}.quiz-field .quiz-input{margin:0}.quiz-status{font-size:13px;line-height:1.5}.quiz-actions-main .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;translate:none}
.faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:66px}.faq-list,.faq-item{border-color:var(--tp-line)}.faq-item summary{font-size:18px;font-weight:600;min-height:92px;gap:20px}.faq-plus{border-color:#c7e7f525;background:#ffffff04;color:#b5e4f4}.faq-item[open] .faq-plus{background:#b5e9ff12;color:#f2fbff}.faq-answer{font-size:16px;color:var(--tp-body);padding-right:40px}
.final-cta{display:flex;align-items:center;min-height:560px;padding:100px 0;isolation:isolate;border-top:1px solid var(--tp-line-soft);scroll-margin-top:90px;background:radial-gradient(ellipse at 75% 55%,#49c8f20c,transparent 65%),var(--bg)}.final-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.final-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#06111bf2,#06111bbd 42%,#06111b15 74%,#06111b22),linear-gradient(0deg,#06111b,transparent 25%,transparent 80%,#06111b)}.final-copy{max-width:700px}.final-copy h2{font-size:clamp(40px,4.6vw,66px)}.final-actions{margin-top:28px}.final-actions .btn{min-height:52px;font-size:14px}
.site-footer{padding:60px 0 28px;border-top:1px solid var(--tp-line-soft)}.footer-grid{grid-template-columns:1.15fr .8fr .7fr 1.1fr;gap:40px}.footer-brand{font:800 18px/1.2 Manrope,sans-serif;letter-spacing:-.03em}.footer-brand small{font-size:12px;font-weight:500;color:#93b2c4}.footer-about{font-size:14px;line-height:1.65;color:var(--tp-muted)}.footer-col h4{font-size:12px;letter-spacing:.05em;font-weight:500;color:#8eb0c4}.footer-col a,.footer-col span{font-size:14px;line-height:1.5;overflow-wrap:anywhere;color:#bfd0dc}.footer-bottom{font-size:12px;line-height:1.5;color:var(--tp-muted);border-color:var(--tp-line-soft)}
.tp-reveal{opacity:1;transform:none}.scroll-fade,.scroll-fade.from-left,.scroll-fade.from-right{opacity:0;transform:translate3d(0,18px,0);filter:none;transition:opacity .6s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms);will-change:auto}.scroll-fade.is-visible{opacity:1;transform:none;filter:none}
@media(min-width:1800px){.tp-shell{width:min(1460px,calc(100% - 96px))}}
@media(max-width:1100px) and (min-width:681px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card.web{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;gap:24px}.service-card.web .service-content{grid-column:1}.service-card.web .service-visual{grid-column:2;grid-row:1/3;height:100%;min-height:250px}.service-card.web .service-link{grid-column:1;grid-row:2}}
@media(max-width:1020px){.tp-shell{width:calc(100% - 40px)}.tp-section{padding:82px 0}.trust-stats{grid-template-columns:repeat(2,1fr)}.trust-stat:nth-child(2){border-right:0}.trust-stat:nth-child(-n+2){border-bottom:1px solid var(--tp-line-soft)}.case-card{grid-template-columns:1fr;gap:26px;padding:30px}.case-visual{aspect-ratio:1.8;max-height:340px}.about-middle{gap:24px}.about-owner-photo{min-height:300px}.human-cards{grid-template-columns:1fr}.human-card{padding:26px}.senior-card{gap:30px;padding:32px}.main-quiz{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:36px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:1/-1}.final-copy{max-width:600px}}
@media(max-width:680px){.tp-shell{width:calc(100% - 32px)}.tp-section{padding:64px 0}.tp-title,.trust-intro .tp-title,.about-head h2,.cases-section .tp-title,.final-copy h2{font-size:clamp(32px,8.8vw,42px);line-height:1.1;letter-spacing:-.04em}.tp-kicker{font-size:12px;margin-bottom:20px;padding:6px 11px;min-height:30px}.tp-copy,.trust-niches,.about-copy p,.case-card .case-desc,.final-copy p{font-size:16px;line-height:1.6}.brand-marquee{margin-top:28px}.brand-chip{font-size:13px}.trust-stats{margin-top:28px;border-radius:20px}.trust-stat{padding:22px 12px;min-height:144px}.trust-stat b,.trust-stat b.stat-long{font-size:clamp(23px,6.5vw,32px)}.trust-stat span{font-size:12px;line-height:1.45}.services-grid{grid-template-columns:1fr;margin-top:32px;gap:14px}.service-card,.service-card.web{padding:24px;gap:22px;grid-template-rows:auto 168px auto;min-height:0;border-radius:24px}.service-card h3{font-size:26px;margin-top:20px}.service-visual,.web .service-visual{inset:auto;height:168px}.service-link{left:auto;bottom:auto}.case-tabs{width:max-content;justify-content:center}.case-tab{padding:10px 20px}.case-stage{min-height:0;margin-top:24px}.case-card{padding:24px 20px;gap:24px;border-radius:24px}.case-card h3{font-size:30px}.case-highlight{font-size:40px;margin-top:24px}.case-visual{min-height:0;aspect-ratio:1.35;padding:12px;border-radius:20px}.case-visual-window{min-height:0}.case-kpis{margin-top:22px}.case-kpi{padding:13px}.about-stack{gap:14px}.about-team-photo{min-height:240px;border-radius:24px}.about-middle{grid-template-columns:1fr;gap:18px}.about-owner-photo{min-height:210px;width:86%;justify-self:end}.about-small-photos{gap:14px}.about-small-photos .photo-tile{min-height:140px}.photo-tile span{left:10px;bottom:10px;font-size:12px;padding:6px 8px;max-width:calc(100% - 20px)}.human-cards{margin-top:30px;gap:14px}.human-card{padding:24px;border-radius:24px}.process-wrap{margin-top:50px;padding-top:46px}.process-list{margin-top:26px}.process-row{grid-template-columns:28px minmax(0,1fr);min-height:0;padding:25px 0;gap:10px 12px}.process-row p{grid-column:2}.process-row h3{font-size:23px}.senior-section{padding:50px 0}.senior-card{grid-template-columns:1fr;padding:28px 24px;gap:28px;border-radius:24px}.senior-big{font-size:clamp(44px,12vw,64px)}.senior-left p{font-size:20px}.senior-copy h3{font-size:26px}.main-quiz{padding:16px;gap:22px;border-radius:24px;margin-top:30px}.quiz-side{padding:8px}.quiz-side h3,.quiz-pane h4{font-size:25px}.quiz-pane{padding:20px;min-height:380px;border-radius:18px}.quiz-options{grid-template-columns:1fr}.quiz-contact-grid{grid-template-columns:1fr}.quiz-actions-main .btn{font-size:13px}.faq-item summary{font-size:17px;line-height:1.4;min-height:84px;gap:14px}.faq-answer{padding-right:0;font-size:16px}.final-cta{padding:72px 0 84px;min-height:540px}.final-veil{background:linear-gradient(90deg,#06111be8,#06111b99),linear-gradient(0deg,#06111b,transparent 65%)}.final-actions .btn{font-size:13px;min-height:46px}.site-footer{padding:44px 0 24px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid .footer-col:last-child{grid-column:1/-1}.footer-bottom{display:grid;gap:12px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.scroll-fade,.scroll-fade.from-left,.scroll-fade.from-right{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.brand-track{animation:none}.brand-group[aria-hidden="true"]{display:none}.brand-marquee{overflow-x:auto;mask:none;-webkit-mask:none}.tp-surface{--edge-strength:.1!important}}


/* V8 — anchored branding, touch navigation, responsive photography, cinematic flight. */
.nav{position:absolute;transform:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-inner{position:fixed;top:18px;left:50%;margin:0;transform:translateX(-50%)}
.mobile-menu-toggle{display:none}
.photo-tile{contain:layout paint;isolation:isolate}
.photo-tile picture{position:absolute;inset:0;display:block}
.photo-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%);opacity:0;transition:opacity .35s}
.photo-tile.has-photo img{opacity:1}.photo-tile.has-photo>span{display:none}
.photo-tile::before{z-index:1;opacity:.35}.photo-tile::after{z-index:1}
.about-team-photo{aspect-ratio:2.7;min-height:0;max-height:none}
.about-owner-photo{aspect-ratio:4/3;min-height:0}
.about-small-photos .photo-tile{aspect-ratio:1.8;min-height:0}
.senior-section{--flight-height:600px;padding:390px 0 76px;background:#06111b}
.senior-flight-canvas{height:var(--flight-height);opacity:1}
.senior-flight-vignette{height:var(--flight-height);background:linear-gradient(180deg,#06111b,transparent 16%,transparent 60%,#06111b),linear-gradient(90deg,#06111b80,transparent 25%,transparent 75%,#06111b80)}
.senior-card{min-height:270px;background:linear-gradient(120deg,#102536ae,#081522bd);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.senior-big{background:linear-gradient(120deg,#fff2cd,#ffd174 65%,#ff9944);background-clip:text;-webkit-background-clip:text;color:transparent}
.senior-left p,.senior-copy h3{text-wrap:balance}
.service-link{max-width:100%;line-height:1.4;padding-top:10px;padding-bottom:10px}
@media(max-width:1020px){.about-team-photo{aspect-ratio:2.2}.about-owner-photo{aspect-ratio:4/3;min-height:0}}
@media(max-width:1020px){
 .nav-links{display:none}.mobile-menu-toggle{display:grid;align-content:center;gap:5px;width:30px;height:40px;padding:8px;border:0;border-radius:50%;background:none;flex-shrink:0;cursor:pointer}.mobile-menu-toggle span{height:1px;background:#d9edf8;width:14px;transition:transform .2s}.mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
 .nav-links.is-open{position:absolute;display:flex;flex-direction:column;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(310px,calc(100vw - 32px));padding:14px;gap:2px;white-space:normal;border:1px solid #d3ecff29;border-radius:22px;background:linear-gradient(135deg,#142c3cf5,#081622fa);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 60px #0007}
 .nav-links.is-open a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:12px;font-size:14px}.nav-links.is-open a:active{background:#ffffff0c}
}
@media(max-width:680px){
 .nav-inner{top:10px}.nav-cta{font-size:11px;padding:0 8px}
 .about-team-photo{aspect-ratio:4/3;min-height:0}.about-owner-photo{aspect-ratio:4/5;width:86%;min-height:0}.about-small-photos .photo-tile{aspect-ratio:1;min-height:0}.photo-tile img{object-position:var(--photo-position-mobile,var(--photo-position,50% 50%))}
 .senior-section{--flight-height:420px;padding:295px 0 56px}.senior-card{min-height:0;padding:28px 24px;gap:26px}.senior-copy h3{font-size:25px}
 .messenger-choices .quiz-choice{flex:1 1 90px}.case-controls{flex-wrap:wrap;gap:12px}.quiz-actions-main{flex-wrap:wrap}.quiz-pane{min-width:0}.phase-actions .btn{white-space:normal;line-height:1.3;text-align:center}
}
@media(prefers-reduced-motion:reduce){.photo-tile img{transition:none}}



/* ABOUT US PAGE — extends the current Traffic PRO home design system */
body.about-page{
  background:
    radial-gradient(1100px 720px at 82% -8%,rgba(73,200,242,.07),transparent 62%),
    radial-gradient(900px 620px at 8% 22%,rgba(255,216,74,.028),transparent 65%),
    #06111B;
}
.about-page main{overflow:clip}
.about-page .hero-scroll{height:440vh}
.about-page .hero-pin{background:radial-gradient(900px 700px at 16% 36%,rgba(255,216,74,.018),transparent 64%),radial-gradient(900px 650px at 83% 30%,rgba(73,200,242,.045),transparent 62%)}
.about-page .giant-word{right:-4vw;bottom:-3vh}
.about-page .phase h1{max-width:790px}.about-page .phase p{max-width:650px}.about-page .glass{min-height:500px}

.about-hero-screen{overflow:hidden;background:radial-gradient(circle at 82% 14%,rgba(73,200,242,.12),transparent 26%),linear-gradient(160deg,rgba(14,36,54,.74),rgba(5,14,24,.30))}
.ahs-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ahs-label{color:#CFE0ED;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.ahs-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:9px;color:#FFE69A;background:rgba(255,216,74,.06);border:1px solid rgba(255,216,74,.12);font-size:9px;font-weight:700;text-transform:uppercase}
.ahs-title{margin-top:20px;font:800 31px/1.02 Manrope,sans-serif;letter-spacing:-.045em;max-width:350px}
.ahs-copy{margin-top:9px;max-width:350px;color:#91A5B7;font-size:12px;line-height:1.58}
.ahs-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:22px}
.ahs-metric{min-height:70px;padding:12px 13px;border-radius:15px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.055);display:grid;align-content:end}
.ahs-metric b{font:800 22px/1 Manrope,sans-serif;letter-spacing:-.045em}.ahs-metric span{display:block;margin-top:7px;color:#7E91A4;font-size:8px;line-height:1.35;text-transform:uppercase;letter-spacing:.06em}
.ahs-recommendation{display:flex;align-items:center;gap:12px;margin:16px 2px 0;color:#DDE9F0;font:700 15px/1.22 Manrope,sans-serif;letter-spacing:-.025em}.ahs-recommendation strong{flex:none;background:linear-gradient(90deg,#FFF1B5,var(--yellow) 58%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent;font:800 32px/1 Manrope,sans-serif;letter-spacing:-.055em}.ahs-recommendation span{max-width:255px}
.ahs-photo{position:relative;height:228px;margin-top:16px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 76% 18%,rgba(73,200,242,.18),transparent 28%),radial-gradient(circle at 20% 78%,rgba(255,216,74,.07),transparent 30%),linear-gradient(145deg,#102B3E,#071621)}
.ahs-photo span{position:absolute;left:15px;right:15px;bottom:13px;z-index:2;color:#B1C3D1;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ahs-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,8,14,.76));pointer-events:none}
.ahs-photo picture,.ahs-photo img{position:absolute;inset:0;width:100%;height:100%}.ahs-photo img{object-fit:cover;object-position:var(--photo-position,50% 50%);opacity:0;transition:opacity .35s}.ahs-photo.has-photo img{opacity:1}.ahs-photo.has-photo>span{display:none}
.ahs-owner-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:17px}.ahs-owner-note{padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.ahs-owner-note b{display:block;font:700 14px/1.2 Manrope,sans-serif}.ahs-owner-note p{margin:8px 0 0;color:#8396A8;font-size:10px;line-height:1.48}
.ahs-owner-profile{min-width:0}.ahs-owner-grid .ahs-photo{height:222px;margin-top:0}.ahs-owner-name{display:block;margin:11px 2px 0;color:#F4F8FB;font:800 19px/1.1 Manrope,sans-serif;letter-spacing:-.045em}.ahs-role-list{display:grid;gap:7px;margin-top:10px}.ahs-role-list i{font-style:normal;padding:8px 10px;border-radius:10px;background:rgba(73,200,242,.045);border:1px solid rgba(73,200,242,.09);color:#B7EFFF;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ahs-team-photo{height:238px;margin-top:18px}.ahs-team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.ahs-team-row span{padding:9px;border-radius:11px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.055);color:#A6B7C5;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.05em}
.ahs-system{margin-top:18px;display:grid;gap:10px}.ahs-system-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.024)}
.ahs-system-row i{width:26px;height:2px;background:linear-gradient(90deg,var(--yellow),var(--cyan))}.ahs-system-row b{font-size:11px}.ahs-system-row span{color:#7890A3;font-size:8px;text-transform:uppercase;letter-spacing:.06em}

.about-page .tp-section{position:relative;isolation:isolate}.about-page .tp-section::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(680px 420px at var(--section-x,82%) 16%,rgba(73,200,242,.025),transparent 70%)}
.about-page .tp-section.warm-field::before{background:radial-gradient(700px 430px at 14% 35%,rgba(255,216,74,.022),transparent 70%)}.about-page .tp-shell{z-index:2}

.about-statement{padding:150px 0 138px;border-top:1px solid var(--tp-line-soft)}.statement-grid{display:grid;grid-template-columns:.34fr 1.66fr;gap:38px;align-items:start}
.statement-index{padding-top:13px;color:#71869A;font:700 11px/1 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}.statement-copy{max-width:1050px}
.statement-copy h2{margin:0;font:800 clamp(48px,6vw,82px)/.99 Manrope,sans-serif;letter-spacing:-.06em;text-wrap:balance}.statement-copy p{margin:28px 0 0;max-width:760px;color:var(--tp-body);font-size:18px;line-height:1.7}.statement-copy .statement-line{display:block}.statement-copy .statement-line:nth-child(2){color:#D8E7F1}

.about-metrics{padding-top:92px;padding-bottom:118px}.metrics-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.metrics-head .tp-copy{max-width:560px;margin:0}
.metrics-strip{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:26px}.metric-cell{min-height:190px;padding:28px 22px;display:flex;flex-direction:column;justify-content:flex-start;border-right:1px solid var(--tp-line-soft)}.metric-cell:last-child{border-right:0}
.metric-cell b{font:800 clamp(31px,3.1vw,47px)/1 Manrope,sans-serif;letter-spacing:-.05em;white-space:nowrap}.metric-cell small{display:block;margin-top:12px;color:#8298AA;font-size:12px;line-height:1.5}.metric-cell.accent b{background:linear-gradient(90deg,#FFF1B5,var(--yellow) 55%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}

.founder-section{padding-top:126px;padding-bottom:130px}.founder-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
.founder-photo{min-height:690px;border-radius:34px;background:radial-gradient(circle at 74% 16%,rgba(255,216,74,.13),transparent 28%),radial-gradient(circle at 20% 76%,rgba(73,200,242,.08),transparent 28%),linear-gradient(145deg,#152F41,#071622)}
.founder-photo-contacts{position:absolute;z-index:2;left:24px;bottom:24px;display:flex;gap:10px}
.founder-photo::before{background:linear-gradient(180deg,transparent 52%,rgba(2,8,14,.72))}.founder-eyebrow{display:flex;align-items:center;gap:10px;color:#91A7B9;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.founder-eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--yellow),var(--cyan))}
.founder-copy h2{margin:24px 0 0;font:800 clamp(44px,5vw,68px)/1 Manrope,sans-serif;letter-spacing:-.055em}.founder-name{margin-top:18px;color:#E8F2F8;font:700 18px/1.3 Manrope,sans-serif}.founder-name span{display:block;margin-top:6px;color:#778EA1;font:500 12px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.founder-name .founder-name-main{color:#E8F2F8;font:700 18px/1.3 Manrope,sans-serif;text-transform:none;letter-spacing:0}
.founder-copy>p{margin:24px 0 0;color:var(--tp-body);font-size:17px;line-height:1.74;max-width:650px}.founder-quote{margin:34px 0 0;padding:23px 24px 24px;border-left:2px solid var(--yellow);border-radius:0 20px 20px 0;background:linear-gradient(90deg,rgba(255,216,74,.045),rgba(255,255,255,.012));color:#DDE8EF;font:600 19px/1.55 Manrope,sans-serif}
.founder-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.founder-tags span{padding:10px 12px;border-radius:11px;border:1px solid rgba(73,200,242,.11);background:rgba(73,200,242,.035);color:#A9E7F8;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}


.team-section{padding:124px 0 134px}.team-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.team-head .tp-copy{margin:0}
.team-photo-large{margin-top:52px;min-height:660px;border-radius:36px}.team-photo-large::before{background:linear-gradient(180deg,transparent 53%,rgba(2,8,14,.82))}
.team-photo-overlay{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:24px}.team-photo-overlay strong{font:800 clamp(28px,3vw,42px)/1 Manrope,sans-serif;letter-spacing:-.04em}.team-photo-overlay p{margin:0;max-width:480px;color:#B7C6D1;font-size:13px;line-height:1.55;text-align:right}
.team-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.team-trust article{padding:22px 22px 24px;min-height:160px;border-radius:22px}.team-trust b{font:700 18px/1.2 Manrope,sans-serif}.team-trust p{margin:13px 0 0;color:#879BAC;font-size:13px;line-height:1.6}

.about-principles{padding:126px 0}.about-principles .human-cards{margin-top:54px}.about-principles .human-card{min-height:260px}.about-principles .human-card p{font-size:15px}

.no-layers{padding:130px 0}.no-layers-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:start}.no-layers-copy{position:sticky;top:132px}.no-layers-copy h2{margin:0;font:800 clamp(42px,5vw,66px)/1.02 Manrope,sans-serif;letter-spacing:-.052em}.no-layers-copy p{margin:22px 0 0;color:var(--tp-body);font-size:16px;line-height:1.72}
.no-layers-list{border-top:1px solid var(--tp-line)}.no-layer-row{display:grid;grid-template-columns:1fr 28px 1fr;gap:18px;align-items:center;min-height:132px;border-bottom:1px solid var(--tp-line-soft)}.no-layer-row .from{color:#768A9C;font-size:14px;line-height:1.5}.no-layer-row .arrow{color:var(--yellow);font-size:18px;text-align:center}.no-layer-row .to{color:#E0EAF0;font:700 19px/1.35 Manrope,sans-serif}

.history-section{padding:130px 0 150px;overflow:hidden}.history-head{max-width:850px}.history-orbit{position:relative;min-height:520px;margin-top:64px}.history-path{position:absolute;left:2%;right:-7%;top:48%;height:220px;border:1px solid rgba(73,200,242,.15);border-left-color:rgba(255,216,74,.18);border-radius:50%;transform:translateY(-50%) rotate(-5deg)}
.history-path::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:rgba(255,216,74,.34);clip-path:inset(0 calc((1 - var(--history-p,0))*100%) 0 0)}
.history-node{position:absolute;width:min(400px,36vw)}.history-node.start{left:2%;top:5%}.history-node.now{right:2%;bottom:2%;text-align:right}.history-year{font:800 clamp(64px,8vw,114px)/.9 Manrope,sans-serif;letter-spacing:-.07em;color:rgba(245,250,253,.95)}
.history-node.start .history-year{background:linear-gradient(90deg,#FFF0AE,var(--yellow),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.history-node.now .history-year{background:linear-gradient(90deg,#E8F8FF,var(--cyan2),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.history-node p{margin:20px 0 0;color:#8DA2B4;font-size:15px;line-height:1.65}.history-object{position:absolute;left:calc(11% + var(--history-p,0)*72%);top:calc(55% - var(--history-p,0)*13%);width:12px;height:12px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 7px rgba(255,216,74,.045),0 0 26px rgba(255,216,74,.16);transform:translate(-50%,-50%)}

.about-faq{padding:124px 0 128px}.about-faq .faq-layout{margin-top:50px}.about-faq .faq-intro{max-width:540px}.about-faq .faq-intro p{color:var(--tp-body);font-size:16px;line-height:1.7}
.about-page .final-cta{min-height:650px}.about-page .final-copy{max-width:760px}
.about-photo picture,.about-photo img,.photo-tile picture,.photo-tile img{position:absolute;inset:0;display:block;width:100%;height:100%}.about-photo img,.photo-tile img{object-fit:cover;object-position:var(--photo-position,50% 50%);opacity:0;transition:opacity .35s}.about-photo.has-photo img,.photo-tile.has-photo img{opacity:1}.about-photo.has-photo>span,.photo-tile.has-photo>span{display:none}

@media(hover:hover) and (pointer:fine){.team-photo-large,.founder-photo{transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .3s}.team-photo-large:hover,.founder-photo:hover{border-color:rgba(150,225,255,.18)}}
@media(max-width:1020px){
  .about-page .hero-scroll{height:430vh}.ahs-title{font-size:26px}.ahs-metrics{gap:6px}.ahs-metric{min-height:70px;padding:10px}.ahs-metric b{font-size:18px}.ahs-owner-grid{gap:8px}.ahs-owner-grid .ahs-photo{height:194px}.ahs-team-photo{height:205px}
  .statement-grid{grid-template-columns:1fr;gap:18px}.statement-index{padding-top:0}.metrics-head{align-items:start;flex-direction:column}.metrics-strip{grid-template-columns:repeat(2,1fr)}.metric-cell{border-bottom:1px solid var(--tp-line-soft)}.metric-cell:nth-child(2n){border-right:0}.metric-cell:last-child{grid-column:1/3;border-bottom:0}
  .founder-layout{grid-template-columns:1fr;gap:44px}.founder-photo{min-height:600px}
  .team-head{grid-template-columns:1fr;gap:22px}.team-photo-large{min-height:520px}.team-trust{grid-template-columns:1fr}.no-layers-layout{grid-template-columns:1fr;gap:48px}.no-layers-copy{position:relative;top:auto}.history-orbit{min-height:460px}.history-node{width:min(380px,46vw)}
}
@media(max-width:680px){
  .about-page .hero-scroll{height:470vh}.about-page .glass{height:300px}.ahs-chip{display:none}.ahs-title{margin-top:10px;font-size:21px}.ahs-copy{font-size:9px;line-height:1.38}.ahs-metrics{margin-top:10px}.ahs-metric{min-height:51px;padding:8px}.ahs-metric b{font-size:15px}.ahs-metric span{font-size:6px;margin-top:4px}.ahs-recommendation{gap:7px;margin-top:8px;font-size:8px}.ahs-recommendation strong{font-size:19px}.ahs-recommendation span{max-width:none}
  .ahs-photo{height:132px;margin-top:9px;border-radius:14px}.ahs-photo span{font-size:7px;left:10px;bottom:8px}.ahs-owner-grid{grid-template-columns:1fr 1fr;margin-top:10px}.ahs-owner-grid .ahs-photo{height:142px}.ahs-owner-name{margin:7px 1px 0;font-size:11px}.ahs-owner-note{padding:10px;border-radius:13px}.ahs-owner-note b{font-size:10px}.ahs-owner-note p{font-size:7px;margin-top:5px}.ahs-role-list{gap:4px;margin-top:5px}.ahs-role-list i{padding:5px 6px;font-size:6px}.ahs-team-photo{height:142px;margin-top:9px}.ahs-team-row{gap:4px;margin-top:6px}.ahs-team-row span{font-size:6px;padding:6px 4px}.ahs-system{margin-top:8px;gap:5px}.ahs-system-row{grid-template-columns:20px 1fr auto;padding:7px 8px;border-radius:9px}.ahs-system-row i{width:16px}.ahs-system-row b{font-size:8px}.ahs-system-row span{font-size:6px}
  .about-statement,.founder-section,.team-section,.about-principles,.no-layers,.history-section,.about-faq{padding-top:92px;padding-bottom:96px}.statement-copy h2{font-size:clamp(38px,12vw,55px)}.statement-copy p{font-size:15px}.about-metrics{padding-top:74px;padding-bottom:92px}.metrics-head{margin-bottom:30px}.metrics-strip{grid-template-columns:1fr}.metric-cell{min-height:132px;border-right:0!important}.metric-cell:last-child{grid-column:auto}.metric-cell b{font-size:38px}
  .founder-photo{min-height:510px;border-radius:26px}.founder-photo-contacts{left:16px;bottom:16px}.founder-copy h2{font-size:42px}.founder-copy>p{font-size:15px}.founder-quote{font-size:16px;padding:19px 18px}.work-copy{min-height:340px}.work-frames{grid-template-columns:1fr}.work-frame{min-height:390px;border-radius:25px}
  .team-photo-large{min-height:500px;border-radius:28px}.team-photo-overlay{left:18px;right:18px;bottom:18px;display:block}.team-photo-overlay p{margin-top:10px;text-align:left}.team-trust article{min-height:0}.about-principles .human-card{min-height:0}.no-layer-row{grid-template-columns:1fr 22px 1fr;min-height:112px;gap:10px}.no-layer-row .from{font-size:12px}.no-layer-row .to{font-size:15px}
  .history-orbit{min-height:500px}.history-path{left:-18%;right:-45%;top:51%}.history-node{width:80vw}.history-node.start{left:0;top:0}.history-node.now{right:0;bottom:0}.history-node p{font-size:13px}.history-object{left:calc(12% + var(--history-p,0)*70%);top:calc(53% - var(--history-p,0)*5%)}
}
@media(prefers-reduced-motion:reduce){.history-object{transition:none!important}}