@layer components{.obs-comparison{--obs-comparison-accent: #93c5fd;max-width:72rem;margin:0 auto 6rem;padding:0 1.5rem;scroll-margin-top:7rem;color:var(--color-text-primary)}:root[data-theme=light] .obs-comparison{--obs-comparison-accent: #1d4ed8}.obs-comparison__intro{max-width:44rem;margin:0 auto 2.5rem;text-align:center}.obs-comparison__eyebrow{margin-bottom:1rem;color:var(--obs-comparison-accent);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.obs-comparison h2{margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.obs-comparison__intro>p:last-child,.obs-comparison__summary,.obs-comparison td,.obs-comparison__footer>p{color:var(--color-text-muted);line-height:1.7}.obs-comparison__panel{overflow:hidden;border:1px solid var(--color-border-soft);border-radius:1.5rem;background:var(--color-surface)}.obs-comparison table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:.875rem}.obs-comparison th,.obs-comparison td{padding:1.25rem 1.5rem;vertical-align:top;overflow-wrap:anywhere}.obs-comparison th:first-child{width:20%}.obs-comparison thead th{padding-top:1.75rem;padding-bottom:1.75rem;vertical-align:middle}.obs-comparison tr>:nth-child(2){background:color-mix(in srgb,var(--obs-comparison-accent) 7%,transparent)}.obs-comparison tbody tr{border-top:1px solid var(--color-border-soft)}.obs-comparison tbody th{font-weight:600;line-height:1.7}.obs-comparison__product{display:block;margin-bottom:.5rem;font-size:1.5rem;font-weight:800;letter-spacing:-.025em}.obs-comparison thead th:nth-child(2) .obs-comparison__product{color:var(--obs-comparison-accent)}.obs-comparison__summary{display:block;font-weight:400}.obs-comparison__mobile-product{display:none}.obs-comparison__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;border-top:1px solid var(--color-border-soft);font-size:.875rem}.obs-comparison__footer>p{flex:1 1 16rem}.obs-comparison__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.obs-comparison__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:700;text-decoration:none;transition:background-color .15s ease}.obs-comparison__cta--primary{background:#2563eb;color:#fff}.obs-comparison__cta--primary:hover{background:#1d4ed8}.obs-comparison__cta--secondary{color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.obs-comparison__cta--secondary:hover{background:var(--color-surface-contrast)}.obs-comparison__cta:focus-visible{outline:2px solid var(--obs-comparison-accent);outline-offset:4px}@media(max-width:639px){.obs-comparison{padding:0 1rem}.obs-comparison table,.obs-comparison tbody{display:block}.obs-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.obs-comparison tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.obs-comparison tbody tr:first-child{border-top:0}.obs-comparison tbody th:first-child{grid-column:1 / -1;width:auto;padding:1rem 1rem .75rem}.obs-comparison td{padding:1rem}.obs-comparison__mobile-product{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:800}.obs-comparison td:nth-child(2) .obs-comparison__mobile-product{color:var(--obs-comparison-accent)}.obs-comparison__footer{padding:1.25rem 1rem}.obs-comparison__actions,.obs-comparison__cta{width:100%}}}@layer components{.obs-pricing-section{border-color:#ffffff14}:root[data-theme=light] .obs-pricing-section{border-color:#e5e7eb}.obs-pricing-eyebrow{color:#60a5fa}:root[data-theme=light] .obs-pricing-eyebrow{color:#0284c7}.obs-pricing-heading{color:#f8fafc}:root[data-theme=light] .obs-pricing-heading{color:#0f172a}.obs-pricing-description{color:#94a3b8}:root[data-theme=light] .obs-pricing-description{color:#475569}.obs-pricing-note{color:#94a3b8}:root[data-theme=light] .obs-pricing-note{color:#6b7280}.obs-pricing-note__link{color:#60a5fa}:root[data-theme=light] .obs-pricing-note__link{color:#0284c7}.obs-pricing-card{background-color:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #02061759;transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.obs-pricing-card:hover{border-color:#60a5fa66;box-shadow:0 35px 70px #0f172a66}:root[data-theme=light] .obs-pricing-card{background-color:#fff;border-color:#e5e7eb;box-shadow:0 25px 60px #0f172a14}:root[data-theme=light] .obs-pricing-card:hover{border-color:#cbd5f5;box-shadow:0 35px 70px #0f172a1f}.obs-pricing-card--highlight{background-image:linear-gradient(180deg,#3b82f640,#9333ea2e);border-color:#60a5fa80;box-shadow:0 35px 80px #3b82f659}:root[data-theme=light] .obs-pricing-card--highlight{background-image:linear-gradient(180deg,#0ea5e91f,#fff);border-color:#0ea5e959;box-shadow:0 40px 85px #0ea5e940}.obs-pricing-card__badge{background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f8fafce6}:root[data-theme=light] .obs-pricing-card__badge{background-color:#0f172a0a;border-color:#e5e7eb;color:#1f2937}.obs-pricing-card__heading{color:#f8fafc}:root[data-theme=light] .obs-pricing-card__heading{color:#0f172a}.obs-pricing-card__price{color:#f8fafc}:root[data-theme=light] .obs-pricing-card__price{color:#111827}.obs-pricing-card__period{color:#94a3b8}:root[data-theme=light] .obs-pricing-card__period{color:#6b7280}.obs-pricing-card__description{color:#94a3b8}:root[data-theme=light] .obs-pricing-card__description{color:#4b5563}.obs-pricing-feature__icon{background-color:#60a5fa26;border:1px solid rgba(96,165,250,.3);color:#60a5fa}:root[data-theme=light] .obs-pricing-feature__icon{background-color:#0ea5e91f;border-color:#0ea5e940;color:#0284c7}.obs-pricing-feature__text{color:#e2e8f0}:root[data-theme=light] .obs-pricing-feature__text{color:#374151}.obs-pricing-card__cta{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.obs-pricing-card__cta--primary{background-color:#fff;color:#0f172a;box-shadow:0 20px 45px #3b82f64d}.obs-pricing-card__cta--primary:hover{background-color:#f1f5f9}:root[data-theme=light] .obs-pricing-card__cta--primary{background-color:#0f172a;color:#fff;box-shadow:0 25px 45px #0f172a40}:root[data-theme=light] .obs-pricing-card__cta--primary:hover{background-color:#111827}.obs-pricing-card__cta--secondary{background-color:#ffffff14;color:#f8fafc;border:1px solid rgba(255,255,255,.12)}.obs-pricing-card__cta--secondary:hover{background-color:#ffffff26;border-color:#ffffff40}:root[data-theme=light] .obs-pricing-card__cta--secondary{background-color:#0f172a0d;border-color:#e5e7eb;color:#0f172a;box-shadow:0 6px 18px #0f172a14}:root[data-theme=light] .obs-pricing-card__cta--secondary:hover{background-color:#0f172a14;border-color:#cbd5f5}.obs-preview-shell{background-image:linear-gradient(180deg,#f8fafc14,#0f172a00);border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 90px #02061773}:root[data-theme=light] .obs-preview-shell{background-image:linear-gradient(180deg,#7dd3fc99,#fffffff2,#fff);border-color:#e2e8f0b3;box-shadow:0 45px 140px #0f172a2e}.obs-preview-inner{background-color:#020617cc;border:1px solid rgba(255,255,255,.05);color:#e2e8f0;box-shadow:0 25px 70px #02061799}:root[data-theme=light] .obs-preview-inner{background-color:#fffffff2;border-color:#e2e8f0;color:#0f172a;box-shadow:0 35px 100px #0f172a1f}.obs-preview-control-panel{background-color:#0006;border:1px solid rgba(255,255,255,.05);color:#94a3b8}:root[data-theme=light] .obs-preview-control-panel{background-color:#fff;border-color:#e2e8f0;color:#334155;box-shadow:0 25px 70px #0f172a14}.obs-preview-control-icon{color:#3b82f6}:root[data-theme=light] .obs-preview-control-icon{color:var(--color-cici-primary, #0ea5e9)}.obs-preview-control-heading{color:#94a3b8}:root[data-theme=light] .obs-preview-control-heading{color:#64748b}.obs-preview-control-dot{background-color:#3b82f6}:root[data-theme=light] .obs-preview-control-dot{background-color:var(--color-cici-primary, #0ea5e9)}.obs-preview-control-cta{background-color:#2563eb;color:#f8fafc;box-shadow:0 20px 40px #2563eb4d;transition:background-color .2s ease,box-shadow .2s ease}.obs-preview-control-cta:hover{background-color:#1d4ed8;box-shadow:0 25px 45px #2563eb59}:root[data-theme=light] .obs-preview-control-cta{background-color:var(--color-cici-primary, #0ea5e9);box-shadow:0 20px 40px #0ea5e94d}:root[data-theme=light] .obs-preview-control-cta:hover{background-color:#0ea5e9e6}.obs-slider__label{color:#94a3b8}:root[data-theme=light] .obs-slider__label{color:#64748b}.obs-slider__value{color:#60a5fa}:root[data-theme=light] .obs-slider__value{color:#0284c7}.obs-slider__track{background-color:#1f2937;border:1px solid rgba(255,255,255,.08)}:root[data-theme=light] .obs-slider__track{background-color:#e2e8f0;border-color:#cbd5f5}.obs-slider__fill{background-image:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 0 12px #3b82f673}:root[data-theme=light] .obs-slider__fill{background-image:linear-gradient(90deg,#0ea5e9,#38bdf8);box-shadow:0 0 12px #0ea5e959}.obs-status-badge{background-color:#ffffff08;border:1px solid rgba(255,255,255,.05)}:root[data-theme=light] .obs-status-badge{background-color:#fff;border-color:#e2e8f0;box-shadow:0 8px 20px #0f172a14}.obs-status-badge__label{color:#94a3b8}:root[data-theme=light] .obs-status-badge__label{color:#94a3b8}.obs-status-badge__value{color:#60a5fa}:root[data-theme=light] .obs-status-badge__value{color:var(--color-cici-primary, #0ea5e9)}.obs-preview-window{background-color:#020617;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080;transition:border-color .22s ease,box-shadow .22s ease}:root[data-theme=light] .obs-preview-window{background-image:linear-gradient(135deg,#e2e8f0,#fff);border-color:#e2e8f0;box-shadow:0 35px 90px #0f172a1f}.obs-preview-shell.group:hover .obs-preview-window{border-color:#3b82f673}:root[data-theme=light] .obs-preview-shell.group:hover .obs-preview-window{border-color:#0ea5e973}.obs-preview-icon{color:#0f172a}:root[data-theme=light] .obs-preview-icon{color:#cbd5f5}.obs-preview-hud-muted{color:#f8fafc99}:root[data-theme=light] .obs-preview-hud-muted{color:#64748b}.obs-preview-divider{background-image:linear-gradient(90deg,#fff0,#3b82f64d,#fff0)}:root[data-theme=light] .obs-preview-divider{background-image:linear-gradient(90deg,#3b82f600,#0ea5e966,#3b82f600)}.obs-preview-hud-chip{background-color:#0009;border:1px solid rgba(255,255,255,.05);color:#f8fafce6}:root[data-theme=light] .obs-preview-hud-chip{background-color:#ffffffd9;border-color:#e2e8f0;color:#0f172a}.obs-preview-progress-track{background-color:#ffffff1f}:root[data-theme=light] .obs-preview-progress-track{background-color:#e2e8f0}.obs-preview-progress-fill{background-color:#3b82f6}:root[data-theme=light] .obs-preview-progress-fill{background-color:#0ea5e9}.obs-preview-overlay{background-image:linear-gradient(45deg,#3b82f60d,#9333ea0d)}:root[data-theme=light] .obs-preview-overlay{background-image:linear-gradient(45deg,#7dd3fc40,#c4b5fd33)}}
