/* Host Anchor - Main Stylesheet
   Optimized for performance and accessibility
   ========================================== */

/* CSS Reset & Base */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}

/* CSS Custom Properties - Brand Colors */
:root{
  /* Primary Brand Colors */
  --ha-blue:#20a7df;
  --ha-blue-dark:#1890c0;
  --ha-blue-light:#4fb9e6;
  --ha-gray:#58585a;
  --ha-dark:#2b2b2c;
  --ha-light:#f7f9fb;
  --ha-white:#fff;

  /* Status Colors */
  --ha-success:#10B981;
  --ha-warning:#F59E0B;
  --ha-error:#EF4444;

  /* Extended Palette */
  --ha-border:#E2E8F0;
  --ha-muted:#64748B;

  /* Design Tokens */
  --ha-radius:16px;
  --ha-radius-sm:10px;
  --ha-radius-lg:20px;
  --ha-shadow:0 4px 20px rgba(32,167,223,.12);
  --ha-shadow-lg:0 8px 32px rgba(32,167,223,.18);
  --ha-shadow-xl:0 12px 48px rgba(32,167,223,.22);

  /* Typography */
  --ha-font-sans:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  --ha-font-display:"Poppins","Inter","Segoe UI",sans-serif;

  /* Spacing */
  --ha-space-xs:0.5rem;
  --ha-space-sm:1rem;
  --ha-space-md:1.5rem;
  --ha-space-lg:2rem;
  --ha-space-xl:3rem;
  --ha-space-2xl:4rem;

  /* Container */
  --ha-container:1200px;
}

/* Base Typography */
body{
  font-family:var(--ha-font-sans);
  color:var(--ha-dark);
  background:var(--ha-white);
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--ha-font-display);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-0.02em;
}

/* Layout */
.ha-page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.ha-wrap{
  width:100%;
  max-width:var(--ha-container);
  margin:0 auto;
  padding:0 clamp(18px,4vw,32px);
}

/* Skip Link - Accessibility */
.skip-link{
  position:absolute;
  top:-40px;
  left:0;
  background:var(--ha-dark);
  color:var(--ha-white);
  padding:8px 16px;
  z-index:1000;
  text-decoration:none;
  border-radius:0 0 var(--ha-radius-sm) 0;
}
.skip-link:focus{
  top:0;
}

/* Header/Navigation */
.ha-header{
  background:var(--ha-white);
  border-bottom:1px solid var(--ha-border);
  padding:clamp(12px,2vw,16px) 0;
  position:sticky;
  top:0;
  z-index:100;
}
.ha-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ha-space-md);
  flex-wrap:wrap;
}
.ha-logo{
  height:clamp(44px,6vw,56px);
  width:auto;
  object-fit:contain;
}
.ha-nav-links{
  display:flex;
  align-items:center;
  gap:clamp(16px,3vw,32px);
  list-style:none;
}
.ha-nav-link{
  color:var(--ha-dark);
  text-decoration:none;
  font-weight:500;
  padding:8px 4px;
  transition:color 0.2s ease;
}
.ha-nav-link:hover,
.ha-nav-link:focus{
  color:var(--ha-blue);
}
.ha-nav-link[aria-current="page"]{
  color:var(--ha-blue);
}

/* Hero Section */
.ha-hero{
  background:linear-gradient(135deg,var(--ha-blue) 0%,var(--ha-blue-dark) 100%);
  padding:clamp(60px,10vw,120px) 0;
  position:relative;
  overflow:hidden;
}
.ha-hero::before{
  content:'';
  position:absolute;
  top:-30%;
  right:-10%;
  width:800px;
  height:800px;
  background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);
  pointer-events:none;
}
.ha-hero-content{
  display:grid;
  gap:clamp(32px,5vw,48px);
  align-items:center;
  position:relative;
  z-index:1;
}
@media(min-width:920px){
  .ha-hero-content{grid-template-columns:1fr 1fr}
}
.ha-hero h1{
  font-size:clamp(32px,5vw,56px);
  color:var(--ha-white);
  margin-bottom:var(--ha-space-md);
  line-height:1.1;
}
.ha-hero-text{
  font-size:clamp(17px,2vw,20px);
  color:rgba(255,255,255,.95);
  line-height:1.7;
  margin-bottom:var(--ha-space-lg);
}
.ha-hero-img{
  position:relative;
}
.ha-hero-img img{
  width:100%;
  height:auto;
  border-radius:var(--ha-radius);
  box-shadow:0 12px 40px rgba(0,0,0,.25);
}

