:root {
      --bg:#09090B;
      --surface:#18181B;
      --glass:rgba(24,24,27,.65);
      --text:#FFFFFF;
      --muted:#A1A1AA;
      --subtle:#71717A;
      --line:rgba(255,255,255,.10);
      --line-soft:rgba(255,255,255,.05);
      --accent:#6366F1;
      --accent-soft:rgba(99,102,241,.15);
      --green:#10B981;
      --radius-xl:32px;
      --radius-lg:24px;
      --radius-md:20px;
      --app-max:430px;
      --header-h:88px;
      --shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 80px rgba(0,0,0,.36);
      --scroll-progress:0;
      --hero-shift:0;
      --hero-dim:0;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      min-height:100vh;
      background:var(--bg);
      color:var(--text);
      font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
      -webkit-font-smoothing:antialiased;
      overflow-x:hidden;
    }

    button,input,textarea,select{font:inherit}
    button{cursor:pointer;-webkit-tap-highlight-color:transparent}

    .app{
      position:relative;
      width:100%;
      max-width:var(--app-max);
      margin:0 auto;
      min-height:100vh;
      background:var(--bg);
      overflow:hidden;
      padding-bottom:120px;
    }

    .scroll-progress{
      display:none;
    }

    .scroll-ambient{
      display:none;
    }

    .cursor-dot,
    .cursor-ring{
      display:none;
    }

    .smart-header{
      position:fixed;
      z-index:50;
      top:0;
      left:50%;
      transform:translateX(-50%);
      width:min(100%,var(--app-max));
      height:calc(var(--header-h) + env(safe-area-inset-top));
      padding:env(safe-area-inset-top) 16px 0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      background:var(--glass);
      border-bottom:1px solid var(--line-soft);
      border-radius:0 0 24px 24px;
      backdrop-filter:blur(24px) saturate(135%);
      -webkit-backdrop-filter:blur(24px) saturate(135%);
      box-shadow:inset 0 -1px 0 rgba(255,255,255,.025);
    }

    .brand{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:18px;
      font-weight:800;
      letter-spacing:-.04em;
    }

    .status-dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--green);
      box-shadow:0 0 8px rgba(16,185,129,.68);
    }

    .location{
      font-size:10px;
      font-weight:600;
      letter-spacing:.12em;
      color:var(--subtle);
    }

    .hero{
      position:relative;
      min-height:650px;
      padding:calc(var(--header-h) + env(safe-area-inset-top) + 70px) 16px 42px;
      display:flex;
      align-items:flex-end;
      isolation:isolate;
      overflow:hidden;
    }

    .hero-media{
      position:absolute;
      inset:0;
      z-index:-3;
      background:
        url("https://images.unsplash.com/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=1200&q=88")
        center 24%/cover no-repeat;
      transform:scale(1.015);
      transition:transform .18s linear,filter .18s linear;
    }

    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-2;
      background:
        linear-gradient(to bottom,rgba(9,9,11,.58) 0%,rgba(9,9,11,.16) 26%,rgba(9,9,11,.56) 58%,#09090B 90%,#09090B 100%),
        linear-gradient(90deg,rgba(9,9,11,.46),transparent 72%);
    }

    .hero::after{
      content:"";
      position:absolute;
      right:-40px;
      top:150px;
      width:220px;
      height:220px;
      z-index:-1;
      border-radius:50%;
      background:rgba(99,102,241,.15);
      filter:blur(80px);
    }

    .hero-content{
      position:relative;
      z-index:1;
    }

    .hero-orbit{
      display:none;
    }

    .badge,.tag{
      display:inline-flex;
      align-items:center;
      min-height:28px;
      padding:0 12px;
      border-radius:999px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.05);
      color:#D4D4D8;
      font-size:12px;
      backdrop-filter:blur(16px);
    }

    .hero h1{
      margin:16px 0;
      max-width:360px;
      font-size:clamp(42px,11vw,48px);
      line-height:1.02;
      letter-spacing:-.055em;
      font-weight:900;
    }

    .hero h1 .gradient-word{
      background:linear-gradient(100deg,#FFFFFF 5%,#71717A 92%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .hero p{
      margin:0;
      max-width:310px;
      color:var(--muted);
      font-size:16px;
      line-height:1.45;
    }

    .hero-meta{
      display:flex;
      gap:8px;
      margin-top:22px;
      flex-wrap:wrap;
    }

    .hero-meta span{
      padding:8px 11px;
      border-radius:999px;
      border:1px solid var(--line-soft);
      background:rgba(255,255,255,.035);
      color:#D4D4D8;
      font-size:10px;
    }

    section{position:relative}
    .section{padding:0 16px;margin-top:48px}

    .section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:16px;
      margin-bottom:16px;
    }

    .section-head h2{
      margin:0;
      font-size:24px;
      line-height:1.1;
      letter-spacing:-.04em;
      font-weight:700;
    }

    .section-head p{
      margin:0;
      max-width:140px;
      color:var(--subtle);
      font-size:10px;
      line-height:1.35;
      text-align:right;
    }

    .about-card,
    .service-card,
    .process-card,
    .price-card,
    .contact-card{
      position:relative;
      overflow:hidden;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.08);
      background:var(--surface);
      box-shadow:var(--shadow);
    }

    .reveal-card{
      transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .7s ease,border-color .35s ease;
    }

    .about-card{
      padding:24px;
    }

    .about-card::before,
    .price-card::before,
    .contact-card::before{
      content:"";
      position:absolute;
      width:150px;
      height:150px;
      right:-35px;
      top:-50px;
      border-radius:50%;
      background:rgba(99,102,241,.22);
      filter:blur(72px);
      pointer-events:none;
    }

    .about-card h3{
      position:relative;
      margin:0 0 12px;
      font-size:22px;
      line-height:1.16;
      letter-spacing:-.04em;
    }

    .about-card p{
      position:relative;
      margin:0;
      color:var(--muted);
      font-size:14px;
      line-height:1.55;
    }

    .about-stats{
      position:relative;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:8px;
      margin-top:22px;
      padding-top:20px;
      border-top:1px solid var(--line);
    }

    .about-stat strong{
      display:block;
      margin-bottom:4px;
      font-size:20px;
      letter-spacing:-.04em;
    }

    .about-stat span{
      color:var(--subtle);
      font-size:9px;
      line-height:1.3;
    }

    .services-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }

    .service-card{
      min-height:180px;
      padding:18px;
      border-radius:24px;
    }

    .service-card.wide{
      grid-column:1/-1;
      min-height:160px;
    }

    .service-icon{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      margin-bottom:30px;
      border-radius:14px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.055);
    }

    .service-icon svg{width:21px}

    .service-card h3{
      margin:0 0 7px;
      font-size:17px;
      letter-spacing:-.035em;
    }

    .service-card p{
      margin:0;
      color:var(--muted);
      font-size:11px;
      line-height:1.45;
    }

    .cases-track{
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:280px;
      gap:12px;
      margin:0 -16px;
      padding:0 16px 10px;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      scrollbar-width:none;
    }

    .cases-track::-webkit-scrollbar{display:none}

    .case-card{
      position:relative;
      height:360px;
      border-radius:24px;
      overflow:hidden;
      scroll-snap-align:start;
      border:1px solid rgba(255,255,255,.08);
      box-shadow:var(--shadow);
      isolation:isolate;
    }

    .case-card::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:linear-gradient(to top,rgba(0,0,0,.94) 4%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.04));
    }

    .case-card img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      z-index:-2;
    }

    .case-content{
      position:absolute;
      left:20px;
      right:20px;
      bottom:20px;
    }

    .case-content .tag{
      min-height:24px;
      margin-bottom:8px;
      color:#A5B4FC;
      background:rgba(99,102,241,.13);
      border-color:rgba(129,140,248,.22);
      font-size:10px;
    }

    .case-content h3{
      margin:0;
      font-size:20px;
      letter-spacing:-.035em;
    }

    .case-content p{
      margin:8px 0 0;
      color:#D4D4D8;
      font-size:11px;
      line-height:1.4;
    }

    .process-list{display:grid;gap:10px}

    .process-card{
      padding:18px;
      border-radius:22px;
      background:rgba(255,255,255,.035);
      display:grid;
      grid-template-columns:42px 1fr;
      gap:14px;
      align-items:start;
    }

    .process-num{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:14px;
      border:1px solid rgba(99,102,241,.35);
      background:var(--accent-soft);
      color:#C7D2FE;
      font-size:12px;
      font-weight:800;
    }

    .process-card h3{
      margin:2px 0 6px;
      font-size:15px;
      letter-spacing:-.03em;
    }

    .process-card p{
      margin:0;
      color:var(--muted);
      font-size:11px;
      line-height:1.48;
    }

    .team-track{
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:170px;
      gap:12px;
      margin:0 -16px;
      padding:0 16px 10px;
      overflow-x:auto;
      scrollbar-width:none;
    }

    .team-track::-webkit-scrollbar{display:none}

    .team-card{
      overflow:hidden;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.08);
      background:#111;
      box-shadow:var(--shadow);
    }

    .team-photo{height:190px;overflow:hidden}

    .team-photo img{
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(.72) contrast(1.04);
    }

    .team-info{padding:14px}

    .team-info strong{
      display:block;
      margin-bottom:4px;
      font-size:13px;
    }

    .team-info span{
      color:var(--subtle);
      font-size:9px;
    }

    .price-card{
      padding:24px;
    }

    .price-top{
      position:relative;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
    }

    .price-top h3{
      margin:0 0 6px;
      font-size:20px;
      letter-spacing:-.04em;
    }

    .price-top p{
      margin:0;
      color:var(--muted);
      font-size:11px;
    }

    .price{
      text-align:right;
      font-size:28px;
      line-height:1;
      letter-spacing:-.05em;
      font-weight:800;
      white-space:nowrap;
    }

    .price small{
      display:block;
      margin-top:5px;
      color:var(--subtle);
      font-size:9px;
      letter-spacing:0;
      font-weight:500;
    }

    .features{
      position:relative;
      display:grid;
      gap:10px;
      margin-top:22px;
      padding-top:20px;
      border-top:1px solid var(--line);
    }

    .feature{
      display:flex;
      align-items:center;
      gap:9px;
      color:#D4D4D8;
      font-size:11px;
    }

    .feature i{
      width:18px;
      height:18px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:rgba(16,185,129,.10);
      color:#A7F3D0;
      font-size:10px;
      font-style:normal;
    }

    .quote{
      padding:20px;
      border-radius:24px;
      border:1px solid var(--line-soft);
      background:rgba(255,255,255,.03);
    }

    .quote p{
      margin:0 0 16px;
      color:#E4E4E7;
      font-size:13px;
      line-height:1.55;
    }

    .quote-footer{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:center;
    }

    .quote-footer strong{display:block;font-size:12px;margin-bottom:3px}
    .quote-footer span{color:var(--subtle);font-size:9px}
    .stars{color:#FACC15;font-size:10px;letter-spacing:.08em}

    .faq{display:grid;gap:8px}

    .faq-item{
      overflow:hidden;
      border-radius:20px;
      border:1px solid var(--line-soft);
      background:rgba(255,255,255,.03);
    }

    .faq-question{
      width:100%;
      min-height:62px;
      padding:0 18px;
      border:0;
      background:transparent;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      text-align:left;
      font-size:12px;
      font-weight:650;
    }

    .faq-plus{
      width:26px;
      height:26px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:rgba(255,255,255,.055);
      transition:.25s;
    }

    .faq-answer{
      max-height:0;
      overflow:hidden;
      transition:max-height .3s ease;
    }

    .faq-answer p{
      margin:0;
      padding:0 18px 18px;
      color:var(--muted);
      font-size:11px;
      line-height:1.55;
    }

    .faq-item.open .faq-answer{max-height:160px}
    .faq-item.open .faq-plus{transform:rotate(45deg)}

    .contact-card{padding:24px}

    .contact-card h2{
      position:relative;
      margin:0 0 10px;
      font-size:24px;
      letter-spacing:-.04em;
    }

    .contact-card>p{
      position:relative;
      margin:0;
      color:var(--muted);
      font-size:13px;
      line-height:1.5;
    }

    .contact-list{
      position:relative;
      display:grid;
      gap:10px;
      margin-top:22px;
    }

    .contact-item{
      display:flex;
      align-items:center;
      gap:12px;
      padding:13px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.07);
      background:rgba(255,255,255,.04);
    }

    .contact-icon{
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      border-radius:13px;
      background:rgba(255,255,255,.055);
    }

    .contact-icon svg{width:18px}
    .contact-item small{display:block;color:var(--subtle);font-size:8px;margin-bottom:3px}
    .contact-item strong{font-size:11px}

    footer{
      padding:40px 16px 8px;
      color:var(--subtle);
      font-size:9px;
      line-height:1.55;
    }

    footer strong{
      display:block;
      color:#D4D4D8;
      font-size:12px;
      margin-bottom:7px;
    }

    .floating-bar{
      position:fixed;
      z-index:60;
      left:50%;
      bottom:max(24px,env(safe-area-inset-bottom));
      transform:translateX(-50%);
      width:min(calc(100% - 32px),calc(var(--app-max) - 32px));
      height:72px;
      padding:8px;
      border-radius:999px;
      display:flex;
      gap:8px;
      background:var(--glass);
      border:1px solid var(--line);
      backdrop-filter:blur(24px) saturate(135%);
      -webkit-backdrop-filter:blur(24px) saturate(135%);
      box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);
    }

    .icon-button,.main-button{border:0}

    .icon-button{
      flex:0 0 56px;
      width:56px;
      height:56px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:rgba(255,255,255,.10);
      color:#fff;
    }

    .icon-button svg{width:22px}

    .main-button{
      flex:1;
      min-width:0;
      height:56px;
      padding:0 18px;
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      background:#fff;
      color:#000;
      font-size:15px;
      font-weight:800;
    }

    .main-button svg{width:18px}

    .sheet-overlay{
      position:fixed;
      z-index:100;
      inset:0;
      background:rgba(0,0,0,.60);
      opacity:0;
      visibility:hidden;
      transition:.3s;
    }

    .sheet-overlay.open{opacity:1;visibility:visible}

    .bottom-sheet{
      position:absolute;
      left:50%;
      bottom:0;
      width:min(100%,var(--app-max));
      max-height:90vh;
      overflow-y:auto;
      transform:translate(-50%,105%);
      transition:transform .42s cubic-bezier(.22,.85,.31,1);
      padding:12px 20px max(24px,env(safe-area-inset-bottom));
      border-radius:32px 32px 0 0;
      background:#09090B;
      border:1px solid rgba(255,255,255,.08);
      box-shadow:0 -30px 100px rgba(0,0,0,.60),inset 0 1px 0 rgba(255,255,255,.05);
    }

    .sheet-overlay.open .bottom-sheet{transform:translate(-50%,0)}

    .drag{
      width:40px;
      height:4px;
      margin:0 auto 22px;
      border-radius:4px;
      background:rgba(255,255,255,.20);
    }

    .sheet-head{
      display:flex;
      justify-content:space-between;
      gap:16px;
      align-items:flex-start;
    }

    .sheet-head h2{
      margin:0;
      font-size:25px;
      letter-spacing:-.045em;
    }

    .sheet-head p{
      margin:6px 0 0;
      color:var(--muted);
      font-size:12px;
    }

    .close-sheet{
      width:34px;
      height:34px;
      border-radius:50%;
      border:1px solid var(--line);
      background:rgba(255,255,255,.05);
      color:#fff;
      display:grid;
      place-items:center;
    }

    .type-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
      margin-top:24px;
    }

    .type-btn{
      min-height:82px;
      padding:13px;
      border-radius:18px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      color:#fff;
      text-align:left;
    }

    .type-btn strong{display:block;font-size:12px;margin-bottom:5px}
    .type-btn span{color:var(--subtle);font-size:9px;line-height:1.35}
    .type-btn.active{border-color:var(--accent);background:var(--accent-soft)}

    .form-grid{display:grid;gap:10px;margin-top:18px}

    .field{
      width:100%;
      min-height:52px;
      padding:0 15px;
      border-radius:16px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.045);
      color:#fff;
      outline:none;
    }

    textarea.field{
      min-height:100px;
      padding-top:15px;
      resize:vertical;
    }

    .field::placeholder{color:#68686F}

    .submit{
      width:100%;
      height:56px;
      margin-top:14px;
      border:0;
      border-radius:18px;
      background:#fff;
      color:#000;
      font-weight:800;
    }

    .success{
      display:none;
      margin-top:14px;
      padding:14px;
      border-radius:16px;
      border:1px solid rgba(16,185,129,.22);
      background:rgba(16,185,129,.08);
      color:#D1FAE5;
      font-size:11px;
      line-height:1.45;
    }

    .success.show{display:block}

    @media(min-width:700px){
      body{padding:24px 0}
      .app{min-height:calc(100vh - 48px);border-radius:36px}
      .smart-header{top:24px;border-radius:36px 36px 24px 24px}
      .floating-bar{bottom:48px}
      .bottom-sheet{bottom:24px;border-radius:32px}
    }

    @media(min-width:1000px){
      :root{
        --app-max:min(1540px,calc(100vw - 72px));
        --header-h:104px;
      }

      body{padding:32px 0}

      .app{
        min-height:calc(100vh - 64px);
        border-radius:44px;
        padding-bottom:164px;
        overflow:clip;
      }

      .scroll-progress{
        position:fixed;
        z-index:70;
        right:max(28px,calc((100vw - var(--app-max)) / 2 + 28px));
        top:164px;
        width:3px;
        height:calc(100vh - 340px);
        min-height:260px;
        display:block;
        border-radius:999px;
        background:rgba(255,255,255,.08);
        overflow:hidden;
        box-shadow:0 0 0 1px rgba(255,255,255,.04);
      }

      .scroll-progress span{
        display:block;
        width:100%;
        height:100%;
        border-radius:inherit;
        transform-origin:top;
        transform:scaleY(var(--scroll-progress));
        background:linear-gradient(to bottom,#fff,#A5B4FC,#6366F1);
        box-shadow:0 0 22px rgba(99,102,241,.72);
      }

      .scroll-ambient{
        position:fixed;
        z-index:0;
        right:max(-160px,calc((100vw - var(--app-max)) / 2 - 120px));
        top:18%;
        display:block;
        width:340px;
        height:340px;
        border-radius:50%;
        background:radial-gradient(circle,rgba(99,102,241,.18),transparent 66%);
        filter:blur(18px);
        opacity:calc(.22 + var(--scroll-progress) * .42);
        transform:translate3d(0,calc(var(--hero-shift) * -.08px),0);
        pointer-events:none;
      }

      .smart-header{
        top:32px;
        padding-left:42px;
        padding-right:42px;
        border-radius:44px 44px 28px 28px;
      }

      .brand{
        gap:12px;
        font-size:26px;
      }

      .status-dot{
        width:11px;
        height:11px;
      }

      .location{
        font-size:13px;
      }

      .hero{
        min-height:900px;
        padding:calc(var(--header-h) + env(safe-area-inset-top) + 108px) 72px 100px;
        display:grid;
        grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
        align-items:end;
        gap:48px;
      }

      .hero-media{
        background-position:center 34%;
        transform:translate3d(0,calc(var(--hero-shift) * .18px),0) scale(1.04);
        filter:saturate(calc(1 - var(--hero-dim) * .18)) brightness(calc(1 - var(--hero-dim) * .16));
      }

      .hero::before{
        background:
          linear-gradient(to bottom,rgba(9,9,11,.58) 0%,rgba(9,9,11,.12) 28%,rgba(9,9,11,.54) 62%,#09090B 88%,#09090B 100%),
          linear-gradient(90deg,rgba(9,9,11,.72),rgba(9,9,11,.18) 58%,transparent 88%);
      }

      .hero::after{
        right:9%;
        top:230px;
        width:340px;
        height:340px;
        filter:blur(110px);
      }

      .hero-content{
        max-width:1180px;
        transform:translate3d(0,calc(var(--hero-shift) * -.055px),0);
      }

      .hero-orbit{
        position:relative;
        display:block;
        align-self:stretch;
        min-height:520px;
        border-radius:42px;
        border:1px solid rgba(255,255,255,.08);
        background:
          radial-gradient(circle at 35% 26%,rgba(255,255,255,.13),transparent 0 12%,transparent 13%),
          radial-gradient(circle at 72% 64%,rgba(99,102,241,.23),transparent 0 16%,transparent 17%),
          linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.28);
        overflow:hidden;
        opacity:.92;
        transform:translate3d(0,calc(var(--hero-shift) * .06px),0);
      }

      .hero-orbit::before{
        content:"";
        position:absolute;
        inset:42px;
        border-radius:50%;
        border:1px solid rgba(255,255,255,.10);
        box-shadow:0 0 0 72px rgba(255,255,255,.018),0 0 0 144px rgba(255,255,255,.012);
        opacity:.78;
      }

      .hero-orbit::after{
        content:"";
        position:absolute;
        width:180px;
        height:180px;
        right:54px;
        top:78px;
        border-radius:38px;
        border:1px solid rgba(255,255,255,.12);
        background:rgba(9,9,11,.46);
        backdrop-filter:blur(18px);
        transform:rotate(10deg);
      }

      .orbit-pill{
        position:absolute;
        z-index:1;
        display:flex;
        align-items:center;
        gap:10px;
        min-height:54px;
        padding:0 18px;
        border-radius:999px;
        border:1px solid rgba(255,255,255,.10);
        background:rgba(9,9,11,.48);
        color:#E4E4E7;
        font-size:15px;
        font-weight:650;
        backdrop-filter:blur(18px);
        box-shadow:0 20px 50px rgba(0,0,0,.22);
      }

      .orbit-pill i{
        width:10px;
        height:10px;
        border-radius:50%;
        background:var(--green);
        box-shadow:0 0 16px rgba(16,185,129,.8);
      }

      .orbit-pill:nth-child(1){left:38px;top:82px}
      .orbit-pill:nth-child(2){right:44px;bottom:112px}
      .orbit-pill:nth-child(3){left:76px;bottom:58px}

      .badge,
      .tag{
        min-height:42px;
        padding:0 18px;
        font-size:15px;
      }

      .hero h1{
        max-width:980px;
        margin:24px 0 22px;
        font-size:clamp(76px,5.45vw,106px);
        line-height:1.08;
        letter-spacing:-.045em;
      }

      .hero p{
        max-width:760px;
        font-size:30px;
        line-height:1.48;
      }

      .hero-meta{
        gap:16px;
        margin-top:38px;
      }

      .hero-meta span{
        padding:14px 22px;
        font-size:17px;
      }

      .section{
        padding:0 72px;
        margin-top:96px;
      }

      .section-head{
        margin-bottom:28px;
        position:sticky;
        top:142px;
        z-index:2;
        align-self:start;
      }

      .section-head h2{
        font-size:44px;
      }

      .section-head p{
        max-width:360px;
        font-size:16px;
        line-height:1.45;
      }

      .about-card,
      .price-card,
      .contact-card{
        padding:44px;
        border-radius:36px;
      }

      .about-card{
        display:grid;
        grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
        gap:42px;
        align-items:end;
      }

      .about-card h3{
        max-width:920px;
        font-size:44px;
        line-height:1.12;
      }

      .about-card p{
        max-width:980px;
        font-size:22px;
        line-height:1.7;
      }

      .about-stats{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:0;
        padding-top:0;
        border-top:0;
      }

      .about-stat{
        min-height:112px;
        padding:22px;
        border-radius:26px;
        border:1px solid rgba(255,255,255,.07);
        background:rgba(255,255,255,.035);
      }

      .about-stat strong{
        font-size:42px;
      }

      .about-stat span{
        font-size:15px;
        line-height:1.45;
      }

      .services-grid{
        grid-template-columns:repeat(3,1fr);
        gap:20px;
      }

      .service-card,
      .service-card.wide{
        min-height:260px;
        padding:30px;
        border-radius:32px;
      }

      .service-card:hover,
      .case-card:hover,
      .team-card:hover,
      .process-card:hover{
        border-color:rgba(255,255,255,.18);
        transform:translateY(-8px);
      }

      .service-card.wide{
        grid-column:auto;
      }

      .service-icon{
        width:64px;
        height:64px;
        margin-bottom:58px;
        border-radius:20px;
      }

      .service-icon svg{width:32px}

      .service-card h3{
        font-size:28px;
      }

      .service-card p{
        font-size:17px;
        line-height:1.55;
      }

      .cases-track{
        grid-auto-columns:minmax(360px,1fr);
        grid-template-columns:repeat(3,1fr);
        grid-auto-flow:initial;
        gap:22px;
        margin:0;
        padding:0;
        overflow:visible;
      }

      .case-card{
        height:520px;
        border-radius:34px;
      }

      .case-content{
        left:30px;
        right:30px;
        bottom:30px;
      }

      .case-content .tag{
        min-height:34px;
        font-size:13px;
      }

      .case-content h3{
        font-size:30px;
      }

      .case-content p{
        font-size:16px;
        line-height:1.5;
      }

      .process-list{
        grid-template-columns:repeat(3,1fr);
        gap:18px;
      }

      .process-card{
        grid-template-columns:58px 1fr;
        gap:18px;
        padding:28px;
        border-radius:28px;
      }

      .process-num{
        width:58px;
        height:58px;
        border-radius:18px;
        font-size:16px;
      }

      .process-card h3{
        font-size:24px;
      }

      .process-card p{
        font-size:16px;
        line-height:1.55;
      }

      .team-track{
        grid-auto-columns:1fr;
        grid-template-columns:repeat(3,1fr);
        grid-auto-flow:initial;
        gap:22px;
        margin:0;
        padding:0;
        overflow:visible;
      }

      .team-card{
        border-radius:32px;
      }

      .team-photo{height:360px}

      .team-info{padding:24px}

      .team-info strong{font-size:22px}
      .team-info span{font-size:14px}

      .price-top h3{font-size:34px}
      .price-top p{font-size:18px}
      .price{font-size:46px}

      .features{gap:16px}
      .feature{font-size:17px}
      .feature i{width:26px;height:26px;font-size:13px}

      .quote{
        padding:32px;
        border-radius:32px;
      }

      .quote p{font-size:20px}
      .quote-footer strong{font-size:17px}
      .quote-footer span{font-size:13px}
      .stars{font-size:15px}

      .faq{
        gap:12px;
      }

      .faq-question{
        min-height:82px;
        padding:0 28px;
        font-size:19px;
      }

      .faq-plus{
        width:36px;
        height:36px;
      }

      .faq-answer p{
        padding:0 28px 28px;
        font-size:16px;
      }

      .contact-card h2{font-size:44px}
      .contact-card>p{max-width:780px;font-size:20px;line-height:1.6}
      .contact-list{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
      .contact-item{padding:20px;border-radius:24px}
      .contact-icon{width:56px;height:56px;border-radius:18px}
      .contact-icon svg{width:26px}
      .contact-item small{font-size:12px}
      .contact-item strong{font-size:17px}

      footer{
        padding:70px 72px 24px;
        font-size:13px;
      }

      footer strong{font-size:17px}

      .floating-bar{
        bottom:48px;
        width:min(calc(100% - 128px),calc(var(--app-max) - 128px));
        height:92px;
        padding:16px;
        border-radius:32px;
      }

      .icon-button{
        width:68px;
        height:68px;
        border-radius:22px;
      }

      .icon-button svg{width:28px}

      .main-button{
        height:68px;
        font-size:20px;
        border-radius:22px;
      }

      .main-button svg{width:22px}

      .reveal-card{
        opacity:.22;
        transform:translate3d(0,46px,0) scale(.985);
      }

      .reveal-card.in-view{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
      }
    }

    @media(min-width:1320px){
      .hero{
        grid-template-columns:minmax(0,1fr) 460px;
      }

      .hero h1{
        max-width:1060px;
      }
    }

    .reveal-card{
      opacity:.35;
      transform:translate3d(0,34px,0) scale(.985);
      transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .7s ease,border-color .35s ease,box-shadow .35s ease;
    }

    .reveal-card.in-view{
      opacity:1;
      transform:translate3d(0,0,0) scale(1);
    }

    @media(max-width:999px){
      .scroll-progress{
        position:fixed;
        z-index:80;
        left:16px;
        right:16px;
        bottom:max(104px,calc(env(safe-area-inset-bottom) + 104px));
        display:block;
        height:2px;
        border-radius:999px;
        background:rgba(255,255,255,.08);
        overflow:hidden;
        pointer-events:none;
      }

      .scroll-progress span{
        display:block;
        width:100%;
        height:100%;
        transform-origin:left;
        transform:scaleX(var(--scroll-progress));
        border-radius:inherit;
        background:linear-gradient(90deg,#fff,#A5B4FC,#6366F1);
        box-shadow:0 0 18px rgba(99,102,241,.75);
      }

      .hero-media{
        transform:translate3d(0,calc(var(--hero-shift) * .08px),0) scale(1.035);
        filter:brightness(calc(1 - var(--hero-dim) * .10));
      }
    }

    @media(min-width:1000px){
      :root{
        --app-max:100vw;
        --header-h:96px;
      }

      html,
      body{
        height:100%;
        overflow:hidden;
      }

      body{
        padding:0;
        background:
          radial-gradient(circle at 10% 18%,rgba(99,102,241,.14),transparent 28%),
          radial-gradient(circle at 88% 12%,rgba(16,185,129,.08),transparent 24%),
          #09090B;
      }

      body::selection{background:#fff;color:#09090B}

      .cursor-dot,
      .cursor-ring{
        position:fixed;
        z-index:200;
        left:0;
        top:0;
        display:block;
        border-radius:50%;
        pointer-events:none;
        opacity:0;
        transform:translate3d(-50%,-50%,0);
        transition:opacity .25s ease,width .25s ease,height .25s ease,background .25s ease,border-color .25s ease;
        mix-blend-mode:difference;
      }

      .cursor-dot{
        width:7px;
        height:7px;
        background:#fff;
      }

      .cursor-ring{
        width:42px;
        height:42px;
        border:1px solid rgba(255,255,255,.58);
      }

      body.cursor-ready .cursor-dot,
      body.cursor-ready .cursor-ring{
        opacity:1;
      }

      body.cursor-active .cursor-ring{
        width:68px;
        height:68px;
        border-color:rgba(255,255,255,.9);
        background:rgba(255,255,255,.08);
      }

      .app{
        display:grid;
        grid-template-columns:minmax(420px,40vw) minmax(0,1fr);
        grid-auto-rows:min-content;
        gap:0;
        width:100vw;
        max-width:none;
        height:100vh;
        min-height:100vh;
        margin:0;
        padding:0 0 72px;
        border-radius:0;
        overflow-y:auto;
        overflow-x:hidden;
        scroll-behavior:smooth;
        scrollbar-width:thin;
        scrollbar-color:rgba(255,255,255,.28) rgba(255,255,255,.04);
        background:
          linear-gradient(90deg,#09090B 0%,#09090B 39.9%,rgba(9,9,11,.84) 40%,rgba(9,9,11,.92) 100%);
      }

      .app::-webkit-scrollbar{width:12px}
      .app::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
      .app::-webkit-scrollbar-thumb{
        border:4px solid rgba(9,9,11,.86);
        border-radius:999px;
        background:linear-gradient(#fff,#818CF8);
      }

      .app::before{
        content:"";
        position:fixed;
        inset:0 0 0 40vw;
        z-index:0;
        pointer-events:none;
        background:
          linear-gradient(rgba(9,9,11,.82),rgba(9,9,11,.88)),
          url("https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1600&q=82")
          center/cover no-repeat;
        filter:saturate(.75);
      }

      .app::after{
        content:"";
        position:fixed;
        inset:0 0 0 40vw;
        z-index:0;
        pointer-events:none;
        background:
          radial-gradient(circle at 22% 18%,rgba(255,255,255,.09),transparent 0 12%,transparent 13%),
          radial-gradient(circle at 78% 40%,rgba(99,102,241,.16),transparent 0 20%,transparent 21%),
          linear-gradient(135deg,rgba(255,255,255,.05),transparent 42%);
        backdrop-filter:blur(28px);
        opacity:.92;
      }

      .scroll-progress{
        position:fixed;
        z-index:90;
        right:28px;
        top:48px;
        bottom:48px;
        display:block;
        width:4px;
        height:auto;
        min-height:0;
        border-radius:999px;
        background:rgba(255,255,255,.09);
        overflow:hidden;
      }

      .scroll-progress span{
        display:block;
        width:100%;
        height:100%;
        transform-origin:top;
        transform:scaleY(var(--scroll-progress));
        border-radius:inherit;
        background:linear-gradient(to bottom,#fff,#C7D2FE,#6366F1);
        box-shadow:0 0 24px rgba(99,102,241,.78);
      }

      .scroll-ambient{
        position:fixed;
        z-index:1;
        right:10vw;
        top:18vh;
        display:block;
        width:360px;
        height:360px;
        border-radius:50%;
        background:radial-gradient(circle,rgba(99,102,241,.18),transparent 68%);
        filter:blur(20px);
        opacity:calc(.25 + var(--scroll-progress) * .45);
        transform:translate3d(0,calc(var(--hero-shift) * -.12px),0);
        pointer-events:none;
      }

      .smart-header{
        position:sticky;
        top:0;
        left:auto;
        grid-column:1;
        grid-row:1;
        transform:none;
        width:100%;
        height:112px;
        padding:0 48px;
        border-radius:0;
        background:linear-gradient(to bottom,rgba(9,9,11,.96),rgba(9,9,11,.68));
        border:0;
        box-shadow:none;
      }

      .brand{font-size:22px}
      .location{font-size:12px}

      .hero{
        position:sticky;
        top:0;
        grid-column:1;
        grid-row:1 / span 40;
        height:100vh;
        min-height:100vh;
        display:flex;
        align-items:center;
        padding:140px 48px 160px;
        border-right:1px solid rgba(255,255,255,.08);
        overflow:hidden;
      }

      .hero-media{
        inset:0;
        background-position:center;
        opacity:.22;
        transform:translate3d(0,calc(var(--hero-shift) * .08px),0) scale(1.08);
      }

      .hero::before{
        background:
          linear-gradient(to bottom,rgba(9,9,11,.58),rgba(9,9,11,.94)),
          linear-gradient(90deg,#09090B 0%,rgba(9,9,11,.92) 72%,rgba(9,9,11,.72));
      }

      .hero::after{
        right:18%;
        top:18%;
        width:360px;
        height:360px;
        opacity:.8;
      }

      .hero-content{
        max-width:620px;
        transform:translate3d(0,calc(var(--hero-shift) * -.035px),0);
      }

      .hero-orbit{display:none}

      .badge{
        min-height:40px;
        padding:0 18px;
        font-size:14px;
      }

      .hero h1{
        max-width:620px;
        margin:26px 0 22px;
        font-size:clamp(56px,4.7vw,78px);
        line-height:1.02;
        letter-spacing:-.055em;
      }

      .hero p{
        max-width:560px;
        font-size:19px;
        line-height:1.65;
      }

      .hero-meta{
        gap:10px;
        margin-top:32px;
      }

      .hero-meta span{
        padding:11px 15px;
        font-size:13px;
      }

      .section{
        position:relative;
        z-index:2;
        grid-column:2;
        width:min(100%,980px);
        justify-self:center;
        padding:0;
        margin:0;
      }

      .section:first-of-type{
        padding-top:48px;
      }

      .section + .section{
        margin-top:24px;
      }

      .section-head{
        position:relative;
        top:auto;
        z-index:1;
        margin:0 0 18px;
        padding:0 6px;
      }

      .section-head h2{
        font-size:28px;
      }

      .section-head p{
        max-width:280px;
        font-size:13px;
      }

      .about-card,
      .price-card,
      .contact-card,
      .service-card,
      .process-card,
      .quote,
      .faq-item,
      .team-card,
      .case-card{
        background:rgba(24,24,27,.66);
        border-color:rgba(255,255,255,.10);
        backdrop-filter:blur(24px) saturate(130%);
        -webkit-backdrop-filter:blur(24px) saturate(130%);
      }

      .about-card{
        display:grid;
        grid-template-columns:1.22fr .78fr;
        gap:24px;
        min-height:360px;
        padding:34px;
        border-radius:32px;
      }

      .about-card h3{
        font-size:34px;
        line-height:1.08;
      }

      .about-card p{
        font-size:17px;
        line-height:1.62;
      }

      .about-stats{
        grid-template-columns:1fr;
        gap:12px;
        margin:0;
        padding:0;
        border:0;
      }

      .about-stat{
        padding:20px;
        border-radius:24px;
        border:1px solid rgba(255,255,255,.08);
        background:rgba(255,255,255,.04);
      }

      .about-stat strong{font-size:34px}
      .about-stat span{font-size:13px}

      .services-grid{
        display:grid;
        grid-template-columns:repeat(6,1fr);
        grid-auto-rows:minmax(138px,auto);
        gap:16px;
      }

      .service-card{
        grid-column:span 3;
        min-height:260px;
        padding:28px;
        border-radius:30px;
      }

      .service-card.wide{
        grid-column:span 6;
        min-height:220px;
      }

      .service-icon{
        width:58px;
        height:58px;
        margin-bottom:42px;
        border-radius:19px;
      }

      .service-card h3{font-size:24px}
      .service-card p{font-size:15px;line-height:1.55}

      .cases-track{
        display:grid;
        grid-template-columns:repeat(6,1fr);
        grid-auto-flow:initial;
        grid-auto-columns:auto;
        gap:16px;
        margin:0;
        padding:0;
        overflow:visible;
      }

      .case-card{
        grid-column:span 3;
        height:300px;
        border-radius:32px;
      }

      .case-card:first-child{
        grid-column:span 6;
        height:430px;
      }

      .case-card img{
        transition:transform .8s ease,filter .8s ease;
      }

      .case-card:hover img{
        transform:scale(1.06);
        filter:saturate(1.08) contrast(1.06);
      }

      .case-card:hover::after{
        background:linear-gradient(to top,rgba(0,0,0,.96) 6%,rgba(0,0,0,.34) 62%,rgba(0,0,0,.08));
      }

      .case-content h3{font-size:25px}
      .case-content p{font-size:14px}

      .process-list{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:16px;
      }

      .process-card{
        display:block;
        min-height:230px;
        padding:26px;
        border-radius:28px;
      }

      .process-num{
        width:54px;
        height:54px;
        margin-bottom:24px;
      }

      .process-card h3{font-size:21px}
      .process-card p{font-size:14px}

      .team-track{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        grid-auto-flow:initial;
        grid-auto-columns:auto;
        gap:16px;
        margin:0;
        padding:0;
        overflow:visible;
      }

      .team-photo{height:260px}
      .team-info strong{font-size:18px}
      .team-info span{font-size:12px}

      .price-card{
        padding:34px;
        border-radius:32px;
      }

      .price-top h3{font-size:30px}
      .price-top p{font-size:15px}
      .price{font-size:42px}

      .features{
        grid-template-columns:repeat(2,1fr);
        gap:14px;
      }

      .feature{font-size:15px}

      .quote{padding:28px;border-radius:28px}
      .quote p{font-size:17px}

      .faq{gap:10px}
      .faq-question{min-height:72px;font-size:16px}
      .faq-answer p{font-size:14px}

      .contact-card{
        padding:34px;
        border-radius:32px;
      }

      .contact-card h2{font-size:36px}
      .contact-card>p{font-size:17px}
      .contact-list{grid-template-columns:repeat(3,1fr);gap:14px}
      .contact-item{padding:18px;border-radius:22px}
      .contact-icon{width:50px;height:50px}
      .contact-item small{font-size:10px}
      .contact-item strong{font-size:14px}

      footer{
        position:relative;
        z-index:2;
        grid-column:2;
        width:min(100%,980px);
        justify-self:center;
        padding:42px 0 64px;
        font-size:12px;
      }

      .floating-bar{
        left:48px;
        right:auto;
        bottom:48px;
        transform:none;
        width:min(500px,calc(40vw - 96px));
        height:80px;
        padding:10px;
        border-radius:28px;
      }

      .icon-button{
        width:60px;
        height:60px;
        border-radius:20px;
      }

      .main-button{
        height:60px;
        border-radius:20px;
        font-size:17px;
      }

      .service-card:hover,
      .case-card:hover,
      .team-card:hover,
      .process-card:hover,
      .price-card:hover,
      .quote:hover,
      .faq-item:hover,
      .contact-card:hover{
        border-color:rgba(129,140,248,.34);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 90px rgba(0,0,0,.38),0 0 0 1px rgba(99,102,241,.08);
        transform:translateY(-6px) scale(1.01);
      }

      .bottom-sheet{
        right:0;
        left:auto;
        bottom:0;
        width:min(440px,100vw);
        height:100vh;
        max-height:none;
        border-radius:34px 0 0 34px;
        transform:translateX(104%);
        border-left:1px solid rgba(255,255,255,.12);
      }

      .sheet-overlay.open .bottom-sheet{
        transform:translateX(0);
      }

      .sheet-overlay.open{
        opacity:1;
        pointer-events:auto;
      }
    }


    /* Spatial desktop concept: immersive canvas, no classic page/grid. */
    @keyframes spatialDrift{
      0%,100%{transform:translate3d(-1.5%,-1%,0) scale(1.04) rotate(.001deg)}
      50%{transform:translate3d(1.5%,1%,0) scale(1.07) rotate(.001deg)}
    }

    @keyframes islandPulse{
      0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.36),0 22px 80px rgba(0,0,0,.42)}
      50%{box-shadow:0 0 0 10px rgba(16,185,129,0),0 28px 95px rgba(99,102,241,.16)}
    }

    .spatial-hint{display:none}

    @media(min-width:1000px){
      :root{
        --mouse-x:0;
        --mouse-y:0;
        --stage-progress:0;
      }

      html,body{
        width:100%;
        height:100%;
        overflow:hidden;
        overscroll-behavior:none;
      }

      body{
        padding:0;
        cursor:none;
        background:#09090B;
      }

      body::before{
        content:"";
        position:fixed;
        inset:-7%;
        z-index:-3;
        background:
          linear-gradient(rgba(9,9,11,.78),rgba(9,9,11,.9)),
          url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2200&q=82") center/cover no-repeat;
        filter:blur(18px) saturate(.82) contrast(1.08);
        transform:translate3d(calc(var(--mouse-x) * -18px),calc(var(--mouse-y) * -18px),0) scale(1.08);
        animation:spatialDrift 18s ease-in-out infinite;
      }

      body::after{
        content:"";
        position:fixed;
        inset:0;
        z-index:-2;
        background:
          radial-gradient(circle at calc(50% + var(--mouse-x) * 12%) calc(46% + var(--mouse-y) * 10%),rgba(99,102,241,.20),transparent 34%),
          radial-gradient(circle at 18% 78%,rgba(16,185,129,.10),transparent 26%),
          linear-gradient(115deg,rgba(9,9,11,.96),rgba(9,9,11,.70) 52%,rgba(9,9,11,.96));
        pointer-events:none;
      }

      .app{
        position:fixed;
        inset:0;
        width:100vw;
        max-width:none;
        height:100vh;
        min-height:100vh;
        margin:0;
        padding:0;
        overflow:hidden;
        border-radius:0;
        background:transparent;
        perspective:1400px;
        transform-style:preserve-3d;
      }

      .app::-webkit-scrollbar{display:none}
      .app{scrollbar-width:none}
      .app::before,.app::after{display:none}

      .smart-header{
        position:fixed;
        z-index:90;
        top:32px;
        left:40px;
        right:40px;
        width:auto;
        height:60px;
        transform:none;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
        display:flex;
        pointer-events:none;
      }

      .brand,.location{
        min-height:48px;
        padding:0 18px;
        border:1px solid rgba(255,255,255,.08);
        border-radius:999px;
        background:rgba(24,24,27,.34);
        backdrop-filter:blur(30px) saturate(150%);
        -webkit-backdrop-filter:blur(30px) saturate(150%);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
        pointer-events:auto;
      }

      .brand{font-size:18px;letter-spacing:-.035em}
      .location{display:flex;align-items:center;font-size:12px;color:#D4D4D8}

      .scroll-progress{
        position:fixed;
        z-index:92;
        left:50%;
        bottom:28px;
        display:block;
        width:min(520px,42vw);
        height:4px;
        transform:translateX(-50%);
        border-radius:999px;
        background:rgba(255,255,255,.09);
        overflow:hidden;
      }

      .scroll-progress span{
        display:block;
        width:100%;
        height:100%;
        transform-origin:left;
        transform:scaleX(var(--stage-progress));
        border-radius:inherit;
        background:linear-gradient(90deg,#fff,#A5B4FC,#6366F1);
        box-shadow:0 0 30px rgba(99,102,241,.86);
      }

      .scroll-ambient{
        position:fixed;
        z-index:1;
        inset:auto 8vw 10vh auto;
        display:block;
        width:360px;
        height:360px;
        border-radius:50%;
        background:radial-gradient(circle,rgba(99,102,241,.22),transparent 68%);
        filter:blur(30px);
        transform:translate3d(calc(var(--mouse-x) * 24px),calc(var(--mouse-y) * 24px),0);
        pointer-events:none;
      }

      .spatial-hint{
        position:fixed;
        z-index:91;
        left:50%;
        top:32px;
        transform:translateX(-50%);
        display:flex;
        align-items:center;
        gap:10px;
        min-height:48px;
        padding:0 18px;
        border-radius:999px;
        border:1px solid rgba(255,255,255,.08);
        background:rgba(24,24,27,.34);
        color:#D4D4D8;
        font-size:12px;
        font-weight:650;
        letter-spacing:.02em;
        backdrop-filter:blur(30px) saturate(150%);
      }

      .spatial-hint::before{
        content:"";
        width:7px;
        height:7px;
        border-radius:50%;
        background:#fff;
        box-shadow:0 0 18px rgba(255,255,255,.8);
      }

      .spatial-scene{
        position:fixed !important;
        inset:0;
        z-index:10;
        width:100vw !important;
        height:100vh !important;
        min-height:100vh !important;
        margin:0 !important;
        padding:118px max(48px,7vw) 118px !important;
        display:grid !important;
        place-items:center;
        justify-items:center;
        align-items:center;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translate3d(0,0,-420px) scale(.72);
        filter:blur(16px) saturate(.72);
        transition:opacity .82s ease,visibility .82s ease,transform .92s cubic-bezier(.16,1,.3,1),filter .82s ease;
        transform-style:preserve-3d;
      }

      .spatial-scene.is-active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translate3d(calc(var(--mouse-x) * -10px),calc(var(--mouse-y) * -10px),0) scale(1);
        filter:blur(0) saturate(1);
      }

      .spatial-scene.is-prev{
        transform:translate3d(calc(var(--mouse-x) * -16px),-8vh,380px) scale(1.18);
        opacity:0;
      }

      .spatial-scene.is-next{
        transform:translate3d(calc(var(--mouse-x) * 10px),8vh,-520px) scale(.66);
        opacity:0;
      }

      .hero.spatial-scene{
        overflow:visible;
      }

      .hero-media{
        position:fixed;
        inset:-8%;
        opacity:.34;
        transform:translate3d(calc(var(--mouse-x) * -28px),calc(var(--mouse-y) * -28px),-160px) scale(1.14);
        filter:blur(2px) saturate(.82) brightness(.82);
      }

      .hero::before{
        background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),rgba(9,9,11,.28) 34%,rgba(9,9,11,.9) 78%);
      }

      .hero::after{
        right:18vw;
        top:18vh;
        width:380px;
        height:380px;
        background:rgba(99,102,241,.20);
        filter:blur(120px);
      }

      .hero-content,
      .section > article,
      .section > .services-grid,
      .section > .cases-track,
      .section > .process-list,
      .section > .team-track,
      .section > .faq,
      .section > div:not(.section-head){
        position:relative;
        width:min(860px,70vw);
        min-height:420px;
        padding:46px;
        border-radius:42px;
        border:1px solid rgba(255,255,255,.09);
        background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));
        backdrop-filter:blur(42px) saturate(145%);
        -webkit-backdrop-filter:blur(42px) saturate(145%);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 140px rgba(0,0,0,.48),0 0 120px rgba(99,102,241,.10);
        transform-style:preserve-3d;
        transition:transform .22s ease,box-shadow .35s ease,border-color .35s ease;
      }

      .hero-content{
        width:min(960px,calc(100vw - 160px));
        min-height:520px;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        overflow:visible;
        padding:56px min(330px,28vw) 56px 56px;
      }

      .hero-content::after{
        content:"";
        position:absolute;
        right:34px;
        top:40px;
        width:min(260px,24vw);
        height:min(340px,42vh);
        border-radius:42px;
        background:url("https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=700&q=86") center/cover no-repeat;
        box-shadow:0 38px 110px rgba(0,0,0,.48);
        transform:translateZ(58px) rotate(5deg);
        border:1px solid rgba(255,255,255,.10);
      }

      .hero-content:hover,
      .section > article:hover,
      .section > .services-grid:hover,
      .section > .cases-track:hover,
      .section > .process-list:hover,
      .section > .team-track:hover,
      .section > .faq:hover,
      .section > div:not(.section-head):hover{
        border-color:rgba(199,210,254,.28);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 46px 150px rgba(0,0,0,.54),0 0 140px rgba(99,102,241,.22);
      }

      .badge,.tag{
        min-height:42px;
        padding:0 18px;
        font-size:14px;
      }

      .hero h1{
        max-width:760px;
        margin:26px 0 22px;
        font-size:clamp(58px,5vw,88px);
        line-height:1.01;
        letter-spacing:-.058em;
      }

      .hero p{
        max-width:620px;
        font-size:20px;
        line-height:1.6;
      }

      .hero-meta span{font-size:13px;padding:11px 15px}
      .hero-orbit{display:none}

      .section-head{
        position:absolute;
        top:104px;
        left:50%;
        z-index:3;
        display:block;
        width:min(420px,70vw);
        margin:0;
        opacity:.72;
        transform:translateX(-50%);
        text-align:center;
      }

      .section-head h2{font-size:18px;text-transform:uppercase;letter-spacing:.18em;color:#E4E4E7}
      .section-head p{max-width:320px;margin:8px auto 0;text-align:center;font-size:12px}

      .about-card{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:end}
      .about-card h3{font-size:42px;line-height:1.08}
      .about-card p{font-size:18px;line-height:1.65}
      .about-stat{padding:18px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
      .about-stat strong{font-size:34px}

      .services-grid,.cases-track,.process-list,.team-track,.faq{
        display:grid !important;
        gap:16px;
      }

      .services-grid{grid-template-columns:repeat(2,1fr)}
      .service-card,.service-card.wide{grid-column:auto;min-height:210px;padding:24px;border-radius:28px;background:rgba(9,9,11,.32)}
      .service-card.wide{grid-column:1/-1;min-height:190px}
      .service-icon{margin-bottom:28px}
      .service-card h3{font-size:23px}
      .service-card p{font-size:15px}

      .cases-track{grid-template-columns:1.25fr .75fr;grid-auto-flow:initial;overflow:visible;margin:0;padding:46px}
      .case-card{height:240px;border-radius:28px}
      .case-card:first-child{grid-row:span 2;height:auto;min-height:496px}
      .case-card img{transition:transform .8s ease,filter .8s ease}
      .case-card:hover img{transform:scale(1.07);filter:saturate(1.08) contrast(1.06)}

      .process-list{grid-template-columns:repeat(3,1fr)}
      .process-card{display:block;min-height:260px;padding:24px;border-radius:28px;background:rgba(9,9,11,.32)}
      .process-num{margin-bottom:28px}

      .team-track{grid-template-columns:repeat(3,1fr);grid-auto-flow:initial;overflow:visible;margin:0;padding:46px}
      .team-photo{height:250px}

      .price-card,.contact-card{width:min(760px,64vw)}
      .price-top h3,.contact-card h2{font-size:38px}
      .price{font-size:48px}
      .features{grid-template-columns:repeat(2,1fr)}
      .feature{font-size:15px}

      .quote{width:min(760px,64vw);padding:34px;border-radius:34px}
      .quote p{font-size:22px;line-height:1.55}

      .faq{width:min(760px,64vw);padding:28px}
      .faq-question{min-height:74px;font-size:17px}
      .faq-answer p{font-size:14px}

      .contact-list{grid-template-columns:repeat(3,1fr);gap:14px}
      .contact-item{padding:18px;border-radius:22px;background:rgba(9,9,11,.28)}

      footer{display:none}

      .floating-bar{
        position:fixed;
        z-index:94;
        left:50%;
        right:auto;
        bottom:56px;
        transform:translateX(-50%);
        width:min(760px,62vw);
        height:76px;
        padding:10px;
        border-radius:999px;
        animation:islandPulse 3s ease-in-out infinite;
      }

      .floating-bar::before{display:none}

      .icon-button{width:56px;height:56px;border-radius:50%}
      .main-button{height:56px;border-radius:999px;font-size:17px}

      .bottom-sheet{
        right:0;
        left:auto;
        bottom:0;
        width:min(460px,100vw);
        height:100vh;
        max-height:none;
        border-radius:34px 0 0 34px;
        transform:translateX(104%);
        border-left:1px solid rgba(255,255,255,.12);
      }
      .sheet-overlay.open .bottom-sheet{transform:translateX(0)}

      .reveal-card{opacity:1;transform:none}
    }



    .voice-orb{display:none}

    @media(min-width:1000px){
      .voice-orb{
        position:fixed;
        z-index:93;
        right:40px;
        bottom:40px;
        display:grid;
        place-items:center;
        width:64px;
        height:64px;
        border:1px solid rgba(255,255,255,.10);
        border-radius:50%;
        background:rgba(24,24,27,.36);
        color:#fff;
        backdrop-filter:blur(34px) saturate(150%);
        -webkit-backdrop-filter:blur(34px) saturate(150%);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 90px rgba(0,0,0,.42),0 0 80px rgba(99,102,241,.16);
        transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
      }

      .voice-orb:hover{
        transform:translateY(-4px) scale(1.04);
        border-color:rgba(199,210,254,.34);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 100px rgba(0,0,0,.50),0 0 110px rgba(99,102,241,.28);
      }

      .voice-orb::before{
        content:"";
        position:absolute;
        inset:-7px;
        border-radius:inherit;
        border:1px solid rgba(255,255,255,.06);
        animation:islandPulse 3.6s ease-in-out infinite;
      }

      .voice-orb svg{width:25px;height:25px}
    }


    /* Final stable spatial desktop pass: centered scenes, no mouse-follow motion. */
    @media(min-width:1000px){
      :root{
        --stage-progress:0;
        --scroll-progress:0;
        --mouse-x:0;
        --mouse-y:0;
      }

      html,
      body{
        width:100%;
        height:100%;
        overflow:hidden;
        overscroll-behavior:none;
      }

      body{
        padding:0;
        cursor:auto !important;
        background:#07070A;
      }

      body::before{
        content:"";
        position:fixed;
        inset:-5%;
        z-index:-3;
        background:
          linear-gradient(115deg,rgba(7,7,10,.94),rgba(7,7,10,.74) 48%,rgba(7,7,10,.96)),
          url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2200&q=82") center/cover no-repeat;
        filter:blur(18px) saturate(.86) contrast(1.08);
        transform:scale(1.08) !important;
        animation:spatialDrift 24s ease-in-out infinite;
        pointer-events:none;
      }

      body::after{
        content:"";
        position:fixed;
        inset:0;
        z-index:-2;
        background:
          radial-gradient(circle at 50% 42%,rgba(99,102,241,.18),transparent 34%),
          radial-gradient(circle at 16% 78%,rgba(16,185,129,.10),transparent 28%),
          linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.46));
        pointer-events:none;
      }

      .cursor-dot,
      .cursor-ring,
      .spatial-hint,
      .voice-orb{
        display:none !important;
      }

      .app{
        position:fixed;
        inset:0;
        width:100vw;
        max-width:none;
        height:100vh;
        min-height:100vh;
        margin:0;
        padding:0;
        overflow:hidden;
        border-radius:0;
        background:transparent;
        perspective:1300px;
        transform-style:preserve-3d;
      }

      .app::before,
      .app::after{display:none !important}

      .smart-header{
        position:fixed;
        z-index:90;
        top:clamp(22px,3vh,34px);
        left:clamp(28px,4vw,58px);
        right:clamp(28px,4vw,58px);
        width:auto;
        height:54px;
        padding:0;
        transform:none;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        pointer-events:none;
      }

      .brand,
      .location{
        min-height:48px;
        padding:0 18px;
        border-radius:999px;
        border:1px solid rgba(255,255,255,.09);
        background:rgba(24,24,27,.38);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 70px rgba(0,0,0,.28);
        backdrop-filter:blur(28px) saturate(145%);
        -webkit-backdrop-filter:blur(28px) saturate(145%);
        pointer-events:auto;
      }

      .brand{font-size:18px;letter-spacing:-.03em}
      .location{display:flex;align-items:center;font-size:12px;color:#D4D4D8}

      .scroll-ambient{
        display:block;
        position:fixed;
        z-index:1;
        left:50%;
        top:50%;
        width:min(52vw,760px);
        height:min(52vw,760px);
        transform:translate(-50%,-50%) !important;
        border-radius:50%;
        background:radial-gradient(circle,rgba(99,102,241,.16),rgba(16,185,129,.055) 38%,transparent 70%);
        filter:blur(32px);
        opacity:.9;
        pointer-events:none;
      }

      .scroll-progress{
        display:block;
        position:fixed;
        z-index:92;
        left:50%;
        bottom:22px;
        width:min(460px,34vw);
        height:3px;
        transform:translateX(-50%);
        border-radius:999px;
        background:rgba(255,255,255,.10);
        overflow:hidden;
      }

      .scroll-progress span{
        display:block;
        width:100%;
        height:100%;
        transform-origin:left;
        transform:scaleX(var(--stage-progress));
        border-radius:inherit;
        background:linear-gradient(90deg,#fff,#B8C1FF,#6366F1);
        box-shadow:0 0 28px rgba(99,102,241,.8);
      }

      .spatial-scene{
        position:fixed !important;
        inset:0 !important;
        z-index:10;
        width:100vw !important;
        height:100vh !important;
        min-height:100vh !important;
        margin:0 !important;
        padding:clamp(96px,11vh,128px) clamp(42px,6vw,96px) clamp(118px,13vh,148px) !important;
        display:grid !important;
        place-items:center !important;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translate3d(0,6vh,-360px) scale(.82) !important;
        filter:blur(14px) saturate(.76);
        transition:opacity .7s ease,visibility .7s ease,transform .82s cubic-bezier(.16,1,.3,1),filter .7s ease;
        transform-style:preserve-3d;
      }

      .spatial-scene.is-active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translate3d(0,0,0) scale(1) !important;
        filter:blur(0) saturate(1);
      }

      .spatial-scene.is-prev{
        transform:translate3d(0,-5vh,300px) scale(1.08) !important;
        opacity:0;
        filter:blur(18px) saturate(.72);
      }

      .spatial-scene.is-next{
        transform:translate3d(0,7vh,-420px) scale(.74) !important;
        opacity:0;
        filter:blur(16px) saturate(.76);
      }

      .hero.spatial-scene{overflow:hidden !important}

      .hero-media{
        position:fixed;
        inset:0;
        opacity:.22;
        transform:none !important;
        filter:blur(1px) saturate(.82) brightness(.74);
      }

      .hero::before{
        background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.075),rgba(9,9,11,.24) 34%,rgba(9,9,11,.88) 78%);
      }

      .hero::after{display:none !important}

      .hero-content,
      .section > article,
      .section > .services-grid,
      .section > .cases-track,
      .section > .process-list,
      .section > .team-track,
      .section > .faq,
      .section > div:not(.section-head){
        position:relative;
        justify-self:center;
        align-self:center;
        width:min(920px,calc(100vw - 128px));
        max-height:calc(100vh - 248px);
        min-height:auto;
        margin:0 !important;
        padding:clamp(28px,3.8vw,48px);
        border-radius:36px;
        border:1px solid rgba(255,255,255,.10);
        background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045));
        box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 36px 120px rgba(0,0,0,.48),0 0 120px rgba(99,102,241,.09);
        backdrop-filter:blur(40px) saturate(145%);
        -webkit-backdrop-filter:blur(40px) saturate(145%);
        overflow:auto;
        transform:none !important;
        transition:border-color .28s ease,box-shadow .28s ease,background .28s ease;
      }

      .hero-content:hover,
      .section > article:hover,
      .section > .services-grid:hover,
      .section > .cases-track:hover,
      .section > .process-list:hover,
      .section > .team-track:hover,
      .section > .faq:hover,
      .section > div:not(.section-head):hover{
        border-color:rgba(199,210,254,.26);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 42px 130px rgba(0,0,0,.54),0 0 120px rgba(99,102,241,.18);
      }

      .hero-content{
        width:min(1040px,calc(100vw - 132px));
        min-height:min(560px,calc(100vh - 250px));
        max-height:calc(100vh - 236px);
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        padding:clamp(38px,4.6vw,64px);
        padding-right:min(380px,34vw);
        overflow:hidden;
      }

      .hero-content::after{
        content:"";
        position:absolute;
        z-index:0;
        right:clamp(24px,4.5vw,56px);
        top:50%;
        width:min(290px,25vw);
        height:min(370px,48vh);
        border-radius:32px;
        background:url("https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=800&q=86") center/cover no-repeat;
        box-shadow:0 34px 105px rgba(0,0,0,.48);
        transform:translateY(-50%) rotate(3.5deg) !important;
        border:1px solid rgba(255,255,255,.12);
        opacity:.95;
      }

      .hero-content > *{
        position:relative;
        z-index:1;
      }

      .badge,
      .tag{
        width:max-content;
        max-width:100%;
        min-height:40px;
        padding:0 16px;
        font-size:13px;
      }

      .hero h1{
        max-width:680px;
        margin:24px 0 20px;
        padding-bottom:.08em;
        overflow:visible;
        font-size:clamp(54px,5.25vw,84px);
        line-height:1.06;
        letter-spacing:-.052em;
      }

      .hero h1 .gradient-word{
        display:inline;
        padding-bottom:.08em;
      }

      .hero p{
        max-width:590px;
        font-size:clamp(17px,1.35vw,21px);
        line-height:1.58;
      }

      .hero-meta{
        flex-wrap:wrap;
        gap:12px;
        margin-top:28px;
      }

      .hero-meta span{
        min-height:42px;
        padding:0 16px;
        font-size:13px;
      }

      .hero-orbit{display:none !important}

      .section-head{
        position:absolute;
        top:clamp(74px,8vh,98px);
        left:50%;
        z-index:4;
        width:min(520px,72vw);
        margin:0;
        transform:translateX(-50%) !important;
        text-align:center;
        opacity:.82;
        pointer-events:none;
      }

      .section-head h2{
        font-size:18px;
        line-height:1.2;
        text-transform:uppercase;
        letter-spacing:.16em;
        color:#F4F4F5;
      }

      .section-head p{
        max-width:360px;
        margin:8px auto 0;
        text-align:center;
        font-size:12px;
        line-height:1.5;
      }

      .about-card{
        display:grid;
        grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);
        gap:32px;
        align-items:end;
      }

      .about-card h3{font-size:clamp(34px,3.3vw,46px);line-height:1.08}
      .about-card p{font-size:clamp(16px,1.35vw,19px);line-height:1.62}
      .about-stats{gap:12px}
      .about-stat{padding:18px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
      .about-stat strong{font-size:32px}

      .services-grid,
      .cases-track,
      .process-list,
      .team-track,
      .faq{
        display:grid !important;
        gap:16px;
      }

      .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .service-card,
      .service-card.wide{
        grid-column:auto;
        min-height:190px;
        padding:24px;
        border-radius:26px;
        background:rgba(9,9,11,.32);
        transform:none !important;
      }
      .service-card.wide{grid-column:1/-1;min-height:170px}
      .service-icon{margin-bottom:24px}
      .service-card h3{font-size:22px}
      .service-card p{font-size:15px;line-height:1.55}

      .cases-track{
        grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
        grid-auto-flow:initial;
        overflow:hidden;
      }
      .case-card{height:220px;border-radius:26px;transform:none !important}
      .case-card:first-child{grid-row:span 2;height:auto;min-height:456px}

      .process-list{grid-template-columns:repeat(2,minmax(0,1fr))}
      .process-card{
        min-height:190px;
        padding:24px;
        border-radius:26px;
        background:rgba(9,9,11,.32);
        transform:none !important;
      }
      .process-num{margin-bottom:24px}

      .team-track{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-auto-flow:initial;
        overflow:hidden;
      }
      .team-photo{height:min(250px,28vh)}

      .price-card,
      .contact-card,
      .quote,
      .faq{
        width:min(820px,calc(100vw - 132px));
      }
      .price-top h3,
      .contact-card h2{font-size:clamp(34px,3vw,44px);line-height:1.08}
      .price{font-size:clamp(40px,3.6vw,54px)}
      .features{grid-template-columns:repeat(2,minmax(0,1fr))}
      .feature{font-size:15px}

      .quote p{font-size:clamp(20px,1.7vw,25px);line-height:1.55}

      .faq{padding:26px}
      .faq-question{min-height:70px;font-size:16px}
      .faq-answer p{font-size:14px;line-height:1.6}

      .contact-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
      .contact-item{min-width:0;padding:16px;border-radius:22px;background:rgba(9,9,11,.28)}
      .contact-item strong{font-size:clamp(10px,.9vw,12px);overflow-wrap:anywhere}

      footer{display:none}

      .floating-bar{
        position:fixed;
        z-index:94;
        left:50%;
        right:auto;
        bottom:34px;
        width:min(620px,calc(100vw - 96px));
        height:70px;
        padding:8px;
        transform:translateX(-50%) !important;
        border-radius:999px;
        animation:none !important;
      }

      .floating-bar::before{display:none !important}
      .icon-button{width:54px;height:54px;flex-basis:54px;border-radius:50%}
      .main-button{height:54px;border-radius:999px;font-size:16px}
      button,a{cursor:pointer}

      .bottom-sheet{
        right:0;
        left:auto;
        bottom:0;
        width:min(460px,100vw);
        height:100vh;
        max-height:none;
        border-radius:34px 0 0 34px;
        transform:translateX(104%);
        border-left:1px solid rgba(255,255,255,.12);
      }
      .sheet-overlay.open .bottom-sheet{transform:translateX(0)}

      .reveal-card{
        opacity:1;
        transform:none !important;
      }
    }

    @media(min-width:1000px) and (max-width:1180px){
      .hero-content{
        padding-right:clamp(38px,4.6vw,64px);
      }
      .hero-content::after{
        right:22px;
        width:40vw;
        opacity:.18;
        filter:saturate(.8) brightness(.78);
      }
      .about-card,
      .cases-track,
      .process-list,
      .team-track,
      .contact-list{
        grid-template-columns:1fr;
      }
      .case-card:first-child{min-height:260px}
      .team-photo{height:220px}
    }

    @media(min-width:1000px) and (max-height:780px){
      .spatial-scene{
        padding-top:84px !important;
        padding-bottom:104px !important;
      }
      .section-head{top:58px}
      .hero-content{
        min-height:calc(100vh - 208px);
        max-height:calc(100vh - 198px);
      }
      .hero h1{font-size:clamp(46px,4.7vw,70px);margin:18px 0 14px}
      .hero p{font-size:17px;line-height:1.5}
      .hero-meta{margin-top:20px}
      .floating-bar{bottom:24px;height:64px}
      .icon-button,.main-button{height:48px}
      .icon-button{width:48px;flex-basis:48px}
    }



    /* Desktop hero correction: clear older max-width and keep title/media separated. */
    @media(min-width:1000px){
      .hero-content,
      .section > article,
      .section > .services-grid,
      .section > .cases-track,
      .section > .process-list,
      .section > .team-track,
      .section > .faq,
      .section > div:not(.section-head){
        box-sizing:border-box;
        max-width:none !important;
      }

      .hero-content{
        width:min(1080px,calc(100vw - 136px)) !important;
        max-width:1080px !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(260px,330px);
        align-items:end;
        column-gap:48px;
        padding:clamp(40px,4.8vw,66px) !important;
      }

      .hero-content::after{
        position:relative;
        grid-column:2;
        grid-row:1 / span 4;
        right:auto;
        top:auto;
        justify-self:end;
        align-self:center;
        width:min(330px,26vw);
        height:min(410px,50vh);
        transform:rotate(3deg) !important;
      }

      .hero-content > *{
        grid-column:1;
      }

      .hero h1{
        max-width:660px !important;
        font-size:clamp(52px,5.15vw,82px);
        line-height:1.06;
      }

      .hero h1 .gradient-word{
        display:block;
        background:none !important;
        -webkit-background-clip:initial !important;
        background-clip:initial !important;
        color:#fff !important;
        -webkit-text-fill-color:#fff;
      }
    }

    @media(min-width:1000px) and (max-width:1180px){
      .hero-content{
        grid-template-columns:1fr !important;
      }
      .hero-content::after{
        position:absolute;
        right:24px;
        top:50%;
        width:42vw;
        height:52vh;
        opacity:.16;
        transform:translateY(-50%) rotate(3deg) !important;
      }
    }



    /* Desktop spatial reset: remove legacy split-screen grid/sticky behavior. */
    @media(min-width:1000px){
      .app{
        display:block !important;
        grid-template-columns:none !important;
        grid-auto-rows:auto !important;
        gap:0 !important;
        overflow:hidden !important;
        scroll-behavior:auto !important;
        background:transparent !important;
      }

      .smart-header{
        position:fixed !important;
        grid-column:auto !important;
        grid-row:auto !important;
      }

      .hero.spatial-scene{
        position:fixed !important;
        top:0 !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;
        grid-column:auto !important;
        grid-row:auto !important;
        border-right:0 !important;
        display:grid !important;
        align-items:center !important;
        justify-items:center !important;
        justify-content:center !important;
        align-content:center !important;
      }
    }



    /* Hard-center desktop hero panel after legacy layout layers. */
    @media(min-width:1000px){
      .hero.spatial-scene .hero-content{
        position:fixed !important;
        left:50% !important;
        top:calc(50% - 18px) !important;
        right:auto !important;
        bottom:auto !important;
        transform:translate(-50%,-50%) !important;
        width:min(1080px,calc(100vw - 136px)) !important;
        max-width:1080px !important;
        min-height:min(560px,calc(100vh - 250px));
      }

      .hero h1{
        max-width:650px !important;
        font-size:clamp(48px,4.65vw,74px) !important;
        letter-spacing:-.045em;
      }
    }

    @media(min-width:1000px) and (max-height:780px){
      .hero.spatial-scene .hero-content{
        top:calc(50% - 10px) !important;
      }
    }



    /* Desktop section polish: prevent headings from touching tall panels, stabilize cases grid. */
    @media(min-width:1000px){
      .section-head{
        top:66px !important;
      }
      .section-head p{
        margin-top:5px !important;
      }

      .cases-track{
        display:grid !important;
        grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr) !important;
        grid-template-rows:1fr 1fr !important;
        grid-auto-flow:row !important;
        gap:16px !important;
        overflow:hidden !important;
        padding:48px !important;
      }

      .case-card{
        width:auto !important;
        min-width:0 !important;
        height:auto !important;
        min-height:0 !important;
        transform:none !important;
      }

      .case-card:first-child{
        grid-column:1 !important;
        grid-row:1 / span 2 !important;
      }

      .case-card:nth-child(2),
      .case-card:nth-child(3){
        grid-column:2 !important;
        grid-row:auto !important;
      }
    }



    /* Cases final sizing: keep portfolio scene substantial and centered. */
    @media(min-width:1000px){
      .cases-track{
        height:min(640px,calc(100vh - 260px)) !important;
        min-height:560px !important;
        align-content:stretch !important;
      }
      .case-card{
        height:100% !important;
        min-height:0 !important;
      }
      .case-card:first-child{
        height:100% !important;
        min-height:0 !important;
      }
    }



