/* Precision studio: silver, ice blue, measured asymmetric composition. */
:root,.zone-dark{--bg:#f8fafb;--panel:#fff;--panel-2:#edf2f5;--ink:#152a35;--on-ink:#fff;--muted:#536b78;--soft:#3f5967;--faint:#657983;--line:#d5e0e6;--edge:#adbec9;--field:#cbd8df;--tile:#fff;--err:#b02b42;--red:#006678;--red-dark:#004f62;--display:Cairo,Tahoma,sans-serif;--body:Tajawal,Tahoma,sans-serif;color-scheme:light}
.zone-dark{background:var(--bg);color:var(--ink)}.preview-banner{background:#102b39;color:#c8d8df;font-size:12px}.header{min-height:94px;border-bottom:1px solid #d5e0e6}.demo-mark{font-weight:700;font-size:30px;color:#132f3e}.demo-mark>span{font-size:12px;letter-spacing:0;color:#617b89}.nav-cta{background:#113747;color:#fff;border-radius:3px;font-weight:500}.nav-cta:hover{background:#006678}.header nav{font-size:15px}.dot{background:#007c91}.button{border-radius:3px;font-weight:600}.button.quiet{border-color:#b9c9d2}.button.primary{background:#006678}
.hero-zone{background:#f8fafb!important;overflow:hidden}.hero-zone:before{display:none}.hero{min-height:700px;padding-top:36px;padding-bottom:36px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.hero-copy{max-width:100%;padding-block:20px}.hero h1{font-size:clamp(46px,4.8vw,68px);font-weight:600;line-height:1.55;margin:20px 0;letter-spacing:0}.hero h1 span{color:#648394}.hero-intro{font-size:21px;line-height:1.8;max-width:460px}.eyebrow{font-size:14px;color:#486574}.hero-actions{gap:12px;margin-top:30px}.hero-actions .button{font-size:16px;padding-inline:22px;min-height:52px}
.precision-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd9e0;margin-top:48px;padding-top:22px;font-size:15px;gap:10px}.precision-flow b{font:400 12px/1.5 Arial,sans-serif;color:#007487;display:block;margin-bottom:5px}
.precision-figure{height:620px;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#e6ecf2;border:1px solid #d8e3e9;min-width:0;margin:0;overflow:hidden}
.precision-head{display:flex;justify-content:space-between;padding:18px 20px;font-size:12px;letter-spacing:.08em;z-index:1;background:#e6edf1c9}.precision-head span:last-child{letter-spacing:0}.precision-figure img{height:100%;width:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);min-height:0}.precision-figure:after{content:'+';position:absolute;right:18px;top:55px;color:#648798;font:300 24px Arial}.precision-figure figcaption{border-top:1px solid #d1dde5;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;font-size:15px}.precision-disclaimer{font-size:11px;color:#4d6877}.tile,.cat img,.contact-card,.inquiry-form,.photo-placeholder,dialog{border-radius:4px}.tile{border:1px solid #dbe4e9;background:#fff}.tile:hover{border-color:#4e92a6;background:#edf6f8}.chip{border-radius:3px}.photo-placeholder{background:#edf2f5}.inquiry-form{box-shadow:0 14px 50px #2c4b6009}.block{padding-block:72px}.footer{border-top:1px solid #d5e0e6}.heading h2{font-weight:600}
@media(max-width:1099px){.hero{gap:32px}.hero h1{font-size:52px}.precision-figure{height:580px}.hero-actions .button{padding-inline:18px}.precision-disclaimer{max-width:135px}.header nav{gap:16px}}
@media(max-width:800px){.header{min-height:82px}.header nav{background:#f8fafb;color:#152a35}.menu-toggle{border-radius:3px}.hero{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:28px;min-height:0}.hero-copy{padding:0;max-width:100%}.hero h1{font-size:48px;line-height:1.45;margin:12px 0}.hero-intro{font-size:19px}.hero-actions{margin-top:24px}.precision-flow{margin-top:30px;padding-top:18px}.precision-figure{height:460px}.precision-head{padding:14px 16px}.precision-figure figcaption{padding:14px 16px;font-size:13px}.precision-disclaimer{font-size:10px;max-width:none}.hero-actions .button{width:auto;flex:1 1 auto;font-size:15px;min-height:48px}.block{padding-block:48px}.heading{margin-bottom:24px}.preview-banner{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:42px}.hero-actions .button{font-size:14px;padding-inline:14px}.precision-disclaimer{max-width:130px}.precision-figure{height:400px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:precision-in .8s both}.precision-figure{animation:precision-in 1s .1s both}@keyframes precision-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}

.header nav a{text-transform:capitalize}