:root{--paper:#f7f7f2;--ink:#292421;--muted:#68635e;--line:#dcdcd4;--accent:#ecebe3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{filter:brightness(0);display:block;width:126px;height:auto}nav{display:flex;gap:33px;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:white;padding:19px 23px;border-radius:5px;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#4d4846;transform:translateY(-2px)}.button.small{font-size:14px;padding:14px 18px;gap:27px}.menu-toggle{display:none}.hero{padding-top:83px;padding-bottom:74px}.eyebrow{font-size:13px;letter-spacing:.09em;text-transform:uppercase;line-height:1.7;margin:0 0 30px}.hero h1{font-size:clamp(48px,6.35vw,87px);line-height:1.055;font-weight:400;letter-spacing:-.055em;margin:0;max-width:1100px}.hero h1 span{color:#827d76}.intro{max-width:580px;font-size:18px;line-height:1.6;margin:30px 0 0;color:#5e5953}.actions{display:flex;align-items:center;gap:32px;margin-top:29px}.text-link{font-size:14px;display:inline-block;line-height:1.6}.actions .text-link{display:flex;gap:18px}.landscape-image{height:455px;position:relative;overflow:hidden;border-radius:7px;background:#d6b59b}.landscape-image>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:75px 35px 28px;display:flex;justify-content:space-between;background:linear-gradient(transparent,rgba(32,25,20,.65));color:white;font-size:15px}.proof{padding:73px 0 80px;border-bottom:1px solid var(--line)}.proof>.eyebrow{text-align:center;color:var(--muted);text-transform:none;letter-spacing:0;font-size:16px;margin-bottom:40px}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats>div+div{border-left:1px solid var(--line)}.stats strong{font-size:62px;font-weight:400;letter-spacing:-.06em}.stats strong span{font-size:41px;color:#9b958c}.stats p{font-size:14px;color:var(--muted);margin:13px 0 0}.services{padding-top:100px;padding-bottom:105px}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:0 80px;align-items:end}.section-head .eyebrow{grid-column:1/-1;margin-bottom:24px}h2{font-size:clamp(35px,3.7vw,51px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:0}.section-head>p:last-child{font-size:16px;line-height:1.65;color:var(--muted);max-width:400px;margin:0}.service-list{margin-top:53px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:30px;align-items:center;padding:28px 0;font-size:24px;cursor:pointer;letter-spacing:-.025em}summary::-webkit-details-marker{display:none}.number{font-family:monospace;font-size:13px;color:#79746d;width:45px;letter-spacing:0}.plus{margin-left:auto;font-size:25px;font-weight:300}details[open] .plus{transform:rotate(45deg)}.detail{padding:0 0 33px 75px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.detail>p{font-size:20px;letter-spacing:-.02em;margin:7px 0}.detail>div>p{font-size:16px;color:var(--muted);line-height:1.65;margin:0 0 18px;max-width:430px}.relationship{background:var(--accent)}.relationship-inner{display:grid;grid-template-columns:1fr 1.5fr;padding-top:90px;padding-bottom:90px}.relationship h2{margin-bottom:28px}.relationship p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:570px;color:var(--muted)}.relationship .text-link{margin-top:15px}.closing{padding-top:110px;padding-bottom:110px;text-align:center}.closing h2{font-size:clamp(42px,5.3vw,72px)}.closing .button{margin-top:35px}footer{border-top:1px solid var(--line);padding-top:48px}.footer-top{display:flex;align-items:flex-start;gap:60px}.footer-top>p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.footer-top>div{margin-left:auto;display:flex;gap:25px;font-size:14px}.footer-bottom{display:flex;gap:30px;margin-top:70px;padding-bottom:28px;color:var(--muted);font-size:12px}.footer-bottom a:last-child{margin-left:auto}.skip{position:fixed;top:-70px;padding:15px;background:var(--ink);color:white;z-index:20}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a25d35;outline-offset:5px}#mobile-nav[hidden]{display:none}@media(min-width:1600px){.hero{padding-top:110px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{height:85px;gap:12px}.brand img{width:105px}header nav,header .button{display:none}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:10px 14px;border-radius:4px;font-size:14px}#mobile-nav{padding:15px 20px 25px;display:flex;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.hero{padding-top:55px;padding-bottom:45px}.eyebrow{font-size:12px;margin-bottom:24px}.hero h1{font-size:clamp(40px,8.4vw,64px)}.desktop-break{display:none}.intro{font-size:16px;max-width:530px;margin-top:25px}.actions{gap:20px;flex-wrap:wrap}.button{padding:17px 20px;gap:22px}.landscape-image{height:340px}.image-caption{padding:70px 20px 22px;font-size:13px;gap:20px}.proof{padding:48px 0}.proof>.eyebrow{font-size:14px}.stats strong{font-size:42px}.stats strong span{font-size:28px}.stats p{font-size:12px;line-height:1.5;padding:0 8px}.services{padding:65px 0}.section-head{display:block}.section-head>p:last-child{margin-top:24px;max-width:550px}.service-list{margin-top:35px}summary{font-size:20px;gap:16px;padding:25px 0}.number{width:25px}.detail{padding-left:41px;display:block}.detail>p{font-size:18px;margin:0 0 14px}.detail>div>p{font-size:15px}.relationship-inner{display:block;padding-top:60px;padding-bottom:60px}.relationship-inner>.eyebrow{margin-bottom:26px}.closing{padding-top:75px;padding-bottom:75px}.footer-top{flex-wrap:wrap;gap:24px}.footer-top>div{margin-left:0;width:100%;flex-wrap:wrap;padding-top:10px;gap:22px}.footer-top>p{font-size:12px}.footer-bottom{margin-top:45px;gap:15px;flex-wrap:wrap}.footer-bottom a:last-child{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Expanded service narrative */
.stats{grid-template-columns:repeat(4,1fr)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}.benefits article{border-top:1px solid var(--line);padding-top:25px}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;font-weight:400;margin:18px 0 12px}.benefits p,.feature p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted)}.benefits .number{width:auto;white-space:nowrap;font-size:12px}.feature-band{background:#efefe8}.feature{display:grid;grid-template-columns:1.15fr 1fr;gap:110px;padding-top:100px;padding-bottom:100px}.feature-copy>p:not(.eyebrow){max-width:480px;margin:28px 0 24px}.feature-copy h2{max-width:600px}.feature-points article{padding:0 0 22px;margin-bottom:25px;border-bottom:1px solid var(--line)}.feature-points article:last-child{margin-bottom:0}.feature-points h3{margin-top:0}.feature-points p{margin-bottom:0}.specialty{padding:95px 0;background:#292d2b;color:#f7f7f2}.specialty h2{font-size:clamp(44px,5.2vw,70px)}.specialty-intro{font-size:18px;line-height:1.65;max-width:590px;color:#d0d3cd;margin-top:30px}.specialty .benefits{margin-top:45px;margin-bottom:35px}.specialty .benefits article{border-color:#5b6059}.specialty .benefits p{color:#d0d3cd}.specialty .button{background:var(--paper);color:var(--ink)}
@media(max-width:1000px){.feature{gap:50px}.stats strong{font-size:48px}.benefits{gap:28px}header nav{gap:20px}}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr);gap:30px 0}.stats>div:nth-child(3){border-left:0}.stats p{font-size:14px}.feature{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:38px}.feature-copy>p:not(.eyebrow){max-width:none}.benefits{grid-template-columns:1fr;gap:18px;margin-top:38px}.benefits article{padding-top:18px}.benefits h3{margin-top:12px}.specialty{padding:65px 0}.feature-points h3{font-size:21px}.image-caption{flex-wrap:wrap}.footer-top>p{font-size:14px}}

