:root{--bg:#030F1D;--bg2:#061728;--panel:#071B2E;--panel2:#0A2137;--line:#123A5A;--blue:#1EA7FF;--blue2:#55C4FF;--text:#F4F9FF;--muted:#8FA9BF;--radius:18px;--shadow:0 20px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.7}a{color:var(--blue2);text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(900px,calc(100% - 40px))}.screen-reader-text{position:absolute;left:-9999px}.site-header{position:sticky;top:0;z-index:90;background:rgba(3,15,29,.88);border-bottom:1px solid rgba(85,196,255,.12);backdrop-filter:blur(16px)}.header-inner{width:min(1240px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand,.custom-logo-wrap a{display:flex;align-items:center}.custom-logo{max-height:58px;width:auto}.brand{color:#fff;font-weight:800;letter-spacing:-.04em}.brand-mark{width:48px;height:48px;color:var(--blue);margin-right:10px}.brand-mark svg{width:100%;height:100%}.brand-text{font-size:29px}.brand-text span,.footer-brand span{color:var(--blue)}.main-nav .menu{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.main-nav a{display:block;color:#cfe2f2;font-size:15px;font-weight:650;padding:10px 14px;border:1px solid transparent;border-radius:10px;transition:.2s}.main-nav a:hover,.main-nav .current-menu-item>a{color:#fff;border-color:rgba(30,167,255,.35);background:rgba(30,167,255,.08)}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:9px}.menu-toggle span:not(.screen-reader-text){display:block;height:2px;background:#fff;margin:6px 0;border-radius:4px}.site-main{min-height:60vh}.hero{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:center;background:radial-gradient(circle at 75% 40%,rgba(30,167,255,.15),transparent 28%),linear-gradient(180deg,#030F1D 0%,#041322 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(59,142,199,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,142,199,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px}.eyebrow{display:inline-block;color:var(--blue2);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.hero h1,.page-hero h1{font-size:clamp(48px,7vw,84px);letter-spacing:-.055em;line-height:.96;margin:0 0 24px;color:#fff}.hero h1::first-letter{color:#fff}.hero-lead{font-size:clamp(20px,2.2vw,27px);line-height:1.45;color:#a9bfd0;max-width:720px;margin:0 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border-radius:11px;font-weight:750;border:1px solid transparent;transition:.2s}.btn-primary{background:linear-gradient(180deg,#25B1FF,#0789E2);color:#fff;box-shadow:0 10px 30px rgba(0,149,255,.22)}.btn-primary:hover{transform:translateY(-1px);color:#fff;box-shadow:0 14px 35px rgba(0,149,255,.32)}.btn-ghost{border-color:#245071;background:#081A2A;color:#d8eafa}.btn-ghost:hover{border-color:var(--blue);color:#fff}.hero-visual{position:relative;height:440px}.planet{position:absolute;width:360px;height:360px;border-radius:50%;right:-70px;bottom:-90px;background:radial-gradient(circle at 35% 25%,#174b69 0 8%,#0e304d 28%,#061727 60%,#020a12 76%);box-shadow:0 0 0 1px rgba(68,189,255,.25),0 -4px 26px rgba(30,167,255,.36),0 0 100px rgba(30,167,255,.13)}.planet:before{content:"";position:absolute;inset:-2px;border-radius:50%;border-top:4px solid rgba(81,204,255,.85);filter:blur(1px)}.satellite-card{position:absolute;left:15px;top:80px;width:330px;background:linear-gradient(180deg,rgba(9,36,59,.95),rgba(4,23,39,.96));border:1px solid #15507a;border-radius:17px;padding:20px;box-shadow:var(--shadow),0 0 46px rgba(0,148,255,.12);transform:rotate(-3deg)}.sat-head{display:flex;gap:7px;padding-bottom:15px;border-bottom:1px solid #133653}.sat-head span{width:7px;height:7px;border-radius:50%;background:#1b5f8d}.sat-head span:first-child{background:var(--blue)}.sat-lines{padding:20px 0}.sat-lines i{display:block;height:8px;background:#0f3654;border-radius:5px;margin:12px 0}.sat-lines i:nth-child(1){width:72%;background:#15517a}.sat-lines i:nth-child(2){width:92%}.sat-lines i:nth-child(3){width:80%}.sat-lines i:nth-child(4){width:58%}.sat-status{color:#8fc9eb;font-size:11px;letter-spacing:.12em;font-weight:800}.sat-status b{display:inline-block;width:8px;height:8px;background:#2ee69a;border-radius:50%;box-shadow:0 0 12px #2ee69a;margin-right:7px}.hero-orbit{position:absolute;border:1px solid rgba(30,167,255,.17);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:760px;height:260px;right:-100px;top:190px}.orbit-two{width:950px;height:330px;right:-180px;top:150px;border-color:rgba(30,167,255,.08)}.page-hero{padding:105px 0 55px;background:radial-gradient(circle at 85% 15%,rgba(30,167,255,.13),transparent 30%),linear-gradient(180deg,#041322,var(--bg));border-bottom:1px solid rgba(30,167,255,.1)}.page-hero h1{font-size:clamp(42px,6vw,68px);margin-bottom:0}.content-section{padding:70px 0}.content-card,.post-card{background:linear-gradient(180deg,rgba(8,29,48,.94),rgba(5,22,37,.95));border:1px solid rgba(44,121,169,.28);border-radius:var(--radius);box-shadow:0 16px 46px rgba(0,0,0,.18)}.content-card{padding:clamp(24px,5vw,58px)}.front-content{margin-top:-30px;position:relative;z-index:3}.entry-content h2,.entry-content h3,.entry-content h4{color:#fff;line-height:1.2;letter-spacing:-.025em;margin-top:1.8em}.entry-content h2{font-size:32px}.entry-content h3{font-size:24px}.entry-content p,.entry-content li{color:#b8cbd9}.entry-content strong{color:#eef8ff}.entry-content blockquote{margin:32px 0;padding:18px 24px;border-left:3px solid var(--blue);background:#061a2c;color:#d9ebf7}.entry-content table{width:100%;border-collapse:collapse;background:#061727}.entry-content th,.entry-content td{padding:13px 15px;border:1px solid #163a56}.entry-content th{background:#0a2942;color:#fff}.entry-content input,.entry-content textarea,.entry-content select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #1a4969;background:#041522;color:#fff}.entry-content button,.entry-content input[type=submit]{width:auto;background:#0b95eb;border-color:#0b95eb;font-weight:700;cursor:pointer}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{overflow:hidden}.post-thumb{display:block;aspect-ratio:16/9;background:#061727;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-card-body{padding:25px}.post-meta{font-size:12px;color:#6f91a9;text-transform:uppercase;letter-spacing:.09em}.post-card h2{font-size:22px;line-height:1.25}.post-card h2 a{color:#fff}.post-card p{color:#9bb2c4}.text-link{font-weight:700}.featured-image{margin:-58px -58px 38px}.featured-image img{width:100%;display:block;border-radius:18px 18px 0 0}.site-footer{border-top:1px solid rgba(31,117,170,.2);background:#020b14;padding:45px 0;color:#7895aa}.footer-inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1fr auto;gap:18px 40px;align-items:center}.footer-brand{font-size:23px;font-weight:850;color:#fff}.footer-inner p{margin:5px 0 0;font-size:14px}.footer-nav ul{list-style:none;display:flex;gap:20px;padding:0;margin:0}.footer-nav a{color:#91aabd;font-size:14px}.copyright{grid-column:1/-1;padding-top:20px;border-top:1px solid #0d2538;font-size:13px}.error-page{padding:130px 0}.error-page .content-card{text-align:center}.error-page h1{font-size:48px;margin:0 0 10px}.navigation.pagination{margin-top:35px}.nav-links{display:flex;gap:8px}.page-numbers{padding:8px 12px;border:1px solid #194666;border-radius:8px}.page-numbers.current{background:#0b95eb;color:#fff}.wp-block-button__link{background:#0b95eb}.wp-block-separator{border-color:#174362}.wp-block-image img{border-radius:14px}
@media(max-width:900px){.hero{min-height:720px}.hero-inner{grid-template-columns:1fr;gap:20px;padding:75px 0}.hero-visual{height:250px}.planet{width:260px;height:260px;right:0;bottom:-70px}.satellite-card{left:auto;right:100px;top:20px;width:270px}.post-grid{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;left:20px;right:20px;top:72px;background:#061727;border:1px solid #174362;border-radius:14px;padding:10px;box-shadow:var(--shadow)}.main-nav.is-open{display:block}.main-nav .menu{display:block}.main-nav a{padding:12px}.menu-toggle{display:block}.header-inner{height:72px}.custom-logo{max-height:48px}}
@media(max-width:620px){body{font-size:16px}.container,.narrow{width:min(100% - 28px,1180px)}.hero{min-height:670px}.hero-inner{padding:58px 0}.hero h1{font-size:52px}.hero-lead{font-size:19px}.hero-visual{height:220px}.satellite-card{right:40px;width:230px}.planet{right:-40px}.content-section{padding:42px 0}.content-card{padding:24px}.featured-image{margin:-24px -24px 28px}.post-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-nav ul{flex-wrap:wrap}.footer-nav{grid-column:1/-1}.brand-text{font-size:24px}.brand-mark{width:40px;height:40px}.page-hero{padding:75px 0 38px}.page-hero h1{font-size:42px}}

/* OrbitHub 1.1: bundled logo by default; WordPress Custom Logo overrides it. */
.brand-image img{display:block;width:auto;height:68px;max-width:330px;object-fit:contain;object-position:left center}
.custom-logo-wrap .custom-logo-link{display:flex;align-items:center}
.custom-logo-wrap .custom-logo{display:block;max-height:68px;max-width:330px;width:auto;height:auto;object-fit:contain}
@media(max-width:900px){.brand-image img,.custom-logo-wrap .custom-logo{height:56px;max-height:56px;max-width:270px}}
@media(max-width:620px){.brand-image img,.custom-logo-wrap .custom-logo{height:48px;max-height:48px;max-width:220px}}

/* OrbitHub 1.2: screenshot showcase + Raspberry Pi background */
.hero-visual{position:relative;height:500px;isolation:isolate;border-radius:26px}
.hero-visual::before{content:"";position:absolute;inset:5% -5% -2% 4%;z-index:-3;border-radius:42px;background:radial-gradient(circle at 62% 42%,rgba(30,167,255,.24),rgba(4,20,35,.05) 55%,transparent 74%);filter:blur(9px)}
.pi-backdrop{position:absolute;z-index:-2;inset:-7% -18% -10% -22%;background-image:linear-gradient(90deg,rgba(3,15,29,.48),rgba(3,15,29,.06)),url('../img/raspberry-pi-bg.png');background-size:cover;background-position:center;border-radius:34px;opacity:.20;filter:saturate(1.15) contrast(1.08);transform:rotate(-2deg) scale(1.04);mask-image:radial-gradient(ellipse at center,#000 42%,rgba(0,0,0,.9) 60%,transparent 88%)}
.dashboard-shot-card{position:absolute;top:26px;right:-6px;width:min(455px,94%);padding:10px;background:linear-gradient(180deg,rgba(9,34,56,.96),rgba(4,18,32,.96));border:1px solid rgba(47,176,255,.48);border-radius:17px;box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 46px rgba(30,167,255,.16);transform:rotate(1.25deg)}
.dashboard-shot-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.07),transparent 26%,transparent 72%,rgba(30,167,255,.05))}
.dashboard-shot-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center top;border-radius:11px;border:1px solid rgba(94,198,255,.17)}
.dashboard-shot-label{display:block;padding:3px 5px 9px;color:#dff5ff;font-size:10px;font-weight:850;letter-spacing:.17em}.dashboard-shot-label span{color:var(--blue)}
.visual-status{position:absolute;left:20px;bottom:62px;padding:11px 15px;border:1px solid rgba(46,230,154,.25);border-radius:12px;background:rgba(4,24,37,.82);box-shadow:0 14px 35px rgba(0,0,0,.24);color:#9fc3da;font-size:11px;font-weight:800;letter-spacing:.13em;backdrop-filter:blur(10px)}
.visual-status b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ee69a;box-shadow:0 0 13px #2ee69a;margin-right:8px}
@media(max-width:900px){.hero-visual{height:380px}.dashboard-shot-card{right:2%;width:min(520px,92%)}.pi-backdrop{inset:-8% -10% -4% -10%}.visual-status{bottom:20px}}
@media(max-width:620px){.hero-visual{height:300px}.dashboard-shot-card{top:8px;right:0;width:100%;padding:8px}.dashboard-shot-label{font-size:9px}.pi-backdrop{inset:-2% -24% -8% -20%;opacity:.18}.visual-status{left:8px;bottom:5px;padding:8px 10px;font-size:9px}}
