/* AITO type and spacing: shared values, responsive grouping, no scaled text. */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;
  --type-body:.875rem;--type-meta:.75rem;--type-small:.6875rem;
  --copy-secondary:#687263;--copy-muted:#747d6e;
}
button,a,input,textarea,select{touch-action:manipulation}
input,textarea,select{font-family:inherit}
h1,h2,h3,h4{text-wrap:balance}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #497658;outline-offset:3px}
dialog{overscroll-behavior:contain}
.header{background:#fff;backdrop-filter:none}
.market-status{background:#fff;backdrop-filter:none;box-shadow:0 3px 12px #00000009}
.market-visual{will-change:auto}
.market-image{mix-blend-mode:normal}
/* Keep the notifications clear of the new shop fascia signs. */
@media(min-width:1200px){.market-status-left{bottom:320px}.market-status-right{bottom:330px}}
@media(max-width:760px){.market-status-left{bottom:64px}}
.hero-description{margin-top:var(--space-6);line-height:1.6}
.hero-benefit{margin-top:var(--space-4);font-size:var(--type-meta);line-height:1.5}
.composer-wrap{margin-top:var(--space-8)}
.composer{padding:var(--space-6);border-radius:24px}
.composer-bottom{margin-top:var(--space-2)}
.example-button{font-size:var(--type-body);line-height:1.5}
.submit-button{width:40px;height:40px}
.product-showcase{height:auto;margin-top:-180px;padding-bottom:0}
.product-sticky{position:relative;top:0;padding-bottom:0}
.product-tabs{position:sticky;top:94px;z-index:12;margin-bottom:var(--space-6);background:#eeeee9;backdrop-filter:none}
.product-tab{font-size:var(--type-body);line-height:1.4;padding:var(--space-3) var(--space-4)}
.product-selection{transition:transform 220ms ease,width 220ms ease}
.product-window{zoom:1;box-shadow:0 12px 36px -28px #34433138}
.product-chrome{height:56px;padding:0 var(--space-6);font-size:var(--type-meta)}
.demo-label,.team-label{font-size:var(--type-small)}
.module-launcher{margin:var(--space-4) auto var(--space-8);gap:var(--space-4)}
.module-button{font-size:var(--type-meta);line-height:1.4;gap:var(--space-3)}
.module-icon{width:48px;height:48px;border-radius:12px}
.product-panels{padding:0 var(--space-8) var(--space-6);min-height:0}
.product-panel{max-height:none;overflow:visible;scroll-margin-top:160px}
.panel-heading{min-height:0;margin-bottom:var(--space-6);gap:var(--space-4);align-items:center}
.panel-heading h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.6px}
.p-eyebrow,.product-dialog .p-eyebrow{font-size:var(--type-small);line-height:1.45;letter-spacing:.06em;margin:0 0 var(--space-2)}
.p-card-head{margin-bottom:var(--space-4)}
.p-card-head h4{font-size:var(--type-body);line-height:1.4}
.p-card-head>.p-icon{width:20px;height:20px}
.p-card{box-shadow:0 1px 3px #1e361108}
.product-profile,.material-photos,.knowledge-card,.budget-card,.ai-knowledge,.handoff-card,.channels-card,.lead-metric,.chart-card{padding:var(--space-6)}
.material-grid,.listing-grid,.launch-grid,.assistant-grid,.leads-overview,.crm-board{gap:var(--space-4)}
.integrations-grid{gap:var(--space-6)}
.p-field,.product-window .p-field{font-size:var(--type-meta);line-height:1.5;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--copy-secondary)}
.p-field input,.p-field textarea,.p-field select,.product-profile .p-field input{font-size:var(--type-body);line-height:1.5;padding:10px 12px;min-height:44px}
.p-field textarea,.product-profile textarea{height:104px;min-height:104px}
.input-with-icon input,.product-profile .input-with-icon input{padding-left:36px}
.input-with-icon>.p-icon{left:12px;top:13px}
.product-profile>.p-field{margin-bottom:var(--space-4)}
.p-muted,.card-index,.product-window .p-muted,.field-footer,.knowledge-bottom,.upload-zone small,.uploaded-file{font-size:var(--type-meta);line-height:1.5;color:var(--copy-secondary)}
.field-footer{gap:var(--space-3);flex-wrap:wrap}
.p-button,.p-button.ghost,.ai-knowledge>.p-button,.panel-heading .p-button{font-size:var(--type-meta);line-height:1.5;min-height:36px;padding:var(--space-2) var(--space-3)}
.p-button.ghost{padding-left:0;padding-right:0}
.p-icon-button{width:36px;height:36px}
.p-badge,.listing-top .p-badge,.conversation-head .p-badge{font-size:var(--type-small);line-height:1.4;padding:var(--space-1) var(--space-2)}
.knowledge-card .p-card-head{margin-bottom:var(--space-2)}
.knowledge-card>p,.handoff-card>p,.readiness p,.budget-card>.p-muted{font-size:var(--type-meta);line-height:1.6;margin:0 0 var(--space-4);color:var(--copy-secondary)}
.knowledge-topics{gap:var(--space-2)}
.knowledge-topics button{min-height:40px;font-size:var(--type-meta);line-height:1.4;padding:var(--space-2) var(--space-3)}
.knowledge-bottom{margin-top:var(--space-3);gap:var(--space-4)}
.upload-zone{padding:var(--space-4);margin-top:var(--space-4)}
.upload-zone strong{font-size:var(--type-body);line-height:1.4;margin-bottom:var(--space-1)}
.filter-pill,.catalog-toolbar .p-muted,.catalog-toolbar .p-button{font-size:var(--type-meta)}
.catalog-toolbar{margin-bottom:var(--space-4)}
.listing-copy{padding:var(--space-4)}
.listing-copy h4{font-size:1rem;line-height:1.4;min-height:45px;margin:var(--space-3) 0 var(--space-2)}
.listing-copy>p{font-size:var(--type-meta);line-height:1.5;margin:0 0 var(--space-3)}
.listing-top .p-muted{font-size:var(--type-small)}
.listing-price{font-size:1.25rem;line-height:1.3}
.listing-footer{margin-top:var(--space-4);padding-top:var(--space-2)}
.listing-footer span,.panel-bottom-note{font-size:var(--type-small);line-height:1.5}
.panel-bottom-note{margin-top:var(--space-4)}
.plan-card{padding:var(--space-6)}
.plan-top{margin-bottom:var(--space-6)}
.plan-card h4{font-size:2rem;line-height:1.1;margin-bottom:var(--space-4)}
.plan-card>p{font-size:var(--type-body);line-height:1.5;margin-bottom:var(--space-6)}
.plan-features li{font-size:var(--type-body);line-height:1.5;margin-bottom:var(--space-3)}
.plan-price{margin-top:var(--space-4);padding-top:var(--space-6)}
.plan-price span,.payment-note{font-size:var(--type-small);line-height:1.5}
.invoice-row{font-size:var(--type-body);line-height:1.5;margin:var(--space-3) 0}
.invoice-total{padding-top:var(--space-4);margin-bottom:var(--space-4)}
.budget-input input{font-size:1.25rem;padding-right:104px}
.budget-input>span{font-size:var(--type-meta)}
.readiness{padding:var(--space-4);gap:var(--space-3)}
.readiness strong{font-size:var(--type-body);line-height:1.4}
.readiness p{margin:var(--space-1) 0 0}
.conversation-head{padding:var(--space-4);gap:var(--space-3)}
.conversation-head strong{font-size:var(--type-body)}
.conversation-head small{font-size:var(--type-meta);margin-top:var(--space-1)}
.conversation-messages{padding:var(--space-4);gap:var(--space-3)}
.message{font-size:var(--type-body);line-height:1.5;padding:var(--space-3);max-width:92%}
.agent-name{font-size:var(--type-meta);line-height:1.4;margin-bottom:var(--space-2)}
.message-source{font-size:var(--type-small);line-height:1.4;margin-top:var(--space-2);padding-top:var(--space-2)}
.message time,.conversation-input,.date-range,.chart-legend,.chart-days,.metric-bottom,.big-metric>span{font-size:var(--type-small);line-height:1.4}
.conversation-input{padding:var(--space-2) var(--space-4)}
.source-row{gap:var(--space-3);padding:var(--space-3) 0}
.source-row strong{font-size:var(--type-body);line-height:1.4;margin-bottom:var(--space-1)}
.source-row small{font-size:var(--type-meta);line-height:1.5}
.handoff-card .p-card-head{margin-bottom:var(--space-2)}
.handoff-toggle,.p-switch-label{font-size:var(--type-meta);line-height:1.5;min-height:40px}
.test-ai{padding:var(--space-4);gap:var(--space-3)}
.test-ai strong{font-size:var(--type-body);line-height:1.4}
.test-ai small{font-size:var(--type-meta);line-height:1.5;margin-top:var(--space-1)}
.leads-overview{margin-bottom:var(--space-6)}
.lead-metric .p-card-head h4,.chart-card .p-card-head h4{font-size:var(--type-body)}
.leads-chart{height:132px}
.big-metric{margin:var(--space-4) 0 var(--space-6)}
.crm-board-label,.crm-column-head,.crm-column-head h4{font-size:var(--type-meta);line-height:1.5}
.crm-board-label{margin-bottom:var(--space-4)}
.crm-board-label>span{font-size:var(--type-small)}
.lead-card{padding:var(--space-4);margin-bottom:var(--space-3)}
.lead-card-top strong,.lead-amount{font-size:var(--type-body);line-height:1.4}
.lead-card-top small,.lead-card>p{font-size:var(--type-meta);line-height:1.5}
.lead-card>p{margin:var(--space-3) 0}
.lead-card-bottom,.lead-card-bottom>small{font-size:var(--type-small);line-height:1.4}
.integration-row{min-height:80px;gap:var(--space-3)}
.integration-row strong{font-size:var(--type-body);line-height:1.4}
.integration-row small{font-size:var(--type-meta);line-height:1.5;margin-top:var(--space-1)}
.integration-row>.p-button{font-size:var(--type-meta);padding:var(--space-2) var(--space-3)}
.flow-diagram{font-size:var(--type-meta);padding:var(--space-4) 0 var(--space-6)}
.telegram-preview{padding:var(--space-6)}
.telegram-top{padding-bottom:var(--space-4)}
.telegram-top strong,.telegram-message{font-size:var(--type-body);line-height:1.5}
.telegram-top small,.telegram-message>p,.tg-summary,.bot-name,.telegram-cta,.telegram-caption{font-size:var(--type-meta);line-height:1.5}
.telegram-date,.tg-summary>span,.tg-price,.telegram-message time{font-size:var(--type-small);line-height:1.4}
.telegram-message{padding:var(--space-4)}
.telegram-caption{margin-top:var(--space-4)}
.product-window-footer{padding:var(--space-3) var(--space-8);font-size:var(--type-small);line-height:1.5;gap:var(--space-4)}
.product-window-footer>span:last-child{font-size:var(--type-small)}
.product-caption{margin-top:var(--space-6);gap:var(--space-6)}
.product-caption strong{font-size:var(--type-body);line-height:1.5}
.product-caption p{font-size:var(--type-meta);line-height:1.6;margin-top:var(--space-2);max-width:80ch}
.tour-position{font-size:var(--type-small);line-height:1.5}
.possibilities{margin-top:var(--space-16);padding:var(--space-16) var(--space-6)}
.section-heading h2{font-size:2.5rem;line-height:1.15}
.section-heading>p{font-size:1rem;line-height:1.6}
.capabilities{gap:var(--space-8);margin-top:var(--space-12)}
.capability>.icon{margin-bottom:var(--space-6)}
.capability h3{font-size:1.125rem;line-height:1.4;margin-bottom:var(--space-2)}
.capability p{font-size:1rem;line-height:1.6;margin-bottom:var(--space-4)}
.capability-link{font-size:var(--type-body);line-height:1.5}
footer{padding:var(--space-8);gap:var(--space-8)}
footer p,.footer-note,.copyright{font-size:var(--type-meta);line-height:1.6;color:#73796c}
.listing-price,.lead-amount,.big-metric,.invoice-row strong,.demo-price{font-variant-numeric:tabular-nums}
button.p-switch{position:relative;width:44px;height:44px;background:transparent;min-width:44px}
button.p-switch::before{content:'';position:absolute;left:7px;top:13px;width:29px;height:17px;border-radius:99px;background:#6c9470}
button.p-switch::after{top:16px;left:22px}
button.p-switch[aria-checked=false]{background:transparent}
button.p-switch[aria-checked=false]::before{background:#c7cdbf}
button.p-switch[aria-checked=false]::after{left:10px}
@media(max-width:1100px){.panel-heading{flex-wrap:wrap}.knowledge-topics{grid-template-columns:repeat(2,1fr)}.listing-top .p-muted{display:none}}
@media(max-width:999px){.product-showcase{margin-top:-75px}.product-tabs{top:94px}.product-panels{padding:0 var(--space-6) var(--space-6)}.module-button{font-size:var(--type-small)}.assistant-grid,.integrations-grid{grid-template-columns:1fr}.assistant-settings{display:grid;grid-template-columns:1fr 1fr}.test-ai{grid-column:1/-1}.telegram-preview{max-width:520px;width:100%;justify-self:center}}
@media(max-width:760px){
  .hero-description{font-size:1rem;line-height:1.5;margin-top:var(--space-6)}
  .hero-benefit{font-size:var(--type-meta);line-height:1.5;align-items:flex-start;max-width:340px;margin:var(--space-4) auto 0;padding:0 var(--space-3)}
  .hero-benefit .icon{margin-top:3px;flex-shrink:0}
  .composer-wrap{margin-top:var(--space-6)}.composer{padding:var(--space-4)}
  .composer textarea{font-size:1rem;line-height:1.5;height:48px}
  .example-button{font-size:var(--type-meta);min-height:44px}
  .submit-button{width:44px;height:44px}
  .product-showcase{margin-top:-58px}.product-tabs{top:83px;margin-bottom:var(--space-4)}
  .product-tab{font-size:var(--type-meta);min-height:44px;padding:var(--space-2) var(--space-3)}
  .product-chrome{padding:0 var(--space-4);font-size:var(--type-small)}.team-label{display:none}
  .module-launcher{grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:0 var(--space-4);margin:var(--space-4) auto var(--space-6)}
  .module-button{font-size:var(--type-meta);gap:var(--space-2)}.module-icon{width:44px;height:44px}
  .product-panels{padding:0 var(--space-4) var(--space-4)}
  .panel-heading{margin-bottom:var(--space-4);align-items:flex-start}.panel-heading h3{font-size:1.25rem;line-height:1.3}
  .product-profile,.material-photos,.knowledge-card,.budget-card,.ai-knowledge,.handoff-card,.channels-card,.lead-metric,.chart-card,.plan-card{padding:var(--space-4)}
  .product-profile{display:block}
  .p-field input,.p-field textarea,.p-field select,.product-profile .p-field input,.product-dialog .p-field input,.product-dialog .p-field textarea,.product-dialog .p-field select,.ai-test-form input{font-size:1rem}
  .knowledge-topics{grid-template-columns:1fr}
  .p-button,.p-icon-button,.handoff-toggle,.p-switch-label{min-height:44px}
  .p-icon-button{width:44px;height:44px}.knowledge-topics button{min-height:44px}
  .listing-card{display:block}.listing-card>.product-photo{height:176px;min-height:0}
  .listing-copy{padding:var(--space-4)}.listing-copy h4{min-height:0}
  .listing-footer span{font-size:var(--type-small)}
  .assistant-settings{display:flex}
  .conversation-head .p-badge{display:none}.conversation-head,.conversation-messages{padding:var(--space-3)}
  .message{font-size:var(--type-body);max-width:96%}.message-source{font-size:var(--type-small)}
  .lead-card-top .customer-avatar{display:none}.lead-card-bottom{flex-wrap:wrap;gap:var(--space-2)}
  .integration-row{flex-wrap:wrap;padding:var(--space-3) 0;gap:var(--space-2)}.integration-row small{max-width:175px}
  .integration-row>.p-button{font-size:var(--type-small);padding:var(--space-2)}
  .flow-diagram{font-size:var(--type-small);gap:var(--space-2)}.flow-diagram>span:last-child{display:none}
  .telegram-preview{padding:var(--space-4)}.tg-price{flex-wrap:wrap;gap:var(--space-1)}
  .product-window-footer{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}
  .product-window-footer>span:last-child{font-size:var(--type-small)}
  .product-caption{width:calc(100% - 48px);margin-top:var(--space-4);gap:var(--space-4)}
  .product-caption p{font-size:var(--type-meta)}
  .possibilities{margin-top:var(--space-12);padding:var(--space-12) var(--space-6)}
  .section-heading h2{font-size:2rem;line-height:1.2}.section-heading>p{margin-top:var(--space-4)}
  .capabilities{margin-top:var(--space-8);gap:0}.capability{padding-top:var(--space-6);padding-bottom:var(--space-6)}
  .capability>.icon{top:var(--space-6)}
  footer{padding:var(--space-6);gap:var(--space-6)}
}
.panel-heading>.p-badge{font-size:var(--type-small)}
.team-avatar,.customer-avatar,.lead-card-top .customer-avatar{font-size:var(--type-small)}
.p-eyebrow,.team-label,.demo-label,.card-index,.date-range,.chart-legend,.chart-days,.crm-board-label>span,.lead-card-bottom,.lead-card-bottom>small,.flow-diagram,.product-window-footer,.product-caption p,.tour-position{color:#68745f}
.message time,.message-source,.conversation-input,.telegram-message time,.telegram-top small,.telegram-caption,.tg-summary>span,.tg-price{color:#607254}
.agent-name{color:#38684d}
.p-badge.neutral{color:#606c56}.p-badge.amber{color:#776331}.p-badge.teal{color:#326d62}
.source-row small,.test-ai small,.readiness p,.payment-note,.knowledge-bottom,.field-footer{color:var(--copy-secondary)}

/* The request box follows the product demo, as a viewport dock. */
.hero{padding-top:clamp(28px,5svh,56px)}
.hero .market-stage{margin-top:-4px}
.composer-wrap{position:fixed;z-index:25;left:50%;bottom:max(20px,env(safe-area-inset-bottom));width:min(610px,calc(100% - 40px));margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,24px);transition:opacity 500ms ease,transform 500ms cubic-bezier(.22,.68,.18,1),visibility 500ms}
.composer-wrap.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity 500ms ease,transform 500ms cubic-bezier(.22,.68,.18,1)}
.composer-wrap .composer{box-shadow:0 8px 32px #18241c20,0 1px 4px #00000008}
.composer-trigger{height:1px;margin-bottom:-1px;pointer-events:none}
body.composer-visible{padding-bottom:calc(var(--composer-height,150px) + 36px)}
body.composer-visible .product-toast{bottom:calc(var(--composer-height,150px) + 40px)}
html{scroll-padding-bottom:180px}
.product-nav{position:sticky;top:94px;z-index:12;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 40px);margin:0 auto 24px}
.product-nav .product-tabs{position:relative;top:0;flex:1;min-width:0;max-width:100%;margin:0;background:#f8f9f6;border-color:#cbd1c5;box-shadow:0 5px 18px #26321b18,0 1px 3px #26321b12}
.demo-motion-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#f8f9f6;border:1px solid #cbd1c5;border-radius:50%;color:#4d5846;box-shadow:0 3px 10px #26321b12}
.demo-motion-toggle:hover{background:#e2e5dd}
.demo-motion-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.demo-motion-toggle .play-symbol{display:none}
.demo-motion-toggle[aria-pressed=true] .play-symbol{display:block}
.demo-motion-toggle[aria-pressed=true] .pause-symbol{display:none}
.product-tab .tab-ring{flex-shrink:0;background:none;border:0;mask:none;transform:rotate(-90deg);overflow:visible}
.tab-ring circle{fill:none;stroke-width:2.5}
.tab-ring .tab-track{stroke:#e2e4df}
.tab-ring .tab-progress{stroke:#4b554b;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
.product-selection{background:#fff;border-color:#d2d9cb;box-shadow:0 2px 5px #26321b14;transition:transform 500ms cubic-bezier(.22,.68,.18,1),width 500ms cubic-bezier(.22,.68,.18,1)}
.product-panels{position:relative;--panel-gutter:32px;padding-top:16px}
.product-panel:not([hidden]){animation:none}
.product-panel.is-leaving{position:absolute;top:16px;left:var(--panel-gutter);right:var(--panel-gutter);pointer-events:none;z-index:1}
@media(max-width:999px){.product-panels{--panel-gutter:24px}}
@media(max-width:760px){
  .hero{padding-top:clamp(20px,4svh,32px)}
  .hero .market-stage{margin-top:-40px}
  .composer-wrap{width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));margin:0}
  .product-nav{top:83px;max-width:calc(100% - 24px);gap:4px;margin-bottom:16px}
  .product-nav .product-tabs{max-width:calc(100% - 48px)}
  .product-panels{--panel-gutter:16px}
}
@media(prefers-reduced-motion:reduce){.composer-wrap,.product-selection{transition:none}.demo-motion-toggle{display:none}.product-nav .product-tabs{max-width:100%}}