@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');
:root{--bg:#05070b;--surface:#0c1119;--card:#0a0f16;--navy:#082c60;--navy2:#051f46;--orange:#ff5a00;--orange2:#ff7a1a;--white:#fff;--muted:#9aa6b7;--line:#ffffff12;--cyan:#38bdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Vazirmatn,Inter,Arial;line-height:1.8;overflow-x:hidden}html[lang=en] body{font-family:Inter,Vazirmatn,Arial}a{text-decoration:none;color:inherit}.shell{width:min(1240px,calc(100% - 36px));margin:auto}.site-nav{position:fixed;top:0;inset-inline:0;z-index:50;transition:.35s}.site-nav.scrolled{background:#05070be8;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav-inner{height:92px;display:flex;align-items:center;gap:28px}.brand img{width:250px;max-height:70px;object-fit:contain}.desktop-nav{display:flex;gap:25px;margin-inline-start:auto}.desktop-nav a{font-size:14px;color:#b6c1cf;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:-8px;inset-inline-start:0;width:0;height:2px;background:var(--orange);transition:.3s}.desktop-nav a:hover{color:#fff}.desktop-nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:16px}.lang{font:700 12px Inter,Vazirmatn;color:#66758a}.lang a.active,.lang a:hover{color:#fff}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 25px;font-weight:800;border:1px solid transparent;transition:.3s;cursor:pointer}.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 14px 35px #ff5a0027}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 45px #ff5a0045}.primary.small{padding:10px 18px;font-size:13px}.outline{border-color:#ffffff22;color:#fff;background:#ffffff05}.outline:hover{border-color:#ffffff55;background:#ffffff0b}.menu-btn{display:none;background:none;border:0;width:42px}.menu-btn span{display:block;height:2px;background:#fff;margin:6px}.mobile-menu{display:none}.hero{min-height:100vh;display:grid;align-items:center;position:relative;overflow:hidden;padding:135px 0 80px}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at center,#000 28%,transparent 72%)}.glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.16}.glow.one{width:600px;height:600px;background:var(--orange);top:15%;right:5%}.glow.two{width:500px;height:500px;background:#0e63be;bottom:0;left:5%}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;position:relative;z-index:2}.badge,.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--orange2);font-weight:800;font-size:13px}.badge{padding:7px 14px;border-radius:999px;background:#ff5a0012;border:1px solid #ff5a0030}.badge span{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}.hero h1{font-size:clamp(48px,6.6vw,88px);line-height:1.05;margin:24px 0 12px;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#d7e7ff 55%,#ff9d62);-webkit-background-clip:text;color:transparent}.hero h2{font-size:clamp(25px,3.2vw,43px);line-height:1.3;color:#b7c8dc;margin:0 0 20px}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;margin-top:30px}.quick-stats{display:flex;gap:28px;margin-top:34px}.quick-stats div{padding-inline-end:28px;border-inline-end:1px solid var(--line)}.quick-stats div:last-child{border:0}.quick-stats strong{display:block;font:800 28px Inter,Vazirmatn;color:#fff}.quick-stats span{font-size:12px;color:#718096}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid #ffffff10}.orbit1{width:540px;height:540px;animation:spin 25s linear infinite}.orbit2{width:410px;height:410px;border-color:#ff5a0028;animation:spin 18s linear infinite reverse}.visual-card{position:relative;width:min(470px,90%);padding:16px;border-radius:30px;background:#ffffff08;border:1px solid #ffffff16;backdrop-filter:blur(24px);box-shadow:0 45px 100px #0008}.visual-card img{display:block;width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:20px}.visual-caption{padding:15px 10px 4px;display:flex;justify-content:space-between;align-items:center}.visual-caption strong{font:900 28px Inter}.visual-caption span{font-size:12px;color:var(--orange2)}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#0b111bd9;border:1px solid #ffffff18;backdrop-filter:blur(16px);font-size:13px;box-shadow:0 15px 40px #0007}.float-card b{font-size:20px;color:var(--orange)}.float-card.top{top:12%;right:0}.float-card.bottom{bottom:16%;left:0}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:25px 0}.marquee-track{display:flex;gap:45px;width:max-content;animation:marquee 32s linear infinite}.marquee span{color:#657386;font-size:16px;white-space:nowrap}.marquee i{color:#ff5a0060}.section{padding:110px 0;position:relative}.section.alt{background:linear-gradient(180deg,#080c12,#0c121b)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.image-frame{position:relative}.image-frame>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;border:1px solid var(--line)}.experience{position:absolute;bottom:-25px;left:-20px;background:#0a1019e8;border:1px solid #ff5a0038;padding:20px 25px;border-radius:18px;backdrop-filter:blur(20px)}.experience strong{display:block;font:900 34px Inter;color:var(--orange)}.experience span{font-size:12px;color:var(--muted)}.section-copy h2,.section-head h2,.cta h2{font-size:clamp(35px,4.6vw,58px);line-height:1.23;margin:12px 0 22px}.section-copy p,.section-head p,.cta p{color:var(--muted);font-size:17px}.feature-list{display:grid;gap:15px;margin-top:28px}.feature-list div{display:flex;gap:12px;align-items:center}.feature-list b{width:32px;height:32px;border-radius:9px;background:#ff5a0014;border:1px solid #ff5a0030;display:grid;place-items:center;color:var(--orange)}.section-head{max-width:760px;margin-bottom:48px}.section-head.row{max-width:none;display:flex;justify-content:space-between;align-items:end}.text-link{color:var(--orange2);font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.glass{background:#ffffff06;border:1px solid var(--line);backdrop-filter:blur(20px)}.service-card{padding:28px;border-radius:20px;position:relative;overflow:hidden;transition:.35s}.service-card:after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:2px;background:linear-gradient(90deg,var(--orange),#ffb36e);transition:.45s}.service-card:hover{transform:translateY(-7px);border-color:#ff5a0045;background:#ffffff09}.service-card:hover:after{width:100%}.service-card img{width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:20px}.service-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#ff5a0014;border:1px solid #ff5a0030;font-size:28px;margin-bottom:22px}.service-card h3{font-size:20px}.service-card p{color:var(--muted);font-size:14px}.service-card a{color:var(--orange2);font-size:13px;font-weight:700}.stats-section{padding:75px 0;background:radial-gradient(circle at center,#0b376a55,transparent 60%)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{text-align:center}.stat>span{font-size:28px;color:var(--orange)}.stat strong{display:block;font:900 54px Inter,Vazirmatn;background:linear-gradient(135deg,#fff,#8ecbff);-webkit-background-clip:text;color:transparent;line-height:1.3}.stat p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.products-grid{grid-template-columns:repeat(3,1fr)}.project-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);min-height:390px;background:#10151e}.project-media{position:absolute;inset:0}.project-media img{width:100%;height:100%;object-fit:cover;transition:.7s}.project-card:hover .project-media img{transform:scale(1.06)}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#05070b 5%,#05070bcb 35%,transparent 80%)}.project-overlay{position:absolute;bottom:0;inset-inline:0;padding:28px}.project-overlay>span{display:inline-block;font-size:11px;color:#ffb07e;background:#ff5a0018;border:1px solid #ff5a0035;padding:4px 10px;border-radius:999px}.project-overlay h3{font-size:22px;margin:10px 0 5px}.project-overlay p{color:#b4becb;font-size:13px}.project-overlay a{color:var(--orange2);font-size:13px;font-weight:700}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative}.process-grid:before{content:"";position:absolute;top:35px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#ff5a0066,transparent)}.process-card{text-align:center;position:relative}.step-no{position:relative;z-index:2;width:70px;height:70px;margin:auto;border-radius:20px;background:#0f151f;border:1px solid #ff5a0042;display:grid;place-items:center;color:var(--orange);font:800 18px Inter}.step-icon{font-size:28px;margin-top:22px}.process-card p{color:var(--muted);font-size:14px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{padding:26px;border-radius:20px}.stars{color:#ffb145;letter-spacing:3px}.testimonial>p{color:#b9c2cf;font-size:14px}.person{display:flex;gap:12px;align-items:center;margin-top:24px}.person img,.person>div{width:48px;height:48px;border-radius:50%;object-fit:cover}.person>div{display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#ffb06f);font-weight:900}.person span{display:flex;flex-direction:column}.person small{color:#6f7d90}.cta{padding:70px 0}.cta-box{position:relative;overflow:hidden;border-radius:28px;padding:60px;background:linear-gradient(135deg,#0b2e5d99,#10151e,#ff5a0014);border:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-box>*{position:relative;z-index:2}.availability{display:inline-flex;color:#83e0a1;font-size:12px;padding:5px 12px;border:1px solid #4ade8040;border-radius:999px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-info{display:grid;gap:14px}.contact-card{display:flex;gap:15px;padding:20px;border:1px solid var(--line);background:#ffffff05;border-radius:17px}.contact-card>b{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#ff5a0014;color:var(--orange);font-size:20px}.contact-card span{display:flex;flex-direction:column}.contact-card small{color:var(--muted)}.contact-form{padding:30px;border-radius:22px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;font-size:13px;color:#b9c3cf;margin-bottom:14px}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;padding:13px 15px;border-radius:12px;border:1px solid #ffffff15;background:#ffffff06;color:#fff;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff5a0075}.contact-form textarea{min-height:135px;resize:vertical}.full{width:100%;border:0}.success{background:#183b27;color:#9ef5b8;padding:12px;border-radius:10px;margin-bottom:15px}.site-footer{padding:65px 0 25px;border-top:1px solid var(--line);background:#030508}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}.footer-logo{width:310px;max-width:100%}.footer-grid h3{font-size:16px}.footer-grid a{display:block;color:#9ba7b7;font-size:14px;margin:7px 0}.footer-grid p{color:#78869a}.copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;color:#657386;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);opacity:0;background:#101722;border:1px solid #ffffff15;padding:12px 20px;border-radius:12px;z-index:100;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:0;transition:.8s cubic-bezier(.16,1,.3,1)}.reveal{transform:translateY(35px)}.reveal-left{transform:translateX(-35px)}.reveal-right{transform:translateX(35px)}.reveal-scale{transform:scale(.9)}.active{opacity:1!important;transform:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1050px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-menu{position:fixed;inset:0;z-index:45;background:#05070bf5;backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transform:translateX(100%);transition:.35s}.mobile-menu.open{transform:none}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-visual{order:-1;min-height:460px}.service-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid:before{display:none}.testimonial-grid{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{width:min(100% - 24px,1240px)}.nav-inner{height:78px}.brand img{width:180px}.primary.small{display:none}.hero{padding-top:110px}.hero h1{font-size:46px}.hero h2{font-size:25px}.hero-visual{min-height:360px}.orbit1{width:350px;height:350px}.orbit2{width:280px;height:280px}.float-card{display:none}.quick-stats{gap:12px}.quick-stats div{padding-inline-end:12px}.quick-stats strong{font-size:20px}.section{padding:75px 0}.service-grid,.products-grid,.project-grid,.stats-grid,.process-grid,.form-two,.footer-grid{grid-template-columns:1fr}.section-head.row{display:block}.stats-grid{grid-template-columns:1fr 1fr}.stat strong{font-size:42px}.cta-box{padding:35px 24px}.contact-form{padding:20px}.experience{position:static;margin-top:12px}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.primary,.outline{width:100%}}


/* =========================================================
   HMC Theme System — Dark / Light
   ========================================================= */
.logo-light-theme{display:none!important}.logo-dark-theme{display:block!important}
.theme-toggle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff1c;background:#ffffff08;color:#fff;cursor:pointer;transition:.3s;position:relative;font-size:20px}
.theme-toggle:hover{border-color:#ff5a0065;background:#ff5a0014;transform:translateY(-2px)}
.theme-toggle .sun-icon,.theme-toggle .moon-icon{position:absolute;transition:.3s}.theme-toggle .sun-icon{opacity:0;transform:rotate(-90deg) scale(.6)}.theme-toggle .moon-icon{opacity:1;transform:none}
.brand .logo-dark-theme{width:250px;max-height:70px;object-fit:contain}.footer-logo.logo-dark-theme{width:310px;max-height:85px;object-fit:contain}

html[data-theme="light"]{--bg:#f5f7fb;--surface:#ffffff;--card:#ffffff;--white:#0b1f3a;--muted:#607086;--line:#0b2f6817;--cyan:#1570c8;color-scheme:light}
html[data-theme="light"] body{background:#f5f7fb;color:#10233f}
html[data-theme="light"] .logo-dark-theme{display:none!important}
html[data-theme="light"] .logo-light-theme{display:block!important}
html[data-theme="light"] .brand .logo-light-theme{width:250px;max-height:70px;object-fit:contain}
html[data-theme="light"] .footer-logo.logo-light-theme{width:310px;max-height:90px;object-fit:contain}
html[data-theme="light"] .theme-toggle{background:#fff;border-color:#0b2f6824;color:#0b2f68;box-shadow:0 7px 22px #0b2f6812}
html[data-theme="light"] .theme-toggle .sun-icon{opacity:1;transform:none}
html[data-theme="light"] .theme-toggle .moon-icon{opacity:0;transform:rotate(90deg) scale(.6)}
html[data-theme="light"] .site-nav.scrolled{background:#ffffffed;border-bottom-color:#0b2f6815;box-shadow:0 8px 30px #0b2f680d}
html[data-theme="light"] .desktop-nav a{color:#50617a}
html[data-theme="light"] .desktop-nav a:hover,html[data-theme="light"] .lang a.active,html[data-theme="light"] .lang a:hover{color:#082c60}
html[data-theme="light"] .menu-btn span{background:#082c60}
html[data-theme="light"] .mobile-menu{background:#f7f9fcf5;color:#10233f}
html[data-theme="light"] .hero{background:linear-gradient(135deg,#f7f9fc 0%,#eef3f9 56%,#fff4ec 100%)}
html[data-theme="light"] .grid-bg{background-image:linear-gradient(#0b2f6808 1px,transparent 1px),linear-gradient(90deg,#0b2f6808 1px,transparent 1px)}
html[data-theme="light"] .glow{opacity:.1}
html[data-theme="light"] .hero h1{background:linear-gradient(135deg,#082c60,#144f91 58%,#e85200);-webkit-background-clip:text;color:transparent}
html[data-theme="light"] .hero h2{color:#304966}
html[data-theme="light"] .hero-copy>p,html[data-theme="light"] .section-copy p,html[data-theme="light"] .section-head p,html[data-theme="light"] .cta p{color:#607086}
html[data-theme="light"] .quick-stats strong{color:#082c60}
html[data-theme="light"] .quick-stats span{color:#708098}
html[data-theme="light"] .orbit{border-color:#0b2f6812}
html[data-theme="light"] .orbit2{border-color:#ff5a0035}
html[data-theme="light"] .visual-card{background:#ffffffd9;border-color:#0b2f6818;box-shadow:0 40px 90px #0b2f6820}
html[data-theme="light"] .float-card{background:#fff;border-color:#0b2f6818;color:#10233f;box-shadow:0 15px 35px #0b2f6818}
html[data-theme="light"] .marquee{border-color:#0b2f6813;background:#fff}
html[data-theme="light"] .marquee span{color:#7a8798}
html[data-theme="light"] .section.alt{background:linear-gradient(180deg,#fff,#f2f5f9)}
html[data-theme="light"] .image-frame>img{border-color:#0b2f6817;box-shadow:0 24px 60px #0b2f6815}
html[data-theme="light"] .experience{background:#fff;border-color:#ff5a0038;box-shadow:0 18px 45px #0b2f6815}
html[data-theme="light"] .glass{background:#fff;border-color:#0b2f6815;box-shadow:0 12px 35px #0b2f680a}
html[data-theme="light"] .service-card:hover{background:#fff;border-color:#ff5a0040;box-shadow:0 22px 55px #0b2f6812}
html[data-theme="light"] .service-card p,html[data-theme="light"] .process-card p,html[data-theme="light"] .stat p{color:#66768b}
html[data-theme="light"] .stats-section{background:radial-gradient(circle at center,#dcecff,transparent 62%)}
html[data-theme="light"] .stat strong{background:linear-gradient(135deg,#082c60,#2478c8);-webkit-background-clip:text;color:transparent}
html[data-theme="light"] .project-card{background:#fff;border-color:#0b2f6818;box-shadow:0 15px 45px #0b2f6812}
html[data-theme="light"] .project-media:after{background:linear-gradient(to top,#07182be8 5%,#07182bb8 38%,transparent 82%)}
html[data-theme="light"] .step-no{background:#fff;border-color:#ff5a0042;box-shadow:0 10px 26px #0b2f6810}
html[data-theme="light"] .testimonial>p{color:#607086}
html[data-theme="light"] .person small{color:#7b899b}
html[data-theme="light"] .cta-box{background:linear-gradient(135deg,#eaf2fc,#fff,#fff0e7);border-color:#0b2f6816;box-shadow:0 25px 60px #0b2f6810}
html[data-theme="light"] .outline{border-color:#0b2f6827;color:#082c60;background:#fff}
html[data-theme="light"] .outline:hover{border-color:#0b2f6850;background:#f5f8fc}
html[data-theme="light"] .contact-card{background:#fff;border-color:#0b2f6815;box-shadow:0 10px 30px #0b2f6809}
html[data-theme="light"] .contact-card small{color:#66768b}
html[data-theme="light"] .contact-form{background:#fff;border-color:#0b2f6815;box-shadow:0 20px 55px #0b2f6810}
html[data-theme="light"] .contact-form label{color:#52647d}
html[data-theme="light"] .contact-form input,html[data-theme="light"] .contact-form textarea{background:#f7f9fc;border-color:#0b2f681b;color:#10233f}
html[data-theme="light"] .site-footer{background:#edf2f8;border-top-color:#0b2f6814}
html[data-theme="light"] .footer-grid a,html[data-theme="light"] .footer-grid p{color:#607086}
html[data-theme="light"] .copyright{color:#738196;border-color:#0b2f6815}
html[data-theme="light"] .toast{background:#fff;color:#10233f;border-color:#0b2f6818;box-shadow:0 15px 45px #0b2f681b}
@media(max-width:650px){.theme-toggle{width:38px;height:38px}.brand .logo-dark-theme,html[data-theme="light"] .brand .logo-light-theme{width:180px}}


/* HMC office map */
.map-section{padding-top:35px}
.map-frame{overflow:hidden;border-radius:26px;border:1px solid var(--line);background:var(--surface);min-height:430px}
.map-frame iframe{display:block;width:100%;height:480px;border:0;filter:saturate(.8) contrast(1.03)}
.map-actions{display:flex;justify-content:center;margin-top:22px}
html[data-theme="dark"] .map-frame iframe{filter:grayscale(.12) invert(.88) hue-rotate(180deg) brightness(.82) contrast(1.1)}
html[data-theme="light"] .map-frame{background:#fff;border-color:#0b2f6817;box-shadow:0 18px 55px #0b2f6812}
html[data-theme="light"] .map-frame iframe{filter:none}
@media(max-width:650px){.map-frame{min-height:340px;border-radius:18px}.map-frame iframe{height:360px}.map-actions .primary{width:100%}}


/* =========================================================
   HMC v3.4 Final visual system
   Light is default; dark uses the HMC navy family.
   ========================================================= */
:root{--bg:#f7f9fc;--surface:#fff;--card:#fff;--navy:#092b60;--navy2:#061a38;--orange:#ff5a00;--orange2:#ff7a1a;--white:#10284a;--muted:#4e6075;--line:#dce5ef;--cyan:#2c68a8;color-scheme:light}
html:not([data-theme]),html[data-theme="light"]{color-scheme:light}
html:not([data-theme]) body,html[data-theme="light"] body{background:#f7f9fc;color:#10284a}
html:not([data-theme]) .logo-dark-theme{display:none!important}
html:not([data-theme]) .logo-light-theme{display:block!important}
html:not([data-theme]) .hero,html[data-theme="light"] .hero{background:radial-gradient(circle at 15% 20%,rgba(255,90,0,.10),transparent 30%),radial-gradient(circle at 85% 70%,rgba(44,104,168,.12),transparent 35%),linear-gradient(135deg,#fff,#f3f7fc)}
html:not([data-theme]) .section.alt,html[data-theme="light"] .section.alt{background:linear-gradient(180deg,#fff,#eef4fa)}
html:not([data-theme]) .site-footer,html[data-theme="light"] .site-footer{background:#061a38;color:#d9e5f3;border-top-color:#ff5a00}
html:not([data-theme]) .site-footer .logo-light-theme,html[data-theme="light"] .site-footer .logo-light-theme{display:none!important}
html:not([data-theme]) .site-footer .logo-dark-theme,html[data-theme="light"] .site-footer .logo-dark-theme{display:block!important}
html:not([data-theme]) .site-footer .footer-grid a,html:not([data-theme]) .site-footer .footer-grid p,html[data-theme="light"] .site-footer .footer-grid a,html[data-theme="light"] .site-footer .footer-grid p{color:#c5d4e5}
html:not([data-theme]) .site-footer .copyright,html[data-theme="light"] .site-footer .copyright{color:#91a7c2;border-color:#ffffff18}

html[data-theme="dark"]{--bg:#061a38;--surface:#082552;--card:#0d2b54;--navy:#2c68a8;--navy2:#041329;--orange:#ff5a00;--orange2:#ff8a3d;--white:#fff;--muted:#b9cbe0;--line:#ffffff18;--cyan:#67b7ff;color-scheme:dark}
html[data-theme="dark"] body{background:linear-gradient(180deg,#061a38,#082552);color:#fff}
html[data-theme="dark"] .site-nav.scrolled{background:rgba(6,26,56,.92);border-bottom-color:#ffffff16;box-shadow:0 10px 30px #03102545}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 15% 25%,rgba(255,90,0,.18),transparent 32%),radial-gradient(circle at 82% 70%,rgba(41,105,180,.22),transparent 38%),linear-gradient(135deg,#061a38 0%,#082552 48%,#0b3268 100%)}
html[data-theme="dark"] .section.alt{background:linear-gradient(180deg,#082552,#0a2d61)}
html[data-theme="dark"] .glass{background:linear-gradient(145deg,rgba(18,59,112,.78),rgba(8,37,82,.82));border-color:#ffffff18}
html[data-theme="dark"] .service-card:hover{background:#123b70;border-color:#ff8a3d70}
html[data-theme="dark"] .visual-card{background:rgba(13,43,84,.84);border-color:#ffffff20;box-shadow:0 45px 100px #020d2180}
html[data-theme="dark"] .float-card{background:rgba(10,45,97,.95);border-color:#ffffff22}
html[data-theme="dark"] .project-card{background:#0b2f63}
html[data-theme="dark"] .step-no{background:#0d2b54}
html[data-theme="dark"] .contact-card,html[data-theme="dark"] .contact-form{background:#0d2b54;border-color:#ffffff18}
html[data-theme="dark"] .contact-form input,html[data-theme="dark"] .contact-form textarea{background:#0a2448;border-color:#ffffff1c}
html[data-theme="dark"] .site-footer{background:#041329;border-top:4px solid #ff5a00}
html[data-theme="dark"] .logo-dark-theme{display:block!important;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25));opacity:1}
html[data-theme="dark"] .brand .logo-dark-theme{min-width:230px;height:auto;object-fit:contain}
html[data-theme="dark"] .footer-logo.logo-dark-theme{filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));opacity:1}

/* Contact actions */
.phone-contact-card{align-items:flex-start}.phone-list{display:grid;gap:12px;width:100%}.phone-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.phone-row:last-child{border-bottom:0}.phone-number{font-family:Inter,Arial;font-weight:700;white-space:nowrap}.phone-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-action{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--line)}.contact-action em{font-style:normal}.contact-action.call{background:#e9f2ff;color:#092b60}.contact-action.whatsapp{background:#e9f8ef;color:#126a37}.footer-phone-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-phone-row>a:first-child{margin:0}.footer-wa{display:inline-flex!important;padding:3px 8px;border:1px solid #ffffff22;border-radius:999px;color:#d4f5df!important;font-size:11px!important}
html[data-theme="dark"] .contact-action.call{background:#123b70;color:#e8f3ff;border-color:#ffffff20}.contact-action.whatsapp{background:#0b5533;color:#dcffeb;border-color:#ffffff18}

/* Mobile quick action bar */
.mobile-contact-bar{display:none}.mobile-language{display:flex;gap:10px;align-items:center;margin-top:10px}.mobile-language a.active{color:var(--orange)}.mobile-quote{margin-top:8px}

/* International / LTR fields */
.phone-link,.phone-number,.footer-phone-row a,[dir="ltr"]{unicode-bidi:isolate}

/* Better responsive behavior */
img{max-width:100%;height:auto}.contact-card{min-width:0}.contact-card span{min-width:0}.contact-card small,.footer-grid p{overflow-wrap:anywhere}.project-overlay{max-width:100%}.project-overlay h3,.service-card h3{overflow-wrap:anywhere}
@media(max-width:1050px){body.menu-open{overflow:hidden}.mobile-menu{background:rgba(6,26,56,.98);color:#fff}.mobile-menu a{font-size:20px}.mobile-language{color:#91a7c2}.nav-actions{gap:10px}.brand img{max-width:210px}}
@media(max-width:760px){body{padding-bottom:70px}.mobile-contact-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:70;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px;background:rgba(6,26,56,.96);backdrop-filter:blur(18px);border-top:1px solid #ffffff1a}.mobile-contact-bar a{display:flex;justify-content:center;align-items:center;gap:7px;border-radius:12px;padding:10px;font-weight:800;font-size:13px}.mobile-call{background:#fff;color:#092b60}.mobile-whatsapp{background:#16854b;color:#fff}.hero-grid{gap:26px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.quick-stats{justify-content:center;flex-wrap:wrap}.hero-visual{width:100%;min-height:330px}.visual-card{width:min(100%,440px)}.section-head{text-align:center;margin-inline:auto}.contact-grid{gap:22px}.phone-row{align-items:flex-start;flex-direction:column}.phone-actions{width:100%}.contact-action{flex:1;justify-content:center}.map-frame iframe{height:320px}.footer-grid{text-align:center}.footer-logo{margin-inline:auto}.footer-phone-row{justify-content:center}.footer-grid a{margin-inline:auto}.cta-actions{width:100%}}
@media(max-width:480px){.shell{width:calc(100% - 20px)}.nav-inner{height:72px}.brand img{width:145px!important;max-height:58px!important}.theme-toggle{width:36px;height:36px}.lang{display:none}.hero{padding-top:95px}.hero h1{font-size:38px}.hero h2{font-size:22px}.hero-copy>p{font-size:15px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:0}.quick-stats div{padding:6px;border-inline-end:1px solid var(--line)}.quick-stats strong{font-size:18px}.quick-stats span{font-size:10px}.visual-caption{flex-direction:column;gap:4px}.service-card{padding:20px}.project-card{min-height:340px}.project-overlay{padding:20px}.section-copy h2,.section-head h2,.cta h2{font-size:31px}.contact-card{padding:16px}.contact-form{padding:16px}.mobile-contact-bar a{font-size:12px}.mobile-contact-bar span{display:inline}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* v3.5 — clear HMC logo in dark header and footer */
html[data-theme="dark"] .brand .logo-dark-theme{
  display:block!important;
  width:230px!important;
  height:88px!important;
  max-height:none!important;
  object-fit:contain;
  opacity:1!important;
  filter:none!important;
  border-radius:0;
}
html[data-theme="dark"] .nav-inner{height:108px}
.footer-logo-fixed{
  display:block!important;
  width:330px!important;
  height:auto!important;
  max-width:100%;
  max-height:none!important;
  object-fit:contain;
  opacity:1!important;
  filter:none!important;
  border-radius:0;
}
.site-footer .footer-logo-fixed{margin-bottom:16px}
html[data-theme="light"] .site-footer .footer-logo-fixed,
html[data-theme="dark"] .site-footer .footer-logo-fixed{display:block!important}
@media(max-width:900px){
  html[data-theme="dark"] .brand .logo-dark-theme{width:205px!important;height:82px!important}
  html[data-theme="dark"] .nav-inner{height:96px}
  .footer-logo-fixed{width:300px!important;margin-inline:auto}
}
@media(max-width:480px){
  html[data-theme="dark"] .brand .logo-dark-theme{width:155px!important;height:68px!important}
  html[data-theme="dark"] .nav-inner{height:78px}
  .footer-logo-fixed{width:250px!important}
}


/* v3.6 — seamless logo background integration */
:root{--hmc-logo-navy:#082554}
html[data-theme="dark"] .site-nav{
  background:var(--hmc-logo-navy);
  border-bottom:1px solid rgba(255,255,255,.08);
}
html[data-theme="dark"] .site-nav.scrolled{
  background:rgba(8,37,84,.97);
  border-bottom-color:rgba(255,255,255,.10);
  box-shadow:0 10px 28px rgba(2,14,34,.20);
}
html[data-theme="dark"] .brand,
html[data-theme="dark"] .brand img{
  background:var(--hmc-logo-navy);
}
.site-footer,
html[data-theme="light"] .site-footer,
html[data-theme="dark"] .site-footer{
  background:var(--hmc-logo-navy)!important;
  color:#d9e5f3;
  border-top:4px solid #ff5a00;
}
.site-footer .footer-logo-fixed{
  background:var(--hmc-logo-navy);
}
html[data-theme="dark"] .mobile-menu{
  background:rgba(8,37,84,.985);
}
@media(max-width:760px){
  html[data-theme="dark"] .mobile-contact-bar{background:rgba(8,37,84,.97)}
}

/* v3.7 Optional floating WhatsApp */
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:9px;background:#18a85b;color:#fff;border:1px solid #ffffff35;border-radius:999px;padding:12px 17px;font-weight:800;box-shadow:0 16px 35px #061a3850;transition:.25s}.floating-whatsapp:hover{transform:translateY(-3px);filter:brightness(1.06)}.floating-whatsapp span{font-size:21px}.floating-whatsapp em{font-style:normal}.mobile-contact-bar~.floating-whatsapp{bottom:84px}@media(max-width:720px){.floating-whatsapp{right:14px;bottom:76px;padding:11px;width:46px;height:46px;justify-content:center}.floating-whatsapp em{display:none}.floating-whatsapp span{font-size:22px}}@media(min-width:721px){.mobile-contact-bar~.floating-whatsapp{bottom:24px}}