/* M01 press/arrow, M02 internal card plane, M03 marker/selection, M04 real receipt,
 * M05=E04, M06 native disclosure, M07 single icon accent, M08 visible-text settle.
 * S01/S02 are real layouts of the same six examples, never a different offer. */
.sales-site .button{transition:background 180ms,border-color 180ms,box-shadow 180ms}
.sales-site .button:not(:disabled):active{box-shadow:inset 0 2px 4px #101b3238}
.micro-button-face{display:inline-flex;align-items:center;justify-content:center;gap:inherit;min-width:0;transform:scale(1);transition:transform 140ms ease-out}
.button:not(:disabled):active .micro-button-face{transform:scale(.98)}
.sales-site .button>.icon,.sales-site .button>[aria-hidden],.micro-button-face>.icon{transition:transform 160ms ease-out}
.sales-site .button:focus-visible>.icon,.sales-site .button:focus-visible>[aria-hidden],.button:focus-visible .micro-button-face>.icon{transform:translate(3px,-2px)}
/* The decorative plane moves; every semantic child and native link stays still. */
.sales-site .service-card[data-micro-card],.sales-site .service-card[data-micro-card]:is(:hover,:focus-within){position:relative;isolation:isolate;transform:none;box-shadow:none;background:transparent;border-color:transparent}
.service-card-surface{position:absolute;inset:0;z-index:-1;border:1px solid #d7e0e8;border-radius:inherit;background:#fff;pointer-events:none;transform:translateY(0);transition:transform 180ms ease-out,box-shadow 180ms ease-out,border-color 180ms;overflow:hidden}
.sales-site .service-card:focus-within>.service-card-surface{transform:translateY(-3px);box-shadow:0 10px 24px -16px #243b7040;border-color:#5060c7}
.sales-site .service-card:focus-within .service-icon>.icon{animation:micro-icon 260ms ease-out 1}
[data-micro-card][data-micro-selected=true]>.service-card-surface{border-color:#5060c7;box-shadow:0 0 0 1px #5060c726}
[data-micro-card-select]{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #bdc6e7;border-radius:8px;background:#f4f5fd;color:#35459c;font:inherit;font-size:13px;line-height:1.5}
[data-micro-card-select][aria-pressed=true]{background:#e9edff;border-color:#5060c7;font-weight:700}
[data-micro-card-select][hidden]{display:none}
[data-micro-spotlight]::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(240px circle at var(--micro-spot-x,50%) var(--micro-spot-y,50%),#7185ef42,transparent 72%);transition:opacity 180ms ease-out}
[data-micro-spotlight-active=true]>[data-micro-spotlight]::after{opacity:1}
@media(hover:hover) and (pointer:fine){
 .sales-site .button:hover>.icon,.sales-site .button:hover>[aria-hidden],.button:hover .micro-button-face>.icon{transform:translate(3px,-2px)}
 .sales-site .service-card:hover>.service-card-surface{transform:translateY(-3px);box-shadow:0 10px 24px -16px #243b7040;border-color:#5060c7}
 .sales-site .service-card:hover .service-icon>.icon{animation:micro-icon 260ms ease-out 1}
}
/* M04 reads only the authoritative states already supplied by inquiry.js. */
.sales-site #inquiry-form[aria-busy=true] .inquiry-submit{box-shadow:0 0 0 3px #5060c72b}
.sales-site #inquiry-status[data-state=success]{animation:micro-ack 240ms ease-out 1;border-inline-start:3px solid #35664f}
.sales-site #inquiry-status[data-state=error]{border-inline-start:3px solid #a43838}
.sales-site #inquiry-status:is([data-state=success],[data-state=error]){padding-inline-start:12px}
.sales-site :is(.faq,.service-faq) details>summary>span[aria-hidden]{transition:transform 180ms ease-out}
.sales-site :is(.faq,.service-faq) details[open]>summary>span[aria-hidden]{transform:rotate(45deg)}
.micro-examples{--micro-preview-layout:ready;background-color:#f8f9fd;background-image:radial-gradient(#5060c71f .75px,transparent .75px);background-size:16px 16px}
.micro-example-layout{display:block}
.micro-look-controls,[data-micro-look-controls]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
[data-micro-look-controls][hidden],.micro-example-choices[hidden],[data-micro-prev][hidden],[data-micro-next][hidden]{display:none}
[data-micro-look-controls] button,[data-micro-prev],[data-micro-next]{min-height:44px;padding:10px 14px;border:1px solid #b9c3dc;border-radius:8px;background:#fff;color:#35459c;font:inherit;font-size:14px;line-height:1.5}
[data-micro-look-controls] button[aria-pressed=true]{border-color:#5060c7;background:#edf0fd;font-weight:700}
.micro-example-choices{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0;align-items:stretch}
.micro-example-choices button{display:flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:62px;padding:12px 10px 15px;text-align:left;border:1px solid #d7ddea;border-radius:10px;background:#fff;color:#24344d;font-size:14px;line-height:1.5;position:relative;overflow-wrap:anywhere}
.micro-example-choices button[aria-pressed=true]{border-color:#5060c7;background:#eef0fc;color:#35459c}
.micro-choice-icon{color:#5060c7;flex:none}.micro-choice-arrow{margin-inline-start:auto}
[data-micro-choice-marker]{position:absolute;inset:0 auto auto 0;display:block;height:3px;width:0;border-radius:3px;background:#5060c7;pointer-events:none;opacity:0;z-index:2;transition:transform 200ms ease-out,width 200ms ease-out;transform-origin:0 0}
.micro-example-window{min-width:0;display:grid;gap:0;border:1px solid #d7ddea;border-radius:14px;background:#fff}
.micro-window-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding:14px 22px;border-bottom:1px solid #d7ddea;background:#f4f6fc;color:#53657c;border-radius:14px 14px 0 0;font-size:13px;line-height:1.6}
.micro-window-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.micro-example-panels{display:grid;gap:0;min-width:0}
.micro-example-panel{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:28px;row-gap:20px;padding:26px;border:0;border-bottom:1px solid #e0e5f0;background:#fff;color:#24344d}
.micro-example-copy{grid-column:1;min-width:0}.micro-example-copy h3{margin:14px 0;font-size:28px;line-height:1.25}
.micro-example-panel p{font-size:14px;line-height:1.75;overflow-wrap:anywhere}.micro-example-panel .micro-example-label{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;color:#5060c7;font-size:12px;font-weight:700}
.micro-example-art{grid-column:2;min-width:0}.micro-example-foot{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;min-width:0;border-top:1px solid #e0e5f0;padding-top:18px}
.micro-example-panel .micro-example-limit{font-size:13px;color:#53657c;flex:1 1 260px}.micro-example-link{align-self:center}
.micro-preview-ready .micro-example-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.micro-preview-ready .micro-example-window{gap:0}
.micro-preview-ready .micro-window-bar{grid-area:1/1}
.micro-preview-ready .micro-example-panels{grid-area:2/1}
.micro-preview-ready .micro-example-panel{grid-area:1/1}
.micro-preview-ready .micro-example-panel[data-micro-current=false]{visibility:hidden;pointer-events:none}
.micro-example-status{margin:0;padding:12px 22px;font-size:13px;color:#53657c;min-height:3.5em;border-radius:0 0 14px 14px;background:#f4f6fc}
.micro-preview-ready .micro-example-status{grid-area:3/1}
.micro-example-navigation{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:18px}.micro-example-position,[data-micro-position]{font-size:14px;color:#53657c;white-space:nowrap}
.micro-principles{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:22px;padding-top:18px;border-top:1px solid #d7ddea;font-size:13px;color:#53657c}
/* S02 changes the whole selected example window, including its copy and status. */
.micro-preview-ready[data-micro-look=technical] .micro-example-layout{grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);align-items:start}
.micro-examples[data-micro-look=technical] .micro-example-choices{display:flex;flex-direction:column}
.micro-examples[data-micro-look=technical] .micro-example-window{background:#111c31;border-color:#34415b;color:#edf1fc}
.micro-examples[data-micro-look=technical] .micro-window-bar{background:#1b2a46;border-color:#34415b;color:#d8e2f6}
.micro-examples[data-micro-look=technical] .micro-window-bar :is(button,[data-micro-position]){background:#223455;border-color:#596b91;color:#e2eaff}
.micro-examples[data-micro-look=technical] .micro-example-window :focus-visible{outline-color:#c3cfff}
.micro-examples[data-micro-look=technical] .micro-example-panel{grid-template-columns:minmax(0,1fr);background:#111c31;border-color:#34415b;color:#edf1fc}
.micro-examples[data-micro-look=technical] :is(.micro-example-copy,.micro-example-art,.micro-example-foot){grid-column:1}
.micro-examples[data-micro-look=technical] .micro-example-copy h3{color:#f2f5ff}
.micro-examples[data-micro-look=technical] .micro-example-panel p{color:#c5d0e5}
.micro-examples[data-micro-look=technical] .micro-example-panel .micro-example-label{color:#bac6ff}
.micro-examples[data-micro-look=technical] .micro-example-foot{border-color:#34415b}
.micro-examples[data-micro-look=technical] .micro-example-foot .text-link{color:#c3cfff}
.micro-examples[data-micro-look=technical] .micro-example-status{background:#17243c;color:#bfcce6}
.micro-examples[data-micro-look=technical] .micro-example-art :is(.rd-proof-preview,.rd-window-bar,.rd-mini-route,.rd-mini-flow,.rd-mini-compare,.rd-mini-code){background:#17243c;color:#edf1fc;border-color:#3a4b6d}
.micro-examples[data-micro-look=technical] .micro-example-art :is(.rd-window-bar span,.rd-mini-route>span,.rd-mini-route strong,.rd-mini-route b,.rd-mini-flow strong,.rd-mini-compare strong,.rd-mini-compare p,.rd-mini-code span){color:#d6e1f7}
.micro-examples[data-micro-look=technical] .micro-example-art :is(.rd-mini-compare>div,.rd-route-wrong,.rd-route-right,.rd-mini-flow li,.rd-mini-code pre){background:#1c2c48;color:#edf1fc;border-color:#485d86}
.micro-examples[data-micro-look=technical] .micro-example-art .rd-preview-open{background:#26395d;color:#dbe4ff}
.micro-art-stage{height:160px;position:relative;overflow:hidden;border-radius:10px;background:#101b32;border:1px solid #283956}
.micro-layout-art{position:absolute;inset:0;padding:14px;color:#e5eafa;background:#101b32}.micro-layout-art[hidden]{display:none}
.micro-art-top{font:12px/1.4 ui-monospace,monospace;margin-bottom:14px;letter-spacing:.06em}
.micro-art-pages{display:flex;gap:8px;height:65px}.micro-art-pages>span{flex:1;border:1px solid #6577c6;border-radius:4px;background:linear-gradient(140deg,#6577c6,#26385a)}
.micro-art-bottom{height:10px;width:40%;margin-top:12px;background:#bac3f4;border-radius:3px}.micro-layout-alt{padding:20px 28px;background:#15213a}.micro-layout-alt .micro-art-pages{gap:18px}.micro-layout-alt .micro-art-bottom{width:55%;background:#93d8c7}
[data-dp-effect=circle-reveal] .micro-layout-alt{inset:0 25%;padding:12px;background:#1d2d49}[data-dp-effect=circle-reveal] .micro-layout-alt .micro-art-pages{gap:5px}
.micro-art-toggle{min-height:44px;margin-top:8px;border:1px solid #bdc6e7;border-radius:7px;padding:8px 12px;background:#f3f5ff;color:#35459c;font-size:13px}.micro-art-caption{margin-top:8px;font-size:13px;color:#53657c}.micro-art-caption[hidden],.micro-art-toggle[hidden]{display:none}
.micro-code-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;border:1px solid #34415b;border-radius:10px;overflow:hidden;background:#34415b}.micro-code-art>div{min-width:0;padding:16px;background:#111c31;color:#e5eafa}.micro-code-art span{font:11px/1.6 ui-monospace,monospace;color:#bdc7fa}.micro-code-art pre{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace;color:#e5eafa}
@keyframes micro-icon{50%{transform:rotate(-8deg) scale(1.06)}}
@keyframes micro-ack{from{box-shadow:0 0 0 2px #35664f33}to{box-shadow:0 0 0 6px #35664f00}}
@media(max-width:1000px){.micro-example-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.micro-choice-icon{display:none}.micro-example-panel{column-gap:20px}}
@media(max-width:760px){.micro-preview-ready .micro-example-layout,.micro-preview-ready[data-micro-look=technical] .micro-example-layout{grid-template-columns:minmax(0,1fr)}.micro-example-choices,.micro-examples[data-micro-look=technical] .micro-example-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.micro-example-panel{grid-template-columns:minmax(0,1fr);padding:20px}.micro-example-copy,.micro-example-art,.micro-example-foot{grid-column:1}.micro-example-copy h3{font-size:24px}.micro-example-choices button{font-size:13px;gap:6px;padding:10px 10px 14px}.micro-code-art>div{padding:12px}.micro-code-art pre{font-size:12px}}
@media(max-width:370px){.micro-example-choices,.micro-examples[data-micro-look=technical] .micro-example-choices{grid-template-columns:minmax(0,1fr)}}
/* Pausing cancels motion, while current marker/selection/expanded state stays true. */
.micro-motion-paused .sales-site :is(.micro-button-face,.button>.icon,.button>[aria-hidden],.service-card-surface,.faq summary>span,.service-faq summary>span){transition:none!important;transform:none!important}
.micro-motion-paused [data-micro-choice-marker]{transition:none!important}
.micro-motion-paused .sales-site :is(.service-icon>.icon,#inquiry-status){animation:none!important}.micro-motion-paused [data-micro-spotlight]::after{opacity:0!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.sales-site :is(.micro-button-face,.button>.icon,.button>[aria-hidden],.service-card-surface,.faq summary>span,.service-faq summary>span){transition:none!important;transform:none!important}[data-micro-choice-marker]{transition:none!important}.sales-site :is(.service-icon>.icon,#inquiry-status){animation:none!important}[data-micro-spotlight]::after{opacity:0!important;transition:none!important}}
@media(hover:none),(pointer:coarse){[data-micro-spotlight]::after{display:none}}
@media print{[data-micro-controls],[data-micro-look-controls],.micro-example-status,.micro-example-navigation,.micro-art-toggle,[data-micro-card-select]{display:none!important}.micro-preview-ready .micro-example-panel{grid-area:auto;visibility:visible!important;background:#fff!important;color:#111!important}.micro-example-copy :is(h3,p),.micro-example-foot :is(p,a){color:#111!important}.micro-example-panel{break-inside:avoid}.service-card-surface{transform:none!important}}
@media(forced-colors:active){.micro-examples{background-image:none}.micro-example-choices button,.micro-example-panel,.micro-art-toggle,[data-micro-card-select],.service-card-surface{border:1px solid ButtonText}.micro-example-choices button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}[data-micro-spotlight]::after{display:none}.micro-art-stage,.micro-code-art{forced-color-adjust:none}}