:root{--bg:#0b1116;--ink:#f0f0e9;--muted:#9ca5aa;--accent:#e9b879;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:94px;position:absolute;top:0;width:100%;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:8px;align-items:center;font-size:34px;font-weight:600;letter-spacing:-2px}.brand svg{width:33px;fill:none;stroke:var(--accent);stroke-width:1.5}.brand span{align-self:flex-start;font:10px Arial;letter-spacing:0;margin-top:8px}nav{display:flex;gap:35px;font-size:13px}nav a:hover{color:var(--accent)}.nav-cta{font-size:13px;border-bottom:1px solid #a9afb3;padding:10px 0;display:flex;gap:22px}.hero{height: min(900px,100svh);min-height:690px;position:relative;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050c11b0,transparent 76%),linear-gradient(0deg,#0b111680,transparent 25%,transparent 85%,#050b1140)}.hero-copy{position:absolute;top:27%;left:8%;max-width:680px}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(74px,7.5vw,118px);font-weight:400;letter-spacing:-6px;line-height:1.05;margin:0 0 30px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.hero-copy p{font-size:16px;line-height:1.7;color:#c9ced1;margin-bottom:34px}.button{display:inline-flex;align-items:center;gap:43px;background:var(--accent);color:#12191b;padding:19px 24px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#f3c88d;transform:translateY(-3px)}.button span{font-size:22px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;color:#c8cccd;letter-spacing:.3px}.hero-bottom a span{margin-left:24px}.section{padding:110px 8%}.section-number{font-size:12px;color:var(--muted)}.vision{display:grid;grid-template-columns:1fr 3fr;gap:45px;border-bottom:1px solid var(--line)}h2{font-family:'Manrope',Arial,sans-serif;font-weight:400;font-size:clamp(38px,4.3vw,66px);line-height:1.15;letter-spacing:-2.6px;margin:0}.vision-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:42px}p{line-height:1.8}.vision-bottom p{font-size:14px;color:var(--muted);margin:0;max-width:370px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading>p{max-width:250px;font-size:14px;color:var(--muted);margin:0 0 8px}.simulator{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--line);min-height:500px}.scene{position:relative;isolation:isolate;overflow:hidden;min-height:500px;background:#122434;transition:background 1s}.scene-meta{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;z-index:5;font-size:10px;color:#d4dde1}.scene-meta i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px}.sky-orb{position:absolute;top:80px;right:22%;width:38px;height:38px;border-radius:50%;background:#dddcc7;box-shadow:0 0 40px #e0d6aa30;transition:background 1s}.skyline{position:absolute;bottom:160px;height:180px;left:0;right:0;display:flex;align-items:flex-end;opacity:.55}.skyline i{display:block;background:#0a151c;width:15%;height:70%;border-right:5px solid #152631}.skyline i:nth-child(2n){height:95%;width:9%}.skyline i:nth-child(3n){height:45%;width:20%}.ground{position:absolute;bottom:0;height:170px;background:#111a20;width:100%;border-top:1px solid #ffffff13}.road-line{position:absolute;bottom:75px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#c9c2a637 0 55px,transparent 55px 110px);transform:rotate(-8deg)}.lamp{position:absolute;height:240px;width:145px;bottom:90px;left:5%}.lamp-two{left:40%;transform:scale(.83);transform-origin:bottom}.lamp-three{left:73%;transform:scale(.65);transform-origin:bottom}.lamp-pole{position:absolute;height:220px;width:7px;background:linear-gradient(90deg,#1d282e,#5c6a70,#182228);bottom:0;left:30px}.lamp-arm{position:absolute;top:15px;left:30px;width:85px;height:35px;border-left:6px solid #435159;border-top:5px solid #435159;border-radius:30px 0 0 0}.lamp-head{position:absolute;top:14px;left:95px;background:#ffdfa0;width:40px;height:5px;border-radius:3px;box-shadow:0 2px 14px #ffd28c;z-index:2;transition:all .4s}.beam{position:absolute;left:26px;top:18px;width:180px;height:245px;background:linear-gradient(#fbd18c30,#fbd18c00);clip-path:polygon(43% 0,59% 0,100% 100%,0 100%);filter:blur(5px);transition:opacity .7s}.light-pool{position:absolute;bottom:-12px;left:30px;width:180px;height:25px;border-radius:50%;background:#eac18123;filter:blur(10px);transition:opacity .7s}.scene.off .beam,.scene.off .light-pool{opacity:0}.scene.off .lamp-head{background:#73808a;box-shadow:none}.scene.day{background:#88a1ad}.scene.day .sky-orb{background:#ffedbb;box-shadow:0 0 50px #fff2c66b}.scene.day .skyline{opacity:.35}.scene-caption{position:absolute;bottom:27px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:flex-end;font-size:15px;line-height:1.5;z-index:3}.scene-status{font-size:9px;border:1px solid #cbb18470;color:#ead0a6;padding:6px 9px;letter-spacing:1px}.controls{padding:32px;background:#111a20}.control-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:36px}.control-top h3{font-weight:400;font-size:18px;margin:0;letter-spacing:-.4px}.text-button{border:0;background:none;color:var(--accent);font-size:10px;padding:5px 0}.text-button span{margin-left:5px}.range-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:17px}output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:0;accent-color:var(--accent);cursor:pointer;height:20px}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.presets{display:flex;gap:8px;margin:23px 0}.presets button{flex:1;padding:9px;background:none;border:1px solid var(--line);color:#aab5bb;font-size:11px}.presets button.active{border-color:var(--accent);color:var(--accent)}.mode-row{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}.segmented{display:flex;border:1px solid var(--line);padding:3px}.segmented button{border:0;background:none;color:var(--muted);font-size:11px;padding:7px 14px}.segmented button.active{color:#111a20;background:var(--accent)}.readouts{margin:0}.readouts div{display:flex;justify-content:space-between;padding:10px 0;font-size:11px}.readouts dt{color:var(--muted)}.readouts dd{margin:0}.sim-note{font-size:10px;line-height:1.6;color:#87969e;margin:20px 0 0}.manual-button{width:100%;background:none;border:1px solid var(--accent);color:var(--accent);font-size:12px;padding:10px;margin-bottom:12px}.detail{display:grid;grid-template-columns:1fr 1fr;background:#101920}.detail-image{position:relative;min-height:740px;overflow:hidden}.detail-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:35% center}.detail-image>span{position:absolute;bottom:27px;left:30px;font-size:10px;color:#ccd0d3}.detail-copy{padding:65px 12%}.detail-copy h2{margin-top:35px;font-size:51px}.detail-copy>p{font-size:13px;color:var(--muted);max-width:310px}.steps{margin-top:28px}.steps article{border-top:1px solid var(--line);display:flex;gap:23px;padding:23px 0 8px}.steps article>span{color:var(--accent);font-size:11px;padding-top:4px}.steps h3{font-size:16px;font-weight:400;margin:0}.steps p{font-size:12px;color:var(--muted);margin:9px 0 10px}.project{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:120px;padding-bottom:120px}.project h2{font-size:46px}.project>div>p{max-width:360px;color:var(--muted);font-size:13px;margin-top:30px}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:23px 0;list-style:none;font-size:14px;gap:20px}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-size:23px;color:var(--accent);font-weight:300}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:var(--muted);font-size:12px;margin:0 25px 24px 0}.closing{padding:80px 8%;background:#e7e5dc;color:#182329;display:flex;justify-content:space-between;align-items:flex-end}.closing p{font-family:'Manrope',Arial,sans-serif;font-size:60px;line-height:1.15;letter-spacing:-2.5px;margin:0}.closing em{color:#6a6557}.closing a{font-size:13px;border-bottom:1px solid #687173;padding:15px 0;display:flex;gap:40px}.closing a span{font-size:20px}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:11px;color:var(--muted)}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}@media(min-width:1600px){.hero-copy{top:30%}.hero-image{object-position:center 60%}}@media(max-width:1000px){header{height:80px}nav{gap:18px}.hero-copy{left:6%;top:29%}h1{font-size:88px}.hero-bottom>span:last-child{display:none}.section{padding:80px 6%}.vision{grid-template-columns:1fr;gap:24px}.vision-bottom{gap:30px}.simulator{grid-template-columns:1fr 1fr}.controls{padding:25px}.control-top{align-items:flex-start;flex-direction:column;gap:12px}.detail-copy{padding:45px 8%}.detail-copy h2{font-size:42px}.detail-image{min-height:780px}.project h2{font-size:38px}.closing p{font-size:49px}}@media(max-width:680px){header{padding:0 6%;height:75px}.brand{font-size:29px}.brand svg{width:27px}nav{display:none}.nav-cta{font-size:10px;gap:12px}.hero{min-height:730px;height:94svh;max-height:900px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#050c11d6,#050c1140),linear-gradient(0deg,#0b111699,transparent 30%)}.hero-copy{top:25%;left:7%}h1{font-size:74px;letter-spacing:-4px}.hero-copy p{font-size:13px;margin-top:25px;max-width:260px}.button{font-size:11px;padding:15px 20px;gap:30px}.hero-bottom{font-size:9px;left:7%;right:7%;bottom:25px}.hero-bottom a span{margin-left:8px}.section{padding:65px 7%}h2{font-size:40px;letter-spacing:-1.8px}.vision-bottom{grid-template-columns:1fr;gap:18px;margin-top:28px}.vision-bottom p{font-size:13px;max-width:100%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:270px;font-size:13px}.simulator{grid-template-columns:1fr}.scene{min-height:390px}.scene-caption{font-size:13px}.lamp{transform:scale(.78);transform-origin:bottom;left:0;bottom:75px}.lamp-two{left:33%;transform:scale(.65)}.lamp-three{left:68%;transform:scale(.5)}.scene-meta{font-size:9px;left:18px;right:18px}.scene-caption{left:18px;right:18px;bottom:20px}.controls{padding:26px}.control-top{flex-direction:row;align-items:center}.control-top h3{font-size:17px}.detail{grid-template-columns:1fr}.detail-image{min-height:360px}.detail-image img{object-position:center}.detail-copy{padding:50px 7%}.detail-copy h2{font-size:42px;margin-top:25px}.detail-copy>p{max-width:100%}.project{grid-template-columns:1fr;gap:25px}.project h2{font-size:38px}.project>div>p{margin-top:22px}.closing{padding:55px 7%;display:block}.closing p{font-size:42px;letter-spacing:-2px}.closing a{margin-top:25px;width:max-content}footer{padding:30px 7%;flex-wrap:wrap}footer .brand{width:40%}footer p{width:48%;font-size:10px}footer>span,footer>a:last-child{font-size:9px}footer>span{width:50%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}