:root{--ink:#08111d;--panel:#101c2b;--panel2:#152437;--line:#26384d;--muted:#91a3b8;--text:#f5f8fb;--green:#43e6a5;--green2:#b8f7dd;--amber:#ffcc66;--rose:#ff8f9d;--blue:#74b8ff;--shadow:0 22px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#163a43 0,transparent 27rem),var(--ink)}button{font:inherit}.demo-banner{height:34px;display:flex;align-items:center;justify-content:center;gap:12px;background:#f3b73f;color:#1b1608;font-size:12px;letter-spacing:.04em}.demo-banner strong{font-size:10px;letter-spacing:.14em}.shell{display:grid;grid-template-columns:244px 1fr;min-height:calc(100vh - 34px)}.sidebar{position:sticky;top:0;height:calc(100vh - 34px);padding:24px 16px;border-right:1px solid var(--line);background:rgba(8,17,29,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:10}.logo{width:155px;margin:0 10px 25px}.sidebar nav{display:grid;gap:7px}.nav-button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#b8c7d8;text-align:left;cursor:pointer}.nav-button:hover,.nav-button.active{background:#193044;color:#fff}.nav-button.active{box-shadow:inset 3px 0 var(--green)}.nav-icon{width:23px;text-align:center}.sidebar-foot{margin-top:auto;padding:14px 12px;border:1px solid var(--line);border-radius:12px;color:var(--green2);font-size:12px}.sidebar-foot small{display:block;color:var(--muted);margin-top:5px;line-height:1.4}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 12px var(--green)}main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid var(--line);background:rgba(8,17,29,.65);position:sticky;top:0;z-index:8;backdrop-filter:blur(16px)}h1,h2,h3,p{margin-top:0}.topbar h1{margin:3px 0 0;font-size:25px}.eyebrow{margin:0;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.16em}.top-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px}.lang-switch button{border:0;border-radius:6px;padding:6px 9px;background:transparent;color:var(--muted);cursor:pointer}.lang-switch button.active{background:#243950;color:#fff}.primary,.tour-panel button,.action{border:1px solid var(--line);border-radius:10px;padding:9px 13px;background:#17283b;color:#fff;cursor:pointer}.primary{border-color:var(--green);background:var(--green);color:#052017;font-weight:800}.primary:hover{background:#69edb8}.mobile-menu{display:none;background:none;border:0;color:white;font-size:25px}.content{padding:28px 30px 50px;max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(21,36,55,.95),rgba(11,23,37,.95));box-shadow:var(--shadow);padding:21px}.hero-card{min-height:210px;background:linear-gradient(125deg,#17364a,#0d2730 60%,#12384a)}.hero-card h2{font-size:30px;max-width:650px;margin-bottom:10px}.hero-card p{color:#c0cddd;max-width:700px;line-height:1.65}.pill{display:inline-block;border:1px solid #39715f;background:#153f34;color:var(--green2);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.1em}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:22px}.metric{padding:13px;border-radius:12px;background:rgba(4,14,24,.5);border:1px solid #29455a}.metric strong{display:block;font-size:23px}.metric span{font-size:11px;color:var(--muted)}.briefing{display:flex;flex-direction:column;justify-content:space-between}.briefing .avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#4d82ff);color:#06151a;font-weight:900;font-size:19px}.briefing p{color:#b8c7d8;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.property-card .property-image{height:110px;border-radius:12px;margin-bottom:15px;background:linear-gradient(135deg,#1e5262,#1e2b4f);position:relative;overflow:hidden}.property-image::before,.property-image::after{content:"";position:absolute;background:rgba(255,255,255,.12)}.property-image::before{width:55%;height:70%;left:10%;bottom:0;transform:skew(-12deg)}.property-image::after{width:36%;height:52%;right:8%;bottom:0}.property-card p,.muted{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag{font-size:10px;padding:5px 8px;border-radius:999px;background:#203247;color:#bdd0e5}.tag.sim{background:#4a3519;color:#ffd886;border:1px solid #795d28}.section-title{margin:26px 0 12px}.device-layout{display:grid;grid-template-columns:minmax(290px,390px) 1fr;gap:20px}.phone{border:8px solid #27394e;border-radius:34px;background:#f6f7f9;color:#152334;padding:18px;min-height:620px;box-shadow:var(--shadow)}.phone-top{text-align:center;font-size:11px;color:#607083;margin-bottom:20px}.guest-message{padding:12px;border-radius:14px;background:white;box-shadow:0 6px 20px rgba(30,50,70,.1);margin:10px 0;font-size:14px;line-height:1.5}.guest-message.reply{background:#dcf9ed;margin-left:20px}.query-list{display:grid;gap:9px;margin-top:16px}.query-list button{border:1px solid #cbd5df;background:#fff;border-radius:12px;padding:11px;text-align:left;color:#203044;cursor:pointer}.task-list{display:grid;gap:12px}.task{padding:16px;border:1px solid var(--line);border-radius:13px;background:#0d1b2a}.task.active{border-color:#3c8b70}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.stage{padding:9px 5px;border-radius:9px;text-align:center;background:#162639;color:#71849a;font-size:10px}.stage.done{background:#164637;color:#c0fae0}.evidence{height:170px;border-radius:13px;background:linear-gradient(155deg,#6d879a,#d7e1e7 55%,#536c78);display:grid;place-items:center;color:#10242d;font-weight:900;position:relative;overflow:hidden}.evidence::after{content:"DEMO PHOTO";position:absolute;bottom:10px;right:10px;background:#0b1723;color:white;padding:5px 8px;border-radius:5px;font-size:9px}.notice{border-left:3px solid var(--amber);padding:12px 14px;background:#2d2618;color:#ffe3a2;border-radius:4px 10px 10px 4px;font-size:13px;line-height:1.5}.tour-panel{position:fixed;right:22px;bottom:22px;width:min(410px,calc(100vw - 32px));padding:19px;border:1px solid #3b6270;border-radius:17px;background:#0b1725;box-shadow:0 24px 80px rgba(0,0,0,.55);z-index:30}.tour-panel[hidden]{display:none}.tour-head,.tour-nav,.audio-row{display:flex;align-items:center;gap:8px}.tour-head{justify-content:space-between}.tour-head button{border:0;background:transparent;font-size:22px}.tour-panel h2{margin:12px 0 7px}.tour-panel p{color:#b7c5d5;line-height:1.5}.audio-row{flex-wrap:wrap}.audio-row button{font-size:12px;padding:7px 9px}.tour-nav{justify-content:space-between;margin-top:16px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:11px 16px;background:#eefbf6;color:#123529;border-radius:10px;box-shadow:var(--shadow);z-index:40}.toast[hidden]{display:none}.button-row{display:flex;gap:9px;flex-wrap:wrap}.action.danger{border-color:#6c4048;color:#ffbdc5}.action.success{border-color:#398269;color:#b9f5db}.checklist{list-style:none;padding:0;display:grid;gap:10px}.checklist li{padding:12px;border:1px solid var(--line);border-radius:10px;color:#c5d1dd}.checklist li::before{content:"✓";color:var(--green);margin-right:9px}.footer-note{text-align:center;color:#697d93;font-size:11px;margin:35px 0}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-105%);transition:.2s;width:250px;height:100vh;top:0}.sidebar.open{transform:none}.mobile-menu{display:block}.topbar{padding:18px}.topbar h1{font-size:20px}.top-actions .primary{padding:8px 10px;font-size:12px}.content{padding:18px}.hero,.device-layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.phone{min-height:560px}.demo-banner{height:auto;min-height:34px;padding:7px 10px;text-align:center;flex-wrap:wrap}}
@media(max-width:560px){.grid,.metric-grid{grid-template-columns:1fr}.topbar{gap:8px;align-items:flex-start}.top-actions{align-items:flex-end;flex-direction:column-reverse}.top-actions .primary{max-width:122px}.lang-switch button{padding:5px 7px}.hero-card h2{font-size:24px}.card{padding:16px}.timeline{grid-template-columns:1fr 1fr}.demo-banner span{font-size:10px}.tour-panel{right:16px;bottom:16px}.content{padding:14px}.phone{border-width:5px;border-radius:26px}.button-row{display:grid}.button-row button{width:100%}}
.audio-status{color:var(--green2);font-size:11px;min-width:52px}
.qr-card{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0b1725}.qr-card img{display:block;width:132px;height:132px;border-radius:9px;background:#fff}.qr-card p{margin:6px 0;color:var(--muted);line-height:1.45}.qr-card a{color:var(--blue);font-size:12px;overflow-wrap:anywhere}@media(max-width:560px){.qr-card{grid-template-columns:1fr}.qr-card img{margin:auto}}