/* ============================================================
   C-24 BROADCAST FOUNDRY
   Power through scale, contrast and visible transformation.
   This file intentionally loads after page-local styles.
   ============================================================ */

:root{
  --forge:#080808;
  --forge-2:#11100F;
  --paper:#F2EFE8;
  --paper-2:#FFF9EE;
  --blaze:#FF4D00;
  --blaze-hot:#FF6A2A;
  --cobalt:#3155FF;
  --cobalt-hot:#6882FF;
  --chassis:var(--paper);
  --panel:var(--paper-2);
  --panel-elevated:#FFFDF7;
  --panel-sunk:#DED8CE;
  --ink:#090908;
  --ink-60:#4B4741;
  --ink-40:#625D56;
  --ink-30:#8E877D;
  --signal:var(--blaze);
  --signal-deep:#B93600;
  --signal-ink:#A63000;
  --signal-fill:var(--blaze);
  --signal-fill-deep:#CC3D00;
  --signal-cyan:var(--cobalt);
  --signal-cyan-bright:var(--cobalt-hot);
  --signal-wash:rgba(255,77,0,.09);
  --signal-line:rgba(255,77,0,.42);
  --signal-glow:rgba(255,77,0,.22);
  --line:rgba(9,9,8,.25);
  --line-soft:rgba(9,9,8,.12);
  --line-ctl:rgba(9,9,8,.62);
  --surface-seat:rgba(9,9,8,.05);
  --watermark:rgba(9,9,8,.055);
  --bevel:none;
  --lift-shadow:0 28px 70px rgba(25,18,10,.16);
  --card-shadow:0 18px 45px rgba(25,18,10,.13);
  --r-ctrl:0px;
  --r-mod:0px;
}

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --chassis:var(--forge);
    --panel:#11100F;
    --panel-elevated:#161514;
    --panel-sunk:#030303;
    --ink:#F5F1E9;
    --ink-60:#C0B8AC;
    --ink-40:#9C9489;
    --ink-30:#746D64;
    --signal:var(--blaze-hot);
    --signal-deep:#FFAA87;
    --signal-ink:#FF9162;
    --signal-fill:var(--blaze);
    --signal-fill-deep:#D64000;
    --signal-cyan:var(--cobalt-hot);
    --signal-cyan-bright:#91A2FF;
    --signal-wash:rgba(255,77,0,.13);
    --signal-line:rgba(255,106,42,.55);
    --signal-glow:rgba(255,77,0,.28);
    --line:rgba(245,241,233,.25);
    --line-soft:rgba(245,241,233,.12);
    --line-ctl:rgba(245,241,233,.58);
    --surface-seat:rgba(255,255,255,.07);
    --watermark:rgba(255,255,255,.045);
    --lift-shadow:0 34px 78px rgba(0,0,0,.48);
    --card-shadow:0 20px 46px rgba(0,0,0,.38);
  }
}

:root[data-theme="dark"]{
  --chassis:var(--forge);
  --panel:#11100F;
  --panel-elevated:#161514;
  --panel-sunk:#030303;
  --ink:#F5F1E9;
  --ink-60:#C0B8AC;
  --ink-40:#9C9489;
  --ink-30:#746D64;
  --signal:var(--blaze-hot);
  --signal-deep:#FFAA87;
  --signal-ink:#FF9162;
  --signal-fill:var(--blaze);
  --signal-fill-deep:#D64000;
  --signal-cyan:var(--cobalt-hot);
  --signal-cyan-bright:#91A2FF;
  --signal-wash:rgba(255,77,0,.13);
  --signal-line:rgba(255,106,42,.55);
  --signal-glow:rgba(255,77,0,.28);
  --line:rgba(245,241,233,.25);
  --line-soft:rgba(245,241,233,.12);
  --line-ctl:rgba(245,241,233,.58);
  --surface-seat:rgba(255,255,255,.07);
  --watermark:rgba(255,255,255,.045);
  --lift-shadow:0 34px 78px rgba(0,0,0,.48);
  --card-shadow:0 20px 46px rgba(0,0,0,.38);
}

html{ background:var(--chassis); }
body{
  background-color:var(--chassis);
  background-image:none;
}
body.has-nav::before{ display:none; }
::selection{ background:var(--blaze); color:var(--forge); }
:focus-visible{ outline-color:var(--blaze); outline-width:3px; outline-offset:3px; }

.shell{ width:100%; min-width:0; max-width:1200px; }
.section{ padding-block:64px; }
.section + .section{ border-top:1px solid var(--line); }
@media(min-width:768px){ .section{ padding-block:96px; } }

.display{
  font-variation-settings:'wdth' 116,'wght' 900;
  letter-spacing:-.045em;
  line-height:.85;
}
.eng{ font-variation-settings:'wdth' 82,'wght' 680; }
.kicker{ gap:14px; margin-bottom:24px; }
.kicker .bar,.sec-head .bar{ width:48px; height:8px; background:var(--blaze); flex:none; }
.lede{ font-size:clamp(17px,1.55vw,21px); line-height:1.48; }
.sec-head{ min-width:0; align-items:flex-end; gap:18px; margin-bottom:38px; flex-wrap:wrap; }
.sec-head h2,.sec-head h2.display{ min-width:0; max-width:100%; overflow-wrap:anywhere; font-size:clamp(42px,6vw,78px)!important; line-height:.86; }

