:root{--bg:#05070d;--bg-soft:#101623;--text:#f5f7ff;--text-muted:#aeb6ca;--line:#2a334a;--accent:#f26430;--accent-secondary:#0db9b5;--card:#0a1020;--font-display:"Alumni Sans", "Bahnschrift", "DIN Condensed", "Franklin Gothic Medium", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--app-primary:#0daece;--app-primary-hover:#0b9db8;--app-primary-foreground:#f7fbff;--app-accent:#1e3943}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(1100px 600px at -10% -5%,#1d2336 0%,#0000 56%),radial-gradient(900px 560px at 110% 8%,#26334e 0%,#0000 58%),linear-gradient(160deg,#05070d 0%,#090d18 50%,#04050b 100%)}a{color:inherit;text-decoration:none}.page-shell{width:min(1240px,100% - 40px);margin:0 auto;position:relative}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 58%,#0000 100%);mask-image:radial-gradient(circle,#000 58%,#0000 100%)}.site-header,main,.site-footer{z-index:1;position:relative}.site-header{justify-content:space-between;align-items:center;gap:16px;padding:26px 0;display:flex}.brand{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:10px;font-size:clamp(1.7rem,2.1vw,2.15rem);display:inline-flex}.site-nav{color:var(--text-muted);align-items:center;gap:28px;display:flex}.site-nav a{font-weight:600;position:relative}.site-nav a:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--accent-secondary), var(--accent));width:100%;height:2px;transition:transform .24s;position:absolute;bottom:-7px;left:0;transform:scaleX(0)}.site-nav a:hover:after{transform:scaleX(1)}.btn-login{background:var(--app-primary);color:var(--app-primary-foreground);border:1px solid #0daeceb8;border-radius:999px;padding:11px 19px;font-weight:800;transition:transform .2s,box-shadow .2s,background-color .2s}.btn-login:hover{background:var(--app-primary-hover);transform:translateY(-1px);box-shadow:0 8px 24px #0daece59}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(28px,4vw,54px);padding:56px 0 42px;display:grid}.hero-copy{flex-direction:column;gap:18px;display:flex}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-secondary);margin:0;font-size:.78rem;font-weight:700}.hero h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(2.6rem,7.4vw,5.6rem);line-height:.92}.hero p{color:var(--text-muted);max-width:44ch;margin:0;font-size:clamp(1rem,1.4vw,1.2rem)}.hero-cta{background:var(--app-primary);width:fit-content;color:var(--app-primary-foreground);border:1px solid #0daecebf;border-radius:12px;margin-top:8px;padding:14px 24px;font-weight:800;transition:background-color .2s,transform .2s,box-shadow .2s}.hero-cta:hover{background:var(--app-primary-hover);transform:translateY(-1px);box-shadow:0 10px 24px #0daece52}.hero-shot{border:1px solid #303d5c;border-radius:18px;overflow:hidden;transform:rotate(-1.3deg);box-shadow:0 32px 80px #090e1dcc,inset 0 0 0 1px #ffffff0f}.hero-shot img{width:100%;height:auto;display:block}.features{padding:30px 0 72px}.features h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 24px;font-size:clamp(2rem,3.8vw,3.4rem)}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.feature-card{border:1px solid var(--line);background:linear-gradient(170deg, #0db9b514, #0db9b500 32%), var(--card);border-radius:16px;padding:14px;transition:transform .25s,border-color .25s}.feature-card:hover{border-color:#f26430;transform:translateY(-4px)}.feature-card img{border:1px solid #334267;border-radius:10px;width:100%;height:auto}.feature-card h3{font-size:1.32rem;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:12px 0 6px}.feature-card p{color:var(--text-muted);margin:0;line-height:1.5}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:24px 0 50px;display:flex}.footer-brand{font-family:var(--font-display);align-items:center;gap:9px;font-size:1.5rem;display:inline-flex}.footer-links{color:var(--text-muted);flex-wrap:wrap;gap:18px;font-size:.95rem;display:flex}.footer-links a{transition:color .2s}.footer-links a:hover{color:#fff}.simple-page{border:1px solid var(--line);background:var(--card);border-radius:16px;width:min(900px,100% - 32px);margin:56px auto;padding:26px}.simple-page h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin-top:0}.simple-page p,.simple-page ul{color:var(--text-muted);line-height:1.6}.simple-page a{color:var(--accent-secondary);margin-top:10px;font-weight:700;display:inline-block}.reveal{opacity:0;animation:.8s forwards reveal-up}.hidden{display:none}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.md\:inline{display:inline-block}}@media (max-width:1024px){.site-footer{flex-direction:column;justify-content:start;align-items:center;display:flex}.site-footer .footer-brand{width:100%}.site-footer .footer-links{flex-direction:column;width:100%}.hero{grid-template-columns:1fr;padding-top:34px}.hero-shot{transform:none}.features-grid{grid-template-columns:1fr}}@media (max-width:760px){.site-header{flex-wrap:wrap;justify-content:center}.site-nav{order:3;justify-content:center;width:100%}.hero{padding-top:14px}.hero h1{line-height:.95}}
