/* Klyvora premium upgrade layer */
:root{
  --k-premium-cyan:#71e6ff;
  --k-premium-blue:#2f8cff;
  --k-premium-panel:rgba(8,27,48,.72);
  --k-premium-border:rgba(121,221,255,.24);
  --k-premium-shadow:0 18px 48px rgba(0,17,45,.34);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(46,125,255,.11),transparent 34%),
    radial-gradient(circle at 85% 18%,rgba(17,187,255,.08),transparent 22%),
    linear-gradient(180deg,#04101d 0%,#06111f 100%);
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.3;
  background-image:linear-gradient(rgba(128,203,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(128,203,255,.022) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(circle at center,black 38%,transparent 100%);
}
.header{
  background:linear-gradient(180deg,rgba(4,15,29,.86),rgba(4,15,29,.62));
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  border-bottom:1px solid rgba(108,204,255,.12);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.header::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(103,219,255,.38),transparent);opacity:.8;pointer-events:none;
}
.header.experience-scrolled{
  background:linear-gradient(180deg,rgba(4,15,29,.94),rgba(4,15,29,.82));
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.brand img{filter:drop-shadow(0 0 18px rgba(78,210,255,.34))}
.klyvora-wordmark{letter-spacing:.08em;text-shadow:0 2px 22px rgba(66,180,255,.14)}
.klyvora-wordmark small{color:#87ddff}
.menu a{position:relative;transition:color .22s ease,opacity .22s ease}
.menu a:not(.nav-cta)::after{
  content:'';position:absolute;left:0;bottom:-8px;width:100%;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,#7fe9ff,transparent);transform:scaleX(.18);transform-origin:center;opacity:0;transition:transform .28s ease,opacity .28s ease;
}
.menu a:not(.nav-cta):hover::after,.menu a:not(.nav-cta):focus-visible::after{transform:scaleX(1);opacity:1}
.menu .nav-cta{
  box-shadow:0 12px 30px rgba(24,117,255,.18),inset 0 0 0 1px rgba(255,255,255,.07);
}
.theme-toggle,.menu-toggle{
  background:linear-gradient(180deg,rgba(18,49,82,.86),rgba(7,26,48,.86));
  border:1px solid rgba(98,194,248,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.18);
}
.btn{
  position:relative;overflow:hidden;border-radius:16px;letter-spacing:.01em;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.btn::before{
  content:'';position:absolute;top:-20%;left:-120%;width:62%;height:140%;transform:rotate(17deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transition:left .65s ease;pointer-events:none;
}
.btn:hover::before,.btn:focus-visible::before{left:145%}
.btn-primary{box-shadow:0 16px 36px rgba(25,128,255,.23), inset 0 1px 0 rgba(255,255,255,.2)}
.btn-ghost{backdrop-filter:blur(10px)}
.hero .eyebrow,.kicker,.pricing-pill{
  box-shadow:0 0 0 1px rgba(104,206,255,.16),0 10px 30px rgba(0,39,82,.14);
}
body[data-klyvora-page="home"] .hero h1,
.seo-hero h1,.maintenance-hero h1,.business-hero h1,.guide-hero h1{
  text-shadow:0 10px 32px rgba(0,0,0,.24);
}
body[data-klyvora-page="home"] .hero-proof{gap:12px;flex-wrap:wrap}
body[data-klyvora-page="home"] .hero-proof span{
  padding:10px 14px;border-radius:999px;border:1px solid rgba(109,210,255,.18);
  background:linear-gradient(180deg,rgba(11,33,58,.76),rgba(7,22,41,.65));
  box-shadow:0 12px 24px rgba(0,9,24,.14);
}
body[data-klyvora-page="home"] .earth-3d-stage{
  --earth-tilt-x:0deg;--earth-tilt-y:0deg;
  transform:rotateX(var(--earth-tilt-x)) rotateY(var(--earth-tilt-y));
  transition:transform .45s cubic-bezier(.2,.7,.2,1), filter .35s ease;
  filter:drop-shadow(0 35px 60px rgba(0,0,0,.22));
}
body[data-klyvora-page="home"] .earth-3d-stage::before{
  content:'';position:absolute;bottom:3%;left:50%;transform:translateX(-50%);width:72%;height:12%;
  background:radial-gradient(circle,rgba(53,133,255,.22),rgba(0,0,0,0) 70%);filter:blur(12px);z-index:-1;pointer-events:none;
}
body[data-klyvora-page="home"] .earth-3d-globe{
  box-shadow:0 0 0 1px rgba(150,226,255,.16),0 0 24px rgba(63,152,255,.18),0 46px 110px rgba(0,0,0,.34), inset -62px -30px 98px rgba(0,0,0,.34);
}
body[data-klyvora-page="home"] .earth-caption{color:#c9f2ff;opacity:.75}
.section h2,.section-top h2{max-width:13ch}
.section .kicker,.faq-grid .kicker,.section-top .kicker{position:relative;padding-left:20px}
.section .kicker::before,.faq-grid .kicker::before,.section-top .kicker::before{
  content:'';position:absolute;left:0;top:50%;width:12px;height:2px;border-radius:999px;background:linear-gradient(90deg,#35d8ff,#85e3ff);
}
.service,.case-card,.seo-card,.maintenance-card,.business-card,.guide-card,.price-card,.contact-panel,.coverage-panel,.seo-highlight,.seo-price{
  border-radius:24px!important;
  box-shadow:var(--k-premium-shadow)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.service,.case-card,.seo-card,.maintenance-card,.business-card,.guide-card,.price-card{
  background-image:radial-gradient(circle at 100% 0%,rgba(41,142,214,.18),transparent 34%),linear-gradient(150deg,#10263D 0%,#0A172B 80%)!important;
}
.service:hover,.case-card:hover,.seo-card:hover,.maintenance-card:hover,.business-card:hover,.guide-card:hover,.price-card:hover{
  transform:translateY(-6px)!important;box-shadow:0 24px 56px rgba(0,73,153,.2)!important;
}
.klyvora-card-art,.klyvora-visual-image,.klyvora-aside-art,.guide-card img,.service img{
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.18));
  transition:transform .35s ease, filter .35s ease;
}
.service:hover .klyvora-card-art,.case-card:hover .klyvora-card-art,.guide-card:hover .klyvora-card-art,
.seo-card:hover .klyvora-visual-image,.maintenance-card:hover .klyvora-visual-image,.business-card:hover .klyvora-visual-image{
  transform:translateY(-4px) scale(1.04);
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.24));
}
.klyvora-icon-frame,.solutions-icon,.service-icon,.audience-icon,.contact-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 22px rgba(0,0,0,.16);
  border:1px solid rgba(116,208,255,.2);
}
.contact-panel{position:relative;overflow:hidden}
.contact-panel::before,.seo-price::before,.seo-highlight::after{
  content:'';position:absolute;inset:auto -10% -18% auto;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(61,165,255,.22),rgba(61,165,255,0) 68%);pointer-events:none;filter:blur(4px);
}
.contact-aside .contact-direct-link{
  text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .28s ease,color .2s ease;
}
.contact-aside .contact-direct-link:hover,.contact-aside .contact-direct-link:focus-visible{background-size:100% 1px}
.faq details,.quote-form,.guide-search-input,.filters button{
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}
.faq details[open]{border-color:rgba(117,216,255,.34);box-shadow:0 16px 34px rgba(0,49,102,.14)}
.site-footer{
  position:relative;overflow:hidden;background:linear-gradient(180deg,#071221 0%,#040b14 100%);border-top:1px solid rgba(99,193,248,.14)
}
.site-footer::before{
  content:'';position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,220,255,.34),transparent);opacity:.85
}
.site-footer::after{
  content:'';position:absolute;right:-120px;bottom:-140px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(25,101,202,.18),transparent 70%);pointer-events:none
}
.site-footer .footer-nav a,.site-footer .footer-back-top{transition:color .22s ease, transform .22s ease}
.site-footer .footer-nav a:hover,.site-footer .footer-back-top:hover{color:#7ee7ff;transform:translateX(2px)}
.site-footer .footer-social-icons a{
  border:1px solid rgba(105,204,255,.18);border-radius:14px;background:linear-gradient(180deg,rgba(13,33,56,.88),rgba(8,22,38,.88));
  box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
}
.site-footer .footer-social-icons a:hover{transform:translateY(-3px);border-color:rgba(127,231,255,.34);box-shadow:0 16px 28px rgba(0,50,110,.18)}
.wa-float{
  box-shadow:0 16px 30px rgba(0,0,0,.25),0 0 0 8px rgba(37,211,102,.08);
}
.wa-float:hover{transform:translateY(-3px) scale(1.03)}
html[data-theme="light"] body{background:linear-gradient(180deg,#f5fbff 0%,#edf7fd 100%)}
html[data-theme="light"] .header{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,251,255,.74));border-bottom-color:rgba(77,149,204,.14)}
html[data-theme="light"] .hero-proof span{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(235,246,255,.82));border-color:rgba(74,154,210,.16)}
html[data-theme="light"] .theme-toggle,html[data-theme="light"] .menu-toggle{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(235,246,255,.95))}
html[data-theme="light"] .site-footer{background:linear-gradient(180deg,#eff8ff 0%,#e5f2fb 100%)}
@media(max-width:760px){
  .menu a:not(.nav-cta)::after{bottom:-3px}
  body[data-klyvora-page="home"] .hero-proof span{padding:8px 11px;font-size:10px}
  .btn{border-radius:14px}
  .service,.case-card,.seo-card,.maintenance-card,.business-card,.guide-card,.price-card,.contact-panel,.coverage-panel,.seo-highlight,.seo-price{border-radius:20px!important}
}
@media(prefers-reduced-motion:reduce){
  .btn::before,.menu a:not(.nav-cta)::after,.service,.case-card,.seo-card,.maintenance-card,.business-card,.guide-card,.price-card,.earth-3d-stage,.klyvora-card-art,.klyvora-visual-image,.klyvora-aside-art,.wa-float{transition:none!important}
}