:root{--green:#0b332b;--green2:#124b3e;--orange:#ff641e;--ink:#14201d;--soft:#f3f6f4;--line:#dce5e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}.nav{height:74px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5vw;background:rgba(6,30,25,.94);color:white;backdrop-filter:blur(12px);gap:34px}.brand{display:grid;grid-template-columns:auto auto;align-items:center;line-height:.8;margin-right:auto}.brand .signal{font-size:30px;color:var(--orange);grid-row:1/3}.brand b{font-size:25px}.brand b span,.eyebrow,em{color:var(--orange)}.brand small{font-size:8px;letter-spacing:1px;margin-top:7px}.nav nav{display:flex;gap:26px;font-size:14px}.nav nav a:hover{color:var(--orange)}.btn{display:inline-block;background:var(--orange);color:white;padding:15px 23px;border-radius:7px;font-weight:800}.btn.small{padding:11px 18px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.65)}.hero{min-height:700px;padding:150px 5vw 80px;position:relative;overflow:hidden;background:#0c2d26;color:white;display:grid;grid-template-columns:42% 58%;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,23,.97) 0%,rgba(5,28,23,.86) 38%,rgba(5,28,23,.35) 100%),url('assets/design-reference.png') center/cover;filter:saturate(.8);opacity:.68}.hero>*:not(.hero-bg){position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font-size:58px;line-height:1.02;margin:12px 0 20px}.hero h1 em{font-style:normal}.lead{font-size:18px;line-height:1.6;max-width:650px;color:#e4ece8}.actions{display:flex;gap:12px;margin-top:30px}.device-stage{height:500px;display:flex;align-items:center;justify-content:center;gap:16px;transform:perspective(1000px) rotateY(-2deg)}.phone,.tablet,.mini{background:#f7faf8;border:7px solid #151b19;border-radius:32px;box-shadow:0 24px 60px rgba(0,0,0,.4);color:var(--ink);overflow:hidden}.phone{width:185px;height:390px}.tablet{width:430px;height:310px;border-radius:24px}.notch{width:72px;height:14px;background:#151b19;border-radius:0 0 12px 12px;margin:auto}.appbar{background:var(--green);color:white;padding:16px 12px;font-weight:900;text-align:center}.appbar small{display:block;font-size:9px;font-weight:500;color:#cfe1da}.photo{height:76px}.scenic{background:linear-gradient(180deg,transparent,rgba(0,0,0,.2)),url('assets/design-reference.png') 78% 30%/250% auto}.tiles,.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:9px}.tiles b,.quick b{background:white;border:1px solid var(--line);border-radius:7px;padding:12px 5px;text-align:center;font-size:9px}.tiles .orange{background:var(--orange);color:white}.balance{margin:8px;background:var(--green);color:white;padding:10px;border-radius:8px;font-size:10px}.balance strong{display:block;font-size:23px}.balance span{color:#58e58b}.tablet .quick{grid-template-columns:repeat(4,1fr);padding:14px}.tablet .quick b{padding:18px 5px}.table{margin:0 14px;background:white;border:1px solid var(--line);border-radius:9px;padding:8px 13px}.table h3{font-size:13px}.table p{font-size:10px;border-top:1px solid #eee;padding:8px;margin:0}.table span{float:right}.down{color:#0c9c56}.up{color:var(--orange)}.readiness{margin:12px;background:var(--green2);color:white;border-radius:50%;width:95px;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center}.readiness strong{font-size:27px}.readiness span{font-size:9px}.stats{display:flex;gap:5px;padding:0 10px}.stats b{flex:1;background:white;border-radius:7px;padding:8px;text-align:center;color:#0c9c56}.stats small{display:block;color:#555;font-size:7px}.mapdots{margin:10px;height:120px;border-radius:8px;background:radial-gradient(circle at 25% 40%,#ff641e 0 5px,transparent 6px),radial-gradient(circle at 70% 30%,#20b86c 0 5px,transparent 6px),radial-gradient(circle at 45% 72%,#20b86c 0 5px,transparent 6px),linear-gradient(35deg,#b5c9b9,#e7eee8)}.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#f4f6f5;border-bottom:1px solid var(--line)}.feature-strip article{padding:24px;border-right:1px solid var(--line);min-height:145px}.feature-strip i{font-style:normal;color:var(--orange);font-size:26px}.feature-strip b,.feature-strip span{display:block;margin-top:8px}.feature-strip span{font-size:12px;color:#60706a;line-height:1.4}.workflow,.systems,.apps,.billing,.offline,.cta{padding:80px 5vw}.workflow{background:linear-gradient(135deg,#062f2b,#0b4940);color:white}.workflow h2,.systems h2,.apps h2,.billing h2,.offline h2,.cta h2{font-size:40px;margin:8px 0 12px}.intro{color:#cfe0da}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:45px}.steps article{border-top:1px solid #52766c;padding:22px 10px 0}.steps num{display:grid;width:38px;height:38px;border-radius:50%;background:var(--orange);place-items:center;font-weight:900}.steps h3{font-size:17px}.steps p{font-size:13px;line-height:1.55;color:#d5e2de}.systems{display:grid;grid-template-columns:35% 65%;gap:55px;align-items:center}.systems>div>p{line-height:1.65;color:#60706a}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.system-grid article{background:var(--green);color:white;border-radius:14px;padding:24px;min-height:180px}.system-grid p{color:#c8dad4;line-height:1.5}.clay{font-size:38px;color:var(--orange)}.apps{background:var(--soft);text-align:center}.appcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;text-align:left}.appcards article{background:white;border-radius:15px;padding:22px;box-shadow:0 8px 25px rgba(13,50,42,.08)}.appcards p,.appcards li{font-size:14px;line-height:1.55;color:#5c6d67}.mini{margin:auto;height:250px;box-shadow:none;border-width:5px}.tabletmini{width:100%;border-radius:17px}.phonemini{width:150px}.mini .quick{grid-template-columns:repeat(4,1fr)}.mini .quick b{font-size:8px}.customer-mini .photo{height:95px}.billing{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:white}.billing p{line-height:1.7}.billcards{display:grid;gap:12px}.billcards article{background:var(--green);color:white;border-radius:13px;padding:22px}.billcards span,.billcards small{display:block;color:#a9c6bc}.billcards strong{font-size:30px;display:block;margin:5px 0}.offline{text-align:center;background:#eaf1ee}.pillrow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px}.pillrow span{background:white;border:1px solid var(--line);padding:10px 15px;border-radius:30px;font-size:13px}.cta{text-align:center;background:var(--green);color:white}.cta p{color:#cfe0da}.cta .btn{margin-top:20px}footer{background:#061d18;color:#9fb7af;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer .brand{color:white}@media(max-width:1050px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.device-stage{transform:none}.feature-strip{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr 1fr}.systems,.billing{grid-template-columns:1fr}.appcards{grid-template-columns:1fr}.hero h1{font-size:48px}}@media(max-width:700px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:40px}.lead{font-size:16px}.device-stage{height:auto;flex-wrap:wrap;margin-top:35px}.tablet{order:3;width:100%}.phone{width:46%}.feature-strip{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.workflow,.systems,.apps,.billing,.offline,.cta{padding:60px 20px}.system-grid{grid-template-columns:1fr}.workflow h2,.systems h2,.apps h2,.billing h2,.offline h2,.cta h2{font-size:32px}footer{flex-direction:column;gap:18px;text-align:center}}

/* V2 interactive additions */
button{font:inherit}.interactive-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.interactive-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(6,47,43,.16)}.clickhint{display:block;text-align:center;font-size:11px;color:#cfe0da;margin-top:7px}.live-board{position:relative;z-index:2;background:#f7faf8;color:var(--ink);border:7px solid #151b19;border-radius:26px;max-width:610px;margin-left:auto;box-shadow:0 30px 70px rgba(0,0,0,.42);overflow:hidden}.live-head{background:var(--green);color:white;padding:18px 22px}.live-head small{float:right;color:#9fc1b7}.pulse{display:inline-block;width:9px;height:9px;background:#38d87c;border-radius:50%;margin-right:8px;box-shadow:0 0 0 0 rgba(56,216,124,.7);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(56,216,124,0)}}.live-map{height:280px;position:relative;background:linear-gradient(35deg,#a9c1ae,#e4eee7);overflow:hidden}.live-map:before{content:"";position:absolute;inset:0;background:linear-gradient(28deg,transparent 47%,rgba(255,255,255,.7) 48% 51%,transparent 52%),linear-gradient(105deg,transparent 60%,rgba(255,255,255,.5) 61% 64%,transparent 65%)}.stand{position:absolute;width:38px;height:38px;border:3px solid white;border-radius:50%;color:white;font-weight:900;z-index:2}.stand.good{background:#18a760}.stand.warn{background:var(--orange)}.stand.closed{background:#71817b}.reception-pin{position:absolute;left:39%;top:45%;background:var(--green);color:white;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:900}.live-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:13px}.live-stats b{text-align:center;border-right:1px solid var(--line)}.live-stats b:last-child{border:0}.live-stats strong,.live-stats small{display:block}.live-stats strong{font-size:22px;color:var(--green2)}.live-stats small{font-size:9px;color:#71817b}.persona{padding:70px 5vw;text-align:center;background:white}.persona h2,.journey h2,.connected-demo h2,.feature-library h2,.comparison h2{font-size:40px;margin:8px 0 25px}.persona-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1050px;margin:auto}.persona-buttons button{background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:25px;cursor:pointer}.persona-buttons button:hover,.persona-buttons button.active{background:var(--green);color:white;border-color:var(--green)}.persona-buttons b,.persona-buttons span{display:block}.persona-buttons span{font-size:12px;margin-top:8px;opacity:.75}.persona-result{max-width:900px;margin:22px auto 0;padding:17px;border-radius:10px;background:#f7faf8;color:#53655f}.journey{padding:80px 5vw;background:linear-gradient(135deg,#062f2b,#0b4940);color:white}.sticky-flow{position:sticky;top:74px;z-index:10;display:flex;justify-content:center;gap:7px;margin:-35px auto 55px;max-width:900px;background:rgba(5,30,25,.92);padding:10px;border-radius:30px;backdrop-filter:blur(8px)}.sticky-flow span{font-size:10px;font-weight:900;padding:8px 12px;border-radius:20px;color:#8fb2a7}.sticky-flow span.active{background:var(--orange);color:white}.mode-switch{display:inline-flex;border:1px solid #50796e;border-radius:30px;padding:4px;margin:10px 0 30px}.mode-switch button{border:0;background:transparent;color:#bcd2cb;padding:10px 18px;border-radius:25px;cursor:pointer}.mode-switch button.active{background:var(--orange);color:white;font-weight:900}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.journey-step{background:rgba(255,255,255,.07);border:1px solid #467168;border-radius:13px;padding:22px}.journey-step num{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--orange);font-weight:900}.journey-step p{color:#cce0da;line-height:1.55;font-size:13px}.journey-step>span,.system-grid article>span{color:#ff9b6b;font-size:12px;font-weight:900}.connected-demo{padding:80px 5vw;display:grid;grid-template-columns:36% 64%;gap:45px;align-items:center;background:#eef4f1}.connected-demo p{line-height:1.65;color:#5f706a}.demo-btn{border:0;cursor:pointer}.demo-chain{display:flex;align-items:center;justify-content:center;gap:10px}.demo-chain>div{width:145px;min-height:145px;background:white;border:1px solid var(--line);border-radius:15px;padding:18px;text-align:center;transition:.35s}.demo-chain>div.active{background:var(--green);color:white;transform:scale(1.05)}.demo-chain i{display:block;font-style:normal;color:var(--orange);font-size:31px}.demo-chain b,.demo-chain small{display:block}.demo-chain small{font-size:10px;margin-top:8px;color:#71817b}.demo-chain>em{font-style:normal;color:var(--orange);font-size:24px}.intro-dark{color:#60706a}.demo-device{background:#f7faf8;border:6px solid #161b19;box-shadow:0 15px 30px rgba(0,0,0,.15);overflow:hidden;margin:0 auto 20px}.tablet-device{max-width:430px;height:270px;border-radius:20px}.phone-device{width:185px;height:330px;border-radius:28px}.demo-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px}.demo-menu.two{grid-template-columns:repeat(2,1fr)}.demo-menu button{font-size:9px;border:1px solid var(--line);background:white;border-radius:6px;padding:9px 3px;cursor:pointer}.demo-menu button:hover{background:var(--orange);color:white}.screen{background:white;margin:0 9px;padding:12px;border:1px solid var(--line);border-radius:8px;min-height:150px;font-size:11px}.screen h4{font-size:14px;margin:2px 0 10px}.screen p{font-size:10px!important;margin:7px 0}.badge{font-size:7px;border-radius:12px;padding:3px 5px;color:white}.badge.down{background:#159c5b}.badge.up{background:var(--orange)}.gauge{width:85px;height:85px;border:9px solid #22b66e;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:22px;font-weight:900;color:var(--green)}.bigmoney{font-size:28px;font-weight:900;color:var(--green)}.text-btn{border:0;background:transparent;color:var(--orange);font-weight:900;padding:0;cursor:pointer}.feature-library{padding:80px 5vw;background:white;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;text-align:left}.feature-grid button{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:20px}.feature-grid i{font-style:normal;color:var(--orange);font-size:25px}.feature-grid b,.feature-grid span{display:block;margin-top:8px}.feature-grid span{font-size:12px;line-height:1.45;color:#65766f}.comparison{padding:80px 5vw;background:#eaf1ee;display:grid;grid-template-columns:35% 65%;gap:45px;align-items:center}.compare-copy p{color:#60706a;line-height:1.6}.compare-box{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:300px;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.12)}.before,.after{padding:35px;display:flex;flex-direction:column;gap:17px}.before{background:#e2e5e4;color:#59645f}.after{background:var(--green);color:white}.before b,.after b{font-size:21px}.compare-box input{position:absolute;left:5%;right:5%;bottom:18px;width:90%;accent-color:var(--orange)}.modal{position:fixed;inset:0;background:rgba(2,18,15,.75);z-index:100;display:none;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal.open{display:grid}.modal-card{background:white;border-radius:18px;width:min(760px,100%);max-height:88vh;overflow:auto;padding:35px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.4)}.modal-card h2{font-size:34px;margin:5px 0 10px}.modal-card>p{line-height:1.6;color:#5d6f68}.modal-card .close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer}.modal-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.modal-list div{background:var(--soft);border-radius:9px;padding:14px;font-size:13px;line-height:1.4}.privacy-note{position:fixed;left:20px;bottom:20px;z-index:80;max-width:520px;background:#102f28;color:#dce9e5;padding:13px 15px;border-radius:9px;box-shadow:0 8px 25px rgba(0,0,0,.25);font-size:11px;display:flex;gap:12px;align-items:center}.privacy-note button{background:var(--orange);color:white;border:0;border-radius:5px;padding:7px 10px;cursor:pointer}
@media(max-width:1050px){.persona-buttons,.journey-grid{grid-template-columns:1fr}.connected-demo,.comparison{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.demo-chain{flex-wrap:wrap}.live-board{margin:35px auto 0}.sticky-flow{overflow:auto;justify-content:flex-start}}
@media(max-width:700px){.feature-grid{grid-template-columns:1fr}.persona{padding:55px 20px}.journey{padding:60px 20px}.connected-demo,.feature-library,.comparison{padding:60px 20px}.persona h2,.journey h2,.connected-demo h2,.feature-library h2,.comparison h2{font-size:31px}.demo-chain>em{display:none}.demo-chain>div{width:46%}.modal-list{grid-template-columns:1fr}.privacy-note{right:20px;max-width:none}.live-map{height:220px}.live-head small{display:block;float:none;margin-top:4px}.sticky-flow{top:68px}}

/* V5 major visual storytelling rebuild */
.story-section{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;background:#fff;overflow:hidden}.story-section.security-story{grid-template-columns:.9fr 1.1fr;background:#071f1b;color:#fff}.story-photo{min-height:720px;position:relative;background-image:linear-gradient(180deg,rgba(4,29,24,.08),rgba(4,29,24,.5)),url('assets/design-reference.png');background-size:cover}.scenic-member{background-position:72% 45%}.photo-label{position:absolute;left:7%;bottom:7%;background:rgba(6,35,29,.9);color:white;padding:22px 26px;border-left:5px solid var(--orange);max-width:430px}.photo-label span,.photo-label b{display:block}.photo-label span{font-size:10px;letter-spacing:2px;color:#ff9b6b;font-weight:900}.photo-label b{font-size:25px;margin-top:6px}.story-copy{padding:80px 7%;display:flex;flex-direction:column;justify-content:center}.story-copy h2,.ops-heading h2{font-size:46px;line-height:1.08;margin:8px 0 20px}.story-copy>p:not(.eyebrow),.ops-heading>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#60706a}.security-story .story-copy>p:not(.eyebrow){color:#bad0c9}.phone-showcase{margin:28px 0 20px;display:flex;justify-content:center}.phone-shell,.alert-phone{width:275px;border:8px solid #101614;border-radius:34px;background:#f7faf8;color:var(--ink);overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.25)}.phone-top{background:var(--green);color:white;padding:17px 14px;text-align:center;font-weight:900;font-size:12px;letter-spacing:.4px}.phone-top small{display:block;color:#a8c9bf;font-size:8px;margin-top:3px}.score-hero{background:linear-gradient(135deg,#0b332b,#12604c);color:white;padding:20px;text-align:center}.score-hero small{display:block;font-size:8px;color:#a9cfc3}.score-hero strong{display:block;font-size:52px;line-height:1}.score-hero strong span{font-size:18px;color:#a8c9bf}.score-hero em{display:inline-block;background:#1dba6d;color:white;border-radius:20px;padding:4px 9px;font-size:10px}.score-row{padding:10px 16px}.score-row b{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e6ece9;font-size:10px}.score-row span{color:#159c5b}.chart-title{font-size:8px;font-weight:900;padding:5px 16px;color:#708079}.score-chart{height:65px;display:flex;align-items:flex-end;gap:7px;padding:0 16px 10px}.score-chart i{flex:1;background:linear-gradient(#ff8b54,var(--orange));border-radius:4px 4px 0 0}.phone-nav{background:#eef3f1;padding:10px;text-align:center;font-size:8px;color:#53655f}.mini-points{display:flex;flex-wrap:wrap;gap:8px}.mini-points span{background:#eef4f1;border-radius:20px;padding:8px 12px;font-size:11px;color:#365149}.night-panel{min-height:720px;position:relative;background:#041713;overflow:hidden}.night-ground{position:absolute;inset:0;background-image:linear-gradient(rgba(3,19,16,.68),rgba(3,19,16,.86)),url('assets/design-reference.png');background-size:cover;background-position:70% 50%}.moon{position:absolute;right:10%;top:8%;font-size:80px;color:#f4e6bc;opacity:.9}.night-stand{position:absolute;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#1aa463;color:white;border:3px solid rgba(255,255,255,.8);font-weight:900;box-shadow:0 0 20px rgba(26,164,99,.45)}.night-stand.s1{left:15%;top:30%}.night-stand.s2{left:57%;top:24%}.night-stand.alert{left:72%;top:55%;background:var(--orange);box-shadow:0 0 30px rgba(255,100,30,.9)}.night-caption{position:absolute;left:7%;bottom:8%;color:white}.night-caption b,.night-caption span{display:block}.night-caption b{color:#ff8c55;font-size:12px;letter-spacing:1.6px}.night-caption span{font-size:18px;margin-top:5px}.alert-phone{position:absolute;right:7%;top:50%;transform:translateY(-50%);box-shadow:0 30px 70px rgba(0,0,0,.55)}.alert-card{margin:14px;background:white;border-left:5px solid var(--orange);padding:16px;border-radius:8px}.alert-card small{color:var(--orange);font-size:8px;font-weight:900}.alert-card b{display:block;font-size:17px;margin:6px 0}.alert-card p{font-size:10px;color:#66766f}.alert-card button{border:0;background:var(--orange);color:white;padding:8px;border-radius:5px;font-size:8px;font-weight:900}.status-list{padding:5px 18px 18px}.status-list span{display:block;font-size:10px;padding:7px 0}.status-list i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1bb66b;margin-right:7px}.status-list .warning i{background:var(--orange)}.alert-stack{display:grid;gap:10px;margin-top:25px}.alert-stack div{border:1px solid #31564c;background:rgba(255,255,255,.05);padding:15px;border-radius:10px;display:grid;grid-template-columns:55px 1fr}.alert-stack i{grid-row:1/3;font-style:normal;color:#ff8d58;font-weight:900}.alert-stack b{font-size:13px}.alert-stack span{font-size:10px;color:#9fbdb4;margin-top:4px}.alert-stack .quiet{border-color:#216c52}.operations-visual{padding:90px 5vw;background:#edf3f0}.ops-heading{max-width:850px;margin-bottom:45px}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.ops-card{position:relative;background:white;border-radius:20px;overflow:hidden;min-height:720px;box-shadow:0 15px 40px rgba(7,47,39,.1)}.ops-image{height:315px;background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(4,30,24,.5)),url('assets/design-reference.png');background-size:cover}.scenic-grounds{background-position:72% 35%}.scenic-reception{background-position:35% 45%;filter:saturate(.85)}.ops-device{position:absolute;top:170px;right:7%;width:245px;background:#f7faf8;border:7px solid #121816;border-radius:28px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.3)}.reception .ops-device{width:78%;right:11%;border-radius:20px}.readiness-big{text-align:center;padding:12px;background:white}.readiness-big strong{font-size:36px;color:#159c5b}.readiness-big span{display:block;font-size:8px}.map-ui{height:125px;position:relative;background:linear-gradient(30deg,#c8d8cc,#eaf1ec)}.map-ui i{position:absolute;width:24px;height:24px;border-radius:50%;background:#18a760;color:white;display:grid;place-items:center;font-size:8px;font-style:normal}.map-ui .g1{left:12%;top:25%}.map-ui .g2{left:43%;top:15%}.map-ui .g3{left:70%;top:40%}.map-ui .g4{left:25%;top:70%}.map-ui .g5{left:58%;top:72%}.map-ui .warn{background:var(--orange)}.ops-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:9px}.ops-stats b{text-align:center;font-size:14px}.ops-stats small{display:block;font-size:6px;color:#74847e}.ops-text{padding:150px 7% 35px}.ops-text>span{font-size:10px;color:var(--orange);font-weight:900;letter-spacing:1.5px}.ops-text h3{font-size:29px;line-height:1.12;margin:7px 0 12px}.ops-text p{line-height:1.6;color:#60706a}.tablet-ui{top:185px}.reception-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.reception-actions b{background:white;border:1px solid #dfe7e3;border-radius:7px;padding:10px;font-size:9px}.reception-actions small{display:block;color:#78867f;font-size:7px;margin-top:3px}.customer-lines{padding:0 10px 10px}.customer-lines p{background:white;border-bottom:1px solid #e5ebe8;padding:7px;margin:0;font-size:8px}.customer-lines strong,.customer-lines span{display:block}.customer-lines span{color:#4b7669;margin-top:2px}.visual-feature-band{padding:75px 5vw;background:#0a3029;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;color:white}.feature-shot{border-radius:18px;overflow:hidden;background:#123e35;padding-bottom:25px}.feature-shot:before{content:"";display:block;height:180px;background-image:linear-gradient(180deg,rgba(4,25,21,.1),rgba(4,25,21,.75)),url('assets/design-reference.png');background-size:cover}.stock-shot:before{background-position:20% 30%}.maintenance-shot:before{background-position:55% 40%}.notify-shot:before{background-position:82% 42%}.feature-ui{margin:-105px 20px 20px;position:relative;background:white;color:var(--ink);border-radius:12px;padding:18px;box-shadow:0 14px 30px rgba(0,0,0,.25);min-height:205px}.feature-ui>span{font-size:9px;color:var(--orange);font-weight:900;letter-spacing:1.2px}.feature-ui>strong{display:block;font-size:38px;color:var(--green);margin:7px 0 0}.feature-ui>b,.feature-ui>small{display:block}.feature-ui>b{font-size:13px}.feature-ui>small{font-size:9px;color:#71817b;margin-top:5px}.meter{height:8px;background:#e5ebe8;border-radius:5px;margin-top:20px;overflow:hidden}.meter i{display:block;height:100%;background:#1aae68}.timeline{font-size:8px;background:#edf3f0;padding:9px;margin-top:20px;border-radius:6px}.toggle-row{display:flex;justify-content:space-between;font-size:9px;padding:9px 0;border-top:1px solid #e5ebe8}.toggle-row:first-of-type{margin-top:12px}.toggle-row i{width:25px;height:13px;border-radius:10px;background:#1aae68;position:relative}.toggle-row i:after{content:"";position:absolute;width:9px;height:9px;background:white;border-radius:50%;right:2px;top:2px}.feature-shot h3,.feature-shot>p{margin-left:22px;margin-right:22px}.feature-shot h3{font-size:21px;margin-bottom:6px}.feature-shot>p{color:#bad0c9;font-size:12px;line-height:1.5;margin-top:0}
@media(max-width:1000px){.story-section,.story-section.security-story{grid-template-columns:1fr}.story-photo,.night-panel{min-height:560px}.ops-grid{grid-template-columns:1fr}.visual-feature-band{grid-template-columns:1fr}.ops-card{min-height:680px}}@media(max-width:700px){.story-copy{padding:60px 20px}.story-copy h2,.ops-heading h2{font-size:34px}.story-photo{min-height:480px}.night-panel{min-height:620px}.alert-phone{width:230px;right:5%}.operations-visual{padding:60px 20px}.ops-device{width:220px}.reception .ops-device{width:90%;right:5%}.ops-text{padding-top:150px}.visual-feature-band{padding:60px 20px}}

/* V6 — app-accurate visual layer based on NetLink V57 Material 3 structure */
.m3-phone,.m3-tablet{background:#f6f8f7;color:#1d2724;border:8px solid #111715;box-shadow:0 26px 60px rgba(0,0,0,.3);overflow:hidden}.m3-phone{width:292px;border-radius:34px}.m3-tablet{border-radius:22px}.m3-status{height:25px;padding:7px 15px 3px;font-size:8px;font-weight:800;background:#f6f8f7;display:flex;justify-content:space-between}.m3-status.dark{background:#f6f8f7;color:#17211e}.m3-appbar{min-height:61px;background:#123f35;color:white;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left}.m3-appbar strong,.m3-appbar small{display:block}.m3-appbar strong{font-size:13px}.m3-appbar small{font-size:7px;color:#c9ddd6;margin-top:2px;letter-spacing:.4px}.m3-body{padding:10px}.m3-online,.m3-ready{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:11px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.m3-online i,.m3-ready i{font-style:normal;color:#177c5f;font-size:17px}.m3-online div,.m3-ready div{flex:1}.m3-online b,.m3-online small,.m3-ready b,.m3-ready small{display:block}.m3-online b,.m3-ready b{font-size:9px}.m3-online small,.m3-ready small{font-size:7px;color:#6f7e79;margin-top:2px}.m3-ready>span{font-size:19px;color:#61716b}.m3-metric{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 12px;margin:6px 0;border-radius:11px;font-size:9px}.m3-metric b{font-size:19px;color:#123f35}.m3-metric b.orange{color:#ff641e}.m3-list{background:#fff;border-radius:12px;overflow:hidden;margin-top:8px}.m3-list>span{display:block;padding:10px 12px;border-bottom:1px solid #e5eae8;font-size:9px}.m3-list>span:last-child{border:0}.m3-list>span b{float:right;color:#7a8883}.m3-list.compact>span{padding:8px 11px}.m3-score-card{background:#123f35;color:#fff;border-radius:15px;padding:16px;margin:4px 0 10px;display:flex;align-items:center;justify-content:space-between}.m3-score-card small,.m3-score-card strong,.m3-score-card span{display:block}.m3-score-card small{font-size:7px;color:#b8d2c9}.m3-score-card strong{font-size:34px;margin:2px 0}.m3-score-card strong em{font-size:12px;color:#b8d2c9}.m3-score-card span{font-size:7px}.m3-score-card>b{background:#d8f4e9;color:#0b5b45;padding:9px;border-radius:50%;font-size:12px}.m3-section-title{font-size:8px;font-weight:900;color:#5d6c67;padding:5px 3px}.m3-round{display:flex;gap:8px;align-items:center;background:#fff;border-radius:10px;padding:9px;margin:6px 0}.m3-round i{font-style:normal;background:#daf3e8;color:#13795b;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:9px}.m3-round div{flex:1}.m3-round b,.m3-round small{display:block}.m3-round b{font-size:8px}.m3-round small{font-size:6px;color:#77857f}.m3-round>strong{font-size:10px;color:#123f35}.m3-progress{background:#fff;border-radius:10px;padding:10px;margin-top:7px}.m3-progress>span{font-size:7px;font-weight:900;color:#64736e}.m3-bars{height:55px;display:flex;align-items:flex-end;gap:6px;margin-top:5px}.m3-bars i{flex:1;background:#177c5f;border-radius:4px 4px 0 0}.m3-nav{display:flex;justify-content:space-around;padding:10px 4px 5px;color:#65736e}.m3-nav b{font-size:12px;text-align:center}.m3-nav small{display:block;font-size:6px;font-weight:500;margin-top:2px}.m3-nav .active{color:#123f35}.security-callout{display:flex;gap:15px;align-items:center;border:1px solid #31564c;background:#0d3029;border-radius:14px;padding:16px;margin:22px 0}.security-callout>strong{font-size:26px;color:#ff7d40}.security-callout b,.security-callout span{display:block}.security-callout b{font-size:13px}.security-callout span{font-size:10px;color:#a9c4bb;margin-top:3px}.security-note{font-size:10px!important;color:#7f9c93!important;margin-top:14px}.night-ground{background:radial-gradient(circle at 80% 12%,rgba(215,226,255,.2),transparent 13%),linear-gradient(180deg,#071927 0%,#061712 58%,#020a08 100%)}.moon{font-size:55px!important;color:#e9eef6!important;text-shadow:0 0 28px #dbe8ff;right:13%!important}.hut{position:absolute;left:18%;top:30%;width:48%;height:30%;background:#17251f;border:2px solid #293b34;clip-path:polygon(10% 22%,50% 0,91% 22%,91% 100%,10% 100%)}.hut:before{content:"";position:absolute;left:43%;bottom:0;width:20%;height:58%;background:#27372f}.hut i,.hut b{position:absolute;top:40%;width:17%;height:23%;background:#ffc56c;box-shadow:0 0 22px rgba(255,183,80,.45)}.hut i{left:19%}.hut b{right:16%}.fence{position:absolute;left:0;right:0;height:4px;background:#273b33;bottom:25%}.fence:after{content:"";position:absolute;inset:-30px 0;background:repeating-linear-gradient(90deg,transparent 0 90px,#273b33 91px 96px,transparent 97px 180px)}.f2{bottom:16%}.prowler{position:absolute;right:17%;bottom:17%;width:58px;height:125px;filter:drop-shadow(0 8px 6px #000);transform:rotate(5deg)}.prowler i{position:absolute;display:block;background:#020504}.prowler .head{width:27px;height:27px;border-radius:50%;left:14px;top:0}.prowler .body{width:32px;height:65px;border-radius:18px 18px 8px 8px;left:10px;top:23px;transform:rotate(-9deg)}.prowler .leg{width:10px;height:52px;top:78px;border-radius:7px}.prowler .l1{left:12px;transform:rotate(12deg)}.prowler .l2{left:31px;transform:rotate(-18deg)}.night-caption{z-index:3}.alert-phone.m3-phone{width:285px;background:#f6f8f7}.m3-alert{background:#fff;border-left:5px solid #ff641e;border-radius:11px;padding:12px;margin:7px 0;display:flex;gap:10px}.m3-alert>i{font-style:normal;background:#ff641e;color:white;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900}.m3-alert small,.m3-alert b,.m3-alert span{display:block}.m3-alert small{font-size:6px;color:#ff641e;font-weight:900}.m3-alert b{font-size:10px;margin:2px 0}.m3-alert span{font-size:7px;color:#71807b}.ops-device.m3-phone{width:285px}.m3-tablet-body{display:grid;grid-template-columns:105px 1fr;min-height:260px;background:#f6f8f7}.m3-tablet-body aside{background:#e7efeb;padding:12px 8px}.m3-tablet-body aside>b,.m3-tablet-body aside>span{display:block}.m3-tablet-body aside>b{font-size:9px;padding:5px 7px 10px}.m3-tablet-body aside>span{font-size:7px;padding:8px;border-radius:6px}.m3-tablet-body aside>.active{background:#123f35;color:white}.m3-tablet-body main{padding:10px}.m3-tablet-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.m3-tablet-metrics div{background:#fff;border-radius:9px;padding:10px}.m3-tablet-metrics small,.m3-tablet-metrics b{display:block}.m3-tablet-metrics small{font-size:6px;color:#6c7a75}.m3-tablet-metrics b{font-size:18px;color:#123f35;margin-top:3px}.m3-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.m3-actions>b{background:#fff;border:1px solid #e0e7e4;border-radius:9px;padding:9px;font-size:8px}.m3-actions small{display:block;font-size:6px;color:#78857f;margin-top:2px}.m3-customers{background:#fff;border-radius:9px;margin-top:7px;overflow:hidden}.m3-customers>span{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #e6ebe9}.m3-customers b,.m3-customers small{font-size:7px}.m3-customers small{color:#5d756d}.mini-tablet{width:100%;min-height:300px;border-width:6px;box-shadow:none}.mini-phone{width:210px;min-height:355px;margin:auto;border-width:6px;box-shadow:none}.v6-appcards article{display:flex;flex-direction:column}.v6-appcards .m3-tablet,.v6-appcards .m3-phone{margin-bottom:18px}.ops-card.reception .ops-device{width:82%;right:9%}
@media(max-width:700px){.m3-phone{width:250px}.alert-phone.m3-phone{width:235px}.prowler{right:8%;transform:scale(.8)}.m3-tablet-body{grid-template-columns:80px 1fr}.ops-card.reception .ops-device{width:94%;right:3%}}

/* V7 customer-ready app fidelity */
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:7px 0}.stat-card{background:#fff;border:1px solid #e3eae6;border-radius:14px;padding:11px;box-shadow:0 5px 14px rgba(0,0,0,.06)}.stat-card i{display:grid;width:28px;height:28px;place-items:center;background:#e6f2ee;color:#1e6b57;border-radius:9px;font-style:normal}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:22px;color:#17211e;margin-top:8px}.stat-card small{font-size:7px;color:#697973;font-weight:700}.orange-card i{background:#fff0e3;color:#f28c28}.app-section-label{font-size:7px;font-weight:900;letter-spacing:.8px;color:#64736e;margin:10px 3px 6px}.clay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.clay-card{background:#fff;border:1px solid #e3eae6;border-radius:12px;padding:8px 4px;text-align:center}.clay-card>b,.clay-card>small{display:block}.clay-card>b{font-size:7px;margin-top:5px}.clay-card>small{font-size:6px;color:#75837e;margin-top:2px}.gauge{--p:75;--ring:#1e6b57;width:58px;height:58px;border-radius:50%;margin:auto;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--p)*1%),#e8eeea 0);position:relative}.gauge:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.gauge span{position:relative;z-index:1;font-size:13px;font-weight:900;color:#17211e;line-height:1}.gauge span small{display:block;font-size:6px;color:#697973;margin-top:3px}.gauge.green{--ring:#1e6b57}.gauge.amber{--ring:#f2a128}.gauge.orange{--ring:#ef6535}.mini-gauges{display:flex;background:#fff;border-radius:12px;padding:9px 5px;margin:7px 0}.mini-gauges .gauge{width:50px;height:50px}.mini-gauges .gauge:after{inset:5px}.mini-gauges .gauge span{font-size:11px}.big-gauge{width:92px;height:92px;margin:12px 0}.big-gauge:after{inset:8px}.big-gauge span{font-size:22px}.clay-feature>strong{display:none}.equipment-row{display:flex;align-items:center;gap:9px;background:#fff;border-radius:12px;padding:9px;margin:7px 0;border:1px solid #e3eae6}.equipment-row .gauge{width:48px;height:48px;margin:0}.equipment-row .gauge:after{inset:5px}.equipment-row .gauge span{font-size:10px}.equipment-row>div:nth-child(2){flex:1}.equipment-row b,.equipment-row small{display:block}.equipment-row b{font-size:8px}.equipment-row small{font-size:6px;color:#71807b;margin-top:2px}.equipment-row>em{font-style:normal;color:#ef6535;font-weight:900}.equipment-row>em.ok{color:#1e6b57}.disconnect-alert{box-shadow:0 6px 18px rgba(239,101,53,.13)}.security-callout.disconnect{border-color:#6f4636;background:#2d1c17}.v7-night{background:radial-gradient(circle at 79% 12%,rgba(220,230,255,.18),transparent 12%),linear-gradient(180deg,#071522 0%,#071b17 52%,#020807 100%)}.v7-night:before{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(165deg,transparent 0 22%,#08130f 23% 100%);opacity:.95}.trap-bank{position:absolute;z-index:2;width:86px;height:48px;bottom:24%;left:17%;background:#101b17;border:1px solid #2b3f37;border-radius:6px;box-shadow:0 8px 18px #000}.trap-bank:before{content:"";position:absolute;width:50px;height:8px;background:#1d2c26;left:18px;top:-8px;transform:skew(-18deg)}.trap-bank i{position:absolute;width:8px;height:8px;border-radius:50%;background:#38d48f;right:8px;top:8px;box-shadow:0 0 10px #38d48f}.trap-bank b{position:absolute;bottom:7px;left:8px;color:#7e9b90;font-size:7px}.trap-bank.t2{left:auto;right:23%;bottom:27%}.trap-bank.alert i{background:#ff633e;box-shadow:0 0 14px #ff633e}.v7-night .prowler{right:10%;bottom:13%;z-index:4}.v7-night .night-caption{background:linear-gradient(90deg,rgba(4,14,11,.95),rgba(4,14,11,.6),transparent);padding:18px 28px;width:75%}.premium-phone{box-shadow:0 32px 75px rgba(0,0,0,.6)!important}.apps .m3-phone,.apps .m3-tablet{box-shadow:0 18px 40px rgba(0,0,0,.16)}