.product-showcase-v18{background:#fafbfd;border-top:1px solid #eef2f7;padding:28px 0 28px;overflow:hidden}
.v18-showcase{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);grid-template-areas:"intro device" "tabs device";column-gap:54px;row-gap:24px;align-items:start;min-height:590px}
.v18-intro{grid-area:intro;padding:54px 0 0 2px;max-width:640px}.v18-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#657388;margin-bottom:14px}.v18-intro h2{margin:0;color:#081427;font-size:46px;line-height:1.06;letter-spacing:-.045em}.v18-intro p{margin:14px 0 0;color:#64748b;font-size:16px;line-height:1.6;max-width:510px}
.v18-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;align-self:start}.v18-tab{height:50px;border:1px solid #dfe6ef;border-radius:13px;background:#fff;color:#334155;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 13px;font:600 12px/1 'Plus Jakarta Sans',sans-serif;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.025);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.v18-tab:hover{transform:translateY(-1px);border-color:#cbd6e4;box-shadow:0 5px 14px rgba(15,23,42,.05)}.v18-tab.active{background:#081429;border-color:#081429;color:#fff;box-shadow:0 7px 20px rgba(8,20,41,.14)}.v18-tab-icon{width:25px;height:25px;border-radius:7px;background:#f1f5f9;display:grid;place-items:center;color:#64748b;flex:0 0 auto}.v18-tab.active .v18-tab-icon{background:#176bff;color:#fff}.v18-tab-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v18-device-stage{grid-area:device;position:relative;min-height:580px;display:flex;align-items:flex-start;justify-content:center;padding-top:0}.v18-device-stage:before{content:"";position:absolute;width:380px;height:380px;top:82px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(222,238,255,.78) 0%,rgba(240,247,255,.45) 50%,rgba(250,251,253,0) 75%);pointer-events:none}
.v18-device{position:relative;z-index:2;width:278px;aspect-ratio:390/861.5;border-radius:52px;padding:7px;background:linear-gradient(145deg,#70767e 0%,#13171c 12%,#050608 48%,#343a41 84%,#91979d 100%);box-shadow:0 30px 55px rgba(15,23,42,.18),0 8px 18px rgba(15,23,42,.12),inset 0 0 0 1px rgba(255,255,255,.18);transition:transform .28s cubic-bezier(.22,1,.36,1),filter .18s ease}.v18-device:before{content:"";position:absolute;inset:3px;border-radius:49px;border:1px solid rgba(255,255,255,.22);pointer-events:none}.v18-side{position:absolute;z-index:0;background:#1d2228;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.v18-side-left{left:-3px;top:124px;width:4px;height:82px;border-radius:3px 0 0 3px}.v18-side-right{right:-3px;top:160px;width:4px;height:104px;border-radius:0 3px 3px 0}.v18-device-screen{position:absolute;inset:7px;border-radius:45px;overflow:hidden;background:#081429;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.v18-statusbar{height:29px;background:#081429;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 15px;font:700 8px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;position:relative;z-index:3}.v18-island{position:absolute;z-index:4;top:9px;left:50%;transform:translateX(-50%);width:76px;height:20px;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.v18-status-icons{display:flex;gap:3px;align-items:center}.v18-status-icons i{display:block;width:3px;background:#fff;border-radius:3px}.v18-status-icons i:nth-child(1){height:5px}.v18-status-icons i:nth-child(2){height:7px}.v18-status-icons i:nth-child(3){height:9px}.v18-app-screen{display:block;width:100%;height:calc(100% - 29px);object-fit:cover;object-position:50% 0;background:#fff;transition:opacity .13s ease,transform .2s cubic-bezier(.22,1,.36,1)}.v18-device.is-light .v18-statusbar{background:#fff;color:#081429}.v18-device.is-light .v18-status-icons i{background:#081429}.v18-app-screen.is-switching{opacity:.2;transform:scale(.995)}
@media(hover:hover) and (pointer:fine){.v18-device:hover{transform:translateY(-7px) scale(1.012);filter:drop-shadow(0 20px 28px rgba(15,23,42,.08))}}
@media(max-width:1100px){.v18-showcase{grid-template-columns:minmax(0,1.15fr) 300px;column-gap:34px}.v18-intro{padding-top:42px}.v18-intro h2{font-size:41px}.v18-device{width:258px}.v18-device-stage{min-height:550px}}
@media(max-width:760px){.product-showcase-v18{padding:24px 0 26px}.v18-showcase{grid-template-columns:minmax(138px,.8fr) minmax(0,1.2fr);grid-template-areas:"intro intro" "tabs device";column-gap:16px;row-gap:22px;min-height:0}.v18-intro{padding:0;max-width:none}.v18-intro h2{font-size:36px}.v18-intro p{font-size:14px;line-height:1.55}.v18-tabs{grid-template-columns:1fr;gap:8px;max-width:none}.v18-tab{height:46px;justify-content:flex-start;padding:0 10px;gap:8px;font-size:12px;border-radius:12px}.v18-tab-icon{width:24px;height:24px}.v18-device-stage{min-height:445px;justify-content:flex-end}.v18-device-stage:before{width:250px;height:250px;top:75px}.v18-device{width:min(100%,205px);aspect-ratio:390/867.3;border-radius:40px;padding:5px}.v18-device:before{inset:2px;border-radius:38px}.v18-device-screen{inset:5px;border-radius:35px}.v18-statusbar{height:23px;padding:0 9px 0 10px;font-size:6.5px}.v18-island{top:7px;width:54px;height:14px}.v18-app-screen{height:calc(100% - 23px)}}
@media(max-width:430px){.v18-showcase{grid-template-columns:145px minmax(0,1fr);column-gap:10px}.v18-intro h2{font-size:33px;line-height:1.08}.v18-intro p{margin-top:10px}.v18-tabs{gap:7px}.v18-tab{height:44px;padding:0 8px;font-size:11.5px}.v18-tab-icon{width:23px;height:23px}.v18-device-stage{min-height:405px}.v18-device{width:min(100%,190px);aspect-ratio:390/867.3}.v18-device-stage:before{width:220px;height:220px;top:70px}}
@media(max-width:380px){.v18-showcase{grid-template-columns:132px minmax(0,1fr);column-gap:8px}.v18-tab{font-size:11px}.v18-device{width:min(100%,180px);aspect-ratio:390/867.3}}