@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#071a2a;--navy2:#0d2638;--teal:#32d0c7;--ink:#152838;--muted:#607385;--light:#f2f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071a2a;color:#fff;font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,.brand{font-family:'Outfit',Arial,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#102333f5;border-bottom:1px solid #ffffff16;backdrop-filter:blur(16px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:800;white-space:nowrap}.brand-mark{background:var(--teal);color:#072333;padding:4px 7px;border-radius:7px;font-size:13px;font-weight:900}.teal{color:var(--teal)}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700;color:#d2e1ea}.nav a:hover{color:var(--teal)}.nav-cta{border:1px solid #6e8a9c66;padding:10px 18px;border-radius:99px}.nav-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{background:radial-gradient(circle at 77% 33%,#10445177,transparent 37%),linear-gradient(115deg,#061725,#0a2233 65%,#08202c);padding:104px 0 106px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:60px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--teal)}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid #ffffff15;border-radius:100px;padding:7px 13px}.pulse{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px #32d0c720}.hero h1{font-size:clamp(48px,5.6vw,83px);line-height:1.04;letter-spacing:-.055em;font-weight:900;margin:30px 0 24px}.hero h1 em,.section-head h2 em,.contact-section h2 em{color:var(--teal);font-style:normal}.hero-intro{font-size:17px;color:#b8d0de;max-width:570px}.status{display:flex;align-items:center;gap:16px;margin:26px 0;background:#0e3543;border:1px solid #32d0c73d;border-radius:15px;padding:16px 19px;max-width:560px}.status-icon{background:var(--teal);color:#06333c;border-radius:10px;font-size:23px;padding:3px 13px}.status strong,.status small{display:block}.status strong{font-size:13px;letter-spacing:.09em}.status small{font-size:13px;color:#b9d1db}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 22px;border-radius:10px;font-weight:800;font-size:13px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:#062a34}.btn-outline{border:1px solid #54768a;color:#fff}.micro{font-size:12px;color:#7fa1b2}.hero-visual{position:relative}.browser{background:#233d4b;border:10px solid #203a49;border-radius:20px;box-shadow:0 36px 90px #0008;overflow:hidden}.browser-top{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 12px;font-size:9px;letter-spacing:.16em;color:#b4cbd5}.dots{color:#66899a;letter-spacing:3px}.image-button{border:0;padding:0;background:transparent;position:relative;display:block;width:100%;overflow:hidden;text-align:left}.image-button img{width:100%;transition:transform .3s}.image-button:hover img{transform:scale(1.025)}.hero-shot{background:#fff}.float-tag{position:absolute;right:-12px;bottom:-25px;background:#0e2737;border:1px solid #ffffff22;border-radius:12px;padding:17px 22px;font-size:13px;font-weight:800;box-shadow:0 12px 40px #0005}.float-tag span{color:var(--teal)}.benefits{background:#102c3a;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:18px}.benefits-grid div{border-right:1px solid #ffffff20;padding:0 22px}.benefits-grid div:first-child{padding-left:0}.benefits-grid div:last-child{border:0}.benefits-grid strong,.benefits-grid span{display:block}.benefits-grid strong{font-size:14px}.benefits-grid span{font-size:12px;color:#9bb6c3}.section{padding:105px 0}.light{background:#f4f8fa;color:var(--ink)}.dark{background:#0a1e2d}.section-head{max-width:770px;margin-bottom:44px}.section-head h2,.contact-section h2{font-size:clamp(35px,4.1vw,59px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 18px}.section-head>p:last-child{font-size:17px;color:#647989}.dark .section-head>p:last-child,.gallery-section .section-head>p:last-child{color:#a4bfcd}.steps,.deploy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article,.deploy-grid article{background:white;border:1px solid #dce8ed;border-radius:15px;padding:25px;box-shadow:0 6px 20px #0b28340a}.steps article span,.deploy-grid article span{color:#079c9b;font-weight:900;font-size:12px}.steps h3,.deploy-grid h3{font-size:19px;margin:12px 0}.steps p,.deploy-grid p{font-size:13px;color:#667b88;margin:0}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.journey-grid .image-button,.setup-image{border-radius:13px;box-shadow:0 10px 30px #1234;background:#fff}.journey-grid img{height:185px;object-fit:cover;object-position:top}.image-label,.expand{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071827e8);padding:35px 16px 12px;color:white;font-size:12px;font-weight:800}.image-note,.deploy-note{font-size:12px;color:#6a8290;margin-top:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#102b3b;border:1px solid #284657;border-radius:15px;overflow:hidden}.feature-card img{height:165px;object-fit:cover;object-position:top;background:white}.feature-copy{padding:18px}.feature-copy h3{font-size:19px;margin:0 0 6px}.feature-copy p{font-size:13px;color:#abc0cc;margin:0}.expand{opacity:0;transition:opacity .2s}.image-button:hover .expand{opacity:1}.setup-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.setup-points>div{padding:15px 0;border-bottom:1px solid #dce7ec}.setup-points b{font-size:12px;color:#078f91}.setup-points h3{font-size:21px;margin:5px 0}.setup-points p{font-size:14px;color:#657987;margin:0}.setup-image img{max-height:500px;object-fit:cover;object-position:top}.gallery-section{background:#0d2737}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-tile{border:1px solid #315165;background:#173649;border-radius:11px;overflow:hidden;text-align:left;color:white;padding:0;transition:transform .2s}.gallery-tile:hover{transform:translateY(-3px)}.gallery-tile img{height:145px;width:100%;object-fit:cover;object-position:top;background:white}.gallery-tile span{display:block;padding:10px 12px;font-size:12px;font-weight:700}.deploy-grid{grid-template-columns:repeat(3,1fr)}.contact-section{padding:100px 0;background:radial-gradient(circle at 25% 20%,#15515b,transparent 45%),#071827}.contact-grid{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:90px}.contact-section h2{font-size:clamp(42px,5vw,70px)}.contact-section p:not(.kicker){color:#b6ceda;max-width:550px}.contact-email{font-weight:800;color:var(--teal)!important;font-size:19px}.contact-card{background:#143446;border:1px solid #2c5362;border-radius:20px;padding:35px}.coming{font-size:12px;letter-spacing:.17em;font-weight:900;color:#062d36;background:var(--teal);border-radius:99px;padding:7px 13px}.contact-card h3{font-size:28px;margin:22px 0 8px}.contact-card .btn{display:flex;margin:25px 0 13px}.contact-card small{font-size:12px;color:#a8c2ce}footer{background:#051421;padding:35px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-grid p,.footer-grid small{color:#829cae;font-size:12px;margin:0}.lightbox{position:fixed;inset:0;background:#020b11eb;z-index:100;display:none;align-items:center;justify-content:center;padding:50px 25px}.lightbox.open{display:flex}.lightbox-inner{max-width:95vw;max-height:90vh;overflow:auto}.lightbox-inner img{max-height:85vh;width:auto;max-width:100%;object-fit:contain;margin:auto}.lightbox-close{position:absolute;right:20px;top:12px;background:none;border:0;color:white;font-size:40px;z-index:2}
@media(max-width:1050px){.hero-grid{gap:30px}.feature-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:60px}.nav{gap:15px}}@media(max-width:760px){.wrap{width:min(100% - 32px,1200px)}.header-inner{height:67px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:#102333;flex-direction:column;align-items:stretch;padding:18px 25px;gap:14px}.nav.open{display:flex}.hero{padding:65px 0 75px}.hero-grid,.setup-grid,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(44px,11vw,65px)}.hero-visual{margin-top:20px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid div{padding:0 10px}.steps,.feature-grid,.gallery-grid,.deploy-grid{grid-template-columns:repeat(2,1fr)}.journey-grid{grid-template-columns:1fr 1fr}.section{padding:65px 0}.contact-section{padding:65px 0}.footer-grid{flex-wrap:wrap}.setup-grid{gap:25px}}@media(max-width:480px){.steps,.feature-grid,.gallery-grid,.deploy-grid,.journey-grid{grid-template-columns:1fr}.feature-card img,.gallery-tile img{height:190px}.hero-actions .btn{flex:1}.benefits-grid{gap:14px}.benefits-grid span{font-size:11px}.contact-card{padding:24px}}

/* Accessible previous/next screenshot galleries */
.lightbox-content{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:min(1100px,calc(100vw - 170px));max-height:90vh}
.lightbox-content .lightbox-inner{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(90vh - 48px);overflow:auto}
.lightbox-content .lightbox-inner img{max-height:calc(90vh - 55px);max-width:100%;width:auto;height:auto;object-fit:contain}
.lightbox-meta{width:100%;display:flex;justify-content:space-between;gap:20px;color:#e5f2f5;font-size:14px;padding-top:12px}
.lightbox-counter{white-space:nowrap;color:var(--teal);font-weight:800}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #ffffff55;background:#143547e8;color:white;width:52px;height:62px;border-radius:12px;font-size:29px;z-index:3}
.lightbox-prev{left:16px}.lightbox-next{right:16px}
.lightbox-prev:hover,.lightbox-next:hover{background:#23616b}
.lightbox [hidden]{display:none!important}
.lightbox button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media(max-width:650px){.lightbox{padding:55px 10px 75px}.lightbox-content{max-width:calc(100vw - 20px);max-height:calc(100vh - 160px)}.lightbox-content .lightbox-inner{max-height:calc(100vh - 205px)}.lightbox-content .lightbox-inner img{max-height:calc(100vh - 205px)}.lightbox-prev,.lightbox-next{top:auto;bottom:10px;transform:none;width:60px;height:45px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-meta{font-size:12px}.lightbox-close{top:4px;right:12px}}

/* Mikey's Construction Supplies demo gallery */
.demo-section{background:linear-gradient(150deg,#092434 0%,#0d3040 100%);border-top:1px solid #2b5161;border-bottom:1px solid #2b5161}
.demo-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:55px;align-items:center;margin-bottom:36px}
.demo-heading .section-head{margin-bottom:0}.demo-heading .section-head>p:last-of-type{color:#bad0dc}.demo-heading h2 em{font-style:normal;color:var(--teal)}
.demo-disclaimer{color:#9eb7c3!important;font-size:12px!important;margin:18px 0 0}
.demo-cta{border:1px solid #3a6571;background:#12384a;border-radius:18px;padding:28px}.demo-cta p{font-size:18px;font-weight:700;margin:20px 0}.demo-cta small{display:block;color:#a8c3ce;font-size:12px;margin-top:14px}.demo-cta .btn{width:100%}.demo-live{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--teal)}.demo-dot{display:inline-block;background:var(--teal);width:8px;height:8px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #32d0c720}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.demo-tile{display:block;padding:0;border:1px solid #3b5a6b;border-radius:15px;background:#123344;color:#fff;overflow:hidden;text-align:left;transition:transform .2s,border-color .2s}.demo-tile:hover{transform:translateY(-3px);border-color:var(--teal)}.demo-tile:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.demo-tile img{height:195px;width:100%;object-fit:cover;object-position:top;background:#fff}.demo-tile-info{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:13px;font-weight:700;min-height:65px}.demo-tile-info b{color:var(--teal);font-size:12px}.demo-expand{margin-left:auto;color:var(--teal)}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;font-size:13px;color:#b3cbd5}.demo-bottom p{margin:0}.demo-bottom a{color:var(--teal);font-weight:800;white-space:nowrap}
@media(max-width:800px){.demo-heading{grid-template-columns:1fr;gap:25px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.demo-grid{grid-template-columns:1fr}.demo-tile img{height:210px}.demo-bottom{align-items:flex-start;flex-direction:column}}