/* A compact editorial introduction, then an interactive product sample.
   All samples are native UI: no video, new artwork or live network requests. */
#detail-dialog[data-service=true]{background:#f4f8fb;color:#122c40}
#detail-dialog[data-service=true] .detail-title{font-size:clamp(26px,6.6vw,36px);line-height:1.4;letter-spacing:-.025em;margin:10px 0 18px}
#detail-dialog[data-service=true] .detail-logo{display:block;width:auto;max-width:210px;height:auto;max-height:42px;margin:0 0 18px;object-fit:contain}
#detail-dialog[data-service=true] .service-wordmark{font-size:27px;line-height:1.3;margin:0 0 18px}
#detail-dialog[data-service=true] .detail-copy{font-size:1rem;line-height:1.85;margin:16px 0}
.service-proof.compact-proof{margin:22px 0;padding:18px 0 0;border-color:#bdced9}
.service-proof.compact-proof h3{font-size:.875rem;font-weight:500;margin:0 0 12px;color:#365269}
.compact-proof .proof-inline{margin:0 0 14px;font-size:.875rem;line-height:1.7;color:#365269}
.proof-inline strong{font-size:1.125rem;color:#14394b}.proof-inline span{display:inline-block}
.compact-proof .customer-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.compact-proof .customer-logos img{border:1px solid #e2eaf0;border-radius:3px}
.compact-proof .proof-source{margin:10px 0 0}.compact-proof .proof-source a{font-size:.8125rem}
.compact-proof .proof-source span{font-size:.75rem;display:inline;margin-left:10px}
.customer-stories{display:flex;gap:10px;flex-wrap:wrap}
.customer-stories .detail-link{display:inline-flex;gap:10px;align-items:center;font-size:.875rem;line-height:1.7;margin:0;padding:10px 0;border:0;border-bottom:1px solid #a0b9c8}
.compact-proof .ai-case-note{font-size:.8125rem;line-height:1.7;margin:8px 0 0}
.service-price-note{font-size:.875rem;line-height:1.8;color:#42617b;margin:22px 0}
.ai-capabilities{margin:32px 0;color:#193d52;text-align:left}
.ai-capabilities .ai-scope-label{font:600 .8125rem/1.5 var(--display);letter-spacing:.12em;color:#23688a;margin:0 0 9px}
.ai-capabilities>h3{font:600 1.375rem/1.6 var(--font);letter-spacing:-.02em;margin:0 0 14px;color:#133448}
.ai-capabilities .ai-scope-intro{font:400 1rem/1.9 var(--font);color:#42617b;margin:0 0 24px}
.ai-scope-list{list-style:none;padding:0;margin:0;border-top:1px solid #bacdda}
.ai-scope-list>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:20px 0;border-bottom:1px solid #cfdee8}
.ai-scope-number{font:500 1rem/1.8 var(--display);color:#247b9c;letter-spacing:.04em}
.ai-scope-list h4{font:600 1rem/1.75 var(--font);color:#153b50;letter-spacing:0;margin:0 0 7px}
.ai-scope-list p{font:400 1rem/1.9 var(--font);color:#42617b;margin:0;overflow-wrap:anywhere}
.ai-capabilities .ai-scope-note{font:400 .875rem/1.9 var(--font);color:#526d80;margin:20px 0 0}
.ai-scope-fallback{list-style:none;padding:0;margin:24px 0;color:#c2dbd6}
.ai-scope-fallback li{padding:14px 0;border-bottom:1px solid #446075;font:400 1rem/1.9 var(--font)}
.ai-scope-fallback strong{display:block;color:#e7f6ff;font-weight:600;margin-bottom:4px}
@media(max-width:600px){.ai-scope-list>li{grid-template-columns:24px minmax(0,1fr);gap:10px;padding:18px 0}.ai-capabilities>h3{font-size:1.25rem}}
.service-trial{--trial-ink:#133448;--trial-muted:#486577;--trial-line:#c7d8e3;color:var(--trial-ink);background:#fff;border:1px solid var(--trial-line);border-radius:12px;overflow:hidden;margin:28px 0;padding:24px;isolation:isolate;text-align:left;box-shadow:0 8px 24px #12384b06}
.trial-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.trial-heading p{font:600 .875rem/1.4 var(--display);letter-spacing:.1em;margin:0;color:#23688a}
.trial-heading>span{font-size:.75rem;line-height:1.6;color:var(--trial-muted)}
.service-trial>h3{font-size:1.25rem;line-height:1.65;letter-spacing:-.02em;margin:0 0 9px;color:var(--trial-ink)}
.trial-instruction{font-size:.875rem;line-height:1.8;color:var(--trial-muted);margin:0 0 20px}
.trial-steps{display:flex;gap:0;align-items:stretch;border-bottom:1px solid var(--trial-line);margin:0 0 18px}
.trial-steps button{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:10px 5px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#486577;font:500 .875rem/1.5 var(--font);touch-action:manipulation}
.trial-steps button small{font:500 .75rem/1.4 var(--display);letter-spacing:.05em;color:inherit}
.trial-steps button[aria-pressed=true]{border-bottom-color:#087eb1;color:#075d84;background:#edf8fd}
#detail-dialog[data-service=true] .trial-steps button:hover{color:#075d84;background:#edf8fd}
.trial-steps button:focus-visible{outline:3px solid #087eb1;outline-offset:3px;z-index:1}
.trial-stage{min-width:0;overflow-wrap:anywhere}
.trial-transcript{background:#082d42;color:#f2faff;padding:22px 20px;border-radius:5px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.trial-transcript>span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font:500 .875rem/1.5 var(--display);letter-spacing:.03em;color:#97d5ec}
.trial-transcript i{font:.75rem/1.6 var(--font);font-style:normal;color:#bfd9e5}
.trial-transcript blockquote{font:600 clamp(18px,4.5vw,24px)/1.65 var(--font);margin:0;padding:0;border:0;letter-spacing:-.02em}
.trial-insight{padding:20px 0 0}
.trial-insight>p:first-child{color:#23688a;font-size:.75rem;line-height:1.6;letter-spacing:.03em;margin:0 0 8px}
.trial-insight h4{font-size:1.0625rem;line-height:1.7;color:var(--trial-ink);margin:0 0 9px}
.trial-insight>p:last-child{font-size:1rem;line-height:1.85;color:#3e5c70;margin:0}
.trial-disclaimer{margin:20px 0 0;padding-top:14px;border-top:1px solid #dfE8ee;color:#577080;font-size:.75rem;line-height:1.8}
.trial-line{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #d8e4ed}
.trial-line>span{font-size:.75rem;line-height:1.85;color:#4f7184}.trial-line strong{font-size:.875rem;font-weight:500;line-height:1.8;color:#153b50}
.trial-stage>.trial-line{margin-top:14px}
.trial-filter{font-size:.875rem;color:#265a71;margin:0 0 9px;padding:12px 14px;background:#edf8fc;border-left:2px solid #1684af}
.trial-letter{padding:4px 0 18px;border-bottom:1px solid #c7d8e3}.trial-letter p{font-size:1rem;line-height:1.9;margin:0 0 14px;color:#2e5063}.trial-letter small{font-size:.8125rem;line-height:1.7;color:#557588}
.trial-sns-path{display:flex;align-items:stretch;gap:6px;margin:0 0 18px}
.trial-sns-path span{flex:1;padding:9px 2px;text-align:center;border-bottom:2px solid #d4e2eb;font-size:.8125rem;color:#547086;line-height:1.7}
.trial-sns-path .is-current{color:#066c92;border-color:#087eb1;font-weight:600}
.trial-shop{display:flex;align-items:center;gap:12px;text-align:left;min-width:0}
.trial-shop img{display:block;width:44px;height:44px;object-fit:contain;flex:none;background:#000;border-radius:6px}
.trial-shop>div{min-width:0}.trial-shop strong{font-size:.875rem;line-height:1.7;color:#17364d}.trial-shop p{font-size:.8125rem;color:#47667a;line-height:1.7;margin:3px 0 0}
.trial-creative{margin:0;background:#02070b;border-radius:6px;overflow:hidden}
.trial-creative img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain}
.trial-creative p{font-size:.8125rem;line-height:1.8;color:#d8eaf2;margin:0;padding:14px;border-top:1px solid #254351;text-align:center}
.service-followup .connection-art,.service-followup .reaction-number{display:none}
.service-followup .connection-heading{margin-bottom:14px}
.service-followup .connection-reaction{box-shadow:none;border:1px solid #7193a3;border-radius:5px;background:transparent;min-height:68px;flex-basis:180px;color:inherit}
.service-followup .connection-reaction:hover:not(:disabled){transform:none;box-shadow:none;background:#daeef51a}
#detail-dialog[data-service=true] .service-followup{color:#193d52;border-color:#bdced9;margin-top:24px}
#detail-dialog[data-service=true] .service-followup h3{color:#193d52;font-size:1.0625rem}
#detail-dialog[data-service=true] .service-followup .connection-eyebrow{color:#366783;font-size:.75rem}
#detail-dialog[data-service=true] .service-followup .connection-reaction{color:#193d52;background:#fff;border-color:#b2c9d7}
#detail-dialog[data-service=true] .service-followup .connection-reaction[aria-pressed=true]{background:#d8f1ee;border-color:#43837f}
#detail-dialog[data-service=true] .service-followup :is(.connection-identity,.connection-change,.connection-next p,.connection-next a,.reaction-state){color:#42627a}
#detail-dialog[data-service=true] .service-followup :is(.connection-status,.service-need-saved){color:#156260}
#detail-dialog[data-service=true] .service-followup .connection-status.is-error{color:#a43131}
.service-followup .connection-identity{font-size:.8125rem}
.service-trial button{cursor:pointer}
@media(max-width:600px){
 #detail-dialog[data-service=true]{padding-inline:22px}
 .service-trial{padding:18px 16px;margin-top:24px;border-radius:8px}
 .trial-heading{gap:5px}.trial-heading p{font-size:.8125rem}
 .trial-transcript{padding:18px 16px;min-height:155px}
 .compact-proof .customer-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .trial-line{grid-template-columns:70px minmax(0,1fr);gap:9px}
 .service-followup .connection-reaction{flex-basis:100%;min-height:66px}
}
@media(forced-colors:active){.service-trial,.trial-steps button,.trial-transcript{color:CanvasText;background:Canvas;border:1px solid CanvasText}.trial-steps button[aria-pressed=true]{outline:2px solid Highlight}.trial-line strong,.trial-insight h4,.trial-insight p{color:CanvasText}}