:root{--smp-bg:#fafafa;--smp-surface:#fff;--smp-surface-2:#f5f5f5;--smp-text:#171717;--smp-text-2:#404040;--smp-text-3:#737373;--smp-accent:#7c3aed;--smp-accent-2:#a855f7;--smp-accent-soft:#7c3aed1a;--smp-border:#e5e5e5;--smp-border-soft:#f0f0f0;--smp-gradient-start:#7c3aed;--smp-gradient-end:#db2777;--smp-success:#10b981;--smp-warning:#f59e0b;--smp-error:#ef4444;--smp-card-shadow:0 4px 6px -2px #00000008,0 12px 16px -4px #0000000d;--smp-hover-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000d}@media (prefers-color-scheme:dark){:root{--smp-bg:#0a0a0a;--smp-surface:#171717;--smp-surface-2:#1f1f1f;--smp-text:#f5f5f5;--smp-text-2:#d4d4d4;--smp-text-3:#a3a3a3;--smp-border:#262626;--smp-border-soft:#1f1f1f}}.smp-root{background:var(--smp-bg);color:var(--smp-text);scroll-behavior:smooth;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.smp-container{max-width:1280px;margin:0 auto;padding:0 24px}.smp-container--narrow{max-width:900px}.smp-section{padding:80px 0;position:relative}@media (max-width:768px){.smp-section{padding:56px 0}}.smp-section-label{text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,var(--smp-gradient-start),var(--smp-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.smp-section-title{letter-spacing:-.02em;margin-bottom:20px;font-size:38px;font-weight:800;line-height:1.2}@media (max-width:768px){.smp-section-title{font-size:28px}}.smp-section-desc{color:var(--smp-text-2);max-width:720px;margin-bottom:48px;font-size:18px;line-height:1.6}.smp-hero{background:linear-gradient(180deg,var(--smp-bg)0%,var(--smp-surface)100%);padding:100px 0 80px;position:relative;overflow:hidden}.smp-hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.smp-hero-orb{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.smp-hero-orb--1{background:linear-gradient(135deg,#7c3aed,#db2777);width:400px;height:400px;top:-100px;left:-100px}.smp-hero-orb--2{background:linear-gradient(135deg,#a855f7,#ec4899);width:500px;height:500px;bottom:-150px;right:-150px}.smp-hero-orb--3{background:linear-gradient(135deg,#3b82f6,#06b6d4);width:300px;height:300px;top:40%;left:30%}.smp-hero-grid{background-image:radial-gradient(var(--smp-border)1px,transparent 1px);opacity:.3;pointer-events:none;background-size:32px 32px;position:absolute;inset:0}.smp-hero-inner{z-index:2;text-align:center;max-width:1000px;margin:0 auto;padding:0 24px;position:relative}.smp-hero-eyebrow{background:var(--smp-accent-soft);color:var(--smp-accent);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.smp-eyebrow-dot{background:var(--smp-accent);border-radius:50%;width:6px;height:6px;display:inline-block}.smp-hero-title{letter-spacing:-.03em;margin-bottom:20px;font-size:64px;font-weight:800;line-height:1.1}@media (max-width:768px){.smp-hero-title{font-size:40px}}.smp-gradient-text{background:linear-gradient(135deg,var(--smp-gradient-start),var(--smp-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text}.smp-hero-sub-title{color:var(--smp-text-2);font-size:32px;font-weight:500;display:inline-block}@media (max-width:768px){.smp-hero-sub-title{font-size:22px}}.smp-hero-desc{color:var(--smp-text-2);max-width:720px;margin:24px auto;font-size:18px;line-height:1.6}.smp-stats-bar{flex-wrap:wrap;justify-content:center;gap:48px;margin:48px 0 40px;display:flex}.smp-stat{text-align:center}.smp-stat-value{background:linear-gradient(135deg,var(--smp-text),var(--smp-text-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;display:block}.smp-stat-label{color:var(--smp-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.smp-hero-cta-wrap{margin-top:32px}.smp-cta-primary{background:linear-gradient(135deg,var(--smp-gradient-start),var(--smp-gradient-end));color:#fff;border-radius:60px;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #7c3aed4d}.smp-cta-primary:hover{transform:scale(1.02);box-shadow:0 12px 28px #7c3aed66}.smp-cta-xl{padding:20px 40px;font-size:18px}.smp-cta-icon{font-size:20px}.smp-cta-arrow{transition:transform .2s}.smp-cta-primary:hover .smp-cta-arrow{transform:translate(4px)}.smp-cta-note{color:var(--smp-text-3);margin-top:16px;font-size:13px}.smp-section-cta-wrap{text-align:center;margin-top:48px}.smp-platforms-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:32px;display:grid}.smp-platform-card{background:var(--smp-surface);text-align:center;box-shadow:var(--smp-card-shadow);border-top:4px solid;border-radius:24px;padding:28px 20px;transition:all .2s}.smp-platform-card:hover{box-shadow:var(--smp-hover-shadow);transform:translateY(-4px)}.smp-platform-icon{margin-bottom:16px;font-size:40px;display:block}.smp-platform-name{margin-bottom:8px;font-size:18px;font-weight:700}.smp-platform-desc{color:var(--smp-text-2);font-size:13px;line-height:1.5}.smp-templates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:32px;display:grid}.smp-template-card{background:var(--smp-surface);border:1px solid var(--smp-border);border-radius:20px;padding:24px;transition:all .2s}.smp-template-card:hover{border-color:var(--smp-accent);box-shadow:var(--smp-hover-shadow)}.smp-template-header{margin-bottom:16px}.smp-template-name{background:linear-gradient(135deg,var(--smp-text),var(--smp-text-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.smp-template-prompt{color:var(--smp-text-2);background:var(--smp-surface-2);border-radius:12px;margin-bottom:20px;padding:12px;font-family:monospace;font-size:13px;line-height:1.6}.smp-template-use-btn{color:var(--smp-accent);align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.smp-template-use-btn:hover{gap:12px}.smp-formulas-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.smp-formula-card{background:var(--smp-surface);border:1px solid var(--smp-border);border-radius:20px;padding:24px;transition:all .2s}.smp-formula-card:hover{border-color:var(--smp-accent)}.smp-formula-name{color:var(--smp-accent);margin-bottom:16px;font-size:18px;font-weight:700}.smp-formula-formula,.smp-formula-example{margin-bottom:12px;font-size:13px;line-height:1.6}.smp-formula-label{color:var(--smp-text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.smp-mid-cta-section{background:linear-gradient(135deg,var(--smp-surface),var(--smp-surface-2));border-radius:40px;margin:40px 0;overflow:hidden}.smp-mid-cta-inner{text-align:center;max-width:800px;margin:0 auto;padding:64px 32px}.smp-mid-cta-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--smp-accent);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.smp-mid-cta-title{letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:800}@media (max-width:768px){.smp-mid-cta-title{font-size:28px}}.smp-mid-cta-desc{color:var(--smp-text-2);margin-bottom:32px;font-size:18px}.smp-usecases-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:32px;display:grid}.smp-usecase-card{background:var(--smp-surface);border:1px solid var(--smp-border);border-radius:24px;padding:28px;transition:all .2s}.smp-usecase-card:hover{box-shadow:var(--smp-hover-shadow);transform:translateY(-4px)}.smp-usecase-emoji{margin-bottom:16px;font-size:40px;display:block}.smp-usecase-title{margin-bottom:12px;font-size:20px;font-weight:700}.smp-usecase-desc{color:var(--smp-text-2);margin-bottom:16px;font-size:14px;line-height:1.6}.smp-usecase-kws{flex-wrap:wrap;gap:8px;display:flex}.smp-kw-tag{background:var(--smp-accent-soft);color:var(--smp-accent);border-radius:100px;padding:4px 10px;font-size:10px}.smp-practices-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px;display:grid}.smp-practice-card{background:var(--smp-surface);border-left:4px solid var(--smp-accent);box-shadow:var(--smp-card-shadow);border-radius:20px;padding:24px}.smp-practice-title{margin-bottom:16px;font-size:18px;font-weight:700}.smp-practice-list{margin:0;padding-left:20px}.smp-practice-list li{color:var(--smp-text-2);margin-bottom:8px;font-size:13px;line-height:1.5}.smp-compare-section{background:var(--smp-surface-2);border-radius:40px;margin:40px 0}.smp-compare-table-wrap{margin-top:32px;overflow-x:auto}.smp-compare-table{border-collapse:collapse;background:var(--smp-surface);width:100%;box-shadow:var(--smp-card-shadow);border-radius:20px;overflow:hidden}.smp-compare-table th,.smp-compare-table td{text-align:left;border-bottom:1px solid var(--smp-border);padding:16px 20px}.smp-compare-table th{background:var(--smp-surface-2);font-weight:700}.smp-col-bad{color:var(--smp-error);background:#ef44440d}.smp-col-good{color:var(--smp-success);background:#10b9810d}.smp-strategy-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px;display:grid}.smp-strategy-day{background:var(--smp-surface);border:1px solid var(--smp-border);border-radius:20px;padding:24px}.smp-day-label{background:var(--smp-accent-soft);color:var(--smp-accent);border-radius:100px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.smp-strategy-day h3{margin-bottom:12px;font-size:18px;font-weight:700}.smp-strategy-day p{color:var(--smp-text-2);font-size:13px;line-height:1.6}.smp-final-cta-section{background:linear-gradient(135deg,var(--smp-surface),var(--smp-surface-2));border-radius:48px;margin:40px 0;position:relative;overflow:hidden}.smp-final-cta-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.smp-final-orb{filter:blur(100px);opacity:.2;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.smp-final-orb--1{background:var(--smp-gradient-start);top:-150px;left:-150px}.smp-final-orb--2{background:var(--smp-gradient-end);bottom:-150px;right:-150px}.smp-final-cta-inner{z-index:2;text-align:center;max-width:800px;margin:0 auto;padding:80px 32px;position:relative}.smp-final-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--smp-accent);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.smp-final-title{letter-spacing:-.02em;margin-bottom:24px;font-size:44px;font-weight:800;line-height:1.2}@media (max-width:768px){.smp-final-title{font-size:32px}}.smp-final-desc{color:var(--smp-text-2);margin-bottom:32px;font-size:18px}.smp-final-cta-group{text-align:center}.smp-final-trust{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px;display:flex}.smp-final-trust span{color:var(--smp-text-3);align-items:center;gap:6px;font-size:13px;display:inline-flex}.smp-faq-list{margin-top:48px}.smp-faq-item{background:var(--smp-surface);border:1px solid var(--smp-border);border-radius:16px;margin-bottom:16px;overflow:hidden}.smp-faq-question{cursor:pointer;padding:20px 24px;font-weight:700;list-style:none;transition:background .2s}.smp-faq-question::-webkit-details-marker{display:none}.smp-faq-item[open] .smp-faq-question{background:var(--smp-accent-soft);border-bottom:1px solid var(--smp-border)}.smp-faq-answer{color:var(--smp-text-2);margin:0;padding:20px 24px;font-size:15px;line-height:1.6}.smp-seo-footer-section{background:var(--smp-surface-2);border-radius:32px;margin:40px 0;padding:48px 0}.smp-seo-footer-title{text-align:center;margin-bottom:32px;font-size:28px;font-weight:700}.smp-seo-long-content{max-width:900px;margin:0 auto}.smp-seo-long-content h3{margin:32px 0 16px;font-size:22px;font-weight:700}.smp-seo-long-content p{color:var(--smp-text-2);margin-bottom:20px;font-size:16px;line-height:1.7}.smp-seo-long-content ul,.smp-seo-long-content ol{margin:20px 0;padding-left:24px}.smp-seo-long-content li{color:var(--smp-text-2);margin-bottom:10px;font-size:16px;line-height:1.6}.smp-seo-long-content strong{color:var(--smp-text)}.smp-kw-cloud{border-top:1px solid var(--smp-border);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:48px;padding-top:32px;display:flex}.smp-kw-cloud-tag{background:var(--smp-surface);color:var(--smp-text-2);border:1px solid var(--smp-border);border-radius:100px;padding:6px 14px;font-size:12px;transition:all .2s}.smp-kw-cloud-tag:hover{border-color:var(--smp-accent);color:var(--smp-accent)}.smp-related-section{border-top:1px solid var(--smp-border);padding:48px 0 64px}.smp-related-title{text-align:center;margin-bottom:32px;font-size:24px;font-weight:700}.smp-related-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.smp-related-card{background:var(--smp-surface);border:1px solid var(--smp-border);border-radius:20px;flex-direction:column;align-items:center;gap:8px;min-width:180px;padding:20px 28px;text-decoration:none;transition:all .2s;display:flex}.smp-related-card:hover{border-color:var(--smp-accent);box-shadow:var(--smp-hover-shadow);transform:translateY(-4px)}.smp-related-card span:first-child{font-size:28px}.smp-related-card span:not(:first-child){color:var(--smp-text);font-weight:600}.smp-related-card small{color:var(--smp-text-3);font-size:11px}@media (max-width:640px){.smp-container{padding:0 16px}.smp-stats-bar{gap:24px}.smp-stat-value{font-size:24px}.smp-templates-grid,.smp-usecases-grid{grid-template-columns:1fr}.smp-mid-cta-inner{padding:48px 24px}.smp-final-cta-inner{padding:56px 24px}.smp-cta-primary{padding:14px 28px;font-size:14px}.smp-cta-xl{padding:16px 32px;font-size:16px}}@keyframes smp-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.smp-hero-inner,.smp-platform-card,.smp-template-card,.smp-usecase-card{animation:.5s forwards smp-fade-in}.smp-hero-inner{animation-delay:0s}.smp-platform-card:first-child{animation-delay:50ms}.smp-platform-card:nth-child(2){animation-delay:.1s}.smp-platform-card:nth-child(3){animation-delay:.15s}.smp-platform-card:nth-child(4){animation-delay:.2s}.smp-platform-card:nth-child(5){animation-delay:.25s}html{scroll-behavior:smooth;scroll-padding-top:32px}