/* Compact DP AI search only; independent of page headings and buttons. */
.dpai-hero{box-sizing:border-box;width:100%;margin:0;padding:0;font-family:inherit;color:#fff;background:transparent}
.dpai-hero *{box-sizing:border-box}
.dpai-hero .dpai-hero-search{display:flex;align-items:center;gap:14px;width:100%;min-height:66px;padding:10px 12px 10px 20px;margin:0;border:1px solid #287384;border-radius:16px;background:linear-gradient(110deg,#10253a,#101c36);box-shadow:0 4px 18px #030c2c0a;direction:ltr}
.dpai-hero .dpai-hero-search:focus-within{border-color:#00bfdc;box-shadow:0 0 0 3px #00bfdc20}
.dpai-hero .dpai-hero-spark{display:flex;flex:0 0 26px;color:#46d9da}
.dpai-hero .dpai-hero-spark svg{width:26px;height:26px}
.dpai-hero .dpai-hero-field{position:relative;min-width:0;flex:1}
.dpai-hero .dpai-hero-field input{display:block;width:100%;height:44px;min-width:0;padding:0;margin:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#fff!important;font:inherit;font-size:17px;line-height:1.5}
.dpai-hero .dpai-hero-field input:focus{outline:none}
.dpai-hero .dpai-hero-prompt{position:absolute;inset:0;display:flex;align-items:center;gap:6px;overflow:hidden;pointer-events:none;white-space:nowrap;font-size:17px;line-height:1.5;color:#9bacbf}
.dpai-hero .dpai-hero-prefix{flex:none;color:#d6e0eb}
.dpai-hero [data-dpai-hero-typing]{overflow:hidden;text-overflow:ellipsis}
.dpai-hero .dpai-hero-prompt i{flex:0 0 1px;width:1px;height:1.1em;background:#57cfba;animation:dpai-hero-caret 1s steps(1) infinite}
.dpai-hero.has-query .dpai-hero-prompt,.dpai-hero .dpai-hero-field:focus-within .dpai-hero-prompt{display:none}
.dpai-hero .dpai-hero-search button{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;margin:0;border:1px solid #42aebc;border-radius:11px;background:linear-gradient(135deg,#00bfdc,#218d50);color:#fff;cursor:pointer;box-shadow:none}
.dpai-hero .dpai-hero-search button:hover{filter:brightness(1.1)}
.dpai-hero .dpai-hero-search button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes dpai-hero-caret{50%{opacity:0}}
@media(max-width:600px){.dpai-hero .dpai-hero-search{gap:9px;padding:8px 9px 8px 13px;min-height:62px;border-radius:14px}.dpai-hero .dpai-hero-spark{flex-basis:22px}.dpai-hero .dpai-hero-spark svg{width:22px;height:22px}.dpai-hero .dpai-hero-field input,.dpai-hero .dpai-hero-prompt{font-size:14px}.dpai-hero .dpai-hero-prompt{gap:4px}}
@media(prefers-reduced-motion:reduce){.dpai-hero .dpai-hero-prompt i{animation:none}}

.dpai-hero .dpai-hero-search{transition:border-color .18s,box-shadow .18s,transform .18s}
.dpai-hero .dpai-hero-search button{transition:transform .15s,filter .15s}
.dpai-hero .dpai-hero-search button:active{transform:scale(.94)}
.dpai-hero.is-opening .dpai-hero-search{transform:scale(1.008);box-shadow:0 0 0 4px #00bfdc20}
.dpai-page-opening{position:fixed;inset:0;z-index:2147483646;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#030c2c;color:#cfdfec;font:500 16px/1.5 system-ui,sans-serif;animation:dpai-page-reveal .18s ease-out both}
.dpai-page-opening .dpai-hero-spark{color:#46d9da;display:flex;animation:dpai-mark-reveal .24s ease-out both}
.dpai-page-opening svg{width:48px;height:48px}
@keyframes dpai-page-reveal{from{opacity:0}to{opacity:1}}
@keyframes dpai-mark-reveal{from{transform:translateY(8px) scale(.9)}to{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.dpai-hero .dpai-hero-search,.dpai-hero .dpai-hero-search button{transition:none}.dpai-hero.is-opening .dpai-hero-search{transform:none}.dpai-page-opening,.dpai-page-opening .dpai-hero-spark{animation:none}}
