#technology-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#181b20;overflow:auto;overscroll-behavior:contain}
#technology-dialog:not([open]){display:none}
#technology-dialog[open]{display:block;animation:technology-open .48s cubic-bezier(.2,.7,.2,1) both}
#technology-dialog::backdrop{background:#e9edf2e8;backdrop-filter:blur(12px)}
#technology-dialog .ai-technology{min-height:100%;padding-top:76px;padding-bottom:48px;display:flex;flex-direction:column;justify-content:center}
#technology-dialog .technology-close{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));z-index:10;width:44px;height:44px;border:1px solid #dddfe4;border-radius:50%;background:#fffffff0;color:#20242a;font:300 30px/1 Arial;cursor:pointer}
#technology-dialog .technology-close:focus-visible{outline:2px solid #567dc4;outline-offset:4px}
#technology-dialog[open] .ai-composition{animation:technology-form .65s cubic-bezier(.16,1,.3,1) both}
#technology-dialog[open] .ai-feature{animation:technology-label .5s ease both;animation-delay:.2s}
#technology-dialog[open] .ai-feature:nth-child(2){animation-delay:.27s}
#technology-dialog[open] .ai-feature:nth-child(3){animation-delay:.34s}
#technology-dialog[open] .ai-feature:nth-child(4){animation-delay:.41s}
#technology-dialog[open] .ai-feature:nth-child(5){animation-delay:.48s}
#technology-dialog.is-closing{animation:technology-out .22s ease both}
@keyframes technology-open{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes technology-form{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes technology-label{from{opacity:0}to{opacity:1}}
@keyframes technology-out{to{opacity:0;transform:translateY(16px)}}
@media(max-width:550px){#technology-dialog .ai-technology{padding:76px 22px 40px}#technology-dialog .ai-composition{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){#technology-dialog[open],#technology-dialog[open] .ai-composition,#technology-dialog[open] .ai-feature{animation:none}}

#technology-dialog .technology-close{border:0;border-radius:0;background:transparent;box-shadow:none}
#technology-dialog .technology-close:focus-visible{outline:2px solid #777;outline-offset:2px}
#technology-dialog #ai-technology-heading:focus{outline:none}