@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");*{box-sizing:border-box}.og-page{font-family:Plus Jakarta Sans,sans-serif;background:#f5f3ff;color:#1a1a2e;min-height:100vh}.og-hero{background:linear-gradient(135deg,#ecfdf5,#f5f3ff 45%,#f0fdf4);position:relative;overflow:hidden;padding:64px 24px 52px;text-align:center}.og-blob-1{width:480px;height:480px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);top:-160px;right:-80px}.og-blob-1,.og-blob-2{position:absolute;border-radius:50%;pointer-events:none}.og-blob-2{width:320px;height:320px;background:radial-gradient(circle,rgba(99,102,241,.07) 0,transparent 70%);bottom:-80px;left:-60px}.og-badge{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#059669;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:inline-block;padding:6px 16px;border-radius:999px;margin-bottom:20px}.og-breadcrumb-link{color:#a5b4fc;transition:color .2s;text-decoration:none}.og-breadcrumb-link:hover{color:#6366f1}.og-grad-text{background:linear-gradient(135deg,#059669,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.og-tool-card{background:#fff;border:1.5px solid rgba(16,185,129,.12);border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(16,185,129,.06),0 20px 60px -10px rgba(16,185,129,.08)}.og-sample-btn{background:#f0fdf4;border:1.5px solid rgba(16,185,129,.2);color:#059669;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .2s ease}.og-sample-btn:hover{background:rgba(16,185,129,.1);border-color:#10b981}.og-textarea{width:100%;border:1.5px solid #e0dcff;background:#1a1a2e;color:#a7f3d0;border-radius:14px;padding:14px 16px;font-family:Courier New,monospace;font-size:.8rem;line-height:1.6;transition:all .2s ease;resize:vertical}.og-textarea::placeholder{color:#6b7280}.og-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.og-social-card{border:1px solid #dadce0;border-radius:8px;overflow:hidden;background:#fff;max-width:420px;margin:0 auto}.og-social-image{width:100%;aspect-ratio:1.91/1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.og-social-image img{width:100%;height:100%;object-fit:cover}.og-no-image{font-size:11px;color:#9ca3af;font-weight:600}.og-social-body{padding:12px 14px;background:#f2f3f5}.og-social-domain{font-size:10.5px;color:#65676b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}.og-social-title{font-size:13.5px;font-weight:700;color:#050505;line-height:1.3;margin-bottom:3px}.og-social-desc,.og-social-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-social-desc{font-size:12px;color:#65676b;line-height:1.4}.og-twitter-card{border-radius:16px}.og-twitter-card .og-social-body{background:#fff;border-top:1px solid #eff3f4}.og-checklist-card{background:#fff;border:1.5px solid rgba(99,102,241,.1);border-radius:16px;padding:20px}.og-check-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.5}.og-check-row.ok{background:rgba(16,185,129,.05);color:#059669}.og-check-row.missing{background:rgba(220,38,38,.05);color:#b91c1c}.og-check-label{font-weight:700;font-family:Courier New,monospace}.og-check-tip{color:#6b7280;font-weight:400}.og-snippet-box{background:#f8f7ff;border:1.5px solid rgba(99,102,241,.12);border-radius:16px;padding:20px}.og-code-block{background:#1a1a2e;color:#a7f3d0;font-family:Courier New,monospace;font-size:11px;line-height:1.7;padding:16px;border-radius:10px;overflow-x:auto;white-space:pre}.og-copy-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid rgba(16,185,129,.25);color:#059669;font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.og-copy-btn:hover{border-color:#10b981;background:rgba(16,185,129,.05)}.og-trust-item{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}.og-trust-dot{width:4px;height:4px;border-radius:50%;background:#a7f3d0}.og-section-alt{background:#fff}.og-section-main{background:#f5f3ff}.og-divider{border:none;border-top:1px solid rgba(99,102,241,.08)}.og-benefit-card{background:#fff;border:1.5px solid rgba(99,102,241,.08);border-radius:18px;padding:28px;transition:all .3s ease;box-shadow:0 2px 8px rgba(99,102,241,.05)}.og-benefit-card:hover{border-color:rgba(16,185,129,.2);box-shadow:0 8px 24px rgba(16,185,129,.08);transform:translateY(-3px)}.og-benefit-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.og-step-card{background:#fff;border:1.5px solid rgba(99,102,241,.08);border-radius:18px;padding:28px;text-align:center;box-shadow:0 2px 8px rgba(99,102,241,.04)}.og-step-num{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#059669,#0284c7);font-weight:800;font-size:1.1rem;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.og-seo-box{background:#fff;border:1.5px solid rgba(16,185,129,.1);border-radius:18px;padding:24px}.og-feature-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#059669,#0284c7);flex-shrink:0}.og-faq-item{background:#fff;border:1.5px solid rgba(99,102,241,.08);border-radius:14px;padding:20px;transition:border-color .25s,box-shadow .25s}.og-faq-item:hover{border-color:rgba(16,185,129,.2);box-shadow:0 4px 16px rgba(16,185,129,.07)}.og-faq-item summary{list-style:none;cursor:pointer}.og-faq-item summary::-webkit-details-marker{display:none}.og-cta-section{background:linear-gradient(135deg,#059669,#0284c7 50%,#6366f1);padding:80px 24px;text-align:center}.og-cta-btn{background:hsla(0,0%,100%,.15);border:1.5px solid hsla(0,0%,100%,.35);backdrop-filter:blur(8px);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;padding:14px 36px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.og-cta-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}@keyframes og-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.og-fade-up{animation:og-fadeUp .5s ease forwards}