@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#101D2D;--muted:#7d8389;--orange:#C6F34A;--line:#e8e9eb;--bg:#f6f7f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Cairo,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}aside{position:fixed;right:0;top:0;bottom:0;width:246px;background:white;border-left:1px solid var(--line);padding:34px 24px;display:flex;flex-direction:column}.brand{color:var(--ink);text-decoration:none;font-size:49px;font-weight:900;line-height:1.15;display:flex;align-items:center;gap:15px}.brand:before{content:'✓';color:var(--orange);font-size:40px}.brand span{font:700 12px Arial;letter-spacing:3px;align-self:end;margin-bottom:10px}.country{margin:32px 4px;color:#545b62;font-weight:700}.country small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-right:18px}nav{display:grid;gap:9px}nav button{background:none;border:0;padding:14px 12px;text-align:right;border-radius:10px;color:#777f86;font-size:22px;display:flex;align-items:center;gap:12px}nav span{font-size:13px;font-weight:700}nav button.active{background:#fff4df;color:#9d6500}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:10px;font-size:12px;font-weight:700}.avatar{background:#f1f2f4;border-radius:50%;width:38px;height:38px;text-align:center;padding-top:7px}.aside-bottom small{display:block;color:var(--muted);font-size:10px;font-weight:400}main{margin-right:246px;padding:0 42px}header{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#727981}.live-dot{display:inline-block;width:7px;height:7px;background:#409573;border-radius:50%;margin-left:8px}.demo,.pill{padding:5px 12px;border:1px solid #e0e3e7;border-radius:20px;font-size:10px;background:white}section{max-width:1160px;margin:auto;min-height:calc(100vh - 160px)}.eyebrow{font-size:11px;color:#a16908;font-weight:800;letter-spacing:.3px}h1{font-size:38px;line-height:1.55;margin:12px 0}h1 em{font-style:normal;color:#d88a0d}p{color:var(--muted);line-height:1.9}h2{font-size:18px;margin:0 0 8px}h3{font-size:15px;margin:0 0 6px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;padding:35px 0 24px}.hero p{margin:10px 0;font-size:13px;max-width:530px}.hero-art{height:210px;background:white;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden}.hero-art img{position:absolute;width:90%;top:-21%;right:5%}.art-label{position:absolute;bottom:16px;right:18px;background:#101D2D;color:white;border-radius:20px;padding:5px 12px;font-size:10px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:25px}.search-card{box-shadow:0 8px 32px #24292f04}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button,.filter{border:1px solid var(--line);background:#fff;padding:9px 19px;border-radius:8px;color:#777}.tabs button.active{background:#101D2D;color:white;border-color:#101D2D}.search-row{display:flex;gap:12px}.input-wrap{flex:1;position:relative}input,select,textarea{width:100%;border:1px solid #dfe2e6;padding:13px 16px;border-radius:9px;background:#fafbfc;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #C6F34A20}.primary{border:0;background:var(--orange);color:#24282d;border-radius:9px;padding:12px 28px;font-weight:800}.secondary{background:white;border:1px solid #dfe2e6;padding:10px 18px;border-radius:9px;color:var(--ink)}.sample{border:0;background:none;color:#a46a0a;text-decoration:underline;padding:0;font-size:11px}.help{font-size:11px;color:#8b9197;margin:12px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 28px}.stat{display:flex;align-items:center;gap:12px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:13px}.stat strong{font-size:15px;display:block}.stat small{font-size:10px;color:var(--muted)}.stat-icon{width:40px;height:40px;border-radius:11px;background:#fff5e5;color:#b17817;display:grid;place-items:center;font-size:21px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 14px}.section-head p{margin:0;font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.car-card{padding:20px;transition:.2s}.car-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #101D2D09}.car-visual{height:90px;display:grid;place-items:center;background:#f6f7f9;border-radius:10px;margin-bottom:17px}.car-visual svg{width:150px;height:70px}.meta{font-size:11px;color:var(--muted)}.car-line{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.status{font-size:10px;border-radius:5px;padding:3px 8px;background:#eaf5ef;color:#397a5b}.status.warn{background:#fff3df;color:#a37019}.link-button{width:100%;background:white;border:1px solid var(--line);border-radius:8px;padding:9px;font-weight:700;font-size:11px}.page-top{padding:30px 0 15px}.page-top h1{font-size:28px}.back{border:0;background:none;color:#8d651c;padding:0}.notice{background:#f0f7e3;border:1px solid #f6e6c7;border-radius:10px;padding:13px 17px;font-size:11px;line-height:1.9;color:#8a6c39;margin:16px 0}.vehicle-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.details-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:20px 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.facts small{display:block;color:var(--muted);font-size:11px}.facts b{font-size:13px}.timeline-item{border-right:2px solid #f0d3a2;padding:0 20px 23px;margin-right:5px;position:relative}.timeline-item:before{content:'';position:absolute;right:-6px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--orange)}.timeline-item button{margin-top:10px}.report-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:15px}.report-row:last-child{border-bottom:0}.report-row small{display:block;color:var(--muted);font-size:11px}.score{font-size:48px;color:#398064;font-weight:900}.score small{font-size:15px;color:var(--muted)}.plan{text-align:center}.plan.featured{border:2px solid var(--orange)}.price{font-size:35px;font-weight:900;margin:20px 0 2px}.price small{font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:12px}.form-grid input,.form-grid select{margin-top:7px}.wide{grid-column:1/-1}textarea{min-height:85px;margin-top:7px}.empty{text-align:center;padding:55px 20px}.error{color:#aa4c34;font-size:12px;margin-top:10px}.hidden{display:none}footer{padding:28px 0;font-size:10px;color:#92989f;display:flex;justify-content:space-between}#toast{position:fixed;bottom:25px;left:25px;background:#101D2D;color:white;padding:14px 24px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none;z-index:10}#toast.show{opacity:1}button:focus-visible,a:focus-visible{outline:3px solid #e6a73f;outline-offset:3px}@media(min-width:1500px){main{padding:0 70px}.hero{padding-top:50px}}@media(max-width:1000px){aside{width:200px;padding:25px 15px}main{margin-right:200px;padding:0 24px}.hero{grid-template-columns:1fr}.hero-art{display:none}h1{font-size:31px}.grid{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;padding:15px 18px;border-bottom:1px solid var(--line)}.brand{font-size:33px}.brand:before{font-size:28px}.brand span{margin-bottom:5px}.country,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:14px;gap:4px}nav button{white-space:nowrap;padding:8px;font-size:17px;gap:6px}nav span{font-size:10px}main{margin:0;padding:0 18px}header{height:58px;font-size:10px}.hero{padding:25px 0 12px}h1{font-size:28px}.card{padding:18px}.search-row{flex-direction:column}.stats{gap:6px}.stat{padding:12px 8px;display:block}.stat-icon{display:none}.stat strong{font-size:11px}.stat small{font-size:9px}.grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.vehicle-head{align-items:start}.vehicle-head .secondary{font-size:10px;padding:8px}.demo{font-size:9px}footer{display:block}footer span{display:block;margin-top:5px}}
