/*
Theme Name: EstateWiFi Mars Command
Theme URI: https://estatewifi.com
Author: EstateWiFi + OpenAI
Description: Futuristic EstateWiFi landing theme inspired by a Mars network command center. Includes WooCommerce plan cards, space visuals, animated network nodes, responsive layout and Customizer settings.
Version: 2.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: estatewifi-mars-command
Tags: landing-page, woocommerce, responsive, dark, business, space
*/

:root{--ew-bg:#02040b;--ew-bg2:#07111f;--ew-card:rgba(8,18,34,.72);--ew-accent:#20a7ff;--ew-orange:#ff6138;--ew-text:#fff;--ew-muted:#9eb2ca;--ew-line:rgba(119,184,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02040b;color:var(--ew-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ew-hero{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(37,89,165,.2),transparent 32%),linear-gradient(180deg,#01030a,#040917 48%,#070b15);isolation:isolate}.ew-space{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ew-stars{position:absolute;inset:-10%;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(116,183,255,.7) 0 .8px,transparent 1.3px);background-size:91px 87px,157px 149px;animation:drift 80s linear infinite}.ew-stars.s2{opacity:.38;background-size:211px 197px,127px 211px;animation-duration:120s;animation-direction:reverse}.ew-nebula{position:absolute;width:70vw;height:45vw;border-radius:50%;filter:blur(45px);opacity:.16}.ew-nebula.n1{left:-20%;top:10%;background:radial-gradient(circle,#1767d1,transparent 60%)}.ew-nebula.n2{right:-25%;bottom:10%;background:radial-gradient(circle,#e64d32,transparent 60%)}.ew-grid{position:absolute;left:-10%;right:-10%;bottom:-20%;height:40%;transform:perspective(500px) rotateX(62deg);background-image:linear-gradient(rgba(32,167,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(32,167,255,.2) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to top,#000,transparent)}
.ew-topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(1,4,10,.5);backdrop-filter:blur(16px)}.ew-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.ew-brand img{max-height:34px;width:auto}.ew-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#0e5cba,#24b5ff);box-shadow:0 0 25px rgba(32,167,255,.35)}.ew-nav{display:flex;gap:24px;align-items:center}.ew-nav a{color:#cfe2fb;text-decoration:none;font-size:14px}.ew-nav a:hover{color:#fff}.ew-nav .ew-nav-cta{padding:10px 18px;border-radius:999px;background:#087de0;box-shadow:0 0 22px rgba(32,167,255,.25)}
.ew-main{position:relative;z-index:2}.ew-hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:30px;max-width:1400px;margin:auto;padding:70px 5vw 40px}.ew-copy{text-align:left;max-width:650px}.ew-kicker{color:#20b9ff;letter-spacing:.13em;text-transform:uppercase;font-size:13px;font-weight:700}.ew-copy h1{font-size:clamp(48px,6vw,82px);line-height:.98;margin:18px 0}.ew-copy h1 span{color:var(--ew-orange);text-shadow:0 0 30px rgba(255,97,56,.22)}.ew-copy p{font-size:18px;line-height:1.7;color:#b8c7d9;max-width:600px}.ew-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.ew-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);transition:.25s}.ew-btn:hover{transform:translateY(-2px);border-color:rgba(32,167,255,.55)}.ew-btn.primary{background:#087de0;border-color:#087de0;box-shadow:0 10px 35px rgba(32,167,255,.22)}
.ew-mars-wrap{position:relative;min-height:530px;display:grid;place-items:center}.ew-mars{width:min(44vw,570px);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#f7a56e,#c85a37 42%,#6e271f 75%,#210d12 100%);box-shadow:inset -70px -40px 100px rgba(0,0,0,.72),inset 35px 15px 50px rgba(255,210,158,.16),0 0 90px rgba(224,71,40,.18);animation:float 8s ease-in-out infinite}.ew-mars:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 60% 34%,rgba(55,16,15,.45) 0 8%,transparent 9%),radial-gradient(circle at 35% 68%,rgba(66,19,17,.5) 0 12%,transparent 13%),radial-gradient(circle at 73% 72%,rgba(71,22,17,.48) 0 7%,transparent 8%),radial-gradient(circle at 22% 25%,rgba(255,207,160,.2),transparent 20%)}.ew-mars:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 23%,transparent 50%,rgba(0,0,0,.58) 100%)}.ew-node{position:absolute;width:13px;height:13px;border-radius:50%;background:#43c5ff;border:3px solid rgba(255,255,255,.65);box-shadow:0 0 0 7px rgba(32,167,255,.12),0 0 24px #20a7ff;animation:pulse 2s ease-in-out infinite}.ew-node:after{content:"";position:absolute;width:80px;height:1px;left:10px;top:6px;background:linear-gradient(90deg,#20a7ff,transparent);transform-origin:left}.n-a{left:28%;top:37%}.n-b{left:61%;top:45%}.n-c{left:48%;top:70%}.n-d{left:76%;top:65%}.ew-satellite{position:absolute;width:90px;height:32px;right:8%;top:8%;background:linear-gradient(90deg,#2d79a9 0 36%,transparent 36% 64%,#2d79a9 64%);transform:rotate(-16deg);filter:drop-shadow(0 0 12px #2ca8ff);animation:sat 6s ease-in-out infinite}.ew-satellite:before{content:"";position:absolute;left:39px;top:9px;width:12px;height:14px;background:#d6e8ff;border-radius:3px}.ew-beam{position:absolute;height:2px;width:190px;background:linear-gradient(90deg,rgba(31,183,255,.8),transparent);transform-origin:left;filter:drop-shadow(0 0 6px #20a7ff);opacity:.7}.b1{right:13%;top:16%;transform:rotate(122deg)}.b2{right:17%;top:19%;transform:rotate(138deg)}
.ew-stats{max-width:1250px;margin:-10px auto 70px;padding:0 5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:4}.ew-stat{padding:22px;border:1px solid var(--ew-line);background:rgba(4,12,24,.72);border-radius:18px;backdrop-filter:blur(14px)}.ew-stat strong{display:block;font-size:30px}.ew-stat span{color:#7f94ac;font-size:13px}
.ew-section{position:relative;padding:90px 5vw;background:linear-gradient(180deg,rgba(2,5,12,.2),rgba(3,8,17,.96))}.ew-section.alt{background:linear-gradient(180deg,#050b16,#02050c)}.ew-container{max-width:1250px;margin:auto}.ew-section-head{text-align:center;margin-bottom:45px}.ew-section-head .eyebrow{color:#22b8ff;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}.ew-section-head h2{font-size:clamp(32px,4vw,52px);margin:10px 0}.ew-section-head p{color:#91a4bb}.ew-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ew-card{border:1px solid var(--ew-line);background:linear-gradient(145deg,rgba(13,29,51,.82),rgba(4,10,20,.72));border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.ew-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(32,167,255,.1);border:1px solid rgba(32,167,255,.2);font-size:24px;margin-bottom:20px}.ew-card h3{margin:0 0 10px}.ew-card p{color:#8fa3ba;line-height:1.6;margin:0}
.ew-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ew-plan{position:relative;display:flex;flex-direction:column;border:1px solid rgba(108,160,215,.2);border-radius:22px;padding:28px;background:linear-gradient(180deg,rgba(13,24,41,.88),rgba(5,10,19,.9));overflow:hidden}.ew-plan.popular{border-color:rgba(255,97,56,.65);box-shadow:0 0 45px rgba(255,97,56,.09)}.ew-plan-badge{position:absolute;top:15px;right:15px;background:var(--ew-orange);font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px}.ew-plan h3{font-size:21px;margin:0 0 8px}.ew-plan .desc{min-height:48px;color:#879bb1;font-size:13px}.ew-price{font-size:34px;font-weight:800;margin:22px 0 3px}.ew-price small{font-size:12px;color:#8296ad;font-weight:500}.ew-plan ul{padding:0;margin:20px 0;list-style:none;display:grid;gap:10px;color:#c3d1df;font-size:13px}.ew-plan li:before{content:'✓';color:#31c4ff;margin-right:8px}.ew-plan .ew-btn{margin-top:auto}.ew-plan.popular .ew-btn{background:var(--ew-orange);border-color:var(--ew-orange)}
.ew-status{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.ew-map{min-height:360px;border-radius:24px;border:1px solid var(--ew-line);background:radial-gradient(circle at 50% 50%,rgba(32,167,255,.18),transparent 42%),linear-gradient(135deg,#061326,#02060d);position:relative;overflow:hidden}.ew-map:before{content:"";position:absolute;inset:15%;border:1px solid rgba(32,167,255,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(32,167,255,.025),0 0 0 95px rgba(32,167,255,.02)}.ew-map-dot{position:absolute;width:10px;height:10px;background:#24b8ff;border-radius:50%;box-shadow:0 0 20px #20a7ff}.ew-map-dot.d1{left:34%;top:42%}.ew-map-dot.d2{left:62%;top:32%}.ew-map-dot.d3{left:58%;top:66%}.ew-map-dot.d4{left:29%;top:69%}.ew-panel{border:1px solid var(--ew-line);border-radius:24px;padding:28px;background:rgba(7,16,30,.78)}.ew-panel-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#8ea4bb}.ew-panel-row strong{color:#fff}
.ew-footer{position:relative;z-index:3;padding:35px 5vw;border-top:1px solid rgba(255,255,255,.07);background:#01030a;text-align:center;color:#74889f}.ew-woocommerce-note{font-size:12px;color:#72869d;margin-top:14px}
@keyframes drift{to{transform:translate3d(-2%,2%,0)}}@keyframes float{50%{transform:translateY(10px)}}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(32,167,255,.04),0 0 30px #20a7ff}}@keyframes sat{50%{transform:translate(-10px,12px) rotate(-12deg)}}
@media(max-width:1050px){.ew-hero-grid{grid-template-columns:1fr}.ew-copy{text-align:center;margin:auto}.ew-cta{justify-content:center}.ew-mars-wrap{min-height:430px}.ew-mars{width:min(70vw,500px)}.ew-features,.ew-plans{grid-template-columns:repeat(2,1fr)}.ew-stats{grid-template-columns:repeat(2,1fr)}.ew-status{grid-template-columns:1fr}.ew-nav{display:none}}
@media(max-width:650px){.ew-topbar{padding:16px 5vw}.ew-hero-grid{padding-top:45px}.ew-copy h1{font-size:45px}.ew-copy p{font-size:16px}.ew-mars-wrap{min-height:330px}.ew-mars{width:310px}.ew-stats,.ew-features,.ew-plans{grid-template-columns:1fr}.ew-stat{padding:18px}.ew-section{padding:65px 5vw}.ew-card,.ew-plan{padding:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}