:root{--navy:#02162b;--navy2:#032544;--navy3:#073967;--blue:#078cf0;--blue2:#2eb5ff;--white:#fff;--ink:#0b2035;--muted:#60758a;--line:#dbe5ef;--soft:#f6f9fc;--shadow:0 16px 38px rgba(0,25,55,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--navy);line-height:1.5}a{text-decoration:none;color:inherit}img{max-width:100%}.site-shell{width:min(1180px,calc(100% - 42px));margin:auto}.site-header{height:72px;background:#010b19;color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{height:56px;display:flex;align-items:center}.brand img{display:block;width:240px;height:56px;object-fit:contain;object-position:left center}.site-header nav{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700}.site-header nav>a:not(.button){color:#eef6fd}.site-header nav>a:hover{color:var(--blue2)}.chev{font-size:10px;color:#83b9df}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.button{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0798f7,#075fd2);border:1px solid transparent;color:#fff;padding:13px 22px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(5,133,239,.28)}.button-outline{background:rgba(2,23,45,.48);border-color:rgba(255,255,255,.72)}.nav-cta{padding:12px 18px}.eyebrow{color:#6dcbff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.eyebrow.blue{color:#0a91ee}.home-hero{height:590px;position:relative;background:url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260') center 48%/cover no-repeat;color:#fff;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,46,.82) 0%,rgba(9,39,73,.68) 34%,rgba(12,49,90,.26) 62%,rgba(12,49,90,.08) 86%),linear-gradient(0deg,rgba(6,28,52,.32),rgba(32,84,139,.06) 58%,transparent 76%)}.hero-inner{position:relative;height:100%;padding-top:53px}.hero-copy{width:58%;max-width:690px}.hero-copy h1{font-size:50px;line-height:1.03;letter-spacing:-.045em;margin:12px 0 16px}.hero-copy h1 span{color:#28acff}.hero-copy p{font-size:14px;color:#e5f0f8;line-height:1.55}.hero-actions{display:flex;gap:12px;margin-top:22px}.hero-checks{display:flex;gap:28px;margin-top:22px;font-size:11px;color:#e6f1f9}.trust-panel{position:absolute;left:0;right:0;bottom:15px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(107,187,244,.42);background:rgba(3,29,55,.91);border-radius:6px;backdrop-filter:blur(7px)}.trust-panel article{display:grid;grid-template-columns:43px 1fr;gap:11px;padding:16px 18px;border-right:1px solid rgba(255,255,255,.16)}.trust-panel article:last-child{border-right:0}.trust-symbol{font-size:29px;color:#fff}.trust-panel h3{font-size:12px;margin:0 0 4px}.trust-panel p{font-size:10px;color:#c5d7e7;margin:0}.section{padding:58px 0}.services-preview,.white-content{background:#fff}.section-heading{text-align:center;max-width:760px;margin:0 auto 30px}.section-heading h2,.resource-head h1{font-size:32px;line-height:1.05;margin:5px 0 8px;letter-spacing:-.025em}.section-heading p{font-size:11px;color:#66788d;margin:0}.section-heading.on-dark h2,.section-heading.on-dark h1{color:#fff}.section-heading.on-dark p{color:#b9cce0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-card{border:1px solid var(--line);background:#fff;text-align:center;padding:22px 14px;box-shadow:0 8px 20px rgba(4,30,58,.05)}.service-card img{width:57px;height:57px}.service-card h3{font-size:14px;line-height:1.2;margin:11px 0 8px}.service-card p{font-size:10px;color:#5f7186;margin:0;min-height:70px}.service-card a{display:inline-block;margin-top:11px;color:#0783df;font-size:9px;font-weight:800;text-transform:uppercase}.plans-preview{background:linear-gradient(180deg,#062d54,#03172d);color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1000px;margin:auto}.plan-card{border:1px solid rgba(94,175,232,.34);padding:20px;text-align:center;background:rgba(4,39,73,.7);min-height:235px}.plan-title{text-transform:uppercase;font-size:11px;font-weight:800}.plan-hours{font-size:31px;font-weight:800;margin:14px 0;line-height:1}.plan-hours small{display:inline-block;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-left:6px}.plan-card p{font-size:11px;color:#d5e4ef;min-height:51px}.plan-card .button{margin-top:10px}.technology-row{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:22px;display:flex;justify-content:center;align-items:center;gap:27px;flex-wrap:wrap;color:#b7c8d8}.technology-row span{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.technology-row b{font-size:16px;color:#aebdca}.pillar-section,.resource-page,.dark-content,.faq-section{background:linear-gradient(180deg,#032344,#02172d);color:#fff}.pillar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.pillar-card{background:#fff;color:var(--ink);border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 28px rgba(0,0,0,.13)}.pillar-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:linear-gradient(180deg,#062a50,#03172d);padding:10px}.pillar-card-body{padding:12px 13px 15px}.pillar-meta{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:8px;color:#087bd2;font-weight:800}.pillar-meta b{color:#0d263d;font-size:11px}.pillar-card h3{font-size:14px;line-height:1.16;min-height:34px;margin:8px 0}.pillar-card p{font-size:10px;color:#455b70;min-height:78px;margin:0}.pillar-card a{display:inline-block;margin-top:12px;color:#087cd6;font-size:9px;font-weight:800;text-transform:uppercase}.insights-preview{background:#03172d;color:#fff;border-top:1px solid rgba(255,255,255,.08)}.featured-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.featured-article{position:relative;display:block;background:linear-gradient(180deg,#062a4e,#05233f);border:1px solid rgba(88,171,231,.3);min-height:190px;overflow:hidden}.featured-article img{position:absolute;left:18px;top:18px;width:42%;height:calc(100% - 36px);object-fit:contain;background:transparent;padding:0;opacity:.18;filter:drop-shadow(0 0 10px rgba(46,181,255,.18))} .featured-article>div{position:relative;z-index:1;padding:18px 18px 18px 47%;}.featured-article .meta,.library-card .meta{color:#45bfff;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.08em}.featured-article h3{font-size:17px;line-height:1.2;margin:7px 0}.featured-article p{font-size:11px;color:#c3d3e2}.featured-article a,.library-card a{color:#28acff;text-transform:uppercase;font-size:9px;font-weight:800}.center-action{text-align:center;margin-top:25px}.cta-band{background:#03172d;padding:22px 0 34px;color:#fff}.cta-inner{min-height:145px;border:1px solid rgba(34,145,223,.33);border-radius:5px;background:linear-gradient(90deg,#07315d,#04233f);display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:24px 30px;overflow:hidden}.cta-inner h2{font-size:25px;margin:0 0 5px}.cta-inner p{font-size:11px;color:#c6d7e7}.cta-inner img{width:100%;height:145px;object-fit:cover}.resource-head{padding:38px 0 23px;background:#032344}.resource-head .back-link{font-size:10px;color:#d7e7f3}.resource-grid-wrap{padding:0 0 28px;background:#032344}.resource-page .pillar-grid{padding:10px;border:6px solid #f7f9fb;border-radius:5px;background:#f7f9fb}.resource-page .section-heading{margin-bottom:10px}.resource-page .section-heading h1{font-size:30px}.resource-article-action{padding:20px 0 0}.article-library-head{padding-bottom:34px}.article-library{padding:0 0 60px;background:#032344}.article-library-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}.category-panel{background:#061f39;border:1px solid rgba(99,181,237,.28);padding:18px;height:max-content;position:sticky;top:92px}.category-panel h2{font-size:14px;margin:0 0 12px}.category-panel a{display:block;padding:10px 12px;font-size:11px;color:#c6d8e7;border-bottom:1px solid rgba(255,255,255,.06)}.category-panel a.active{background:#087fe0;color:#fff}.library-list{display:grid;gap:14px}.library-card{display:grid;grid-template-columns:250px 1fr;background:#052746;border:1px solid rgba(92,174,232,.3);overflow:hidden}.library-card img{width:250px;height:180px;object-fit:contain;background:linear-gradient(180deg,#052847,#041c33);padding:14px}.library-copy{padding:20px}.library-card h2{font-size:21px;line-height:1.18;margin:7px 0;color:#fff}.library-card p{font-size:12px;color:#bfd0df}.faq-section{padding:35px 0 55px}.narrow{max-width:850px}.faq-dark details{border-bottom:1px solid rgba(255,255,255,.15);padding:17px 0}.faq-dark summary{font-weight:800;cursor:pointer}.faq-dark p{color:#b8cbe0}.page-hero{min-height:360px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(6,25,47,.90),rgba(8,38,72,.62) 55%,rgba(10,46,84,.18)),url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260') center 50%/cover no-repeat}.page-hero-copy{max-width:720px}.page-hero h1{font-size:49px;line-height:1.04;margin:12px 0}.page-hero p{font-size:16px;color:#d7e7f3}.service-detail{background:#fff;padding:65px 0}.service-detail-alt{background:#f4f8fb}.service-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.service-detail-image{position:relative}.service-detail-image img{width:100%;border-radius:5px;box-shadow:var(--shadow)}.service-detail-image span{position:absolute;right:15px;top:15px;background:#03172d;color:#fff;padding:8px 11px;font-weight:800}.service-detail h2,.two-col h2,.contact-layout h2{font-size:38px;line-height:1.08;margin:8px 0 12px}.lead{font-size:18px;color:#41576b}.check-list{list-style:none;padding:0}.check-list li{padding:7px 0 7px 25px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:#0891ee;font-weight:900}.plan-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.plan-detail{border:1px solid rgba(72,164,230,.3);background:#062b51;padding:25px}.plan-detail-head{display:grid;grid-template-columns:1fr 1.4fr;gap:15px}.plan-detail-head span{font-size:11px;text-transform:uppercase;color:#67c9ff;font-weight:800}.plan-detail h2{font-size:33px;margin:7px 0;color:#fff}.plan-detail h2 small{display:block;font-size:11px;text-transform:uppercase}.plan-detail p,.plan-detail li{color:#bed0e1}.addons-panel{margin-top:45px}.addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.addon-grid span{padding:16px;border:1px solid rgba(94,178,237,.3);background:#062b51;text-align:center;font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.value-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.value-cards article,.industry-grid article,.why-grid article{border:1px solid rgba(81,167,228,.3);background:#062b51;padding:22px}.value-cards b{font-size:18px}.value-cards p,.industry-grid p,.why-grid p{color:#b9cde0;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats article{border:1px solid var(--line);padding:25px;text-align:center}.stats strong{font-size:27px;color:#067fd8;display:block}.stats span{font-size:12px}.industry-grid,.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.industry-grid h3,.why-grid h3{margin-top:0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-cards article{border:1px solid rgba(87,171,232,.3);background:#062b51;padding:16px}.contact-cards b,.contact-cards span{display:block}.contact-cards span{font-size:12px;color:#bfd0e0;margin-top:4px}.contact-layout form{background:#fff;color:var(--ink);padding:27px;border-radius:4px}.contact-layout label{display:grid;gap:5px;font-size:11px;font-weight:800;margin-bottom:13px}.contact-layout input,.contact-layout select,.contact-layout textarea{font:inherit;padding:12px;border:1px solid #cfdbe6;width:100%}.form-status{font-size:10px;color:#65778a}.legal{max-width:800px}.legal h2{margin-top:34px}.legal p{color:#c1d1df}.article-hero{background:linear-gradient(135deg,#032344,#02172d);color:#fff;padding:35px 0 45px}.back-link{font-size:10px;color:#d3e7f5}.article-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;margin-top:25px}.article-hero h1{font-size:45px;line-height:1.06;margin:10px 0}.article-hero p{color:#c4d5e5;font-size:16px}.article-hero img{width:100%;border-radius:5px;object-fit:cover;max-height:360px;background:linear-gradient(180deg,#062a50,#03172d)}.article-meta{font-size:10px;color:#65c6ff;text-transform:uppercase;letter-spacing:.08em}.article-body{background:#fff;padding:65px 0}.article-layout{display:grid;grid-template-columns:1fr 230px;gap:60px;align-items:start}.article-content{max-width:800px}.article-lead{font-size:20px;color:#334d65}.article-content h2{font-size:28px;margin-top:36px}.article-content p,.article-content li{font-size:16px;color:#344d63}.article-checklist{background:#eef8ff;border-left:4px solid #0a8de8;padding:20px 25px;margin:30px 0}.article-checklist h2{margin-top:0}.article-cta{background:#031d38;color:#fff;padding:27px;margin-top:38px}.article-cta h2{margin-top:0}.article-cta p{color:#c5d6e5}.article-aside{position:sticky;top:95px;border:1px solid var(--line);padding:20px}.article-aside div{padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:12px}.article-aside span,.article-aside b,.article-aside a{display:block}.article-aside span{font-size:10px;text-transform:uppercase;color:#0785df}.article-aside b{margin-top:5px}.article-aside a{font-size:12px;padding:9px 0;color:#087ed5;font-weight:700}footer{background:#010b19;color:#fff;padding:38px 0 14px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.15fr .85fr .9fr 1fr 1.35fr;gap:28px}.footer-brand img{width:300px;height:90px;object-fit:contain;object-position:left center}.footer-grid h3{font-size:11px;margin:0 0 10px}.footer-grid p,.footer-grid a,.footer-grid span{display:block;font-size:11px;color:#aebfd0;margin:6px 0}.socials{display:flex;gap:8px}.socials span{width:28px;height:28px;border:1px solid #5c7084;display:grid;place-items:center}.footer-cta{margin-top:12px!important;color:#fff!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:24px;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:#7e93a7}.footer-bottom div{display:flex;gap:22px}.footer-bottom a{color:#8fa5b9}
@media(max-width:1080px){.site-header nav{gap:16px}.brand img{width:170px}.hero-copy h1{font-size:46px}.featured-article{grid-template-columns:130px 1fr}.featured-article img{width:130px}.service-grid{grid-template-columns:repeat(3,1fr)}.pillar-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#010b19;padding:25px;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero-copy{width:75%}.plans-grid,.stats,.industry-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.trust-panel{grid-template-columns:repeat(2,1fr);bottom:8px}.home-hero{height:700px}.footer-grid{grid-template-columns:repeat(3,1fr)}.service-detail-grid,.two-col,.contact-layout,.article-hero-grid,.article-library-layout{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-aside,.category-panel{position:static}.addon-grid{grid-template-columns:repeat(2,1fr)}.featured-article-grid{grid-template-columns:1fr}}
@media(max-width:650px){.site-shell{width:min(100% - 26px,1180px)}.brand img{width:210px;height:48px}.hero-copy{width:100%}.home-hero{height:835px;background-position:61% center}.hero-copy h1{font-size:42px}.hero-copy p{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.hero-checks{gap:10px;flex-direction:column}.trust-panel{grid-template-columns:1fr;position:absolute}.trust-panel article{padding:9px 12px}.trust-panel p{display:none}.service-grid,.plans-grid,.pillar-grid,.plan-detail-grid,.stats,.industry-grid,.why-grid,.value-cards,.contact-cards,.footer-grid{grid-template-columns:1fr}.pillar-card p{min-height:auto}.cta-inner{grid-template-columns:1fr}.cta-inner img{display:none}.technology-row b{font-size:13px}.page-hero h1,.article-hero h1{font-size:37px}.service-detail,.section{padding:48px 0}.service-detail-grid{gap:30px}.plan-detail-head{grid-template-columns:1fr}.addon-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div{margin-top:10px}.resource-page .pillar-grid{border-width:3px}.featured-article,.library-card{grid-template-columns:1fr}.featured-article img,.library-card img{width:100%;height:auto}.article-library-layout{grid-template-columns:1fr}}

.phone-link{font-weight:700;color:#fff}.footer-brand .phone-link,.footer-grid .phone-link{color:#aebfd0}

/* v1.7 visual refinements */
.brand img{filter:drop-shadow(0 0 8px rgba(38,154,255,.12))}
.footer-brand p{max-width:260px}
.footer-grid span,.footer-grid a{line-height:1.55}
.phone-link{white-space:nowrap}
.watermark-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,58,.14) 0%,rgba(7,31,58,.08) 38%,rgba(7,31,58,.88) 62%,rgba(7,31,58,.96) 100%);z-index:0}
.watermark-card:hover img{opacity:.28;transform:scale(1.03)}
.featured-article img,.pillar-card>img,.library-card img,.service-card,.plan-card,.trust-panel,.cta-inner{transition:all .35s ease}
.service-card:hover,.plan-card:hover,.pillar-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.pillar-card:hover>img{filter:brightness(1.06)}
/* entrance animations */
.hero-copy .eyebrow,.hero-copy h1,.hero-copy p,.hero-actions,.hero-checks,.trust-panel{opacity:0;transform:translateY(18px);animation:fadeUp .8s ease forwards}
.hero-copy h1{animation-delay:.12s}.hero-copy p{animation-delay:.24s}.hero-actions{animation-delay:.34s}.hero-checks{animation-delay:.44s}.trust-panel{animation-delay:.54s}
@keyframes fadeUp{to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.button,.nav-cta{animation:floaty 6s ease-in-out infinite}
.reveal-item{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
.reveal-item.in-view{opacity:1;transform:none}
.home-hero{background-attachment:fixed}
.site-header{box-shadow:0 10px 24px rgba(0,0,0,.18)}
.trust-panel article:hover{background:rgba(7,43,79,.98)}
@media(max-width:1080px){.brand img{width:220px;height:52px}.featured-article>div{padding-left:42%}}
@media(max-width:900px){.brand img{width:210px;height:48px}.home-hero{background-attachment:scroll}.featured-article img{width:36%;opacity:.15}.featured-article>div{padding-left:40%}}
@media(max-width:650px){.brand{height:50px}.brand img{width:190px;height:44px}.footer-brand img{width:220px;height:56px}.featured-article{display:block}.featured-article img{position:absolute;left:auto;right:10px;top:12px;width:40%;height:130px;opacity:.12}.featured-article>div{padding:18px;min-height:190px}.watermark-card:before{background:linear-gradient(180deg,rgba(7,31,58,.08),rgba(7,31,58,.94) 58%)} }

.brand img{image-rendering:auto;filter:drop-shadow(0 0 4px rgba(36,140,230,.10))}

/* v2.0 bridge backdrops + upgraded motion */
.bridge-backdrop{position:relative;isolation:isolate;overflow:hidden}
.bridge-backdrop>*{position:relative;z-index:1}
.bridge-backdrop::before{content:"";position:absolute;inset:0;background:url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260') center 42%/cover no-repeat;opacity:.13;transform:scale(1.03);z-index:0;pointer-events:none;filter:saturate(.95) brightness(.96) contrast(.98)}
.bridge-backdrop::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.light-backdrop::after{background:linear-gradient(180deg,rgba(255,255,255,.89),rgba(255,255,255,.94))}
.pillar-section.bridge-backdrop::after,.dark-content.bridge-backdrop::after,.insights-preview.bridge-backdrop::after,.faq-section.bridge-backdrop::after{background:linear-gradient(180deg,rgba(4,39,74,.78),rgba(3,28,55,.88))}
.cta-bridge::before{opacity:.16;background-position:center 48%}
.cta-bridge::after{background:linear-gradient(90deg,rgba(5,28,52,.84),rgba(6,34,62,.60))}
/* better image visibility and section depth */
.services-preview .section-heading,.pillar-section .section-heading,.insights-preview .section-heading{backdrop-filter:blur(1.5px)}
/* Enhanced animations */
@keyframes slowPan{0%{transform:scale(1.04) translate3d(0,0,0)}50%{transform:scale(1.075) translate3d(-1.2%, -0.8%,0)}100%{transform:scale(1.04) translate3d(0,0,0)}}
.home-hero::before{content:'';position:absolute;inset:0;background:url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260') center 48%/cover no-repeat;animation:slowPan 26s ease-in-out infinite;z-index:-1;filter:brightness(.86) saturate(.90) contrast(.98)}
.home-hero{background:none}
.home-hero .hero-shade{z-index:0}
.home-hero .hero-inner{z-index:1}
.bridge-backdrop.in-view::before{animation:slowPan 32s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 rgba(26,154,255,0)}50%{box-shadow:0 0 22px rgba(26,154,255,.18)}}
.button,.nav-cta{animation:pulseGlow 4.8s ease-in-out infinite}
.featured-article,.pillar-card,.service-card,.plan-card,.trust-panel article{will-change:transform,opacity}
.service-card:hover img,.pillar-card:hover img,.featured-article:hover img{transform:scale(1.05)}
.reveal-item{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal-item.in-view{opacity:1;transform:none}
.reveal-item.delay-1{transition-delay:.06s}.reveal-item.delay-2{transition-delay:.12s}.reveal-item.delay-3{transition-delay:.18s}.reveal-item.delay-4{transition-delay:.24s}.reveal-item.delay-5{transition-delay:.3s}
.hero-copy h1 span{background:linear-gradient(90deg,#2cb0ff,#49beff 35%,#74d0ff 50%,#2cb0ff 85%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textShine 7s linear infinite}
@keyframes textShine{to{background-position:200% center}}
.trust-panel article{transition:transform .35s ease, background .35s ease, border-color .35s ease}
.trust-panel article:hover{transform:translateY(-4px);border-color:rgba(100,190,255,.38)}
.footer-brand img{filter:drop-shadow(0 0 8px rgba(31,172,255,.12))}
@media(max-width:900px){.bridge-backdrop::before{opacity:.10}.home-hero::before{animation:none}.bridge-backdrop.in-view::before{animation:none}.footer-brand img{width:250px;height:78px}}

/* v2.1 hero visibility refinement */
.home-hero .hero-inner{position:relative;z-index:2}
.home-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 76% 38%, rgba(255,255,255,.10), rgba(255,255,255,0) 42%);pointer-events:none;z-index:1}
@media(max-width:900px){.home-hero::before{background-position:center 34%}.home-hero{height:560px}}

/* v2.2 final content and connected-form refinements */
.socials a{width:28px;height:28px;border:1px solid #5c7084;display:grid;place-items:center;color:#d6e4ef;transition:.25s}
.socials a:hover{border-color:#2eb5ff;color:#2eb5ff;transform:translateY(-2px)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.consent{display:grid!important;grid-template-columns:20px 1fr!important;align-items:start;gap:10px!important;font-weight:400!important;line-height:1.4}
.consent input{width:auto!important;margin-top:3px}
.consent a{color:#087ed5;text-decoration:underline}
.form-submit[disabled]{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.form-status.success{color:#0d7f47}.form-status.error{color:#b42318}
.thank-you-hero{min-height:500px}
.contact-cards a{color:inherit}
@media(max-width:650px){.form-row{grid-template-columns:1fr}}

/* v2.3 service orders, agreement and plan clarity */
.footer-contact-line{display:flex!important;align-items:center;gap:8px;white-space:nowrap;min-width:0}
.footer-contact-line>a,.footer-contact-line>.footer-contact-text{display:inline!important;margin:0!important;line-height:1.4}
.footer-contact-icon{display:inline-flex!important;width:18px;min-width:18px;justify-content:center;margin:0!important;color:#68c8ff!important}
.footer-location-line{white-space:normal}
.all-services-banner{grid-column:1/-1;padding:24px 28px;margin-bottom:4px;border:1px solid rgba(92,187,249,.48);background:linear-gradient(135deg,rgba(8,72,125,.78),rgba(3,39,72,.9));text-align:center}
.all-services-banner h2{margin:0 0 7px;color:#fff;font-size:26px}.all-services-banner p{margin:0;color:#d8e9f6;font-size:14px;max-width:900px;margin-inline:auto}
.full-catalogue-note{padding:15px 17px;background:#eaf6ff;border-left:4px solid #078cf0;margin:4px 0 22px;display:grid;gap:4px;color:#173047}.full-catalogue-note strong{font-size:15px}.full-catalogue-note span{font-size:12px}
.online-order-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}.online-order-intro{position:sticky;top:105px}.online-order-intro h2{font-size:36px;line-height:1.08;margin:8px 0 12px}.online-order-form{background:#fff;color:var(--ink);padding:30px;border-radius:5px;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.online-order-form h2{font-size:20px;margin:30px 0 15px;padding-bottom:8px;border-bottom:2px solid #e2edf5;color:#062c51}.online-order-form h2:first-of-type{margin-top:0}.online-order-form label{display:grid;gap:6px;font-size:12px;font-weight:800;margin-bottom:14px}.online-order-form input,.online-order-form select,.online-order-form textarea{font:inherit;width:100%;padding:12px;border:1px solid #c8d8e5;background:#fff}.online-order-form textarea{resize:vertical}
.web-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:20px}.web-check-stack{display:grid;gap:8px;margin-bottom:20px}.web-check{display:grid!important;grid-template-columns:22px 1fr!important;align-items:start;gap:8px!important;margin:0!important;padding:10px;border:1px solid #d9e6ef;background:#f7fafc;font-weight:500!important;line-height:1.35}.web-check input{width:18px!important;height:18px;margin:0!important;accent-color:#078cf0}.web-check span{font-size:12px}
.agreement-callout{padding:17px 18px;margin:22px 0;border:1px solid rgba(77,174,238,.42);background:rgba(5,47,87,.72);color:#d8e7f3}.agreement-callout strong{color:#fff;font-size:15px}.agreement-callout p{font-size:12px;margin:6px 0 0}.agreement-callout a{color:#55c3ff;text-decoration:underline}.order-choice-panel{margin-top:24px;padding:20px;border:1px solid rgba(84,178,239,.36);background:#062b51}.order-choice-panel h3{margin:0;color:#fff}.order-choice-panel p{color:#bed2e3}.order-choice-actions{display:flex;gap:10px;flex-wrap:wrap}.compact-page-hero{min-height:290px}
.agreement-page{color:#163047}.agreement-page .agreement-hero,.agreement-page .agreement-content{position:relative;z-index:1;background:rgba(255,255,255,.96);border:1px solid #d5e3ed;padding:28px;margin-bottom:20px}.agreement-page h1{font-size:34px;margin:0 0 8px;color:#052846}.agreement-page h2{scroll-margin-top:95px;margin-top:34px;padding-bottom:7px;border-bottom:2px solid #dbe9f2;color:#052846}.agreement-page h3{color:#06345d}.agreement-meta{display:grid;grid-template-columns:220px 1fr;border:1px solid #d1e0eb}.agreement-meta b,.agreement-meta span{padding:10px 12px;border-bottom:1px solid #d1e0eb}.agreement-meta b{background:#06345d;color:#fff}.agreement-notice{background:#eaf6ff;border-left:4px solid #078cf0;padding:12px 16px}.agreement-toc{columns:2;list-style:none;padding:0}.agreement-toc li{break-inside:avoid;margin:4px 0}.agreement-toc a{display:flex;gap:10px;color:#067ece;padding:5px}.agreement-toc span{font-weight:800;min-width:26px}.agreement-page table{width:100%;border-collapse:collapse;margin:14px 0 24px}.agreement-page th,.agreement-page td{border:1px solid #cbdbe7;padding:9px;text-align:left}.agreement-page th{background:#06345d;color:#fff}.agreement-page tr:nth-child(even) td{background:#f1f6fa}.agreement-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.agreement-download{display:inline-flex;padding:11px 14px;border:1px solid #9fc4df;color:#075f9f;font-size:11px;font-weight:800;text-transform:uppercase}.button-outline-dark{background:#fff;border:1px solid #087ed5;color:#075f9f}
@media(max-width:900px){.online-order-layout{grid-template-columns:1fr}.online-order-intro{position:static}.web-check-grid{grid-template-columns:1fr}.agreement-toc{columns:1}.agreement-meta{grid-template-columns:1fr}.all-services-banner{padding:20px}.footer-contact-line{white-space:normal}}
@media(max-width:650px){.online-order-form{padding:20px}.online-order-intro h2{font-size:30px}.order-choice-actions{display:grid}.agreement-page .agreement-hero,.agreement-page .agreement-content{padding:18px}.agreement-page h1{font-size:28px}}

/* v2.4 service agreement visibility fix */
.content-visible,
.content-visible.reveal-item,
.agreement-page,
.agreement-page.reveal-item{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}
.agreement-page .site-shell{position:relative;z-index:2}
.agreement-page .agreement-hero,
.agreement-page .agreement-content{
  opacity:1;
  visibility:visible;
}
.online-order-intro p{color:#c7d9e9}
.online-order-intro h2{color:#fff}
.online-order-intro .agreement-callout p{color:#d8e7f3}
@media (prefers-reduced-motion: reduce){
  .reveal-item{opacity:1!important;transform:none!important;transition:none!important}
}

/* v2.5 founder-led About page */
.about-hero{min-height:430px;background:linear-gradient(90deg,rgba(2,19,37,.96),rgba(2,28,55,.68) 54%,rgba(2,27,53,.10)),url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260') center 40%/cover no-repeat}
.about-hero .page-hero-copy{max-width:900px}
.about-hero h1{max-width:880px}
.founder-grid{display:grid;grid-template-columns:.78fr 1.42fr;gap:65px;align-items:start}
.founder-profile-card{position:sticky;top:100px;border:1px solid rgba(90,180,240,.38);background:linear-gradient(160deg,rgba(7,45,82,.95),rgba(3,24,47,.96));padding:34px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.founder-monogram{width:98px;height:98px;display:grid;place-items:center;border:2px solid #28acff;background:linear-gradient(135deg,#0b78d4,#03274b);font-size:34px;font-weight:900;color:#fff;margin-bottom:25px;box-shadow:0 0 30px rgba(40,172,255,.18)}
.founder-profile-card h2{font-size:40px;margin:7px 0 5px;color:#fff}
.founder-role{font-size:13px;color:#b9d2e6;line-height:1.7}
.founder-credentials{display:grid;gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.founder-credentials span{display:grid;grid-template-columns:92px 1fr;align-items:center;color:#c7d9e8;font-size:12px}
.founder-credentials strong{font-size:18px;color:#35b5ff}
.founder-story h2{font-size:44px;line-height:1.08;margin:9px 0 20px;color:#fff}
.founder-story p{font-size:16px;color:#c0d2e1;line-height:1.75}
.founder-story .lead{font-size:20px;color:#e8f3fb}
.about-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-capability-grid article{border:1px solid #dce6ef;background:rgba(255,255,255,.92);padding:26px;box-shadow:0 12px 28px rgba(4,30,58,.06)}
.about-capability-grid h3{margin:0 0 10px;font-size:18px;color:#082541}
.about-capability-grid p{margin:0;color:#526b81;font-size:13px;line-height:1.65}
.founder-principles{background:linear-gradient(180deg,#031f3b,#02172d)}
.founder-values{grid-template-columns:repeat(4,1fr)}
.founder-values article{min-height:170px}
.founder-values b{color:#fff}
.founder-stats strong{font-size:30px}
@media(max-width:900px){.founder-grid{grid-template-columns:1fr}.founder-profile-card{position:static}.about-capability-grid{grid-template-columns:repeat(2,1fr)}.founder-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.about-hero{min-height:460px}.founder-profile-card{padding:25px}.founder-story h2{font-size:34px}.founder-story .lead{font-size:17px}.about-capability-grid,.founder-values{grid-template-columns:1fr}.founder-credentials span{grid-template-columns:78px 1fr}}

/* v3.1 genuine Brisbane photography */
.home-hero::before{background-image:url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260');background-position:center 53%;filter:brightness(.92) saturate(1.02)}
.home-hero .hero-shade{background:linear-gradient(90deg,rgba(1,15,31,.95) 0%,rgba(2,24,48,.82) 34%,rgba(2,23,44,.26) 64%,rgba(2,23,44,.04) 87%),linear-gradient(0deg,rgba(1,20,39,.42),transparent 64%)}
.page-hero{background-image:linear-gradient(90deg,rgba(2,19,37,.98),rgba(2,28,55,.70) 55%,rgba(2,27,53,.15)),url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260');background-position:center 54%;}
.bridge-backdrop::before{background-image:url('https://images.pexels.com/photos/28100965/pexels-photo-28100965/free-photo-of-a-view-of-the-city-skyline-from-the-water.jpeg?auto=compress&dpr=1&h=750&w=1260');background-position:center 52%;opacity:.12}
@media(max-width:900px){.home-hero::before{background-position:60% 52%}.page-hero{background-position:58% 52%}}


/* v4.0 mobile homepage layout and spacing refinement */
@media (max-width: 650px) {
  .site-header,
  .nav-wrap {
    height: 68px;
  }

  .site-shell {
    width: min(100% - 32px, 1180px);
  }

  .brand {
    height: 48px;
  }

  .brand img {
    width: 174px;
    height: 46px;
  }

  .menu-toggle {
    width: 48px;
    height: 48px;
    padding: 0;
    display: grid;
    place-items: center;
    font-size: 34px;
    line-height: 1;
  }

  .site-header nav {
    top: 68px;
    gap: 0;
    padding: 10px 16px 18px;
    max-height: calc(100vh - 68px);
    overflow-y: auto;
    border-top: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 18px 35px rgba(0,0,0,.3);
  }

  .site-header nav > a {
    width: 100%;
    padding: 13px 8px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    font-size: 14px;
  }

  .site-header nav .nav-cta {
    margin-top: 10px;
    border-bottom: 0;
  }

  .home-hero {
    height: auto !important;
    min-height: 0;
    overflow: hidden;
    background-position: 64% center;
  }

  .home-hero::before {
    background-position: 64% 50% !important;
    animation: none !important;
  }

  .home-hero::after {
    background: radial-gradient(ellipse at 80% 28%, rgba(255,255,255,.08), rgba(255,255,255,0) 38%);
  }

  .home-hero .hero-shade {
    background:
      linear-gradient(180deg, rgba(1,15,31,.24) 0%, rgba(1,17,34,.38) 48%, rgba(1,17,34,.72) 100%),
      linear-gradient(90deg, rgba(1,15,31,.92) 0%, rgba(2,24,48,.77) 58%, rgba(2,23,44,.24) 100%);
  }

  .hero-inner {
    height: auto;
    padding-top: 54px;
    padding-bottom: 28px;
  }

  .hero-copy {
    width: 100%;
    max-width: none;
  }

  .hero-copy .eyebrow {
    max-width: 330px;
    font-size: 10px;
    line-height: 1.45;
    letter-spacing: .13em;
  }

  .hero-copy h1 {
    max-width: 100%;
    margin: 13px 0 18px;
    font-size: clamp(38px, 10.7vw, 46px);
    line-height: 1.02;
    letter-spacing: -.045em;
  }

  .hero-copy h1 span {
    display: inline-block;
    font-size: .92em;
    line-height: 1.04;
  }

  .hero-copy p {
    max-width: 350px;
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 22px;
  }

  .hero-actions .button {
    min-height: 47px;
    padding: 11px 10px;
    font-size: 10px;
  }

  .hero-checks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 18px;
    font-size: 11px;
  }

  .trust-panel {
    position: static !important;
    left: auto;
    right: auto;
    bottom: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 28px;
    background: rgba(3,29,55,.94);
  }

  .trust-panel article {
    min-height: 96px;
    grid-template-columns: 31px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    padding: 13px 11px;
    border-right: 1px solid rgba(255,255,255,.13);
    border-bottom: 1px solid rgba(255,255,255,.13);
  }

  .trust-panel article:nth-child(2n) {
    border-right: 0;
  }

  .trust-panel article:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  .trust-symbol {
    font-size: 24px;
    text-align: center;
  }

  .trust-panel h3 {
    font-size: 12px;
    line-height: 1.25;
    margin: 0;
  }

  .trust-panel p {
    display: none;
  }

  .services-preview {
    padding-top: 52px;
  }

  .section-heading {
    margin-bottom: 24px;
  }

  .section-heading h2,
  .resource-head h1 {
    font-size: 29px;
  }
}

@media (max-width: 390px) {
  .site-shell {
    width: min(100% - 24px, 1180px);
  }

  .brand img {
    width: 160px;
  }

  .hero-inner {
    padding-top: 46px;
  }

  .hero-copy h1 {
    font-size: 38px;
  }

  .hero-copy p {
    font-size: 14px;
  }

  .hero-actions {
    grid-template-columns: 1fr;
  }

  .trust-panel article {
    min-height: 90px;
    padding: 12px 9px;
  }

  .trust-panel h3 {
    font-size: 11px;
  }
}