
/* Hamotecs corporate v3 — premium polish and legacy page normalization */
:root{--hm-navy:#0b1f3a;--hm-blue:#2159e8;--hm-teal:#12b8a6;--hm-ink:#18263d;--hm-muted:#61718a;--hm-line:#e2e8f0;--hm-paper:#fff;--hm-soft:#f4f7fc}
body{background:#f3f6fb!important;color:var(--hm-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;overflow-x:hidden!important}
.site-shell{width:min(100% - 44px,1320px)!important;max-width:1320px!important;margin:0 auto!important;padding:0!important}
.site-header{margin:20px 0 30px!important;border-radius:22px!important;border:1px solid #e4eaf3!important;box-shadow:0 14px 40px rgba(11,31,58,.065)!important}
.header-inner{min-height:90px!important}
.brand-mark{background:linear-gradient(140deg,#1649c8 0%,#2159e8 55%,#12b8a6 100%)!important;border-radius:15px!important;box-shadow:0 8px 18px rgba(33,89,232,.2)!important}
.brand-copy strong{letter-spacing:.16em!important}
.nav-links{gap:5px!important}
.nav-links a{font-size:12px!important;padding:10px 11px!important;transition:background .18s ease,color .18s ease!important}
.nav-links a:hover{transform:translateY(-1px)!important}
.header-search{padding:14px 0 16px!important}
.header-search input[type=search],.header-search input[type=text],.header-search input:not([type]),.header-search .hamotecs-search input{background:#f7f9fd!important;border-color:#dce5f1!important}
.main-layout{display:block!important;width:100%!important}
.sidebar{display:none!important}
.page-content{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
.page-content>*,.page-content section,.page-content article,.page-content div{min-width:0}
.page-content h1,.page-content h2,.page-content h3{max-width:100%!important;overflow-wrap:anywhere!important}
.page-content table{width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}
.page-content img{max-width:100%!important;height:auto!important}
.hero-panel{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;min-height:430px!important;border:1px solid #e1e9f5!important;border-radius:28px!important;background:radial-gradient(ellipse at 92% 12%,rgba(18,184,166,.13),transparent 30%),linear-gradient(125deg,#fff 0%,#f5f8ff 72%,#eefaf8 100%)!important;box-shadow:0 20px 60px rgba(11,31,58,.075)!important}
.hero-panel h1{font-size:clamp(38px,4.4vw,62px)!important;line-height:1.04!important;letter-spacing:-.06em!important}
.hero-panel p{font-size:16px!important;max-width:540px!important}
.hero-proof{gap:24px!important}
.service-grid{gap:16px!important}
.service-tile{padding:24px!important;border:1px solid #e2e9f3!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;box-shadow:0 8px 25px rgba(11,31,58,.035)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.service-tile:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(11,31,58,.09)!important;border-color:#c8d7f4!important}
.tile-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:#edf3ff!important;color:var(--hm-blue)!important;display:grid!important;place-items:center!important}
.tile-number{font-size:10px!important;letter-spacing:.12em!important;color:#73829a!important;font-weight:850!important}
.service-tile h3{font-size:19px!important;letter-spacing:-.025em!important;margin:12px 0 8px!important}
.service-tile p{font-size:13px!important;line-height:1.75!important}
.tile-link{font-size:12px!important;font-weight:850!important;color:var(--hm-blue)!important}
.section-block,.legacy-content,.how-section{padding:54px 0!important}
.section-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:28px!important;margin-bottom:22px!important}
.section-heading h2{font-size:clamp(25px,3vw,35px)!important;letter-spacing:-.04em!important;color:var(--hm-navy)!important;margin:0!important}
.section-heading>p{max-width:430px!important;font-size:13px!important;line-height:1.8!important;margin:0!important;color:#687891!important}
.trust-band{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;margin:18px 0!important;padding:34px!important;border-radius:22px!important;background:linear-gradient(120deg,#0b1f3a,#153b78)!important;color:#fff!important}
.trust-band h2{color:#fff!important;font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.04em!important}
.trust-band p{max-width:650px!important;color:#c5d3e8!important;font-size:14px!important}
.button-light{background:#fff!important;color:#12366c!important;box-shadow:none!important;white-space:nowrap!important}
.platform-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.platform-list>a{display:grid!important;grid-template-columns:44px minmax(0,1fr) 22px!important;align-items:center!important;gap:14px!important;padding:17px!important;background:#fff!important;border:1px solid var(--hm-line)!important;border-radius:16px!important;transition:transform .18s ease,border-color .18s ease!important}
.platform-list>a:hover{transform:translateY(-2px)!important;border-color:#c8d7f4!important}
.platform-symbol{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#edf3ff!important;color:var(--hm-blue)!important;font-size:12px!important;font-weight:900!important}
.platform-list b,.platform-list small{display:block!important}
.platform-list b{font-size:14px!important;color:var(--hm-navy)!important}
.platform-list small{font-size:11px!important;color:var(--hm-muted)!important;margin-top:3px!important}
.platform-arrow{color:var(--hm-blue)!important;font-size:18px!important}
.legacy-video{width:100%!important;max-width:850px!important;margin:0 auto 24px!important;aspect-ratio:16/9!important;border-radius:20px!important;overflow:hidden!important;background:#0b1f3a!important}
.legacy-video iframe{display:block!important;width:100%!important;height:100%!important;border:0!important}
.legacy-stock{margin-top:24px!important;padding:22px!important;border:1px solid var(--hm-line)!important;border-radius:18px!important;background:#fff!important;overflow:auto!important}
.how-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.how-card{padding:24px!important;background:#fff!important;border:1px solid var(--hm-line)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(11,31,58,.035)!important}
.how-step{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#eaf1ff!important;color:var(--hm-blue)!important;font-size:12px!important;font-weight:900!important}
.how-card h3{margin:18px 0 8px!important;font-size:18px!important;color:var(--hm-navy)!important}
.how-card p{margin:0!important;font-size:13px!important;line-height:1.8!important;color:#687891!important}
.contact-banner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;margin:18px 0 58px!important;padding:32px!important;border-radius:24px!important;background:linear-gradient(125deg,#eaf1ff,#e9fbf8)!important;border:1px solid #dce8f4!important}
.contact-banner h2{font-size:clamp(24px,3vw,34px)!important;line-height:1.15!important;letter-spacing:-.04em!important;color:var(--hm-navy)!important;margin:0 0 10px!important}
.contact-banner p{font-size:14px!important;color:#5c6d85!important;margin:0!important}
.contact-banner-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;flex-shrink:0!important}
.contact-text-link{font-size:12px!important;font-weight:850!important}
.site-footer{border-radius:24px 24px 0 0!important;background:#091a32!important;padding:44px max(22px,calc((100% - 1320px)/2)) 20px!important}
@media(max-width:900px){
 .site-shell{width:calc(100% - 28px)!important}
 .hero-panel{grid-template-columns:minmax(0,1fr)!important}
 .hero-visual{min-height:310px!important}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .how-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .contact-banner{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:680px){
 .site-shell{width:calc(100% - 20px)!important}
 .site-header{margin:10px 0 18px!important;padding:0 13px!important}
 .header-inner{gap:12px!important}
 .header-meta{font-size:11px!important}
 .nav-links{display:none!important}
 .nav-links.is-open{display:flex!important}
 .hero-panel{padding:27px 20px!important;min-height:0!important}
 .hero-panel h1{font-size:clamp(34px,10vw,48px)!important}
 .hero-proof{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
 .hero-visual{min-height:260px!important;overflow:hidden!important}
 .orbit-one{width:245px!important;height:245px!important}
 .orbit-two{width:185px!important;height:275px!important}
 .visual-core{width:160px!important;height:160px!important}
 .float-card{padding:9px 10px!important}
 .float-top{right:0!important}
 .float-bottom{left:0!important}
 .section-block,.legacy-content,.how-section{padding:34px 0!important}
 .section-heading{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
 .service-grid,.platform-list,.how-grid{grid-template-columns:minmax(0,1fr)!important}
 .trust-band{align-items:flex-start!important;flex-direction:column!important;padding:25px!important}
 .contact-banner{padding:24px!important;margin-bottom:36px!important}
 .contact-banner-actions{width:100%!important}
 .contact-banner-actions .button{white-space:normal!important}
 .footer-grid{grid-template-columns:minmax(0,1fr)!important}
}
