*{box-sizing:border-box}

  html{scroll-padding-top:96px}
  html,body{margin:0;padding:0;background:#14161d}
  a{color:oklch(0.7 0.14 var(--h,250));text-decoration:none}
  a:hover{color:oklch(0.78 0.12 var(--h,250))}
  input,textarea,select,button{font-family:inherit}
  :focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}
  :focus:not(:focus-visible){outline:none}

  [data-tf-root]{
    --h:250;
    --h2:205;
    --color-accent:#0075c9;
    --color-accent-hi:oklch(0.73 0.15 var(--h));
    --color-accent-2:oklch(0.74 0.13 var(--h2));

    --color-bg:#14161d;
    --color-surface-1:#14161d;
    --color-panel:rgba(255,255,255,.045);
    --color-panel-2:rgba(255,255,255,.025);
    --color-panel-hi:rgba(255,255,255,.06);
    --color-inset:rgba(255,255,255,.025);
    --color-panel-on-bg:rgba(255,255,255,.045);
    --color-panel-2-on-bg:rgba(255,255,255,.025);
    --color-panel-hi-on-bg:rgba(255,255,255,.06);

    --color-line:rgba(255,255,255,.09);
    --color-line-2:rgba(255,255,255,.055);
    --color-line-hi:rgba(255,255,255,.16);

    --color-fg:#eef1f6;
    --color-muted:#98a1b2;
    --color-sheen:rgba(255,255,255,.65);

    --color-success:oklch(0.72 0.15 155);
    --color-warning:oklch(0.80 0.14 85);
    --color-danger:oklch(0.66 0.17 25);

    --tint:15%;
    --tint-hi:30%;
    --edge:32%;
    --edge-stops:oklch(0.50 0.080 205),color-mix(in oklab,var(--color-accent) 52%,var(--color-bg)),oklch(0.50 0.080 205);
    --glass-saturate:170%;
    --disabled:.5;
    --dim:.5;

    --grad-accent:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));
    --grad-accent-h:linear-gradient(90deg,var(--color-accent-2),var(--color-accent));
    --grad-line:linear-gradient(90deg,var(--color-accent),transparent);

    --font-display:'Inter',system-ui,sans-serif;
    --font-body:'IBM Plex Sans',system-ui,sans-serif;

    --text-display:clamp(34px,4.5vw,54px);
    --text-h1:clamp(30px,4vw,44px);
    --text-h2:30px;
    --text-h3:24px;
    --text-h4:20px;
    --text-lead:16px;
    --text-body:15px;
    --text-body-sm:14px;
    --text-caption:13px;
    --text-caption-sm:12px;

    --leading-tight:1.1;
    --leading-snug:1.5;
    --leading-body:1.6;
    --tracking-h:-.02em;
    --tracking-label:.05em;
    --tracking-eyebrow:.12em;

    --icon-sm:14px;
    --icon-md:16px;
    --icon-lg:20px;

    --size-3xs:3px;
    --size-2xs:6px;
    --size-xs:8px;
    --size-lg:24px;
    --size-xl:32px;
    --size-2xl:40px;
    --size-3xl:44px;
    --size-4xl:64px;

    --spacing-1:4px;
    --spacing-2:8px;
    --spacing-3:12px;
    --spacing-4:16px;
    --spacing-5:20px;
    --spacing-6:24px;
    --spacing-7:28px;
    --spacing-8:32px;
    --spacing-lg:48px;
    --spacing-xl:72px;
    --spacing-2xl:80px;

    --radius-xs:6px;
    --radius-sm:8px;
    --radius-lg:12px;
    --radius-xl:16px;
    --radius-pill:100px;

    --shadow-2:0 16px 40px -16px rgba(0,0,0,.8);

    --blur-panel:18px;

    --z-nav:50;
    --z-modal:100;

    --color-ring:var(--color-accent);
    --ring-dot:0 0 0 3px color-mix(in oklab,var(--color-accent) var(--tint-hi),transparent);

    --dur-1:140ms;
    --dur-2:240ms;
    --dur-3:600ms;
    --stagger:60ms;
    --ease-out:cubic-bezier(.16,.8,.3,1);
    --ease-spring:cubic-bezier(.34,1.56,.5,1);
    --t-base:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),opacity var(--dur-1) var(--ease-out);
    --t-overlay:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),visibility var(--dur-2) var(--ease-out),max-height var(--dur-2) var(--ease-out);

    position:relative;
    min-height:100vh;
    background:var(--color-bg);
    color:var(--color-fg);
    font-family:var(--font-body);
    -webkit-font-smoothing:antialiased;
  }
  @keyframes tf-pulse{0%,100%{opacity:.35}50%{opacity:1}}
  @property --tf-edge{syntax:'<angle>';inherits:false;initial-value:135deg}
  @keyframes tf-edge-sweep{to{--tf-edge:495deg}}
  @keyframes tf-spin{to{transform:rotate(360deg)}}

  @keyframes tf-dash6{to{stroke-dashoffset:-12}}
  @keyframes tf-dash7{to{stroke-dashoffset:-14}}
  @keyframes tf-dash8{to{stroke-dashoffset:-16}}
  @keyframes tf-dash10{to{stroke-dashoffset:-20}}
  @keyframes tf-breathe{0%,100%{opacity:.6}50%{opacity:1}}
  @keyframes tf-sparkle{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}
  @keyframes tf-art-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}

  @keyframes tf-art-beat{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
  @keyframes tf-hub-intake{0%{transform:scale(1.07);opacity:0}34%{opacity:.55}100%{transform:scale(1);opacity:0}}
  @keyframes tf-hub-glow{0%,100%{opacity:0}40%{opacity:1}}
  @keyframes tf-flow-drop{from{transform:translateY(-120%)}to{transform:translateY(320%)}}
  @keyframes tf-flow-pulse{from{stroke-dashoffset:0}to{stroke-dashoffset:calc(-1 * var(--flow-len,260px))}}
  @keyframes tf-marquee{to{transform:translateX(-50%)}}
  @keyframes tf-shimmer{from{background-position:180% 0}to{background-position:-180% 0}}
  @keyframes tf-indet{from{transform:translateX(-110%)}to{transform:translateX(420%)}}
  @keyframes tf-check-pop{0%{transform:scale(.5)}60%{transform:scale(1.14)}100%{transform:scale(1)}}
  @keyframes tf-check-ripple{from{transform:scale(.8);opacity:.45}to{transform:scale(2.1);opacity:0}}
  @keyframes tf-row-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
  @keyframes tf-twinkle{0%,100%{opacity:.18;transform:scale(1)}50%{opacity:.9;transform:scale(1.35)}}

  [data-tf-root] [data-step-ic]{font-size:var(--icon-sm);color:var(--color-muted);pointer-events:none}
  [data-skel]{
    background:linear-gradient(90deg,var(--color-panel-hi) 18%,var(--color-line-hi) 50%,var(--color-panel-hi) 82%);
    background-size:200% 100%;
    animation:tf-shimmer 1.6s linear infinite;
    border-radius:var(--radius-pill);
  }

  [data-reveal-group] > *{opacity:0;transform:translateY(14px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}
  [data-reveal-group] > *[data-shown]{opacity:1;transform:none}

  [data-tf-root] {
    & .hdr{
      position:sticky;
      top:0;
      z-index:var(--z-nav);
      background:color-mix(in oklab,var(--color-surface-1) 88%,transparent);
      backdrop-filter:blur(var(--blur-panel)) saturate(var(--glass-saturate));
      border-bottom:1px solid var(--color-line-2);
    }
    & [data-hdr]{padding:var(--spacing-5) var(--spacing-8)}
    & .hdr-row{
      max-width:1120px;
      margin:0 auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:var(--spacing-6);
    }
    & .hdr-brand{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-fg)}

    & .brand-mark{height:var(--size-lg);width:auto}
    & [data-nav]{
      display:flex;
      align-items:center;
      gap:var(--spacing-7);
      font-size:var(--text-body-sm);
      color:var(--color-muted);
    }
    & .hdr-actions{display:flex;align-items:center;gap:var(--spacing-3)}
    & [data-navbtn]{
      display:none;
      width:var(--size-3xl);
      height:var(--size-3xl);
      place-items:center;
      border:1px solid var(--color-line);
      border-radius:var(--radius-sm);
      background:transparent;
      color:var(--color-fg);
      cursor:pointer;
      transition:var(--t-base);
    }

    & [data-navbtn-ic]{font-size:var(--icon-lg);pointer-events:none}
    & [data-navbtn]:hover{border-color:var(--color-accent);color:var(--color-accent)}
    & [data-navbtn]:active{transform:translateY(1px)}
    & [data-hdr-portal]{
      display:inline-flex;
      align-items:center;
      gap:var(--spacing-2);
      border:1px solid var(--color-line);
      border-radius:var(--radius-lg);
      color:var(--color-fg);
      font-weight:600;
      font-size:var(--text-body-sm);
      padding:var(--spacing-3) var(--spacing-5);
      transition:var(--t-base);
    }
    & [data-hdr-cta]{
      display:inline-flex;
      align-items:center;
      gap:var(--spacing-2);
      background:var(--grad-accent);
      color:#fff;
      font-weight:600;
      font-size:var(--text-body-sm);
      padding:var(--spacing-3) var(--spacing-5);
      border-radius:var(--radius-lg);
      transition:var(--t-base);
    }
    & [data-hdr-cta]:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
    & [data-hdr-cta]:active{transform:translateY(0)}
    & [data-navpanel]{
      display:none;
      flex-direction:column;
      gap:var(--spacing-1);
      max-width:1120px;
      margin:0 auto;
      padding:0 0 var(--spacing-4);
      font-size:var(--text-body-sm);
    }
    & .panel-link:hover{background:var(--color-panel-hi)}
    & [data-panel-cta]{display:none;margin-top:var(--spacing-2)}
    & .panel-cta{
      flex:1;
      height:var(--size-3xl);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:var(--spacing-2);
      border-radius:var(--radius-lg);
      background:var(--grad-accent);
      color:#fff;
      font-weight:600;
      font-size:var(--text-body-sm);
    }
    & .ft{position:relative;overflow:hidden;border-top:1px solid var(--color-line-2)}
    & .ft-rule{height:1px;background:var(--grad-line);opacity:var(--disabled)}
    & .ft-glow{
      position:absolute;
      top:0;
      left:50%;
      transform:translateX(-50%);
      width:50%;
      height:120px;
      background:radial-gradient(ellipse at top,color-mix(in oklab,var(--color-accent) var(--tint),transparent),transparent 70%);
      pointer-events:none;
    }
    & [data-footer-grid]{
      position:relative;
      max-width:1120px;
      margin:0 auto;
      padding:var(--spacing-8);
      display:grid;
      grid-template-columns:1.6fr 1fr 1fr;
      gap:var(--spacing-7);
    }
    & .ft-about{
      font-size:var(--text-caption);
      line-height:var(--leading-body);
      color:var(--color-muted);
      margin:0 0 var(--spacing-4);
      max-width:280px;
    }
    & .ft-social{display:flex;gap:var(--spacing-2)}
    & .ft-head{
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-muted);
      margin-bottom:var(--spacing-4);
    }

    & .ft-links{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--text-caption)}
    & .ft-links a{color:var(--color-fg)}
    & .ft-bottom{
      position:relative;
      max-width:1120px;
      margin:0 auto;
      padding:var(--spacing-4) var(--spacing-8);
      border-top:1px solid var(--color-line-2);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:var(--spacing-4);
      font-size:var(--text-caption-sm);
      color:var(--color-muted);
      flex-wrap:wrap;
    }
    & .ft-copy{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}
    & .ft-dbg{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-muted)}
    & .ft-check{width:var(--icon-md);height:var(--icon-md);object-fit:contain}
    & .ft-link{color:var(--color-muted)}
    & .ft-link:hover{color:var(--color-accent)}
    & .social-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}

    & main > .sec:first-child{border-top:none}
  }

  @media (max-width:1023px){
    [data-nav]{display:none !important}
    [data-navbtn]{display:grid !important}
  }
  @media (min-width:1024px){
    [data-navpanel]{display:none !important}
  }
  @media (max-width:640px){
    [data-hdr]{padding:var(--spacing-4) var(--spacing-5) !important}
    [data-hdr-cta]{display:none !important}
    [data-logo-word]{font-size:var(--text-body) !important}
    [data-navpanel] [data-panel-cta]{display:flex !important}
    [data-btnrow]{flex-wrap:nowrap !important;gap:var(--spacing-2) !important}
    [data-btnrow] > *{flex:1 1 0;min-width:0;justify-content:center;padding:0 var(--spacing-3) !important}
    [data-footer-grid]{grid-template-columns:1fr !important;gap:var(--spacing-6) !important}
  }
  [data-edge]{position:relative}
  [data-edge]::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(var(--tf-edge),var(--edge-stops));
    -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;
    animation:tf-edge-sweep 16s linear infinite;
  }
  [data-flowcols]{display:grid;grid-template-columns:1fr;gap:var(--spacing-5)}
  @media (min-width:880px){
    [data-flowcols]{grid-template-columns:repeat(3,1fr)}
  }
  @media (max-width:879px){
    [data-flowsvg]{display:none}
    [data-flowlink]{display:flex !important}
    [data-flowhub]{margin-top:var(--spacing-4) !important}
    [data-flowcols]{gap:var(--spacing-3)}
    [data-flowgroup]{padding:var(--spacing-4) !important}
    [data-flowchips]{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--spacing-4)}
    [data-flowchips] > div{padding:var(--spacing-1) 0 !important}
    [data-flowchips] .chip-name,[data-flowchips] .chip-name-off{font-size:var(--text-caption) !important}
  }
  @media (max-width:600px){
    [data-flowbox]{padding:var(--spacing-5) !important}
    [data-flowchips]{display:flex !important;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}
    [data-flowchips] > div{padding:0 !important;gap:var(--spacing-2) !important}
    [data-flowchips] > div:not([data-state="live"]){opacity:.5}
    [data-flowchips] > div:not([data-state="live"]) > span:not(:first-child){display:none}
    [data-flowgroup]{padding:var(--spacing-4) var(--spacing-4) var(--spacing-5) !important}
    [data-flowlink]{margin-top:var(--spacing-3) !important}
    [data-flowlink] > span{height:var(--spacing-6) !important}
    [data-flowlegend]{gap:var(--spacing-4) !important;margin-top:var(--spacing-5) !important;padding-top:var(--spacing-4) !important}
  }
  [data-tf-root] [data-flowgroup]{transition:var(--t-base)}
  [data-tf-root] [data-flowgroup]:hover{
    border-color:color-mix(in oklab,var(--color-accent) var(--edge),var(--color-line-2));
    background:color-mix(in oklab,var(--color-accent) 6%,var(--color-panel));
    box-shadow:var(--shadow-2);
  }

  [data-flowhub]::before,[data-flowhub]::after{
    content:'';
    position:absolute;
    pointer-events:none;
    animation-duration:1.1333s;
    animation-iteration-count:infinite;
  }
  [data-flowhub]::before{
    inset:0;
    z-index:0;
    border-radius:inherit;
    background:radial-gradient(130% 150% at 50% 0%,color-mix(in oklab,var(--color-accent) 20%,transparent),transparent 72%);
    opacity:0;
    animation-name:tf-hub-glow;
    animation-timing-function:var(--ease-out);
  }
  [data-flowhub]::after{
    inset:calc(-1 * var(--spacing-2));
    border-radius:calc(var(--radius-xl) + var(--spacing-2));
    border:1px solid color-mix(in oklab,var(--color-accent) 60%,transparent);
    opacity:0;
    animation-name:tf-hub-intake;
    animation-timing-function:var(--ease-out);
  }
  [data-flowhub] > *{position:relative;z-index:1}
  [data-flowpulse]{animation:tf-flow-pulse 3.4s linear infinite}
  [data-flowpulse="0"]{filter:drop-shadow(0 0 3px color-mix(in oklab,#0075c9 55%,transparent))}
  [data-flowpulse="1"]{filter:drop-shadow(0 0 3px color-mix(in oklab,#84bd23 55%,transparent));animation-delay:-1.13s}
  [data-flowpulse="2"]{filter:drop-shadow(0 0 3px color-mix(in oklab,#eb7500 55%,transparent));animation-delay:-2.27s}

  [data-scene]{position:relative;--scene-steps:7}

  [data-tf-root] section[data-scene-section]{overflow:visible}
  @media (min-width:880px) and (min-height:640px){
    [data-scene][data-scene-armed]{height:calc(100vh + var(--scene-steps) * 34vh)}

    [data-scene-panel]{
      position:sticky;
      top:0;
      min-height:100vh;
      justify-content:safe center;
      padding-top:calc(var(--scene-top,84px) + var(--spacing-lg));
    }
  }

  [data-rail]{position:relative;display:grid;grid-template-columns:repeat(var(--scene-steps,6),1fr);gap:var(--spacing-2)}
  [data-rail-track]{
    position:absolute;
    left:calc(100% / (var(--scene-steps,6) * 2));
    right:calc(100% / (var(--scene-steps,6) * 2));
    top:calc(var(--size-2xl) / 2 - 1px);
    height:2px;
    background:var(--color-line-2);
    border-radius:var(--radius-pill);
    overflow:hidden;
  }
  [data-rail-fill]{display:block;height:100%;width:0;background:var(--grad-accent-h);transition:width var(--dur-3) var(--ease-out)}
  [data-railbtn]{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:0;border:none;background:transparent;cursor:pointer;text-align:center}
  [data-rail-node]{
    width:var(--size-2xl);
    height:var(--size-2xl);
    border-radius:var(--radius-pill);
    display:grid;
    place-items:center;
    border:1px solid var(--color-line);
    background:var(--color-surface-1);
    color:var(--color-muted);
    font-size:var(--icon-lg);
    transition:var(--t-base);
  }
  [data-rail-num]{font-size:var(--text-caption-sm);font-weight:600;letter-spacing:var(--tracking-label);color:var(--color-muted);transition:var(--t-base)}
  [data-rail-label]{font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--color-muted);transition:var(--t-base)}
  [data-railbtn]:hover [data-rail-node]{border-color:var(--color-accent);color:var(--color-accent)}
  [data-railbtn][data-state="done"] [data-rail-node]{
    border-color:color-mix(in oklab,var(--color-accent) var(--edge),var(--color-line));
    background:color-mix(in oklab,var(--color-accent) var(--tint),var(--color-surface-1));
    color:var(--color-accent);
  }
  [data-railbtn][data-state="done"] [data-rail-num]{color:var(--color-accent)}
  [data-railbtn][data-state="on"] [data-rail-node]{
    border-color:transparent;
    background:var(--grad-accent);
    color:#fff;
    box-shadow:var(--ring-dot);
    transform:scale(1.08);
  }
  [data-railbtn][data-state="on"] [data-rail-num],
  [data-railbtn][data-state="on"] [data-rail-label]{color:var(--color-fg)}
  [data-railbtn][data-state="on"] [data-rail-label]{font-weight:600}
  @media (max-width:879px){
    [data-rail]{grid-template-columns:repeat(3,1fr);row-gap:var(--spacing-5)}
    [data-rail-track]{display:none}

    [data-railbtn]:last-child:nth-of-type(3n+1){grid-column:1 / -1}
  }
  @media (max-width:480px){
    [data-rail]{grid-template-columns:repeat(2,1fr)}

    [data-railbtn]:last-child:nth-of-type(odd){grid-column:1 / -1}
  }

  [data-art][data-on] .a-b1,
  [data-art][data-on] .a-b2,
  [data-art][data-on] .a-b3,
  [data-art][data-on] .a-b4{animation:tf-art-beat var(--dur-3) var(--ease-out) both}
  [data-art][data-on] .a-b1{animation-delay:80ms}
  [data-art][data-on] .a-b2{animation-delay:220ms}
  [data-art][data-on] .a-b3{animation-delay:360ms}
  [data-art][data-on] .a-b4{animation-delay:500ms}
  [data-art] .a-dash6{animation:tf-dash6 1.8s linear infinite}
  [data-art] .a-dash7{animation:tf-dash7 2.1s linear infinite}
  [data-art] .a-dash8{animation:tf-dash8 2.4s linear infinite}
  [data-art] .a-dash10{animation:tf-dash10 3s linear infinite}
  [data-art] .a-sparkle{animation:tf-sparkle 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}
  [data-art] .a-breathe{animation:tf-breathe 3.4s ease-in-out infinite}
  [data-art] .a-breathe-late{animation:tf-breathe 3.4s ease-in-out 1.7s infinite}

  [data-art]{display:none}
  [data-art][data-on]{display:block;animation:tf-art-in var(--dur-3) var(--ease-out) both}
  [data-pd-copy]{animation:tf-art-in var(--dur-2) var(--ease-out) both}

  [data-secmark]{display:none}
  @media (min-width:1024px){
    [data-secmark]{
      position:absolute;
      top:0;
      bottom:0;
      right:0;
      width:var(--tf-secmark);
      display:grid;
      place-items:center;
      pointer-events:none;
      z-index:0;
    }
    [data-secmark] i{
      font-size:calc(var(--tf-secmark) / 0.781);

      width:max-content;
      justify-self:start;
      margin-inline:-0.1095em;
      line-height:1;
      transform:translateY(-7%);
      background:linear-gradient(240deg,color-mix(in oklab,var(--color-accent) 16%,transparent) 0 16%,transparent 86%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      -webkit-text-fill-color:transparent;
    }
    [data-tf-root] [data-secpoints] .list-row-lg{
      border-top-color:transparent;
      background:linear-gradient(270deg,transparent 0 var(--tf-secmark),var(--color-line-2) calc(var(--tf-secmark) + 96px)) border-box top left/100% 1px no-repeat;
    }
  }
  [data-logos]{
    position:relative;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  }

  [data-logos-track]{display:flex;align-items:center;width:max-content}
  [data-logos-track][data-doubled]{animation:tf-marquee var(--marquee-dur,86s) linear infinite}
  [data-logo]{
    display:inline-flex;
    align-items:center;
    gap:var(--spacing-3);
    padding-right:var(--spacing-xl);
    padding-top:var(--spacing-5);
    padding-bottom:var(--spacing-5);
    font-size:var(--text-h4);
    font-weight:600;
    color:var(--color-muted);
    white-space:nowrap;

    cursor:default;
    user-select:none;
    transition:var(--t-base);
  }
  [data-logo]:hover{color:var(--color-fg)}

  [data-tf-root] {
    & .logo-mark{width:var(--size-2xl);height:var(--size-2xl);fill:currentColor;flex:none}

    & [data-pt]{
      --pt-edge:color-mix(in oklab,var(--color-accent) 34%,transparent);
      --pt-fill:color-mix(in oklab,var(--color-accent) var(--tint),transparent);
      --pt-line:color-mix(in oklab,var(--color-accent) 20%,transparent);
      display:flex;
      flex-direction:column;
    }
    & [data-pt-head-top]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}
    & [data-pt-name]{
      font-family:var(--font-display);
      font-weight:600;
      font-size:var(--text-h3);
      letter-spacing:var(--tracking-h);
      line-height:1.2;
    }
    & [data-pt-cell="team"] [data-pt-name]{color:var(--color-accent-hi)}
    & [data-pt-badge]{
      display:inline-block;
      font-weight:500;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-muted);
      border:1px solid var(--color-line-hi);
      border-radius:var(--radius-pill);
      padding:var(--spacing-1) var(--spacing-3);
      white-space:nowrap;
    }
    & [data-pt-cell="team"] [data-pt-badge]{color:var(--color-accent-hi);border-color:var(--pt-edge)}
    & [data-pt-price]{display:flex;align-items:baseline;gap:var(--spacing-2);margin-top:var(--spacing-4)}
    & [data-pt-price] strong{
      font-family:var(--font-display);
      font-weight:600;
      font-size:var(--text-h1);
      letter-spacing:var(--tracking-h);
      line-height:1;
      font-variant-numeric:tabular-nums;
    }
    & [data-pt-unit]{font-size:var(--text-body-sm);color:var(--color-muted)}
    & [data-pt-free]{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:var(--text-caption)}
    & [data-pt-free] i{font-size:var(--icon-sm);color:var(--color-accent-hi)}
    & [data-pt-cta]{width:100%}
    & [data-pt-who]{
      font-weight:500;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-muted);
      text-transform:uppercase;
    }
    & [data-pt-cell="team"] [data-pt-who]{color:var(--color-accent-hi)}
    & [data-pt-val]{display:block;font-size:var(--text-body);font-weight:600;line-height:var(--leading-snug)}
    & [data-pt-val] i{margin-right:var(--spacing-2);font-size:var(--icon-sm);color:var(--color-accent-hi)}
    & [data-pt-val][data-off]{font-weight:400;color:var(--color-muted)}
    & [data-pt-val][data-off] i{color:var(--color-muted)}
    & [data-pt-plus]{color:var(--color-accent-hi)}

  }

  @media (max-width:1039px){
    [data-tf-root] [data-pt-who]{display:block}
    [data-tf-root] [data-pt-val]{margin-top:var(--spacing-1)}
    [data-tf-root] [data-pt-row]{display:block}
    [data-tf-root] [data-pt-row][data-head]{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}
    [data-tf-root] [data-pt-row][data-head] [data-pt-cell="param"]{display:none}
    [data-tf-root] [data-pt-row][data-head] [data-pt-cell]{
      padding:var(--spacing-5);
      border-radius:var(--radius-xl);
      background:var(--color-panel);
      border:1px solid var(--color-line);
    }
    [data-tf-root] [data-pt-row][data-head] [data-pt-cell="team"]{background:var(--pt-fill);border-color:var(--pt-edge)}
    [data-tf-root] [data-pt-row][data-group]{margin-top:var(--spacing-7);padding-bottom:var(--spacing-2)}
    [data-tf-root] [data-pt-row][data-group] [data-pt-cell="param"]{
      position:relative;
      padding-top:var(--spacing-4);
      font-weight:500;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-muted);
    }
    [data-tf-root] [data-pt-row][data-group] [data-pt-cell="param"]::before{
      content:'';
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:1px;
      background:var(--grad-line);
      opacity:var(--dim);
    }
    [data-tf-root] [data-pt-row][data-group] [data-pt-cell="team"],
    [data-tf-root] [data-pt-row][data-group] [data-pt-cell="ent"]{display:none}

    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]){
      display:flex;
      flex-wrap:wrap;
      gap:var(--spacing-2);
      padding:var(--spacing-4) 0;
      border-top:1px solid var(--color-line-2);
    }
    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]) [data-pt-cell="param"]{
      flex:0 0 100%;
      font-size:var(--text-body);
      color:var(--color-fg);
    }
    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]) [data-pt-cell="team"],
    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]) [data-pt-cell="ent"]{
      flex:1 1 0;
      min-width:0;
      box-sizing:border-box;
      padding:var(--spacing-2) var(--spacing-3);
      border-radius:var(--radius-sm);
      background:var(--color-panel-2);
      border:1px solid var(--color-line-2);
    }
    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]) [data-pt-cell="team"]{
      background:var(--pt-fill);
      border-color:var(--pt-edge);
    }
    [data-tf-root] [data-pt-row][data-same]:not([data-head]):not([data-group]) [data-pt-cell="ent"]{display:none}
    [data-tf-root] [data-pt-row][data-same]:not([data-head]):not([data-group]) [data-pt-cell="team"]{flex:1 1 100%}
  }

  @media (min-width:1040px){
    [data-tf-root] [data-pt-who]{display:none}
    [data-tf-root] [data-pt-row]{display:grid;grid-template-columns:minmax(0,1fr) 380px 380px;align-items:stretch}

    [data-tf-root] [data-pt-row][data-head] [data-pt-name]{white-space:nowrap}
    [data-tf-root] [data-pt-row] [data-pt-cell="team"]{
      background:var(--pt-fill);
      border-left:1px solid var(--pt-edge);
      border-right:1px solid var(--pt-edge);
    }
    [data-tf-root] [data-pt-row][data-head] [data-pt-cell]{padding:var(--spacing-6)}
    [data-tf-root] [data-pt-row][data-head] [data-pt-cell="param"]{padding:0}
    [data-tf-root] [data-pt-row][data-head] [data-pt-cell="team"]{
      border-top:1px solid var(--pt-edge);
      border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    }
    [data-tf-root] [data-pt-row][data-group] [data-pt-cell="param"]{
      position:relative;
      padding:var(--spacing-7) var(--spacing-6) var(--spacing-2) 0;
      font-weight:500;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-muted);
    }
    [data-tf-root] [data-pt-row][data-group] [data-pt-cell="param"]::before{
      content:'';
      position:absolute;
      left:0;
      right:var(--spacing-6);
      top:var(--spacing-4);
      height:1px;
      background:var(--grad-line);
      opacity:var(--dim);
    }
    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]) [data-pt-cell]{
      padding:var(--spacing-4) var(--spacing-6);
      border-top:1px solid var(--color-line-2);
    }
    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]) [data-pt-cell="param"]{
      padding-left:0;
      font-size:var(--text-body);
      color:var(--color-muted);
    }
    [data-tf-root] [data-pt-row]:not([data-head]):not([data-group]) [data-pt-cell="team"]{border-top-color:var(--pt-line)}
    [data-tf-root] [data-pt-row][data-last] [data-pt-cell="team"]{
      border-bottom:1px solid var(--pt-edge);
      border-radius:0 0 var(--radius-xl) var(--radius-xl);
    }
  }
  @media (prefers-reduced-motion:reduce){
    [data-reveal-group] > *{opacity:1 !important;transform:none !important;transition:none !important}
    [data-skel],[data-run-bar-sweep],[data-step-ripple],[data-edge]::before,
    [data-flowhub]::before,[data-flowhub]::after,[data-flowpulse]{animation:none !important}
    [data-flowpulse]{stroke-dasharray:none;opacity:.55}
    [data-flowlink] span span{animation:none;opacity:.6}

    [data-logos-track],[data-logos-track][data-doubled]{animation:none;flex-wrap:wrap;width:auto;justify-content:center;row-gap:var(--spacing-4)}
    [data-art][data-on],[data-pd-copy],[data-art] *{animation:none !important}
    [data-railbtn][data-state="on"] [data-rail-node]{transform:none}

    [data-scene],[data-scene][data-scene-armed]{height:auto}
    [data-scene-panel]{position:static;min-height:0;padding-top:0}
    [data-run-bar-sweep]{opacity:0 !important}
    [aria-hidden="true"] *{animation:none !important}
    *{animation-duration:.001ms !important;transition-duration:.001ms !important}
  }

  [data-tf-root] {
    & .shot-grid{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg) var(--spacing-xl)}
    & .shot-copy{flex:0 1 380px;min-width:0}
    & .shot-points{
      display:flex;
      flex-direction:column;
      gap:var(--spacing-3);
      margin-top:var(--spacing-5);
      padding-top:var(--spacing-5);
      border-top:1px solid var(--color-line-2);
    }

    & .shot-point{display:flex;align-items:flex-start;gap:var(--spacing-3)}
    & .shot-dot{flex:none;width:5px;height:5px;margin-top:8px;border-radius:var(--radius-pill);background:var(--color-accent-2)}
    & .shot-stage{position:relative;flex:1 1 480px;min-width:0;padding:0 var(--spacing-lg) var(--spacing-xl) 0}
    & .shot-frame{
      position:relative;
      border:1px solid var(--color-line);
      border-radius:var(--radius-xl);
      background:var(--color-surface-1);
      box-shadow:var(--shadow-2);
    }
    & .shot-chrome{
      display:flex;
      align-items:center;
      gap:var(--spacing-2);
      height:var(--spacing-lg);
      padding:0 var(--spacing-4);
      border-bottom:1px solid var(--color-line-2);
    }
    & .shot-chrome-inset{justify-content:space-between;height:var(--spacing-8);padding:0 var(--spacing-3)}
    & .shot-btn{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-line-hi)}
    & .shot-url{
      margin-left:var(--spacing-2);
      font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-label);
      color:var(--color-muted);
    }
    & .shot-chrome-inset .shot-url{margin-left:0}
    & .shot-ready{
      font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
      font-size:var(--text-caption-sm);
      color:var(--color-accent-2);
    }
    & .shot-body{padding:var(--spacing-2)}
    & .shot-body-inset{padding:var(--spacing-1)}
    & .shot-inset{
      position:absolute;
      right:0;
      bottom:0;
      width:50%;
      min-width:200px;
      max-width:calc(100% - var(--spacing-lg));
      border:1px solid var(--color-line-hi);
      border-radius:var(--radius-lg);
      background:var(--color-surface-1);
      box-shadow:var(--shadow-2);
    }

    & .shot-slot{
      display:grid;
      place-items:center;
      aspect-ratio:16 / 10;
      border-radius:var(--radius-lg);
      border:1px dashed var(--color-line-hi);
      background:var(--color-inset);
      padding:var(--spacing-4);
      text-align:center;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-label);
      color:var(--color-muted);
    }

    & .shot-slot:has(img){border-style:solid;border-color:var(--color-line-2);background:none;padding:0}
    & .shot-slot img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
  }

  @media (max-width:879px){
    [data-tf-root] .shot-stage{padding:0}
    [data-tf-root] .shot-inset{position:static;width:auto;max-width:none;margin-top:var(--spacing-5)}
  }

  [data-tf-root] {
    & button.shot-slot{
      appearance:none;
      width:100%;
      font:inherit;
      color:inherit;
      cursor:zoom-in;
      transition:var(--t-base);
    }
    & button.shot-slot:hover{border-color:color-mix(in oklab,var(--color-accent) var(--edge),var(--color-line))}
    & [data-lightbox]{
      position:fixed;
      inset:0;
      z-index:var(--z-modal);
      display:flex;
      align-items:center;
      justify-content:center;
      padding:var(--spacing-8);
      background:color-mix(in oklab,var(--color-bg) 88%,transparent);
      backdrop-filter:blur(var(--blur-panel));
      cursor:zoom-out;
      animation:tf-lb-in var(--dur-2) var(--ease-out) both;
    }
    & [data-lightbox] img{
      max-width:min(1600px,100%);
      max-height:100%;
      object-fit:contain;
      border:1px solid var(--color-line);
      border-radius:var(--radius-lg);
      box-shadow:var(--shadow-2);
      cursor:default;
    }
    & [data-lightbox-close]{
      position:absolute;
      top:var(--spacing-5);
      right:var(--spacing-5);
      width:var(--size-3xl);
      height:var(--size-3xl);
      display:grid;
      place-items:center;
      border:1px solid var(--color-line);
      border-radius:var(--radius-sm);
      background:var(--color-panel);
      color:var(--color-fg);
      font-size:var(--icon-lg);
      cursor:pointer;
      transition:var(--t-base);
    }
    & [data-lightbox-close]:hover{border-color:var(--color-accent);color:var(--color-accent)}
  }

  @keyframes tf-lb-in{from{opacity:0}to{opacity:1}}
  @media (max-width:640px){
    [data-tf-root] [data-lightbox]{padding:var(--spacing-4)}
  }

  [data-tf-root] {
    & [data-pilot-offer]{
      display:grid;
      grid-template-columns:1fr;
      gap:var(--spacing-5);
      align-items:center;
      padding:var(--spacing-6);
      border-radius:var(--radius-xl);
      background:color-mix(in oklab,var(--color-accent) var(--tint),var(--color-panel));
      border:1px solid color-mix(in oklab,var(--color-accent) 34%,transparent);
    }

    & [data-pilot-num]{display:flex;align-items:center;gap:var(--spacing-3)}
    & [data-pilot-num] .num-net{color:var(--color-accent-hi)}
    & [data-pilot-num-cap]{font-size:var(--text-lead);line-height:1.3;font-weight:600}
    & [data-pilot-num-cap] span{display:block;font-weight:400;color:var(--color-muted)}
    & [data-pilot-what]{margin:0;font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-muted)}
    & [data-pilot-offer] .btn-ghost-lg{margin-top:0;justify-self:start}
    & [data-pilot-steps]{display:grid;grid-template-columns:1fr;margin-top:var(--spacing-8)}
    & [data-pilot-step]{padding:var(--spacing-5) 0;border-top:1px solid var(--color-line-2)}
    & [data-pilot-step-head]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}
    & [data-pilot-step-title]{
      margin:0;
      font-family:var(--font-display);
      font-weight:600;
      font-size:var(--text-lead);
      letter-spacing:var(--tracking-h);
    }
    & [data-pilot-step-body]{margin:0;font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-muted)}
  }

  @media (min-width:880px){
    [data-tf-root] [data-pilot-offer]{
      grid-template-columns:auto minmax(0,1fr) auto;
      gap:var(--spacing-lg);
      padding:var(--spacing-6) var(--spacing-8);
    }
    [data-tf-root] [data-pilot-what]{
      border-left:1px solid color-mix(in oklab,var(--color-accent) 34%,transparent);
      padding-left:var(--spacing-lg);
    }
    [data-tf-root] [data-pilot-steps]{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--spacing-lg)}
    [data-tf-root] [data-pilot-step]{padding:0 var(--spacing-8);border-top:none}
    [data-tf-root] [data-pilot-step]:first-child{padding-left:0}
    [data-tf-root] [data-pilot-step]:last-child{padding-right:0}
    [data-tf-root] [data-pilot-step] + [data-pilot-step]{border-left:1px solid var(--color-line-2)}
  }

  [data-tf-root] [data-hdr-portal]:hover{border-color:var(--color-accent);color:var(--color-accent)}
  @media (max-width:640px){
    [data-tf-root] [data-hdr-portal]{display:none !important}
  }

  [data-tf-root] {
    & .t-note{font-size:var(--text-body-sm);line-height:var(--leading-snug);color:var(--color-muted)}
    & .t-body{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-fg)}
    & .t-cap{font-size:var(--text-caption);color:var(--color-muted)}
    & .t-note-loose{font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-muted)}
    & .t-num-cap{font-size:var(--text-caption-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}
    & .t-cap-row{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-caption);color:var(--color-muted)}
    & .t-row-label{flex:1;font-size:var(--text-body-sm);color:var(--color-muted);transition:var(--t-base)}
    & .eyebrow{font-weight:500;font-size:var(--text-caption-sm);letter-spacing:var(--tracking-eyebrow);color:var(--color-accent)}
    & .eyebrow-mb{
      font-weight:500;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-accent);
      margin-bottom:var(--spacing-3);
    }

    & .h-sec{
      font-family:var(--font-display);
      font-weight:600;
      font-size:var(--text-h1);
      letter-spacing:var(--tracking-h);
      line-height:var(--leading-tight);
      margin:0 0 var(--spacing-4);
    }
    & .h-box{
      font-family:var(--font-display);
      font-weight:600;
      font-size:var(--text-h3);
      letter-spacing:var(--tracking-h);
      margin:0 0 var(--spacing-3);
    }
    & .h-sub{font-family:var(--font-display);font-weight:600;font-size:var(--text-h4)}
    & .h-sub-mb{font-family:var(--font-display);font-weight:600;font-size:var(--text-h4);margin-bottom:var(--spacing-2)}

    & .grad-text{
      background:var(--grad-text,var(--grad-accent-h));
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      -webkit-text-fill-color:transparent;
    }

  }

  @supports not ((-webkit-background-clip:text) or (background-clip:text)){
    [data-tf-root] .grad-text{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent)}
  }
  [data-tf-root] {
    & .num-net{
      font-family:var(--font-display);
      font-weight:600;
      font-size:var(--text-display);
      letter-spacing:var(--tracking-h);
      line-height:1;
      font-variant-numeric:tabular-nums;
    }
    & .lead{
      font-size:var(--text-lead);
      line-height:var(--leading-body);
      color:var(--color-muted);
      max-width:700px;
      margin:0 0 var(--spacing-8);
    }
    & .p-intro{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-muted);margin:0;max-width:700px}
    & .p-note{font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-muted);margin:0 0 var(--spacing-4)}
    & .acc-body{
      margin:0;
      padding:0 var(--spacing-5) var(--spacing-5);
      font-size:var(--text-body-sm);
      line-height:var(--leading-body);
      color:var(--color-muted);
    }

    & .ic{font-size:var(--icon-md);pointer-events:none}
    & .ic-a{flex:none;font-size:var(--icon-md);color:var(--color-accent);pointer-events:none}
    & .ic-a-top{flex:none;font-size:var(--icon-md);color:var(--color-accent);margin-top:var(--spacing-1);pointer-events:none}
    & .ic-muted{font-size:var(--icon-md);color:var(--color-muted);pointer-events:none}
    & .ic-muted-top{flex:none;font-size:var(--icon-md);color:var(--color-muted);margin-top:var(--spacing-1);pointer-events:none}
    & .ic-lg-w{font-size:var(--icon-lg);color:#fff;pointer-events:none}
    & .ic-lg-a{font-size:var(--icon-lg);color:var(--color-accent);pointer-events:none}
    & .ic-svg{width:var(--icon-md);height:var(--icon-md);fill:currentColor;flex:none}

    & .tile-off{
      flex:none;
      width:var(--size-lg);
      height:var(--size-lg);
      border-radius:var(--radius-xs);
      background:var(--color-panel-hi);
      color:var(--color-muted);
      display:grid;
      place-items:center;
      filter:grayscale(1);
    }

    & .tile-mark{
      flex:none;
      width:var(--size-lg);
      height:var(--size-lg);
      border-radius:var(--radius-xs);
      background:color-mix(in oklab,currentColor 16%,transparent);
      display:grid;
      place-items:center;
    }
    & .tile-a{
      width:var(--size-2xl);
      height:var(--size-2xl);
      border-radius:var(--radius-lg);
      background:color-mix(in oklab,var(--color-accent) var(--tint),transparent);
      display:grid;
      place-items:center;
      flex:none;
    }
    & .tile-grad{
      width:var(--size-2xl);
      height:var(--size-2xl);
      border-radius:var(--radius-lg);
      background:var(--grad-accent);
      display:grid;
      place-items:center;
      flex:none;
    }
    & .badge-num{
      width:var(--size-lg);
      height:var(--size-lg);
      border-radius:var(--radius-pill);
      background:var(--grad-accent);
      color:#fff;
      display:grid;
      place-items:center;
      flex:none;
      font-size:var(--text-caption-sm);
      font-weight:600;
    }
    & .step-dot{
      position:relative;
      z-index:1;
      width:var(--size-lg);
      height:var(--size-lg);
      border-radius:var(--radius-pill);
      border:1px solid var(--color-line);
      background:var(--color-panel-2);
      display:grid;
      place-items:center;
      flex:none;
      transition:var(--t-base);
    }
    & .step-ripple{
      position:absolute;
      inset:-1px;
      border-radius:var(--radius-pill);
      border:1px solid var(--color-accent);
      opacity:0;
      pointer-events:none;
    }
    & .step-time{
      font-size:var(--text-caption-sm);
      color:var(--color-muted);
      font-variant-numeric:tabular-nums;
      opacity:0;
      transform:translateX(4px);
      transition:var(--t-overlay);
    }
    & .dot-live{
      flex:none;
      width:var(--size-2xs);
      height:var(--size-2xs);
      border-radius:50%;
      background:var(--color-success);
      box-shadow:0 0 var(--spacing-2) color-mix(in oklab,var(--color-success) 55%,transparent);
    }

    & .dot-dev{flex:none;width:var(--size-2xs);height:var(--size-2xs);border-radius:50%;border:1.5px solid var(--color-warning)}
    & .head-row{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}
    & .chip-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0}
    & .chip-name{
      flex:1;
      min-width:0;
      font-size:var(--text-body-sm);
      font-weight:600;
      color:var(--color-fg);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    & .chip-name-off{
      flex:1;
      min-width:0;
      font-size:var(--text-body-sm);
      font-weight:400;
      color:var(--color-muted);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

  }

  @media (max-width:640px){
    [data-runhead]{flex-wrap:wrap}
    [data-runtitle]{flex:1 1 100%;white-space:normal;overflow:visible}

    [data-contactpanel]{padding:var(--spacing-6) !important;gap:var(--spacing-6) !important}

    [data-contactcard]{padding:var(--spacing-4) !important;gap:var(--spacing-3) !important}
    [data-contactcard] .tile-grad{width:var(--size-xl);height:var(--size-xl)}
  }

  [data-tf-root] {
    & footer a{min-height:var(--size-lg);display:inline-flex;align-items:center}
    & .list-row{
      display:flex;
      align-items:flex-start;
      gap:var(--spacing-3);
      padding:var(--spacing-4) 0;
      border-top:1px solid var(--color-line-2);
    }
    & .list-row-lg{
      display:flex;
      align-items:flex-start;
      gap:var(--spacing-4);
      padding:var(--spacing-5) 0;
      border-top:1px solid var(--color-line-2);
    }
    & .list-row-sm{
      display:flex;
      align-items:flex-start;
      gap:var(--spacing-3);
      padding:var(--spacing-2) 0;
      border-top:1px solid var(--color-line-2);
    }
    & .col-3{display:flex;flex-direction:column;gap:var(--spacing-3)}

    & [data-contactcard]{
      display:flex;
      align-items:center;
      gap:var(--spacing-4);
      padding:var(--spacing-4) var(--spacing-5);
      border-radius:var(--radius-xl);
      background:var(--color-panel);
      color:var(--color-fg);
      transition:var(--t-base);
    }
    & [data-contactcard]:hover{
      transform:translateY(-2px);
      border-color:color-mix(in oklab,var(--color-accent) var(--edge),var(--color-line));
    }
    & [data-contactcol]{gap:var(--spacing-4)}
    & [data-contactcol] > [data-contactcard]:first-of-type{margin-top:auto}

    & .row-fill{position:relative;flex:1;min-height:var(--size-2xl);display:flex;align-items:center;gap:var(--spacing-3)}
    & .group-head{
      display:flex;
      align-items:center;
      gap:var(--spacing-3);
      padding-bottom:var(--spacing-3);
      margin-bottom:var(--spacing-2);
      border-bottom:1px solid var(--color-line-2);
    }

    & .wrap{position:relative;max-width:1120px;margin:0 auto}

    & .layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;--fade:min(96px,25%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}
    & .layer > *{translate:0 var(--py,0px)}
    & .glow{
      position:absolute;
      background:radial-gradient(ellipse at var(--glow-at,center),color-mix(in oklab,var(--glow-color,var(--color-accent)) var(--glow-mix,8%),transparent),transparent 70%);
    }

  }

  [data-hero-stars]{
    -webkit-mask-image:radial-gradient(66% 62% at 26% 44%,transparent 0 46%,#000 100%);
    mask-image:radial-gradient(66% 62% at 26% 44%,transparent 0 46%,#000 100%);
  }
  @media (max-width:879px){
    [data-hero-stars]{-webkit-mask-image:none;mask-image:none;opacity:.45}
  }
  [data-tf-root] {
    & .star{
      position:absolute;
      width:4px;
      height:4px;
      border-radius:50%;
      background:var(--star-color,var(--color-fg));
      box-shadow:0 0 8px var(--star-glow,transparent);
      opacity:.2;
      animation:tf-twinkle var(--star-dur) var(--ease-out) var(--star-delay) infinite;
    }
    & .star[data-accent]{
      --star-color:var(--color-accent);
      --star-glow:color-mix(in oklab,var(--color-accent) 60%,transparent);
    }
    & .divider{height:1px;background:var(--grad-line);opacity:var(--dim);margin-bottom:var(--spacing-6)}
    & .box{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-panel-2);overflow:hidden}
    & .flow-group{
      display:flex;
      flex-direction:column;
      padding:var(--spacing-5);
      border-radius:var(--radius-lg);
      border:1px solid var(--color-line-2);
      background:var(--color-panel-2);
    }
    & .sec{
      --color-panel:var(--color-panel-on-bg);
      --color-panel-2:var(--color-panel-2-on-bg);
      --color-panel-hi:var(--color-panel-hi-on-bg);
      position:relative;
      overflow:hidden;
      border-top:1px solid var(--color-line-2);
      padding:var(--spacing-2xl) var(--spacing-8);
    }
    & .sec-alt{
      position:relative;
      overflow:hidden;
      background:var(--color-surface-1);
      border-top:1px solid var(--color-line-2);
      padding:var(--spacing-2xl) var(--spacing-8);
    }

    & .acc-btn{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:var(--spacing-4);
      padding:var(--spacing-5);
      background:transparent;
      border:none;
      color:var(--color-fg);
      cursor:pointer;
      text-align:left;
      font-size:var(--text-lead);
      font-weight:500;
    }
    & .acc-answer{max-height:0;opacity:0;overflow:hidden;transition:var(--t-overlay)}
    & .acc-mark{color:var(--color-accent);font-size:var(--text-h4);transition:var(--t-overlay);flex:none;display:inline-flex}

    & .nav-link{color:var(--color-fg);font-weight:600;padding-block:var(--spacing-2);transition:var(--t-base)}
    & [data-nav] .nav-link:hover{color:var(--color-accent-hi)}
    & .nav-link[aria-current="page"],
      & .panel-link[aria-current="page"]{color:var(--color-accent-hi)}
    & .panel-link{
      height:var(--size-3xl);
      display:flex;
      align-items:center;
      padding:0 var(--spacing-3);
      border-radius:var(--radius-sm);
      color:var(--color-fg);
      font-weight:600;
    }
    & .social-btn{
      width:var(--size-xl);
      height:var(--size-xl);
      border-radius:var(--radius-lg);
      border:1px solid var(--color-line);
      display:grid;
      place-items:center;
      color:var(--color-muted);
      transition:var(--t-base);
    }

    & .cta-grad{
      height:var(--size-3xl);
      display:inline-flex;
      align-items:center;
      gap:var(--spacing-2);
      padding:0 var(--spacing-6);
      border-radius:var(--radius-lg);
      background:var(--grad-accent);
      color:#fff;
      font-weight:600;
      font-size:var(--text-body-sm);
      transition:var(--t-base);
    }
    & .cta-grad:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
    & .cta-grad:active{transform:translateY(0)}
    & .btn-ghost-lg{
      margin-top:var(--spacing-5);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:var(--spacing-2);
      height:var(--spacing-lg);
      padding:0 var(--spacing-7);
      border-radius:var(--radius-lg);
      border:1px solid var(--color-line-hi);
      background:transparent;
      color:var(--color-fg);
      font-weight:600;
      font-size:var(--text-lead);
      transition:var(--t-base);
    }
    & .btn-ghost-lg:hover{border-color:var(--color-accent);color:var(--color-accent)}
    & .btn-ghost-lg:active{transform:translateY(1px)}

    & [data-cmp]{
      --cmp-edge:color-mix(in oklab,var(--color-accent) 34%,transparent);
      --cmp-fill:color-mix(in oklab,var(--color-accent) var(--tint),transparent);
    }
    & [data-cmp-name]{
      font-family:var(--font-display);
      font-weight:600;
      font-size:var(--text-h4);
      line-height:1.2;
      letter-spacing:var(--tracking-h);
      color:var(--color-fg);
    }
    & [data-cmp-name][data-accent]{color:var(--color-accent-hi)}
    & [data-cmp-badges]{margin-top:var(--spacing-3)}
    & [data-cmp-badge]{
      display:inline-block;
      font-weight:500;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-muted);
      border:1px solid var(--color-line-hi);
      border-radius:var(--radius-pill);
      padding:var(--spacing-1) var(--spacing-3);
    }
    & [data-cmp-badge][data-accent]{color:var(--color-accent-hi);border-color:var(--cmp-edge)}
    & [data-cmp-who]{font-size:var(--text-caption);color:var(--color-muted)}
    & [data-cmp-cell="forge"] [data-cmp-who]{
      font-weight:500;
      font-size:var(--text-caption-sm);
      letter-spacing:var(--tracking-eyebrow);
      color:var(--color-accent-hi);
    }
    & [data-cmp-val]{display:block;font-size:var(--text-body);font-weight:600;color:var(--color-muted)}
    & [data-cmp-cell="forge"] [data-cmp-val]{color:var(--color-fg)}
    & [data-cmp-sub]{
      display:block;
      margin-top:var(--spacing-1);
      font-size:var(--text-caption-sm);
      line-height:var(--leading-snug);
      color:var(--color-muted);
    }

    & [data-cmp-row]{display:block}
    & [data-cmp-row] + [data-cmp-row]{margin-top:var(--spacing-6)}
    & [data-cmp-row][data-head] [data-cmp-cell="crit"]{display:none}
    & [data-cmp-row][data-head] [data-cmp-cell="forge"]{
      padding:var(--spacing-4);
      border-radius:var(--radius-lg);
      background:var(--cmp-fill);
      border:1px solid var(--cmp-edge);
    }
    & [data-cmp-row][data-head] [data-cmp-cell="tool"]{
      margin-top:var(--spacing-4);
      padding-top:var(--spacing-4);
      border-top:1px solid var(--color-line-2);
    }
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="crit"]{
      display:flex;
      align-items:center;
      gap:var(--spacing-3);
      padding-top:var(--spacing-5);
      border-top:1px solid var(--color-line-2);
      font-size:var(--text-body);
      font-weight:600;
      color:var(--color-fg);
    }
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="forge"]{
      display:grid;
      grid-template-columns:auto minmax(0,1fr);
      column-gap:var(--spacing-4);
      margin-top:var(--spacing-3);
      padding:var(--spacing-3) var(--spacing-4);
      border-radius:var(--radius-lg);
      background:var(--cmp-fill);
      border:1px solid var(--cmp-edge);
    }
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="forge"] [data-cmp-val],
      & [data-cmp-row]:not([data-head]) [data-cmp-cell="forge"] [data-cmp-sub]{text-align:right}
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="forge"] [data-cmp-sub]{grid-column:2}
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"]{
      display:grid;
      grid-template-columns:auto minmax(0,1fr);
      column-gap:var(--spacing-4);
      padding:var(--spacing-2) var(--spacing-1);
      border-top:1px solid var(--color-line-2);
    }
    & [data-cmp-cell="forge"] + [data-cmp-cell="tool"]{margin-top:var(--spacing-3)}
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"] [data-cmp-val],
      & [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"] [data-cmp-sub]{text-align:right}
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"] [data-cmp-val]{font-size:var(--text-body-sm)}
    & [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"] [data-cmp-sub]{grid-column:2}
  }

  @media (min-width:1040px){
    [data-tf-root] [data-cmp-row]{
      display:grid;
      grid-template-columns:200px repeat(3,minmax(0,1fr));
      align-items:stretch;
    }
    [data-tf-root] [data-cmp-row] + [data-cmp-row]{margin-top:0}
    [data-tf-root] [data-cmp-who]{display:none}
    [data-tf-root] [data-cmp-row][data-head] [data-cmp-cell]{
      display:flex;
      flex-direction:column;
      margin-top:0;
      padding:var(--spacing-5);
      border-top:none;
      background:none;
      border:none;
      border-radius:0;
    }
    [data-tf-root] [data-cmp-row][data-head] [data-cmp-cell="crit"]{display:block;padding:0}
    [data-tf-root] [data-cmp-row][data-head] [data-cmp-cell="forge"]{
      background:var(--cmp-fill);
      border:1px solid var(--cmp-edge);
      border-bottom:none;
      border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    }
    [data-tf-root] [data-cmp-row][data-head] [data-cmp-badges]{margin-top:auto;padding-top:var(--spacing-4)}
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell]{
      display:block;
      margin-top:0;
      padding:var(--spacing-4) var(--spacing-5);
      border:none;
      border-top:1px solid var(--color-line-2);
      border-radius:0;
      background:none;
    }
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell="crit"]{
      display:flex;
      align-items:center;
      gap:var(--spacing-3);
      padding-left:0;
      padding-right:var(--spacing-4);
      font-size:var(--text-body-sm);
      font-weight:400;
      color:var(--color-muted);
    }
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell="forge"]{
      background:var(--cmp-fill);
      border-left:1px solid var(--cmp-edge);
      border-right:1px solid var(--cmp-edge);
      border-top-color:var(--cmp-edge);
    }
    [data-tf-root] [data-cmp-row][data-last] [data-cmp-cell="forge"]{
      border-bottom:1px solid var(--cmp-edge);
      border-radius:0 0 var(--radius-xl) var(--radius-xl);
    }
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"] [data-cmp-val],
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"] [data-cmp-sub],
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell="forge"] [data-cmp-val],
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell="forge"] [data-cmp-sub]{text-align:left}
    [data-tf-root] [data-cmp-row]:not([data-head]) [data-cmp-cell="tool"] [data-cmp-val]{font-size:var(--text-body)}
  }