/* ---------- compact foundry rail: navigation is present without owning the canvas ---------- */
.sidebar{
  background:var(--forge);
  color:var(--paper);
  border-right:0;
  box-shadow:none;
}
.sidebar::before{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:6px;
  background:linear-gradient(var(--blaze) 0 27%,var(--cobalt) 27% 100%);
  z-index:3;
}
.sidebar::after{ display:none; }
.sb-expand-cue{ display:none; }
.sb-nav{ overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.sb-nav-shell{ position:relative; flex:1 1 auto; min-height:0; }
.sb-nav-shell .sb-nav{ height:100%; }
.sb-scroll-track{ display:none; }
.pg-scroll-track{ display:none; }
.sb-brand,.nav-item,.sb-search,.theme-toggle{ color:var(--paper); }
.nav-item{ border:0; }
.nav-item:hover,.nav-item.active{ background:var(--paper); color:var(--forge); }
.nav-item .ni-ico{ color:#A9A39A; }
.nav-item:hover .ni-ico,.nav-item.active .ni-ico{ color:var(--blaze); transform:none; }
.ni-bar{ left:0; width:6px; border-radius:0; background:var(--blaze); }
.sb-search{ border:2px solid rgba(242,239,232,.35); background:transparent; color:var(--paper); }
.sb-search:hover{ border-color:var(--blaze); color:var(--paper); }
.sb-foot{ border-color:rgba(242,239,232,.18); }
.theme-toggle{ border:2px solid rgba(242,239,232,.35); background:transparent; }
.mobilebar{ background:var(--forge); color:var(--paper); border:0; box-shadow:none; }
.mobilebar::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:5px; background:linear-gradient(90deg,var(--blaze) 0 35%,var(--cobalt) 35% 100%); }
.mb-burger,.mb-search{ width:44px; height:44px; min-width:44px; min-height:44px; background:transparent; color:var(--paper); border:2px solid rgba(242,239,232,.45); }
.mb-brand .model{ color:#AAA39A; }
.foot{ margin-top:0; border:0; background:var(--forge); color:var(--paper); }
.foot-in{ max-width:1440px; min-height:106px; }
.foot-mark,.foot-links a{ color:#B5AEA4; }
.foot-links a:hover{ color:var(--blaze-hot); }

@media(min-width:900px) and (hover:hover) and (pointer:fine){
  html.pg-scroll-ready{ scrollbar-width:none; }
  html.pg-scroll-ready::-webkit-scrollbar{ width:0; height:0; }
  .pg-scroll-track{ position:fixed; z-index:58; inset:0 0 0 auto; display:block; width:6px; overflow:hidden; background:var(--forge); touch-action:none; }
  .pg-scroll-track::after{ content:""; position:absolute; z-index:2; inset:0; width:6px; background:linear-gradient(var(--blaze) 0 42%,var(--cobalt) 42% 100%); }
  .pg-scroll-track[hidden]{ display:none!important; }
  .pg-scroll-thumb{ position:absolute; z-index:1; inset:0; width:6px; min-height:58px; cursor:grab; transform:translateY(0); will-change:height,transform; }
  .pg-scroll-thumb.dragging{ cursor:grabbing; }
  body.has-nav{ padding-left:96px; }
  .sidebar{ width:96px; padding:18px 10px 14px 12px; transition:width .3s cubic-bezier(.2,0,0,1),box-shadow .3s ease; overflow:visible; }
  .sidebar:is(:hover,:focus-within){ width:250px; box-shadow:24px 0 70px rgba(0,0,0,.42); }
  .sb-nav{ scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:var(--blaze) #171614; }
  .sb-nav::-webkit-scrollbar{ width:8px; }
  .sb-nav::-webkit-scrollbar-track{ background:#171614; box-shadow:inset 1px 0 rgba(242,239,232,.16); }
  .sb-nav::-webkit-scrollbar-thumb{ min-height:52px; border:1px solid var(--forge); border-radius:0; background:linear-gradient(180deg,var(--blaze) 0 70%,var(--cobalt) 70% 100%); }
  .sb-nav::-webkit-scrollbar-thumb:hover{ background:var(--blaze-hot); }
  .sb-nav::-webkit-scrollbar-thumb:active{ background:var(--paper); }
  .sb-nav::-webkit-scrollbar-button{ width:0; height:0; display:none; }
  .sb-scroll-ready .sb-nav{ padding-right:26px; scrollbar-width:none; }
  .sb-scroll-ready .sb-nav::-webkit-scrollbar{ width:0; }
  .sb-scroll-track{ position:absolute; z-index:4; inset:4px 0 4px auto; display:block; width:24px; overflow:hidden; background:transparent; touch-action:none; }
  .sb-scroll-track::before{ content:""; position:absolute; inset:0 0 0 auto; width:16px; border:1px solid rgba(242,239,232,.34); background:#171614; }
  .sb-scroll-track[hidden]{ display:none!important; }
  .sb-scroll-thumb{ position:absolute; inset:0 0 auto auto; width:24px; min-height:52px; cursor:grab; transform:translateY(0); will-change:height,transform; }
  .sb-scroll-thumb::before{ content:""; position:absolute; inset:0 0 0 auto; width:16px; border:1px solid var(--forge); background:linear-gradient(180deg,var(--blaze) 0 70%,var(--cobalt) 70% 100%); }
  .sb-scroll-thumb:hover::before{ background:var(--blaze-hot); }
  .sb-scroll-thumb.dragging{ cursor:grabbing; }
  .sb-scroll-thumb.dragging::before{ background:var(--paper); }
  .sb-top{ min-height:42px; padding:2px 0 16px; }
  .sb-brand{ position:relative; display:flex; width:100%; min-width:48px; min-height:34px; align-items:center; }
  .sb-brand::before{ content:"C/24"; position:absolute; left:3px; top:3px; color:var(--paper); font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 125,'wght' 900; font-size:18px; line-height:1; letter-spacing:-.04em; }
  .sb-brand>span{ opacity:0; transform:translateX(-6px); transition:opacity .15s ease,transform .2s ease; white-space:nowrap; }
  .sidebar:is(:hover,:focus-within) .sb-brand::before{ opacity:0; }
  .sidebar:is(:hover,:focus-within) .sb-brand>span{ opacity:1; transform:none; transition-delay:.09s; }
  .sb-search{ width:48px; min-width:48px; height:46px; padding:0; justify-content:center; overflow:hidden; transition:width .3s cubic-bezier(.2,0,0,1),border-color .15s ease; }
  .sb-search-txt,.sb-search .kbd,.ni-label,.nav-glabel,.sb-clock,.sb-ver{ opacity:0; width:0; overflow:hidden; white-space:nowrap; transition:opacity .14s ease; }
  .sidebar:is(:hover,:focus-within) .sb-search{ width:100%; padding:8px 11px; justify-content:flex-start; }
  .sidebar:is(:hover,:focus-within) :is(.sb-search-txt,.sb-search .kbd,.ni-label,.nav-glabel,.sb-clock,.sb-ver){ opacity:1; width:auto; overflow:visible; transition-delay:.1s; }
  .nav-group{ gap:4px; }
  .nav-item{ min-width:48px; min-height:44px; padding:10px 14px; justify-content:center; overflow:hidden; }
  .sidebar:is(:hover,:focus-within) .nav-item{ justify-content:flex-start; }
  .sidebar:not(:hover):not(:focus-within) .nav-glabel{ height:4px; padding:0; margin:5px 0; background:rgba(242,239,232,.18); }
  .sb-foot{ align-items:center; }
  .theme-toggle{ min-width:46px; justify-content:center; padding:6px; }
  .theme-toggle .tt-ico{ display:none; }
  .sidebar:is(:hover,:focus-within) .theme-toggle{ padding:6px 9px; }
  .sb-expand-cue{
    position:absolute;
    z-index:5;
    top:50%;
    right:-38px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    width:48px;
    min-width:48px;
    min-height:198px;
    padding:15px 11px;
    border:2px solid rgba(242,239,232,.7);
    border-left:0;
    background:var(--forge);
    color:var(--paper);
    box-shadow:2px 0 0 var(--cobalt),14px 0 36px rgba(0,0,0,.46);
    text-align:center;
    font:800 11px/1 'IBM Plex Mono',monospace;
    letter-spacing:0;
    cursor:default;
    pointer-events:auto;
    opacity:0;
    visibility:hidden;
    transform:translate(-8px,-50%);
    transition:opacity .16s linear,visibility 0s linear .24s,transform .22s cubic-bezier(.2,0,0,1);
  }
  .sb-expand-cue::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--blaze); }
  .sb-expand-cue>span{ display:grid; place-items:center; width:22px; min-height:11px; }
  .sb-expand-cue>span:nth-child(5){ margin-bottom:3px; }
  .sb-expand-cue>span:nth-child(6){ height:22px; margin:1px 0 4px; background:var(--blaze); color:var(--forge); }
  .sidebar.sb-cue-idle:not(:hover):not(:focus-within) .sb-expand-cue{ opacity:1; visibility:visible; transform:translate(0,-50%); transition-delay:0s; }
  .sidebar:is(:hover,:focus-within) .sb-expand-cue{ opacity:0; visibility:hidden; transform:translate(-8px,-50%); transition-delay:0s,.24s,0s; }
}

/* ---------- global editorial mastheads ---------- */
.page-head{
  min-height:330px;
  display:grid;
  align-items:end;
  padding:72px 0 52px;
  border:0;
  background:var(--forge);
  color:var(--paper);
  isolation:isolate;
}
.page-head::before{ content:""; position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(49,85,255,.16),transparent 42%); }
.page-head::after{ display:none; }
.page-head .shell{ position:relative; z-index:1; width:100%; }
.page-head h1.display{ max-width:12ch; margin:0; font-size:clamp(60px,9vw,116px); color:var(--paper); text-wrap:balance; }
.page-head .lede{ max-width:62ch; color:var(--paper); }
.page-head .lede .soft,.page-head .eng{ color:#C5BDB2; }
.page-head .kicker .bar{ background:var(--blaze); }

/* ---------- shared work surfaces ---------- */
.instrument-wrap::before{ display:none; }
.regmark{ display:none; }
.watermark{ display:none; }
.module,.tier,.bridge,.mediacard,.part,.node,.tablewrap,.specsheet{
  border-radius:0;
  border:1px solid var(--line);
  box-shadow:none;
}
.tablewrap{ min-width:0; max-width:100%; }
.module{
  position:relative;
  border-top:1px solid var(--line);
  background:var(--panel-elevated);
  color:var(--ink);
  padding:24px;
}
.module::before{ display:none; }
.module#unit,.module.ex-unit{ border-top:6px solid var(--blaze); }
.module>*{ position:relative; z-index:1; }
.module-head{ border-bottom:2px solid var(--line); padding-bottom:22px; margin-bottom:30px; }
.module-head::after{ display:none; }
.module-title .name{ color:var(--ink); font-size:15px; }
.module-title .spec{ font-size:13px; }
.state-led{ padding:7px 10px; border:2px solid var(--line); background:var(--chassis); }
.led{ border-radius:0; box-shadow:none; }
.led::after{ display:none; }

.dropzone{
  position:relative;
  min-height:190px;
  justify-content:flex-end;
  align-items:flex-start;
  overflow:hidden;
  padding:28px;
  border:1px dashed var(--line-ctl);
  background:linear-gradient(135deg,var(--surface-seat),transparent 58%);
}
.dropzone::before{ display:none; }
.dropzone::after{ content:""; position:absolute; top:0; left:0; width:6px; height:100%; background:var(--cobalt); transform:scaleY(.22); transform-origin:bottom; transition:transform .28s cubic-bezier(.2,0,0,1); }
.dropzone:is(:hover,:focus-visible,.drag)::after{ transform:scaleY(1); }
.dropzone .glyph{ width:54px; height:54px; color:var(--cobalt); }
.dropzone .prompt{ font-size:clamp(19px,2vw,28px); font-variation-settings:'wght' 760; }
.dropzone .sub{ font-size:13px; }

.btn{
  position:relative;
  min-height:54px;
  padding:14px 20px;
  overflow:hidden;
  border-width:2px;
  border-radius:0;
  font-variation-settings:'wdth' 90,'wght' 760;
  letter-spacing:.035em;
}
.btn::before{ content:""; position:absolute; inset:0; background:rgba(255,255,255,.16); transform:translateX(-102%); transition:transform .32s cubic-bezier(.2,0,0,1); pointer-events:none; }
.btn:is(:hover,:focus-visible)::before{ transform:translateX(0); }
.btn.signal{ background:var(--blaze); border-color:var(--blaze); color:var(--forge); }
.btn.signal:hover,.btn.signal:active{ background:var(--blaze-hot); border-color:var(--blaze-hot); color:var(--forge); }
.btn.signal[disabled]{ background:transparent; border-color:var(--line); color:var(--ink-40); }
.seg-btn,.chip,.fmt-chip,.format-chip{ border-radius:0!important; border-width:2px!important; }
.seg-btn[aria-pressed="true"]{ background:var(--forge); color:var(--paper); border-color:var(--forge); }

.chain{ gap:0; border:2px solid var(--line); background:var(--panel-elevated); }
.node{ min-height:154px; border:0; border-right:2px solid var(--line); box-shadow:none; display:flex; flex-direction:column; justify-content:flex-end; }
.node:last-child{ border-right:0; }
.arrow-h{ min-width:42px; color:var(--blaze); }
.tier{ border-top:8px solid var(--blaze); }
.tier .price{ font-size:clamp(58px,8vw,96px); line-height:.8; }
.popular a,.format-grid a{ border-radius:0; border-width:2px; }
.popular a:hover,.format-grid a:hover{ background:var(--blaze); border-color:var(--blaze); color:var(--forge); }

body[data-page="convert"] .hero{
  padding:72px 0 84px;
  background:var(--forge);
  color:var(--paper);
  isolation:isolate;
}
body[data-page="convert"] .hero::before{ content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(90deg,rgba(49,85,255,.14),transparent 44%); }
body[data-page="convert"] .hero .shell{ position:relative; z-index:1; }
body[data-page="convert"] .hero-head{ max-width:980px; }
body[data-page="convert"] .hero-head h1.display{ max-width:10ch; margin:0; color:var(--paper); font-size:clamp(66px,9vw,128px); }
body[data-page="convert"] .hero-head .lede{ max-width:58ch; margin-top:24px; color:var(--paper); }
body[data-page="convert"] .hero-head .soft,body[data-page="convert"] .hero-head .eng{ color:#C0B8AC; }

body[data-page] :is(.cm-stagewrap,.cr-stagewrap,.fv-stagewrap,.rz-preview,.st-stagewrap,.wm-stagewrap,.tr-media,.ai-media,.er-stage,.qr-stage){
  border-radius:0!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
body[data-page] :is(.cm-work,.ai-work,.tr-work,.wm-work,.rz-work){ border-left:8px solid var(--blaze); }

body[data-page="tools"] .tool-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:10px; counter-reset:tool; }
body[data-page="tools"] .tool-card{
  position:relative;
  grid-column:span 4;
  min-height:250px;
  display:block;
  overflow:hidden;
  padding:28px;
  border:0;
  border-radius:0;
  background:var(--paper-2);
  color:var(--forge);
  box-shadow:none;
  transform:none;
  transition:transform .28s cubic-bezier(.2,0,0,1),background .18s ease,color .18s ease;
}
body[data-page="tools"] .tool-card::before{ content:counter(tool,decimal-leading-zero); counter-increment:tool; position:absolute; right:18px; bottom:-.25em; color:rgba(8,8,8,.11); font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 125,'wght' 900; font-size:92px; line-height:1; letter-spacing:-.08em; }
body[data-page="tools"] .tool-card::after{ content:"→"; position:absolute; right:24px; top:20px; font-family:'Archivo',sans-serif; font-variation-settings:'wght' 900; font-size:28px; transition:transform .28s cubic-bezier(.2,0,0,1); }
body[data-page="tools"] .tool-card:nth-child(3n+2){ background:#171717; color:var(--paper); }
body[data-page="tools"] .tool-card:nth-child(3n+2)::before{ color:rgba(242,239,232,.11); }
body[data-page="tools"] .tool-card:nth-child(3n){ background:#2949DD; color:#fff; }
body[data-page="tools"] .tool-card:nth-child(3n)::before{ color:rgba(255,255,255,.13); }
body[data-page="tools"] .tool-card:nth-child(-n+2){ grid-column:span 6; min-height:330px; }
body[data-page="tools"] .tool-card[href="/extract.html"]{ background:var(--blaze); color:var(--forge); }
body[data-page="tools"] .tool-card[href="/extract.html"]::before{ content:"MP3"; font-size:150px; }
body[data-page="tools"] .tool-card .ico{ display:none; }
body[data-page="tools"] .tool-card>div{ position:relative; z-index:1; min-height:100%; display:flex; flex-direction:column; }
body[data-page="tools"] .tool-card h3{ max-width:10ch; margin:0 0 16px; font-size:clamp(32px,4vw,56px); font-variation-settings:'wdth' 118,'wght' 900; line-height:.86; letter-spacing:-.04em; }
body[data-page="tools"] .tool-card p{ max-width:36ch; margin:auto 0 0; color:inherit; opacity:.72; font-size:14px; }
body[data-page="tools"] .tool-card .tag{ width:max-content; max-width:100%; margin-top:18px; padding:7px 9px; border:2px solid currentColor; background:transparent; color:inherit; font-size:9px; }
body[data-page="tools"] .tool-card:focus-visible{ transform:translateY(-7px); border-color:transparent; }
body[data-page="tools"] .tool-card:focus-visible::after{ transform:translateX(7px); }

/* ---------- homepage: image-led foundry, not a dashboard ---------- */
.launch{
  min-height:0;
  padding:0 0 72px;
  background:var(--forge);
  color:var(--paper);
  isolation:isolate;
}
.launch::before{ display:none; }
.launch::after{ content:""; position:absolute; inset:0 auto 0 0; width:6px; height:auto; background:var(--blaze); opacity:1; }
.launch .shell{ max-width:1440px; padding-top:64px; }
.launch-hero{ position:relative; display:grid; gap:22px; align-items:center; min-height:680px; }
.launch-head{ max-width:none; }
.launch-head-bottom{ padding-top:8px; }
.launch .kicker .eng{ color:#C3BBB0; }
.launch h1.display{
  margin:0;
  max-width:10ch;
  color:var(--paper);
  font-size:clamp(68px,7.2vw,112px);
  line-height:.78;
  letter-spacing:-.06em;
  word-spacing:.06em;
}
.launch-title-line{ display:block; overflow:hidden; padding-bottom:.07em; }
.launch-title-signal{ color:var(--blaze-hot); }
.launch-title-signal::after{ display:none; }
.launch .lede{ max-width:59ch; color:var(--paper); }
.launch .lede .soft{ color:#AAA298; }
.launch-actions{ max-width:720px; grid-template-columns:1fr 1fr; gap:0; margin-top:28px; }
.launch-action{
  min-height:80px;
  padding:16px 18px;
  border:2px solid var(--paper);
  border-radius:0;
  background:transparent;
  color:var(--paper);
  box-shadow:none;
}
.launch-action + .launch-action{ border-left:0; }
.launch-action b{ font-size:17px; font-variation-settings:'wdth' 96,'wght' 780; }
.launch-action small{ color:#BDB5A9; font-size:11px; }
.launch-action-primary{ background:var(--blaze); border-color:var(--blaze); color:var(--forge); }
.launch-action-primary small{ color:rgba(8,8,8,.74); }
.launch-action-secondary{ background:var(--forge); }
.launch-action-pulse{ width:13px; height:13px; border-radius:0; border:0; background:var(--forge); box-shadow:none; }
.launch-action:focus-visible{ translate:0 -5px; }
.launch-statline{ max-width:720px; margin-top:18px; border-color:rgba(242,239,232,.25); }
.launch-stat{ padding:12px 16px; border-color:rgba(242,239,232,.18); }
.launch-stat b{ color:var(--blaze-hot); font-size:17px; }
.launch-stat small{ color:#AFA69B; font-size:9px; }
.media-flow{
  position:relative;
  min-height:0;
  aspect-ratio:8/5;
  overflow:hidden;
  contain:layout paint;
  isolation:isolate;
  background:#030303;
  border:1px solid rgba(242,239,232,.34);
  box-shadow:0 30px 82px rgba(0,0,0,.56);
  transition:border-color .24s ease,box-shadow .24s ease,translate .24s cubic-bezier(.2,0,0,1);
}
.media-flow::after{ content:""; position:absolute; z-index:4; top:0; left:0; width:6px; height:100%; background:var(--blaze); pointer-events:none; }
.media-flow-poster,.media-flow-film{ position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.media-flow-poster{ z-index:2; background:#030303; opacity:1; transition:opacity .32s cubic-bezier(.2,0,0,1); }
.media-flow-poster img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.media-flow-film{ z-index:1; opacity:0; background:#030303; pointer-events:none; transition:opacity .28s linear; }
.media-flow.is-video-ready .media-flow-film{ opacity:1; }
.media-flow.is-video-ready .media-flow-poster{ opacity:0; }
.launch[data-active-signal="extract"] .media-flow{ border-color:rgba(255,90,31,.9); box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,90,31,.22); translate:0 -3px; }
.launch[data-active-signal="convert"] .media-flow{ border-color:rgba(47,100,255,.9); box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 0 1px rgba(47,100,255,.3); translate:0 -3px; }

.launch-grid{ margin-top:72px; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; counter-reset:lc; }
.launch-card{
  min-height:300px;
  padding:34px;
  border:0;
  border-radius:0;
  background:var(--paper);
  color:var(--forge);
  box-shadow:none;
  transform:none!important;
  translate:none;
  transition:transform .28s cubic-bezier(.2,0,0,1),background-color .2s ease,color .2s ease;
}
.launch-card::before{ top:auto; right:20px; bottom:-.3em; color:rgba(8,8,8,.12); font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 125,'wght' 900; font-size:112px; line-height:1; letter-spacing:-.08em; }
.launch-card::after{ position:absolute; z-index:0; inset:auto 28px 82px 28px; display:block; opacity:.22; background:none; color:currentColor; font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 125,'wght' 900; font-size:clamp(34px,4vw,64px); line-height:.82; letter-spacing:-.06em; transform:translateY(12px); transition:opacity .25s ease,transform .35s cubic-bezier(.2,0,0,1); }
.launch-card>*{ z-index:2; }
.launch-card:focus-visible{ transform:translateY(-8px)!important; border-color:transparent; }
.launch-card:focus-visible::after{ opacity:.48; transform:none; }
.launch-card .lc-edge,.launch-card .lc-ico,.launch-card .lc-wave{ display:none; }
.lc-mode{ order:-1; margin:0 0 auto; padding:6px 8px; border:0; border-radius:0; background:var(--forge); color:var(--paper); }
.lc-title{ margin-top:auto; max-width:9ch; font-size:clamp(38px,4.5vw,62px); line-height:.84; letter-spacing:-.045em; font-variation-settings:'wdth' 118,'wght' 900; }
.lc-desc{ max-width:34ch; color:inherit; opacity:.72; font-size:14px; line-height:1.4; }
.lc-go{ margin-top:12px; padding-top:13px; border-top:2px solid currentColor; font-size:12px; }
.launch-card[data-signal="convert"]{ grid-column:span 5; min-height:390px; background:var(--cobalt); color:#fff; }
.launch-card[data-signal="convert"]::after{ content:"FILE → MP4"; }
.launch-card-extract{ grid-column:span 7; min-height:390px; background:var(--blaze); background-image:none; color:var(--forge); box-shadow:none; }
.launch-card-extract::after{ content:"MP3"; right:20px; bottom:34px; left:auto; font-size:clamp(110px,16vw,238px); opacity:.14; }
.launch-card-extract .lc-title{ font-size:clamp(48px,6vw,80px); }
.launch-card[data-signal="watermark"],.launch-card[data-signal="resize"],.launch-card[data-signal="privacy"],.launch-card[data-signal="archive"]{ grid-column:span 3; }
.launch-card[data-signal="watermark"] .lc-title,.launch-card[data-signal="resize"] .lc-title,.launch-card[data-signal="privacy"] .lc-title,.launch-card[data-signal="archive"] .lc-title{ font-size:clamp(34px,3vw,44px); overflow-wrap:anywhere; }
.launch-card[data-signal="watermark"] .lc-title{ max-width:none; font-size:clamp(28px,2.45vw,36px); font-variation-settings:'wdth' 98,'wght' 900; overflow-wrap:normal; word-break:normal; hyphens:none; text-wrap:balance; }
.launch-card[data-signal="watermark"]{ background:var(--paper-2); }
.launch-card[data-signal="watermark"]::after{ content:"REMOVE"; }
.launch-card[data-signal="resize"]{ background:#171717; color:var(--paper); border:2px solid rgba(242,239,232,.35); }
.launch-card[data-signal="resize"]::after{ content:"1920×1080"; font-size:42px; }
.launch-card[data-signal="privacy"]{ background:#D8D2C7; }
.launch-card[data-signal="privacy"]::after{ content:"GPS / EXIF"; text-decoration:line-through; text-decoration-thickness:8px; text-decoration-color:var(--blaze); }
.launch-card[data-signal="archive"]{ background:#233FD0; color:#fff; }
.launch-card[data-signal="archive"]::after{ content:"FILES ↓ .ZIP"; }

/* ---------- Xtract: one live source → transform → MP3 workstation ---------- */
.ex-page-head{ min-height:0; padding-block:clamp(48px,4vw,72px); }
.ex-page-head::before{ opacity:1; inset:0; }
.ex-page-head::after{ display:none; }
.ex-page-head .ex-hero{ max-width:1540px; }
.ex-hero{ position:relative; z-index:1; display:grid; gap:32px; align-items:center; }
.ex-hero-copy h1.display{ max-width:8ch; font-size:clamp(62px,8vw,118px); }
.ex-title-live{ color:var(--blaze-hot); }
.ex-hero-proof{ gap:0; }
.ex-proof-chip{ padding:8px 10px; border:2px solid rgba(242,239,232,.4); border-radius:0; background:transparent; color:var(--paper); }
.ex-proof-chip + .ex-proof-chip{ border-left:0; }

.module.ex-unit.ex-workstation{
  min-width:0;
  width:100%;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(242,239,232,.42);
  border-top:0;
  background:var(--chassis);
  box-shadow:0 30px 82px rgba(0,0,0,.38);
}
.module.ex-unit.ex-workstation::before{ display:none; }

.ex-signal-board{
  min-width:0;
  max-width:none;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  transform:none!important;
}
.ex-signal-board::before,.ex-signal-board::after,.ex-screw,.ex-board-top,.ex-screen,.ex-board-foot{ display:none!important; }
.ex-foundry-machine{
  position:relative;
  min-height:0;
  overflow:hidden;
  color:var(--forge);
  background:var(--paper);
  border:0;
  box-shadow:none;
}
.ex-foundry-machine::before{ display:none; }
.ex-foundry-head{ position:relative; z-index:2; min-height:58px; display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-top:6px solid var(--blaze); border-bottom:1px solid var(--forge); background:var(--forge); color:var(--paper); }
.ex-foundry-head .eng{ color:var(--paper); }
.ex-foundry-head .mono{ font-size:13px; }
.ex-foundry-head-status{ display:flex; align-items:center; gap:12px; }
.ex-foundry-head .state-led{ display:inline-flex; min-width:0; padding:6px 8px; border-color:rgba(242,239,232,.32); background:transparent; color:var(--paper); }
.ex-foundry-head .state-txt{ min-width:68px; color:var(--paper); font-size:9px; text-align:center; }
.ex-foundry-track{ position:relative; z-index:2; min-height:260px; display:grid; grid-template-columns:minmax(0,1fr) minmax(32px,.34fr) clamp(88px,8vw,116px) minmax(32px,.34fr) minmax(0,1fr); align-items:center; gap:0; padding:28px 24px 22px; }
.ex-foundry-control{ appearance:none; margin:0; min-width:0; font:inherit; text-align:left; color:inherit; cursor:pointer; }
.ex-foundry-control:disabled{ cursor:not-allowed; opacity:.7; }
.ex-foundry-core:disabled{ cursor:progress; }
.ex-foundry-token,.ex-foundry-output{ min-width:0; min-height:168px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:16px; border:2px solid var(--forge); background:var(--paper-2); transition:transform .38s cubic-bezier(.2,0,0,1),background .22s ease,color .22s ease,box-shadow .2s ease; }
.ex-foundry-token small,.ex-foundry-output small,.ex-foundry-core small{ font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 78,'wght' 760; font-size:9px; letter-spacing:.08em; }
.ex-foundry-token strong{ display:-webkit-box; min-height:2em; margin:8px 0 12px; overflow:hidden; font-size:clamp(16px,1.55vw,22px); line-height:1; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ex-foundry-token span{ font-family:'IBM Plex Mono',monospace; font-size:8px; opacity:.62; }
.ex-foundry-core{ position:relative; z-index:3; width:100%; aspect-ratio:1; display:grid; place-items:center; align-content:center; gap:5px; padding:0; border:0; background:var(--forge); color:var(--paper); text-align:center; transform:rotate(-4deg); transition:transform .38s cubic-bezier(.2,0,0,1),background .22s ease,box-shadow .2s ease; }
.ex-foundry-core b{ font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 125,'wght' 900; font-size:32px; letter-spacing:-.06em; }
.ex-foundry-output{ background:var(--blaze); }
.ex-foundry-output b{ max-width:100%; font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 108,'wght' 900; font-size:clamp(46px,3.8vw,68px); line-height:.76; letter-spacing:-.1em; }
.ex-foundry-rail{ height:10px; background:var(--forge); transform:scaleX(.18); transition:transform .48s cubic-bezier(.2,0,0,1),background .2s ease; }
.rail-in{ transform-origin:right; }.rail-out{ transform-origin:left; }
.ex-foundry-steps{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--forge); background:var(--paper-2); }
.ex-foundry-steps span{ min-height:58px; padding:14px; border-right:2px solid var(--forge); font-family:'Archivo',sans-serif; font-variation-settings:'wdth' 84,'wght' 760; font-size:10px; letter-spacing:.07em; }
.ex-foundry-steps span:last-child{ border-right:0; }
.ex-foundry-steps small{ margin-right:7px; color:var(--blaze); font-family:'IBM Plex Mono',monospace; }
.ex-signal-board[data-state="ready"] .ex-foundry-token{ background:var(--cobalt); color:#fff; transform:translateX(8px); }
.ex-signal-board[data-state="ready"] .rail-in{ transform:scaleX(1); }
.ex-signal-board[data-state="working"] .ex-foundry-token{ background:var(--cobalt); color:#fff; transform:translateX(12px); }
.ex-signal-board[data-state="working"] .ex-foundry-core{ background:var(--blaze); color:var(--forge); transform:rotate(0) scale(1.06); }
.ex-signal-board[data-state="working"] .ex-foundry-rail{ transform:scaleX(1); }
.ex-signal-board[data-state="working"] .ex-foundry-rail::after{ content:""; display:block; width:24%; height:100%; background:var(--blaze); animation:ex-transfer .62s cubic-bezier(.2,0,0,1) both; }
.ex-signal-board[data-state="done"] .ex-foundry-rail{ transform:scaleX(1); }
.ex-signal-board[data-state="done"] .ex-foundry-output{ background:var(--meter-green); transform:translateX(-8px) scale(1.04); }
.ex-signal-board[data-state="error"] .ex-foundry-rail{ background:var(--clip-red); transform:scaleX(.56); }
.ex-signal-board[data-state="error"] .ex-foundry-token{ border-color:var(--clip-red); transform:translateX(-8px); }
.ex-signal-board[data-state="error"] .ex-foundry-output{ background:var(--clip-red); color:#fff; }
.ex-signal-board[data-state="ready"] [data-machine-stage="0"],.ex-signal-board[data-state="working"][data-phase="0"] [data-machine-stage="0"],.ex-signal-board[data-state="working"][data-phase="1"] [data-machine-stage="1"],.ex-signal-board[data-state="working"][data-phase="2"] [data-machine-stage="2"],.ex-signal-board[data-state="done"] [data-machine-stage]{ background:var(--forge); color:var(--paper); }
.ex-foundry-control:focus-visible{ outline:4px solid var(--cobalt); outline-offset:-6px; }
.ex-foundry-core:focus-visible{ outline-color:var(--blaze); outline-offset:4px; }
@keyframes ex-transfer{ from{ transform:translateX(-100%); } to{ transform:translateX(318%); } }

.module.ex-unit{ padding:0; border-top-color:var(--blaze); }
.ex-unit::before{ content:""; inset:0 0 auto; width:auto; height:8px; background:var(--blaze); font-size:0; }
.ex-workstation .ex-console{ display:block; padding:22px 24px 24px; border:0; border-top:1px solid var(--line-ctl); background:var(--chassis); }
.ex-workstation .ex-control{ display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,220px); gap:14px; align-items:end; padding:0; }
.ex-workstation .ex-actions{ margin-top:0; }
.ex-workstation #result{ grid-column:1/-1; }
.ex-workstation #result:focus-visible{ outline:3px solid var(--signal); outline-offset:4px; }
.ex-input-shell{ border:2px solid var(--ink); border-radius:0; background:var(--panel-sunk); }
.ex-input{ min-height:66px; padding-block:18px; font-size:16px; }
.ex-paste{ border-width:2px; border-radius:0; background:var(--forge); color:var(--paper); }
.ex-actions .btn{ min-height:66px; font-size:16px; }
.ex-route{ border:0; border-left:1px solid var(--line); background:var(--panel-sunk); }
.ex-route-head{ border-bottom:2px solid var(--line); }
.ex-route-node{ border-width:2px; border-radius:0; }
.ex-level-wrap{ display:none; }
.ex-route-source{ border-top:2px solid var(--line); }
.ex-sources{ gap:0; border:1px solid var(--line); }
.ex-source-chip,.ex-source-more{ padding:9px 11px; border:0; border-right:1px solid var(--line); border-radius:0; }
.ex-work-spectrum,.ex-ready-wave{ display:none; }
.ex-support{ padding-block:34px 54px; }

/* ---------- command palette and state surfaces ---------- */
.cmdk-scrim{ background:rgba(0,0,0,.78); }
.cmdk-panel{ max-width:720px; border:3px solid var(--paper); border-top:10px solid var(--blaze); border-radius:0; background:var(--forge); color:var(--paper); box-shadow:0 40px 100px rgba(0,0,0,.58); }
.cmdk-inputrow,.cmdk-foot{ border-color:rgba(242,239,232,.24); }
.cmdk-input{ min-height:46px; color:var(--paper); font-size:20px; }
.cmdk-item{ border-radius:0; color:#B7AFA5; }
.cmdk-item.active{ background:var(--blaze); color:var(--forge); }
.cmdk-item.active .cmdk-i,.cmdk-item.active .cmdk-arrow{ color:var(--forge); }

.error,#result.error,.result-error{ border-radius:0!important; border-left:8px solid var(--clip-red)!important; }
.success,#result.success,.result-success{ border-radius:0!important; border-left:8px solid var(--meter-green)!important; }

@media(hover:hover) and (pointer:fine){
  .launch-action:hover{ translate:0 -5px; }
  .launch-card:hover{ transform:translateY(-8px)!important; border-color:transparent; }
  .launch-card:hover::after{ opacity:.48; transform:none; }
  body[data-page="tools"] .tool-card:hover{ transform:translateY(-7px); border-color:transparent; }
  body[data-page="tools"] .tool-card:hover::after{ transform:translateX(7px); }
  .ex-foundry-token:not(:disabled):hover,.ex-foundry-output:not(:disabled):hover{ box-shadow:inset 0 0 0 5px var(--cobalt); }
  .ex-foundry-core:not(:disabled):hover{ box-shadow:0 0 0 6px var(--blaze); transform:rotate(0) scale(1.04); }
}
.launch-action:active{ translate:0 2px; }

@media(min-width:1100px){
  .launch-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);
    grid-template-areas:"title media" "copy media";
    grid-template-rows:auto auto;
    column-gap:clamp(34px,3.4vw,56px);
    min-height:680px;
  }
  .launch-head{ position:relative; z-index:6; width:auto; min-width:0; }
  .launch-head-top{ padding-top:18px; }
  .launch-head-bottom{ padding-top:26px; }
  .launch-head-top{ grid-area:title; align-self:end; }
  .launch-head-bottom{ grid-area:copy; align-self:start; }
  .launch h1.display{ max-width:9ch; font-size:clamp(64px,5.55vw,102px); }
  .media-flow{ position:relative; grid-area:media; top:auto; right:auto; width:100%; align-self:center; transform:none; }
}

@media(min-width:1240px){
  .ex-hero{ grid-template-columns:minmax(360px,.76fr) minmax(0,1.24fr); gap:clamp(36px,4vw,72px); }
  .ex-hero-copy{ justify-self:start; align-self:center; }
  .ex-hero-copy h1.display{ max-width:7.5ch; font-size:clamp(68px,6.1vw,106px); }
  .ex-workstation{ justify-self:end; }
}

@media(max-width:1099px){
  .launch-card[data-signal="convert"],.launch-card-extract{ grid-column:span 6; }
  .launch-card[data-signal="watermark"],.launch-card[data-signal="resize"],.launch-card[data-signal="privacy"],.launch-card[data-signal="archive"]{ grid-column:span 6; }
  .ex-foundry-track{ grid-template-columns:minmax(110px,1fr) 34px 106px 34px minmax(110px,1fr); }
  .ex-foundry-core{ width:106px; }
  body[data-page="tools"] .tool-card{ grid-column:span 6; }
}

@media(max-width:899px){
  .page-head{ min-height:280px; padding:58px 0 44px; }
  .launch .shell{ padding-top:48px; }
  .ex-page-head{ min-height:0; }
  .ex-hero{ grid-template-columns:1fr; }
  .sb-close,.theme-toggle{ min-width:44px; min-height:44px; }
}

@media(max-width:640px){
  .section{ padding-block:46px; }
  .display{ font-variation-settings:'wdth' 102,'wght' 900; }
  .sec-head{ margin-bottom:24px; }
  .sec-head h2,.sec-head h2.display{ overflow-wrap:normal; text-wrap:balance; font-size:clamp(36px,11.5vw,50px)!important; font-variation-settings:'wdth' 100,'wght' 900; }
  .module{ padding:18px; }
  .module#unit,.module.ex-unit{ border-top-width:6px; }
  .module-head{ padding-bottom:16px; margin-bottom:18px; }
  .page-head{ min-height:0; padding:40px 0 32px; }
  .page-head h1.display{ max-width:none; font-size:clamp(46px,14vw,66px); overflow-wrap:normal; text-wrap:balance; }
  body[data-page="convert"] .hero{ padding:48px 0 54px; }
  body[data-page="convert"] .hero-head h1.display{ max-width:none; font-size:clamp(48px,14vw,68px); text-wrap:balance; }
  .launch{ padding-bottom:44px; }
  .launch .shell{ padding-top:30px; }
  .launch-hero{ gap:16px; min-height:0; }
  .launch-head-top{ order:1; }
  .media-flow{ order:2; width:calc(100% + 40px); margin-inline:-20px; aspect-ratio:4/3; border-inline:0; box-shadow:none; }
  .launch-head-bottom{ order:3; padding-top:0; }
  .launch .kicker{ margin-bottom:16px; }
  .launch h1.display{ max-width:none; font-size:clamp(48px,14.3vw,62px); line-height:.8; font-variation-settings:'wdth' 94,'wght' 900; }
  .launch .lede{ margin:0; font-size:16px; line-height:1.42; }
  .launch .lede .soft{ display:none; }
  .launch-actions{ grid-template-columns:1fr; }
  .launch-actions{ margin-top:20px; }
  .launch-action{ min-height:60px; padding:12px 14px; }
  .launch-action + .launch-action{ min-height:52px; border-left:1px solid var(--paper); border-top:0; }
  .launch-action b{ font-size:15px; }
  .launch-action small{ font-size:10px; }
  .launch-statline{ display:none; }
  .launch-grid{ grid-template-columns:1fr; margin-top:34px; gap:8px; }
  .launch-card,.launch-card[data-signal="convert"],.launch-card-extract{ grid-column:auto; min-height:220px; padding:24px; }
  .launch-card[data-signal="watermark"],.launch-card[data-signal="resize"],.launch-card[data-signal="privacy"],.launch-card[data-signal="archive"]{ grid-column:auto; min-height:108px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; padding:18px; }
  .launch-card[data-signal="watermark"]::after,.launch-card[data-signal="resize"]::after,.launch-card[data-signal="privacy"]::after,.launch-card[data-signal="archive"]::after{ display:none; }
  .launch-card[data-signal="watermark"] .lc-title,.launch-card[data-signal="resize"] .lc-title,.launch-card[data-signal="privacy"] .lc-title,.launch-card[data-signal="archive"] .lc-title{ margin:0; font-size:30px; overflow-wrap:normal; }
  .launch-card[data-signal="watermark"] .lc-desc,.launch-card[data-signal="resize"] .lc-desc,.launch-card[data-signal="privacy"] .lc-desc,.launch-card[data-signal="archive"] .lc-desc{ display:none; }
  .launch-card[data-signal="watermark"] .lc-go,.launch-card[data-signal="resize"] .lc-go,.launch-card[data-signal="privacy"] .lc-go,.launch-card[data-signal="archive"] .lc-go{ margin:0; padding:0; border:0; }
  .launch-card::after{ font-size:38px; }
  .launch-card-extract::after{ font-size:106px; }
  .lc-title,.launch-card-extract .lc-title{ font-size:42px; }
  .ex-page-head{ padding:28px 0 22px; }
  .ex-hero{ gap:14px; }
  .ex-hero-copy h1.display{ max-width:none; font-size:clamp(40px,11.5vw,52px); line-height:.86; text-wrap:balance; font-variation-settings:'wdth' 82,'wght' 900; }
  .ex-hero-copy .lede{ font-size:15px; line-height:1.4; }
  .ex-hero-copy .lede .soft{ display:none; }
  .ex-hero-proof{ display:none; }
  .ex-foundry-machine{ min-height:0; }
  .ex-foundry-head{ min-height:42px; padding:8px 12px; }
  .ex-foundry-track{ min-height:140px; grid-template-columns:1fr 64px 1fr; padding:14px 10px; isolation:isolate; }
  .ex-foundry-track::before{ content:""; position:absolute; z-index:-1; left:19%; right:19%; top:50%; height:4px; background:linear-gradient(90deg,var(--cobalt) 0 48%,var(--blaze) 52% 100%); transform:translateY(-2px); }
  .ex-foundry-rail{ display:none; }
  .ex-foundry-token,.ex-foundry-core,.ex-foundry-output{ position:relative; z-index:1; }
  .ex-foundry-core{ width:64px; }
  .ex-foundry-core b{ font-size:19px; }
  .ex-foundry-token,.ex-foundry-output{ min-height:92px; padding:8px; }
  .ex-foundry-token strong{ margin:6px 0 0; font-size:12px; }
  .ex-foundry-token span{ display:none; }
  .ex-foundry-output b{ font-size:34px; }
  .ex-foundry-steps{ display:none; }
  body[data-page="extract"] .section.tight{ padding-top:18px; }
  .ex-unit-inner{ display:none; }
  .ex-workstation .ex-console{ display:block; padding:14px; }
  .ex-workstation .ex-control{ grid-template-columns:1fr; gap:0; }
  .ex-field-label .field-hint{ display:none; }
  .ex-input-shell{ margin-top:8px; }
  .ex-input{ min-height:58px; padding:13px 12px 13px 40px; font-size:14px; }
  .ex-input-icon{ left:12px; }
  .ex-source-id{ display:none; }
  .ex-input-meta{ margin-top:6px; }
  .ex-workstation .ex-actions{ margin-top:12px; }
  .ex-actions .btn{ min-height:58px; }
  .ex-route{ display:none; }
  body[data-page="tools"] .tool-grid{ grid-template-columns:1fr; }
  body[data-page="tools"] .tool-card,body[data-page="tools"] .tool-card:nth-child(-n+2){ grid-column:auto; min-height:96px; padding:18px; }
  body[data-page="tools"] .tool-card:nth-child(-n+2){ min-height:190px; }
  body[data-page="tools"] .tool-card h3{ max-width:12ch; margin-bottom:8px; font-size:30px; }
  body[data-page="tools"] .tool-card:not(:nth-child(-n+2)) p,body[data-page="tools"] .tool-card:not(:nth-child(-n+2)) .tag{ display:none; }
}

@media(max-width:360px){
  .launch .shell{ padding-top:22px; }
  .launch-hero{ gap:8px; }
  #popular .sec-head h2,#popular .sec-head h2.display{ font-size:34px!important; font-variation-settings:'wdth' 88,'wght' 900; overflow-wrap:anywhere; }
  .launch .kicker{ margin-bottom:12px; }
  .launch h1.display{ max-width:none; font-size:44px; font-variation-settings:'wdth' 88,'wght' 900; }
  .launch .lede{ display:none; }
  .launch-actions{ margin-top:0; }
  .launch-action{ min-height:56px; }
  .launch-action small{ display:none; }
  .media-flow{ aspect-ratio:4/3; }
  .launch-card[data-signal="watermark"],.launch-card[data-signal="resize"],.launch-card[data-signal="privacy"],.launch-card[data-signal="archive"]{ grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .launch-card[data-signal="watermark"] .lc-title,.launch-card[data-signal="resize"] .lc-title,.launch-card[data-signal="privacy"] .lc-title,.launch-card[data-signal="archive"] .lc-title{ min-width:0; font-size:28px; }
  .launch-card[data-signal="watermark"] .lc-go,.launch-card[data-signal="resize"] .lc-go,.launch-card[data-signal="privacy"] .lc-go,.launch-card[data-signal="archive"] .lc-go{ font-size:0; }
  .launch-card[data-signal="watermark"] .lc-go::after,.launch-card[data-signal="resize"] .lc-go::after,.launch-card[data-signal="privacy"] .lc-go::after,.launch-card[data-signal="archive"] .lc-go::after{ content:"→"; font-size:18px; }
  body[data-page="tools"] .tool-card{ padding-right:58px; }
  .ex-page-head{ padding:22px 0 16px; }
  .ex-hero{ gap:10px; }
  .ex-hero-copy h1.display{ font-size:40px; }
  .ex-hero-copy .lede{ display:none; }
  .ex-foundry-head{ min-height:38px; padding:7px 10px; }
  .ex-foundry-track{ min-height:124px; grid-template-columns:1fr 58px 1fr; padding:10px 8px; }
  .ex-foundry-core{ width:58px; }
  .ex-foundry-core b{ font-size:17px; }
  .ex-foundry-token,.ex-foundry-output{ min-height:82px; padding:7px; }
  .ex-foundry-output b{ font-size:31px; }
  .ex-field-tools>span{ display:none; }
}

@media(prefers-reduced-motion:reduce){
  .media-flow-film{ display:none!important; }
  .media-flow,.launch[data-active-signal] .media-flow{ translate:none!important; transition:none!important; }
  .sidebar,.sb-expand-cue,.pg-scroll-thumb{ transition:none!important; }
  .launch-card,.launch-card:hover,.launch-card:focus-visible,.launch-action,.launch-action:hover,.launch-action:focus-visible,body[data-page="tools"] .tool-card,body[data-page="tools"] .tool-card:hover,body[data-page="tools"] .tool-card:focus-visible,body[data-page="tools"] .tool-card::after,.ex-foundry-token,.ex-foundry-core,.ex-foundry-output,.ex-foundry-rail{ transform:none!important; translate:none!important; transition:none!important; filter:none!important; }
  .btn::before{ display:none; }
}

@media(forced-colors:active){
  .sidebar::before,.mobilebar::after,.pg-scroll-track::after,.launch::after,.page-head::before,.ex-foundry-machine::before{ display:none; }
  .media-flow{ display:none!important; }
  .sidebar,.mobilebar,.foot,.launch,.page-head,.media-flow,.cmdk-panel{ background:Canvas; color:CanvasText; }
  .sb-nav{ scrollbar-color:auto; }
  .sb-nav::-webkit-scrollbar-track,.sb-nav::-webkit-scrollbar-thumb{ background:Canvas; border-color:CanvasText; }
  .sb-scroll-track::before,.sb-scroll-thumb::before{ background:Canvas; border-color:CanvasText; }
  .sb-expand-cue{ background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; }
  .launch-card,.ex-foundry-machine,.ex-foundry-token,.ex-foundry-output,.ex-foundry-core{ background:Canvas; color:CanvasText; border:2px solid CanvasText; }
  .launch-action-primary,.btn.signal{ background:Highlight; color:HighlightText; }
}