:root { --bg:#030712; --panel:rgba(6,13,28,.78); --line:rgba(103,160,255,.23); --text:#f5f7ff; --muted:#abb5c8; --blue:#1677ff; --violet:#8a35ff; --green:#42da77; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,system-ui,sans-serif;overflow-x:hidden}.space-bg{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(0,2,12,.40),rgba(0,4,18,.90)),url('assets/space-bg.png') center top/cover no-repeat}.stars{display:none;position:fixed;inset:0;z-index:-2;opacity:.7;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#7a7dff 1px,transparent 1px);background-size:80px 80px,130px 130px;background-position:10px 20px,55px 10px}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:#fff;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1.4px}.brand strong{color:#367cff}.brand-mark{display:inline-grid;place-items:center;margin-right:6px;width:28px;height:28px;color:#fff;font-size:19px;border-radius:9px;background:linear-gradient(135deg,#1d8bff,#8c31ff)}.nav{display:flex;gap:28px}.nav a,.login{color:#e9edfa;text-decoration:none;font-size:14px}.nav a:hover,.login:hover{color:#7cb4ff}.nav-actions{display:flex;gap:18px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:9px;text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(105deg,#117cff,#9237fa);box-shadow:0 12px 32px rgba(29,93,255,.25);border:1px solid rgba(255,255,255,.13)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-small{padding:10px 16px;font-size:14px}.btn-ghost{background:rgba(1,6,20,.30);box-shadow:none;border-color:#5f6c88}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:56px;padding:72px 0 84px}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(57,142,255,.35);background:rgba(8,34,80,.55);border-radius:999px;padding:7px 13px;color:#d9e7ff;font-size:13px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-3px;margin:20px 0}.hero h1 span,.ai-copy h2 span{background:linear-gradient(90deg,#9f41ff,#1d79ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:555px;color:#c3cada;font-size:17px}.hero-actions{display:flex;gap:14px;margin:27px 0}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#c0cbda;font-size:12px}.glass{background:linear-gradient(145deg,rgba(11,22,45,.85),rgba(2,7,17,.92));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.4);backdrop-filter:blur(18px)}.deploy-card{border-radius:16px;padding:13px}.window-bar{display:flex;align-items:center;gap:7px;padding:0 3px 13px}.window-bar>span{width:11px;height:11px;border-radius:50%;background:#ff655d}.window-bar>span:nth-child(2){background:#f1bc42}.window-bar>span:nth-child(3){background:#44d471}.address{flex:1;margin-left:8px;padding:8px 14px;border-radius:22px;background:#020713;color:#b8c5dc;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:12px}.project-card,.deploy-status,.metric-cards>div{border:1px solid rgba(85,140,242,.2);border-radius:12px;background:rgba(2,9,24,.7)}.project-card{min-height:290px;padding:20px;position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(11,45,110,.58),rgba(50,11,86,.5)),url('assets/space-bg.png') center/cover}.project-top{display:flex;justify-content:space-between;font-size:12px}.project-card h3,.deploy-status h3{font-size:23px;line-height:1.18;margin:34px 0 10px}.project-card p{font-size:13px;color:#d5deef;max-width:170px}.mini-actions{display:flex;gap:8px;margin-top:20px}.mini-actions button{border:1px solid #5871a9;background:#071227;color:#fff;border-radius:6px;padding:8px 12px;font-size:11px}.mini-actions button:first-child{background:#1b7cff;border-color:#1b7cff}.rocket{position:absolute;bottom:12px;right:20px;font-size:45px}.deploy-status{padding:18px}.pill{display:inline-block;padding:4px 9px;background:#087b3e;border-radius:5px;font-size:11px}.deploy-status h3{font-size:20px;margin:10px 0 2px}.deploy-status small,.metric-cards small{color:#a8b3c8}.deploy-status hr,.terminal hr{border:0;border-top:1px solid rgba(150,175,230,.16);margin:15px 0}.meta{display:flex;gap:18px;color:#ccd4e8;font-size:12px}.deploy-status ul{padding:0;margin:15px 0 0;list-style:none;font-size:12px}.deploy-status li{display:flex;gap:9px;color:#55df89;margin:11px 0}.deploy-status li span{color:#e5eaf7}.deploy-status em{margin-left:auto;color:#bdc6d9;font-style:normal}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:12px}.metric-cards>div{padding:13px;display:flex;gap:11px}.metric-cards b{color:#0b86ff;font-size:20px}.metric-cards strong,.metric-cards small{display:block;font-size:11px}.section{padding:76px 0}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2,.ai-copy h2,.cta-section h2{font-size:30px;letter-spacing:-1.3px;margin:0 0 5px}.section-heading p{margin:0;color:#bac5d8}.deploy-options{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.deploy-options article{padding:25px 14px;text-align:center;border:1px solid var(--line);border-radius:12px;background:rgba(4,11,27,.74)}.icon{margin:auto auto 12px;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1c2f5b,#071124);font-size:24px}.orange{color:#ff6e30}.blue{color:#45a6ff}.purple{color:#b675ff}.green{color:#58e88b}.deploy-options h3{margin:0;font-size:15px}.deploy-options p{font-size:12px;color:#aab5ca;margin:8px 0 0}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.features-grid article i{font-style:normal;font-size:30px;color:#a468ff}.features-grid h3{font-size:15px;margin:8px 0 2px}.features-grid p{font-size:13px;color:#adb8ca;margin:0}.ai-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}.ai-copy p,.ai-copy li{color:#c0c9d8}.ai-copy ul{padding:0;list-style:none;font-size:14px}.ai-copy li{margin:10px 0}.ai-copy li::before{content:'✓';color:#8f62ff;margin-right:10px}.terminal{border-radius:14px;overflow:hidden}.terminal-tabs{display:flex;gap:24px;padding:13px 17px;border-bottom:1px solid var(--line);font-size:13px;color:#bdc5d5}.terminal-tabs strong{color:#bc79ff}.terminal-content{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;padding:27px;font:14px/1.6 'DM Mono',monospace;color:#50e980}.terminal code{color:#fff}.terminal code b{color:#22aaff}.terminal aside{padding:25px 20px;background:rgba(9,18,39,.8);border:1px solid rgba(137,156,224,.22);border-radius:10px;color:#e9efff;font-family:Inter,sans-serif}.score{width:72px;height:72px;border:5px solid #44df70;border-radius:50%;display:grid;place-items:center;font-size:21px;margin-bottom:10px}.terminal aside em{display:block;color:#53e982;font-style:normal;font-size:12px}.terminal aside small{display:inline-grid;width:31%;font-size:11px;color:#bbc5d9}.terminal aside small b{display:block;color:#4ce67a;font-size:16px}.cta-section{margin:30px auto 44px;padding:35px 45px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-section p{margin:0;color:#bec9da}.cta-section .eyebrow{font-size:11px;padding:4px 10px}.footer{display:flex;justify-content:space-between;padding:25px 0 40px;color:#8e9bb1;font-size:13px}
@media (max-width:980px){.hero,.ai-section{grid-template-columns:1fr;gap:35px}.hero{padding-top:38px}.deploy-options{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}.nav{display:none}.menu-toggle{display:block}.nav.open{position:absolute;top:78px;left:20px;right:20px;display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:12px;background:#08101f}.nav-actions .login{display:none}}
@media (max-width:640px){.container{width:min(100% - 28px,1180px)}.site-header{height:72px}.brand{font-size:24px}.nav-actions .btn{display:none}.hero h1{letter-spacing:-2px}.hero-actions{flex-direction:column;align-items:stretch}.dashboard-grid,.terminal-content{grid-template-columns:1fr}.metric-cards{grid-template-columns:1fr}.deploy-options{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr);gap:18px}.section{padding:55px 0}.cta-section{padding:28px;align-items:flex-start;flex-direction:column}.footer{flex-direction:column;gap:8px}.project-card{min-height:250px}.deploy-status li{font-size:11px}.trust-row{gap:10px}}