@layer components{.preview-light{--color-page:#f5f5ef;--color-panel:#fff;--color-ink:#17241f;--color-muted:#4b5b53;--color-line:#ced5c7;--color-brand-accent:#526b22;--color-brand-light:#465d1a;--color-focus:#465d1a;color:var(--color-ink);color-scheme:light;background:#f5f5ef}.preview-light .service-card>span{background:#fff;border-color:#ced5c7}.preview-light .service-card small{color:#4b5b53}.preview-button{color:#fff;min-height:48px;transition-property:color,background-color,border-color,scale;transition-duration:var(--dur-hover);transition-timing-function:var(--ease-hover);background:#657f1c;border:1px solid #657f1c;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.preview-button:active{transition-duration:var(--dur-press);transition-timing-function:var(--ease-press);@media (prefers-reduced-motion:no-preference){scale:.97}}.preview-button:hover{color:#fff;background:#465d1a}.preview-button:focus-visible{outline-offset:4px;outline:3px solid #829b32}.training-device{filter:drop-shadow(10px 5px #75817c)drop-shadow(22px 28px 24px #0008);max-width:360px;margin-inline:auto;transform:perspective(1100px)rotateY(-9deg)rotateX(2deg)rotate(-1deg)}.training-device-screen{clip-path:inset(.7% 6.5% round 14%/8%)}.maintenance-demo{width:100%;min-width:0;max-width:400px;margin-inline:auto}.report-phone{background:linear-gradient(120deg,#a7b0b5,#263239 15%,#10191f 75%,#79868b);border:1px solid #7d878c;border-radius:46px;max-width:350px;margin:0 auto 30px;padding:9px;position:relative;transform:perspective(1400px)rotateY(7deg)rotate(1deg);box-shadow:7px 4px #59666d,12px 8px #bcc5c6,18px 28px 36px #20332726}.report-phone-screen{color:#172b3c;background:#f5f7fa;border-radius:37px;font-size:13px;line-height:1.4;position:relative;overflow:hidden}.report-phone-top{color:#fff;background:#172631;justify-content:space-between;align-items:center;padding:15px 24px 11px;font-size:13px;font-weight:600;display:flex}.report-phone-island{background:#070c10;border-radius:20px;width:86px;height:21px}.report-app-brand{color:#f1f6fa;letter-spacing:-.03em;background:#172631;padding:8px 21px 18px;font-size:22px}.report-app-brand strong{color:#3ab8ee}.report-app-brand>span{color:#adc3d1;letter-spacing:0;margin-top:3px;font-size:13px;display:block}.report-app-content{padding:20px;position:relative}.report-app-heading{color:#506776;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.report-app-heading>span:last-child{background:#e3eaf0;border-radius:5px;padding:3px 7px}.report-app-content h3{letter-spacing:-.025em;margin:9px 0 16px;font-size:23px;font-weight:700;line-height:1.2}.report-field{background:#fff;border:1px solid #d2dde4;border-radius:8px;margin-top:10px;padding:10px 12px}.report-field>span:first-child{color:#566c7a;display:block}.report-field strong{min-height:20px;margin-top:2px;font-size:14px;font-weight:600;display:block}.report-note{min-height:122px}.report-note p{min-height:58px;margin:4px 0 0;font-size:13px;line-height:1.45}.report-typing{color:#126188;margin-top:5px;font-size:13px;display:block}.report-evidence{transition:opacity var(--dur-change) var(--ease-enter);margin-top:12px}.report-evidence img{object-fit:cover;border-radius:7px;width:100%;height:110px;display:block}.report-evidence>span{color:#496675;align-items:center;gap:5px;margin-top:6px;font-size:13px;display:flex}.report-evidence svg{width:14px;height:14px}.report-recipients{transition:opacity var(--dur-change) var(--ease-enter);margin-top:14px}.report-recipients>span{color:#506776;font-size:13px}.report-recipients>div{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.report-recipients>div>span{color:#225676;background:#e0edf6;border-radius:5px;padding:5px 8px;font-size:13px}.report-send{color:#fff;background:#176e99;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:13px;font-weight:600;display:flex}.report-send svg{width:17px;height:17px}.report-notification{transition:opacity var(--dur-change) var(--ease-enter), transform var(--dur-change) var(--ease-enter);background:#f5fff6;border:1px solid #bfd5bf;border-radius:13px;align-items:flex-start;gap:10px;padding:17px;display:flex;position:absolute;inset:auto 12px 12px;box-shadow:0 6px 30px #122b3438}.report-notification>svg{color:#3d743d;flex-shrink:0;width:23px;height:23px}.report-notification strong{font-size:15px;display:block}.report-notification-detail{margin-top:3px;font-size:13px;display:block}.report-notification small{color:#51735b;margin-top:8px;font-size:13px;display:block}.report-home-indicator{background:#172631;border-radius:5px;width:100px;height:4px;margin:0 auto 10px}.maintenance-demo figcaption{text-align:center}.maintenance-progress{min-height:48px;font-size:16px;font-weight:600;line-height:1.5}.maintenance-credit{color:#526359;margin-top:7px;font-size:13px;line-height:1.5}.maintenance-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:17px;display:flex}.maintenance-controls button{color:#3c5427;border:1px solid #647755;border-radius:99px;min-height:44px;padding:9px 19px;font-size:14px;font-weight:600}[data-maintenance-demo][data-step="0"] .report-evidence,[data-maintenance-demo][data-step="0"] .report-recipients,[data-maintenance-demo][data-step="1"] .report-recipients{opacity:0;visibility:hidden}[data-maintenance-demo]:not([data-step="3"]) .report-notification{opacity:0;visibility:hidden;@media (prefers-reduced-motion:no-preference){transform:translateY(8px)}}[data-maintenance-demo]:not([data-step="0"]) .report-typing{visibility:hidden}@media (width<=600px){.report-phone{max-width:326px;transform:none}.report-app-content{padding:16px}.training-device{transform:perspective(1100px)rotateY(-5deg)}}.experience-shell{width:100%;min-width:0;max-width:1200px;margin-inline:auto}.experience-section{padding:clamp(64px,6vw,100px) max(24px,4vw);scroll-margin-top:32px}.experience-heading{font-family:var(--font-sans);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2rem,3.7vw,3.25rem);font-weight:750;line-height:1.1}.experience-section :where(h2,h3){font-family:var(--font-sans);text-transform:none}.experience-eyebrow{color:var(--color-brand-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;font-size:13px;font-weight:650;line-height:1.5}.experience-copy{color:var(--color-muted);font-size:18px;line-height:1.7}.report-step{text-align:left;color:#d9e1d2;min-height:104px;transition:background var(--dur-hover) var(--ease-hover), border-color var(--dur-hover) var(--ease-hover);background:#17261e;border:1px solid #405043;border-radius:12px;grid-template-columns:28px 1fr 20px;align-items:start;gap:14px;padding:21px;display:grid}.report-step[aria-selected=true]{color:#17241f;background:#dce5c1;border-color:#a6b76a}.report-number{padding-top:3px;font-size:14px;font-weight:600}.camera-angle{color:#465d1a;border:1px solid #bac5ac;border-radius:999px;min-height:44px;padding:10px 22px;font-size:14px;font-weight:600}.camera-angle[aria-pressed=true]{color:#fff;background:#465d1a;border-color:#465d1a}.monitor-step{color:#b8c5ac;text-align:left;border-top:3px solid #465644;min-width:0;min-height:64px;padding:12px 4px;font-size:13px;font-weight:600}.monitor-step[aria-pressed=true]{color:#f2f6e9;border-color:#a6b76a}.report-step:focus-visible,.camera-angle:focus-visible,.monitor-step:focus-visible{outline-offset:4px;outline:3px solid #829b32}@media (width<=600px){.experience-section{padding-inline:24px}.experience-copy{font-size:17px}.report-step{grid-template-columns:24px 1fr 16px;gap:10px;padding:20px 16px}}}