.sp-hero{background:radial-gradient(circle at 8% 15%,#faaa2921,#0000 30%),linear-gradient(#fff 0%,#f5f6fa 100%);padding:95px 0 100px;position:relative;overflow:hidden}.sp-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.sp-hero h1{letter-spacing:-1.3px;margin:24px 0;font-size:clamp(32px,4vw,55px);font-weight:900;line-height:1.55}.sp-hero h1 span{color:var(--sp-primary-hover)}.sp-hero-description{max-width:560px;color:var(--sp-muted);font-size:15px;line-height:2.2}.sp-hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.sp-hero-actions .sp-btn{min-height:52px;padding-inline:25px}.sp-hero-note{color:var(--sp-muted);align-items:center;gap:9px;margin-top:24px;font-size:12px;display:flex}.sp-preview{background:#fff;border:1px solid #e9ebf2;border-radius:23px;padding:12px;position:relative;transform:rotate(-2deg);box-shadow:0 30px 80px #20233f1c}.sp-preview-inner{background:#f5f6fa;border-radius:14px;overflow:hidden}.sp-preview-top{background:#fff;border-bottom:1px solid #eceef3;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.sp-preview-title{font-size:12px;font-weight:900}.sp-preview-dots{gap:5px;display:flex}.sp-preview-dots span{background:#e4e6ed;border-radius:50%;width:8px;height:8px}.sp-preview-content{padding:20px}.sp-preview-welcome{margin-bottom:18px;font-size:13px;font-weight:900}.sp-preview-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sp-preview-card{background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:15px 12px}.sp-preview-card i{color:#e99b1b;background:#fff3db;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:12px;display:inline-flex}.sp-preview-card small{color:#83899a;font-size:10px;display:block}.sp-preview-card strong{color:var(--sp-secondary);margin-top:4px;font-size:21px;display:block}.sp-preview-chart{background:#fff;border-radius:12px;align-items:end;gap:12px;height:165px;margin-top:14px;padding:20px;display:flex}.sp-preview-chart span{background:#ffe3ae;border-radius:6px 6px 0 0;flex:1;min-width:0}.sp-preview-chart span:nth-child(3n){background:var(--sp-primary)}.sp-floating-label{box-shadow:var(--sp-shadow-hover);background:#fff;border:1px solid #e9ebf2;border-radius:14px;align-items:center;gap:10px;padding:14px 18px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:-25px;right:-25px;transform:rotate(2deg)}.sp-floating-label i{color:#22a06b;font-size:23px}.sp-section{padding:90px 0}.sp-section-white{background:#fff}.sp-section-heading{text-align:center;max-width:680px;margin:0 auto 48px}.sp-section-heading h2{margin:15px 0;font-size:clamp(25px,3vw,36px);font-weight:900;line-height:1.6}.sp-section-heading p{color:var(--sp-muted);font-size:14px;line-height:2}.sp-features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sp-feature-card{border:1px solid var(--sp-border);transition:var(--sp-transition);background:#fff;border-radius:20px;padding:30px}.sp-feature-card:hover{box-shadow:var(--sp-shadow-hover);border-color:#f8dca9;transform:translateY(-5px)}.sp-feature-icon{background:var(--sp-primary-light);color:#d98b0a;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-size:23px;display:flex}.sp-feature-card h3{margin-bottom:11px;font-size:16px;font-weight:900}.sp-feature-card p{color:var(--sp-muted);font-size:12px;line-height:2.1}.sp-audience{background:#f6f7fb}.sp-audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.sp-audience-card{min-width:0;transition:var(--sp-transition);background:#fff;border:1px solid #e9ebf2;border-radius:20px;flex-direction:column;padding:26px;display:flex;position:relative}.sp-audience-card:hover{box-shadow:var(--sp-shadow-hover);border-color:#f8dca9;transform:translateY(-6px)}.sp-audience-top{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.sp-audience-icon{background:var(--sp-primary-light);color:#d98b0a;border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.sp-audience-number{color:#e5e7ef;font-size:28px;font-weight:900}.sp-audience-card h3{color:var(--sp-secondary);margin-bottom:12px;font-size:17px;font-weight:900}.sp-audience-card p{color:var(--sp-muted);flex:1;margin-bottom:25px;font-size:12px;line-height:2.1}.sp-audience-bottom{color:#a1a6b4;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;padding-top:16px;font-size:11px;font-weight:800;display:flex}.sp-audience-bottom i{color:var(--sp-primary-hover);font-size:17px}@media (width<=1100px){.sp-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=576px){.sp-audience-grid{grid-template-columns:1fr;gap:15px}.sp-audience-card{padding:23px}}.sp-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.sp-step{border:1px solid var(--sp-border);background:#fff;border-radius:20px;padding:30px;position:relative}.sp-step-number{background:var(--sp-secondary);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:20px;font-size:18px;font-weight:900;display:flex}.sp-step h3{margin-bottom:10px;font-size:16px;font-weight:900}.sp-step p{color:var(--sp-muted);font-size:12px;line-height:2.1}.sp-cta{padding:35px 0 90px}.sp-cta-inner{background:var(--sp-secondary);color:#fff;text-align:center;border-radius:25px;padding:65px 30px;position:relative;overflow:hidden}.sp-cta-inner:before{content:"";background:#faaa2926;border-radius:50%;width:300px;height:300px;position:absolute;top:-180px;left:-80px}.sp-cta-inner h2{margin-bottom:13px;font-size:clamp(24px,3vw,34px);font-weight:900;position:relative}.sp-cta-inner p{color:#c8cad7;margin-bottom:26px;font-size:14px;position:relative}.sp-faq-list{flex-direction:column;gap:14px;max-width:850px;margin:0 auto;display:flex}.sp-faq-item{border:1px solid var(--sp-border);transition:var(--sp-transition);background:#fff;border-radius:16px;overflow:hidden}.sp-faq-item[open]{border-color:#f5d7a3;box-shadow:0 8px 30px #20233f0d}.sp-faq-question{cursor:pointer;color:var(--sp-secondary);justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;font-size:14px;font-weight:900;list-style:none;display:flex}.sp-faq-question::-webkit-details-marker{display:none}.sp-faq-question::marker{content:""}.sp-faq-question-text{flex:1}.sp-faq-toggle{background:var(--sp-primary-light);color:#d98b0a;width:34px;height:34px;transition:var(--sp-transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-faq-item[open] .sp-faq-toggle{background:var(--sp-primary);color:#fff;transform:rotate(45deg)}.sp-faq-answer{padding:0 25px 22px}.sp-faq-answer p{color:var(--sp-muted);border-top:1px solid #f0f1f5;margin:0;padding-top:17px;font-size:13px;line-height:2.2}.sp-faq-question:focus-visible{outline:2px solid var(--sp-primary);outline-offset:-3px}@media (width<=576px){.sp-faq-question{padding:18px;font-size:13px}.sp-faq-answer{padding:0 18px 20px}}@media (width<=900px){.sp-hero{padding:65px 0 85px}.sp-hero-grid{grid-template-columns:1fr;gap:60px}.sp-preview{width:100%;max-width:620px;margin:0 auto}.sp-features-grid,.sp-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=576px){.sp-hero{padding:45px 0 70px}.sp-hero h1{font-size:31px}.sp-hero-description{font-size:13px}.sp-hero-actions{flex-direction:column}.sp-hero-actions .sp-btn{width:100%}.sp-preview{transform:none}.sp-floating-label{bottom:-22px;right:5px;transform:none}.sp-preview-content{padding:12px}.sp-preview-cards{gap:6px}.sp-preview-card{padding:10px 7px}.sp-preview-card strong{font-size:16px}.sp-section{padding:65px 0}.sp-features-grid,.sp-steps-grid{grid-template-columns:1fr}.sp-cta-inner{padding:45px 20px}}html[data-sp-theme=dark] body{background:var(--sp-background);color:var(--sp-text)}html[data-sp-theme=dark] .sp-hero{background:radial-gradient(circle at 8% 15%,#faaa291a,#0000 30%),linear-gradient(#121521 0%,#10121b 100%)}html[data-sp-theme=dark] .sp-preview,html[data-sp-theme=dark] .sp-preview-top,html[data-sp-theme=dark] .sp-preview-card,html[data-sp-theme=dark] .sp-preview-chart,html[data-sp-theme=dark] .sp-floating-label,html[data-sp-theme=dark] .sp-section-white,html[data-sp-theme=dark] .sp-feature-card,html[data-sp-theme=dark] .sp-audience-card,html[data-sp-theme=dark] .sp-step,html[data-sp-theme=dark] .sp-faq-item{background:var(--sp-surface);border-color:var(--sp-border)}html[data-sp-theme=dark] .sp-preview-inner,html[data-sp-theme=dark] .sp-audience{background:var(--sp-background)}html[data-sp-theme=dark] .sp-preview-top,html[data-sp-theme=dark] .sp-preview-card,html[data-sp-theme=dark] .sp-audience-bottom,html[data-sp-theme=dark] .sp-faq-answer p{border-color:var(--sp-border)}html[data-sp-theme=dark] .sp-preview-dots span{background:#3a4052}html[data-sp-theme=dark] .sp-preview-card strong,html[data-sp-theme=dark] .sp-audience-card h3,html[data-sp-theme=dark] .sp-faq-question,html[data-sp-theme=dark] .sp-brand-name,html[data-sp-theme=dark] .sp-footer-column h4{color:var(--sp-text)}html[data-sp-theme=dark] .sp-feature-card:hover,html[data-sp-theme=dark] .sp-audience-card:hover,html[data-sp-theme=dark] .sp-faq-item[open]{border-color:#faaa2961}html[data-sp-theme=dark] .sp-preview{box-shadow:0 30px 80px #0000004d}html[data-sp-theme=dark] .sp-cta-inner{background:#1b1f2d}html[data-sp-theme=dark] .sp-btn-outline{background:var(--sp-surface);border-color:var(--sp-border);color:var(--sp-text)}
