/* Presentation layer: centered composition and a narrated video overview. */
.video-panel video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#102641}.video-transcript{padding:13px 24px;background:#0b1e35;color:#c1d1e4;font-size:12px}.video-transcript summary{cursor:pointer;text-align:center}.video-transcript p{color:#c1d1e4;line-height:1.8;max-width:850px;margin:15px auto}.video-transcript summary:focus-visible{outline:2px solid #f4b26f;outline-offset:4px}
:root{--ink:#112642;--muted:#52647a;--blue:#1658bb;--teal:#137d83;--line:#d5deea;--pale:#f1f5fa;--orange:#e58934}
html{scroll-padding-top:105px}body{background:#fbfcfe}.wrap{max-width:1160px;width:calc(100% - 64px)}
h2{font-size:clamp(28px,3vw,39px);line-height:1.18;letter-spacing:-.04em}h3{font-size:21px;line-height:1.25}
header.site{background:#fffffff5;backdrop-filter:blur(15px)}.site-row{min-height:92px;gap:30px;padding:0}.brand-logo{width:96px;height:84px;object-fit:contain}.primary-nav{margin:auto;gap:26px}.primary-nav a{font-size:14px}.header-actions{margin:0}.site-cta{font-size:14px;padding:11px 19px}
.btn,.site-cta{border-radius:9px;border-width:1px}.btn{font-size:15px;padding:14px 23px;gap:20px}.btn-primary{box-shadow:0 5px 12px #1658bb18}.btn-ghost{background:white;border-color:#ccd8e9;color:var(--ink)}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--blue);margin:0 0 18px;line-height:1.7}
.hero{padding:52px 0 0;background:radial-gradient(ellipse at 50% 0,#e8f1fc 0,transparent 62%),#fbfcfe}.hero>.wrap{display:block}.ticket{text-align:center;margin:auto;max-width:920px}.hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.04;letter-spacing:-.055em;font-weight:750}.hero h1 span{color:var(--blue)}.tagline{max-width:710px;margin:22px auto 0;font-size:18px;line-height:1.65}.hero-actions{justify-content:center;margin-top:26px;gap:12px}.hero-note{font-size:12px;margin:15px 0 0;color:var(--muted)}
.showreel{--progress:0%;max-width:1060px;margin:34px auto 0;border-radius:19px;background:#102641;color:#fff;overflow:hidden;box-shadow:0 22px 45px #10264116;text-align:left;scroll-margin-top:110px}.reel-topline{display:flex;justify-content:space-between;gap:15px;padding:18px 26px;border-bottom:1px solid #ffffff16;font-size:9px;letter-spacing:.15em;color:#bfd0e4;font-weight:600}.reel-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center;padding:32px 44px 38px;min-height:335px;background:radial-gradient(ellipse at 90% 60%,#254f733d,transparent 65%)}.reel-copy{min-width:0}.reel-copy .eyebrow{color:#f3b16a;font-size:10px;margin-bottom:12px}.reel-copy h2{font-size:clamp(27px,3vw,38px);white-space:pre-line;line-height:1.13;letter-spacing:-.035em;min-height:86px}.reel-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#c0cfdf;max-width:350px;min-height:72px;margin:16px 0}.reel-tag{display:inline-block;color:#c8e5ed;font-size:10px;letter-spacing:.035em;border:1px solid #8db5c838;border-radius:5px;padding:7px 10px}
.reel-art{position:relative;min-width:0;padding-bottom:10px}.demo-window{border:1px solid #ffffff40;border-radius:10px;overflow:hidden;background:#f6f8fb;box-shadow:0 14px 40px #0003;transform:perspective(1000px) rotateY(-4deg);color:var(--ink)}.demo-toolbar{background:#e9eef5;height:28px;display:flex;align-items:center;gap:4px;padding:0 12px}.demo-toolbar i{width:5px;height:5px;background:#a9b8cb;border-radius:50%}.demo-toolbar i:first-child{background:#efb171}.demo-toolbar>span{font-size:7px;letter-spacing:.14em;margin:auto;color:#607087}.demo-scene{height:235px;position:relative}.demo-search{padding:17px}.search-bar{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e0e6ee;border-radius:6px;padding:8px 12px;font-size:10px}.search-bar span:first-child{font-size:19px;color:var(--blue)}.search-bar span:last-child{margin-left:auto;color:#6a7b91}.map-art{position:relative;height:92px;margin:10px 0;border-radius:5px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 26px,#fff 26px 30px),repeating-linear-gradient(90deg,#e4ebe7 0 47px,#fff 47px 52px)}.map-art::after{content:'';position:absolute;width:130%;height:13px;background:#c8dbe7;transform:rotate(-20deg);left:-10%;top:36px}.map-label{position:absolute;font-size:7px;letter-spacing:.18em;bottom:8px;right:8px;z-index:1;color:#667f70}.map-pin{position:absolute;top:18px;left:43%;z-index:2;border:4px solid white;color:var(--blue);width:27px;height:27px;border-radius:50%;background:white;box-shadow:0 3px 7px #1233;text-align:center;font-size:17px;line-height:18px}.map-pin.secondary{left:70%;top:43px;color:var(--orange);width:21px;height:21px;font-size:12px;line-height:12px}.listing{display:flex;gap:10px;align-items:center;background:#fff;padding:10px;border-radius:6px;box-shadow:0 3px 9px #1026410a}.business-icon{background:var(--blue);color:white;font-size:11px;padding:10px;border-radius:5px}.listing strong{display:block;font-size:10px}.listing small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.listing-arrow{margin-left:auto;color:var(--blue)}
.mini-nav{display:flex;justify-content:space-between;padding:13px 18px;font-size:8px}.mini-nav strong{letter-spacing:.06em}.mini-nav strong span{color:var(--orange)}.mini-nav>span{color:#79869a}.mini-hero{padding:15px 22px;position:relative;background:#e8edf2;height:159px;overflow:hidden}.mini-hero>small{display:block;font-size:6px;letter-spacing:.1em;color:#6d7b8a}.mini-hero>strong{display:block;font-size:25px;line-height:1.07;letter-spacing:-.05em;margin-top:7px;position:relative;z-index:1}.mini-button{display:inline-block;background:var(--blue);color:white;font-size:7px;padding:7px 10px;border-radius:4px;margin-top:10px;position:relative;z-index:1}.mini-house{position:absolute;right:28px;bottom:13px;width:130px;height:87px;background:#b5c4ce;transform:skewY(-7deg);border-right:25px solid #94aab9}.mini-house::before{content:'';position:absolute;left:-14px;top:-43px;border-left:65px solid transparent;border-right:65px solid transparent;border-bottom:44px solid #d18a53}.mini-house i{position:absolute;bottom:0;left:42px;width:26px;height:52px;background:#233e57}.mini-house b{position:absolute;bottom:21px;left:8px;width:22px;height:23px;background:#f8d4a1}.mini-bottom{display:flex;justify-content:space-around;font-size:8px;padding:12px;color:#536980}.message-card{padding:20px 25px;text-align:center}.message-icon{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;color:white;background:var(--teal);margin-right:8px}.message-card>small{font-size:7px;letter-spacing:.07em}.message-card>strong{display:block;font-size:24px;line-height:1.1;margin:13px 0 12px;letter-spacing:-.04em}.message-line{font-size:8px;border-bottom:1px solid #dbe2eb;padding:6px 0;text-align:left;max-width:240px;margin:auto;color:#66788c}.message-line span{float:right;color:var(--ink)}.message-card .mini-button{font-size:9px;padding:9px 16px}
.reel-float{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:7px;background:#fff;color:#24425e;box-shadow:0 5px 20px #0002;padding:9px 13px;border-radius:6px;font-size:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:#20877e}.reel-controls{display:flex;align-items:center;gap:18px;padding:13px 25px;background:#0b1e35}.reel-controls button{background:transparent;border:0;color:#c1d1e4;cursor:pointer;font:600 11px 'Work Sans',sans-serif;padding:9px 8px;border-radius:5px}.reel-controls button:focus-visible{outline:2px solid #f4b26f;outline-offset:2px}#reel-play{min-width:130px;text-align:left;color:white}.reel-chapters{display:flex;justify-content:center;gap:8px;margin:auto}.reel-chapters button{min-width:94px}.reel-chapters button[aria-pressed=true]{background:#ffffff14;color:#ffba77}.reel-chapters span{margin-left:5px}.reel-time{font-size:9px;color:#a9bdd4;font-variant-numeric:tabular-nums}.reel-progress{height:3px;background:#253c54}.reel-progress span{display:block;width:var(--progress);height:100%;background:#f1a55e}.demo-disclosure{text-align:center;background:#0b1e35;color:#a2b4c9;font-size:9px;margin:0;padding:9px 12px}
.hero-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 36px;font-size:11px;font-weight:600;color:#66788e;margin:27px auto 0;padding:0 0 28px;border-bottom:1px solid #e1e7ef}.hero-benefits span::before{content:'✓';color:var(--teal);margin-right:7px}
.pain,.services,.addons,.outreach,.process,.pricing,.area,.request-section,.faq{padding:50px 0}.pain{text-align:center}.pain h2{max-width:800px;margin:auto}.pain p:not(.eyebrow){max-width:610px;margin:17px auto 0;font-size:16px;line-height:1.7}.pain .eyebrow{max-width:none;margin-bottom:14px;font-size:10px}.service-picker{padding:16px 0;background:#fff;border-top:1px solid #e3e9f0;border-bottom:1px solid #e3e9f0}.picker-row{max-width:900px;gap:20px}.service-picker h2{font-size:19px}.service-picker p{font-size:13px}#service-dropdown summary{border-width:1px;border-color:#c7d5e7;font-size:13px;padding:10px 14px;border-radius:8px}.picker-menu{z-index:7}
.section-head,.process h2,.pricing h2,.area h2,.faq h2{text-align:center}.section-head{margin-bottom:25px}.services>.wrap{grid-template-columns:repeat(4,1fr);gap:16px}.services .section-head{margin:0 auto 13px;max-width:700px}.services,.process,.area{background:#f1f5fa}.service-card{padding:24px 21px;border:1px solid #dbe3ee;border-top:3px solid var(--blue);border-left:1px solid #dbe3ee;border-radius:11px;box-shadow:0 4px 12px #10264103}.service-card.build{border-left-color:#dbe3ee;border-top-color:var(--teal)}.service-card p{font-size:14px;line-height:1.75;margin:12px 0 0}.service-card h3{font-size:19px}.selectable-card .card-select{font-size:12px;padding-top:22px}.addons{padding-bottom:28px}.addon-list{gap:16px;margin:0}.addon-list li{border:1px solid #dce5ef;border-radius:11px;padding:23px;text-align:center;background:#fff;font-size:14px}.addon-list strong{font-size:18px}.addon-list p{line-height:1.7}.addon-list .card-select{align-self:center}.outreach{padding-top:24px}.outreach>.wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:center;background:#eaf1f9;border-radius:14px;padding:30px 35px}.outreach h2{text-align:left;font-size:27px;margin:0;grid-column:1}.outreach-lead{font-size:14px;line-height:1.7;margin:10px 0 0;grid-column:1}.outreach .service-card{grid-column:2;grid-row:1/3}
.steps{gap:18px;margin-top:28px}.step{display:block;text-align:center;padding:20px 22px;background:#fff;border-radius:11px;border:1px solid #dde5ee}.step-num{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 14px;font-size:15px;border-radius:50%;background:#eef3fa}.step h3{font-size:19px}.step-body p{font-size:14px;line-height:1.7;margin-top:9px}.price-grid{gap:16px}.price-card{text-align:center;padding:44px 20px 22px;border:1px solid #d6e0ed;border-radius:11px}.price-card.featured{border:2px solid var(--blue);box-shadow:0 8px 20px #1658bb0d}.price-card.featured::before{font-size:8px;border:0;background:#eaf1fc;padding:4px 12px;top:12px}.amount{font-size:38px}.amount small{font-size:12px;margin-top:4px}.label{font-size:10px;letter-spacing:.08em}.desc{font-size:13px;line-height:1.7}.price-card .card-select{align-self:center;background:#eef3fa;border-radius:6px;width:100%;padding:10px;margin-top:auto}.price-card.featured .card-select{background:var(--blue);color:white}
.request-section{background:#edf3fa}.request-intro{text-align:center;margin-bottom:26px}.request-intro .eyebrow{font-size:10px;margin-bottom:12px}.request-intro p:last-child{font-size:15px}.opt-card{max-width:730px;margin:auto;padding:30px;border:1px solid #d6e0ed;border-radius:13px;box-shadow:0 10px 25px #10264105;scroll-margin-top:115px}.opt-card h2{text-align:center;font-size:24px}.opt-lead{text-align:center;max-width:530px;margin:10px auto 23px;font-size:14px;line-height:1.6}.opt-form{gap:16px}.opt-form label{font-size:13px}.opt-form input:not([type=checkbox]),.opt-form textarea{font-size:16px;border-color:#c8d4e2;border-radius:7px}.opt-form input:not([type=checkbox]){height:46px}.opt-form textarea{min-height:82px}.phone-note,.consent-links{font-size:11px}.opt-form .consent{font-size:11px;line-height:1.6}.consent input{width:17px;height:17px}.opt-form button[type=submit]{justify-self:stretch}.request-selection{padding:12px}.request-selection h3{font-size:14px}.request-selection p{font-size:12px}.contact-actions{justify-content:center;gap:13px;font-size:12px;margin-top:24px}.contact-actions a{text-decoration:none}.area{background:#fbfcfe;padding-bottom:35px}.area h2{font-size:25px;max-width:650px;margin:auto}.chips{justify-content:center;gap:8px;margin-top:20px}.chip{font-size:12px;border-color:#d9e1ec;background:#fff;padding:6px 14px}.faq{padding-top:25px}.faq>.wrap{max-width:820px}.faq h2{font-size:29px;margin-bottom:24px}.faq details{padding:18px 0}.faq summary{font-size:15px}.faq p{font-size:14px;line-height:1.8}footer.site{font-size:12px;background:white;padding:22px 0}.footer-row{align-items:center}
@keyframes demo-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.demo-scene:not([hidden]){animation:demo-enter .55s ease both}.reel-stage[data-scene="0"] .listing{animation:demo-enter .7s .15s ease both}.reel-stage[data-scene="1"] .mini-house{animation:demo-enter .7s ease both}.reel-stage[data-scene="2"] .message-card{animation:demo-enter .7s ease both}.btn,.site-cta{transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}}
@media(max-width:1000px){.site-row{gap:15px}.primary-nav{gap:17px}.primary-nav a{font-size:12px}.site-cta{font-size:12px}.services>.wrap{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr 1fr}.reel-stage{padding:28px;gap:25px}.reel-copy h2{font-size:30px}.reel-copy>p:not(.eyebrow){font-size:13px}.mini-house{right:10px;width:100px}.mini-house::before{border-left-width:52px;border-right-width:52px}.mini-hero>strong{font-size:23px}.reel-chapters button{min-width:70px}.reel-controls{gap:8px}}
@media(max-width:800px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.site-row{padding:4px 0 10px;gap:3px}.brand-logo{height:70px;width:83px}.primary-nav{order:3;justify-content:center;gap:25px;overflow:visible;margin:0;padding:5px 0;width:100%}.primary-nav a{font-size:12px}.header-actions{margin-left:auto}.hero{padding-top:34px}.hero h1{font-size:clamp(40px,7vw,57px)}.tagline{font-size:16px;max-width:560px}.desktop-break{display:none}.eyebrow{font-size:9px;letter-spacing:.12em}.showreel{margin-top:28px}.reel-stage{grid-template-columns:1fr;gap:24px;padding:24px;min-height:0}.reel-copy{text-align:center}.reel-copy h2{min-height:0;font-size:31px}.reel-copy>p:not(.eyebrow){max-width:440px;min-height:0;margin:12px auto;font-size:13px}.reel-art{max-width:410px;width:100%;margin:auto}.demo-window{transform:none}.reel-topline{padding:13px 17px;font-size:7px;letter-spacing:.07em}.reel-controls{flex-wrap:wrap;padding:10px 13px}.reel-chapters{order:3;width:100%;gap:6px}.reel-chapters button{flex:1}.reel-time{margin-left:auto}.hero-benefits{gap:10px 20px;font-size:10px;margin-top:23px;padding-bottom:22px}.pain,.services,.addons,.process,.pricing,.request-section,.area{padding:36px 0}.pain p:not(.eyebrow){font-size:14px}.pain .eyebrow{font-size:8px}.picker-row{flex-direction:row;align-items:center;gap:12px}.service-picker h2{font-size:15px}.service-picker p{font-size:11px}#service-dropdown summary{font-size:11px;padding:10px}#selection-count{font-size:9px;margin-left:4px;padding:2px 5px}.picker-menu{left:auto;right:0;width:350px}.steps{grid-template-columns:repeat(3,1fr);gap:10px}.step{padding:18px 12px}.step h3{font-size:16px}.step-body p{font-size:12px}.outreach{padding:0 0 36px}.outreach>.wrap{padding:24px;gap:20px;grid-template-columns:1fr}.outreach h2,.outreach-lead{text-align:center}.outreach .service-card{grid-column:1;grid-row:auto}.outreach-lead{margin:0}.addon-list{grid-template-columns:repeat(3,1fr);gap:10px}.addon-list li{padding:18px 12px;font-size:12px}.addon-list strong{font-size:15px}.faq{padding:20px 0 36px}.faq h2{font-size:25px}.opt-card{scroll-margin-top:20px}.request-intro h2{font-size:31px}.footer-row{justify-content:center;text-align:center}.footer-links{justify-content:center}.mini-house{right:28px;width:130px}.mini-house::before{border-left-width:65px;border-right-width:65px}}
@media(max-width:520px){.hero-actions{gap:9px}.hero-actions .btn{font-size:12px;padding:12px 14px;gap:10px}.hero-note{font-size:10px}.hero .eyebrow{font-size:8px}.hero h1{font-size:43px}.tagline{font-size:15px}.reel-topline{font-size:6px;gap:6px}.reel-stage{padding:23px 17px}.demo-scene{height:222px}.demo-search{padding:12px}.listing{padding:8px;gap:7px}.listing strong{font-size:8px}.listing small{font-size:7px}.business-icon{font-size:9px;padding:9px}.mini-hero{height:148px;padding:12px 16px}.mini-hero>strong{font-size:22px}.mini-house{right:14px;width:105px;height:76px}.mini-house::before{border-left-width:53px;border-right-width:53px}.reel-float{font-size:8px;padding:8px 10px}.services>.wrap{gap:10px}.service-card{padding:19px 15px}.service-card h3{font-size:17px}.service-card p{font-size:12px;line-height:1.7}.section-head{font-size:28px}.picker-row{flex-direction:column;text-align:center}.picker-menu{text-align:left;right:50%;transform:translateX(50%);width:calc(100vw - 36px)}.addon-list,.steps{grid-template-columns:1fr}.addon-list li{padding:17px;font-size:14px}.addon-list strong{font-size:17px}.step{display:flex;text-align:left;align-items:flex-start;gap:14px;padding:19px}.step-num{flex-shrink:0;margin:0}.step h3{font-size:17px}.step-body p{font-size:13px}.price-grid{gap:10px}.price-card{padding:43px 13px 18px}.amount{font-size:33px}.desc{font-size:12px}.label{font-size:9px}.opt-card{padding:21px 17px}.contact-actions{font-size:11px;gap:9px}.area h2{font-size:23px}}
@media(max-width:350px){.primary-nav{gap:14px}.hero h1{font-size:37px}.services>.wrap,.price-grid{grid-template-columns:1fr}.mini-house{right:4px;width:82px}.mini-house::before{border-left-width:42px;border-right-width:42px}}
@media(prefers-reduced-motion:reduce){.demo-scene,.listing,.mini-house,.message-card{animation:none!important}.demo-window{transform:none}.btn,.site-cta{transition:none}}