:root{--bg:#080d17;--panel:#101a2a;--panel2:#17243a;--line:#88baff20;--red:#168cff}
body{background:radial-gradient(ellipse 70% 38% at 51% -12%,#163f70 0,transparent 72%),linear-gradient(180deg,#080d17,#09101c 55%,#080d17)}
.topbar{position:sticky;top:0;z-index:20;max-width:none;padding-left:max(34px,calc((100% - 1172px)/2));padding-right:max(34px,calc((100% - 1172px)/2));background:#080d17d9;border-bottom-color:#a8ceff17;backdrop-filter:blur(16px)}
.brand{gap:12px}.brand-mark{width:34px;height:34px;overflow:hidden;border:1px solid #9acfff55;border-radius:10px;background:#f7fbff;box-shadow:0 0 19px #168cff22}.brand-mark img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.5)}
.topbar nav a{transition:color .2s ease}.topbar nav a:hover{color:#74d7ff}
.button{gap:0}.button>span[aria-hidden="true"]{margin-left:18px}
.hero{max-width:1172px;min-height:620px;padding-top:100px;padding-bottom:92px}.hero h1{max-width:650px;font-size:clamp(58px,6.5vw,82px);line-height:1.02}.hero-copy>p{max-width:490px;font-size:16px;color:#b2c0d4}.hero-art{height:380px}.orbit-one{width:500px;height:300px;border-color:#168cff24}.orbit-two{width:430px;height:240px;border-color:#b8d7ff1c}
.brand-showcase{z-index:1;width:min(100%,495px);overflow:hidden;border:1px solid #afd9ff33;border-radius:15px;background:linear-gradient(145deg,#17263a,#101827);box-shadow:0 35px 100px #0009,0 0 70px #087cff1c;transform:rotate(-1.3deg);transition:transform .35s ease,box-shadow .35s ease}.brand-showcase:hover{transform:rotate(0) translateY(-4px);box-shadow:0 40px 105px #000b,0 0 85px #087cff32}.logo-frame{aspect-ratio:16/9;background:#f8f9fb;overflow:hidden}.logo-frame img{width:100%;height:100%;object-fit:cover;display:block}.showcase-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 20px}.showcase-footer>div{display:grid;gap:7px}.showcase-footer .online{margin:0;color:#a9bfdc;font-size:9px}.showcase-footer .online i{background:#5ad7a1}.showcase-footer strong{font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.02em}.showcase-mark{width:34px;height:34px;border:1px solid #55bbff3b;border-radius:10px;display:grid;place-items:center;color:#69d4ff;background:#168cff18}.float-tag{background:#111f32;border-color:#9bccff2a;box-shadow:0 16px 40px #0008}.tag-top{top:12px;right:0}.tag-bottom{bottom:10px;left:-6px}
.hero-note{margin-top:38px}.trust-strip{height:74px;gap:40px;color:#a9bad2}.section,.commands-section{max-width:1172px;padding-top:120px;padding-bottom:120px}.section-heading{margin-bottom:48px}.section-heading>p{font-size:14px;line-height:1.85;color:#aebdd2}.section h2,.commands-section h2{font-size:56px}.feature-grid{gap:16px}.feature-card{min-height:270px;padding:27px;border-radius:12px;background:linear-gradient(145deg,#111e30,#0d1725);border-color:#a6ceff19;transition:transform .25s ease,border-color .25s ease,background .25s ease}.feature-card:hover{transform:translateY(-4px);border-color:#51baff55;background:linear-gradient(145deg,#152741,#0e1928)}.feature-featured{background:linear-gradient(145deg,#193455,#101a2a 76%);border-color:#348fe34d}.feature-icon{width:42px;height:42px;border:1px solid #8cc9ff1c}.feature-card h3{font-size:20px}.feature-card p{font-size:13px;line-height:1.75;color:#aebdd0}.pills span,.mini-tags span,.command-list span{background:#d8eaff05;border-color:#a4cfff20}.feature-cta{background:radial-gradient(circle at 100% 0,#2ebcff 0,#167eec 42%,#0b3175 100%);border-color:#7fdcff70}.feature-cta:hover{background:radial-gradient(circle at 100% 0,#43c9ff 0,#1687f2 44%,#0e3c89 100%)}
.commands-section{border-top:1px solid #a8ceff19;border-bottom:1px solid #a8ceff19}.command-groups{gap:14px}.command-group{min-height:185px;padding:21px;border-radius:11px;background:linear-gradient(145deg,#111e30,#0d1725);border-color:#a6ceff19}.group-head{margin-bottom:18px}.group-icon{width:31px;height:31px;border:1px solid #9fcbff1b}.command-list{gap:8px}.command-list span{font-size:10px;padding:7px 9px;transition:color .2s,border-color .2s}.command-list span:hover{color:#6bd5ff;border-color:#57baff62}
.install-section{max-width:1172px;padding-top:112px;padding-bottom:100px}.install-box{padding:58px;border-radius:16px;background:radial-gradient(ellipse at 4% 4%,#1c4570,#111d2e 57%,#101724);border-color:#5eabed38;box-shadow:0 25px 80px #0003}.install-box h2{font-size:54px}.install-box>div:first-child>p{font-size:14px;line-height:1.8;color:#b3c4db}.install-steps p{font-size:13px;color:#d0dced}.install-note{font-size:11px}.hosting-note{margin-top:22px;font-size:11px;color:#a7b9d0;line-height:1.7}
footer{min-height:100px;padding-left:max(34px,calc((100% - 1172px)/2));padding-right:max(34px,calc((100% - 1172px)/2));background:#070b12;border-top-color:#a8ceff19}footer>span,footer>a:last-child{font-size:11px}
@media(max-width:850px){.hero{min-height:auto;padding-top:75px;padding-bottom:75px}.hero-art{height:340px}.section,.commands-section{padding-top:88px;padding-bottom:88px}.install-section{padding-top:80px;padding-bottom:80px}}
@media(max-width:600px){.topbar{padding-left:18px;padding-right:18px}.hero{padding:65px 22px 56px}.hero h1{font-size:57px}.hero-art{height:290px;margin-top:40px}.brand-showcase{width:calc(100% - 12px)}.showcase-footer{padding:13px 14px}.showcase-footer strong{font-size:11px}.float-tag{font-size:9px;padding:9px 10px}.section,.commands-section{padding:72px 20px}.section h2,.commands-section h2{font-size:43px}.section-heading{margin-bottom:31px}.feature-card{min-height:250px;padding:23px}.command-group{min-height:0}.install-section{padding:70px 20px}.install-box{padding:30px 23px;border-radius:13px}.install-box h2{font-size:43px}footer{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}