@import"https://fonts.googleapis.com/css2?family=space+grotesk:wght@400;500;600;700&family=ibm+plex+mono:wght@400;500&display=swap";@font-face{font-family:MD Thermochrome;src:local("MD Thermochrome"),local("MDThermochrome"),local("MD-Thermochrome");font-style:normal;font-weight:400 900}:root{--bg-0: #060b16;--bg-1: #0c1728;--surface-0: rgba(15, 25, 40, .68);--surface-1: rgba(20, 33, 54, .78);--surface-2: rgba(26, 40, 66, .9);--text-0: #f3f7ff;--text-1: #d0ddf5;--text-2: #9ab0d7;--line-0: rgba(163, 196, 245, .28);--line-1: rgba(133, 170, 229, .2);--accent-0: #8fd1ff;--accent-1: #5fa6ff;--accent-warm: #ffb16d;--radius-s: 10px;--radius-m: 14px;--radius-l: 20px;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;font-weight:400;color:var(--text-0);background-color:var(--bg-0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{scroll-behavior:smooth;overflow-y:auto;scroll-snap-type:y mandatory;scroll-padding-top:72px}body{overflow-x:hidden;overflow-y:visible;background:var(--bg-0);color:var(--text-0);text-transform:lowercase}code,pre,.output-format,.code-content code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}button,a{font-family:inherit}:focus-visible{outline:2px solid rgba(143,209,255,.85);outline-offset:2px}.glass{background:var(--surface-0);border:1px solid var(--line-0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-strong{background:var(--surface-1);border:1px solid rgba(173,204,255,.34);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-dark{background:#09111fb8;border:1px solid var(--line-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.text-stroke{color:transparent;-webkit-text-stroke:1.2px rgba(246,251,255,.92)}.text-glow{text-shadow:0 1px 2px rgba(0,0,0,.5),0 8px 26px rgba(20,68,132,.4),0 0 32px rgba(122,186,255,.2)}.paint-container{display:block;height:100%;width:100%;object-fit:contain}.gradual-blur{isolation:isolate}.gradual-blur-inner{position:relative;width:100%;height:100%}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}@supports not (backdrop-filter: blur(1px)){.gradual-blur-inner>div{background:#00000040;opacity:.45}}.bento-section{position:relative;z-index:3;width:min(1200px,92vw);margin:clamp(60px,10vh,120px) auto;min-height:100vh;display:grid;align-content:center;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:72px;opacity:1;transform:none;filter:none}.bento-header{margin-bottom:40px;text-align:center}.bento-header .section-kicker{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#c2d6fbdb}.bento-header .section-title{margin:0 auto;max-width:40ch;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.02em;font-weight:300}.bento-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto auto;gap:24px;animation:bento-enter 1s cubic-bezier(.2,.8,.2,1) both}.bento-preview{grid-row:span 2;background:linear-gradient(160deg,#162338e6,#0d1626e0),radial-gradient(circle at 10% 20%,rgba(148,198,255,.15),transparent 40%);border:1px solid var(--line-0);border-radius:var(--radius-l);padding:24px;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);display:flex;flex-direction:column;gap:20px;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff1a}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);font-weight:500}.preview-stage{padding:4px 10px;background:#5fa6ff26;border:1px solid rgba(161,206,255,.42);border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.preview-frame{flex:1;display:flex;flex-direction:column;gap:16px}.preview-image{position:relative;flex:1;min-height:350px;border-radius:var(--radius-m);background:#0a122099;border:1px solid var(--line-1);overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.preview-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:10px;opacity:.68;filter:saturate(.92) contrast(1.03)}.stage-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-effect{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(120,160,255,.8),transparent);animation:scan-down 2s linear infinite}.overlay-text{padding:8px 16px;background:#0a1322c7;border:1px solid rgba(152,196,247,.35);border-radius:var(--radius-s);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-0);animation:pulse-fade 1.5s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.detection-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(100,140,255,.1) 0,transparent 1px,transparent 40px,rgba(100,140,255,.1) 41px),repeating-linear-gradient(90deg,rgba(100,140,255,.1) 0,transparent 1px,transparent 40px,rgba(100,140,255,.1) 41px);animation:grid-scan 3s linear infinite}.preview-footer{padding:12px;background:#09111ecc;border:1px solid var(--line-1);border-radius:var(--radius-s);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.output-format{font-size:.75rem;color:var(--text-1);font-weight:400}.bento-pipeline{display:flex;flex-direction:column;gap:16px}.bento-stage{position:relative;display:flex;align-items:center;gap:16px;padding:16px;background:#101b2dc2;border:1px solid var(--line-1);border-radius:var(--radius-m);transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);text-align:left;color:inherit;font:inherit;box-shadow:0 4px 24px #0000001a}.bento-stage.is-active{background:#172943f0;border-color:#a0cdff80;box-shadow:0 12px 40px #00000042,0 0 20px #5fa6ff29,inset 0 0 0 1px #c4e1ff24}.stage-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#5fa6ff1f;border:1px solid rgba(156,200,255,.4);border-radius:var(--radius-s);font-size:1.1rem;font-weight:300;color:var(--text-0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stage-content{flex:1;display:flex;align-items:center;gap:12px}.stage-icon{width:32px;height:32px;opacity:.8}.stage-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stage-info{flex:1}.stage-title{margin:0;font-size:1rem;font-weight:500;color:var(--text-0);text-transform:lowercase}.stage-description{margin:2px 0 0;font-size:.75rem;color:var(--text-2);text-transform:lowercase}.stage-output{display:inline-block;margin-top:4px;font-size:.65rem;color:#9dccffeb;text-transform:lowercase;opacity:.8}.stage-connector{position:absolute;bottom:-16px;left:50%;width:60%;height:2px;transform:translate(-50%)}.connector-line{width:100%;height:100%}.connector-line line.is-flowing{animation:dash-flow 1.5s linear infinite}.bento-stats{padding:20px;background:#111c2edb;border:1px solid var(--line-0);border-radius:var(--radius-l);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 4px 24px #0000001a}.stats-title{margin:0 0 16px;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:1.4rem;font-weight:600;color:var(--text-0);letter-spacing:-.02em}.stat-label{font-size:.65rem;text-transform:lowercase;color:var(--text-2);letter-spacing:.05em}@keyframes bento-enter{0%{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes scan-down{0%{top:-2px}to{top:100%}}@keyframes pulse-fade{0%,to{opacity:.8}50%{opacity:1}}@keyframes grid-scan{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@keyframes dash-flow{0%{stroke-dashoffset:8}to{stroke-dashoffset:0}}@media(max-width:900px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-preview{grid-row:span 1;min-height:400px}.stats-grid{grid-template-columns:repeat(2,1fr)}.bento-stage:hover{transform:translate(0) translateY(-2px)}}.why-yolodex{position:relative;z-index:3;width:100%;padding:clamp(60px,10vh,120px) 0;min-height:100vh;display:flex;flex-direction:column;align-items:center;scroll-snap-align:start;scroll-margin-top:72px}.why-header{width:min(1200px,92vw);margin:0 auto 60px;text-align:center}.why-header .section-kicker{margin:0 0 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2);font-weight:500}.why-header .section-title{margin:0 auto;max-width:40ch;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;font-weight:600}.cards-carousel{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.cards-carousel::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:24px;padding:0 max(24px,calc((100vw - 1200px)/2));min-width:max-content}.carousel-card{flex:0 0 320px;height:420px;background:var(--card-gradient);border:1px solid rgba(198,223,255,.25);border-radius:var(--radius-l);padding:32px;cursor:pointer;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;text-align:left;color:inherit;font:inherit;transition:transform .26s cubic-bezier(.4,0,.2,1),border-color .22s ease,box-shadow .26s ease;box-shadow:0 10px 40px #0000004d,inset 0 0 40px #ffffff0d}.carousel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.5;pointer-events:none}.carousel-card:hover{transform:translateY(-8px) scale(1.02);border-color:#dbeaff73;box-shadow:0 20px 60px #0006,inset 0 0 60px #ffffff14}.carousel-card:focus-visible{outline:2px solid rgba(161,219,255,.95);outline-offset:2px}.card-header{position:relative;z-index:1}.card-category{display:inline-block;padding:4px 12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fffffff2;margin-bottom:16px;font-weight:500}.card-title{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.02em}.card-description{margin:0;font-size:.9rem;color:#fffc;line-height:1.4;font-weight:400}.card-preview{position:relative;z-index:1;padding-top:20px}.card-media{width:100%;height:112px;object-fit:cover;border-radius:var(--radius-s);margin-bottom:12px;opacity:.8;border:1px solid rgba(255,255,255,.2);background:#0003;filter:saturate(.92) contrast(1.05)}.preview-cta{font-size:.85rem;color:#ffffffe6;text-transform:lowercase;letter-spacing:.05em;font-weight:300}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-container{position:relative;width:100%;max-width:800px;max-height:90vh;animation:modal-enter .4s cubic-bezier(.2,.8,.2,1) both}.modal-content{position:relative;background:var(--card-gradient);border-radius:var(--radius-l);padding:48px;overflow-y:auto;max-height:90vh;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 80px #00000080,inset 0 0 60px #ffffff1a}.modal-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(0,0,0,.15) 100%);border-radius:var(--radius-l);pointer-events:none}.modal-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;z-index:2}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-close:focus-visible{outline:2px solid rgba(161,219,255,.95);outline-offset:2px}.modal-header{position:relative;z-index:1;margin-bottom:32px}.modal-category{display:inline-block;padding:6px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fffffff2;margin-bottom:16px;font-weight:300}.modal-title{margin:0 0 12px;font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.modal-description{margin:0;font-size:1.1rem;color:#ffffffd9;font-weight:400}.modal-body{position:relative;z-index:1}.modal-media-wrap{margin-bottom:20px}.modal-media{width:100%;max-height:240px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#00000040}.card-content{display:flex;flex-direction:column;gap:32px;color:#fff}.content-section{display:flex;flex-direction:column;gap:12px}.content-section h3{margin:0;font-size:1.3rem;font-weight:300;color:#fffffff2;letter-spacing:-.01em}.content-section p{margin:0;font-size:1rem;line-height:1.6;color:#fffc;font-weight:200}.content-section code{padding:2px 6px;background:#0000004d;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.content-note{padding:12px 16px;background:#ffffff1a;border-radius:4px;font-size:.9rem!important;font-style:italic}.content-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff1a;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:2rem;font-weight:200;color:#fff}.stat-label{font-size:.75rem;text-transform:lowercase;color:#ffffffb3;text-align:center;font-weight:200}.content-visual{padding:24px;background:#0003;border-radius:6px}.speed-bars{display:flex;flex-direction:column;gap:16px}.bar{padding:12px 16px;border-radius:3px;font-size:.85rem;font-weight:300;position:relative;overflow:hidden}.bar-manual{background:#ff646433;color:#ffc8c8f2}.bar-yolodex{background:#64ff6433;color:#c8ffc8f2;width:10%}.content-metrics{display:flex;flex-direction:column;gap:16px}.metric-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:16px}.metric-label{font-size:.85rem;color:#ffffffb3;font-weight:200}.metric-bar{height:32px;background:#ffffff1a;border-radius:100px;overflow:hidden;position:relative}.metric-fill{height:100%;background:linear-gradient(90deg,#64c8ffcc,#9664ffcc);display:flex;align-items:center;justify-content:flex-end;padding-right:12px;font-size:.75rem;font-weight:300;transition:width 1s cubic-bezier(.4,0,.2,1)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff1a;border-radius:var(--radius-m);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-icon{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:30px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#08101c52;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.grid-label{font-size:.8rem;color:#fffc;font-weight:400}.content-flow{display:flex;align-items:center;gap:8px;padding:24px;background:#0003;border-radius:6px;overflow-x:auto}.flow-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.step-num{width:32px;height:32px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:300}.step-text{font-size:.7rem;color:#ffffffb3;text-align:center;max-width:80px;font-weight:200}.flow-arrow{color:#fff6;flex-shrink:0}.content-code{background:#0000004d;border-radius:4px;padding:20px;overflow-x:auto}.content-code pre{margin:0;font-family:Courier New,monospace;font-size:.85rem;color:#ffffffe6;line-height:1.6}.content-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature{display:flex;align-items:center;gap:8px;padding:12px;background:#ffffff0d;border-radius:3px;font-size:.85rem;font-weight:200}.feature-check{color:#64ff96e6;font-weight:400}@keyframes modal-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){.carousel-track{padding:0 24px}.carousel-card{flex:0 0 280px;height:380px}.modal-content{padding:32px 24px}.modal-title{font-size:2rem}.content-stats,.content-grid{grid-template-columns:repeat(2,1fr)}.content-features{grid-template-columns:1fr}.content-flow{flex-wrap:wrap}}@media(max-width:600px){.carousel-card{flex:0 0 240px;height:340px;padding:24px}.content-stats{grid-template-columns:1fr}}.onboarding-section{position:relative;z-index:3;width:100%;min-height:100vh;padding:clamp(60px,10vh,120px) 0;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-margin-top:72px}.onboarding-container{width:min(1200px,92vw);margin:0 auto}.onboarding-header{text-align:center;margin-bottom:60px}.onboarding-header .section-kicker{margin:0 0 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2);font-weight:500}.onboarding-header .section-title{margin:0 auto 16px;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;font-weight:600}.onboarding-header .section-description{margin:0;font-size:1.1rem;color:var(--text-1);font-weight:400}.onboarding-content{display:grid;grid-template-columns:280px 1fr;gap:32px;margin-bottom:48px}.step-selector{display:flex;flex-direction:column;gap:12px}.step-tab{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#0f192bc2;border:1px solid var(--line-1);border-radius:var(--radius-m);color:var(--text-1);font:inherit;text-align:left;cursor:pointer;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s ease,background-color .22s ease,color .22s ease;backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8)}.step-tab:hover{background:#142239e6;border-color:#a2c5f861;transform:translate(4px)}.step-tab.is-active{background:#162844f2;border-color:#add4ff80;color:var(--text-0);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff1a}.step-tab:focus-visible{outline:2px solid rgba(143,209,255,.9);outline-offset:2px}.step-tab-number{font-size:1.2rem;font-weight:200;opacity:.6}.step-tab.is-active .step-tab-number{opacity:1}.step-tab-label{flex:1;font-size:.95rem;text-transform:lowercase;font-weight:300}.step-tab-time{font-size:.75rem;opacity:.6;font-weight:200}.step-display{background:linear-gradient(160deg,#142238eb,#0c1526e0),radial-gradient(circle at 12% 8%,rgba(149,198,255,.12),transparent 36%);border:1px solid var(--line-0);border-radius:var(--radius-l);padding:32px;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff1a}.step-content{display:flex;flex-direction:column;gap:24px}.step-header{display:flex;justify-content:space-between;align-items:flex-start}.step-title{display:flex;align-items:flex-start;gap:20px}.step-number-large{font-size:2.5rem;font-weight:600;color:#97c1ff94;line-height:1}.step-title h3{margin:0 0 4px;font-size:1.5rem;font-weight:600;color:var(--text-0);text-transform:lowercase}.step-description{margin:0;font-size:.9rem;color:var(--text-1);font-weight:400}.step-time{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.75rem;color:#c8dcffe6;font-weight:300}.code-block{position:relative;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.code-header{padding:12px 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.code-filename{font-size:.75rem;color:#b4c8ffe6;font-family:Courier New,monospace;font-weight:300}.code-content{margin:0;padding:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.code-content::-webkit-scrollbar{height:6px}.code-content::-webkit-scrollbar-track{background:transparent}.code-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.code-content code{font-family:Courier New,monospace;font-size:.9rem;color:#dcebfff2;line-height:1.6;font-weight:300}.copy-button{position:absolute;top:12px;right:12px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-s);color:var(--text-1);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;font:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}.copy-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.copy-button:focus-visible{outline:2px solid rgba(143,209,255,.9);outline-offset:2px}.copy-feedback{font-size:.75rem;text-transform:lowercase;font-weight:300}.step-highlight{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#64ff961a;border:1px solid rgba(100,255,150,.2);border-radius:4px;color:#c8ffdcf2;font-size:.95rem;font-weight:300}.highlight-icon{font-size:1.2rem;color:#64ff96e6}.step-progress{display:flex;justify-content:center;gap:8px;margin-top:32px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease,width .3s ease;padding:0}.progress-dot:hover{background:#ffffff4d;transform:scale(1.2)}.progress-dot.is-active{background:#fffc;width:24px;border-radius:4px}.onboarding-footer{display:flex;justify-content:center;gap:32px}.footer-link{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text-1);text-decoration:none;font-size:.9rem;font-weight:500;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8)}.footer-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.link-icon{font-size:.62rem;opacity:.9;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border:1px solid rgba(170,207,255,.35);border-radius:999px}@media(max-width:900px){.onboarding-content{grid-template-columns:1fr;gap:24px}.step-selector{flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:12px}.step-selector::-webkit-scrollbar{display:none}.step-tab{flex:0 0 auto;min-width:150px}.step-tab:hover{transform:translateY(-2px)}.step-display{padding:24px}.step-title{flex-direction:column;gap:12px}.onboarding-footer{flex-wrap:wrap;gap:12px}.footer-link{flex:1 1 calc(50% - 12px);min-width:140px;justify-content:center}}@media(max-width:600px){.onboarding-header{margin-bottom:40px}.step-display{padding:20px}.code-content{padding:16px;font-size:.8rem}.footer-link{flex:1 1 100%}}.site-footer{position:relative;z-index:10;width:100%;margin-top:120px;background:linear-gradient(to bottom,transparent,rgba(6,12,22,.45) 10%,rgba(8,15,28,.78) 30%,rgba(8,15,28,.96) 60%,#060b16 100%);padding-top:80px}.footer-container{width:min(1200px,92vw);margin:0 auto;padding:0 0 40px}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding:48px 32px;background:linear-gradient(160deg,#142136eb,#0c1423e0),radial-gradient(circle at 10% 8%,rgba(149,198,255,.12),transparent 36%);border:1px solid var(--line-0);border-radius:var(--radius-l);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff14;margin-bottom:32px}.footer-section:first-child{display:flex;flex-direction:column;gap:16px}.footer-title{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fffffff2,#b4c8ffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-1);font-weight:400}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:.65rem;text-transform:lowercase;color:var(--text-1);font-weight:500}.footer-heading{margin:0 0 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);font-weight:500}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{display:flex;align-items:center;gap:8px;color:var(--text-1);text-decoration:none;font-size:.9rem;font-weight:400;transition:transform .2s ease,color .2s ease}.footer-link:hover{color:var(--text-0);transform:translate(4px)}.footer-link:focus-visible{outline:2px solid rgba(143,209,255,.9);outline-offset:2px}.link-arrow{opacity:.5;transition:opacity .2s ease}.footer-link:hover .link-arrow{opacity:1}.footer-team{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.team-member{color:var(--text-1);text-decoration:none;font-size:.9rem;font-weight:400;transition:color .2s ease}.team-member:hover{color:#fff;text-decoration:underline}.footer-note{margin:0;font-size:.75rem;color:#a0b4d7b3;font-style:italic;font-weight:200}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-m);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.footer-copyright{margin:0;font-size:.8rem;color:#a0b4d7b3;font-weight:200}.footer-social{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#c8dcffcc;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.social-link:hover{background:#ffffff1f;border-color:#fff3;color:#fff;transform:translateY(-3px);box-shadow:0 8px 16px #0000004d}.social-link:focus-visible{outline:2px solid rgba(143,209,255,.9);outline-offset:2px}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:32px}.footer-section:first-child{grid-column:span 2}}@media(max-width:640px){.footer-content{grid-template-columns:1fr;padding:32px 20px}.footer-section:first-child{grid-column:span 1}.footer-bottom{flex-direction:column;gap:16px;text-align:center;padding:20px}.footer-badges{justify-content:center}}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;color:var(--text-0);background:radial-gradient(circle at 10% -8%,rgba(95,166,255,.24),transparent 42%),radial-gradient(circle at 96% 12%,rgba(255,177,109,.16),transparent 35%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 58%,#091325 100%);--scroll-progress: 0}.app-shell:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(130,160,210,.03) 0,rgba(130,160,210,.03) 1px,transparent 1px,transparent 56px),linear-gradient(to bottom,rgba(4,8,18,.18),transparent 26%)}.volumetric-bg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;filter:brightness(.9) saturate(.95);animation:clouds-enter 1.1s ease-out both;transition:opacity .16s linear}.hero-stage{position:relative;z-index:3;min-height:100vh;display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);padding:clamp(84px,10vh,130px) clamp(20px,4vw,54px) clamp(24px,5vw,64px);scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:72px}.codex-orb{position:relative;width:clamp(280px,28vw,460px);aspect-ratio:1;flex:0 0 auto;z-index:3;pointer-events:none;transform:translateY(0);filter:drop-shadow(0 12px 28px rgba(2,6,22,.62)) drop-shadow(0 0 14px rgba(120,158,255,.2));animation:orb-enter 1.05s cubic-bezier(.2,.9,.2,1) both,orb-float 5.8s ease-in-out 1.05s infinite}.codex-orb-glow{position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle at 45% 35%,#91b7ffc7,#668af357 34%,#14225c00 78%);filter:blur(22px);animation:glow-enter 1.25s ease-out both}.codex-orb-shell{position:absolute;inset:0;border-radius:0;overflow:visible;background:transparent;border:0;box-shadow:none}.hero-header{position:relative;width:min(52vw,700px);margin-right:0;display:grid;gap:14px;z-index:3;animation:title-enter .95s cubic-bezier(.2,.8,.2,1) .45s both;filter:none;border-radius:0;padding:0}.hero-eyebrow{margin:0;font-size:clamp(.72rem,1vw,.9rem);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-weight:500;animation:staged-enter .72s ease-out .1s both}.hero-title{margin:0;display:flex;align-items:center;gap:4px;min-height:1em;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(3.2rem,9.2vw,7.4rem);line-height:.92;letter-spacing:-.03em;font-weight:700;color:var(--text-0);text-shadow:0 14px 40px rgba(8,18,36,.55);text-wrap:balance;animation:staged-enter .76s ease-out .2s both}.typing-cursor{opacity:1;animation:cursor-blink 1s step-end infinite}.hero-subtitle{margin:0;max-width:46ch;font-size:clamp(1rem,1.25vw,1.14rem);font-weight:400;color:var(--text-1);line-height:1.5;animation:staged-enter .78s ease-out .35s both}.hero-sub-kpi{margin:0;font-size:clamp(.74rem,.9vw,.84rem);font-weight:500;color:#a9c7f3f2;letter-spacing:.12em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;animation:staged-enter .78s ease-out .62s both}.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:var(--radius-s);font-size:.82rem;letter-spacing:.09em;font-weight:600;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.hero-btn:hover{transform:scale(1.05)}.hero-btn:active{transform:scale(.95)}.hero-btn-primary{background:linear-gradient(145deg,#d6eaff,#9fd3ff);color:#051023;border-color:#c5e2fff2;box-shadow:0 10px 24px #559eff4d}.hero-btn-secondary{background:#0d17289e;color:var(--text-1);border-color:#95bcf47a}.hero-btn-secondary:hover{background:#111e35e6}.onboarding-section{position:relative;z-index:3;width:min(1080px,92vw);margin:clamp(42px,9vh,120px) auto 0;min-height:100vh;display:grid;align-content:center;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:72px;transform:translateY(calc(var(--scroll-progress) * -4px));transition:transform .22s linear}.section-wrap{position:relative;z-index:3;width:min(1080px,92vw);margin:clamp(40px,8vh,90px) auto 0;min-height:100vh;display:grid;align-content:center;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:72px;transform:translateY(calc(var(--scroll-progress) * -6px));transition:transform .22s linear}.onboarding-page .onboarding-section{margin-top:clamp(24px,5vh,54px)}.page-back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:100px;margin-bottom:18px;color:#0d192df5;text-decoration:none;font-size:.72rem;transition:transform .18s ease}.page-back-link:hover{transform:scale(1.05)}.page-back-link:active{transform:scale(.95)}.section-kicker{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2);font-weight:500}.section-title{margin:0;max-width:30ch;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;font-weight:600;text-wrap:balance}.onboarding-flow{margin-top:26px;display:grid;gap:18px}.flow-step{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start}.flow-index{margin:0;font-size:1.05rem;line-height:1;letter-spacing:.08em;color:#a7c2f2f2;position:sticky;top:22px}.flow-body{margin:0;padding:18px 18px 20px;border-radius:6px;background:#060c1885;border:1px solid rgba(157,186,238,.24)}.flow-body .step-label{margin:0 0 8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#b0cbf8eb}.flow-body h3{margin:10px 0 0;font-size:.9rem;opacity:.94;letter-spacing:.04em;text-transform:uppercase}.flow-body pre{margin:10px 0 0;padding:11px 12px;white-space:pre-wrap;background:#060c18b3;border:1px solid rgba(175,201,250,.2);border-radius:4px;font-size:.78rem;line-height:1.45;color:#e6f0fff5;overflow-x:auto}.flow-body p{margin:10px 0 0;line-height:1.48;color:#e2ecffe6}.pipeline-strip{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;align-items:stretch;position:relative}.sample-preview{margin-top:22px;border-radius:6px;padding:14px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}.sample-frame{position:relative;min-height:260px;border-radius:4px;background:linear-gradient(145deg,#263878e6,#0e1c48e6),radial-gradient(circle at 30% 20%,#b4d2ff33,#0000);border:1px solid rgba(179,204,248,.25)}.sample-box{position:absolute;border:2px solid #8db3ff;color:#dce9ff;font-size:.72rem;padding:2px 6px;border-radius:3px;background:#09122ca6}.sample-box-a{left:12%;top:16%;width:38%;height:52%}.sample-box-b{right:11%;top:27%;width:24%;height:20%}.sample-box-c{left:42%;bottom:14%;width:44%;height:28%}.sample-meta p{margin:0 0 10px;color:#e5eeffe6;line-height:1.5}.trust-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.trust-item{border-radius:6px;padding:14px}.trust-item h3{margin:0;font-size:.92rem;letter-spacing:.03em;text-transform:uppercase}.trust-item p{margin:8px 0 0;color:#e3edffe0;line-height:1.46}#trust .section-kicker{color:#d6e6fff5}#trust .section-title{color:#f8fcfffa;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 14px rgba(124,168,255,.2)}#trust .trust-item{background:#070e1ed1;border:1px solid rgba(170,201,255,.28);box-shadow:0 12px 28px #00000057,0 0 0 1px #8db3f81f inset;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#trust .trust-item h3{color:#f1f8fffa}#trust .trust-item p{color:#e9f3fff2}.scroll-cue{position:absolute;left:50%;bottom:56px;transform:translate(-50%);z-index:12;text-decoration:none;color:#e2efffe6;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:transparent;box-shadow:none;animation:scroll-pulse 2.2s ease-in-out infinite}.scroll-cue:before{content:"";width:1px;height:24px;background:linear-gradient(to bottom,#d8e7ffe0,#d8e7ff33)}.scroll-cue-arrow{font-size:.9rem;line-height:1}.reveal{opacity:0;transform:translateY(34px) scale(.97);filter:blur(10px);transition:opacity .76s cubic-bezier(.2,.8,.2,1),transform .76s cubic-bezier(.2,.8,.2,1),filter .76s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.trust-item.reveal:nth-child(1),.flow-step.reveal:nth-child(1){transition-delay:60ms}.trust-item.reveal:nth-child(2),.flow-step.reveal:nth-child(2){transition-delay:.14s}.trust-item.reveal:nth-child(3),.flow-step.reveal:nth-child(3){transition-delay:.22s}.trust-item.reveal:nth-child(4),.flow-step.reveal:nth-child(4){transition-delay:.3s}.site-footer{position:relative;z-index:10;width:min(1080px,92vw);margin:80px auto 0;padding:40px 20px 100px;color:#d6e3fbe6;text-align:center;background:linear-gradient(to bottom,transparent,rgba(5,10,20,.6) 20%,rgba(5,10,20,.9) 50%,#050a14 100%)}.advanced-options{margin-top:16px;padding:14px 16px;border-radius:6px;max-width:820px}.advanced-options-title{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#cee0fff0}.advanced-options p{margin:0;color:#e3eeffdb;line-height:1.45}.site-footer p{margin:0;font-size:.88rem;letter-spacing:.03em}.site-footer a{color:#dfecfff2;text-decoration:none}.site-footer a:hover{text-decoration:underline}.vignette-overlay{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,#0000004d,#0000 24%),linear-gradient(to bottom,#00000042,#0000 22%),linear-gradient(to left,#0000003d,#0000 20%),linear-gradient(to right,#0000003d,#0000 20%);animation:vignette-enter .9s ease-out both}.loading-screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#000;transition:opacity .52s ease,visibility .52s ease}.loading-screen.is-visible{opacity:1;visibility:visible;pointer-events:auto}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{display:grid;justify-items:center;gap:16px;transform:translateY(-2.5vh)}.loading-orb-wrap{opacity:0;transform:scale(.94);filter:blur(3px);animation:loading-orb-enter .9s cubic-bezier(.2,.8,.2,1) .14s forwards}.loading-text{margin:0;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#cddfffe0;font-weight:300}.cv-overlay{position:fixed;inset:0;z-index:26;pointer-events:none}.cv-box{position:fixed;border:2px solid rgba(255,44,44,.96);border-style:dashed;border-radius:0;box-shadow:0 0 0 1px #ff08087a inset;overflow:visible;animation:cv-box-enter .26s ease-out both,cv-box-flicker .54s steps(2,end) infinite,cv-box-jitter 1s steps(2,end) infinite}.cv-box-random{border-color:#ff5c5cdb;animation-duration:.26s,.54s,1s}.cv-box:after{content:"";position:absolute;inset:1px;border:2px solid rgba(255,120,120,.45);border-style:dashed;border-radius:0;animation:cv-inner-flicker .41s steps(2,end) infinite}.cv-label{position:absolute;top:-1px;left:-1px;transform:translateY(-100%);display:inline-flex;align-items:center;gap:7px;padding:3px 7px;border-radius:0;background:transparent;border:1px dashed rgba(255,92,92,.94);color:#ff3838fa;font-size:.63rem;font-weight:500;letter-spacing:.06em;text-transform:lowercase;white-space:nowrap;text-shadow:0 0 8px rgba(255,24,24,.45)}.cv-label-name{font-family:ocr a std,courier new,ui-monospace,sfmono-regular,menlo,monospace;font-weight:500}.cv-label-score{font-family:md thermochrome,inter,sans-serif;font-weight:500;letter-spacing:.03em;color:#ff1e1efa}@keyframes clouds-enter{0%{transform:scale(1.03);filter:blur(6px) brightness(.9) saturate(.95)}to{transform:scale(1);filter:blur(0) brightness(.9) saturate(.95)}}@keyframes orb-enter{0%{opacity:0;transform:translateY(14px) scale(.96);filter:blur(6px) saturate(.8)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) saturate(1)}}@keyframes glow-enter{0%{opacity:0}to{opacity:1}}@keyframes title-enter{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes vignette-enter{0%{opacity:0}to{opacity:1}}@keyframes orb-float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes loading-orb-enter{0%{opacity:0;transform:scale(.94);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes staged-enter{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes scroll-pulse{0%,to{transform:translate(-50%) translateY(0);opacity:.66}50%{transform:translate(-50%) translateY(6px);opacity:1}}@keyframes visual-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cv-box-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes cv-box-flicker{0%,to{opacity:1}7%{opacity:.84}8%{opacity:1}22%{opacity:.8}23%{opacity:1}57%{opacity:.88}58%{opacity:1}78%{opacity:.82}79%{opacity:1}}@keyframes cv-box-jitter{0%,to{transform:translate(0) scale(1)}25%{transform:translate(1px,-1px) scale(1.002)}50%{transform:translate(-1px,1px) scale(.998)}75%{transform:translate(1px) scale(1.001)}}@keyframes cv-inner-flicker{0%,to{opacity:.55}50%{opacity:.3}}@media(max-width:900px){.hero-stage{align-items:center;justify-content:center;flex-direction:column;gap:18px;padding-bottom:92px}.codex-orb{width:clamp(250px,62vw,390px);transform:translateY(0)}.hero-header{width:min(92vw,620px);margin:0 auto;text-align:center;justify-items:center;transform:none}.hero-title{justify-content:center;font-size:clamp(2.5rem,15vw,4.8rem)}.flow-step{grid-template-columns:1fr;gap:8px}.flow-index{position:static}.pipeline-strip,.trust-grid,.sample-preview{grid-template-columns:1fr}.pipeline-strip{gap:40px}.section-wrap,.onboarding-section{min-height:auto;align-content:start;padding-top:24px}}@media(prefers-reduced-motion:reduce){.volumetric-bg,.codex-orb,.codex-orb-glow,.hero-header,.vignette-overlay,.loading-orb-wrap,.typing-cursor,.scroll-cue,.reveal{animation:none!important;transition:none!important}}