.package-style-section{padding:90px 0}.package-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.package-style-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}.package-style-shot{height:280px;position:relative;overflow:hidden;padding:22px}.package-style-shot .mock-window{height:100%;border-radius:18px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 60px rgba(0,0,0,.16)}.package-style-shot .mock-nav{height:30px;display:flex;gap:6px;align-items:center;padding:0 10px}.package-style-shot .mock-nav i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}.package-style-shot .mock-content{padding:22px;display:grid;gap:12px;height:calc(100% - 30px)}.package-style-shot .mock-title{font-size:30px;line-height:.92;font-weight:900;letter-spacing:-.05em;max-width:82%}.package-style-shot .mock-line{height:8px;border-radius:99px;background:currentColor;opacity:.18}.package-style-shot .mock-line.short{width:58%}.package-style-shot .mock-line.mid{width:78%}.package-style-shot .mock-cta{width:94px;height:26px;border-radius:99px;background:currentColor;opacity:.85}.package-style-shot .mock-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.package-style-shot .mock-cols span{height:54px;border-radius:12px;border:1px solid currentColor;opacity:.28}.package-style-shot .business-pages{display:flex;gap:6px;position:absolute;right:16px;bottom:16px}.package-style-shot .business-pages i{width:36px;height:48px;border:1px solid currentColor;border-radius:7px;opacity:.3}.package-style-shot .custom-widget{position:absolute;right:16px;bottom:16px;width:110px;height:78px;border-radius:14px;border:1px solid currentColor;opacity:.45}.package-style-shot .custom-widget:before,.package-style-shot .custom-widget:after{content:'';position:absolute;left:12px;right:12px;height:7px;border-radius:99px;background:currentColor}.package-style-shot .custom-widget:before{top:18px}.package-style-shot .custom-widget:after{top:36px;width:52%}.package-style-info{padding:24px}.package-style-info h3{font-size:25px;margin:5px 0 8px}.package-style-info p{color:var(--muted);margin:0 0 18px}.package-style-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.package-style-shot.auto{background:radial-gradient(circle at 75% 35%,#ff6a1a 0,transparent 23%),linear-gradient(145deg,#07090c,#191d24);color:#fff}.package-style-shot.auto .mock-window{background:#0c0f14}.package-style-shot.industrial{background:linear-gradient(rgba(25,72,78,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(25,72,78,.08) 1px,transparent 1px),#edf2ef;background-size:24px 24px;color:#12363b}.package-style-shot.industrial .mock-window{background:rgba(255,255,255,.86)}.package-style-shot.lifestyle{background:#eadfd7;color:#4c342c}.package-style-shot.lifestyle .mock-window{background:#fff8f2}.package-style-shot.minimal{background:#f7f7f4;color:#111}.package-style-shot.minimal .mock-window{background:#fff}.package-style-shot.premium{background:radial-gradient(circle at 70% 20%,rgba(217,184,116,.22),transparent 32%),#12100d;color:#e9d8b1}.package-style-shot.premium .mock-window{background:#1a1712}.package-style-shot.bold{background:linear-gradient(135deg,#7157ff,#ff4d90 55%,#ffcf4a);color:#fff}.package-style-shot.bold .mock-window{background:rgba(20,10,35,.78)}.package-badge{display:inline-flex;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;opacity:.68}.package-matrix-note{margin-top:24px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}
@media(max-width:950px){.package-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.package-style-grid{grid-template-columns:1fr}.package-style-shot{height:240px}.package-style-section{padding:64px 0}}