@import "tailwindcss";
:root{--bg:#f3f6f7;--card:#fff;--text:#17202a;--muted:#687480;--primary:#d7ad55;--text-accent:#8c7549;--blue:#d7ad55;--violet:#f0d28f;--green:#1f5a47;--dark:#071b2f;--line:#dbe3e9;--soft:#f7f2e7;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Helvetica Neue",sans-serif;font-size:17px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:920px}.header{position:sticky;top:0;z-index:50;background:rgba(245,247,250,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,231,235,.7)}.header-inner{height:78px;display:flex;align-items:center;gap:30px}.logo{font-size:25px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.logo span{color:var(--text-accent)}.nav{display:flex;align-items:center;gap:21px;margin:auto;font-size:14px;font-weight:700}.nav a:hover{color:var(--text-accent)}.head-actions{display:flex;align-items:center;gap:14px}.head-phone{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--blue));color:white;font-weight:800;box-shadow:0 14px 30px rgba(240,90,36,.2);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(240,90,36,.28)}.btn-small{min-height:44px;padding:0 18px;font-size:14px}.btn-outline{background:white;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.menu-btn{display:none;border:0;background:var(--soft);width:48px;height:48px;border-radius:14px;color:var(--text-accent)}.hero{padding:76px 0 95px;background:radial-gradient(circle at 70% 15%,rgba(240,90,36,.12),transparent 30%),radial-gradient(circle at 25% 70%,rgba(240,90,36,.1),transparent 32%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.eyebrow{display:inline-block;margin-bottom:15px;color:var(--text-accent);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:780px}.hero-lead,.page-hero>div>p{font-size:19px;color:var(--muted);max-width:720px;margin:0 0 30px}.actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.text-link{display:inline-flex;gap:7px;align-items:center;font-weight:800;padding:13px}.trust-line{display:flex;align-items:center;gap:8px;margin:24px 0 0!important;font-size:14px;color:var(--muted)}.trust-line .icon{color:var(--green)}.hero-visual{position:relative;min-height:530px}.browser{position:absolute;inset:35px 10px 75px 0;background:white;border:1px solid var(--line);border-radius:28px;box-shadow:0 35px 80px rgba(30,41,59,.17);overflow:hidden;transform:rotate(-1.5deg)}.dots{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 15px}.dots i{width:8px;height:8px;border-radius:50%;background:#ddd}.screen{padding:24px}.screen-nav{height:9px;width:42%;background:var(--line);border-radius:8px}.screen-copy{height:205px;margin-top:24px;border-radius:18px;background:linear-gradient(135deg,var(--soft),#fff5f1);padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.screen-copy b{font-size:27px}.screen-copy span{width:70%;height:8px;background:#ead8d1;border-radius:6px}.screen-copy span+span{width:52%}.screen-copy button{border:0;background:var(--primary);color:#fff;border-radius:8px;padding:9px 14px}.screen-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.screen-cards i{height:92px;background:#f3f4f6;border-radius:14px}.phone-mock{position:absolute;right:-15px;bottom:18px;width:145px;height:260px;background:var(--dark);border:6px solid white;border-radius:30px;color:white;box-shadow:0 22px 45px rgba(0,0,0,.22);display:flex;flex-direction:column;justify-content:center;align-items:center}.phone-mock div{width:65px;height:65px;border:7px solid var(--green);border-top-color:#687080;border-radius:50%;margin-bottom:18px}.phone-mock b{font-size:28px}.phone-mock span{font-size:12px;color:#bbc0ca}.search-card,.chart-card,.lead-card{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border:1px solid white;box-shadow:0 16px 38px rgba(30,41,59,.15);border-radius:17px}.search-card{top:5px;right:0;padding:15px 18px;display:flex;align-items:center;gap:11px}.search-card .icon{color:var(--text-accent)}.search-card div{display:flex;flex-direction:column;font-size:13px}.search-card span{color:var(--muted);font-size:11px}.chart-card{left:-22px;bottom:20px;width:180px;padding:14px}.chart-card .icon{color:var(--green)}.chart-card b{font-size:12px;margin-left:5px}.bars{height:40px;display:flex;align-items:flex-end;gap:6px;margin-top:10px}.bars i{width:25%;background:linear-gradient(var(--violet),var(--blue));border-radius:4px 4px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:90%}.lead-card{right:40px;top:170px;padding:12px 17px;display:flex;flex-direction:column;font-size:12px}.lead-card span{color:var(--green);font-weight:800}.section{padding:100px 0}.section.alt{background:#fff}.section-head{max-width:780px;margin-bottom:42px}.section-head h2,.lead-section h2,.dark-band h2,.notice h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}.section-head p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{position:relative;min-height:320px;padding:34px;border-radius:var(--radius);background:white;border:1px solid var(--line);overflow:hidden}.service-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-65px;top:-70px;background:linear-gradient(135deg,rgba(240,90,36,.12),rgba(240,90,36,.03))}.service-card>span{position:absolute;right:30px;top:27px;color:#a4a8b2;font-weight:800}.service-card h3{font-size:27px;margin:28px 0 10px;letter-spacing:-.025em}.service-card p{color:var(--muted);max-width:480px}.service-card a,.text-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--text-accent);font-weight:800;margin-top:18px}.icon-box{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--text-accent)}.c2 .icon-box{background:#fff1eb;color:var(--blue)}.c3 .icon-box{background:#fff5f1;color:var(--violet)}.c4 .icon-box{background:#ecfdf5;color:var(--green)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare article{padding:40px;border-radius:32px;background:var(--soft);border:1px solid #ffd6c7}.compare h3{font-size:32px;margin:25px 0 8px}.compare p{color:var(--muted)}.compare ul{padding:0;list-style:none;margin:25px 0}.compare li{padding:9px 0;border-bottom:1px solid rgba(96,100,108,.14)}.compare li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.compare .dark-card{background:var(--dark);color:#fff;border-color:var(--dark)}.dark-card p,.dark-card li{color:#c4c8d0}.dark-card .icon-box{background:rgba(255,255,255,.1);color:#ffb59a}.dark-card .text-arrow{color:var(--text-accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{background:#fff;border:1px solid var(--line);border-radius:23px;padding:27px}.steps article>span{font-weight:900;color:var(--text-accent);font-size:13px}.steps h3{font-size:20px;margin:18px 0 8px}.steps p{font-size:15px;color:var(--muted);margin:0}.dark-band{padding:100px 0;background:var(--dark);color:#fff}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dark-band p{color:#b9bec8;max-width:620px}.light-eye{color:var(--text-accent)}.yellow{background:#facc15;color:#111318;box-shadow:none;margin-top:22px}.system-map{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.system-map div{min-height:130px;border:1px solid #353843;background:#1c1f27;border-radius:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.system-map div .icon{color:#ffb59a}.system-map span{text-align:center;color:#777e8c}.city-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.city-list a{min-height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:17px;font-weight:800}.city-list a:hover{border-color:var(--text-accent);color:var(--text-accent)}.lead-section{padding:100px 0;background:linear-gradient(135deg,var(--primary),var(--violet));color:white}.lead-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.lead-section .eyebrow{color:var(--text-accent)}.lead-section p{color:#e4e6f1}.contact-stack{display:flex;flex-direction:column;gap:13px;margin-top:30px}.contact-stack a{display:flex;align-items:center;gap:10px;font-weight:800}.lead-form{background:white;color:var(--text);padding:32px;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.lead-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:800}.lead-form label:nth-of-type(4),.lead-form .consent,.form-btn,.form-status{grid-column:1/-1}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid var(--line);background:#fafafa;border-radius:12px;padding:12px 14px;outline:none}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px rgba(240,90,36,.1)}.lead-form .consent{display:flex;flex-direction:row;align-items:flex-start;font-weight:400}.consent input{width:18px;margin-top:4px}.consent a{text-decoration:underline;color:var(--text-accent)}.honeypot{position:absolute!important;left:-9999px!important}.form-status{margin:0!important;color:var(--muted)!important}.page-hero{padding:78px 0 85px;background:radial-gradient(circle at 75% 20%,rgba(240,90,36,.14),transparent 35%),linear-gradient(#fff,var(--bg))}.page-hero .actions{margin-top:30px}.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:35px}.breadcrumbs a:hover{color:var(--text-accent)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.topic-grid article{padding:27px;background:#fff;border:1px solid var(--line);border-radius:23px}.topic-grid article>span{float:right;color:#abb0b9;font-size:12px;font-weight:900}.topic-grid h3{font-size:20px;margin:21px 0 8px}.topic-grid p{font-size:15px;color:var(--muted)}.notice{padding:55px 0;background:var(--soft);border-top:1px solid #ffd6c7;border-bottom:1px solid #ffd6c7}.notice>.container{display:flex;align-items:flex-start;gap:25px}.notice>.container>.icon{color:var(--text-accent);min-width:38px;width:38px;height:38px}.notice h2{font-size:30px}.notice p{margin:0;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.benefits div{display:flex;align-items:center;gap:13px;padding:18px;background:var(--bg);border-radius:15px;font-weight:700}.benefits .icon{color:var(--green);min-width:24px}.faq details{background:white;border:1px solid var(--line);border-radius:17px;margin-bottom:11px;padding:0 22px}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-weight:800;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--text-accent);font-size:25px}.faq p{color:var(--muted);margin:0;padding:0 0 20px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related a{background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px;display:flex;align-items:center;gap:12px}.related a .icon:first-child{color:var(--text-accent)}.related a .icon:last-child{margin-left:auto}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.price-grid article{background:#fff;border:1px solid var(--line);border-radius:27px;padding:32px}.price-grid h2{font-size:25px}.price-grid strong{font-size:32px;color:var(--text-accent);display:block;margin:15px 0}.price-grid p{color:var(--muted);min-height:58px}.price-note{color:var(--muted);margin-top:25px}.contact-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.contact-panel>a,.contact-panel>div{padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;display:flex;gap:17px;align-items:center}.contact-panel .icon{color:var(--text-accent)}.contact-panel div div{display:flex;flex-direction:column}.contact-panel span{font-size:13px;color:var(--muted)}.empty-trust{text-align:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:60px}.empty-trust .icon-box{margin:auto}.empty-trust h2{font-size:34px}.empty-trust p{color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.blog-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.blog-grid article>span:first-child{font-size:12px;color:var(--text-accent);font-weight:900;text-transform:uppercase}.blog-grid h2{font-size:24px;line-height:1.25}.blog-grid p{color:var(--muted)}.soon{font-size:13px;color:var(--muted)}.legal h2{font-size:29px;margin-top:45px}.legal p{color:var(--muted)}.not-found{min-height:70vh}.footer{padding:65px 0 25px;background:var(--dark);color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.footer p{color:#aeb3bd;max-width:330px}.footer h3{font-size:15px;margin:0 0 18px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid>div:first-child{display:block}.footer-grid a:not(.logo){color:#bfc3cc;font-size:14px}.footer-grid a:hover{color:#fff}.logo.light span{color:var(--text-accent)}.footer-bottom{display:flex;gap:25px;align-items:center;border-top:1px solid #2e3139;margin-top:45px;padding-top:22px;color:#888f9c;font-size:12px}.footer-bottom a:first-of-type{margin-left:auto}
@media(max-width:1050px){.nav{gap:12px}.head-phone{display:none}.hero-grid{gap:30px}.city-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.header-inner{height:70px}.nav{position:fixed;top:70px;right:0;width:min(86vw,380px);height:calc(100vh - 70px);background:white;z-index:3;display:flex;flex-direction:column;align-items:stretch;padding:25px;gap:0;transform:translateX(105%);transition:.25s}.nav.open{transform:none}.nav a{padding:14px 8px;border-bottom:1px solid var(--line)}.nav-backdrop{position:fixed;inset:70px 0 0;background:rgba(18,20,26,.45);border:0;z-index:2}.menu-btn{display:grid;place-items:center;z-index:4}.head-actions .btn{display:none}.hero{padding:55px 0 70px}.hero-grid,.dark-grid,.lead-grid{grid-template-columns:1fr}.hero-visual{min-height:500px}.service-grid,.compare{grid-template-columns:1fr}.steps,.topic-grid{grid-template-columns:repeat(2,1fr)}.city-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.lead-grid{gap:38px}.section{padding:75px 0}.dark-band,.lead-section{padding:75px 0}}
@media(max-width:560px){body{font-size:16px}.container{width:min(100% - 28px,1180px)}.header-inner{gap:12px}.logo{font-size:23px}.hero h1,.page-hero h1{font-size:38px}.hero-lead,.page-hero>div>p{font-size:17px}.actions{align-items:stretch}.actions .btn{width:100%}.actions .text-link{justify-content:center}.hero-visual{min-height:400px;margin-top:10px}.browser{inset:20px 4px 50px}.screen{padding:15px}.screen-copy{height:160px;padding:20px}.screen-copy b{font-size:21px}.phone-mock{width:110px;height:205px;right:-5px;border-width:4px}.phone-mock div{width:48px;height:48px}.search-card{right:4px}.chart-card{left:-4px;bottom:5px;width:150px}.lead-card{display:none}.service-card{min-height:0;padding:26px}.service-card h3{font-size:24px}.compare article{padding:27px}.steps,.topic-grid,.city-list,.benefits,.related,.price-grid,.contact-panel,.blog-grid,.footer-grid{grid-template-columns:1fr}.system-map{grid-template-columns:1fr}.system-map>span{transform:rotate(90deg)}.lead-form{grid-template-columns:1fr;padding:22px}.lead-form label{grid-column:1!important}.lead-form .form-btn,.form-status{grid-column:1}.section-head{margin-bottom:30px}.section{padding:62px 0}.page-hero{padding:50px 0 65px}.breadcrumbs{margin-bottom:25px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom a:first-of-type{margin-left:0}.empty-trust{padding:35px 22px}.notice>.container{gap:15px}.notice h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Icons retain the orange visual accent; orange text uses the green brand color. */
.menu-btn,.search-card .icon,.icon-box,.notice>.container>.icon,.related a .icon:first-child,.contact-panel .icon{color:var(--primary)}

/* Recognizable WhatsApp treatment. */
a[href*="wa.me"].btn{background:#25d366;color:#fff;box-shadow:0 14px 30px rgba(37,211,102,.24)}
a[href*="wa.me"].btn:hover{box-shadow:0 18px 36px rgba(37,211,102,.34)}
a[href*="wa.me"]:not(.btn) .whatsapp-icon{color:#25d366}
a[href*="wa.me"].btn .whatsapp-icon{color:#fff}

/* The handset gently rings, then rests before the next cycle. */
a[href^="tel:"] .icon{transform-origin:50% 55%;animation:phone-ring 2.8s ease-in-out infinite}
@keyframes phone-ring{0%,72%,100%{transform:rotate(0)}76%{transform:rotate(-16deg)}80%{transform:rotate(14deg)}84%{transform:rotate(-11deg)}88%{transform:rotate(8deg)}92%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){a[href^="tel:"] .icon{animation:none!important}}

/* Fixed communication dock shown on every page. */
body{padding-bottom:100px}
.fixed-contacts{position:fixed;z-index:80;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;width:min(560px,calc(100% - 28px));padding:8px;background:rgba(255,255,255,.94);border:1px solid rgba(229,231,235,.9);border-radius:22px;box-shadow:0 18px 48px rgba(18,20,26,.22);backdrop-filter:blur(18px)}
.fixed-contact{min-height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:14px;font-weight:850;box-shadow:0 8px 18px rgba(18,20,26,.12);transition:transform .2s,filter .2s}
.fixed-contact:hover{transform:translateY(-2px);filter:brightness(1.04)}
.fixed-contact .icon{color:inherit;flex:0 0 auto}
.phone-contact{background:#1f5a47}.whatsapp-contact{background:#25d366}.telegram-contact{background:#229ed9}
.max-contact{background:#635bff}.max-contact .max-icon{color:#fff}
.whatsapp-contact .whatsapp-icon{color:#fff!important;fill:#fff!important}
@media(max-width:560px){body{padding-bottom:90px}.fixed-contacts{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);gap:5px;padding:6px;border-radius:18px}.fixed-contact{min-height:52px;gap:5px;border-radius:13px;font-size:12px}.fixed-contact .icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.fixed-contact{transition:none!important}}

/* Esil Logistic inspired visual system: deep navy, warm gold and editorial typography. */
body{background:var(--bg);color:var(--text);font-family:Arial,"Helvetica Neue",sans-serif}
h1,h2,.service-card h3,.compare h3,.price-grid h2,.blog-grid h2,.empty-trust h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em}
.container{width:min(1200px,calc(100% - 48px))}
.header{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(7,27,47,.08);backdrop-filter:blur(14px)}
.header-inner{height:82px}.logo{font-family:Georgia,"Times New Roman",serif;letter-spacing:.08em;font-size:23px}.logo span{color:var(--text)}
.nav{font-size:13px;gap:24px}.nav a:hover,.breadcrumbs a:hover{color:var(--text-accent)}
.btn{min-height:50px;border-radius:7px;background:var(--dark);color:#fff;box-shadow:none;padding-inline:25px;letter-spacing:.01em}
.btn:hover{box-shadow:none;background:#0c2944;transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px #a9b6c1}
.btn-outline:hover{background:#fff;color:var(--text)}
.menu-btn{border-radius:7px;background:var(--dark);color:var(--primary)}
.hero{position:relative;padding:92px 0 96px;background:linear-gradient(112deg,#06182a 0%,#0a2743 58%,#123654 100%);color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(240,210,143,.17),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.16),transparent 65%);pointer-events:none}
.hero-grid{position:relative;z-index:1;grid-template-columns:1.08fr .92fr;gap:58px}.hero h1{font-weight:400;letter-spacing:-.045em;font-size:clamp(46px,5.3vw,72px);line-height:1.01}
.hero-lead{color:#d9e1e8;font-size:18px;max-width:650px}.hero .eyebrow{color:var(--primary)}.hero .trust-line{color:#c5d0d9}.hero .btn:not(.btn-outline){background:var(--primary);color:#17202a}.hero .btn-outline{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)}
.eyebrow{color:var(--text-accent);letter-spacing:.18em}.hero-visual{min-height:520px}
.browser{background:#fff;border:1px solid rgba(240,210,143,.65);border-radius:8px;box-shadow:0 32px 70px rgba(0,0,0,.34);transform:none}
.dots{border-color:#dbe3e9}.screen-copy{border-radius:5px;background:linear-gradient(135deg,#f7f2e7,#fff)}.screen-copy button{background:var(--dark);border-radius:4px}
.screen-cards i{border-radius:5px;background:#edf1f3}.phone-mock{background:#0b2339;border-radius:14px;border-color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.32)}
.search-card,.chart-card,.lead-card{border-radius:6px;border:1px solid rgba(215,173,85,.5);box-shadow:0 14px 30px rgba(0,0,0,.22)}
.bars i{background:linear-gradient(var(--primary),#8c7529)}
.section{padding:92px 0}.section.alt{background:#fff}.section-head h2,.lead-section h2,.dark-band h2,.notice h2{font-weight:500;letter-spacing:-.025em}
.service-grid{gap:1px;background:var(--line);border:1px solid var(--line)}
.service-card{border:0;border-radius:0;min-height:310px;padding:38px;background:#fff}.service-card:after{width:120px;height:2px;right:38px;top:51px;border-radius:0;background:var(--primary)}
.service-card>span{color:#a98a47}.service-card h3{font-size:30px}.service-card a,.text-arrow{color:var(--text-accent)}
.icon-box,.c2 .icon-box,.c3 .icon-box,.c4 .icon-box{border-radius:6px;background:var(--soft);color:#987329;border:1px solid #eadfca}
.compare{gap:1px;background:var(--line);border:1px solid var(--line)}.compare article{border:0;border-radius:0;background:#fff;padding:42px}.compare .dark-card{background:var(--dark);border:0}.dark-card .icon-box{color:var(--primary);border-color:rgba(240,210,143,.25)}.dark-card .text-arrow{color:var(--primary)}
.steps{gap:1px;background:var(--line);border:1px solid var(--line)}.steps article{border:0;border-radius:0;padding:30px}.steps article>span{color:#987329}
.dark-band{background:var(--dark)}.dark-band p{color:#c1ccd5}.light-eye{color:var(--primary)}.yellow{background:var(--primary);color:var(--text)}
.system-map div{border-radius:7px;background:#0c2944;border-color:rgba(240,210,143,.2)}.system-map div .icon{color:var(--primary)}
.city-list{gap:1px;background:var(--line);border:1px solid var(--line)}.city-list a{border:0;border-radius:0;min-height:76px}.city-list a:hover{background:var(--soft);color:#8c6923}
.lead-section{background:linear-gradient(112deg,#071b2f,#103653);color:#fff}.lead-section .eyebrow{color:var(--primary)}.lead-section p{color:#d4dde4}
.lead-form{border-radius:8px;border:1px solid rgba(240,210,143,.55);box-shadow:0 22px 55px rgba(0,0,0,.18)}.lead-form input,.lead-form select,.lead-form textarea{border-radius:5px;background:#f8fafb}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(215,173,85,.16)}
.page-hero{padding:90px 0;background:linear-gradient(112deg,#071b2f,#103653);color:#fff}.page-hero>div>p{color:#d4dde4}.page-hero .breadcrumbs{color:#aebdca}.page-hero .eyebrow{color:var(--primary)}.page-hero .btn:not(.btn-outline){background:var(--primary);color:var(--text)}
.topic-grid{gap:1px;background:var(--line);border:1px solid var(--line)}.topic-grid article{border:0;border-radius:0;padding:30px}.topic-grid article>span{color:#a17c31}
.notice{background:var(--soft);border-color:#e7d9ba}.notice>.container>.icon{color:#987329}
.benefits{gap:1px;background:var(--line);border:1px solid var(--line)}.benefits div{border-radius:0;background:#fff;padding:20px}
.faq details{border-radius:6px}.faq summary span{color:#987329}
.related{gap:1px;background:var(--line);border:1px solid var(--line)}.related a{border:0;border-radius:0}.related a .icon:first-child{color:#987329}
.price-grid{gap:1px;background:var(--line);border:1px solid var(--line)}.price-grid article{border:0;border-radius:0;padding:36px}.price-grid strong{color:#8c6923}
.contact-panel{gap:1px;background:var(--line);border:1px solid var(--line)}.contact-panel>a,.contact-panel>div{border:0;border-radius:0}.contact-panel .icon{color:#987329}
.empty-trust,.blog-grid article{border-radius:7px}.blog-grid{gap:1px;background:var(--line);border:1px solid var(--line)}.blog-grid article{border:0;border-radius:0}.blog-grid article>span:first-child{color:#987329}
.footer{background:var(--dark)}.logo.light span{color:#fff}.footer-bottom{border-color:rgba(255,255,255,.14)}
.fixed-contacts{border-radius:8px;border-color:rgba(7,27,47,.15);box-shadow:0 16px 40px rgba(7,27,47,.2)}.fixed-contact{border-radius:5px}.phone-contact{background:var(--dark)}.telegram-contact{background:#2e6f8e}
@media(max-width:850px){.nav{background:#fff}.hero{padding-top:66px}.hero-grid{gap:35px}.page-hero{padding:65px 0}}
@media(max-width:560px){.container{width:min(100% - 28px,1200px)}.hero h1,.page-hero h1{font-size:40px}.service-grid,.compare,.steps,.topic-grid,.city-list,.benefits,.related,.price-grid,.contact-panel,.blog-grid{gap:1px}.service-card,.compare article{padding:27px}.header-inner{height:70px}.hero-visual{min-height:390px}}

/* Full-width home hero using the supplied WebWorker artwork. */
.hero{
  min-height:680px;
  padding:110px 0;
  display:flex;
  align-items:center;
  background-image:
    linear-gradient(90deg,rgba(3,13,35,.88),rgba(5,18,49,.72)),
    url('/webworker-hero.jpeg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero:before{display:none}
.hero-grid{display:block;width:100%}
.hero-content{max-width:980px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero h1{max-width:940px;margin-left:auto;margin-right:auto;text-shadow:0 4px 26px rgba(0,0,0,.48)}
.hero-lead{max-width:780px;margin-left:auto;margin-right:auto;color:#eef4ff;text-shadow:0 2px 18px rgba(0,0,0,.52)}
.hero .actions{justify-content:center}
.hero .trust-line{justify-content:center;color:#e3ebf4}
@media(max-width:850px){.hero{min-height:640px;padding:82px 0;background-position:62% center}.hero-content{max-width:720px}}
@media(max-width:560px){.hero{min-height:610px;padding:72px 0;background-position:67% center;background-image:linear-gradient(rgba(3,13,35,.8),rgba(3,13,35,.82)),url('/webworker-hero.jpeg')}.hero h1{font-size:38px}.hero-lead{font-size:17px}.hero .trust-line{text-align:center}}

/* Mobile viewport / iPhone + Android stability patch — 2026-08-08 */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
}

img,svg,video,canvas,iframe{
  max-width:100%;
}

@media(max-width:850px){
  .header{
    z-index:100;
    background:#fff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .header,
  .header-inner,
  main,
  .footer{
    width:100%;
    max-width:100%;
  }

  .nav{
    position:fixed;
    top:70px;
    right:0;
    bottom:0;
    left:auto;
    width:min(86vw,380px);
    max-width:100%;
    height:auto;
    max-height:calc(100dvh - 70px);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:25px;
    margin:0;
    background:#fff;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    z-index:102;
    transform:translateX(100%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .25s ease,visibility 0s linear .25s;
    contain:none;
    will-change:transform;
  }

  .nav.open{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
    transition:transform .25s ease,visibility 0s;
  }

  .nav a{
    flex:0 0 auto;
    width:100%;
    padding:14px 8px;
    border-bottom:1px solid var(--line);
  }

  .menu-btn{
    display:grid;
    place-items:center;
    position:relative;
    z-index:103;
  }

  .nav-backdrop{
    position:fixed;
    inset:70px 0 0 0;
    width:100%;
    height:calc(100dvh - 70px);
    margin:0;
    padding:0;
    background:rgba(18,20,26,.45);
    border:0;
    border-radius:0;
    z-index:90;
    touch-action:none;
  }
}

@media(max-width:560px){
  body{
    padding-bottom:calc(82px + env(safe-area-inset-bottom));
  }

  .fixed-contacts{
    left:max(8px,env(safe-area-inset-left));
    right:max(8px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    transform:none;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    padding:6px;
    box-sizing:border-box;
    z-index:80;
  }

  .fixed-contact{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:0 4px;
    overflow:hidden;
    white-space:nowrap;
    font-size:12px;
  }

  .fixed-contact span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}