.product-story{--story-ink: #2a2540;--story-muted: #605b6c;--story-line: #e5e4e8;--story-purple: #6b5fa7;--story-gold: #ffc857;--story-olive: #7a8e44;color:var(--story-ink);background:#fff}.product-story *{box-sizing:border-box}.product-story .story-shell{width:min(1440px,calc(100% - 64px));margin:auto;border-inline:1px solid var(--story-line)}.product-story h1,.product-story h2,.product-story h3,.product-story p{margin:0}.product-story h1,.product-story h2,.product-story h3{font-family:var(--font-display);letter-spacing:-.05em;line-height:1.07}.product-story h1{font-size:clamp(42px,5.4vw,72px);font-weight:600;line-height:1.03;letter-spacing:-.055em}.product-story h2{font-size:clamp(34px,4.2vw,56px);font-weight:600}.product-story h3{font-size:clamp(20px,2vw,25px);font-weight:600}.product-story p{color:var(--story-muted);line-height:1.7}.product-story a:focus-visible{outline:2px solid var(--story-purple);outline-offset:4px}.product-story .story-hero{padding:88px 56px 0;text-align:center}.product-story .story-hero h1{max-width:900px;margin:auto}.product-story .story-hero>p{max-width:650px;margin:22px auto 26px;font-size:17px}.product-story .story-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.product-story .story-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid #171717;border-radius:8px;background:#171717;color:#fff;font-size:13px;font-weight:600;text-decoration:none}.product-story .story-button.secondary{background:#fff;color:#171717;border-color:#dddbe1}.product-story .story-button:hover{opacity:.84}.product-story .story-stage{margin:54px auto 0;padding:28px 42px 0;max-width:1060px;background:radial-gradient(ellipse at 50% 80%,#2a254050,transparent 72%)}.product-story .story-window{overflow:hidden;text-align:left;border:1px solid #39393d;border-radius:13px 13px 0 0;background:#19191b;color:#f5f5f5;box-shadow:0 25px 75px #2a25402b}.product-story .story-window-top{min-height:45px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid #ffffff20;color:#c8c8cd;font-size:11px}.product-story .story-window-top i{display:block;width:7px;height:7px;border-radius:50%;background:#747478}.product-story .story-window-top b{margin-left:12px;color:#fff;font-size:12px}.product-story .story-window-top small{margin-left:auto;color:#c3c3c7}.product-story .story-window-body{padding:24px}.product-story .story-preview-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px}.product-story .story-panel{min-width:0;padding:18px;border:1px solid #ffffff20;border-radius:9px;background:#242426}.product-story .story-panel.light{background:#fff;border-color:#e2e1e5;color:var(--story-ink)}.product-story .story-panel h3,.product-story .story-panel h4{color:inherit;margin:0;font-size:14px;font-family:var(--font-display);letter-spacing:-.02em}.product-story .story-panel p{margin:10px 0 0;color:#d2d2d5;font-size:12px;line-height:1.6}.product-story .story-panel.light p{color:var(--story-muted)}.product-story .story-mini-label{display:block;color:#c8c8d0;font-size:10px;letter-spacing:.04em;margin-bottom:10px}.product-story .story-panel.light .story-mini-label{color:var(--story-muted)}.product-story .story-row{padding:11px 0;border-top:1px solid #ffffff1e;font-size:12px;line-height:1.45}.product-story .story-row:first-of-type{border-top:0}.product-story .story-row b{display:block;color:#fff;font-weight:600}.product-story .story-row small{display:block;margin-top:4px;color:#c6c6cd;font-size:11px}.product-story .story-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:5px;background:#eae8f2;color:#514771;font-size:10px;font-weight:650}.product-story .story-pill.gold{background:#f5f5f5;color:#674e00}.product-story .story-pill.green{background:#e5edd9;color:#3f5523}.product-story .story-section{padding:100px 56px;border-top:1px solid var(--story-line)}.product-story .story-section.soft{background:#fafafa}.product-story .story-section.dark{background:#171717;color:#fff}.product-story .story-section.dark p{color:#d4d4d7}.product-story .story-section-head{max-width:750px}.product-story .story-section-head>p{margin-top:18px;max-width:610px;font-size:16px}.product-story .story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}.product-story .story-feature{min-width:0;padding:25px;border:1px solid var(--story-line);border-radius:11px;background:#fff}.product-story .story-feature p{margin-top:12px;font-size:14px}.product-story .story-feature a,.product-story .story-link{display:inline-block;margin-top:17px;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:600}.product-story .story-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-story .story-split>div>p{margin-top:18px;font-size:16px}.product-story .story-list{padding:0;margin:24px 0 0;list-style:none}.product-story .story-list li{padding:11px 0;border-bottom:1px solid var(--story-line);color:inherit;font-size:14px}.product-story .story-list li:before{content:"↗";margin-right:12px;color:var(--story-purple)}.product-story .story-caption{margin:14px 0 0;color:var(--story-muted);font-size:11px;text-align:center}.product-story .story-logos{padding:8px 56px;border-top:1px solid var(--story-line)}@media(max-width:800px){.product-story .story-logos{padding:8px 20px}}.product-story .story-cta{text-align:center}.product-story .story-cta h2{max-width:760px;margin:auto}.product-story .story-cta p{margin:18px auto 26px;max-width:600px}.product-story .story-cta h2+.story-button,.product-story .story-cta h2+.story-actions{margin-top:28px}@media(max-width:800px){.product-story .story-shell{width:100%;border:0}.product-story .story-hero{padding:64px 20px 0}.product-story .story-stage{padding:18px 12px 0;margin-top:42px}.product-story .story-window-body{padding:14px}.product-story .story-section{padding:72px 20px}.product-story .story-split{grid-template-columns:1fr;gap:30px}.product-story .story-grid{grid-template-columns:1fr}}@media(max-width:480px){.product-story h1{font-size:42px}.product-story .story-hero{padding-top:52px}.product-story .story-stage{margin-top:32px}.product-story .story-preview-grid{grid-template-columns:1fr}.product-story .story-hero>p{font-size:16px}}
