.hero{position:relative;overflow:hidden;padding-block:120px 110px;border-bottom:1px solid var(--border-subtle)}.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(620px 380px at 18% 12%,rgba(139,124,246,.22),transparent 70%),radial-gradient(560px 360px at 84% 18%,rgba(225,185,143,.16),transparent 70%),radial-gradient(700px 500px at 50% 110%,rgba(201,167,232,.12),transparent 70%)}.hero-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;padding:6px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:var(--sp-5)}.hero-title{max-width:16ch;font-size:clamp(30px,5.4vw,var(--text-h1));margin-bottom:var(--sp-4);background:linear-gradient(180deg,var(--text-primary) 60%,var(--brand-2) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{max-width:640px;font-size:18px;color:var(--text-secondary);margin-bottom:var(--sp-6)}.hero-cta{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center}.hero-microcopy{margin-top:var(--sp-5);font-size:13.5px;color:var(--text-secondary)}.hero-covers{position:absolute;inset:0;pointer-events:none}.hero-cover{position:absolute;width:92px;height:138px;border-radius:8px 12px 12px 8px;background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:var(--shadow-card);opacity:.5;animation:floaty 9s ease-in-out infinite}.hero-cover span{position:absolute;inset:10px 12px;border:1px solid rgba(255,255,255,.35);border-radius:4px}.hc-1{left:6%;top:18%;transform:rotate(-12deg);animation-delay:-1s}.hc-2{left:12%;bottom:10%;transform:rotate(8deg);width:74px;height:111px;animation-delay:-3s}.hc-3{right:8%;top:16%;transform:rotate(11deg);width:80px;height:120px;animation-delay:-5s}.hc-4{right:14%;bottom:12%;transform:rotate(-7deg);animation-delay:-2s}.hc-5{left:22%;top:8%;transform:rotate(6deg);width:64px;height:96px;opacity:.3;animation-delay:-7s}.hc-6{right:24%;bottom:6%;transform:rotate(-10deg);width:64px;height:96px;opacity:.3;animation-delay:-4s}@keyframes floaty{0%,to{translate:0 0}50%{translate:0 -14px}}.feature-card{display:flex;flex-direction:column;gap:var(--sp-3)}.feature-num{font-family:var(--font-serif);font-size:15px;color:var(--link);letter-spacing:.08em}.feature-card p{color:var(--text-secondary)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);counter-reset:step}.step-item{position:relative;padding:var(--sp-6) var(--sp-5);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-base)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--brand-gradient);color:#15131f;font-family:var(--font-serif);font-weight:700;margin-bottom:var(--sp-4)}.step-item p{color:var(--text-secondary);margin-top:var(--sp-2)}.template-card{padding:0;overflow:hidden}.template-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:linear-gradient(150deg,var(--c1, #e7e2f4),var(--c2, var(--bg-surface)))}.template-cover{width:74px;height:100px;border-radius:5px 8px 8px 5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000059}.template-lines,.template-lines:before,.template-lines:after{content:"";display:block;width:44px;height:3px;border-radius:2px;background:#ffffffb3;position:relative}.template-lines:before{position:absolute;top:10px;width:32px}.template-lines:after{position:absolute;top:-10px;width:38px}.tpl-1{--c1: #3a3358;--c2: #1b1830}.tpl-2{--c1: #5a4431;--c2: #241b14}.tpl-3{--c1: #2e4246;--c2: #162325}.tpl-4{--c1: #4a3a5e;--c2: #201a2b}.tpl-5{--c1: #4d2f3f;--c2: #22141d}.tpl-6{--c1: #34425f;--c2: #161d2b}.tpl-7{--c1: #3f5142;--c2: #1a241c}.tpl-8{--c1: #5c4a2a;--c2: #261f12}.template-meta{padding:var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.template-meta h3{font-size:16px}.stats-bar{border-block:1px solid var(--border-subtle);background:var(--bg-surface)}.stats-inner{display:flex;justify-content:space-around;gap:var(--sp-5);padding-block:var(--sp-7);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-family:var(--font-serif);font-size:44px;line-height:1;color:var(--brand-1);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text}@supports ((-webkit-background-clip: text) or (background-clip: text)){.stat-value{color:transparent;-webkit-text-fill-color:transparent}}.stat-label{color:var(--text-secondary);font-size:14px}.carousel{max-width:760px;margin-inline:auto}.carousel-track{position:relative;min-height:230px}.testimonial-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-5);opacity:0;transform:translate(18px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);pointer-events:none}.testimonial-slide.is-active{opacity:1;transform:none;pointer-events:auto;position:relative}.testimonial-slide blockquote{font-family:var(--font-serif);font-size:22px;line-height:1.45;max-width:34ch}.testimonial-author{display:flex;flex-direction:column;gap:2px}.testimonial-author span{color:var(--text-secondary);font-size:13.5px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);margin-top:var(--sp-5)}.carousel-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-base);color:var(--text-secondary);font-size:20px;line-height:1}.carousel-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.carousel-dots{display:flex;gap:4px}.carousel-dots button{width:24px;height:24px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.carousel-dots button:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:width .2s var(--ease-out),border-radius .2s var(--ease-out),background .2s var(--ease-out)}.carousel-dots button.is-active:before{background:var(--brand-2);width:20px;border-radius:5px}.faq-list{max-width:820px;margin-inline:auto;display:grid;gap:var(--sp-3)}.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-surface);overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--link)}.faq-icon{position:relative;flex:0 0 auto;width:16px;height:16px}.faq-icon:before,.faq-icon:after{content:"";position:absolute;inset:0;margin:auto;background:currentColor;transition:transform .25s var(--ease-out)}.faq-icon:before{width:16px;height:2px}.faq-icon:after{width:2px;height:16px}.faq-item[open] .faq-icon:after{transform:scaleY(0)}.faq-answer{padding:0 var(--sp-5) var(--sp-5);color:var(--text-secondary)}.cta-tail{padding-block:var(--sp-9)}.cta-card{position:relative;overflow:hidden;text-align:center;padding:var(--sp-8) var(--sp-6);border-radius:24px;border:1px solid var(--border-subtle);background:radial-gradient(500px 260px at 50% -20%,rgba(139,124,246,.28),transparent 70%),var(--bg-surface);max-width:900px;margin-inline:auto}.cta-card .section-subtitle{margin-bottom:var(--sp-6)}.newsletter-form{display:flex;gap:var(--sp-3);max-width:480px;margin-inline:auto}.newsletter-form .input{flex:1}.form-feedback{min-height:22px;margin-top:var(--sp-3);font-size:14px;color:var(--success)}.seo-content{max-width:860px}.seo-content .section-title{text-align:center;margin-bottom:var(--sp-6)}.prose{color:var(--text-secondary);font-size:16.5px;display:grid;gap:var(--sp-4)}.prose p{max-width:75ch}.prose a{color:var(--link);text-decoration:underline;text-underline-offset:3px}@media(max-width:1024px){.steps-grid{grid-template-columns:1fr}.hero-cover:nth-child(5),.hero-cover:nth-child(6){display:none}}@media(max-width:768px){.hero{padding-block:80px 72px}.hero-cover:nth-child(2),.hero-cover:nth-child(4){display:none}.newsletter-form{flex-direction:column}.testimonial-slide blockquote{font-size:19px}}@media(max-width:420px){.hero-cover{width:58px!important;height:87px!important;opacity:.3}.hero-cta .btn{width:100%}.stat-value{font-size:34px}}@media(prefers-reduced-motion:reduce){.hero-cover{animation:none}}