/* Hero Dashboard Mockup */
.ha-hero-graphic{
  display:flex;
  justify-content:center;
  align-items:center;
}
.ha-dashboard-mockup{
  background:rgba(255,255,255,.95);
  border-radius:var(--ha-radius);
  box-shadow:0 12px 40px rgba(0,0,0,.25);
  overflow:hidden;
  width:100%;
  max-width:420px;
}
.ha-dashboard-header{
  background:#f1f5f9;
  padding:12px 16px;
  display:flex;
  gap:8px;
}
.ha-dashboard-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e2e8f0;
}
.ha-dashboard-dot:first-child{background:#ef4444}
.ha-dashboard-dot:nth-child(2){background:#eab308}
.ha-dashboard-dot:nth-child(3){background:#22c55e}
.ha-dashboard-content{
  padding:24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.ha-dashboard-stat{
  text-align:center;
  padding:16px 8px;
  background:#f8fafc;
  border-radius:8px;
}
.ha-stat-value{
  display:block;
  font-size:clamp(20px,3vw,28px);
  font-weight:700;
  color:var(--ha-blue);
  line-height:1.2;
}
.ha-stat-label{
  display:block;
  font-size:12px;
  color:#64748b;
  margin-top:4px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.ha-dashboard-chart{
  grid-column:1/-1;
  display:flex;
  align-items:flex-end;
  gap:8px;
  height:80px;
  padding:16px;
  background:#f8fafc;
  border-radius:8px;
}
.ha-chart-bar{
  flex:1;
  background:linear-gradient(to top,var(--ha-blue),var(--ha-teal));
  border-radius:4px 4px 0 0;
  min-height:10%;
}

/* Compact Hero (for inner pages) */
.ha-hero-compact{
  padding:clamp(40px,6vw,60px) 0;
  text-align:center;
}
.ha-hero-compact h1{
  font-size:clamp(28px,4vw,48px);
  margin-bottom:var(--ha-space-sm);
}
.ha-hero-compact .ha-hero-text{
  max-width:700px;
  margin:0 auto;
}

/* Buttons */
.ha-btn{
  appearance:none;
  border:0;
  cursor:pointer;
  padding:14px 28px;
  border-radius:var(--ha-radius-sm);
  font-weight:600;
  font-size:16px;
  letter-spacing:0.02em;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:all 0.25s ease;
}
.ha-btn:focus-visible{
  outline:3px solid var(--ha-blue-light);
  outline-offset:2px;
}
.ha-btn-primary{
  background:var(--ha-white);
  color:var(--ha-blue);
  box-shadow:0 4px 16px rgba(0,0,0,.15);
}
.ha-btn-primary:hover{
  background:#f5f5f5;
  transform:translateY(-2px);
  box-shadow:0 6px 24px rgba(0,0,0,.2);
}
.ha-btn-secondary{
  background:transparent;
  color:var(--ha-white);
  border:2px solid rgba(255,255,255,.4);
}
.ha-btn-secondary:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.7);
}
.ha-btn-blue{
  background:var(--ha-blue);
  color:var(--ha-white);
  box-shadow:0 4px 16px rgba(32,167,223,.3);
}
.ha-btn-blue:hover{
  background:var(--ha-blue-dark);
  transform:translateY(-2px);
  box-shadow:0 6px 24px rgba(32,167,223,.4);
}
.ha-btn-dark{
  background:var(--ha-dark);
  color:var(--ha-white);
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}
.ha-btn-dark:hover{
  background:#1a1a1b;
  transform:translateY(-2px);
}
.ha-btn-group{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Sections */
.ha-section{
  padding:clamp(60px,10vw,100px) 0;
}
.ha-section-alt{
  background:linear-gradient(180deg,#f0f9fc 0%,var(--ha-white) 100%);
}
.ha-section-header{
  text-align:center;
  max-width:800px;
  margin:0 auto clamp(40px,6vw,64px);
}
.ha-label{
  color:var(--ha-blue);
  font-weight:600;
  font-size:14px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-bottom:12px;
  display:block;
}
.ha-section h2{
  font-size:clamp(28px,4vw,44px);
  margin-bottom:var(--ha-space-sm);
  color:var(--ha-dark);
}
.ha-section-intro{
  font-size:clamp(16px,1.8vw,19px);
  color:var(--ha-gray);
  line-height:1.7;
}

/* Service Cards Grid */
.ha-services-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,3vw,32px);
}
@media(min-width:640px){
  .ha-services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .ha-services-grid.three-col{grid-template-columns:repeat(3,1fr)}
}

.ha-service-card{
  background:var(--ha-white);
  border-radius:var(--ha-radius);
  padding:clamp(28px,4vw,40px);
  box-shadow:var(--ha-shadow);
  border:1px solid rgba(32,167,223,.08);
  transition:all 0.3s ease;
  text-align:center;
}
.ha-service-card:hover{
  box-shadow:var(--ha-shadow-lg);
  transform:translateY(-6px);
  border-color:rgba(32,167,223,.2);
}
.ha-service-icon{
  width:68px;
  height:68px;
  margin:0 auto var(--ha-space-md);
  background:linear-gradient(135deg,rgba(32,167,223,.12),rgba(32,167,223,.05));
  border-radius:var(--ha-radius);
  display:flex;
  align-items:center;
  justify-content:center;
}
.ha-service-icon svg{
  width:34px;
  height:34px;
  color:var(--ha-blue);
}
.ha-service-card h3{
  font-size:clamp(20px,2.2vw,24px);
  margin-bottom:12px;
  color:var(--ha-dark);
}
.ha-service-card p{
  color:var(--ha-gray);
  line-height:1.65;
}

/* Features List */
.ha-features{
  display:grid;
  gap:clamp(24px,4vw,36px);
}
@media(min-width:768px){
  .ha-features{grid-template-columns:1fr 1fr}
}
.ha-feature{
  display:flex;
  gap:20px;
  align-items:start;
}
.ha-feature-icon{
  width:52px;
  height:52px;
  background:linear-gradient(135deg,rgba(32,167,223,.15),rgba(32,167,223,.08));
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ha-feature-icon svg{
  width:26px;
  height:26px;
  color:var(--ha-blue);
}
.ha-feature h3{
  font-size:clamp(18px,2vw,22px);
  margin-bottom:8px;
  color:var(--ha-dark);
}
.ha-feature p{
  color:var(--ha-gray);
  line-height:1.65;
}

/* Plans Grid */
.ha-plans-grid{
  display:grid;
  gap:clamp(24px,3vw,32px);
}
@media(min-width:920px){
  .ha-plans-grid{grid-template-columns:1fr 1fr}
}

.ha-plan-card{
  background:var(--ha-white);
  border-radius:var(--ha-radius);
  box-shadow:var(--ha-shadow);
  padding:clamp(28px,4vw,40px);
  transition:all 0.3s ease;
  border:1px solid rgba(32,167,223,.08);
}
.ha-plan-card:hover{
  box-shadow:var(--ha-shadow-lg);
  transform:translateY(-4px);
  border-color:rgba(32,167,223,.2);
}
.ha-plan-header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:var(--ha-space-sm);
}
.ha-plan-icon{
  width:48px;
  height:48px;
  color:var(--ha-blue);
  flex-shrink:0;
}
.ha-plan-card h3{
  font-size:clamp(22px,2.5vw,28px);
  color:var(--ha-dark);
}
.ha-badge{
  display:inline-block;
  background:rgba(32,167,223,.1);
  color:var(--ha-blue);
  padding:6px 14px;
  border-radius:20px;
  font-size:14px;
  font-weight:600;
  margin-bottom:var(--ha-space-sm);
}
.ha-plan-desc{
  color:var(--ha-gray);
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.6;
  margin-bottom:var(--ha-space-md);
}

/* Feature Lists */
.ha-list{
  display:grid;
  gap:16px;
  list-style:none;
}
.ha-list-item{
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:start;
  gap:14px;
  padding:10px 0;
  border-bottom:1px solid var(--ha-border);
}
.ha-list-item:last-child{
  border-bottom:none;
}
.ha-list-icon{
  width:24px;
  height:24px;
  color:var(--ha-blue);
  margin-top:2px;
}
.ha-list-item strong{
  color:var(--ha-dark);
  font-weight:600;
}
.ha-muted{
  color:var(--ha-muted);
  font-size:0.9em;
}

/* Differentiators Band */
.ha-band{
  background:var(--ha-white);
  border-radius:var(--ha-radius);
  padding:clamp(32px,5vw,48px);
  box-shadow:var(--ha-shadow);
  border:2px solid rgba(32,167,223,.12);
}
.ha-band h3{
  font-size:clamp(24px,3vw,32px);
  color:var(--ha-dark);
  margin-bottom:var(--ha-space-lg);
  display:flex;
  align-items:center;
  gap:14px;
}
.ha-band .ha-list-item{
  padding:14px 0;
}

/* CTA Section */
.ha-cta{
  background:linear-gradient(135deg,var(--ha-blue) 0%,var(--ha-blue-dark) 100%);
  border-radius:var(--ha-radius);
  padding:clamp(48px,7vw,72px);
  text-align:center;
  box-shadow:var(--ha-shadow-xl);
  margin:clamp(40px,6vw,60px) auto;
  max-width:960px;
  position:relative;
  overflow:hidden;
}
.ha-cta::before{
  content:'';
  position:absolute;
  top:-50%;
  right:-20%;
  width:500px;
  height:500px;
  background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);
  pointer-events:none;
}
.ha-cta h2{
  color:var(--ha-white);
  font-size:clamp(28px,4vw,40px);
  margin-bottom:var(--ha-space-sm);
  position:relative;
}
.ha-cta p{
  color:rgba(255,255,255,.95);
  font-size:clamp(16px,1.8vw,19px);
  margin-bottom:var(--ha-space-lg);
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.7;
  position:relative;
}
.ha-cta .ha-btn-group{
  justify-content:center;
  position:relative;
}

/* Dark CTA Variant */
.ha-cta-dark{
  background:linear-gradient(135deg,var(--ha-dark) 0%,#1a1a1b 100%);
  border:1px solid rgba(255,255,255,.05);
}

/* Footer */
.ha-footer{
  background:var(--ha-dark);
  color:rgba(255,255,255,.8);
  padding:clamp(48px,6vw,72px) 0 clamp(24px,3vw,32px);
  margin-top:auto;
}
.ha-footer-grid{
  display:grid;
  gap:clamp(32px,4vw,48px);
  margin-bottom:clamp(32px,4vw,48px);
}
@media(min-width:768px){
  .ha-footer-grid{grid-template-columns:2fr 1fr 1fr}
}
.ha-footer-brand{
  max-width:360px;
}
.ha-footer-logo{
  height:48px;
  width:auto;
  margin-bottom:var(--ha-space-md);
  filter:brightness(0) invert(1);
}
.ha-footer-desc{
  line-height:1.7;
  margin-bottom:var(--ha-space-md);
}
.ha-footer h4{
  color:var(--ha-white);
  font-size:16px;
  margin-bottom:var(--ha-space-md);
  font-weight:600;
}
.ha-footer-links{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ha-footer-link{
  color:rgba(255,255,255,.7);
  text-decoration:none;
  transition:color 0.2s ease;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.ha-footer-link:hover{
  color:var(--ha-white);
}
.ha-footer-link svg{
  width:18px;
  height:18px;
}
.ha-footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:clamp(24px,3vw,32px);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--ha-space-md);
  font-size:14px;
  color:rgba(255,255,255,.6);
}
.ha-footer-bottom a{
  color:rgba(255,255,255,.7);
  text-decoration:none;
}
.ha-footer-bottom a:hover{
  color:var(--ha-white);
}

/* 404 Page */
.ha-404{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:60vh;
  padding:var(--ha-space-xl);
}
.ha-404 h1{
  font-size:clamp(72px,15vw,140px);
  color:var(--ha-blue);
  line-height:1;
  margin-bottom:var(--ha-space-md);
}
.ha-404 h2{
  font-size:clamp(24px,4vw,36px);
  margin-bottom:var(--ha-space-sm);
}
.ha-404 p{
  color:var(--ha-gray);
  font-size:clamp(16px,2vw,18px);
  margin-bottom:var(--ha-space-lg);
  max-width:500px;
}

/* Utility Classes */
.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.text-center{text-align:center}
.text-left{text-align:left}

/* Theme Toggle Button */
.ha-theme-toggle{
  appearance:none;
  background:rgba(32,167,223,.1);
  border:2px solid var(--ha-blue);
  border-radius:var(--ha-radius-sm);
  cursor:pointer;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all 0.2s ease;
  color:var(--ha-blue);
}
.ha-theme-toggle:hover{
  background:rgba(32,167,223,.2);
  border-color:var(--ha-blue-dark);
  color:var(--ha-blue-dark);
}
.ha-theme-toggle svg{
  width:20px;
  height:20px;
}
.ha-theme-toggle .sun-icon{display:none}
.ha-theme-toggle .moon-icon{display:block}

/* Dark Mode Styles - shared between auto and manual */
.dark-mode-styles,
[data-theme="dark"],
html:not([data-theme="light"]) body.system-dark{
  --ha-dark:#F8FAFC;
  --ha-gray:#94A3B8;
  --ha-light:#0F172A;
  --ha-white:#1E293B;
  --ha-border:#334155;
  --ha-muted:#64748B;
  --ha-shadow:0 4px 20px rgba(0,0,0,.4);
  --ha-shadow-lg:0 8px 32px rgba(0,0,0,.5);
  --ha-shadow-xl:0 12px 48px rgba(0,0,0,.6);
}

/* Dark Mode - Manual Toggle */
[data-theme="dark"]{
  background:#0F172A;
}
[data-theme="dark"] .ha-header{
  background:#1E293B;
  border-bottom-color:#334155;
}
[data-theme="dark"] .ha-logo{
  filter:brightness(0) invert(1);
}
[data-theme="dark"] .ha-service-card,
[data-theme="dark"] .ha-plan-card,
[data-theme="dark"] .ha-band,
[data-theme="dark"] .ha-form-card,
[data-theme="dark"] .ha-contact-card{
  background:#1E293B;
  border-color:#334155;
}
[data-theme="dark"] .ha-service-card:hover,
[data-theme="dark"] .ha-plan-card:hover,
[data-theme="dark"] .ha-contact-card:hover{
  border-color:#4A9FD4;
}
[data-theme="dark"] .ha-section-alt{
  background:linear-gradient(180deg,#0c1222 0%,#0F172A 100%);
}
[data-theme="dark"] .ha-service-icon,
[data-theme="dark"] .ha-feature-icon,
[data-theme="dark"] .ha-contact-card-icon{
  background:linear-gradient(135deg,rgba(32,167,223,.2),rgba(32,167,223,.1));
}
[data-theme="dark"] .ha-form input,
[data-theme="dark"] .ha-form textarea,
[data-theme="dark"] .ha-form select{
  background:#0F172A;
  border-color:#334155;
  color:#F8FAFC;
}
[data-theme="dark"] .ha-form input::placeholder,
[data-theme="dark"] .ha-form textarea::placeholder{
  color:#64748B;
}
[data-theme="dark"] .ha-form input:focus,
[data-theme="dark"] .ha-form textarea:focus,
[data-theme="dark"] .ha-form select:focus{
  border-color:var(--ha-blue);
  box-shadow:0 0 0 4px rgba(32,167,223,.25);
}
[data-theme="dark"] .ha-list-item{
  border-bottom-color:#334155;
}
[data-theme="dark"] .ha-badge{
  background:rgba(32,167,223,.2);
}
[data-theme="dark"] .ha-response-promise{
  background:linear-gradient(135deg,rgba(32,167,223,.15),rgba(32,167,223,.08));
  border-color:rgba(32,167,223,.2);
}
[data-theme="dark"] .ha-footer{
  background:#0a0f1a;
  border-top:1px solid #334155;
}
[data-theme="dark"] .ha-footer-logo{
  filter:brightness(0) invert(1);
}
[data-theme="dark"] .skip-link{
  background:var(--ha-blue);
  color:#fff;
}
[data-theme="dark"] .ha-404 h2{
  color:#F8FAFC;
}
[data-theme="dark"] .ha-form-message.success{
  background:rgba(16,185,129,.15);
  border-color:rgba(16,185,129,.4);
  color:#6EE7B7;
}
[data-theme="dark"] .ha-form-message.error{
  background:rgba(239,68,68,.15);
  border-color:rgba(239,68,68,.4);
  color:#FCA5A5;
}
[data-theme="dark"] .ha-btn-primary{
  background:#F8FAFC;
  color:var(--ha-blue);
}
[data-theme="dark"] .ha-btn-primary:hover{
  background:#E2E8F0;
}
[data-theme="dark"] .ha-theme-toggle .sun-icon{display:block}
[data-theme="dark"] .ha-theme-toggle .moon-icon{display:none}

/* Dark Mode - Auto (System Preference) when no manual override */
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]){
    --ha-dark:#F8FAFC;
    --ha-gray:#94A3B8;
    --ha-light:#0F172A;
    --ha-white:#1E293B;
    --ha-border:#334155;
    --ha-muted:#64748B;
    --ha-shadow:0 4px 20px rgba(0,0,0,.4);
    --ha-shadow-lg:0 8px 32px rgba(0,0,0,.5);
    --ha-shadow-xl:0 12px 48px rgba(0,0,0,.6);
    background:#0F172A;
  }
  html:not([data-theme="light"]) .ha-header{
    background:#1E293B;
    border-bottom-color:#334155;
  }
  html:not([data-theme="light"]) .ha-logo{
    filter:brightness(0) invert(1);
  }
  html:not([data-theme="light"]) .ha-service-card,
  html:not([data-theme="light"]) .ha-plan-card,
  html:not([data-theme="light"]) .ha-band,
  html:not([data-theme="light"]) .ha-form-card,
  html:not([data-theme="light"]) .ha-contact-card{
    background:#1E293B;
    border-color:#334155;
  }
  html:not([data-theme="light"]) .ha-service-card:hover,
  html:not([data-theme="light"]) .ha-plan-card:hover,
  html:not([data-theme="light"]) .ha-contact-card:hover{
    border-color:#4A9FD4;
  }
  html:not([data-theme="light"]) .ha-section-alt{
    background:linear-gradient(180deg,#0c1222 0%,#0F172A 100%);
  }
  html:not([data-theme="light"]) .ha-service-icon,
  html:not([data-theme="light"]) .ha-feature-icon,
  html:not([data-theme="light"]) .ha-contact-card-icon{
    background:linear-gradient(135deg,rgba(32,167,223,.2),rgba(32,167,223,.1));
  }
  html:not([data-theme="light"]) .ha-form input,
  html:not([data-theme="light"]) .ha-form textarea,
  html:not([data-theme="light"]) .ha-form select{
    background:#0F172A;
    border-color:#334155;
    color:#F8FAFC;
  }
  html:not([data-theme="light"]) .ha-form input::placeholder,
  html:not([data-theme="light"]) .ha-form textarea::placeholder{
    color:#64748B;
  }
  html:not([data-theme="light"]) .ha-form input:focus,
  html:not([data-theme="light"]) .ha-form textarea:focus,
  html:not([data-theme="light"]) .ha-form select:focus{
    border-color:var(--ha-blue);
    box-shadow:0 0 0 4px rgba(32,167,223,.25);
  }
  html:not([data-theme="light"]) .ha-list-item{
    border-bottom-color:#334155;
  }
  html:not([data-theme="light"]) .ha-badge{
    background:rgba(32,167,223,.2);
  }
  html:not([data-theme="light"]) .ha-response-promise{
    background:linear-gradient(135deg,rgba(32,167,223,.15),rgba(32,167,223,.08));
    border-color:rgba(32,167,223,.2);
  }
  html:not([data-theme="light"]) .ha-footer{
    background:#0a0f1a;
    border-top:1px solid #334155;
  }
  html:not([data-theme="light"]) .ha-footer-logo{
    filter:brightness(0) invert(1);
  }
  html:not([data-theme="light"]) .skip-link{
    background:var(--ha-blue);
    color:#fff;
  }
  html:not([data-theme="light"]) .ha-404 h2{
    color:#F8FAFC;
  }
  html:not([data-theme="light"]) .ha-form-message.success{
    background:rgba(16,185,129,.15);
    border-color:rgba(16,185,129,.4);
    color:#6EE7B7;
  }
  html:not([data-theme="light"]) .ha-form-message.error{
    background:rgba(239,68,68,.15);
    border-color:rgba(239,68,68,.4);
    color:#FCA5A5;
  }
  html:not([data-theme="light"]) .ha-btn-primary{
    background:#F8FAFC;
    color:var(--ha-blue);
  }
  html:not([data-theme="light"]) .ha-btn-primary:hover{
    background:#E2E8F0;
  }
  html:not([data-theme="light"]) .ha-theme-toggle .sun-icon{display:block}
  html:not([data-theme="light"]) .ha-theme-toggle .moon-icon{display:none}
}

/* Print Styles */
@media print{
  .ha-header,.ha-footer,.ha-cta,.skip-link{display:none}
  .ha-page{min-height:auto}
  body{font-size:12pt;line-height:1.4}
  a{text-decoration:underline}
  .ha-hero{background:#f0f0f0!important;color:#000!important;-webkit-print-color-adjust:exact}
}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
  }
  html{scroll-behavior:auto}
}