.ycom-agent-demo{--yd-bg:#0d1712;--yd-surface:#15251b;--yd-ink:#eef2e9;--yd-muted:#a9b6aa;--yd-line:#344a39;--yd-mint:#c4ebad;--yd-paper:#eff2e9;--yd-paper-ink:#1a3022;--yd-paper-muted:#536253;box-sizing:border-box;position:relative;isolation:isolate;background:var(--yd-bg);color:var(--yd-ink);font-family:Arial,Helvetica,sans-serif;padding:40px 34px 25px;overflow:hidden;width:100%;min-width:0;text-align:left}
.ycom-agent-demo *{box-sizing:border-box}
.ycom-agent-demo [hidden]{display:none!important}
.ycom-agent-demo button,.ycom-agent-demo textarea{font:inherit}
.ycom-agent-demo button{border:0;cursor:pointer}
.ycom-agent-demo h2,.ycom-agent-demo h3,.ycom-agent-demo h4,.ycom-agent-demo p{margin:0}
.ycom-agent-demo .yd-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}
.ycom-agent-demo .yd-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.18em;color:#c6d0c4;margin-bottom:20px;font-weight:500}
.ycom-agent-demo h2{font-size:clamp(32px,4.7vw,49px);line-height:1.06;font-weight:400;letter-spacing:-.055em}
.ycom-agent-demo h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;color:#e2ecd9}
.ycom-agent-demo .yd-intro{font-size:12px;line-height:1.75;max-width:215px;color:var(--yd-muted);padding-bottom:3px}
.ycom-agent-demo .yd-demo-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 26px;flex-wrap:wrap}
.ycom-agent-demo .yd-scenarios{display:flex;align-items:center;gap:5px;background:#18271d;padding:4px;border-radius:40px}
.ycom-agent-demo .yd-scenarios button{background:transparent;color:#bdcbbb;border-radius:30px;padding:9px 15px;font-size:11px;min-height:36px;transition:background .2s,color .2s}
.ycom-agent-demo .yd-scenarios button[aria-pressed="true"]{background:var(--yd-mint);color:#19311f}
.ycom-agent-demo .yd-demo-label{font-size:10px;letter-spacing:.015em;color:#a7bd9e;display:flex;align-items:center;gap:6px}
.ycom-agent-demo .yd-demo-label::before{content:"";width:5px;height:5px;border-radius:50%;background:#b7dc9f}
.ycom-agent-demo .yd-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0 0 24px;gap:0}
.ycom-agent-demo .yd-steps li{position:relative;display:flex;align-items:center;gap:7px;font-size:10px;color:#8da18f;line-height:1.45;min-width:0;padding-right:8px}
.ycom-agent-demo .yd-steps li::after{content:"";position:absolute;left:0;bottom:-12px;height:2px;width:calc(100% - 8px);background:#2c4030;transition:background .5s}
.ycom-agent-demo .yd-step-num{font-size:10px;letter-spacing:.03em;border:1px solid #3a503e;width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;transition:color .35s,background .35s,border-color .35s}
.ycom-agent-demo .yd-steps [data-state="active"]{color:#e6efd9}
.ycom-agent-demo .yd-steps [data-state="active"] .yd-step-num{border-color:#c4ebad;color:var(--yd-bg);background:var(--yd-mint);box-shadow:0 0 22px #b7ec8c25}
.ycom-agent-demo .yd-steps [data-state="active"]::after,.ycom-agent-demo .yd-steps [data-state="done"]::after{background:#a4ca8e}
.ycom-agent-demo .yd-steps [data-state="done"] .yd-step-num{border-color:#73976a;background:#2c452f;color:#c4ebad}
.ycom-agent-demo .yd-playground{display:grid;grid-template-columns:.94fr 1.06fr;gap:23px;align-items:stretch;margin-top:14px}
.ycom-agent-demo .yd-visual{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;padding-bottom:12px}
.ycom-agent-demo .yd-art-scene{position:relative;width:calc(100% + 40px);margin:0 -20px 13px;aspect-ratio:1.5;isolation:isolate}
.ycom-agent-demo .yd-art{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:saturate(.82) brightness(.9);transition:filter .6s,transform .8s;transform-origin:50% 50%}
.ycom-agent-demo .yd-core-glow{position:absolute;left:33%;top:31%;width:33%;height:41%;border-radius:50%;background:radial-gradient(ellipse,#b8ff9f60 0%,#68e18318 45%,transparent 72%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.ycom-agent-demo .yd-signals{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ycom-agent-demo .yd-wire{fill:none;stroke:#dbffc3;stroke-width:4;stroke-linecap:round;stroke-dasharray:12 100;stroke-dashoffset:112;opacity:0;filter:drop-shadow(0 0 5px #9eff8a)}
.ycom-agent-demo .yd-image-caption{position:absolute;bottom:7%;font-size:9px;letter-spacing:.04em;color:#c2d0be;text-align:center;transform:translateX(-50%);white-space:nowrap}
.ycom-agent-demo .yd-caption-customer{left:16%}.ycom-agent-demo .yd-caption-agent{left:50%}.ycom-agent-demo .yd-caption-human{left:83%}
.ycom-agent-demo .yd-visual-copy{text-align:center;padding:0 4px}
.ycom-agent-demo .yd-visual-copy h3{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:22px;line-height:1.2;font-weight:400;letter-spacing:-.025em;color:#e1ecd7}
.ycom-agent-demo .yd-visual-copy p{font-size:11px;color:var(--yd-muted);line-height:1.65;margin-top:8px;min-height:36px}
.ycom-agent-demo .yd-facts{display:grid;gap:7px;margin-top:18px;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s;min-height:90px}
.ycom-agent-demo .yd-fact{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#18291d;border-left:2px solid #8fbf79;padding:9px 11px;min-width:0;font-size:10px}
.ycom-agent-demo .yd-fact-label{color:#b0bfae;flex:none}
.ycom-agent-demo .yd-fact strong{font-weight:400;color:#e3f0d9;text-align:right;overflow-wrap:anywhere}
.ycom-agent-demo .yd-control-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;line-height:1.6;color:#95aa95;margin-top:20px}
.ycom-agent-demo .yd-control-note>span:first-child{border:1px solid #42613e;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b9dfa8;flex:none}
.ycom-agent-demo .yd-control-note strong{font-weight:400;color:#c8d9c2}
.ycom-agent-demo .yd-workbench{min-width:0;min-height:399px;background:var(--yd-paper);color:var(--yd-paper-ink);border-radius:12px;box-shadow:0 16px 45px #0003;overflow:hidden;align-self:start;position:relative}
.ycom-agent-demo .yd-workbench-top{padding:15px 19px;border-bottom:1px solid #d8e1d1;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.06em;color:#58704f}
.ycom-agent-demo .yd-state{font-size:10px;letter-spacing:0;display:flex;align-items:center;gap:6px;white-space:nowrap}
.ycom-agent-demo .yd-state::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#5b8250}
.ycom-agent-demo .yd-panel{padding:22px 21px 20px;min-width:0}
.ycom-agent-demo .yd-person{display:flex;gap:10px;align-items:center;margin-bottom:23px;min-width:0}
.ycom-agent-demo .yd-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-family:Georgia,'Times New Roman',serif;font-size:14px;background:#dce6d4;color:#385433}
.ycom-agent-demo .yd-person>div{min-width:0;flex:1}
.ycom-agent-demo .yd-person p{font-size:10px;margin-top:4px;overflow-wrap:anywhere;line-height:1.5}
.ycom-agent-demo .yd-kicker{font-size:9px;letter-spacing:.12em;line-height:1.7;color:#59734f;display:block}
.ycom-agent-demo .yd-new{font-size:9px;padding:4px 7px;border-radius:20px;background:#d8e8ce;color:#3c6033}
.ycom-agent-demo .yd-panel h3{font-family:Arial,Helvetica,sans-serif;font-size:24px;line-height:1.18;letter-spacing:-.04em;font-weight:400;margin:7px 0 16px;color:#183021}
.ycom-agent-demo .yd-message{font-size:14px;line-height:1.8;color:#3b4d3f}
.ycom-agent-demo mark{background:#dce9cd;color:inherit;border-radius:2px;padding:1px 2px}
.ycom-agent-demo .yd-message-foot{display:flex;justify-content:space-between;border-top:1px solid #d7e0ce;padding-top:15px;margin-top:24px;color:#617355;font-size:10px}
.ycom-agent-demo .yd-message-foot>span:last-child{font-size:18px;line-height:10px}
.ycom-agent-demo .yd-sources{display:grid;gap:12px;margin-top:17px}
.ycom-agent-demo .yd-source{padding-left:12px;border-left:2px solid #9cb989}
.ycom-agent-demo .yd-source-kind{display:block;color:#526b47;font-size:9px;letter-spacing:.06em;margin-bottom:3px}
.ycom-agent-demo .yd-source h4{font-size:12px;font-weight:500;line-height:1.4;color:#203a26}
.ycom-agent-demo .yd-source p{font-size:11px;line-height:1.55;color:#52634c;margin-top:3px}
.ycom-agent-demo .yd-missing{display:flex;flex-direction:column;gap:4px;background:#e8e7d7;margin-top:17px;padding:10px 12px;border-radius:5px;font-size:10px;line-height:1.5;color:#655c3e}
.ycom-agent-demo .yd-missing>span:first-child{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#706440}
.ycom-agent-demo .yd-draft-preview{padding:14px;background:#e5ecdc;border-radius:7px;margin-top:20px;margin-bottom:18px;position:relative;overflow:hidden}
.ycom-agent-demo .yd-document-label{font-size:10px;color:#5f7851;display:block;margin-bottom:9px}
.ycom-agent-demo .yd-draft-preview p{font-size:12px;line-height:1.8;white-space:pre-wrap;color:#344a31}
.ycom-agent-demo .yd-checkline{font-size:10px;line-height:1.7;display:flex;gap:7px;align-items:center;margin-top:8px;color:#516d43}
.ycom-agent-demo .yd-checkline>span{color:#477237}
.ycom-agent-demo .yd-editor-label{display:block;font-size:10px;line-height:1.5;color:#54694a;margin-bottom:8px}
.ycom-agent-demo textarea{width:100%;display:block;min-height:170px;resize:vertical;border:1px solid #bfcdb4;border-radius:6px;background:#fbfcf7;color:#263c2b;padding:12px;font-size:12px;line-height:1.7;box-shadow:inset 0 1px 3px #25372105}
.ycom-agent-demo textarea:focus{outline:2px solid #5d8750;outline-offset:2px}
.ycom-agent-demo .yd-error{font-size:10px;color:#984925;margin-top:6px;line-height:1.5}
.ycom-agent-demo .yd-crm-details{margin:13px 0;color:#3c5934}
.ycom-agent-demo summary{font-size:10px;line-height:1.6;list-style:none;display:flex;justify-content:space-between;gap:9px;padding:7px 0;cursor:pointer}
.ycom-agent-demo summary::-webkit-details-marker{display:none}
.ycom-agent-demo summary>span{font-size:15px}
.ycom-agent-demo .yd-crm-details dl{margin:3px 0 10px;padding:10px;background:#e0e9d7;display:grid;gap:8px;border-radius:5px}
.ycom-agent-demo .yd-crm-details dl>div{display:grid;grid-template-columns:55px 1fr;gap:8px;font-size:10px;line-height:1.5}
.ycom-agent-demo .yd-crm-details dt{color:#58714c}.ycom-agent-demo .yd-crm-details dd{margin:0;color:#2c4828}
.ycom-agent-demo .yd-approve{background:#244e34;color:#f2f7e9;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 15px;border-radius:6px;font-size:12px;min-height:44px;transition:background .2s}
.ycom-agent-demo .yd-approve:hover{background:#315f40}
.ycom-agent-demo .yd-approve:disabled{opacity:.45}
.ycom-agent-demo .yd-no-send{font-size:9px;line-height:1.6;color:#53654b;text-align:center;margin-top:10px}
.ycom-agent-demo .yd-result-panel{padding-top:18px}
.ycom-agent-demo .yd-result-mark{float:right;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d5e8c7;color:#3f7432;font-size:21px;margin-left:8px}
.ycom-agent-demo .yd-outcomes{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}
.ycom-agent-demo .yd-outcomes li{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;color:#3c5633}
.ycom-agent-demo .yd-tick{font-size:12px;color:#447c35;flex:none}
.ycom-agent-demo .yd-next-task{padding:13px;background:#dde9d4;border-radius:7px}
.ycom-agent-demo .yd-next-task>span{font-size:9px;letter-spacing:.1em;color:#47643c}
.ycom-agent-demo .yd-next-task p{font-size:12px;line-height:1.6;margin-top:6px;color:#35502e}
.ycom-agent-demo .yd-result-message{font-size:11px;line-height:1.8;white-space:pre-wrap;color:#385033;padding:8px 0}
.ycom-agent-demo .yd-demo-footer{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:0;margin:0 0 26px;border:0;flex-wrap:nowrap}
.ycom-agent-demo .yd-actions{display:flex;gap:14px;align-items:center;flex-wrap:nowrap;flex-shrink:0}
.ycom-agent-demo .yd-play{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--yd-mint);color:#1c3521;padding:13px 17px;min-height:44px;font-size:11px;border-radius:5px;transition:background .2s,transform .2s}
.ycom-agent-demo .yd-play:hover{background:#d9f3c7;transform:translateY(-1px)}
.ycom-agent-demo .yd-reset{background:transparent;color:#bbceb0;font-size:10px;padding:12px 0;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.ycom-agent-demo .yd-footer-note{font-size:10px;line-height:1.6;color:#a9bda1;text-align:left;max-width:none;min-width:0}
.ycom-agent-demo .yd-no-script{font-size:12px;line-height:1.6;color:#c4d3bd;margin-top:20px}
.ycom-agent-demo button:focus-visible,.ycom-agent-demo summary:focus-visible{outline:2px solid #88ab74;outline-offset:4px}
.ycom-agent-demo[data-stage="1"] .yd-art,.ycom-agent-demo[data-stage="2"] .yd-art{filter:saturate(1) brightness(1.15);transform:scale(1.025)}
.ycom-agent-demo[data-running="true"] .yd-core-glow{animation:yd-breathe 2s ease-in-out infinite}
.ycom-agent-demo[data-running="true"][data-stage="0"] .yd-incoming,.ycom-agent-demo[data-running="true"][data-stage="1"] .yd-incoming{opacity:1;animation:yd-signal 1.4s linear infinite}
.ycom-agent-demo[data-running="true"][data-stage="2"] .yd-outgoing{opacity:1;animation:yd-signal 1.4s linear infinite}
.ycom-agent-demo[data-running="true"] .yd-state::before{animation:yd-breathe 1.4s ease-in-out infinite}
.ycom-agent-demo:not([data-stage="0"]) .yd-facts{opacity:1;transform:translateY(0)}
.ycom-agent-demo[data-stage="1"] .yd-fact,.ycom-agent-demo[data-stage="1"] .yd-source{animation:yd-appear .45s both;animation-delay:var(--delay)}
.ycom-agent-demo[data-stage="2"] .yd-draft-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff9 50%,transparent 75%);transform:translateX(-100%);animation:yd-scan 1.5s ease-out forwards;pointer-events:none}
.ycom-agent-demo[data-stage="4"] .yd-result-mark{animation:yd-confirm .45s ease-out}
.ycom-agent-demo[data-running="false"] .yd-art-scene *,.ycom-agent-demo[data-running="false"] .yd-source,.ycom-agent-demo[data-running="false"] .yd-fact,.ycom-agent-demo[data-running="false"] .yd-draft-preview::after{animation-play-state:paused}
@keyframes yd-signal{from{stroke-dashoffset:112}to{stroke-dashoffset:0}}
@keyframes yd-breathe{0%,100%{opacity:.3}50%{opacity:.95}}
@keyframes yd-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes yd-scan{to{transform:translateX(100%)}}
@keyframes yd-confirm{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
@media(min-width:1000px){.ycom-agent-demo{padding:50px 5.5% 32px}.ycom-agent-demo .yd-playground{gap:38px;grid-template-columns:1fr 1fr}.ycom-agent-demo .yd-visual-copy h3{font-size:27px}.ycom-agent-demo .yd-art-scene{margin-top:-15px;margin-bottom:0}.ycom-agent-demo .yd-panel{padding:25px 28px}.ycom-agent-demo .yd-message{font-size:15px}.ycom-agent-demo .yd-intro{font-size:14px;max-width:290px}.ycom-agent-demo .yd-workbench{min-height:460px}.ycom-agent-demo .yd-steps li{font-size:12px}.ycom-agent-demo .yd-source p,.ycom-agent-demo .yd-draft-preview p,.ycom-agent-demo textarea{font-size:13px}}
@media(max-width:620px){.ycom-agent-demo{padding:30px 21px 22px}.ycom-agent-demo .yd-heading{display:block;margin-bottom:20px}.ycom-agent-demo h2{font-size:40px}.ycom-agent-demo .yd-eyebrow{font-size:9px;margin-bottom:16px}.ycom-agent-demo .yd-intro{margin-top:18px;max-width:100%;font-size:12px;line-height:1.65}.ycom-agent-demo .yd-intro br{display:none}.ycom-agent-demo .yd-demo-bar{margin:22px 0 23px;gap:12px}.ycom-agent-demo .yd-demo-label{font-size:9px}.ycom-agent-demo .yd-scenarios button{min-height:40px;padding:9px 15px}.ycom-agent-demo .yd-steps{gap:7px;padding-bottom:22px}.ycom-agent-demo .yd-steps li{display:block;font-size:9px;padding-right:0}.ycom-agent-demo .yd-step-num{margin-bottom:6px;width:23px;height:23px;font-size:9px}.ycom-agent-demo .yd-steps li::after{width:100%}.ycom-agent-demo .yd-playground{grid-template-columns:1fr;gap:20px;margin-top:10px}.ycom-agent-demo .yd-visual{display:grid;grid-template-columns:1fr;align-items:center;padding:0}.ycom-agent-demo .yd-art-scene{width:100%;max-width:410px;justify-self:center;margin:-15px 0 -10px;aspect-ratio:2.15;overflow:hidden}.ycom-agent-demo .yd-art{object-fit:cover;object-position:50% 50%}.ycom-agent-demo .yd-signals{top:-21.7%;height:143.3%}.ycom-agent-demo .yd-image-caption{bottom:0%;font-size:9px}.ycom-agent-demo .yd-core-glow{top:20%;height:60%}.ycom-agent-demo .yd-visual-copy{padding-top:10px}.ycom-agent-demo .yd-visual-copy h3{font-size:23px}.ycom-agent-demo .yd-visual-copy p{min-height:0;font-size:11px;margin-top:5px}.ycom-agent-demo .yd-facts{display:none}.ycom-agent-demo .yd-control-note{display:none}.ycom-agent-demo .yd-workbench{min-height:0}.ycom-agent-demo .yd-panel{padding:22px}.ycom-agent-demo .yd-panel h3{font-size:25px}.ycom-agent-demo .yd-message{font-size:14px}.ycom-agent-demo .yd-person p{font-size:11px}.ycom-agent-demo .yd-kicker{font-size:10px}.ycom-agent-demo .yd-source p{font-size:12px}.ycom-agent-demo .yd-source h4{font-size:13px}.ycom-agent-demo .yd-source-kind{font-size:10px}.ycom-agent-demo .yd-missing{font-size:11px}.ycom-agent-demo .yd-draft-preview p{font-size:13px}.ycom-agent-demo textarea{font-size:16px;min-height:210px;line-height:1.6}.ycom-agent-demo .yd-editor-label{font-size:11px}.ycom-agent-demo summary{font-size:11px;min-height:40px;align-items:center}.ycom-agent-demo .yd-crm-details dl>div{font-size:11px}.ycom-agent-demo .yd-approve{font-size:12px;min-height:46px}.ycom-agent-demo .yd-no-send{font-size:10px}.ycom-agent-demo .yd-demo-footer{margin:0 0 24px;align-items:center;flex-direction:row;gap:10px}.ycom-agent-demo .yd-footer-note{max-width:100%;text-align:left;font-size:10px}.ycom-agent-demo .yd-actions{gap:8px}.ycom-agent-demo .yd-play{font-size:10px;padding:11px 10px;white-space:nowrap}.ycom-agent-demo .yd-reset{font-size:9px;white-space:nowrap}.ycom-agent-demo .yd-outcomes li{font-size:12px}.ycom-agent-demo .yd-result-message{font-size:12px}}
@media(max-width:360px){.ycom-agent-demo{padding-left:16px;padding-right:16px}.ycom-agent-demo h2{font-size:35px}.ycom-agent-demo .yd-scenarios button{padding:9px 12px}.ycom-agent-demo .yd-steps li{font-size:9px}.ycom-agent-demo .yd-panel{padding:19px 17px}.ycom-agent-demo .yd-visual-copy h3{font-size:21px}.ycom-agent-demo .yd-image-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ycom-agent-demo *,.ycom-agent-demo *::before,.ycom-agent-demo *::after{animation:none!important;transition:none!important}.ycom-agent-demo .yd-wire,.ycom-agent-demo .yd-core-glow{opacity:0!important}}

.ycom-agent-demo .yd-review-sources{margin:8px 0 16px}.ycom-agent-demo .yd-image-caption{font-size:11px}.ycom-agent-demo .yd-art{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
@media(max-width:620px){.ycom-agent-demo .yd-image-caption{font-size:11px}}
@media(max-width:360px){.ycom-agent-demo .yd-image-caption{font-size:10px}}

.ycom-agent-demo .yd-steps li{font-size:11px}.ycom-agent-demo .yd-missing{font-size:11px}

/* Local WordPress theme integration; retain the supplied full-width design. */
.agent-demo-section .ycom-agent-demo{font-family:inherit;padding:90px var(--gutter,34px) 48px}
.ycom-agent-demo:not([data-ready="true"]) .yd-actions,.ycom-agent-demo:not([data-ready="true"]) .yd-scenarios{display:none}
@media(max-width:700px){.agent-demo-section .ycom-agent-demo{padding:60px var(--gutter,24px) 32px}}

/* Keep playback, reset and guidance aligned even on a narrow phone. */
@media(max-width:360px){.ycom-agent-demo .yd-demo-footer{gap:8px}.ycom-agent-demo .yd-actions{gap:6px}.ycom-agent-demo .yd-play{font-size:9px;padding:11px 8px}.ycom-agent-demo .yd-footer-note{font-size:9px}}

/* Invite the first click without competing with the demo once it starts. */
.ycom-agent-demo[data-ready="true"][data-stage="0"][data-running="false"] [data-demo-play]{position:relative;overflow:hidden;background:linear-gradient(135deg,#e3ffd1,#bdeba1);box-shadow:inset 0 0 0 1px #efffe0,0 0 18px #b7ef8c60,0 0 36px #9bdf7220}
.ycom-agent-demo[data-ready="true"][data-stage="0"][data-running="false"] [data-demo-play]::after{content:"";position:absolute;inset:-50% auto -50% 0;width:40%;background:linear-gradient(90deg,transparent,#ffffff80,transparent);pointer-events:none;transform:translateX(-180%) skewX(-18deg);animation:yd-start-shine 3.8s ease-in-out 3}
@keyframes yd-start-shine{0%,25%{transform:translateX(-180%) skewX(-18deg);opacity:0}35%{opacity:.8}65%,100%{transform:translateX(420%) skewX(-18deg);opacity:0}}