/* Actual product captures, framed at their native aspect ratios. */
.hero-stage .wrap.hero{padding-left:26px;padding-right:26px}
.tablet-screen.real-device-screen img,.mobile-screen.real-device-screen img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:top;transform:none}
.hero-stage .hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px}.hero-device{padding:20px 38px 62px 0}.hero-real-shot{height:auto;aspect-ratio:3/2;background:#f6f5fb}.hero-real-shot img{display:block;width:100%;height:100%;object-fit:contain;transform:none;transform-origin:center}.hero-phone.hero-phone-real{width:145px;height:auto;aspect-ratio:390/844;right:-5px;bottom:26px;padding:0;gap:0;border:5px solid #242332;border-radius:20px;overflow:hidden;background:#f7f6fc;transform:rotate(4deg);box-shadow:0 20px 45px #05051080}.hero-phone-real img{display:block;width:100%;height:100%;object-fit:contain}.hero-device-caption{font-size:10px;max-width:85%;line-height:1.6}.hero-browser-chrome{font-size:10px;gap:9px;height:32px}
.devices-section{padding:85px 0 65px;background:radial-gradient(ellipse at 50% 10%,#3b2a5c,#1d192c 80%)}.devices-section h2{font-size:clamp(34px,4.2vw,52px)}.devices-section .intro{max-width:820px}.devices-grid{grid-template-columns:1.65fr 1.2fr .68fr;gap:22px;align-items:start;margin-top:48px}.device-card{border:0;background:none;box-shadow:none;padding:0;position:relative}.device-card h3{font-size:19px;margin-top:24px}.device-card p{font-size:14px;line-height:1.65;color:#beb3d0}.device-screen{box-shadow:0 20px 38px #05030d70;background:#f6f5fa}.pc-screen{height:auto;aspect-ratio:3/2;border:7px solid #292836;border-radius:12px;overflow:visible;position:relative;margin-bottom:33px}.pc-screen::before{content:'';position:absolute;width:24%;height:21px;background:linear-gradient(90deg,#484451,#96909e,#484451);left:38%;top:calc(100% + 7px);z-index:0}.pc-screen::after{content:'';position:absolute;width:48%;height:6px;background:linear-gradient(#a4a0ac,#595263);border-radius:5px 5px 2px 2px;left:26%;top:calc(100% + 25px)}.pc-screen img{width:100%;height:100%;object-fit:contain;transform:none;display:block;border-radius:5px}.tablet-screen{height:auto;aspect-ratio:4/3;border:8px solid #292836;border-radius:15px;margin-top:35px}.mobile-screen{height:auto;aspect-ratio:390/844;max-width:180px;width:100%;border:5px solid #292836;border-radius:20px;margin-top:0}.real-device-screen img{width:100%;height:100%;object-fit:contain;object-position:top;max-width:100%;transform:none}.devices-note{margin-top:35px;font-size:12px;color:#a99abf}.digital-card .digital-visual{margin-top:auto}.digital-card .digital-product{min-width:0}.digital-card .digital-product b{line-height:1.35}.digital-card .digital-product small{line-height:1.5}.digital-card p{line-height:1.75}
@media(max-width:950px){.hero-stage .hero{grid-template-columns:1fr}.hero-device{max-width:720px}.hero-phone.hero-phone-real{width:165px}.devices-grid{grid-template-columns:1fr 1fr}.device-card:first-child{grid-column:1/-1;max-width:680px;width:100%;margin:auto}.device-card:nth-child(2){margin-top:30px}.device-card:nth-child(3){max-width:200px;margin:30px auto 0}.tablet-screen{margin-top:0}.devices-section{padding:65px 0}}
@media(max-width:550px){.hero-device{padding:12px 30px 60px 0}.hero-phone.hero-phone-real{width:98px;border-width:3px;border-radius:12px;right:0;bottom:32px}.hero-device-caption{font-size:9px;max-width:75%}.hero-browser-chrome{height:25px;font-size:8px;padding:0 9px}.chrome-dots{gap:3px}.chrome-dots i{width:6px;height:6px}.devices-grid{gap:25px 15px;grid-template-columns:1.25fr .75fr}.device-card:first-child{grid-column:1/-1}.device-card:nth-child(2),.device-card:nth-child(3){margin-top:5px}.device-card h3{font-size:17px;margin-top:18px}.device-card p{font-size:12px}.tablet-screen{border-width:5px;border-radius:10px}.mobile-screen{border-width:4px;border-radius:15px}.pc-screen{height:auto;aspect-ratio:3/2}.devices-note{font-size:11px}.digital-card .digital-visual{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-phone.hero-phone-real,.hero-device:hover .hero-phone.hero-phone-real{transform:none}}