/* The inline fallback remains usable if this stylesheet or the artwork fails. */
#startup{background:radial-gradient(ellipse at 10% 5%,#28535666,transparent 55%),radial-gradient(ellipse at 100% 100%,#8c653933,transparent 55%),#0b1420;padding:clamp(18px,4vw,56px);color:#f4eddd;line-height:1.5}
#startup .startup-card{max-width:1160px;padding:0;background:#111c29;border:1px solid #8a785358;border-radius:20px;overflow:hidden;box-shadow:0 24px 90px #0007}
#startup .startup-header{display:flex;align-items:center;gap:18px;padding:18px 30px;border-bottom:1px solid #52626766;background:#101b27}
#startup .startup-logo{width:90px;height:53px;object-fit:contain;flex-shrink:0}
#startup .startup-brand{font-size:20px;font-weight:800;letter-spacing:.12em;line-height:1.15}
#startup .startup-kicker{color:#d7b375;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.18em;margin:5px 0 0}
#startup .startup-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
#startup .startup-art{margin:0;position:relative;align-self:stretch;display:grid;align-items:center;background:#172b32;min-width:0}
#startup .startup-art img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}
#startup .startup-brief{padding:clamp(24px,3vw,42px);min-width:0}
#startup h1{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.025em;line-height:1.1;margin:12px 0 26px;text-wrap:balance}
#startup #startupMessage{font-size:18px;font-weight:650;color:#f4eddd;margin:0 0 12px;min-height:1.5em}
#startup #startupHelp{font-size:15px;color:#bbcbd3;min-height:4.5em;margin:20px 0 0}
#startup .startup-progress{display:block;width:100%;height:10px;appearance:none;-webkit-appearance:none;overflow:hidden;border:0;border-radius:10px;background:#31404e;color:#53cbb9;accent-color:#53cbb9}
#startup .startup-progress::-webkit-progress-bar{background:#31404e;border-radius:10px}
#startup .startup-progress::-webkit-progress-value{background:linear-gradient(90deg,#cca564,#73ded0);border-radius:10px}
#startup .startup-progress::-moz-progress-bar{background:linear-gradient(90deg,#cca564,#73ded0);border-radius:10px}
#startup .startup-progress:indeterminate{background:linear-gradient(90deg,#31404e 0%,#31404e 25%,#62c8ba 50%,#31404e 75%);background-size:220% 100%;animation:startup-scan 2.5s ease-in-out infinite}
#startup .startup-progress:indeterminate::-webkit-progress-bar{background:transparent}
#startup .startup-progress:indeterminate::-moz-progress-bar{background:#62c8ba66}
#startup .startup-stages{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;color:#9babb8;font-size:12px;letter-spacing:.035em}
#startup .startup-stages span::before{content:'○';margin-right:6px;color:#869ba6}
#startup .startup-stages [aria-current]{color:#92e6d8}
#startup .startup-stages [aria-current]::before{content:'●';color:#92e6d8}
#startup .startup-links{gap:8px;margin-top:26px}
#startup a,#startup button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;padding:10px 14px;border:1px solid #687c8c;border-radius:6px;background:#132330;color:#e3e8e7;font:600 14px/1.4 system-ui;text-decoration:none;cursor:pointer}
#startup a:hover,#startup button:hover{border-color:#d6b675;background:#293a43}
#startup :focus-visible{outline:3px solid #edc983;outline-offset:4px}
#startup .startup-footer{padding:14px 30px;border-top:1px solid #52626766;display:flex;justify-content:space-between;gap:12px;color:#b5c6cf;font-size:12px}
#startup .startup-footer b{color:#d7b375;font-weight:650}
#startup[data-state=error] #startupMessage{color:#ffcca4}
#startup[data-state=error] .startup-stages{display:none}
#startup [hidden]{display:none!important}
@keyframes startup-scan{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(max-width:700px){#startup{padding:14px}#startup .startup-body{grid-template-columns:1fr}#startup .startup-header{padding:16px 22px}#startup .startup-art img{max-height:30vh;width:100%;object-fit:contain}#startup .startup-brief{padding:24px}#startup h1{font-size:32px;margin:8px 0 20px}#startup #startupHelp{min-height:0}#startup .startup-footer{padding:14px 22px;flex-wrap:wrap}}
@media(max-height:600px) and (min-width:701px){#startup{padding:12px}#startup .startup-header{padding:10px 24px}#startup .startup-logo{width:68px;height:40px}#startup .startup-brief{padding:20px 26px}#startup h1{font-size:30px;margin:6px 0 16px}#startup .startup-links{margin-top:16px}#startup .startup-footer{padding:10px 24px}}
@media(prefers-reduced-motion:reduce){#startup .startup-progress:indeterminate{animation:none;background:#477e7a}}