/* One sentence grows into something useful. Paper props, not another slideshow. */
#mimochat.service-section { display:block; position:relative; padding-top:125px; padding-bottom:72px; background:#e7ede1; }
.service-layout { display:grid; grid-template-columns:.85fr 1.35fr; align-items:center; gap:5.5%; max-width:1500px; margin:0 auto; }
#mimochat .service-copy { min-width:0; padding-bottom:20px; }
#mimochat .service-copy h2 { font-size:clamp(37px,4.5vw,70px); line-height:1.38; letter-spacing:-.055em; margin:26px 0 25px; }
#mimochat .service-intro { font-size:clamp(15px,1.4vw,20px); line-height:1.95; margin-bottom:17px; }
#mimochat .service-description { font-size:13px; line-height:2.1; color:#506654; margin-bottom:24px; }
.service-definition { display:inline-block; border-bottom:1px dashed #28463b66; padding-bottom:7px; font-size:11px!important; letter-spacing:.05em; margin-bottom:24px!important; }
.service-links { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.service-links .text-link { font-size:13px; margin:0; padding:8px 0; }
.service-links .service-origin { font-size:10px; color:#5b705d; border-bottom-color:transparent; }
.service-first { margin-top:18px; font-size:10px!important; font-family:var(--sans); letter-spacing:.025em; line-height:1.9!important; color:#5b705d; }
.service-first span { font-size:10px; }
.service-experience { --ss-accent:#efc26d; --ss-back:#fbf1d6; --ss-progress:1; min-width:0; position:relative; padding:20px 21px 15px; border:2px solid var(--ink); border-radius:28px 23px 29px 21px; background:#fff8e8; box-shadow:7px 9px 0 #28463b16; }
.service-experience[data-scene=shop] { --ss-accent:#c0cea8; --ss-back:#e8eddd; }
.service-experience[data-scene=community] { --ss-accent:#c8b6da; --ss-back:#eee7f1; }
.service-experience[data-scene=team] { --ss-accent:#99c7d0; --ss-back:#e4eff0; }
.ss-topline { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; letter-spacing:.055em; margin:1px 2px 15px; }
.ss-demo { font-size:9px; letter-spacing:.08em; color:#63715e; border:1px dashed #28463b55; border-radius:4px; padding:3px 6px; white-space:nowrap; }
.ss-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-bottom:17px; }
.ss-tabs button { display:flex; justify-content:center; align-items:center; gap:6px; min-height:41px; padding:7px 3px; border:1px solid #28463b66; border-radius:10px 13px 9px 11px; background:transparent; color:var(--ink); font:inherit; font-size:11px; cursor:pointer; transition:background .2s,box-shadow .2s,translate .2s; white-space:nowrap; }
.ss-tabs button>span { font-size:19px; font-weight:400; }
.ss-tabs button[aria-selected=true] { background:var(--ss-accent); box-shadow:2px 3px 0 #28463b; translate:0 -1px; }
.ss-tabs button:hover { background:var(--ss-accent); }
.ss-stage { background:var(--ss-back); border:1px solid #28463b26; border-radius:16px 22px 17px 20px; position:relative; overflow:hidden; padding:20px 19px 15px; transition:background .5s; }
.ss-stage::before { content:""; position:absolute; inset:0; opacity:.4; pointer-events:none; background:radial-gradient(#28463b14 .6px,transparent .9px) 0 0/8px 8px; }
.ss-incoming { position:relative; z-index:3; max-width:100%; padding:12px 16px 14px; border:1.5px solid #28463b; border-radius:12px 4px 13px 6px; background:#fffdf3; box-shadow:2px 3px 0 #28463b12; }
.ss-speaker { display:block; font-size:10px; color:#5c6d58; margin-bottom:7px; }
.ss-incoming p { font-size:15px; font-weight:550; line-height:1.7; margin:0; min-height:51px; display:flex; align-items:center; }
.ss-question-fold { position:absolute; right:9px; top:-5px; width:32px; height:10px; background:#d6d7bba3; rotate:4deg; border:1px solid #28463b22; }
.ss-theatre { position:relative; height:265px; display:grid; grid-template-columns:35% 65%; align-items:center; }
.ss-transfer { position:absolute; inset:0; width:100%; height:100%; color:#28463b55; pointer-events:none; overflow:visible; opacity:0; transition:opacity .3s; }
[data-step="1"] .ss-transfer,[data-step="2"] .ss-transfer { opacity:1; }
#ss-moving-note { filter:drop-shadow(1px 2px 0 #28463b20); }
.ss-actor { position:relative; display:flex; align-items:center; flex-direction:column; min-width:0; z-index:2; padding-top:45px; }
.ss-mimo-says { position:absolute; left:2px; right:-13px; top:0; font-size:10px; line-height:1.8; text-align:center; padding:6px 9px; border:1px solid #28463b66; border-radius:12px 14px 13px 4px; background:#fff9e9; opacity:0; translate:0 5px; transition:opacity .4s,translate .4s; }
[data-step="1"] .ss-mimo-says,[data-step="2"] .ss-mimo-says,[data-step="3"] .ss-mimo-says { opacity:1; translate:0 0; }
.ss-mimo { border:0; background:none; padding:0; margin:0; width:100%; max-width:150px; cursor:pointer; position:relative; z-index:2; }
.ss-mimo>svg,.ss-mimo-static { width:100%; height:auto; display:block; filter:drop-shadow(0 5px 0 #28463b12); transform-origin:50% 83%; }
.ss-mimo-static { max-width:150px; }
.ss-mimo:hover>svg { transform:rotate(-4deg) translateY(-3px); }
.ss-mimo-ground { width:82%; height:14px; margin-top:-10px; background:#28463b13; border-radius:50%; }
.ss-actor-caption { display:block; font-size:9px; color:#63715e; line-height:1.9; margin-top:10px; text-align:center; }
.ss-actor-caption b { font-size:10px; font-weight:500; color:var(--ink); }
[data-step="1"] .ss-mimo>svg { animation:ss-nod .85s ease-in-out both; }
.ss-artifacts { position:relative; height:245px; margin-left:12px; }
.ss-artifact { position:absolute; inset:0; isolation:isolate; }
.ss-artifact[hidden],.service-experience [hidden] { display:none!important; }
.ss-artifact { display:none; }
[data-scene=personal] .ss-personal,[data-scene=shop] .ss-shop,[data-scene=community] .ss-community,[data-scene=team] .ss-team { display:block; }
.ss-object { position:absolute; font:inherit; color:var(--ink); cursor:pointer; text-align:left; padding:0; transition:transform .5s var(--ease),box-shadow .25s; }
.ss-object:hover { box-shadow:4px 6px 0 #28463b26; }
.ss-response { position:relative; min-height:97px; padding:13px 0 0 23px; border-top:1px dashed #28463b55; }
.ss-response-mark { position:absolute; left:0; top:12px; font-size:20px; }
.ss-response p { font-size:12px; line-height:1.9; margin:0; min-height:46px; }
.ss-outcome { display:block; font-size:10px; color:#536e4b; line-height:1.8; margin-top:6px; opacity:0; translate:0 4px; transition:opacity .5s,translate .5s; }
[data-step="3"] .ss-outcome { opacity:1; translate:0 0; }
.ss-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:relative; padding-top:15px; margin:7px 0 0; }
.ss-progress { position:absolute; left:12%; right:12%; top:26px; height:1px; background:#28463b30; }.ss-progress>span { display:block; width:100%; height:2px; background:#28463b; transform:scaleX(var(--ss-progress)); transform-origin:left; transition:transform .6s; }
.ss-journey button { display:flex; align-items:center; flex-direction:column; border:0; background:none; padding:0 2px; color:#64725c; position:relative; font:inherit; cursor:pointer; }
.ss-journey button>span { display:grid; place-items:center; width:24px; height:24px; border:1px solid #28463b66; background:#fff8e8; border-radius:50%; font:9px/1 ui-monospace,monospace; transition:background .3s; }.ss-journey button>b { font-size:10px; font-weight:400; margin-top:7px; white-space:nowrap; }
.ss-journey .is-current>span,.ss-journey .is-done>span { background:var(--ss-accent); border-color:#28463b; }.ss-journey .is-current>b { color:#28463b; font-weight:650; }
.ss-controls { display:flex; justify-content:space-between; align-items:center; gap:9px; padding-top:18px; }
.ss-forward { min-height:40px; padding:8px 13px; background:#28463b; color:#fff8e8; border:1.5px solid #28463b; border-radius:9px 12px 8px 11px; font:inherit; font-size:11px; display:flex; align-items:center; gap:15px; cursor:pointer; }.ss-forward:hover { background:#3d5a47; }.ss-forward>span { font-size:16px; }
.ss-playback { display:flex; align-items:center; gap:5px; }.ss-playback button { display:grid; place-items:center; width:29px; height:32px; border:1px solid #28463b55; background:transparent; border-radius:8px 7px 9px 6px; font:inherit; font-size:13px; color:var(--ink); cursor:pointer; }.ss-playback button:hover { background:var(--ss-back); }.ss-playback>span { font-size:8px; margin-left:3px; color:#64725c; }
.ss-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.service-experience button:focus-visible { outline:3px solid #8b739e; outline-offset:4px; }
.service-afterword { display:flex; align-items:center; gap:22px; justify-content:center; margin:65px auto 0; padding-top:27px; border-top:1px dashed #28463b44; max-width:1040px; }
.ss-afterword-doodle { font-size:38px; color:#7b9270; rotate:-12deg; }.service-afterword p { margin:0; font-size:12px; line-height:2; }.service-afterword strong { font-size:16px; font-weight:550; }.service-afterword small { margin-left:auto; font-size:9px; color:#66755f; line-height:2; }
.ss-nojs { font-size:13px; line-height:2; max-width:700px; margin:25px auto; }
[data-animate=false] .ss-stage *,[data-animate=false] .ss-stage *::before,[data-animate=false] .ss-stage *::after { animation-play-state:paused!important; }
@keyframes ss-nod { 0%,100%{transform:none}30%{transform:translateY(5px) rotate(-5deg) scale(1.02,.96)}65%{transform:translateY(-4px) rotate(4deg)} }

.service-benefits{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 25px;color:#52684e;font-size:11px}
.service-benefits span::before{content:'✓ ';color:#668458}
.service-links .service-try{font-size:13px;padding:13px 18px;margin:0;gap:25px}
#mimochat .service-trial-note{font-size:10px;line-height:1.9;color:#5b705d;margin:13px 0 14px}
#mimochat .service-origin{font-size:10px;color:#5b705d;margin:0;padding:4px 0;border-bottom:1px dashed #28463b55}
.ss-artifacts{height:245px}
.ss-workcard{inset:35px 2px auto 2px;width:calc(100% - 4px);padding:14px 15px;background:#fffdf2;border:1.5px solid #28463b;border-radius:5px 13px 7px 10px;box-shadow:4px 5px 0 #28463b16;transform:rotate(-3deg) translateY(12px);transition:transform .65s var(--ease),box-shadow .3s,top .6s var(--ease)}
[data-step="3"] .ss-memory{top:0}
.ss-project{top:5px}
[data-step="2"] .ss-workcard,[data-step="3"] .ss-workcard{transform:rotate(1deg) translateY(0)}
.ss-card-label{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#64755d;font-size:9px;line-height:1.7;border-bottom:1px dashed #28463b40;padding-bottom:9px;margin-bottom:10px}
.ss-card-label i{font-style:normal;font-size:15px;color:#28463b}
.ss-workcard>strong{font-size:19px;line-height:1.6;font-weight:600;display:block}
.ss-card-state{display:block;font-size:9px;line-height:1.8;color:#406848;border-top:1px dashed #28463b40;padding-top:8px;margin-top:10px;opacity:0;transform:translateY(5px);transition:opacity .45s,transform .45s}
[data-step="2"] .ss-memory .ss-card-state,[data-step="3"] .ss-card-state{opacity:1;transform:none}
.ss-loose-note{position:absolute;left:15px;top:5px;z-index:2;padding:7px 12px;font-size:10px;border:1px solid #28463b55;background:#f5dfa0;rotate:5deg;transition:transform .8s,opacity .6s}
[data-step="2"] .ss-loose-note,[data-step="3"] .ss-loose-note{transform:translate(20px,40px) rotate(-15deg);opacity:0}
.ss-memory-fields{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 0;opacity:.25;transition:opacity .5s}
.ss-memory-fields b{font-size:10px;line-height:1.6;font-weight:400;padding:4px 7px;background:#f7e5a8;border:1px solid #28463b55;border-radius:5px 7px 4px 6px}
[data-step="1"] .ss-memory-fields,[data-step="2"] .ss-memory-fields,[data-step="3"] .ss-memory-fields{opacity:1}
.ss-recall{display:block;position:relative;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .6s,margin .6s}
.ss-recall small{display:block;font-size:9px;line-height:1.8;color:#62705c}
.ss-recall b{display:block;font-size:11px;line-height:1.8;background:#e3ebd7;border-radius:8px 3px 10px 7px;padding:7px 9px;margin-top:6px;font-weight:500}
[data-step="3"] .ss-recall{max-height:95px;opacity:1;margin-top:10px}
.ss-tool-link{position:absolute;top:6px;left:4px;right:0;text-align:center;font-size:9px;line-height:1.8;color:#5f7158}
.ss-tool-link i{display:inline-block;font-size:17px;font-style:normal;margin:0 8px}
[data-step="1"] .ss-tool-link i{animation:ss-tool-pulse 1.4s infinite}
.ss-project>strong{color:#28463b;font-size:16px}
.ss-project>strong>b{font-size:30px;font-weight:600}.ss-project>strong small{font-size:9px;margin-left:5px;font-weight:400}
.ss-project-bar{display:block;height:7px;border-radius:5px;background:#28463b18;margin:6px 0 12px;overflow:hidden}
.ss-project-bar i{display:block;width:66.666%;height:100%;background:#86a276;transform:scaleX(.03);transform-origin:left;transition:transform 1.3s var(--ease)}
[data-step="2"] .ss-project-bar i,[data-step="3"] .ss-project-bar i{transform:scaleX(1)}
.ss-project-tasks{display:block;font-size:10px;line-height:1.7;opacity:.2;transition:opacity .5s}
.ss-project-tasks>span{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #28463b16}
.ss-project-tasks i{font-size:9px;font-style:normal;color:#607554}
[data-step="2"] .ss-project-tasks,[data-step="3"] .ss-project-tasks{opacity:1}
.ss-broadcast{top:8px;padding:12px 13px}
.ss-broadcast>strong{font-size:16px}
.ss-group-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px 5px;margin-top:14px}
.ss-group{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:46px;border:1px dashed #28463b55;border-radius:6px 8px 4px 7px;background:#eee8f0;opacity:.4;transform:translateY(5px);transition:background .4s,border-color .4s,opacity .4s,transform .4s;transition-delay:calc(var(--group-index)*.07s)}
.ss-group>i{font-size:14px;font-style:normal;color:#8b739e}.ss-group>b{font-size:7px;font-weight:400;white-space:nowrap}.ss-group>em{position:absolute;top:-5px;right:-2px;display:grid;place-items:center;width:14px;height:14px;background:#50744d;color:#fff8e8;border-radius:50%;font-size:9px;font-style:normal;scale:0;transition:scale .35s;transition-delay:calc(var(--group-index)*.09s)}
[data-step="1"] .ss-group,[data-step="2"] .ss-group{opacity:1;transform:none;border-style:solid}
[data-step="2"][data-animate="true"] .ss-group{animation:ss-dispatch 1.6s calc(var(--group-index)*.1s) infinite}
[data-step="3"] .ss-group{opacity:1;transform:none;background:#dfead5;border-style:solid;border-color:#6c8a62}
[data-step="3"] .ss-group>em{scale:1}
.ss-broadcast-pending{display:block;font-size:9px;line-height:1.7;margin-top:10px;color:#677060}
.ss-broadcast .ss-card-state{position:absolute;left:13px;right:13px;bottom:12px;background:#fffdf2;padding-top:0;border:0;font-size:8px;transition-delay:.85s}
.ss-automation{top:7px;padding:12px 13px;transform:rotate(-2deg) translateY(8px)}
.ss-event-row{position:relative;display:flex;gap:9px;padding:11px 0;opacity:.25;transition:opacity .5s,translate .5s;translate:0 4px}
.ss-event-row+.ss-event-row{border-top:1px dashed #28463b38}
.ss-event-row>i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px 6px 9px 5px;border:1px solid #28463b55;background:#e6edf0;font-size:16px;font-style:normal}
.ss-event-trigger>i{background:#f3ccaa}
.ss-event-row b{display:block;font-size:10px;line-height:1.7;font-weight:550}
.ss-event-row small{display:block;font-size:8px;line-height:1.8;margin-top:2px;color:#62705c}
[data-step="1"] .ss-event-trigger,[data-step="2"] .ss-event-trigger,[data-step="3"] .ss-event-row,[data-step="2"] .ss-event-notify{opacity:1;translate:0 0}
[data-step="3"] .ss-event-return{transition-delay:.35s}
[data-step="3"] .ss-event-return>i{background:#d9e7c9}
.service-connections{max-width:1040px;margin:42px auto 0;padding:23px 0;border-block:1px dashed #28463b40;text-align:center}
.service-connections>span{font-size:10px;color:#5d7055}.service-connections p{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin:15px 0 12px;font-size:12px}.service-connections b{font-weight:400}.service-connections small{font-size:9px;line-height:1.9;color:#66755f}
.service-afterword{margin-top:0;border-top:0}
@keyframes ss-tool-pulse{50%{opacity:.35;translate:3px 0}}
@keyframes ss-dispatch{50%{translate:0 -3px;background:#dfd3ea}}
@media(min-width:1600px){.ss-theatre{height:290px}.ss-artifacts{max-width:310px;width:100%;justify-self:center}.ss-stage{padding-inline:27px}.ss-incoming p{font-size:17px}.ss-actor{padding-top:49px}.ss-mimo{max-width:170px}.ss-mimo-says{font-size:11px;left:10px;right:0}}
@media(max-width:1100px) and (min-width:761px){.service-layout{grid-template-columns:.8fr 1.2fr;gap:3%}#mimochat .service-copy h2{font-size:39px}.service-experience{padding:17px 13px 13px}.ss-stage{padding:16px 12px 10px}.ss-theatre{grid-template-columns:30% 70%;height:278px}.ss-actor{padding-top:61px}.ss-mimo-says{left:-3px;right:-10px;font-size:9px}.ss-artifacts{margin-left:10px}.ss-tabs{gap:5px}.ss-tabs button{gap:3px;font-size:10px}.ss-tabs button>span{font-size:15px}.ss-incoming p{font-size:14px}.ss-playback>span{display:none}.ss-response{min-height:124px}.ss-workcard{padding-inline:10px}.ss-broadcast>strong{font-size:14px}.ss-event-row{gap:6px}.ss-event-row b{font-size:9px}.ss-event-row small{font-size:7px}.ss-card-state{font-size:8px}.wide-break{display:none}}
@media(max-width:760px){
 #mimochat.service-section{padding-top:76px;padding-bottom:45px}.service-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px}#mimochat .service-copy{padding:0}#mimochat .service-copy h2{font-size:clamp(36px,8vw,56px);line-height:1.4;margin:20px 0}#mimochat .service-intro{font-size:16px;margin-bottom:13px}#mimochat .service-description{font-size:12px;margin-bottom:17px}.service-definition{margin-bottom:16px!important}.service-benefits{font-size:10px;margin-bottom:20px}.service-links{gap:8px}.service-links .text-link{font-size:11px}.service-links .service-try{font-size:12px}.service-experience{padding:16px 13px 13px;border-radius:22px 18px 23px 16px;box-shadow:4px 6px 0 #28463b16}.ss-topline{margin-bottom:12px;font-size:10px;letter-spacing:0}.ss-tabs{gap:5px;margin-bottom:13px}.ss-tabs button{font-size:10px;gap:4px;min-height:41px}.ss-tabs button>span{font-size:15px}.ss-stage{padding:15px 11px 12px}.ss-incoming{padding:10px 11px}.ss-incoming p{font-size:13px;min-height:67px}.ss-speaker{font-size:9px}.ss-theatre{height:274px;grid-template-columns:28% 72%}.ss-actor{padding-top:57px}.ss-mimo-says{left:-3px;right:-10px;padding:6px;font-size:9px}.ss-artifacts{margin-left:14px}.ss-actor-caption,.ss-actor-caption b{font-size:8px}.ss-workcard{padding:12px 10px}.ss-workcard>strong{font-size:17px}.ss-card-label{font-size:8px}.ss-card-state{font-size:8px}.ss-memory-fields b{font-size:9px;padding:3px 5px}.ss-recall small{font-size:8px}.ss-recall b{font-size:10px;padding:6px}.ss-tool-link{font-size:8px}.ss-tool-link i{margin-inline:4px}.ss-project>strong{font-size:14px}.ss-project>strong>b{font-size:27px}.ss-project-tasks{font-size:9px}.ss-project-tasks i{font-size:8px}.ss-broadcast>strong{font-size:14px}.ss-group-grid{gap:7px 4px;margin-top:12px}.ss-group{height:43px}.ss-group>b{font-size:6px}.ss-group>i{font-size:12px}.ss-broadcast-pending{font-size:8px}.ss-broadcast .ss-card-state{left:10px;right:10px;font-size:7px;bottom:12px}.ss-event-row{gap:6px;padding:12px 0}.ss-event-row>i{width:22px;height:25px;font-size:14px}.ss-event-row b{font-size:9px}.ss-event-row small{font-size:7px}.ss-response{padding-left:17px;min-height:136px}.ss-response p{font-size:11px;line-height:1.9;min-height:84px}.ss-response-mark{font-size:16px}.ss-outcome{font-size:9px}.ss-journey button>b{font-size:9px}.ss-forward{font-size:10px;padding:8px 10px;gap:8px;min-height:40px}.ss-playback>span{display:none}.ss-playback button{width:34px;height:40px}.ss-controls{padding-top:14px;justify-content:flex-start;gap:15px}.service-connections{margin-top:30px;padding:20px 0}.service-connections p{font-size:10px;gap:12px;line-height:1.8}.service-connections small{font-size:8px}.service-afterword{display:grid;grid-template-columns:27px 1fr;gap:10px 12px;margin-top:0;padding-top:22px}.ss-afterword-doodle{font-size:26px}.service-afterword p{font-size:11px}.service-afterword strong{font-size:13px;line-height:1.9}.service-afterword small{grid-column:2;margin:0;font-size:8px}.service-demo-visible .mc-launcher{padding:7px;gap:0}.service-demo-visible .mc-launcher>span{display:none}
}
@media(max-width:370px){.ss-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ss-tabs button{font-size:11px}.ss-stage{padding-inline:9px}.ss-theatre{grid-template-columns:25% 75%}.ss-actor{padding-top:68px}.ss-mimo-says{font-size:8px;left:-2px;right:-10px}.ss-artifacts{margin-left:12px}.ss-actor-caption,.ss-actor-caption b{font-size:7px}.ss-forward{gap:5px}.service-experience{padding-inline:10px}.ss-incoming p{min-height:89px}.ss-response{min-height:158px}.ss-response p{min-height:105px}.ss-workcard{padding-inline:8px}.ss-card-label{font-size:7px}.ss-memory-fields{gap:3px}.ss-memory-fields b{font-size:8px}.ss-broadcast>strong{font-size:13px}.ss-group-grid{gap:6px 3px}.ss-group>b{font-size:6px}.ss-event-row b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.service-experience *,.service-experience *::before,.service-experience *::after{animation:none!important;transition:none!important}.ss-transfer{display:none}}

.service-links .service-detail{background:#fff8e8;font-size:13px;padding:12px 18px;margin:0;gap:25px}
@media(max-width:760px){.service-links .service-detail{font-size:12px}}

/* Hands-on tasks: choices become results, and completed results remain on screen. */
.service-experience.ss2 { --ss2-paper:#fffaf0; padding:22px; background:#fff8e8; container-type:inline-size; }
.ss2-topline { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-bottom:18px; color:#405b4b; font-size:14px; line-height:1.6; }
.ss2-topline>span:first-child { font-weight:650; }
.ss2-demo-label { font-size:12px; color:#61705d; }
.ss2-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:19px; }
.ss2-tabs button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:46px; padding:9px 6px; border:1px solid #28463b70; border-radius:10px 13px 9px 12px; color:#28463b; background:transparent; font:600 14px/1.5 var(--sans,sans-serif); cursor:pointer; transition:background .2s,box-shadow .2s,transform .2s; }
.ss2-tabs button>span { font-size:19px; }
.ss2-tabs button[aria-selected=true] { background:var(--ss-accent); box-shadow:2px 3px 0 #28463b; transform:translateY(-1px); }
.ss2-tabs button:hover { background:var(--ss-back); }
.ss2-tabs button[aria-selected=true]:hover { background:var(--ss-accent); }
.ss2-stage { padding:22px; border:1px solid #28463b30; border-radius:17px 23px 18px 21px; background:var(--ss-back); transition:background .3s; }
.ss2-heading { display:grid; grid-template-columns:76px minmax(0,1fr); gap:16px; align-items:center; margin-bottom:24px; }
.ss2-heading h3 { margin:0 0 8px; font-size:clamp(20px,2.05vw,27px); line-height:1.5; font-weight:650; letter-spacing:-.035em; }
.ss2-heading p { margin:0; color:#4f6555; font-size:14px; line-height:1.8; }
.ss2-actor { position:relative; align-self:center; }
.ss2-actor svg { display:block; width:100%; height:auto; filter:drop-shadow(0 4px 0 #28463b16); transform-origin:50% 85%; }
.ss2-spark { position:absolute; top:0; right:-6px; color:#bd792e; font-size:23px; opacity:0; }
.ss2[data-phase=working] .ss2-actor svg,.ss2[data-phase=recalling] .ss2-actor svg { animation:ss2-listen .7s ease both; }
.ss2[data-phase=done] .ss2-actor svg,.ss2[data-phase=saved] .ss2-actor svg { animation:ss2-glad .7s ease both; }
.ss2[data-phase=done] .ss2-spark,.ss2[data-phase=saved] .ss2-spark { animation:ss2-spark .8s ease both; }
.ss2 fieldset { padding:0; border:0; margin:0; min-width:0; }
.ss2 legend { padding:0; margin:0 0 12px; font-size:14px; line-height:1.8; font-weight:600; }
.ss2 input,.ss2 select { accent-color:#315b46; }
.ss2-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.ss2-group { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:100px; padding:13px 6px 11px; border:1.5px solid #28463b42; border-radius:9px 13px 8px 11px; background:#fffaf0a1; font-size:14px; line-height:1.7; cursor:pointer; transition:background .2s,border-color .2s,box-shadow .2s; }
.ss2-group input { position:absolute; left:9px; top:10px; width:16px; height:16px; margin:0; }
.ss2-group-icon { display:grid; place-items:center; width:34px; height:32px; font-size:25px; color:#79608e; }
.ss2-check { position:absolute; top:7px; right:8px; font-size:15px; opacity:0; }
.ss2-group:has(input:checked) { border-color:#28463b; background:#e7ddee; box-shadow:2px 3px 0 #28463b14; }
.ss2-group:has(input:checked) .ss2-check { opacity:1; }
.ss2-group:hover { border-color:#28463b; }
.ss2-choices { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:18px; }
.ss2-choice { position:relative; flex:1; min-width:90px; cursor:pointer; }
.ss2-choice input { position:absolute; left:12px; top:16px; width:16px; height:16px; margin:0; }
.ss2-choice>span { display:flex; align-items:center; justify-content:center; min-height:49px; padding:10px 9px 10px 34px; background:#fffaf0b3; border:1.5px solid #28463b55; border-radius:9px 12px 7px 11px; font-size:14px; line-height:1.7; }
.ss2-choice input:checked+span { background:var(--ss-accent); border-color:#28463b; box-shadow:2px 3px 0 #28463b13; }
.ss2-select-label { display:flex; flex-direction:column; gap:8px; color:#365441; font-size:14px; line-height:1.7; }
.ss2 select { width:100%; min-height:48px; padding:9px 34px 9px 12px; border:1.5px solid #28463b70; border-radius:8px 11px 9px 7px; background:#fffaf0; color:#28463b; font:inherit; font-size:16px; cursor:pointer; }
.ss2-rule { display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); gap:10px; align-items:end; }
.ss2-rule-arrow { padding-bottom:12px; transform:rotate(-90deg); font-size:23px; text-align:center; color:#4f6b56; }
.ss2-request { position:relative; margin:20px 0!important; padding:14px 17px; border:1px solid #28463b60; border-radius:12px 4px 14px 9px; background:#fffdf3; box-shadow:2px 3px 0 #28463b10; color:#28463b; font-size:16px!important; line-height:1.85!important; overflow-wrap:anywhere; }
.ss2-request::before { content:''; position:absolute; top:-5px; right:18px; width:29px; height:9px; transform:rotate(5deg); background:#ddd8b28a; }
.ss2-action-row { display:flex; align-items:center; gap:15px; margin-top:20px; }
.ss2-main-action { flex-shrink:0; min-height:49px; padding:12px 17px; border:1.5px solid #28463b; border-radius:10px 13px 9px 12px; background:#28463b; color:#fff8e8; font:600 15px/1.6 var(--sans,sans-serif); cursor:pointer; box-shadow:2px 3px 0 #28463b28; transition:background .2s,transform .2s; }
.ss2-main-action:hover:not(:disabled) { background:#3b604b; transform:translateY(-1px); }
.ss2-main-action:disabled { cursor:default; background:#788678; border-color:#788678; box-shadow:none; }
.ss2-mimo-status { color:#4e6552; font-size:14px; line-height:1.7; }
.ss2-result { border-top:1px dashed #28463b55; padding-top:19px; }
.ss2-result p { font-size:14px; line-height:1.85; margin:10px 0 0; }
.ss2-result-foot { color:#4e6552; }
.ss2-receipt-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; font-size:15px; line-height:1.7; }
.ss2-receipt-heading>span { white-space:nowrap; font-variant-numeric:tabular-nums; color:#5c7058; }
.ss2-receipts { display:flex; flex-direction:column; gap:9px; }
.ss2-receipt { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 13px; min-height:49px; border:1px dashed #28463b55; border-radius:7px 10px 9px 5px; background:#fffaf088; font-size:14px; line-height:1.7; transition:background .35s,border-color .35s; }
.ss2-receipt b { font-size:14px; font-weight:500; color:#52654c; }
.ss2-envelope { display:grid; place-items:center; width:25px; height:25px; background:#eadff0; border:1px solid #76648770; border-radius:5px 3px 7px 4px; color:#705781; }
.ss2-receipt.is-sent { background:#e3edd6; border-style:solid; border-color:#6a875c; }
.ss2-receipt.is-sent .ss2-envelope { animation:ss2-delivery .55s ease both; background:#fdf8e8; }
.ss2-file-label { display:block; color:#52664c; font-size:14px; line-height:1.7; }
.ss2-memory-card { position:relative; padding:18px 20px 21px; border:1.5px solid #28463b; border-radius:7px 11px 6px 13px; background:#fff9df; box-shadow:3px 4px 0 #28463b15; transform:rotate(-1deg); transition:transform .45s; }
.ss2-memory-card::before { content:''; display:block; position:absolute; top:-7px; left:20px; height:6px; width:70px; background:#e1bd6a; border:1.5px solid #28463b; border-bottom:0; border-radius:5px 6px 0 0; }
.ss2-memory-card>strong { display:block; font-size:26px; font-weight:650; line-height:1.6; margin-top:8px; }
.ss2-memory-card p strong { font-size:18px; margin-left:4px; }
.ss2-memory-card.is-filed { transform:rotate(0); }
.ss2-memory-card.is-found { animation:ss2-find .55s ease both; }
.ss2-memory-stamp { display:inline-block; margin-top:14px; padding:4px 9px; color:#3a6447; font-size:14px; border:1px solid #66855b; border-radius:4px 7px 3px 5px; transform:rotate(-3deg); }
.ss2-tool-query { min-height:130px; display:flex; align-items:center; justify-content:center; gap:12px; color:#52664c; }
.ss2-tool-query>span { font-size:35px; }
.ss2-tool-query p { margin:0; }
.ss2-connection { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin:10px 0!important; color:#52664c; font-size:14px!important; line-height:1.8; }
.ss2-connection>span:first-child { font-size:22px; }
.ss2-project-result { animation:ss2-find .5s ease both; padding:17px 18px; border:1.5px solid #28463b; border-radius:8px 12px 6px 10px; background:#fffdf0; }
.ss2-project-count strong { font-size:38px; line-height:1; font-variant-numeric:tabular-nums; }
.ss2-project-track { height:9px; margin:16px 0; border:1px solid #28463b60; background:#e0e6d5; border-radius:5px; overflow:hidden; }
.ss2-project-track>span { display:block; width:calc(var(--ss2-completion)*100%); height:100%; background:#74905e; transform-origin:left; animation:ss2-progress .7s ease both; }
.ss2-next-task { display:flex; flex-wrap:wrap; align-items:center; gap:7px 12px; margin-top:16px; padding-top:13px; border-top:1px dashed #28463b55; font-size:14px; line-height:1.7; }
.ss2-next-task>strong { flex:1; min-width:100px; }
.ss2-next-task>span { color:#52664c; }
.ss2-event-trail { list-style:none; padding:0; margin:0; }
.ss2-event-trail li { position:relative; display:flex; gap:14px; padding:0 0 18px; }
.ss2-event-trail li:last-child { padding-bottom:0; }
.ss2-event-trail li:not(:last-child)::after { content:''; position:absolute; left:16px; top:36px; bottom:4px; border-left:1px dashed #28463b55; }
.ss2-event-trail li>span { display:grid; place-items:center; flex:none; width:33px; height:33px; border:1px solid #28463b70; border-radius:9px 7px 10px 6px; background:#f8f4e8; font-size:20px; transition:background .3s; }
.ss2-event-trail li>div { flex:1; min-width:0; padding:5px 10px 8px; border-radius:5px 9px 6px 10px; transition:background .35s; }
.ss2-event-trail li b { font-size:14px; font-weight:600; line-height:1.7; }
.ss2-event-trail li p { margin:3px 0 0; color:#52664c; }
.ss2-event-trail li.is-active>span { background:#cee0b8; }
.ss2-event-trail li.is-active>div { background:#fffaf0; }
.ss2:not([data-phase=idle]) #ss2-fields { display:none; }
.ss2[data-phase=idle] #ss2-result { display:none; }
.ss2-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.ss2 button:focus-visible,.ss2 select:focus-visible { outline:3px solid #86649a; outline-offset:4px; }
.ss2-group:has(input:focus-visible),.ss2-choice:has(input:focus-visible)>span { outline:3px solid #86649a; outline-offset:4px; }
.ss2[data-animate=false] *,.ss2[data-animate=false] *::before,.ss2[data-animate=false] *::after { animation-play-state:paused!important; }
@keyframes ss2-listen { 30%{transform:translateY(4px) rotate(-6deg)}65%{transform:rotate(3deg)} }
@keyframes ss2-glad { 35%{transform:translateY(-7px) rotate(-5deg)}65%{transform:translateY(-3px) rotate(4deg)} }
@keyframes ss2-spark { 0%{opacity:0;transform:scale(.5) rotate(-30deg)}35%{opacity:1;transform:scale(1.15) rotate(8deg)}100%{opacity:1;transform:scale(1)} }
@keyframes ss2-delivery { 0%{transform:translate(-16px,-7px) rotate(-18deg);opacity:0}70%{transform:translate(2px,0) rotate(5deg)}100%{transform:none;opacity:1} }
@keyframes ss2-find { 0%{transform:translateY(9px) rotate(-2deg);opacity:.3}100%{transform:none;opacity:1} }
@keyframes ss2-progress { from{transform:scaleX(0)}to{transform:scaleX(1)} }
@container(max-width:480px) {
 .ss2-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ss2-stage{padding:18px 15px}
 .ss2-heading{grid-template-columns:56px minmax(0,1fr);gap:12px;margin-bottom:20px}
 .ss2-heading h3{font-size:21px}
 .ss2-groups{grid-template-columns:1fr;gap:8px}
 .ss2-group{flex-direction:row;justify-content:flex-start;gap:12px;min-height:49px;padding:9px 12px 9px 37px}
 .ss2-group input{top:16px;left:12px}
 .ss2-group-icon{height:25px;width:26px;font-size:23px}
 .ss2-check{top:11px;right:12px}
 .ss2-rule{grid-template-columns:1fr;gap:7px}
 .ss2-rule-arrow{padding:0;transform:none;line-height:1}
 .ss2-action-row{align-items:stretch;flex-direction:column;gap:11px}
 .ss2-main-action{width:100%}
 .ss2-mimo-status{text-align:center}
 .ss2-receipt{padding:10px 8px;gap:6px;grid-template-columns:25px minmax(0,1fr) auto}
 .ss2-request{padding:12px 13px;font-size:15px!important}
}
@media(max-width:760px){
 .service-experience.ss2{padding:16px 12px;box-shadow:4px 6px 0 #28463b16}
 .ss2-topline{gap:3px;margin-bottom:15px;flex-direction:column;align-items:flex-start}
 .ss2-demo-label{font-size:12px}
 .ss2-tabs{margin-bottom:15px}
 .ss2-heading p,.ss2-mimo-status,.ss2-result p,.ss2 legend,.ss2-choice>span,.ss2-group,.ss2-receipt,.ss2-receipt b{font-size:14px}
 .ss2-choices{gap:7px}
 .ss2-choice{min-width:80px}
 .ss2-choice input{left:9px}
 .ss2-choice>span{padding-left:29px;padding-right:7px}
}
@media(prefers-reduced-motion:reduce){
 .ss2 *,.ss2 *::before,.ss2 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .ss2[data-phase=done] .ss2-spark,.ss2[data-phase=saved] .ss2-spark{opacity:1}
}