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