/* TopTier Premium V3 — conversion-first custom homepage */ :root{--bg:#05090c;--bg2:#0a1116;--panel:#0e171d;--line:rgba(255,255,255,.11);--text:#f4f7f8;--muted:#aebbc3;--aqua:#23c5d5;--aqua2:#0f8397;--gold:#dda943;--white:#fff;--max:1200px} *{box-sizing:border-box}html{scroll-behavior:smooth}body.v3{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}.v3 a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 42px));margin:auto}.topline{background:#061e25;border-bottom:1px solid rgba(35,197,213,.25);font-size:12px;font-weight:800;letter-spacing:.08em}.topline-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center}.topline a{color:#70e5ef}.header{position:sticky;top:0;z-index:50;background:rgba(5,9,12,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:28px}.logo img{width:108px;height:68px;object-fit:cover;object-position:center;border-radius:3px}.navlinks{display:flex;gap:28px;margin-left:auto}.navlinks a{font-size:14px;color:#d8e1e5;font-weight:700}.navlinks a:hover{color:var(--aqua)}.actions{display:flex;gap:10px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border:1px solid rgba(255,255,255,.2);border-radius:5px;font-weight:850;font-size:14px;letter-spacing:.01em;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:var(--aqua)}.btn.primary{background:var(--aqua);border-color:var(--aqua);color:#031014;box-shadow:0 10px 30px rgba(35,197,213,.16)}.btn.ghost{background:rgba(255,255,255,.025)}.btn-xl{min-height:56px;padding:0 26px;font-size:16px}.eyebrow{color:var(--aqua);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.gold{color:var(--gold)}.aqua{color:var(--aqua)}.section{padding:104px 0}.hero-v3{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center;background:radial-gradient(circle at 75% 35%,rgba(35,197,213,.15),transparent 32%),radial-gradient(circle at 18% 85%,rgba(221,169,67,.09),transparent 28%),linear-gradient(135deg,#030608 0%,#071116 55%,#061d24 100%)}.hero-v3:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-v3-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:center}.hero-v3 h1{font-size:clamp(58px,7vw,94px);line-height:.94;letter-spacing:-.055em;margin:18px 0 26px;max-width:760px}.hero-v3 h1 span{color:var(--aqua)}.hero-lead{font-size:20px;color:#c4d0d5;max-width:660px;margin:0 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#c4d0d5;font-size:13px;font-weight:700}.hero-brand-card{position:relative;min-height:480px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01));display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-brand-card:before,.hero-brand-card:after{content:"";position:absolute;border:1px solid rgba(35,197,213,.22);border-radius:50%}.hero-brand-card:before{width:430px;height:430px}.hero-brand-card:after{width:330px;height:330px}.brand-glow{position:absolute;width:240px;height:240px;background:rgba(35,197,213,.18);filter:blur(80px)}.hero-brand-card img{position:relative;z-index:2;width:80%;max-width:400px;border-radius:6px;box-shadow:0 25px 70px rgba(0,0,0,.45)}.brand-card-bottom{position:absolute;z-index:3;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.12em}.brand-card-bottom span{color:var(--gold)}.trust-ribbon{background:#f2f6f7;color:#071116}.trust-ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-ribbon-grid>div,.trust-ribbon-grid>a{padding:24px 20px;border-right:1px solid #d8e0e3;display:flex;flex-direction:column}.trust-ribbon strong{font-size:20px;line-height:1.1}.trust-ribbon span{font-size:11px;color:#50616a;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.split-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:46px}.split-head h2,.center-head h2,.about-panel h2,.coast-copy h2,.cred-main h2,.faq-title h2{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 0}.split-head p{color:var(--muted);font-size:17px;margin:0}.v3-services{background:#071015}.service-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-v3{position:relative;min-height:290px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);transition:.25s}.service-v3:hover{background:#0d1d24;transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.25);z-index:2}.service-v3.featured{background:linear-gradient(145deg,rgba(35,197,213,.14),rgba(35,197,213,.02))}.service-v3 i{position:absolute;right:18px;top:15px;font-style:normal;color:#58707b;font-size:11px}.svc-icon{width:46px;height:46px;border:1px solid rgba(35,197,213,.35);display:grid;place-items:center;color:var(--aqua);font-size:22px;margin-bottom:28px}.service-v3 h3{font-size:20px;line-height:1.15;margin:0 0 12px}.service-v3 p{color:#9fb0b8;font-size:14px;margin:0 0 20px}.service-v3 b{color:var(--aqua);font-size:12px}.coast-section{padding:110px 0;background:linear-gradient(110deg,#071116 0%,#0b222a 100%);border-top:1px solid rgba(35,197,213,.16);border-bottom:1px solid rgba(35,197,213,.16)}.coast-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.coast-copy p{color:#b6c4ca;font-size:18px;max-width:680px}.coast-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.coast-points span{padding:13px 14px;border:1px solid rgba(255,255,255,.1);font-size:13px}.coast-visual{min-height:420px;position:relative;display:grid;place-items:center}.coast-ring{width:300px;height:300px;border:1px solid var(--aqua);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 30px rgba(35,197,213,.03),0 0 0 60px rgba(35,197,213,.02)}.coast-ring span{text-align:center;font-size:32px;font-weight:900;line-height:1.02;letter-spacing:.08em}.coast-stat{position:absolute;right:0;bottom:20px;background:var(--gold);color:#171006;padding:16px 20px;display:flex;flex-direction:column}.coast-stat small{font-weight:700}.about-v3{background:#f2f6f7;color:#071116}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-panel p{color:#53646c;font-size:17px}.text-link{color:#087f90;font-weight:850}.value-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #d5dee1;border-top:1px solid #d5dee1}.value-grid article{padding:28px;border-right:1px solid #d5dee1;border-bottom:1px solid #d5dee1}.value-grid span{color:#0b91a4;font-weight:900}.value-grid h3{font-size:20px;margin:16px 0 8px}.value-grid p{color:#617078;font-size:14px}.process-v3{background:#05090c}.center-head{text-align:center;max-width:850px;margin:0 auto 50px}.steps-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.steps-v3 article{background:#0a1116;padding:34px;min-height:230px}.steps-v3 b{color:var(--aqua);font-size:13px}.steps-v3 h3{font-size:20px;margin:42px 0 10px}.steps-v3 p{color:#9eafb7;font-size:14px}.projects-v3{background:#081116}.project-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-slots a{min-height:330px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 70% 25%,rgba(35,197,213,.14),transparent 28%),linear-gradient(145deg,#0d1a20,#071015)}.project-slots a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.025) 45%,rgba(255,255,255,.025) 55%,transparent 55%);background-size:34px 34px}.slot-mark{position:absolute;top:24px;left:24px;color:#536d78;font-weight:900}.project-slots span,.project-slots b{position:relative;z-index:2}.project-slots span{font-size:22px;font-weight:850}.project-slots b{color:var(--aqua);font-size:12px;margin-top:8px}.project-cta{display:flex;justify-content:center;gap:12px;margin-top:30px}.credentials-v3{padding:82px 0;background:#0a1116;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credentials-v3>.wrap{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center}.cred-main p{color:var(--muted);max-width:720px}.ccb-badge{width:250px;height:250px;border:2px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ccb-badge small{letter-spacing:.2em;color:var(--gold)}.ccb-badge strong{font-size:52px;line-height:1}.ccb-badge b{font-size:22px}.areas-v3{background:#f2f6f7;color:#071116}.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #d3dde0;border-top:1px solid #d3dde0}.areas-grid a{min-height:125px;padding:24px;border-right:1px solid #d3dde0;border-bottom:1px solid #d3dde0;display:flex;flex-direction:column;justify-content:space-between}.areas-grid a:hover{background:#e6f5f7}.areas-grid b{font-size:22px}.areas-grid span{font-size:12px;color:#087f90;font-weight:800}.faq-v3{background:#071015}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-title p{color:var(--muted)}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:850;font-size:18px;list-style:none}.faq-list summary:after{content:"+";float:right;color:var(--aqua);font-size:22px}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:#a7b6bd;max-width:780px}.resources-v3{background:#05090c}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-grid a{padding:30px;min-height:230px;border:1px solid var(--line);background:#0a1116;display:flex;flex-direction:column}.resource-grid small{color:var(--gold);font-weight:900;letter-spacing:.12em}.resource-grid h3{font-size:22px;line-height:1.2}.resource-grid span{margin-top:auto;color:var(--aqua);font-weight:800;font-size:13px}.estimate-v3{padding:110px 0;background:linear-gradient(120deg,#06222a,#071015 55%)}.estimate-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.estimate-copy h2{font-size:clamp(48px,6vw,76px);line-height:.96;letter-spacing:-.05em;margin:16px 0 22px}.estimate-copy>p{color:#b7c5cb;font-size:17px}.direct-contact{display:grid;gap:10px;margin-top:30px}.direct-contact a{padding:16px;border:1px solid var(--line);display:flex;flex-direction:column}.direct-contact small{color:var(--aqua);font-weight:900}.direct-contact b{font-size:17px}.estimate-form-v3{background:#f3f7f8;color:#071116;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:12px;font-weight:850;letter-spacing:.02em}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;padding:14px;border:1px solid #cbd7db;background:white;border-radius:3px;font:inherit;color:#071116}.form-grid textarea{min-height:125px;resize:vertical}.form-submit{width:100%;margin-top:18px}.form-note{text-align:center;color:#607078;font-size:12px}.form-note a{color:#087f90;font-weight:900}.hidden{display:none}.final-call-v3{padding:55px 0;background:var(--gold);color:#171006}.final-call-v3>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-call-v3 h2{font-size:36px;margin:4px 0}.final-call-v3 p{margin:0}.final-call-v3 .eyebrow{color:#5c4008}.final-call-v3 .btn.primary{background:#071116;color:white;border-color:#071116}.final-call-v3 .btn.ghost{border-color:rgba(23,16,6,.3)}.footer-v3{padding:68px 0 24px;background:#020405;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand img{width:150px;height:95px;object-fit:cover}.footer-v3 p{color:#899ba4;font-size:13px}.footer-v3 h4{font-size:12px;color:#dbe4e8;letter-spacing:.12em;text-transform:uppercase}.footer-v3 a{display:block;color:#93a5ad;font-size:13px;margin:8px 0}.footer-v3 a:hover{color:var(--aqua)}.footer-bottom{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#667981;font-size:11px}.mobile-cta-v3{display:none}.reveal{opacity:1;transform:none} @media(max-width:980px){.navlinks{display:none}.hero-v3-grid,.coast-grid,.about-grid,.faq-grid,.estimate-grid{grid-template-columns:1fr}.hero-v3{padding:70px 0}.hero-brand-card{min-height:380px}.service-grid-v3{grid-template-columns:repeat(2,1fr)}.steps-v3{grid-template-columns:repeat(2,1fr)}.project-slots,.resource-grid{grid-template-columns:1fr 1fr}.split-head{grid-template-columns:1fr;gap:20px}.credentials-v3>.wrap{grid-template-columns:1fr}.areas-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:650px){body.v3{padding-bottom:64px}.wrap{width:min(100% - 28px,var(--max))}.topline-inner{justify-content:center}.topline-inner span{display:none}.topline{font-size:11px}.nav{height:72px}.logo img{width:84px;height:54px}.actions .ghost{display:none}.actions .primary{min-height:40px;padding:0 13px}.section{padding:72px 0}.hero-v3{min-height:auto;padding:58px 0}.hero-v3-grid{gap:40px}.hero-v3 h1{font-size:52px}.hero-lead{font-size:17px}.hero-buttons{display:grid}.btn-xl{width:100%}.hero-proof{display:grid;gap:8px}.hero-brand-card{min-height:310px}.hero-brand-card img{width:76%}.brand-card-bottom{font-size:8px}.trust-ribbon-grid{grid-template-columns:1fr 1fr}.trust-ribbon-grid>div,.trust-ribbon-grid>a{padding:17px 14px}.trust-ribbon strong{font-size:16px}.split-head h2,.center-head h2,.about-panel h2,.coast-copy h2,.cred-main h2,.faq-title h2{font-size:40px}.service-grid-v3{grid-template-columns:1fr}.service-v3{min-height:230px}.coast-points{grid-template-columns:1fr}.coast-visual{min-height:340px}.coast-ring{width:230px;height:230px}.coast-ring span{font-size:25px}.coast-stat{right:10px}.value-grid{grid-template-columns:1fr}.steps-v3{grid-template-columns:1fr}.project-slots,.resource-grid{grid-template-columns:1fr}.credentials-v3{padding:68px 0}.ccb-badge{width:210px;height:210px}.areas-grid{grid-template-columns:1fr 1fr}.areas-grid a{min-height:100px;padding:18px}.areas-grid b{font-size:18px}.estimate-v3{padding:74px 0}.estimate-copy h2{font-size:50px}.estimate-form-v3{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.final-call-v3>.wrap{display:grid}.final-call-v3 h2{font-size:30px}.final-call-v3 .btn-xl{width:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.mobile-cta-v3{position:fixed;z-index:100;left:0;right:0;bottom:0;height:64px;background:#061016;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1fr 1fr}.mobile-cta-v3 a{display:grid;place-items:center;font-size:12px;font-weight:900;border-right:1px solid var(--line)}.mobile-cta-v3 .call{background:var(--aqua);color:#031014}.footer-bottom{display:grid;gap:5px}} /* FINAL JAIME-INSPIRED HOMEPAGE REFINEMENT */ .jaime-hero{min-height:690px;background:radial-gradient(circle at 82% 30%,rgba(35,197,213,.13),transparent 32%),linear-gradient(120deg,#04090c 0%,#061218 58%,#0a2027 100%)} .jaime-hero .hero-v3-grid{grid-template-columns:1.05fr .95fr;gap:54px} .jaime-hero h1{font-size:clamp(48px,5.8vw,82px);line-height:.94;text-transform:uppercase;max-width:820px;margin-top:16px} .jaime-hero h1 span{display:inline-block;color:var(--aqua)} .jaime-hero .hero-brand-card{min-height:500px;background:#030608;border-color:rgba(35,197,213,.28);box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.025)} .jaime-hero .hero-brand-card img{width:90%;max-width:500px;box-shadow:none} .call-outline{border-color:rgba(35,197,213,.65)!important;color:#dffcff;background:rgba(35,197,213,.055)!important} .trust-cards{background:#f4f7f8;color:#071116;padding:44px 0} .trust-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .trust-cards article{background:white;border:1px solid #d9e2e5;padding:27px 22px;box-shadow:0 10px 30px rgba(6,23,29,.06)} .trust-icon{width:42px;height:42px;background:#072631;color:var(--aqua);display:grid;place-items:center;border-radius:50%;font-weight:950;margin-bottom:16px} .trust-cards h3{font-size:18px;margin:0 0 8px}.trust-cards p{font-size:13px;color:#607179;margin:0} .call-strip{background:var(--aqua);color:#031014;padding:20px 0} .call-strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:28px} .call-strip small{display:block;font-weight:900;letter-spacing:.13em}.call-strip strong{display:block;font-size:23px;line-height:1.1}.call-strip a{font-size:24px;font-weight:950;padding:12px 18px;border:2px solid #031014} .reviews-ready{padding:86px 0;background:linear-gradient(120deg,#0b1b21,#061015);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .reviews-ready-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.reviews-ready h2{font-size:clamp(38px,4.8vw,62px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 18px}.reviews-ready h2 span{color:var(--aqua)}.reviews-ready p{color:#a9bac1;max-width:760px}.review-cta-card{padding:28px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);display:grid;gap:12px}.review-cta-card small{color:var(--gold);font-weight:900;letter-spacing:.12em}.review-cta-card strong{font-size:30px}.review-cta-card .btn{width:100%} @media(max-width:980px){.jaime-hero .hero-v3-grid,.reviews-ready-grid{grid-template-columns:1fr}.trust-cards-grid{grid-template-columns:1fr 1fr}.jaime-hero .hero-brand-card{min-height:400px}} @media(max-width:650px){.jaime-hero h1{font-size:43px}.jaime-hero .hero-brand-card{min-height:300px}.trust-cards-grid{grid-template-columns:1fr}.call-strip>.wrap{display:grid}.call-strip a{font-size:20px;text-align:center}.reviews-ready{padding:66px 0}.review-cta-card strong{font-size:25px}} /* Mobile conversion buttons — Jaime-style floating CALL / TEXT */ @media(max-width:650px){ body.v3{padding-bottom:0} .mobile-cta-v3{ position:fixed;z-index:120;right:14px;left:auto;bottom:18px;height:auto;background:transparent;border:0; display:grid;grid-template-columns:1fr;gap:10px;width:142px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35)); } .mobile-cta-v3 a{ min-height:56px;padding:0 18px;border:2px solid var(--aqua);border-radius:999px;background:#071116; display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;letter-spacing:.04em;color:#eafcff; } .mobile-cta-v3 a:first-child{display:none} .mobile-cta-v3 .call{background:var(--aqua);color:#031014;border-color:var(--aqua)} .mobile-cta-v3 a:last-child::before{content:"✉";font-size:18px;margin-right:8px} .mobile-cta-v3 .call::before{content:"☎";font-size:18px;margin-right:8px} } .thankyou-v3{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:90px 0;background:radial-gradient(circle at 75% 25%,rgba(35,197,213,.16),transparent 28%),linear-gradient(145deg,#05090c,#07151b)} .thankyou-card{max-width:850px;margin:auto;padding:56px;border:1px solid var(--line);background:rgba(8,17,22,.9);box-shadow:0 30px 90px rgba(0,0,0,.3)} .thankyou-card h1{font-size:clamp(44px,7vw,82px);line-height:.96;letter-spacing:-.055em;margin:16px 0 24px} .thankyou-card>p{max-width:700px;color:#b8c6cc;font-size:18px} .thankyou-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px} .thankyou-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.thankyou-proof span{padding:10px 13px;border:1px solid var(--line);font-size:12px;font-weight:850;color:#c8d5da} @media(max-width:650px){.thankyou-v3{padding:54px 0 120px}.thankyou-card{padding:30px 22px}.thankyou-card h1{font-size:43px}.thankyou-actions{display:grid}.thankyou-actions .btn{width:100%}} .netlify-honeypot{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important} /* ========================================================= INNER PAGE SYSTEM — services, locations, about, projects, contact, privacy and blog. Keeps every internal page fully responsive and visually consistent with the premium homepage. ========================================================= */ .v3 main{display:block;min-height:55vh} .v3 img{max-width:100%;height:auto} .v3 .subhero{position:relative;overflow:hidden;padding:92px 0 76px;background:radial-gradient(circle at 82% 25%,rgba(35,197,213,.15),transparent 30%),linear-gradient(120deg,#04090c 0%,#071218 58%,#0a2027 100%);border-bottom:1px solid var(--line)} .v3 .subhero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent)} .v3 .subhero .wrap{position:relative;z-index:1} .v3 .subhero h1{max-width:920px;margin:12px 0 20px;font-size:clamp(46px,6.2vw,78px);line-height:.98;letter-spacing:-.05em} .v3 .subhero p{max-width:780px;margin:0;color:#b7c5cb;font-size:18px} .v3 .subhero .actions{margin-top:28px;flex-wrap:wrap} .v3 .breadcrumb{margin-bottom:22px;color:#8599a2;font-size:12px;font-weight:750;letter-spacing:.025em} .v3 .breadcrumb a{color:var(--aqua)} .v3 .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start} .v3 .split h2{margin:10px 0 18px;font-size:clamp(38px,4.8vw,62px);line-height:1.02;letter-spacing:-.045em} .v3 .rule{width:74px;height:3px;margin:22px 0;background:var(--aqua)} .v3 .muted{color:var(--muted)} .v3 .content>p,.v3 .content li{color:#b4c2c8} .v3 .content ul{margin:24px 0;padding-left:22px} .v3 .content li{margin:9px 0} .v3 .local-callout{margin:30px 0;padding:22px 24px;border-left:3px solid var(--aqua);background:rgba(35,197,213,.07);color:#c7d4d9;box-shadow:inset 0 0 0 1px rgba(35,197,213,.08)} .v3 .service-photo-placeholder,.v3 .project-photo-placeholder{min-height:360px;display:grid;place-items:center;padding:30px;text-align:center;border:1px solid rgba(35,197,213,.24);background:radial-gradient(circle at 62% 30%,rgba(35,197,213,.16),transparent 28%),linear-gradient(145deg,#0d1a20,#071015);color:#8fa4ad;font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase} .v3 .service-photo-placeholder:before,.v3 .project-photo-placeholder:before{content:"TOPTIER\A COASTAL CONSTRUCTION";white-space:pre;display:block;color:#dffbff;font-size:24px;line-height:1.1;letter-spacing:.05em} .v3 .credentials{display:flex;gap:9px;flex-wrap:wrap} .v3 .credential{padding:9px 12px;border:1px solid rgba(255,255,255,.15);color:#c6d3d8;font-size:11px;font-weight:850;letter-spacing:.04em} .v3 .credential.ccb{border-color:rgba(221,169,67,.55);color:var(--gold)} .v3 .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px} .v3 .pill{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);color:#d7e2e6;font-size:13px;font-weight:800;transition:.2s} .v3 .pill:hover{border-color:var(--aqua);background:rgba(35,197,213,.07);color:#eaffff;transform:translateY(-1px)} .v3 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .v3 .card{min-height:280px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#0c181e,#071015);display:flex;flex-direction:column} .v3 .card .num{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .v3 .card h3{font-size:23px;line-height:1.15;margin:22px 0 12px} .v3 .card p{color:#9fb0b8;font-size:14px} .v3 .card .learn{margin-top:auto;color:var(--aqua);font-size:13px;font-weight:900} .v3 .form{padding:30px;background:#f3f7f8;color:#071116;box-shadow:0 24px 70px rgba(0,0,0,.24)} .v3 .form .form-grid{gap:14px} .v3 .form .form-grid input,.v3 .form .form-grid select,.v3 .form .form-grid textarea{margin-top:0;min-height:50px} .v3 .form .form-grid textarea{min-height:140px} .v3 .form .btn.primary{border:0;cursor:pointer;font:inherit;font-weight:900} .v3 .footer{padding:62px 0 34px;background:#020405;border-top:1px solid var(--line)} .v3 .footer img{width:148px;max-height:96px;object-fit:cover} .v3 .footer h3{margin:0 0 16px;font-size:12px;color:#dbe4e8;letter-spacing:.11em;text-transform:uppercase} .v3 .footer a{display:block;margin:8px 0;color:#93a5ad;font-size:13px} .v3 .footer a:hover{color:var(--aqua)} .v3 .footer p{font-size:13px} .v3 .desktop-float{position:fixed;z-index:90;right:18px;bottom:20px;display:flex;gap:8px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))} .v3 .desktop-float a{min-height:48px;padding:0 17px;border:1px solid var(--aqua);border-radius:999px;background:#071116;color:#eaffff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900} .v3 .desktop-float a:first-child{background:var(--aqua);color:#031014} .v3 .mobile-cta{display:none} .v3 .section[style*="background:#071722"]{background:#071722!important} @media(max-width:980px){ .v3 .split{grid-template-columns:1fr;gap:42px} .v3 .cards{grid-template-columns:1fr 1fr} .v3 .subhero{padding:76px 0 62px} } @media(max-width:650px){ body.v3{overflow-x:hidden;padding-bottom:82px} .v3 .header .nav{gap:12px;justify-content:space-between} .v3 .header .actions{margin-left:auto} .v3 .header .actions .btn:not(.primary){display:none} .v3 .header .actions .primary{white-space:nowrap;font-size:12px} .v3 .subhero{padding:56px 0 48px} .v3 .subhero h1{font-size:42px} .v3 .subhero p{font-size:16px} .v3 .subhero .actions{display:grid;grid-template-columns:1fr;gap:10px} .v3 .subhero .actions .btn{width:100%} .v3 .split{gap:34px} .v3 .split h2{font-size:38px} .v3 .section{padding:66px 0} .v3 .service-photo-placeholder,.v3 .project-photo-placeholder{min-height:260px} .v3 .credentials{gap:7px} .v3 .credential{padding:8px 10px} .v3 .pills{display:grid;grid-template-columns:1fr} .v3 .pill{width:100%} .v3 .cards{grid-template-columns:1fr} .v3 .form{padding:20px} .v3 .footer-grid{grid-template-columns:1fr 1fr;gap:28px} .v3 .footer-grid>div:first-child{grid-column:1/-1} .v3 .desktop-float{display:none} .v3 .mobile-cta{position:fixed;z-index:120;right:14px;bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px;width:236px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4))} .v3 .mobile-cta a{min-height:54px;padding:0 16px;border:2px solid var(--aqua);border-radius:999px;background:#071116;color:#eaffff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950} .v3 .mobile-cta a:first-child{display:none} .v3 .mobile-cta a:nth-child(2){background:var(--aqua);color:#031014} }