.rc-hero{background:linear-gradient(180deg, var(--color-bg-raised), var(--color-bg));padding-block:var(--space-16) var(--space-10);border-bottom:1px solid var(--color-border-subtle);isolation:isolate;position:relative;overflow:hidden}.rc-orb{border-radius:var(--radius-full);filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;position:absolute}.rc-orb-1{background:radial-gradient(circle,#2563eb6b,#0000 70%);width:460px;height:460px;top:-160px;left:-120px}.rc-orb-2{background:radial-gradient(circle,#05966942,#0000 70%);width:400px;height:400px;top:-80px;right:-120px}.rc-hero .container{z-index:1;position:relative}.rc-hero-inner{text-align:center;max-width:720px;margin-inline:auto}.rc-hero h1{font-size:3rem;font-weight:var(--weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-3);line-height:1.05}.rc-lead{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:620px;margin-inline:auto}.sp-wrap{gap:var(--space-8);max-width:1080px;margin:var(--space-10) auto 0;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;display:grid}.sp-inputs{flex-direction:column;display:flex}.sp-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:var(--space-4) 0 6px}.sp-label:first-child{margin-top:0}.rc-input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);width:100%}.rc-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb29}.sp-textarea{resize:vertical;font-family:inherit;line-height:1.55}.sp-meter-row{align-items:center;gap:var(--space-3);margin-top:7px;display:flex}.sp-meter{background:var(--color-bg-surface);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.sp-meter span{border-radius:var(--radius-full);height:100%;transition:width .12s;display:block}.sp-bar-green{background:#059669}.sp-bar-amber{background:#d97706}.sp-bar-red{background:#dc2626}.sp-meter-text{font-size:12px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.sp-toggle{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-top:var(--space-5);align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.sp-toggle-btn{border-radius:var(--radius-full);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:7px 18px}.sp-toggle-active{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 3px #0f172a1f}.sp-preview-col{position:sticky;top:88px}.sp-preview-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:var(--space-3);display:block}.sp-serp{border:1px solid var(--color-border);padding:var(--space-6);background:#fff;border-radius:14px;max-width:652px;box-shadow:0 4px 18px #0f172a0f}.sp-serp-mobile{max-width:420px}.sp-serp-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sp-favicon{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:inline-flex}.sp-site{flex-direction:column;min-width:0;display:flex}.sp-site-name{color:#202124;font-size:14px;line-height:1.3}.sp-site-url{color:#4d5156;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.sp-serp-title{color:#1a0dab;cursor:pointer;margin:0 0 4px;font-family:Arial,sans-serif;font-size:20px;line-height:1.3;text-decoration:none;display:block}.sp-serp-title:hover{text-decoration:underline}.sp-serp-desc{color:#4d5156;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:1.58}.sp-hint{margin-top:var(--space-3);color:var(--color-text-muted);font-size:12.5px}.rc-about{max-width:720px;margin:var(--space-12) auto var(--space-8)}.rc-about h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.rc-about p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.rc-about p+p{margin-top:var(--space-3)}.rc-cta-row{margin-top:var(--space-4)}.rc-cta-link{font-weight:var(--weight-semibold);color:var(--color-primary);text-decoration:none}.rc-cta-link:hover{text-decoration:underline}.rc-faq{border:1px solid var(--color-border);padding:0 var(--space-5);background:var(--color-bg);border-radius:14px}.rc-faq-item{border-bottom:1px solid var(--color-border-subtle)}.rc-faq-item:last-child{border-bottom:none}.rc-faq-item summary{padding:var(--space-4) 0;cursor:pointer;font-size:15px;font-weight:var(--weight-semibold);color:var(--color-text);list-style:none}.rc-faq-item summary::-webkit-details-marker{display:none}.rc-faq-item summary:hover{color:var(--color-primary)}.rc-faq-item p{padding:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}.rc-tools-links{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.rc-tools-links a{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.rc-tools-links a:hover{text-decoration:underline}@media (width<=900px){.sp-wrap{grid-template-columns:1fr}.sp-preview-col{position:static}}@media (width<=640px){.rc-hero h1{font-size:var(--text-3xl)}.sp-serp{padding:var(--space-4)}}