:root{--navy:#0b1d3a;--navy-soft:#102748;--teal:#0e7c6e;--white:#f8fafc;--body:#eef2f6;color:var(--navy);background:var(--body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--body)}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 0 0,#0e7c6e1a,#0000 30%),#eef2f6;min-height:100vh;padding:24px}.browser-frame{background:#fff;border:1px solid #0b1d3a1f;border-radius:30px;max-width:1600px;margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #0b1d3a29}.header{background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:18px 36px;display:flex}.logo-wrap{align-items:center;display:flex}.header-logo{object-fit:contain;width:auto;height:62px}.nav{color:var(--navy);align-items:center;gap:34px;font-weight:800;display:flex}.nav a{transition:color .2s}.nav a:hover,.nav .active{color:var(--teal)}.quote-button,.hero-button{background:var(--teal);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:14px;justify-content:center;align-items:center;font-weight:900;transition:transform .2s,background .2s;display:inline-flex}.quote-button{padding:16px 24px;font-size:14px}.quote-button:hover,.hero-button:hover{background:#0a685d;transform:translateY(-2px)}.hero{isolation:isolate;min-height:620px;position:relative;overflow:hidden}.hero-bg{filter:brightness(.9)contrast(1.07)saturate(1.04);background-image:url(/images/hero/wiwill-louisiana-bridge-hero.png);background-position:100%;background-size:cover;position:absolute;inset:0;transform:scale(1.01)}.hero-left-mask{z-index:1;background:linear-gradient(90deg,#030f20fc 0%,#05142afb 32%,#07182ff0 58%,#07182f9e 82%,#07182f00 100%);width:64%;position:absolute;inset:0 auto 0 0}.hero-global-overlay{z-index:2;background:linear-gradient(#07182f14,#07182f29),linear-gradient(90deg,#07182f3d,#07182f05);position:absolute;inset:0}.hero-content{z-index:3;max-width:860px;padding:92px 72px 115px;position:relative}.hero-eyebrow{color:#9ef1e8;letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:900}.hero h1{color:#fff;letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 4px #0b1d3a3d,0 14px 34px #00000073;max-width:820px;margin:0;font-size:clamp(42px,4.7vw,74px);font-weight:1000;line-height:.98}.hero-subtitle{color:#fffffffa;text-shadow:0 3px #0b1d3a2e,0 10px 24px #0000006b;margin:24px 0 0;font-size:clamp(24px,2.5vw,36px);font-weight:800;line-height:1.14}.hero-actions{margin-top:34px}.hero-button{gap:14px;padding:20px 32px;font-size:18px;box-shadow:0 14px 30px #0e7c6e42}.feature-band{background:var(--navy);color:#fff;grid-template-columns:repeat(4,1fr);display:grid}.feature-band article{border-right:1px solid #ffffff24;min-height:210px;padding:34px 30px}.feature-band article:last-child{border-right:none}.feature-band div{font-size:42px;line-height:1}.feature-band h3{text-transform:uppercase;letter-spacing:.05em;margin:20px 0 0;font-size:14px;font-weight:950}.feature-band p{color:#ffffffbd;margin:12px 0 0;font-size:14px;line-height:1.65}.footer{background:#fff}.footer-main{grid-template-columns:1.4fr repeat(3,1fr);gap:34px;padding:46px 56px;display:grid}.footer-brand img{width:auto;height:110px}.footer-brand p,.footer-main p{color:#64748b;line-height:1.7}.footer-main h4{text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:950}.footer-main a{color:#64748b;margin:10px 0;display:block}.footer-bottom{color:#ffffffb3;background:#07182f;justify-content:space-between;gap:18px;padding:20px 56px;display:flex}.footer-bottom div{flex-wrap:wrap;gap:14px;display:flex}.pleravyn-link{color:var(--teal);font-weight:900}.pleravyn-link:hover{color:#fff}@media (width<=1100px){.nav{display:none}.hero-left-mask{z-index:1;background:linear-gradient(90deg,#030f20fc 0%,#05142afb 32%,#07182ff0 58%,#07182f9e 82%,#07182f00 100%);width:64%;position:absolute;inset:0 auto 0 0}.feature-band,.footer-main{grid-template-columns:1fr 1fr}}@media (width<=780px){.site-shell{padding:12px}.browser-frame{border-radius:22px}.header{padding:16px}.header-logo{height:48px}.quote-button{padding:12px 14px;font-size:11px}.hero{min-height:560px}.hero-left-mask{z-index:1;background:linear-gradient(90deg,#030f20fc 0%,#05142afb 32%,#07182ff0 58%,#07182f9e 82%,#07182f00 100%);width:64%;position:absolute;inset:0 auto 0 0}.hero-content{z-index:3;max-width:860px;padding:92px 72px 115px;position:relative}.hero h1{color:#fff;letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 4px #0b1d3a3d,0 14px 34px #00000073;max-width:820px;margin:0;font-size:clamp(42px,4.7vw,74px);font-weight:1000;line-height:.98}.hero-subtitle{color:#fffffffa;text-shadow:0 3px #0b1d3a2e,0 10px 24px #0000006b;margin:24px 0 0;font-size:clamp(24px,2.5vw,36px);font-weight:800;line-height:1.14}.feature-band,.footer-main{grid-template-columns:1fr}.feature-band article{border-bottom:1px solid #ffffff24;border-right:none}.footer-main{padding:34px 24px}.footer-bottom{text-align:center;flex-direction:column;padding:20px 24px}}.header-actions{align-items:center;gap:16px;display:flex}.phone-link{color:var(--navy);letter-spacing:.02em;white-space:nowrap;font-weight:900}.phone-link:hover{color:var(--teal)}.hero-secondary-button{color:#fff;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff61;border-radius:14px;justify-content:center;align-items:center;padding:20px 28px;font-size:18px;font-weight:900;display:inline-flex}.hero-secondary-button:hover{background:#ffffff2e}.footer-main a{font-weight:800}@media (width<=1100px){.phone-link{display:none}}@media (width<=780px){.header-actions{gap:10px}.hero-actions{flex-direction:column;align-items:flex-start;display:flex}.hero-secondary-button{padding:16px 22px;font-size:14px}}
