/* FokusPro — index.html | 1 block(s) | auto-tokenized */
/* PREVENT SVG BLOW-UP IF TAILWIND CDN FAILS */
svg.w-4 { width: 16px; height: 16px; }
svg.w-5 { width: 20px; height: 20px; }
svg.w-6 { width: 24px; height: 24px; }
.hero{position:relative;isolation:isolate}
.glass-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero-role-panel{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.34);border-radius:24px;padding:24px;box-shadow:0 18px 46px rgba(2,6,23,.18);display:grid;gap:16px;max-width:520px;margin-inline:auto;color:var(--color-text, #0f172a)}
.hero-role-panel__eyebrow{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary, #2563eb)}
.hero-role-panel__title{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:0;font-weight:900;color:var(--color-text, #0f172a)}
.hero-role-panel__copy{margin:0;color:#5b6475;line-height:1.6;font-size:14px}
.hero-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hero-role-card{position:relative;display:grid;gap:7px;min-height:118px;padding:16px;border-radius:16px;border:1px solid #dfe7f2;background:var(--color-surface, #fff);text-decoration:none;color:var(--c-neutral-700, #334155);box-shadow:0 6px 18px rgba(15,23,42,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.hero-role-card:hover{transform:translateY(-1px);border-color:var(--c-blue-200, #bfdbfe);box-shadow:0 12px 26px rgba(15,23,42,.09)}
.hero-role-card:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(59,130,246,.22),0 18px 36px rgba(15,23,42,.10)}
.hero-role-card strong{font-size:16px;line-height:1.2;color:var(--color-text, #0f172a)}
.hero-role-card span{font-size:13px;line-height:1.45;color:var(--color-text-muted, #64748b)}
.hero-role-card em{margin-top:auto;font-style:normal;font-size:12px;font-weight:900;color:var(--c-blue-700, #1d4ed8)}
.hero-role-card.is-primary{background:var(--color-text, #0f172a);border-color:var(--color-text, #0f172a);color:var(--color-surface, #fff);box-shadow:0 12px 28px rgba(15,23,42,.22)}
.hero-role-card.is-primary strong,.hero-role-card.is-primary span,.hero-role-card.is-primary em{color:var(--color-surface, #fff)}
.hero-role-note{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding-top:2px;font-size:13px;color:var(--color-text-muted, #64748b)}
.hero-role-note a{font-weight:900;color:var(--c-blue-700, #1d4ed8);text-decoration:none}
.hero-role-note a:hover{text-decoration:underline;text-underline-offset:4px}
.hero-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:2px}
.hero-trust-row span{border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:10px 11px;background:var(--color-bg, #f8fafc);color:var(--c-neutral-600, #475569);font-size:12px;font-weight:800;line-height:1.35}
.hero-main-copy{max-width:560px}
.hero-primary-cta{box-shadow:0 12px 28px rgba(255,255,255,.08);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.hero-primary-cta:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(255,255,255,.10)}
.hero-secondary-cta{transition:background .16s ease,border-color .16s ease}
.landing-section-card{border-radius:20px;border-color:#e5eaf2;box-shadow:0 8px 22px rgba(15,23,42,.055)}
#publicPricingMount{display:none}
#publicPricingMount.is-visible{display:grid}
#publicPricingMount{gap:24px}
#publicPricingMount .pricing-head{display:grid;gap:12px;text-align:left}
#publicPricingMount .pricing-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary, #2563eb)}
#publicPricingMount .pricing-head-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.36fr);gap:20px;align-items:start}
#publicPricingMount h3{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.12;color:var(--color-text, #0f172a);font-weight:800}
#publicPricingMount .pricing-sub,#publicPricingMount .pricing-side-note{color:var(--color-text-muted, #64748b);line-height:1.65}
#publicPricingMount .pricing-side-note{border:1px solid #dbeafe;background:var(--color-primary-soft, #eff6ff);border-radius:16px;padding:16px;font-size:14px}
#publicPricingMount .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#publicPricingMount .pricing-plan,#publicPricingMount .quote-request-box{border:1px solid var(--color-border, #e2e8f0);background:var(--color-surface, #fff);border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(15,23,42,.06);display:grid;gap:16px}
#publicPricingMount .pricing-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
#publicPricingMount .pricing-plan-title{font-size:18px;font-weight:800;color:var(--color-text, #0f172a)}
#publicPricingMount .pricing-summary,#publicPricingMount .pricing-cycle,#publicPricingMount .helper,#publicPricingMount .quote-request-copy{font-size:13px;color:var(--color-text-muted, #64748b);line-height:1.55}
#publicPricingMount .pricing-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#publicPricingMount .pricing-meta-chip,#publicPricingMount .pricing-badge{border-radius:999px;background:var(--color-primary-soft, #eff6ff);color:var(--c-blue-700, #1d4ed8);padding:6px 9px;font-size:11px;font-weight:800}
#publicPricingMount .pricing-compare{color:var(--color-text-faint, #94a3b8);text-decoration:line-through;font-weight:700}
#publicPricingMount .pricing-main-price,#publicPricingMount .pricing-quote{font-size:30px;line-height:1;font-weight:900;color:var(--color-text, #0f172a)}
#publicPricingMount .pricing-features{display:grid;gap:10px;margin:0;padding:0;list-style:none}
#publicPricingMount .pricing-feature{color:var(--c-neutral-600, #475569);font-size:14px;line-height:1.45}
#publicPricingMount .pricing-feature::before{content:"✓";color:var(--color-success, #16a34a);font-weight:900;margin-right:8px}
#publicPricingMount .pricing-cta-row,.quote-request-actions{display:flex;gap:10px;flex-wrap:wrap}
#publicPricingMount .pricing-btn,#publicPricingMount .btn,#publicPricingMount .support-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-text, #0f172a);background:var(--color-text, #0f172a);color:var(--color-surface, #fff);border-radius:999px;padding:11px 14px;font-weight:800;text-decoration:none;cursor:pointer}
#publicPricingMount .pricing-btn.secondary,#publicPricingMount .support-chip{background:var(--color-surface, #fff);color:var(--color-text, #0f172a);border-color:var(--c-neutral-300, #cbd5e1)}
#publicPricingMount .quote-request-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
#publicPricingMount .quote-request-title{font-size:20px;font-weight:900;color:var(--color-text, #0f172a)}
#publicPricingMount .quote-request-plan{border-radius:999px;background:var(--color-surface-soft, #f1f5f9);color:var(--c-neutral-700, #334155);padding:8px 10px;font-size:12px;font-weight:800;white-space:nowrap}
#publicPricingMount .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#publicPricingMount .field{display:grid;gap:7px;text-align:left}
#publicPricingMount .field.full{grid-column:1/-1}
#publicPricingMount label{font-size:12px;font-weight:800;color:var(--c-neutral-700, #334155)}
#publicPricingMount .input,#publicPricingMount .select{width:100%;border:1px solid var(--c-neutral-300, #cbd5e1);border-radius:12px;padding:11px 12px;font:inherit;color:var(--color-text, #0f172a);background:var(--color-surface, #fff)}
#publicPricingMount textarea.input{min-height:92px;resize:vertical}
#publicPricingMount .field-error{display:none;color:#b91c1c;font-size:12px;font-weight:700}
#publicPricingMount .field-error.is-visible{display:block}
#publicPricingMount .state{display:none}
#publicPricingMount .state.is-visible{display:block;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}
#publicPricingMount .state.error{background:var(--color-danger-bg, #fef2f2);color:#991b1b}
#publicPricingMount .state.success{background:#ecfdf5;color:#047857}
@media (max-width:900px){#publicPricingMount .pricing-head-row,#publicPricingMount .pricing-grid,#publicPricingMount .form-grid,.hero-role-grid,.hero-trust-row{grid-template-columns:1fr}.hero-role-card{min-height:auto}.hero-role-panel{padding:20px;border-radius:22px}}
@media (max-width:640px){.hero-primary-cta,.hero-secondary-cta{width:100%;min-height:46px}.hero-role-note{display:grid}.hero-role-note a{width:max-content}.hero-role-panel__title{font-size:24px}}
@media (prefers-reduced-motion:reduce){.hero-role-card{transition:none}.hero-role-card:hover{transform:none}}