:root{font-family:Inter,'Segoe UI',sans-serif;color:#21352b;background:#f6f7f3;--line:#dfe5da;--green:#246348;--muted:#7c897d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1320px;margin:auto;padding:0 44px}header{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;font-weight:700;gap:10px;letter-spacing:-1px}.brand b{display:flex;align-items:center;justify-content:center;background:var(--green);color:white;border-radius:12px;width:38px;height:38px;font-size:26px}.brand>span{font-size:12px;line-height:1.8;letter-spacing:1.7px;font-weight:500;max-width:120px;margin-left:17px;padding-left:19px;border-left:1px solid var(--line);color:var(--muted)}.header-actions{display:flex;align-items:center;gap:25px}.live{font-size:15px;color:#798775}.live i,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6f9c64;margin-right:9px}.button{border:1px solid #d0dacb;border-radius:7px;background:white;color:#32533c;padding:10px 16px;font-size:15px;font-weight:600}.button:hover{background:#edf3e8}.button.primary{background:var(--green);color:white;border-color:var(--green)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:55px 0 44px}.eyebrow{font-size:13px;letter-spacing:1.8px;font-weight:600;color:#77916b}h1{font-size:clamp(30px,3.7vw,48px);font-weight:550;line-height:1.15;letter-spacing:-1.8px;margin:20px 0}h1>span{color:#779567}.hero p{font-size:17px;line-height:1.9;color:#82907e}.hero-bottom{margin-top:26px;font-size:14px;color:#879381;display:flex;align-items:center}.hero-art{height:290px;position:relative;background:radial-gradient(ellipse at center,#e1ead7 0,transparent 70%);display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #d4dfc9;border-radius:50%;width:240px;height:240px}.orbit-two{width:340px;height:190px;transform:rotate(-30deg);border-style:dashed}.robot{position:relative;width:126px;height:122px;background:linear-gradient(145deg,#fafbf7,#dde6d2);border:1px solid #c9d6bf;border-radius:34px;box-shadow:9px 18px 28px #9eaf902e;transform:rotate(-8deg)}.robot-face{margin:26px 17px 0;background:#365940;border-radius:15px;height:46px;display:flex;align-items:center;justify-content:space-around;padding:0 10px}.robot-face i{width:12px;height:16px;border-radius:8px;background:#ceefaf;box-shadow:0 0 9px #bfea9270}.antenna{position:absolute;width:4px;height:19px;background:#72916b;top:-18px;left:61px}.antenna:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#8eae7c;top:-6px;left:-3px}.robot-smile{margin:10px auto 0;width:22px;height:8px;border-bottom:2px solid #87a174;border-radius:50%}.art-label{position:absolute;background:#ffffffc9;border:1px solid #dbe3d1;border-radius:6px;padding:9px 12px;font-size:12px;letter-spacing:1px;color:#6b8060;box-shadow:0 4px 10px #526a4810}.label-one{left:8%;top:27px;transform:rotate(-5deg)}.label-two{right:0;top:128px;transform:rotate(5deg)}.label-three{left:4%;bottom:47px;transform:rotate(-3deg)}.art-caption{position:absolute;bottom:0;font-size:11px;letter-spacing:2px;color:#9aa88e}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px 0}.stat{padding:0 25px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat small{font-size:14px;color:#7c8976;display:block}.stat strong{font-size:32px;font-weight:550;letter-spacing:-1px;display:block;margin:8px 0 5px}.stat span{font-size:13px;color:#a0a99b}.stat.active strong{color:var(--green)}.network{padding:43px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:23px;font-weight:550;letter-spacing:-.6px;margin:10px 0}.filters{display:flex;gap:8px}input,select{border:1px solid #dce3d6;border-radius:6px;padding:10px 12px;background:white;font-size:15px;color:#455c40;max-width:100%}.filters input{width:180px}.legend{display:flex;gap:18px;font-size:13px;color:#88917f;margin:22px 0}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.legend small{margin-left:auto;font-size:13px;color:#a2aa9a}.online{background:#80a570}.offline{background:#d3a484}.unknown{background:#c6cfc0}.salons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.salon{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.salon-head{display:flex;align-items:center;gap:12px;padding:18px}.building{width:33px;height:33px;border:1px solid #e1e9d9;border-radius:8px;background:#f5f8ef;display:flex;align-items:center;justify-content:center;color:#8ba075;font-size:17px}.salon-head h3{font-size:18px;font-weight:600;margin:0 0 5px}.salon-head small{font-size:13px;color:#97a18d}.salon-head .fraction{margin-left:auto;font-size:15px;color:#809371;background:#f4f7ee;padding:5px 8px;border-radius:5px}.bot{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid #eef1e9;font-size:15px}.bot-name{display:flex;align-items:center;gap:9px}.bot-icon{color:#a7b49c;width:14px;font-size:16px}.status{font-size:13px;display:flex;align-items:center;gap:6px;color:#79916b}.status i{width:5px;height:5px;border-radius:50%}.status.off{color:#b19273}.status.none{color:#adb5a5}.salon-foot{background:#fbfcf8;border-top:1px solid #eff1e9;padding:10px 18px;font-size:12px;color:#a7af9e;letter-spacing:.5px}.technology{display:flex;align-items:center;justify-content:space-between;background:#eaf0e2;border:1px solid #dce5d2;border-radius:11px;padding:29px 34px}.technology h2{font-size:25px;color:#536d47}.technology p{font-size:15px;color:#8a9b7c}.technology-mark{display:flex;align-items:center;justify-content:center;font-size:53px;font-weight:500;color:#b5c6a4;border:1px solid #c7d6b8;width:94px;height:94px;border-radius:25px;transform:rotate(-10deg)}footer{display:flex;justify-content:space-between;gap:20px;color:#a0aa95;font-size:13px;padding:30px 0}footer b{font-weight:400;color:#b0b8a6;margin-left:10px}.error{border:1px solid #e8c8b2;background:#fff6ed;padding:13px;border-radius:7px;font-size:16px;color:#a16d48;margin-bottom:20px}.empty{grid-column:1/-1;text-align:center;padding:35px;font-size:17px;color:#8c9880}dialog{width:430px;max-width:calc(100vw - 30px);padding:27px;border:1px solid #d4dec9;border-radius:12px;color:#35482d;box-shadow:0 25px 80px #20321830}dialog::backdrop{background:#26372277;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:22px;margin:0}.dialog-heading button{background:#f0f4e9;border:0;border-radius:6px;font-size:22px;color:#74886a;width:30px;height:30px}dialog p{font-size:16px;color:#879679;line-height:1.7}label{display:block;margin-top:18px;font-size:16px}label input:not([type=checkbox]){display:block;width:100%;margin-top:8px;font-size:18px}.checkbox{display:flex;align-items:center;gap:8px;font-size:15px;color:#89977a}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.form-bottom span{font-size:15px;color:#a87950}[hidden]{display:none!important}:focus-visible{outline:3px solid #b6c9a4;outline-offset:3px}@media(max-width:950px){.shell{padding:0 25px}.salons{grid-template-columns:repeat(2,minmax(0,1fr))}.brand>span{display:none}.hero-art{height:250px}.orbit-two{width:280px}.art-label{font-size:11px;padding:8px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.filters{width:100%}.filters input{flex:1}.stat{padding:0 18px}.hero p{font-size:16px}}@media(max-width:600px){.shell{padding:0 18px}header{height:80px}.header-actions{gap:9px}.live{display:none}.brand{font-size:22px}.brand b{width:33px;height:33px;border-radius:10px}.hero{grid-template-columns:1fr;padding:35px 0 30px;gap:5px}.hero-art{height:210px;max-width:360px;width:100%;margin:auto}.orbit-one{height:175px;width:175px}.orbit-two{height:135px;width:260px}.robot{transform:scale(.8) rotate(-8deg)}h1{font-size:35px;letter-spacing:-1.5px}.hero p br{display:none}.hero-bottom{margin-top:17px}.art-caption{bottom:1px}.label-one{top:23px}.label-two{top:96px}.label-three{bottom:30px}.stats{grid-template-columns:repeat(2,1fr);padding:0}.stat{padding:18px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3){border-bottom:0}.stat strong{font-size:28px}.salons{grid-template-columns:1fr;gap:15px}.legend{gap:13px;font-size:12px}.legend small{display:none}.network{padding:30px 0}.section-heading h2{font-size:22px}.filters select{max-width:46%}.technology{padding:24px}.technology-mark{display:none}.technology h2{font-size:22px}.technology p{font-size:14px;line-height:1.8}footer{font-size:12px;line-height:1.6;align-items:flex-start}footer>span:last-child{max-width:180px;text-align:right}}
/* Compact upper section and readable equipment cards. */
header{height:72px}.hero{padding:17px 0 18px;gap:24px}.hero h1{margin:10px 0}.hero p{font-size:15px;line-height:1.45;margin:10px 0}.hero-bottom{margin-top:12px;font-size:13px}.hero-art{height:203px}.orbit-one{width:170px;height:170px}.orbit-two{width:245px;height:135px}.robot{transform:scale(.72) rotate(-8deg)}.art-label{font-size:11px;padding:6px 8px}.label-one{top:5px;left:1%}.label-two{top:90px;right:0}.label-three{bottom:24px;left:0}.art-caption{font-size:9px;letter-spacing:1px}.stats{padding:10px 0}.stat strong{font-size:30px;margin:6px 0 4px}.stat small{font-size:14px}.stat span{font-size:12px}.network{padding:25px 0}.legend{margin:16px 0}.bot{display:block;padding:14px 18px}.bot-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.bot-name{font-size:21px;font-weight:600;min-width:0}.status{font-size:17px;font-weight:600;white-space:nowrap}.status i{width:7px;height:7px}.public-timeline{height:9px;position:relative;overflow:hidden;background:#f0f3ed;border-radius:4px;margin-top:12px}.public-timeline span{position:absolute;height:100%;min-width:1px}.time-scale{display:flex;justify-content:space-between;font-size:12px;color:#76866d;margin-top:5px;font-variant-numeric:tabular-nums}.salon-head h3{font-size:20px}.salon-head small{font-size:12px}.salon-head .fraction{font-size:15px}.salon-foot{font-size:11px}.legend{flex-wrap:wrap}.legend small{font-size:12px}.brand>span{font-size:11px;max-width:155px}.section-heading h2{font-size:26px}.technology .eyebrow{font-size:12px}.technology p{font-size:14px}dialog .checkbox{font-size:14px}
@media(max-width:1150px){.salons{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.filters{width:100%}.filters input{flex:1;min-width:0}}
@media(max-width:600px){header{height:64px}.hero{padding:12px 0;gap:0}.hero h1{font-size:32px;margin:6px 0}.hero .eyebrow{font-size:11px;letter-spacing:1px}.hero p{font-size:14px;margin:8px 0;line-height:1.4}.hero-bottom{font-size:12px;margin-top:8px}.hero-art{height:130px;max-width:330px}.orbit-one{width:105px;height:105px}.orbit-two{width:200px;height:90px}.robot{transform:scale(.5) rotate(-8deg)}.label-one{top:5px}.label-two{top:48px}.label-three{bottom:18px}.art-label{font-size:9px;padding:5px}.art-caption{font-size:7px}.stats{padding:0}.stat{padding:10px 14px}.stat strong{font-size:28px}.stat small{font-size:13px}.stat span{font-size:11px}.network{padding:23px 0}.salons{grid-template-columns:1fr}.bot-name{font-size:21px}.status{font-size:17px}.header-actions .button{font-size:13px;padding:9px 10px}.legend{font-size:12px}.filters{flex-wrap:wrap}.filters select{max-width:50%;font-size:14px}.filters input{font-size:14px}.technology p{font-size:14px}footer{font-size:12px}.salon-foot{font-size:10px}}
@media(min-width:601px){.hero{padding:12px 0}.hero-art{height:185px}}