:root{--sp-blue:#4c6af6;--sp-gray:#808192;--sp-text:#111827;--sp-text-muted:#6b7280;--sp-border:#e5e7eb;--sp-border-light:#f3f4f6;--sp-bg:#fff}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--sp-text);background:var(--sp-bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sp-root{min-height:100vh;color:var(--sp-text);background:#fff}.sp-container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.sp-header{z-index:40;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--sp-border-light);background:#fffc;position:sticky;top:0}.sp-header-inner{justify-content:space-between;align-items:center;padding-block:12px;display:flex}.sp-brand{align-items:center;gap:8px;display:flex}.sp-brand-icon{background:var(--sp-blue);color:#fff;border-radius:12px;place-items:center;block-size:32px;inline-size:32px;display:grid}.sp-brand-name{letter-spacing:.02em;font-size:14px;font-weight:700}.sp-nav{color:var(--sp-text-muted);gap:24px;font-size:14px;display:none}.sp-nav a:hover{color:var(--sp-text)}@media (min-width:768px){.sp-nav{display:flex}}.sp-cta-desktop{display:none}@media (min-width:768px){.sp-cta-desktop{display:block}}.sp-cta-group{align-items:center;gap:8px;display:flex}.sp-cta-mobile{display:flex}@media (min-width:768px){.sp-cta-mobile{display:none}}.sp-section{padding-block:56px}@media (min-width:640px){.sp-section{padding-block:80px}}.sp-section--muted{background:color-mix(in srgb,var(--sp-gray)12%,white)}@supports not (background:color-mix(in srgb,white,white)){.sp-section--muted{background:#8081921f}}.sp-grid-2{align-items:center;gap:40px;display:grid}@media (min-width:1024px){.sp-grid-2{grid-template-columns:1fr 1fr}}.sp-badge-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sp-badge{color:var(--sp-text-muted);border:1px solid var(--sp-border);background:#fff9;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.sp-hero-title{font-size:clamp(1.875rem,2.5vw + 1rem,2.5rem);font-weight:600;line-height:1.2}.sp-hero-text{max-width:42rem;color:var(--sp-text-muted);margin-top:16px}.sp-cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.sp-btn{border-radius:16px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:inline-flex}.sp-btn--primary{background:var(--sp-blue);color:#fff;transition:filter .2s,transform 50ms;box-shadow:0 1px 2px #0000000d}.sp-btn--primary:hover{filter:brightness(1.05)}.sp-btn--primary:active{transform:translateY(1px)}.sp-btn--secondary{border:1px solid var(--sp-border);color:var(--sp-text);background:#fff}.sp-btn--secondary:hover{background:#f9fafb}.sp-cards-row{grid-template-columns:1fr;gap:12px;margin-top:32px;display:grid}@media (min-width:640px){.sp-cards-row{grid-template-columns:repeat(3,1fr)}}.sp-card{border:1px solid var(--sp-border-light);background:#fff;border-radius:14px;padding:12px}.sp-card .title{color:var(--sp-text);font-weight:600}.sp-card .sub{color:var(--sp-text-muted)}.sp-head-pill{border:1px solid var(--sp-border);width:max-content;color:var(--sp-text-muted);background:#fff;border-radius:999px;margin:0 auto 12px;padding:4px 12px;font-size:12px}.sp-h2{text-align:center;font-size:clamp(1.5rem,2vw + 1rem,2rem);font-weight:600}.sp-subcenter{text-align:center;color:var(--sp-text-muted);margin-top:12px;max-width:48rem;margin-inline:auto}.sp-grid-3{grid-template-columns:1fr;gap:20px;margin-top:40px;display:grid}@media (min-width:768px){.sp-grid-3{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.sp-grid-3{grid-template-columns:1fr 1fr 1fr}}.sp-feature-card{border:1px solid var(--sp-border);background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 2px #0000000d}.sp-feature-head{color:var(--sp-blue);align-items:center;gap:8px;margin-bottom:12px;display:flex}.sp-feature-desc{color:var(--sp-text-muted);font-size:14px}.sp-screenshot{border:1px solid var(--sp-border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.sp-screenshot img{width:100%;height:auto;display:block}.sp-shot-placeholder{aspect-ratio:16/9;text-align:center;color:var(--sp-text-muted);background:#f3f4f6;place-items:center;padding-inline:24px;font-size:14px;display:grid}.sp-shot-placeholder .label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:8px;font-size:13px}.sp-shot-caption{color:var(--sp-text-muted);padding:12px 16px;font-size:14px}.sp-order-1{order:1}.sp-order-2{order:2}@media (min-width:1024px){.lg-order-1{order:1}.lg-order-2{order:2}}.sp-list{gap:12px;margin-top:16px;padding:0;list-style:none;display:grid}.sp-list-item{color:#374151;align-items:flex-start;gap:8px;font-size:14px;display:flex}.sp-icon-16{color:currentColor;width:16px;height:16px;margin-top:2px}.sp-icon-20{color:currentColor;width:20px;height:20px;margin-top:2px}.sp-p-muted{color:var(--sp-text-muted)}.sp-security-grid{gap:24px;display:grid}@media (min-width:1024px){.sp-security-grid{grid-template-columns:1.2fr 1fr}}.sp-box{border:1px solid var(--sp-border);background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000d}.sp-vlist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-vlist li{color:#374151;align-items:flex-start;gap:8px;font-size:14px;display:flex}.sp-lead{text-align:center;max-width:640px;margin-inline:auto}.sp-form-wrap{margin-top:24px;max-width:672px;margin-inline:auto}.sp-form{border:1px solid var(--sp-border);background:#fff;border-radius:16px;grid-template-columns:1fr;gap:12px;padding:16px;display:grid;box-shadow:0 1px 2px #0000000d}@media (min-width:640px){.sp-form{grid-template-columns:1fr 1fr}}.sp-input{border:1px solid var(--sp-border);border-radius:12px;outline:none;height:44px;padding:10px 12px;font-size:14px}.sp-input::placeholder,.sp-textarea::placeholder{color:#9ca3af}.sp-input:focus,.sp-textarea:focus{border-color:var(--sp-blue)}.sp-textarea{border:1px solid var(--sp-border);resize:vertical;border-radius:12px;grid-column:1/-1;min-height:96px;padding:10px 12px;font-size:14px}.sp-form-footer{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:8px;display:flex}@media (min-width:640px){.sp-form-footer{flex-direction:row;justify-content:space-between;align-items:center}}.sp-alert-ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;grid-column:1/-1;padding:8px 12px;font-size:14px}.sp-alert-err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;grid-column:1/-1;padding:8px 12px;font-size:14px}.sp-footer{border-top:1px solid var(--sp-border-light)}.sp-footer .sp-container{padding-block:32px}.sp-footer-inner{flex-direction:column;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (min-width:640px){.sp-footer-inner{flex-direction:row}}.sp-brand-mini{color:var(--sp-text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.sp-brand-mini-badge{background:var(--sp-blue);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.sp-copy{color:#6b7280;font-size:12px}