/* =========================================================================== Agent Assist — hero stylesheet Generated from Agent Assist.dc.html. Every rule was an inline style on the design file's own elements, hoisted so the markup pasted into Webflow stays small and this file caches across pages. Serve with: Cache-Control: public, max-age=31536000, immutable and publish under a new name (hero.v2.css) whenever it changes. =========================================================================== */ /* The design file's global reset, scoped to the hero. :where() keeps these at zero specificity — scoping them the ordinary way would let them outrank the hoisted element rules below, which is how every button lost its font-size. */ :where(.aa-hero-root) *{box-sizing: border-box;} :where(.aa-hero-root) button{font: inherit;} :where(.aa-hero-root) input::placeholder{font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: 0; color: #71706F; opacity: 1;} :where(.aa-hero-root) a{color: #24242A; text-decoration: none; border-bottom: 0;} :where(.aa-hero-root) a:hover, :where(.aa-hero-root) a:focus{color: #205AE3; text-decoration: none; border-bottom: 0;} .aa-hero-root{font-family:'DM Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#24242A} .aa-hero-root [data-aa-if]{display:none} .aa-hero-root video{background:#0E0E13} /* ---- keyframes the assist windows and transcript rely on ---- */ @keyframes live-ping { 0% { transform: scale(1); opacity: 0.55; } 75%, 100% { transform: scale(2.2); opacity: 0; } } @keyframes ka-spin { to { transform: rotate(360deg); } } @keyframes ka-shimmer { 0% { background-position: -140% 0; } 100% { background-position: 240% 0; } } @keyframes ka-stream { from { opacity: 0; clip-path: inset(0 100% 0 0); filter: blur(4px); } 45% { opacity: 1; filter: blur(0); } to { opacity: 1; clip-path: inset(0 0 0 0); filter: blur(0); } } @keyframes kw-glow { 0% { background: rgba(147,222,253,0.14); box-shadow: 0 0 0 rgba(147,222,253,0); } 35% { background: rgba(147,222,253,0.34); box-shadow: 0 0 16px rgba(147,222,253,0.55); } 100% { background: rgba(147,222,253,0.14); box-shadow: 0 0 0 rgba(147,222,253,0); } } @keyframes sum-grow { from { max-height: 0; opacity: 0; transform: translateY(-4px); } to { max-height: 520px; opacity: 1; transform: translateY(0); } } @keyframes title-glow { 0% { text-shadow: 0 0 0 rgba(0,0,0,0); color: var(--gw-text,#F2F3F6); } 18% { text-shadow: 0 0 12px var(--gw-glow-a,rgba(147,222,253,0.32)); } 42% { text-shadow: 0 0 20px var(--gw-glow-b,rgba(147,222,253,0.78)); color: var(--gw-strong,#FFFFFF); } 100% { text-shadow: 0 0 0 rgba(0,0,0,0); color: var(--gw-text,#F2F3F6); } } @keyframes win-glow { 0% { box-shadow: inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)), var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26)), 0 0 0 0 rgba(0,0,0,0); } 18% { box-shadow: inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)), var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26)), 0 0 18px 1px var(--gw-glow-a,rgba(147,222,253,0.32)); } 42% { box-shadow: inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)), var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26)), 0 0 26px 3px var(--gw-glow-b,rgba(147,222,253,0.52)); } 100% { box-shadow: inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)), var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26)), 0 0 0 0 rgba(0,0,0,0); } } @keyframes ka-in { from { opacity: 0; transform: translateY(14px) scale(0.965); filter: blur(12px); } 45% { opacity: 0.92; filter: blur(2px); } to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } /* ---- hoisted element styles ---- */ .aa-s1{max-width:1760px;margin:0 auto;padding:120px clamp(28px,5.6vw,96px) 0;will-change:transform,opacity} .aa-s2{display: grid; grid-template-columns: minmax(0,1fr) minmax(0, 447px); gap: 64px; align-items: start} .aa-s3{display:flex;flex-direction:column;gap:26px} .aa-s4{display:flex;align-items:center;gap:9px;font-family:'DM Mono',ui-monospace,Menlo,monospace;font-size:14px;font-weight:400;letter-spacing:0.09em;text-transform:uppercase;color:#5A616C} .aa-s5{margin:0;align-self:stretch;font-size:56px;font-weight:500;line-height:115%;letter-spacing:-1.68px;color:#25252A} .aa-s6{white-space: pre-wrap} .aa-s7{display:flex;align-items:center;gap:0;flex:none;width:fit-content;white-space:nowrap;padding:8px 12px;border-radius:8px;height:40px;box-sizing:border-box;color:#FFFFFF;background-color:#205AE3;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;transition:background 240ms cubic-bezier(.2,.7,.2,1)} .aa-s7:hover{background:#0D43C2;color:#FFFFFF} .aa-s8{display:block;width:18px;height:18px;overflow:hidden;flex:none;margin-left:4px} .aa-s9{display:flex;flex-direction:column;transform:translateY(-18px);transition:transform 300ms cubic-bezier(.2,.7,.2,1)} .aa-s10{display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding-top:76px;justify-self:end;width:100%} .aa-s11{margin:0;align-self:stretch;font-size:18px;font-weight:400;line-height:150%;letter-spacing:0;color:#000000;text-wrap:pretty} .aa-s12{position:relative;margin-top:120px;margin-bottom:80px} .aa-s13{position:sticky;top:80px;height:80vh;overflow:hidden} .aa-s14{position:absolute;display:flex;gap:24px;overflow:hidden;will-change:width,height,left,top} .aa-s15{display:flex;flex-direction:column;gap:24px;flex:none} .aa-s16{position:relative;flex:1;overflow:hidden;border-radius:20px;background:#D5DCE3} .aa-s17{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none} .aa-s18{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block} .aa-s19{display:none} .aa-s20{position:absolute;left:0;right:0;bottom:0;height:17%;pointer-events:none;border-radius:inherit} .aa-s21{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to bottom,transparent 0%,#000 26%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 26%)} .aa-s22{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,transparent 22%,#000 46%);-webkit-mask-image:linear-gradient(to bottom,transparent 22%,#000 46%)} .aa-s23{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to bottom,transparent 42%,#000 66%);-webkit-mask-image:linear-gradient(to bottom,transparent 42%,#000 66%)} .aa-s24{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to bottom,transparent 62%,#000 86%);-webkit-mask-image:linear-gradient(to bottom,transparent 62%,#000 86%)} .aa-s25{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgba(8,8,12,0.46) 0%,rgba(8,8,12,0.24) 42%,rgba(8,8,12,0) 100%)} .aa-s26{position:absolute;left:0;bottom:0;width:52%;height:28%;pointer-events:none;border-radius:inherit} .aa-s27{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 52%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 52%,transparent 84%)} .aa-s28{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 36%,transparent 66%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 36%,transparent 66%)} .aa-s29{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 22%,transparent 48%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 22%,transparent 48%)} .aa-s30{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 10%,transparent 32%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,#000 0%,#000 10%,transparent 32%)} .aa-s31{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 100% 100% at 0% 100%,rgba(8,8,12,0.52) 0%,rgba(8,8,12,0.28) 34%,rgba(8,8,12,0) 68%)} .aa-s32{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:999px;background:rgba(20,20,26,0.42);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,0.14)} .aa-s33{position:relative;flex:none;width:34px;height:34px;border-radius:999px;background:#F2F1EE;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#3C3C47} .aa-s34{position:absolute;right:1px;bottom:0;width:8px;height:8px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#4ADE80;box-shadow:0 0 0 1.5px rgba(20,20,26,0.55)} .aa-s35{position:absolute;inset:0;border-radius:999px;background:#4ADE80;animation:live-ping 1800ms cubic-bezier(.2,.7,.2,1) infinite} .aa-s36{display:flex;flex-direction:column;gap:1px} .aa-s37{font-size:14px;font-weight:600;letter-spacing:-0.01em;color:#FFFFFF;white-space:nowrap} .aa-s38{font-size:12px;font-weight:500;color:rgba(255,255,255,0.7)} .aa-s39{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:7px;min-width:0} .aa-s40{flex:none;width:10px;height:10px;border-radius:999px;background:linear-gradient(140deg,#6E95F0,#AE95DD)} .aa-s41{flex:none;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#FFFFFF;text-shadow:0 1px 4px rgba(0,0,0,0.4)} .aa-s42{flex:none;width:10px;height:10px;border-radius:999px;background:linear-gradient(140deg,#FCB56C,#F87563)} .aa-s43{position:relative;flex:1;overflow:hidden;border-radius:20px;background:#0E0E13} .aa-s44{position:absolute;inset:0;opacity:1;transform:scaleY(-1);transition:opacity 460ms cubic-bezier(.2,.7,.2,1);background-image:url("data:image/svg+xml,%3Csvg width='840' height='630' viewBox='0 0 840 630' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg filter='url(%23filter0_n_303_2180)'%3E %3Cg clip-path='url(%23clip0_303_2180)'%3E %3Crect width='840' height='630' fill='%23050A1F'%3E%3C/rect%3E %3Cg filter='url(%23filter1_f_303_2180)'%3E %3Ccircle cx='-76.8121' cy='666.593' r='692.278' fill='url(%23paint0_radial_303_2180)'%3E%3C/circle%3E %3C/g%3E %3Cg opacity='0.7' filter='url(%23filter2_f_303_2180)'%3E %3Ccircle cx='165.664' cy='512.389' r='692.278' fill='url(%23paint1_radial_303_2180)'%3E%3C/circle%3E %3C/g%3E %3Cg opacity='0.8' filter='url(%23filter3_f_303_2180)'%3E %3Ccircle cx='-134.264' cy='700.191' r='566.409' fill='url(%23paint2_radial_303_2180)'%3E%3C/circle%3E %3C/g%3E %3Cg opacity='0.5' filter='url(%23filter4_f_303_2180)'%3E %3Ccircle cx='873.48' cy='10.0665' r='407.977' fill='url(%23paint3_radial_303_2180)'%3E%3C/circle%3E %3C/g%3E %3Cg filter='url(%23filter5_f_303_2180)'%3E %3Cellipse cx='528.094' cy='311.161' rx='350.87' ry='572.732' transform='rotate(-32.9066 528.094 311.161)' fill='url(%23paint4_radial_303_2180)'%3E%3C/ellipse%3E %3C/g%3E %3C/g%3E %3C/g%3E %3Cdefs%3E %3Cfilter id='filter0_n_303_2180' x='0' y='0' width='840' height='630' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeTurbulence type='fractalNoise' baseFrequency='2 2' stitchTiles='stitch' numOctaves='3' result='noise' seed='6373'%3E%3C/feTurbulence%3E %3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise'%3E%3C/feColorMatrix%3E %3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E %3CfeFuncA type='discrete' tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '%3E%3C/feFuncA%3E %3C/feComponentTransfer%3E %3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped'%3E%3C/feComposite%3E %3CfeFlood flood-color='rgba(5, 10, 31, 0.3)' result='color1Flood'%3E%3C/feFlood%3E %3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1'%3E%3C/feComposite%3E %3CfeMerge result='effect1_noise_303_2180'%3E %3CfeMergeNode in='shape'%3E%3C/feMergeNode%3E %3CfeMergeNode in='color1'%3E%3C/feMergeNode%3E %3C/feMerge%3E %3C/filter%3E %3Cfilter id='filter1_f_303_2180' x='-894.959' y='-151.554' width='1636.29' height='1636.29' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='62.9344' result='effect1_foregroundBlur_303_2180'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter2_f_303_2180' x='-652.483' y='-305.758' width='1636.29' height='1636.29' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='62.9344' result='effect1_foregroundBlur_303_2180'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter3_f_303_2180' x='-826.542' y='7.91321' width='1384.56' height='1384.56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='62.9344' result='effect1_foregroundBlur_303_2180'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter4_f_303_2180' x='348.938' y='-514.476' width='1049.08' height='1049.08' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='58.2825' result='effect1_foregroundBlur_303_2180'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter5_f_303_2180' x='-0.379395' y='-306.224' width='1056.95' height='1234.77' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_303_2180'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3CradialGradient id='paint0_radial_303_2180' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-76.8121 666.593) rotate(-39.6733) scale(695.886)'%3E %3Cstop stop-color='%238B82D8'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%238B82D8' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint1_radial_303_2180' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(165.664 512.389) rotate(-39.6733) scale(695.886)'%3E %3Cstop stop-color='%236D7DCC'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%236D7DCC' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint2_radial_303_2180' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-134.264 700.192) rotate(-39.8317) scale(567.152)'%3E %3Cstop stop-color='%23F0F4FF'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%23F0F4FF' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint3_radial_303_2180' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(873.48 10.0665) rotate(-39.6733) scale(410.103)'%3E %3Cstop stop-color='%237F8FB9'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%237F8FB9' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint4_radial_303_2180' cx='0' cy='0' r='1' gradientTransform='matrix(271.471 -367.543 225.166 443.128 528.094 311.161)' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%2303081A'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%2303081A' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CclipPath id='clip0_303_2180'%3E %3Crect width='840' height='630' fill='white'%3E%3C/rect%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E");background-size:cover;background-position:center center;background-repeat:no-repeat} .aa-s45{position:absolute;inset:0;opacity:0;transition:opacity 460ms cubic-bezier(.2,.7,.2,1);background-image:url("data:image/svg+xml,%3Csvg width='840' height='630' viewBox='0 0 840 630' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg filter='url(%23filter0_n_345_991)'%3E %3Cg clip-path='url(%23clip0_345_991)'%3E %3Crect width='840' height='630' fill='%23F8F9FC'%3E%3C/rect%3E %3Cg filter='url(%23filter1_f_345_991)'%3E %3Ccircle cx='204.284' cy='420.864' r='692.278' fill='url(%23paint0_radial_345_991)'%3E%3C/circle%3E %3C/g%3E %3Cg filter='url(%23filter2_f_345_991)'%3E %3Ccircle cx='103.217' cy='542.255' r='692.278' fill='url(%23paint1_radial_345_991)'%3E%3C/circle%3E %3C/g%3E %3Cg filter='url(%23filter3_f_345_991)'%3E %3Ccircle cx='-57' cy='630' r='566.409' fill='url(%23paint2_radial_345_991)'%3E%3C/circle%3E %3C/g%3E %3Cg filter='url(%23filter4_f_345_991)'%3E %3Cellipse cx='509.409' cy='290.224' rx='350.87' ry='572.732' transform='rotate(-32.9066 509.409 290.224)' fill='url(%23paint3_radial_345_991)'%3E%3C/ellipse%3E %3C/g%3E %3Cg filter='url(%23filter5_f_345_991)'%3E %3Ccircle cx='857.684' cy='26.7419' r='407.977' fill='url(%23paint4_radial_345_991)'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3Cdefs%3E %3Cfilter id='filter0_n_345_991' x='0' y='0' width='840' height='630' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeTurbulence type='fractalNoise' baseFrequency='2 2' stitchTiles='stitch' numOctaves='3' result='noise' seed='6373'%3E%3C/feTurbulence%3E %3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise'%3E%3C/feColorMatrix%3E %3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E %3CfeFuncA type='discrete' tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '%3E%3C/feFuncA%3E %3C/feComponentTransfer%3E %3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped'%3E%3C/feComposite%3E %3CfeFlood flood-color='rgba(109, 125, 204, 0.2)' result='color1Flood'%3E%3C/feFlood%3E %3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1'%3E%3C/feComposite%3E %3CfeMerge result='effect1_noise_345_991'%3E %3CfeMergeNode in='shape'%3E%3C/feMergeNode%3E %3CfeMergeNode in='color1'%3E%3C/feMergeNode%3E %3C/feMerge%3E %3C/filter%3E %3Cfilter id='filter1_f_345_991' x='-613.863' y='-397.283' width='1636.29' height='1636.29' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='62.9344' result='effect1_foregroundBlur_345_991'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter2_f_345_991' x='-714.93' y='-275.892' width='1636.29' height='1636.29' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='62.9344' result='effect1_foregroundBlur_345_991'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter3_f_345_991' x='-749.278' y='-62.2782' width='1384.56' height='1384.56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='62.9344' result='effect1_foregroundBlur_345_991'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter4_f_345_991' x='-19.0637' y='-327.16' width='1056.95' height='1234.77' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_345_991'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3Cfilter id='filter5_f_345_991' x='333.142' y='-497.8' width='1049.08' height='1049.08' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'%3E%3C/feBlend%3E %3CfeGaussianBlur stdDeviation='58.2825' result='effect1_foregroundBlur_345_991'%3E%3C/feGaussianBlur%3E %3C/filter%3E %3CradialGradient id='paint0_radial_345_991' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(204.284 420.864) rotate(-39.6733) scale(695.886)'%3E %3Cstop stop-color='%23D6E2FF'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%23D6E2FF' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint1_radial_345_991' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(103.217 542.256) rotate(-39.6733) scale(695.886)'%3E %3Cstop stop-color='%23D8D2F5'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%23D8D2F5' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint2_radial_345_991' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-57.0001 630) rotate(-39.8317) scale(567.152)'%3E %3Cstop stop-color='white'%3E%3C/stop%3E %3Cstop offset='1' stop-color='white' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint3_radial_345_991' cx='0' cy='0' r='1' gradientTransform='matrix(271.471 -367.543 225.166 443.128 509.409 290.224)' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23FFF2E9'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%23FFF2E9' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CradialGradient id='paint4_radial_345_991' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(857.684 26.742) rotate(-39.6733) scale(410.103)'%3E %3Cstop stop-color='%23E6EBF4'%3E%3C/stop%3E %3Cstop offset='1' stop-color='%23E6EBF4' stop-opacity='0'%3E%3C/stop%3E %3C/radialGradient%3E %3CclipPath id='clip0_345_991'%3E %3Crect width='840' height='630' fill='white'%3E%3C/rect%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E");background-size:cover;background-position:center center;background-repeat:no-repeat} .aa-s46{position:absolute;inset:0;opacity:0.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none} .aa-s47{position:absolute;inset:0;opacity:0;transition:opacity 300ms cubic-bezier(.2,.7,.2,1);pointer-events:none;overflow:hidden} .aa-s48{position:absolute;top:0;left:0;right:0;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 20px;background:rgba(12,14,22,0.42);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(255,255,255,0.09);color:rgba(255,255,255,0.9);font-size:14px;font-weight:500;letter-spacing:-0.005em} .aa-s49{display:flex;align-items:center;gap:9px} .aa-s50{width:15px;height:15px;object-fit:contain;display:block;opacity:0.92} .aa-s51{display:flex;align-items:center;gap:15px;color:rgba(255,255,255,0.74)} .aa-s52{font-variant-numeric:tabular-nums} .aa-s53{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;overflow:visible} .aa-s54{width:420px;flex:none;display:flex;flex-direction:column;gap:8px;will-change:transform} .aa-s55{position:relative;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .aa-s56{display:flex;flex:none;align-items:center;justify-content:center;gap:9px;width:104px;height:40px;padding:0;border-radius:999px;background:var(--gw-btn,rgba(30,32,42,0.34));border:1px solid var(--gw-btn-border,rgba(255,255,255,0.19));backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:filter 180ms ease} .aa-s56:hover{filter:brightness(1.35)} .aa-s57{width:17px;height:17px;object-fit:contain;display:block;opacity:0.95;pointer-events:none;filter:var(--gw-mark,none)} .aa-s58{width:44px;font-size:14px;font-weight:500;color:var(--gw-text,#F2F3F6);font-variant-numeric:tabular-nums;text-align:left;pointer-events:none} .aa-s59{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--gw-btn,rgba(30,32,42,0.34));border:1px solid var(--gw-btn-border,rgba(255,255,255,0.19));backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);box-shadow:inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.10));color:var(--gw-icon,#EEF0F5);cursor:pointer;transition:filter 180ms ease} .aa-s59:hover{filter:brightness(1.35)} .aa-s60{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#6B4BD6;border:1px solid rgba(255,255,255,0.16);color:#E7E9EE;cursor:pointer;transition:filter 180ms ease;color:#FFFFFF} .aa-s60:hover{filter:brightness(1.18)} .aa-s61{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--gw-btn,rgba(30,32,42,0.34));border:1px solid var(--gw-btn-border,rgba(255,255,255,0.19));backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);box-shadow:inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.10));color:var(--gw-icon,#EEF0F5);cursor:pointer;transition:filter 180ms ease} .aa-s61:hover{filter:brightness(1.35)} .aa-s62{display:flex;flex-direction:column;gap:12px;padding:15px 16px 13px;border-radius:12px;background:var(--gw-fill,rgba(26,28,38,0.30));border:1px solid var(--gw-border,rgba(255,255,255,0.17));backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%);box-shadow:inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)),var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26));will-change:transform} .aa-s63{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none} .aa-s64{display:flex;align-items:center;gap:9px;color:var(--gw-text,#F2F3F6);font-size:14px;font-weight:500} .aa-s65{display:none;flex:none;align-items:center;gap:7px;padding:4px 11px 4px 4px;border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12));border-radius:999px;background:var(--gw-tile,rgba(255,255,255,0.09));color:var(--gw-text,#EDEFF4);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background 180ms ease,border-color 180ms ease} .aa-s65:hover{background:var(--gw-hover,rgba(255,255,255,0.16));border-color:var(--gw-tile-border,rgba(255,255,255,0.24))} .aa-s66{display:flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(#24242A,#24242A) padding-box,linear-gradient(135deg,#93DEFD,#AE95DD 45%,#FCB56C) border-box;color:#EDEFF4} .aa-s67{display:flex;flex-direction:column;gap:14px;max-height:165px;padding-right:10px;margin-right:-12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;scrollbar-color:rgba(255,255,255,0.28) transparent} .aa-s68{display:flex;gap:11px;align-items:flex-start} .aa-s69{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1} .aa-s70{font-size:12px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--gw-label,#C2C9D6);opacity:0.62} .aa-s71{margin:0;font-size:14px;line-height:1.5;letter-spacing:-0.005em;color:var(--gw-text,#EDEFF4);text-wrap:pretty} .aa-s72{border-radius:4px;padding:0 2px;margin:0 -2px;font-weight:600;color:var(--gw-strong,#FFFFFF);background:rgba(147,222,253,0.20);animation:kw-glow 1600ms cubic-bezier(.2,.7,.2,1) both} .aa-s73{position:relative;display:flex;flex-direction:column;gap:11px;padding:15px 16px 14px;border-radius:12px;background:var(--gw-fill,rgba(26,28,38,0.30));border:1px solid var(--gw-border,rgba(255,255,255,0.17));backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%);box-shadow:inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)),var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26));will-change:transform;animation:win-glow 3200ms cubic-bezier(.33,0,.2,1) 320ms 1 both} .aa-s74{display:contents;animation:ka-in 620ms cubic-bezier(.2,.7,.2,1) 130ms both} .aa-s75{display:flex;align-items:center;gap:6px;flex:none;padding:4px 9px;border-radius:999px;background:linear-gradient(100deg,#4A6FA8,#7B6FA8 45%,#8A6A63);color:#FFFFFF;font-size:11.5px;font-weight:600;white-space:nowrap} .aa-s76{flex:none} .aa-s77{display:flex;flex-direction:column;gap:9px;padding-right:8px;margin-right:-10px;overscroll-behavior:contain;scrollbar-width:none;scrollbar-color:rgba(255,255,255,0.28) transparent;animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 300ms both} .aa-s78{display:flex;flex-direction:column;gap:9px} .aa-s79{display:flex;align-items:center;justify-content:space-between;gap:10px} .aa-s80{margin:0;font-size:14px;line-height:1.45;letter-spacing:-0.005em;color:var(--gw-muted,#D5D9E2);text-wrap:pretty;font-size:12.5px} .aa-s81{display:flex;align-items:center;gap:4px;flex:none;padding:3px 7px;border-radius:999px;background:linear-gradient(100deg,#4A6FA8,#7B6FA8 45%,#8A6A63);color:#FFFFFF;font-size:10px;font-weight:600;white-space:nowrap} .aa-s82{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:var(--gw-tile,rgba(255,255,255,0.09));border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12))} .aa-s83{flex:none;width:14px;height:14px;border-radius:999px;border:1.6px solid var(--gw-tile-border,rgba(255,255,255,0.35));border-top-color:var(--gw-strong,#FFFFFF);animation:ka-spin 900ms linear infinite} .aa-s84{font-size:14px;font-weight:500;color:var(--gw-muted,#D9DCE4)} .aa-s85{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px 13px;border-radius:12px;background:var(--gw-tile,rgba(255,255,255,0.10))} .aa-s85::before{content:'';content:'';position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#93DEFD,#AE95DD 45%,#FCB56C);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none} .aa-s86{display:flex;align-items:center;gap:10px} .aa-s87{flex:none;width:15px;height:15px;border-radius:999px;border:1.6px solid var(--gw-tile-border,rgba(255,255,255,0.35));border-top-color:var(--gw-strong,#FFFFFF);animation:ka-spin 900ms linear infinite} .aa-s88{display:flex;flex-direction:column;gap:10px;animation:ka-in 420ms cubic-bezier(.2,.7,.2,1) both} .aa-s89{margin:0;font-size:14px;line-height:1.5;letter-spacing:-0.005em;color:var(--gw-text,#EDEFF4);text-wrap:pretty;animation:ka-stream 700ms cubic-bezier(.2,.7,.2,1) 60ms both} .aa-s90{height:1px;background:var(--gw-tile-border,rgba(255,255,255,0.14));animation:ka-in 300ms cubic-bezier(.2,.7,.2,1) 900ms both} .aa-s91{display:flex;align-items:center;gap:8px;min-width:0;animation:ka-in 300ms cubic-bezier(.2,.7,.2,1) 1000ms both} .aa-s92{flex:none;font-size:12.5px;font-weight:500;color:var(--gw-label,#B1BAC4)} .aa-s93{display:flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid transparent;border-radius:8px;background:var(--gw-chip,rgba(255,255,255,0.13));color:var(--gw-chip-text,#E9ECF2);font-size:11.5px;font-weight:500;min-width:0;flex:1 1 auto;cursor:pointer;outline:none;transition:background 180ms cubic-bezier(.2,.7,.2,1),border-color 180ms cubic-bezier(.2,.7,.2,1),color 180ms cubic-bezier(.2,.7,.2,1)} .aa-s93:hover{background:var(--gw-hover,rgba(255,255,255,0.22));border-color:var(--gw-tile-border,rgba(255,255,255,0.22));color:var(--gw-strong,#FFFFFF)} .aa-s93:focus{border-color:var(--gw-link,#93DEFD)} .aa-s94{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .aa-s95{display:flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid transparent;border-radius:8px;background:var(--gw-chip,rgba(255,255,255,0.13));color:var(--gw-chip-text,#E9ECF2);font-size:11.5px;font-weight:500;min-width:0;flex:0 0 auto;cursor:pointer;outline:none;transition:background 180ms cubic-bezier(.2,.7,.2,1),border-color 180ms cubic-bezier(.2,.7,.2,1),color 180ms cubic-bezier(.2,.7,.2,1)} .aa-s95:hover{background:var(--gw-hover,rgba(255,255,255,0.22));border-color:var(--gw-tile-border,rgba(255,255,255,0.22));color:var(--gw-strong,#FFFFFF)} .aa-s95:focus{border-color:var(--gw-link,#93DEFD)} .aa-s96{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;animation:ka-in 420ms cubic-bezier(.2,.7,.2,1) both} .aa-s97{font-size:12.5px;font-weight:500;color:var(--gw-label,#B1BAC4)} .aa-s98{display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:999px;background:linear-gradient(140deg,#FCB56C,#F87563);color:#3A2410;font-size:12px;font-weight:700;animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 20ms both} .aa-s99{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:999px;background:rgba(252,181,108,0.15);border:1px solid rgba(252,181,108,0.30);color:var(--gw-chip-text,#E9ECF2);font-size:11.5px;font-weight:500;white-space:nowrap;flex:none;animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 60ms both} .aa-s100{flex:none;width:5px;height:5px;border-radius:999px;background:#93DEFD} .aa-s101{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:999px;background:rgba(252,181,108,0.15);border:1px solid rgba(252,181,108,0.30);color:var(--gw-chip-text,#E9ECF2);font-size:11.5px;font-weight:500;white-space:nowrap;flex:none;animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 200ms both} .aa-s102{flex:none;width:5px;height:5px;border-radius:999px;background:#AE95DD} .aa-s103{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:999px;background:rgba(252,181,108,0.15);border:1px solid rgba(252,181,108,0.30);color:var(--gw-chip-text,#E9ECF2);font-size:11.5px;font-weight:500;white-space:nowrap;flex:none;animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 340ms both} .aa-s104{flex:none;width:5px;height:5px;border-radius:999px;background:#FCB56C} .aa-s105{display:flex;flex-direction:column;gap:9px;padding:12px 13px;border-radius:12px;background:var(--gw-tile,rgba(255,255,255,0.09));border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12))} .aa-s106{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .aa-s107{font-size:14px;font-weight:600;letter-spacing:-0.005em;color:var(--gw-strong,#FFFFFF)} .aa-s108{flex:none;padding:3px 8px;border-radius:8px;background:rgba(147,222,253,0.24);color:var(--gw-ok-text,#CBEEDB);font-size:12px;font-weight:600} .aa-s109{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:19px;font-size:14px;line-height:1.45;color:var(--gw-strong,#FFFFFF);opacity:0.8} .aa-s110{display:flex;flex-direction:column;gap:7px;padding:12px 13px;border-radius:12px;background:var(--gw-tile,rgba(255,255,255,0.09));border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12))} .aa-s111{display:flex;flex:none;gap:8px;color:var(--gw-link,#93DEFD)} .aa-s112{display:flex;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transition:opacity 180ms ease} .aa-s112:hover{opacity:0.7} .aa-s113{margin:0;font-size:14px;line-height:1.45;color:var(--gw-strong,#FFFFFF);opacity:0.8;text-wrap:pretty} .aa-s114{display:flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid var(--gw-tile-border,rgba(255,255,255,0.22));border-radius:999px;background:var(--gw-tile,rgba(255,255,255,0.09));animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 380ms both} .aa-s115{flex:none;color:var(--gw-label,#B1BAC4)} .aa-s116{flex:1;min-width:0;padding:3px 0;border:0;background:transparent;color:var(--gw-strong,#FFFFFF);font:inherit;font-size:14px;letter-spacing:-0.005em;outline:none} .aa-s117{display:flex;flex:none;padding:0;border:0;background:transparent;color:var(--gw-label,#B1BAC4);cursor:pointer;transition:color 180ms ease} .aa-s117:hover{color:var(--gw-strong,#FFFFFF)} .aa-s118{display:flex;flex-direction:column;gap:11px;padding:15px 16px 14px;border-radius:12px;background:var(--gw-fill,rgba(26,28,38,0.30));border:1px solid var(--gw-border,rgba(255,255,255,0.17));backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%);box-shadow:inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)),var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26));will-change:transform} .aa-s119{display:flex;flex-direction:column;gap:10px;animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 300ms both} .aa-s120{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:7px 11px;border-radius:8px;background:rgba(107,75,214,0.26);border:1px solid rgba(174,149,221,0.30);text-align:left;cursor:pointer;transition:background 180ms cubic-bezier(.2,.7,.2,1)} .aa-s120:hover{background:rgba(107,75,214,0.36)} .aa-s121{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;letter-spacing:-0.005em;color:var(--gw-strong,#FFFFFF)} .aa-s122{transition:transform 240ms cubic-bezier(.2,.7,.2,1)} .aa-s123{display:flex;flex:none;align-items:center;gap:7px} .aa-s124{transform:rotate(-90deg)} .aa-s125{transition:stroke-dashoffset 420ms cubic-bezier(.2,.7,.2,1)} .aa-s126{display:flex;flex-direction:column;gap:10px} .aa-s127{display:flex;align-items:flex-start;gap:10px} .aa-s128{flex:none;display:flex;align-items:center;justify-content:center;width:19px;height:19px;margin-top:1px;border:1.6px solid var(--gw-tile-border,rgba(255,255,255,0.30));border-radius:999px;background:transparent;color:transparent;cursor:pointer;transition:background 180ms cubic-bezier(.2,.7,.2,1),border-color 180ms cubic-bezier(.2,.7,.2,1),color 180ms cubic-bezier(.2,.7,.2,1)} .aa-s128:hover{border-color:var(--gw-strong,#FFFFFF)} .aa-s129{display:flex;flex-direction:column;gap:2px;min-width:0} .aa-s130{font-size:14px;font-weight:600;letter-spacing:-0.005em;color:var(--gw-strong,#FFFFFF);transition:opacity 240ms cubic-bezier(.2,.7,.2,1)} .aa-s131{margin:0;font-size:14px;line-height:1.45;color:var(--gw-strong,#FFFFFF);opacity:0.8;text-wrap:pretty;transition:opacity 240ms cubic-bezier(.2,.7,.2,1)} .aa-s132{display:flex;align-items:flex-start;justify-content:flex-end;gap:9px} .aa-s133{margin:0;max-width:82%;padding:10px 12px;border-radius:12px 12px 4px 12px;background:var(--gw-tile,rgba(255,255,255,0.13));border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12));font-size:14px;line-height:1.45;letter-spacing:-0.005em;color:var(--gw-text,#EDEFF4);text-wrap:pretty} .aa-s134{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:linear-gradient(140deg,#6E95F0,#AE95DD);color:#FFFFFF;font-size:12px;font-weight:600} .aa-s135{display:flex;align-items:flex-start;gap:9px} .aa-s136{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#4B2FA8;color:#FFFFFF;font-size:12px;font-weight:600} .aa-s137{margin:0;max-width:82%;padding:10px 12px;border-radius:12px 12px 12px 4px;background:rgba(107,75,214,0.30);border:1px solid rgba(174,149,221,0.34);font-size:14px;line-height:1.45;letter-spacing:-0.005em;color:var(--gw-text,#EDEFF4);text-wrap:pretty} .aa-s138{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 13px;border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12));border-radius:999px;background:var(--gw-tile,rgba(255,255,255,0.09));animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 380ms both} .aa-s139{flex:1;min-width:0;padding:5px 0;border:0;background:transparent;color:var(--gw-text,#EDEFF4);font:inherit;font-size:14px;letter-spacing:-0.005em;outline:none} .aa-s140{display:flex;flex:none;align-items:center;gap:7px;padding:6px 13px;border:0;border-radius:999px;background:#6B4BD6;color:#FFFFFF;font-size:14px;font-weight:500;cursor:pointer;transition:background 180ms cubic-bezier(.2,.7,.2,1),color 180ms cubic-bezier(.2,.7,.2,1)} .aa-s140:hover{filter:brightness(1.18)} .aa-s141{display:flex;flex-direction:column;gap:12px;padding:15px 16px 14px;border-radius:12px;background:var(--gw-fill,rgba(26,28,38,0.30));border:1px solid var(--gw-border,rgba(255,255,255,0.17));backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%);box-shadow:inset 0 1px 0 var(--gw-inset,rgba(255,255,255,0.11)),var(--gw-shadow,0 22px 48px rgba(6,6,12,0.26));will-change:transform;animation:win-glow 3200ms cubic-bezier(.33,0,.2,1) 320ms 1 both} .aa-s142{display:flex;flex-direction:column;gap:11px;overflow:hidden;animation:sum-grow 720ms cubic-bezier(.2,.7,.2,1) both} .aa-s143{display:flex;flex-direction:column;gap:3px;animation:ka-stream 780ms cubic-bezier(.2,.7,.2,1) 60ms both} .aa-s144{font-size:12px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--gw-label,#C2C9D6);opacity:0.7} .aa-s145{margin:0;padding:2px 4px;margin-left:-4px;border-radius:8px;font-size:14px;line-height:1.45;color:var(--gw-text,#EDEFF4);text-wrap:pretty;outline:none;cursor:text;transition:background 180ms cubic-bezier(.2,.7,.2,1)} .aa-s145:hover{background:var(--gw-hover,rgba(255,255,255,0.07))} .aa-s145:focus{background:var(--gw-hover,rgba(255,255,255,0.10))} .aa-s146{display:flex;flex-direction:column;gap:3px;animation:ka-stream 780ms cubic-bezier(.2,.7,.2,1) 620ms both} .aa-s147{display:flex;flex-direction:column;gap:3px;animation:ka-stream 780ms cubic-bezier(.2,.7,.2,1) 1180ms both} .aa-s148{width:100%;min-height:112px;resize:none;padding:0;border:0;background:transparent;color:var(--gw-text,#EDEFF4);font:inherit;font-size:14px;line-height:1.45;letter-spacing:-0.005em;outline:none} .aa-s149{font-size:14px;font-weight:500;letter-spacing:-0.005em;color:var(--gw-muted,#D9DCE4)} .aa-s150{display:flex;flex-direction:column;gap:10px;padding:12px 13px;border-radius:12px;background:var(--gw-tile,rgba(255,255,255,0.10));border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12));animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 300ms both} .aa-s151{display:flex;flex-direction:column;gap:3px} .aa-s152{font-size:14px;font-weight:500;color:var(--gw-muted,#D2D7E0)} .aa-s153{font-weight:600;color:var(--gw-text,#EDEFF4)} .aa-s154{align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#6B4BD6;color:#FFFFFF;font-size:14px;font-weight:500;cursor:pointer;transition:filter 180ms ease} .aa-s154:hover{filter:brightness(1.18)} .aa-s155{display:flex;align-items:center;gap:12px} .aa-s156{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--gw-chip,rgba(255,255,255,0.16));color:var(--gw-strong,#FFFFFF);font-size:14px;font-weight:500} .aa-s157{flex:none;width:13px;height:13px;border-radius:999px;border:1.6px solid var(--gw-tile-border,rgba(255,255,255,0.35));border-top-color:var(--gw-strong,#FFFFFF);animation:ka-spin 900ms linear infinite} .aa-s158{padding:0;border:0;background:transparent;color:var(--gw-label,#B1BAC4);font-size:14px;font-weight:500;cursor:pointer;transition:color 180ms ease} .aa-s158:hover{color:var(--gw-strong,#FFFFFF)} .aa-s159{display:flex;align-items:center;gap:12px;animation:ka-in 300ms cubic-bezier(.2,.7,.2,1) both} .aa-s160{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;background:rgba(126,214,168,0.26);color:var(--gw-ok-text,#CBEEDB);font-size:14px;font-weight:500} .aa-s161{padding:0;border:0;background:transparent;color:var(--gw-link,#93DEFD);font-size:14px;font-weight:500;cursor:pointer;transition:color 180ms ease} .aa-s161:hover{color:var(--gw-strong,#FFFFFF)} .aa-s162{display:flex;padding:5px;margin:-5px;border:0;border-radius:8px;background:transparent;color:var(--gw-label,#B1BAC4);cursor:pointer;transition:background 180ms ease,color 180ms ease} .aa-s162:hover{background:var(--gw-hover,rgba(255,255,255,0.09));color:var(--gw-strong,#FFFFFF)} .aa-s163{display:flex;align-items:center;gap:10px;flex-wrap:wrap;animation:ka-in 380ms cubic-bezier(.2,.7,.2,1) 240ms both} .aa-s164{font-size:16px;font-weight:600;letter-spacing:-0.01em;color:var(--gw-strong,#FFFFFF)} .aa-s165{display:flex;flex-direction:column;gap:11px;padding-left:13px;border-left:2px solid var(--gw-tile-border,rgba(255,255,255,0.34));animation:ka-in 420ms cubic-bezier(.2,.7,.2,1) 700ms both} .aa-s166{margin:0;font-size:14px;line-height:1.5;font-style:italic;letter-spacing:-0.005em;color:var(--gw-text,#EDEFF4);text-wrap:pretty} .aa-s167{font-weight:600;color:var(--gw-strong,#FFFFFF)} .aa-s168{display:flex;flex-direction:column;gap:7px} .aa-s169{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12));border-radius:8px;background:transparent;text-align:left;cursor:pointer;transition:background 180ms cubic-bezier(.2,.7,.2,1),border-color 180ms cubic-bezier(.2,.7,.2,1)} .aa-s169:hover{background:var(--gw-hover,rgba(255,255,255,0.09))} .aa-s170{font-size:14px;font-weight:500;letter-spacing:-0.005em;color:var(--gw-text,#EDEFF4);transition:opacity 240ms cubic-bezier(.2,.7,.2,1)} .aa-s171{color:var(--gw-label,#B1BAC4)} .aa-s172{display:flex;flex:none;align-items:center;justify-content:center;width:17px;height:17px;border-radius:999px;background:rgba(126,214,168,0.30);color:var(--gw-ok-text,#CBEEDB)} .aa-s173{position:absolute;inset:0;border-radius:8px;border:1px solid rgba(126,214,168,0.55);pointer-events:none} .aa-s174{margin:0;font-size:14px;line-height:1.6;letter-spacing:-0.005em;color:var(--gw-text,#EDEFF4);text-wrap:pretty} .aa-s175{background:rgba(147,222,253,0.24);color:var(--gw-strong,#FFFFFF);font-weight:600} .aa-s176{display:flex;flex-direction:column;gap:10px;padding:12px 13px;border-radius:12px;background:var(--gw-tile,rgba(255,255,255,0.10));border:1px solid var(--gw-tile-border,rgba(255,255,255,0.12))} .aa-s177{font-size:14px;font-weight:500;color:var(--gw-text,#F5F6F9);letter-spacing:-0.005em} .aa-s178{display:flex;gap:9px;flex-wrap:wrap} .aa-s179{padding:4px 10px;border-radius:8px;background:var(--gw-chip,rgba(255,255,255,0.15));color:var(--gw-chip-text,#E9ECF2);font-size:14px;font-weight:500} .aa-s180{padding:4px 10px;border-radius:8px;background:var(--gw-alert,rgba(248,117,99,0.24));color:var(--gw-alert-text,#FFC9C0);font-size:14px;font-weight:500} .aa-s181{position:absolute;left:16px;right:130px;bottom:16px;z-index:8;display:flex;justify-content:center;pointer-events:none;opacity:0;transition:opacity 300ms cubic-bezier(.2,.7,.2,1)} .aa-s182{display:flex;align-items:center;gap:10px;width:100%;max-width:1040px;pointer-events:auto} .aa-s183{flex:none;font-size:14px;font-weight:600;letter-spacing:0.02em;color:var(--gw-tl-strong,#FFFFFF);opacity:0.85;white-space:nowrap} .aa-s184{position:relative;flex:none;width:34px;height:34px;padding:0;border:1px solid var(--gw-tl-playhead-border,rgba(255,255,255,0.30));border-radius:999px;background:var(--gw-tl-chip,rgba(30,32,42,0.34));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);color:var(--gw-tl-strong,#FFFFFF);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter 180ms ease} .aa-s184:hover{filter:brightness(1.35)} .aa-s185{position:absolute;transition:opacity 160ms ease} .aa-s186{position:absolute;opacity:0;transition:opacity 160ms ease} /* mask-clip:no-clip — a mask paints only inside its mask box, which defaults to this element's 38px border box, so the glass housing's 22px overhang top and bottom was erased. repeat-y + explicit size keep the horizontal edge fade hard-cutting at the track edges: without them the tiled gradient would repeat sideways too and un-hide the strip ribbon overhanging past track-left. */ .aa-s187{position:relative;flex:1;min-width:0;height:65px;overflow:visible;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:grab;touch-action:none;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-repeat:repeat-y;-webkit-mask-repeat:repeat-y;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-clip:no-clip;-webkit-mask-clip:no-clip} .aa-s188{position:absolute;top:0;left:0;height:100%;display:flex;align-items:stretch;will-change:transform} .aa-s189{position:relative;flex:none;width:168px;height:100%;padding:0;border:0;border-left:1px solid var(--gw-tl-tick-major,rgba(255,255,255,0.55));background:transparent;color:var(--gw-tl-label,#A9B2C0);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:14px;font-weight:600;letter-spacing:0.055em;text-transform:uppercase;line-height:1.25;transition:color 220ms ease,opacity 220ms ease} .aa-s189:hover{opacity:1} .aa-s190{position:absolute;left:0;right:0;bottom:8px;height:11px;background-image:repeating-linear-gradient(90deg,var(--gw-tl-tick,rgba(255,255,255,0.30)) 0 1px,transparent 1px 7px);pointer-events:none} .aa-s191{position:relative;padding:0 6px 23px} /* 30 x 52px, stated as an explicit height rather than a top/bottom inset, so the capsule is the same size at every breakpoint including phone regardless of what the band around it does. Width is not free: LENS_HALF is half this 30px and PILL_INNER_HALF is that minus the 1px borders — the pin and the strip hole both read off it. 999px clamps to a true 15px semicircle cap at this width. */ .aa-s192{position:absolute;left:50%;top:50%;height:52px;width:30px;transform:translate(-50%,-50%);border-radius:999px;overflow:hidden;border:1px solid var(--gw-tl-playhead-border,rgba(255,255,255,0.30));background:linear-gradient(180deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0.03) 42%,rgba(255,255,255,0.11) 100%);backdrop-filter:blur(5px) brightness(1.06) saturate(1.18);-webkit-backdrop-filter:blur(5px) brightness(1.06) saturate(1.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.42),inset 0 -1px 0 rgba(255,255,255,0.18),inset 2px 0 6px -3px rgba(255,255,255,0.5),inset -2px 0 6px -3px rgba(255,255,255,0.5),0 2px 10px rgba(8,8,14,0.28);display:flex;align-items:center;justify-content:center;pointer-events:none} .aa-s193{position:absolute;top:50%;left:0;height:65px;display:flex;align-items:stretch;pointer-events:none} .aa-s218{position:absolute;top:0;left:0;height:100%;display:flex;align-items:stretch;transform-origin:0 50%;will-change:transform;pointer-events:none} .aa-s194{position:relative;flex:none;width:168px;height:100%;border-left:1px solid var(--gw-tl-tick-major,rgba(255,255,255,0.55));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:14px;font-weight:600;letter-spacing:0.055em;text-transform:uppercase;line-height:1.25;color:var(--gw-tl-strong,#FFFFFF)} .aa-s195{position:absolute;left:0;right:0;bottom:8px;height:11px;background-image:repeating-linear-gradient(90deg,var(--gw-tl-tick,rgba(255,255,255,0.30)) 0 1px,transparent 1px 7px)} .aa-s196{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 26%,rgba(255,255,255,0) 74%,rgba(255,255,255,0.16) 100%);pointer-events:none} .aa-s197{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;border-radius:2px;background:var(--gw-tl-playhead-fill,#FFFFFF)} .aa-s198{position: absolute; right: 20px; bottom: 20px; z-index: 8; opacity: 0; transition: opacity 300ms cubic-bezier(.2,.7,.2,1); display: flex; align-items: center; width: 66px; height: 40px; padding: 3px; border: 0; border-radius: 999px; background: rgba(18,18,24,0.42); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); cursor: pointer; box-shadow: 0 8px 22px rgba(8,8,14,0.3); transition: background 200ms ease} .aa-s199{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#FFFFFF;color:#24242A;transition:transform 300ms cubic-bezier(.2,.7,.2,1)} .aa-s200{width:100%;max-width:1440px;box-sizing:border-box;margin:0 auto;padding:0 80px;background:#FFFFFF} /* ---- responsive rules from the design file ---- */ @media (max-width: 1200px){ .aa-hero-root [data-r~="hero-grid"]{grid-template-columns: minmax(0, 1fr) minmax(0, 400px) !important; gap: 40px !important} .aa-hero-root [data-r~="intro-right"]{padding-top: 56px !important; max-width: 400px !important; justify-self: end !important} } @media (max-width: 900px){ .aa-hero-root [data-r~="pad"]{padding-left: 22px !important; padding-right: 22px !important} .aa-hero-root [data-r~="intro"]{padding-top: 84px !important} .aa-hero-root [data-r~="hero-grid"]{grid-template-columns: minmax(0, 1fr) minmax(0, 320px) !important; gap: 28px !important} .aa-hero-root [data-r~="hero-track"]{margin-top: 56px !important} } @media (max-width: 860px){ .aa-hero-root [data-r~="tl-label"]{display: none !important} .aa-hero-root [data-r~="tl-wrap"]{left: 12px !important; right: 96px !important} } @media (max-width: 680px){ .aa-hero-root [data-r~="hero-grid"]{grid-template-columns: minmax(0, 1fr) !important; gap: 26px !important} .aa-hero-root [data-r~="intro-right"]{padding-top: 0 !important; gap: 18px !important; align-items: flex-start !important; max-width: none !important} } /* =========================================================================== Export fixes — not generated from the design file. Each block says what was wrong and why the fix is what it is. =========================================================================== */ /* Play/pause icons. paintPauseBtn cross-fades the two icons with opacity, so both stay in flow and the button was centring the PAIR — whichever icon was visible sat off to one side. Stack them dead centre instead and fade in place. The play icon starts hidden because paintPauseBtn only runs once playback starts, and until then both sat at opacity 1 on top of each other; the inline opacity it writes later wins. */ .aa-s184 > svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity 160ms ease} .aa-s184 > svg[data-aa-ref="refIconPlay"]{opacity:0} /* Timeline band, scaled down. At 52px tall with 12px labels the ruler reserved so much of the panel that the widget above it was scaled to ~0.73 to clear it — and still collided with the Knowledge Agent window. Shorter band, smaller labels, tighter ticks: the same ruler, about a third less height, and the card no longer has to shrink. Two lines plus the padding that lifts them clear of the ticks has to fit the band: 2 × 11.5px + 13px = 36px inside 38px. At line-height 1.25 with 15px of padding it came to 40px and clipped a pixel off the top line. Back to 52px at 12px type per the dimension spec. 12px type is what makes the glass legible — 19.2px under a 1.6x lens — and two 13.8px lines plus the 13px that clears the ticks is 40.6px, which needs the 52px band; it does not fit 38. The lens copy shares this height because it is a replica of the band: any difference and the magnified ruler sits at a different y than the strip it continues. */ .aa-s187, .aa-s193{height:52px} .aa-s189, .aa-s194{font-size:12px;letter-spacing:.05em;line-height:1.15} .aa-s191{padding:0 5px 13px} .aa-s190, .aa-s195{bottom:5px;height:8px} .aa-s184{width:30px;height:30px} /* The playhead is a glass pill, not a magnifier. It used to cut a 30px hole in the strip and fill it with a 1.6× copy. Two things were wrong and neither was fixable by sizing: a 30px window over a 128px chapter label can only ever show two or three letter fragments ("GU" on top of "GUIDANCE"), and the hole chopped the label out of the strip, so the type read as broken either way. The pill's own backdrop-filter refracts what is underneath, which is what showing the text through the glass actually takes. paintTimeline no longer writes the hole mask or a lens transform. The pill also stays flush in the band. At 61px, then 46px, against a 38px band it got cut somewhere every time: protruding meant the band had to stop clipping, which let the ruler repaint outside its own window and needed a clip-path and a mask-repeat override to put right. Two bugs for 4px of overhang. Flush, it inherits the class's original top:0;bottom:0, the band keeps the plain overflow:hidden it was designed with, and nothing sits outside a box to be clipped. A 30px-wide box at border-radius 999px is still a capsule — the radius clamps to 15px, so the ends stay semicircular. */ /* Magnifier restored per Nathan (staging review 2026-08-20): the lens copy shows again, and paintTimeline writes the strip hole mask + the lens transform. Still the 30px capsule, so the window shows about a third of a label at a time and the strip supplies the rest either side. Matching the larger circular loupe in the design reference needs a taller band than the 38px compact ruler above. This block used to be missing its opening delimiter, so the CSS parser swallowed the prose as a selector prelude and dropped the rule underneath it too. */ .aa-s193{display:flex} /* Lens scaled-copy v9: the pill rendered as an empty glass box on staging. v8 added transform-origin:50% 50% here to keep "residual magnitude drift" symmetric. But paintTimeline pins the copy by translating a known lens-local x to the pill centre, and that arithmetic assumes the base rule's 0 50%. Scaling about the centre instead shifts the whole copy left by (LENS_MAG-1) x width/2 — 57px at 1.25 over a 456px strip — which parked the pinned label wholly outside the 30px window. Back to 0 50%; the drift v8 was chasing was the pin, not the scale. .aa-s193 also sat with top:50% and no translateY, so it hung off the pill's mid-line rather than straddling it: the lens copy rendered 19px low and grazed the bottom edge. v7's stack-centering + auto-block-height stay — they stop the label stretching to row height. text-align is the third one and the reason only the short line broke. Strip cells are