.hero{min-height:100vh;padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{background:var(--gradient-hero);z-index:0;position:absolute;inset:0}.hero__orb-1{opacity:.18;width:500px;height:500px;top:10%;right:15%}.hero__orb-2{opacity:.12;width:350px;height:350px;animation-delay:3s;bottom:10%;left:5%}.hero__orb-3{opacity:.08;width:250px;height:250px;animation-delay:5s;top:40%;left:30%}.hero__content{z-index:1;gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero__text{gap:var(--space-lg);flex-direction:column;display:flex}.hero__title{font-family:var(--font-heading);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.hero__subtitle{color:var(--text-secondary);max-width:520px;font-size:1.125rem;line-height:1.7}.hero__ctas{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.btn__arrow{transition:transform var(--transition-fast);display:inline-block}.btn:hover .btn__arrow{transform:translate(4px)}.hero__proof{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.hero__avatars{display:flex}.hero__avatar{color:#fff;border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:.7rem;font-weight:700;display:flex}.hero__avatar:first-child{margin-left:0}.hero__proof-text{color:var(--text-tertiary);font-size:.875rem}.hero__proof-text strong{color:var(--text-secondary)}.hero__preview{position:relative}.hero__preview-window{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1;position:relative;overflow:hidden}.hero__preview-bar{background:var(--preview-bar-bg);border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot--sm{width:7px;height:7px}.dot--red{background:#ff5f57}.dot--yellow{background:#ffbd2e}.dot--green{background:#28ca41}.hero__preview-title{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);margin-left:10px}.hero__preview-body{padding:0}.preview-dash{height:320px;display:flex}.preview-dash__sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:10px;width:50px;padding:12px 8px;display:flex}.preview-dash__logo{background:var(--gradient-accent);border-radius:var(--radius-sm);width:28px;height:28px;margin-bottom:8px}.preview-dash__nav-item{border-radius:var(--radius-sm);width:28px;height:28px;transition:background var(--transition-fast);background:#94a3b81a}.preview-dash__nav-item--active{background:#6366f14d;box-shadow:0 0 10px #6366f133}.preview-dash__main{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow:hidden}.preview-dash__topbar{border-radius:var(--radius-sm);background:#94a3b814;height:24px}.preview-dash__cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.preview-dash__card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#94a3b80f;flex-direction:column;gap:4px;padding:10px;display:flex}.preview-dash__card-label{background:#94a3b826;border-radius:3px;width:60%;height:6px}.preview-dash__card-value{background:#94a3b833;border-radius:3px;width:75%;height:14px}.preview-dash__card-trend{border-radius:2px;width:40%;height:4px}.preview-dash__card-trend--up{background:var(--accent-secondary)}.preview-dash__card-trend--down{background:var(--accent-pink)}.preview-dash__chart{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#94a3b80a;flex:1;align-items:flex-end;min-height:0;padding:8px;display:flex}.preview-dash__chart-svg{width:100%;height:100%}.preview-dash__table{flex-direction:column;gap:6px;display:flex}.preview-dash__table-row{border-radius:var(--radius-sm);background:#94a3b80f;height:18px}.hero__preview-glow{z-index:0;pointer-events:none;background:radial-gradient(#6366f126 0%,#0000 70%);position:absolute;inset:-30px}.badge__dot{background:var(--accent-secondary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.stats-bar{padding:var(--space-3xl) 0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.stats-bar__grid{gap:var(--space-xl);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stats-bar__item{flex-direction:column;gap:.25rem;display:flex}.stats-bar__value{font-family:var(--font-heading);background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.stats-bar__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.875rem;font-weight:500}.featured{padding:var(--space-4xl) 0;position:relative}.featured__header{text-align:center;margin-bottom:var(--space-3xl);flex-direction:column;align-items:center;display:flex}.featured__grid{gap:var(--space-xl);margin-bottom:var(--space-3xl);grid-template-columns:repeat(3,1fr);display:grid}.featured__cta{text-align:center}.template-card{cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.template-card__hot{z-index:2;color:#fca5a5;border-radius:var(--radius-full);background:#ef444433;border:1px solid #ef44444d;padding:.25rem .65rem;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}.template-card__preview{aspect-ratio:16/10;background:var(--bg-tertiary);padding:12px;overflow:hidden}.template-card__preview-inner{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:100%;height:100%;position:relative;overflow:hidden}.template-card__preview-bar{background:var(--preview-bar-bg);border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;padding:6px 10px;display:flex}.template-card__preview-content{height:calc(100% - 26px);display:flex}.template-card__preview-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);width:30px}.template-card__preview-main{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.template-card__preview-block{border:1px solid var(--border-subtle);background:#94a3b80f;border-radius:3px;flex:1}.template-card__info{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.template-card__meta{justify-content:space-between;align-items:center;display:flex}.template-card__price{font-family:var(--font-heading);color:var(--accent-secondary-light);font-size:1.25rem;font-weight:700}.template-card__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.125rem;font-weight:600}.template-card__subtitle{color:var(--text-tertiary);font-size:.875rem;line-height:1.5}.template-card__frameworks{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.template-card__fw{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);background:#94a3b814;padding:.2rem .5rem;font-size:.75rem}.features{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.features__header{text-align:center;margin-bottom:var(--space-3xl);flex-direction:column;align-items:center;display:flex}.features__grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.feature-card__icon{font-size:1.75rem}.feature-card__title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:600}.feature-card__desc{color:var(--text-tertiary);font-size:.9375rem;line-height:1.6}.newsletter{padding:var(--space-4xl) 0}.newsletter__card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-4xl) var(--space-3xl);text-align:center;position:relative;overflow:hidden}.newsletter__bg{pointer-events:none;position:absolute;inset:0}.newsletter__orb-1{opacity:.2;width:300px;height:300px;top:-50px;right:-50px}.newsletter__orb-2{opacity:.15;width:200px;height:200px;bottom:-40px;left:-30px}.newsletter__content{z-index:1;align-items:center;gap:var(--space-md);flex-direction:column;max-width:540px;margin:0 auto;display:flex;position:relative}.newsletter__title{font-family:var(--font-heading);color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.newsletter__desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.newsletter__form{gap:var(--space-sm);width:100%;max-width:420px;margin-top:var(--space-md);display:flex}.newsletter__input{background:var(--input-bg);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;flex:1;padding:.75rem 1rem;font-size:.9375rem}.newsletter__input::placeholder{color:var(--text-tertiary)}.newsletter__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.newsletter__note{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:.75rem}@media (max-width:1024px){.hero__content{gap:var(--space-3xl);grid-template-columns:1fr}.hero__preview{max-width:600px;margin:0 auto}.featured__grid,.features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{min-height:auto;padding-top:calc(var(--header-height) + var(--space-3xl));padding-bottom:var(--space-3xl)}.hero__title{font-size:2.25rem}.stats-bar__grid{gap:var(--space-xl) var(--space-md);grid-template-columns:repeat(2,1fr)}.featured__grid,.features__grid{grid-template-columns:1fr}.preview-dash__cards{grid-template-columns:repeat(2,1fr)}.newsletter__form{flex-direction:column}.newsletter__card{padding:var(--space-3xl) var(--space-xl)}}