:root{
    --bg:#121212;
    --ultra-hero-surface:radial-gradient(56% 78% at 78% 48%,rgba(200,201,203,.12),transparent 64%), radial-gradient(38% 45% at 49% 85%,rgba(220,221,223,.12),transparent 72%), linear-gradient(115deg,#111214 0%,#121315 52%,#111214 100%);
    --bg-panel:#181818;
    --bg-panel-2:#1c1c1c;
    --bg-elevated:#212121;
    --border:#2a2a2a;
    --border-soft:#232323;
    --accent:#e0e1e3;
    --accent-ink:#1a1b1d;
    --accent-dim:#c6c7c9;
    --accent-glow:rgba(224,225,227,.28);
    --text:#f2f3f5;
    --text-2:#a4a5a7;
    --text-3:#828385;
    --brand-grad:linear-gradient(135deg,#b6b7b9,#0b8de5);
    --font-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    --font-body:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    --font-mono:"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
    --radius:14px;
    --radius-lg:22px;
    --container:1180px;
    --ease:cubic-bezier(.16,1,.3,1);
  }

  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{
    scroll-behavior:smooth;
    scroll-padding-top:74px;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#505153 #0b0c0e;
  }
  #features,#pricing,#download,#faq{scroll-margin-top:0;}
  ::-webkit-scrollbar{width:12px;height:12px;}
  ::-webkit-scrollbar-button{display:none;width:0;height:0;}
  ::-webkit-scrollbar-track{
    background:#0b0c0e;
    border-left:1px solid #1a1b1d;
  }
  ::-webkit-scrollbar-thumb{
    min-height:58px;
    border:3px solid #0b0c0e;
    border-radius:999px;
    background:linear-gradient(180deg,#5b5c5e 0%,#37383a 100%);
    box-shadow:inset 0 0 0 1px rgba(224,225,227,.12);
  }
  ::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#717274 0%,#454648 100%);
    box-shadow:inset 0 0 0 1px rgba(224,225,227,.24),0 0 14px rgba(224,225,227,.08);
  }
  ::-webkit-scrollbar-corner{background:#0b0c0e;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  button{font:inherit;cursor:pointer;}

  a:focus-visible,button:focus-visible,summary:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:3px;
    border-radius:4px;
  }

  .skip-link{
    position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--accent-ink);
    padding:10px 16px;border-radius:0 0 8px 0;z-index:200;font-weight:700;
  }
  .skip-link:focus{left:0;}

  .container{max-width:var(--container);margin-inline:auto;padding-inline:24px;}

  section{padding-block:112px;}
  @media(max-width:720px){section{padding-block:76px;}}

  .eyebrow{
    font-family:var(--font-mono);
    font-size:.74rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--accent);
    display:inline-flex;align-items:center;gap:9px;
    margin-bottom:18px;
  }
  .eyebrow--mini-rail{
    position:relative;
    min-height:32px;
    padding-left:22px;
    color:#c8c9cb;
    letter-spacing:.17em;
  }
  .eyebrow--mini-rail::before{
    content:'';
    position:absolute;
    left:5px;top:0;bottom:0;
    width:1px;
    background:linear-gradient(180deg,transparent 0%,rgba(224,225,227,.18) 18%,rgba(224,225,227,.72) 50%,rgba(224,225,227,.16) 82%,transparent 100%);
  }
  .eyebrow--mini-rail::after{
    content:'';
    position:absolute;
    left:2px;top:50%;
    width:7px;height:7px;
    border:1px solid rgba(231,232,234,.82);
    background:#17181a;
    box-shadow:0 0 0 3px rgba(224,225,227,.06),0 0 15px rgba(224,225,227,.18);
    transform:translateY(-50%) rotate(45deg);
  }

  h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--text);}
  .section-head{max-width:640px;margin-bottom:56px;}
  .section-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15;margin-bottom:14px;}
  .section-head p{color:var(--text-2);font-size:1.05rem;max-width:52ch;}

  .mono{font-family:var(--font-mono);}

  /* buttons */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    height:48px;padding-inline:22px;border-radius:9px;
    font-family:var(--font-body);font-weight:650;font-size:.92rem;letter-spacing:-.01em;
    border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease;
    white-space:nowrap;
  }
  .btn-primary{
    background:var(--accent);color:var(--accent-ink);border-color:var(--accent);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  }
  .btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);}
  .btn-ghost{background:#17181a;color:var(--text);border-color:#303133;}
  .btn-ghost:hover{background:#1d1e20;border-color:#4b4c4e;color:var(--text);}
  .btn-sm{height:40px;padding-inline:18px;border-radius:8px;font-size:.84rem;}
  .btn[disabled],.btn.is-soon{opacity:.55;cursor:default;}
  .btn.is-soon:hover{background:var(--accent);}

  .icon-btn{
    width:42px;height:42px;border-radius:50%;border:1px solid var(--border);
    display:inline-flex;align-items:center;justify-content:center;
    transition:border-color .25s ease,transform .3s var(--ease);
    flex-shrink:0;
  }
  .icon-btn:hover{border-color:var(--accent);transform:translateY(-2px);}
  .icon-btn svg{width:18px;height:18px;fill:var(--text);}

  /* ---------- Header ---------- */
  header{
    position:sticky;top:0;z-index:100;
    background:rgba(18,18,18,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border-soft);
  }
  .nav-row{
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
    width:min(calc(100% - 64px),1600px);max-width:none;height:74px;
    padding-inline:clamp(22px,1.85vw,32px);gap:24px;
  }
  .nav-links{grid-column:2;display:flex;align-items:center;gap:34px;}
  .nav-links a{font-size:.92rem;color:var(--text-2);transition:color .2s ease;}
  .nav-links a:hover{color:var(--text);}
  @media(max-width:860px){.nav-links{display:none;}}

  @media(max-width:1180px){
    .nav-row{width:min(calc(100% - 44px),1120px);padding-inline:0;}
  }
  @media(max-width:560px){.nav-row{width:calc(100% - 32px);}}

  .nav-actions{grid-column:3;display:flex;align-items:center;justify-self:end;gap:12px;}

  /* ---------- Feature journey ---------- */
  #features{overflow:clip;}
  #features .container{
    position:relative;
    max-width:1440px;
    padding-left:168px;
    padding-right:24px;
  }
  #features .section-head{position:relative;padding-top:52px;}
  .feature-rail{
    --rail-origin-y:24px;
    position:absolute;
    z-index:5;
    inset:0 auto 0 22px;
    width:124px;
    pointer-events:none;
  }
  .feature-rail__origin,
  .feature-rail__item{
    position:absolute;
    left:0;
    width:124px;
    transform:translateY(-50%);
  }
  .feature-rail__origin{
    top:var(--rail-origin-y);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:28px;
    padding:0 0 10px;
    border-bottom:1px solid rgba(170,171,173,.23);
    color:#a1a2a4;
    font-family:var(--font-mono);
    font-size:.62rem;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .feature-rail__range{color:#6d6e70;letter-spacing:.06em;}
  .feature-rail__steps{list-style:none;}
  .feature-rail__item{
    top:var(--rail-y);
    pointer-events:auto;
  }
  .feature-rail__item a{
    position:relative;
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:10px;
    align-items:start;
    min-height:30px;
    padding:2px 18px 2px 0;
    color:#68696b;
    font-family:var(--font-mono);
    transition:color .28s ease;
  }
  .feature-rail__item a::after{
    content:'';
    position:absolute;
    right:0;top:9px;
    width:10px;height:1px;
    background:#58595b;
    transform-origin:right;
    transition:width .38s var(--ease),background-color .28s ease;
  }
  .feature-rail__index{
    color:#77787a;
    font-size:.66rem;
    letter-spacing:.06em;
    line-height:1.25;
    transition:color .28s ease;
  }
  .feature-rail__label{
    font-size:.56rem;
    line-height:1.4;
    letter-spacing:.045em;
    text-transform:uppercase;
  }
  .feature-rail__item a:hover,
  .feature-rail__item a:focus-visible{color:#cbccce;}
  .feature-rail__item.is-active a{color:#e4e5e7;}
  .feature-rail__item.is-active .feature-rail__index{color:var(--accent);}
  .feature-rail__item.is-active a::after{width:30px;background:var(--accent);}
  .motion-enabled .feature-rail__origin,
  .motion-enabled .feature-rail__item{
    opacity:0;
    transform:translate3d(-8px,-50%,0);
    transition:opacity .55s var(--ease),transform .72s var(--ease);
  }
  .motion-enabled .feature-rail__origin.is-revealed,
  .motion-enabled .feature-rail__item.is-revealed{
    opacity:1;
    transform:translate3d(0,-50%,0);
  }
  .feature-row[id]{scroll-margin-top:100px;}
  .feature-row{
    position:relative;
    display:grid;grid-template-columns:0.82fr 1fr;gap:76px;align-items:center;
    margin-bottom:150px;
  }
  .feature-row:last-child{margin-bottom:0;}
  .feature-row .feature-visual{order:1;}
  .feature-row .feature-heading{order:2;}
  .feature-row.reverse{grid-template-columns:1fr 0.82fr;}
  .feature-row.reverse .feature-visual{order:2;}
  .feature-row.reverse .feature-heading{order:1;}

  .feature-heading h3{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:16px;line-height:1.2;}
  .feature-heading p{color:var(--text-2);font-size:1.05rem;max-width:42ch;}

  /* Premium feature spotlights */
  .feature-row--spotlight{
    grid-template-columns:minmax(0,1.48fr) minmax(310px,.68fr);
    gap:clamp(46px,6vw,92px);margin-top:18px;margin-bottom:164px;
  }
  .feature-row--spotlight .feature-heading{position:relative;z-index:2;}
  .feature-row--spotlight .feature-heading h3{
    font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.035em;
    max-width:12ch;margin-bottom:20px;
  }
  .feature-row--spotlight .feature-heading p{font-size:1.08rem;line-height:1.7;}
  .feature-row.feature-row--cleaner{
    grid-template-columns:minmax(310px,.68fr) minmax(0,1.48fr);
    gap:clamp(46px,6vw,92px);margin-bottom:164px;
  }
  .feature-row--cleaner .feature-heading{position:relative;z-index:2;}
  .feature-row--cleaner .feature-heading h3{
    font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.035em;
    max-width:11ch;margin-bottom:20px;
  }
  .feature-row--cleaner .feature-heading p{font-size:1.08rem;line-height:1.7;}
  .feature-row--power{
    grid-template-columns:minmax(0,1.48fr) minmax(310px,.68fr);
    gap:clamp(46px,6vw,92px);
  }
  .feature-row--power .feature-heading{position:relative;z-index:2;}
  .feature-row--power .feature-heading h3{
    font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.035em;
    max-width:12ch;margin-bottom:20px;
  }
  .feature-row--power .feature-heading p{font-size:1.08rem;line-height:1.7;}
  .feature-points{display:grid;gap:12px;margin-top:30px;list-style:none;}
  .feature-points li{
    display:flex;align-items:center;gap:11px;color:var(--text);font-size:.92rem;
  }
  .feature-points li::before{
    content:'';display:block;flex:0 0 13px;width:13px;height:1px;
    background:rgba(224,225,227,.66);
  }
  .feature-visual--spotlight{isolation:isolate;}
  .display-showcase{
    position:relative;z-index:1;
  }
  .display-showcase__meta{
    display:flex;align-items:center;gap:12px;
    margin:0 2px 11px;
    color:#78797b;
    font-family:var(--font-mono);
    font-size:.6rem;
    line-height:1;
    letter-spacing:.11em;
    text-transform:uppercase;
  }
  .display-showcase__meta::after{
    content:'';order:2;flex:1;height:1px;background:rgba(155,156,158,.2);
  }
  .display-showcase__meta span:first-child{order:1;color:#b1b2b4;}
  .display-showcase__meta span:last-child{order:3;}
  .display-showcase__surface{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(199,200,202,.12);
    border-radius:16px;
    background:#101113;
    box-shadow:0 32px 78px -32px rgba(0,0,0,.88),0 1px 0 rgba(255,255,255,.025);
  }
  .display-showcase__surface::after{
    content:'';position:absolute;top:-1px;left:28px;width:66px;height:1px;
    background:rgba(224,225,227,.72);pointer-events:none;
  }
  .display-showcase img{
    display:block;width:100%;height:auto;background:#101113;
    image-rendering:auto;
  }

  .feature-visual{position:relative;}
  .feature-visual::before{
    content:'';position:absolute;z-index:0;
    left:8%;right:5%;bottom:-24px;height:42%;
    border-radius:50%;background:rgba(0,0,0,.52);
    filter:blur(34px);opacity:.82;pointer-events:none;
  }
  @media(max-width:960px){
    #features .container{padding-left:24px;padding-right:24px;}
    #features .section-head{padding-top:0;}
    .feature-rail{position:relative;inset:auto;width:100%;margin:34px 0 42px;}
    .feature-rail__origin{position:relative;top:auto;width:100%;transform:none;}
    .feature-rail__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
    .feature-rail__item{position:relative;top:auto;width:auto;transform:none;}
    .feature-rail__item a{grid-template-columns:1fr;min-height:30px;padding:5px 0 8px;border-bottom:1px solid rgba(155,156,158,.16);}
    .feature-rail__item a::after{top:auto;right:auto;bottom:-1px;left:0;width:0;}
    .feature-rail__item.is-active a::after{width:28px;}
    .feature-rail__label{font-size:.52rem;}
    .feature-rail__index{font-size:.6rem;}
    .motion-enabled .feature-rail__origin,
    .motion-enabled .feature-rail__item,
    .motion-enabled .feature-rail__origin.is-revealed,
    .motion-enabled .feature-rail__item.is-revealed{opacity:1;transform:none;}
    .feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:36px;margin-bottom:88px;}
    .feature-row .feature-visual,.feature-row.reverse .feature-visual,.feature-row .feature-heading,.feature-row.reverse .feature-heading{order:0;}
    .feature-row--spotlight{gap:44px;margin-bottom:110px;}
    .feature-row--spotlight .feature-heading{order:2;max-width:680px;}
    .feature-row--spotlight .feature-visual{order:1;}
    .feature-row--spotlight .feature-heading h3{max-width:18ch;}
    .feature-row--cleaner{gap:44px;margin-bottom:110px;}
    .feature-row--cleaner .feature-heading{max-width:680px;}
    .feature-row--cleaner .feature-heading h3{max-width:18ch;}
    .feature-row--power{gap:44px;margin-bottom:0;}
    .feature-row--power .feature-heading{order:2;max-width:680px;}
    .feature-row--power .feature-visual{order:1;}
    .feature-row--power .feature-heading h3{max-width:18ch;}
  }
  @media(max-width:1180px) and (min-width:961px){
    #features .container{padding-left:120px;padding-right:24px;}
    .feature-rail{left:16px;width:82px;}
    .feature-rail__origin,.feature-rail__item{width:82px;}
    .feature-rail__item a{grid-template-columns:20px;gap:7px;padding-right:12px;}
    .feature-rail__item a::after{width:7px;}
    .feature-rail__item.is-active a::after{width:18px;}
    .feature-rail__label{display:none;}
    .feature-rail__origin{font-size:.56rem;}
    .feature-rail__range{display:none;}
  }
  @media(max-width:640px){
    #features .section-head{padding-top:38px;}
    .feature-rail{left:5px;}
    .feature-row--spotlight,.feature-row--cleaner,.feature-row--power{gap:36px;margin-bottom:92px;}
    .feature-row--power{margin-bottom:0;}
    .feature-row--spotlight{margin-top:0;}
    .feature-row--spotlight .feature-heading h3,.feature-row--cleaner .feature-heading h3,.feature-row--power .feature-heading h3{font-size:1.7rem;}
    .feature-row--spotlight .feature-heading p,.feature-row--cleaner .feature-heading p,.feature-row--power .feature-heading p{font-size:.98rem;}
    .feature-points{margin-top:24px;gap:10px;}
    .feature-points li{align-items:flex-start;font-size:.86rem;line-height:1.45;}
    .display-showcase__meta{margin-bottom:9px;font-size:.53rem;letter-spacing:.08em;}
    .display-showcase__surface{border-radius:12px;}
    .display-showcase__surface::after{left:18px;width:44px;}
    .feature-visual::before{bottom:-16px;filter:blur(24px);}
  }

  /* ---------- Alternating 3D product story ---------- */
  #features{
    position:relative;
    isolation:isolate;
    padding-block:0;
    overflow:clip;
    background:
      linear-gradient(180deg,#111214 0,rgba(17,18,20,.9) 24px,transparent 140px),
      radial-gradient(54% 22% at 16% 16%,rgba(213,214,216,.075),transparent 72%),
      radial-gradient(54% 22% at 84% 50%,rgba(209,210,212,.068),transparent 72%),
      radial-gradient(54% 22% at 16% 84%,rgba(213,214,216,.075),transparent 72%),
      linear-gradient(180deg,#111214 0%,#111214 100%);
  }
  #features::before{
    content:'';
    position:absolute;
    z-index:0;
    inset:-6% -16%;
    background:
      radial-gradient(30% 14% at 22% 16%,rgba(220,221,223,.13),rgba(202,203,205,.035) 52%,transparent 77%),
      radial-gradient(31% 15% at 78% 50%,rgba(220,221,223,.12),rgba(202,203,205,.032) 52%,transparent 77%),
      radial-gradient(30% 14% at 22% 84%,rgba(220,221,223,.13),rgba(202,203,205,.035) 52%,transparent 77%);
    filter:blur(42px);
    opacity:.56;
    transform-origin:center;
    animation:featureFlowDrift 13s ease-in-out infinite alternate;
    pointer-events:none;
  }
  #features .container{
    position:relative;
    z-index:1;
    width:min(calc(100% - 64px),1600px);
    max-width:none;
    padding:0;
  }
  .feature-row.feature-stage{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.68fr) minmax(310px,.58fr);
    align-items:center;
    gap:clamp(42px,4.6vw,82px);
    min-height:clamp(740px,94svh,1020px);
    margin:0;
    isolation:isolate;
  }
  .feature-row.feature-stage::before{
    content:'';
    position:absolute;
    z-index:0;
    top:13%;
    bottom:5%;
    left:-10%;
    width:82%;
    border-radius:48%;
    background:
      radial-gradient(ellipse at 50% 66%,rgba(221,222,224,.19),rgba(203,204,206,.075) 38%,transparent 73%),
      radial-gradient(ellipse at 30% 38%,rgba(221,222,224,.08),transparent 69%);
    filter:blur(48px);
    opacity:.66;
    transform:rotate(-2deg) scale(.98);
    animation:featureStageGlow 9s ease-in-out infinite alternate;
    pointer-events:none;
  }
  .feature-row.feature-stage--image-right::before{
    right:-10%;
    left:auto;
    transform:rotate(2deg) scale(.98);
    animation-name:featureStageGlowRight;
    animation-delay:-3s;
  }
  .feature-row.feature-stage--power::before{animation-delay:-6s;}
  .feature-row.feature-stage--image-right{
    grid-template-columns:minmax(310px,.58fr) minmax(0,1.68fr);
  }
  .feature-stage--image-left .feature-visual{order:1;padding-left:clamp(22px,1.85vw,32px);}
  .feature-stage--image-left .feature-heading{order:2;}
  .feature-stage--image-right .feature-heading{order:1;justify-self:end;}
  .feature-stage--image-right .feature-visual{order:2;}
  .feature-row.feature-stage--cleaner{
    grid-template-columns:minmax(0,1.54fr) minmax(420px,.82fr);
    align-content:center;
    align-items:center;
    gap:clamp(36px,4vw,64px);
  }
  .feature-stage--cleaner .feature-visual{margin-top:0;}
  .feature-row.feature-stage--cleaner .feature-heading{
    align-self:center;
    justify-self:start;
    max-width:480px;
  }
  .feature-row.feature-stage--power{
    grid-template-columns:minmax(0,1.54fr) minmax(420px,.82fr);
    align-content:center;
    align-items:center;
    gap:clamp(36px,4vw,64px);
  }
  .feature-stage--power .feature-visual{margin-top:0;}
  .feature-stage--power .feature-device-reveal{
    left:0;
  }
  .feature-row.feature-stage--power .feature-heading{
    align-self:center;
    justify-self:start;
    max-width:480px;
  }
  .feature-row.feature-stage--display{
    grid-template-columns:minmax(420px,.82fr) minmax(0,1.54fr);
    align-content:center;
    align-items:center;
    gap:clamp(36px,4vw,64px);
  }
  .feature-stage--display .feature-visual{margin-top:0;}
  .feature-row.feature-stage--display .feature-heading{
    align-self:center;
    max-width:480px;
    justify-self:end;
  }

  .feature-stage .feature-heading{
    position:relative;
    z-index:3;
    width:100%;
    max-width:480px;
  }
  .feature-kicker{
    display:block;
    margin-bottom:24px;
    color:rgba(224,225,227,.7);
    font-family:var(--font-display);
    font-size:clamp(.9rem,1vw,1.02rem);
    font-weight:650;
    line-height:1.2;
    letter-spacing:-.015em;
  }
  .feature-stage .feature-heading h3{
    max-width:15ch;
    margin:0 0 22px;
    color:transparent;
    background:linear-gradient(135deg,#dedfe1 0%,#c4c5c7 58%,#a9aaac 100%);
    -webkit-background-clip:text;
    background-clip:text;
    font-size:clamp(2.25rem,3.15vw,3.5rem);
    line-height:1.045;
    letter-spacing:-.045em;
  }
  .feature-stage .feature-heading>p{
    max-width:44ch;
    color:rgba(226,227,229,.7);
    font-size:clamp(1rem,1.12vw,1.08rem);
    line-height:1.62;
  }

  .feature-stage .feature-visual{
    position:relative;
    z-index:2;
    min-width:0;
    overflow:visible;
    isolation:isolate;
  }
  .feature-device-reveal{position:relative;width:100%;overflow:visible;}
  .feature-stage .feature-visual::before{
    content:'';
    position:absolute;
    z-index:-2;
    inset:10% 1% -3% 4%;
    height:auto;
    border-radius:46%;
    background:
      radial-gradient(ellipse at 40% 60%,rgba(221,222,224,.28),rgba(201,202,204,.11) 44%,transparent 75%),
      radial-gradient(ellipse at 78% 48%,rgba(215,216,218,.1),transparent 68%);
    filter:blur(54px);
    opacity:.78;
    animation:featureLocalAura 7.5s ease-in-out infinite alternate;
    pointer-events:none;
  }
  .feature-stage .feature-visual::after{
    content:'';
    position:absolute;
    z-index:-1;
    right:3%;
    bottom:-70px;
    left:7%;
    height:132px;
    border-radius:50%;
    background:
      radial-gradient(ellipse at 48% 28%,rgba(226,227,229,.25),rgba(211,212,214,.105) 36%,transparent 69%),
      radial-gradient(ellipse at center,rgba(223,224,226,.12),transparent 72%);
    filter:blur(20px);
    transform:perspective(850px) rotateX(72deg) scaleX(1.03);
    transform-origin:center;
    opacity:.78;
    animation:featureFloorBreath 6.5s ease-in-out infinite alternate;
    pointer-events:none;
  }
  .feature-stage--image-right .feature-visual::before{
    inset:10% 4% -3% 1%;
    animation-delay:-2.5s;
  }
  .feature-stage--image-right .feature-visual::after{right:7%;left:3%;animation-delay:-2.5s;}
  .feature-stage--power .feature-visual::before,
  .feature-stage--power .feature-visual::after{animation-delay:-4.5s;}
  .feature-device{
    --yaw:-18deg;
    --pitch:.35deg;
    --roll:-.16deg;
    --depth:36px;
    --mid-depth:18px;
    --panel-radius:18px;
    --edge-cap:var(--panel-radius);
    --edge-seam-width:5px;
    --edge-far-width:2px;
    --edge-wrap-width:2px;
    --edge-gradient:linear-gradient(90deg,#444547 0%,#3f4042 12%,#292a2c 24%,#262729 42%,#27282a 68%,#292a2c 88%,#2f3032 100%);
    --edge-seam-gradient:linear-gradient(90deg,#363739 0%,#5a5b5d 38%,#3f4042 76%,rgba(63,64,66,0) 100%);
    --edge-wrap-gradient:linear-gradient(90deg,rgba(54,55,57,0) 0%,rgba(54,55,57,.08) 58%,rgba(63,64,66,.28) 76%,rgba(77,78,80,.68) 90%,#5a5b5d 97%,#363739 100%);
    --edge-far:#2f3032;
    position:relative;
    width:min(100%,1140px);
    margin:0;
    transform:perspective(2200px) rotateY(var(--yaw)) rotateX(var(--pitch)) rotateZ(var(--roll));
    transform-origin:50% 50%;
    transform-style:preserve-3d;
    backface-visibility:hidden;
    isolation:auto;
  }
  .feature-device--edge-right{
    transform-origin:100% 50%;
  }
  .feature-device--edge-left{
    --yaw:18deg;
    --roll:.16deg;
    --edge-gradient:linear-gradient(90deg,#303133 0%,#2f3032 12%,#292a2c 32%,#27282a 55%,#292a2c 76%,#444547 90%,#4d4e50 100%);
    --edge-seam-gradient:linear-gradient(90deg,rgba(63,64,66,0) 0%,#3f4042 24%,#606163 62%,#363739 100%);
    --edge-wrap-gradient:linear-gradient(90deg,#363739 0%,#606163 3%,rgba(77,78,80,.68) 10%,rgba(63,64,66,.28) 24%,rgba(54,55,57,.08) 42%,rgba(54,55,57,0) 100%);
    --edge-far:#303133;
    margin-left:auto;
    transform-origin:0 50%;
  }
  .feature-device--full-frame{
    --edge-wrap-gradient:linear-gradient(90deg,#363739 0%,#606163 3%,rgba(77,78,80,.68) 10%,rgba(63,64,66,.32) 24%,rgba(54,55,57,.16) 42%,rgba(51,52,54,.18) 70%,rgba(63,64,66,.28) 94%,#363739 100%);
  }
  .feature-device::before{
    content:'';
    position:absolute;
    z-index:0;
    inset:0;
    border:1px solid rgba(109,110,112,.32);
    border-radius:var(--panel-radius);
    background:
      linear-gradient(180deg,rgba(142,143,145,.08) 0%,transparent 14%,transparent 80%,rgba(0,0,0,.28) 100%),
      linear-gradient(90deg,#2d2e30 0%,#1f2022 34%,#18191b 72%,#232426 96%,#27282a 100%);
    box-shadow:
      0 0 0 1px rgba(47,48,50,.74),
      inset 1px 0 rgba(214,215,217,.11),
      inset 0 1px rgba(232,233,235,.07),
      inset 0 -1px rgba(0,0,0,.78),
      -9px 14px 30px rgba(0,0,0,.44),
      -4px 12px 24px rgba(192,193,195,.07);
    transform:translateZ(calc(0px - var(--depth)));
    pointer-events:none;
  }
  .feature-device__front{
    position:relative;
    z-index:3;
    overflow:hidden;
    border:1px solid rgba(123,124,126,.22);
    border-radius:var(--panel-radius);
    background:#101113;
    transform:none;
    backface-visibility:hidden;
    box-shadow:
      0 46px 82px -42px rgba(0,0,0,.9),
      0 22px 46px -30px rgba(193,194,196,.3),
      0 0 0 1px rgba(207,208,210,.022),
      inset 0 1px rgba(218,219,221,.04);
  }
  .feature-device__front::before{
    content:'';
    position:absolute;
    z-index:2;
    inset:0;
    border-radius:inherit;
    padding:var(--edge-wrap-width);
    background:var(--edge-wrap-gradient);
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask-composite:exclude;
    filter:drop-shadow(0 0 2px rgba(186,187,189,.08));
    pointer-events:none;
  }
  .feature-device__front::after{
    content:'';
    position:absolute;
    z-index:3;
    inset:0;
    border-radius:inherit;
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.48),
      inset 0 1px rgba(224,225,227,.055),
      inset -1px 0 rgba(224,225,227,.035),
      inset 1px 0 rgba(224,225,227,.025);
    pointer-events:none;
  }
  .feature-device--full-frame .feature-device__front{
    border-color:rgba(123,124,126,.38);
  }
  .feature-device--full-frame .feature-device__front::after{
    box-shadow:
      inset 0 0 0 1px rgba(7,8,10,.72),
      inset 0 0 0 2px rgba(99,100,102,.34),
      inset 0 0 0 3px rgba(30,31,33,.56),
      inset 0 1px rgba(224,225,227,.065),
      inset -1px 0 rgba(224,225,227,.04),
      inset 1px 0 rgba(224,225,227,.035);
  }
  .feature-device__front img{
    display:block;
    width:100%;height:auto;
    background:#101113;
    image-rendering:auto;
    backface-visibility:hidden;
  }
  .feature-device::after{
    content:'';
    position:absolute;
    z-index:1;
    inset:1px;
    border:1px solid rgba(173,174,176,.14);
    border-radius:calc(var(--panel-radius) - 1px);
    background:
      linear-gradient(180deg,rgba(142,143,145,.065) 0%,transparent 15%,transparent 82%,rgba(0,0,0,.22) 100%),
      linear-gradient(90deg,#2c2d2f 0%,#191a1c 56%,#1c1d1f 94%,#27282a 100%);
    box-shadow:
      0 0 0 1px rgba(47,48,50,.42),
      inset 1px 0 rgba(216,217,219,.08),
      inset 0 -1px rgba(0,0,0,.65);
    transform:translateZ(calc(0px - var(--mid-depth)));
    pointer-events:none;
  }
  .feature-device__edge{
    position:absolute;
    z-index:2;
    top:var(--edge-cap);
    bottom:var(--edge-cap);
    width:var(--depth);
    overflow:hidden;
    border:0;
    border-radius:0;
    background:var(--edge-gradient);
    box-shadow:none;
    backface-visibility:hidden;
    pointer-events:none;
  }
  .feature-device--edge-right .feature-device__edge{
    left:100%;
    clip-path:none;
    transform-origin:0 50%;
    transform:rotateY(90deg);
  }
  .feature-device--edge-left .feature-device__edge{
    right:100%;
    top:0;
    bottom:0;
    border-radius:var(--panel-radius);
    clip-path:inset(0 round var(--panel-radius));
    transform-origin:100% 50%;
    transform:rotateY(-90deg);
  }
  .feature-device__edge::before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:var(--edge-seam-width);
    background:var(--edge-seam-gradient);
    box-shadow:0 0 7px rgba(204,205,207,.055);
  }
  .feature-device__edge::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:var(--edge-far-width);
    background:var(--edge-far);
    box-shadow:0 0 7px rgba(0,0,0,.5);
  }
  .feature-device--edge-right .feature-device__edge::before{left:0;}
  .feature-device--edge-right .feature-device__edge::after{right:0;}
  .feature-device--edge-left .feature-device__edge::before{display:none;}
  .feature-device--edge-left .feature-device__edge::after{left:0;}

  #main{position:relative;isolation:isolate;}

  @media(max-width:1180px){
    #features .container{width:min(calc(100% - 48px),1120px);}
    .feature-row.feature-stage,
    .feature-row.feature-stage--image-right{
      grid-template-columns:minmax(0,1.48fr) minmax(285px,.66fr);
      gap:clamp(32px,4vw,54px);
    }
    .feature-row.feature-stage--image-right{grid-template-columns:minmax(285px,.66fr) minmax(0,1.48fr);}
    .feature-row.feature-stage--cleaner{
      grid-template-columns:minmax(0,1.34fr) minmax(390px,.86fr);
      gap:clamp(28px,3.4vw,46px);
    }
    .feature-row.feature-stage--power{
      grid-template-columns:minmax(0,1.34fr) minmax(390px,.86fr);
      gap:clamp(28px,3.4vw,46px);
    }
    .feature-stage--power .feature-device-reveal{left:0;}
    .feature-row.feature-stage--display{
      grid-template-columns:minmax(390px,.86fr) minmax(0,1.34fr);
      gap:clamp(28px,3.4vw,46px);
    }
    .feature-stage--image-left .feature-visual{padding-left:0;}
  }
  @media(max-width:900px){
    #features .container{width:calc(100% - 44px);}
    .feature-row.feature-stage,
    .feature-row.feature-stage--image-right{
      grid-template-columns:1fr;
      gap:42px;
      min-height:auto;
      padding:clamp(82px,13vw,124px) 0;
    }
    .feature-stage .feature-visual,
    .feature-stage--image-right .feature-visual{order:1;padding:0;}
    .feature-stage .feature-heading,
    .feature-stage--image-right .feature-heading{order:2;justify-self:start;max-width:620px;}
    .feature-stage--cleaner .feature-visual,
    .feature-stage--display .feature-visual,
    .feature-stage--power .feature-visual{margin-top:0;}
    .feature-stage--power .feature-device-reveal{left:0;}
    .feature-device,
    .feature-device--edge-left{
      --depth:28px;
      --mid-depth:14px;
      width:108%;
      margin-left:-4%;
    }
    .feature-stage .feature-heading h3{max-width:16ch;}
  }
  @media(max-width:640px){
    #features .container{width:calc(100% - 32px);}
    .feature-row.feature-stage,
    .feature-row.feature-stage--image-right{gap:34px;padding:72px 0;}
    .feature-device,
    .feature-device--edge-left{
      --depth:18px;
      --mid-depth:9px;
      --panel-radius:13px;
      width:120%;
      margin-left:-10%;
      transform:perspective(1600px) rotateY(var(--yaw)) rotateX(var(--pitch)) rotateZ(var(--roll));
    }
    .feature-kicker{margin-bottom:18px;font-size:.9rem;}
    .feature-stage .feature-heading h3{margin-bottom:17px;font-size:clamp(1.9rem,9vw,2.35rem);}
    .feature-stage .feature-heading>p{font-size:.96rem;line-height:1.58;}
  }

  @keyframes featureFlowDrift{
    from{transform:translate3d(-1.5%,0,0) scale(.985);opacity:.62;}
    to{transform:translate3d(1.8%,-.4%,0) scale(1.025);opacity:.84;}
  }
  @keyframes featureStageGlow{
    from{transform:translate3d(-2%,2%,0) rotate(-2deg) scale(.96);opacity:.6;}
    to{transform:translate3d(3%,-2%,0) rotate(1deg) scale(1.055);opacity:.86;}
  }
  @keyframes featureStageGlowRight{
    from{transform:translate3d(2%,2%,0) rotate(2deg) scale(.96);opacity:.6;}
    to{transform:translate3d(-3%,-2%,0) rotate(-1deg) scale(1.055);opacity:.86;}
  }
  @keyframes featureLocalAura{
    from{transform:translate3d(-2%,1%,0) scale(.97);opacity:.62;}
    to{transform:translate3d(2.5%,-1%,0) scale(1.045);opacity:.84;}
  }
  @keyframes featureFloorBreath{
    from{opacity:.58;filter:blur(22px);}
    to{opacity:.86;filter:blur(17px);}
  }
  @keyframes pricingFloorBreath{
    from{opacity:.24;transform:translate3d(0,2px,0) scaleX(.94);}
    to{opacity:.46;transform:translate3d(0,-2px,0) scaleX(1.04);}
  }
  @keyframes pricingAmbient{
    from{transform:translate3d(-1.5%,2%,0) scale(.97);opacity:.68;}
    to{transform:translate3d(1.5%,-1%,0) scale(1.035);opacity:.9;}
  }

  /* ---------- Subscription feature catalog ---------- */
  .capability-catalog{
    position:relative;
    z-index:3;
    min-height:100svh;
    padding:clamp(96px,11vh,136px) 0 clamp(112px,14vh,168px);
  }
  .capability-catalog::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:4%;
    left:50%;
    width:min(1100px,86vw);
    height:520px;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(213,214,216,.105),rgba(200,201,203,.032) 44%,transparent 72%);
    filter:blur(46px);
    transform:translateX(-50%);
    pointer-events:none;
  }
  .capability-catalog__intro.section-head{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
    align-items:end;
    gap:clamp(44px,7vw,120px);
    max-width:none;
    margin:0 0 clamp(38px,5vw,64px);
  }
  .capability-catalog__copy{max-width:820px;}
  .capability-catalog__intro.section-head h2{
    max-width:15ch;
    margin-bottom:18px;
    font-size:clamp(2.3rem,4.5vw,4.35rem);
    line-height:1.02;
    letter-spacing:-.052em;
    color:transparent;
    background:linear-gradient(135deg,#f3f4f6 0%,#d2d3d5 58%,#aeafb1 100%);
    -webkit-background-clip:text;
    background-clip:text;
  }
  .capability-catalog__intro.section-head p:not(.eyebrow){
    max-width:60ch;
    color:rgba(226,227,229,.68);
    font-size:1rem;
    line-height:1.68;
  }
  .capability-catalog__summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-top:1px solid rgba(190,191,193,.17);
    border-bottom:1px solid rgba(190,191,193,.12);
  }
  .capability-catalog__metric{
    min-width:0;
    padding:18px 20px 18px 0;
  }
  .capability-catalog__metric+.capability-catalog__metric{
    padding-left:22px;
    border-left:1px solid rgba(190,191,193,.12);
  }
  .capability-catalog__metric strong{
    display:block;
    margin-bottom:3px;
    color:#f1f2f4;
    font-family:var(--font-display);
    font-size:clamp(1.75rem,2.6vw,2.45rem);
    line-height:1;
    letter-spacing:-.045em;
  }
  .capability-catalog__metric span{
    color:#858688;
    font-family:var(--font-mono);
    font-size:.65rem;
    line-height:1.45;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .catalog-planbar{
    position:sticky;
    top:88px;
    z-index:12;
    display:grid;
    grid-template-columns:minmax(150px,.78fr) minmax(500px,1.7fr) minmax(190px,.72fr);
    align-items:center;
    gap:20px;
    min-height:82px;
    padding:14px 16px 14px 22px;
    border:1px solid rgba(189,190,192,.15);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(25,26,28,.96),rgba(14,15,17,.94));
    box-shadow:0 24px 64px -34px rgba(0,0,0,.92),inset 0 1px rgba(255,255,255,.035),0 0 0 1px rgba(120,121,123,.035);
    -webkit-backdrop-filter:blur(22px) saturate(125%);
    backdrop-filter:blur(22px) saturate(125%);
  }
  .catalog-planbar::before{
    content:'';
    position:absolute;
    top:-1px;
    left:34px;
    width:90px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--accent),transparent);
    opacity:.82;
  }
  .catalog-planbar__label{
    display:grid;
    gap:3px;
    min-width:0;
  }
  .catalog-planbar__label span{
    color:#7b7c7e;
    font-family:var(--font-mono);
    font-size:.62rem;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .catalog-planbar__label strong{
    overflow:hidden;
    color:#e4e5e7;
    font-family:var(--font-display);
    font-size:.98rem;
    font-weight:600;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .catalog-filter{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    padding:5px;
    border:1px solid rgba(189,190,192,.11);
    border-radius:14px;
    background:rgba(8,9,11,.72);
    box-shadow:inset 0 1px 8px rgba(0,0,0,.34);
  }
  .catalog-filter button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    min-height:46px;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:10px;
    color:#8e8f91;
    background:transparent;
    font-family:var(--font-display);
    font-size:.875rem;
    font-weight:600;
    transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s var(--ease);
  }
  .catalog-filter button:hover{color:#e1e2e4;background:rgba(255,255,255,.025);}
  .catalog-filter button[aria-pressed="true"]{
    color:#1c1d1f;
    border-color:rgba(237,238,240,.58);
    background:linear-gradient(135deg,#e5e6e8 0%,#cdced0 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.38),0 8px 22px -13px rgba(224,225,227,.78);
  }
  .catalog-filter button[aria-pressed="true"]:active{transform:translateY(1px);}
  .catalog-filter__count{
    display:grid;
    place-items:center;
    min-width:25px;
    height:22px;
    padding:0 6px;
    border-radius:7px;
    color:#78797b;
    background:rgba(255,255,255,.045);
    font-family:var(--font-mono);
    font-size:.61rem;
    font-weight:500;
  }
  .catalog-filter button[aria-pressed="true"] .catalog-filter__count{
    color:#2d2e30;
    background:rgba(26,27,29,.1);
  }
  .catalog-planbar__status{
    color:#98999b;
    font-size:.78rem;
    line-height:1.45;
    text-align:right;
  }
  .catalog-planbar__status strong{color:#e1e2e4;font-weight:600;}
  .catalog-groups{margin-top:clamp(70px,8vw,104px);}
  .catalog-group+.catalog-group{margin-top:clamp(82px,9vw,124px);}
  .catalog-group__head{
    display:grid;
    grid-template-columns:auto minmax(80px,1fr) minmax(260px,auto);
    align-items:center;
    gap:20px;
    margin-bottom:26px;
  }
  .catalog-group__title{
    display:flex;
    align-items:baseline;
    gap:14px;
    white-space:nowrap;
  }
  .catalog-group__title span{
    color:rgba(224,225,227,.58);
    font-family:var(--font-mono);
    font-size:.64rem;
    letter-spacing:.08em;
  }
  .catalog-group__title h3{
    color:#d1d2d4;
    font-family:var(--font-mono);
    font-size:.72rem;
    font-weight:500;
    letter-spacing:.17em;
    text-transform:uppercase;
  }
  .catalog-group__line{height:1px;background:linear-gradient(90deg,rgba(184,185,187,.28),rgba(184,185,187,.06));}
  .catalog-group__head p{
    color:#797a7c;
    font-size:.78rem;
    line-height:1.45;
    text-align:right;
  }
  .catalog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
  .feature-card{
    --tier-color:#97989a;
    --tier-rgb:144,155,141;
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:244px;
    padding:24px;
    overflow:hidden;
    border:1px solid rgba(185,186,188,.115);
    border-radius:18px;
    background:
      radial-gradient(115% 105% at 100% 0%,rgba(var(--tier-rgb),.07),transparent 42%),
      linear-gradient(145deg,rgba(26,27,29,.97),rgba(15,16,18,.99));
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 56px -42px rgba(0,0,0,.88);
    transition:transform .34s var(--ease),border-color .3s ease,box-shadow .34s ease,background-color .3s ease;
  }
  .feature-card[data-min-plan="pro"]{--tier-color:#e0e1e3;--tier-rgb:173,253,103;}
  .feature-card[data-min-plan="ultra"]{--tier-color:#eaebed;--tier-rgb:199,255,146;}
  .feature-card::before{
    content:'';
    position:absolute;
    top:-1px;
    left:24px;
    width:42px;
    height:1px;
    background:var(--tier-color);
    opacity:.54;
    transition:width .35s var(--ease),opacity .3s ease;
  }
  .feature-card::after{
    content:attr(data-index);
    position:absolute;
    right:18px;
    bottom:-13px;
    color:rgba(226,227,229,.025);
    font-family:var(--font-display);
    font-size:5.4rem;
    font-weight:700;
    line-height:1;
    letter-spacing:-.08em;
    pointer-events:none;
  }
  @media(pointer:fine) and (hover:hover){
    .feature-card:hover{
      z-index:2;
      border-color:rgba(var(--tier-rgb),.3);
      box-shadow:inset 0 1px rgba(255,255,255,.045),0 28px 62px -38px rgba(0,0,0,.95),0 0 30px rgba(var(--tier-rgb),.035);
      transform:translateY(-4px);
    }
    .feature-card:hover::before{width:76px;opacity:.92;}
    .feature-card:hover .feature-card__icon{color:var(--tier-color);border-color:rgba(var(--tier-rgb),.3);background:rgba(var(--tier-rgb),.075);}
  }
  .feature-card__icon{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:1px solid rgba(var(--tier-rgb),.17);
    border-radius:11px;
    color:rgba(var(--tier-rgb),.78);
    background:rgba(var(--tier-rgb),.035);
    transition:color .3s ease,border-color .3s ease,background-color .3s ease;
  }
  .feature-card__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
  .feature-card__tier{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:25px;
    padding:0 9px;
    border:1px solid rgba(var(--tier-rgb),.22);
    border-radius:999px;
    color:var(--tier-color);
    background:rgba(var(--tier-rgb),.045);
    font-family:var(--font-mono);
    font-size:.6rem;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .feature-card[data-min-plan="ultra"] .feature-card__tier{
    color:#1d1e20;
    border-color:rgba(238,239,241,.76);
    background:linear-gradient(135deg,#e9eaec,#d7d8da);
    box-shadow:0 7px 20px -13px rgba(224,225,227,.86);
  }
  .feature-card h4{
    position:relative;
    z-index:1;
    margin-bottom:10px;
    color:#f1f2f4;
    font-family:var(--font-display);
    font-size:1.08rem;
    font-weight:600;
    line-height:1.28;
    letter-spacing:-.018em;
  }
  .feature-card>p{
    position:relative;
    z-index:1;
    max-width:44ch;
    margin-bottom:22px;
    color:#9e9fa1;
    font-size:1rem;
    line-height:1.62;
  }
  .feature-card__access{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:auto;
    color:#757678;
    font-family:var(--font-mono);
    font-size:.61rem;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .feature-card__access::before{content:'';width:13px;height:1px;background:rgba(var(--tier-rgb),.48);}
  .feature-card[hidden],.catalog-group[hidden]{display:none!important;}
  .catalog-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;}

  @media(max-width:1180px){
    .capability-catalog__intro.section-head{grid-template-columns:minmax(0,1fr) minmax(230px,.48fr);gap:48px;}
    .catalog-planbar{grid-template-columns:auto minmax(470px,1fr);}
    .catalog-planbar__status{grid-column:1/-1;padding:0 4px 2px;text-align:left;}
    .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media(max-width:900px){
    .capability-catalog{padding-top:92px;}
    .capability-catalog__intro.section-head{grid-template-columns:1fr;gap:30px;}
    .capability-catalog__summary{max-width:430px;}
    .catalog-planbar{position:relative;top:auto;grid-template-columns:1fr;gap:13px;padding:16px;}
    .catalog-planbar__status{grid-column:auto;}
  }
  @media(max-width:720px){
    .capability-catalog{padding:78px 0 102px;}
    .capability-catalog::before{top:0;width:110vw;height:430px;opacity:.72;}
    .capability-catalog__intro.section-head{margin-bottom:32px;}
    .capability-catalog__intro.section-head h2{max-width:12ch;font-size:clamp(2.15rem,11vw,3.2rem);}
    .capability-catalog__intro.section-head p:not(.eyebrow){font-size:.96rem;line-height:1.62;}
    .catalog-planbar{border-radius:17px;}
    .catalog-filter{
      display:flex;
      max-width:100%;
      overflow-x:auto;
      overscroll-behavior-inline:contain;
      scrollbar-width:none;
      scroll-snap-type:x proximity;
    }
    .catalog-filter::-webkit-scrollbar{display:none;}
    .catalog-filter button{min-width:116px;scroll-snap-align:start;}
    .catalog-groups{margin-top:66px;}
    .catalog-group+.catalog-group{margin-top:82px;}
    .catalog-group__head{grid-template-columns:auto 1fr;gap:12px 16px;margin-bottom:20px;}
    .catalog-group__head p{grid-column:1/-1;text-align:left;}
    .catalog-grid{grid-template-columns:1fr;gap:12px;}
    .feature-card{min-height:224px;padding:22px;border-radius:16px;}
  }
  @media(max-width:430px){
    .capability-catalog__metric{padding-right:14px;}
    .capability-catalog__metric+.capability-catalog__metric{padding-left:16px;}
    .capability-catalog__metric strong{font-size:1.7rem;}
    .catalog-group__line{display:none;}
    .catalog-group__head{grid-template-columns:1fr;}
    .catalog-group__head p{grid-column:auto;}
  }

  /* ---------- Compact feature catalog ---------- */
  .capability-catalog{
    min-height:0;
    padding:clamp(24px,3vw,44px) 0 clamp(76px,7vw,104px);
  }
  .capability-catalog::before{
    top:-40px;
    left:10%;
    width:min(620px,72vw);
    height:360px;
    background:radial-gradient(ellipse at center,rgba(213,214,216,.055),rgba(200,201,203,.018) 48%,transparent 74%);
    filter:blur(58px);
    transform:none;
  }
  .catalog-planbar{
    position:relative;
    top:auto;
    z-index:3;
    display:block;
    width:max-content;
    max-width:100%;
    min-height:0;
    padding:4px;
    border:1px solid rgba(179,180,182,.18);
    border-radius:14px;
    background:#141517;
    box-shadow:inset 0 1px 0 rgba(243,244,246,.035),0 10px 24px -22px rgba(0,0,0,.9);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
  }
  .catalog-planbar::before{display:none;}
  .catalog-filter-status{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
  }
  .catalog-filter{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:322px;
    max-width:100%;
    gap:2px;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:12px;
    background:transparent;
    box-shadow:none;
  }
  .catalog-filter button{
    justify-content:center;
    gap:5px;
    min-width:0;
    min-height:36px;
    padding:0 8px;
    border:1px solid transparent;
    border-radius:10px;
    color:#aaabad;
    background:transparent;
    box-shadow:none;
    font-family:var(--font-mono);
    font-size:.7rem;
    font-weight:600;
    line-height:1;
    letter-spacing:.1em;
    text-transform:uppercase;
    transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  .catalog-filter button:hover{
    color:#dfe0e2;
    border-color:transparent;
    background:rgba(226,227,229,.045);
  }
  .catalog-filter button[aria-pressed="true"]{
    color:#1b1c1e;
    border-color:#dadbdd;
    background:linear-gradient(180deg,#e5e6e8 0%,#d3d4d6 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 14px -11px rgba(215,216,218,.65);
  }
  .catalog-filter button[data-feature-plan="all"]{text-transform:none;}
  .catalog-filter__count{
    display:inline;
    min-width:0;
    height:auto;
    padding:0;
    border:0;
    border-radius:0;
    color:#7d7e80;
    background:transparent;
    font-family:inherit;
    font-size:.58rem;
    font-weight:600;
  }
  .catalog-filter button[aria-pressed="true"] .catalog-filter__count{
    color:#38393b;
  }
  .catalog-groups{margin-top:60px;}
  .catalog-group{padding-block:0;}
  .catalog-group+.catalog-group{margin-top:64px;}
  .catalog-group__head{
    grid-template-columns:auto minmax(80px,1fr) minmax(230px,auto);
    gap:16px;
    margin-bottom:22px;
  }
  .catalog-group__title{gap:0;}
  .catalog-group__title span{display:none;}
  .catalog-group__title h3{
    color:#9fa0a2;
    font-size:.68rem;
    font-weight:500;
    letter-spacing:.18em;
  }
  .catalog-group__line{
    background:linear-gradient(90deg,rgba(157,158,160,.2),rgba(157,158,160,.055));
  }
  .catalog-group__head p{
    color:#7e7f81;
    font-size:.78rem;
    line-height:1.4;
  }
  .catalog-grid{gap:14px;}
  .feature-card{
    --tier-color:#c9cacc;
    --tier-rgb:153,178,143;
    min-height:176px;
    padding:20px;
    border-color:rgba(224,225,227,.115);
    border-radius:16px;
    background:linear-gradient(180deg,#1a1b1d 0%,#121315 100%);
    box-shadow:inset 0 1px 0 rgba(242,243,245,.035),inset 0 -1px 0 rgba(0,0,0,.34);
    transition:transform .22s var(--ease),border-color .2s ease,background-color .2s ease;
  }
  .feature-card[data-min-plan="pro"]{--tier-color:#ecedef;--tier-rgb:173,253,103;}
  .feature-card[data-min-plan="ultra"]{--tier-color:#f3f4f6;--tier-rgb:205,255,159;}
  .feature-card::before,
  .feature-card::after{display:none;}
  @media(pointer:fine) and (hover:hover){
    .feature-card:hover{
      z-index:2;
      border-color:rgba(var(--tier-rgb),.28);
      background:linear-gradient(180deg,#242527 0%,#191a1c 100%);
      box-shadow:inset 0 1px 0 rgba(244,245,247,.055),0 12px 28px -25px rgba(0,0,0,.9);
      transform:translateY(-1px);
    }
  }
  .feature-card__tier{
    min-height:20px;
    padding:0 7px;
    border-color:rgba(224,225,227,.18);
    border-radius:6px;
    color:#c9cacc;
    background:linear-gradient(180deg,#27282a 0%,#1b1c1e 100%);
    box-shadow:inset 0 1px 0 rgba(242,243,245,.055),inset 0 -1px 0 rgba(0,0,0,.44);
    font-size:.58rem;
    font-weight:700;
    line-height:1;
    letter-spacing:.1em;
  }
  .feature-card[data-min-plan="pro"] .feature-card__tier{
    color:#eeeff1;
    border-color:rgba(224,225,227,.48);
    background:linear-gradient(180deg,#343537 0%,#1e1f21 100%);
  }
  .feature-card[data-min-plan="ultra"] .feature-card__tier{
    min-height:20px;
    padding-inline:7px;
    color:#161719;
    border-color:#e5e6e8;
    background:#d7d8da;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
    font-family:var(--font-body);
    font-size:.58rem;
    font-weight:700;
    letter-spacing:.035em;
    text-shadow:none;
  }
  .feature-card h4{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:12px;
    color:#f1f2f4;
    font-size:1rem;
    line-height:1.35;
    letter-spacing:-.01em;
  }
  .feature-card>p{
    max-width:46ch;
    margin:0;
    color:#aeafb1;
    font-size:1rem;
    line-height:1.58;
  }
  @media(max-width:1180px){
    .catalog-groups{margin-top:52px;}
    .catalog-group+.catalog-group{margin-top:56px;}
    .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media(max-width:720px){
    .capability-catalog{padding:24px 0 72px;}
    .capability-catalog::before{top:-20px;width:86vw;height:300px;opacity:.72;}
    .catalog-planbar{width:100%;padding:3px;border-radius:14px;}
    .catalog-filter{width:100%;overflow:visible;scroll-snap-type:none;}
    .catalog-filter button{min-width:0;min-height:40px;padding:0 6px;font-size:.66rem;}
    .catalog-groups{margin-top:44px;}
    .catalog-group+.catalog-group{margin-top:48px;}
    .catalog-group__head{grid-template-columns:auto minmax(50px,1fr);gap:12px 14px;margin-bottom:18px;}
    .catalog-group__head p{grid-column:1/-1;text-align:left;}
    .catalog-grid{grid-template-columns:1fr;gap:12px;}
    .feature-card{min-height:0;padding:20px;border-radius:15px;}
  }
  @media(max-width:430px){
    .catalog-filter button{gap:3px;font-size:.62rem;letter-spacing:.055em;}
    .catalog-filter__count{font-size:.58rem;}
    .catalog-group__line{display:block;}
    .catalog-group__head{grid-template-columns:auto minmax(36px,1fr);}
    .catalog-group__head p{grid-column:1/-1;}
  }
  .catalog-planbar{
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    width:100%;padding:0 0 24px;border:0;border-bottom:1px solid #2e2f31;
    border-radius:0;background:transparent;box-shadow:none;
  }
  .catalog-planbar__controls{display:flex;align-items:center;gap:20px;min-width:0;}
  .catalog-planbar__caption{color:#b7b8ba;font-size:.875rem;white-space:nowrap;}
  .catalog-filter{width:366px;padding:4px;border:1px solid #3d3e40;border-radius:12px;background:#17181a;gap:3px;}
  .catalog-filter button{min-height:40px;font-size:.8125rem;letter-spacing:.03em;border-radius:8px;}
  .catalog-filter__count{font-size:.75rem;color:#a7a8aa;}
  .catalog-filter-status{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;color:#aeafb1;font-size:.8125rem;text-align:right;}
  .catalog-filter-status strong{color:#e0e1e3;font-weight:500;}
  .catalog-groups{margin-top:34px;}
  .catalog-group+.catalog-group{margin-top:46px;}
  .catalog-group__head{gap:20px;margin-bottom:20px;}
  .catalog-group__title h3{font-size:.8125rem;letter-spacing:.12em;color:#bbbcbe;}
  .catalog-group__head p{font-size:.8125rem;color:#a4a5a7;}
  .catalog-grid{gap:16px;}
  .feature-card{
    min-height:218px;padding:24px 24px 22px;border-radius:14px;
    border-color:#343537;
    background:linear-gradient(135deg,#1e1f21 0%,#17181a 65%,#151618 100%);
    box-shadow:inset 0 1px 0 #ffffff05;
  }
  .feature-card::after{
    display:block;content:attr(data-index);position:static;align-self:flex-end;margin-top:auto;padding-top:18px;
    color:#a5a6a8;font: .75rem/1 var(--font-mono);letter-spacing:.06em;
  }
  .feature-card h4{gap:10px;font-size:1.0625rem;font-weight:600;margin-bottom:14px;line-height:1.45;}
  .feature-card>p{font-size:1rem;line-height:1.65;color:#b7b8ba;max-width:48ch;}
  .feature-card__tier{min-height:22px;font-size:.6875rem;padding-inline:7px;letter-spacing:.06em;border-radius:5px;}
  .feature-card[data-min-plan="ultra"] .feature-card__tier{min-height:22px;font-size:.6875rem;}
  @media(pointer:fine) and (hover:hover){
    .feature-card:hover{z-index:auto;transform:none;box-shadow:inset 0 1px 0 #ffffff05;border-color:#444547;background:linear-gradient(135deg,#1e1f21,#17181a 65%,#151618);}
  }
  @media(max-width:1180px){
    .catalog-planbar__controls{gap:14px;}.catalog-planbar__caption{font-size:.8125rem;}
    .catalog-group__head{grid-template-columns:auto minmax(40px,1fr) auto;}
  }
  @media(max-width:900px){
    .catalog-planbar{align-items:flex-start;}.catalog-planbar__controls{align-items:flex-start;flex-direction:column;gap:10px;}
    .catalog-filter-status{padding-top:34px;font-size:.75rem;max-width:200px;}
    .catalog-group__head p{font-size:.75rem;}
    .feature-card{padding:22px;}
  }
  @media(max-width:720px){
    .catalog-planbar{display:block;padding:0 0 20px;border-radius:0;}
    .catalog-planbar__controls{display:block;}.catalog-planbar__caption{display:block;margin-bottom:10px;}
    .catalog-filter{width:100%;}.catalog-filter button{min-height:42px;font-size:.8125rem;gap:6px;padding:0 6px;}
    .catalog-filter__count{font-size:.75rem;}.catalog-filter-status{max-width:none;padding-top:12px;text-align:left;font-size:.8125rem;}
    .catalog-groups{margin-top:28px;}.catalog-group+.catalog-group{margin-top:36px;}
    .catalog-group__head{grid-template-columns:auto minmax(30px,1fr);gap:9px 14px;}
    .catalog-group__head p{grid-column:1/-1;font-size:.8125rem;}.catalog-grid{grid-template-columns:1fr;gap:12px;}
    .feature-card{min-height:0;padding:22px;border-radius:13px;}.feature-card h4{font-size:1.0625rem;}
    .feature-card::after{padding-top:20px;}
  }
  @media(prefers-reduced-motion:reduce){
    .feature-card{transition:none!important;transform:none!important;}
  }

  /* ---------- Interactive performance sculptures ---------- */
  @keyframes ultraAmbient{from{opacity:.6;}to{opacity:1;}}
  #features{background:#07080a;}
  .catalog-group{position:relative;isolation:isolate;}
  .catalog-planbar{border-bottom-color:#ffffff12;}
  .catalog-planbar__caption,.catalog-filter-status,.catalog-group__head p{color:#99999f;}
  .catalog-filter{background:#1b1c1e;border-color:#cecfd120;box-shadow:none;}
  .catalog-filter button{color:#a1a1a8;}
  .catalog-filter button:hover{background:#2f3032;color:#f2f3f5;}
  .catalog-filter button[aria-pressed="true"]{background:#d8d9db;color:#1b1c1e;box-shadow:none;}
  .catalog-filter__count{color:#8d8d95;}
  .catalog-filter button[aria-pressed="true"] .catalog-filter__count{color:#565759;}
  .catalog-filter-status strong,.catalog-group__title h3{color:#e1e1e5;}
  .catalog-group__line{background:#ffffff12;}
  .feature-card{background:linear-gradient(145deg,rgba(34,35,37,.85),rgba(22,23,25,.94));border-color:#cecfd120;border-radius:12px;box-shadow:none;}
  .feature-card::before{display:none;}
  .feature-card::after{color:#74747e;}
  .feature-card h4{color:#f1f1f3;}
  .feature-card>p{color:#adaeb0;}
  .feature-card .feature-card__tier,.feature-card[data-min-plan="pro"] .feature-card__tier{border-color:#ffffff16;background:#ffffff06;color:#b8b8c0;}
  .feature-card[data-min-plan="ultra"] .feature-card__tier{background:#ffffff06;border-color:#ffffff16;color:#dadbdd;}
  @media(hover:hover) and (pointer:fine){
    .feature-card:hover{background:#252628;border-color:#cecfd138;box-shadow:0 12px 32px -24px #95969835;}
  }

  /* ---------- Pricing ---------- */
  #pricing{
    position:relative;
    isolation:isolate;
    overflow:clip;
    min-height:calc(100svh - 74px);
    padding-block:clamp(30px,4.5vh,48px);
    scroll-margin-top:0;
    display:flex;
    align-items:center;
    background:linear-gradient(180deg,#111214 0%,#111214 72%,#101113 100%);
  }
  #pricing::before{
    content:'';
    position:absolute;
    z-index:0;
    right:-10%;
    bottom:-18%;
    left:-10%;
    height:76%;
    border-radius:50%;
    background:
      radial-gradient(ellipse at 50% 58%,rgba(217,218,220,.16),rgba(203,204,206,.06) 42%,transparent 73%),
      radial-gradient(ellipse at 24% 66%,rgba(221,222,224,.08),transparent 61%),
      radial-gradient(ellipse at 76% 66%,rgba(221,222,224,.08),transparent 61%);
    filter:blur(52px);
    opacity:.82;
    animation:pricingAmbient 8.5s ease-in-out infinite alternate;
    pointer-events:none;
  }
  #pricing>.container{position:relative;z-index:1;width:100%;}
  #pricing .section-head{margin-bottom:28px;}
  #pricing .section-head .eyebrow{margin-bottom:10px;}
  #pricing .section-head h2{margin-bottom:8px;}
  #pricing .section-head p{font-size:.96rem;}
  .pricing-grid{
    position:relative;z-index:1;isolation:isolate;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;
  }
  .pricing-grid::before{
    content:'';
    position:absolute;
    z-index:-2;
    right:-5%;
    bottom:-76px;
    left:-5%;
    height:190px;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(222,223,225,.19),rgba(206,207,209,.075) 45%,transparent 73%);
    filter:blur(28px);
    transform:perspective(900px) rotateX(72deg) scaleX(1.08);
    opacity:.82;
    pointer-events:none;
  }
  @media(max-width:920px){.pricing-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto;}}

  .plan{
    background:
      linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
      #17181a;
    border:1px solid rgba(255,255,255,.105);border-radius:20px;
    padding:26px 24px 22px;
    display:grid;
    grid-template-rows:auto minmax(40px,auto) auto auto minmax(0,1fr) auto;
    height:100%;min-width:0;position:relative;
    z-index:1;isolation:isolate;overflow:visible;
    box-shadow:0 18px 44px -36px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.035);
    transition:border-color .24s ease,background .24s ease,box-shadow .24s ease;
  }
  .plan::before{
    content:'';
    position:absolute;inset:0 18px auto;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
    pointer-events:none;
  }
  .plan::after{
    content:'';
    position:absolute;
    z-index:-1;
    right:7%;
    bottom:-38px;
    left:7%;
    height:88px;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(223,224,226,.28),rgba(205,206,208,.11) 42%,transparent 73%);
    filter:blur(20px);
    opacity:.38;
    transform-origin:center;
    animation:pricingFloorBreath 6.8s ease-in-out infinite alternate;
    pointer-events:none;
  }
  .plan:hover{
    border-color:rgba(218,219,221,.32);
    background:
      linear-gradient(145deg,rgba(218,219,221,.035),transparent 42%),
      #191a1c;
    box-shadow:0 24px 58px -38px rgba(157,158,160,.35),inset 0 1px 0 rgba(255,255,255,.045);
  }
  .pricing-grid .plan:nth-child(2)::after{opacity:.42;animation-delay:-2.2s;}
  .pricing-grid .plan:nth-child(3)::after{opacity:.38;animation-delay:-4.4s;}
  .plan-featured{
    border-color:rgba(218,219,221,.88);
    background:
      linear-gradient(145deg,rgba(218,219,221,.065),transparent 44%),
      #191a1c;
    box-shadow:0 24px 56px -32px var(--accent-glow),inset 0 1px 0 rgba(218,219,221,.11);
  }
  .plan-ultra{
    border-color:rgba(218,219,221,.44);
    background:linear-gradient(145deg,rgba(218,219,221,.045),transparent 42%),#18191b;
    box-shadow:0 20px 52px -36px rgba(218,219,221,.38),inset 0 1px 0 rgba(255,255,255,.045);
  }
  .plan-badge{
    position:absolute;top:-12px;left:24px;background:var(--accent);color:var(--accent-ink);
    font-family:var(--font-mono);font-size:.66rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase;
    padding:5px 11px;border-radius:100px;box-shadow:0 8px 22px -12px rgba(218,219,221,.85);
  }
  .plan-ultra .plan-badge{background:#222325;color:var(--accent);border:1px solid rgba(218,219,221,.5);}
  .plan-name{font-family:var(--font-display);font-size:1.16rem;font-weight:650;margin-bottom:8px;}
  .plan-desc{color:#919294;font-size:.82rem;line-height:1.45;margin-bottom:18px;max-width:34ch;}
  .plan-price{display:flex;align-items:baseline;gap:8px;margin-bottom:5px;}
  .plan-price .amount{font-family:var(--font-display);font-size:2.22rem;font-weight:700;letter-spacing:-.035em;}
  .plan-price .period{color:var(--text-3);font-size:.84rem;}
  .plan-sub{font-family:var(--font-mono);font-size:.71rem;letter-spacing:.02em;color:var(--text-3);margin-bottom:18px;}

  .plan-features{
    display:flex;flex-direction:column;gap:9px;
    margin:0 0 22px;padding-top:17px;
    border-top:1px solid rgba(255,255,255,.065);
  }
  .plan-features li{display:flex;gap:9px;font-size:.8rem;line-height:1.34;color:#b0b1b3;align-items:flex-start;}
  .plan-features svg{
    width:16px;height:16px;flex:0 0 16px;margin-top:0;stroke:var(--accent);
    padding:3px;border-radius:5px;background:rgba(218,219,221,.075);
  }

  .plan-action{min-height:74px;display:flex;flex-direction:column;gap:8px;align-self:end;}
  .plan-action .btn{width:100%;height:48px;min-height:48px;padding-inline:18px;border-radius:10px;}
  .plan-ultra .plan-action .btn{border-color:rgba(218,219,221,.42);color:#f1f2f4;}
  .plan-ultra .plan-action .btn:hover{border-color:var(--accent);background:rgba(218,219,221,.08);}
  .plan-note{min-height:16px;font-size:.7rem;color:var(--text-3);margin:0;text-align:center;line-height:1.35;}
  .pricing-foot{text-align:center;color:var(--text-3);font-size:.8rem;margin-top:18px;}
  .pricing-foot a{color:var(--accent);}
  @media(max-width:920px){
    #pricing{display:block;min-height:0;padding-block:76px;scroll-margin-top:0;}
    #pricing .section-head{margin-bottom:36px;}
    .pricing-grid{gap:22px;}
  }

  /* ---------- FAQ ---------- */
  #faq{
    position:relative;isolation:isolate;overflow:clip;
    background:linear-gradient(180deg,#101113 0%,#111214 50%,#101113 100%);
  }
  #faq::before{
    content:'';position:absolute;z-index:-1;left:50%;top:12%;width:760px;height:420px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center,rgba(215,216,218,.055),transparent 68%);
    filter:blur(28px);pointer-events:none;
  }
  .faq-shell{width:min(100%,920px);margin-inline:auto;}
  #faq .section-head{max-width:680px;margin:0 auto 42px;text-align:center;}
  #faq .section-head .eyebrow{margin-bottom:12px;}
  #faq .section-head h2{margin-bottom:0;}
  .faq-list{width:100%;display:flex;flex-direction:column;gap:10px;}
  .faq-item{
    background:rgba(24,25,27,.9);border:1px solid rgba(255,255,255,.09);border-radius:17px;overflow:hidden;
    box-shadow:0 14px 36px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.025);
    transition:border-color .24s ease,background .24s ease,box-shadow .24s ease;
  }
  .faq-item:hover{border-color:rgba(218,219,221,.24);background:rgba(26,27,29,.96);}
  .faq-item[open]{
    border-color:rgba(218,219,221,.4);
    background:linear-gradient(135deg,rgba(218,219,221,.045),transparent 46%),#191a1c;
    box-shadow:0 20px 50px -38px rgba(218,219,221,.3),inset 0 1px 0 rgba(218,219,221,.06);
  }
  .faq-item summary{
    list-style:none;cursor:pointer;padding:18px 20px;
    display:grid;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:16px;
    min-height:72px;font-family:var(--font-display);font-weight:600;font-size:1rem;
  }
  .faq-index{
    font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:rgba(218,219,221,.68);
    width:34px;height:34px;display:grid;place-items:center;border-radius:9px;
    border:1px solid rgba(218,219,221,.16);background:rgba(218,219,221,.045);
  }
  .faq-question{min-width:0;line-height:1.35;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item .plus{
    width:34px;height:34px;position:relative;flex-shrink:0;border-radius:50%;
    border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);
    transition:border-color .24s ease,background .24s ease,transform .3s ease;
  }
  .faq-item .plus::before,.faq-item .plus::after{
    content:'';position:absolute;background:var(--accent);border-radius:2px;transition:transform .3s ease;
  }
  .faq-item .plus::before{top:50%;left:10px;width:12px;height:1.5px;translate:0 -50%;}
  .faq-item .plus::after{left:50%;top:10px;height:12px;width:1.5px;translate:-50% 0;}
  .faq-item[open] .plus{border-color:rgba(218,219,221,.4);background:rgba(218,219,221,.075);transform:rotate(180deg);}
  .faq-item[open] .plus::after{transform:rotate(90deg);}
  .faq-item p{
    max-width:70ch;margin:0 70px 0 78px;padding:0 0 22px;
    color:#a1a2a4;font-size:.91rem;line-height:1.65;
  }
  @media(max-width:720px){
    #faq .section-head{margin-bottom:30px;}
    .faq-list{gap:8px;}
    .faq-item{border-radius:14px;}
    .faq-item summary{grid-template-columns:34px minmax(0,1fr) 32px;gap:12px;padding:14px;min-height:66px;font-size:.94rem;}
    .faq-index{width:32px;height:32px;border-radius:8px;}
    .faq-item .plus{width:32px;height:32px;}
    .faq-item .plus::before{left:9px;}
    .faq-item .plus::after{top:9px;}
    .faq-item p{margin:0 18px 0 60px;padding:0 0 18px;font-size:.88rem;line-height:1.58;}
  }

  /* ---------- Footer ---------- */
  footer{border-top:1px solid var(--border-soft);padding-block:64px 36px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:52px;}
  @media(max-width:720px){.foot-grid{grid-template-columns:1fr;gap:36px;}}
  .foot-brand span{font-family:var(--font-display);font-weight:700;font-size:1.2rem;}
  .foot-brand p{color:var(--text-3);font-size:.88rem;margin-top:12px;max-width:32ch;}
  .foot-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:16px;}
  .foot-col ul{display:flex;flex-direction:column;gap:11px;}
  .foot-col a{color:var(--text-2);font-size:.9rem;transition:color .2s ease;}
  .foot-col a:hover{color:var(--accent);}
  .foot-bottom{
    border-top:1px solid var(--border-soft);padding-top:26px;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
    color:var(--text-3);font-size:.82rem;
  }

  .feature-device-motion{position:relative;width:100%;overflow:visible;}

  /* ---------- Reference hero v2 ---------- */
  .hero-v2{
    position:relative;
    min-height:calc(100svh - 74px);
    padding:0;
    overflow:hidden;
    background:var(--ultra-hero-surface);
    isolation:isolate;
  }
  .hero-v2::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:-3;
    opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
    background-size:72px 72px;
    -webkit-mask-image:linear-gradient(to right,transparent,black 55%,transparent);
    mask-image:linear-gradient(to right,transparent,black 55%,transparent);
  }
  .hero-v2::after{
    content:'';
    position:absolute;
    z-index:1;
    right:0;
    bottom:-1px;
    left:0;
    height:clamp(84px,9vw,140px);
    background:linear-gradient(180deg,transparent,#111214);
    pointer-events:none;
  }
  .hero-v2__inner{
    position:relative;
    width:min(calc(100% - 64px),1680px);
    min-height:calc(100svh - 74px);
    margin:0 auto;
    container-type:inline-size;
  }
  .hero-v2__copy{
    position:relative;
    z-index:4;
    width:41%;
    min-height:calc(100svh - 74px);
  }
  .hero-v2__content{
    position:absolute;
    top:39.3%;
    right:0;
    left:0;
    margin-left:clamp(20px,1.35vw,26px);
  }
  .hero-v2 h1{
    position:relative;
    width:max-content;
    max-width:660px;
    margin:0;
    padding-bottom:20px;
    color:#f4f5f7;
    font-family:var(--font-display);
    font-size:clamp(4.6rem,6vw,6.5rem);
    font-weight:680;
    line-height:.94;
    letter-spacing:-.068em;
    white-space:nowrap;
  }
  .hero-v2 h1::after{
    display:none;
    content:none;
  }
  .hero-v2__wordmark{
    display:inline-block;
    color:#f0f1f3;
    text-shadow:0 12px 34px rgba(0,0,0,.24);
  }
  .hero-v2__wordmark span{
    position:relative;
    z-index:0;
    display:inline-block;
    color:#dadbdd;
    text-shadow:0 0 34px rgba(218,219,221,.1);
  }
  .hero-v2__lead{
    max-width:520px;
    margin:17px 0 0;
    color:rgba(226,227,229,.66);
    font-size:clamp(1.05rem,1.3vw,1.34rem);
    line-height:1.55;
    letter-spacing:-.012em;
  }
  .hero-v2__actions{
    position:absolute;
    bottom:120px;
    left:clamp(20px,1.35vw,26px);
    display:flex;
    align-items:center;
    margin:0;
  }
  .hero-v2__actions .btn-primary{
    position:relative;
    width:246px;
    height:52px;
    padding-inline:28px;
    overflow:hidden;
    border:1px solid #eaebed;
    border-radius:10px;
    background:linear-gradient(180deg,#e6e7e9 0%,#dadbdd 54%,#cacbcd 100%);
    color:#1b1c1e;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.5),
      inset 0 -1px 0 rgba(109,110,112,.2),
      0 12px 30px -22px rgba(224,225,227,.8);
    font-size:.94rem;
    font-weight:680;
    letter-spacing:0;
    text-shadow:0 1px rgba(255,255,255,.12);
    transition:transform .24s var(--ease),background .2s ease,border-color .2s ease,box-shadow .24s ease;
  }
  .hero-v2__actions .btn-primary:hover{
    border-color:#eff0f2;
    background:linear-gradient(180deg,#e9eaec 0%,#e0e1e3 54%,#cfd0d2 100%);
    color:#161719;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.58),
      inset 0 -1px 0 rgba(109,110,112,.2),
      0 16px 34px -21px rgba(224,225,227,.9);
    transform:translateY(-1px);
  }
  .hero-v2__actions .btn-primary:active{
    box-shadow:inset 0 2px 5px rgba(85,86,88,.2);
    transform:translateY(0);
  }
  .hero-v2__connector{
    position:absolute;
    z-index:1;
    right:56.7%;
    bottom:74px;
    left:calc(clamp(20px,1.35vw,26px) + 262px);
    width:auto;
    height:74px;
    overflow:visible;
    pointer-events:none;
  }
  .hero-v2__connector path{
    fill:none;
    stroke:url(#hero-connector-gradient);
    stroke-width:1.35;
    vector-effect:non-scaling-stroke;
  }
  .hero-v2__visual{
    position:absolute;
    z-index:2;
    top:0;
    right:-4%;
    bottom:0;
    left:41%;
    display:flex;
    align-items:center;
    justify-content:center;
    isolation:isolate;
  }
  .hero-v2__visual::after{
    content:'';
    position:absolute;
    z-index:-2;
    top:12%;
    bottom:3%;
    left:0;
    width:24%;
    border-radius:50%;
    background:radial-gradient(closest-side,rgba(206,207,209,.24),rgba(194,195,197,.1) 48%,transparent 76%);
    filter:blur(34px);
    opacity:.58;
    pointer-events:none;
  }
  .hero-v2__aura{
    position:absolute;
    inset:-1% -5% -5% -10%;
    z-index:-2;
    border-radius:50%;
    background:
      radial-gradient(38% 72% at 18% 58%,rgba(219,220,222,.4),transparent 72%),
      radial-gradient(56% 66% at 76% 52%,rgba(220,221,223,.2),transparent 74%),
      radial-gradient(52% 34% at 31% 91%,rgba(220,221,223,.28),transparent 76%);
    filter:blur(54px);
    opacity:.8;
    animation:heroAura 6s ease-in-out infinite alternate;
  }
  .hero-v2__shot{
    position:relative;
    width:100%;
  }
  .hero-v2__shot img{
    display:block;
    width:100%;
    height:auto;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
    image-rendering:auto;
    backface-visibility:hidden;
  }
  .hero-v2__visual:hover .hero-v2__aura{opacity:.86;}
  .hero-v2__reflection{
    position:absolute;
    right:5%;
    bottom:-6%;
    width:84%;
    height:19%;
    z-index:-1;
    border-radius:50%;
    background:radial-gradient(closest-side,rgba(221,222,224,.17),rgba(221,222,224,.055) 48%,transparent 76%);
    filter:blur(25px);
    transform:perspective(900px) rotateX(70deg);
    opacity:.72;
  }
  @keyframes heroAura{
    from{opacity:.52;transform:scale(.96) translate3d(0,5px,0);}
    to{opacity:.76;transform:scale(1.035) translate3d(-12px,-4px,0);}
  }
  @media(max-width:1700px){
    .hero-v2__visual{top:0;right:-4%;bottom:0;left:41%;}
  }
  @media(max-width:1180px){
    .hero-v2__inner{width:min(calc(100% - 44px),1120px);}
    .hero-v2__copy{width:42%;}
    .hero-v2__content{margin-left:0;}
    .hero-v2 h1{font-size:clamp(3.7rem,6.4vw,4.8rem);}
    .hero-v2__actions{left:0;}
    .hero-v2__connector{right:53%;left:262px;}
    .hero-v2__visual{top:0;right:-2.5%;bottom:0;left:45%;}
  }
  @media(max-width:860px){
    .hero-v2{min-height:auto;}
    .hero-v2__inner{display:flex;min-height:auto;flex-direction:column;padding:58px 0 74px;}
    .hero-v2__copy{display:block;width:100%;min-height:0;padding:0;}
    .hero-v2__content{position:relative;top:auto;right:auto;left:auto;margin:0;}
    .hero-v2 h1{width:max-content;max-width:none;margin-top:0;font-size:clamp(2.75rem,10vw,4rem);line-height:.94;}
    .hero-v2__lead{max-width:520px;margin-top:17px;}
    .hero-v2__actions{position:relative;bottom:auto;left:auto;margin-top:28px;}
    .hero-v2__actions .btn-primary{width:auto;height:50px;padding-inline:22px;}
    .hero-v2__connector{display:none;}
    .hero-v2__visual{position:relative;inset:auto;width:116%;margin:58px -8% 0;}
  }
  @media(max-width:560px){
    .hero-v2__inner{width:calc(100% - 32px);padding-top:42px;}
    .hero-v2__content{margin:0;}
    .hero-v2 h1{margin-top:0;padding-bottom:0;font-size:clamp(2.35rem,10.8vw,3rem);line-height:.94;}
    .hero-v2__lead{max-width:390px;margin-top:15px;font-size:.9rem;line-height:1.5;}
    .hero-v2__actions{max-width:none;flex-direction:row;align-items:center;margin-top:23px;}
    .hero-v2__actions .btn-primary{height:48px;padding-inline:18px;font-size:.84rem;}
    .hero-v2__visual{width:138%;margin:48px -19% 0;}
  }


  /* Performance-first rendering: the visual hierarchy remains, while every
     large surface is static and cheap even with software rasterization. */
  header{
    background:rgba(17,18,20,.985);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .catalog-planbar{
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  #features::before,
  .capability-catalog::before,
  .feature-row.feature-stage::before,
  .feature-stage .feature-visual::before,
  .feature-stage .feature-visual::after,
  #pricing::before,
  .pricing-grid::before,
  .plan::after,
  #faq::before,
  .hero-v2__visual::after,
  .hero-v2__aura,
  .hero-v2__reflection{
    display:none!important;
    content:none!important;
    animation:none!important;
    filter:none!important;
  }
  .feature-stage .feature-device,
  .feature-stage .feature-device--edge-left,
  .feature-stage .feature-device--edge-right{
    transform:none!important;
    transform-style:flat;
    backface-visibility:visible;
  }
  .feature-device::before,
  .feature-device::after,
  .feature-device__edge{
    display:none!important;
  }
  .feature-device__front{
    box-shadow:0 24px 52px -40px rgba(0,0,0,.88),0 0 0 1px rgba(207,208,210,.025);
  }
  .feature-device__front::before{
    filter:none;
  }
  .hero-v2__shot,
  .hero-v2__shot img,
  .feature-device,
  .feature-device__front,
  .feature-device__front img{
    will-change:auto!important;
  }

  @supports (content-visibility:auto){
    .catalog-groups{
      content-visibility:auto;
      contain-intrinsic-size:auto 1780px;
    }
    .feature-row.feature-stage{
      content-visibility:auto;
      contain-intrinsic-size:auto 860px;
    }
    #pricing{
      content-visibility:auto;
      contain-intrinsic-size:auto 920px;
    }
    #faq{
      content-visibility:auto;
      contain-intrinsic-size:auto 820px;
    }
    footer{
      content-visibility:auto;
      contain-intrinsic-size:auto 420px;
    }
  }

  @media(max-width:900px){
    @supports (content-visibility:auto){
      .catalog-groups{contain-intrinsic-size:auto 3300px;}
      .feature-row.feature-stage{contain-intrinsic-size:auto 980px;}
      #pricing{contain-intrinsic-size:auto 1700px;}
      #faq{contain-intrinsic-size:auto 940px;}
    }
  }

  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    *,*::before,*::after{
      animation-duration:.01ms!important;
      animation-iteration-count:1!important;
      scroll-behavior:auto!important;
      transition-duration:.01ms!important;
    }
  }

  /* Standalone capability cards */
  #features>.container{max-width:1440px;}
  .catalog-intro{margin-bottom:32px;}
  .catalog-intro h2{font:500 clamp(30px,3vw,42px)/1.16 var(--font-display);letter-spacing:-.035em;color:#f4f4f6;margin:0 0 12px;}
  .catalog-intro p{color:#9c9c9d;font-size:1rem;line-height:1.6;margin:0;}
  .catalog-planbar{padding:0 0 24px;border-bottom:1px solid #ffffff14;}
  .catalog-filter{width:366px;border-radius:10px;background:#111214;border-color:#ffffff14;}
  .catalog-filter button{border-radius:6px;}
  .catalog-filter button[aria-pressed="true"]{background:#e6e6e6;color:#111214;box-shadow:0 2px 7px #0002;}
  .catalog-groups{margin-top:38px;}
  .catalog-group+.catalog-group{margin-top:48px;}
  .catalog-group__head{margin-bottom:18px;}
  .catalog-group__title h3{font:500 .875rem/1.4 var(--font-body);text-transform:none;letter-spacing:.01em;color:#cdcece;}
  .catalog-group__head p{color:#78787c;font-size:.8125rem;}
  .catalog-grid{gap:16px;align-items:stretch;}
  .feature-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:220px;padding:26px 26px 28px;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(145deg,#151618,#0e0f11 70%);box-shadow:inset 0 1px 0 #ffffff04,0 12px 28px -22px #0009;cursor:default;transition:border-color .22s,background-color .22s,box-shadow .22s;}
  .feature-card::before,.feature-card::after{display:none;content:none;}
  .feature-card__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;}
  .feature-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#ffffff0c,#ffffff03);border:1px solid #ffffff12;color:#bfc0c2;}
  .feature-card__icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}
  .feature-card h4{display:block;color:#f4f4f6;font:500 1.1875rem/1.35 var(--font-display);letter-spacing:-.02em;margin:0 0 12px;}
  .feature-card>p{color:#9c9c9d;font-size:1rem;line-height:1.65;margin:0;max-width:44ch;}
  .feature-card .feature-card__tier,.feature-card[data-min-plan="pro"] .feature-card__tier,.feature-card[data-min-plan="ultra"] .feature-card__tier{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #ffffff14;border-radius:5px;background:#ffffff03;color:#8b8c8f;font:500 .6875rem/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;}
  .feature-card[data-min-plan="pro"] .feature-card__tier{color:#b5b6b8;border-color:#ffffff20;}
  .feature-card[data-min-plan="ultra"] .feature-card__tier{color:#e1e2e4;background:#ffffff06;border-color:#ffffff2b;}
  @media(hover:hover) and (pointer:fine){
    .feature-card:hover{transform:none;background:linear-gradient(145deg,#1b1c1e,#111214 75%);border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff06,0 14px 32px -22px #000b;}
    .feature-card:hover .feature-card__icon{color:#e6e6e6;}
  }
  @media(min-width:761px) and (max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:760px){
    .catalog-grid{grid-template-columns:1fr;gap:12px;}
    .feature-card{min-height:0;padding:22px;border-radius:14px;}
    .feature-card__top{margin-bottom:18px;}
    .catalog-intro{margin-bottom:26px;}
    .catalog-group+.catalog-group{margin-top:36px;}
    .catalog-filter{max-width:100%;}
  }
  @media(prefers-reduced-motion:reduce){.feature-card{transition:none;}}

  #features .catalog-planbar__caption{color:#9c9c9d;}
  #features .catalog-filter-status{color:#78787c;}
  #features .catalog-filter-status strong{color:#cdcece;}
  #features .catalog-filter button{color:#9c9c9d;}
  #features .catalog-filter button:hover{background:#1b1c1e;color:#f4f4f6;}
  #features .catalog-filter button[aria-pressed="true"]{background:#e6e6e6;color:#111214;}
  #features .catalog-filter__count{color:#78787c;}
  #features .catalog-filter button[aria-pressed="true"] .catalog-filter__count{color:#6a6b6c;}
  #features button:focus-visible{outline-color:#cdcece;}

  /* Global neutral graphite theme */
  :root{
    --bg:#07080a;
    --bg-panel:#111214;
    --bg-panel-2:#1b1c1e;
    --bg-elevated:#242628;
    --border:#2f3031;
    --border-soft:#1b1c1e;
    --text:#f4f4f6;
    --text-2:#9c9c9d;
    --text-3:#78787c;
    --accent:#e6e6e6;
    --accent-ink:#111214;
    --accent-dim:#ffffff;
    --accent-glow:rgba(255,255,255,.08);
    --brand-grad:linear-gradient(135deg,#f4f4f6,#9c9c9d);
    --ultra-hero-surface:radial-gradient(ellipse at 70% 48%,rgba(255,255,255,.025),transparent 62%),#07080a;
  }
  body,main,#features,#pricing,#faq,footer{background-color:#07080a;}
  #features,#pricing,#faq,footer{background-image:none;}
  header{background:rgba(7,8,10,.96);border-bottom-color:#ffffff0c;}
  .hero-v2::after{background:linear-gradient(180deg,transparent,#07080a);}
  .hero-v2 .btn-primary{background:linear-gradient(180deg,#f4f4f6,#cdcece);border-color:#ffffff80;color:#111214;box-shadow:inset 0 1px 0 #fff,0 12px 28px -20px #ffffff35;}
  .hero-v2 .btn-primary:hover{background:#fff;box-shadow:inset 0 1px 0 #fff,0 14px 30px -20px #ffffff45;}
  .plan,.plan-ultra{background:linear-gradient(145deg,#151618,#0c0d0f);border-color:#ffffff17;}
  .plan:hover,.plan-ultra:hover{border-color:#ffffff30;background:linear-gradient(145deg,#1b1c1e,#111214);}
  .plan-ultra .plan-badge{background:#242628;border-color:#ffffff2b;color:#e6e6e6;}
  .plan .plan-action .btn-primary{background:#e6e6e6;color:#111214;border-color:#e6e6e6;box-shadow:none;}
  .plan .plan-action .btn-primary:hover{background:#fff;border-color:#fff;}
  html{scrollbar-color:#434345 #07080a;}
  ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:#07080a;}
  ::-webkit-scrollbar-thumb{background:#434345;border-color:#07080a;box-shadow:none;}
  ::-webkit-scrollbar-thumb:hover{background:#6a6b6c;box-shadow:none;}

  /* Lime light accents on the neutral graphite foundation */
  :root{--accent:#adfd67;--accent-ink:#13200b;--accent-dim:#c3ff8f;--accent-glow:rgba(173,253,103,.16);}
  .hero-v2__visual::before{content:'';position:absolute;z-index:-1;inset:8% -3% 3% -8%;pointer-events:none;background:radial-gradient(ellipse 45% 49% at 50% 53%,rgba(173,253,103,.15),transparent 86%),radial-gradient(ellipse 24% 34% at 19% 54%,rgba(173,253,103,.12),transparent 84%),radial-gradient(ellipse 43% 20% at 61% 78%,rgba(173,253,103,.09),transparent 90%);opacity:.82;animation:limeLight 8s ease-in-out infinite alternate;}
  @keyframes limeLight{from{opacity:.65;}to{opacity:.95;}}
  .hero-v2 .btn-primary,.plan .plan-action .btn-primary{background:linear-gradient(180deg,#bdff80,#a4ec63);border-color:#b6f978;color:#14200d;box-shadow:inset 0 1px 0 #e6ffca70,0 12px 32px -23px #adfd6750;}
  .hero-v2 .btn-primary:hover,.plan .plan-action .btn-primary:hover{background:linear-gradient(180deg,#d0ff9d,#b4f879);border-color:#ceff9d;box-shadow:0 14px 34px -21px #adfd6760;}
  #features .catalog-filter button[aria-pressed="true"]{background:#1b2117;color:#c3eea2;box-shadow:inset 0 -2px 0 #adfd67;}
  #features .catalog-filter button[aria-pressed="true"] .catalog-filter__count{color:#9bbc80;}
  #features button:focus-visible{outline-color:#adfd67;}
  .feature-card[data-min-plan="ultra"] .feature-card__tier{color:#bddda4;background:#ffffff03;border-color:#b0d38a28;}
  .plan-ultra{border-color:#adfd6733;box-shadow:inset 0 1px 0 #dcffc912,0 15px 40px -32px #adfd6730;}
  .plan-ultra .plan-badge{background:#1d2518;border-color:#adfd6730;color:#c6eda8;}
  @media(hover:hover) and (pointer:fine){
    .feature-card:hover .feature-card__icon{color:#c1e69f;}
    .plan-ultra:hover{border-color:#adfd6750;}
  }
  @media(max-width:760px){.hero-v2__visual::before{inset:0 4%;}}
  @media(prefers-reduced-motion:reduce){.hero-v2__visual::before{animation:none;}}

  /* Palette sampled from the UltraApp hero illustration */
  :root{
    --bg:#181818;
    --bg-panel:#1d1d1d;
    --bg-panel-2:#232323;
    --bg-elevated:#292929;
    --border:#333333;
    --border-soft:#2b2b2b;
    --text:#eeeeee;
    --text-2:#a3a3a3;
    --text-3:#808080;
    --accent:#adfd67;
    --accent-ink:#14200a;
    --accent-dim:#c0ff86;
    --accent-glow:rgba(173,253,103,.14);
    --ultra-hero-surface:#181818;
  }
  body,main,.hero-v2,#features,#pricing,#faq,footer{background:#181818;}
  header{background:rgba(24,24,24,.97);border-bottom-color:#ffffff09;}
  .hero-v2::after{background:linear-gradient(180deg,transparent,#181818);}
  .hero-v2__lead,.catalog-intro p{color:#a3a3a3;}
  .catalog-intro h2{color:#eeeeee;}
  .feature-card,.plan,.plan-ultra{background:#1d1d1d;border-color:#313131;box-shadow:inset 0 1px 0 #ffffff03,0 12px 24px -22px #0008;}
  .feature-card h4{color:#eeeeee;}
  .feature-card>p{color:#a3a3a3;}
  .feature-card__icon{background:#232323;border-color:#303030;color:#adfd67;}
  .feature-card .feature-card__tier,.feature-card[data-min-plan="pro"] .feature-card__tier,.feature-card[data-min-plan="ultra"] .feature-card__tier{background:#232323;border-color:#343434;color:#b3c3a5;}
  .feature-card[data-min-plan="ultra"] .feature-card__tier{color:#adfd67;border-color:#adfd6733;}
  .catalog-filter{background:#232323;border-color:#333333;}
  #features .catalog-filter button{color:#a3a3a3;}
  #features .catalog-filter button:hover{background:#2b2b2b;color:#eeeeee;}
  #features .catalog-filter button[aria-pressed="true"]{background:#adfd67;color:#14200a;box-shadow:none;}
  #features .catalog-filter button[aria-pressed="true"] .catalog-filter__count{color:#45642d;}
  #features .catalog-filter-status,#features .catalog-planbar__caption,.catalog-group__head p{color:#929292;}
  #features .catalog-filter-status strong,.catalog-group__title h3{color:#c7c7c7;}
  .catalog-group__line{background:#ffffff10;}
  .catalog-planbar{border-bottom-color:#ffffff0c;}
  .hero-v2 .btn-primary,.plan .plan-action .btn-primary{background:#adfd67;border-color:#adfd67;color:#14200a;box-shadow:0 8px 24px -20px #adfd6750;}
  .hero-v2 .btn-primary:hover,.plan .plan-action .btn-primary:hover{background:#c0ff86;border-color:#c0ff86;box-shadow:0 10px 26px -20px #adfd6770;}
  .plan-ultra{border-color:#adfd6736;}
  .plan-ultra .plan-badge{background:#252b20;border-color:#adfd6733;color:#adfd67;}
  .faq-item{background:#1d1d1d;border-color:#313131;}
  .faq-item[open]{background:#232323;border-color:#3a3a3a;}
  .faq-item .plus{color:#adfd67;}
  .foot-col a:hover,.nav-links a:hover{color:#adfd67;}
  html{scrollbar-color:#484848 #181818;}
  ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:#181818;}
  ::-webkit-scrollbar-thumb{background:#484848;border-color:#181818;}
  ::-webkit-scrollbar-thumb:hover{background:#5b5b5b;}
  @media(hover:hover) and (pointer:fine){
    .feature-card:hover,.plan:hover,.plan-ultra:hover{background:#232323;border-color:#414141;}
    .feature-card:hover .feature-card__icon{color:#c0ff86;background:#292929;}
    .plan-ultra:hover{border-color:#adfd6755;}
  }

  /* Screenshots are textures on matching physical monitor models. */

  /* Hero composition and monitor typography */
  .hero-v2__content{top:29%;}
  .hero-v2__eyebrow{display:flex;align-items:center;gap:12px;min-height:26px;margin:0 0 28px;font:500 .75rem/1.5 var(--font-mono);letter-spacing:.11em;}
  .hero-v2__eyebrow::before{content:'';width:30px;height:1px;flex:none;background:linear-gradient(90deg,#adfd6733,#adfd67a6);}
  .hero-v2__edition{display:inline-flex;align-items:center;gap:9px;color:#c2c9bb;}
  .hero-v2__edition::before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:#adfd67;box-shadow:0 0 8px #adfd6740;}
  .hero-v2__edition-divider{color:#62675e;}
  .hero-v2__edition-label{color:#93998c;}
  .hero-v2__wordmark{color:#b9c8ac;text-shadow:0 8px 28px #0002;}
  .hero-v2__wordmark span{color:#adfd67;text-shadow:0 0 28px #adfd6714;}
  .hero-v2__visual{left:42%;right:-1%;}
  .hero-v2__visual::before{inset:0 -8% -4% -8%;background:radial-gradient(ellipse 28% 45% at 88% 51%,rgba(173,253,103,.22),transparent 86%),radial-gradient(ellipse 44% 25% at 57% 81%,rgba(173,253,103,.14),transparent 89%),radial-gradient(ellipse 23% 37% at 17% 55%,rgba(173,253,103,.08),transparent 85%);opacity:.9;}
  .hero-v2__connector{inset:0;width:100%;height:100%;overflow:visible;}
  .hero-v2__connector path{stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
  @media(min-width:861px) and (max-height:780px){.hero-v2__content{top:23%;}.hero-v2__eyebrow{margin-bottom:18px;}}
  @media(max-width:1180px) and (min-width:861px){.hero-v2__visual{left:45%;right:0;}.hero-v2__eyebrow{font-size:.75rem;gap:9px;}}
  @media(max-width:860px){
    .hero-v2__content{top:auto;}
    .hero-v2__eyebrow{margin-bottom:22px;font-size:.75rem;gap:10px;}
    .hero-v2__visual{inset:auto;width:112%;margin:44px -6% 0;}
    .hero-v2__connector{display:none;}
  }

  /* Brand in the top navigation. */
  .nav-brand{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
  .nav-brand img{display:block;width:36px;height:36px;flex:none;object-fit:cover;border-radius:50%;border:1px solid #ffffff14;box-shadow:0 2px 8px #0003;}
  .nav-brand span{color:#d4d9ce;font:600 1rem/1.3 var(--font-body);letter-spacing:-.015em;}
  .nav-brand:focus-visible{outline:2px solid #adfd67;outline-offset:6px;border-radius:20px;}
  @media(max-width:600px){.nav-brand{gap:8px;}.nav-brand img{width:32px;height:32px;}.nav-row{gap:12px;}}

  /* Full-width, pixel-preserving interface panels. */

  /* Shared left alignment across the hero, performance and features. */
  #features>.container{width:min(1440px,calc(100% - 80px));max-width:1440px;}
  @media(min-width:861px){
    .hero-v2__content{margin-left:max(0px,calc((100cqw - min(1440px,calc(100vw - 80px)))/2));}
    .hero-v2__actions{left:max(0px,calc((100cqw - min(1440px,calc(100vw - 80px)))/2));}
  }
  @media(max-width:860px){
    .hero-v2__inner,#features>.container{width:calc(100% - 40px);}
  }

  /* Consistent title, image and caption rhythm. */
  .hero-v2__wordmark{translate:none;}
  .feature-card__top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:54px;margin-bottom:18px;}
  .feature-card__top h4{margin:0;font-size:1.0625rem;line-height:1.35;letter-spacing:-.015em;overflow-wrap:break-word;}
  .feature-card__top .feature-card__icon{width:42px;height:42px;}
  .feature-card__top .feature-card__tier{justify-self:end;white-space:nowrap;}
  @media(max-width:600px){
    .feature-card__top{grid-template-columns:36px minmax(0,1fr) auto;column-gap:10px;}
    .feature-card__top .feature-card__icon{width:36px;height:36px;border-radius:10px;}
    .feature-card__top h4{font-size:1rem;}
  }

  /* Small horizontal adjustment for the hero artwork. */
  @media(min-width:861px){.hero-v2__visual{translate:24px 0;}}

  /* Centered feature catalogue with balanced partial rows. */
  .catalog-intro{text-align:center;max-width:780px;margin:0 auto 34px;}
  .catalog-intro h2{margin-inline:auto;}
  .catalog-intro p{max-width:56ch;margin-inline:auto;}
  .catalog-planbar{position:relative;top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;margin:0 auto;padding:0 0 32px;border:0;box-shadow:none;text-align:center;}
  .catalog-planbar::before{display:none;}
  .catalog-planbar__controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;}
  .catalog-planbar__caption{margin:0;}
  .catalog-filter{width:min(100%,390px);margin-inline:auto;box-shadow:0 6px 18px -14px #000a,inset 0 1px 0 #ffffff08;}
  #features .catalog-filter-status{max-width:none;padding:0;margin:0;text-align:center;font-size:.8125rem;}
  .catalog-groups{margin-top:32px;}
  .catalog-group+.catalog-group{margin-top:64px;}
  .catalog-group__head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin-bottom:26px;text-align:center;}
  .catalog-group__title{justify-content:center;}
  .catalog-group__title h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.015em;}
  .catalog-group__head p{margin:0;max-width:52ch;text-align:center;font-size:.875rem;}
  .catalog-group__line{display:block;order:3;flex:none;width:64px;height:1px;margin-top:9px;background:linear-gradient(90deg,transparent,#adfd6755,transparent);}
  .catalog-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;}
  .feature-card{flex:0 0 calc((100% - 36px)/3);text-align:center;padding:28px 24px;min-height:218px;border-radius:16px;}
  .feature-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-bottom:16px;}
  .feature-card__top .feature-card__icon{flex:none;}
  .feature-card__top h4{flex:0 1 auto;max-width:calc(100% - 62px);text-align:center;margin:0;}
  .feature-card__top .feature-card__tier{flex:none;}
  .feature-card>p{margin:0 auto;max-width:40ch;text-align:center;}
  @media(min-width:761px) and (max-width:1100px){.feature-card{flex-basis:calc((100% - 18px)/2);}}
  @media(max-width:760px){.catalog-intro{margin-bottom:28px;}.catalog-group+.catalog-group{margin-top:44px;}.catalog-grid{gap:14px;}.feature-card{flex-basis:100%;max-width:520px;min-height:0;padding:24px 20px;}.catalog-group__head{margin-bottom:20px;}.catalog-planbar{padding-bottom:20px;}}

  /* A continuous lime light field spans the hero and the entire catalogue. */
  .intro-flow{position:relative;isolation:isolate;overflow:clip;background:#181818;}
  .intro-flow__light{position:absolute;z-index:-1;pointer-events:none;top:0;left:0;width:100%;height:max(900px,100svh);transform:translate3d(0,260px,0);background:radial-gradient(ellipse 45% 36% at 74% 48%,#adfd672a,transparent 85%),radial-gradient(ellipse 36% 40% at 24% 63%,#adfd671b,transparent 88%),radial-gradient(ellipse 56% 28% at 48% 52%,#adfd6710,transparent 90%);transition:transform .32s cubic-bezier(.2,.65,.35,1);}
  .intro-flow>.hero-v2,.intro-flow>#features{background:transparent;border:0;box-shadow:none;overflow:visible;}
  .intro-flow .hero-v2::before,.intro-flow .hero-v2::after{display:none;content:none;}
  .intro-flow .hero-v2__visual::before{display:none;content:none;animation:none;}
  #features .catalog-group__line{display:none;}
  #features .catalog-planbar{border:0;}
  #features .feature-card{box-shadow:inset 0 1px 0 #ffffff05,0 14px 30px -24px #0008,0 0 24px -19px #adfd6726;}
  @media(prefers-reduced-motion:reduce){.intro-flow__light{transition:none;}}

  /* Soft ground shadow and lime bounce beneath the hero artwork. */
  .hero-v2__shot{isolation:isolate;}
  .hero-v2__shot::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-8%;right:-8%;top:80%;height:34%;background:radial-gradient(ellipse 40% 36% at 50% 54%,rgba(173,253,103,.18),rgba(173,253,103,.06) 48%,transparent 88%);}
  .hero-v2__shot::after{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:94%;height:20%;background:radial-gradient(ellipse 44% 24% at 50% 32%,rgba(0,0,0,.48),rgba(0,0,0,.16) 50%,transparent 88%);}
  @media(max-width:860px){.hero-v2__shot::before{opacity:.8;}.hero-v2__shot::after{opacity:.85;}}


  /* Complete feature catalogue, at most four columns. */
  #features .catalog-intro{margin-bottom:38px;}
  .catalog-grid--complete{gap:18px;}
  .catalog-grid--complete .feature-card{flex-basis:calc((100% - 54px)/4);padding:26px 20px;}
  .catalog-grid--complete .feature-card__top{min-height:76px;align-content:center;}
  .catalog-grid--complete .feature-card__top h4{font-size:1rem;}
  @media(max-width:1250px){.catalog-grid--complete .feature-card{flex-basis:calc((100% - 36px)/3);}}
  @media(max-width:1000px){.catalog-grid--complete .feature-card{flex-basis:calc((100% - 18px)/2);}}
  @media(max-width:600px){.catalog-grid--complete .feature-card{flex-basis:100%;max-width:520px;}.catalog-grid--complete .feature-card__top{min-height:48px;}}


  /* Quiet product cards: metadata, title, then content. */
  #features .catalog-grid--complete{gap:16px;}
  #features .catalog-grid--complete .feature-card{
    flex-basis:calc((100% - 48px)/4);display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;
    min-height:296px;padding:24px;border:1px solid #ffffff12;border-radius:14px;
    background:linear-gradient(155deg,#242424,#1e1e1e 70%);text-align:left;
    box-shadow:0 1px 2px #0002,inset 0 1px 0 #ffffff04;
    transition:border-color .24s ease,box-shadow .24s ease;
  }
  #features .catalog-grid--complete .feature-card::before{display:none;content:none;}
  #features .catalog-grid--complete .feature-card::after{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,#adfd670e,transparent 65%);opacity:0;transition:opacity .24s ease;}
  .feature-card__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:24px;margin-bottom:25px;}
  .feature-card__category{font:400 .75rem/1.4 var(--font-body);letter-spacing:.015em;color:#959595;}
  #features .feature-card__meta .feature-card__tier{margin:0;min-height:22px;padding:2px 7px;border:1px solid #ffffff15;border-radius:5px;background:#ffffff03;color:#aaa;font:500 .6875rem/1.4 var(--font-mono);letter-spacing:.04em;}
  #features .feature-card[data-min-plan="ultra"] .feature-card__meta .feature-card__tier{color:#b7e990;border-color:#adfd6720;background:#adfd6706;}
  #features .catalog-grid--complete .feature-card__top{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;align-content:center;gap:12px;min-height:52px;margin:0 0 17px;}
  #features .catalog-grid--complete .feature-card__top .feature-card__icon{display:grid;place-items:center;width:26px;height:28px;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#b6e797;}
  #features .feature-card__icon svg{width:24px;height:24px;stroke-width:1.5;}
  #features .catalog-grid--complete .feature-card__top h4{max-width:none;margin:0;text-align:left;font:600 1.125rem/1.35 var(--font-display);letter-spacing:-.025em;color:#f0f0f0;}
  #features .catalog-grid--complete .feature-card>p{margin:0;max-width:none;text-align:left;font-size:1rem;line-height:1.65;color:#a7a7a7;}
  @media(hover:hover) and (pointer:fine){
    #features .catalog-grid--complete .feature-card:hover{background:linear-gradient(155deg,#242424,#1e1e1e 70%);border-color:#b6e79745;box-shadow:0 6px 20px -15px #0008,inset 0 1px 0 #c9e7af12;transform:none;}
    #features .catalog-grid--complete .feature-card:hover::after{opacity:1;}
  }
  @media(max-width:1400px){#features .catalog-grid--complete .feature-card{flex-basis:calc((100% - 32px)/3);}}
  @media(max-width:1050px){#features .catalog-grid--complete .feature-card{flex-basis:calc((100% - 16px)/2);}}
  @media(max-width:640px){#features .catalog-grid--complete .feature-card{flex-basis:100%;max-width:520px;min-height:0;padding:24px;}#features .catalog-grid--complete .feature-card__top{min-height:0;}.feature-card__meta{margin-bottom:22px;}}
  @media(prefers-reduced-motion:reduce){#features .catalog-grid--complete .feature-card,#features .catalog-grid--complete .feature-card::after{transition:none;}}

/* Preserve the original wordmark position after removing the eyebrow. */
.hero-v2__content{padding-top:54px;}
@media(min-width:861px) and (max-height:780px){.hero-v2__content{padding-top:44px;}}
@media(max-width:860px){.hero-v2__content{padding-top:48px;}}

/* A concise introduction between the tagline and download action. */
.hero-v2__summary{max-width:440px;margin:28px 0 0;color:#a3a3a3;font-size:1rem;line-height:1.65;text-wrap:pretty;}
@media(min-width:861px) and (max-height:780px){.hero-v2__summary{margin-top:20px;font-size:.9375rem;line-height:1.55;}}
@media(max-width:860px){.hero-v2__summary{max-width:460px;margin-top:22px;}}
@media(max-width:560px){.hero-v2__summary{font-size:.9375rem;}}

/* Team credit occupies the existing space above the wordmark. */
.hero-v2__creator{position:absolute;top:0;left:0;margin:0;color:#969b92;font-size:.8125rem;line-height:1.7;letter-spacing:.025em;}
.hero-v2__creator span{color:#b8df96;font-weight:600;}

/* Compact disclosures: title first, quiet surfaces, details on demand. */
#features .catalog-grid--complete{align-items:flex-start;}
#features .catalog-grid--complete .feature-card{min-height:252px;padding:22px;border-radius:18px;border-color:#adfd6726;background:linear-gradient(145deg,#202220,#1b1c1b 75%);box-shadow:inset 0 1px 0 #ffffff03;}
#features .catalog-grid--complete .feature-card__top{min-height:48px;margin-bottom:14px;grid-template-columns:24px minmax(0,1fr);gap:11px;align-items:start;}
#features .catalog-grid--complete .feature-card__top h4{font-size:1.0625rem;line-height:1.35;padding-top:2px;}
#features .catalog-grid--complete .feature-card__icon{width:24px;height:26px;}
#features .catalog-grid--complete .feature-card p{font-size:.9375rem;line-height:1.6;}
#features .catalog-grid--complete .feature-card__intro{min-height:96px;}
.feature-card__details{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .32s ease,opacity .25s ease,visibility .32s;}
.feature-card__details-inner{min-height:0;overflow:hidden;}
#features .catalog-grid--complete .feature-card__details p{margin:16px 0 0;padding:16px 0 0;border-top:1px solid #ffffff12;color:#b8bcb5;}
.feature-card.is-expanded .feature-card__details{grid-template-rows:1fr;opacity:1;visibility:visible;}
.feature-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;}
.feature-card__toggle{display:inline-flex;align-items:center;gap:10px;padding:6px 0;border:0;background:none;color:#a3aa9b;font:600 .75rem/1.4 var(--font-body);letter-spacing:.045em;text-transform:uppercase;cursor:pointer;}
.feature-card__toggle:hover,.feature-card__toggle[aria-expanded=true]{color:#adfd67;}
.feature-card__toggle:focus-visible{outline:2px solid #adfd67;outline-offset:5px;border-radius:3px;}
#features .catalog-grid--complete .feature-card:hover,#features .catalog-grid--complete .feature-card.is-expanded{border-color:#adfd6760;box-shadow:0 8px 28px #0002;transform:none;}
#features .catalog-grid--complete .feature-card__tier{font-size:.625rem;opacity:.8;}
@media(max-width:640px){#features .catalog-grid--complete .feature-card{min-height:0;}#features .catalog-grid--complete .feature-card__top{min-height:0;}#features .catalog-grid--complete .feature-card__intro{min-height:0;}}
@media(prefers-reduced-motion:reduce){.feature-card__details{transition:none;}}

/* The whole card is the pointer target; its native button handles keyboard activation. */
#features .catalog-grid--complete .feature-card{cursor:pointer;}
#features .catalog-grid--complete .feature-card:focus-within{border-color:#adfd6790;}

/* Expanded descriptions use their natural height for balanced divider spacing. */
#features .catalog-grid--complete .feature-card.is-expanded .feature-card__intro{min-height:0;}
#features .catalog-grid--complete .feature-card__details p{margin-top:18px;padding-top:18px;}

/* Centered pricing introduction and a consistent three-plan composition. */
#pricing>.container{width:min(1200px,calc(100% - 64px));max-width:1200px;margin-inline:auto;}
#pricing .section-head{max-width:800px;margin:0 auto 44px;text-align:center;}
#pricing .section-head .eyebrow{display:block;width:auto;padding:0;margin:0 0 14px;color:#b8df96;font-size:.75rem;letter-spacing:.16em;}
#pricing .section-head .eyebrow::before,#pricing .section-head .eyebrow::after{display:none;content:none;}
#pricing .section-head h2{margin:0 0 14px;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.15;letter-spacing:-.035em;}
#pricing .section-head p:not(.eyebrow){max-width:600px;margin:0 auto;color:#a3a3a3;line-height:1.65;}
#pricing .pricing-grid{gap:20px;}
#pricing .pricing-grid::before,#pricing .plan::before,#pricing .plan::after{display:none;content:none;}
#pricing .plan{display:flex;flex-direction:column;height:100%;padding:28px;border-radius:22px;border:1px solid #ffffff16;background:linear-gradient(150deg,#242424,#1c1d1c 72%);box-shadow:0 12px 32px -24px #0009,inset 0 1px 0 #ffffff04;text-align:center;}
#pricing .plan-featured{border-color:#adfd6766;background:radial-gradient(ellipse at 50% 0,#adfd670c,transparent 65%),linear-gradient(150deg,#252724,#1d1f1c 72%);box-shadow:0 14px 40px -26px #adfd6733,inset 0 1px 0 #adfd6712;}
#pricing .plan-ultra{border-color:#ffffff21;}
#pricing .plan:hover{border-color:#adfd6780;transform:none;}
#pricing .plan-heading{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:18px;}
#pricing .plan-name{margin:0;color:#eeeeec;font-size:1.5rem;line-height:1.2;letter-spacing:-.025em;}
#pricing .plan-badge{position:static;display:inline-flex;justify-content:center;min-height:24px;padding:4px 10px;border:1px solid #ffffff12;background:#ffffff04;color:#a5aa9f;box-shadow:none;font:600 .625rem/1.4 var(--font-body);letter-spacing:.07em;}
#pricing .plan-featured .plan-badge{color:#b9f68b;background:#adfd670b;border-color:#adfd6726;}
#pricing .plan-desc{max-width:30ch;min-height:48px;margin:0 auto 24px;font-size:.875rem;line-height:1.6;color:#a6a6a3;}
#pricing .plan-price{justify-content:center;gap:7px;margin:0 0 8px;}
#pricing .plan-price .amount{font-size:3.4rem;line-height:1;letter-spacing:-.055em;font-weight:650;color:#f0f0eb;}
#pricing .plan-featured .amount{color:#b9f68b;}
#pricing .plan-price .amount-old{font-size:1.6rem;font-weight:500;color:#6b7364;text-decoration:line-through;text-decoration-color:#e2504f;text-decoration-thickness:2px;}
#pricing .plan-price .period{font-size:.875rem;color:#979b93;}
#pricing .plan-sub{margin:0 0 26px;color:#92978c;font:400 .75rem/1.5 var(--font-body);}
#pricing .plan-features{flex:1;gap:13px;margin:0 0 28px;padding:24px 0 0;border-top:1px solid #ffffff10;text-align:left;}
#pricing .plan-features li{font-size:.875rem;line-height:1.5;gap:10px;color:#b8bab4;}
#pricing .plan-features svg{width:16px;height:18px;flex:0 0 16px;margin-top:1px;padding:1px;background:none;border-radius:0;stroke:#b3dc92;}
#pricing .plan-action{align-self:stretch;min-height:78px;gap:10px;margin-top:auto;}
#pricing .plan-action .btn{height:48px;border-radius:11px;font-size:.875rem;}
#pricing .plan-action .btn-ghost{border-color:#ffffff20;background:#ffffff03;color:#e3e6dd;}
#pricing .plan-action .btn-ghost:hover{border-color:#adfd6766;background:#adfd6709;}
#pricing .pricing-foot{max-width:600px;margin:24px auto 0;font-size:.8125rem;line-height:1.6;}
@media(max-width:920px){#pricing .pricing-grid{max-width:480px;}#pricing .plan-desc{min-height:0;}#pricing .plan{padding:28px;}#pricing .section-head{margin-bottom:32px;}}
@media(max-width:560px){#pricing>.container{width:calc(100% - 40px);}#pricing .plan{padding:24px;}#pricing .section-head h2{font-size:1.9rem;}}

/* Distinguish the brand promise from supporting copy. */
.hero-v2 .hero-v2__lead{color:#e0e3da;letter-spacing:-.015em;}
.hero-v2__lead span{color:#bfdca7;}
.hero-v2__summary>span{display:block;}
.hero-v2__summary>span+span{margin-top:12px;color:#92958e;}
@media(min-width:861px) and (max-height:780px){.hero-v2__summary>span+span{margin-top:8px;}}

/* A quiet introduction panel and explicit Windows download identity. */
.hero-v2__about{position:relative;max-width:460px;margin-top:24px;padding:18px 20px;border:1px solid #ffffff0d;border-radius:14px;background:linear-gradient(125deg,#252724b3,#20212080);box-shadow:inset 0 1px 0 #ffffff03;}
.hero-v2__about::before{content:'';position:absolute;top:20px;bottom:20px;left:-1px;width:2px;background:linear-gradient(180deg,#b8e39480,#b8e39400);border-radius:2px;}
.hero-v2__about-label{margin:0 0 9px;color:#bad3a5;font:600 .625rem/1.4 var(--font-body);letter-spacing:.13em;text-transform:uppercase;}
.hero-v2 .hero-v2__about .hero-v2__summary{max-width:none;margin:0;font-size:.875rem;line-height:1.6;color:#b0b3ac;}
.hero-v2__about .hero-v2__summary>span+span{margin-top:8px;color:#9b9e97;}
.hero-v2__actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding-inline:18px;}
.hero-v2__actions .hero-v2__windows{display:block;width:19px;height:19px;flex:0 0 19px;fill:currentColor;stroke:none;}
@media(min-width:861px) and (max-height:780px){.hero-v2__about{margin-top:16px;padding:14px 18px;}.hero-v2 .hero-v2__about .hero-v2__summary{font-size:.8125rem;line-height:1.5;}.hero-v2__about-label{margin-bottom:7px;}}
@media(max-width:560px){.hero-v2__about{margin-top:22px;padding:17px 18px;max-width:100%;}}

/* Match the complete action row to the wordmark, with equal-height buttons. */
.hero-v2__actions{gap:12px;max-width:100%;}
.hero-v2__actions .btn-primary{width:auto;flex:1.15;min-width:0;white-space:nowrap;}
.hero-v2__actions .hero-v2__pricing{display:inline-flex;justify-content:center;align-items:center;gap:10px;flex:1;min-width:0;height:52px;min-height:52px;padding:0 16px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff04;color:#d8dfd0;font-size:.875rem;white-space:nowrap;}
.hero-v2__pricing:hover{border-color:#adfd6766;background:#adfd6709;color:#c7f6a4;}
.hero-v2__pricing:focus-visible{outline:2px solid #adfd67;outline-offset:4px;}
@media(max-width:860px){.hero-v2__actions .btn-primary,.hero-v2__actions .hero-v2__pricing{height:50px;min-height:50px;}}
@media(max-width:560px){.hero-v2__actions{gap:8px;width:100%!important;}.hero-v2__actions .btn-primary,.hero-v2__actions .hero-v2__pricing{height:48px;min-height:48px;padding-inline:10px;font-size:.75rem;gap:7px;}.hero-v2__actions .hero-v2__windows{width:16px;height:16px;flex-basis:16px;}}

/* Reference background: charcoal, quiet lime light and fine sweeping arcs. */
html{background:#101210;scrollbar-color:#42463e #101210;}
body{position:relative;isolation:isolate;background:#101210;}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 40%,#0a0c0a55,transparent 65%),url('/ultraapp-lime-background.svg?v=172') center top / cover no-repeat,#101210;}
body,main,.intro-flow,.hero-v2,#features,#pricing,#faq,footer{background-color:transparent;background-image:none;}
header{background:rgba(16,18,16,.84);border-bottom-color:#ffffff09;}
.intro-flow__light{background:radial-gradient(ellipse 42% 30% at 73% 55%,#96dc3012,transparent 88%),radial-gradient(ellipse 35% 34% at 27% 56%,#96dc300b,transparent 90%);}
#pricing::before,#faq::before{display:none;}
.hero-v2__shot::before{background:radial-gradient(ellipse 43% 32% at 50% 54%,#97d83c29,#80b9340a 50%,transparent 88%);}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:#101210;}
::-webkit-scrollbar-thumb{border-color:#101210;}
@media(max-width:860px){body::before{background-size:auto,auto 100svh,auto;background-position:center,40% top,center;}}

/* Neutral at rest; deliberate selection reveals the plan's own accent. */
#pricing .plan{--plan-rgb:190,198,183;cursor:pointer;background:linear-gradient(150deg,#242424,#1c1d1c 72%);border-color:rgba(var(--plan-rgb),.2);box-shadow:0 12px 32px -24px #0009,inset 0 1px 0 #ffffff04;transition:border-color .3s ease,box-shadow .35s ease;}
#pricing .plan-featured{--plan-rgb:173,253,103;}
#pricing .plan-ultra{--plan-rgb:255,40,24;}
#pricing .plan::after{content:'';display:block;position:absolute;inset:0;z-index:-1;width:auto;height:auto;border-radius:inherit;background:radial-gradient(ellipse at 50% 0,rgba(var(--plan-rgb),.16),rgba(var(--plan-rgb),.035) 52%,transparent 85%);filter:none;transform:none;animation:none;opacity:0;transition:opacity .35s ease;pointer-events:none;}
#pricing .pricing-grid .plan:nth-child(n)::after{opacity:0;animation:none;}
#pricing .plan:hover{background:linear-gradient(150deg,#242424,#1c1d1c 72%);border-color:rgba(var(--plan-rgb),.48);box-shadow:0 12px 32px -24px #0009;}
#pricing .plan.is-selected{border-color:rgba(var(--plan-rgb),.85);box-shadow:0 0 0 1px rgba(var(--plan-rgb),.1),0 18px 46px -28px rgba(var(--plan-rgb),.32),inset 0 1px 0 rgba(var(--plan-rgb),.1);}
#pricing .pricing-grid .plan.is-selected::after{opacity:1;}
#pricing .plan-ultra .amount{color:#ff2818;}
#pricing .plan-ultra .plan-badge{color:#ff3824;border-color:#ff281866;background:#ff28180a;}
#pricing .plan-ultra .plan-features svg{stroke:#ff3824;}
#pricing .plan-ultra .plan-action .btn-ghost{border-color:#ff281866;color:#ff3824;}
#pricing .plan-ultra .plan-action .btn-ghost:hover{border-color:#ff2818bb;background:#ff281812;color:#ff3824;}
.plan-select{border:0;padding:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;}
.plan-select:focus-visible{outline:2px solid rgba(var(--plan-rgb),.9);outline-offset:7px;border-radius:4px;}
@media(prefers-reduced-motion:reduce){#pricing .plan,#pricing .plan::after{transition:none;}}

#pricing .plan-ultra{border-color:rgba(255,40,24,.45);}

/* Pro uses the same quiet outlined action treatment as Ultra. */
#pricing .plan-featured .plan-action .btn-primary{background:#ffffff03;border-color:#adfd6766;color:#b9f68b;box-shadow:none;}
#pricing .plan-featured .plan-action .btn-primary:hover{background:#adfd6712;border-color:#adfd67bb;color:#c6ffa0;box-shadow:none;}

/* Detailed entitlements from the supplied plan matrix. */
#pricing .plan-desc{min-height:68px;}
#pricing .plan-features--detailed{gap:0;padding-top:18px;}
#pricing .plan-features--detailed li{align-items:center;min-height:36px;padding:7px 0;gap:9px;border-bottom:1px solid #ffffff06;font-size:.8125rem;}
#pricing .plan-features--detailed li:last-child{border-bottom:0;}
#pricing .plan-features--detailed li>span:first-of-type{flex:1;min-width:0;}
#pricing .plan-features--detailed .plan-access{flex:none;padding:2px 5px;border-radius:5px;border:1px solid rgba(var(--plan-rgb),.23);background:rgba(var(--plan-rgb),.045);color:rgba(var(--plan-rgb),.9);font-size:.55rem;letter-spacing:.045em;line-height:1.25;}
#pricing .plan-inherits{color:#e0e4db;font-weight:600;}
@media(max-width:920px){#pricing .plan-desc{min-height:0;}}

/* Equal disclosure depth, with concise copy and a shared footer baseline. */
#features .catalog-grid--complete .feature-card{height:280px;min-height:280px;transition:height .32s ease,border-color .24s ease,box-shadow .24s ease;}
#features .catalog-grid--complete .feature-card.is-expanded{height:420px;min-height:420px;}
#features .catalog-grid--complete .feature-card__top,#features .catalog-grid--complete .feature-card__intro,#features .catalog-grid--complete .feature-card__details,#features .catalog-grid--complete .feature-card__bottom{flex-shrink:0;}
@media(max-width:640px){#features .catalog-grid--complete .feature-card{height:260px;min-height:260px;}#features .catalog-grid--complete .feature-card.is-expanded{height:400px;min-height:400px;}}
@media(prefers-reduced-motion:reduce){#features .catalog-grid--complete .feature-card{transition:none;}}

/* Identical two-column entitlement matrices, read down each column. */
#pricing>.container{width:min(1480px,calc(100% - 64px));max-width:1480px;}
#pricing .plan{padding:26px 20px;}
#pricing .plan-features--matrix{display:grid;grid-template-rows:repeat(11,minmax(38px,auto));grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:0;position:relative;flex:1;margin-bottom:28px;padding-top:20px;text-align:left;}
#pricing .plan-features--matrix::before{content:'';position:absolute;top:20px;bottom:0;left:50%;width:1px;background:#ffffff0c;}
#pricing .plan-features--matrix li{display:flex;align-items:center;gap:5px;min-width:0;padding:5px 0;font-size:.6875rem;line-height:1.4;}
#pricing .plan-features--matrix .plan-feature-label{min-width:0;flex:1;overflow-wrap:normal;}
#pricing .plan-features--matrix .plan-availability{display:flex;align-items:center;justify-content:center;flex:0 0 12px;width:12px;color:#656960;}
#pricing .plan-features--matrix .plan-availability svg{width:12px;height:14px;flex-basis:12px;padding:0;margin:0;}
#pricing .plan-features--matrix .is-included{color:#d9dfd3;}
#pricing .plan-features--matrix .is-unavailable{color:#8f958a;}
#pricing .plan-features--matrix .plan-access{flex:none;font:600 .5rem/1.4 var(--font-body);padding:2px 4px;border-radius:4px;text-transform:uppercase;letter-spacing:.025em;}
#pricing .plan-access--pro{color:#b5d89a;background:#adfd6708;border:1px solid #adfd6724;}
#pricing .plan-access--ultra{color:#eb9289;background:#ff281808;border:1px solid #ff281827;}
@media(min-width:921px) and (max-width:1180px){#pricing .pricing-grid{gap:12px;}#pricing .plan{padding-inline:12px;}#pricing .plan-features--matrix{column-gap:12px;}#pricing .plan-features--matrix li{font-size:.625rem;gap:3px;}}
@media(max-width:920px){#pricing .plan{padding:28px 22px;}#pricing .plan-features--matrix li{font-size:.75rem;}}
@media(max-width:560px){#pricing>.container{width:calc(100% - 32px);}#pricing .plan{padding:24px 14px;}#pricing .plan-features--matrix{column-gap:14px;}#pricing .plan-features--matrix li{font-size:.625rem;}}

/* Content-led compact cards: no empty reserved space below descriptions. */
#features .catalog-grid--complete .feature-card,
#features .catalog-grid--complete .feature-card.is-expanded{height:auto;min-height:0;padding:22px;transition:border-color .24s ease,box-shadow .24s ease;}
#features .catalog-grid--complete .feature-card__top{min-height:0;margin-bottom:18px;align-items:center;}
#features .catalog-grid--complete .feature-card__top h4{padding-top:0;}
#features .catalog-grid--complete .feature-card__intro,
#features .catalog-grid--complete .feature-card.is-expanded .feature-card__intro{min-height:0;height:auto;}
#features .catalog-grid--complete .feature-card__bottom{margin-top:0;padding-top:20px;}
#features .catalog-grid--complete .feature-card__details p{margin-top:16px;padding-top:16px;}
@media(max-width:640px){#features .catalog-grid--complete .feature-card,#features .catalog-grid--complete .feature-card.is-expanded{height:auto;min-height:0;padding:20px;}}

#pricing .plan-access--free{color:#b9beb4;background:#ffffff05;border:1px solid #ffffff20;}

/* Readable plan comparison at every width; do not shrink text to fit columns. */
#pricing>.container{width:min(1600px,calc(100% - 64px));max-width:1600px;}
#pricing .plan-features--matrix{grid-template-rows:repeat(11,minmax(44px,auto));column-gap:22px;}
#pricing .plan-features--matrix li{font-family:var(--font-body);font-size:.875rem;line-height:1.45;gap:7px;padding:8px 0;}
#pricing .plan-features--matrix .is-included{color:#e0e4da;}
#pricing .plan-features--matrix .is-unavailable{color:#a9aea2;}
#pricing .plan-features--matrix .plan-access{font-size:.625rem;line-height:1.4;padding:3px 5px;letter-spacing:.015em;}
#pricing .plan-features--matrix .plan-availability{width:14px;flex-basis:14px;}
#pricing .plan-features--matrix .plan-availability svg{width:14px;height:16px;flex-basis:14px;}
@media(min-width:921px) and (max-width:1350px){
 #pricing .plan{padding-inline:22px;}
 #pricing .plan-features--matrix{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;}
 #pricing .plan-features--matrix::before{display:none;}
 #pricing .plan-features--matrix li{font-size:.9375rem;min-height:38px;padding:6px 0;}
}
@media(max-width:920px){#pricing .pricing-grid{max-width:620px;}#pricing .plan-features--matrix li{font-size:.9375rem;}}
@media(max-width:560px){
 #pricing>.container{width:calc(100% - 32px);}
 #pricing .plan{padding-inline:22px;}
 #pricing .plan-features--matrix{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;}
 #pricing .plan-features--matrix::before{display:none;}
 #pricing .plan-features--matrix li{font-size:.9375rem;min-height:38px;padding:6px 0;}
}

/* Restore the single-column pricing lists while preserving the updated headings. */
#pricing>.container{width:min(1200px,calc(100% - 64px));max-width:1200px;}
#pricing .plan{padding-inline:26px;}
#pricing .plan-features--matrix{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;column-gap:0;row-gap:0;}
#pricing .plan-features--matrix::before{display:none;content:none;}
#pricing .plan-features--matrix li{font-size:.875rem;min-height:36px;padding:6px 0;gap:9px;}
@media(max-width:920px){#pricing .pricing-grid{max-width:480px;}}
@media(max-width:560px){#pricing>.container{width:calc(100% - 32px);}#pricing .plan{padding-inline:22px;}}

/* Tariff selector and original card silhouette; current copy and disclosures retained. */
#features .feature-plan-switch{display:flex;width:min(100%,420px);margin:30px auto 38px;border:1px solid #343434;border-radius:12px;overflow:hidden;background:#191919;}
#features .feature-plan-switch button{flex:1;padding:14px 18px;border:0;border-right:1px solid #343434;background:transparent;color:#aaa;font:600 1rem/1.3 var(--font-body);cursor:pointer;}
#features .feature-plan-switch button:last-child{border-right:0;}
#features .feature-plan-switch button[aria-pressed=true]{background:#adfd67;color:#17220e;}
#features .feature-plan-switch button:focus-visible{outline:2px solid white;outline-offset:-5px;}
#features .catalog-grid--complete{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;}
#features .catalog-grid--complete .feature-card{width:auto;max-width:none;min-height:238px;height:auto;padding:26px;border:1px solid #333;border-radius:17px;background:#1e1e1e;box-shadow:none;cursor:default;}
#features .catalog-grid--complete .feature-card[hidden]{display:none;}
#features .feature-card__meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px;min-height:42px;}
#features .catalog-grid--complete .feature-card__icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #303030;border-radius:12px;background:#242424;color:#adfd67;}
#features .feature-card__icon svg{width:22px;height:22px;}
#features .feature-card__meta .feature-card__tier{font-size:.75rem;opacity:1;color:#b5b5a8;padding:3px 7px;border-radius:5px;}
#features .feature-card[data-min-plan=ultra] .feature-card__meta .feature-card__tier{color:#adfd67;}
#features .catalog-grid--complete .feature-card__top{display:block;min-height:0;margin:0 0 14px;}
#features .catalog-grid--complete .feature-card__top h4{font-size:1.125rem;line-height:1.4;}
#features .catalog-grid--complete .feature-card p{font-size:1rem;line-height:1.65;color:#aaa;}
#features .feature-card__toggle{font-size:.875rem;}
#features .catalog-grid--complete .feature-card:hover{background:#1e1e1e;border-color:#454545;box-shadow:none;}
@media(max-width:1050px){#features .catalog-grid--complete{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){#features .catalog-grid--complete{grid-template-columns:minmax(0,1fr);}#features .catalog-grid--complete .feature-card{padding:24px;}#features .feature-plan-switch{margin:24px auto 28px;}}

/* Consistent editorial slots without clipping text or enlarging the whole row. */
#features .catalog-grid--complete .feature-card__top{min-height:44px;margin-bottom:14px;}
#features .catalog-grid--complete .feature-card__intro,#features .catalog-grid--complete .feature-card.is-expanded .feature-card__intro{min-height:4.8em;}
#features .catalog-grid--complete .feature-card__details-inner p{min-height:6.4em;box-sizing:content-box;}
#features .catalog-grid--complete .feature-card__bottom{padding-top:16px;}
@media(max-width:640px){#features .catalog-grid--complete .feature-card__top{min-height:0;}#features .catalog-grid--complete .feature-card__intro,#features .catalog-grid--complete .feature-card.is-expanded .feature-card__intro,#features .catalog-grid--complete .feature-card__details-inner p{min-height:0;}}

/* Floating navigation island, separate from the page edges. */
header.floating-header{position:sticky;top:14px;z-index:100;width:min(1440px,calc(100% - 40px));margin:16px auto 0;border:1px solid rgba(173,253,103,.22);border-radius:18px;background:linear-gradient(90deg,rgba(173,253,103,.055),transparent 18%,transparent 82%,rgba(173,253,103,.045)),rgba(25,25,25,.88);box-shadow:inset 0 1px 0 rgba(210,255,170,.09),0 8px 24px -18px #0008;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.floating-header .nav-row{width:100%;max-width:none;height:72px;margin:0;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;}
.floating-header .nav-brand{display:inline-flex;align-items:center;gap:10px;grid-column:1;justify-self:start;}
.floating-header .nav-brand img{width:40px;height:40px;object-fit:cover;border-radius:50%;border:1px solid #ffffff0d;box-shadow:none;}
.floating-header .nav-brand span{font:600 1.0625rem/1.2 var(--font-body);letter-spacing:-.025em;color:#e1e5dc;}
.floating-header .nav-links{display:flex;grid-column:2;justify-content:center;gap:28px;}
.floating-header .nav-links a{font-size:.875rem;font-weight:500;color:#a8ada3;padding:10px 0;}
.floating-header .nav-links a:hover{color:#d0f5b1;}
.floating-header .nav-actions{grid-column:3;gap:10px;align-items:center;}
.floating-header .icon-btn{width:32px;height:32px;border-color:transparent;background:none;}
.floating-header .icon-btn svg{width:16px;height:16px;fill:#aeb4a7;}
.floating-header .icon-btn:hover{transform:none;background:#ffffff06;border-color:#ffffff14;}
.floating-header .nav-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border:1px solid #adfd67;border-radius:9px;background:#adfd67;color:#14200a;font-size:.8125rem;font-weight:600;white-space:nowrap;box-shadow:0 8px 24px -20px #adfd6750;transition:background .2s ease,border-color .2s ease;}
.floating-header .nav-download svg{width:17px;height:17px;fill:currentColor;}
.floating-header .nav-download:hover{background:#c0ff86;border-color:#c0ff86;box-shadow:0 10px 26px -20px #adfd6770;}
.floating-header a:focus-visible{outline:2px solid #adfd67;outline-offset:4px;border-radius:6px;}
#features,#pricing,#faq,#download{scroll-margin-top:104px;}
@media(max-width:1000px){.floating-header .nav-row{gap:16px;padding-inline:18px;}.floating-header .nav-links{gap:20px;}.floating-header .nav-actions .icon-btn{display:none;}}
@media(max-width:600px){header.floating-header{top:8px;width:calc(100% - 24px);margin-top:10px;border-radius:16px;}.floating-header .nav-row{height:auto;min-height:100px;grid-template-columns:1fr auto;gap:0 12px;padding:10px 14px 6px;}.floating-header .nav-brand{grid-column:1;grid-row:1;}.floating-header .nav-brand img{width:32px;height:32px;}.floating-header .nav-brand span{font-size:1rem;}.floating-header .nav-actions{grid-column:2;grid-row:1;}.floating-header .nav-download{height:34px;padding-inline:10px;font-size:.75rem;}.floating-header .nav-links{grid-column:1/-1;grid-row:2;gap:26px;margin-top:7px;}.floating-header .nav-links a{font-size:.8125rem;padding:8px 0;}#features,#pricing,#faq,#download{scroll-margin-top:124px;}}

/* Content-sized navigation with reference-inspired group spacing. */
header.floating-header{width:max-content;max-width:calc(100% - 40px);}
.floating-header .nav-row{width:auto;grid-template-columns:auto auto auto;column-gap:72px;padding-inline:32px;}
.floating-header .nav-brand{margin-right:96px;}
@media(max-width:1000px){.floating-header .nav-row{column-gap:36px;padding-inline:24px;}.floating-header .nav-brand{margin-right:24px;}}
@media(max-width:600px){header.floating-header{width:calc(100% - 24px);max-width:none;}.floating-header .nav-row{width:100%;grid-template-columns:1fr auto;gap:0 12px;padding:10px 14px 6px;}.floating-header .nav-brand{margin-right:0;}}

#anti-cheat,#contacts,#about{scroll-margin-top:110px;}
@media(min-width:601px) and (max-width:1100px){.floating-header .nav-row{column-gap:24px;padding-inline:22px;}.floating-header .nav-brand{margin-right:0;}.floating-header .nav-links{gap:16px;}.floating-header .nav-actions .icon-btn{display:none;}}
@media(min-width:601px) and (max-width:820px){.floating-header .nav-row{grid-template-columns:1fr auto;row-gap:4px;height:auto;padding-block:12px;}.floating-header .nav-brand{grid-column:1;grid-row:1;}.floating-header .nav-actions{grid-column:2;grid-row:1;}.floating-header .nav-links{grid-column:1/-1;grid-row:2;}}
@media(max-width:600px){.floating-header .nav-links{flex-wrap:wrap;gap:0 18px;}#anti-cheat,#contacts,#about{scroll-margin-top:150px;}}
/* Feature details open above the page, never change the card grid. */
#features .feature-card__details{display:none!important}
.feature-modal{--modal-accent:173,253,103;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:rgba(5,8,5,.68);color:#eceee9;perspective:800px;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;backdrop-filter:blur(10px)}
.feature-modal[open]{display:flex;align-items:center;justify-content:center}
.feature-modal::backdrop{background:transparent}
.feature-modal__surface{position:relative;width:min(100%,620px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:36px;border:1px solid rgba(var(--modal-accent),.25);border-radius:26px;background:radial-gradient(ellipse at 0 0,rgba(var(--modal-accent),.075),transparent 55%),#1b1e1b;box-shadow:0 32px 100px #0008,inset 0 1px 0 #ffffff08;box-sizing:border-box;transform-style:preserve-3d;scrollbar-width:thin;scrollbar-color:#53594c transparent}
.feature-modal[data-plan="ultra"]{--modal-accent:255,55,35}
.feature-modal__close{position:absolute;top:20px;right:20px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:50%;background:#ffffff04;color:#b8beb3;cursor:pointer;transition:background .2s,color .2s}
.feature-modal__close:hover{background:#ffffff0d;color:#fff}
.feature-modal__close:focus-visible{outline:2px solid rgb(var(--modal-accent));outline-offset:4px}
.feature-modal__heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.feature-modal__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;border:1px solid rgba(var(--modal-accent),.2);background:rgba(var(--modal-accent),.06);color:rgb(var(--modal-accent))}
.feature-modal__icon svg{width:26px;height:26px}
.feature-modal__tier{font-size:11px;font-weight:700;letter-spacing:.08em;color:rgb(var(--modal-accent));border:1px solid rgba(var(--modal-accent),.22);background:rgba(var(--modal-accent),.05);padding:5px 9px;border-radius:6px}
.feature-modal h2{font-size:clamp(25px,3vw,32px);line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;font-weight:650}
.feature-modal #feature-modal-summary{font-size:17px;line-height:1.65;color:#b7bdb2;margin:0}
.feature-modal__content{margin-top:28px;padding-top:24px;border-top:1px solid #ffffff0d}
.feature-modal__content h3{font-size:13px;font-weight:600;color:#e0e5da;margin:0 0 18px}
.feature-modal__list{display:grid;gap:16px;list-style:none;padding:0;margin:0}
.feature-modal__list li{position:relative;padding-left:25px;font-size:15px;line-height:1.65;color:#c3c9bd}
.feature-modal__list li::before{content:'✓';position:absolute;left:0;color:rgb(var(--modal-accent));font-size:13px}
.feature-modal__footer{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff0d;font-size:12px;color:#858e7e}
.feature-modal__availability{color:#b6c0ab}
html:has(.feature-modal[open]){scrollbar-gutter:stable}
@media(max-width:640px){.feature-modal{padding:16px}.feature-modal__surface{padding:26px 22px;max-height:calc(100dvh - 32px);border-radius:22px}.feature-modal__heading{margin-bottom:20px}.feature-modal #feature-modal-summary{font-size:16px}.feature-modal__footer{flex-wrap:wrap}}
/* The title owns the header; the plan belongs beside availability. */
.feature-modal__heading{align-items:center;gap:14px;margin:4px 38px 20px 0}
.feature-modal__heading h2{margin:0}
.feature-modal__icon{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:0;background:none}
.feature-modal__icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}
.feature-modal__footer{align-items:center}
@media(max-width:640px){.feature-modal__heading{gap:10px;margin-right:28px}.feature-modal__heading h2{font-size:24px}.feature-modal__icon{width:28px;flex-basis:28px}}
/* Compact feature tiles: a single heading row and a quiet action rail. */
#features .catalog-grid--complete{align-items:stretch}
#features .catalog-grid--complete .feature-card{position:relative;isolation:isolate;overflow:hidden;height:auto;min-height:0;padding:22px 24px 18px;border-radius:18px;border:1px solid #adfd6721;background:linear-gradient(135deg,#242821 0%,#1c201c 42%,#191c19 100%);box-shadow:inset 0 1px 0 #ffffff07,0 8px 22px -18px #0009;transition:border-color .25s ease,box-shadow .25s ease;cursor:pointer}
#features .catalog-grid--complete .feature-card::before{display:block;content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#c6ef9d55,transparent);pointer-events:none}
#features .catalog-grid--complete .feature-card::after{inset:0;background:radial-gradient(ellipse at 10% 0%,#adfd6713,transparent 70%);opacity:0;transition:opacity .25s ease}
#features .catalog-grid--complete .feature-card:hover,#features .catalog-grid--complete .feature-card:focus-within{border-color:#adfd6760;box-shadow:inset 0 1px 0 #ffffff09,0 12px 28px -22px #90d85844}
#features .catalog-grid--complete .feature-card:hover::after,#features .catalog-grid--complete .feature-card:focus-within::after{opacity:1}
#features .catalog-grid--complete .feature-card__top{display:flex;justify-content:flex-start;align-items:center;gap:13px;min-height:38px;margin:0 0 16px}
#features .catalog-grid--complete .feature-card__top h4{max-width:none;margin:0;padding:0;font-size:1.0625rem;line-height:1.35;letter-spacing:-.025em;text-align:left}
#features .catalog-grid--complete .feature-card__icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;margin:0;padding:0;border:1px solid #adfd6728;border-radius:11px;background:linear-gradient(145deg,#adfd6710,#adfd6703);color:#b6eb91}
#features .catalog-grid--complete .feature-card__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
#features .catalog-grid--complete .feature-card__intro{height:auto;min-height:3.2em;margin:0 0 18px;font-size:.9375rem;line-height:1.6;color:#adb5a6}
#features .catalog-grid--complete .feature-card__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #ffffff09;gap:16px}
#features .catalog-grid--complete .feature-card__toggle{display:inline-flex;align-items:center;gap:10px;padding:0;color:#c3cfb7;font-size:.6875rem;letter-spacing:.06em}
#features .catalog-grid--complete .feature-card__toggle span:last-child{display:grid;place-items:center;width:24px;height:24px;border:1px solid #adfd6720;border-radius:50%;color:#b4df92;font-size:15px;transition:background .2s ease}
#features .catalog-grid--complete .feature-card:hover .feature-card__toggle span:last-child{background:#adfd6715}
#features .catalog-grid--complete .feature-card__tier{margin:0;padding:3px 7px;border-radius:5px;border:1px solid #ffffff12;background:#ffffff03;color:#aab59f;font-size:10px;line-height:1.4;letter-spacing:.06em}
#features .catalog-grid--complete .feature-card[data-min-plan=ultra] .feature-card__tier{color:#ee8b7f;border-color:#ff49372b;background:#ff493706}
@media(max-width:640px){#features .catalog-grid--complete .feature-card{padding:20px 20px 16px}#features .catalog-grid--complete .feature-card__intro{min-height:0}}
/* A balanced middle ground between the original tall cards and compact tiles. */
#features .catalog-grid--complete .feature-card{padding:26px 24px 22px}
#features .catalog-grid--complete .feature-card__top{margin-bottom:20px}
#features .catalog-grid--complete .feature-card__intro{min-height:4.8em;margin-bottom:22px}
#features .catalog-grid--complete .feature-card__bottom{padding-top:16px}
@media(max-width:640px){#features .catalog-grid--complete .feature-card{padding:24px 22px 20px}#features .catalog-grid--complete .feature-card__intro{min-height:0;margin-bottom:24px}}
/* Hover illuminates the edge without replacing the tile's background. */
#features .catalog-grid--complete .feature-card:hover,
#features .catalog-grid--complete .feature-card:focus-within{background:linear-gradient(135deg,#242821 0%,#1c201c 42%,#191c19 100%);border-color:#adfd6760;box-shadow:inset 0 1px 0 #ffffff07,0 0 22px -8px #adfd6728;transform:none}
#features .catalog-grid--complete .feature-card:hover::after,
#features .catalog-grid--complete .feature-card:focus-within::after{opacity:0}
/* Soft white light along the floating navigation's lower edge. */
header.floating-header{box-shadow:inset 0 1px 0 #ffffff0b,inset 0 -1px 0 #ffffff12,0 12px 30px -22px #ffffff30,0 10px 28px -18px #0008}
header.floating-header::before{content:'';position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28) 25%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.28) 75%,transparent);pointer-events:none}
header.floating-header::after{content:'';position:absolute;left:20%;right:20%;bottom:-12px;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.14),rgba(255,255,255,.04) 45%,transparent 72%);filter:blur(8px);pointer-events:none}
@media(max-width:600px){header.floating-header::after{left:12%;right:12%;bottom:-9px;height:18px;filter:blur(6px)}}
/* A subtle translucent wash inside the navigation, with no luminous line. */
header.floating-header{background:radial-gradient(ellipse at 50% 115%,rgba(255,255,255,.055) 0%,rgba(255,255,255,.018) 45%,transparent 75%),linear-gradient(90deg,rgba(173,253,103,.035),transparent 18%,transparent 82%,rgba(173,253,103,.025)),rgba(25,25,25,.78);box-shadow:inset 0 1px 0 #ffffff04,0 8px 24px -18px #0008}
header.floating-header::before,header.floating-header::after{content:none;display:none}
/* Product signature above the wordmark, within the existing reserved space. */
.hero-v2__creator.hero-v2__signature{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 12px;border:1px solid #b9d9a018;border-radius:8px;background:linear-gradient(110deg,#adfd6707,#ffffff02);color:#a9b2a2;font-size:.75rem;line-height:1.4;letter-spacing:.015em;box-sizing:border-box}
.hero-v2__signature span{color:#ceddc3;font-weight:500}
.hero-v2__signature .hero-v2__signature-mark{display:block;width:5px;height:5px;flex:0 0 5px;margin-right:3px;border-radius:50%;background:#adfd67;box-shadow:0 0 8px #adfd6738}
@media(max-width:380px){.hero-v2__creator.hero-v2__signature{gap:5px;padding-inline:9px;font-size:.6875rem}}
/* Platform information above the product name. */
.hero-v2__creator.hero-v2__platform{gap:9px;padding:7px 11px;border-color:#ffffff12;background:#ffffff03}
.hero-v2__platform svg{flex:none;color:#b6db99}
.hero-v2__platform span{color:#b9c0b3;font-weight:500}
/* A more substantial platform marker in the space above the wordmark. */
.hero-v2__creator.hero-v2__signature.hero-v2__platform{top:-24px;gap:15px;min-height:58px;padding:12px 18px;border-radius:13px;border-color:#c6dfa322;background:linear-gradient(115deg,#adfd670a,#ffffff03);font-size:1rem;line-height:1.35;letter-spacing:.01em;box-shadow:inset 0 1px 0 #ffffff05}
.hero-v2__platform svg{width:28px;height:28px;color:#b9ed94}
.hero-v2__platform span{color:#d1d8cb;font-weight:500}
.hero-v2 .hero-v2__lead{width:100%;max-width:460px;box-sizing:border-box;font-size:clamp(16px,1.08vw,19px);line-height:1.5;white-space:normal;text-wrap:pretty;overflow-wrap:normal}
@media(max-width:860px){.hero-v2__creator.hero-v2__signature.hero-v2__platform{top:-20px;min-height:52px;padding:10px 15px;font-size:.9375rem}.hero-v2__platform svg{width:25px;height:25px}}
@media(max-width:560px){.hero-v2 .hero-v2__lead{max-width:100%;font-size:17px}.hero-v2__creator.hero-v2__signature.hero-v2__platform{top:-16px;min-height:48px;font-size:.875rem;gap:12px}.hero-v2__platform svg{width:24px;height:24px}}
/* Geometric wordmark with a consistent rhythm through the APP suffix. */
@font-face{font-family:UltraApp Manrope;src:url('/fonts/manrope-wordmark-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.hero-v2 h1{font-family:UltraApp Manrope,"Segoe UI",sans-serif;font-weight:700;letter-spacing:-.045em;font-kerning:normal;font-synthesis:none}
.hero-v2__wordmark span{display:inline;position:static;text-shadow:none}
/* Upright ULTRA with a forward-leaning APP accent. */
.hero-v2 h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.055em;font-synthesis:none}
.hero-v2__wordmark{padding-right:.09em}
.hero-v2__wordmark span{display:inline-block;position:relative;transform:skewX(-10deg);transform-origin:50% 75%;margin-left:.025em;letter-spacing:-.045em;color:#adfd67;text-shadow:none}
/* Custom drawn transparent wordmark; the artwork replaces typeset lettering. */
.hero-v2 h1{max-width:100%;line-height:1}
.hero-v2__wordmark.hero-v2__wordmark-art{display:block;position:relative;width:460px;max-width:100%;height:94px;padding:0;overflow:hidden;text-shadow:none}
.hero-v2__wordmark-art img{position:absolute;display:block;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%)}
@media(min-width:861px) and (max-width:1180px){.hero-v2__wordmark.hero-v2__wordmark-art{width:390px;height:80px}}
@media(max-width:860px){.hero-v2__wordmark.hero-v2__wordmark-art{width:min(460px,calc(100vw - 48px));height:clamp(60px,16vw,94px)}}
@font-face{font-family:'Onest';src:url('/fonts/onest-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-display:'Onest','Segoe UI',sans-serif;--font-body:'Onest','Segoe UI',sans-serif;--font-mono:'Onest','Segoe UI',sans-serif}
body{font-family:var(--font-body);font-weight:400;font-optical-sizing:auto}
button,input,select,textarea{font-family:var(--font-body)}
.floating-header .nav-links a{font-weight:500;letter-spacing:-.015em}
#features .catalog-grid--complete .feature-card__top h4{font-weight:600;letter-spacing:-.025em}
#features .catalog-grid--complete .feature-card__intro{font-weight:400;line-height:1.65}
.feature-modal h2{font-weight:650;letter-spacing:-.035em}
.feature-modal #feature-modal-summary,.feature-modal__list li{font-weight:400}
#pricing .amount{font-variant-numeric:lining-nums tabular-nums}

/* Keep the brand icon and name together in the header. */
.floating-header .nav-brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;white-space:nowrap}
.floating-header .nav-brand span{margin:0;padding:0;line-height:1;font-weight:650}
/* Distinctive geometric lettering for the compact header brand. */
@font-face{font-family:'Unbounded';src:url('/fonts/unbounded-variable.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
.floating-header .nav-brand span{font-family:'Unbounded','Onest',sans-serif;font-size:.9375rem;font-weight:550;letter-spacing:-.045em;line-height:1.2;color:#e3e9db}
@media(max-width:600px){.floating-header .nav-brand span{font-size:.8125rem}}
/* Golos Text provides one coherent Cyrillic and Latin voice for site content. */
@font-face{font-family:'Golos Text';src:url('/fonts/golos-text-variable.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
:root{--font-display:'Golos Text','Segoe UI',sans-serif;--font-body:'Golos Text','Segoe UI',sans-serif;--font-mono:'Golos Text','Segoe UI',sans-serif}
.floating-header .nav-links a{font-weight:500;letter-spacing:-.01em}
.catalog-intro h2,#pricing h2,#faq h2{font-weight:600;letter-spacing:-.035em}
#features .catalog-grid--complete .feature-card__top h4{font-weight:600;letter-spacing:-.02em}
#features .catalog-grid--complete .feature-card__intro{letter-spacing:0;line-height:1.65}
.feature-modal h2{font-weight:650;letter-spacing:-.03em}
.feature-modal #feature-modal-summary,.feature-modal__list li{letter-spacing:0;line-height:1.65}
/* Preserve the existing footer brand lettering as well as the header and image logo. */
.foot-brand span{font-family:'Onest','Segoe UI',sans-serif}
/* An open editorial description with a luminous left accent. */
.hero-v2 .hero-v2__about{padding:3px 0 3px 22px;border:0;border-radius:0;background:none;box-shadow:none}
.hero-v2 .hero-v2__about::before{left:0;top:2px;bottom:2px;width:2px;border-radius:2px;background:linear-gradient(180deg,#adfd6730,#b8ef8db3 28%,#adfd6766 70%,#adfd6708);box-shadow:0 0 12px #adfd6726}
.hero-v2 .hero-v2__about::after{content:'';position:absolute;left:-7px;top:12%;bottom:12%;width:14px;pointer-events:none;background:linear-gradient(180deg,transparent,#adfd6712,transparent);filter:blur(8px)}
.hero-v2 .hero-v2__about-label{margin-bottom:10px;color:#c3d7b2;letter-spacing:.11em}
@media(min-width:861px) and (max-height:780px){.hero-v2 .hero-v2__about{padding:2px 0 2px 20px}}
@media(max-width:560px){.hero-v2 .hero-v2__about{padding:2px 0 2px 18px}}
/* An unframed product scope above the wordmark. */
.hero-v2__creator.hero-v2__scope{top:-10px;display:flex;align-items:center;gap:18px;max-width:100%;min-height:32px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-family:var(--font-body);font-size:.9375rem;line-height:1.4;letter-spacing:.015em}
.hero-v2__scope span{color:#bcc6b2;font-weight:500}
.hero-v2__scope i{display:block;flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#adfd6799;box-shadow:0 0 8px #adfd6720}
@media(max-width:560px){.hero-v2__creator.hero-v2__scope{gap:12px;font-size:.8125rem;top:-6px}}
@media(max-width:360px){.hero-v2__creator.hero-v2__scope{gap:9px;font-size:.75rem}}
/* Real feature shortcuts fill the reserved space without moving the wordmark. */
.hero-v2__creator.hero-v2__shortcuts{top:-16px;display:flex;align-items:center;gap:12px;margin:0;padding:0;background:none;border:0;box-shadow:none}
.hero-v2__shortcut{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid #b9d99d24;border-radius:13px;background:linear-gradient(145deg,#b7e4930c,#ffffff02);color:#b9cea8;box-shadow:inset 0 1px 0 #ffffff06;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s}
.hero-v2__shortcut svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-v2__shortcut:hover,.hero-v2__shortcut:focus-visible{color:#adfd67;border-color:#adfd6770;box-shadow:0 0 18px -7px #adfd6740;outline:none}
.hero-v2__shortcut-label{position:absolute;bottom:calc(100% + 10px);left:0;padding:7px 10px;white-space:nowrap;border:1px solid #ffffff12;border-radius:7px;background:#20251e;color:#dce7d4!important;font:500 12px/1.3 var(--font-body);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}
.hero-v2__shortcut:hover .hero-v2__shortcut-label,.hero-v2__shortcut:focus-visible .hero-v2__shortcut-label{opacity:1;visibility:visible}
@media(max-width:560px){.hero-v2__creator.hero-v2__shortcuts{top:-12px;gap:10px}.hero-v2__shortcut{width:40px;height:40px;border-radius:11px}}
/* Taller feature cards with aligned headings and action rows. */
#features .catalog-grid--complete .feature-card{min-height:280px;padding:28px 24px 24px}
#features .catalog-grid--complete .feature-card__top{margin-bottom:24px}
#features .catalog-grid--complete .feature-card__intro{margin-bottom:28px}
#features .catalog-grid--complete .feature-card__bottom{margin-top:auto;padding-top:18px}
@media(max-width:640px){#features .catalog-grid--complete .feature-card{min-height:260px;padding:26px 22px 22px}}
/* Identical inclusion checks in Free, Pro and Ultra. */
#pricing .plan .plan-features--matrix .plan-availability{width:14px;flex:0 0 14px;color:#b3dc92}
#pricing .plan .plan-features--matrix .plan-availability svg{width:14px;height:16px;flex:0 0 14px;margin:0;padding:0;stroke:#b3dc92;stroke-width:2}
#faq .faq-item>p{line-height:1.7;max-width:78ch}
#faq .faq-item>p a{color:#badc9e;text-underline-offset:3px}
#faq .faq-item>p a:hover{color:#adfd67}

/* Phone navigation retreats while reading and returns on upward scroll. */
@media(max-width:600px){
  header.floating-header{transition:transform .25s ease,opacity .25s ease;}
  header.floating-header.is-scroll-hidden{transform:translateY(calc(-100% - 24px));opacity:0;pointer-events:none;}
  header.floating-header:focus-within{transform:none;opacity:1;pointer-events:auto;}
}

/* Subscription palette: neutral Free, lime Plus, opal teal Max. */
html{scroll-behavior:smooth}
#features{scroll-margin-top:150px}
#pricing .plan{--plan-rgb:166,173,167}
#pricing .plan-featured{--plan-rgb:173,253,103}
#pricing .plan-ultra{--plan-rgb:80,220,193;border-color:#50dcc149}
#pricing .plan-ultra .amount{color:#7fead5;background:linear-gradient(110deg,#b4f7bc,#53dac5 45%,#91d9ef 80%,#b4f7bc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#pricing .plan-ultra .plan-badge,#pricing .plan-access--ultra{color:#83ead6;border-color:#50dcc130;background:linear-gradient(115deg,#203c31,#183537,#23353e)}
#pricing .plan-ultra .plan-features svg{stroke:#79e5ce}
#pricing .plan-ultra .plan-action .btn-ghost{color:#9aefdd;border-color:#64ddc75c;background:linear-gradient(115deg,#20352c,#1c3031,#25323a)}
#pricing .plan-ultra .plan-action .btn-ghost:hover{color:#c1fff0;border-color:#83ead6;background:linear-gradient(115deg,#294636,#234146,#304651)}
#pricing .plan-access--free{color:#adb4ae;background:#ffffff05;border-color:#ffffff16}
#pricing .plan-access--pro{color:#adfd67;background:#adfd670b;border-color:#adfd6726}
#features .catalog-grid--complete .feature-card[data-min-plan] .feature-card__tier{font-family:var(--font-body);font-weight:500;letter-spacing:.02em;opacity:1;font-size:11px;color:#adb4ae;background:#ffffff05;border-color:#ffffff16}
#features .catalog-grid--complete .feature-card[data-min-plan=pro] .feature-card__tier{color:#adfd67;background:#adfd670b;border-color:#adfd6726}
#features .catalog-grid--complete .feature-card[data-min-plan=ultra] .feature-card__tier{color:#83ead6;background:linear-gradient(115deg,#203c31,#183537,#23353e);border-color:#50dcc130}
#features .feature-plan-switch button[data-feature-plan=free][aria-pressed=true]{background:#353b36;color:#e1e5e0}
#features .feature-plan-switch button[data-feature-plan=pro][aria-pressed=true]{background:#adfd67;color:#17220e}
#features .feature-plan-switch button[data-feature-plan=ultra][aria-pressed=true]{background:linear-gradient(110deg,#b4f7bc,#53dac5,#91d9ef);color:#102b28}
.feature-modal[data-plan=free]{--modal-accent:166,173,167}
.feature-modal[data-plan=pro]{--modal-accent:173,253,103}
.feature-modal[data-plan=ultra]{--modal-accent:80,220,193}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Contact section follows FAQ, with lightweight surface treatments. */
#contacts.contact-section{padding:64px 0 80px;scroll-margin-top:150px}
.contact-heading{padding-bottom:28px;border-bottom:1px solid #ffffff15}
.contact-eyebrow{margin:0 0 14px;color:#99a391;font:500 11px/1.5 var(--font-body);letter-spacing:.15em}
.contact-heading h2{margin:0;color:#ecf0e8;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.04em}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;max-width:960px;margin-inline:auto;padding-top:0}
.contact-about{text-align:center;max-width:720px;margin-inline:auto}
.contact-about h2{margin:0 0 20px;font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.035em;color:#e6eddf}
.contact-about>p:not(.contact-eyebrow){max-width:680px;margin:0 auto 14px;color:#9ca696;font-size:16px;line-height:1.7}
.contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
a.contact-link{display:block;padding:24px 28px;border:1px solid #ffffff15;border-radius:16px;background:#1b1e1b;text-decoration:none;color:#e9eee5;transition:border-color .2s ease,background-color .2s ease}
.contact-link__label{display:block;color:#9ba593;font-size:10px;letter-spacing:.14em}
.contact-link__title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 4px;font-size:26px;font-weight:600;letter-spacing:-.03em}
.contact-link__title>span{color:#adfd67;font-size:24px;font-weight:400}
.contact-link__handle{color:#9da894;font-size:14px}
a.contact-link:hover{border-color:#adfd6760;background:#20261e}
a.contact-link:focus-visible{outline:2px solid #adfd67;outline-offset:4px}
@media(max-width:700px){.contact-links{grid-template-columns:minmax(0,1fr)}#contacts.contact-section{padding:40px 0 48px}.contact-layout{grid-template-columns:1fr;gap:24px;padding-top:26px}a.contact-link{padding:22px}.contact-about>p:not(.contact-eyebrow){font-size:15px}}

/* A single heading keeps the product and contact block compact. */
#contacts .contact-layout{padding-top:0}

/* All three plans use the same compact feature-row typography. */
#pricing .plan .plan-features--matrix li{font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.4;min-height:36px;padding:6px 0;gap:9px}
#pricing .plan .plan-features--matrix .plan-feature-label{font:inherit;letter-spacing:normal}

/* Nine paid-plan rows fit the previous eight-row content height. */
#pricing .plan-featured .plan-features--matrix li,#pricing .plan-ultra .plan-features--matrix li{min-height:32px;padding-block:4px}

/* Quiet dividers structure feature lists without decorative icons. */
#pricing .plan .plan-features--matrix li{position:relative;border:0;box-shadow:inset 0 -1px 0 #ffffff0a}
#pricing .plan .plan-features--matrix li:last-child{box-shadow:none}

/* Phone-only glass navigation disclosure. Desktop retains its existing grid. */
.mobile-nav-toggle{display:none}
.mobile-nav-panel{display:contents}
@media(max-width:600px){
 header.floating-header{background:rgba(20,25,20,.72);border-color:#c6dfa328;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
 .floating-header .nav-row{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:64px;height:64px;padding:10px 16px;gap:16px}
 .floating-header .mobile-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;flex:0 0 42px;padding:9px;border:0;background:none;color:#dfe7d7;cursor:pointer}
 .mobile-nav-toggle span{display:block;width:24px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .22s ease,opacity .15s}
 .is-menu-open .mobile-nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
 .is-menu-open .mobile-nav-toggle span:nth-child(2){opacity:0}
 .is-menu-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
 .mobile-nav-toggle:focus-visible{outline:2px solid #adfd67;outline-offset:1px;border-radius:10px}
 .floating-header .mobile-nav-panel{display:flex;flex-direction:column;position:absolute;top:calc(100% + 9px);left:-1px;right:-1px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 22px;border:1px solid #c6dfa328;border-radius:20px;background:linear-gradient(145deg,#b4dd9008,transparent 55%),rgba(17,23,18,.82);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:inset 0 1px 0 #ffffff07,0 20px 55px #0005;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s;scrollbar-width:thin}
 .floating-header.is-menu-open .mobile-nav-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
 .floating-header .mobile-nav-panel .nav-links{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0;margin:0}
 .floating-header .mobile-nav-panel .nav-links a{display:flex;align-items:center;justify-content:flex-start;min-height:49px;padding:12px 4px;font-size:18px;font-weight:450;letter-spacing:-.02em;color:#d1daca}
 .floating-header .mobile-nav-panel .nav-links a:hover{color:#adfd67}
 .floating-header .mobile-nav-panel .nav-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;width:100%;padding-top:18px;margin-top:12px;border-top:1px solid #ffffff0c}
 .floating-header .mobile-nav-panel .nav-actions .icon-btn{display:flex;width:36px;height:36px}
 .floating-header .mobile-nav-panel .nav-download{display:flex;align-items:center;justify-content:center;gap:10px;order:-1;flex:0 0 100%;height:46px;margin-bottom:2px;border-radius:11px;background:#adfd6710;border:1px solid #adfd6740;color:#d4f2bb;font-size:15px;font-weight:550;box-shadow:none}
 .floating-header .mobile-nav-panel .nav-download:hover{background:#adfd671c;border-color:#adfd6780}
 #top,#features,#pricing,#faq,#download,#about,#contacts,#anti-cheat{scroll-margin-top:100px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav-panel,.mobile-nav-toggle span{transition:none!important}}
/* The navigation surface disappears once the page is scrolled. */
header.floating-header{transition:transform .25s ease,opacity .25s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
header.floating-header.is-scrolled{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
header.floating-header.is-scrolled::before,header.floating-header.is-scrolled::after{display:none}
header.floating-header.is-scrolled .nav-links a,header.floating-header.is-scrolled .nav-brand span{text-shadow:0 1px 3px #000,0 0 10px #0009}

/* Phone pricing: native swipe with snap, plus accessible direct navigation. */
.pricing-pagination{display:none}
@media(max-width:600px){
 #pricing .pricing-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:14px;width:100%;max-width:none;margin:0;padding:2px 0 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}
 #pricing .pricing-grid::-webkit-scrollbar{display:none}
 #pricing .pricing-grid::after{content:none;display:none}
 #pricing .pricing-grid>.plan{min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding-inline:20px}
 #pricing .pricing-pagination{display:flex;justify-content:center;gap:6px;margin:10px auto 0;padding:4px;width:max-content;border:1px solid #ffffff13;border-radius:12px;background:#191d19}
 .pricing-pagination button{border:0;border-radius:8px;background:transparent;color:#99a491;padding:9px 17px;font:500 12px/1.3 var(--font-body);cursor:pointer}
 .pricing-pagination button[aria-current=true]{color:#ecf1e8;background:#30382c}
 .pricing-pagination button:focus-visible{outline:2px solid #adfd67;outline-offset:2px}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){#pricing .pricing-grid{scroll-behavior:auto}}

/* Match the updated panel silhouette to the transparent hero composition. */
.hero-v2__shot picture img{clip-path:url(#hero-panel-outline)}

/* Applied only after the entrance controller has initialized. */
.page-motion-pending{opacity:0}

/* Prepare the first viewport before paint; script failure restores it automatically. */
.page-motion-boot .floating-header,.page-motion-boot .hero-v2__shortcut,.page-motion-boot .hero-v2__wordmark,.page-motion-boot .hero-v2__visual,.page-motion-boot .hero-v2 p,.page-motion-boot .hero-v2__actions > *{opacity:0}

/* Hide on downward scrolling at every screen size. */
header.floating-header{transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
header.floating-header.is-scroll-hidden{transform:translateY(calc(-100% - 32px));opacity:0;pointer-events:none}