:root{
  --hero-bg:#0b1220;          /* Deep navy hero */
  --body-bg:#0f172a;          /* Slate main */
  --card-bg:#0f1b33;          /* Slightly different from body for contrast */
  --stroke:rgba(255,255,255,.08);
  --text:#e6edf9;
  --muted:#a9b3c8;
  --brand:#2dd4bf;            /* Teal brand to differ from specials page */
  --brand-2:#6366f1;          /* Indigo secondary */
  --btn-grad:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
}

*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;background:var(--body-bg);color:var(--text)}

/* Header / Hero */
header.hero-section{background:var(--hero-bg);border-bottom:1px solid var(--stroke)}
.navbar{padding:1rem 0}
.navbar .nav-link{color:#fff;opacity:.9}
.navbar .nav-link:hover{opacity:1;color:var(--brand)}
.hero-content{padding:48px 0 32px}
.hero-pre-title{letter-spacing:.12em;color:var(--brand);font-weight:800;margin-bottom:.25rem}
.hero-text h1{font-weight:900;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;margin:0 0 .5rem}
.hero-subtitle{color:#cfd6ea;max-width:46ch}
.btn-aurora{background:var(--btn-grad);border:none;border-radius:12px;padding:.85rem 1.25rem;font-weight:800;color:#fff}
.btn-aurora:hover{filter:brightness(1.06)}

/* SVG Animation (distinct palette) */
.svg-main-color{fill:#334e91}
.svg-accent-color{fill:#2dd4bf}
.server-unit rect{filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}

/* Plans */
.plans-section{padding:48px 0}
.section-title h2{font-weight:900;margin-bottom:.35rem}
.section-title p{color:var(--muted);max-width:75ch;margin:0 auto}
.plan-card{background:var(--card-bg);border:1px solid var(--stroke);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 10px 32px rgba(0,0,0,.35);transform:translateY(14px);opacity:0;animation:rise .6s ease forwards; transition: transform .3s ease, box-shadow .3s ease;}
.plan-card-header{padding:16px;border-bottom:1px solid var(--stroke);text-align:center}
.plan-card-header .plan-icon{color:var(--brand)}
.price-tag{font-size:1.6rem;font-weight:900}
.plan-card-body{padding:14px 16px 0;flex:1}
.plan-card-body ul{list-style:none;padding:0;margin:0}
.plan-card-body li{padding:.28rem 0;border-bottom:1px dashed var(--stroke)}
.plan-card-body li:last-child{border-bottom:0}
.location-info{color:#c7cee5;border-top:1px solid var(--stroke);padding:12px 0 0;margin:12px 0 0}
.plan-card-footer{padding:16px;border-top:1px solid var(--stroke)}
.btn-order{background:var(--btn-grad);border:none;border-radius:10px;font-weight:800;color:#fff;width:100%;padding:.8rem}
.plan-card:hover{transform:translateY(-4px); box-shadow: 0 0 15px var(--brand), 0 0 25px var(--brand-2);}

/* Features */
.features-section{padding:40px 0 16px}
.feature-item{background:var(--card-bg);border:1px solid var(--stroke);border-radius:14px;padding:18px;height:100%}
.feature-item i{color:var(--brand)}
.feature-item h3{margin:.4rem 0 .25rem;font-weight:800}
.feature-item p{color:var(--muted);margin:0}

/* Achievements */
.achievements-section{padding:40px 0 56px}
.achievement-card{background:var(--card-bg);border:1px solid var(--stroke);border-radius:16px;padding:16px;height:100%;text-align:center}
.achievement-card-title{margin:.35rem 0 .1rem;font-weight:800}
.achievement-card-description{color:var(--muted);margin:0}
.title-underline{display:block;height:4px;width:84px;background:var(--btn-grad);border-radius:999px;margin:.6rem auto 0}

/* Footer */
.site-footer{background:#0c1426;border-top:1px solid var(--stroke);padding:28px 0;color:#c7cee5}
.footer-logo{height:30px;margin-bottom:.6rem}
.social-icons a{color:#c7cee5;margin-right:10px}
.social-icons a:hover{color:var(--brand)}

@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.plans-section .col-lg-3:nth-child(1) .plan-card{animation-delay:.05s}
.plans-section .col-lg-3:nth-child(2) .plan-card{animation-delay:.12s}
.plans-section .col-lg-3:nth-child(3) .plan-card{animation-delay:.19s}
.plans-section .col-lg-3:nth-child(4) .plan-card{animation-delay:.26s}
@media (prefers-reduced-motion: reduce){.plan-card{animation:none;opacity:1;transform:none}}

.led-drive { fill: var(--brand-2); }
.typewriter-text { font-family: 'Courier New', Courier, monospace; font-size: 16px; font-weight: bold; fill: var(--brand); }