@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{
  --red:#b20f17;--red2:#d8242b;--red-soft:#fff0f1;--ink:#151a20;--ink2:#222a33;
  --muted:#6f7780;--line:#e7e9ec;--soft:#f6f7f9;--white:#fff;--navy:#151d26;
  --shadow:0 18px 50px rgba(21,28,36,.09);--shadow-sm:0 10px 28px rgba(21,28,36,.06);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',Tahoma,'Segoe UI',Arial,sans-serif;background:#fff;color:var(--ink);direction:rtl}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.public-wrap{width:min(1240px,calc(100% - 40px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;box-shadow:0 2px 14px rgba(16,22,29,.03)}.header-inner{min-height:78px;display:flex;align-items:center;gap:24px}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:310px}.brand-lockup img{width:55px;height:55px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #e7e7e7}.brand-lockup span{display:flex;flex-direction:column;line-height:1.2}.brand-lockup b{font-size:15px}.brand-lockup small{font-size:10px;color:var(--muted);margin-top:6px;letter-spacing:.2px}.main-nav{display:flex;align-items:center;gap:24px;margin-inline-start:auto}.main-nav a{font-size:13px;font-weight:800;padding:30px 0 25px;position:relative}.main-nav a:after{content:"";position:absolute;bottom:16px;right:50%;left:50%;height:2px;background:var(--red);transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--red)}.main-nav a.active:after,.main-nav a:hover:after{right:8%;left:8%}.header-cta{background:var(--red);color:#fff;padding:12px 19px;border-radius:9px;font-size:13px;font-weight:900;box-shadow:0 8px 20px rgba(178,15,23,.18)}.header-cta:hover{background:#950b12}.menu-toggle{display:none;border:0;background:transparent;width:42px;padding:7px}.menu-toggle i{display:block;height:2px;background:#20252b;margin:6px 0;border-radius:2px}
.hero-pro{position:relative;overflow:hidden;background:linear-gradient(100deg,#fff 0%,#fff 46%,#eef1f3 46%,#e0e4e7 100%);border-bottom:1px solid #e9eaec}.hero-pro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 44%,rgba(255,255,255,.08) 72%);pointer-events:none}.hero-grid{min-height:500px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;position:relative;z-index:2}.hero-content{padding:56px 0 46px}.hero-kicker,.small-label{display:inline-flex;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.1px}.hero-content h1{font-size:48px;line-height:1.3;margin:11px 0 13px;letter-spacing:-1px}.hero-content h1 em{color:var(--red);font-style:normal}.hero-content>p{font-size:16px;line-height:2;color:#4f5862;max-width:650px;margin:0}.hero-buttons{display:flex;gap:12px;margin:26px 0 30px}.btn-pro{border:0;border-radius:9px;padding:13px 20px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;transition:.2s;font-size:13px}.btn-pro.primary{background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(178,15,23,.18)}.btn-pro.primary:hover{background:#950b12;transform:translateY(-1px)}.btn-pro.secondary{background:#fff;color:var(--ink);border:1px solid #cfd3d8}.btn-pro.light{background:#f1f3f5;color:#333b44}.btn-pro.white{background:#fff;color:var(--red)}.btn-pro:disabled{opacity:.5;cursor:not-allowed}.wide{width:100%}.trust-row{display:flex;align-items:center;gap:0}.trust-row>div{display:flex;align-items:center;gap:9px;padding:0 20px;border-left:1px solid #ccd1d6;font-size:12px;font-weight:800}.trust-row>div:first-child{padding-right:0}.trust-row>div:last-child{border-left:0}.trust-row b{width:31px;height:31px;border-radius:50%;background:#202832;color:#fff;display:grid;place-items:center}.hero-visual{height:500px;position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:44%;background:linear-gradient(to top,#929aa1 0 3%,transparent 3%),linear-gradient(90deg,#5d6871 0 6%,transparent 6% 9%,#879099 9% 15%,transparent 15% 18%,#707b84 18% 24%,transparent 24% 27%,#56616b 27% 36%,transparent 36% 39%,#818a92 39% 47%,transparent 47% 51%,#616c75 51% 58%,transparent 58% 62%,#858e96 62% 70%,transparent 70% 75%,#5b6570 75% 82%,transparent 82% 86%,#747e86 86% 94%,transparent 94%);opacity:.38;clip-path:polygon(0 100%,0 62%,5% 62%,5% 42%,10% 42%,10% 68%,16% 68%,16% 28%,22% 28%,22% 58%,28% 58%,28% 19%,34% 19%,34% 54%,40% 54%,40% 36%,47% 36%,47% 70%,54% 70%,54% 28%,61% 28%,61% 60%,68% 60%,68% 40%,75% 40%,75% 20%,82% 20%,82% 50%,90% 50%,90% 30%,96% 30%,96% 100%)}.world-dots{position:absolute;width:460px;height:250px;left:20px;top:70px;opacity:.45;background-image:radial-gradient(circle,#606c76 1.25px,transparent 1.45px);background-size:8px 8px;clip-path:polygon(3% 27%,15% 13%,27% 21%,38% 8%,54% 18%,68% 11%,80% 20%,97% 16%,91% 39%,79% 42%,71% 61%,56% 55%,43% 72%,27% 57%,14% 66%,4% 51%)}.logo-orbit{position:absolute;left:130px;top:96px;width:250px;height:250px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);border:8px solid #fff;box-shadow:0 24px 70px rgba(15,20,26,.27),0 0 0 8px rgba(178,15,23,.11)}.logo-orbit img{width:205px;height:195px;object-fit:cover;border-radius:50%}.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(178,15,23,.22);inset:-42px}.logo-orbit:after{inset:-82px;border-color:rgba(178,15,23,.10)}.signal{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform-origin:left}.s1{width:300px;left:48px;top:178px;transform:rotate(-18deg)}.s2{width:330px;left:50px;top:250px;transform:rotate(12deg)}.s3{width:280px;left:90px;top:120px;transform:rotate(34deg)}
.section{padding:62px 0}.services-section{background:#fff}.section-title{text-align:center;margin-bottom:28px}.section-title>span{color:var(--red);font-size:12px;font-weight:900}.section-title h2{font-size:30px;margin:8px 0}.section-title p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.section-title.compact{margin-bottom:35px}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid #e5e7ea;border-radius:14px;padding:24px 22px;min-height:220px;box-shadow:var(--shadow-sm);transition:.22s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-4px);border-color:#e7b0b3;box-shadow:0 18px 42px rgba(178,15,23,.09)}.service-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font-size:23px;font-weight:900;margin-bottom:18px}.service-card h3{margin:0 0 9px;font-size:18px}.service-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.service-card>span{margin-top:auto;padding-top:18px;color:var(--red);font-size:12px;font-weight:900}.steps-section{background:#f7f8f9;border-top:1px solid #eceef0;border-bottom:1px solid #eceef0}.steps-pro{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;max-width:980px;margin:auto}.step-pro{text-align:center;position:relative}.step-num{position:absolute;right:calc(50% - 37px);top:-9px;background:var(--red);color:#fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 4px 10px rgba(178,15,23,.22)}.step-icon{width:64px;height:64px;border-radius:50%;margin:auto;background:#fff;border:2px solid #ffd9db;color:var(--red);display:grid;place-items:center;font-size:26px}.step-pro h3{font-size:17px;margin:13px 0 6px}.step-pro p{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.step-line{border-top:1px dashed #bfc5ca}.cta-section{padding:52px 0}.cta-card{background:linear-gradient(135deg,#a90d15,#cf1c24);color:#fff;border-radius:18px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 18px 45px rgba(178,15,23,.22)}.cta-card span{font-size:12px;opacity:.85}.cta-card h2{font-size:25px;margin:6px 0 0}.site-footer{background:#17202a;color:#fff;padding-top:45px}.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr 1.1fr;gap:35px;padding-bottom:32px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:66px;height:66px;border-radius:50%}.footer-brand b{font-size:14px}.footer-brand small{display:block;color:#aeb6bf;margin-top:5px;font-size:9px}.footer-about p{font-size:11px;color:#aeb6bf;line-height:1.8}.footer-col h4{font-size:13px;margin:0 0 15px}.footer-col a,.footer-col span{display:block;color:#aeb6bf;font-size:11px;margin:9px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #2c3540;padding:16px 0;display:flex;justify-content:space-between;gap:15px;color:#89939e;font-size:10px}.footer-links{display:flex;gap:18px}
.inner-page{background:#f7f8fa;min-height:650px}.page-hero{background:#fff;border-bottom:1px solid #e8eaed;padding:34px 0 29px}.page-hero.slim{padding:29px 0 25px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:11px;color:#9298a0;margin-bottom:12px}.breadcrumbs a{color:var(--red)}.page-hero h1{font-size:30px;margin:0 0 8px}.page-hero p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.form-section{padding-top:36px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.request-card,.side-card,.track-card,.track-help,.legal-card,.contact-card,.info-card{background:#fff;border:1px solid #e5e7ea;border-radius:14px;box-shadow:var(--shadow-sm)}.request-card{padding:27px}.card-head,.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.card-head h2{margin:6px 0 0;font-size:23px}.head-icon{width:40px;height:40px;border-radius:10px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.form-grid label,.full-label,.stack-form label{display:flex;flex-direction:column;gap:7px}.form-grid label span,.full-label>span,.stack-form label>span{font-size:12px;font-weight:900}.form-grid input,.form-grid select,.full-label textarea,.track-input-row input,.setup-card input,.stack-form input,.stack-form select,.stack-form textarea{width:100%;border:1px solid #dfe2e6;border-radius:9px;background:#fff;padding:13px 14px;outline:none;transition:.2s}.form-grid input:focus,.form-grid select:focus,.full-label textarea:focus,.track-input-row input:focus,.setup-card input:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{border-color:#cf7d81;box-shadow:0 0 0 3px rgba(178,15,23,.06)}.card-divider{height:1px;background:#eceef0;margin:24px 0}.full-label{position:relative}.full-label textarea{min-height:160px;resize:vertical}.full-label small{position:absolute;bottom:10px;left:10px;color:#8f969e;font-size:10px}.file-drop{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;border:1px dashed #cfd4d9;border-radius:10px;background:#fafbfc;padding:19px;margin-top:18px;cursor:pointer}.file-drop input{display:none}.upload-cloud{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #e8eaed;display:grid;place-items:center;color:var(--red);font-size:25px}.file-drop>div:last-child{display:flex;flex-direction:column;gap:5px}.file-drop b{font-size:12px}.file-drop span{font-size:11px;color:#858d95}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#66707a;margin-top:15px}.check-row input{margin-top:2px}.form-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eceef0;padding-top:20px;margin-top:20px}.request-side{display:flex;flex-direction:column;gap:16px}.side-card{padding:22px}.side-card h3{font-size:17px;margin:0 0 16px}.type-pick{width:100%;border:1px solid #e4e7ea;border-radius:10px;background:#fff;padding:12px;display:flex;align-items:center;gap:11px;text-align:right;margin-bottom:10px;cursor:pointer}.type-pick:hover,.type-pick.active{background:#fffafa;border-color:#e6a6aa}.type-pick i{width:38px;height:38px;border-radius:50%;background:var(--red-soft);display:grid;place-items:center;color:var(--red);font-style:normal;font-weight:900}.type-pick span{display:flex;flex-direction:column;gap:4px}.type-pick b{font-size:12px}.type-pick small{font-size:10px;color:#838b94}.side-note{padding:18px;border-radius:12px;background:#fff1f2;border:1px solid #ffd6d8}.side-note b{color:var(--red);font-size:12px}.side-note p{font-size:11px;color:#6f7780;line-height:1.8;margin:7px 0 0}.hidden{display:none!important}.success-panel{text-align:center;padding:34px}.success-mark{width:64px;height:64px;border-radius:50%;background:#e9f8ee;color:#1b8c4b;display:grid;place-items:center;margin:auto;font-size:31px}.success-panel h2{margin:14px 0 6px}.success-panel p{color:var(--muted)}.ticket-big{display:inline-block;direction:ltr;font-size:20px;font-weight:900;letter-spacing:1px;border:1px dashed #c8cdd2;background:#f8f9fa;border-radius:10px;padding:13px 18px;margin:10px}.success-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.track-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start}.track-card{padding:34px;text-align:center}.track-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--red-soft);color:var(--red);font-size:30px}.track-card h2{margin:14px 0 6px}.track-card>p{color:var(--muted);font-size:12px}.track-input-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:22px}.track-result{text-align:right;margin-top:22px}.track-help{padding:25px}.track-help h3{margin:0 0 10px}.track-help p{font-size:12px;line-height:1.9;color:var(--muted)}.track-help a{color:var(--red);font-size:12px;font-weight:900}.track-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #eceef0}.track-head b{direction:ltr}.public-note{background:#fff7f8;border-right:3px solid var(--red);padding:12px;margin:12px 0;font-size:12px}.mini-event{display:grid;grid-template-columns:110px 1fr auto;gap:12px;border-bottom:1px solid #edf0f2;padding:11px 0;font-size:11px}.mini-event small{color:#90979e}.faq-list{max-width:900px}.faq-list details{background:#fff;border:1px solid #e5e7ea;border-radius:12px;padding:0 18px;margin-bottom:12px}.faq-list summary{cursor:pointer;padding:18px 0;font-weight:900}.faq-list p{color:var(--muted);font-size:13px;line-height:1.9;border-top:1px solid #eee;padding-top:14px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.about-grid h2{font-size:28px}.about-grid>div:first-child p{color:var(--muted);line-height:2}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-values article{background:#fff;border:1px solid #e5e7ea;border-radius:12px;padding:22px}.about-values article>b{color:var(--red);font-size:12px}.about-values article p{font-size:11px;color:var(--muted);line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-card{padding:25px;display:flex;flex-direction:column;gap:9px}.contact-card i{font-style:normal;width:46px;height:46px;border-radius:50%;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-size:20px}.contact-card span{color:var(--muted);font-size:11px}.legal-card{padding:32px;max-width:900px}.legal-card h2{font-size:19px;margin-top:25px}.legal-card h2:first-child{margin-top:0}.legal-card p{color:var(--muted);line-height:2;font-size:13px}.alert{padding:13px 15px;border-radius:10px;margin:15px 0;font-size:12px;line-height:1.7}.alert.error{background:#fff0f0;color:#8e0e13;border:1px solid #ffcaca}.alert.success{background:#edf9f1;color:#176c37;border:1px solid #cbead7}.alert.warning{background:#fff8df;color:#6f5500;border:1px solid #f5df8f}.hp{position:absolute!important;left:-9999px!important}.setup-body{min-height:100vh;background:#f4f5f7;display:grid;place-items:center;padding:25px}.setup-card{width:min(760px,100%);background:#fff;border:1px solid #e5e7ea;border-radius:18px;padding:32px;box-shadow:var(--shadow)}.setup-logo{width:85px;height:85px;border-radius:50%;display:block;margin:0 auto 10px}.setup-card h1{text-align:center}.setup-card>.muted{text-align:center;color:var(--muted)}
.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900}.st-new{background:#edf3ff;color:#315aa8}.st-review{background:#fff4d8;color:#8b6100}.st-progress{background:#eaf7ff;color:#126e98}.st-info{background:#f6ecff;color:#73429d}.st-done{background:#e9f8ef;color:#177b42}.st-rejected{background:#ffeded;color:#9d2328}.pr-normal{background:#eef1f3;color:#52606c}.pr-important{background:#fff1d9;color:#94610d}.pr-urgent{background:#ffebec;color:#a70f17}
@media(max-width:1050px){.main-nav{gap:15px}.brand-lockup{min-width:265px}.hero-content h1{font-size:40px}.service-cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.form-layout{grid-template-columns:1fr 300px}.steps-pro{grid-template-columns:1fr 60px 1fr 60px 1fr}}
@media(max-width:820px){.header-inner{min-height:72px;flex-wrap:wrap}.brand-lockup{min-width:0;flex:1}.brand-lockup b{font-size:13px}.brand-lockup small{font-size:9px}.header-cta{display:none}.menu-toggle{display:block}.main-nav{display:none;order:4;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;padding-bottom:12px}.main-nav.open{display:flex}.main-nav a{padding:11px 5px;border-top:1px solid #f0f1f2}.main-nav a:after{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-content{padding:45px 0}.hero-visual{display:none}.hero-pro:after{background:rgba(255,255,255,.68)}.form-layout,.track-layout,.about-grid{grid-template-columns:1fr}.request-side{order:-1}.side-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-card h3{grid-column:1/-1}.type-pick{margin:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.contact-grid{grid-template-columns:1fr}.steps-pro{grid-template-columns:1fr}.step-line{height:35px;border:0;border-right:1px dashed #c7ccd1;width:1px;margin:auto}}
@media(max-width:560px){.public-wrap{width:min(100% - 24px,1240px)}.brand-lockup img{width:46px;height:46px}.brand-lockup span small{display:none}.hero-content h1{font-size:32px}.hero-content>p{font-size:14px}.hero-buttons{flex-direction:column}.trust-row{display:grid;gap:10px}.trust-row>div{border:0;padding:0}.section{padding:46px 0}.section-title h2{font-size:25px}.service-cards{grid-template-columns:1fr}.service-card{min-height:190px}.cta-card{flex-direction:column;align-items:flex-start;padding:26px}.cta-card h2{font-size:20px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero h1{font-size:26px}.request-card{padding:18px}.form-grid{grid-template-columns:1fr}.side-card{grid-template-columns:1fr}.track-input-row{grid-template-columns:1fr}.about-values{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn-pro{width:100%}.success-actions{flex-direction:column}.mini-event{grid-template-columns:1fr}.setup-card{padding:22px}}

/* ===== V5 visual refinements ===== */
.hero-pro{background:#fff;padding:24px 0 20px;border-bottom:0;overflow:visible}.hero-pro:after{display:none}.hero-shell{background:linear-gradient(135deg,#fff 0%,#fff 54%,#f1f3f5 100%);border:1px solid #e7e9ec;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(21,28,36,.10)}.hero-grid{min-height:470px;grid-template-columns:1fr 1.08fr;direction:ltr}.hero-content{direction:rtl;padding:58px 48px 50px 42px;position:relative;z-index:3}.hero-content h1{font-size:46px}.hero-visual-card{position:relative;min-height:470px;overflow:hidden;border-radius:0 30px 30px 0;background:#dfe3e6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.hero-photo-wrap{position:absolute;inset:0;overflow:hidden}.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.02);filter:saturate(1.04) contrast(1.02)}.hero-visual-card.motion-on{animation:heroFloat 6s ease-in-out infinite}.hero-visual-card.motion-on .hero-photo-wrap img{animation:heroZoom 14s ease-in-out infinite alternate}.hero-visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 38%,rgba(178,15,23,.08));pointer-events:none}.hero-shine{position:absolute;top:-30%;left:-28%;width:22%;height:165%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:rotate(14deg);animation:heroShine 8s ease-in-out infinite;pointer-events:none}.hero-image-badge{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:10px 13px;border-radius:15px;box-shadow:0 12px 30px rgba(16,22,29,.18);max-width:310px}.hero-image-badge img{width:45px;height:45px;border-radius:50%;object-fit:cover}.hero-image-badge span{display:flex;flex-direction:column;direction:rtl}.hero-image-badge b{font-size:11px}.hero-image-badge small{font-size:8px;color:#68717a;margin-top:4px}.motion-off .hero-shine{display:none}@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heroZoom{0%{transform:scale(1.02)}100%{transform:scale(1.075)}}@keyframes heroShine{0%,58%{left:-32%;opacity:0}68%{opacity:1}84%{left:120%;opacity:0}100%{left:120%;opacity:0}}
.btn-pro{min-height:45px}.btn-pro.secondary{background:#fff;color:var(--red);border:1.5px solid var(--red);box-shadow:0 7px 18px rgba(178,15,23,.08)}.btn-pro.secondary:hover{background:#fff4f5;transform:translateY(-1px)}.btn-pro.light{background:#fff;color:var(--red);border:1px solid #efb7ba}.header-cta{border:1px solid var(--red);transition:.2s}.header-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(178,15,23,.25)}
.service-card{position:relative;overflow:hidden;border-radius:18px;padding:26px 23px}.service-card:before{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:var(--red);opacity:0;transition:.2s}.service-card:hover:before{opacity:1}.service-card .service-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:9px 14px;border-radius:9px;margin-top:auto;color:#fff;background:var(--red);border:1px solid var(--red);font-size:11px;font-weight:900;box-shadow:0 7px 16px rgba(178,15,23,.15)}.service-card:nth-child(even) .service-action{background:#fff;color:var(--red);box-shadow:none}.service-card:nth-child(even) .service-action:hover{background:#fff5f6}.service-card:nth-child(odd) .service-action:hover{background:#970c13}.service-card>span.service-action{padding-top:9px}.service-icon{box-shadow:inset 0 0 0 1px #ffd9dc}
.contact-grid-4{grid-template-columns:repeat(4,1fr)}.contact-card{transition:.2s;position:relative;overflow:hidden}.contact-card:hover{transform:translateY(-3px);border-color:#e8b4b7;box-shadow:0 16px 36px rgba(178,15,23,.08)}.contact-card em{font-style:normal;color:var(--red);font-size:10px;font-weight:900;margin-top:auto}.whatsapp-card{border-top:3px solid var(--red)}.whatsapp-card.alt{background:#fff8f8}.whatsapp-card b{direction:ltr;text-align:right}.footer-contact .wa-link{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 9px;color:#fff;background:rgba(255,255,255,.04);transition:.2s}.footer-contact .wa-link:hover{background:var(--red);border-color:var(--red)}.footer-contact .wa-link i{font-style:normal;color:#fff;margin-right:5px}.footer-contact .wa-link.alt{background:rgba(178,15,23,.12)}
@media(max-width:1050px){.hero-content{padding:48px 34px}.hero-content h1{font-size:38px}.contact-grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.hero-pro{padding:14px 0}.hero-shell{border-radius:22px}.hero-grid{grid-template-columns:1fr;direction:rtl}.hero-content{order:1;padding:36px 24px}.hero-visual-card{order:2;min-height:330px;border-radius:0 0 22px 22px;display:block}.hero-image-badge{right:15px;bottom:15px}.contact-grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero-content h1{font-size:31px}.hero-visual-card{min-height:260px}.hero-image-badge{max-width:calc(100% - 30px)}.contact-grid-4{grid-template-columns:1fr}.service-card .service-action{width:100%}}


/* ===== V6 full-width public layout ===== */
.public-wrap{width:calc(100% - 64px);max-width:none;margin-inline:auto}
.site-header .public-wrap{width:calc(100% - 72px)}
.section>.public-wrap,.cta-section>.public-wrap,.site-footer>.public-wrap{width:calc(100% - 72px);max-width:none}

.hero-pro{padding:20px 0 18px;background:#fff;overflow:visible;border:0}
.hero-shell.hero-full{position:relative;min-height:560px;border-radius:28px;overflow:hidden;border:1px solid #e3e6e9;box-shadow:0 24px 70px rgba(21,28,36,.12);background:#d9dde0}
.hero-full-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}
.hero-full-bg.motion-on{animation:heroBgZoom 16s ease-in-out infinite alternate}
.hero-full-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 29%,rgba(255,255,255,.72) 43%,rgba(255,255,255,.14) 65%,rgba(255,255,255,0) 100%)}
.hero-full-content{position:relative;z-index:2;width:min(690px,48%);min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:right;padding:58px 52px;direction:rtl;margin-left:0;margin-right:auto}
.hero-full-content .hero-kicker{background:rgba(255,255,255,.88);border:1px solid rgba(178,15,23,.18);padding:8px 13px;border-radius:999px;box-shadow:0 8px 24px rgba(21,28,36,.05)}
.hero-full-content h1{font-size:54px;line-height:1.24;margin:15px 0 14px;letter-spacing:-1.2px;max-width:650px}
.hero-full-content h1 em{color:var(--red);font-style:normal}
.hero-full-content>p{font-size:16px;line-height:2;color:#414b55;max-width:620px;margin:0}
.hero-full-content .hero-buttons{margin:28px 0 28px}
.hero-full-content .trust-row{width:100%;justify-content:flex-start}
@keyframes heroBgZoom{from{transform:scale(1)}to{transform:scale(1.045)}}

.services-section{padding-top:58px}.service-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{min-height:230px}
.steps-section{padding-top:64px;padding-bottom:66px}.steps-pro{max-width:none;width:100%;grid-template-columns:1fr 100px 1fr 100px 1fr;gap:8px}.step-pro{padding:0 32px}
.cta-section{padding:52px 0}.cta-card{width:100%;padding:34px 42px;border-radius:20px}
.site-footer{margin-top:0}.footer-grid{gap:46px}.footer-about{max-width:none}

@media(max-width:1200px){.hero-full-content{width:56%;padding:48px 38px}.hero-full-content h1{font-size:46px}.service-cards{grid-template-columns:repeat(2,1fr)}.steps-pro{grid-template-columns:1fr 50px 1fr 50px 1fr}}
@media(max-width:900px){.public-wrap,.site-header .public-wrap,.section>.public-wrap,.cta-section>.public-wrap,.site-footer>.public-wrap{width:calc(100% - 32px)}.hero-shell.hero-full{min-height:620px;border-radius:22px}.hero-full-bg{object-position:62% center}.hero-full-overlay{background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.56) 42%,rgba(255,255,255,.96) 70%,rgba(255,255,255,.98) 100%)}.hero-full-content{width:100%;min-height:620px;justify-content:flex-end;padding:38px 28px}.hero-full-content h1{font-size:40px;max-width:700px}.hero-full-content>p{max-width:720px}.hero-full-content .trust-row{flex-wrap:wrap}.steps-pro{grid-template-columns:1fr}.step-line{height:34px;width:1px;border-right:1px dashed #c7ccd1;margin:auto;border-top:0}.service-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.public-wrap,.site-header .public-wrap,.section>.public-wrap,.cta-section>.public-wrap,.site-footer>.public-wrap{width:calc(100% - 20px)}.hero-pro{padding:10px 0 14px}.hero-shell.hero-full{min-height:610px;border-radius:18px}.hero-full-content{min-height:610px;padding:28px 20px}.hero-full-content h1{font-size:32px}.hero-full-content>p{font-size:14px}.hero-full-content .hero-buttons{width:100%}.hero-full-content .hero-buttons .btn-pro{width:100%}.service-cards{grid-template-columns:1fr}.step-pro{padding:0 12px}.cta-card{padding:26px 20px}}

/* ===== V7 balanced mobile / desktop-like composition ===== */
@media (max-width: 700px){
  /* Keep the public site visually close to desktop instead of stacking everything vertically */
  .public-wrap,
  .site-header .public-wrap,
  .section>.public-wrap,
  .cta-section>.public-wrap,
  .site-footer>.public-wrap{width:calc(100% - 16px);max-width:none}

  .site-header{position:sticky;top:0}
  .header-inner{min-height:64px;flex-wrap:wrap;gap:8px;padding:5px 0}
  .brand-lockup{min-width:0;flex:1;gap:7px}
  .brand-lockup img{width:44px;height:44px}
  .brand-lockup b{font-size:11px;white-space:nowrap}
  .brand-lockup small{display:block!important;font-size:6.5px;margin-top:3px;white-space:nowrap}
  .menu-toggle{display:block;width:36px;padding:4px}
  .menu-toggle i{margin:5px 0}
  .main-nav{order:4;width:100%;padding:4px 0 8px;border-top:1px solid #f0f1f2;display:none;grid-template-columns:repeat(3,1fr);gap:5px}
  .main-nav.open{display:grid}
  .main-nav a{padding:9px 4px!important;text-align:center;border:1px solid #eceef0!important;border-radius:8px;font-size:10px;background:#fff}
  .main-nav a.active{background:var(--red);color:#fff;border-color:var(--red)!important}
  .header-cta{display:none}

  /* Hero: a compact desktop-style banner. The complete picture remains visible and text stays on one side. */
  .hero-pro{padding:8px 0 10px}
  .hero-shell.hero-full{min-height:0;height:auto;aspect-ratio:1.48/1;border-radius:14px;overflow:hidden;box-shadow:0 12px 34px rgba(21,28,36,.12)}
  .hero-full-bg{object-fit:cover;object-position:center center;transform:none!important;animation:none!important}
  .hero-full-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 36%,rgba(255,255,255,.72) 53%,rgba(255,255,255,.08) 75%,rgba(255,255,255,0) 100%)}
  .hero-full-content{position:absolute;inset:0 auto 0 0;width:58%;min-height:0;height:100%;padding:13px 10px 10px;justify-content:center;align-items:flex-start;text-align:right;margin:0;overflow:hidden}
  .hero-full-content .hero-kicker{font-size:7px;padding:4px 7px;border-radius:999px;margin:0}
  .hero-full-content h1{font-size:20px;line-height:1.28;letter-spacing:0;margin:7px 0 5px;max-width:100%}
  .hero-full-content>p{font-size:8px;line-height:1.65;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hero-full-content .hero-buttons{display:flex;flex-direction:row;width:100%;gap:6px;margin:9px 0 8px}
  .hero-full-content .hero-buttons .btn-pro{width:auto;min-height:30px;padding:6px 8px;border-radius:7px;font-size:7.5px;gap:4px;white-space:nowrap}
  .hero-full-content .trust-row{display:flex!important;flex-wrap:nowrap!important;width:100%;gap:0;justify-content:flex-start;overflow:hidden}
  .hero-full-content .trust-row>div{border-left:1px solid rgba(0,0,0,.12);padding:0 5px!important;gap:3px!important;font-size:6.5px!important;white-space:nowrap}
  .hero-full-content .trust-row>div:first-child{padding-right:0!important}
  .hero-full-content .trust-row>div:last-child{border-left:0}
  .hero-full-content .trust-row b{width:18px;height:18px;font-size:7px;flex:0 0 18px}

  /* Full-width content, but compact like a desktop page scaled for mobile */
  .section{padding:34px 0}
  .section-title{margin-bottom:18px}
  .section-title>span{font-size:9px}
  .section-title h2{font-size:21px;margin:6px 0}
  .section-title p{font-size:9px;line-height:1.7;padding:0 10px}

  .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .service-card{min-height:190px;padding:14px 12px;border-radius:12px}
  .service-icon{width:38px;height:38px;font-size:18px;margin-bottom:10px}
  .service-card h3{font-size:14px;margin-bottom:6px}
  .service-card p{font-size:9px;line-height:1.65}
  .service-card .service-action{width:auto!important;padding:7px 9px;font-size:8px;border-radius:7px}

  .steps-section{padding:36px 0 38px}
  .steps-pro{display:grid!important;grid-template-columns:1fr 18px 1fr 18px 1fr!important;gap:2px!important;align-items:start}
  .step-line{height:auto!important;width:auto!important;border-right:0!important;border-top:1px dashed #c7ccd1!important;margin-top:27px!important}
  .step-pro{padding:0 3px!important}
  .step-icon{width:50px;height:50px;font-size:20px}
  .step-num{right:calc(50% - 31px);width:20px;height:20px;font-size:9px;top:-6px}
  .step-pro h3{font-size:12px;margin:9px 0 4px}
  .step-pro p{font-size:7.5px;line-height:1.55}

  .cta-section{padding:26px 0}
  .cta-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 16px!important;border-radius:13px;gap:10px}
  .cta-card span{font-size:8px}
  .cta-card h2{font-size:16px;margin-top:4px}
  .cta-card .btn-pro{min-height:34px;padding:7px 10px;font-size:8px;white-space:nowrap}

  .site-footer{padding-top:28px}
  .footer-grid{grid-template-columns:1.25fr .75fr!important;gap:20px 12px;padding-bottom:22px}
  .footer-grid>div:last-child{grid-column:auto!important}
  .footer-brand img{width:48px;height:48px}
  .footer-brand b{font-size:10px}
  .footer-brand small{font-size:6px}
  .footer-about p,.footer-col a,.footer-col span{font-size:8px;line-height:1.65}
  .footer-col h4{font-size:10px;margin-bottom:10px}
  .footer-bottom{flex-direction:row!important;align-items:center;padding:12px 0;font-size:7px;gap:8px}
  .footer-links{gap:8px}

  /* Inner pages stay readable but do not become oversized on mobile */
  .page-hero{padding:22px 0 18px}
  .page-hero h1{font-size:22px}
  .page-hero p{font-size:10px}
  .form-section{padding-top:20px}
  .request-card,.track-card,.track-help,.legal-card,.contact-card,.info-card{border-radius:12px}
  .request-card{padding:14px}
  .form-grid{grid-template-columns:1fr!important;gap:12px}
  .form-grid label,.full-label,.stack-form label{font-size:10px}
  input,select,textarea{font-size:11px}
}

@media (max-width: 380px){
  .hero-shell.hero-full{aspect-ratio:1.38/1}
  .hero-full-content{width:61%;padding:10px 8px}
  .hero-full-content h1{font-size:18px}
  .hero-full-content>p{font-size:7.5px}
  .hero-full-content .hero-buttons .btn-pro{font-size:7px;padding:5px 6px}
  .service-card{min-height:182px;padding:12px 10px}
  .section-title h2{font-size:19px}
  .step-pro p{font-size:7px}
}


/* =========================================================
   V9 HYBRID MOBILE
   Keep header/footer in compact desktop composition,
   while main content becomes readable and vertically scrollable.
   ========================================================= */
@media (max-width:700px){
  html,body{min-width:0!important;width:100%!important;overflow-x:hidden!important}
  body{background:#fff}
  .public-wrap{width:calc(100% - 18px)!important;max-width:none!important;margin-inline:auto!important}

  /* Header stays in desktop-like one-row composition, just miniaturized */
  .site-header{position:sticky;top:0;z-index:1000}
  .header-inner{min-height:58px!important;height:58px!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;padding:0!important;overflow:hidden}
  .brand-lockup{min-width:0!important;width:152px!important;flex:0 0 152px!important;gap:5px!important}
  .brand-lockup img{width:34px!important;height:34px!important}
  .brand-lockup span{min-width:0}
  .brand-lockup b{font-size:7.2px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  .brand-lockup small{font-size:4.8px!important;margin-top:2px!important;white-space:nowrap!important}
  .menu-toggle{display:none!important}
  .main-nav{display:flex!important;flex:1 1 auto!important;min-width:0!important;gap:7px!important;margin:0!important;order:initial!important;overflow:hidden!important;white-space:nowrap!important}
  .main-nav a{padding:23px 0 18px!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:6.6px!important;line-height:1!important;flex:0 0 auto!important}
  .main-nav a:after{bottom:12px!important;height:1px!important}
  .header-cta{display:inline-flex!important;flex:0 0 auto!important;padding:7px 9px!important;border-radius:6px!important;font-size:6.8px!important;box-shadow:none!important;white-space:nowrap!important}

  /* Main hero: no whole-page desktop zoom. Compact image, readable text. */
  .hero-pro{padding:12px 0 18px!important;background:#fff!important}
  .hero-shell.hero-full{height:270px!important;min-height:270px!important;aspect-ratio:auto!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(21,28,36,.10)!important}
  .hero-full-bg{object-fit:cover!important;object-position:68% center!important;transform:none!important;animation:none!important}
  .hero-full-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.62) 58%,rgba(255,255,255,.05) 78%,rgba(255,255,255,0) 100%)!important}
  .hero-full-content{position:absolute!important;inset:0 auto 0 0!important;width:60%!important;min-height:0!important;height:100%!important;padding:20px 12px 14px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:right!important;overflow:visible!important}
  .hero-full-content .hero-kicker{font-size:7.5px!important;padding:5px 8px!important;border-radius:999px!important;margin:0!important}
  .hero-full-content h1{font-size:22px!important;line-height:1.3!important;letter-spacing:0!important;margin:8px 0 6px!important;max-width:100%!important}
  .hero-full-content>p{font-size:8.6px!important;line-height:1.8!important;max-width:100%!important;margin:0!important;display:block!important;overflow:visible!important}
  .hero-full-content .hero-buttons{display:flex!important;flex-direction:row!important;width:100%!important;gap:6px!important;margin:11px 0 10px!important}
  .hero-full-content .hero-buttons .btn-pro{width:auto!important;min-height:31px!important;padding:6px 9px!important;border-radius:7px!important;font-size:7.7px!important;gap:4px!important;white-space:nowrap!important}
  .hero-full-content .trust-row{display:flex!important;width:100%!important;gap:0!important;overflow:hidden!important;flex-wrap:nowrap!important}
  .hero-full-content .trust-row>div{padding:0 5px!important;gap:3px!important;font-size:6.4px!important;white-space:nowrap!important}
  .hero-full-content .trust-row b{width:18px!important;height:18px!important;flex:0 0 18px!important;font-size:7px!important}

  /* Readable sections: scroll vertically section by section */
  .section{padding:42px 0!important}
  .section-title{margin-bottom:20px!important;padding:0 8px!important}
  .section-title>span{font-size:9px!important}
  .section-title h2{font-size:23px!important;line-height:1.35!important;margin:6px 0!important}
  .section-title p{font-size:10px!important;line-height:1.8!important;padding:0!important}

  .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .service-card{min-height:208px!important;padding:16px 13px!important;border-radius:14px!important;box-shadow:0 7px 22px rgba(21,28,36,.05)!important}
  .service-icon{width:42px!important;height:42px!important;font-size:19px!important;margin-bottom:12px!important}
  .service-card h3{font-size:15px!important;margin:0 0 7px!important}
  .service-card p{font-size:9.5px!important;line-height:1.75!important;margin-bottom:14px!important}
  .service-card .service-action{font-size:9px!important;padding:7px 10px!important;border-radius:7px!important;display:inline-flex!important;align-self:flex-start!important}

  .steps-section{padding:44px 0!important}
  .steps-pro{display:flex!important;flex-direction:column!important;gap:14px!important;align-items:stretch!important;max-width:430px!important;margin:auto!important}
  .step-line{display:none!important}
  .step-pro{position:relative!important;display:grid!important;grid-template-columns:62px 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;align-items:center!important;text-align:right!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important}
  .step-icon{grid-row:1/3!important;width:56px!important;height:56px!important;font-size:22px!important;margin:0!important}
  .step-num{right:50px!important;top:7px!important;width:21px!important;height:21px!important;font-size:9px!important}
  .step-pro h3{grid-column:2!important;font-size:14px!important;margin:0 0 4px!important}
  .step-pro p{grid-column:2!important;font-size:9px!important;line-height:1.65!important;margin:0!important}

  .cta-section{padding:30px 0!important}
  .cta-card{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;padding:18px 15px!important;border-radius:14px!important}
  .cta-card span{font-size:8px!important}
  .cta-card h2{font-size:16px!important;line-height:1.45!important;margin-top:4px!important}
  .cta-card .btn-pro{font-size:8px!important;padding:8px 10px!important;min-height:34px!important;white-space:nowrap!important}

  /* Footer remains same desktop-like 4-column structure, compact */
  .site-footer{padding-top:24px!important}
  .footer-grid{grid-template-columns:1.5fr .8fr .8fr 1.15fr!important;gap:10px!important;padding-bottom:20px!important;align-items:start!important}
  .footer-grid>div:last-child{grid-column:auto!important}
  .footer-brand{gap:5px!important}
  .footer-brand img{width:34px!important;height:34px!important}
  .footer-brand b{font-size:7.5px!important;line-height:1.3!important}
  .footer-brand small{font-size:4.6px!important}
  .footer-about p,.footer-col a,.footer-col span{font-size:5.8px!important;line-height:1.65!important}
  .footer-col h4{font-size:7.3px!important;margin-bottom:7px!important}
  .footer-contact .wa-link{padding:4px 5px!important;border-radius:5px!important}
  .footer-bottom{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:10px 0!important;font-size:5.8px!important;gap:8px!important}
  .footer-links{gap:7px!important}

  /* Inner pages: normal readable mobile, not forced desktop zoom */
  .page-hero{padding:28px 0 22px!important}
  .page-hero h1{font-size:24px!important}
  .page-hero p{font-size:10px!important}
  .form-section{padding-top:22px!important}
  .request-card,.track-card,.track-help,.legal-card,.contact-card,.info-card{border-radius:14px!important}
  .request-card{padding:16px!important}
  .form-grid{grid-template-columns:1fr!important;gap:12px!important}
  .form-grid label,.full-label,.stack-form label{font-size:10px!important}
  input,select,textarea{font-size:11px!important}
}

@media (max-width:390px){
  .brand-lockup{width:142px!important;flex-basis:142px!important}
  .main-nav{gap:5px!important}
  .main-nav a{font-size:6.1px!important}
  .header-cta{font-size:6.2px!important;padding:6px 7px!important}
  .hero-shell.hero-full{height:248px!important;min-height:248px!important}
  .hero-full-content{width:62%!important;padding:16px 9px 12px!important}
  .hero-full-content h1{font-size:20px!important}
  .hero-full-content>p{font-size:8px!important}
  .service-card{min-height:196px!important;padding:14px 11px!important}
  .section-title h2{font-size:21px!important}
}

/* =========================================================
   V10 MOBILE HEADER FIX
   Clear brand + request button + hamburger. Navigation opens
   below the header instead of being compressed into unreadable text.
   ========================================================= */
@media (max-width:700px){
  .site-header{position:sticky!important;top:0!important;z-index:2000!important;background:#fff!important;overflow:visible!important}
  .site-header .public-wrap{width:calc(100% - 18px)!important;max-width:none!important}
  .header-inner{
    min-height:68px!important;height:auto!important;padding:7px 0!important;
    display:flex!important;align-items:center!important;flex-wrap:wrap!important;
    gap:8px!important;overflow:visible!important
  }
  .brand-lockup{
    flex:1 1 190px!important;width:auto!important;min-width:0!important;
    gap:7px!important;order:1!important
  }
  .brand-lockup img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .brand-lockup span{min-width:0!important;display:flex!important;flex-direction:column!important}
  .brand-lockup b{
    font-size:10.5px!important;line-height:1.35!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;max-width:230px!important
  }
  .brand-lockup small{
    display:block!important;font-size:6.2px!important;line-height:1.25!important;
    margin-top:3px!important;white-space:nowrap!important;color:#747c85!important
  }
  .header-cta{
    display:inline-flex!important;order:2!important;flex:0 0 auto!important;
    padding:9px 10px!important;border-radius:8px!important;font-size:9.2px!important;
    line-height:1!important;box-shadow:0 5px 14px rgba(178,15,23,.16)!important;
    white-space:nowrap!important
  }
  .menu-toggle{
    display:block!important;order:3!important;flex:0 0 38px!important;width:38px!important;
    height:38px!important;padding:7px!important;border:1px solid #e4e7ea!important;
    border-radius:8px!important;background:#fff!important
  }
  .menu-toggle i{height:2px!important;margin:4px 0!important;background:#1e252d!important}
  .main-nav{
    order:4!important;width:100%!important;flex:0 0 100%!important;margin:2px 0 0!important;
    padding:8px!important;display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;background:#fff!important;border:1px solid #e8eaed!important;
    border-radius:12px!important;box-shadow:0 14px 32px rgba(18,24,31,.10)!important;
    overflow:visible!important;white-space:normal!important
  }
  .main-nav.open{display:grid!important}
  .main-nav a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:38px!important;padding:9px 7px!important;border:1px solid #edf0f2!important;
    border-radius:8px!important;background:#fafbfc!important;font-size:10.5px!important;
    line-height:1.2!important;font-weight:800!important;text-align:center!important;color:#20262d!important
  }
  .main-nav a:after{display:none!important}
  .main-nav a.active{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
}

@media (max-width:390px){
  .brand-lockup{flex-basis:168px!important}
  .brand-lockup b{font-size:9.5px!important;max-width:185px!important}
  .brand-lockup small{font-size:5.7px!important}
  .brand-lockup img{width:38px!important;height:38px!important;flex-basis:38px!important}
  .header-cta{font-size:8.4px!important;padding:8px 8px!important}
  .menu-toggle{width:36px!important;height:36px!important;flex-basis:36px!important}
  .main-nav a{font-size:10px!important}
}

/* =========================================================
   V11 POLISH — smaller hero image, deeper shadows,
   richer hover states, clearer icons and premium cards.
   ========================================================= */
:root{
  --shadow-card:0 14px 34px rgba(16,24,32,.08);
  --shadow-card-hover:0 22px 48px rgba(16,24,32,.14);
  --shadow-red:0 16px 34px rgba(178,15,23,.18);
}

.nav-item-icon{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;margin-left:7px;transform:translateY(-1px)}
.main-nav a{display:inline-flex;align-items:center;gap:6px}
.header-cta{display:inline-flex;align-items:center;gap:7px}
.header-cta span:first-child{font-size:13px}

.hero-pro{padding:18px 0 24px}
.hero-shell.hero-full{
  min-height:520px;
  border-radius:30px;
  box-shadow:0 28px 72px rgba(16,24,32,.14),0 8px 22px rgba(178,15,23,.08);
  border:1px solid rgba(217,222,227,.95);
  animation:heroShellFloat 8s ease-in-out infinite;
}
.hero-full-bg{filter:saturate(1.03) contrast(1.01)}
.hero-full-bg.motion-on{animation:heroBalancedZoom 14s ease-in-out infinite alternate}
.hero-full-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 39%,rgba(255,255,255,.58) 58%,rgba(255,255,255,.08) 79%,rgba(255,255,255,0) 100%)}
.hero-full-content{width:min(49%,690px);padding:50px 46px;gap:0}
.hero-full-content .hero-kicker{
  background:rgba(255,255,255,.92);
  padding:8px 14px;border-radius:999px;
  box-shadow:0 10px 24px rgba(16,24,32,.08);
  border:1px solid rgba(178,15,23,.12)
}
.hero-full-content h1{font-size:50px;line-height:1.22;margin:16px 0 14px}
.hero-full-content>p{font-size:16px;line-height:1.95;color:#58616b;max-width:640px}
.hero-buttons{margin:28px 0 24px}
.trust-row>div{position:relative}
.trust-row>div:not(:last-child):after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:28px;border-left:1px solid #d7dce1}

.btn-pro,.header-cta,.service-action,.type-pick,.contact-card,.faq-list details,.about-values article,.step-pro,.request-card,.side-card,.track-card,.track-help,.legal-card,.info-card,.contact-card,.cta-card{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease;
}
.btn-pro.primary,.header-cta{box-shadow:var(--shadow-red)}
.btn-pro.primary:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(178,15,23,.24)}
.btn-pro.secondary{box-shadow:0 10px 24px rgba(16,24,32,.06)}
.btn-pro.secondary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(16,24,32,.10)}

.service-card,.step-pro,.request-card,.side-card,.track-card,.track-help,.legal-card,.contact-card,.info-card,.about-values article,.faq-list details{
  box-shadow:var(--shadow-card);
  border-color:#e9edf1;
}
.service-card,.contact-card,.about-values article,.faq-list details,.step-pro{position:relative;overflow:hidden}
.service-card:before,.contact-card:before,.about-values article:before,.faq-list details:before,.step-pro:before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--red),#f26b72);opacity:.92
}
.service-card:hover,.contact-card:hover,.about-values article:hover,.faq-list details:hover,.step-pro:hover,.request-card:hover,.side-card:hover,.track-card:hover,.track-help:hover,.legal-card:hover,.info-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-card-hover);
  border-color:#e2c1c4;
}
.service-icon,.head-icon,.track-icon,.upload-cloud{
  box-shadow:0 12px 28px rgba(178,15,23,.14),inset 0 0 0 1px rgba(255,255,255,.4);
}
.service-icon{font-size:24px}
.service-action{
  display:inline-flex;align-items:center;gap:6px;
  background:#fff5f5;border:1px solid #f3c7ca;border-radius:999px;padding:9px 14px;
}
.service-card:hover .service-action{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 12px 28px rgba(178,15,23,.18)}

.step-pro{background:#fff;border-radius:18px;padding:18px 16px 20px}
.step-icon{box-shadow:0 12px 26px rgba(178,15,23,.11)}

.contact-card i{
  width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
  background:linear-gradient(135deg,#fff1f1,#ffe5e7);font-style:normal;font-size:24px;
  box-shadow:0 12px 30px rgba(178,15,23,.10)
}
.contact-card b{line-height:1.7}
.whatsapp-card{background:linear-gradient(180deg,#fff 0%,#fcfcfc 100%)}
.whatsapp-card em{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:8px 12px;border-radius:999px;background:#f4faf6;border:1px solid #c7ead2;color:#188b47;font-style:normal;font-weight:800}
.footer-contact .wa-link{box-shadow:0 8px 20px rgba(16,24,32,.08)}

.about-values article,.faq-list details{padding:22px;border-radius:16px;background:#fff}
.about-values article b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff1f1;color:var(--red);box-shadow:0 10px 22px rgba(178,15,23,.10)}
.faq-list details summary{cursor:pointer;list-style:none;font-weight:900;display:flex;align-items:center;gap:10px}
.faq-list details summary::-webkit-details-marker{display:none}
.faq-list details summary:before{content:"❓";display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff1f1}

.file-drop,.type-pick{box-shadow:0 10px 24px rgba(16,24,32,.06)}
.type-pick:hover,.type-pick.active{transform:translateY(-3px);box-shadow:0 16px 32px rgba(178,15,23,.14)}
.track-help a{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;background:#fff5f5;color:var(--red);font-weight:900}

@keyframes heroShellFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes heroBalancedZoom{0%{transform:scale(.97)}100%{transform:scale(1.03)}}

@media (max-width:900px){
  .hero-shell.hero-full{min-height:500px}
  .hero-full-content{width:100%;padding:38px 30px}
}

@media (max-width:700px){
  .hero-pro{padding:10px 0 18px!important}
  .hero-shell.hero-full{
    height:236px!important;min-height:236px!important;border-radius:18px!important;
    box-shadow:0 18px 42px rgba(16,24,32,.14)!important;
    animation:heroShellFloat 7s ease-in-out infinite!important;
  }
  .hero-full-bg{
    object-position:71% center!important;
    transform:scale(.965)!important;
  }
  .hero-full-bg.motion-on{animation:heroBalancedZoom 14s ease-in-out infinite alternate!important}
  .hero-full-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 41%,rgba(255,255,255,.60) 58%,rgba(255,255,255,.10) 77%,rgba(255,255,255,0) 100%)!important}
  .hero-full-content{width:59%!important;padding:16px 12px 12px!important}
  .hero-full-content .hero-kicker{font-size:7px!important;padding:5px 9px!important}
  .hero-full-content h1{font-size:20px!important;line-height:1.34!important;margin:8px 0 7px!important}
  .hero-full-content>p{font-size:8.4px!important;line-height:1.82!important}
  .hero-full-content .hero-buttons{gap:7px!important;margin:11px 0 9px!important}
  .hero-full-content .hero-buttons .btn-pro{min-height:32px!important;padding:6px 10px!important;font-size:7.8px!important;border-radius:8px!important}
  .hero-full-content .trust-row>div{font-size:6.7px!important;padding:0 5px!important}
  .hero-full-content .trust-row b{width:19px!important;height:19px!important}

  .service-card,.contact-card,.about-values article,.faq-list details,.step-pro,.request-card,.side-card,.track-card,.track-help,.legal-card,.info-card{box-shadow:0 10px 24px rgba(16,24,32,.08)!important}
  .service-card:hover,.contact-card:hover,.about-values article:hover,.faq-list details:hover,.step-pro:hover,.request-card:hover,.side-card:hover,.track-card:hover,.track-help:hover,.legal-card:hover,.info-card:hover{transform:translateY(-4px)!important}
  .service-card .service-action{padding:7px 11px!important}
  .contact-card i{width:46px;height:46px;font-size:20px;border-radius:14px}
  .main-nav a{gap:5px!important}
  .nav-item-icon{font-size:12px!important;margin-left:4px!important}
}

@media (max-width:390px){
  .hero-shell.hero-full{height:228px!important;min-height:228px!important}
  .hero-full-content{width:60%!important;padding:14px 10px 10px!important}
  .hero-full-content h1{font-size:18px!important}
  .hero-full-content>p{font-size:7.8px!important}
}

/* =========================================================
   V12 — DARK HEADER + CENTERED PREMIUM HERO
   ========================================================= */
.site-header{
  background:#17202a!important;
  border-bottom:1px solid #2c3540!important;
  box-shadow:0 6px 22px rgba(10,16,22,.18)!important;
}
.brand-lockup b{color:#fff!important}
.brand-lockup small{color:#aeb6bf!important}
.main-nav a{color:#e8edf2!important}
.main-nav a:hover,.main-nav a.active{color:#fff!important}
.main-nav a:after{background:#d51b24!important}
.menu-toggle{border-color:#3a4652!important;background:#202a35!important}
.menu-toggle i{background:#fff!important}
.header-cta{background:#c4161c!important;color:#fff!important;box-shadow:0 10px 26px rgba(196,22,28,.26)!important}
.header-cta:hover{background:#a90f15!important}

.hero-pro{
  background:#f6f7f9!important;
  padding:28px 0 34px!important;
}
.hero-shell.hero-full{
  width:min(1180px,calc(100% - 84px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  min-height:480px!important;
  height:480px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid #e1e5e9!important;
  box-shadow:0 26px 60px rgba(16,24,32,.16),0 8px 24px rgba(16,24,32,.08)!important;
  animation:heroShellFloat 8s ease-in-out infinite!important;
  background:#fff!important;
}
.hero-full-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:70% center!important;
  border-radius:28px!important;
}
.hero-full-bg.motion-on{animation:heroBalancedZoom 14s ease-in-out infinite alternate!important}
.hero-full-overlay{
  border-radius:28px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 38%,rgba(255,255,255,.68) 55%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 100%)!important;
}
.hero-full-content{
  width:48%!important;
  min-height:480px!important;
  height:480px!important;
  padding:44px 42px!important;
}
.hero-full-content h1{font-size:46px!important}
.hero-full-content>p{font-size:15px!important}

@media (max-width:900px){
  .hero-shell.hero-full{
    width:calc(100% - 50px)!important;
    min-height:360px!important;
    height:360px!important;
    border-radius:22px!important;
  }
  .hero-full-bg,.hero-full-overlay{border-radius:22px!important}
  .hero-full-content{min-height:360px!important;height:360px!important;width:55%!important;padding:28px 24px!important}
  .hero-full-content h1{font-size:34px!important}
}

@media (max-width:700px){
  .site-header .public-wrap{width:calc(100% - 18px)!important}
  .brand-lockup b{color:#fff!important}
  .brand-lockup small{color:#aeb6bf!important}
  .menu-toggle{background:#202a35!important;border-color:#3c4855!important}
  .menu-toggle i{background:#fff!important}
  .main-nav{
    background:#17202a!important;
    border-color:#303b46!important;
    box-shadow:0 16px 34px rgba(7,11,16,.24)!important;
  }
  .main-nav a{
    background:#202a35!important;
    border-color:#2d3945!important;
    color:#e8edf2!important;
  }
  .main-nav a.active{background:#c4161c!important;color:#fff!important;border-color:#c4161c!important}

  .hero-pro{padding:18px 0 26px!important}
  .hero-shell.hero-full{
    width:calc(100% - 36px)!important;
    min-height:220px!important;
    height:220px!important;
    border-radius:18px!important;
    box-shadow:0 18px 42px rgba(16,24,32,.17)!important;
  }
  .hero-full-bg,.hero-full-overlay{border-radius:18px!important}
  .hero-full-bg{object-position:72% center!important}
  .hero-full-content{
    width:58%!important;
    min-height:220px!important;
    height:220px!important;
    padding:14px 12px 11px!important;
  }
  .hero-full-content h1{font-size:18px!important;line-height:1.32!important;margin:7px 0 6px!important}
  .hero-full-content>p{font-size:7.7px!important;line-height:1.75!important}
  .hero-full-content .hero-kicker{font-size:6.8px!important;padding:4px 8px!important}
  .hero-full-content .hero-buttons{margin:9px 0 8px!important;gap:6px!important}
  .hero-full-content .hero-buttons .btn-pro{font-size:7.2px!important;padding:5px 8px!important;min-height:29px!important}
  .hero-full-content .trust-row>div{font-size:6.2px!important;padding:0 4px!important}
  .hero-full-content .trust-row b{width:17px!important;height:17px!important;flex-basis:17px!important}
}

@media (max-width:390px){
  .hero-shell.hero-full{width:calc(100% - 30px)!important;height:210px!important;min-height:210px!important}
  .hero-full-content{height:210px!important;min-height:210px!important;width:59%!important;padding:12px 10px 9px!important}
  .hero-full-content h1{font-size:17px!important}
  .hero-full-content>p{font-size:7.2px!important}
}

/* V13 OFFICIAL ARABIC TYPEFACE */
html,body,button,input,select,textarea,a,label,table,th,td,summary{font-family:'Cairo',Tahoma,'Segoe UI',Arial,sans-serif!important;}
.activity-code{font-family:monospace!important;}

/* =========================================================
   V14 REQUEST FLOW FIX
   Remove legacy wide-canvas behavior and make request pages
   truly responsive, centered and interactive on mobile.
   ========================================================= */
html,body{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
img,svg,video,canvas{max-width:100%}
.request-page,.request-page *{min-width:0}
.request-page .public-wrap{max-width:1320px}
.request-page .page-hero{background:linear-gradient(180deg,#fff,#fafbfc);position:relative;overflow:hidden}
.request-page .page-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(178,15,23,.08),transparent 68%);left:-70px;top:-110px;pointer-events:none}
.request-page .page-hero .public-wrap{position:relative;z-index:1}
.request-page .page-hero h1{display:flex;align-items:center;gap:10px}
.request-page .page-hero h1:before{content:"📝";width:44px;height:44px;border-radius:14px;background:#fff0f1;display:grid;place-items:center;font-size:20px;box-shadow:0 10px 25px rgba(178,15,23,.10)}

.request-page .form-layout{grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1280px;margin:auto}
.request-page .request-card,.request-page .side-card,.request-page .side-note{
  box-shadow:0 18px 46px rgba(16,24,32,.09);
  border:1px solid #e7eaee;
}
.request-page .request-card{border-radius:20px;padding:30px;background:linear-gradient(180deg,#fff,#fefefe)}
.request-page .side-card{border-radius:20px;padding:22px;background:#fff;position:sticky;top:102px}
.request-page .side-note{border-radius:16px;box-shadow:0 12px 30px rgba(178,15,23,.07)}
.request-page .card-head{padding-bottom:18px;border-bottom:1px solid #eef0f2}
.request-page .head-icon{width:52px;height:52px;border-radius:16px;font-size:22px;box-shadow:0 12px 28px rgba(178,15,23,.12)}
.request-page .form-grid{gap:18px}
.request-page .form-grid input,.request-page .form-grid select,.request-page .full-label textarea{
  min-height:52px;border-radius:12px;background:#fbfcfd;border-color:#dfe3e7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.request-page .full-label textarea{min-height:170px}
.request-page .form-grid input:hover,.request-page .form-grid select:hover,.request-page .full-label textarea:hover{border-color:#c9cfd5;background:#fff}
.request-page .form-grid input:focus,.request-page .form-grid select:focus,.request-page .full-label textarea:focus{background:#fff;border-color:#ca6267;box-shadow:0 0 0 4px rgba(178,15,23,.07),0 8px 20px rgba(16,24,32,.04)}
.request-page .file-drop{border-radius:16px;background:linear-gradient(135deg,#fff,#fafbfc);padding:22px;box-shadow:0 10px 28px rgba(16,24,32,.05)}
.request-page .file-drop:hover{border-color:#d68f93;box-shadow:0 16px 34px rgba(178,15,23,.08);transform:translateY(-2px)}
.request-page .upload-cloud{width:52px;height:52px;border-radius:16px;font-size:21px;background:#fff0f1}
.request-page .type-pick{border-radius:14px;padding:13px 14px;box-shadow:0 8px 20px rgba(16,24,32,.045)}
.request-page .type-pick i{width:44px;height:44px;font-size:18px;flex:0 0 44px}
.request-page .type-pick:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(16,24,32,.08)}
.request-page .type-pick.active{background:linear-gradient(135deg,#fff6f6,#fff);border-color:#dc8e92;box-shadow:0 14px 30px rgba(178,15,23,.10)}
.request-page .form-actions .btn-pro{min-width:150px;min-height:48px;border-radius:12px}
.request-page .check-row{padding:12px 14px;border-radius:12px;background:#fafbfc;border:1px solid #eceff2}

@media(max-width:900px){
  .request-page .form-layout{grid-template-columns:1fr!important;gap:18px!important}
  .request-page .request-side{order:-1!important;display:block!important}
  .request-page .side-card{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:16px!important}
  .request-page .side-card h3{grid-column:1/-1!important;margin-bottom:2px!important}
  .request-page .type-pick{margin:0!important;min-height:88px!important}
  .request-page .side-note{margin-top:12px!important}
}

@media(max-width:700px){
  .request-page .page-hero{padding:22px 0 18px!important}
  .request-page .page-hero h1{font-size:22px!important;line-height:1.45!important;margin-bottom:7px!important}
  .request-page .page-hero h1:before{width:38px;height:38px;border-radius:12px;font-size:17px}
  .request-page .page-hero p{font-size:10px!important;line-height:1.8!important}
  .request-page .breadcrumbs{font-size:8.5px!important;margin-bottom:10px!important}
  .request-page .form-section{padding:20px 0 34px!important}
  .request-page .form-layout{width:100%!important;display:block!important}
  .request-page .request-side{width:100%!important;margin-bottom:14px!important}
  .request-page .side-card{grid-template-columns:1fr 1fr!important;border-radius:16px!important;padding:12px!important;gap:8px!important}
  .request-page .side-card h3{font-size:14px!important;padding:0 2px 7px!important}
  .request-page .type-pick{min-height:92px!important;padding:10px!important;gap:8px!important;border-radius:12px!important}
  .request-page .type-pick i{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:15px!important}
  .request-page .type-pick b{font-size:10px!important}
  .request-page .type-pick small{font-size:7.5px!important;line-height:1.55!important}
  .request-page .side-note{padding:12px!important;border-radius:12px!important}
  .request-page .side-note b{font-size:9.5px!important}.request-page .side-note p{font-size:8px!important}

  .request-page .request-card{width:100%!important;padding:15px!important;border-radius:16px!important;margin:0!important}
  .request-page .card-head{align-items:center!important;margin-bottom:15px!important;padding-bottom:12px!important}
  .request-page .card-head h2{font-size:18px!important;margin-top:4px!important}
  .request-page .small-label{font-size:8px!important}
  .request-page .head-icon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:18px!important}
  .request-page .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .request-page .form-grid label,.request-page .full-label{width:100%!important;margin:0!important}
  .request-page .form-grid label span,.request-page .full-label>span{font-size:10px!important}
  .request-page .form-grid input,.request-page .form-grid select,.request-page .full-label textarea{width:100%!important;max-width:100%!important;min-height:48px!important;font-size:11px!important;padding:11px 12px!important;border-radius:11px!important}
  .request-page .full-label textarea{min-height:145px!important}
  .request-page .card-divider{margin:17px 0!important}
  .request-page .file-drop{width:100%!important;padding:14px!important;gap:10px!important;border-radius:13px!important;margin-top:14px!important}
  .request-page .upload-cloud{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important;font-size:18px!important}
  .request-page .file-drop b{font-size:9.5px!important}.request-page .file-drop span{font-size:7.7px!important;line-height:1.5!important}
  .request-page .check-row{font-size:8.5px!important;line-height:1.6!important;padding:10px!important}
  .request-page .form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:15px!important;padding-top:15px!important}
  .request-page .form-actions .btn-pro{width:100%!important;min-width:0!important;min-height:43px!important;font-size:9.5px!important;border-radius:10px!important}
  .request-page .success-panel{padding:24px 10px!important}
  .request-page .success-mark{width:54px!important;height:54px!important;font-size:26px!important}
  .request-page .success-panel h2{font-size:20px!important}
  .request-page .success-panel p{font-size:10px!important}
  .request-page .ticket-big{font-size:16px!important;max-width:100%!important;overflow-wrap:anywhere!important}
}

@media(max-width:390px){
  .request-page .side-card{grid-template-columns:1fr!important}
  .request-page .type-pick{min-height:74px!important}
  .request-page .form-actions{grid-template-columns:1fr!important}
}

/* =========================================================
   V16 REQUEST MODAL — atomic replacement for request page.
   No wide-canvas dependency; works as a centered popup on all screens.
   ========================================================= */
html.request-modal-open,body.request-modal-open{overflow:hidden!important}
.request-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:22px;direction:rtl}
.request-modal.open{display:flex}
.request-modal-backdrop{position:absolute;inset:0;background:rgba(8,14,20,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:requestFade .2s ease}
.request-modal-dialog{position:relative;z-index:1;width:min(940px,100%);max-height:min(92vh,880px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e7eaed;border-radius:26px;box-shadow:0 34px 100px rgba(5,12,19,.32);padding:26px;animation:requestPop .24s ease;color:#20262d}
.request-modal-close{position:absolute;left:18px;top:16px;width:40px;height:40px;border-radius:12px;border:1px solid #e3e7ea;background:#fff;color:#252c34;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(16,24,32,.08);z-index:2}
.request-modal-close:hover{background:#fff2f2;color:#b20f17;border-color:#f0c6c9}
.request-modal-head{display:flex;align-items:center;gap:15px;padding:4px 54px 20px 0;border-bottom:1px solid #edf0f2}
.request-modal-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0f1,#ffe2e5);font-size:26px;box-shadow:0 12px 28px rgba(178,15,23,.12)}
.request-modal-head span{display:block;color:#b20f17;font-size:12px;font-weight:900;margin-bottom:3px}
.request-modal-head h2{margin:0;font-size:26px;line-height:1.35}
.request-modal-head p{margin:6px 0 0;color:#737d87;font-size:12px;line-height:1.8}
.request-modal-types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.modal-type{min-height:76px;border:1px solid #e4e8eb;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;cursor:pointer;font:inherit;font-weight:900;color:#252c34;box-shadow:0 8px 22px rgba(16,24,32,.06);transition:.22s}
.modal-type i{font-style:normal;font-size:21px}.modal-type span{font-size:12px}
.modal-type:hover{transform:translateY(-3px);border-color:#e5b5b8;box-shadow:0 15px 30px rgba(178,15,23,.10)}
.modal-type.active{background:#b20f17;color:#fff;border-color:#b20f17;box-shadow:0 16px 34px rgba(178,15,23,.22)}
.request-modal-form{display:block}.request-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px}.request-modal-form label{display:flex;flex-direction:column;gap:7px;margin:0}.request-modal-form label>span{font-size:12px;font-weight:900}.request-modal-form input,.request-modal-form select,.request-modal-form textarea{width:100%;border:1px solid #dfe4e8;border-radius:12px;background:#fbfcfd;padding:13px 14px;font:inherit;color:#222a31;outline:none;transition:.2s;box-sizing:border-box}.request-modal-form input:focus,.request-modal-form select:focus,.request-modal-form textarea:focus{background:#fff;border-color:#c75056;box-shadow:0 0 0 4px rgba(178,15,23,.08)}.request-modal-details{margin-top:14px!important}.request-modal-details textarea{resize:vertical;min-height:120px}.request-modal-upload{margin-top:14px!important;border:1.5px dashed #cfd6dc;border-radius:15px;background:#f9fafb!important;padding:15px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;cursor:pointer}.request-modal-upload input{display:none}.request-modal-upload i{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#fff0f1;font-style:normal;font-size:21px}.request-modal-upload span{display:flex!important;flex-direction:column}.request-modal-upload small{display:block;color:#808891;font-size:10px;font-weight:500;margin-top:3px}.request-modal-consent{margin-top:12px!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:9px!important}.request-modal-consent input{width:auto!important;margin-top:3px;accent-color:#b20f17}.request-modal-consent span{font-size:11px!important;line-height:1.7;font-weight:500!important}.request-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:17px}.request-modal-actions .btn-pro{min-width:130px}.request-modal-success{text-align:center;padding:28px 12px 8px}.request-modal-success .success-mark{width:72px;height:72px;border-radius:50%;margin:auto;background:#e9f8ee;color:#158143;display:grid;place-items:center;font-size:35px;box-shadow:0 14px 34px rgba(20,129,67,.14)}.request-modal-success h2{font-size:25px;margin:15px 0 6px}.request-modal-success p{color:#727c85}.request-modal-success .ticket-big{display:inline-block;margin:12px auto;padding:13px 22px;border:1px dashed #bec5cb;border-radius:13px;background:#f6f7f8;font-weight:900;direction:ltr}.request-modal-success .request-modal-actions{justify-content:center}
@keyframes requestFade{from{opacity:0}to{opacity:1}}@keyframes requestPop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .request-modal{padding:10px;align-items:flex-end}
  .request-modal-dialog{width:100%;max-height:92dvh;border-radius:22px 22px 14px 14px;padding:17px 13px 15px}
  .request-modal-close{left:12px;top:11px;width:36px;height:36px;border-radius:10px;font-size:24px}
  .request-modal-head{gap:10px;padding:2px 42px 14px 0}
  .request-modal-icon{width:45px;height:45px;border-radius:14px;font-size:21px;flex:0 0 45px}
  .request-modal-head span{font-size:9px}.request-modal-head h2{font-size:19px}.request-modal-head p{font-size:9.5px;line-height:1.65;margin-top:4px}
  .request-modal-types{grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}
  .modal-type{min-height:54px;border-radius:12px;padding:8px;gap:6px}.modal-type i{font-size:17px}.modal-type span{font-size:10px}
  .request-modal-grid{grid-template-columns:1fr;gap:9px}
  .request-modal-form label>span{font-size:10px}.request-modal-form input,.request-modal-form select,.request-modal-form textarea{padding:11px 12px;border-radius:10px;font-size:11px}
  .request-modal-details{margin-top:9px!important}.request-modal-details textarea{min-height:90px}
  .request-modal-upload{margin-top:9px!important;padding:11px!important;border-radius:12px}.request-modal-upload i{width:38px;height:38px;border-radius:11px;font-size:18px}.request-modal-upload b{font-size:10px}.request-modal-upload small{font-size:8.5px}
  .request-modal-consent{margin-top:9px!important}.request-modal-consent span{font-size:9px!important}
  .request-modal-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.request-modal-actions .btn-pro{min-width:0;width:100%;font-size:10px;padding:10px 12px}
  .request-modal-success{padding:20px 5px 4px}.request-modal-success h2{font-size:20px}
}


/* =========================================================
   V17 MOVING TICKER — animated announcement under header
   ========================================================= */
.site-ticker{
  position:relative;
  z-index:950;
  overflow:hidden;
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  background:linear-gradient(90deg,#9f0b12 0%,#c4161d 45%,#9f0b12 100%);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 7px 18px rgba(20,25,31,.12);
  direction:ltr;
}
.ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:200%;
  white-space:nowrap;
  will-change:transform;
  animation:tickerScroll 24s linear infinite;
}
.ticker-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:50vw;
  padding:8px 54px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  direction:rtl;
  text-align:right;
  font-family:inherit;
}
.ticker-item b{color:#ffd9dc;font-size:12px;line-height:1}
.site-ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (max-width:700px){
  .site-ticker{min-height:32px}
  .ticker-track{animation-duration:18s}
  .ticker-item{min-width:100vw;padding:7px 28px;font-size:9px;gap:7px}
  .ticker-item b{font-size:9px}
}
@media (prefers-reduced-motion:reduce){.ticker-track{animation-duration:60s}}


/* =========================================================
   V18 SIDE DRAWER MENU — mobile menu slides from the left
   ========================================================= */
.drawer-backdrop{
  position:fixed;
  inset:0;
  background:rgba(8,14,20,.56);
  backdrop-filter:blur(2px);
  z-index:2400;
  opacity:0;
  transition:opacity .22s ease;
}
.drawer-backdrop.show{opacity:1}

.side-drawer{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:min(330px,86vw);
  background:#17202a;
  color:#fff;
  z-index:2500;
  transform:translateX(-104%);
  transition:transform .28s cubic-bezier(.2,.7,.2,1);
  box-shadow:18px 0 50px rgba(0,0,0,.28);
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  direction:rtl;
}
.side-drawer.open{transform:translateX(0)}

.drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 16px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,#1b2632,#17202a);
}
.drawer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.drawer-brand img{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.18);
}
.drawer-brand div{display:flex;flex-direction:column;min-width:0}
.drawer-brand b{
  font-size:11px;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:210px;
}
.drawer-brand small{
  font-size:6.5px;
  color:#aeb7c0;
  margin-top:4px;
  white-space:nowrap;
}
.drawer-close{
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  color:#fff;
  background:#202c38;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
}

.side-drawer .main-nav{
  display:flex!important;
  flex-direction:column;
  gap:8px!important;
  margin:0!important;
  padding:14px!important;
  width:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.side-drawer .main-nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  width:100%!important;
  min-height:48px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#202a35!important;
  color:#eef3f7!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:right!important;
  position:relative!important;
}
.side-drawer .main-nav a:hover{
  background:#263440!important;
  transform:translateX(2px);
}
.side-drawer .main-nav a.active{
  background:linear-gradient(135deg,#b20f17,#d11a22)!important;
  border-color:#cf2b31!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(178,15,23,.25)!important;
}
.side-drawer .main-nav a:after{display:none!important}
.side-drawer .nav-item-icon{
  width:28px;
  height:28px;
  border-radius:9px;
  display:grid!important;
  place-items:center;
  background:rgba(255,255,255,.08);
  margin:0!important;
  font-size:14px!important;
  flex:0 0 28px;
}

body.drawer-open{overflow:hidden}

@media (min-width:701px){
  .drawer-backdrop,.side-drawer{display:none!important}
}

@media (max-width:700px){
  .header-inner{flex-wrap:nowrap!important}
  .menu-toggle{order:3!important}
  .header-cta{order:2!important}
  .brand-lockup{order:1!important}
  /* menu lives only in drawer; never expands under header */
  .site-header .main-nav{display:none!important}
}

/* =========================================================
   V19 FIX — keep drawer navigation visible on mobile
   Previous mobile rule hid .main-nav inside the drawer too.
   ========================================================= */
@media (max-width:700px){
  .site-header .side-drawer .main-nav,
  .side-drawer .main-nav{
    display:flex!important;
    flex-direction:column!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .site-header .side-drawer .main-nav a,
  .side-drawer .main-nav a{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* =========================================================
   V20 HOME POLISH — richer services section on homepage
   ========================================================= */
.services-section{
  background:
    radial-gradient(circle at 15% 20%, rgba(178,15,23,.045), transparent 22%),
    radial-gradient(circle at 85% 18%, rgba(23,32,42,.045), transparent 18%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  position:relative;
}
.section-title-rich{margin-bottom:20px}
.section-title-rich h2{
  font-size:clamp(28px,3.1vw,42px);
  margin-bottom:10px;
}
.section-title-rich p{
  max-width:760px;
  margin:0 auto;
  font-size:14px;
}
.services-lead-card{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);
  gap:18px;
  align-items:stretch;
  background:linear-gradient(135deg,#fff 0%, #fff7f8 100%);
  border:1px solid #f0d7da;
  border-radius:24px;
  padding:24px;
  box-shadow:0 18px 45px rgba(16,24,32,.06);
  margin:0 0 22px;
  position:relative;
  overflow:hidden;
}
.services-lead-card:before{
  content:"";
  position:absolute;
  inset:auto auto -65px -65px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(178,15,23,.08), transparent 68%);
}
.services-lead-copy,
.services-lead-stats{position:relative;z-index:1}
.lead-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #f1d2d6;
  color:var(--red);
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(178,15,23,.07);
}
.services-lead-copy h3{
  margin:14px 0 10px;
  font-size:clamp(22px,2.3vw,31px);
  line-height:1.45;
}
.services-lead-copy p{
  margin:0;
  color:#54606e;
  font-size:14px;
  line-height:2;
  max-width:760px;
}
.services-lead-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.mini-stat-card{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid #f0ecee;
  border-radius:18px;
  padding:16px 18px;
  min-height:78px;
  box-shadow:0 10px 26px rgba(16,24,32,.05);
}
.mini-stat-card strong{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#b20f17,#d11a22);
  color:#fff;
  font-size:19px;
  box-shadow:0 12px 24px rgba(178,15,23,.2);
}
.mini-stat-card span{
  color:#1e2a35;
  font-size:13px;
  font-weight:800;
  line-height:1.7;
}
.service-cards-enhanced{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.service-cards-enhanced .service-card{
  min-height:265px!important;
  padding:24px 22px!important;
  border-radius:22px!important;
  border:1px solid #e9ebef!important;
  background:linear-gradient(180deg,#fff 0%, #fff 62%, #fcfcfd 100%);
  box-shadow:0 18px 38px rgba(16,24,32,.055)!important;
}
.service-cards-enhanced .service-card:before{
  width:100%;
  height:5px;
  right:0;
  top:0;
  opacity:1;
  background:linear-gradient(90deg, rgba(178,15,23,.05), var(--red), rgba(178,15,23,.05));
}
.service-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
}
.service-tag{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff7f8;
  color:var(--red);
  border:1px solid #f3d6d9;
  font-size:11px;
  font-weight:900;
}
.service-cards-enhanced .service-icon{
  margin:0;
  width:56px;
  height:56px;
  font-size:24px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff5f6,#ffe9ec);
  box-shadow:inset 0 0 0 1px #ffd7dc, 0 10px 22px rgba(178,15,23,.08);
}
.service-cards-enhanced .service-card h3{
  font-size:22px!important;
  margin:0 0 10px!important;
  line-height:1.4;
}
.service-cards-enhanced .service-card p{
  font-size:13px!important;
  color:#687483!important;
  line-height:1.95!important;
  margin:0 0 12px!important;
}
.service-meta{
  margin:0 0 18px;
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px dashed #d8dde4;
  color:#53606f;
  font-size:12px;
  line-height:1.8;
}
.service-cards-enhanced .service-card .service-action{
  width:100%;
  justify-content:center;
  font-size:12px!important;
  padding:11px 14px!important;
  border-radius:12px!important;
  margin-top:auto;
}
.service-card--add .service-icon,
.service-card--add .service-tag{color:#b20f17}
.service-card--edit .service-icon,
.service-card--edit .service-tag{color:#b10b3b}
.service-card--stop .service-icon,
.service-card--stop .service-tag{color:#8a1a1a}
.service-card--special .service-icon,
.service-card--special .service-tag{color:#a43d0e}
.service-card--edit .service-tag{background:#fff5f8}
.service-card--stop .service-tag{background:#fff7f7}
.service-card--special .service-tag{background:#fff8f2}
.service-card--edit .service-icon{background:linear-gradient(135deg,#fff5f8,#ffe8f0)}
.service-card--stop .service-icon{background:linear-gradient(135deg,#fff6f6,#ffebeb)}
.service-card--special .service-icon{background:linear-gradient(135deg,#fff8f1,#ffeedf)}
.service-card--add .service-meta{border-color:#f1d2d6;background:#fff8f8}
.service-card--edit .service-meta{border-color:#efd8e3;background:#fff9fc}
.service-card--stop .service-meta{border-color:#eed9d9;background:#fff9f9}
.service-card--special .service-meta{border-color:#f0dfcf;background:#fffaf5}

@media (max-width:1100px){
  .services-lead-card{grid-template-columns:1fr;}
  .services-lead-stats{grid-template-columns:repeat(3,1fr)}
  .service-cards-enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .services-lead-card{padding:18px;border-radius:18px}
  .services-lead-copy h3{font-size:21px}
  .services-lead-copy p{font-size:13px;line-height:1.9}
  .services-lead-stats{grid-template-columns:1fr;gap:10px}
  .mini-stat-card{min-height:70px;padding:14px}
  .mini-stat-card strong{width:40px;height:40px;flex-basis:40px;font-size:16px;border-radius:12px}
}
@media (max-width:560px){
  .section-title-rich h2{font-size:30px}
  .services-section{padding-top:42px!important}
  .services-lead-card{margin-bottom:16px}
  .service-cards-enhanced{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .service-cards-enhanced .service-card{min-height:255px!important;padding:16px 14px!important;border-radius:16px!important}
  .service-card-top{margin-bottom:12px}
  .service-tag{font-size:9px;padding:6px 9px}
  .service-cards-enhanced .service-icon{width:42px;height:42px;font-size:18px;border-radius:13px}
  .service-cards-enhanced .service-card h3{font-size:17px!important;margin-bottom:7px!important}
  .service-cards-enhanced .service-card p{font-size:10px!important;line-height:1.8!important;margin-bottom:10px!important}
  .service-meta{padding:9px 10px;font-size:9.5px;line-height:1.7;margin-bottom:12px}
  .service-cards-enhanced .service-card .service-action{padding:9px 10px!important;font-size:9px!important;border-radius:10px!important}
}
@media (max-width:380px){
  .service-cards-enhanced .service-card{min-height:240px!important}
  .service-cards-enhanced .service-card h3{font-size:15px!important}
}

/* =========================================================
   V21 HOME FINISH — premium steps, CTA and footer
   ========================================================= */
.steps-section{
  background:
    radial-gradient(circle at 8% 12%,rgba(178,15,23,.035),transparent 20%),
    radial-gradient(circle at 92% 88%,rgba(23,32,42,.04),transparent 22%),
    linear-gradient(180deg,#f8fafb 0%,#f4f6f8 100%);
}
.steps-heading p{
  color:#66717d;
  font-size:13px;
  line-height:1.9;
  margin:8px auto 0;
  max-width:650px;
}
.steps-pro-enhanced{
  grid-template-columns:1fr 72px 1fr 72px 1fr;
  gap:10px;
  align-items:stretch;
}
.step-pro-enhanced{
  display:grid;
  grid-template-columns:72px 1fr;
  grid-template-rows:auto auto;
  column-gap:18px;
  align-items:center;
  text-align:right;
  padding:24px;
  border:1px solid #e5e8ec;
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#fcfdfe 100%);
  box-shadow:0 16px 34px rgba(16,24,32,.055);
  min-height:185px;
}
.step-pro-enhanced:before{
  height:4px;
  background:linear-gradient(90deg,rgba(178,15,23,.04),var(--red),rgba(178,15,23,.04));
}
.step-pro-enhanced .step-icon{
  grid-row:1/3;
  width:66px;
  height:66px;
  border-radius:18px;
  margin:0;
  background:linear-gradient(135deg,#fff6f6,#ffe9eb);
  border:1px solid #f4d1d4;
  font-size:28px;
  box-shadow:0 12px 28px rgba(178,15,23,.10);
}
.step-pro-enhanced .step-num{
  top:14px;
  right:15px;
  width:26px;
  height:26px;
  font-size:11px;
  z-index:2;
}
.step-copy{grid-column:2}
.step-kicker{
  display:block;
  color:var(--red);
  font-size:10px;
  font-weight:900;
  margin-bottom:5px;
}
.step-pro-enhanced h3{
  margin:0 0 7px;
  font-size:19px;
}
.step-pro-enhanced p{
  font-size:12px;
  line-height:1.85;
  margin:0;
  color:#66717d;
}
.step-line-enhanced{
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  position:relative;
}
.step-line-enhanced:before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:50%;
  border-top:1px dashed #c8cdd3;
}
.step-line-enhanced span{
  position:relative;
  z-index:1;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:var(--red);
  border:1px solid #e4e7eb;
  box-shadow:0 8px 20px rgba(16,24,32,.07);
  font-weight:900;
}
.steps-note-bar{
  margin:20px auto 0;
  max-width:860px;
  border:1px solid #e1e6eb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 26px rgba(16,24,32,.045);
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  font-size:12px;
}
.steps-note-bar span{color:#56616d;font-weight:800}
.steps-note-bar a{color:var(--red);font-weight:900}

.cta-card-enhanced{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  overflow:hidden;
  position:relative;
  padding:30px 36px;
}
.cta-card-enhanced:before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border-radius:50%;
  left:-70px;
  top:-115px;
  background:rgba(255,255,255,.07);
}
.cta-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  font-size:28px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.cta-copy{position:relative;z-index:1}
.cta-mini-points{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:12px;
  flex-wrap:wrap;
}
.cta-mini-points small{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  padding:6px 9px;
  border-radius:999px;
  font-size:9px;
  color:#fff;
}

.site-footer{
  background:
    radial-gradient(circle at 10% 10%,rgba(178,15,23,.12),transparent 18%),
    linear-gradient(180deg,#17202a 0%,#111922 100%);
  padding-top:0;
}
.footer-support-strip{
  transform:translateY(-1px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 22px;
  border-radius:0 0 18px 18px;
  background:linear-gradient(135deg,#202c38,#1a2530);
  border:1px solid rgba(255,255,255,.07);
  border-top:0;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
  margin-bottom:30px;
}
.footer-support-copy{
  display:flex;
  align-items:center;
  gap:13px;
}
.footer-support-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#b20f17,#d51a23);
  font-size:20px;
  box-shadow:0 10px 24px rgba(178,15,23,.22);
}
.footer-support-copy div{display:flex;flex-direction:column}
.footer-support-copy b{font-size:14px}
.footer-support-copy small{font-size:9px;color:#aeb7c0;margin-top:4px}
.footer-support-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer-wa-btn,.footer-contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:11px;
  font-size:10px;
  font-weight:900;
}
.footer-wa-btn{background:#1c9c56;color:#fff!important;box-shadow:0 9px 22px rgba(28,156,86,.18)}
.footer-contact-btn{background:#fff;color:#17202a!important}
.footer-grid-enhanced{gap:18px}
.footer-block{
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.055);
  border-radius:18px;
  padding:20px;
  min-height:100%;
}
.footer-block h4{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-block a{transition:.2s}
.footer-block a:hover{transform:translateX(-3px)}
.footer-trust-chips{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:13px;
}
.footer-trust-chips span{
  display:inline-flex!important;
  width:auto;
  margin:0!important;
  padding:6px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.06);
  color:#c9d0d7!important;
  font-size:8px!important;
}
.footer-bottom{margin-top:4px}

/* small extra polish to hero without changing layout */
.hero-shell.hero-full:after{
  content:"";
  position:absolute;
  inset:auto 22px 16px auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:14px 0 0 rgba(255,255,255,.6),28px 0 0 rgba(255,255,255,.35);
  opacity:.9;
  z-index:2;
}

@media(max-width:1100px){
  .steps-pro-enhanced{grid-template-columns:1fr;gap:14px}
  .step-line-enhanced{display:none}
  .cta-card-enhanced{grid-template-columns:auto 1fr}
  .cta-card-enhanced .btn-pro{grid-column:1/-1;width:100%}
  .footer-support-strip{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .steps-section{padding:42px 0!important}
  .steps-pro-enhanced{max-width:none!important}
  .step-pro-enhanced{
    grid-template-columns:58px 1fr!important;
    min-height:0!important;
    padding:16px!important;
    border-radius:16px!important;
    column-gap:12px!important;
  }
  .step-pro-enhanced .step-icon{width:52px!important;height:52px!important;font-size:21px!important;border-radius:15px!important}
  .step-pro-enhanced .step-num{right:8px!important;top:8px!important}
  .step-pro-enhanced h3{font-size:15px!important}
  .step-pro-enhanced p{font-size:9.5px!important;line-height:1.7!important}
  .step-kicker{font-size:8px}
  .steps-note-bar{padding:12px;font-size:9px;gap:8px;border-radius:13px}

  .cta-card-enhanced{grid-template-columns:46px 1fr!important;padding:18px!important;gap:12px!important}
  .cta-icon{width:46px;height:46px;border-radius:14px;font-size:19px}
  .cta-card-enhanced h2{font-size:16px!important}
  .cta-mini-points{gap:5px;margin-top:8px}
  .cta-mini-points small{font-size:7px;padding:5px 7px}

  .footer-support-strip{margin-bottom:18px;padding:14px;border-radius:0 0 14px 14px;gap:12px}
  .footer-support-icon{width:40px;height:40px;border-radius:12px;font-size:17px}
  .footer-support-copy b{font-size:10px}
  .footer-support-copy small{font-size:6.5px}
  .footer-support-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .footer-wa-btn,.footer-contact-btn{font-size:7px;min-height:34px;padding:7px 8px;border-radius:9px}
  .footer-grid-enhanced{gap:8px!important}
  .footer-block{padding:10px;border-radius:12px}
  .footer-trust-chips{gap:4px;margin-top:7px}
  .footer-trust-chips span{font-size:5px!important;padding:4px 5px}
}

/* =========================================================
   V22 SERVICES PAGE — dedicated premium services experience
   ========================================================= */
.services-page{background:#f7f9fb}
.services-hero{
  padding:34px 0 28px;
  background:
    radial-gradient(circle at 82% 22%,rgba(178,15,23,.08),transparent 26%),
    linear-gradient(180deg,#fff 0%,#f6f8fa 100%);
  border-bottom:1px solid #e8ebef;
}
.services-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);
  gap:28px;
  align-items:stretch;
}
.services-hero-copy{
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 12px;
}
.services-eyebrow{
  display:inline-flex;
  width:max-content;
  padding:8px 13px;
  border-radius:999px;
  background:#fff1f2;
  color:var(--red);
  border:1px solid #f3ccd0;
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(178,15,23,.06);
}
.services-hero-copy h1{
  margin:16px 0 12px;
  font-size:clamp(38px,5vw,64px);
  line-height:1.22;
  letter-spacing:-1px;
}
.services-hero-copy p{
  max-width:760px;
  margin:0;
  color:#5d6874;
  font-size:15px;
  line-height:2;
}
.services-hero-actions{display:flex;gap:12px;margin:28px 0 24px;flex-wrap:wrap}
.services-trust-strip{display:flex;gap:12px;flex-wrap:wrap}
.services-trust-strip span{
  display:inline-flex;align-items:center;gap:7px;
  padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #e6e9ed;
  color:#35414d;font-size:11px;font-weight:800;box-shadow:0 8px 18px rgba(16,24,32,.05)
}
.services-hero-panel{
  min-height:390px;
  position:relative;
  border-radius:28px;
  overflow:hidden;
  border:1px solid #e6e8eb;
  background:
    radial-gradient(circle at 50% 48%,rgba(178,15,23,.14),transparent 25%),
    linear-gradient(145deg,#17202a,#202d39);
  box-shadow:0 28px 65px rgba(18,26,34,.15);
}
.services-hero-panel:before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:22px 22px;opacity:.28
}
.services-hero-card{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:min(78%,350px);padding:24px 20px;border-radius:22px;text-align:center;
  background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
  box-shadow:0 24px 50px rgba(0,0,0,.22);z-index:2
}
.services-hero-card img{width:78px;height:78px;border-radius:50%;object-fit:cover;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.services-hero-card strong{display:block;font-size:20px;margin:13px 0 7px;color:#17202a}
.services-hero-card small{display:block;color:#68727d;font-size:10px;line-height:1.7}
.service-orbit{
  position:absolute;z-index:3;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;
  color:#fff;font-size:20px;font-weight:900;background:linear-gradient(135deg,#b20f17,#df2b32);
  box-shadow:0 12px 28px rgba(178,15,23,.28);animation:serviceOrbitFloat 5s ease-in-out infinite
}
.service-orbit-main{right:30px;top:32px;width:62px;height:62px;font-size:24px}
.service-orbit-a{left:34px;top:54px;animation-delay:-1.2s}
.service-orbit-b{left:52px;bottom:40px;animation-delay:-2.3s}
.service-orbit-c{right:42px;bottom:44px;animation-delay:-3.4s}
@keyframes serviceOrbitFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(3deg)}}
.services-catalog-section{padding-top:58px}
.services-title-pro h2{font-size:clamp(30px,4vw,44px)}
.services-title-pro p{max-width:720px;margin:auto}
.services-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.services-page-card{
  position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:390px;
  padding:28px;border-radius:24px;background:#fff;border:1px solid #e7eaee;
  box-shadow:0 18px 42px rgba(16,24,32,.07);transition:.28s ease
}
.services-page-card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:var(--red)}
.services-page-card:hover{transform:translateY(-7px);box-shadow:0 28px 55px rgba(16,24,32,.13);border-color:#e4c4c6}
.services-page-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.services-page-icon{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;
  color:var(--red);font-size:29px;font-weight:900;background:linear-gradient(135deg,#fff2f3,#ffe7e9);
  box-shadow:0 14px 28px rgba(178,15,23,.12)
}
.services-page-badge{padding:8px 12px;border-radius:999px;background:#fff6f7;color:var(--red);border:1px solid #f0d0d3;font-size:11px;font-weight:900}
.services-page-card h3{font-size:24px;margin:0 0 10px}
.services-page-card>p{color:#67727e;font-size:13px;line-height:1.95;margin:0 0 17px}
.services-page-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.services-page-card li{position:relative;padding-right:22px;color:#46535f;font-size:12px;line-height:1.7}
.services-page-card li:before{content:"✓";position:absolute;right:0;color:var(--red);font-weight:900}
.services-page-action{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;padding:13px 15px;border-radius:13px;background:#fff5f5;border:1px solid #f0c9cc;
  color:var(--red);font-size:12px;font-weight:900;transition:.2s
}
.services-page-card:hover .services-page-action{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 12px 28px rgba(178,15,23,.2)}
.services-page-card.edit:before{background:#9e1740}.services-page-card.edit .services-page-icon{color:#9e1740;background:linear-gradient(135deg,#fff2f7,#ffe7ef)}
.services-page-card.stop:before{background:#7e2525}.services-page-card.stop .services-page-icon{color:#8d2020;background:linear-gradient(135deg,#fff5f5,#ffeaea)}
.services-page-card.special:before{background:#9a4b13}.services-page-card.special .services-page-icon{color:#a45419;background:linear-gradient(135deg,#fff8f1,#ffead7)}
.services-process-section{padding:62px 0;background:#fff;border-top:1px solid #eaedf0;border-bottom:1px solid #eaedf0}
.services-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:auto}
.services-process-grid article{display:flex;align-items:flex-start;gap:14px;padding:22px;border-radius:18px;background:#f9fafb;border:1px solid #e7eaed;box-shadow:0 10px 24px rgba(16,24,32,.04)}
.services-process-grid i{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:var(--red);color:#fff;font-style:normal;font-weight:900;box-shadow:0 10px 22px rgba(178,15,23,.18)}
.services-process-grid b{font-size:16px}.services-process-grid p{font-size:11px;line-height:1.8;color:#6a7480;margin:5px 0 0}
.services-final-cta{padding:46px 0 58px}
.services-final-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-radius:22px;background:linear-gradient(135deg,#a90d15,#d51d25);color:#fff;box-shadow:0 20px 50px rgba(178,15,23,.22)}
.services-final-card span{font-size:11px;opacity:.85}.services-final-card h2{font-size:23px;margin:6px 0 0}
@media(max-width:1000px){.services-hero-grid{grid-template-columns:1fr}.services-hero-panel{min-height:330px}.services-page-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .services-hero{padding:18px 0 16px}.services-hero-grid{gap:16px}.services-hero-copy{min-height:0;padding:20px 6px 8px}.services-hero-copy h1{font-size:34px}.services-hero-copy p{font-size:12px}.services-hero-actions{margin:20px 0 16px}.services-hero-panel{min-height:245px;border-radius:20px}.services-hero-card{width:72%;padding:18px 14px}.services-hero-card img{width:58px;height:58px}.services-hero-card strong{font-size:16px}.service-orbit{width:42px;height:42px;font-size:16px;border-radius:14px}.service-orbit-main{width:48px;height:48px;right:18px;top:20px}.service-orbit-a{left:18px;top:38px}.service-orbit-b{left:25px;bottom:24px}.service-orbit-c{right:24px;bottom:24px}
  .services-page-grid{grid-template-columns:1fr 1fr;gap:11px}.services-page-card{min-height:330px;padding:17px 14px;border-radius:17px}.services-page-icon{width:45px;height:45px;border-radius:14px;font-size:20px}.services-page-badge{font-size:8.5px;padding:6px 8px}.services-page-card h3{font-size:17px}.services-page-card>p{font-size:9.5px;line-height:1.75}.services-page-card li{font-size:8.8px;padding-right:17px}.services-page-action{font-size:9px;padding:9px 10px;border-radius:10px}
  .services-process-section{padding:42px 0}.services-process-grid{grid-template-columns:1fr;gap:10px}.services-process-grid article{padding:16px}.services-final-card{padding:20px 18px;border-radius:16px;align-items:flex-start;flex-direction:column}.services-final-card h2{font-size:18px}
}
@media(max-width:390px){.services-page-card{min-height:315px;padding:15px 12px}.services-page-card h3{font-size:15px}.services-page-card>p{font-size:9px}.services-page-card li{font-size:8px}.services-hero-copy h1{font-size:30px}}

/* V23 HELP CENTER */
.help-page{background:#f7f9fb}.help-hero{padding:34px 0 26px;background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)}
.help-hero-shell{min-height:390px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:28px;padding:42px 46px;border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(178,15,23,.08),transparent 22%),linear-gradient(135deg,#fff 0%,#fff8f9 100%);border:1px solid #eedbdd;box-shadow:0 24px 60px rgba(16,24,32,.08);overflow:hidden;position:relative}
.help-kicker{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff4f5;border:1px solid #f0cfd3;color:var(--red);font-size:12px;font-weight:900}.help-hero-copy h1{font-size:clamp(34px,4vw,54px);margin:15px 0 12px;line-height:1.25}.help-hero-copy>p{color:#58636f;font-size:15px;line-height:2;max-width:680px;margin:0}.help-hero-actions{display:flex;gap:12px;margin:25px 0 23px}.help-trust-row{display:flex;flex-wrap:wrap;gap:10px}.help-trust-row span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e8ebef;color:#52606d;font-size:11px;font-weight:800;box-shadow:0 7px 18px rgba(16,24,32,.04)}
.help-hero-visual{position:relative;min-height:300px}.help-orb{position:absolute;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #f0d5d8;box-shadow:0 18px 35px rgba(16,24,32,.09)}.help-orb-main{width:150px;height:150px;right:50%;top:40%;transform:translate(50%,-50%);font-size:68px;font-weight:900;color:var(--red);background:linear-gradient(135deg,#fff,#fff1f2);animation:helpMainFloat 6s ease-in-out infinite}.help-orb-one{width:64px;height:64px;right:8%;top:14%;font-size:24px;animation:helpFloat 7s ease-in-out infinite reverse}.help-orb-two{width:58px;height:58px;left:12%;top:18%;font-size:22px;animation:helpFloat 8s ease-in-out infinite}.help-orb-three{width:54px;height:54px;left:18%;bottom:18%;font-size:20px;animation:helpFloat 7.5s ease-in-out infinite reverse}.help-visual-card{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,310px);background:#17202a;color:#fff;padding:17px 18px;border-radius:18px;box-shadow:0 20px 38px rgba(23,32,42,.22);text-align:center}.help-visual-card b{display:block;font-size:14px;margin-bottom:6px}.help-visual-card span{font-size:10px;color:#b8c0c8;line-height:1.7}
.help-quick-section{padding-top:42px!important}.help-section-title{margin-bottom:22px}.help-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.help-quick-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;padding:22px;border-radius:20px;background:#fff;border:1px solid #e7eaee;box-shadow:0 14px 32px rgba(16,24,32,.055);transition:.25s;position:relative;overflow:hidden}.help-quick-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--red),#e76469)}.help-quick-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(16,24,32,.11);border-color:#e6c0c3}.help-quick-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#fff3f4,#ffe7e9);font-size:24px;box-shadow:0 10px 24px rgba(178,15,23,.10)}.help-quick-card div:nth-child(2)>span{font-size:10px;color:var(--red);font-weight:900}.help-quick-card h3{font-size:17px;margin:4px 0 5px}.help-quick-card p{font-size:11px;color:#727c87;line-height:1.75;margin:0}.help-quick-card>b{font-size:22px;color:var(--red)}
.help-faq-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.help-faq-side{position:sticky;top:118px;background:linear-gradient(145deg,#17202a,#1e2a36);color:#fff;padding:26px;border-radius:22px;box-shadow:0 20px 45px rgba(23,32,42,.17)}.help-faq-side h2{font-size:24px;line-height:1.45;margin:9px 0}.help-faq-side>p{font-size:12px;color:#b4bdc6;line-height:1.9}.help-side-card{display:flex;align-items:center;gap:12px;padding:15px;margin:20px 0 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.help-side-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#b20f17;font-size:20px;flex:0 0 44px}.help-side-card div:last-child{display:flex;flex-direction:column;gap:4px}.help-side-card b{font-size:12px}.help-side-card span{font-size:9px;color:#b7c0c8;line-height:1.6}.help-whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:#1fb85a;color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 25px rgba(31,184,90,.18)}
.faq-list-pro{max-width:none}.faq-list-pro details{margin:0 0 14px;padding:0;border-radius:18px;border:1px solid #e4e8ec;box-shadow:0 14px 30px rgba(16,24,32,.05);overflow:hidden;background:#fff;transition:.22s}.faq-list-pro details:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(16,24,32,.09)}.faq-list-pro summary{display:grid!important;grid-template-columns:46px 1fr 34px;align-items:center;gap:13px;min-height:78px;padding:15px 18px!important;font-size:16px;list-style:none}.faq-list-pro summary:before{display:none!important}.faq-list-pro summary::-webkit-details-marker{display:none}.faq-num{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fff1f2;color:var(--red);font-size:11px;font-weight:900}.faq-list-pro summary i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f7f8fa;color:#4f5964;font-style:normal;font-size:20px;transition:.2s}.faq-list-pro details[open] summary i{transform:rotate(45deg);background:#b20f17;color:#fff}.faq-list-pro p{margin:0!important;padding:20px 24px 22px!important;border-top:1px solid #eceff2!important;font-size:13px!important;color:#5f6975!important;line-height:2!important;background:#fcfcfd}
.help-cta-section{padding:16px 0 50px}.help-cta-card{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:25px 28px;border-radius:22px;background:linear-gradient(135deg,#a90e16,#cf1b24);color:#fff;box-shadow:0 20px 45px rgba(178,15,23,.22)}.help-cta-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.12);font-size:25px}.help-cta-copy>span{font-size:10px;opacity:.8}.help-cta-copy h2{font-size:22px;margin:5px 0 6px}.help-cta-copy p{font-size:11px;opacity:.82;margin:0}.help-cta-actions{display:flex;gap:10px}.help-dark-outline{border-color:rgba(255,255,255,.45)!important;background:transparent!important;color:#fff!important}
@keyframes helpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes helpMainFloat{0%,100%{transform:translate(50%,-50%) translateY(0)}50%{transform:translate(50%,-50%) translateY(-8px)}}
@media(max-width:1000px){.help-hero-shell{grid-template-columns:1fr;min-height:auto}.help-hero-visual{min-height:260px}.help-quick-grid{grid-template-columns:1fr}.help-faq-layout{grid-template-columns:1fr}.help-faq-side{position:relative;top:auto}}
@media(max-width:700px){.help-hero{padding:18px 0 12px}.help-hero-shell{padding:22px 18px;border-radius:20px;gap:14px}.help-kicker{font-size:9px;padding:6px 9px}.help-hero-copy h1{font-size:28px;margin:10px 0 7px}.help-hero-copy>p{font-size:10.5px;line-height:1.9}.help-hero-actions{gap:8px;margin:16px 0}.help-hero-actions .btn-pro{font-size:9px;padding:9px 11px}.help-trust-row{gap:6px}.help-trust-row span{font-size:7.5px;padding:6px 8px}.help-hero-visual{min-height:180px}.help-orb-main{width:100px;height:100px;font-size:45px}.help-orb-one{width:46px;height:46px;font-size:18px}.help-orb-two{width:42px;height:42px;font-size:17px}.help-orb-three{width:40px;height:40px;font-size:16px}.help-visual-card{width:250px;padding:12px 14px;border-radius:14px}.help-visual-card b{font-size:11px}.help-visual-card span{font-size:7.5px}.help-quick-card{grid-template-columns:46px 1fr auto;padding:16px;border-radius:16px;gap:11px}.help-quick-icon{width:46px;height:46px;font-size:19px;border-radius:14px}.help-quick-card h3{font-size:14px}.help-quick-card p{font-size:9px}.help-faq-side{padding:20px;border-radius:18px}.help-faq-side h2{font-size:19px}.faq-list-pro summary{grid-template-columns:38px 1fr 30px;min-height:66px;padding:12px 13px!important;font-size:13px;gap:9px}.faq-num{width:38px;height:38px;border-radius:11px;font-size:9px}.faq-list-pro summary i{width:30px;height:30px;font-size:17px}.faq-list-pro p{padding:15px 16px 18px!important;font-size:10px!important;line-height:1.9!important}.help-cta-card{grid-template-columns:52px 1fr;padding:18px;border-radius:18px;gap:12px}.help-cta-icon{width:52px;height:52px;border-radius:14px;font-size:20px}.help-cta-copy h2{font-size:16px}.help-cta-copy p{font-size:8.5px;line-height:1.7}.help-cta-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.help-cta-actions .btn-pro{font-size:9px;padding:9px 10px}}

/* =========================================================
   V24 ABOUT PAGE — premium company/about experience
   ========================================================= */
.about-page-pro{background:#f7f9fb}
.about-hero-pro{padding:34px 0 26px;background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)}
.about-hero-shell{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:30px;align-items:center;
  min-height:430px;padding:44px 48px;border-radius:30px;position:relative;overflow:hidden;
  background:radial-gradient(circle at 86% 18%,rgba(178,15,23,.09),transparent 24%),linear-gradient(135deg,#fff 0%,#fff8f9 100%);
  border:1px solid #eedbdd;box-shadow:0 24px 60px rgba(16,24,32,.08)
}
.about-kicker-pro{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff4f5;border:1px solid #f0cfd3;color:var(--red);font-size:12px;font-weight:900}
.about-hero-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.25;margin:15px 0 12px}
.about-hero-copy>p{color:#5c6672;font-size:15px;line-height:2;max-width:720px;margin:0}
.about-hero-actions{display:flex;gap:12px;margin:26px 0 22px}.about-trust-chips{display:flex;gap:9px;flex-wrap:wrap}
.about-trust-chips span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e7eaee;color:#53606c;font-size:11px;font-weight:800;box-shadow:0 7px 18px rgba(16,24,32,.04)}
.about-brand-stage{position:relative;min-height:320px;display:grid;place-items:center}
.about-logo-card{position:relative;z-index:3;width:240px;min-height:240px;border-radius:32px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;box-shadow:0 26px 60px rgba(16,24,32,.13);border:1px solid #f0d9db;text-align:center;animation:aboutFloat 7s ease-in-out infinite}
.about-logo-card img{width:125px;height:125px;border-radius:50%;object-fit:cover;box-shadow:0 12px 28px rgba(16,24,32,.10);margin-bottom:14px}.about-logo-card b{font-size:14px}.about-logo-card small{font-size:8px;color:#7a838d;margin-top:5px}
.about-logo-ring{position:absolute;border:1px solid rgba(178,15,23,.16);border-radius:50%;z-index:1}.ring-a{width:300px;height:300px}.ring-b{width:365px;height:365px;border-color:rgba(178,15,23,.08)}
.about-floating-note{position:absolute;z-index:4;padding:9px 13px;border-radius:999px;background:#17202a;color:#fff;font-size:10px;font-weight:900;box-shadow:0 12px 28px rgba(23,32,42,.18)}.note-one{right:5%;top:19%}.note-two{left:5%;bottom:18%;background:var(--red)}
.about-story-section{padding-top:48px!important}.about-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:28px;align-items:center}.about-story-copy h2{font-size:clamp(29px,3vw,42px);margin:10px 0 14px}.about-story-copy>p{font-size:14px;line-height:2;color:#66717d;margin:0 0 22px}
.about-story-points{display:grid;gap:11px}.about-story-points>div{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:16px;background:#fff;border:1px solid #e8ebef;box-shadow:0 10px 24px rgba(16,24,32,.045)}.about-story-points i{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#fff1f2;color:var(--red);font-style:normal;font-size:10px;font-weight:900}.about-story-points span{display:flex;flex-direction:column;gap:3px}.about-story-points b{font-size:13px}.about-story-points small{font-size:10px;color:#77818b;line-height:1.7}
.about-story-visual{position:relative;min-height:360px}.about-story-card{position:absolute;border-radius:22px;box-shadow:0 18px 44px rgba(16,24,32,.11)}.about-story-card.main{inset:28px 25px 48px 55px;padding:30px;background:linear-gradient(145deg,#17202a,#25313d);color:#fff;display:flex;flex-direction:column;justify-content:center}.about-story-card.main>span{font-size:10px;color:#e6a9ad;font-weight:900}.about-story-card.main strong{font-size:31px;line-height:1.45;margin:10px 0}.about-story-card.main p{font-size:11px;color:#b9c1c8;line-height:1.8;margin:0}.about-story-card.mini{background:#fff;padding:16px 18px;min-width:150px;border:1px solid #e7eaee}.about-story-card.mini b{display:block;font-size:25px;color:var(--red)}.about-story-card.mini span{font-size:10px;color:#67727d}.about-story-card.first{right:0;bottom:0}.about-story-card.second{left:0;top:0}
.about-principles-section{background:#fff;border-top:1px solid #eceff2;border-bottom:1px solid #eceff2}.about-title-rich{margin-bottom:28px}.about-values-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-values-pro article{position:relative;padding:26px 24px;border-radius:22px;background:linear-gradient(180deg,#fff,#fcfcfd);border:1px solid #e7eaee;box-shadow:0 16px 36px rgba(16,24,32,.055);overflow:hidden}.about-values-pro article:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--red),#e7656b)}.about-values-pro article:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(16,24,32,.10)}.value-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#fff1f2;font-size:23px;box-shadow:0 10px 24px rgba(178,15,23,.09);margin-bottom:22px}.about-values-pro article>b{position:absolute;left:20px;top:20px;font-size:12px;color:#c18d91;background:#fff7f8;padding:7px 9px;border-radius:9px}.about-values-pro h3{font-size:20px;margin:0 0 8px}.about-values-pro p{font-size:12px;color:#707a85;line-height:1.9;margin:0}
.about-direction-section{padding-top:50px!important}.about-direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-direction-card{position:relative;padding:28px 24px;border-radius:22px;background:#fff;border:1px solid #e7eaee;box-shadow:0 16px 36px rgba(16,24,32,.055);overflow:hidden}.about-direction-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:-32px;bottom:-36px;background:rgba(178,15,23,.05)}.about-direction-card>span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff5f6;color:var(--red);font-size:10px;font-weight:900}.direction-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#17202a;color:#fff;font-size:22px;margin:20px 0 16px;box-shadow:0 12px 26px rgba(23,32,42,.15)}.about-direction-card h3{font-size:20px;margin:0 0 9px}.about-direction-card p{font-size:12px;color:#6f7984;line-height:1.95;margin:0}.about-direction-card.vision .direction-icon{background:var(--red)}.about-direction-card.promise .direction-icon{background:#9a4b13}
.about-final-cta{padding:12px 0 56px}.about-final-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;padding:26px 30px;border-radius:22px;background:linear-gradient(135deg,#a90d15,#d31d25);color:#fff;box-shadow:0 22px 48px rgba(178,15,23,.22)}.about-final-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.13);font-size:24px}.about-final-card span{font-size:10px;opacity:.82}.about-final-card h2{font-size:23px;margin:4px 0 6px}.about-final-card p{font-size:11px;opacity:.8;margin:0}
@keyframes aboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1000px){.about-hero-shell,.about-story-grid{grid-template-columns:1fr}.about-brand-stage{min-height:290px}.about-direction-grid{grid-template-columns:1fr 1fr}.about-direction-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.about-hero-pro{padding:18px 0 12px}.about-hero-shell{padding:22px 18px;border-radius:20px;gap:14px}.about-kicker-pro{font-size:9px;padding:6px 9px}.about-hero-copy h1{font-size:28px;margin:10px 0 7px}.about-hero-copy>p{font-size:10.5px;line-height:1.9}.about-hero-actions{gap:8px;margin:16px 0}.about-hero-actions .btn-pro{font-size:9px;padding:9px 11px}.about-trust-chips{gap:6px}.about-trust-chips span{font-size:7.5px;padding:6px 8px}.about-brand-stage{min-height:220px}.about-logo-card{width:170px;min-height:170px;border-radius:24px;padding:16px}.about-logo-card img{width:86px;height:86px;margin-bottom:9px}.about-logo-card b{font-size:10px}.about-logo-card small{font-size:5.8px}.ring-a{width:215px;height:215px}.ring-b{width:260px;height:260px}.about-floating-note{font-size:7px;padding:6px 9px}.about-story-section{padding-top:34px!important}.about-story-copy h2{font-size:25px}.about-story-copy>p{font-size:10.5px}.about-story-points>div{padding:11px 12px}.about-story-points i{width:36px;height:36px;flex-basis:36px;font-size:8px}.about-story-points b{font-size:11px}.about-story-points small{font-size:8px}.about-story-visual{min-height:280px}.about-story-card.main{inset:22px 18px 40px 38px;padding:22px}.about-story-card.main strong{font-size:22px}.about-story-card.main p{font-size:8.5px}.about-story-card.mini{min-width:120px;padding:12px}.about-story-card.mini b{font-size:20px}.about-story-card.mini span{font-size:8px}.about-values-pro{grid-template-columns:1fr}.about-values-pro article{padding:20px}.value-icon{width:46px;height:46px;font-size:19px;border-radius:14px;margin-bottom:16px}.about-values-pro h3{font-size:17px}.about-values-pro p{font-size:10px}.about-direction-grid{grid-template-columns:1fr}.about-direction-card:last-child{grid-column:auto}.about-direction-card{padding:20px;border-radius:18px}.direction-icon{width:46px;height:46px;font-size:19px;border-radius:14px;margin:15px 0 13px}.about-direction-card h3{font-size:17px}.about-direction-card p{font-size:10px}.about-final-card{grid-template-columns:50px 1fr;padding:19px;border-radius:18px;gap:12px}.about-final-icon{width:50px;height:50px;border-radius:14px;font-size:20px}.about-final-card h2{font-size:17px}.about-final-card p{font-size:8.5px;line-height:1.7}.about-final-card .btn-pro{grid-column:1/-1;width:100%;font-size:9px;padding:10px}}

/* =========================================================
   V25 CONTACT PAGE — premium contact experience
   ========================================================= */
.contact-page-v25{background:#f7f9fb}
.contact-hero-v25{padding:34px 0 26px;background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)}
.contact-hero-shell-v25{
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:30px;
  align-items:center;
  padding:42px 46px;
  border:1px solid #eadadd;
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 18%,rgba(178,15,23,.10),transparent 22%),
    linear-gradient(135deg,#fff 0%,#fff8f9 100%);
  box-shadow:0 24px 60px rgba(16,24,32,.08);
  overflow:hidden;
  position:relative
}
.contact-kicker-v25{
  display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;
  background:#fff2f3;border:1px solid #f1cfd3;color:var(--red);
  font-size:12px;font-weight:900
}
.contact-hero-copy-v25 h1{font-size:clamp(36px,4vw,55px);line-height:1.25;margin:15px 0 12px}
.contact-hero-copy-v25>p{font-size:15px;line-height:2;color:#5d6874;max-width:700px;margin:0}
.contact-hero-actions-v25{display:flex;gap:12px;margin:25px 0 22px}
.contact-trust-v25{display:flex;flex-wrap:wrap;gap:9px}
.contact-trust-v25 span{
  padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e8ebef;
  color:#56616e;font-size:11px;font-weight:800;box-shadow:0 7px 18px rgba(16,24,32,.04)
}
.contact-hero-visual-v25{min-height:300px;position:relative;display:grid;place-items:center}
.contact-center-icon-v25{
  width:150px;height:150px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#b20f17,#d72029);color:#fff;font-size:52px;
  box-shadow:0 28px 55px rgba(178,15,23,.26);position:relative;z-index:3;
  animation:contactPulseV25 5s ease-in-out infinite
}
.contact-visual-ring-v25{position:absolute;border:1px solid rgba(178,15,23,.18);border-radius:50%}
.contact-visual-ring-v25.ring-one{width:220px;height:220px}
.contact-visual-ring-v25.ring-two{width:290px;height:290px;border-style:dashed;animation:contactRotateV25 24s linear infinite}
.contact-float-v25{
  position:absolute;width:78px;height:78px;border-radius:22px;background:#fff;border:1px solid #eadfe1;
  box-shadow:0 16px 35px rgba(16,24,32,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;font-size:24px;z-index:4;animation:contactFloatV25 7s ease-in-out infinite
}
.contact-float-v25 small{font-size:8px;color:#66717d;font-weight:800}
.contact-float-v25.float-a{right:2%;top:10%}
.contact-float-v25.float-b{left:5%;top:15%;animation-delay:-2s}
.contact-float-v25.float-c{left:15%;bottom:4%;animation-delay:-4s}

.contact-channels-v25{padding-top:42px!important}
.contact-title-v25{margin-bottom:24px}
.contact-grid-v25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-channel-v25{
  min-height:285px;padding:25px;border-radius:22px;background:#fff;border:1px solid #e6e9ed;
  box-shadow:0 16px 38px rgba(16,24,32,.055);display:flex;flex-direction:column;gap:10px;
  position:relative;overflow:hidden;transition:.27s
}
.contact-channel-v25:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--red),#ed6d73)}
.contact-channel-v25:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(16,24,32,.12);border-color:#e1bec1}
.contact-channel-head-v25{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.contact-channel-icon-v25{
  width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:24px;
  background:linear-gradient(135deg,#fff2f3,#ffe5e8);box-shadow:0 12px 26px rgba(178,15,23,.10)
}
.contact-channel-badge-v25{padding:7px 10px;border-radius:999px;background:#f7f8fa;color:#65707c;font-size:9px;font-weight:900}
.contact-channel-label-v25{color:var(--red);font-size:11px;font-weight:900}
.contact-channel-v25>b{font-size:22px;line-height:1.5;color:#202832;word-break:break-word}
.contact-channel-v25>p{font-size:12px;line-height:1.9;color:#707a85;margin:0 0 6px}
.contact-channel-v25>em{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;
  border-radius:12px;background:#fff5f6;border:1px solid #f0cbce;color:var(--red);font-size:11px;font-weight:900;font-style:normal
}
.contact-channel-primary>em,.contact-channel-support>em{background:#eaf8ef;border-color:#cbe8d5;color:#168648}
.contact-channel-support:before{background:linear-gradient(90deg,#19984f,#43c16f)}
.contact-channel-support .contact-channel-icon-v25{background:linear-gradient(135deg,#eefbf3,#ddf7e6)}
.contact-channel-email:before{background:linear-gradient(90deg,#355e91,#5b87bd)}
.contact-channel-email .contact-channel-icon-v25{background:linear-gradient(135deg,#eef5fc,#dfebf8)}
.contact-channel-location:before{background:linear-gradient(90deg,#d26815,#e7974e)}
.contact-channel-location .contact-channel-icon-v25{background:linear-gradient(135deg,#fff6ed,#ffead6)}
.contact-email-v25{font-size:18px!important}

.contact-info-strip-v25{padding:8px 0 42px}
.contact-info-card-v25{
  display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:23px 26px;border-radius:20px;
  background:#fff;border:1px solid #e5e8ec;box-shadow:0 15px 34px rgba(16,24,32,.055)
}
.contact-info-icon-v25{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#fff4dc;font-size:25px}
.contact-info-card-v25 span{font-size:10px;color:#a06a00;font-weight:900}
.contact-info-card-v25 h2{font-size:19px;margin:4px 0 5px}
.contact-info-card-v25 p{font-size:11px;color:#727c87;line-height:1.8;margin:0}

.contact-cta-v25{padding:0 0 52px}
.contact-cta-card-v25{
  display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 34px;border-radius:22px;
  background:linear-gradient(135deg,#a80d15,#cd1b23);color:#fff;box-shadow:0 20px 48px rgba(178,15,23,.23)
}
.contact-cta-copy-v25>span{font-size:10px;opacity:.8}
.contact-cta-copy-v25 h2{font-size:25px;margin:5px 0 6px}
.contact-cta-copy-v25 p{font-size:11px;opacity:.84;margin:0}
.contact-cta-actions-v25{display:flex;gap:10px;flex:0 0 auto}
.contact-dark-btn-v25{background:#17202a;color:#fff;border-color:#17202a}
.contact-dark-btn-v25:hover{background:#202d3a;color:#fff}

@keyframes contactPulseV25{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes contactRotateV25{to{transform:rotate(360deg)}}
@keyframes contactFloatV25{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(max-width:1000px){
  .contact-hero-shell-v25{grid-template-columns:1fr;min-height:auto}
  .contact-hero-visual-v25{min-height:260px}
}
@media(max-width:700px){
  .contact-hero-v25{padding:18px 0 12px}
  .contact-hero-shell-v25{padding:22px 18px;border-radius:20px;gap:15px}
  .contact-kicker-v25{font-size:9px;padding:6px 9px}
  .contact-hero-copy-v25 h1{font-size:29px;margin:10px 0 7px}
  .contact-hero-copy-v25>p{font-size:10.5px;line-height:1.9}
  .contact-hero-actions-v25{gap:8px;margin:16px 0}
  .contact-hero-actions-v25 .btn-pro{font-size:9px;padding:9px 10px}
  .contact-trust-v25{gap:5px}
  .contact-trust-v25 span{font-size:7.3px;padding:6px 7px}
  .contact-hero-visual-v25{min-height:190px}
  .contact-center-icon-v25{width:96px;height:96px;font-size:35px}
  .contact-visual-ring-v25.ring-one{width:145px;height:145px}
  .contact-visual-ring-v25.ring-two{width:185px;height:185px}
  .contact-float-v25{width:52px;height:52px;border-radius:15px;font-size:18px}
  .contact-float-v25 small{font-size:6px}
  .contact-grid-v25{grid-template-columns:1fr 1fr;gap:11px}
  .contact-channel-v25{min-height:230px;padding:16px 13px;border-radius:16px;gap:7px}
  .contact-channel-head-v25{margin-bottom:2px}
  .contact-channel-icon-v25{width:43px;height:43px;border-radius:13px;font-size:19px}
  .contact-channel-badge-v25{font-size:7px;padding:5px 7px}
  .contact-channel-label-v25{font-size:8.5px}
  .contact-channel-v25>b{font-size:16px}
  .contact-email-v25{font-size:11px!important;line-height:1.6!important}
  .contact-channel-v25>p{font-size:8px;line-height:1.75}
  .contact-channel-v25>em{min-height:34px;font-size:8px;padding:7px 8px;border-radius:9px}
  .contact-info-card-v25{grid-template-columns:48px 1fr;padding:16px;gap:11px;border-radius:16px}
  .contact-info-icon-v25{width:46px;height:46px;border-radius:13px;font-size:20px}
  .contact-info-card-v25 h2{font-size:14px}
  .contact-info-card-v25 p{font-size:8.5px;line-height:1.7}
  .contact-info-card-v25 .btn-pro{grid-column:1/-1;width:100%;font-size:9px;padding:9px}
  .contact-cta-card-v25{flex-direction:column;align-items:stretch;padding:20px;border-radius:18px}
  .contact-cta-copy-v25 h2{font-size:18px}
  .contact-cta-copy-v25 p{font-size:9px;line-height:1.7}
  .contact-cta-actions-v25{display:grid;grid-template-columns:1fr 1fr}
  .contact-cta-actions-v25 .btn-pro{font-size:8.5px;padding:9px}
}
@media(max-width:390px){
  .contact-channel-v25{min-height:220px;padding:14px 11px}
  .contact-channel-v25>b{font-size:14px}
  .contact-channel-v25>p{font-size:7.5px}
}

/* =========================================================
   V26 DESKTOP NAV RESTORE
   Desktop: inline navigation in the top bar.
   Mobile: keep the left side drawer exactly as configured.
   ========================================================= */
.desktop-nav{
  display:flex;
  align-items:center;
  gap:20px;
  margin-inline-start:auto;
  margin-inline-end:6px;
}
.desktop-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:72px;
  padding:0 3px;
  color:#eef3f7;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  transition:color .2s ease, transform .2s ease;
}
.desktop-nav a:after{
  content:"";
  position:absolute;
  right:50%;
  left:50%;
  bottom:13px;
  height:2px;
  border-radius:2px;
  background:#e31d27;
  transition:right .2s ease,left .2s ease;
}
.desktop-nav a:hover,
.desktop-nav a.active{color:#fff}
.desktop-nav a:hover{transform:translateY(-1px)}
.desktop-nav a:hover:after,
.desktop-nav a.active:after{right:7%;left:7%}
.desktop-nav .nav-item-icon{
  font-size:12px;
  opacity:.95;
  margin:0;
}

@media (min-width:701px){
  .menu-toggle{display:none!important}
  .desktop-nav{display:flex!important}
  .header-inner{flex-wrap:nowrap!important}
  .brand-lockup{flex:0 0 auto!important;min-width:300px!important}
  .header-cta{display:inline-flex!important;flex:0 0 auto!important}
}

@media (max-width:700px){
  .desktop-nav{display:none!important}
  .menu-toggle{display:block!important}
}

@media (min-width:701px) and (max-width:1180px){
  .desktop-nav{gap:12px}
  .desktop-nav a{font-size:10.5px}
  .brand-lockup{min-width:250px!important}
  .header-cta{padding:10px 13px!important;font-size:11px!important}
}

/* V27 REQUEST BRANCH SELECT */
.request-branch-note{display:block;margin-top:5px;color:#a24b50;font-size:9px;line-height:1.6}.request-modal-form select:disabled{background:#f3f4f5;color:#8a929a;cursor:not-allowed}.request-modal-form select[name="branch"]{font-weight:700;background-image:linear-gradient(45deg,transparent 50%,#6b747e 50%),linear-gradient(135deg,#6b747e 50%,transparent 50%);background-position:16px calc(50% - 3px),11px calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-left:30px}

/* V28 public satisfaction widget */
.customer-feedback-box,.customer-feedback-done{margin-top:18px;padding:18px;border-radius:16px;background:#fff;border:1px solid #e5e8eb;box-shadow:0 12px 30px rgba(16,24,32,.06);display:flex;flex-direction:column;gap:10px}.customer-feedback-box>b{font-size:16px}.customer-feedback-box>span{font-size:11px;color:#66717c}.feedback-stars{display:flex;gap:6px;direction:ltr}.feedback-stars button{border:0;background:transparent;color:#c7ccd1;font-size:30px;cursor:pointer;padding:0}.feedback-stars button.active{color:#e2a600;transform:scale(1.08)}.customer-feedback-box textarea{border:1px solid #dfe3e7;border-radius:10px;padding:11px;min-height:82px;resize:vertical}.feedback-msg{font-size:10px;color:var(--red)}.feedback-thanks{padding:14px;border-radius:10px;background:#eaf9ef;color:#14773b;font-weight:900}.customer-feedback-done>b{color:#a77800}.customer-feedback-done>span{font-size:10px;color:#66717c}.request-modal-types{grid-template-columns:repeat(5,1fr)}
@media(max-width:700px){.feedback-stars button{font-size:26px}.request-modal-types{grid-template-columns:1fr 1fr}}

/* =========================================================
   V29 FOOTER WHATSAPP LINKS — both contact numbers green
   ========================================================= */
.footer-contact .wa-link,
.footer-contact .wa-link.alt{
  background:linear-gradient(135deg,#159447,#1fb85a)!important;
  border-color:#2ac769!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(31,184,90,.18)!important;
}
.footer-contact .wa-link:hover,
.footer-contact .wa-link.alt:hover{
  background:linear-gradient(135deg,#11823d,#199c4d)!important;
  border-color:#22b45b!important;
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(31,184,90,.25)!important;
}
.footer-contact .wa-link b,
.footer-contact .wa-link.alt b,
.footer-contact .wa-link i,
.footer-contact .wa-link.alt i{
  color:#fff!important;
}


/* =========================================================
   V30 SIDE DRAWER BRAND MARK
   Balanced company logo in the empty lower drawer area.
   ========================================================= */
.drawer-logo-mark{
  margin-top:auto;
  padding:28px 18px 30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at center,rgba(255,255,255,.035),transparent 62%);
  opacity:.96;
}
.drawer-logo-halo{
  width:100px;
  height:100px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:
    0 16px 36px rgba(0,0,0,.20),
    inset 0 0 0 7px rgba(255,255,255,.025);
  position:relative;
}
.drawer-logo-halo:before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  border:1px solid rgba(197,26,34,.23);
}
.drawer-logo-halo img{
  width:82px;
  height:82px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  filter:saturate(1.04) contrast(1.02);
}
.drawer-logo-mark>span{
  margin-top:13px;
  color:#f5f7f9;
  font-size:10.5px;
  font-weight:900;
  line-height:1.5;
}
.drawer-logo-mark>small{
  margin-top:4px;
  color:#8f9aa6;
  font-size:6px;
  letter-spacing:.15px;
  direction:ltr;
}
@media(max-width:700px){
  .drawer-logo-mark{padding:24px 16px 26px}
  .drawer-logo-halo{width:92px;height:92px}
  .drawer-logo-halo img{width:75px;height:75px}
  .drawer-logo-mark>span{font-size:9.5px}
  .drawer-logo-mark>small{font-size:5.6px}
}
@media(max-height:670px) and (max-width:700px){
  .drawer-logo-mark{padding:16px 14px 18px}
  .drawer-logo-halo{width:72px;height:72px}
  .drawer-logo-halo img{width:58px;height:58px}
  .drawer-logo-mark>span{font-size:8.5px;margin-top:9px}
}

/* =========================================================
   V31 DRAWER LOGO POSITION FIX
   Keep logo directly BELOW navigation buttons on mobile.
   ========================================================= */
.side-drawer .drawer-head{order:0!important}
.side-drawer .main-nav{
  order:1!important;
  margin:0!important;
}
.side-drawer .drawer-logo-mark{
  order:2!important;
  margin-top:16px!important;
  margin-bottom:20px!important;
  flex:0 0 auto!important;
}
@media(max-width:700px){
  .side-drawer .main-nav{order:1!important}
  .side-drawer .drawer-logo-mark{
    order:2!important;
    margin-top:14px!important;
    margin-bottom:18px!important;
  }
}


/* =========================================================
   V32 DRAWER LOGO SPACING FIX
   Logo sits directly after navigation with only a small gap.
   ========================================================= */
.side-drawer{
  justify-content:flex-start!important;
}
.side-drawer .main-nav{
  flex:0 0 auto!important;
  flex-grow:0!important;
  flex-shrink:0!important;
  margin-bottom:0!important;
}
.side-drawer .drawer-logo-mark{
  margin:10px 14px 16px!important;
  padding:16px 12px 18px!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
}
.side-drawer .drawer-logo-halo{
  width:84px!important;
  height:84px!important;
}
.side-drawer .drawer-logo-halo img{
  width:68px!important;
  height:68px!important;
}
.side-drawer .drawer-logo-mark>span{
  margin-top:10px!important;
  font-size:9px!important;
}
.side-drawer .drawer-logo-mark>small{
  font-size:5.4px!important;
}
@media(max-width:700px){
  .side-drawer .drawer-logo-mark{
    margin:8px 12px 14px!important;
    padding:14px 10px 16px!important;
  }
}