.hero{position:relative;overflow:hidden;padding:clamp(40px,7vw,84px) 0 clamp(28px,4vw,44px);text-align:center}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;width:60vmax;height:60vmax;border-radius:50%;filter:blur(40px)}.hero:before{top:-38vmax;left:-18vmax;background:radial-gradient(circle,var(--glow-1),transparent 65%)}.hero:after{top:-30vmax;right:-22vmax;background:radial-gradient(circle,var(--glow-2),transparent 65%)}.hero .lead{max-width:720px;margin:0 auto 26px;font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--text-2)}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.875rem;font-weight:650;color:var(--text-2);box-shadow:var(--shadow-sm)}.hero-badge .icon{color:var(--green)}.generator-section{padding-bottom:clamp(40px,6vw,72px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}.step{position:relative;padding:28px}.step-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;background:var(--brand-soft);color:var(--brand)}.step:after{counter-increment:step;content:counter(step);position:absolute;top:18px;right:24px;font-size:3.2rem;font-weight:900;line-height:1;color:var(--surface-3)}.step p{margin:0;color:var(--text-2)}.type-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.type-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none;font-weight:650;transition:border-color .15s,transform .15s var(--ease),box-shadow .15s}.type-link:hover{color:var(--text);border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}.type-link .type-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong)}.type-link small{display:block;font-weight:500;color:var(--text-3)}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto);gap:16px}.bento-card{position:relative;overflow:hidden;padding:26px;display:flex;flex-direction:column;gap:8px}.bento-card p{margin:0;color:var(--text-2);font-size:.95rem}.bento-card .bento-ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:8px;border-radius:14px;background:var(--brand-soft);color:var(--brand)}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 2}.bento-feature{color:#fff;border:0;background:linear-gradient(150deg,#4527b8,#1b1035)}.bento-feature p{color:#ffffffd1}.bento-feature .bento-ico{background:#ffffff24;color:#fff}.bento-feature .big{margin-top:auto;font-size:clamp(2.6rem,5vw,3.6rem);font-weight:900;letter-spacing:-.04em;line-height:1}.bento-accent .bento-ico{background:var(--accent-soft);color:var(--accent-strong)}.bento-green .bento-ico{background:var(--ok-soft);color:var(--ok)}@media(max-width:980px){.bento{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}@media(max-width:560px){.bento{grid-template-columns:1fr}.bento-wide,.bento-tall{grid-column:auto;grid-row:auto}}.cta{position:relative;overflow:hidden;padding:clamp(36px,6vw,64px);border-radius:var(--radius-lg);color:#fff;text-align:center;background:linear-gradient(120deg,#4527b8,#8a2fc4 55%,#e5512f)}.cta h2{color:#fff}.cta p{max-width:560px;margin:0 auto 24px;color:#ffffffd9}.alt-bg{background:var(--surface);border-block:1px solid var(--border)}