:root{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#20221f;background:#f7f6f2;font-synthesis:none;--site-bg:#f7f6f2;--site-text:#20221f;--site-muted:#555d57;--site-soft:#4c554e;--site-surface:#fff;--site-raised:#eeede8;--site-line:#d5d8d0;--pulse-muted:#5c645e;--pulse-bright:#20221f;--muted:var(--site-muted);--orange:#ff5b00;--button-orange:#e84d00;--button-orange-hover:#d64200;--button-text:#fff;--line:var(--site-line)}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a,button,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
p{color:var(--muted);font-size:1rem;line-height:1.75}
h1,h2,h3,p{margin-top:0}
h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.08}
h1{font-size:clamp(3.1rem,6.4vw,6rem);margin-bottom:28px}
h2{font-size:clamp(2.3rem,4vw,3.8rem)}
h3{font-size:1.25rem;font-weight:500;letter-spacing:-.025em}
em{font-style:normal;color:inherit}
.hero h1 em{color:#eeeeE7}
main,footer,.nav-wrap{max-width:1320px;margin:auto;padding-left:48px;padding-right:48px}
header{border-bottom:1px solid var(--line)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:30px}
.logo{font-size:1.6rem;letter-spacing:-1px;font-weight:600;display:inline-flex;gap:10px;align-items:center}
.logo img{width:33px;height:33px}
.logo-dot{font-size:10px;align-self:flex-start;margin-top:6px;margin-left:-6px}
nav{display:flex;gap:30px}
nav a,.nav-cta{font-size:.875rem}
nav a{color:#bfc2b7}
nav a:hover,nav a[aria-current],footer a:hover{color:var(--orange)}
.nav-cta{border:1px solid #4a4d42;padding:13px 18px;border-radius:5px;font-weight:600;transition:background-color .18s,border-color .18s,color .18s}
header .nav-cta:hover,header .nav-cta:focus-visible{background:var(--button-orange);border-color:var(--button-orange);color:var(--button-text)}
.nav-cta span{margin-left:15px}
.menu{display:none}
.hero{position:relative;display:flex;align-items:center;min-height:530px;padding:76px 0 55px;overflow:hidden}
.hero-copy{z-index:1}
.eyebrow{font-size:.75rem;letter-spacing:.15em;color:#c6c9bd;display:flex;gap:10px;align-items:center;margin-bottom:24px;line-height:1.6}
.eyebrow>span{width:6px;height:6px;display:inline-block;background:var(--orange);border-radius:50%}
.hero p{font-size:1.1rem;line-height:1.65}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--button-orange);color:var(--button-text);padding:17px 21px;border:1px solid var(--button-orange);font-size:.9rem;font-weight:600;border-radius:5px;transition:background .18s,border-color .18s,transform .18s}
.button:hover{background:var(--button-orange-hover);border-color:var(--button-orange-hover);transform:translateY(-2px)}
.button.secondary{background:transparent;color:#e4e7dc;border-color:#42463a}
.button.secondary:hover{background:#1a1c1d}
.hero-meta{display:flex;gap:16px;align-items:center;font-size:.65rem;letter-spacing:.12em;color:#939888;margin-top:32px}
.hero-meta i{width:3px;height:3px;background:#757b6b;border-radius:50%}
.orange{color:var(--orange)}
.section{padding:112px 0}
.section-heading{position:relative}
.section-heading>p{max-width:290px;position:absolute;right:0;bottom:12px}
.page-intro{padding:90px 0 60px}
.page-intro p{max-width:620px;font-size:1.15rem}
.page-intro h1{font-size:clamp(3rem,6vw,5.5rem)}
.getting-started-page{padding:40px 0 72px;color:var(--site-text)}
.getting-started-page ::selection{background:#ffdcc4;color:#20221f}
.getting-started-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:30px;color:var(--site-muted);font-size:.85rem}
.getting-started-breadcrumb a:hover{color:#b54109}
.getting-started-intro{padding-bottom:40px}
.getting-started-intro h1{max-width:850px;margin-bottom:16px;font-size:3.5rem;font-weight:600;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.getting-started-intro>p{max-width:620px;margin:0;font-size:1.05rem;line-height:1.65}
.getting-started-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:40px}
.getting-started-sidebar{position:sticky;top:100px;max-height:calc(100svh - 120px);overflow:auto;padding:12px 4px}
.getting-started-sidebar h2{margin:0 14px 15px;font-size:.9rem;font-weight:650;line-height:1.4;letter-spacing:0}
.getting-started-page .getting-started-nav{display:grid;gap:5px;width:100%;padding:0}
.getting-started-nav a{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:76px;padding:13px 12px;border-radius:9px;color:#4c554e;transition:background .18s,color .18s}
.getting-started-nav a>svg{width:22px;height:22px}
.getting-started-nav a>svg:last-child{width:16px;height:16px;opacity:0}
.getting-started-nav a strong{display:block;font-size:.88rem;font-weight:600;line-height:1.4}
.getting-started-nav a small{display:block;margin-top:4px;font-size:.76rem;line-height:1.45;color:#646c65}
.getting-started-nav a:hover{background:#eeede8;color:#20221f}
.getting-started-nav a[aria-current]{background:#ffeadc;color:#a93e09}
.getting-started-nav a[aria-current] small{color:#824b2e}
.getting-started-nav a[aria-current]>svg:last-child{opacity:1}
.getting-started-page a:focus-visible,.getting-started-page summary:focus-visible{outline:2px solid #b54109;outline-offset:3px}
.getting-started-help{margin:28px 14px 0;padding-top:24px;border-top:1px solid var(--site-line)}
.getting-started-help>strong{font-size:.9rem;font-weight:600}
.getting-started-help p{margin:8px 0 14px;font-size:.85rem;line-height:1.6}
.getting-started-help a{display:inline-flex;align-items:center;gap:9px;color:#b54109;font-size:.85rem;font-weight:600}
.getting-started-help svg{width:18px;height:18px}
.getting-started-reader{min-width:0}
.getting-started-article{padding:36px 40px;background:#fff;border:1px solid #e1e3dc;border-radius:14px}
.getting-started-article-heading{padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid #e7e8e2}
.getting-started-article-heading h2{margin-bottom:13px;font-size:2.1rem;font-weight:600;line-height:1.16;letter-spacing:-.03em;scroll-margin-top:24px;text-wrap:balance}
.getting-started-article-heading h2:focus-visible{outline:2px solid #b54109;outline-offset:6px}
.getting-started-article-heading>p{margin:0;line-height:1.6}
.getting-started-prose{max-width:none}
.getting-started-video{margin:24px 0 32px}
.getting-started-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:10px;background:#080909}
.getting-started-video figcaption{margin-top:10px;color:var(--site-muted);font-size:.8rem;line-height:1.6}
.getting-started-demo{margin:24px 0 32px}
.getting-started-demo img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#080909}
.getting-started-demo figcaption{margin-top:10px;color:var(--site-muted);font-size:.8rem;line-height:1.6}
.getting-started-prose p{margin:0 0 18px;color:#4c554e;font-size:1rem;line-height:1.75}
.getting-started-prose section{margin-top:34px}
.getting-started-prose h3{margin-bottom:13px;font-size:1.25rem;font-weight:650;line-height:1.4;letter-spacing:-.02em}
.getting-started-prose a{color:#b54109;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.getting-started-prose a:hover{color:#853007;text-decoration-thickness:2px}
.getting-started-prose code{padding:2px 5px;border-radius:4px;background:#f0f1ec;color:#28392d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.getting-started-prose ul,.getting-started-prose ol{margin:0 0 20px;padding-left:24px;color:#4c554e;font-size:1rem;line-height:1.7}
.getting-started-prose li{padding-left:5px;margin-bottom:12px}
.getting-started-steps li::marker{color:#b54109;font-weight:600;font-variant-numeric:tabular-nums}
.getting-started-table-wrap{margin:20px 0 24px}
.getting-started-table-wrap table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.6;text-align:left}
.getting-started-table-wrap caption{text-align:left;padding-bottom:10px;color:#555d57;font-size:.8rem;font-weight:600}
.getting-started-table-wrap th,.getting-started-table-wrap td{padding:13px 14px;border-bottom:1px solid #e1e3dc;vertical-align:top}
.getting-started-table-wrap thead th{background:#f5f5f0;font-size:.8rem;font-weight:600;color:#555d57}
.getting-started-table-wrap tbody th{width:28%;font-weight:600;color:#20221f}
.getting-started-table-wrap td{color:#4c554e}
.getting-started-note{margin:22px 0;padding:18px 20px;border:1px solid #f1d5bd;border-radius:10px;background:#fff6ee}
.getting-started-note>strong{display:block;margin-bottom:7px;color:#773708;font-size:.93rem;font-weight:650;line-height:1.5}
.getting-started-prose .getting-started-note p{margin:0;color:#774a2e;font-size:.93rem;line-height:1.65}
.getting-started-security-warning{border:2px solid #c13b16;background:#fff0e8}
.getting-started-security-warning>strong{color:#9d2d10;font-size:1rem}
.getting-started-prose .getting-started-security-warning p{color:#542b20}
.getting-started-note code{background:#f6e7d8;color:#633e22}
.getting-started-fields{margin:22px 0}
.getting-started-fields>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;padding:14px 0;border-bottom:1px solid #e7e8e2;font-size:.93rem;line-height:1.6}
.getting-started-fields dt{font-weight:500}
.getting-started-fields dd{margin:0;color:#4c554e}
.getting-started-prose .getting-started-plan{padding-top:25px;border-top:1px solid #e7e8e2}
.getting-started-page .getting-started-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;padding:26px 0 0}
.getting-started-pagination a{display:flex;align-items:center;gap:12px;min-height:56px;color:#4c554e;font-size:.9rem;line-height:1.5}
.getting-started-pagination a:hover{color:#b54109}
.getting-started-pagination svg{width:20px;height:20px;flex:none}
.getting-started-pagination small{display:block;margin-bottom:4px;color:#697169;font-size:.75rem}
.getting-started-pagination strong{font-weight:600}
.getting-started-pagination .getting-started-next{grid-column:2;justify-content:flex-end;text-align:right}
@media(max-width:1050px){.getting-started-layout{grid-template-columns:235px minmax(0,1fr);gap:24px}.getting-started-article{padding:30px}.getting-started-intro h1{font-size:3rem}}
@media(max-width:850px){.getting-started-layout{grid-template-columns:minmax(0,1fr);gap:24px}.getting-started-sidebar{position:static;max-height:none;overflow:visible;padding:0}.getting-started-sidebar h2{margin-left:0}.getting-started-page .getting-started-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.getting-started-help{display:none}.getting-started-intro{padding-bottom:30px}}
@media(max-width:540px){.getting-started-page{padding:26px 0 48px}.getting-started-breadcrumb{margin-bottom:22px;font-size:.78rem}.getting-started-intro h1{font-size:2.35rem}.getting-started-intro>p{font-size:1rem}.getting-started-nav a{grid-template-columns:20px minmax(0,1fr);gap:9px;min-height:68px;padding:12px 10px}.getting-started-nav a>svg{width:20px;height:20px}.getting-started-nav a>svg:last-child,.getting-started-nav a small{display:none}.getting-started-nav a strong{font-size:.83rem}.getting-started-article{padding:24px 18px;border-radius:10px}.getting-started-article-heading h2{font-size:1.7rem}.getting-started-table-wrap th,.getting-started-table-wrap td{padding:12px 8px}.getting-started-fields>div{grid-template-columns:minmax(0,1fr);gap:7px}.getting-started-note{padding:16px}.getting-started-pagination a{gap:8px;font-size:.83rem}.getting-started-pagination strong{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.getting-started-nav a{transition:none}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:35px 0 75px}
.editorial-list article{padding:24px 0;border-bottom:1px solid var(--line)}
.editorial-list article:first-child{padding-top:0}
.editorial-list h3{margin:10px 0}
.editorial-list p{margin:0}
.editorial-list .button{margin-top:30px}
.pricing-note{display:flex;gap:15px;background:#171819;border:1px solid #444535;padding:20px;border-radius:6px;margin-bottom:30px;color:var(--orange)}
.pricing-note p{margin:0;font-size:.9rem}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-grid article{border:1px solid var(--line);padding:32px;background:#101112;border-radius:7px;display:flex;flex-direction:column}
.price-grid article.featured{border-color:#be854b;background:linear-gradient(150deg,#26190f,#101112 65%)}
.price-kicker{font-size:.6rem;letter-spacing:.1em;color:#a2aa95;margin-bottom:30px}
.price-grid h2{font-size:2.6rem;margin-bottom:28px}
.price-grid .plan-price{font-size:2.25rem;font-weight:600;line-height:1.15;color:var(--site-text);margin:-12px 0 24px}
.plan-includes{font-size:.9rem;color:var(--site-text);margin:12px 0 4px}
.price-grid h3{font-size:1.1rem}
.price-grid p{font-size:.95rem;flex:1}
.price-grid .price-features{margin:8px 0 0;padding-left:20px;color:var(--site-soft);font-size:.9rem;line-height:1.6}
.price-features li{padding-left:3px;margin-bottom:12px}
.price-features li::marker{color:var(--button-orange)}
.price-confirm{font-size:1.05rem;margin:25px 0}
.price-confirm small{font-size:.8rem;color:var(--site-muted);line-height:1.5;display:block;margin-top:10px}
.price-grid .button{gap:10px}
.compact{padding-top:100px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:10px 0}
.steps article{border-top:1px solid var(--line);padding-top:25px}
.steps article>span{color:var(--orange);font-size:.8rem}
.steps h3{margin-top:28px}
.steps p{font-size:.95rem}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:100px 0}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:1rem;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{color:var(--orange)}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{font-size:.95rem;padding-right:25px}
footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:16px}
.footer-top{display:flex;justify-content:space-between;gap:18px}
.footer-top p{font-size:.8rem;margin:8px 0 0}
.footer-top>div:last-child{display:flex;gap:25px;align-items:flex-start;padding-top:8px;font-size:.8rem}
.footer-bottom{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;font-size:.7rem;color:#8c9480}
.footer-bottom p{font-size:.7rem;line-height:1.6;max-width:570px;margin:0 auto}
.footer-bottom>span{white-space:nowrap}
.skip-link{position:fixed;top:-100px;left:15px;padding:12px;background:var(--orange);color:#111;z-index:100}
.skip-link:focus{top:10px}
.test-offer{position:fixed;right:24px;bottom:24px;z-index:110;width:min(340px,calc(100vw - 32px));font-family:inherit}
.test-offer-card,.test-offer-launcher{transform-origin:bottom right;animation:test-offer-enter 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes test-offer-enter{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.test-offer-card,.test-offer-launcher{animation:none}}
.test-offer-card{position:relative;padding:22px;border:1px solid #ff8645;border-radius:18px;background:linear-gradient(145deg,#202623,#101514 74%);box-shadow:0 20px 60px #0008;color:#f7f6f2}
.test-offer-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#dce2dc;font-size:1.6rem;line-height:1}
.test-offer-close:hover{background:#ffffff19;color:#fff}
.test-offer-kicker{display:block;margin-bottom:14px;color:#ff9b65;font-size:.68rem;font-weight:700;letter-spacing:.16em}
.test-offer .test-offer-card h2{max-width:260px;margin:0 0 12px;color:#fff;font-size:1.55rem;font-weight:600;letter-spacing:-.035em;line-height:1.12}
.test-offer-card h2 span{color:#fff}
.test-offer-card p{margin:0 0 18px;color:#fff;font-size:.88rem;line-height:1.5}
.test-offer-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:11px 14px;border-radius:9px;background:#e84d00;color:#fff;font-size:.86rem;font-weight:700;transition:background .2s ease}
.test-offer-link:hover{background:#d64200}
.test-offer-launcher{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:12px 16px;border:1px solid #ff8645;border-radius:14px;background:#151a18;box-shadow:0 12px 36px #0007;color:#f7f6f2;text-align:left}
.test-offer-launcher strong{color:#ff9b65;font-size:1.2rem}
.test-offer-launcher span{font-size:.86rem;font-weight:600}
.test-offer-launcher span:last-child{margin-left:auto;color:#ff9b65;font-size:1.2rem}
@media(max-width:760px){.test-offer{right:16px;bottom:16px}.test-offer-card{max-height:calc(100svh - 88px);overflow-y:auto}}
@media(min-width:1500px){.hero{min-height:590px}
}
@media(max-width:1050px){main,footer,.nav-wrap{padding-left:30px;padding-right:30px}
nav{gap:20px}
.section-heading>p{position:static;max-width:500px}
.price-grid article{padding:24px}
.footer-top>div:last-child{flex-wrap:wrap;max-width:420px}
}
@media(max-width:760px){main,footer,.nav-wrap{padding-left:22px;padding-right:22px}
.nav-wrap{min-height:60px;flex-wrap:wrap;gap:0}
.logo{font-size:1.35rem}
.logo img{width:29px}
.menu{display:block;border:0;background:none;color:#d3d8c8;font-size:.85rem;padding:12px 0 12px 12px}
.menu span{margin-left:8px}
.nav-cta{display:none}
nav{display:none;order:3;width:100%;padding:20px 0 25px;flex-direction:column;gap:22px}
nav.open{display:flex}
.hero{padding:55px 0 40px;min-height:0}
.hero h1{font-size:clamp(2.8rem,9.2vw,4.5rem)}
.hero p{font-size:1rem}

.eyebrow{font-size:.65rem;margin-bottom:22px}
.hero-meta{font-size:.55rem;gap:10px;flex-wrap:wrap}
.button{padding:15px 17px;font-size:.85rem;gap:22px}
.section{padding:70px 0}
.page-intro{padding:60px 0 30px}
.page-intro h1{font-size:clamp(2.6rem,9vw,4.4rem)}
.page-intro p{font-size:1rem}
.split,.faq{grid-template-columns:1fr;gap:25px}
.split{padding-bottom:50px}
.price-grid{grid-template-columns:1fr}
.price-grid article{padding:28px}
.price-kicker{margin-bottom:22px}
.price-grid h2{margin-bottom:20px}
.price-confirm{margin:18px 0 25px}
.compact{padding-top:65px}
.steps{grid-template-columns:1fr;gap:20px}
.steps h3{margin-top:18px}
.faq{padding:70px 0}
.footer-top{flex-direction:column}
.footer-top>div:last-child{gap:20px;font-size:.8rem}
.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}
.footer-bottom p{margin:0}
.desktop{display:none}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}
}
@media(min-width:761px) and (max-width:900px){nav{gap:13px}
.nav-wrap{gap:15px}
.nav-cta{padding:12px}
.logo{font-size:1.3rem}
}
.hero-copy{max-width:860px}.hero-copy>p{max-width:670px}.hero h1{font-size:clamp(3rem,5.8vw,5.5rem)}
.signal-guide{padding:20px 0 80px}.signal-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:35px;gap:0 50px}.signal-grid article{padding:30px 0;border-bottom:1px solid var(--line)}.signal-label{font-size:.75rem;letter-spacing:.1em;color:var(--orange)}.signal-grid h3{margin:20px 0 12px;font-size:1.5rem}.signal-grid p{margin:0;max-width:520px}.text-link{color:var(--orange);font-size:.9rem}
.user-feedback{padding:42px 0 100px;border-top:1px solid var(--line)}
.user-feedback-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.user-feedback-heading .eyebrow{margin-bottom:18px}
.user-feedback-heading h2{font-size:clamp(2.4rem,4vw,3.8rem);margin:0}
.user-feedback-heading>p{max-width:350px;margin:0 0 4px;font-size:.88rem;line-height:1.6}
.user-feedback-viewport{--feedback-gap:16px;--feedback-card-width:calc(33.333333% - 10.666667px);margin-top:42px;overflow:hidden}
.user-feedback-track{display:flex;gap:var(--feedback-gap);width:100%;transform:translateX(0)}
.user-feedback-track.is-moving{transform:translateX(calc(0px - var(--feedback-card-width) - var(--feedback-gap)));transition:transform .76s cubic-bezier(.16,1,.3,1);will-change:transform}
.user-feedback-track.is-moving .user-feedback-card:first-child{opacity:.45;transition:opacity .76s ease}
.user-feedback-card:nth-child(4){opacity:.6}
.user-feedback-track.is-moving .user-feedback-card:nth-child(4){opacity:1;transition:opacity .76s ease}
.user-feedback-card{position:relative;display:flex;flex:0 0 var(--feedback-card-width);flex-direction:column;min-width:0;min-height:400px;margin:0;padding:30px;border:1px solid var(--site-line,var(--line));border-radius:12px;background:var(--site-surface,#111314);box-shadow:0 20px 55px #0002;overflow:hidden}
.user-feedback-card.is-featured{border-color:var(--orange);background:linear-gradient(145deg,#ff5b001a,var(--site-surface,#111314) 54%)}
.user-feedback-index{position:absolute;top:29px;right:30px;color:var(--site-muted,#a0a49a);font-size:.65rem;letter-spacing:.12em}
.user-feedback-mark{height:52px;color:var(--orange);font-family:Georgia,serif;font-size:5rem;line-height:.95}
.user-feedback-card p{color:var(--site-text,#eeeeE7);font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1.48;letter-spacing:-.02em;margin:24px 0 42px}
.user-feedback-card footer{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:18px;border-top:1px solid var(--site-line,var(--line))}
.user-feedback-card footer strong{color:var(--site-text,#eeeeE7);font-size:.78rem;font-weight:600}
.user-feedback-card footer span{color:var(--site-muted,#a0a49a);font-size:.72rem}
.user-feedback-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:28px}
.user-feedback-dots{display:flex;grid-column:2;align-items:center;justify-content:center;gap:13px}
.user-feedback-dots button{width:12px;height:12px;padding:0;border:1px solid var(--site-muted,#818783);border-radius:50%;background:#111314;transition:background .2s,border-color .2s,transform .2s}
.user-feedback-dots button.active{border-color:var(--orange);background:var(--orange);transform:scale(1.15)}
.user-feedback-dots button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.user-feedback-toggle{grid-column:3;justify-self:end;border:0;background:none;color:var(--site-muted,#a0a49a);font:inherit;font-size:.78rem;cursor:pointer}
.user-feedback-toggle:hover,.user-feedback-toggle:focus-visible{color:var(--orange)}
.user-feedback-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:900px){.user-feedback{padding:35px 0 70px}.user-feedback-heading{display:block}.user-feedback-heading>p{max-width:580px;margin-top:20px}.user-feedback-viewport{--feedback-card-width:calc(50% - 8px);margin-top:30px}.user-feedback-card{min-height:360px;padding:25px}.user-feedback-index{top:25px;right:25px}.user-feedback-card p{max-width:650px;margin-bottom:32px}}
@media(max-width:600px){.user-feedback-viewport{--feedback-card-width:100%}.user-feedback-card{min-height:350px}.user-feedback-controls{grid-template-columns:1fr auto;gap:18px}.user-feedback-dots{grid-column:1;justify-content:flex-start}.user-feedback-toggle{grid-column:2}}
@media(prefers-reduced-motion:reduce){.user-feedback-track.is-moving{transform:none;transition:none}.user-feedback-track.is-moving .user-feedback-card:first-child,.user-feedback-track.is-moving .user-feedback-card:nth-child(4){transition:none}}
@media(max-width:760px){.hero h1{font-size:clamp(2.6rem,8.8vw,4rem)}.signal-grid{grid-template-columns:1fr;gap:0}.signal-guide{padding:0 0 55px}.hero-copy>p{max-width:100%}}
.connection-guide {
  --site-surface: #fffdfa;
  --site-raised: #f5eee7;
  --site-text: #232823;
  --site-muted: #596159;
  --site-line: #d9d2ca;
  --connection-surface: var(--site-surface);
  --connection-raised: var(--site-raised);
  --connection-text: var(--site-text);
  --connection-muted: var(--site-muted);
  --connection-line: var(--site-line);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 50px max(48px, calc((100vw - 1224px) / 2)) 100px;
  background: linear-gradient(90deg, #ffd7b7 0%, #ffeadb 25%, #fff9f3 58%, #fff 100%);
  color: #232823;
}
.connection-intro { max-width: 740px; margin-bottom: 46px; }
.connection-intro h2 { margin-bottom: 16px; }
.connection-intro p { max-width: 540px; margin: 0; font-size: 1.08rem; color: var(--connection-text); }
.connection-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 76px); }
.connection-wheel {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid var(--connection-line);
  border-radius: 28px;
  background: radial-gradient(circle at 50% 50%, #ff5b000d, transparent 53%), var(--connection-surface);
  overflow: hidden;
}
.connection-ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.connection-track { fill: none; stroke: var(--connection-line); stroke-width: 2; }
.connection-path { fill: none; stroke: var(--orange); stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }
.connection-path { opacity: .72; transition: opacity .3s; }
.connection-ring .is-active .connection-path { opacity: 1; stroke-width: 5; }
.connection-path-trace { fill: none; stroke: #ffad79; stroke-width: 7; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; opacity: 0; }
.connection-guide.is-in-view .connection-ring .is-active .connection-path-trace { animation: connection-trace 1.2s ease-out both; }
@keyframes connection-trace { 0% { stroke-dashoffset: 100; opacity: .95; } 82% { opacity: .9; } 100% { stroke-dashoffset: 0; opacity: 0; } }
.connection-center {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.connection-center-kicker, .connection-center-caption { font-size: .65rem; font-weight: 700; letter-spacing: .13em; line-height: 1.5; color: var(--connection-muted); }
.connection-center img { width: min(100%, 216px); height: auto; display: block; }
.connection-node {
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 116px;
  text-align: center;
  pointer-events: none;
}
.connection-node-number {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 2px solid var(--connection-line);
  border-radius: 50%;
  background: var(--connection-raised);
  box-shadow: 0 0 0 5px var(--connection-surface);
  color: var(--connection-text);
  font-size: 1rem;
  font-weight: 700;
  transition: color .35s, background .35s, border-color .35s, transform .35s;
}
.connection-node.is-active .connection-node-number { background: var(--button-orange); border-color: var(--button-orange); color: var(--button-text); transform: scale(1.08); }
.connection-node-label { padding: 4px 8px; border-radius: 5px; background: var(--connection-surface); color: var(--connection-text); font-size: .78rem; font-weight: 700; line-height: 1.2; }
.connection-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--connection-line); }
.connection-steps li { margin: 0; border-bottom: 1px solid var(--connection-line); }
.connection-steps button { display: grid; grid-template-columns: 45px 1fr 22px; align-items: center; gap: 18px; width: 100%; min-height: 91px; padding: 15px 16px; border: 0; background: transparent; color: var(--connection-text); text-align: left; transition: background .35s; }
.connection-steps button:hover, .connection-steps button.is-active { background: #ff5b0010; }
.connection-step-number { align-self: start; padding-top: 5px; color: var(--orange); font-size: .8rem; font-weight: 700; letter-spacing: .08em; }
.connection-step-copy { display: flex; flex-direction: column; gap: 5px; }
.connection-step-copy strong { font-size: 1.06rem; line-height: 1.3; font-weight: 650; letter-spacing: -.02em; }
.connection-step-copy > span { color: var(--connection-text); font-size: .84rem; line-height: 1.5; }
.connection-step-arrow { width: 20px; height: 20px; color: var(--connection-muted); transition: color .3s, transform .3s; }
.connection-steps button.is-active .connection-step-arrow { color: var(--orange); transform: translate(2px, -2px); }
.connection-action { display: flex; align-items: center; justify-content: flex-end; gap: 25px; flex-wrap: wrap; margin-top: 28px; }
@media (max-width: 1050px) {
  .connection-guide { padding-inline: 30px; }
}
@media (max-width: 900px) {
  .connection-layout { gap: 22px; }
  .connection-steps button { min-height: 85px; gap: 10px; padding: 10px; }
  .connection-center { gap: 10px; }
  .connection-center img { max-width: 170px; }
  .connection-node { width: 92px; }
  .connection-node-number { width: 48px; height: 48px; }
  .connection-node-label { font-size: .68rem; }
}
@media (min-width: 761px) {
  .connection-guide { padding-block: 20px; }
  .connection-intro { margin-bottom: 12px; }
  .connection-wheel { max-width: max(320px, calc(100svh - 400px)); justify-self: center; }
  .connection-action { margin-top: 12px; }
}
@media (max-width: 760px) {
  .connection-guide { padding: 20px 22px 70px; }
  .connection-intro { margin-bottom: 24px; }
  .connection-layout { grid-template-columns: 1fr; gap: 28px; }
  .connection-wheel { max-width: 520px; margin: 0 auto; border-radius: 18px; }
  .connection-action { justify-content: flex-start; }
}
@media (max-width: 440px) {
  .connection-wheel { border-radius: 12px; }
  .connection-center { gap: 8px; width: 42%; }
  .connection-center img { max-width: 122px; }
  .connection-center-kicker { font-size: .52rem; letter-spacing: .05em; }
  .connection-center-caption { display: none; }
  .connection-node { width: 82px; gap: 4px; }
  .connection-node-number { width: 36px; height: 36px; border-width: 1px; box-shadow: 0 0 0 3px var(--connection-surface); font-size: .72rem; }
  .connection-node-label { padding: 2px 3px; font-size: .65rem; }
  .connection-steps button { min-height: 77px; }
  .connection-step-copy strong { font-size: .97rem; }
  .connection-step-copy > span { font-size: .78rem; }
}
@media (prefers-reduced-motion: reduce) {
  .connection-guide .connection-path-trace { animation: none !important; }
  .connection-guide :is(.connection-node-number,.connection-path,.connection-steps button,.connection-step-arrow) { transition: none; }
}

.logo img{width:220px;height:auto;display:block}.logo{flex-shrink:0}
@media(max-width:1050px){.logo img{width:205px}}
@media(max-width:760px){.logo img{width:190px}}
@media(max-width:370px){.logo img{width:180px}}

.footer-logo{display:inline-block;line-height:0}.footer-logo img{display:block;width:56px;height:56px;border-radius:6px}
footer{background:#0d0e0f;max-width:none;padding-inline:max(48px,calc((100% - 1224px)/2));border-top-color:#27292a}.footer-bottom{border-top-color:#27292a}
@media(max-width:1050px){footer{padding-inline:30px}}
@media(max-width:760px){footer{padding-inline:22px}}

header{position:sticky;top:0;z-index:100;background:#0d0e0f;box-shadow:0 6px 20px #0003}html{scroll-padding-top:88px}.skip-link{z-index:101}
@media(max-width:760px){html{scroll-padding-top:76px}header nav.open{max-height:calc(100dvh - 60px);overflow-y:auto}}

.hero-labels{display:flex;flex-wrap:wrap;gap:14px 24px;margin-bottom:24px;font-size:.875rem;letter-spacing:.1em;line-height:1.6;color:#c6c9bd}.hero-labels>span{display:inline-flex;align-items:center;gap:10px}.hero-labels i{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--orange)}

.hero h1{font-size:clamp(1.35rem,4.4vw,4rem);letter-spacing:-.045em}.hero-copy{max-width:100%}
@media(max-width:760px){.hero h1{font-size:clamp(1.15rem,5.05vw,2.4rem)}}

/* Balanced hero: copy and a replaceable media slot. */
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:54px;min-height:700px;padding:78px 0 100px;overflow:visible;align-items:start}
.hero-copy{min-width:0;max-width:none;container-type:inline-size}
.hero h1{font-size:clamp(1.25rem,7cqi,3.7rem);line-height:1.12;margin-bottom:24px;letter-spacing:-.045em}
.hero-copy>p{font-size:1.1rem;line-height:1.7;max-width:620px;margin-bottom:0}
.hero-copy>p{text-align:justify;text-justify:inter-word}
.hero-labels{font-size:.75rem;gap:8px 16px;margin-bottom:20px;letter-spacing:.055em}
.hero .actions{margin-top:24px}.hero-meta{margin-top:24px;gap:10px;font-size:.6rem;letter-spacing:.08em;flex-wrap:wrap}
.hero-media{aspect-ratio:4/3;width:100%;border:1px dashed #343637;border-radius:12px;background:#0d0e0f;display:grid;place-items:center;min-width:0}
.hero-media-placeholder{text-align:center;color:#767a76}.hero-media-placeholder>span{font-size:2rem}.hero-media-placeholder p{font-size:.875rem;margin:10px 0 0;color:#858a84}
@media(max-width:1050px) and (min-width:761px){.hero{gap:24px}.hero .button{gap:12px;padding:14px;font-size:.8rem}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0}.hero h1{font-size:clamp(1.1rem,5.9cqi,2.4rem)}.hero-media{aspect-ratio:16/10}.hero-labels{font-size:.75rem}}

.hero-media{aspect-ratio:16/9;border:1px solid #27292a;overflow:hidden}.hero-media iframe{display:block;width:100%;height:100%;border:0}

.hero{min-height:760px;padding-top:48px;padding-bottom:176px;align-items:center;align-content:end;row-gap:40px}
.hero-copy{animation:hero-content-in .8s ease-out both}
.hero-media{animation:none}
.hero-video-surface,.hero-video-controls{animation:hero-content-in .8s .14s ease-out both}
@keyframes hero-content-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hero::before,.hero::after{display:none}
.hero-signal-flow{grid-column:1/-1;width:100%;display:flex;align-items:center;z-index:3;pointer-events:none}
.hero-signal-node{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:12px 18px;border:1px solid #3a3e40;border-radius:9px;background:#111314;box-shadow:0 8px 25px #0005;color:#c2c6bf;font-size:.72rem;letter-spacing:.13em;white-space:nowrap;opacity:0;animation:signal-node-in .25s ease-out both}
.hero-signal-node.node-1{animation-delay:0s}.hero-signal-node.node-2{animation-delay:.6s}.hero-signal-node.node-3{animation-delay:1.2s}.hero-signal-node.node-4{animation-delay:1.8s}
.hero-signal-arrow{position:relative;flex:0 0 8%;height:24px;padding:0 14px;overflow:hidden}
.hero-signal-arrow::before{content:'';position:absolute;left:14px;right:22px;top:11px;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;animation:signal-arrow-draw .25s ease-out both}
.hero-signal-arrow::after{content:'';position:absolute;right:14px;top:5px;width:15px;height:15px;background:var(--orange);clip-path:polygon(0 0,100% 50%,0 100%,24% 50%);opacity:0;animation:signal-arrow-head .12s ease-out both}
.hero-signal-arrow.arrow-1::before{animation-delay:.25s}.hero-signal-arrow.arrow-1::after{animation-delay:.5s}.hero-signal-arrow.arrow-2::before{animation-delay:.85s}.hero-signal-arrow.arrow-2::after{animation-delay:1.1s}.hero-signal-arrow.arrow-3::before{animation-delay:1.45s}.hero-signal-arrow.arrow-3::after{animation-delay:1.7s}
.hero-signal-icon{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:#252a35;color:#7aa7ff;font-size:1.05rem;letter-spacing:0}
.hero-signal-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-signal-node.node-1 .hero-signal-icon{background:#202d46;color:#71a7ff}.hero-signal-node.node-2 .hero-signal-icon{background:#2c2743;color:#c29bff}.hero-signal-node.node-3 .hero-signal-icon{background:#183a4c;color:#76d7ef}.hero-signal-node.node-4 .hero-signal-icon{background:#203a35;color:#6ed9b2}.hero-signal-node.node-5 .hero-signal-icon{background:#49301f;color:#ff9a5c}
.hero-signal-node:last-child{border-color:#8f3a16;color:#f0a778}
@keyframes signal-node-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes signal-arrow-draw{to{transform:scaleX(1)}}
@keyframes signal-arrow-head{to{opacity:1}}
.hero h1{font-size:clamp(2rem,3.2vw,3.25rem)}
.hero-copy{align-self:center}
.hero-media{align-self:stretch;height:auto}
@media(min-width:761px){.hero{height:auto;min-height:max(760px,calc(100svh - 72px));overflow:hidden}}
.hero-media{align-self:start;margin-top:0;aspect-ratio:auto;display:flex;flex-direction:column;background:#080909}
.hero-video-surface{position:relative;width:100%;aspect-ratio:16/9;min-height:200px}
.hero-video-surface iframe{position:absolute;inset:0;pointer-events:none}
.hero-video-link{position:absolute;inset:0;display:block;z-index:1}
.hero-video-link{background:transparent}
.hero-video-cover{position:absolute;inset:0;z-index:2;background:#080909;opacity:1;transition:opacity .35s ease;pointer-events:none}
.hero-video-surface.is-ready .hero-video-cover{opacity:0}
.hero-video-link:focus-visible{outline-offset:-4px}
.hero-video-controls{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:#111314}
.hero-video-controls input{min-width:0;flex:1;accent-color:var(--orange);cursor:pointer;height:26px}
.hero-video-controls input:disabled{cursor:wait;opacity:.4}
.hero-video-controls button{color:#eaece8;background:transparent;border:0;font-size:1.7rem;min-width:44px;min-height:44px;padding:0}
.hero-video-time{font-size:.75rem;white-space:nowrap;color:#a5aaa2;font-variant-numeric:tabular-nums}
.hero-video-message{font-size:.8rem;padding:10px 14px;margin:0}
.hero-media:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;margin:0;background:#000;justify-content:center}
.hero-media:fullscreen .hero-video-surface{flex:1;aspect-ratio:auto;min-height:0}
.hero-media:fullscreen .hero-video-controls{flex-shrink:0}
@media(max-width:760px){.hero{min-height:0;padding:48px 0 172px;gap:32px;align-content:normal}.hero h1{font-size:clamp(1.1rem,8cqi,2.4rem);color:#eeeeE7}.hero h1 em{color:#eeeeE7}.hero-labels{font-size:.65rem;gap:8px 14px;line-height:1.45}.hero-media{margin-top:0;align-self:start}.hero-video-controls{gap:8px}}
@media(max-width:760px){.hero-signal-node{min-height:44px;padding:6px 4px;gap:4px;font-size:.42rem;letter-spacing:.02em}.hero-signal-arrow{flex-basis:5%;height:18px;padding:0 4px}.hero-signal-arrow::before{left:4px;right:10px;top:8px;height:2px}.hero-signal-arrow::after{right:4px;top:3px;width:10px;height:10px}.hero-signal-icon{width:22px;height:22px;border-radius:5px;font-size:.75rem}}
@media(max-width:760px){.hero-copy>p{text-align:left}}
.event-examples{margin:0 0 56px;padding:42px 0 0;border-top:1px solid var(--line)}
.event-examples-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.event-examples-heading .eyebrow{margin-bottom:12px}
.event-examples-heading h2{font-size:clamp(1.8rem,3vw,3rem);margin-bottom:0}
.event-examples-heading p{font-size:.85rem;line-height:1.55;max-width:300px;margin:0;color:#8f958c}
.event-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-bottom:1px solid #393d39;margin-top:32px}
.event-tabs button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px;background:transparent;border:0;border-bottom:4px solid transparent;color:#c4c8c1;padding:22px 16px;font-size:clamp(.9rem,1.3vw,1.2rem);font-weight:600;letter-spacing:.045em;text-align:left;text-transform:uppercase;transition:color .2s ease,background .2s ease,border-color .2s ease}
.event-tabs button span{color:#8b9389;font-size:1.5rem;transition:transform .2s ease,color .2s ease}
.event-tabs button:hover{color:#fff;background:#ffffff06;border-bottom-color:#62695f}
.event-tabs button.active{color:var(--orange);border-bottom-color:var(--orange);background:linear-gradient(0deg,#ff5b001a,transparent);text-shadow:0 0 24px #ff5b0033}
.event-tabs button.active span{color:var(--orange);transform:translate(2px,-2px)}
.event-example-preview{padding-top:28px}
.event-example-copy{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.event-example-copy .orange{font-size:.65rem;letter-spacing:.12em;white-space:nowrap}
.event-example-copy h3{font-size:1rem;margin:0;color:#e8e9e2}
.event-example-copy p{font-size:.78rem;line-height:1.5;margin:0;color:#8f958c}
.event-example-preview img{display:block;width:100%;height:auto}
.event-chart-image{clip-path:inset(2.22% 1.33% round 1.33% / 2.22%)}
.event-carousel-stage{position:relative;aspect-ratio:5/3;overflow:hidden;isolation:isolate}
.event-carousel-stage .event-carousel-chart{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease}
.event-carousel-chart.is-covered{opacity:0}
.event-carousel-chart.is-exiting{animation:event-chart-exit .75s cubic-bezier(.4,0,.75,.35) forwards}
.event-carousel-chart.is-exiting.is-forward{animation-name:event-chart-exit-left}
.event-carousel-card{position:absolute;inset:2.22% 1.33%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;border:1px solid var(--site-line,#3a4143);border-radius:clamp(12px,1.5vw,24px);background:var(--site-surface,#131719);color:var(--site-text,#eeeeE7);box-shadow:0 25px 70px #0004;text-align:center}
.event-carousel-card::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,var(--site-line,#3a4143) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,var(--site-line,#3a4143) 50%,transparent 50.1%);background-size:18% 18%;opacity:.2;pointer-events:none}
.event-carousel-card span:first-child{position:relative;color:var(--orange);font-size:clamp(.6rem,1vw,.85rem);font-weight:600;letter-spacing:.18em}
.event-carousel-card strong{position:relative;font-size:clamp(1.5rem,4vw,4rem);font-weight:600;letter-spacing:-.04em}
.event-carousel-card-arrow{position:relative;color:var(--orange);font-size:clamp(1.8rem,3vw,3rem)}
.event-carousel-card.is-pending{transform:translateX(-110%) scale(.72);opacity:.35}
.event-carousel-card.is-entering{animation:event-card-enter .75s cubic-bezier(.16,1,.3,1) both}
.event-carousel-card.is-entering.is-forward{animation-name:event-card-enter-right}
.event-carousel-card.is-cover{opacity:1}
@keyframes event-chart-exit{to{transform:translateX(105%) scale(.84);opacity:0}}
@keyframes event-chart-exit-left{to{transform:translateX(-105%) scale(.84);opacity:0}}
@keyframes event-card-enter{from{transform:translateX(-110%) scale(.72);opacity:.35}to{transform:translateX(0) scale(1);opacity:1}}
@keyframes event-card-enter-right{from{transform:translateX(110%) scale(.72);opacity:.35}to{transform:translateX(0) scale(1);opacity:1}}
.event-example-empty{min-height:260px;display:flex;align-items:center;justify-content:center;color:#697069;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.event-example-empty span{color:var(--orange);font-size:1.3rem;margin-left:10px}
@media(prefers-reduced-motion:reduce){.event-carousel-card.is-entering,.event-carousel-chart.is-exiting{animation:none}.event-carousel-stage .event-carousel-chart{transition:none}}
@media(max-width:760px){.event-examples{margin-bottom:36px;padding:30px 0 0}.event-examples-heading{display:block;margin-bottom:18px}.event-examples-heading p{max-width:none;margin-top:14px}.event-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:24px}.event-tabs button{min-height:72px;padding:16px 8px;font-size:.85rem;letter-spacing:.02em}.event-example-copy{display:block}.event-example-copy p{margin-top:8px}.event-example-empty{min-height:180px}}
.hero-meta{width:100%;padding-top:18px;border-top:1px solid #242725;gap:24px;letter-spacing:.1em;font-size:.6rem}
@media(max-width:760px){.hero-meta{padding-top:14px;gap:10px 16px;font-size:.55rem;line-height:1.8}}
header,footer{background:var(--site-surface);border-color:var(--site-line)}
:is(h1,h2,h3,.hero h1 em,.hero-labels,.eyebrow,.event-example-copy h3){color:var(--site-text)}
:is(nav a,.menu,.nav-cta,.button.secondary,.footer-bottom,.hero-meta::before,.event-example-copy p,.event-example-empty){color:var(--site-soft)}
:is(.nav-cta,.button.secondary,.event-examples,.event-tabs,.hero-meta,.event-example-preview){border-color:var(--site-line)}
.button.secondary:hover{background:var(--site-raised)}
:is(.hero-media,.hero-video-cover){background:var(--site-surface);border-color:var(--site-line)}
.hero-video-controls{background:var(--site-raised)}
.hero-video-controls button{color:var(--site-text)}
.hero-video-time{color:var(--site-muted)}
.hero-signal-node{background:var(--site-surface);border-color:var(--site-line);color:var(--site-text)}
.event-tabs button{color:var(--site-soft)}
.event-tabs button:hover{color:var(--site-text);background:var(--site-raised);border-bottom-color:var(--site-soft)}
.event-tabs button.active{color:var(--orange);border-bottom-color:var(--orange);background:linear-gradient(0deg,#ff5b001a,transparent)}
.event-tabs button span{color:var(--site-muted)}
.event-tabs button.active span{color:var(--orange)}
:is(.price-grid article,.pricing-note){background:var(--site-surface);border-color:var(--site-line)}
.price-grid article.featured{background:linear-gradient(150deg,#ff5b001a,var(--site-surface) 65%);border-color:var(--orange)}
.hero-video-controls input{accent-color:var(--orange)}
:is(.event-example-copy .orange,.orange,.step-number,.signal-label){color:var(--orange)}

/* The market-event gallery uses its own dark palette. */
.event-examples {
  --site-text: #eeeee7;
  --site-soft: #c4c8c1;
  --site-muted: #8f958c;
  --site-surface: #131719;
  --site-raised: #1b1e1f;
  --site-line: #3a4143;
  --orange: #ff5b00;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: calc(100svh - 68px);
  margin: 0 0 56px calc(50% - 50vw);
  padding: clamp(48px, 5.5vh, 68px) max(48px, calc((100vw - 1224px) / 2)) clamp(18px, 2vh, 28px);
  border: 0;
  background: #080909;
  color: #eeeee7;
}
.event-examples-heading h2 {
  max-width: 900px;
  color: #eeeee7;
  font-size: clamp(2.4rem, 3.6vw, 4rem);
  line-height: 1.04;
}
.event-examples-heading { margin-bottom: 0; }
.event-examples .event-tabs { border-color: #393d39; }
.event-examples .event-tabs { margin-top: 12px; }
.event-examples .event-tabs button { min-height: 58px; padding: 12px 16px; color: #c4c8c1; }
.event-examples .event-tabs button span { color: #8b9389; }
.event-examples .event-tabs button:hover { color: #fff; background: #ffffff06; border-bottom-color: #62695f; }
.event-examples .event-tabs button.active,
.event-examples .event-tabs button.active span { color: #ff5b00; }
.event-examples .event-example-copy h3 { color: #e8e9e2; }
.event-examples .event-example-preview { display: flex; flex: 1; flex-direction: column; min-height: 0; padding-top: 12px; }
.event-examples .event-example-copy { flex: none; margin-bottom: 10px; }
.event-examples .event-example-copy p,
.event-examples .event-example-empty { color: #8f958c; }
.event-examples .event-carousel-stage { flex: 1; min-height: 0; aspect-ratio: auto; background: #080909; }
.event-examples .event-example-empty { flex: 1; min-height: 0; }
@media (max-width: 1050px) {
  .event-examples { padding-inline: 30px; }
}
@media (max-width: 760px) {
  .event-examples { display: block; height: auto; padding: 48px 22px 48px; }
  .event-examples .event-tabs button { min-height: 64px; }
  .event-examples .event-example-preview { display: block; }
  .event-examples .event-carousel-stage { aspect-ratio: 5 / 3; }
  .event-examples .event-example-empty { min-height: 180px; }
}

.footer-logo img{border:1px solid var(--site-line)}

/* Direct content sections reveal once as the visitor reaches them. */
#main > [data-scroll-reveal="pending"] {
  opacity: 0;
  transform: translateY(28px);
}
#main > [data-scroll-reveal="visible"] {
  animation: section-reveal .9s cubic-bezier(.16,1,.3,1) both;
}
@keyframes section-reveal {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #main > [data-scroll-reveal] { opacity: 1; transform: none; animation: none; }
}

/* Homepage: full-viewport video and scroll-driven chart walkthrough. */
.home-experience {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 600svh;
  background: #080909;
  color: #f5f4ef;
  isolation: isolate;
  --grab-opacity: 0;
  --visit-opacity: 0;
  --decision-opacity: 0;
  --cue-opacity: 1;
}
body:has(.home-experience) { overflow-x: clip; }
.home-experience-stage {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100svh;
  overflow: hidden;
}
.experience-video-intro { position: absolute; inset: 0; }
.home-experience .hero-media:not(:fullscreen) {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #080909;
}
.home-experience .hero-video-surface {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  filter: blur(var(--experience-blur, 0px)) brightness(var(--video-brightness, .7));
  transform: scale(1.06);
  animation: none;
}
.home-experience .hero-video-surface iframe {
  top: 50%;
  left: 50%;
  width: 125vw;
  height: 70.3125vw;
  min-width: 222.23vh;
  min-height: 125vh;
  transform: translate(-50%, -50%);
}
.home-experience .hero-video-cover {
  background: linear-gradient(90deg, #08090988, #08090922 70%), var(--hero-poster) center / cover, #080909;
}
.home-experience .hero-video-message {
  position: absolute;
  top: clamp(130px, 17vh, 180px);
  right: clamp(24px, 5vw, 80px);
  z-index: 5;
  max-width: 260px;
  color: #f5f4ef;
  background: #080909d9;
  border-radius: 6px;
  font-size: .8rem;
}
.experience-scenes { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.experience-scene {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(270px, .65fr) minmax(0, 1.35fr);
  align-items: center;
  gap: clamp(35px, 5vw, 90px);
  width: min(1400px, 100%);
  margin: auto;
  padding: 100px clamp(30px, 7vw, 120px) 55px;
  color: #fff;
  opacity: 0;
  pointer-events: none;
}
.experience-scene-grab,
.experience-scene-visit {
  top: var(--experience-header-height, 0px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 6vh 4vw;
}
.experience-scene-grab { opacity: var(--grab-opacity); transform: translateY(var(--grab-offset, 74vh)); }
.experience-scene-visit { opacity: var(--visit-opacity); transform: translateY(var(--visit-offset, 74vh)); }
.experience-scene-decision { opacity: var(--decision-opacity); transform: translateY(var(--decision-offset, 74vh)); }
.home-experience[data-phase="decision"] .experience-scene-decision { pointer-events: auto; }
.experience-scene-grab .experience-scene-copy,
.experience-scene-visit .experience-scene-copy {
  position: absolute;
  top: 16vh;
  left: clamp(26px, 4vw, 90px);
  z-index: 1;
  width: min(340px, 24vw);
  padding: 22px;
  border: 1px solid #ffffff30;
  border-radius: 12px;
  background: #080b0ce8;
  box-shadow: 0 18px 55px #0008;
}
.experience-step { display: inline-block; margin-bottom: 26px; color: #ff9156; font-size: .75rem; font-weight: 700; letter-spacing: .18em; }
.home-experience .experience-scene h2 { max-width: 560px; margin-bottom: 22px; color: #fff; font-size: clamp(2.8rem, 4.5vw, 5.5rem); line-height: 1.05; letter-spacing: -.04em; }
.home-experience .experience-scene h2 { color: #fff; }
.home-experience :is(.experience-scene-grab,.experience-scene-visit) h2 { font-size: clamp(2rem, 2.7vw, 3rem); }
.experience-scene-grab .experience-step,
.experience-scene-visit .experience-step { margin-bottom: 14px; }
.experience-scene-grab .experience-scene-copy p,
.experience-scene-visit .experience-scene-copy p { margin-bottom: 16px; font-size: .94rem; line-height: 1.5; }
.experience-scene p { max-width: 490px; margin-bottom: 32px; color: #e8ece5; font-size: clamp(1rem, 1.2vw, 1.18rem); line-height: 1.65; }
.experience-note { display: block; color: #c6cec5; font-size: .68rem; letter-spacing: .12em; }
.experience-chart { overflow: hidden; border: 1px solid #ffffff4a; border-radius: 15px; background: #0b0e0f; box-shadow: 0 36px 100px #0009; }
.experience-scene-grab .experience-chart,
.experience-scene-visit .experience-chart { width: min(92vw, 1750px, calc(80svh * 5 / 3)); }
.experience-chart img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 3; object-fit: contain; }
.experience-decision-copy { max-width: 560px; }
.experience-scene-decision .button { margin-bottom: 26px; text-shadow: none; }
.experience-trade-demo { position: relative; min-width: 0; aspect-ratio: 5 / 3; overflow: hidden; border: 1px solid #ffffff4a; border-radius: 15px; background: #0b0e0f; box-shadow: 0 36px 100px #0009; }
.experience-trade-demo > img { display: block; width: 100%; height: 100%; object-fit: cover; filter: blur(3px) brightness(.55); transform: scale(1.04); }
.experience-trade-ticket { position: absolute; top: 50%; right: 5%; width: min(53%, 350px); min-width: 240px; padding: clamp(17px, 2vw, 28px); border: 1px solid #ffffff52; border-radius: 12px; background: #101516ed; box-shadow: 0 24px 70px #000b; color: #f5f6f1; transform: translate(0, -50%); }
.experience-ticket-head { display: flex; flex-direction: column; gap: 7px; margin-bottom: 22px; }
.experience-ticket-head span, .experience-ticket-field span, .experience-ticket-foot { color: #aebbb2; font-size: .63rem; font-weight: 700; letter-spacing: .1em; }
.experience-ticket-head strong { font-size: 1.2rem; }
.experience-ticket-side { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 18px; color: #aebbb2; text-align: center; }
.experience-ticket-side :is(span,strong) { padding: 10px 6px; border: 1px solid #4a5550; border-radius: 5px; font-size: .72rem; }
.experience-ticket-side strong { border-color: #e84d00; background: #e84d00; color: #fff; }
.experience-ticket-field { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid #ffffff2a; }
.experience-ticket-field strong { font-size: .72rem; font-weight: 500; text-align: right; }
.experience-ticket-foot { margin-top: 20px; color: #d9e0d9; text-align: center; }
.experience-scroll-cue {
  position: absolute;
  right: clamp(30px, 7vw, 120px);
  bottom: 39px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f0f1ea;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .13em;
  opacity: var(--cue-opacity);
}
.experience-scroll-cue span { font-size: 1.3rem; }

/* The headline and market-data flow follow the completed video walkthrough. */
.home-story {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  grid-template-rows: auto;
  align-items: center;
  align-content: start;
  column-gap: clamp(32px, 4vw, 80px);
  row-gap: clamp(24px, 3.5vh, 36px);
  width: 100vw;
  min-height: 0;
  margin-left: calc(50% - 50vw);
  padding: clamp(36px, 4vw, 60px) clamp(28px, 7vw, 130px) clamp(40px, 4vw, 56px);
  overflow: hidden;
  background: #f7f6f2;
  color: #232823;
  opacity: 0;
  transition: opacity .9s ease-out;
}
.home-story.is-visible { opacity: 1; }
.home-story::before,
.home-story::after { display: none; }
.home-story .hero-copy { position: relative; grid-column: 1; grid-row: 1; width: 100%; max-width: none; animation: none; }
.home-story h1 {
  max-width: 640px;
  margin-bottom: 18px;
  color: #232823;
  font-size: clamp(2.8rem, 3.6vw, 4.75rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.home-story .hero-labels { color: #515951; }
.home-story .hero-copy > p { max-width: 600px; color: #434b43; font-size: clamp(1rem, 1.05vw, 1.12rem); line-height: 1.5; text-align: left; }
.home-story .actions { margin-top: 20px; }
.home-story .button { padding: 13px 18px; }
.home-story .hero-meta { border-color: #c5cac2; color: #596159; }
.home-story .button.secondary { border-color: #b6beb5; background: #fff; color: #232823; }
.home-story .hero-signal-flow {
  --signal-node-width: 160px;
  --signal-node-half-width: 80px;
  --signal-node-half-height: 75px;
  --signal-logo-size: 96px;
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 1;
  display: block;
  width: min(100%, 760px);
  height: 520px;
  margin: 0 auto;
}
.home-story .hero-signal-node {
  position: absolute;
  left: calc(var(--node-x) - var(--signal-node-half-width));
  top: calc(var(--node-y) - var(--signal-node-half-height));
  z-index: 1;
  flex: none;
  flex-direction: column;
  gap: 12px;
  width: var(--signal-node-width);
  height: 150px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #2b322b;
  font-size: .9rem;
  text-align: center;
  animation: none;
  opacity: 0;
  transform: translateY(12px) scale(.9);
}
.home-story .hero-signal-node b { display: block; height: 20px; line-height: 20px; white-space: nowrap; }
.home-story .hero-signal-icon { flex: 0 0 var(--signal-logo-size); width: var(--signal-logo-size); height: var(--signal-logo-size); border-radius: 22px; }
.home-story .hero-signal-icon svg { width: 52%; height: 52%; }
.home-story .hero-signal-node.node-1 { --node-x: 50%; --node-y: 15%; --node-delay: 0s; }
.home-story .hero-signal-node.node-2 { --node-x: 78%; --node-y: 35%; --node-delay: 1.2s; }
.home-story .hero-signal-node.node-3 { --node-x: 70%; --node-y: 78%; --node-delay: 2.4s; }
.home-story .hero-signal-node.node-4 { --node-x: 30%; --node-y: 78%; --node-delay: 3.6s; }
.home-story .hero-signal-node.node-5 { --node-x: 22%; --node-y: 35%; --node-delay: 4.8s; }
.home-story .hero-signal-node.node-1,
.home-story .hero-signal-node.node-2,
.home-story .hero-signal-node.node-5 { flex-direction: column-reverse; }
.home-story .hero-signal-node.node-3,
.home-story .hero-signal-node.node-4 { flex-direction: column; }
.home-story .hero-signal-node.node-3 b { height: auto; font-size: inherit; line-height: 1.1; letter-spacing: inherit; white-space: normal; }
.home-story .signal-loop.is-visible .hero-signal-node { animation: signal-logo-in .4s cubic-bezier(.16, 1, .3, 1) var(--node-delay) both; }
@keyframes signal-logo-in { to { opacity: 1; transform: translateY(0) scale(1); } }
.home-story .signal-loop-outcome {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 150px;
  color: #bc4409;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.82);
}
.home-story .signal-loop-outcome-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 2px solid #e95a13;
  border-radius: 50%;
  background: #fff0e4;
  box-shadow: 0 8px 20px #ab4b1726;
}
.home-story .signal-loop-outcome-icon svg { width: 48px; height: 48px; stroke: #c64b0e; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.home-story .signal-loop-outcome-plus { fill: #e95a13; stroke: #fff0e4; stroke-width: 2; }
.home-story .signal-loop-outcome-plus-mark { stroke: #fff; stroke-width: 2.7; }
.home-story .signal-loop-outcome strong { font-size: .75rem; line-height: 1.1; letter-spacing: .07em; white-space: nowrap; }
.home-story .signal-loop.is-visible .signal-loop-outcome { animation: signal-outcome-in .65s cubic-bezier(.16, 1, .3, 1) 6s both; }
@keyframes signal-outcome-in { to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
.signal-loop-routes { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; fill: none; stroke-width: 3.1; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 3px #ec520829); }
.signal-loop-connector { opacity: 0; animation: none; }
.signal-loop-connector path { vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; }
.signal-loop-connector.connector-1 { --draw-delay: .42s; }
.signal-loop-connector.connector-2 { --draw-delay: 1.62s; }
.signal-loop-connector.connector-3 { --draw-delay: 2.82s; }
.signal-loop-connector.connector-4 { --draw-delay: 4.02s; }
.signal-loop-connector.connector-5 { --draw-delay: 5.22s; }
.signal-loop.is-visible .signal-loop-connector { animation: signal-connector-show .01s linear var(--draw-delay) both; }
.signal-loop.is-visible .signal-loop-connector path { animation: signal-connector-draw .72s cubic-bezier(.42, 0, .18, 1) var(--draw-delay) both; }
@keyframes signal-connector-show { to { opacity: 1; } }
@keyframes signal-connector-draw { to { stroke-dashoffset: 0; } }
.home-story-ai-note {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: start;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  column-gap: clamp(32px, 4vw, 80px);
  width: 100%;
  padding-top: 0;
}
.home-story-ai-note strong { font-size: clamp(1rem, 1.2vw, 1.25rem); font-weight: 600; }
.home-story-ai-note p { max-width: 620px; margin: 0; color: #434b43; font-size: .95rem; line-height: 1.5; }

@media (max-width: 1000px) {
  .experience-scene { grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 26px; }
  .experience-scene h2 { font-size: clamp(2.4rem, 4.8vw, 4rem); }
}
@media (max-width: 850px) {
  .home-story { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; min-height: 0; }
  .home-story .hero-copy { grid-column: 1; grid-row: 1; }
  .home-story .hero-signal-flow { grid-column: 1; grid-row: 2; }
  .home-story-ai-note { grid-column: 1; grid-row: 3; display: block; }
  .home-story-ai-note p { margin-top: 8px; }
}
@media (max-width: 760px) {
  .home-experience { height: auto; }
  .home-experience-stage { position: relative; height: auto; overflow: visible; }
  .experience-video-intro { position: relative; height: 100svh; }
  .home-experience .hero-video-message { top: auto; right: 22px; bottom: 24px; }
  .experience-scenes { position: relative; display: grid; gap: 0; background: #080909; }
  .experience-scene { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 26px; padding: 70px 22px; opacity: 1; pointer-events: auto; transform: none; }
  .experience-scene-grab,
  .experience-scene-visit { top: 0; }
  .experience-scene-grab .experience-scene-copy,
  .experience-scene-visit .experience-scene-copy { position: relative; top: auto; left: auto; width: auto; max-width: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .experience-scene-grab .experience-chart,
  .experience-scene-visit .experience-chart { width: 100%; }
  .home-experience .experience-scene h2 { font-size: clamp(2.7rem, 8vw, 4rem); }
  .experience-scene p { margin-bottom: 14px; }
  .experience-trade-demo { width: 100%; }
  .experience-trade-ticket { min-width: 0; width: min(58%, 290px); }
  .experience-scroll-cue { display: none; }
  .home-story { min-height: 0; padding: 40px 22px 42px; }
  .home-story h1 { font-size: clamp(2.35rem, 7.4vw, 3.6rem); }
  .home-story .hero-labels { font-size: .62rem; }
  .home-story .hero-copy > p { font-size: .93rem; line-height: 1.5; }
  .home-story .hero-signal-flow { --signal-node-width: 120px; --signal-node-half-width: 60px; --signal-node-half-height: 52px; --signal-logo-size: 72px; height: 390px; }
  .home-story .hero-signal-node { height: 104px; padding: 0; gap: 8px; font-size: .65rem; letter-spacing: .02em; white-space: normal; }
  .home-story .hero-signal-node.node-3 b { font-size: inherit; line-height: 1.1; letter-spacing: inherit; }
  .home-story .hero-signal-node b { height: 16px; line-height: 16px; }
  .home-story .hero-signal-icon { flex: 0 0 var(--signal-logo-size); width: var(--signal-logo-size); height: var(--signal-logo-size); border-radius: 16px; }
  .home-story .hero-signal-icon svg { width: 52%; height: 52%; }
  .home-story .signal-loop-outcome { width: 120px; gap: 3px; }
  .home-story .signal-loop-outcome-icon { width: 38px; height: 38px; border-width: 1.5px; }
  .home-story .signal-loop-outcome-icon svg { width: 30px; height: 30px; stroke-width: 3; }
  .home-story .signal-loop-outcome strong { font-size: .57rem; letter-spacing: .02em; }
}
@media (prefers-reduced-motion: reduce) {
  .home-story { opacity: 1; transition: none; }
  .home-story .signal-loop .hero-signal-node { opacity: 1; transform: none; animation: none; }
  .home-story .signal-loop .signal-loop-outcome { opacity: 1; transform: translate(-50%, -50%); animation: none; }
  .signal-loop.is-visible .signal-loop-connector,
  .signal-loop .signal-loop-connector { opacity: 1; animation: none; }
  .signal-loop.is-visible .signal-loop-connector path,
  .signal-loop .signal-loop-connector path { stroke-dashoffset: 0; animation: none; }
  .home-experience { height: auto; }
  .home-experience-stage { position: relative; height: auto; overflow: visible; }
  .experience-video-intro { position: relative; height: 100svh; }
  .home-experience .hero-video-surface { filter: brightness(.5); transform: none; }
  .home-experience .hero-video-surface.is-ready .hero-video-cover { opacity: 1; }
  .experience-scenes { position: relative; display: grid; background: #080909; }
  .experience-scene { position: relative; opacity: 1; pointer-events: auto; transform: none; transition: none; }
  .experience-scene-grab,
  .experience-scene-visit { top: 0; }
  .experience-scene-grab .experience-scene-copy,
  .experience-scene-visit .experience-scene-copy { position: relative; top: auto; left: auto; width: auto; }
  .experience-trade-ticket { opacity: 1; transform: translate(0, -50%); transition: none; }
}

/* Main navigation states remain visible on every page and screen size. */
header #navigation{gap:10px}
header #navigation a{padding:11px 16px;border-radius:7px;color:var(--site-soft);transition:background-color .18s,color .18s,box-shadow .18s}
header #navigation a:hover,header #navigation a:focus-visible{background:#fff0e5;color:#b13c00}
header #navigation a[aria-current="page"],header #navigation a:active{background:#ffeadc;color:#a93e09;box-shadow:inset 0 -3px 0 var(--button-orange)}
header #navigation a:focus-visible{outline:2px solid var(--button-orange);outline-offset:3px}
#market-events{scroll-margin-top:88px}
@media(prefers-reduced-motion:reduce){header #navigation a{transition:none}}

/* Pricing: three plan tabs and a detailed feature list. */
.pricing-page{padding-bottom:64px}
.pricing-page .price-grid{margin-bottom:56px}
.price-grid .price-card-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:26px}
.price-grid .price-card-heading h2{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.2;margin:0}
.price-card-rates{margin-left:auto;text-align:right}
.price-card-rates strong{display:block;white-space:nowrap;font-size:1.45rem;line-height:1.3;color:#b13c00}
.price-card-rates strong span{font-size:.75rem;font-weight:400;color:var(--site-soft)}
.price-card-rates small{display:block;max-width:155px;margin-top:4px;font-size:.7rem;line-height:1.5;color:var(--site-muted)}
.price-card-monthly strong{font-size:1.8rem;color:#b13c00}
.price-card-annual{flex-basis:100%;margin-top:4px;padding:16px;background:#ffeadc;border-radius:8px;text-align:right;color:#963500;font-size:.95rem;line-height:1.6}
.price-card-annual b{font-size:1.3rem;font-weight:700;white-space:nowrap}
.price-card-saving{display:inline-block;margin-top:10px;padding:5px 10px;border-radius:5px;background:var(--button-orange);color:#fff;font-size:.9rem;font-weight:600;line-height:1.4}
.price-grid article.featured .price-card-annual{background:var(--button-orange);color:#fff}
.price-grid article.featured .price-card-saving{background:#fff;color:#a93e09}
.pricing-page .page-intro{padding-bottom:36px}
.pricing-page .page-intro h1{font-size:3.5rem}
@media(max-width:1050px){.pricing-page .page-intro h1{font-size:3rem}}
@media(max-width:540px){.pricing-page .page-intro h1{font-size:2.35rem}}
.annual-saving{display:inline-flex;align-items:center;gap:14px;margin-top:12px;padding:10px 16px 10px 10px;background:#ffeadc;color:#a93e09;border-radius:8px;font-size:.9rem}
.annual-saving strong{padding:8px 10px;border-radius:5px;background:var(--button-orange);color:#fff;font-size:1.1rem}
.plan-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--site-line)}
.plan-tabs button{min-width:0;text-align:left;padding:24px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--site-soft);transition:background-color .18s,color .18s,border-color .18s}
.plan-tabs button:hover{background:#fff0e5;color:#a93e09}
.plan-tabs button[aria-selected="true"]{background:#ffeadc;border-bottom-color:var(--button-orange);color:#a93e09}
.plan-tabs button:focus-visible,.plan-panel:focus-visible{outline:2px solid var(--button-orange);outline-offset:4px}
.plan-tab-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.25}
.plan-tab-heading>span{font-weight:500}
.plan-tab-summary{display:block;margin-top:10px;font-size:.85rem;line-height:1.5}
.plan-panel{padding:38px 0 0}
.plan-panel[hidden]{display:none}
.plan-panel-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:32px}
.plan-panel-intro h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 14px}
.plan-panel-intro h2>span{color:#b13c00}
.plan-panel-intro p{max-width:680px;margin:0 0 14px}
.plan-panel-intro strong{font-size:.9rem;color:var(--site-text)}
.plan-panel-intro .button{flex-shrink:0}
.plan-feature-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0}
.plan-feature-details>div{border-top:1px solid var(--site-line);padding:24px 0}
.plan-feature-details dt{font-size:1.05rem;font-weight:600;color:var(--site-text);margin-bottom:10px}
.plan-feature-details dd{margin:0;max-width:65ch;font-size:.95rem;line-height:1.7;color:var(--site-soft)}
.plan-panel-note{margin:22px 0 0;max-width:75ch;font-size:.85rem;color:var(--site-muted)}
@media(max-width:760px){.plan-tabs button{padding:18px 10px}.plan-tab-heading{gap:5px;font-size:1.15rem}.plan-tab-summary{font-size:.72rem}.plan-panel-intro{align-items:flex-start;flex-direction:column;gap:16px}.plan-feature-details{grid-template-columns:1fr}.plan-panel{padding-top:28px}.annual-saving{font-size:.8rem;gap:10px}.pricing-page{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.plan-tabs button{transition:none}}

/* Features uses the site’s light palette in a viewport-height reader. */
body:has(.features-reader-shell){overflow:hidden;background:#fff}
main:has(.features-reader-shell){max-width:none;padding:0;margin:0}
body:has(.features-reader-shell) footer{display:none}
.features-reader-shell{--site-text:#20221f;--site-soft:#4c554e;--site-muted:#555d57;--site-line:#d5d8d0;--site-surface:#fff;--site-raised:#eeede8;--muted:var(--site-soft);display:grid;grid-template-columns:268px minmax(0,1fr);height:calc(100vh - var(--features-header-height,73px));height:calc(100dvh - var(--features-header-height,73px));min-height:0;background:#fff;color:var(--site-text);color-scheme:light;overflow:hidden}
.features-reader-shell ::selection{background:#ffdcc4;color:#20221f}
.feature-reader-sidebar{display:flex;flex-direction:column;min-height:0;padding:32px 18px 24px;background:#f7f6f2;border-right:1px solid var(--site-line)}
.feature-reader-brand{padding:0 12px 24px}
.feature-reader-brand h2{font-size:1.15rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px}
.feature-reader-brand p{font-size:.85rem;margin:0;color:var(--site-muted)}
.feature-reader-sidebar nav{display:flex;flex-direction:column;gap:7px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px;width:100%}
.feature-reader-sidebar nav a{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:9px;min-height:55px;padding:12px 10px;border-radius:7px;color:var(--site-soft);font-size:.85rem;line-height:1.45;transition:background-color .18s,color .18s}
.feature-reader-sidebar nav a:hover{color:#20221f;background:#eeede8}
.feature-reader-sidebar nav a[aria-current="page"]{background:#e84d00;color:#fff;font-weight:600}
.feature-menu-arrow{display:flex;opacity:0}
.feature-menu-arrow svg{width:16px;height:16px}
.feature-reader-sidebar nav a[aria-current="page"] .feature-menu-arrow{opacity:1}
.feature-reader-links{display:flex;flex-direction:column;gap:18px;margin-top:auto;padding:28px 12px 0;flex-shrink:0}
.feature-reader-links .button{padding:12px 14px;font-size:.85rem}
.feature-reader-links>a:last-child{font-size:.82rem;color:var(--site-muted);text-align:center}
.feature-reader-links>a:last-child:hover{color:#b54109}
.feature-reader-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.feature-reader-stage{position:relative;min-height:0;flex:1}
.feature-reader-scroll{height:100%;margin:0 68px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b1b8af transparent;padding:40px clamp(12px,3vw,48px) 56px;outline-offset:-3px}
.feature-reader-scroll::-webkit-scrollbar{width:6px}
.feature-reader-scroll::-webkit-scrollbar-thumb{background:#b1b8af;border-radius:6px}
.feature-reader-article{max-width:880px;margin:0 auto}
.feature-reader-article h1{max-width:23ch;margin:0 0 24px;font-size:clamp(2rem,3.6vw,3.65rem);font-weight:550;line-height:1.12;letter-spacing:-.04em;color:#20221f}
.feature-reader-article h1:focus{outline:none}
.feature-reader-article h1:focus-visible{outline:2px solid #b54109;outline-offset:8px}
.feature-reader-lead{max-width:68ch;font-size:1.14rem;line-height:1.75;color:#4c554e;margin:0 0 32px}
.feature-reader-section{margin-top:32px;max-width:75ch}
.feature-reader-section h2{font-size:1.2rem;font-weight:600;line-height:1.45;letter-spacing:-.02em;margin:0 0 14px;color:var(--site-text)}
.feature-reader-section p{font-size:1rem;line-height:1.85;color:#4c554e;margin-bottom:18px}
.feature-page-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:56px;padding:0;border:1px solid #d5d8d0;border-radius:8px;background:#fff;color:#b54109;transition:background-color .18s,border-color .18s,color .18s;z-index:2}
.feature-page-previous{left:12px}
.feature-page-next{right:12px}
.feature-page-arrow svg{width:24px;height:24px}
.feature-page-arrow:hover:not(:disabled){background:#e84d00;border-color:#e84d00;color:#fff}
.feature-page-arrow:disabled{opacity:.25;cursor:default}
.feature-reader-shell :is(a,button):focus-visible{outline:2px solid #b54109;outline-offset:3px}
.feature-reader-end{margin-top:40px;padding-top:24px;border-top:1px solid var(--site-line)}
.feature-reader-end :is(button,a){display:inline-flex;align-items:center;gap:16px;padding:10px 0;border:0;background:none;color:#b54109;font-size:.95rem;text-align:left;line-height:1.5}
.feature-reader-end svg{width:22px;height:22px;flex-shrink:0}
.features-preview{margin:32px 0;background:#fff;border:1px solid #d5d8d0;border-radius:10px;overflow:hidden;color:#fff}
.features-demo-controls{display:flex;flex-wrap:wrap;gap:4px;padding:12px;border-bottom:1px solid #d5d8d0}
.features-demo-controls button{padding:10px 12px;min-height:42px;border:0;border-radius:5px;background:transparent;color:#4c554e;font-size:.8rem}
.features-demo-controls button:hover{background:#fff0e5;color:#b54109}
.features-demo-controls button[aria-pressed="true"]{background:#e84d00;color:#fff}
.features-demo-stage{background:#080c0e;aspect-ratio:16/10;display:grid;place-items:center}
.features-demo-stage img{display:block;width:100%;height:100%;object-fit:contain}
.features-demo-placeholder{padding:24px;text-align:center}
.features-demo-placeholder strong{font-size:1.5rem;color:#fff}
.features-demo-placeholder p{font-size:.9rem;color:#c4c8c1;margin:14px 0}
.features-demo-placeholder button{padding:12px 18px;border:0;border-radius:5px;background:#e84d00;color:#fff;font-weight:600}
.features-preview figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #d5d8d0;font-size:.75rem;line-height:1.6;color:#555d57}
.features-preview figcaption button{flex-shrink:0;padding:0;border:0;background:none;color:#b54109;text-decoration:underline;text-underline-offset:4px;font-size:.75rem;line-height:1.6}
@keyframes feature-reader-enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1050px){header .nav-wrap{gap:14px}header #navigation{gap:2px}header #navigation a{padding:10px 9px}header .nav-cta{white-space:nowrap}}
@media(max-width:1100px){.features-reader-shell{grid-template-columns:230px minmax(0,1fr)}.feature-reader-sidebar{padding:24px 10px 20px}.feature-reader-scroll{padding:32px 16px 40px;margin:0 56px}.feature-page-arrow{width:38px;height:50px}.feature-page-previous{left:8px}.feature-page-next{right:8px}}
@media(max-width:760px){.features-reader-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.feature-reader-sidebar{padding:8px 12px;border-right:0;border-bottom:1px solid var(--site-line)}.feature-reader-brand,.feature-reader-links{display:none}.feature-reader-sidebar nav{flex-direction:row;gap:6px;padding:4px;overflow-x:auto}.feature-reader-sidebar nav a{flex-shrink:0;display:flex;gap:8px;min-height:44px;padding:10px 12px;white-space:nowrap;font-size:.8rem}.feature-menu-arrow{display:none}.feature-reader-scroll{margin:0 44px;padding:28px 10px 32px}.feature-reader-article h1{font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:20px}.feature-reader-lead{font-size:1rem;line-height:1.7}.feature-reader-section p{font-size:.95rem;line-height:1.75}.feature-reader-section h2{font-size:1.1rem}.feature-page-arrow{width:36px;height:48px;border-radius:6px}.feature-page-previous{left:4px}.feature-page-next{right:4px}.features-demo-controls{padding:8px;gap:2px}.features-demo-controls button{padding:8px;font-size:.7rem}.features-preview figcaption{flex-direction:column;padding:10px}}
@media(max-height:500px){.feature-reader-brand{display:none}.feature-reader-links{padding-top:12px;gap:8px}.feature-reader-sidebar{padding-top:8px;padding-bottom:8px}.feature-reader-scroll{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.feature-reader-article{animation:none}}

/* Roomier guide-style navigation for the Features reader. */
@media(min-width:761px){.features-reader-shell{grid-template-columns:300px minmax(0,1fr)}.feature-reader-sidebar nav{margin-block:auto}.feature-reader-links{margin-top:0}.feature-reader-brand{text-align:center}}
.feature-reader-sidebar nav a{grid-template-columns:28px minmax(0,1fr) 16px;gap:12px;min-height:82px;padding:16px 12px;border-radius:9px;background:#eeede8}
.feature-reader-sidebar nav a:hover{background:#ffeadc}
.feature-menu-icon{width:28px;height:28px;flex-shrink:0;color:#b54109}
.feature-menu-copy strong{display:block;font-size:.9rem;font-weight:600;line-height:1.4}
.feature-menu-copy small{display:block;margin-top:5px;font-size:.75rem;line-height:1.4;color:#555d57}
.feature-reader-sidebar nav a[aria-current="page"]{background:#e84d00}
.feature-reader-sidebar nav a[aria-current="page"] :is(.feature-menu-icon,.feature-menu-copy small){color:#fff}
@media(min-width:761px) and (max-width:1050px){.features-reader-shell{grid-template-columns:270px minmax(0,1fr)}.feature-reader-sidebar nav a{gap:10px;padding:14px 10px}}
@media(max-width:760px){.feature-reader-sidebar nav a{min-height:62px;padding:10px 14px;gap:10px}.feature-menu-icon{width:24px;height:24px}.feature-menu-copy strong{font-size:.82rem}.feature-menu-copy small{font-size:.7rem;margin-top:3px}}

/* Article → cover-flow cards → article; mounted only while switching. */
.feature-reader-stage{overflow:hidden;isolation:isolate}
.feature-reader-stage[aria-busy="true"] .feature-reader-scroll{will-change:transform,opacity;pointer-events:none}
.feature-article-carousel{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.feature-carousel-card{position:absolute;left:50%;top:50%;width:var(--article-card-width);height:var(--article-card-height);opacity:0;transform:translate(-50%,-50%);background:#fff;border:1px solid #d5d8d0;border-radius:14px;backface-visibility:hidden;will-change:transform,opacity}
.feature-carousel-card-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;text-align:center;opacity:0}
.feature-carousel-card .feature-menu-icon{width:64px;height:64px;color:#b54109}
.feature-carousel-card strong{color:var(--site-text);font-size:clamp(1rem,1.7vw,1.45rem);font-weight:600;line-height:1.3;text-wrap:balance}
@media(max-width:760px){.feature-carousel-card-content{gap:16px;padding:16px}.feature-carousel-card .feature-menu-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.feature-article-carousel{display:none}}

.features-workflow-demo{aspect-ratio:16/9;min-height:180px}
.features-workflow-demo img{width:100%;height:100%;object-fit:contain}

/* Read, watch, then compare: one scroll-led Insights walkthrough. */
.feature-reader-scroll{position:relative}
.feature-reader-walkthrough{max-width:1180px}
.insights-story{--intro-opacity:1;--intro-y:0px;--demo-opacity:0;--demo-y:200px;--demo-x:0%;--demo-scale:1;--summary-opacity:0;--summary-y:30px;--story-progress:0}
.insights-story-intro{padding:24px 0}
.insights-story-intro h1{font-size:clamp(2rem,4vw,4rem);max-width:19ch;text-wrap:balance}
.insights-story-intro .feature-reader-lead{max-width:58ch}
.insights-story-path{display:flex;flex-wrap:wrap;gap:20px 30px;margin:32px 0;color:#4c554e}
.insights-story-path>span{display:flex;align-items:center;gap:10px;font-size:.88rem}
.insights-story-path .feature-menu-icon{width:22px;height:22px}
.insights-story-start{display:inline-flex;align-items:center;gap:24px;padding:12px 0;border:0;border-bottom:1px solid #b54109;background:none;color:#b54109;font-weight:600}
.insights-story-start span{font-size:1.4rem}
.insights-story-summary h2{font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.12;letter-spacing:-.03em;max-width:12ch;margin:0 0 24px;color:#20221f}
.insights-story-summary dl{margin:0}
.insights-story-summary dl>div{margin-top:20px}
.insights-story-summary dt{font-weight:600;font-size:.95rem;color:#20221f;margin-bottom:6px}
.insights-story-summary dd{margin:0;font-size:.85rem;line-height:1.6;color:#555d57}
.insights-story[data-enhanced="true"]{height:calc(var(--story-height) * 3)}
.insights-story[data-enhanced="true"] .insights-story-stage{position:sticky;top:0;height:var(--story-height);isolation:isolate}
.insights-story[data-enhanced="true"] .insights-story-intro{position:absolute;inset:0 0 65px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:var(--intro-opacity);transform:translateY(var(--intro-y));pointer-events:none}
.insights-story[data-enhanced="true"] .insights-story-intro:not([inert]){pointer-events:auto}
.insights-story[data-enhanced="true"] .insights-story-media{position:absolute;inset:0 0 65px;display:flex;align-items:center;opacity:var(--demo-opacity);transform:translate(var(--demo-x),var(--demo-y)) scale(var(--demo-scale));transform-origin:center;pointer-events:none}
.insights-story[data-enhanced="true"] .insights-story-media:not([inert]){pointer-events:auto}
.insights-story[data-enhanced="true"] .features-preview{width:100%;margin:0;border:0;border-radius:12px;box-shadow:0 18px 44px #20221f20}
.insights-story[data-enhanced="true"] .features-workflow-demo{min-height:0;max-height:calc(var(--story-height) - 160px);background:#fff}
.insights-story[data-enhanced="true"] .features-workflow-demo img{max-height:calc(var(--story-height) - 160px);object-fit:contain}
.insights-story[data-enhanced="true"] .insights-story-summary{position:absolute;left:0;top:0;bottom:65px;width:31%;display:flex;flex-direction:column;justify-content:center;opacity:var(--summary-opacity);transform:translateY(var(--summary-y));pointer-events:none}
.insights-story-nav{position:absolute;bottom:8px;left:0;right:0;display:flex;gap:24px;padding:0 0 18px;border-bottom:1px solid #d5d8d0}
.insights-story-nav button{border:0;background:none;padding:10px 0;font-size:.8rem;color:#555d57}
.insights-story-nav button[aria-current="step"]{color:#b54109;font-weight:600}
.insights-story-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:#e84d00;transform:scaleX(var(--story-progress));transform-origin:left}
.insights-story-details{max-width:880px;margin:56px auto 0}
.insights-story-details>h2{font-size:1.6rem;letter-spacing:-.03em;margin-bottom:24px}
.insights-story-details details{border-top:1px solid #d5d8d0}
.insights-story-details summary{cursor:pointer;padding:22px 4px;font-size:1rem;font-weight:600;line-height:1.5;color:#20221f}
.insights-story-details summary::marker{color:#b54109}
.insights-story-details summary:focus-visible{outline:2px solid #b54109;outline-offset:3px}
.insights-story-details details>div{padding:0 4px 16px;max-width:70ch}
.insights-story[data-enhanced="false"] .insights-story-summary{padding:24px 0}
.insights-story[data-enhanced="false"] .insights-story-summary h2{max-width:none}
@media(max-width:760px){.insights-story-path{gap:16px;flex-direction:column;margin:24px 0}.insights-story-intro{padding:0}.insights-story-details{margin-top:32px}}

.feature-reader-scroll:has(.feature-reader-walkthrough){padding-top:16px}


.insights-story[data-enhanced="true"] .features-demo-placeholder :is(strong,p){color:var(--site-text)}


.feature-event-demos .features-demo-controls button[aria-selected="true"]{background:#e84d00;color:#fff}
.feature-event-demos .features-demo-stage{aspect-ratio:5/3}
.feature-event-demos .features-demo-stage:focus-visible{outline:2px solid #b54109;outline-offset:3px}

.feature-article-link{color:#b54109;text-decoration:underline;text-underline-offset:3px}
.feature-article-link:hover{color:#8b3106}