.hero{animation:page-enter .75s ease both;background-color:var(--color-bg-hero);overflow:hidden;padding:8rem var(--space-6) 5rem;position:relative;text-align:center;&:before{background-image:var(--hero-glow);content:"";height:120%;left:0;opacity:var(--hero-glow-opacity);pointer-events:none;position:absolute;top:-10%;transition:opacity var(--transition-base);width:100%;z-index:0}.inner{align-items:center;display:flex;flex-direction:column;gap:var(--space-8);margin:0 auto;max-width:896px;position:relative;z-index:1}.icon{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-icon);display:flex;flex-shrink:0;height:96px;justify-content:center;width:96px}.heading{color:var(--color-text-heading);font-size:var(--text-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-1.8px;line-height:1;margin:0;max-width:964px;width:100%;.accent{color:var(--color-primary)}}.subtext{color:var(--color-text-body);font-size:var(--text-xl);line-height:1.6;margin:0;max-width:600px}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;.button{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-bold);justify-content:center;min-height:48px;padding:var(--space-4) var(--space-8);text-decoration:none;transition:opacity var(--transition-base),transform var(--transition-base);white-space:nowrap;&:hover{opacity:.9;transform:translateY(-1px)}&.primary{background-color:var(--color-btn-primary-bg);box-shadow:var(--shadow-btn);color:var(--color-btn-primary-text)}&.secondary{background-color:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text)}}}@media(max-width:1024px){padding:6rem var(--space-8) 4rem;.heading{font-size:3.5rem}}@media(max-width:768px){padding:4rem var(--space-6) 3rem;.heading{font-size:2.5rem;letter-spacing:-1px}.subtext{font-size:var(--text-lg)}.icon{height:72px;width:72px}.actions .button{max-width:320px;width:100%}}}@keyframes page-enter{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.samples-section{background-color:var(--color-bg-cards);padding:var(--space-24) 0;.samples-container{margin:0 auto;max-width:1280px;padding:0 var(--space-6);width:100%}.samples-header{align-items:flex-end;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-10);.samples-header-text{.heading{color:var(--color-text-heading);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-3)}.subtext{color:var(--color-text-body);font-size:var(--text-lg)}}.carousel-controls{display:flex;flex-shrink:0;gap:var(--space-2);.carousel-button{align-items:center;background:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:background-color var(--transition-base),color var(--transition-base);width:44px;&:hover{background-color:var(--color-primary);color:var(--color-white)}}}}.carousel-track-wrapper{overflow:hidden;.carousel-track{display:flex;gap:var(--space-4);@media(min-width:768px)and (max-width:1023px){gap:var(--space-6)}@media(min-width:1024px){gap:var(--space-8)}.email-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--color-card-bg);border-radius:var(--radius-lg);box-sizing:border-box;display:flex;flex:0 0 100%;flex-direction:column;gap:var(--space-6);padding:var(--space-10);transform:translate(var(--card-offset, 0));transition:transform var(--card-duration, .6s) ease;@media(min-width:768px)and (max-width:1023px){flex:0 0 calc((100% - var(--space-6)) / 2);min-width:0}@media(min-width:1024px){flex:0 0 calc((100% - 2 * var(--space-8)) / 3);min-width:0}.card-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;.card-to{color:var(--color-text-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.card-brand{color:var(--color-primary);font-size:var(--text-base);font-weight:var(--font-weight-bold)}}.card-headline{color:var(--color-text-heading);font-size:var(--text-lg);font-weight:var(--font-weight-regular);line-height:1.4}.card-body{color:var(--color-text-haiku);display:flex;flex-direction:column;font-size:var(--text-base);gap:var(--space-1);line-height:1.5;.body-line{line-height:1.5;margin:0}&.haiku{border-left:4px solid var(--color-accent-gold);padding-left:var(--space-7)}}}}}.dots{align-items:center;display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-8);.dot{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:0;&:after{background-color:var(--color-text-nav-inactive);border-radius:var(--radius-full);content:"";display:block;height:8px;opacity:.3;transition:all var(--transition-base);width:8px}&.active:after{background-color:var(--color-primary);opacity:1;width:48px}}}.skeleton-carousel-button{border-radius:var(--radius-full);height:44px;width:44px}.skeleton-dot{border-radius:var(--radius-full);height:8px;width:8px}@media(max-width:768px){padding:var(--space-16) 0;.samples-header{align-items:flex-start;flex-direction:column;gap:var(--space-4);.heading{font-size:var(--text-2xl)}}.email-card{gap:var(--space-5);padding:var(--space-8)}}}.pricing-section{background-color:var(--color-bg-page);padding:3.75rem var(--space-6);.inner{align-items:center;display:flex;flex-direction:column;gap:var(--space-12);margin:0 auto;max-width:1024px}.header{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.title{color:var(--color-text-heading);font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:1;margin:0}.subtext{color:var(--color-text-body);font-size:var(--text-lg);margin:0}.cards{align-items:stretch;display:grid;gap:var(--space-10);grid-template-columns:repeat(2,1fr);width:100%}@media(max-width:768px){padding:3rem var(--space-6);.title{font-size:var(--text-3xl)}.cards{grid-template-columns:1fr;max-width:480px}}}.pricing-card{border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-8);overflow:hidden;padding:3rem;position:relative;&.free{background-color:var(--color-bg-cards)}&.pro{background-color:var(--color-surface-elevated);border:2px solid var(--color-primary);box-shadow:0 25px 50px -12px #0058b91a}.plan-heading{display:flex;flex-direction:column;gap:var(--space-2)}.name{color:var(--color-text-heading);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:1.33;margin:0}&.pro .name{color:var(--color-primary)}.description{color:var(--color-text-body);font-size:var(--text-base);margin:0}.price-block{display:flex;flex-direction:column;gap:var(--space-1)}.price{align-items:baseline;display:flex;gap:var(--space-1);line-height:1;margin:0}.amount{color:var(--color-text-heading);font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);line-height:1}.period{color:var(--color-text-body);font-size:var(--text-base);font-weight:var(--font-weight-medium)}.price-secondary{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin:0}.features{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.feature{align-items:center;color:var(--color-text-heading);display:flex;font-size:var(--text-base);gap:var(--space-3);line-height:1.5}.check-icon{flex-shrink:0}.button{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-bold);justify-content:center;margin-top:auto;min-height:44px;padding:var(--space-4) var(--space-6);text-align:center;text-decoration:none;transition:opacity var(--transition-base),transform var(--transition-base);width:100%;&:hover{opacity:.9;transform:translateY(-1px)}}.button.outline{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-heading)}.button.solid{background-color:var(--color-btn-primary-bg);border:none;box-shadow:var(--shadow-btn);color:var(--color-btn-primary-text)}@media(max-width:768px){gap:var(--space-6);padding:var(--space-8)}}.cta-section{background-color:var(--color-bg-page);padding:3.75rem var(--space-6);.inner{align-items:center;background-color:var(--color-bg-cta-inner);border-radius:var(--radius-lg);display:grid;gap:var(--space-16);grid-template-columns:1fr 1fr;padding:5rem 3rem}.content{display:flex;flex-direction:column;gap:var(--space-6)}.heading{color:var(--color-text-heading);font-size:var(--text-6xl);font-weight:var(--font-weight-bold);letter-spacing:-3px;line-height:1}.subtext{color:var(--color-text-body);font-size:var(--text-xl);line-height:1.6}.cta-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.button.submit{text-decoration:none;align-items:center;background-color:var(--color-btn-primary-bg);border:none;border-radius:var(--radius-full);color:var(--color-btn-primary-text);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;padding:var(--space-3) var(--space-6);transition:opacity var(--transition-base);white-space:nowrap;&:hover{opacity:.9}}@media(max-width:1024px){.inner{gap:var(--space-10);padding:4rem 2.5rem}.heading{font-size:var(--text-4xl);letter-spacing:-1.5px}}@media(max-width:768px){padding:3rem var(--space-4);.inner{gap:var(--space-8);grid-template-columns:1fr;padding:3rem var(--space-6)}.heading{font-size:var(--text-3xl);letter-spacing:-1px}.subtext{font-size:var(--text-base)}.button.submit{width:100%}}}[data-animate]{opacity:0;transform:translateY(3.5rem);transition:opacity 1.35s cubic-bezier(.16,1,.3,1),transform 1.35s cubic-bezier(.16,1,.3,1)}[data-animate].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-animate]{opacity:1;transform:none;transition:none}}