.landing-wrapper .hero-section{padding-top:42px}
.landing-wrapper .hero-title{font-size:clamp(38px,4.8vw,64px);line-height:1.08;letter-spacing:-2px;margin-bottom:20px;text-transform:uppercase}
.landing-wrapper .hero-subtitle{max-width:650px;font-size:16px;margin:0 auto 28px;line-height:1.65}
@property --assistant-border-angle{syntax:"<angle>";initial-value:0deg;inherits:true}
.design-assistant{--ai-card:#fff;--ai-input:#f6f8fa;--ai-border:#dfe4e9;--ai-text:#20262d;--ai-muted:#586372;--ai-user:#eaf3df;--ai-user-text:#203017;--ai-answer:#f3f5f8;--ai-send:#20262d;--ai-send-text:#fff;position:relative;isolation:isolate;border-radius:24px;width:100%;max-width:820px;margin:0 auto;text-align:left;color:var(--ai-text);font-family:inherit;animation:assistant-border-orbit 25s linear infinite}
:root[data-theme="dark"] .design-assistant{--ai-card:#1e2126;--ai-input:#14171b;--ai-border:#3a414b;--ai-text:#f3f4f6;--ai-muted:#b2bbc7;--ai-user:#2b3c2b;--ai-user-text:#edf8e4;--ai-answer:#292e35;--ai-send:#bef264;--ai-send-text:#17200f}
.design-assistant::before,.design-assistant::after{content:'';position:absolute;inset:-2px;border-radius:26px;pointer-events:none;background:conic-gradient(from var(--assistant-border-angle),transparent 15%,#ff2200 35%,transparent 40%,transparent 65%,#00d4ff 85%,transparent 90%);z-index:-1}
.design-assistant::after{filter:blur(40px);opacity:1;z-index:-2}.is-docked.design-assistant::after{filter:blur(14px);opacity:.45}
@keyframes assistant-border-orbit{from{--assistant-border-angle:0deg}to{--assistant-border-angle:360deg}}
.design-assistant[hidden],.assistant-launcher[hidden]{display:none!important}
.assistant-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.assistant-chat{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid var(--ai-border);border-radius:24px;background:var(--ai-card);overflow:hidden}
.assistant-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px}
.assistant-brand{display:flex;align-items:center;gap:10px}.assistant-brand strong{font-size:15px;line-height:1.5;font-weight:650;color:var(--ai-text)}
.assistant-brand-icon{display:block;flex-shrink:0;width:30px;height:30px;object-fit:contain;border-radius:6px}
.assistant-heading-actions{display:flex;gap:5px}
.assistant-icon-button{display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;border:0;border-radius:10px;color:var(--ai-muted);font-size:21px;cursor:pointer}
.assistant-icon-button:hover{color:var(--ai-text);background:var(--ai-answer)}
.assistant-history{display:grid;grid-template-rows:0fr;opacity:0;min-height:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.is-expanded .assistant-history{grid-template-rows:1fr;opacity:1}
.assistant-thread{min-height:0;max-height:var(--assistant-history-height,440px);overflow-y:auto;padding:0 20px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain;scrollbar-width:thin}
.is-expanded .assistant-thread{padding-bottom:20px}
.assistant-message{max-width:94%;font-size:15px;line-height:1.75;overflow-wrap:anywhere;border-radius:17px;padding:13px 15px;animation:assistant-message-enter .28s ease both}
.assistant-message.is-restored{animation:none}
.assistant-message-text{white-space:pre-wrap;margin:0!important;color:inherit!important;font:inherit!important;line-height:inherit!important}
.assistant-message-user{align-self:flex-end;background:var(--ai-user);color:var(--ai-user-text);border-bottom-right-radius:5px}
.assistant-message-assistant{align-self:flex-start;background:var(--ai-answer);color:var(--ai-text);border-bottom-left-radius:5px}
.assistant-message-error{background:var(--ai-answer);color:var(--ai-text)}
@keyframes assistant-message-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.assistant-retry{margin-top:10px;border:1px solid var(--ai-border);background:var(--ai-card);color:var(--ai-text);padding:6px 11px;border-radius:9px;font:inherit;font-size:13px;cursor:pointer}
.assistant-composer{display:flex;align-items:flex-end;gap:12px;flex-shrink:0;margin:0 14px 14px;padding:10px 11px 10px 16px;border:1px solid var(--ai-border);border-radius:17px;background:var(--ai-input);transition:border-color .2s}
.assistant-composer:focus-within{border-color:var(--ai-muted)}
.design-assistant .assistant-composer textarea{display:block;flex:1;min-width:0;width:100%;min-height:38px;max-height:144px;padding:5px 0!important;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;outline:none;resize:none;color:var(--ai-text)!important;font:inherit;font-size:15px;line-height:1.75;overflow-y:auto}
.design-assistant .assistant-composer textarea::placeholder{color:var(--ai-muted);opacity:1}
.assistant-send{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;padding:0;border:0;border-radius:12px;background:var(--ai-send);color:var(--ai-send-text);font-size:22px;cursor:pointer;transition:transform .2s,opacity .2s}
.assistant-send:not(:disabled):hover{transform:translateY(-2px)}
.design-assistant button:disabled{opacity:.4;cursor:default}.design-assistant button:focus-visible{outline:2px solid var(--ai-text);outline-offset:3px}
.assistant-status{font-size:12px;color:var(--ai-muted);padding:0 20px 12px}.assistant-status:empty{display:none}
.assistant-typing{display:flex;align-self:flex-start;gap:6px;padding:15px 18px;border-radius:17px;background:var(--ai-answer)}
.assistant-typing i{width:6px;height:6px;border-radius:50%;background:var(--ai-muted);animation:assistant-pulse 1.2s infinite}
.assistant-typing i:nth-child(2){animation-delay:.15s}.assistant-typing i:nth-child(3){animation-delay:.3s}
@keyframes assistant-pulse{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.design-assistant.is-docked{position:fixed;top:calc(var(--assistant-header-height,0px) + 12px);left:12px;bottom:12px;z-index:1200;width:340px;max-width:none;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-18px) scale(.98);transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1),visibility .35s}
.design-assistant.is-docked.is-expanded{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1)}
.is-docked .assistant-heading{border-bottom:1px solid var(--ai-border);padding:14px 16px}
.is-docked .assistant-history{flex:1;min-height:0}.is-docked .assistant-thread{max-height:none;padding:16px}
.is-docked .assistant-composer{margin:0 12px 12px}
.assistant-launcher{display:flex;align-items:center;gap:9px;position:fixed;bottom:16px;left:16px;z-index:1250;padding:11px 16px;border:1px solid var(--site-border);border-radius:16px;background:var(--site-card);color:var(--site-text);font-size:14px;font-weight:650;cursor:pointer;animation:assistant-message-enter .3s ease}
.assistant-launcher-icon{display:block;flex-shrink:0;width:22px;height:22px;object-fit:contain;border-radius:4px}
:root{--assistant-offset:0px}
@media(min-width:992px){
html.assistant-active{--assistant-offset:364px;overflow-x:clip}
html main.for-blur,html footer{margin-left:var(--assistant-offset)!important;width:calc(100% - var(--assistant-offset))!important;transition:margin-left .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1)}
html #main-header{left:var(--assistant-offset)!important;right:0!important;width:calc(100% - var(--assistant-offset))!important;container-type:inline-size;container-name:assistant-site-header;transition:left .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s,border-color .3s}
html .ms-app-layout{left:var(--assistant-offset)!important;width:calc(100% - var(--assistant-offset))!important;min-width:0!important;max-width:calc(100% - var(--assistant-offset))!important;transition:left .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),max-width .45s cubic-bezier(.22,1,.36,1)!important}
.design-assistant.is-docked{top:12px!important;bottom:12px;width:340px}
html.assistant-active .ms-topbar-right{flex-shrink:0!important;white-space:nowrap}
html.assistant-active .ms-topbar-right a{white-space:nowrap;flex-shrink:0}
html.assistant-active .ms-search-container{min-width:0!important;flex:1 1 0!important}
}
@container assistant-site-header (max-width:1100px){html.assistant-active #main-header .hdr-nav{display:none!important}html.assistant-active #main-header .hdr-hamburger{display:flex!important}}
@container assistant-site-header (max-width:760px){html.assistant-active #main-header .hdr-search-wrap{display:none!important}html.assistant-active #main-header .hdr-mob-search-icon{display:inline-flex!important}html.assistant-active #main-header .hdr-logo img{height:24px!important}html.assistant-active #main-header .hdr-inner{padding:0 14px!important}}
@media(max-width:767px){.landing-wrapper .landing-container{padding:0 18px}.landing-wrapper .hero-section{padding-top:20px}.landing-wrapper .hero-title{letter-spacing:-1.4px}.landing-wrapper .hero-subtitle{font-size:15px;margin-bottom:22px}.assistant-heading{padding:15px 16px}.assistant-thread{padding:0 16px}.assistant-message{max-width:96%;font-size:15px}html.assistant-active main.for-blur,html.assistant-active footer{margin-left:0!important;width:100%!important}html.assistant-active .ms-app-layout{left:0!important;width:100%!important;min-width:0!important;max-width:100%!important}.design-assistant.is-docked{top:auto;bottom:12px;left:12px;width:calc(100% - 24px);height:min(600px,78dvh);transform:translateY(18px) scale(.98)}.design-assistant.is-docked.is-expanded{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.design-assistant,.assistant-typing i,.assistant-message,.assistant-launcher{animation:none}.assistant-history,.design-assistant.is-docked,.assistant-send{transition:none}}
@media(prefers-reduced-motion:reduce){html main.for-blur,html footer,html #main-header,html .ms-app-layout{transition:none!important}}
@media(min-width:768px) and (max-width:991px){.design-assistant.is-docked{top:auto;bottom:12px;left:12px;width:calc(100% - 24px);height:min(600px,78dvh);transform:translateY(18px) scale(.98)}.design-assistant.is-docked.is-expanded{transform:translateY(0) scale(1)}}
/* Clean homepage composer with the original rotating border glow. */
.design-assistant[data-home="1"]{border-radius:28px;--ai-input:transparent;--ai-muted:#626b79}
:root[data-theme="dark"] .design-assistant[data-home="1"]{--ai-card:#090b0f;--ai-muted:#a6aab4;--ai-border:#2d313d}
.design-assistant[data-home="1"]::before,.design-assistant[data-home="1"]::after{border-radius:30px}
.design-assistant[data-home="1"] .assistant-chat{border-radius:28px}
.design-assistant[data-home="1"] .assistant-heading{display:flex;max-height:0;padding:0 20px;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .4s cubic-bezier(.22,1,.36,1),opacity .25s,visibility .25s}
.design-assistant[data-home="1"].is-expanded .assistant-heading{max-height:65px;padding:14px 20px;opacity:1;visibility:visible}
.design-assistant[data-home="1"] .assistant-composer{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:0;padding:20px 18px 15px;border:0;border-radius:0;background:transparent}
.design-assistant[data-home="1"] .assistant-composer textarea{min-height:50px;padding:2px 4px!important;font-size:17px;line-height:1.6}
.assistant-composer-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}
.assistant-composer-options{display:flex;align-items:center;gap:10px;min-width:0}
.assistant-new-chat{display:flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--ai-border);border-radius:20px;background:var(--ai-answer);color:var(--ai-muted);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.assistant-new-chat i{font-size:17px}
.assistant-new-chat:hover{color:var(--ai-text);border-color:var(--ai-muted)}
.design-assistant[data-home="1"] .assistant-send{width:42px;height:42px;border-radius:50%;color:#fff;background:linear-gradient(140deg,#fb9a64 0%,#d946b7 38%,#8055ee 70%,#487aff 100%);border:1px solid rgba(255,255,255,.2)}
.design-assistant[data-home="1"] .assistant-send svg{width:22px;height:22px}
.design-assistant[data-home="1"] .assistant-send:disabled{opacity:.75}
:root[data-theme="dark"] .design-assistant[data-home="1"] .assistant-new-chat{background:#14161d}
.assistant-notice{padding:0 20px 14px}
.assistant-notice[hidden]{display:none!important}
@media(max-width:480px){.design-assistant[data-home="1"] .assistant-composer{padding:18px 14px 14px;gap:12px}.assistant-composer-controls{gap:9px}.design-assistant[data-home="1"] .assistant-send{width:38px;height:38px}.design-assistant[data-home="1"] .assistant-composer textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.design-assistant[data-home="1"] .assistant-heading{transition:none}}
