.site-types-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px;display:grid}.site-type-card{background:var(--surface);border:1px dashed #00000040;border-radius:18px;padding:24px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative}.site-type-card:hover{border-color:#0000008c;transform:translateY(-3px);box-shadow:0 10px 30px #0000000f}.site-type-num{color:var(--red);letter-spacing:.12em;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.site-type-demo-wrap{background:var(--bg);border:1px dashed #0000001f;border-radius:10px;margin-bottom:16px;padding:12px;overflow:hidden}.site-type-demo{width:100%;height:auto;display:block}.site-type-name{letter-spacing:-.02em;color:var(--heading);margin-bottom:6px;font-size:18px;font-weight:800}.site-type-desc{color:var(--muted);font-size:13px;line-height:1.55}.plans-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:64px;display:grid}.plans-grid--2{grid-template-columns:repeat(2,1fr);gap:22px;max-width:920px;margin-left:auto;margin-right:auto}.plan-card{background:var(--surface);border:1px dashed #00000040;border-radius:22px;padding:36px;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative}.plan-card:hover{border-color:#0000008c;transform:translateY(-3px);box-shadow:0 12px 44px #00000014}.plan-card.featured{background:var(--heading);border:1px dashed #ffffff2e}.plan-card.featured:hover{border-color:#ffffff73}.plan-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--red);color:#fff;border-radius:100px;padding:4px 11px;font-size:10px;font-weight:700;position:absolute;top:18px;right:18px}.plan-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700}.plan-label.feat{color:#ffffff80}.plan-sub{color:var(--muted);max-width:220px;margin-bottom:18px;font-size:13px;line-height:1.5}.plan-sub.feat{color:#ffffff8c}.plan-price{letter-spacing:-.04em;color:var(--heading);font-size:52px;font-weight:900;line-height:1}.plan-price.feat{color:#fff}.plan-price sup{vertical-align:baseline;margin-left:3px;font-size:22px}.plan-timeline{color:var(--muted);margin:6px 0 0;font-size:13px}.plan-timeline.feat{color:#ffffff80}.plan-note{color:var(--muted);margin-top:4px;margin-bottom:20px;font-size:11px}.plan-note.feat{color:#fff6}.plan-divider{background:var(--border);height:1px;margin-bottom:24px}.plan-divider.feat{background:#ffffff1f}.plan-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.pf{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;display:flex}.pf.feat{color:#ffffffd9}.pf-yes{color:var(--red);flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:3px;display:inline-flex}.pf-no{color:#ddd;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:3px;display:inline-flex}.pf-yes.feat{color:#fff}.pf-no.feat{color:#fff3}.plan-btn{text-align:center;cursor:pointer;background:var(--heading);color:#fff;border:none;border-radius:100px;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:block}.plan-btn:hover{opacity:.85;transform:translateY(-1px)}.plan-card.featured .plan-btn{color:var(--heading);background:#fff}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:22px;overflow:hidden}.comp-table{border-collapse:collapse;width:100%}.comp-table th,.comp-table td{padding:0}.th-empty{width:40%}.comp-table th.th-plan{text-align:center;border-left:1px solid var(--border);width:30%;padding:20px 16px}.th-plan.featured{background:var(--heading)}.th-plan-name{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.th-plan.featured .th-plan-name{color:#ffffff80}.th-plan-price{letter-spacing:-.04em;color:var(--heading);font-size:28px;font-weight:900;line-height:1}.th-plan.featured .th-plan-price{color:#fff}.th-plan-note{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400}.th-plan-cta{margin-top:10px}.th-plan-cta a{background:var(--heading);color:#fff;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.th-plan.featured .th-plan-cta a{color:var(--heading);background:#fff}.th-plan-cta a:hover{opacity:.8}.tr-cat td{background:var(--bg);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--border);padding:12px 24px;font-size:11px;font-weight:700}.tr-cat td.feat-col{border-left:1px solid var(--border);background:#2f2f2f0a}.tr-feat td{border-top:1px solid var(--border);vertical-align:middle;padding:14px 24px}.tr-feat:hover td{background:#00000004}.tr-feat td.feat-col{border-left:1px solid var(--border);text-align:center}.tr-feat td.feat-col.featured-col{background:#2f2f2f06}.feat-name{color:var(--text);font-size:14px;font-weight:500}.feat-hint{color:var(--muted);margin-top:2px;font-size:12px}.check{font-size:16px}.check-y{color:var(--red);font-size:15px;font-weight:700}.check-n{color:#ccc;font-size:15px}.check-txt{color:var(--heading);font-size:13px;font-weight:600}.tr-cta td{border-top:1px solid var(--border);padding:24px}.tr-cta td.feat-col{border-left:1px solid var(--border);text-align:center}.tr-cta td.feat-col.featured-col{background:#2f2f2f06}.table-btn{cursor:pointer;background:var(--heading);color:#fff;white-space:nowrap;border:none;border-radius:100px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.table-btn:hover{opacity:.85}.table-btn.featured-btn{background:var(--red)}.custom-band{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding:48px 56px;display:flex}.custom-band h3{letter-spacing:-.03em;color:#fff;margin-bottom:6px;font-size:26px;font-weight:900}.custom-band p{color:#ffffffb3;font-size:15px;line-height:1.6}.faq-list{margin-top:48px}.icon-red{background:var(--red-10);border:1px solid var(--red-15)}.icon-blue{background:var(--blue-10);border:1px solid var(--blue-15)}.icon-bluel{background:var(--bluel-10);border:1px solid var(--bluel-15)}.icon-green{background:#00c8531a;border:1px solid #00c8532e}.offer-num{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;font-size:11px;font-weight:700;transition:color .3s;position:relative}.offer-icon-zone{border-radius:28px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:32px;transition:transform .3s,background .3s,border-color .3s;display:flex;position:relative}.offer-item:hover .offer-icon-zone{transform:scale(1.06)rotate(-2deg)}.offer-title{letter-spacing:-.03em;color:var(--heading);margin-bottom:14px;font-size:26px;font-weight:800;line-height:1.15;position:relative}.offer-desc{color:var(--muted);font-size:15px;line-height:1.78;position:relative}.offer-chips{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex;position:relative}.offer-chip{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--border);background:var(--bg);border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600}.offers-grid{border:1px solid var(--border);border-radius:28px;overflow:hidden}.offers-top{grid-template-columns:repeat(2,1fr);display:grid}.offers-bottom{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.offer-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 48px;transition:background .3s;position:relative;overflow:hidden}.offers-top .offer-item:nth-child(2n){border-right:none}.offers-top .offer-item{border-bottom:none}.offers-bottom .offer-item:nth-child(3n){border-right:none}.offers-bottom .offer-item{border-bottom:none}.offer-item:before{content:"";opacity:0;transition:opacity .35s;position:absolute;inset:0}.offers-top .offer-item:first-child:before{background:radial-gradient(at 20% 20%,#ed00381f 0%,#0000 65%)}.offers-top .offer-item:nth-child(2):before{background:radial-gradient(at 80% 20%,#0094df1f 0%,#0000 65%)}.offers-bottom .offer-item:first-child:before{background:radial-gradient(at 20% 80%,#ed00381a 0%,#0000 65%)}.offers-bottom .offer-item:nth-child(2):before{background:radial-gradient(at 50% 80%,#00b8dd1f 0%,#0000 65%)}.offers-bottom .offer-item:nth-child(3):before{background:radial-gradient(at 80% 80%,#00c8531a 0%,#0000 65%)}.offer-item:hover:before{opacity:1}.offer-item:hover{border-color:#00000029}.offers-top .offer-item:first-child:hover .offer-icon-zone{background:#ed003826;border-color:#ed003859}.offers-top .offer-item:first-child:hover .offer-num{color:var(--red)}.offers-top .offer-item:nth-child(2):hover .offer-icon-zone{background:#0094df26;border-color:#0094df59}.offers-top .offer-item:nth-child(2):hover .offer-num{color:var(--blue)}.offers-bottom .offer-item:first-child:hover .offer-icon-zone{background:#ed003826;border-color:#ed003859}.offers-bottom .offer-item:first-child:hover .offer-num{color:var(--red)}.offers-bottom .offer-item:nth-child(2):hover .offer-icon-zone{background:#00b8dd26;border-color:#00b8dd59}.offers-bottom .offer-item:nth-child(2):hover .offer-num{color:var(--blue-light)}.offers-bottom .offer-item:nth-child(3):hover .offer-icon-zone{background:#00c85326;border-color:#00c85359}.offers-bottom .offer-item:nth-child(3):hover .offer-num{color:#00c853}.ticker-wrap{position:relative;overflow:hidden}.ticker-track{gap:16px;width:max-content;animation:30s linear infinite slide;display:flex}.ticker-track:hover{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}.testi-tick{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-shrink:0;min-width:320px;max-width:360px;padding:28px}.stars{color:#f59e0b;margin-bottom:12px;font-size:14px}.testi-text{color:var(--text);margin-bottom:16px;font-size:14px;font-style:italic;line-height:1.7}.testi-author{align-items:center;gap:10px;display:flex}.author-avatar{background:var(--heading);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.author-name{color:var(--heading);font-size:13px;font-weight:700}.author-role{color:var(--muted);font-size:12px}.section-label:after{content:" ·";color:var(--red)}.addons-band{background:var(--surface);border:1px solid var(--border);border-radius:22px;margin:40px 0 48px;padding:36px 40px}.addons-header{margin-bottom:24px}.addons-title{font-family:var(--font-bricolage), "Bricolage Grotesque", sans-serif;letter-spacing:-.025em;color:var(--heading);margin:6px 0 4px;font-size:28px;font-weight:800}.addons-sub{color:var(--muted);font-size:14px;line-height:1.6}.addons-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.addon-card{background:var(--bg);border:1px dashed #00000040;border-radius:14px;padding:18px;transition:border-color .3s,transform .3s;position:relative}.addon-card:hover{border-color:#0000008c;transform:translateY(-2px)}.addon-name{color:var(--heading);margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.3}.addon-desc{color:var(--muted);font-size:12px;line-height:1.55}@media (max-width:1024px){.plans-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.plans-grid--2{grid-template-columns:1fr;max-width:480px}.table-wrap{overflow-x:auto}.comp-table{min-width:640px}.custom-band{flex-direction:column;align-items:flex-start;padding:36px 32px}.offers-top{grid-template-columns:1fr}.offers-bottom{border-top:none;grid-template-columns:1fr}.offer-item{border-right:none;border-bottom:1px solid var(--border)}.offers-bottom .offer-item:last-child{border-bottom:none}.site-types-grid,.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.plans-grid,.plans-grid--2{max-width:100%}.plan-card{padding:28px 24px}.custom-band{gap:20px;padding:28px 24px}.custom-band .btn{text-align:center;justify-content:center;width:100%}.offer-item{padding:36px 24px}.addons-band{padding:28px 24px}}@media (max-width:480px){.plans-grid{grid-template-columns:1fr;max-width:100%}.plan-card{padding:24px 18px}.plan-price{font-size:36px}.custom-band{padding:24px 18px}.faq-q{font-size:15px}.site-types-grid,.addons-grid{grid-template-columns:1fr}}