/* Smooth spatial motion + mobile progress rail. */
:root{
  --scroll-progress-angle:0deg;
}

.floating-bar{
  isolation:isolate;
}

@media(max-width:999px){
  .floating-bar{
    overflow:visible;
  }

  .floating-bar::before{
    content:"";
    position:absolute;
    inset:-4px;
    z-index:-1;
    border-radius:999px;
    padding:2px;
    background:conic-gradient(from -90deg,#FFFFFF 0 var(--scroll-progress-angle),rgba(255,255,255,.12) var(--scroll-progress-angle) 360deg);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
    opacity:.95;
  }

  .floating-bar::after{
    content:"";
    position:absolute;
    inset:-10px;
    z-index:-2;
    border-radius:999px;
    background:radial-gradient(circle at calc(var(--scroll-progress) * 100%) 50%,rgba(99,102,241,.34),transparent 44%);
    filter:blur(16px);
    opacity:.72;
    pointer-events:none;
  }
}

@media(min-width:1000px){
  body::before{
    animation:none !important;
  }

  .spatial-scene{
    filter:none !important;
    will-change:transform,opacity;
    backface-visibility:hidden;
    transform:translate3d(0,5vh,-280px) scale(.86) !important;
    transition:
      opacity .5s ease,
      visibility .5s ease,
      transform .78s cubic-bezier(.2,.86,.18,1) !important;
  }

  .spatial-scene.is-active{
    transform:translate3d(0,0,0) scale(1) !important;
  }

  .spatial-scene.is-prev{
    transform:translate3d(0,-3vh,190px) scale(1.045) !important;
  }

  .spatial-scene.is-next{
    transform:translate3d(0,4vh,-280px) scale(.86) !important;
  }

  .hero-content,
  .section > article,
  .section > .services-grid,
  .section > .cases-track,
  .section > .process-list,
  .section > .team-track,
  .section > .faq,
  .section > div:not(.section-head){
    will-change:transform;
    backface-visibility:hidden;
  }

  .scroll-progress span{
    transition:transform .5s cubic-bezier(.2,.86,.18,1);
  }
}