:root{--journey-night:#102737;--journey-deep:#0c2030;--journey-paper:#f7fafb;--journey-ink:#102338;--journey-copy:#b9c9d4;--journey-mint:#aee8d6;--journey-blue:#cbe2fb;--journey-amber:#f8e5bd}
.journey-landing{height:auto;min-height:100svh;background:radial-gradient(circle at 78% 25%,#1c4055 0,transparent 34%),linear-gradient(145deg,var(--journey-night),var(--journey-deep));color:#f8fbfc;overflow-x:clip}
.journey-landing header{position:relative;height:94px;padding:24px clamp(24px,5vw,76px)}
.journey-landing .brand{font-size:21px}.journey-landing .brand img{width:38px;height:41px}
.journey-landing .launch-nav{gap:34px}.journey-landing .launch-nav a,.journey-landing .launch-nav button{color:#e2ebf0;font-size:13px;text-decoration:none}.journey-landing .product-link{padding:8px 0}
.journey-hero{width:min(1510px,100%);min-height:650px;margin:0 auto;padding:54px clamp(24px,5vw,76px) 62px;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(620px,1.35fr);gap:clamp(36px,5vw,90px);align-items:center}
.journey-landing main{position:relative;inset:auto;transform:none;width:auto;text-align:left;z-index:2}
.journey-eyebrow{margin:0 0 22px!important;color:#a9c4d5!important;font-size:11px!important;line-height:1!important;letter-spacing:.28em;text-transform:uppercase}
.journey-landing h1{margin:0;max-width:620px;line-height:1.03;letter-spacing:-.055em}.journey-landing h1 span{font-size:clamp(46px,4.8vw,76px);white-space:normal}
.journey-landing main>p:not(.journey-eyebrow){max-width:610px;margin:24px 0 32px;color:var(--journey-copy);font-size:clamp(16px,1.45vw,21px);line-height:1.55}
.journey-landing main form{max-width:585px;margin:0;padding:7px;background:#f9fbfc;border-color:#dbe4e8;border-radius:9px;box-shadow:0 24px 55px #07172266}
.journey-landing main form input{font-size:15px;padding:15px 0}.journey-landing main form button{padding:17px 19px;background:#27485b;font-size:13px}
.journey-landing .under-search{align-items:flex-start;margin-top:18px}.journey-landing .sample-link{padding:8px 0;color:#edf5f7;font-size:13px}
.journey-landing .stage{position:relative;inset:auto;z-index:1;width:100%;filter:none;opacity:1;perspective:1600px;pointer-events:none}
.journey-landing .stage::before{content:"";position:absolute;inset:2% 3% 4% 5%;border:1px solid #86a8b933;border-radius:18px;background:#102a3c;transform:translate(-34px,-24px) rotate(-1.2deg);box-shadow:0 28px 70px #05131e75}
.journey-landing .workspace{position:relative;height:auto;min-height:490px;display:grid;grid-template-columns:155px minmax(0,1fr);overflow:hidden;border:1px solid #a5bfcc55;border-radius:15px;background:var(--journey-paper);color:var(--journey-ink);transform:rotate(1.8deg) rotateY(-7deg);transform-origin:50% 55%;box-shadow:0 38px 90px #04121c99}
.journey-landing .preview-nav{position:relative;padding:22px 14px;border:0;background:linear-gradient(180deg,#173449,#10283a);color:#dce8ed;font-size:12px}
.preview-brand{display:flex;align-items:center;gap:8px;margin:0 4px 28px;font-weight:700}.preview-brand img{width:27px;filter:brightness(0) invert(1)}
.preview-icon{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.preview-destination{display:flex;align-items:center;gap:10px;min-height:42px;margin:5px 0;padding:10px;border-radius:7px}.preview-destination span{width:20px;font-size:17px;text-align:center}.preview-destination b{margin-left:auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--journey-mint);color:#173449;font-size:10px}.preview-destination.active{background:#29475c}.preview-motto{position:absolute;bottom:17px;left:18px;right:12px;margin:0;color:#84a5b5;font-size:9px;line-height:1.55}
.client-dashboard{padding:30px 28px 22px;min-width:0;background:var(--journey-paper)}
.client-dashboard-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.client-dashboard h2{margin:0 0 5px;font-size:25px;letter-spacing:-.04em}.client-dashboard-heading p{margin:0;color:#6b7c8c;font-size:11px}.client-dashboard-heading button{border:1px solid #d2dfe5;border-radius:7px;background:#fff;color:#233b4e;padding:11px 14px;font-size:10px;font-weight:700}
.portfolio-tabs{display:flex;align-items:center;gap:22px;margin-top:23px;padding:9px 12px;background:#f1f6f8;border:1px solid #dfe8ec;border-radius:8px;color:#53687a;font-size:9px}.portfolio-tabs strong{padding:7px 10px;border-radius:5px;background:#dbeaff;color:#183a55}.portfolio-tabs i{font-style:normal;margin-left:4px}.portfolio-tabs>b{margin-left:auto;font-size:9px}
.property-row{display:grid;grid-template-columns:68px minmax(120px,.85fr) minmax(250px,1.35fr);gap:13px;align-items:center;padding:11px 0;border-bottom:1px solid #e0e7ea}.property-photo{height:58px;border-radius:6px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #172e3d15}.roof-photo{background-image:url('/marketing/assets/demo-aerial.png')}.owner-photo{background-image:url('/marketing/assets/demo-aerial.png');background-position:25% 45%}.inspection-photo{background-image:url('/marketing/assets/demo-aerial.png');background-position:75% 60%}.property-name{display:flex;flex-direction:column;gap:4px;min-width:0}.property-name strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-name span{font-size:9px;color:#617586}.property-name small{font-size:8px;color:#76908e}
.property-signal{display:grid;grid-template-columns:30px 1fr 10px;align-items:center;gap:9px;min-height:64px;padding:10px 12px;border-radius:8px}.signal-mint{background:#e1f5ef}.signal-blue{background:#e8f2fd}.signal-amber{background:#fff3dc}.property-signal em{font-style:normal;font-size:20px;text-align:center}.property-signal p{display:flex;flex-direction:column;gap:3px;margin:0}.property-signal strong{font-size:10px}.property-signal span,.property-signal u{font-size:8px;color:#5b6f80}.property-signal u{color:#1d65a3}.property-signal>b{font-size:20px;font-weight:400}.source-notice{margin:12px 0 0;padding:10px 12px;border-radius:6px;background:#edf4f8;color:#718494;font-size:8px}
.workflow-strip{border-top:1px solid #ffffff24;padding:34px clamp(24px,5vw,76px) 42px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:start;background:#0e2637aa}.workflow-strip article{display:flex;gap:15px;min-height:80px;padding:5px 30px;border-left:1px solid #ffffff24}.workflow-strip article:first-child{border-left:0}.workflow-strip .feature-icon{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#27485a;color:var(--journey-mint);font-size:23px}.workflow-strip h3{margin:1px 0 7px;font-size:14px}.workflow-strip p{max-width:260px;margin:0;color:#afc1cc;font-size:11px;line-height:1.55}
.workflow-strip:has(.public-proof){grid-template-columns:repeat(3,1fr) minmax(220px,.9fr)}.workflow-strip .public-proof{align-items:center}.workflow-strip .public-proof h3{color:var(--journey-mint)}.workflow-strip .public-proof p{max-width:310px}.workflow-strip .public-proof strong{color:#f4f7f8;font-size:13px}
.journey-landing .launch-dialog h2{font-size:27px}.journey-landing .launch-dialog p{font-size:12px}.journey-landing .launch-dialog>a{color:var(--paper)}
@media(min-width:901px){.journey-landing{height:100svh;min-height:620px;overflow:hidden}.journey-landing header{height:72px;padding-block:16px}.journey-hero{height:calc(100svh - 206px);min-height:414px;padding-top:18px;padding-bottom:18px;grid-template-columns:minmax(520px,.95fr) minmax(0,1.05fr);gap:clamp(28px,3vw,54px)}.journey-landing h1{max-width:none}.journey-landing h1 span{white-space:nowrap;font-size:clamp(42px,4.25vw,67px)}.journey-landing main>p:not(.journey-eyebrow){margin:18px 0 23px;font-size:clamp(14px,1.25vw,18px)}.journey-eyebrow{margin-bottom:17px!important}.journey-landing .workspace{height:min(470px,calc(100svh - 238px));min-height:398px}.client-dashboard{padding-block:23px 17px}.portfolio-tabs{margin-top:17px}.property-row{padding-block:8px}.workflow-strip{height:134px;padding-top:24px;padding-bottom:20px}.workflow-strip h2{font-size:22px}.workflow-strip article{min-height:72px;padding-inline:22px}}
@media(min-width:901px) and (max-width:1240px){.journey-landing header{padding-inline:clamp(24px,4vw,48px)}.journey-hero{width:min(980px,100%);height:calc(100svh - 184px);min-height:548px;padding:20px clamp(28px,4vw,48px) 16px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(290px,470px);gap:18px;align-content:center}.journey-landing main{width:min(880px,100%)}.journey-eyebrow{margin-bottom:10px!important}.journey-landing h1 span{font-size:clamp(39px,6vw,60px)}.journey-landing main>p:not(.journey-eyebrow){max-width:760px;margin:11px 0 15px;line-height:1.4}.journey-landing main form{max-width:620px}.journey-landing .under-search{margin-top:8px}.journey-landing .stage{width:min(900px,100%);margin:0 auto;align-self:stretch}.journey-landing .workspace{height:100%;min-height:290px}.workflow-strip{height:112px;padding:17px clamp(18px,3vw,34px) 14px}.workflow-strip:has(.public-proof){grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-strip article{min-height:66px;padding-inline:clamp(10px,1.5vw,18px)}}
@media(min-width:901px) and (max-width:1240px) and (max-height:820px){.journey-hero{height:calc(100svh - 172px);min-height:520px;grid-template-rows:auto minmax(270px,1fr);padding-top:12px;padding-bottom:10px;gap:10px}.journey-eyebrow{display:none}.journey-landing main>p:not(.journey-eyebrow){margin-block:8px 10px;font-size:14px}.journey-landing .under-search{display:none}.journey-landing .workspace{min-height:270px}.workflow-strip{height:100px;padding-block:12px 10px}.workflow-strip article{min-height:58px}}
@media(max-width:900px) and (min-width:621px){.journey-hero{grid-template-columns:1fr;padding-top:30px}.journey-landing main{max-width:720px}.journey-landing .stage{width:min(850px,100%);margin:10px auto 0}.workflow-strip,.workflow-strip:has(.public-proof){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.journey-landing{height:100svh;min-height:620px;overflow:hidden}.journey-landing header{height:70px;padding:15px 14px}.journey-landing .brand{font-size:15px}.journey-landing .brand img{width:27px}.journey-landing .launch-nav{gap:12px}.journey-landing .launch-nav .product-link{display:none}.journey-landing .launch-nav a,.journey-landing .launch-nav button{font-size:10px}.journey-hero{height:calc(100svh - 182px);min-height:438px;display:grid;grid-template-rows:auto minmax(190px,1fr);align-content:stretch;padding:20px 16px 13px}.journey-eyebrow{margin-bottom:12px!important;font-size:7px!important;letter-spacing:.18em}.journey-landing h1 span{white-space:nowrap;font-size:clamp(27px,8vw,34px)}.journey-landing main>p:not(.journey-eyebrow){font-size:11px;line-height:1.45;margin:12px 0 14px}.journey-landing main form{display:flex;margin:0;padding:5px}.journey-landing main form input{font-size:12px;padding:10px 0}.journey-landing main form button{padding:11px 9px;font-size:9px}.journey-landing .under-search{margin-top:8px}.journey-landing .sample-link{min-height:30px;padding:5px 0;font-size:9px}.journey-landing .stage{align-self:center;width:108%;margin:18px -4% 0}.journey-landing .stage::before{transform:translate(-7px,-9px) rotate(-1deg)}.journey-landing .workspace{height:min(230px,29svh);min-height:190px;grid-template-columns:68px minmax(0,1fr);border-radius:9px;transform:rotate(1.1deg) rotateY(-3deg)}.journey-landing .preview-nav{padding:9px 5px}.preview-brand{font-size:6px;gap:3px;margin:0 1px 8px}.preview-brand img{width:13px}.preview-destination{gap:3px;min-height:22px;margin:1px 0;padding:4px;font-size:5.5px}.preview-destination span{width:10px;font-size:8px}.preview-destination b{width:11px;height:11px;font-size:5px}.preview-motto{display:none}.client-dashboard{padding:10px 8px 7px}.client-dashboard h2{font-size:12px}.client-dashboard-heading p{font-size:5.5px}.client-dashboard-heading button{padding:5px;font-size:5px}.portfolio-tabs{gap:5px;margin-top:7px;padding:3px;font-size:4.5px}.portfolio-tabs strong{padding:3px}.portfolio-tabs>b{display:none}.property-row{grid-template-columns:28px minmax(58px,.8fr) minmax(105px,1.3fr);gap:4px;padding:3px 0}.property-photo{height:27px}.property-name{gap:1px}.property-name strong{font-size:5.2px}.property-name span,.property-name small{font-size:4.3px}.property-signal{grid-template-columns:13px 1fr 4px;gap:3px;min-height:29px;padding:3px}.property-signal em{font-size:8px}.property-signal strong{font-size:4.8px}.property-signal span,.property-signal u{font-size:4px}.property-signal>b{font-size:8px}.source-notice{margin-top:3px;padding:3px;font-size:4px}.workflow-strip{height:112px;grid-template-columns:repeat(3,1fr);grid-template-rows:24px 1fr;padding:8px 10px 10px}.workflow-strip h2{grid-column:1/-1;margin:0;font-size:16px}.workflow-strip article,.workflow-strip article:nth-of-type(1){display:flex;align-items:center;min-height:0;gap:6px;border-top:0;border-left:1px solid #ffffff20;padding:5px 8px}.workflow-strip article:nth-of-type(1){border-left:0}.workflow-strip .feature-icon{flex-basis:24px;height:24px;border-radius:5px;font-size:14px}.workflow-strip h3{margin:0;font-size:7.5px}.workflow-strip p{display:none}.journey-landing:has(.property-preview:not([hidden])){height:auto;overflow-y:auto}.journey-landing:has(.property-preview:not([hidden])) .journey-hero{height:auto;min-height:100svh}}
@media(max-width:620px){.journey-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.workflow-strip,.workflow-strip:has(.public-proof){grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}}
@media(prefers-reduced-motion:reduce){.journey-landing .workspace{transform:rotate(1deg)}}