/*
Theme Name: EstateWiFi Landing
Theme URI: https://estatewifi.com
Author: EstateWiFi + ChatGPT
Description: A modern landing page theme with animated globe and satellites for EstateWiFi. Includes customizer settings for brand, colors, and CTA links.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: estatewifi-landing
Tags: landing, responsive, animation, business
*/
/* EstateWiFi Landing Theme Styles */
.ew-hero{min-height:100vh;background:var(--ew-bg);color:var(--ew-text);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}
.ew-topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}
.ew-brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:18px}
.ew-brand img{height:28px;width:auto;border-radius:6px}
.ew-nav a{color:#cfe0ff;text-decoration:none;margin-left:18px;opacity:.9}
.ew-nav a:hover{opacity:1}
.ew-stage{flex:1;display:grid;place-items:center;position:relative;padding:40px}
.ew-copy{position:relative;z-index:2;text-align:center;max-width:900px}
.ew-copy h1{font-size:52px;line-height:1.05;margin:12px 0 10px}
.ew-copy p{font-size:18px;opacity:.9;margin-bottom:22px}
.ew-cta{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:16px;max-width:700px;margin:0 auto}
.ew-btn{display:inline-block;text-align:center;padding:14px 16px;border-radius:16px;background:var(--ew-card);backdrop-filter:saturate(180%) blur(6px);text-decoration:none;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.ew-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.ew-globe{position:relative;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #1a3e66, #0c2440 70%);box-shadow:inset -30px -30px 60px rgba(0,0,0,.5), 0 20px 60px rgba(0,0,0,.35)}
.ew-globe:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.15), transparent 50%)}
.ew-orbit{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(255,255,255,.25);transform:rotateX(65deg);animation:spin 30s linear infinite}
.ew-o2{transform:rotateX(65deg) rotateZ(40deg);opacity:.8;animation-duration:40s}
.ew-o3{transform:rotateX(65deg) rotateZ(-40deg);opacity:.6;animation-duration:50s}
.ew-sat{position:absolute;width:10px;height:10px;background:#cfe0ff;border-radius:2px;box-shadow:14px -6px 0 2px rgba(255,255,255,.2)}
.ew-s1{top:50%;left:0;transform-origin:170px -30px;animation:orbit1 14s linear infinite}
.ew-s2{top:10%;left:50%;transform-origin:-10px 170px;animation:orbit2 18s linear infinite}
.ew-s3{top:70%;left:70%;transform-origin:-120px -130px;animation:orbit3 22s linear infinite}
@keyframes spin{to{transform:rotateX(65deg) rotateZ(360deg)}}
@keyframes orbit1{to{transform:rotate(360deg)}}
@keyframes orbit2{to{transform:rotate(-360deg)}}
@keyframes orbit3{to{transform:rotate(360deg)}}
.ew-footer{padding:22px 28px;text-align:center;opacity:.7;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:720px){
  .ew-copy h1{font-size:36px}
  .ew-cta{grid-template-columns:1fr}
  .ew-globe{width:260px;height:260px}
}