*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}
:root{--navy:#071b3b;--blue:#1454b8;--blue2:#2474df;--red:#d71920;--ink:#12213a;--muted:#637087;--pale:#f3f6fb}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}
a{color:inherit;text-decoration:none}.header{height:86px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 3px 20px #071b3b12}
.brand{display:flex;align-items:center;gap:10px;color:var(--navy)}.brand-mark{width:44px;height:42px}.brand-mark svg{width:100%;height:100%;fill:var(--blue)}.brand-mark .road{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round}
.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type b{font-size:25px;font-weight:950;letter-spacing:-1px}.brand-type small{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--blue);margin-top:5px}
.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:750}.nav a:hover{color:var(--blue)}.nav .nav-quote{background:var(--red);color:white;padding:12px 19px;border-radius:5px}.menu-toggle{display:none;border:0;background:none;font-size:27px;color:var(--navy)}
.hero{position:relative;min-height:570px;background-image:url("assets/marvion-home-banner.jpg");background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,42,.88),rgba(3,17,42,.48) 49%,rgba(3,17,42,.03) 100%)}
.hero-copy{position:relative;z-index:1;width:min(640px,90%);padding:85px clamp(25px,7vw,100px)}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2.3px;font-weight:900;color:#6fa9ff;margin:0 0 17px}.hero h1{font-size:clamp(43px,6vw,76px);line-height:1.02;letter-spacing:-2px;margin:0 0 22px;font-weight:950}.hero h1 em{font-style:normal;color:#78b5ff}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:490px;color:#eef4ff;margin:0 0 30px}
.btn{display:inline-flex;align-items:center;gap:22px;background:var(--red);color:white;padding:15px 22px;border-radius:5px;font-weight:850;border:0;cursor:pointer;font-size:15px;box-shadow:0 8px 22px #071b3b28}.btn:hover{background:#b80f17}.btn span{font-size:22px;line-height:1}
.hero-tag{position:absolute;bottom:0;right:0;background:var(--navy);padding:16px 28px;font-size:11px;letter-spacing:1.8px;font-weight:900}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58b2ff;margin-right:10px}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:white;padding:22px clamp(15px,6vw,85px)}.value-strip>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;border-right:1px solid #ffffff35;font-size:14px}.value-strip>div:last-child{border:0}.value-icon{color:#6eacff;font-size:25px;font-weight:900}
.section{padding:82px clamp(24px,10vw,145px);text-align:center}.section-kicker{color:var(--blue);margin-bottom:12px}.section h2,.bay-copy h2,.quote-intro h2{font-size:clamp(30px,4vw,47px);letter-spacing:-1.4px;line-height:1.1;color:var(--navy);margin:0 0 18px}.about>p:not(.section-kicker){max-width:780px;margin:0 auto;color:var(--muted);font-size:17px}.about-points{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:30px}.about-points span{padding:9px 15px;background:#edf4ff;color:var(--navy);border-radius:30px;font-size:13px;font-weight:800}
.services{background:var(--pale)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;text-align:left}.service-grid article{background:#fff;border:1px solid #e2e9f3;padding:30px;border-radius:9px;box-shadow:0 12px 30px #0b234008}.service-icon{width:47px;height:47px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-size:27px;font-weight:900;border-radius:10px}.service-grid h3{color:var(--navy);font-size:19px;margin:17px 0 8px}.service-grid p{margin:0;color:var(--muted);font-size:15px}
.bay-area{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:var(--navy);color:#fff}.bay-photo{background:linear-gradient(0deg,#071b3b33,#071b3b12),url("https://images.unsplash.com/photo-1501594907352-04cda38ebc29?auto=format&fit=crop&w=1200&q=85") center/cover}.bay-copy{padding:65px clamp(25px,6vw,85px)}.bay-copy h2{color:#fff}.bay-copy>p{color:#d2deef;max-width:560px}.landmarks{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:28px}.landmarks span{font-size:13px;color:#fff}.landmarks b{color:#70b2ff;margin-right:7px}
.quote-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:82px clamp(24px,9vw,130px);background:#f4f7fb}.quote-intro h2{max-width:430px}.quote-intro>p{color:var(--muted);max-width:440px}.contact-lines{display:flex;flex-direction:column;gap:13px;margin-top:30px;font-weight:800;color:var(--navy)}.contact-lines a:hover{color:var(--blue)}
.quote-form{background:#fff;padding:30px;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 15px 40px #071b3b10}.quote-form label{display:block;font-size:12px;font-weight:850;color:var(--navy);margin-bottom:14px}.quote-form input,.quote-form textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #cbd5e1;border-radius:5px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}.quote-form input:focus,.quote-form textarea:focus{outline:2px solid #8dbaff;border-color:var(--blue)}.quote-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit{width:100%;justify-content:center}.privacy-note{display:block;color:#738096;font-size:11px;margin-top:12px}.honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#041329;color:#b9c8dc;padding:23px clamp(22px,6vw,88px);font-size:12px}.footer-brand{font-size:18px;font-weight:950;color:white;letter-spacing:-.5px}.footer-brand span{color:#73adff}
@media(max-width:850px){.header{height:75px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:20px 25px 25px;flex-direction:column;align-items:stretch;gap:17px;box-shadow:0 12px 20px #071b3b1a}.nav.open{display:flex}.nav-quote{text-align:center}.hero{min-height:530px;background-position:58% center}.hero-overlay{background:linear-gradient(90deg,#03112ae8,#03112a99 72%,#03112a30)}.value-strip{grid-template-columns:1fr 1fr}.value-strip>div:nth-child(2){border-right:0}.value-strip>div{border-bottom:1px solid #ffffff30}.value-strip>div:nth-child(n+3){border-bottom:0}.service-grid{grid-template-columns:1fr}.bay-area{grid-template-columns:1fr}.bay-photo{min-height:270px}.quote-section{grid-template-columns:1fr;gap:28px}}
@media(max-width:520px){.brand-type b{font-size:21px}.brand-type small{font-size:10px}.brand-mark{width:37px}.hero{min-height:500px}.hero-copy{padding-top:65px;padding-bottom:65px}.hero h1{font-size:46px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-tag{font-size:9px;padding:12px 15px}.value-strip{grid-template-columns:1fr}.value-strip>div{border-right:0;border-bottom:1px solid #ffffff30!important}.value-strip>div:last-child{border-bottom:0!important}.section{padding:60px 23px}.landmarks{grid-template-columns:1fr}.quote-form{padding:21px}.form-grid{grid-template-columns:1fr;gap:0}.footer{flex-direction:column;align-items:flex-start}}