
:root{--r:#c9151b;--g:#10b95a;--d:#1c232c;--m:#69737d;--l:#e7e9ed;--s:#f6f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#181c22;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.c{width:min(1160px,calc(100% - 36px));margin:auto}
.top{background:linear-gradient(100deg,#22272e,#30363d);color:#fff;font-size:12px}.top .c{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-location{display:inline-flex;align-items:center;gap:7px}.top-location svg{width:15px;height:15px;color:#ff565d}
.h{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.97);border-bottom:1px solid #eceef0;box-shadow:0 4px 16px rgba(15,20,28,.045);backdrop-filter:blur(16px)}.hi{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{flex:0 0 auto}.logo img{width:230px;height:55px;object-fit:contain;object-position:left}.nav{display:flex;align-items:center;gap:19px;font-size:13px;font-weight:750}.nav a{transition:color .2s}.nav a:hover{color:var(--r)}.header-actions-legacy{display:flex;gap:9px;align-items:center}.header-call,.header-menu{height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #f1dfe0;color:#b91520;background:#fff1f2;font-size:12px;font-weight:800;padding:0 13px;white-space:nowrap}.header-call svg,.header-menu svg{width:21px;height:21px}.header-menu{display:none;cursor:pointer}.legacy-menu[hidden]{display:none!important}.legacy-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 20px 30px #14192222;padding:12px 20px 18px;display:grid;gap:2px}.legacy-menu a{padding:12px 10px;font-size:14px;font-weight:700;border-bottom:1px solid #f1f2f4}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 17px;border-radius:10px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.b:hover{transform:translateY(-2px);box-shadow:0 9px 23px #1112}.call{background:linear-gradient(125deg,#ed2a35,#b40e18);color:#fff}.wa{background:linear-gradient(125deg,#16ca68,#08a34d);color:#fff}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#161e27,#252d38 68%,#2c252c);color:#fff;padding:46px 0}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 93% 9%,rgba(238,46,59,.14),transparent 35%),linear-gradient(90deg,transparent 96%,rgba(255,255,255,.025) 97%);background-size:auto,84px 84px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:42px;align-items:center}.crumb{font-size:12px;color:#bac3ce;margin-bottom:18px}.crumb a:hover{color:#fff}.hero h1{font-size:clamp(29px,3.5vw,43px);line-height:1.14;letter-spacing:-.035em;margin:0 0 17px;font-weight:850}.hero h1 span{color:#ff424b}.hero p{font-size:15px;line-height:1.75;color:#d3dbe3;margin:0 0 20px;max-width:660px}.hero-img{border-radius:18px;overflow:hidden;box-shadow:0 16px 48px #0003;border:1px solid #ffffff19}.hero-img img{width:100%;height:290px;object-fit:cover}.actions2{display:flex;flex-wrap:wrap;gap:9px}
.sec{padding:43px 0;position:relative}.sec.soft{background:#f6f7f9}.sec .c>h2,.sec h2{font-size:clamp(23px,2.7vw,30px);line-height:1.23;letter-spacing:-.027em;margin:0 0 17px;font-weight:850}.sec h3{font-size:19px;line-height:1.3}.sec p,.sec li{color:#626d79;font-size:14px;line-height:1.8}.sec p{margin:0 0 14px}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}.grid2>div{min-width:0}.grid2>div:has(>h2){padding:23px 25px;background:#fff;border:1px solid #e7e9ed;border-radius:17px;box-shadow:0 12px 28px rgba(18,27,38,.035)}.sec:not(.soft) .grid2>div:has(>h2){background:linear-gradient(150deg,#fff,#fafbfc)}.list{padding-left:21px;margin:10px 0}.list li{padding:3px 0}.list li::marker{color:#c9151b}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{min-width:0;position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #e5e8ed;border-radius:15px;padding:21px 20px;background:linear-gradient(155deg,#fff,#fafbfc);box-shadow:0 10px 25px rgba(20,28,40,.035);transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);border-color:#e7b5b8;box-shadow:0 17px 35px #151e2c14}.card:after{content:"→";color:#bd1921;font-size:20px;font-weight:600;margin-top:auto;align-self:flex-end}.card strong{font-size:15px;line-height:1.35;font-weight:850;letter-spacing:-.01em}.card p{font-size:12.5px;line-height:1.6;margin:0}.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid #e5e8ed;border-radius:13px;padding:0 17px;overflow:hidden}.faq summary{list-style:none;cursor:pointer;font-weight:800;font-size:14px;padding:17px 25px 17px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;color:#c9151b;font-size:20px;top:12px}.faq details[open] summary:after{content:"−"}.faq details p{border-top:1px solid #eef0f2;padding-top:13px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 12px;border:1px solid #e4e7eb;border-radius:999px;background:#fff;font-size:12px;font-weight:700}
.cta{background:linear-gradient(125deg,#1a222c,#2c3039);color:#fff;padding:28px 0;border-top:3px solid #d51d27}.cta .c{display:flex;justify-content:space-between;align-items:center;gap:22px}.cta h2{font-size:23px;line-height:1.2;margin:0 0 7px}.cta p{font-size:13px;color:#cbd1d9;margin:0}.cta .b{min-height:41px}
.legacy-footer{padding:36px 0 105px;border-top:1px solid #e8eaed;background:#fff}.foot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:19px}.foot img{width:190px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;font-size:12px;font-weight:650;color:#59626c}.muted{font-size:12px;line-height:1.7;color:#8a929b}.mobile{display:none}.mobile svg{width:19px;height:19px;flex:0 0 auto}
@media(max-width:1080px){.nav{gap:12px;font-size:12px}.header-call span{display:none}.header-call{width:44px;padding:0}}
@media(max-width:800px){body{padding-bottom:83px}.c{width:calc(100% - 28px)}.top .c{min-height:35px}.top .right,.nav{display:none}.hi{min-height:73px}.logo img{width:195px;height:49px}.header-call,.header-menu{display:inline-flex;width:44px;height:44px;padding:0}.header-menu{background:#f4f5f6;color:#303741;border-color:#f4f5f6}.hero{padding:29px 0 33px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(27px,6.2vw,34px)}.hero p{font-size:13px;line-height:1.7}.hero-img img{height:210px}.hero-img img[style]{padding:25px!important}.sec{padding:30px 0}.sec h2{font-size:24px}.sec p,.sec li{font-size:13px;line-height:1.7}.grid2{grid-template-columns:1fr;gap:12px}.grid2>div:has(>h2){padding:20px 18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:17px 14px;border-radius:13px}.card strong{font-size:13px}.card p{font-size:12px}.cta{padding:25px 0}.cta .c{display:block}.cta h2{font-size:20px}.cta .actions2{margin-top:15px;display:flex;gap:9px}.cta .b{min-height:39px}.legacy-footer{padding:35px 0 110px}.mobile{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:90;padding:9px 12px max(9px,env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #eef0f2;box-shadow:0 -6px 22px #141b2812}.mobile a{min-height:47px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:14px;font-weight:850}.mobile .call{border-radius:10px 0 0 10px}.mobile .wa{border-radius:0 10px 10px 0}}
@media(max-width:400px){.cards{grid-template-columns:1fr 1fr}.card{padding:14px 12px}.card strong{font-size:12px}.card p{font-size:11.5px}.hero h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V6: robust common site shell / mobile compact scale */
.top{position:relative;z-index:71}
.top .c{min-height:35px}
.top-location svg{display:inline-block!important;width:14px!important;height:14px!important;flex:0 0 14px}
.h{position:sticky;top:0;z-index:70}
.h .hi{display:flex;align-items:center;justify-content:space-between}
.h .logo{display:block;flex:0 1 auto;min-width:0}
.h .logo img{display:block;width:210px;max-width:100%;height:auto;max-height:56px;object-fit:contain}
.h .header-actions-legacy{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto}
.h .header-actions-legacy svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;max-height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}
.h .header-call,.h .header-menu{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-width:44px;min-height:44px;border:0;border-radius:11px}
.h .header-call{background:#fff0f1;color:#c51a25;text-decoration:none;padding:0 12px}
.h .header-menu{background:#f2f3f5;color:#4c565f;cursor:pointer}
.h .header-menu svg{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important}
.h .legacy-menu[hidden]{display:none!important}
.h .legacy-menu:not([hidden]){display:grid;gap:0;position:absolute;top:100%;left:0;right:0;background:#fff;padding:9px 18px 16px;border-top:1px solid #eee;box-shadow:0 12px 22px #101b2920;z-index:72}
.h .legacy-menu a{display:block;padding:12px 6px;font-size:14px;font-weight:750;border-bottom:1px solid #f0f1f3}
.legacy-footer .footer-links{display:flex!important;flex-wrap:wrap!important;gap:10px 19px!important;justify-content:center!important;align-items:center}
.legacy-footer .footer-links a{display:inline-block!important;font-size:12px!important;line-height:1.5!important;white-space:nowrap}
.mobile svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;max-height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
@media(min-width:801px){.h .header-menu{display:none}.h .header-call{min-height:40px}.h .header-call span{font-size:12px}}
@media(max-width:800px){.top .c{min-height:35px}.h .hi{min-height:72px;gap:12px}.h .logo img{width:clamp(170px,43vw,205px);max-height:51px}.h .header-call,.h .header-menu{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;padding:0!important}.h .header-call span{display:none!important}.h .header-actions-legacy{gap:8px}.hero{padding:33px 0}.hero h1{font-size:clamp(27px,7vw,35px);line-height:1.15}.hero p{font-size:13px;line-height:1.7}.legacy-footer .footer-links{gap:9px 17px!important}.legacy-footer .footer-links a{font-size:11.5px!important}}

/* Shared site header: same component across main and landing pages */
.topbar{position:relative;z-index:71;background:linear-gradient(90deg,#252b30,#33383d);color:#fff;font-size:12px}
.topbar .container{width:min(1180px,calc(100% - 34px));margin:auto;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar .container>span:first-child{display:inline-flex;align-items:center;gap:7px}
.topbar svg{width:14px;height:14px;color:#f34b54}
.site-header{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid #eceef0;box-shadow:0 3px 12px #00000009;backdrop-filter:blur(14px)}
.site-header .container{width:min(1180px,calc(100% - 34px));margin:auto}
.site-header .header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .logo img{width:245px;height:54px;object-fit:contain;object-position:left center}
.site-header .desktop-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}
.site-header .desktop-nav a{padding:29px 0;position:relative}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a.active{color:#d21b24}
.site-header .header-actions{display:flex;align-items:center;gap:9px}
.site-header .mobile-phone,.site-header .mobile-menu,.site-header .mobile-nav{display:none}
.site-header .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:9px;font-size:13px;font-weight:900;border:1px solid transparent}
.site-header .btn-outline{border-color:#d21b24;background:#fff}
.site-header .btn-red{background:linear-gradient(135deg,#e62b32,#ad1116);color:#fff}
.site-header svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.site-header .desktop-nav{display:none}.site-header .mobile-phone,.site-header .mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:43px;padding:0;border:0;border-radius:11px;background:#f2f3f5;color:#4c565f}.site-header .mobile-phone{background:#fff0f1;color:#c51a25}.site-header .mobile-nav.open{display:grid;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px;box-shadow:0 12px 22px #101b2920}.site-header .mobile-nav a{padding:12px;border-bottom:1px solid #eee}.site-header .header-inner{min-height:72px;gap:12px}.site-header .logo img{width:clamp(170px,43vw,205px);height:51px}.topbar .top-right{display:none}}

/* Mobile shell correction: show menu only when toggled, hide desktop call button */
@media(max-width:1000px){.site-header .header-actions>.btn{display:none!important}.site-header .mobile-nav{display:none!important}.site-header .mobile-nav.open{display:grid!important}.site-header .header-actions{flex:0 0 auto}.site-header .logo{min-width:0;flex:0 1 auto}.site-header .logo img{max-width:100%;height:auto;max-height:51px}}
@media(min-width:1001px){.site-header .mobile-nav{display:none!important}}
