:root{--landing-bg:#fff;--landing-surface:#f9fafb;--landing-surface-2:#f3f4f6;--landing-text:#111827;--landing-muted:#6b7280;--landing-border:#e5e7eb;--landing-accent:#111827;--landing-accent-fg:#fff;--landing-max:1120px}body.landing{margin:0;background:var(--landing-bg);color:var(--landing-text);font-family:-apple-system,BlinkMacSystemFont,Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}body.landing a{color:inherit;text-decoration:none}.landing-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid var(--landing-border);z-index:100}.landing-nav{max-width:var(--landing-max);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-brand img{display:block}.landing-nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.landing-nav-links a{padding:8px 12px;color:#4b5563;font-weight:500;font-size:14px;border-radius:8px}.landing-nav-links a:not(.landing-cta-link):not(.landing-cta):hover{background:var(--landing-surface-2);color:var(--landing-text)}.landing-cta,.landing-cta-link{background:var(--landing-accent);color:var(--landing-accent-fg)!important;padding:8px 14px;border-radius:8px;font-weight:600}.landing-cta-link:hover,.landing-cta:hover{filter:brightness(1.08)}.landing-main{min-height:60vh}.landing-hero{padding:72px 20px 48px}.landing-hero-inner{max-width:880px;margin:0 auto;text-align:center}.landing-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;color:var(--landing-muted);margin:0 0 16px}.landing-h1{font-size:clamp(30px,5.2vw,52px);line-height:1.08;letter-spacing:-.02em;font-weight:700;margin:0 0 16px}.landing-sub{font-size:18px;color:var(--landing-muted);max-width:640px;margin:0 auto 24px}.landing-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.landing-hero-note{color:var(--landing-muted);font-size:14px;margin:0}body.landing .btn-primary,body.landing .btn-secondary{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;transition:all .15s ease}body.landing .btn-primary{background:var(--landing-accent);color:var(--landing-accent-fg)}body.landing .btn-primary:hover{filter:brightness(1.08)}body.landing .btn-secondary{background:#fff;color:var(--landing-text);border-color:var(--landing-border)}body.landing .btn-secondary:hover{background:var(--landing-surface-2);border-color:var(--landing-text)}.landing-cta-large{padding:14px 24px;font-size:16px}.landing-h2{font-size:clamp(22px,3.6vw,32px);line-height:1.15;letter-spacing:-.01em;font-weight:700;margin:0 0 28px;text-align:center}.landing-benefits{padding:56px 20px;background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border)}.landing-benefits-inner{max-width:var(--landing-max);margin:0 auto}.landing-benefits-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-benefit{background:#fff;border:1px solid var(--landing-border);border-radius:14px;padding:20px}.landing-benefit h3{margin:0 0 8px;font-size:16px;font-weight:600}.landing-benefit p{margin:0;color:var(--landing-muted);font-size:14px}.landing-doc{padding:72px 20px}.landing-doc-inner{max-width:760px;margin:0 auto}.landing-doc-body{color:var(--landing-text)}.landing-doc-body h1{display:none}.landing-doc-body h2{font-size:22px;font-weight:700;margin:32px 0 12px;letter-spacing:-.01em}.landing-doc-body h3{font-size:17px;font-weight:600;margin:24px 0 10px}.landing-doc-body p{margin:12px 0;color:#374151;font-size:16px;line-height:1.65}.landing-doc-body ol,.landing-doc-body ul{padding-left:22px;color:#374151}.landing-doc-body li{margin:6px 0}.landing-doc-body a{color:#1d4ed8;text-decoration:underline}.landing-doc-body code{background:var(--landing-surface-2);padding:2px 6px;border-radius:4px;font-size:13px}.landing-doc-body pre{background:var(--landing-surface-2);padding:14px;border-radius:10px;overflow-x:auto}.landing-doc-body blockquote{margin:16px 0;padding:10px 16px;border-left:3px solid var(--landing-border);color:var(--landing-muted)}.landing-pricing-strip{padding:56px 20px;background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border)}.landing-pricing-inner{max-width:var(--landing-max);margin:0 auto;text-align:center}.landing-pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 24px}.landing-tier{background:#fff;border:1px solid var(--landing-border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:4px}.landing-tier-name{font-weight:600;font-size:14px;color:var(--landing-muted)}.landing-tier-price{font-size:24px;font-weight:700;color:var(--landing-text)}.landing-tier-note{font-size:13px;color:var(--landing-muted)}.landing-faq{padding:72px 20px}.landing-faq-inner{max-width:760px;margin:0 auto}.landing-faq-list{display:flex;flex-direction:column;gap:10px}.landing-faq-item{background:#fff;border:1px solid var(--landing-border);border-radius:12px;padding:14px 18px}.landing-faq-item summary{cursor:pointer;font-weight:600;list-style:none;position:relative;padding-right:20px}.landing-faq-item summary::after{content:"+";position:absolute;right:0;top:0;font-size:20px;color:var(--landing-muted)}.landing-faq-item[open] summary::after{content:"−"}.landing-faq-item p{margin:10px 0 0;color:#374151}.landing-related{padding:56px 20px;background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border)}.landing-related-inner{max-width:var(--landing-max);margin:0 auto}.landing-related-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-related-col h3{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--landing-muted);margin:0 0 12px}.landing-related-col a{display:block;padding:8px 0;color:var(--landing-text);border-bottom:1px solid var(--landing-border);font-weight:500}.landing-related-col a:hover{color:#1d4ed8}.landing-final-cta{padding:72px 20px;text-align:center}.landing-final-inner{max-width:640px;margin:0 auto}.landing-index-grid{padding:24px 20px 56px}.landing-index-inner{max-width:var(--landing-max);margin:0 auto}.landing-index-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.landing-index-card{display:block;background:#fff;border:1px solid var(--landing-border);border-radius:14px;padding:22px;transition:all .15s ease}.landing-index-card:hover{border-color:var(--landing-text);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.05)}.landing-index-card h3{margin:0 0 6px;font-size:17px;font-weight:600}.landing-index-card p{margin:0 0 14px;color:var(--landing-muted);font-size:14px}.landing-index-link{color:#1d4ed8;font-weight:600;font-size:14px}.landing-footer{background:var(--landing-surface);color:var(--landing-text);border-top:1px solid var(--landing-border);padding:48px 20px 24px}.landing-footer-inner{max-width:var(--landing-max);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}.landing-footer-col h4{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--landing-muted);margin:0 0 14px}.landing-footer-col a{display:block;padding:5px 0;color:#4b5563;font-size:14px}.landing-footer-col a:hover{color:var(--landing-text)}.landing-footer-tag{margin:10px 0 0;font-size:13px;color:var(--landing-muted)}.landing-footer-bottom{max-width:var(--landing-max);margin:32px auto 0;padding-top:16px;border-top:1px solid var(--landing-border);color:var(--landing-muted);font-size:13px}.landing-widget-demo{padding:48px 20px 64px;background:var(--landing-bg)}.landing-widget-demo-inner{max-width:var(--landing-max);margin:0 auto;text-align:center}.landing-widget-demo-inner>.landing-h2{margin-bottom:8px}.landing-widget-demo-inner>.landing-sub{margin:0 auto 24px;max-width:640px}.answe-widget-preview{max-width:720px;margin:0 auto;background:var(--landing-bg);border:1px solid var(--landing-border);border-radius:16px;padding:16px 16px 24px;box-shadow:0 1px 2px rgba(17,24,39,.04),0 8px 24px rgba(17,24,39,.06);text-align:left}.answe-preview-modes{display:flex;gap:4px;background:var(--landing-surface-2);padding:4px;border-radius:999px;width:fit-content;margin:0 auto 12px}.answe-preview-mode{appearance:none;border:0;background:0 0;color:var(--landing-muted);font:inherit;font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.answe-preview-mode:hover{color:var(--landing-text)}.answe-preview-mode.is-active{background:var(--landing-bg);color:var(--landing-text);box-shadow:0 1px 2px rgba(17,24,39,.06)}.answe-preview-hint{margin:0 0 16px;text-align:center;font-size:13px;color:var(--landing-muted)}.answe-preview-stage{min-height:120px;padding:12px;background:var(--landing-surface-2);border-radius:12px}.answe-preview-stage .demo-form-widget{width:100%}.answe-preview-stage .qstio-widget{width:100%;display:block}.answe-preview-popup-callout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;padding:32px 24px;text-align:center}.answe-preview-popup-callout-icon{font-size:48px;line-height:1;color:var(--landing-text);opacity:.85;animation:answe-preview-bob 1.6s ease-in-out infinite}.answe-preview-popup-callout h3{margin:0;font-size:18px;font-weight:600;color:var(--landing-text)}.answe-preview-popup-callout p{margin:0;max-width:420px;font-size:14px;color:var(--landing-muted);line-height:1.5}@keyframes answe-preview-bob{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,6px)}}.answe-preview-popup-mount{position:absolute;left:-10000px;top:0;width:1px;height:1px}.answe-preview-use-bar{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0 4px}.answe-preview-use-btn{min-width:220px;padding:12px 28px;font-size:15px;font-weight:600;border-radius:999px;cursor:pointer}.answe-preview-use-btn[disabled]{opacity:.6;cursor:progress}.answe-preview-use-hint{margin:0;font-size:13px;color:var(--landing-muted);text-align:center}@media(max-width:640px){.landing-nav{padding:10px 14px;gap:10px}.landing-nav-links{gap:2px}.landing-nav-links a{padding:6px 8px;font-size:13px}.landing-hero{padding:48px 16px 32px}.landing-benefits,.landing-pricing-strip,.landing-related{padding:40px 16px}.landing-doc,.landing-faq,.landing-final-cta{padding:48px 16px}.landing-widget-demo{padding:32px 12px 40px}.answe-widget-preview{padding:12px 12px 20px;border-radius:12px}.answe-preview-mode{padding:5px 10px;font-size:12px}}