.home-store-showcase.section{position:relative;isolation:isolate;overflow:hidden;padding:44px clamp(24px,3.2vw,40px);border-radius:26px;background:radial-gradient(circle at 6% 10%,#d4fff2 0,transparent 25%),radial-gradient(circle at 94% 22%,#e2ddff 0,transparent 32%),linear-gradient(150deg,#fff 0,#f5f9ff 60%,#eff7ff 100%)}
.home-store-showcase::before{content:"";position:absolute;z-index:-1;top:84px;right:-76px;width:270px;height:270px;border:1px solid #a9c8f678;border-radius:50%;box-shadow:0 0 0 44px #b7d8f31c,0 0 0 90px #b7d8f317}
.home-store-showcase .hss-inner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:44px;min-height:510px}
.home-store-showcase .hss-copy{position:relative;z-index:2}
.home-store-showcase .hss-eyebrow{margin-bottom:14px}
.home-store-showcase .hss-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:9px 12px;border:1px solid #c2eae5;border-radius:999px;background:#f4fffc;color:#087968;font-size:11px;font-weight:850;letter-spacing:.11em}
.home-store-showcase .hss-kicker svg{width:15px;height:15px}
.home-store-showcase h2{max-width:490px;margin:0 0 22px;font-size:clamp(32px,3.55vw,49px);line-height:1.22;letter-spacing:-.06em}
.home-store-showcase h2 em{font-style:normal;background:linear-gradient(100deg,#08b994,#1288e9 56%,#6e4be7);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-store-showcase .hss-lede{max-width:450px;margin:0 0 26px;color:#576a88;font-size:15px;line-height:1.9}
.home-store-showcase .hss-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.home-store-showcase .hss-benefits span{padding:9px 12px;border:1px solid #dbe7f3;border-radius:10px;background:#ffffffbd;color:#335070;font-size:12px;font-weight:700}
.home-store-showcase .hss-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.home-store-showcase .hss-demo-link{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;background-image:linear-gradient(90deg,#079faf 0%,#2a6be0 25%,#7645df 50%,#2a6be0 75%,#079faf 100%);background-size:200% 100%;background-repeat:repeat-x;animation:hss-gradient-right 3.6s linear infinite;color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 7px 22px #456fe22b;transition:transform .2s,box-shadow .2s}
.home-store-showcase .hss-demo-link:hover{transform:translateY(-2px);box-shadow:0 10px 28px #456fe245}
@keyframes hss-gradient-right{from{background-position:200% 50%}to{background-position:0% 50%}}
.home-store-showcase .hss-hint{color:#8290a7;font-size:11px}
.home-store-showcase .hss-visual{position:relative;min-width:0;min-height:500px;display:flex;align-items:center;justify-content:flex-start}
.home-store-showcase .hss-browser-preview{position:relative;width:min(100%,570px)}
.home-store-showcase .hss-browser-frame{position:relative;width:100%;overflow:hidden;border:1px solid #ccd8e7;border-radius:17px;background:#fff;box-shadow:0 28px 54px #18447530,0 3px 10px #1844751b;transform:rotate(-1.2deg)}
.home-store-showcase .hss-browser-bar{height:32px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #e6ebf1;background:#f6f8fb}
.home-store-showcase .hss-browser-bar i{width:7px;height:7px;border-radius:50%;background:#cad4e2}
.home-store-showcase .hss-browser-bar i:first-child{background:#f29c9c}
.home-store-showcase .hss-browser-bar i:nth-child(2){background:#f2cc83}
.home-store-showcase .hss-browser-bar i:nth-child(3){background:#96d8b8}
.home-store-showcase .hss-browser-url{max-width:205px;margin:auto;padding:5px 12px;border-radius:5px;background:#eaf0f7;color:#8190a7;text-align:center;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-store-showcase .hss-browser-frame img{display:block;width:100%;height:auto}
.home-store-showcase .hss-phone-preview{position:absolute;right:10px;bottom:-12px;width:193px;transform:rotate(4deg)}
.home-store-showcase .hss-phone-frame{position:relative;width:100%;overflow:hidden;border:6px solid #243353;border-radius:27px;background:#fff;box-shadow:0 24px 40px #122b5240}
.home-store-showcase .hss-phone-frame::before{content:"";position:absolute;z-index:1;top:4px;left:50%;width:46px;height:7px;border-radius:999px;background:#243353;transform:translateX(-50%)}
.home-store-showcase .hss-phone-frame img{display:block;width:100%;height:auto;border-radius:19px}
.home-store-showcase .hss-screen-tag,.home-store-showcase .hss-phone-tag{position:absolute;left:12px;bottom:12px;z-index:2;padding:7px 11px;border:1px solid #d9e4f2;border-radius:999px;background:#fffffff0;color:#366184;font-size:11px;font-weight:800;box-shadow:0 8px 18px #1e47731e}
.home-store-showcase .hss-phone-tag{left:8px;bottom:8px}
@media(max-width:760px){.home-store-showcase.section{padding-block:36px;border-radius:22px}.home-store-showcase .hss-inner{display:block;min-height:0}.home-store-showcase h2{font-size:34px}.home-store-showcase .hss-lede{font-size:14px}.home-store-showcase .hss-visual{min-height:380px;margin-top:30px}.home-store-showcase .hss-browser-preview{width:100%}.home-store-showcase .hss-phone-preview{width:122px;right:5px;bottom:3px}.home-store-showcase .hss-phone-frame{border-width:4px;border-radius:18px}.home-store-showcase .hss-phone-frame img{border-radius:13px}}
@media(max-width:420px){.home-store-showcase .hss-visual{min-height:320px}.home-store-showcase .hss-phone-preview{width:108px}.home-store-showcase .hss-hint{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.home-store-showcase .hss-demo-link{animation:none;transition:none}}