:root{--ink:#10243b;--blue:#0867ec;--muted:#65778a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Arial,sans-serif}header{max-width:1400px;margin:auto;height:110px;display:flex;align-items:center;justify-content:space-between;padding:18px 56px;border-bottom:1px solid #dde4ed}.brand img{width:240px;height:76px;object-fit:contain}nav{display:flex;gap:32px}a{color:inherit;text-decoration:none}nav a{font-size:14px;color:#52677c}button{font:inherit;cursor:pointer}.login{background:transparent;border:1px solid #c7d4e4;border-radius:7px;padding:14px 20px;font-size:14px}.login span{margin-left:22px}.hero{max-width:1400px;padding:76px 56px 80px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue)}.eyebrow>span{display:inline-block;background:var(--blue);width:7px;height:7px;border-radius:50%;margin-right:8px}h1{font-size:clamp(42px,4.2vw,64px);letter-spacing:-2.8px;line-height:1.08;margin:25px 0}em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:480px}.primary{display:inline-flex;align-items:center;gap:28px;background:var(--blue);color:white;padding:18px 23px;border:0;border-radius:6px;font-size:14px;margin-top:20px}.primary:hover{background:#004fbf}.hero-foot{font-size:11px;color:#7b8a9c;margin-top:34px}.hero-foot i{font-style:normal;margin:0 10px;color:#b2bfce}.visual{border-radius:18px;background:#e9f0f9;border:1px solid #dce5f0;overflow:hidden;box-shadow:0 24px 70px #183e6d0b;transform:rotate(-1deg)}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px;font-size:10px;color:#6b7f96}.mini-brand{font-weight:bold;letter-spacing:2px;color:#2c4f7e}.demo{border:1px solid #c4d4e7;border-radius:20px;padding:7px 10px}.map{height:355px;position:relative;background-image:radial-gradient(#a8bdd3 1px,transparent 1px);background-size:20px 20px}.building{position:absolute;left:32%;top:48px;width:160px;height:190px;background:linear-gradient(130deg,#68a9fa,#1a62c9);transform:skewY(-7deg);box-shadow:20px 17px 0 #1254af,30px 32px 45px #336cb431;border:6px solid #b2d3ff}.roof{position:absolute;top:-22px;left:-6px;width:160px;height:20px;background:#d3e6ff;transform:skewX(-45deg);transform-origin:bottom}.windows{font-size:40px;line-height:1.22;text-align:center;color:#cce8ff;letter-spacing:5px}.building-label{text-align:center;background:#0c3e82;color:white;font-size:12px;padding:9px;margin-top:7px}.float{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;padding:17px;border:1px solid #dce5ef;border-radius:10px;box-shadow:0 14px 32px #35587d17;transform:rotate(1deg)}.float small{display:block;color:#8291a2;font-size:10px;margin-bottom:7px}.float b{display:block;font-size:12px;font-weight:600}.place{left:18px;top:5px}.asset{right:16px;top:142px}.owner{left:25px;bottom:12px}.icon,.asset-icon{color:var(--blue);font-size:30px}.asset-icon{background:#edf5ff;padding:10px}.status{display:block;font-size:9px;color:#138768;margin-top:10px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e0edff;color:var(--blue)}.check{color:#138768;margin-left:15px}.visual-bottom{font-size:9px;letter-spacing:1px}.features{background:#fff;padding:80px max(56px,calc((100vw - 1288px)/2))}.section-title{position:relative}h2{font-size:40px;line-height:1.17;letter-spacing:-1.5px;margin:20px 0}.section-title>p{position:absolute;right:0;bottom:0;max-width:340px;color:var(--muted);font-size:15px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.feature-grid article{background:#f7f9fc;padding:28px;border:1px solid #e4eaf1;border-radius:10px}.num{color:#6783a6;font-size:10px;letter-spacing:1px}h3{font-size:24px;line-height:1.3;letter-spacing:-.6px}.feature-grid p,.process p{font-size:14px;line-height:1.8;color:var(--muted)}.path,.tags,.export{margin-top:28px;font-size:11px;color:var(--blue)}.path span{margin:0 12px;color:#90a9ca}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{background:#e8f0fc;padding:7px;border-radius:4px}.export{display:flex;gap:10px;align-items:center}.export span{color:#617894;font-size:10px}.process{max-width:1400px;margin:auto;padding:85px 56px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.process>div>p{max-width:340px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:28px;border-bottom:1px solid #dae3ee;padding:20px 0}.process li>span{color:var(--blue);font-size:12px;margin-top:8px}.process h3{margin:0;font-size:21px}.process li p{margin-bottom:3px}.closing{background:#102b4b;color:#fff;text-align:center;padding:70px 24px 80px}.closing .eyebrow{color:#78b4ff}.closing h2{font-size:44px}.closing p{color:#b6c9de;font-size:15px}footer{max-width:1400px;margin:auto;display:flex;gap:25px;padding:30px 56px;font-size:11px;color:#7e8da0}footer b{color:#284568;letter-spacing:2px}footer span:last-child{margin-left:auto}dialog{border:0;border-radius:16px;padding:40px;max-width:480px;width:calc(100% - 36px);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0e203966;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p{color:var(--muted);line-height:1.7;font-size:15px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:#7c8a99}:focus-visible{outline:3px solid #5ba5ff;outline-offset:4px}@media(max-width:950px){header{padding:15px 24px}nav{gap:16px}.hero{padding:50px 24px;gap:20px}h1{font-size:44px}.float{padding:12px}.float b{font-size:10px}.building{left:25%}.section-title>p{position:static}.features{padding:60px 24px}.feature-grid{gap:12px}.feature-grid article{padding:20px}.process{padding:60px 24px;gap:40px}}@media(max-width:680px){header{height:90px;padding:10px 18px}.brand img{width:185px;height:65px}nav{display:none}.login{font-size:12px;padding:12px}.login span{display:none}.hero{grid-template-columns:1fr;padding:42px 22px;gap:40px}h1{font-size:46px}.hero-copy>p{font-size:15px}.visual{max-width:500px;width:100%}.feature-grid,.process{grid-template-columns:1fr}.feature-grid{gap:14px}.features{padding:50px 22px}h2{font-size:33px}.process{gap:20px;padding:50px 22px}.closing h2{font-size:36px}footer{padding:25px 22px;gap:12px;flex-wrap:wrap}footer span:last-child{margin-left:0;width:100%}.visual-bottom{font-size:8px;padding:20px 15px}}

/* Business presentation and product walkthrough */
.hero{grid-template-columns:1fr 1.1fr;gap:45px;padding-top:62px;padding-bottom:65px}h1{font-size:clamp(36px,3.5vw,54px);letter-spacing:-1.8px;line-height:1.16}.hero-copy>p{font-size:16px;line-height:1.8}.hero-screen{background:white;border:1px solid #cedbea;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #173a6010;display:block}.hero-screen>img{width:100%;display:block}.screen-bar{padding:14px 20px;background:#f0f5fb;border-bottom:1px solid #d9e3ef;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#607c9c}.hero-screen-caption{padding:16px;font-size:11px;color:#4c6789;display:flex;justify-content:space-between}.features{padding-top:60px;padding-bottom:60px}.feature-grid article{border-radius:5px;background:white;border-top:3px solid #0867ec}.feature-grid h3{font-size:22px}.section-title>p{max-width:310px}.showcase{max-width:1288px;margin:auto;padding:75px 0}.showcase h2{font-size:36px}.showcase-lead{color:#65778a;line-height:1.7;max-width:730px;font-size:16px}.carousel-tabs{display:flex;gap:6px;margin:30px 0 18px;border-bottom:1px solid #cfdceb}.carousel-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:16px 23px;color:#60758e;font-size:14px}.carousel-tabs button[aria-selected=true]{border-bottom-color:#0867ec;color:#0867ec;font-weight:bold}.carousel-frame{border:1px solid #ccdaeb;border-radius:7px;overflow:hidden;background:white;box-shadow:0 16px 40px #153c6a0b}.screen-open{display:block;position:relative;width:100%;padding:0;border:0;background:#f5f8fc;cursor:zoom-in}.screen-open img{display:block;width:100%;max-height:650px;object-fit:contain;object-position:top}.screen-open>span{position:absolute;right:18px;bottom:18px;background:#102b4be8;color:white;padding:10px 14px;border-radius:4px;font-size:12px}.carousel-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:22px}.carousel-caption h3{font-size:22px;margin:0 0 10px}.carousel-caption p{color:#65778a;line-height:1.7;margin:0;max-width:820px;font-size:14px}.arrows{display:flex;gap:10px}.arrows button{border:1px solid #cbd9e9;color:#0867ec;background:white;width:46px;height:44px;border-radius:4px;font-size:20px}.arrows button:hover{background:#e8f2ff}.demo-note{color:#8090a4;font-size:11px;margin-top:20px;line-height:1.6}.process{border-top:1px solid #dce4ee}.closing h2{font-size:38px}#image-dialog{max-width:1450px;width:95vw;padding:40px 18px 12px;border-radius:7px}#image-dialog img{width:100%;display:block;max-height:80vh;object-fit:contain}#image-dialog p{font-size:11px;text-align:center;margin:8px}.image-close{position:absolute;right:13px;top:4px;border:0;background:white;color:#173758;font-size:28px}.brand img{width:220px}header{height:100px}nav{gap:25px}@media(max-width:1400px){.showcase{margin:0 56px}}@media(max-width:950px){.showcase{margin:0 24px}.hero{padding:45px 24px;gap:25px}nav{gap:15px}.carousel-tabs button{padding:15px 14px;font-size:12px}}@media(max-width:680px){.hero{grid-template-columns:1fr;padding:38px 22px}.hero h1{font-size:39px}.showcase{margin:0 22px;padding:50px 0}.showcase h2{font-size:30px}.carousel-tabs{gap:0}.carousel-tabs button{padding:12px 6px;flex:1;font-size:11px;line-height:1.6}.screen-bar{font-size:8px;padding:12px}.carousel-caption{align-items:flex-start;gap:12px}.carousel-caption h3{font-size:18px}.carousel-caption p{font-size:13px}.arrows{gap:5px}.arrows button{width:35px;height:36px}.screen-open>span{right:8px;bottom:8px;padding:7px;font-size:10px}.brand img{width:180px}header{height:85px}.section-title>p{max-width:100%}}
/* Compact corporate composition */
header{max-width:1320px;padding:12px 32px;height:96px;gap:20px}.brand{flex-shrink:0}.brand img{width:210px;height:68px}nav{gap:26px;margin-left:auto;align-items:center}nav a,.nav-interface{font-size:16px;font-weight:600;color:#274769}.nav-interface{padding:0;border:0;background:transparent}.header-contact{font-size:14px;font-weight:600;color:#0867ec;white-space:nowrap}.login{padding:11px 14px;white-space:nowrap;font-size:12px}.login span{margin-left:8px}.hero{max-width:1320px;padding:42px 32px;gap:55px;grid-template-columns:1fr 1.04fr;align-items:center}h1,.hero h1{font-size:clamp(32px,3vw,43px);line-height:1.18;letter-spacing:-1.5px;margin:18px 0}.hero-copy>p{font-size:15px;line-height:1.75;margin:14px 0;max-width:480px}.primary{padding:14px 19px;font-size:13px;margin-top:14px;gap:22px}.hero-foot{margin-top:24px;font-size:10px}.hero-foot i{margin:0 6px}.hero-carousel{min-width:0;scroll-margin-top:20px}.hero-carousel .carousel-frame{border-color:#bfcfe2;border-radius:5px}.hero-carousel .screen-bar{padding:10px 14px;font-size:9px}.hero-carousel .screen-open{height:265px;display:grid;place-items:center}.hero-carousel .screen-open img{height:100%;width:100%;max-height:265px;object-fit:contain}.hero-carousel .carousel-tabs{border:0;margin:10px 0 8px;gap:6px;align-items:center}.hero-carousel .carousel-tabs button{padding:5px 13px;border:1px solid #cddbeb;border-radius:3px;font-size:10px;background:white;color:#4d6787}.hero-carousel .carousel-tabs button[aria-pressed=true]{background:#0867ec;border-color:#0867ec;color:white}.hero-carousel #pause{margin-left:auto}.hero-carousel .carousel-caption{margin:9px 0;min-height:60px}.hero-carousel .carousel-caption h3{font-size:16px;margin:0 0 7px;letter-spacing:-.2px}.hero-carousel .carousel-caption p{font-size:12px;line-height:1.5;max-width:100%}.detail-button{border:0;background:transparent;color:#0867ec;padding:5px 0;font-weight:bold;font-size:12px}.detail-button span{margin-left:15px}.hero-carousel .demo-note{font-size:9px;margin:7px 0 0}.features{padding:38px max(32px,calc((100vw - 1256px)/2));background:#edf2f8;border-top:1px solid #dae3ee;border-bottom:1px solid #dae3ee}.section-title h2{font-size:28px;margin:13px 0;max-width:680px;letter-spacing:-.8px}.section-title>p{font-size:12px;max-width:300px;line-height:1.6}.feature-grid{gap:16px;margin-top:24px}.feature-grid article{padding:23px 25px;background:linear-gradient(135deg,#163b63,#0f2947);color:white;border:1px solid #183d64;border-top:3px solid #2888ff;box-shadow:0 8px 18px #152e4710}.feature-grid .num{color:#8fbfff;letter-spacing:1.2px}.feature-grid h3{font-size:21px;line-height:1.3;margin:18px 0 12px;letter-spacing:-.35px}.feature-grid p{color:#d1dfef;font-size:13px;line-height:1.7;margin:0;min-height:66px}.feature-grid .path,.feature-grid .tags,.feature-grid .export{margin-top:20px;color:#c6e0ff}.feature-grid .path span{color:#77a9e4}.feature-grid .tags span{background:#ffffff12;border:1px solid #ffffff20;color:#d8e9ff;padding:5px 7px}.feature-grid .export span{color:#d1dfef}.process{padding:40px 32px;max-width:1320px;gap:70px;border-top:0;grid-template-columns:.85fr 1.15fr}.process h2{font-size:29px;margin:15px 0;letter-spacing:-.8px}.process>div>p{font-size:13px;line-height:1.7}.process li{padding:12px 0;gap:24px}.process h3{font-size:17px;letter-spacing:-.2px}.process li p{font-size:12px;line-height:1.65;margin:7px 0}.contact{max-width:1320px;margin:auto;padding:45px 32px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border-top:1px solid #dce4ef}.contact h2{font-size:30px;letter-spacing:-.8px;line-height:1.25}.contact>div>p{font-size:14px;line-height:1.8;color:#65778a;max-width:390px}.contact-mail{display:inline-block;margin-top:12px;font-size:17px;color:#0867ec;font-weight:600}.contact .contact-note{font-size:12px}.contact form{background:white;padding:24px;border:1px solid #d3deeb;border-radius:6px;box-shadow:0 8px 25px #15355407}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact label{display:block;font-size:12px;font-weight:600;color:#294564;margin-bottom:13px}.contact input:not([type=checkbox]),.contact textarea{font:inherit;font-size:13px;font-weight:normal;width:100%;border:1px solid #cbd8e7;background:#fbfcfe;border-radius:4px;padding:11px 12px;margin-top:7px;color:#14375b}.contact textarea{resize:vertical;min-height:78px}.form-help{font-size:11px;line-height:1.6;color:#6c7e94;margin:0 0 12px}.contact .consent{display:flex;gap:8px;align-items:flex-start;font-size:10px;font-weight:normal;line-height:1.6;color:#62768e}.consent input{margin:2px 0 0;accent-color:#0867ec}.contact .primary{margin-top:0}#form-status{font-size:12px;line-height:1.7;color:#355675;margin:10px 0 0}#form-status a{color:#0867ec;text-decoration:underline}.closing{padding:27px max(32px,calc((100vw - 1256px)/2));display:flex;text-align:left;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:23px;letter-spacing:-.5px;margin:0 0 7px}.closing p{font-size:12px;margin:0}.closing .primary{margin:0;white-space:nowrap}footer{max-width:1320px;padding:23px 32px}#image-dialog{width:96vw;max-width:1600px;max-height:96vh;padding:0;border-radius:6px;overflow:auto}.zoom-header{display:flex;align-items:center;gap:20px;padding:15px 22px;border-bottom:1px solid #dce5ef;font-size:14px}.zoom-header>span{font-size:11px;color:#6d819a}.image-close{position:static;margin-left:auto;background:none;font-size:28px;line-height:1;padding:0 3px}#image-dialog #zoom-image{width:100%;height:calc(92vh - 150px);max-height:none;object-fit:contain;background:#eef3f9}.zoom-bottom{display:flex;align-items:center;gap:20px;padding:15px 22px}.zoom-bottom>button{background:white;border:1px solid #c7d7ea;color:#0867ec;border-radius:4px;width:42px;height:38px;flex-shrink:0;font-size:20px}.zoom-bottom>div{flex:1}.zoom-bottom b{font-size:14px}#image-dialog .zoom-bottom p{font-size:12px;text-align:left;margin:5px 0;line-height:1.5}@media(min-width:681px) and (max-width:1080px){header{gap:15px;padding:10px 24px}.brand img{width:175px}nav{gap:17px}nav a,.nav-interface{font-size:13px}.header-contact{font-size:12px}.login{font-size:11px;padding:10px}.login span{display:none}.hero{gap:28px}.hero h1{font-size:34px}.hero-copy>p{font-size:14px}.section-title>p{position:static;max-width:100%}.hero-foot{line-height:1.8}}@media(max-width:680px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:10px 20px;gap:10px}.brand img{width:170px;height:55px}.login{margin-left:auto}.header-contact{margin-left:auto;font-size:12px;order:3}nav{display:flex;order:2;margin:0;gap:16px}nav a,.nav-interface{font-size:12px}header .login{font-size:11px}header .login span{display:none}.hero{grid-template-columns:1fr;padding:30px 22px;gap:28px}.hero h1{font-size:34px;letter-spacing:-1px}.hero-copy>p{font-size:14px}.hero-carousel .screen-open{height:235px}.hero-carousel .screen-open img{max-height:235px}.hero-carousel .carousel-caption{min-height:55px}.hero-carousel .carousel-tabs button{flex:0;padding:6px 13px}.features{padding:30px 22px}.section-title h2{font-size:25px}.section-title>p{position:static;max-width:100%;font-size:13px}.feature-grid{margin-top:20px;gap:12px}.feature-grid article{padding:22px}.feature-grid p{min-height:0}.process,.contact{grid-template-columns:1fr;padding:30px 22px;gap:20px}.process h2,.contact h2{font-size:27px}.contact form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.closing{padding:25px 22px;display:block}.closing h2{font-size:23px}.closing .primary{margin-top:18px}.zoom-header{padding:12px;font-size:12px;gap:10px}.zoom-header>span{font-size:9px}.zoom-bottom{padding:12px;gap:10px}.zoom-bottom b{font-size:12px}#image-dialog .zoom-bottom p{font-size:11px}#image-dialog #zoom-image{height:auto;max-height:65vh;min-height:200px}footer{padding:20px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-carousel .screen-open img{object-fit:cover;object-position:top}
/* Navigation feedback */
nav a,.nav-interface{position:relative;padding:11px 12px;border-radius:5px;transition:color .18s,background-color .18s,box-shadow .18s}nav{gap:3px}nav a:hover,.nav-interface:hover,nav a:focus-visible,.nav-interface:focus-visible{color:#0867ec;background:#e4efff;box-shadow:inset 0 -2px 0 #0867ec}.header-contact{padding:11px 13px;border-radius:5px;transition:background-color .18s,box-shadow .18s}.header-contact:hover,.header-contact:focus-visible{background:#0867ec;color:#fff;box-shadow:0 5px 14px #0867ec22}.login:hover{color:#0867ec;background:#eaf3ff;border-color:#94baf0}@media(max-width:1080px){nav a,.nav-interface{padding:10px 7px}nav{gap:0}.header-contact{padding:10px 8px}}@media(max-width:680px){nav a,.nav-interface{padding:9px 6px}nav{gap:0}}