/* Global visual polish layer: safe, additive, no hidden content */
:root{
  --polish-bg-a: rgba(37,99,235,.08);
  --polish-bg-b: rgba(16,185,129,.07);
  --polish-bg-c: rgba(245,158,11,.08);
  --polish-card-shadow: 0 20px 55px rgba(15,23,42,.08);
  --polish-card-shadow-hover: 0 28px 75px rgba(15,23,42,.12);
  --polish-border: 1px solid rgba(148,163,184,.20);
  --polish-radius: 26px;
}
html{scroll-behavior:smooth}
body.site-polish{
  background:
    radial-gradient(circle at 8% 0%, var(--polish-bg-a), transparent 30%),
    radial-gradient(circle at 92% 6%, var(--polish-bg-b), transparent 28%),
    radial-gradient(circle at 50% 100%, var(--polish-bg-c), transparent 25%),
    linear-gradient(180deg,#f8fbff 0%, #f4f7fb 36%, #eef3f8 100%);
}
.scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--primary),#38bdf8);z-index:1600;box-shadow:0 0 18px rgba(37,99,235,.35)}
.site-header{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(1.1) blur(14px);background:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.55);box-shadow:0 8px 28px rgba(15,23,42,.05);transition:background .22s ease, box-shadow .22s ease, transform .22s ease}
.site-header.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 18px 48px rgba(15,23,42,.11)}
.header-inner{position:relative}
.site-header::after{content:"";position:absolute;inset:auto 14px 0 14px;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.28),transparent)}
.page-hero,.simple-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(241,245,249,.92));border-bottom:1px solid rgba(148,163,184,.14)}
.page-hero::before,.simple-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%, rgba(37,99,235,.09), transparent 30%),radial-gradient(circle at 85% 15%, rgba(16,185,129,.08), transparent 26%);pointer-events:none}
.page-title{letter-spacing:-.02em;text-wrap:balance}
.page-sub{text-wrap:pretty}
.section{position:relative}
.section-head h2,.section-title,.article-title,.service-title,.template-title{letter-spacing:-.02em;text-wrap:balance}
.card,.service-card,.feature-card,.review-card,.template-card,.kg-card,.calc-card,.invoice-card,.order-card,.panel-card,.summary-card,.notif-card,.library-card,.service-card-v2,.calc-card-v2,.flow-card-v2,.about-card,.contact-form-card,.contact-side-card,.contact-extra-card,.path-card,.stat-card{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.87));
  border:var(--polish-border);
  box-shadow:var(--polish-card-shadow);
  backdrop-filter:blur(9px);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.card:hover,.service-card:hover,.feature-card:hover,.review-card:hover,.template-card:hover,.kg-card:hover,.calc-card:hover,.invoice-card:hover,.order-card:hover,.panel-card:hover,.summary-card:hover,.notif-card:hover,.library-card:hover,.service-card-v2:hover,.calc-card-v2:hover,.flow-card-v2:hover,.about-card:hover,.contact-side-card:hover,.contact-extra-card:hover,.path-card:hover,.stat-card:hover{transform:translateY(-3px);box-shadow:var(--polish-card-shadow-hover);border-color:rgba(37,99,235,.18)}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:-40% auto auto -25%;width:42%;height:180%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:0;transition:transform .5s ease, opacity .25s ease;pointer-events:none}
.btn:hover::after{opacity:1;transform:translateX(240%) rotate(22deg)}
.form-control,.input,.select,select,input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],textarea{
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.24) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.form-control:focus,.input:focus,.select:focus,select:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=password]:focus,textarea:focus{border-color:rgba(37,99,235,.45)!important;box-shadow:0 0 0 4px rgba(37,99,235,.12), 0 14px 28px rgba(15,23,42,.08)!important;transform:translateY(-1px)}
.tbl-wrap,.desktop-table,table{border-radius:22px;overflow:hidden}
table thead th{background:linear-gradient(180deg,#f8fbff,#eef4fb);color:#0f172a;font-weight:900;border-bottom:1px solid rgba(148,163,184,.18)}
table tbody tr{transition:background .18s ease}
table tbody tr:hover{background:rgba(37,99,235,.035)}
.status-badge,.badge,.meta-pill,.pill{box-shadow:0 10px 24px rgba(15,23,42,.06)}
.hero-inner,.dash-hero,.calc-result-box,.invoice-status-banner,.section-note,.empty-state{position:relative;overflow:hidden}
.hero-inner::after,.dash-hero::after,.calc-result-box::after,.section-note::after,.empty-state::after{content:"";position:absolute;inset:auto auto -34px -28px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%);pointer-events:none}
.dash-hero,.calc-result-box{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,64,175,.92));color:#fff;border:none;box-shadow:0 30px 70px rgba(15,23,42,.22)}
.dash-hero :is(p,small,.muted),.calc-result-box :is(p,small,.muted){color:rgba(255,255,255,.82)!important}
.footer-top-banner{display:none}
.site-footer{position:relative;margin-top:3rem;background:linear-gradient(180deg,#0f172a,#111827);color:#e5eefb;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%, rgba(59,130,246,.16), transparent 30%),radial-gradient(circle at 85% 20%, rgba(16,185,129,.12), transparent 25%);pointer-events:none}
.footer-inner{position:relative;z-index:1}
.footer-brand .logo{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .85rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);font-weight:900}
.footer-col h4{color:#fff;margin-bottom:.9rem}
.footer-col a,.footer-brand p,.footer-bottom span,.footer-bottom a{color:rgba(229,238,251,.82)!important}
.footer-col a:hover,.footer-bottom a:hover{color:#fff!important}
.social-links a{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.08);display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.08)}
.article-content,.article-content p,.service-desc,.template-excerpt,.kg-card p,.review-text,.contact-form-card p,.contact-side-card p,.contact-extra-card p{line-height:2.02;text-wrap:pretty}
.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:110px}
.contact-form-card,.contact-side-card,.contact-extra-card{border-radius:28px}
.contact-form-card .btn,.contact-side-card .btn,.contact-extra-card .btn{min-height:48px}
.calc-card-v2 .calc-icon,.calc-card .calc-icon,.service-card-v2 .service-icon,.path-icon,.feature-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 24px rgba(37,99,235,.12)}
.service-card-v2,.calc-card-v2,.path-card{overflow:hidden;position:relative}
.service-card-v2::before,.calc-card-v2::before,.path-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),#22c55e,#f59e0b);opacity:.95}
.order-card .order-top,.invoice-card .invoice-top,.library-card .library-top,.panel-top{align-items:flex-start}
@media (min-width: 992px){
  .services-grid,.templates-grid,.kg-grid,.calc-grid,.related-grid{gap:1.2rem}
  .section{padding:2.8rem 0}
}
@media (max-width: 991px){
  .site-header{border-radius:0 0 22px 22px}
  .mobile-nav{background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
}
@media (max-width: 768px){
  body.site-polish{background:linear-gradient(180deg,#f8fbff 0%, #f3f7fb 42%, #eef3f8 100%)}
  .site-header{background:rgba(255,255,255,.92)}
  .page-hero,.simple-hero{border-radius:0 0 24px 24px}
  .card,.service-card,.feature-card,.review-card,.template-card,.kg-card,.calc-card,.invoice-card,.order-card,.panel-card,.summary-card,.notif-card,.library-card,.service-card-v2,.calc-card-v2,.flow-card-v2,.about-card,.contact-form-card,.contact-side-card,.contact-extra-card,.path-card,.stat-card{box-shadow:0 14px 34px rgba(15,23,42,.08)}
}
