/* Phase 1 foundation: neutral surfaces, restrained brand and independent semantics. */
:root{--accent-primary:#4F651B;--accent-deep:#34450F;--accent-light:#F7FCE8;--accent-dark-mode:#D8FF5C;--text-primary:#191919;--text-secondary:#4D515B;--text-muted:#626773;--text-disabled:#888D98;--canvas:#fff;--surface:#FAFAFA;--surface-secondary:#F4F5F7;--surface-elevated:#fff;--border-default:#DDDFE5;--border-subtle:#ECEEF1;--border-strong:#9CA1AD;--success:#2F6B46;--success-surface:#EFF7F1;--pending:#34450F;--pending-surface:#F7FCE8;--error:#B23B3B;--error-surface:#FFF0F0;--urgent:#9A3B2E;--urgent-surface:#FFF1EB;--human-requested:#526339;--human-surface:#F3F5EC;--lost:#62626B;--lost-surface:#F2F2F4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-control:8px;--radius-card:12px;--radius-product:16px;--bg:var(--canvas);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-default);--accent:var(--accent-primary)}
:root[data-theme=Dark]{--canvas:#141519;--surface:#1B1D22;--surface-secondary:#23262D;--surface-elevated:#23262D;--text-primary:#F1F2F5;--text-secondary:#CDD0D8;--text-muted:#B1B5BF;--text-disabled:#858B98;--border-default:#353944;--border-subtle:#292D35;--border-strong:#666D7C;--accent-primary:var(--accent-dark-mode);--accent-deep:#E6FF9B;--accent-light:#28321D;--success:#8FD4A5;--success-surface:#1C3025;--pending:#D8FF5C;--pending-surface:#28321D;--error:#F1A1A1;--error-surface:#361F25;--urgent:#EDA08B;--urgent-surface:#38251F;--human-requested:#D8E6B5;--human-surface:#28321D;--lost:#B8B8C2;--lost-surface:#282A31;--bg:var(--canvas);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-default)}
.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;border-radius:var(--radius-control);min-height:44px;font-size:14px;transition:background .16s,border-color .16s}
.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);transform:none}.secondary{border-radius:var(--radius-control);min-height:44px;transition:background .16s}.secondary:hover{background:var(--surface-secondary);transform:none}.primary.small,.secondary.small{min-height:40px;font-size:13px}
:root[data-theme=Dark] .primary{color:#141519}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}
.panel,.stat{border-radius:var(--radius-card)}input,select,textarea{border-radius:var(--radius-control);font-size:14px;min-height:44px}.app-content p,.message p,.summary-copy{font-size:14px}.page-heading p{font-size:14px}.app-content small,.lead-name small,.next-action,.detail-field small,.stat span,.workspace-label small,.nav-label{font-size:12px}.nav-label{letter-spacing:.08em}.badge{font-size:12px;border-radius:6px}.app-header{font-size:13px}.nav-item{font-size:14px;align-items:center;gap:12px;min-height:42px}.nav-item.active{background:var(--accent-light);color:var(--accent-primary)}.ui-icon{width:20px;height:20px;flex-shrink:0;display:block}.avatar .ui-icon{width:18px;height:18px}.nav-item span{width:auto}.tabs button,.text-button{font-size:14px}.tabs .selected{color:var(--accent-primary);border-color:var(--accent-primary)}.bar i{background:var(--accent-primary)}
.success{color:var(--success);background:var(--success-surface);border-color:var(--success-surface)}.urgent{color:var(--urgent);background:var(--urgent-surface);border-color:var(--urgent-surface)}.human-requested{color:var(--human-requested);background:var(--human-surface);border-color:var(--human-surface)}.pending{color:var(--pending);background:var(--pending-surface)}.lost{color:var(--lost);background:var(--lost-surface)}.error{color:var(--error);background:var(--error-surface)}
.lead-empty{padding:32px 8px;text-align:center}.lead-empty p{margin:8px 0 20px}.interrupted-note{margin-bottom:24px;border-color:var(--border-default)}.interrupted-note p{margin-top:8px}.full-footer .footer-column>a,.footer-column summary,.footer-parent,.footer-bottom{font-size:12px;color:var(--text-muted)}.review-category,.review-company,.review-hint,.review-example{font-size:12px;line-height:1.4;color:var(--text-muted)}.review-front,.review-back{padding:20px}.review-wordmark{padding-top:8px}.reveal-card{height:330px;min-height:330px}.scenario-disclosure{font-size:15px;max-width:680px;margin:-12px auto 32px}.testimonial-row{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}.testimonial-track,.opposite .testimonial-track{animation:none;transform:none}.testimonial-group{width:max-content;padding:4px}.testimonial-window{overflow:visible;gap:16px}.reveal-card{scroll-snap-align:start;flex-shrink:0}.reveal-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-3px}
/* Functional hero; independent of legacy centered hero styles. */
.phase1-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;max-width:1250px;padding:64px 32px 80px;text-align:left;align-items:center;min-height:650px}.phase1-hero .hero-copy{min-width:0}.phase1-hero .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:24px;color:var(--text-secondary)}.phase1-hero h1{font-size:60px;line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 24px}.phase1-hero h1 span{color:var(--text-primary)}.phase1-hero .hero-copy>p{font-size:17px;line-height:1.6;color:var(--text-secondary);max-width:440px}.phase1-hero .actions{margin:28px 0 24px;justify-content:flex-start;gap:20px}.hero-text-link{font-size:14px;color:var(--text-secondary);text-decoration:underline;text-underline-offset:4px}.hero-text-link:hover{color:var(--accent-primary)}.hero-business-note{font-size:12px;color:var(--text-muted)}
.hero-demo{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-product);min-width:0;box-shadow:0 12px 32px #17172b06;overflow:hidden}.hero-demo-header{padding:20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.hero-demo .product-brand{font-size:14px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hero-demo .product-brand small{font-size:12px;color:var(--text-muted);font-weight:400}.hero-channel-switch{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px}.hero-channel-switch button{background:transparent;display:flex;align-items:center;gap:6px;border:0;color:var(--text-muted);padding:8px;font-size:12px;border-radius:6px;min-height:36px}.hero-channel-switch button[aria-pressed=true]{color:var(--accent-primary);background:var(--accent-light)}.hero-channel-switch .ui-icon{width:16px;height:16px}.hero-story{display:grid;grid-template-columns:1fr 1fr}.hero-conversation{padding:24px 20px;background:var(--surface);border-right:1px solid var(--border-subtle)}.hero-pane-label{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:var(--text-muted);min-height:24px;margin-bottom:20px}.hero-pane-label .ui-icon{width:16px;height:16px}.hero-demo-status{font-size:11px;letter-spacing:0}.hero-speaker{display:flex;gap:10px;align-items:center;margin-bottom:24px}.hero-speaker strong{font-size:14px}.hero-speaker small{display:block;font-size:12px;margin-top:4px}.hero-exchange{margin-top:20px}.hero-exchange small{font-size:10px;font-weight:600;letter-spacing:.05em}.hero-exchange p{font-size:13px;color:var(--text-primary);line-height:1.55;margin-top:6px}.hero-agent{padding-left:12px;border-left:2px solid var(--border-default)}.hero-agent small{color:var(--text-muted)}.hero-lead{padding:24px 20px}.hero-lead h3{font-size:18px;letter-spacing:-.02em}.hero-lead-subtitle{font-size:12px;margin:6px 0 20px}.hero-lead dl{margin:0;display:grid;gap:16px}.hero-lead dt{font-size:12px;color:var(--text-muted);margin-bottom:4px}.hero-lead dd{margin:0;font-size:14px;font-weight:500}.hero-next{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-default)}.hero-next small{display:block;font-size:10px;letter-spacing:.06em;color:var(--accent-primary);font-weight:600}.hero-next strong{display:block;font-size:14px;line-height:1.4;margin:6px 0}.hero-next span{display:block;font-size:12px;line-height:1.5;color:var(--text-muted)}.hero-saved{display:flex;gap:6px;font-size:12px;color:var(--success);margin-top:20px;line-height:1.4}.hero-saved .ui-icon{width:16px;height:16px}.hero-demo-footer{border-top:1px solid var(--border-subtle);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-demo-footer>span{font-size:12px;color:var(--text-muted)}.hero-demo-footer .text-button{font-size:12px;color:var(--accent-primary);padding:8px 0}.hero-disclaimer{font-size:11px;display:block;padding:0 20px 16px;color:var(--text-muted)}
.hero-running [data-hero-stage]{opacity:0;transform:translateY(5px);transition:opacity .24s ease,transform .24s ease}.hero-running[data-stage="1"] [data-hero-stage="1"],.hero-running[data-stage="2"] [data-hero-stage="1"],.hero-running[data-stage="2"] [data-hero-stage="2"],.hero-running[data-stage="3"] [data-hero-stage]{opacity:1;transform:none}
@media(min-width:1280px){.testimonial-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.testimonial-track{width:100%}.reveal-card{width:100%}}
@media(max-width:1100px){.phase1-hero{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:48px 24px 64px}.phase1-hero h1{font-size:56px}.hero-story{grid-template-columns:1fr}.hero-conversation{border-right:0;border-bottom:1px solid var(--border-subtle)}.hero-timing{display:none}.hero-demo-header{padding:16px}.hero-conversation,.hero-lead{padding:20px}.hero-lead dl{grid-template-columns:1fr 1fr;gap:16px}.hero-next{margin-top:16px}.hero-conversation .hero-speaker{margin-bottom:16px}.hero-exchange{margin-top:12px}}
@media(max-width:760px){.phase1-hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 20px 56px;gap:32px;min-height:0}.phase1-hero h1{font-size:40px;max-width:550px;line-height:1.1}.phase1-hero .hero-copy>p{font-size:16px;max-width:500px}.phase1-hero .eyebrow{font-size:10px;margin-bottom:16px}.phase1-hero .actions{margin:24px 0 16px}.hero-demo{width:100%}.hero-demo-header{gap:12px}.hero-channel-switch button{min-height:40px}.hero-pane-label{font-size:11px;margin-bottom:16px}.hero-lead dl{grid-template-columns:1fr 1fr}.hero-timing{display:block}.hero-exchange p{font-size:14px}.hero-next strong{font-size:15px}.hero-disclaimer{font-size:12px}.hero-demo-footer>span{font-size:12px}.scenario-disclosure{margin:0 auto 24px}.hero-business-note{font-size:13px}.reveal-card{width:280px}.review-front>strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hero-running [data-hero-stage]{opacity:1;transform:none;transition:none}.primary,.secondary{transition:none}}

.phase1-hero:before,.phase1-hero:after{display:none}
.hero-running[data-stage="3"] [data-hero-stage="4"]{opacity:0;transform:translateY(5px)}.hero-running[data-stage="4"] [data-hero-stage]{opacity:1;transform:none}
.hero-running[data-stage="1"] [data-hero-stage="2"]{opacity:0;transform:translateY(5px)}

:root[data-theme=Dark] .app-shell{background:var(--canvas)}:root[data-theme=Dark] .panel,:root[data-theme=Dark] .stat{background:var(--surface)}:root[data-theme=Dark] input,:root[data-theme=Dark] select,:root[data-theme=Dark] textarea{background:var(--surface-secondary)}
.lead-row{font-size:14px}

/* Feedback: retain portraits in reveal state, compact brand, continuous section rhythm. */
.marketing-nav .brand,.full-footer .brand{font-size:17px;letter-spacing:-.4px;gap:3px}.marketing-nav .brand-symbol,.full-footer .brand-symbol{width:23px;height:23px;margin-right:5px}.sidebar .brand{font-size:15px;gap:2px}.sidebar .brand-symbol{width:20px;height:20px;margin-right:4px}
.review-back-identity{display:flex;gap:12px;align-items:center;margin-bottom:12px;width:100%}.review-back-identity .review-portrait{width:64px;height:64px;margin:0;flex-shrink:0}.review-back-identity strong{display:block;font-size:15px}.review-back-identity small{display:block;font-size:12px;margin-top:4px;color:var(--text-muted)}.review-back .review-quote{font-size:15px;line-height:1.5;margin-top:0}.review-back .review-outcome{font-size:17px;line-height:1.3;padding-top:12px}.review-back .review-example{font-size:11px}.review-back .review-hint{font-size:11px;margin-top:6px}
.section{padding-top:72px;padding-bottom:72px;border-bottom:0}.phase1-hero{padding-bottom:56px}.section h2{margin-bottom:32px}.testimonial-section h2{margin-bottom:24px}.testimonial-section .scenario-disclosure{margin:0 auto 28px}.testimonial-window{gap:12px}.final-cta{padding:72px 24px;background:#fff;border-top:1px solid var(--border-subtle)}.full-footer{padding-top:48px}.marketing-nav{border-bottom:0}.use-section{gap:48px}
@media(max-width:760px){.marketing-nav .brand,.full-footer .brand{font-size:15px}.marketing-nav .brand-symbol,.full-footer .brand-symbol{width:21px;height:21px}.section{padding-top:48px;padding-bottom:48px}.phase1-hero{padding-bottom:40px}.section h2{margin-bottom:24px}.final-cta{padding:48px 20px}.use-section{gap:32px}}

.workspace-photo{object-fit:cover;object-position:center;display:block;padding:0;border-radius:50%;width:36px;height:36px}.workspace-photo.large{width:64px;height:64px;border-radius:50%}.workspace-company-image{display:block;padding:0;border-radius:8px;width:36px;height:36px;object-fit:contain}

.lead-list-item{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border-subtle)}.lead-list-item:last-child{border-bottom:0}.lead-list-item>.lead-row{border-bottom:0;flex:1;min-width:0}.inline-stage{margin:0;flex-shrink:0}.inline-stage select{min-width:120px;font-size:13px}@media(max-width:760px){.lead-list-item{flex-wrap:wrap;gap:0}.inline-stage{margin:0 0 16px 48px}.lead-list-item>.lead-row{flex-basis:100%}}

.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar-collapsed .sidebar{display:none}.app-header-context{display:flex;align-items:center;gap:12px}.sidebar-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg);color:var(--ink);flex-shrink:0}.sidebar-toggle:hover{background:var(--surface-secondary)}

/* Hero balance: less headline wrapping, compact product moment and portrait review preview. */
.phase1-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;padding-top:48px;padding-bottom:64px;min-height:620px}.phase1-hero h1{font-size:56px;line-height:1.09;max-width:540px;letter-spacing:-.045em}.phase1-hero .hero-copy>p{max-width:460px;font-size:17px}.phase1-hero .actions{margin:24px 0}.hero-demo-header{padding:16px 18px}.hero-conversation,.hero-lead{padding:20px 18px}.hero-speaker{margin-bottom:20px}.hero-pane-label{margin-bottom:16px}.hero-exchange{margin-top:16px}.hero-lead dl{gap:14px}.hero-next{margin-top:20px}.hero-demo-footer{padding:10px 18px}.hero-review-preview{display:flex;align-items:center;gap:16px;width:max-content;max-width:100%;margin-top:24px}.hero-review-avatars{display:flex;padding-left:0}.hero-review-avatars img{width:38px;height:38px;object-fit:cover;border-radius:50%;border:3px solid white;margin-left:-10px}.hero-review-avatars img:first-child{margin-left:0}.hero-review-stars{display:flex;gap:3px;color:var(--ink);margin-bottom:5px}.hero-review-stars svg{width:14px;height:14px;fill:currentColor}.hero-review-preview small{display:block;font-size:12px;color:var(--text-muted);line-height:1.4}.hero-review-preview:hover small{color:var(--accent-primary)}
@media(max-width:1100px) and (min-width:761px){.phase1-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.phase1-hero h1{font-size:48px}.hero-lead dl{gap:14px}.hero-timing{display:none}}
@media(max-width:760px){.phase1-hero{display:flex;padding:32px 20px 48px;gap:32px;min-height:0}.phase1-hero h1{font-size:40px;max-width:520px}.phase1-hero .hero-copy>p{font-size:16px}.hero-review-preview{gap:12px;margin-top:20px}.hero-review-avatars img{width:36px;height:36px}.hero-timing{display:block}.hero-review-preview small{font-size:11px}}

