:root {
  color-scheme: dark;
  --bg-980:#0b1119; --bg-960:#101824; --bg-940:#15202d; --bg-920:#192636; --bg-900:#1d2c3e;
  --surface-strong:rgba(24,35,50,.92); --surface:rgba(26,39,57,.84); --surface-soft:rgba(30,45,65,.7); --surface-raised:rgba(33,49,71,.92);
  --text-strong:#f6f8fb; --text:#dbe3ee; --text-soft:#b4c0d1; --text-dim:#8d9caf;
  --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.16);
  --accent:#d63c4d; --accent-strong:#f05462; --accent-glow:rgba(214,60,77,.22); --signal:#4b8df8;
  --success:#4fd18b; --warning:#ffb14a;
  --shadow-xl:0 34px 90px rgba(0,0,0,.42); --shadow-lg:0 22px 54px rgba(0,0,0,.28); --shadow-md:0 16px 34px rgba(0,0,0,.22);
  --radius-xl:32px; --radius-lg:24px; --radius-md:18px; --radius-sm:14px; --max-width:1240px;
  --toggle-surface:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  --toggle-border:rgba(255,255,255,.12);
  --toggle-icon-glow:rgba(75,141,248,.2);
}
*{box-sizing:border-box}*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:"Manrope","Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(75,141,248,.12),transparent 28%),radial-gradient(circle at 85% 15%,rgba(214,60,77,.16),transparent 30%),radial-gradient(circle at 50% 120%,rgba(214,60,77,.12),transparent 42%),linear-gradient(180deg,#121a24 0%,#111b27 18%,#16212e 42%,#101822 100%);overflow-x:hidden;position:relative}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}body::before{opacity:.65;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,black 35%,transparent 92%)}body::after{inset:-12% -4%;z-index:-3;opacity:.9;background:radial-gradient(circle at 20% 20%,rgba(75,141,248,.16),transparent 24%),radial-gradient(circle at 78% 16%,rgba(214,60,77,.16),transparent 24%),radial-gradient(circle at 50% 55%,rgba(255,255,255,.04),transparent 28%),radial-gradient(circle at 82% 85%,rgba(75,141,248,.08),transparent 20%);filter:blur(28px);animation:ambient-drift 24s ease-in-out infinite alternate}
@keyframes ambient-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.06) translate3d(-.6%,1.2%,0)}}
img{max-width:100%}a{color:inherit;text-decoration:none}p{margin:0;color:var(--text-soft);line-height:1.78;text-wrap:pretty}h1,h2,h3,h4{margin:0;color:var(--text-strong);font-family:"Space Grotesk","Arial Narrow",sans-serif;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}ul{margin:0}
.site-shell{width:min(calc(100% - 32px),var(--max-width));margin:0 auto;padding:22px 0 56px}
.site-header{position:sticky;top:18px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(135deg,rgba(10,17,26,.94),rgba(16,27,40,.92)),linear-gradient(90deg,rgba(214,60,77,.08),rgba(75,141,248,.08));box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(22px);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.site-header::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 52%);opacity:.9}.site-header>*{position:relative;z-index:1}.site-header.is-scrolled{transform:translateY(-2px);border-color:var(--line-strong);background:linear-gradient(135deg,rgba(8,14,22,.96),rgba(13,23,36,.94));box-shadow:0 18px 42px rgba(0,0,0,.42)}
.brand{display:inline-flex;align-items:center;gap:16px;min-width:0}.brand-mark{position:relative;width:68px;height:68px;border-radius:22px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:0 18px 34px rgba(7,14,24,.22),inset 0 1px 0 rgba(255,255,255,.12)}.brand-mark::before{content:"";position:absolute;inset:6px;border-radius:16px;background:linear-gradient(180deg,rgba(8,14,22,.6),rgba(12,20,30,.18));pointer-events:none}.brand-logo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:7px;transition:opacity .24s ease,transform .24s ease}.brand-logo--dark{opacity:1;transform:scale(1)}.brand-logo--light{opacity:0;transform:scale(.98)}.brand-copy{display:grid;gap:3px}.brand-copy strong{color:var(--text-strong);font-size:1rem}.brand-copy small{color:var(--text-dim);font-size:.82rem}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.site-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-nav a,.header-phone,.theme-toggle{min-height:46px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.site-nav a{color:var(--text-dim);border:1px solid transparent}.site-nav a:hover,.site-nav a.is-active{color:var(--text-strong);border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06)}.header-phone{color:var(--text-strong);border:1px solid rgba(214,60,77,.28);background:linear-gradient(135deg,rgba(214,60,77,.18),rgba(214,60,77,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.theme-toggle{gap:12px;padding-inline:16px;border:1px solid var(--toggle-border);color:var(--text-strong);background:var(--toggle-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.theme-toggle__icon{width:22px;height:22px;border-radius:999px;position:relative;display:inline-block;background:linear-gradient(135deg,#ffe28a,#ffb347);box-shadow:0 0 0 6px var(--toggle-icon-glow)}
.theme-toggle__icon::before{content:"";position:absolute;inset:4px;border-radius:999px;background:rgba(10,17,26,.22)}
.theme-toggle__label{white-space:nowrap}
.admin-theme-bar{display:flex;justify-content:flex-end;margin-top:28px}
.hero,.page-hero,.section,.metric-row,.site-footer,.admin-auth-layout,.admin-dashboard{margin-top:28px}
.hero,.page-hero,.section,.callout,.site-footer,.metric-card,.quick-contact-card,.trust-data-card,.reference-card,.reference-strip-item,.info-card,.feature-card,.story-card,.contact-card,.contact-panel,.mini-quote-form,.mini-form-aside,.type-card,.brand-accordion,.admin-card,.admin-panel,.admin-note-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,24,37,.94),rgba(10,17,27,.9));box-shadow:var(--shadow-lg)}
.hero::before,.page-hero::before,.section::before,.callout::before,.site-footer::before,.metric-card::before,.quick-contact-card::before,.trust-data-card::before,.reference-card::before,.reference-strip-item::before,.info-card::before,.feature-card::before,.story-card::before,.contact-card::before,.contact-panel::before,.mini-quote-form::before,.mini-form-aside::before,.type-card::before,.brand-accordion::before,.admin-card::before,.admin-panel::before,.admin-note-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(75,141,248,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%)}
.hero,.page-hero,.section,.callout,.site-footer{border-radius:var(--radius-xl)}.metric-card,.quick-contact-card,.trust-data-card,.reference-card,.reference-strip-item,.info-card,.feature-card,.story-card,.contact-card,.contact-panel,.mini-quote-form,.mini-form-aside,.type-card,.brand-accordion,.admin-card,.admin-panel,.admin-note-card{border-radius:var(--radius-lg)}
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:28px;padding:clamp(28px,4vw,44px);min-height:min(840px,calc(100vh - 120px));align-items:stretch;background:radial-gradient(circle at top left,rgba(214,60,77,.12),transparent 26%),radial-gradient(circle at 82% 12%,rgba(75,141,248,.16),transparent 28%),linear-gradient(180deg,rgba(10,18,28,.98),rgba(12,21,31,.94))}
.hero-copy,.hero-panel{display:flex;flex-direction:column}.hero-copy{justify-content:space-between;gap:24px}.hero-copy h1,.page-hero h1{font-size:clamp(2.9rem,7vw,6.2rem)}.animated-title,.section-heading h2,.contact-panel h2,.company-data-panel h2{position:relative}.animated-title{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.18em .26em;max-width:12ch}.page-hero .animated-title{justify-content:center;margin-inline:auto;text-align:center;max-width:14ch}.animated-title::after,.section-heading h2::after,.contact-panel h2::after,.company-data-panel h2::after{content:"";position:absolute;left:0;bottom:-14px;width:84px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(214,60,77,.95),rgba(75,141,248,.88),transparent);opacity:0;transform:scaleX(.35);transform-origin:left center;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .72s ease}.page-hero .animated-title::after{left:50%;transform:translateX(-50%) scaleX(.35);transform-origin:center}.animated-title.heading-reveal.is-visible::after{opacity:1;transform:translateX(-50%) scaleX(1)}.section-heading h2.heading-reveal.is-visible::after,.contact-panel h2.heading-reveal.is-visible::after,.company-data-panel h2.heading-reveal.is-visible::after{opacity:1;transform:scaleX(1)}.animated-title span{display:inline-block;opacity:0;transform:translateY(18px);white-space:nowrap;background:linear-gradient(135deg,#f8fbff 0%,#c9d7e8 34%,#ffffff 50%,#b4c6de 68%,#f8fbff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-reveal .52s cubic-bezier(.22,1,.36,1) forwards,title-sheen 7.2s ease-in-out infinite 1.1s}.animated-title span:nth-child(1){animation-delay:.03s,1.1s}.animated-title span:nth-child(2){animation-delay:.08s,1.18s}.animated-title span:nth-child(3){animation-delay:.13s,1.26s}.animated-title span:nth-child(4){animation-delay:.18s,1.34s}.animated-title span:nth-child(5){animation-delay:.23s,1.42s}
@keyframes title-reveal{from{opacity:0;filter:blur(5px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
.lead{color:var(--text);font-size:clamp(1.08rem,1.9vw,1.36rem);line-height:1.65;max-width:38ch}.eyebrow,.contact-focus-label,.card-kicker,.contact-label,.panel-kicker,.hero-showcase-kicker,.reference-kicker,.admin-metric-label{display:inline-flex;align-items:center;gap:8px;letter-spacing:.18em;text-transform:uppercase;font-size:.73rem;font-weight:800}.eyebrow,.contact-focus-label,.panel-kicker,.contact-label,.hero-showcase-kicker,.reference-kicker{color:#f0b5be}.eyebrow::before,.contact-focus-label::before,.panel-kicker::before,.contact-label::before,.hero-showcase-kicker::before,.reference-kicker::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,rgba(214,60,77,.8),transparent)}
.hero-urgency{max-width:42ch;padding:18px 20px;color:var(--text-strong);font-weight:700;border-radius:18px;border:1px solid rgba(214,60,77,.18);background:linear-gradient(135deg,rgba(214,60,77,.14),rgba(214,60,77,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.hero-summary{max-width:46ch}
.hero-benefits{display:grid;gap:12px;padding:0;list-style:none}.hero-benefits li{position:relative;min-height:62px;padding:16px 18px 16px 58px;border-radius:18px;color:var(--text);font-weight:700;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.hero-benefits li::before{content:"";position:absolute;left:18px;top:50%;width:22px;height:22px;border-radius:999px;transform:translateY(-50%);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.8),transparent 28%),linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 8px rgba(214,60,77,.1)}
.contact-focus-box{padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)),linear-gradient(135deg,rgba(11,18,28,.96),rgba(13,22,33,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.contact-focus-copy{max-width:54ch}
.hero-actions,.callout,.story-actions,.callout-actions,.admin-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.hero-actions{margin-top:32px}.story-actions,.callout-actions,.admin-hero-actions{margin-top:24px}
.hero-actions-grid,.cta-inline-points,.quick-contact-grid,.trust-strip,.image-guide-grid,.metric-grid,.card-grid,.trust-data-grid,.reference-grid,.reference-strip,.footer-grid,.mini-form-wrap,.split-section,.contact-layout,.contact-cards,.stacked-cards,.type-grid,.admin-metrics,.admin-grid,.admin-summary-list,.mini-stat-list,.activity-list,.bar-list{display:grid;gap:16px}.hero-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-inline-points{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.cta-inline-points span{min-height:50px;padding:10px 14px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;font-weight:800;color:var(--text-strong);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.cta-point-red{background:linear-gradient(135deg,rgba(214,60,77,.24),rgba(214,60,77,.1))}.cta-point-blue{background:linear-gradient(135deg,rgba(75,141,248,.22),rgba(75,141,248,.1))}.cta-point-orange{background:linear-gradient(135deg,rgba(255,177,74,.22),rgba(255,177,74,.1))}
.button,.inline-link,.brand-accordion summary,.mobile-contact-banner__item,.admin-login-form button,button{font:inherit}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;color:var(--text-strong);font-weight:800;letter-spacing:.01em;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 58%)}.button-primary{background:linear-gradient(135deg,#bf3242,#8f1e2e);box-shadow:0 18px 34px rgba(214,60,77,.26)}.button-secondary,.button-contrast{border-color:rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(26,39,57,.94),rgba(21,33,49,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.button-accent{border-color:rgba(75,141,248,.22);background:linear-gradient(135deg,rgba(75,141,248,.98),rgba(37,83,173,.94));box-shadow:0 18px 34px rgba(75,141,248,.22)}.button-large{min-height:58px;padding-inline:28px}
.header-phone:hover,.theme-toggle:hover,.button:hover,.inline-link:hover,.quick-contact-card:hover,.reference-card:hover,.reference-strip-item:hover,.metric-card:hover,.trust-data-card:hover,.info-card:hover,.feature-card:hover,.story-card:hover,.contact-card:hover,.contact-panel:hover,.mini-quote-form:hover,.mini-form-aside:hover,.type-card:hover,.brand-accordion:hover,.admin-card:hover,.admin-panel:hover{transform:translateY(-2px)}.button:hover,.inline-link:hover,.mobile-contact-banner__item:hover,.brand-accordion summary:hover,.theme-toggle:hover{box-shadow:0 18px 34px rgba(0,0,0,.26)}
.button,.hero-actions .button,.callout-actions .button,.story-actions .button,.admin-hero-actions .button,.quick-contact-card .button,.mobile-contact-banner__item,.theme-toggle,.header-phone{justify-content:center;text-align:center}
.button:focus-visible,.site-nav a:focus-visible,.header-phone:focus-visible,.theme-toggle:focus-visible,.inline-link:focus-visible,.quick-contact-card:focus-visible,.mobile-contact-banner__item:focus-visible,.brand:focus-visible,.brand-accordion summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid rgba(75,141,248,.96);outline-offset:3px}
.trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-item,.quick-contact-card{min-height:126px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:var(--shadow-md)}.trust-item{display:flex;align-items:center;gap:12px}.quick-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.quick-contact-card{display:grid;grid-template-rows:auto auto auto 1fr;align-items:center;justify-items:center;gap:10px;text-align:center;height:100%}
.quick-contact-card strong,.metric-card strong,.contact-card a,.contact-card strong,.reference-strip-item strong,.type-card-head h3,.admin-card strong,.mini-stat-row strong{color:var(--text-strong);font-family:"Space Grotesk",sans-serif}.quick-contact-card strong{font-size:1.18rem}.quick-contact-card>span:last-child,.metric-card span:last-child,.brand-accordion summary small,.brand-accordion summary em,.reference-strip-item span,.admin-panel-head small,.admin-empty,.admin-auth-copy,.admin-feedback,.admin-security-status{color:var(--text-soft)}.trust-item>span:last-child,.quick-contact-card>span:last-child,.mobile-contact-banner__item>span:last-child{min-width:0}.quick-contact-card strong,.quick-contact-card span,.quick-contact-card p,.info-card p,.feature-card p,.mini-form-aside p,.image-slot p,.image-slot strong,.mini-form-aside h3,.info-card h3,.feature-card h3{margin-inline:auto}.quick-contact-card p{margin:2px auto 0;color:var(--text-soft);line-height:1.65;max-width:30ch}
.trust-data-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trust-data-card,.reference-card,.reference-strip-item,.info-card,.feature-card,.story-card,.contact-card,.contact-panel,.mini-quote-form,.mini-form-aside,.metric-card,.site-footer,.page-hero,.section,.callout,.admin-card,.admin-panel,.admin-note-card{padding:26px}.trust-data-card strong{display:block;margin-bottom:10px;font-size:1.42rem}
.icon-badge{position:relative;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(3,8,15,.18)}.icon-badge::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 62%);pointer-events:none}.icon-badge svg{position:relative;z-index:1;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon-red{color:#ff8b9a;background:linear-gradient(180deg,rgba(214,60,77,.2),rgba(214,60,77,.08))}.icon-blue{color:#8ebcff;background:linear-gradient(180deg,rgba(75,141,248,.2),rgba(75,141,248,.08))}.icon-orange{color:#ffc778;background:linear-gradient(180deg,rgba(255,177,74,.22),rgba(255,177,74,.09))}
.hero-panel,.contact-cards,.stacked-cards{display:grid;gap:16px}.hero-image-slot{min-height:260px}.image-slot,.hero-showcase{border-radius:26px}.hero-showcase{padding:0;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(14,23,34,.98),rgba(10,17,27,.96))}.hero-showcase-media{position:relative;aspect-ratio:16/11;overflow:hidden}.hero-showcase-media img,.product-visual img{width:100%;height:100%;display:block;object-fit:cover}.hero-showcase-media img{filter:saturate(.85) contrast(1.06) brightness(.68);transform:scale(1.04)}.hero-showcase-glow{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,15,.08),rgba(5,9,15,.82)),radial-gradient(circle at top right,rgba(75,141,248,.34),transparent 28%),radial-gradient(circle at bottom left,rgba(214,60,77,.22),transparent 30%)}.hero-showcase-content{padding:24px}.hero-showcase-content strong{display:block;margin:14px 0 10px;font-size:clamp(1.5rem,2vw,2rem);line-height:1.08}.hero-showcase-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.hero-showcase-badges span,.image-badge,.brand-accordion summary em{min-height:34px;padding:8px 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--text);font-size:.78rem;font-weight:800}
.panel-card p,.story-card p,.contact-panel p,.type-card>p{text-align:justify;text-justify:inter-word}.panel-card p+p,.story-card p+p,.contact-panel p+p{margin-top:14px}.metric-row{padding:0}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid-standalone{align-items:stretch}.metric-card{min-height:216px;display:flex;flex-direction:column;justify-content:space-between}.metric-card .icon-badge,.info-card .icon-badge,.feature-card .icon-badge,.mini-form-aside .icon-badge,.quick-contact-card .icon-badge{margin-bottom:16px}.metric-card strong{margin-bottom:6px;font-size:1.22rem}.metric-card span:last-child{max-width:30ch}.metric-card-centered{align-items:center;text-align:center;gap:8px}.metric-card-centered .icon-badge{margin-inline:auto}.metric-card-centered strong,.metric-card-centered span{max-width:28ch;margin-inline:auto}.metric-card-centered span{line-height:1.65}
.section{padding:clamp(26px,4vw,40px)}.section-heading{margin-bottom:24px;max-width:68ch}.section-heading h2{font-size:clamp(2rem,4vw,3.6rem);max-width:15ch}.section-note{margin-top:12px}
.page-hero{padding:clamp(30px,5vw,46px);text-align:center;background:radial-gradient(circle at top center,rgba(214,60,77,.1),transparent 30%),radial-gradient(circle at 82% 18%,rgba(75,141,248,.12),transparent 30%),linear-gradient(180deg,rgba(11,19,30,.98),rgba(10,16,25,.94))}.page-hero>*{position:relative;z-index:1}.page-hero>p:not(.eyebrow):not(.lead),.page-hero .hero-benefits,.page-hero .hero-actions,.page-hero .lead{max-width:52rem;margin-inline:auto}.page-hero .lead,.page-hero>p:not(.eyebrow):not(.lead){margin-top:14px}.page-hero .hero-benefits{margin-top:20px}.page-hero .hero-actions{justify-content:center}.page-hero-photo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-size:cover;background-position:center;filter:saturate(.88) contrast(1.05) brightness(.72)}
.card-grid,.reference-grid,.image-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section,.contact-layout,.footer-grid,.mini-form-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card,.feature-card,.reference-card,.contact-card,.type-card,.trust-data-card{display:flex;flex-direction:column}.info-card,.feature-card,.quick-contact-card,.mini-form-aside,.image-slot,.reference-card,.trust-data-card{text-align:center;align-items:center}.info-card h3,.feature-card h3,.reference-card h3,.contact-panel h2,.mini-form-aside h3,.type-card-head h3{margin-bottom:10px;font-size:1.5rem;line-height:1.08}.card-kicker{color:#9ec2ff}.inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;margin-inline:auto;color:var(--text-strong);font-weight:800}.inline-link::after{content:">";font-size:1.2rem;line-height:1;color:var(--accent-strong)}
.accent-one{border-left:1px solid transparent;box-shadow:inset 4px 0 0 rgba(214,60,77,.65),var(--shadow-lg)}.accent-two{border-left:1px solid transparent;box-shadow:inset 4px 0 0 rgba(75,141,248,.65),var(--shadow-lg)}.accent-three{border-left:1px solid transparent;box-shadow:inset 4px 0 0 rgba(255,177,74,.65),var(--shadow-lg)}
.image-guide-grid .image-slot{padding:24px}.reference-card-media,.image-slot-media{position:relative;margin:-4px -4px 18px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.reference-card-media{aspect-ratio:16/10}.image-slot-media{aspect-ratio:16/9}.reference-card-media::after,.image-slot-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,18,.06),rgba(7,12,18,.38))}.reference-card-media img,.image-slot-media img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.88) contrast(1.04) brightness(.82);transition:transform .38s ease,filter .38s ease}.reference-card:hover .reference-card-media img,.image-slot:hover .image-slot-media img{transform:scale(1.04);filter:saturate(.96) contrast(1.08) brightness(.9)}.image-guide-grid .image-slot{padding:24px}.image-slot-icon{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;border-radius:18px;color:#9ec2ff;background:linear-gradient(180deg,rgba(75,141,248,.18),rgba(75,141,248,.08));border:1px solid rgba(75,141,248,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.image-slot-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.image-slot strong{display:block;margin-bottom:8px;font-size:1.18rem}
.reference-grid{align-items:stretch}.reference-card h3{margin-top:16px}.reference-card .reference-kicker,.reference-card h3,.reference-card p,.trust-data-card strong,.trust-data-card p{margin-inline:auto;text-align:center}.reference-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.reference-strip-item{display:flex;align-items:center;gap:16px}.reference-strip-item strong{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;flex:0 0 auto;font-size:1.12rem;color:var(--text-strong);background:linear-gradient(135deg,rgba(214,60,77,.24),rgba(75,141,248,.18));border:1px solid rgba(255,255,255,.12)}
.product-groups,.brand-groups{display:grid;gap:18px}.brand-accordion{background:linear-gradient(180deg,rgba(14,24,37,.96),rgba(11,19,29,.93))}.brand-accordion summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;list-style:none;cursor:pointer}.brand-accordion summary::-webkit-details-marker{display:none}.brand-accordion summary span{display:flex;flex-direction:column;gap:6px}.brand-accordion summary strong{font-size:1.48rem}.brand-accordion summary em{white-space:nowrap}.accordion-panel{padding:0 26px 26px;border-top:1px solid rgba(255,255,255,.08)}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.type-card{padding:20px}.type-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 48%,transparent 100%);transform:translateX(-120%);transition:transform .52s ease;pointer-events:none}.type-card:hover::after{transform:translateX(120%)}
.product-visual{margin:-4px -4px 18px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.product-visual img{filter:saturate(.9) contrast(1.05) brightness(.82);transition:transform .32s ease,filter .32s ease}.type-card:hover .product-visual img{transform:scale(1.05);filter:saturate(1) contrast(1.08) brightness(.9)}.type-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.product-list,.detail-list{margin-top:18px;padding-left:18px;color:var(--text-soft)}.product-list li,.detail-list li{margin-bottom:8px;line-height:1.6}.product-list li strong{display:block;margin-bottom:4px;color:var(--text-strong);font-size:1rem}.detail-list-compact{margin-top:18px}
.mini-form-wrap{align-items:stretch}.mini-quote-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}.mini-quote-form label,.admin-login-form label{display:grid;gap:8px}.mini-quote-form label span,.admin-login-form label span{color:var(--text-strong);font-weight:700}.mini-form-message{grid-column:1 / -1}
.mini-quote-form input,.mini-quote-form select,.mini-quote-form textarea,.admin-login-form input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;color:var(--text-strong);background:rgba(255,255,255,.04);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.mini-quote-form input::placeholder,.mini-quote-form textarea::placeholder,.admin-login-form input::placeholder{color:var(--text-dim)}.mini-quote-form textarea{resize:vertical;min-height:132px}.mini-quote-form input:focus,.mini-quote-form select:focus,.mini-quote-form textarea:focus,.admin-login-form input:focus{outline:none;border-color:rgba(75,141,248,.48);background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(75,141,248,.12)}
.form-status{grid-column:1 / -1;display:none;padding:14px 16px;border-radius:16px;font-weight:700}.form-status.is-visible{display:block}.form-status.is-success{color:#d6ffea;background:rgba(79,209,139,.14);border:1px solid rgba(79,209,139,.24)}.form-status.is-error{color:#ffd6db;background:rgba(214,60,77,.15);border:1px solid rgba(214,60,77,.24)}.form-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.mini-quote-form button{grid-column:1 / -1;margin-top:14px}
.story-actions .button,.callout-actions .button{min-width:220px}.callout{justify-content:space-between;gap:18px 28px;padding:clamp(26px,4vw,40px);background:radial-gradient(circle at top left,rgba(214,60,77,.12),transparent 24%),radial-gradient(circle at 88% 22%,rgba(75,141,248,.12),transparent 28%),linear-gradient(135deg,rgba(13,20,31,.98),rgba(12,21,33,.94))}.callout>div:first-child{max-width:46rem}.callout-actions{flex-shrink:0}
.site-footer h3,.site-footer h4{margin-bottom:12px}.site-footer p,.site-footer li{color:var(--text-soft)}.footer-grid{align-items:start}.mobile-contact-banner{display:none}.contact-layout{align-items:stretch}.contact-cards{align-content:stretch;grid-template-rows:repeat(3,minmax(0,1fr))}.contact-card{justify-content:space-between;gap:10px;min-height:100%}.contact-panel{display:flex;flex-direction:column;justify-content:center}.contact-panel-balanced{min-height:100%}.mini-form-aside{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;height:100%;padding-block:34px}.mini-form-aside .detail-list{margin-top:20px;text-align:left}.contact-panel h2{margin-bottom:12px}.contact-card p{text-align:left}.contact-panel-list{margin-top:18px;padding-left:18px;color:var(--text-soft)}.contact-panel-list li{margin-bottom:10px;line-height:1.65}
.reveal-on-scroll{opacity:0;transform:translateY(22px);filter:blur(8px);transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),filter .56s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
.heading-reveal{opacity:0;transform:translateY(16px);filter:blur(6px);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),filter .62s cubic-bezier(.22,1,.36,1);transition-delay:var(--heading-delay,0ms)}.heading-reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.admin-body{background:radial-gradient(circle at top left,rgba(75,141,248,.14),transparent 26%),radial-gradient(circle at 80% 12%,rgba(214,60,77,.12),transparent 24%),linear-gradient(180deg,#081018 0%,#0b1320 100%)}.admin-auth-layout{min-height:calc(100vh - 120px);display:grid;place-items:center}.admin-auth-card{width:min(100%,620px);padding:clamp(28px,5vw,42px)}.admin-login-form{display:grid;gap:16px;margin-top:22px}.admin-security-status,.admin-feedback{min-height:1.4em}.admin-note-card{margin-top:22px}.admin-note-card strong{display:block;margin-bottom:10px;color:var(--text-strong)}.admin-dashboard{display:grid;gap:24px}.admin-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-card{min-height:152px;display:flex;flex-direction:column;justify-content:space-between}.admin-card strong{font-size:1.4rem}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.bar-list{gap:12px}.bar-list-item,.activity-item,.mini-stat-row{display:grid;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.bar-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar-list-track{height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}.bar-list-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--signal))}.activity-list,.mini-stat-list,.admin-summary-list{gap:12px}.activity-item strong,.mini-stat-row strong,.bar-list-head strong{font-size:.98rem}.admin-empty{padding:14px 16px;border-radius:16px;border:1px dashed rgba(255,255,255,.12)}.admin-insights-grid{display:grid;grid-template-columns:1.35fr .9fr .95fr;gap:16px}.admin-visual-panel{min-height:100%}.admin-chart-stage{min-height:220px;padding:10px 0}.trend-chart{width:100%;height:220px;display:block}.admin-chart-meta,.admin-settings-list,.admin-legend,.admin-glow-bars{display:grid;gap:12px}.admin-donut-wrap{position:relative;width:min(100%,220px);margin:8px auto 14px}.donut-chart{width:100%;height:auto;display:block;transform:rotate(-90deg)}.admin-donut-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;gap:2px;place-items:center;text-align:center}.admin-donut-center strong{font-size:1.5rem;color:var(--text-strong)}.admin-donut-center span{font-size:.8rem;color:var(--text-soft)}.admin-legend{grid-template-columns:1fr}.admin-legend-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.admin-legend-item em{display:inline-flex;align-items:center;gap:10px;font-style:normal;color:var(--text)}.admin-legend-swatch{width:12px;height:12px;border-radius:999px;display:inline-block}.admin-spotlight{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(75,141,248,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.admin-spotlight strong{display:block;margin-bottom:8px;font-size:1.2rem;color:var(--text-strong)}.admin-spotlight p{color:var(--text-soft);text-align:left}.admin-glow-bars{margin-top:14px}.admin-glow-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.admin-glow-track{height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}.admin-glow-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(214,60,77,.95),rgba(75,141,248,.92));box-shadow:0 0 18px rgba(75,141,248,.28)}.admin-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.admin-setting-row strong{display:block;color:var(--text-strong);font-size:1rem}.admin-setting-row small{display:block;color:var(--text-soft);margin-top:4px}.admin-setting-row input,.admin-setting-row select{accent-color:var(--signal)}.admin-setting-row input[type="checkbox"]{width:20px;height:20px;flex:0 0 auto}.admin-setting-row select{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--text-strong);background:rgba(255,255,255,.04)}.admin-grid-settings{align-items:start}.admin-runtime-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
@media (max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-insights-grid{grid-template-columns:1fr}}
@media (max-width:980px){.site-header{position:static;border-radius:30px;display:block}.site-header::before{border-radius:29px}.brand{margin-bottom:16px}.metric-grid,.card-grid,.quick-contact-grid,.trust-data-grid,.reference-grid,.reference-strip,.image-guide-grid,.hero-actions-grid,.cta-inline-points,.mini-form-wrap,.split-section,.contact-layout,.footer-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{grid-template-columns:1fr}.type-grid,.admin-metrics,.admin-insights-grid{grid-template-columns:1fr}.admin-hero{flex-direction:column}}
@media (max-width:720px){.site-shell{width:min(calc(100% - 18px),var(--max-width));padding-top:14px;padding-bottom:106px}.site-header,.hero,.page-hero,.section,.callout,.site-footer,.mini-quote-form,.mini-form-aside,.admin-auth-card,.admin-panel,.admin-card,.admin-note-card{border-radius:24px}.site-header,.hero,.page-hero,.section,.callout,.site-footer,.metric-card,.quick-contact-card,.trust-data-card,.reference-card,.reference-strip-item,.info-card,.feature-card,.story-card,.contact-card,.contact-panel,.mini-quote-form,.mini-form-aside,.type-card,.brand-accordion,.admin-card,.admin-panel,.admin-note-card{padding-left:20px;padding-right:20px}.header-actions,.site-nav{width:100%;justify-content:flex-start}.site-nav a,.header-phone,.theme-toggle{flex:1 1 auto}.theme-toggle{justify-content:center}.animated-title,.hero-copy h1{max-width:none}.animated-title{justify-content:center;text-align:center}body.page-home .hero-copy .animated-title{max-width:12ch;margin-inline:auto;font-size:clamp(2.05rem,11vw,3.4rem);justify-content:center}body.page-home .hero-copy .animated-title span{white-space:nowrap}.hero-copy,.hero-panel{align-items:stretch}.hero-copy .eyebrow,.hero-copy .lead,.hero-copy p,.hero-copy .hero-benefits,.hero-copy .contact-focus-box{max-width:none}.hero-copy .eyebrow,.hero-copy .lead,.hero-copy p,.hero-copy .hero-benefits{text-align:center;margin-inline:auto}.eyebrow,.contact-focus-label,.panel-kicker,.contact-label,.hero-showcase-kicker,.reference-kicker{justify-content:center}.lead,.hero-summary,.hero-urgency,.contact-focus-copy,.section-heading,.callout>div:first-child{max-width:none}.metric-grid,.card-grid,.quick-contact-grid,.trust-data-grid,.reference-grid,.reference-strip,.image-guide-grid,.hero-actions-grid,.cta-inline-points,.mini-form-wrap,.split-section,.contact-layout,.footer-grid,.mini-quote-form,.admin-grid,.admin-metrics{grid-template-columns:1fr}.mini-quote-form{gap:14px}.story-actions .button,.callout-actions .button,.hero-actions .button,.admin-hero-actions .button{width:100%;min-width:0}.callout-actions,.admin-hero-actions{width:100%}.contact-card,.story-card,.contact-panel{text-align:left}.quick-contact-card,.info-card,.reference-card,.image-slot,.feature-card,.trust-data-card,.metric-card-centered,.mini-form-aside{text-align:center;align-items:center;justify-items:center}.mobile-contact-banner{position:fixed;left:10px;right:10px;bottom:10px;z-index:45;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:rgba(8,14,22,.92);backdrop-filter:blur(22px);box-shadow:0 18px 40px rgba(0,0,0,.35)}.mobile-contact-banner__item{min-height:62px;padding:10px 12px;display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.mobile-contact-banner__item strong{display:block;color:var(--text-strong)}.mobile-contact-banner__item small{color:var(--text-soft)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.reveal-on-scroll,.heading-reveal{opacity:1;transform:none;filter:none}body::after{transform:none}}
body[data-admin-reduced-motion]{scroll-behavior:auto}body[data-admin-reduced-motion] *,body[data-admin-reduced-motion] *::before,body[data-admin-reduced-motion] *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}
.glass-card,.panel-card,.image-slot{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,24,37,.94),rgba(10,17,27,.9));box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}
.glass-card::before,.panel-card::before,.image-slot::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(75,141,248,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%)}
.panel-card,.image-slot{padding:24px}.glass-card:hover,.panel-card:hover,.image-slot:hover{transform:translateY(-2px)}
.info-card p,.feature-card p,.story-card p,.contact-card p,.contact-panel p,.type-card p,.panel-card p,.quick-contact-card p,.image-slot p,.mini-form-aside p,.trust-data-card p,.reference-card p{max-width:64ch}
.info-card p,.trust-data-card p,.reference-card p{text-align:center}
body.page-home .hero{margin-bottom:0}
body.page-home .metric-row{margin-top:20px;position:relative;z-index:3;padding-inline:0}
body.page-home .metric-grid-standalone{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.page-home .metric-card{background:linear-gradient(180deg,rgba(12,20,31,.96),rgba(11,18,28,.9));backdrop-filter:blur(18px)}
body.page-home .metric-card:nth-child(2){transform:none}
body.page-home .quick-contact-section{background:radial-gradient(circle at top right,rgba(75,141,248,.1),transparent 26%),linear-gradient(180deg,rgba(13,22,34,.96),rgba(10,17,26,.94))}
body.page-home .reference-section{background:radial-gradient(circle at top left,rgba(214,60,77,.1),transparent 24%),linear-gradient(180deg,rgba(13,21,33,.96),rgba(10,17,26,.94))}
body.page-home .mini-form-section{background:radial-gradient(circle at top right,rgba(214,60,77,.09),transparent 26%),linear-gradient(180deg,rgba(13,22,34,.98),rgba(10,17,26,.94))}
body.page-home .local-seo-section,body.page-home .section.callout{background:radial-gradient(circle at 85% 18%,rgba(75,141,248,.1),transparent 26%),linear-gradient(180deg,rgba(13,20,31,.98),rgba(10,17,26,.94))}
body.page-home .site-footer{background:linear-gradient(180deg,rgba(11,18,28,.98),rgba(9,15,23,.96))}body.page-home .story-rich-section .section-heading{max-width:58rem;margin-inline:auto;text-align:center}body.page-home .story-rich-section .section-heading h2{max-width:13ch;margin-inline:auto}body.page-home .story-rich-section .story-card{max-width:68rem;margin-inline:auto;padding:clamp(28px,4vw,38px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;background:linear-gradient(180deg,rgba(17,27,41,.96),rgba(10,17,27,.92))}body.page-home .story-rich-section .story-card p{max-width:58ch;margin-inline:auto;text-align:center;line-height:1.82}body.page-home .story-rich-section .story-actions{justify-content:center;margin-top:6px;width:100%}
@media (max-width:980px){body.page-home .metric-row{margin-top:28px;padding-inline:0}body.page-home .metric-card:nth-child(2){transform:none}}
body.page-products .page-hero{background:radial-gradient(circle at top center,rgba(75,141,248,.12),transparent 28%),radial-gradient(circle at 82% 18%,rgba(214,60,77,.08),transparent 24%),linear-gradient(180deg,rgba(11,19,30,.98),rgba(10,16,25,.94))}body.page-products .page-hero-photo::after{background-image:linear-gradient(180deg,rgba(9,15,24,.28),rgba(9,15,24,.74)),url("https://tecnoparking.com/tienda/5503-facebook/fast-roll-door-motorline-pile-for-industrial-doors-up-to-4000w.jpg")}
body.page-products .brand-accordion{background:linear-gradient(180deg,rgba(11,20,31,.98),rgba(10,17,26,.94))}
body.page-products .brand-accordion[open]{box-shadow:0 26px 62px rgba(0,0,0,.34)}
body.page-products .brand-accordion summary{padding-block:26px}
body.page-products .type-card{background:linear-gradient(180deg,rgba(15,24,37,.98),rgba(10,17,27,.94))}
body.page-products .callout{background:radial-gradient(circle at 12% 18%,rgba(214,60,77,.1),transparent 22%),radial-gradient(circle at 85% 24%,rgba(75,141,248,.1),transparent 26%),linear-gradient(180deg,rgba(12,20,31,.98),rgba(10,17,27,.94))}
body.page-contact .page-hero{background:radial-gradient(circle at top center,rgba(214,60,77,.12),transparent 26%),radial-gradient(circle at 80% 22%,rgba(75,141,248,.1),transparent 24%),linear-gradient(180deg,rgba(11,19,30,.98),rgba(10,16,25,.94))}body.page-contact .page-hero-photo::after{background-image:linear-gradient(180deg,rgba(9,15,24,.22),rgba(9,15,24,.76)),url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1600&q=80")}
body.page-contact .contact-layout{align-items:start}
body.page-contact .contact-card,body.page-contact .contact-panel{min-height:100%}
body.page-contact .contact-panel{background:radial-gradient(circle at top right,rgba(75,141,248,.12),transparent 24%),linear-gradient(180deg,rgba(13,22,34,.98),rgba(10,17,26,.94))}
body.page-contact .story-card{background:linear-gradient(180deg,rgba(14,23,35,.96),rgba(10,17,27,.92))}
body.page-contact .callout{background:radial-gradient(circle at 12% 18%,rgba(214,60,77,.12),transparent 24%),linear-gradient(180deg,rgba(12,20,31,.98),rgba(10,17,27,.94))}
body.page-admin .admin-auth-card{background:radial-gradient(circle at top right,rgba(75,141,248,.14),transparent 26%),radial-gradient(circle at 18% 14%,rgba(214,60,77,.12),transparent 22%),linear-gradient(180deg,rgba(12,20,31,.98),rgba(10,17,27,.94))}
body.page-admin .admin-panel,body.page-admin .admin-card,body.page-admin .admin-note-card{background:linear-gradient(180deg,rgba(12,20,31,.98),rgba(10,17,27,.94))}
body.page-admin .admin-hero{background:radial-gradient(circle at top right,rgba(75,141,248,.12),transparent 24%),linear-gradient(180deg,rgba(12,20,31,.98),rgba(10,17,27,.94))}
body.page-admin .admin-card strong{font-size:clamp(1.3rem,2vw,1.7rem)}
body.page-admin .admin-panel-head h2{font-size:1.32rem}
body.page-admin .bar-list-item,body.page-admin .activity-item,body.page-admin .mini-stat-row{background:rgba(255,255,255,.035)}

body.page-home .hero{min-height:auto;padding-bottom:32px;grid-template-columns:minmax(0,.98fr) minmax(320px,.82fr)}
body.page-home .hero-copy{min-width:0;justify-content:flex-start}
body.page-home .hero-copy .animated-title{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.12em .24em;max-width:16ch;align-items:flex-start;font-size:clamp(2.35rem,5.2vw,4.9rem);line-height:.96}
body.page-home .hero-copy .animated-title span{white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
body.page-home .hero-copy p,body.page-home .hero-copy .lead,body.page-home .hero-summary{max-width:48ch}
body.page-home .hero-panel{align-content:start}
body.page-contact .story-actions{display:none}
body.page-contact .contact-cta-merged p + p{margin-top:12px}
body.page-contact .callout-actions{grid-template-columns:repeat(2,minmax(220px,auto))}
.map-section{background:radial-gradient(circle at top right,rgba(75,141,248,.12),transparent 24%),linear-gradient(180deg,rgba(21,33,47,.98),rgba(17,26,38,.94))}
.map-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;align-items:stretch}
.map-embed{overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);min-height:420px;box-shadow:var(--shadow-md)}
.map-embed iframe{width:100%;height:100%;min-height:420px;border:0;display:block;filter:saturate(.92) contrast(1.02)}
.company-data-panel{justify-content:flex-start}
.site-footer .detail-list{margin-top:10px}
@media (max-width:980px){.map-layout{grid-template-columns:1fr}.map-embed,.map-embed iframe{min-height:340px}body.page-contact .callout-actions{grid-template-columns:1fr}}

body[data-theme="light"]{color-scheme:light;--bg-980:#e9eef5;--bg-960:#f2f5f9;--bg-940:#f6f8fb;--bg-920:#fbfcfe;--bg-900:#ffffff;--surface-strong:rgba(255,255,255,.94);--surface:rgba(255,255,255,.88);--surface-soft:rgba(244,247,251,.86);--surface-raised:rgba(255,255,255,.96);--text-strong:#152230;--text:#213246;--text-soft:#4d5d70;--text-dim:#6d7b8c;--line:rgba(21,34,48,.09);--line-strong:rgba(21,34,48,.16);--shadow-xl:0 34px 80px rgba(19,37,58,.12);--shadow-lg:0 20px 52px rgba(19,37,58,.1);--shadow-md:0 12px 28px rgba(19,37,58,.08);--toggle-surface:linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,244,250,.95));--toggle-border:rgba(21,34,48,.1);--toggle-icon-glow:rgba(214,60,77,.12);background:radial-gradient(circle at top left,rgba(75,141,248,.12),transparent 30%),radial-gradient(circle at 85% 12%,rgba(214,60,77,.12),transparent 26%),linear-gradient(180deg,#f7f9fc 0%,#eef3f8 48%,#f8fafc 100%)}
body[data-theme="light"]::before{opacity:.38;background:linear-gradient(rgba(17,38,57,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,38,57,.045) 1px,transparent 1px)}
body[data-theme="light"]::after{opacity:.78;background:radial-gradient(circle at 20% 20%,rgba(75,141,248,.12),transparent 24%),radial-gradient(circle at 78% 16%,rgba(214,60,77,.12),transparent 22%),radial-gradient(circle at 50% 55%,rgba(255,255,255,.85),transparent 24%),radial-gradient(circle at 82% 85%,rgba(75,141,248,.08),transparent 20%)}
body[data-theme="light"] .site-header{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(242,246,251,.94)),linear-gradient(90deg,rgba(214,60,77,.05),rgba(75,141,248,.05));box-shadow:0 18px 44px rgba(19,37,58,.09)}
body[data-theme="light"] .site-header.is-scrolled{background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(243,247,252,.97));box-shadow:0 18px 38px rgba(19,37,58,.12)}
body[data-theme="light"] .hero,body[data-theme="light"] .page-hero,body[data-theme="light"] .section,body[data-theme="light"] .callout,body[data-theme="light"] .site-footer,body[data-theme="light"] .metric-card,body[data-theme="light"] .quick-contact-card,body[data-theme="light"] .trust-data-card,body[data-theme="light"] .reference-card,body[data-theme="light"] .reference-strip-item,body[data-theme="light"] .info-card,body[data-theme="light"] .feature-card,body[data-theme="light"] .story-card,body[data-theme="light"] .contact-card,body[data-theme="light"] .contact-panel,body[data-theme="light"] .mini-quote-form,body[data-theme="light"] .mini-form-aside,body[data-theme="light"] .type-card,body[data-theme="light"] .brand-accordion,body[data-theme="light"] .admin-card,body[data-theme="light"] .admin-panel,body[data-theme="light"] .admin-note-card,body[data-theme="light"] .glass-card,body[data-theme="light"] .panel-card,body[data-theme="light"] .image-slot{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,249,252,.92));box-shadow:var(--shadow-lg)}body[data-theme="light"] .animated-title span{color:#1b2a39;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;text-fill-color:currentColor;text-shadow:0 10px 24px rgba(75,141,248,.08);animation:title-reveal .52s cubic-bezier(.22,1,.36,1) forwards}
body[data-theme="light"] .hero::before,body[data-theme="light"] .page-hero::before,body[data-theme="light"] .section::before,body[data-theme="light"] .callout::before,body[data-theme="light"] .site-footer::before,body[data-theme="light"] .metric-card::before,body[data-theme="light"] .quick-contact-card::before,body[data-theme="light"] .trust-data-card::before,body[data-theme="light"] .reference-card::before,body[data-theme="light"] .reference-strip-item::before,body[data-theme="light"] .info-card::before,body[data-theme="light"] .feature-card::before,body[data-theme="light"] .story-card::before,body[data-theme="light"] .contact-card::before,body[data-theme="light"] .contact-panel::before,body[data-theme="light"] .mini-quote-form::before,body[data-theme="light"] .mini-form-aside::before,body[data-theme="light"] .type-card::before,body[data-theme="light"] .brand-accordion::before,body[data-theme="light"] .admin-card::before,body[data-theme="light"] .admin-panel::before,body[data-theme="light"] .admin-note-card::before,body[data-theme="light"] .glass-card::before,body[data-theme="light"] .panel-card::before,body[data-theme="light"] .image-slot::before{background:radial-gradient(circle at top right,rgba(75,141,248,.07),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.72),transparent 34%)}
body[data-theme="light"] .trust-data-section,body[data-theme="light"] .reference-section,body[data-theme="light"] .quick-contact-section,body[data-theme="light"] .mini-form-section,body[data-theme="light"] .local-seo-section{background:linear-gradient(180deg,rgba(240,245,250,.96),rgba(232,239,246,.94));border-color:rgba(21,34,48,.12);box-shadow:0 18px 42px rgba(19,37,58,.11)}
body[data-theme="light"] .trust-data-section::before,body[data-theme="light"] .reference-section::before,body[data-theme="light"] .quick-contact-section::before,body[data-theme="light"] .mini-form-section::before,body[data-theme="light"] .local-seo-section::before{background:radial-gradient(circle at top right,rgba(75,141,248,.09),transparent 26%),radial-gradient(circle at top left,rgba(214,60,77,.07),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.66),transparent 36%)}
body[data-theme="light"] .trust-data-card,body[data-theme="light"] .reference-card,body[data-theme="light"] .reference-strip-item,body[data-theme="light"] .info-card,body[data-theme="light"] .feature-card,body[data-theme="light"] .story-card{background:linear-gradient(180deg,rgba(252,253,255,.98),rgba(241,246,251,.96));border-color:rgba(21,34,48,.11);box-shadow:0 14px 30px rgba(19,37,58,.09)}
body[data-theme="light"] .trust-data-card::before,body[data-theme="light"] .reference-card::before,body[data-theme="light"] .reference-strip-item::before,body[data-theme="light"] .info-card::before,body[data-theme="light"] .feature-card::before,body[data-theme="light"] .story-card::before{background:radial-gradient(circle at top right,rgba(75,141,248,.08),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.78),transparent 34%)}
body[data-theme="light"] .section-heading{padding-bottom:6px}
body[data-theme="light"] .section-note,body[data-theme="light"] .reference-card p,body[data-theme="light"] .trust-data-card p,body[data-theme="light"] .info-card p,body[data-theme="light"] .story-card p{color:#415266}
body[data-theme="light"] .hero{background:radial-gradient(circle at top left,rgba(214,60,77,.08),transparent 26%),radial-gradient(circle at 82% 12%,rgba(75,141,248,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,252,.94))}
body[data-theme="light"] .page-hero,body[data-theme="light"] .callout,body[data-theme="light"] .contact-panel,body[data-theme="light"] .map-section,body[data-theme="light"] .admin-auth-card,body[data-theme="light"] .admin-hero{background:radial-gradient(circle at top right,rgba(75,141,248,.08),transparent 28%),radial-gradient(circle at top left,rgba(214,60,77,.07),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,252,.94))}body[data-theme="light"] .page-hero-photo::after{opacity:.18;filter:saturate(.82) contrast(1.02) brightness(1.02)}body[data-theme="light"] .reference-card-media img,body[data-theme="light"] .image-slot-media img{filter:saturate(.92) contrast(1.02) brightness(.96)}
body[data-theme="light"] .hero-urgency,body[data-theme="light"] .contact-focus-box,body[data-theme="light"] .trust-item,body[data-theme="light"] .quick-contact-card,body[data-theme="light"] .bar-list-item,body[data-theme="light"] .activity-item,body[data-theme="light"] .mini-stat-row,body[data-theme="light"] .cta-inline-points span,body[data-theme="light"] .hero-benefits li,body[data-theme="light"] .hero-showcase-badges span,body[data-theme="light"] .brand-accordion summary em{background:linear-gradient(135deg,rgba(244,247,251,.98),rgba(236,241,247,.88));border-color:rgba(21,34,48,.09);box-shadow:none}
body[data-theme="light"] .brand-mark{border-color:rgba(25,40,58,.12);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,252,.96));box-shadow:0 18px 30px rgba(35,59,87,.12),inset 0 1px 0 rgba(255,255,255,.96)}
body[data-theme="light"] .brand-mark::before{inset:5px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,250,253,.54))}
body[data-theme="light"] .brand-logo--dark{opacity:0;transform:scale(.98)}
body[data-theme="light"] .brand-logo--light{opacity:1;transform:scale(1)}
@media (max-width:720px){.brand{gap:12px}.brand-mark{width:58px;height:58px;border-radius:18px}.brand-mark::before{inset:5px;border-radius:13px}.brand-logo{padding:6px}.brand-copy strong{font-size:.96rem}.brand-copy small{font-size:.76rem}}
body[data-theme="light"] .button-primary{background:linear-gradient(135deg,#e35b6b,#c93f50);box-shadow:0 14px 28px rgba(214,60,77,.18)}
body[data-theme="light"] .button-accent{border-color:rgba(75,141,248,.18);background:linear-gradient(135deg,#6ea3fb,#4b8df8);box-shadow:0 14px 28px rgba(75,141,248,.16)}
body[data-theme="light"] .button-secondary,body[data-theme="light"] .button-contrast{border-color:rgba(21,34,48,.08);background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(245,248,252,.98));color:var(--text-strong);box-shadow:0 12px 24px rgba(19,37,58,.06)}
body[data-theme="light"] a.button[href^="tel:"],body[data-theme="light"] a.button[href^="mailto:"]{border-color:rgba(21,34,48,.08);background:linear-gradient(135deg,rgba(255,255,255,.995),rgba(246,249,252,.985));color:var(--text-strong);box-shadow:0 12px 24px rgba(19,37,58,.06)}
body[data-theme="light"] .theme-toggle{background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(243,247,252,.98));box-shadow:0 12px 24px rgba(19,37,58,.06),inset 0 1px 0 rgba(255,255,255,.92)}
body[data-theme="light"] .theme-toggle__icon{background:linear-gradient(135deg,#20344b,#4b8df8)}
body[data-theme="light"] .theme-toggle__icon::before{inset:3px;background:rgba(255,255,255,.88);box-shadow:10px -3px 0 -6px rgba(255,255,255,.96)}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){body[data-theme="light"] .animated-title span{background:none;color:#1b2a39;-webkit-text-fill-color:currentColor;text-fill-color:currentColor}}
body[data-theme="light"] .inline-link::after{content:">"}


@keyframes title-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

body.page-home .story-rich-section .story-card{text-align:center;align-items:center}body.page-home .story-rich-section .story-card .eyebrow{justify-content:center}@media (max-width:720px){body.page-home .story-rich-section .story-card,body.page-home .story-rich-section .story-card p{text-align:center}body.page-home .story-rich-section .story-actions{justify-content:center}}body.page-home .local-seo-section + .section .section-heading{max-width:58rem;margin-inline:auto;text-align:center}body.page-home .local-seo-section + .section .section-heading h2{max-width:13ch;margin-inline:auto}body.page-home .local-seo-section + .section .story-card{max-width:68rem;margin-inline:auto;padding:clamp(28px,4vw,38px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;background:linear-gradient(180deg,rgba(17,27,41,.96),rgba(10,17,27,.92))}body.page-home .local-seo-section + .section .story-card p{max-width:58ch;margin-inline:auto;text-align:center;line-height:1.82}@media (max-width:720px){body.page-home .local-seo-section + .section .story-card,body.page-home .local-seo-section + .section .story-card p{text-align:center}}

/* Balanced card and section title wrapping */
.section-heading h2,
.contact-panel h2,
.company-data-panel h2,
.story-card h2,
.reference-card h3,
.info-card h3,
.feature-card h3,
.mini-form-aside h3,
.type-card-head h3,
.image-slot strong,
.quick-contact-card strong,
.metric-card strong,
.trust-data-card strong {
  max-width: min(100%, 18ch);
  margin-inline: auto;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  text-wrap: balance;
  line-height: 1.12;
}

body.page-home .local-seo-section .section-heading h2,
body.page-home .story-rich-section .section-heading h2,
body.page-home .local-seo-section + .section .section-heading h2 {
  max-width: min(100%, 18ch);
}

.reference-card h3,
.info-card h3,
.feature-card h3,
.type-card-head h3,
.image-slot strong {
  min-height: calc(1.12em * 2);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 720px) {
  .section-heading h2,
  .contact-panel h2,
  .company-data-panel h2,
  .story-card h2,
  .reference-card h3,
  .info-card h3,
  .feature-card h3,
  .mini-form-aside h3,
  .type-card-head h3,
  .image-slot strong,
  .quick-contact-card strong,
  .metric-card strong,
  .trust-data-card strong {
    max-width: min(100%, 16ch);
  }

  body.page-home .local-seo-section .section-heading h2,
  body.page-home .story-rich-section .section-heading h2,
  body.page-home .local-seo-section + .section .section-heading h2 {
    max-width: min(100%, 16ch);
  }
}


body[data-theme="light"].page-home .story-rich-section .story-card,
body[data-theme="light"].page-home .local-seo-section + .section .story-card {
  background: linear-gradient(180deg, rgba(252,253,255,.99), rgba(241,246,251,.97));
  border-color: rgba(21,34,48,.11);
  box-shadow: 0 14px 30px rgba(19,37,58,.09);
}

body[data-theme="light"].page-home .story-rich-section .story-card::before,
body[data-theme="light"].page-home .local-seo-section + .section .story-card::before {
  background: radial-gradient(circle at top right, rgba(75,141,248,.08), transparent 24%), linear-gradient(180deg, rgba(255,255,255,.78), transparent 34%);
}

body[data-theme="light"].page-home .story-rich-section .story-card p,
body[data-theme="light"].page-home .local-seo-section + .section .story-card p {
  color: #415266;
}


body.page-home .hero {
  align-items: stretch;
}

body.page-home .hero-copy {
  height: 100%;
}

body.page-home .hero-panel {
  height: 100%;
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: stretch;
  padding-top: 40px;
  gap: 18px;
}

body.page-home .hero-panel > * {
  width: 100%;
}

body.page-home .hero-showcase,
body.page-home .hero .panel-card {
  display: flex;
  flex-direction: column;
}

body.page-home .hero-showcase {
  justify-content: flex-end;
  min-height: 100%;
}

body.page-home .hero-showcase-content,
body.page-home .hero .panel-card {
  gap: 14px;
}

body.page-home .hero-showcase-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 18px;
  padding: 22px 24px 26px;
}

body.page-home .hero-showcase-content strong,
body.page-home .hero .panel-card .panel-kicker {
  margin-top: 0;
}

body.page-home .hero-showcase-content strong {
  max-width: 14ch;
  font-size: clamp(1.9rem, 2.7vw, 2.55rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

body.page-home .hero-showcase-kicker {
  font-size: .8rem;
  letter-spacing: .24em;
}

body.page-home .hero-showcase-media {
  margin-top: auto;
}

body.page-home .hero .panel-card {
  justify-content: flex-start;
  min-height: 0;
  padding-block: 20px;
}

body.page-home .hero .panel-card p {
  text-align: left;
  text-wrap: pretty;
  max-width: none;
}
body.page-home .hero-showcase-content p {
  max-width: 35ch;
  margin-inline: auto;
  font-size: 1.04rem;
  line-height: 1.82;
  color: var(--text);
}

body.page-home .hero-showcase-badges {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: center;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  margin-top: auto;
}

body.page-home .hero-showcase-badges span {
  min-height: 56px;
  padding: 12px 14px;
  white-space: normal;
  text-align: center;
  font-size: .9rem;
  line-height: 1.35;
  letter-spacing: .01em;
}


body.page-home .hero .panel-kicker,
body.page-home .hero .hero-showcase-kicker,
body.page-home .hero-copy > .eyebrow {
  min-height: 1.2em;
}

body[data-theme="light"].page-home .hero-showcase-content p {
  color: #415266;
}

body[data-theme="light"].page-home .hero-showcase-badges span {
  background: linear-gradient(135deg, rgba(248,250,253,.98), rgba(238,243,248,.92));
  border-color: rgba(21,34,48,.09);
  box-shadow: 0 10px 22px rgba(19,37,58,.06);
}

@media (max-width: 980px) {
  body.page-home .hero-panel {
    grid-template-rows: 1fr;
    height: auto;
    padding-top: 0;
    gap: 16px;
  }

  body.page-home .hero-showcase-badges {
    grid-template-columns: 1fr;
  }

  body.page-home .hero-panel > * {
    height: auto;
  }
}


/* Centered section heading system */
.section-heading,
body.page-home .trust-data-section .section-heading,
body.page-home .reference-section .section-heading,
body.page-home .quick-contact-section .section-heading,
body.page-home .mini-form-section .section-heading,
body.page-home .map-section .section-heading,
body.page-products .trust-data-section .section-heading,
body.page-products .section .section-heading,
body.page-contact .quick-contact-section .section-heading,
body.page-contact .map-section .section-heading {
  margin-inline: auto;
  text-align: center;
}

.section-heading .eyebrow {
  justify-content: center;
}

.section-heading h2,
.section-heading .section-note,
.section-heading > p:not(.eyebrow) {
  margin-inline: auto;
}


body.page-home .hero {
  position: relative;
  overflow: hidden;
}

body.page-home .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image: linear-gradient(180deg, rgba(9,15,24,.3), rgba(9,15,24,.8)), url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=80");
  background-size: cover;
  background-position: center;
  filter: saturate(.82) contrast(1.02) brightness(.8);
}

body.page-home .hero > * {
  position: relative;
  z-index: 1;
}

body.page-home .hero-copy {
  align-items: center;
  text-align: center;
}

body.page-home .hero-copy > .eyebrow,
body.page-home .hero-copy .animated-title,
body.page-home .hero-copy .lead,
body.page-home .hero-copy .hero-urgency,
body.page-home .hero-copy .hero-summary,
body.page-home .hero-copy .hero-benefits {
  margin-inline: auto;
}

body.page-home .hero-copy > .eyebrow,
body.page-home .hero-copy .animated-title {
  justify-content: center;
  text-align: center;
}

body.page-home .hero-copy .animated-title {
  width: 100%;
  max-width: 100%;
  align-items: center;
}

body.page-home .hero-copy .animated-title::after {
  left: 50%;
  transform: translateX(-50%) scaleX(.35);
  transform-origin: center;
}

body.page-home .hero-copy .animated-title.heading-reveal.is-visible::after {
  transform: translateX(-50%) scaleX(1);
}

body.page-home .hero-copy p,
body.page-home .hero-copy .lead,
body.page-home .hero-summary,
body.page-home .hero-benefits {
  text-align: center;
}

body.page-home .hero-panel {
  padding-top: 64px;
}

@media (max-width: 980px) {
  body.page-home .hero::after {
    opacity: .18;
  }

  body.page-home .hero-copy {
    align-items: stretch;
  }
}


body.page-home .split-section {
  align-items: stretch;
  gap: 22px;
}

body.page-home .split-section > :first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(15,24,37,.94), rgba(10,17,27,.9));
  box-shadow: var(--shadow-lg);
}

body.page-home .split-section > :first-child .eyebrow,
body.page-home .split-section > :first-child h2 {
  margin-bottom: 12px;
}

body.page-home .split-section > :first-child p {
  max-width: 60ch;
  text-align: left;
  text-wrap: pretty;
}

body.page-home .split-section > :first-child p + p {
  margin-top: 14px;
}

body.page-home .split-section > :first-child .detail-list {
  margin-top: 22px;
  padding-left: 20px;
}

body.page-home .split-section > :first-child .detail-list li {
  margin-bottom: 12px;
  line-height: 1.7;
}

@media (max-width: 720px) {
  body.page-home .split-section > :first-child {
    padding: 22px;
  }
}


body.page-home .split-section > :first-child .eyebrow {
  margin-bottom: 16px;
}

body.page-home .split-section > :first-child h2 {
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.08;
  margin-bottom: 18px;
}

body.page-home .split-section > :first-child p {
  max-width: 62ch;
  font-size: 1.08rem;
  line-height: 1.82;
  color: var(--text);
}

body.page-home .split-section > :first-child .detail-list {
  margin-top: 26px;
}

body.page-home .split-section > :first-child .detail-list li {
  font-size: 1.02rem;
  line-height: 1.75;
}

body.page-home .split-section > :first-child {
  justify-content: flex-start;
}

body[data-theme="light"].page-home .split-section > :first-child {
  background: linear-gradient(180deg, rgba(252,253,255,.99), rgba(241,246,251,.97));
  border-color: rgba(21,34,48,.11);
  box-shadow: 0 14px 30px rgba(19,37,58,.09);
}

body[data-theme="light"].page-home .split-section > :first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at top right, rgba(75,141,248,.08), transparent 24%), linear-gradient(180deg, rgba(255,255,255,.78), transparent 34%);
}

body[data-theme="light"].page-home .split-section > :first-child p,
body[data-theme="light"].page-home .split-section > :first-child li {
  color: #415266;
}

body[data-theme="light"].page-home .split-section > :first-child h2 {
  color: #152230;
}


/* ============================================================
   Mobile fixes (2026-07-02)
   ============================================================ */

/* "body.page-home .metric-grid-standalone" (Ertekesites / Karbantartas /
   Javitas row) forces a 3-column grid unconditionally (no media query,
   higher specificity than the generic .metric-grid mobile collapse -
   which doesn't even target this class). Never collapses, so the 3 cards
   get squeezed into ~110px-wide columns on phones. */
@media (max-width: 980px) {
  body.page-home .metric-grid-standalone {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.page-home .metric-grid-standalone {
    grid-template-columns: 1fr;
  }
}

/* Tall sections (e.g. the product accordions) can exceed the height where
   the 0.14 IntersectionObserver threshold is reachable on a small
   viewport, leaving them permanently invisible (opacity:0, never gets
   is-visible). Scroll-reveal is a nicety, not essential -- disable it
   below 720px so content always renders. */
@media (max-width: 720px) {
  .reveal-on-scroll,
  .heading-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* Homepage hero: "body.page-home .hero" is defined unconditionally (no
   media query) with a 2-column grid whose 2nd column has a 320px floor.
   That has higher specificity than the generic mobile collapse
   "@media (max-width:1100px) .hero{grid-template-columns:1fr}" and wins
   the cascade at any width, squeezing hero-copy to 0 width with
   hero-panel overlapping beside it instead of stacking. */
@media (max-width: 1100px) {
  body.page-home .hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
}

/* Mobile contact banner: icon-only (drop the label/number text), and
   theme-aware so it isn't stuck dark in light mode. */
.mobile-contact-banner__item {
  justify-content: center;
}

.mobile-contact-banner__item > span:not(.icon-badge) {
  display: none;
}

.mobile-contact-banner__item .icon-badge {
  margin: 0;
}

@media (max-width: 720px) {
  .mobile-contact-banner__item {
    min-height: 54px;
  }

  /* Tuned to the banner's new compact (icon-only) height instead of the
     old text-inclusive height. */
  .site-shell {
    padding-bottom: 92px;
  }
}

body[data-theme="light"] .mobile-contact-banner {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,249,252,.94));
  border-color: rgba(21,34,48,.12);
  box-shadow: 0 18px 40px rgba(19,37,58,.12);
}

body[data-theme="light"] .mobile-contact-banner__item {
  background: rgba(21,34,48,.04);
  border-color: rgba(21,34,48,.09);
}

/* Product page: tone down accordion / product-card density on mobile so
   long option lists don't turn into an overwhelming, sprawling column. */
@media (max-width: 720px) {
  body.page-products .brand-accordion summary {
    padding: 18px 20px;
    gap: 12px;
  }

  body.page-products .brand-accordion summary strong {
    font-size: 1.2rem;
  }

  body.page-products .accordion-panel {
    padding: 0 20px 20px;
  }

  body.page-products .type-card {
    padding: 16px;
  }

  body.page-products .product-visual {
    margin: -4px -4px 14px;
  }

  body.page-products .product-list {
    margin-top: 12px;
  }

  body.page-products .product-list li {
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
  }

  body.page-products .product-list li:last-child {
    border-bottom: none;
  }

  body.page-products .product-list li strong {
    margin-bottom: 2px;
    font-size: .94rem;
  }

  body.page-products .product-list li span {
    line-height: 1.5;
    font-size: .88rem;
  }

  /* text-align:justify on narrow mobile columns produces ugly ragged
     word-gaps -- left-align instead. */
  .panel-card p,
  .story-card p,
  .contact-panel p,
  .type-card > p {
    text-align: left;
    text-justify: auto;
  }

  /* .animated-title span forces white-space:nowrap for the reveal
     animation. On page-hero titles (kapcsolat/termekek) some spans group
     multiple words and are wider than the mobile viewport, so the
     centered flex title overflows and gets clipped by its parent's
     overflow:hidden (e.g. "Lepjen kapcsolatba" -> ".epjen kapcsolatba").
     Allow wrapping on mobile; the homepage title has its own
     higher-specificity nowrap override further up and is unaffected. */
  .animated-title span {
    white-space: normal;
  }
}