.be-page .ai-hero{background:radial-gradient(circle at 76% 30%,#244961 0,transparent 38%),linear-gradient(135deg,#08131b,#102c3d)}
.be-page .be-hero-product{min-height:570px;padding:54px 34px 64px;border:1px solid rgba(255,255,255,.24);border-radius:28px;background:linear-gradient(150deg,#fff,#e9ecec);box-shadow:0 34px 75px rgba(0,0,0,.42);transform:rotate(1.2deg)}
.be-page .be-hero-product:before{inset:12%;background:radial-gradient(circle,#c3d0d744,transparent 68%);filter:none}
.be-page .be-hero-product img{position:relative;inset:auto;width:100%;height:450px;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(0,0,0,.3));transform:rotate(-1.2deg)}
.be-hero-label{position:absolute;z-index:2;top:22px;left:24px;padding:8px 12px;border-radius:8px;background:#102c3d;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.be-page .be-hero-product figcaption{left:24px;bottom:20px;background:#ffc400;color:#111820}
.be-page .ai-specs{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(255,196,0,.16),transparent 30%),linear-gradient(140deg,#172b3a,#0b141c)}
.be-page .ai-specs:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000)}
.be-page .ai-specs .wrap{position:relative;z-index:1}
.be-page .ai-specs .ai-heading{max-width:880px;margin-bottom:44px}
.be-page .ai-specs .eyebrow{color:#ffc400;letter-spacing:.14em}
.be-page .ai-specs .ai-heading h2{color:#fff}
.be-page .ai-specs .ai-heading p{color:#d3dce2}
.be-page .ai-spec-grid{gap:18px}
.be-page .ai-spec-grid article{position:relative;min-height:224px;padding:28px 26px;border:1px solid #d8dfe4;border-radius:20px;background:#fff;color:#111820;box-shadow:0 22px 48px rgba(0,0,0,.28)}
.be-page .ai-spec-grid article:after{content:"";position:absolute;left:26px;right:26px;bottom:0;height:5px;border-radius:5px 5px 0 0;background:#ffc400}
.be-page .ai-spec-grid b{display:block;color:#111820;font-size:clamp(44px,4.8vw,66px);line-height:1;letter-spacing:-.06em}
.be-page .ai-spec-grid span{display:block;margin:9px 0 0;color:#31404a;font-size:16px;font-weight:900}
.be-page .ai-spec-grid p{margin:28px 0 0;color:#53616b;font-size:14px;line-height:1.5}
.be-page .ai-fine{margin-top:22px;color:#c6d0d7;font-size:13px}
.be-page .be-cutaway{position:relative;min-height:650px;padding:54px 42px 62px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:radial-gradient(circle at 50% 43%,#344c5c 0,#1d2d38 52%,#111a21 100%);box-shadow:0 28px 65px rgba(0,0,0,.38)}
.be-page .be-cutaway:before{content:"";position:absolute;inset:30px;border:1px solid rgba(255,196,0,.23);border-radius:20px;pointer-events:none}
.be-page .be-cutaway img{position:relative;width:100%;height:530px;object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,0,0,.5));transform:scale(1.08)}
.be-cutaway-tag{position:absolute;z-index:2;top:22px;left:24px;padding:8px 12px;border-radius:8px;background:#ffc400;color:#111820;font-size:11px;font-weight:950;letter-spacing:.11em}
.be-page .be-cutaway figcaption{left:24px;right:24px;bottom:20px;text-align:center;background:#fff;color:#111820}
.be-colors{padding:94px 0;background:#e4e9ed;color:#111820}
.be-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.be-swatches article{display:flex;align-items:center;gap:14px;min-height:94px;padding:14px;border:1px solid #cbd2d7;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(14,26,38,.07)}
.be-swatches i{display:block;flex:0 0 55px;width:55px;height:55px;border:5px solid #fff;border-radius:13px;background:var(--c);box-shadow:0 0 0 1px #b9c0c5,0 7px 16px rgba(0,0,0,.17)}
.be-swatches b{color:#111820;font-size:15px;line-height:1.25}
@media(max-width:900px){.be-swatches{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.be-page .ai-spec-grid{grid-template-columns:1fr 1fr}.be-page .ai-spec-grid article{min-height:190px}}
@media(max-width:560px){.be-page .be-hero-product{min-height:390px;padding:46px 18px 54px;transform:none}.be-page .be-hero-product img{height:290px;transform:none}.be-page .be-cutaway{min-height:500px;padding:48px 22px 58px}.be-page .be-cutaway img{height:390px;transform:none}.be-colors{padding:64px 0}.be-swatches,.be-page .ai-spec-grid{grid-template-columns:1fr}.be-page .ai-spec-grid article{min-height:170px}}