/* In-place activity; existing card geometry remains unchanged. */
.call-equalizer{display:flex;align-items:center;justify-content:center;gap:3px;height:24px}.call-equalizer i{width:3px;height:var(--bar-height);border-radius:3px;background:var(--ink)}.is-live .call-equalizer i{animation:card-voice .8s ease-in-out infinite alternate;animation-delay:var(--bar-delay)}.is-live .call-icon svg{animation:phone-listening 3s ease-in-out infinite;transform-origin:center}.feature-chat-live{gap:8px;overflow:hidden}.feature-chat-live .bubble{margin:0;padding:9px 12px;font-size:12px;line-height:1.35;max-width:94%;flex-shrink:0}.feature-chat-live .bubble.answer{align-self:flex-end}.is-live .feature-chat-live .bubble,.feature-chat-live.is-live .bubble{animation:message-arrival .24s both;animation-delay:var(--message-delay,0ms)}.is-live .mini-fields>div{animation:field-captured 8s ease-in-out infinite}.is-live .mini-fields>div:nth-child(2){animation-delay:1s}.is-live .mini-fields>div:nth-child(3){animation-delay:2s}.is-live .mini-fields>div:nth-child(4){animation-delay:3s}
.steps.is-live .step-number{animation:step-active 8s ease-in-out infinite}.steps.is-live article:nth-child(2) .step-number{animation-delay:2.4s}.steps.is-live article:nth-child(3) .step-number{animation-delay:4.8s}.steps .step-number{transition:background .2s,color .2s}.numbers-section h2{margin-bottom:40px}.numbers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.number-item{border-top:1px solid var(--border-default);padding-top:24px}.number-item>strong{display:block;font-size:56px;letter-spacing:-.05em;font-weight:500;font-variant-numeric:tabular-nums;margin-bottom:20px;color:var(--accent-primary)}.number-item h3{font-size:17px;margin-bottom:8px}.number-item p,.numbers-note{font-size:13px;line-height:1.6}.numbers-note{margin-top:24px;max-width:700px}
@keyframes card-voice{to{transform:scaleY(.35);opacity:.5}}@keyframes phone-listening{0%,15%,100%{transform:rotate(0)}3%,9%{transform:rotate(-8deg)}6%,12%{transform:rotate(8deg)}}@keyframes message-arrival{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes field-captured{0%,8%{color:var(--accent-primary)}20%,100%{color:var(--ink)}}@keyframes step-active{0%,24%{color:var(--accent-primary);background:var(--accent-light);border-color:var(--accent-primary)}32%,100%{color:var(--text-muted);background:var(--surface);border-color:var(--border-default)}}
@media(max-width:760px){.numbers-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.number-item>strong{font-size:44px}.number-item h3{font-size:16px}.numbers-section h2{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.call-icon svg,.call-equalizer i,.feature-chat-live .bubble,.mini-fields>div,.step-number{animation:none!important;transition:none}}

/* Clear navigation and conversion action; earlier hero copy alignment. */
.marketing-nav{max-width:1250px;padding:20px 32px;gap:24px;min-height:80px}.marketing-nav nav{gap:4px;padding:4px;border:1px solid var(--border-subtle);background:var(--surface);border-radius:12px}.marketing-nav nav>a{padding:9px 13px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:background .16s,color .16s}.marketing-nav nav>a:hover{background:white;color:var(--accent-primary)}.marketing-nav-actions{display:flex;align-items:center;gap:20px}.nav-workspace{font-size:13px;font-weight:500;color:var(--text-secondary)}.nav-workspace:hover{color:var(--accent-primary)}.marketing-nav-actions .primary{padding:11px 18px;min-height:42px;font-size:13px}.phase1-hero .hero-copy{align-self:start;padding-top:28px}.mobile-marketing-menu{display:none}.numbers-section>.numbers-note{margin:24px 0 0;text-align:left;max-width:700px}
@media(max-width:1000px){.marketing-nav{gap:16px;padding-left:24px;padding-right:24px}.marketing-nav nav>a{padding:8px;font-size:12px}.marketing-nav-actions{gap:12px}.nav-workspace{font-size:12px}}
@media(max-width:760px){.phase1-hero .hero-copy{padding-top:0}.marketing-nav{padding:16px 20px;gap:12px;min-height:76px}.marketing-nav nav{display:none}.nav-workspace{display:none}.marketing-nav-actions{margin-left:0}.marketing-nav-actions .primary{padding:10px 12px;font-size:12px}.mobile-marketing-menu{display:block;padding:0;border:0;margin-left:auto;position:relative}.mobile-marketing-menu summary{font-size:12px;padding:10px 4px;min-height:40px;align-items:center}.mobile-marketing-menu>div{position:absolute;right:-105px;top:48px;z-index:60;background:white;border:1px solid var(--border-default);border-radius:12px;box-shadow:0 8px 24px #0000000a;display:flex;flex-direction:column;gap:4px;padding:8px;min-width:210px}.mobile-marketing-menu a{padding:12px;border-radius:8px;font-size:14px}.mobile-marketing-menu a:hover{background:var(--surface)}}

/* Attio-inspired individual controls and readable, opposite carousel rows. */
.attio-inspired-nav{justify-content:flex-start;gap:24px;background:white;position:relative;z-index:45;border-bottom:1px solid var(--border-subtle)}.attio-inspired-nav nav{margin-right:auto;background:transparent;border:0;padding:0;gap:6px;align-items:center}.attio-inspired-nav nav>a,.nav-dropdown>summary,.attio-inspired-nav .nav-workspace{border:1px solid var(--border-default);border-radius:8px;background:white;padding:9px 12px;font-size:13px;font-weight:500;color:var(--ink);min-height:38px;display:flex;align-items:center;gap:7px;white-space:nowrap}.attio-inspired-nav nav>a:hover,.nav-dropdown>summary:hover,.attio-inspired-nav .nav-workspace:hover{background:var(--surface);border-color:var(--border-strong)}.nav-dropdown{border:0;padding:0;position:relative}.nav-dropdown>summary:after{display:none}.menu-chevron{width:14px;height:14px;transition:transform .18s}.nav-dropdown[open] .menu-chevron{transform:rotate(180deg)}.nav-dropdown-panel{position:absolute;top:48px;left:0;background:white;border:1px solid var(--border-default);border-radius:12px;padding:8px;width:300px;box-shadow:0 10px 28px #00000009;z-index:60;display:flex;flex-direction:column;gap:4px}.nav-dropdown-panel>a{padding:14px;border-radius:8px;display:block}.nav-dropdown-panel>a:hover{background:var(--surface)}.nav-dropdown-panel strong{display:block;font-size:14px}.nav-dropdown-panel small{display:block;font-size:12px;margin-top:5px;line-height:1.4}.attio-inspired-nav .marketing-nav-actions{gap:8px}.attio-inspired-nav .marketing-nav-actions .primary{min-height:38px;padding:9px 14px;border-radius:8px}.attio-inspired-nav.pricing-nav{position:sticky;top:0}
.hero-review-preview{gap:10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface);margin-top:20px}.hero-review-stars{gap:2px;margin-bottom:3px}.hero-review-stars svg{width:12px;height:12px}.hero-review-avatars img{width:34px;height:34px}.hero-review-preview small{font-size:11px}.review-motion-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 0 16px}.review-motion-controls .text-button{font-size:12px;padding:8px 12px;border:1px solid var(--border-default);border-radius:8px}.review-motion-controls small{font-size:12px}.testimonial-window{gap:14px}.testimonial-group{display:flex!important;width:max-content!important;padding:4px;gap:16px}.testimonial-track{width:max-content!important;animation:reviews-opposite-pan 42s linear infinite alternate!important;transform:none}.opposite .testimonial-track{animation-direction:alternate-reverse!important;animation-duration:46s!important}.reveal-card{width:280px!important;flex-shrink:0}.testimonial-row{overflow:hidden;padding-bottom:4px}.testimonial-window:hover .testimonial-track,.testimonial-window:focus-within .testimonial-track,.testimonial-window.reading .testimonial-track,.testimonial-window.motion-paused .testimonial-track{animation-play-state:paused!important}@keyframes reviews-opposite-pan{from{transform:translateX(0)}to{transform:translateX(var(--review-travel,0px))}}
@media(max-width:1050px){.attio-inspired-nav{gap:16px}.attio-inspired-nav nav>a,.nav-dropdown>summary{padding:8px 10px;font-size:12px}.attio-inspired-nav .nav-workspace{display:none}.attio-inspired-nav .brand{font-size:15px}}
@media(max-width:760px){.attio-inspired-nav{gap:12px}.attio-inspired-nav nav{display:none}.attio-inspired-nav .marketing-nav-actions{margin-left:0}.attio-inspired-nav .nav-workspace{display:none}.hero-review-preview{gap:10px;padding:8px 10px}.review-motion-controls{gap:10px;flex-wrap:wrap}.testimonial-row{overflow-x:auto;scrollbar-width:thin}.testimonial-track,.opposite .testimonial-track{animation:none!important}}
@media(prefers-reduced-motion:reduce){.testimonial-row{overflow-x:auto;scrollbar-width:thin}.testimonial-track,.opposite .testimonial-track{animation:none!important}.menu-chevron{transition:none}}

/* Professional text navigation, fixed-direction carousel, responsive scheduling. */
.attio-inspired-nav nav>a,.nav-dropdown>summary,.attio-inspired-nav .nav-workspace{border:0;background:transparent;border-radius:0;font-size:14px;padding:10px 12px;color:var(--text-secondary)}.attio-inspired-nav nav>a:hover,.nav-dropdown>summary:hover,.attio-inspired-nav .nav-workspace:hover{background:transparent;color:var(--accent-primary)}.attio-inspired-nav nav>a[aria-current=page],.nav-dropdown[open]>summary{color:var(--ink)}.attio-inspired-nav nav{gap:8px}.attio-inspired-nav{gap:24px}.attio-inspired-nav .marketing-nav-actions .primary{min-height:42px;padding:11px 18px}.testimonial-track,.opposite .testimonial-track{animation:none!important;will-change:transform}
.scheduling-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}.scheduling-copy h2{font-size:44px;margin-bottom:24px}.scheduling-copy>p{font-size:16px;line-height:1.6;max-width:440px}.scheduling-benefits{padding:0;list-style:none;margin:24px 0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.scheduling-benefits li{padding:8px 0 8px 20px;position:relative}.scheduling-benefits li:before{content:'';position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background:var(--accent-primary)}.schedule-conversation{border-top:1px solid var(--border-subtle);padding-top:20px;max-width:440px}.schedule-conversation small{display:block;font-size:11px;letter-spacing:.05em;color:var(--text-muted);margin:12px 0 6px}.schedule-conversation p{font-size:14px;line-height:1.6;color:var(--text-primary)}.scheduling-preview{border:1px solid var(--border-default);border-radius:16px;background:white;padding:24px;min-width:0}.schedule-preview-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.schedule-preview-top strong{display:block;font-size:18px}.schedule-preview-top small{display:block;margin-top:5px}.schedule-preview-top .badge{font-size:11px}.schedule-mode{display:flex;gap:4px;padding:4px;border:1px solid var(--border-subtle);background:var(--surface);border-radius:10px}.schedule-mode button{flex:1;min-height:40px;font-size:12px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--text-muted)}.schedule-mode button[aria-pressed=true]{background:var(--accent-light);color:var(--accent-primary)}.schedule-mode-help{font-size:12px;line-height:1.4;min-height:34px;margin:12px 0 16px}.schedule-month{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.schedule-month h3{font-size:16px}.schedule-month button{width:36px;height:36px;border:0;background:transparent;color:var(--ink);font-size:22px;border-radius:8px}.schedule-month button:hover{background:var(--surface)}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays span{text-align:center;font-size:11px;color:var(--text-muted);padding:8px}.calendar-days button{width:100%;min-height:40px;border:0;border-radius:8px;background:var(--surface);font-size:13px;color:var(--ink)}.calendar-days button:disabled{background:transparent;color:var(--text-disabled);cursor:default}.calendar-days button[aria-pressed=true]{background:var(--accent-primary);color:white}.calendar-days button:not(:disabled):hover{background:var(--accent-light);color:var(--accent-primary)}.schedule-times{margin-top:20px;border-top:1px solid var(--border-subtle);padding-top:16px}.schedule-times>strong{display:block;font-size:13px}.schedule-times>small{display:block;font-size:11px;margin-top:6px}.schedule-times>div{display:flex;gap:8px;margin-top:12px}.schedule-times button{flex:1;border:1px solid var(--border-default);border-radius:8px;background:white;font-size:12px;min-height:40px}.schedule-times button[aria-pressed=true]{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-light)}.schedule-result{margin-top:20px;border-top:1px solid var(--border-subtle);padding-top:16px}.schedule-result>strong{display:block;font-size:14px;margin-top:10px}.schedule-result>p{font-size:12px;line-height:1.5;margin-top:6px}.schedule-result .primary{width:100%;margin-top:14px;font-size:13px;min-height:42px}.schedule-result-message{color:var(--accent-primary)}.schedule-disclaimer{display:block;font-size:11px;line-height:1.5;margin-top:12px}.schedule-result.is-submitted{animation:message-arrival .24s both}.plans-overview>p{font-size:16px;max-width:640px;margin:0 0 32px}.tier-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.tier-overview-grid article{border-top:1px solid var(--border-default);padding-top:24px;display:flex;flex-direction:column}.tier-overview-grid small{font-size:12px;color:var(--accent-primary)}.tier-overview-grid h3{font-size:20px;margin:12px 0}.tier-overview-grid p{font-size:14px;line-height:1.6;margin-bottom:20px}.tier-overview-grid a{font-size:13px;color:var(--accent-primary);margin-top:auto}.plans-overview>.tier-preview-note{font-size:12px;margin:24px 0 0}.plan-card>.plan-purpose{min-height:0;display:block;font-size:11px;color:var(--accent-primary);margin-bottom:10px}
@media(max-width:1050px){.scheduling-section{gap:32px}.scheduling-copy h2{font-size:38px}.tier-overview-grid{grid-template-columns:1fr 1fr;gap:32px}.attio-inspired-nav nav>a,.nav-dropdown>summary{font-size:13px;padding:10px 8px}.attio-inspired-nav nav{gap:4px}}
@media(max-width:760px){.scheduling-section{display:block}.scheduling-copy{margin-bottom:32px}.scheduling-copy h2{font-size:34px}.scheduling-preview{padding:16px}.schedule-preview-top{gap:8px}.schedule-preview-top .badge{font-size:10px}.calendar-days{gap:4px}.calendar-days button{min-height:40px}.schedule-mode button{font-size:11px;min-height:42px}.scheduling-copy>p{font-size:16px}.schedule-times button{min-height:44px}.schedule-result .primary{min-height:44px}.attio-inspired-nav .nav-workspace{display:none}.attio-inspired-nav nav{display:none}.tier-overview-grid{gap:24px}.tier-overview-grid p{font-size:13px}.schedule-month{margin:12px 0}.testimonial-track{will-change:auto}.nav-dropdown-panel{max-width:calc(100vw - 40px)}}
@media(max-width:380px){.tier-overview-grid{grid-template-columns:1fr}.attio-inspired-nav .brand{font-size:14px}.attio-inspired-nav{gap:8px}.attio-inspired-nav .marketing-nav-actions .primary{font-size:12px;padding:10px 12px}.schedule-preview-top .badge{padding:4px}}
@media(prefers-reduced-motion:reduce){.schedule-result.is-submitted{animation:none}}

/* Feature polish: balanced typography, single outer border and quieter product surfaces. */
#features .feature-grid{gap:20px}#features .feature{padding:24px;border:1px solid var(--border-default);border-radius:16px;background:white;transition:border-color .2s;min-width:0}#features .feature:hover{border-color:var(--border-strong)}.feature-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500;letter-spacing:.07em;color:var(--text-muted);margin-bottom:16px}.feature-label>span{color:var(--accent-primary);font-variant-numeric:tabular-nums;font-size:11px}#features .feature-art{height:216px;background:#F7F8FA;border:0;border-radius:12px;padding:20px;margin-bottom:24px;overflow:hidden}#features .feature h3{font-size:21px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin-bottom:12px}#features .feature>p{font-size:14px;line-height:1.65;margin-top:0;color:var(--text-secondary)}#features .phone-art:before{width:120px;height:120px;top:22px;border-color:#E4E7ED}#features .call-icon{width:58px;height:58px;border-radius:50%;border-color:#E1E4EB;background:white;box-shadow:none}#features .call-icon svg{width:26px;height:26px}#features .phone-art .badge{font-size:11px;font-weight:500;border:0;background:white;padding:7px 12px;border-radius:7px;box-shadow:0 1px 2px #00000004}#features .call-equalizer{gap:4px;z-index:1}#features .call-equalizer i{background:var(--accent-primary);opacity:.75}#features .feature-chat-live{gap:10px}#features .feature-chat-live .bubble{font-size:12px;line-height:1.45;padding:10px 12px;border-color:#E0E3EA;border-radius:10px;max-width:95%;background:white;color:var(--ink)}#features .feature-chat-live .answer{background:var(--ink);color:white;border-color:var(--ink)}#features .compact-lead{background:#FAFAFC;justify-content:center;gap:0}#features .mini-header{gap:10px}#features .mini-header strong{font-size:14px;font-weight:550}#features .mini-header small{font-size:12px;line-height:1.4}#features .mini-fields{margin:20px 0 0;gap:18px 12px}#features .mini-fields small{font-size:11px;margin-bottom:4px}#features .mini-fields strong{font-size:13px;line-height:1.4;margin-top:0;font-weight:500}#features .mini-fields>div:last-child strong{color:var(--accent-primary)}
/* A unified metric band; plus signs connect capabilities rather than inflate totals. */
.numbers-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:32px}.numbers-intro .eyebrow{margin-bottom:20px}.numbers-intro h2{font-size:42px;line-height:1.15;margin-bottom:0}.numbers-intro>p{font-size:15px;line-height:1.65;max-width:340px;margin:0 0 4px}.numbers-grid{gap:0;border:1px solid var(--border-default);border-radius:16px;overflow:hidden;background:white}.number-item{padding:28px 24px;border:0;border-right:1px solid var(--border-subtle);min-width:0}.number-item:last-child{border-right:0}.number-display{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:28px}.number-display>strong{display:block;font-size:64px;line-height:1;letter-spacing:-.06em;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}.number-plus{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--accent-primary);background:var(--accent-light);font-size:23px;font-weight:400;line-height:1;flex-shrink:0;margin-top:4px}.numbers-grid.is-live .number-plus{animation:metric-plus-in .4s both;animation-delay:calc(var(--metric-delay) + .65s)}.number-item h3{font-size:16px;line-height:1.35;letter-spacing:-.02em;margin-bottom:10px;font-weight:550}.number-item p{font-size:13px;line-height:1.6;margin:0;color:var(--text-muted)}.numbers-section>.numbers-note{font-size:11px;line-height:1.6;margin:16px 4px 0;max-width:none}.number-item{transition:background .2s}.number-item:hover{background:#FCFCFE}@keyframes metric-plus-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@media(max-width:1050px){#features .feature-grid{gap:14px}#features .feature{padding:20px}#features .feature h3{font-size:19px}#features .feature-art{padding:16px}.number-item{padding:24px 20px}.number-display>strong{font-size:56px}.numbers-intro{gap:32px}}
@media(max-width:760px){#features .feature-grid{grid-template-columns:1fr;gap:16px}#features .feature{padding:20px}#features .feature-art{height:208px;margin-bottom:20px}#features .feature h3{font-size:21px}.numbers-intro{display:block;margin-bottom:24px}.numbers-intro h2{font-size:34px}.numbers-intro>p{font-size:15px;max-width:420px;margin-top:16px}.numbers-grid{grid-template-columns:1fr 1fr}.number-item{padding:24px 18px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.number-item:nth-child(2){border-right:0}.number-item:nth-child(n+3){border-bottom:0}.number-display{margin-bottom:20px}.number-display>strong{font-size:48px}.number-plus{width:24px;height:24px;font-size:20px}.number-item h3{font-size:15px}.number-item p{font-size:12px}.numbers-section>.numbers-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.numbers-grid.is-live .number-plus{animation:none}.feature,.number-item{transition:none!important}}
/* Comfortable, centered actions on phones. */
@media(max-width:760px){
  .actions{justify-content:center;flex-wrap:wrap;gap:12px}
  .actions>.primary,.actions>.secondary,.phase1-hero .hero-text-link{display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;min-height:52px;padding:14px 20px;font-size:16px;text-align:center;margin-inline:auto}
  .phase1-hero .actions{flex-direction:column;align-items:center}
  .final-cta>.primary,.faq-heading>.secondary,.voice-pricing-note>.secondary,.footer-identity>.primary{display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;min-height:52px;padding:14px 20px;font-size:16px;text-align:center;margin-inline:auto;box-sizing:border-box}
  .plan-card>.primary,.plan-card>.secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 16px;font-size:16px;text-align:center;box-sizing:border-box}
  .marketing-nav{flex-wrap:wrap}
  .marketing-nav .marketing-nav-actions{width:100%;justify-content:center}
  .marketing-nav-actions>.primary{display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;min-height:52px;font-size:16px;padding:14px 20px;box-sizing:border-box}
  .mobile-plan-bar{justify-content:center}
  .mobile-plan-bar>a{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px}
  .hero-channel-switch button,.billing-switch button{min-height:44px;justify-content:center}
}

.business-tools{padding:24px 0 48px;background:#fff;text-align:center;overflow:hidden}.business-tools h2{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0 20px 8px}.business-tools>p{font-size:14px;color:var(--text-muted);margin:0 20px 30px}.business-tools-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.business-tools-track{display:flex;width:max-content;animation:business-tools-slide 44s linear infinite}.business-tools-group{display:flex;align-items:center;gap:60px;padding:12px 30px}.business-tool{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#747781;font-size:21px;font-weight:500}.business-tool svg{width:29px;height:29px;fill:currentColor;flex-shrink:0}.business-tools>small{display:block;font-size:11px;color:var(--text-muted);margin:24px 20px 0}.business-tools:hover .business-tools-track{animation-play-state:paused}@keyframes business-tools-slide{to{transform:translateX(-50%)}}@media(max-width:760px){.business-tools{padding:16px 0 32px}.business-tools h2{font-size:17px}.business-tools>p{font-size:13px;line-height:1.6}.business-tool{font-size:19px;gap:10px}.business-tool svg{width:27px;height:27px}.business-tools-group{gap:36px;padding-inline:18px}}@media(prefers-reduced-motion:reduce){.business-tools-track{animation:none;width:100%}.business-tools-group{flex-wrap:wrap;justify-content:center;width:100%;gap:24px;padding-inline:20px}.business-tools-group[aria-hidden=true]{display:none}.business-tools-window{mask-image:none}}

/* Automatic mobile motion and stronger brand accents. */
.hero-review-preview{justify-content:center;gap:16px;background:#F7FCE8;border-color:#E1EABF;padding:16px 20px;box-shadow:0 4px 16px #4F651B08}
.hero-review-stars{color:#4F651B;gap:4px;justify-content:center;margin-bottom:7px}
.hero-review-stars svg{width:19px;height:19px}
.hero-review-preview>span:last-child{text-align:center}
.hero-review-avatars img{width:40px;height:40px}
.hero-review-preview small{color:#4D515B;font-size:12px}
#how-it-works .steps article{padding:24px;border-radius:14px;transition:background .3s}
#how-it-works .steps.is-live article{animation:step-panel-active 9s linear infinite}
#how-it-works .steps.is-live article:nth-child(2){animation-delay:-6s}
#how-it-works .steps.is-live article:nth-child(3){animation-delay:-3s}
.steps.is-live .step-number{animation:step-brand-active 9s linear infinite!important}
.steps.is-live article:nth-child(2) .step-number{animation-delay:-6s!important}
.steps.is-live article:nth-child(3) .step-number{animation-delay:-3s!important}
@keyframes step-panel-active{0%,30%{background:#F7FCE8}33.333%,100%{background:transparent}}
@keyframes step-brand-active{0%,30%{background:#4F651B;color:white;box-shadow:0 0 0 5px #4F651B10}33.333%,100%{background:#F5F5F8;color:#747781;box-shadow:none}}
@media(max-width:760px){.testimonial-row{overflow:hidden;touch-action:pan-y}.testimonial-track{will-change:transform}.hero-review-preview{margin:24px auto 0;width:100%;max-width:360px;box-sizing:border-box}.hero-review-stars svg{width:20px;height:20px}.hero-review-preview small{font-size:11px}}
@media(prefers-reduced-motion:reduce){#how-it-works .steps.is-live article,.steps.is-live .step-number{animation:none!important}.testimonial-row{overflow-x:auto;touch-action:auto}}
/* Full-width, equal channel choices in the mobile product preview. */
@media(max-width:760px){
  .hero-demo .hero-demo-header{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:20px 16px}
  .hero-demo .hero-channel-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;box-sizing:border-box;gap:4px;padding:5px;align-self:stretch}
  .hero-demo .hero-channel-switch button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:56px;padding:12px 6px;font-size:14px;line-height:1.2;text-align:center;box-sizing:border-box;white-space:nowrap}
  .hero-demo .hero-channel-switch .ui-icon{width:20px;height:20px;flex-shrink:0}
}

/* Typographic Connect identity, inspired by the reference's Inter wordmark. */
.brand.brand-wordmark{display:inline-flex;gap:0;font-family:'Inter',Arial,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.06em;line-height:1.2;color:var(--ink);white-space:nowrap}
.brand-wordmark .brand-dot{color:#4F651B}
.full-footer .brand.brand-wordmark{font-size:28px}
.sidebar .brand.brand-wordmark{font-size:24px}
@media(max-width:760px){.marketing-nav .brand.brand-wordmark{font-size:25px}.full-footer .brand.brand-wordmark{font-size:26px}}

/* One primary action; a full-width, touch-friendly mobile navigation. */
.attio-inspired-nav{min-height:88px;padding:20px 32px;gap:40px;border:0;flex-wrap:nowrap}
.attio-inspired-nav>nav{display:flex;gap:12px}
.attio-inspired-nav>nav>a,.attio-inspired-nav .nav-dropdown>summary{font-size:15px;min-height:44px;padding:12px;color:var(--ink)}
.attio-inspired-nav .marketing-nav-actions{width:auto;margin-left:auto}
.attio-inspired-nav .marketing-nav-actions .primary{width:auto;min-height:46px;padding:12px 22px;font-size:14px}
.nav-dropdown-panel{top:52px;width:320px;padding:12px;border-radius:14px;box-shadow:0 16px 48px #17172b12}
.mobile-marketing-menu{display:none}
@media(max-width:960px){
 .attio-inspired-nav{min-height:76px;padding:14px 20px;gap:20px;flex-wrap:nowrap;isolation:isolate}
 .attio-inspired-nav>nav,.attio-inspired-nav .marketing-nav-actions{display:none}
 .attio-inspired-nav .brand.brand-wordmark{font-size:28px}
 .attio-inspired-nav .mobile-marketing-menu{display:block;position:static;margin-left:auto;padding:0;border:0}
 .mobile-marketing-menu>summary{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:0;border-radius:8px;background:transparent;list-style:none}
 .mobile-marketing-menu>summary::-webkit-details-marker{display:none}
 .mobile-marketing-menu>summary:after{display:none}
 .mobile-marketing-menu>summary:hover{background:#f5f5fa}
 .hamburger-lines{display:flex;flex-direction:column;gap:5px;width:24px}
 .hamburger-lines i{display:block;width:24px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
 .mobile-marketing-menu[open] .hamburger-lines i:first-child{transform:translateY(7px) rotate(45deg)}
 .mobile-marketing-menu[open] .hamburger-lines i:nth-child(2){opacity:0}
 .mobile-marketing-menu[open] .hamburger-lines i:last-child{transform:translateY(-7px) rotate(-45deg)}
 .mobile-marketing-menu>.mobile-nav-panel{position:absolute;top:100%;left:0;right:0;min-width:0;width:100%;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 28px;background:#fff;border:0;border-top:1px solid #eeeef3;border-bottom:1px solid #eeeef3;border-radius:0;box-shadow:0 24px 40px #17172b0d;z-index:60;display:block}
 .attio-inspired-nav .mobile-nav-panel nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0;margin:0;border:0;background:transparent}
 .mobile-nav-group{display:flex;flex-direction:column;gap:2px}
 .mobile-nav-label{font-size:10px;font-weight:600;letter-spacing:1.4px;color:#787882;padding:18px 0 10px}
 .mobile-nav-panel nav a{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:48px;padding:11px 0;font-size:17px;line-height:1.35;color:var(--ink);border:0;border-radius:0}
 .mobile-nav-panel nav a:hover,.mobile-nav-panel nav a[aria-current=page]{background:transparent;color:#4F651B}
 .mobile-nav-panel nav a strong{font-size:17px;font-weight:500}
 .mobile-nav-panel nav a small{font-size:12px;line-height:1.5;max-width:240px}
 .mobile-nav-bottom{margin-top:24px;padding-top:24px;border-top:1px solid #eeeef3;text-align:center}
 .mobile-nav-bottom .primary{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;font-size:16px;border-radius:8px;padding:15px 20px}
 .mobile-nav-bottom>small{display:block;margin-top:12px;font-size:12px}
}
@media(max-width:540px){.attio-inspired-nav .mobile-nav-panel nav{grid-template-columns:1fr;gap:4px}.mobile-nav-panel nav a{font-size:18px}.mobile-nav-panel .mobile-nav-group+ .mobile-nav-group{border-top:1px solid #eeeef3;margin-top:8px}.mobile-nav-panel nav a small{max-width:none}}
@media(prefers-reduced-motion:reduce){.hamburger-lines i{transition:none}}

/* Product story: a continuous white canvas and three overlapping scenes. */
.product-story{max-width:1180px;padding-top:80px;padding-bottom:56px}
.story-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:end;margin-bottom:44px}
.story-heading h2{margin:0;font-size:clamp(34px,4vw,50px)}
.story-heading>div>p{font-size:15px;line-height:1.7;max-width:350px}
.story-pause{display:inline-block;margin-top:14px;padding:8px 0;font-size:12px;color:#666675;text-decoration:underline;text-underline-offset:4px;min-height:36px}
.story-pause[hidden]{display:none}
.story-stack{position:relative;display:grid;gap:48px}
.story-card{display:grid;grid-template-columns:1fr 1.12fr;min-width:0;background:#fff;border:1px solid #e5e5ee;border-radius:22px;overflow:hidden;box-shadow:0 -6px 24px #20204904,0 14px 40px #20204906;isolation:isolate}
.story-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 40px}
.story-step{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#636372;margin-bottom:32px}
.story-copy h3{font-size:clamp(30px,3vw,40px);line-height:1.13;letter-spacing:-.045em;font-weight:500;margin:0 0 22px}
.story-copy>p{font-size:15px;line-height:1.75;color:#70707b;max-width:355px}
.story-capabilities{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px}
.story-capabilities span{display:inline-flex;gap:7px;align-items:center;color:#60606e;font-size:11px;line-height:1.5}
.story-capabilities .ui-icon{width:15px;height:15px;color:#4F651B}
.story-link{display:inline-block;align-self:flex-start;margin-top:30px;font-size:13px;font-weight:500;color:#4F651B;border-bottom:1px solid #C8D998;padding:7px 0;text-underline-offset:5px}
.story-link:hover{color:#34450F;border-color:#34450F}
.story-visual{display:flex;align-items:center;justify-content:center;min-width:0;padding:32px;background:radial-gradient(ellipse at 70% 25%,#EDF7D0 0,transparent 62%),#F8FAF5;border-left:1px solid #eeeeF5}
.story-window{width:100%;min-width:0;background:#fff;border:1px solid #e4e4ee;border-radius:15px;box-shadow:0 16px 40px #3939740a;overflow:hidden;text-align:left}
.story-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #eeeef5;font-size:12px;font-weight:500}
.story-window-bar .brand-dot{color:#4F651B}
.story-status{font-size:9px;font-weight:400;color:#777784;white-space:nowrap}
.story-agent{display:flex;align-items:center;gap:12px;padding:22px 22px 0}
.story-agent img{width:43px;height:43px;border-radius:50%;object-fit:cover}
.story-agent>div{flex:1}
.story-agent strong,.story-lead-identity strong{display:block;font-size:14px;font-weight:550}
.story-agent small,.story-lead-identity small{display:block;font-size:10px;margin-top:4px;line-height:1.5}
.story-agent>.ui-icon{width:19px;color:#4F651B}
.story-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:64px;margin:10px 20px}
.story-wave i{width:3px;height:var(--height);border-radius:5px;background:#9ABB43;animation:story-audio .8s ease-in-out var(--delay) infinite alternate}
.story-messages{display:flex;flex-direction:column;gap:10px;padding:0 20px 22px}
.story-message{max-width:92%;padding:10px 13px;background:#f5f5fa;border-radius:10px 10px 10px 2px;animation:story-message-arrive 10s ease both infinite;animation-delay:var(--appear)}
.story-message small{display:block;font-size:8px;letter-spacing:.7px;color:#72727f;margin-bottom:5px}
.story-message p{font-size:11px;color:#444452;line-height:1.5}
.story-customer{align-self:flex-end;background:#F3F9E3;border-radius:10px 10px 2px 10px}
.story-window-note{padding:13px 18px;border-top:1px solid #eeeef5;text-align:center;font-size:9px;line-height:1.5;color:#888894}
.story-calendar-heading{padding:28px 22px 22px}
.story-calendar-heading strong{font-size:16px;letter-spacing:-.3px;display:block}
.story-calendar-heading small{font-size:10px;display:block;margin-top:7px}
.story-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0 22px}
.story-week>div{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #ececf4;border-radius:10px;padding:14px 0}
.story-week small{font-size:8px;letter-spacing:.7px}.story-week strong{font-size:20px;font-weight:500}
.story-week .story-selected-day{border-color:#9ABB43;color:#4F651B;background:#F7FCE8;animation:story-selection 8s ease infinite}
.story-selected-day small{color:inherit}
.story-time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 22px 24px}
.story-time-slots span{text-align:center;padding:11px 3px;font-size:10px;border:1px solid #e9e9f1;border-radius:7px;color:#777783}
.story-time-slots .story-selected-time{background:#4F651B;color:#fff;border-color:#4F651B;animation:story-selection 8s ease 1s infinite}
.story-appointment{margin:0 22px 26px;padding:16px 12px;border:1px solid #E1EABF;background:#F7FCE8;border-radius:10px;display:flex;align-items:center;gap:12px}
.story-calendar-icon{display:grid;place-items:center;background:#fff;border:1px solid #DDE5CB;border-top:5px solid #9ABB43;border-radius:7px;width:38px;height:42px;font-size:17px;color:#4F651B;flex-shrink:0}
.story-appointment strong{display:block;font-size:12px}.story-appointment small{display:block;font-size:10px;margin-top:5px}.story-appointment span{display:block;font-size:9px;color:#4F651B;margin-top:7px}
.story-lead-identity{display:flex;align-items:center;gap:10px;padding:28px 20px 24px}.story-lead-identity>div{flex:1;min-width:0}
.story-initials{display:grid;place-items:center;border:1px solid #E0E6D5;border-radius:50%;width:40px;height:40px;flex-shrink:0;background:#F3F7E9;color:#4F651B;font-size:12px}
.story-new{font-size:9px;color:#4F651B;background:#F7FCE8;padding:6px 8px;border-radius:5px;white-space:nowrap}
.story-fields{margin:0 20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.story-fields dt{font-size:9px;color:#82828d;margin-bottom:8px}.story-fields dd{margin:0;font-size:11px;line-height:1.5}
.story-summary{margin:0 20px 24px;padding:17px;background:#f8f8fb;border:1px solid #ededf4;border-radius:9px}.story-summary>small{font-size:8px;letter-spacing:1px}.story-summary p{font-size:12px;line-height:1.7;margin-top:9px;color:#61616f}
.story-delivery{display:flex;align-items:center;gap:12px;padding:19px 20px;background:#F7FCE8;border-top:1px solid #E1EABF;animation:story-delivered 8s ease infinite}
.story-delivery>.ui-icon{width:25px;height:25px;padding:4px;background:#4F651B;color:white;border-radius:50%;flex-shrink:0}.story-delivery strong{display:block;font-size:11px;color:#4F651B}.story-delivery small{display:block;margin-top:5px;font-size:9px;color:#68764D}
.story-disclaimer{font-size:11px;text-align:center;margin:28px auto 0;max-width:620px;line-height:1.7}
.story-card:not(.story-in-view) *,.story-paused .story-card *{animation-play-state:paused!important}
@keyframes story-audio{to{transform:scaleY(.3);opacity:.5}}
@keyframes story-message-arrive{0%,6%{opacity:0;transform:translateY(8px)}14%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes story-selection{0%,12%,100%{box-shadow:0 0 0 0 #9ABB4300}25%,55%{box-shadow:0 0 0 4px #9ABB4320}}
@keyframes story-delivered{0%,15%,100%{background:#F7FCE8}35%,75%{background:#F0F8D9}}
@media(min-width:961px) and (min-height:720px){.story-card{position:sticky;top:calc(100px + var(--story-index)*14px);min-height:520px}.story-stack{gap:100px;padding-bottom:20px}.story-card:nth-child(2) .story-copy{order:2}.story-card:nth-child(2) .story-visual{border-left:0;border-right:1px solid #eeeef5}}
@media(max-width:960px){.story-heading{gap:32px}.story-copy{padding:32px 25px}.story-copy h3{font-size:30px}.story-visual{padding:22px}.story-stack{gap:24px}.story-step{margin-bottom:24px}.story-copy>p{font-size:14px}.story-capabilities{gap:9px}.story-lead-identity{flex-wrap:wrap}}
@media(max-width:680px){.product-story{padding:52px 20px 36px}.story-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.story-heading h2{font-size:36px}.story-heading>div>p{max-width:none;font-size:15px}.story-card{grid-template-columns:1fr;border-radius:17px;position:relative;top:auto}.story-copy{padding:30px 24px}.story-copy h3{font-size:32px}.story-copy>p{max-width:none}.story-capabilities{margin-top:20px;gap:12px 20px}.story-link{margin-top:20px;min-height:40px;display:flex;align-items:center}.story-visual{border-left:0;border-top:1px solid #eeeef5;padding:22px 16px}.story-window{max-width:420px}.story-step{margin-bottom:20px}.story-stack{gap:28px}.story-disclaimer{text-align:left}.story-lead-identity strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-card *{animation:none!important}.story-card{position:relative;top:auto}.story-stack{gap:28px}.story-message{opacity:1;transform:none}}

/* Lime identity: fluorescent fills with graphite text; deep olive for readable accents. */
:root{--brand-lime:#D8FF5C;--brand-lime-hover:#C9F249;--brand-graphite:#191919;--brand-tint:#F7FCE8}
.primary,:root[data-theme=Dark] .primary{background:var(--brand-lime);border-color:var(--brand-lime);color:var(--brand-graphite)}
.primary:hover,:root[data-theme=Dark] .primary:hover{background:var(--brand-lime-hover);border-color:var(--brand-lime-hover);color:var(--brand-graphite)}
.brand-wordmark .brand-dot,.story-window-bar .brand-dot{color:var(--brand-lime);text-shadow:0 0 1px #526921}
.hero-channel-switch button[aria-pressed=true],.calendar-days button[aria-pressed=true],.story-time-slots .story-selected-time{background:var(--brand-lime);color:var(--brand-graphite);border-color:var(--brand-lime)}
.story-delivery>.ui-icon{background:var(--brand-lime);color:var(--brand-graphite)}
.story-wave{background:#252923;border-radius:12px;padding:8px 12px}
.story-wave i{background:var(--brand-lime)}
.number-plus{background:var(--brand-lime);color:var(--brand-graphite)}
:root[data-theme=Dark] .calendar-days button[aria-pressed=true]{color:var(--brand-graphite)}

/* Consistent lead columns and an in-product stage picker. */
.lead-table .lead-list-item{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:20px;padding:8px 0;align-items:center}
.lead-table .lead-row{display:grid;grid-template-columns:40px minmax(180px,1.7fr) 135px 100px minmax(140px,1fr);gap:16px;align-items:center;text-align:left;padding:18px 0;width:100%;font-size:13px}
.lead-table .lead-name{min-width:0}.lead-table .lead-name strong{font-size:14px}.lead-table .lead-name small{font-size:12px;line-height:1.5;white-space:normal}.lead-table .next-action{font-size:12px;line-height:1.5;white-space:normal}
.lead-table .badge{font-size:10px;white-space:normal;line-height:1.4;background:var(--surface-secondary);border:0}
.lead-table .human-requested{background:var(--human-surface);color:var(--human-requested)}
.stage-picker{position:relative;padding:0;border:0;margin:0;min-width:0}
.stage-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 12px;font-size:12px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-elevated)}
.stage-picker summary::-webkit-details-marker{display:none}.stage-picker summary:after{display:none}
.stage-picker summary.stage-new{background:var(--accent-light);color:var(--accent-deep);border-color:var(--accent-light)}
.stage-picker summary.stage-won{background:var(--success-surface);color:var(--success)}
.stage-options{position:absolute;right:0;top:calc(100% + 6px);z-index:70;min-width:180px;background:var(--surface-elevated);border:1px solid var(--border-default);box-shadow:0 12px 32px #19191914;border-radius:10px;padding:6px}
.stage-options button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left;font-size:13px}
.stage-options button:hover,.stage-options button[aria-pressed=true]{background:var(--accent-light);color:var(--accent-deep)}
.stage-dot{width:7px;height:7px;border-radius:50%;background:#a0a39a}.stage-dot.stage-new{background:#91b233}.stage-dot.stage-qualified{background:#637d33}.stage-dot.stage-estimate{background:#81795f}.stage-dot.stage-won{background:#2f6b46}.stage-dot.stage-lost{background:#8e9196}
.phone-disclosure{margin:-8px 0 24px;font-size:12px;line-height:1.6;color:var(--text-muted)}
.phone-core-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.phone-number-card h2{font-size:clamp(25px,3vw,36px);margin-bottom:18px;letter-spacing:-1px}
.phone-number-card>p{margin:20px 0}.phone-number-card>small{display:block;margin-top:20px}
.phone-balance{display:block;font-size:42px;letter-spacing:-1.5px;font-weight:500}.phone-balance-card>p{margin:12px 0 20px}
.phone-balance-meta{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--border-subtle);padding-top:20px;margin:24px 0 14px;font-size:12px}
.phone-balance-card small{line-height:1.6;display:block}.phone-steps{padding-left:20px;font-size:14px;color:var(--text-secondary);line-height:1.8}.phone-steps li{padding:5px 0}
.phone-number-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;border:0;padding:0}.phone-number-options legend{font-size:13px;margin-bottom:14px}
.phone-number-options label{display:flex;align-items:center;gap:12px;padding:18px 12px;border:1px solid var(--border-default);border-radius:9px;font-size:14px;margin:0;cursor:pointer}
.phone-number-options input{min-height:0;width:17px;height:17px;accent-color:#4f651b;margin:0;flex-shrink:0}.phone-number-options label:has(input:checked){background:var(--accent-light);border-color:var(--accent-primary)}
.phone-number-options small{display:block;margin-top:5px}.phone-funds{max-width:640px}.phone-funds label{display:block;margin:22px 0}.phone-funds input{display:block;width:100%;margin-top:8px}.phone-notice:empty{display:none}.phone-notice{color:var(--accent-primary);margin-bottom:24px;font-size:14px}
.phone-transactions{margin-top:20px}.phone-transactions>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--border-subtle);font-size:13px}.phone-transactions small{display:block;margin-top:5px}
.phone-setup button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1200px){.lead-table .lead-row{grid-template-columns:36px minmax(140px,1fr) 115px 85px;gap:12px}.lead-table .next-action{grid-column:2 / -1}.phone-core-grid{grid-template-columns:1fr}}
@media(max-width:760px){.lead-table .lead-list-item{grid-template-columns:1fr;gap:0;padding:16px 0}.lead-table .lead-row{grid-template-columns:36px 1fr;padding:8px 0}.lead-table .lead-row>div:nth-of-type(2),.lead-table .lead-row>div:nth-of-type(3){grid-column:2}.lead-table .stage-picker{margin:8px 0 0 48px;width:calc(100% - 48px)}.stage-options{left:0;right:0;min-width:0}.phone-number-options{grid-template-columns:1fr}.phone-core-grid{gap:0}.phone-number-card .actions{flex-direction:column;align-items:stretch}.phone-balance-meta{flex-direction:column;gap:6px}}

/* A concrete customer handoff replaces abstract capability counts. */
.opportunity-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:end;margin-bottom:36px}
.opportunity-heading h2{margin:0;font-size:clamp(34px,4vw,48px)}
.opportunity-heading>p{font-size:15px;line-height:1.75;max-width:370px;margin-bottom:4px}
.opportunity-brief{border:1px solid var(--border-default);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 36px #19191904}
.brief-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid #e8ebdf;background:#fbfcf8}
.brief-person{display:flex;align-items:center;gap:12px}.brief-person .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.brief-person strong{font-size:15px;display:block}.brief-person small{font-size:11px;margin-top:5px;display:block}
.brief-state{display:flex;align-items:center;gap:8px;font-size:11px;color:#4f651b;background:#f0f6df;padding:8px 12px;border-radius:30px;white-space:nowrap}.brief-state i{width:6px;height:6px;background:#708c2b;border-radius:50%}
.brief-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.brief-grid article{padding:30px 24px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #eceee6;transition:background .2s}.brief-grid article:last-child{border-right:0}.brief-grid article:hover{background:#fcfef6}
.brief-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;font-weight:600;color:#777b70;margin-bottom:26px}.brief-label .ui-icon{width:16px;height:16px;color:#60782b}
.brief-grid h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.7px;margin-bottom:16px}.brief-grid p{font-size:13px;line-height:1.7;margin-bottom:24px;color:#6c7167}.brief-detail{font-size:10px;line-height:1.6;color:#526339;margin-top:auto;padding-top:14px;border-top:1px solid #edf0e5;width:100%}
.brief-pipeline{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.brief-pipeline span{font-size:9px;padding:5px 7px;background:#f3f4f0;border-radius:5px;color:#6d7264}.brief-pipeline span:first-child{background:#d8ff5c;color:#191919}
.brief-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-top:1px solid #e8ebdf}.brief-footer>span{font-size:12px;color:#68705c}.brief-disclosure{font-size:11px;line-height:1.6;margin:18px 4px 0}
@media(max-width:1000px){.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-grid article:nth-child(2){border-right:0}.brief-grid article:nth-child(-n+2){border-bottom:1px solid #eceee6}.opportunity-heading{gap:32px}}
@media(max-width:600px){.opportunity-heading{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.opportunity-heading h2{font-size:34px}.opportunity-heading>p{max-width:none}.brief-header{padding:20px;flex-wrap:wrap;gap:15px}.brief-state{font-size:10px}.brief-grid{grid-template-columns:1fr}.brief-grid article{border-right:0;border-bottom:1px solid #eceee6;padding:24px}.brief-grid article:last-child{border-bottom:0}.brief-label{margin-bottom:16px}.brief-grid h3{font-size:26px}.brief-grid h3 br{display:none}.brief-grid h3 br:after{content:' '}.brief-footer{padding:20px;flex-direction:column;text-align:center;align-items:stretch}.brief-footer .primary{width:100%;min-height:52px;justify-content:center;font-size:15px}.brief-grid p{margin-bottom:18px}}

/* Makro-inspired plan presentation, with Connect's detailed comparison below. */
.pricing-intro h1{max-width:820px;margin-left:auto;margin-right:auto;font-size:clamp(36px,4.7vw,62px);line-height:1.08;letter-spacing:-.055em}.pricing-intro>p{max-width:530px;margin-left:auto;margin-right:auto;line-height:1.7}
.billing-switch{border:1px solid #e4e6dc;background:#f5f6f1;border-radius:30px;padding:5px;gap:4px}.billing-switch button{font-size:14px;min-width:110px;border-radius:24px;padding:12px 22px}.billing-switch button.selected{background:#d8ff5c;color:#191919;box-shadow:none}.billing-switch.compact{border-radius:10px}.billing-switch.compact button{min-width:0;border-radius:7px;font-size:11px;min-height:40px}
.plans-section{max-width:1180px;padding:16px 28px 56px}.plan-carousel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.plan-carousel-toolbar .eyebrow{display:block;margin-bottom:8px;font-size:10px}.plan-carousel-toolbar p{font-size:12px}.plan-jump{display:flex;gap:5px;flex-wrap:wrap}.plan-jump button{border:0;border-radius:7px;background:transparent;color:#72766a;min-height:40px;padding:10px 12px;font-size:12px}.plan-jump button[aria-pressed=true]{background:#f0f6df;color:#34450f}
.pricing-cards.pricing-carousel{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:4px;padding:4px 4px 20px;cursor:grab;scrollbar-width:thin;scrollbar-color:#b8c891 #f4f5ef;overscroll-behavior-x:contain;border:0;border-radius:0;position:relative}.pricing-carousel.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.pricing-carousel .plan-card{flex:0 0 calc((100% - 40px)/3);min-width:290px;min-height:510px;padding:25px;border:1px solid #e1e4d9!important;border-radius:18px;box-shadow:none;scroll-snap-align:start;background:#fff;display:flex;flex-direction:column}.pricing-carousel .featured-plan{background:#f8fbed;border-color:#bfd88a!important;box-shadow:none}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.plan-card-top small{font-size:10px;color:#687354}.plan-card-top>span{font-size:9px;color:#737768;background:#f0f2e9;border-radius:5px;padding:5px 7px}.pricing-carousel h3{font-size:25px;font-weight:500;letter-spacing:-.8px}.plan-audience{font-size:12px;margin-top:9px}.pricing-carousel .plan-price{font-size:31px;letter-spacing:-1px;margin:28px 0 8px;font-weight:500}.plan-billing-copy{font-size:10px;line-height:1.5}.pricing-carousel .plan-card>a{display:flex;justify-content:center;align-items:center;min-height:48px;width:100%;margin:24px 0 0;font-size:13px}.pricing-carousel .plan-description{font-size:13px;line-height:1.65;font-weight:400;min-height:65px;margin:24px 0 20px;color:#686e60}.plan-includes{font-size:9px;letter-spacing:1px;color:#767c6e}.pricing-carousel ul{margin:15px 0 24px;padding:0;list-style:none}.pricing-carousel li{font-size:12px;line-height:1.6;margin:10px 0;display:flex;gap:9px}.pricing-carousel li span{color:#526c20}.plan-voice-note{margin-top:auto;border-top:1px solid #e5e9db;padding-top:17px;font-size:10px;line-height:1.7;color:#777d70}
@media(max-width:900px){.pricing-carousel .plan-card{flex-basis:calc((100% - 20px)/2);min-width:270px}.plan-carousel-toolbar{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.plans-section{padding:8px 20px 40px}.pricing-carousel .plan-card{flex-basis:88%;min-width:0;padding:24px;min-height:530px}.pricing-cards.pricing-carousel{gap:14px}.plan-jump{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.plan-jump button{font-size:10px;padding:10px 4px}.plan-carousel-toolbar{margin-bottom:18px}.pricing-intro h1{font-size:36px}.pricing-carousel .plan-card>a{min-height:52px;font-size:15px}.billing-switch button{min-width:112px;min-height:46px}}

/* Lime underline for desktop navigation, without moving the menu labels. */
.attio-inspired-nav>nav>a,.attio-inspired-nav .nav-dropdown>summary{position:relative}
.attio-inspired-nav>nav>a:before,.attio-inspired-nav .nav-dropdown>summary:before{content:'';position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:3px;background:#D8FF5C;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;pointer-events:none}
.attio-inspired-nav>nav>a:hover:before,.attio-inspired-nav>nav>a:focus-visible:before,.attio-inspired-nav>nav>a[aria-current=page]:before,.attio-inspired-nav .nav-dropdown>summary:hover:before,.attio-inspired-nav .nav-dropdown>summary:focus-visible:before,.attio-inspired-nav .nav-dropdown[open]>summary:before{transform:scaleX(1)}
.attio-inspired-nav>nav>a:hover,.attio-inspired-nav .nav-dropdown>summary:hover{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.attio-inspired-nav>nav>a:before,.attio-inspired-nav .nav-dropdown>summary:before{transition:none}}

/* Shared workspace controls and opportunity stages. */
.app-header>div:last-child{display:flex;align-items:center;gap:12px}
.app-header>div:last-child>.badge,.app-header>div:last-child>.primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;min-width:160px;padding:10px 16px;border-radius:8px;font-size:12px;line-height:20px;white-space:nowrap}
.lead-list{container-type:inline-size;overflow:visible}
.lead-table .lead-list-item{grid-template-columns:minmax(0,1fr) 132px}
.lead-table .lead-row{grid-template-columns:40px minmax(140px,1.5fr) 120px 88px minmax(110px,1fr);gap:12px}
.lead-row .avatar{width:36px;height:36px;object-fit:cover;flex-shrink:0}
.stage-picker summary{box-sizing:border-box;height:44px;min-height:44px;list-style:none;font-weight:500;cursor:pointer}
.stage-picker summary:focus-visible,.stage-options button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}
.stage-picker[open]{z-index:75}
.lead-stage-field{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:12px;color:var(--text-secondary)}
.lead-stage-field .stage-picker{width:132px}
@container(max-width:850px){
 .lead-table .lead-row{grid-template-columns:36px minmax(0,1fr) 120px}
 .lead-table .lead-row>div:nth-of-type(3){grid-column:3;grid-row:2}
 .lead-table .next-action{grid-column:2;grid-row:2}
}
@container(max-width:560px){
 .lead-table .lead-list-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 0}
 .lead-table .lead-row{grid-template-columns:36px minmax(0,1fr);gap:8px 12px;padding:0}
 .lead-table .lead-row>div:nth-of-type(2),.lead-table .lead-row>div:nth-of-type(3),.lead-table .next-action{grid-column:2;grid-row:auto}
 .lead-table .stage-picker{margin:0 0 0 48px;width:calc(100% - 48px)}
 .lead-table .stage-options{left:0;right:0;min-width:0}
}
@media(max-width:760px){
 .app-header{flex-wrap:wrap;gap:12px;height:auto}
 .app-header>div:last-child{flex:1;justify-content:flex-end;gap:8px}
 .app-header>div:last-child>.badge,.app-header>div:last-child>.primary{min-width:0;padding:10px;font-size:11px}
 .lead-stage-field{width:100%;margin:8px 0 0;justify-content:space-between}
 .lead-stage-field .stage-picker{width:calc(100% - 48px)}
}

/* Monochrome notification channel marks, paired with their names. */
.connections-marketing .channel-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:850px;margin:40px auto 28px}
.connections-marketing .channel-row>span{min-width:0;min-height:72px;padding:18px 20px;gap:12px;color:var(--text-primary);font-size:16px;font-weight:550}
.connections-marketing .channel-row svg{width:26px;height:26px;flex:0 0 26px;display:block}
.connections-marketing .channel-name{padding:0;border:0;background:none}
@media(max-width:600px){.connections-marketing .channel-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connections-marketing .channel-row>span{padding:16px 12px;font-size:14px;gap:10px}}

/* After-call handoff: one complete record, chosen delivery channels. */
.connections-marketing .delivery-intro{max-width:760px;margin:24px auto 0}
.call-recap-preview{max-width:940px;margin:40px auto 0;text-align:left;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-elevated);overflow:hidden}
.recap-heading,.recap-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px}
.recap-heading h3{margin-top:8px;font-size:22px}.recap-heading .eyebrow,.recap-audio .eyebrow{font-size:10px;margin:0}
.recap-grid{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.recap-audio{padding:28px;background:var(--accent-light);display:flex;flex-direction:column;justify-content:center;gap:14px}
.recap-player{display:flex;align-items:center;gap:16px;min-height:70px}.recap-play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-lime);color:#191919;font-size:26px;flex:none}
.recap-wave{display:flex;align-items:center;gap:3px;height:48px;flex:1;overflow:hidden}.recap-wave i{width:4px;min-width:3px;height:var(--bar);background:var(--accent-deep);border-radius:4px}
.recap-audio strong{font-size:15px;line-height:1.5}.recap-details{margin:0;padding:24px 28px;display:grid;gap:18px}.recap-details dt{font-size:11px;color:var(--text-muted);margin-bottom:6px}.recap-details dd{margin:0;font-size:14px;line-height:1.55;color:var(--text-primary)}
.recap-footer{font-size:12px;color:var(--text-secondary);background:var(--surface)}.recap-footer button{font-size:12px;white-space:nowrap}.delivery-disclosure{display:block;max-width:750px;margin:14px auto 0;line-height:1.6}
.notification-channel{display:flex;align-items:center;gap:10px}.notification-channel svg{width:24px;height:24px;flex:none}.notification-appointment,.recording-preview{padding:18px;background:var(--accent-light);border-radius:10px;margin:18px 0}.notification-appointment p,.recording-preview p{margin:8px 0!important}.notification-appointment small,.recording-preview small{display:block;line-height:1.6}.notification-link-note{font-size:12px;line-height:1.6}
@media(max-width:640px){.recap-grid{grid-template-columns:1fr}.recap-heading,.recap-footer{flex-direction:column;align-items:flex-start;padding:20px}.recap-audio,.recap-details{padding:22px}.recap-footer button{width:100%;min-height:44px;text-align:center}.recap-heading h3{font-size:20px}}

/* Text-only language selector; mobile placement inside the hamburger panel. */
.attio-inspired-nav .language-control{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0;min-height:44px;min-width:84px;padding:8px 4px;color:var(--text-primary);font-size:13px;cursor:pointer}
.language-control .language-name{font-weight:500;white-space:nowrap}
.attio-inspired-nav .language-control select{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;font-size:16px}
.language-control:focus-within{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:6px}.language-control:hover .language-name{text-decoration:underline;text-decoration-color:var(--brand-lime);text-decoration-thickness:2px;text-underline-offset:5px}
.mobile-language-row{padding:12px 0;border-top:1px solid var(--border-subtle);margin-top:12px}
.attio-inspired-nav .language-mobile{justify-content:flex-start;padding:10px 0;font-size:16px;min-width:120px}
@media(max-width:960px){.attio-inspired-nav>.language-desktop{display:none}.attio-inspired-nav .mobile-marketing-menu{margin-left:auto}}
@media(min-width:961px){.attio-inspired-nav{gap:18px}.attio-inspired-nav>nav{gap:6px}}

/* Scroll entrances run on touch screens too; content stays available without JS. */
.scroll-waiting{opacity:0}
.scroll-arrived{animation:connect-scroll-in .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes connect-scroll-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.steps .step-number{background:var(--accent-light);color:var(--accent-deep);border-color:#DDE5CB;font-variant-numeric:tabular-nums}
@keyframes step-brand-active{0%,30%{background:#D8FF5C;color:#191919;border-color:#D8FF5C;box-shadow:0 0 0 5px #D8FF5C26}33.333%,100%{background:#F7FCE8;color:#34450F;border-color:#DDE5CB;box-shadow:none}}
.story-step,.plan-card-top small{color:var(--accent-deep)}.story-calendar-icon{border-top-color:var(--brand-lime);color:var(--accent-deep)}
.marketing-nav-actions .nav-sign-in{font-size:13px;white-space:nowrap;padding:12px 4px}.mobile-sign-in{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:15px}
.auth-page{background:#fff;min-height:100dvh;color:#191919}.auth-header{max-width:1250px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.auth-header>div{display:flex;align-items:center;gap:24px}.auth-back{font-size:12px;color:#626773}.auth-header .language-control{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:84px;font-size:13px}.auth-header .language-control select{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:pointer}
.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;max-width:1120px;margin:55px auto 80px;padding:0 32px;align-items:center}.auth-story>.eyebrow{font-size:10px;letter-spacing:.1em;color:#4F651B}.auth-story h1{font-size:clamp(38px,4.2vw,58px);margin:20px 0;letter-spacing:-.055em;line-height:1.08}.auth-story>p{font-size:16px;line-height:1.7;max-width:450px}
.auth-brief{margin-top:36px;border:1px solid #E2E6D9;border-radius:18px;padding:24px;background:#FAFCF5}.auth-brief-person{display:flex;align-items:center;gap:12px}.auth-brief-person img{border-radius:50%;object-fit:cover;flex:none}.auth-brief-person strong{display:block;font-size:14px}.auth-brief-person div>span{font-size:11px;color:#626773;display:block;margin-top:5px}.auth-brief-person i{width:8px;height:8px;border-radius:50%;background:#4F651B;margin-left:auto;flex:none}.auth-brief-message{margin:22px 0;padding:16px;background:#fff;border:1px solid #E2E6D9;border-radius:12px;font-size:14px;line-height:1.6}.auth-brief ul{list-style:none;padding:0;margin:0 0 16px}.auth-brief li{display:flex;gap:10px;font-size:12px;line-height:1.6;margin:12px 0}.auth-brief li>span{color:#4F651B}.auth-brief>small{font-size:10px}
.auth-form-card{border:1px solid #E4E6E0;border-radius:20px;padding:32px;background:#fff;box-shadow:0 12px 45px #19191904}.auth-mode-links{display:flex;gap:24px;margin-bottom:30px}.auth-mode-links a{font-size:13px;color:#626773;padding-bottom:10px;border-bottom:3px solid transparent}.auth-mode-links a[aria-current=page]{border-color:#D8FF5C;color:#191919}.auth-form-card h2{font-size:28px;letter-spacing:-.04em}.auth-form-card>p{font-size:13px;margin:12px 0 25px;line-height:1.7}.auth-form-card form label{display:block;font-size:12px;font-weight:500;margin:18px 0 0;color:#191919}.auth-form-card input{width:100%;min-height:48px;border:1px solid #DDDFE5;background:#fff;color:#191919;border-radius:8px;padding:12px 14px;margin-top:9px;font-size:16px}.auth-password-field{position:relative;display:block}.auth-password-field input{padding-right:68px}.auth-password-field button{position:absolute;right:5px;bottom:3px;min-height:42px;padding:8px;border:0;background:transparent;font-size:11px;color:#4F651B}.auth-form-card #auth-password-help{display:block;margin-top:9px;font-size:10px;line-height:1.6}.auth-forgot{display:block;text-align:right;font-size:12px;margin:14px 0;color:#4F651B}.auth-submit{display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;margin-top:24px;font-size:14px}.auth-demo-disclosure{font-size:10px!important;line-height:1.7;margin-top:16px}.auth-demo-entry{display:flex;flex-direction:column;gap:10px;text-align:center;border-top:1px solid #ECEEF1;padding-top:20px;margin-top:24px;font-size:12px;color:#626773}.auth-demo-entry a{color:#34450F;min-height:36px;display:grid;place-items:center}.auth-bottom-note{display:block;text-align:center;font-size:10px;margin-top:20px}.auth-result{padding:24px 0}.auth-result p{font-size:13px;line-height:1.7;margin:14px 0 24px}.auth-result a{display:flex;justify-content:center;align-items:center;min-height:48px;font-size:13px}.auth-success-mark{display:grid;place-items:center;background:#D8FF5C;border-radius:50%;width:42px;height:42px;margin-bottom:20px}.auth-result[hidden],.auth-form-card form[hidden]{display:none}
@media(max-width:960px){.auth-layout{gap:35px;margin-top:30px}.auth-form-card{padding:25px}.auth-story h1{font-size:40px}}
@media(max-width:680px){.auth-header{padding:16px 20px}.auth-header>div{gap:12px}.auth-back{font-size:10px}.auth-layout{display:flex;flex-direction:column;margin:20px auto 48px;padding:0 20px;gap:28px}.auth-story{width:100%;text-align:center}.auth-story h1{font-size:34px;margin:14px 0}.auth-story>p{font-size:14px;max-width:440px;margin:auto}.auth-brief{display:none}.auth-form-section{width:100%;max-width:450px}.auth-form-card{padding:24px 20px}.auth-mode-links{justify-content:center}.auth-form-card h2,.auth-form-card>p{text-align:center}.auth-submit{min-height:54px}.final-cta .primary{display:flex;justify-content:center;align-items:center;min-height:54px;width:100%;max-width:440px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.scroll-waiting{opacity:1}.scroll-arrived{animation:none!important}.steps.is-live .step-number{animation:none!important}}

/* Connect access: editorial introduction and focused account form. */
.auth-header{max-width:1400px;padding:25px 48px;border-bottom:1px solid #eff0eb}.auth-header .brand{font-size:29px!important}.auth-back{font-size:13px}.auth-layout{max-width:1220px;gap:100px;margin:48px auto 64px;align-items:center}.auth-story h1{font-size:clamp(38px,4.1vw,56px);max-width:490px}.auth-story>p{color:#697064;font-size:15px}.auth-story>.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em}.auth-call-preview{margin-top:28px;padding:24px;background:#20271f;border:1px solid #30392c;border-radius:22px;color:#fff;box-shadow:0 20px 50px #20271f12;max-width:470px}.auth-call-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;color:#d1d6cd}.auth-live-dot{height:6px;width:6px;border-radius:50%;background:#d8ff5c}.auth-preview-tag{margin-left:auto;padding:4px 8px;border:1px solid #59604f;border-radius:5px;font-size:9px;letter-spacing:0}.auth-caller{display:flex;align-items:center;gap:13px;margin-top:24px}.auth-caller img{border-radius:50%;object-fit:cover;border:3px solid #ffffff1f}.auth-caller strong{display:block;font-size:16px;font-weight:500}.auth-caller div>span{display:block;color:#bfc6b9;font-size:11px;margin-top:6px}.auth-wave{height:76px;display:flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;margin-top:12px}.auth-wave i{display:block;width:4px;flex-shrink:0;height:var(--bar);max-height:60px;border-radius:4px;background:#d8ff5c;animation:auth-wave 2s ease-in-out var(--delay) infinite alternate}.auth-call-quote{font-size:13px;line-height:1.7;text-align:center;color:#e8eddf;margin:6px 0 22px}.auth-summary-preview{background:#fff;border-radius:12px;color:#20271f;padding:18px}.auth-summary-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}.auth-summary-heading strong{font-size:12px;font-weight:600}.auth-summary-check{display:grid;place-items:center;background:#d8ff5c;border-radius:50%;width:23px;height:23px;flex:none;font-size:12px}.auth-summary-row{display:flex;justify-content:space-between;gap:18px;font-size:11px;line-height:1.6;padding:6px 0}.auth-summary-row>span{color:#71766c}.auth-summary-row strong{font-weight:500;text-align:right}.auth-summary-footer{border-top:1px solid #ebeee5;margin-top:10px;padding-top:13px;font-size:10px;display:flex;gap:8px;color:#56633d}.auth-channel-caption{display:flex;justify-content:center;gap:10px;color:#c3cbb9;font-size:10px;padding-top:18px}.auth-channel-caption b{color:#d8ff5c}.auth-story .auth-story-note{font-size:10px;color:#858a7f;margin:12px 0 0}.auth-form-card{border:0;box-shadow:none;padding:14px 0;background:#fff;max-width:400px;margin:auto}.auth-form-kicker{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:.12em;color:#67705d;margin-bottom:24px}.auth-form-kicker>span{width:6px;height:6px;border-radius:50%;background:#718541}.auth-mode-links{display:flex;gap:0;background:#f5f6f2;padding:5px;border-radius:9px;margin-bottom:30px}.auth-mode-links a{flex:1;text-align:center;padding:11px 6px;border:0;border-radius:6px;font-size:12px}.auth-mode-links a[aria-current=page]{background:white;box-shadow:0 1px 4px #20271f12;color:#20271f}.auth-form-card h2{font-size:32px;letter-spacing:-.045em;margin:0}.auth-form-card>p{color:#73776e;margin:10px 0 28px;font-size:13px}.auth-form-card input{border-color:#dfe3d9;border-radius:9px;height:52px;background:#fff;transition:border-color .2s,box-shadow .2s}.auth-form-card input:focus-visible{outline:0;border-color:#738342;box-shadow:0 0 0 3px #d8ff5c40}.auth-form-card form label{font-size:12px;margin-top:20px}.auth-form-card #auth-password-help{color:#7c8176;font-size:11px}.auth-password-field button{bottom:5px;right:8px;font-size:12px}.auth-page .auth-submit,.auth-result .primary{background:#d8ff5c;color:#20271f;border:1px solid #d8ff5c;border-radius:9px;min-height:54px;font-weight:600;box-shadow:none;transition:background .2s,transform .2s}.auth-page .auth-submit:hover,.auth-result .primary:hover{background:#cdef50;transform:translateY(-1px)}.auth-demo-disclosure{color:#83877e!important;text-align:center;max-width:350px;margin:14px auto 0!important}.auth-demo-entry{border-top-color:#e9ece3;gap:4px;padding-top:19px;margin-top:25px}.auth-demo-entry a{font-weight:500}.auth-bottom-note{color:#8a8e84;font-size:10px}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid #738342;outline-offset:4px}.auth-success-mark{width:48px;height:48px}.auth-result h3{font-size:25px;letter-spacing:-.03em}.auth-result:focus{outline:none}@keyframes auth-wave{from{transform:scaleY(.4);opacity:.55}to{transform:scaleY(1);opacity:1}}
@media(min-width:1500px){.auth-layout{margin-top:70px}}
@media(max-width:1000px){.auth-layout{gap:45px;margin-top:35px}.auth-header{padding:22px 32px}.auth-story h1{font-size:42px}.auth-call-preview{padding:19px}.auth-wave{gap:4px}.auth-form-card{padding:8px 0}}
@media(max-width:680px){.auth-header{padding:18px 20px}.auth-header .brand{font-size:26px!important}.auth-header>div{gap:8px}.auth-back{display:none}.auth-layout{display:flex;flex-direction:column;gap:32px;margin:28px auto 40px;padding:0 24px}.auth-form-section{order:-1;max-width:420px}.auth-form-card{padding:0;max-width:none}.auth-form-kicker{justify-content:center;margin-bottom:20px}.auth-mode-links{margin-bottom:26px}.auth-form-card h2{font-size:30px}.auth-form-card>p{margin-bottom:25px}.auth-form-card input{min-height:54px}.auth-page .auth-submit{min-height:56px;width:100%;font-size:15px}.auth-bottom-note{margin-top:18px}.auth-story{border-top:1px solid #edf0e7;padding-top:30px;max-width:420px}.auth-story>.eyebrow{font-size:9px}.auth-story h1{font-size:32px;max-width:350px;margin:14px auto}.auth-story>p{font-size:13px;line-height:1.7}.auth-call-preview{margin-top:24px;text-align:left;max-width:100%;padding:20px}.auth-story .auth-story-note{text-align:center}.auth-summary-row{font-size:10px}.auth-caller div>span{font-size:10px}.auth-wave{gap:4px}.auth-channel-caption{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.auth-wave i{animation:none}.auth-page .auth-submit,.auth-form-card input{transition:none}}

/* Compact auth: one viewport, minimal copy, consistent header baseline. */
.auth-page{min-height:100svh;display:flex;flex-direction:column}.auth-page [hidden]{display:none!important}.auth-header{box-sizing:border-box;width:100%;max-width:none;min-height:76px;padding:16px 36px;margin:0;flex:none}.auth-header>div{align-items:center;gap:20px}.auth-header .language-control{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:92px;height:44px;min-height:44px;margin:0;padding:0 10px;line-height:1;font-size:13px;border:0;background:transparent}.auth-header .language-control select{margin:0;padding:0;border:0;min-height:0;height:100%;top:0;left:0}.auth-header .language-name{display:block;line-height:1;margin:0}.auth-layout{box-sizing:border-box;flex:1;width:100%;max-width:1020px;margin:0 auto;padding:24px 32px;gap:80px;align-content:center;grid-template-columns:1fr 1fr}.auth-story{padding:0;border:0}.auth-call-preview{margin:0;padding:22px}.auth-call-quote{margin:0 0 16px}.auth-wave{height:64px}.auth-caller{margin-top:18px}.auth-summary-preview{padding:15px}.auth-form-section{width:100%;min-width:0}.auth-form-card{width:100%;max-width:360px;padding:0}.auth-mode-links{margin-bottom:22px}.auth-form-card form label{margin-top:14px}.auth-form-card input{box-sizing:border-box;margin-top:7px;height:48px;min-height:48px}.auth-page .auth-submit{min-height:50px;margin-top:20px}.auth-demo-entry{margin-top:16px;padding-top:12px}.auth-demo-disclosure{margin:10px auto 0!important;line-height:1.5}.auth-methods{display:flex;gap:6px;justify-content:center;margin-bottom:18px}.auth-methods button{flex:1;min-height:40px;border:1px solid #e4e8db;background:white;border-radius:7px;font-size:12px;color:#697064;cursor:pointer}.auth-methods button[aria-pressed=true]{border-color:#829650;color:#26321b;background:#f5f9e9}.auth-code-back{display:block;background:none;border:0;padding:8px 0;font-size:12px;color:#50622f;cursor:pointer;min-height:36px}#auth-code{letter-spacing:.45em;text-align:center;font-size:20px}#auth-code-help{display:block;margin-top:8px;font-size:11px;color:#68715a;line-height:1.5}#auth-code-error{font-size:12px;color:#a2332b;margin:8px 0}.auth-form-card input[readonly]{background:#f5f6f2;color:#73786a}.auth-result{padding:15px 0}.auth-result h3{margin:14px 0}.auth-result p{margin:12px 0 20px}
@media(max-width:800px){.auth-layout{gap:36px;padding:24px}.auth-call-preview{padding:18px}.auth-wave{gap:3px}.auth-caller div>span{display:none}.auth-summary-row{font-size:10px}.auth-channel-caption{gap:6px;font-size:9px}}
@media(max-width:680px){.auth-header{min-height:68px;padding:12px 20px}.auth-layout{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 24px;margin:0 auto;gap:0}.auth-story{display:none}.auth-form-section{max-width:380px;order:0}.auth-form-card{max-width:none}.auth-mode-links{margin-bottom:20px}.auth-page .auth-submit{min-height:52px}.auth-form-card input{min-height:50px}.auth-methods{margin-bottom:14px}.auth-header .language-control{min-width:92px}.auth-demo-entry a{min-height:36px}.auth-form-card #auth-password-help{font-size:10px}}
@media(max-height:650px) and (min-width:681px){.auth-layout{padding-top:14px;padding-bottom:14px}.auth-call-quote,.auth-channel-caption{display:none}.auth-wave{height:48px}.auth-header{min-height:64px;padding-top:10px;padding-bottom:10px}}
@media(max-height:700px) and (max-width:680px){.auth-layout{padding-top:12px;padding-bottom:12px}.auth-mode-links{margin-bottom:12px}.auth-form-card form label{margin-top:10px}.auth-methods{margin-bottom:10px}.auth-demo-entry{margin-top:10px;padding-top:8px}.auth-page .auth-submit{margin-top:14px}}

/* Keep portrait geometry stable while images decode. */
.review-portrait,.avatar-photo,.workspace-photo,.hero-review-avatars img,.auth-caller img{flex-shrink:0;object-fit:cover;background:#f0f2eb}.review-portrait{aspect-ratio:1}

/* Branded language dropdown replaces the system select on every public page. */
.language-control.language-auth,.attio-inspired-nav .language-control,details.language-control{position:relative;display:block;flex:none;min-width:92px;min-height:44px;height:44px;padding:0;margin:0;line-height:1;color:#191919;background:transparent;border:0;font-size:13px;z-index:90}
.language-control>summary{list-style:none;display:flex;align-items:center;justify-content:center;min-height:44px;height:44px;box-sizing:border-box;padding:0 12px;cursor:pointer;border:0;border-radius:7px;background:transparent;font:inherit;color:inherit;user-select:none}
.language-control>summary::-webkit-details-marker{display:none}.language-control>summary::marker{content:''}.language-control>summary:after{display:none!important}.language-control:focus-within{outline:none}.language-control>summary:focus-visible{outline:2px solid #718541;outline-offset:2px}.language-control[open]>summary,.language-control>summary:hover{background:#f4f6ef}.language-control:hover .language-name{text-decoration:none}.language-control .language-name{line-height:1;font-size:13px;font-weight:500}
.language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;box-sizing:border-box;padding:6px;background:#fff;border:1px solid #e4e8dd;border-radius:12px;box-shadow:0 10px 32px #20271f14;display:flex;flex-direction:column;gap:3px;z-index:100}
.language-control:not([open])>.language-options{display:none}.language-options>button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:42px;box-sizing:border-box;margin:0;padding:10px 13px;border:0;border-radius:7px;background:#fff;color:#343a2d;font:inherit;font-size:13px;line-height:1.3;text-align:left;cursor:pointer;box-shadow:none;letter-spacing:normal}.language-options>button:hover,.language-options>button:focus-visible{background:#f0f5e5;outline:none}.language-options>button[aria-pressed=true]{background:#D8FF5C;color:#20271f;font-weight:600}.language-options>button:focus-visible{outline:2px solid #718541;outline-offset:-2px}
@media(max-width:720px){.mobile-marketing-menu .language-control{width:max-content}.mobile-marketing-menu .language-options{left:0;right:auto}.language-options>button{min-height:44px}}

.brand.brand-wordmark .brand-sensys{font-weight:600;letter-spacing:-.055em}.brand.brand-wordmark .brand-connect{font-weight:300;letter-spacing:-.055em;margin-left:.16em}.brand.brand-wordmark .brand-dot{font-weight:500}

/* Smaller wordmark and a cohesive desktop account area. */
.attio-inspired-nav .brand.brand-wordmark{font-size:22px;flex-shrink:0}
.auth-header .brand.brand-wordmark{font-size:23px!important}
@media(min-width:961px){.attio-inspired-nav>nav{margin-right:auto}.attio-inspired-nav>.language-desktop{margin-left:0}.attio-inspired-nav .marketing-nav-actions{margin-left:0;gap:18px}.attio-inspired-nav{column-gap:20px}}
@media(max-width:960px){.attio-inspired-nav .brand.brand-wordmark{font-size:22px}.attio-inspired-nav>.language-control.language-desktop{display:none}}
@media(max-width:380px){.auth-header .brand.brand-wordmark{font-size:21px!important}.auth-header{padding-inline:16px;gap:8px}}

/* Guided setup: isolated frontend journey. */
.setup-page{background:#fff;color:#20271f;min-height:100svh}.setup-header{height:76px;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ece3}.setup-header .brand{font-size:23px}.setup-header>a:last-child{font-size:12px;color:#647057}.setup-layout{max-width:1120px;margin:44px auto;padding:0 28px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px}.setup-eyebrow{font-size:9px;letter-spacing:.13em;color:#66774b;font-weight:600}.setup-sidebar h1{font-size:35px;line-height:1.12;margin:20px 0 12px;letter-spacing:-.04em}.setup-sidebar>p{font-size:13px}.setup-sidebar ol{padding:0;list-style:none;margin:30px 0}.setup-sidebar li{margin:6px 0}.setup-sidebar li button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 8px;border:0;border-radius:8px;background:transparent;font-size:13px;color:#606a54}.setup-sidebar li button>span,.setup-checks button>span{width:27px;height:27px;display:grid;place-items:center;background:#f0f3e9;border-radius:50%;flex:none;font-size:12px}.setup-sidebar li button[aria-current]{background:#f1f6e5;color:#20271f;font-weight:600}.setup-sidebar li button[aria-current]>span{background:#d8ff5c}.setup-sidebar button:disabled{opacity:.45;cursor:default}.setup-safe{border-top:1px solid #e5e9dc;padding-top:20px;font-size:11px}.setup-safe p{font-size:11px;margin-top:7px;line-height:1.6}.setup-card{border:1px solid #e2e7d9;border-radius:18px;padding:30px;background:white}.setup-card-top{display:flex;justify-content:space-between;font-size:10px;color:#758269}.setup-card progress{width:100%;height:5px;margin:14px 0 28px;appearance:none;border:0;border-radius:9px;overflow:hidden;background:#eef1e7}.setup-card progress::-webkit-progress-bar{background:#eef1e7}.setup-card progress::-webkit-progress-value{background:#d8ff5c}.setup-card progress::-moz-progress-bar{background:#d8ff5c}.setup-card h2{font-size:27px;margin-bottom:12px;outline:none}.setup-intro{font-size:13px;margin-bottom:22px}.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setup-card label{display:block;font-size:12px;margin:0 0 16px}.setup-card input:not([type=radio]),.setup-card select,.setup-card textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #dce3d1;border-radius:8px;background:#fff;color:#20271f;font:inherit;font-size:14px;padding:12px;min-height:46px;margin-top:8px}.setup-card textarea{resize:vertical}.setup-card input:focus-visible,.setup-card textarea:focus-visible,.setup-card select:focus-visible{outline:2px solid #8ba450;outline-offset:2px}.setup-card input:disabled{background:#f4f6ef;color:#737e66}.setup-note{padding:16px;background:#f6f8f0;border-radius:10px;font-size:12px;line-height:1.7;margin:12px 0}.setup-note ul{padding-left:18px;margin:8px 0 0}.setup-note p{font-size:12px;margin-top:5px}.setup-card .setup-choice{display:flex;gap:12px;border:1px solid #e0e6d7;border-radius:10px;padding:14px;margin-bottom:10px;cursor:pointer}.setup-choice.selected{background:#f5f9eb;border-color:#91a16c}.setup-choice input{accent-color:#718541}.setup-choice strong{display:block;font-size:12px}.setup-choice small{display:block;font-size:11px;margin-top:6px;line-height:1.5}.setup-choices{margin-top:22px}.setup-numbers{display:flex;flex-wrap:wrap;gap:8px}.setup-card .setup-number{display:flex;align-items:center;gap:8px;background:#f5f7ef;padding:12px;border-radius:7px;font-size:11px}.setup-number input{accent-color:#718541}.setup-muted{font-size:11px;line-height:1.6;display:block}.setup-actions{display:flex;justify-content:space-between;gap:16px;margin-top:25px}.setup-actions button{min-height:46px;border-radius:8px;padding:12px 22px;font-size:12px}.setup-actions .primary,.setup-banner .primary{background:#d8ff5c;color:#20271f;border:1px solid #d8ff5c}.setup-actions button:disabled{opacity:.35;cursor:default}.setup-later{display:block;border:0;background:none;color:#667451;font-size:11px;padding:15px 0 0;margin:auto}.setup-review>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0e6;padding:12px 0;font-size:12px}.setup-review strong{text-align:right}.setup-review span{color:#758168}.setup-checks{display:grid;gap:9px;margin:22px 0}.setup-checks button{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid #e0e6d8;padding:13px;border-radius:9px;font-size:12px}.setup-checks button>span{background:#d8ff5c}.setup-test-result{font-size:12px;line-height:1.7;padding:16px;border:1px solid #acc47a;border-radius:9px}.setup-page [hidden]{display:none!important}.setup-error{color:#a13229;font-size:12px;margin-top:14px}.setup-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border:1px solid #dae6bf;border-radius:12px;background:#f8fbee;margin-bottom:25px;color:#20271f}.setup-banner h3{font-size:20px;margin:8px 0}.setup-banner p{font-size:12px;color:#687458}.setup-banner a{font-size:12px;white-space:nowrap;padding:12px 18px;border-radius:8px}
@media(max-width:800px){.setup-layout{grid-template-columns:1fr;gap:22px;margin:24px auto}.setup-sidebar h1,.setup-sidebar>p,.setup-safe{display:none}.setup-sidebar ol{display:flex;overflow-x:auto;margin:15px 0 0;gap:8px}.setup-sidebar li{flex:1;min-width:100px}.setup-sidebar li button{font-size:10px;flex-direction:column;text-align:center;padding:10px 5px;gap:7px}.setup-card{padding:24px}.setup-banner{flex-direction:column;align-items:stretch}.setup-banner a{text-align:center}}
@media(max-width:500px){.setup-header{padding:16px 20px;height:68px}.setup-header .brand{font-size:21px}.setup-header>a:last-child{font-size:10px}.setup-layout{padding:0 16px}.setup-fields{grid-template-columns:1fr;gap:0}.setup-card{padding:22px 18px}.setup-card h2{font-size:24px}.setup-card input:not([type=radio]),.setup-card textarea,.setup-card select{font-size:16px}.setup-actions button{flex:1;min-height:52px;padding:12px}.setup-review>div{font-size:11px}.setup-sidebar li{min-width:88px}}

/* Analytics comparison panels and workspace layout resilience. */
.app-shell .sidebar{height:100dvh;min-height:0;overflow:hidden;padding:22px 14px}.sidebar>.brand.brand-wordmark{font-size:21px;flex:none}.sidebar>.workspace-label{min-width:0;flex:none}.workspace-label>div{min-width:0}.workspace-label strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .sidebar>nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;padding:4px 0 15px}.app-shell .sidebar-bottom{flex:none;margin-top:10px;padding-top:14px;border-top:1px solid var(--line);gap:12px}.app-main,.app-content{min-width:0}.app-header{gap:16px}.app-header-context{min-width:0}.app-header>div:last-child>.badge{min-width:0;min-height:30px;padding:5px 9px;font-size:10px}.analytics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.analytics-heading h1{font-size:30px;margin:10px 0;letter-spacing:-.04em}.analytics-heading p{font-size:13px}.analytics-eyebrow{font-size:9px;letter-spacing:.13em;color:var(--accent-primary)}.analytics-filters{display:flex;gap:10px;flex:none}.analytics-filters label{font-size:11px;color:var(--muted)}.analytics-filters select{display:block;margin-top:6px;padding:9px 12px;min-width:120px;background:var(--bg);color:var(--ink);border:1px solid var(--line)}.analytics-disclosure{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 15px;border:1px solid var(--line);border-radius:9px;font-size:11px;margin-bottom:20px;background:var(--bg)}.analytics-disclosure span{color:var(--muted)}.analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.analytics-metrics article{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px}.analytics-metrics article>span{font-size:12px;color:var(--muted)}.analytics-metrics article>strong{display:block;font-size:31px;letter-spacing:-.04em;margin:12px 0}.analytics-metrics small{display:block;font-size:11px;line-height:1.8}.metric-up{color:var(--accent-primary)}.metric-down{color:var(--muted)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.analytics-page .panel{min-width:0;margin-bottom:20px;padding:24px}.analytics-page h3{font-size:16px}.analytics-panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.analytics-panel-title>span{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.analytics-panel-title i{width:9px;height:9px;display:inline-block;background:#bce64a;border-radius:2px}.analytics-panel-title i.previous{background:#c4cabd}.analytics-chart{display:flex;gap:12px;align-items:flex-end;min-height:205px;padding:16px 0 0;border-bottom:1px solid var(--line)}.analytics-bin{flex:1;min-width:0;text-align:center}.analytics-bars{display:flex;justify-content:center;align-items:flex-end;gap:5px;height:170px}.analytics-bars>div{width:35%;max-width:30px}.analytics-bars b{font-size:9px;display:block;margin-bottom:6px;font-weight:500}.analytics-bars i{display:block;width:100%;border-radius:4px 4px 0 0;background:#bce64a}.analytics-bars i.previous{background:#c4cabd}.analytics-bin>small{display:block;font-size:9px;padding:10px 0;line-height:1.4}.analytics-footnote{font-size:11px!important;margin-top:18px}.analytics-funnel{margin-top:20px}.analytics-funnel>div{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:15px;font-size:11px}.analytics-funnel>div>div{grid-column:1/-1;height:6px;border-radius:4px;background:var(--surface-secondary);overflow:hidden}.analytics-funnel i{height:100%;display:block;background:#bce64a;border-radius:4px}.analytics-funnel small{grid-column:1/-1;font-size:10px}.analytics-table-wrap{overflow-x:auto}.analytics-page table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.analytics-page th,.analytics-page td{padding:14px 12px;text-align:right;border-bottom:1px solid var(--line)}.analytics-page th:first-child{text-align:left}.analytics-page thead th{font-size:10px;color:var(--muted);font-weight:500}.analytics-page tfoot{font-weight:600;background:var(--surface-secondary)}.analytics-detail{margin:18px 0 0}.analytics-detail>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.analytics-detail dt{color:var(--muted)}.analytics-detail dd{margin:0;font-weight:550;text-align:right}.analytics-definitions p{font-size:12px;line-height:1.7;margin-top:16px}
@media(max-width:1100px){.analytics-heading{align-items:flex-start;flex-direction:column}.analytics-grid{grid-template-columns:1fr}.analytics-chart{min-height:210px}}
@media(max-width:760px){.app-shell .sidebar{position:relative;height:auto;padding:14px 16px;overflow:visible}.app-shell .sidebar>nav{display:flex;overflow-x:auto;overflow-y:hidden;flex:none;padding:4px 0;gap:5px}.app-shell .sidebar>nav .nav-item{flex-shrink:0;width:auto;white-space:nowrap;padding:10px 12px}.app-shell .sidebar-bottom{display:none}.app-header{padding:12px 16px}.app-header>div:last-child>.badge{display:none}.app-header>div:last-child>.primary{min-height:40px;font-size:11px;padding:8px 12px}.analytics-heading h1{font-size:26px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-metrics article{padding:16px}.analytics-metrics article>strong{font-size:26px}.analytics-filters{width:100%}.analytics-filters label{flex:1;min-width:0}.analytics-filters select{width:100%;min-width:0;font-size:14px}.analytics-page .panel{padding:18px}.analytics-panel-title{align-items:flex-start;flex-direction:column}.analytics-chart{gap:7px}.analytics-bars{gap:3px}.analytics-bars b{font-size:8px}.analytics-bin>small{font-size:8px}.analytics-disclosure{font-size:10px;gap:6px}}
.sidebar-bottom .sidebar-signout{padding:0;font-size:inherit;color:inherit;text-align:left;cursor:pointer}

/* Premium marketing CTAs. Deliberately excludes navigation, forms and workspace controls. */
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary) {
  --cta-tile: #fff;
  --cta-arrow: #242424;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: min(224px, 100%);
  max-width: 100%;
  min-height: 56px;
  padding: 15px 56px;
  border: 1px solid transparent;
  border-radius: 20px;
  background: #f3f4f2;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: middle;
  box-shadow: none;
  transform: none;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary).primary {
  --cta-tile: #D8FF5C;
  background: #242424;
  color: #fff;
}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 14px;
  background: var(--cta-tile);
  transform: translateY(-50%);
  pointer-events: none;
}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::after {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 18px;
  height: 18px;
  background: var(--cta-arrow);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: translateY(-50%);
  transition: transform 180ms ease;
  pointer-events: none;
}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):focus-visible {
  outline: 2px solid #4f651b;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #fff;
}
@media (hover: hover) and (pointer: fine) {
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):hover { background: #e9ece7; transform: none; }
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary).primary:hover { background: #353535; color: #fff; }
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):hover::after { transform: translate(3px, -50%); }
}
@media (max-width: 760px) {
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary) {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    margin-inline: auto;
    padding-inline: 54px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary), :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::after { transition: none; }
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):hover::after { transform: translateY(-50%); }
}
@media (forced-colors: active) {
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary) { border-color: ButtonText; }
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::before { background: Canvas; border: 1px solid ButtonText; }
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::after { background: ButtonText; }
  :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):focus-visible { outline-color: Highlight; }
}
.auth-form-card #auth-new-password-help{display:block;margin-top:9px;font-size:10px;line-height:1.6;color:#7c8176}
.business-setup .setup-header-actions{display:flex;align-items:center;gap:16px;font-size:12px}.business-setup .setup-header-actions .text-button{padding:0;font-size:12px;cursor:pointer}
.business-setup form>label,.business-setup .setup-fields label{display:block;margin-top:16px}.business-setup fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.business-setup legend{font-size:13px;font-weight:600;margin-bottom:10px;padding:0}
.business-setup .setup-service-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.business-setup .setup-service-row input{flex:1;min-width:0}.business-setup .setup-service-row .text-button{min-width:40px;min-height:40px;font-size:18px;cursor:pointer}.business-setup .setup-add,.business-setup .setup-tz-suggest{padding:6px 0;color:#4F651B;cursor:pointer}
.business-setup .setup-hours-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;border-top:1px solid #eef1e7}.business-setup .setup-day{display:flex;gap:10px;align-items:center;font-size:13px;margin:0}.business-setup .setup-day input{width:auto}.business-setup .setup-hours-times{display:flex;flex-wrap:wrap;gap:8px}.business-setup .setup-interval{display:inline-flex;gap:6px;align-items:center}.business-setup .setup-interval input{width:auto;min-width:0}.business-setup .setup-closed{font-size:12px;color:#758269}
.business-setup .setup-field-error{display:block;color:#a13229;font-size:11px;margin-top:6px}.business-setup [aria-invalid="true"]{border-color:#a13229}.business-setup .setup-saved ul{margin:8px 0 0;padding-left:18px;font-size:13px}.business-setup .setup-saved p{font-size:13px;margin-top:10px}
@media(max-width:760px){.business-setup .setup-hours-row{grid-template-columns:1fr}.business-setup .setup-header-actions{gap:10px}}
.business-setup .setup-layout>*{min-width:0}
.business-setup .setup-language-list{display:flex;flex-wrap:wrap;gap:10px 22px}.business-setup .setup-language{display:inline-flex;gap:8px;align-items:center;font-size:13px;margin:0}.business-setup .setup-language input{width:auto}.business-setup .setup-status p,.business-setup .setup-status ul{font-size:12px;margin:0 0 6px}.business-setup .setup-status ul{padding-left:18px}.business-setup .setup-header-actions .language-control{margin:0}
.business-setup .setup-channel-list{display:flex;flex-wrap:wrap;gap:10px 22px}.business-setup .setup-channel{display:inline-flex;gap:8px;align-items:center;font-size:13px;margin:0}.business-setup .setup-channel input{width:auto}.business-setup .setup-destinations{margin-top:18px}.business-setup .setup-destinations ul{list-style:none;padding:0;margin:8px 0 0}.business-setup .setup-destination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;align-items:center;padding:10px 0;border-top:1px solid #eef1e7;font-size:12px}.business-setup .setup-destination [data-no-translate]{overflow-wrap:anywhere}.business-setup .setup-destination-states{display:flex;flex-wrap:wrap;gap:6px 12px;color:#758269}.business-setup .setup-tag{padding:2px 8px;border-radius:14px;background:#f0f6dc;color:#34450f;font-weight:600}.business-setup .setup-destination .text-button{padding:4px 0;color:#4F651B;cursor:pointer}
/* Onboarding step 4 (notifications V1): email always on, SMS switch. Scoped to the setup card. */
.business-setup .setup-notify-list{display:grid;gap:10px;margin:14px 0}.business-setup .setup-notify{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid #e6eadf;border-radius:12px;background:#fff}.business-setup .setup-notify.is-on{border-color:#cfe39a;background:#fbfdf5}.business-setup .setup-notify>div{flex:1;min-width:0}.business-setup .setup-notify-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}.business-setup .setup-notify-address{margin:4px 0 2px;font-size:13px;overflow-wrap:anywhere}.business-setup .setup-notify-check{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;margin-top:1px;border-radius:50%;background:#D8FF5C;color:#242424;font-size:13px;font-weight:700}.business-setup .setup-notify-phone{margin-top:12px}
.business-setup .setup-switch{position:relative;display:inline-flex;flex-shrink:0;margin:1px 0 0;cursor:pointer}.business-setup .setup-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.business-setup .setup-switch-track{width:38px;height:22px;border-radius:11px;background:#d9ddd3;transition:background .15s ease}.business-setup .setup-switch-track::after{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.business-setup .setup-switch input:checked+.setup-switch-track{background:#9BC53D}.business-setup .setup-switch input:checked+.setup-switch-track::after{transform:translateX(16px)}.business-setup .setup-switch input:focus-visible+.setup-switch-track{outline:2px solid #4F651B;outline-offset:2px}.business-setup .setup-switch input:disabled+.setup-switch-track{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.business-setup .setup-switch-track,.business-setup .setup-switch-track::after{transition:none}}
.business-setup .setup-review-section{border-top:1px solid #eef1e7;padding:14px 0}.business-setup .setup-review-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.business-setup .setup-review-head h3{font-size:14px;margin:0}.business-setup .setup-review-head .text-button{padding:4px 0;color:#4F651B;cursor:pointer}.business-setup .setup-review-status{font-size:12px;font-weight:600;margin:6px 0}.business-setup .setup-review-missing{font-size:12px;margin:0 0 6px;padding-left:18px}.business-setup .setup-review-panel dl{margin:6px 0 0}.business-setup .setup-review-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;font-size:12px;padding:4px 0}.business-setup .setup-review-row dt{color:#758269}.business-setup .setup-review-row dd{margin:0;overflow-wrap:anywhere}.business-setup .setup-finish-panel{border-top:1px solid #e2e7d9;margin-top:10px;padding-top:16px;font-size:13px}.business-setup .setup-finish-panel p{margin:0 0 6px}.business-setup .setup-finish-panel .setup-error ul{margin:6px 0 0;padding-left:18px}
@media(max-width:760px){.business-setup .setup-review-row{grid-template-columns:1fr;gap:2px}}

/* Demo workspace chrome: compact identity and navigation, isolated from REAL setup. */
.demo-workspace .app-header-context>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-workspace .app-header>div:last-child{flex-shrink:0}
.demo-workspace .sidebar>.workspace-label{gap:10px}
.demo-workspace .sidebar>.workspace-label strong{font-size:13px;line-height:1.4}
.demo-workspace .sidebar>.workspace-label small{display:block;font-size:11px;line-height:1.5}
@media(max-width:760px){
 .app-shell.demo-workspace{display:block}
 .app-shell.demo-workspace .sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:16px 16px 10px;border-right:0;border-bottom:1px solid var(--line)}
 .app-shell.demo-workspace.sidebar-collapsed .sidebar{display:none}
 .demo-workspace .sidebar>.brand.brand-wordmark{display:inline-flex;font-size:19px;min-width:0}
 .demo-workspace .sidebar>.workspace-label{margin:0;padding:0;min-width:0;justify-content:flex-end;gap:8px}
 .demo-workspace .workspace-company-image{width:28px;height:28px;border-radius:8px}
 .demo-workspace .sidebar>.workspace-label>div{min-width:0}
 .demo-workspace .sidebar>.workspace-label strong{font-size:11px}
 .demo-workspace .sidebar>.workspace-label small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .app-shell.demo-workspace .sidebar>nav{grid-column:1/-1;width:100%;min-width:0;margin:0;padding:4px 0;gap:4px;scrollbar-width:thin}
 .demo-workspace .sidebar>nav .nav-label{display:none}
 .app-shell.demo-workspace .sidebar>nav .nav-item{min-height:44px;padding:10px;font-size:12px;gap:7px}
 .demo-workspace .sidebar>nav .ui-icon{display:block;width:16px;height:16px}
 .demo-workspace .app-header{flex-wrap:nowrap;gap:10px;padding:12px 16px}
 .demo-workspace .app-header-context{flex:1;gap:9px;font-size:12px}
 .demo-workspace .sidebar-toggle{width:44px;height:44px}
 .demo-workspace .app-header>div:last-child{flex:0 0 auto}
 .demo-workspace .app-header>div:last-child>.primary{min-width:0;min-height:44px;padding:10px 12px;font-size:11px}
}
@media(max-width:360px){
 .demo-workspace .sidebar>.brand.brand-wordmark{font-size:17px}
 .demo-workspace .workspace-company-image{display:none}
}

/* Teach SenSys (REAL #app Knowledge page). Scoped to .knowledge-page; theme tokens only. */
.knowledge-page{max-width:880px;min-width:0}
.knowledge-page .knowledge-heading{align-items:flex-start;margin-bottom:18px}
.knowledge-page .knowledge-heading>div:first-child{min-width:0}
.knowledge-page .knowledge-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none}
.knowledge-page .knowledge-boundary{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.knowledge-page .knowledge-boundary a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:#D8FF5C;text-decoration-thickness:2px;text-underline-offset:4px}
.knowledge-page .knowledge-muted{font-size:13px;color:var(--muted);margin:6px 0 12px}
.knowledge-page .knowledge-note{font-size:13px;margin:0 0 14px}
.knowledge-page .knowledge-error{font-size:13px;color:#a12b1f;border-left:3px solid #a12b1f;padding:6px 10px;margin:10px 0;overflow-wrap:anywhere}
.knowledge-page .knowledge-error[hidden]{display:none}
.knowledge-page .knowledge-notice{font-size:13px;min-height:1px;margin:4px 0 10px}
.knowledge-page .knowledge-empty,.knowledge-page .knowledge-add{border:1px solid var(--line);border-radius:9px;padding:22px;margin:16px 0}
.knowledge-page .knowledge-empty h2,.knowledge-page .knowledge-add h2{font-size:18px;line-height:1.35;margin:0 0 6px;letter-spacing:-.2px}
.knowledge-page .knowledge-examples{margin:0 0 18px;padding-left:20px;font-size:14px;line-height:1.7}
.knowledge-page .knowledge-tabs{display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:8px;padding:3px;margin:8px 0 6px}
.knowledge-page .knowledge-tabs button{min-height:40px;padding:8px 14px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:13px;cursor:pointer}
.knowledge-page .knowledge-tabs button[aria-pressed="true"]{background:var(--surface);font-weight:600;box-shadow:inset 0 -2px 0 #D8FF5C}
.knowledge-page .knowledge-count{font-variant-numeric:tabular-nums;color:var(--muted)}
.knowledge-page .knowledge-group h3{font-size:13px;font-weight:600;margin:20px 0 4px;color:var(--muted);text-transform:none}
.knowledge-page .knowledge-list{list-style:none;padding:0;margin:0}
.knowledge-page .knowledge-item{border-top:1px solid var(--line);padding:14px 0;min-width:0}
.knowledge-page .knowledge-content{margin:0;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.knowledge-page .knowledge-meta{margin:6px 0 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.knowledge-page .knowledge-item-actions{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}
.knowledge-page .knowledge-item-actions .text-button{min-height:44px;padding:8px 0;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.knowledge-page .knowledge-item-actions .knowledge-quiet{color:var(--muted)}
.knowledge-page .knowledge-confirm{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.knowledge-page .knowledge-confirm p{margin:0 0 4px}
.knowledge-page .knowledge-form{display:grid;gap:8px;min-width:0}
.knowledge-page .knowledge-form>label{font-size:13px;font-weight:600;margin:6px 0 0}
.knowledge-page .knowledge-form textarea,.knowledge-page .knowledge-form select{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink)}
.knowledge-page .knowledge-form textarea{min-height:96px;resize:vertical}
.knowledge-page .knowledge-form textarea[aria-invalid="true"]{border-color:#a12b1f}
.knowledge-page .knowledge-field-error{font-size:12px;color:#a12b1f}
.knowledge-page .knowledge-kinds{border:0;padding:0;margin:6px 0 2px;display:grid;gap:6px}
.knowledge-page .knowledge-kinds legend{font-size:13px;font-weight:600;padding:0;margin-bottom:6px}
.knowledge-page .knowledge-form .knowledge-choice{display:flex;flex-direction:row;align-items:center;margin:0;gap:10px;font-weight:400;font-size:14px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;cursor:pointer}
.knowledge-page .knowledge-choice input{width:18px;height:18px;min-height:0;padding:0;margin:0;flex:none;accent-color:#34450F}
.knowledge-page .knowledge-choice:has(input:checked){border-color:var(--ink)}
.knowledge-page .knowledge-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px}
.knowledge-page .knowledge-actions .danger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:7px;border:1px solid #a12b1f;background:#a12b1f;color:#fff;font-size:14px;cursor:pointer}
.knowledge-page button:disabled{opacity:.55;cursor:not-allowed}
.knowledge-page :is(button,a,textarea,select,input):focus-visible{outline:2px solid #718541;outline-offset:2px}
@media(max-width:760px){
 .knowledge-page .knowledge-heading{flex-direction:column;gap:12px}
 .knowledge-page .knowledge-heading-actions{width:100%;justify-content:space-between}
 .knowledge-page .knowledge-empty,.knowledge-page .knowledge-add{padding:16px}
 .knowledge-page .knowledge-tabs{display:flex}
 .knowledge-page .knowledge-tabs button{flex:1}
 .knowledge-page .knowledge-actions>*{flex:1 1 140px}
}
@media(prefers-reduced-motion:reduce){.knowledge-page *{transition:none!important;animation:none!important}}

/* AI Training (the same REAL #app Knowledge page as a training center). Scoped to .training-page; theme tokens only,
   so light and dark themes follow the product palette. The lime accent marks progress, never whole surfaces. */
.knowledge-page.training-page{max-width:1040px}
.training-page .training-eyebrow{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-primary)}
.training-page .training-heading h1{overflow-wrap:anywhere}
.training-page .training-heading-actions,.training-page .knowledge-heading-actions{align-items:center}
.training-page .training-test{display:inline-flex;align-items:center;min-height:40px}
.training-page .training-soon{display:inline-flex;align-items:center;height:22px;padding:0 9px;border:1px solid var(--border-default);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);background:var(--surface-secondary);white-space:nowrap}
.training-page .training-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.training-page .knowledge-note{color:var(--text-secondary)}

/* Status pills */
.training-page .training-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.training-page .training-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.training-page .training-status-complete{color:var(--success);background:var(--success-surface)}
.training-page .training-status-attention{color:var(--accent-deep);background:var(--pending-surface);border-color:color-mix(in srgb,var(--accent-primary) 25%,transparent)}
.training-page .training-status-missing{color:var(--text-muted);background:transparent;border:1px dashed var(--border-strong)}

/* 2. Training score: the strongest element on the page */
.training-page .training-score{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;margin:8px 0 40px;padding:28px;border:1px solid var(--border-default);border-radius:var(--radius-product);background:var(--surface-elevated);box-shadow:0 1px 2px rgba(25,25,25,.04),0 8px 24px rgba(25,25,25,.04)}
.training-page .training-score-main{display:flex;align-items:center;gap:24px;min-width:0}
.training-page .training-ring{width:136px;height:136px;flex:none}
.training-page .training-ring svg{width:100%;height:100%;display:block}
.training-page .training-ring circle{fill:none;stroke-width:9}
.training-page .training-ring-track{stroke:var(--border-subtle)}
.training-page .training-ring-value{stroke:var(--brand-lime);stroke-linecap:round;transition:stroke-dasharray .6s ease}
.training-page .training-score-text{min-width:0}
.training-page .training-score-text p{margin:0}
.training-page .training-score-label{font-size:13px;font-weight:600;color:var(--text-muted)}
.training-page .training-score-value{margin:2px 0 6px!important;font-size:48px;line-height:1.05;font-weight:650;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.training-page .training-score-empty{font-size:24px;letter-spacing:-.4px}
.training-page .training-score-readiness{font-size:15px;line-height:1.45;color:var(--text-primary)}
.training-page .training-score-progress{margin-top:10px!important;font-size:13px;color:var(--text-muted)}
.training-page .training-score-progress strong{color:var(--text-primary);font-variant-numeric:tabular-nums}
.training-page .training-score-areas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.training-page .training-score-area{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 10px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-primary);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.training-page .training-score-area:hover{background:var(--surface-secondary)}
.training-page .training-score-area-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.training-page .training-actions-start{justify-content:flex-start;margin-top:12px}

/* Sections */
.training-page .training-section{margin:0 0 40px}
.training-page .training-section-head{margin:0 0 14px}
.training-page .training-section-head h2{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.2px}
.training-page .training-section-head p{margin:4px 0 0;font-size:14px;color:var(--text-muted)}
.training-page .training-section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* 3. Training areas */
.training-page .training-areas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.training-page .training-area{min-width:0;padding:18px 20px;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-elevated);transition:border-color .2s,box-shadow .2s}
.training-page .training-area:hover{border-color:var(--border-strong)}
.training-page .training-area.is-open{grid-column:1/-1;border-color:var(--border-strong);box-shadow:0 8px 24px rgba(25,25,25,.05)}
.training-page .training-area-heading{margin:0;font-size:15px}
.training-page .training-area-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:0;border:0;background:transparent;color:var(--text-primary);font:inherit;font-weight:600;text-align:left;cursor:pointer}
.training-page .training-area-title{display:flex;align-items:center;gap:8px;min-width:0}
.training-page .training-area-title::before{content:"";width:8px;height:8px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(-45deg);transition:transform .2s;flex:none}
.training-page .training-area.is-open .training-area-title::before{transform:rotate(45deg)}
.training-page .training-area-description{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}
.training-page .training-area-summary{margin:10px 0 0;font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.training-page .training-area-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.training-page .training-area-body[hidden]{display:none}
.training-page .training-hint{margin:0 0 12px;padding:10px 12px;border-radius:var(--radius-control);background:var(--pending-surface);color:var(--text-primary);font-size:13px;line-height:1.5}
.training-page .training-examples{padding:12px 14px;border:1px dashed var(--border-default);border-radius:var(--radius-control)}
.training-page .training-examples .knowledge-muted{margin:0 0 6px}
.training-page .training-examples ul{margin:0;padding-left:18px;font-size:13px;line-height:1.7;color:var(--text-secondary)}
.training-page .training-add-button{margin-top:14px}
.training-page .training-add{margin:14px 0 0;padding:18px}
.training-page .training-facts{margin:0 0 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.training-page .training-facts>div{min-width:0}
.training-page .training-facts dt{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 4px}
.training-page .training-facts dd{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.training-page .training-missing{color:var(--text-disabled);font-style:italic}
.training-page .training-hours,.training-page .training-chips{list-style:none;margin:0;padding:0}
.training-page .training-hours li{font-variant-numeric:tabular-nums}
.training-page .training-chips{display:flex;flex-wrap:wrap;gap:6px}
.training-page .training-chips li{padding:3px 10px;border:1px solid var(--border-default);border-radius:999px;font-size:13px;overflow-wrap:anywhere}
.training-page .training-area .knowledge-boundary{margin:0}

/* 4. Knowledge sources */
.training-page .training-sources{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.training-page .training-source{min-width:0;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface)}
.training-page .training-source.is-live{border-color:var(--border-default);background:var(--surface-elevated);box-shadow:inset 0 2px 0 var(--brand-lime)}
.training-page .training-source-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.training-page .training-source h3{margin:0;font-size:14px}
.training-page .training-source p{margin:10px 0 0;font-size:13px;line-height:1.5}
.training-page .training-source strong{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.4px;margin-right:2px}
.training-page .training-source-note{color:var(--text-muted)}
.training-page .training-source:not(.is-live) h3{color:var(--text-secondary)}

/* 5. Suggested knowledge (future state) */
.training-page .training-suggestions{padding:22px;border:1px dashed var(--border-default);border-radius:var(--radius-card);background:var(--surface)}
.training-page .training-suggestions p{margin:0 0 6px;font-size:14px;line-height:1.5}
.training-page .training-suggestions .knowledge-muted{margin:0 0 14px}
.training-page .training-flow{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.training-page .training-flow li{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary)}
.training-page .training-flow li:not(:last-child)::after{content:"→";color:var(--text-disabled);font-weight:400}
.training-page .training-flow li:last-child{color:var(--accent-primary)}

/* 6. All knowledge */
.training-page .training-all .knowledge-empty{margin:0}
.training-page .training-empty-title{margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.4}
.training-page .training-footnote{margin:-8px 0 0;padding-top:18px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-muted)}

.training-page :is(.training-area-toggle,.training-score-area):focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-control)}

@media(max-width:1024px){
 .training-page .training-score{grid-template-columns:1fr;gap:20px}
 .training-page .training-sources{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .training-page .training-score{padding:20px;margin-bottom:32px}
 .training-page .training-score-main{gap:18px}
 .training-page .training-ring{width:104px;height:104px}
 .training-page .training-score-value{font-size:40px}
 .training-page .training-score-areas{grid-template-columns:1fr}
 .training-page .training-areas{grid-template-columns:1fr}
 .training-page .training-area{padding:16px}
 .training-page .training-facts{grid-template-columns:1fr}
 .training-page .training-section{margin-bottom:32px}
 .training-page .knowledge-heading-actions{justify-content:flex-start}
}
@media(max-width:520px){
 .training-page .training-sources{grid-template-columns:1fr}
 .training-page .training-score-main{flex-direction:column;align-items:flex-start}
}

/* Company-only identity and consistently sized demo navigation. */
.demo-workspace .sidebar>.workspace-label{margin-top:0;padding-top:0}
.demo-workspace .sidebar>nav .nav-item{box-sizing:border-box;min-height:44px}
@media(max-width:760px){
 .app-shell.demo-workspace .sidebar{grid-template-columns:minmax(0,1fr)}
 .demo-workspace .sidebar>.workspace-label{justify-content:flex-start;width:100%}
 .demo-workspace .sidebar>.workspace-label strong{font-size:14px}
 .demo-workspace .sidebar>.workspace-label small{font-size:11px}
 .demo-workspace .workspace-company-image{display:block;width:32px;height:32px}
 .app-shell.demo-workspace .sidebar>nav .nav-item{flex:0 0 148px;width:148px;height:44px;justify-content:flex-start}
}

/* Compact, equal-size demo header controls. The status remains a noninteractive badge. */
.demo-workspace .app-header>div:last-child>:is(.badge,.primary){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 152px;width:152px;min-width:0;height:36px;min-height:36px;padding:8px 10px;font-size:11px;line-height:18px;border-radius:8px;white-space:nowrap}
/* Decorative recording preview: centered icon and gently animated waveform. */
.recap-grid>*{min-width:0}
.recap-audio{align-items:stretch;gap:16px}
.recap-player{width:100%;min-height:64px;gap:14px}
.recap-play{display:flex;align-items:center;justify-content:center;font-size:0;line-height:1;position:relative;width:44px;height:44px}
.recap-play svg{display:block;width:22px;height:22px;fill:currentColor;flex:none}
.recap-wave{min-width:0;justify-content:center;gap:4px;height:48px}
.recap-wave i{flex:1 1 3px;min-width:2px;max-width:4px;transform-origin:center;animation:recap-audio-pulse 1.2s ease-in-out infinite alternate}
.recap-wave i:nth-child(4n+1){animation-delay:-.9s}
.recap-wave i:nth-child(4n+2){animation-delay:-.3s}
.recap-wave i:nth-child(4n+3){animation-delay:-.65s}
.recap-wave i:nth-child(4n){animation-delay:-.1s}
.recap-audio>small{line-height:1.6}
@keyframes recap-audio-pulse{0%{transform:scaleY(.35);opacity:.65}100%{transform:scaleY(1);opacity:1}}
@media(max-width:760px){
 .demo-workspace .app-header>div:last-child>.badge{display:none}
 .demo-workspace .app-header>div:last-child>.primary{flex-basis:144px;width:144px;height:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.recap-wave i{animation:none;transform:none}}

.pricing-intro .pricing-welcome{color:#34450F;-webkit-text-fill-color:#34450F;-webkit-text-stroke:0;font-weight:600}
.custom-plan-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;gap:36px;padding:32px;margin-top:20px;border:1px solid #DDE5CB;border-radius:18px;background:#F7FCE8;color:#242424}
.custom-plan-banner .eyebrow{display:inline-block;margin-bottom:16px;font-size:10px;color:#34450F}
.custom-plan-banner h2{font-size:clamp(25px,3vw,36px);margin:0 0 14px;line-height:1.15}
.custom-plan-banner p{max-width:620px;font-size:14px;line-height:1.7;color:#4D515B}
.custom-plan-banner>a{width:100%}
@media(max-width:760px){.custom-plan-banner{grid-template-columns:1fr;gap:24px;padding:24px}.custom-plan-banner>a{justify-self:stretch}}

/* Premium CTA sweep: keyboard, pointer hover and touch press. */
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary) {isolation:isolate;overflow:hidden;transition:color .28s ease,background-color .28s ease}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::before {z-index:-1;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),border-radius .35s ease}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::after {transition:left .35s cubic-bezier(.22,1,.36,1),transform .35s ease}
@media(hover:hover) and (pointer:fine){
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):hover {color:#242424;--cta-tile:#D8FF5C}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):hover::before {width:calc(100% - 14px);height:calc(100% - 14px);border-radius:14px}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):hover::after {left:calc(100% - 36px);transform:translateY(-50%)}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary).primary:hover {color:#242424;--cta-tile:#D8FF5C}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary).primary:hover::before {width:calc(100% - 14px);height:calc(100% - 14px);border-radius:14px}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary).primary:hover::after {left:calc(100% - 36px);transform:translateY(-50%)}
}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):focus-visible {color:#242424;--cta-tile:#D8FF5C}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):focus-visible::before {width:calc(100% - 14px);height:calc(100% - 14px);border-radius:14px}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):focus-visible::after {left:calc(100% - 36px);transform:translateY(-50%)}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):active {color:#242424;--cta-tile:#D8FF5C}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):active::before {width:calc(100% - 14px);height:calc(100% - 14px);border-radius:14px}
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary):active::after {left:calc(100% - 36px);transform:translateY(-50%)}
@media(prefers-reduced-motion:reduce){
:is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary), :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::before, :is(.marketing-conversion, .phase1-hero .hero-copy .actions, .pricing-page .plan-card, .pricing-page .plan-comparison th, .pricing-faq .faq-heading, .pricing-page .voice-pricing-note, .pricing-page .custom-plan-banner, .final-cta, .full-footer .footer-identity) > :is(a, button):is(.primary, .secondary)::after {transition:none}
}
/* Hero views, support and administration previews. */
.attio-inspired-nav .brand.brand-wordmark{font-size:19px}
.full-footer .brand.brand-wordmark{font-size:18px}
.hero-visual-switch{min-width:0;width:100%}
.hero-scenes{display:grid;min-height:610px}
.hero-scene{grid-area:1/1;min-width:0;animation:hero-scene-in .35s ease}
.hero-scene[hidden]{display:none!important}
.hero-scene .hero-demo{height:100%;margin:0}
.hero-portrait{position:relative;overflow:hidden;border-radius:24px;background:#F7FCE8;min-height:610px;border:1px solid #ECEEF1}
.hero-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.portrait-note{position:absolute;left:24px;top:24px;padding:16px;max-width:240px;background:#fffffff0;border:1px solid #eceef1;border-radius:14px;backdrop-filter:blur(12px)}
.portrait-note .eyebrow{display:block;font-size:9px;margin-bottom:10px}.portrait-note strong{font-size:20px;line-height:1.3}.portrait-note small{display:block;font-size:10px;margin-top:10px}
.portrait-call{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e4e8dc;border-radius:16px;box-shadow:0 10px 40px #1919190a}
.portrait-call-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#D8FF5C}.portrait-call strong{font-size:12px}.portrait-call small{display:block;margin-top:6px;font-size:10px}.portrait-call .recap-wave{margin-left:auto;flex:0 1 80px}
.hero-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px;padding:5px;border:1px solid #e6e8df;border-radius:14px;background:#fafbf8}
.hero-view-tabs button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;padding:8px;border:0;border-radius:10px;background:transparent;color:#626773;font-size:11px}
.hero-view-tabs button span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;font-size:11px}.hero-view-tabs button[aria-selected=true]{background:#fff;color:#191919}.hero-view-tabs button[aria-selected=true] span{background:#D8FF5C}.hero-view-tabs button:focus-visible{outline:2px solid #4f651b;outline-offset:2px}
.hero-outcome{padding:32px;border:1px solid #e3e8da;background:#F7FCE8;border-radius:24px;display:flex;flex-direction:column;justify-content:center;gap:20px}.hero-outcome .eyebrow{margin:0;font-size:10px}.hero-outcome h2{font-size:30px;line-height:1.15;margin:0}.hero-outcome article{padding:24px;border:1px solid #e3e8da;border-radius:14px;background:#fff}.hero-outcome h3{font-size:20px;margin:16px 0}.hero-outcome dl{display:grid;gap:16px}.hero-outcome dt{font-size:11px;color:#626773}.hero-outcome dd{font-size:13px;margin:5px 0 0}.outcome-status{display:flex;gap:8px;align-items:center;color:#34450F;font-size:12px;padding-top:18px;border-top:1px solid #eceef1}.outcome-channels{display:flex;gap:6px;flex-wrap:wrap}.outcome-channels span{font-size:11px;padding:6px 10px;border-radius:20px;background:white;border:1px solid #e3e8da}.hero-outcome>p{font-size:14px}
@keyframes hero-scene-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-scenes{min-height:760px}.hero-portrait{min-height:760px}.hero-outcome{padding:24px}.hero-view-tabs button{gap:4px;font-size:10px}}
@media(max-width:760px){.attio-inspired-nav .brand.brand-wordmark{font-size:18px}.full-footer .brand.brand-wordmark{font-size:16px}.hero-scenes{min-height:820px}.hero-portrait{min-height:820px}.hero-portrait>img{object-position:center}.portrait-note{left:16px;top:16px}.portrait-call{left:16px;right:16px;bottom:20px;padding:12px}.hero-view-tabs button{flex-direction:column;gap:4px;padding:8px 3px}.hero-view-tabs button strong{font-size:10px}.hero-outcome h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.hero-scene{animation:none}}

.hero-scenes{height:640px;min-height:0}
.hero-scene{height:640px;overflow-y:auto}
.hero-portrait{min-height:0;overflow:hidden}
.portrait-note{top:auto;bottom:116px;max-width:240px}
@media(max-width:760px){.hero-scenes,.hero-scene{height:660px;min-height:0}.hero-portrait{min-height:0}.portrait-note{bottom:112px;top:auto;padding:12px}.portrait-note strong{font-size:17px}.portrait-call .recap-wave{flex-basis:54px}}

/* Reference CTA proportions: balanced label space and inverse conversion variant. */
.phase1-hero .hero-copy .actions{display:flex;flex-wrap:wrap;gap:12px}
.phase1-hero .hero-copy .actions>:is(a,button):is(.primary,.secondary){flex:1 1 224px}
.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary{--cta-tile:#242424;--cta-arrow:#fff;background:#D8FF5C;color:#242424;width:min(100%,280px);min-height:60px;border-radius:20px}
.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary::before{width:44px;height:44px;border-radius:14px}
.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary::after{left:20px}
.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary:is(:focus-visible,:active){--cta-tile:#242424;--cta-arrow:#fff;color:#fff;background:#D8FF5C}
@media(hover:hover) and (pointer:fine){.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary:hover{--cta-tile:#242424;--cta-arrow:#fff;color:#fff;background:#D8FF5C}}
@media(max-width:760px){.phase1-hero .hero-copy .actions{flex-direction:column;width:100%}.phase1-hero .hero-copy .actions>:is(a,button):is(.primary,.secondary){flex:0 0 auto;width:100%}.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary{width:100%;max-width:440px}}

.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary:is(:focus-visible,:active)::after{left:calc(100% - 36px)}
@media(hover:hover) and (pointer:fine){.final-cta.final-cta.final-cta.final-cta.final-cta>a.primary:hover::after{left:calc(100% - 36px)}}
/* Single-row business scenarios: readable cards, native swipe and discrete advance. */
.testimonial-section .testimonial-row{overflow-x:auto;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 16px}
.testimonial-section .testimonial-row::-webkit-scrollbar{display:none}
.testimonial-section .testimonial-track{width:100%!important;animation:none!important;transform:none!important;will-change:auto}
.testimonial-section .testimonial-group{width:100%!important;display:flex!important;gap:16px;padding:0}
.scenario-card{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start;border:1px solid #e4e7dd;border-radius:18px;background:#fff;padding:26px;text-align:left;display:flex;flex-direction:column;gap:18px}
.scenario-card:nth-child(3n+2){background:#f7faef;border-color:#d8e4bb}
.scenario-card h3{font-size:22px;line-height:1.25;letter-spacing:-.025em}.scenario-card>p{font-size:14px;line-height:1.7;flex:1}.scenario-person{display:flex;align-items:center;gap:12px;margin-top:8px}.scenario-person img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}.scenario-person strong,.scenario-person small{display:block}.scenario-person strong{font-size:13px}.scenario-person small{font-size:11px;line-height:1.5;margin-top:4px}.scenario-label{font-size:10px;color:#666}.testimonial-section .review-motion-controls{margin:16px 0 0}.review-motion-controls button{min-height:44px;min-width:44px}
@media(max-width:960px){.scenario-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.scenario-card{flex-basis:88%;padding:22px}.scenario-card h3{font-size:21px}}
/* Login illustration: compact, aligned audio panel; authentication controls unchanged. */
.auth-story .auth-call-preview{width:100%;max-width:420px;margin-inline:auto;padding:24px;border-radius:20px;box-shadow:0 14px 36px #20271f0c}
.auth-story .auth-caller{margin-top:20px;gap:12px;min-width:0}
.auth-story .auth-caller img{width:48px;height:48px;flex:0 0 48px;border-width:2px}
.auth-story .auth-caller>div{min-width:0}.auth-story .auth-caller strong{font-size:15px;line-height:1.4}.auth-story .auth-caller div>span{font-size:11px;line-height:1.5;margin-top:3px}
.auth-story .auth-wave{box-sizing:border-box;width:100%;height:74px;margin:18px 0 0;padding:12px 18px;gap:4px;border:1px solid #ffffff12;border-bottom:0;border-radius:12px 12px 0 0;background:#ffffff06;overflow:hidden}
.auth-story .auth-wave i{flex:1 1 0;min-width:2px;max-width:4px;max-height:42px;transform-origin:center;animation-duration:1.7s}
.auth-story .auth-call-quote{box-sizing:border-box;margin:0 0 18px;padding:0 14px 14px;font-size:12px;line-height:1.6;background:#ffffff06;border:1px solid #ffffff12;border-top:0;border-radius:0 0 12px 12px;text-wrap:balance}
.auth-story .auth-summary-preview{padding:14px;border-radius:12px}.auth-story .auth-summary-heading{margin-bottom:10px}.auth-story .auth-summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:5px 0;align-items:start}.auth-story .auth-summary-row strong{overflow-wrap:anywhere}.auth-story .auth-summary-footer{margin-top:8px;padding-top:10px;line-height:1.5}.auth-story .auth-channel-caption{padding-top:14px;flex-wrap:wrap;gap:8px;line-height:1.5}
@media(min-width:681px) and (max-width:900px){.auth-story .auth-call-preview{padding:18px}.auth-story .auth-wave{padding-inline:12px;gap:3px}.auth-story .auth-summary-row{font-size:10px;gap:8px}}
@media(max-height:650px) and (min-width:681px){.auth-story .auth-call-preview{padding:16px}.auth-story .auth-caller{margin-top:12px}.auth-story .auth-wave{height:52px;margin-top:12px;padding-block:8px;border-bottom:1px solid #ffffff12;border-radius:10px;margin-bottom:12px}.auth-story .auth-wave i{max-height:32px}}
@media(prefers-reduced-motion:reduce){.auth-story .auth-wave i{animation:none;transform:none}}

/* Scripted audio preview: native playback when the approved recording is supplied. */
.sample-call{margin-top:22px;max-width:460px;padding:18px;border:1px solid #e3e7dc;border-radius:16px;background:#fff;text-align:left}
.sample-call-heading{display:flex;align-items:center;gap:12px}.sample-call-heading strong{display:block;font-size:14px;line-height:1.4}.sample-call-heading small{display:block;font-size:11px;margin-top:4px;line-height:1.5}.sample-call-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#D8FF5C;font-size:22px;color:#242424}.sample-call-pending{margin-top:14px;min-height:42px;width:100%;border:1px solid #e3e7dc;border-radius:10px;background:#f5f6f2;color:#6b7064;font-size:12px;cursor:default}.sample-call>p{font-size:11px;line-height:1.6;margin-top:10px}.sample-call audio{display:block;width:100%;margin-top:14px}.sample-call details{padding:12px 0 0;border:0}.sample-call summary{font-size:12px;min-height:32px;align-items:center;color:#34450f}.sample-call-script p{display:grid;grid-template-columns:42px 1fr;gap:10px;font-size:12px;line-height:1.6;margin:12px 0}.sample-call-script strong{color:#242424}@media(max-width:760px){.sample-call{width:100%;max-width:none;box-sizing:border-box}}

/* Focused hero: one CTA, followed by the portrait and its integrated call preview. */
.phase1-hero .hero-copy .actions>.primary{flex:0 1 260px}
.hero-portrait.hero-scene{display:flex;flex-direction:column;background:#fff;padding:0;overflow-y:auto;min-height:0}
.hero-portrait.hero-scene>img{position:relative;inset:auto;display:block;width:100%;height:370px;min-height:370px;object-fit:cover;object-position:center 25%;flex:none}
.hero-portrait .sample-call{position:relative;flex:none;margin:0;max-width:none;width:100%;border:0;border-top:1px solid #e3e7dc;border-radius:0;padding:18px 22px;box-sizing:border-box}
.hero-portrait .sample-call details[open]{padding-bottom:8px}
@media(max-width:760px){.phase1-hero{gap:24px;padding-top:28px}.phase1-hero .hero-copy .actions{margin-bottom:0}.phase1-hero .hero-copy .actions>.primary{flex:0 0 auto;width:100%}.hero-scenes,.hero-scene{height:570px;min-height:0}.hero-portrait.hero-scene>img{height:310px;min-height:310px;object-position:center 24%}.hero-portrait .sample-call{padding:16px}.hero-visual-switch{width:100%;min-width:0}}

/* Compact hero proportions: content determines portrait height. */
.phase1-hero{align-items:center;min-height:0;padding-top:36px;padding-bottom:32px;gap:40px}
.phase1-hero .hero-copy{align-self:center;padding-top:0}
.phase1-hero .hero-copy .actions>button.primary{width:260px;max-width:100%;min-width:0;flex:0 0 auto}
.hero-visual-switch .hero-scenes{height:auto;min-height:0}
.hero-visual-switch .hero-scene{height:auto;min-height:0;max-height:none;overflow:visible}
.hero-visual-switch .hero-portrait{overflow:hidden}
.hero-portrait.hero-scene>img{height:300px;min-height:300px;object-position:center 24%}
.hero-portrait .sample-call{padding:16px 20px}
.hero-portrait .sample-call-heading{gap:10px}.hero-portrait .sample-call-icon{width:36px;height:36px;font-size:20px}.hero-portrait .sample-call-pending{display:inline-block;width:auto;min-height:0;padding:4px 8px;margin:10px 0 0;font-size:10px;border-radius:6px}.hero-portrait .sample-call>p{margin-top:5px;font-size:10px}.sample-call-languages{margin-top:12px;padding-top:12px;border-top:1px solid #edf0e6}.sample-call-languages strong{display:block;font-size:12px;font-weight:500;line-height:1.5;color:#34450f}.sample-call-languages small{display:block;font-size:10px;line-height:1.5;margin-top:3px}.hero-portrait .sample-call details{padding-top:8px}.hero-portrait .sample-call summary{min-height:28px;font-size:11px}
.hero-visual-switch .hero-view-tabs{margin-top:10px;padding:4px;border-radius:12px}.hero-visual-switch .hero-view-tabs button{min-height:40px;padding:6px 8px;gap:7px}.hero-visual-switch .hero-view-tabs button>span{width:24px;height:24px;font-size:10px}.hero-visual-switch .hero-view-tabs button strong{font-size:11px}
@media(max-width:760px){.phase1-hero{padding-top:24px;padding-bottom:24px;gap:24px}.phase1-hero .hero-copy .actions>button.primary{width:100%;flex:0 0 auto}.hero-portrait.hero-scene>img{height:280px;min-height:280px}.hero-portrait .sample-call{padding:14px 16px}.hero-visual-switch .hero-view-tabs button{gap:4px}.hero-visual-switch .hero-view-tabs button strong{font-size:10px}}
/* Preserve the full portrait instead of cropping it to a landscape frame. */
.hero-portrait.hero-scene>img{height:440px;min-height:440px;object-fit:contain;object-position:center top;background:#fafafa}
.hero-portrait.hero-scene .sample-call{width:calc(100% - 24px);margin:-18px 12px 12px;padding:14px 16px;border:1px solid #e3e7dc;border-radius:14px;background:#fff;box-shadow:0 8px 24px #20271f0a;z-index:1}
@media(max-width:760px){.hero-portrait.hero-scene>img{height:390px;min-height:390px}.hero-portrait.hero-scene .sample-call{width:calc(100% - 20px);margin:-12px 10px 10px;padding:14px}}

/* Dark marketing footer, retaining the white page and lime brand accents. */
.full-footer{background:#242424;color:#fff;box-shadow:0 0 0 100vmax #242424;clip-path:inset(0 -100vmax)}
.full-footer .brand,.full-footer .footer-column h3{color:#fff}.full-footer .brand-dot{color:#D8FF5C}.full-footer p,.full-footer .footer-parent,.full-footer .footer-bottom,.full-footer .footer-column>a,.full-footer summary{color:#C7CBC2}.full-footer .footer-bottom,.full-footer details{border-color:#ffffff24}.full-footer a:hover,.full-footer summary:hover{color:#D8FF5C}.full-footer a:focus-visible,.full-footer summary:focus-visible{outline:2px solid #D8FF5C;outline-offset:4px}
/* Hide scrollbar chrome without disabling mouse, touch or keyboard scrolling. */
.app-shell .sidebar,.app-shell .sidebar>nav{scrollbar-width:none;-ms-overflow-style:none}.app-shell .sidebar::-webkit-scrollbar,.app-shell .sidebar>nav::-webkit-scrollbar{display:none;width:0;height:0}
.workspace-search{position:relative;flex:1;min-width:160px;max-width:440px;margin-inline:auto;z-index:50}.workspace-search-field{display:flex;align-items:center;gap:9px;padding:0 12px;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}.workspace-search-field>span{font-size:23px}.workspace-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font-size:12px;padding:10px 0;outline:none}.workspace-search-field:focus-within{outline:2px solid #829650;outline-offset:2px}.workspace-search kbd{white-space:nowrap;font:9px inherit;color:var(--muted)}.workspace-search-popover{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;border:1px solid var(--line);border-radius:12px;background:var(--bg);box-shadow:0 14px 38px #0002;padding:10px}.workspace-search-popover[hidden]{display:none}.workspace-search-note{font-size:11px;padding:5px 6px 10px}.workspace-search #workspace-search-results{max-height:min(380px,55dvh);overflow-y:auto}.workspace-search h4{font-size:10px;letter-spacing:.06em;color:var(--muted);margin:12px 8px 6px}.workspace-search-results{min-width:0}.workspace-search-popover button{display:block;width:100%;text-align:left;border:0;border-radius:7px;padding:10px;background:transparent;color:var(--ink)}.workspace-search-popover button:hover,.workspace-search-popover button:focus-visible{background:var(--surface);outline:2px solid #829650;outline-offset:-2px}.workspace-search-popover button strong,.workspace-search-popover button small{display:block;overflow-wrap:anywhere}.workspace-search-popover button strong{font-size:12px}.workspace-search-popover button small{font-size:10px;margin-top:4px}.workspace-search-empty{font-size:12px;padding:14px 8px}.workspace-search-count{display:block;font-size:10px;padding:8px 6px 2px}
@media(max-width:1000px){.workspace-search kbd{display:none}.app-header{flex-wrap:wrap;height:auto;min-height:76px}.workspace-search{order:3;flex:1 0 100%;max-width:none;margin:0}.workspace-search-popover{min-width:0}.app-header-context{flex:1}}

/* Workspace search: full-width compact row, isolated from generic header/form rules. */
.app-shell .app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;height:auto;padding-block:16px}
.app-shell .app-header>.workspace-search{display:block;grid-column:1/-1;grid-row:2;order:initial;width:100%;min-width:0;max-width:none;margin:0}
.app-shell .workspace-search .workspace-search-field{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;height:42px;min-height:42px;margin:0;padding:0 14px;border:1px solid #e8e8e8;border-radius:9px;background:#fafafa}
.app-shell .workspace-search-icon{display:block;flex:0 0 20px;width:20px;height:20px;color:#191919;filter:none}
.app-shell .workspace-search input{display:block;flex:1 1 0;min-width:0;width:100%;height:40px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:13px;line-height:20px;color:var(--ink)}
.app-shell .workspace-search input::placeholder{color:#858585;opacity:1}
.app-shell .workspace-search kbd{flex:none;display:block;font-family:inherit;font-size:10px;line-height:1;white-space:nowrap;color:#8b8b8b}
.app-shell .workspace-search-field:focus-within{outline:2px solid #a0a0a0;outline-offset:2px}
.app-shell .workspace-search-popover{min-width:0}
.app-shell .sidebar .nav-item:is(.active,:hover){background:#f3f3f3;color:#242424}
.app-shell .setup-banner{background:#f7f7f7;border-color:#e8e8e8;color:#242424}
.app-shell .setup-banner p,.app-shell .setup-banner .eyebrow{color:#737373}
@media(max-width:760px){.app-shell .app-header{gap:10px;padding:12px 16px}.app-shell .workspace-search kbd{display:none}.app-shell .workspace-search input{font-size:16px}.app-shell .workspace-search .workspace-search-field{height:44px;min-height:44px}}

/* Open receptionist hero: shared canvas, one message, one conversion action. */
.phase1-hero.hero-open{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;max-width:1320px;padding:36px 40px 24px;background:#fff;align-items:center}
.hero-open .hero-copy h1{font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-.05em;max-width:650px;text-wrap:balance}
.hero-open .hero-copy>.eyebrow{display:inline-flex;padding:9px 12px;background:#f5f5f5;border-radius:30px;font-size:10px;letter-spacing:.07em;margin-bottom:24px;color:#484848}
.hero-open .hero-copy>p{font-size:16px;line-height:1.7;max-width:460px;color:#686868}
.hero-open .hero-launch-note{display:block;max-width:380px;font-size:11px;line-height:1.6;color:#777}
.hero-open .hero-portrait.hero-scene{border:0;border-radius:0;background:#fff;overflow:visible;box-shadow:none}
.hero-open .hero-portrait.hero-scene>img{width:100%;height:520px;min-height:0;object-fit:cover;object-position:center 12%;background:#fff;mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);border-radius:0}
.hero-open .hero-portrait.hero-scene .sample-call{position:relative;width:calc(100% - 32px);max-width:440px;margin:-44px auto 0;padding:16px 18px;border:1px solid #ededed;border-radius:16px;background:#fff;box-shadow:0 12px 32px #24242408;z-index:1}
.hero-open .hero-view-tabs{max-width:440px;margin:14px auto 0;padding:0;border:0;background:transparent;gap:6px}
.hero-open .hero-view-tabs button{min-height:44px;flex-direction:row;border-radius:8px}
.hero-open .hero-view-tabs button[aria-selected=true]{background:#f4f4f4}
.hero-open .hero-view-tabs button>span{display:none}
.after-hours-story{max-width:1240px;margin:28px auto 0;padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.after-hours-story .eyebrow{display:block;color:#777;font-size:10px;margin-bottom:16px}
.after-hours-story h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.04em}
.after-hours-story p{font-size:15px;line-height:1.7;color:#626262}.after-hours-story small{display:block;margin-top:14px;font-size:11px;line-height:1.65;color:#777}
@media(max-width:1320px){.after-hours-story{margin-inline:40px}}
@media(max-width:960px) and (min-width:761px){.phase1-hero.hero-open{gap:24px;padding-inline:24px}.hero-open .hero-copy h1{font-size:42px}.hero-open .hero-portrait.hero-scene>img{height:460px}.after-hours-story{margin-inline:24px;gap:32px}}
@media(max-width:760px){.phase1-hero.hero-open{display:flex;flex-direction:column;gap:24px;padding:28px 20px 20px}.hero-open .hero-copy{width:100%;align-self:stretch}.hero-open .hero-copy h1{font-size:clamp(36px,9vw,48px);max-width:580px}.hero-open .hero-copy>p{font-size:15px}.hero-open .hero-copy>.eyebrow{font-size:9px;margin-bottom:20px}.hero-open .hero-launch-note{max-width:none;text-align:center}.hero-open .hero-portrait.hero-scene>img{height:auto;max-height:none;aspect-ratio:1/1.12;object-position:center top}.hero-open .hero-portrait.hero-scene .sample-call{width:100%;max-width:440px;margin:-24px auto 0;padding:16px}.hero-open .hero-view-tabs{width:100%}.after-hours-story{grid-template-columns:1fr;gap:20px;margin:20px 20px 0;padding:32px 0}.hero-open .hero-copy .actions>button.primary{max-width:none;width:100%}}
/* Recorded multilingual samples: one native accessible player, no autoplay. */
.hero-open .sample-call-heading strong{font-size:15px;line-height:1.4;max-width:300px}
.hero-open .sample-call .sample-call-intro{font-size:12px;line-height:1.6;margin-top:12px}
.sample-language-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#f5f5f5;padding:4px;border-radius:10px;margin-top:14px}
.sample-language-options button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid transparent;border-radius:7px;background:transparent;color:#606060;font-size:12px;line-height:1.4;cursor:pointer}
.sample-language-options button[aria-pressed=true]{background:#D8FF5C;color:#242424}
.sample-language-options button:hover{border-color:#c8c8c8}.sample-language-options button:focus-visible{outline:2px solid #242424;outline-offset:1px}
.sample-call audio{width:100%;display:block;height:44px;margin:12px 0 8px;color-scheme:light}
.sample-call .sample-voice-note{display:block;font-size:10px;line-height:1.5;color:#777;margin-top:6px}

/* A shared neutral canvas joins the navigation, copy and receptionist portrait. */
body:has(.hero-open) .marketing-nav{position:relative;background:#F6F7F7;isolation:isolate}
body:has(.hero-open) .marketing-nav::before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:#F6F7F7;z-index:-1;pointer-events:none}
.phase1-hero.hero-open{background:#F6F7F7;box-shadow:0 0 0 100vmax #F6F7F7;clip-path:inset(0 -100vmax);padding-top:24px;padding-bottom:40px;align-items:start}
.hero-open .hero-copy{align-self:start;padding-top:76px}
.hero-open .hero-copy>.eyebrow{background:#fff}
.hero-open .hero-portrait.hero-scene{background:#F6F7F7}
.hero-open .hero-portrait.hero-scene>img{background:#F6F7F7;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 82%,transparent 100%)}
.hero-open .hero-portrait.hero-scene .sample-call{background:#fff;box-shadow:0 12px 32px #2424240a;border-color:#e9ebeb}
.hero-open .hero-view-tabs{margin:0 auto 16px;background:transparent}
.hero-open .hero-view-tabs button[aria-selected=true]{background:#fff}
@media(min-width:761px) and (max-width:960px){.hero-open .hero-copy{padding-top:64px}}
@media(max-width:760px){.phase1-hero.hero-open{padding-top:28px;padding-bottom:28px}.hero-open .hero-copy{padding-top:0}.hero-open .hero-view-tabs{margin:0 auto 12px}.hero-open .hero-portrait.hero-scene .sample-call{margin-top:-24px}}

/* Essential mobile navigation; detailed destinations remain in the footer. */
@media(max-width:960px){
 .attio-inspired-nav .mobile-marketing-menu>.mobile-nav-panel{padding:12px 24px 20px}
 .attio-inspired-nav .mobile-nav-panel nav{display:flex;flex-direction:column;gap:0}
 .attio-inspired-nav .mobile-nav-panel nav>a{min-height:48px;padding:12px 0;font-size:16px;font-weight:500;line-height:1.4}
 .attio-inspired-nav .mobile-language-row{margin-top:8px;padding:12px 0;border-top:1px solid #ededed}
 .attio-inspired-nav .mobile-nav-bottom{display:grid;grid-template-columns:1fr;gap:12px;margin-top:0;padding-top:12px;border-top:0}
 .attio-inspired-nav .mobile-nav-bottom .mobile-sign-in{display:flex;justify-content:center;align-items:center;min-height:44px;margin:0;padding:8px;font-size:14px}
 .attio-inspired-nav .mobile-nav-bottom .primary{min-height:48px;padding:12px 20px;font-size:15px}
}

/* Compact mobile menu with consistent left alignment and a shared utility row. */
@media(max-width:960px){
 .attio-inspired-nav .brand.brand-wordmark{font-size:17px}
 .attio-inspired-nav .mobile-marketing-menu>summary{width:44px;height:44px;padding:11px;background:transparent}
 .attio-inspired-nav .mobile-marketing-menu>summary:hover,.attio-inspired-nav .mobile-marketing-menu>summary:active{background:#efefef}
 .attio-inspired-nav .hamburger-lines,.attio-inspired-nav .hamburger-lines i{width:22px}
 .attio-inspired-nav .hamburger-lines{gap:5px}
 .attio-inspired-nav .hamburger-lines i{height:1.5px}
 .attio-inspired-nav .mobile-marketing-menu[open] .hamburger-lines i:first-child{transform:translateY(6.5px) rotate(45deg)}
 .attio-inspired-nav .mobile-marketing-menu[open] .hamburger-lines i:last-child{transform:translateY(-6.5px) rotate(-45deg)}
 .attio-inspired-nav .mobile-marketing-menu>.mobile-nav-panel{height:auto;min-height:0;padding:12px 24px 24px;text-align:left}
 .attio-inspired-nav .mobile-nav-panel nav{align-items:stretch}
 .attio-inspired-nav .mobile-nav-panel nav>a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;width:100%;height:48px;min-height:48px;padding:10px 0;font-size:17px;line-height:1.4}
 .attio-inspired-nav .mobile-language-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 0;border-top:1px solid #ededed}
 .attio-inspired-nav .mobile-language-row .language-mobile{min-width:0;min-height:44px;padding:0;font-size:14px}
 .attio-inspired-nav .mobile-language-row .mobile-sign-in{display:flex;align-items:center;justify-content:flex-end;min-height:44px;margin:0;padding:0 4px;font-size:14px}
 .attio-inspired-nav .mobile-nav-bottom{display:block;margin:0;padding:4px 0 0;border:0}
 .attio-inspired-nav .mobile-nav-bottom>.primary{display:flex;width:100%;height:52px;min-height:52px;justify-content:center;align-items:center;padding:12px 20px;font-size:16px;text-align:center}
}

/* Workspace chrome: quiet sidebar, compact central search, right-side account. */
@media(min-width:761px){.app-shell:not(.sidebar-collapsed){grid-template-columns:236px minmax(0,1fr)}.app-shell .sidebar{padding:22px 12px;background:#fafafa;border-right:1px solid #e8e8e8}.app-shell .sidebar .workspace-label{padding:0 10px 20px}.app-shell .sidebar>nav{display:flex;flex-direction:column;gap:4px}.app-shell .sidebar .nav-item{width:100%;min-height:42px;padding:10px 12px;border-radius:10px;font-size:13px;gap:12px;color:#737373}.app-shell .sidebar .nav-item svg{width:19px;height:19px;flex:none}.app-shell .sidebar .nav-item.active{background:#ededed;color:#242424;font-weight:550}.app-shell .sidebar .nav-item:hover{background:#f0f0f0;color:#242424}.app-shell .sidebar .nav-label{font-size:10px;letter-spacing:.07em;margin:20px 12px 8px;color:#898989}.app-shell .sidebar-bottom{padding-inline:10px}}
.app-shell .app-header{display:grid;grid-template-columns:minmax(90px,1fr) minmax(180px,360px) minmax(0,1fr);gap:18px;min-height:68px;padding:12px 24px}
.app-shell .app-header>.workspace-search{grid-column:2;grid-row:1;width:100%;max-width:360px;margin:auto;min-width:0}
.app-shell .workspace-search .workspace-search-field{height:36px;min-height:36px;padding:0 11px;border-radius:10px;background:var(--bg)}
.app-shell .workspace-search input{height:34px;font-size:12px}
.app-shell .workspace-search-icon{width:17px;height:17px;flex-basis:17px}
.app-shell .workspace-search kbd{display:block;font-size:9px}
.app-shell .app-header>.workspace-header-actions{justify-content:flex-end;gap:10px;min-width:0}
.app-shell .workspace-header-actions>.badge{display:none}
.app-shell .workspace-header-actions>.workspace-account-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-height:38px;min-width:38px;padding:3px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#242424;font-size:13px}
.workspace-account-avatar img{display:block;width:30px;height:30px;border-radius:50%;object-fit:cover}.workspace-account-avatar span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1f1f1}
.app-shell .sidebar-toggle{border:0;background:transparent;min-width:36px;min-height:36px;padding:7px}
@media(min-width:761px) and (max-width:1100px){.app-shell .app-header{grid-template-columns:minmax(70px,1fr) minmax(150px,280px) auto;padding-inline:18px;gap:12px}.app-shell .workspace-header-actions>.primary{width:116px;flex-basis:116px;min-width:0;font-size:10px;padding-inline:8px}.app-shell .workspace-search kbd{display:none}}
@media(max-width:760px){.app-shell .app-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 16px}.app-shell .app-header>.workspace-search{grid-column:1/-1;grid-row:2;max-width:none}.app-shell .workspace-search .workspace-search-field{height:40px;min-height:40px}.app-shell .workspace-search input{font-size:16px;height:38px}.app-shell .workspace-search kbd{display:none}.app-shell .app-header>.workspace-header-actions{grid-column:2;grid-row:1}.app-shell .workspace-header-actions>.primary{width:auto;flex-basis:auto;min-width:0;padding:8px 10px}}

/* Focused auth layout: one primary action, secondary choices below the form. */
.auth-header .brand.brand-wordmark{font-size:21px!important}
.auth-header{min-height:72px;padding:14px 32px}
.auth-form-card{max-width:380px}
.auth-form-card .auth-heading{font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0 0 28px;color:#242424}
.auth-form-card form label{font-size:13px;margin-top:20px}
.auth-form-card input{height:52px;min-height:52px;border-radius:10px;font-size:16px;margin-top:8px}
.auth-page .auth-submit{min-height:52px;border-radius:10px;font-size:15px;margin-top:24px}
.auth-form-card .auth-methods{margin:12px 0 0;display:flex;justify-content:center}
.auth-form-card .auth-methods button{flex:0 1 auto;min-height:44px;padding:10px 12px;border:0;background:transparent;color:#4b4b48;font-size:13px;text-decoration:underline;text-underline-offset:4px;border-radius:6px}
.auth-form-card .auth-methods button[aria-pressed=true]{display:none}
.auth-account-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:6px;margin-top:24px;color:#72736f;font-size:13px;line-height:1.5}
.auth-account-switch a{display:inline-flex;align-items:center;min-height:44px;color:#242424;font-weight:500}
.auth-form-card .auth-demo-entry{border:0;margin-top:12px;padding:0;font-size:12px}
.auth-form-card .auth-demo-entry a{min-height:44px;color:#72736f}
.auth-form-card .auth-methods button:hover,.auth-account-switch a:hover,.auth-demo-entry a:hover{color:#242424;text-decoration:underline;text-underline-offset:4px}
.auth-form-card a:focus-visible,.auth-form-card button:focus-visible{outline:2px solid #242424;outline-offset:4px}
@media(max-width:680px){
 .auth-header{min-height:64px;padding:10px 24px;gap:12px}
 .auth-header .brand.brand-wordmark{font-size:20px!important}
 .auth-header>div{gap:0}
 .auth-header .language-control{min-width:74px;padding:0;font-size:12px}
 .auth-header .language-control summary{min-height:44px;padding:0 6px}
 .auth-layout{flex:1;justify-content:flex-start;align-items:center;padding:clamp(72px,12svh,104px) 24px 32px;gap:0}
 .auth-form-section{max-width:380px}
 .auth-form-card .auth-heading{font-size:26px;margin-bottom:28px}
 .auth-form-card form label{margin-top:20px}
 .auth-page .auth-submit{margin-top:24px}
 .auth-form-card .auth-methods{margin-top:12px}
}
@media(max-width:680px) and (max-height:700px){.auth-layout{padding-top:52px}.auth-form-card .auth-heading{margin-bottom:20px}.auth-account-switch{margin-top:16px}}

/* Fixed SVG geometry keeps the mobile close icon centered at every pixel density. */
.mobile-marketing-menu>summary .mobile-menu-icon{display:block;width:22px;height:22px;flex:none;color:#242424;overflow:visible}
.mobile-marketing-menu>summary .mobile-menu-close-glyph{display:none}
.mobile-marketing-menu[open]>summary .mobile-menu-open-glyph{display:none}
.mobile-marketing-menu[open]>summary .mobile-menu-close-glyph{display:block}
.mobile-marketing-menu>summary::marker{content:""}
.mobile-marketing-menu>summary:focus-visible{outline:2px solid #242424;outline-offset:3px}

@media(max-width:680px) and (max-height:500px){.auth-layout{padding-top:24px}}

/* Demo navigation: one account avatar, quiet scrolling, mobile drawer. */
.demo-workspace .sidebar>.workspace-label{margin:0 0 18px;padding:4px 10px 18px;border-bottom:1px solid var(--line)}
.demo-workspace .sidebar>.workspace-label strong{font-size:14px;line-height:1.4;font-weight:600}
.demo-workspace .sidebar>.workspace-label small{font-size:10px;line-height:1.5;margin-top:5px}
.demo-workspace :is(.app-content,.transcript,.analytics-table-wrap,.workspace-search-popover){scrollbar-width:thin;scrollbar-color:#c8c8c4 transparent}
.demo-workspace :is(.app-content,.transcript,.analytics-table-wrap,.workspace-search-popover)::-webkit-scrollbar{width:5px;height:5px}
.demo-workspace :is(.app-content,.transcript,.analytics-table-wrap,.workspace-search-popover)::-webkit-scrollbar-thumb{background:#c8c8c4;border-radius:6px}
.workspace-nav-drawer:not([open]){display:none}
@media(max-width:760px){
 .app-shell.demo-workspace{display:block;min-width:0}
 .demo-workspace>.sidebar{display:none}
 .demo-workspace .app-header-context{gap:8px;min-width:0}
 .demo-workspace .app-header-context>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .demo-workspace .sidebar-toggle{width:44px;height:44px;min-width:44px;min-height:44px}
 .demo-workspace .workspace-account-avatar{width:40px;height:40px;flex:none}
 .demo-workspace .workspace-nav-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(300px,86vw);max-width:86vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--ink);overflow:hidden}
 .workspace-nav-drawer::backdrop{background:rgb(0 0 0 / .25)}
 .app-shell.demo-workspace .workspace-nav-drawer>.sidebar{display:flex;align-items:stretch;justify-content:flex-start;position:static;width:100%;height:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:26px 16px max(24px,env(safe-area-inset-bottom));border:0;gap:0;scrollbar-width:none}
 .demo-workspace .workspace-nav-drawer .workspace-label{padding:0 38px 18px 8px;flex:none}
 .demo-workspace .workspace-nav-drawer .sidebar>nav{display:flex;flex-direction:column;overflow:visible;gap:4px;flex:none}
 .demo-workspace .workspace-nav-drawer .sidebar>nav .nav-item{display:flex;width:100%;flex:0 0 auto;min-height:44px;height:auto;padding:11px 12px;margin:0;font-size:13px;gap:12px;white-space:normal;border-radius:9px;align-items:center}
 .demo-workspace .workspace-nav-drawer .nav-item svg{width:19px;height:19px;flex:none}
 .demo-workspace .workspace-nav-drawer .nav-label{display:block;font-size:10px;margin:20px 12px 8px}
 .demo-workspace .workspace-nav-drawer .sidebar-bottom{display:flex;flex:none;margin-top:24px;padding:16px 12px 0;border-top:1px solid var(--line);gap:12px}
 .demo-workspace .workspace-nav-drawer .sidebar-bottom a{display:flex;align-items:center;min-height:44px}
 .workspace-drawer-close{position:absolute;top:15px;right:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:27px;line-height:1;z-index:1}
 .workspace-drawer-close:hover{background:var(--surface)}
}

/* Mega Admin (Slice 1): reuses the app shell; only disabled future sections and the status list are new. */
.admin-nav-disabled{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-disabled);cursor:default}
.admin-facts{display:grid;gap:12px;margin:16px 0 0}.admin-facts div{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.admin-facts dt{color:var(--text-secondary)}.admin-facts dd{margin:0;text-align:right}
.admin-next{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0 0}
/* Mega Admin (Slice 2): customers table, filters, pager and detail lists, on the existing table and panel patterns. */
.admin-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.admin-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.admin-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary)}.admin-filters input{min-width:240px}.admin-filters input,.admin-filters select{min-height:44px}
.admin-table th[scope=row] small{display:block;font-weight:400;color:var(--text-muted)}.admin-table td,.admin-table th{white-space:nowrap}
.admin-pager{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.admin-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.admin-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-list small{color:var(--text-muted)}
.admin-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px}.admin-empty{text-align:left}
.badge.admin-deleted{background:var(--error-surface);color:var(--error)}
/* Mega Admin (Slice 3): usage presets, hand-built daily bars, two-column panels, notes. */
.admin-presets{display:flex;flex-wrap:wrap;gap:6px}.admin-presets button{min-height:44px}.admin-presets button[aria-pressed=true]{background:var(--brand-lime);border-color:var(--brand-lime);color:var(--text-primary)}
.admin-chart{display:flex;align-items:flex-end;gap:2px;height:124px;margin-top:16px;padding-bottom:2px;border-bottom:1px solid var(--border-subtle)}.admin-chart i{flex:1;min-width:1px;background:var(--accent-primary);border-radius:2px 2px 0 0}
.admin-chart-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:6px}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.admin-note{font-size:12px;color:var(--text-muted);margin-top:12px}.admin-scope{margin:0 0 16px}
.admin-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

/* Auth illustration: human welcome, one illustrative business outcome. */
.auth-story.auth-receptionist-art{position:relative;isolation:isolate;overflow:hidden;align-self:center;background:#f5f6f5;border:1px solid #eeeeeb;border-radius:24px;padding:28px 28px 24px;max-width:460px;width:100%}
.auth-receptionist-art .auth-art-copy{position:relative;z-index:1;text-align:left}
.auth-art-eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:.13em;color:#6e726b;margin-bottom:12px}
.auth-receptionist-art .auth-art-copy h2{font-size:clamp(25px,2.5vw,34px);line-height:1.15;letter-spacing:-.045em;color:#242424;max-width:310px;margin:0}
.auth-art-portrait{height:320px;margin:12px -28px 0;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent 100%)}
.auth-art-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;mix-blend-mode:multiply}
.auth-art-outcome{position:relative;z-index:1;margin:-28px 0 0;padding:17px 18px;background:#fff;border:1px solid #e9eae6;border-radius:14px;box-shadow:0 8px 24px #24242406;text-align:left}
.auth-art-outcome-top{display:flex;align-items:center;gap:9px}
.auth-art-check{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:#d8ff5c;color:#242424;font-size:13px}
.auth-art-outcome-top strong{font-size:12px;line-height:1.4;color:#242424}
.auth-art-outcome-top small{font-size:10px;margin-left:auto;color:#767872}
.auth-art-outcome>p{font-size:12px;color:#62665f;line-height:1.5;margin:9px 0 14px;padding-left:35px}
.auth-art-next{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eeefec;padding-top:12px;font-size:11px;line-height:1.5}
.auth-art-next>span{color:#767872}.auth-art-next>strong{font-weight:500;color:#242424;text-align:right}
@media(min-width:681px) and (max-width:900px){.auth-story.auth-receptionist-art{padding:24px 20px 20px}.auth-art-portrait{height:290px;margin-inline:-20px}.auth-art-outcome{padding:14px}.auth-art-outcome-top{gap:7px}.auth-art-outcome-top strong{font-size:11px}}
@media(min-width:681px) and (max-height:700px){.auth-art-portrait{height:240px}.auth-story.auth-receptionist-art{padding-top:22px}.auth-receptionist-art .auth-art-copy h2{font-size:27px}}
@media(max-width:680px){.auth-story.auth-receptionist-art{display:none}}

/* Legal entry points stay explicit until approved documents are available. */
.auth-form-card .auth-legal{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:18px;padding-top:14px;border-top:1px solid #eeefec;text-align:center}
.auth-legal details{padding:0;border:0;min-width:0}
.auth-legal summary{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:11px;line-height:1.5;color:#555952;gap:0;text-decoration:underline;text-underline-offset:3px}
.auth-legal summary::-webkit-details-marker{display:none}
.auth-legal summary::after{display:none}
.auth-legal details p{font-size:11px;line-height:1.6;margin:4px 0 12px;color:#73776f}
.auth-legal .auth-legal-note{grid-column:1/-1;font-size:10px;line-height:1.6;color:#73776f;margin:0 auto;max-width:310px}
.auth-form-card .auth-legal+.auth-demo-entry{margin-top:10px}

/* Balanced auth artwork: a larger portrait, soft neutral edges, quiet activity. */
.auth-story.auth-receptionist-art{background:#f6f7f6;border-color:#f0f1ef;padding:26px 26px 22px;border-radius:22px}
.auth-receptionist-art .auth-art-copy h2{font-size:28px;max-width:300px;line-height:1.16}
.auth-art-eyebrow{font-size:9px;margin-bottom:10px}
.auth-receptionist-art .auth-art-portrait{height:350px;margin:20px -10px 0;mask-image:linear-gradient(#000 78%,transparent 100%)}
.auth-receptionist-art .auth-art-portrait img{object-fit:cover;object-position:center top;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
.auth-receptionist-art .auth-art-outcome{max-width:340px;margin:-30px auto 0;padding:13px 16px;border-radius:12px;box-shadow:0 8px 24px #24242408;animation:auth-outcome-arrive .5s ease-out both}
.auth-art-audio{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:10px;color:#72766e}
.auth-art-sound{display:flex;align-items:center;justify-content:flex-end;gap:3px;height:24px}
.auth-art-sound i{display:block;width:3px;height:var(--level);border-radius:3px;background:#7c941e;transform-origin:center;animation:auth-sound-pulse 1.2s ease-in-out var(--offset) 3 alternate}
.auth-art-outcome>p{margin:6px 0 9px;font-size:11px}
.auth-art-next{padding-top:9px;font-size:10px}
.auth-form-card .auth-account-switch{margin-top:14px}
.auth-form-card .auth-legal{margin-top:10px;padding-top:8px;column-gap:10px}
.auth-legal .auth-legal-note{font-size:10px;line-height:1.5;max-width:330px}
.auth-form-card .auth-demo-entry{margin-top:4px}
@keyframes auth-sound-pulse{from{transform:scaleY(.45);opacity:.6}to{transform:scaleY(1);opacity:1}}
@keyframes auth-outcome-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:681px) and (max-width:900px){.auth-story.auth-receptionist-art{padding-inline:20px}.auth-receptionist-art .auth-art-copy h2{font-size:25px}.auth-receptionist-art .auth-art-portrait{height:300px;margin-inline:-8px}.auth-receptionist-art .auth-art-outcome{padding:12px}}
@media(min-width:681px) and (max-height:700px){.auth-receptionist-art .auth-art-portrait{height:270px}.auth-receptionist-art .auth-art-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.auth-art-sound i,.auth-receptionist-art .auth-art-outcome{animation:none}}

/* Blend the receptionist photograph into the hero canvas on all four edges. */
.hero-open .hero-portrait.hero-scene{background:transparent;border:0;box-shadow:none;border-radius:0}
.hero-open .hero-portrait.hero-scene>img{
 background:transparent;mix-blend-mode:darken;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 80%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 80%,transparent 100%);
 mask-composite:intersect;
}

/* Conversion actions after listening and after the product journey. */
.marketing-conversion{display:flex;justify-content:center}
.sample-call-conversion{margin-top:16px;padding-top:14px;border-top:1px solid #ededed}
.sample-call-conversion>a.primary{width:100%;min-height:52px;font-size:13px}
.story-conversion{margin-top:24px}
.story-conversion>a.primary{width:260px;max-width:100%;min-height:56px}
@media(max-width:760px){.story-conversion>a.primary{width:100%;max-width:440px}.sample-call-conversion>a.primary{min-height:54px;font-size:14px}}

/* Audio demo CTA uses the same expanding tile and arrow sweep as marketing CTAs. */
#sample-demo-cta{background:#D8FF5C;color:#242424;--cta-tile:#242424;--cta-arrow:#D8FF5C}
#sample-demo-cta::before{width:36px;height:36px;border-radius:50%;background:#242424}
#sample-demo-cta::after{left:16px;background:#D8FF5C;transform:translateY(-50%)}
#sample-demo-cta:is(:focus-visible,:active){background:#D8FF5C;color:#D8FF5C;--cta-tile:#242424}
#sample-demo-cta:is(:focus-visible,:active)::before{width:calc(100% - 14px);height:calc(100% - 14px);border-radius:14px}
#sample-demo-cta:is(:focus-visible,:active)::after{left:calc(100% - 36px);transform:translateY(-50%)}
#sample-demo-cta:focus-visible{outline:2px solid #242424;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 #sample-demo-cta:hover{background:#D8FF5C;color:#D8FF5C;--cta-tile:#242424}
 #sample-demo-cta:hover::before{width:calc(100% - 14px);height:calc(100% - 14px);border-radius:14px}
 #sample-demo-cta:hover::after{left:calc(100% - 36px);transform:translateY(-50%)}
}
@media(prefers-reduced-motion:reduce){#sample-demo-cta,#sample-demo-cta::before,#sample-demo-cta::after{transition:none}}

/* Portrait mosaic: five examples in one swipeable row. */
.testimonial-section .testimonial-group{align-items:center;min-height:420px}
.scenario-card.portrait-scenario{position:relative;flex:0 0 calc((100% - 64px)/4.5);height:370px;padding:0;border:0;border-radius:20px;overflow:hidden;background:#242424;color:#fff;display:block;isolation:isolate}
.scenario-card.portrait-scenario.portrait-tall{height:410px}
.portrait-scenario summary{display:block;position:absolute;inset:0;cursor:pointer;list-style:none;outline-offset:-5px}
.portrait-scenario summary::-webkit-details-marker{display:none}
.portrait-scenario summary::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.3) 55%,rgba(0,0,0,.88));pointer-events:none}
.portrait-scenario .scenario-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .35s ease}
.portrait-identity{position:absolute;z-index:1;left:20px;right:20px;bottom:54px;transition:transform .25s ease}
.portrait-identity strong,.portrait-identity small{display:block}.portrait-identity strong{font-size:22px;line-height:1.15;margin:10px 0 5px;letter-spacing:-.025em}.portrait-identity small{font-size:12px;color:#eee}
.portrait-identity .review-category{color:#fff;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.portrait-toggle{position:absolute;z-index:2;bottom:16px;right:16px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;font-size:22px;line-height:1;transition:transform .25s ease;background:#24242440;color:#fff}
.portrait-story{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:20px 20px 56px;background:linear-gradient(180deg,#242424f2,#242424);pointer-events:none}
.portrait-story h3{font-size:17px;line-height:1.25;color:#D8FF5C;margin:0 0 10px}.portrait-story p{font-size:12px;line-height:1.6;color:#fff;margin:0 0 12px}.portrait-story .scenario-label{color:#c6c6c6;font-size:9px}
.portrait-scenario[open] .portrait-toggle{z-index:4;transform:rotate(45deg);background:#D8FF5C;border-color:#D8FF5C;color:#242424}
.portrait-scenario[open] .scenario-portrait{transform:scale(1.035)}
.portrait-scenario summary:focus-visible{outline:3px solid #D8FF5C}
@media(max-width:1100px){.scenario-card.portrait-scenario{flex-basis:calc((100% - 32px)/3.3)}}
@media(max-width:760px){.scenario-card.portrait-scenario{flex-basis:44%;height:330px}.scenario-card.portrait-scenario.portrait-tall{height:365px}.testimonial-section .testimonial-group{min-height:375px}}
@media(max-width:480px){.scenario-card.portrait-scenario{flex-basis:78%}.portrait-identity strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.portrait-scenario .scenario-portrait,.portrait-identity,.portrait-toggle{transition:none}.portrait-scenario[open] .scenario-portrait{transform:none}}
/* Compact continuous portrait strip: quiet imagery, lighter overlays. */
.testimonial-section .testimonial-row{scroll-snap-type:none;scroll-behavior:auto}
.testimonial-section .testimonial-group{min-height:310px}
.scenario-card.portrait-scenario{flex:0 0 240px;height:286px;border-radius:16px}
.scenario-card.portrait-scenario.portrait-tall{height:302px}
.portrait-scenario .scenario-portrait{object-position:center 24%;filter:saturate(.78)}
.portrait-scenario summary::after{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.7))}
.portrait-identity{left:18px;right:18px;bottom:22px}
.portrait-identity .review-category{display:none}
.portrait-identity strong{font-size:19px;margin:0 0 5px}.portrait-identity small{font-size:11px}
.portrait-toggle{width:26px;height:26px;right:12px;bottom:12px;font-size:19px}
.portrait-identity{padding-right:22px}
.portrait-story{padding:18px 18px 44px;background:#242424f5}
.portrait-story h3{font-size:15px}.portrait-story p{font-size:12px;line-height:1.5}
@media(max-width:600px){.scenario-card.portrait-scenario{flex-basis:220px;height:274px}.scenario-card.portrait-scenario.portrait-tall{height:290px}.testimonial-section .testimonial-group{min-height:298px}}

/* Quiet, consistent controls for the setup header. */
.business-setup .setup-header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.business-setup .setup-header-actions>a,
.business-setup .setup-header-actions>.text-button,
.business-setup .setup-header-actions .language-control>summary{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 height:38px;min-height:38px;padding:0 13px;border:1px solid #e3e5e0;border-radius:9px;
 background:#fff;color:#343632;font-size:12px;font-weight:500;line-height:1.2;
 text-decoration:none;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease;
}
.business-setup .setup-header-actions .language-control .language-name{font-size:12px}
.business-setup .setup-header-actions>a:hover,
.business-setup .setup-header-actions>.text-button:hover,
.business-setup .setup-header-actions .language-control>summary:hover,
.business-setup .setup-header-actions .language-control[open]>summary{background:#f5f6f3;border-color:#cbd0c5}
.business-setup .setup-header-actions>a:focus-visible,
.business-setup .setup-header-actions>.text-button:focus-visible,
.business-setup .setup-header-actions .language-control>summary:focus-visible{outline:2px solid #343632;outline-offset:3px}
@media(max-width:760px){
 .business-setup .setup-header{height:auto;min-height:76px;flex-wrap:wrap;gap:14px}
 .business-setup .setup-header-actions{gap:8px}
 .business-setup .setup-header-actions>a,
 .business-setup .setup-header-actions>.text-button,
 .business-setup .setup-header-actions .language-control>summary{height:44px;min-height:44px;padding:0 11px}
}
@media(prefers-reduced-motion:reduce){
 .business-setup .setup-header-actions>a,
 .business-setup .setup-header-actions>.text-button,
 .business-setup .setup-header-actions .language-control>summary{transition:none}
}

/* Internal admin (Mega Admin): calm console, scoped to .admin-shell so customer workspaces are untouched.
   Selectors use `.sidebar>nav .nav-item` on purpose: it outranks the shared workspace rules (including the
   mobile `.app-shell .sidebar>nav .nav-item` one) so no breakpoint brings back two-line or full-width items. */
.app-shell.admin-shell{--admin-canvas:#F7F8F6;--admin-surface:#fff;--admin-line:#E5E7DF;--admin-line-soft:#EEF0EA;--admin-muted:#6B7066;--admin-faint:#8A8E84;--admin-hover:#F3F4F0;grid-template-columns:232px minmax(0,1fr);background:var(--admin-canvas);color:var(--text-primary)}

/* Sidebar */
.admin-shell .sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:0;padding:24px 14px 20px;background:var(--admin-surface);border-right:1px solid var(--admin-line)}
.admin-shell .sidebar>.brand.brand-wordmark{font-size:19px;letter-spacing:-.6px;margin:0 8px 24px}
.admin-shell .sidebar .workspace-label{margin:0 0 16px;padding:0 10px 16px;border-bottom:1px solid var(--admin-line-soft)}
.admin-shell .sidebar .workspace-label strong{font-size:13px;font-weight:600}
.admin-shell .sidebar .workspace-label small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--admin-muted)}
.admin-shell .sidebar>nav{display:flex;flex-direction:column;flex:1;gap:2px;min-height:0;padding:0;overflow-y:auto;scrollbar-width:none}
.admin-shell .sidebar>nav::-webkit-scrollbar{display:none}
.admin-shell .sidebar>nav .nav-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-height:38px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:400;line-height:1.3;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;text-decoration:none}
.admin-shell .sidebar>nav a.nav-item:hover{background:var(--admin-hover);color:var(--text-primary)}
.admin-shell .sidebar>nav .nav-item.active{background:var(--brand-tint);color:var(--text-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--brand-lime)}
.admin-shell .sidebar>nav .admin-nav-disabled{justify-content:space-between;min-height:34px;padding:6px 12px;color:var(--admin-faint);cursor:default}
.admin-shell .sidebar>nav .admin-nav-disabled:hover{background:transparent;color:var(--admin-faint)}
.admin-soon{flex:none;padding:0 7px;border:1px solid var(--admin-line);border-radius:999px;background:var(--admin-canvas);font-size:10px;font-weight:500;line-height:18px;color:var(--admin-muted)}
/* styles.css sizes and, at ≤720px, hides every `.nav-item span` (demo icon labels): keep the tag shown and the
   screen-reader text truly 1px at every width. */
.admin-shell .sidebar .nav-item .admin-soon{display:inline-block;width:auto}
.admin-shell .sidebar .nav-item .admin-sr-only{display:block;width:1px;height:1px;margin:-1px;padding:0;border:0}
/* The global FAQ `details` rule (border + 22px padding) must not reach the sidebar. */
.admin-shell .admin-future-nav{margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--admin-line-soft)}
.admin-shell .admin-future-nav>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--admin-muted);list-style:none;cursor:pointer}
.admin-shell .admin-future-nav>summary::-webkit-details-marker{display:none}
.admin-shell .admin-future-nav>summary::after{content:'';flex:none;width:5px;height:5px;margin:-3px 2px 0 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
.admin-shell .admin-future-nav[open]>summary::after{margin-top:3px;transform:rotate(-135deg)}
.admin-shell .admin-future-nav>summary:hover{background:var(--admin-hover);color:var(--text-primary)}
.admin-future-list{display:flex;flex-direction:column;gap:0;margin-top:2px}
.admin-shell .sidebar-bottom{flex:none;margin-top:12px;padding:12px 10px 0;border-top:1px solid var(--admin-line-soft);font-size:12px}
.admin-shell .sidebar-bottom a{display:inline-flex;align-items:center;min-height:32px;color:var(--admin-muted);text-decoration:none}
.admin-shell .sidebar-bottom a:hover{color:var(--text-primary)}

/* Header */
.admin-shell .app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;min-height:56px;padding:0 32px;background:var(--admin-surface);border-bottom:1px solid var(--admin-line)}
.admin-shell .app-header-context{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:500}
.admin-crumb{font-weight:400;color:var(--admin-muted)}.admin-crumb-sep{color:var(--admin-faint)}
.admin-shell .admin-header-actions{display:flex;align-items:center;gap:8px}
.admin-shell .app-header .badge{display:inline-flex;align-items:center}

/* Content and type scale: page 28 · section 15 · card 14 · metric 28 · label 12 · helper 12 · id 11 · badge 11 */
.admin-shell .app-content{width:100%;max-width:1480px;box-sizing:border-box;margin:0 auto;padding:32px 32px 48px}
.admin-overview{max-width:1000px}
.admin-shell .page-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin:0 0 24px}
.admin-shell .page-heading h1{margin:0 0 6px;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.8px}
.admin-shell .page-heading p{max-width:640px;margin:0;font-size:13px;line-height:1.6;color:var(--admin-muted)}
.admin-section-label{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--admin-muted)}
.admin-shell .panel{min-width:0;margin:0 0 16px;padding:20px 22px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);box-shadow:none}
.admin-shell .panel h2{margin:0 0 12px;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.2px}
.admin-shell .panel h3{margin:16px 0 4px;font-size:12px;font-weight:600;color:var(--admin-muted)}
.admin-shell .panel p{font-size:13px;line-height:1.6;color:var(--admin-muted)}
.admin-shell .admin-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 20px}
.admin-shell .admin-summary-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-shell .stat{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:18px 20px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);box-shadow:none}
.admin-shell .stat small{display:block;font-size:12px;line-height:1.5;color:var(--admin-muted)}
.admin-shell .stat strong{display:block;font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.admin-shell .admin-facts{gap:0;margin:0;font-size:13px}
.admin-shell .admin-facts div{align-items:baseline;gap:24px;padding:10px 0;border-bottom:1px solid var(--admin-line-soft)}
.admin-shell .panel>.admin-facts:last-child>div:last-child{padding-bottom:0;border-bottom:0}
.admin-shell .admin-facts dt{flex:none;color:var(--admin-muted)}
.admin-shell .admin-facts dd{max-width:65%;line-height:1.6;text-align:right;overflow-wrap:anywhere}
.admin-shell .admin-id{padding:1px 6px;border-radius:5px;background:var(--admin-canvas);font-size:11px;color:var(--admin-muted)}

/* Badges: color only where the state is semantic (active/available, deleted); everything else stays neutral. */
.admin-shell .badge{min-height:0;padding:2px 8px;border:1px solid var(--admin-line);border-radius:6px;background:var(--admin-canvas);font-size:11px;font-weight:500;line-height:1.6;color:var(--text-secondary)}
.admin-shell .badge.admin-active{border-color:#CFE6D6;background:var(--success-surface);color:var(--success)}
.admin-shell .badge.admin-deleted{border-color:#F1D2D2;background:var(--error-surface);color:var(--error)}

/* Overview quick access */
.admin-quick{margin:0 0 16px}
.admin-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.admin-quick-grid li{display:flex;min-width:0}
.admin-quick-card{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%;min-height:84px;padding:16px 18px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);color:var(--text-primary);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.admin-quick-card:hover{border-color:#CDD2C4;background:#FCFDFA}
.admin-quick-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.admin-quick-text strong{font-size:14px;font-weight:600}
.admin-quick-text span{font-size:12px;line-height:1.5;color:var(--admin-muted)}
.admin-quick-chevron{flex:none;font-size:20px;line-height:1;color:var(--admin-faint);transition:transform .15s ease,color .15s ease}
.admin-quick-card:hover .admin-quick-chevron{color:var(--text-primary);transform:translateX(2px)}
.admin-shell .admin-next{margin:12px 0 0}

/* Filters and presets */
.admin-shell .admin-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 20px;padding:14px 16px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface)}
.admin-shell .admin-filters label{flex:1 1 150px;min-width:0;gap:6px;font-size:11px;font-weight:500;color:var(--admin-muted)}
.admin-shell .admin-filters .admin-filter-search{flex:2.2 1 260px}
.admin-shell .admin-filters input,.admin-shell .admin-filters select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:8px 12px;border:1px solid #DFE2D9;border-radius:8px;background:#fff;font:inherit;font-size:13px;color:var(--text-primary)}
.admin-shell .admin-filters button{flex:none;min-height:40px;padding:8px 18px;font-size:13px}
.admin-shell [data-admin-usage-filter] label{flex:0 1 300px}
.admin-shell .admin-presets{display:inline-flex;flex-wrap:nowrap;gap:2px;padding:3px;border:1px solid var(--admin-line);border-radius:10px;background:var(--admin-surface)}
.admin-shell .admin-presets button{min-height:34px;padding:6px 12px;border:0;border-radius:7px;background:transparent;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;cursor:pointer}
.admin-shell .admin-presets button:hover{background:var(--admin-hover);color:var(--text-primary)}
.admin-shell .admin-presets button[aria-pressed=true]{background:var(--brand-lime);color:var(--brand-graphite)}

/* Tables */
.admin-shell .admin-table{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#D8DCD1 transparent}
.admin-shell .admin-table table{width:100%;border-collapse:collapse;font-size:12px}
.admin-shell .admin-table th,.admin-shell .admin-table td{padding:12px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--admin-line-soft)}
.admin-shell .admin-table thead th{background:#F7F8F5;font-size:11px;font-weight:500;color:var(--admin-muted)}
.admin-shell .admin-table tbody tr:last-child>*{border-bottom:0}
.admin-shell .admin-table tbody tr:hover>*{background:#FAFBF8}
.admin-shell .admin-table th[scope=row] small{color:var(--admin-muted)}
/* Customers: fixed columns so a long business name never pushes into its neighbours; the table scrolls instead. */
.admin-shell .admin-customers-table{border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface)}
.admin-shell .admin-customers-table table{min-width:1080px;table-layout:fixed}
.admin-customers-table thead th:nth-child(1){width:220px}.admin-customers-table thead th:nth-child(2){width:104px}.admin-customers-table thead th:nth-child(3){width:108px}.admin-customers-table thead th:nth-child(4){width:160px}.admin-customers-table thead th:nth-child(5){width:104px}.admin-customers-table thead th:nth-child(6){width:64px}.admin-customers-table thead th:nth-child(7){width:128px}.admin-customers-table thead th:nth-child(8){width:100px}.admin-customers-table thead th:nth-child(9){width:128px}
.admin-customers-table tbody th[scope=row] a,.admin-customers-table tbody th[scope=row] small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-customers-table tbody td:nth-child(4){overflow:hidden;text-overflow:ellipsis}
.admin-shell .admin-pager{gap:8px;margin-top:12px}.admin-shell .admin-pager button{min-height:36px;padding:6px 16px;font-size:13px}

/* Customer detail and Usage panels */
.admin-charts-grid,.admin-shell .admin-grid,.admin-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-shell .admin-list{gap:8px;margin:0}.admin-shell .admin-list li{font-size:13px}.admin-shell .admin-list small{color:var(--admin-muted)}
.admin-shell .admin-back{min-height:36px;margin-bottom:8px;font-size:13px;color:var(--admin-muted);text-decoration:none}.admin-shell .admin-back:hover{color:var(--text-primary)}
.admin-shell .admin-note{margin:12px 0 0;font-size:12px;color:var(--admin-muted)}
.admin-shell .admin-scope{margin:0 0 16px;font-size:13px}
.admin-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.admin-shell .admin-chart-head h2{margin:0}
.admin-chart-peak{font-size:11px;color:var(--admin-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
/* Bars are scaled to 120px (peak); the two gridlines mark the peak and half of it. */
.admin-shell .admin-chart{box-sizing:content-box;height:120px;margin:0;padding:0;gap:3px;border-bottom:1px solid var(--admin-line);background:linear-gradient(to bottom,var(--admin-line-soft) 1px,transparent 1px) 0 0/100% 60px}
.admin-shell .admin-chart i{background:var(--accent-primary);opacity:.82;border-radius:2px 2px 0 0}
.admin-shell .admin-chart i:hover{opacity:1}
.admin-shell .admin-chart-axis{gap:12px;margin-top:8px;font-size:11px;color:var(--admin-muted);font-variant-numeric:tabular-nums}

/* Focus: visible and on-brand (the old near-black 2px ring drew heavy bars in the sidebar). */
.admin-shell :is(a,button,summary,input,select):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}
.admin-shell .sidebar :is(a,summary):focus-visible{outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.admin-quick-card,.admin-quick-chevron,.admin-shell .admin-future-nav>summary::after{transition:none}}

/* Responsive: desktop ≥1200 · tablet 761–1199 · mobile ≤760. */
@media(max-width:1199px){.app-shell.admin-shell{grid-template-columns:212px minmax(0,1fr)}.admin-shell .app-content{padding:24px}.admin-shell .app-header{padding:0 24px}.admin-shell .admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shell .admin-summary-4{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-charts-grid{grid-template-columns:1fr}}
@media(max-width:1024px){.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.admin-shell .admin-summary-4{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .admin-grid,.admin-detail-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){
 .app-shell.admin-shell{display:block}
 .admin-shell .sidebar{position:static;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;height:auto;padding:14px 16px 10px;border-right:0;border-bottom:1px solid var(--admin-line)}
 .admin-shell .sidebar>.brand.brand-wordmark{margin:0;font-size:18px}
 .admin-shell .sidebar .workspace-label{margin:0;padding:0;border:0;text-align:right}
 .admin-shell .sidebar .workspace-label small{margin-top:2px}
 .admin-shell .sidebar>nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:12px;overflow:visible}
 .admin-shell .sidebar>nav>.nav-item{flex:1 1 0;width:auto;justify-content:center;min-height:40px;padding:8px 6px}
 .admin-shell .sidebar>nav .nav-item.active{box-shadow:inset 0 -2px 0 var(--brand-lime)}
 .admin-shell .admin-future-nav{flex:1 1 100%;margin:6px 0 0;padding:6px 0 0}
 .admin-future-list{flex-direction:row;flex-wrap:wrap;gap:6px;padding:4px 0 6px}
 .admin-shell .sidebar>nav .admin-future-list .admin-nav-disabled{flex:0 0 auto;width:auto;min-height:30px;padding:3px 5px 3px 10px;gap:6px;border:1px solid var(--admin-line-soft);border-radius:999px;font-size:12px}
 .admin-shell .sidebar-bottom{display:none}
 .admin-shell .app-header{height:48px;min-height:48px;padding:0 16px}
 .admin-crumb,.admin-crumb-sep{display:none}
 .admin-shell .app-content{padding:20px 16px 40px}
 .admin-shell .page-heading{align-items:flex-start;margin-bottom:20px}
 .admin-shell .page-heading h1{font-size:24px}
 .admin-shell .admin-presets{display:flex;width:100%}
 .admin-shell .admin-presets button{flex:1;min-height:40px;padding:6px 4px}
 .admin-shell .admin-summary,.admin-shell .admin-summary-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .admin-shell .stat{padding:14px 16px}.admin-shell .stat strong{font-size:22px}
 .admin-shell .panel{padding:16px}
 .admin-quick-grid{grid-template-columns:1fr}
 .admin-quick-card{min-height:72px}
 .admin-shell .admin-filters label,.admin-shell .admin-filters .admin-filter-search,.admin-shell [data-admin-usage-filter] label{flex:1 1 100%}
 .admin-shell .admin-filters button{flex:1 1 100%}
 .admin-shell .admin-filters input,.admin-shell .admin-filters select{min-height:44px;font-size:16px}
 .admin-shell .admin-facts div{flex-wrap:wrap;gap:4px 12px}.admin-shell .admin-facts dd{max-width:100%;text-align:left}
}

/* Calls and Leads (the REAL #app dashboard pages). Scoped to .dashboard-page; theme tokens only, no recording UI. */
.dashboard-page{max-width:1040px;min-width:0}
.dashboard-page .dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.dashboard-page .dashboard-heading h1{overflow-wrap:anywhere}
.dashboard-page .dashboard-heading-side{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.dashboard-page .dashboard-note,.dashboard-page .dashboard-muted{color:var(--text-muted)}
.dashboard-page .dashboard-muted{font-size:14px}
.dashboard-page .dashboard-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid var(--border-default);color:var(--text-secondary);background:var(--surface-elevated)}
.dashboard-page .dashboard-pill-ok{color:var(--success);background:var(--success-surface);border-color:transparent}
.dashboard-page .dashboard-pill-accent{color:var(--accent-deep);background:var(--pending-surface);border-color:color-mix(in srgb,var(--accent-primary) 25%,transparent)}
.dashboard-page .dashboard-pill-attention{color:var(--text-primary);background:transparent;border-color:var(--border-strong)}
.dashboard-page .dashboard-list{list-style:none;margin:0;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-product);background:var(--surface-elevated);overflow:hidden}
.dashboard-page .dashboard-list li+li{border-top:1px solid var(--border-subtle)}
.dashboard-page .dashboard-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;min-height:72px;padding:16px 20px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.dashboard-page .dashboard-row:hover{background:color-mix(in srgb,var(--text-primary) 3%,transparent)}
.dashboard-page .dashboard-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.dashboard-page .dashboard-row-main strong{font-size:15px;overflow-wrap:anywhere}
.dashboard-page .dashboard-row-main small{font-size:13px;color:var(--text-muted)}
.dashboard-page .dashboard-row-side{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex:none;max-width:45%}
.dashboard-page .dashboard-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--text-secondary);overflow-wrap:anywhere}
.dashboard-page .dashboard-service{font-size:14px}
.dashboard-page .dashboard-state{padding:32px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius-product);text-align:center}
.dashboard-page .dashboard-state h2{margin:0 0 6px;font-size:18px}
.dashboard-page .dashboard-state p{margin:0 0 12px;color:var(--text-muted)}
.dashboard-page .dashboard-more{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}
.dashboard-page .dashboard-back{margin:0 0 16px}
.dashboard-page .dashboard-contact-line{margin:-12px 0 20px;font-size:15px}
.dashboard-page .dashboard-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.dashboard-page .dashboard-card{min-width:0;margin-bottom:16px;padding:20px;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-elevated)}
.dashboard-page .dashboard-detail-grid .dashboard-card{margin-bottom:0}
.dashboard-page .dashboard-card h2{margin:0 0 12px;font-size:16px;line-height:1.3}
.dashboard-page .dashboard-lead-link{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dashboard-page .dashboard-lead-link h2{margin-bottom:4px}
.dashboard-page .dashboard-lead-link p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dashboard-page .dashboard-summary{margin:0 0 12px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.dashboard-page .dashboard-facts{display:grid;gap:10px;margin:0}
.dashboard-page .dashboard-facts div{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:12px}
.dashboard-page .dashboard-facts dt{font-size:13px;color:var(--text-muted)}
.dashboard-page .dashboard-facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.dashboard-page .dashboard-signals{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}
.dashboard-page .dashboard-transcript{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.dashboard-page .dashboard-turn{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.dashboard-page .dashboard-turn p{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.dashboard-page .dashboard-speaker{font-size:13px;font-weight:600;color:var(--text-muted)}
.dashboard-page .dashboard-turn-caller .dashboard-speaker{color:var(--text-primary)}
.dashboard-page .dashboard-mini-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dashboard-page .dashboard-mini-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.dashboard-page :is(.dashboard-row,.dashboard-back,a,button):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-control)}
@media(max-width:760px){
 .dashboard-page .dashboard-heading{flex-direction:column;gap:10px}
 .dashboard-page .dashboard-heading-side{justify-content:flex-start}
 .dashboard-page .dashboard-detail-grid{grid-template-columns:1fr}
 .dashboard-page .dashboard-row{flex-direction:column;gap:10px;padding:14px 16px}
 .dashboard-page .dashboard-row-side{max-width:100%;justify-content:flex-start}
 .dashboard-page .dashboard-lead-link{flex-direction:column;align-items:flex-start}
 .dashboard-page .dashboard-turn{grid-template-columns:1fr;gap:2px}
 .dashboard-page .dashboard-facts div{grid-template-columns:1fr;gap:2px}
 .dashboard-page .dashboard-card{padding:16px}
}