.gallery-hero{padding:92px max(24px,calc((100vw - 1180px)/2)) 54px;text-align:center}.gallery-hero h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.06em;line-height:.95;margin:0 auto 22px;max-width:900px}.gallery-hero p{max-width:720px;margin:auto;color:var(--muted);font-size:18px}.gallery-note{display:inline-flex;gap:8px;align-items:center;margin-bottom:20px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;color:#676967}.gallery-grid{max-width:1180px;margin:0 auto;padding:20px 24px 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.demo-card{background:#fff;border:1px solid #e2ded7;border-radius:26px;overflow:hidden;box-shadow:0 16px 50px #2220000b}.demo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 18px}.demo-card-head small{color:var(--accent);font-weight:850;letter-spacing:.12em}.demo-card h2{font-size:25px;letter-spacing:-.035em;margin:5px 0}.demo-card p{margin:0;color:var(--muted);font-size:13px}.preview-pair{display:grid;grid-template-columns:1fr 112px;gap:10px;padding:0 18px 18px;height:370px}.preview-window{background:#f0eee8;border:1px solid #ddd9d1;border-radius:16px;overflow:hidden;position:relative}.preview-window:before{content:"";display:block;height:28px;background:linear-gradient(90deg,#e0ddd6 0 8%,#ebe8e2 8% 100%);border-bottom:1px solid #d8d4cc}.preview-window iframe{border:0;background:white;transform-origin:top left;pointer-events:none}.preview-window.desktop iframe{width:156.25%;height:520px;transform:scale(.64)}.preview-window.mobile iframe{width:390px;height:844px;transform:scale(.265)}.preview-label{position:absolute;z-index:2;right:8px;top:6px;background:#ffffffd9;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800;color:#777}.demo-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 24px}.sector-tags{display:flex;gap:6px;flex-wrap:wrap}.sector-tags span{font-size:9px;background:#f1efe9;color:#717370;border-radius:999px;padding:5px 8px}.open-demo{font-size:12px;font-weight:850;color:var(--accent);white-space:nowrap}.gallery-bottom{max-width:1000px;margin:0 auto 100px;padding:48px;background:var(--dark);color:white;border-radius:28px;text-align:center}.gallery-bottom h2{font-size:42px;letter-spacing:-.045em;margin:0 0 13px}.gallery-bottom p{color:#b8b9bb;max-width:640px;margin:0 auto 24px}.gallery-bottom .btn{background:white;color:#111214}@media(max-width:900px){.gallery-grid{grid-template-columns:1fr}.preview-pair{height:340px}.gallery-bottom{margin:0 18px 70px}}@media(max-width:580px){.gallery-hero{padding:60px 18px 35px}.gallery-hero h1{font-size:49px}.gallery-grid{padding:10px 14px 70px}.preview-pair{grid-template-columns:1fr;height:300px}.preview-window.mobile{display:none}.preview-window.desktop iframe{width:185%;transform:scale(.54)}.demo-card-head,.demo-card-foot{padding-left:18px;padding-right:18px}.demo-card-foot{align-items:flex-start;flex-direction:column}.gallery-bottom{padding:32px 22px}.gallery-bottom h2{font-size:34px}}