Aggiunge la garanzia Soddisfatti o rimborsati di 30 giorni su prezzi, homepage e Termini.
Riduce il rischio percepito all'acquisto (Light e Full) e chiama l'archivio replay in modo orientato all'utente, senza cambiare prezzi o logica dei piani. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Cursor
@@ -1623,9 +1623,14 @@ body.nav-menu-open { overflow: hidden; }
|
||||
}
|
||||
.plan-card > .btn,
|
||||
.plan-card > .plan-action-hint,
|
||||
.plan-card > .plan-interval-actions {
|
||||
.plan-card > .plan-interval-actions,
|
||||
.plan-card__cta {
|
||||
margin-top: auto;
|
||||
}
|
||||
.plan-card__cta .plan-interval-actions:first-child,
|
||||
.plan-card__cta > .btn:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
|
||||
.feature-card {
|
||||
display: flex;
|
||||
@@ -2458,6 +2463,162 @@ body.nav-menu-open { overflow: hidden; }
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.stripe-secure--compact i { font-size: 0.95rem; color: #888; }
|
||||
|
||||
.refund-guarantee--pricing {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 18px 20px;
|
||||
align-items: start;
|
||||
margin-top: 24px;
|
||||
padding: 22px 24px;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(229, 57, 53, 0.07), transparent 42%),
|
||||
#14141c;
|
||||
border: 1px solid #2a2a36;
|
||||
border-radius: 14px;
|
||||
box-shadow: 0 0 0 1px rgba(229, 57, 53, 0.14);
|
||||
}
|
||||
.refund-guarantee__icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 12px;
|
||||
background: rgba(229, 57, 53, 0.12);
|
||||
color: #e53935;
|
||||
font-size: 1.15rem;
|
||||
line-height: 1;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.refund-guarantee__copy { min-width: 0; }
|
||||
.refund-guarantee__title {
|
||||
margin: 0 0 6px;
|
||||
color: #f0f0f4;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.01em;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.refund-guarantee__kicker {
|
||||
display: none;
|
||||
font-weight: 600;
|
||||
color: #c8c8d0;
|
||||
}
|
||||
.refund-guarantee__subtitle {
|
||||
margin: 0 0 8px;
|
||||
color: #ddd;
|
||||
font-size: 0.92rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.refund-guarantee__body {
|
||||
margin: 0;
|
||||
color: #aaa;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.55;
|
||||
max-width: 46rem;
|
||||
}
|
||||
.refund-guarantee__more {
|
||||
margin: 10px 0 0;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.refund-guarantee__more a {
|
||||
color: #ff8a80;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
.refund-guarantee__more a:hover {
|
||||
color: #ff6e63;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.refund-guarantee--compact {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
margin: 12px 0 0;
|
||||
padding: 10px 4px 0;
|
||||
border-top: 1px solid #2a2a36;
|
||||
color: #c8c8d0;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.35;
|
||||
text-align: center;
|
||||
}
|
||||
.refund-guarantee--compact i {
|
||||
color: #e53935;
|
||||
font-size: 0.88rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.refund-guarantee--cta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
margin: 14px 0 0;
|
||||
color: #e8e8ee;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
.refund-guarantee--cta i {
|
||||
color: #e53935;
|
||||
font-size: 0.95rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.refund-guarantee--cta span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.refund-guarantee--checkout {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 12px;
|
||||
margin: 12px 0 16px;
|
||||
padding: 14px 16px;
|
||||
background: #14141c;
|
||||
border: 1px solid #2a2a36;
|
||||
border-left: 3px solid #e53935;
|
||||
border-radius: 10px;
|
||||
color: #aaa;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.refund-guarantee--checkout i {
|
||||
color: #e53935;
|
||||
font-size: 1.05rem;
|
||||
margin-top: 2px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.refund-guarantee--checkout p { margin: 0; }
|
||||
@media (max-width: 640px) {
|
||||
.refund-guarantee--pricing {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 12px;
|
||||
padding: 16px;
|
||||
}
|
||||
.refund-guarantee--pricing .refund-guarantee__icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
font-size: 0.95rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.refund-guarantee__kicker { display: inline; }
|
||||
.refund-guarantee--pricing .refund-guarantee__subtitle { display: none; }
|
||||
.refund-guarantee__title { font-size: 0.98rem; }
|
||||
.refund-guarantee__body { font-size: 0.86rem; }
|
||||
.refund-guarantee--compact {
|
||||
font-size: 0.76rem;
|
||||
padding-top: 8px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.refund-guarantee--cta {
|
||||
font-size: 0.88rem;
|
||||
gap: 6px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
.site-footer { border-top: 1px solid #252530; padding: 32px 0; margin-top: 40px; color: #888; font-size: 0.88rem; }
|
||||
.site-footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; align-items: center; }
|
||||
.site-footer__brand {
|
||||
@@ -2627,6 +2788,7 @@ body.nav-menu-open { overflow: hidden; }
|
||||
border-radius: 12px;
|
||||
margin-bottom: 10px;
|
||||
padding: 0 18px;
|
||||
scroll-margin-top: 88px;
|
||||
}
|
||||
.faq-item summary {
|
||||
cursor: pointer;
|
||||
@@ -2646,6 +2808,7 @@ body.nav-menu-open { overflow: hidden; }
|
||||
.faq-item p { color: #aaa; margin: 0 0 16px; line-height: 1.55; font-size: 0.95rem; }
|
||||
|
||||
.legal-doc { max-width: 760px; padding-top: 24px; padding-bottom: 48px; color: #bbb; line-height: 1.65; font-size: 0.95rem; }
|
||||
.legal-doc section { scroll-margin-top: 88px; }
|
||||
.legal-doc h1 { color: #fff; font-size: 1.6rem; margin-bottom: 8px; }
|
||||
.legal-doc h2 { color: #fff; font-size: 1.1rem; margin: 28px 0 10px; }
|
||||
.legal-doc h3 { color: #ddd; font-size: 1rem; margin: 20px 0 8px; }
|
||||
|
||||
Reference in New Issue
Block a user