:root{font-family:Arial,Helvetica,sans-serif;color:#172634;background:#f9fbfd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body,h1,h2,p{margin:0}.page{min-height:100svh;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff 35%,#f1f6fa 80%,#fff)}.atmosphere{position:absolute;top:15%;right:-10%;bottom:0;left:-10%;background:radial-gradient(ellipse at 85% 49%,#b7d0e343,transparent 43%),radial-gradient(ellipse at 15% 70%,#dce8f17d,transparent 45%);pointer-events:none}.shell{width:min(1440px,94%);margin:auto;position:relative}.masthead{display:flex;justify-content:space-between;align-items:start;padding:42px 0 16px}.brand-name{font-size:31px;letter-spacing:.34em;font-weight:500;line-height:1.1}.brand-sub{font-size:9px;letter-spacing:.36em;color:#8796a4;margin-top:8px}.brand-small .brand-name{font-size:22px}.brand-small .brand-sub{font-size:7px}.masthead-aside{font-size:10px;line-height:2;letter-spacing:.55em;color:#9babb8}.hero-heading{text-align:center;margin:24px 0 38px}.eyebrow,.section-label{font-size:10px;letter-spacing:.3em;color:#7d95a7}.hero h1{font-size:clamp(29px,3.5vw,52px);font-weight:400;letter-spacing:-.045em;line-height:1.18;margin-top:15px}.hero h1 em{font-style:normal;color:#648eaa}.visualization{display:grid;grid-template-columns:minmax(0,1fr) 12% minmax(0,1.15fr);align-items:center;min-height:465px}.source-area{position:relative;z-index:2}.section-label{margin:0 0 14px 9%}.source-stack{position:relative;height:430px}.source-card{position:absolute;width:clamp(190px,65%,320px);min-height:73px;padding:13px 14px;display:flex;align-items:start;gap:11px;border:1px solid #e4edf4;border-radius:8px;background:#ffffffdc;box-shadow:0 10px 25px #6086a31c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:enter .7s both;animation-delay:calc(var(--order)*.11s)}.source-card strong{font-size:12px;font-weight:600}.source-card p{font-size:10px;color:#667989;line-height:1.5;margin-top:5px}.source-icon{flex:none;width:23px;height:23px;display:grid;place-items:center;background:#e6f2fc;color:#3188ca;border-radius:5px;font-size:13px}.source-icon.pdf{background:#fff0ec;color:#df6554}.source-icon.cost{background:#e9f8ef;color:#2aa66a}.s1{top:0;left:8%;transform:rotate(-3deg)}.s2{top:65px;left:32%;transform:rotate(2deg)}.s3{top:125px;left:0}.s4{top:205px;left:9%}.s5{top:280px;left:34%}.s6{top:355px;left:6%}.connections{width:100%;height:430px;overflow:visible}.connections path{fill:none;stroke:#a9cfe7;stroke-width:1.6;stroke-dasharray:6 6;animation:trace 1.7s ease-out both}.project-panel{position:relative;z-index:2;overflow:hidden;min-height:430px;border:1px solid #dce9f2;border-radius:17px;background:linear-gradient(150deg,#f8fcffed,#e8f3fae3);box-shadow:0 25px 55px #6d95b426;animation:enter 1s .3s both}.project-panel header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px}.project-panel h2{font-size:20px;font-weight:500}.live{font-size:10px;color:#718b9a;display:flex;align-items:center;gap:7px}.live i{height:7px;width:7px;border-radius:50%;background:#32bc83}.panel-scene{height:245px;position:relative;overflow:hidden;background:linear-gradient(0deg,#e7f3fa7a,transparent)}.building{position:absolute;top:25px;right:16%;bottom:0;left:16%;opacity:.48;filter:drop-shadow(0 8px 9px #9bb7ca)}.tower{position:absolute;bottom:0;border:1px solid #8db1cb;background:repeating-linear-gradient(0deg,transparent 0 17px,#8db1cb80 18px 19px),repeating-linear-gradient(90deg,#c5dfefb8 0,#c5dfefb8 26px,#89b5d580,#89b5d580 28px);clip-path:polygon(0 9%,85% 0,100% 8%,100% 100%,0 100%)}.tower-a{height:91%;width:36%;left:5%}.tower-b{height:73%;width:38%;left:35%}.tower-c{height:62%;width:30%;left:68%}.signal{position:absolute;display:flex;gap:8px;align-items:center;padding:9px 11px;background:#ffffffeb;border:1px solid #d3e5f3;border-radius:7px;box-shadow:0 8px 22px #6895b42e;animation:float 5s ease-in-out infinite}.signal span{color:#2c98d8}.signal strong{display:block;font-size:10px}.signal small{display:block;font-size:9px;color:#7a91a3;margin-top:3px}.signal-one{top:10px;right:9%;animation-delay:-1s}.signal-two{bottom:20px;left:7%;animation-delay:-3s}.signal-three{bottom:20px;right:8%;animation-delay:-2s}.insights{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:18px 14px 20px;background:#ffffff9c}.insights>div{padding:0 10px;border-left:2px solid #66a8d1}.insights>div:nth-child(2){border-color:#62c89a}.insights>div:nth-child(3){border-color:#e3a65b}.insights>div:nth-child(4){border-color:#9aa9b8}.insights b{font-size:9px;letter-spacing:.08em}.insights p{font-size:10px;line-height:1.45;color:#6e8292;margin-top:7px}.demo-note{text-align:center;font-size:10px;color:#91a1ae;margin:25px 0 65px}.footer{text-align:center;padding:25px 0 55px}.footer-rule{display:flex;justify-content:space-between;border-top:1px solid #c9d6df;padding-top:10px;color:#8a9dab;font-size:9px;letter-spacing:.24em}.footer .brand{margin-top:40px}.footer .brand-name{font-size:36px}.coming{letter-spacing:.42em;font-size:15px;margin-top:28px}.footer-bottom{font-size:9px;letter-spacing:.3em;color:#9aacb9;margin-top:30px}@keyframes enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes trace{0%{opacity:0;stroke-dashoffset:100}to{opacity:1;stroke-dashoffset:0}}@media (max-width:800px){.masthead{padding:25px 0}.hero-heading{margin:30px 0}.visualization{display:flex;flex-direction:column;gap:25px}.project-panel{width:100%;min-height:0;order:0}.source-area{width:100%;order:1}.connections{display:none}.source-stack{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.source-card{position:static;transform:none;width:auto;min-height:84px}.section-label{margin:0 0 14px}.demo-note{margin:25px 0 55px}.footer .brand-name{font-size:29px}}@media (max-width:480px){.shell{width:min(100% - 30px,430px)}.brand-small .brand-name{font-size:19px}.brand-small .brand-sub{font-size:6px}.masthead-aside{font-size:8px}.hero h1{font-size:30px}.eyebrow{font-size:9px}.project-panel header{padding:18px 15px}.project-panel h2{font-size:17px}.panel-scene{height:230px}.signal{padding:7px}.signal strong{font-size:9px}.signal small{font-size:8px}.signal-one{right:3%}.signal-two{left:3%}.signal-three{right:3%}.insights{grid-template-columns:repeat(2,1fr);row-gap:18px;padding:17px 12px}.source-stack{grid-template-columns:1fr;gap:9px}.source-card{min-height:60px;padding:11px}.footer-rule{font-size:7px;letter-spacing:.1em}.footer .brand-name{font-size:27px}.coming{font-size:13px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
