/* Recognizable application surfaces, with explicit person / AI / automation roles. */
.showcase .scene-container{height:455px;padding:18px}
.product-demo{height:100%;width:100%;display:block;animation:product-reveal .6s both}
.product-window{height:100%;border:1px solid #c7d5de;border-radius:10px;overflow:hidden;background:#f2f6f9;color:#183648;box-shadow:0 12px 30px #00111d55;font:12px/1.45 'DM Sans',sans-serif}
.product-window p,.product-window h3{margin:0}
.product-window svg{width:17px;height:17px;flex:none;vertical-align:middle}
.window-chrome{height:27px;display:flex;align-items:center;gap:12px;padding:0 11px;background:#dfe8ee;border-bottom:1px solid #cbd9e1;color:#597280;font-size:9px}
.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#97adbb}
.window-address{flex:1;background:#edf2f6;border-radius:3px;text-align:center;padding:2px 6px}.window-expand{font-size:14px}
.product-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#173d54;color:#fff;gap:8px}
.product-wordmark{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}
.workspace-label{font-size:9px;color:#b8d2df}
.office-app,.ticket-app,.systems-app,.calendar-product-app,.messages-product-app{padding:17px}
.office-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}
.app-eyebrow{font-size:8px;letter-spacing:.1em;color:#627d8d;font-weight:600}
.product-window h3{font-size:17px;line-height:1.3;letter-spacing:-.025em}
.office-state,.sample-tag{font-size:9px;white-space:nowrap;border:1px solid #c9dbe3;border-radius:4px;padding:4px 7px;color:#587586}
.person-label{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.05em;color:#536d7d;font-weight:600;margin-bottom:6px}
.person-label svg{width:12px;height:12px}
.voice-request{position:relative;padding:10px 12px 14px;background:white;border:1px solid #d5e1e8;border-radius:6px;margin-bottom:12px;animation:product-reveal .6s .2s both}
.voice-request p{font-size:13px;font-weight:500;padding-right:48px}
.voice-wave{position:absolute;right:13px;bottom:14px;display:flex;align-items:center;gap:3px;height:18px}
.voice-wave i{width:2px;height:6px;background:#5088a5;border-radius:2px;animation:voice-wave .8s alternate infinite}
.voice-wave i:nth-child(3n){height:16px;animation-delay:.3s}.voice-wave i:nth-child(2n){height:11px;animation-delay:.5s}
.ai-panel,.agent-reply{background:#fff0e0;border:1px solid #eba76c;border-left:3px solid #ed883a;border-radius:7px;padding:12px;box-shadow:0 4px 14px #e98a3c18;animation:ai-arrival .7s 1.1s both}
.ai-label{display:flex;align-items:center;gap:5px;color:#8c460f;font-size:8px;letter-spacing:.055em;margin-bottom:7px;font-weight:700}
.ai-label>svg{width:16px;height:16px;stroke:#cf671d}
.ai-label>strong{font-size:10px;background:#eb8437;color:#fff;border-radius:4px;padding:2px 5px}
.ai-pulse{margin-left:auto;flex:none;width:6px;height:6px;border-radius:50%;background:#db741e;box-shadow:0 0 0 4px #eb843725;animation:ai-beacon 2s infinite}
.ai-panel p,.agent-reply p{font-size:12px;line-height:1.55;color:#653c21}
.office-devices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}
.office-device{position:relative;padding:12px 10px 10px;border:1px solid #bad4df;background:#fff;border-radius:6px;display:grid;grid-template-columns:20px 1fr;gap:3px 5px;align-items:center;animation:product-reveal .55s var(--stage-delay) both}
.office-device>svg{color:#49819b;grid-row:1/3}.office-device strong{font-size:11px}.office-device>span{font-size:10px;color:#397990}
.device-switch{width:19px;height:10px;border-radius:10px;background:#72a1b5;margin-top:5px;grid-column:2}
.device-switch:after{content:"";display:block;margin:2px 2px 2px auto;width:6px;height:6px;border-radius:50%;background:#fff}
.application-note{font-size:10px!important;color:#69818e;margin-top:10px!important;animation:product-reveal .5s 4s both}
.app-breadcrumb{font-size:10px;color:#7c929e;margin-bottom:12px}.app-breadcrumb span{margin:0 6px}
.ticket-card{background:#fff;border:1px solid #d1dfe7;border-radius:6px;padding:12px;margin-bottom:13px;animation:product-reveal .6s .2s both}
.ticket-card h3{font-size:14px;margin-bottom:5px}.ticket-card p{font-size:11px;color:#69818d}
.ticket-origin{display:block;font-size:9px;color:#8b9ea8;margin-top:9px}
.ai-explanation{display:flex;align-items:center;gap:9px}.ai-explanation>span{background:#ffe2c5;padding:10px;border-radius:7px}.ai-explanation>span svg{width:23px;height:23px;color:#bd641f}
.classification{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.classification>span{font-size:8px;border-radius:4px;padding:5px 7px;background:#fff7ef;color:#9c816a;border:1px solid #edd7c4}
.classification .recommended{background:#e98538;color:white;border-color:#e98538;animation:product-reveal .5s 2.2s both}
.classification svg{width:11px;height:11px}
.approval-example{margin-top:14px;display:flex;gap:6px;align-items:center;color:#5d7888;font-size:9px;flex-wrap:wrap;animation:product-reveal .5s 3s both}
.approval-example>svg{width:13px;height:13px}.mock-action{margin-left:auto;background:#1d526d;color:white;padding:7px 9px;border-radius:4px;font-size:9px}
.portal-website{position:relative;height:calc(100% - 69px);background:#fff}
.portal-menu{display:flex;align-items:center;gap:14px;padding:11px 13px;border-bottom:1px solid #e1e9ed;font-size:8px;color:#7190a0}
.portal-menu b{font-size:11px;color:#24516a;margin-right:auto}
.portal-page{padding:26px 16px;max-width:48%}
.portal-page h3{font-size:23px;line-height:1.15;margin:9px 0 12px;color:#244e67}
.portal-page>p{font-size:10px;color:#7893a2;margin-bottom:20px}
.web-service{border:1px solid #d9e7ed;padding:9px 7px;margin-top:7px;border-radius:5px;display:flex;align-items:center;gap:5px;font-size:9px;color:#5b7d90}
.web-service svg{width:13px;height:13px}.web-service>span{margin-left:auto}
.embedded-agent{position:absolute;right:12px;top:53px;bottom:12px;width:57%;background:white;border:1px solid #e5ac80;border-radius:10px;box-shadow:0 8px 28px #24415b28;display:flex;flex-direction:column;overflow:hidden;animation:widget-arrival .7s .2s both}
.agent-widget-header{background:#173d54;color:white;padding:11px 10px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600}
.agent-widget-header>svg{color:#f3a36b;width:17px;height:17px}.agent-indicator{width:5px;height:5px;background:#e99b60;border-radius:50%;margin-left:auto}
.agent-widget-body{padding:10px;flex:1;min-height:0}
.visitor-message{background:#eef3f7;border-radius:7px 7px 0 7px;padding:8px 10px;margin-left:15px;margin-bottom:11px;animation:product-reveal .6s .7s both}
.visitor-message>span{font-size:7px;letter-spacing:.06em;color:#7b92a0}.visitor-message>p{font-size:11px;color:#365569}
.agent-reply{padding:9px;animation-delay:1.7s}.agent-reply .ai-label{font-size:7px;gap:4px}.agent-reply .ai-label>svg{display:none}.agent-reply p{font-size:11px}
.answer-source{display:flex;gap:4px;font-size:9px;color:#a45b24;border-top:1px solid #e9c7a9;padding-top:7px;margin-top:7px}
.answer-source svg{width:12px;height:12px}.widget-composer{border-top:1px solid #e4eaf0;margin-top:auto;display:flex;justify-content:space-between;padding:10px;color:#8a9da8;font-size:10px}.widget-composer>span{background:#e98538;color:#fff;width:18px;height:18px;text-align:center;border-radius:50%}
.dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}
.dashboard-metrics>div{position:relative;padding:12px;background:white;border:1px solid #cfdee6;border-radius:6px;min-height:96px}
.dashboard-metrics>div>svg{float:right;color:#83a0b1}.dashboard-metrics span{font-size:10px;display:block;color:#6a8595}.dashboard-metrics strong{font-size:18px;color:#327288;display:block}.dashboard-metrics .needs-review{color:#bc702d}.dashboard-metrics p{font-size:9px;margin-top:6px;color:#7b8f9a}
.mini-chart{display:flex;gap:5px;height:22px;align-items:end;margin-top:7px}.mini-chart>i{flex:1;background:#76a6bc;border-radius:2px 2px 0 0;animation:chart-grow 1s .3s both;transform-origin:bottom}
.dashboard-question{border-left:2px solid #a4c1d0;margin-bottom:12px;padding:0 10px;animation:product-reveal .6s .4s both}.dashboard-question p{font-size:12px}
.file-import{display:flex;align-items:center;gap:10px;border:1px solid #cbdce5;border-radius:5px;background:#fff;padding:10px}.file-import>svg{width:25px;height:25px;color:#507f9b}.file-import>div{flex:1}.file-import strong{display:block;font-size:11px}.file-import span{font-size:9px;color:#6e8898}
.automation-strip{background:#e3eff6;border:1px solid #bed4e2;border-radius:6px;padding:11px;margin:12px 0;animation:product-reveal .6s 1s both}
.system-label-demo{font-size:8px;color:#386c8a;font-weight:700;letter-spacing:.025em;display:flex;align-items:center;gap:5px}.system-label-demo svg{width:14px;height:14px}
.automation-flow{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#608195;margin-top:7px}.automation-flow b{color:#4186ac;animation:flow-signal 1.5s infinite}
.weekly-calendar{border:1px solid #cfdee8;border-radius:6px;background:#fff;overflow:hidden}
.week-heading{padding:9px 10px;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:8px}.week-heading>span{font-size:8px;color:#849ba9}
.week-days{margin-left:36px;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;padding:5px 0;border-top:1px solid #e5edf2;font-size:9px;color:#7692a3}
.week-grid{height:124px;position:relative;margin-left:36px;background:repeating-linear-gradient(90deg,#e6edf2 0 1px,transparent 1px 20%),repeating-linear-gradient(0deg,transparent 0 40px,#e6edf2 40px 41px)}
.grid-time{position:absolute;left:-30px;font-size:8px;color:#8b9fae}.time-a{top:9px}.time-b{top:71px}
.schedule-block{position:absolute;left:2%;width:57%;background:#dcecf5;border-left:3px solid #588dab;border-radius:3px;padding:6px 7px;color:#36677e;animation:appointment-arrival .65s 2s both}.schedule-block svg{float:right;width:12px;height:12px}.schedule-block strong{display:block;font-size:10px}.schedule-block small{font-size:8px;color:#6e90a2}.meeting{top:5px}.training{top:66px;left:23%;animation-delay:2.9s}
.request-status>div:last-child{display:flex;align-items:center;gap:8px;font-size:10px;background:#fff;padding:11px 10px;border:1px solid #d5e1e9;border-radius:5px}.request-status strong{margin-right:auto}.old-status{color:#96a8b2;text-decoration:line-through;white-space:nowrap}.new-status{color:#397e94;background:#e2f1f5;padding:4px 7px;border-radius:4px;animation:product-reveal .5s .4s both}
.mail-client{border:1px solid #c9dce7;border-radius:6px;background:#fff;overflow:hidden}.mail-client-title{display:flex;align-items:center;gap:7px;font-size:11px;padding:10px 12px;background:#eef4f8;border-bottom:1px solid #dce7ed}.inbox-count{margin-left:auto;font-size:8px;color:#397793;animation:product-reveal .5s 2s both}
.received-email{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#e9f2f8;animation:appointment-arrival .6s 2s both}.mail-dot{width:5px;height:5px;border-radius:50%;background:#4387ad}.received-email strong{display:block;font-size:11px}.received-email div>span{font-size:9px;color:#7894a4}.received-email time{font-size:8px;margin-left:auto;color:#8aa0ad}
.email-content{padding:11px 16px;font-size:11px;color:#698392;animation:product-reveal .5s 2.5s both}.email-content p+p{margin-top:6px}.email-link{display:inline-block;margin-top:9px;color:#347b9c;border-bottom:1px solid #b9d6e4}
.paused .ai-pulse,.paused .voice-wave i,.paused .automation-flow b{animation-play-state:paused}
@keyframes product-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes ai-arrival{0%{opacity:0;transform:translateY(9px);box-shadow:0 0 0 0 #f28c4555}60%{opacity:1;box-shadow:0 0 0 7px #f28c451a}100%{opacity:1;transform:none;box-shadow:0 4px 14px #e98a3c18}}
@keyframes widget-arrival{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@keyframes appointment-arrival{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
@keyframes voice-wave{to{transform:scaleY(.4)}}
@keyframes ai-beacon{50%{box-shadow:0 0 0 6px #eb843710}}
@keyframes chart-grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@keyframes flow-signal{50%{opacity:.35}}
@media(max-width:1150px) and (min-width:901px){.workspace-label{display:none}.product-toolbar{padding:0 12px}.office-app,.ticket-app,.systems-app,.calendar-product-app,.messages-product-app{padding:12px}.office-device{padding:10px 6px}.portal-page h3{font-size:20px}.portal-menu{gap:9px}.classification>span{padding:4px}.approval-example{font-size:8px}.ai-label{font-size:7px}}
@media(max-width:650px){
  .showcase .scene-container{height:465px;padding:12px 8px}
  .product-toolbar{padding:0 11px}.product-wordmark{font-size:11px}.workspace-label{display:none}
  .office-app,.ticket-app,.systems-app,.calendar-product-app,.messages-product-app{padding:13px}
  .product-window h3{font-size:16px}.voice-request p{font-size:12px;padding-right:30px}.voice-wave{right:8px;gap:2px}
  .office-device{padding:10px 7px;grid-template-columns:17px 1fr}.office-device>svg{width:15px;height:15px}.office-device strong{font-size:10px}
  .ai-label{font-size:7px;letter-spacing:.01em}.ai-panel{padding:10px}.ai-panel p{font-size:11px}.ai-explanation{gap:6px}.ai-explanation>span{padding:7px}
  .classification{gap:3px}.classification>span{padding:5px;font-size:7px}.approval-example{font-size:9px;gap:5px}.mock-action{margin-left:18px}
  .portal-menu{gap:9px;padding:10px;font-size:7px}.portal-menu b{font-size:10px}
  .portal-page{padding:21px 10px;max-width:43%}.portal-page h3{font-size:19px}.portal-page .app-eyebrow{font-size:6px}.portal-page p{font-size:9px}.web-service{font-size:8px;gap:3px;padding:8px 4px}.web-service>svg{display:none}
  .embedded-agent{width:63%;right:8px;top:57px;bottom:14px}.agent-widget-header{font-size:10px;padding:10px 8px;gap:4px}.agent-widget-header svg{width:14px}
  .agent-widget-body{padding:8px}.visitor-message{margin-left:9px;padding:7px 8px;margin-bottom:10px}.visitor-message p{font-size:10px}.agent-reply{padding:8px}.agent-reply .ai-label{font-size:6px;gap:3px}.agent-reply .ai-label strong{font-size:8px}.agent-reply p{font-size:10px;line-height:1.55}.ai-pulse{width:4px;height:4px}
  .answer-source{font-size:8px}.widget-composer{font-size:9px}
  .sample-tag{font-size:7px;padding:4px}.systems-app h3{font-size:15px}.dashboard-metrics strong{font-size:17px}
  .request-status>div:last-child{gap:5px;font-size:9px;padding:10px 7px}.new-status{padding:3px 5px}.system-label-demo{font-size:7px}
}
.calendar-product-app,.messages-product-app{padding:12px 17px}
.week-grid{height:113px}
.email-content{padding:8px 16px}
@media(max-width:650px){
  .ticket-card{padding:10px;margin-bottom:10px}
  .ticket-card h3{font-size:14px}
  .triage-ai .ai-explanation p{font-size:10px}
  .triage-ai .classification{margin-top:7px}
  .ticket-app .app-breadcrumb{margin-bottom:8px}
  .approval-example{margin-top:10px;font-size:8px}
  .approval-example .mock-action{margin:0 0 0 auto;font-size:8px;padding:6px}
  .calendar-product-app,.messages-product-app{padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){.product-demo,.product-demo *{animation:none!important;transition:none!important}}

/* v007: the application is the visual itself, without an outer presentation box. */
.showcase{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.showcase .scene-container{height:430px;padding:0}
.showcase .scene-caption{padding:23px 0 0;border:0;background:none;min-height:120px}
.scene-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:9px}
.scene-meta .eyebrow{margin:0}
.scene-meta .demo-tag{font-size:8px;color:#8babb7;letter-spacing:.03em}
@media(max-width:650px){
  .showcase .scene-container{height:445px;padding:0}
  .showcase .scene-caption{padding:20px 0 0;min-height:145px}
  .scene-meta{gap:9px}
  .scene-meta .demo-tag{font-size:7px}
}

/* Commercial offer: four needs, with a concrete service and a clear benefit. */
.org-app{padding:18px}
.org-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.org-heading h3{font-size:18px}.org-heading>span{font-size:8px;color:#8195a1;white-space:nowrap}
.org-intro{font-size:11px;color:#6c8797;margin-top:6px!important}
.org-questions{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 15px}
.org-questions button{background:#fff;border:1px solid #cbdae3;border-radius:5px;padding:7px 9px;font-size:9px;color:#41677b;line-height:1.3}
.org-questions button[aria-pressed="true"]{border-color:#d18144;background:#fff0e2;color:#945222}
.org-human{padding:10px 12px;border-radius:6px;background:#fff;border:1px solid #d4e0e7;margin-bottom:12px;animation:product-reveal .4s both}
.org-human p{font-size:12px;line-height:1.5;color:#294f66}
.org-answer{animation-delay:.55s}.org-answer p{font-size:12px}
.org-detail{font-size:10px;color:#8a6140;margin-top:9px;padding-top:8px;border-top:1px solid #eccdb1;line-height:1.6}
.org-source{display:flex;align-items:center;gap:4px;font-size:8px;color:#967150;margin-top:8px}.org-source svg{width:12px;height:12px}
.org-scope{display:flex;gap:5px;align-items:center;color:#7892a0;font-size:9px;margin-top:11px}.org-scope svg{width:12px;height:12px}
@media(max-width:650px){.org-app{padding:12px}.org-heading{flex-wrap:wrap;gap:3px}.org-heading h3{font-size:17px}.org-heading>span{font-size:7px}.org-intro{font-size:10px}.org-questions{gap:4px;margin:11px 0}.org-questions button{font-size:8px;padding:7px}.org-human p{font-size:11px}.org-human{padding:9px}.org-answer p{font-size:11px}.org-detail{font-size:9px}.org-scope{font-size:8px}.org-answer .ai-label{font-size:6px}}
.hero h1{font-size:clamp(38px,3.8vw,58px);line-height:1.12;letter-spacing:-.05em}
.hero-description{font-size:17px;max-width:470px}
.hero-actions .button{gap:20px}
.slider-controls{padding-bottom:42px}
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.offer-card{padding:32px 35px;background:#fff;border:1px solid #dbdfe0;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.offer-card:first-child{background:#edf3f5;border-color:#cbdbe1}
.offer-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;margin-bottom:25px}
.offer-top .card-number{font-size:9px;letter-spacing:.09em;color:#657c86}
.offer-top>[data-icon]{display:flex;background:#f8e6d7;border:1px solid #efd5bd;border-radius:10px;padding:11px;color:#b86c32}
.offer-card h3{font-size:29px;line-height:1.2;letter-spacing:-.035em;color:#173747;margin-bottom:18px}
.offer-card>p{font-size:14px;line-height:1.8;color:#536e7d;max-width:460px;margin-bottom:24px}
.offer-result{margin-top:auto;border-top:1px solid #dce4e7;padding-top:17px;width:100%;margin-bottom:24px}
.offer-result span{display:block;font-size:8px;letter-spacing:.12em;color:#8b7968;margin-bottom:5px}
.offer-result strong{font-size:13px;font-weight:500;line-height:1.6;display:block;color:#214b60}
.offer-card .text-link{font-size:12px;color:#224d62}
.spaces-extra{display:flex;gap:20px;align-items:center;margin-top:27px;padding:23px 0 0;border-top:1px solid #d7dfe2;color:#385766}
.spaces-extra>[data-icon]{display:flex;color:#a9754f}
.spaces-extra>div{flex:1}.spaces-extra strong{font-size:14px;font-weight:500}.spaces-extra p{font-size:12px;color:#68818d;margin-top:4px}.spaces-extra a{font-size:12px;flex-shrink:0}
.practice-note{max-width:880px}
@media(max-width:1150px){.hero h1{font-size:42px}.offer-card{padding:27px}.offer-card h3{font-size:26px}.slide-tab{font-size:9px}}
@media(max-width:900px){.hero h1{font-size:56px}.hero-copy{max-width:730px}.hero-description{max-width:570px}.slide-tabs{row-gap:16px}.offer-card h3{font-size:24px}}
@media(max-width:650px){
  .hero h1{font-size:clamp(32px,8.7vw,46px);letter-spacing:-.045em}
  .hero-description{font-size:15px}.hero-actions .button{font-size:12px}
  .offer-grid{grid-template-columns:1fr;gap:17px}.offer-card{padding:25px}.offer-card h3{font-size:27px}.offer-card>p{font-size:13px}.offer-top{margin-bottom:20px}
  .spaces-extra{flex-wrap:wrap;gap:12px}.spaces-extra>div{flex-basis:80%}.spaces-extra>a{margin-left:36px}
  .slide-tab{font-size:9px;line-height:1.5}.slider-controls{padding-bottom:30px}
}