body{background:#fff;color:#17231f}
.web-hero{padding:78px 0 64px;background:radial-gradient(circle at 78% 28%,rgba(36,86,61,.28),transparent 32%),linear-gradient(135deg,#0a1f17,#050505 68%);border-bottom:1px solid rgba(198,161,91,.2);color:var(--cream)}
.web-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:52px;align-items:center}
.web-hero h1{max-width:780px;margin:0;font-size:clamp(3.2rem,5.6vw,5.85rem);line-height:.89;letter-spacing:-.075em;text-transform:uppercase}
.web-hero-lead{max-width:760px;color:rgba(244,239,230,.84);font-size:1.08rem;line-height:1.62;margin-top:18px}
.section-lead{max-width:770px;color:rgba(23,35,31,.72);font-size:1.08rem;line-height:1.62}
.web-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:4px}.web-hero-actions .secondary{margin-left:0}
.web-hero-note{margin-top:18px;color:rgba(244,239,230,.64);font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.hero-device-stage{position:relative;min-height:360px;display:flex;align-items:center;justify-content:flex-end}.desktop-mockup{position:relative;width:100%}.desktop-mockup-large{max-width:560px}.desktop-topbar{display:none}.desktop-screen{overflow:hidden;background:#0a1110;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 28px 54px rgba(0,0,0,.35)}.desktop-screen img,.hero-site-video{display:block;width:100%;height:auto;object-fit:contain;object-position:top center;background:#0a1110}.desktop-stand{display:none}.desktop-stand:after,.device-base:after{content:"";position:absolute;left:20%;right:20%;bottom:-11px;height:11px;background:#8a9397;border-radius:0 0 18px 18px}.device-base{position:relative;width:50%;height:18px;margin:0 auto;background:linear-gradient(180deg,#d7dcde,#727b80);border-radius:0 0 18px 18px}.growth-card{position:absolute;right:0;bottom:0;width:220px;padding:17px;border:1px solid rgba(198,161,91,.42);border-radius:16px;background:rgba(9,19,17,.94);box-shadow:0 18px 36px rgba(0,0,0,.42)}.growth-card span,.growth-card strong{display:block}.growth-label{color:var(--gold);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.growth-card strong{margin-top:4px;font-size:1.22rem;line-height:1.1}.growth-card>span:last-child{margin-top:6px;color:rgba(244,239,230,.82);font-size:.78rem;line-height:1.28}
.site-header .site-brand,.site-header .brand,.site-header .logo,.site-header a[aria-label*="Vista" i]{color:#fff!important;opacity:1!important;filter:none!important}
.web-testimonial-strip{background:#f7f4ec;border-bottom:1px solid rgba(30,75,59,.12)}.web-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:18px;padding-bottom:18px}.web-testimonial-grid article{padding:18px 20px;border:1px solid rgba(30,75,59,.12);border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(30,75,59,.04)}.web-testimonial-grid strong,.web-testimonial-grid span{display:block}.web-testimonial-grid strong{color:#1e4b3b;font-size:1rem}.web-testimonial-grid span{margin-top:5px;color:rgba(23,35,31,.7);font-size:.84rem;line-height:1.38}
.web-affordable-section,.web-growth-section,.web-tools-section,.web-pricing-section,.community-section,.web-process-section,.web-booking-section,.web-final-cta{padding:92px 0}.web-affordable-section{background:#fff}.web-affordable-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.web-affordable-section h2,.web-growth-section h2,.web-projects-section h2,.web-tools-section h2,.web-pricing-section h2,.community-section h2,.web-process-section h2,.web-booking-section h2,.web-final-cta h2,.web-recent-launches-section h2{max-width:980px;margin:0;font-size:clamp(2.55rem,4.8vw,5.45rem);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.web-affordable-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.web-affordable-points article{padding:18px;border:1px solid rgba(30,75,59,.14);border-radius:14px;background:#eef5f1}.web-affordable-points strong,.web-affordable-points span{display:block}.web-affordable-points strong{color:#1e4b3b;font-size:1rem}.web-affordable-points span{margin-top:6px;color:rgba(23,35,31,.72);font-size:.86rem;line-height:1.42}
.web-growth-section{background:#fff;color:#17231f}.growth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}.growth-point{min-height:230px;padding:20px;border:1px solid rgba(30,75,59,.14);border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(30,75,59,.06)}.growth-point span{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.14em}.growth-point h3{margin:18px 0 8px;font-size:1.45rem;color:#17231f}.growth-point p{margin:0;color:rgba(23,35,31,.72);font-size:.88rem;line-height:1.35}
.web-recent-launches-section{padding:84px 0;background:#eef5f1;border-top:1px solid rgba(30,75,59,.12);border-bottom:1px solid rgba(30,75,59,.12)}.section-heading-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px;align-items:end;margin-bottom:34px}.section-heading-row>p{margin:0;color:#4e5852;font-size:1rem;line-height:1.48}.web-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.web-launch-grid article{padding:20px;border:1px solid rgba(30,75,59,.14);border-radius:14px;background:#fff;box-shadow:0 10px 22px rgba(30,75,59,.05)}.web-launch-grid img{display:block;width:100%;height:180px;object-fit:contain;object-position:top center;background:#0f1513;border-radius:8px;margin-bottom:14px}.web-launch-grid span{display:block;color:#b98b3b;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.web-launch-grid h3{margin:10px 0 7px;color:#17231f;font-size:1.3rem;line-height:1.15}.web-launch-grid p{margin:0;color:rgba(23,35,31,.72);font-size:.9rem;line-height:1.45}
.web-projects-section{padding:94px 0;background:linear-gradient(180deg,#eef0eb,#f7f4ee);color:#121412}.featured-sites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.site-showcase{display:block;overflow:hidden;border:1px solid rgba(18,20,18,.14);border-radius:18px;background:#fff;box-shadow:0 20px 36px rgba(16,27,20,.1);transition:transform .28s ease,box-shadow .28s ease}.site-showcase:hover{transform:translateY(-7px);box-shadow:0 28px 46px rgba(16,27,20,.16)}.showcase-device{padding:24px 26px 28px;background:linear-gradient(150deg,#10221c,#08100e)}.browser-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#101616;box-shadow:0 18px 34px rgba(0,0,0,.3)}.browser-toolbar{position:relative;z-index:5;display:flex;gap:6px;align-items:center;height:24px;padding:0 9px;background:#202825}.browser-toolbar span{margin-left:7px;color:rgba(244,239,230,.52);font-size:.68rem}.browser-frame img,.site-preview-video{display:block;width:100%;height:320px;object-fit:contain;object-position:top center;background:#0f1513}.device-base{height:12px;width:40%}.device-base:after{bottom:-7px;height:7px}.showcase-copy{padding:20px}.showcase-copy .eyebrow{margin-bottom:6px}.showcase-copy h3{margin:0;font-size:1.56rem}.showcase-copy p{min-height:70px;margin:10px 0 13px;color:#58615d;font-size:.92rem;line-height:1.38}.more-sites{display:grid;grid-template-columns:310px 1fr;gap:24px;margin-top:28px;padding:22px;border-radius:16px;background:#172e25;color:var(--cream)}.more-sites-heading h3{margin:0;max-width:280px;font-size:1.45rem;line-height:1.1}.more-sites-grid{display:grid;gap:8px}.more-sites-grid a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:10px;background:rgba(244,239,230,.06);transition:background .24s ease;color:var(--cream)}.more-sites-grid a:hover{background:rgba(244,239,230,.12)}.more-sites-grid a strong{margin:0;font-weight:700}.more-sites-grid a span{text-align:right;color:var(--gold);font-size:.82rem}.portfolio-cta{margin-top:28px;padding:28px;border:1px solid rgba(30,75,59,.14);border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(30,75,59,.06);text-align:center}.portfolio-cta h3{margin:8px 0 16px;font-size:2rem;line-height:1.08;color:#17231f}
.web-tools-section{background:#eef5f1;color:#17231f;border-top:1px solid rgba(30,75,59,.14);border-bottom:1px solid rgba(30,75,59,.14)}.tools-layout,.pricing-layout,.community-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:start}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tools-grid article{min-height:142px;padding:17px;border:1px solid rgba(30,75,59,.14);border-radius:12px;background:#fff;color:#17231f;box-shadow:0 8px 18px rgba(30,75,59,.05)}.tools-grid article strong{display:block;margin-bottom:6px;color:#1e4b3b;font-weight:700}.tools-grid article span{display:block;color:rgba(23,35,31,.72);font-size:.88rem;line-height:1.32}
.web-process-section{background:#f7f4ec;color:#17231f;border-top:1px solid rgba(30,75,59,.12);border-bottom:1px solid rgba(30,75,59,.12)}.web-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.web-process-grid article{padding:22px;border:1px solid rgba(30,75,59,.14);border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(30,75,59,.05)}.web-process-grid span{color:#b98b3b;font-size:.72rem;font-weight:800;letter-spacing:.14em}.web-process-grid h3{margin:14px 0 8px;color:#17231f;font-size:1.3rem}.web-process-grid p{margin:0;color:rgba(23,35,31,.72);font-size:.92rem;line-height:1.48}
.web-booking-section{background:#eef5f1;color:#17231f;border-top:1px solid rgba(30,75,59,.14)}.web-calendly-embed{max-width:900px;margin:0 auto;padding:0 5vw;min-height:1100px}.web-calendly-embed .calendly-inline-widget{min-height:1100px!important;height:1100px!important}
.web-pricing-section{background:#f7f4ec;color:#141714}.web-pricing-section .section-lead{color:#59615b}.pricing-card{padding:24px;border-radius:18px;background:#fff;color:#17231f;border:1px solid rgba(30,75,59,.14);box-shadow:0 16px 32px rgba(30,75,59,.08)}.price-line{display:grid;grid-template-columns:1fr auto;align-items:center;margin:16px 0;padding:12px 0;border-top:1px solid rgba(30,75,59,.1);border-bottom:1px solid rgba(30,75,59,.1)}.price-line strong{color:#17231f}.price-line span{color:#b98b3b;font-weight:800}.pricing-note{color:rgba(23,35,31,.72);line-height:1.55}.web-bundle-wrap{margin-top:28px}.web-bundle-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:26px;border:1px solid rgba(185,139,59,.28);border-radius:16px;background:#fff;box-shadow:0 14px 30px rgba(30,75,59,.07)}.web-bundle-card h3{margin:8px 0 8px;color:#17231f;font-size:1.65rem;line-height:1.12}.web-bundle-card p{margin:0;color:rgba(23,35,31,.72);line-height:1.52}.web-bundle-price{min-width:190px;padding:18px;border-radius:14px;background:#eef5f1;text-align:center}.web-bundle-price span,.web-bundle-price strong{display:block}.web-bundle-price span{color:#1e4b3b;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.web-bundle-price strong{margin:6px 0 12px;color:#1e4b3b;font-size:3rem;line-height:1}
.community-section{background:#fff;color:#17231f}.community-grid p{color:rgba(23,35,31,.74);font-size:1rem;line-height:1.62}
.web-final-cta{background:#f7f4ec;color:#17231f;text-align:center;border-top:1px solid rgba(30,75,59,.14)}.web-final-cta h2{max-width:900px;margin:0 auto}.web-final-cta p{max-width:760px;margin:16px auto 0;color:rgba(23,35,31,.72);font-size:1rem;line-height:1.54}
@media(max-width:1080px){.web-hero-grid{grid-template-columns:1fr;gap:30px}.hero-device-stage{min-height:260px;max-width:620px;padding-top:0}.web-affordable-grid{grid-template-columns:1fr}.growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-process-grid{grid-template-columns:1fr}.web-launch-grid{grid-template-columns:1fr}}
@media(max-width:680px){.web-hero{padding:72px 0 54px}.web-hero h1{font-size:3.05rem}.web-hero-lead{font-size:1rem}.hero-device-stage{min-height:220px}.growth-card{left:12px;right:auto;bottom:18px;width:200px;padding:14px;font-size:.88rem}.growth-label{font-size:.58rem}.growth-card strong{font-size:1.08rem}.web-testimonial-grid,.web-affordable-points{grid-template-columns:1fr}.web-projects-section{padding:52px 0}.featured-sites-grid{grid-template-columns:1fr}.tools-layout,.pricing-layout,.community-grid{grid-template-columns:1fr;gap:30px}.growth-grid{grid-template-columns:1fr}.section-heading-row{grid-template-columns:1fr;gap:16px}.more-sites{grid-template-columns:1fr}.web-bundle-card{grid-template-columns:1fr}.web-calendly-embed{padding:0 2vw}.browser-frame img,.site-preview-video{height:240px}}