.complex-deck{height:545px}.complex-deck .deck-card{height:480px}.complex-preview{height:335px;background:#100f0e;overflow:hidden}.complex-preview video{display:block;width:100%;height:100%;object-fit:contain;background:#100f0e;pointer-events:none}
.material-layout{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:38px;align-items:center;padding:25px 16px}
.material-gallery{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;max-width:300px;width:100%;margin:auto}
.phone-shell{position:relative;max-width:300px;margin:auto;padding:9px;background:linear-gradient(145deg,#6c655b,#161616 12%,#292625 88%,#746756);border:1px solid #a18f7b88;border-radius:39px;box-shadow:0 22px 55px #0005,inset 0 0 0 2px #ffffff19}
.phone-screen{position:relative;aspect-ratio:9/17;overflow:hidden;background:#faf7f0;border-radius:30px}
.phone-camera{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:31%;height:13px;border-radius:12px;background:#141414;pointer-events:none}
.material-slide{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:19px 0 0;background:#faf7f0;opacity:0;visibility:hidden;transition:opacity .35s;pointer-events:none}
.material-slide.active{opacity:1;visibility:visible;pointer-events:auto}.material-slide img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}
.material-dots{display:flex;justify-content:center;gap:5px;margin-top:16px}.material-dots button{position:relative;width:30px;height:30px;background:transparent;border:0;padding:0}.material-dots button:after{content:'';display:block;width:6px;height:6px;background:#8b8178;border-radius:50%;margin:auto}.material-dots button[aria-pressed=true]:after{background:#f1a575;box-shadow:0 0 12px #ed955d55}
.material-copy h4{font-family:Unbounded,Arial,sans-serif;font-weight:500;font-size:24px;line-height:1.35;color:#f6f3ec;margin:0 0 25px;letter-spacing:-.04em}.material-copy ul{padding:0;list-style:none;display:grid;gap:17px;margin:0;color:#dbd0c3;font-size:14px;line-height:1.6}.material-copy li{position:relative;padding-left:20px}.material-copy li:before{content:'+';position:absolute;left:0;color:#f1a575}
.support-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.support-visual-card{overflow:hidden;border:1px solid #eac5a036;border-radius:20px;background:linear-gradient(135deg,#25211d,#151413);display:flex;flex-direction:column}.support-visual-card>img{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover}.support-visual-card>div{display:flex;flex-direction:column;flex:1;padding:22px 18px}.support-visual-card h4{font-size:18px;line-height:1.4;margin:0 0 12px;color:#f6f3ec}.support-visual-card p{font-size:12px;color:#c4b9ae;margin:0 0 23px;line-height:1.65}.included-label{margin-top:auto;text-align:center;padding:9px 12px;border-radius:24px;border:1px solid #b8a18b55;background:#ffffff04;color:#d6c4b3;font-size:10px}
.cabinet-phone{max-width:330px;width:100%;margin:auto}.cabinet-phone .phone-screen{aspect-ratio:980/1740}.cabinet-screen{display:block;border:0;padding:17px 0 0;background:#f7f1e8;width:100%;height:100%}.cabinet-screen img{display:block;width:100%;height:100%;object-fit:contain}.platform-grid{align-items:center;grid-template-columns:1fr .8fr}.platform-points{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.complex-deck{height:520px}.complex-deck .deck-card{height:460px}.complex-preview{height:315px}.material-layout{grid-template-columns:1fr;gap:24px;padding:10px 0}.material-gallery{max-width:270px}.material-copy h4{font-size:21px;margin-bottom:19px}.material-copy ul{font-size:13px;gap:13px}.support-visual-grid{grid-template-columns:1fr;gap:14px}.support-visual-card{display:grid;grid-template-columns:36% 1fr;align-items:stretch}.support-visual-card>img{height:100%;aspect-ratio:auto;object-fit:contain;background:#141211}.support-visual-card>div{padding:18px 15px}.support-visual-card h4{font-size:16px;margin-bottom:9px}.support-visual-card p{font-size:12px;margin-bottom:15px}.included-label{font-size:9px}.cabinet-phone{max-width:285px;margin-top:20px}}
@media(max-width:700px){.platform-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.material-slide{transition:none}}