*{box-sizing:border-box}body{margin:0;background:#f2f1ec;color:#182826;font:16px/1.7 Tahoma,Arial,sans-serif}header,footer{background:#172d29;color:#e7eee5;padding:20px max(5vw,20px);display:flex;align-items:center;justify-content:space-between}header span{font-size:.85rem}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:bold 23px Arial}.brand i{background:#d4fb66;color:#183029;padding:8px;border-radius:6px;font:bold italic 20px Arial}main{max-width:1180px;margin:auto;padding:clamp(32px,7vw,95px) 5vw;min-height:78vh}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}section,article{border-radius:18px;padding:clamp(22px,4vw,46px)}section{color:white;background:#183a32;position:relative;overflow:hidden}small{display:block;color:#496050;font-weight:bold;letter-spacing:.05em}section small,.accent{color:#d4fb66}.accent{display:block}h1,h2{line-height:1.35;margin:18px 0}h1{font-size:clamp(30px,4.2vw,60px)}h2{font-size:25px}section p{color:#d4e4db}.stripe{height:30px;margin-top:48px;background:repeating-linear-gradient(125deg,transparent 0 11px,#719f78 12px 15px);width:120px}article{background:#fff;border:1px solid #d8ded6}article p{color:#54625a}form,label{display:grid;gap:7px}form{gap:15px}label{font-weight:bold}input,button{font:inherit;border-radius:8px;padding:10px 12px}input{width:100%;background:#fafbf7;border:1px solid #aab7ae}button{background:#264f42;border:0;color:white;font-weight:bold;cursor:pointer}button:hover{background:#356550}a{color:#286651}.heading{margin-bottom:22px}.heading img{float:left;max-width:120px;max-height:80px;background:white;border-radius:8px;padding:5px}.row{border-top:1px solid #ddd;padding-top:12px;margin-top:16px}.row span{float:left}.logout{max-width:110px;margin-top:18px}footer{justify-content:center;gap:8px;direction:ltr}footer b{color:#d4fb66}[role=alert],[role=status]{padding:12px;background:#fff4ce}section a{color:white}@media(max-width:750px){.grid{grid-template-columns:1fr}header{gap:12px}.heading img{max-width:75px}}
:root{--ink:#17242e;--amber:#ffbf59;--line:#cbd1d4}body{color:var(--ink);background:#f2f4f3}header,footer{background:#111d27;color:#eef3f7}header{border-bottom:1px solid #33434e;padding-block:15px}.brand{letter-spacing:-1px}.brand img{object-fit:contain}main{max-width:1340px;padding:32px 5vw 66px}small{color:#49606e}section,.heading{background:#1d303d}section small,.accent{color:var(--amber)}article{border:1px solid var(--line);box-shadow:0 6px 20px #1d2e3a08}input{background:#f8f9fa;border-color:#a9b3ba}button,.cta{color:#17242e;background:var(--amber);font-weight:bold}button:hover,.cta:hover{background:#ffd388}a{color:#284c66}.hero{direction:rtl;background:linear-gradient(115deg,#18232b,#172b38);color:white;display:grid;grid-template-columns:1.1fr 1fr;border-radius:18px;overflow:hidden;border:1px solid #283e4b}.hero-copy,.instrument{padding:clamp(24px,4.2vw,62px)}.hero-copy small,.serial{color:#c1ced6}.hero-copy small b{margin:0 8px;color:var(--amber)}.hero h1{font-size:clamp(32px,4.4vw,64px);letter-spacing:-.04em}.hero h1 span{display:block;color:var(--amber)}.hero p{color:#c4d1d8;max-width:34em}.cta{display:inline-block;text-decoration:none;border-radius:6px;padding:9px 19px;margin-top:7px}.instrument{display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,#51657365,transparent 66%),repeating-linear-gradient(0deg,transparent 0 27px,#9bbbc710 28px),repeating-linear-gradient(90deg,transparent 0 27px,#9bbbc710 28px)}.serial{position:absolute;direction:ltr;left:18px;top:12px;font:10px/1.6 Consolas,monospace;letter-spacing:.15em}.bottom{top:auto;bottom:12px}.dial{width:min(23vw,252px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 23deg,#6b7c86,#e4eced,#374651,#94a3a9,#47535e,#d2dadd,#6b7c86);box-shadow:inset 0 0 0 2px #bcc8cc,0 14px 20px #070d1270}.dial>div{display:grid;place-items:center;width:88%;aspect-ratio:1;border-radius:50%;border:7px solid #35414b;background:repeating-linear-gradient(135deg,#26343e 0 2px,#2b3943 2px 4px);box-shadow:inset 0 4px 11px #0009}.dial img{width:80%;filter:drop-shadow(0 4px 2px #0009)}#entry{margin:20px 0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px}#entry h2{margin:2px 0}#entry form{display:flex;align-items:end;flex:0 1 57%}#entry label{flex:1}input,button{min-height:44px}.directory h2{font-size:clamp(26px,3vw,40px);margin-bottom:6px}.directory p{color:#4e626f}.directory label{max-width:450px}#brands{padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}#brands li{background:white;border:1px solid #cbd1d4;border-radius:13px;padding:10px 8px 14px;text-align:center}#brands span{display:block;color:#576771;font:12px/1.5 Arial}.mount{height:78px;border-radius:9px;background:radial-gradient(ellipse at 50% 80%,#d9dee1,#fff 68%);display:grid;place-items:center}.mount img{max-width:90%;object-fit:contain;filter:drop-shadow(0 1px 0 #78858d) drop-shadow(0 3px 2px #17263138)}[hidden]{display:none!important}footer b{color:var(--amber)}:focus-visible{outline:3px solid #3381a1;outline-offset:3px}@media(max-width:800px){#brands{grid-template-columns:repeat(4,minmax(0,1fr))}#entry form{flex:1}main{padding-top:18px}}@media(max-width:610px){.hero{grid-template-columns:1fr}.instrument{grid-row:1;height:156px}.dial{width:125px}.hero-copy{padding-top:20px}.hero h1{margin:8px 0}.hero p{margin:8px 0}#entry,#entry form{display:grid}#entry{gap:10px;padding:20px}#brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mount{height:64px}.serial{font-size:8px}}