.document-store-page { background: radial-gradient(circle at 8% 20%,rgba(34,189,73,.06),transparent 24%),var(--bg); }
.document-store-page .site-header { position: absolute; }
.store-hero { min-height: 760px; display: grid; align-items: end; overflow: hidden; background: radial-gradient(circle at 82% 24%,rgba(34,189,73,.17),transparent 24%),linear-gradient(140deg,#070a08 15%,#0a130d 58%,#071009); border-bottom: 1px solid var(--line); }
.store-hero::after { content: "§"; position: absolute; top: 120px; right: max(50px,calc((100% - 1400px)/2)); color: rgba(34,189,73,.06); font: 800 clamp(260px,30vw,470px)/1 Georgia,serif; pointer-events: none; }
.store-hero-grid { min-height: 760px; padding: 175px 0 78px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.58fr); align-items: end; gap: clamp(70px,9vw,150px); }
.store-hero-copy { position: relative; z-index: 1; }
.store-hero h1 { max-width: 900px; font-size: clamp(48px,5.2vw,78px); line-height: 1.01; }
.store-hero .hero-lead { max-width: 770px; }
.store-hero-actions { margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.store-text-link { padding-bottom: 5px; color: #dce5de; border-bottom: 1px solid rgba(255,255,255,.28); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.store-text-link span { margin-left: 7px; color: var(--green-bright); }
.store-hero-card { position: relative; z-index: 1; padding: 30px; background: rgba(11,18,13,.88); border: 1px solid var(--line-green); border-radius: 18px; backdrop-filter: blur(16px); }
.store-status { width: max-content; padding: 8px 10px; display: block; color: #dfffe7; background: rgba(34,189,73,.14); border: 1px solid rgba(34,189,73,.34); border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.store-hero-card h2 { margin: 22px 0 0; font-size: 28px; line-height: 1.12; }
.store-hero-card dl { margin: 28px 0 0; display: grid; }
.store-hero-card dl div { padding: 17px 0; display: grid; grid-template-columns: 34px 1fr; gap: 12px; border-top: 1px solid var(--line); }
.store-hero-card dt { color: var(--green-bright); font-size: 9px; font-weight: 800; }
.store-hero-card dd { margin: 0; display: grid; gap: 5px; }
.store-hero-card dd strong { font-size: 14px; }
.store-hero-card dd span { color: var(--muted); font-size: 11px; line-height: 1.55; }
.store-content { padding: clamp(70px,7vw,110px) 0 120px; }
.store-demo-notice { padding: 25px 28px; display: grid; grid-template-columns: minmax(210px,.4fr) 1fr; align-items: center; gap: 35px; color: #f8dfaa; background: linear-gradient(100deg,rgba(174,113,25,.17),rgba(174,113,25,.055)); border: 1px solid rgba(237,171,69,.37); border-radius: 15px; }
.store-demo-notice strong { font-size: 18px; }
.store-demo-notice p { margin: 0; color: #cdbd9c; font-size: 12px; line-height: 1.7; }
.store-demo-notice a,.store-integration a,.store-seller a,.store-kz a,.store-dialog-note a { color: var(--green-bright); text-decoration: underline; text-underline-offset: 3px; }
.store-section { margin-top: clamp(88px,9vw,135px); }
.store-filters { margin: -12px 0 26px; display: flex; flex-wrap: wrap; gap: 9px; }
.store-filter { min-height: 39px; padding: 0 15px; color: #a8b2aa; background: rgba(255,255,255,.035); border: 1px solid var(--line); border-radius: 999px; font: 800 9px/1 var(--font); letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }
.store-filter:hover,.store-filter:focus-visible,.store-filter.is-active { color: #fff; background: rgba(34,189,73,.16); border-color: rgba(34,189,73,.48); }
.store-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.store-product { min-height: 560px; padding: clamp(25px,2.8vw,38px); display: flex; flex-direction: column; background: radial-gradient(circle at 100% 0,rgba(34,189,73,.105),transparent 38%),var(--soft); border: 1px solid var(--line); border-radius: 17px; }
.store-product[hidden] { display: none; }
.store-product-top { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.store-product-top > span { max-width: 150px; color: var(--green-bright); font-size: 8px; font-weight: 800; letter-spacing: .08em; line-height: 1.45; text-transform: uppercase; }
.store-product-top > strong { display: grid; justify-items: end; white-space: nowrap; font-size: 20px; }
.store-product-top small { margin-top: 5px; color: #768079; font-size: 7px; letter-spacing: .07em; text-transform: uppercase; }
.store-product h3 { margin-top: 38px; font-size: clamp(23px,2.1vw,31px); line-height: 1.13; }
.store-product > p { margin: 17px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.store-product > ul { margin: 24px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.store-product > ul li { padding-left: 20px; position: relative; color: #c0c8c2; font-size: 11px; line-height: 1.5; }
.store-product > ul li::before { content: "✓"; position: absolute; left: 0; color: var(--green-bright); font-weight: 800; }
.store-product details { margin-top: 24px; color: #aeb8b0; border-top: 1px solid var(--line); }
.store-product summary { padding: 17px 23px 12px 0; position: relative; color: #fff; font-size: 10px; font-weight: 800; line-height: 1.45; cursor: pointer; }
.store-product summary::after { content: "+"; position: absolute; top: 15px; right: 1px; color: var(--green-bright); font-size: 18px; }
.store-product details[open] summary::after { content: "−"; }
.store-product details p { margin: 0 0 16px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.store-buy { width: 100%; min-height: 48px; margin-top: auto; padding: 0 16px; color: #fff; background: linear-gradient(135deg,#1b9f3d,#117f30); border: 0; border-radius: 10px; font: 800 10px/1.25 var(--font); letter-spacing: .035em; text-transform: uppercase; cursor: pointer; }
.store-buy:hover,.store-buy:focus-visible { background: linear-gradient(135deg,#29c951,#159638); transform: translateY(-1px); }
.store-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; list-style: none; }
.store-steps li { min-height: 245px; padding: 27px; display: flex; flex-direction: column; background: radial-gradient(circle at 100% 100%,rgba(34,189,73,.11),transparent 44%),var(--soft); border: 1px solid var(--line); border-radius: 15px; }
.store-steps span { color: var(--green-bright); font-size: 9px; font-weight: 800; }
.store-steps strong { margin-top: 50px; font-size: 19px; line-height: 1.25; }
.store-steps p { margin: 13px 0 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.store-integration { padding: clamp(35px,5vw,66px); display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1fr); gap: clamp(55px,8vw,120px); background: radial-gradient(circle at 10% 20%,rgba(34,189,73,.18),transparent 35%),var(--panel); border: 1px solid var(--line-green); border-radius: 19px; }
.store-integration h2 { font-size: clamp(36px,4vw,58px); line-height: 1.06; }
.store-integration > div > p:last-child { margin: 24px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.store-integration ul { margin: 0; padding: 0; display: grid; list-style: none; }
.store-integration li { padding: 18px 0; display: grid; gap: 7px; border-bottom: 1px solid var(--line); }
.store-integration li:last-child { border-bottom: 0; }
.store-integration li strong { font-size: 15px; }
.store-integration li span { color: var(--muted); font-size: 11px; line-height: 1.6; }
.store-safety { padding: clamp(34px,5vw,60px); display: grid; grid-template-columns: minmax(280px,.7fr) 1fr; align-items: center; gap: clamp(40px,7vw,100px); background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 18px; }
.store-safety h2 { font-size: clamp(34px,3.7vw,52px); line-height: 1.08; }
.store-safety > p { margin: 0; color: #aeb8b0; font-size: 13px; line-height: 1.8; }
.store-dialog { width: min(570px,calc(100% - 28px)); padding: 30px; color: var(--text); background: #0d130f; border: 1px solid var(--line-green); border-radius: 18px; box-shadow: 0 28px 100px rgba(0,0,0,.68); }
.store-dialog::backdrop { background: rgba(0,0,0,.77); backdrop-filter: blur(4px); }
.store-dialog-head { display: flex; justify-content: space-between; gap: 20px; }
.store-dialog-head span { color: var(--green-bright); font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.store-dialog h2 { margin-top: 10px; font-size: 27px; line-height: 1.15; }
.store-dialog-head > button { width: 38px; height: 38px; flex: 0 0 auto; color: #fff; background: rgba(255,255,255,.04); border: 1px solid var(--line); border-radius: 50%; font-size: 23px; cursor: pointer; }
.store-dialog-price { color: #fff; font-size: 25px; font-weight: 800; }
.store-dialog ol { padding-left: 22px; color: #b7c1ba; font-size: 12px; line-height: 1.7; }
.store-payment-placeholder { min-height: 125px; padding: 20px; display: grid; place-items: center; align-content: center; gap: 10px; color: #8d9990; background: rgba(255,255,255,.025); border: 1px dashed rgba(255,255,255,.2); border-radius: 13px; text-align: center; }
.store-payment-placeholder span { color: var(--green-bright); font-size: 38px; }
.store-payment-placeholder strong { font-size: 11px; }
.store-dialog-note { color: #bcae8e; font-size: 11px; line-height: 1.6; }
.store-seller,.store-kz { grid-template-columns: .7fr 1.3fr; gap: 70px; padding: 42px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.store-seller-details,.store-kz > div:last-child { display: grid; gap: 12px; }
.store-seller-details p,.store-kz p { margin: 0; color: #b7c1ba; font-size: 13px; line-height: 1.7; }
.store-seller-details strong { color: #fff; }
.store-dialog-action { width: 100%; min-height: 48px; color: #fff; background: var(--green); border: 0; border-radius: 10px; font: 800 11px/1 var(--font); cursor: pointer; }

@media (max-width:1120px) {
  .store-hero-grid { grid-template-columns: minmax(0,1fr) minmax(300px,.56fr); gap: 45px; }
  .store-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .store-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .store-hero { min-height: 0; }
  .store-hero::after { top: 110px; right: -70px; font-size: 330px; }
  .store-hero-grid { min-height: 0; padding: 132px 0 60px; grid-template-columns: 1fr; gap: 36px; }
  .store-hero h1 { font-size: clamp(40px,11vw,55px); }
  .store-hero-card { padding: 23px; }
  .store-demo-notice,.store-grid,.store-steps,.store-integration,.store-safety,.store-seller,.store-kz { grid-template-columns: 1fr; }
  .store-grid { gap: 12px; }
  .store-product { min-height: 0; }
  .store-buy { margin-top: 28px; }
  .store-integration,.store-safety { gap: 30px; }
  .store-dialog { padding: 23px; }
}