:root{--ui-bg:#0d111b;--ui-side:#131925;--ui-panel:#1b2230;--ui-panel2:#222b3b;--ui-blue:#4e83ff;--ui-cyan:#37cbd4;--ui-green:#42d392;--ui-orange:#ff9a55;--ui-ink:#e8edf7;--ui-muted:#8e9aae;--ui-line:#30394a;--shadow:0 25px 70px rgba(0,0,0,.32)}
body{color:var(--ui-ink);background:var(--ui-bg);background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:24px 24px}.container{width:min(1240px,calc(100% - 40px))}
.announcement{min-height:32px;justify-content:flex-start;padding-left:max(20px,calc((100% - 1240px)/2));color:#a9b3c4;background:#090c13;border-bottom:1px solid #242c39;font-family:Consolas,monospace}.announcement:before{content:"SYSTEM";border-radius:3px;color:#081612;background:var(--ui-green)}.announcement b{color:var(--ui-cyan)}.header{top:0;height:62px;background:rgba(19,25,37,.97);border-color:var(--ui-line);box-shadow:0 8px 30px rgba(0,0,0,.2)}.logo{color:#f3f6fb;font-size:17px}.logo-mark{width:28px;height:28px;border-radius:6px;background:linear-gradient(145deg,var(--ui-blue),var(--ui-cyan));box-shadow:0 0 22px rgba(78,131,255,.24)}.logo-mark:before{border-radius:3px}.navlinks a{color:#909caf;border-bottom-width:2px}.navlinks a:hover,.navlinks a.active{color:#fff;border-color:var(--ui-blue);background:#1d2534}.btn{min-height:42px;color:#bcc6d7;background:#202838;border-color:#394458;border-radius:5px;box-shadow:none}.btn:hover{color:#fff;background:#293448;box-shadow:none}.btn-dark,.btn-orange{color:#fff;background:var(--ui-blue);border-color:var(--ui-blue)}.btn-orange{background:linear-gradient(135deg,#447bf4,#6864eb)}
.hero{min-height:calc(100vh - 94px);padding:38px 0 55px;display:flex;align-items:center;background:#0d111b;border:0}.hero:before{width:62%;height:100%;right:0;top:0;border-radius:0;background:radial-gradient(circle at 55% 45%,rgba(78,131,255,.15),transparent 52%)}.hero:after{content:"SESSION: READY / ENCRYPTION: ON";right:2%;bottom:12px;color:#3e495d;font-family:Consolas,monospace;font-size:11px}.hero-grid{grid-template-columns:.78fr 1.22fr;gap:55px}.eyebrow{color:var(--ui-cyan);font-family:Consolas,monospace}.eyebrow:before{width:10px;height:10px;border-radius:50%;background:var(--ui-green);box-shadow:0 0 12px var(--ui-green)}.hero h1{margin:19px 0 24px;color:#fff;font-size:clamp(50px,5.8vw,76px);line-height:1.02}.hero h1 span{background:linear-gradient(90deg,#78a1ff,#66d6dc);-webkit-background-clip:text}.lead{color:#98a5b9;font-size:16px}.hero-actions{margin:29px 0 13px}.micro{color:#69768a;font-family:Consolas,monospace}.visual{padding:0}.visual-frame{padding:49px 11px 11px;background:#151b27;border-color:#394355;border-radius:9px;box-shadow:0 35px 100px rgba(0,0,0,.42)}.visual-frame:before{content:"sunlogin.remote / device-overview";top:15px;left:52px;color:#9da8b9;font-family:Consolas,monospace}.visual-frame:after{content:"● ● ●";left:17px;right:auto;top:13px;color:#f16c65;letter-spacing:3px}.visual-frame img{border-color:#374154;border-radius:5px;filter:saturate(.65) brightness(.83)}.metal-node{color:#dce4f1;background:#202838;border-color:#3b465a;border-radius:5px;box-shadow:0 18px 45px rgba(0,0,0,.32);font-family:Consolas,monospace}.node-dot{background:var(--ui-green);box-shadow:0 0 9px var(--ui-green)}
.metrics{background:#111722;border-color:var(--ui-line)}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric{border-color:var(--ui-line)}.metric:after{left:0;width:100%;height:2px;background:var(--ui-blue)}.metric strong{color:#f1f5fb;font-family:Consolas,monospace}.metric span{color:#748196}.logo-belt{padding:68px 0;background:#0f141f;border-color:var(--ui-line)}.logo-belt p{color:#7f8ca0;text-align:left;font-family:Consolas,monospace}.logo-matrix{gap:12px}.logo-matrix span{min-height:155px;padding:25px;color:#8190a5;background:#181f2c;border-color:#313b4c;border-radius:6px;box-shadow:none}.logo-matrix span:nth-child(2){border:1px solid #313b4c;transform:none}.logo-matrix span:nth-child(2):after{display:none}.logo-matrix span:before{content:"STATUS: AVAILABLE";color:var(--ui-green);font-family:Consolas,monospace}.logo-matrix small{color:var(--ui-cyan);font-family:Consolas,monospace}.logo-matrix b{color:#e5ebf4}
.section{padding:92px 0;border-color:var(--ui-line)}.section.white{background:#121823}.section-head h2{color:#f4f7fb}.section-head p{color:#8996a9}.dark .section-head p{color:#8996a9}.grid-6{gap:12px}.feature{min-height:270px;padding:29px;background:#19212e;border-color:#313b4d;border-radius:6px;box-shadow:none}.feature:hover{background:#1e2736;border-color:#4e83ff}.feature:before{content:"MODULE";color:#647289;font-family:Consolas,monospace}.feature:after{left:0;right:0;height:2px;background:var(--ui-blue)}.ficon{margin-bottom:43px;color:var(--ui-cyan);background:#111722;border-color:#364257;border-radius:5px;font-family:Consolas,monospace}.feature h3{color:#f0f4fa}.feature p{color:#8794a8}.more{color:#75a0ff}
.section.dark{background:#0c111b}.scene{min-height:430px;background:#171e2a;border-color:#323c4e;border-radius:7px;box-shadow:none}.scene-media:after{background:linear-gradient(90deg,transparent 60%,#171e2a)}.scene:nth-child(even) .scene-media:after{background:linear-gradient(-90deg,transparent 60%,#171e2a)}.scene-media img{filter:saturate(.5) brightness(.7)}.scene-copy{padding:48px}.scene-no{color:var(--ui-cyan);font-family:Consolas,monospace}.scene h3{color:#fff}.scene p{color:#8e9caf}.tags span{color:#aeb9ca;background:#202a3a;border-color:#3a465a;border-radius:4px}
.compare-wrap{background:#171e2a;border-color:#344053;border-radius:7px;box-shadow:none}.compare th,.compare td{color:#abb6c7;border-color:#303a4b}.compare thead th{color:#f1f4f8;background:#202838}.compare .ours{color:#8fb0ff;background:#202a44}.yes{color:var(--ui-green)}.no{color:#687487}.reviews{gap:13px}.review{padding:29px;background:#19212e;border-color:#313b4d;border-radius:6px;box-shadow:none}.review:before{color:#637188;font-family:Consolas,monospace}.review:after{left:0;right:0;height:2px;background:var(--ui-cyan)}.quote{color:#bac4d2}.person{border-color:#323c4d}.avatar{border-radius:5px;background:var(--ui-blue)}.person small{color:#728096}
.faq-list{background:#171e2a;border-color:#333e50;border-radius:7px;box-shadow:none}.faq-list details{border-color:#313b4c}details p{color:#8995a7}summary{color:#dfe5ef}summary:after{border-radius:4px;background:var(--ui-blue)}details[open] summary:after{background:var(--ui-cyan)}.cta{background:linear-gradient(120deg,#244cbc,#5346b9);border-color:#5d70dc}.cta:before{border-radius:0}.cta:after{content:"EXECUTE DOWNLOAD";font-family:Consolas,monospace}.cta .btn-dark{color:#0e1724;background:var(--ui-green);border-color:var(--ui-green)}
.article{background:#19212e;border-color:#313b4d;border-radius:6px;box-shadow:none}.article:before{left:0;right:0;background:var(--ui-blue)}.article-cover img{border-color:#313b4d;filter:saturate(.5) brightness(.72)}.article h3{color:#eaf0f8}.article p{color:#8592a5}.date{color:var(--ui-cyan);font-family:Consolas,monospace}.footer{background:#080b12;border-color:#293142}
.page-hero{min-height:420px;padding:76px 0;color:#fff;background:#0d111b;border-color:var(--ui-line)}.page-hero:before{content:"UI";top:-145px;color:rgba(78,131,255,.07)}.page-hero:after{content:"SYSTEM / DOWNLOAD / KNOWLEDGE BASE";color:rgba(255,255,255,.04);font-family:Consolas,monospace}.page-hero h1{color:#fff}.page-hero p{color:#92a0b3}.downloads{gap:13px}.download-card{min-height:360px;background:#19212e;border-color:#313b4d;border-radius:7px;box-shadow:none}.download-card.featured{border-color:var(--ui-blue);box-shadow:0 0 0 1px var(--ui-blue),0 22px 60px rgba(0,0,0,.24)}.download-card.featured:before{color:var(--ui-cyan);font-family:Consolas,monospace}.download-card h3{color:#f1f5fa}.download-card ul{color:#8996a9}.badge{color:#90adff;background:#202b45;border-color:#3d4c71;border-radius:4px}.download-card:after{color:var(--ui-green);font-family:Consolas,monospace}.version{color:#647288;font-family:Consolas,monospace}.download-banner{background:#171e2a;border-color:#323d50;border-radius:7px;box-shadow:none}.download-banner p{color:#8d9aab}.step{background:#19212e;border-color:#313b4d;border-radius:7px;box-shadow:none}.step b{color:var(--ui-cyan);font-family:Consolas,monospace}.step h3{color:#eef2f8}.step p{color:#8995a7}.searchbox{background:#19212e;border-color:#3a4659;border-radius:6px;box-shadow:none}.searchbox input{color:#dce3ed;background:#111722}.help-side,.help-card{background:#19212e;border-color:#313b4d;border-radius:7px;box-shadow:none}.help-side b,.help-card h3,.help-group h2{color:#edf2f8}.help-side b{border-color:var(--ui-blue)}.help-side a{color:#8996a9;border-color:#303a4a}.help-card p{color:#8996a9}.help-card:after{color:var(--ui-green);font-family:Consolas,monospace}
@media(max-width:920px){.hero{min-height:auto;padding:65px 0}.hero-grid{grid-template-columns:1fr}.scene-media:after,.scene:nth-child(even) .scene-media:after{background:linear-gradient(0deg,#171e2a,transparent 55%)}}
@media(max-width:620px){.announcement{padding-left:14px}.hero h1{font-size:46px}.metric-grid{grid-template-columns:repeat(2,1fr)}.logo-matrix,.grid-6{grid-template-columns:1fr}.section{padding:68px 0}.scene-copy{padding:30px 24px}.page-hero{padding:60px 0}}