/* Centered opening inspired by the supplied reference */
body{background:#fff}.hero{text-align:center;padding-top:65px;padding-bottom:70px}.hero>.eyebrow{display:inline-block;background:#817b86;color:#fff;border-radius:999px;padding:7px 16px;font-size:12px;letter-spacing:.025em;margin-bottom:34px;text-transform:none}.hero h1{max-width:1000px;margin:0 auto;font-size:clamp(42px,5.05vw,72px);line-height:1.08;letter-spacing:-.055em}.hero h1 span{color:var(--ink)}.hero .intro{max-width:760px;margin:32px auto 0;font-size:20px;line-height:1.55;color:#817e7c}.hero .actions{justify-content:center;margin-top:32px}.hero .button{border-radius:999px;padding:14px 25px;font-size:17px}.trust-line{text-align:center;padding-top:62px;padding-bottom:90px;color:var(--muted);border-bottom:1px solid #e8e8e5}.trust-line p{font-size:15px;margin:0 0 22px}.trust-line span{font-size:18px;letter-spacing:.015em;color:#898581}.proof{padding-top:90px;padding-bottom:0;border-bottom:0}.proof h2{font-size:clamp(34px,3.25vw,46px);margin-bottom:50px;max-width:720px}.stats{text-align:left;gap:32px}.stats>div+div{border:0}.stats strong{font-size:clamp(48px,5.2vw,74px);color:#191817}.stats strong span{color:inherit;font-size:.7em}.stats p{font-size:15px;line-height:1.5;margin-top:12px;color:var(--ink)}.services{padding-top:48px;padding-bottom:85px;display:flex;flex-direction:column}.services .benefits{order:-1;margin-top:0;margin-bottom:80px;gap:0;border-top:1px solid var(--line)}.services .benefits article{border-top:0;padding:28px 30px 10px}.services .benefits article:first-child{padding-left:0}.services .benefits article+article{border-left:1px solid var(--line)}.services .benefits p{color:#817e7c}.services .section-head{padding-top:0}.landscape{padding-top:30px;padding-bottom:65px}.landscape-image{height:350px}
@media(min-width:1600px){.hero{padding-top:75px}}
@media(max-width:800px){.hero{padding-top:45px;padding-bottom:30px}.hero>.eyebrow{font-size:12px;padding:7px 12px;max-width:100%}.hero h1{font-size:clamp(38px,7.8vw,62px);line-height:1.12}.hero .intro{font-size:17px;max-width:600px;margin-top:25px}.hero .actions{margin-top:27px}.trust-line{padding-top:45px;padding-bottom:55px}.trust-line span{font-size:16px}.proof{padding-top:55px;padding-bottom:0}.proof h2{margin-bottom:35px}.stats{gap:28px 18px}.stats strong{font-size:48px}.stats p{padding:0;font-size:14px}.services{padding-top:35px;padding-bottom:55px}.services .benefits{margin-bottom:50px}.services .benefits article,.services .benefits article:first-child{padding:24px 0}.services .benefits article+article{border-left:0;border-top:1px solid var(--line)}.landscape{padding-top:20px;padding-bottom:45px}.landscape-image{height:300px}}

/* OCCO brand color */
:root{--ink:#12213f;--muted:#5e6b80;--line:#dce5ef;--accent:#edf5ff}
.brand{display:inline-flex;background:#112341;padding:10px 14px;border-radius:7px;align-items:center}.brand img{filter:none;width:150px;height:auto}
.button{background:#0666eb;color:#fff;box-shadow:0 5px 16px rgba(6,102,235,.12)}.button:hover{background:#004cba}.hero>.eyebrow{background:#eaf3ff;color:#1857a9;border:1px solid #d6e7ff}.hero h1 span{color:#0666eb}.hero .intro{color:#647187}.trust-line{border-color:var(--line)}.trust-line span{color:#0666eb}.stats strong{color:#0666eb}.stats p{color:var(--ink)}.eyebrow,.number{color:#1761bd}.text-link{color:#075dce}.feature-band{background:#f0f6ff}.feature-points h3{color:#193b6d}.services .benefits .number{color:#0766e6}.services .benefits p{color:var(--muted)}.specialty{background:#102747;color:#fff}.specialty .eyebrow{color:#81bcff}.specialty .benefits p,.specialty-intro{color:#c9d9ec}.specialty .benefits article{border-color:#355170}.specialty .button{background:#0876ff;color:#fff}.relationship{background:#eaf3ff}.closing h2{color:#123b71}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#0876ff}nav a:hover,footer a:hover{color:#0666eb}
@media(max-width:800px){.brand{padding:8px 11px}.brand img{width:125px}}

/* Full-width brand header and landscape */
.header-band{background:#112341;color:#fff;width:100%}.header-band .brand{background:transparent;padding:0;border-radius:0}.header-band .brand img{width:170px}.header-band nav a{color:#edf4ff}.header-band nav a:hover{color:#87c2ff}.header-band .menu-toggle{color:#fff;border-color:#536782}.header-band+.menu-toggle{color:#fff}#mobile-nav{background:#112341;color:#fff;border-color:#354966}.hero-panorama{width:100%;height:clamp(320px,38vw,570px);overflow:hidden;margin:0}.hero-panorama img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 53%}.hero{padding-bottom:65px}.trust-line{padding-top:55px;padding-bottom:65px}
@media(max-width:800px){.header-band .brand img{width:145px}.hero-panorama{height:340px}.hero-panorama img{object-position:58% center}.hero{padding-bottom:45px}.trust-line{padding-top:40px;padding-bottom:45px}}

/* Opening order: header, immersive image, centered copy */
.hero-panorama{height:clamp(500px,calc(100svh - 110px),920px)}.hero-panorama img{object-position:center center}.hero{padding-top:85px;padding-bottom:50px}
@media(max-width:800px){.hero-panorama{height:clamp(360px,65svh,650px)}.hero-panorama img{object-position:58% center}.hero{padding-top:55px;padding-bottom:35px}}

/* Focused, benefit-led opening */
.header-band{background:#101b2c}.header-band header{height:88px}.header-band .brand img{width:152px}.header-band .button.small{border-radius:999px;box-shadow:none;padding:12px 19px}.header-band nav{font-size:14px}
.hero-focus{background:#f5f7fa;text-align:center;padding:76px 0 50px;overflow:hidden}.hero-focus .eyebrow{background:none;border:0;padding:0;margin:0 0 26px;color:#526176;font-size:15px;letter-spacing:.01em;text-transform:none}.hero-focus h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(58px,6.7vw,94px);font-weight:650;line-height:1.02;letter-spacing:-.055em;max-width:1100px;color:#142137}.hero-focus h1 span{color:#0666d9;background:linear-gradient(100deg,#0054ba 5%,#0879ce 55%,#124fa9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-focus .intro{font-size:21px;line-height:1.5;max-width:620px;margin:28px auto 0;color:#526176}.hero-focus .actions{gap:28px;margin-top:29px}.hero-focus .button{padding:14px 25px;font-size:16px;box-shadow:none}.hero-focus .text-link{font-size:17px;display:inline-flex;align-items:center;gap:9px}.hero-signoff{margin:47px 0 0;font-size:14px;color:#637085;line-height:1.5}.trust-line{padding-top:36px;padding-bottom:36px}.trust-line p{margin-bottom:10px}.trust-line span{font-size:16px}
@media(min-width:1600px){.hero-focus{padding-top:92px;padding-bottom:58px}}
@media(max-width:800px){.header-band header{height:78px}.header-band .brand img{width:138px}.hero-focus{padding:54px 0 34px}.hero-focus .eyebrow{font-size:14px;margin-bottom:24px}.hero-focus h1{font-size:clamp(44px,9vw,68px);line-height:1.06;letter-spacing:-.05em}.hero-focus .intro{font-size:18px;max-width:500px;margin-top:24px}.hero-focus .actions{gap:22px;margin-top:26px}.hero-focus .text-link{font-size:16px}.hero-signoff{margin-top:36px;font-size:14px;max-width:300px;margin-left:auto;margin-right:auto}.trust-line{padding-top:28px;padding-bottom:28px}}

/* Colorful service diagrams, grounded in the service narrative */
.stats{gap:18px}.stats>div{padding:25px 22px;border-radius:16px;background:#eff5ff;border-top:3px solid #0868e8}.stats>div+div{border-top:3px solid #7944df}.stats>div:nth-child(2){background:#f4efff}.stats>div:nth-child(2) strong{color:#7037c6}.stats>div:nth-child(3){background:#eaf9f5;border-color:#078271}.stats>div:nth-child(3) strong{color:#087c6d}.stats>div:nth-child(4){background:#fff3e8;border-color:#d76516}.stats>div:nth-child(4) strong{color:#b74d0c}
.feature{gap:72px;align-items:start}.feature-copy{padding-top:20px}.feature-band{background:#f6f8fc}.service-visual{margin:0 0 34px;padding:32px;border-radius:22px;overflow:hidden;color:#fff}.service-visual figcaption{font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin-bottom:28px}.visual-note{font-size:14px!important;line-height:1.5!important;text-align:center;margin:20px 0 0!important}.feature .service-visual p{color:inherit}.visibility-visual{background:linear-gradient(135deg,#0742bd,#0870dc)}.orbit-map{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.channel{padding:15px 8px;text-align:center;border:1px solid #81b9ff;border-radius:10px;background:#ffffff12;font-size:14px}.map-core{grid-column:1/-1;grid-row:2;text-align:center;background:white;color:#0958c8;padding:22px;border-radius:14px;width:65%;margin:0 auto;font-size:16px;line-height:1.2;position:relative}.map-core strong{font-size:29px;font-weight:600}.map-core:before,.map-core:after{content:"";position:absolute;width:2px;height:14px;background:#b3d8ff;left:50%}.map-core:before{top:-14px}.map-core:after{bottom:-14px}
.ads-visual{background:#edf4ff;color:#173e70}.conversion-flow{list-style:none;padding:0;margin:0;display:grid;gap:10px}.conversion-flow li{display:flex;align-items:center;gap:20px;padding:17px 20px;background:#1264ca;border-radius:10px;color:white}.conversion-flow li:nth-child(2){width:88%;margin:auto;background:#124f9f}.conversion-flow li:nth-child(3){width:76%;margin:auto;background:#103570}.conversion-flow li>span{font-size:14px;opacity:.85}.service-visual strong{display:block}.service-visual small{display:block;font-size:14px;line-height:1.5;margin-top:4px}.conversion-flow strong{font-size:20px}
.web-visual{background:linear-gradient(130deg,#104f9e,#2582dc)}.journey-window{border-radius:12px;background:white;color:#183e70;overflow:hidden;box-shadow:0 18px 35px #10357033}.window-bar{display:flex;justify-content:space-between;gap:12px;background:#eaf2fc;padding:13px 15px;font-size:12px;color:#3b5d85}.window-bar>span:first-child{color:#2774bd;letter-spacing:3px}.journey-body{padding:27px 24px}.journey-body>strong{font-size:30px;line-height:1.1;letter-spacing:-.035em}.journey-steps{display:flex;gap:5px;margin:24px 0 17px}.journey-steps span{flex:1;padding:10px 5px;background:#e0edfc;font-size:12px;text-align:center;border-radius:5px}.journey-steps span:last-child{background:#1554a0;color:white}.feature .journey-body p{font-size:14px;line-height:1.5;color:#4a6484;margin:0}
.content-visual{background:#eaf2ff;color:#173e70}.content-source{background:#155abd;color:#fff;border-radius:12px;padding:20px;text-align:center;font-weight:600;font-size:25px}.distribution-line{height:27px;width:2px;background:#8ab4ec;margin:auto}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.content-grid>div{padding:20px 16px;background:#fff;border-radius:12px}.content-grid span{font-size:12px;color:#35629c}.content-grid strong{font-size:22px;margin-top:10px}.content-grid small{color:#4a6484}
.consulting-visual{background:#112747}.consulting-path{list-style:none;margin:0;padding:0;display:grid;gap:24px}.consulting-path li{display:flex;align-items:center;gap:20px;position:relative}.consulting-path li>span{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:50%;background:#75baff;color:#123963;font-size:14px;font-weight:bold}.consulting-path li:nth-child(2)>span{background:#a4ceff;color:#173e70}.consulting-path li:nth-child(3)>span{background:#d3e7ff;color:#173e70}.consulting-path li:not(:last-child):after{content:"";position:absolute;left:22px;top:48px;height:20px;width:1px;background:#607493}.consulting-path strong{font-size:20px}.consulting-path small{color:#c1d2e8}.specialty .benefits article{padding:25px;border:1px solid #405475;border-radius:14px;background:#193452}.specialty .benefits article:nth-child(2){border-top:3px solid #80b4ff}.specialty .benefits article:first-child{border-top:3px solid #55a8ff}.specialty .benefits article:last-child{border-top:3px solid #b3d6ff}.landscape-image{height:430px;border-radius:20px}.landscape-image>img{object-position:center 55%}.image-caption{font-size:20px;padding:90px 35px 30px}.relationship{background:#edf3ff}.closing h2{color:#075ccc}
@media(max-width:1000px){.feature{gap:38px}.service-visual{padding:24px}.stats>div{padding:20px 15px}}
@media(max-width:800px){.feature-copy{padding-top:0}.service-visual{max-width:560px;margin-left:auto;margin-right:auto;padding:26px}.stats{gap:14px}.stats strong{font-size:43px}.stats>div+div{border-left:0}.service-visual figcaption{font-size:21px}.image-caption{font-size:17px}.landscape-image{height:330px}.specialty .benefits article{padding:24px}.journey-body{padding:24px 18px}}
@media(max-width:380px){.service-visual{padding:20px}.channel{font-size:13px}.service-visual small{font-size:13px}.journey-steps{flex-wrap:wrap}.journey-steps span{flex-basis:100%}.stats strong{font-size:36px}.conversion-flow li{padding:16px 12px;gap:12px}}

/* Persistent navigation with clear anchor landing positions */
html{scroll-padding-top:112px}.header-band{position:sticky;top:0;z-index:50;box-shadow:0 1px 0 #ffffff14}.skip{z-index:100}
@media(max-width:800px){html{scroll-padding-top:98px}#mobile-nav{position:fixed;top:78px;left:0;right:0;z-index:49;max-height:calc(100dvh - 78px);overflow-y:auto;box-shadow:0 12px 24px #10213f26}}

/* Atmospheric imagery without adding hero height */
.hero-focus{background-color:#f6f8fc;background-image:linear-gradient(180deg,rgba(249,251,255,.93) 0%,rgba(249,251,255,.87) 48%,rgba(249,251,255,.78) 100%),url("red-rock-canyon.webp");background-size:cover;background-position:center 56%}.hero-focus .intro{color:#43536b}.hero-signoff{color:#4b5c73}
.landscape.wrap{width:100%;max-width:none;padding:0;margin:0}.landscape .landscape-image{height:clamp(380px,38vw,590px);border-radius:0}.landscape .image-caption{padding:100px max(48px,calc((100% - 1240px)/2)) 40px;background:linear-gradient(transparent,rgba(13,25,43,.8));font-size:clamp(20px,2vw,29px);line-height:1.3;gap:24px}
@media(max-width:800px){.hero-focus{background-position:58% center;background-image:linear-gradient(180deg,rgba(249,251,255,.94),rgba(249,251,255,.86)),url("red-rock-canyon.webp")}.landscape .landscape-image{height:380px}.landscape .image-caption{padding:90px 20px 30px;flex-direction:column;gap:8px;font-size:22px}}

/* The image continues beneath navigation; scrolling restores a solid header. */
.header-band{position:fixed;inset:0 0 auto;background:transparent;box-shadow:none;transition:background-color .22s ease,box-shadow .22s ease}.header-band.is-scrolled{background:#101b2c;box-shadow:0 2px 16px #06132624}.header-band:not(.is-scrolled) nav a{color:#fff;text-shadow:0 1px 8px #07132480}.header-band:not(.is-scrolled) .menu-toggle{background:#101b2c30;border-color:#b4c2d0;color:#fff}.hero-focus{padding-top:164px;background-image:linear-gradient(180deg,rgba(9,23,42,.78) 0px,rgba(9,23,42,.60) 88px,rgba(249,251,255,.92) 165px,rgba(249,251,255,.87) 55%,rgba(249,251,255,.78) 100%),url("red-rock-canyon.webp")}
@media(min-width:1600px){.hero-focus{padding-top:180px}}
@media(max-width:800px){.hero-focus{padding-top:132px;background-image:linear-gradient(180deg,rgba(9,23,42,.80) 0px,rgba(9,23,42,.62) 78px,rgba(249,251,255,.94) 132px,rgba(249,251,255,.86) 100%),url("red-rock-canyon.webp")}}
@media(prefers-reduced-motion:reduce){.header-band{transition:none}}

/* Keep the introduction close to services after removing the statistics. */
.proof h2{margin-bottom:0}.services{padding-top:38px}
@media(max-width:800px){.services{padding-top:28px}}

/* Immersive opening: retain the landscape's color and contrast. */
.hero-focus{background-color:#14243b;background-image:linear-gradient(180deg,rgba(7,19,36,.70) 0%,rgba(7,19,36,.53) 24%,rgba(7,19,36,.48) 70%,rgba(7,19,36,.67) 100%),url("red-rock-canyon.webp");background-position:center 53%;background-size:cover}.hero-focus h1{color:#fff;text-shadow:0 3px 24px #06132640}.hero-focus h1 span{background:none;-webkit-text-fill-color:currentColor;color:#b8ddff}.hero-focus .eyebrow{color:#e3efff}.hero-focus .intro{color:#f1f5fc;text-shadow:0 2px 12px #06132666}.hero-focus .hero-signoff{color:#e3edfa}.hero-focus .text-link{color:#fff;text-shadow:0 1px 8px #06132680}.hero-focus .button{background:#075dd1;box-shadow:0 6px 24px #04112233}.hero-focus .button:hover{background:#064da9}.hero-focus a:focus-visible{outline-color:#fff}
/* Alpha transition from the white section into the photograph. */
.landscape .landscape-image{background:#fff}.landscape .landscape-image>img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 100%)}
@media(max-width:800px){.hero-focus{background-image:linear-gradient(180deg,rgba(7,19,36,.72),rgba(7,19,36,.55) 35%,rgba(7,19,36,.56) 75%,rgba(7,19,36,.70)),url("red-rock-canyon.webp");background-position:58% center}}

/* Shared Services navigation */
.services-nav{position:relative}.services-toggle{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:#edf4ff;font:inherit;cursor:pointer;line-height:inherit}.services-toggle:hover{color:#87c2ff}.services-toggle span{font-size:16px}.services-dropdown{position:absolute;top:calc(100% + 20px);left:-20px;min-width:235px;padding:10px;background:#101b2c;border:1px solid #354966;border-radius:9px;box-shadow:0 14px 32px #06132633;display:flex;flex-direction:column;gap:2px}.services-dropdown[hidden]{display:none}.header-band .services-dropdown a{display:block;padding:13px 12px;color:#edf4ff;text-shadow:none}.services-dropdown a:hover,.services-dropdown a:focus-visible{background:#193452;border-radius:5px}.services-dropdown a[aria-current="page"]{color:#a4ceff}.services-toggle:focus-visible{outline:2px solid #87c2ff;outline-offset:7px}.mobile-service-link{margin-left:14px;padding-left:15px;border-left:1px solid #536782;font-size:14px;color:#b8ddff}
/* Keep the expanded navigation comfortable on intermediate screens. */
@media(min-width:801px) and (max-width:1100px){header nav,header .button{display:none}.menu-toggle{display:block;border:1px solid #536782;background:transparent;padding:10px 14px;border-radius:4px;font-size:14px;color:#fff}#mobile-nav{position:fixed;top:88px;left:0;right:0;z-index:49;padding:20px 48px;display:flex;flex-direction:column;gap:22px;max-height:calc(100dvh - 88px);overflow-y:auto;background:#112341;color:#fff}}

/* Contact page: email-first inquiry experience */
.contact-primary{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,8vw,120px);align-items:start;padding-top:100px;padding-bottom:110px}.contact-intro{position:sticky;top:138px}.contact-intro>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);max-width:470px;margin:28px 0}.contact-secondary{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.contact-secondary p{font-size:15px!important;line-height:1.7!important;margin:0 0 20px!important}.contact-secondary strong{color:var(--ink);font-weight:600}.contact-secondary a{color:#075dce;font-size:19px}.inquiry-form{background:#f3f7fc;border:1px solid #dbe7f5;border-radius:22px;padding:clamp(28px,4vw,52px);box-shadow:0 24px 55px rgba(18,55,103,.10)}.form-heading{margin-bottom:34px}.form-heading .eyebrow{margin-bottom:10px}.form-heading h2{font-size:clamp(34px,3.5vw,48px)}.inquiry-form label{display:block;margin:0 0 22px;color:#18365f;font-size:15px;font-weight:600}.inquiry-form input,.inquiry-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #b9cbe1;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-weight:400;font-size:16px;padding:15px 16px;outline:none}.inquiry-form textarea{resize:vertical;min-height:150px;line-height:1.55}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#0876ff;box-shadow:0 0 0 3px rgba(8,118,255,.14)}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#8794a6}.optional{float:right;color:#758399;font-size:13px;font-weight:400}.form-submit{border:0;cursor:pointer;width:100%;font-weight:600}.form-note{font-size:13px;line-height:1.5;color:#68768a;text-align:center;margin:15px 10px 0}.hero-contact .actions{justify-content:center}.hero-contact .button{min-width:190px}
@media(max-width:800px){.contact-primary{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:75px}.contact-intro{position:static}.contact-secondary{margin-top:34px}.inquiry-form{padding:28px 22px;border-radius:16px}.form-heading{margin-bottom:28px}}