@font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:400;
      font-display:swap;
      src:url("../fonts/manrope-latin-ext-400-normal.woff2") format("woff2");
      unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:400;
      font-display:swap;
      src:url("../fonts/manrope-latin-400-normal.woff2") format("woff2");
      unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:500;
      font-display:swap;
      src:url("../fonts/manrope-latin-ext-500-normal.woff2") format("woff2");
      unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:500;
      font-display:swap;
      src:url("../fonts/manrope-latin-500-normal.woff2") format("woff2");
      unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:600;
      font-display:swap;
      src:url("../fonts/manrope-latin-ext-600-normal.woff2") format("woff2");
      unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:600;
      font-display:swap;
      src:url("../fonts/manrope-latin-600-normal.woff2") format("woff2");
      unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:700;
      font-display:swap;
      src:url("../fonts/manrope-latin-ext-700-normal.woff2") format("woff2");
      unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:700;
      font-display:swap;
      src:url("../fonts/manrope-latin-700-normal.woff2") format("woff2");
      unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:800;
      font-display:swap;
      src:url("../fonts/manrope-latin-ext-800-normal.woff2") format("woff2");
      unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face{
      font-family:"Manrope";
      font-style:normal;
      font-weight:800;
      font-display:swap;
      src:url("../fonts/manrope-latin-800-normal.woff2") format("woff2");
      unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

:root {
      --text:#eaf0ff;
      --stroke-soft:rgba(255,255,255,0.10);

      --max-width:1240px;
      --font-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
      --font-display:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
      --font-hero-display:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
      --font-hero-headline:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
      --hero-ink:#f5efe3;
      --hero-muted:rgba(223,230,246,0.86);
      --type-role-hero-size:clamp(2.8rem, 4.2vw, 3.8rem);
      --type-role-hero-leading:1;
      --type-role-h2-size:clamp(2rem, 2.8vw, 2.6rem);
      --type-role-card-title-size:clamp(1.15rem, 1.5vw, 1.4rem);
      --type-role-lead-size:clamp(1rem, 1.15vw, 1.125rem);
      --type-role-lead-leading:1.55;
      --type-role-body-size:clamp(0.9375rem, 1vw, 1.0625rem);
      --type-role-small-size:0.875rem;
      --type-role-label-size:0.75rem;
      --type-role-card-title-leading:1.2;
      --type-role-card-body-size:var(--type-role-body-size);
      --type-role-card-body-leading:1.58;
      --type-role-section-heading-size:var(--type-role-h2-size);
      --type-role-section-heading-leading:1.08;
      --type-role-h2-leading:1.08;
      --type-role-body-leading:1.58;
      --section-gap:96px;
      --section-space:calc(var(--section-gap) / 2);

      --mobile-section-width: 520px;
      --mobile-card-shadow: 0 10px 26px rgba(0,0,0,0.32);
      --galaxy-bridge-height-desktop: 280px;
      --galaxy-bridge-height-tablet: 280px;
      --galaxy-bridge-height-mobile: 280px;
    }

    html{
      -webkit-text-size-adjust:100%;
      text-size-adjust:100%;
      overscroll-behavior-y:none;
      background-color:#041736;
    }

    * { box-sizing:border-box; }
    html, body { height:100%; }

    body{
      margin:0;
      position:relative;
      font-family:var(--font-body);
      color:var(--text);
      background-color:#081633;
      background:
        radial-gradient(1200px 820px at 50% 0%, rgba(88,140,255,0.20) 0%, rgba(88,140,255,0.09) 34%, rgba(88,140,255,0.00) 72%),
        radial-gradient(960px 760px at 12% 18%, rgba(60,120,255,0.10) 0%, rgba(60,120,255,0.04) 40%, rgba(60,120,255,0.00) 76%),
        radial-gradient(1040px 760px at 88% 20%, rgba(90,150,255,0.09) 0%, rgba(90,150,255,0.04) 38%, rgba(90,150,255,0.00) 76%);
      background-attachment:scroll;
      overflow-x:hidden;
      overscroll-behavior-y:none;
    }

.site-stars{
      position:absolute;
      inset:0;
      overflow:hidden;
    }

    .site-stars .site-star{
      position:absolute;
      left:var(--star-base-left, var(--star-left));
      top:var(--star-base-top, var(--star-top));
      width:var(--dot-width, 2px);
      height:var(--dot-width, 2px);
      transform:translate(-50%, -50%) scale(1);
      border-radius:999px;
      opacity:var(--dot-opacity, 0.84);
      background:var(--dot-color, rgba(234,240,255,0.94));
      box-shadow:
        0 0 var(--dot-glow, 5px) rgba(170,214,255,0.1),
        0 0 var(--dot-glow-soft, 12px) rgba(120,175,255,0.06);
      filter:none;
      will-change:transform, opacity;
      animation:
        galaxyDotBreath var(--ambient-duration, 9.6s) ease-in-out infinite;
      animation-delay:var(--ambient-delay, 0s);
    }

    .site-stars .site-star--1{ --star-left:8%; --star-top:3%; --dot-width:2.3px; --dot-glow:4.6px; --dot-glow-soft:11.5px; --ambient-delay:-1.8s; --twinkle-delay:-3.2s; }
    .site-stars .site-star--2{ --star-left:10.5%; --star-top:10.5%; --dot-width:4.2px; --dot-glow:8.8px; --dot-glow-soft:24px; --ambient-delay:-4.1s; --pulse-delay:-2.7s; --glow-size:40px; }
    .site-stars .site-star--3{ --star-left:17%; --star-top:11%; --dot-width:1.8px; --dot-glow:3.6px; --dot-glow-soft:9px; --ambient-delay:-2.4s; --drift-delay:-5.1s; --drift-x:6px; --drift-y:-3px; }
    .site-stars .site-star--4{ --star-left:74%; --star-top:15%; --dot-width:2.1px; --dot-glow:4.2px; --dot-glow-soft:10.5px; --ambient-delay:-5.7s; --twinkle-delay:-2.4s; }
    .site-stars .site-star--5{ --star-left:9%; --star-top:21%; --dot-width:2.9px; --dot-glow:5.8px; --dot-glow-soft:14.5px; --ambient-delay:-3.1s; --pulse-delay:-4.5s; }
    .site-stars .site-star--6{ --star-left:86%; --star-top:27%; --dot-width:1.6px; --dot-glow:3.2px; --dot-glow-soft:8px; --ambient-delay:-6.4s; --drift-delay:-1.9s; --drift-x:-5px; --drift-y:4px; }
    .site-stars .site-star--7{ --star-left:28%; --star-top:32%; --dot-width:2.2px; --dot-glow:4.4px; --dot-glow-soft:11px; --ambient-delay:-2.2s; --twinkle-delay:-6.2s; }
    .site-stars .site-star--8{ --star-left:94%; --star-top:38%; --dot-width:2.5px; --dot-glow:5px; --dot-glow-soft:12.5px; --ambient-delay:-4.9s; }
    .site-stars .site-star--9{ --star-left:12%; --star-top:44%; --dot-width:2px; --dot-glow:4px; --dot-glow-soft:10px; --ambient-delay:-1.2s; --pulse-delay:-3.4s; }
    .site-stars .site-star--10{ --star-left:81%; --star-top:49%; --dot-width:2.7px; --dot-glow:5.4px; --dot-glow-soft:13.5px; --ambient-delay:-5.3s; --drift-delay:-4.6s; --drift-x:7px; --drift-y:-2px; }
    .site-stars .site-star--11{ --star-left:82.5%; --star-top:52%; --dot-width:3.8px; --dot-glow:7.8px; --dot-glow-soft:21px; --ambient-delay:-6.9s; --twinkle-delay:-1.7s; --glow-size:36px; }
    .site-stars .site-star--12{ --star-left:69%; --star-top:61%; --dot-width:2.2px; --dot-glow:4.4px; --dot-glow-soft:11px; --ambient-delay:-2.9s; --pulse-delay:-5.5s; }
    .site-stars .site-star--13{ --star-left:89%; --star-top:67%; --dot-width:1.7px; --dot-glow:3.4px; --dot-glow-soft:8.5px; --ambient-delay:-4.4s; --drift-delay:-6.2s; --drift-x:-6px; --drift-y:3px; }
    .site-stars .site-star--14{ --star-left:16%; --star-top:73%; --dot-width:2.8px; --dot-glow:5.6px; --dot-glow-soft:14px; --ambient-delay:-3.6s; --twinkle-delay:-4.9s; }
    .site-stars .site-star--15{ --star-left:95%; --star-top:79%; --dot-width:2.1px; --dot-glow:4.2px; --dot-glow-soft:10.5px; --ambient-delay:-5.8s; --pulse-delay:-2.1s; }
    .site-stars .site-star--16{ --star-left:25%; --star-top:84%; --dot-width:1.9px; --dot-glow:3.8px; --dot-glow-soft:9.5px; --ambient-delay:-2.7s; --drift-delay:-3.7s; --drift-x:5px; --drift-y:-4px; }
    .site-stars .site-star--17{ --star-left:78%; --star-top:89%; --dot-width:2.6px; --dot-glow:5.2px; --dot-glow-soft:13px; --ambient-delay:-6.1s; --twinkle-delay:-2.8s; }
    .site-stars .site-star--18{ --star-left:11%; --star-top:95%; --dot-width:2.2px; --dot-glow:4.4px; --dot-glow-soft:11px; --ambient-delay:-1.9s; --pulse-delay:-4.2s; }
    .site-stars .site-star--19{ --star-left:7.8%; --star-top:14.8%; --dot-width:3.3px; --dot-glow:8.2px; --dot-glow-soft:23px; --ambient-delay:-4.6s; --twinkle-delay:-2.2s; --glow-size:42px; }
    .site-stars .site-star--20{ --star-left:82.6%; --star-top:34.8%; --dot-width:3px; --dot-glow:7.4px; --dot-glow-soft:20px; --ambient-delay:-5.2s; --pulse-delay:-1.6s; --glow-size:38px; }

    .site-stars .site-star.is-pulsing{
      --dot-breath-opacity-low:0.72;
      --dot-breath-opacity-high:0.88;
      --dot-drift-opacity-high:0.9;
      animation:
        galaxyDotBreath var(--ambient-duration, 9.6s) ease-in-out infinite,
        galaxyDotPulse var(--pulse-duration, 5.8s) ease-in-out infinite;
      animation-delay:var(--ambient-delay, 0s), var(--pulse-delay, 0s);
    }
    .site-stars .site-star.is-twinkle{
      --dot-breath-opacity-low:0.72;
      --dot-breath-opacity-high:0.88;
      --dot-twinkle-opacity-lift:0.84;
      --dot-twinkle-opacity-soft:0.82;
      --dot-twinkle-scale:1.3;
      animation:
        galaxyDotBreath var(--ambient-duration, 9.6s) ease-in-out infinite,
        galaxyDotTwinkle var(--twinkle-duration, 7.6s) ease-in-out infinite;
      animation-delay:var(--ambient-delay, 0s), var(--twinkle-delay, 0s);
    }
    .site-stars .site-star.is-drifting{
      --dot-breath-opacity-low:0.72;
      --dot-breath-opacity-high:0.88;
      --dot-drift-opacity-high:0.9;
      animation:
        galaxyDotBreath var(--ambient-duration, 9.6s) ease-in-out infinite,
        galaxyDotDrift var(--drift-duration, 11.5s) ease-in-out infinite;
      animation-delay:var(--ambient-delay, 0s), var(--drift-delay, 0s);
    }
    .site-stars .site-star.is-bright{
      --dot-color:rgba(244,248,255,0.98);
      --dot-breath-opacity-low:0.8;
      --dot-breath-opacity-high:0.96;
      --dot-drift-opacity-high:0.98;
      --dot-twinkle-opacity-lift:0.92;
      --dot-twinkle-opacity-soft:0.88;
    }
    .site-stars .site-star.is-hero{
      --dot-color:rgba(255,248,238,0.98);
      --dot-breath-opacity-low:0.86;
      --dot-breath-opacity-high:1;
      --dot-drift-opacity-high:1;
      --dot-twinkle-opacity-lift:0.96;
      --dot-twinkle-opacity-soft:0.92;
      z-index:1;
      box-shadow:
        0 0 var(--dot-glow, 8px) rgba(214,236,255,0.34),
        0 0 var(--dot-glow-soft, 20px) rgba(156,196,255,0.18);
    }
    .site-stars .site-star.is-hero::before{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:1px;
      height:30px;
      transform:translate(-50%, -50%);
      background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(225,236,255,0.06) 22%, rgba(243,248,255,0.76) 50%, rgba(225,236,255,0.06) 78%, rgba(255,255,255,0) 100%);
      opacity:0.72;
      pointer-events:none;
      filter:blur(0.3px);
    }
    .site-stars .site-star.is-flare{
      --dot-color:rgba(248,251,255,1);
      --dot-breath-opacity-low:0.9;
      --dot-breath-opacity-high:1;
      --dot-drift-opacity-high:1;
      z-index:1;
      box-shadow:
        0 0 var(--dot-glow, 9px) rgba(222,240,255,0.42),
        0 0 var(--dot-glow-soft, 24px) rgba(164,204,255,0.22);
    }
    .site-stars .site-star.is-flare::before{
      width:1px;
      height:34px;
      transform:translate(-50%, -50%);
      opacity:0.76;
      background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(228,238,255,0.06) 22%, rgba(246,249,255,0.82) 50%, rgba(228,238,255,0.06) 78%, rgba(255,255,255,0) 100%);
      filter:blur(0.32px);
    }
    .site-stars .site-star.is-flare::after{
      width:34px;
      height:1px;
      border-radius:0;
      opacity:0.76;
      transform:translate(-50%, -50%);
      background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(228,238,255,0.06) 22%, rgba(246,249,255,0.82) 50%, rgba(228,238,255,0.06) 78%, rgba(255,255,255,0) 100%);
      filter:blur(0.32px);
    }
    .site-stars .site-star::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:var(--glow-size, 14px);
      height:var(--glow-size, 14px);
      border-radius:50%;
      background:radial-gradient(
        circle,
        rgba(190,226,255,0.16) 0%,
        rgba(190,226,255,0.08) 45%,
        rgba(190,226,255,0) 78%
      );
      opacity:0;
      filter:none;
      pointer-events:none;
      transform:translate(-50%, -50%) scale(0.86);
    }
    .site-stars .site-star.is-pulsing::after{
      animation:galaxyDotHalo var(--pulse-duration, 5.8s) ease-in-out infinite;
      animation-delay:var(--pulse-delay, 0s);
    }
    .site-stars .site-star.is-twinkle::after{
      animation:galaxyDotHaloTwinkle var(--twinkle-duration, 7.6s) ease-in-out infinite;
      animation-delay:var(--twinkle-delay, 0s);
    }

    @keyframes galaxyDotPulse{
      0%, 100%{
        opacity:var(--dot-opacity, 0.82);
        transform:translate(-50%, -50%) scale(1);
      }
      50%{
        opacity:var(--dot-opacity-peak, 0.98);
        transform:translate(-50%, -50%) scale(var(--dot-pulse-scale, 1.22));
      }
    }
    @keyframes galaxyDotBreath{
      0%, 100%{
        opacity:var(--dot-breath-opacity-low, 0.72);
        transform:translate(-50%, -50%) scale(0.94);
      }
      50%{
        opacity:var(--dot-breath-opacity-high, 0.88);
        transform:translate(-50%, -50%) scale(1.08);
      }
    }
    @keyframes galaxyDotTwinkle{
      0%, 100%{
        opacity:var(--dot-opacity, 0.8);
        transform:translate(-50%, -50%) scale(0.96);
      }
      20%{
        opacity:var(--dot-twinkle-opacity-lift, 0.84);
        transform:translate(-50%, -50%) scale(1.02);
      }
      46%{
        opacity:var(--dot-opacity-peak, 0.98);
        transform:translate(-50%, -50%) scale(var(--dot-twinkle-scale, 1.3));
      }
      60%{
        opacity:var(--dot-breath-opacity-high, 0.88);
        transform:translate(-50%, -50%) scale(1);
      }
      78%{
        opacity:var(--dot-twinkle-opacity-soft, 0.82);
        transform:translate(-50%, -50%) scale(0.94);
      }
    }
    @keyframes galaxyDotDrift{
      0%, 100%{
        opacity:var(--dot-opacity, 0.8);
        transform:translate(-50%, -50%) translate3d(0px, 0px, 0) scale(1);
      }
      50%{
        opacity:var(--dot-drift-opacity-high, 0.9);
        transform:
          translate(-50%, -50%)
          translate3d(var(--drift-x, 0px), var(--drift-y, 0px), 0)
          scale(1.08);
      }
    }
    @keyframes galaxyDotHalo{
      0%, 100%{
        opacity:0;
        transform:translate(-50%, -50%) scale(0.86);
      }
      50%{
        opacity:0.72;
        transform:translate(-50%, -50%) scale(1.34);
      }
    }
    @keyframes galaxyDotHaloTwinkle{
      0%, 100%{
        opacity:0;
        transform:translate(-50%, -50%) scale(0.82);
      }
      46%{
        opacity:0.82;
        transform:translate(-50%, -50%) scale(1.46);
      }
      62%{
        opacity:0.18;
        transform:translate(-50%, -50%) scale(1.12);
      }
    }
    a{ color:inherit; text-decoration:none; }

    .wrap{
      max-width:var(--max-width);
      margin:0 auto;
      padding:0 22px;
    }

    /* Header */
header{
      position:sticky;
      top:0;
      z-index:10;
    }

.header-inner{
      display:flex;
      justify-content:center;
    }

.header-row{
      display:flex;
      align-items:center;
    }

.brand-name{
      white-space:nowrap;
      position:relative;
    }

.nav-links{
      display:flex;
    }

    /* Hero + global sections */
main{
      padding-bottom:var(--section-space);
      z-index:1;
    }

    main::before{
      content:none;
    }

    main > section{
      position:relative;
      z-index:1;
    }


    .page-section{
      padding:var(--section-space) 0;
    }

.hero{
      padding:var(--section-space) 0;
      text-align:center;
      filter:none !important;
      -webkit-backdrop-filter:none !important;
      backdrop-filter:none !important;
    }

    .hero::before{
      content:none;
    }

    :is(
      .hero,
      .repeat-section,
      .audit-section,
      .clear-section,
      .services-section,
      .case-section,
      .about-section,
      .contact-section
    ){
      position:relative;
      isolation:isolate;
      overflow:visible;
    }

    :is(
      .hero,
      .repeat-section,
      .audit-section,
      .clear-section,
      .services-section,
      .case-section,
      .about-section,
      .contact-section
    ) > :not(.hero-orbit-field){
      position:relative;
      z-index:3;
    }

    h1{
      margin:0;
      font-size:clamp(42px, 5vw, 62px);
      letter-spacing:-1.0px;
      line-height:1.04;
    }

.hero h1{
      margin-left:auto;
      margin-right:auto;
    }

.hero-sub{
      margin:34px auto 0 auto;
    }


.hero-ctas{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
    }


.hero .wrap{
      isolation:isolate;
    }

    .hero .wrap > :not(.galaxy-bridge-section){
      position:relative;
      z-index:2;
    }


.btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:13px 20px;
      border-radius:999px;
      font-weight:600;
      font-size:14px;
      border:1px solid rgba(255,255,255,0.18);
      background:linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%);
      color:var(--text);
      cursor:pointer;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 10px 30px rgba(0,0,0,0.28);
      transition:transform 0.16s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
    }

    .btn.primary{
      border:1px solid rgba(170,220,255,0.42);
      background:linear-gradient(180deg, rgba(138,203,255,0.34) 0%, rgba(78,141,255,0.22) 100%);
      color:#ffffff;
      -webkit-backdrop-filter:blur(20px);
      backdrop-filter:blur(20px);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.28),
        0 0 0 1px rgba(255,255,255,0.06),
        0 12px 34px rgba(45,105,255,0.22);
    }

    .btn:hover{
      transform:translateY(-1px);
      background:linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.08) 100%);
      border-color:rgba(255,255,255,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.22),
        0 14px 34px rgba(0,0,0,0.34);
    }

    .btn.primary:hover{
      background:linear-gradient(180deg, rgba(150,212,255,0.40) 0%, rgba(86,148,255,0.28) 100%);
      border-color:rgba(190,230,255,0.52);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.34),
        0 0 0 1px rgba(255,255,255,0.08),
        0 16px 38px rgba(45,105,255,0.28);
    }

    /* Trust bar */
.trust-row{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
    }


    .trust-card{
      width:200px;
      background:linear-gradient(180deg, rgba(19,36,88,0.52) 0%, rgba(10,24,66,0.34) 100%);
      border-radius:26px;
      border:1px solid rgba(255,255,255,0.12);
      padding:12px 10px 14px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.14),
        0 16px 40px rgba(0,0,0,0.24);
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
      -webkit-backdrop-filter:blur(20px);
      backdrop-filter:blur(20px);
      transition:transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

.trust-visual{
      display:flex;
      align-items:center;
      justify-content:center;
    }

.trust-visual img{
      display:block;
    }

.trust-title{
      margin:0;
      text-align:center;
      min-height:2.8em;      /* reserves space for a 2-line title */
      display:flex;
      align-items:flex-end;  /* single-line title drops to the bottom of that space */
      justify-content:center;
    }

    .trust-text{
      margin:8px auto 0;
      font-size:13px;
      line-height:1.55;
      color:rgba(185,198,239,0.9);
      max-width:22ch;

      min-height:3.5em;
      display:flex;
      align-items:flex-start;    /* text starts at the top of that block */
      justify-content:center;
      text-align:center;
    }

    .galaxy-bridge-section{
      --galaxy-band-height: var(--galaxy-bridge-height-desktop);
      position:relative;
      width:auto;
      height:var(--galaxy-band-height);
      margin:30px calc(50% - 50vw) 14px;
      overflow:visible;
      isolation:auto;
      z-index:1;
      background:transparent !important;
    }

    .galaxy-bridge-section::before,
    .galaxy-bridge-section::after{
      content:none;
    }

.galaxy-bridge-surface{
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background:transparent !important;
    }

.galaxy-bridge-canvas{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      display:block;
      background:transparent !important;
      image-rendering:optimizeQuality;
      transform:translate3d(0, 0, 0);
    }

    /* Section 2: Repeatability */
    .repeat-section{
      position:relative;
      text-align:center;
      isolation:isolate;
    }

    @media (max-width:960px){
      .galaxy-bridge-section{
        --galaxy-band-height: var(--galaxy-bridge-height-tablet);
        margin:18px 0 6px;
      }
    }

    @media (max-width:600px){
      .galaxy-bridge-section{
        --galaxy-band-height: var(--galaxy-bridge-height-mobile);
        margin:14px 0 6px;
      }
    }

    .repeat-title{
      font-size:32px;
      font-weight:700;
      letter-spacing:-0.4px;
      width:min(860px, 96%);
      margin:0 auto 18px;
      text-align:center;
    }


    .repeat-sub{
      margin:0 auto;
      width:min(860px, 96%);
      max-width:860px;
      font-size:14.5px;
      line-height:1.9;
      color:rgba(234,240,255,0.78);
      text-align:center;
    }

.repeat-overview{
      margin:0 auto;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
    }

    .repeat-overview .repeat-sub{
      width:min(720px, 100%);
      max-width:720px;
      margin:0 auto;
    }

    .repeat-decay{
      position:relative;
      width:100%;
      max-width:560px;
      height:340px;
      align-self:center;
      opacity:0;
      transform:translate3d(0, 12px, 0);
      transition:
        opacity 700ms ease,
        transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
      pointer-events:none;
      z-index:2;
    }

    .repeat-section.is-visible .repeat-decay,
    html.capture-mode .repeat-decay{
      opacity:1;
      transform:translate3d(0, 0, 0);
    }

    .repeat-decay-inline{
      width:100%;
      height:100%;
      display:block;
      opacity:0.96;
      background:transparent;
    }

    .repeat-decay-inline > svg{
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
    }

    .repeat-leave{
      margin-top: 10px;
      font-weight: 700;
      color: rgba(234,240,255,0.92);
    }

.repeat-panel{
      position:relative;
      z-index:1;
      width:min(860px, 96%);
      margin:24px auto 0;
      overflow:hidden;
    }

    .repeat-grid,
    .repeat-tags{
      position:relative;
      z-index:1;
    }

    .repeat-grid{
      position:relative;
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      min-height:310px;
    }

.repeat-grid::before,
    .repeat-grid::after{
      content:"";
      position:absolute;
      top:0;
      bottom:42px;
      width:1px;
      z-index:2;
    }

    .repeat-grid::before{
      left:33.3333%;
    }

    .repeat-grid::after{
      left:66.6666%;
    }

    .repeat-col{
      padding:26px 22px 54px;
      text-align:left;
      color:rgba(12,25,64,0.92);
      display:flex;
      flex-direction:column;

      position:relative;
      overflow:hidden;
      background:transparent;
    }

.repeat-col::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
    }

    .repeat-col > *{
      position:relative;
      z-index:1;
    }

    .repeat-col h3{
      margin:0 auto 16px auto;
      width:80%;
      max-width:32ch;
      font-size:18px;
      font-weight:700;
      letter-spacing:-0.2px;
      color:rgba(12,25,64,0.92);
      text-align:center;
    }

    .repeat-col .col-rule{
      width:84%;
      height:0;
      margin:2px auto 12px;
      border-top:1px solid rgba(12,25,64,0.22);
    }

    .list-wrap{
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:0 4px;
    }

    .repeat-col ul{
      margin:0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:12px;
    }

.repeat-col li{
      font-size:13px;
      line-height:1.45;
      text-align:center;
      font-weight:500;
    }

.repeat-mid{
      display:flex;
      align-items:flex-start;
      justify-content:center;
      text-align:center;
      padding:0 18px 54px;
    }

.repeat-mid .mid-text{
      margin:0 auto;
      width:100%;
      max-width:64ch;
      font-size:17px;
      font-weight:700;
      color:rgba(12,25,64,0.92);
      line-height:1.4;
      transform:translateY(-60px);
    }


.repeat-tags{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:42px;
      display:flex;
      align-items:center;
      justify-content:space-around;
    }

    .repeat-tag{
      font-size:14px;
      font-weight:700;
      letter-spacing:0.2px;
      color:rgba(12,25,64,0.78);
      text-transform:lowercase;
    }


    /* Audit section */
    .audit-section{
      text-align:left;
      position:relative;
      overflow:hidden;
    }

.audit-orbit-field{
      position:absolute;
      pointer-events:none;
    }

    .audit-orbit,
    .audit-orbit-axis{
      position:absolute;
      pointer-events:none;
    }

.audit-orbit{
      transform:translate(-50%, -50%);
      border:1px solid rgba(178, 205, 255, 0.18);
      border-radius:50%;
    }




    .audit-orbit-axis{
      background:linear-gradient(90deg, rgba(178,205,255,0.00) 0%, rgba(178,205,255,0.24) 14%, rgba(178,205,255,0.22) 82%, rgba(178,205,255,0.00) 100%);
    }

.audit-orbit-axis--horizontal{
      height:1px;
      transform:translateY(-50%);
    }



.audit-head{
      position:relative;
    }

.audit-title{
      font-size:22px;
      letter-spacing:-0.2px;
      line-height:1.4;
      color:rgba(234,240,255,0.98);
      position:relative;
    }


    .audit-body{
      margin:10px 0;
      max-width:520px;
      color:rgba(234,240,255,0.82);
      font-size:15px;
      line-height:1.9;
    }

    .audit-subtitle{
      margin:20px 0 8px 0;
      font-size:15px;
      font-weight:600;
      color:rgba(234,240,255,0.92);
    }

.audit-list{
      margin:10px 0;
      color:rgba(234,240,255,0.90);
      font-size:14.5px;
      line-height:1.7;
    }

    .audit-list li + li{
      margin-top:4px;
    }


.audit-cta-block{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
      text-align:center;
    }


    /* CLEAR FRAMEWORK SECTION */
    .clear-section{
      text-align:center;
      overflow:hidden;
      position:relative;
    }

.clear-inner{
      max-width:1120px;
      margin:0 auto;
      position:relative;
      z-index:3;
    }

.clear-orbits{
      position:absolute;
      left:50%;
      top:42px;
      bottom:auto;
      width:min(1500px, 136vw);
      aspect-ratio:1 / 0.78;
      transform:translateX(-50%);
      pointer-events:none;
      -webkit-mask-image:
        linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 6%, #000 92%, transparent 100%);
      -webkit-mask-composite:source-in;
      mask-image:
        linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 6%, #000 92%, transparent 100%);
      mask-composite:intersect;
    }

    .clear-section > .clear-orbits{
      z-index:1;
    }


.clear-orbit{
      position:absolute;
      inset:0;
      transform:translate(
        var(--clear-orbit-align-x, 0px),
        var(--clear-orbit-align-y, 0px)
      );
      border-radius:50%;
      border:1px solid rgba(168,205,255,0.14);
    }

.clear-orbit::before,
    .clear-orbit::after{
      content:"";
      position:absolute;
      width:5px;
      height:5px;
      border-radius:999px;
    }

    .clear-orbit::before{
      left:1.2%;
      top:50%;
      transform:translate(-50%, -50%);
    }

    .clear-orbit::after{
      right:1.4%;
      top:50%;
      transform:translate(50%, -50%);
    }

    .clear-orbit--outer{
      inset:-11% -4%;
      opacity:0.56;
      border-color:rgba(177,211,255,0.10);
    }

    .clear-orbit--outer::before{
      top:34%;
      opacity:0.58;
    }

    .clear-orbit--outer::after{
      top:66%;
      opacity:0.48;
    }

    .clear-orbit--ring-1{
      inset:-1.5% 4%;
      opacity:0.58;
      border-color:rgba(186,218,255,0.12);
    }

    .clear-orbit--ring-1::before{
      top:41%;
      width:4px;
      height:4px;
    }

    .clear-orbit--ring-1::after{
      top:59%;
      width:4px;
      height:4px;
    }

    .clear-orbit--ring-2{
      inset:8% 10%;
      opacity:0.50;
      border-color:rgba(186,218,255,0.11);
    }

    .clear-orbit--ring-2::before{
      top:31%;
      width:3px;
      height:3px;
      opacity:0.62;
    }

    .clear-orbit--ring-2::after{
      top:69%;
      width:3px;
      height:3px;
      opacity:0.56;
    }

    .clear-orbit--ring-3{
      inset:16% 16%;
      opacity:0.44;
      border-color:rgba(186,218,255,0.10);
    }

    .clear-orbit--ring-3::before{
      top:25%;
      width:3px;
      height:3px;
      opacity:0.48;
    }

    .clear-orbit--ring-3::after{
      top:75%;
      width:3px;
      height:3px;
      opacity:0.48;
    }

    .clear-orbit--middle{
      inset:23% 22%;
      opacity:0.64;
      border-color:rgba(188,219,255,0.14);
    }

    .clear-orbit--middle::before,
    .clear-orbit--middle::after{
      width:3px;
      height:3px;
    }

    .clear-orbit--inner{
      inset:31% 31%;
      opacity:0.42;
      border-color:rgba(195,224,255,0.10);
    }

    .clear-orbit--inner::before{
      top:31%;
      opacity:0.42;
    }

    .clear-orbit--inner::after{
      top:69%;
      opacity:0.52;
    }

.clear-axis{
      position:absolute;
      left:50%;
      top:50%;
      transform-origin:center;
      pointer-events:none;
    }

    .clear-axis--horizontal{
      width:86%;
      height:1px;
      transform:translate(-50%, -50%);
      background:linear-gradient(90deg, rgba(166,204,255,0.00) 0%, rgba(166,204,255,0.20) 16%, rgba(166,204,255,0.22) 50%, rgba(166,204,255,0.20) 84%, rgba(166,204,255,0.00) 100%);
    }

    .clear-axis--vertical{
      width:1px;
      height:88%;
      transform:translate(-50%, -50%);
      background:linear-gradient(180deg, rgba(166,204,255,0.00) 0%, rgba(166,204,255,0.20) 14%, rgba(166,204,255,0.24) 50%, rgba(166,204,255,0.20) 86%, rgba(166,204,255,0.00) 100%);
    }

    .clear-axis--diag-left,
    .clear-axis--diag-right{
      width:76%;
      height:1px;
      background:linear-gradient(90deg, rgba(166,204,255,0.00) 0%, rgba(166,204,255,0.10) 36%, rgba(166,204,255,0.16) 50%, rgba(166,204,255,0.10) 64%, rgba(166,204,255,0.00) 100%);
    }

    .clear-axis--diag-left{
      transform:translate(-50%, -50%) rotate(27deg);
    }

    .clear-axis--diag-right{
      transform:translate(-50%, -50%) rotate(-27deg);
    }

.clear-orbit-core{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      border-radius:50%;
    }

    .clear-title{
      margin:0;
      font-family:var(--font-display);
      font-size:clamp(46px, 5.4vw, 68px);
      font-weight:500;
      letter-spacing:-0.04em;
      line-height:1.05;
      color:rgba(247,241,230,0.98);
      text-shadow:0 18px 34px rgba(1,8,27,0.26);
    }

    .clear-title-divider{
      margin:18px auto 22px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:20px;
      width:min(540px, 84%);
    }

    .clear-title-divider-line{
      flex:1;
      height:1px;
      background:linear-gradient(90deg, rgba(255,255,255,0.00), rgba(223,235,255,0.44), rgba(255,255,255,0.00));
    }

    .clear-title-divider-mark{
      color:rgba(247,241,230,0.92);
      font-size:14px;
      line-height:1;
      text-shadow:0 0 18px rgba(188,214,255,0.18);
    }

    .clear-sub{
      margin:0 auto;
      max-width:760px;
      display:flex;
      flex-direction:column;
      gap:4px;
      font-size:18px;
      line-height:1.65;
      color:rgba(234,240,255,0.82);
    }

    .clear-cards{
      position:relative;
      margin:40px auto 0;
      max-width:980px;
      display:flex;
      flex-direction:column;
      gap:14px;
    }

    .clear-cards::before{
      content:"";
      position:absolute;
      left:-8px;
      top:66px;
      bottom:66px;
      width:1px;
      background:linear-gradient(180deg, rgba(168,205,255,0.00) 0%, rgba(168,205,255,0.20) 14%, rgba(168,205,255,0.20) 86%, rgba(168,205,255,0.00) 100%);
    }

.clear-card{
      border-width:1px;
      border-style:solid;
      border-radius:20px;
      padding:20px 28px 20px 22px;
      display:flex;
      align-items:stretch;
      text-align:left;
      color:rgba(234,240,255,0.90);
      overflow:hidden;
    }

    .clear-card::before{
      content:"";
      position:absolute;
      left:-14px;
      top:50%;
      width:7px;
      height:7px;
      transform:translateY(-50%);
      border-radius:50%;
      background:rgba(235,243,255,0.96);
      box-shadow:
        0 0 0 4px rgba(114,170,255,0.12),
        0 0 14px rgba(114,170,255,0.22);
    }

    .clear-card::after{
      content:"›";
      position:absolute;
      right:26px;
      top:50%;
      width:34px;
      height:34px;
      transform:translateY(-50%);
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(190,220,255,0.22);
      color:rgba(226,236,255,0.78);
      font-size:24px;
      line-height:1;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
    }

    .clear-card-letter{
      flex:0 0 112px;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:112px;
      border-radius:14px;
      border:1px solid rgba(190,220,255,0.16);
      background:
        linear-gradient(180deg, rgba(35,54,111,0.82) 0%, rgba(20,34,82,0.72) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 16px 34px rgba(1,8,27,0.18);
      font-family:var(--font-display);
      font-size:92px;
      line-height:1;
      font-weight:500;
      color:rgba(247,241,230,0.98);
      text-shadow:0 10px 24px rgba(1,8,27,0.26);
    }

    .clear-card-divider{
      flex:0 0 1px;
      align-self:stretch;
      margin:0 28px;
      background:linear-gradient(180deg, rgba(160,198,255,0.00) 0%, rgba(160,198,255,0.28) 12%, rgba(160,198,255,0.28) 88%, rgba(160,198,255,0.00) 100%);
    }

    .clear-card-body{
      flex:1;
      display:flex;
      flex-direction:column;
      gap:6px;
      justify-content:center;
      min-height:112px;
      padding-right:74px;
    }

    .clear-card.expanded .clear-card-body{
      justify-content:flex-start;
    }

    .clear-card-title{
      font-family:var(--font-display);
      font-size:clamp(34px, 3vw, 42px);
      font-weight:500;
      letter-spacing:-0.04em;
      line-height:1.02;
      color:rgba(247,241,230,0.98);
    }

    .clear-card-text{
      font-size:18px;
      line-height:1.55;
      color:rgba(222,231,247,0.86);
    }

    .clear-bottom{
      margin:42px auto 0;
      max-width:860px;
    }

    .clear-bottom-rule-row{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:16px;
      font-size:15px;
      color:rgba(234,240,255,0.82);
    }

    .clear-bottom-line{
      flex:1;
      max-width:220px;
      height:1px;
      background:linear-gradient(90deg, rgba(255,255,255,0.00), rgba(184,212,255,0.36), rgba(255,255,255,0.00));
    }

    .clear-bottom-dot{
      width:6px;
      height:6px;
      border-radius:50%;
      background:rgba(239,245,255,0.92);
      box-shadow:
        0 0 10px rgba(160,198,255,0.26),
        0 0 0 3px rgba(160,198,255,0.10);
    }

    .clear-bottom-text{
      white-space:nowrap;
    }

    .clear-card--expandable{
      cursor:pointer;
    }

    .clear-card-details p{
      margin:0 0 10px 0;
      font-size:15px;
      line-height:1.7;
      color:rgba(214,224,242,0.84);
    }

    .clear-card-details p.lead{
      font-weight:600;
      color:rgba(239,244,255,0.96);
    }

    .clear-card-details p.emphasis{
      font-style:italic;
    }

    .clear-card-details ul{
      margin:8px 0 0 18px;
      padding:0;
      font-size:15px;
      line-height:1.7;
      color:rgba(214,224,242,0.84);
    }

    .clear-card-details li + li{
      margin-top:4px;
    }

    @media (max-width:700px){
      .clear-inner{
        transform:translateY(-108px);
      }

      .clear-orbits{
        top:100px;
        width:178vw;
        opacity:0.62;
      }

      .clear-axis--diag-left,
      .clear-axis--diag-right{
        width:104%;
      }

      .clear-card{
        padding:16px 18px 16px 16px;
      }

      .clear-card::before{
        left:-8px;
      }

      .clear-card::after{
        right:14px;
        width:28px;
        height:28px;
        font-size:21px;
      }
      .clear-card-letter{
        flex:0 0 74px;
        min-height:74px;
        font-size:58px;
      }
      .clear-card-divider{
        margin:0 12px;
      }
      .clear-card-title{
        font-size:28px;
      }
      .clear-card-text{
        font-size:15px;
      }

      .clear-card-body{
        min-height:74px;
        padding-right:42px;
      }

      .clear-bottom-rule-row{
        gap:10px;
        font-size:12.5px;
      }

      .clear-bottom-line{
        max-width:88px;
      }

      .clear-bottom-text{
        white-space:normal;
        max-width:280px;
      }
    }

    /* PUBLIC BREAKDOWNS SECTION */

.public-breakdowns-shell{
      position:relative;
      max-width:1120px;
      margin:0 auto;
      padding:clamp(30px, 4vw, 44px);
      border-radius:32px;
      border:1px solid rgba(214,229,255,0.18);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 34px 96px rgba(1,8,27,0.38);
      overflow:hidden;
      -webkit-backdrop-filter:blur(22px);
      backdrop-filter:blur(22px);
    }

    .public-breakdowns-shell::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.00) 42%),
        radial-gradient(70% 110% at 8% 0%, rgba(150,205,255,0.16) 0%, rgba(150,205,255,0.00) 70%),
        radial-gradient(52% 82% at 100% 100%, rgba(99,166,255,0.12) 0%, rgba(99,166,255,0.00) 74%);
    }

    .public-breakdowns-shell::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:0.5;
      background-image:
        linear-gradient(rgba(120,160,255,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120,160,255,0.08) 1px, transparent 1px);
      background-size:120px 120px;
      -webkit-mask-image:radial-gradient(ellipse at center, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.24) 46%, rgba(0,0,0,0) 84%);
      mask-image:radial-gradient(ellipse at center, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.24) 46%, rgba(0,0,0,0) 84%);
    }

    .public-breakdowns-shell > *{
      position:relative;
      z-index:1;
    }

    .public-breakdowns-intro{
      max-width:min(720px, 100%);
      text-align:left;
    }

    .public-breakdowns-title{
      margin:0;
      font-size:30px;
      font-weight:700;
      letter-spacing:-0.4px;
      color:rgba(234,240,255,0.98);
      text-shadow:0 14px 32px rgba(1,8,27,0.30);
    }

    .public-breakdowns-copy{
      margin:18px 0 0;
      font-size:14.5px;
      line-height:1.85;
      color:rgba(234,240,255,0.82);
    }


    .public-breakdowns-bottom-link:focus-visible{
      outline:2px solid rgba(132,196,255,0.76);
      outline-offset:3px;
    }

    .public-breakdowns-bottom{
      margin-top:22px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .public-breakdowns-bottom-link{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:12.5px;
      font-weight:600;
      color:rgba(234,240,255,0.76);
      transition:color 0.22s ease, transform 0.22s ease;
    }

    .public-breakdowns-bottom-link::after{
      content:"\2192";
      opacity:0.74;
    }

    .public-breakdowns-bottom-link:hover{
      color:rgba(234,240,255,0.96);
      transform:translateX(2px);
    }


    @media (max-width:600px){
      .public-breakdowns-shell{
        padding:22px 18px;
        border-radius:26px;
      }

      .public-breakdowns-copy{
        font-size:13.5px;
        line-height:1.75;
      }

    }

    @media (prefers-reduced-motion: reduce){
      html:not(.motion-enabled) .public-breakdowns-bottom-link{
        transition:none !important;
        animation:none !important;
      }
    }

    .public-breakdowns-intro .public-breakdowns-copy + .public-breakdowns-copy{
      margin-top:14px;
    }


    /* SERVICES SECTION */
    .services-section{
      text-align:center;
    }

    .services-section .wrap{
      max-width:1720px;
    }

    .services-title{
      font-size:30px;
      font-weight:700;
      letter-spacing:-0.4px;
      color:rgba(234,240,255,0.98);
    }

    .services-subtitle{
      margin:12px 0 4px;
      font-size:15px;
      font-weight:600;
      color:rgba(234,240,255,0.86);
    }

    .services-subtext{
      margin:0 auto;
      max-width:640px;
      font-size:14.5px;
      line-height:1.8;
      color:rgba(234,240,255,0.80);
    }

.services-grid{
      margin-top:36px;
      justify-content:center;
    }

    .service-card{
      flex:1;
      max-width:none;
      min-width:0;
      background:#ffffff;
      border-radius:18px;
      box-shadow:0 18px 40px rgba(0,0,0,0.38);
      padding:18px 22px 18px;
      text-align:left;
      color:#0b1b4a;
      display:flex;
      flex-direction:column;
    }

    .service-badges{
      display:flex;
      gap:10px;
      margin-bottom:16px;
      min-height:32px;
      align-items:center;
    }

    .service-badge{
      padding:6px 14px;
      border-radius:999px;
      font-size:12px;
      font-weight:600;
      letter-spacing:0.2px;
      white-space:nowrap;
    }

    .service-badge--primary{
      background:#132756;
      color:#ffffff;
    }


    .service-tagline{
      margin:0 0 14px;
      font-size:13px;
      line-height:1.55;
      color:rgba(11,27,74,0.88);
      min-height:46px;
      display:flex;
      align-items:center;
    }
























    .service-link-row{
      margin-top:12px;
      padding-top:6px;
      border-top:1px solid rgba(11,27,74,0.14);
      text-align:center;
    }

.service-link{
      font-size:12.5px;
      font-weight:600;
      text-decoration:none;
      cursor:pointer;
    }

    .service-link:hover{
      text-decoration:underline;
    }





    @media (max-width:960px){
      .services-grid{
        flex-direction:column;
      }
    }

    /* CASE STUDY / BREAKDOWNS SECTION */
    .case-section{
      text-align:center;
    }

    .case-inner{
      max-width:1100px;
      margin:0 auto;
    }

    .case-title{
      font-size:30px;
      font-weight:700;
      letter-spacing:-0.4px;
      color:rgba(234,240,255,0.98);
    }

    .case-sub{
      margin:14px auto 4px;
      max-width:620px;
      font-size:14.5px;
      line-height:1.8;
      color:rgba(234,240,255,0.84);
    }







    .case-grid{
      margin-top:42px;
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:24px;
      align-items:start;
    }

    .case-card{
      width:100%;
      background:#ffffff;
      border-radius:22px;
      box-shadow:0 18px 40px rgba(0,0,0,0.40);
      padding:22px 26px 20px;
      text-align:left;
      color:#0b1b4a;
      display:flex;
      flex-direction:column;
    }

    .case-top{
      min-height:120px;
      display:flex;
      flex-direction:column;
    }

.case-card .case-expanded{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid rgba(11,27,74,0.16);
      font-size:13.5px;
      line-height:1.7;
      color:#0b1b4a;
    }

    .case-tag{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:6px 14px;
      border-radius:999px;
      background:#208450;
      color:#ffffff;
      font-size:12px;
      font-weight:600;
      letter-spacing:0.2px;
      box-shadow:0 6px 14px rgba(0,0,0,0.20);
      margin-bottom:20px;
    }

    .case-card--founders .case-tag{
      background:#101320;
    }

    .case-name{
      margin:0 0 2px;
      font-size:22px;
      font-weight:700;
      letter-spacing:-0.3px;
      color:#172448;
      min-height:28px;
    }

    .case-desc{
      margin:0 0 10px;
      font-size:14px;
      line-height:1.7;
      color:rgba(9,20,47,0.82);
      min-height:48px;
    }

    .case-divider{
      width:100%;
      height:1px;
      margin:6px 0 12px;
      background:rgba(11,27,74,0.16);
    }

    .case-image{
      width:100%;
      border-radius:18px;
      overflow:hidden;
      background:#e3e8f1;
      margin-bottom:12px;
      aspect-ratio:16 / 9;   /* keeps the preview shape */
    }

    .case-homepage-preview{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:top center; /* crops to nav + hero */
      display:block;
    }

    /* The expanded panel contains the full-page preview, so avoid showing it twice. */
    .case-card--open .case-image{
      display:none;
    }


    .case-bullets{
      margin:0 0 14px 0;
      padding-left:18px;
      font-size:13.5px;
      line-height:1.7;
      color:rgba(9,20,47,0.86);
      min-height:80px;
    }

    .case-bullets li + li{
      margin-top:4px;
    }

    .case-link{
      margin-top:auto;
      padding-top:10px;
      border-top:1px solid rgba(11,27,74,0.16);
      font-size:13px;
      font-weight:600;
      color:#12224b;
      text-align:center;
    }

    .case-link a{
      color:inherit;
      text-decoration:none;
    }

    .case-link a:hover{
      text-decoration:underline;
    }

    .case-card.case-card--open .case-expanded{
      display:block;
    }


    .case-card--ecovedo .case-tag{
      background:#208450;
    }

    .case-card--founders .case-expanded-heading,
    .case-card--ecovedo .case-expanded-heading{
      color:#12224b;
    }

    .case-card--founders .case-expanded-divider,
    .case-card--ecovedo .case-expanded-divider{
      background:rgba(11,27,74,0.16);
    }

    .case-card--founders .case-ppp-panel,
    .case-card--ecovedo .case-ppp-panel{
      background:#102651;
    }



    .case-card--founders .case-expanded-small,
    .case-card--ecovedo .case-expanded-small{
      color:rgba(9,20,47,0.70);
    }

    .case-expanded-heading{
      font-size:15.5px;
      font-weight:700;
      color:#12224b;
      margin:0 0 8px;
    }

    .case-expanded-divider{
      width:100%;
      height:1px;
      background:rgba(11,27,74,0.16);
      margin:14px 0 18px;
    }

    .case-expanded p{
      margin:0 0 10px;
    }

    .case-expanded p + p{
      margin-top:6px;
    }

    .case-expanded-small{
      font-size:12.5px;
      color:rgba(9,20,47,0.70);
      margin-top:6px;
    }

    .case-expanded-wireframe{
      text-align:center;
      margin-bottom:22px;
    }

    .case-expanded-wireframe-visual{
      width:100%;
      border-radius:18px;
      overflow:hidden;
      background:#e3e8f1;
      margin:0 auto 18px;
      aspect-ratio:16 / 9;   /* match collapsed preview shape */
    }

    .case-expanded-homepage-preview{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:top center; /* crops to nav + hero */
      display:block;
    }


    .case-expanded-wireframe .btn{
      padding:12px 28px;
      border-radius:999px;
      font-size:13.5px;
      font-weight:600;
      background:#12224b;
      border-color:#12224b;
      color:#ffffff;
      box-shadow:0 14px 30px rgba(0,0,0,0.35);
    }

    .case-expanded-wireframe .btn:hover{
      background:#0e1c3c;
    }

    .case-ppp-panel{
      margin-top:8px;
      background:#102651;
      color:#ffffff;
      border-radius:18px;
      padding:18px 22px 20px;
    }

    .case-ppp-row{
      display:flex;
      align-items:flex-start;
      gap:18px;
      padding:10px 0;
    }

    .case-ppp-row + .case-ppp-row{
      border-top:1px solid rgba(255,255,255,0.16);
    }

    .case-ppp-label{
      flex:0 0 70px;
      font-weight:700;
      font-size:13.5px;
    }

    .case-ppp-body{
      flex:1;
      font-size:13px;
      line-height:1.7;
    }

    .case-ppp-body ul{
      margin:0;
      padding-left:18px;
    }

    .case-ppp-body li + li{
      margin-top:4px;
    }

    .case-expanded-list{
      margin:6px 0 0 18px;
      padding:0;
    }

    .case-expanded-list li + li{
      margin-top:4px;
    }



    /* Remove button shadows in expanded portfolio cards (wireframe + CTA) */
    .case-card--open .case-expanded-wireframe .btn{
      box-shadow:none;
    }



    /* ------------------------------------------- */
    /* Full-page wireframe overlay (modal) */
    /* ------------------------------------------- */
    .wireframe-overlay{
      position:fixed;
      inset:0;
      z-index:999;
      display:grid;
      place-items:center;
      padding:24px;
    }

    .wireframe-overlay[hidden]{
      display:none;
    }

    .wireframe-overlay__backdrop{
      position:absolute;
      inset:0;
      background:rgba(2,5,24,0.72);
      -webkit-backdrop-filter:blur(10px);
      backdrop-filter:blur(10px);
    }

    .wireframe-overlay__panel{
      position:relative;
      width:min(980px, 92vw);
      height:min(86vh, 860px);
      background:#ffffff;
      border-radius:18px;
      box-shadow:0 24px 70px rgba(0,0,0,0.55);
      overflow:hidden;
      display:flex;
      flex-direction:column;
    }

    .wireframe-overlay__topbar{
      padding:14px 16px;
      border-bottom:1px solid rgba(11,27,74,0.12);
      display:flex;
      justify-content:center;
      background:linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0.96));
    }

    /* Reuse your button styling but keep it dark like the case CTAs */
    .wireframe-overlay__close{
      padding:12px 22px;
      font-size:13.5px;
      background:#12224b;
      border-color:#12224b;
      color:#ffffff;
      box-shadow:none;
    }

    .wireframe-overlay__close:hover{
      background:#0e1c3c;
    }

    .wireframe-overlay__scroll{
      flex:1;
      overflow:auto;
      padding:16px;
      background:#f3f6fb;
    }

    .wireframe-overlay__img{
      width:100%;
      height:auto;
      display:block;
      border-radius:14px;
      box-shadow:0 14px 32px rgba(0,0,0,0.20);
      background:#ffffff;
    }

    /* Mobile: make it feel native */
    @media (max-width:600px){
      .wireframe-overlay{
        padding:14px;
      }

      .wireframe-overlay__panel{
        width:96vw;
        height:88vh;
        border-radius:16px;
      }

      .wireframe-overlay__scroll{
        padding:12px;
      }

      .wireframe-overlay__close{
        width:100%;
        font-size:12px;
        padding:11px 16px;
      }
    }

    @media (max-width:768px){
      .case-grid{
        grid-template-columns:1fr;
        max-width:420px;
        margin-left:auto;
        margin-right:auto;
      }
    }

    /* ABOUT / THINKING SECTION */

    .about-inner{
      max-width:920px;
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0, 1.1fr) minmax(0, 1.4fr);
      gap:32px;
      align-items:stretch;
    }

.about-photo{
      border-radius:24px;
      overflow:hidden;
      background:#0c1d4a;
      display:flex;
      align-items:stretch;
      justify-content:center;
    }

    .about-photo img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .about-card{
      background:#ffffff;
      border-radius:22px;
      padding:28px 30px 26px;
      box-shadow:0 18px 40px rgba(0,0,0,0.40);
      color:#0b1b4a;
      display:flex;
      flex-direction:column;
    }

    .about-title{
      font-size:28px;
      font-weight:700;
      letter-spacing:-0.4px;
      color:#12224b;
    }

    .about-title em{
      font-style:italic;
    }

    .about-divider{
      width:100%;
      height:1px;
      margin:0 0 18px;
      background:rgba(11,27,74,0.16);
    }

.about-subhead{
      margin:0 0 18px;
      font-size:15px;
      line-height:1.7;
      font-weight:700;
    }

    .about-body{
      margin:0 0 20px;
      font-size:14px;
      line-height:1.75;
      color:rgba(9,20,47,0.9);
      text-align:left;
    }

.about-subsection-title{
      margin:0 0 10px;
      font-size:14.5px;
      font-weight:700;
      display:flex;
      align-items:center;
      gap:10px;
    }

    .about-subsection-rule{
      flex:1;
      height:1px;
      background:rgba(11,27,74,0.18);
    }

    .about-list{
      margin:0 0 20px 18px;
      padding:0;
      font-size:14px;
      line-height:1.75;
      color:rgba(9,20,47,0.9);
      text-align:left;
    }

    .about-list li + li{
      margin-top:4px;
    }

    .about-divider--bottom{
      margin:10px 0 18px;
    }

    .about-closing{
      margin:0 0 20px;
      font-size:15px;
      font-weight:700;
      color:#12224b;
      text-align:center;
    }

    .about-cta{
      margin-top:auto;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:8px;
    }

    .about-cta .btn{
      border-radius:999px;
      padding:13px 26px;
      font-size:14px;
      font-weight:600;
      background:#12224b;
      border-color:#12224b;
      color:#ffffff;
      box-shadow:none;
    }

    .about-cta .btn:hover{
      background:#0e1c3c;
    }


    @media (max-width:960px){
      .about-inner{
        grid-template-columns:1fr;
        max-width:520px;
      }
      .about-photo{
        max-width:360px;
        margin:0 auto;
      }
    }

    /* CONTACT / GET IN TOUCH SECTION */
.contact-section{
      text-align:center;
      padding-bottom:18px;
    }


    .contact-orbit{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      border-radius:50%;
    }

.contact-orbit{
      border:1px solid rgba(108,148,255,0.18);
    }





    .contact-title{
      font-size:30px;
      font-weight:700;
      letter-spacing:-0.4px;
      color:rgba(234,240,255,0.98);
    }

    .contact-sub{
      margin:14px auto 0;
      max-width:620px;
      font-size:14.5px;
      line-height:1.8;
      color:rgba(234,240,255,0.80);
    }



.contact-card{
      border-radius:20px;
      border:1px solid var(--stroke-soft);
      padding:22px 20px 20px;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
    }

.contact-icon{
      max-width:64px;
      height:auto;
      margin-bottom:20px;
      display:block;
    }

    .contact-icon--x{
      max-width:52px;
    }


    /* clickable cards: make the whole box behave like a button */

    /* hover glow effect */

    .contact-card h3{
      margin:0 0 8px;
      font-size:17px;
      font-weight:600;
      color:rgba(234,240,255,0.98);
    }

    .contact-card p{
      margin:0;
      font-size:13.5px;
      line-height:1.7;
      color:rgba(185,198,239,0.90);
    }

.contact-domain-wordmark{
      margin-top:54px;
      line-height:0.9;
      letter-spacing:-0.03em;
      color:rgba(184,202,244,0.22);
      text-shadow:0 0 22px rgba(128,166,255,0.10);
      position:relative;
      left:50%;
      transform:translateX(-50%);
      width:max-content;
      max-width:none;
      z-index:2;
      -webkit-user-select:none;
      user-select:none;
      white-space:nowrap;
      text-align:center;
    }

    @media (max-width:1180px){

      .contact-domain-wordmark{
        margin-top:46px;
        font-size:clamp(74px, 11.2vw, 142px);
      }
    }

    @media (max-width:960px){


      .contact-domain-wordmark{
        margin-top:40px;
        font-size:clamp(62px, 12vw, 108px);
      }
    }

    /* SITE FOOTER */
    .site-footer{
      padding:12px 0 32px;
      text-align:center;
      font-size:15px;
      color:rgba(234,240,255,0.60);
      position:relative;
      z-index:2;
    }

    .site-footer-inner{
      opacity:0.9;
    }

    /* Shared heading spacing for main sections */
    .case-title,
    .services-title,
    .clear-title,
    .about-title,
    .contact-title{
      margin:0 0 18px;
    }

    @media (max-width:600px){


.contact-domain-wordmark{
        margin-top:30px;
        letter-spacing:-0.025em;
      }

      :root{
        --section-gap:60px;
        --type-role-h2-size:1.8rem;
        --type-role-h2-leading:1.06;
        --type-role-card-title-size:1.05rem;
        --type-role-card-title-leading:1.18;
        --type-role-lead-size:0.90625rem;
        --type-role-lead-leading:1.5;
        --type-role-body-size:0.875rem;
        --type-role-body-leading:1.52;
        --type-role-card-body-leading:1.52;
        --type-role-small-size:0.8125rem;
        --type-role-label-size:0.6875rem;
      }

      body{
        font-size:14px;
        line-height:1.62;
      }

      h1{
        font-size:clamp(32px, 9vw, 40px);
        line-height:1.08;
      }

      .clear-title,
      .services-title,
      .case-title,
      .about-title,
      .contact-title{
        font-size:20px;
        line-height:1.35;
      }

      .services-section,
      .case-section,
      .about-section,
      .contact-section{
        padding-top:72px;
        padding-bottom:72px;
      }

      .services-grid,
      .case-inner,
      .about-inner{
        max-width:var(--mobile-section-width);
        margin-left:auto;
        margin-right:auto;
      }

      .services-subtext,
      .case-sub,
      .contact-sub{
        max-width:var(--mobile-section-width);
      }

      .service-card,
      .case-card,
      .about-photo,
      .about-card{
        box-shadow:var(--mobile-card-shadow);
      }
    }

    @media (max-width:600px){
      /* Header: compact + symmetric on mobile */
      .wrap{
        padding:0 18px;
      }

.header-row{
        flex-wrap:wrap;
        justify-content:center;
      }

.brand-name{
        left:0;                 /* remove the -6px desktop nudge */
        white-space:nowrap;
        margin-right:4px; /* 👈 creates breathing room from the divider */
      }
      
.header-divider{
        width:1px;
        opacity:0.6;
      }


.trust-row{
        margin-top:12px;
        display:flex;
        flex-direction:row;        /* override the earlier column */
        flex-wrap:nowrap;             /* keep them in one row */
        justify-content:flex-start;
        
        overflow-x:auto;              /* allow sideways scroll if needed */
        padding-bottom:4px;           /* space so shadow isn't cut off */
      }

      .trust-card{
        flex:0 0 190px;               /* fixed-ish width instead of 100% */
        max-width:190px;
        border-radius:16px;
        padding:10px 10px 12px;
        box-shadow:0 8px 18px rgba(0,0,0,0.28);
      }

.trust-visual{
        margin:0 auto 6px;
      }

      .trust-text{
        font-size:12px;
        max-width:24ch;
      }
    }

    @media (max-width:600px){
      /* Repeatability panel: preserve the desktop instrument as a readable signal stack. */

      .repeat-title{
        font-size:20px;
        margin-bottom:10px;
        text-align:left;
      }

      .repeat-sub{
        font-size:12px;
        line-height:1.6;
        width:100%;
        max-width:none;
        text-align:left;
      }

      .repeat-overview{
        grid-template-columns:1fr;
        gap:12px;
      }

      .repeat-decay{
        height:180px;
        max-width:320px;
        justify-self:center;
      }

      .repeat-panel{
        width:100%;
        margin-top:12px;
        box-shadow:0 10px 26px rgba(0,0,0,0.35);
      }

      .repeat-grid{
        grid-template-columns:minmax(0, 1fr);
        min-height:0;
      }

      .repeat-col{
        padding:22px 20px;
      }

      .repeat-col h3{
        font-size:16px;
        line-height:1.35;
        width:100%;
        max-width:none;
        min-height:0;
        display:block;
        margin:0 auto 10px;
        text-align:center;
      }

      .repeat-grid > .repeat-col:nth-child(3) h3{
        transform:none;
      }

      .repeat-col .col-rule{
        width:84%;
        height:0;
        margin:2px auto 8px;           /* same on both columns */
        border-top:1px solid rgba(12,25,64,0.22);
      }

      .repeat-col li{
        font-size:14px;
        line-height:1.55;
      }

      .repeat-mid{
        min-height:132px;
        padding:28px 22px;
        align-items:center;
      }

      .repeat-mid .mid-text{
        font-size:17px;
        line-height:1.4;
        transform:none;
      }

      .repeat-tags{
        height:30px;
      }

      .repeat-tag{
        font-size:10px;
      }
    }

    @media (max-width:600px){

      .audit-title{
        max-width:none;
        font-size:15px;
        line-height:1.35;
        text-align:center;
        margin:0;            /* no extra margin, we will control spacing with the rule */
        transform:none; /* remove desktop offset */
      }


      /* --- Smaller text in both columns --- */
      .audit-body{
        font-size:11.5px;     /* smaller than before */
        line-height:1.55;
      }

      .audit-subtitle{
        font-size:12px;
        margin-top:12px;
      }

      .audit-list{
        font-size:11.5px;
        line-height:1.55;
      }


      .audit-cta-block .btn.primary{
        width:100%;
        font-size:12.5px;
        padding:11px 18px;
      }

    }

    @media (max-width:600px){
      /* CLEAR section – mobile sizing */
      .clear-sub{
        font-size:12.5px;   /* sits between repeat (12) and audit (13) */
        line-height:1.6;
      }

      .clear-card{
        flex-direction:row;          /* restore row layout */
        align-items:stretch;
        padding:16px 16px;
      }

      .clear-card-letter{
        flex:0 0 44px;               /* same column feel as tablet */
        font-size:40px;              /* smaller for mobile but still prominent */
        margin-bottom:0;
        display:flex;
        align-items:center;
        justify-content:center;
      }

      .clear-card-divider{
        flex:0 0 1px;
        width:1px;                   /* vertical line */
        height:auto;
        align-self:stretch;
        margin:0 12px;
      }

      .clear-card-body{
        min-height:60px;
        min-width:0;
        overflow-wrap:anywhere;
      }

      .clear-card-title{
        font-size:15px;          /* closer to service and about titles on mobile */
      }

      .clear-card-text,
      .clear-card-details p,
      .clear-card-details ul{
        font-size:12.5px;
        line-height:1.7;
      }

      .clear-bottom-text{
        font-size:12px;          /* match audit / repeatability microcopy */
        line-height:1.6;
        white-space:normal;     /* allow wrapping */
        text-align:center;
        max-width:280px;        /* prevents edge-to-edge overflow */
      }

      .clear-bottom-rule-row{
        gap:10px;               /* tighter spacing on mobile */
      }

      .clear-bottom-line{
        max-width:120px;        /* prevents lines from pushing text offscreen */
      }
    }

    @media (max-width:600px){
      /* SERVICES SECTION – mobile alignment with Repeatability / Audit / CLEAR */

      .services-section{
        text-align:left;                  /* feels closer to CLEAR / Audit tone */
      }

      .services-title{
        margin-bottom:10px;
        text-align:center;
      }

      .services-subtitle{
        font-size:13px;
        line-height:1.4;
        margin:4px 0 2px;
        text-align:center;
      }

      .services-subtext{
        font-size:12.5px;                 /* same ballpark as CLEAR subcopy */
        line-height:1.6;
        margin:0 auto;
        text-align:center;
      }

      .services-grid{
        margin-top:24px;
        gap:16px;                         
      }

      .service-card{
        padding:14px 14px 16px;           /* slightly smaller than current */
        border-radius:14px;
      }

      .service-badges{
        margin-bottom:10px;
        gap:6px;
        min-height:0;
      }

      .service-badge{
        padding:4px 10px;
        font-size:11px;
        letter-spacing:0.15px;
      }

      .service-tagline{
        font-size:12px;
        line-height:1.5;
        min-height:0;
        margin-bottom:10px;
      }















      .service-link-row{
        margin-top:8px;
        padding-top:4px;
      }

      .service-link{
        font-size:11.5px;
      }
    }

    @media (max-width:600px){
      /* PORTFOLIO / CASE SECTION – mobile alignment */

      .case-section{
        text-align:left;
      }

      .case-title{
        margin-bottom:10px;
        text-align:center;
      }

      .case-sub{
        font-size:12.5px;         /* same ballpark as CLEAR subcopy */
        line-height:1.6;
        margin:4px auto 2px;
        text-align:center;
      }


      .case-grid{
        margin-top:24px;          
        gap:16px;                 /* tighter gap between cards */
        max-width:var(--mobile-section-width);          /* matches services grid on mobile */
        margin-left:auto;
        margin-right:auto;
      }

      .case-card{
        border-radius:16px;       /* slightly softer, smaller than desktop */
        padding:16px 14px 16px;   /* smaller padding = less scroll fatigue */
      }

      .case-top{
        min-height:0;          /* remove forced height */
      }

      .case-tag{
        padding:4px 10px;
        font-size:11px;
        letter-spacing:0.15px;
        margin-bottom:12px;
      }

      .case-name{
        font-size:16px;           /* in range of service/clear card titles */
        line-height:1.3;
        min-height:0;
      }

      .case-desc{
        font-size:12px;
        line-height:1.5;
        min-height:0;
        margin-bottom:8px;
      }

      .case-divider{
        margin:4px 0 8px;
      }

      .case-bullets{
        font-size:11.5px;
        line-height:1.55;
        min-height:0;
        margin:0 0 10px 0;
      }

      .case-bullets li + li{
        margin-top:3px;
      }

      .case-link{
        font-size:11.5px;
        padding-top:8px;
      }

      .case-link a{
        display:inline-block;
      }

      /* Expanded breakdown – bring type down to the same system */

       .case-expanded{
         font-size:11.5px;
         line-height:1.6;
       }

      .case-expanded-heading{
        font-size:13px;
        margin-bottom:6px;
      }

      .case-expanded-divider{
        margin:12px 0 14px;
      }

      .case-expanded p{
        margin:0 0 8px;
      }

      .case-expanded p + p{
        margin-top:4px;
      }

      .case-expanded-small{
        font-size:11px;
        line-height:1.5;
      }

      .case-expanded-wireframe-visual{
        border-radius:14px;
      }

      .case-expanded-wireframe{
        margin-bottom:18px;
      }

      .case-expanded-wireframe .btn{
        width:100%;
        font-size:11.5px;
        padding:10px 16px;
      }

      .case-ppp-panel{
        margin-top:6px;
        border-radius:14px;
        padding:14px 14px 16px;
      }

      .case-ppp-row{
        gap:12px;
        padding:8px 0;
      }

      .case-ppp-label{
        flex:0 0 60px;
        font-size:12px;
      }

      .case-ppp-body{
        font-size:11.5px;
        line-height:1.6;
        min-width:0;
        overflow-wrap:anywhere;
      }

      .case-ppp-body ul{
        padding-left:16px;
      }

      .case-ppp-body li + li{
        margin-top:3px;
      }

      .case-expanded-list{
        margin:4px 0 0 16px;
      }

      .case-expanded-list li + li{
        margin-top:3px;
      }



    }

    @media (max-width:600px){
      /* ABOUT / THINKING – mobile alignment with other sections */

      .about-inner{
        gap:18px;
      }

      .about-photo{
        max-width:260px;
        margin:0 auto 12px;
        border-radius:18px;
      }

      .about-card{
        padding:16px 14px 18px;
        border-radius:16px;
      }

      .about-title{
        text-align:center;
        margin-bottom:10px;
      }

      .about-subhead{
        font-size:12.5px;            /* same family as other section subtitles */
        line-height:1.6;
        margin:0 0 10px;
        text-align:left;
      }

      .about-body{
        font-size:12.5px;
        line-height:1.6;
        margin:0 0 14px;
        text-align:left;
      }

      .about-subsection-title{
        font-size:12.5px;
      }

      .about-list{
        font-size:12.5px;
        line-height:1.6;
        margin:0 0 14px 16px;
      }

      .about-divider{
        margin:0 0 14px;
      }

      .about-divider--bottom{
        margin:8px 0 14px;
      }

      .about-closing{
        font-size:13px;
        line-height:1.5;
        margin:0 0 14px;
        text-align:center;
      }

      .about-cta .btn{
        width:100%;
        font-size:12.5px;
        padding:11px 18px;
      }

    }

    @media (max-width:600px){
      .contact-title{
        margin-bottom:10px;
      }

      .contact-sub{
        font-size:12.5px;         /* similar to CLEAR / Services / Case subs */
        line-height:1.6;
        margin:0 auto;
      }


      .contact-card{
        padding:14px 10px 14px;
        border-radius:16px;
      }

      .contact-icon{
        max-width:48px;
        margin-bottom:12px;
      }

      .contact-icon--x{
        max-width:40px;
      }


      .contact-card h3{
        font-size:13.5px;         /* close to other card titles on mobile */
      }

      .contact-card p{
        font-size:11.5px;
        line-height:1.55;
      }
    }

    /* Keep mobile browser overscroll aligned with the page background. */
    @media (max-device-width:600px){
      html,
      body{
        background-color:#041736;
      }

      body{
        background-attachment:scroll;
      }
    }

    /* iPhone 15 Pro (and similar) – landscape typography + audit layout */

    .service-card:hover,
    .case-card:hover,
    .contact-card:hover {
      transform: var(--interactive-card-lift);
      box-shadow: var(--interactive-card-shadow);
      outline: var(--interactive-card-outline);
    }

    .case-image img,
    .case-homepage-preview {
      transition: transform 0.35s ease, filter 0.35s ease;
      transform-origin: center top;
    }
    .case-card:hover .case-image img,
    .case-card:hover .case-homepage-preview {
      transform: scale(1.03);
      filter: brightness(1.03);
    }

    .hero .wrap{
      position:relative;
      z-index:2;
    }


.header-inner{
      border-color:rgba(205,223,255,0.24);
    }

    :root{
      --interactive-card-lift: translateY(-10px) scale(1.018);
      --interactive-card-shadow: 0 34px 90px rgba(1,8,27,0.40);
      --interactive-card-outline: 1px solid rgba(186,216,255,0.22);
    }

    .brand-lockup{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    .brand-logo{
      width:38px;
      height:38px;
      flex:none;
      display:block;
      object-fit:contain;
      object-position:center;
      border-radius:0;
      border:none;
      box-shadow:none;
      background:transparent;
    }

    .hero h1,
    .repeat-title,
    .case-title,
    .services-title,
    .clear-title,
    .about-title,
    .contact-title{
      text-shadow:0 14px 32px rgba(1,8,27,0.30);
    }

    .trust-row{
      margin-top:12px;
    }

    .trust-card,
    .repeat-panel,
    .audit-shell,
    .service-card,
    .case-card,
    .about-card,
    .contact-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(214,229,255,0.18);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.22),
        0 28px 78px rgba(1,8,27,0.36);
      -webkit-backdrop-filter:blur(24px);
      backdrop-filter:blur(24px);
    }

.repeat-panel{
      border-radius:20px;
      -webkit-backdrop-filter:none;
      backdrop-filter:none;
    }

.audit-shell{
      max-width:1140px;
      padding:18px 36px 0;
      border-radius:34px;
      background:
        linear-gradient(180deg, rgba(14,31,82,0.64) 0%, rgba(8,18,52,0.42) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.20),
        0 34px 96px rgba(1,8,27,0.42);
      z-index:2;
    }

    .audit-shell::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.00) 46%),
        radial-gradient(60% 80% at 12% 10%, rgba(150,205,255,0.12) 0%, rgba(150,205,255,0.00) 72%);
      pointer-events:none;
    }

    .audit-shell > *{
      position:relative;
      z-index:1;
    }


    .clear-card,
    .service-card,
    .case-card,
    .about-card{
      background:
        linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(232,240,252,0.84) 100%);
      border-color:rgba(169,193,238,0.34);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.80),
        0 32px 84px rgba(1,8,27,0.26);
    }

    .contact-card{
      background:
        linear-gradient(180deg, rgba(13,30,80,0.94) 0%, rgba(8,18,52,0.86) 100%);
      border-color:rgba(214,229,255,0.22);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 28px 74px rgba(1,8,27,0.38);
    }

    .about-photo{
      border:1px solid rgba(255,255,255,0.12);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 28px 70px rgba(1,8,27,0.34);
    }

    .case-homepage-preview{
      border:1px solid rgba(255,255,255,0.18);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 20px 50px rgba(1,8,27,0.30);
    }

    .audit-head{
      padding-bottom:8px;
      width:100%;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      text-align:left;
    }


    .audit-title{
      transform:none;
      max-width:540px;
      width:100%;
      margin:0;
    }

    .audit-title{
      text-align:left;
    }


    .audit-body,
    .audit-list{
      max-width:540px;
      width:100%;
      margin-left:0;
      margin-right:0;
      text-align:left;
    }

    .audit-subtitle{
      max-width:540px;
      width:100%;
      margin-left:0;
      margin-right:0;
      text-align:left;
    }

    .audit-list{
      padding-left:20px;
    }

    .audit-list li{
      text-align:left;
    }


    .audit-cta-block{
      width:100%;
      max-width:360px;
      margin:0 auto;
    }


    .btn,
    .nav-links a,
    .trust-card,
    .service-card,
    .case-card,
    .contact-card,
    .about-card,
    .audit-shell{
      transition:
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.34s ease,
        background 0.34s ease,
        outline-color 0.34s ease;
    }

    .trust-card:hover,
    .service-card:hover,
    .case-card:hover,
    .contact-card:hover,
    .about-card:hover,
    .audit-shell:hover{
      transform:translateY(-10px) scale(1.018);
    }

    .trust-card:active,
    .service-card:active,
    .case-card:active,
    .contact-card:active,
    .about-card:active{
      transform:translateY(-3px) scale(0.996);
    }

    @media (max-width:768px){

      .audit-shell{
        padding:16px 20px 2px;
        border-radius:28px;
        transform:translateY(-96px);
      }


      .audit-head{
        align-items:center;
        text-align:center;
      }

      .audit-title,
      .audit-body,
      .audit-list,
      .audit-subtitle{
        max-width:none;
        text-align:center;
      }

      .audit-list{
        padding-left:20px;
        padding-right:20px;
      }

      .audit-list li{
        text-align:left;
      }
    }

    @media (max-width:600px){
.brand-logo{
        border-radius:0;
      }

.brand-name{
        transform:none;
      }

      .trust-row{
        margin-top:12px;
      }

      .audit-shell{
        padding:14px 14px 2px;
        border-radius:24px;
        transform:translateY(-64px);
      }

      .audit-head{
        padding-bottom:10px;
      }

    }

    @media (prefers-reduced-motion: reduce){
      html:not(.motion-enabled) .site-stars .site-star,
      html:not(.motion-enabled) .site-stars .site-star::after,
      html:not(.motion-enabled) .reveal,
      html:not(.motion-enabled) .reveal-item,
      html:not(.motion-enabled) .reveal-inner{
        animation:none !important;
        transition:none !important;
      }

    }

    html.capture-mode{
      scroll-behavior:auto !important;
    }

    html.capture-mode *,
    html.capture-mode *::before,
    html.capture-mode *::after{
      transition:none !important;
      animation:none !important;
    }

    html.capture-mode .reveal,
    html.capture-mode .reveal-item,
    html.capture-mode .reveal-inner{
      opacity:1 !important;
      transform:none !important;
    }

    html.capture-mode header{
      position:relative !important;
      top:auto !important;
    }

    html.capture-mode .header-inner,
    html.capture-mode .trust-card,
    html.capture-mode .repeat-panel,
    html.capture-mode .audit-shell,
    html.capture-mode .clear-card,
    html.capture-mode .service-card,
    html.capture-mode .case-card,
    html.capture-mode .about-card,
    html.capture-mode .contact-card{
      -webkit-backdrop-filter:none !important;
      backdrop-filter:none !important;
    }


    /* Final audit layout */
.audit-shell{
      transform:none !important;
    }

    .audit-shell:hover,
    .audit-shell:active{
      transform:none !important;
    }

    .audit-shell .audit-main{
      position:relative !important;
      display:grid !important;
      grid-template-columns:minmax(0, 1.08fr) minmax(280px, 0.92fr) !important;
      column-gap:28px !important;
      row-gap:10px !important;
      align-items:start !important;
    }

    .audit-shell .audit-copy{
      display:flex !important;
      flex-direction:column !important;
      align-items:flex-start !important;
      min-height:0 !important;
    }


    .audit-feature{
      display:flex;
      align-items:flex-start;
      justify-content:flex-end;
      min-height:100%;
      padding-top:8px;
    }

    .audit-feature-inner{
      width:100%;
      max-width:560px;
      padding:26px 22px 18px;
      border:1px solid rgba(214,229,255,0.14);
      border-radius:34px;
      background:
        linear-gradient(180deg, rgba(9,21,58,0.34) 0%, rgba(9,21,58,0.10) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.14),
        0 20px 52px rgba(2,7,23,0.20);
      -webkit-backdrop-filter:blur(10px);
      backdrop-filter:blur(10px);
    }

    .audit-feature-kicker{
      margin:0 0 18px;
      font-size:11px;
      letter-spacing:0.28em;
      text-transform:uppercase;
      color:rgba(214,229,255,0.72);
    }

    .audit-feature-stage{
      position:relative;
      min-height:560px;
      padding:18px 0 6px;
    }

    .audit-feature-frame{
      position:relative;
      min-height:510px;
      border:1px solid rgba(183, 209, 255, 0.18);
      border-radius:32px;
      overflow:hidden;
      background:
        radial-gradient(70% 70% at 56% 60%, rgba(67,115,255,0.10) 0%, rgba(67,115,255,0.02) 38%, rgba(4,12,36,0.00) 78%),
        linear-gradient(180deg, rgba(8,18,52,0.40) 0%, rgba(8,18,52,0.12) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 24px 58px rgba(2,7,23,0.22);
    }

    .audit-feature-frame::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 88%, rgba(60,125,255,0.20) 0%, rgba(60,125,255,0.06) 22%, rgba(60,125,255,0.00) 58%),
        radial-gradient(circle at 50% 50%, rgba(152,205,255,0.05) 0%, rgba(152,205,255,0.00) 68%);
      pointer-events:none;
    }

    .audit-feature-axis,
    .audit-feature-ring,
    .audit-feature-core,
    .audit-feature-floor,
    .audit-feature-cover{
      position:absolute;
    }

    .audit-feature-axis{
      pointer-events:none;
      z-index:1;
    }


    .audit-feature-axis--horizontal{
      left:8%;
      right:8%;
      bottom:118px;
      height:1px;
      background:linear-gradient(90deg, rgba(166,204,255,0.00) 0%, rgba(166,204,255,0.18) 16%, rgba(166,204,255,0.18) 84%, rgba(166,204,255,0.00) 100%);
    }

    .audit-feature-ring{
      border-radius:50%;
      pointer-events:none;
      z-index:1;
    }

    .audit-feature-ring--outer{
      width:520px;
      height:520px;
      left:52%;
      top:54px;
      transform:translateX(-50%);
      border:1px solid rgba(82, 136, 255, 0.28);
      box-shadow:0 0 0 1px rgba(124, 169, 255, 0.04) inset;
    }

    .audit-feature-ring--inner{
      width:220px;
      height:220px;
      left:50%;
      top:170px;
      transform:translateX(-50%);
      border:1px solid rgba(166, 204, 255, 0.20);
      box-shadow:0 0 0 1px rgba(124, 169, 255, 0.04) inset;
    }

    .audit-feature-core{
      left:calc(50% - 5px);
      bottom:113px;
      width:10px;
      height:10px;
      border-radius:50%;
      background:rgba(180, 215, 255, 0.78);
      box-shadow:
        0 0 0 9px rgba(109, 162, 255, 0.10),
        0 0 24px rgba(109, 162, 255, 0.35);
      z-index:2;
    }

    .audit-feature-cover{
      z-index:3;
      left:54%;
      bottom:26px;
      width:min(360px, 72%);
      transform:translateX(-50%);
      filter:drop-shadow(0 20px 40px rgba(3, 8, 24, 0.42));
    }

    .audit-feature-floor{
      z-index:1;
      left:50%;
      bottom:14px;
      width:76%;
      height:54px;
      transform:translateX(-50%);
      border-radius:50%;
      background:
        radial-gradient(circle at center, rgba(92, 148, 255, 0.44) 0%, rgba(92, 148, 255, 0.12) 28%, rgba(92, 148, 255, 0.00) 72%);
      filter:blur(2px);
    }

    .audit-feature-chip{
      position:absolute;
      z-index:4;
      display:flex;
      align-items:center;
      gap:12px;
      min-width:164px;
      padding:14px 18px;
      border:1px solid rgba(183,209,255,0.16);
      border-radius:18px;
      background:linear-gradient(180deg, rgba(18,32,74,0.84) 0%, rgba(11,22,54,0.78) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 18px 36px rgba(2,7,23,0.22);
      color:rgba(225,236,255,0.86);
      font-size:13px;
      line-height:1.45;
      -webkit-backdrop-filter:blur(10px);
      backdrop-filter:blur(10px);
    }

    .audit-feature-chip strong{
      color:rgba(111, 176, 255, 0.98);
      font-weight:600;
    }

    .audit-feature-chip-icon{
      flex:0 0 34px;
      width:34px;
      height:34px;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(101, 159, 255, 0.30);
      background:radial-gradient(circle at 50% 50%, rgba(60,125,255,0.20) 0%, rgba(60,125,255,0.05) 72%);
      color:rgba(116, 182, 255, 0.96);
      font-size:18px;
      line-height:1;
      box-shadow:0 0 18px rgba(60,125,255,0.18);
    }

    .audit-feature-chip--left{
      left:-42px;
      top:132px;
    }

    .audit-feature-chip--right{
      right:-34px;
      bottom:146px;
    }


    .audit-shell .audit-summary .btn:hover,
    .audit-shell .audit-summary .btn:active,
    .audit-shell .audit-summary .btn:focus{
      transform:none !important;
    }


    .audit-shell .audit-summary{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      width:100% !important;
      max-width:760px !important;
      margin:8px auto 24px !important;
      transform:none !important;
    }

    @media (max-width:768px){
      .audit-shell{
        margin:-96px auto 0 !important;
      }

      .audit-orbit-field{
        opacity:0.7;
      }

      .audit-orbit--outer{
        width:520px;
        height:520px;
      }

      .audit-orbit--middle{
        width:380px;
        height:380px;
      }

      .audit-orbit--inner{
        width:248px;
        height:248px;
      }

      .audit-orbit-axis--horizontal{
        top:50%;
        left:0;
      }


      .audit-shell .audit-main{
        grid-template-columns:1fr !important;
        row-gap:18px !important;
      }

      .audit-shell .audit-copy,
      .audit-feature{
        align-items:center !important;
      }

      .audit-feature{
        justify-content:center !important;
        padding-top:0;
      }

      .audit-feature-inner{
        max-width:520px;
        text-align:center;
        padding:24px 18px 16px;
      }

      .audit-feature-stage{
        min-height:470px;
        padding-top:8px;
      }

      .audit-feature-frame{
        min-height:420px;
      }

      .audit-feature-ring--outer{
        width:430px;
        height:430px;
        top:38px;
        left:50%;
      }

      .audit-feature-ring--inner{
        width:180px;
        height:180px;
        left:50%;
        top:162px;
      }


      .audit-feature-core{
        left:calc(50% - 5px);
        bottom:108px;
      }

      .audit-feature-cover{
        left:52%;
        width:min(310px, 76%);
      }

      .audit-feature-chip{
        min-width:0;
        padding:12px 15px;
        font-size:12px;
      }

      .audit-feature-chip--left{
        left:6px;
        top:52px;
      }

      .audit-feature-chip--right{
        right:6px;
        bottom:72px;
      }


      .audit-shell .audit-summary{
        margin:14px auto 0 !important;
      }
    }

    @media (max-width:600px){
      .audit-shell{
        margin:-64px auto 0 !important;
      }
    }

    @media (min-width:769px){
      .audit-shell .audit-main{
        row-gap:16px !important;
      }


      .audit-shell .audit-summary{
        max-width:720px !important;
        margin:0 auto 6px !important;
      }

    }

    /* Motion system */
:root{
      --radius-universal:12px;
      --ease-premium:cubic-bezier(0.22, 1, 0.36, 1);
      --ease-soft:cubic-bezier(0.16, 1, 0.3, 1);
      --shadow-rest:0 22px 54px rgba(1,8,27,0.24);
      --shadow-hover:0 34px 84px rgba(1,8,27,0.34);
      --shadow-focus:0 0 0 1px rgba(172,209,255,0.44), 0 24px 62px rgba(1,8,27,0.28);
      --motion-border-rest:rgba(206,224,255,0.18);
      --motion-border-hover:rgba(186,216,255,0.34);
    }

    :is(
      .header-inner,
      .nav-links a,
      .btn,
      .hero-ctas::after,
      .trust-card,
      .trust-visual,
      .repeat-panel,
      .repeat-col::before,
      .audit-shell,
      .clear-card,
      .service-card,
      .service-badge,
      .public-breakdowns-shell,
      .public-breakdowns-bottom-link,
      .case-card,
      .case-image,
      .case-expanded-wireframe-visual,
      .case-expanded-wireframe .btn,
      .case-ppp-panel,
      .about-photo,
      .about-card,
      .contact-card,
      .wireframe-overlay__panel,
      .wireframe-overlay__close
    ){
      border-radius:var(--radius-universal) !important;
    }

    :is(
      [data-motion-section]::before,
      [data-motion-section]::after,
      .trust-card::before,
      .service-card::before,
      .case-card::before,
      .contact-card::before,
      .about-card::before,
      .clear-card::before,
      .btn::before,
      .public-breakdowns-bottom-link::before
    ){
      border-radius:inherit;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      transition:background 1.4s var(--ease-premium);
    }

    body::before{
      content:none;
      display:none;
    }


    [data-motion-section]::before,
    [data-motion-section]::after{
      content:"";
      position:absolute;
      inset:7% 4%;
      border-radius:40px;
      pointer-events:none;
      z-index:0;
      opacity:0;
      transition:opacity var(--motion-slow) var(--ease-premium), transform 1.2s var(--ease-premium);
    }

    [data-motion-section]::before{
      background:
        radial-gradient(46% 54% at 18% 24%, rgba(120,168,255,0.14) 0%, rgba(120,168,255,0.04) 38%, rgba(120,168,255,0) 76%),
        radial-gradient(38% 46% at 82% 20%, rgba(92,142,255,0.10) 0%, rgba(92,142,255,0) 78%);
      filter:blur(26px);
      transform:translate3d(0, 18px, 0) scale(0.985);
      animation:sectionAtmosphereDrift 22s ease-in-out infinite;
    }

    [data-motion-section]::after{
      inset:auto 10% 0;
      height:40%;
      border-radius:999px;
      background:radial-gradient(circle at center, rgba(124,176,255,0.12) 0%, rgba(124,176,255,0.04) 36%, rgba(124,176,255,0) 74%);
      filter:blur(30px);
      transform:translate3d(0, 10px, 0) scale(0.98);
      animation:sectionBreath 16s ease-in-out infinite;
    }

    [data-motion-tone="hero"]::before{
      background:
        radial-gradient(42% 54% at 20% 20%, rgba(143,190,255,0.18) 0%, rgba(143,190,255,0.05) 34%, rgba(143,190,255,0) 72%),
        radial-gradient(36% 46% at 84% 24%, rgba(105,160,255,0.14) 0%, rgba(105,160,255,0) 76%);
    }

    [data-motion-tone="focus"]::before{
      background:
        radial-gradient(42% 52% at 18% 14%, rgba(160,212,255,0.18) 0%, rgba(160,212,255,0.05) 36%, rgba(160,212,255,0) 76%),
        radial-gradient(32% 40% at 78% 24%, rgba(111,162,255,0.12) 0%, rgba(111,162,255,0) 78%);
    }

    [data-motion-tone="breakdowns"]::before{
      background:
        radial-gradient(44% 52% at 18% 26%, rgba(122,175,255,0.15) 0%, rgba(122,175,255,0.05) 34%, rgba(122,175,255,0) 74%),
        radial-gradient(24% 32% at 76% 30%, rgba(188,228,255,0.12) 0%, rgba(188,228,255,0.03) 42%, rgba(188,228,255,0) 78%);
    }

.reveal,
    .reveal-item,
    .reveal-inner{
      opacity:0;
      transform-origin:50% 50%;
      transition-delay:var(--reveal-delay, 0ms);
    }

.reveal.is-visible,
    .reveal-item.is-visible,
    .reveal-inner.is-visible{
      opacity:1;
    }

    .hero .galaxy-bridge-section{
      transition:transform 1.2s var(--ease-premium), opacity 1.2s var(--ease-premium);
      transform:translate3d(0, 18px, 0) scale(0.992);
      opacity:0.82;
    }

    .hero.is-visible .galaxy-bridge-section{
      transform:translate3d(0, 0, 0) scale(1);
      opacity:1;
    }

    .btn,
    .nav-links a,
    .public-breakdowns-bottom-link,
    .service-link,
    .case-link a{
      position:relative;
      overflow:hidden;
      transition:
        transform var(--motion-base) var(--ease-premium),
        box-shadow var(--motion-base) var(--ease-premium),
        border-color var(--motion-base) var(--ease-soft),
        background-color var(--motion-base) var(--ease-soft),
        color var(--motion-fast) ease;
    }

    .btn::before,
    .public-breakdowns-bottom-link::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      background:var(--button-highlight);
      opacity:0.45;
      transform:translateX(-12%);
      transition:opacity var(--motion-base) ease, transform var(--motion-base) var(--ease-premium);
      pointer-events:none;
    }

    .btn:hover,
    .btn:focus-visible,
    .public-breakdowns-bottom-link:hover,
    .public-breakdowns-bottom-link:focus-visible{
      transform:translate3d(0, -4px, 0) scale(1.012);
      box-shadow:0 22px 44px rgba(0,0,0,0.28);
    }

    .btn:hover::before,
    .btn:focus-visible::before,
    .public-breakdowns-bottom-link:hover::before,
    .public-breakdowns-bottom-link:focus-visible::before{
      opacity:0.68;
      transform:translateX(0);
    }


    .nav-links a:hover,
    .nav-links a:focus-visible{
      transform:translate3d(0, -2px, 0);
      color:var(--text);
    }

    :is(a, button, [role="button"], [data-motion-family="card"]):focus-visible{
      outline:none;
      box-shadow:var(--shadow-focus);
    }

    .header-inner{
      transition:
        transform var(--motion-base) var(--ease-premium),
        box-shadow var(--motion-slow) var(--ease-premium),
        border-color var(--motion-base) var(--ease-soft),
        background var(--motion-slow) var(--ease-premium);
    }

    .header-inner:hover{
      transform:translate3d(0, -1px, 0);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 28px 54px rgba(1,8,27,0.68);
    }

    :is(
      .trust-card,
      .service-card,
      .case-card,
      .contact-card,
      .about-card,
      .clear-card,
      .audit-shell
    ){
      transition:
        transform var(--motion-base) var(--ease-premium),
        box-shadow var(--motion-base) var(--ease-premium),
        border-color var(--motion-base) var(--ease-soft),
        filter var(--motion-base) var(--ease-soft),
        background var(--motion-slow) var(--ease-premium);
      box-shadow:var(--shadow-rest);
      transform:translate3d(0, 0, 0);
      border-color:var(--motion-border-rest);
    }

    :is(
      .trust-card,
      .service-card,
      .case-card,
      .contact-card,
      .about-card,
      .clear-card
    )::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      opacity:0;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0) 30%),
        radial-gradient(120% 100% at 0% 0%, rgba(164,210,255,0.10) 0%, rgba(164,210,255,0) 52%);
      transition:opacity var(--motion-base) var(--ease-premium);
    }

    :is(
      .trust-card,
      .service-card,
      .case-card,
      .contact-card,
      .about-card,
      .clear-card,
      .audit-shell
    ):hover,
    :is(
      .trust-card,
      .service-card,
      .case-card,
      .contact-card,
      .about-card,
      .clear-card,
      .audit-shell
    ):focus-within,
    :is(
      .trust-card,
      .service-card,
      .case-card,
      .contact-card,
      .clear-card
    ).is-active{
      transform:translate3d(0, var(--hover-lift), 0);
      box-shadow:var(--shadow-hover);
      border-color:var(--motion-border-hover);
    }

    :is(.trust-card, .service-card, .case-card, .contact-card, .about-card, .clear-card):hover::before,
    :is(.trust-card, .service-card, .case-card, .contact-card, .about-card, .clear-card):focus-within::before,
    :is(.trust-card, .service-card, .case-card, .contact-card, .clear-card).is-active::before{
      opacity:1;
    }

    [data-motion-group] .is-muted{
      opacity:0.72;
      transform:translate3d(0, 0, 0) scale(0.992);
      filter:saturate(0.92);
    }

    .hero-ctas{
      position:relative;
    }

.hero-ctas::after{
      content:"";
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      border-radius:999px;
      pointer-events:none;
      animation:heroCTABreath 8s ease-in-out infinite;
    }

    .trust-card .trust-visual img,
    .contact-icon,
    .about-photo img,
    .case-homepage-preview,
    .case-expanded-homepage-preview{
      transition:
        transform var(--motion-slow) var(--ease-premium),
        filter var(--motion-base) var(--ease-soft);
    }

    .trust-card:hover .trust-visual img,
    .about-photo:hover img,
    .case-card:hover .case-homepage-preview,
    .case-card:hover .case-expanded-homepage-preview{
      transform:scale(1.026);
      filter:brightness(1.02);
    }

    .contact-card:hover .contact-icon,
    .contact-card:focus-within .contact-icon{
      transform:translate3d(0, -3px, 0) scale(1.04);
      filter:drop-shadow(0 10px 18px rgba(0,0,0,0.36)) brightness(1.05);
    }

    .clear-card{
      position:relative;
      isolation:isolate;
      transition:border-color var(--motion-base) var(--ease-soft);
    }

    .clear-card-letter,
    .clear-card-divider,
    .clear-card-title{
      transition:
        transform var(--motion-base) var(--ease-premium),
        color var(--motion-fast) ease,
        opacity var(--motion-fast) ease,
        background-color var(--motion-base) var(--ease-soft);
    }

    .clear-card:hover .clear-card-letter,
    .clear-card:focus-visible .clear-card-letter,
    .clear-card.expanded .clear-card-letter{
      transform:translate3d(0, -2px, 0) scale(1.02);
      color:#0d1f4d;
    }

    .clear-card:hover .clear-card-divider,
    .clear-card.expanded .clear-card-divider{
      background:rgba(11,27,74,0.34);
    }


    .clear-card.expanded .clear-card-title,
    .clear-card.expanded .clear-card-details p.lead{
      color:rgba(238,244,255,0.96) !important;
    }

    .clear-card.expanded .clear-card-text,
    .clear-card.expanded .clear-card-details,
    .clear-card.expanded .clear-card-details p,
    .clear-card.expanded .clear-card-details ul,
    .clear-card.expanded .clear-card-details li{
      color:rgba(209,219,241,0.84) !important;
    }

    .services-grid,
    .case-grid,

    .case-card .case-link a,
    .contact-card h3{
      transition:transform var(--motion-base) var(--ease-premium), color var(--motion-fast) ease, opacity var(--motion-fast) ease;
    }


    .case-image,
    .case-expanded-wireframe-visual,
    .about-photo{
      position:relative;
      overflow:hidden;
    }

    .case-image::after{
      content:"Open breakdown";
      position:absolute;
      left:18px;
      right:18px;
      bottom:16px;
      padding:11px 14px;
      border-radius:999px;
      background:linear-gradient(180deg, rgba(5,12,35,0.86), rgba(5,12,35,0.7));
      color:#eef4ff;
      font-size:12px;
      font-weight:600;
      letter-spacing:0.02em;
      text-align:center;
      opacity:0;
      transform:translate3d(0, 8px, 0);
      transition:opacity var(--motion-base) ease, transform var(--motion-base) var(--ease-premium);
      pointer-events:none;
    }

    .case-card:hover .case-image::after,
    .case-card:focus-within .case-image::after{
      opacity:1;
      transform:translate3d(0, 0, 0);
    }

.case-card .case-expanded{
      display:block;
      height:0;
      max-height:0;
      opacity:0;
      overflow:hidden;
      visibility:hidden;
    }

    .case-card .case-expanded[hidden]{
      display:none !important;
    }

    .case-card.case-card--open .case-expanded{
      height:auto;
      max-height:none;
      opacity:1;
      overflow:visible;
      visibility:visible;
    }

    .about-photo::after{
      content:"";
      position:absolute;
      inset:8% 12%;
      border-radius:28px;
      background:radial-gradient(circle at 50% 36%, rgba(151,204,255,0.14) 0%, rgba(151,204,255,0.04) 44%, rgba(151,204,255,0) 76%);
      filter:blur(18px);
      opacity:0.6;
      pointer-events:none;
      animation:portraitBreath 12s ease-in-out infinite;
    }

    .about-card,
    .contact-card{
      -webkit-backdrop-filter:blur(20px);
      backdrop-filter:blur(20px);
    }

    .contact-card{
      cursor:default;
    }




    @keyframes sectionAtmosphereDrift{
      0%, 100%{ transform:translate3d(0, 10px, 0) scale(0.988); }
      50%{ transform:translate3d(1.5%, -6px, 0) scale(1.02); }
    }

    @keyframes sectionBreath{
      0%, 100%{ opacity:0.08; transform:translate3d(0, 8px, 0) scale(0.98); }
      50%{ opacity:0.18; transform:translate3d(0, 0, 0) scale(1.02); }
    }

    @keyframes heroCTABreath{
      0%, 100%{ opacity:0.28; transform:translateX(-50%) scale(0.98); }
      50%{ opacity:0.48; transform:translateX(-50%) scale(1.02); }
    }


    @keyframes portraitBreath{
      0%, 100%{ opacity:0.38; transform:scale(0.98); }
      50%{ opacity:0.62; transform:scale(1.03); }
    }

    /* Final surface refinement: lighter, integrated glass panels */
    :root{
      --surface-glass:rgba(255,255,255,0.045);
      --surface-border:rgba(220,234,255,0.105);
      --surface-border-strong:rgba(214,230,255,0.15);
      --surface-border-hover:rgba(220,236,255,0.24);
      --surface-shadow:0 18px 52px rgba(1,8,27,0.22);
      --surface-shadow-hover:0 26px 68px rgba(1,8,27,0.28);
      --surface-highlight:inset 0 1px 0 rgba(255,255,255,0.10);
    }

    :is(
      .trust-card,
      .repeat-panel,
      .audit-shell,
      .clear-card,
      .service-card,
      .case-card,
      .about-card,
      .contact-card,
      .public-breakdowns-shell,
      .case-image,
      .case-expanded-wireframe-visual,
      .case-ppp-panel,
      .wireframe-overlay__panel
    ){
      background:var(--surface-glass) !important;
      border:1px solid var(--surface-border) !important;
      box-shadow:var(--surface-highlight), var(--surface-shadow) !important;
      -webkit-backdrop-filter:blur(12px) saturate(1.05) !important;
      backdrop-filter:blur(12px) saturate(1.05) !important;
    }

    :is(.audit-shell, .public-breakdowns-shell, .service-card, .case-card){
      background:linear-gradient(180deg, rgba(180,205,255,0.075), rgba(255,255,255,0.032)) !important;
      border-color:var(--surface-border-strong) !important;
    }

    :is(.clear-card, .about-card, .contact-card, .trust-card){
      background:linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025)) !important;
    }

    .repeat-panel,
    .public-breakdowns-shell{
      box-shadow:none !important;
      -webkit-backdrop-filter:none !important;
      backdrop-filter:none !important;
    }

    .repeat-grid::before,
    .repeat-grid::after{
      background:rgba(220,234,255,0.10) !important;
    }

    .repeat-col::before{
      background:linear-gradient(180deg, rgba(255,255,255,0.062), rgba(255,255,255,0.028)) !important;
      border-right:1px solid rgba(220,234,255,0.055);
      -webkit-backdrop-filter:blur(10px) saturate(1.04) !important;
      backdrop-filter:blur(10px) saturate(1.04) !important;
    }

    .repeat-col h3,
    .repeat-mid .mid-text,
    .repeat-tag{
      color:rgba(238,244,255,0.92) !important;
    }

    .repeat-col li{
      color:rgba(209,219,241,0.8) !important;
    }

    .repeat-col .col-rule{
      border-top-color:rgba(220,234,255,0.13) !important;
    }

    .repeat-tags{
      background:rgba(220,234,255,0.08) !important;
      border-top-color:rgba(220,234,255,0.11) !important;
    }

    .public-breakdowns-shell{
      background:linear-gradient(180deg, rgba(255,255,255,0.026), rgba(255,255,255,0.012)) !important;
    }

    .audit-shell::before,
    .public-breakdowns-shell::before,
    .public-breakdowns-shell::after{
      opacity:0.36 !important;
    }

    :is(.clear-card, .service-card, .case-card, .about-card){
      color:var(--text) !important;
    }

    :is(
      .clear-card-title,
      .clear-card-letter,
      .case-name,
      .about-title,
      .contact-card h3
    ){
      color:rgba(238,244,255,0.96) !important;
    }

    :is(
      .clear-card-text,
      .clear-card-details,
      .service-tagline,
      .case-desc,
      .case-bullets,
      .case-expanded,
      .case-ppp-body,
      .about-body,
      .about-list,
      .about-closing,
      .contact-card p
    ){
      color:rgba(209,219,241,0.84) !important;
    }

    :is(
      .clear-card-divider,
      .case-divider,
      .case-expanded-divider,
      .case-ppp-row + .case-ppp-row,
      .about-divider
    ){
      border-color:rgba(220,234,255,0.12) !important;
      background:rgba(220,234,255,0.12) !important;
    }

    :is(.service-badge, .case-tag){
      background:rgba(255,255,255,0.065) !important;
      color:rgba(226,235,255,0.86) !important;
      border:1px solid rgba(220,234,255,0.12) !important;
      box-shadow:none !important;
    }


    .contact-card{
      min-height:0;
    }

    .contact-icon{
      filter:drop-shadow(0 10px 22px rgba(1,8,27,0.24));
    }

    :is(
      .trust-card,
      .service-card,
      .case-card,
      .contact-card,
      .about-card,
      .clear-card,
      .audit-shell
    ):hover,
    :is(
      .trust-card,
      .service-card,
      .case-card,
      .contact-card,
      .about-card,
      .clear-card,
      .audit-shell
    ):focus-within{
      background:linear-gradient(180deg, rgba(180,205,255,0.095), rgba(255,255,255,0.04)) !important;
      border-color:var(--surface-border-hover) !important;
      box-shadow:var(--surface-highlight), var(--surface-shadow-hover) !important;
    }

    :is(.case-image, .case-expanded-wireframe-visual):hover{
      border-color:rgba(220,236,255,0.2) !important;
      box-shadow:var(--surface-highlight), 0 22px 52px rgba(1,8,27,0.26) !important;
    }

    /* Trust bar: invisible containers, consistent oversized visuals */
    .trust-row{
      gap:46px;
      align-items:flex-start;
    }

    .trust-card,
    .trust-card:hover,
    .trust-card:focus-within,
    .trust-card.is-active{
      width:260px;
      padding:0;
      background:transparent !important;
      border-color:transparent !important;
      box-shadow:none !important;
      -webkit-backdrop-filter:none !important;
      backdrop-filter:none !important;
      transform:none !important;
      filter:none !important;
    }

    .trust-card::before{
      content:none !important;
    }

    .trust-visual{
      width:240px;
      height:220px;
      margin:0 auto 2px;
      flex:0 0 220px;
    }

    .trust-visual img{
      width:220px;
      height:190px;
      max-width:none;
      object-fit:contain;
      filter:drop-shadow(0 18px 28px rgba(0,0,0,0.22));
    }

    .trust-title{
      font-size:22px;
      line-height:1.15;
      font-weight:700;
      min-height:2.35em;
      max-width:13ch;
    }

    .trust-card:hover .trust-visual img,
    .trust-card:focus-within .trust-visual img{
      transform:none;
      filter:drop-shadow(0 18px 28px rgba(0,0,0,0.22));
    }


    .repeat-title,
    .repeat-sub{
      width:min(860px, 96%);
      max-width:860px;
      margin-left:auto;
      margin-right:auto;
      text-align:center !important;
    }

    .repeat-overview{
      width:min(860px, 96%);
      max-width:860px;
      margin-left:auto;
      margin-right:auto;
    }

    .repeat-section::after,
    .repeat-section[data-motion-section]::after{
      content:none !important;
      display:none !important;
      background:none !important;
      opacity:0 !important;
      filter:none !important;
      -webkit-mask-image:none !important;
      mask-image:none !important;
    }

    .repeat-section::before{
      content:"" !important;
      display:block !important;
      left:50%;
      transform:translateX(-50%) !important;
      width:100vw;
      top:590px !important;
      height:480px;
      background:url("../optimized/ribbon-image-v3-edited-1440.webp") no-repeat center !important;
      background-image:-webkit-image-set(
        url("../optimized/ribbon-image-v3-edited-1440.webp") 1x,
        url("../optimized/ribbon-image-v3-edited-1920.webp") 1.5x,
        url("../optimized/ribbon-image-v3-edited-2880.webp") 2x
      ) !important;
      background-image:image-set(
        url("../optimized/ribbon-image-v3-edited-1440.webp") 1x,
        url("../optimized/ribbon-image-v3-edited-1920.webp") 1.5x,
        url("../optimized/ribbon-image-v3-edited-2880.webp") 2x
      ) !important;
      background-size:100vw 480px !important;
      background-position:center !important;
      opacity:1 !important;
      pointer-events:none;
      z-index:0 !important;
      filter:none !important;
      -webkit-mask-image:none !important;
      mask-image:none !important;
      position:absolute;
    }

    .repeat-section > .wrap{
      position:relative;
      z-index:1;
    }

    .repeat-panel{
      --repeat-surface:rgba(44,61,94,0.68);
      background:transparent !important;
      border:1px solid rgba(220,234,255,0.08) !important;
      box-shadow:0 16px 44px rgba(1,8,27,0.16) !important;
    }

    .repeat-col,
    .repeat-tags{
      background:var(--repeat-surface) !important;
    }

    .repeat-col::before,
    .repeat-mid::before{
      content:none !important;
    }

    .repeat-mid{
      background:transparent !important;
      position:relative;
      overflow:hidden;
    }

    .repeat-mid::before{
      content:"" !important;
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:48%;
      background:var(--repeat-surface) !important;
      z-index:0;
    }

    .repeat-mid::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:42px;
      height:48%;
      background:transparent;
      border-top:none;
      opacity:1;
      z-index:0;
    }

    .repeat-mid .mid-text{
      position:relative;
      z-index:1;
    }

    .repeat-tags{
      border-top:1px solid rgba(220,234,255,0.11) !important;
    }


    .audit-section{
      margin-top:72px;
    }

    @media (max-width:600px){
      .audit-section{
        margin-top:48px;
      }

      .trust-row{
        gap:18px;
        padding-bottom:8px;
      }

      .trust-card,
      .trust-card:hover,
      .trust-card:focus-within,
      .trust-card.is-active{
        flex:0 0 210px;
        max-width:210px;
        width:210px;
        padding:0;
      }

      .trust-visual{
        width:200px;
        height:174px;
        flex-basis:174px;
        margin-bottom:0;
      }

      .trust-visual img{
        width:190px;
        height:152px;
        max-width:none;
      }

      .trust-title{
        font-size:18px;
        line-height:1.18;
        min-height:2.35em;
      }
    }

    /* Hero reference upgrade */
    :root{
      --button-highlight:linear-gradient(118deg, rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.09) 24%, rgba(167,202,255,0.08) 48%, rgba(255,255,255,0) 72%);
    }


.site-stars::before,
    .site-stars::after{
      content:"";
      position:absolute;
      display:block;
      pointer-events:none;
      background-repeat:repeat;
    }


.site-stars::after{
      filter:blur(0.2px);
    }

    header{
      padding-top:22px;
    }

    .header-inner{
      position:relative;
      overflow:hidden;
      isolation:isolate;
      padding:17px 30px;
      border-radius:24px;
      background:linear-gradient(180deg, rgba(10,21,58,0.82) 0%, rgba(6,14,40,0.92) 100%);
      border:1px solid rgba(174,201,255,0.2);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 22px 44px rgba(1,8,27,0.52),
        0 0 0 1px rgba(120,156,246,0.06);
      -webkit-backdrop-filter:blur(22px) saturate(1.1);
      backdrop-filter:blur(22px) saturate(1.1);
    }

    .header-inner::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      background:
        linear-gradient(112deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 18%, rgba(255,255,255,0.02) 36%, rgba(167,204,255,0.07) 62%, rgba(255,255,255,0) 82%),
        radial-gradient(80% 150% at 16% 0%, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 52%);
      opacity:0.76;
      pointer-events:none;
    }

    .header-inner::after{
      content:"";
      position:absolute;
      inset:auto 28px 0;
      height:1px;
      background:linear-gradient(90deg, rgba(255,255,255,0), rgba(204,224,255,0.24), rgba(255,255,255,0));
      opacity:0.58;
      pointer-events:none;
    }

    .header-row{
      position:relative;
      z-index:1;
      gap:24px;
    }

    .brand-logo{
      filter:drop-shadow(0 8px 18px rgba(7,15,40,0.4)) brightness(1.05);
    }

    .brand-name,
    .nav-links,
    .hero-sub,
    .hero .btn{
      font-family:var(--font-hero-display);
    }

    .brand-name{
      left:0;
      transform:none;
      font-size:21px;
      font-weight:600;
      letter-spacing:-0.035em;
      color:var(--hero-ink);
      text-shadow:0 10px 22px rgba(1,8,27,0.34);
    }

    .header-divider{
      width:1px;
      height:34px;
      background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(238,243,255,0.74), rgba(255,255,255,0.04));
    }

    .nav-links{
      gap:20px;
      font-size:18px;
      font-weight:500;
      letter-spacing:-0.035em;
      color:rgba(232,239,255,0.82);
    }

    .nav-links a{
      padding:8px 12px;
      border-radius:14px;
      font-weight:500;
    }

    .nav-links a:hover{
      background:rgba(255,255,255,0.08);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
      color:#fbfcff;
    }

.hero{
      padding-top:108px;
      background:transparent !important;
    }

    main,
    main > section,
    .hero,
    .hero .wrap,
    .trust-row,
    .audit-section,
    .repeat-section,
    .clear-section,
    .services-section,
    .case-section,
    .about-section,
    .contact-section{
      background:transparent !important;
      background-color:transparent !important;
    }

    :is(.repeat-section, .audit-section, .clear-section, .services-section, .case-section, .about-section, .contact-section)[data-motion-section]::before,
    :is(.repeat-section, .audit-section, .clear-section, .services-section, .case-section, .about-section, .contact-section)[data-motion-section]::after{
      content:none;
      background:none;
      animation:none;
      filter:none;
    }

    .hero[data-motion-section]::before{
      inset:1% 1% 6%;
      border-radius:72px;
      background:
        radial-gradient(48% 42% at 50% 24%, rgba(112,164,255,0.18) 0%, rgba(112,164,255,0.08) 30%, rgba(112,164,255,0.02) 52%, rgba(112,164,255,0) 76%),
        radial-gradient(58% 52% at 50% 48%, rgba(63,102,225,0.08) 0%, rgba(63,102,225,0.03) 34%, rgba(63,102,225,0) 68%),
        radial-gradient(30% 30% at 14% 22%, rgba(153,195,255,0.07) 0%, rgba(153,195,255,0) 74%),
        radial-gradient(30% 30% at 86% 20%, rgba(153,195,255,0.07) 0%, rgba(153,195,255,0) 74%);
      filter:blur(14px);
    }

    .hero[data-motion-section]::after{
      inset:auto 8% 2%;
      height:48%;
      background:
        radial-gradient(ellipse at center, rgba(110,150,255,0.14) 0%, rgba(110,150,255,0.06) 26%, rgba(110,150,255,0.02) 44%, rgba(110,150,255,0) 74%);
      filter:blur(30px);
    }

    .hero > .hero-orbit-field{
      position:absolute;
      left:50%;
      top:47%;
      width:min(2100px, 162vw);
      height:1280px;
      transform:translate(-50%, -50%);
      z-index:1;
      pointer-events:none;
      overflow:visible;
      opacity:1;
      -webkit-mask-image:none;
      mask-image:none;
    }


    .hero-orbit-field::before,
    .hero-orbit-field::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
    }

.hero-orbit-svg{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      display:block;
      pointer-events:none;
      overflow:visible;
      -webkit-mask-image:radial-gradient(ellipse 84% 62% at 50% 44%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 10%, rgba(0,0,0,0.72) 26%, rgba(0,0,0,1) 46%, rgba(0,0,0,0.82) 70%, rgba(0,0,0,0.18) 88%, rgba(0,0,0,0) 100%);
      mask-image:radial-gradient(ellipse 84% 62% at 50% 44%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 10%, rgba(0,0,0,0.72) 26%, rgba(0,0,0,1) 46%, rgba(0,0,0,0.82) 70%, rgba(0,0,0,0.18) 88%, rgba(0,0,0,0) 100%);
    }

.hero-orbit-svg ellipse{
      fill:none;
    }

    .hero-orbit-svg ellipse:nth-child(1){ stroke:rgba(92,122,204,0.07); }
    .hero-orbit-svg ellipse:nth-child(2){ stroke:rgba(98,128,210,0.08); }
    .hero-orbit-svg ellipse:nth-child(3){ stroke:rgba(104,134,216,0.1); }
    .hero-orbit-svg ellipse:nth-child(4){ stroke:rgba(112,142,224,0.11); }
    .hero-orbit-svg ellipse:nth-child(5){ stroke:rgba(120,150,232,0.13); }
    .hero-orbit-svg ellipse:nth-child(6){ stroke:rgba(130,160,240,0.15); }

    .hero-orbit-field::before{
      inset:-2% -4% -2%;
      background:
        radial-gradient(ellipse at 50% 44%, rgba(92,128,238,0.05) 0%, rgba(92,128,238,0.022) 18%, rgba(92,128,238,0.008) 34%, rgba(92,128,238,0) 58%);
      filter:blur(7px);
      opacity:0.18;
    }

    .hero-orbit-field::after{
      inset:0;
      background:none;
      opacity:0;
    }

    .hero-orbit-glow,
    .hero-orbit-reflection{
      position:absolute;
      left:50%;
      transform:translate(-50%, -50%);
      pointer-events:none;
      mix-blend-mode:normal;
    }


.hero-orbit-glow{
      top:43%;
      width:min(1180px, 92vw);
      height:520px;
      border-radius:50%;
    }

.hero-detail-star{
      position:absolute;
      width:var(--hero-star-dot, 3px);
      height:var(--hero-star-dot, 3px);
      border-radius:999px;
      background:rgba(246,249,255,1);
      pointer-events:none;
      z-index:1;
    }

    .hero-detail-star::before,
    .hero-detail-star::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      pointer-events:none;
    }

    .hero-detail-star::before{
      width:1px;
      height:var(--hero-star-ray-y, 28px);
      transform:translate(-50%, -50%);
      background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(228,236,255,0.05) 22%, rgba(246,249,255,0.78) 50%, rgba(228,236,255,0.05) 78%, rgba(255,255,255,0) 100%);
      opacity:0.72;
      filter:blur(var(--hero-star-ray-blur, 0.28px));
    }

    .hero-detail-star::after{
      width:var(--hero-star-ray-x, 28px);
      height:1px;
      border-radius:0;
      background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(228,236,255,0.05) 22%, rgba(246,249,255,0.78) 50%, rgba(228,236,255,0.05) 78%, rgba(255,255,255,0) 100%);
      filter:blur(var(--hero-star-ray-blur, 0.28px));
    }

    .hero-detail-star--1{
      left:7.5%;
      top:20%;
    }

    .hero-detail-star--2{
      left:84%;
      top:38%;
    }

    .hero-detail-star--3{
      left:13%;
      top:46%;
      --hero-star-dot:5px;
      --hero-star-ray-x:44px;
      --hero-star-ray-y:50px;
      --hero-star-glow:12px;
      --hero-star-glow-soft:28px;
      --hero-star-ray-blur:0.36px;
    }

    .hero-detail-star--4{
      left:76%;
      top:22%;
      --hero-star-dot:2px;
      --hero-star-ray-x:20px;
      --hero-star-ray-y:24px;
      --hero-star-glow:7px;
      --hero-star-glow-soft:15px;
    }

    .hero-detail-star--5{
      left:91%;
      top:55%;
      --hero-star-dot:4px;
      --hero-star-ray-x:38px;
      --hero-star-ray-y:42px;
      --hero-star-glow:10px;
      --hero-star-glow-soft:24px;
    }

    .hero-detail-star--6{
      left:23%;
      top:27%;
      --hero-star-dot:3px;
      --hero-star-ray-x:26px;
      --hero-star-ray-y:30px;
      --hero-star-glow:8px;
      --hero-star-glow-soft:17px;
    }

    .hero-detail-star--7{
      left:67%;
      top:47%;
      --hero-star-dot:5.5px;
      --hero-star-ray-x:48px;
      --hero-star-ray-y:56px;
      --hero-star-glow:13px;
      --hero-star-glow-soft:30px;
      --hero-star-ray-blur:0.38px;
    }

    .hero-detail-star--8{
      left:88%;
      top:18%;
      --hero-star-dot:2.4px;
      --hero-star-ray-x:22px;
      --hero-star-ray-y:26px;
      --hero-star-glow:7px;
      --hero-star-glow-soft:15px;
    }

.hero-orbit-reflection{
      bottom:26px;
      width:min(760px, 62vw);
      height:94px;
      border-radius:50%;
      background:radial-gradient(ellipse at center, rgba(140,170,255,0.74) 0%, rgba(126,160,255,0.24) 22%, rgba(126,160,255,0.08) 38%, rgba(126,160,255,0) 72%);
    }

    .hero .wrap{
      max-width:1360px;
    }

.hero .wrap > h1,
    .hero .wrap > .hero-sub,
    .hero .wrap > .hero-ctas{
      position:relative;
    }

.hero h1{
      max-width:1240px;
      font-weight:700;
      letter-spacing:-0.04em;
      color:var(--hero-ink);
      text-wrap:balance;
      text-shadow:
        0 18px 44px rgba(1,8,27,0.42),
        0 0 28px rgba(255,255,255,0.04);
    }

    .hero-sub{
      margin-top:26px;
      max-width:860px;
      font-size:clamp(16px, 1.2vw, 19px);
      line-height:1.48;
      font-weight:500;
      color:var(--hero-muted);
      letter-spacing:-0.018em;
      text-shadow:0 10px 24px rgba(1,8,27,0.26);
    }

    .hero-ctas{
      margin-top:34px;
      gap:28px;
    }

    .hero-ctas::after{
      bottom:-28px;
      width:min(520px, 100%);
      height:76px;
      background:radial-gradient(circle at center, rgba(118,165,255,0.24) 0%, rgba(118,165,255,0.09) 34%, rgba(118,165,255,0) 74%);
      filter:blur(22px);
      opacity:0.58;
    }

    .btn{
      isolation:isolate;
      -webkit-backdrop-filter:blur(20px) saturate(1.08);
      backdrop-filter:blur(20px) saturate(1.08);
    }

    .btn::before{
      opacity:0.5;
      transform:translateX(-8%);
    }

    .hero .btn{
      min-height:unset;
      padding:13px 20px;
      border-radius:18px;
      font-size:14px;
      font-weight:600;
      letter-spacing:-0.015em;
      line-height:1.1;
      background:linear-gradient(180deg, rgba(16,28,72,0.78) 0%, rgba(8,16,46,0.84) 100%);
      border-color:rgba(206,223,255,0.18);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        inset 0 -8px 18px rgba(5,10,28,0.18),
        0 14px 34px rgba(0,0,0,0.28);
    }

    .hero .btn::before{
      inset:1px;
      border-radius:inherit;
      opacity:0.64;
      background:
        linear-gradient(118deg, rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.12) 18%, rgba(255,255,255,0.03) 34%, rgba(160,198,255,0.12) 54%, rgba(255,255,255,0) 72%),
        radial-gradient(120% 170% at 14% -10%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 56%);
      transform:translateX(-6%);
    }

    .hero .btn.primary{
      background:linear-gradient(180deg, rgba(83,119,255,0.58) 0%, rgba(46,81,208,0.52) 56%, rgba(23,41,128,0.64) 100%);
      border-color:rgba(189,211,255,0.42);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.28),
        inset 0 -10px 24px rgba(17,28,95,0.36),
        0 16px 34px rgba(39,79,218,0.28),
        0 0 0 1px rgba(255,255,255,0.06);
    }

    header,
    header a,
    header .brand-name,
    .hero,
    .hero h1,
    .hero p,
    .hero a,
    .hero button,
    .hero .btn,
    .hero .trust-title,
    .hero .trust-text{
      font-family:var(--font-hero-display) !important;
    }

    .hero h1{
      font-family:var(--font-hero-headline) !important;
    }

    .hero .galaxy-bridge-section{
      --galaxy-band-height: 350px;
      margin:28px calc(50% - 50vw) 14px;
    }

    .galaxy-bridge-surface{
      overflow:visible;
    }

    .galaxy-bridge-surface::before,
    .galaxy-bridge-surface::after{
      content:"";
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      display:block;
      pointer-events:none;
    }

    .galaxy-bridge-surface::before{
      top:47%;
      width:min(420px, 34vw);
      height:min(132px, 10vw);
      border-radius:50%;
      background:radial-gradient(ellipse at center, rgba(1,3,10,1) 0%, rgba(3,6,16,0.995) 20%, rgba(8,12,28,0.98) 36%, rgba(55,86,196,0.18) 56%, rgba(55,86,196,0) 78%);
      filter:blur(6px);
      opacity:1;
    }

    .galaxy-bridge-surface::after{
      bottom:18px;
      width:min(560px, 46vw);
      height:54px;
      border-radius:50%;
      background:radial-gradient(ellipse at center, rgba(148,176,255,0.88) 0%, rgba(122,150,255,0.24) 22%, rgba(122,150,255,0.08) 38%, rgba(122,150,255,0) 72%);
      filter:blur(15px);
      opacity:0.96;
    }

    .galaxy-bridge-canvas{
      opacity:1;
      -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 12%, rgba(0,0,0,1) 24%, rgba(0,0,0,1) 76%, rgba(0,0,0,0.74) 90%, rgba(0,0,0,0) 100%);
      mask-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 12%, rgba(0,0,0,1) 24%, rgba(0,0,0,1) 76%, rgba(0,0,0,0.74) 90%, rgba(0,0,0,0) 100%);
    }

    @media (max-width:980px){
      .header-inner{
        padding:14px 22px;
      }

      .brand-name{
        font-size:18px;
      }

      .nav-links{
        gap:12px;
        font-size:15px;
      }

      .hero{
        padding-top:84px;
        padding-bottom:56px;
      }

      .hero .wrap > h1,
      .hero .wrap > .hero-sub,
      .hero .wrap > .hero-ctas{
        top:-22px;
      }

      .hero h1{
        font-size:clamp(48px, 9vw, 72px);
      }

      .hero-sub{
        font-size:clamp(18px, 3vw, 22px);
        line-height:1.5;
      }

      .hero .btn{
        min-height:56px;
        padding:14px 22px;
        font-size:15px;
      }


      .hero .galaxy-bridge-section{
        --galaxy-band-height: 280px;
        margin:28px calc(50% - 50vw) 12px;
      }
    }

    @media (prefers-reduced-motion: reduce){

      html:not(.motion-enabled){
        scroll-behavior:auto;
      }

      html:not(.motion-enabled) body::before,
      html:not(.motion-enabled) [data-motion-section]::before,
      html:not(.motion-enabled) [data-motion-section]::after,
      html:not(.motion-enabled) .hero-ctas::after,
      html:not(.motion-enabled) .about-photo::after{
        animation:none !important;
      }

      html:not(.motion-enabled) .btn,
      html:not(.motion-enabled) .nav-links a,
      html:not(.motion-enabled) .public-breakdowns-bottom-link,
      html:not(.motion-enabled) .service-link,
      html:not(.motion-enabled) .case-link a,
      html:not(.motion-enabled) .trust-card,
      html:not(.motion-enabled) .service-card,
      html:not(.motion-enabled) .case-card,
      html:not(.motion-enabled) .contact-card,
      html:not(.motion-enabled) .about-card,
      html:not(.motion-enabled) .clear-card,
      html:not(.motion-enabled) .audit-shell,
      html:not(.motion-enabled) .case-card .case-expanded{
        transition:none !important;
      }

      html:not(.motion-enabled) .reveal,
      html:not(.motion-enabled) .reveal-item,
      html:not(.motion-enabled) .reveal-inner{
        opacity:1 !important;
        transform:none !important;
      }

      html:not(.motion-enabled) [data-motion-group] .is-muted{
        opacity:1;
        filter:none;
        transform:none;
      }
    }

    @media (min-width:768px) and (prefers-reduced-motion:reduce) {

    /* Legacy desktop presentation. Mobile layout must not depend on the OS motion preference. */

    .case-section[aria-label="Demonstration rebuilds"] .case-card :is(
      .case-desc,
      .case-bullets,
      .case-link,
      .case-link a,
      .case-expanded,
      .case-expanded-heading,
      .case-expanded p,
      .case-expanded-list,
      .case-expanded-list li,
      .case-expanded-small,
      .case-ppp-label,
      .case-ppp-body,
      .case-ppp-body li
    ){
      color:rgba(209,219,241,0.84) !important;
    }

    .case-section[aria-label="Demonstration rebuilds"] .case-card .case-name{
      color:#ffffff !important;
    }

    .services-section[aria-label="How we can work together"] .service-card :is(
      .service-tagline,
      .service-link
    ){
      color:rgba(209,219,241,0.84) !important;
    }

    /* Final homepage background unification */
    html,
    body{
      background-color:#020816 !important;
    }

    body{
      background:#020816 !important;
      background-image:none !important;
      background-size:auto !important;
      background-repeat:repeat !important;
      background-attachment:scroll !important;
    }

    main,
    main::before,
    main > section,
    .hero,
    .hero .wrap,
    .trust-row,
    .repeat-section,
    .audit-section,
    .clear-section,
    .services-section,
    .case-section,
    .about-section,
    .contact-section{
      background:none !important;
      background-color:transparent !important;
    }

    body::before,
    .repeat-section[data-motion-section]::after,
    .audit-section[data-motion-section]::before,
    .audit-section[data-motion-section]::after,
    .clear-section[data-motion-section]::before,
    .clear-section[data-motion-section]::after,
    .services-section[data-motion-section]::before,
    .services-section[data-motion-section]::after,
    .case-section[data-motion-section]::before,
    .case-section[data-motion-section]::after,
    .about-section[data-motion-section]::before,
    .about-section[data-motion-section]::after,
    .contact-section[data-motion-section]::before,
    .contact-section[data-motion-section]::after{
      display:none !important;
      content:none !important;
      background:none !important;
    }

    /* Final trust section rebuild */
    .trust-row{
      width:min(1400px, 100%);
      margin:22px auto 0;
      display:grid !important;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:72px;
      align-items:stretch;
      justify-content:center;
    }

.trust-card,
    .trust-card:hover,
    .trust-card:focus-within,
    .trust-card.is-active{
      width:100%;
      max-width:420px;
      min-height:580px;
      margin:0 auto;
      padding:58px 36px 42px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      gap:0;
      text-align:center;
      background:linear-gradient(180deg, rgba(14,26,68,0.74) 0%, rgba(9,18,48,0.82) 100%) !important;
      border:1px solid rgba(154,190,255,0.34) !important;
      border-radius:28px;
      box-shadow:
        inset 0 1px 0 rgba(227,237,255,0.18),
        0 0 0 1px rgba(112,154,255,0.08),
        0 0 34px rgba(74,116,255,0.08),
        0 24px 64px rgba(2,8,28,0.22) !important;
      -webkit-backdrop-filter:blur(18px) saturate(1.02) !important;
      backdrop-filter:blur(18px) saturate(1.02) !important;
      isolation:isolate;
      overflow:visible;
      transform:none !important;
      filter:none !important;
    }

    .trust-card::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      background:
        radial-gradient(120% 90% at 50% 0%, rgba(146,188,255,0.08) 0%, rgba(146,188,255,0.02) 34%, rgba(146,188,255,0) 64%),
        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0));
      opacity:1 !important;
    }

    .trust-card::after{
      content:"";
      position:absolute;
      inset:-1px;
      border-radius:inherit;
      pointer-events:none;
      border:1px solid rgba(146,188,255,0.26);
      box-shadow:
        0 0 18px rgba(104,148,255,0.14),
        inset 0 0 14px rgba(164,206,255,0.05);
      opacity:0.9;
      -webkit-mask-image:
        linear-gradient(120deg, transparent 0%, rgba(0,0,0,0.3) 18%, rgba(0,0,0,0.92) 34%, rgba(0,0,0,0.92) 66%, rgba(0,0,0,0.3) 82%, transparent 100%);
      mask-image:
        linear-gradient(120deg, transparent 0%, rgba(0,0,0,0.3) 18%, rgba(0,0,0,0.92) 34%, rgba(0,0,0,0.92) 66%, rgba(0,0,0,0.3) 82%, transparent 100%);
    }

    .trust-step{
      position:absolute;
      left:50%;
      top:0;
      width:62px;
      height:62px;
      display:grid;
      place-items:center;
      transform:translate(-50%, -50%);
      border-radius:999px;
      border:1px solid rgba(122,164,255,0.42);
      background:
        radial-gradient(circle at 50% 35%, rgba(76,118,236,0.34) 0%, rgba(17,33,83,0.94) 72%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 0 0 8px rgba(27,43,94,0.16),
        0 14px 36px rgba(6,14,42,0.34);
      color:#cfe1ff;
      font-family:var(--font-hero-display);
      font-size:19px;
      font-weight:700;
      letter-spacing:-0.03em;
      z-index:2;
    }

    .trust-visual{
      width:100%;
      height:272px;
      margin:4px auto 22px;
      flex:0 0 272px;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
    }

    .trust-visual::before{
      content:"";
      position:absolute;
      inset:8px 12px 20px;
      border-radius:999px;
      background:
        radial-gradient(circle at center, rgba(76,122,255,0.14) 0%, rgba(76,122,255,0.04) 42%, rgba(76,122,255,0) 74%);
      filter:blur(18px);
      pointer-events:none;
    }

    .trust-visual img{
      width:min(316px, 100%);
      height:auto;
      max-height:244px;
      object-fit:contain;
      position:relative;
      z-index:1;
      filter:drop-shadow(0 18px 36px rgba(6,16,44,0.28));
    }

    .trust-title{
      margin:0;
      max-width:14ch;
      min-height:2.55em;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      font-family:var(--font-hero-display);
      font-size:var(--type-role-card-title-size);
      line-height:var(--type-role-card-title-leading);
      font-weight:700;
      letter-spacing:-0.04em;
      color:rgba(244,247,255,0.98) !important;
      text-wrap:balance;
    }

    .trust-title::after{
      content:"";
      display:block;
      width:64px;
      height:2px;
      margin:18px auto 0;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(94,144,255,0), rgba(94,144,255,0.92), rgba(94,144,255,0));
      box-shadow:0 0 18px rgba(94,144,255,0.34);
    }

    .trust-text{
      margin:16px auto 0;
      max-width:22ch;
      display:block;
      font-size:var(--type-role-card-body-size);
      line-height:var(--type-role-card-body-leading);
      font-weight:500;
      letter-spacing:-0.02em;
      color:rgba(194,207,235,0.9) !important;
      text-align:center;
      text-wrap:balance;
    }

    @media (max-width:1100px){
      .trust-row{
        gap:30px;
      }

      .trust-card,
      .trust-card:hover,
      .trust-card:focus-within,
      .trust-card.is-active{
        min-height:540px;
        padding:54px 26px 36px;
      }
    }

    @media (max-width:900px){
      .trust-row{
        grid-template-columns:1fr;
        max-width:460px;
        gap:22px;
      }

      .trust-card,
      .trust-card:hover,
      .trust-card:focus-within,
      .trust-card.is-active{
        max-width:none;
      }
    }

    /* Single shared hero background layer: no separate masked band */
    main,
    main > section,
    .hero,
    .hero-background-layer,
    .hero > .wrap,
    .hero .wrap,
    .repeat-section,
    .hero-background-layer .galaxy-bridge-section,
    .hero-background-layer .galaxy-bridge-surface,
    .hero-background-layer > .hero-orbit-field{
      overflow:visible !important;
      isolation:auto !important;
    }

    .hero{
      position:relative;
      overflow:visible !important;
      isolation:auto !important;
      background:transparent !important;
    }

    .hero-background-layer{
      position:absolute;
      inset:0 0 -220px;
      z-index:3;
      pointer-events:none;
      overflow:visible;
      background:transparent !important;
    }

    .hero-background-layer::before{
      content:none !important;
      display:none !important;
    }

    .hero-background-layer::after{
      content:none !important;
      display:none !important;
    }

    .hero[data-motion-section]::before,
    .hero[data-motion-section]::after{
      content:none !important;
      display:none !important;
      background:none !important;
    }

    .hero-background-layer > .hero-orbit-field{
      position:absolute;
      left:50%;
      top:calc(47% - 108px);
      width:min(2100px, 162vw);
      height:1280px;
      transform:translate(-50%, -50%);
      z-index:1;
      pointer-events:none;
      overflow:visible;
      opacity:1;
      -webkit-mask-image:none;
      mask-image:none;
    }

    .hero > .wrap{
      position:relative;
      z-index:4;
    }

    .hero .wrap > h1,
    .hero .wrap > .hero-sub,
    .hero .wrap > .hero-ctas{
      position:relative;
      z-index:5;
    }

    .hero-background-layer .galaxy-bridge-section{
      --galaxy-band-height:320px !important;
      position:absolute !important;
      left:50% !important;
      top:calc(clamp(255px, 28vw, 355px) - 108px) !important;
      width:100vw !important;
      height:var(--galaxy-band-height) !important;
      margin:0 !important;
      transform:translateX(-50%) !important;
      z-index:4 !important;
      pointer-events:none;
      overflow:visible !important;
      background:transparent !important;
      mix-blend-mode:normal !important;
      opacity:1 !important;
      filter:none !important;
    }

    .hero-background-layer .galaxy-bridge-surface{
      position:absolute;
      inset:0 0 -220px;
      overflow:visible !important;
      background:transparent !important;
    }

    .hero-background-layer .galaxy-bridge-surface::before{
      content:none !important;
      display:none !important;
    }

    .hero-background-layer .galaxy-bridge-surface::after{
      content:none !important;
      display:none !important;
    }

    .hero-background-layer .galaxy-bridge-canvas{
      position:absolute;
      left:0;
      top:0;
      width:100% !important;
      height:var(--galaxy-band-height) !important;
      opacity:1;
      background:transparent !important;
      mix-blend-mode:normal !important;
      -webkit-mask-image:none !important;
      mask-image:none !important;
    }

.trust-row{
      position:relative;
      z-index:2;
    }

    .repeat-section{
      position:relative;
      padding-top:40px;
      margin-top:-180px;
      z-index:2;
      isolation:isolate;
    }

    .trust-card,
    .trust-card:hover,
    .trust-card:focus-within,
    .trust-card.is-active{
      position:relative;
      z-index:5;
    }

    @media (max-width:980px){
      .hero-background-layer > .hero-orbit-field{
        top:calc(47% - 84px);
      }

      .hero-background-layer .galaxy-bridge-section{
        top:calc(clamp(240px, 33vw, 320px) - 84px) !important;
      }

      .trust-row{
        padding-top:96px;
      }

      .repeat-section{
        padding-top:28px;
        margin-top:-136px;
        background-size:140vw 440px !important;
      }
    }

    @media (max-width:900px){
      .hero-background-layer > .hero-orbit-field{
        top:calc(47% - 64px);
      }

      .hero-background-layer .galaxy-bridge-section{
        top:264px !important;
      }

.trust-row{
        padding-top:72px;
      }

      .repeat-section{
        padding-top:22px;
        margin-top:-104px;
        background-size:180vw 400px !important;
      }
    }

    /* Lift the hero cluster while preserving the existing structure */
    .hero{
      padding-bottom:340px !important;
    }

    .hero .wrap > h1,
    .hero .wrap > .hero-sub,
    .hero .wrap > .hero-ctas{
      top:-56px !important;
    }

    .trust-row{
      margin-top:340px !important;
      padding-top:0 !important;
      transform:none !important;
    }

    @media (max-width:980px){
      .hero{
        padding-bottom:300px !important;
      }

      .hero .wrap > h1,
      .hero .wrap > .hero-sub,
      .hero .wrap > .hero-ctas{
        top:-44px !important;
      }

      .trust-row{
        margin-top:292px !important;
        transform:none !important;
      }
    }

    @media (max-width:900px){
      .hero{
        padding-bottom:236px !important;
      }

      .hero .wrap > h1,
      .hero .wrap > .hero-sub,
      .hero .wrap > .hero-ctas{
        top:-32px !important;
      }

      .trust-row{
        margin-top:216px !important;
        transform:none !important;
      }
    }

    /* Breakdowns section revamp */
    .public-breakdowns-section{
      position:relative;
      overflow:hidden;
    }

    .public-breakdowns-section .wrap{
      max-width:1360px;
    }

    .public-breakdowns-shell{
      position:relative;
      max-width:1360px;
      margin:0 auto;
      padding:22px 0 0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:none !important;
      box-shadow:none !important;
      overflow:visible !important;
      -webkit-backdrop-filter:none !important;
      backdrop-filter:none !important;
      isolation:isolate;
    }

    .public-breakdowns-shell::before{
      content:"";
      position:absolute;
      inset:-120px -80px -56px;
      pointer-events:none;
      background:
        radial-gradient(44% 42% at 18% 30%, rgba(52,96,196,0.14) 0%, rgba(52,96,196,0.06) 24%, rgba(52,96,196,0) 72%),
        radial-gradient(36% 34% at 80% 26%, rgba(86,136,255,0.12) 0%, rgba(86,136,255,0.04) 26%, rgba(86,136,255,0) 72%),
        radial-gradient(circle at 7% 12%, rgba(255,255,255,0.56) 0 1px, transparent 2px),
        radial-gradient(circle at 12% 38%, rgba(255,255,255,0.22) 0 1px, transparent 2px),
        radial-gradient(circle at 22% 14%, rgba(255,255,255,0.32) 0 1px, transparent 2px),
        radial-gradient(circle at 34% 52%, rgba(255,255,255,0.18) 0 1px, transparent 2px),
        radial-gradient(circle at 58% 18%, rgba(255,255,255,0.22) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 10%, rgba(255,255,255,0.2) 0 1px, transparent 2px),
        radial-gradient(circle at 88% 44%, rgba(255,255,255,0.2) 0 1px, transparent 2px),
        radial-gradient(circle at 94% 18%, rgba(255,255,255,0.34) 0 1px, transparent 2px);
      opacity:0.95 !important;
    }

    .public-breakdowns-shell::after{
      content:"";
      position:absolute;
      right:-60px;
      top:-42px;
      width:620px;
      height:500px;
      pointer-events:none;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(92,140,255,0.12) 0%, rgba(92,140,255,0.04) 28%, rgba(92,140,255,0) 58%),
        repeating-radial-gradient(circle at 50% 50%, rgba(120,165,255,0.12) 0 1px, transparent 1px 30px);
      opacity:0.34 !important;
      -webkit-mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.88) 46%, rgba(0,0,0,0) 82%);
      mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.88) 46%, rgba(0,0,0,0) 82%);
    }

    .public-breakdowns-layout{
      display:grid;
      grid-template-columns:minmax(0, 1.02fr) minmax(420px, 0.98fr);
      gap:28px;
      align-items:start;
    }

    .public-breakdowns-intro{
      max-width:670px;
      padding-top:18px;
    }

    .public-breakdowns-kicker{
      margin:0;
      display:inline-flex;
      align-items:center;
      gap:12px;
      font-family:var(--font-hero-display);
      font-size:12px;
      font-weight:700;
      letter-spacing:0.30em;
      text-transform:uppercase;
      color:rgba(226,236,255,0.82);
    }

    .public-breakdowns-kicker-dot{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#7eb0ff;
      box-shadow:
        0 0 0 6px rgba(126,176,255,0.10),
        0 0 16px rgba(126,176,255,0.36);
      flex:none;
    }

    .public-breakdowns-title{
      margin:22px 0 0;
      max-width:8ch;
      font-family:var(--font-hero-headline);
      font-size:clamp(56px, 7.1vw, 86px);
      line-height:0.92;
      font-weight:700;
      letter-spacing:-0.065em;
      color:#f4ecdf;
      text-wrap:balance;
      text-shadow:
        0 20px 40px rgba(0,0,0,0.34),
        0 0 22px rgba(255,255,255,0.03);
    }

    .public-breakdowns-title-rule{
      width:min(440px, 100%);
      margin-top:24px;
      position:relative;
      height:12px;
    }

    .public-breakdowns-title-rule::before{
      content:"";
      position:absolute;
      left:0;
      right:0;
      top:5px;
      height:1px;
      background:linear-gradient(90deg, rgba(111,158,255,0.00) 0%, rgba(111,158,255,0.28) 10%, rgba(111,158,255,0.46) 52%, rgba(111,158,255,0.00) 100%);
    }

    .public-breakdowns-title-rule span{
      position:absolute;
      left:52%;
      top:50%;
      width:7px;
      height:7px;
      border-radius:50%;
      transform:translate(-50%, -50%);
      background:#a2c7ff;
      box-shadow:
        0 0 0 6px rgba(162,199,255,0.09),
        0 0 18px rgba(162,199,255,0.34);
    }

    .public-breakdowns-copy{
      max-width:640px;
      margin:20px 0 0;
      font-size:clamp(16px, 1.55vw, 18px);
      line-height:1.62;
      letter-spacing:-0.015em;
      color:rgba(221,230,247,0.82);
    }

    .public-breakdowns-cosmos{
      position:relative;
      width:min(100%, 610px);
      min-height:410px;
      justify-self:end;
      align-self:start;
      margin-top:-8px;
      overflow:visible;
    }

    .public-breakdowns-cosmos::before{
      content:"";
      position:absolute;
      inset:9% 12% 14%;
      border-radius:50%;
      background:
        radial-gradient(circle at 58% 42%, rgba(90,142,255,0.22) 0%, rgba(90,142,255,0.08) 20%, rgba(90,142,255,0) 58%);
      filter:blur(18px);
      opacity:0.92;
      pointer-events:none;
    }

    .public-breakdowns-cosmos-svg{
      display:block;
      width:100%;
      height:auto;
      overflow:visible;
      filter:drop-shadow(0 0 18px rgba(87,138,255,0.12));
      animation:publicBreakdownsCosmosFloat 16s ease-in-out infinite;
    }






    .public-breakdowns-showcase{
      margin-top:16px;
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:26px;
      align-items:stretch;
    }

    .public-breakdowns-panel{
      position:relative;
      min-height:396px;
      padding:28px 28px 18px;
      border-radius:24px;
      border:1px solid rgba(144,185,255,0.24);
      background:
        linear-gradient(180deg, rgba(10,24,59,0.88) 0%, rgba(6,15,37,0.94) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 26px 54px rgba(1,8,27,0.24),
        0 0 0 1px rgba(93,135,246,0.04);
      overflow:hidden;
      -webkit-backdrop-filter:blur(10px) saturate(1.04);
      backdrop-filter:blur(10px) saturate(1.04);
      transition:transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
    }

    .public-breakdowns-panel::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      pointer-events:none;
      background:
        linear-gradient(130deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.03) 16%, rgba(255,255,255,0.00) 34%, rgba(129,176,255,0.05) 64%, rgba(255,255,255,0) 100%);
      opacity:0.95;
    }

    .public-breakdowns-panel::after{
      content:"";
      position:absolute;
      left:50%;
      bottom:-18px;
      width:72px;
      height:36px;
      border-radius:50%;
      transform:translateX(-50%);
      background:radial-gradient(circle at center, rgba(108,158,255,0.82) 0%, rgba(108,158,255,0.18) 40%, rgba(108,158,255,0) 74%);
      filter:blur(10px);
      opacity:0.72;
      pointer-events:none;
    }

    .public-breakdowns-panel-head{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:76px 82px minmax(0, 1fr);
      gap:16px;
      align-items:start;
    }

    .public-breakdowns-panel-step{
      align-self:stretch;
      padding:12px 18px 0 0;
      border-right:1px solid rgba(168,198,255,0.12);
      font-family:var(--font-hero-display);
      font-size:18px;
      font-weight:600;
      letter-spacing:-0.03em;
      color:#72a4ff;
    }

    .public-breakdowns-panel-icon{
      position:relative;
      width:72px;
      height:72px;
      border-radius:50%;
      border:1px solid rgba(150,188,255,0.22);
      background:
        radial-gradient(circle at 50% 32%, rgba(94,140,255,0.20) 0%, rgba(94,140,255,0.08) 34%, rgba(8,18,45,0.92) 74%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 22px rgba(72,118,238,0.10);
    }

    .public-breakdowns-panel-icon span,
    .public-breakdowns-panel-icon span::before,
    .public-breakdowns-panel-icon span::after{
      position:absolute;
      content:"";
      display:block;
    }

    .public-breakdowns-panel-icon--teardown span{
      left:22px;
      top:24px;
      width:27px;
      height:20px;
      border-radius:4px;
      border:1.5px solid rgba(152,198,255,0.92);
      box-shadow:0 0 10px rgba(92,144,255,0.18);
    }

    .public-breakdowns-panel-icon--teardown span::before{
      left:8px;
      top:4px;
      width:0;
      height:0;
      border-top:5px solid transparent;
      border-bottom:5px solid transparent;
      border-left:8px solid rgba(205,228,255,0.96);
    }

    .public-breakdowns-panel-icon--framework span{
      left:25px;
      top:19px;
      width:22px;
      height:28px;
      border-radius:4px;
      border:1.5px solid rgba(152,198,255,0.92);
      box-shadow:0 0 10px rgba(92,144,255,0.18);
    }

    .public-breakdowns-panel-icon--framework span::before{
      right:-1px;
      top:-1px;
      width:9px;
      height:9px;
      border-top:1.5px solid rgba(152,198,255,0.92);
      border-right:1.5px solid rgba(152,198,255,0.92);
      background:linear-gradient(135deg, transparent 49%, rgba(152,198,255,0.92) 50%, rgba(152,198,255,0.92) 54%, transparent 55%);
      clip-path:polygon(0 0, 100% 0, 100% 100%);
    }

    .public-breakdowns-panel-icon--framework span::after{
      left:5px;
      top:8px;
      width:10px;
      height:1.5px;
      background:rgba(205,228,255,0.96);
      box-shadow:0 6px 0 rgba(205,228,255,0.88), 0 12px 0 rgba(205,228,255,0.72);
    }

    .public-breakdowns-panel-copy{
      padding-top:4px;
    }

    .public-breakdowns-panel-title{
      margin:0;
      font-family:var(--font-hero-headline);
      font-size:clamp(28px, 2.3vw, 40px);
      line-height:0.98;
      font-weight:700;
      letter-spacing:-0.05em;
      text-transform:uppercase;
      color:#f4ebde;
    }

    .public-breakdowns-panel-text{
      max-width:30ch;
      margin:8px 0 0;
      font-size:16px;
      line-height:1.48;
      letter-spacing:-0.01em;
      color:rgba(220,229,247,0.82);
    }

    .public-breakdowns-panel-tags{
      position:relative;
      z-index:1;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:14px;
    }

    .public-breakdowns-panel-tags span{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:7px 14px 7px 12px;
      border-radius:999px;
      border:1px solid rgba(133,176,255,0.18);
      background:rgba(17,34,82,0.54);
      font-size:12px;
      font-weight:600;
      letter-spacing:-0.01em;
      color:rgba(226,236,255,0.84);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
    }

    .public-breakdowns-panel-tags span::before{
      content:"";
      width:6px;
      height:6px;
      border-radius:50%;
      background:#7eb1ff;
      box-shadow:0 0 10px rgba(126,177,255,0.30);
      flex:none;
    }

    .public-breakdowns-bottom{
      margin-top:22px;
      justify-content:flex-start;
    }

    .public-breakdowns-bottom-link{
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:14px;
      padding:0 0 14px;
      overflow:visible !important;
      font-family:var(--font-hero-display);
      font-size:18px;
      font-weight:600;
      letter-spacing:-0.03em;
      color:rgba(224,234,252,0.88);
      text-decoration:none;
      background:none !important;
      border:0 !important;
      box-shadow:none !important;
      transform:none !important;
    }

    .public-breakdowns-bottom-link::before{
      content:"";
      position:absolute;
      left:0;
      right:auto;
      bottom:0;
      width:240px;
      height:1px;
      background:linear-gradient(90deg, rgba(111,158,255,0.38) 0%, rgba(111,158,255,0.18) 52%, rgba(111,158,255,0) 100%);
      opacity:0.9;
      transform:none !important;
    }

    .public-breakdowns-bottom-link::after{
      content:"\2192";
      font-size:18px;
      opacity:0.82;
      transform:translateY(-1px);
    }

    @media (hover:hover){
      .public-breakdowns-panel:hover{
        transform:translateY(-4px);
        border-color:rgba(162,197,255,0.36);
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,0.14),
          0 28px 56px rgba(1,8,27,0.30),
          0 0 0 1px rgba(93,135,246,0.06);
      }

      .public-breakdowns-bottom-link:hover{
        color:#eef4ff;
      }
    }

    @media (max-width:1100px){
      .public-breakdowns-layout{
        grid-template-columns:1fr;
      }

      .public-breakdowns-intro{
        max-width:100%;
      }

      .public-breakdowns-cosmos{
        width:min(100%, 640px);
        justify-self:center;
        margin-top:6px;
      }
    }

    @media (max-width:960px){
      .public-breakdowns-showcase{
        grid-template-columns:1fr;
      }
    }

    html:not(.motion-enabled) .public-breakdowns-cosmos-svg{
      animation:none !important;
    }

    @keyframes publicBreakdownsCosmosFloat{
      0%, 100%{
        transform:translate3d(0, 0, 0) scale(1);
      }
      50%{
        transform:translate3d(0, -8px, 0) scale(1.01);
      }
    }

    /* Structured engagements revamp */
    .services-section{
      position:relative;
      overflow:hidden;
      text-align:center;
    }


    .services-section .wrap{
      position:relative;
      max-width:1240px;
      z-index:1;
    }

    .services-atmosphere{
      position:absolute;
      inset:0;
      pointer-events:none;
      overflow:hidden;
      z-index:0;
    }

    .services-orbit{
      position:absolute;
      border-radius:50%;
    }

    .services-orbit::before,
    .services-orbit::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      background:rgba(123,164,255,0.18);
    }

    .services-orbit::before{
      width:1px;
      height:100%;
    }

    .services-orbit::after{
      width:100%;
      height:1px;
    }

    .services-orbit span{
      position:absolute;
      inset:0;
      border-radius:50%;
      border:1px solid rgba(123,164,255,0.18);
    }

    .services-orbit span:nth-child(1){ inset:0; }
    .services-orbit span:nth-child(2){ inset:18%; }
    .services-orbit span:nth-child(3){ inset:32%; }
    .services-orbit span:nth-child(4){ inset:44%; }
    .services-orbit span:nth-child(5){ inset:54%; }

    .services-orbit--left{
      left:-38px;
      top:74px;
      width:172px;
      height:172px;
      opacity:0.72;
    }

    .services-orbit--right{
      right:-210px;
      top:116px;
      width:720px;
      height:720px;
      opacity:0.38;
    }

    .services-star{
      position:absolute;
      border-radius:50%;
      background:#eef5ff;
      box-shadow:0 0 14px rgba(162,202,255,0.44), 0 0 28px rgba(104,150,255,0.16);
    }

    .services-star--one{
      left:3%;
      top:3%;
      width:4px;
      height:4px;
    }

    .services-star--two{
      right:16%;
      top:27%;
      width:3px;
      height:3px;
    }

    .services-star--three{
      right:4%;
      top:40%;
      width:5px;
      height:5px;
    }

    .services-header{
      position:relative;
      z-index:1;
      max-width:760px;
      margin:0 auto;
    }

    .services-title{
      margin:0;
      font-family:var(--font-hero-headline);
      font-size:clamp(48px, 5.5vw, 74px);
      line-height:0.95;
      font-weight:700;
      letter-spacing:-0.06em;
      color:#f4ecdf;
      text-shadow:0 18px 34px rgba(0,0,0,0.28);
    }

    .services-subtitle{
      margin:18px 0 0;
      font-size:clamp(20px, 1.7vw, 24px);
      font-weight:600;
      letter-spacing:-0.03em;
      color:rgba(232,239,255,0.9);
    }

    .services-subtext{
      margin:10px auto 0;
      max-width:720px;
      font-size:clamp(17px, 1.45vw, 19px);
      line-height:1.55;
      color:rgba(221,231,248,0.84);
    }

    .services-grid{
      position:relative;
      z-index:1;
      margin-top:34px;
      display:grid !important;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:18px;
      align-items:stretch;
    }

    .services-section .service-card{
      position:relative;
      min-width:0;
      min-height:422px;
      padding:18px 18px 16px;
      border-radius:22px;
      border:1px solid rgba(149,187,255,0.16) !important;
      background:
        linear-gradient(180deg, rgba(11,23,56,0.88) 0%, rgba(7,16,39,0.94) 100%) !important;
      color:#eff5ff !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 20px 38px rgba(2,8,24,0.18) !important;
      overflow:hidden;
      transform:none !important;
    }

    .services-section .service-card::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      pointer-events:none;
      background:
        linear-gradient(130deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 18%, rgba(255,255,255,0.00) 42%, rgba(114,163,255,0.05) 72%, rgba(255,255,255,0) 100%);
      opacity:0.9;
    }

    .services-section .service-card.service-card--open{
      border-color:rgba(158,203,255,0.56) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 0 0 1px rgba(138,184,255,0.18),
        0 0 22px rgba(96,148,255,0.16),
        0 22px 42px rgba(2,8,24,0.22) !important;
    }

    .services-section .service-badges{
      position:relative;
      z-index:1;
      margin-bottom:10px;
      justify-content:flex-start;
    }

    .services-section .service-badge{
      padding:8px 14px;
      border:1px solid rgba(149,187,255,0.16);
      background:rgba(24,42,88,0.78) !important;
      color:rgba(230,238,255,0.86) !important;
      font-size:12px;
      font-weight:600;
      letter-spacing:-0.01em;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
    }

    .services-section .service-card-body{
      position:relative;
      z-index:1;
      display:grid;
      gap:10px;
    }

    .services-section .service-tagline{
      margin:0 !important;
      min-height:unset !important;
      align-items:flex-start !important;
      font-size:14px;
      line-height:1.6;
      text-align:left;
      color:rgba(220,229,247,0.82) !important;
    }

    .services-section .service-card > .service-tagline{
      display:none !important;
    }



    .services-section .service-link-row{
      position:relative;
      z-index:1;
      margin-top:auto;
      padding-top:8px;
      border-top:0 !important;
      text-align:left;
    }

    .services-section .service-link{
      font-size:14px;
      font-weight:500;
      color:rgba(178,204,255,0.92) !important;
      text-decoration:none;
    }

    .services-section .service-card--open .service-link{
      color:rgba(232,239,255,0.82) !important;
    }

    .services-detail-stack{
      position:relative;
      z-index:1;
      margin-top:14px;
    }

    .services-detail-panel{
      position:relative;
      display:grid;
      grid-template-columns:minmax(260px, 0.7fr) minmax(0, 1.3fr);
      gap:28px;
      padding:24px 28px 72px;
      border-radius:22px;
      border:1px solid rgba(149,187,255,0.18);
      background:
        linear-gradient(180deg, rgba(10,22,54,0.88) 0%, rgba(7,16,38,0.94) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 22px 46px rgba(2,8,24,0.20);
      overflow:hidden;
    }

    .services-detail-panel::before{
      content:"";
      position:absolute;
      top:-9px;
      width:16px;
      height:16px;
      transform:rotate(45deg);
      border-top:1px solid rgba(149,187,255,0.18);
      border-left:1px solid rgba(149,187,255,0.18);
      background:rgba(10,22,54,0.94);
    }

    .services-detail-panel--audit::before{ left:14%; }
    .services-detail-panel--homepage::before{ left:49.5%; }
    .services-detail-panel--messaging::before{ left:84%; }

    .services-detail-intro{
      text-align:left;
      padding-right:6px;
      border-right:1px solid rgba(149,187,255,0.12);
    }

    .services-detail-kicker{
      margin:0;
      font-size:14px;
      font-weight:600;
      letter-spacing:-0.02em;
      color:rgba(220,229,247,0.78);
    }

    .services-detail-title{
      margin:10px 0 0;
      font-family:var(--font-hero-headline);
      font-size:clamp(34px, 3.5vw, 54px);
      line-height:0.98;
      font-weight:700;
      letter-spacing:-0.055em;
      color:#f4ecdf;
    }

    .services-detail-rule{
      width:48px;
      height:2px;
      margin-top:16px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(120,167,255,0.9), rgba(120,167,255,0.32));
      box-shadow:0 0 16px rgba(120,167,255,0.16);
    }

    .services-detail-copy{
      margin:20px 0 0;
      font-size:15px;
      line-height:1.62;
      color:rgba(220,229,247,0.82);
    }

    .services-detail-deliverables{
      display:grid;
      gap:0;
      align-content:start;
    }

    .services-detail-item{
      display:grid;
      grid-template-columns:36px minmax(0, 280px) minmax(0, 1fr);
      gap:16px;
      align-items:start;
      padding:14px 0;
      border-top:1px solid rgba(149,187,255,0.12);
      text-align:left;
    }

    .services-detail-item:first-child{
      padding-top:2px;
      border-top:0;
    }

    .services-detail-item-title{
      font-size:15px;
      font-weight:600;
      line-height:1.35;
      color:#f2f6ff;
    }

    .services-detail-item-title span{
      color:rgba(220,229,247,0.76);
      font-weight:500;
    }

    .services-detail-item-copy{
      font-size:14px;
      line-height:1.48;
      color:rgba(216,226,245,0.74);
    }

    .services-detail-cta{
      position:absolute;
      left:50%;
      bottom:12px;
      transform:translateX(-50%);
    }

    .services-detail-cta .btn{
      min-width:330px;
      justify-content:center;
      padding:16px 28px;
      border-radius:14px;
      font-family:var(--font-hero-display);
      font-size:16px;
      font-weight:600;
      background:linear-gradient(180deg, rgba(24,44,100,0.98) 0%, rgba(15,29,72,0.98) 100%);
      border:1px solid rgba(149,187,255,0.28);
      color:#f4ecdf;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
    }

    @media (max-width:1100px){
      .services-grid{
        grid-template-columns:1fr;
        max-width:420px;
        margin-left:auto;
        margin-right:auto;
      }

      .services-detail-panel{
        grid-template-columns:1fr;
        padding:22px 20px 84px;
      }

      .services-detail-intro{
        border-right:0;
        padding-right:0;
      }

      .services-detail-panel::before{
        left:50% !important;
        transform:translateX(-50%) rotate(45deg);
      }
    }

    /* Portfolio section revamp */
    .case-section{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 50% 0%, rgba(30,72,152,0.16) 0%, rgba(8,16,36,0) 34%),
        radial-gradient(circle at 16% 22%, rgba(33,74,156,0.12) 0%, rgba(8,16,36,0) 28%),
        radial-gradient(circle at 84% 78%, rgba(33,74,156,0.14) 0%, rgba(8,16,36,0) 30%),
        linear-gradient(180deg, #071127 0%, #08152f 46%, #071127 100%);
    }

    .case-section::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        radial-gradient(circle at 10% 12%, rgba(255,255,255,0.6) 0 1px, transparent 1.5px),
        radial-gradient(circle at 20% 34%, rgba(179,210,255,0.36) 0 1px, transparent 1.5px),
        radial-gradient(circle at 69% 18%, rgba(179,210,255,0.38) 0 1px, transparent 1.5px),
        radial-gradient(circle at 88% 58%, rgba(255,255,255,0.55) 0 1px, transparent 1.5px),
        radial-gradient(circle at 73% 82%, rgba(179,210,255,0.3) 0 1px, transparent 1.5px),
        radial-gradient(circle at 44% 62%, rgba(255,255,255,0.2) 0 1px, transparent 1.5px);
      opacity:0.9;
      pointer-events:none;
    }

    .case-section .wrap,
    .case-inner{
      position:relative;
      z-index:1;
    }

    .case-atmosphere{
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:0;
    }

    .case-orbit{
      position:absolute;
      display:block;
      border-radius:50%;
      opacity:0.72;
      background:
        linear-gradient(rgba(136,174,255,0.22), rgba(136,174,255,0.22)) center/1px 100% no-repeat,
        linear-gradient(90deg, rgba(136,174,255,0.22), rgba(136,174,255,0.22)) center/100% 1px no-repeat,
        repeating-radial-gradient(circle at center, rgba(136,174,255,0.2) 0 1px, transparent 1px 28px);
      filter:drop-shadow(0 0 12px rgba(84,128,231,0.18));
    }

    .case-orbit::before,
    .case-orbit::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      border-radius:50%;
      transform:translate(-50%, -50%);
    }

    .case-orbit::before{
      width:12px;
      height:12px;
      background:rgba(138,173,239,0.72);
      box-shadow:0 0 18px rgba(122,173,255,0.5);
    }

    .case-orbit::after{
      width:92px;
      height:92px;
      border:1px solid rgba(136,174,255,0.16);
    }

    .case-orbit--left{
      left:-110px;
      top:28px;
      width:390px;
      height:390px;
    }

    .case-orbit--right{
      right:-120px;
      bottom:42px;
      width:430px;
      height:430px;
    }

    .case-orbit-star{
      position:absolute;
      width:8px;
      height:8px;
      border-radius:50%;
      background:#deecff;
      box-shadow:0 0 10px rgba(161,204,255,0.9), 0 0 26px rgba(102,162,255,0.55);
    }

    .case-orbit-star::before{
      content:"";
      position:absolute;
      inset:-10px;
      background:
        linear-gradient(rgba(190,220,255,0.8), rgba(190,220,255,0.8)) center/1px 100% no-repeat,
        linear-gradient(90deg, rgba(190,220,255,0.8), rgba(190,220,255,0.8)) center/100% 1px no-repeat;
      opacity:0.7;
    }

    .case-orbit-star--left{
      left:72px;
      top:112px;
    }

    .case-orbit-star--right{
      right:118px;
      bottom:220px;
    }

    .case-inner{
      max-width:1180px;
      margin:0 auto;
      text-align:center;
    }

    .case-kicker{
      margin:0;
      text-transform:uppercase;
      letter-spacing:0.34em;
      font-size:14px;
      font-weight:600;
      color:rgba(214,225,248,0.88);
    }

    .case-title{
      margin:18px 0 0;
      font-family:var(--font-hero-headline);
      font-size:clamp(52px, 7vw, 82px);
      line-height:0.96;
      font-weight:700;
      letter-spacing:-0.055em;
      color:#f3ebdd;
    }

    .case-title-rule{
      width:min(420px, 52vw);
      height:2px;
      margin:18px auto 0;
      border-radius:999px;
      background:
        linear-gradient(90deg, rgba(106,151,245,0) 0%, rgba(106,151,245,0.4) 35%, rgba(123,172,255,0.96) 50%, rgba(106,151,245,0.4) 65%, rgba(106,151,245,0) 100%);
      box-shadow:0 0 18px rgba(106,151,245,0.28);
    }

    .case-sub{
      max-width:760px;
      margin:28px auto 0;
      font-size:17px;
      line-height:1.62;
      color:rgba(218,228,246,0.84);
    }


    .case-grid{
      max-width:1180px;
      margin:44px auto 0;
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:24px;
      align-items:start;
    }

    .case-card{
      position:relative;
      display:grid;
      gap:18px;
      min-height:100%;
      padding:22px 24px 18px;
      border-radius:24px;
      border:1px solid rgba(148,186,255,0.2);
      background:
        linear-gradient(180deg, rgba(14,31,67,0.88) 0%, rgba(9,20,44,0.96) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 22px 44px rgba(2,8,24,0.24);
      text-align:left;
      overflow:hidden;
    }

    .case-card::before{
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      top:0;
      height:1px;
      background:linear-gradient(90deg, rgba(133,176,255,0), rgba(133,176,255,0.9), rgba(133,176,255,0));
      opacity:0.9;
    }

    .case-card::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% -8%, rgba(87,132,235,0.16) 0%, rgba(87,132,235,0) 42%);
      pointer-events:none;
    }

    .case-top,
    .case-image,
    .case-bullets,
    .case-link,
    .case-expanded{
      position:relative;
      z-index:1;
    }

    .case-top{
      text-align:center;
    }

    .case-tag{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:40px;
      padding:8px 18px;
      border-radius:999px;
      border:1px solid rgba(149,187,255,0.24);
      background:rgba(17,34,74,0.82);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
      color:rgba(232,239,255,0.92);
      font-size:14px;
      font-weight:500;
      letter-spacing:-0.01em;
    }

    .case-name{
      margin:18px 0 0;
      font-family:var(--font-hero-headline);
      font-size:clamp(34px, 4vw, 54px);
      line-height:0.98;
      font-weight:700;
      letter-spacing:-0.045em;
      color:#f3ebdd;
    }

    .case-desc{
      margin:12px 0 0;
      font-size:15px;
      line-height:1.5;
      color:rgba(224,233,248,0.88);
    }

    .case-divider{
      display:none;
    }

    .case-image{
      overflow:hidden;
      border-radius:16px;
      border:1px solid rgba(160,196,255,0.22);
      background:rgba(6,12,28,0.88);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 12px 28px rgba(0,0,0,0.22);
    }

    .case-image img{
      display:block;
      width:100%;
      height:auto;
    }

    .case-bullets{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:10px;
    }

    .case-bullets li{
      position:relative;
      padding-left:22px;
      font-size:14px;
      line-height:1.45;
      color:rgba(219,228,245,0.86);
    }

    .case-bullets li::before{
      content:"";
      position:absolute;
      left:0;
      top:8px;
      width:6px;
      height:6px;
      border-radius:50%;
      background:#6ea2ff;
      box-shadow:0 0 10px rgba(110,162,255,0.72);
    }

    .case-link{
      margin-top:auto;
      padding-top:16px;
      border-top:1px solid rgba(149,187,255,0.14);
      text-align:center;
    }

    .case-link a{
      color:rgba(178,204,255,0.96);
      font-size:16px;
      font-weight:500;
      text-decoration:none;
    }

    .case-link a:hover{
      color:#f2f6ff;
    }

    .case-card--open{
      border-color:rgba(155,196,255,0.34);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.1),
        0 0 0 1px rgba(106,151,245,0.12),
        0 24px 54px rgba(2,8,24,0.32);
    }

    .case-expanded{
      margin-top:2px;
      padding:22px;
      border-radius:20px;
      border:1px solid rgba(149,187,255,0.16);
      background:rgba(6,13,31,0.56);
      text-align:left;
    }

    .case-expanded-wireframe{
      display:grid;
      gap:14px;
      margin-bottom:18px;
    }

    .case-expanded-wireframe-visual{
      overflow:hidden;
      border-radius:14px;
      border:1px solid rgba(149,187,255,0.16);
      background:rgba(6,12,28,0.82);
    }

    .case-expanded-homepage-preview{
      display:block;
      width:100%;
      height:auto;
    }

    .case-expanded-small{
      color:rgba(214,224,242,0.72);
      font-size:13px;
      line-height:1.5;
    }

    .case-expanded-block p,
    .case-expanded-list li,
    .case-ppp-body li{
      color:rgba(220,229,246,0.82);
      font-size:14px;
      line-height:1.65;
    }

    .case-expanded-heading{
      margin:0 0 10px;
      font-family:var(--font-hero-headline);
      font-size:24px;
      line-height:1.08;
      color:#f3ebdd;
    }

    .case-expanded-divider{
      height:1px;
      margin:18px 0;
      background:rgba(149,187,255,0.12);
    }

    .case-expanded-list{
      margin:0;
      padding-left:18px;
    }

    .case-ppp-panel{
      display:grid;
      gap:10px;
    }

    .case-ppp-row{
      display:grid;
      grid-template-columns:92px minmax(0, 1fr);
      gap:14px;
      padding:14px 0;
      border-top:1px solid rgba(149,187,255,0.1);
    }

    .case-ppp-row:first-child{
      padding-top:0;
      border-top:0;
    }

    .case-ppp-label{
      font-size:13px;
      font-weight:700;
      letter-spacing:0.08em;
      text-transform:uppercase;
      color:rgba(173,199,244,0.82);
    }

    .case-ppp-body ul{
      margin:0;
      padding-left:18px;
    }


    .case-expanded .btn{
      min-height:52px;
      padding:14px 24px;
      border-radius:14px;
      background:linear-gradient(180deg, rgba(22,42,96,0.98) 0%, rgba(14,28,70,0.98) 100%);
      border:1px solid rgba(149,187,255,0.24);
      color:#f3ebdd;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
    }

    @media (max-width:1100px){
      .case-orbit--left{
        left:-150px;
        top:56px;
        width:320px;
        height:320px;
      }

      .case-orbit--right{
        right:-150px;
        bottom:96px;
        width:340px;
        height:340px;
      }

      .case-grid{
        grid-template-columns:1fr;
        max-width:700px;
      }
    }

    /* About section revamp */
    .about-section{
      position:relative;
      overflow:hidden;
    }

    .about-inner{
      max-width:1240px;
      gap:36px;
      align-items:stretch;
    }

    .about-card{
      position:relative;
      display:flex;
      flex-direction:column;
      padding:34px 42px 34px;
      border-radius:28px;
      border:1px solid rgba(149,187,255,0.22) !important;
      background:
        radial-gradient(circle at 78% 0%, rgba(72,117,214,0.16) 0%, rgba(72,117,214,0) 24%),
        linear-gradient(180deg, rgba(13,29,66,0.88) 0%, rgba(8,18,41,0.96) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 28px 64px rgba(1,8,27,0.24) !important;
      color:#eef4ff !important;
      overflow:hidden;
    }

    .about-card::after{
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      top:0;
      height:1px;
      background:linear-gradient(90deg, rgba(133,176,255,0), rgba(133,176,255,0.94), rgba(133,176,255,0));
      opacity:0.92;
      pointer-events:none;
    }

    .about-card-orbit{
      position:absolute;
      right:20px;
      top:22px;
      width:96px;
      height:96px;
      border-radius:50%;
      pointer-events:none;
      opacity:0.88;
    }

    .about-card-orbit::before,
    .about-card-orbit::after{
      content:"";
      position:absolute;
      inset:14px;
      border-radius:50%;
      border:1px solid rgba(133,176,255,0.22);
    }

    .about-card-orbit::before{
      transform:rotate(28deg) scaleX(1.18) scaleY(0.52);
    }

    .about-card-orbit::after{
      transform:rotate(-44deg) scaleX(0.82) scaleY(1.18);
    }

    .about-card-orbit-core{
      position:absolute;
      right:18px;
      top:16px;
      width:8px;
      height:8px;
      border-radius:50%;
      background:#deecff;
      box-shadow:0 0 10px rgba(161,204,255,0.9), 0 0 24px rgba(102,162,255,0.5);
    }

    .about-card-orbit-core::before,
    .about-card-orbit-core::after{
      content:"";
      position:absolute;
      background:rgba(200,225,255,0.82);
    }

    .about-card-orbit-core::before{
      left:50%;
      top:-9px;
      width:1px;
      height:26px;
      transform:translateX(-50%);
    }

    .about-card-orbit-core::after{
      top:50%;
      left:-9px;
      width:26px;
      height:1px;
      transform:translateY(-50%);
    }

    .about-title{
      margin:0;
      font-family:var(--font-hero-headline);
      font-size:clamp(52px, 6vw, 80px);
      line-height:0.96;
      letter-spacing:-0.06em;
      color:#f3ebdd !important;
      text-align:left !important;
    }

    .about-title-line{
      display:block;
    }

    .about-title em{
      font-style:normal;
      color:#8cb5ff;
    }

    .about-divider{
      width:100%;
      height:1px;
      margin:22px 0;
      background:rgba(149,187,255,0.16);
    }

    .about-divider--glow{
      position:relative;
      margin-top:28px;
    }

    .about-divider--glow::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:74px;
      height:2px;
      transform:translate(-50%, -50%);
      border-radius:999px;
      background:linear-gradient(90deg, rgba(116,165,255,0.2), rgba(116,165,255,1), rgba(116,165,255,0.2));
      box-shadow:0 0 16px rgba(116,165,255,0.26);
    }

    .about-summary{
      display:grid;
      grid-template-columns:70px minmax(0, 1fr);
      gap:18px;
      align-items:center;
      padding:2px 0 4px;
    }

    .about-summary-icon{
      position:relative;
      width:56px;
      height:56px;
      border-radius:50%;
      border:1px solid rgba(149,187,255,0.24);
      background:rgba(17,34,74,0.82);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
    }

    .about-summary-icon::before{
      content:"";
      position:absolute;
      left:18px;
      top:15px;
      width:18px;
      height:18px;
      border:1.5px solid rgba(201,223,255,0.88);
      border-radius:3px;
      transform:rotate(-8deg);
    }

    .about-summary-icon::after{
      content:"";
      position:absolute;
      left:24px;
      top:21px;
      width:14px;
      height:14px;
      border:1.5px solid rgba(119,171,255,0.84);
      border-radius:2px;
      transform:rotate(24deg);
    }

    .about-subhead{
      margin:0;
      font-size:19px;
      line-height:1.56;
      color:#eef4ff !important;
      text-align:left;
    }

    .about-body{
      margin:0;
      font-size:18px;
      line-height:1.72;
      color:rgba(221,230,246,0.84) !important;
    }

    .about-subsection-title{
      display:grid;
      grid-template-columns:auto minmax(0, 1fr);
      gap:16px;
      align-items:center;
      margin:28px 0 18px;
      color:#8cb5ff !important;
    }

    .about-subsection-title span:first-child{
      font-size:14px;
      font-weight:600;
      letter-spacing:0.22em;
      text-transform:uppercase;
    }

    .about-subsection-rule{
      height:1px;
      background:rgba(149,187,255,0.18);
    }

    .about-list{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:0;
    }

    .about-list li{
      position:relative;
      padding:15px 0 15px 42px;
      border-top:1px solid rgba(149,187,255,0.14);
      font-size:17px;
      line-height:1.56;
      color:rgba(229,236,249,0.92) !important;
      text-align:left;
    }

    .about-list li:first-child{
      border-top:0;
      padding-top:0;
    }

    .about-list li::before{
      content:"";
      position:absolute;
      left:0;
      top:50%;
      width:28px;
      height:28px;
      box-sizing:border-box;
      transform:translateY(-50%);
      border-radius:50%;
      border:1px solid rgba(100,145,244,0.58);
      background:rgba(17,34,74,0.82);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
    }

    .about-list li::after{
      content:"";
      position:absolute;
      left:14px;
      top:50%;
      width:8px;
      height:4px;
      box-sizing:border-box;
      border-left:1.6px solid rgba(197,222,255,0.92);
      border-bottom:1.6px solid rgba(197,222,255,0.92);
      transform:translate(-50%, -50%) rotate(-45deg);
    }

    .about-divider--bottom{
      position:relative;
      margin:14px 0 18px;
    }

    .about-divider--bottom::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:6px;
      height:6px;
      transform:translate(-50%, -50%);
      border-radius:50%;
      background:#89b0ff;
      box-shadow:0 0 10px rgba(137,176,255,0.72);
    }

    .about-closing-row{
      display:grid;
      grid-template-columns:1fr auto 1fr;
      gap:16px;
      align-items:center;
      margin-bottom:20px;
    }

    .about-closing-dot{
      position:relative;
      height:1px;
      background:rgba(149,187,255,0.14);
    }

    .about-closing-dot::after{
      content:"";
      position:absolute;
      right:0;
      top:50%;
      width:4px;
      height:4px;
      transform:translateY(-50%);
      border-radius:50%;
      background:#89b0ff;
      box-shadow:0 0 8px rgba(137,176,255,0.62);
    }

    .about-closing-dot:last-child::after{
      left:0;
      right:auto;
    }

    .about-closing{
      margin:0;
      font-size:18px;
      line-height:1.45;
      color:#eef4ff !important;
      text-align:center;
    }

    .about-cta{
      margin-top:0;
      display:grid;
      justify-items:center;
      gap:14px;
    }

    .about-cta .btn{
      min-width:min(100%, 390px);
      width:min(100%, 390px);
      min-height:58px;
      padding:16px 28px;
      border-radius:16px;
      background:linear-gradient(180deg, rgba(23,46,104,0.98) 0%, rgba(14,31,75,0.98) 100%) !important;
      border:1px solid rgba(149,187,255,0.32) !important;
      color:#f3ebdd !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.1),
        0 16px 32px rgba(1,8,27,0.18) !important;
      font-size:16px;
      font-weight:600;
    }

    .about-cta .btn::after{
      content:"\2192";
      display:inline-block;
      margin-left:14px;
      color:rgba(210,226,255,0.92);
    }




    @media (max-width:1100px){
      .about-inner{
        grid-template-columns:minmax(0, 0.88fr) minmax(0, 1.12fr);
        gap:26px;
      }

      .about-card{
        padding:28px 26px 28px;
      }

      .about-title{
        font-size:clamp(42px, 5vw, 64px);
      }

      .about-subhead{
        font-size:17px;
      }

      .about-body,
      .about-list li{
        font-size:16px;
      }
    }

    @media (max-width:960px){
      .about-inner{
        grid-template-columns:1fr;
        max-width:760px;
      }

      .about-card{
        order:2;
      }
    }

    /* Contact card finish pass */
    .contact-card{
      position:relative;
      isolation:isolate;
      overflow:hidden;
      border-radius:24px !important;
      border:1px solid rgba(149,187,255,0.2) !important;
      background:
        radial-gradient(circle at 50% -12%, rgba(82,128,226,0.16) 0%, rgba(82,128,226,0) 42%),
        linear-gradient(180deg, rgba(13,29,66,0.88) 0%, rgba(8,18,41,0.96) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 22px 48px rgba(1,8,27,0.24) !important;
      transition:
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.28s ease,
        background 0.34s ease,
        filter 0.28s ease !important;
    }

    .contact-card::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      padding:1px;
      background:
        linear-gradient(135deg, rgba(205,228,255,0.34), rgba(103,153,255,0.08) 34%, rgba(103,153,255,0.08) 66%, rgba(205,228,255,0.24));
      -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      mask-composite:exclude;
      opacity:0.7;
      pointer-events:none;
      transition:opacity 0.28s ease, filter 0.28s ease, background-position 0.5s ease;
    }

    .contact-card::after{
      content:"";
      position:absolute;
      inset:-40% auto auto -30%;
      width:62%;
      height:200%;
      background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(180,217,255,0.12) 45%, rgba(255,255,255,0.26) 50%, rgba(180,217,255,0.12) 55%, rgba(255,255,255,0) 100%);
      transform:rotate(18deg) translateX(-140%);
      opacity:0;
      pointer-events:none;
      filter:blur(1px);
    }

    .contact-card:hover,
    .contact-card:focus-within{
      border-color:rgba(164,203,255,0.42) !important;
      background:
        radial-gradient(circle at 50% -10%, rgba(95,143,244,0.18) 0%, rgba(95,143,244,0) 44%),
        linear-gradient(180deg, rgba(16,34,76,0.92) 0%, rgba(8,18,41,0.98) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.1),
        0 0 0 1px rgba(104,156,255,0.16),
        0 0 26px rgba(93,147,255,0.16),
        0 26px 54px rgba(1,8,27,0.3) !important;
      filter:saturate(1.03);
    }

    .contact-card:hover::before,
    .contact-card:focus-within::before{
      opacity:1;
      filter:drop-shadow(0 0 10px rgba(104,156,255,0.28));
      background:
        linear-gradient(135deg, rgba(226,239,255,0.7), rgba(110,162,255,0.18) 28%, rgba(110,162,255,0.14) 72%, rgba(226,239,255,0.56));
    }

    .contact-card:hover::after,
    .contact-card:focus-within::after{
      opacity:1;
      transform:rotate(18deg) translateX(235%);
      transition:
        transform 0.95s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease;
    }

    .contact-card h3,
    .contact-card p,
    .contact-icon{
      position:relative;
      z-index:1;
    }

    .contact-icon{
      filter:drop-shadow(0 10px 22px rgba(1,8,27,0.26));
    }

    .contact-card:hover .contact-icon,
    .contact-card:focus-within .contact-icon{
      filter:drop-shadow(0 12px 24px rgba(1,8,27,0.3)) brightness(1.06);
    }
}

/* Universal spacing between homepage sections. */
main > .page-section{
  padding-block:var(--section-space) !important;
  margin-block:0 !important;
}

main > .hero{
  padding-bottom:var(--section-space) !important;
}

.audit-shell{
  margin:0 auto !important;
}

.clear-section > .clear-orbits{
  position:absolute !important;
}

.clear-inner{
  transform:none !important;
}

/* Global spatial visual system: first-pass ownership layer. */
:root{
  --star-far-ink:rgba(150,180,236,0.28);
  --star-mid-ink:rgba(188,211,255,0.42);
  --star-near-ink:rgba(241,247,255,0.96);
  --orbit-stroke-faint:rgba(132,164,228,0.08);
  --orbit-stroke-standard:rgba(146,181,246,0.14);
  --orbit-stroke-strong:rgba(174,207,255,0.22);
  --orbit-core-color:rgba(230,241,255,0.88);
  --orbit-core-glow:rgba(108,158,255,0.22);
  --orbit-easing:cubic-bezier(0.45, 0, 0.55, 1);
  --motion-enter-duration:760ms;
  --motion-interaction-duration:240ms;
  --motion-fast:180ms;
  --motion-base:var(--motion-interaction-duration);
  --motion-slow:var(--motion-enter-duration);
  --section-rise:14px;
  --hover-lift:-3px;
}

html,
body{
  max-width:100%;
  overflow-x:hidden !important;
  overflow-x:clip !important;
}

main{
  position:relative;
  isolation:isolate;
  overflow-x:hidden !important;
  overflow-x:clip !important;
}

/* Far and middle texture share one lightweight, page-wide CSS field. */
.site-stars{
  z-index:0;
  opacity:1;
  mix-blend-mode:normal;
  pointer-events:none;
}

.site-stars::before,
.site-stars::after{
  inset:0;
  transform:none;
  animation:none;
  filter:none;
  will-change:auto;
}

.site-stars::before{
  background-image:
    radial-gradient(circle at 17px 19px, var(--star-far-ink) 0 0.48px, transparent 0.9px),
    radial-gradient(circle at 79px 57px, rgba(132,164,226,0.24) 0 0.52px, transparent 0.96px),
    radial-gradient(circle at 121px 88px, rgba(181,202,244,0.22) 0 0.46px, transparent 0.88px),
    radial-gradient(circle at 43px 101px, rgba(116,151,218,0.2) 0 0.42px, transparent 0.82px);
  background-size:132px 108px, 176px 148px, 220px 184px, 264px 216px;
  opacity:0.24;
}

.site-stars::after{
  background-image:
    radial-gradient(circle at 38px 31px, var(--star-mid-ink) 0 0.72px, transparent 1.28px),
    radial-gradient(circle at 184px 126px, rgba(188,214,255,0.34) 0 0.92px, transparent 1.55px),
    radial-gradient(circle at 276px 76px, rgba(220,231,255,0.28) 0 0.62px, transparent 1.18px);
  background-size:310px 246px, 390px 318px, 470px 382px;
  opacity:0.18;
}

/* All 20 DOM accents receive an explicit far, middle, or near role. */
.site-stars .site-star[class*="site-star--"]{
  --depth-opacity:0.42;
  --depth-color:rgba(190,211,251,0.78);
  opacity:var(--depth-opacity);
  background:var(--depth-color);
  animation:none;
  box-shadow:
    0 0 var(--dot-glow, 5px) rgba(169,205,255,0.11),
    0 0 var(--dot-glow-soft, 12px) rgba(112,160,238,0.05);
  will-change:auto;
}

.site-stars .site-star[class*="site-star--"]::after{
  animation:none;
  opacity:var(--star-halo-opacity, 0);
  will-change:auto;
}

.site-stars .site-star:is(
  .site-star--3,
  .site-star--6,
  .site-star--7,
  .site-star--9,
  .site-star--12,
  .site-star--13,
  .site-star--15,
  .site-star--18
){
  --depth-opacity:0.28;
  --depth-color:rgba(151,180,232,0.66);
  transform:translate(-50%, -50%) scale(0.82);
  box-shadow:0 0 5px rgba(128,170,236,0.07);
}

.site-stars .site-star:is(
  .site-star--1,
  .site-star--4,
  .site-star--5,
  .site-star--8,
  .site-star--10,
  .site-star--14,
  .site-star--16,
  .site-star--17
){
  --depth-opacity:0.5;
  --depth-color:rgba(198,218,255,0.84);
  transform:translate(-50%, -50%) scale(0.94);
}

.site-stars .site-star:is(
  .site-star--2,
  .site-star--11,
  .site-star--19,
  .site-star--20
){
  --depth-opacity:0.78;
  --depth-color:var(--star-near-ink);
  --star-halo-opacity:0.11;
  transform:translate(-50%, -50%) scale(1);
  box-shadow:
    0 0 var(--dot-glow, 8px) rgba(211,232,255,0.28),
    0 0 var(--dot-glow-soft, 20px) rgba(137,180,248,0.12);
}

.site-stars .site-star.site-star--2{
  animation:visualStarBreath 14s var(--orbit-easing) -5s infinite;
}

.site-stars .site-star.site-star--11{
  animation:visualStarTwinkle 19s var(--orbit-easing) -12s infinite;
}

.site-stars .site-star.site-star--19{
  animation:visualStarTwinkle 22s var(--orbit-easing) -4s infinite;
}

.site-stars .site-star.site-star--20{
  animation:visualStarBreath 17s var(--orbit-easing) -9s infinite;
}

.site-stars .site-star.site-star--10{
  animation:visualStarDrift 58s var(--orbit-easing) -19s infinite;
}

.site-stars .site-star.site-star--16{
  animation:visualStarDrift 67s var(--orbit-easing) -41s infinite reverse;
}

.hero-ctas::after,
.about-photo::after{
  animation:none;
}

@keyframes visualStarBreath{
  0%, 100%{
    opacity:0.68;
    transform:translate(-50%, -50%) scale(0.97);
  }
  50%{
    opacity:0.84;
    transform:translate(-50%, -50%) scale(1.04);
  }
}

@keyframes visualStarTwinkle{
  0%, 54%, 70%, 100%{
    opacity:0.66;
    transform:translate(-50%, -50%) scale(0.98);
  }
  62%{
    opacity:0.9;
    transform:translate(-50%, -50%) scale(1.08);
  }
}

@keyframes visualStarDrift{
  0%, 100%{
    opacity:0.42;
    transform:translate(-50%, -50%) translate3d(-2px, 1px, 0) scale(0.92);
  }
  50%{
    opacity:0.52;
    transform:translate(-50%, -50%) translate3d(3px, -2px, 0) scale(0.96);
  }
}

/* Section decorations use one explicit layer below all content. */
[data-motion-section]{
  isolation:isolate;
}

[data-motion-section] > .wrap{
  position:relative;
  z-index:2;
}

:is(
  .audit-section,
  .clear-section,
  .public-breakdowns-section,
  .services-section,
  .case-section,
  .about-section,
  .contact-section
)[data-motion-section]::before{
  content:none !important;
  display:none !important;
  animation:none !important;
}

:is(
  .audit-section,
  .clear-section,
  .public-breakdowns-section,
  .services-section,
  .case-section,
  .about-section,
  .contact-section
)[data-motion-section]::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:var(--section-transition-x, 50%);
  top:-82px;
  bottom:auto;
  width:min(var(--section-transition-width, 720px), 82vw);
  height:164px;
  border-radius:50%;
  background:radial-gradient(
    ellipse at center,
    var(--section-transition-color, rgba(91,138,224,0.1)) 0%,
    rgba(52,92,170,0.035) 34%,
    rgba(25,55,118,0) 74%
  ) !important;
  opacity:var(--section-transition-opacity, 0.62) !important;
  transform:translateX(-50%) !important;
  filter:none !important;
  animation:none !important;
  pointer-events:none;
  z-index:0;
}

[data-motion-tone="focus"]{
  --section-transition-x:20%;
  --section-transition-width:760px;
  --section-transition-color:rgba(106,165,255,0.13);
  --section-transition-opacity:0.66;
}

[data-motion-tone="framework"]{
  --section-transition-x:78%;
  --section-transition-width:660px;
  --section-transition-color:rgba(91,137,226,0.1);
  --section-transition-opacity:0.48;
}

[data-motion-tone="breakdowns"]{
  --section-transition-x:32%;
  --section-transition-width:820px;
  --section-transition-color:rgba(104,159,252,0.11);
  --section-transition-opacity:0.56;
}

[data-motion-tone="services"]{
  --section-transition-x:72%;
  --section-transition-width:720px;
  --section-transition-color:rgba(82,128,218,0.09);
  --section-transition-opacity:0.48;
}

[data-motion-tone="cases"]{
  --section-transition-x:18%;
  --section-transition-width:640px;
  --section-transition-color:rgba(102,151,239,0.085);
  --section-transition-opacity:0.44;
}

[data-motion-tone="about"]{
  --section-transition-x:66%;
  --section-transition-width:600px;
  --section-transition-color:rgba(86,132,219,0.075);
  --section-transition-opacity:0.4;
}

[data-motion-tone="contact"]{
  --section-transition-x:50%;
  --section-transition-width:780px;
  --section-transition-color:rgba(91,143,232,0.095);
  --section-transition-opacity:0.5;
}

.hero[data-motion-section]::before,
.hero[data-motion-section]::after,
.repeat-section[data-motion-section]::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  background:none !important;
  filter:none !important;
}

/* Level 3: the hero owns the only primary orbital field. */
.hero{
  --hero-galaxy-top:390px;
  --hero-galaxy-height:280px;
  position:relative;
  padding-bottom:var(--section-space) !important;
  overflow:hidden !important;
  overflow:clip !important;
  isolation:isolate !important;
}

.hero-background-layer{
  position:absolute !important;
  inset:0 !important;
  width:100%;
  z-index:1 !important;
  pointer-events:none;
  overflow:hidden !important;
  overflow:clip !important;
  isolation:isolate !important;
  background:transparent !important;
}

.hero > .wrap{
  position:relative;
  z-index:2 !important;
  overflow:visible !important;
}

.hero .wrap > h1,
.hero .wrap > .hero-sub,
.hero .wrap > .hero-ctas{
  top:-24px !important;
  z-index:3;
}

.hero-background-layer > .hero-orbit-field{
  position:absolute !important;
  left:50% !important;
  width:min(1980px, 158vw) !important;
  height:1040px !important;
  transform:translate(-50%, -50%) !important;
  overflow:visible !important;
  pointer-events:none;
}

.hero-orbit-svg{
  opacity:0.38;
  filter:none;
}

.hero-orbit-svg ellipse{
  stroke:var(--orbit-stroke-standard);
  stroke-width:1;
  filter:none;
}

.hero-orbit-svg ellipse:nth-child(1){ stroke:rgba(119,151,217,0.055); }
.hero-orbit-svg ellipse:nth-child(2){ stroke:var(--orbit-stroke-faint); }
.hero-orbit-svg ellipse:nth-child(3){ stroke:rgba(134,169,234,0.095); }
.hero-orbit-svg ellipse:nth-child(4){ stroke:rgba(145,181,246,0.115); }
.hero-orbit-svg ellipse:nth-child(5){ stroke:rgba(156,192,255,0.135); }
.hero-orbit-svg ellipse:nth-child(6){ stroke:var(--orbit-stroke-strong); }

.hero-orbit-glow{
  background:radial-gradient(ellipse at center, rgba(74,114,224,0.08) 0%, rgba(74,114,224,0.03) 38%, rgba(74,114,224,0) 72%);
  filter:blur(14px);
  opacity:0.36;
}

.hero-detail-star{
  opacity:0.54;
  box-shadow:0 0 7px rgba(215,232,255,0.28), 0 0 16px rgba(128,171,240,0.1);
}

.hero-detail-star--2,
.hero-detail-star--4,
.hero-detail-star--6,
.hero-detail-star--7{
  display:none;
}

.hero-orbit-reflection{
  filter:blur(12px);
  opacity:0.58;
}

.hero-background-layer .galaxy-bridge-section{
  --galaxy-band-height:var(--hero-galaxy-height) !important;
  position:absolute !important;
  inset:auto 0 !important;
  top:var(--hero-galaxy-top) !important;
  width:100% !important;
  height:var(--hero-galaxy-height) !important;
  margin:0 !important;
  transform:none !important;
  opacity:0.96 !important;
  filter:none !important;
  z-index:2 !important;
  overflow:hidden !important;
  pointer-events:none;
  transition:opacity var(--motion-enter-duration) var(--ease-premium) !important;
}

.hero-background-layer .galaxy-bridge-surface{
  position:absolute;
  inset:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

.hero-background-layer .galaxy-bridge-surface::before,
.hero-background-layer .galaxy-bridge-surface::after{
  content:none !important;
  display:none !important;
}

.hero-background-layer .galaxy-bridge-canvas{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  opacity:0.96;
  transform:none !important;
  filter:none;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 84%, transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 84%, transparent 100%);
}

.hero .trust-row{
  position:relative;
  z-index:3;
  margin-top:calc(var(--hero-galaxy-height) + 70px) !important;
  padding-top:0 !important;
  transform:none !important;
}

/* Level 2: explanatory rings stay visible but subordinate to content. */
.audit-orbit-field{
  inset:-4% -3%;
  z-index:0;
  opacity:0.58;
  overflow:hidden;
}

.audit-orbit{
  left:68%;
  top:46%;
  border-color:var(--orbit-stroke-standard);
  box-shadow:none;
}

.audit-orbit--outer{
  width:820px;
  height:500px;
  border-color:var(--orbit-stroke-faint);
}

.audit-orbit--middle{
  width:620px;
  height:380px;
  border-color:var(--orbit-stroke-standard);
}

.audit-orbit--inner{
  width:420px;
  height:260px;
  border-color:var(--orbit-stroke-strong);
}

.audit-orbit-axis--horizontal{
  left:38%;
  right:2%;
  top:46%;
  background:linear-gradient(90deg, transparent, var(--orbit-stroke-standard) 22%, var(--orbit-stroke-standard) 76%, transparent);
}

.audit-feature-ring{
  border-color:var(--orbit-stroke-standard);
}

.clear-orbits{
  z-index:0 !important;
  opacity:0.58;
}

.clear-orbit{
  border-color:var(--orbit-stroke-standard);
  box-shadow:none;
}

.clear-orbit--outer,
.clear-orbit--ring-1{
  border-color:var(--orbit-stroke-faint);
}

.clear-orbit--ring-2,
.clear-orbit--ring-3{
  border-color:rgba(143,178,241,0.11);
}

.clear-orbit--middle,
.clear-orbit--inner{
  border-color:var(--orbit-stroke-standard);
}

.clear-axis{
  opacity:0.32;
}

.clear-orbit::before,
.clear-orbit::after{
  background:rgba(205,224,255,0.58);
  box-shadow:0 0 10px rgba(132,179,245,0.24);
}

.clear-orbit-core{
  width:7px;
  height:7px;
  background:var(--orbit-core-color);
  box-shadow:0 0 0 6px rgba(107,155,236,0.07), 0 0 18px var(--orbit-core-glow);
  opacity:0.66;
}

.public-breakdowns-cosmos{
  position:relative;
  width:min(100%, 610px);
  min-height:390px;
  justify-self:end;
  align-self:start;
  overflow:hidden;
  pointer-events:none;
}

.public-breakdowns-cosmos::before{
  content:"";
  position:absolute;
  inset:14% 18% 18%;
  border-radius:50%;
  background:radial-gradient(circle at 58% 42%, rgba(87,137,236,0.13) 0%, rgba(87,137,236,0.045) 28%, transparent 64%);
  opacity:0.72;
  pointer-events:none;
}

.public-breakdowns-cosmos-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  opacity:0.68;
  filter:none;
  animation:none;
}



/* Level 1: ambient systems use cropped, asymmetric compositions. */
.services-section .wrap{
  position:relative;
  isolation:isolate;
}

.services-atmosphere{
  position:absolute;
  top:-30px;
  right:0;
  bottom:auto;
  left:0;
  height:var(--interaction-background-frame-height, calc(100% + 30px));
  z-index:0;
  overflow:visible;
  clip-path:inset(0 0 0 -240px);
  pointer-events:none;
}

.services-header,
.services-grid,
.services-detail-stack{
  position:relative;
  z-index:1;
}

.services-orbit{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.services-orbit::before,
.services-orbit::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  background:var(--orbit-stroke-faint);
}

.services-orbit::before{ width:1px; height:72%; }
.services-orbit::after{ width:82%; height:1px; }

.services-orbit span{
  position:absolute;
  border-radius:50%;
  border:1px solid var(--orbit-stroke-faint);
}

.services-orbit span:nth-child(1){ inset:0; }
.services-orbit span:nth-child(2){ inset:17%; border-color:var(--orbit-stroke-standard); }
.services-orbit span:nth-child(3){ inset:33%; }
.services-orbit span:nth-child(n+4){ display:none; }

.services-orbit--left{
  left:-190px;
  top:54px;
  width:520px;
  height:270px;
  transform:rotate(-17deg);
  opacity:0.52;
}

.services-orbit--right{
  right:-120px;
  top:48%;
  width:350px;
  height:540px;
  transform:rotate(22deg);
  opacity:0.24;
}

.services-orbit--right span:nth-child(3){ display:none; }

.services-star{
  position:absolute;
  border-radius:50%;
  background:rgba(222,235,255,0.7);
  box-shadow:0 0 8px rgba(155,192,246,0.22);
}

.services-star--one{ left:5%; top:9%; width:3px; height:3px; }
.services-star--two{ right:13%; top:24%; width:2px; height:2px; }
.services-star--three{ left:18%; top:64%; width:2px; height:2px; }

/* Keep the engagement covers and detail panels contained by their cards. */
.services-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  align-items:stretch;
}

.services-section .service-card{
  position:relative;
  min-width:0;
  min-height:422px;
  overflow:hidden;
}

.services-section .service-cover{
  position:relative;
  z-index:1;
  width:min(228px, 84%);
  margin:2px auto 16px;
}

.services-section .service-cover img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2 / 3;
  object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,0.32));
}

.services-section .service-card-body{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
}

.services-section .service-tagline{
  min-height:0;
  margin:0;
  align-items:flex-start;
  text-align:left;
}

.services-section .service-card > .service-tagline{
  display:none;
}



.services-section .service-link-row{
  position:relative;
  z-index:1;
  margin-top:auto;
  padding-top:10px;
  border-top:0;
  text-align:center;
}

.services-detail-stack{
  margin-top:14px;
}

.services-detail-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(240px, 0.7fr) minmax(0, 1.3fr);
  gap:28px;
  padding:24px 28px 72px;
  border:1px solid var(--surface-border-strong);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(10,22,54,0.88), rgba(7,16,38,0.94));
  box-shadow:var(--surface-highlight), var(--surface-shadow);
  overflow:hidden;
}

.services-detail-panel[hidden]{
  display:none;
}

.services-detail-panel::before{
  content:"";
  position:absolute;
  top:-9px;
  width:16px;
  height:16px;
  transform:rotate(45deg);
  border-top:1px solid var(--surface-border-strong);
  border-left:1px solid var(--surface-border-strong);
  background:rgba(10,22,54,0.94);
}

.services-detail-panel--audit::before{ left:14%; }
.services-detail-panel--homepage::before{ left:49.5%; }
.services-detail-panel--messaging::before{ left:84%; }

.services-detail-intro{
  padding-right:6px;
  border-right:1px solid rgba(149,187,255,0.12);
  text-align:left;
}

.services-detail-kicker{
  margin:0;
  color:rgba(220,229,247,0.78);
  font-size:14px;
  font-weight:600;
}

.services-detail-title{
  margin:10px 0 0;
  color:#f4ecdf;
  font-family:var(--font-hero-headline);
  font-size:clamp(32px, 3vw, 48px);
  font-weight:700;
  line-height:1;
  letter-spacing:-0.045em;
}

.services-detail-rule{
  width:48px;
  height:2px;
  margin-top:16px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(120,167,255,0.9), rgba(120,167,255,0.32));
}

.services-detail-copy{
  margin:20px 0 0;
  color:rgba(220,229,247,0.82);
  font-size:15px;
  line-height:1.62;
}

.services-detail-deliverables{
  display:grid;
  align-content:start;
}

.services-detail-item{
  display:grid;
  grid-template-columns:36px minmax(0, 260px) minmax(0, 1fr);
  gap:16px;
  align-items:start;
  padding:14px 0;
  border-top:1px solid rgba(149,187,255,0.12);
  text-align:left;
}

.services-detail-item:first-child{
  padding-top:2px;
  border-top:0;
}

.services-detail-item-title{
  color:#f2f6ff;
  font-size:15px;
  font-weight:600;
  line-height:1.35;
}

.services-detail-item-title span{
  color:rgba(220,229,247,0.76);
  font-weight:500;
}

.services-detail-item-copy{
  color:rgba(216,226,245,0.74);
  font-size:14px;
  line-height:1.48;
}

.services-detail-cta{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
}

.services-detail-cta .btn{
  min-width:300px;
  justify-content:center;
}

@media (max-width:1100px){
  .services-grid{
    grid-template-columns:1fr;
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
  }

  .services-detail-panel{
    grid-template-columns:1fr;
    padding:22px 20px 84px;
  }

  .services-detail-intro{
    padding-right:0;
    border-right:0;
  }

  .services-detail-panel::before{
    left:50%;
    transform:translateX(-50%) rotate(45deg);
  }
}

@media (max-width:760px){
  .services-section .service-card{
    min-height:0;
  }

  .services-detail-item{
    grid-template-columns:32px minmax(0, 1fr);
  }

  .services-detail-item-copy{
    grid-column:2;
    min-width:0;
    overflow-wrap:anywhere;
  }

  .services-detail-cta{
    left:20px;
    right:20px;
    transform:none;
  }

  .services-detail-cta .btn{
    width:100%;
    min-width:0;
  }
}

.case-section{
  position:relative;
  isolation:isolate;
}

.case-section .wrap,
.case-inner{
  position:relative;
  z-index:1;
}

.case-atmosphere{
  position:absolute;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  height:var(--interaction-background-frame-height, 100%);
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

.case-orbit{
  position:absolute;
  display:block;
  border:1px solid var(--orbit-stroke-faint);
  border-radius:50%;
  background:none;
  filter:none;
  opacity:0.36;
}

.case-orbit::before,
.case-orbit::after{
  content:"";
  position:absolute;
  inset:18%;
  border:1px solid var(--orbit-stroke-faint);
  border-radius:50%;
  transform:none;
  background:none;
}

.case-orbit::after{
  inset:36%;
  border-color:var(--orbit-stroke-standard);
}

.case-orbit--left{
  left:-160px;
  top:96px;
  width:430px;
  height:220px;
  transform:rotate(17deg);
}

.case-orbit--right{
  right:-130px;
  bottom:8%;
  width:310px;
  height:500px;
  transform:rotate(-14deg);
  opacity:0.24;
}

.case-orbit-star{
  width:3px;
  height:3px;
  background:rgba(218,233,255,0.7);
  box-shadow:0 0 8px rgba(154,194,250,0.28);
  opacity:0.58;
}

.case-orbit-star::before{
  content:none;
  display:none;
}

.case-orbit-star--left{ left:6%; top:22%; }
.case-orbit-star--right{ right:7%; bottom:24%; }

.about-card{
  isolation:isolate;
}

.about-card > :not(.about-card-orbit){
  position:relative;
  z-index:1;
}

.about-card-orbit{
  position:absolute;
  right:18px;
  top:20px;
  width:108px;
  height:74px;
  border-radius:50%;
  opacity:0.36;
  pointer-events:none;
  z-index:0;
}

.about-card-orbit::before,
.about-card-orbit::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid var(--orbit-stroke-standard);
  border-radius:50%;
}

.about-card-orbit::before{ transform:rotate(24deg) scaleX(1.14) scaleY(0.58); }
.about-card-orbit::after{ transform:rotate(-38deg) scaleX(0.82) scaleY(1.08); }

.about-card-orbit-core{
  position:absolute;
  right:18px;
  top:14px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--orbit-core-color);
  box-shadow:0 0 10px var(--orbit-core-glow);
}

.about-card-orbit-core::before,
.about-card-orbit-core::after{
  content:none;
  display:none;
}


.contact-orbit{
  left:58%;
  top:48%;
  border-color:var(--orbit-stroke-faint);
  box-shadow:none;
}






.contact-section .wrap{
  position:relative;
  z-index:1;
}

.contact-domain-wordmark{
  font-size:clamp(42px, 9.6vw, 138px);
}

/* Keep supporting copy and text controls legible on the existing dark surfaces. */
.about-subhead{
  color:#eef4ff;
}

.about-subsection-title{
  color:#8cb5ff;
}


.service-link{
  color:rgba(178,204,255,0.92);
}

.service-card--open .service-link{
  color:rgba(232,239,255,0.82);
}

.case-link,
.case-link a{
  color:rgba(178,204,255,0.96);
}

/* Entrance and interaction motion have separate, restrained timings. */
.reveal,
.reveal-item,
.reveal-inner{
  transform:translate3d(0, var(--section-rise), 0);
  transition:
    opacity var(--motion-enter-duration) var(--ease-premium),
    transform var(--motion-enter-duration) var(--ease-premium);
  will-change:auto;
}

.reveal.is-visible,
    .reveal-item.is-visible,
    .reveal-inner.is-visible{
  transform:translate3d(0, 0, 0);
  will-change:auto;
}

/* Heavy section art stays raster-stable; lightweight foreground keeps the rise. */
.repeat-section.reveal,
.clear-section.reveal{
  transform:none;
  transition:opacity var(--motion-enter-duration) var(--ease-premium);
}

.repeat-section.reveal :is(.repeat-title, .repeat-sub, .repeat-panel),
.clear-section.reveal :is(.clear-title, .clear-title-divider, .clear-sub, .clear-bottom){
  transition:
    opacity var(--motion-enter-duration) var(--ease-premium),
    transform var(--motion-enter-duration) var(--ease-premium);
}

.repeat-section.reveal:not(.is-visible) :is(.repeat-title, .repeat-sub, .repeat-panel),
.clear-section.reveal:not(.is-visible) :is(.clear-title, .clear-title-divider, .clear-sub, .clear-bottom){
  opacity:0;
  transform:translate3d(0, var(--section-rise), 0);
}

.btn,
.nav-links a,
.public-breakdowns-bottom-link,
.service-link,
.case-link a,
.service-card,
.case-card,
.clear-card,
.wireframe-overlay__close{
  transition-duration:var(--motion-interaction-duration);
}

.btn:hover,
.btn:focus-visible,
.public-breakdowns-bottom-link:hover,
.public-breakdowns-bottom-link:focus-visible,
.service-card:hover,
.case-card:hover,
.clear-card:hover{
  transform:none;
}

.btn:active,
.public-breakdowns-bottom-link:active{
  transform:translate3d(0, 0, 0) scale(0.99);
}

.header-inner:hover,
.audit-shell:hover,
.audit-shell:focus-within,
.about-card:hover,
.about-card:focus-within,
.contact-card:not(.contact-card--link):hover,
.contact-card:not(.contact-card--link):focus-within,
.trust-card:hover,
.trust-card:focus-within,
.public-breakdowns-panel:hover,
.public-breakdowns-panel:focus-within{
  transform:none !important;
}

.about-card:active,
.trust-card:active,
.contact-card:not(.contact-card--link):active{
  transform:none !important;
}

.about-photo:hover img,
.trust-card:hover .trust-visual img,
.public-breakdowns-panel:hover{
  transform:none;
}

.public-breakdowns-showcase .public-breakdowns-panel.is-active,
.public-breakdowns-showcase .public-breakdowns-panel.is-muted,
.trust-row .trust-card.is-active,
.trust-row .trust-card.is-muted{
  opacity:1;
  transform:none;
  filter:none;
}

.clear-card-details{
  height:0;
  max-height:none;
  margin-top:0;
  padding-top:0;
  border-top:0;
  opacity:1;
  transform:none;
  overflow:hidden;
  overflow-anchor:none;
  transition:height 300ms var(--ease-premium);
}

.clear-card-details-inner{
  --clear-details-rule-offset:16px;
  --clear-details-content-offset:29px;
  --clear-details-end-space:0px;
  position:relative;
  padding-block:var(--clear-details-content-offset) var(--clear-details-end-space);
  opacity:0;
  transform:translate3d(0, 6px, 0);
  transition:opacity 220ms ease, transform 300ms var(--ease-premium);
}

.clear-card-details-inner::before{
  content:"";
  position:absolute;
  top:var(--clear-details-rule-offset);
  left:0;
  right:0;
  height:1px;
  background:rgba(180,215,255,0.16);
}

.clear-card.expanded .clear-card-details-inner{
  opacity:1;
  transform:translate3d(0, 0, 0);
}

.case-card .case-expanded{
  transition:
    height 300ms var(--ease-premium),
    max-height 300ms var(--ease-premium),
    opacity 220ms ease,
    margin-top 300ms var(--ease-premium);
}

@media (hover:hover) and (pointer:fine){
  .btn:hover,
  .btn:focus-visible,
  .public-breakdowns-bottom-link:hover,
  .public-breakdowns-bottom-link:focus-visible{
    transform:translate3d(0, -2px, 0);
  }

  .service-card:hover,
  .service-card:focus-within,
  .case-card:hover,
  .case-card:focus-within{
    transform:translate3d(0, var(--hover-lift), 0);
  }

  .case-card:hover .case-homepage-preview,
  .case-card:hover .case-expanded-homepage-preview{
    transform:scale(1.012);
  }
}

@media (max-width:900px){
  .hero{
    --hero-galaxy-top:450px;
    --hero-galaxy-height:250px;
  }

  .hero .wrap > h1,
  .hero .wrap > .hero-sub,
  .hero .wrap > .hero-ctas{
    top:-14px !important;
  }

  .hero-background-layer > .hero-orbit-field{
    top:300px !important;
    width:176vw !important;
    height:900px !important;
    opacity:0.62;
  }

  .hero .trust-row{
    margin-top:calc(var(--hero-galaxy-height) + 64px) !important;
  }

  .audit-orbit{
    left:70%;
  }

  .audit-orbit--outer{ width:620px; height:390px; }
  .audit-orbit--middle{ width:470px; height:300px; }
  .audit-orbit--inner{ width:320px; height:210px; }

  .public-breakdowns-cosmos{
    min-height:320px;
  }
}

@media (max-width:767px){
  :is(
    .clear-card,
    .service-card,
    .services-detail-panel,
    .case-card,
    .about-card,
    .contact-card,
    .trust-card,
    .public-breakdowns-panel,
    .repeat-col,
    .repeat-mid
  ){
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  .site-stars::before{
    background-size:170px 136px, 218px 180px, 276px 224px, 330px 270px;
    opacity:0.18;
  }

  .site-stars::after{
    background-size:360px 290px, 450px 360px, 540px 430px;
    opacity:0.12;
  }

  .site-stars .site-star{
    animation:none !important;
    will-change:auto !important;
  }

  .hero-orbit-field *,
  .public-breakdowns-field *,
  .public-breakdowns-cosmos-svg *,
  .about-card-orbit *,
  .repeat-decay-inline *{
    animation:none !important;
    will-change:auto !important;
  }

  .repeat-decay-inline [filter],
  .public-breakdowns-cosmos-svg [filter]{
    filter:none !important;
  }

  .site-stars .site-star:is(
    .site-star--3,
    .site-star--7,
    .site-star--9,
    .site-star--12,
    .site-star--15,
    .site-star--16,
    .site-star--17,
    .site-star--18
  ){
    display:none;
  }

  :is(
    .audit-section,
    .clear-section,
    .public-breakdowns-section,
    .services-section,
    .case-section,
    .about-section,
    .contact-section
  )[data-motion-section]::after{
    top:-60px;
    width:min(var(--section-transition-width, 620px), 104vw);
    height:124px;
    opacity:calc(var(--section-transition-opacity, 0.5) * 0.72) !important;
  }

  .hero{
    --hero-galaxy-top:470px;
    --hero-galaxy-height:230px;
  }

  .hero-orbit-svg{
    opacity:0.28;
  }

  .hero-orbit-svg ellipse:first-child{
    display:none;
  }

  .hero-detail-star--3,
  .hero-detail-star--8{
    display:none;
  }

  .hero-orbit-glow{
    filter:blur(9px);
    opacity:0.24;
  }

  .hero-orbit-reflection{
    filter:blur(8px);
    opacity:0.42;
  }

  .hero-background-layer .galaxy-bridge-canvas{
    opacity:0.96;
    transform:scale(1.12) !important;
    transform-origin:50% 48%;
  }

  .audit-orbit-field{
    opacity:0.42;
  }

  .audit-orbit{
    left:72%;
  }

  .clear-orbits{
    width:160vw;
    opacity:0.42;
  }

  .clear-orbit--outer,
  .clear-orbit--ring-1{
    display:none;
  }

  .public-breakdowns-cosmos{
    min-height:250px;
  }

  .public-breakdowns-cosmos::before{
    opacity:0.44;
  }

  .services-atmosphere{
    inset:-10px 0 0;
  }

  .services-orbit--left{
    left:-180px;
    top:70px;
    width:390px;
    height:210px;
    opacity:0.34;
  }

  .services-orbit--right{
    display:none;
  }

  .case-orbit--left{
    left:-190px;
    top:120px;
    opacity:0.24;
  }

  .case-orbit--right,
  .case-orbit-star{
    display:none;
  }

  .about-card-orbit{
    opacity:0.24;
  }




}

@media (max-width:600px){

  header{
    padding-top:max(4px, env(safe-area-inset-top));
  }

  .header-inner{
    padding:5px 10px;
    border-radius:20px;
  }

  .header-row{
    gap:2px 7px;
  }

  .brand-lockup{
    gap:7px;
  }

  .brand-logo{
    width:25px;
    height:25px;
  }

  .brand-name{
    margin-right:2px;
    font-size:12.5px;
  }

  .header-divider{
    height:16px;
  }

  .nav-links{
    gap:3px;
    font-size:11.5px;
  }

  .nav-links a{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:5px 6px;
  }

  .hero{
    --type-role-hero-size:2.125rem;
    --type-role-hero-leading:0.98;
    --type-role-lead-size:13px;
    --type-role-lead-leading:1.45;
    --type-role-label-size:10px;
    --hero-galaxy-base-height:160px;
    --hero-galaxy-min-height:130px;
    --hero-galaxy-height:var(--hero-galaxy-base-height);
    --hero-galaxy-gap:8px;
    --hero-viewport-clearance:18px;
    --hero-galaxy-top:326px;
    --hero-galaxy-center:406px;
    padding-top:34px;
  }

  .hero .wrap > .hero-kicker{
    top:0;
  }

  .hero .hero-kicker{
    margin-bottom:9px;
    font-size:var(--type-role-label-size);
    letter-spacing:0.09em;
  }

  .hero .wrap > h1,
  .hero .wrap > .hero-sub,
  .hero .wrap > .hero-ctas{
    top:0 !important;
  }

  .hero h1,
  .hero-sub{
    max-width:100%;
  }

  .hero-sub{
    margin-top:11px;
  }

  .hero-ctas{
    gap:9px;
    margin-top:13px;
  }

  .hero .btn{
    width:min(100%, 340px);
    min-height:40px;
    padding:8px 15px;
    font-size:13px;
  }

  .hero .hero-background-layer > .hero-orbit-field{
    top:var(--hero-galaxy-center) !important;
    width:148vw !important;
    height:390px !important;
    opacity:0.68;
  }

  .hero .hero-orbit-svg{
    transform:translateY(-4.1667%);
  }

  .hero .hero-orbit-glow{
    top:50%;
  }

  .hero-background-layer .galaxy-bridge-canvas{
    transform:none !important;
  }

  .hero .trust-row{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:10px !important;
    width:100%;
    max-width:430px;
    margin:calc(var(--hero-galaxy-gap) + var(--hero-galaxy-height) + var(--hero-galaxy-gap)) auto 0 !important;
    padding:0 !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
  }

  .hero .trust-card,
  .hero .trust-card:hover,
  .hero .trust-card:focus-within,
  .hero .trust-card.is-active{
    display:grid;
    grid-template-columns:82px minmax(0, 1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:13px;
    width:100%;
    max-width:none;
    min-height:92px;
    padding:9px 14px 9px 8px;
    border:1px solid rgba(165, 197, 255, 0.14) !important;
    border-radius:18px;
    background:linear-gradient(100deg, rgba(15, 31, 72, 0.66), rgba(8, 20, 51, 0.34)) !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    text-align:left;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  .hero .trust-step{
    position:absolute;
    top:9px;
    left:10px;
    z-index:2;
    font-size:9px;
  }

  .hero .trust-visual{
    grid-column:1;
    grid-row:1 / span 2;
    width:76px;
    height:72px;
    margin:0;
    flex-basis:auto;
  }

  .hero .trust-visual img{
    width:74px;
    height:68px;
    max-width:74px;
  }

  .hero .trust-title{
    grid-column:2;
    grid-row:1;
    justify-content:flex-start;
    align-items:flex-end;
    max-width:none;
    min-height:0;
    margin:0 0 2px;
    font-size:17px;
    line-height:1.18;
    text-align:left;
  }

  .hero .trust-text{
    grid-column:2;
    grid-row:2;
    min-height:0;
    max-width:30ch;
    margin:0;
    font-size:12.5px;
    line-height:1.4;
    text-align:left;
  }

  .contact-domain-wordmark{
    font-size:10vw;
  }
}

/* 48-Hour Clarity Audit: layered diagnostic instrument. */
.audit-section .audit-shell{
  isolation:isolate;
  padding:clamp(28px, 3vw, 44px) clamp(24px, 3.4vw, 48px) !important;
  border-color:rgba(183, 209, 255, 0.2);
  border-radius:30px;
  background:
    radial-gradient(75% 90% at 82% 46%, rgba(49, 91, 207, 0.12), transparent 72%),
    radial-gradient(60% 85% at 6% 5%, rgba(137, 183, 255, 0.08), transparent 68%),
    linear-gradient(145deg, rgba(16, 30, 66, 0.82), rgba(6, 15, 39, 0.74));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 0 0 1px rgba(55, 94, 177, 0.08),
    0 34px 90px rgba(1, 7, 24, 0.42);
}

.audit-section .audit-shell::before{
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 34%),
    linear-gradient(90deg, transparent 49.92%, rgba(128, 168, 240, 0.045) 50%, transparent 50.08%);
}

.audit-section .audit-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:
    radial-gradient(ellipse at 61% 52%, rgba(66, 112, 224, 0.1), transparent 31%),
    radial-gradient(circle at 73% 13%, rgba(178, 211, 255, 0.28) 0 1px, transparent 1.5px),
    radial-gradient(circle at 92% 76%, rgba(130, 177, 255, 0.2) 0 1px, transparent 1.5px),
    radial-gradient(circle at 55% 84%, rgba(192, 219, 255, 0.17) 0 1px, transparent 1.5px),
    linear-gradient(96deg, transparent 8%, rgba(89, 134, 227, 0.035) 54%, rgba(87, 137, 244, 0.07) 78%, transparent 100%);
  pointer-events:none;
  opacity:0.82;
}

.audit-section .audit-shell .audit-main{
  isolation:isolate;
  grid-template-columns:minmax(0, 1.04fr) minmax(390px, 0.96fr) !important;
  gap:clamp(38px, 4.2vw, 64px) !important;
  align-items:center !important;
}

.audit-section .audit-shell .audit-main::before{
  content:"";
  position:absolute;
  top:6%;
  bottom:6%;
  left:calc(52% - 1px);
  z-index:-1;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(151, 188, 250, 0.12) 22%, rgba(151, 188, 250, 0.07) 76%, transparent);
}

.audit-section .audit-shell .audit-main::after{
  content:"";
  position:absolute;
  left:calc(52% - 4px);
  top:49%;
  z-index:-1;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(162, 200, 255, 0.44);
  box-shadow:0 0 0 6px rgba(83, 135, 241, 0.035), 0 0 18px rgba(83, 135, 241, 0.18);
}

.audit-section .audit-copy{
  align-self:center;
  min-width:0;
  padding-block:8px;
}

.audit-section .audit-summary{
  position:relative;
  width:100% !important;
  max-width:590px !important;
  margin:30px 0 0 !important;
  padding:24px 0 5px;
  align-items:flex-start !important;
  border-top:1px solid rgba(164, 194, 246, 0.14);
  border-radius:0 0 18px 18px;
  background:radial-gradient(ellipse at 18% 90%, rgba(61, 112, 231, 0.1), transparent 48%);
}

.audit-section .audit-summary::after{
  content:"";
  position:absolute;
  left:0;
  top:-3px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(158, 200, 255, 0.78);
  box-shadow:0 0 0 5px rgba(85, 143, 255, 0.06), 0 0 14px rgba(85, 143, 255, 0.34);
}

.audit-section .audit-cta-block{
  width:auto;
  max-width:none;
  margin:0;
}

.audit-section .audit-cta-block .btn.primary{
  min-height:50px;
  padding-inline:24px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 36px rgba(24, 72, 190, 0.28),
    0 0 34px rgba(72, 126, 255, 0.11);
}

.audit-section .audit-feature{
  width:100%;
  min-width:0;
  min-height:0;
  padding:0;
  align-items:center;
}

.audit-section .audit-feature-inner{
  position:relative;
  width:100%;
  min-width:0;
  max-width:520px;
  padding:18px;
  border-color:rgba(178, 207, 255, 0.2);
  border-radius:27px;
  background:
    linear-gradient(180deg, rgba(22, 38, 78, 0.62), rgba(8, 17, 43, 0.48));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 0 0 1px rgba(67, 112, 211, 0.04),
    inset 0 0 34px rgba(76, 123, 225, 0.035),
    0 30px 65px rgba(1, 7, 24, 0.34);
  isolation:isolate;
}

.audit-section .audit-feature-inner::before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:-1;
  border:1px solid rgba(178, 207, 255, 0.06);
  border-radius:21px;
  pointer-events:none;
}

.audit-section .audit-feature-inner::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-12px;
  z-index:-1;
  height:34px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(52, 104, 229, 0.2), transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}

.audit-section .audit-feature-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:32px;
  padding:0 7px 13px;
  border-bottom:1px solid rgba(154, 190, 249, 0.07);
}

.audit-section .audit-feature-kicker{
  margin:0;
  color:rgba(215, 228, 255, 0.66);
}

.audit-section .audit-feature-status{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(130, 184, 255, 0.92);
  box-shadow:
    0 0 0 5px rgba(94, 149, 255, 0.08),
    0 0 18px rgba(94, 149, 255, 0.58);
}

.audit-section .audit-feature-stage{
  min-height:575px;
  padding:0;
}

.audit-section .audit-feature-frame{
  min-height:575px;
  border-color:rgba(174, 205, 255, 0.18);
  border-radius:21px;
  background:
    radial-gradient(circle at 50% 48%, rgba(68, 117, 238, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(5, 14, 39, 0.66), rgba(9, 20, 52, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 6px rgba(58, 101, 196, 0.025),
    inset 0 0 70px rgba(47, 92, 196, 0.08),
    0 18px 44px rgba(0, 6, 22, 0.28);
}

.audit-section .audit-feature-frame::before{
  z-index:0;
  background:
    linear-gradient(rgba(129, 165, 231, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(129, 165, 231, 0.055) 1px, transparent 1px);
  background-size:38px 38px;
  -webkit-mask-image:radial-gradient(circle at 50% 52%, #000 0%, rgba(0,0,0,.72) 45%, transparent 84%);
  mask-image:radial-gradient(circle at 50% 52%, #000 0%, rgba(0,0,0,.72) 45%, transparent 84%);
}

.audit-section .audit-feature-frame::after{
  content:"";
  position:absolute;
  inset:18px;
  z-index:1;
  border:1px solid rgba(144, 181, 245, 0.09);
  border-radius:15px;
  pointer-events:none;
}

.audit-section .audit-feature-grid,
.audit-section .audit-feature-halo,
.audit-section .audit-feature-radar,
.audit-section .audit-feature-depth-frame,
.audit-section .audit-feature-rail,
.audit-section .audit-feature-cradle,
.audit-section .audit-feature-corners{
  position:absolute;
  pointer-events:none;
}

.audit-section .audit-feature-grid{
  inset:0;
  z-index:1;
  opacity:0.48;
  background:
    repeating-radial-gradient(circle at 50% 51%, transparent 0 52px, rgba(134, 177, 255, 0.075) 53px 54px, transparent 55px 79px);
  -webkit-mask-image:radial-gradient(circle at center, #000 0 48%, transparent 76%);
  mask-image:radial-gradient(circle at center, #000 0 48%, transparent 76%);
}

.audit-section .audit-feature-halo{
  z-index:1;
  inset:15% 6% 4%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 48%, rgba(63, 120, 255, 0.2), rgba(48, 91, 206, 0.07) 38%, transparent 70%);
  filter:blur(14px);
}

.audit-section .audit-feature-radar{
  z-index:1;
  left:50%;
  top:64px;
  width:450px;
  height:450px;
  border:1px solid rgba(113, 162, 252, 0.08);
  border-radius:50%;
  transform:translateX(-50%) rotate(-17deg);
  background:
    conic-gradient(from 15deg, transparent 0 54deg, rgba(79, 135, 250, 0.1) 62deg, rgba(79, 135, 250, 0.018) 96deg, transparent 112deg 360deg),
    repeating-conic-gradient(from 0deg, rgba(142, 182, 250, 0.055) 0 0.6deg, transparent 0.6deg 30deg);
  -webkit-mask-image:radial-gradient(circle, transparent 0 26%, #000 27% 72%, transparent 73%);
  mask-image:radial-gradient(circle, transparent 0 26%, #000 27% 72%, transparent 73%);
}

.audit-section .audit-feature-depth-frame{
  z-index:2;
  inset:34px 30px 28px;
  border:1px solid rgba(146, 185, 249, 0.09);
  clip-path:polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
  background:
    linear-gradient(135deg, rgba(139, 181, 255, 0.055), transparent 18%) top left / 90px 90px no-repeat,
    linear-gradient(315deg, rgba(86, 138, 243, 0.045), transparent 18%) bottom right / 90px 90px no-repeat;
  box-shadow:inset 0 0 42px rgba(48, 93, 196, 0.045);
}

.audit-section .audit-feature-rail{
  z-index:3;
  top:84px;
  bottom:54px;
  width:11px;
  opacity:0.38;
  background:repeating-linear-gradient(180deg, rgba(153, 192, 255, 0.56) 0 1px, transparent 1px 13px);
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
  mask-image:linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
}

.audit-section .audit-feature-rail--left{
  left:21px;
}

.audit-section .audit-feature-rail--right{
  right:21px;
}

.audit-section .audit-feature-cradle{
  z-index:2;
  left:50%;
  bottom:26px;
  width:79%;
  height:87%;
  transform:translateX(-50%);
  border:1px solid rgba(133, 176, 251, 0.13);
  clip-path:polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  background:
    radial-gradient(ellipse at 50% 48%, rgba(67, 124, 255, 0.19), rgba(36, 73, 164, 0.055) 54%, transparent 78%),
    linear-gradient(180deg, rgba(15, 32, 72, 0.26), rgba(4, 13, 37, 0.12));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 0 48px rgba(47, 97, 211, 0.07),
    0 0 42px rgba(43, 92, 210, 0.08);
}

.audit-section .audit-feature-cradle::before{
  content:"";
  position:absolute;
  inset:11px;
  border:1px solid rgba(147, 187, 251, 0.07);
  clip-path:inherit;
}

.audit-section .audit-feature-cradle::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:-9px;
  height:22px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(71, 132, 255, 0.28), transparent 70%);
  filter:blur(6px);
}

.audit-section .audit-feature-ring--outer{
  width:470px;
  height:470px;
  left:50%;
  top:58px;
  border-color:rgba(88, 139, 248, 0.22);
  box-shadow:
    0 0 45px rgba(55, 103, 224, 0.06),
    inset 0 0 45px rgba(55, 103, 224, 0.04);
}

.audit-section .audit-feature-ring--inner{
  width:250px;
  height:250px;
  top:167px;
  border-color:rgba(169, 202, 255, 0.16);
  box-shadow:0 0 0 16px rgba(89, 137, 237, 0.018);
}

.audit-section .audit-feature-axis--horizontal{
  left:9%;
  right:9%;
  bottom:auto;
  top:51%;
  background:linear-gradient(90deg, transparent, rgba(160, 195, 255, 0.17) 22%, rgba(160, 195, 255, 0.17) 78%, transparent);
}

.audit-section .audit-feature-axis--vertical{
  top:10%;
  bottom:8%;
  left:50%;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(160, 195, 255, 0.13) 20%, rgba(160, 195, 255, 0.13) 80%, transparent);
}

.audit-section .audit-feature-core{
  left:calc(50% - 4px);
  bottom:auto;
  top:calc(51% - 4px);
  width:8px;
  height:8px;
  background:rgba(199, 224, 255, 0.82);
  box-shadow:
    0 0 0 7px rgba(105, 159, 255, 0.08),
    0 0 28px rgba(105, 159, 255, 0.48);
}

.audit-section .audit-feature-cover{
  display:block;
  z-index:4;
  left:50%;
  bottom:34px;
  width:min(320px, 70%);
  height:auto;
  aspect-ratio:2 / 3;
  object-fit:contain;
  filter:
    drop-shadow(0 30px 32px rgba(0, 5, 18, 0.62))
    drop-shadow(0 0 18px rgba(72, 124, 235, 0.08));
}

.audit-section .audit-feature-floor{
  bottom:10px;
  width:72%;
  height:70px;
  background:radial-gradient(circle at center, rgba(74, 130, 255, 0.36), rgba(65, 112, 224, 0.09) 34%, transparent 72%);
  filter:blur(7px);
}

.audit-section .audit-feature-corners{
  inset:18px;
  z-index:5;
  border-radius:15px;
  background:
    linear-gradient(90deg, rgba(152, 192, 255, 0.5) 16px, transparent 16px) top left / 28px 1px no-repeat,
    linear-gradient(rgba(152, 192, 255, 0.5) 16px, transparent 16px) top left / 1px 28px no-repeat,
    linear-gradient(270deg, rgba(152, 192, 255, 0.5) 16px, transparent 16px) top right / 28px 1px no-repeat,
    linear-gradient(180deg, rgba(152, 192, 255, 0.5) 16px, transparent 16px) top right / 1px 28px no-repeat,
    linear-gradient(90deg, rgba(152, 192, 255, 0.34) 16px, transparent 16px) bottom left / 28px 1px no-repeat,
    linear-gradient(0deg, rgba(152, 192, 255, 0.34) 16px, transparent 16px) bottom left / 1px 28px no-repeat,
    linear-gradient(270deg, rgba(152, 192, 255, 0.34) 16px, transparent 16px) bottom right / 28px 1px no-repeat,
    linear-gradient(0deg, rgba(152, 192, 255, 0.34) 16px, transparent 16px) bottom right / 1px 28px no-repeat;
}

.audit-section .audit-feature-chip{
  z-index:7;
  min-width:158px;
  padding:11px 14px;
  border-color:rgba(155, 193, 255, 0.22);
  border-radius:14px;
  background:linear-gradient(145deg, rgba(20, 40, 88, 0.93), rgba(9, 22, 55, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 16px 34px rgba(1, 7, 24, 0.38),
    0 0 24px rgba(54, 108, 232, 0.08);
}

.audit-section .audit-feature-chip::after{
  content:"";
  position:absolute;
  top:50%;
  width:30px;
  height:1px;
  background:linear-gradient(90deg, rgba(132, 181, 255, 0.46), transparent);
}

.audit-section .audit-feature-chip::before{
  content:"";
  position:absolute;
  top:calc(50% - 2px);
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(153, 199, 255, 0.8);
  box-shadow:0 0 0 4px rgba(86, 145, 255, 0.06), 0 0 10px rgba(86, 145, 255, 0.42);
}

.audit-section .audit-feature-chip--left{
  left:-14px;
  top:112px;
}

.audit-section .audit-feature-chip--left::after{
  left:100%;
}

.audit-section .audit-feature-chip--left::before{
  left:calc(100% + 27px);
}

.audit-section .audit-feature-chip--right{
  right:-14px;
  bottom:266px;
}

.audit-section .audit-feature-chip--right::after{
  right:100%;
  transform:rotate(180deg);
}

.audit-section .audit-feature-chip--right::before{
  right:calc(100% + 27px);
}

.audit-section .audit-feature-chip-icon{
  flex-basis:30px;
  width:30px;
  height:30px;
  box-shadow:0 0 14px rgba(60, 125, 255, 0.18);
}

@media (max-width:1040px){
  .audit-section .audit-shell .audit-main{
    grid-template-columns:minmax(0, 1fr) minmax(340px, 0.9fr) !important;
    gap:30px !important;
  }

  .audit-section .audit-feature-stage,
  .audit-section .audit-feature-frame{
    min-height:535px;
  }

  .audit-section .audit-feature-ring--outer{
    width:430px;
    height:430px;
  }
}

@media (max-width:860px){
  .audit-section .audit-shell{
    padding:28px 24px 30px !important;
  }

  .audit-section .audit-shell .audit-main{
    width:100%;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:42px !important;
  }

  .audit-section .audit-shell .audit-main::before,
  .audit-section .audit-shell .audit-main::after{
    display:none;
  }

  .audit-section .audit-copy{
    align-items:flex-start !important;
    width:100%;
    max-width:640px;
    margin-inline:auto;
  }

  .audit-section .audit-title,
  .audit-section .audit-body,
  .audit-section .audit-subtitle,
  .audit-section .audit-list,
  .audit-section .audit-emphasis,
  .audit-section .audit-summary,
  .audit-section .audit-feature-inner{
    max-width:100% !important;
  }

  .audit-section .audit-title,
  .audit-section .audit-body,
  .audit-section .audit-subtitle,
  .audit-section .audit-list{
    text-align:left;
  }

  .audit-section .audit-feature-inner{
    max-width:540px;
  }

  .audit-section .audit-summary{
    margin-top:26px !important;
  }
}

@media (max-width:600px){
  .audit-section .audit-shell{
    padding:20px 13px 22px !important;
    border-radius:24px;
  }

  .audit-section .audit-shell .audit-main{
    gap:30px !important;
  }

  .audit-section .audit-copy{
    padding-inline:6px;
  }

  .audit-section .audit-summary{
    padding-top:16px;
  }

  .audit-section .audit-cta-block,
  .audit-section .audit-cta-block .btn.primary{
    width:100%;
  }

  .audit-section .audit-feature-inner{
    padding:10px;
    border-radius:22px;
  }

  .audit-section .audit-feature-header{
    padding:2px 5px 11px;
  }

  .audit-section .audit-feature-stage,
  .audit-section .audit-feature-frame{
    min-height:400px;
  }

  .audit-section .audit-feature-frame{
    border-radius:17px;
  }

  .audit-section .audit-feature-frame::after,
  .audit-section .audit-feature-corners{
    inset:12px;
  }

  .audit-section .audit-feature-depth-frame{
    inset:20px 17px 17px;
  }

  .audit-section .audit-feature-radar{
    top:34px;
    width:320px;
    height:320px;
  }

  .audit-section .audit-feature-rail{
    display:none;
  }

  .audit-section .audit-feature-cradle{
    bottom:19px;
    width:81%;
    height:87%;
  }

  .audit-section .audit-feature-ring--outer{
    width:330px;
    height:330px;
    top:32px;
  }

  .audit-section .audit-feature-ring--inner{
    width:174px;
    height:174px;
    top:108px;
  }

  .audit-section .audit-feature-cover{
    bottom:22px;
    width:min(231px, 70%);
  }

  .audit-section .audit-feature-chip{
    min-width:0;
    gap:8px;
    padding:9px 10px;
    font-size:11px;
  }

  .audit-section .audit-feature-chip-icon{
    flex-basis:25px;
    width:25px;
    height:25px;
    font-size:14px;
  }

  .audit-section .audit-feature-chip--left{
    left:-3px;
    top:58px;
  }

  .audit-section .audit-feature-chip--right{
    right:-3px;
    bottom:205px;
  }

  .audit-section .audit-feature-chip::after{
    width:14px;
  }

  .audit-section .audit-feature-chip--left::before{
    left:calc(100% + 11px);
  }

  .audit-section .audit-feature-chip--right::before{
    right:calc(100% + 11px);
  }
}

@media (max-width:479px){
  .site-stars .site-star:is(
    .site-star--13
  ){
    display:none;
  }

  .site-stars .site-star.is-flare::before,
  .site-stars .site-star.is-flare::after{
    opacity:0.42;
  }

  .audit-orbit--outer{
    display:none;
  }

  .audit-orbit--middle{ width:390px; height:250px; }
  .audit-orbit--inner{ width:260px; height:170px; }

  .clear-orbit--ring-2{
    display:none;
  }

  .public-breakdowns-cosmos::before,
  .services-star--three,
  .about-card-orbit-core{
    display:none;
  }

  .services-orbit--left span:nth-child(3){
    display:none;
  }

}

/* Persistent site-level motion control. */
.motion-toggle{
  position:fixed;
  right:clamp(12px, 2vw, 24px);
  bottom:max(14px, env(safe-area-inset-bottom));
  z-index:30;
  min-height:44px;
  padding:10px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(174,201,255,0.28);
  border-radius:999px;
  background:linear-gradient(145deg, rgba(11,25,66,0.92), rgba(6,14,40,0.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 14px 34px rgba(1,8,27,0.46);
  color:rgba(234,240,255,0.94);
  font:600 12px/1 var(--font-hero-display, system-ui, sans-serif);
  letter-spacing:0.01em;
  cursor:pointer;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  transition:
    transform var(--motion-interaction-duration) var(--motion-interaction-ease),
    border-color var(--motion-interaction-duration) ease,
    background var(--motion-interaction-duration) ease;
}

.motion-toggle:hover{
  transform:translate3d(0, -2px, 0);
  border-color:rgba(190,215,255,0.48);
}

.motion-toggle:focus-visible{
  outline:2px solid rgba(169,202,255,0.96);
  outline-offset:3px;
}

.motion-toggle__indicator{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#9fc2ff;
  box-shadow:0 0 12px rgba(127,171,255,0.78);
}

.motion-toggle[aria-pressed="false"] .motion-toggle__indicator{
  background:rgba(180,194,222,0.62);
  box-shadow:none;
}

html.capture-mode .motion-toggle{
  display:none !important;
}

@media (max-width:480px){
  .motion-toggle{
    right:max(8px, env(safe-area-inset-right));
    bottom:max(8px, env(safe-area-inset-bottom));
    width:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    gap:0;
    opacity:0.82;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .motion-toggle:hover,
  .motion-toggle:focus-visible{
    opacity:1;
  }

  .motion-toggle [data-motion-toggle-label]{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
  }
}

/* Applied Thinking: exemplar-aligned showcase scale and composition. */
.public-breakdowns-section{
  position:relative;
  padding:92px 0 96px;
  overflow:hidden;
}

.public-breakdowns-section .wrap{
  width:100%;
  max-width:1376px;
  padding-inline:48px;
}

.public-breakdowns-section .public-breakdowns-shell{
  position:relative;
  max-width:1280px;
  min-height:880px;
  margin:0 auto;
  padding:0 !important;
  isolation:isolate;
}

.public-breakdowns-field{
  position:absolute;
  z-index:-1;
  left:0;
  top:-26px;
  width:100%;
  height:auto;
  aspect-ratio:1280 / 880;
  overflow:visible;
  pointer-events:none;
  opacity:0.76;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.public-breakdowns-field-grid path:first-child{
  fill:none;
  stroke:rgba(102, 150, 238, 0.1);
  stroke-width:0.7;
  stroke-dasharray:2 10;
}

.public-breakdowns-field-grid path:last-child{
  fill:none;
  stroke:rgba(86, 132, 220, 0.08);
  stroke-width:0.6;
}

.public-breakdowns-field-grid path:nth-child(3){
  fill:none;
  stroke:rgba(113, 159, 238, 0.17);
  stroke-width:0.75;
  stroke-dasharray:8 6 1 9;
}

.public-breakdowns-field-radar circle{
  fill:none;
  stroke:rgba(83, 132, 220, 0.13);
  stroke-width:0.85;
}

.public-breakdowns-field-radar circle:nth-child(2),
.public-breakdowns-field-radar circle:nth-child(4),
.public-breakdowns-field-radar circle:nth-child(6){
  stroke-opacity:0.62;
}

.public-breakdowns-field-radar .public-breakdowns-field-radar-dotted{
  stroke:rgba(114, 163, 247, 0.18);
  stroke-width:0.8;
  stroke-dasharray:1 7;
}

.public-breakdowns-field-spokes{
  fill:none;
  stroke:rgba(87, 137, 226, 0.095);
  stroke-width:0.7;
}

.public-breakdowns-field-arcs{
  fill:none;
  stroke:rgba(103, 151, 236, 0.16);
  stroke-width:0.9;
  stroke-dasharray:22 10 2 8;
}

.public-breakdowns-field-calibration{
  fill:none;
  stroke:rgba(127, 175, 251, 0.25);
  stroke-width:0.8;
}

.public-breakdowns-field-radar-node{
  fill:url(#breakdowns-field-node) !important;
  stroke:none !important;
  opacity:0.42;
}

.public-breakdowns-field-radar-core{
  fill:#d8e8ff !important;
  stroke:rgba(122, 174, 255, 0.8) !important;
  stroke-width:0.8 !important;
  filter:drop-shadow(0 0 7px rgba(105, 161, 251, 0.7));
}

.public-breakdowns-field-small-node{
  fill:rgba(152, 194, 255, 0.86) !important;
  stroke:rgba(218, 235, 255, 0.42) !important;
  stroke-width:0.5 !important;
}

.public-breakdowns-field-axis path:first-child{
  fill:none;
  stroke:rgba(104, 157, 247, 0.34);
  stroke-width:0.9;
}

.public-breakdowns-field-axis path:nth-child(2){
  fill:none;
  stroke:rgba(142, 187, 255, 0.36);
  stroke-width:0.7;
}

.public-breakdowns-field-axis circle{
  fill:rgba(166, 204, 255, 0.86);
  stroke:rgba(224, 238, 255, 0.52);
  stroke-width:0.5;
  filter:drop-shadow(0 0 5px rgba(105, 162, 252, 0.48));
}

.public-breakdowns-field-stars use{
  fill:rgba(199, 221, 255, 0.54);
  stroke:none;
}

.public-breakdowns-field-stars .public-breakdowns-field-star-medium{
  fill:rgba(224, 237, 255, 0.82);
  filter:drop-shadow(0 0 4px rgba(125, 174, 255, 0.42));
}

.public-breakdowns-field-stars .public-breakdowns-field-cross-star{
  fill:rgba(220, 235, 255, 0.72);
  stroke:rgba(167, 202, 255, 0.48);
  stroke-width:0.45;
  opacity:0.7;
}

.public-breakdowns-section .public-breakdowns-shell::before{
  inset:-90px -70px -36px;
  background:
    radial-gradient(38% 40% at 20% 22%, rgba(49, 94, 193, 0.12), transparent 74%),
    radial-gradient(34% 38% at 79% 23%, rgba(72, 121, 229, 0.12), transparent 76%);
  opacity:0.72 !important;
}

.public-breakdowns-section .public-breakdowns-shell::after{
  content:none;
}

.public-breakdowns-section .public-breakdowns-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 0.94fr) minmax(520px, 1.06fr);
  gap:42px;
  align-items:start;
  min-height:410px;
}

.public-breakdowns-section .public-breakdowns-intro{
  max-width:650px;
  padding-top:4px;
}

.public-breakdowns-section .public-breakdowns-kicker{
  gap:12px;
  line-height:1;
  letter-spacing:0.3em;
  color:rgba(228, 237, 255, 0.88);
}

.public-breakdowns-section .public-breakdowns-kicker-dot{
  width:7px;
  height:7px;
  background:#8bb8ff;
  box-shadow:0 0 0 6px rgba(113, 165, 255, 0.1), 0 0 18px rgba(113, 165, 255, 0.46);
}

.public-breakdowns-section .public-breakdowns-title{
  max-width:none;
  margin:22px 0 0;
  color:#f4eee5;
  text-shadow:0 18px 40px rgba(0, 0, 0, 0.3);
}

.public-breakdowns-section .public-breakdowns-title-rule{
  position:relative;
  z-index:2;
  width:calc(205% + 28px);
  max-width:none;
  height:14px;
  margin-top:24px;
}

.public-breakdowns-section .public-breakdowns-title-rule::before{
  content:none;
}

.public-breakdowns-section .public-breakdowns-title-rule::after{
  content:none;
}

.public-breakdowns-section .public-breakdowns-title-rule span{
  display:none;
}

.public-breakdowns-section .public-breakdowns-copy{
  max-width:620px;
  margin:18px 0 0;
  letter-spacing:-0.012em;
  color:rgba(222, 230, 245, 0.84);
}

.public-breakdowns-section .public-breakdowns-title-rule + .public-breakdowns-copy{
  margin-top:20px;
}


.public-breakdowns-section .public-breakdowns-cosmos{
  width:min(100%, 460px);
  min-height:0;
  aspect-ratio:1 / 1;
  margin-top:-50px;
  justify-self:center;
  align-self:start;
  overflow:visible;
  transform:translateX(28px);
}

.public-breakdowns-section .public-breakdowns-cosmos::before{
  inset:17%;
  background:radial-gradient(circle, rgba(82, 137, 255, 0.13), rgba(82, 137, 255, 0.035) 38%, transparent 68%);
  filter:blur(11px);
  opacity:0.74;
}

.public-breakdowns-section .public-breakdowns-cosmos-svg{
  width:100%;
  height:100%;
  aspect-ratio:1 / 1;
  opacity:0.92;
  filter:drop-shadow(0 0 9px rgba(76, 129, 238, 0.13));
  transform-origin:50% 50%;
  animation:publicBreakdownsCosmosAxisPulse 16s ease-in-out infinite;
}

@keyframes publicBreakdownsCosmosAxisPulse{
  0%, 100%{ transform:scale(1); }
  50%{ transform:scale(1.01); }
}

.public-breakdowns-cosmos-axes path{
  stroke:rgba(91, 142, 233, 0.16);
  stroke-width:0.7;
  stroke-dasharray:2 10;
}

.public-breakdowns-cosmos-rings circle{
  fill:none;
  stroke:rgba(102, 154, 245, 0.24);
  stroke-width:0.9;
}

.public-breakdowns-cosmos-rings circle:nth-child(1),
.public-breakdowns-cosmos-rings circle:nth-child(3),
.public-breakdowns-cosmos-rings circle:nth-child(5){
  stroke:rgba(137, 182, 255, 0.34);
}

.public-breakdowns-cosmos-radial-ticks use{
  stroke:rgba(166, 201, 255, 0.44);
  stroke-width:0.85;
}

.public-breakdowns-cosmos-radial-ticks .public-breakdowns-cosmos-tick-major{
  stroke:rgba(213, 232, 255, 0.72);
  stroke-width:1.1;
}

.public-breakdowns-cosmos-partial-arcs path{
  fill:none;
  stroke:rgba(104, 155, 244, 0.26);
  stroke-width:1;
  stroke-dasharray:19 8 2 10;
}

.public-breakdowns-cosmos-orbit--secondary ellipse{
  stroke:rgba(103, 154, 244, 0.2);
  stroke-width:1;
  stroke-dasharray:2 7;
}

.public-breakdowns-cosmos-node{
  fill:#a8ccff;
  stroke:rgba(226, 239, 255, 0.72);
  stroke-width:0.7;
  filter:drop-shadow(0 0 4px rgba(105, 164, 255, 0.56));
}

.public-breakdowns-cosmos-node--major{
  fill:#b9d7ff;
  filter:drop-shadow(0 0 6px rgba(105, 164, 255, 0.62));
}

.public-breakdowns-cosmos-node--outline{
  fill:rgba(7, 20, 50, 0.9);
  stroke:rgba(137, 184, 255, 0.72);
  stroke-width:1.1;
  filter:none;
}

.public-breakdowns-cosmos-core path{
  fill:none;
  stroke:rgba(241, 247, 255, 0.28);
  stroke-width:0.65;
}

.public-breakdowns-section .public-breakdowns-showcase{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:28px;
  margin-top:4px;
  align-items:stretch;
}

.public-breakdowns-section .public-breakdowns-panel{
  min-height:510px;
  padding:26px 26px 20px;
  border-radius:22px;
  border:1px solid rgba(125, 171, 255, 0.34);
  background:
    radial-gradient(72% 58% at 4% -4%, rgba(129, 161, 232, 0.27), transparent 56%),
    radial-gradient(65% 55% at 100% 100%, rgba(15, 39, 92, 0.2), transparent 66%),
    linear-gradient(142deg, rgba(17, 38, 84, 0.98), rgba(7, 21, 52, 0.985) 58%, rgba(3, 12, 31, 0.995));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.19),
    inset 0 0 0 1px rgba(113, 158, 241, 0.045),
    inset 18px 0 46px rgba(97, 134, 216, 0.055),
    0 24px 58px rgba(0, 5, 20, 0.34),
    0 0 24px rgba(50, 93, 188, 0.055);
}

.public-breakdowns-section .public-breakdowns-panel::before{
  inset:1px;
  border:1px solid rgba(161, 194, 255, 0.055);
  background:linear-gradient(132deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.018) 20%, transparent 39%, rgba(117, 162, 255, 0.04) 74%, transparent);
}

.public-breakdowns-section .public-breakdowns-panel::after{
  bottom:-9px;
  width:52px;
  height:18px;
}

.public-breakdowns-section .public-breakdowns-panel-head{
  grid-template-columns:72px 82px minmax(0, 1fr);
  gap:16px;
  min-height:132px;
}

@media (min-width:1101px){
  .public-breakdowns-section .public-breakdowns-panel-head{
    height:134px;
    min-height:134px;
  }
}

.public-breakdowns-section .public-breakdowns-panel-step{
  padding:11px 18px 0 2px;
  border-right:1px solid rgba(151, 189, 255, 0.16);
  line-height:1;
  color:#77a9ff;
}

.public-breakdowns-section .public-breakdowns-panel-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  aspect-ratio:1 / 1;
  border-radius:50%;
  overflow:hidden;
  flex:none;
  border-color:rgba(133, 180, 255, 0.42);
  background:radial-gradient(circle at 50% 34%, rgba(96, 145, 255, 0.22), rgba(37, 68, 141, 0.08) 42%, rgba(5, 14, 36, 0.96) 76%);
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 24px rgba(71, 126, 239, 0.15);
}

.public-breakdowns-section .public-breakdowns-panel-icon::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(121, 169, 255, 0.16);
  background:radial-gradient(circle, rgba(67, 111, 207, 0.08), transparent 68%);
}

.public-breakdowns-section .public-breakdowns-panel-icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:28px;
  height:28px;
  border-radius:50%;
  transform:translate(-50%, -50%);
  background:radial-gradient(circle, rgba(91, 148, 255, 0.14), transparent 72%);
  filter:blur(4px);
}

.public-breakdowns-section .public-breakdowns-panel-icon-svg{
  position:relative;
  z-index:3;
  display:block;
  width:30px;
  height:30px;
  overflow:visible;
  color:#dceaff;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(113, 169, 255, 0.45));
}

.public-breakdowns-section .public-breakdowns-panel-icon--teardown .public-breakdowns-panel-icon-svg path:first-of-type{
  fill:rgba(208, 229, 255, 0.14);
}

.public-breakdowns-section .public-breakdowns-panel-copy{
  padding-top:4px;
}

.public-breakdowns-section .public-breakdowns-panel-title{
  color:#f4eee5;
}

.public-breakdowns-section .public-breakdowns-panel-text{
  max-width:31ch;
  margin-top:9px;
  color:rgba(220, 229, 246, 0.84);
}

.public-breakdowns-section .public-breakdowns-placeholder{
  position:relative;
  z-index:1;
  height:252px;
  min-height:252px;
  margin-top:18px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(118, 164, 250, 0.3);
  background:linear-gradient(180deg, rgba(8, 20, 49, 0.96), rgba(2, 8, 22, 0.995));
  box-shadow:inset 0 1px 0 rgba(194, 217, 255, 0.08), inset 0 0 0 1px rgba(74, 117, 205, 0.035), inset 0 -24px 42px rgba(0, 4, 15, 0.16), 0 16px 32px rgba(1, 6, 20, 0.19);
}

.public-breakdowns-section .public-breakdowns-placeholder--framework{
  display:block;
  padding:0;
  background:linear-gradient(180deg, rgba(6, 16, 40, 0.96), rgba(2, 8, 21, 0.99));
}

/* Applied Thinking media is rendered from the matching data collection in main.js. */
.applied-thinking-carousel{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
}

.applied-thinking-carousel__toolbar{
  height:24px;
  padding:9px 11px 0;
  display:flex;
  gap:6px;
  border-bottom:1px solid rgba(122, 165, 248, 0.14);
  background:linear-gradient(180deg, rgba(85, 121, 203, 0.09), transparent);
}

.applied-thinking-carousel__toolbar span{
  width:5px;
  height:5px;
  flex:none;
  border-radius:50%;
  background:rgba(170, 196, 239, 0.48);
}

.applied-thinking-carousel__slide{
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
}

.applied-thinking-carousel--with-toolbar .applied-thinking-carousel__slide{
  height:calc(100% - 24px);
}

.applied-thinking-carousel__media{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  margin:12px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(115, 153, 221, 0.08);
  border-radius:10px;
  background:#020712;
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.applied-thinking-carousel__slide--with-footer .applied-thinking-carousel__media{
  margin-bottom:0;
}

.applied-thinking-carousel__image,
.applied-thinking-carousel__preview{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}

.applied-thinking-carousel__image{
  object-fit:contain;
  background:#020712;
}

.applied-thinking-carousel__preview{
  position:relative;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  overflow:hidden;
}

.applied-thinking-carousel__preview::after{
  content:"Open post";
  position:absolute;
  right:10px;
  bottom:9px;
  padding:5px 8px;
  border:1px solid rgba(170, 202, 255, 0.24);
  border-radius:999px;
  background:rgba(3, 11, 30, 0.78);
  color:rgba(232, 240, 255, 0.9);
  font-size:10px;
  font-weight:600;
  letter-spacing:0.02em;
  pointer-events:none;
  transition:background 180ms ease, border-color 180ms ease;
}

.applied-thinking-carousel__preview:hover::after{
  border-color:rgba(170, 202, 255, 0.44);
  background:rgba(11, 29, 68, 0.92);
}

.applied-thinking-carousel__play{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}

.applied-thinking-carousel__play span{
  width:52px;
  height:52px;
  padding-left:3px;
  display:grid;
  place-items:center;
  border:1px solid rgba(194, 216, 255, 0.46);
  border-radius:50%;
  background:rgba(5, 17, 43, 0.84);
  color:#f4f7ff;
  font-size:16px;
  box-shadow:0 12px 34px rgba(0, 0, 0, 0.38);
  transition:transform 180ms ease, background 180ms ease;
}

.applied-thinking-carousel__preview:hover .applied-thinking-carousel__play span{
  transform:scale(1.05);
  background:rgba(17, 43, 92, 0.94);
}

.applied-thinking-carousel__preview:focus-visible,
.applied-thinking-carousel__control:focus-visible,
.applied-thinking-lightbox__close:focus-visible,
.applied-thinking-lightbox__control:focus-visible,
.applied-thinking-lightbox__link:focus-visible{
  outline:2px solid rgba(178, 209, 255, 0.96);
  outline-offset:-3px;
}

.applied-thinking-carousel__footer{
  min-width:0;
  padding:8px 12px 11px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

.applied-thinking-carousel__details{
  min-width:0;
  color:rgba(223, 233, 250, 0.84);
}

.applied-thinking-carousel__title{
  margin:0;
  font-family:var(--font-hero-display);
  font-size:13px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:-0.01em;
  color:rgba(241, 245, 255, 0.94);
}


.applied-thinking-carousel__link{
  display:inline-flex;
  margin-top:5px;
  font-size:11.5px;
  font-weight:600;
  color:#9dc2ff;
  text-decoration:none;
}

.applied-thinking-carousel__link:hover{
  color:#dceaff;
}

.applied-thinking-carousel__navigation{
  flex:none;
  display:flex;
  align-items:center;
  gap:7px;
}

.applied-thinking-carousel__control{
  width:28px;
  height:28px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(126, 172, 255, 0.28);
  border-radius:50%;
  background:rgba(12, 29, 67, 0.84);
  color:rgba(229, 238, 255, 0.92);
  font:600 14px/1 var(--font-hero-display);
  cursor:pointer;
}

.applied-thinking-carousel__control:hover{
  border-color:rgba(159, 195, 255, 0.52);
  background:rgba(24, 49, 103, 0.92);
}

.applied-thinking-carousel__counter{
  min-width:30px;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.04em;
  text-align:center;
  color:rgba(193, 211, 242, 0.7);
}

body.applied-thinking-lightbox-open{
  overflow:hidden;
}

.applied-thinking-lightbox{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:clamp(16px, 3vw, 36px);
}

.applied-thinking-lightbox[hidden]{
  display:none;
}

.applied-thinking-lightbox__backdrop{
  position:absolute;
  inset:0;
  background:rgba(1, 5, 17, 0.82);
  -webkit-backdrop-filter:blur(14px) saturate(0.82);
  backdrop-filter:blur(14px) saturate(0.82);
}

.applied-thinking-lightbox__panel{
  position:relative;
  width:min(1080px, 94vw);
  max-height:90vh;
  max-height:90dvh;
  overflow:hidden;
  border:1px solid rgba(152, 190, 255, 0.24);
  border-radius:18px;
  background:linear-gradient(145deg, rgba(10, 24, 57, 0.98), rgba(2, 8, 22, 0.99));
  box-shadow:0 30px 90px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.applied-thinking-lightbox__panel:focus{
  outline:none;
}

.applied-thinking-lightbox__scroll{
  width:100%;
  max-height:90vh;
  max-height:90dvh;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.applied-thinking-lightbox__stage{
  position:relative;
  background:#010611;
  border-bottom:1px solid rgba(137, 176, 245, 0.16);
}

.applied-thinking-lightbox__media{
  min-height:220px;
  display:grid;
  place-items:center;
  background:#010611;
}

.applied-thinking-lightbox__image{
  display:block;
  width:100%;
  max-width:100%;
  max-height:62vh;
  max-height:62dvh;
  height:auto;
  object-fit:contain;
  background:#010611;
}

.applied-thinking-lightbox__navigation{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}

.applied-thinking-lightbox__navigation[hidden]{
  display:none;
}

.applied-thinking-lightbox__control{
  position:absolute;
  top:50%;
  width:42px;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(151, 190, 255, 0.3);
  border-radius:50%;
  background:rgba(7, 20, 48, 0.72);
  color:#eef4ff;
  font:600 17px/1 var(--font-hero-display);
  cursor:pointer;
  pointer-events:auto;
  transform:translateY(-50%);
  -webkit-backdrop-filter:blur(10px) saturate(0.9);
  backdrop-filter:blur(10px) saturate(0.9);
  box-shadow:0 10px 28px rgba(0, 0, 0, 0.34);
  transition:border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.applied-thinking-lightbox__control:first-child{
  left:14px;
}

.applied-thinking-lightbox__control:last-child{
  right:14px;
}

.applied-thinking-lightbox__control:hover{
  border-color:rgba(177, 207, 255, 0.54);
  background:rgba(20, 48, 101, 0.9);
  box-shadow:0 12px 32px rgba(0, 0, 0, 0.4);
}

.applied-thinking-lightbox__counter{
  position:absolute;
  top:12px;
  left:50%;
  min-width:42px;
  padding:5px 8px;
  border:1px solid rgba(151, 190, 255, 0.18);
  border-radius:999px;
  background:rgba(5, 16, 39, 0.66);
  color:rgba(207, 221, 245, 0.76);
  font-size:11px;
  font-weight:600;
  letter-spacing:0.04em;
  text-align:center;
  transform:translateX(-50%);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.applied-thinking-lightbox__context{
  min-height:76px;
  padding:18px 56px 20px 22px;
  border-top:1px solid rgba(255, 255, 255, 0.025);
  background:linear-gradient(180deg, rgba(11, 26, 58, 0.92), rgba(6, 16, 39, 0.96));
}

.applied-thinking-lightbox__context--empty{
  min-height:64px;
}

.applied-thinking-lightbox__title{
  margin:0;
  color:#f2f6ff;
  font-family:var(--font-hero-display);
  font-size:clamp(18px, 2vw, 23px);
  line-height:1.25;
  letter-spacing:-0.025em;
}

.applied-thinking-lightbox__description{
  max-width:74ch;
  margin:8px 0 0;
  color:rgba(214, 225, 245, 0.82);
  font-size:14px;
  line-height:1.55;
  white-space:pre-line;
}

.applied-thinking-lightbox__link{
  display:inline-flex;
  margin-top:12px;
  color:#a8c9ff;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
}

.applied-thinking-lightbox__link:hover{
  color:#e1edff;
}

.applied-thinking-lightbox__close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:1;
  width:36px;
  height:36px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(171, 204, 255, 0.34);
  border-radius:50%;
  background:rgba(4, 13, 34, 0.88);
  color:#f2f6ff;
  font:400 24px/1 Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);
  transition:border-color 180ms ease, background 180ms ease;
}

.applied-thinking-lightbox__close:hover{
  border-color:rgba(194, 217, 255, 0.58);
  background:rgba(18, 40, 84, 0.96);
}

@media (max-width:700px){
  .applied-thinking-carousel__media{
    margin:9px;
  }

  .applied-thinking-carousel__slide--with-footer .applied-thinking-carousel__media{
    margin-bottom:0;
  }

  .applied-thinking-carousel__footer{
    padding:9px 9px 10px;
    gap:10px;
    align-items:center;
  }

  .applied-thinking-carousel__details{
    flex:1 1 auto;
  }

  .applied-thinking-carousel__navigation{
    gap:4px;
  }

  .applied-thinking-carousel__control{
    width:42px;
    height:42px;
  }

  .applied-thinking-lightbox{
    padding:
      max(10px, env(safe-area-inset-top))
      max(10px, env(safe-area-inset-right))
      max(10px, env(safe-area-inset-bottom))
      max(10px, env(safe-area-inset-left));
  }

.applied-thinking-lightbox__panel{
    width:100%;
    max-height:calc(100vh - max(20px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))));
    max-height:calc(100dvh - max(20px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))));
    border-radius:14px;
  }

.applied-thinking-lightbox__scroll{
    max-height:calc(100vh - max(20px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))));
    max-height:calc(100dvh - max(20px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))));
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:auto;
  }

  .applied-thinking-lightbox__media{
    min-height:180px;
  }

  .applied-thinking-lightbox__image{
    max-height:56vh;
    max-height:56dvh;
  }

  .applied-thinking-lightbox__control{
    width:42px;
    height:42px;
  }

  .applied-thinking-lightbox__close{
    width:44px;
    height:44px;
    top:max(8px, env(safe-area-inset-top));
    right:max(8px, env(safe-area-inset-right));
  }

  .applied-thinking-lightbox__control:first-child{
    left:8px;
  }

  .applied-thinking-lightbox__control:last-child{
    right:8px;
  }

  .applied-thinking-lightbox__counter{
    top:8px;
  }

  .applied-thinking-lightbox__context{
    min-height:72px;
    padding:18px 16px 24px;
  }
}


/* Mobile proportional scale system: preserve hierarchy at a denser phone fit. */
@media (max-width:600px){





  .clear-section .clear-cards,
  .services-section .services-grid,
  .case-section .case-grid,
  .contact-section .contact-actions{
    gap:14px;
  }

  .clear-section .clear-card{
    padding:14px;
  }

  .services-section .service-card{
    padding:13px 13px 14px;
  }

  .services-section .service-cover{
    width:min(207px, 80%);
    margin:0 auto 12px;
  }

  .services-section .service-card-body{
    gap:8px;
  }

  .case-section .case-card{
    padding:14px 13px;
    min-width:0;
    max-width:100%;
  }

  .case-section .case-ppp-row,
  .case-section .case-ppp-row:first-child{
    padding:12px;
  }

  .about-section .about-photo{
    max-width:276px;
  }

  .about-section .about-card{
    padding:30px 18px 20px;
  }

  .about-section .about-list li,
  .about-section .about-list li:first-child{
    padding:12px 0;
  }





  main > .page-section:not(.hero) .btn{
    min-height:44px;
    padding:11px 16px;
  }

}

@media (max-width:480px){
  .applied-thinking-carousel__toolbar{
    display:none;
  }

  .applied-thinking-carousel--with-toolbar .applied-thinking-carousel__slide{
    height:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .applied-thinking-carousel__preview::after,
  .applied-thinking-carousel__play span,
  .applied-thinking-lightbox__close,
  .applied-thinking-lightbox__control{
    transition:none;
  }
}

.public-breakdowns-section .public-breakdowns-panel-tags{
  gap:9px;
  margin-top:14px;
}

.public-breakdowns-section .public-breakdowns-panel-tags span{
  gap:9px;
  min-height:28px;
  padding:6px 13px 6px 11px;
  border:1px solid rgba(115, 161, 250, 0.28);
  background:rgba(13, 31, 72, 0.68);
  font-size:11.5px;
  font-weight:600;
  color:rgba(226, 235, 250, 0.88);
}

.public-breakdowns-section .public-breakdowns-panel-tags span::before{
  width:5px;
  height:5px;
  background:#87b5ff;
  box-shadow:0 0 9px rgba(111, 168, 255, 0.52);
}


.public-breakdowns-section .public-breakdowns-bottom-link{
  font-size:16px;
  font-weight:600;
  color:rgba(220, 230, 247, 0.84);
}

.public-breakdowns-section .public-breakdowns-bottom-link::before{
  width:230px;
  background:linear-gradient(90deg, rgba(104, 158, 251, 0.42), rgba(104, 158, 251, 0.16) 55%, transparent);
}

@media (max-width:1100px){
  .public-breakdowns-section{
    padding-block:82px 88px;
  }

  .public-breakdowns-section .wrap{
    padding-inline:34px;
  }

  .public-breakdowns-section .public-breakdowns-layout{
    grid-template-columns:minmax(0, 0.95fr) minmax(380px, 1.05fr);
    gap:24px;
    min-height:378px;
  }


  .public-breakdowns-section .public-breakdowns-title-rule{
    width:calc(205% + 18px);
  }

  .public-breakdowns-section .public-breakdowns-cosmos{
    width:min(100%, 430px);
    min-height:0;
    aspect-ratio:1 / 1;
    margin-top:-34px;
    transform:translateX(12px);
  }

  .public-breakdowns-section .public-breakdowns-showcase{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:20px;
  }

  .public-breakdowns-section .public-breakdowns-panel{
    padding-inline:22px;
  }

  .public-breakdowns-section .public-breakdowns-panel-head{
    grid-template-columns:58px 68px minmax(0, 1fr);
    gap:13px;
  }

  .public-breakdowns-section .public-breakdowns-panel-icon{
    width:64px;
    height:64px;
  }

}

@media (max-width:900px){
  .public-breakdowns-section .public-breakdowns-shell{
    min-height:0;
  }

  .public-breakdowns-section .public-breakdowns-layout{
    grid-template-columns:1fr;
    gap:22px;
  }

  .public-breakdowns-section .public-breakdowns-intro{
    max-width:680px;
  }

  .public-breakdowns-section .public-breakdowns-title-rule{
    width:100%;
  }

  .public-breakdowns-section .public-breakdowns-cosmos{
    width:min(100%, 440px);
    min-height:0;
    aspect-ratio:1 / 1;
    margin-top:-16px;
    justify-self:center;
    transform:none;
  }

  .public-breakdowns-section .public-breakdowns-showcase{
    grid-template-columns:1fr;
    max-width:720px;
    margin:10px auto 0;
  }

  .public-breakdowns-section .public-breakdowns-panel{
    min-height:510px;
  }

  .public-breakdowns-section .public-breakdowns-bottom{
    max-width:720px;
    margin-inline:auto;
  }
}

@media (max-width:700px){
  .public-breakdowns-section{
    padding-block:60px 64px;
  }

  .public-breakdowns-section .wrap{
    padding-inline:18px;
  }

  .public-breakdowns-section .public-breakdowns-shell{
    min-height:0;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  .public-breakdowns-section .public-breakdowns-shell::before,
  .public-breakdowns-section .public-breakdowns-shell::after{
    content:none !important;
    display:none !important;
  }

  .public-breakdowns-section .public-breakdowns-field{
    left:50%;
    top:108px;
    width:132%;
    max-width:520px;
    opacity:0.48;
    transform:translateX(-50%);
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  }

  .public-breakdowns-section .public-breakdowns-layout{
    grid-template-columns:minmax(0, 1fr);
    gap:12px;
    min-height:0;
  }

  .public-breakdowns-section .public-breakdowns-intro{
    max-width:none;
    padding-top:0;
  }

  .public-breakdowns-section .public-breakdowns-kicker{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0;
    gap:9px;
    padding:0;
    line-height:1;
    letter-spacing:0.24em;
  }

  .public-breakdowns-section .public-breakdowns-kicker-dot{
    display:inline-block;
    flex:0 0 8px;
    width:8px;
    height:8px;
    border-radius:50%;
    opacity:1;
    background:#8bb8ff;
    box-shadow:0 0 0 5px rgba(113, 165, 255, 0.12), 0 0 16px rgba(126, 183, 255, 0.66);
  }

  .public-breakdowns-field{
    opacity:0.34;
  }

  .public-breakdowns-field-radar circle:nth-child(n + 5),
  .public-breakdowns-field-stars use:nth-child(n + 15),
  .public-breakdowns-field-grid path:last-child,
  .public-breakdowns-field-arcs{
    display:none;
  }

  .public-breakdowns-section .public-breakdowns-title{
    max-width:8ch;
    margin-top:16px;
    line-height:0.94;
  }

  .public-breakdowns-section .public-breakdowns-title-rule{
    width:100%;
    height:10px;
    margin-top:12px;
  }

  .public-breakdowns-section .public-breakdowns-copy,
  .public-breakdowns-section .public-breakdowns-title-rule + .public-breakdowns-copy{
    max-width:35ch;
    margin-top:14px;
  }

  .public-breakdowns-section .public-breakdowns-cosmos{
    width:min(100%, 330px);
    min-height:0;
    aspect-ratio:1 / 1;
    margin:0 auto -16px;
    justify-self:center;
    transform:none;
  }

  .public-breakdowns-section .public-breakdowns-showcase{
    grid-template-columns:minmax(0, 1fr);
    gap:16px;
    margin:14px auto 0;
  }

  .public-breakdowns-section .public-breakdowns-panel{
    min-height:0;
    padding:16px 14px 14px;
    border-radius:18px;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    min-width:0;
    max-width:100%;
    overflow:hidden;
  }

  .public-breakdowns-section .public-breakdowns-panel-head{
    grid-template-columns:42px 54px minmax(0, 1fr);
    gap:10px;
    min-height:0;
    align-items:start;
    display:grid;
    min-width:0;
  }

  .public-breakdowns-section .public-breakdowns-panel-step{
    padding:4px 8px 0 0;
  }

  .public-breakdowns-section .public-breakdowns-panel-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    aspect-ratio:1 / 1;
    border-radius:50%;
    overflow:hidden;
    isolation:isolate;
  }

  .public-breakdowns-section .public-breakdowns-panel-icon-svg{
    width:25px;
    height:25px;
  }

  .public-breakdowns-section .public-breakdowns-panel-copy{
    padding-top:0;
    min-width:0;
    overflow-wrap:anywhere;
  }

  .public-breakdowns-section .public-breakdowns-panel-title{
    margin:0;
  }

  .public-breakdowns-section .public-breakdowns-panel-text{
    max-width:none;
    margin-top:8px;
    margin-bottom:0;
  }

  .public-breakdowns-section .public-breakdowns-placeholder{
    height:clamp(190px, 55vw, 214px);
    min-height:190px;
    margin-top:12px;
    border-radius:14px;
  }

  .public-breakdowns-section .public-breakdowns-placeholder--framework{
    height:auto;
    min-height:0;
  }

  .public-breakdowns-placeholder--framework .applied-thinking-carousel,
  .public-breakdowns-placeholder--framework .applied-thinking-carousel__slide{
    height:auto;
  }

  .public-breakdowns-placeholder--framework .applied-thinking-carousel__media{
    flex:none;
    min-height:0;
  }

  .public-breakdowns-placeholder--framework .applied-thinking-carousel__preview,
  .public-breakdowns-placeholder--framework .applied-thinking-carousel__image{
    height:auto;
  }

  .public-breakdowns-section .public-breakdowns-panel-tags{
    gap:7px;
    margin-top:12px;
    display:flex;
    flex-wrap:wrap;
    min-width:0;
  }

  .public-breakdowns-section .public-breakdowns-panel-tags span{
    flex:1 1 0;
    justify-content:center;
    text-align:center;
    min-height:30px;
    padding:6px 11px;
    font-size:12px;
    line-height:1.25;
    display:inline-flex;
    align-items:center;
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

@media (max-width:480px){
  .public-breakdowns-section .public-breakdowns-panel-head{
    grid-template-columns:30px 46px minmax(0, 1fr);
    gap:8px;
  }

  .public-breakdowns-section .public-breakdowns-panel-icon{
    width:46px;
    height:46px;
  }

  .public-breakdowns-section .public-breakdowns-panel-icon-svg{
    width:23px;
    height:23px;
  }

  .public-breakdowns-section .public-breakdowns-placeholder{
    height:clamp(186px, 55vw, 206px);
    min-height:186px;
  }

  .public-breakdowns-section .public-breakdowns-placeholder--framework{
    height:auto;
    min-height:0;
  }
}

/* Visitors can turn motion off explicitly; motion is on by default. */
html.motion-disabled{
    scroll-behavior:auto !important;
  }

html.motion-disabled *,
html.motion-disabled *::before,
html.motion-disabled *::after{
    animation-duration:0.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.001ms !important;
    transition-delay:0s !important;
  }

html.motion-disabled .site-stars::before,
html.motion-disabled .site-stars::after,
html.motion-disabled .site-stars .site-star,
html.motion-disabled .site-stars .site-star::before,
html.motion-disabled .site-stars .site-star::after,
html.motion-disabled .hero-ctas::after,
html.motion-disabled .about-photo::after,
html.motion-disabled .public-breakdowns-cosmos-svg,
html.motion-disabled .services-atmosphere,
html.motion-disabled .case-atmosphere,
html.motion-disabled .about-card-orbit,
html.motion-disabled .repeat-decay,
html.motion-disabled .repeat-decay *,
html.motion-disabled .repeat-decay *::before,
html.motion-disabled .repeat-decay *::after{
    animation:none !important;
  }

html.motion-disabled .reveal,
html.motion-disabled .reveal-item,
html.motion-disabled .reveal-inner{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

html.motion-disabled .repeat-section.reveal :is(.repeat-title, .repeat-sub, .repeat-panel),
html.motion-disabled .clear-section.reveal :is(.clear-title, .clear-title-divider, .clear-sub, .clear-bottom){
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

html.motion-disabled .hero-background-layer .galaxy-bridge-section,
html.motion-disabled .header-inner,
html.motion-disabled .btn,
html.motion-disabled .nav-links a,
html.motion-disabled .public-breakdowns-bottom-link,
html.motion-disabled .public-breakdowns-panel,
html.motion-disabled .service-card,
html.motion-disabled .case-card,
html.motion-disabled .case-card .case-expanded,
html.motion-disabled .clear-card,
html.motion-disabled .clear-card-details,
html.motion-disabled .clear-card-details-inner,
html.motion-disabled .contact-card,
html.motion-disabled .about-card,
html.motion-disabled .about-photo img,
html.motion-disabled .trust-visual img,
html.motion-disabled .contact-icon,
html.motion-disabled .wireframe-overlay__panel,
html.motion-disabled .wireframe-overlay__close{
    transition:none !important;
  }

html.motion-disabled .btn:hover,
html.motion-disabled .btn:focus-visible,
html.motion-disabled .public-breakdowns-bottom-link:hover,
html.motion-disabled .public-breakdowns-bottom-link:focus-visible,
html.motion-disabled .service-card:hover,
html.motion-disabled .service-card:focus-within,
html.motion-disabled .case-card:hover,
html.motion-disabled .case-card:focus-within,
html.motion-disabled .contact-card:hover,
html.motion-disabled .contact-card:focus-within,
html.motion-disabled .about-card:hover,
html.motion-disabled .about-card:focus-within,
html.motion-disabled .header-inner:hover{
    transform:none !important;
}

/* Hero positioning label */
.hero .wrap > .hero-kicker{
  position:relative;
  z-index:3;
}

.hero-kicker{
  margin:0 0 18px;
  font-family:var(--font-hero-display);
  font-size:clamp(12px, 1vw, 14px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:rgba(184, 207, 255, 0.9);
  text-shadow:0 8px 22px rgba(1, 8, 27, 0.3);
}

@media (min-width:901px){
  .hero .wrap > .hero-kicker{
    top:-24px;
  }
}

@media (min-width:601px) and (max-width:900px){
  .hero .wrap > .hero-kicker{
    top:-14px;
  }
}

/* Role-based type refinement for the Audit spotlight copy. */
.audit-section .audit-title{
  width:100%;
  max-width:590px;
  font-family:var(--font-hero-headline);
  font-size:var(--type-role-section-heading-size);
  font-weight:700;
  line-height:var(--type-role-section-heading-leading);
  letter-spacing:-0.035em;
  text-wrap:balance;
}

.audit-section .audit-body,
.audit-section .audit-list,
.audit-section .audit-emphasis{
  width:100%;
  max-width:590px;
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.audit-section .audit-body{
  margin:18px 0 4px;
  color:rgba(224, 232, 248, 0.86);
}

.audit-section .audit-subtitle{
  width:100%;
  max-width:590px;
  margin:22px 0 8px;
  font-size:var(--type-role-body-size);
  font-weight:700;
  line-height:1.45;
  color:rgba(241, 245, 255, 0.96);
}

.audit-section .audit-list{
  margin:0;
  padding-left:1.25em;
  color:rgba(216, 226, 246, 0.88);
}

.audit-section .audit-list li + li{
  margin-top:5px;
}

.audit-section .audit-emphasis{
  margin:22px 0 0;
  color:rgba(241, 245, 255, 0.96);
  letter-spacing:-0.015em;
}

@media (max-width:768px){
  .audit-section .audit-title,
  .audit-section .audit-body,
  .audit-section .audit-subtitle,
  .audit-section .audit-list,
  .audit-section .audit-emphasis{
    max-width:590px;
  }

  .audit-section .audit-body,
  .audit-section .audit-subtitle,
  .audit-section .audit-emphasis{
    text-align:left;
  }

  .audit-section .audit-emphasis{
    margin-bottom:8px;
  }
}

/* Role-based typography for the C.L.E.A.R. Framework. */
.clear-section .clear-title{
  font-family:var(--font-hero-headline);
  font-size:var(--type-role-h2-size);
  font-weight:700;
  line-height:var(--type-role-h2-leading);
  letter-spacing:-0.05em;
  text-wrap:balance;
}

.clear-section .clear-sub,
.clear-section .clear-card-text,
.clear-section .clear-card-details p,
.clear-section .clear-card-details ul{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.clear-section .clear-card-title{
  font-family:var(--font-hero-display);
  font-size:var(--type-role-card-title-size);
  font-weight:700;
  line-height:var(--type-role-card-title-leading);
  letter-spacing:-0.035em;
}

.clear-section .clear-card-details p.emphasis{
  font-style:normal;
}

.clear-section .clear-card-details p.lead{
  font-weight:700;
}

/* Role-based typography for Applied Thinking proof. */
.public-breakdowns-section .public-breakdowns-title{
  font-family:var(--font-hero-headline);
  font-weight:700;
  letter-spacing:-0.05em;
  text-wrap:balance;
}

.public-breakdowns-section .public-breakdowns-copy,
.public-breakdowns-section .public-breakdowns-panel-text{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.public-breakdowns-section .public-breakdowns-copy strong{
  color:rgba(241, 245, 255, 0.96);
  font-weight:700;
}

.public-breakdowns-section .public-breakdowns-panel-title{
  font-family:var(--font-hero-display);
  font-weight:700;
  letter-spacing:-0.035em;
}

.public-breakdowns-section .public-breakdowns-bottom-link::after{
  content:none;
}

/* Structured Engagements V2: shared type roles and clearer selection state. */
.services-section .services-title{
  font-family:var(--font-hero-headline);
  font-size:var(--type-role-h2-size);
  font-weight:700;
  line-height:var(--type-role-h2-leading);
  letter-spacing:-0.05em;
  text-wrap:balance;
}

.services-section .services-subtitle{
  font-size:clamp(1.125rem, calc(1rem + 0.35vw), 1.375rem);
  line-height:1.35;
}

.services-section .services-subtext,
.services-section .service-tagline,
.services-section .services-detail-copy,
.services-section .services-detail-item-copy,
.services-section .services-detail-meta{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.services-section .services-subtext + .services-subtext{
  margin-top:8px;
}

.services-section .services-detail-title{
  font-family:var(--font-hero-display);
  font-size:var(--type-role-card-title-size);
  font-weight:700;
  line-height:var(--type-role-card-title-leading);
  letter-spacing:-0.035em;
}

.services-section .service-card.reveal-item.is-visible:not(.service-card--open){
  opacity:0.72;
  border-color:rgba(149, 187, 255, 0.11) !important;
}

.services-section .service-card.service-card--open{
  background:linear-gradient(180deg, rgba(17, 34, 78, 0.96) 0%, rgba(8, 19, 48, 0.98) 100%) !important;
  border-color:rgba(164, 207, 255, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 0 1px rgba(138, 184, 255, 0.22),
    0 0 30px rgba(96, 148, 255, 0.22),
    0 26px 48px rgba(2, 8, 24, 0.28) !important;
}

.services-section .service-link{
  font-weight:700;
}

.services-section .services-detail-panel{
  padding-bottom:96px;
}

.services-section .services-detail-copy + .services-detail-copy{
  margin-top:12px;
}

.services-section .services-detail-item-title{
  font-size:clamp(1rem, calc(0.9375rem + 0.18vw), 1.125rem);
  line-height:1.4;
  font-weight:700;
}

.services-section .services-detail-item-title span{
  display:block;
  margin-top:4px;
  font-size:0.84em;
  line-height:1.35;
}

.services-section .services-detail-item-copy p{
  margin:0;
}

.services-section .services-detail-item-copy p + p{
  margin-top:10px;
}

.services-section .services-detail-meta{
  grid-column:1 / -1;
  display:grid;
  gap:10px;
  margin-top:2px;
  padding:20px 0 2px;
  border-top:1px solid rgba(149, 187, 255, 0.16);
  color:rgba(216, 226, 245, 0.82);
  text-align:left;
}

.services-section .services-detail-meta p{
  margin:0;
}

.services-section .services-detail-meta strong{
  color:rgba(242, 246, 255, 0.98);
  font-weight:700;
}

@media (max-width:1100px){
  .services-section .service-card.reveal-item.is-visible:not(.service-card--open){
    opacity:0.78;
  }
}

@media (max-width:760px){
  .services-section .services-detail-panel{
    padding-bottom:104px;
  }
}

/* Shared deliverable icon system: Structured Engagements and Audit modal. */
.services-section .services-detail-item{
  grid-template-columns:44px minmax(0, 260px) minmax(0, 1fr);
  align-items:start;
}

.services-detail-item-icon{
  position:relative;
  display:grid;
  place-items:center;
  justify-self:center;
  align-self:start;
  box-sizing:border-box;
  width:32px;
  height:32px;
  min-width:32px;
  aspect-ratio:1 / 1;
  margin:0;
  flex-shrink:0;
  border:1px solid rgba(149,187,255,0.22);
  border-radius:50%;
  background:rgba(18,35,78,0.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}

.services-detail-item-icon::before,
.services-detail-item-icon::after{
  content:"";
  position:absolute;
  display:block;
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  box-sizing:border-box;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  opacity:0.9;
  transform-origin:center;
}

.services-detail-item-icon--video::before{
  width:10px;
  height:9px;
  border:1.5px solid rgba(214,229,255,0.88);
  border-radius:2px;
  transform:translate(-70%, -50%);
}

.services-detail-item-icon--video::after{
  width:0;
  height:0;
  border-top:3px solid transparent;
  border-bottom:3px solid transparent;
  border-left:5px solid rgba(214,229,255,0.88);
  transform:translate(3px, -50%);
}

.services-detail-item-icon--doc::before,
.services-detail-item-icon--plan::before{
  width:11px;
  height:14px;
  border:1.5px solid rgba(214,229,255,0.88);
  border-radius:2px;
  transform:translate(-50%, -50%);
}

.services-detail-item-icon--doc::after{
  width:5px;
  height:1.5px;
  background:rgba(214,229,255,0.88);
  box-shadow:
    0 4px 0 rgba(214,229,255,0.74),
    0 8px 0 rgba(214,229,255,0.62);
  transform:translate(-50%, -5px);
}

.services-detail-item-icon--map::before{
  width:18px;
  height:16px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2016'%3E%3Cpath%20d='M9%204.25V7M3.25%2011.75V7H14.75V11.75'%20fill='none'%20stroke='%23D6E5FF'%20stroke-opacity='.88'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='9'%20cy='2.5'%20r='2.25'%20fill='%23D6E5FF'%20fill-opacity='.88'/%3E%3Ccircle%20cx='3.25'%20cy='11.75'%20r='2.25'%20fill='%23D6E5FF'%20fill-opacity='.78'/%3E%3Ccircle%20cx='14.75'%20cy='11.75'%20r='2.25'%20fill='%23D6E5FF'%20fill-opacity='.78'/%3E%3C/svg%3E") center / contain no-repeat;
  transform:translate(-50%, -54%);
}

.services-detail-item-icon--map::after{
  content:none;
}

.services-detail-item-icon--plan::after{
  width:6px;
  height:4px;
  border-left:1.5px solid rgba(214,229,255,0.88);
  border-bottom:1.5px solid rgba(214,229,255,0.88);
  transform:translate(-50%, -50%) rotate(-45deg);
}

@media (max-width:760px){
  .services-section .services-detail-item{
    grid-template-columns:44px minmax(0, 1fr);
  }
}

/* Strategic Rebuilds: shared type roles and one section-level CTA. */
.case-section .case-title{
  font-family:var(--font-hero-headline);
  font-size:var(--type-role-h2-size);
  font-weight:700;
  line-height:var(--type-role-h2-leading);
  letter-spacing:-0.05em;
  text-wrap:balance;
}

.case-section .case-sub,
.case-section .case-desc,
.case-section .case-expanded-block p,
.case-section .case-expanded-list li,
.case-section .case-ppp-body li,
.case-section .case-section-cta p{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.case-section .case-sub span{
  display:block;
  margin-top:8px;
}

.case-section .case-name,
.case-section .case-section-cta h3{
  font-family:var(--font-hero-display);
  font-size:var(--type-role-card-title-size);
  font-weight:700;
  line-height:var(--type-role-card-title-leading);
  letter-spacing:-0.035em;
}

.case-section .case-section-cta{
  width:min(820px, 100%);
  margin:42px auto 0;
  padding:30px 24px 0;
  border-top:1px solid rgba(149, 187, 255, 0.18);
  text-align:center;
}

.case-section .case-section-cta h3{
  margin:0;
  color:#f3ebdd;
}

.case-section .case-section-cta p{
  max-width:680px;
  margin:14px auto 0;
  color:rgba(220, 229, 246, 0.84);
}

.case-section .case-section-cta .btn{
  margin-top:22px;
  min-height:52px;
  padding:14px 24px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(22, 42, 96, 0.98) 0%, rgba(14, 28, 70, 0.98) 100%);
  border:1px solid rgba(149, 187, 255, 0.24);
  color:#f3ebdd;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

@media (max-width:760px){
  .case-section .case-section-cta{
    margin-top:32px;
    padding:26px 4px 0;
  }

  .case-section .case-section-cta .btn{
    width:100%;
    justify-content:center;
  }
}

/* About credibility: founder identity and structured supporting principles. */
.about-section .about-identity{
  margin:0 0 16px;
  font-family:var(--font-hero-display);
  font-size:clamp(0.75rem, calc(0.7rem + 0.12vw), 0.875rem);
  font-weight:700;
  line-height:1.35;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(179, 204, 250, 0.88);
  text-align:left;
}

.about-section .about-title{
  font-family:var(--font-hero-headline);
  font-size:var(--type-role-h2-size);
  font-weight:700;
  line-height:var(--type-role-h2-leading);
  letter-spacing:-0.05em;
  text-wrap:balance;
}

.about-section .about-subhead,
.about-section .about-body,
.about-section .about-list li p,
.about-section .about-closing{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.about-section .about-subhead{
  font-weight:700;
}

.about-section .about-body + .about-body{
  margin-top:14px;
}

.about-section .about-list li{
  padding-top:16px;
  padding-bottom:16px;
}

.about-section .about-list li:first-child{
  padding-top:0;
}

.about-section .about-work-title{
  margin:0;
  font-family:var(--font-hero-display);
  font-size:clamp(1.0625rem, calc(1rem + 0.18vw), 1.1875rem);
  font-weight:700;
  line-height:1.35;
  letter-spacing:-0.02em;
  color:#eef4ff;
}

.about-section .about-list li p{
  margin:5px 0 0;
  color:rgba(221, 230, 246, 0.84);
}

.about-section .about-cta .btn::after{
  content:none;
}

@media (max-width:760px){
  .about-section .about-inner{
    grid-template-columns:minmax(0, 1fr);
    gap:0;
    align-items:start;
  }

  .about-section .about-photo{
    z-index:2;
    width:84%;
    max-width:300px;
    margin:0 auto -14px;
    border-radius:22px 22px 14px 14px;
    box-shadow:0 18px 38px rgba(0, 7, 25, 0.34);
  }

  .about-section .about-photo::after{
    content:none;
    animation:none;
  }

  .about-section .about-card{
    z-index:1;
    padding:34px 20px 22px;
    border-radius:22px;
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .about-section .about-identity{
    max-width:calc(100% - 70px);
    margin-bottom:12px;
    letter-spacing:0.14em;
  }

  .about-section .about-summary{
    display:grid;
    grid-template-columns:42px minmax(0, 1fr);
    align-items:center;
    gap:12px;
    margin:0 0 16px;
  }

  .about-section .about-summary-icon{
    position:relative;
    display:block;
    width:38px;
    height:38px;
    border:1px solid rgba(143, 185, 255, 0.38);
    border-radius:50%;
    background:radial-gradient(circle, rgba(99, 151, 255, 0.22), rgba(23, 53, 119, 0.18) 48%, rgba(5, 16, 43, 0.25) 72%);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 18px rgba(77, 132, 244, 0.16);
  }

  .about-section .about-summary-icon::before,
  .about-section .about-summary-icon::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    transform:translate(-50%, -50%);
  }

  .about-section .about-summary-icon::before{
    width:19px;
    height:12px;
    border:1.5px solid #dbeaff;
    border-radius:50% / 62%;
    box-shadow:0 0 8px rgba(127, 177, 255, 0.32);
  }

  .about-section .about-summary-icon::after{
    width:5px;
    height:5px;
    background:#eef7ff;
    box-shadow:0 0 7px rgba(151, 196, 255, 0.72);
  }

  .about-section .about-summary .about-subhead{
    margin:0;
  }

  .about-section .about-list{
    margin:0 0 18px;
    padding:0;
    list-style:none;
    border-top:1px solid rgba(151, 187, 255, 0.16);
  }

  .about-section .about-list li,
  .about-section .about-list li:first-child{
    display:grid;
    grid-template-columns:34px minmax(0, 1fr);
    gap:0 11px;
    margin:0;
    padding:14px 0;
    border-bottom:1px solid rgba(151, 187, 255, 0.14);
  }

  .about-section .about-list li::before{
    content:"";
    grid-column:1;
    grid-row:1 / span 2;
    width:28px;
    height:28px;
    margin-top:1px;
    border:1px solid rgba(139, 183, 255, 0.42);
    border-radius:50%;
    background-color:rgba(46, 89, 177, 0.22);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10 3 3 6-7' fill='none' stroke='%23e7f1ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:18px;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 12px rgba(81, 138, 247, 0.12);
  }

  .about-section .about-work-title,
  .about-section .about-list li p{
    grid-column:2;
  }

  .about-section .about-work-title{
    font-size:15px;
    line-height:1.3;
  }

  .about-section .about-list li p{
    margin-top:4px;
    font-size:13px;
    line-height:1.5;
  }
}

/* Final contact hierarchy: call, email, social context, location. */
.contact-section .contact-title{
  margin:0;
  font-family:var(--font-hero-headline);
  font-size:var(--type-role-h2-size);
  font-weight:700;
  line-height:var(--type-role-h2-leading);
  letter-spacing:-0.05em;
  text-wrap:balance;
}

.contact-section .contact-sub,
.contact-section .contact-card p,
.contact-section .contact-social-copy span,
.contact-section .contact-location{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.contact-section .contact-sub{
  max-width:760px;
  margin-top:18px;
}

.contact-section .contact-actions{
  position:relative;
  z-index:2;
  width:min(1080px, 100%);
  margin:40px auto 0;
  display:grid;
  grid-template-columns:minmax(0, 1.14fr) minmax(0, 0.86fr);
  gap:24px;
  align-items:stretch;
}

.contact-section .contact-card{
  min-height:360px;
  padding:30px 28px 26px;
}

.contact-section .contact-card--primary{
  border-color:rgba(164, 207, 255, 0.58) !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(102, 157, 255, 0.25) 0%, rgba(102, 157, 255, 0) 48%),
    linear-gradient(180deg, rgba(18, 39, 88, 0.96) 0%, rgba(8, 19, 46, 0.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 0 1px rgba(112, 164, 255, 0.16),
    0 0 34px rgba(94, 149, 255, 0.17),
    0 28px 58px rgba(1, 8, 27, 0.3) !important;
}

.contact-section .contact-card--secondary{
  opacity:0.88;
}

.contact-section .contact-card h3{
  margin:0 0 10px;
  font-family:var(--font-hero-display);
  font-size:var(--type-role-card-title-size);
  font-weight:700;
  line-height:var(--type-role-card-title-leading);
  letter-spacing:-0.035em;
}

.contact-section .contact-card p{
  max-width:46ch;
  color:rgba(220, 229, 246, 0.84);
}

.contact-section .contact-card .contact-icon{
  max-width:64px;
  margin-bottom:20px;
}

.contact-section .contact-card .btn{
  position:relative;
  z-index:2;
  width:min(100%, 380px);
  margin-top:auto;
  padding:15px 22px;
  justify-content:center;
}

.contact-section .contact-card--primary .btn{
  margin-top:28px;
}

.contact-section .contact-card--secondary .btn{
  margin-top:24px;
}

.contact-section .contact-socials{
  position:relative;
  z-index:2;
  width:min(920px, 100%);
  margin:24px auto 0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap:16px;
}

.contact-section .contact-social{
  min-width:0;
  padding:16px 18px;
  display:grid;
  grid-template-columns:42px minmax(0, 1fr);
  gap:14px;
  align-items:center;
  border:1px solid rgba(149, 187, 255, 0.12);
  border-radius:16px;
  background:rgba(9, 21, 50, 0.62);
  color:inherit;
  text-align:left;
  text-decoration:none;
}

.contact-section .contact-social--link{
  transition:border-color 220ms ease, background 220ms ease;
}

.contact-section .contact-social--link:hover,
.contact-section .contact-social--link:focus-visible{
  border-color:rgba(149, 187, 255, 0.3);
  background:rgba(14, 29, 66, 0.76);
}

.contact-section .contact-social--linkedin{
  grid-template-columns:minmax(0, 1fr) auto;
  transition:border-color 220ms ease, background 220ms ease;
}

.contact-section .contact-social--linkedin:hover,
.contact-section .contact-social--linkedin:focus-within{
  border-color:rgba(149, 187, 255, 0.3);
  background:rgba(14, 29, 66, 0.76);
}

.contact-section .contact-social__primary{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0, 1fr);
  gap:14px;
  align-items:center;
  color:inherit;
  text-decoration:none;
}

.contact-section .contact-social__primary:focus-visible,
.contact-section .contact-social__company:focus-visible{
  outline:2px solid rgba(178, 209, 255, 0.94);
  outline-offset:4px;
}

.contact-section .contact-social__company{
  min-height:40px;
  padding:8px 2px 8px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  color:rgba(174, 201, 246, 0.74);
  font-size:clamp(0.75rem, calc(0.72rem + 0.08vw), 0.8125rem);
  font-weight:600;
  line-height:1.3;
  text-decoration:none;
  white-space:nowrap;
  transition:color 180ms ease, transform 180ms ease;
}

.contact-section .contact-social__company:hover{
  color:#dceaff;
  transform:translateX(2px);
}

.contact-section .contact-social .contact-icon{
  width:38px;
  max-width:38px;
  margin:0;
}

.contact-section .contact-social .contact-icon--x{
  width:32px;
  max-width:32px;
  justify-self:center;
}

.contact-section .contact-social-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.contact-section .contact-social-copy strong{
  font-size:1rem;
  line-height:1.3;
  color:rgba(238, 244, 255, 0.94);
}

.contact-section .contact-social-copy span{
  font-size:clamp(0.875rem, calc(0.82rem + 0.12vw), 0.9375rem);
  color:rgba(204, 216, 239, 0.74);
}

.contact-section .contact-location{
  position:relative;
  z-index:2;
  margin:26px auto 0;
  color:rgba(204, 216, 239, 0.72);
  text-align:center;
}

.contact-section .contact-location strong{
  font-weight:600;
}

@media (max-width:820px){
  .contact-section .contact-actions{
    grid-template-columns:minmax(0, 1fr);
    max-width:620px;
  }

  .contact-section .contact-card{
    min-height:0;
  }

  .contact-section .contact-card--secondary{
    opacity:0.92;
  }
}

@media (max-width:600px){
  .contact-section .contact-actions{
    margin-top:30px;
    gap:18px;
  }

  .contact-section .contact-card{
    padding:24px 18px 20px;
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .contact-section .contact-socials{
    grid-template-columns:1fr;
    gap:12px;
  }

  .contact-section .contact-social__company{
    min-height:44px;
  }

  .contact-section .contact-location{
    margin-top:22px;
  }
}

@media (max-width:420px){
  .contact-section .contact-social--linkedin{
    grid-template-columns:minmax(0, 1fr);
    gap:6px;
  }

  .contact-section .contact-social__company{
    justify-self:start;
    margin-left:56px;
    padding-left:0;
  }
}

/* Homepage role-based type scale. Keep this final layer typography-only. */
.hero h1{
  font-size:var(--type-role-hero-size);
  line-height:var(--type-role-hero-leading);
}

.hero-sub,
.repeat-sub,
.clear-section .clear-sub,
.services-section .services-subtitle,
.case-section .case-sub,
.about-section .about-subhead,
.contact-section .contact-sub{
  font-size:var(--type-role-lead-size);
  line-height:var(--type-role-lead-leading);
}

.repeat-section .repeat-title,
.audit-section .audit-title,
.clear-section .clear-title,
.public-breakdowns-section .public-breakdowns-title,
.services-section .services-title,
.case-section .case-title,
.about-section .about-title,
.contact-section .contact-title{
  font-size:var(--type-role-h2-size);
  line-height:var(--type-role-h2-leading);
}

.trust-title,
.repeat-col h3,
.audit-section .audit-subtitle,
.clear-section .clear-card-title,
.public-breakdowns-section .public-breakdowns-panel-title,
.services-section .services-detail-title,
.case-section .case-name,
.case-section .case-section-cta h3,
.about-section .about-subsection-title,
.contact-section .contact-card h3{
  font-size:var(--type-role-card-title-size);
  line-height:var(--type-role-card-title-leading);
}

.trust-text,
.repeat-col li,
.repeat-mid .mid-text,
.audit-section .audit-body,
.audit-section .audit-list,
.audit-section .audit-emphasis,
.clear-section .clear-card-text,
.clear-section .clear-card-details p,
.clear-section .clear-card-details ul,
.public-breakdowns-section .public-breakdowns-copy,
.public-breakdowns-section .public-breakdowns-panel-text,
.services-section .services-subtext,
.services-section .service-tagline,
.services-section .services-detail-copy,
.services-section .services-detail-item-title,
.services-section .services-detail-item-copy,
.case-section .case-desc,
.case-section .case-expanded-block p,
.case-section .case-expanded-list li,
.case-section .case-ppp-body li,
.case-section .case-section-cta p,
.case-section .case-expanded-heading,
.about-section .about-body,
.about-section .about-list li p,
.about-section .about-work-title,
.about-section .about-closing,
.contact-section .contact-card p,
.contact-section .contact-location{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.services-section .services-detail-meta,
.contact-section .contact-social-copy strong,
.contact-section .contact-social-copy span,
.site-footer-inner{
  font-size:var(--type-role-small-size);
}

.hero-kicker,
.trust-step,
.repeat-tag,
.audit-feature-kicker,
.public-breakdowns-kicker,
.public-breakdowns-panel-step,
.public-breakdowns-panel-tags,
.service-badge,
.services-detail-kicker,
.case-kicker,
.case-tag,
.case-ppp-label,
.about-section .about-identity{
  font-size:var(--type-role-label-size);
}

/* Repeatability section: balanced internal type hierarchy. */
.repeat-section .repeat-title{
  font-size:var(--type-role-h2-size);
  line-height:var(--type-role-h2-leading);
}

.repeat-section .repeat-sub,
.repeat-section .repeat-col li{
  font-size:var(--type-role-body-size);
  line-height:var(--type-role-body-leading);
}

.repeat-section .repeat-col h3,
.repeat-section .repeat-mid .mid-text{
  font-size:var(--type-role-card-title-size);
  line-height:var(--type-role-card-title-leading);
}

.repeat-section .repeat-tag{
  font-size:var(--type-role-small-size);
}

/* Hero depth pass: atmosphere only; preserve structure and galaxy canvas. */
.hero-background-layer::before,
.hero-background-layer::after{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-repeat:repeat;
  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 62%, rgba(0,0,0,0.35) 76%, transparent 88%);
  mask-image:linear-gradient(180deg, #000 0%, #000 62%, rgba(0,0,0,0.35) 76%, transparent 88%);
}

/* Far depth: tiny, low-contrast points with wide spacing. */
.hero-background-layer::before{
  background-image:
    radial-gradient(circle at 31px 27px, rgba(177,202,249,0.38) 0 0.45px, transparent 0.9px),
    radial-gradient(circle at 117px 73px, rgba(116,155,226,0.30) 0 0.4px, transparent 0.85px),
    radial-gradient(circle at 208px 41px, rgba(224,233,252,0.28) 0 0.48px, transparent 0.95px),
    radial-gradient(circle at 76px 151px, rgba(133,169,232,0.24) 0 0.38px, transparent 0.82px),
    radial-gradient(circle at 262px 172px, rgba(195,213,248,0.26) 0 0.42px, transparent 0.88px);
  background-size:294px 218px, 368px 272px, 442px 326px, 516px 382px, 610px 448px;
  background-position:3% 2%, 11% 7%, 19% 1%, 27% 10%, 5% 16%;
  opacity:0.5;
}

/* Mid depth: fewer, slightly brighter stars with a softer edge. */
.hero-background-layer::after{
  background-image:
    radial-gradient(circle at 52px 46px, rgba(205,222,255,0.56) 0 0.72px, rgba(143,182,248,0.16) 1px, transparent 1.8px),
    radial-gradient(circle at 238px 108px, rgba(155,190,251,0.48) 0 0.84px, rgba(111,157,238,0.13) 1.25px, transparent 2.2px),
    radial-gradient(circle at 132px 214px, rgba(238,242,252,0.46) 0 0.68px, rgba(190,211,250,0.12) 1.1px, transparent 2px);
  background-size:410px 306px, 548px 402px, 684px 498px;
  background-position:8% 3%, 24% 12%, 15% 7%;
  opacity:0.46;
}

/* A restrained bloom pulls the headline group forward without changing flow. */
.hero > .wrap{
  isolation:isolate !important;
}

.hero > .wrap::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}

/* Orbital lines gain a little separation while staying behind the copy. */
.hero-background-layer > .hero-orbit-field{
  top:248px !important;
}

.hero .hero-orbit-svg{
  -webkit-mask-image:radial-gradient(ellipse 88% 68% at 50% 43%, transparent 0%, rgba(0,0,0,0.14) 12%, rgba(0,0,0,0.82) 33%, #000 52%, rgba(0,0,0,0.68) 73%, transparent 96%);
  mask-image:radial-gradient(ellipse 88% 68% at 50% 43%, transparent 0%, rgba(0,0,0,0.14) 12%, rgba(0,0,0,0.82) 33%, #000 52%, rgba(0,0,0,0.68) 73%, transparent 96%);
}

.hero .hero-orbit-svg ellipse{
  filter:drop-shadow(0 0 5px rgba(102,151,244,0.045));
}

.hero .hero-orbit-svg ellipse:nth-child(1){ stroke:rgba(110,143,213,0.045); }
.hero .hero-orbit-svg ellipse:nth-child(2){ stroke:rgba(119,153,222,0.065); }
.hero .hero-orbit-svg ellipse:nth-child(3){ stroke:rgba(130,165,233,0.085); }
.hero .hero-orbit-svg ellipse:nth-child(4){ stroke:rgba(143,178,244,0.105); }
.hero .hero-orbit-svg ellipse:nth-child(5){ stroke:rgba(155,190,252,0.13); }
.hero .hero-orbit-svg ellipse:nth-child(6){ stroke:rgba(171,202,255,0.16); }

.hero .hero-orbit-glow{
  top:41%;
  width:min(1060px, 88vw);
  height:460px;
  filter:blur(19px);
}

/* Existing detail stars become the sparse near-depth accents. */
.hero .hero-detail-star{
  opacity:0.64;
  box-shadow:
    0 0 var(--hero-star-glow, 9px) rgba(226,238,255,0.38),
    0 0 var(--hero-star-glow-soft, 22px) rgba(124,174,255,0.15);
}

.hero .hero-detail-star--1,
.hero .hero-detail-star--3,
.hero .hero-detail-star--5,
.hero .hero-detail-star--8{
  display:block;
}

.hero .hero-detail-star--1{
  left:9%;
  top:24%;
}

.hero .hero-detail-star--3{
  left:15%;
  top:43%;
  --hero-star-dot:4px;
  --hero-star-ray-x:36px;
  --hero-star-ray-y:42px;
  animation:heroNearStarTwinkle 16s ease-in-out -6s infinite;
}

.hero .hero-detail-star--5{
  left:90%;
  top:47%;
  --hero-star-dot:3.5px;
  --hero-star-ray-x:32px;
  --hero-star-ray-y:38px;
  animation:heroNearStarTwinkle 21s ease-in-out -14s infinite;
}

.hero .hero-detail-star--8{
  left:86%;
  top:20%;
}

@keyframes heroNearStarTwinkle{
  0%, 46%, 66%, 100%{ opacity:0.52; transform:scale(0.96); }
  56%{ opacity:0.84; transform:scale(1.06); }
}

/* A horizontal light bed anchors the existing CTA pair. */

/* Navbar: richer glass depth and restrained reflective edge lighting. */


header .header-inner::after{
  height:1px;
}

@media (max-width:767px){
  .hero-background-layer::before{
    opacity:0.38;
  }

  .hero-background-layer::after{
    opacity:0.32;
  }

.hero > .wrap::before{
    opacity:0.66;
  }

  .hero .hero-detail-star--3,
  .hero .hero-detail-star--8{
    display:none;
  }

}

@media (min-width:601px) and (max-width:767px){
  .hero-background-layer > .hero-orbit-field{
    top:292px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hero .hero-detail-star--3,
  .hero .hero-detail-star--5{
    animation:none;
  }
}

/* Hero-only dimensional depth: dedicated star planes and foreground light. */
.hero-background-layer::before,
.hero-background-layer::after{
  content:none !important;
  display:none !important;
}

.hero-star-layer,
.hero-star-layer > span,
.hero-bokeh{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.hero-star-layer{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 66%, rgba(0,0,0,0.42) 82%, transparent 96%);
  mask-image:linear-gradient(180deg, #000 0%, #000 66%, rgba(0,0,0,0.42) 82%, transparent 96%);
}

/* About 100 tiny, static stars from ten sparse repeating fields. */
.hero-star-layer--far{
  z-index:0;
  opacity:0.72;
}

.hero-star-layer--far > span{
  background-image:
    radial-gradient(circle at 23px 29px, rgba(188,209,249,0.52) 0 0.55px, transparent 0.9px),
    radial-gradient(circle at 91px 67px, rgba(122,158,224,0.42) 0 0.48px, transparent 0.85px),
    radial-gradient(circle at 154px 38px, rgba(222,231,251,0.42) 0 0.52px, transparent 0.9px),
    radial-gradient(circle at 51px 143px, rgba(139,173,232,0.36) 0 0.48px, transparent 0.85px),
    radial-gradient(circle at 219px 116px, rgba(192,211,246,0.38) 0 0.56px, transparent 0.95px),
    radial-gradient(circle at 118px 208px, rgba(111,149,219,0.34) 0 0.46px, transparent 0.82px),
    radial-gradient(circle at 302px 61px, rgba(235,239,251,0.40) 0 0.54px, transparent 0.92px),
    radial-gradient(circle at 276px 191px, rgba(151,181,237,0.34) 0 0.5px, transparent 0.88px),
    radial-gradient(circle at 64px 263px, rgba(206,220,247,0.36) 0 0.48px, transparent 0.86px),
    radial-gradient(circle at 348px 247px, rgba(125,162,226,0.34) 0 0.52px, transparent 0.9px);
  background-size:
    286px 224px, 334px 262px, 382px 298px, 428px 336px, 476px 374px,
    524px 412px, 572px 450px, 620px 488px, 668px 526px, 716px 564px;
  background-position:
    0 0, 4vw 3vh, 9vw 1vh, 14vw 6vh, 19vw 2vh,
    24vw 8vh, 29vw 4vh, 34vw 10vh, 39vw 5vh, 44vw 12vh;
}

/* Roughly 35 larger, brighter stars with deliberately uneven spacing. */
.hero-star-layer--mid{
  z-index:1;
  opacity:0.9;
}

.hero-star-layer--mid > span{
  background-image:
    radial-gradient(circle at 54px 48px, rgba(218,231,255,0.78) 0 0.95px, rgba(125,170,247,0.15) 1.25px, transparent 1.9px),
    radial-gradient(circle at 228px 122px, rgba(154,193,255,0.68) 0 1.1px, rgba(92,144,237,0.14) 1.5px, transparent 2.25px),
    radial-gradient(circle at 137px 246px, rgba(241,244,253,0.70) 0 0.85px, rgba(182,210,255,0.14) 1.25px, transparent 2px),
    radial-gradient(circle at 371px 73px, rgba(174,207,255,0.66) 0 1px, rgba(104,157,243,0.13) 1.45px, transparent 2.15px),
    radial-gradient(circle at 312px 284px, rgba(210,226,255,0.72) 0 1.15px, rgba(130,175,249,0.15) 1.55px, transparent 2.35px),
    radial-gradient(circle at 79px 351px, rgba(144,187,255,0.62) 0 0.92px, rgba(94,145,235,0.12) 1.35px, transparent 2.1px);
  background-size:438px 342px, 518px 406px, 602px 472px, 686px 538px, 774px 606px, 862px 674px;
  background-position:2vw 1vh, 13vw 7vh, 28vw 2vh, 41vw 9vh, 7vw 14vh, 34vw 18vh;
}

/* Two foreground bokeh lights sit at the outer edges, away from the copy. */
.hero-bokeh{
  inset:auto;
  z-index:3;
  border-radius:50%;
  background:radial-gradient(circle, rgba(117,172,255,0.42) 0%, rgba(70,124,237,0.18) 26%, rgba(38,78,178,0.055) 52%, transparent 74%);
  filter:blur(18px);
  opacity:0.72;
}

.hero-bokeh--left{
  left:-95px;
  top:39%;
  width:230px;
  height:230px;
}

.hero-bokeh--right{
  right:-120px;
  top:64%;
  width:280px;
  height:280px;
  opacity:0.62;
}

/* Clearly visible cobalt atmosphere behind headline and CTA, without layout impact. */
.hero > .wrap::before{
  top:-100px;
  width:min(1080px, 94vw);
  height:530px;
  background:
    radial-gradient(ellipse at 50% 43%, rgba(73,125,255,0.28) 0%, rgba(53,98,220,0.16) 28%, rgba(31,66,158,0.07) 48%, rgba(15,38,98,0.018) 65%, transparent 78%),
    radial-gradient(ellipse at 50% 36%, rgba(225,232,255,0.065) 0%, transparent 44%);
  filter:blur(22px);
  opacity:1;
}

/* Preserve ring geometry and placement; only deepen the plane hierarchy. */
.hero-background-layer > .hero-orbit-field{
  opacity:1;
  z-index:2 !important;
}

.hero .hero-orbit-svg{
  opacity:0.62;
}

.hero .hero-orbit-svg ellipse:nth-child(1){ stroke:rgba(104,139,211,0.035); }
.hero .hero-orbit-svg ellipse:nth-child(2){ stroke:rgba(114,150,224,0.055); }
.hero .hero-orbit-svg ellipse:nth-child(3){ stroke:rgba(126,163,236,0.08); }
.hero .hero-orbit-svg ellipse:nth-child(4){ stroke:rgba(143,181,248,0.125); }
.hero .hero-orbit-svg ellipse:nth-child(5){ stroke:rgba(164,199,255,0.2); stroke-width:1.12; }
.hero .hero-orbit-svg ellipse:nth-child(6){ stroke:rgba(190,217,255,0.27); stroke-width:1.22; }

.hero .hero-orbit-glow{
  opacity:0.72;
  background:radial-gradient(ellipse at center, rgba(67,118,242,0.17) 0%, rgba(51,95,214,0.08) 34%, rgba(30,64,158,0.025) 54%, transparent 73%);
}

.hero .hero-detail-star{
  display:none !important;
}

/* Stronger, diffused CTA light bed; buttons themselves remain unchanged. */
.hero .hero-ctas::after{
  bottom:-36px;
  width:min(590px, 88vw);
  height:96px;
  background:
    radial-gradient(ellipse at center, rgba(104,159,255,0.42) 0%, rgba(61,112,235,0.22) 28%, rgba(36,76,179,0.08) 49%, transparent 73%),
    linear-gradient(90deg, transparent 2%, rgba(92,148,255,0.12) 25%, rgba(211,228,255,0.22) 50%, rgba(92,148,255,0.12) 75%, transparent 98%);
  filter:blur(20px);
  opacity:0.9;
}

/* The navbar becomes a visibly floating glass object without dimensional changes. */
header .header-inner{
  background:
    radial-gradient(115% 190% at 10% -70%, rgba(132,178,255,0.29) 0%, transparent 48%),
    radial-gradient(90% 150% at 92% 0%, rgba(63,105,218,0.14) 0%, transparent 56%),
    linear-gradient(180deg, rgba(20,38,88,0.94) 0%, rgba(7,16,47,0.97) 100%);
  border-color:rgba(161,197,255,0.4);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.27),
    inset 0 -1px 0 rgba(70,117,224,0.2),
    inset 0 0 34px rgba(75,122,230,0.09),
    0 25px 58px rgba(0,6,23,0.68),
    0 0 0 1px rgba(72,124,238,0.11),
    0 10px 34px rgba(42,86,185,0.15);
  -webkit-backdrop-filter:blur(26px) saturate(1.22);
  backdrop-filter:blur(26px) saturate(1.22);
}

header .header-inner::before{
  inset:1px 8px auto;
  height:54%;
  border-radius:22px 22px 58% 58%;
  background:radial-gradient(
    112% 150% at 50% -62%,
    rgba(232,242,255,0.2) 0%,
    rgba(166,201,255,0.085) 40%,
    rgba(99,147,235,0.025) 62%,
    transparent 78%
  );
  opacity:0.76;
}

header .header-inner::after{
  inset:auto 4% 0;
  background:linear-gradient(90deg, transparent, rgba(81,142,255,0.18) 22%, rgba(169,204,255,0.26) 50%, rgba(81,142,255,0.16) 78%, transparent);
  opacity:0.48;
}

/* Keep the trust-card atmosphere balanced by removing the isolated right-edge bloom. */
.hero-bokeh--right{
  display:none;
}

@media (max-width:767px){
  .hero-star-layer--far{ opacity:0.56; }
  .hero-star-layer--mid{ opacity:0.84; }

  .hero-bokeh--left{
    left:-90px;
    top:42%;
    width:180px;
    height:180px;
  }

  .hero-bokeh--right{
    right:-100px;
    top:71%;
    width:210px;
    height:210px;
  }

  .hero > .wrap::before{
    top:-42px;
    width:122vw;
    height:470px;
  }

  .hero .hero-ctas::after{
    width:94vw;
    height:88px;
    bottom:-32px;
  }
}

.hero-bokeh--left{
  display:none;
}

/* Closest hero depth plane: luminous cross-shaped foreground stars. */
.hero-starburst-layer{
  position:absolute;
  inset:0;
  z-index:4;
  overflow:hidden;
  pointer-events:none;
}

.hero-starburst{
  position:absolute;
  left:var(--starburst-x);
  top:var(--starburst-y);
  width:var(--starburst-core);
  height:var(--starburst-core);
  border-radius:50%;
  background:radial-gradient(circle, #fff 0 30%, #edf7ff 42%, #b8dcff 68%, rgba(121,178,255,0.76) 100%);
  box-shadow:
    0 0 2px rgba(255,255,255,1),
    0 0 6px rgba(226,242,255,0.96),
    0 0 var(--starburst-glow) rgba(107,173,255,0.72),
    0 0 calc(var(--starburst-glow) * 1.35) rgba(62,119,232,0.24);
  opacity:0.84;
  transform:translate(-50%, -50%) scale(0.96);
  transform-origin:center;
  animation:heroStarburstTwinkle var(--starburst-duration) ease-in-out var(--starburst-delay) infinite;
  will-change:opacity, transform;
}

.hero-starburst::before,
.hero-starburst::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  border-radius:999px;
  pointer-events:none;
}

.hero-starburst::before{
  width:1.35px;
  height:var(--starburst-ray);
  background:linear-gradient(180deg, transparent 0%, rgba(181,219,255,0.08) 18%, rgba(234,247,255,0.58) 39%, #fff 50%, rgba(234,247,255,0.58) 61%, rgba(181,219,255,0.08) 82%, transparent 100%);
  filter:drop-shadow(0 0 2px rgba(139,195,255,0.48));
}

.hero-starburst::after{
  width:var(--starburst-ray);
  height:1.35px;
  background:linear-gradient(90deg, transparent 0%, rgba(181,219,255,0.08) 18%, rgba(234,247,255,0.58) 39%, #fff 50%, rgba(234,247,255,0.58) 61%, rgba(181,219,255,0.08) 82%, transparent 100%);
  filter:drop-shadow(0 0 2px rgba(139,195,255,0.48));
}

.hero-starburst--small{
  --starburst-core:3px;
  --starburst-ray:18px;
  --starburst-glow:14px;
}

.hero-starburst--medium{
  --starburst-core:4px;
  --starburst-ray:26px;
  --starburst-glow:22px;
}

.hero-starburst--large{
  --starburst-core:5px;
  --starburst-ray:34px;
  --starburst-glow:28px;
}

.hero-starburst--1{ --starburst-x:16%; --starburst-y:68px; --starburst-duration:4.8s; --starburst-delay:-1.1s; }
.hero-starburst--2{ --starburst-x:74%; --starburst-y:46px; --starburst-duration:6.9s; --starburst-delay:-4.2s; }
.hero-starburst--3{ --starburst-x:97%; --starburst-y:330px; --starburst-duration:5.6s; --starburst-delay:-2.7s; }
.hero-starburst--4{ --starburst-x:4%; --starburst-y:210px; --starburst-duration:7.7s; --starburst-delay:-5.4s; }
.hero-starburst--5{ --starburst-x:89%; --starburst-y:180px; --starburst-duration:5.2s; --starburst-delay:-3.6s; }
.hero-starburst--6{ --starburst-x:19%; --starburst-y:410px; --starburst-duration:6.3s; --starburst-delay:-1.8s; }
.hero-starburst--7{ --starburst-x:92%; --starburst-y:490px; --starburst-duration:7.9s; --starburst-delay:-6.1s; }
.hero-starburst--8{ --starburst-x:7%; --starburst-y:640px; --starburst-duration:5.9s; --starburst-delay:-4.7s; }

@keyframes heroStarburstTwinkle{
  0%, 100%{
    opacity:0.58;
    transform:translate(-50%, -50%) scale(0.9);
  }
  50%{
    opacity:1;
    transform:translate(-50%, -50%) scale(1.08);
  }
}

@media (prefers-reduced-motion:reduce){
  .hero-starburst{
    animation:none;
    opacity:0.84;
    transform:translate(-50%, -50%);
  }
}

/* Remove only the separate horizontal bloom beneath the hero galaxy. */
.hero .hero-orbit-reflection{
  display:none;
}

/* Repeatability: dimensional interpretation system (section-scoped). */
.repeat-section .repeat-overview{
  position:relative;
  isolation:isolate;
}

.repeat-section .repeat-sub,
.repeat-section .repeat-decay{
  position:relative;
  z-index:2;
}


.repeat-section .repeat-instrument-label{
  position:absolute;
  z-index:3;
  color:rgba(199,220,255,0.56);
  font-size:8px;
  font-weight:700;
  line-height:1;
  letter-spacing:0.18em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 14px rgba(85,139,255,0.34);
}

.repeat-section .repeat-instrument-label::before{
  content:"";
  display:inline-block;
  width:12px;
  height:1px;
  margin-right:6px;
  vertical-align:middle;
  background:linear-gradient(90deg, transparent, rgba(137,180,255,0.66));
}


.repeat-section .repeat-instrument-label--core{
  transform:translateX(-50%);
  color:rgba(232,243,255,0.8);
}

.repeat-section .repeat-instrument-label--output{
  color:rgba(206,229,255,0.7);
}

.repeat-section .repeat-system-link{
  z-index:1;
  pointer-events:none;
}

.repeat-section .repeat-system-link path{
  fill:none;
  stroke:url(#repeat-system-link-gradient);
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.repeat-section .repeat-system-link__beam{
  stroke-dasharray:none;
}

.repeat-section .repeat-system-link__trace{
  animation:repeatSystemLinkFlow 13s linear infinite;
}

.repeat-section .repeat-panel{
  isolation:isolate;
  border-color:rgba(169,201,255,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(240,247,255,0.1),
    0 24px 64px rgba(0,7,25,0.26) !important;
}

.repeat-section .repeat-panel::before{
  content:"";
  position:absolute;
  z-index:4;
  left:50%;
  top:-1px;
  transform:translateX(-50%);
  border-radius:0 0 999px 999px;
  pointer-events:none;
}

.repeat-section .repeat-grid{
  background:
    linear-gradient(90deg, rgba(3,12,32,0.32), rgba(5,16,42,0.46) 33.333%, rgba(7,19,49,0.56) 50%, rgba(5,16,42,0.46) 66.666%, rgba(3,12,32,0.32)),
    rgba(4,13,35,0.2);
}

.repeat-section .repeat-col{
  -webkit-backdrop-filter:blur(13px) saturate(1.06);
  backdrop-filter:blur(13px) saturate(1.06);
}




.repeat-section .repeat-mid::before{
  content:"" !important;
  position:absolute;
  inset:0 !important;
  width:auto;
  height:auto !important;
  z-index:0;
  border-top:1px solid rgba(239,248,255,0.34);
}

.repeat-section .repeat-mid::after{
  content:"";
  position:absolute;
  inset:0 !important;
  height:auto !important;
  z-index:0;
  border:0;
  opacity:1;
  pointer-events:none;
}

.repeat-section .repeat-grid::before,
.repeat-section .repeat-grid::after{
  background:linear-gradient(180deg, rgba(178,208,255,0.2), rgba(99,144,235,0.09) 60%, rgba(220,235,255,0.12)) !important;
  box-shadow:0 0 10px rgba(71,122,231,0.09);
}

.repeat-section .repeat-col h3,
.repeat-section .repeat-col li,
.repeat-section .repeat-mid .mid-text{
  text-shadow:0 1px 12px rgba(0,8,28,0.2);
}

.repeat-section .repeat-grid > .repeat-col:first-child h3,
.repeat-section .repeat-grid > .repeat-col:first-child li{
  opacity:0.9;
}

.repeat-section .repeat-grid > .repeat-col:nth-child(3) h3{
  color:rgba(244,249,255,0.97) !important;
}

.repeat-section .repeat-grid > .repeat-col:nth-child(3) li{
  color:rgba(220,231,250,0.86) !important;
}

.repeat-section .repeat-col .col-rule{
  background:linear-gradient(90deg, transparent, rgba(154,190,255,0.28), transparent);
  border-top:0 !important;
}

.repeat-section .repeat-tags{
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(180deg, rgba(26,43,80,0.88), rgba(22,36,69,0.94)) !important;
  border-top-color:rgba(160,194,255,0.17) !important;
  box-shadow:inset 0 1px 0 rgba(237,246,255,0.05);
}

.repeat-section .repeat-tags::before{
  position:absolute;
  z-index:0;
  left:16.666%;
  right:16.666%;
  top:12px;
  height:1.5px;
  background:linear-gradient(90deg, rgba(124,157,218,0.28), rgba(135,181,255,0.78) 50%, rgba(150,195,255,0.42));
  box-shadow:0 0 8px rgba(73,129,245,0.32);
}

.repeat-section .repeat-tag{
  position:relative;
  z-index:1;
  flex:1 1 33.333%;
  text-align:center;
  text-shadow:0 1px 8px rgba(1,8,27,0.48);
}

.repeat-section .repeat-tag::before{
  content:"";
  position:absolute;
  left:50%;
  top:-9px;
  width:5px;
  height:5px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#b9d8ff;
  box-shadow:0 0 0 2px rgba(104,155,255,0.16), 0 0 9px rgba(93,148,255,0.7);
}

.repeat-section .repeat-tag:nth-child(2){
  color:rgba(244,249,255,0.98) !important;
  text-shadow:0 0 10px rgba(115,169,255,0.38), 0 1px 8px rgba(1,8,27,0.48);
}

.repeat-section .repeat-tag:nth-child(2)::before{
  width:7px;
  height:7px;
  top:-10px;
  background:#f1f8ff;
  box-shadow:
    0 0 0 3px rgba(105,159,255,0.16),
    0 0 13px rgba(105,164,255,0.86);
}

@keyframes repeatSystemLinkFlow{
  to{ stroke-dashoffset:-64; }
}

/* Preserve animation phase while suspending decorative motion far outside the viewport. */
:is(.hero, .repeat-section, .public-breakdowns-section).motion-viewport-managed:not(.is-motion-near)::before,
:is(.hero, .repeat-section, .public-breakdowns-section).motion-viewport-managed:not(.is-motion-near)::after,
.public-breakdowns-section.motion-viewport-managed:not(.is-motion-near) .public-breakdowns-cosmos-svg,
.repeat-section.motion-viewport-managed:not(.is-motion-near) .repeat-system-link__trace,
.hero.motion-viewport-managed:not(.is-motion-near) .hero-starburst,
.hero.motion-viewport-managed:not(.is-motion-near) .hero-detail-star,
main.motion-viewport-managed:not(.is-hero-motion-near) .site-stars .site-star{
  animation-play-state:paused;
}

@media (max-width:600px){
  .repeat-section .repeat-system-link{
    display:none;
  }







  .repeat-section .repeat-tags::before{
    top:8px;
  }

  .repeat-section .repeat-tag::before{
    top:-6px;
    width:4px;
    height:4px;
  }

  .repeat-section .repeat-tag:nth-child(2)::before{
    top:-7px;
    width:6px;
    height:6px;
  }
}

@media (prefers-reduced-motion:reduce){
  .repeat-section .repeat-system-link path{
    animation:none;
  }
}

/* Repeatability third pass: one continuous signal-interpretation instrument. */
.repeat-section > .wrap{
  isolation:isolate;
}

.repeat-section > .wrap::before{
  position:absolute;
  z-index:-1;
  left:42%;
  top:86px;
  width:720px;
  height:420px;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 65% 42%, rgba(52,100,207,0.14), rgba(24,59,133,0.055) 38%, transparent 72%),
    radial-gradient(circle at 72% 28%, rgba(185,218,255,0.55) 0 1px, transparent 1.8px),
    radial-gradient(circle at 92% 48%, rgba(151,196,255,0.38) 0 1.2px, transparent 2px),
    radial-gradient(circle at 52% 64%, rgba(169,204,255,0.28) 0 0.8px, transparent 1.6px),
    radial-gradient(circle at 84% 74%, rgba(199,224,255,0.42) 0 1px, transparent 1.9px);
  filter:blur(0.15px);
  opacity:0.9;
}

.repeat-section > .wrap::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:72px 3% 54px;
  pointer-events:none;
  background-image:
    radial-gradient(circle, rgba(174,207,255,0.26) 0 0.65px, transparent 1px),
    radial-gradient(circle, rgba(129,173,255,0.18) 0 0.55px, transparent 0.9px);
  background-size:137px 151px, 211px 179px;
  background-position:17px 9px, 82px 61px;
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 16%, #000 78%, transparent);
  mask-image:linear-gradient(180deg, transparent, #000 16%, #000 78%, transparent);
  opacity:0.42;
}

.repeat-section .repeat-title,
.repeat-section .repeat-overview,
.repeat-section .repeat-panel{
  position:relative;
  z-index:1;
}


.repeat-section .repeat-instrument-label::after{
  content:"";
  display:inline-block;
  width:31px;
  height:5px;
  margin-left:7px;
  vertical-align:middle;
  opacity:0.42;
  background:
    linear-gradient(90deg, rgba(137,180,255,0.62), transparent) 0 2px / 100% 1px no-repeat,
    repeating-linear-gradient(90deg, rgba(178,210,255,0.5) 0 1px, transparent 1px 7px) 0 0 / 100% 5px no-repeat;
}




.repeat-section .repeat-panel::before{
  width:84px;
  height:8px;
  background:radial-gradient(ellipse at 50% 0, rgba(247,252,255,0.96), rgba(132,181,255,0.48) 21%, rgba(72,122,228,0.12) 57%, transparent 78%);
  box-shadow:0 1px 12px rgba(91,146,255,0.42);
}

.repeat-section .repeat-panel::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(3,11,29,0.18),
    rgba(3,12,32,0.28) 28%,
    rgba(4,14,38,0.48) 43%,
    rgba(4,15,40,0.58) 50%,
    rgba(4,14,38,0.48) 57%,
    rgba(3,12,32,0.25) 72%,
    rgba(3,11,29,0.15));
}

.repeat-section .repeat-grid{
  z-index:1;
}

.repeat-section .repeat-grid > .repeat-col:first-child{
  background:
    radial-gradient(ellipse at 20% 0, rgba(142,174,227,0.08), transparent 54%),
    linear-gradient(180deg, rgba(34,48,77,0.74), rgba(21,34,62,0.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(238,247,255,0.065),
    inset -18px 0 34px rgba(0,9,29,0.1),
    inset 0 -24px 38px rgba(0,8,25,0.1);
}

.repeat-section .repeat-grid > .repeat-col:nth-child(3){
  background:
    radial-gradient(ellipse at 82% 0, rgba(132,180,255,0.13), transparent 52%),
    linear-gradient(180deg, rgba(38,57,94,0.76), rgba(23,41,74,0.73)) !important;
  box-shadow:
    inset 0 1px 0 rgba(241,248,255,0.11),
    inset 18px 0 34px rgba(0,9,29,0.09),
    inset 0 -24px 38px rgba(0,8,25,0.1);
}

.repeat-section .repeat-grid > .repeat-col:first-child::after,
.repeat-section .repeat-grid > .repeat-col:nth-child(3)::after{
  content:"";
  position:absolute;
  z-index:0;
  left:8%;
  right:8%;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(214,232,255,0.2), transparent);
  pointer-events:none;
}

.repeat-section .repeat-grid > .repeat-col:nth-child(3)::after{
  background:linear-gradient(90deg, transparent, rgba(220,238,255,0.3), transparent);
}

.repeat-section .repeat-mid{
  background:rgba(10,25,59,0.9) !important;
  box-shadow:
    inset 1px 0 0 rgba(126,173,255,0.42),
    inset -1px 0 0 rgba(126,173,255,0.42),
    inset 0 1px 0 rgba(248,252,255,0.36),
    inset 0 -20px 46px rgba(0,8,29,0.25),
    0 0 38px rgba(42,91,207,0.16);
}

.repeat-section .repeat-mid::before{
  background:
    radial-gradient(ellipse at 50% 7%, rgba(115,164,255,0.31), transparent 42%),
    radial-gradient(circle at 50% 34%, rgba(65,116,229,0.18), transparent 46%),
    linear-gradient(180deg, rgba(29,67,139,0.25), rgba(10,29,68,0.18) 50%, rgba(5,17,43,0.3)) !important;
  border-top-color:rgba(242,249,255,0.38);
}

.repeat-section .repeat-mid::after{
  background:
    linear-gradient(90deg,
      transparent 46%,
      rgba(101,151,255,0.03) 47.5%,
      rgba(151,193,255,0.14) 49.2%,
      rgba(226,241,255,0.23) 50%,
      rgba(151,193,255,0.14) 50.8%,
      rgba(101,151,255,0.03) 52.5%,
      transparent 54%),
    radial-gradient(circle at 50% 32%, rgba(87,140,247,0.19), transparent 41%);
  filter:drop-shadow(0 0 9px rgba(72,126,238,0.12));
}

.repeat-section .repeat-tags::before{
  content:none;
}

.repeat-section .repeat-tags::after{
  content:none;
}

.repeat-section .repeat-tag::before,
.repeat-section .repeat-tag:nth-child(2)::before{
  content:none;
}

@media (max-width:600px){
  .repeat-section > .wrap::before{
    left:15%;
    top:250px;
    width:420px;
    height:250px;
    opacity:0.62;
  }

  .repeat-section > .wrap::after{
    inset:230px 2% 40px;
    opacity:0.26;
  }

.repeat-section .repeat-decay-inline{
    transform-origin:50% 52%;
  }

  .repeat-section .repeat-instrument-label::after{
    width:13px;
    margin-left:3px;
    opacity:0.3;
  }

  .repeat-section .repeat-tags::after{
    top:6px;
    width:22px;
  }
}

@media (prefers-reduced-motion:reduce){
  .repeat-section .repeat-tags::after{
    animation:none;
    opacity:0;
  }
}

/* Repeatability: one centered interpretive spine from setup through assumption. */
.repeat-section > .wrap::before{
  content:none;
}

.repeat-section .repeat-title{
  width:min(920px, 100%);
  max-width:920px;
  margin:0 auto 24px;
  text-align:center !important;
}

.repeat-section .repeat-overview{
  width:min(860px, 100%);
  max-width:860px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}

.repeat-section .repeat-overview .repeat-sub{
  width:min(720px, 100%);
  max-width:720px;
  margin:0 auto 34px;
  text-align:center !important;
}

.repeat-section .repeat-decay{
  width:min(780px, calc(100vw - 64px));
  max-width:780px;
  height:auto;
  aspect-ratio:780 / 320;
  margin:0 auto;
  align-self:center;
}

.repeat-section .repeat-decay-inline{
  width:100%;
  height:100%;
  opacity:1;
  transform:translateX(-3.076923%);
  transform-origin:center;
  filter:none;
  contain:layout style;
}

.repeat-section .repeat-decay-inline > svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

.repeat-section .repeat-instrument-label--input{
  left:8.923077%;
  top:3.5%;
}

.repeat-section .repeat-instrument-label--core{
  left:50%;
  top:3.5%;
}

.repeat-section .repeat-instrument-label--output{
  right:8.076923%;
  top:3.5%;
}

.repeat-section .repeat-system-link{
  position:relative;
  inset:auto;
  display:block;
  flex:0 0 76px;
  width:100%;
  height:76px;
  margin:0 auto;
  overflow:visible;
}

.repeat-section .repeat-panel{
  margin-top:0;
}

.repeat-section .repeat-system-link__beam{
  stroke-width:4.5;
  opacity:.2;
  filter:blur(3px) drop-shadow(0 0 7px rgba(80,132,244,.26));
}

.repeat-section .repeat-system-link__trace{
  stroke-width:.9;
  stroke-dasharray:2 8;
  opacity:.64;
  filter:drop-shadow(0 0 6px rgba(117,169,255,.4));
}

@media (max-width:600px){
  .repeat-section .repeat-title{
    width:min(340px, 100%);
    font-size:clamp(1.65rem, 7.2vw, 1.85rem);
    margin-bottom:20px;
    text-align:center !important;
    text-wrap:balance;
  }

  .repeat-section .repeat-overview .repeat-sub{
    width:min(320px, 100%);
    margin-bottom:26px;
    text-align:center !important;
  }

  .repeat-section .repeat-decay{
    width:min(360px, calc(100vw - 36px));
    max-width:min(360px, calc(100vw - 36px));
    margin:0 auto;
  }

  .repeat-section .repeat-decay-inline{
    transform:translateX(-3.076923%);
    filter:none;
  }

  .repeat-section .repeat-instrument-label{
    font-size:clamp(6.2px, 1.72vw, 7px);
    letter-spacing:.08em;
  }

  .repeat-section .repeat-instrument-label::before{
    width:5px;
    margin-right:2px;
  }

  .repeat-section .repeat-instrument-label--input{
    left:0;
    top:2%;
  }

  .repeat-section .repeat-instrument-label--core{
    left:50%;
    top:2%;
  }

  .repeat-section .repeat-instrument-label--output{
    right:0;
    top:2%;
  }

  .repeat-section .repeat-panel{
    margin-top:0;
  }

  .repeat-section .repeat-system-link{
    flex-basis:44px;
    height:44px;
  }

  .repeat-section .repeat-grid{
    grid-template-columns:minmax(0, 30%) minmax(0, 40%) minmax(0, 30%);
    min-height:304px;
    background:linear-gradient(90deg, rgba(3,12,32,0.32), rgba(6,19,48,0.6) 50%, rgba(3,12,32,0.3));
  }

  .repeat-section .repeat-grid::before,
  .repeat-section .repeat-grid::after{
    content:"";
    display:block;
    bottom:38px;
  }

  .repeat-section .repeat-grid::before{
    left:30%;
  }

  .repeat-section .repeat-grid::after{
    left:70%;
  }

  .repeat-section .repeat-col,
  .repeat-section .repeat-mid{
    min-width:0;
  }

  .repeat-section .repeat-col{
    padding:16px 8px 48px;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .repeat-section .repeat-col h3{
    width:100%;
    min-height:0;
    margin:0 auto 7px;
    font-size:clamp(11px, 3vw, 12px);
    line-height:1.28;
    transform:none !important;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }

  .repeat-section .repeat-col li{
    font-size:clamp(9.5px, 2.65vw, 10.75px);
    line-height:1.38;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }

  .repeat-section .repeat-col li + li{
    margin-top:5px;
  }

  .repeat-section .repeat-col .col-rule{
    width:88%;
    margin:0 auto 8px;
  }

  .repeat-section .repeat-col ul{
    gap:5px;
  }

  .repeat-section .list-wrap{
    padding:0;
  }

  .repeat-section .repeat-mid{
    min-height:0;
    padding:18px 10px 48px;
    align-items:center;
    border-top:0;
    border-bottom:0;
    box-shadow:
      inset 0 1px 0 rgba(232,243,255,0.16),
      inset 0 -1px 0 rgba(89,139,241,0.16),
      inset 0 0 54px rgba(49,103,224,0.22) !important;
  }

  .repeat-section .repeat-mid .mid-text{
    font-size:clamp(11.5px, 3.2vw, 13px);
    line-height:1.38;
    transform:none;
  }

  .repeat-section .repeat-tags{
    position:relative;
    inset:auto;
    grid-column:1 / -1;
    width:100%;
    min-height:38px;
    height:auto;
    padding:7px 5px;
  }

  .repeat-section .repeat-tag{
    font-size:10px;
  }
}

/* C.L.E.A.R. card stack. */
.clear-section .clear-cards{
  isolation:isolate;
  overflow:visible;
  overflow-anchor:none;
}

.clear-section .clear-card{
  position:relative;
  z-index:2;
}


.clear-section .clear-card::before,
.clear-section .clear-card::after{
  z-index:3;
}

.clear-section .clear-card-letter,
.clear-section .clear-card-divider,
.clear-section .clear-card-body{
  position:relative;
  z-index:3;
}


/* C.L.E.A.R. Framework: monumental static holographic systems structure. */
.clear-section .clear-system-visual{
  position:absolute;
  inset:-230px -360px -175px;
  z-index:0;
  overflow:visible;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none;
}

.clear-section .clear-system-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}

.clear-section .clear-system-svg path,
.clear-section .clear-system-svg circle,
.clear-section .clear-system-svg ellipse{
  vector-effect:non-scaling-stroke;
}

.clear-section .clear-system-atmosphere ellipse{
  fill:url(#clearSystemAtmosphere);
  opacity:0.3;
}

.clear-section .clear-system-atmosphere ellipse:nth-child(2){
  opacity:0.2;
}

.clear-section .clear-system-atmosphere ellipse:nth-child(3){
  opacity:0.36;
}

.clear-section .clear-system-atmosphere ellipse:nth-child(4){
  opacity:0.19;
}

.clear-section .clear-system-atmosphere ellipse:nth-child(5){
  opacity:0.36;
}

.clear-section .clear-system-stars circle{
  fill:rgba(181, 217, 255, 0.66);
  opacity:0.36;
}

.clear-section .clear-system-large-circles circle{
  fill:none;
  stroke:rgba(82, 139, 226, 0.36);
  stroke-width:0.78;
  opacity:0.22;
}

.clear-section .clear-system-large-circles circle:nth-child(1){
  stroke:rgba(115, 176, 255, 0.46);
  stroke-width:0.9;
  stroke-dasharray:118 30 4 22;
  opacity:0.34;
}

.clear-section .clear-system-large-circles circle:nth-child(2),
.clear-section .clear-system-large-circles circle:nth-child(3){
  stroke-dasharray:64 18 3 16;
  opacity:0.24;
}

.clear-section .clear-system-large-circles circle:nth-child(4),
.clear-section .clear-system-large-circles circle:nth-child(5){
  stroke:rgba(55, 103, 180, 0.3);
  stroke-dasharray:2 18;
  opacity:0.13;
}

.clear-section .clear-system-stars circle:nth-child(4n),
.clear-section .clear-system-stars circle:nth-child(9),
.clear-section .clear-system-stars circle:nth-child(19),
.clear-section .clear-system-stars circle:nth-child(26){
  fill:rgba(225, 242, 255, 0.92);
  opacity:0.64;
  filter:url(#clearSystemNodeGlow);
}

.clear-section .clear-system-orbits ellipse{
  fill:none;
  stroke:rgba(105, 166, 252, 0.42);
  stroke-width:0.78;
  opacity:0.24;
}

.clear-section .clear-system-orbits ellipse:nth-child(2n){
  stroke-dasharray:54 24;
  opacity:0.1;
}

.clear-section .clear-system-orbits ellipse:nth-child(3n){
  stroke-dasharray:2 14;
  opacity:0.14;
}

.clear-section .clear-system-orbits ellipse:nth-child(1),
.clear-section .clear-system-orbits ellipse:nth-child(2){
  stroke:rgba(143, 197, 255, 0.5);
  opacity:0.34;
}

.clear-section .clear-system-orbits ellipse:nth-child(6),
.clear-section .clear-system-orbits ellipse:nth-child(7){
  stroke:rgba(67, 120, 206, 0.32);
  opacity:0.13;
}

.clear-section .clear-system-orbits ellipse:nth-child(n+8){
  stroke:rgba(52, 98, 174, 0.3);
  stroke-dasharray:86 28 3 20;
  opacity:0.1;
}

.clear-section .clear-system-measurement-system path,
.clear-section .clear-system-measurement-system circle{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.clear-section .clear-system-horizontal-axis-halo{
  stroke:rgba(42, 108, 228, 0.34);
  stroke-width:7;
  opacity:0.11;
  filter:none;
}

.clear-section .clear-system-horizontal-axis-line{
  stroke:rgba(106, 173, 255, 0.66);
  stroke-width:0.85;
  stroke-dasharray:104 18 3 12;
  opacity:0.54;
}

.clear-section .clear-system-horizontal-ticks path{
  stroke:rgba(128, 187, 255, 0.56);
  stroke-width:0.68;
  opacity:0.48;
}

.clear-section .clear-system-horizontal-nodes use,
.clear-section .clear-system-target-nodes use,
.clear-section .clear-system-central-crosshair use{
  fill:none;
  stroke:rgba(117, 181, 255, 0.74);
  stroke-width:0.8;
  opacity:0.76;
}

.clear-section .clear-system-target-core{
  fill:rgba(232, 246, 255, 0.96);
  stroke:none;
}

.clear-section .clear-system-vertical-axis-line{
  stroke:rgba(83, 145, 235, 0.46);
  stroke-width:0.72;
  stroke-dasharray:72 20 2 15;
  opacity:0.32;
}

.clear-section .clear-system-vertical-axis-ticks{
  stroke:rgba(117, 176, 250, 0.46);
  stroke-width:0.6;
  opacity:0.42;
}

.clear-section .clear-system-vertical-axes > g:nth-child(3) .clear-system-vertical-axis-line{
  stroke:rgba(133, 191, 255, 0.62);
  stroke-width:0.9;
  opacity:0.52;
}

.clear-section .clear-system-vertical-axes circle{
  fill:rgba(220, 240, 255, 0.9);
  stroke:rgba(75, 146, 246, 0.84);
  stroke-width:0.8;
  opacity:0.76;
  filter:url(#clearSystemNodeGlow);
}

.clear-section .clear-system-central-crosshair > circle{
  stroke:rgba(101, 164, 245, 0.46);
  stroke-width:0.75;
  stroke-dasharray:68 18 2 13;
  opacity:0.3;
}

.clear-section .clear-system-central-crosshair > circle:nth-child(2){
  stroke-dasharray:3 12;
  opacity:0.38;
}

.clear-section .clear-system-central-crosshair > circle:nth-child(3){
  stroke:rgba(128, 188, 255, 0.56);
  opacity:0.46;
}

.clear-section .clear-system-crosshair-axis{
  stroke:rgba(83, 147, 235, 0.42);
  stroke-width:0.66;
  stroke-dasharray:36 10 2 12;
  opacity:0.36;
}

.clear-section .clear-system-crosshair-ticks{
  stroke:rgba(147, 201, 255, 0.58);
  stroke-width:0.72;
  opacity:0.54;
}

.clear-section .clear-system-target-nodes use:nth-child(3n){
  opacity:0.42;
}

.clear-section .clear-system-calibration-clusters use{
  fill:none;
  stroke:rgba(132, 191, 255, 0.62);
  stroke-width:0.72;
  opacity:0.56;
}

.clear-section .clear-system-arc-connections path{
  fill:none;
  stroke:rgba(81, 147, 237, 0.48);
  stroke-width:0.68;
  stroke-dasharray:2 9;
  opacity:0.42;
}

.clear-section .clear-system-starbursts use{
  fill:rgba(230, 246, 255, 0.92);
  stroke:rgba(132, 192, 255, 0.86);
  stroke-width:0.7;
  opacity:0.8;
  filter:url(#clearSystemNodeGlow);
}

.clear-section .clear-system-stack-backlight{
  fill:url(#clearSystemStackBacklight);
  opacity:0.9;
}

.clear-section .clear-system-orbit-fragments path,
.clear-section .clear-system-row-markers path{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.clear-section .clear-system-spine-bed{
  fill:url(#clearSystemSpineBed);
  opacity:0.82;
}






.clear-section .clear-system-orbit-fragments [data-clear-system-orbit-fragment]{
  stroke:rgba(118, 183, 255, 0.54);
  stroke-width:0.82;
  stroke-dasharray:18 7 2 9;
  opacity:0.36;
}

.clear-section .clear-system-orbit-fragments [data-clear-system-orbit-fragment]:nth-child(2){
  opacity:0.24;
}

.clear-section .clear-system-orbit-fragments [data-clear-system-orbit-fragment]:nth-child(n+4){
  stroke:rgba(77, 139, 225, 0.44);
  stroke-dasharray:72 22 3 16;
  opacity:0.2;
}

.clear-section .clear-system-orbit-fragments [data-clear-system-orbit-calibration]{
  stroke:rgba(147, 197, 255, 0.54);
  stroke-width:0.65;
  opacity:0.3;
}

.clear-section .clear-system-row-markers path{
  stroke:rgba(88, 148, 238, 0.44);
  stroke-width:0.65;
  stroke-dasharray:14 5 2 7;
  opacity:0.24;
}

.clear-section .clear-system-instrumentation path{
  fill:none;
  stroke:rgba(83, 137, 222, 0.24);
  stroke-width:0.58;
  stroke-linecap:round;
  opacity:0.12;
}

.clear-section .clear-system-instrumentation > path:nth-child(2){
  stroke-dasharray:3 18;
}

.clear-section .clear-system-instrumentation > path:nth-child(3){
  opacity:0.065;
}

.clear-section .clear-system-instrumentation [data-clear-system-horizon]{
  stroke-dasharray:86 24 3 18;
  opacity:0.075;
}

.clear-section .clear-system-radial-ticks path{
  stroke:rgba(130, 181, 249, 0.36);
  opacity:0.2;
}

.clear-section .clear-system-axis-haze,
.clear-section .clear-system-axis-line,
.clear-section .clear-system-axis-ticks path{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.clear-section .clear-system-axis-haze{
  stroke:rgba(42, 102, 224, 0.28);
  stroke-width:7;
  opacity:0.12;
}

.clear-section .clear-system-axis-line{
  stroke:url(#clearSystemAxis);
  stroke-width:1.1;
  stroke-dasharray:2 10;
  opacity:0.52;
}

.clear-section .clear-system-axis-ticks path{
  stroke:rgba(126, 179, 255, 0.42);
  stroke-width:0.7;
  opacity:0.32;
}

.clear-section .clear-system-axis-nodes circle{
  fill:rgba(210, 235, 255, 0.82);
  stroke:rgba(76, 140, 245, 0.62);
  stroke-width:0.7;
  opacity:0.5;
  filter:url(#clearSystemNodeGlow);
}







































































.clear-section .clear-title-divider-line{
  background:linear-gradient(90deg, transparent, rgba(99, 164, 247, 0.42), rgba(231, 243, 255, 0.68), rgba(99, 164, 247, 0.42), transparent);
}

.clear-section .clear-title-divider-mark{
  text-shadow:0 0 8px rgba(136, 194, 255, 0.72), 0 0 22px rgba(64, 126, 232, 0.34);
}

.clear-section .clear-bottom-line{
  background:linear-gradient(90deg, transparent, rgba(94, 157, 241, 0.38), rgba(190, 221, 255, 0.52), rgba(94, 157, 241, 0.38), transparent);
}












.clear-section .clear-card{
  background:
    radial-gradient(62px 20px at 0% 29%, rgba(126, 191, 255, 0.105), transparent 72%),
    linear-gradient(116deg, transparent 0 70%, rgba(116, 178, 255, 0.04) 76%, transparent 82%),
    linear-gradient(180deg, rgba(18, 36, 82, 0.992), rgba(8, 19, 47, 0.994)) !important;
  border-color:rgba(174, 208, 255, 0.27) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.17),
    inset 0 -1px 0 rgba(75, 145, 255, 0.12),
    inset 0 0 0 1px rgba(83, 138, 232, 0.065),
    0 10px 22px rgba(0, 4, 18, 0.38),
    0 32px 72px rgba(1, 7, 24, 0.52),
    0 0 32px rgba(42, 103, 214, 0.08) !important;
}

.clear-section .clear-card:nth-of-type(even){
  background:
    radial-gradient(58px 19px at 100% 68%, rgba(118, 186, 255, 0.1), transparent 72%),
    linear-gradient(64deg, transparent 0 73%, rgba(112, 176, 255, 0.038) 79%, transparent 85%),
    linear-gradient(180deg, rgba(18, 36, 82, 0.992), rgba(8, 19, 47, 0.994)) !important;
}

.clear-section .clear-card:nth-of-type(odd) .clear-card-letter{
  background:
    radial-gradient(44px 72px at 100% 48%, rgba(101, 171, 255, 0.09), transparent 72%),
    linear-gradient(180deg, rgba(35, 57, 121, 0.9), rgba(18, 34, 82, 0.82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset -1px 0 0 rgba(101, 170, 255, 0.09),
    0 16px 34px rgba(1, 8, 27, 0.2);
}

.clear-section .clear-card:nth-of-type(even) .clear-card-letter{
  background:
    radial-gradient(44px 72px at 0% 52%, rgba(101, 171, 255, 0.085), transparent 72%),
    linear-gradient(180deg, rgba(35, 57, 121, 0.9), rgba(18, 34, 82, 0.82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 1px 0 0 rgba(101, 170, 255, 0.085),
    0 16px 34px rgba(1, 8, 27, 0.2);
}

.clear-section .clear-card:hover,
.clear-section .clear-card:focus-visible,
.clear-section .clear-card.expanded{
  border-color:rgba(191, 220, 255, 0.33) !important;
}

#clearSystemAtmosphereTransitionMask{
  mask-type:alpha;
}

.clear-section .clear-orbits{
  opacity:0.34;
}

@media (max-width:1100px){
  .clear-section .clear-system-visual{
    inset:-160px -240px -125px;
  }

  .clear-section .clear-system-orbits ellipse:nth-child(n+9),
  .clear-section .clear-system-large-circles circle:nth-child(n+4),
  .clear-section .clear-system-calibration-clusters use:nth-child(n+9){
    display:none;
  }

  .clear-section .clear-system-vertical-axes > g:first-child,
  .clear-section .clear-system-vertical-axes > g:last-child{
    opacity:0.46;
  }




}

@media (max-width:700px){
  .clear-section .clear-system-visual{
    inset:-58px -72px -54px;
  }

  .clear-section .clear-system-atmosphere ellipse{
    opacity:0.15;
  }



  .clear-section .clear-system-orbits ellipse:nth-child(n+4),
  .clear-section .clear-system-large-circles circle:nth-child(n+3),
  .clear-section .clear-system-vertical-axes > g:not(:nth-child(3)),
  .clear-section .clear-system-target-nodes use:nth-child(n+5),
  .clear-section .clear-system-calibration-clusters,
  .clear-section .clear-system-arc-connections path:nth-child(n+3),
  .clear-section .clear-system-starbursts use:nth-child(n+3){
    display:none;
  }

  .clear-section .clear-system-stars circle:nth-child(3n),
  .clear-section .clear-system-stars circle:nth-child(3n + 2),
  .clear-section .clear-system-axis-ticks path:nth-child(even){
    display:none;
  }

  .clear-section .clear-system-horizontal-ticks path:nth-child(odd),
  .clear-section .clear-system-horizontal-nodes use:nth-child(2){
    display:none;
  }

  .clear-section .clear-system-large-circles circle{
    opacity:0.14;
  }

  .clear-section .clear-system-horizontal-axis-line{
    opacity:0.3;
  }

  .clear-section .clear-system-central-crosshair > circle{
    opacity:0.2;
  }

  .clear-section .clear-system-instrumentation > path:nth-child(2),
  .clear-section .clear-system-instrumentation > path:nth-child(3),
  .clear-section .clear-system-radial-ticks path:nth-child(even),
  .clear-section .clear-system-orbit-fragments [data-clear-system-orbit-fragment]:nth-child(n+2),
  .clear-section .clear-system-orbit-fragments [data-clear-system-orbit-calibration]{
    display:none;
  }







  .clear-section .clear-system-axis-haze{
    stroke-width:4;
    opacity:0.065;
  }

  .clear-section .clear-system-axis-line{
    opacity:0.28;
  }


  .clear-section .clear-card{
    background:
      radial-gradient(42px 14px at 0% 30%, rgba(126, 191, 255, 0.075), transparent 72%),
      linear-gradient(180deg, rgba(18, 36, 82, 0.994), rgba(8, 19, 47, 0.996)) !important;
  }

  .clear-section .clear-orbits{
    opacity:0.24;
  }
}

@media (max-width:480px){
  .clear-section .clear-system-visual{
    inset:-48px -58px -48px;
  }

  .clear-section .clear-system-orbits ellipse:nth-child(n+3),
  .clear-section .clear-system-instrumentation,
  .clear-section .clear-system-orbit-fragments{
    display:none;
  }


}

/* Keep the C.L.E.A.R. technical field independent from expandable card flow. */
.clear-section{
  isolation:isolate;
}

.clear-section .clear-background-layer{
  position:absolute;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  width:100%;
  height:var(--clear-background-frame-height, 100%);
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.clear-section > .wrap{
  position:relative;
  z-index:3;
}

.clear-section .clear-background-layer .clear-orbits{
  z-index:0;
}

.clear-section .clear-background-layer .clear-system-visual{
  --clear-system-fade-extension:320px;
  --clear-system-fade-hold:105px;
  --clear-system-fade-end:310px;
  left:0;
  right:0;
  top:0;
  bottom:auto;
  width:100%;
  height:calc(var(--clear-system-anchor-height, 100%) + var(--clear-system-fade-extension));
  z-index:0;
  overflow:visible;
}

.clear-section .clear-card{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  contain:layout style;
}

/* Preserve reveal motion, then keep the interactive card shell spatially fixed. */
body .clear-section .clear-card--expandable.reveal-item.is-visible:is(:hover, :active, :focus, :focus-visible, :focus-within, .expanded){
  transform:none;
}

.clear-section .clear-card.expanded::before{
  opacity:1;
}

@media (max-width:1100px){
  .clear-section .clear-background-layer .clear-system-visual{
    --clear-system-fade-extension:260px;
    --clear-system-fade-hold:80px;
    --clear-system-fade-end:250px;
  }
}

@media (max-width:700px){
  .clear-section .clear-background-layer .clear-system-visual{
    --clear-system-fade-extension:200px;
    --clear-system-fade-hold:60px;
    --clear-system-fade-end:190px;
  }
}

/* Keep the Applied Thinking exemplar scale above later shared type-role rules. */
.public-breakdowns-section .public-breakdowns-kicker{
  font-size:12px;
}

.public-breakdowns-section .public-breakdowns-title{
  font-size:clamp(50px, 3.4vw, 54px);
  line-height:0.96;
}

.public-breakdowns-section .public-breakdowns-copy{
  font-size:17px;
  line-height:1.58;
}

.public-breakdowns-section .public-breakdowns-panel-step{
  font-size:16px;
}

.public-breakdowns-section .public-breakdowns-panel-title{
  font-size:25px;
  line-height:1.05;
}

.public-breakdowns-section .public-breakdowns-panel-text{
  font-size:16px;
  line-height:1.48;
}

@media (max-width:1100px){
  .public-breakdowns-section .public-breakdowns-title{
    font-size:clamp(48px, 5.2vw, 52px);
  }

  .public-breakdowns-section .public-breakdowns-copy{
    font-size:16px;
  }

  .public-breakdowns-section .public-breakdowns-panel-title{
    font-size:22px;
  }

  .public-breakdowns-section .public-breakdowns-panel-text{
    font-size:14.5px;
  }
}

@media (max-width:700px){
  .public-breakdowns-section .public-breakdowns-title{
    font-size:clamp(42px, 11vw, 46px);
  }

  .public-breakdowns-section .public-breakdowns-copy{
    font-size:15px;
    line-height:1.5;
    letter-spacing:-0.012em;
  }

  .public-breakdowns-section .public-breakdowns-panel-step{
    font-size:13px;
  }

  .public-breakdowns-section .public-breakdowns-panel-title{
    font-size:20px;
  }

  .public-breakdowns-section .public-breakdowns-panel-text{
    font-size:14px;
    line-height:1.5;
  }
}

@media (max-width:480px){
  .public-breakdowns-section .public-breakdowns-panel-title{
    font-size:18px;
  }
}

/* Contact finale: actual brand globes mounted inside one section-level instrument field. */
.contact-section{
  position:relative;
  isolation:isolate;
  overflow:visible;
}

.contact-section > .contact-atmosphere{
  --contact-atmosphere-inset:-170px;
  --contact-atmosphere-edge:170px;
  --contact-atmosphere-mid:104px;
  --contact-atmosphere-near:42px;
  position:absolute;
  inset:var(--contact-atmosphere-inset) 0;
  z-index:0;
  overflow:visible;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none;
  contain:none;
  -webkit-mask-image:linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.22) var(--contact-atmosphere-near),
    rgba(0, 0, 0, 0.66) var(--contact-atmosphere-mid),
    #000 var(--contact-atmosphere-edge),
    #000 calc(100% - var(--contact-atmosphere-edge)),
    rgba(0, 0, 0, 0.66) calc(100% - var(--contact-atmosphere-mid)),
    rgba(0, 0, 0, 0.22) calc(100% - var(--contact-atmosphere-near)),
    transparent 100%
  );
  mask-image:linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.22) var(--contact-atmosphere-near),
    rgba(0, 0, 0, 0.66) var(--contact-atmosphere-mid),
    #000 var(--contact-atmosphere-edge),
    #000 calc(100% - var(--contact-atmosphere-edge)),
    rgba(0, 0, 0, 0.66) calc(100% - var(--contact-atmosphere-mid)),
    rgba(0, 0, 0, 0.22) calc(100% - var(--contact-atmosphere-near)),
    transparent 100%
  );
}

.contact-section > .contact-atmosphere::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 18% 49%, rgba(68, 112, 219, 0.14) 0%, rgba(35, 71, 158, 0.055) 26%, transparent 49%),
    radial-gradient(circle at 82% 47%, rgba(68, 112, 219, 0.13) 0%, rgba(35, 71, 158, 0.05) 25%, transparent 48%),
    radial-gradient(ellipse at 50% 88%, rgba(52, 89, 174, 0.07) 0%, transparent 48%);
}

.contact-section > .contact-atmosphere::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:
    linear-gradient(90deg, transparent 0%, rgba(2, 8, 24, 0.12) 24%, rgba(2, 8, 24, 0.38) 50%, rgba(2, 8, 24, 0.12) 76%, transparent 100%),
    linear-gradient(180deg, rgba(2, 8, 24, 0.22) 0%, transparent 17%, transparent 73%, rgba(2, 8, 24, 0.18) 100%);
}

.contact-atmosphere__geometry{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

.contact-geometry__orbit,
.contact-geometry__arc,
.contact-geometry__axis,
.contact-geometry__ticks path,
.contact-geometry__calibration path,
.contact-geometry__lower-orbit{
  fill:none;
  vector-effect:non-scaling-stroke;
}

.contact-geometry__orbit--main{
  stroke:url(#contact-orbit-stroke);
  stroke-width:1;
}

.contact-geometry__orbit--secondary{
  stroke:rgba(100, 148, 245, 0.16);
  stroke-width:0.8;
  stroke-dasharray:2 9;
}

.contact-geometry__arc{
  stroke:rgba(102, 151, 250, 0.12);
  stroke-width:0.75;
  stroke-dasharray:74 16 2 18;
}

.contact-geometry__arc--lower{
  stroke-opacity:0.68;
}

.contact-geometry__axis{
  stroke:rgba(105, 153, 250, 0.13);
  stroke-width:0.7;
}

.contact-geometry__axis--vertical{
  stroke:rgba(115, 163, 255, 0.12);
  stroke-dasharray:96 12 2 14;
}

.contact-geometry__ticks path{
  stroke:rgba(130, 174, 255, 0.25);
  stroke-width:0.8;
}

.contact-geometry__calibration path{
  stroke:rgba(137, 182, 255, 0.28);
  stroke-width:0.8;
}

.contact-geometry__calibration circle{
  fill:none;
  stroke:rgba(134, 178, 255, 0.32);
  stroke-width:0.8;
  vector-effect:non-scaling-stroke;
}

.contact-geometry__node{
  fill:#83b2ff;
  opacity:0.62;
  filter:url(#contact-node-glow);
}

.contact-geometry__node--bright{
  fill:url(#contact-node-fill);
  opacity:0.92;
}

.contact-geometry__stars circle{
  fill:#9fc4ff;
  opacity:0.54;
}

.contact-geometry__lower-orbit{
  stroke:rgba(95, 142, 239, 0.15);
  stroke-width:0.8;
}

.contact-geometry__lower-orbit--inner{
  stroke:rgba(111, 158, 250, 0.12);
  stroke-dasharray:2 8;
}

.contact-logo-globe{
  position:absolute;
  z-index:2;
  display:block;
  width:clamp(800px, 58vw, 980px);
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:contain;
  opacity:0.23;
  filter:
    brightness(0.62)
    saturate(0.74)
    contrast(1.12)
    drop-shadow(0 0 28px rgba(67, 110, 214, 0.12));
}

.contact-logo-globe--left{
  left:18.5%;
  top:49%;
  transform:translate(-50%, -50%);
}

.contact-logo-globe--right{
  left:82.5%;
  top:47.5%;
  width:clamp(780px, 56vw, 950px);
  opacity:0.2;
  transform:translate(-50%, -50%);
}

.contact-section > .wrap{
  position:relative;
  z-index:2;
}

.contact-section .contact-card,
.contact-section .contact-social{
  isolation:isolate;
}

.contact-section .contact-domain-wordmark{
  text-shadow:
    0 0 24px rgba(94, 141, 232, 0.08),
    0 12px 42px rgba(1, 6, 20, 0.42);
}

@media (max-width:1100px){
  .contact-logo-globe{
    width:clamp(650px, 72vw, 790px);
    opacity:0.19;
  }

  .contact-logo-globe--left{
    left:11%;
    top:46%;
  }

  .contact-logo-globe--right{
    left:90%;
    top:45%;
    width:clamp(630px, 69vw, 760px);
    opacity:0.17;
  }

  .contact-geometry__stars,
  .contact-geometry__calibration circle:nth-of-type(even){
    opacity:0.72;
  }
}

@media (max-width:820px){
  .contact-section > .contact-atmosphere{
    --contact-atmosphere-inset:-120px;
    --contact-atmosphere-edge:120px;
    --contact-atmosphere-mid:72px;
    --contact-atmosphere-near:30px;
  }

  .contact-section > .contact-atmosphere::before{
    background:
      radial-gradient(circle at 50% 38%, rgba(68, 112, 219, 0.11) 0%, rgba(35, 71, 158, 0.035) 28%, transparent 52%),
      radial-gradient(ellipse at 50% 88%, rgba(52, 89, 174, 0.045) 0%, transparent 44%);
  }

  .contact-section > .contact-atmosphere::after{
    background:
      linear-gradient(90deg, rgba(2, 8, 24, 0.12), rgba(2, 8, 24, 0.3) 50%, rgba(2, 8, 24, 0.12)),
      linear-gradient(180deg, rgba(2, 8, 24, 0.24), transparent 19%, transparent 67%, rgba(2, 8, 24, 0.18));
  }

  .contact-atmosphere__geometry{
    opacity:0.52;
  }

  .contact-geometry__arc,
  .contact-geometry__ticks,
  .contact-geometry__calibration,
  .contact-geometry__stars,
  .contact-geometry__orbit--secondary{
    display:none;
  }

  .contact-logo-globe--left{
    left:50%;
    top:38%;
    width:min(760px, 150vw);
    opacity:0.12;
    transform:translate(-50%, -50%);
  }

  .contact-logo-globe--right{
    display:none;
  }
}

@media (max-width:520px){
  .contact-atmosphere__geometry{
    opacity:0.34;
  }

  .contact-geometry--lower,
  .contact-geometry__axis--horizontal{
    display:none;
  }

  .contact-logo-globe--left{
    top:34%;
    width:164vw;
    opacity:0.1;
  }
}

/* Keep the Repeatability-to-Audit transition clean; Audit lighting lives inside its orbit field. */
.audit-section[data-motion-section]::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  animation:none !important;
}

/* Contact owns a full atmospheric field; avoid a second boundary-centered ellipse. */
.contact-section[data-motion-section]::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  animation:none !important;
}

/* C.L.E.A.R. cards: one measured layout dimension; content motion stays composited. */
.clear-section .clear-card.expanded .clear-card-details{
  height:calc(var(--clear-open-height, 680px) - 0.4375px);
  max-height:none;
  margin-top:0;
  padding-top:0;
  border-top:0;
}

/* Applied Thinking: remove only the section-level transition atmosphere. */
.public-breakdowns-section{
  background:none;
}

.public-breakdowns-section[data-motion-section]::after,
.public-breakdowns-section .public-breakdowns-shell::before{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  animation:none !important;
}

.public-breakdowns-section .public-breakdowns-panel::after{
  content:none !important;
  display:none !important;
  background:none !important;
  filter:none !important;
  opacity:0 !important;
}

/* Let the existing C.L.E.A.R. SVG atmosphere fade below its section edge. */
.clear-section,
.clear-section .clear-background-layer{
  overflow:visible;
}

/* Targeted homepage polish: audit detail modal and breakdown spacing. */

.audit-section .audit-cta-block{
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

.audit-section .audit-see-more{
  min-height:50px;
  padding-inline:22px;
  font:inherit;
  border-color:rgba(183, 209, 255, 0.2);
  background:rgba(13, 28, 65, 0.56);
  color:rgba(232, 240, 255, 0.9);
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 26px rgba(0, 6, 22, 0.2);
}

.audit-section .audit-see-more:hover,
.audit-section .audit-see-more:focus-visible{
  border-color:rgba(183, 209, 255, 0.34);
  background:rgba(23, 43, 91, 0.72);
}


.audit-detail-modal{
  position:fixed;
  inset:0;
  z-index:1100;
  display:grid;
  place-items:center;
  padding:clamp(14px, 3vw, 32px);
}

.audit-detail-modal[hidden]{
  display:none;
}

.audit-detail-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(1, 5, 18, 0.7);
  -webkit-backdrop-filter:blur(13px) saturate(0.88);
  backdrop-filter:blur(13px) saturate(0.88);
  opacity:0;
  transition:opacity 240ms ease;
}

.audit-detail-modal__panel{
  position:relative;
  width:min(1040px, 94vw);
  border:1px solid rgba(174, 205, 255, 0.24);
  border-radius:26px;
  background:
    radial-gradient(70% 80% at 88% 5%, rgba(67, 112, 221, 0.15), transparent 70%),
    linear-gradient(145deg, rgba(15, 29, 65, 0.98), rgba(5, 14, 36, 0.99));
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 34px 90px rgba(0, 0, 0, 0.58);
  color:var(--text);
  opacity:0;
  transform:translateY(12px) scale(0.985);
  transition:opacity 240ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.audit-detail-modal.is-open .audit-detail-modal__backdrop,
.audit-detail-modal.is-open .audit-detail-modal__panel{
  opacity:1;
}

.audit-detail-modal.is-open .audit-detail-modal__panel{
  transform:none;
}

.audit-detail-modal__panel:focus{
  outline:none;
}

.audit-detail-modal__scroll{
  overscroll-behavior:contain;
  scrollbar-color:rgba(128, 174, 255, 0.52) rgba(4, 12, 31, 0.45);
}

.audit-detail-modal__close{
  position:absolute;
  z-index:3;
  top:18px;
  right:18px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(180, 210, 255, 0.22);
  border-radius:50%;
  background:rgba(8, 20, 49, 0.86);
  color:#f3f7ff;
  font:400 29px/1 var(--font-body);
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 24px rgba(0, 0, 0, 0.25);
  transition:transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.audit-detail-modal__close:hover,
.audit-detail-modal__close:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(195, 221, 255, 0.46);
  background:rgba(22, 43, 91, 0.94);
  outline:2px solid rgba(130, 180, 255, 0.34);
  outline-offset:3px;
}


.audit-detail-modal__kicker{
  margin:0;
  color:rgba(202, 220, 251, 0.72);
  font-size:13px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.audit-detail-modal__title{
  margin:10px 0 0;
  color:#f4ecdf;
  font-family:var(--font-hero-display);
  font-size:clamp(32px, 4.6vw, 54px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-0.045em;
}

.audit-detail-modal__rule{
  width:58px;
  height:2px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(133, 180, 255, 0.95), rgba(91, 139, 236, 0.18));
  box-shadow:0 0 16px rgba(88, 145, 255, 0.3);
}

.audit-detail-modal__summary{
  display:grid;
  gap:8px;
  color:rgba(222, 231, 248, 0.86);
  font-size:clamp(15px, 1.5vw, 17px);
  line-height:1.65;
}

.audit-detail-modal__summary p,
.audit-detail-modal__item p,
.audit-detail-modal__meta p{
  margin:0;
}

.audit-detail-modal__deliverables{
  display:grid;
  margin-top:34px;
  border-top:1px solid rgba(149, 187, 255, 0.16);
  border-bottom:1px solid rgba(149, 187, 255, 0.16);
}

.audit-detail-modal__item{
  display:grid;
  grid-template-columns:44px minmax(200px, 0.65fr) minmax(0, 1.35fr);
  gap:18px;
  align-items:start;
  padding:22px 0;
  text-align:left;
}

.audit-detail-modal__item + .audit-detail-modal__item{
  border-top:1px solid rgba(149, 187, 255, 0.12);
}

.audit-detail-modal__item .services-detail-item-icon{
  width:32px;
  height:32px;
  margin-top:1px;
  background:rgba(18, 35, 78, 0.86);
  border-color:rgba(149, 187, 255, 0.28);
}

.audit-detail-modal__item:nth-child(3) .services-detail-item-icon{
  align-self:center;
  margin-top:0;
}

.audit-detail-modal__item-heading h3{
  margin:0;
  color:#f2f6ff;
  font-size:clamp(15px, 1.5vw, 17px);
  font-weight:700;
  line-height:1.35;
}

.audit-detail-modal__item-heading span{
  display:block;
  margin-top:4px;
  color:rgba(205, 219, 244, 0.68);
  font-size:13px;
  font-weight:600;
}

.audit-detail-modal__item > p{
  color:rgba(214, 225, 245, 0.78);
  font-size:14px;
  line-height:1.6;
}

.audit-detail-modal__meta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 28px;
  padding:24px 0 4px;
  color:rgba(210, 222, 243, 0.76);
  font-size:13.5px;
  line-height:1.58;
}

.audit-detail-modal__meta strong{
  color:rgba(243, 247, 255, 0.96);
  font-weight:700;
}

.audit-detail-modal__cta{
  display:flex;
  justify-content:center;
  margin-top:28px;
  padding-top:26px;
  border-top:1px solid rgba(149, 187, 255, 0.14);
}

.audit-detail-modal__cta .btn{
  min-height:50px;
  padding-inline:25px;
}

@media (max-width:980px){
  .repeat-section::before{
    top:520px !important;
  }
}

@media (max-width:900px){
  .repeat-section::before{
    top:450px !important;
  }

  .audit-detail-modal__item{
    grid-template-columns:40px minmax(190px, 0.75fr) minmax(0, 1.25fr);
  }
}

@media (max-width:700px){
  .audit-detail-modal{
    padding:10px;
  }

  .audit-detail-modal__panel,
  .audit-detail-modal__scroll{
    max-height:calc(100vh - 20px);
    max-height:calc(100dvh - 20px);
  }

  .audit-detail-modal__panel{
    width:100%;
    border-radius:20px;
  }


  .audit-detail-modal__close{
    top:13px;
    right:13px;
    width:38px;
    height:38px;
  }


  .audit-detail-modal__deliverables{
    margin-top:28px;
  }

  .audit-detail-modal__item{
    grid-template-columns:36px minmax(0, 1fr);
    gap:8px 12px;
    padding:20px 0;
  }

  .audit-detail-modal__item:nth-child(3) .services-detail-item-icon{
    grid-row:1 / span 2;
  }

  .audit-detail-modal__item > p{
    grid-column:2;
  }

  .audit-detail-modal__meta{
    grid-template-columns:1fr;
    gap:12px;
  }
}

@media (max-width:600px){
  .case-section .case-inner{
    text-align:center;
  }

  .case-section .case-kicker{
    margin:0;
    font-size:11px;
    line-height:1;
    letter-spacing:0.22em;
    text-align:center;
  }

  .case-section .case-title{
    max-width:13ch;
    margin:14px auto 0;
    font-size:clamp(30px, 8.2vw, 34px);
    line-height:1.02;
  }

  .case-section .case-title-rule{
    width:min(240px, 64vw);
    height:1px;
    margin:14px auto 0;
    background:linear-gradient(90deg, rgba(106,151,245,0), rgba(123,172,255,0.72) 50%, rgba(106,151,245,0));
  }

  .case-section .case-sub{
    max-width:34ch;
    margin:14px auto 0;
    font-size:15px;
    line-height:1.55;
  }

  .case-section .case-grid{
    margin-top:28px;
  }

  .audit-section .audit-cta-block{
    width:100%;
    align-items:stretch;
  }

  .audit-section .audit-cta-block .btn.primary,
  .audit-section .audit-see-more{
    width:100%;
  }

  .public-breakdowns-section .public-breakdowns-bottom{
    margin-top:48px;
  }
}

@media (max-width:767px) {
  /* Keep the ribbon's visible artwork thick and aligned behind the panel. */
  .repeat-section::before{
    top:auto !important;
    bottom:calc(var(--section-space) + 100px);
    left:0;
    width:100%;
    height:145px;
    aspect-ratio:auto;
    transform:none !important;
    background-image:url("../optimized/ribbon-image-v3-mobile.webp") !important;
    background-position:center !important;
    background-size:cover !important;
  }
}

@media (orientation:landscape) and (min-width:700px) and (max-width:932px) and (max-height:430px){

      /* ---------- GLOBAL TYPE SCALE ---------- */

      /* Base reading size – close to portrait, not desktop-big */
      body {
        font-size: 15px;
        line-height: 1.7;
      }


      /* ---------- SECTION TITLES ---------- */

      .repeat-title,
      .case-title,
      .services-title,
      .clear-title,
      .contact-title {
        font-size: 21px;
        line-height: 1.28;
      }

.audit-title {
        font-size: 19px;
        line-height: 1.28;
      }


      /* ---------- SECTION SUBCOPY / INTROS ---------- */

      .repeat-sub,
      .case-sub,
      .services-subtext,
      .clear-sub,
      .contact-sub {
        font-size: 12.5px;
        line-height: 1.65;
        margin-top: 6px;
        opacity: 0.8;
      }

      .services-subtitle {
        font-size: 12.5px;
      }

      /* ---------- CLEAR CARDS ---------- */

      .clear-card-title {
        font-size: 14px;
        line-height: 1.35;
      }

      .clear-card-text,
      .clear-card-details p,
      .clear-card-details ul {
        font-size: 12px;
        line-height: 1.6;
      }

      .clear-bottom-text {
        font-size: 12px;
        line-height: 1.55;
      }


      /* ---------- SERVICES CARDS ---------- */

      .service-tagline {
        font-size: 13px;
        line-height: 1.6;
      }



      .service-link {
        font-size: 12px;
      }

      .service-badge {
        font-size: 11.5px;
      }

      .services-grid {
        align-items: center;
      }

      /* ---------- REPEATABILITY PANEL ---------- */

      .repeat-col h3 {
        font-size: 14.5px;
      }

      .repeat-col li {
        font-size: 12.5px;
        line-height: 1.5;
      }

      .repeat-mid .mid-text {
        font-size: 14.5px;
        line-height: 1.4;
      }

      .repeat-tag {
        font-size: 11.5px;
      }


      /* ---------- CASE / PORTFOLIO ---------- */

      .case-name {
        font-size: 16px;
        line-height: 1.3;
      }

      .case-desc {
        font-size: 13px;
        line-height: 1.6;
      }

      .case-bullets {
        font-size: 13px;
        line-height: 1.6;
      }

      .case-link {
        font-size: 12.5px;
      }

      .case-expanded {
        font-size: 13px;
        line-height: 1.7;
      }

      .case-expanded-heading {
        font-size: 13.5px;
      }

      .case-ppp-label {
        font-size: 13px;
      }

      .case-ppp-body {
        font-size: 13px;
        line-height: 1.6;
      }


      /* ---------- CONTACT ---------- */

      .contact-card h3 {
        font-size: 14.5px;
      }

      .contact-card p {
        font-size: 13px;
        line-height: 1.6;
      }


      /* ---------- FOOTER ---------- */

      .site-footer {
        font-size: 13px;
      }


      /* ---------- AUDIT SECTION – LAYOUT + TYPE ---------- */



      /* ---------- AUDIT HEADINGS ---------- */

      .audit-head {
        position: relative;
        padding-bottom: 32px;
        text-align: center;
      }

      .audit-title {
        max-width: 520px;
        margin: 0 auto;
        text-align: center;
        transform: translateY(20px);
      }



      /* ---------- AUDIT BODY ---------- */

      .audit-body {
        font-size: 13px;
        line-height: 1.7;
      }

      .audit-subtitle {
        font-size: 12.5px;
      }

      .audit-list {
        font-size: 13px;
        line-height: 1.6;
      }


      .audit-cta-block .btn.primary {
        width: 260px;
        font-size: 13px;
        padding: 11px 22px;
      }




  body{
    height:auto;
    min-height:100%;
  }

  header{
    padding-top:max(4px, env(safe-area-inset-top));
  }

  header .wrap,
  .hero > .wrap,
  main > .page-section > .wrap{
    padding-left:max(22px, calc(env(safe-area-inset-left) + 8px));
    padding-right:max(22px, calc(env(safe-area-inset-right) + 8px));
  }

  main > .page-section:not(.hero){
    padding-block:32px !important;
  }

  .hero{
    --hero-galaxy-top:calc(314px + 4.17vw);
    --hero-galaxy-height:156px;
    padding-top:34px;
  }

  .hero .hero-background-layer{
    overflow:visible !important;
  }

  .hero .hero-background-layer .galaxy-bridge-section,
  .hero .hero-background-layer .galaxy-bridge-surface{
    overflow:visible !important;
  }

  .hero .hero-background-layer .galaxy-bridge-section{
    width:100% !important;
    max-width:none !important;
    inset-inline:auto !important;
    left:0 !important;
    right:auto !important;
    transform:none !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    -webkit-mask-image:none;
    mask-image:none;
  }

  .hero .hero-background-layer .galaxy-bridge-canvas{
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.72) 12%, #000 24%, #000 76%, rgba(0,0,0,.72) 88%, transparent 100%);
    mask-image:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.72) 12%, #000 24%, #000 76%, rgba(0,0,0,.72) 88%, transparent 100%);
  }

  .hero .wrap > h1,
  .hero .wrap > .hero-sub,
  .hero .wrap > .hero-ctas{
    top:0 !important;
  }

  .hero h1{
    font-size:clamp(36px, 4.6vw, 40px);
    line-height:1.06;
  }

  .hero-sub{
    font-size:13.5px;
    line-height:1.7;
  }

  .hero-ctas{
    flex-direction:row;
  }

  .hero .hero-ctas .btn{
    width:auto;
    font-size:12.5px;
  }

  .hero-background-layer > .hero-orbit-field{
    top:260px !important;
    width:min(158vw, 1340px) !important;
    height:min(122vw, 760px) !important;
    opacity:.78;
  }

  .hero .trust-row{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:100%;
    max-width:none;
    margin-top:calc(var(--hero-galaxy-height) + 128px) !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .hero .trust-card,
  .hero .trust-card:hover,
  .hero .trust-card:focus-within,
  .hero .trust-card.is-active{
    display:grid;
    grid-template-columns:72px minmax(0, 1fr);
    grid-template-rows:auto auto;
    column-gap:10px;
    align-items:center;
    width:100%;
    max-width:none;
    min-width:0;
    min-height:118px;
    padding:12px 12px 12px 9px;
    border:1px solid rgba(165, 197, 255, .22) !important;
    border-radius:18px;
    background:linear-gradient(105deg, rgba(15, 31, 72, .74), rgba(8, 20, 51, .48)) !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 30px rgba(0, 8, 30, .18) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:hidden;
    text-align:left;
  }

  .hero .trust-step{
    position:absolute !important;
    left:9px;
    top:8px;
    width:auto;
    height:auto;
    display:block;
    transform:none;
    border:0;
    background:none;
    box-shadow:none;
    font-size:9px;
    z-index:2;
  }

  .hero .trust-visual{
    grid-column:1;
    grid-row:1 / span 2;
    width:68px;
    height:68px;
    margin:0;
    flex-basis:auto;
  }

  .hero .trust-visual::before{
    inset:6px;
    filter:blur(8px);
  }

  .hero .trust-visual img{
    width:66px;
    height:66px;
    max-width:66px;
    max-height:66px;
    object-fit:contain;
  }

  .hero .trust-title{
    grid-column:2;
    grid-row:1;
    min-height:0;
    max-width:none;
    margin:0 0 3px;
    display:block;
    font-size:15px;
    line-height:1.16;
    text-align:left;
  }

  .hero .trust-title::after{
    content:none;
  }

  .hero .trust-text{
    grid-column:2;
    grid-row:2;
    min-height:0;
    max-width:24ch;
    margin:0;
    font-size:11px;
    line-height:1.38;
    text-align:left;
  }

  .repeat-section{
    --repeat-landscape-panel-height:260px;
    --repeat-landscape-ribbon-height:210px;
    --repeat-landscape-ribbon-inset:25px;
    --repeat-landscape-section-pad:32px;
  }

  .repeat-section .repeat-title{
    margin-bottom:12px;
    font-size:26px;
    line-height:1.08;
  }

  .repeat-section .repeat-overview .repeat-sub{
    margin-bottom:15px;
    font-size:12px;
    line-height:1.45;
  }

  .repeat-section .repeat-decay{
    width:min(640px, 76vw);
    max-width:640px;
  }

  .repeat-section .repeat-system-link{
    flex-basis:34px;
    height:34px;
  }

  .repeat-section .repeat-system-link__beam,
  .repeat-section .repeat-system-link__trace{
    filter:none !important;
  }

  .repeat-section .repeat-panel{
    position:relative;
    z-index:1;
    margin-top:0;
  }

  .repeat-section .repeat-grid{
    grid-template-columns:minmax(0, 31%) minmax(0, 38%) minmax(0, 31%);
    height:var(--repeat-landscape-panel-height);
    min-height:var(--repeat-landscape-panel-height);
  }

  .repeat-section .repeat-col,
  .repeat-section .repeat-mid{
    min-width:0;
    padding:16px 13px 40px;
  }

  .repeat-section .repeat-col h3{
    min-height:0;
    margin:0 auto 8px;
    font-size:12px;
    line-height:1.3;
  }

  .repeat-section .repeat-col li{
    font-size:10.5px;
    line-height:1.4;
  }

  .repeat-section .repeat-col li + li{
    margin-top:4px;
  }

  .repeat-section .repeat-mid .mid-text{
    font-size:12px;
    line-height:1.4;
  }

  .repeat-section .repeat-tags{
    min-height:36px;
    height:36px;
    padding:7px;
  }

  .repeat-section .repeat-tag{
    font-size:9.5px;
  }

  .repeat-section::before{
    top:auto !important;
    right:0;
    bottom:calc(var(--repeat-landscape-section-pad) + var(--repeat-landscape-ribbon-inset));
    left:0;
    width:100%;
    height:var(--repeat-landscape-ribbon-height);
    transform:none !important;
    background-image:-webkit-image-set(
      url("../optimized/ribbon-image-v3-edited-1440.webp") 1x,
      url("../optimized/ribbon-image-v3-edited-1920.webp") 2x,
      url("../optimized/ribbon-image-v3-edited-2880.webp") 3x
    ) !important;
    background-image:image-set(
      url("../optimized/ribbon-image-v3-edited-1440.webp") 1x,
      url("../optimized/ribbon-image-v3-edited-1920.webp") 2x,
      url("../optimized/ribbon-image-v3-edited-2880.webp") 3x
    ) !important;
    background-position:center !important;
    background-size:cover !important;
    filter:none !important;
  }



  .audit-section .audit-head{
    padding-bottom:12px;
    text-align:left;
  }

  .audit-section .audit-title{
    margin:0;
    text-align:left;
    transform:none;
  }

  .audit-section .audit-body,
  .audit-section .audit-list{
    font-size:11px;
    line-height:1.48;
  }

  .audit-section .audit-body{
    margin-block:8px 4px;
  }

  .audit-section .audit-subtitle{
    margin-block:9px 4px;
    font-size:11px;
  }

  .audit-section .audit-list li + li{
    margin-top:2px;
  }

  .audit-section .audit-emphasis{
    margin-top:10px;
    font-size:11px;
  }

  .audit-section .audit-summary{
    margin-top:13px !important;
    padding-top:12px;
  }

  .audit-section .audit-feature-stage{
    min-height:330px;
  }

  .clear-section .clear-cards{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:8px;
    width:100%;
    max-width:none;
    margin-top:24px;
  }

  .clear-section .clear-cards::before,
  .clear-section .clear-card::before{
    content:none;
  }

  .clear-section .clear-card{
    min-width:0;
    min-height:170px;
    padding:12px 10px 11px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    overflow:visible;
    border-radius:15px;
  }

  .clear-section .clear-card::after{
    top:13px;
    right:10px;
    width:24px;
    height:24px;
    transform:none;
    font-size:18px;
  }

  .clear-section .clear-card-letter{
    flex:0 0 44px;
    width:44px;
    min-height:44px;
    font-size:34px;
  }

  .clear-section .clear-card-divider{
    flex:0 0 1px;
    width:100%;
    height:1px;
    margin:9px 0;
  }

  .clear-section .clear-card-body{
    min-width:0;
    min-height:0;
    padding-right:0;
    justify-content:flex-start;
    gap:4px;
  }

  .clear-section .clear-card-title{
    padding-right:25px;
    font-size:12.5px;
    line-height:1.25;
  }

  .clear-section .clear-card-text,
  .clear-section .clear-card-details p,
  .clear-section .clear-card-details ul{
    font-size:9.5px;
    line-height:1.38;
  }

  .clear-section .clear-card-details-inner{
    --clear-details-rule-offset:8px;
    --clear-details-content-offset:17px;
    --clear-details-end-space:0px;
  }

  .clear-section .clear-bottom{
    margin-top:22px;
  }

  .public-breakdowns-section .public-breakdowns-shell{
    min-height:0;
    padding:24px !important;
  }

  .public-breakdowns-section .public-breakdowns-layout{
    grid-template-columns:minmax(0, 1fr) minmax(260px, 280px);
    gap:18px;
    min-height:0;
  }

  .public-breakdowns-section .public-breakdowns-intro{
    min-width:0;
    padding-top:0;
  }

  .public-breakdowns-section .public-breakdowns-kicker{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0;
    gap:9px;
    padding:0;
    line-height:1;
    letter-spacing:.24em;
  }

  .public-breakdowns-section .public-breakdowns-kicker-dot{
    display:inline-block;
    flex:0 0 8px;
    width:8px;
    height:8px;
    border-radius:50%;
    opacity:1;
    background:#8bb8ff;
    box-shadow:0 0 0 5px rgba(113,165,255,.12), 0 0 16px rgba(126,183,255,.66);
  }

  .public-breakdowns-section .public-breakdowns-title{
    font-size:34px;
    line-height:.98;
  }

  .public-breakdowns-section .public-breakdowns-title-rule{
    width:100%;
    max-width:100%;
    margin-top:13px;
  }

  .public-breakdowns-section .public-breakdowns-copy,
  .public-breakdowns-section .public-breakdowns-title-rule + .public-breakdowns-copy{
    margin-top:13px;
    font-size:11.5px;
    line-height:1.43;
  }

  .public-breakdowns-section .public-breakdowns-cosmos{
    width:min(280px, 100%);
    min-height:0;
    margin:0 auto;
    transform:none;
  }

  .public-breakdowns-section .public-breakdowns-showcase{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    max-width:none;
    gap:16px;
    margin-top:20px;
  }

  .public-breakdowns-section .public-breakdowns-panel{
    min-width:0;
    min-height:0;
    padding:16px 14px 13px;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:hidden;
  }

  .public-breakdowns-section .public-breakdowns-panel-head{
    display:grid;
    grid-template-columns:28px 46px minmax(0, 1fr);
    gap:8px;
    min-width:0;
    height:112px;
    min-height:112px;
    align-items:start;
  }

  .public-breakdowns-section .public-breakdowns-panel-step{
    padding:4px 5px 0 0;
  }

  .public-breakdowns-section .public-breakdowns-panel-icon{
    width:46px;
    height:46px;
  }

  .public-breakdowns-section .public-breakdowns-panel-icon-svg{
    width:22px;
    height:22px;
  }

  .public-breakdowns-section .public-breakdowns-panel-copy{
    min-width:0;
    padding-top:0;
  }

  .public-breakdowns-section .public-breakdowns-panel-title{
    margin:0;
    font-size:17px;
  }

  .public-breakdowns-section .public-breakdowns-panel-text{
    max-width:none;
    margin:6px 0 0;
    font-size:11px;
    line-height:1.4;
  }

  .public-breakdowns-section .public-breakdowns-placeholder,
  .public-breakdowns-section .public-breakdowns-placeholder--framework{
    width:100%;
    max-width:100%;
    height:176px;
    min-height:176px;
    margin-top:12px;
  }

  .public-breakdowns-section .public-breakdowns-panel-tags{
    gap:5px;
    margin-top:9px;
  }

  .public-breakdowns-section .public-breakdowns-panel-tags span{
    min-width:0;
    padding:5px 8px;
    font-size:9.5px;
  }

  .services-section .services-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:11px;
    width:100%;
    max-width:none;
    margin-top:22px;
    align-items:stretch;
  }

  .services-section .service-card{
    min-width:0;
    min-height:344px;
    padding:12px;
  }

  .services-section .service-cover{
    width:min(138px, 76%);
    margin:0 auto 9px;
  }

  .services-section .service-card-body{
    gap:7px;
  }

  .services-section .service-tagline,
  .services-section .service-link{
    font-size:10.5px;
    line-height:1.4;
  }

  .services-section .service-badge{
    padding:5px 8px;
    font-size:9.5px;
  }

.case-section .case-grid{
    margin-top:24px;
  }




  .case-section .case-name{
    font-size:17px;
  }

  .case-section .case-desc,
  .case-section .case-bullets,
  .case-section .case-link,
  .case-section .case-section-cta p{
    font-size:10.5px;
    line-height:1.42;
  }

  .about-section .about-inner{
    grid-template-columns:clamp(200px, 24vw, 220px) minmax(0, 1fr);
    gap:clamp(14px, 2vw, 18px);
    max-width:none;
    align-items:start;
  }

  .about-section .about-photo{
    width:100%;
    height:auto;
    aspect-ratio:1848 / 1605;
    align-self:start;
    margin:0;
    border-radius:20px;
  }

  .about-section .about-photo img{
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center;
  }

  .about-section .about-card{
    width:100%;
    max-width:none;
    padding:18px 20px;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  .about-section .about-identity{
    margin-bottom:8px;
  }

  .about-section .about-title{
    font-size:30px;
  }

  .about-section .about-divider,
  .about-section .about-divider--glow{
    margin-block:12px;
  }

  .about-section .about-summary{
    display:block;
    grid-template-columns:minmax(0, 1fr);
    margin-bottom:10px;
    text-align:center;
  }

  .about-section .about-summary-icon{
    display:none;
  }

  .about-section .about-summary .about-subhead{
    text-align:center;
  }

  .about-section .about-body{
    margin-bottom:10px;
  }

  .about-section .about-body + .about-body{
    margin-top:8px;
  }

  .about-section .about-subsection-title{
    margin:14px 0 8px;
  }

  .about-section .about-list{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:9px;
    margin-bottom:8px;
  }

  .about-section .about-list li,
  .about-section .about-list li:first-child{
    display:block;
    min-width:0;
    padding:7px;
  }

  .about-section .about-list li::before,
  .about-section .about-list li::after{
    content:none;
  }

  .about-section .about-divider--bottom{
    margin:10px 0;
  }

  .about-section .about-closing-row{
    gap:10px;
    margin-bottom:12px;
  }

  .about-section .about-cta{
    gap:8px;
  }

  .about-section .about-cta .btn{
    min-height:46px;
    padding:11px 20px;
  }

  .about-section .about-body,
  .about-section .about-subhead,
  .about-section .about-list li p,
  .about-section .about-work-title,
  .about-section .about-closing{
    font-size:10.5px;
    line-height:1.42;
  }

  .contact-section .contact-actions{
    grid-template-columns:minmax(0, 1.25fr) minmax(0, .95fr);
    gap:14px;
    max-width:none;
    margin-top:24px;
  }

  .contact-section .contact-card{
    min-height:0;
    padding:18px;
  }

  .contact-section .contact-domain-wordmark{
    margin-top:28px;
    font-size:min(8vw, 72px);
  }

  .repeat-section :is(.repeat-col, .repeat-mid),
  .audit-section :is(.audit-shell, .audit-feature-inner),
  .clear-section .clear-card,
  .case-section .case-card{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  /* Keep the diagnostic instrument proportional to the copy column. */
  .audit-section .audit-shell{
    padding:18px !important;
  }

  .audit-section .audit-shell .audit-main{
    grid-template-columns:minmax(0, 1.18fr) minmax(286px, .82fr) !important;
    gap:18px !important;
    align-items:center !important;
  }

  .audit-section .audit-feature{
    align-self:center;
  }

  .audit-section .audit-feature-inner{
    max-width:310px !important;
    padding:12px;
    border-radius:22px;
  }

  .audit-section .audit-feature-header{
    min-height:28px;
    padding:0 5px 9px;
  }

  .audit-section .audit-feature-stage,
  .audit-section .audit-feature-frame{
    min-height:400px;
  }

  .audit-section .audit-feature-frame{
    border-radius:17px;
  }

  .audit-section .audit-feature-frame::after,
  .audit-section .audit-feature-corners{
    inset:12px;
  }

  .audit-section .audit-feature-depth-frame{
    inset:22px 18px 18px;
  }

  .audit-section .audit-feature-radar{
    top:42px;
    width:320px;
    height:320px;
  }

  .audit-section .audit-feature-ring--outer{
    top:36px;
    width:330px;
    height:330px;
  }

  .audit-section .audit-feature-ring--inner{
    top:112px;
    width:178px;
    height:178px;
  }

  .audit-section .audit-feature-cover{
    bottom:23px;
    width:min(213px, 74%);
  }

  .audit-section .audit-feature-cradle{
    bottom:18px;
    width:82%;
    height:86%;
  }

  .audit-section .audit-feature-rail{
    top:64px;
    bottom:42px;
  }

  .audit-section .audit-feature-chip{
    min-width:132px;
    gap:8px;
    padding:8px 10px;
    font-size:11px;
  }

  .audit-section .audit-feature-chip-icon{
    flex-basis:25px;
    width:25px;
    height:25px;
  }

  .audit-section .audit-feature-chip--left{
    left:-8px;
    top:76px;
  }

  .audit-section .audit-feature-chip--right{
    right:-8px;
    bottom:200px;
  }

  /* A grid row must not visually expand all five panels when one is opened. */
  .clear-section .clear-cards{
    align-items:start;
    grid-auto-rows:max-content;
  }

  .clear-section .clear-card{
    align-self:start;
    height:auto;
  }

  .clear-section .clear-card.expanded .clear-card-details{
    height:min(var(--clear-open-height, 158px), 158px) !important;
    max-height:none !important;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(130, 174, 255, .48) rgba(5, 15, 38, .42);
  }

  /* Keep the shell fixed while details reveal on the compositor. */
  .clear-section .clear-card-details{
    transition:none;
  }

  .clear-section .clear-card.is-collapsing .clear-card-details{
    height:min(var(--clear-open-height, 158px), 158px) !important;
    max-height:none !important;
    overflow:hidden;
  }

  .clear-section .clear-background-layer{
    transform:none;
    backface-visibility:visible;
  }

  /* Two real thumbnail crops replace the narrow full-page strips. */
  .case-section .case-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    max-width:none;
  }

  .case-section .case-card{
    gap:12px;
    padding:14px;
  }

  .case-section .case-tag{
    min-height:34px;
    padding:6px 12px;
  }

  .case-section .case-name{
    margin-top:12px;
  }

  .case-section .case-desc{
    margin-top:8px;
  }

  .case-section .case-image{
    height:238px;
    border-radius:14px;
  }

  .case-section .case-homepage-preview{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
  }

  .case-section .case-bullets{
    gap:7px;
  }

  .case-section .case-link{
    padding-top:12px;
  }

  .case-section .case-section-cta{
    margin-top:28px;
    padding-top:20px;
  }

}

@media (prefers-reduced-motion:reduce){
  .audit-detail-modal__backdrop,
  .audit-detail-modal__panel,
  .audit-detail-modal__close{
    transition:none;
  }
}

/* Targeted follow-up fixes: breakdown rhythm, modal scrolling, and rebuild behavior. */
.public-breakdowns-section .public-breakdowns-bottom{
  position:relative;
  margin-top:36px;
  padding-top:20px;
}

.public-breakdowns-section .public-breakdowns-bottom::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:min(240px, 58vw);
  height:1px;
  background:linear-gradient(90deg, rgba(124, 169, 255, 0.44), rgba(124, 169, 255, 0.17) 62%, transparent);
  opacity:0.88;
}

.public-breakdowns-section .public-breakdowns-bottom-link{
  padding-bottom:0;
}

.public-breakdowns-section .public-breakdowns-bottom-link::before{
  content:none;
}

.audit-detail-modal__panel{
  display:flex;
  flex-direction:column;
  height:min(88vh, 880px);
  max-height:min(88vh, 880px);
  overflow:hidden;
}

.audit-detail-modal__header{
  position:relative;
  z-index:2;
  flex:none;
  padding:clamp(30px, 4vw, 52px) clamp(30px, 4vw, 52px) 26px;
  padding-right:clamp(76px, 8vw, 104px);
  border-bottom:1px solid rgba(149, 187, 255, 0.13);
  background:
    radial-gradient(80% 130% at 88% 0%, rgba(67, 112, 221, 0.12), transparent 74%),
    rgba(12, 26, 59, 0.96);
}

.audit-detail-modal__scroll{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-x:hidden;
  overflow-y:auto;
  padding:24px clamp(30px, 4vw, 52px) clamp(30px, 4vw, 52px);
}

.audit-detail-modal__summary{
  margin-top:0;
}

.case-section .case-grid{
  align-items:start;
  grid-auto-rows:auto;
}

.case-section .case-card{
  align-self:start;
  height:auto;
  min-height:0;
}

.case-section .case-ppp-panel,
.case-section .case-card--ecovedo .case-ppp-panel,
.case-section .case-card--founders .case-ppp-panel{
  display:grid;
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(149, 187, 255, 0.16) !important;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(18, 43, 91, 0.9), rgba(13, 34, 76, 0.9)) !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.case-section .case-ppp-row,
.case-section .case-ppp-row:first-child{
  margin:0;
  padding:16px 18px;
  border:0;
  background:transparent !important;
  box-shadow:none !important;
}

.case-section .case-ppp-row + .case-ppp-row{
  border-top:1px solid rgba(170, 202, 255, 0.14);
}

@media (max-width:700px){
  .public-breakdowns-section .public-breakdowns-bottom{
    margin-top:30px;
    padding-top:18px;
  }

  .audit-detail-modal__panel{
    height:calc(100vh - 20px);
    height:calc(100dvh - 20px);
    max-height:calc(100vh - 20px);
    max-height:calc(100dvh - 20px);
  }

  .audit-detail-modal__header{
    padding:26px 62px 22px 20px;
  }

  .audit-detail-modal__scroll{
    max-height:none;
    padding:20px 20px 30px;
  }

  .case-section .case-ppp-row,
  .case-section .case-ppp-row:first-child{
    padding:14px;
  }
}

/* Short-height phone landscape: compact composition without affecting portrait or desktop. */