:root{
      --bg:#f5f7fb;
      --bg-2:#edf2f8;
      --surface:rgba(255,255,255,.78);
      --surface-strong:#ffffff;
      --text:#081120;
      --muted:#5d6a7f;
      --line:rgba(16,24,40,.10);
      --brand:#0026cc;
      --brand-2:#315eff;
      --brand-3:#e8ebff;
      --brand-dark:#001f9f;
      --shadow:0 24px 80px rgba(15,23,42,.10);
      --shadow-2:0 16px 40px rgba(16,24,40,.10);
      --radius-xl:32px;
      --radius-lg:24px;
      --radius-md:18px;
      --radius-sm:12px;
      --max:1200px;
      --nav-height:75px;
      --stage-inner:min(calc(var(--max) - 48px), calc(100vw - 48px));
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;min-height:100%}
    html,body{
      scrollbar-width:none;
      -ms-overflow-style:none;
    }
    html::-webkit-scrollbar,
    body::-webkit-scrollbar{
      width:0;
      height:0;
      display:none;
    }
    html{
      scroll-behavior:smooth;
      scroll-snap-type:none;
      overscroll-behavior-y:contain;
      scroll-padding-top:0;
      overflow-x:hidden;
      height:100%;
      overflow:hidden;
    }
    body{
      height:100%;
      overflow:hidden;
      background:
        radial-gradient(780px 360px at 50% 112%, rgba(0,36,192,.22), rgba(93,116,255,.12) 42%, transparent 72%),
        radial-gradient(1100px 700px at 18% 0%, rgba(18,50,246,.13), transparent 60%),
        radial-gradient(900px 600px at 92% 4%, rgba(92,124,255,.13), transparent 45%),
        linear-gradient(180deg, #f8fbff 0%, var(--bg) 36%, #f2f5fa 100%);
      color:var(--text);
      font-family: Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x:hidden;
    }
    img, video{max-width:100%}
    a{color:inherit;text-decoration:none}
    button, input, textarea{font:inherit}
    @keyframes skeletonPulse{
      0%,100%{opacity:.48}
      50%{opacity:.92}
    }
    body.meta-loading [data-meta],
    body.meta-loading [data-meta-list]{
      position:relative;
      color:transparent !important;
      text-shadow:none !important;
    }
    body.meta-loading [data-meta] > *,
    body.meta-loading [data-meta-list] > *{
      visibility:hidden !important;
    }
    body.meta-loading [data-meta]::after{
      content:"";
      position:absolute;
      left:0;
      top:50%;
      width:var(--skeleton-width, 72%);
      height:var(--skeleton-height, .9em);
      transform:translateY(-50%);
      border-radius:999px;
      background:linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07));
      animation:skeletonPulse 1.2s ease-in-out infinite;
      pointer-events:none;
    }
    body.meta-loading [data-meta="productName"]{
      display:inline-block;
      min-width:86px;
      min-height:1.1em;
    }
    body.meta-loading [data-meta="eyebrow"]{
      display:inline-block;
      min-width:118px;
      min-height:1em;
    }
    body.meta-loading [data-meta="heroTitle"],
    body.meta-loading [data-meta="unlockTitle"]{
      display:grid;
      gap:.12em;
      width:min(7.2em, 100%);
      min-height:2.02em;
      align-content:start;
    }
    body.meta-loading [data-meta="heroTitle"]::before,
    body.meta-loading [data-meta="unlockTitle"]::before,
    body.meta-loading [data-meta="heroTitle"]::after,
    body.meta-loading [data-meta="unlockTitle"]::after{
      content:"";
      position:static;
      display:block;
      width:100%;
      height:.8em;
      transform:none;
      border-radius:.14em;
      background:linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07));
      animation:skeletonPulse 1.2s ease-in-out infinite;
    }
    body.meta-loading [data-meta="heroTitle"]::after,
    body.meta-loading [data-meta="unlockTitle"]::after{
      width:82%;
    }
    body.meta-loading [data-meta="summary"],
    body.meta-loading [data-meta="unlockSummary"]{
      display:block;
      min-height:calc(1.75em * 2.45);
    }
    body.meta-loading [data-meta="summary"]::after,
    body.meta-loading [data-meta="unlockSummary"]::after{
      top:0;
      width:100%;
      height:100%;
      transform:none;
      border-radius:0;
      background:
        linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07)) 0 0 / 92% 1em no-repeat,
        linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07)) 0 1.85em / 100% 1em no-repeat,
        linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07)) 0 3.7em / 68% 1em no-repeat;
      animation:skeletonPulse 1.2s ease-in-out infinite;
    }
    body.meta-loading [data-meta="extensionVersion"],
    body.meta-loading [data-meta="panelVersion"]{
      display:block;
      min-width:84px;
      min-height:1em;
    }
    body.meta-loading [data-meta="extensionLabel"],
    body.meta-loading [data-meta="panelLabel"]{
      display:block;
      min-width:126px;
      min-height:1em;
      --skeleton-width:100%;
    }
    body.meta-loading [data-meta="downloadDetail"]{
      display:block;
      min-height:4.4em;
      --skeleton-width:100%;
    }
    body.meta-loading [data-meta="checkedAt"]{
      display:block;
      min-width:180px;
      min-height:1em;
      --skeleton-width:100%;
    }
    body.meta-loading [data-meta="footerTitle"]{
      display:inline-block;
      min-width:160px;
      min-height:1em;
    }
    body.meta-loading [data-meta="footerSubdomain"]{
      display:inline-block;
      min-width:170px;
      min-height:1em;
    }
    body.meta-loading [data-meta-list]{
      display:block;
      min-height:7.4em;
    }
    body.meta-loading [data-meta-list]::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:0;
      background:
        linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07)) 0 0 / 94% .9em no-repeat,
        linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07)) 0 1.8em / 82% .9em no-repeat,
        linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07)) 0 3.6em / 88% .9em no-repeat,
        linear-gradient(90deg, rgba(0,38,204,.07), rgba(0,38,204,.16), rgba(0,38,204,.07)) 0 5.4em / 64% .9em no-repeat;
      animation:skeletonPulse 1.2s ease-in-out infinite;
      pointer-events:none;
    }
    body.meta-loading [data-meta-list="changelog"]{
      min-height:8.4em;
    }
    .page{
      position:relative;
      overflow:hidden;
      height:100svh;
    }
    .page-progress{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:2px;
      z-index:80;
      pointer-events:none;
      background:transparent;
    }
    .page-progress-bar{
      display:block;
      width:0;
      height:100%;
      background:linear-gradient(90deg, #1232f6, #5c7cff);
      box-shadow:none;
      transform-origin:left center;
      transition:width .55s cubic-bezier(.2,.75,.2,1);
    }
    .glow{
      position:fixed;
      inset:auto auto 8% -8%;
      width:420px;height:420px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(18,50,246,.16), transparent 68%);
      filter:blur(10px);
      pointer-events:none;
      z-index:0;
      animation: floatGlow 16s ease-in-out infinite;
    }
    .glow.g2{
      inset:8% -12% auto auto;
      background:radial-gradient(circle, rgba(92,124,255,.18), transparent 66%);
      animation-duration: 20s;
    }
    body.immersive-mode .glow{
      display:none;
    }
    @keyframes floatGlow{
      0%,100%{transform:translate3d(0,0,0) scale(1)}
      50%{transform:translate3d(32px,-24px,0) scale(1.08)}
    }
    .container{
      width:min(var(--max), calc(100vw - 48px));
      margin:0 auto;
      position:relative;
      z-index:1;
    }
    .nav{
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:20;
      backdrop-filter: blur(18px);
      background:rgba(246,249,253,.72);
      border-bottom:1px solid rgba(16,24,40,.06);
      transition:transform .35s ease, opacity .25s ease;
    }
    body.immersive-mode .nav{
      background:rgba(246,249,253,.82);
    }
    .nav-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      min-height:74px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:24px;
      font-weight:800;
      letter-spacing:.2px;
    }
    .brand-mark{
      width:48px;
      height:48px;
      border-radius:0;
      display:block;
      object-fit:contain;
      transform:none;
      transform-origin:center;
      background:transparent;
      border:0;
      box-shadow:none;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:28px;
      color:#223043;
      font-size:14px;
    }
    .nav-links a{
      position:relative;
      padding:10px 0;
      opacity:.88;
      transition:opacity .2s ease, color .2s ease, transform .2s ease;
    }
    .nav-links a::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:2px;
      height:2px;
      border-radius:999px;
      background:var(--brand);
      transform:scaleX(0);
      transform-origin:center;
      transition:transform .22s ease;
    }
    .nav-links a:hover{opacity:1;transform:translateY(-1px)}
    .nav-links a.is-active{
      color:var(--brand);
      opacity:1;
    }
    .nav-links a.is-active::after{
      transform:scaleX(1);
    }
    .nav-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }
    .nav-download{
      display:none;
    }
    .nav-download.is-visible{
      display:inline-flex;
    }
    .download-nav-link.is-hidden,
    [data-meta-link="download"].is-hidden{
      display:none !important;
    }
    .pill{
      padding:12px 18px;
      border-radius:999px;
      border:1px solid rgba(16,24,40,.08);
      background:rgba(255,255,255,.72);
      color:#172033;
      font-weight:600;
      box-shadow:0 8px 20px rgba(16,24,40,.05);
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .pill:hover{transform:translateY(-1px);box-shadow:0 16px 26px rgba(16,24,40,.09);border-color:rgba(18,50,246,.24)}
    .pill.primary{
      border:none;
      color:#fff;
      background:linear-gradient(135deg, #1232f6 0%, #0d25c8 100%);
      box-shadow:0 18px 30px rgba(18,50,246,.24);
    }
    .pill.is-disabled,
    .unlock-start.is-disabled,
    .impact-contact.is-disabled{
      cursor:not-allowed;
      pointer-events:none;
      filter:saturate(.72);
      opacity:.62;
    }
    .menu-btn{
      display:none;
      width:44px;height:44px;
      border:none;
      border-radius:14px;
      background:rgba(255,255,255,.85);
      box-shadow:0 12px 22px rgba(16,24,40,.08);
    }
    .menu-btn span{
      display:block;width:18px;height:2px;background:#24324a;margin:0 auto;position:relative;border-radius:999px;
    }
    .menu-btn span::before,.menu-btn span::after{
      content:"";position:absolute;left:0;width:18px;height:2px;background:#24324a;border-radius:999px;
    }
    .menu-btn span::before{top:-6px}
    .menu-btn span::after{top:6px}
    .mobile-menu{
      display:none;
      padding:0 0 18px;
    }
    .mobile-menu.open{display:block}
    .mobile-menu .panel{
      display:grid;
      gap:10px;
      padding:16px;
      border-radius:24px;
      background:rgba(255,255,255,.94);
      box-shadow:var(--shadow-2);
      border:1px solid rgba(16,24,40,.08);
    }
    .mobile-menu a{padding:12px 10px;border-radius:14px;color:#1d2b3f}
    .mobile-menu a:hover{background:#f2f7fa}
    .mobile-menu a.is-active{
      background:var(--brand-3);
      color:var(--brand);
      font-weight:800;
    }
    .hero{
      min-height:calc(100svh - var(--nav-height));
      padding:24px 0;
      display:grid;
      align-items:center;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap:42px;
      align-items:center;
      min-height:auto;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.74);
      border:1px solid rgba(16,24,40,.08);
      color:#214055;
      font-size:13px;
      font-weight:700;
      box-shadow:0 10px 24px rgba(16,24,40,.05);
      margin-bottom:18px;
    }
    .eyebrow i{
      width:9px;height:9px;border-radius:50%;
      background:var(--brand);
      box-shadow:0 0 0 4px rgba(18,50,246,.16);
      display:inline-block;
    }
    h1{
      margin:0;
      font-family:Poppins, Inter, "PingFang SC", sans-serif;
      font-size:clamp(48px, 5.2vw, 78px);
      line-height:.95;
      letter-spacing:-.05em;
      max-width:13ch;
      overflow-wrap:anywhere;
    }
    h1 span{
      display:block;
    }
    .hero-copy{
      margin:24px 0 0;
      color:var(--muted);
      font-size:18px;
      line-height:1.8;
      max-width:46rem;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:30px;
    }
    .hero-metrics{
      display:grid;
      grid-template-columns:150px minmax(190px, 240px);
      gap:14px;
      margin-top:34px;
      max-width:420px;
    }
    .metric{
      min-width:0;
      padding:16px 16px;
      border-radius:18px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(16,24,40,.08);
      box-shadow:0 14px 24px rgba(16,24,40,.06);
    }
    .metric b{
      display:block;
      font-size:25px;
      line-height:1;
      margin-bottom:8px;
      letter-spacing:-.03em;
    }
    .metric span{
      font-size:13px;color:var(--muted)
    }
    .meta-state{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:8px;
      max-width:420px;
      margin-top:12px;
      color:var(--muted);
      font-size:12px;
      line-height:1.45;
    }
    .hero-visual{
      position:relative;
      min-height:min(620px, calc(100svh - var(--nav-height) - 48px));
      display:grid;
      place-items:center;
      perspective: 1400px;
      margin-right:-28px;
    }
    .orb{
      position:absolute;
      border-radius:50%;
      filter:blur(4px);
      animation: drift 12s ease-in-out infinite;
      transform-style:preserve-3d;
    }
    .orb.a{
      width:260px;height:260px;
      background:radial-gradient(circle at 30% 30%, #eef1ff, #8093ff 48%, rgba(18,50,246,.18) 74%, transparent 76%);
      top:40px;left:30px;
      opacity:.92;
    }
    .orb.b{
      width:200px;height:200px;
      background:radial-gradient(circle at 35% 35%, #eef3ff, #aac0ff 46%, rgba(92,124,255,.20) 72%, transparent 74%);
      right:16px;bottom:76px;
      animation-duration: 15s;
    }
    @keyframes drift{
      0%,100%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}
      50%{transform:translate3d(18px,-20px,0) scale(1.05) rotate(4deg)}
    }
    .dashboard{
      width:min(108%, 640px);
      max-width:calc(100vw - 64px);
      padding:18px;
      border-radius:34px;
      background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,249,252,.86));
      border:1px solid rgba(255,255,255,.85);
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
      transform: rotateY(-18deg) rotateX(8deg);
    }
    .dashboard::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg, transparent 0 24%, rgba(18,50,246,.08) 24% 26%, transparent 26% 100%),
        radial-gradient(600px 180px at 20% 0%, rgba(92,124,255,.12), transparent 55%);
      pointer-events:none;
    }
    .window{
      position:relative;
      background:rgba(255,255,255,.94);
      border-radius:26px;
      border:1px solid rgba(16,24,40,.08);
      padding:18px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    }
    .window-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:16px;
      color:#627089;
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .dots{display:flex;gap:6px}
    .dots i{width:10px;height:10px;border-radius:50%;background:#d8e0eb;display:block}
    .dots i:first-child{background:#ff7474}
    .dots i:nth-child(2){background:#ffca5c}
    .dots i:nth-child(3){background:#62d18c}
    .board{
      display:grid;
      grid-template-columns: 1fr 1.08fr;
      gap:14px;
    }
    .flow-card,.code-card,.stat-card,.mini-card,.browser-card,.timeline-card{
      background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,252,.92));
      border:1px solid rgba(16,24,40,.08);
      border-radius:24px;
      box-shadow:0 12px 24px rgba(15,23,42,.06);
    }
    .flow-card{
      min-height:300px;
      padding:18px;
      display:grid;
      align-content:space-between;
      position:relative;
      overflow:hidden;
    }
    .flow-stage{
      display:grid;
      gap:12px;
      align-items:start;
    }
    .stage-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      background:#eef1ff;
      color:var(--brand-dark);
      font-size:12px;
      font-weight:800;
    }
    .progress{
      height:10px;
      border-radius:999px;
      background:#e9eef4;
      overflow:hidden;
    }
    .progress > i{
      display:block;
      height:100%;
      width:62%;
      border-radius:inherit;
      background:linear-gradient(90deg, var(--brand), var(--brand-2));
      animation: pulseWidth 3.2s ease-in-out infinite;
    }
    @keyframes pulseWidth{
      0%,100%{width:44%}
      50%{width:82%}
    }
    .flow-lines{
      display:grid;
      gap:10px;
      margin-top:6px;
    }
    .line{
      height:46px;
      border-radius:16px;
      background:linear-gradient(90deg, rgba(18,50,246,.08), rgba(92,124,255,.08));
      border:1px solid rgba(16,24,40,.06);
      position:relative;
      overflow:hidden;
    }
    .line::after{
      content:"";
      position:absolute;
      inset:10px auto 10px 12px;
      width:34%;
      border-radius:14px;
      background:linear-gradient(90deg, rgba(18,50,246,.18), rgba(92,124,255,.18));
      animation: slide 3.6s ease-in-out infinite;
    }
    .line:nth-child(2)::after{width:46%;animation-duration:4.3s}
    .line:nth-child(3)::after{width:28%;animation-duration:3.1s}
    @keyframes slide{
      0%,100%{transform:translateX(0);opacity:.7}
      50%{transform:translateX(110px);opacity:1}
    }
    .code-card{
      min-height:300px;
      padding:18px;
      background:linear-gradient(180deg, rgba(11,17,34,.98), rgba(19,28,50,.96));
      color:#cfe2ff;
      overflow:hidden;
      position:relative;
    }
    .code-card::before{
      content:"";
      position:absolute;
      inset:-20% -10% auto;
      height:280px;
      background:radial-gradient(circle at 50% 30%, rgba(92,124,255,.24), transparent 65%);
      pointer-events:none;
    }
    .code-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      color:#91a6c7;
      font-size:11px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      margin-bottom:14px;
      white-space:nowrap;
      min-width:0;
    }
    .code-head span:first-child{
      flex:0 0 auto;
    }
    .code-head span:last-child{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .code-lines{
      display:grid;
      gap:10px;
      font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
      font-size:12.5px;
      line-height:1.6;
    }
    .code-line{
      border-radius:10px;
      padding:8px 10px;
      background:rgba(255,255,255,.05);
      width:fit-content;
      max-width:100%;
      white-space:nowrap;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }
    .code-line:nth-child(n){width:auto}
    .flow-footer{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:12px;
      margin-top:14px;
      color:#4f5b70;
      font-size:12px;
    }
    .flow-footer .spark{
      display:flex;
      gap:6px;
      align-items:center;
    }
    .spark b{
      width:10px;height:10px;border-radius:50%;
      background:var(--brand);
      box-shadow:0 0 0 6px rgba(18,50,246,.12);
    }
    .band{
      margin:18px 0 0;
      padding:18px 0 4px;
    }
    .logo-strip{
      display:grid;
      grid-template-columns: repeat(6, minmax(0,1fr));
      gap:0;
      position:relative;
      padding:14px;
      border-radius:28px;
      background:rgba(255,255,255,.58);
      border:1px solid rgba(255,255,255,.78);
      box-shadow:0 18px 42px rgba(15,23,42,.08);
      backdrop-filter:blur(16px);
    }
    .logo-strip::before{
      content:"";
      position:absolute;
      left:7%;
      right:7%;
      top:50%;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(18,50,246,.18), rgba(92,124,255,.24), rgba(18,50,246,.18));
      transform:translateY(-50%);
    }
    .logo-chip{
      min-height:86px;
      display:grid;
      place-items:center;
      gap:8px;
      border-radius:22px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.86);
      color:#172033;
      font-weight:700;
      box-shadow:0 12px 28px rgba(16,24,40,.06);
      position:relative;
      z-index:1;
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .logo-chip::before{
      content:attr(data-step);
      width:30px;
      height:30px;
      display:grid;
      place-items:center;
      border-radius:50%;
      color:#fff;
      font-size:12px;
      font-weight:900;
      background:linear-gradient(135deg, var(--brand), var(--brand-2));
      box-shadow:0 10px 20px rgba(18,50,246,.20);
    }
    .logo-chip::after{
      content:"";
      position:absolute;
      right:-5px;
      top:50%;
      width:12px;
      height:12px;
      border-top:2px solid rgba(18,50,246,.45);
      border-right:2px solid rgba(18,50,246,.45);
      transform:translateY(-50%) rotate(45deg);
      z-index:2;
    }
    .logo-chip:last-child::after{display:none}
    .logo-chip:hover{transform:translateY(-2px);box-shadow:0 18px 30px rgba(16,24,40,.10)}
    .section{
      padding:28px 0;
    }
    .section-title{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:28px;
      margin-bottom:18px;
    }
    .section-title h2{
      margin:0;
      font-size:clamp(28px, 2.7vw, 42px);
      line-height:1.05;
      letter-spacing:-.02em;
      max-width:18ch;
      font-family:Poppins, Inter, sans-serif;
    }
    .section-title p{
      margin:0;
      max-width:40rem;
      color:var(--muted);
      line-height:1.75;
      font-size:15px;
    }
    .feature-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:18px;
    }
    .feature-card{
      padding:22px;
      border-radius:24px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(16,24,40,.08);
      box-shadow:var(--shadow-2);
      min-height:230px;
      position:relative;
      overflow:hidden;
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .feature-card:hover{
      transform:translateY(-4px);
      box-shadow:0 26px 42px rgba(15,23,42,.11);
    }
    .feature-card .num{
      font-size:13px;
      font-weight:800;
      color:var(--brand-dark);
      letter-spacing:.08em;
    }
    .feature-card h3{
      margin:12px 0 10px;
      font-size:24px;
      line-height:1.12;
      letter-spacing:-.02em;
      position:relative;
      z-index:1;
    }
    .feature-card p{
      margin:0;
      color:var(--muted);
      line-height:1.7;
      font-size:15px;
      max-width:78%;
      position:relative;
      z-index:1;
    }
    .feature-card .mini-graph{
      position:absolute;
      right:-26px;
      bottom:-26px;
      width:138px;
      height:138px;
      border-radius:34px;
      background:
        radial-gradient(circle at 30% 30%, rgba(18,50,246,.24), transparent 55%),
        radial-gradient(circle at 60% 40%, rgba(92,124,255,.18), transparent 58%),
        linear-gradient(135deg, rgba(18,50,246,.10), rgba(92,124,255,.10));
      filter:saturate(1.05);
      opacity:.55;
      transform:rotate(12deg);
      z-index:0;
    }
    .feature-card .mini-graph::before{
      content:"";
      position:absolute;
      inset:22px;
      border-radius:26px;
      border:1px solid rgba(255,255,255,.42);
      background:
        linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.25));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
    }
    .split{
      display:grid;
      grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
      gap:18px;
      align-items:stretch;
    }
    .panel{
      border-radius:30px;
      background:rgba(255,255,255,.80);
      border:1px solid rgba(16,24,40,.08);
      box-shadow:var(--shadow-2);
      overflow:hidden;
    }
    .panel.soft{
      padding:22px;
    }
    .stat-rail{
      display:grid;
      gap:14px;
    }
    .stat-card{
      padding:16px 18px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
    }
    .stat-card strong{
      display:block;
      font-size:24px;
      line-height:1;
      letter-spacing:-.04em;
    }
    .stat-card span{
      display:block;
      color:var(--muted);
      font-size:13px;
      margin-top:4px;
    }
    .tabs{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom:12px;
    }
    .tab{
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(16,24,40,.08);
      background:#fff;
      color:#334157;
      font-size:13px;
      font-weight:700;
      cursor:pointer;
      transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    }
    .tab.active{
      background:linear-gradient(135deg, rgba(18,50,246,.12), rgba(92,124,255,.12));
      color:#0d5c55;
      border-color:rgba(18,50,246,.25);
    }
    .tab:hover{transform:translateY(-1px)}
    .carousel{
      position:relative;
      min-height:350px;
      padding:16px 10px 8px;
    }
    .carousel-track{
      position:relative;
      min-height:326px;
    }
    .carousel-slide{
      position:absolute;
      inset:0;
      opacity:0;
      transform:translateX(18px) scale(.98);
      transition:opacity .45s ease, transform .45s ease;
      display:grid;
      grid-template-columns: 1fr;
      gap:12px;
      align-items:stretch;
      pointer-events:none;
    }
    .carousel-slide.active{
      opacity:1;
      transform:translateX(0) scale(1);
      pointer-events:auto;
    }
    .browser-card{
      padding:12px;
      min-height:194px;
    }
    .browser-window{
      background:linear-gradient(180deg, #fefefe 0%, #edf4f9 100%);
      border-radius:20px;
      border:1px solid rgba(16,24,40,.08);
      min-height:100%;
      padding:12px;
      overflow:hidden;
      position:relative;
    }
    .browser-window::before{
      content:"";
      position:absolute;
      inset:48px 18px 18px;
      background:
        linear-gradient(180deg, rgba(18,50,246,.12), rgba(92,124,255,.06)),
        linear-gradient(90deg, transparent 0 18%, rgba(255,255,255,.66) 18% 20%, transparent 20% 100%);
      border-radius:18px;
    }
    .browser-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:10px;
    }
    .browser-bar{
      height:12px;
      width:58%;
      border-radius:999px;
      background:#e5edf4;
      position:relative;
      overflow:hidden;
    }
    .browser-bar::after{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:42%;
      border-radius:inherit;
      background:linear-gradient(90deg, var(--brand), var(--brand-2));
      animation: shimmer 2.8s linear infinite;
    }
    @keyframes shimmer{
      from{transform:translateX(-120%)}
      to{transform:translateX(260%)}
    }
    .browser-grid{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap:10px;
      padding-top:12px;
      position:relative;
      z-index:1;
    }
    .browser-col{
      display:grid;
      gap:10px;
    }
    .browser-card-mini{
      padding:12px;
      min-height:60px;
      border-radius:16px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(16,24,40,.08);
      box-shadow:0 10px 20px rgba(16,24,40,.05);
    }
    .browser-card-mini strong{display:block;font-size:13px;margin-bottom:4px;line-height:1.25}
    .browser-card-mini span{color:var(--muted);font-size:11.5px;line-height:1.4}
    .browser-stack{
      display:grid;
      gap:10px;
    }
    .timeline-card{
      padding:0;
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:8px;
      min-height:auto;
    }
    .timeline-step{
      display:grid;
      grid-template-columns: 30px 1fr;
      gap:8px;
      align-items:start;
      padding:9px;
      border-radius:16px;
      background:#fff;
      border:1px solid rgba(16,24,40,.08);
    }
    .timeline-step i{
      width:28px;height:28px;border-radius:10px;
      background:linear-gradient(135deg, rgba(18,50,246,.16), rgba(92,124,255,.14));
      display:grid;place-items:center;
      font-style:normal;
      color:#0d5c55;
      font-weight:800;
    }
    .timeline-step b{
      display:block;
      margin-bottom:3px;
      font-size:13px;
    }
    .timeline-step p{
      margin:0;
      color:var(--muted);
      font-size:12px;
      line-height:1.45;
    }
    .social-section{
      padding:34px 0 70px;
    }
    .social-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:18px;
    }
    .quote{
      padding:24px;
      border-radius:28px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(16,24,40,.08);
      box-shadow:var(--shadow-2);
      display:grid;
      gap:18px;
      min-height:220px;
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .quote:hover{transform:translateY(-3px);box-shadow:0 24px 42px rgba(15,23,42,.10)}
    .quote p{
      margin:0;
      color:#223043;
      line-height:1.8;
    }
    .quote .meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      color:var(--muted);
      font-size:13px;
    }
    .footer{
      padding:20px 0 42px;
      color:#637189;
      font-size:13px;
    }
    .footer-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      border-top:1px solid rgba(16,24,40,.08);
      padding-top:18px;
    }
    .reveal{
      opacity:0;
      transform:translateY(18px);
      transition:opacity .7s ease, transform .7s cubic-bezier(.2,.75,.2,1);
    }
    .reveal.in{
      opacity:1;
      transform:translateY(0);
    }
    .page-reveal{
      opacity:0;
      transform:translateY(26px);
      transition:
        opacity .78s ease,
        transform .78s cubic-bezier(.16, 1, .3, 1);
      will-change:opacity, transform;
    }
    .page-reveal.in{
      opacity:1;
      transform:translateY(0);
    }
    .stat-reveal{
      opacity:0;
      transform:translateY(20px) scale(.98);
      transition:
        opacity .7s ease,
        transform .72s cubic-bezier(.16, 1, .3, 1);
      will-change:opacity, transform;
    }
    .stat-reveal.in{
      opacity:1;
      transform:translateY(0) scale(1);
    }
    .delay-1{transition-delay:.08s}
    .delay-2{transition-delay:.16s}
    .delay-3{transition-delay:.24s}
    .delay-4{transition-delay:.32s}
    .delay-5{transition-delay:.40s}
    @media (max-width: 1100px){
      .nav-links{display:none}
      .menu-btn{display:inline-grid;place-items:center}
      .hero-grid,.split,.feature-grid,.social-grid,.logo-strip,.carousel-slide,.board,.browser-grid{
        grid-template-columns:1fr;
      }
      .hero-grid{min-height:auto;padding-top:0}
      .hero-visual{min-height:clamp(360px, 54svh, 560px);margin-right:0}
      .dashboard{transform:none;width:min(100%, 660px)}
      .section-title{flex-direction:column;align-items:start}
      .carousel-slide{position:relative;opacity:1;transform:none;pointer-events:auto;display:grid}
      .carousel-slide:not(.active){display:none}
    }
    @media (max-width: 720px){
      .container{width:min(var(--max), calc(100vw - 28px))}
      .nav-inner{min-height:68px}
      .hero{padding:20px 0}
      h1{font-size:clamp(40px, 12vw, 56px);max-width:100%;letter-spacing:0;word-break:break-all}
      .hero-copy{font-size:16px}
      .hero-actions{flex-direction:column}
      .hero-actions .pill{width:100%;text-align:center;justify-content:center}
      .nav-actions{gap:0}
      .nav-actions .pill{display:none}
      .nav-actions .pill.primary,
      .nav-actions .nav-download.is-visible{
        display:inline-flex;
      }
      .hero-metrics{gap:12px}
      .metric{min-width:0;flex:1 1 calc(50% - 6px)}
      .metric b{font-size:24px}
      .feature-card{min-height:220px}
      .carousel{padding:16px}
      .browser-card,.timeline-card{min-height:auto}
      .quote{min-height:auto}
      .footer-inner{flex-direction:column;align-items:flex-start}
      .mobile-menu{padding-bottom:12px}
      .dashboard{padding:14px;width:100%;max-width:100%}
      .window{width:100%;padding:14px;border-radius:24px}
      .code-line{white-space:normal;overflow-wrap:anywhere}
    }

    /* Keep the final download section visually aligned with the hero's glass dashboard style. */
    #contact{
      position:relative;
    }
    .section-title{
      margin-bottom:20px;
    }
    .section-title h2{
      font-size:clamp(30px, 3vw, 46px);
      line-height:1.02;
      letter-spacing:-.025em;
    }
    .feature-grid,
    .social-grid{
      gap:14px;
      padding:18px;
      border-radius:34px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.58)),
        radial-gradient(circle at 8% 0%, rgba(18,50,246,.14), transparent 38%),
        radial-gradient(circle at 100% 86%, rgba(92,124,255,.12), transparent 42%);
      border:1px solid rgba(255,255,255,.78);
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
    }
    .feature-card,
    .quote{
      border-radius:24px;
      background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,252,255,.74));
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 18px 40px rgba(15,23,42,.08);
    }
    .feature-card{
      padding:24px;
    }
    .feature-card .num{
      position:relative;
      z-index:1;
    }
    .feature-card .mini-graph{
      width:132px;
      height:132px;
      right:-30px;
      bottom:-30px;
      opacity:.42;
    }
    .split{
      grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr);
      gap:20px;
    }
    .panel{
      border-radius:34px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(248,252,255,.60)),
        radial-gradient(circle at 12% 8%, rgba(18,50,246,.14), transparent 40%),
        radial-gradient(circle at 98% 92%, rgba(92,124,255,.13), transparent 44%);
      border:1px solid rgba(255,255,255,.82);
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
    }
    .panel.soft{
      padding:24px;
    }
    .tabs{
      position:relative;
      z-index:2;
      margin-bottom:14px;
    }
    .tab{
      background:rgba(255,255,255,.78);
    }
    .tab.active{
      background:linear-gradient(135deg, rgba(18,50,246,.20), rgba(92,124,255,.14));
      box-shadow:0 12px 22px rgba(18,50,246,.10);
    }
    .carousel{
      min-height:366px;
      padding:10px 6px 4px;
      perspective:1200px;
    }
    .carousel-track{
      min-height:342px;
    }
    .browser-card{
      min-height:222px;
      padding:10px;
      transform:rotate(-1deg);
      transform-origin:center;
    }
    .browser-window{
      border-radius:24px;
      padding:16px;
      background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(237,246,250,.92) 100%);
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 26px 58px rgba(15,23,42,.12);
    }
    .browser-window::before{
      inset:58px 22px 20px;
      border-radius:22px;
    }
    .browser-top,
    .browser-grid{
      position:relative;
      z-index:1;
    }
    .browser-grid{
      padding-top:14px;
    }
    .browser-card-mini{
      background:rgba(255,255,255,.88);
      border:1px solid rgba(255,255,255,.86);
    }
    .timeline-card{
      gap:10px;
      transform:translateY(-3px);
    }
    .timeline-step{
      padding:10px;
      background:rgba(255,255,255,.86);
      border:1px solid rgba(255,255,255,.82);
      box-shadow:0 12px 24px rgba(15,23,42,.06);
    }
    .stat-rail{
      height:100%;
      align-content:center;
    }
    .stat-card{
      padding:20px 22px;
      border-radius:22px;
      background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.72));
      border:1px solid rgba(16,24,40,.07);
      box-shadow:0 14px 32px rgba(15,23,42,.06);
    }
    .stat-card strong{
      font-size:30px;
      letter-spacing:-.03em;
    }
    #contact .panel{
      background:
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.58)),
        radial-gradient(circle at 86% 0%, rgba(18,50,246,.16), transparent 44%),
        radial-gradient(circle at 0% 100%, rgba(92,124,255,.12), transparent 42%);
    }
    @media (max-width: 1100px){
      .feature-grid,
      .social-grid{
        grid-template-columns:1fr;
      }
      .split{
        grid-template-columns:1fr;
      }
    }
    @media (max-width: 720px){
      .feature-grid,
      .social-grid{
        padding:12px;
        border-radius:26px;
      }
      .section-title h2{
        font-size:clamp(30px, 9vw, 42px);
      }
      .feature-card p{
        max-width:100%;
      }
      .carousel{
        min-height:auto;
      }
      .carousel-track{
        min-height:auto;
      }
      .browser-card{
        transform:none;
      }
      .timeline-card{
        grid-template-columns:1fr;
        transform:none;
      }
      .stat-card strong{
        font-size:26px;
      }
    }

    #features.features-anchor{padding:0}
    .feature-showcase{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:18px;
      margin-top:18px;
    }
    .showcase-visual,
    .release-visual{
      position:relative;
      min-height:360px;
      border-radius:34px;
      overflow:hidden;
      background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(248,252,255,.58)),
        radial-gradient(circle at 22% 12%, rgba(18,50,246,.20), transparent 38%),
        radial-gradient(circle at 100% 84%, rgba(92,124,255,.16), transparent 46%);
      border:1px solid rgba(255,255,255,.82);
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
    }
    .showcase-window{
      position:absolute;
      inset:38px 34px 34px;
      border-radius:28px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(255,255,255,.88);
      box-shadow:0 28px 70px rgba(15,23,42,.12);
      overflow:hidden;
    }
    .showcase-window.has-video{
      background:rgba(8,14,28,.92);
    }
    .showcase-window.has-video .showcase-body{
      inset:54px 14px 14px;
      display:block;
    }
    .demo-video{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      border-radius:22px;
      background:#0f172a;
    }
    .video-caption{
      position:absolute;
      left:18px;
      bottom:18px;
      display:flex;
      align-items:center;
      gap:10px;
      padding:10px 12px;
      border-radius:999px;
      color:#dce9ff;
      background:rgba(15,23,42,.74);
      border:1px solid rgba(255,255,255,.16);
      font-size:12px;
      font-weight:800;
      backdrop-filter:blur(12px);
      z-index:3;
    }
    .video-caption i{
      width:10px;
      height:10px;
      border-radius:50%;
      background:var(--brand);
      box-shadow:0 0 0 6px rgba(18,50,246,.16);
    }
    .showcase-top{
      height:54px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 18px;
      color:#66768e;
      font-size:12px;
      font-weight:800;
    }
    .showcase-body{
      position:absolute;
      inset:54px 18px 18px;
      display:grid;
      grid-template-columns:1fr 200px;
      gap:16px;
    }
    .mock-page{
      position:relative;
      border-radius:22px;
      background:linear-gradient(180deg, #f8fbff, #edf5f9);
      border:1px solid rgba(16,24,40,.07);
      overflow:hidden;
      padding:18px;
    }
    .mock-page::before{
      content:"";
      position:absolute;
      inset:18px 18px auto;
      height:52px;
      border-radius:18px;
      background:linear-gradient(90deg, rgba(18,50,246,.16), rgba(92,124,255,.12));
    }
    .mock-lines{
      position:absolute;
      left:18px;
      right:18px;
      top:94px;
      display:grid;
      gap:12px;
    }
    .mock-line{
      height:42px;
      border-radius:14px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(16,24,40,.06);
    }
    .selection-box{
      position:absolute;
      left:52px;
      top:114px;
      width:48%;
      height:74px;
      border-radius:18px;
      border:2px solid rgba(18,50,246,.70);
      background:rgba(18,50,246,.08);
      box-shadow:0 0 0 8px rgba(18,50,246,.10);
      animation: selectPulse 2.8s ease-in-out infinite;
    }
    @keyframes selectPulse{
      0%,100%{transform:translate3d(0,0,0);box-shadow:0 0 0 8px rgba(18,50,246,.10)}
      50%{transform:translate3d(22px,12px,0);box-shadow:0 0 0 12px rgba(92,124,255,.10)}
    }
    .plugin-panel{
      border-radius:24px;
      background:linear-gradient(180deg, rgba(16,24,40,.95), rgba(24,35,62,.94));
      color:#dce9ff;
      padding:16px;
      display:grid;
      align-content:start;
      gap:12px;
      box-shadow:0 20px 50px rgba(15,23,42,.22);
    }
    .plugin-chip{
      display:inline-flex;
      width:max-content;
      padding:7px 10px;
      border-radius:999px;
      background:rgba(18,50,246,.16);
      color:#dce4ff;
      font-size:12px;
      font-weight:800;
    }
    .plugin-bubble{
      border-radius:16px;
      padding:11px 12px;
      background:rgba(255,255,255,.08);
      font-size:13px;
      line-height:1.45;
    }
    .plugin-progress{
      height:9px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(255,255,255,.12);
    }
    .plugin-progress i{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, var(--brand), var(--brand-2));
      animation: pulseWidth 3.2s ease-in-out infinite;
    }
    .feature-pills{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:12px;
      margin-top:14px;
    }
    .feature-pill{
      padding:14px 16px;
      border-radius:20px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.82);
      box-shadow:0 14px 32px rgba(15,23,42,.07);
    }
    .feature-pill strong{
      display:block;
      margin-bottom:4px;
      font-size:17px;
    }
    .feature-pill span{
      color:var(--muted);
      font-size:13px;
    }
    .step-visual-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:12px;
      padding:18px;
      border-radius:34px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.58)),
        radial-gradient(circle at 100% 100%, rgba(92,124,255,.14), transparent 42%);
      border:1px solid rgba(255,255,255,.78);
      box-shadow:var(--shadow);
    }
    .step-visual-card{
      position:relative;
      min-height:300px;
      padding:22px;
      border-radius:26px;
      overflow:hidden;
      background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,252,255,.74));
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 18px 40px rgba(15,23,42,.08);
    }
    .step-visual-card::before{
      content:"";
      position:absolute;
      width:150px;
      height:150px;
      right:-44px;
      bottom:-42px;
      border-radius:34px;
      background:
        radial-gradient(circle at 30% 30%, rgba(18,50,246,.24), transparent 55%),
        radial-gradient(circle at 60% 40%, rgba(92,124,255,.18), transparent 58%),
        linear-gradient(135deg, rgba(18,50,246,.10), rgba(92,124,255,.10));
      transform:rotate(12deg);
      opacity:.5;
    }
    .step-visual-card em{
      display:block;
      color:var(--brand-dark);
      font-style:normal;
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      margin-bottom:18px;
    }
    .step-visual-card strong{
      display:block;
      font-size:28px;
      line-height:1.05;
      letter-spacing:-.02em;
      position:relative;
      z-index:1;
    }
    .step-dotline{
      position:absolute;
      left:22px;
      right:22px;
      bottom:34px;
      height:9px;
      border-radius:999px;
      background:rgba(16,24,40,.07);
      overflow:hidden;
    }
    .step-dotline i{
      display:block;
      width:45%;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, var(--brand), var(--brand-2));
      animation: pulseWidth 3.2s ease-in-out infinite;
    }
    .step-visual-card:nth-child(2) .step-dotline i{animation-delay:.35s}
    .step-visual-card:nth-child(3) .step-dotline i{animation-delay:.7s}
    .release-visual{
      min-height:360px;
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:20px;
      align-items:center;
      padding:28px;
    }
    .release-card{
      border-radius:30px;
      padding:24px;
      color:#dce9ff;
      background:linear-gradient(180deg, rgba(16,24,40,.96), rgba(26,38,68,.94));
      box-shadow:0 26px 70px rgba(15,23,42,.18);
      transform:rotate(-2deg);
    }
    .release-card h3{
      margin:14px 0 8px;
      font-size:38px;
      line-height:.95;
      letter-spacing:-.03em;
    }
    .release-card p{
      margin:0;
      color:#9fb0cb;
      line-height:1.6;
    }
    .release-kicker{
      display:block;
      margin-top:16px;
      color:#8fa6ff;
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
    }
    .release-card-foot{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:18px;
    }
    .release-card-foot span{
      padding:8px 10px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      color:#dce9ff;
      font-size:12px;
      font-weight:800;
    }
    .release-mark{
      width:54px;
      height:54px;
      border-radius:18px;
      background:conic-gradient(from 220deg, var(--brand), var(--brand-2), #dfe4ff, var(--brand));
      box-shadow:0 16px 34px rgba(18,50,246,.22);
    }
    .release-dashboard{
      display:grid;
      gap:14px;
    }
    .release-data-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:12px;
    }
    .release-mini{
      padding:18px;
      border-radius:22px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 16px 36px rgba(15,23,42,.07);
    }
    .release-mini b{
      display:block;
      font-size:28px;
      line-height:1;
      letter-spacing:-.03em;
    }
    .release-mini span{
      display:block;
      margin-top:8px;
      color:var(--muted);
      font-size:13px;
      line-height:1.45;
    }
    .release-steps{
      display:grid;
      gap:10px;
    }
    .release-step{
      display:grid;
      grid-template-columns:32px 1fr auto;
      align-items:center;
      gap:12px;
      padding:13px 14px;
      border-radius:20px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 14px 30px rgba(15,23,42,.06);
    }
    .release-step i{
      width:32px;
      height:32px;
      border-radius:12px;
      display:grid;
      place-items:center;
      font-style:normal;
      color:#fff;
      font-size:13px;
      font-weight:900;
      background:linear-gradient(135deg, var(--brand), var(--brand-2));
    }
    .release-step b{
      display:block;
      font-size:15px;
      margin-bottom:2px;
    }
    .release-step span{
      display:block;
      color:var(--muted);
      font-size:12px;
    }
    .release-step em{
      font-style:normal;
      color:#0d25c8;
      font-size:12px;
      font-weight:900;
    }
    .release-stack{
      display:grid;
      gap:14px;
    }
    .release-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:18px 20px;
      border-radius:22px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 16px 36px rgba(15,23,42,.07);
      animation: floatRow 4s ease-in-out infinite;
    }
    .release-row:nth-child(2){animation-delay:.35s}
    .release-row:nth-child(3){animation-delay:.7s}
    @keyframes floatRow{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-6px)}
    }
    .release-row strong{
      font-size:24px;
      letter-spacing:-.02em;
    }
    .release-row span{
      padding:8px 10px;
      border-radius:999px;
      background:#e8ebff;
      color:#0d25c8;
      font-size:12px;
      font-weight:800;
    }
    .insight-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:14px;
      padding:18px;
      border-radius:34px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.58)),
        radial-gradient(circle at 8% 0%, rgba(18,50,246,.14), transparent 38%),
        radial-gradient(circle at 100% 86%, rgba(92,124,255,.12), transparent 42%);
      border:1px solid rgba(255,255,255,.78);
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
    }
    .insight-card{
      position:relative;
      min-height:250px;
      padding:24px;
      border-radius:24px;
      overflow:hidden;
      background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,252,255,.74));
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 18px 40px rgba(15,23,42,.08);
    }
    .insight-card::after{
      content:"";
      position:absolute;
      right:-34px;
      bottom:-38px;
      width:132px;
      height:132px;
      border-radius:34px;
      opacity:.42;
      transform:rotate(12deg);
      background:
        radial-gradient(circle at 30% 30%, rgba(18,50,246,.24), transparent 55%),
        radial-gradient(circle at 60% 40%, rgba(92,124,255,.18), transparent 58%),
        linear-gradient(135deg, rgba(18,50,246,.10), rgba(92,124,255,.10));
    }
    .insight-value{
      display:block;
      margin-bottom:22px;
      color:#0d25c8;
      font-size:clamp(38px, 4vw, 56px);
      line-height:.9;
      letter-spacing:-.05em;
      font-weight:900;
      position:relative;
      z-index:1;
    }
    .insight-card h3{
      margin:0 0 10px;
      font-size:21px;
      line-height:1.15;
      letter-spacing:-.01em;
      position:relative;
      z-index:1;
    }
    .insight-card p{
      margin:0;
      color:var(--muted);
      line-height:1.65;
      font-size:14px;
      position:relative;
      z-index:1;
    }
    .insight-meter{
      position:absolute;
      left:24px;
      right:24px;
      bottom:24px;
      height:9px;
      border-radius:999px;
      background:rgba(16,24,40,.07);
      overflow:hidden;
      z-index:1;
    }
    .insight-meter i{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, var(--brand), var(--brand-2));
    }
    .insight-card:nth-child(1) .insight-meter i{width:92%}
    .insight-card:nth-child(2) .insight-meter i{width:68%}
    .insight-card:nth-child(3) .insight-meter i{width:52%}
    .insight-card:nth-child(4) .insight-meter i{width:74%}
    .quote{
      min-height:190px;
      align-content:space-between;
    }
    .quote::before{
      content:"";
      width:54px;
      height:54px;
      border-radius:18px;
      background:
        radial-gradient(circle at 30% 30%, rgba(18,50,246,.38), transparent 56%),
        linear-gradient(135deg, rgba(18,50,246,.20), rgba(92,124,255,.16));
      box-shadow:0 16px 34px rgba(18,50,246,.12);
    }
    .quote p{
      font-size:20px;
      line-height:1.35;
      font-weight:800;
      letter-spacing:-.01em;
    }
    .copy-lite{
      max-width:34rem;
    }
    @media (max-width: 1100px){
      .feature-showcase,
      .release-visual{
        grid-template-columns:1fr;
      }
      .insight-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
      }
      .step-visual-grid{
        grid-template-columns:1fr;
      }
      .showcase-body{
        grid-template-columns:1fr;
      }
      .plugin-panel{
        display:none;
      }
    }
    @media (max-width: 720px){
      .showcase-visual,
      .release-visual{
        min-height:auto;
        padding:18px;
      }
      .showcase-window{
        position:relative;
        inset:auto;
        min-height:280px;
      }
      .showcase-window.has-video{
        min-height:320px;
      }
      .feature-pills{
        grid-template-columns:1fr;
      }
      .release-data-grid,
      .insight-grid{
        grid-template-columns:1fr;
      }
      .release-step{
        grid-template-columns:32px 1fr;
      }
      .release-step em{
        grid-column:2;
      }
      .insight-card{
        min-height:210px;
      }
      .step-visual-card{
        min-height:180px;
      }
      .release-card{
        transform:none;
      }
      .logo-strip{
        gap:10px;
      }
      .logo-strip::before{
        display:none;
      }
      .logo-chip::after{
        right:auto;
        left:50%;
        top:auto;
        bottom:-7px;
        transform:translateX(-50%) rotate(135deg);
      }
    }

    /* Second-to-third screen container. */
    .apple-transition{
      width:100vw;
      min-height:auto;
      margin-left:calc(50% - 50vw);
      position:relative;
      scroll-snap-align:none;
      background:#f8fbff;
    }
    .features-anchor{
      display:block;
      height:0;
      scroll-margin-top:0;
      position:relative;
    }
    .apple-transition .video-section{
      position:relative;
      top:0;
      z-index:1;
      margin-left:0;
    }
    .apple-transition .unlock-section{
      position:relative;
      z-index:2;
      margin:0;
      margin-top:0;
      background:linear-gradient(180deg, rgba(248,249,251,.92) 0%, rgba(248,249,251,.98) 18%, rgba(248,249,251,1) 100%) !important;
      backdrop-filter:none;
      scroll-snap-align:start;
      scroll-snap-stop:always;
    }
    .apple-transition .video-section,
    .apple-transition .unlock-section{
      opacity:1;
      transform:none;
      transition:none;
      will-change:transform;
    }
    .video-section{
      width:100vw;
      min-height:100svh;
      margin-left:calc(50% - 50vw);
      padding:0;
      overflow:hidden;
      background:
        radial-gradient(780px 360px at 50% 112%, rgba(0,36,192,.22), rgba(93,116,255,.12) 42%, transparent 72%),
        radial-gradient(1100px 700px at 18% 0%, rgba(18,50,246,.14), transparent 60%),
        radial-gradient(900px 600px at 92% 4%, rgba(92,124,255,.12), transparent 45%),
        linear-gradient(180deg, #f8fbff 0%, var(--bg) 36%, #f2f5fa 100%);
      scroll-margin-top:0;
      scroll-snap-align:start;
      scroll-snap-stop:always;
    }
    .apple-transition .video-section{
      padding:0;
      position:relative;
      top:0;
      z-index:1;
    }
    .hero,
    .video-section{
      scroll-snap-align:start;
      scroll-snap-stop:always;
    }
    .unlock-section,
    .impact-section{
      scroll-snap-align:start;
      scroll-snap-stop:always;
    }
    .unlock-section,
    .impact-section,
    #contact{
      min-height:100svh;
      display:grid;
      align-content:center;
    }
    main > .band{
      width:100vw;
      margin:0 0 0 calc(50% - 50vw);
      padding:clamp(42px, 7vw, 80px) max(24px, calc((100vw - var(--max)) / 2 + 24px));
      place-items:center;
      background:
        radial-gradient(circle at 16% 18%, rgba(18,50,246,.15), transparent 34%),
        radial-gradient(circle at 86% 72%, rgba(92,124,255,.13), transparent 38%),
        linear-gradient(180deg, rgba(248,251,255,.94), rgba(241,246,252,.96));
    }
    main > .band .logo-strip{
      width:min(var(--max), calc(100vw - 48px));
      margin:0 auto;
    }
    .unlock-section{
      width:100vw;
      height:100svh;
      min-height:100svh;
      margin:0 0 0 calc(50% - 50vw);
      padding:0 !important;
      display:grid;
      align-content:stretch;
      place-items:stretch;
      background:#f8f9fb !important;
      border-top:1px solid #dde5f4;
      border-bottom:1px solid #dde5f4;
      position:relative;
      overflow:hidden;
    }
    main > .band.unlock-section{
      padding:0 !important;
      place-items:stretch;
      align-content:stretch;
      background:#f8f9fb !important;
    }
    .unlock-section::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(#dde5f4 1px, transparent 1px),
        linear-gradient(90deg, #dde5f4 1px, transparent 1px);
      background-size:20% 100%, 100% 100%;
      opacity:.78;
      pointer-events:none;
    }
    .unlock-content{
      position:relative;
      z-index:1;
      width:var(--stage-inner);
      height:100svh;
      min-height:100svh;
      margin:0 auto;
      padding-top:var(--nav-height);
      display:grid;
      grid-template-rows: minmax(210px, .72fr) 64px minmax(236px, .95fr);
      border-left:1px solid #dde5f4;
      border-right:1px solid #dde5f4;
      color:#2e3038;
    }
    .unlock-hero{
      padding:clamp(34px, 4.8vw, 60px) clamp(30px, 7vw, 88px) 26px;
      display:grid;
      align-content:center;
      border-bottom:1px solid #dde5f4;
      background:#fbfcfe;
    }
    .unlock-hero h2{
      margin:0;
      font-size:clamp(46px, 5.6vw, 76px);
      line-height:1.02;
      letter-spacing:0;
      font-weight:800;
    }
    .unlock-hero h2 span{
      display:block;
      color:rgb(18, 50, 246);
    }
    .unlock-hero p{
      margin:22px 0 0;
      max-width:720px;
      color:#626a78;
      font-size:clamp(16px, 1.35vw, 20px);
      line-height:1.75;
    }
    .unlock-cta-row{
      display:grid;
      grid-template-columns:repeat(6, minmax(0,1fr));
      border-bottom:1px solid #dde5f4;
      background:#fbfcfe;
      position:relative;
      z-index:1;
    }
    .unlock-cta-row span{
      border-right:1px solid #dde5f4;
    }
    .unlock-cta-row span:last-of-type{
      border-right:0;
    }
    .unlock-start{
      grid-column:5 / 7;
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin:12px clamp(22px, 3vw, 42px) 12px 0;
      padding:0 clamp(18px, 2vw, 28px);
      background:rgb(18, 50, 246);
      color:#fff;
      font-weight:800;
      min-height:46px;
    }
    .unlock-start b{
      font-size:18px;
      line-height:1;
    }
    .unlock-start i{
      font-style:normal;
      font-size:28px;
      line-height:1;
    }
    .unlock-cards{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:clamp(18px, 2vw, 28px);
      position:relative;
      z-index:1;
      background:#f8f9fb;
      padding:clamp(24px, 3vw, 42px) clamp(30px, 5vw, 72px);
    }
    .unlock-card{
      padding:clamp(26px, 3vw, 42px);
      border:1px solid #dde5f4;
      background:#fbfcfe;
      display:grid;
      align-content:start;
      gap:18px;
      min-height:100%;
    }
    .unlock-card:last-child{
      border-right:1px solid #dde5f4;
    }
    .unlock-icon{
      width:56px;
      height:56px;
      position:relative;
    }
    .unlock-icon.dots{
      background-image:radial-gradient(circle, #6f86ff 1.6px, transparent 1.8px);
      background-size:10px 10px;
    }
    .unlock-icon.triangle::before{
      content:"";
      position:absolute;
      left:6px;
      bottom:4px;
      width:0;
      height:0;
      border-left:24px solid transparent;
      border-right:24px solid transparent;
      border-bottom:46px solid rgba(18,50,246,.46);
    }
    .unlock-icon.ring::before{
      content:"";
      position:absolute;
      inset:6px;
      border:3px dashed #8aa0ff;
      border-radius:50%;
    }
    .unlock-card h3{
      margin:0;
      color:rgb(18, 50, 246);
      font-size:clamp(22px, 2vw, 30px);
      line-height:1.12;
    }
    .unlock-card p{
      margin:0;
      color:#686f7b;
      font-size:clamp(14px, 1.2vw, 17px);
      line-height:1.75;
      max-width:24rem;
    }
    .meta-list{
      margin:0;
      padding-left:1.15rem;
      color:#686f7b;
      font-size:clamp(13px, 1.05vw, 15px);
      line-height:1.78;
    }
    .meta-list li+li{
      margin-top:8px;
    }
    .install-inline-link{
      color:rgb(0,36,192);
      font-weight:700;
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .install-download-action{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:30px;
      margin-left:10px;
      padding:0 13px;
      border-radius:999px;
      background:rgb(0,36,192);
      color:#fff;
      font-size:.92em;
      font-weight:800;
      line-height:1;
      white-space:nowrap;
      vertical-align:middle;
      box-shadow:0 8px 18px rgba(0,36,192,.16);
      transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .install-download-action:hover{
      transform:translateY(-1px);
      background:rgb(18,50,246);
      box-shadow:0 10px 20px rgba(0,36,192,.20);
    }
    .install-download-action.is-disabled{
      pointer-events:none;
      opacity:.58;
    }
    .meta-block{
      display:grid;
      gap:10px;
    }
    .meta-block small{
      color:#8a92a2;
      font-size:12px;
      line-height:1.5;
      word-break:break-word;
    }
    .download-content{
      white-space:pre-line;
    }
    .changelog-mini{
      display:grid;
      gap:10px;
      color:#686f7b;
      font-size:14px;
      line-height:1.65;
    }
    .changelog-mini article{
      padding:14px 16px;
      border-radius:12px;
      background:rgba(18,50,246,.045);
      border:1px solid rgba(18,50,246,.08);
    }
    .changelog-mini b{
      display:block;
      color:#24304a;
      margin-bottom:4px;
    }
    @media (max-width:720px){
      .unlock-content{
        grid-template-rows:auto 52px auto;
      }
      .unlock-cta-row{
        grid-template-columns:1fr;
      }
      .unlock-cta-row span{
        display:none;
      }
      .unlock-start{
        grid-column:auto;
        margin:0;
      }
      .unlock-cards{
        grid-template-columns:1fr;
      }
      .unlock-card{
        border-right:1px solid #dde5f4;
        border-bottom:1px solid #dde5f4;
      }
    }
    .video-stage{
      --video-gap:clamp(28px, 4vw, 54px);
      position:relative;
      width:100%;
      min-height:100svh;
      overflow:hidden;
      contain:paint;
      isolation:isolate;
      background:
        radial-gradient(circle, rgba(18,50,246,.13) 1px, transparent 1.35px) 0 0 / 20px 20px,
        #f3f6fa;
    }
    .video-frame{
      position:absolute;
      inset:0;
      z-index:1;
      border-radius:0;
      background:transparent;
      border:1px solid rgba(255,255,255,.86);
      box-shadow:0 16px 36px rgba(38,50,76,.12);
      padding:calc(var(--nav-height) + var(--video-gap)) var(--video-gap) var(--video-gap);
      display:grid;
      grid-template-rows:auto auto;
      align-content:center;
      align-items:center;
      justify-content:center;
      gap:14px;
      overflow:hidden;
    }
    .video-section .demo-video-shell{
      position:relative;
      width:auto;
      height:auto;
      max-width:100%;
      max-height:calc(100svh - var(--nav-height) - (var(--video-gap) * 2) - 62px);
      aspect-ratio:1438 / 938;
      border-radius:24px;
      background:#f8fbff;
      border:0;
      box-shadow:none;
      padding:12px;
      overflow:visible;
    }
    .video-kicker{
      width:min(100%, calc((100svh - var(--nav-height) - (var(--video-gap) * 2) - 44px) * 1438 / 938));
      color:rgb(0, 38, 203);
      font-size:clamp(20px, 1.75vw, 28px);
      font-weight:800;
      letter-spacing:0;
      line-height:1.4;
      opacity:.92;
      pointer-events:none;
    }
    .video-section .demo-video,
    .video-section .demo-image{
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;
      object-fit:contain;
      object-position:center center;
      border-radius:0;
      background:transparent;
      border:0;
      box-shadow:none;
      padding:0;
    }
    .video-section .video-caption{
      display:none;
      left:clamp(20px, 5vw, 64px);
      bottom:clamp(20px, 5vw, 58px);
      color:#f7fbff;
      background:rgba(7,16,31,.58);
      border-color:rgba(255,255,255,.20);
      box-shadow:none;
    }
    @media (max-width:720px){
      .video-stage{
        --video-gap:22px;
      }
      .video-frame{
        inset:var(--video-gap);
        border-radius:18px;
        box-shadow:0 12px 28px rgba(38,50,76,.12);
      }
    }
    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
    }
    .features-anchor#features{
      display:block !important;
      position:relative !important;
      width:0 !important;
      height:0 !important;
      min-height:0 !important;
      padding:0 !important;
      margin:0 !important;
      overflow:hidden !important;
      pointer-events:none !important;
    }
    .impact-section{
      position:relative;
      z-index:3;
      width:100vw;
      min-height:100svh;
      height:100svh;
      margin:0 0 0 calc(50% - 50vw);
      padding:var(--nav-height) 0 0;
      display:grid;
      grid-template-rows:44px clamp(98px, 14svh, 132px) minmax(0, 1fr) 46px;
      background:#f9fafc;
      color:#05070d;
      border-top:1px solid #dfe5ef;
      border-bottom:1px solid #dfe5ef;
      overflow:hidden;
    }
    .impact-nav,
    .impact-stats,
    .impact-case,
    .impact-footer{
      width:var(--stage-inner);
      margin:0 auto;
      border-left:1px solid #dfe5ef;
      border-right:1px solid #dfe5ef;
    }
    .impact-nav{
      display:grid;
      grid-template-columns:1fr minmax(240px, 25vw);
      border-bottom:1px solid #dfe5ef;
      background:#f5f6f8;
      font-size:14px;
      font-weight:800;
    }
    .impact-tabs{
      display:flex;
      align-items:center;
      padding:0 clamp(20px, 2.5vw, 34px);
      color:#0f172a;
      font-size:16px;
      letter-spacing:-.01em;
    }
    .impact-contact{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:0 clamp(18px, 2vw, 28px);
      background:rgb(18, 50, 246);
      color:#fff;
    }
    .impact-contact i{
      font-style:normal;
      font-size:26px;
      line-height:1;
    }
    .impact-stats{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      background:#fff;
    }
    .impact-stat{
      display:grid;
      align-content:end;
      gap:6px;
      padding:0 clamp(18px, 2.8vw, 38px) clamp(14px, 2.2vw, 26px);
      border-right:1px solid #dfe5ef;
    }
    .impact-stat:last-child{
      border-right:0;
    }
    .impact-stat strong{
      font-size:clamp(42px, 5.1vw, 68px);
      line-height:.86;
      letter-spacing:-.055em;
      font-weight:900;
    }
    .impact-stat span{
      color:#62666f;
      font-size:clamp(16px, 1.55vw, 21px);
      line-height:1.1;
      font-weight:900;
    }
    .impact-case{
      display:grid;
      grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
      min-height:0;
      border-top:1px solid #dfe5ef;
      overflow:hidden;
    }
    .impact-photo{
      min-height:100%;
      background:
        linear-gradient(90deg, rgba(5,7,13,.54), rgba(5,7,13,.12) 56%, rgba(5,7,13,.22)),
        linear-gradient(180deg, rgba(5,7,13,.04), rgba(5,7,13,.2)),
        url("/extension/download/videos/yeecode-demo.png") center / cover no-repeat;
      display:grid;
      align-content:center;
      gap:18px;
      padding:clamp(26px, 3.6vw, 48px);
      color:#fff;
    }
    .impact-photo span{
      width:max-content;
      padding:9px 12px;
      border:1px solid rgba(255,255,255,.38);
      background:rgba(5,7,13,.28);
      font-size:13px;
      font-weight:900;
      letter-spacing:.08em;
    }
    .impact-photo h3{
      margin-top:16px;
      max-width:8ch;
      font-size:clamp(32px, 4vw, 52px);
      line-height:.98;
      letter-spacing:-.04em;
      font-weight:900;
    }
    .impact-quote{
      display:grid;
      grid-template-rows:auto minmax(0, 1fr) auto;
      gap:18px;
      padding:clamp(28px, 3.8vw, 52px);
      background:rgb(18, 50, 246);
      color:#fff;
      min-height:100%;
      overflow:hidden;
      min-width:0;
      contain:paint;
    }
    .partner-label{
      color:rgba(255,255,255,.66);
      font-size:13px;
      font-weight:900;
      letter-spacing:.08em;
      min-width:0;
    }
    .partner-carousel{
      position:relative;
      min-height:0;
      display:grid;
      align-items:center;
      min-width:0;
      overflow:hidden;
    }
    .partner-card{
      grid-area:1 / 1;
      display:grid;
      grid-template-columns:116px minmax(0, 1fr);
      gap:24px;
      align-content:center;
      align-items:start;
      width:100%;
      min-width:0;
      opacity:0;
      transform:translateX(28px);
      animation:partnerShow 16s infinite;
    }
    .partner-card:nth-child(2){animation-delay:4s}
    .partner-card:nth-child(3){animation-delay:8s}
    .partner-card:nth-child(4){animation-delay:12s}
    @keyframes partnerShow{
      0%, 4%{opacity:0;transform:translateX(28px)}
      7%, 25%{opacity:1;transform:translateX(0)}
      29%, 100%{opacity:0;transform:translateX(-28px)}
    }
    .partner-logo{
      width:116px;
      height:84px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#fff;
      border:0;
      box-shadow:none;
      padding:14px;
    }
    .partner-logo img{
      max-width:100%;
      max-height:54px;
      object-fit:contain;
      background:transparent;
      padding:0;
    }
    .partner-logo.wordmark{
      color:#1232f6;
      font-size:42px;
      font-weight:900;
      letter-spacing:-.04em;
    }
    .partner-copy{
      display:grid;
      align-content:start;
      gap:12px;
      min-width:0;
    }
    .partner-copy h3{
      margin:0;
      max-width:100%;
      font-size:clamp(25px, 2.35vw, 34px);
      line-height:1.08;
      letter-spacing:-.03em;
      font-weight:900;
    }
    .partner-copy p{
      margin:0;
      max-width:560px;
      color:rgba(255,255,255,.86);
      font-size:clamp(14px, 1.18vw, 17px);
      line-height:1.55;
    }
    .partner-name{
      width:max-content;
      max-width:100%;
      padding:7px 11px;
      border:1px solid rgba(255,255,255,.22);
      color:rgba(255,255,255,.86);
      font-size:13px;
      font-weight:800;
    }
    .impact-meta{
      display:grid;
      gap:12px;
      color:rgba(255,255,255,.88);
      font-size:14px;
      line-height:1.5;
      min-width:0;
      overflow:hidden;
      padding-top:16px;
      border-top:1px solid rgba(255,255,255,.22);
    }
    .impact-logo{
      font-family:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
      letter-spacing:.12em;
      font-weight:900;
      font-size:12px;
      color:#fff;
      white-space:nowrap;
      overflow:hidden;
    }
    .partner-marquee{
      position:absolute;
      inset:0 auto auto 0;
      height:100%;
      display:flex;
      width:max-content;
      gap:12px;
      animation:partnerMarquee 24s linear infinite;
      will-change:transform;
    }
    .partner-marquee-wrap{
      position:relative;
      width:100%;
      max-width:100%;
      height:42px;
      overflow:hidden;
      contain:layout paint;
      isolation:isolate;
      -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%);
    }
    @keyframes partnerMarquee{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }
    .partner-chip{
      min-width:auto;
      display:flex;
      align-items:center;
      gap:10px;
      padding:8px 12px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.08);
      color:#fff;
      font-weight:900;
      white-space:nowrap;
      opacity:.78;
    }
    .partner-chip::after{
      content:none;
    }
    .partner-chip img{
      width:36px;
      height:24px;
      object-fit:contain;
      background:#fff;
      padding:5px;
    }
    .partner-chip .letter{
      width:44px;
      height:34px;
      display:grid;
      place-items:center;
      background:#fff;
      color:#1232f6;
      font-weight:900;
    }
    .impact-meta b{
      display:block;
      font-size:15px;
      color:#fff;
    }
    .impact-footer{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      padding:10px max(24px, calc((100vw - var(--max)) / 2 + 24px));
      border-top:1px solid #dfe5ef;
      background:#eef3f9;
      color:#536179;
      font-size:13px;
      letter-spacing:.01em;
      line-height:1.35;
      white-space:nowrap;
      word-break:keep-all;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .impact-footer > [data-meta="footerTitle"]{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-break:keep-all;
    }
    .footer-line{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      max-width:100%;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-break:keep-all;
    }
    .footer-line > *{
      flex:0 0 auto;
      white-space:nowrap;
      word-break:keep-all;
    }
    .footer-line > [data-meta="footerTitle"]{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .impact-section .impact-footer,
    main.carousel-stage .impact-footer{
      display:flex !important;
      grid-template-columns:none !important;
      justify-content:center !important;
      align-items:center !important;
      gap:12px !important;
      white-space:nowrap !important;
      word-break:keep-all !important;
      overflow:hidden !important;
    }
    .impact-section .footer-line,
    main.carousel-stage .footer-line{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      max-width:100% !important;
      min-width:0 !important;
      gap:12px !important;
      white-space:nowrap !important;
      word-break:keep-all !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    .footer-meta{
      display:inline-flex;
      align-items:center;
      justify-items:end;
      gap:6px;
      line-height:1.35;
      white-space:nowrap;
      flex:0 0 auto;
    }
    .beian-link{
      color:inherit;
      opacity:.82;
      white-space:nowrap;
    }
    .beian-link:hover{
      opacity:1;
    }
    .impact-arrows{
      display:flex;
      gap:12px;
      justify-content:flex-end;
      align-items:center;
    }
    .impact-arrows span{
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.35);
      font-size:20px;
    }
    @media (max-width: 900px){
      .impact-section{
        min-height:auto;
        height:auto;
        grid-template-rows:auto auto auto auto;
        overflow:visible;
      }
      .impact-nav,
      .impact-stats,
      .impact-case{
        grid-template-columns:1fr;
      }
      .impact-tabs{
        min-height:54px;
      }
      .impact-contact{
        min-height:56px;
      }
      .impact-stat{
        min-height:132px;
        border-right:0;
        border-bottom:1px solid #dfe5ef;
      }
      .impact-photo{
        min-height:320px;
      }
      .impact-quote{
        min-height:520px;
        overflow:hidden;
      }
      .partner-card{
        grid-template-columns:1fr;
        align-items:start;
      }
      .partner-logo{
        width:min(180px, 54vw);
        height:78px;
      }
      .impact-footer{
        grid-template-columns:1fr;
        align-items:start;
        gap:8px;
        padding:16px 20px;
      }
      .footer-meta{
        justify-content:flex-start;
      }
    }

    main.carousel-stage{
      position:fixed;
      inset:0 auto auto 0;
      width:100vw !important;
      min-height:calc(var(--page-count, 4) * 100svh);
      margin:0;
      overflow:visible;
      transform:translate3d(0, calc(var(--page-index, 0) * -100svh), 0);
      transition:transform .56s cubic-bezier(.22,.72,.18,1);
      will-change:transform;
      backface-visibility:hidden;
      contain:layout paint style;
    }
    main.carousel-stage > .features-anchor{
      display:none !important;
    }
    main.carousel-stage .hero,
    main.carousel-stage .video-section,
    main.carousel-stage .unlock-section,
    main.carousel-stage .impact-section{
      width:100vw;
      height:100svh;
      min-height:100svh;
      margin:0 !important;
      scroll-snap-align:none;
      scroll-snap-stop:normal;
      flex:0 0 100svh;
      contain:layout paint;
      backface-visibility:hidden;
      transform:translateZ(0);
    }
    main.carousel-stage .hero{
      padding:calc(var(--nav-height) + 20px) max(24px, calc((100vw - var(--max)) / 2 + 24px)) 24px;
    }
    main.carousel-stage .apple-transition{
      width:100vw;
      min-height:auto;
      height:auto;
      margin:0 !important;
      display:contents;
    }
    body.download-unavailable main.carousel-stage .unlock-section{
      display:none !important;
    }
    main.carousel-stage .video-section{
      position:relative;
    }
    main.carousel-stage .unlock-content{
      height:100svh;
      min-height:100svh;
    }
    @media (max-width: 1180px){
      main.carousel-stage .hero{
        padding-left:24px;
        padding-right:24px;
      }
      main.carousel-stage .hero-grid{
        grid-template-columns:minmax(0, .95fr) minmax(0, .9fr);
        gap:26px;
      }
      main.carousel-stage .dashboard{
        width:min(100%, 560px);
        transform:rotateY(-10deg) rotateX(5deg);
      }
      main.carousel-stage .code-card{
        display:none;
      }
      main.carousel-stage .board{
        grid-template-columns:1fr !important;
      }
      main.carousel-stage .flow-card{
        min-height:clamp(190px, 29svh, 250px);
      }
      main.carousel-stage .video-stage{
        --video-gap:clamp(22px, 3.2vw, 42px);
      }
      main.carousel-stage .unlock-content{
        grid-template-rows:minmax(190px, .68fr) 58px minmax(220px, .94fr);
      }
      main.carousel-stage .unlock-card{
        padding:26px 24px;
        gap:14px;
      }
      main.carousel-stage .impact-section{
        grid-template-rows:42px clamp(82px, 12svh, 112px) minmax(0, 1fr) 42px;
      }
      main.carousel-stage .impact-stat{
        padding:0 20px 16px;
      }
      main.carousel-stage .partner-card{
        grid-template-columns:94px minmax(0, 1fr);
        gap:18px;
      }
      main.carousel-stage .partner-logo{
        width:94px;
        height:70px;
      }
    }
    @media (max-width: 860px){
      :root{
        --nav-height:64px;
      }
      .nav-inner{
        min-height:64px;
      }
      main.carousel-stage .hero,
      main.carousel-stage .video-section,
      main.carousel-stage .unlock-section,
      main.carousel-stage .impact-section{
        height:100svh !important;
        min-height:100svh !important;
        overflow:hidden !important;
      }
      main.carousel-stage .hero{
        padding:calc(var(--nav-height) + 14px) 20px 18px;
      }
      main.carousel-stage .hero-grid{
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0, 1fr);
        gap:18px;
        height:auto;
        max-height:100%;
        align-content:center;
      }
      main.carousel-stage h1{
        max-width:none;
        font-size:clamp(40px, 10vw, 58px);
      }
      main.carousel-stage .hero-copy{
        margin-top:14px;
        font-size:16px;
        line-height:1.65;
        max-width:42rem;
      }
      main.carousel-stage .hero-actions{
        margin-top:18px;
        gap:10px;
      }
      main.carousel-stage .hero-metrics{
        margin-top:18px;
        gap:10px;
      }
      main.carousel-stage .metric{
        min-width:0;
        flex:1 1 110px;
        padding:10px 12px;
        border-radius:14px;
      }
      main.carousel-stage .metric b{
        font-size:20px;
        margin-bottom:5px;
      }
      main.carousel-stage .metric span{
        font-size:12px;
      }
      main.carousel-stage .hero-visual{
        min-height:0;
        height:100%;
        margin-right:0;
      }
      main.carousel-stage .orb{
        display:none;
      }
      main.carousel-stage .dashboard{
        width:min(100%, 620px);
        max-width:100%;
        padding:12px;
        border-radius:24px;
        transform:none;
      }
      main.carousel-stage .window{
        padding:12px;
        border-radius:18px;
      }
      main.carousel-stage .board{
        grid-template-columns:1fr !important;
        gap:10px;
      }
      main.carousel-stage .flow-card,
      main.carousel-stage .code-card{
        border-radius:16px;
      }
      main.carousel-stage .flow-card{
        min-height:clamp(168px, 24svh, 205px);
        padding:14px;
      }
      main.carousel-stage .line{
        height:32px;
        border-radius:12px;
      }
      main.carousel-stage .code-card{
        padding:14px;
      }
      main.carousel-stage .code-line{
        font-size:11px;
      }
      main.carousel-stage .video-stage{
        --video-gap:20px;
      }
      main.carousel-stage .video-frame{
        inset:0 !important;
        padding:calc(var(--nav-height) + var(--video-gap)) var(--video-gap) var(--video-gap) !important;
        border-radius:0;
        align-content:center;
        gap:12px;
        box-shadow:0 12px 26px rgba(38,50,76,.10);
      }
      main.carousel-stage .video-section .demo-video-shell{
        width:100%;
        height:auto;
        max-height:calc(100svh - var(--nav-height) - (var(--video-gap) * 2) - 56px);
        border-radius:18px;
      }
      main.carousel-stage .video-kicker{
        width:100%;
        font-size:clamp(18px, 3.6vw, 24px);
        line-height:1.3;
      }
      main.carousel-stage .unlock-content{
        grid-template-rows:minmax(150px, .58fr) 52px minmax(0, 1fr);
      }
      main.carousel-stage .unlock-hero{
        padding:26px 22px 22px;
      }
      main.carousel-stage .unlock-hero h2{
        font-size:clamp(38px, 9vw, 58px);
      }
      main.carousel-stage .unlock-hero p{
        margin-top:14px;
        font-size:15px;
        line-height:1.55;
      }
      main.carousel-stage .unlock-start{
        grid-column:4 / 7;
        margin:10px 22px 10px 0;
        min-height:44px;
      }
      main.carousel-stage .unlock-cards{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:16px;
        padding:20px 22px;
      }
      main.carousel-stage .unlock-card{
        padding:22px 18px;
        gap:12px;
      }
      main.carousel-stage .unlock-card h3{
        font-size:22px;
      }
      main.carousel-stage .unlock-card p{
        font-size:13px;
        line-height:1.55;
      }
      main.carousel-stage .unlock-icon{
        width:42px;
        height:42px;
      }
      main.carousel-stage .impact-section{
        height:100svh !important;
        min-height:100svh !important;
        grid-template-rows:40px 70px minmax(0, 1fr) 36px !important;
        overflow:hidden !important;
      }
      main.carousel-stage .impact-nav{
        grid-template-columns:1fr minmax(190px, 34vw);
      }
      main.carousel-stage .impact-tabs{
        min-height:0;
        padding:0 20px;
        font-size:15px;
      }
      main.carousel-stage .impact-contact{
        min-height:0;
        padding:0 18px;
      }
      main.carousel-stage .impact-stats{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      }
      main.carousel-stage .impact-stat{
        min-height:0;
        padding:0 12px 12px;
        border-right:1px solid #dfe5ef;
        border-bottom:0;
      }
      main.carousel-stage .impact-stat strong{
        font-size:clamp(30px, 7vw, 46px);
      }
      main.carousel-stage .impact-stat span{
        font-size:clamp(12px, 2.4vw, 15px);
      }
      main.carousel-stage .impact-case{
        grid-template-columns:.78fr 1.22fr !important;
        min-height:0;
      }
      main.carousel-stage .impact-photo{
        min-height:0;
        padding:22px;
      }
      main.carousel-stage .impact-photo h3{
        font-size:clamp(26px, 5vw, 38px);
      }
      main.carousel-stage .impact-quote{
        min-height:0;
        padding:24px 22px;
        gap:14px;
      }
      main.carousel-stage .partner-card{
        grid-template-columns:82px minmax(0, 1fr);
        gap:14px;
      }
      main.carousel-stage .partner-logo{
        width:82px;
        height:62px;
        padding:10px;
      }
      main.carousel-stage .partner-copy h3{
        font-size:clamp(20px, 3.7vw, 28px);
      }
      main.carousel-stage .partner-copy p{
        font-size:13px;
        line-height:1.45;
      }
      main.carousel-stage .impact-footer{
        grid-template-columns:1fr auto;
        align-items:center;
        gap:12px;
        padding:0 20px;
      }
    }
    @media (max-width: 560px){
      :root{
        --stage-inner:calc(100vw - 32px);
      }
      .nav-links{
        display:none;
      }
      .nav-actions .pill{
        display:none;
      }
      .nav-actions .pill.primary,
      .nav-actions .nav-download.is-visible{
        display:inline-flex;
      }
      .menu-btn{
        display:inline-flex;
      }
      main.carousel-stage .hero{
        padding:calc(var(--nav-height) + 12px) 16px 16px;
      }
      main.carousel-stage .eyebrow{
        margin-bottom:12px;
        padding:8px 11px;
        font-size:12px;
      }
      main.carousel-stage h1{
        font-size:clamp(38px, 15vw, 54px);
        line-height:.98;
      }
      main.carousel-stage .hero-copy{
        font-size:14px;
        line-height:1.55;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
      }
      main.carousel-stage .hero-actions .pill{
        min-height:38px;
        padding:10px 13px;
        font-size:13px;
      }
      main.carousel-stage .hero-metrics{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }
      main.carousel-stage .metric{
        padding:9px 8px;
      }
      main.carousel-stage .metric b{
        font-size:17px;
      }
      main.carousel-stage .metric span{
        display:block;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
      main.carousel-stage .hero-visual{
        align-items:start;
      }
      main.carousel-stage .dashboard{
        border-radius:18px;
      }
      main.carousel-stage .window-top{
        margin-bottom:10px;
        font-size:10px;
      }
      main.carousel-stage .board{
        grid-template-columns:1fr;
      }
      main.carousel-stage .code-card{
        display:none;
      }
      main.carousel-stage .flow-card{
        min-height:180px;
      }
      main.carousel-stage .video-stage{
        --video-gap:14px;
      }
      main.carousel-stage .video-frame{
        gap:12px;
      }
      main.carousel-stage .video-kicker{
        font-size:clamp(16px, 5.4vw, 20px);
        text-align:center;
      }
      main.carousel-stage .video-section .demo-video-shell{
        padding:12px;
        border-radius:16px;
        max-height:calc(100svh - var(--nav-height) - 58px - (var(--video-gap) * 2));
      }
      main.carousel-stage .unlock-content{
        grid-template-rows:minmax(132px, .50fr) 42px minmax(0, 1fr);
      }
      main.carousel-stage .unlock-hero{
        padding:22px 18px 18px;
      }
      main.carousel-stage .unlock-hero h2{
        font-size:clamp(34px, 13vw, 48px);
      }
      main.carousel-stage .unlock-hero p{
        font-size:13px;
        line-height:1.45;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
      }
      main.carousel-stage .unlock-cta-row{
        grid-template-columns:1fr;
      }
      main.carousel-stage .unlock-cta-row span{
        display:none;
      }
      main.carousel-stage .unlock-start{
        grid-column:auto;
        margin:0;
        padding:0 18px;
      }
      main.carousel-stage .unlock-cards{
        grid-template-columns:1fr;
        gap:0;
        padding:0;
      }
      main.carousel-stage .unlock-card{
        min-height:0;
        grid-template-columns:36px minmax(0, 1fr);
        grid-template-rows:auto auto;
        column-gap:12px;
        row-gap:4px;
        align-content:center;
        padding:12px 18px;
        border-right:0;
        border-bottom:1px solid #dde5f4;
      }
      main.carousel-stage .unlock-card:last-child{
        border-bottom:0;
      }
      main.carousel-stage .unlock-icon{
        grid-row:1 / 3;
        width:32px;
        height:32px;
      }
      main.carousel-stage .unlock-icon.triangle::before{
        left:4px;
        border-left-width:13px;
        border-right-width:13px;
        border-bottom-width:26px;
      }
      main.carousel-stage .unlock-icon.ring::before{
        inset:4px;
        border-width:2px;
      }
      main.carousel-stage .unlock-card h3{
        font-size:18px;
      }
      main.carousel-stage .unlock-card p{
        font-size:12px;
        line-height:1.38;
        max-width:none;
      }
      main.carousel-stage .impact-section{
        grid-template-rows:38px 66px minmax(0, 1fr) 32px !important;
      }
      main.carousel-stage .impact-nav{
        grid-template-columns:1fr;
      }
      main.carousel-stage .impact-contact{
        display:none;
      }
      main.carousel-stage .impact-tabs{
        justify-content:center;
        padding:0 16px;
      }
      main.carousel-stage .impact-stats{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      }
      main.carousel-stage .impact-stat{
        align-content:center;
        gap:4px;
        padding:0 6px;
        text-align:center;
      }
      main.carousel-stage .impact-stat strong{
        font-size:clamp(24px, 9vw, 36px);
        letter-spacing:-.04em;
      }
      main.carousel-stage .impact-stat span{
        font-size:11px;
        line-height:1.15;
      }
      main.carousel-stage .impact-case{
        grid-template-columns:1fr !important;
        grid-template-rows:96px minmax(0, 1fr);
      }
      main.carousel-stage .impact-photo{
        min-height:0;
        padding:16px 18px;
        background-position:center 40%;
      }
      main.carousel-stage .impact-photo span{
        padding:6px 9px;
        font-size:11px;
      }
      main.carousel-stage .impact-photo h3{
        max-width:none;
        margin:8px 0 0;
        font-size:24px;
      }
      main.carousel-stage .impact-quote{
        min-height:0;
        padding:18px;
        gap:10px;
      }
      main.carousel-stage .partner-label{
        font-size:11px;
      }
      main.carousel-stage .partner-card{
        grid-template-columns:70px minmax(0, 1fr);
        gap:12px;
      }
      main.carousel-stage .partner-logo{
        width:70px;
        height:52px;
        padding:8px;
      }
      main.carousel-stage .partner-copy{
        gap:7px;
      }
      main.carousel-stage .partner-copy h3{
        font-size:19px;
        line-height:1.08;
      }
      main.carousel-stage .partner-copy p{
        font-size:12px;
        line-height:1.35;
      }
      main.carousel-stage .partner-name{
        width:auto;
        padding:5px 8px;
        font-size:11px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
      main.carousel-stage .impact-meta{
        gap:8px;
        padding-top:10px;
      }
      main.carousel-stage .impact-logo{
        font-size:10px;
      }
      main.carousel-stage .partner-marquee-wrap{
        height:32px;
      }
      main.carousel-stage .partner-chip{
        padding:6px 9px;
        gap:7px;
        font-size:11px;
      }
      main.carousel-stage .partner-chip img{
        width:30px;
        height:20px;
        padding:4px;
      }
      main.carousel-stage .impact-footer{
        padding:0 14px;
        font-size:11px;
      }
    }
    @media (max-height: 760px){
      main.carousel-stage .hero{
        padding-top:calc(var(--nav-height) + 10px);
        padding-bottom:12px;
      }
      main.carousel-stage .eyebrow{
        margin-bottom:10px;
      }
      main.carousel-stage h1{
        font-size:clamp(38px, 8.2vh, 62px);
      }
      main.carousel-stage .hero-copy{
        margin-top:12px;
        line-height:1.5;
      }
      main.carousel-stage .hero-actions,
      main.carousel-stage .hero-metrics{
        margin-top:14px;
      }
      main.carousel-stage .flow-card{
        min-height:170px;
      }
      main.carousel-stage .line{
        height:28px;
      }
      main.carousel-stage .video-stage{
        --video-gap:14px;
      }
      main.carousel-stage .video-section .demo-video-shell{
        max-height:calc(100svh - var(--nav-height) - 52px - (var(--video-gap) * 2));
      }
      main.carousel-stage .unlock-content{
        grid-template-rows:minmax(112px, .42fr) 36px minmax(0, 1fr);
      }
      main.carousel-stage .unlock-hero{
        padding-top:18px;
        padding-bottom:16px;
      }
      main.carousel-stage .unlock-hero p{
        margin-top:10px;
        line-height:1.42;
      }
      main.carousel-stage .unlock-card{
        padding-top:14px;
        padding-bottom:14px;
        gap:9px;
      }
      main.carousel-stage .impact-section{
        grid-template-rows:34px 58px minmax(0, 1fr) 30px !important;
      }
      main.carousel-stage .impact-photo{
        padding:16px;
      }
      main.carousel-stage .impact-quote{
        padding:18px;
        gap:10px;
      }
      main.carousel-stage .partner-copy p{
        line-height:1.32;
      }
      main.carousel-stage .impact-meta{
        gap:8px;
        padding-top:10px;
      }
      main.carousel-stage .partner-marquee-wrap{
        height:32px;
      }
    }
    @media (max-width: 420px), (max-height: 640px){
      main.carousel-stage .hero-visual{
        display:none;
      }
      main.carousel-stage .hero-grid{
        grid-template-rows:1fr;
      }
      main.carousel-stage .hero-copy{
        -webkit-line-clamp:4;
      }
      main.carousel-stage .unlock-content{
        grid-template-rows:minmax(104px, .40fr) 34px minmax(0, 1fr);
      }
      main.carousel-stage .impact-case{
        grid-template-rows:72px minmax(0, 1fr);
      }
      main.carousel-stage .impact-photo h3{
        font-size:20px;
      }
      main.carousel-stage .partner-copy p{
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
      }
    }
    @media (min-width: 561px) and (max-height: 640px){
      main.carousel-stage .impact-case{
        grid-template-columns:.78fr 1.22fr !important;
        grid-template-rows:none !important;
      }
      main.carousel-stage .impact-photo,
      main.carousel-stage .impact-quote{
        min-height:0;
        height:auto;
      }
      main.carousel-stage .impact-photo h3{
        font-size:clamp(24px, 3.2vw, 34px);
      }
      main.carousel-stage .partner-copy p{
        display:block;
        -webkit-line-clamp:unset;
        -webkit-box-orient:initial;
        overflow:visible;
      }
    }

    /* Soft visual pass: keep the grid structure, but restore a refined floating feel. */
    :root{
      --radius-xl:24px;
      --radius-lg:18px;
      --radius-md:14px;
      --radius-sm:10px;
      --shadow:0 22px 58px rgba(15,23,42,.10);
      --shadow-2:0 14px 34px rgba(15,23,42,.08);
    }
    .glow{
      display:block !important;
      opacity:.72;
    }
    .orb{
      display:block !important;
      opacity:.46;
    }
    .nav,
    body.immersive-mode .nav{
      background:rgba(246,249,253,.78);
      box-shadow:0 12px 30px rgba(15,23,42,.05);
    }
    .brand-mark{
      border-radius:0 !important;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      transform:none !important;
    }
    .pill,
    .mobile-menu a,
    .eyebrow,
    .tag,
    .progress,
    .progress > i,
    .code-line,
    .release-card-foot span,
    .partner-name,
    .partner-chip{
      border-radius:999px !important;
    }
    .menu-btn,
    .mobile-menu .panel,
    .window,
    .flow-card,
    .code-card,
    .metric,
    .pill,
    .eyebrow,
    .mobile-menu .panel,
    .logo-strip,
    .logo-chip,
    .feature-card,
    .panel,
    .browser-shell,
    .timeline,
    .quote,
    .release-card,
    .release-mini,
    .insight-card,
    .step-visual-card,
    .demo-video-shell,
    .unlock-card,
    .changelog-mini article,
    .partner-card,
    .partner-logo{
      border-radius:var(--radius-lg) !important;
    }
    .dashboard,
    .release-card,
    .video-frame{
      border-radius:var(--radius-xl) !important;
    }
    .impact-contact,
    .unlock-start{
      border-radius:var(--radius-md) !important;
    }
    .dots i,
    .spark b,
    .logo-chip::before,
    .unlock-icon.ring::before,
    .partner-chip img{
      border-radius:999px !important;
    }
    .dashboard,
    .window,
    .flow-card,
    .code-card,
    .metric,
    .pill,
    .eyebrow,
    .mobile-menu .panel,
    .logo-strip,
    .logo-chip,
    .feature-card,
    .panel,
    .browser-shell,
    .timeline,
    .quote,
    .release-card,
    .release-mini,
    .insight-card,
    .step-visual-card,
    .demo-video-shell,
    .unlock-card,
    .partner-card{
      border-color:rgba(16,24,40,.08) !important;
      box-shadow:var(--shadow-2) !important;
    }
    .dashboard,
    .window,
    .metric,
    .pill,
    .eyebrow,
    .mobile-menu .panel,
    .unlock-hero,
    .unlock-cta-row,
    .unlock-card,
    .impact-nav,
    .impact-stats,
    .impact-footer{
      background:rgba(255,255,255,.78) !important;
      backdrop-filter:blur(16px);
    }
    .dashboard{
      width:min(100%, 640px);
      transform:rotateY(-10deg) rotateX(5deg);
      box-shadow:var(--shadow) !important;
    }
    .dashboard::before,
    .code-card::before,
    .feature-card .mini-graph{
      display:block !important;
    }
    .pill.primary,
    .unlock-start,
    .impact-contact{
      background:linear-gradient(135deg, #0026cc 0%, #315eff 100%) !important;
      border:1px solid rgba(0,38,204,.18) !important;
      box-shadow:0 16px 32px rgba(0,38,204,.18) !important;
    }
    .apple-transition,
    .apple-transition .unlock-section,
    .video-section,
    .video-stage,
    .unlock-section,
    main > .band.unlock-section,
    .impact-section{
      background:
        radial-gradient(780px 360px at 50% 112%, rgba(0,36,192,.22), rgba(93,116,255,.12) 42%, transparent 72%),
        radial-gradient(1100px 700px at 18% 0%, rgba(18,50,246,.13), transparent 60%),
        radial-gradient(900px 600px at 92% 4%, rgba(92,124,255,.13), transparent 45%),
        linear-gradient(180deg, #f8fbff 0%, var(--bg) 36%, #f2f5fa 100%) !important;
    }
    .unlock-section::before{
      opacity:.46;
    }
    .unlock-content,
    .impact-nav,
    .impact-stats,
    .impact-case,
    .impact-footer{
      border-color:rgba(16,24,40,.08) !important;
    }
    .impact-photo,
    .impact-quote{
      box-shadow:var(--shadow-2);
    }
    .video-section .demo-video-shell{
      background:rgba(255,255,255,.72) !important;
      border:1px solid rgba(16,24,40,.08);
    }
    .unlock-section{
      border-top:0 !important;
      border-bottom:0 !important;
    }
    .unlock-section::before{
      display:none !important;
    }
    .unlock-content{
      border-left:0 !important;
      border-right:0 !important;
      gap:clamp(20px, 2.6vw, 34px);
      padding-left:clamp(18px, 2.4vw, 34px);
      padding-right:clamp(18px, 2.4vw, 34px);
      padding-top:calc(var(--nav-height) + clamp(18px, 2.4vw, 30px));
      padding-bottom:clamp(18px, 2.4vw, 30px);
      grid-template-rows:minmax(245px, .84fr) minmax(240px, 1fr);
    }
    .unlock-hero{
      border-bottom:0 !important;
      border-radius:var(--radius-xl) !important;
      box-shadow:var(--shadow-2);
      position:relative;
    }
    .unlock-hero{
      padding:clamp(30px, 4.4vw, 56px) clamp(28px, 5vw, 64px);
      align-content:center;
      gap:clamp(20px, 2.4vw, 30px);
    }
    .unlock-cta-row{
      display:none !important;
      grid-template-columns:minmax(0, 1fr) auto;
      align-items:center;
      padding:10px;
      background:rgba(255,255,255,.70) !important;
    }
    .unlock-cta-row span{
      display:none !important;
      border-right:0 !important;
    }
    .unlock-start{
      position:absolute;
      top:clamp(20px, 2.4vw, 30px);
      right:clamp(20px, 2.6vw, 34px);
      grid-column:auto;
      justify-content:center !important;
      width:max-content;
      min-width:92px;
      margin:0 !important;
      min-height:42px;
    }
    .unlock-cards{
      gap:clamp(16px, 2vw, 24px);
      padding:0 !important;
      background:transparent !important;
    }
    .unlock-card{
      border:1px solid rgba(16,24,40,.08) !important;
      background:rgba(255,255,255,.74) !important;
      backdrop-filter:blur(16px);
      box-shadow:var(--shadow-2) !important;
    }
    .unlock-card:last-child{
      border-right:1px solid rgba(16,24,40,.08) !important;
    }
    .unlock-start,
    .impact-contact{
      background:#0026cc !important;
      color:#0026cc !important;
      border:0 !important;
      box-shadow:none !important;
      border-radius:999px !important;
      min-height:42px;
      padding:0 22px !important;
      gap:0;
      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .unlock-start:hover,
    .impact-contact:hover{
      transform:translateY(-1px);
      background:#153cff !important;
      box-shadow:none !important;
    }
    .unlock-start b,
    .impact-contact span{
      display:block;
      color:#fff;
      font-size:16px;
      font-weight:900;
      letter-spacing:0;
      line-height:1;
      text-align:center;
    }
    .pill.primary,
    .unlock-start{
      min-width:92px !important;
      min-height:42px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:0 22px !important;
      border:0 !important;
      border-radius:999px !important;
      background:rgba(0,38,204,.86) !important;
      color:#fff !important;
      box-shadow:none !important;
      font-size:16px !important;
      font-weight:900 !important;
      line-height:1 !important;
    }
    .unlock-start{
      background:
        radial-gradient(132px 82px at 50% 132%, rgba(218,224,255,.78) 0%, rgba(143,160,255,.44) 36%, rgba(0,36,192,.08) 68%, transparent 82%),
        linear-gradient(180deg, rgba(18,56,212,.98) 0%, rgb(0,36,192) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        0 12px 24px rgba(0,36,192,.18) !important;
    }
    .pill.primary:hover,
    .unlock-start:hover{
      transform:translateY(-1px);
      background:rgba(21,60,255,.92) !important;
      box-shadow:none !important;
    }
    .unlock-start:hover{
      background:
        radial-gradient(132px 82px at 50% 132%, rgba(228,233,255,.84) 0%, rgba(153,170,255,.48) 36%, rgba(0,36,192,.10) 68%, transparent 82%),
        linear-gradient(180deg, rgba(36,76,230,.98) 0%, rgb(0,36,192) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 14px 28px rgba(0,36,192,.22) !important;
    }
    .pill.primary.is-disabled,
    .unlock-start.is-disabled{
      opacity:1;
      filter:none;
      background:rgba(0,38,204,.86) !important;
      color:#fff !important;
    }
    [data-meta-link="download"].is-disabled,
    .pill.primary[data-meta-link="download"].is-disabled,
    .unlock-start[data-meta-link="download"].is-disabled{
      background:
        radial-gradient(132px 82px at 50% 132%, rgba(230,234,255,.62) 0%, rgba(151,168,255,.34) 38%, rgba(0,36,192,.07) 70%, transparent 84%),
        linear-gradient(180deg, rgba(18,56,212,.80) 0%, rgba(0,36,192,.78) 100%) !important;
      color:#fff !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 10px 22px rgba(0,36,192,.12) !important;
    }
    .nav-actions{
      gap:10px;
    }
    .nav-actions [data-meta-link="console"]{
      min-width:96px !important;
      min-height:44px !important;
      padding:0 22px !important;
      border:1px solid rgba(0,36,192,.16) !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(245,248,255,.78) 100%) !important;
      color:rgb(0,36,192) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 9px 20px rgba(0,36,192,.08),
        0 2px 5px rgba(16,24,40,.05) !important;
      backdrop-filter:blur(18px);
    }
    .nav-actions [data-meta-link="console"]:hover{
      transform:translateY(-1px);
      border-color:rgba(0,36,192,.26) !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(241,246,255,.86) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 12px 24px rgba(0,36,192,.12),
        0 3px 7px rgba(16,24,40,.06) !important;
    }
    .nav-actions .nav-download{
      min-width:96px !important;
      min-height:44px !important;
      padding:0 22px !important;
      border-color:rgba(0,36,192,.88) !important;
      background:
        radial-gradient(136px 84px at 50% 132%, rgba(218,224,255,.80) 0%, rgba(143,160,255,.46) 36%, rgba(0,36,192,.08) 68%, transparent 82%),
        linear-gradient(180deg, rgba(18,56,212,.98) 0%, rgb(0,36,192) 100%) !important;
      color:#fff !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        0 12px 24px rgba(0,36,192,.20),
        0 3px 8px rgba(16,24,40,.08) !important;
    }
    .nav-actions .nav-download:hover{
      border-color:rgba(0,36,192,.92) !important;
      background:
        radial-gradient(136px 84px at 50% 132%, rgba(228,233,255,.86) 0%, rgba(153,170,255,.50) 36%, rgba(0,36,192,.10) 68%, transparent 82%),
        linear-gradient(180deg, rgba(36,76,230,.98) 0%, rgb(0,36,192) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 14px 28px rgba(0,36,192,.24),
        0 4px 10px rgba(16,24,40,.10) !important;
    }
    .hero-actions .download-pill{
      min-height:44px !important;
      padding:0 22px !important;
      border-color:rgba(0,36,192,.88) !important;
      background:
        radial-gradient(136px 84px at 50% 132%, rgba(218,224,255,.80) 0%, rgba(143,160,255,.46) 36%, rgba(0,36,192,.08) 68%, transparent 82%),
        linear-gradient(180deg, rgba(18,56,212,.98) 0%, rgb(0,36,192) 100%) !important;
      color:#fff !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        0 12px 24px rgba(0,36,192,.20),
        0 3px 8px rgba(16,24,40,.08) !important;
    }
    .hero-actions .download-pill:hover{
      background:
        radial-gradient(136px 84px at 50% 132%, rgba(228,233,255,.86) 0%, rgba(153,170,255,.50) 36%, rgba(0,36,192,.10) 68%, transparent 82%),
        linear-gradient(180deg, rgba(36,76,230,.98) 0%, rgb(0,36,192) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 14px 28px rgba(0,36,192,.24),
        0 4px 10px rgba(16,24,40,.10) !important;
    }
    body [data-meta-link="download"].is-hidden,
    body .download-nav-link.is-hidden,
    body [data-download-only].is-hidden,
    body.download-unavailable [data-download-only]{
      display:none !important;
    }
    .hero-actions .pill:not(.primary){
      background:rgba(255,255,255,.62) !important;
      border-color:rgba(16,24,40,.06) !important;
      box-shadow:none !important;
    }
    .hero-actions .pill:not(.primary):hover{
      background:rgba(255,255,255,.78) !important;
      box-shadow:none !important;
    }
    .unlock-start i,
    .impact-contact i{
      width:36px;
      height:36px;
      display:grid;
      place-items:center;
      border-radius:999px;
      background:#0026cc;
      color:#fff;
      font-size:22px;
      line-height:1;
      flex:0 0 auto;
    }
    .unlock-start.icon-only,
    .impact-contact.icon-only{
      width:46px;
      min-width:46px;
      height:46px;
      min-height:46px;
      padding:0 !important;
      justify-content:center;
      gap:0;
      border:0 !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .unlock-start.icon-only:hover,
    .impact-contact.icon-only:hover{
      transform:translateY(-1px);
      background:transparent !important;
      box-shadow:none !important;
    }
    .unlock-start.icon-only i,
    .impact-contact.icon-only i{
      width:42px;
      height:42px;
      box-shadow:0 12px 24px rgba(0,38,204,.18);
    }
    .impact-section{
      border:0 !important;
      grid-template-rows:clamp(98px, 14svh, 132px) minmax(0, 1fr) 46px !important;
    }
    .impact-nav,
    .impact-stats,
    .impact-case,
    .impact-footer{
      border-left:0 !important;
      border-right:0 !important;
    }
    .impact-nav{
      border-bottom:0 !important;
      grid-template-columns:1fr !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .impact-stats{
      gap:clamp(10px, 1.4vw, 18px);
      background:transparent !important;
    }
    .impact-stat{
      border-right:0 !important;
      border-bottom:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .impact-case{
      gap:0;
      border-top:0 !important;
      border-radius:var(--radius-xl) !important;
      overflow:hidden;
      background:rgb(18, 50, 246) !important;
      box-shadow:none !important;
    }
    .impact-photo,
    .impact-quote{
      border-radius:0 !important;
      overflow:hidden;
      box-shadow:none !important;
    }
    .impact-footer{
      border-top:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .impact-photo span{
      border:0 !important;
      background:rgba(5,7,13,.34) !important;
      border-radius:999px !important;
      box-shadow:none !important;
    }
    .partner-name{
      border:0 !important;
      background:rgba(255,255,255,.10) !important;
      color:rgba(255,255,255,.90) !important;
      box-shadow:none !important;
    }
    .impact-meta{
      border-top:0 !important;
      padding-top:clamp(10px, 1.4vw, 16px) !important;
    }
    .partner-chip{
      border:0 !important;
      background:rgba(255,255,255,.10) !important;
      box-shadow:none !important;
      opacity:.82;
    }
    .impact-quote .partner-card{
      border:0 !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .impact-quote .partner-logo{
      box-shadow:none !important;
    }
    main.carousel-stage .impact-stat{
      border-right:0 !important;
      border-bottom:0 !important;
    }
    main.carousel-stage .impact-stats{
      align-items:center;
      padding:clamp(8px, 1.2vw, 14px) 0 clamp(12px, 1.8vw, 20px);
    }
    main.carousel-stage .impact-stat{
      align-content:center;
      justify-items:center;
      gap:8px;
      padding:0 10px !important;
      text-align:center;
    }
    main.carousel-stage .impact-stat strong{
      font-size:clamp(42px, 4.4vw, 64px);
      line-height:.88;
      letter-spacing:-.045em;
    }
    main.carousel-stage .impact-stat span{
      color:rgba(45,55,72,.72);
      font-size:clamp(12px, 1vw, 14px);
      line-height:1;
      font-weight:800;
    }
    main.carousel-stage .impact-case{
      gap:0 !important;
      overflow:hidden !important;
    }
    main.carousel-stage .impact-photo,
    main.carousel-stage .impact-quote{
      border-radius:0 !important;
      box-shadow:none !important;
    }
    @media (max-width: 860px){
      main.carousel-stage .impact-section{
        grid-template-rows:70px minmax(0, 1fr) 36px !important;
      }
    }
    @media (max-width: 560px){
      main.carousel-stage .impact-section{
        grid-template-rows:66px minmax(0, 1fr) 32px !important;
      }
    }
    @media (max-height: 760px){
      main.carousel-stage .impact-section{
        grid-template-rows:58px minmax(0, 1fr) 30px !important;
      }
    }
    @media (max-width: 860px){
      main.carousel-stage .unlock-content{
        gap:16px;
        padding-left:18px;
        padding-right:18px;
        grid-template-rows:minmax(210px, .78fr) minmax(0, 1fr);
      }
      main.carousel-stage .unlock-cards{
        gap:12px;
        padding:0 !important;
      }
    }
    @media (max-width: 560px){
      main.carousel-stage .unlock-content{
        gap:12px;
        padding-left:16px;
        padding-right:16px;
        padding-top:calc(var(--nav-height) + 12px);
        padding-bottom:14px;
        grid-template-rows:minmax(180px, .70fr) minmax(0, 1fr);
      }
      main.carousel-stage .unlock-hero{
        padding:18px;
        padding-top:58px;
      }
      main.carousel-stage .unlock-start{
        width:max-content;
        min-width:82px;
        top:14px;
        right:14px;
      }
      main.carousel-stage .unlock-card{
        border:1px solid rgba(16,24,40,.08) !important;
      }
    }
    @media (min-aspect-ratio: 2 / 1) and (max-height: 820px){
      :root{
        --stage-inner:min(1160px, calc(100vw - 48px));
      }
      main.carousel-stage .unlock-content{
        padding-top:calc(var(--nav-height) + 16px);
        padding-bottom:16px;
        gap:18px;
        grid-template-rows:minmax(128px, .46fr) minmax(0, .92fr) !important;
      }
      main.carousel-stage .unlock-hero{
        min-height:0;
        padding:18px clamp(36px, 5vw, 72px);
        align-content:center;
      }
      main.carousel-stage .unlock-hero h2{
        font-size:clamp(42px, 5.4vh, 62px);
        line-height:.98;
      }
      main.carousel-stage .unlock-hero p{
        margin-top:10px;
        max-width:720px;
        font-size:15px;
        line-height:1.45;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
      }
      main.carousel-stage .unlock-start{
        top:50%;
        right:clamp(24px, 3.2vw, 44px);
        transform:translateY(-50%);
      }
      main.carousel-stage .unlock-start:hover{
        transform:translateY(calc(-50% - 1px));
      }
      main.carousel-stage .unlock-cards{
        gap:18px;
      }
      main.carousel-stage .unlock-card{
        padding:18px 28px;
        gap:10px;
        min-height:0;
      }
      main.carousel-stage .unlock-card h3{
        font-size:24px;
      }
      main.carousel-stage .meta-list,
      main.carousel-stage .meta-block{
        font-size:14px;
        line-height:1.45;
      }
      main.carousel-stage .impact-section{
        grid-template-rows:88px minmax(340px, calc(100svh - var(--nav-height) - 144px)) 34px !important;
        padding-top:var(--nav-height);
      }
      main.carousel-stage .impact-stats{
        align-items:center;
        padding:8px 0 14px;
      }
      main.carousel-stage .impact-stat{
        justify-content:center;
        text-align:center;
        gap:7px;
        padding:0 10px !important;
      }
      main.carousel-stage .impact-stat strong{
        font-size:clamp(40px, 7.2vh, 58px);
      }
      main.carousel-stage .impact-stat span{
        font-size:12px;
        color:rgba(45,55,72,.68);
      }
      main.carousel-stage .impact-case{
        max-height:calc(100svh - var(--nav-height) - 128px);
      }
      main.carousel-stage .impact-photo{
        padding:22px 28px;
      }
      main.carousel-stage .impact-photo h3{
        font-size:clamp(32px, 6vh, 52px);
      }
      main.carousel-stage .impact-quote{
        padding:22px 28px;
        gap:12px;
      }
      main.carousel-stage .partner-card{
        grid-template-columns:96px minmax(0, 1fr);
        gap:18px;
      }
      main.carousel-stage .partner-logo{
        width:96px;
        height:70px;
      }
      main.carousel-stage .partner-copy h3{
        font-size:clamp(24px, 4.2vh, 36px);
      }
      main.carousel-stage .partner-copy p{
        font-size:14px;
        line-height:1.35;
      }
      main.carousel-stage .impact-meta{
        gap:8px;
        padding-top:10px !important;
      }
      main.carousel-stage .partner-marquee-wrap{
        height:34px;
      }
    }
    @media (max-width: 560px) and (min-height: 820px){
      main.carousel-stage .impact-section{
        height:auto !important;
        min-height:100svh !important;
        overflow:hidden !important;
        grid-template-rows:66px minmax(0, calc(100svh - var(--nav-height) - 116px)) 38px !important;
      }
      main.carousel-stage .impact-case{
        grid-template-rows:96px minmax(0, 1fr) !important;
      }
      main.carousel-stage .impact-quote{
        align-content:center;
        grid-template-rows:auto minmax(220px, .72fr) auto;
        padding:18px;
      }
      main.carousel-stage .partner-carousel{
        align-items:center;
      }
      main.carousel-stage .partner-card{
        align-content:center;
      }
      main.carousel-stage .impact-meta{
        align-self:end;
      }
    }
    main.carousel-stage .impact-footer{
      min-height:46px !important;
      padding-top:8px !important;
      padding-bottom:max(14px, env(safe-area-inset-bottom)) !important;
      align-items:center !important;
      display:flex !important;
      justify-content:center !important;
      gap:12px !important;
      white-space:nowrap !important;
      overflow:hidden !important;
    }
    @media (max-height: 760px){
      main.carousel-stage .impact-section{
        grid-template-rows:62px minmax(0, 1fr) 38px !important;
      }
      main.carousel-stage .impact-stats{
        padding:4px 0 8px !important;
      }
      main.carousel-stage .impact-stat strong{
        font-size:clamp(32px, 5.8vh, 46px) !important;
      }
      main.carousel-stage .impact-case{
        max-height:calc(100svh - var(--nav-height) - 108px) !important;
      }
      main.carousel-stage .impact-quote{
        padding:22px !important;
        gap:10px !important;
      }
      main.carousel-stage .impact-footer{
        min-height:38px !important;
        padding-top:4px !important;
        padding-bottom:max(8px, env(safe-area-inset-bottom)) !important;
      }
    }
    @media (min-width: 861px){
      main.carousel-stage .impact-section{
        grid-template-rows:clamp(108px, 15svh, 132px) minmax(0, 1fr) 42px !important;
      }
      main.carousel-stage .impact-stats{
        padding:clamp(16px, 2.3vh, 24px) 0 clamp(18px, 2.6vh, 28px) !important;
        align-items:center !important;
      }
      main.carousel-stage .impact-stat{
        align-content:center !important;
        gap:10px !important;
        padding:0 12px !important;
      }
      main.carousel-stage .impact-stat strong{
        font-size:clamp(42px, 6.4vh, 62px) !important;
        line-height:.9 !important;
      }
      main.carousel-stage .impact-stat span{
        line-height:1.18 !important;
      }
      main.carousel-stage .impact-case{
        max-height:none !important;
      }
    }
    @media (min-width: 861px) and (max-height: 760px){
      main.carousel-stage .impact-section{
        grid-template-rows:clamp(92px, 14svh, 110px) minmax(0, 1fr) 38px !important;
      }
      main.carousel-stage .impact-stats{
        padding:12px 0 16px !important;
      }
      main.carousel-stage .impact-stat{
        gap:8px !important;
      }
      main.carousel-stage .impact-stat strong{
        font-size:clamp(36px, 6.2vh, 50px) !important;
      }
    }

    /* Keep the partner-case screen compact enough for the filing footer to stay visible. */
    @media (min-width: 861px){
      main.carousel-stage .impact-section{
        grid-template-rows:clamp(96px, 13svh, 118px) minmax(0, 1fr) 54px !important;
        row-gap:clamp(8px, 1.2vh, 16px);
        padding-bottom:max(8px, env(safe-area-inset-bottom));
      }
      main.carousel-stage .impact-stats{
        align-self:end;
        padding:clamp(12px, 1.8vh, 18px) 0 clamp(12px, 2vh, 20px) !important;
      }
      main.carousel-stage .impact-stat strong{
        font-size:clamp(40px, 5.7vh, 58px) !important;
      }
      main.carousel-stage .impact-case{
        align-self:center;
        height:min(100%, clamp(430px, 58svh, 620px));
        max-height:clamp(430px, 58svh, 620px) !important;
      }
      main.carousel-stage .impact-photo{
        padding:clamp(24px, 3vw, 40px);
      }
      main.carousel-stage .impact-photo h3{
        font-size:clamp(30px, 3.2vw, 46px);
      }
      main.carousel-stage .impact-quote{
        padding:clamp(26px, 3.2vw, 44px);
      }
      main.carousel-stage .partner-card{
        grid-template-columns:104px minmax(0, 1fr);
        gap:20px;
      }
      main.carousel-stage .partner-logo{
        width:104px;
        height:72px;
      }
      main.carousel-stage .impact-footer{
        min-height:54px !important;
        padding-top:8px !important;
        padding-bottom:max(10px, env(safe-area-inset-bottom)) !important;
        overflow:visible !important;
      }
      main.carousel-stage .footer-line{
        flex:0 0 auto !important;
        width:auto !important;
        min-width:max-content !important;
        max-width:calc(100vw - 48px) !important;
        gap:10px !important;
        overflow:visible !important;
        text-overflow:clip !important;
        flex-wrap:nowrap;
      }
    }
    @media (min-width: 861px) and (max-height: 820px){
      main.carousel-stage .impact-section{
        grid-template-rows:clamp(84px, 12svh, 104px) minmax(0, 1fr) 46px !important;
      }
      main.carousel-stage .impact-case{
        height:min(100%, clamp(360px, 55svh, 520px));
        max-height:clamp(360px, 55svh, 520px) !important;
      }
      main.carousel-stage .impact-footer{
        min-height:46px !important;
        font-size:12px;
      }
    }
    @media (max-width: 860px){
      main.carousel-stage .impact-footer,
      main.carousel-stage .footer-line{
        overflow:visible !important;
        text-overflow:clip !important;
      }
      main.carousel-stage .footer-line{
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        flex-wrap:wrap;
        row-gap:4px;
      }
    }