:root{--bg:#071018;--panel:#0c1721;--panel2:#101e29;--ink:#edf5f7;--muted:#91a6b1;--line:rgba(167,213,225,.14);--accent:#32d6e8;--accent2:#8af3ff;--amber:#f1b45a;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:99;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--accent),var(--amber))}.nav-wrap{position:fixed;z-index:50;top:0;width:100%;height:88px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(#061018e8,#06101870,transparent);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font:800 15px/1 "Manrope";letter-spacing:.12em}.brand>span:last-child>span{color:var(--accent);display:block;font-size:8px;letter-spacing:.28em;margin-top:4px}.brand-symbol{width:28px;height:28px;display:flex;align-items:flex-end;gap:3px}.brand-symbol i{display:block;width:6px;background:var(--accent);border-radius:6px 6px 1px 1px;box-shadow:0 0 18px rgba(50,214,232,.32)}.brand-symbol i:nth-child(1){height:16px}.brand-symbol i:nth-child(2){height:27px}.brand-symbol i:nth-child(3){height:21px}.nav-links{display:flex;align-items:center;gap:32px;font-size:14px}.nav-links>a:not(.nav-cta){color:#c1cdd2}.nav-links>a:hover{color:var(--accent)}.nav-cta{padding:13px 18px;border:1px solid var(--line);border-radius:30px}.nav-cta b{margin-left:12px;color:var(--accent)}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:150px max(28px,calc((100vw - var(--max))/2)) 90px;isolation:isolate}.hero-media{position:absolute;z-index:-3;inset:0;background:url("assets/hero-tuer-management.png") center/cover no-repeat}.hero:after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(4,11,17,.98),rgba(4,11,17,.84) 37%,rgba(4,11,17,.08) 75%),linear-gradient(0deg,var(--bg),transparent 23%)}.hero-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(122,211,233,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(122,211,233,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 65%)}.hero-copy{max-width:760px}.eyebrow,.section-label{font-size:11px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:#b8c8cf}.eyebrow span{display:inline-block;width:34px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}.hero h1,.section h2{font:700 clamp(56px,7.8vw,108px)/.95 "Manrope";letter-spacing:-.065em;margin:28px 0}.hero h1 em,.section h2 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:620px;color:#a8bac2;font-size:clamp(18px,2vw,22px);line-height:1.6}.hero-actions{display:flex;gap:34px;align-items:center;margin-top:42px}.button{display:inline-flex;align-items:center;gap:30px;padding:18px 23px;border-radius:4px;font-weight:600}.button-primary{background:var(--accent);color:#061018;box-shadow:0 12px 40px rgba(50,214,232,.15)}.button-primary span{font-size:20px;transition:.2s}.button-primary:hover span{transform:translate(3px,-3px)}.text-link{padding:16px 0;border-bottom:1px solid var(--line)}.text-link span{color:var(--accent);margin-left:12px}.trust{display:flex;gap:24px;margin-top:45px;color:#8198a3;font-size:12px}.trust span:first-letter{color:var(--accent)}.live-pill{position:absolute;right:max(28px,calc((100vw - var(--max))/2));bottom:80px;padding:12px 16px;border:1px solid var(--line);border-radius:30px;background:#061018bf;font:600 10px "Manrope";letter-spacing:.15em}.live-pill i,.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#61e77d;margin-right:8px;box-shadow:0 0 0 5px rgba(97,231,125,.1);animation:pulse 2s infinite}.section{max-width:var(--max);margin:auto;padding:125px 28px}.statement{display:grid;grid-template-columns:1fr 3fr;gap:70px}.statement h2{font-size:clamp(44px,5.5vw,74px);margin-top:0}.statement-copy>p{color:var(--muted);font-size:18px;line-height:1.75;max-width:750px}.demo{max-width:1400px}.demo-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.demo-head h2{font-size:clamp(44px,5vw,68px);margin:20px 0 0}.demo-head>p{max-width:350px;color:var(--muted);line-height:1.6}.demo-shell{min-height:650px;display:grid;grid-template-columns:230px 1fr;border:1px solid var(--line);border-radius:16px;background:#09131c;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.38)}.demo-nav{padding:26px 18px;background:#071019;border-right:1px solid var(--line)}.mini-brand{height:70px;display:flex;align-items:center;gap:10px;font:700 12px "Manrope";letter-spacing:.16em;border-bottom:1px solid var(--line);margin-bottom:24px}.mini-brand .brand-symbol{transform:scale(.7)}.demo-tab{width:100%;display:flex;gap:14px;align-items:center;padding:16px;border:0;border-radius:7px;background:transparent;color:#7f949e;text-align:left;font:600 14px "DM Sans";cursor:pointer;margin:5px 0}.demo-tab span{font:10px "Manrope"}.demo-tab.active{color:var(--ink);background:#11222e}.demo-tab.active span{color:var(--accent)}.demo-screen{position:relative;padding:30px;background:radial-gradient(circle at 80% 10%,rgba(50,214,232,.08),transparent 35%),#0c1721;overflow:hidden}.screen-top{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid var(--line);margin-bottom:25px}.screen-top small,.screen-top strong{display:block}.screen-top small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.screen-top strong{margin-top:4px}.online{font-size:11px;color:#9bb0b8}.scene{display:none;height:510px;animation:fade .35s ease}.scene.active{display:grid}.scene#scene-doors{grid-template-columns:1fr 260px;gap:25px}.floorplan{position:relative;border:1px solid var(--line);border-radius:8px;background-image:linear-gradient(rgba(123,183,199,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(123,183,199,.06) 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.floorplan:before{content:"";position:absolute;inset:50px 60px;border:3px solid #28404c;clip-path:polygon(0 0,100% 0,100% 42%,72% 42%,72% 100%,35% 100%,35% 65%,0 65%)}.room{position:absolute;color:#58717d;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.r1{left:18%;top:27%}.r2{right:18%;top:26%}.r3{left:18%;bottom:18%}.r4{right:19%;bottom:20%}.door-point{position:absolute;border:0;background:none;color:var(--ink);cursor:pointer}.door-point i{display:block;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(50,214,232,.1),0 0 30px var(--accent)}.door-point b{position:absolute;top:22px;left:-28px;width:80px;font:600 9px "DM Sans"}.d1{left:43%;top:47%}.d2{right:18%;top:34%}.d3{left:18%;bottom:24%}.action-panel{padding:25px;border:1px solid var(--line);border-radius:8px;background:#0a151e}.action-panel small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.action-panel h3{font:700 25px "Manrope";margin:12px 0 30px}.action-panel>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.green{color:#64df7c}.unlock,.float-add{border:0;background:var(--accent);color:#051018;padding:15px 17px;border-radius:5px;font-weight:700;cursor:pointer;margin-top:30px;width:100%;display:flex;justify-content:space-between}.people-list,.log-list{max-width:750px;margin:auto;width:100%}.people-list>div,.log-list>div{display:flex;align-items:center;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.people-list i,.log-list i{width:42px;height:42px;border-radius:50%;background:#163343;color:var(--accent);display:grid;place-items:center;font-style:normal;font-size:12px}.people-list span,.log-list span{flex:1}.people-list b,.people-list small,.log-list b,.log-list small{display:block}.people-list small,.log-list small{color:var(--muted);margin-top:4px}.people-list em{font-style:normal;color:var(--accent);font-size:12px}.float-add{width:auto;margin:25px auto}.log-list i.ok{color:#62dc7a;background:rgba(98,220,122,.1)}.log-list i.warn{color:#f1b45a;background:rgba(241,180,90,.1)}.log-list em{font-style:normal;color:#7f929b}.schedule{max-width:800px;margin:40px auto}.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;color:var(--muted)}.days b{color:var(--ink)}.timeline{height:330px;margin-top:30px;border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(14.285% - 1px),var(--line) calc(14.285% - 1px),var(--line) 14.285%);position:relative}.timeline span{position:relative;display:block;margin-left:var(--start);width:var(--width);top:45px;margin-top:30px;padding:12px;background:#153240;border-left:3px solid var(--accent);font-size:11px;color:#bad0d8}.features h2{font-size:clamp(44px,5.5vw,74px);max-width:900px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);padding:1px;margin-top:65px}.feature-card{position:relative;min-height:350px;background:var(--panel);padding:40px}.feature-card>span{position:absolute;right:26px;top:23px;color:#4f6873;font:11px "Manrope"}.feature-card h3{font:700 25px "Manrope";margin:25px 0 12px}.feature-card p{color:var(--muted);line-height:1.65;max-width:450px}.icon{width:60px;height:60px;position:relative}.people-icon:before{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--accent);border-radius:50%;left:20px;top:4px}.people-icon:after{content:"";position:absolute;width:42px;height:22px;border:2px solid var(--accent);border-radius:26px 26px 0 0;left:8px;bottom:5px}.card-icon:before{content:"";position:absolute;inset:7px 0;border:2px solid var(--accent);border-radius:5px}.card-icon:after{content:"";position:absolute;left:10px;top:22px;width:20px;height:2px;background:var(--accent);box-shadow:0 9px 0 #315763}.clock-icon{border:2px solid var(--accent);border-radius:50%;width:55px;height:55px}.clock-icon:before{content:"";position:absolute;left:25px;top:10px;width:2px;height:17px;background:var(--accent)}.clock-icon:after{content:"";position:absolute;left:25px;top:26px;width:14px;height:2px;background:var(--accent);transform:rotate(30deg);transform-origin:left}.map-icon:before{content:"";position:absolute;inset:4px;border:2px solid var(--accent);transform:skewY(-10deg)}.map-icon:after{content:"";position:absolute;left:28px;top:5px;width:2px;height:50px;background:var(--accent);transform:skewY(-10deg)}.partner{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.partner h2{font-size:clamp(44px,5vw,70px)}.partner-copy p{color:var(--muted);line-height:1.7;max-width:650px;margin-bottom:35px}.partner-flow{padding:35px;border:1px solid var(--line);background:var(--panel)}.partner-flow>div{display:flex;gap:25px;align-items:flex-start}.partner-flow b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#102d3b;color:var(--accent);font:11px "Manrope"}.partner-flow span{color:var(--muted)}.partner-flow strong{display:block;color:var(--ink);margin-bottom:5px}.partner-flow>i{display:block;height:45px;width:1px;background:linear-gradient(var(--accent),transparent);margin:7px 0 7px 21px}.audiences{border-top:1px solid var(--line)}.audience-track{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.audience-track article{border-top:1px solid var(--line);padding-top:25px}.audience-track b{color:var(--accent);font:11px "Manrope"}.audience-track h3{font:700 26px "Manrope"}.audience-track p{color:var(--muted);line-height:1.65}.cta{position:relative;text-align:center;border:1px solid var(--line);background:#0c1821;overflow:hidden;margin-bottom:90px;max-width:calc(var(--max) - 56px)}.cta h2{font-size:clamp(46px,7vw,88px)}.cta p{color:var(--muted);font-size:18px;margin:0 auto 38px}.orb{position:absolute;width:500px;height:500px;border-radius:50%;right:-220px;top:-260px;background:rgba(50,214,232,.12);filter:blur(90px)}footer{max-width:var(--max);margin:auto;padding:45px 28px;display:grid;grid-template-columns:1.6fr 1.2fr 1fr;gap:30px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer strong,footer a{display:block;margin-bottom:8px}.footer-brand{color:var(--ink)}.footer-links{display:flex;justify-content:flex-end;gap:18px}.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(97,231,125,0)}}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav-wrap{height:72px}.menu-toggle{display:block;width:40px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px}.nav-links{display:none;position:absolute;top:72px;left:0;width:100%;background:#071018;padding:28px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{padding-top:130px;align-items:flex-end}.hero:after{background:linear-gradient(0deg,var(--bg) 5%,rgba(4,11,17,.46) 75%),linear-gradient(90deg,rgba(4,11,17,.9),transparent)}.hero h1{font-size:clamp(50px,14vw,76px)}.hero-actions{align-items:flex-start;flex-direction:column}.trust{flex-wrap:wrap}.live-pill{display:none}.section{padding:90px 22px}.statement,.partner{grid-template-columns:1fr;gap:40px}.demo{padding-left:10px;padding-right:10px}.demo-head{align-items:flex-start;flex-direction:column}.demo-shell{grid-template-columns:1fr;min-height:700px}.demo-nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px}.mini-brand{display:none}.demo-tab{min-width:130px;margin:0}.demo-screen{padding:18px}.scene#scene-doors{grid-template-columns:1fr}.action-panel{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.audience-track{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}footer{grid-template-columns:1fr}}@media(max-width:560px){.scene{height:450px}.screen-top .online{display:none}.floorplan:before{inset:45px 25px}.room{display:none}.demo-shell{min-height:620px}.trust{font-size:10px;gap:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none}}
