:root{
  --bg:#060708;
  --bg2:#0a0d10;
  --panel:#0d1115;
  --panel2:#151b20;
  --panel3:#1d242a;
  --line:#343d45;
  --line-soft:#20272d;
  --text:#f4f6f7;
  --muted:#9aa7b2;
  --muted2:#687680;
  --orange:#ff8a24;
  --orange2:#ff5a00;
  --orange3:#ffc06d;
  --mint:#55eba0;
  --red:#ff6b62;
  --max:1180px;
  --steel:url('/assets/forge-v3-steel.webp');
  --frame:url('/assets/forge-v3-panel-frame.png');
  --metric:url('/assets/forge-v3-metric-frame.png');
  --button:url('/assets/forge-v3-button-frame.png');
  --nav:url('/assets/forge-v3-nav-frame.png');
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Bahnschrift,'Segoe UI Variable','Segoe UI',Arial,sans-serif;line-height:1.5;overflow-x:hidden}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
::selection{background:#ff7c2444;color:#fff}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto;position:relative}
.page-shell{position:relative;z-index:1;min-height:100vh;background:radial-gradient(ellipse at 12% 3%,#ff690014,transparent 30%),radial-gradient(ellipse at 88% 16%,#ff8a2408,transparent 28%),linear-gradient(180deg,#050607 0,#080b0d 42%,#060708 100%)}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ambient i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.16}
.ambient i:nth-child(1){width:540px;height:540px;background:#ff6200;left:-260px;top:180px}
.ambient i:nth-child(2){width:460px;height:460px;background:#ff9f42;right:-260px;top:690px;opacity:.08}
.ambient i:nth-child(3){width:420px;height:420px;background:#4adf98;left:45%;top:1280px;opacity:.035}

.brand-masthead{height:clamp(104px,9vw,158px);overflow:hidden;background:#0a0c0e;border-bottom:1px solid #4c3322;box-shadow:0 12px 34px #000d;position:relative}
.brand-masthead:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ff7a20 25%,#ffc477 50%,#ff7a20 75%,transparent);opacity:.55}
.brand-masthead picture{display:block;height:100%}
.brand-masthead img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}

.site-nav{position:sticky;top:0;z-index:30;background:#090c0fda;backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid #2b3238;box-shadow:0 10px 28px #0006}
.nav-inner{width:min(var(--max),calc(100% - 36px));height:64px;margin:auto;display:flex;align-items:center;gap:20px}
.nav-status{display:flex;align-items:center;gap:9px;white-space:nowrap;font:800 10px Consolas,'SFMono-Regular',monospace;letter-spacing:1.3px;color:#c2cbd2}
.nav-status img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 8px #ff6b003a)}
.nav-status i,.eyebrow i,.online i,.beta-status>i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #51e99599}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:27px;color:#95a2ac;font-size:12px;font-weight:650}
.nav-links>a:not(.nav-cta){position:relative;transition:color .2s ease}
.nav-links>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--orange);transition:right .2s ease}
.nav-links>a:not(.nav-cta):hover{color:#fff}
.nav-links>a:not(.nav-cta):hover:after{right:0}
.nav-cta{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ffb25f;background:linear-gradient(180deg,#ffa63b,#ed7410 16%,#dc5504 66%,#8b2d03);color:#fff7ee;font-weight:850;border-radius:2px;box-shadow:inset 0 1px #ffe4b8,0 4px 12px #0009,0 0 22px #ff66002a;transition:transform .2s ease,box-shadow .2s ease}
.nav-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff0d0,0 7px 18px #000b,0 0 30px #ff66003c}

.hero{min-height:700px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:62px;padding:76px 0 84px}
.hero-copy{position:relative;z-index:2}
.eyebrow,.kicker{font-size:10px;font-weight:850;letter-spacing:1.8px;color:#c9d1d7;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.eyebrow span{color:#5c6871}
.hero h1{font-size:clamp(50px,6vw,78px);line-height:.96;letter-spacing:-3.5px;margin:22px 0 24px;max-width:720px;text-shadow:0 5px 18px #000}
.hero h1 em,.section-title h2 em{font-style:normal;color:var(--orange);text-shadow:0 0 26px #ff650026}
.lede{font-size:18px;line-height:1.62;color:#b2bdc5;max-width:690px;margin:0 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 19px;font:850 11px Bahnschrift,'Segoe UI',Arial,sans-serif;letter-spacing:.7px;border-radius:2px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.btn:before{content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-18deg);background:linear-gradient(90deg,transparent,#fff2,transparent);transition:transform .65s ease}
.btn:hover:before{transform:translateX(120%) skewX(-18deg)}
.btn:hover{transform:translateY(-2px)}
.btn.primary{border:1px solid #ffb15b;background:linear-gradient(180deg,#ffad48,#ef7b12 13%,#e25d05 60%,#8c2e04);color:#fff7ed;text-shadow:0 1px 2px #572505;box-shadow:inset 0 1px #ffe7be,0 5px 15px #000b,0 0 24px #ff6e0038}
.btn.secondary{border:7px solid #5d6469;border-image:var(--button) 9/7px/0 stretch;background:linear-gradient(125deg,#2a343e55,#090d1170),var(--steel) repeat;color:#d8e2ea;box-shadow:0 5px 16px #0008}
.hero-caption{display:flex;align-items:center;gap:10px;margin-top:19px;color:#606d76;font:800 8px Consolas,monospace;letter-spacing:1.05px}
.hero-caption i{width:3px;height:3px;border-radius:50%;background:#ff8a24}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:32px}
.trust div{position:relative;overflow:hidden;border:8px solid #5a5f64;border-image:var(--metric) 13/8px/0 stretch;background:linear-gradient(145deg,#20262b61,#080b0ed6),var(--steel) repeat;padding:9px 10px;transition:transform .2s ease,filter .2s ease}
.trust div:hover{transform:translateY(-3px);filter:brightness(1.12)}
.trust small{position:absolute;right:8px;top:5px;color:#59636c;font:800 7px Consolas,monospace}
.trust strong{display:block;font-size:9px;letter-spacing:1.25px}
.trust span{display:block;color:#87949e;font-size:9px;margin-top:3px}

.control-wrap{position:relative;isolation:isolate}
.control-orbit{position:absolute;inset:-54px -48px;z-index:-1;background:radial-gradient(circle at 50% 50%,#ff720022,transparent 56%);filter:blur(8px)}
.control-wrap:before,.control-wrap:after{content:'';position:absolute;z-index:-1;border:1px solid #ff7a2017;transform:rotate(-3deg)}
.control-wrap:before{inset:-18px 18px 26px -20px}
.control-wrap:after{inset:24px -17px -20px 18px;transform:rotate(2deg);border-color:#9ea7ae10}
.control-card{position:relative;overflow:hidden;border:11px solid #555b60;border-image:var(--frame) 13/11px/0 stretch;background:linear-gradient(145deg,#252b3050,#05080bd9),var(--steel) repeat;box-shadow:0 32px 75px #000d,0 0 32px #ff650013;transform:perspective(1100px) rotateY(-2deg) rotateX(1deg);transition:transform .35s ease,box-shadow .35s ease}
.control-wrap:hover .control-card{transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-3px);box-shadow:0 38px 85px #000e,0 0 46px #ff65001f}
.control-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 32%,#ffffff08 42%,transparent 50% 100%);transform:translateX(-70%);animation:panelShine 7s ease-in-out infinite}
.control-topline{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;background:#040607;border-bottom:1px solid #2a3137;color:#5f6d77;font:700 7px Consolas,monospace;letter-spacing:1.1px}
.control-topline span:last-child{color:#f59a4d}
.control-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 14px;border-bottom:1px solid #59616a;background:linear-gradient(90deg,#222a30b5,#0b0f12b0)}
.control-head small{display:block;color:#8f9aa4;font:800 8px Consolas,monospace;letter-spacing:1.4px}
.control-head b{display:block;font-size:12px;letter-spacing:1.1px;margin-top:3px}
.online{display:flex;align-items:center;gap:7px;font:800 8px Consolas,monospace;color:var(--mint)}
.online i{animation:pulse 1.8s ease-in-out infinite}
.control-body{display:grid;grid-template-columns:55px 1fr}
.mini-nav{padding:8px 6px;border-right:1px solid #424a51;background:#080b0d;display:grid;align-content:start;gap:5px}
.mini-nav span{height:42px;display:grid;place-items:center;color:#7f8b95;border:1px solid transparent}
.mini-nav span.active{border:8px solid #a85c21;border-image:var(--nav) 10/8px/0 stretch;background:#6f35192b;color:#ffb05b}
.control-main{padding:14px 15px 17px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.metrics div{border:8px solid #565c61;border-image:var(--metric) 13/8px/0 stretch;background:#0b0f1290;padding:7px}
.metrics small{display:block;color:#89959f;font-size:7px;letter-spacing:1px}
.metrics b{display:block;margin-top:3px;font-size:12px}
.ok{color:var(--mint)!important}
.activity-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 9px;margin:0 0 10px;border:1px solid #343d44;background:#0a0e11;color:#8d9aa3;font:700 7px Consolas,monospace}
.activity-line>span{color:#f19a51}
.activity-line>b{font-weight:600;color:#9ca8b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-line>i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #55eba099;animation:pulse 1.8s ease-in-out infinite}
.run-table{border:1px solid #343c43;background:#070a0c9c}
.run-table>div{display:grid;grid-template-columns:28px 67px 1fr 18px;gap:7px;align-items:center;padding:10px 8px;border-bottom:1px solid #293036;font:600 9px Consolas,monospace;transition:background .2s ease}
.run-table>div:last-child{border:0}
.run-table>div:hover{background:#ffffff05}
.run-table span{color:#68747d}
.run-table b{color:#dde4e9}
.run-table em{font-style:normal;color:#94a0aa}
.run-table i{text-align:right;font-style:normal}
.done i{color:var(--mint)}
.current{position:relative;background:linear-gradient(90deg,#ff7a2015,#1a1d1f);border-left:2px solid var(--orange)}
.current:before{content:'';position:absolute;left:0;top:0;bottom:0;width:16%;background:linear-gradient(90deg,#ff74000b,transparent);animation:currentGlow 2.6s ease-in-out infinite}
.current i{color:var(--orange);animation:pulse 1.4s ease-in-out infinite}
.pending{opacity:.48}
.spend-row,.lock-row{display:flex;justify-content:space-between;gap:12px;font:700 8px Consolas,monospace;color:#89959e;margin-top:13px}
.spend-row b{color:#e7edf1}
.lock-row b{color:#f2b56f}
.spend-bar{height:7px;border:1px solid #48515a;background:#060809;margin-top:6px;overflow:hidden}
.spend-bar i{display:block;width:28.4%;height:100%;background:linear-gradient(90deg,#d84203,#ff9d2d,#ffd078);box-shadow:0 0 8px #ff710055;position:relative}
.spend-bar i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:spendShine 2.8s linear infinite}
.control-foot{display:flex;justify-content:center;gap:18px;margin-top:12px;color:#56636c;font:700 7px Consolas,monospace;letter-spacing:.8px}

.signal-strip{position:relative;overflow:hidden;border-block:1px solid #3a3028;background:linear-gradient(180deg,#0e1012,#07090b);box-shadow:inset 0 1px #ffffff05}
.signal-strip:before,.signal-strip:after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.signal-strip:before{left:0;background:linear-gradient(90deg,#080a0c,transparent)}
.signal-strip:after{right:0;background:linear-gradient(-90deg,#080a0c,transparent)}
.signal-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.signal-track span{display:block;padding:12px 0;color:#73808a;font:800 8px Consolas,monospace;letter-spacing:1.3px;white-space:nowrap}
.signal-track i{font-style:normal;color:#e87820;margin:0 18px}

.pipeline{border-bottom:1px solid #383f45;background:linear-gradient(#101418,#090c0f);min-height:104px;padding:15px max(18px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center}
.pipeline>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;position:relative}
.pipeline>div span{grid-row:1/3;align-self:center;color:#ffad58;font:800 9px Consolas,monospace;border:1px solid #705137;background:#ff7b200a;padding:6px}
.pipeline b{font-size:12px;letter-spacing:1.25px}
.pipeline small{color:#82909b;font-size:9px}
.pipeline>i{font-style:normal;color:#ff873d;font-size:26px;opacity:.7}

.section{padding:108px 0}
.section-title{max-width:800px;margin-bottom:44px}
.section-title h2,.beta-copy h2{font-size:clamp(37px,4.7vw,58px);line-height:1.01;letter-spacing:-2.4px;margin:12px 0 17px}
.section-title p,.beta-copy p{color:#aeb8c1;font-size:16px;line-height:1.65;margin:0;max-width:760px}
.kicker{display:inline-flex;align-items:center;gap:10px;color:#c2cbd1}
.kicker:before{content:'';width:28px;height:1px;background:linear-gradient(90deg,var(--orange),#ffb465);box-shadow:0 0 9px #ff791f55}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.steel-card{position:relative;overflow:hidden;border:10px solid #575c60;border-image:var(--metric) 13/10px/0 stretch;background:linear-gradient(145deg,#20262b68,#080b0ed0),var(--steel) repeat;padding:20px;box-shadow:0 15px 34px #0007;transition:transform .28s ease,filter .28s ease}
.steel-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 0 58%,#ff8a2405 58% 70%,transparent 70%)}
.steel-card:hover{transform:translateY(-7px);filter:brightness(1.08)}
.steel-card>span{color:#ff9f4d;font:800 9px Consolas,monospace}
.card-icon{width:38px;height:38px;margin-top:25px;display:grid;place-items:center;border:1px solid #4e5962;background:#0b0f12;color:#f39a4d;font-size:17px;box-shadow:inset 0 0 16px #ff7a2008}
.steel-card h3{margin:20px 0 9px;font-size:14px;letter-spacing:1px}
.steel-card p{margin:0;color:#9eaab4;font-size:12px;line-height:1.65}
.steel-card>small{display:block;margin-top:22px;color:#5e6a73;font:700 7px Consolas,monospace;letter-spacing:1.1px}

.control-section{position:relative;border-block:1px solid #30373d;background:radial-gradient(ellipse at 78% 50%,#ff6d0010,transparent 31%),linear-gradient(180deg,#090c0f,#0b0f12)}
.control-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.92%,#ffffff05 50%,transparent 50.08%);pointer-events:none}
.control-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;align-items:center}
.control-points{display:grid;gap:10px;margin-top:28px}
.control-points>div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:13px 0;border-top:1px solid #272e34}
.control-points>div>b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #554332;color:#ff9b48;font:800 8px Consolas,monospace}
.control-points span{display:grid;gap:2px}
.control-points strong{font-size:12px;letter-spacing:.4px}
.control-points small{font-size:10px;color:#7f8d97}
.system-panel{position:relative;border:11px solid #555b60;border-image:var(--frame) 13/11px/0 stretch;background:linear-gradient(145deg,#171d22e8,#070a0ddd),var(--steel) repeat;padding:0 14px 14px;box-shadow:0 28px 65px #000b}
.system-panel:before{content:'';position:absolute;inset:-38px -28px;z-index:-1;background:radial-gradient(circle,#ff781017,transparent 58%);filter:blur(12px)}
.system-head{display:flex;justify-content:space-between;gap:10px;padding:13px 2px;border-bottom:1px solid #465057;color:#8f9ca6;font:800 8px Consolas,monospace;letter-spacing:1.1px}
.system-head b{color:var(--mint)}
.system-core{padding:22px 12px 16px;display:grid;justify-items:center}
.node{min-width:122px;padding:12px 14px;border:1px solid #454f57;background:linear-gradient(180deg,#141a1f,#090d10);box-shadow:inset 0 1px #ffffff08,0 7px 18px #0008;text-align:center}
.node small{display:block;color:#6c7983;font:700 7px Consolas,monospace;letter-spacing:1px}
.node b{display:block;font-size:11px;letter-spacing:1px;margin-top:3px}
.node span{display:block;font-size:8px;color:#727f89;margin-top:3px}
.node.owner{border-color:#725338;background:linear-gradient(180deg,#1d1712,#0c0d0e)}
.node.boss{min-width:162px;border-color:#9d5a26;background:radial-gradient(circle at 50% 20%,#ff812019,transparent 46%),linear-gradient(180deg,#17191a,#0a0d0f)}
.node.boss img{display:block;margin:0 auto 6px;filter:drop-shadow(0 0 10px #ff7b2040)}
.system-core>i{display:block;width:1px;height:24px;background:linear-gradient(var(--orange),#4a545c);position:relative}
.system-core>i:after{content:'';position:absolute;bottom:-2px;left:-2px;width:5px;height:5px;border-radius:50%;background:#ff8a24;box-shadow:0 0 9px #ff8a2488}
.worker-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.worker-row .node{min-width:0}
.system-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #30383e;padding-top:12px}
.system-footer span{display:flex;justify-content:center;align-items:center;gap:6px;color:#7f8c96;font:700 7px Consolas,monospace;text-align:center}
.system-footer i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 6px #55eba077}

.dark-section,.beta-section{width:100%;background:linear-gradient(180deg,#090c0f,#0d1115 45%,#080b0e);border-block:1px solid #333b42}
.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.targets div{position:relative;overflow:hidden;border:9px solid #555b60;border-image:var(--metric) 13/9px/0 stretch;background:linear-gradient(145deg,#11171b,#090d10),var(--steel) repeat;padding:16px 18px;transition:transform .24s ease,filter .24s ease}
.targets div:hover{transform:translateY(-4px);filter:brightness(1.1)}
.targets .target-no{display:block;color:#53616b;font:800 7px Consolas,monospace;margin:0 0 22px}
.targets b{display:block;font-size:12px;letter-spacing:1.1px}
.targets span:not(.target-no){display:block;color:#87949e;font-size:11px;margin-top:6px;padding-right:30px}
.targets i{position:absolute;right:17px;bottom:17px;font-style:normal;color:#ff9340;font-size:17px}
.note{font-size:10px;color:#6f7d88;margin:18px 0 0}

.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.brand-plate{height:210px;margin-top:30px;background:transparent;border:0}
.brand-plate img{width:210px;height:210px;object-fit:contain;object-position:left center;filter:drop-shadow(0 18px 26px #0009) drop-shadow(0 0 18px #ff6f0019)}
.proof-pack{position:relative;overflow:hidden;border:11px solid #555b60;border-image:var(--frame) 13/11px/0 stretch;background:linear-gradient(140deg,#171d22,#090c0f),var(--steel) repeat;padding:14px 16px 16px;box-shadow:0 26px 58px #000a}
.proof-pack:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#ffffff05 45%,transparent 55%);pointer-events:none}
.proof-stamp{position:absolute;right:-25px;top:51px;transform:rotate(10deg);border:2px solid #55eba045;color:#55eba059;padding:8px 28px;font:900 16px Consolas,monospace;letter-spacing:2px}
.proof-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #454c53;padding:4px 3px 14px;font:800 8px Consolas,monospace;letter-spacing:1.2px;color:#a6b0b9}
.proof-head b{color:var(--mint)}
.proof-pack dl{position:relative;z-index:1;margin:0}
.proof-pack dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 4px;border-bottom:1px solid #2f363c}
.proof-pack dl div:last-child{border:0}
.proof-pack dt{color:#a4afb8;font-size:11px}
.proof-pack dd{margin:0;color:#e3e9ed;font:800 9px Consolas,monospace}
.digest{position:relative;z-index:1;margin-top:10px;padding:10px 11px;border:1px solid #343c42;background:#080b0d;color:#697680;font:700 8px Consolas,monospace;letter-spacing:.8px}
.digest span{float:right;color:#b97842}

.beta-section{padding:106px max(18px,calc((100vw - var(--max))/2));background:radial-gradient(ellipse at 8% 25%,#ff710015,transparent 34%),radial-gradient(ellipse at 85% 55%,#ff8c2408,transparent 28%),linear-gradient(135deg,#0d1114,#07090b)}
.beta-grid{width:100%;display:grid;grid-template-columns:.77fr 1.23fr;gap:68px;align-items:start}
.beta-copy ul{list-style:none;padding:0;margin:27px 0 0}
.beta-copy li{padding:7px 0;color:#bbc5cc;font-size:13px}
.beta-copy li:before{content:'✓';color:var(--mint);font-weight:900;margin-right:9px}
.beta-status{display:flex;align-items:center;gap:10px;margin-top:30px;padding:12px 13px;border:1px solid #2e3a35;background:#0b110f8f;width:max-content;max-width:100%}
.beta-status>i{flex:0 0 auto}
.beta-status span{display:grid}
.beta-status b{font-size:9px;letter-spacing:1px}
.beta-status small{font-size:8px;color:#718078;margin-top:2px}
.waitlist{padding:20px}
.waitlist:hover{transform:none;filter:none}
.form-head{display:flex;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #4a5259;margin-bottom:18px;font:800 9px Consolas,monospace;letter-spacing:1.1px;color:#adb8c1}
.form-head b{color:#ffad58}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.waitlist label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:#b8c3cb;font-size:10px;font-weight:750}
.waitlist input,.waitlist textarea,.waitlist select{width:100%;border:1px solid #46515a;border-radius:2px;background:linear-gradient(#070a0d,#101418);color:#eef1f4;padding:11px 12px;box-shadow:inset 0 2px 5px #000b;font:12px Bahnschrift,'Segoe UI',Arial,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.waitlist textarea{resize:vertical;min-height:108px}
.waitlist input:hover,.waitlist textarea:hover,.waitlist select:hover{border-color:#5f6c76}
.waitlist input:focus,.waitlist textarea:focus,.waitlist select:focus{border-color:#ffae58;background:#0d1115;box-shadow:0 0 0 2px #ff8a2420,inset 0 2px 5px #000b}
.consent{flex-direction:row!important;gap:9px!important;align-items:flex-start}
.consent input{width:auto;margin-top:2px;accent-color:#ff7e1b}
.trap{position:absolute!important;left:-10000px!important}
.submit{width:100%;border-width:1px}
.submit:disabled{opacity:.65;cursor:wait;transform:none}
.form-status{min-height:20px;margin:10px 0 0;font-size:11px}
.form-status.error{color:#ff8f8f}
.form-status.success{color:var(--mint)}
.privacy{font-size:9px;color:#75838e;margin:7px 0 0}
.privacy a{text-decoration:underline;text-underline-offset:2px}

.footer{min-height:165px;padding:32px 0 26px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;border-top:1px solid #433426;position:relative}
.footer:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#ff7b2045,transparent)}
.footer>img{width:360px;max-width:60%;height:auto;object-fit:contain}
.footer>div{justify-self:end;display:flex;gap:20px;color:#9aa7b1;font-size:11px}
.footer>div a:hover{color:#fff}
.footer small{position:absolute;left:0;bottom:10px;color:#596771;font-size:8px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}

@keyframes pulse{0%,100%{opacity:.55;box-shadow:0 0 6px currentColor}50%{opacity:1;box-shadow:0 0 14px currentColor}}
@keyframes panelShine{0%,62%{transform:translateX(-80%)}82%,100%{transform:translateX(90%)}}
@keyframes spendShine{from{transform:translateX(-130%)}to{transform:translateX(160%)}}
@keyframes currentGlow{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:1040px){
  .hero{grid-template-columns:1fr;gap:48px;padding-top:62px}
  .hero-copy{max-width:820px}
  .control-wrap{max-width:760px;width:100%;margin:auto}
  .control-card{transform:none}
  .feature-grid{grid-template-columns:1fr 1fr}
  .control-grid,.proof-layout,.beta-grid{grid-template-columns:1fr;gap:46px}
  .system-panel{max-width:720px}
  .targets{grid-template-columns:1fr 1fr}
  .nav-links>a:not(.nav-cta){display:none}
}
@media(max-width:760px){
  .brand-masthead{height:112px}
  .nav-inner{height:58px}
  .hero{min-height:0;padding:54px 0 64px}
  .hero h1{font-size:clamp(45px,12vw,62px);letter-spacing:-2.5px}
  .lede{font-size:16px}
  .trust{grid-template-columns:1fr 1fr}
  .pipeline{grid-template-columns:1fr 1fr}
  .pipeline>i{display:none}
  .section{padding:82px 0}
  .beta-section{padding-top:82px;padding-bottom:82px}
  .section-title h2,.beta-copy h2{font-size:42px}
  .system-footer{grid-template-columns:1fr}
}
@media(max-width:620px){
  body:before{background-size:32px 32px}
  .wrap,.nav-inner{width:min(var(--max),calc(100% - 26px))}
  .brand-masthead{height:160px}
  .brand-masthead img{object-fit:contain;object-position:center}
  .nav-inner{height:54px}
  .nav-status{font-size:8px}
  .nav-status img{width:27px;height:27px}
  .nav-cta{font-size:9px;padding:8px 10px}
  .hero{padding:46px 0 58px}
  .eyebrow{font-size:8px;letter-spacing:1.2px}
  .hero h1{font-size:45px;line-height:.98;letter-spacing:-2px}
  .lede{font-size:15px;line-height:1.56}
  .actions{flex-direction:column}
  .btn{width:100%}
  .hero-caption{display:grid;grid-template-columns:auto 4px auto 4px auto;gap:6px;font-size:6px}
  .trust{grid-template-columns:1fr 1fr;margin-top:24px}
  .control-card{border-width:7px}
  .control-body{grid-template-columns:42px 1fr}
  .mini-nav{padding-inline:3px}
  .mini-nav span{height:38px}
  .control-main{padding:11px}
  .metrics{grid-template-columns:1fr 1fr 1fr}
  .metrics div{border-width:6px;padding:5px}
  .metrics b{font-size:10px}
  .activity-line{grid-template-columns:auto 1fr}
  .activity-line i{display:none}
  .run-table>div{grid-template-columns:22px 54px 1fr 15px;font-size:8px;padding:9px 7px}
  .control-foot{gap:8px;justify-content:space-between;font-size:6px}
  .signal-track span{padding-block:10px}
  .pipeline{grid-template-columns:1fr;padding-top:18px;padding-bottom:18px}
  .feature-grid,.targets,.two{grid-template-columns:1fr}
  .section{padding:72px 0}
  .section-title{margin-bottom:32px}
  .section-title h2,.beta-copy h2{font-size:38px;letter-spacing:-1.7px}
  .control-grid{gap:36px}
  .worker-row{grid-template-columns:1fr}
  .system-core>i{height:18px}
  .system-footer{gap:4px}
  .proof-layout{gap:34px}
  .brand-plate{height:150px}
  .brand-plate img{width:150px;height:150px}
  .beta-section{padding-top:72px;padding-bottom:72px}
  .waitlist{padding:16px}
  .footer{display:flex;flex-wrap:wrap}
  .footer>img{max-width:100%;width:330px}
  .footer>div{margin-left:auto}
  .footer small{position:static;width:100%}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .signal-track{transform:none!important}
}

/* Commercial positioning / proof / comparison */
.hero-positioning{max-width:680px;margin:-8px 0 27px;padding:12px 14px;border-left:2px solid var(--orange);background:linear-gradient(90deg,#ff7b200d,transparent);color:#8e9ba5;font-size:12px;letter-spacing:.15px}
.hero-positioning strong{color:#e7ecef;font-weight:850}
.proof-bar{position:relative;border-block:1px solid #323a40;background:linear-gradient(180deg,#0b0f12,#070a0c)}
.proof-bar:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#ff7b2006 50%,transparent)}
.proof-bar-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-bar-grid>div{min-height:118px;padding:22px 22px 20px;border-right:1px solid #252c31;display:flex;flex-direction:column;justify-content:center;position:relative}
.proof-bar-grid>div:first-child{border-left:1px solid #252c31}
.proof-bar-grid>div:after{content:'';position:absolute;left:22px;bottom:17px;width:24px;height:1px;background:#d97529}
.proof-bar-grid small{color:#687681;font:750 7px Consolas,monospace;letter-spacing:1.2px}
.proof-bar-grid b{margin-top:4px;font-size:16px;letter-spacing:.8px;color:#f0f3f5}
.proof-bar-grid span{margin-top:3px;padding-bottom:10px;color:#7d8992;font-size:9px}

.compare-section{position:relative;background:radial-gradient(ellipse at 50% 5%,#ff76000d,transparent 34%),linear-gradient(180deg,#07090b,#0b0e11 52%,#07090b);border-block:1px solid #30373d}
.compare-title{max-width:850px}
.compare-shell{position:relative;overflow:hidden;border:11px solid #555b60;border-image:var(--frame) 13/11px/0 stretch;background:linear-gradient(145deg,#151b20ed,#070a0ded),var(--steel) repeat;box-shadow:0 30px 72px #000b}
.compare-shell:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 40%,#ffffff04 48%,transparent 56%)}
.compare-head,.compare-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(155px,.55fr) minmax(155px,.65fr)}
.compare-head{min-height:76px;align-items:center;border-bottom:1px solid #515a61;background:linear-gradient(180deg,#1a2126,#0e1317)}
.compare-head>div{height:100%;display:flex;flex-direction:column;justify-content:center;padding:13px 18px;border-right:1px solid #343c42}
.compare-head>div:last-child{border-right:0}
.compare-head small{color:#707d87;font:750 7px Consolas,monospace;letter-spacing:1.1px}
.compare-head b{margin-top:3px;font-size:10px;letter-spacing:1px}
.compare-head .compare-brand{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;background:linear-gradient(180deg,#ff7a2010,#0e1317)}
.compare-brand img{filter:drop-shadow(0 0 8px #ff772044)}
.compare-brand span{display:flex;flex-direction:column}
.compare-brand span b{color:#ff9c4c}
.compare-row{min-height:72px;border-bottom:1px solid #293137;transition:background .2s ease}
.compare-row:hover{background:#ffffff025}
.compare-row>div{padding:13px 18px;border-right:1px solid #293137;display:flex;justify-content:center;flex-direction:column}
.compare-row>div:last-child{border-right:0}
.compare-row>div:first-child b{font-size:12px;letter-spacing:.15px;color:#dfe5e9}
.compare-row>div:first-child span{margin-top:3px;color:#7e8b95;font-size:9px;line-height:1.45}
.compare-row.featured{background:linear-gradient(90deg,#ff79200a,#ffffff01)}
.compare-row.featured>div:first-child{box-shadow:inset 2px 0 var(--orange)}
.compare-yes,.compare-var{align-items:flex-start!important;gap:5px;font:900 13px Consolas,monospace}
.compare-yes{color:var(--mint)}
.compare-yes.soft{color:#a5b1b9}
.compare-var{color:#df9a57}
.compare-yes span,.compare-var span{font-size:7px;letter-spacing:.8px;color:#8f9ba4}
.compare-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px;background:#080b0dcc}
.compare-foot p{max-width:690px;margin:0;color:#697780;font-size:9px;line-height:1.55}
.compare-foot p strong{color:#9aa6ae}
.compare-foot .btn{flex:0 0 auto}

.finish-section{background:linear-gradient(180deg,#080a0c,#060708)}
.finish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.finish-grid article{position:relative;min-height:210px;padding:24px 20px;border:1px solid #343d44;background:radial-gradient(circle at 85% 10%,#ff7b2009,transparent 33%),linear-gradient(145deg,#12171b,#090c0e);box-shadow:inset 0 1px #ffffff05,0 12px 28px #0006;transition:transform .25s ease,border-color .25s ease}
.finish-grid article:hover{transform:translateY(-5px);border-color:#5b4a3b}
.finish-grid article>span{color:#7b542f;font:800 8px Consolas,monospace}
.finish-grid h3{margin:72px 0 8px;font-size:13px;letter-spacing:1px}
.finish-grid p{margin:0;color:#84919a;font-size:11px;line-height:1.6}
.finish-grid article:after{content:'+';position:absolute;right:18px;top:14px;color:#3d4850;font:400 18px Consolas,monospace}

@media(max-width:900px){
  .proof-bar-grid{grid-template-columns:1fr 1fr}
  .proof-bar-grid>div:nth-child(3){border-left:1px solid #252c31}
  .compare-head,.compare-row{grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr) minmax(130px,.75fr)}
  .finish-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero-positioning{font-size:11px}
  .proof-bar-grid{grid-template-columns:1fr 1fr}
  .proof-bar-grid>div{min-height:104px;padding:17px 13px}
  .proof-bar-grid>div:after{left:13px;bottom:13px}
  .proof-bar-grid b{font-size:13px}
  .compare-shell{border-width:7px}
  .compare-head,.compare-row{grid-template-columns:minmax(0,1.2fr) 85px 92px}
  .compare-head{min-height:68px}
  .compare-head>div,.compare-row>div{padding:10px 8px}
  .compare-head .compare-brand{gap:5px}
  .compare-brand img{display:none}
  .compare-head b{font-size:8px}
  .compare-row>div:first-child b{font-size:10px}
  .compare-row>div:first-child span{font-size:8px}
  .compare-yes,.compare-var{font-size:11px}
  .compare-yes span,.compare-var span{font-size:6px;letter-spacing:.3px}
  .compare-foot{align-items:stretch;flex-direction:column}
  .finish-grid{grid-template-columns:1fr}
  .finish-grid article{min-height:170px}
  .finish-grid h3{margin-top:50px}
}


/* Interactive free preview */
.preview-console{margin-top:23px;border:1px solid #4a535a;background:linear-gradient(155deg,#12171b,#080b0e);box-shadow:0 18px 38px #0009,0 0 28px #ff6c0010;padding:14px;max-width:720px;position:relative;overflow:hidden}
.preview-console:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 0 46%,#ffffff04 52%,transparent 58%)}
.preview-head{position:relative;display:flex;justify-content:space-between;gap:12px;padding:1px 2px 11px;margin-bottom:12px;border-bottom:1px solid #30383e;font:800 8px Consolas,monospace;letter-spacing:1.05px;color:#8d99a2}
.preview-head>span{display:flex;align-items:center;gap:7px;color:#d4dadd}
.preview-head i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #55eba088;animation:pulse 1.8s ease-in-out infinite}
.preview-head b{color:#d68a49}
.preview-prompt{position:relative;display:grid;gap:7px}
.preview-prompt>span{color:#929fa8;font-size:9px;font-weight:800;letter-spacing:1px}
.preview-prompt textarea{width:100%;min-height:96px;resize:vertical;border:1px solid #4b565f;background:linear-gradient(180deg,#080b0e,#0e1317);color:#f3f6f7;padding:13px 14px;outline:none;box-shadow:inset 0 2px 7px #000b;font:13px/1.5 Bahnschrift,'Segoe UI',Arial,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}
.preview-prompt textarea:focus{border-color:#f39a4d;box-shadow:0 0 0 2px #ff81201c,inset 0 2px 7px #000b}
.preview-options{position:relative;display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:7px;margin-top:9px}
.preview-options label,.preview-limit{min-height:50px;border:1px solid #343d44;background:#090d10;padding:7px 9px;display:flex;flex-direction:column;justify-content:center;color:#68757f;font:750 7px Consolas,monospace;letter-spacing:.7px}
.preview-options select{border:0;background:transparent;color:#dce2e6;padding:2px 0 0;outline:none;font:800 9px Bahnschrift,'Segoe UI',Arial,sans-serif}
.preview-options select option{background:#0b0e11;color:#fff}
.preview-limit small{font:inherit;color:#68757f}
.preview-limit b{margin-top:2px;color:#e1e6e9;font-size:9px}
.preview-limit:nth-child(2) b{color:var(--mint)}
.preview-limit:nth-child(3) b{color:#ff9c4c}
.preview-limit:nth-child(4) b{color:#d2a36f}
.preview-consent{position:relative;display:flex;align-items:flex-start;gap:8px;margin:10px 1px;color:#707d86;font-size:8px;line-height:1.45}
.preview-consent input{margin-top:2px;accent-color:#ff7e1b}
.preview-actions{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:10px}
.preview-actions .btn{width:100%}
.preview-status{position:relative;min-height:18px;margin:9px 2px 0;color:#6f7c85;font:700 8px Consolas,monospace}
.preview-status.error{color:#ff8d85}.preview-status.success{color:var(--mint)}

.preview-result-section{padding:34px 0 54px;border-bottom:1px solid #333b42;background:radial-gradient(ellipse at 50% 0,#ff761010,transparent 38%),#07090b}
.preview-run-shell{border:11px solid #555b60;border-image:var(--frame) 13/11px/0 stretch;background:linear-gradient(145deg,#161c21,#070a0d),var(--steel) repeat;box-shadow:0 28px 70px #000c;padding:0 15px 15px}
.preview-run-head{display:flex;justify-content:space-between;gap:12px;padding:13px 3px;border-bottom:1px solid #475058;color:#87949e;font:800 8px Consolas,monospace;letter-spacing:1.1px}
.preview-run-head b{color:#ff9a48}
.preview-run-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:12px;padding-top:13px}
.preview-timeline{border:1px solid #30383e;background:#070a0c}
.preview-timeline>div{display:grid;grid-template-columns:25px 1fr auto 16px;gap:7px;align-items:center;padding:11px 9px;border-bottom:1px solid #293036;font:700 8px Consolas,monospace}
.preview-timeline>div:last-child{border:0}
.preview-timeline span{color:#5f6d77}.preview-timeline b{font-size:8px;color:#d8dfe3}.preview-timeline small{color:#78858f}.preview-timeline i{font-style:normal;text-align:right}
.preview-timeline .running{background:linear-gradient(90deg,#ff7d2013,transparent);box-shadow:inset 2px 0 var(--orange)}
.preview-timeline .running i{color:var(--orange);animation:pulse 1.2s ease-in-out infinite}
.preview-timeline .done i{color:var(--mint)}
.preview-timeline .failed i{color:#ff786f}.preview-timeline .locked{opacity:.45}
.preview-artifact{border:1px solid #343d44;background:#080b0d;min-height:330px}
.preview-artifact-top{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #30383e;color:#87949e;font:800 7px Consolas,monospace;letter-spacing:1px}
.preview-artifact-top b{color:#d68c4e}
.generated-screen{padding:18px;height:calc(100% - 38px);background:radial-gradient(circle at 85% 10%,#ff7d200a,transparent 28%),linear-gradient(150deg,#11161a,#090c0f)}
.generated-empty{height:100%;min-height:260px;display:grid;place-items:center;border:1px dashed #343d44;color:#596671;font-size:10px}
.generated-app{height:100%;min-height:260px;border:1px solid #333d44;background:#0c1115;overflow:hidden}
.generated-app-nav{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid #273139}
.generated-app-nav b{font-size:12px}.generated-app-nav span{padding:6px 9px;background:#ff7a20;color:#fff;font-size:8px;font-weight:800}
.generated-app-body{padding:22px}.generated-app-body small{color:#ff9a4a;font:800 7px Consolas,monospace;letter-spacing:1px}.generated-app-body h3{font-size:24px;line-height:1.05;margin:8px 0;color:#f1f4f5}.generated-app-body p{margin:0;color:#8e9aa3;font-size:10px;max-width:520px}
.generated-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.generated-stats div{border:1px solid #2f3940;background:#090d10;padding:10px}.generated-stats b{display:block;font-size:13px}.generated-stats span{display:block;color:#6c7982;font-size:7px;margin-top:3px}
.generated-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.generated-cards div{border:1px solid #303a41;background:#10151a;padding:11px}.generated-cards b{display:block;font-size:9px}.generated-cards span{display:block;margin-top:4px;color:#7b8892;font-size:8px}
.preview-output-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}
.preview-output-grid>div{border:1px solid #303940;background:#080b0d;padding:11px}.preview-output-grid small{color:#d58949;font:800 7px Consolas,monospace;letter-spacing:1px}.preview-output-grid ul{padding-left:15px;margin:8px 0 0;color:#8e9ba4;font-size:9px;line-height:1.5}
.preview-run-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding-top:12px;border-top:1px solid #30383e}
.preview-run-foot p{margin:0;color:#6e7b84;font-size:9px;max-width:680px}.preview-run-foot .btn{flex:0 0 auto}

.audience-section{background:#07090b}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.audience-grid article{min-height:210px;padding:22px 19px;border:1px solid #333c43;background:linear-gradient(145deg,#12171b,#090c0e);position:relative;overflow:hidden}
.audience-grid article:after{content:'';position:absolute;right:-35px;top:-35px;width:100px;height:100px;border:1px solid #ff7b2015;transform:rotate(45deg)}
.audience-grid>article>span{color:#d7813c;font:800 8px Consolas,monospace;letter-spacing:1px}.audience-grid h3{font-size:16px;line-height:1.2;margin:62px 0 9px}.audience-grid p{margin:0;color:#84919a;font-size:10px;line-height:1.6}

.usage-section{background:radial-gradient(ellipse at 15% 30%,#ff74000d,transparent 30%),linear-gradient(180deg,#090c0f,#07090b);border-top:1px solid #30373d}
.usage-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.usage-grid .section-title{margin:0}
.usage-stack{display:grid;gap:8px}.usage-stack>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:11px;padding:15px;border:1px solid #343d44;background:#090d10}.usage-stack>div>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid #46515a;color:#788690;font:800 8px Consolas,monospace}.usage-stack b{font-size:11px;letter-spacing:.7px}.usage-stack small{margin-top:3px;color:#75828c;font-size:9px}.usage-stack .active{border-color:#765239;background:linear-gradient(90deg,#ff78200b,#090d10)}.usage-stack .active>span{border-color:#8f5c34;color:#ff9a49}.usage-stack .active b{color:#f1f3f4}

@media(max-width:900px){.audience-grid{grid-template-columns:1fr 1fr}.usage-grid{grid-template-columns:1fr;gap:35px}.preview-run-grid{grid-template-columns:1fr}.preview-output-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.preview-options{grid-template-columns:1fr 1fr}.preview-options label{grid-column:1/-1}.preview-actions{grid-template-columns:1fr}.preview-run-shell{border-width:7px;padding-inline:10px}.preview-run-head{font-size:7px}.preview-output-grid{grid-template-columns:1fr}.preview-run-foot{align-items:stretch;flex-direction:column}.preview-run-foot .btn{width:100%}.generated-stats{grid-template-columns:1fr 1fr 1fr}.generated-cards{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}.audience-grid article{min-height:170px}.audience-grid h3{margin-top:45px}}

.comparison-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:7px}.comparison-links a{color:#b7865e;font:750 8px Consolas,monospace;text-decoration:underline;text-underline-offset:3px}.comparison-links a:hover{color:#ffad65}
.compare-page-main{padding-bottom:70px}.compare-page-hero{padding:86px 0 54px}.compare-page-hero h1{font-size:clamp(46px,6vw,72px);line-height:.98;letter-spacing:-3px;margin:15px 0 18px}.compare-page-hero h1 em{font-style:normal;color:var(--orange)}.compare-page-hero p{max-width:800px;color:#a9b4bc;font-size:17px;line-height:1.65}.compare-page-note{margin-top:20px;padding:11px 13px;border-left:2px solid #ff8a24;background:#ff7c2009;color:#7d8992;font-size:10px;max-width:760px}
.compare-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-focus-grid article{border:1px solid #353e45;background:linear-gradient(145deg,#12181c,#080b0d);padding:22px;min-height:220px}.compare-focus-grid article>small{color:#d58545;font:800 8px Consolas,monospace;letter-spacing:1px}.compare-focus-grid h2{font-size:26px;line-height:1.05;margin:42px 0 10px}.compare-focus-grid p{color:#84919a;font-size:11px;line-height:1.65;margin:0}
.fact-table{margin-top:12px;border:1px solid #353e45;background:#080b0d}.fact-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #293137}.fact-row:last-child{border-bottom:0}.fact-row>div{padding:14px 16px;border-right:1px solid #293137;font-size:10px;color:#8c99a2}.fact-row>div:last-child{border-right:0}.fact-row b{color:#e0e5e8;font-size:10px}.fact-head{background:#11171b}.fact-head>div{color:#d38647;font:800 8px Consolas,monospace;letter-spacing:.9px}.source-note{margin:22px 0 0;color:#687680;font-size:9px;line-height:1.6}.source-note a{color:#b7865e;text-decoration:underline}
@media(max-width:700px){.compare-focus-grid{grid-template-columns:1fr}.fact-row{grid-template-columns:1fr}.fact-row>div{border-right:0;border-bottom:1px solid #293137}.fact-row>div:last-child{border-bottom:0}.fact-head{display:none}.compare-page-hero{padding-top:58px}.compare-page-hero h1{font-size:44px;letter-spacing:-2px}}

.hero-trial-intro{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 10px;color:#9aa7b0}
.hero-trial-intro span{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #765238;background:#ff7a200b;color:#ff9d4d;font:900 8px Consolas,monospace;letter-spacing:1px}
.hero-trial-intro span:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #55eba077}
.hero-trial-intro b{font-size:11px;letter-spacing:.1px;color:#c6d0d6}
.hero .preview-console{margin-top:0;margin-bottom:22px;border-color:#6a4c36;box-shadow:0 20px 42px #000b,0 0 34px #ff6c0019}
.hero .preview-console:after{content:'FREE STARTER PREVIEW';position:absolute;right:12px;bottom:8px;color:#5f4938;font:800 6px Consolas,monospace;letter-spacing:1px;pointer-events:none}
@media(max-width:620px){.hero-trial-intro{align-items:flex-start;flex-direction:column}.hero-trial-intro b{font-size:10px}.hero .preview-console{margin-bottom:18px}}

.compare-explainer{margin-top:30px;padding:24px;border:1px solid #353e45;background:linear-gradient(145deg,#10161a,#080b0d)}
.compare-explainer h2{margin:0 0 10px;font-size:24px;letter-spacing:-.5px}
.compare-explainer p{margin:8px 0;color:#89969f;font-size:11px;line-height:1.7}
.compare-explainer strong{color:#dbe2e6}
.faq-block{margin-top:44px}
.faq-block>h2{font-size:30px;margin:10px 0 18px}
.faq-block details{border-top:1px solid #313940;padding:15px 0}
.faq-block details:last-of-type{border-bottom:1px solid #313940}
.faq-block summary{cursor:pointer;color:#dce2e6;font-size:12px;font-weight:800;letter-spacing:.15px}
.faq-block details p{color:#84919a;font-size:10px;line-height:1.7;max-width:850px;margin:10px 0 0}
.comparison-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.comparison-hub-grid>a{min-height:220px;padding:22px 20px;border:1px solid #343d44;background:radial-gradient(circle at 90% 8%,#ff7a2009,transparent 30%),linear-gradient(145deg,#12171b,#090c0f);position:relative;transition:transform .24s ease,border-color .24s ease}
.comparison-hub-grid>a:hover{transform:translateY(-5px);border-color:#705038}
.comparison-hub-grid small{color:#d68443;font:800 8px Consolas,monospace;letter-spacing:1px}
.comparison-hub-grid h2{font-size:19px;line-height:1.08;margin:58px 0 8px}
.comparison-hub-grid p{color:#84919a;font-size:10px;line-height:1.55;margin:0}
.comparison-hub-grid span{position:absolute;left:20px;bottom:18px;color:#b87d4f;font:800 7px Consolas,monospace;letter-spacing:.8px}
@media(max-width:900px){.comparison-hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.comparison-hub-grid{grid-template-columns:1fr}.comparison-hub-grid>a{min-height:180px}.comparison-hub-grid h2{margin-top:42px}}


/* Premium product-first hero layout */
.hero.hero-product{
  display:block;
  min-height:0;
  padding:72px 0 88px;
}
.hero-copy-centered{
  max-width:1040px;
  margin:0 auto;
  text-align:center;
}
.hero-eyebrow{
  justify-content:center;
}
.hero.hero-product h1{
  max-width:980px;
  margin:20px auto 20px;
  font-size:clamp(54px,6.2vw,84px);
  line-height:.96;
  letter-spacing:-3.8px;
  text-align:center;
}
.hero-lede{
  max-width:790px;
  margin:0 auto 14px;
  font-size:17px;
  line-height:1.62;
  text-align:center;
}
.hero-positioning-centered{
  max-width:760px;
  margin:0 auto 26px;
  padding:0;
  border:0;
  background:none;
  text-align:center;
  font-size:12px;
}
.hero-prompt-shell{
  width:min(940px,100%);
  margin:0 auto;
  text-align:left;
  position:relative;
}
.hero-prompt-shell:before{
  content:'';
  position:absolute;
  inset:-24px -34px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 35%,#ff78101a,transparent 66%);
  filter:blur(18px);
}
.hero-trial-intro{
  justify-content:center;
  margin:0 0 10px;
}
.hero .preview-console{
  width:100%;
  max-width:none;
  margin:0;
  padding:16px;
  border:10px solid #565b60;
  border-image:var(--frame) 13/10px/0 stretch;
  background:linear-gradient(155deg,#151b20,#080b0e),var(--steel) repeat;
  box-shadow:0 26px 64px #000d,0 0 38px #ff6c0019;
}
.hero .preview-prompt textarea{
  min-height:118px;
  font-size:14px;
}
.hero .preview-options{
  grid-template-columns:1.25fr repeat(3,.75fr);
}
.hero .preview-actions{
  grid-template-columns:1.35fr .65fr;
}
.hero-caption-centered{
  justify-content:center;
  margin:18px auto 0;
}
.trust-centered{
  max-width:940px;
  margin:24px auto 0;
}
.hero-proof-block{
  width:min(1020px,100%);
  margin:70px auto 0;
  padding-top:44px;
  border-top:1px solid #2d353b;
}
.hero-proof-heading{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}
.hero-proof-heading .kicker{
  justify-content:center;
}
.hero-proof-heading h2{
  margin:12px 0 12px;
  font-size:clamp(34px,4vw,50px);
  line-height:1.02;
  letter-spacing:-2px;
}
.hero-proof-heading p{
  margin:0 auto;
  max-width:690px;
  color:#8f9ba4;
  font-size:13px;
  line-height:1.6;
}
.hero-proof-block .control-wrap{
  max-width:900px;
  margin:0 auto;
}
.hero-proof-block .control-card{
  transform:none;
}
.hero-proof-block .control-wrap:hover .control-card{
  transform:translateY(-3px);
}
.hero-proof-block .control-orbit{
  inset:-35px -80px;
}
@media(max-width:900px){
  .hero.hero-product{padding-top:58px}
  .hero.hero-product h1{font-size:clamp(48px,9vw,70px)}
  .hero-proof-block{margin-top:56px}
}
@media(max-width:620px){
  .hero.hero-product{padding:44px 0 64px}
  .hero.hero-product h1{
    font-size:43px;
    line-height:.99;
    letter-spacing:-2.3px;
  }
  .hero-lede{
    font-size:14px;
    line-height:1.55;
  }
  .hero-positioning-centered{
    font-size:10px;
    margin-bottom:20px;
  }
  .hero-trial-intro{
    align-items:center;
    text-align:center;
  }
  .hero-trial-intro b{
    max-width:310px;
  }
  .hero .preview-console{
    border-width:7px;
    padding:12px;
  }
  .hero .preview-options{
    grid-template-columns:1fr 1fr;
  }
  .hero .preview-options label{
    grid-column:1/-1;
  }
  .hero .preview-actions{
    grid-template-columns:1fr;
  }
  .trust-centered{
    grid-template-columns:1fr 1fr;
  }
  .hero-proof-block{
    margin-top:46px;
    padding-top:34px;
  }
  .hero-proof-heading h2{
    font-size:34px;
    letter-spacing:-1.5px;
  }
}


/* Scroll-scrub cinematic build sequence */
.forge-scroll{
  position:relative;
  height:760vh;
  border-block:1px solid #2d353b;
  background:
    radial-gradient(ellipse at 68% 38%,#ff74100d,transparent 38%),
    linear-gradient(180deg,#060809,#0a0e11 52%,#060809);
}
.forge-scroll-sticky{
  position:sticky;
  top:64px;
  height:calc(100vh - 64px);
  min-height:620px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
}
.forge-cinema-glow{
  position:absolute;
  width:720px;
  height:720px;
  right:2%;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,#ff741019,transparent 63%);
  filter:blur(48px);
  pointer-events:none;
  z-index:-1;
}
.forge-scroll-shell{
  display:grid;
  grid-template-columns:.34fr .66fr;
  gap:46px;
  align-items:center;
}
.forge-scroll-copy{
  align-self:center;
  position:relative;
  z-index:4;
}
.forge-stage-count{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:28px;
  color:#586671;
  font:800 12px Consolas,monospace;
}
.forge-stage-count span:first-child{
  color:#ff9340;
  font-size:23px;
  text-shadow:0 0 18px #ff781044;
}
.forge-stage-count i{font-style:normal;color:#38434b}
.forge-scroll-copy h2{
  margin:7px 0 12px;
  font-size:clamp(44px,5vw,70px);
  line-height:.93;
  letter-spacing:-3px;
}
.forge-scroll-copy>p{
  margin:0;
  max-width:380px;
  color:#98a4ad;
  font-size:14px;
  line-height:1.65;
}
.forge-stage-status{
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  padding:8px 10px;
  border:1px solid #554331;
  background:#ff7a2008;
  color:#d79254;
  font:800 7px Consolas,monospace;
  letter-spacing:1px;
}
.forge-stage-status i{
  width:6px;height:6px;border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 10px #ff842477;
}
.forge-scroll-hint{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:28px;
  color:#5f6c75;
  font:750 7px Consolas,monospace;
  letter-spacing:1px;
  transition:opacity .2s linear;
}
.forge-scroll-hint i{
  display:grid;place-items:center;
  width:24px;height:24px;
  border:1px solid #39434b;
  border-radius:50%;
  color:#d47e3c;
  font-style:normal;
  animation:scrollHint 1.6s ease-in-out infinite;
}
.forge-machine{
  position:relative;
  border:11px solid #555b60;
  border-image:var(--frame) 13/11px/0 stretch;
  background:linear-gradient(145deg,#141a1f,#070a0d),var(--steel) repeat;
  box-shadow:0 35px 85px #000e,0 0 45px #ff6e0017;
  min-width:0;
}
.forge-machine:before{
  content:'';
  position:absolute;
  inset:-38px -32px;
  z-index:-2;
  border:1px solid #ff7a2012;
  transform:rotate(-1.2deg);
}
.forge-machine-top,.forge-machine-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#697781;
  font:750 7px Consolas,monospace;
  letter-spacing:.9px;
}
.forge-machine-top{
  min-height:36px;
  padding:0 13px;
  border-bottom:1px solid #3d464d;
  background:#080b0d;
}
.forge-machine-top b{
  display:flex;align-items:center;gap:6px;color:var(--mint)
}
.forge-machine-top b i{
  width:5px;height:5px;border-radius:50%;background:var(--mint);
  box-shadow:0 0 8px #55eba088;
}
.forge-machine-foot{
  min-height:34px;
  justify-content:center;
  gap:20px;
  padding:0 12px;
  border-top:1px solid #313940;
  background:#070a0c;
  white-space:nowrap;
}
.forge-scene{
  position:relative;
  height:min(66vh,620px);
  min-height:510px;
  overflow:hidden;
  background:
    radial-gradient(circle at 55% 42%,#ff7b2008,transparent 34%),
    linear-gradient(145deg,#0d1216,#070a0c);
}
.forge-grid-lines{
  position:absolute;
  inset:0;
  opacity:.27;
  background-image:
    linear-gradient(#65727b12 1px,transparent 1px),
    linear-gradient(90deg,#65727b12 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
.forge-grid-lines:after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 49.9%,#ff84240e 50%,transparent 50.1%),
    linear-gradient(transparent 49.9%,#ff84240b 50%,transparent 50.1%);
}
.forge-rail{
  position:absolute;
  left:10px;top:16px;bottom:52px;
  width:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  z-index:8;
}
.forge-rail:before{
  content:'';
  position:absolute;
  top:8px;bottom:8px;left:50%;
  width:1px;
  background:#313c43;
  z-index:-1;
}
.forge-rail span{
  width:30px;height:30px;
  display:grid;place-items:center;
  border:1px solid #303940;
  background:#090d10;
  color:#53616b;
  font:800 7px Consolas,monospace;
  transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;
}
.forge-rail span.done{
  color:#7fae93;
  border-color:#345444;
}
.forge-rail span.active{
  color:#ffae62;
  border-color:#97592a;
  background:#ff7a2010;
  box-shadow:0 0 14px #ff76202a;
}
.forge-scene .module{
  position:absolute;
  z-index:2;
  border:1px solid #3b454c;
  background:linear-gradient(145deg,#13191d,#090d10);
  box-shadow:0 12px 26px #0008,inset 0 1px #ffffff06;
  opacity:calc(var(--reveal,0) * (.35 + .65 * var(--focus,0)));
  filter:brightness(calc(.72 + .28 * var(--focus,0)));
  transform:translate3d(0,calc((1 - var(--reveal,0)) * 22px),0) scale(calc(.97 + .03 * var(--reveal,0)));
  transition:border-color .18s linear,box-shadow .18s linear;
}
.forge-scene .module.is-current{
  border-color:#8a582f;
  box-shadow:0 16px 34px #000a,0 0 25px #ff78101d,inset 2px 0 #ff8124;
}
.forge-scene .module small{
  color:#74818b;
  font:750 7px Consolas,monospace;
  letter-spacing:.85px;
}
.forge-scene .module b{color:#e5eaed}
.forge-scene .module p{margin:4px 0 0;color:#77848d;font-size:8px}
.module-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom:1px solid #2e373e;
}
.module-head b{
  color:#ff9949!important;
  font:800 7px Consolas,monospace;
}
.forge-idea{
  left:7%;top:6%;
  width:39%;
  padding:13px 14px;
}
.forge-idea>b{
  display:block;
  margin-top:6px;
  font-size:11px;
  line-height:1.25;
}
.forge-idea>span{
  display:inline-block;
  margin-top:9px;
  padding:4px 6px;
  border:1px solid #4e3f32;
  color:#d38a4e;
  font:800 6px Consolas,monospace;
}
.forge-plan{
  left:50%;top:6%;
  width:43%;
  padding:12px;
}
.plan-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.plan-grid span{
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px;
  border:1px solid #293238;
  background:#080b0d;
  color:#87949e;
  font-size:7px;
}
.plan-grid i{
  color:#d98846;
  font:800 6px Consolas,monospace;
}
.architecture-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:8px;
}
.architecture-line i{
  height:2px;
  background:linear-gradient(90deg,#ff7d20,#555f67);
  transform:scaleX(var(--reveal,0));
  transform-origin:left center;
}
.forge-build{
  left:7%;top:34%;
  width:39%;
  padding:12px;
}
.worker-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
}
.worker-grid>div{
  padding:7px 5px;
  border:1px solid #2e383e;
  background:#080b0d;
  text-align:center;
}
.worker-grid span{
  display:block;
  color:#d98442;
  font:800 6px Consolas,monospace;
}
.worker-grid b{
  display:block;
  margin-top:2px;
  font-size:8px;
}
.worker-grid small{
  display:block!important;
  margin-top:2px;
  font-size:5px!important;
  letter-spacing:0!important;
}
.code-lines{
  display:grid;
  gap:4px;
  margin-top:9px;
}
.code-lines i{
  height:3px;
  background:linear-gradient(90deg,#5d6a73 0 68%,transparent 68%);
  transform:scaleX(var(--reveal,0));
  transform-origin:left center;
}
.code-lines i:nth-child(2){width:82%}
.code-lines i:nth-child(3){width:67%}
.code-lines i:nth-child(4){width:90%}
.code-lines i:nth-child(5){width:73%}
.code-lines i:nth-child(6){width:56%}
.forge-app{
  left:50%;top:32%;
  width:43%;
  height:34%;
  overflow:hidden;
}
.app-chrome{
  height:28px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 9px;
  border-bottom:1px solid #313a41;
  background:#080b0d;
}
.app-chrome i{
  width:5px;height:5px;border-radius:50%;background:#5a646c;
}
.app-chrome i:first-child{background:#d36f2e}
.app-chrome span{
  margin-left:auto;
  color:#6f7c85;
  font:800 6px Consolas,monospace;
  letter-spacing:1px;
}
.app-body{
  height:calc(100% - 28px);
  display:grid;
  grid-template-columns:31% 69%;
}
.app-body aside{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:10px 8px;
  border-right:1px solid #293238;
  background:#090d10;
}
.app-body aside b,.app-body aside span{
  font-size:6px;
  color:#6f7c85;
}
.app-body aside b{color:#f1a45f}
.app-body main{padding:9px}
.app-stat-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
}
.app-stat-row div{
  padding:6px;
  border:1px solid #2c353b;
  background:#080b0d;
}
.app-stat-row small{font-size:5px!important}
.app-stat-row b{display:block;margin-top:2px;font-size:10px}
.app-table{
  display:grid;
  gap:5px;
  margin-top:7px;
}
.app-table i{
  display:block;
  height:16px;
  border:1px solid #293238;
  background:linear-gradient(90deg,#ff7b200c 24%,#0a0e11 24%);
}
.forge-test{
  left:7%;top:66%;
  width:39%;
  padding:12px;
  overflow:hidden;
}
.test-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.test-grid span{
  padding:6px 7px;
  border:1px solid #293238;
  color:#75828b;
  font:700 6px Consolas,monospace;
}
.test-grid b{float:right;color:var(--mint)!important;font-size:6px}
.test-sweep{
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:#55eba0;
  box-shadow:0 0 12px #55eba088;
  transform:translateY(calc(var(--reveal,0) * 86px));
}
.forge-review{
  left:50%;top:69%;
  width:43%;
  min-height:91px;
  padding:12px;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:10px;
  align-items:center;
  overflow:hidden;
}
.review-shield{
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid #7c552e;
  color:#ff9844;
  font-size:20px;
  background:#ff7b2008;
}
.forge-review b{display:block;margin-top:3px;font-size:8px}
.review-scan{
  position:absolute;
  top:0;bottom:0;
  width:2px;
  left:calc(var(--reveal,0) * 100%);
  background:#ff8a24;
  box-shadow:0 0 18px #ff7b2077;
}
.forge-repair{
  left:22%;top:44%;
  width:56%;
  padding:14px;
  z-index:5!important;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:12px;
  align-items:center;
  background:linear-gradient(145deg,#1b1512,#090d10)!important;
}
.forge-repair>i{
  color:#ff984b;
  font-style:normal;
  font-size:20px;
}
.repair-before,.repair-after{
  padding:9px;
  border:1px solid #3a3531;
  background:#090c0e;
}
.repair-before b,.repair-after b{
  display:block;margin-top:3px;font-size:10px;
}
.repair-before b{color:#ff8a7d!important}
.repair-after b{color:var(--mint)!important}
.repair-before span,.repair-after span{
  display:block;margin-top:2px;color:#717e87;font-size:7px;
}
.forge-proof{
  left:16%;top:35%;
  width:68%;
  padding:18px;
  z-index:6!important;
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:14px;
  align-items:center;
  background:linear-gradient(145deg,#111b17,#080c0d)!important;
  border-color:#37634d!important;
}
.proof-seal{
  width:52px;height:52px;
  display:grid;place-items:center;
  border:1px solid #45996c;
  border-radius:50%;
  color:var(--mint);
  font-size:25px;
  box-shadow:0 0 22px #55eba01e,inset 0 0 14px #55eba00d;
}
.forge-proof b{display:block;margin-top:3px;font-size:12px}
.forge-proof code{
  color:#7e9086;
  font:700 7px Consolas,monospace;
  padding:7px;
  border:1px solid #294137;
  background:#060a08;
}
.forge-complete{
  inset:22% 10% auto 10%;
  min-height:205px;
  z-index:7!important;
  padding:26px 28px;
  display:grid;
  grid-template-columns:84px 1fr;
  gap:20px;
  align-items:center;
  background:
    radial-gradient(circle at 20% 50%,#ff7b2013,transparent 28%),
    linear-gradient(145deg,#171d20,#080b0d)!important;
  border-color:#8b5a31!important;
}
.forge-complete img{
  width:76px;height:76px;
  filter:drop-shadow(0 0 18px #ff74104a);
}
.forge-complete small{color:#ff9b4a!important}
.forge-complete b{
  display:block;
  margin-top:5px;
  font-size:17px;
  letter-spacing:.5px;
}
.forge-complete p{font-size:10px!important}
.forge-complete>span{
  grid-column:1/-1;
  display:block;
  padding-top:13px;
  border-top:1px solid #42362e;
  color:#d8955c;
  font:800 7px Consolas,monospace;
  letter-spacing:1px;
  text-align:center;
}
.forge-budget{
  position:absolute;
  left:52px;right:16px;bottom:12px;
  height:27px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:9px;
  align-items:center;
  z-index:9;
  color:#6f7c85;
  font:750 6px Consolas,monospace;
}
.forge-budget>div{
  height:5px;
  border:1px solid #374149;
  background:#060809;
  overflow:hidden;
}
.forge-budget>div i{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,#d44a08,#ff8d24,#ffc064);
  box-shadow:0 0 9px #ff751044;
}
.forge-budget>b{color:#cbd3d8;font-size:7px}
.forge-progress-track{
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:#1c2429;
}
.forge-progress-track i{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,#ff6410,#ff9f40,#55eba0);
  box-shadow:0 0 10px #ff7a2055;
}
@keyframes scrollHint{
  0%,100%{transform:translateY(-2px);opacity:.55}
  50%{transform:translateY(3px);opacity:1}
}
@media(max-width:1000px){
  .forge-scroll{height:720vh}
  .forge-scroll-sticky{top:58px;height:calc(100vh - 58px);min-height:650px}
  .forge-scroll-shell{grid-template-columns:1fr;gap:18px}
  .forge-scroll-copy{
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:
      "kicker kicker status"
      "count title status"
      "desc desc hint";
    align-items:end;
    column-gap:14px;
  }
  .forge-scroll-copy .kicker{grid-area:kicker}
  .forge-stage-count{grid-area:count;margin-top:8px}
  .forge-scroll-copy h2{grid-area:title;margin:4px 0 0;font-size:44px}
  .forge-scroll-copy>p{grid-area:desc;max-width:620px;font-size:11px}
  .forge-stage-status{grid-area:status;margin:0;align-self:center}
  .forge-scroll-hint{grid-area:hint;margin:0;justify-self:end}
  .forge-scene{height:min(61vh,570px);min-height:470px}
}
@media(max-width:700px){
  .forge-scroll{height:680vh}
  .forge-scroll-sticky{top:54px;height:calc(100svh - 54px);min-height:610px}
  .forge-scroll-shell{width:calc(100% - 18px);gap:11px}
  .forge-scroll-copy{
    grid-template-columns:auto 1fr;
    grid-template-areas:
      "kicker kicker"
      "count title"
      "desc desc"
      "status hint";
    row-gap:2px;
  }
  .forge-stage-count{margin:3px 0 0}
  .forge-stage-count span:first-child{font-size:17px}
  .forge-scroll-copy h2{font-size:31px;letter-spacing:-1.7px}
  .forge-scroll-copy>p{font-size:9px;line-height:1.45;max-width:none}
  .forge-stage-status{margin-top:6px;padding:5px 7px;font-size:5px}
  .forge-scroll-hint{margin-top:6px;font-size:5px}
  .forge-scroll-hint i{width:19px;height:19px}
  .forge-machine{border-width:7px}
  .forge-machine-top{min-height:28px;padding-inline:8px;font-size:5px}
  .forge-machine-foot{min-height:27px;gap:7px;padding-inline:5px;font-size:4px;overflow:hidden}
  .forge-scene{height:62vh;min-height:440px}
  .forge-rail{left:5px;top:9px;bottom:37px;width:22px}
  .forge-rail span{width:22px;height:22px;font-size:5px}
  .forge-scene .module{font-size:80%}
  .forge-idea,.forge-build,.forge-test{left:8%;width:42%}
  .forge-plan,.forge-app,.forge-review{left:53%;width:44%}
  .forge-idea,.forge-plan{top:4%}
  .forge-build{top:32%}
  .forge-app{top:31%;height:33%}
  .forge-test{top:65%}
  .forge-review{top:68%}
  .forge-idea{padding:8px}.forge-plan,.forge-build,.forge-test,.forge-review{padding:7px}
  .forge-idea>b{font-size:8px}
  .plan-grid span{padding:4px;font-size:5px}.plan-grid i{font-size:4px}
  .worker-grid{grid-template-columns:1fr 1fr}.worker-grid>div{padding:4px}
  .code-lines{gap:3px;margin-top:5px}
  .app-chrome{height:21px}.app-body{height:calc(100% - 21px)}
  .app-body aside{gap:4px;padding:6px 4px}.app-body main{padding:5px}
  .app-stat-row div{padding:4px}.app-stat-row b{font-size:7px}
  .app-table{gap:3px;margin-top:4px}.app-table i{height:11px}
  .test-grid span{padding:4px;font-size:4px}
  .review-shield{width:28px;height:28px;font-size:14px}.forge-review{grid-template-columns:30px 1fr;gap:5px}
  .forge-review b{font-size:5px}.forge-review p{font-size:5px!important}
  .forge-repair{left:14%;width:76%;padding:9px;gap:7px}.forge-repair>i{font-size:15px}
  .repair-before,.repair-after{padding:6px}.repair-before b,.repair-after b{font-size:7px}
  .forge-proof{left:10%;width:84%;grid-template-columns:38px 1fr;padding:10px;gap:8px}
  .proof-seal{width:34px;height:34px;font-size:17px}.forge-proof code{grid-column:1/-1}
  .forge-complete{inset:24% 6% auto 8%;grid-template-columns:54px 1fr;gap:10px;padding:16px;min-height:150px}
  .forge-complete img{width:48px;height:48px}.forge-complete b{font-size:11px}.forge-complete p{font-size:7px!important}
  .forge-budget{left:34px;right:7px;bottom:7px;font-size:4px;gap:5px}
}
@media(prefers-reduced-motion:reduce){
  .forge-scroll{height:auto}
  .forge-scroll-sticky{position:relative;top:0;height:auto;min-height:0;padding:70px 0}
  .forge-scroll-copy h2:after{content:' → COMPLETE'}
  .forge-scroll-hint{display:none}
  .forge-scene .module{opacity:.48!important;transform:none!important}
  .forge-complete{opacity:1!important;filter:none!important}
  .forge-progress-track{display:none}
}


/* Cinematic forge film scroll — image driven */
.forge-film-scroll{
  position:relative;
  height:660vh;
  background:#030405;
  border-block:1px solid #2b302f;
  isolation:isolate;
}
.forge-film-sticky{
  position:sticky;
  top:64px;
  height:calc(100vh - 64px);
  min-height:560px;
  overflow:hidden;
  background:#030405;
  box-shadow:inset 0 1px #ffffff08,inset 0 -1px #ff7a201c;
}
.forge-film-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  background:#050607;
}
.forge-film-light{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 69% 46%,rgba(255,113,16,.08),transparent 28%),
    linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.34) 24%,transparent 49%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.36) 100%);
  mix-blend-mode:normal;
}
.forge-film-vignette{
  position:absolute;
  inset:-2px;
  pointer-events:none;
  box-shadow:inset 0 0 160px 42px rgba(0,0,0,.76);
  background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 18%,transparent 74%,rgba(0,0,0,.64));
}
.forge-film-grain{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}
.forge-film-hud{
  position:absolute;
  left:max(28px,calc((100vw - var(--max))/2));
  bottom:58px;
  z-index:4;
  width:min(430px,calc(100vw - 120px));
  padding:18px 20px 19px;
  background:linear-gradient(135deg,rgba(7,9,11,.92),rgba(9,12,14,.66));
  border:1px solid rgba(151,162,170,.24);
  border-left:2px solid var(--orange);
  backdrop-filter:blur(13px) saturate(1.05);
  box-shadow:0 20px 48px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);
  transition:opacity .35s ease,transform .35s ease;
}
.forge-film-hud:after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--orange),transparent 74%);
  opacity:.65;
}
.forge-film-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  color:#9aa5ad;
  font:800 7px Consolas,monospace;
  letter-spacing:1.5px;
}
.forge-film-kicker i{
  width:6px;height:6px;border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 12px rgba(255,122,32,.8);
}
.forge-film-count{
  display:flex;
  align-items:baseline;
  gap:6px;
  margin-top:15px;
  color:#66727b;
  font:800 8px Consolas,monospace;
}
.forge-film-count b{
  color:#ff9d4d;
  font-size:10px;
  letter-spacing:1px;
}
.forge-film-hud h2{
  margin:4px 0 7px;
  font-size:clamp(35px,4vw,58px);
  line-height:.94;
  letter-spacing:-2px;
  text-shadow:0 3px 18px #000;
}
.forge-film-hud p{
  margin:0;
  color:#a6b0b7;
  font-size:12px;
  line-height:1.55;
  max-width:390px;
}
.forge-film-state{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:13px;
  color:#d4dadd;
  font:800 7px Consolas,monospace;
  letter-spacing:1.1px;
}
.forge-film-state i{
  width:6px;height:6px;border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 10px rgba(85,235,160,.7);
}
.forge-film-hud.is-swapping{
  animation:forgeHudSwap .34s ease both;
}
.forge-film-scroll.is-final .forge-film-hud{
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
}
.forge-film-rail{
  position:absolute;
  z-index:5;
  right:max(22px,calc((100vw - var(--max))/2));
  top:50%;
  transform:translateY(-50%);
  display:grid;
  gap:4px;
}
.forge-film-rail button{
  appearance:none;
  border:0;
  background:transparent;
  padding:4px 0 4px 10px;
  margin:0;
  display:grid;
  grid-template-columns:10px 58px;
  align-items:center;
  gap:8px;
  color:#65717a;
  text-align:left;
  cursor:pointer;
  font:800 7px Consolas,monospace;
  letter-spacing:.8px;
  transition:color .2s ease,opacity .2s ease;
}
.forge-film-rail button i{
  width:6px;height:6px;border-radius:50%;
  border:1px solid #69747b;
  background:#0b0e10;
  box-shadow:0 0 0 3px rgba(0,0,0,.32);
}
.forge-film-rail button.done{color:#8d999f}
.forge-film-rail button.done i{background:#aa5c23;border-color:#d27c36}
.forge-film-rail button.active{color:#fff}
.forge-film-rail button.active i{
  background:var(--orange);
  border-color:#ffc071;
  box-shadow:0 0 12px rgba(255,125,33,.82);
}
.forge-film-hint{
  position:absolute;
  z-index:5;
  right:max(28px,calc((100vw - var(--max))/2));
  bottom:33px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#a2adb4;
  font:800 7px Consolas,monospace;
  letter-spacing:1.4px;
  transition:opacity .2s ease;
}
.forge-film-hint b{color:#ff9a45;font-size:15px;animation:forgeHint 1.5s ease-in-out infinite}
.forge-film-progress{
  position:absolute;
  z-index:6;
  left:0;right:0;bottom:0;
  height:3px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.forge-film-progress i{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,#d84a05,#ff8a24,#ffd27d);
  box-shadow:0 0 12px rgba(255,111,17,.65);
}
@keyframes forgeHudSwap{
  0%{opacity:.55;transform:translateY(7px)}
  100%{opacity:1;transform:none}
}
@keyframes forgeHint{
  0%,100%{transform:translateY(-2px);opacity:.6}
  50%{transform:translateY(4px);opacity:1}
}
@media(max-width:900px){
  .forge-film-scroll{height:560vh}
  .forge-film-sticky{top:58px;height:calc(100vh - 58px)}
  .forge-film-hud{left:20px;bottom:44px;width:min(400px,calc(100vw - 105px));padding:15px 16px}
  .forge-film-rail{right:14px}
  .forge-film-rail button{grid-template-columns:10px 44px;padding-left:5px}
  .forge-film-hint{right:18px;bottom:22px}
}
@media(max-width:620px){
  .forge-film-scroll{height:470vh}
  .forge-film-sticky{top:54px;height:calc(100vh - 54px);min-height:510px}
  .forge-film-light{
    background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.18) 56%,rgba(0,0,0,.72) 100%);
  }
  .forge-film-vignette{box-shadow:inset 0 0 110px 20px rgba(0,0,0,.65)}
  .forge-film-hud{
    left:13px;right:13px;bottom:35px;
    width:auto;
    padding:13px 14px 14px;
    background:linear-gradient(135deg,rgba(5,7,9,.88),rgba(7,9,11,.69));
  }
  .forge-film-hud h2{font-size:34px}
  .forge-film-hud p{font-size:10px;line-height:1.45;max-width:86%}
  .forge-film-rail{
    right:8px;
    top:34%;
    gap:2px;
  }
  .forge-film-rail button{
    grid-template-columns:8px;
    padding:3px;
  }
  .forge-film-rail button span{display:none}
  .forge-film-rail button i{width:5px;height:5px}
  .forge-film-hint{display:none}
}
@media(prefers-reduced-motion:reduce){
  .forge-film-scroll{height:auto}
  .forge-film-sticky{position:relative;top:auto;height:min(78vw,720px);min-height:360px}
  .forge-film-hud{display:none}
  .forge-film-rail,.forge-film-hint,.forge-film-progress{display:none}
}

.forge-film-brand-reveal{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:42px;
  transform:translate(-50%,22px) scale(.965);
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 18px 12px 12px;
  border:1px solid rgba(255,151,69,.26);
  background:linear-gradient(135deg,rgba(5,7,9,.84),rgba(8,11,13,.62));
  backdrop-filter:blur(14px) saturate(1.08);
  box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 38px rgba(255,111,17,.12),inset 0 1px rgba(255,255,255,.05);
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);
}
.forge-film-brand-reveal:before{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#ff7f22 25%,#ffd08a 50%,#ff7f22 75%,transparent);
  opacity:.7;
}
.forge-film-brand-reveal img{
  width:78px;
  height:78px;
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(255,112,15,.25));
}
.forge-film-brand-reveal div{display:grid;gap:4px}
.forge-film-brand-reveal b{
  color:#f1f4f6;
  font-size:13px;
  letter-spacing:1.6px;
}
.forge-film-brand-reveal span{
  color:#ff9b4a;
  font:800 8px Consolas,monospace;
  letter-spacing:1.25px;
}
.forge-film-scroll.is-final .forge-film-brand-reveal{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}
.forge-film-scroll.is-final .forge-film-rail{
  opacity:.35;
}
.forge-film-scroll.is-final .forge-film-vignette{
  background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 25%,transparent 70%,rgba(0,0,0,.54));
}
@media(max-width:620px){
  .forge-film-brand-reveal{
    left:13px;right:13px;bottom:24px;
    transform:translateY(18px) scale(.98);
    justify-content:center;
    padding:10px 12px;
  }
  .forge-film-scroll.is-final .forge-film-brand-reveal{transform:none}
  .forge-film-brand-reveal img{width:58px;height:58px}
  .forge-film-brand-reveal b{font-size:10px;letter-spacing:1px}
  .forge-film-brand-reveal span{font-size:6px;letter-spacing:.8px}
}
@media(prefers-reduced-motion:reduce){
  .forge-film-brand-reveal{display:none}
}


/* Persistent 3D forge engine — same scene/object throughout, based on the proven
   scroll architecture used by the 1st Choice geometry-locked prototype. */
.forge-film-scroll[data-engine="three"]{
  height:1080vh;
  background:#030405;
}
.forge-film-scroll[data-engine="three"] .forge-film-sticky{
  background:
    radial-gradient(circle at 50% 48%,rgba(255,92,5,.055),transparent 35%),
    #030405;
}
.forge-film-scroll[data-engine="three"] .forge-film-canvas{
  z-index:0;
  background:#030405;
  cursor:ns-resize;
}
.forge-film-scroll[data-engine="three"] .forge-film-light{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.21) 24%,transparent 48%,rgba(0,0,0,.06) 74%,rgba(0,0,0,.22) 100%),
    radial-gradient(circle at 50% 46%,rgba(255,111,16,.035),transparent 34%);
}
.forge-film-scroll[data-engine="three"] .forge-film-vignette{z-index:2}
.forge-film-scroll[data-engine="three"] .forge-film-grain{z-index:3;opacity:.035}
.forge-film-scroll[data-engine="three"] .forge-film-hud{z-index:5}
.forge-film-scroll[data-engine="three"] .forge-film-rail{z-index:6}
.forge-film-scroll[data-engine="three"] .forge-film-hint{z-index:6}
.forge-film-scroll[data-engine="three"] .forge-film-progress{z-index:7}
.forge-film-scroll[data-engine="three"] .forge-film-brand-reveal{z-index:6}

.forge-3d-boot{
  position:absolute;
  z-index:8;
  inset:0;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:8px;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,107,10,.09),transparent 26%),
    #030405;
  color:#89959e;
  font:700 8px Consolas,monospace;
  letter-spacing:1.2px;
  transition:opacity .42s ease,visibility .42s ease;
}
.forge-3d-boot i{
  width:38px;height:38px;border-radius:50%;
  border:1px solid #4a5156;border-top-color:#ff8a2a;
  box-shadow:0 0 18px rgba(255,116,23,.12);
  animation:forge3dSpin .8s linear infinite;
}
.forge-3d-boot b{color:#d7dde1;font-size:9px}
.forge-3d-boot span{color:#59656e;font-size:7px}
.forge-3d-boot.is-ready{opacity:0;visibility:hidden}
.forge-3d-boot.is-error i{display:none}
.forge-3d-boot.is-error b{color:#ff9a75}
@keyframes forge3dSpin{to{transform:rotate(360deg)}}

.forge-film-scroll[data-engine="three"] .forge-film-hud{
  width:min(390px,calc(100vw - 120px));
  padding:15px 17px 16px;
  background:linear-gradient(135deg,rgba(4,6,8,.84),rgba(8,11,13,.54));
  border-color:rgba(151,162,170,.18);
  box-shadow:0 18px 46px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035);
}
.forge-film-scroll[data-engine="three"] .forge-film-hud h2{
  font-size:clamp(32px,3.5vw,52px);
}
.forge-film-scroll[data-engine="three"] .forge-film-rail button{
  text-shadow:0 2px 10px rgba(0,0,0,.9);
}
.forge-film-scroll[data-engine="three"].is-final .forge-film-brand-reveal{
  bottom:34px;
}
@media(max-width:760px){
  .forge-film-scroll[data-engine="three"]{height:1180vh}
  .forge-film-scroll[data-engine="three"] .forge-film-sticky{min-height:520px}
  .forge-film-scroll[data-engine="three"] .forge-film-hud{
    left:13px;bottom:72px;
    width:min(335px,calc(100vw - 68px));
    padding:12px 13px;
  }
  .forge-film-scroll[data-engine="three"] .forge-film-hud p{font-size:10px}
  .forge-film-scroll[data-engine="three"] .forge-film-rail{right:7px}
  .forge-film-scroll[data-engine="three"] .forge-film-rail button{grid-template-columns:9px 0;width:17px;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){
  .forge-film-scroll[data-engine="three"]{height:auto}
  .forge-film-scroll[data-engine="three"] .forge-film-sticky{position:relative;top:0;height:min(78vh,760px)}
  .forge-film-scroll[data-engine="three"] .forge-film-rail,
  .forge-film-scroll[data-engine="three"] .forge-film-hint,
  .forge-film-scroll[data-engine="three"] .forge-film-progress{display:none}
}


/* Forge cinematic polish pass */
.forge-film-scroll[data-engine="three"]{height:940vh}
.forge-film-scroll[data-engine="three"] .forge-film-hud{
  left:max(22px,calc((100vw - var(--max))/2));
  bottom:34px;
  width:min(350px,calc(100vw - 104px));
  padding:12px 14px 13px;
  background:linear-gradient(90deg,rgba(5,7,9,.74),rgba(5,7,9,.30) 72%,transparent);
  border:0;
  border-left:1px solid rgba(255,132,39,.74);
  backdrop-filter:blur(7px);
  box-shadow:none;
}
.forge-film-scroll[data-engine="three"] .forge-film-hud:after{opacity:.35}
.forge-film-scroll[data-engine="three"] .forge-film-kicker{font-size:6px;opacity:.72}
.forge-film-scroll[data-engine="three"] .forge-film-count{margin-top:10px}
.forge-film-scroll[data-engine="three"] .forge-film-hud h2{
  margin-top:3px;
  font-size:clamp(29px,3.1vw,46px);
  letter-spacing:-1.4px;
}
.forge-film-scroll[data-engine="three"] .forge-film-hud p{
  max-width:330px;
  color:#929ea6;
  font-size:10px;
  line-height:1.48;
}
.forge-film-scroll[data-engine="three"] .forge-film-state{margin-top:9px}
.forge-film-scroll[data-engine="three"] .forge-film-rail{
  right:max(14px,calc((100vw - var(--max))/2));
}
.forge-film-scroll[data-engine="three"] .forge-film-rail button{
  grid-template-columns:9px 45px;
  gap:6px;
  opacity:.46;
  padding-block:3px;
}
.forge-film-scroll[data-engine="three"] .forge-film-rail button.active{opacity:1}
.forge-film-scroll[data-engine="three"] .forge-film-rail button.done{opacity:.62}
.forge-film-scroll[data-engine="three"] .forge-film-progress{height:2px}
.forge-film-scroll[data-engine="three"] .forge-film-hint{bottom:20px}
.forge-film-scroll[data-engine="three"] .forge-film-brand-reveal{
  bottom:26px;
  background:linear-gradient(135deg,rgba(4,6,8,.78),rgba(7,9,11,.42));
  border-color:rgba(255,151,69,.18);
  box-shadow:0 18px 52px rgba(0,0,0,.44),0 0 38px rgba(255,111,17,.08);
}
.forge-film-scroll[data-engine="three"] .forge-film-brand-reveal img{
  width:66px;height:66px;
}
.forge-film-scroll[data-engine="three"].forge-fallback{
  height:auto;
}
.forge-film-scroll[data-engine="three"].forge-fallback .forge-film-sticky{
  position:relative;
  top:0;
  height:62vh;
  min-height:440px;
}
.forge-film-scroll[data-engine="three"].forge-fallback .forge-film-hud,
.forge-film-scroll[data-engine="three"].forge-fallback .forge-film-rail,
.forge-film-scroll[data-engine="three"].forge-fallback .forge-film-hint,
.forge-film-scroll[data-engine="three"].forge-fallback .forge-film-progress{
  display:none;
}
@media(max-width:760px){
  .forge-film-scroll[data-engine="three"]{height:1020vh}
  .forge-film-scroll[data-engine="three"] .forge-film-hud{
    left:11px;right:44px;bottom:26px;width:auto;
    padding:10px 11px;
  }
  .forge-film-scroll[data-engine="three"] .forge-film-hud h2{font-size:28px}
  .forge-film-scroll[data-engine="three"] .forge-film-hud p{display:none}
  .forge-film-scroll[data-engine="three"] .forge-film-state{margin-top:6px}
  .forge-film-scroll[data-engine="three"] .forge-film-brand-reveal{
    left:10px;right:10px;bottom:18px;
    padding:8px 10px;
  }
  .forge-film-scroll[data-engine="three"] .forge-film-brand-reveal img{width:50px;height:50px}
}


/* Final forge -> real product colour handoff */
.forge-film-scroll[data-engine="three"] .forge-film-light{
  transition:background .45s ease,opacity .2s linear;
}
.forge-film-scroll[data-engine="three"].is-final .forge-film-light{
  background:
    radial-gradient(circle at 50% 48%,rgba(110,242,207,.055),transparent 34%),
    radial-gradient(circle at 61% 38%,rgba(255,126,31,.055),transparent 27%),
    linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.16) 28%,transparent 50%,rgba(0,0,0,.10) 76%,rgba(0,0,0,.24));
}
.forge-film-scroll[data-engine="three"].is-final .forge-film-brand-reveal{
  border-color:rgba(110,242,207,.18);
  box-shadow:0 18px 52px rgba(0,0,0,.44),0 0 38px rgba(110,242,207,.07);
}