:root{--ink:#16202b;--muted:#62707c;--paper:#f8f7f2;--line:#dfe5e7;--line-strong:#bdc9cf;--blue:#2c6bff;--teal:#0f9f9a;--green:#22a06b;--green-dark:#126344;--amber:#d18b13;--red:#df5547;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--shadow-sm:0 12px 36px #16202b14;color:var(--ink);background:var(--paper);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:linear-gradient(90deg, #16202b0b 1px, transparent 1px), linear-gradient(0deg, #16202b09 1px, transparent 1px), var(--paper);background-size:42px 42px;min-width:320px;min-height:100svh;margin:0}body,button,input{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed}img,svg{display:block}a{color:inherit}#root{min-height:100svh}::selection{background:#2c6bff33}.app-shell{min-height:100svh;overflow-x:hidden}.shopping-intro{background:linear-gradient(90deg, #16202b0b 1px, transparent 1px), linear-gradient(0deg, #16202b09 1px, transparent 1px), var(--paper);background-size:42px 42px;min-height:100svh;overflow-x:hidden}.shopping-stage{grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(30px,5vw,72px);max-width:1260px;min-height:100svh;margin:0 auto;padding:clamp(28px,6vw,76px) clamp(18px,4vw,44px);display:grid}.shopping-copy{gap:20px;max-width:600px;display:grid}.shopping-copy h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(42px,5.8vw,72px);font-weight:840;line-height:.98}.shopping-copy p{color:var(--muted);margin:0;font-size:18px;line-height:1.62}.shopping-search{border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.shopping-search svg{color:var(--blue);margin-left:8px}.shopping-search input{min-width:0;color:var(--ink);border:0;outline:none;padding:12px 4px;font-weight:800}.shopping-search input::placeholder{color:#8794a0}.shopping-search button,.intro-cta-panel button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:900;display:inline-flex}.intro-cta-panel button:disabled{opacity:.45}.shopping-browser{border:1px solid var(--line);background:#fff;border-radius:8px;gap:16px;min-width:0;display:grid;overflow:hidden;box-shadow:0 30px 90px #16202b29}.shopping-browser-top{border-bottom:1px solid var(--line);background:#f6f6f3;align-items:center;gap:10px;padding:13px 16px;display:flex}.shopping-browser-top span{background:#d95043;border-radius:50%;width:10px;height:10px}.shopping-browser-top span:nth-child(2){background:#d79a16}.shopping-browser-top span:nth-child(3){background:#24a46c}.shopping-browser-top strong{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shopping-query-row{border:1px solid var(--line-strong);background:var(--paper);min-width:0;color:var(--ink);border-radius:8px;align-items:center;gap:10px;margin:0 18px;padding:14px 16px;font-weight:900;display:flex}.shopping-query-row svg{color:var(--teal);flex:none}.shopping-query-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shopping-results{gap:12px;padding:0 18px;display:grid}.bad-suggestion{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:12px;display:grid}.bad-suggestion:nth-child(2){background:#fbf2ef}.bad-suggestion:nth-child(3){background:#fff8e7}.bad-suggestion:nth-child(4){background:#eff9f5}.suggestion-image{border:1px solid var(--line);background:#fff;border-radius:8px;height:68px;position:relative;overflow:hidden}.suggestion-image img{object-fit:cover;width:100%;height:100%}.bad-suggestion div:nth-child(2){gap:5px;min-width:0;display:grid}.bad-suggestion span{color:var(--blue);text-transform:uppercase;font-size:11px;font-weight:900}.bad-suggestion strong{color:var(--ink);font-size:17px;line-height:1.18}.bad-suggestion p{color:var(--muted);margin:0;font-size:13px;font-weight:750;line-height:1.42}.bad-suggestion small{color:var(--ink);white-space:nowrap;font-size:15px;font-weight:900}.intro-cta-panel{background:#eff9f5;border:1px solid #0f9f9a61;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin:0 18px 18px;padding:16px;display:flex}.intro-cta-panel div{gap:5px;min-width:0;display:grid}.intro-cta-panel strong{color:var(--green-dark);font-size:18px;line-height:1.2}.intro-cta-panel span{color:var(--muted);font-weight:800;line-height:1.4}.intro-cta-panel button span{color:#fff}.top-nav{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f7f2e6;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:12px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand-lockup{min-width:0;color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-lockup span:last-child{gap:1px;min-width:0;display:grid}.brand-lockup strong{font-size:16px;line-height:1.1}.brand-lockup small{color:var(--muted);font-size:12px;line-height:1.2}.brand-mark{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.top-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.top-nav nav a{color:var(--muted);border-radius:999px;padding:9px 12px;font-size:14px;font-weight:700;text-decoration:none}.top-nav nav a:hover,.top-nav nav a:focus-visible{color:var(--ink);background:#fff;outline:none}.hero-section{grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:clamp(34px,5vw,76px);max-width:1240px;min-height:calc(100svh - 68px);margin:0 auto;padding:clamp(36px,6vw,84px) clamp(18px,4vw,44px) clamp(44px,7vw,92px);display:grid}.hero-copy{align-content:center;gap:22px;max-width:680px;display:grid}.eyebrow{border:1px solid var(--line-strong);background:var(--paper);width:fit-content;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex}.hero-copy h1,.section-heading h2{color:var(--ink);margin:0;font-weight:820;line-height:.98}.hero-copy h1{max-width:680px;font-size:64px}.hero-copy p,.section-heading p{color:var(--muted);margin:0;font-size:18px;line-height:1.65}.hero-claims{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:6px;display:grid}.hero-claims div{border:1px solid var(--line);min-height:128px;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;align-content:start;gap:8px;padding:18px;display:grid}.hero-claims strong{color:var(--ink);font-size:22px;line-height:1.1}.hero-claims span{color:var(--muted);font-size:13px;font-weight:700;line-height:1.4}.problem-console{color:#eef4f6;background:linear-gradient(#ffffff0b,#0000 28%),#121923;border:1px solid #202938;border-radius:8px;gap:20px;min-height:650px;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 28px 80px #16202b38}.console-header,.compressor-toolbar>div,.metric-card-head,.inspector-header,.browser-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.console-header{color:#dbe5e8;border-bottom:1px solid #ffffff1f;padding-bottom:15px;font-size:14px;font-weight:800}.range-control{color:inherit;gap:10px;font-size:13px;font-weight:800;display:grid}.range-control input,.compressor-toolbar input{width:100%;accent-color:var(--blue)}.context-bars{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;height:250px;padding:14px 6px 0;display:grid}.context-column{grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:7px;min-width:0;display:grid}.context-column:before{content:"";z-index:0;background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;grid-row:1;place-self:stretch stretch}.context-bar{z-index:1;border-radius:6px 6px 0 0;grid-row:1;align-self:end;width:min(42px,68%);box-shadow:0 0 24px #ffffff26}.context-column span{color:#fff;font-size:13px;font-weight:900}.context-column small{color:#94a3ad;white-space:nowrap;font-size:11px}.console-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-dial{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:8px;grid-template-columns:auto 1fr;align-content:center;gap:6px 9px;min-height:96px;padding:14px;display:grid}.metric-dial svg{color:var(--teal)}.metric-dial span{color:#9fb0b8;font-size:12px;font-weight:800}.metric-dial strong{color:#fff;grid-column:1/-1;font-size:24px;line-height:1.05}.model-scale{border-top:1px solid #ffffff1c;gap:14px;padding-top:18px;display:grid}.model-scale>div{grid-template-columns:minmax(128px,170px) 1fr;align-items:center;gap:14px;display:grid}.model-scale span{color:#cad6db;font-size:12px;font-weight:900}.scale-track{background:#ffffff1a;border-radius:999px;height:13px;overflow:hidden}.scale-track i{border-radius:inherit;background:var(--red);height:100%;display:block}.scale-track.small i{background:var(--green)}.section-block{max-width:1240px;margin:0 auto;padding:clamp(66px,9vw,112px) clamp(18px,4vw,44px)}.section-heading{gap:15px;max-width:760px;margin-bottom:30px;display:grid}.section-heading h2{font-size:44px}.compressor-app{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;gap:20px;padding:clamp(18px,3vw,28px);display:grid}.compressor-toolbar{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:22px;display:grid}.compressor-toolbar>div{align-items:baseline}.compressor-toolbar strong,.compressor-toolbar span{color:var(--ink)}.compressor-toolbar span{font-size:26px;font-weight:900}.compressor-grid{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.compression-core{color:var(--muted);place-items:center;gap:14px;display:grid}.compression-blade{border:1px solid var(--line-strong);background:var(--paper);width:74px;height:74px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.context-pane{border:1px solid var(--line);border-radius:8px;align-content:start;gap:16px;min-height:360px;padding:18px;display:grid}.context-pane.raw{background:#fbf2ef}.context-pane.kept{background:#eff9f5}.context-pane h3,.loop-detail h3,.trace-block h3,.metric-card h3,.stack-card h3{color:var(--ink);margin:0;font-size:18px;line-height:1.2}.context-pane ul,.trace-block ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.context-pane li,.trace-block li{min-width:0;color:var(--ink);background:#ffffffb8;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;font-size:14px;font-weight:700;line-height:1.42;display:flex}.context-pane.raw li svg,.reward-hint svg{color:var(--amber)}.context-pane.kept li svg,.trace-block.kept li svg{color:var(--green);flex:none}.compression-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-pill{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:5px;padding:16px;display:grid}.stat-pill span,.metric-row span,.metric-card small{color:var(--muted);font-size:12px;font-weight:900}.stat-pill strong{color:var(--ink);font-size:22px;line-height:1.12}.loop-section{border-block:1px solid var(--line);background:#f1f6f5;max-width:none}.loop-section>*{max-width:1152px;margin-left:auto;margin-right:auto}.loop-stage{grid-template-columns:minmax(380px,.85fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.loop-orbit{aspect-ratio:1;border:1px solid var(--line-strong);background-color:#fff;background-image:linear-gradient(90deg,#2c6bff14 1px,#0000 1px),linear-gradient(0deg,#2c6bff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:50%;width:min(100%,500px);position:relative}.loop-orbit:before,.loop-orbit:after{content:"";border:1px dashed #0f9f9a66;border-radius:50%;position:absolute;inset:16%}.loop-orbit:after{border-color:#2c6bff59;inset:31%}.loop-node{z-index:2;border:1px solid var(--line-strong);width:64px;height:64px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;transition:border-color .18s,color .18s,transform .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.loop-node:hover,.loop-node:focus-visible,.loop-node.active{border-color:var(--blue);color:var(--blue);outline:none;transform:translate(-50%,-50%)scale(1.06)}.loop-center{z-index:1;border:1px solid var(--line);background:var(--ink);color:#fff;text-align:center;border-radius:8px;align-content:center;place-items:center;gap:7px;padding:18px;display:grid;position:absolute;inset:34%}.loop-center span{color:#b8c6cc;font-size:12px;font-weight:800}.loop-detail{border-left:4px solid var(--blue);max-width:520px;box-shadow:var(--shadow-sm);background:#fff;border-radius:0 8px 8px 0;gap:14px;padding:28px;display:grid}.loop-detail>span{color:var(--blue);font-size:13px;font-weight:900}.loop-detail p,.metric-card p,.stack-card p,.trace-block p,.packet-preview p{color:var(--muted);margin:0;line-height:1.55}.replay-section{max-width:1280px}.replay-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.segmented{border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.segmented button,.icon-button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:900;display:inline-flex}.segmented button.selected,.segmented button:hover,.segmented button:focus-visible{background:var(--ink);color:#fff;outline:none}.icon-button{border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none}.icon-button.secondary{border-color:var(--line-strong);color:var(--ink);background:#fff}.icon-button:hover,.icon-button:focus-visible{outline-offset:2px;outline:2px solid #2c6bff59}.hud-replay-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.36fr);align-items:stretch;gap:18px;display:grid}.hud-demo-list{gap:44px;display:grid}.hud-demo-block{gap:14px;min-width:0;display:grid}.hud-demo-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.hud-demo-heading>div{gap:7px;max-width:760px;display:grid}.hud-demo-heading span{color:var(--blue);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.hud-demo-heading h3{color:var(--ink);margin:0;font-size:clamp(22px,3vw,30px);line-height:1.12}.hud-demo-heading p{color:var(--muted);margin:0;line-height:1.5}.hud-replay-player,.hud-replay-detail{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px}.hud-replay-player{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid;overflow:hidden}.hud-replay-top{border-bottom:1px solid var(--line);background:#f6f6f3;align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.hud-replay-top span{background:#d95043;border-radius:50%;width:10px;height:10px}.hud-replay-top span:nth-child(2){background:#d79a16}.hud-replay-top span:nth-child(3){background:#24a46c}.hud-replay-top strong{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hud-frame-wrap{aspect-ratio:1036/676;background:#111820;min-height:0;position:relative}.hud-frame{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.hud-replay-progress{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px;display:grid}.hud-replay-progress button{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--muted);border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:grid}.hud-replay-progress button.active{border-color:var(--blue);background:var(--blue);color:#fff}.hud-replay-detail{align-content:start;gap:15px;min-width:0;padding:18px;display:grid}.hud-replay-detail>span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:900}.hud-replay-detail h3{color:var(--ink);margin:0;font-size:24px;line-height:1.16}.hud-replay-detail p{color:var(--muted);margin:0;line-height:1.55}.hud-replay-detail dl{gap:12px;margin:0;display:grid}.hud-replay-detail dl div{border-top:1px solid var(--line);gap:5px;padding-top:12px;display:grid}.hud-replay-detail dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.hud-replay-detail dd{color:var(--ink);margin:0;font-weight:800;line-height:1.45}.replay-grid{grid-template-columns:minmax(0,1.24fr) minmax(340px,.76fr);align-items:stretch;gap:18px;display:grid}.browser-mock,.replay-inspector,.metric-card,.stack-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px}.browser-mock{grid-template-rows:auto minmax(480px,1fr) auto;min-width:0;display:grid;overflow:hidden}.browser-top{border-bottom:1px solid var(--line);background:#f6f6f3;justify-content:flex-start;min-width:0;padding:12px 14px}.browser-top span{background:#d95043;border-radius:50%;width:10px;height:10px}.browser-top span:nth-child(2){background:#d79a16}.browser-top span:nth-child(3){background:#24a46c}.browser-top div{border:1px solid var(--line);min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:8px;flex:1;margin-left:8px;padding:7px 10px;font-size:12px;font-weight:800;overflow:hidden}.browser-body{background-color:#fff;background-image:linear-gradient(90deg,#16202b0e 1px,#0000 1px),linear-gradient(0deg,#16202b0e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-content:start;gap:18px;width:100%;min-width:0;padding:24px;display:grid;position:relative;overflow:hidden}.agent-cursor{z-index:4;pointer-events:none;width:22px;height:22px;position:absolute;transform:rotate(-18deg)}.agent-cursor:before{content:"";border-top:20px solid var(--blue);filter:drop-shadow(0 5px 7px #2c6bff59);border-right:13px solid #0000;width:0;height:0;position:absolute}.agent-cursor:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:7px}.search-row{border:1px solid var(--line-strong);width:min(100%,620px);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:900;line-height:1.35;display:flex}.trace-stage-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:12px;width:100%;max-width:760px;display:grid}.trace-tile,.trace-output-card{border:1px solid var(--line);background:#fffffff0;border-radius:8px;align-content:start;gap:9px;min-width:0;padding:15px;display:grid}.trace-tile.primary{background:#eef4ff;border-color:#2c6bff57}.trace-tile span,.trace-output-card strong{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.trace-tile strong{color:var(--ink);font-size:20px;line-height:1.16}.trace-tile p{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.5}.trace-output-card{background:#151d27;width:100%;max-width:760px}.trace-output-card code{overflow-wrap:anywhere;color:#ecf4f7;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5;display:block}.product-list{gap:12px;max-width:680px;display:grid}.product-row{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:84px;padding:14px;display:flex}.product-row.selected{border-color:var(--green);box-shadow:inset 0 0 0 2px #22a06b2e}.product-row div{gap:5px;min-width:0;display:grid}.product-row strong{color:var(--ink)}.product-row span,.product-row small{color:var(--muted);font-size:13px;font-weight:800}.packet-preview{background:#eff9f5;border:1px solid #0f9f9a61;border-radius:8px;gap:7px;max-width:520px;padding:16px;display:grid}.packet-preview strong{color:var(--green-dark)}.step-progress{border-top:1px solid var(--line);grid-auto-flow:column;gap:7px;padding:12px 14px;display:grid}.step-progress span{background:#dbe2e5;border-radius:999px;height:8px}.step-progress span.filled{background:var(--blue)}.replay-inspector{align-content:start;gap:16px;min-width:0;padding:18px;display:grid}.inspector-header{border-bottom:1px solid var(--line);align-items:flex-start;padding-bottom:14px}.inspector-header span{color:var(--blue);font-size:12px;font-weight:900}.inspector-header strong{color:var(--ink);text-align:right;font-size:20px;line-height:1.2}.trace-block{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:9px;padding:14px;display:grid}.trace-block.kept{background:#eff9f5}.trace-block code{overflow-wrap:anywhere;color:#ecf4f7;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:#151d27;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;display:block}.reward-hint{color:#7c5200;background:#fff6df;border-radius:8px;align-items:center;gap:9px;padding:13px;font-size:14px;font-weight:900;display:flex}.metrics-section{border-top:1px solid var(--line)}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{align-content:start;gap:14px;min-width:0;padding:18px;display:grid}.metric-card-head span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.metric-card-head strong{color:var(--ink);font-size:30px;line-height:1}.metric-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}.metric-row strong{color:var(--ink)}.reward-strip{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-auto-flow:column;align-items:end;gap:4px;height:70px;padding:8px;display:grid}.reward-strip i{border-radius:5px 5px 0 0;min-width:4px;display:block}.metric-card small{overflow-wrap:anywhere}.takeaway-band{border:1px solid var(--line-strong);background:var(--ink);color:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:18px;display:grid}.takeaway-band>svg{color:var(--teal)}.takeaway-band div{gap:4px;display:grid}.takeaway-band span{color:#c5d2d7;line-height:1.45}.artifacts-section{border-top:1px solid var(--line);max-width:1280px}.artifact-hero,.training-card,.summary-card,.chart-card,.solved-band{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px}.artifact-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:stretch;gap:16px;margin-bottom:16px;padding:18px;display:grid}.artifact-hero>div:first-child{align-content:center;gap:10px;min-width:0;display:grid}.artifact-hero span,.summary-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.artifact-hero strong{overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);font-size:clamp(19px,2.4vw,28px);line-height:1.18}.artifact-hero p{color:var(--muted);margin:0;line-height:1.5}.artifact-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.training-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px;margin-bottom:16px;display:grid}.training-card{align-content:start;gap:16px;min-width:0;padding:18px;display:grid}.stage-list,.component-list{gap:12px;display:grid}.stage-row{border-top:1px solid var(--line);grid-template-columns:minmax(190px,1fr) minmax(90px,160px) auto;align-items:center;gap:12px;padding-top:12px;display:grid}.stage-row div:first-child,.component-row{gap:4px;min-width:0;display:grid}.stage-row strong,.component-row strong,.summary-card strong{color:var(--ink)}.stage-row span,.component-row small,.summary-card small,.chart-card span,.solved-band span{color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.stage-meter{background:var(--line);border-radius:999px;height:11px;overflow:hidden}.stage-meter i{border-radius:inherit;background:var(--blue);height:100%;display:block}.component-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding-top:12px}.component-row span{color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:900}.stage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-card{gap:7px;padding:16px;display:grid}.summary-card strong{font-size:30px;line-height:1}.chart-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-card{min-width:0;margin:0;display:grid;overflow:hidden}.chart-card img{aspect-ratio:16/10;object-fit:contain;border-bottom:1px solid var(--line);background:#fff;width:100%;padding:12px}.chart-card figcaption{gap:5px;padding:14px;display:grid}.chart-card strong{color:var(--ink)}.artifact-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.artifact-links a{border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-weight:900;text-decoration:none;display:inline-flex}.artifact-links a:hover,.artifact-links a:focus-visible{border-color:var(--blue);color:var(--blue);outline:none}.solved-band{align-items:flex-start;gap:12px;margin-top:16px;padding:16px;display:flex}.solved-band svg{color:var(--green);flex:none}.solved-band div{gap:5px;min-width:0;display:grid}.solved-band strong{color:var(--ink)}.stack-section{padding-top:48px}.stack-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.stack-card{grid-template-columns:78px 1fr;gap:14px;min-width:0;padding:18px;display:grid}.partner-mark{object-fit:contain;width:78px;height:52px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:8px;padding:7px}.stack-card div:last-child{gap:8px;min-width:0;display:grid}.stack-card strong{color:var(--blue);font-size:13px;line-height:1.3}@media (width<=1040px){.shopping-stage,.hero-section,.loop-stage,.hud-replay-grid,.replay-grid,.artifact-hero,.training-grid{grid-template-columns:1fr}.hero-copy h1{font-size:50px}.problem-console{min-height:auto}.shopping-copy{max-width:720px}.loop-orbit{justify-self:center;max-width:460px}.replay-grid,.hud-replay-grid{align-items:start}.metrics-grid,.stage-summary-grid,.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.shopping-stage{min-height:auto;padding-top:28px}.shopping-copy h1{font-size:40px;line-height:1.04}.shopping-copy p{font-size:16px;line-height:1.56}.shopping-search{grid-template-columns:auto minmax(0,1fr)}.shopping-search button{grid-column:1/-1;width:100%}.bad-suggestion{grid-template-columns:72px minmax(0,1fr)}.bad-suggestion small{grid-column:2;justify-self:start}.intro-cta-panel{flex-direction:column;align-items:stretch}.top-nav{align-items:flex-start}.top-nav nav{max-width:210px}.top-nav nav a{padding:7px 9px;font-size:12px}.hero-section{padding-top:34px}.hero-copy h1{font-size:40px;line-height:1.04}.hero-copy p,.section-heading p{font-size:16px;line-height:1.56}.hero-claims,.console-metrics,.compression-stats,.artifact-stats,.chart-gallery,.stage-summary-grid,.metrics-grid,.stack-grid{grid-template-columns:1fr}.hero-claims div{min-height:0}.section-heading h2{font-size:34px;line-height:1.05}.compressor-toolbar,.compressor-grid{grid-template-columns:1fr}.compression-core{grid-template-columns:auto auto;justify-content:center;min-height:86px}.context-pane{min-height:auto}.loop-stage{gap:24px}.loop-orbit{max-width:355px}.loop-node{width:54px;height:54px}.loop-center{inset:32%}.takeaway-band{grid-template-columns:1fr}.takeaway-band>strong{justify-self:start}.hud-demo-heading{flex-direction:column;align-items:stretch}.hud-replay-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-row,.trace-stage-grid{grid-template-columns:1fr}}@media (width<=520px){.shopping-stage{padding-left:14px;padding-right:14px}.shopping-copy h1{font-size:34px}.shopping-browser{gap:12px}.shopping-query-row,.shopping-results,.intro-cta-panel{margin-left:12px;margin-right:12px}.bad-suggestion{grid-template-columns:1fr}.bad-suggestion small{grid-column:auto}.suggestion-image{height:92px}.top-nav{min-height:62px;padding:10px 14px}.brand-lockup small,.top-nav nav{display:none}.hero-section,.section-block{padding-left:14px;padding-right:14px}.hero-copy h1{font-size:34px}.eyebrow{max-width:100%;font-size:12px}.problem-console,.compressor-app,.replay-inspector,.metric-card,.training-card,.stack-card{padding:14px}.context-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;padding-inline:0}.context-column{grid-template-rows:128px auto auto}.context-column small{font-size:10px}.metric-dial{min-height:82px}.model-scale>div{grid-template-columns:1fr;gap:7px}.loop-orbit{max-width:312px}.loop-node{width:46px;height:46px}.loop-center{padding:10px;inset:31%}.loop-center span{display:none}.replay-controls{display:grid}.segmented,.icon-button{width:100%}.hud-replay-detail{padding:14px}.segmented button{flex:1 1 0}.browser-mock{grid-template-rows:auto minmax(430px,1fr) auto}.browser-body{padding:14px}.product-row{flex-direction:column;align-items:flex-start}.artifact-hero,.summary-card,.solved-band{padding:14px}.component-row{grid-template-columns:1fr}.inspector-header{display:grid}.inspector-header strong{text-align:left}.metric-card-head{align-items:flex-start}}