.marketing-page{gap:72px;max-width:1200px;margin:auto;padding:64px 24px;display:grid}.marketing-hero{grid-template-columns:1.6fr 1fr;align-items:center;gap:48px;display:grid}.marketing-kicker{color:#166b74;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:.78rem;font-weight:750}.marketing-hero h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:650;line-height:1.06}.marketing-intro{color:#53677b;max-width:65ch;margin:24px 0;font-size:1.15rem;line-height:1.75}.marketing-brief{color:#f4f8fc;background:#102b44;border-radius:24px;padding:32px;box-shadow:0 20px 50px #14283d14}.marketing-brief small{color:#88e4d5;text-transform:uppercase;letter-spacing:.12em}.marketing-brief blockquote{margin:20px 0;font-size:1.35rem;line-height:1.5}.marketing-brief p{color:#c6d8e5;border-top:1px solid #ffffff30;padding-top:18px;font-size:.9rem;line-height:1.6}.product-demo{background:#fff;border:1px solid #d9e4ec;border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #16334f12}.product-demo-bar{color:#d8eee9;letter-spacing:.07em;background:#102b44;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 22px;font-size:.72rem;display:flex}.product-demo-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.current-product-demo-phases{background:#f6f8f1;border-bottom:1px solid #dbe5d5;flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.current-product-demo-phases .alive-action{min-width:0;max-width:100%}.current-product-demo-phases [data-slot=button]{color:#315c4d;white-space:normal;border-color:#dbe5d5;max-width:100%;height:auto;min-height:44px;padding:9px 12px;font-size:12px;line-height:1.5}.current-product-demo-phases [aria-pressed=true]{color:#fffefa;background:#102b44}.current-product-demo-phases [data-slot=button]:focus-visible{outline-offset:3px;outline:2px solid #588a73}.current-product-recording{min-width:0;margin-top:24px}.product-demo-originals{flex-wrap:wrap;gap:4px 16px;display:flex}.product-demo-originals a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.current-product-recording>summary,.product-demo-source>summary{min-height:44px;color:var(--primary);cursor:pointer;padding-block:12px;font-size:14px}.current-product-recording>summary:focus-visible,.product-demo-source>summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.current-product-recording>.product-demo{margin-top:12px}.product-demo-media{aspect-ratio:var(--demo-desktop-aspect,8 / 5);background:#edf3f8;position:relative;overflow:hidden}.product-demo[data-recording-shape=portrait]{max-inline-size:420px;margin-inline:auto}.product-demo[data-recording-shape=portrait] .product-demo-media{aspect-ratio:var(--demo-desktop-aspect,42 / 86)}.product-demo video{object-fit:contain;width:100%;height:100%;display:block}.product-demo-control{color:#fff;background:#102b44e8;border:1px solid #ffffff80;border-radius:999px;flex-shrink:0;min-width:72px;min-height:44px;font-weight:650;box-shadow:0 8px 24px #102b4440}.product-demo-control:hover{background:#174261}.product-demo-control:focus-visible{outline-offset:3px;outline:3px solid #23a69a}.product-demo figcaption{color:#53677b;border-top:1px solid #e3eaf0;padding:13px 20px;font-size:.78rem}.marketing-section-title{letter-spacing:-.03em;text-wrap:balance;margin-bottom:24px;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:600}.marketing-decision{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.marketing-decision div{border-left:3px solid #14766f;padding:4px 0 4px 20px}.marketing-decision dt{color:#14766f;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.marketing-decision dd{color:#53677b;margin-top:8px;line-height:1.7}.marketing-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.marketing-card{background:#fff;border:1px solid #dfe7ee;border-radius:18px;padding:28px}.marketing-card h2,.marketing-card h3{margin:12px 0;font-size:1.2rem;font-weight:650}.marketing-card p{color:#53677b;line-height:1.75}.marketing-card-number{color:#14766f;font-size:.8rem;font-weight:650}.marketing-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.marketing-links a{background:#fff;border:1px solid #dfe7ee;border-radius:16px;padding:22px;display:block}.marketing-links a:hover{background:#f0faf7;border-color:#14766f}.marketing-links strong{margin-bottom:9px;display:block}.marketing-links span{color:#53677b;font-size:.9rem;line-height:1.6}.marketing-cta{color:#fff;background:#102b44;border-radius:24px;padding:36px}.marketing-cta p{color:#c6d8e5;max-width:65ch;margin:16px 0 24px;line-height:1.7}@media (width<=800px){.marketing-hero{grid-template-columns:1fr;gap:28px}.marketing-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.marketing-page{gap:42px;padding:32px 16px}.marketing-cards,.marketing-decision,.marketing-links{grid-template-columns:1fr}.marketing-brief,.marketing-cta{padding:24px}.product-demo{border-radius:12px}.product-demo-media{aspect-ratio:var(--demo-mobile-aspect,42 / 86)}}.opal-public .marketing-page{color:var(--foreground);gap:clamp(2.6rem,5vw,4.5rem);min-width:0;padding-block:clamp(2.5rem,5vw,4.5rem)}.opal-public .marketing-page>*,.opal-public .marketing-hero>*,.opal-public .marketing-cards>*,.opal-public .marketing-page [data-slot=card-header],.opal-public .marketing-page [data-slot=card-content]{min-width:0}.opal-public .marketing-page :is(h1,h2,p,dt,dd,blockquote){overflow-wrap:anywhere}.opal-public .marketing-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.6rem,4vw,3rem)}.opal-public .marketing-page .marketing-kicker{color:var(--primary)}.opal-public .marketing-intro,.opal-public .marketing-decision dd,.opal-public .marketing-card p{color:var(--muted-foreground)}.opal-public .marketing-hero-actions,.opal-public .marketing-cta-actions{gap:.85rem}.opal-public .marketing-page [data-slot=card]{border:1px solid var(--border);box-shadow:0 5px 20px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:1.5rem;min-width:0}.opal-public .marketing-page .marketing-brief,.opal-public .marketing-page .marketing-cta{--card-spacing:2rem;color:#fffef8;background:#102b44;border-color:#23415a;gap:0;padding:2rem 0}.opal-public .marketing-page .marketing-brief small{color:#9ce2d5}.opal-public .marketing-page .marketing-brief p,.opal-public .marketing-page .marketing-cta p{color:#d1e1e7}.opal-public .marketing-page .marketing-cta .marketing-section-title{color:inherit}.opal-public .marketing-page .marketing-card{--card-spacing:1.65rem;background:var(--card);gap:.6rem;height:100%;padding:1.65rem 0}.opal-public .marketing-card h2{letter-spacing:-.025em;margin-block:.4rem 0;font-size:1.2rem;line-height:1.5}.opal-public .marketing-decision>div{border:1px solid var(--border);border-left:3px solid var(--primary);background:var(--card);border-radius:1rem;padding:1.15rem 1.2rem}.opal-public .marketing-decision dt{color:var(--primary);line-height:1.5}.opal-public .marketing-page .marketing-links a{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:1rem;transition:background-color .18s,border-color .18s}.opal-public .marketing-page .marketing-links a:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:color-mix(in srgb, var(--primary) 5%, var(--card))}.opal-public .marketing-links span{color:var(--muted-foreground)}.opal-public .marketing-page .alive-action{min-width:0;max-width:100%}.opal-public .marketing-page [data-slot=button]{white-space:normal;max-width:100%;height:auto;min-height:2.75rem;padding:.8rem 1.2rem;line-height:1.5}.opal-public .marketing-page a:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:4px}[data-expressive-intensity=off] .marketing-page .marketing-links a{transition:none}@media (width<=900px){.opal-public .marketing-hero{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.opal-public .marketing-page{padding-inline:1rem}.opal-public .marketing-page .marketing-brief,.opal-public .marketing-page .marketing-cta{--card-spacing:1.3rem;border-radius:1.15rem;padding-block:1.5rem}.opal-public .marketing-page .marketing-card{--card-spacing:1.3rem}}@media (prefers-reduced-motion:reduce){.opal-public .marketing-page .marketing-links a{transition:none}}.product-demo-diagnostic{border-top:1px solid var(--border);color:var(--foreground);background:var(--card);padding:20px;font-size:.9rem}.product-demo-diagnostic-actions{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.product-demo-diagnostic-actions button{border:1px solid var(--border);min-height:44px;color:inherit;background:var(--background);border-radius:6px;padding:8px 12px}.product-demo-diagnostic-actions button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.product-demo-diagnostic pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;line-height:1.5}