/* Narrative layout only. Controls, icons and colours come from the shared CRM source. */
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
.showcase { margin:0; background:var(--ui-canvas); color:var(--ui-text); font:16px/1.65 var(--ui-font); -webkit-font-smoothing:antialiased; overflow-wrap:anywhere; }
.showcase a { color:inherit; }
.showcase button,.showcase select,.showcase input,.showcase textarea { font-family:inherit; }
.showcase h1,.showcase h2,.showcase h3,.showcase p { margin:0; }
.showcase h1,.showcase h2,.showcase h3 { line-height:1.08; letter-spacing:-.045em; font-weight:650; }
.showcase h1 { font-size:clamp(48px,5.35vw,80px); }
.showcase h2 { font-size:clamp(36px,3.7vw,54px); }
.showcase h3 { font-size:24px; letter-spacing:-.025em; }
.showcase h1 em { color:var(--ui-accent); font-family:Georgia,serif; font-weight:400; letter-spacing:-.05em; }
.shell { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:fixed; top:8px; left:8px; transform:translateY(-150%); z-index:200; padding:12px 20px; background:var(--ui-surface); }
.skip-link:focus { transform:none; }
.site-header { position:sticky; top:0; z-index:50; background:var(--ui-canvas); border-bottom:1px solid var(--ui-border); }
.nav-line { min-height:88px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 40px; }
.wordmark { text-decoration:none; font-size:30px; font-weight:800; letter-spacing:-1.8px; line-height:1; }
.wordmark span { font-size:10px; letter-spacing:0; vertical-align:top; margin-left:3px; }
.nav-line nav { display:flex; gap:28px; margin-left:auto; }
.nav-line nav a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; font-size:13px; font-weight:600; color:var(--ui-text-secondary); }
.nav-line nav a:hover,.quiet-link:hover { color:var(--ui-accent); }
.site-tools { display:flex; align-items:center; gap:8px; }
.site-tools [data-theme-mount] { width:44px; min-height:44px; }
.language-link { min-height:44px; min-width:44px; display:grid; place-items:center; font-size:12px; font-weight:700; text-decoration:none; }
.site-tools .appearance-picker [data-appearance-label] { display:none; }
.site-tools .appearance-picker>summary { width:44px; justify-content:center; padding:0; border-color:transparent; }
.menu-toggle { display:none!important; }
.hero { display:grid; grid-template-columns:1fr 1.08fr; gap:64px; align-items:center; padding-block:92px 70px; }
.eyebrow { font-size:11px; line-height:1.5; letter-spacing:.12em; font-weight:700; color:var(--ui-accent); }
.brand-dash { display:inline-block; width:26px; height:3px; background:var(--ui-accent); margin:0 8px 3px 0; }
.hero h1 { margin-top:24px; }
.intro { margin-top:28px!important; font-size:18px; line-height:1.65; color:var(--ui-text-secondary); max-width:430px; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:30px; }
.showcase .large { min-height:54px; padding:14px 22px; font-size:14px; }
.quiet-link { display:inline-flex; align-items:center; min-height:44px; gap:10px; font-size:13px; font-weight:650; text-decoration:none; }
.hero-note { color:var(--ui-text-muted); font-size:12px; margin-top:20px!important; }
.hero-stage { position:relative; min-width:0; padding:22px; border:1px solid var(--ui-border); border-radius:20px; background:var(--ui-surface-soft); }
.hero-stage::before { content:""; position:absolute; inset:30px 12px -18px; background:var(--ui-accent-soft); border-radius:24px; z-index:-1; transform:rotate(3deg); }
.stage-label { display:flex; align-items:center; gap:8px; color:var(--ui-text-muted); font-size:11px; margin-bottom:14px; }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--ui-accent); }
.stage-count { margin-left:auto; font-variant-numeric:tabular-nums; }
.stage-hint { margin-top:14px!important; font-size:11px; color:var(--ui-text-muted); }
.product-widget { background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:12px; overflow:hidden; min-width:0; box-shadow:var(--ui-shadow-small); }
.widget-heading { display:flex; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid var(--ui-border); }
.widget-heading strong { font-size:14px; line-height:1.4; }
.widget-heading small { display:block; font-size:11px; color:var(--ui-text-muted); }
.widget-heading .pill { margin-left:auto; }
.pill { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:6px; background:var(--ui-accent-soft); color:var(--ui-accent); font-size:11px; font-weight:600; white-space:nowrap; }
.pill.blue { background:var(--ui-info-soft); color:var(--ui-info); }
.pill.amber { background:var(--ui-warning-soft); color:var(--ui-warning); }
.widget-tabs { display:flex; gap:8px; padding:12px 16px; overflow-x:auto; border-bottom:1px solid var(--ui-border); }
.widget-tabs .btn { white-space:nowrap; flex-shrink:0; font-size:12px; padding:8px 12px; }
.widget-tabs .btn[aria-pressed="true"] { color:var(--ui-accent); background:var(--ui-accent-soft); border-color:var(--ui-accent); }
.widget-tabs .icon { width:16px; height:16px; }
.inbox-widget { display:flex; flex-direction:column; min-height:600px; }
.conversation { min-height:220px; max-height:340px; overflow-y:auto; overscroll-behavior:contain; flex:1; padding:22px 20px; display:flex; flex-direction:column; gap:18px; background:var(--ui-surface-soft); }
.sample-message { flex:none; }
.conversation-date { font-size:10px; color:var(--ui-text-muted); text-align:center; }
.sample-message { max-width:86%; font-size:13px; line-height:1.6; padding:12px 14px; border:1px solid var(--ui-border); background:var(--ui-surface); border-radius:10px 10px 10px 2px; align-self:flex-start; }
.sample-message.sent { align-self:flex-end; background:var(--ui-message-sent); border-radius:10px 10px 2px 10px; }
.sample-message small { display:block; text-align:right; font-size:10px; color:var(--ui-text-muted); margin-top:7px; }
.sample-call { display:flex; align-items:center; gap:14px; }
.sample-call .icon { color:var(--ui-accent); width:26px; height:26px; }
.sample-call p { font-size:11px; color:var(--ui-text-muted); }
.widget-compose { display:flex; gap:8px; padding:14px 16px; align-items:end; }
.widget-compose .field { flex:1; }
.widget-compose .field input { border-color:var(--ui-border); font-size:12px; }
.widget-compose .btn { padding-inline:12px; }
.widget-feedback { font-size:11px; color:var(--ui-accent); padding:0 16px 12px; min-height:28px; }
.widget-feedback.is-error { color:var(--ui-danger); }
.widget-compose input[aria-invalid="true"] { border-color:var(--ui-danger); }
.channel-strip { border-block:1px solid var(--ui-border); padding:28px 0; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.channel-strip p { font-size:12px; color:var(--ui-text-muted); max-width:150px; }
.channel-strip>div { display:flex; gap:32px; flex-wrap:wrap; }
.channel-strip span { font-size:17px; font-weight:650; letter-spacing:-.03em; color:var(--ui-text-secondary); }
.story { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:110px; padding-block:110px; }
.story-copy>h2 { margin-top:20px; }
.story-copy>p:not(.eyebrow) { font-size:16px; color:var(--ui-text-secondary); margin-top:24px; max-width:430px; }
.check-list { list-style:none; padding:0; margin:28px 0 0; display:grid; gap:14px; }
.check-list li { display:flex; align-items:start; gap:12px; font-size:13px; color:var(--ui-text-secondary); }
.check-list li::before { content:"✓"; color:var(--ui-accent); font-weight:700; }
.identity-story { border-block:1px solid var(--ui-border); }
.identity-header { display:flex; align-items:center; gap:14px; padding:22px 0; }
.identity-avatar { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:var(--ui-accent-soft); color:var(--ui-accent); font-weight:650; }
.identity-header>div { display:grid; gap:4px; }
.identity-header strong { font-size:16px; }
.identity-header span:not(.pill,.identity-avatar) { font-size:12px; color:var(--ui-text-muted); }
.identity-header .pill { margin-left:auto; }
.contact-timeline { display:grid; gap:0; }
.contact-timeline>div { position:relative; display:flex; align-items:flex-start; gap:14px; padding:18px 0; }
.contact-timeline>div:not(:last-child)::after { content:""; position:absolute; left:20px; top:58px; bottom:-18px; width:1px; background:var(--ui-border-strong); }
.timeline-icon { width:40px; height:40px; flex-shrink:0; display:grid; place-items:center; background:var(--ui-surface-soft); border:1px solid var(--ui-border); border-radius:10px; }
.contact-timeline strong { font-size:13px; }
.contact-timeline p { font-size:12px; color:var(--ui-text-muted); }
.contact-timeline time { font-size:11px; margin-left:auto; color:var(--ui-text-muted); }
.identity-footer { display:flex; gap:8px; align-items:center; border-top:1px solid var(--ui-border); padding:20px 0; font-size:12px; color:var(--ui-accent); }
.follow-section { background:var(--ui-accent-soft); }
.reverse .story-copy { order:2; }
.reverse .product-widget { order:1; }
.follow-body { padding:24px; }
.mini-label { font-size:11px; color:var(--ui-text-muted); }
.follow-status { margin-block:12px 20px; }
.follow-date { display:flex; align-items:center; gap:12px; padding:18px; margin-top:20px; background:var(--ui-surface-soft); border:1px solid var(--ui-border); border-radius:10px; }
.follow-date .icon { color:var(--ui-accent); }
.follow-date strong { font-size:18px; display:block; letter-spacing:-.03em; }
.follow-date small { font-size:11px; color:var(--ui-text-muted); }
.follow-options { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.follow-footer { display:flex; align-items:center; gap:8px; margin-top:24px; color:var(--ui-text-muted); font-size:11px; }
.offer-widget { transform:rotate(-1deg); box-shadow:var(--ui-shadow-panel); }
.offer-widget:hover { transform:rotate(0); transition:transform var(--ui-duration-panel) var(--ui-ease); }
.offer-cover { padding:24px; border-bottom:1px solid var(--ui-border); display:flex; align-items:start; gap:20px; }
.offer-cover .wordmark { font-size:19px; }
.offer-cover .offer-reference { margin-left:auto; text-align:right; font-size:11px; color:var(--ui-text-muted); }
.offer-cover h3 { font-size:22px; margin-block:22px 6px; }
.offer-cover p { color:var(--ui-text-muted); font-size:12px; }
.offer-lines { padding:8px 24px; }
.offer-line { display:flex; align-items:center; gap:12px; padding-block:14px; border-bottom:1px solid var(--ui-border); }
.offer-line>div { display:grid; gap:4px; }
.offer-line strong { font-size:13px; }
.offer-line small { color:var(--ui-text-muted); font-size:11px; }
.offer-line .amount { margin-left:auto; font-size:13px; white-space:nowrap; }
.offer-total { padding:20px 24px; display:flex; align-items:center; justify-content:space-between; background:var(--ui-surface-soft); font-size:12px; color:var(--ui-text-muted); }
.offer-total strong { font-size:26px; color:var(--ui-text); letter-spacing:-.04em; }
.offer-caption { font-size:11px; padding:14px 24px; color:var(--ui-text-muted); }
.attribution-section { background:var(--ui-surface-soft); padding-block:100px; }
.attribution-heading { display:grid; grid-template-columns:1.3fr 1fr; gap:100px; align-items:end; margin-bottom:36px; }
.attribution-heading h2 { margin-top:20px; }
.attribution-heading>p { color:var(--ui-text-secondary); }
.attribution-widget { padding:24px 30px; box-shadow:none; }
.report-top { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.report-top h3 { font-size:18px; }
.report-top .widget-tabs { padding:0; border:0; }
.report-content { display:grid; grid-template-columns:1.8fr 1fr; gap:40px; margin-top:24px; }
.chart-block { min-width:0; }
.chart-legend { display:flex; gap:24px; font-size:11px; color:var(--ui-text-muted); }
.chart-legend span::before { content:""; display:inline-block; width:14px; height:3px; margin:0 6px 3px 0; background:var(--ui-accent); }
.chart-legend span:nth-child(2)::before { background:var(--ui-info); }
.chart { display:block; width:100%; height:230px; margin-top:20px; overflow:visible; }
.chart text { fill:var(--ui-text-muted); font-size:12px; }
.chart line { stroke:var(--ui-border); }
.chart path { fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.chart .google-line { stroke:var(--ui-accent); }
.chart .meta-line { stroke:var(--ui-info); }
.report-metrics { display:grid; grid-template-columns:1fr 1fr; gap:24px 20px; align-content:center; padding-left:36px; border-left:1px solid var(--ui-border); }
.report-metrics dt { font-size:11px; color:var(--ui-text-muted); }
.report-metrics dd { margin:4px 0 0; font-size:30px; font-weight:650; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.report-sources { display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding-top:20px; border-top:1px solid var(--ui-border); font-size:11px; color:var(--ui-text-muted); }
.sample-note { margin-top:14px!important; font-size:11px; line-height:1.6; color:var(--ui-text-muted); }
.calendar-body { padding:20px; }
.calendar-week { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-bottom:20px; }
.day-choice { border:1px solid var(--ui-border); background:var(--ui-surface); color:var(--ui-text-muted); min-height:68px; border-radius:8px; cursor:pointer; padding:8px 4px; font:11px var(--ui-font); }
.day-choice strong { font-size:21px; color:var(--ui-text); display:block; margin-top:7px; font-weight:600; }
.day-choice[aria-pressed="true"] { background:var(--ui-accent-soft); border-color:var(--ui-accent); }
.day-choice[aria-pressed="true"] strong { color:var(--ui-accent); }
.calendar-slots { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
.calendar-slots .btn { padding-inline:8px; }
.calendar-confirm { display:flex; align-items:center; justify-content:space-between; margin-top:24px; border-top:1px solid var(--ui-border); padding-top:20px; font-size:12px; }
.calendar-confirm small { display:block; font-size:11px; color:var(--ui-text-muted); }
.integration-section { padding-block:50px 100px; }
.section-heading { text-align:center; max-width:760px; margin-inline:auto; }
.section-heading>h2 { margin-top:18px; }
.section-heading>p:not(.eyebrow) { max-width:630px; margin:24px auto 0; color:var(--ui-text-secondary); }
.connection-explorer { margin-top:40px; display:grid; grid-template-columns:1fr 1.2fr; border-block:1px solid var(--ui-border); }
.connection-options { padding:24px 32px 24px 0; display:grid; grid-template-columns:1fr 1fr; gap:8px; border-right:1px solid var(--ui-border); }
.connection-options .btn { justify-content:flex-start; min-height:54px; }
.connection-options .btn[aria-pressed="true"] { background:var(--ui-accent-soft); border-color:var(--ui-accent); color:var(--ui-accent); }
.connection-detail { display:flex; flex-direction:column; justify-content:center; padding:30px 40px; }
.connection-detail h3 { font-size:30px; }
.connection-detail p { color:var(--ui-text-secondary); font-size:14px; margin-top:12px; }
.connection-detail .pill { align-self:start; margin-top:20px; }
.pricing-section { background:var(--ui-surface-soft); padding-block:96px; }
.pricing-top { margin-top:36px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.pricing-top p { font-size:11px; color:var(--ui-text-muted); }
.plans-widget { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin-top:20px; }
.plan { min-width:0; border:1px solid var(--ui-border); background:var(--ui-surface); padding:28px; border-radius:12px; position:relative; }
.plan[aria-current="true"] { border-color:var(--ui-accent); box-shadow:inset 0 0 0 1px var(--ui-accent); }
.plan .plan-name { font-size:12px; color:var(--ui-accent); font-weight:700; }
.plan h3 { font-size:26px; margin-top:20px; }
.plan h3 small { font-size:12px; font-weight:400; letter-spacing:0; color:var(--ui-text-muted); }
.plan p { font-size:12px; color:var(--ui-text-muted); margin-top:8px; }
.plan ul { list-style:none; padding:0; margin:24px 0; display:grid; gap:8px; font-size:13px; }
.plan ul strong { font-weight:600; }
.plan .btn { width:100%; }
.common-features { display:flex; gap:36px; padding:28px 0; font-size:12px; }
.common-features strong { flex-shrink:0; }
.common-features ul { list-style:none; margin:0; padding:0; display:flex; gap:16px 30px; flex-wrap:wrap; color:var(--ui-text-secondary); }
.common-features li::before { content:"✓"; margin-right:8px; color:var(--ui-accent); }
.wallet-story { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; margin-top:36px; padding-top:40px; border-top:1px solid var(--ui-border); align-items:center; }
.wallet-story>div>p { margin-top:18px; color:var(--ui-text-secondary); font-size:14px; }
.wallet-widget { padding:24px; box-shadow:none; }
.wallet-head { display:flex; align-items:center; justify-content:space-between; }
.wallet-head strong { font-size:12px; }
.wallet-meter { margin-top:18px; width:100%; height:6px; border-radius:3px; overflow:hidden; background:var(--ui-border); }
.wallet-meter>span { display:block; height:100%; width:82%; background:var(--ui-accent); transition:width 300ms var(--ui-ease); }
.wallet-amount { font-size:34px; letter-spacing:-.04em; font-weight:650; margin-top:8px!important; }
.wallet-row { display:flex; align-items:center; justify-content:space-between; font-size:12px; padding-block:12px; border-bottom:1px solid var(--ui-border); }
.wallet-widget>.btn { margin-top:18px; width:100%; }
.wallet-result { font-size:11px; color:var(--ui-accent); margin-top:12px!important; }
.faq-section { display:grid; grid-template-columns:1fr 1.4fr; gap:100px; padding-block:110px; }
.faq-section details { border-bottom:1px solid var(--ui-border); }
.faq-section summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:76px; padding-block:18px; font-size:15px; font-weight:600; cursor:pointer; }
.faq-section summary::-webkit-details-marker { display:none; }
.faq-section summary span { font-size:24px; font-weight:400; color:var(--ui-accent); }
.faq-section details[open] summary span { transform:rotate(45deg); }
.faq-section details p { padding:0 36px 24px 0; color:var(--ui-text-secondary); font-size:14px; }
.closing { border-block:1px solid var(--ui-border); padding-block:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:48px; }
.closing h2 { margin-top:16px; }
.closing p:not(.eyebrow) { margin-top:24px; max-width:440px; font-size:14px; color:var(--ui-text-secondary); }
.closing .btn { flex-shrink:0; max-width:100%; white-space:normal; }
.hero>*,.story>*,.faq-section>*,.connection-explorer>*,.closing>* { min-width:0; }
.footer { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-block:50px; }
.footer .wordmark { font-size:24px; }
.footer p { font-size:11px; color:var(--ui-text-muted); margin-top:10px; }
.footer>div:last-child { display:flex; gap:24px; font-size:11px; color:var(--ui-text-muted); }
.live-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.scene-enter { animation:scene-enter var(--ui-duration-panel) var(--ui-ease); }
@keyframes scene-enter { from { opacity:.35; transform:translateY(8px); } to { opacity:1; transform:none; } }
.motion-enabled [data-reveal] { transition:opacity var(--ui-duration-reveal) var(--ui-ease),transform var(--ui-duration-reveal) var(--ui-ease); }
.motion-enabled [data-reveal].waiting { opacity:.2; transform:translateY(20px); }
@media(min-width:1441px) { .hero { padding-block:110px 90px; } }
@media(max-width:1150px) {
 .shell { width:calc(100% - 64px); }.nav-line { gap:24px; }.nav-line nav { gap:18px; }.nav-demo { display:none!important; }
 .hero { gap:40px; padding-block:65px; }.hero h1 { font-size:62px; }.hero-stage { padding:16px; }
 .story { gap:56px; }.channel-strip>div { gap:24px; }.attribution-heading { gap:60px; }
}
@media(max-width:850px) {
 .shell { width:calc(100% - 40px); }.nav-line { min-height:72px; }.nav-line nav { display:none; }.site-tools { margin-left:auto; }.menu-toggle { display:flex!important; font-size:22px!important; }
 .nav-line nav.open { display:flex; position:absolute; top:100%; inset-inline:0; padding:16px 24px; background:var(--ui-surface); border-bottom:1px solid var(--ui-border); flex-wrap:wrap; }
 .hero { grid-template-columns:1fr; max-width:680px; padding-block:50px; gap:38px; }.hero h1 { font-size:clamp(50px,8.4vw,70px); }.intro { max-width:480px; }.hero-stage { padding:20px; }
 .channel-strip { flex-direction:column; align-items:start; padding-block:24px; }.channel-strip p { max-width:none; }.channel-strip>div { gap:14px 26px; }
 .story { grid-template-columns:1fr; gap:36px; padding-block:70px; max-width:680px; }.story h2 { font-size:40px; }.story-copy>p:not(.eyebrow) { font-size:15px; }
 .reverse .story-copy,.reverse .product-widget { order:0; }
 .attribution-heading { gap:40px; }.attribution-section { padding-block:70px; }.attribution-heading h2 { font-size:38px; }
 .report-content { grid-template-columns:1fr; }.report-metrics { border-left:0; border-top:1px solid var(--ui-border); padding:20px 0 0; grid-template-columns:repeat(4,1fr); }.report-metrics dd { font-size:26px; }
 .wallet-story { grid-template-columns:1fr; gap:30px; }.plan { padding:20px; }.faq-section { gap:40px; padding-block:70px; }.closing h2 { font-size:36px; }
}
@media(max-width:760px) { .plans-widget { grid-template-columns:1fr; }.plan { padding:24px; }.common-features { flex-direction:column; gap:16px; } }
@media(max-width:600px) {
 html { scroll-padding-top:84px; }.shell { width:calc(100% - 40px); }.nav-line { min-height:68px; }.wordmark { font-size:26px; }
 .hero { padding-block:40px 42px; gap:30px; }.hero h1 { font-size:52px; letter-spacing:-.05em; }.eyebrow { font-size:10px; letter-spacing:.09em; }.hero h1 { margin-top:18px; }.intro { font-size:16px; margin-top:20px!important; }.hero-actions { gap:18px; margin-top:24px; }.hero-note { font-size:11px; }
 .hero-stage { padding:14px; border-radius:16px; }.stage-hint { font-size:10px; }.stage-label { font-size:10px; }.widget-heading { padding:14px; gap:10px; }.widget-heading .pill { display:none; }.widget-tabs { padding:8px; gap:6px; }
 .conversation { padding:18px 12px; min-height:208px; }.sample-message { max-width:92%; }.widget-compose { padding:12px 10px; }.widget-compose .btn { font-size:0; width:44px; flex-shrink:0; }.widget-compose .btn .icon { width:18px; height:18px; }.widget-compose .field input { font-size:12px; }
 .channel-strip span { font-size:14px; }.channel-strip>div { gap:12px 22px; }
 .story { grid-template-columns:1fr; gap:30px; padding-block:60px; }.story h2 { font-size:38px; }.story-copy>p:not(.eyebrow) { font-size:15px; margin-top:18px; }.check-list { margin-top:20px; gap:12px; }.check-list li { font-size:12px; }.reverse .story-copy { order:0; }.reverse .product-widget { order:0; }
 .follow-body { padding:18px; }.offer-widget { transform:none; }.offer-cover { padding:20px; }.offer-lines { padding-inline:20px; }.offer-total { padding:18px 20px; }
 .attribution-section { padding-block:60px; }.attribution-heading { grid-template-columns:1fr; gap:24px; }.attribution-heading>p { font-size:15px; }.attribution-widget { padding:18px; }.report-top { align-items:start; gap:14px; flex-direction:column; }.report-top .widget-tabs { width:100%; }.report-content { gap:14px; margin-top:16px; }.chart { height:180px; }.report-metrics { grid-template-columns:1fr 1fr; gap:20px; }.report-metrics dd { font-size:30px; }
 .calendar-body { padding:16px; }.calendar-week { gap:6px; }.calendar-slots { gap:6px; }
 .integration-section { padding-block:12px 60px; }.section-heading { text-align:left; }.section-heading h2 { font-size:38px; }.section-heading>p:not(.eyebrow) { font-size:15px; margin-top:18px; }.connection-explorer { grid-template-columns:1fr; margin-top:28px; }.connection-options { padding:20px 0; border-right:0; }.connection-detail { border-top:1px solid var(--ui-border); padding:24px 0; min-height:205px; }
 .pricing-section { padding-block:60px; }.pricing-top { flex-direction:column; align-items:start; gap:12px; margin-top:24px; }.plans-widget { grid-template-columns:1fr; gap:12px; }.plan { padding:24px; }.plan ul { margin-block:16px; }.plan h3 { margin-top:14px; }.common-features { flex-direction:column; gap:16px; }.common-features ul { display:grid; grid-template-columns:1fr 1fr; gap:14px 12px; font-size:11px; }.wallet-story { grid-template-columns:1fr; gap:24px; margin-top:14px; padding-top:30px; }
 .faq-section { grid-template-columns:1fr; gap:28px; padding-block:60px; }.faq-section summary { font-size:14px; min-height:70px; }.closing { flex-direction:column; align-items:start; gap:30px; padding-block:44px; }.closing h2 { font-size:38px; }.closing .btn { max-width:100%; }.footer { align-items:start; flex-direction:column; padding-block:36px; }.footer>div:last-child { flex-wrap:wrap; gap:18px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.showcase *, .showcase *::before,.showcase *::after { animation:none!important; transition:none!important; }.motion-enabled [data-reveal].waiting { opacity:1; transform:none; } }
@media print { .site-header,.site-tools,.widget-compose,.pricing-top,.live-announcement { display:none; }.showcase { background:#fff; color:#192638; }.shell { width:100%; }.story,.hero,.attribution-section,.pricing-section,.faq-section { padding-block:24px; }.product-widget { break-inside:avoid; box-shadow:none; } }

.wallet-meter progress { appearance:none; display:block; border:0; width:100%; height:6px; background:var(--ui-border); color:var(--ui-accent); }
.wallet-meter progress::-webkit-progress-bar { background:var(--ui-border); }
.wallet-meter progress::-webkit-progress-value { background:var(--ui-accent); }
.wallet-meter progress::-moz-progress-bar { background:var(--ui-accent); }
.plan .plan-price { font-size:22px; font-weight:600; letter-spacing:-.035em; color:var(--ui-text); margin-top:22px; }
.plan-price small { font-size:11px; font-weight:400; letter-spacing:0; color:var(--ui-text-muted); }

.wallet-story>.wallet-widget>.wallet-amount { font-size:34px; line-height:1.2; color:var(--ui-text); }
.wallet-story>.wallet-widget>.wallet-result { font-size:11px; color:var(--ui-accent); }

/* Product example controls stay inside the example, outside its simulated work surface. */
.widget-tools { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 14px; border-top:1px solid var(--ui-border); color:var(--ui-text-muted); font-size:10px; }
.widget-tools>span { white-space:nowrap; }
[data-ui-preview] .widget-reset { border-color:transparent; background:transparent; padding:8px; font-size:11px; }
.widget-static { padding:24px; font-size:14px; line-height:1.6; }
.widget-static h3 { margin-bottom:12px; }.widget-static dl { display:grid; grid-template-columns:1fr auto; gap:12px; margin:20px 0; }.widget-static dd { text-align:end; font-weight:600; }.widget-static small { color:var(--ui-text-muted); }
html:not(.site-enhanced) .menu-toggle { display:none!important; }
.fallback-nav { display:none; }
@media(max-width:850px) { .fallback-nav { display:flex; flex-wrap:wrap; gap:8px 20px; padding-block:8px 12px; }.fallback-nav a { display:inline-flex; min-height:44px; align-items:center; font-size:13px; color:var(--ui-text-secondary); } }

.plans-widget>.widget-tools,.connection-explorer>.widget-tools { grid-column:1/-1; }
/* Focused product routes share the same content and examples as the home page. */
.page-intro { padding-block:44px 64px; max-width:1000px; }.breadcrumb { display:inline-flex; min-height:44px; align-items:center; color:var(--ui-text-muted); font-size:12px; margin-bottom:36px; }.page-intro h1 { font-size:clamp(38px,5vw,64px); max-width:900px; line-height:1.08; letter-spacing:-.045em; margin:20px 0; }.page-intro>p:not(.eyebrow) { max-width:620px; font-size:18px; color:var(--ui-text-secondary); line-height:1.65; }
.standalone-demo { max-width:720px; margin-block:12px 64px; }.standalone-demo>.stage-label { margin-bottom:14px; }.standalone-demo .conversation { min-height:220px; }
.feature-hub { padding-block:40px 64px; }.feature-heading h2 { font-size:36px; letter-spacing:-.035em; }.feature-heading p { margin-top:16px; max-width:600px; color:var(--ui-text-secondary); }.feature-controls { display:flex; flex-wrap:wrap; align-items:end; gap:24px; justify-content:space-between; margin-block:32px; }.feature-filters { display:flex; flex-wrap:wrap; gap:8px; }.feature-filters [aria-pressed=true] { background:var(--ui-accent-soft); color:var(--ui-accent); border-color:var(--ui-accent); }.feature-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 64px; }.feature-list article { border-top:1px solid var(--ui-border); padding-block:24px; }.feature-list article a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; }.feature-list article h3 { font-size:17px; font-weight:650; }.feature-list article p { font-size:14px; margin-top:6px; color:var(--ui-text-secondary); line-height:1.6; }.feature-list [hidden] { display:none; }.feature-result { color:var(--ui-text-muted); font-size:12px; margin-top:16px; }
.legal-content { max-width:760px; padding-bottom:60px; }.legal-content h2 { font-size:24px; margin:36px 0 16px; letter-spacing:-.025em; }.legal-content p { font-size:16px; line-height:1.8; margin:16px 0; color:var(--ui-text-secondary); }.legal-content a { color:var(--ui-accent); text-decoration:underline; text-underline-offset:4px; }
.guided-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-bottom:48px; }.guided-choices a { display:grid; gap:12px; padding:20px 0; border-top:1px solid var(--ui-border); min-width:0; color:var(--ui-text); text-decoration:none; }.guided-choices a:hover { border-color:var(--ui-accent); color:var(--ui-accent); }.guided-choices span { color:var(--ui-accent); font-size:12px; }.guided-choices strong { font-size:18px; }.guided-choices small { color:var(--ui-text-secondary); font-size:13px; line-height:1.6; }
.contact-section { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-bottom:64px; }.contact-section>div { min-width:0; }.contact-section h2 { font-size:32px; }.contact-example { margin-top:24px; }.contact-method { background:var(--ui-surface-soft); padding:32px; border:1px solid var(--ui-border); border-radius:12px; }.contact-method>.field { margin-block:20px; }.contact-method textarea { min-width:0; width:100%; font-size:16px; line-height:1.6; height:calc(3.2em + 24px); resize:none; }.contact-actions { display:flex; flex-wrap:wrap; gap:12px; }.contact-actions .btn { min-height:44px; white-space:normal; }.contact-method>p:not(.mini-label) { margin-top:16px; color:var(--ui-text-secondary); font-size:13px; line-height:1.6; }.contact-method .contact-feedback { color:var(--ui-accent); min-height:3.2em; }
.product-links { display:flex; flex-wrap:wrap; gap:8px 24px; padding-block:24px; border-bottom:1px solid var(--ui-border); }.product-links a { display:flex; align-items:center; min-height:44px; font-size:12px; color:var(--ui-text-secondary); }
html:not(.site-enhanced) .js-only { display:none; }
@media(max-width:760px) { .page-intro { padding-block:28px 40px; }.page-intro>p:not(.eyebrow) { font-size:16px; }.breadcrumb { margin-bottom:24px; }.feature-list { grid-template-columns:1fr; }.feature-heading h2 { font-size:30px; }.feature-controls { align-items:stretch; }.guided-choices { grid-template-columns:repeat(auto-fit,minmax(min(100%,8em),1fr)); gap:8px 16px; margin-bottom:24px; }.guided-choices a { gap:8px; padding-block:14px; }.guided-choices strong { font-size:15px; }.guided-choices small { font-size:12px; }.contact-section { grid-template-columns:1fr; gap:30px; }.product-links { gap:4px 20px; }.contact-method { padding:24px; } }
@media(max-width:760px) { html[data-scene="demo"] .page-intro { padding-block:20px 24px; } html[data-scene="demo"] .breadcrumb { margin-bottom:16px; }.guided-choices small { display:none; } }



/* Pricing controls remain independent from advertising periods. */
.billing-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px}
.billing-options .btn[aria-pressed=true]{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent)}
.billing-options>span{font-size:12px;color:var(--ui-text-muted);margin-left:auto}
.wallet-scenario{margin:20px 0 12px}
.wallet-details{border-top:1px solid var(--ui-border);font-size:12px;line-height:1.7}
.wallet-details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--ui-text-secondary)}
.wallet-details p{margin-bottom:12px;color:var(--ui-text-secondary)}
.wallet-history{list-style:none;padding:0;margin:12px 0}
.wallet-history li{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--ui-border);padding:12px 0}
.wallet-history small{display:block;color:var(--ui-text-muted)}
.wallet-history strong{font-variant-numeric:tabular-nums}
@media(max-width:640px){.billing-options>span{flex-basis:100%;margin:4px 0}}
/* Product discovery stays in one considered navigation, rather than competing sections. */
.nav-line>#site-nav{align-items:center;gap:22px}.nav-dropdown>summary{display:flex;align-items:center;gap:8px;min-height:44px;list-style:none;font-size:13px;font-weight:600;color:var(--ui-text-secondary);cursor:pointer}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary>span{font-size:15px;color:var(--ui-text-muted);transition:transform var(--ui-duration-panel) var(--ui-ease)}.nav-dropdown[open]>summary>span{transform:rotate(180deg)}.nav-dropdown[open]>summary{color:var(--ui-accent)}
.mega-menu{position:absolute;top:100%;left:50%;width:min(1120px,calc(100vw - 48px));transform:translateX(-50%);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:0 0 16px 16px;box-shadow:var(--ui-shadow-panel);padding:24px 30px;max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain}.mega-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--ui-border);padding-bottom:16px;margin-bottom:20px}.mega-heading>span{font-size:12px;color:var(--ui-text-muted)}.mega-heading a.nav-overview{font-size:18px;color:var(--ui-text);font-weight:650}.mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 36px}.mega-groups h2{font-size:15px;letter-spacing:-.025em;font-weight:650}.mega-groups p{font-size:11px;color:var(--ui-text-muted);margin-top:6px}.mega-groups section>a{display:flex;gap:16px;justify-content:space-between;font-size:12px;min-height:36px;border-bottom:1px solid transparent;padding-right:8px}.mega-groups section>a>span{opacity:0;color:var(--ui-accent)}.mega-groups section>a:hover,.mega-groups section>a:focus-visible{color:var(--ui-accent);background:var(--ui-accent-soft);border-radius:5px}.mega-groups section>a:hover>span,.mega-groups section>a:focus-visible>span{opacity:1}.mega-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ui-border);margin-top:20px;padding-top:12px}.mega-footer>a{font-size:12px!important;color:var(--ui-accent)!important}.resource-menu{width:min(780px,calc(100vw - 48px));display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.resource-menu>a{position:relative;display:flex;align-items:center;gap:14px;padding:16px;min-height:82px;border-radius:8px}.resource-menu>a:hover{background:var(--ui-surface-soft)}.resource-menu>a strong{font-size:14px;font-weight:600;color:var(--ui-text)}.resource-menu>a small{font-size:12px;font-weight:400;color:var(--ui-text-secondary);line-height:1.5}.resource-menu>a>span{position:static;inset:auto}.resource-menu>a>.nav-arrow{color:var(--ui-accent)}
@media(max-width:850px){.nav-line>#site-nav.open{display:flex;align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:0;max-height:74dvh;overflow:auto;padding:12px 20px}.nav-dropdown>summary{justify-content:space-between;min-height:48px;font-size:15px}.mega-menu{position:static;transform:none;left:auto;width:100%;border:0;border-radius:0;box-shadow:none;padding:12px 0 20px;max-height:none;overflow:visible}.mega-heading{display:block}.mega-heading>span{display:block}.mega-groups{grid-template-columns:1fr 1fr;gap:24px 20px}.mega-groups section>a{min-height:44px;font-size:12px;line-height:1.4;padding-block:8px}.mega-groups p{display:none}.mega-footer{gap:12px;flex-wrap:wrap}.resource-menu{grid-template-columns:1fr;padding-bottom:8px;gap:0}.resource-menu>a{padding-left:0;min-height:84px!important}.nav-line>#site-nav>a{font-size:15px;min-height:48px}.mega-heading a.nav-overview{font-size:16px}.mega-heading>span{font-size:11px}}
@media(max-width:390px){.mega-groups{grid-template-columns:1fr}.mega-heading>span{display:none}}

.product-links{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding-block:40px}.product-links h2{font-size:13px;font-weight:650;margin-bottom:8px;letter-spacing:0}.product-links section>a{font-size:12px;line-height:1.5;min-height:36px}.product-links section>a:hover{color:var(--ui-accent)}
@media(max-width:760px){.product-links{grid-template-columns:1fr 1fr;gap:28px 20px;padding-block:32px}.product-links section>a{min-height:44px}.product-links section:last-child{grid-column:1/-1}.product-links section:last-child>a{display:inline-flex;margin-right:20px}}

@media(max-width:850px){.nav-line>#site-nav>*{flex:0 0 auto;width:100%;min-width:0}.nav-line>#site-nav .nav-dropdown{display:block}.mega-menu a{overflow-wrap:anywhere}}

html[data-ui-preview="true"] .contact-method textarea { resize:none; }

.pricing-policy{max-width:900px;margin-block:24px}.pricing-policy p{overflow-wrap:anywhere}.pricing-policy a{text-decoration:underline}.footer>div:last-child{flex-wrap:wrap}