/* V6.3 — cinematic polish + responsive de-clutter */
:root{--v63gold:#d8b76c;--v63cream:#f4efe4}
/* Hero: let the film and headline breathe. */
.v4-drone-hero{min-height:100svh;align-items:center;padding-top:112px;padding-bottom:86px}
.v4-drone-hero:before{opacity:.07;background-size:120px 120px;mask-image:linear-gradient(to bottom,transparent 4%,#000 52%,transparent 96%)}
.v4-drone-hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 47%,rgba(0,0,0,.10) 78%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 42%)}
.v4-hero-copy{padding-top:0;max-width:900px}
.v4-hero-copy h1{font-size:clamp(4.6rem,8.4vw,8.5rem);line-height:.82;max-width:900px;text-wrap:balance}
.v4-hero-copy>p{max-width:660px;font-size:clamp(1.05rem,1.5vw,1.25rem)}
.drone-badge,.vault-hud{display:none!important}
.hero-actions{margin:30px 0 26px}
.hero-paths{margin-top:22px;max-width:1080px;gap:0;border:1px solid rgba(255,255,255,.13);background:rgba(3,4,4,.32);backdrop-filter:blur(14px)}
.hero-paths a{border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;min-height:78px;transition:background .25s ease,transform .25s ease}
.hero-paths a:last-child{border-right:0}.hero-paths a:hover{background:rgba(216,183,108,.10);transform:translateY(-2px)}
.scroll-cue{bottom:18px;opacity:.72}
/* Softer tech treatment — premium real estate first. */
.core-vault{background:radial-gradient(circle at 74% 42%,rgba(181,139,62,.10),transparent 28%),linear-gradient(135deg,#080909,#030404 62%,#0a0907)}
.core-vault:before{opacity:.55;background-size:88px 88px}
.core-console{border-color:rgba(215,181,109,.25);box-shadow:0 35px 100px rgba(0,0,0,.48),inset 0 0 70px rgba(215,181,109,.025)}
/* More cinematic service cards */
.service-panel{overflow:hidden}.service-panel>div{transition:transform .5s ease}.service-panel:hover>div{transform:translateY(-8px)}
.service-panel:after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .4s ease,box-shadow .4s ease}.service-panel:hover:after{border-color:rgba(216,183,108,.36);box-shadow:inset 0 0 80px rgba(216,183,108,.06)}
/* AI stays useful without covering the experience. */
.bsai-launcher{right:18px!important;bottom:16px!important;padding:13px 18px!important;font-size:13px!important;box-shadow:0 12px 38px rgba(0,0,0,.46)!important}
.bsai-panel{right:18px!important;bottom:76px!important}
@media (max-width:1100px){
 .v4-drone-hero{min-height:94svh;padding:112px 28px 74px;align-items:center}
 .v4-hero-copy{max-width:780px}
 .v4-hero-copy h1{font-size:clamp(4rem,9.2vw,7rem)}
 .hero-paths{grid-template-columns:repeat(2,1fr);max-width:760px}
 .hero-paths a:nth-child(2){border-right:0}.hero-paths a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}
@media (max-width:700px){
 .v4-drone-hero{min-height:92svh;padding:102px 18px 52px;align-items:flex-end}
 .v4-drone-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.20)),linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.18) 72%)}
 .v4-hero-copy h1{font-size:clamp(3.35rem,17vw,5.2rem);line-height:.84}
 .v4-hero-copy>p{font-size:1rem;line-height:1.5}
 .hero-kicker{font-size:.62rem;letter-spacing:.14em}
 .hero-paths{display:none}
 .hero-actions{margin-bottom:8px}
 .core-vault{padding-top:78px;padding-bottom:78px}
 .bsai-launcher{right:12px!important;bottom:12px!important;padding:12px 15px!important;font-size:12px!important}
 .bsai-launcher .bsai-spark{margin-right:5px}
}
@media(prefers-reduced-motion:reduce){.service-panel>div{transition:none}}