:root{--red:#e50914;--red2:#96080f;--bg:#020202;--panel:#101010;--panel2:#171717;--line:#3b3b3b;--muted:#aaa;--green:#57d54a;--yellow:#ffc33b;--orange:#ff9d20}*{box-sizing:border-box}html,body{margin:0;background:#010101;color:#fff;font-family:'Arial Narrow','Roboto Condensed','Helvetica Neue',Arial,sans-serif;letter-spacing:.035em}button,input,select{font:inherit}.shell{min-height:100vh;background:radial-gradient(circle at 55% -10%,#4b0707 0,#080808 34%,#010101 72%);padding-bottom:76px}.desktop-hero{position:relative;min-height:435px;border-bottom:1px solid #461016;overflow:hidden}.desktop-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030303 0 27%,rgba(0,0,0,.24) 52%,#050505 100%),linear-gradient(0deg,#030303 0,rgba(0,0,0,0) 40%),url('assets/mower_hero.jpg') center 38%/cover no-repeat;filter:contrast(1.08) saturate(1.18);opacity:.96}.desktop-hero:after{content:"";position:absolute;right:24%;bottom:52px;width:260px;height:120px;background:#e50914;filter:blur(55px);opacity:.55}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr .8fr;gap:28px;max-width:1280px;margin:auto;padding:26px 30px 18px}.toro-logo{display:inline-grid;place-items:center;background:linear-gradient(135deg,#e51a22,#9b050c);width:158px;height:96px;border-radius:15px;box-shadow:0 12px 28px #000b;color:#fff;font:900 45px Georgia,serif}.brand h1{margin:26px 0 0;font-size:54px;line-height:.86;font-style:italic;font-weight:950;text-shadow:0 0 15px #000}.brand h1 small{display:block;font-size:31px;font-weight:900}.spec{font-size:18px;line-height:1.55;margin-top:28px}.tagline{margin-top:28px;font-size:23px;line-height:1.4}.hero-photo{min-height:330px}.meter{align-self:start;margin-top:12px;background:linear-gradient(180deg,rgba(20,20,20,.8),rgba(3,3,3,.85));border:1px solid #585858;border-radius:20px;padding:24px;box-shadow:0 18px 50px #000}.label{font-size:13px;color:#f1f1f1;text-transform:uppercase}.hour{font-size:62px;letter-spacing:.12em;line-height:1}.red{color:var(--red)}.next{border-top:1px solid #777;margin-top:18px;padding-top:17px}.btn{border:1px solid var(--red);border-radius:11px;background:linear-gradient(180deg,#a70910,#540609);color:#fff;text-transform:uppercase;font-weight:900;padding:14px 18px;box-shadow:inset 0 1px #ff6b6b55,0 8px 25px #000;cursor:pointer}.btn.ghost{background:#0b0b0b}.btn.full{width:100%;margin-top:18px}.topnav{position:sticky;top:0;z-index:50;background:rgba(2,2,2,.92);backdrop-filter:blur(16px);border-bottom:1px solid #2d2d2d;display:grid;grid-template-columns:repeat(6,1fr);max-width:1280px;margin:auto}.topnav button{background:transparent;border:0;color:#bfbfbf;padding:16px 5px;text-transform:uppercase;font-size:12px;font-weight:850}.topnav button b{display:block;font-size:26px;line-height:1.1}.topnav button.active{color:#fff;border-bottom:2px solid var(--red)}.topnav button.active b{color:var(--red)}main{max-width:1280px;margin:auto;padding:18px 20px 28px}.phone-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.phone{height:540px;background:linear-gradient(#111,#050505);border:1px solid #6b6b6b;border-radius:22px;padding:10px;box-shadow:0 22px 55px #000;overflow:hidden}.phone-head{height:36px;display:flex;align-items:center;gap:7px;font-weight:900}.mini-logo{background:#c60912;padding:5px 8px;border-radius:3px;font:900 15px Georgia,serif}.hamb{margin-left:auto}.screen{display:grid;gap:10px}.mower-card{height:135px;border-radius:12px;background:url('assets/mower_side.jpg') center/cover no-repeat;border:1px solid #333;position:relative;overflow:hidden}.mower-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505 0,transparent 50%)}.metric{background:#0a0a0a;border:1px solid #2e2e2e;border-radius:12px;padding:10px}.metric-row{display:flex;justify-content:space-between;align-items:end}.big{font-size:28px;font-weight:900}.tiny{font-size:10px;color:#aaa}.bar{height:7px;background:#262626;border-radius:99px;overflow:hidden;margin-top:7px}.fill{height:100%;width:var(--w);background:linear-gradient(90deg,var(--green),#a0ff44)}.fill.warn{background:linear-gradient(90deg,var(--yellow),#ff7b00)}.status-list{display:grid;gap:6px}.status{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px;align-items:center}.card{background:linear-gradient(180deg,rgba(22,22,22,.96),rgba(7,7,7,.96));border:1px solid #3b3b3b;border-radius:18px;padding:18px;box-shadow:0 20px 50px #000a}h2,h3{margin:0 0 14px;text-transform:uppercase}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.list{display:grid;gap:10px}.item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border:1px solid #282828;background:#0a0a0a;border-radius:12px;padding:12px}.ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#da1c24,#79070b);font-size:22px}.item small{display:block;color:#aaa;margin-top:4px}.green{color:var(--green);font-weight:900}.amber{color:var(--yellow);font-weight:900}.parts{display:grid;gap:10px}.part{display:grid;grid-template-columns:68px 1fr auto;gap:10px;align-items:center;border:1px solid #292929;background:#090909;border-radius:12px;padding:10px}.part img{width:68px;height:48px;object-fit:cover;border-radius:8px}.price{color:#62e35b;font-weight:950}.chips{display:flex;gap:8px;margin-bottom:10px}.chip{padding:8px 12px;border:1px solid #333;border-radius:8px;background:#0b0b0b;text-transform:uppercase;font-size:12px}.chip.on{background:#87060c;border-color:var(--red)}.diagnose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diag{border:1px solid #303030;border-radius:10px;min-height:80px;display:grid;place-items:center;text-align:center;background:#101010}.footer-badges{max-width:1280px;margin:auto;border-top:1px solid #3a0d11;border-bottom:1px solid #3a0d11;padding:22px 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;background:linear-gradient(90deg,#141414,#060606)}.badge b{display:block;text-transform:uppercase}.badge span{color:#ddd;font-size:13px}.bottom{display:none}.fab{display:none}dialog{background:#070707;color:white;border:1px solid #555;border-radius:18px;width:min(520px,92%);padding:0}dialog form{display:grid;gap:12px;padding:18px}label{display:grid;gap:6px;color:#ddd}input,select{background:#020202;color:white;border:1px solid #444;border-radius:10px;padding:12px}.history-photo{width:100%;border-radius:14px;max-height:270px;object-fit:cover;border:1px solid #333}@media(max-width:900px){.desktop-hero{min-height:485px}.hero-content{display:block;padding:18px}.toro-logo{width:126px;height:74px;font-size:35px}.brand h1{font-size:39px}.spec,.tagline{font-size:16px}.meter{margin-top:145px}.topnav{display:none}main{padding:12px}.phone-row{grid-template-columns:1fr;gap:12px}.phone{height:auto;min-height:620px;border-radius:0;border-left:0;border-right:0;padding:12px}.grid{grid-template-columns:1fr}.footer-badges{grid-template-columns:1fr;padding-bottom:96px}.bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:rgba(2,2,2,.94);backdrop-filter:blur(14px);border-top:1px solid #333;z-index:90}.bottom button{background:transparent;border:0;color:#aaa;padding:9px 2px 12px;text-transform:uppercase;font-size:10px}.bottom button.active{color:var(--red)}.bottom b{display:block;font-size:23px}.fab{display:grid;place-items:center;position:fixed;left:50%;bottom:36px;transform:translateX(-50%);z-index:100;width:68px;height:68px;border-radius:50%;border:1px solid #ff565e;background:linear-gradient(#f33,#87060c);color:white;font-size:36px;box-shadow:0 12px 34px #000}.diagnose-grid{grid-template-columns:repeat(2,1fr)}}