*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}html{scroll-behavior:smooth}a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent;outline:none}a:active,a:focus,button:active,button:focus,input:focus,label:active,label:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,label:focus-visible{outline:3px solid #111;outline-offset:3px}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 10% 10%,rgba(255,218,61,.18),transparent 24%),radial-gradient(circle at 88% 16%,rgba(45,216,255,.16),transparent 20%),linear-gradient(180deg,#07101c,#08131f 52%,#0a1624);color:#eff7ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}code,pre{font-family:Courier New,ui-monospace,monospace}.page{max-width:1240px;margin:0 auto;padding:16px 14px 40px}.page,.page>*{position:relative}.page>*{z-index:2}.bg-grid{inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.65));mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.65))}.bg-grid,.glow{position:fixed;pointer-events:none}.glow{border-radius:999px;filter:blur(90px);opacity:.26;z-index:1;animation:floatGlow 10s ease-in-out infinite}.glow-a{width:220px;height:220px;background:#ffdb4d;top:40px;left:-60px}.glow-b{width:260px;height:260px;background:#14c8ff;top:180px;right:-100px;animation-delay:-4s}.copy-toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:9;padding:10px 14px;border:3px solid #111;border-radius:999px;background:#d9ff8c;color:#111;box-shadow:6px 6px 0 #111;font-family:Trebuchet MS,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.05em;animation:toastIn .25s ease}.topbar{justify-content:space-between;flex-wrap:wrap}.brand-block,.topbar{display:flex;align-items:center;gap:12px}.brand-block{min-width:min(100%,650px);padding:14px 16px;border:3px solid #111;border-radius:26px;background:#fff;color:#111;box-shadow:9px 9px 0 #111}.brand-mark{display:grid;place-items:center;width:60px;height:60px;border:3px solid #111;border-radius:20px;background:#27c8ff;font-size:24px;font-family:Arial Black,Impact,sans-serif;font-weight:900}.brand-kicker{font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;font-family:Georgia,serif;font-style:italic;opacity:.7}.brand-title{margin-top:2px;font-size:38px;line-height:.92;font-family:Arial Black,Impact,sans-serif}.brand-sub,.brand-title{text-transform:uppercase}.brand-sub{margin-top:4px;font-size:12px;letter-spacing:.08em;font-family:Trebuchet MS,sans-serif;font-weight:800;opacity:.78}.live-pill{display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border:3px solid #111;border-radius:999px;color:#111;background:#fff;box-shadow:9px 9px 0 #111;font-family:Arial Black,Impact,sans-serif;text-transform:uppercase}.live-pill.ready{background:#bfffba}.live-pill.warn{background:#ffd891}.live-dot{width:12px;height:12px;border-radius:999px;background:#111;animation:pulseDot 1.4s ease-in-out infinite}.hero{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-gap:18px;gap:18px;align-items:start}.feature-box,.hero-code-panel,.hero-copy-panel,.panel{border:3px solid #111;box-shadow:10px 10px 0 #111}.hero-copy-panel{padding:22px;border-radius:34px;background:linear-gradient(145deg,#ffe14f,#ffc727 58%,#ffac2d);color:#111;overflow:hidden}.hero-chip-row{display:flex;gap:10px;flex-wrap:wrap}.tiny-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:2px solid #111;border-radius:999px;background:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-family:Trebuchet MS,sans-serif}.tiny-chip.alt{background:#d8efff}.tiny-chip.dark{background:#111;color:#fff}.section-kicker{margin:18px 0 10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-family:Georgia,serif;font-style:italic;font-weight:700}.section-kicker.dark{color:#111}.section-kicker.light{color:#9adfff}.hero-copy-panel h1{margin:0;max-width:11ch;font-size:clamp(42px,7vw,84px);line-height:.92;font-family:Arial Black,Impact,sans-serif;letter-spacing:-.04em;text-transform:lowercase}.hero-copy-panel h1 span{color:#27a400}.hero-copy-panel h1 em{font-style:normal;color:#0d6eff;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:5px}.hero-text{margin:14px 0 0;max-width:62ch;font-size:16px;line-height:1.72;font-family:Trebuchet MS,sans-serif}.marquee-shell{margin-top:16px;overflow:hidden;border:3px solid #111;border-radius:999px;background:rgba(255,255,255,.72)}.marquee-track{display:flex;gap:18px;width:max-content;padding:10px 16px;animation:marquee 17s linear infinite;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase}.marquee-track span:before{content:"# ";color:#0c71ff}.hero-route-box{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:3px solid #111;border-radius:28px;background:#fff;box-shadow:6px 6px 0 #111}.drop-sub,.helper-card,.hero-route-box small,.panel-text,.picked-meta,.recent-time,.result-meta{font-family:Trebuchet MS,sans-serif}.hero-route-box small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;opacity:.7}.hero-route-box code{display:block;margin-top:6px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.copy-button,.ghost-btn,.mini-action{border:2px solid #111;border-radius:16px;background:#111;color:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,filter .16s ease;font-weight:900}.copy-button{padding:12px 16px;min-width:88px;box-shadow:4px 4px 0 #111;text-transform:uppercase}.copy-button:hover,.ghost-btn:hover,.mini-action:hover,.primary-cta:hover{transform:translate(-2px,-2px)}.copy-button:active,.ghost-btn:active,.mini-action:active,.primary-cta:active{transform:translate(0) scale(.995);filter:saturate(1.03)}.hero-stats{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.stat-card{padding:14px;border:3px solid #111;border-radius:22px;background:#fff;box-shadow:6px 6px 0 #111}.stat-card small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-family:Georgia,serif;font-style:italic;opacity:.75}.stat-card b{display:block;margin-top:8px;font-size:24px;line-height:1;font-family:Arial Black,Impact,sans-serif}.float-a{animation:floatCard 5.6s ease-in-out infinite}.float-b{animation:floatCard 6.4s ease-in-out -.7s infinite}.float-c{animation:floatCard 5s ease-in-out -1.2s infinite}.hero-code-panel{border-radius:34px;background:#0d1321;color:#ecf5ff;overflow:hidden}.code-head{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:3px solid #111;background:#151e32}.code-head span{width:12px;height:12px;border-radius:999px;border:2px solid #111}.code-head span:first-child{background:#ff5f57}.code-head span:nth-child(2){background:#ffbd2f}.code-head span:nth-child(3){background:#28ca42}.code-head b{margin-left:6px;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.hero-code-panel pre{margin:0;padding:18px;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.code-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:0 18px 18px}.code-mini{padding:12px;border:2px solid #25324f;border-radius:16px;background:#111b2e;text-align:center;text-transform:uppercase;font-size:12px;font-weight:900;font-family:Trebuchet MS,sans-serif}.code-mini.success{background:#16291b;color:#b8ffbf;border-color:#2f7a42}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:18px}.feature-box{padding:16px;border-radius:26px;color:#111}.feature-box span{display:inline-grid;place-items:center;width:42px;height:42px;border:3px solid #111;border-radius:14px;background:#fff;margin-bottom:12px}.feature-box b,.feature-box span{font-family:Arial Black,Impact,sans-serif}.feature-box b{display:block;font-size:28px;line-height:1;text-transform:lowercase}.feature-box p{margin:10px 0 0;font-size:14px;line-height:1.6;font-family:Trebuchet MS,sans-serif}.feature-cyan{background:#1fd7ff}.feature-yellow{background:#ffe85a}.feature-pink{background:#ff9ad8}.workspace{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:18px;gap:18px}.panel{border-radius:34px;background:#fff;color:#111;overflow:hidden}.upload-panel{padding:22px;background:linear-gradient(180deg,#ffffff,#f6f6f6)}.console-panel,.recent-panel{padding:20px;background:#101827;color:#f3f8ff}.side-stack{display:grid;grid-gap:18px;gap:18px}.stack-xl{display:grid;grid-gap:16px;gap:16px}.stack-lg{display:grid;grid-gap:12px;gap:12px}.panel-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel-headline.compact{margin-bottom:14px}.panel-headline h2{margin:0;font-size:34px;line-height:.95;font-family:Arial Black,Impact,sans-serif;text-transform:lowercase}.panel-text{margin:8px 0 0;font-size:15px;line-height:1.65}.panel-tags{display:flex;gap:10px;flex-wrap:wrap}.micro-chip,.panel-tags span{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:2px solid #111;border-radius:999px;background:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-family:Trebuchet MS,sans-serif}.dropzone{display:flex;align-items:center;gap:16px;padding:18px;border:3px dashed #111;border-radius:28px;background:linear-gradient(145deg,#f8f8f8,#ececec);box-shadow:6px 6px 0 #111;cursor:pointer;transition:transform .18s ease,background .18s ease}.dropzone:hover{transform:translate(-2px,-2px);background:linear-gradient(145deg,#ffffff,#ededed)}.hidden-file{display:none}.drop-copy{display:grid;grid-gap:8px;gap:8px}.drop-overline{display:inline-flex;width:max-content;padding:6px 10px;border:2px solid #111;border-radius:999px;background:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;font-family:Trebuchet MS,sans-serif}.drop-title{font-size:28px;line-height:1;font-family:Arial Black,Impact,sans-serif;text-transform:lowercase}.drop-sub{margin-top:0;font-size:14px;line-height:1.7;color:rgba(17,17,17,.72)}.picked-meta{padding:14px 16px;border:3px solid #111;border-radius:22px;background:#fff0b2;box-shadow:6px 6px 0 #111;font-size:15px;font-weight:800}.micro-row{display:flex;gap:10px;flex-wrap:wrap}.micro-chip.dark{background:#111;color:#fff}.micro-chip.cyan{background:#c8f6ff}.primary-cta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border:none;border-radius:28px;background:linear-gradient(90deg,#111,#1a1a1a 60%,#212121);color:#fff;box-shadow:8px 8px 0 #111;cursor:pointer;overflow:hidden;position:relative}.primary-cta span{font-size:31px;line-height:1;font-family:Arial Black,Impact,sans-serif;text-transform:lowercase}.upload-meter{padding:14px 16px;border:3px solid #111;border-radius:24px;background:#d7f7ff;box-shadow:6px 6px 0 #111}.upload-meter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Trebuchet MS,sans-serif;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.upload-meter-head b{font-family:Arial Black,Impact,sans-serif;font-size:18px}.upload-meter-track{margin-top:10px;height:18px;border:3px solid #111;border-radius:999px;background:#fff;overflow:hidden}.upload-meter-fill{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,#111,#21c1ff 35%,#8cff6b);transition:width .24s ease}.upload-meter-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 10px,rgba(255,255,255,.02) 10px 20px);animation:stripeMove .9s linear infinite}.upload-meter-sub{margin-top:8px;font-size:13px;line-height:1.5;color:rgba(17,17,17,.7);font-family:Trebuchet MS,sans-serif}.primary-cta i{font-style:normal}.cta-side-label{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:10px 14px;border:2px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-family:Trebuchet MS,sans-serif}.primary-cta:disabled{opacity:.65;cursor:not-allowed}.console-box,.empty-state,.helper-card,.info-box,.notice-box,.recent-card,.result-card,.result-url-box{border:3px solid #111;box-shadow:6px 6px 0 #111}.notice-box{padding:14px 16px;border-radius:24px;font-weight:900;font-family:Trebuchet MS,sans-serif}.error-box{background:#ffd7d7;color:#111}.success-box{background:#d6ffc8;color:#111}.empty-state{padding:18px;border-radius:26px;background:#f5f5f5;color:#111;display:grid;grid-gap:8px;gap:8px}.empty-state b{font-family:Arial Black,Impact,sans-serif;font-size:22px;text-transform:lowercase}.empty-state span{font-size:14px;line-height:1.6}.recent-card,.result-card{padding:16px;border-radius:28px;overflow:hidden}.result-card{background:#fbfbfb;color:#111}.recent-card{background:#142032;color:#f5fbff}.action-row,.recent-head,.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.result-name{font-size:24px;line-height:1.02;font-family:Arial Black,Impact,sans-serif;text-transform:lowercase}.result-name.small{font-size:20px}.result-meta{margin-top:6px;font-size:12px;opacity:.72}.result-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:2px solid #111;border-radius:999px;background:#ffe652;color:#111;font-size:11px;font-weight:900;text-transform:uppercase}.result-pill.alt{background:#20d1ff}.result-url-box{margin-top:12px;padding:14px 16px;border-radius:22px;background:#fff}.result-url-box.dark{background:#0d1626;border-color:#000;box-shadow:6px 6px 0 #000}.result-url-box code{display:block;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.action-row{margin-top:12px}.mini-action{padding:10px 14px;box-shadow:4px 4px 0 #111;text-transform:uppercase;font-size:12px}.mini-action.secondary{background:#fff;color:#111}.mini-action.ghost{background:#dfefff;color:#111}.ghost-btn{padding:10px 14px;box-shadow:4px 4px 0 #111;text-transform:uppercase;font-size:12px}.ghost-btn.dark{background:#fff;color:#111}.console-box{padding:16px;border-radius:26px;background:#09111d;color:#f3f9ff;display:grid;grid-gap:8px;gap:8px}.console-box span{font-size:13px;opacity:.8}.console-box code{display:block;margin-top:4px;font-size:14px;line-height:1.7;overflow-wrap:anywhere;color:#8bff8f}.info-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.info-box{padding:14px;border-radius:22px;background:#1a2640;color:#fff;box-shadow:6px 6px 0 #000;border-color:#000}.info-box small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.72;font-family:Georgia,serif;font-style:italic}.info-box b{display:block;margin-top:8px;font-size:21px;font-family:Arial Black,Impact,sans-serif;text-transform:lowercase}.helper-card{padding:14px 16px;border-radius:20px;background:#182234;color:#f3f8ff;border-color:#000;box-shadow:6px 6px 0 #000}.recent-time{margin-top:10px;font-size:13px;opacity:.76}.reveal{animation:fadeUp .6s ease both}.rise-1{animation-delay:.02s}.rise-2{animation-delay:.08s}.rise-3{animation-delay:.14s}.rise-4{animation-delay:.2s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.72}}@keyframes floatGlow{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(140%)}}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1080px){.hero,.workspace{grid-template-columns:1fr}.hero-copy-panel h1{max-width:none}}@media (max-width:760px){.page{padding:12px 10px 34px}.brand-block,.console-box,.copy-button,.dropzone,.empty-state,.feature-box,.ghost-btn,.hero-code-panel,.hero-copy-panel,.info-box,.live-pill,.mini-action,.notice-box,.panel,.picked-meta,.recent-card,.result-card,.result-url-box,.stat-card{box-shadow:5px 5px 0 #111}.console-box,.helper-card,.info-box,.recent-card,.result-url-box.dark{box-shadow:5px 5px 0 #000}.brand-title{font-size:30px}.brand-sub{font-size:10px}.hero-copy-panel{padding:18px}.hero-copy-panel h1{font-size:clamp(34px,11vw,62px)}.hero-text{font-size:15px}.code-foot,.feature-row,.hero-stats,.info-grid{grid-template-columns:1fr}.dropzone{align-items:flex-start}.drop-title{font-size:24px}.panel-headline h2{font-size:28px}.primary-cta span{font-size:24px}.hero-route-box{flex-direction:column;align-items:flex-start}}@keyframes stripeMove{0%{transform:translateX(0)}to{transform:translateX(28px)}}@media(max-width:780px){.upload-meter-head b{font-size:16px}.drop-icon{width:66px;height:66px;min-width:66px}}.drop-copy{max-width:100%}.cta-side-label,.primary-cta span{position:relative;z-index:2}