:root{–ocean:#4A9CB5;–text:#2D3436;–shadow:0 4px 24px rgba(0,0,0,0.08)}
.bcv-wrap{font-family:Inter,sans-serif;color:var(–text);font-size:16px;line-height:1.6;margin:0;overflow-x:hidden}
.bcv-wrap *{box-sizing:border-box}
.bcv-wrap h1,.bcv-wrap h2,.bcv-wrap h3,.bcv-wrap h4{font-family:Poppins,sans-serif;font-weight:700;margin:0}
.bcv-wrap a{text-decoration:none}
.anim{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}
.anim.vis{opacity:1;transform:none}
.bcv-btn{display:inline-block;padding:14px 32px;border-radius:50px;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;transition:all .3s ease;cursor:pointer;margin:6px}
.bcv-btn-solid{background:var(–ocean);color:#fff;border:2px solid var(–ocean)}
.bcv-btn-solid:hover{background:#3a8ba3;border-color:#3a8ba3}
.bcv-btn-outline{background:transparent;color:var(–ocean);border:2px solid var(–ocean)}
.bcv-btn-outline:hover{background:var(–ocean);color:#fff}
.bcv-divider{width:60px;height:3px;background:var(–ocean);margin:0 auto;border-radius:2px}
.vd-hero{position:relative;min-height:55vh;display:flex;align-items:center;justify-content:center;text-align:center}
.vd-hero::before{content:””;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.55))}
.vd-hero-inner{position:relative;z-index:1;padding:2rem;max-width:700px}
.vd-hero h1{color:#fff;font-size:clamp(36px,5vw,56px);line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.4);margin-bottom:.3em}
.vd-hero .tagline{color:rgba(255,255,255,.92);font-size:clamp(16px,2vw,20px);text-shadow:0 1px 8px rgba(0,0,0,.3);margin-bottom:8px}
.vd-hero .platform{color:rgba(255,255,255,.75);font-size:14px;font-weight:500}
.vd-badge{display:inline-block;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;margin-top:16px}
.vd-badge-available{background:rgba(26,122,66,.9);color:#fff}
.vd-badge-soon{background:rgba(230,126,34,.9);color:#fff}
.bcv-section{padding:80px 24px}
.bcv-section-alt{background:#f8f9fa}
.bcv-container{max-width:960px;margin:0 auto}
.bcv-section h2{font-size:clamp(24px,3.5vw,36px);text-align:center;margin-bottom:16px}
.bcv-section .subtitle{text-align:center;color:#666;font-size:17px;max-width:600px;margin:0 auto 48px}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.spec-card{background:#fff;border-radius:14px;padding:28px 20px;box-shadow:var(–shadow);text-align:center;transition:transform .3s ease}
.spec-card:hover{transform:translateY(-4px)}
.spec-card .icon{font-size:36px;margin-bottom:10px}
.spec-card h4{font-size:16px;margin-bottom:8px}
.spec-card p{font-size:13px;color:#666;margin:0;line-height:1.5}
.spec-grid-2{grid-template-columns:repeat(2,1fr)}
.feat-list{max-width:700px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.feat-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:#444}
.feat-item .check{color:var(–ocean);font-weight:700;font-size:18px;flex-shrink:0}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.gallery-placeholder{background:linear-gradient(135deg,#e8e8e8,#d0d0d0);border-radius:12px;height:200px;display:flex;align-items:center;justify-content:center;color:#999;font-family:Poppins,sans-serif;font-weight:600;font-size:14px}
.bcv-cta{background:var(–ocean);padding:80px 24px;text-align:center}
.bcv-cta h2{color:#fff;font-size:clamp(24px,4vw,38px);margin-bottom:12px}
.bcv-cta p{color:rgba(255,255,255,.88);font-size:18px;margin-bottom:32px;max-width:550px;margin-left:auto;margin-right:auto}
.bcv-cta .bcv-btn{background:#fff;color:var(–ocean);border:2px solid #fff;font-weight:700}
.bcv-cta .bcv-btn:hover{background:rgba(255,255,255,.9)}
.overview-text{max-width:700px;margin:0 auto;text-align:center;font-size:17px;color:#555;line-height:1.7}
.placeholder-box{max-width:700px;margin:40px auto 0;background:#f8f9fa;border:2px dashed #ddd;border-radius:14px;padding:48px 24px;text-align:center;color:#999;font-size:16px}
@media(max-width:768px){.spec-grid,.spec-grid-2{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.feat-list{grid-template-columns:1fr}}
@media(max-width:480px){.spec-grid,.spec-grid-2{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}}

document.addEventListener(“DOMContentLoaded”,function(){var o=new IntersectionObserver(function(entries){entries.forEach(function(en){if(en.isIntersecting){en.target.classList.add(“vis”);o.unobserve(en.target)}})},{threshold:0.15,rootMargin:”0px 0px -40px 0px”});document.querySelectorAll(“.anim”).forEach(function(el){o.observe(el)})})