.cms-home-hero{min-height:430px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);overflow:hidden;background:linear-gradient(120deg,#071a2a,#092d45);border-bottom:1px solid #2a5873}.cms-home-hero-copy{padding:clamp(48px,7vw,108px) clamp(24px,7vw,108px);position:relative;z-index:1}.cms-home-hero-copy p{margin:0;color:#8fd5ff;font-size:11px;font-weight:900;letter-spacing:.15em}.cms-home-hero-copy h1{margin:17px 0;font-size:clamp(48px,6vw,86px);line-height:.9;letter-spacing:-.08em}.cms-home-hero-copy span{display:block;max-width:480px;color:#d0e2ea;font-size:18px;line-height:1.5}.cms-home-hero-copy>a{display:inline-block;margin-top:26px;padding:14px 20px;border-radius:999px;background:#ff6c62;color:#082032;text-decoration:none;font-weight:950}.cms-home-hero-media{position:relative;min-height:350px}.cms-home-hero-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,rgba(48,120,162,.42),transparent 54%)}.cms-home-hero-media img{position:absolute;right:4%;bottom:3%;width:min(88%,760px);max-height:390px;object-fit:contain;object-position:center}.cms-home-hero-art{position:absolute;right:10%;bottom:11%;width:62%;aspect-ratio:1.8;border:1px solid #4f7f98;border-radius:45% 52% 34% 38%;transform:rotate(-11deg);background:radial-gradient(circle at 40% 45%,#1e6b96 0 3%,transparent 3.5%),radial-gradient(circle at 70% 56%,#114a70 0 10%,transparent 10.5%)}.cms-home-tasks,.cms-home-models{padding:clamp(34px,5vw,72px) clamp(24px,8vw,132px);background:#061d2d}.cms-home-tasks{border-bottom:1px solid #244b62}.cms-home-tasks header,.cms-home-models header{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.cms-home-tasks h2,.cms-home-models h2{margin:0;font-size:clamp(28px,3vw,44px);letter-spacing:-.06em}.cms-home-tasks header p,.cms-home-models header p{margin:0;color:#aec5d0;font-size:14px}.cms-home-tasks>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:24px}.cms-home-tasks a{min-height:102px;display:flex;flex-direction:column;justify-content:center;padding:17px;border:1px solid #315b76;border-radius:14px;background:#113751;color:#fff;text-decoration:none;font-size:18px;font-weight:900}.cms-home-tasks a small{margin-top:8px;color:#a9c7d7;font-size:12px;font-weight:750}.cms-home-models>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:13px;margin-top:24px}.cms-model-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:160px;padding:14px;border:1px solid #315b76;border-radius:14px;background:#123a56;color:#fff;text-decoration:none}.cms-model-card:hover,.cms-model-card.is-selected{border-color:#66bfff;box-shadow:0 0 0 2px #66bfff}.cms-model-card img{width:100%;height:105px;object-fit:contain;margin-bottom:8px}.cms-model-card strong{font-size:14px}.cms-model-card-placeholder{display:grid;place-items:center;flex:1;color:#77b8df;font-weight:950;letter-spacing:.13em}@media(max-width:850px){.cms-home-hero{grid-template-columns:1fr}.cms-home-hero-media{min-height:260px}.cms-home-hero-media img{left:50%;right:auto;transform:translateX(-50%);width:min(88%,620px)}.cms-home-tasks>div{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cms-home-tasks header,.cms-home-models header{display:block}.cms-home-tasks header p,.cms-home-models header p{margin-top:10px}.cms-home-tasks>div{grid-template-columns:1fr}.cms-home-hero-copy h1{font-size:54px}}

.cms-home-hero{position:relative;min-height:clamp(33rem,53vw,46rem);grid-template-columns:minmax(0,.93fr) minmax(25rem,1.07fr);border:0;background:radial-gradient(circle at 79% 38%,rgba(124,196,255,.24),transparent 20rem),linear-gradient(118deg,#080f1a,#0d304a)}.cms-home-hero:after{content:'';position:absolute;inset:0;opacity:.42;background:repeating-linear-gradient(135deg,transparent 0 58px,rgba(124,196,255,.055) 59px 60px);mask-image:linear-gradient(to right,#000,transparent 90%)}.cms-home-hero-copy{align-self:center;padding:clamp(5rem,10vw,10rem) max(24px,calc((100vw - 78rem)/2));animation:mybyd-home-rise .8s cubic-bezier(.2,.8,.2,1) both}.cms-home-hero-copy h1{max-width:10ch;font-size:clamp(3.8rem,7.7vw,8rem);line-height:.84}.cms-home-hero-copy span{font-size:clamp(1.1rem,1.7vw,1.35rem)}.cms-home-hero-copy>a{padding:16px 23px;background:#ff6b5a;box-shadow:0 1rem 2rem rgba(255,107,90,.22);transition:transform .18s ease,box-shadow .18s ease}.cms-home-hero-copy>a:hover{transform:translateY(-3px);box-shadow:0 1.4rem 2.8rem rgba(255,107,90,.31)}.cms-home-hero-media{z-index:1}.cms-home-hero-media img{right:-1%;bottom:6%;width:min(100%,820px);max-height:540px;filter:drop-shadow(0 2.6rem 2rem rgba(0,0,0,.45));animation:mybyd-home-car .9s .12s cubic-bezier(.2,.8,.2,1) both}.cms-home-hero-art{right:8%;bottom:14%;width:72%;border-color:rgba(124,196,255,.3);background:radial-gradient(circle at 40% 45%,#7cc4ff 0 2.5%,transparent 3%),radial-gradient(circle at 70% 56%,rgba(124,196,255,.17) 0 10%,transparent 10.5%)}.cms-home-tasks,.cms-home-models{padding:clamp(3rem,7vw,7rem) max(24px,calc((100vw - 78rem)/2));background:#080f1a}.cms-home-tasks{border-color:rgba(124,196,255,.16)}.cms-home-tasks h2,.cms-home-models h2{font-size:clamp(2.3rem,4vw,4.6rem);line-height:.9}.cms-home-tasks>div{gap:0;margin-top:2.2rem;border-top:1px solid rgba(124,196,255,.22)}.cms-home-tasks a{min-height:160px;padding:1.5rem 1.3rem;border:0;border-bottom:1px solid rgba(124,196,255,.22);border-radius:0;background:transparent;font-size:clamp(1.18rem,1.7vw,1.5rem);transition:background .2s ease}.cms-home-tasks a:before{content:'↗';display:block;margin-bottom:auto;color:#7cc4ff;font-size:1.8rem}.cms-home-tasks a:hover{background:linear-gradient(135deg,rgba(124,196,255,.12),transparent)}.cms-home-models>div{gap:1px;background:rgba(124,196,255,.17)}.cms-model-card{min-height:190px;border:0;border-radius:0;background:#0c2639;transition:background .16s ease}.cms-model-card:hover,.cms-model-card.is-selected{border:0;box-shadow:none;background:#123f5b}.cms-model-card img{height:125px}.cms-model-card strong{font-size:15px}@keyframes mybyd-home-rise{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes mybyd-home-car{from{opacity:0;transform:translate(2rem,1.3rem)}to{opacity:1;transform:translate(0,0)}}@media(max-width:850px){.cms-home-hero{grid-template-columns:1fr}.cms-home-hero-copy{padding-inline:24px}.cms-home-hero-media{min-height:270px}.cms-home-hero-media img{left:50%;right:auto;transform:translateX(-50%);width:min(95%,650px)}}@media(prefers-reduced-motion:reduce){.cms-home-hero-copy,.cms-home-hero-media img{animation:none}}
/* Reference-theme composition: editorial impact without sacrificing the page below. */
.cms-home-hero{min-height:clamp(30rem,34vw,36rem);grid-template-columns:minmax(22rem,.86fr) minmax(31rem,1.14fr)}
.cms-home-hero-copy{padding-block:clamp(3.25rem,5.5vw,5.7rem);padding-inline:max(24px,calc((100vw - 78rem)/2));max-width:44rem}
.cms-home-hero-copy h1{max-width:none;font-size:clamp(3.55rem,4.8vw,6rem);line-height:.86}
.cms-home-hero-copy span{max-width:34rem;font-size:clamp(1.04rem,1.35vw,1.22rem);line-height:1.48}
.cms-home-hero-copy>a{margin-top:1.45rem;padding:14px 21px}
.cms-home-hero-media{min-height:0}
.cms-home-hero-media img{right:3%;bottom:7%;width:min(94%,720px);max-height:430px}
@media(max-width:850px){.cms-home-hero{min-height:auto;grid-template-columns:1fr}.cms-home-hero-copy{padding:4rem 24px 2.25rem;max-width:none}.cms-home-hero-copy h1{font-size:clamp(3.35rem,15vw,5.6rem)}.cms-home-hero-media{min-height:255px}.cms-home-hero-media img{bottom:3%;width:min(95%,610px);max-height:300px}}
/* Universal Theme Full 2: composed hero, no overlapping Garage panel. */
.cms-home-hero{isolation:isolate;grid-template-columns:minmax(0,1.04fr) minmax(30rem,.96fr);min-height:clamp(37rem,48vw,44rem);padding-inline:max(24px,calc((100vw - 90rem)/2));gap:clamp(2rem,5vw,6rem);background:radial-gradient(circle at 76% 21%,rgba(124,196,255,.24),transparent 22rem),linear-gradient(118deg,#091c2b,#103a57)}
.cms-home-hero-copy{max-width:47rem;padding:clamp(4.5rem,7vw,7.5rem) 0;align-self:start}
.cms-home-eyebrow{display:inline-flex!important;margin:0;color:#a9d8ff!important;font-size:.7rem!important;letter-spacing:.15em}
.cms-home-hero-copy h1{display:grid;gap:.05em;margin:1.1rem 0 2rem;max-width:12ch;font-size:clamp(4.1rem,6.6vw,8rem);line-height:.81;letter-spacing:-.075em}
.cms-home-hero-copy h1 span,.cms-home-hero-copy h1 em{display:block;max-width:none;color:#f8fbff;font-size:inherit;line-height:inherit;font-style:normal}
.cms-home-hero-copy h1 em{color:rgba(245,250,255,.38)}
.cms-home-intro{max-width:43rem;color:rgba(235,246,255,.72);font-size:clamp(1.1rem,1.55vw,1.45rem);line-height:1.5}
.cms-home-trust{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.5rem}.cms-home-trust span{display:inline-flex;align-items:center;min-height:2.8rem;max-width:none;padding:0 1.1rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(244,249,255,.76);font-size:.86rem;line-height:1;white-space:nowrap}.cms-home-trust span:before{content:'◌';margin-right:.55rem;color:#7cc4ff}
.cms-home-hero-action{display:flex;align-items:center;gap:1.35rem;margin-top:2.9rem}.cms-home-hero-action>a{margin:0;padding:1.02rem 1.55rem;background:#fff;color:#092035;font-size:1rem;box-shadow:0 1rem 2.4rem rgba(0,0,0,.23)}.cms-home-hero-action>a b{margin-left:.6rem;font-size:1.35em}.cms-home-hero-action small{color:rgba(235,246,255,.48);font-size:.82rem;line-height:1.45}
.cms-home-hero-media{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1rem;align-self:center;min-width:0;min-height:0}.cms-home-vehicle-stage{position:relative;min-height:clamp(20rem,28vw,29rem);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:2rem;background:linear-gradient(145deg,rgba(10,40,61,.76),rgba(14,59,86,.28));box-shadow:0 2rem 4rem rgba(0,0,0,.18)}.cms-home-vehicle-stage:before{content:'';position:absolute;inset:2rem;border:1px dashed rgba(255,255,255,.11);border-radius:1.4rem}.cms-home-vehicle-stage:after{content:'';position:absolute;inset:auto 8% 7%;height:24%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.48),transparent 68%);filter:blur(11px)}.cms-home-hero-media img{z-index:1;right:50%;bottom:4%;width:min(96%,780px);max-width:none;max-height:85%;transform:translateX(50%);filter:drop-shadow(0 2.6rem 2rem rgba(0,0,0,.42));object-fit:contain;object-position:center}.cms-home-garage-panel{position:relative;z-index:2;display:grid;gap:.38rem;max-width:27rem;padding:1.2rem 1.35rem;border:1px solid rgba(255,255,255,.16);border-radius:1.25rem;background:rgba(16,45,66,.82);box-shadow:0 1.25rem 2.8rem rgba(0,0,0,.24);backdrop-filter:blur(18px)}.cms-home-garage-panel p{margin:0;color:#a9d8ff;font-size:.68rem;font-weight:900;letter-spacing:.13em}.cms-home-garage-panel strong{font-size:1.15rem;letter-spacing:-.03em}.cms-home-garage-panel span{color:rgba(235,246,255,.62);font-size:.87rem;line-height:1.4}
@media(max-width:850px){.cms-home-hero{grid-template-columns:1fr;min-height:auto;padding:0 24px 3rem;gap:1.4rem}.cms-home-hero-copy{padding:4rem 0 0}.cms-home-hero-copy h1{max-width:10ch;font-size:clamp(3.8rem,15.5vw,5.8rem)}.cms-home-intro{font-size:1.08rem}.cms-home-trust{margin-top:1.8rem}.cms-home-trust span{min-height:2.45rem;padding:0 .8rem;font-size:.76rem}.cms-home-hero-action{margin-top:2rem}.cms-home-hero-media{display:grid;grid-template-rows:auto auto}.cms-home-vehicle-stage{min-height:0;aspect-ratio:1.45;border-radius:1.5rem}.cms-home-vehicle-stage:before{inset:1rem;border-radius:1rem}.cms-home-hero-media img{right:50%;bottom:4%;width:94%;height:auto;max-height:90%;transform:translateX(50%)}.cms-home-garage-panel{max-width:none;border-radius:1rem}.cms-home-hero-copy span{max-width:none}}
@media(max-width:520px){.cms-home-hero{padding-inline:18px}.cms-home-hero-action{align-items:flex-start;flex-direction:column;gap:.8rem}.cms-home-hero-action small{padding-left:.3rem}.cms-home-trust{gap:.5rem}.cms-home-trust span:nth-child(2){display:none}.cms-home-vehicle-stage{aspect-ratio:1.24}.cms-home-hero-media img{width:100%;max-height:88%}}
/* Final hero containment correction. */
.cms-home-hero-media img{left:50%;right:auto;transform:translateX(-50%)}
.cms-home-hero-action>a{border-radius:999px;text-decoration:none}
.cms-home-hero-media img{animation:none}
@media(max-width:520px){.cms-home-hero{padding-bottom:2.2rem;gap:1rem}.cms-home-hero-copy{padding-top:2.5rem}.cms-home-hero-copy h1{margin:.8rem 0 1rem;font-size:clamp(3.1rem,13.5vw,4.4rem);line-height:.82}.cms-home-intro{font-size:1rem;line-height:1.45}.cms-home-trust{margin-top:1.2rem}.cms-home-hero-action{flex-direction:row;align-items:center;gap:.85rem;margin-top:1.25rem}.cms-home-hero-action small{padding-left:0;font-size:.76rem}.cms-home-vehicle-stage{aspect-ratio:1.45}.cms-home-hero-media img{width:94%;max-height:90%}}
/* Model/version selection stays visible and intentional inside the editorial grid. */
.cms-model-card-form{margin:0}.cms-model-card{display:flex;width:100%;min-height:17.8rem;gap:.7rem;padding:1.15rem;text-align:left}.cms-model-card img{margin-bottom:0}.cms-model-card strong{margin-top:auto;font-size:1rem;letter-spacing:-.02em}.cms-model-version{display:grid;gap:.35rem;margin-top:.1rem}.cms-model-version span{color:#a9d8ff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cms-model-version select{width:100%;min-height:2.35rem;padding:0 .65rem;border:1px solid rgba(124,196,255,.27);border-radius:.62rem;background:#091d2c;color:#f7fbff;font:inherit;font-size:.82rem}.cms-model-card button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:.1rem;padding:.65rem 0 0;border:0;border-top:1px solid rgba(124,196,255,.18);background:transparent;color:#7cc4ff;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.cms-model-card button b{font-size:1.15rem}.cms-model-card:focus-within{outline:2px solid #7cc4ff;outline-offset:3px}.cms-home-models header p{max-width:34rem;line-height:1.45}@media(max-width:850px){.cms-model-card{min-height:16rem}.cms-home-models>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.cms-home-models>div{grid-template-columns:1fr}.cms-model-card{min-height:14rem;display:grid;grid-template-columns:8rem 1fr;grid-template-rows:auto auto auto;column-gap:1rem}.cms-model-card img{grid-row:1 / span 3;height:100%;margin:0}.cms-model-card strong{margin:0;align-self:end}.cms-model-version{margin:0}.cms-model-card button{align-self:start}}
/* Full home composition: editorial routes, then a reserved Garage space. */
.cms-home-method{display:grid;grid-template-columns:minmax(15rem,.72fr) minmax(28rem,1.28fr);gap:clamp(3rem,10vw,11rem);padding:clamp(5rem,10vw,10rem) max(24px,calc((100vw - 78rem)/2));background:#071a29}.cms-home-method-intro>p,.cms-home-garage header p{margin:0;color:#7cc4ff;font-size:.7rem;font-weight:900;letter-spacing:.14em}.cms-home-method h2,.cms-home-garage h2{margin:1.4rem 0 1.8rem;color:#f8fbff;font-size:clamp(3.1rem,5vw,6rem);letter-spacing:-.07em;line-height:.82}.cms-home-method h2 span,.cms-home-garage h2 span{color:rgba(248,251,255,.28)}.cms-home-method-intro>div{max-width:22rem;color:rgba(235,246,255,.64);font-size:1.08rem;line-height:1.55}.cms-home-method-routes{align-self:center;border-top:1px solid rgba(124,196,255,.18)}.cms-home-method-routes a{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:1.1rem;align-items:center;padding:1.55rem 0;border-bottom:1px solid rgba(124,196,255,.18);color:#fff;text-decoration:none;transition:padding .18s ease,background .18s ease}.cms-home-method-routes a:hover{padding-inline:.8rem;background:linear-gradient(90deg,rgba(124,196,255,.11),transparent)}.cms-home-method-routes b{color:#7cc4ff;font-size:.78rem;letter-spacing:.1em}.cms-home-method-routes strong{display:block;font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.04em}.cms-home-method-routes small{display:block;max-width:25rem;margin-top:.35rem;color:rgba(235,246,255,.61);font-size:.92rem;line-height:1.4}.cms-home-method-routes i{color:#7cc4ff;font-size:.84rem;font-style:normal;font-weight:850;white-space:nowrap}.cms-home-garage{padding:clamp(5rem,9vw,9rem) max(24px,calc((100vw - 78rem)/2));border-top:1px solid rgba(124,196,255,.13);background:radial-gradient(circle at 83% 12%,rgba(124,196,255,.12),transparent 26rem),#0b2940}.cms-home-garage header{display:flex;justify-content:space-between;gap:3rem;align-items:end}.cms-home-garage header>span{max-width:24rem;color:rgba(235,246,255,.58);line-height:1.55}.cms-home-garage-grid{display:grid;grid-template-columns:minmax(16rem,.85fr) minmax(21rem,1.15fr);gap:1.2rem;margin-top:3.5rem}.cms-home-garage-grid article{display:grid;align-content:start;gap:.65rem;padding:2rem;border:1px solid rgba(255,255,255,.16);border-radius:1.65rem;background:rgba(255,255,255,.06);box-shadow:0 1.5rem 4rem rgba(0,0,0,.19)}.cms-home-garage-grid article p{margin:0;color:#a9d8ff;font-size:.7rem;font-weight:900;letter-spacing:.13em}.cms-home-garage-grid article strong{font-size:1.7rem;letter-spacing:-.04em}.cms-home-garage-grid article small{color:rgba(235,246,255,.58);font-size:.9rem}.cms-home-garage-grid article a{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;margin-top:1rem;border-radius:999px;background:#fff;color:#092035;font-size:.88rem;font-weight:900;text-decoration:none}.cms-home-garage-grid>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cms-home-garage-grid>div a{display:grid;gap:.45rem;min-height:8.4rem;padding:1.4rem;border:1px solid rgba(255,255,255,.11);border-radius:1.3rem;background:rgba(255,255,255,.05);color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease}.cms-home-garage-grid>div a:hover{transform:translateY(-4px);background:rgba(255,255,255,.1)}.cms-home-garage-grid>div b{font-size:1.05rem}.cms-home-garage-grid>div span{color:rgba(235,246,255,.55);font-size:.87rem}@media(max-width:850px){.cms-home-method{grid-template-columns:1fr;gap:3rem}.cms-home-method-routes a{grid-template-columns:2.5rem minmax(0,1fr)}.cms-home-method-routes i{grid-column:2}.cms-home-garage header,.cms-home-garage-grid{grid-template-columns:1fr;display:grid}.cms-home-garage header{gap:0}.cms-home-garage header>span{max-width:30rem}.cms-home-garage-grid{margin-top:2.4rem}}@media(max-width:520px){.cms-home-method{padding-block:4.2rem}.cms-home-method h2,.cms-home-garage h2{font-size:3rem}.cms-home-method-routes a{gap:.65rem;padding-block:1.2rem}.cms-home-method-routes i{font-size:.76rem}.cms-home-garage-grid>div{grid-template-columns:1fr}.cms-home-garage-grid article{padding:1.45rem}}
/* Template-style model rail: one active card at a time, never a squeezed grid. */
.cms-home-models>div{display:flex;gap:1rem;margin-inline:calc(max(24px,calc((100vw - 78rem)/2)) * -1);padding:1.4rem max(24px,calc((100vw - 78rem)/2)) 1.9rem;overflow-x:auto;scroll-snap-type:x mandatory;background:linear-gradient(90deg,rgba(124,196,255,.08),transparent 13%,transparent 87%,rgba(124,196,255,.08))}.cms-model-card-form{flex:0 0 clamp(15rem,19vw,18rem);scroll-snap-align:center}.cms-model-card{min-height:22rem;border:1px solid rgba(124,196,255,.2);border-radius:1.5rem;background:linear-gradient(155deg,#103b57,#0a2639)}.cms-model-card.is-selected{border-color:#7cc4ff;box-shadow:0 0 0 2px #7cc4ff,0 1.8rem 4rem rgba(124,196,255,.2);transform:translateY(-.45rem)}.cms-model-card img{height:10.5rem}.cms-home-models>div::-webkit-scrollbar{height:.55rem}.cms-home-models>div::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(124,196,255,.45)}@media(max-width:850px){.cms-home-models>div{margin-inline:-24px;padding-inline:24px}.cms-model-card-form{flex-basis:15.5rem}.cms-model-card{min-height:19.5rem}}@media(max-width:520px){.cms-home-models>div{display:flex;grid-template-columns:none}.cms-model-card-form{flex-basis:84vw}.cms-model-card{display:flex;min-height:20.5rem}.cms-model-card img{width:100%;height:10.5rem;grid-row:auto}}
/* Premium model workspace rail: browse a car or save it, never a cramped catalogue. */
.cms-home-models{padding-block:clamp(4.5rem,7vw,7.5rem);background:radial-gradient(circle at 82% 10%,rgba(124,196,255,.13),transparent 28rem),#080f1a}.cms-home-models header{align-items:end;max-width:78rem}.cms-home-models header h2{max-width:14ch}.cms-home-models header p{max-width:31rem;padding-bottom:.3rem;color:rgba(225,241,252,.7)}.cms-home-models>div{gap:1.35rem;margin-top:2.15rem;padding:1.2rem max(24px,calc((100vw - 78rem)/2)) 2.4rem;background:linear-gradient(90deg,rgba(124,196,255,.05),transparent 14%,transparent 86%,rgba(124,196,255,.05));scroll-padding-inline:max(24px,calc((100vw - 78rem)/2));scroll-snap-type:x proximity}.cms-model-card-form{flex:0 0 clamp(18rem,24vw,22rem);scroll-snap-align:start}.cms-model-card{display:block;min-height:31rem;padding:0;overflow:hidden;border:1px solid rgba(161,214,244,.2);border-radius:2rem;background:linear-gradient(155deg,rgba(22,65,91,.96),rgba(8,26,42,.98));box-shadow:0 1.8rem 4.5rem rgba(0,0,0,.2);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}.cms-model-card:hover,.cms-model-card:focus-within{transform:translateY(-.45rem);border-color:rgba(124,196,255,.72);box-shadow:0 2.4rem 5rem rgba(0,0,0,.3),0 0 0 1px rgba(124,196,255,.18)}.cms-model-card.is-selected{transform:translateY(-.7rem);border-color:#7cc4ff;box-shadow:0 0 0 2px #7cc4ff,0 2.4rem 5rem rgba(0,0,0,.32),0 0 5rem rgba(124,196,255,.16)}.cms-model-card-media{position:relative;display:flex;align-items:center;justify-content:center;height:17rem;padding:1.2rem 1.2rem .2rem;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(124,196,255,.24),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.06),transparent 56%);text-decoration:none}.cms-model-card-media:after{content:'';position:absolute;inset:auto 11% 1.25rem;height:1px;background:linear-gradient(90deg,transparent,rgba(124,196,255,.5),transparent)}.cms-model-card-media img{position:relative;z-index:1;width:100%;height:100%;margin:0;object-fit:contain;filter:drop-shadow(0 1.4rem 1.15rem rgba(0,0,0,.34));transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease}.cms-model-card:hover .cms-model-card-media img,.cms-model-card:focus-within .cms-model-card-media img{transform:scale(1.045) translateY(-.15rem);filter:drop-shadow(0 1.8rem 1.35rem rgba(0,0,0,.45))}.cms-model-card-copy{display:grid;gap:.85rem;padding:0 1.35rem 1.35rem}.cms-model-card-title{display:grid;gap:.34rem;color:#fff;text-decoration:none}.cms-model-card-title strong{margin:0;font-size:clamp(1.25rem,1.7vw,1.55rem);letter-spacing:-.045em}.cms-model-card-title span{color:#9ed7ff;font-size:.73rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.cms-model-card-title span b{font-size:.95rem}.cms-model-card-title:hover span{text-decoration:underline;text-underline-offset:.25rem}.cms-model-version{gap:.42rem;margin:0}.cms-model-version span{color:rgba(213,239,255,.76);font-size:.65rem}.cms-model-version select{min-height:2.6rem;border-color:rgba(161,214,244,.27);border-radius:.8rem;background:rgba(2,16,28,.45)}.cms-model-card button{min-height:2.85rem;margin:.05rem 0 0;padding:.4rem 0 0;border-top:1px solid rgba(161,214,244,.18);color:#fff;font-size:.83rem}.cms-model-card button b{color:#7cc4ff}@media(max-width:850px){.cms-home-models>div{margin-inline:-24px;padding-inline:24px}.cms-model-card-form{flex-basis:min(72vw,22rem)}.cms-model-card{min-height:29.5rem}.cms-model-card-media{height:16rem}}@media(max-width:520px){.cms-home-models{padding-block:4.4rem}.cms-home-models header h2{max-width:11ch}.cms-model-card-form{flex-basis:84vw}.cms-model-card{min-height:29rem}.cms-model-card-media{height:15rem}.cms-model-card img{width:100%;height:100%}}

/* Homepage core paths: a calm horizontal flow, never a catalogue grid. */
.cms-model-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.1rem 0}.cms-model-metric{min-width:0;min-height:4.7rem;padding:.7rem .55rem;border:1px solid rgba(161,214,244,.14);border-radius:.85rem;background:rgba(255,255,255,.045)}.cms-model-metric strong{display:block;overflow:hidden;color:#f6fbff;font-size:clamp(.92rem,1.45vw,1.15rem);font-weight:900;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}.cms-model-metric small{display:block;margin-top:.34rem;color:rgba(198,229,246,.59);font-size:.56rem;font-weight:900;letter-spacing:.09em;line-height:1.15;text-transform:uppercase}.cms-model-card:has(.cms-model-metrics){min-height:34rem}.cms-model-version:has(+ button),.cms-model-metrics+.cms-model-version{margin-top:.1rem}@media(max-width:520px){.cms-model-card:has(.cms-model-metrics){min-height:31rem}.cms-model-metric{min-height:4.35rem;padding:.62rem .48rem}.cms-model-metric strong{font-size:.9rem}}

/* Model workspace rail: centre the model identity and keep version choice adjacent to its control. */
.cms-model-card-title{justify-items:center;text-align:center}.cms-model-card-title strong{width:100%;text-align:center}.cms-model-card-title span{font-size:.62rem}.cms-model-version{margin-top:.1rem}.cms-model-version span{margin-left:.1rem}.cms-model-card button{padding-top:.62rem}.cms-model-card:has(.cms-model-metrics){min-height:34.5rem}@media(max-width:520px){.cms-model-card:has(.cms-model-metrics){min-height:31.5rem}}

/* Useful now: six deliberately equal routes, so a first visit never starts in a
   decorative dead end.  The content owns the destination; this only supplies
   a compact, durable interaction pattern. */
.cms-home-tasks { padding-block:clamp(4.5rem,7vw,7.5rem); background:linear-gradient(180deg,#080f1a,#091523); }
.cms-home-tasks header { align-items:end; max-width:78rem; }
.cms-home-tasks header > div > p { margin:0 0 .8rem; color:#7cc4ff; font-size:.72rem; font-weight:900; letter-spacing:.18em; }
.cms-home-tasks h2 { margin:0; font-size:clamp(3rem,5.7vw,6rem); line-height:.82; letter-spacing:-.075em; }
.cms-home-tasks h2 span { color:rgba(228,241,255,.38); }
.cms-home-tasks header > p { max-width:27rem; padding-bottom:.35rem; color:rgba(220,238,250,.64); font-size:1.05rem; line-height:1.45; text-align:right; }
.cms-home-tasks > div { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.85rem; margin-top:2.5rem; border:0; }
.cms-home-tasks a { position:relative; display:grid; grid-template-rows:auto 1fr auto auto; min-height:19.5rem; padding:1.25rem; overflow:hidden; border:1px solid rgba(151,209,242,.16); border-radius:1.35rem; background:linear-gradient(155deg,rgba(25,63,88,.88),rgba(8,23,38,.98)); color:#f7fbff; font-size:1rem; isolation:isolate; }
.cms-home-tasks a::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.42; background:radial-gradient(circle at 82% 12%,rgba(124,196,255,.30),transparent 31%),linear-gradient(145deg,transparent 48%,rgba(124,196,255,.06)); }
.cms-home-tasks a::after { content:'→'; position:absolute; inset:auto 1.15rem 1.05rem auto; display:grid; place-items:center; width:2.3rem; aspect-ratio:1; border:1px solid rgba(201,231,249,.25); border-radius:50%; color:#dceefd; font-size:1.05rem; transition:transform .2s ease,background .2s ease; }
.cms-home-tasks a b { color:#7cc4ff; font-size:.7rem; letter-spacing:.14em; }
.cms-home-tasks a b::after { content:'  ·  USEFUL NOW'; color:rgba(223,241,252,.46); }
.cms-home-tasks a strong { align-self:end; max-width:10ch; font-size:clamp(1.15rem,1.45vw,1.45rem); line-height:1.02; letter-spacing:-.045em; }
.cms-home-tasks a small { max-width:16ch; margin:.7rem 0 2.35rem; color:rgba(218,237,249,.62); font-size:.78rem; font-weight:650; line-height:1.4; }
.cms-home-tasks a i { display:none; }
.cms-home-tasks a:hover,.cms-home-tasks a:focus-visible { transform:translateY(-.32rem); border-color:#7cc4ff; background:linear-gradient(155deg,rgba(28,78,109,.96),rgba(8,28,44,.98)); box-shadow:0 1.3rem 2.7rem rgba(0,0,0,.25),0 0 0 1px rgba(124,196,255,.18); }
.cms-home-tasks a:hover::after,.cms-home-tasks a:focus-visible::after { transform:translateX(.24rem); background:#7cc4ff; color:#082034; }
.cms-home-tasks a:focus-visible { outline:none; }
@media(max-width:1100px){.cms-home-tasks > div{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:1rem}.cms-home-tasks a{flex:0 0 clamp(12.5rem,23vw,16rem);scroll-snap-align:start}}
@media(max-width:650px){.cms-home-tasks{padding-block:4.2rem}.cms-home-tasks header{display:block}.cms-home-tasks header > p{margin-top:1.35rem;text-align:left}.cms-home-tasks > div{margin-inline:-18px;padding-inline:18px}.cms-home-tasks a{min-height:17rem;flex-basis:78vw}}
.cms-model-metric:last-child strong{white-space:normal;font-size:.76rem;line-height:1.08}

/* Keep every model's fallback specification readable in the horizontal rail. */
.cms-model-metric strong{overflow:visible;white-space:normal;text-overflow:clip;font-size:clamp(.78rem,1.2vw,1.05rem);line-height:1.08}
.cms-home-tasks{padding-block:clamp(4.5rem,7vw,7rem);background:radial-gradient(circle at 15% 5%,rgba(124,196,255,.1),transparent 26rem),#081522}.cms-home-tasks header{display:flex;align-items:end;justify-content:space-between;gap:3rem;max-width:78rem}.cms-home-tasks header>div>p{margin:0 0 .75rem;color:#7cc4ff;font-size:.7rem;font-weight:900;letter-spacing:.14em}.cms-home-tasks h2{margin:0;font-size:clamp(3rem,5vw,5.7rem);letter-spacing:-.07em}.cms-home-tasks h2 span{color:rgba(248,251,255,.3)}.cms-home-tasks header>p{max-width:26rem;margin:0 0 .4rem;color:rgba(235,246,255,.62);line-height:1.5}.cms-home-tasks>div{display:flex;gap:1rem;margin:2.8rem calc(max(24px,calc((100vw - 78rem)/2)) * -1) 0;padding:0 max(24px,calc((100vw - 78rem)/2)) 1.25rem;overflow-x:auto;border:0;background:linear-gradient(90deg,rgba(124,196,255,.05),transparent 14%,transparent 86%,rgba(124,196,255,.05));scroll-snap-type:x proximity}.cms-home-tasks a{display:grid;grid-template-rows:auto auto 1fr auto;flex:0 0 clamp(16rem,21vw,19rem);min-height:14.5rem;padding:1.45rem;border:1px solid rgba(161,214,244,.17);border-radius:1.55rem;background:rgba(255,255,255,.045);color:#fff;text-decoration:none;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,background .22s ease}.cms-home-tasks a:before{display:none}.cms-home-tasks a:hover{padding:1.45rem;transform:translateY(-.4rem);border-color:rgba(124,196,255,.7);background:linear-gradient(145deg,rgba(124,196,255,.16),rgba(255,255,255,.045))}.cms-home-tasks a b{color:#7cc4ff;font-size:.7rem;letter-spacing:.12em}.cms-home-tasks a strong{margin-top:1rem;font-size:1.35rem;letter-spacing:-.04em}.cms-home-tasks a small{align-self:start;margin-top:.45rem;color:rgba(235,246,255,.63);font-size:.86rem;line-height:1.45}.cms-home-tasks a i{align-self:end;margin-top:1rem;color:#9ed7ff;font-size:.78rem;font-style:normal;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.cms-home-tasks>div::-webkit-scrollbar{height:.5rem}.cms-home-tasks>div::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(124,196,255,.42)}@media(max-width:700px){.cms-home-tasks header{display:grid;gap:1.2rem}.cms-home-tasks>div{margin-inline:-24px;padding-inline:24px}.cms-home-tasks a{flex-basis:min(78vw,21rem)}}

/* Compact “six ways in” rail: cards keep a shared footprint and lead with the
   destination rather than pretending every route needs a separate hero. */
.cms-home-tasks>div{align-items:stretch}.cms-home-tasks a{position:relative;min-height:19.6rem;isolation:isolate;overflow:hidden;background:linear-gradient(165deg,rgba(22,39,57,.98),rgba(13,29,44,.98))}.cms-home-tasks a:before{content:'';position:absolute;inset:0;display:block;z-index:-1;opacity:1;background:radial-gradient(circle at 78% 0,rgba(124,196,255,.21),transparent 33%),linear-gradient(180deg,rgba(124,196,255,.06),transparent 58%)}.cms-home-tasks a:after{content:'';position:absolute;top:3.5rem;right:-1rem;width:8rem;height:8rem;border:1px solid rgba(124,196,255,.2);border-radius:50%;box-shadow:0 0 0 1.7rem rgba(124,196,255,.025),0 0 0 3.5rem rgba(124,196,255,.018);transition:transform .3s ease,opacity .3s ease}.cms-home-tasks a[data-task="updates"]:before{background:radial-gradient(circle at 72% 0,rgba(54,197,124,.22),transparent 36%),linear-gradient(180deg,rgba(124,196,255,.05),transparent 58%)}.cms-home-tasks a[data-task="charging"]:before{background:radial-gradient(circle at 72% 0,rgba(255,195,91,.22),transparent 36%),linear-gradient(180deg,rgba(124,196,255,.05),transparent 58%)}.cms-home-tasks a[data-task="community"]:before{background:radial-gradient(circle at 72% 0,rgba(176,138,255,.22),transparent 36%),linear-gradient(180deg,rgba(124,196,255,.05),transparent 58%)}.cms-home-tasks a b{display:flex;align-items:center;justify-content:space-between}.cms-home-tasks a b::after{display:none}.cms-home-tasks a b em{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:rgba(233,247,255,.68);font-size:1rem;font-style:normal;letter-spacing:0}.cms-home-tasks a strong{position:relative;z-index:1;margin-top:auto;font-size:1.48rem}.cms-home-tasks a small{position:relative;z-index:1;min-height:2.55rem;margin:.45rem 0 1.1rem}.cms-home-tasks a i{position:relative;z-index:1;display:grid;place-items:center;width:2.25rem;height:2.25rem;margin:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#dff3ff;font-size:1.05rem;letter-spacing:0}.cms-home-tasks a:hover:after,.cms-home-tasks a:focus-visible:after{transform:scale(1.08);opacity:.75}.cms-home-tasks a:hover i,.cms-home-tasks a:focus-visible i{border-color:#7cc4ff;background:#7cc4ff;color:#082034}@media(max-width:700px){.cms-home-tasks a{min-height:18rem}}

/* Published knowledge deserves a direct route on the homepage. These panels
   read from the staging library, so they stay useful as editorial coverage grows. */
.cms-home-live-library{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);gap:clamp(2rem,6vw,6rem);padding:clamp(4.7rem,8vw,8rem) max(24px,calc((100vw - 78rem)/2));background:radial-gradient(circle at 10% 15%,rgba(124,196,255,.11),transparent 24rem),#071a29}.cms-home-live-library p{margin:0}.cms-home-update-centre>header>p,.cms-home-answer-finder>p{color:#7cc4ff;font-size:.7rem;font-weight:900;letter-spacing:.15em}.cms-home-update-centre h2,.cms-home-answer-finder h2{margin:1.15rem 0 1.25rem;color:#f8fbff;font-size:clamp(2.65rem,4.5vw,5rem);letter-spacing:-.07em;line-height:.84}.cms-home-update-centre h2 span,.cms-home-answer-finder h2 span{color:rgba(248,251,255,.33)}.cms-home-update-centre>header>p:last-of-type,.cms-home-answer-finder>p:not(:first-child){max-width:34rem;color:rgba(231,244,252,.66);font-size:1.02rem;line-height:1.55}.cms-home-outline-link{display:inline-flex;margin-top:1.7rem;color:#9ed7ff;font-size:.9rem;font-weight:900;text-decoration:none}.cms-home-outline-link:hover{text-decoration:underline;text-underline-offset:.25rem}.cms-home-update-cards{display:grid;gap:.7rem;margin-top:2.4rem}.cms-home-update-cards>a{display:grid;gap:.45rem;padding:1.15rem 1.25rem;border:1px solid rgba(161,214,244,.15);border-radius:1.1rem;background:rgba(255,255,255,.045);color:#f9fcff;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease}.cms-home-update-cards>a:hover{transform:translateX(.3rem);border-color:rgba(124,196,255,.58);background:rgba(124,196,255,.1)}.cms-home-update-cards strong{font-size:1rem;letter-spacing:-.02em}.cms-home-update-cards small{max-width:58ch;color:rgba(231,244,252,.62);font-size:.84rem;line-height:1.4}.cms-home-update-cards i{color:#7cc4ff;font-size:.76rem;font-style:normal;font-weight:900}.cms-home-empty-state{padding:1.2rem;border:1px dashed rgba(161,214,244,.2);border-radius:1rem;color:rgba(231,244,252,.58);line-height:1.45}.cms-home-answer-finder{align-self:end;padding:clamp(1.4rem,2.5vw,2.2rem);border:1px solid rgba(161,214,244,.16);border-radius:1.65rem;background:linear-gradient(155deg,rgba(18,57,82,.92),rgba(9,31,48,.98));box-shadow:0 1.7rem 4rem rgba(0,0,0,.18)}.cms-home-answer-finder h2{font-size:clamp(2.55rem,3.8vw,4.2rem)}.cms-home-answer-finder form{margin-top:1.7rem}.cms-home-answer-finder label{display:block;margin-bottom:.55rem;color:#a9d8ff;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cms-home-answer-finder form>div{display:flex;gap:.55rem}.cms-home-answer-finder input{min-width:0;flex:1;min-height:3rem;padding:0 .9rem;border:1px solid rgba(161,214,244,.29);border-radius:.8rem;background:#081b2a;color:#f8fbff;font:inherit}.cms-home-answer-finder input::placeholder{color:rgba(228,243,252,.46)}.cms-home-answer-finder button{min-height:3rem;padding:0 1rem;border:0;border-radius:.8rem;background:#7cc4ff;color:#082034;font:inherit;font-size:.82rem;font-weight:950;cursor:pointer}.cms-home-topic-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.05rem}.cms-home-topic-links a{padding:.46rem .68rem;border:1px solid rgba(161,214,244,.16);border-radius:999px;color:rgba(231,244,252,.76);font-size:.73rem;font-weight:800;text-decoration:none}.cms-home-topic-links a:hover{border-color:#7cc4ff;color:#dff4ff}.cms-home-answer-finder .cms-home-outline-link{margin-top:1.3rem}
@media(max-width:850px){.cms-home-live-library{grid-template-columns:1fr;gap:2.6rem}.cms-home-answer-finder{max-width:40rem}}@media(max-width:520px){.cms-home-live-library{padding-block:4.2rem}.cms-home-update-centre h2,.cms-home-answer-finder h2{font-size:3rem}.cms-home-answer-finder{padding:1.25rem;border-radius:1.2rem}.cms-home-answer-finder form>div{display:grid;grid-template-columns:1fr}.cms-home-answer-finder button{width:100%}.cms-home-update-cards{margin-top:1.7rem}}

/* Six real visual entry points: each image supports the destination rather
   than becoming decoration. A strong overlay keeps every label readable. */
body.cms-shell .cms-home-tasks a{--cms-task-image:none;background-color:#0b1c2b;background-image:linear-gradient(180deg,rgba(5,16,27,.08) 0%,rgba(5,16,27,.18) 34%,rgba(5,16,27,.96) 76%),var(--cms-task-image);background-position:center;background-repeat:no-repeat;background-size:cover}body.cms-shell .cms-home-tasks a:before{display:none}body.cms-shell .cms-home-tasks a:after{background:rgba(5,19,31,.22);box-shadow:0 0 0 1.7rem rgba(5,19,31,.08),0 0 0 3.5rem rgba(5,19,31,.05);opacity:.72}body.cms-shell .cms-home-tasks a[data-task="updates"]{--cms-task-image:url('/assets/home-way-updates.webp');background-position:55% center}body.cms-shell .cms-home-tasks a[data-task="manuals"]{--cms-task-image:url('/assets/home-way-manuals.webp');background-position:55% center}body.cms-shell .cms-home-tasks a[data-task="howto"]{--cms-task-image:url('/assets/home-way-howto.webp');background-position:52% center}body.cms-shell .cms-home-tasks a[data-task="charging"]{--cms-task-image:url('/assets/home-way-charging.webp');background-position:50% center}body.cms-shell .cms-home-tasks a[data-task="tools"]{--cms-task-image:url('/assets/home-way-tools.webp');background-position:54% center}body.cms-shell .cms-home-tasks a[data-task="community"]{--cms-task-image:url('/assets/home-way-community-byd.png');background-position:52% center}body.cms-shell .cms-home-tasks a strong,body.cms-shell .cms-home-tasks a small,body.cms-shell .cms-home-tasks a i{filter:drop-shadow(0 2px 8px rgba(0,0,0,.64))}body.cms-shell .cms-home-tasks a b{filter:drop-shadow(0 1px 5px rgba(0,0,0,.7))}

/* A low, slow mist gives the six image routes atmosphere without obscuring
   the destination or adding movement for people who opt out of it. */
body.cms-shell .cms-home-tasks a::after{top:auto;right:-12%;bottom:18%;z-index:0;width:78%;height:38%;border:0;border-radius:50%;background:radial-gradient(ellipse at 22% 70%,rgba(183,222,242,.31),transparent 32%),radial-gradient(ellipse at 58% 38%,rgba(143,199,231,.22),transparent 39%),radial-gradient(ellipse at 90% 78%,rgba(202,235,250,.18),transparent 28%);box-shadow:none;filter:blur(13px);opacity:.48;pointer-events:none;animation:cms-home-task-mist 12s ease-in-out infinite alternate}.cms-home-tasks a:hover::after,.cms-home-tasks a:focus-visible::after{opacity:.6}@keyframes cms-home-task-mist{from{transform:translate3d(-7%,5%,0) scale(.96)}to{transform:translate3d(7%,-7%,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){body.cms-shell .cms-home-tasks a::after{animation:none}}

/* Six ways in: a deliberately photographic, equal-footprint rail. The image
   starts as atmosphere, then becomes the hero on hover without sacrificing
   the destination or its supporting copy. */
body.cms-shell .cms-home-tasks a{grid-template-rows:auto 1fr auto auto;min-height:24rem;border-color:rgba(151,209,242,.18);background-position:center top;box-shadow:inset 0 -9rem 7rem rgba(6,17,28,.82);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}body.cms-shell .cms-home-tasks a::before{content:'';display:block;position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(5,16,27,.45) 0%,rgba(5,16,27,.61) 43%,rgba(5,16,27,.96) 76%);opacity:1;pointer-events:none;transition:opacity .28s ease}body.cms-shell .cms-home-tasks a>*{position:relative;z-index:1}body.cms-shell .cms-home-tasks a::after{right:-16%;bottom:24%;width:82%;height:30%;opacity:.18}body.cms-shell .cms-home-tasks a b{align-self:start;gap:.5rem;font-variant-numeric:tabular-nums}body.cms-shell .cms-home-tasks a b::before{content:'0';color:#7cc4ff}body.cms-shell .cms-home-tasks a b em{background:rgba(7,21,34,.4);backdrop-filter:blur(8px)}body.cms-shell .cms-home-tasks a strong{margin-top:auto;font-size:clamp(1.45rem,1.8vw,1.72rem)}body.cms-shell .cms-home-tasks a small{min-height:3.1rem;margin:.55rem 0 1.25rem;font-size:.9rem}body.cms-shell .cms-home-tasks a:hover,body.cms-shell .cms-home-tasks a:focus-visible{transform:translateY(-.38rem);border-color:#7cc4ff;background-position:center top;box-shadow:0 0 0 1px rgba(124,196,255,.58),0 1.6rem 3.2rem rgba(0,0,0,.42),inset 0 -8rem 6rem rgba(6,17,28,.68)}body.cms-shell .cms-home-tasks a:hover::before,body.cms-shell .cms-home-tasks a:focus-visible::before{opacity:.46}body.cms-shell .cms-home-tasks a:hover::after,body.cms-shell .cms-home-tasks a:focus-visible::after{opacity:.3}body.cms-shell .cms-home-tasks a:hover i,body.cms-shell .cms-home-tasks a:focus-visible i{background:#7cc4ff;color:#061522}@media(max-width:700px){body.cms-shell .cms-home-tasks a{min-height:22rem}}
body.cms-shell .cms-home-tasks a b::before{content:none}

/* Owner Club gives people three useful ways to contribute without making a
   comment feed, an email list or an unmoderated poll the price of entry. */
.cms-home-owner-club{padding:clamp(2.75rem,4.5vw,4.5rem) max(24px,calc((100vw - 78rem)/2));background:radial-gradient(circle at 92% 14%,rgba(124,196,255,.14),transparent 21rem),#081522}.cms-home-owner-club header{display:grid;grid-template-columns:minmax(24rem,1fr) minmax(20rem,.9fr);gap:clamp(2rem,6vw,5.5rem);align-items:end;margin-bottom:1.8rem}.cms-home-owner-club header p{max-width:33rem;margin:0;color:rgba(225,240,250,.72);font-size:1rem;line-height:1.5}.cms-home-owner-club header>div>p{margin:0;color:#ffd064;font-size:.72rem;font-weight:900;letter-spacing:.15em}.cms-home-owner-club h2{max-width:13ch;margin:.65rem 0 0;color:#f9fcff;font-size:clamp(2.55rem,4vw,4.25rem);line-height:.92;letter-spacing:-.07em}.cms-home-owner-club h2 span{color:#a8c9df}.cms-home-owner-club>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(124,196,255,.23);border-left:1px solid rgba(124,196,255,.18)}.cms-home-owner-club article{display:flex;min-height:16.25rem;flex-direction:column;padding:clamp(1.25rem,2.2vw,1.85rem);border-right:1px solid rgba(124,196,255,.18);border-bottom:1px solid rgba(124,196,255,.2);background:linear-gradient(145deg,rgba(39,96,135,.2),transparent 63%)}.cms-home-owner-club article>p{margin:0;color:#ffd064;font-size:.7rem;font-weight:900;letter-spacing:.13em}.cms-home-owner-club h3{max-width:13ch;margin:1.25rem 0 .75rem;color:#fff;font-size:clamp(1.5rem,2.15vw,2.1rem);line-height:.98;letter-spacing:-.055em}.cms-home-owner-club article>span{max-width:26rem;color:rgba(225,240,250,.7);font-size:.92rem;line-height:1.48}.cms-home-owner-club article a{display:flex;justify-content:space-between;gap:.8rem;margin-top:auto;padding-top:1.1rem;color:#7cc4ff;font-size:.9rem;font-weight:900;text-decoration:none}.cms-home-owner-club article a:hover{text-decoration:underline;text-underline-offset:.25rem}@media(max-width:760px){.cms-home-owner-club header{grid-template-columns:1fr;gap:1.15rem}.cms-home-owner-club>div{grid-template-columns:1fr}.cms-home-owner-club article{min-height:14rem}.cms-home-owner-club h2{font-size:clamp(2.5rem,12vw,3.5rem)}}
/* Homepage hero: a shared visual stage for every supported BYD, rather than a
   flat blue panel or a one-model campaign. The light is decorative only; the
   model-specific cut-out / approved hero remains the source of truth. */
.cms-home-hero{background:radial-gradient(ellipse at 80% 26%,rgba(110,220,255,.38),transparent 21%),radial-gradient(ellipse at 64% 77%,rgba(26,151,255,.22),transparent 26%),linear-gradient(118deg,#06111e 0%,#0a2a42 52%,#164a67 100%)}
.cms-home-hero:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 77% 64%,transparent 0 23%,rgba(112,220,255,.23) 24%,transparent 25.3%),radial-gradient(ellipse at 62% 81%,transparent 0 28%,rgba(93,191,255,.18) 28.8%,transparent 30%),linear-gradient(103deg,transparent 0 49%,rgba(130,225,255,.13) 52%,transparent 56%);opacity:.72}
.cms-home-hero-copy,.cms-home-hero-media{position:relative;z-index:1}
.cms-home-hero:after{z-index:0;pointer-events:none}
.cms-home-hero:before,.cms-home-hero:after{display:none}
.cms-home-hero-copy{z-index:10!important;isolation:isolate}

/* Cinematic detail is concentrated around the vehicle and the moments a user
   can act. It adds depth without turning the reading area into decoration. */
.cms-home-vehicle-stage{background:radial-gradient(ellipse at 78% 6%,rgba(221,249,255,.38),transparent 22%),radial-gradient(ellipse at 18% 88%,rgba(66,183,255,.28),transparent 33%),linear-gradient(142deg,rgba(198,240,255,.18),rgba(12,66,102,.56) 48%,rgba(3,19,33,.7))}
.cms-home-vehicle-stage:before{inset:1.15rem;opacity:.88;border-color:rgba(224,247,255,.27);background:linear-gradient(112deg,transparent 35%,rgba(155,229,255,.2) 47%,transparent 53%),radial-gradient(ellipse at 90% 13%,rgba(255,255,255,.28),transparent 25%)}
.cms-home-vehicle-stage:after{inset:auto 5% 2%;height:35%;background:radial-gradient(ellipse at 50% 20%,rgba(155,227,255,.26),transparent 25%),radial-gradient(ellipse at center 56%,rgba(0,0,0,.66),transparent 63%);filter:blur(9px);opacity:.95}
.cms-home-vehicle-stage img{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}.cms-home-vehicle-stage:hover img{transform:translateX(50%) scale(1.025);filter:drop-shadow(0 2.8rem 2rem rgba(0,0,0,.5)) drop-shadow(0 0 2.1rem rgba(154,225,255,.32))}
.cms-home-owner-club-card{position:relative;display:flex;min-height:16.25rem;flex-direction:column;padding:clamp(1.25rem,2.2vw,1.85rem);overflow:hidden;border-right:1px solid rgba(124,196,255,.18);border-bottom:1px solid rgba(124,196,255,.2);background:linear-gradient(145deg,rgba(39,96,135,.2),transparent 63%);color:#fff;text-decoration:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s ease,box-shadow .24s ease}
.cms-home-owner-club-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 94% 0,rgba(124,196,255,.22),transparent 29%);opacity:0;transition:opacity .24s ease}.cms-home-owner-club-card>*{position:relative;z-index:1}.cms-home-owner-club-card>p{margin:0;color:#ffd064;font-size:.7rem;font-weight:900;letter-spacing:.13em}.cms-home-owner-club-card h3{max-width:13ch;margin:1.25rem 0 .75rem;color:#fff;font-size:clamp(1.5rem,2.15vw,2.1rem);line-height:.98;letter-spacing:-.055em}.cms-home-owner-club-card>span{max-width:26rem;color:rgba(225,240,250,.7);font-size:.92rem;line-height:1.48}.cms-home-owner-club-card strong{display:flex;justify-content:space-between;gap:.8rem;margin-top:auto;padding-top:1.1rem;color:#7cc4ff;font-size:.9rem}.cms-home-owner-club-card:hover,.cms-home-owner-club-card:focus-visible{z-index:2;transform:translateY(-.35rem);background:linear-gradient(145deg,rgba(49,119,165,.37),rgba(8,31,48,.48));box-shadow:0 1.35rem 2.8rem rgba(0,0,0,.27),0 0 0 1px rgba(124,196,255,.48)}.cms-home-owner-club-card:hover:before,.cms-home-owner-club-card:focus-visible:before{opacity:1}.cms-home-owner-club-card:hover strong b,.cms-home-owner-club-card:focus-visible strong b{transform:translateX(.28rem)}.cms-home-owner-club-card strong b{transition:transform .2s ease}.cms-home-owner-club-card:focus-visible{outline:2px solid #7cc4ff;outline-offset:3px}
@media(max-width:760px){.cms-home-owner-club-card{min-height:14rem}.cms-home-owner-club-card:hover{transform:none}}
.cms-home-vehicle-stage{border-color:rgba(217,245,255,.28);background:linear-gradient(160deg,rgba(197,239,255,.21),rgba(15,73,107,.42) 46%,rgba(3,19,33,.46));box-shadow:inset 0 1px rgba(255,255,255,.18),0 2rem 4.5rem rgba(0,0,0,.28),0 0 4.5rem rgba(99,203,255,.13)}
.cms-home-vehicle-stage:before{border-color:rgba(213,245,255,.2);background:radial-gradient(ellipse at 86% 10%,rgba(255,255,255,.24),transparent 30%)}
.cms-home-vehicle-stage:after{inset:auto 6% 3%;height:37%;background:radial-gradient(ellipse at center 33%,rgba(0,0,0,.59),transparent 54%),linear-gradient(180deg,rgba(176,235,255,.16),transparent 60%);filter:blur(8px);opacity:.9}
.cms-home-hero-media img{filter:drop-shadow(0 2.7rem 1.9rem rgba(0,0,0,.48)) drop-shadow(0 0 1.45rem rgba(154,225,255,.18))}
.cms-home-hero-copy h1 em{color:rgba(219,238,252,.45)}
.cms-home-hero-action>a{background:#7cc4ff;box-shadow:0 1rem 2.4rem rgba(67,174,244,.28)}
.cms-home-hero-action>a:hover{box-shadow:0 1.35rem 2.7rem rgba(67,174,244,.38)}
@media(max-width:850px){.cms-home-hero{background:radial-gradient(ellipse at 76% 10%,rgba(110,220,255,.27),transparent 21rem),linear-gradient(150deg,#06111e,#0b2d47 58%,#133e59)}.cms-home-hero:before{opacity:.56}.cms-home-vehicle-stage{background:linear-gradient(160deg,rgba(197,239,255,.16),rgba(15,73,107,.36) 46%,rgba(3,19,33,.5))}}

/* Home hero: a stable, luminous vehicle scene.  The car is never a hover
   control, so it must not slide or reveal an empty stage when the pointer
   crosses it.  Light trails are background treatment only. */
.cms-home-hero{min-height:clamp(34rem,40vw,41rem);gap:clamp(2rem,4vw,5rem);background:radial-gradient(ellipse at 74% 10%,rgba(122,226,255,.46),transparent 22rem),radial-gradient(ellipse at 53% 76%,rgba(17,123,207,.3),transparent 28rem),linear-gradient(112deg,#06121f 0%,#08253b 44%,#0b3d59 100%)}
.cms-home-hero-copy{padding-block:clamp(4rem,6vw,6.75rem)}
.cms-home-hero-copy h1{max-width:11ch;font-size:clamp(4rem,6.2vw,7.35rem);line-height:.82}
.cms-home-intro{max-width:35rem}
.cms-home-vehicle-stage{min-height:clamp(21rem,29vw,31rem);border:1px solid rgba(226,248,255,.38);border-radius:2rem;background:radial-gradient(ellipse at 83% 4%,rgba(255,255,255,.57),transparent 25%),radial-gradient(ellipse at 15% 94%,rgba(31,177,255,.43),transparent 32%),linear-gradient(145deg,rgba(190,237,255,.31),rgba(17,82,119,.44) 46%,rgba(4,25,42,.8));box-shadow:inset 0 1px rgba(255,255,255,.36),0 2.1rem 4.5rem rgba(0,0,0,.3),0 0 5rem rgba(68,194,255,.2)}
.cms-home-vehicle-stage:before{inset:0;border:0;border-radius:inherit;background:radial-gradient(ellipse 88% 30% at -12% 80%,transparent 62%,rgba(112,224,255,.54) 63.4%,transparent 65.2%),radial-gradient(ellipse 94% 34% at -18% 83%,transparent 62%,rgba(93,200,255,.42) 63.4%,transparent 65.2%),radial-gradient(ellipse 100% 39% at -25% 87%,transparent 62%,rgba(74,177,246,.29) 63.4%,transparent 65.2%),linear-gradient(115deg,rgba(255,255,255,.14),transparent 28%,rgba(136,220,255,.22) 51%,transparent 58%);opacity:1}
.cms-home-vehicle-stage:after{inset:auto 6% 1.5%;height:35%;border-radius:50%;background:radial-gradient(ellipse at 50% 16%,rgba(189,239,255,.27),transparent 25%),radial-gradient(ellipse at center 58%,rgba(0,0,0,.74),transparent 64%);filter:blur(10px);opacity:1}
.cms-home-hero-media img,.cms-home-vehicle-stage img,.cms-home-vehicle-stage:hover img{left:auto;right:50%;bottom:4%;width:min(97%,790px);max-height:86%;transform:translateX(50%);transition:none;filter:drop-shadow(0 2.8rem 2rem rgba(0,0,0,.53)) drop-shadow(0 0 1.2rem rgba(192,242,255,.2))}
@media(max-width:850px){.cms-home-hero{min-height:auto}.cms-home-vehicle-stage{min-height:0;background:radial-gradient(ellipse at 85% 0%,rgba(255,255,255,.4),transparent 25%),radial-gradient(ellipse at 17% 92%,rgba(31,177,255,.35),transparent 35%),linear-gradient(145deg,rgba(190,237,255,.25),rgba(17,82,119,.45) 46%,rgba(4,25,42,.82))}.cms-home-hero-media img,.cms-home-vehicle-stage img,.cms-home-vehicle-stage:hover img{transform:translateX(-50%);transition:none}}

/* Mobile hero: the vehicle keeps an explicit, centred anchor. The desktop
   stage uses right:50%; without restoring left/right here, some mobile
   browsers resolve the transform against the wrong edge and hide the car. */
@media(max-width:850px){
  .cms-home-hero-media,.cms-home-vehicle-stage{min-width:0}
  .cms-home-vehicle-stage{position:relative;display:grid;place-items:end center;min-height:clamp(13.5rem,58vw,20rem);aspect-ratio:1.42}
  .cms-home-hero-media img,.cms-home-vehicle-stage img,.cms-home-vehicle-stage:hover img{left:50%;right:auto;bottom:4%;width:min(96%,38rem);max-width:none;max-height:88%;transform:translateX(-50%);object-fit:contain;object-position:center bottom;opacity:1;visibility:visible}
}
@media(max-width:520px){
  .cms-home-hero{padding-bottom:2rem}
  .cms-home-hero-media{min-height:0}
  .cms-home-vehicle-stage{min-height:13.25rem;aspect-ratio:1.32;border-radius:1.25rem}
  .cms-home-hero-media img,.cms-home-vehicle-stage img,.cms-home-vehicle-stage:hover img{left:50%;right:auto;bottom:3%;width:98%;max-height:86%;transform:translateX(-50%)}
}

/* Homepage containers: content-led depth, not decorative empty panels. Each
   surface keeps its destination obvious while the fine edge and glow signal
   that it is an interactive part of the owner workspace. */
body.cms-shell{--cms-panel-edge:rgba(171,224,255,.24);--cms-panel-focus:#91d5ff;--cms-panel-ink:#f7fbff;--cms-panel-muted:rgba(224,241,252,.68);--cms-panel-shadow:0 1.4rem 3.2rem rgba(0,0,0,.26)}
.cms-home-update-cards>a,.cms-home-answer-finder,.cms-home-owner-club-card{border-color:var(--cms-panel-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),var(--cms-panel-shadow)}
.cms-home-update-cards>a{position:relative;overflow:hidden;background:linear-gradient(126deg,rgba(30,80,110,.36),rgba(8,29,46,.94) 44%,rgba(7,21,34,.99));transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}
.cms-home-update-cards>a::before{content:'';position:absolute;inset:0 auto 0 0;width:.22rem;background:linear-gradient(180deg,#8dd8ff,#4a94cc);opacity:.86}
.cms-home-update-cards>a:hover,.cms-home-update-cards>a:focus-visible{transform:translateX(.38rem);border-color:var(--cms-panel-focus);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1.6rem 3.5rem rgba(0,0,0,.34),0 0 0 1px rgba(145,213,255,.2)}
.cms-home-update-cards>a:focus-visible{outline:2px solid var(--cms-panel-focus);outline-offset:3px}
.cms-home-answer-finder{position:relative;overflow:hidden;border-color:rgba(145,213,255,.36);background:radial-gradient(circle at 92% 6%,rgba(143,220,255,.24),transparent 13rem),linear-gradient(145deg,rgba(20,67,94,.96),rgba(7,25,40,.98) 64%)}
.cms-home-answer-finder::after{content:'';position:absolute;inset:auto -12% -38% auto;width:16rem;aspect-ratio:1;border:1px solid rgba(159,222,255,.16);border-radius:50%;box-shadow:0 0 0 1.8rem rgba(159,222,255,.04),0 0 0 3.6rem rgba(159,222,255,.025);pointer-events:none}
.cms-home-answer-finder>*{position:relative;z-index:1}
.cms-home-owner-club-card{border-top:1px solid rgba(181,230,255,.14);background:linear-gradient(145deg,rgba(34,96,132,.33),rgba(8,27,43,.92) 68%)}
.cms-home-owner-club-card::after{content:'';position:absolute;right:1.2rem;bottom:1.05rem;width:2.4rem;height:2.4rem;border:1px solid rgba(181,230,255,.32);border-radius:50%;background:rgba(7,25,40,.42);box-shadow:inset 0 1px rgba(255,255,255,.12);opacity:.75;transition:transform .22s ease,background .22s ease,opacity .22s ease}
.cms-home-owner-club-card:nth-child(2){background:linear-gradient(145deg,rgba(66,90,127,.31),rgba(9,29,45,.94) 68%)}
.cms-home-owner-club-card:nth-child(3){background:linear-gradient(145deg,rgba(54,87,111,.32),rgba(9,29,45,.94) 68%)}
.cms-home-owner-club-card:hover,.cms-home-owner-club-card:focus-visible{border-color:rgba(145,213,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1.55rem 3.4rem rgba(0,0,0,.31),0 0 0 1px rgba(145,213,255,.19)}
.cms-home-owner-club-card:hover::after,.cms-home-owner-club-card:focus-visible::after{transform:translateX(.28rem);background:var(--cms-panel-focus);opacity:1}
body.cms-shell .cms-home-tasks a{border-color:rgba(180,228,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -9rem 7rem rgba(6,17,28,.82),0 .9rem 1.8rem rgba(0,0,0,.18)}
body.cms-shell .cms-home-tasks a:hover,body.cms-shell .cms-home-tasks a:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8rem 6rem rgba(6,17,28,.68),0 1.7rem 3.4rem rgba(0,0,0,.4),0 0 0 1px rgba(145,213,255,.22)}
@media(max-width:700px){.cms-home-update-cards>a:hover{transform:none}.cms-home-owner-club-card::after{right:1rem;bottom:1rem}}
@media(prefers-reduced-motion:reduce){.cms-home-update-cards>a,.cms-home-owner-club-card,.cms-home-owner-club-card::after{transition:none!important}}

/* The six entry cards form a quiet spatial layer on precise desktop pointers.
   The JavaScript only supplies two small rotation variables; content, links
   and keyboard behaviour remain ordinary, stable HTML. */
@media(hover:hover) and (pointer:fine){
  .cms-home-tasks>div{perspective:1100px;perspective-origin:center 45%}
  body.cms-shell .cms-home-tasks a{--cms-card-rotate-x:0deg;--cms-card-rotate-y:0deg;--cms-card-light-x:50%;--cms-card-light-y:30%;transform:translate3d(0,0,0) rotateX(var(--cms-card-rotate-x)) rotateY(var(--cms-card-rotate-y));transform-style:preserve-3d;will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}
  body.cms-shell .cms-home-tasks a::before{background:radial-gradient(circle at var(--cms-card-light-x) var(--cms-card-light-y),rgba(202,241,255,.26),transparent 24%),linear-gradient(180deg,rgba(5,16,27,.42) 0%,rgba(5,16,27,.61) 43%,rgba(5,16,27,.96) 76%)}
  body.cms-shell .cms-home-tasks a:hover{transform:translate3d(0,-.38rem,0) rotateX(var(--cms-card-rotate-x)) rotateY(var(--cms-card-rotate-y))}
  body.cms-shell .cms-home-tasks a:focus-visible{transform:translate3d(0,-.22rem,0)}
}
@media(prefers-reduced-motion:reduce){body.cms-shell .cms-home-tasks a{will-change:auto}}

/* Model rail: each choice reads as a small vehicle display, not a generic
   catalogue card. The visible frame, light pool and trim controls remain
   useful without pointer motion or JavaScript. */
.cms-home-models>div{position:relative;isolation:isolate}
.cms-model-card{position:relative;isolation:isolate;transform:translate3d(0,0,0);background:linear-gradient(152deg,rgba(29,84,117,.98),rgba(8,30,48,.98) 58%,rgba(4,18,31,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 1.45rem 3rem rgba(0,0,0,.28)}
.cms-model-card::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 3%,rgba(220,248,255,.18),transparent 27%),linear-gradient(124deg,transparent 36%,rgba(142,220,255,.12) 49%,transparent 57%)}
.cms-model-card>*{position:relative;z-index:1}
.cms-model-card-media{height:17.75rem;padding:1.05rem 1.05rem 1.3rem;background:radial-gradient(ellipse at 50% 94%,rgba(110,211,255,.4),transparent 34%),radial-gradient(ellipse at 82% 10%,rgba(234,250,255,.27),transparent 25%),linear-gradient(146deg,rgba(185,232,255,.14),rgba(10,49,74,.12) 46%,transparent 74%)}
.cms-model-card-media::before{content:'';position:absolute;inset:.9rem;border:1px solid rgba(214,245,255,.2);border-radius:1.25rem;background:linear-gradient(108deg,transparent 39%,rgba(164,228,255,.2) 50%,transparent 57%);opacity:.85}
.cms-model-card-media::after{z-index:0;inset:auto 9% 1rem;height:24%;border:0;border-radius:50%;background:radial-gradient(ellipse at center 24%,rgba(185,239,255,.35),transparent 26%),radial-gradient(ellipse at center 58%,rgba(0,0,0,.68),transparent 64%);filter:blur(7px)}
.cms-model-card-media img{z-index:2;filter:drop-shadow(0 1.75rem 1.15rem rgba(0,0,0,.5)) drop-shadow(0 0 .9rem rgba(183,237,255,.15))}
.cms-model-card-copy{position:relative;z-index:3;gap:.78rem;padding:0 1.35rem 1.35rem;background:linear-gradient(180deg,rgba(7,26,42,.04),rgba(4,19,32,.47) 28%,rgba(4,18,30,.78))}
.cms-model-card-title{padding-top:.12rem}.cms-model-card-title span{color:#b6e4ff}.cms-model-metrics{padding:.1rem;border-radius:.95rem;background:rgba(3,19,32,.24)}
.cms-model-metric{border-color:rgba(188,234,255,.18);background:linear-gradient(150deg,rgba(191,234,255,.11),rgba(255,255,255,.025))}.cms-model-metric small{color:rgba(210,236,250,.7)}
.cms-model-card.is-selected{border-color:#9ddfff;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 0 1px #9ddfff,0 2.1rem 4.8rem rgba(0,0,0,.36),0 0 4rem rgba(93,197,255,.23)}
.cms-model-card.is-selected .cms-model-card-media::before{border-color:rgba(207,246,255,.48);box-shadow:inset 0 0 2.4rem rgba(119,211,255,.13),0 0 1.8rem rgba(107,207,255,.18)}
.cms-model-card button{position:relative;min-height:3rem;padding-top:.72rem;color:#eef9ff}.cms-model-card button::after{content:'↗';display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid rgba(183,232,255,.35);border-radius:50%;color:#9dddff;transition:transform .2s ease,background .2s ease}
@media(hover:hover) and (pointer:fine){
  .cms-home-models>div{perspective:1200px;perspective-origin:center 40%}
  .cms-model-card{--cms-card-rotate-x:0deg;--cms-card-rotate-y:0deg;--cms-card-light-x:50%;--cms-card-light-y:30%;transform:translate3d(0,0,0) rotateX(var(--cms-card-rotate-x)) rotateY(var(--cms-card-rotate-y));transform-style:preserve-3d;will-change:transform;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}
  .cms-model-card::before{background:radial-gradient(circle at var(--cms-card-light-x) var(--cms-card-light-y),rgba(224,247,255,.28),transparent 23%),radial-gradient(ellipse at 50% 3%,rgba(220,248,255,.18),transparent 27%),linear-gradient(124deg,transparent 36%,rgba(142,220,255,.12) 49%,transparent 57%)}
  .cms-model-card:hover,.cms-model-card:focus-within{transform:translate3d(0,-.4rem,0) rotateX(var(--cms-card-rotate-x)) rotateY(var(--cms-card-rotate-y));border-color:rgba(166,225,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2.25rem 4.6rem rgba(0,0,0,.38),0 0 0 1px rgba(146,219,255,.24)}
  .cms-model-card:hover .cms-model-card-media img,.cms-model-card:focus-within .cms-model-card-media img{transform:scale(1.025) translateY(-.12rem);filter:drop-shadow(0 2.05rem 1.25rem rgba(0,0,0,.54)) drop-shadow(0 0 1.35rem rgba(183,237,255,.25))}
  .cms-model-card:hover button::after,.cms-model-card:focus-within button::after{transform:translateX(.2rem);background:rgba(131,211,255,.16)}
}
@media(max-width:520px){.cms-model-card-media{height:15.5rem}.cms-model-card-media::before{inset:.78rem}.cms-model-card-copy{padding-inline:1.15rem}.cms-model-metrics{gap:.38rem}.cms-model-card button::after{width:1.65rem;height:1.65rem}}
@media(prefers-reduced-motion:reduce){.cms-model-card,.cms-model-card button::after{transition:none!important;will-change:auto}}