:root{--bg: #0d0d0f;--bg-soft: #16161a;--surface: #1c1c22;--border: #2a2a32;--text: #f4f4f5;--text-dim: #a1a1aa;--accent: #f5a300;--accent-soft: rgba(245, 163, 0, .12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(245,163,0,.1),transparent 55%);background-size:48px 48px,48px 48px,100% 100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,4rem);padding-bottom:clamp(190px,26vh,260px);overflow:hidden}.hazard-strip{position:fixed;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 14px,#1a1a1a 14px,#1a1a1a 28px);z-index:10}.content{position:relative;z-index:2;width:100%;max-width:720px;text-align:center}.brand{display:inline-flex;align-items:center;gap:.85rem;margin-bottom:2.5rem}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--accent);color:#1a1200;font-weight:800;font-size:1.25rem;letter-spacing:.02em;box-shadow:0 8px 24px #f5a30040}.brand-name{display:flex;flex-direction:column;text-align:left;font-weight:700;font-size:1.2rem;line-height:1.1}.brand-sub{font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.75rem}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.headline{font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:1.25rem}.headline-accent{color:var(--accent)}.lede{max-width:30rem;margin:0 auto 2.75rem;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.6;color:var(--text-dim)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:480px;margin:0 auto 2.75rem}.unit{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.1rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:14px}.unit-value{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.unit-label{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.actions{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#1a1200}.btn-primary:hover{background:#ffb71a}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.foot{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-dim)}.foot .dot{opacity:.5}@media(max-width:420px){.countdown{gap:.5rem}.unit{padding:.85rem .3rem}}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.cloud{position:absolute;border-radius:999px;background:radial-gradient(ellipse at center,#ffffff0d,#fff0 70%);filter:blur(4px);will-change:transform}.cloud-1{top:12%;width:240px;height:80px;animation:drift 60s linear infinite}.cloud-2{top:26%;width:320px;height:100px;opacity:.8;animation:drift 85s linear infinite;animation-delay:-30s}.cloud-3{top:6%;width:180px;height:64px;opacity:.7;animation:drift 72s linear infinite;animation-delay:-55s}@keyframes drift{0%{transform:translate(-340px)}to{transform:translate(calc(100vw + 340px))}}.skyline{position:absolute;left:0;right:0;bottom:64px;width:100%;height:260px}.buildings rect{fill:#1a1a20}.crane{transform-box:view-box;transform-origin:328px 240px;animation:crane-sway 14s ease-in-out infinite}.crane-load{transform-box:view-box;transform-origin:500px 49px;animation:load-sway 6s ease-in-out infinite}@keyframes crane-sway{0%,to{transform:rotate(.6deg)}50%{transform:rotate(-.6deg)}}@keyframes load-sway{0%,to{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}.ground{position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,#1a1a20,#141418);border-top:3px solid #f5a300}.ground:after{content:"";position:absolute;top:32px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,rgba(245,163,0,.55) 0 36px,transparent 36px 78px)}.loader{position:absolute;bottom:44px;left:0;width:220px;height:150px;will-change:transform;animation:drive 17s linear infinite}@keyframes drive{0%{transform:translate(-300px)}to{transform:translate(calc(100vw + 140px))}}.body{transform-box:view-box;transform-origin:110px 100px;animation:bob .9s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}30%{transform:translateY(-1.6px) rotate(-.3deg)}70%{transform:translateY(.8px) rotate(.2deg)}}.arm{transform-box:view-box;transform-origin:148px 72px;animation:dig 3.4s ease-in-out infinite}@keyframes dig{0%,to{transform:rotate(0)}45%{transform:rotate(-8deg)}60%{transform:rotate(-8deg)}}.wheel{transform-box:fill-box;transform-origin:center;animation:roll 1.4s linear infinite}@keyframes roll{to{transform:rotate(360deg)}}.puff,.grit{transform-box:fill-box;transform-origin:center}.puff{animation:puff 2s ease-out infinite}.puff-2{animation-delay:.66s}.puff-3{animation-delay:1.33s}@keyframes puff{0%{transform:translate(0) scale(.4);opacity:.55}to{transform:translate(10px,-26px) scale(1.5);opacity:0}}.grit{animation:grit 1.1s ease-out infinite}.grit-2{animation-delay:.36s}.grit-3{animation-delay:.72s}@keyframes grit{0%{transform:translate(0) scale(.5);opacity:.6}to{transform:translate(-28px,-14px) scale(1.4);opacity:0}}@media(prefers-reduced-motion:reduce){.cloud,.crane,.crane-load,.loader,.body,.arm,.wheel,.puff,.grit,.badge-dot{animation:none!important}.loader{transform:translate(12vw)}}@media(max-width:560px){.loader{width:168px;bottom:40px}.skyline{bottom:60px;opacity:.8}}