:root{--pkg-navy:#071d2a;--pkg-mint:#e9f6f1;--pkg-shadow:0 30px 80px rgba(9,35,29,.12)}
.vg-packages-page{background:linear-gradient(180deg,#f8f6ef 0,#f2f5f1 52%,#fff 100%)}
.vg-package-hero{min-height:690px;display:flex;align-items:center;padding:132px 0 105px;background:radial-gradient(circle at 80% 22%,rgba(251,182,64,.28),transparent 22%),radial-gradient(circle at 5% 95%,rgba(36,186,139,.2),transparent 28%),linear-gradient(128deg,#041713 0%,#07372e 48%,#0b6756 100%);isolation:isolate}
.vg-package-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 72%)}
.vg-package-hero:after{z-index:-1;right:-80px;bottom:-175px;width:620px;height:620px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.vg-package-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:clamp(45px,7vw,100px);align-items:center}
.vg-package-eyebrow{padding:9px 13px;border:1px solid rgba(245,204,111,.25);border-radius:99px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.vg-package-hero h1{font-size:clamp(54px,7.1vw,96px);line-height:.93;max-width:960px;text-wrap:balance;text-shadow:0 20px 55px rgba(0,0,0,.18)}
.vg-package-hero p{font-size:clamp(16px,1.45vw,20px);max-width:740px}
.vg-package-trust span{padding:11px 15px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.vg-hero-blueprint{position:relative;padding:29px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(2,25,21,.31));box-shadow:0 35px 80px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.15);transform:rotate(1.2deg)}
.vg-hero-blueprint:before{content:"PROJECT ROADMAP";position:absolute;right:18px;top:-11px;padding:6px 10px;border-radius:99px;background:#efbb55;color:#173027;font-size:8px;font-weight:950;letter-spacing:.13em;box-shadow:0 10px 25px rgba(239,187,85,.25)}
.vg-hero-blueprint>div{padding:17px 0}.vg-hero-blueprint b{width:42px;height:42px;border-radius:14px;font-size:12px}.vg-hero-blueprint strong{font-size:15px}.vg-hero-blueprint small{font-size:11px}
.vg-packages-section{position:relative;padding:105px 0}.vg-package-heading{max-width:760px;margin:0 auto 42px}.vg-package-heading>span{display:inline-block;padding:7px 11px;border-radius:99px;background:#fff2d7;color:#986112}.vg-package-heading h2{text-wrap:balance;font-size:clamp(38px,5vw,62px)}
.vg-package-control{position:sticky;top:88px;z-index:20;grid-template-columns:1fr 1fr .7fr;max-width:1020px;margin-bottom:44px;padding:14px;border-color:rgba(21,66,53,.12);border-radius:25px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(1.35);box-shadow:0 24px 65px rgba(20,55,44,.13),inset 0 1px #fff}
.vg-city-picker,.vg-area-control{padding:8px 14px}.vg-city-picker select,.vg-area-control>div{min-height:48px;border:1px solid #e4ebe7;border-radius:13px;background:#f4f8f6}.vg-area-control button{height:46px;transition:.2s}.vg-area-control button:hover{background:#d8e9e1}.vg-area-control input{height:46px}.vg-live-note>i{width:45px;height:45px;border-radius:15px}.vg-live-note b{font-size:12px}
.vg-compare-guide{max-width:860px;margin-bottom:32px;padding:15px 20px;border-radius:18px;background:linear-gradient(135deg,#e9f7f1,#fff);box-shadow:0 12px 35px rgba(18,75,59,.06);font-size:12px}
.vg-package-grid{gap:24px;max-width:1440px;margin:auto}.vg-package-card{padding:32px;border-color:rgba(19,57,46,.12);border-radius:32px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 28%),linear-gradient(180deg,#fff,#fcfdfc);box-shadow:0 22px 60px rgba(24,50,42,.08);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;contain:layout paint}
.vg-package-card:before{height:7px}.vg-package-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.9)}.vg-package-card:hover{transform:translateY(-10px);border-color:color-mix(in srgb,var(--accent) 38%,#dce5e0);box-shadow:0 38px 90px rgba(20,49,40,.15)}
.vg-package-card.featured{margin-top:-18px;border-width:2px;box-shadow:0 35px 90px rgba(30,56,46,.16)}.vg-package-card.featured .vg-package-badge{color:#fff;background:var(--accent);box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 26%,transparent)}
.vg-package-number{font-size:32px}.vg-package-badge{padding:8px 12px}.vg-package-card h3{font-size:36px;letter-spacing:-.045em}.vg-package-card>p{font-size:14px;line-height:1.65}.vg-package-price{margin-top:27px}.vg-package-price strong{font-size:43px}.vg-package-price span{font-size:11px}.vg-package-note{font-size:10px;line-height:1.55}
.vg-estimate-box{padding:19px;border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,white),#fff);box-shadow:inset 0 1px #fff}.vg-estimate-box span{font-size:10px}.vg-estimate-box strong{font-size:23px}.vg-estimate-box small{font-size:10px}.vg-inclusion-summary{padding:3px 2px 9px;font-size:10px}
.vg-package-spec{margin-top:3px}.vg-package-spec details{transition:background .2s}.vg-package-spec details:hover{background:color-mix(in srgb,var(--accent) 4%,white)}.vg-package-spec summary{padding:16px 5px;font-size:13px}.vg-package-spec details[open]{margin:4px -10px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 15%,#e7ece9);border-radius:16px;background:color-mix(in srgb,var(--accent) 4%,white)}.vg-package-spec details[open] summary{color:var(--accent)}.vg-package-spec ul{font-size:12px}.vg-package-spec li{margin:10px 0}
.vg-package-cta{margin-top:25px;padding:16px;border-radius:16px;font-size:13px;box-shadow:0 16px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.vg-package-cta:hover{transform:translateY(-3px);box-shadow:0 22px 40px color-mix(in srgb,var(--accent) 32%,transparent)}.vg-package-disclaimer{margin-top:38px;padding:17px 22px;border-radius:17px;font-size:11px}
.vg-package-proof{padding:100px 0;background:linear-gradient(180deg,#fff,#f6faf8)}.vg-proof-grid{gap:20px}.vg-proof-grid article{position:relative;padding:30px;border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(19,52,43,.065);transition:.3s}.vg-proof-grid article:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(19,52,43,.12)}.vg-proof-grid i{width:54px;height:54px;border-radius:18px;font-size:24px}.vg-proof-grid b{font-size:16px}.vg-proof-grid p{font-size:12px}
.vg-package-stories{padding:100px 0}.vg-story-grid article{padding:31px;border-radius:28px}.vg-package-bottom{padding:80px 0}.vg-package-bottom-card{padding:48px;border-radius:32px;background:radial-gradient(circle at 85% 20%,rgba(239,189,88,.22),transparent 25%),linear-gradient(130deg,#061f1a,#0b5e4e);box-shadow:0 30px 75px rgba(8,48,39,.18)}.vg-package-bottom-card a{padding:16px 23px;border-radius:15px;box-shadow:0 15px 32px rgba(237,189,88,.24)}
.vg-package-card.vg-reveal,.vg-proof-grid article.vg-reveal,.vg-story-grid article.vg-reveal{opacity:0;transform:translateY(24px)}.vg-package-card.vg-revealed,.vg-proof-grid article.vg-revealed,.vg-story-grid article.vg-revealed{opacity:1;transform:translateY(0)}
.vg-packages-page a:focus-visible,.vg-packages-page button:focus-visible,.vg-packages-page select:focus-visible,.vg-packages-page input:focus-visible,.vg-packages-page summary:focus-visible{outline:3px solid #f2b84d;outline-offset:3px}
@media(max-width:1199px){.vg-package-control{top:76px}.vg-package-card{padding:26px}.vg-package-card h3{font-size:32px}.vg-package-price strong{font-size:36px}}
@media(max-width:991px){.vg-package-hero{min-height:auto}.vg-package-hero-grid{grid-template-columns:1fr}.vg-hero-blueprint{transform:none}.vg-package-control{position:relative;top:auto}.vg-package-card.featured{margin-top:0}.vg-package-grid{gap:20px}}
@media(max-width:600px){.vg-package-hero{padding:88px 0 62px}.vg-package-hero h1{font-size:50px}.vg-package-hero p{font-size:15px}.vg-package-trust{display:grid;grid-template-columns:1fr}.vg-package-trust span{width:max-content}.vg-hero-blueprint{padding:22px;border-radius:24px}.vg-packages-section{padding:66px 0}.vg-package-heading h2{font-size:39px}.vg-package-control{padding:10px;border-radius:20px}.vg-package-card{padding:23px;border-radius:25px}.vg-package-card h3{font-size:32px}.vg-package-price strong{font-size:38px}.vg-package-bottom{padding:55px 0}.vg-package-bottom-card{padding:29px}}
@media(prefers-reduced-motion:reduce){.vg-package-card,.vg-proof-grid article,.vg-story-grid article{transition:none!important}}