:root{--bg:#03070a;--panel:#091016;--panel2:#0c141b;--text:#f4f7f7;--muted:#b9c4c7;--blue:#16d4d1;--blue2:#54d3e2;--line:rgba(22,212,209,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03070a;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
header{height:84px;background:#020507;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:50}.nav{height:84px;display:flex;align-items:center;gap:28px}.logo{width:190px;max-height:72px;object-fit:contain}.links{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:12px;font-weight:700}.links a:hover{color:var(--blue)}.phone{color:var(--blue);font-weight:900}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--blue);color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.btn.primary,.cta:hover{background:var(--blue);color:#001112;box-shadow:0 0 24px rgba(22,212,209,.22)}
.hero{min-height:350px;padding:38px 0 34px;background-image:linear-gradient(90deg,rgba(2,5,7,.96) 0%,rgba(2,5,7,.83) 39%,rgba(2,5,7,.18) 72%),url('/assets/hero-approved.jpg');background-size:cover;background-position:center;border-bottom:2px solid var(--blue)}.hero .inner{max-width:570px}.eyebrow{color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:72px;line-height:.88;margin:14px 0 18px;text-transform:uppercase;letter-spacing:.01em}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{color:#d2d9db;font-size:15px;max-width:510px}.actions{display:flex;gap:12px;margin-top:22px}
.trust{background:linear-gradient(180deg,#10161b,#0a0f13);border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:20px 22px;border-right:1px solid rgba(255,255,255,.1);display:flex;gap:14px;align-items:center}.trustitem:last-child{border-right:0}.ico{font-size:27px;color:var(--blue)}.trustitem strong{display:block;font-size:12px}.trustitem span{display:block;color:#c1c9cb;font-size:11px}
section{padding:42px 0}.packages{background:radial-gradient(circle at 88% 40%,rgba(22,212,209,.08),transparent 32%),#070b0f}.packagegrid{display:grid;grid-template-columns:260px repeat(3,1fr);gap:16px;align-items:stretch}.intro small{color:var(--blue);font-weight:900}.intro h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:54px;line-height:.94;margin:10px 0 24px;text-transform:uppercase}.checks{list-style:none;padding:0;margin:0}.checks li{margin:13px 0;color:#d1d7d8}.checks li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--blue);border-radius:50%;color:var(--blue);margin-right:10px}
.pcard{border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#0d1318,#080c0f);padding:14px;text-align:center;border-radius:5px}.pcard h3{color:var(--blue);font-size:24px;font-style:italic;margin:0;text-transform:uppercase}.pcard .sub{font-size:10px;color:var(--blue);text-transform:uppercase}.pcard img{width:100%;height:160px;object-fit:cover;object-position:center;border-radius:2px;margin:6px 0}.pcard p{font-size:11px;min-height:48px;color:#e0e4e5}.price{font-size:32px;font-weight:900;color:var(--blue)}.pcard .btn{width:100%;min-height:34px;margin-top:10px}
.projects{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sectionhead h2{font-size:20px;margin:0;text-transform:uppercase}.projectshot{width:100%;display:block;border:1px solid rgba(255,255,255,.16)}
.area{padding:0;background:#091017}.areagrid{display:grid;grid-template-columns:1fr 1fr;min-height:260px}.mapimg{width:100%;height:100%;object-fit:cover}.areacopy{padding:42px}.areacopy small{color:var(--blue);font-weight:900}.areacopy h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:44px;line-height:1;margin:10px 0 15px;text-transform:uppercase}.areacopy h2 span{color:var(--blue)}
.why{padding:0;background:#070b0e;border-top:1px solid var(--line)}.whygrid{display:grid;grid-template-columns:250px 1fr}.sharkaccent{width:100%;height:190px;object-fit:cover}.whycontent{padding:28px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:14px;align-items:center}.whycontent h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:36px;margin:0;text-transform:uppercase}.whycontent small{color:var(--blue)}.whybox{border:1px solid rgba(255,255,255,.12);min-height:110px;padding:17px;text-align:center;font-size:12px;font-weight:800}.whybox b{display:block;color:var(--blue);font-size:22px}
.bottomcta{border-top:1px solid var(--line);padding:16px 0;background:#0b1115}.bottomrow{display:flex;align-items:center;justify-content:space-between;gap:20px}.bottomrow strong{font-size:18px}.bottomrow .call{font-size:22px;color:var(--blue);font-weight:900}
.breadcrumbs{padding:22px 0 0;color:#83949a;font-size:12px}.breadcrumbs a{color:var(--blue)}.content{display:grid;grid-template-columns:1fr 320px;gap:38px}.prose{font-size:17px}.prose h2{font-size:30px;text-transform:uppercase}.prose p,.prose li{color:#c0cbce}.side{position:sticky;top:110px;height:max-content}.quote,.card{border:1px solid var(--line);background:#091117;padding:25px}.grid,.list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.linkcard{padding:20px;border:1px solid rgba(255,255,255,.12);background:#091117}.linkcard:hover{border-color:var(--blue)}footer{padding:46px 0;background:#020507;border-top:1px solid rgba(255,255,255,.08);color:#8e9ca1}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footergrid a{display:block;margin:8px 0}
@media(max-width:900px){.links>a:not(.cta){display:none}.hero h1{font-size:58px}.packagegrid{grid-template-columns:1fr 1fr}.intro{grid-column:1/-1}.trustgrid{grid-template-columns:1fr 1fr}.areagrid,.whygrid,.content{grid-template-columns:1fr}.whycontent{grid-template-columns:1fr 1fr}.side{position:static}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}header,.nav{height:72px}.logo{width:125px}.links{gap:8px}.cta{padding:0 10px;font-size:9px}.hero{min-height:470px;background-position:62% center}.hero .inner{padding-top:35px}.hero h1{font-size:50px;max-width:350px}.hero p{max-width:330px}.trustgrid,.packagegrid,.grid,.list,.footergrid{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.areacopy{padding:28px}.whycontent{grid-template-columns:1fr}.bottomrow{flex-direction:column;text-align:center}}

/* ===== FINAL PREMIUM POLISH ===== */
header{box-shadow:0 12px 40px rgba(0,0,0,.38)}
.nav{max-width:1240px}
.logo{filter:drop-shadow(0 0 12px rgba(22,212,209,.18))}
.hero{
 min-height:470px;padding:72px 0 56px;
 background-image:
 linear-gradient(90deg,rgba(2,5,7,.99) 0%,rgba(2,5,7,.88) 40%,rgba(2,5,7,.30) 69%,rgba(2,5,7,.18) 100%),
 linear-gradient(180deg,transparent 62%,rgba(2,5,7,.72)),
 url('/assets/hero-approved.jpg');
 background-position:center 47%;
 box-shadow:inset 0 -70px 80px rgba(0,0,0,.22)
}
.hero .inner{max-width:650px}
.hero h1{font-size:clamp(62px,7.3vw,96px);line-height:.86;letter-spacing:-.015em;text-shadow:0 10px 35px rgba(0,0,0,.75)}
.hero p{font-size:17px;line-height:1.62;max-width:570px}
.eyebrow{letter-spacing:.15em}
.btn,.cta{transition:.2s ease;border-radius:3px}.btn:hover,.cta:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(22,212,209,.26)}
.trustitem{min-height:82px}.trustitem strong{letter-spacing:.04em}
.packages{padding:60px 0 66px}.packagegrid{gap:18px}.intro h2{font-size:60px}
.pcard{position:relative;overflow:hidden;padding:16px 16px 19px;transition:.24s ease;box-shadow:0 18px 50px rgba(0,0,0,.26)}
.pcard:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:0 22px 60px rgba(0,0,0,.42),0 0 30px rgba(22,212,209,.08)}
.pcard:nth-child(3){border-color:rgba(22,212,209,.72);box-shadow:0 22px 65px rgba(0,0,0,.4),0 0 28px rgba(22,212,209,.08)}
.pcard:nth-child(3):before{content:"MOST POPULAR";position:absolute;top:0;right:0;background:var(--blue);color:#001112;font-size:8px;font-weight:900;letter-spacing:.08em;padding:5px 8px;z-index:2}
.pcard img{height:178px;object-fit:cover;object-position:center 45%;filter:saturate(1.06) contrast(1.04)}
.pcard h3{font-size:27px}.price{font-size:37px}
.projects{padding:50px 0}.projectshot{box-shadow:0 22px 65px rgba(0,0,0,.35)}
.areagrid{min-height:330px}.areacopy{display:flex;flex-direction:column;justify-content:center;padding:50px 58px}.areacopy h2{font-size:50px}
.whycontent{padding:34px 40px}.whybox{transition:.2s ease}.whybox:hover{border-color:var(--blue);transform:translateY(-3px)}
.bottomcta{padding:22px 0}.bottomrow strong{font-size:21px}
footer{padding-top:54px}
.content{padding-bottom:35px}.prose h2{color:#fff}.prose a{color:var(--blue)}
.quote{box-shadow:0 20px 55px rgba(0,0,0,.3)}
@media(max-width:900px){
 .hero{min-height:440px;padding:62px 0 48px;background-position:62% center}
 .hero h1{font-size:68px}.packagegrid{grid-template-columns:1fr 1fr}
 .pcard img{height:190px}.areacopy{padding:36px}
}
@media(max-width:600px){
 body{overflow-x:hidden}
 .nav{gap:8px}.logo{width:118px}.links .phone{display:none}
 .hero{min-height:500px;padding:56px 0 44px;background-position:66% center}
 .hero:before{content:"";position:absolute}
 .hero h1{font-size:54px;max-width:340px}.hero p{font-size:15px;max-width:315px}
 .actions{flex-direction:column;max-width:270px}.actions .btn{width:100%}
 .packages{padding:44px 0}.intro h2{font-size:48px}.pcard img{height:220px}
 .sectionhead{align-items:flex-start;gap:12px;flex-direction:column}
 .areagrid{min-height:0}.mapimg{height:280px}.areacopy h2{font-size:42px}
 .sharkaccent{height:160px}.whycontent{padding:28px 20px}
 .bottomrow .btn{width:100%}
}

/* ===== CINEMATIC APPROVED HERO + TRANSPARENT LOGO ===== */
header{height:92px;background:rgba(2,5,8,.74);backdrop-filter:blur(14px);position:absolute;top:0;left:0;right:0}
.nav{height:92px}
.logo{width:245px;max-height:86px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 16px rgba(0,0,0,.55))}
.hero{
 min-height:615px;padding:176px 0 70px;
 background-image:
 linear-gradient(90deg,rgba(2,5,8,.90) 0%,rgba(2,5,8,.68) 34%,rgba(2,5,8,.12) 64%,rgba(2,5,8,.04) 100%),
 linear-gradient(180deg,rgba(2,5,8,.05) 55%,rgba(2,5,8,.58) 100%),
 url('/assets/hero-cinematic-approved.jpg');
 background-size:cover;background-position:center top;
 border-bottom:2px solid #16d4d1
}
.hero .inner{max-width:620px}
.hero h1{font-size:clamp(72px,7vw,108px);line-height:.84}
.hero h1 em{display:inline-block;color:#16d4d1;text-shadow:0 0 28px rgba(22,212,209,.16)}
.hero p{max-width:540px;font-size:17px;text-shadow:0 2px 8px #000}
@media(max-width:900px){
 header{position:absolute}.logo{width:190px}
 .hero{min-height:590px;padding-top:150px;background-position:62% top}
}
@media(max-width:600px){
 header,.nav{height:78px}.logo{width:150px;max-height:70px}
 .hero{min-height:610px;padding-top:128px;background-position:61% top}
 .hero h1{font-size:58px;max-width:355px}
}