/* Equal product demonstrations and factual commercial emphasis. */
.mal-landing{--mal-acid:#dfff63}
.mal-main>.mal-hero{padding-top:44px;padding-bottom:64px;background:#0b2032}
.mal-hero::before{display:none}
.mal-hero .mal-hero-grid{display:block}
.mal-hero .mal-hero-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 64px;padding:0;margin-bottom:44px}
.mal-landing .mal-hero h1{grid-row:1/3;max-width:18ch;font-size:clamp(44px,4.4vw,68px);line-height:1.04;letter-spacing:-.035em;margin:0}
.mal-hero h1 em{color:#b7dce7}
.mal-hero .mal-lead{max-width:55ch;font-size:17px;line-height:1.65;margin:4px 0 0}
.mal-hero .mal-hero-actions{margin:0;gap:20px;align-self:start;align-items:center;flex-wrap:wrap}
.mal-hero .mal-primary{min-height:52px}
.mal-hero-actions .mal-text-action{font-size:15px}
.mal-hero-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mal-hero .mal-product-scene{min-width:0;max-width:none;width:auto;margin:0;border:1px solid #3b5365;border-radius:24px;padding:28px;box-shadow:0 18px 50px #0002;background:#153247}
.mal-scene-heading{min-height:90px;margin-bottom:20px}
.mal-scene-heading>span{display:block;font-size:13px;line-height:1.4;color:#b7dce7;margin-bottom:10px}
.mal-landing .mal-scene-heading h2{font-size:clamp(23px,2.2vw,30px);font-weight:550;line-height:1.18;letter-spacing:-.015em;max-width:23ch;margin:0;color:#edf8fa}
.mal-hero .mal-hero-preview{background:linear-gradient(145deg,#1c3e53,#102c40)}
.mal-hero .picked-phone .scene-heading,.mal-hero .picked-phone .scene-side-label,.mal-hero .picked-phone .scene-halo,.mal-hero .picked-phone .scene-frame::after{display:none}
.mal-hero .picked-phone .scene-frame{height:auto;min-height:0;padding:8px 0 24px;perspective:none}
.mal-hero .picked-phone .phone{width:260px;max-width:100%;scale:1;margin:0;transform:rotate(-3deg);animation:none;box-shadow:12px 20px 28px #0003}
.mal-hero .picked-phone .product-add{min-height:44px}
.mal-hero .mal-scene-benefit{margin:12px auto 0;max-width:44ch;text-align:left;font-size:14px;line-height:1.55;color:#c0d5df;padding:0}
.mal-voice-scene{display:flex;flex-direction:column}
.mal-conversation{display:flex;flex-direction:column;gap:18px;flex:1;min-width:0;padding:6px 0 20px}
.mal-scene-label{font-size:12px;color:#afc9d7;line-height:1.5;margin:0}
.mal-message{padding:19px 22px;border-radius:18px;max-width:91%}
.mal-message>span{display:block;font-size:12px;color:#bdd1de;margin-bottom:9px}
.mal-message p{font-size:18px;line-height:1.45;margin:0;text-wrap:pretty}
.mal-message-customer{align-self:flex-end;background:#345063;border-bottom-right-radius:5px}
.mal-message-assistant{align-self:flex-start;background:#0b2336;border:1px solid #486273;border-bottom-left-radius:5px}
.mal-speech-wave{display:block;width:200px;max-width:100%;height:40px;color:#b7dce7;margin:8px 0 14px}
.mal-inquiry-card{display:flex;gap:16px;align-items:center;margin-top:auto;background:#edf8fa;color:#102a3d;padding:20px;border-radius:14px;box-shadow:0 9px 25px #0002}
.mal-inquiry-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#dfff63;border-radius:8px}
.mal-inquiry-icon svg{width:24px;height:24px}
.mal-inquiry-card strong{font-size:18px;font-weight:600;line-height:1.3}
.mal-inquiry-card p{font-size:14px;line-height:1.5;margin:7px 0 0;color:#3d5868}
.mal-scene-action{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:12px 20px;border-radius:8px;color:#0b2438;background:#dfff63;font-size:16px;font-weight:600;text-decoration:none}
.mal-scene-action:hover{background:#eaff95}
.mal-scene-action:focus-visible{outline:3px solid #edf8fa;outline-offset:4px}
.mal-hero .mal-scene-footnote{font-size:13px;color:#afc9d7;text-align:left;line-height:1.5;margin:12px 0 0}
.mal-main>.mal-workflow{padding-block:76px;background:#0b2032}
.mal-workflow .mal-section-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.mal-workflow .mal-section-intro p{margin:0}
.mal-workflow .mal-workflow-modules{gap:0 40px}
.mal-workflow .mal-workflow-modules li{border:0;border-radius:0;border-top:1px solid #405566;background:transparent;padding:28px 0;grid-template-columns:minmax(0,1fr) 104px;min-height:210px}
.mal-workflow .mal-workflow-number{font-size:36px;color:#9cb9ca;line-height:1;margin-bottom:18px;letter-spacing:-.04em}
.mal-workflow .mal-workflow-art{width:104px;height:110px}
.mal-main>.mal-voice{background:#1d3e52;padding-block:72px;border:0;gap:40px 64px}
.mal-voice .mal-voice-trigger{min-height:260px;border-radius:24px;background:#0b2336;border-color:#627e8f;box-shadow:0 20px 40px #0002}
.mal-voice .mal-voice-trigger>span:last-child{color:#dfff63}
.mal-voice .mal-voice-result{padding:28px;border:0;border-radius:18px;background:#edf8fa;color:#102a3d;gap:24px 40px}
.mal-voice .mal-voice-result h3{color:#102a3d}
.mal-voice .mal-voice-result p,.mal-voice .mal-voice-result dt{color:#405d6d}
.mal-voice .mal-voice-result dd{color:#102a3d}
.mal-voice .mal-voice-result dl>div{border-color:#c0d5df}
.mal-main>.mal-works{background:#edf8fa;padding-block:72px}
.mal-works .mal-case-evidence{grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);gap:64px;align-items:center}
.mal-works .mal-case-screen{max-width:300px;border:0;border-radius:18px;box-shadow:0 20px 44px #0b203224}
.mal-works .mal-case-steps>div{padding-block:24px}
.mal-main>.mal-industries{padding-block:56px}
.mal-main>.mal-roles{background:#d9e8ed;padding-block:64px}
.mal-roles .mal-start-steps li>span{font-size:40px;font-weight:500;line-height:1;letter-spacing:-.04em}
.mal-main>.editorial-pricing{padding-block:76px;background:#0b2032}
.editorial-pricing .pricing-grid{gap:24px;margin-top:36px}
.editorial-pricing .launch-card,.editorial-pricing .support-card{background:#18374b;color:#edf8fa;border:1px solid #547083;border-radius:22px;padding:32px}
.editorial-pricing .price-card-top,.editorial-pricing .launch-card .price-card-top{grid-template-columns:minmax(0,1fr) 104px;min-height:104px}
.editorial-pricing .price-card-heading h3{color:#edf8fa;font-size:25px}
.editorial-pricing .price-card-heading>span{background:transparent;color:#b7dce7;border:0;padding:0}
.editorial-pricing .price{color:#dfff63}
.editorial-pricing .launch-card .price>strong,.editorial-pricing .support-card .price>strong{font-size:clamp(60px,5.3vw,78px);line-height:1;letter-spacing:-.045em;font-weight:500}
.editorial-pricing .price>span{font-size:14px;color:#bdd1de}
.editorial-pricing .launch-card .editorial-monthly,.editorial-pricing .support-card .editorial-monthly{color:#edf8fa;font-size:17px}
.editorial-pricing .pricing-grid ul{color:#d6e5ec;font-size:16px;gap:14px;margin:28px 0}
.editorial-pricing .pricing-grid li svg{color:#bdd1de}
.editorial-pricing .pricing-grid .button{background:#dfff63;color:#102a3d;border:0;min-height:54px;border-radius:8px}
.editorial-pricing .pricing-grid .button>i{background:#102a3d;color:#dfff63}
.editorial-pricing .pricing-grid .text-link{color:#c8dfe9;font-size:14px}
.mal-offer-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:48px 0 32px;padding:36px 0;border-block:1px solid #405566}
.mal-offer-facts article{min-width:0}
.mal-fact-value{display:block;font-size:clamp(44px,4vw,58px);line-height:1;letter-spacing:-.05em;font-weight:500;color:#dfff63;margin-bottom:20px}
.mal-fact-value>span{font-size:.55em}
.mal-offer-facts h3{color:#edf8fa;font-size:20px;line-height:1.3;margin:0 0 12px;max-width:25ch}
.editorial-pricing .mal-offer-facts p{margin:0;color:#bdd1de;font-size:14px;font-weight:400;line-height:1.6}
.mal-main>.mal-cabinet{background:#142f43;padding-block:60px}
.mal-header .mal-header-action>.mal-header-prototype{background:#dfff63;color:#102a3d}
@media(min-width:1500px){.mal-hero .mal-hero-copy{gap:24px 90px}}
@media(max-width:1000px){
.mal-hero .mal-hero-copy{gap:24px 32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mal-landing .mal-hero h1{font-size:48px}
.mal-hero .mal-hero-actions{grid-column:1/-1}
.mal-hero .mal-product-scene{padding:24px}
.mal-workflow .mal-section-intro{grid-template-columns:1fr;gap:20px}
.mal-works .mal-case-evidence{gap:32px}
}
@media(max-width:760px){
.mal-main>.mal-hero{padding-top:32px;padding-bottom:40px}
.mal-hero .mal-hero-copy{display:block;margin-bottom:32px}
.mal-landing .mal-hero h1{font-size:clamp(36px,7.5vw,54px);max-width:19ch;margin:0}
.mal-hero .mal-lead{font-size:16px;margin-top:20px;max-width:58ch}
.mal-hero .mal-hero-actions{margin-top:24px;gap:16px}
.mal-hero-showcase{grid-template-columns:1fr;gap:20px}
.mal-hero .mal-product-scene{padding:24px;border-radius:18px}
.mal-scene-heading{min-height:0;margin-bottom:20px}
.mal-landing .mal-scene-heading h2{font-size:26px;max-width:23ch}
.mal-hero .picked-phone .phone{width:250px;transform:rotate(-2deg)}
.mal-message p{font-size:17px}
.mal-conversation{gap:16px;padding-bottom:22px}
.mal-inquiry-card{margin-top:4px}
.mal-main>.mal-workflow,.mal-main>.mal-voice,.mal-main>.mal-works,.mal-main>.mal-roles,.mal-main>.editorial-pricing{padding-block:44px}
.mal-workflow .mal-workflow-modules{grid-template-columns:1fr}
.mal-workflow .mal-workflow-modules li{min-height:0;grid-template-columns:minmax(0,1fr) 72px;padding-block:24px}
.mal-workflow .mal-workflow-art{width:72px;height:90px}
.mal-workflow .mal-workflow-number{font-size:30px;margin-bottom:12px}
.mal-workflow .mal-workflow-modules h3{font-size:22px}
.mal-workflow .mal-workflow-modules p{font-size:15px}
.mal-voice .mal-voice-result{padding:24px 20px}
.mal-works .mal-case-evidence{grid-template-columns:1fr;gap:28px}
.mal-works .mal-case-screen{width:min(260px,100%)}
.editorial-pricing .launch-card,.editorial-pricing .support-card{padding:24px}
.editorial-pricing .price-card-top,.editorial-pricing .launch-card .price-card-top{grid-template-columns:minmax(0,1fr) 88px;min-height:100px;gap:12px}
.editorial-pricing .price-card-heading h3{font-size:23px}
.editorial-pricing .launch-card .price>strong,.editorial-pricing .support-card .price>strong{font-size:60px}
.mal-offer-facts{grid-template-columns:1fr;gap:28px;padding-block:28px;margin-top:32px}
.mal-offer-facts article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px 20px}
.mal-fact-value{grid-column:1;grid-row:1/3;font-size:48px;margin:0}
.mal-offer-facts h3,.mal-offer-facts p{grid-column:2}
.mal-offer-facts h3{font-size:19px;margin:0}
}
@media(max-width:380px){
.mal-hero .mal-product-scene{padding:20px 16px}
.mal-offer-facts article{grid-template-columns:92px minmax(0,1fr);gap:8px 14px}
.mal-fact-value{font-size:44px}
.editorial-pricing .launch-card,.editorial-pricing .support-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){.mal-hero-showcase *{animation:none!important;transition:none!important}}

/* Explicit placement prevents older tablet art ordering from narrowing the copy. */
.mal-workflow .mal-workflow-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
.mal-workflow .mal-workflow-modules>li:nth-child(n){grid-column:auto;grid-template-columns:minmax(0,1fr) 104px}
.mal-workflow .mal-workflow-copy{grid-column:1;grid-row:1}
.mal-workflow .mal-workflow-art{grid-column:2;grid-row:1}
.mal-workflow .mal-workflow-modules>li::before{display:none}
@media(max-width:760px){
 .mal-workflow .mal-workflow-modules{grid-template-columns:minmax(0,1fr)}
 .mal-workflow .mal-workflow-modules>li:nth-child(n){grid-template-columns:minmax(0,1fr) 72px}
}

.mal-hero .mal-product-scene{justify-self:stretch}

html[lang="de"] .mal-hero h1{hyphens:auto;overflow-wrap:anywhere}

/* Native disclosure examples: no microphone, network submission or private data. */
.mal-main>.mal-voice{align-items:start}
.mal-voice .mal-voice-demo{align-self:start;text-align:left}
.mal-voice .mal-voice-demo .mal-scene-action{display:inline-flex;gap:24px}
.mal-voice .mal-voice-demo>p{text-align:left;max-width:44ch}
.mal-voice-examples{grid-column:1/-1;min-width:0}
.mal-example-notice{font-size:14px;line-height:1.6;color:#bdd1de;margin:0 0 20px}
.mal-business-example{border-top:1px solid #627b8a}
.mal-business-example:last-child{border-bottom:1px solid #627b8a}
.mal-business-example>summary,.mal-example-output>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;font-size:19px;font-weight:550;padding:16px 0}
.mal-business-example>summary::-webkit-details-marker,.mal-example-output>summary::-webkit-details-marker{display:none}
.mal-business-example>summary:focus-visible,.mal-example-output>summary:focus-visible{outline:2px solid #dfff63;outline-offset:3px}
.mal-business-example[open]>summary>span{rotate:180deg}
.mal-example-body{padding:8px 0 28px}
.mal-example-turns{display:grid;gap:12px;margin-bottom:20px;max-width:78ch}
.mal-example-turns p{font-size:16px;line-height:1.6;margin:0;padding:14px 18px;background:#294b60;border-radius:10px}
.mal-example-turns p:nth-child(2){background:#0c293c}
.mal-example-turns p>span{display:block;font-size:12px;color:#b8d3e0;margin-bottom:5px}
.mal-example-output{padding:0 22px;background:#edf8fa;color:#102a3d;border-radius:12px;max-width:78ch}
.mal-example-output>summary{font-size:16px;min-height:56px}
.mal-example-output dl{margin:0}
.mal-example-output dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid #c3d6df;font-size:15px;line-height:1.5}
.mal-example-output dt{color:#476270}.mal-example-output dd{margin:0;overflow-wrap:anywhere}
.mal-example-next{font-size:14px;line-height:1.6;margin:0;padding:14px 0 20px;color:#3d5b6c}
.mal-cabinet details>summary.mal-cabinet-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;margin:0;min-height:48px}
.mal-cabinet details>summary::-webkit-details-marker{display:none}
.mal-cabinet details>summary h2{margin:0}
.mal-cabinet details>summary>span{font-size:26px;color:#b7dce7}
.mal-cabinet details[open]>summary>span{rotate:45deg}
.mal-cabinet details>summary:focus-visible{outline:2px solid #dfff63;outline-offset:6px}
.mal-cabinet details>p{color:#bdd1de;line-height:1.6}
.mal-cabinet details .mal-feature-grid{margin-top:24px}
@media(max-width:760px){.mal-example-output{padding-inline:16px}.mal-example-output dl>div{grid-template-columns:80px minmax(0,1fr);gap:12px}.mal-business-example>summary{font-size:18px}}

@media(min-width:901px){.mal-example-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.mal-example-turns{margin-bottom:0;max-width:none}.mal-example-output{max-width:none}.mal-example-output dl>div{grid-template-columns:90px minmax(0,1fr)}}

.mal-workflow .mal-growth{grid-template-columns:minmax(0,1fr)}
.editorial-pricing>p.editorial-included{max-width:76ch;margin:22px 0 0;font-size:15px;line-height:1.6;color:#bdd1de}

/* 100-site visual study, 29 Sep 2026.
   Object hierarchy only: approved card/phone/type dimensions stay above.
   Independently authored CSS; no React UI library runtime is installed. */
.mal-hero .mal-product-scene{
  position:relative;isolation:isolate;
  background:linear-gradient(155deg,#173247 0%,#102536 68%);
  border-color:#385365;
  box-shadow:inset 0 1px 0 #bedceb18,0 18px 50px #0002;
}
.mal-hero .mal-hero-preview{
  background:radial-gradient(ellipse at 50% 48%,#29485d 0%,#152e41 48%,#102536 85%);
}
.mal-hero .mal-voice-scene{
  background:linear-gradient(160deg,#173247 0%,#102536 75%);
}
.mal-scene-heading>span{color:#c5dae5;letter-spacing:.035em}
.mal-hero .picked-phone .phone{
  box-shadow:0 1px 0 #fff9,inset 0 0 0 1px #e5edf399,12px 20px 28px #0003;
}
.mal-hero .picked-phone .scene-frame{isolation:isolate}
.mal-hero .picked-phone .scene-frame::before{
  content:"";position:absolute;z-index:-1;inset:15% 5% 10%;
  border:1px solid #b7dce714;border-radius:50%;transform:rotate(-22deg);pointer-events:none;
}
.mal-message-customer{
  background:#294255;border-radius:18px 18px 4px 18px;
  box-shadow:inset 0 1px 0 #d6ecf210;
}
.mal-message-assistant{
  background:transparent;border-color:transparent;
  border-radius:0;box-shadow:inset 2px 0 0 #a5c8d5;
}
.mal-message>span{color:#c5d9e4}
.mal-speech-wave{color:#dfff63;filter:drop-shadow(0 4px 8px #0002)}
.mal-speech-wave .instrument-case{fill:#0a1927;stroke:#4d6a7d;stroke-width:1}
.mal-speech-wave .instrument-mic{fill:#cde6eb;stroke:none}
.mal-speech-wave .instrument-rule{stroke:#577284;stroke-width:1}
.mal-inquiry-card{
  position:relative;background:#f1f4ef;border-radius:4px 14px 14px 4px;
  box-shadow:inset 3px 0 0 #dfff63,0 9px 25px #0002;
}
.mal-inquiry-icon{background:transparent;border-radius:0;color:#365144}
.mal-inquiry-card strong{color:#102a3d}
.mal-scene-action,.editorial-pricing .pricing-grid .button{
  box-shadow:inset 0 1px 0 #ffffff80,0 3px 0 #071b2829;
}
.mal-scene-action:hover,.editorial-pricing .pricing-grid .button:hover{
  box-shadow:inset 0 1px 0 #ffffffb3,0 5px 14px #0002;
}
.mal-main>.mal-workflow{background:#0b2032}
.mal-workflow .mal-workflow-modules li{border-color:#344e60}
.mal-workflow .mal-workflow-number{color:#9db8c9;font-variant-numeric:tabular-nums}
.mal-workflow .mal-workflow-art svg{filter:drop-shadow(0 8px 10px #0002)}
.mal-workflow .mal-workflow-art .ui-shell{fill:#122b3d;stroke:#7593a4;stroke-width:1}
.mal-workflow .mal-workflow-art .ui-paper{fill:#e6eef0;stroke:#fff;stroke-width:.7}
.mal-workflow .mal-workflow-art .ui-ink{fill:none;stroke:#4b6572;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mal-workflow .mal-workflow-art .ui-muted{fill:#aec5ce}
.mal-workflow .mal-workflow-art .ui-action{fill:#dfff63}
.mal-workflow .mal-workflow-art .ui-link{fill:none;stroke:#92b6c8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mal-workflow .mal-growth{border-color:#344e60}
.mal-main>.mal-voice{background:#112b3e}
.mal-business-example{border-color:#436071}
.mal-business-example:last-child{border-color:#436071}
.mal-business-example[open]>summary{
  color:#dfff63;background:linear-gradient(90deg,#bad6e70a,transparent 70%);
}
.mal-example-turns p{
  background:#203d51;border-radius:14px 14px 4px 14px;
  box-shadow:inset 0 1px 0 #bedceb0d;
}
.mal-example-turns p:nth-child(2){
  background:transparent;border-radius:0;
  box-shadow:inset 2px 0 0 #9fbdcd;
}
.mal-example-turns p>span{color:#bdd3df}
.mal-example-output{
  position:relative;background:#f1f4ef;border-radius:4px 14px 14px 4px;
  box-shadow:inset 3px 0 0 #dfff63,0 16px 32px #0002;
}
.mal-example-output>summary{color:#102a3d}
.mal-example-output>summary>span{color:#426475;transition:rotate 180ms ease}
.mal-example-output[open]>summary>span{rotate:90deg}
.mal-example-output dl>div{border-color:#cbd8d9}
.mal-example-output dd{color:#142f40}
.mal-example-output dt{color:#4a606a}
.mal-example-next{color:#3d5864}
.mal-main>.mal-works{background:#ecf0ed}
.mal-works .mal-case-screen{
  background:#fafbf7;outline:1px solid #fff;outline-offset:5px;
  box-shadow:10px 18px 0 #b1c3c433,0 20px 44px #0b203224;
}
.mal-works .mal-case-steps>div{border-color:#bbcdd1}
.mal-industry-grid .mal-industry{
  background:transparent;border-color:#355263;
  box-shadow:inset 0 1px 0 #b7dce707;
}
.mal-main>.mal-roles{background:#e3ebea}
.mal-start-steps li{position:relative}
.mal-roles .mal-start-steps li>span{font-variant-numeric:tabular-nums}
.mal-main>.editorial-pricing{background:#0b2032}
.editorial-pricing .launch-card,.editorial-pricing .support-card{
  background:linear-gradient(160deg,#172f41,#102536);
  border-color:#496273;
  box-shadow:inset 0 2px 0 #a9c8d566,0 16px 40px #0002;
}
.editorial-pricing .price{color:#f0f5f2}
.editorial-pricing .price-card-heading>span{color:#b9d3df}
.editorial-pricing .price-card-top .vj-service-art{filter:drop-shadow(0 8px 10px #0002)}
.editorial-pricing .pricing-grid li svg{color:#bcd7e2}
.editorial-pricing>p.editorial-included{color:#c6d8e0}
.editorial-pricing .mal-offer-facts{border-color:#3c5668}
.editorial-pricing .mal-fact-value{color:#c6e3e8;font-variant-numeric:tabular-nums}
.editorial-pricing .editorial-support{border-color:#3c5668}
@media(prefers-reduced-motion:no-preference){
  .mal-example-output[open] dl{animation:mal-record-enter 220ms ease-out both}
  @keyframes mal-record-enter{from{transform:translateY(5px)}to{transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
  .mal-example-output>summary>span{transition:none}
}

/* Voice demonstration: one product surface with selectable scenarios. */
.mal-main>#agencyVoice{background:#0b2032;gap:24px 48px}
#agencyVoice .mal-voice-copy>p{max-width:48ch}
#agencyVoice .mal-voice-demo{align-self:center}
#agencyVoice .mal-voice-examples{margin-top:8px}
.mal-voice-console{overflow:hidden;border:1px solid #496575;border-radius:20px;background:#102b3d;box-shadow:0 24px 60px #0002}
.mal-console-heading{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#091e2d;border-bottom:1px solid #395367;color:#dbeaf0;font-size:14px}
.mal-console-heading>svg:first-child{width:22px;height:26px;color:#dfff63;flex:none}
.mal-console-heading .mal-console-signal{width:112px;height:28px;margin-left:auto;color:#b7dce7}
.mal-voice-console>[role=group]{display:grid;grid-template-columns:1fr 1fr}
#agencyVoice .mal-business-example{display:contents}
#agencyVoice .mal-business-example>summary{grid-row:1;padding:18px 24px;justify-content:center;border-bottom:1px solid #395367;background:#102b3d;color:#b8d0de;font-size:16px}
#agencyVoice .mal-business-example:first-child>summary{grid-column:1}
#agencyVoice .mal-business-example:last-child>summary{grid-column:2}
#agencyVoice .mal-business-example[open]>summary{background:#1c3c50;color:#f2f8f5;box-shadow:inset 0 -3px #dfff63}
#agencyVoice .mal-business-example>summary>span{display:none}
#agencyVoice .mal-example-body{grid-column:1/-1;grid-row:2;padding:32px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:center}
#agencyVoice .mal-example-turns{gap:18px;margin:0;max-width:none}
#agencyVoice .mal-example-turns p{border-radius:14px 14px 4px 14px;background:#244255;padding:16px 20px;box-shadow:none;max-width:94%;justify-self:end}
#agencyVoice .mal-example-turns p:nth-child(2){justify-self:start;border-radius:14px 14px 14px 4px;background:#0a2030;box-shadow:inset 0 0 0 1px #3d5a6c}
#agencyVoice .mal-example-turns p>span{font-size:11px;letter-spacing:.04em;color:#aec9d9;margin-bottom:8px}
#agencyVoice .mal-example-output{width:100%;max-width:none;box-sizing:border-box;background:#f1f4ef;border-radius:10px;padding:0 24px;box-shadow:0 14px 30px #0003;overflow:hidden}
#agencyVoice .mal-example-output>summary{gap:18px;padding:24px 0;min-height:250px;align-items:center;box-sizing:border-box}
#agencyVoice .mal-example-output>summary>span{rotate:none}
#agencyVoice .mal-output-prompt{display:block}
#agencyVoice .mal-output-prompt svg{display:block;width:46px;height:52px;margin-bottom:20px;color:#2b5164}
#agencyVoice .mal-output-prompt strong{display:block;font-size:19px;font-weight:550;line-height:1.35}
#agencyVoice .mal-output-prompt small{display:block;font-size:14px;font-weight:400;line-height:1.5;color:#526b75;margin-top:10px}
#agencyVoice .mal-example-output>summary>span:last-child{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#dfff63;color:#173a4d;font-size:23px}
#agencyVoice .mal-example-output[open]>summary{min-height:0;padding-block:20px}
#agencyVoice .mal-example-output[open] .mal-output-prompt svg,#agencyVoice .mal-example-output[open] .mal-output-prompt small{display:none}
#agencyVoice .mal-example-output[open] .mal-output-prompt strong{font-size:16px}
#agencyVoice .mal-example-output[open]>summary>span:last-child{rotate:90deg;background:#e0e9e5;width:28px;height:28px;font-size:18px}
#agencyVoice .mal-example-output dl>div{grid-template-columns:82px minmax(0,1fr);gap:16px;padding-block:16px}
#agencyVoice .mal-example-output dd{font-weight:500}
#agencyVoice .mal-example-next{border-top:1px solid #cbd8d9;padding-block:18px 22px;font-size:13px}
#agencyVoice .mal-example-notice{margin:16px 0 0;max-width:88ch;font-size:12px;color:#a8c2d2}
#agencyVoice summary:focus-visible{outline:2px solid #dfff63;outline-offset:-4px}
@media(max-width:760px){
 .mal-main>#agencyVoice{gap:20px}
 .mal-console-heading{padding:16px 18px}
 .mal-console-heading .mal-console-signal{width:74px}
 #agencyVoice .mal-business-example>summary{padding:16px 10px;font-size:15px}
 #agencyVoice .mal-example-body{grid-template-columns:1fr;gap:24px;padding:20px 16px}
 #agencyVoice .mal-example-turns p{font-size:15px;padding:14px 16px;max-width:95%}
 #agencyVoice .mal-example-output{padding-inline:18px}
 #agencyVoice .mal-example-output>summary{min-height:180px;padding-block:22px}
 #agencyVoice .mal-output-prompt strong{font-size:17px}
 #agencyVoice .mal-output-prompt svg{width:34px;height:40px;margin-bottom:14px}
 #agencyVoice .mal-example-output dl>div{grid-template-columns:68px minmax(0,1fr);gap:12px;font-size:14px}
}

/* Keep native details layout intact; only their scenario headers share a row. */
.mal-voice-console>[role=group]{grid-template-columns:minmax(0,1fr)}
#agencyVoice .mal-business-example{display:block;grid-area:1/1;min-width:0;border:0;pointer-events:none}
#agencyVoice .mal-business-example>summary{width:50%;box-sizing:border-box;pointer-events:auto}
#agencyVoice .mal-business-example:last-child>summary{margin-left:50%}
#agencyVoice .mal-example-body{pointer-events:auto}
#agencyVoice .mal-business-example:not([open])>.mal-example-body{display:none}

/* Keep the free preview explanation with its action, without a separate offer card. */
.editorial-pricing .editorial-prototype-note{margin:12px 0;font-size:14px;line-height:1.5;color:#bdd1de}