/* Webiksa visual refinement: understated hosting interface, all three themes retained. */
:root {
 --radius-lg:16px;--radius-xl:20px;
 --shadow-md:0 4px 18px rgba(9,20,30,.075);
 --shadow-lg:0 10px 28px rgba(9,20,30,.11);
 --shadow-glow:none;
}
[data-theme="dark-green"] {--border-color:rgba(184,211,191,.13);--border-hover:rgba(74,222,128,.33);--shadow-md:0 3px 16px rgba(0,0,0,.19);--shadow-lg:0 8px 24px rgba(0,0,0,.25);--shadow-glow:none}
[data-theme="dark"] {--shadow-md:0 3px 16px rgba(0,0,0,.18);--shadow-lg:0 8px 24px rgba(0,0,0,.25);--shadow-glow:none}
html {scroll-padding-top:90px}
body {font-feature-settings:"ss01";text-rendering:optimizeLegibility}
.main-header {backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:1px solid var(--border-color)}
.hero {background:var(--bg-dark)!important}
.bg-decoration,.hero-orb,.server-orbit,.server-cloud,.floating-chip {display:none!important}
.hero-title {letter-spacing:-.018em;line-height:1.42;font-weight:800}
.hero-title .gradient,.gradient {background:none!important;-webkit-text-fill-color:var(--primary)!important;color:var(--primary)!important}
.hero-desc,.section-desc,.feature-desc {line-height:2;max-width:660px}
.hero-badge,.section-badge {background:var(--bg-card);border:1px solid var(--border-color);box-shadow:none!important}
.hero-card,.brand-showcase-card,.package-card,.feature-card,.stat-card,.admin-card,.dash-card,.auth-card {box-shadow:var(--shadow-md)!important;border:1px solid var(--border-color);border-radius:var(--radius-lg)!important}
.package-card,.feature-card,.dash-card,.admin-card {transition:border-color .2s ease,box-shadow .2s ease!important}
.package-card:hover,.feature-card:hover,.dash-card:hover,.admin-card:hover {transform:none!important;box-shadow:var(--shadow-lg)!important;border-color:var(--border-hover)}
.hero-card {animation:none!important;transform:none!important}
.hero-card-icon,.feature-icon,.package-icon {box-shadow:none!important}
.btn {border-radius:11px!important;font-weight:650;transition:background-color .18s ease,border-color .18s ease,color .18s ease!important}
.btn:hover,.btn-primary:hover {transform:none!important;box-shadow:none!important;filter:none!important}
.btn-primary,[data-theme="dark-green"] .btn-primary {background:var(--primary)!important;background-image:none!important;box-shadow:none!important;border:1px solid transparent!important}
[data-theme="dark-green"] .btn-primary {color:#07150c!important}
.btn-ghost {box-shadow:none!important}
.section-header {margin-bottom:35px}
.feature-card,.package-card {overflow:hidden}
.feature-card {padding:27px!important}
.webiksa-brand-showcase .brand-showcase-card {background:var(--bg-card)!important;box-shadow:var(--shadow-md)!important}
.brand-server-art {opacity:.55;filter:saturate(.55)}
.hero-visual {filter:saturate(.8)}
.hero-stats {border-color:var(--border-color)}
.webiksa-theme-picker {box-shadow:0 3px 14px rgba(0,0,0,.12)!important;border-radius:11px;padding:7px 10px}
.webiksa-theme-picker select {border-radius:7px}
[data-reveal] {transform:none!important;transition:opacity .35s ease!important}
@media (max-width: 768px) {
 .hero {padding:48px 0 55px!important}
 .hero-content {gap:32px!important}
 .hero-title {font-size:clamp(30px,7vw,43px)!important}
 .hero-visual {max-width:100%}
 .feature-card {padding:21px!important}
 .section-header {margin-bottom:26px}
 .webiksa-theme-picker {bottom:10px;left:10px}
}
@media (prefers-reduced-motion:reduce) {[data-reveal] {opacity:1!important}}