.plan-hero{overflow:hidden;padding:80px 0 60px;position:relative}.plan-hero-grid{align-items:center;display:grid;gap:60px;grid-template-columns:1.2fr 1fr}.plan-tag{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:24px;padding:6px 14px}.plan-tag.basic{background:var(--lime-bg);border:1px solid var(--lime-border);color:var(--lime-light)}.plan-tag.pro{background:rgba(255,107,61,.12);border:1px solid rgba(255,107,61,.4);color:var(--coral-light)}.plan-tag.premium{background:rgba(212,83,126,.12);border:1px solid rgba(212,83,126,.4);color:#e89bb3}.plan-hero h1{font-family:var(--font-display);font-size:clamp(34px,4.8vw,54px);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:22px}.plan-hero h1 .accent-coral{background:linear-gradient(135deg,var(--coral-light),var(--coral));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plan-hero h1 .accent-lime{color:var(--lime-light)}.plan-hero h1 .accent-pink{background:linear-gradient(135deg,#e89bb3,#d4537e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plan-hero-subtitle{color:var(--text-secondary);font-size:19px;line-height:1.55;margin-bottom:32px}.plan-hero-price{align-items:baseline;display:flex;gap:12px;margin-bottom:12px}.plan-hero-price .currency{color:var(--coral);font-size:28px;font-weight:600}.plan-hero-price .amount{font-family:var(--font-display);font-size:72px;font-weight:700;letter-spacing:-.04em;line-height:1}.plan-hero-price .period{color:var(--text-muted);font-size:18px}.plan-hero-setup{color:var(--text-muted);font-size:14px;margin-bottom:28px}.plan-hero-setup strong{color:var(--text-secondary)}.plan-hero-cta{display:flex;flex-wrap:wrap;gap:12px}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--coral-light) 0,var(--coral) 50%,var(--coral-dark) 100%);background-size:200% 100%;border-radius:var(--radius-md);box-shadow:0 6px 20px var(--coral-glow);color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all var(--transition)}.btn-primary:hover{background-position:100% 0;box-shadow:0 10px 28px var(--coral-glow);transform:translateY(-2px)}.btn-secondary{align-items:center;background:transparent;border:1.5px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all var(--transition)}.btn-secondary:hover{border-color:var(--coral);color:var(--coral-light)}.plan-hero-card{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px}.plan-hero-card-title{color:var(--text-primary);font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:18px}.plan-hero-card ul{display:flex;flex-direction:column;gap:12px;list-style:none}.plan-hero-card li{color:var(--text-secondary);display:flex;font-size:14.5px;gap:12px;line-height:1.5}.plan-hero-card li svg{flex-shrink:0;height:18px;margin-top:1px;width:18px}.plan-hero-card.basic li svg{color:var(--lime)}.plan-hero-card.pro li svg{color:var(--coral)}.plan-hero-card.premium li svg{color:#d4537e}.plan-hero-card li strong{color:var(--text-primary)}.for-who-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.for-who-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all var(--transition)}.for-who-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-2px)}.for-who-emoji{display:block;font-size:36px;margin-bottom:14px}.for-who-card h4{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.for-who-card p{color:var(--text-secondary);font-size:14px;line-height:1.55}.for-who-not{align-items:flex-start;background:rgba(228,75,74,.04);border:1px solid rgba(228,75,74,.2);border-radius:var(--radius-lg);display:flex;gap:16px;margin-top:28px;padding:24px 28px}.for-who-not-icon{align-items:center;background:rgba(228,75,74,.15);border-radius:50%;color:#e24b4a;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.for-who-not h4{font-size:15px;font-weight:600;margin-bottom:6px}.for-who-not p{color:var(--text-secondary);font-size:14px;line-height:1.55}.feature-detail{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.feature-detail:last-child{margin-bottom:0}.feature-detail.reverse{direction:rtl}.feature-detail.reverse>*{direction:ltr}.feature-detail-content h3{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.feature-detail-content>p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:22px}.feature-detail-content ul{display:flex;flex-direction:column;gap:12px;list-style:none}.feature-detail-content ul li{color:var(--text-secondary);display:flex;font-size:14.5px;gap:12px;line-height:1.55}.feature-detail-content ul li:before{background:var(--coral);border-radius:50%;content:"";flex-shrink:0;height:6px;margin-top:8px;width:6px}.feature-detail-mockup{align-items:center;aspect-ratio:4/3;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;justify-content:center;overflow:hidden;padding:24px;position:relative}.feature-detail-mockup.colored-coral{background:linear-gradient(135deg,rgba(255,107,61,.08) 0,var(--bg-card) 100%);border-color:rgba(255,107,61,.3)}.feature-detail-mockup.colored-lime{background:linear-gradient(135deg,rgba(151,196,89,.08) 0,var(--bg-card) 100%);border-color:rgba(151,196,89,.3)}.feature-detail-mockup.colored-pink{background:linear-gradient(135deg,rgba(212,83,126,.08) 0,var(--bg-card) 100%);border-color:rgba(212,83,126,.3)}.mockup-browser{background:#fff;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.mockup-browser-bar{align-items:center;background:#f5f5f5;border-bottom:1px solid #e5e5e5;display:flex;gap:6px;padding:8px 12px}.mockup-dot{border-radius:50%;height:8px;width:8px}.mockup-dot-red{background:#ff5f56}.mockup-dot-yellow{background:#ffbd2e}.mockup-dot-green{background:#27c93f}.mockup-url{background:#fff;border-radius:4px;color:#666;flex:1;font-family:var(--font-mono,monospace);font-size:10px;margin-left:8px;padding:3px 10px}.mockup-content{background:#fff;color:#1a1a1a;flex:1;font-size:11px;line-height:1.4;overflow:hidden;padding:16px}.mockup-seo-result{background:#fff;border-radius:var(--radius-md);color:#1a1a1a;font-size:12px;max-width:360px;padding:14px;width:100%}.mockup-seo-result .url{color:#006621;font-size:11px;margin-bottom:4px}.mockup-seo-result .title{color:#1a0dab;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:4px}.mockup-seo-result .desc{color:#4d5156;font-size:11px;line-height:1.4}.mockup-pagespeed{flex-direction:column;gap:16px;height:100%;width:100%}.mockup-pagespeed,.pagespeed-circle{align-items:center;display:flex;justify-content:center}.pagespeed-circle{background:conic-gradient(var(--lime) 0deg,var(--lime) 324deg,hsla(0,0%,100%,.1) 324deg);border-radius:50%;height:140px;position:relative;width:140px}.pagespeed-circle:before{background:var(--bg-primary);border-radius:50%;content:"";inset:8px;position:absolute}.pagespeed-score{color:var(--lime);font-family:var(--font-display);font-size:42px;font-weight:700;position:relative}.pagespeed-label{color:var(--text-muted);font-size:13px;letter-spacing:.05em}.mockup-chat{background:#ece5dd;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;max-width:280px;padding:14px;width:100%}.mockup-chat-bubble{border-radius:8px;color:#1a1a1a;font-size:12px;line-height:1.4;max-width:80%;padding:8px 12px}.mockup-chat-bubble.client{align-self:flex-start;background:#fff;border-top-left-radius:0}.mockup-chat-bubble.us{align-self:flex-end;background:#dcf8c6;border-top-right-radius:0}.mockup-chat-time{color:#888;font-size:9px;margin-top:2px;text-align:right}.mockup-stats{display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.mockup-stat-card{background:hsla(0,0%,100%,.04);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.mockup-stat-label{color:var(--text-muted);font-size:11px;margin-bottom:6px}.mockup-stat-value{color:var(--text-primary);font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.mockup-stat-trend{color:var(--lime);font-size:11px}.mockup-stat-trend.down{color:#e24b4a}.case-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.case-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition)}.case-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-3px)}.case-header{gap:14px;margin-bottom:20px}.case-emoji,.case-header{align-items:center;display:flex}.case-emoji{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.case-info h4{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:2px}.case-info p{color:var(--text-muted);font-size:13px}.case-quote{color:var(--text-secondary);font-size:15px;font-style:italic;line-height:1.6;margin-bottom:22px}.case-metrics{border-top:1px solid var(--border-subtle);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding-top:20px}.case-metric{text-align:center}.case-metric-value{color:var(--lime-light);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:4px}.case-metric-value.coral{color:var(--coral-light)}.case-metric-label{color:var(--text-muted);font-size:11px;line-height:1.3}.roi-wrapper{background:linear-gradient(135deg,rgba(151,196,89,.06) 0,var(--bg-card) 100%);border:1px solid var(--lime-border);border-radius:var(--radius-xl);margin:0 auto;max-width:920px;padding:48px}.roi-grid{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.roi-controls h3{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.roi-controls p{color:var(--text-secondary);font-size:14px;margin-bottom:28px}.roi-control{margin-bottom:24px}.roi-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.roi-label-text{color:var(--text-secondary);font-size:14px}.roi-label-value{color:var(--lime-light);font-family:var(--font-display);font-size:18px;font-weight:700}.roi-slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.08);border-radius:3px;height:6px;outline:none;width:100%}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--lime);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 1px var(--lime),0 4px 12px rgba(151,196,89,.4);cursor:pointer;height:22px;transition:transform .15s;width:22px}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.roi-slider::-moz-range-thumb{background:var(--lime);border:3px solid var(--bg-primary);border-radius:50%;cursor:pointer;height:22px;width:22px}.roi-result{background:var(--bg-primary);border:1px solid var(--lime-border);border-radius:var(--radius-lg);padding:36px 24px;text-align:center}.roi-result-label{color:var(--text-muted);font-size:12px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.roi-result-value{color:var(--lime-light);font-family:var(--font-display);font-size:56px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:6px}.roi-result-period{color:var(--text-muted);font-size:14px;margin-bottom:22px}.roi-result-detail{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px;padding-top:22px}.roi-detail-row{display:flex;font-size:13px;justify-content:space-between}.roi-detail-row span:first-child{color:var(--text-muted)}.roi-detail-row span:last-child{color:var(--text-primary);font-weight:500}.roi-detail-row.highlight span:last-child{color:var(--lime-light);font-weight:600}.compare-strip{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:920px}.compare-strip-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--transition)}.compare-strip-card.current{background:linear-gradient(180deg,rgba(255,107,61,.08) 0,var(--bg-card) 100%);border-color:var(--coral);box-shadow:0 0 0 1px var(--coral-glow)}.compare-strip-card.dimmed{opacity:.65}.compare-strip-card a{color:inherit;display:block}.compare-strip-name{font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:4px}.compare-strip-price{color:var(--text-muted);font-size:13px;margin-bottom:14px}.compare-strip-price strong{color:var(--text-primary);font-family:var(--font-display);font-size:22px;font-weight:700;margin-right:2px}.compare-strip-summary{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:16px;min-height:60px}.compare-strip-link{color:var(--coral-light);font-size:13px;font-weight:600}.compare-strip-current-badge{background:var(--coral);border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;padding:4px 10px}@media (max-width:960px){.plan-hero-grid{gap:40px;grid-template-columns:1fr}.plan-hero-card{order:-1}.feature-detail,.for-who-grid{grid-template-columns:1fr}.feature-detail{gap:32px;margin-bottom:60px}.feature-detail.reverse{direction:ltr}.case-grid,.roi-grid{grid-template-columns:1fr}.roi-grid{gap:32px}.roi-wrapper{padding:32px 24px}.compare-strip{grid-template-columns:1fr}}@media (max-width:640px){.plan-hero{padding:60px 0 40px}.plan-hero-price .amount{font-size:56px}.roi-result-value{font-size:44px}.case-card{padding:24px}.feature-detail-content h3{font-size:22px}.case-metrics{gap:8px}.case-metric-value{font-size:19px}}