/* css-82b4f739-37cc-48b9-a1e8-d50dda0c53d8@mhtml.blink */
@charset "utf-8";

i[class*="ph-"] { display: inline-flex; align-items: center; justify-content: center; line-height: 1; font-style: normal; vertical-align: middle; }

.nav-chev { font-size: 12px; transition: transform 0.2s; }

.nav-trigger[aria-expanded="true"] .nav-chev { transform: rotate(180deg); }

.mobile-menu-chev { font-size: 18px; }

@keyframes navBookFloat { 
  0% { transform: translate(0px, 0px); }
  25% { transform: translate(2px, -2px); }
  50% { transform: translate(0px, -3px); }
  75% { transform: translate(-2px, -1px); }
  100% { transform: translate(0px, 0px); }
}

@media (prefers-reduced-motion: no-preference) {
  .nav-book-float { animation: 4.5s ease-in-out 0s infinite normal none running navBookFloat; will-change: transform; }
}

.di { --ink: #111111; --ink-2: #2d2d2d; --muted: rgb(105,105,105); --faint: #9c9c9c; --line: rgba(17,17,17,.10); --line-2: rgba(17,17,17,.06); --surface: #f9f9f9; --surface-2: #ececec; --card: #ffffff; --r: 24px; --accent: #ff6a1f; --grad: linear-gradient(100deg,#ff7a33,#ff4d3d); background: rgb(255, 255, 255); color: var(--ink); font-family: 'PP Mori', system-ui, sans-serif; }

.di * { box-sizing: border-box; }

#siteHeader.site-header, #siteHeader.site-header.is-scrolled, #siteHeader.site-header.is-light.is-scrolled { box-shadow: none !important; border-bottom: 0px !important; }

.di section { padding: clamp(72px,9vw,132px) var(--page-gutter); }

.di .wrap { max-width: 1460px; margin: 0px auto; width: 100%; }

.di-eyebrow { font-size: 13px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--faint); margin: 0px 0px 16px; }

.di-eyebrow.is-accent { color: rgb(225, 29, 44); }

.di-h2 { font-size: 54px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.05; margin: 0px; color: var(--ink); text-wrap: balance; }

.di-h2 .bf-grad { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

.di-lead { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.5; color: var(--muted); margin: 18px 0px 0px; max-width: 60ch; text-wrap: pretty; }

.di-lead strong { color: var(--ink); font-weight: 600; }

.di-head { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); gap: clamp(24px, 4vw, 64px); align-items: end; }

.di-head .di-lead { margin: 0px 0px 6px; max-width: none; }

@media (max-width: 900px) {
  .di-head { grid-template-columns: 1fr; }
  .di-head .di-lead { margin-top: 16px; }
}

.di-btn { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0px 28px; border-radius: 1000px; font-size: 16px; font-weight: 500; font-family: inherit; cursor: pointer; border: 0px; background: rgb(10, 10, 10); color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; transition: transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.2s, box-shadow 0.2s; }

.di-btn i { font-size: 16px; transition: transform 0.2s; }

.di-btn:hover { background: rgb(37, 37, 37); transform: translateY(-2px); box-shadow: rgba(10, 10, 10, 0.28) 0px 12px 30px; }

.di-btn:hover i { transform: translateX(4px); }

.di-btn:active { transform: scale(0.98); }

.di-btn--ghost { background: transparent; color: var(--ink); border: 1.5px solid var(--line); }

.di-btn--ghost:hover { background: rgb(249, 249, 249); box-shadow: none; }

.di-btn--white { background: rgb(255, 255, 255); color: rgb(10, 10, 10); }

.di-btn--white:hover { background: rgb(236, 236, 236); }

.di-btn--ghost-dark { background: transparent; color: rgb(255, 255, 255); border: 1.5px solid rgba(255, 255, 255, 0.22); }

.di-btn--ghost-dark:hover { background: rgba(255, 255, 255, 0.08); box-shadow: none; }

.di .hero-overlay { position: relative !important; inset: auto !important; height: auto !important; gap: 18px !important; padding: clamp(32px, 3.4vw, 56px) clamp(24px, 3.4vw, 56px) clamp(26px, 3vw, 44px) !important; justify-content: flex-start !important; }

.di .hero .hero-media { min-height: 720px; aspect-ratio: auto !important; height: auto !important; border-radius: 32px !important; }

.di .hero-overlay .hero-module-name { order: 1; margin: 0px 0px -14px !important; }

.di .hero .hero-title { font-size: 54px !important; white-space: normal !important; max-width: none !important; }

.di .hero .hero-sub { font-size: 18px !important; line-height: 1.5 !important; font-weight: 400 !important; color: rgba(255, 255, 255, 0.88) !important; max-width: none !important; }

.di .hero .hero-sub b { color: rgb(255, 255, 255); font-weight: 500; }

.di .hero-overlay .hero-cta { order: 4; gap: 12px; flex-wrap: wrap; justify-content: center; display: flex !important; margin: 6px 0px 0px !important; }

.ag-hero-bg .ag-hero-video{ position:absolute; left:0; right:0; bottom:0; width:100%; height:auto; max-width:none; transform:translateY(50%); opacity:1; z-index:0; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 25%); mask-image:linear-gradient(180deg,transparent 0%,#000 25%); }
.ag-hero-bg .ag-hero-scrim{ position:absolute; inset:0; z-index:0; background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.35) 32%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 85%,rgba(0,0,0,.5) 100%); }
.ag-hero-bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }

.ag-hero-bg::before { content: ""; position: absolute; inset: -20%; background: radial-gradient(38% 46% at 80% 12%, rgba(255, 122, 51, 0.34), transparent 70%), radial-gradient(34% 42% at 14% 92%, rgba(229, 20, 42, 0.3), transparent 70%); filter: blur(30px); }



.di .hero .hero-overlay > * { position: relative; z-index: 1; }

.ag-flow { order: 5; width: 100%; max-width: 1320px; margin: clamp(10px, 1.6vw, 24px) auto 0px; }

.ag-flow svg { width: 100%; height: auto; display: block; overflow: visible; font-family: 'PP Mori', system-ui, sans-serif; }

.ag-flow .n rect { fill: rgb(20, 20, 20); stroke: rgba(255, 255, 255, 0.22); stroke-width: 1.5; }

.ag-flow .n.hot rect { stroke: rgb(255, 122, 51); fill: rgb(29, 22, 18); }

.ag-flow .n text { fill: rgb(255, 255, 255); font-size: 20px; font-weight: 500; }

.ag-flow .n .sub { fill: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 400; }

.ag-flow .w rect { fill: rgb(22, 22, 22); stroke: rgba(255, 255, 255, 0.18); }

.ag-flow .w text { font-size: 14px; fill: rgba(255, 255, 255, 0.85); }

.ag-flow .lnk { fill: none; stroke: rgba(255, 255, 255, 0.28); stroke-width: 1.6; }

.ag-flow .lnk.flow { stroke: url("#agGrad"); stroke-width: 2; stroke-dasharray: 6, 8; animation: 1.6s linear 0s infinite normal none running agDash; }

.ag-flow .gate circle { fill: rgb(255, 255, 255); }

.ag-flow .gate text { fill: rgb(10, 10, 10); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; }

.ag-flow .gate .gl { fill: rgba(255, 255, 255, 0.7); font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }

.ag-flow .rt { fill: rgb(255, 122, 51); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }

.ag-flow .loop { fill: none; stroke: rgb(255, 77, 61); stroke-width: 1.6; stroke-dasharray: 4, 6; animation: 2.2s linear 0s infinite reverse none running agDash; }

@keyframes agDash { 
  100% { stroke-dashoffset: -28; }
}

@media (prefers-reduced-motion: reduce) {
  .ag-flow .lnk.flow, .ag-flow .loop { animation: auto ease 0s 1 normal none running none; }
}

.ag-flow-mini { display: none; order: 5; flex-wrap: wrap; gap: 8px; align-items: center; }

.ag-flow-mini span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; font-size: 13px; font-weight: 500; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); }

.ag-flow-mini span.g { background: rgb(255, 255, 255); color: rgb(10, 10, 10); border-color: rgb(255, 255, 255); }

.ag-flow-mini i { font-size: 14px; }

@media (max-width: 1000px) {
  .ag-flow { display: none; }
  .ag-flow-mini { display: flex; }
}

.di .hero-overlay .hero-outcomes { order: 6; position: relative !important; inset: auto !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0px !important; width: 100% !important; max-width: 1320px !important; margin: clamp(14px, 2vw, 26px) auto 0px !important; padding: clamp(16px, 2vw, 22px) 0px 0px !important; border-top: 1px solid rgba(255, 255, 255, 0.22) !important; }

.di .hero-overlay .outcome { opacity: 0.42; transition: opacity 0.55s; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; padding: 0px 18px !important; border-width: 0px 0px 0px 1px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgba(255, 255, 255, 0.22) !important; border-image: none !important; }

.di .hero-overlay .outcome:first-child { border-left: 0px !important; padding-left: 0px !important; }

.di .hero-overlay .outcome .num { font-size: 12px; letter-spacing: 0.06em; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; }

.di .hero-overlay .outcome .label { color: rgb(255, 255, 255); position: relative; font-size: 18px !important; line-height: 1.3 !important; font-weight: 500 !important; }

.di .hero-overlay .outcome.is-active { opacity: 1; }

.di .hero-overlay .outcome .label::after { content: ""; position: absolute; left: -1.5%; right: -1.5%; bottom: -0.22em; height: 0.4em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11C40 5 78 12 116 7 141 4 170 9 197 5' fill='none' stroke='%23ff7a33' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center center / 100% 100% no-repeat; pointer-events: none; clip-path: inset(0px 100% 0px 0px); transition: clip-path 0.55s cubic-bezier(0.2, 0.8, 0.2, 1); }

.di .hero-overlay .outcome.is-active .label::after { clip-path: inset(0px -2% 0px 0px); }

@media (prefers-reduced-motion: reduce) {
  .di .hero-overlay .outcome { opacity: 1; transition: none; }
  .di .hero-overlay .outcome .label::after { transition: none; }
}

@media (max-width: 760px) {
  .di .hero-overlay .outcome .label::after { display: none; }
}

.ag-brands { text-align: center; padding: 0 var(--page-gutter) 0 !important; }

.ag-brands-label { font-size: 16px; font-weight: 600; color: var(--ink); margin: 0px 0px 22px; }

.ag-brands-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px clamp(36px, 5vw, 80px); width: 100%; }

.ag-logo { display: flex; align-items: center; justify-content: center; opacity: 0.72; filter: grayscale(1); transition: opacity 0.2s; }

.ag-logo:hover { opacity: 1; }

.ag-logo img { width: auto; height: auto; object-fit: contain; display: block; }

.ag-logo--sony img { height: 56px; }

.ag-logo--lh img { height: 30px; }

.ag-logo--groupon img { height: 26px; }

.ag-logo--xerox img { height: 26px; }

.ag-brands-more { font-size: 13px; color: var(--muted); display: block; margin-top: 18px; }

@media (max-width: 560px) {
  .ag-logo--sony img { height: 40px; }
  .ag-logo--lh img { height: 22px; }
  .ag-logo--groupon img { height: 18px; }
  .ag-logo--xerox img { height: 18px; }
}

.ag-problems { background: rgb(255, 255, 255); }

.ag-problems .wrap { max-width: 1480px; }

.ag-cmp-grid { margin-top: clamp(40px, 5vw, 64px); display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 1.6vw, 24px); align-items: stretch; }

.ag-cmp { position: relative; background: var(--surface); border-radius: var(--r); padding: 28px 28px 30px; display: flex; flex-direction: column; gap: 14px; overflow: hidden; transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ag-cmp::after { content: ""; position: absolute; inset: 0px; border-radius: var(--r); padding: 2px; background: var(--grad); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 4; }

.ag-cmp:hover { transform: scale(1.03); z-index: 2; }

.ag-cmp:hover::after { opacity: 1; }

.ag-cmp-ico { width: 52px; height: 52px; border-radius: 16px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); display: grid; place-items: center; flex: 0 0 auto; }

.ag-cmp-ico i { font-size: 26px; }

.ag-cmp h3 { font-size: 24px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.14; margin: 0px; color: var(--ink); text-wrap: balance; }

.ag-cmp p { font-size: 16px; line-height: 1.6; color: var(--muted); margin: 0px; text-wrap: pretty; }

.ag-cmp .shape { font-size: 14px; line-height: 1.5; color: var(--ink-2); margin: 0px; padding: 12px 14px; border-radius: 12px; background: rgb(255, 255, 255); border: 1px solid var(--line-2); }

.ag-cmp .shape b { font-weight: 600; color: var(--ink); }

.ag-cmp .ev { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.45; color: var(--muted); display: flex; gap: 8px; align-items: flex-start; }

.ag-cmp .ev i { font-size: 15px; color: rgb(255, 77, 61); margin-top: 2px; flex: 0 0 auto; }

.ag-cmp .ev b { color: var(--ink); font-weight: 600; }

@media (max-width: 1100px) {
  .ag-cmp-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .ag-cmp-grid { grid-template-columns: 1fr; }
}

.di .ab-pat-scene { background: transparent; padding: 0px; }

.ab-pat-scene.is-scenified { position: relative; height: 440vh; }

.ab-pat-sticky { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: clamp(72px,10vh,120px) var(--page-gutter); overflow: hidden; background: rgb(0, 0, 0); }

.ab-pat-scene.is-scenified .ab-pat-sticky { position: sticky; top: 0px; height: 100vh; min-height: 0px; display: block; overflow: visible; background: transparent; }

.ab-pat-scene.is-scenified .ab-pat-sticky::before { content: ""; position: absolute; top: -100vh; bottom: 0px; left: 50%; width: 100vw; transform: translateX(-50%); background: rgb(0, 0, 0); opacity: var(--bg-o,0); z-index: 0; pointer-events: none; will-change: opacity; }

.ab-pat-title { font-size: clamp(34px, 5.2vw, 72px); font-weight: 700; letter-spacing: -0.025em; line-height: 1.04; color: rgb(255, 255, 255); text-align: center; position: relative; z-index: 1; margin: 0px auto clamp(40px, 5vw, 64px); max-width: 18ch; text-wrap: balance; }

.ab-pat-scene.is-scenified .ab-pat-title { position: absolute; left: 50%; top: 50%; margin: 0px; width: max-content; max-width: 92vw; transform: translate(-50%, -50%); transform-origin: center center; will-change: transform, opacity; z-index: 2; }

.ab-pat-stage { width: min(1480px, 100%); margin: 0px auto; position: relative; z-index: 1; }

.ab-pat-scene.is-scenified .ab-pat-stage { position: absolute; left: 50%; top: 50%; width: min(1480px,calc(100vw - 2*var(--page-gutter))); margin: 0px; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; will-change: transform, opacity; z-index: 1; }

.ab-pat-heading { font-size: 54px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; color: rgb(255, 255, 255); text-align: center; margin: 0px auto clamp(28px, 3vw, 44px); max-width: 34ch; text-wrap: balance; }

.ab-pat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 8px 0px; align-items: stretch; }

@media (max-width: 760px) {
  .di .ab-pat-scene { background: rgb(0, 0, 0) !important; padding-top: 72px !important; padding-bottom: 72px !important; }
  .di .ab-pat-sticky { min-height: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
  .di .ab-pat-title, .di .ab-pat-heading { text-align: left !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }
  .di .ab-pat-title br, .di .ab-pat-heading br { display: none; }
  .di .ag-problems { padding-bottom: 72px !important; }
  .di .ab-pat-scene + section { padding-top: 0px !important; }
}

.ab-pat-x { --rot: 0deg; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-height: 300px; background: rgb(0, 120, 215); border-radius: 30px / 26px; padding: 30px 28px; color: rgb(255, 255, 255); transform: rotate(var(--rot)); transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s; }

.ab-pat-x::before { content: ""; position: absolute; inset: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 150px 150px; background-repeat: repeat; opacity: 0.16; mix-blend-mode: screen; animation: 0.4s steps(1) 0s infinite normal none running patStatic; pointer-events: none; z-index: 0; }

@keyframes patStatic { 
  0% { background-position: 0px 0px; }
  20% { background-position: -53px 31px; }
  40% { background-position: 41px -67px; }
  60% { background-position: -71px -23px; }
  80% { background-position: 62px 52px; }
}

.ab-pat-x .ab-pat-face { font-family: "Jersey 15", ui-monospace, monospace; font-size: 56px; line-height: 0.7; font-weight: 400; color: rgb(255, 255, 255); position: relative; z-index: 1; }

.ds-pat-title { font-family: "Jersey 15", ui-monospace, monospace; font-size: 27px; font-weight: 400; line-height: 1.08; letter-spacing: 0.01em; color: rgb(255, 255, 255); margin: 0px; position: relative; z-index: 1; text-wrap: balance; }

.ds-pat-body { font-family: 'PP Mori', system-ui, sans-serif; font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, 0.82); margin: 0px; position: relative; z-index: 1; text-wrap: pretty; }

.ds-pat-src { font-family: 'PP Mori', system-ui, sans-serif; font-size: 12px; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); margin: auto 0px 0px; position: relative; z-index: 1; padding-top: 12px; }

.ab-pat-x:nth-child(1) { --rot: -4deg; }

.ab-pat-x:nth-child(2) { --rot: 3.5deg; }

.ab-pat-x:nth-child(3) { --rot: -2.5deg; }

.ab-pat-x:nth-child(4) { --rot: 4.5deg; }

.ab-pat-foot { font-size: 24px; line-height: 1.5; color: rgba(255, 255, 255, 0.88); text-align: center; margin: clamp(36px, 4vw, 56px) auto 0px; max-width: 64ch; text-wrap: pretty; }

.ab-pat-foot strong { color: rgb(255, 255, 255); font-weight: 600; }

.ab-pat-scene.is-scenified .ab-pat-heading, .ab-pat-scene.is-scenified .ab-pat-foot { opacity: 0; transform: translateY(22px); transition: opacity 0.6s, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-heading, .ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-foot { opacity: 1; transform: none; }

.ab-pat-scene.is-scenified .ab-pat-x { opacity: 0; transform: translateY(-70px) rotate(calc(var(--rot) - 10deg)); transition: opacity 0.55s, transform 0.7s cubic-bezier(0.34, 1.3, 0.64, 1); }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-x { opacity: 1; transform: rotate(var(--rot)); }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-heading { transition-delay: 0.02s; }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-x:nth-child(1) { transition-delay: 0.1s; }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-x:nth-child(2) { transition-delay: 0.16s; }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-x:nth-child(3) { transition-delay: 0.22s; }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-x:nth-child(4) { transition-delay: 0.28s; }

.ab-pat-scene.is-scenified .ab-pat-stage.show .ab-pat-foot { transition-delay: 0.34s; }

@media (min-width: 901px) and (max-width: 1180px) {
  .ab-pat-grid { gap: 14px; }
  .ab-pat-x { min-height: 240px; padding: 22px 18px; border-radius: 22px / 20px; }
  .ab-pat-x .ab-pat-face { font-size: 44px; }
  .ds-pat-title { font-size: 22px; }
  .ds-pat-body { font-size: 14px; }
  .ds-pat-src { font-size: 11px; }
  .ab-pat-heading { font-size: clamp(30px, 3.6vw, 42px); }
}

@media (max-width: 900px) {
  .di .ab-pat-scene, .ab-pat-scene.is-scenified { height: auto; padding: clamp(48px, 10vw, 72px) 0px; }
  .ab-pat-sticky, .ab-pat-scene.is-scenified .ab-pat-sticky { position: static; height: auto; min-height: 0px; display: block; padding: 0 var(--page-gutter); }
  .ab-pat-scene.is-scenified .ab-pat-title, .ab-pat-scene.is-scenified .ab-pat-stage { position: static; transform: none; width: auto; opacity: 1; margin-left: auto; margin-right: auto; }
  .ab-pat-scene.is-scenified .ab-pat-heading, .ab-pat-scene.is-scenified .ab-pat-x, .ab-pat-scene.is-scenified .ab-pat-foot { opacity: 1; transform: none; }
  .ab-pat-grid { grid-template-columns: 1fr; }
  .ab-pat-x { transform: none; min-height: 0px; }
}

.ag-pipe { --c: #3f3f3f; position: relative; background: rgb(9, 9, 9); color: rgb(255, 255, 255); padding: clamp(72px, 9vw, 132px) 0px clamp(80px, 10vw, 140px) !important; }

.ag-pipe-inner { padding: 0 max(var(--page-gutter), calc((100% - 1460px) / 2)); }

.ag-pipe .di-eyebrow { color: rgb(225, 29, 44); font-size: 18px; font-weight: 500; letter-spacing: 0.14em; }

.ag-pipe-intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }

.ag-pipe-h { font-size: clamp(28px, 4.2vw, 54px); font-weight: 700; letter-spacing: -0.01em; line-height: 1.08; margin: 0px; color: rgb(255, 255, 255); text-wrap: balance; max-width: 20ch; }

.ag-pipe-lead { font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, 0.62); margin: 0px 0px 6px; max-width: 520px; text-align: right; text-wrap: pretty; }

.ag-legend { display: flex; flex-wrap: wrap; gap: 10px; margin: clamp(18px, 2vw, 26px) 0px 0px; }

.ag-pill { display: flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 1000px; border: 1.5px solid rgba(255, 255, 255, 0.12); background: rgb(22, 22, 22); font-family: inherit; font-size: 12px; color: rgba(255, 255, 255, 0.72); cursor: pointer; transition: border-color 0.2s, color 0.2s, background 0.2s, transform 0.15s; }

.ag-pill .dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; background: rgb(255, 122, 51); }

.ag-pill:hover { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.24); }

.ag-pill.is-active { border-color: rgb(255, 122, 51); color: rgb(255, 255, 255); background: rgba(255, 122, 51, 0.14); }

.ag-graph-wrap { position: relative; margin-top: clamp(28px, 3vw, 44px); }

.ag-graph { width: 100%; height: auto; display: block; overflow: visible; font-family: 'PP Mori', system-ui, sans-serif; }

.ag-graph .st { --c: #ff7a33; cursor: pointer; outline: none; transition: opacity 0.45s; }

.ag-graph .st.is-dim, .ag-graph .xs.is-dim { opacity: 0.42; }

.ag-graph .xs { transition: opacity 0.45s; }

.ag-graph .st:focus-visible .band { stroke: rgba(255, 255, 255, 0.5); stroke-dasharray: 4, 4; }

.ag-graph .band { fill: rgba(255, 255, 255, 0.03); stroke: transparent; transition: fill 0.45s; }

.ag-graph .st.is-on .band { fill: rgba(255, 255, 255, 0.06); }

.ag-graph .hn { fill: rgb(255, 255, 255); font-size: 17px; font-weight: 500; letter-spacing: -0.005em; }

.ag-graph .hs { fill: rgba(255, 255, 255, 0.5); font-size: 11.5px; }

.ag-graph .num circle { fill: rgb(255, 255, 255); transition: fill 0.45s; }

.ag-graph .num text { fill: rgb(9, 9, 9); font-size: 12px; font-weight: 600; }

.ag-graph .st.is-on .num circle { fill: var(--c); }

.ag-graph .st.is-on .num text { fill: rgb(255, 255, 255); }

.ag-graph .chip rect { fill: rgb(20, 20, 20); stroke: var(--c); stroke-width: 1.5; transition: fill 0.45s; }

.ag-graph .st.is-on .chip rect { fill: color-mix(in srgb,var(--c) 12%,#1d1d1d); }

.ag-graph .chip text { fill: rgb(255, 255, 255); font-size: 12.5px; font-weight: 500; }

.ag-graph .chip.w rect { fill: rgb(22, 22, 22); stroke: rgba(255, 255, 255, 0.22); stroke-width: 1; }

.ag-graph .chip.w text { font-size: 11px; fill: rgba(255, 255, 255, 0.8); }

.ag-graph .e { fill: none; stroke: var(--c); stroke-width: 1.5; }

.ag-graph .ah { fill: var(--c); }

.ag-graph .e.fwd { stroke: rgba(255, 255, 255, 0.35); }

.ag-graph .ah.fwd { fill: rgba(255, 255, 255, 0.5); }

.ag-graph .lp { fill: none; stroke: var(--c); stroke-width: 1.4; stroke-dasharray: 4, 5; }

.ag-graph .lp.cross { stroke: rgb(255, 77, 61); opacity: 0.85; }

.ag-graph .ah.cross { fill: rgb(255, 77, 61); }

.ag-graph .st.is-on .lp, .ag-graph .xs.is-on .lp { animation: 1.4s linear 0s infinite reverse none running agDash; }

.ag-graph .ll { fill: var(--c); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; paint-order: stroke; stroke: rgb(9, 9, 9); stroke-width: 4px; stroke-linejoin: round; }

.ag-graph .ll.cross { fill: rgb(255, 77, 61); }

.ag-graph .lb { fill: rgb(13, 13, 13); }

.ag-graph .gate circle { fill: rgb(255, 255, 255); }

.ag-graph .gate text.g { fill: rgb(9, 9, 9); font-size: 10px; font-weight: 700; letter-spacing: 0.02em; }

.ag-graph .gate .gl { fill: rgba(255, 255, 255, 0.72); font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; paint-order: stroke; stroke: rgb(9, 9, 9); stroke-width: 4px; stroke-linejoin: round; }

.ag-graph .gate line { stroke: rgba(255, 255, 255, 0.35); stroke-width: 1.2; }

.ag-graph .sink line { stroke: rgba(255, 255, 255, 0.35); stroke-width: 1.2; }

.ag-graph .sink .x { stroke: rgb(255, 77, 61); stroke-width: 1.6; fill: none; }

.ag-graph .sink .sl { fill: rgba(255, 255, 255, 0.55); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; paint-order: stroke; stroke: rgb(9, 9, 9); stroke-width: 4px; stroke-linejoin: round; }

@media (prefers-reduced-motion: reduce) {
  .ag-graph .st.is-on .lp, .ag-graph .xs.is-on .lp { animation: auto ease 0s 1 normal none running none; }
}

.ag-swipe { display: none; }

.ag-detail { margin-top: clamp(18px, 2.2vw, 28px); }

.ag-dstage { display: none; --c: #ff7a33; }

.ag-dstage.is-on { display: block; animation: 0.38s ease-out 0s 1 normal none running agFade; }

@keyframes agFade { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}

.ag-dhead { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0px 0px 14px; }

.ag-stage-num { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; box-shadow: 0 0 0 6px color-mix(in srgb,var(--c) 22%,transparent); flex: 0 0 auto; }

.ag-dhead h3 { margin: 0px; font-size: 24px; font-weight: 500; letter-spacing: -0.005em; color: rgb(255, 255, 255); line-height: 1.12; }

.ag-dhead p { margin: 0px; font-size: 14px; line-height: 1.45; color: rgba(255, 255, 255, 0.55); flex: 1 1 300px; }

.ag-dcards { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }

.ag-card { position: relative; background: color-mix(in srgb,var(--c) 9%,#1d1d1d); border: 1.5px solid var(--c); border-radius: 12px; padding: 12px 16px; }

.ag-card h4 { margin: 0px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.28; letter-spacing: -0.005em; }

.ag-card .tip { margin: 5px 0px 0px; font-size: 12px; line-height: 1.42; color: rgba(255, 255, 255, 0.72); }

.ag-card ul { margin: 6px 0px 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 3px; }

.ag-card li { position: relative; padding-left: 12px; font-size: 12px; line-height: 1.4; color: rgba(255, 255, 255, 0.72); }

.ag-card li::before { content: ""; position: absolute; left: 1px; top: 6.5px; width: 3px; height: 3px; border-radius: 50%; background: var(--c); }

.ag-gate { display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(9, 9, 9); font-size: 12px; font-weight: 600; letter-spacing: 0.02em; line-height: 1.15; margin-left: auto; }

.ag-gate i { font-size: 15px; }

.ag-gate.is-auto { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.78); border: 1px solid rgba(255, 255, 255, 0.16); }

.ag-dloop { margin: 14px 0px 0px; display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.72); text-wrap: pretty; }

.ag-dloop i { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: var(--c); color: rgb(255, 255, 255); font-size: 13px; margin-top: 1px; }

.ag-dloop b { color: rgb(255, 255, 255); font-weight: 600; }

.ag-pipe-note { margin: clamp(36px, 4vw, 56px) 0px 0px; display: flex; align-items: center; gap: 28px; text-align: center; }

.ag-pipe-note::before, .ag-pipe-note::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, 0.28); }

.ag-pipe-note p { margin: 0px; font-size: clamp(17px, 1.7vw, 24px); font-weight: 500; line-height: 1.25; color: rgb(255, 255, 255); letter-spacing: -0.01em; text-wrap: balance; }

.ag-pipe-note p b { color: rgb(255, 122, 51); font-weight: 600; }

@media (max-width: 1080px) {
  .ag-pipe-intro { flex-direction: column; align-items: flex-start; gap: 14px; }
  .ag-pipe-lead { text-align: left; max-width: none; }
  .ag-pipe-h { max-width: none; }
  .ag-pipe-note::before, .ag-pipe-note::after { display: none; }
  .ag-pipe-note p { text-align: left; }
}

@media (max-width: 1100px) {
  .ag-graph-wrap { overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
  .ag-graph { min-width: 1180px; }
  .ag-swipe { display: flex; align-items: center; gap: 10px; margin-top: 8px; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); }
  .ag-swipe-rail { flex: 1 1 0%; height: 1px; background: rgba(255, 255, 255, 0.14); }
}

@media (max-width: 1000px) {
  .ag-swipe { display: flex; align-items: center; gap: 10px; margin-top: 8px; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); }
  .ag-swipe-rail { flex: 1 1 0%; height: 1px; background: rgba(255, 255, 255, 0.14); }
  .ag-dcards { grid-template-columns: 1fr; }
  .ag-gate { margin-left: 0px; }
}

.ag-route { background: rgb(255, 255, 255); }

.ag-route-grid { margin-top: clamp(36px, 4vw, 56px); display: grid; grid-template-columns: minmax(0px, 0.8fr) 56px minmax(0px, 0.9fr) 56px minmax(0px, 1.9fr); align-items: center; gap: 0px; }

.ag-rt-in, .ag-rt-cls { background: var(--surface); border-radius: 22px; padding: 26px 26px 28px; display: flex; flex-direction: column; gap: 10px; justify-content: center; }

.ag-rt-arrow { align-self: stretch; }

.ag-rt-in h3, .ag-rt-cls h3 { margin: 0px; font-size: 24px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.14; color: var(--ink); }

.ag-rt-in p, .ag-rt-cls p { margin: 0px; font-size: 15px; line-height: 1.55; color: var(--muted); }

.ag-rt-cls ul { margin: 8px 0px 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }

.ag-rt-cls li { font-size: 12px; font-weight: 500; padding: 6px 10px; border-radius: 999px; background: rgb(255, 255, 255); border: 1px solid var(--line); color: var(--ink-2); }

.ag-rt-arrow { position: relative; }

.ag-rt-arrow::before { content: ""; position: absolute; left: 10px; right: 10px; top: 50%; border-top: 1.5px dashed rgba(17, 17, 17, 0.28); }

.ag-rt-arrow::after { content: ""; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgba(17, 17, 17, 0.5); }

.ag-rt-lanes { display: flex; flex-direction: column; gap: 14px; }

.ag-lane { --lc: #1f8a5b; position: relative; display: grid; grid-template-columns: minmax(150px, 0.55fr) minmax(0px, 1.3fr) minmax(130px, 0.5fr); gap: 18px; align-items: center; padding: 18px 22px; border-radius: 18px; background: rgb(255, 255, 255); border: 1.5px solid var(--line); transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s, box-shadow 0.3s; }

.ag-lane:hover { transform: translateX(4px); border-color: var(--lc); box-shadow: rgba(18, 18, 18, 0.08) 0px 12px 32px; }

.ag-lane--mid { --lc: #ff7a33; }

.ag-lane--high { --lc: #e5142a; }

.ag-lane-tag { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 132px; }

.ag-lane-tag b { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--lc); }

.ag-lane-tag b::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--lc); }

.ag-lane-tag span { font-size: 12px; line-height: 1.4; color: var(--muted); }

.ag-lane-steps { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.ag-lane-steps span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; padding: 8px 12px; border-radius: 999px; background: var(--surface); color: var(--ink-2); white-space: nowrap; }

.ag-lane-steps span i { font-size: 14px; color: var(--lc); }

.ag-lane-steps em { font-style: normal; color: var(--faint); font-size: 14px; }

.ag-lane-out { font-size: 14px; font-weight: 600; color: var(--ink); text-align: right; line-height: 1.3; }

.ag-lane-out small { display: block; font-size: 12px; font-weight: 400; color: var(--muted); }

.ag-route-foot { margin-top: clamp(24px, 3vw, 40px); display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 28px); }

.ag-route-foot div { padding: 18px 20px; border-radius: 16px; background: var(--surface); }

.ag-route-foot b { display: block; font-size: 30px; font-weight: 600; letter-spacing: -0.02em; line-height: 1; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; margin-bottom: 8px; }

.ag-route-foot p { margin: 0px; font-size: 14px; line-height: 1.5; color: var(--muted); }

@media (max-width: 1000px) {
  .ag-route-grid { grid-template-columns: 1fr; gap: 14px; }
  .ag-rt-arrow { height: 34px; }
  .ag-rt-arrow::before { inset: 4px auto 10px 50%; border-top: 0px; border-left: 1.5px dashed rgba(17, 17, 17, 0.28); }
  .ag-rt-arrow::after { inset: auto auto 2px 50%; transform: translateX(-50%); border-width: 8px 5px 0px; border-style: solid solid none; border-color: rgba(17, 17, 17, 0.5) transparent currentcolor; }
  .ag-lane { grid-template-columns: 1fr; gap: 12px; }
  .ag-lane-out { text-align: left; white-space: normal; }
  .ag-route-foot { grid-template-columns: 1fr; }
}

.ag-int { background: var(--surface); }

.ag-int-grid { margin-top: clamp(36px, 4vw, 56px); display: grid; grid-template-columns: minmax(0px, 1fr) 64px minmax(0px, 0.9fr) 64px minmax(0px, 1fr); align-items: center; }

.ag-int-col { display: flex; flex-direction: column; gap: 12px; }

.ag-int-col-h { display: flex; align-items: center; gap: 10px; margin: 0px 0px 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(225, 29, 44); }

.ag-int-col-h small { font-weight: 500; letter-spacing: 0.02em; text-transform: none; color: var(--muted); font-size: 13px; }

.ag-src { background: rgb(255, 255, 255); border: 1px solid var(--line-2); border-radius: 16px; padding: 14px 16px; display: grid; grid-template-columns: 1fr; gap: 12px; align-items: flex-start; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s; }

.ag-src:hover { transform: translateY(-2px); box-shadow: rgba(18, 18, 18, 0.08) 0px 12px 32px; }

.ag-src .ico { width: 38px; height: 38px; border-radius: 11px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); display: grid; place-items: center; flex: 0 0 auto; }

.ag-src .ico i { font-size: 19px; }

.ag-src.is-out .ico { background: var(--grad); }

.ag-src h4 { margin: 0px 0px 3px; font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.3; }

.ag-src p { margin: 0px; font-size: 13px; line-height: 1.45; color: var(--muted); text-wrap: pretty; }

.ag-src p q { quotes: "“" "”"; color: var(--ink-2); font-style: italic; }

.ag-src .apps { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }

.ag-src .apps span { font-size: 11.5px; font-weight: 500; padding: 4px 8px; border-radius: 999px; background: var(--surface); color: var(--ink-2); }

.ag-int-core { position: relative; overflow: hidden; background: rgb(10, 10, 10); color: rgb(255, 255, 255); border-radius: 24px; padding: 28px 26px 30px; display: flex; flex-direction: column; gap: 12px; }

.ag-int-core::before { content: ""; position: absolute; inset: -40%; background: radial-gradient(40% 40% at 80% 10%, rgba(255, 122, 51, 0.35), transparent 70%), radial-gradient(38% 38% at 10% 95%, rgba(229, 20, 42, 0.3), transparent 70%); filter: blur(24px); pointer-events: none; }

.ag-int-core > * { position: relative; }

.ag-int-core .k { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); }

.ag-int-core h3 { margin: 0px; font-size: 26px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.14; text-wrap: balance; }

.ag-int-core p { margin: 0px; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, 0.72); text-wrap: pretty; }

.ag-int-core ul { list-style: none; margin: 6px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 8px; }

.ag-int-core li { position: relative; padding-left: 20px; font-size: 13px; line-height: 1.45; color: rgb(255, 255, 255); }

.ag-int-core li::before { content: ""; position: absolute; left: 0px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--grad); }

.ag-int-arrow { position: relative; align-self: stretch; min-height: 60px; }

.ag-int-arrow::before { content: ""; position: absolute; left: 8px; right: 8px; top: 50%; border-top: 1.5px dashed rgba(17, 17, 17, 0.28); }

.ag-int-arrow::after { content: ""; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgba(17, 17, 17, 0.5); }

.ag-int-arrow i { position: absolute; left: 6px; top: 50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 8px solid rgba(17, 17, 17, 0.5); }

.ag-int-arrow .lab { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 2px 6px; background: var(--surface); font-size: 9px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--faint); white-space: nowrap; }

.ag-qflow{margin-top:clamp(40px,5vw,72px)}
.ag-qflow-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;margin-bottom:clamp(28px,3.4vw,48px)}
.ag-qflow-head h3{margin:0;font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:var(--ink)}
.ag-qflow-head p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:60ch;text-wrap:pretty}
.ag-qsteps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 20px;counter-reset:q}
.ag-qstep{position:relative;display:flex;flex-direction:column;gap:6px}
.ag-qstep .n{order:-3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.04em;color:rgba(17,17,17,.4)}
.ag-qstep .who{order:-1;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(17,17,17,.55);margin-bottom:4px}
.ag-qstep h4{order:-2;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid rgba(17,17,17,.14);min-height:2.5em;margin-top:0;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.25}
.ag-qstep.is-human .who{color:#e5532e}
.ag-qstep p{margin:0;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty}

.ag-apps { margin-top: clamp(40px, 5vw, 72px); text-align: center; }

@media (max-width: 1000px) {
  .ag-int-grid { grid-template-columns: 1fr; gap: 14px; }
  .ag-int-arrow { min-height: 44px; }
  .ag-int-arrow::before { inset: 4px auto 12px 50%; border-top: 0px; border-left: 1.5px dashed rgba(17, 17, 17, 0.28); }
  .ag-int-arrow::after { inset: auto auto 4px 50%; transform: translateX(-50%); border-width: 8px 5px 0px; border-style: solid solid none; border-color: rgba(17, 17, 17, 0.5) transparent currentcolor; }
  .ag-int-arrow i { left: 50%; top: 2px; transform: translateX(-50%); border-width: 0px 5px 8px; border-style: none solid solid; border-color: currentcolor transparent rgba(17, 17, 17, 0.5); }
  .ag-int-arrow .lab { display: none; }
  .ag-qsteps { grid-template-columns: 1fr 1fr 1fr; gap: 32px 20px; }
  .ag-qflow-head { grid-template-columns: 1fr; }
  .ag-qstep::before, .ag-qstep::after { display: none !important; }
}

@media (max-width: 560px) {
  .ag-qsteps { grid-template-columns: 1fr 1fr; }
}

.ag-bg { background: rgb(255, 255, 255); }

.ag-bg-table { margin-top: clamp(36px, 4vw, 56px); display: grid; grid-template-columns: minmax(150px, 0.66fr) minmax(0px, 1.6fr) minmax(0px, 1.6fr); border: 1px solid var(--line-2); border-radius: 26px; overflow: hidden; background: rgb(255, 255, 255); }

.ag-bg-corner { background: var(--surface); }

.ag-bg-th { padding: 26px 26px 22px; display: flex; flex-direction: column; gap: 8px; }

.ag-bg-th.is-brown { background: rgb(17, 17, 17); color: rgb(255, 255, 255); }

.ag-bg-th.is-green { background: var(--grad); color: rgb(255, 255, 255); }

.ag-bg-th .tag { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.85; }

.ag-bg-th .tag i { font-size: 16px; }

.ag-bg-th h3 { margin: 0px; font-size: 26px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.1; text-wrap: balance; }

.ag-bg-th p { margin: 0px; font-size: 14px; line-height: 1.5; opacity: 0.86; text-wrap: pretty; }

.ag-bg-lab { padding: 18px 22px; background: var(--surface); font-size: 12.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); border-top: 1px solid var(--line-2); }

.ag-bg-cell { padding: 18px 22px; border-top: 1px solid var(--line-2); border-left: 1px solid var(--line-2); font-size: 15px; line-height: 1.55; color: var(--ink-2); text-wrap: pretty; }

.ag-bg-cell b { color: var(--ink); font-weight: 600; }

.ag-bg-cell.is-green { background: rgba(255, 106, 31, 0.043); }

.ag-bg-cell .tk { display: none; }

.ag-bg-ladders { margin-top: clamp(20px, 2.6vw, 32px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2vw, 28px); }

.ag-ladder { background: var(--surface); border-radius: 22px; padding: 22px 24px 24px; }

.ag-ladder h4 { margin: 0px 0px 14px; font-size: 16px; font-weight: 600; color: var(--ink); display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }

.ag-ladder h4 span { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--faint); }

.ag-ladder ol { margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

.ag-ladder li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; background: rgb(255, 255, 255); border: 1px solid var(--line-2); font-size: 13px; font-weight: 500; color: var(--ink-2); }

.ag-ladder li b { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 600; color: rgb(255, 255, 255); background: rgb(17, 17, 17); flex: 0 0 auto; }

.ag-ladder.is-green li b { background: var(--grad); }

.ag-ladder .sep { color: var(--faint); font-size: 13px; }

.ag-ladder p { margin: 12px 0px 0px; font-size: 13px; line-height: 1.5; color: var(--muted); }

.ag-bg-foot { margin: clamp(22px, 2.6vw, 34px) auto 0px; text-align: center; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.5; color: var(--muted); max-width: 72ch; text-wrap: pretty; }

.ag-bg-foot b { color: var(--ink); font-weight: 600; }

@media (max-width: 900px) {
  .ag-bg-table { grid-template-columns: 1fr; }
  .ag-bg-corner { display: none; }
  .ag-bg-th.is-green { border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .ag-bg-lab { border-top: 1px solid var(--line); padding: 14px 20px 8px; }
  .ag-bg-cell { border-left: 0px; border-top: 0px; padding: 8px 20px 14px; }
  .ag-bg-cell .tk { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 4px; color: var(--faint); }
  .ag-bg-cell.is-green .tk { color: rgb(229, 20, 42); }
  .ag-bg-ladders { grid-template-columns: 1fr; }
}

.ag-road-toggle { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line-2); margin-top: clamp(24px, 3vw, 36px); }

.ag-road-toggle button { border: 0px; background: transparent; font-family: inherit; font-size: 14px; font-weight: 500; color: var(--muted); padding: 9px 18px; border-radius: 999px; cursor: pointer; transition: background 0.2s, color 0.2s; display: inline-flex; align-items: center; gap: 8px; }

.ag-road-toggle button i { font-size: 15px; }

.ag-road-toggle button.is-active { background: rgb(17, 17, 17); color: rgb(255, 255, 255); }

.ag-road-toggle button.is-active[data-track="green"] { background: var(--grad); }

.ag-road-grid[data-track="brown"] .ag-phase[data-track="green"], .ag-road-grid[data-track="green"] .ag-phase[data-track="brown"] { display: none; }

.ag-road-note { margin: 14px 0px 0px; font-size: 14px; line-height: 1.5; color: var(--muted); }

.ag-fac { background: rgb(9, 9, 9); color: rgb(255, 255, 255); }

.ag-fac .di-eyebrow { color: rgb(225, 29, 44); font-size: 18px; font-weight: 500; letter-spacing: 0.14em; }

.ag-fac .di-h2 { color: rgb(255, 255, 255); }

.ag-fac .di-lead { color: rgba(255, 255, 255, 0.62); }

.ag-fac .di-lead strong { color: rgb(255, 255, 255); }

.ag-fac-floor { margin-top: clamp(36px, 4vw, 56px); display: grid; grid-template-columns: minmax(0px, 0.85fr) 36px minmax(0px, 0.8fr) 36px minmax(0px, 2.3fr) 36px minmax(0px, 0.85fr) 36px minmax(0px, 0.85fr); align-items: stretch; }

.ag-fac-col { display: flex; flex-direction: column; gap: 10px; min-width: 0px; }

.ag-fac-colh { margin: 0px 0px 2px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); }

.ag-fac-box { background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 14px 16px; flex: 1 1 auto; }

.ag-fac-box h4 { margin: 0px 0px 4px; font-size: 15px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.3; }

.ag-fac-box p { margin: 0px; font-size: 12.5px; line-height: 1.45; color: rgba(255, 255, 255, 0.6); text-wrap: pretty; }

.ag-fac-box ul { list-style: none; margin: 8px 0px 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 5px; }

.ag-fac-box li { font-size: 11.5px; padding: 4px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.82); }

.ag-fac-box.is-hot { border-color: rgb(255, 122, 51); background: rgb(29, 22, 18); }

.ag-fac-arrow { position: relative; }

.ag-fac-arrow::before { content: ""; position: absolute; left: 5px; right: 5px; top: 50%; border-top: 1.5px dashed rgba(255, 255, 255, 0.3); }

.ag-fac-arrow::after { content: ""; position: absolute; right: 3px; top: 50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgba(255, 255, 255, 0.5); }

.ag-fac-lanes { display: flex; flex-direction: column; gap: 10px; }

.ag-lane2 { --lc: #1f8a5b; position: relative; background: rgb(20, 20, 20); border: 1.5px solid var(--lc); border-radius: 16px; padding: 13px 16px 13px 20px; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px 16px; align-items: center; }

.ag-lane2.l4 { --lc: #ff7a33; }

.ag-lane2.l3 { --lc: #e5142a; }

.ag-lane2::before { content: ""; position: absolute; left: -1.5px; top: 14px; bottom: 14px; width: 4px; border-radius: 4px; background: var(--lc); }

.ag-lane2 .lv { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--lc); }

.ag-lane2 h4 { margin: 2px 0px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.25; }

.ag-lane2 p { margin: 0px; font-size: 12.5px; line-height: 1.45; color: rgba(255, 255, 255, 0.62); text-wrap: pretty; }

.ag-lane2 .mix { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }

.ag-lane2 .mix .ic { display: flex; gap: 4px; align-items: center; }

.ag-lane2 .mix .ic i { font-size: 14px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; }

.ag-lane2 .mix .ic .r { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.08); }

.ag-lane2 .mix .ic .h { color: rgb(255, 255, 255); background: var(--lc); }

.ag-lane2 .mix small { font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); white-space: nowrap; }

.ag-lane2 .work { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 5px; }

.ag-lane2 .work span { font-size: 11.5px; padding: 4px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.82); }

.ag-fac-loop { grid-column: 1 / -1; margin-top: 14px; display: flex; align-items: center; gap: 14px; padding: 12px 18px; border-radius: 14px; border: 1.5px dashed rgba(255, 77, 61, 0.6); color: rgba(255, 255, 255, 0.75); font-size: 13px; line-height: 1.45; }

.ag-fac-loop i { color: rgb(255, 77, 61); font-size: 20px; flex: 0 0 auto; }

.ag-fac-loop b { color: rgb(255, 255, 255); font-weight: 600; }

@media (max-width: 1100px) {
  .ag-fac-floor { grid-template-columns: 1fr; gap: 12px; }
  .ag-fac-arrow { height: 30px; }
  .ag-fac-arrow::before { inset: 2px auto 10px 50%; border-top: 0px; border-left: 1.5px dashed rgba(255, 255, 255, 0.3); }
  .ag-fac-arrow::after { inset: auto auto 0px 50%; transform: translateX(-50%); border-width: 8px 5px 0px; border-style: solid solid none; border-color: rgba(255, 255, 255, 0.5) transparent currentcolor; }
}

@media (max-width: 640px) {
  .ag-lane2 { grid-template-columns: 1fr; }
  .ag-lane2 .mix { align-items: flex-start; }
}

.ag-fac-cmp { margin-top: clamp(32px, 3.6vw, 52px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2vw, 28px); }

.ag-fac-cmp > div { border-radius: 22px; padding: clamp(20px, 2.4vw, 30px); background: rgb(17, 17, 17); border: 1px solid rgba(255, 255, 255, 0.08); }

.ag-fac-cmp > div.is-add { background: linear-gradient(135deg, rgba(255, 122, 51, 0.16), rgba(229, 20, 42, 0.12)); border-color: rgba(255, 106, 31, 0.35); }

.ag-fac-cmp h3 { margin: 0px 0px 14px; font-size: 22px; font-weight: 500; color: rgb(255, 255, 255); display: flex; align-items: center; gap: 10px; }

.ag-fac-cmp h3 i { font-size: 20px; color: rgb(255, 122, 51); }

.ag-fac-cmp ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px; }

.ag-fac-cmp li { display: grid; grid-template-columns: 1fr; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.72); }

.ag-fac-cmp li b { display: block; color: rgb(255, 255, 255); font-weight: 500; }

.ag-fac-cmp li .mk { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; margin-top: 1px; font-size: 12px; }

.ag-fac-cmp .is-keep .mk { background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }

.ag-fac-cmp .is-add .mk { background: rgb(255, 77, 61); color: rgb(255, 255, 255); }

@media (max-width: 900px) {
  .ag-fac-cmp { grid-template-columns: 1fr; }
}

.ag-tiers { margin-top: clamp(32px, 3.6vw, 52px); }

.ag-tiers-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 16px; }

.ag-tiers-head h3 { margin: 0px; font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); }

.ag-tiers-head p { margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.55); max-width: 60ch; }

.ag-tier { display: grid; grid-template-columns: 110px minmax(0px, 1.1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1.2fr); gap: 14px 20px; align-items: start; padding: 14px 18px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgb(17, 17, 17); margin-bottom: 8px; --pad: 0px; margin-left: var(--pad); transition: background 0.3s; }

.ag-tier.is-fac { background: rgb(22, 18, 16); border-color: rgba(255, 122, 51, 0.35); }

.ag-tier.is-hd { background: transparent; border: 0px; padding: 0px 18px 6px; margin-bottom: 4px; }

.ag-tier.is-hd span { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); }

.ag-tier .lv { display: flex; flex-direction: column; gap: 3px; }

.ag-tier .lv b { font-size: 15px; font-weight: 600; color: rgb(255, 255, 255); }

.ag-tier .lv small { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); }

.ag-tier.is-fac .lv b { color: rgb(255, 122, 51); }

.ag-tier > p { margin: 0px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, 0.72); text-wrap: pretty; }

.ag-tier > p b { color: rgb(255, 255, 255); font-weight: 500; }

.ag-tiers-note { margin: 12px 0px 0px; display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; border-radius: 999px; background: rgba(255, 122, 51, 0.12); border: 1px solid rgba(255, 122, 51, 0.4); font-size: 12.5px; color: rgb(255, 255, 255); }

.ag-tiers-note i { color: rgb(255, 122, 51); }

@media (max-width: 1000px) {
  .ag-tier { grid-template-columns: 1fr; gap: 8px; }
  .ag-tier.is-hd { display: none; }
  .ag-tier > p::before { content: attr(data-l); display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin-bottom: 2px; }
}

.ag-fac-score { margin-top: clamp(32px, 3.6vw, 52px); }

.ag-fac-score-h { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }

.ag-fac-score-h h3 { margin: 0px; font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); }

.ag-fac-score-h p { margin: 0px; font-size: 13px; color: rgba(255, 255, 255, 0.5); }

.ag-fac-tiles { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }

.ag-tile { background: rgb(17, 17, 17); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 16px 16px 14px; display: flex; flex-direction: column; gap: 6px; }

.ag-tile .k { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); }

.ag-tile .v { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; line-height: 1; color: rgb(255, 255, 255); }

.ag-tile .v small { font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.55); letter-spacing: 0px; margin-left: 4px; }

.ag-tile .t { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: rgb(125, 211, 162); }

.ag-tile .t.dn { color: rgb(255, 122, 51); }

.ag-tile .d { font-size: 11.5px; line-height: 1.4; color: rgba(255, 255, 255, 0.5); margin-top: 2px; }

@media (max-width: 1100px) {
  .ag-fac-tiles { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
  .ag-fac-tiles { grid-template-columns: 1fr 1fr; }
}

.ag-gov { margin-top: clamp(24px, 2.8vw, 36px); display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.ag-gov .lbl { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin-right: 4px; }

.ag-gov span:not(.lbl) { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); font-size: 13px; color: rgb(255, 255, 255); }

.ag-gov span i { font-size: 15px; color: rgb(255, 122, 51); }

.ag-road { background: rgb(255, 255, 255); }

.ag-road-grid { position: relative; margin-top: clamp(26px, 3vw, 40px); display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 1.8vw, 24px); }

.ag-road-grid::before { content: ""; position: absolute; left: 2%; right: 2%; top: 17px; height: 2px; background: rgba(17, 17, 17, 0.12); border-radius: 2px; }

.ag-road-grid::after { content: ""; position: absolute; left: 2%; top: 17px; height: 2px; width: calc(var(--rp,0) * 96%); background: var(--grad); border-radius: 2px; transition: width 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ag-phase { position: relative; display: flex; flex-direction: column; gap: 14px; padding-top: 44px; }

.ag-phase-dot { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); border: 2px solid rgba(17, 17, 17, 0.18); z-index: 1; transition: background 0.4s, border-color 0.4s, box-shadow 0.4s; }

.ag-phase.is-on .ag-phase-dot { background: rgb(255, 122, 51); border-color: rgb(255, 122, 51); box-shadow: rgba(255, 122, 51, 0.2) 0px 0px 0px 6px; }

.ag-phase-card { background: var(--surface); border-radius: 22px; padding: 24px 24px 26px; display: flex; flex-direction: column; gap: 12px; height: 100%; border: 1px solid var(--line-2); }

.ag-phase-when { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(225, 29, 44); }

.ag-phase-card h3 { margin: 0px; font-size: 24px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.14; color: var(--ink); }

.ag-phase-card p { margin: 0px; font-size: 15px; line-height: 1.55; color: var(--muted); text-wrap: pretty; }

.ag-phase-card ul { margin: 4px 0px 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 8px; }

.ag-phase-card li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.45; color: var(--ink-2); }

.ag-phase-card li::before { content: ""; position: absolute; left: 0px; top: 7px; width: 12px; height: 12px; border-radius: 50%; background: var(--grad); }

.ag-phase-out { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.45; color: var(--muted); }

.ag-phase-card li::before { background: var(--grad); }

.ag-phase-out b { color: var(--ink); font-weight: 600; }

@media (max-width: 1000px) {
  .ag-road-grid { grid-template-columns: 1fr 1fr; }
  .ag-road-grid::before, .ag-road-grid::after { display: none; }
  .ag-phase { padding-top: 0px; }
  .ag-phase-dot { display: none; }
}

@media (max-width: 640px) {
  .ag-road-grid { grid-template-columns: 1fr; }
}

.ag-pr { background: rgb(255, 255, 255); }

.ag-pr-grid { margin-top: clamp(40px, 5vw, 64px); display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 1.8vw, 24px); }

.ag-pr-item { position: relative; background: var(--surface); border-radius: 22px; padding: 26px 24px 28px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; transition: transform 0.36s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ag-pr-item:hover { transform: translateY(-4px); }

.ag-pr-num { font-size: 44px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

.ag-pr-item h3 { margin: 0px; font-size: 22px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.16; color: var(--ink); text-wrap: balance; }

.ag-pr-item p { margin: 0px; font-size: 15px; line-height: 1.55; color: var(--muted); text-wrap: pretty; }

.ag-pr-item p b { color: var(--ink); font-weight: 600; }

@media (max-width: 1100px) {
  .ag-pr-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .ag-pr-grid { grid-template-columns: 1fr; }
}

.ag-ev { background: var(--surface); }

.ag-ev-cols { margin-top: clamp(40px, 5vw, 64px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 2vw, 28px); }

.ag-ev-col { background: rgb(255, 255, 255); border-radius: 26px; padding: clamp(24px, 2.6vw, 36px); display: flex; flex-direction: column; gap: 6px; border: 1px solid var(--line-2); }

.ag-ev-col.is-dark { background: rgb(10, 10, 10); color: rgb(255, 255, 255); border-color: transparent; }

.ag-ev-col h3 { margin: 0px 0px 14px; font-size: 24px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.14; display: flex; align-items: center; gap: 12px; }

.ag-ev-col h3 i { font-size: 22px; color: rgb(255, 77, 61); }

.ag-ev-row { display: grid; grid-template-columns: minmax(150px, auto) 1fr; gap: 18px; align-items: baseline; padding: 16px 0px; border-top: 1px solid var(--line); }

.ag-ev-col.is-dark .ag-ev-row { border-top-color: rgba(255, 255, 255, 0.12); }

.ag-ev-num { font-size: clamp(34px, 3.6vw, 48px); font-weight: 600; letter-spacing: -0.03em; line-height: 1; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; white-space: nowrap; }

.ag-ev-col.is-dark .ag-ev-num { background: rgb(255,255,255); -webkit-background-clip: text; background-clip: text; }

.ag-ev-txt { font-size: 15px; line-height: 1.5; color: var(--ink-2); }

.ag-ev-col.is-dark .ag-ev-txt { color: rgba(255, 255, 255, 0.86); }

.ag-ev-txt small { display: block; margin-top: 4px; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--faint); }

.ag-ev-col.is-dark .ag-ev-txt small { color: rgba(255, 255, 255, 0.48); }

.ag-ev-note { margin: clamp(18px, 2vw, 26px) auto 0px; font-size: 13px; line-height: 1.5; color: var(--muted); text-align: center; max-width: 76ch; }

@media (max-width: 900px) {
  .ag-ev-cols { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .ag-ev-row { grid-template-columns: 1fr; gap: 6px; }
}

.ag-weft { background: rgb(14, 14, 14); color: rgb(255, 255, 255); }

.ag-weft .di-eyebrow { color: rgba(255, 255, 255, 0.5); }

.ag-weft .di-h2 { color: rgb(255, 255, 255); }

.ag-weft .di-lead { color: rgba(255, 255, 255, 0.62); }

.ag-weft-oss { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 500; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); text-decoration: none; transition: background 0.2s; }

.ag-weft-oss:hover { background: rgba(255, 255, 255, 0.14); }

.ag-weft-oss i { font-size: 16px; }

.ag-weft-grid { margin-top: clamp(36px, 4vw, 56px); display: grid; grid-template-columns: minmax(0px, 0.78fr) minmax(0px, 1.22fr); gap: clamp(24px, 3vw, 48px); align-items: start; }

.ag-weft-list { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 14px; }

.ag-weft-list li { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: flex-start; }

.ag-weft-list .mk { width: 30px; height: 30px; border-radius: 50%; background: rgb(255, 77, 61); color: rgb(255, 255, 255); display: grid; place-items: center; flex: 0 0 auto; margin-top: 1px; }

.ag-weft-list .mk i { font-size: 15px; }

.ag-weft-list h4 { margin: 0px 0px 3px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.4; }

.ag-weft-list p { margin: 0px; font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.6); }

.ag-code { position: relative; background: rgb(5, 5, 5); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 90px; }

.ag-code-bar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-size: 12px; color: rgba(255, 255, 255, 0.5); }

.ag-code-bar .dots { display: flex; gap: 6px; }

.ag-code-bar .dots i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); }

.ag-code-bar .path { margin-left: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.ag-code pre { margin: 0px; padding: 18px 20px 22px; overflow: auto; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; line-height: 1.58; color: rgba(255, 255, 255, 0.82); tab-size: 2; scrollbar-width: thin; }

@media (max-width: 1240px) {
  .ag-code pre { font-size: 11px; }
}

.ag-code .k { color: rgb(255, 122, 51); }

.ag-code .f { color: rgb(125, 211, 252); }

.ag-code .s { color: rgb(217, 244, 129); }

.ag-code .c { color: rgba(255, 255, 255, 0.38); font-style: italic; }

.ag-code .p { color: rgb(240, 166, 255); }

.ag-weft-shots { margin-top: clamp(36px, 4vw, 56px); display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 0.65fr); gap: clamp(20px, 2.4vw, 32px); align-items: stretch; }

.ag-shot { background: rgb(249, 249, 249); border-radius: 24px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 90px; }

.ag-shot-bar { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: rgb(233, 233, 233); }

.ag-shot-bar i { width: 10px; height: 10px; border-radius: 50%; background: rgb(207, 207, 207); }

.ag-shot-bar span { margin-left: 8px; font-size: 12px; color: rgb(122, 122, 122); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.ag-shot img { display: block; width: 100%; height: auto; }

.ag-stack { display: flex; flex-direction: column; gap: 10px; }

.ag-stack-row { position: relative; background: rgb(22, 22, 22); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; }

.ag-stack-row.is-core { background: linear-gradient(100deg, rgb(255, 122, 51), rgb(255, 77, 61)); border-color: transparent; }

.ag-stack-row b { font-size: 14px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); }

.ag-stack-row.is-core b { color: rgb(255, 255, 255); }

.ag-stack-row span { font-size: 14px; line-height: 1.45; color: rgb(255, 255, 255); }

.ag-stack-row .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }

.ag-stack-row .tags i { font-style: normal; font-size: 12px; padding: 5px 9px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }

.ag-stack-row.is-core .tags i { background: rgba(0, 0, 0, 0.22); }

.ag-stack-link { display: flex; align-items: center; justify-content: center; height: 22px; color: rgba(255, 255, 255, 0.4); font-size: 16px; }

.ag-stack-foot { margin-top: auto; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, 0.06); font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.7); }

.ag-stack-foot b { color: rgb(255, 255, 255); font-weight: 600; }

.ag-weft-cta { margin-top: clamp(28px, 3vw, 40px); display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 640px) {
  .ag-weft-cta .di-btn { justify-content: center; white-space: normal; text-align: center; height: auto; min-height: 52px; padding: 12px 22px; width: 100%; line-height: 1.3; }
}

@media (max-width: 1000px) {
  .ag-weft-grid, .ag-weft-shots { grid-template-columns: 1fr; }
}

.ag-who { background: rgb(255, 255, 255); }

.ag-who-grid { margin-top: clamp(40px, 5vw, 64px); display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2vw, 28px); }

.ag-who-tag.is-green { background: rgba(255, 106, 31, 0.1); color: rgb(255, 106, 31); border-color: rgba(255, 106, 31, 0.45); }

@media (max-width: 1180px) {
  .ag-who-grid { grid-template-columns: 1fr 1fr; }
  .ag-who-card:last-child { grid-column: 1 / -1; }
}

.ag-who-card { position: relative; background: var(--surface); border-radius: 26px; padding: clamp(24px, 2.8vw, 40px); display: flex; flex-direction: column; gap: 16px; overflow: hidden; }

.ag-who-card::after { content: ""; position: absolute; inset: 0px; border-radius: 26px; padding: 2px; background: var(--grad); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); opacity: 0; transition: opacity 0.3s; pointer-events: none; }

.ag-who-card:hover::after { opacity: 1; }

.ag-who-tag { display: inline-flex; align-items: center; align-self: flex-start; padding: 9px 16px; border-radius: 999px; font-size: 14px; font-weight: 500; background: rgba(229, 20, 42, 0.1); color: rgb(229, 20, 42); border: 1.5px solid rgba(229, 20, 42, 0.45); }

.ag-who-card h3 { margin: 0px; font-size: 34px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.08; color: var(--ink); text-wrap: balance; }

.ag-who-card > p { margin: 0px; font-size: 16px; line-height: 1.6; color: var(--muted); text-wrap: pretty; }

.ag-who-card ul { margin: 6px 0px 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 10px; }

.ag-who-card li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: var(--ink-2); }

.ag-who-card li i { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; background: rgb(255, 77, 61); color: rgb(255, 255, 255); font-size: 13px; margin-top: 1px; }

.ag-who-start { margin-top: auto; padding: 18px 22px; border-radius: 32px !important; background: rgb(255, 255, 255); border: 1px solid var(--line-2); font-size: 14px; line-height: 1.5; color: var(--muted); }

.ag-who-start b { display: block; color: var(--ink); font-weight: 600; margin-bottom: 2px; }

@media (max-width: 900px) {
  .ag-who-grid { grid-template-columns: 1fr; }
  .ag-who-card:last-child { grid-column: auto; }
}

.itfaq { background: #ffffff; padding: clamp(56px,7vw,96px) var(--page-gutter) clamp(72px,9vw,120px); }

.itfaq-head { max-width: 1460px; margin: 0px auto clamp(40px, 5vw, 64px); display: flex; justify-content: space-between; align-items: flex-end; gap: clamp(24px, 4vw, 72px); }

.itfaq-title { font-size: 54px; font-weight: 700; letter-spacing: var(--tracking-display); line-height: 1.06; margin: 0px; color: var(--fg-1); }

.itfaq-sub { line-height: 1.45; color: var(--fg-2); margin: 0px 0px 6px; text-align: right; font-size: 16px !important; }

.itfaq-list { max-width: 1460px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 12px clamp(20px, 2.4vw, 32px); }

.itfaq-item { position: relative; border-radius: 24px; background: #f9f9f9; padding: 4px 8px; transition: background 0.24s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.32s; overflow: hidden; }

.itfaq-item::after { content: ""; position: absolute; inset: 0px; border-radius: 24px; padding: 2px; background: linear-gradient(120deg, rgb(255, 122, 51), rgb(255, 77, 61)); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); opacity: 0; transition: opacity 0.3s; pointer-events: none; }

.itfaq-item:hover:not([open]) { background: #f1f1f1; }

.itfaq-item:hover:not([open]) .itfaq-plus { transform: scale(1.15); }

.itfaq-item[open] { background: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.1) 0px 0px 30px; }

.itfaq-item[open]::after { opacity: 1; }

.itfaq-item summary { list-style: none; cursor: pointer; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px 20px; line-height: 1.3; color: var(--fg-1); font-size: 16px !important; font-weight: 500 !important; }

.itfaq-item summary::-webkit-details-marker { display: none; }

.itfaq-item summary:focus-visible { outline: none; box-shadow: rgba(255, 106, 31, 0.35) 0px 0px 0px 3px; border-radius: 20px; }

.itfaq-plus { font-size: 20px; flex: 0 0 auto; margin-top: 2px; color: var(--treel-magenta); transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); }

.itfaq-item[open] .itfaq-plus { transform: rotate(45deg); }

.itfaq-a { padding: 0px 20px 24px; max-width: 60ch; display: grid; gap: 14px; }

.itfaq-a p { margin: 0px; line-height: 1.55; color: var(--fg-2); text-wrap: pretty; font-size: 16px !important; font-weight: 400 !important; }

@media (max-width: 980px) {
  .itfaq-list { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .itfaq-head { flex-direction: column; align-items: stretch; gap: 0px; }
  .itfaq-sub { text-align: left; margin: 8px 0px 0px; }
  .itfaq-title { font-size: clamp(32px, 7vw, 44px); }
  .itfaq-item summary { padding: 18px 14px; }
  .itfaq-a { padding: 0px 14px 20px; }
}

.di-cta { background: rgb(255, 255, 255); }
section.di-cta.cta-wrap.pulse-cta-wrap { padding-bottom: 0 !important; }

.di-cta .pulse-cta-card { min-height: clamp(360px, 34vw, 480px) !important; padding: clamp(40px, 5vw, 72px) !important; gap: clamp(28px, 4vw, 60px) !important; align-items: center !important; }
.di-cta .pulse-cta-card .pulse-cta-copy { flex: 0 1 50% !important; max-width: 50%; min-width: 0; }
@media (max-width:760px){.di-cta .pulse-cta-card .pulse-cta-copy{flex-basis:auto !important;max-width:none}.di-cta .pulse-cta-card .di-radar{order:-1}}

.di-cta .pulse-cta-row { justify-content: flex-end; }

@media (max-width: 820px) {
  .di-cta .pulse-cta-row { justify-content: stretch; }
}

/* css-be81b0bf-ead0-40b5-af73-3dbe736fed21@mhtml.blink */
@charset "utf-8";

html.pl-loading, html.pl-loading body { overflow: hidden !important; }

html.pl-loading body > :not(#__preloader) { visibility: hidden !important; }

#__preloader { position: fixed; inset: 0px; z-index: 2147483647; background: rgb(249, 249, 249); display: flex; align-items: center; justify-content: center; transition: opacity 0.32s; }

#__preloader.pl-done { opacity: 0; pointer-events: none; }

#__preloader .pl-inner { display: flex; flex-direction: column; align-items: center; gap: 24px; }

#__preloader .pl-logo { display: block; width: 128px; height: auto; opacity: 0.9; }

#__preloader .pl-track { position: relative; width: 128px; height: 2px; border-radius: 1000px; background: rgba(59, 48, 64, 0.1); overflow: hidden; }

#__preloader .pl-bar { position: absolute; top: 0px; left: 0px; height: 100%; width: 40%; border-radius: 1000px; background: linear-gradient(90deg, rgb(255, 122, 51), rgb(255, 77, 61)); animation: 1s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running plSweep; }

@keyframes plSweep { 
  0% { transform: translateX(-110%); }
  100% { transform: translateX(290%); }
}

@media (prefers-reduced-motion: reduce) {
  #__preloader .pl-bar { animation: auto ease 0s 1 normal none running none; width: 100%; opacity: 0.5; }
}

/* css-c1616867-2b5d-421d-a62f-6bc7afad6d69@mhtml.blink */
@charset "utf-8";

footer.sitemap.sitemap--dark { color: var(--fg-1); padding: clamp(64px,8vw,104px) var(--page-gutter) clamp(32px,4vw,48px); background: rgb(249, 249, 249) !important; }

.sitemap--dark .sitemap-inner { grid-template-columns: 1.6fr repeat(3, 1fr); max-width: 1460px; margin-left: auto; margin-right: auto; }

.sitemap--dark .sitemap-bottom { max-width: 1460px; margin-left: auto; margin-right: auto; }

.sitemap--dark .sitemap-brand p { color: rgba(57, 57, 57, 0.62); }

.sitemap--dark .sitemap-brand img { height: 28px; }

.sitemap--dark .sitemap-social a { background: rgba(57, 57, 57, 0.06); color: var(--fg-1); border-radius: 50%; }

.sitemap--dark .sitemap-social a:hover { background: rgb(17, 17, 17); color: rgb(255, 255, 255); }

.sitemap--dark .sitemap-social svg, .sitemap--dark .sitemap-social i { width: 18px; height: 18px; font-size: 18px; }

.sitemap--dark .sitemap-col h4 { color: rgba(57, 57, 57, 0.5); }

.sitemap--dark .sitemap-col a { color: rgba(57, 57, 57, 0.74); }

.sitemap--dark .sitemap-col a:hover { color: var(--fg-1); }

.sitemap--dark .sitemap-bottom { font-size: 13px; line-height: 1.5; }

.sitemap--dark .sitemap-bottom a { color: rgba(57, 57, 57, 0.55); font-size: 13px; }

.sitemap--dark .sitemap-bottom a:hover { color: var(--fg-1); }

.sitemap--dark .sitemap-copy { font-size: 13px; color: rgba(57, 57, 57, 0.5); }

/* css-19cc35c6-af25-43c4-9909-6cbd993816db@mhtml.blink */
@charset "utf-8";

.blog { background: rgb(255, 255, 255); padding: clamp(48px, 6vw, 88px) var(--page-gutter) clamp(80px, 12vw, 160px); }

.blog .blog-head { display: block; max-width: 1460px; margin: 0px auto clamp(32px, 4vw, 52px); text-align: center; }

.blog .blog-title { text-align: center; font-weight: 500; letter-spacing: var(--tracking-display); line-height: 1.04; margin: 0px auto; max-width: none; white-space: nowrap; color: var(--fg-1); font-size: clamp(28px, 4.2vw, 54px) !important; }

.blog .blog-sub { text-align: center; font-weight: 400; line-height: 1.45; text-transform: none; color: var(--fg-2); letter-spacing: normal; max-width: 600px; margin: 16px auto 0px; font-size: 16px !important; }

.blog-grid { max-width: 1460px; margin: 0px auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.2vw, 30px); }

.blog-card { position: relative; display: flex; flex-direction: column; background: rgb(249, 249, 249); border-radius: 24px; box-shadow: none; overflow: hidden; text-decoration: none; color: inherit; transform-origin: center center; transition: transform .42s var(--ease-spring), box-shadow .42s var(--ease-spring); }

.blog-card::after { content: ""; position: absolute; inset: 0px; border-radius: 24px; padding: 2px; background: linear-gradient(120deg, rgb(255, 122, 51), rgb(255, 77, 61)); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 4; }

.blog-card:hover { transform: scale(1.04); box-shadow: none; z-index: 2; }

.blog-card:hover::after { opacity: 1; }

.blog-card-media { position: relative; aspect-ratio: 16 / 11; background: transparent; overflow: hidden; margin: 12px 12px 0px; border-radius: 14px; }

.blog-card-media image-slot { width: 100%; height: 100%; display: block; }

.blog-card-media image-slot::part(ring) { display: none; }

.blog-card-media image-slot::part(frame) { outline: none; border: 0px; background: transparent !important; }

.blog-card-body { display: flex; flex-direction: column; gap: 9px; padding: 16px 12px 18px 20px; flex: 1 1 0%; }

.blog-card h3 { font-size: 24px; font-weight: 500; letter-spacing: var(--tracking-tight); line-height: 1.2; color: var(--fg-1); margin: 0px; text-wrap: balance; }

.blog-excerpt { font-size: 16px; line-height: 1.5; color: var(--fg-2); margin: 0px; text-wrap: pretty; }

.blog-meta { margin-top: auto; padding-top: 16px; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--fg-3); }

.blog-meta .blog-av { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }

.blog-meta .dot { width: 3px; height: 3px; border-radius: 50%; background: currentcolor; }

@media (max-width: 860px) {
  .blog-grid { grid-template-columns: 1fr; gap: 20px; }
}

/* css-b18ec794-69db-408d-af41-c6e97e11ac17@mhtml.blink */
@charset "utf-8";

.sitemap--dark .sitemap-copy, .sitemap--dark .sitemap-bottom { letter-spacing: -0.01em; }

.sitemap-copy .copy-mark { font-size: 0.8em; vertical-align: 0.08em; letter-spacing: 0px; }

/* scenified title must wrap inside the viewport */
.di .ab-pat-scene.is-scenified .ab-pat-title{ max-width:min(92vw,18ch) !important; white-space:normal; text-align:center !important; }
.di .ab-pat-scene.is-scenified .ab-pat-title br{ display:inline; }
.ab-pat-scene.is-scenified{ overflow-x:clip; }

/* graphic placeholders (site-wide dashed convention) */
.ag-ph{ position:relative; display:block; overflow:hidden; border-radius:16px; border:1.5px dashed rgba(17,17,17,.22); background-image:repeating-linear-gradient(45deg, rgba(17,17,17,.045) 0 11px, transparent 11px 22px); background-color:rgba(255,255,255,.4); }
.ag-ph image-slot{ display:block; width:100%; height:100%; }
.ag-ph image-slot::part(frame){ border:0; outline:none; background:transparent !important; }
.ag-ph image-slot::part(ring){ display:none; }
.ag-ph image-slot::part(empty){ color:var(--faint); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.ag-ph--dark{ border-color:rgba(255,255,255,.28); background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.07) 0 11px, transparent 11px 22px); background-color:rgba(255,255,255,.04); }
.ag-ph--dark image-slot::part(empty){ color:rgba(255,255,255,.7); }
.ag-ph--band{ aspect-ratio:16/5; margin-top:clamp(32px,4vw,48px); border-radius:24px; }
.ag-ph--band + .ag-cmp-grid{ margin-top:clamp(20px,2.4vw,32px); }
.ag-ph--th{ aspect-ratio:16/7; margin-bottom:10px; border-radius:14px; }
.ag-ph--phase{ aspect-ratio:16/9; margin:-4px 0 4px; border-radius:14px; }
.ag-ph--who{ aspect-ratio:16/8; margin-bottom:4px; border-radius:18px; }
.ag-ph--int{ aspect-ratio:16/9; margin-bottom:6px; border-radius:14px; }
.ag-pr-layout{ margin-top:clamp(40px,5vw,64px); display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(20px,2.4vw,36px); align-items:start; }
.ag-pr-layout .ag-ph--pr{ position:sticky; top:104px; aspect-ratio:4/5; border-radius:24px; }
.ag-pr-layout .ag-pr-grid{ margin-top:0; grid-template-columns:repeat(2,1fr); }
@media (max-width:900px){ .ag-pr-layout{ grid-template-columns:1fr; } .ag-pr-layout .ag-ph--pr{ position:static; aspect-ratio:16/9; } .ag-ph--band{ aspect-ratio:16/9; } }
@media (max-width:600px){ .ag-pr-layout .ag-pr-grid{ grid-template-columns:1fr; } }

.ag-scheme{ background:rgb(9,9,9); color:#fff; padding:clamp(48px,6vw,88px) var(--page-gutter) !important; }
.ag-scheme .ag-flow{ order:0; margin:0 auto; max-width:1460px; }
.ag-scheme .ag-flow-mini{ order:0; justify-content:center; }
@media (max-width:1000px){ .ag-scheme .ag-flow-mini{ display:flex; } }

/* hero → scheme → logos: one continuous opening */
.di .hero .hero-media{ min-height:clamp(760px,62vw,960px) !important; }
.di .hero .hero-overlay{ min-height:inherit; }
.di .hero .hero-overlay .hero-outcomes{ margin-top:auto !important; }
@media (max-width:1000px){ .di .hero .hero-media{ min-height:clamp(640px,90vw,900px) !important; } .di .hero .hero-overlay{ min-height:inherit !important; } html body .di section.hero .hero-media .hero-overlay{ display:flex !important; flex-direction:column !important; min-height:inherit !important; } html body .di section.hero .hero-media .hero-overlay .hero-outcomes{ margin-top:auto !important; } }
@media (max-width:600px){ .di .hero .hero-media{ min-height:0 !important; } }
.di .hero-overlay .hero-outcomes{ margin-top:clamp(28px,3vw,44px) !important; }
.di section.hero{ padding-bottom:clamp(48px,6vw,88px) !important; }
.ag-scheme{ padding:clamp(56px,7vw,96px) var(--page-gutter) clamp(40px,5vw,64px) !important; }
.ag-scheme .wrap{ max-width:1460px; }
.ag-scheme-head{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(24px,4vw,64px); align-items:end; }
.ag-scheme .di-eyebrow{ color:rgb(225,29,44); font-size:18px; font-weight:500; letter-spacing:.14em; }
.ag-scheme-h{ margin:0; font-size:clamp(28px,4.2vw,54px); font-weight:700; letter-spacing:-.01em; line-height:1.08; color:#fff; text-wrap:balance; max-width:20ch; }
.ag-scheme-lead{ margin:0 0 6px; font-size:16px; line-height:1.5; color:rgba(255,255,255,.62); text-align:right; text-wrap:pretty; }
.ag-scheme-lead a{ color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.35); white-space:nowrap; }
.ag-scheme-lead a:hover{ border-color:#fff; }
.ag-scheme-lead a i{ font-size:14px; }
.ag-scheme-body{ margin-top:clamp(28px,3.4vw,48px); padding:clamp(20px,2.6vw,40px) clamp(16px,2.4vw,36px); border-radius:28px; background:rgb(20,20,20); border:1px solid rgba(255,255,255,.08); }
.ag-scheme-brands{ margin-top:clamp(40px,5vw,72px); padding-top:clamp(28px,3vw,40px); border-top:1px solid rgba(255,255,255,.12); text-align:center; }
.ag-scheme-brands .ag-brands-label{ color:rgba(255,255,255,.62); font-weight:500; }
.ag-scheme-brands .ag-logo{ filter:grayscale(1) invert(1) brightness(1.4); opacity:.6; }
.ag-scheme-brands .ag-logo:hover{ opacity:1; }
.ag-scheme-brands .ag-brands-more{ color:rgba(255,255,255,.45); }
.ag-scheme-h{ max-width:none; }
@media (max-width:1000px){ .ag-scheme-head{ grid-template-columns:1fr; } .ag-scheme-lead{ text-align:left; } .ag-scheme-h{ max-width:none; } .ag-scheme-h .ag-br{ display:none; } }

/* pipeline → 5 steps with video */
.ag-steps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(20px,3vw,48px);align-items:stretch}
.ag-steps-list{display:flex;flex-direction:column;gap:4px}
.ag-step{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:18px;border:1px solid transparent;transition:background .2s,border-color .2s}
.ag-step:hover{background:rgba(255,255,255,.04)}
.ag-step.on{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.ag-step:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:2px}
.ag-step-n{font-size:14px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.4);padding-top:4px}
.ag-step.on .ag-step-n{color:rgb(255,122,51)}
.ag-step-txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.ag-step-t{font-size:20px;font-weight:600;color:#fff;display:flex;flex-direction:column;gap:2px}
.ag-step-t em{font-style:normal;font-size:16px;font-weight:400;color:rgba(255,255,255,.62)}
.ag-step-d,.ag-step-g{display:none}
.ag-step.on .ag-step-d{display:block;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72);text-wrap:pretty}
.ag-step.on .ag-step-g{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;color:rgb(10,10,10);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ag-steps-media{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:rgb(14,14,14);border:1px solid rgba(255,255,255,.1);align-self:center;width:100%}
.ag-vid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 12px,transparent 12px 24px)}
.ag-vid.on{opacity:1}
.ag-vid video{width:100%;height:100%;object-fit:cover;display:block}
.ag-vid span{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:rgba(255,255,255,.5);padding:8px 14px;border:1px dashed rgba(255,255,255,.2);border-radius:8px;text-align:center;max-width:80%}
@media (max-width:1000px){.ag-steps{grid-template-columns:1fr}.ag-steps-media{order:-1}}
.ag-scheme-body.ag-steps{background:none;border:0;border-radius:0;padding:0}
.ag-steps{align-items:start}.ag-steps-media{align-self:start;aspect-ratio:16/10;height:auto;flex:none}

/* problems → one-at-a-time explorer */
.ag-px{margin-top:clamp(20px,2.4vw,32px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(16px,2vw,28px);align-items:start}
.ag-px-tabs{display:flex;flex-direction:column;gap:4px}
.ag-px-tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;font-size:18px;font-weight:500;color:var(--muted);transition:background .2s,color .2s}
.ag-px-tab i{opacity:0;transition:opacity .2s,transform .2s;font-size:18px}
.ag-px-tab:hover{background:var(--surface);color:var(--ink)}
.ag-px-tab.on{background:var(--surface);color:var(--ink)}
.ag-px-tab.on i{opacity:1;color:rgb(255,77,61)}
.ag-px-tab:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:2px}
.ag-px-n{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--faint)}
.ag-px-tab.on .ag-px-n{color:rgb(255,77,61)}
.ag-px-panes{display:grid}
.ag-px-pane{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);background:var(--surface);border-radius:var(--r);padding:clamp(24px,3vw,44px);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s,transform .25s,visibility .25s}
.ag-px-pane.on{opacity:1;visibility:visible;transform:none}
.ag-px-main{display:flex;flex-direction:column;gap:16px}
.ag-px-main h3{margin:4px 0 0;font-size:clamp(26px,2.4vw,34px);font-weight:600;letter-spacing:-.015em;line-height:1.1;color:var(--ink)}
.ag-px-d{margin:0;font-size:18px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.ag-px-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.ag-px-chips span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line-2);font-size:14px;color:var(--ink-2)}
.ag-px-stat{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:clamp(20px,2.4vw,32px);border-radius:20px;background:rgb(17,17,17);color:#fff}
.ag-px-big{font-size:clamp(44px,4.6vw,72px);font-weight:600;line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ag-px-stat p{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.82);text-wrap:pretty}
.ag-px-src{font-size:13px;color:rgba(255,255,255,.55)}
@media (max-width:1100px){.ag-px{grid-template-columns:1fr}.ag-px-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}.ag-px-tab{grid-template-columns:auto auto;white-space:nowrap;font-size:15px;padding:10px 14px}.ag-px-tab i{display:none}}
@media (max-width:700px){.ag-px-pane{grid-template-columns:1fr}}

/* problems → hover accordion */
.ag-acc{margin-top:clamp(20px,2.4vw,32px);border-top:1px solid var(--line)}
.ag-acc-row{border-bottom:1px solid var(--line);transition:background .3s}
.ag-acc-row.on{background:var(--surface)}
.ag-acc-head{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) auto;align-items:center;gap:20px;padding:22px clamp(16px,2vw,28px)}
.ag-acc-head:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:-2px}
.ag-acc-n{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--faint)}
.ag-acc-row.on .ag-acc-n{color:rgb(255,77,61)}
.ag-acc-t{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.01em;line-height:1.15;color:var(--ink)}
.ag-acc-x{font-size:22px;color:var(--muted);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ag-acc-row.on .ag-acc-x{transform:rotate(45deg);color:var(--ink)}
.ag-acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}
.ag-acc-row.on .ag-acc-body{grid-template-rows:1fr}
.ag-acc-in{overflow:hidden;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.1fr);gap:clamp(20px,2.4vw,36px);padding:0 clamp(16px,2vw,28px);opacity:0;transition:opacity .3s,padding .4s}
.ag-acc-row.on .ag-acc-in{opacity:1;padding-bottom:clamp(24px,2.6vw,36px)}
.ag-acc-img{aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--surface-2)}
.ag-acc-img image-slot{width:100%;height:100%;display:block}
.ag-acc-main{display:flex;flex-direction:column;gap:16px}
@media (max-width:1000px){.ag-acc-head{grid-template-columns:40px minmax(0,1fr) auto}.ag-acc-in{grid-template-columns:1fr 1fr}.ag-acc-img{grid-column:1/-1;aspect-ratio:16/7}}
@media (max-width:640px){.ag-acc-in{grid-template-columns:1fr}}
.ab-pat-heading{max-width:none!important;text-wrap:balance}
@media (max-width:1000px){.ab-pat-heading br{display:none}}
.ab-pat-foot{max-width:none!important}
@media (max-width:1000px){.ab-pat-foot br{display:none}}
.di .ab-pat-scene.is-scenified .ab-pat-title{max-width:92vw!important}
.ag-pipe-h{max-width:none!important}

/* pipeline → vertical hover list */
.ag-vs{margin-top:clamp(28px,3.4vw,48px);border-top:1px solid rgba(255,255,255,.14)}
.ag-vs-row{border-bottom:1px solid rgba(255,255,255,.14);transition:background .3s}
.ag-vs-row.on{background:rgba(255,255,255,.04)}
.ag-vs-head{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto 28px;align-items:center;gap:20px;padding:24px clamp(16px,2vw,28px)}
.ag-vs-head:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:-2px}
.ag-vs-n{font-size:14px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.4)}
.ag-vs-row.on .ag-vs-n{color:rgb(255,122,51)}
.ag-vs-tt{display:flex;flex-direction:column;gap:6px;min-width:0}
.ag-vs-t{font-size:clamp(24px,2.4vw,34px);font-weight:600;letter-spacing:-.01em;line-height:1.1;color:#fff}
.ag-vs-s{font-size:16px;line-height:1.45;color:rgba(255,255,255,.62);text-wrap:pretty}
.ag-vs-head .ag-gate{margin:0;white-space:nowrap}
.ag-vs-x{font-size:22px;color:rgba(255,255,255,.55);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ag-vs-row.on .ag-vs-x{transform:rotate(45deg);color:#fff}
.ag-vs-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}
.ag-vs-row.on .ag-vs-body{grid-template-rows:1fr}
.ag-vs-in{overflow:hidden;min-height:0;padding:0 clamp(16px,2vw,28px) 0 calc(64px + 20px + clamp(16px,2vw,28px));opacity:0;transition:opacity .3s,padding .4s}
.ag-vs-row.on .ag-vs-in{opacity:1;padding-bottom:clamp(24px,2.6vw,36px)}
.ag-vs-in .ag-dcards{margin-top:0}
.ag-vs-in .ag-dloop{margin-bottom:0}
@media (max-width:800px){.ag-vs-head{grid-template-columns:36px minmax(0,1fr) 24px}.ag-vs-head .ag-gate{grid-column:2;grid-row:2;justify-self:start}.ag-vs-in{padding-left:clamp(16px,2vw,28px)}}
.ag-vs-head{grid-template-columns:minmax(0,1fr) auto 28px}.ag-vs-in{padding-left:clamp(16px,2vw,28px)}
@media (max-width:800px){.ag-vs-head{grid-template-columns:minmax(0,1fr) 24px}.ag-vs-head .ag-gate{grid-column:1}}

/* problems → expanding cards */
.ag-pcs{margin-top:clamp(28px,3.4vw,48px);display:flex;gap:12px;min-height:460px}
.ag-pc{flex:1 1 0;min-width:0;position:relative;display:flex;gap:clamp(20px,2.4vw,32px);padding:24px;border-radius:var(--r);background:var(--surface);cursor:pointer;overflow:hidden;transition:flex-grow .5s cubic-bezier(.2,.8,.2,1),background .3s}
.ag-pc:hover{background:var(--surface-2)}
.ag-pc.on{flex-grow:4.2;cursor:default;background:var(--surface);padding:clamp(24px,2.6vw,40px)}
.ag-pc:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:2px}
.ag-pc-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.ag-pc h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.15;color:var(--ink);text-wrap:balance}
.ag-pc.on h3{font-size:clamp(26px,2.4vw,34px)}
.ag-pc-d{margin:0;font-size:14px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.ag-pc.on .ag-pc-d{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:40ch}
.ag-pc-more{display:none}
.ag-pc.on .ag-pc-more{display:block;animation:agPcIn .45s .15s both}
.ag-pc-main .ag-pc-more{margin-top:auto}
.ag-pc-side{flex:0 0 min(42%,340px)}
.ag-pc-side .ag-px-stat{height:100%}
@keyframes agPcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:1000px){.ag-pcs{flex-direction:column;min-height:0}.ag-pc,.ag-pc.on{flex:none}.ag-pc.on{flex-direction:column}.ag-pc-side{flex:none}}
.ag-pc{min-width:170px;padding:22px 20px}.ag-pc.on{flex-grow:2.4;min-width:0}.ag-pc h3{font-size:18px;hyphens:auto;overflow-wrap:anywhere}.ag-pc:not(.on) .ag-pc-d{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1280px) and (min-width:1001px){.ag-pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.ag-pc,.ag-pc.on{flex-direction:column;min-width:0}.ag-pc.on h3{font-size:24px}.ag-pc.on .ag-pc-d{font-size:16px}.ag-pc-side{flex:none}}

/* problems → slider, ~3 visible */
.ag-pcs-wrap{position:relative;margin-top:clamp(28px,3.4vw,48px)}
.ag-pcs-nav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}
.ag-pcs-btn{all:unset;box-sizing:border-box;cursor:pointer;width:48px;height:48px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:background .2s,opacity .2s}
.ag-pcs-btn:hover{background:var(--surface)}
.ag-pcs-btn:disabled{opacity:.3;cursor:default;background:none}
.ag-pcs-btn:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:2px}
.ag-pcs-btn i{font-size:20px}
.di .ag-pcs{display:flex!important;flex-direction:row!important;margin-top:0;gap:12px;min-height:460px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;--sw:calc((100% - 24px)/4)}
.ag-pcs::-webkit-scrollbar{display:none}
.di .ag-pc,.di .ag-pc.on{flex:0 0 var(--sw)!important;min-width:0;scroll-snap-align:start;flex-direction:row;transition:flex-basis .5s cubic-bezier(.2,.8,.2,1),background .3s}
.di .ag-pc.on{flex-basis:calc(var(--sw) * 2 + 12px)!important}
.di .ag-pc.on .ag-pc-side{flex:0 0 min(44%,320px)}
@media (max-width:1280px){.di .ag-pc.on{flex-direction:column}.di .ag-pc.on .ag-pc-side{flex:none}}
@media (max-width:700px){.di .ag-pcs{--sw:72%;min-height:0}.di .ag-pc.on{flex-basis:88%!important}}

/* problem cards: unified type/padding, square small cards */
.di .ag-pcs{align-items:flex-start;min-height:0!important}
.di .ag-pc,.di .ag-pc.on{padding:clamp(24px,2.4vw,36px)!important}
.di .ag-pc:not(.on){aspect-ratio:1/1}
.di .ag-pc.on{min-height:calc((min(100vw,1480px) - 2*var(--page-gutter,24px) - 36px)/4)}
.di .ag-pc h3,.di .ag-pc.on h3{font-size:clamp(22px,2vw,30px);hyphens:manual;overflow-wrap:normal}
.di .ag-pc .ag-pc-d,.di .ag-pc.on .ag-pc-d{font-size:16px;line-height:1.5;color:var(--ink-2);max-width:40ch}
.di .ag-pc:not(.on) .ag-pc-d{-webkit-line-clamp:6}
@media (max-width:700px){.di .ag-pc:not(.on){aspect-ratio:auto;min-height:260px}}
.di .ag-pc:not(.on){aspect-ratio:auto;min-height:calc((min(100vw,1480px) - 2*var(--page-gutter,24px) - 36px)/4)}.di .ag-pc:not(.on) .ag-pc-d{display:block;-webkit-line-clamp:unset;overflow:visible}.di .ag-pcs{align-items:stretch}
.di .ag-pcs{align-items:flex-start;container-type:inline-size}.di .ag-pc:not(.on){min-height:calc((100cqw - 36px)/4)}.di .ag-pc.on{min-height:calc((100cqw - 36px)/4)}
@media (max-width:700px){.di .ag-pc:not(.on),.di .ag-pc.on{min-height:260px}}
.di .ag-pc-main{flex:0 0 auto;width:calc((100cqw - 36px)/4 - 2*clamp(24px,2.4vw,36px))}.di .ag-pc .ag-pc-d{max-width:none}.di .ag-pc.on .ag-pc-side{flex:1 1 0;min-width:0}
@media (max-width:700px){.di .ag-pc-main{width:auto;flex:1 1 auto}}
@media (min-width:701px){.di .ag-pc.on{flex-direction:row}.di .ag-pc.on .ag-pc-side{flex:1 1 0;min-width:0}}
@media (max-width:1280px) and (min-width:701px){.di .ag-pc.on .ag-px-big{font-size:clamp(36px,4vw,56px)}.di .ag-pc.on .ag-px-stat{padding:20px}}
@media (min-width:701px){.di .ag-pc.on{min-height:calc((100cqw - 36px)/2 + 12px)}.di .ag-pc.on .ag-pc-main{align-self:stretch}.di .ag-pc.on .ag-pc-main .ag-pc-more{margin-top:auto}.di .ag-pc.on .ag-pc-side{align-self:flex-start}}
@media (min-width:701px){.di .ag-pc.on{display:grid;grid-template-columns:calc((100cqw - 36px)/4 - 2*clamp(24px,2.4vw,36px)) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:clamp(20px,2.4vw,32px);row-gap:20px}.di .ag-pc.on .ag-pc-main{grid-area:1/1;align-self:start}.di .ag-pc.on .ag-pc-side{grid-area:1/2}.di .ag-pc.on .ag-pc-pills{grid-area:3/1/4/3;align-self:end}}
.ag-pc-pills .ag-px-chips{margin-top:0}
.di .ag-pc.on .ag-pc-pills{width:100%;min-width:0}.di .ag-pc-pills .ag-px-chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}.di .ag-pc-pills .ag-px-chips::-webkit-scrollbar{display:none}.di .ag-pc-pills .ag-px-chips span{flex:0 0 auto;white-space:nowrap}
@media (max-width:700px){.di .ag-pc-pills .ag-px-chips{flex-wrap:wrap}}
.di .ag-pc-pills .ag-px-chips{flex-wrap:wrap;overflow:visible}
.di .ag-pc .ag-px-stat{background:none;padding:0!important;border-radius:0;height:auto;justify-content:center}.di .ag-pc .ag-px-stat p{color:var(--ink-2)}.di .ag-pc .ag-px-src{color:var(--muted)}
@media (min-width:701px){.di .ag-pc.on .ag-pc-side{grid-area:1/2/3/3;align-self:center}}
@media (min-width:701px){.di .ag-pc.on{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto}.di .ag-pc.on .ag-pc-main{grid-area:1/1}.di .ag-pc.on .ag-pc-side{grid-area:2/1/3/2;align-self:center;max-width:36ch}.di .ag-pc.on .ag-pc-pills{grid-area:3/1/4/2}}
.di .ag-pc,.di .ag-pc *{text-align:left}.di .ag-pc .ag-px-stat{align-items:flex-start}
@media (min-width:701px){.di .ag-pc.on{grid-template-columns:calc((100cqw - 36px)/4 - 2*clamp(24px,2.4vw,36px)) minmax(0,1fr)}.di .ag-pc.on .ag-pc-main{grid-area:1/1}.di .ag-pc.on .ag-pc-side{grid-area:1/2/3/3;align-self:center;max-width:none}.di .ag-pc.on .ag-pc-pills{grid-area:3/1/4/3}}
.di .ag-pc .ag-px-stat p{text-wrap:balance}
@media (min-width:701px){.di .ag-pc.on{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;row-gap:16px}.di .ag-pc.on .ag-pc-main{grid-area:1/1}.di .ag-pc.on .ag-pc-side{grid-area:2/1/3/2;align-self:center;justify-self:start;max-width:40ch}.di .ag-pc.on .ag-pc-pills{grid-area:3/1/4/2}.di .ag-pc.on .ag-px-big{font-size:clamp(40px,3.6vw,60px)}.di .ag-pc.on .ag-px-stat{gap:6px}}
@media (min-width:701px){.di .ag-pc.on{min-height:calc(((100cqw - 36px)/2 + 12px)*.78)}}
.di .ag-pc .ag-px-stat p{text-wrap:pretty}@media (min-width:701px){.di .ag-pc.on .ag-pc-side{max-width:none}}

/* equal-width cards, 3 per view, small square */
.di .ag-pcs{--sw:calc((100cqw - 24px)/3)}
.di .ag-pc,.di .ag-pc.on{flex:0 0 var(--sw)!important;flex-basis:var(--sw)!important}
.di .ag-pc:not(.on),.di .ag-pc.on{min-height:var(--sw)}
.di .ag-pc-main{width:auto;flex:1 1 auto}
@media (min-width:701px){.di .ag-pc.on{min-height:var(--sw)}}
@media (max-width:700px){.di .ag-pcs{--sw:80cqw}.di .ag-pc:not(.on),.di .ag-pc.on{min-height:var(--sw)}}

/* open card wider than square cards */
@media (min-width:701px){.di .ag-pc.on{flex-basis:calc(var(--sw) * 1.6)!important}}

.di .ag-step,.ag-step{grid-template-columns:minmax(0,1fr)!important}.ag-step-txt{grid-column:1/-1}

@media (min-width:1001px){.di .hero .hero-overlay p.hero-sub{font-size:22px!important;max-width:none!important}}

/* backlog cards — reference style: tall portrait, active expands */
.ag-bls{--g:12px;--cw:calc((100cqw - 4*var(--g))/5);--ow:calc(var(--cw)*2);--ch:420px;--oh:540px;--pad:28px;container-type:inline-size;display:flex;gap:var(--g);align-items:center;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0;min-height:var(--oh)}
.ag-bls::-webkit-scrollbar{display:none}
.ag-bl{flex:0 0 var(--cw);height:var(--ch);position:relative;overflow:hidden;border-radius:20px;background:var(--card,#fff);box-shadow:0 0 0 1px var(--line-2);cursor:pointer;scroll-snap-align:start;transition:flex-basis .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.ag-bl:hover{box-shadow:0 0 0 1px var(--line)}
.ag-bl:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:2px}
.ag-bl.on{flex-basis:var(--ow);height:var(--oh);cursor:default;box-shadow:0 0 0 1px var(--line-2),0 24px 60px rgba(17,17,17,.08)}
.ag-bl-n{position:absolute;top:var(--pad);left:var(--pad);font-size:clamp(56px,5.4vw,84px);line-height:.9;letter-spacing:-.05em;color:rgba(17,17,17,.08);transition:opacity .3s}
.ag-bl.on .ag-bl-n{opacity:0}
.ag-bl-media{position:absolute;top:8px;left:8px;right:8px;height:40%;border-radius:16px;overflow:hidden;opacity:0;transition:opacity .35s}
.ag-bl-media image-slot{display:block;width:100%;height:100%}
.ag-bl.on .ag-bl-media{opacity:1;transition-delay:.2s}
.ag-bl-body{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:left}
.ag-bl-ic{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--ink)}
.ag-bl-ic i{font-size:20px}
.ag-bl h3{margin:0;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;transition:font-size .4s cubic-bezier(.2,.8,.2,1)}
.ag-bl.on h3{font-size:clamp(28px,2.6vw,38px);line-height:1.08}
.ag-bl-more{display:none;width:calc(var(--ow) - 2*var(--pad));max-width:100%;flex-direction:column;gap:14px;margin-top:12px}
.ag-bl.on .ag-bl-more{display:flex;animation:agPcIn .45s .2s both}
.ag-bl-d{margin:0;font-size:16px;line-height:1.5;color:var(--muted);text-wrap:pretty;max-width:46ch}
.ag-bl-stat{margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--ink-2)}
.ag-bl-stat b{font-weight:500;color:var(--ink);font-size:18px;margin-right:4px}
.ag-bl-stat span{display:block;color:var(--faint);font-size:12px;margin-top:2px}
@media (max-width:1000px){.ag-bls{--cw:calc((100cqw - 2*var(--g))/3.2);--ow:calc(var(--cw)*2);--ch:380px;--oh:500px}}
@media (max-width:700px){.ag-bls{--cw:80cqw;--ow:80cqw;--ch:520px;--oh:520px;align-items:stretch}.ag-bl .ag-bl-n{opacity:0}.ag-bl .ag-bl-media{opacity:1}.ag-bl h3{font-size:26px}.ag-bl .ag-bl-more{display:flex;animation:none}}
.ag-bls{padding:48px 0 72px;margin:-40px 0 -56px}
.ag-bl>.ag-bl-ic{position:absolute;top:var(--pad);left:var(--pad);z-index:2;transition:top .5s cubic-bezier(.2,.8,.2,1),left .5s cubic-bezier(.2,.8,.2,1),background .3s}.ag-bl.on>.ag-bl-ic{top:22px;left:22px;background:var(--card,#fff)}
.ag-bl-shape{width:100%;height:100%;background:var(--surface-2);display:flex;align-items:center;padding:clamp(24px,2.6vw,40px);padding-top:72px}.ag-bl-shape p{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.55;color:var(--ink-2);text-wrap:pretty;text-align:left}.ag-bl-shape b{font-weight:600;color:var(--ink)}
.ag-bl{background:#f6f6f6;box-shadow:none}.ag-bl:hover{background:#f1f1f1;box-shadow:none}.ag-bl.on{background:#f6f6f6;box-shadow:0 24px 60px rgba(17,17,17,.06)}
.ag-bl-shape{background:linear-gradient(135deg,#ff7a33,#ff4d3d)}.ag-bl-shape p,.ag-bl-shape b{color:#fff}
.ag-bl:hover,.ag-bl.on:hover{background:#f6f6f6}
.ag-bl,.ag-bl:hover,.ag-bl.on,.ag-bl.on:hover{box-shadow:inset 0 0 0 1px rgba(17,17,17,.10)}

/* smoother backlog card motion */
.ag-bls{--ease:cubic-bezier(.4,0,.2,1)}
.ag-bl{transition:flex-basis .6s var(--ease),height .6s var(--ease);will-change:flex-basis,height}
.ag-bl h3,.ag-bl.on h3{font-size:clamp(22px,1.8vw,28px);line-height:1.15;transition:none}
.ag-bl-more,.ag-bl.on .ag-bl-more{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;animation:none;transition:grid-template-rows .6s var(--ease),opacity .25s ease,margin-top .6s var(--ease)}
.ag-bl-more>*{min-height:0;overflow:hidden}
.ag-bl-more{gap:0}
.ag-bl.on .ag-bl-more{grid-template-rows:1fr;opacity:1;margin-top:4px;transition:grid-template-rows .6s var(--ease),opacity .35s ease .25s,margin-top .6s var(--ease)}
.ag-bl-more-in{display:flex;flex-direction:column;gap:14px}
.ag-bl-media{transform:scale(.97);transform-origin:top center;transition:opacity .3s ease,transform .6s var(--ease)}
.ag-bl.on .ag-bl-media{opacity:1;transform:none;transition:opacity .4s ease .2s,transform .6s var(--ease)}
.ag-bl-ic,.ag-bl.on>.ag-bl-ic{background:#111;color:#fff}
.ag-bl>.ag-bl-ic{transition:top .6s var(--ease),left .6s var(--ease)}
@media (max-width:700px){.ag-bl .ag-bl-more{grid-template-rows:1fr;opacity:1}.ag-bl .ag-bl-media{transform:none}}

/* backlog: narrower collapsed cards so the next one peeks */
@media (min-width:1001px){.ag-bls{--cw:calc((100cqw - 5*var(--g) + 16px)/7.4);--ow:calc(var(--cw)*2.4 - 16px);overflow:visible}.ag-bls{--pad:18px}.ag-bl-shape{padding:18px;padding-top:64px}.ag-bl h3,.ag-bl.on h3{font-size:clamp(18px,1.45vw,23px);font-weight:700!important}.ag-bl{flex-shrink:1;min-width:0}.ag-pcs-nav{display:none}}

.ab-pat-x .ds-pat-title{font-size:clamp(28px,2.4vw,34px);line-height:1.02;font-weight:400}
.ab-pat-x .ds-pat-body b{font-weight:700;color:#fff}
.ab-pat-x .ds-pat-title,.ab-pat-x h4{font-weight:400 !important;font-synthesis:none}
.ag-pipe-anim{position:relative;width:100%;aspect-ratio:16/9;max-height:min(58vh,560px);border-radius:24px;overflow:hidden;background:#1c1c1c;margin:clamp(28px,3.4vw,48px) 0}.ag-pipe-anim iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none}
.ag-pipe-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,3vw,48px);align-items:start;margin-top:clamp(28px,3.4vw,48px)}.ag-pipe-split .ag-vs{order:1;margin-top:0}.ag-pipe-split .ag-pipe-anim{order:2;margin:0;max-height:none;position:sticky;top:clamp(80px,10vh,120px)}.ag-pipe-split .ag-vs-head{grid-template-columns:minmax(0,1fr) 28px}.ag-pipe-split .ag-vs-head .ag-gate{grid-column:1;grid-row:2;justify-self:start}.ag-pipe-split .ag-vs-in{padding-left:clamp(16px,2vw,28px)}.ag-pipe-split .ag-dcards{grid-template-columns:1fr}
@media (max-width:1000px){.ag-pipe-split{grid-template-columns:1fr}.ag-pipe-split .ag-pipe-anim{order:0;position:relative;top:auto}}
.ag-pipe-split .ag-vs-head{grid-template-columns:minmax(0,1fr) auto 28px;align-items:start}.ag-pipe-split .ag-vs-head .ag-gate{grid-column:auto;grid-row:auto;justify-self:end;margin-top:2px}.ag-pipe-split .ag-vs-x{margin-top:4px}
@media (min-width:1001px){.ag-pipe-split{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}
.ag-pipe-split .ag-vs-head{row-gap:6px}.ag-pipe-split .ag-vs-tt{display:contents}.ag-pipe-split .ag-vs-t{grid-column:1;grid-row:1}.ag-pipe-split .ag-vs-head .ag-gate{grid-column:2;grid-row:1}.ag-pipe-split .ag-vs-x{grid-column:3;grid-row:1}.ag-pipe-split .ag-vs-s{grid-column:1/-1;grid-row:2}
/* pipeline stepper: tabs + synced animation */
.ag-ps{margin-top:clamp(28px,3.4vw,48px)}
.ag-ps-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ag-ps-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:18px 20px 0;border-radius:16px 16px 0 0;background:rgba(255,255,255,.03);transition:background .25s}
.ag-ps-tab:hover{background:rgba(255,255,255,.06)}
.ag-ps-tab.on{background:rgba(255,255,255,.08)}
.ag-ps-tab:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:2px}
.ag-ps-n{font-size:13px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.4)}
.ag-ps-tab.on .ag-ps-n{color:rgb(255,122,51)}
.ag-ps-t{font-size:clamp(18px,1.6vw,24px);font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.62)}
.ag-ps-tab.on .ag-ps-t{color:#fff}
.ag-ps-bar{display:block;height:3px;margin:0 -20px;background:rgba(255,255,255,.12)}
.ag-ps-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7a33,#ff4d3d)}
.ag-ps-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,3vw,48px);align-items:start;margin-top:clamp(28px,3vw,40px)}
.ag-ps-left{display:flex;flex-direction:column;gap:28px}
.ag-ps-panel{display:none;flex-direction:column;gap:20px}
.ag-ps-panel.on{display:flex;animation:agPsIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes agPsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ag-ps-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ag-ps-head .ag-gate{margin:0}
.ag-ps-h{margin:0;font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-.02em;line-height:1.05;color:#fff}
.ag-ps-s{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.45;color:rgba(255,255,255,.72);text-wrap:pretty}
.ag-ps-panel .ag-dcards{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.ag-ps-panel .ag-dloop{margin:0}
.ag-ps-nav{display:flex;gap:10px}
.ag-ps-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;height:48px;min-width:48px;justify-content:center;padding:0 18px;border-radius:1000px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:15px;font-weight:500;transition:background .2s,border-color .2s}
.ag-ps-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.36)}
.ag-ps-btn:focus-visible{outline:2px solid rgb(255,122,51);outline-offset:2px}
.ag-ps-split .ag-pipe-anim{margin:0;max-height:none;position:sticky;top:clamp(80px,10vh,120px)}
@media (max-width:1000px){.ag-ps-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.ag-ps-tab{flex:0 0 auto;min-width:150px}.ag-ps-split{grid-template-columns:1fr}.ag-ps-split .ag-pipe-anim{order:-1;position:relative;top:auto}}
.ag-ps-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;row-gap:12px}.ag-ps-head .ag-ps-h{grid-column:1;grid-row:1}.ag-ps-head .ag-gate{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}.ag-ps-head .ag-ps-s{grid-column:1/-1;grid-row:2}
@media (min-width:1001px){.ag-ps-split{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr)}}

.ag-rv{margin-top:clamp(36px,4vw,56px);display:flex;flex-direction:column;gap:16px}
.ag-rv-hero{background:#111;color:#fff;border-radius:28px;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.ag-rv-num{margin:0;font-size:clamp(80px,10vw,148px);font-weight:700;letter-spacing:-.04em;line-height:.9;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ag-rv-claim{margin:16px 0 0;font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.015em;line-height:1.2;max-width:none;text-wrap:balance}
.ag-rv-sub{margin:16px 0 0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.72);max-width:40ch;text-wrap:pretty}
.ag-rv-dots{display:grid;grid-template-columns:repeat(17,1fr);gap:clamp(5px,.6vw,8px)}
.ag-rv-dots i,.ag-rv-key i{display:block;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.16)}
.ag-rv-dots i.hot,.ag-rv-key i.hot{background:#e5142a;box-shadow:0 0 18px rgba(229,20,42,.55)}
.ag-rv-key{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:rgba(255,255,255,.72)}
.ag-rv-key span{display:inline-flex;align-items:center;gap:8px}.ag-rv-key i{width:10px}
.ag-rv-how{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:start;gap:8px;padding:clamp(20px,2.4vw,28px);border-radius:22px;border:1px solid var(--line)}
.ag-rv-step{display:flex;gap:16px;align-items:flex-start}
.ag-rv-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--surface);display:grid;place-items:center;font-size:20px;color:var(--ink)}
.ag-rv-step h4{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--ink)}
.ag-rv-step p{margin:0;font-size:14px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.ag-rv-step ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.ag-rv-step li{font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:var(--surface);color:var(--ink-2)}
.ag-rv-arr{justify-self:center;color:var(--faint);font-size:18px;margin-top:12px}
.ag-rv-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ag-rv-lane{--lc:#1f8a5b;background:var(--surface);border-radius:22px;padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.ag-rv-lane:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,17,17,.08)}
.ag-rv--mid{--lc:#ff7a33}.ag-rv--high{--lc:#e5142a}
.ag-rv-lvl{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lc)}
.ag-rv-lvl::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lc)}
.ag-rv-lane h3{margin:18px 0 0;font-size:clamp(26px,2.4vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.08;color:var(--ink);text-wrap:balance}
.ag-rv-sm{margin:8px 0 0;font-size:15px;color:var(--muted)}
.ag-rv-lane ol{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.ag-rv-lane li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--ink-2);padding:10px 12px;border-radius:12px;background:#fff}
.ag-rv-lane li i{font-size:15px;color:var(--lc)}
.ag-rv-ex{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted);margin-top:auto}
.ag-rv-lane ol+.ag-rv-ex{margin-top:20px}
.ag-rv-ex span{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.ag-rv-viz{width:100%;justify-self:stretch;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
@media (min-width:1001px){.ag-rv-viz .ag-rv-dots{margin-top:auto}.ag-rv-viz .ag-rv-key{margin-top:auto;padding-top:22px}}
@media (max-width:1000px){.ag-rv-hero{grid-template-columns:1fr}.ag-rv-viz{justify-self:stretch}.ag-rv-viz .ag-rv-dots{flex:none}.ag-rv-how{grid-template-columns:1fr}.ag-rv-arr{transform:rotate(90deg);padding:4px 0}}
@media (max-width:760px){.ag-rv-lanes{grid-template-columns:1fr}}

/* Inside your tools — scattered + animated */
.ag-int-col{gap:16px}
.ag-int-col .ag-src{--r:0deg;rotate:var(--r);animation:agFloat 7s ease-in-out infinite;transition:rotate .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.ag-int-col .ag-src:hover{rotate:0deg;animation-play-state:paused;box-shadow:0 16px 40px rgba(17,17,17,.10);z-index:2}
.ag-int-col .ag-src:nth-of-type(1){--r:-1.6deg;margin-right:34px;animation-delay:-1s}
.ag-int-col .ag-src:nth-of-type(2){--r:1.2deg;margin-left:30px;animation-delay:-3.4s;animation-duration:8s}
.ag-int-col .ag-src:nth-of-type(3){--r:-.8deg;margin-right:14px;margin-left:8px;animation-delay:-5.2s;animation-duration:6.5s}
.ag-int-col .ag-src:nth-of-type(4){--r:1.8deg;margin-left:42px;animation-delay:-2.2s;animation-duration:7.5s}
.ag-int-col:last-child .ag-src:nth-of-type(1){--r:1.4deg;margin-right:0;margin-left:30px}
.ag-int-col:last-child .ag-src:nth-of-type(2){--r:-1.3deg;margin-left:0;margin-right:36px}
.ag-int-col:last-child .ag-src:nth-of-type(3){--r:.9deg;margin-left:22px;margin-right:4px}
.ag-int-col:last-child .ag-src:nth-of-type(4){--r:-1.7deg;margin-left:0;margin-right:26px}
@keyframes agFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
.ag-int-core::before{animation:agGlow 14s linear infinite}
@keyframes agGlow{to{transform:rotate(360deg)}}
.ag-int-core .k{display:inline-flex;align-items:center;gap:8px}
.ag-live{width:8px;height:8px;border-radius:50%;background:#ff4d3d;box-shadow:0 0 0 0 rgba(255,77,61,.6);animation:agLive 2s ease-out infinite}
@keyframes agLive{0%{box-shadow:0 0 0 0 rgba(255,77,61,.6)}100%{box-shadow:0 0 0 10px rgba(255,77,61,0)}}
.ag-int-core li{opacity:0;translate:0 6px;animation:agLi .5s cubic-bezier(.2,.8,.2,1) forwards}
.ag-int-core li:nth-child(1){animation-delay:.3s}.ag-int-core li:nth-child(2){animation-delay:.45s}.ag-int-core li:nth-child(3){animation-delay:.6s}.ag-int-core li:nth-child(4){animation-delay:.75s}
@keyframes agLi{to{opacity:1;translate:0 0}}
@media (min-width:1001px){
.ag-int-arrow::before{border-top:0;height:1.5px;translate:0 -50%;background:repeating-linear-gradient(90deg,rgba(17,17,17,.32) 0 6px,transparent 6px 12px);background-size:12px 100%;animation:agFlow .6s linear infinite}
.ag-int-core{rotate:-.6deg}
}
@keyframes agFlow{to{background-position:12px 0}}
@media (max-width:1000px){.ag-int-col{gap:22px}.ag-int-col .ag-src{margin-left:0!important;margin-right:0!important;--r:0deg!important;animation:none}}
@media (min-width:1001px) and (max-width:1280px){.ag-int-col .ag-src{margin-left:0!important;margin-right:0!important}.ag-int-col .ag-src:nth-of-type(even){margin-left:14px!important}.ag-int-col{gap:20px}}
@media (prefers-reduced-motion:reduce){.ag-int-col .ag-src,.ag-int-core::before,.ag-live,.ag-int-arrow::before{animation:none!important}.ag-int-core li{animation:none;opacity:1;translate:none}}

@media (min-width:1001px){
.ag-int-col .ag-src{position:relative;left:var(--x,0);margin-left:0!important;margin-right:0!important;width:calc(100% - 36px)}
.ag-int-col:first-of-type .ag-src:nth-of-type(1){--x:0px}
.ag-int-col:first-of-type .ag-src:nth-of-type(2){--x:56px}
.ag-int-col:first-of-type .ag-src:nth-of-type(3){--x:-18px}
.ag-int-col:first-of-type .ag-src:nth-of-type(4){--x:40px}
.ag-int-col:last-child .ag-src:nth-of-type(1){--x:-20px}
.ag-int-col:last-child .ag-src:nth-of-type(2){--x:54px}
.ag-int-col:last-child .ag-src:nth-of-type(3){--x:-40px}
.ag-int-col:last-child .ag-src:nth-of-type(4){--x:36px}
}

.ag-int-grid{position:relative}
.ag-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.ag-int-col,.ag-int-core{position:relative;z-index:1}
.ag-wires .w{fill:none;stroke:rgba(17,17,17,.2);stroke-width:1.5;stroke-dasharray:1.2 1.6;animation:agWire 2.4s linear infinite}
.ag-wires .p{fill:none;stroke:#ff4d3d;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:7 93;animation:agPulse 2.8s cubic-bezier(.45,0,.55,1) infinite;filter:drop-shadow(0 0 4px rgba(255,77,61,.6))}
@keyframes agWire{to{stroke-dashoffset:-2.8}}
@keyframes agPulse{from{stroke-dashoffset:7}to{stroke-dashoffset:-93}}
@media (min-width:1001px){
.ag-int-grid{grid-template-columns:minmax(0,1fr) 120px minmax(0,.9fr) 120px minmax(0,1fr)}
.ag-int-arrow::before,.ag-int-arrow::after,.ag-int-arrow i{display:none}
.ag-int-arrow{z-index:1}
.ag-int-arrow .lab{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:5px 10px;font-size:11px;line-height:1;letter-spacing:.1em;white-space:nowrap;color:var(--ink-2)}
.ag-int-col:first-of-type .ag-src:nth-of-type(2){--x:44px}
.ag-int-col:last-child .ag-src:nth-of-type(2){--x:42px}
}
@media (prefers-reduced-motion:reduce){.ag-wires .w,.ag-wires .p{animation:none}.ag-wires .p{display:none}}

.ag-wires .m{fill:none;stroke:#fff;stroke-width:14;stroke-dasharray:100 100;stroke-dashoffset:100;transition:stroke-dashoffset 1s cubic-bezier(.45,0,.2,1)}
.ag-seq.is-reads .ag-wires mask#agML .m,.ag-seq.is-asks .ag-wires mask#agMR .m{stroke-dashoffset:0}
.ag-seq .ag-int-core{opacity:0;transform:scale(.92);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.ag-seq.is-core .ag-int-core{opacity:1;transform:none}
.ag-seq .ag-int-core li{animation-name:none}
.ag-seq.is-core .ag-int-core li{animation-name:agLi}
.ag-seq .ag-int-col .ag-src,.ag-seq .ag-int-col-h,.ag-seq .ag-int-arrow .lab{opacity:0;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1),rotate .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.ag-seq .ag-int-col:first-of-type .ag-src,.ag-seq .ag-int-col:first-of-type .ag-int-col-h{transform:translateX(-28px)}
.ag-seq .ag-int-col:last-child .ag-src,.ag-seq .ag-int-col:last-child .ag-int-col-h{transform:translateX(28px)}
.ag-seq.is-reads .ag-int-col:first-of-type>*,.ag-seq.is-asks .ag-int-col:last-child>*{opacity:1;transform:none}
.ag-seq.is-reads .ag-int-arrow:first-of-type .lab,.ag-seq.is-asks .ag-int-arrow:last-of-type .lab{opacity:1}
.ag-seq .ag-int-col>:nth-child(2){transition-delay:.1s}.ag-seq .ag-int-col>:nth-child(3){transition-delay:.22s}.ag-seq .ag-int-col>:nth-child(4){transition-delay:.34s}.ag-seq .ag-int-col>:nth-child(5){transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.ag-seq .ag-int-core,.ag-seq .ag-int-col>*,.ag-seq .ag-int-arrow .lab{opacity:1!important;transform:none!important}.ag-wires .m{stroke-dashoffset:0!important}}

.ag-rv-num{font-variant-numeric:tabular-nums}
.ag-rv-anim .ag-rv-dots i{background:rgba(255,255,255,.06);box-shadow:none;transform:scale(.7);transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.ag-rv-anim .ag-rv-dots i.on{background:rgba(255,255,255,.22);transform:scale(1)}
.ag-rv-anim .ag-rv-dots i.hot{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(229,20,42,.45)}
.ag-rv-anim .ag-rv-dots i.hot.on{background:#e5142a;box-shadow:0 0 18px rgba(229,20,42,.6);transform:scale(1.12)}
.ag-rv-anim.is-done .ag-rv-dots i.hot.on{transform:scale(1)}
.ag-rv-anim .ag-rv-key span{opacity:.35;transition:opacity .5s}
.ag-rv-anim .ag-rv-key span:first-child{opacity:1}
.ag-rv-anim.is-done .ag-rv-key span{opacity:1}

@property --zap{syntax:'<angle>';inherits:false;initial-value:0deg}
.ab-pat-x::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:2;background:conic-gradient(from var(--zap),transparent 0 72%,rgba(160,215,255,.0) 74%,rgba(190,230,255,.9) 84%,#fff 86%,rgba(190,230,255,.9) 87%,transparent 90%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);filter:drop-shadow(0 0 4px rgba(170,220,255,.9));animation:patZap 4.2s linear infinite,patFlick 4.2s steps(1) infinite}
.ab-pat-x:nth-child(2)::after{animation-duration:5s,5s;animation-delay:-1.3s,-1.3s}
.ab-pat-x:nth-child(3)::after{animation-duration:3.8s,3.8s;animation-delay:-2.6s,-2.6s}
.ab-pat-x:nth-child(4)::after{animation-duration:4.6s,4.6s;animation-delay:-.7s,-.7s}
@keyframes patZap{to{--zap:360deg}}
@keyframes patFlick{0%{opacity:.9}12%{opacity:.35}14%{opacity:1}40%{opacity:.8}41%{opacity:.2}43%{opacity:.95}70%{opacity:.7}72%{opacity:1}100%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.ab-pat-x::after{animation:none;opacity:0}}

.ag-sh2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:stretch;padding-bottom:clamp(40px,5vw,72px)}
.ag-sh2-l{display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.ag-sh2-l .di-eyebrow{margin:0}
.ag-sh2-link{font-size:16px;line-height:1.4;color:rgba(255,255,255,.55);text-decoration:none;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;transition:color .2s}
.ag-sh2-link:hover{color:#fff}
.ag-sh2-r{display:flex;flex-direction:column;gap:clamp(40px,6vw,96px);padding-top:clamp(24px,4vw,64px)}
.ag-sh2 .ag-scheme-h{font-weight:500;font-size:clamp(30px,3.4vw,48px);line-height:1.1;letter-spacing:-.02em;max-width:18ch}
.ag-sh2 .ag-scheme-lead{margin:0;text-align:left;font-size:clamp(17px,1.4vw,20px);line-height:1.45;color:rgba(255,255,255,.72);max-width:44ch}
.ag-sh2+.ag-scheme-body{margin-top:0}
@media (max-width:1000px){.ag-sh2{grid-template-columns:1fr}.ag-sh2-l{flex-direction:row;align-items:baseline;flex-wrap:wrap}.ag-sh2-r{padding-top:0;gap:24px}}


.ag-apps-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px clamp(28px,3.6vw,56px);max-width:1100px;margin:0 auto}
.ag-tool{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink);opacity:.72;filter:grayscale(1);transition:opacity .2s;white-space:nowrap}
.ag-tool:hover{opacity:1}
.ag-tool img{width:24px;height:24px;display:block}
.ag-tool i{font-size:26px}
@media (max-width:560px){.ag-tool{font-size:16px}.ag-tool img{width:20px;height:20px}.ag-tool i{font-size:22px}}

.ag-rv-how{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,48px)}.ag-rv-lane li{gap:0}
@media (max-width:1000px){.ag-rv-how{grid-template-columns:1fr}}
.ag-rv-lvl::before{display:none!important}.ag-rv-lvl{gap:0;padding-left:0}

.ag-bn{background:#0a0a0a;color:#fff;padding:clamp(72px,9vw,128px) 0}
.ag-bn-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,80px);align-items:start}
.ag-bn-copy{position:sticky;top:120px}
.ag-bn-title{margin:0;font-size:clamp(36px,4vw,60px);font-weight:700;letter-spacing:-.025em;line-height:1.04;color:#fff;text-wrap:balance}
.ag-bn-lead{margin:24px 0 0;font-size:clamp(18px,1.4vw,21px);line-height:1.45;color:rgba(255,255,255,.78);text-wrap:pretty;max-width:34ch}
.ag-bn-foot{margin:32px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:15px;line-height:1.55;color:rgba(255,255,255,.72);text-wrap:pretty}
.ag-bn-foot strong{color:#fff;font-weight:600}
.ag-bn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ag-bn-card{background:#161616;border-radius:24px;padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;min-height:320px}
.ag-bn-face{font-size:44px;color:var(--accent,#e11d2c);line-height:1}
.ag-bn-card h3{margin:28px 0 0;font-size:clamp(22px,1.8vw,26px);font-weight:700;letter-spacing:-.015em;line-height:1.12;color:#fff;text-wrap:balance}
.ag-bn-card p{margin:12px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.74);text-wrap:pretty}
.ag-bn-card p b{color:#fff;font-weight:700}
.ag-bn-card .ag-bn-src{margin-top:auto;padding-top:20px;font-size:12px;color:rgba(255,255,255,.62)}
@media (max-width:1000px){.ag-bn-in{grid-template-columns:1fr}.ag-bn-copy{position:static}.ag-bn-lead{max-width:none}}
@media (max-width:640px){.ag-bn-grid{grid-template-columns:1fr}.ag-bn-card{min-height:0}}
.ag-bn-face{display:block!important;align-self:flex-start;width:auto!important;justify-content:flex-start}
.ag-bn-grid.ab-pat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:8px}.ag-bn-grid .ab-pat-x{min-height:300px}
@media (max-width:640px){.ag-bn-grid.ab-pat-grid{grid-template-columns:1fr}.ag-bn-grid .ab-pat-x{min-height:0}}
.ag-bn-grid .ab-pat-x{--rot:0deg!important}
.ag-bn-grid .ab-pat-x::after{display:none!important;animation:none!important}
.ag-bn-in{align-items:center}.ag-bn-copy{position:static}
.ag-bn-grid .ab-pat-x{animation:bnFlick 6s ease-in-out infinite}
.ag-bn-grid .ab-pat-x:nth-child(2){animation-delay:-1.5s}.ag-bn-grid .ab-pat-x:nth-child(3){animation-delay:-3s}.ag-bn-grid .ab-pat-x:nth-child(4){animation-delay:-4.5s}
.ag-bn-grid .ab-pat-x::after{display:block!important;content:"";position:absolute;inset:0;border-radius:inherit;padding:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.10) 6%,transparent 14%) 0 -30%/100% 40% no-repeat,repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)!important;-webkit-mask:none!important;mask:none!important;animation:bnRoll 7s linear infinite!important;opacity:1}
.ag-bn-grid .ab-pat-x:nth-child(2)::after{animation-delay:-2.2s!important}.ag-bn-grid .ab-pat-x:nth-child(3)::after{animation-delay:-4.6s!important}.ag-bn-grid .ab-pat-x:nth-child(4)::after{animation-delay:-1.1s!important}
.ag-bn-grid .ab-pat-x .ds-pat-title,.ag-bn-grid .ab-pat-x .ab-pat-face{text-shadow:-1px 0 rgba(255,60,120,.45),1px 0 rgba(0,230,255,.45)}
@keyframes bnRoll{0%{background-position:0 -40%,0 0}100%{background-position:0 140%,0 0}}
@keyframes bnFlick{0%,100%{filter:brightness(1)}46%{filter:brightness(1)}50%{filter:brightness(1.07) contrast(1.04)}54%{filter:brightness(.97)}58%{filter:brightness(1)}}
@media (prefers-reduced-motion:reduce){.ag-bn-grid .ab-pat-x,.ag-bn-grid .ab-pat-x::after{animation:none!important}}
.ag-bn-px{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;image-rendering:pixelated;
background:
linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)) 18% 22%/24px 8px no-repeat,
linear-gradient(rgba(0,230,255,.5),rgba(0,230,255,.5)) 62% 30%/40px 8px no-repeat,
linear-gradient(rgba(255,60,140,.5),rgba(255,60,140,.5)) 34% 58%/16px 16px no-repeat,
linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)) 80% 70%/32px 8px no-repeat,
linear-gradient(rgba(0,40,110,.6),rgba(0,40,110,.6)) 8% 84%/48px 8px no-repeat,
linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 50% 12%/8px 8px no-repeat;
animation:bnPx 5.5s steps(1) infinite}
.ab-pat-x:nth-child(2) .ag-bn-px{animation-duration:6.4s;animation-delay:-2s;transform:scaleX(-1)}
.ab-pat-x:nth-child(3) .ag-bn-px{animation-duration:4.9s;animation-delay:-3.6s;transform:scaleY(-1)}
.ab-pat-x:nth-child(4) .ag-bn-px{animation-duration:7.1s;animation-delay:-.8s;transform:scale(-1)}
@keyframes bnPx{0%,100%{opacity:0}88%{opacity:0}89%{opacity:.9;background-position:18% 22%,62% 30%,34% 58%,80% 70%,8% 84%,50% 12%}91%{opacity:.7;background-position:26% 40%,48% 18%,70% 52%,12% 66%,56% 88%,86% 30%}93%{opacity:.85;background-position:40% 76%,20% 44%,58% 24%,74% 50%,30% 10%,64% 64%}95%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ag-bn-px{display:none}}

.ag-bn-grid.ab-pat-grid{gap:14px}.ag-bn-grid .ab-pat-x{min-height:240px;padding:22px 20px;gap:12px}.ag-bn-grid .ab-pat-x .ab-pat-face{font-size:40px}.ag-bn-grid .ds-pat-title{font-size:24px}.ag-bn-grid .ds-pat-body{font-size:16px}.ag-bn-grid .ds-pat-src{font-size:11px}
@media (max-width:640px){.ag-bn-grid .ab-pat-x{min-height:0}}

/* static height: only width changes on hover, nothing below shifts */
.ag-bls{min-height:calc(var(--oh) + 120px)}.ag-bl,.ag-bl.on{height:var(--oh);transition:flex-basis .5s cubic-bezier(.4,0,.2,1);will-change:flex-basis}
.ag-bl-shape{width:calc(var(--ow) - 16px);min-width:100%}.ag-bl-media,.ag-bl.on .ag-bl-media{transform:none}.ag-bl-more-in{width:calc(var(--ow) - 2*var(--pad));max-width:none}

.ag-pr-layout--full{display:block}
.ag-pr-layout--full .ag-pr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ag-pr-layout--full .ag-pr-item{isolation:isolate;padding-bottom:210px}
.ag-pr-layout--full .ag-pr-item>:not(.p3){position:relative;z-index:1}
.p3{position:absolute;inset:0;z-index:0;pointer-events:none}
.p3>*{position:absolute;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ag-pr-item:hover .p3>*{transform:translate(var(--hx,0),var(--hy,0)) rotate(var(--hr,0deg))}
.p3{filter:drop-shadow(0 22px 30px rgba(242,66,122,.18))}
.p3>*{filter:url(#p3gloss);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.p3 .sp{border-radius:50%;background:radial-gradient(circle at 32% 26%,#FFD9C8 0%,#FF8F6E 24%,#FF6A4D 48%,#F2427A 78%,#C2338F 100%)}
.p3>.p3-pom{height:auto;translate:16px 16px;filter:saturate(.85) brightness(1.04) contrast(.95);opacity:.62;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease,opacity .7s ease}
.ag-pr-layout--full .ag-pr-item{overflow:hidden}
.ag-pr-layout--full .ag-pr-item .p3{filter:drop-shadow(0 18px 26px rgba(242,66,122,.08))}
.ag-pr-item:hover .p3>.p3-pom{filter:saturate(1) brightness(1.02) contrast(1);opacity:.85}
.p3 .sp.pale{background:radial-gradient(circle at 32% 26%,#FFEDE5 0%,#FFC9B7 45%,#FF9E86 100%)}
.p3 .cap{border-radius:999px;background:linear-gradient(90deg,#C2338F 0%,#F2427A 24%,#FF6A4D 52%,#FF8F6E 72%,#F2427A 100%)}
.p3 .cap.pale,.p3 .blk{background:linear-gradient(90deg,#FF9E86 0%,#FFC2AE 30%,#FFE0D4 56%,#FFC2AE 80%,#FF9E86 100%)}
.p3 .blk{border-radius:22px 22px 0 0}
.p3 .tor{border-radius:50%;transform:scaleY(.42)}
.p3 .tor i{position:absolute;inset:0;border-radius:50%;background:linear-gradient(160deg,#FFB49A 0%,#FF6A4D 45%,#F2427A 80%,#C2338F 100%);-webkit-mask:radial-gradient(closest-side,transparent 57%,#000 59%,#000 97%,transparent 99%);mask:radial-gradient(closest-side,transparent 57%,#000 59%,#000 97%,transparent 99%)}
.p3 .tor.lay:nth-child(n+2) i{background:linear-gradient(160deg,#FFE0D4 0%,#FFB19A 55%,#FF8F78 100%)}
.ag-pr-item:hover .p3 .tor{transform:translateY(var(--hy,0)) scaleY(.42)}
.p3 .tor.flat{transform:rotate(-18deg) scaleY(.86)}
.ag-pr-item:hover .p3 .tor.flat{transform:rotate(calc(-18deg + var(--hr,0deg))) scaleY(.86)}
.p3 .slab{width:var(--s);height:var(--s)}
.p3 .slab i{position:absolute;inset:0;border-radius:24%;transform:translateY(var(--k)) rotateX(58deg) rotateZ(-42deg)}
.p3 .slab i:nth-child(1){--k:18px;background:#B02F83}.p3 .slab i:nth-child(2){--k:12px;background:#C9337E}.p3 .slab i:nth-child(3){--k:6px;background:#DE3C7C}
.p3 .slab i:nth-child(4){--k:0px;background:linear-gradient(135deg,#FFD9C8 0%,#FF8F6E 34%,#FF6A4D 62%,#F2427A 100%)}
.p3 .slab.mid i:nth-child(-n+3){background:#F28A86}.p3 .slab.mid i:nth-child(4){background:linear-gradient(135deg,#FFEDE5 0%,#FFC9B7 55%,#FFA08A 100%)}
.p3 .slab.pale i:nth-child(-n+3){background:#F7B3A6}.p3 .slab.pale i:nth-child(4){background:linear-gradient(135deg,#FFF5F0 0%,#FFE0D4 60%,#FFC4B2 100%)}
@media (prefers-reduced-motion:reduce){.p3>*{transition:none}}
@media (max-width:1100px){.ag-pr-layout--full .ag-pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ag-pr-layout--full .ag-pr-grid{grid-template-columns:1fr}.ag-pr-layout--full .ag-pr-item{min-height:0}}
.ag-bn.ag-bn-intro{position:relative;height:380vh;overflow-x:clip;padding:0;background:transparent}
.ag-bn-intro-sticky{position:sticky;top:0;height:100vh;overflow:visible}
.ag-bn-intro-sticky::before{content:"";position:absolute;top:-100vh;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#0a0a0a;opacity:var(--bg-o,0);pointer-events:none;will-change:opacity}
.ag-bn-intro-title{position:absolute;left:50%;top:50%;margin:0;width:max-content;max-width:92vw;transform:translate(-50%,-50%);opacity:0;will-change:transform,opacity;font-size:clamp(40px,5.2vw,80px);font-weight:700;letter-spacing:-.025em;line-height:1.04;color:#fff;text-align:center;text-wrap:balance}
.ag-bn-intro.is-static{height:auto;background:#0a0a0a;padding:clamp(64px,12vw,96px) 0}.ag-bn-intro.is-static .ag-bn-intro-title{padding:0 var(--page-gutter)!important}.ag-bn-intro.is-static .ag-bn-intro-title{padding:0 24px;margin-bottom:48px!important}.ag-bn-intro.is-static .ag-bn-stage{position:static!important;transform:none!important;opacity:1!important;width:auto!important}.ag-bn-intro.is-static .ag-bn-intro::after,.ag-bn-intro.is-static .ag-bn-intro-sticky::before{display:none}.ag-bn-intro.is-static .ag-bn-intro-sticky{position:static;height:auto}.ag-bn-intro.is-static .ag-bn-intro-title{position:static;width:auto;transform:none;opacity:1}
.ag-bn-intro.is-static .ag-bn-stage{pointer-events:auto!important}
.ag-bn .ag-bn-lead{margin-top:0}
.ag-bn-stage{position:absolute;left:50%;top:50%;width:100%;box-sizing:border-box;padding:0 var(--page-gutter);transform:translate(-50%,-50%);opacity:0;pointer-events:none;will-change:transform,opacity;z-index:1}
.ag-bn-intro-title{z-index:2}
.ag-bn-h{margin:0;font-size:clamp(28px,2.6vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#fff;text-wrap:balance}
.ag-bn-wave{position:absolute;top:0;left:50%;width:100vw;height:100vh;transform:translateX(-50%);pointer-events:none;z-index:0;display:block}
.ag-bn-intro.is-static .ag-bn-wave{display:none}

/* Who it's for — stacked scroll cards */
.ag-who--stack{--who-hd-top:120px}
.ag-who--stack .di-head{position:sticky;top:var(--who-hd-top);z-index:3;background:rgb(255,255,255);padding-bottom:4px}
.ag-who--stack .ag-who-grid{margin-top:80px;display:flex;flex-direction:column;gap:0}
.ag-who--stack .ag-who-card{position:sticky;top:calc(var(--who-hd-top) + var(--who-head,200px) + 80px + var(--i,0) * var(--who-step,22px));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"title tag" "desc ." "list start";column-gap:clamp(24px,4vw,64px);row-gap:20px;align-items:start;min-height:min(560px,calc(100vh - var(--who-hd-top) - var(--who-head,200px) - 146px));height:auto;border:1px solid rgb(226,226,232);margin-bottom:0;padding:clamp(28px,3.6vw,56px);box-shadow:0 -12px 40px rgba(59,48,64,.08);transform-origin:50% 0;translate:none!important;overflow:hidden}
.ag-who--stack .ag-who-card:last-of-type{margin-bottom:0}
.ag-who--stack .ag-who-spacer{height:10vh;flex:0 0 auto}
.ag-who--stack.is-compact .di-head{position:static}
.ag-who--stack.is-compact .ag-who-card{top:calc(96px + var(--i,0) * var(--who-step,22px))}
.ag-who--stack .ag-who-card:nth-child(2){--i:1}.ag-who--stack .ag-who-card:nth-child(3){--i:2}
.ag-who--stack .ag-who-card::before{content:"";position:absolute;inset:0;background:rgb(59,48,64);opacity:var(--dim,0);pointer-events:none;border-radius:inherit;z-index:2;transition:opacity .1s linear}
@media (max-width:900px){.ag-who--stack .ag-who-card{grid-template-columns:1fr;top:calc(72px + var(--i,0) * 14px);min-height:0}.ag-who--stack .di-head{position:static}}
.ag-who--stack .ag-who-card h3{grid-area:title;font-size:clamp(26px,2.6vw,34px)}
.ag-who--stack .ag-who-tag{grid-area:tag;justify-self:end;align-self:start}
.ag-who--stack .ag-who-card > p:not(.ag-who-start){grid-area:desc;margin:0;max-width:640px}
.ag-who--stack .ag-who-card ul{grid-area:list;margin:0;align-self:end}
.ag-who--stack .ag-who-card li{gap:10px}.ag-who--stack .ag-who-card li i{width:auto;height:auto;border-radius:0;background:none;display:block;font-size:15px;margin:3px 0 0;color:rgb(225,29,44)}
.ag-who--stack .ag-who-start{grid-area:start;align-self:end;margin:0}
@media (max-width:900px){.ag-who--stack .ag-who-card{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"tag" "title" "desc" "list" "start"}.ag-who--stack .ag-who-tag{justify-self:start}}
.di-btn--brand{background:var(--grad);color:rgb(255,255,255)}
.di-btn--brand:hover{background:var(--grad);filter:brightness(1.05);box-shadow:rgba(255,77,61,.32) 0 12px 30px}
.ag-who--stack .ag-who-cta{display:flex;width:fit-content;height:44px;padding:0 22px;margin-top:14px;font-size:15px}
.ag-who--stack .ag-who-card{--pt:clamp(22px,2.6vw,40px);padding-top:calc(var(--pt) / var(--sc,1));padding-bottom:clamp(20px,2.2vw,30px);padding-left:clamp(22px,2.4vw,36px);padding-right:clamp(22px,2.4vw,36px)}
.ag-weft-grid{align-items:stretch}
.ag-weft-grid > .ag-code{contain:size;display:flex;flex-direction:column;min-height:0}
.ag-weft-grid > .ag-code .ag-code-bar{flex:0 0 auto}
.ag-weft-grid > .ag-code pre{flex:1 1 auto;min-height:0;overflow-y:scroll;overflow-x:auto;scrollbar-width:auto!important;scrollbar-color:auto!important}
.ag-weft-grid > .ag-code pre::-webkit-scrollbar{display:block!important;-webkit-appearance:none}
.ag-weft-grid > .ag-code pre::-webkit-scrollbar{width:10px;height:10px}
.ag-weft-grid > .ag-code pre::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.ag-weft-grid > .ag-code pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:10px;border:2px solid rgb(5,5,5)}
.ag-weft-grid > .ag-code pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}
.ag-weft-grid > .ag-code pre::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){.ag-weft-grid > .ag-code pre{scrollbar-color:rgba(255,255,255,.28) rgba(255,255,255,.04)}}
@media (max-width:1000px){.ag-weft-grid > .ag-code{contain:none;height:520px}}
.ag-weft .ag-weft-grid,.ag-weft .ag-weft-shots{margin-top:clamp(56px,6vw,96px)}
.ag-weft .ag-weft-cta{margin-top:clamp(40px,4.5vw,64px);justify-content:center}
.ag-weft .ag-weft-shots{grid-template-rows:auto auto;row-gap:20px;align-items:stretch}
.ag-weft-shots > .ag-shot{contain:size;display:flex;flex-direction:column;min-height:0}
.ag-weft-shots > .ag-shot .ag-shot-bar{flex:0 0 auto}
.ag-shot-body{flex:1 1 auto;min-height:0;overflow-y:scroll;scrollbar-width:auto!important;scrollbar-color:auto!important}
.ag-shot-body::-webkit-scrollbar{display:block!important;width:10px;-webkit-appearance:none}
.ag-shot-body::-webkit-scrollbar-track{background:rgba(0,0,0,.04)}
.ag-shot-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.28);border-radius:10px;border:2px solid rgb(249,249,249)}
.ag-shot-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4)}
.ag-weft-shots > .ag-stack-foot{margin:0;align-self:start}
.ag-weft .ag-weft-shots > .ag-weft-cta{margin:0;align-self:center}
@media (max-width:1000px){.ag-weft-shots > .ag-shot{contain:none;height:520px}.ag-weft-shots > .ag-stack-foot{order:1}.ag-weft-shots > .ag-stack{order:2}.ag-weft .ag-weft-shots > .ag-weft-cta{order:3}}
.ag-stack-link i{background:linear-gradient(180deg,#ff7a33 0%,#ff4d3d 25%,#ff7a33 50%,#ff4d3d 75%,#ff7a33 100%);background-size:100% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:agLinkFlow 2.4s linear infinite}
.ag-stack-link:nth-of-type(4) i{animation-delay:-1.2s}
@keyframes agLinkFlow{from{background-position:50% 0%}to{background-position:50% 100%}}
@media (prefers-reduced-motion:reduce){.ag-stack-link i{animation:none;background-position:50% 40%}}
.ag-stack-foot--icon{display:flex;gap:10px;align-items:flex-start}
.ag-stack-foot--icon > i{flex:0 0 auto;font-size:18px;line-height:1;margin-top:1px;color:#ff7a33}
.ag-weft .ag-weft-shots > .ag-weft-cta{flex-wrap:nowrap}
.ag-weft .ag-weft-shots > .ag-weft-cta .di-btn{flex:1 1 0;min-width:0;justify-content:center;padding:2px 16px 0;line-height:1}
.ag-weft .di-eyebrow.is-accent{color:rgb(225,29,44)}
.ag-weft-lead{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.ag-weft-lead .ag-weft-oss{margin:0}
.ag-weft-list .mk{width:36px;height:36px;border-radius:10px;margin-top:0}
.ag-weft-list .mk i{font-size:20px}
.ag-ev-col.is-gain{--ev-c:rgba(34,164,93,.55);--ev-tint:#e9f7ef;--ev-ink:#15803d;border:1px solid var(--ev-c)}
.ag-ev-col.is-fail{--ev-c:rgba(225,29,44,.5);--ev-tint:#fdecec;--ev-ink:rgb(190,18,32);border:1px solid var(--ev-c)}
.ag-ev-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px}
.ag-ev-head h3{margin:0}
.ag-ev-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;font-size:14px;font-weight:500;line-height:1;background:var(--ev-tint);color:var(--ev-ink)}
.ag-ev-col.is-gain .ag-ev-num,.ag-ev-col.is-fail .ag-ev-num{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink)}
.ag-ev-badge{border:1px solid var(--ev-c)}
.ag-ev-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;flex:1}
.ag-ev-tiles .ag-ev-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border-top:0;border-radius:0;background:none}
.ag-ev-tiles .ag-ev-row:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}
.ag-ev-tiles .ag-ev-row:nth-child(even){padding-right:0}
.ag-ev-tiles .ag-ev-row:nth-child(n+3){border-top:1px solid var(--line)}
.ag-ev-tiles .ag-ev-row:nth-child(-n+2){padding-top:8px}
.ag-ev-tiles .ag-ev-txt small{margin-top:8px}
@media (max-width:560px){.ag-ev-tiles{grid-template-columns:1fr}.ag-ev-tiles .ag-ev-row{padding:20px 0!important;border-right:0!important}.ag-ev-tiles .ag-ev-row+.ag-ev-row{border-top:1px solid var(--line)}}
.ag-ev-cols .ag-ev-num{font-variant-numeric:tabular-nums}
.ag-ev-note--card{display:flex;gap:12px;align-items:flex-start;max-width:none;margin:clamp(18px,2vw,28px) 0 0;padding:0;border-radius:0;background:none;border:0;text-align:left;font-size:14px;color:var(--muted)}
.ag-ev-note--card > i{flex:0 0 auto;font-size:18px;line-height:1;margin-top:1px;color:var(--accent)}
.ev-chart{flex:0 0 auto;width:124px;height:80px;margin:-8px -6px 0 0}
.ev-chart svg{display:block;overflow:visible;filter:drop-shadow(0 8px 12px var(--ev-sh,rgba(0,0,0,.15)));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ag-ev-col.is-gain:hover .ev-chart svg{transform:translate(2px,-5px)}
.ag-ev-col.is-fail:hover .ev-chart svg{transform:translate(2px,5px)}
.ag-ev-col.is-gain{--ev-sh:rgba(34,164,93,.28)}.ag-ev-col.is-fail{--ev-sh:rgba(225,29,44,.26)}
.ag-ev-cols.will-anim .ev-line{stroke-dasharray:100 100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1) .45s}
.ag-ev-cols.will-anim .ev-head{opacity:0;transform:scale(.3);transform-box:fill-box;transform-origin:center;transition:opacity .25s ease 1.7s,transform .5s cubic-bezier(.34,1.56,.64,1) 1.7s}
.ag-ev-cols.will-anim .is-fail .ev-line{transition-delay:.6s}.ag-ev-cols.will-anim .is-fail .ev-head{transition-delay:1.85s}
.ag-ev-cols.will-anim.is-on .ev-line{stroke-dashoffset:0}
.ag-ev-cols.will-anim.is-on .ev-head{opacity:1;transform:none}
.ag-ev-head{min-height:64px;align-items:flex-start}
.ag-ev-tiles{grid-template-rows:auto auto;align-content:start}
.ag-ev-tiles .ag-ev-row:nth-child(-n+2){padding-top:8px;padding-bottom:24px}
.ag-ev-tiles .ag-ev-row:nth-child(n+3){padding-top:24px;padding-bottom:0}
.ag-ev-head{align-items:center}
.ag-ev-head h3{font-size:28px;line-height:1.12}
.ag-ev-head .ev-chart{margin-top:0;margin-bottom:0}
.ag-who--stack .ag-who-card{box-shadow:none}
.ag-who--stack .ag-who-tag{background:rgba(255,106,31,.1);color:rgb(255,106,31);border-color:rgba(255,106,31,.45)}

.ag-rv-how{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:clamp(12px,2vw,24px)}
.ag-rv-arr{position:relative;align-self:start;margin-top:11px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--ink) 70%);overflow:visible}
.ag-rv-arr::after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:translateY(-50%) rotate(45deg)}
.ag-rv-arr::before{content:"";position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ink);animation:agRvFlow 2.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes agRvFlow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
@media (max-width:1000px){.ag-rv-how{grid-template-columns:1fr}.ag-rv-arr{justify-self:center;width:2px;height:40px;margin:0;transform:none;background:linear-gradient(transparent,var(--ink) 70%)}.ag-rv-arr::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg)}.ag-rv-arr::before{display:none}}
.ag-rv{--rw:rgba(17,17,17,.2);--rx:20px;--rg:52px;--cg:28px}
.ag-rv-route{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);column-gap:var(--cg);align-items:center}
.ag-rv .ag-rv-how{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0}
.ag-rv .ag-rv-how::after{content:"";position:absolute;top:calc(50% - 1px);left:100%;width:calc(var(--cg) + var(--rx) + 2px);height:2px;background:var(--rw)}
.ag-rv .ag-rv-arr{align-self:flex-start;margin:14px 0 14px 20px;width:2px;height:40px;transform:none;background:linear-gradient(transparent,var(--ink) 70%)}
.ag-rv .ag-rv-arr::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg)}
.ag-rv .ag-rv-arr::before{display:none}
.ag-rv .ag-rv-lanes{display:flex;flex-direction:column;gap:16px;padding-left:var(--rg)}
.ag-rv .ag-rv-lane{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta out" "flow flow";gap:20px clamp(20px,2.4vw,36px);align-items:start;padding:clamp(20px,2vw,28px)}
.ag-rv .ag-rv-lane:hover{transform:none}
.ag-rv-meta{grid-area:meta}.ag-rv-out{grid-area:out}.ag-rv-lane .ag-rv-flow{grid-area:flow}
.ag-rv-wire{position:absolute;left:calc(var(--rx) - var(--rg));width:calc(var(--rg) - var(--rx));top:calc(50% - 1px);height:2px;background:var(--rw);box-sizing:border-box}
.ag-rv-wire::after{content:"";position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--lc);box-shadow:0 0 0 3px #fff}
.ag-rv-lane:first-child .ag-rv-wire{height:calc(50% + 17px);background:none;border-top:2px solid var(--rw);border-left:2px solid var(--rw);border-top-left-radius:14px}
.ag-rv-lane:first-child .ag-rv-wire::after{top:-6px}
.ag-rv-lane:last-child .ag-rv-wire{top:-16px;height:calc(50% + 17px);background:none;border-bottom:2px solid var(--rw);border-left:2px solid var(--rw);border-bottom-left-radius:14px}
.ag-rv-lane:last-child .ag-rv-wire::after{top:auto;bottom:-6px}
.ag-rv-lane:not(:first-child):not(:last-child)::after{content:"";position:absolute;left:calc(var(--rx) - var(--rg));top:0;bottom:0;width:2px;background:var(--rw)}
.ag-rv-lane .ag-rv-lvl{gap:8px}.ag-rv-lvl .dot{width:9px;height:9px;border-radius:50%;background:var(--lc)}
.ag-rv-lane .ag-rv-ex{margin:10px 0 0;padding:0;border:0;font-size:14px}
.ag-rv-ex span{display:none}
.ag-rv-lane .ag-rv-flow{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.ag-rv-lane .ag-rv-flow li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 14px 0 0;background:none;border-radius:0;font-size:14px;font-weight:500;line-height:1.3;color:var(--ink-2)}
.ag-rv-lane .ag-rv-flow li i{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--lc);font-size:17px;box-shadow:0 0 0 1px var(--line)}
.ag-rv-lane .ag-rv-flow li:last-child i{background:var(--lc);color:#fff;box-shadow:none}
.ag-rv-lane .ag-rv-flow li:last-child span{color:var(--ink);font-weight:600}
.ag-rv-flow li:not(:last-child)::after{content:"";position:absolute;top:18px;left:48px;right:14px;height:2px;border-radius:2px;background:var(--lc);opacity:.35}
.ag-rv-flow li:not(:last-child)::before{content:"";position:absolute;top:14px;right:15px;width:8px;height:8px;border-top:2px solid var(--lc);border-right:2px solid var(--lc);transform:rotate(45deg);opacity:.6}
.ag-rv-out{text-align:right}
.ag-rv-lane .ag-rv-out h3{margin:0;font-size:clamp(20px,1.8vw,24px);line-height:1.15}
.ag-rv-out .ag-rv-sm{margin-top:6px;font-size:14px}
@media (max-width:1000px){.ag-rv-route{grid-template-columns:1fr;row-gap:16px}.ag-rv .ag-rv-how::after,.ag-rv-wire,.ag-rv-lane::after{display:none!important}.ag-rv .ag-rv-lanes{padding-left:0}}
@media (max-width:560px){.ag-rv .ag-rv-lane{grid-template-columns:1fr;grid-template-areas:"meta" "flow" "out"}.ag-rv-out{text-align:left}}
@media (max-width:560px){.ag-rv{--rx:10px;--rg:32px}.ag-rv-lane .ag-rv-flow li{font-size:13px;padding-right:8px}.ag-rv-flow li:not(:last-child)::after{left:44px;right:8px}.ag-rv-flow li:not(:last-child)::before{right:9px}}

.ag-bn-w{display:inline-block;will-change:transform}

.ag-ps-panel .ag-dcards{gap:0}
.ag-ps-panel .ag-card{background:none;border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:0;padding:16px 0}
.ag-ps-panel .ag-card:last-child{border-bottom:0}
.ag-ps-panel .ag-card h4{font-size:17px}
.ag-ps-panel .ag-card .tip,.ag-ps-panel .ag-card li{font-size:14px;line-height:1.5;color:rgba(255,255,255,.66)}
.ag-ps-panel .ag-card li::before{top:9px;background:rgba(255,255,255,.4)}

.ag-resume{background:#fff;padding:clamp(40px,5vw,72px) 0 0}
.ag-resume .ag-pipe-note{margin:0;display:block;background:#f2f2f2;border-radius:28px;padding:clamp(32px,4.4vw,64px) clamp(24px,5vw,80px)}
.ag-resume .ag-pipe-note::before,.ag-resume .ag-pipe-note::after{display:none}
.ag-resume .ag-pipe-note p{max-width:880px;margin:0 auto;text-align:center;color:var(--ink,#111);font-size:clamp(22px,2.2vw,34px);line-height:1.2;letter-spacing:-.02em}
.ag-resume .ag-pipe-note p b{background:linear-gradient(90deg,#ff7a33,#ff4d3d);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:1080px){.ag-resume .ag-pipe-note p{text-align:left}}

.ag-resume{background:#f2f2f2;padding:clamp(48px,6vw,96px) 0;margin:0}
.ag-resume .ag-pipe-note{background:none;border-radius:0;padding:0}

.ag-route .di-head{grid-template-columns:1fr}

.ag-bg-plans{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(9,auto);gap:0 clamp(16px,2vw,24px)}
.ag-bg-plan{grid-row:1/-1;display:grid;grid-template-rows:subgrid;padding:clamp(24px,2.6vw,36px);border-radius:28px;background:var(--surface);color:var(--ink)}
.ag-bg-plan.is-green{background:#111;color:#fff;box-shadow:0 24px 60px rgba(17,17,17,.18)}
.ag-bg-ph{display:flex;flex-direction:column;gap:12px;padding-bottom:28px}
.ag-bg-ph .tag{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.ag-bg-ph .tag i{font-size:15px}
.is-green .ag-bg-ph .tag{background:var(--grad);color:#fff}
.ag-bg-ph h3{margin:6px 0 0;font-size:clamp(24px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}
.ag-bg-ph p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.is-green .ag-bg-ph p{color:rgba(255,255,255,.7)}
.ag-bg-row{padding:18px 0;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:8px}
.is-green .ag-bg-row{border-color:rgba(255,255,255,.12)}
.ag-bg-row .k{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.ag-bg-row .k i{font-size:15px;color:var(--ink)}
.is-green .ag-bg-row .k{color:rgba(255,255,255,.5)}.is-green .ag-bg-row .k i{color:#ff6a1f}
.ag-bg-row p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.ag-bg-row p b{color:var(--ink);font-weight:600}
.is-green .ag-bg-row p{color:rgba(255,255,255,.72)}.is-green .ag-bg-row p b{color:#fff}
.ag-bg-row:last-child{padding-bottom:0}
@media (max-width:900px){.ag-bg-plans{display:flex;flex-direction:column;gap:16px}.ag-bg-plan{display:block}}
.ag-bg-plan .ag-ladder{margin-top:0;padding:22px 0 0;background:none;border-radius:0;border-top:1px solid var(--line-2)}
.ag-bg-plan.is-green .ag-ladder{background:none;border-color:rgba(255,255,255,.12)}
.is-green .ag-ladder h4{color:#fff}.is-green .ag-ladder h4 span{color:rgba(255,255,255,.5)}
.is-green .ag-ladder li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.is-green .ag-ladder .sep{color:rgba(255,255,255,.4)}.is-green .ag-ladder p{color:rgba(255,255,255,.65)}
.is-green .ag-ladder .di-btn--ghost{color:#fff;border-color:rgba(255,255,255,.35)}


.ag-bg-ph{position:relative}.ag-bg-ph .tag{position:absolute;top:0;right:0}.ag-bg-ph h3{margin-top:0;padding-right:150px}
@media (max-width:560px){.ag-bg-ph .tag{position:static}.ag-bg-ph h3{padding-right:0}}

.rn{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) auto minmax(0,1.15fr) auto minmax(0,1.25fr);align-items:center;column-gap:clamp(24px,3vw,44px);padding:clamp(24px,3vw,48px) 0}
.rn-svg{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0}
.rn-ln{fill:none;stroke:rgba(17,17,17,.14);stroke-width:1.25}
.rn-fl{fill:none;stroke:rgba(17,17,17,.55);stroke-width:1.75;stroke-linecap:round;stroke-dasharray:5 95;animation:rnFlow 3.6s linear infinite}
.rn-d1{animation-delay:-.9s}.rn-d2{animation-delay:-1.8s}.rn-d3{animation-delay:-2.7s}
@keyframes rnFlow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.rn-col{position:relative;z-index:2;display:flex;flex-direction:column}
.rn-src{align-items:flex-end;gap:18px}
.rn-cap{margin:0 0 4px;align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);max-width:22ch;line-height:1.4}
.rn-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--line-2);box-shadow:0 6px 18px rgba(17,17,17,.06);font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}
.rn-chip i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:15px;color:var(--ink)}
.rn-src .rn-chip:nth-of-type(1),.rn-src .rn-chip:nth-of-type(4){margin-right:36px}
.rn-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--line-2);font-size:12px;font-weight:600;color:var(--ink);box-shadow:0 0 0 6px #fff}
.rn-pill i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:11px}
.rn-core{position:relative;z-index:1;display:grid;place-items:center}
.rn-card{position:relative;background:var(--grad);border-radius:24px;padding:28px 26px 40px;border:0;box-shadow:0 28px 64px -12px rgba(255,122,51,.28),0 10px 24px rgba(17,17,17,.05);text-align:center}
.rn-card h4{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.rn-card p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--muted);text-wrap:balance}
.rn-card ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rn-card li{font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:var(--surface);color:var(--ink-2)}
.rn-badge{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:20px;box-shadow:0 0 0 6px #fff,0 0 0 7px var(--line-2)}
.rn-out{gap:18px;align-items:flex-start}
.rn-out .rn-lane:nth-child(1),.rn-out .rn-lane:nth-child(3){margin-left:36px}
.rn-lane{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;border-radius:22px;background:#fff;border:1px solid var(--line-2);box-shadow:0 8px 24px rgba(17,17,17,.06);max-width:100%}
.rn-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lc);color:#fff;font-size:19px;box-shadow:0 0 0 5px color-mix(in srgb,var(--lc) 14%,#fff)}
.rn-lvl{margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lc)}
.rn-lane h4{margin:2px 0 0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.rn-steps{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:13px;color:var(--muted)}
.rn-steps i{font-size:10px;color:var(--faint)}.rn-steps b{font-weight:600;color:var(--ink)}
@media (max-width:1100px){.rn{grid-template-columns:1fr;row-gap:28px;justify-items:center;padding:0}.rn-src{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.rn-cap{align-self:center;flex-basis:100%;text-align:center;max-width:none}.rn-src .rn-chip{margin:0!important}.rn-core{max-width:520px;width:100%}.rn-core::before,.rn-core::after{display:none}.rn-out{align-items:stretch;width:100%;max-width:520px}.rn-out .rn-lane{margin:0!important}}
.rn-chip{padding:9px 16px}.rn-pill{padding:6px 12px}.rn-card{padding-bottom:28px}
.rn-lane{padding:14px 20px 14px 18px}.rn-ic{width:10px;height:10px;font-size:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--lc) 18%,#fff)}
.ag-route-foot{margin-top:clamp(40px,5vw,72px);gap:clamp(24px,3vw,48px);counter-reset:rf}
.ag-route-foot>div{counter-increment:rf;padding:20px 0 0;border-radius:0;background:none;border-top:1px solid var(--line-2)}

.ag-route-foot b{font-size:clamp(28px,2.6vw,36px);font-weight:600;letter-spacing:-.025em;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);-webkit-text-fill-color:var(--ink);margin-bottom:10px}
.ag-route-foot p{font-size:15px;max-width:34ch;text-wrap:pretty}

.ag-iv{position:relative;margin-top:clamp(40px,5vw,72px);display:flex;flex-direction:column;align-items:center}
.ag-iv-svg{position:absolute;inset:0;pointer-events:none;overflow:visible}
.ag-iv-svg .ln{fill:none;stroke-width:1.5}.ag-iv-svg .ln.in{stroke:url(#agIvIn)}.ag-iv-svg .ln.out{stroke:url(#agIvOut)}
.ag-iv-svg .fl{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4 96;animation:agIvFlow 3s linear infinite}
.ag-iv-svg .fl.in{stroke:#ff6a1f}.ag-iv-svg .fl.out{stroke:#e5142a}
@keyframes agIvFlow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.ag-iv-cap{position:relative;margin:0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.ag-iv-row{position:relative;z-index:1;width:100%;max-width:1240px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:start}
.ag-iv-top{margin:20px 0 clamp(90px,10vw,140px)}.ag-iv-bot{margin:clamp(90px,10vw,140px) 0 20px}
.ag-iv-top .ag-iv-t:nth-child(1),.ag-iv-top .ag-iv-t:nth-child(4){margin-top:56px}

.ag-iv-t{background:#fff;border:1px solid var(--line-2);border-radius:22px;padding:20px 18px;text-align:center;box-shadow:0 10px 30px rgba(17,17,17,.06)}
.ag-iv-t h4{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.ag-iv-t .apps{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.ag-iv-t .apps span{font-size:12px;font-weight:500;padding:4px 9px;border-radius:999px;background:var(--surface);color:var(--ink-2)}
.ag-iv-core{position:relative;z-index:1;width:min(100%,520px);text-align:center;background:#fff;border-radius:28px;padding:34px 32px;border:1px solid var(--line-2);box-shadow:0 0 0 8px rgba(255,106,31,.05),0 24px 70px rgba(255,106,31,.22),0 10px 30px rgba(229,20,42,.10)}
.ag-iv-core .k{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ag-iv-core h3{margin:10px 0 0;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--ink);text-wrap:balance}
.ag-iv-core ul{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ag-iv-core li{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;background:var(--surface);color:var(--ink-2)}
.ag-iv-pin{position:absolute;left:50%;transform:translate(-50%,-50%);padding:5px 12px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 5px #fff}
.ag-iv-pin.is-in{top:0}.ag-iv-pin.is-out{top:100%}
.ag-iv-row.ag-iv-bot{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"a b c d" "p p p p";grid-template-rows:auto auto;gap:clamp(14px,2vw,28px);align-items:start}
.ag-iv-bot>.ag-iv-t{position:relative;z-index:2;margin-top:0!important}
.ag-iv-bot>:nth-child(1){grid-area:a}.ag-iv-bot>:nth-child(2){grid-area:b}.ag-iv-bot>:nth-child(3){grid-area:c}.ag-iv-bot>:nth-child(4){grid-area:d}.ag-iv-t-ph .ag-iv-ph2{margin-top:16px;border-radius:14px;aspect-ratio:1/1}.ag-iv-t-ph .ag-iv-ph2 img{object-position:55% 35%}
.ag-iv-ph{grid-area:p;align-self:stretch;min-height:440px;border-radius:22px;overflow:hidden;background:var(--surface,#f3f3f3)}.ag-iv-ph image-slot{display:block;width:100%;height:100%}
.ag-iv-bot>.ag-iv-cap{grid-area:p;justify-self:center;position:relative;z-index:3;margin:8px 0 0;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2);text-shadow:none}
.ag-iv-col{display:flex;flex-direction:column;gap:clamp(14px,2vw,28px);position:relative;z-index:2}.ag-iv-col>.ag-iv-t{margin-top:0!important}
.ag-iv-ph2{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--surface,#f3f3f3)}.ag-iv-ph2 img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 40%}
@media (max-width:900px){.ag-iv-ph2{display:none}.ag-iv-row.ag-iv-bot{grid-template-areas:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.ag-iv-bot>*{grid-area:auto!important}.ag-iv-ph{display:none}.ag-iv-bot>.ag-iv-cap{grid-column:1/-1;margin:0;color:var(--muted);text-shadow:none}}
@media (max-width:520px){.ag-iv-row.ag-iv-bot{grid-template-columns:1fr}}
@media (max-width:900px){.ag-iv-ph{display:none}.ag-iv-row.ag-iv-bot{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-iv-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-iv-top{margin:16px 0 40px}.ag-iv-bot{margin:40px 0 16px}.ag-iv-row .ag-iv-t{margin-top:0!important}}
@media (max-width:520px){.ag-iv-row,.ag-iv-row.ag-iv-bot{grid-template-columns:1fr}}
.ag-iv-core{width:min(100%,760px);background:#111;border-color:#111;padding:36px 40px}
.ag-iv-core h3{color:#fff}
.ag-iv-core ul{flex-wrap:nowrap}
.ag-iv-core li{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);white-space:nowrap}
.ag-iv-pin{background:#fff;color:#111;box-shadow:0 0 0 1px var(--line-2),0 0 0 5px #fff}
@media (max-width:820px){.ag-iv-core ul{flex-wrap:wrap}}
.rn .rn-src{align-items:flex-start}.rn .rn-src .rn-chip{margin-right:0!important}.rn .rn-src .rn-chip{margin-left:0!important}
@media (max-width:1100px){.rn .rn-src .rn-chip{margin-left:0!important}}
.rn .rn-cap{max-width:none;width:max-content;max-width:30ch}
@media (min-width:1101px){.rn{width:100%;grid-template-columns:auto auto minmax(0,1fr) auto auto}.rn .rn-src{justify-self:start}.rn .rn-out{justify-self:end}}
.rn .rn-src .rn-chip{width:152px;box-sizing:border-box}

footer.sitemap.ftr-min{background:#fff !important;padding:clamp(48px,6vw,80px) var(--page-gutter) clamp(40px,5vw,64px)}
.ftr-min .ftr-inner{max-width:1460px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;font-size:15px;line-height:24px;letter-spacing:-.01em}
.ftr-min .ftr-left{display:flex;gap:clamp(48px,8vw,160px);align-items:flex-start;flex-wrap:wrap}
.ftr-min .ftr-left img{height:28px;width:auto;display:block;transform:translateY(-2px)}
.ftr-min .ftr-list{display:flex;flex-direction:column}
.ftr-min .ftr-right{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;text-align:right}
.ftr-min .ftr-copy{color:rgba(57,57,57,.5)}
.ftr-min .ftr-social{display:flex;gap:24px}
.ftr-min .ftr-list a,.ftr-min .ftr-social a{color:var(--fg-1);text-decoration:none;transition:opacity 160ms}
.ftr-min .ftr-list a:hover,.ftr-min .ftr-social a:hover{opacity:.55}
@media (max-width:720px){.ftr-min .ftr-right{align-items:flex-start;text-align:left}}
.rn .rn-out .rn-ic{display:none}.rn .rn-out{align-items:stretch}.rn .rn-out .rn-lane{margin-left:0!important;width:250px;max-width:100%;box-sizing:border-box}

.di-cta .pulse-cta-card{padding:clamp(32px,3.4vw,56px) clamp(24px,3.4vw,56px) !important}
.di-cta .pulse-cta-copy{display:flex;flex-direction:column;gap:18px}
html body section.di-cta .pulse-cta-card .pulse-cta-copy h2{font-size:clamp(38px,3.8vw,60px) !important;font-weight:700 !important;line-height:1.02 !important;letter-spacing:-0.02em !important;margin:0 !important}
@media (min-width:1001px){html body section.di-cta .pulse-cta-card .pulse-cta-copy h2{font-size:clamp(36px,3.5vw,58px) !important}}
@media (max-width:760px){html body section.di-cta .pulse-cta-card .pulse-cta-copy h2{font-size:clamp(26px,7.4vw,34px) !important;line-height:1.1 !important}}
html body section.di-cta .pulse-cta-card .pulse-cta-copy p{font-size:18px !important;font-weight:400 !important;line-height:1.5 !important;color:rgba(255,255,255,.88) !important;margin:0 !important;max-width:none !important;text-wrap:pretty}
@media (max-width:760px){html body section.di-cta .pulse-cta-card .pulse-cta-copy p{font-size:16px !important}}
.di-cta .pulse-cta-copy .pulse-cta-row{justify-content:flex-start;margin:6px 0 0 !important}
.di-radar{position:relative;flex:0 0 clamp(260px,32vw,440px);width:clamp(260px,32vw,440px);aspect-ratio:1}
.di-radar-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.di-radar-ring{position:absolute;inset:0;margin:auto;width:calc(var(--s)*100%);height:calc(var(--s)*100%);border-radius:50%;border:1px solid rgba(255,255,255,.32)}
.di-radar-core{background:#fff;border:0;animation:diCore 2.4s ease-in-out infinite}
.di-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,0) 280deg,rgba(255,255,255,.45) 360deg);animation:diSweep 4.5s linear infinite}
.di-radar-blip{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;opacity:0;animation:diBlip 4.5s ease-out infinite;animation-delay:var(--d)}
.di-radar-blip::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #fff;animation:inherit;animation-name:diBlipRing}
@keyframes diSweep{to{transform:rotate(360deg)}}
@keyframes diCore{50%{transform:scale(.8);opacity:.85}}
@keyframes diBlip{0%{opacity:0;transform:scale(.4)}6%{opacity:1;transform:scale(1)}60%{opacity:.35}100%{opacity:0}}
@keyframes diBlipRing{0%{transform:scale(1);opacity:0}6%{opacity:.9}40%{transform:scale(3.2);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.di-radar *{animation:none!important}.di-radar-blip{opacity:.6}}
@media (max-width:760px){.di-cta .pulse-cta-card{flex-direction:column !important;align-items:flex-start !important}.di-radar{flex:none;width:min(70%,280px);align-self:center}}

html body section.di-cta .pulse-cta-card .pulse-cta-row a.btn{height:52px !important;min-height:52px !important;padding:0 28px !important;font-size:16px !important;font-weight:600 !important;border-radius:1000px !important;display:inline-flex !important;align-items:center;gap:10px}

/* perf: compositor-only card effects */
.ab-pat-x::before{inset:-80px !important;animation:patStaticT .4s steps(1) infinite !important;will-change:transform}
@keyframes patStaticT{0%{transform:translate(0,0)}20%{transform:translate(-53px,31px)}40%{transform:translate(41px,-67px)}60%{transform:translate(-71px,-23px)}80%{transform:translate(62px,52px)}}
.ag-bn-grid .ab-pat-x{animation:none !important}
.ag-bn-grid .ab-pat-x::after{background:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px) !important;animation:none !important;filter:none !important}
.ag-bn-roll{position:absolute;left:0;right:0;top:0;height:40%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.10) 6%,transparent 14%);animation:bnRollT 7s linear infinite;will-change:transform}
@keyframes bnRollT{from{transform:translateY(-60%)}to{transform:translateY(210%)}}
.ab-pat-x:nth-child(2) .ag-bn-roll{animation-delay:-2.2s}.ab-pat-x:nth-child(3) .ag-bn-roll{animation-delay:-4.6s}.ab-pat-x:nth-child(4) .ag-bn-roll{animation-delay:-1.1s}
.ag-bn-flash{position:absolute;inset:0;z-index:2;pointer-events:none;background:#fff;opacity:0;animation:bnFlash 6s ease-in-out infinite;will-change:opacity}
@keyframes bnFlash{0%,46%,58%,100%{opacity:0}50%{opacity:.06}}
.ab-pat-x:nth-child(2) .ag-bn-flash{animation-delay:-1.5s}.ab-pat-x:nth-child(3) .ag-bn-flash{animation-delay:-3s}.ab-pat-x:nth-child(4) .ag-bn-flash{animation-delay:-4.5s}
.ag-bn-stage:not(.show) .ab-pat-x::before,.ag-bn-stage:not(.show) .ag-bn-roll,.ag-bn-stage:not(.show) .ag-bn-flash,.ag-bn-stage:not(.show) .ag-bn-px{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ag-bn-roll,.ag-bn-flash{display:none}}

.ag-bn-grid .ag-bn-px{display:none !important}

.ag-bn-grid .ab-pat-x{overflow:hidden !important;isolation:isolate}
.ag-bn-grid .ab-pat-x::before{display:none !important;animation:none !important}
.ag-bn-grid .ag-bn-px,.ag-bn-grid .ag-bn-flash{display:none !important}

.ag-ps-loops{position:absolute;top:0;right:0;z-index:2;width:min(340px,calc(100% - 24px));pointer-events:none}.ag-ps-loops .ag-dloop{display:none;margin:0;padding:24px 32px 14px 16px;border-radius:0 24px 0 16px;background:rgba(17,17,17,.82);border:0;backdrop-filter:blur(8px);font-size:13px}.ag-ps-loops .ag-dloop.on{display:flex;animation:agPsIn .35s cubic-bezier(.2,.8,.2,1)}.ag-ps-loops .ag-dloop i{display:none}
@media (min-width:1001px){.ag-ps{height:calc(var(--ps-h,760px) + 900vh)}.ag-ps-pin{position:sticky;top:clamp(104px,12vh,140px)}.ag-ps-pin .ag-ps-split .ag-pipe-anim{position:relative;top:auto}}
.ag-pipe-anim iframe{transition:opacity .2s ease}.ag-pipe-anim.is-jump iframe{opacity:0}
.ag-ps-head,.ag-ps .ag-ps-head{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;text-align:left;column-gap:14px;row-gap:12px}.ag-ps-head .ag-ps-h{order:1;flex:0 0 auto}.ag-ps-head .ag-gate{order:2;align-self:center;margin:0;transform:translateY(calc(clamp(30px,3vw,44px) * .012 + 2px));padding-top:8px;padding-bottom:8px;line-height:1}.ag-ps-head .ag-ps-s{order:3;flex:1 0 100%}

.wf-view{margin-top:clamp(56px,6vw,88px);display:flex;flex-direction:column;gap:16px}
.wf-switch{display:flex;gap:4px;width:fit-content;align-self:flex-start;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.wf-switch button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;background:none;color:rgba(255,255,255,.7);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}
.wf-switch button:hover{color:#fff}
.wf-switch button[aria-selected="true"]{background:#fff;color:rgb(14,14,14)}
.wf-switch button i{font-size:16px}
.wf-panes{position:relative}
.wf-panes .ag-shot{display:flex;flex-direction:column;aspect-ratio:16/9}
.wf-panes .ag-shot .ag-shot-bar{flex:0 0 auto}
@media (max-width:640px){.wf-panes .ag-shot{aspect-ratio:auto;height:70vh}}
.wf-pane{transition:opacity .35s ease}
.wf-panes .ag-code{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:24px}
.wf-panes .ag-code pre{flex:1 1 auto;min-height:0;overflow:auto;font-size:13px}
.wf-view[data-view="ui"] [data-pane="code"],.wf-view[data-view="code"] [data-pane="ui"]{opacity:0;visibility:hidden;pointer-events:none}
.wf-view[data-view="code"] [data-pane="ui"]{visibility:visible}
.wf-sub{margin:clamp(128px,13vw,208px) 0 0;font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:#fff;text-wrap:balance;text-align:center}
.wf-bento{margin:clamp(36px,4vw,56px) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.wf-bento li{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:rgb(22,22,22);border:1px solid rgba(255,255,255,.1)}
.wf-bento{grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,.55fr) minmax(0,1fr);grid-template-rows:repeat(4,auto);grid-auto-rows:auto}
.wf-bento li:nth-child(1){grid-column:1;grid-row:1/3;background:radial-gradient(120% 90% at 0% 0%,rgba(255,122,51,.34) 0%,rgba(255,77,61,.14) 38%,rgba(255,77,61,0) 70%),linear-gradient(160deg,rgb(38,24,20) 0%,rgb(22,22,22) 65%);border-color:rgba(255,122,51,.22)}
.wf-bento li:nth-child(2){grid-column:2/4;grid-row:1}
.wf-bento li:nth-child(3){grid-column:4;grid-row:1;border-color:rgba(255,122,51,.22)}
.wf-bento li:nth-child(4){grid-column:2;grid-row:2/5;background:rgb(22,22,22);border-color:rgba(255,77,61,.22)}
.wf-bento li:nth-child(5){grid-column:3/5;grid-row:2/4}
.wf-bento li:nth-child(6){grid-column:1;grid-row:3/5}
.wf-bento li:nth-child(7){grid-column:3/5;grid-row:4;background:radial-gradient(90% 140% at 100% 0%,rgba(255,122,51,.28) 0%,rgba(255,77,61,.12) 40%,rgba(255,77,61,0) 72%),linear-gradient(200deg,rgb(38,24,20) 0%,rgb(22,22,22) 60%);border-color:rgba(255,122,51,.22)}
.wf-bento li{justify-content:space-between}
.wf-bento li:nth-child(n){border-color:rgba(255,122,51,.22)}
.wf-has-art{position:relative;overflow:hidden;isolation:isolate}
.wf-has-art>:not(.wf-art){position:relative;z-index:1}
.wf-has-art>div{max-width:58%}
.wf-art{position:absolute;right:clamp(0px,1vw,16px);top:50%;width:220px;height:240px;margin-top:-120px;z-index:0;pointer-events:none;transform:scale(.78);transform-origin:100% 50%}
.wf-glow{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,50,.28),rgba(255,77,61,0))}
.wf-slab{position:absolute;left:30px;top:calc(70px + var(--y));width:160px;height:160px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45))}
.wf-slab i{position:absolute;inset:0;border-radius:26%;transform:translateY(var(--k)) rotateX(58deg) rotateZ(-42deg)}
.wf-slab i:nth-child(1){--k:14px;background:rgb(110,20,22)}
.wf-slab i:nth-child(2){--k:7px;background:rgb(160,32,30)}
.wf-slab i:nth-child(3){--k:0px;background:linear-gradient(135deg,rgba(255,196,160,.9) 0%,rgb(255,122,51) 32%,rgb(255,77,61) 62%,rgb(200,26,40) 100%)}
.wf-slab:not(.is-top) i:nth-child(3){background:linear-gradient(135deg,rgb(255,140,90) 0%,rgb(230,64,48) 50%,rgb(150,24,30) 100%)}
.wf-slab:not(.is-top){opacity:.82}
.wf-orb{position:absolute;left:78px;top:18px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgb(255,236,220) 0%,rgb(255,160,100) 20%,rgb(255,90,55) 48%,rgb(200,26,40) 80%,rgb(110,14,24) 100%);box-shadow:0 20px 26px rgba(0,0,0,.45),inset -6px -8px 14px rgba(90,10,20,.45)}
@media (max-width:1000px){.wf-has-art>div{max-width:none}.wf-art{opacity:.28;right:-30px}}
.wf-art-merge>div{max-width:none}
.wf-art-merge p{padding-right:clamp(130px,11vw,160px)}
.wf-art.wf-merge{top:auto;bottom:clamp(18px,2vw,28px);right:clamp(18px,2vw,28px);margin:0;width:150px;height:110px;transform:none}
.wf-merge .wf-glow{inset:-30px}
.wf-tube{position:absolute;height:8px;margin-top:-4px;border-radius:999px;transform-origin:0 50%;background:linear-gradient(180deg,rgb(255,170,120) 0%,rgb(230,64,48) 50%,rgb(130,20,28) 100%);box-shadow:0 8px 12px rgba(0,0,0,.35)}
.wf-tube.is-a{left:58px;top:24px;width:66px;transform:rotate(35.1deg)}
.wf-tube.is-b{left:64px;top:82px;width:52px;transform:rotate(-22.6deg)}
.wf-m-orb{position:absolute;border-radius:50%;box-shadow:0 12px 18px rgba(0,0,0,.45),inset -4px -6px 10px rgba(90,10,20,.45)}
.wf-m-orb.is-a{left:45px;top:11px;width:26px;height:26px;background:radial-gradient(circle at 32% 26%,rgb(255,240,226) 0%,rgb(255,190,120) 22%,rgb(255,122,51) 52%,rgb(200,60,30) 82%,rgb(120,30,16) 100%)}
.wf-m-orb.is-b{left:51px;top:69px;width:26px;height:26px;background:radial-gradient(circle at 32% 26%,rgb(255,240,226) 0%,rgb(255,190,120) 22%,rgb(255,122,51) 52%,rgb(200,60,30) 82%,rgb(120,30,16) 100%)}
.wf-m-orb.is-c{left:86px;top:36px;width:52px;height:52px;background:radial-gradient(circle at 32% 26%,rgb(255,236,220) 0%,rgb(255,160,100) 20%,rgb(255,90,55) 48%,rgb(200,26,40) 80%,rgb(110,14,24) 100%)}
@media (max-width:1000px){.wf-art.wf-merge{opacity:1;right:clamp(18px,2vw,28px)}}
@media (max-width:640px){.wf-art-merge p{padding-right:0}.wf-art-merge{padding-bottom:140px!important}}
.wf-art-duo{padding-bottom:clamp(84px,7.5vw,108px)!important}
.wf-art-duo>div{max-width:none;justify-content:flex-start;gap:12px}
.wf-art.wf-duo{top:auto;bottom:-40px;right:-64px;margin:0;width:230px;height:150px;transform:scale(1.25);transform-origin:100% 100%}
.wf-duo .wf-glow{inset:auto -40px -60px auto;width:280px;height:220px}
.wf-duo-orb{position:absolute;width:58px;height:58px;border-radius:50%;box-shadow:0 16px 22px rgba(0,0,0,.45),inset -6px -8px 14px rgba(90,10,20,.45);z-index:1}
.wf-duo-orb.is-a{left:59px;top:63px;width:48px;height:48px;background:radial-gradient(circle at 32% 26%,rgb(255,236,220) 0%,rgb(255,160,100) 20%,rgb(255,90,55) 48%,rgb(200,26,40) 80%,rgb(110,14,24) 100%)}
.wf-duo-orb.is-b{left:116px;top:62px;width:82px;height:82px;background:radial-gradient(circle at 32% 26%,rgb(255,240,226) 0%,rgb(255,190,120) 22%,rgb(255,122,51) 52%,rgb(200,60,30) 82%,rgb(120,30,16) 100%)}
.wf-rip{position:absolute;width:0;height:0}
.wf-rip.is-a{left:83px;top:87px}.wf-rip.is-b{left:157px;top:103px}
.wf-rip i{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,122,51,.55);transform:scale(1.7);opacity:.5}
.wf-rip.is-b i{left:-41px;top:-41px;width:82px;height:82px;border-color:rgba(255,160,90,.5)}
.wf-rip i:nth-child(2){transform:scale(1.8);opacity:.28}.wf-rip i:nth-child(3){transform:scale(2.3);opacity:.14}
@media (max-width:1000px){.wf-art.wf-duo{opacity:1;right:-64px}}
.wf-bento li > div{display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:24px}
.wf-bento li:nth-child(5) > div,.wf-bento li:nth-child(7) > div{gap:12px}
.wf-bento li h4{font-size:clamp(22px,2vw,29px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.wf-bento .mk{width:44px;height:44px;border-radius:12px;background:rgb(255,77,61);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.wf-bento .mk i{font-size:22px}
.wf-bento h4{margin:0 0 8px;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:#fff}
.wf-bento p{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.62);text-wrap:pretty}
.wf-bento li:nth-child(1) p,.wf-bento li:nth-child(4) p{max-width:46ch}
.wf-bento code{font-size:.9em;padding:1px 6px;border-radius:6px;background:rgba(255,122,51,.16);color:rgb(255,196,164)}
.wf-stack{margin-top:clamp(24px,2.6vw,36px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}
.wf-stack .ag-stack-row{padding:22px 24px;border-radius:20px;gap:10px}
.wf-stack .ag-stack-row .tags{margin-top:auto;padding-top:6px}
.wf-stack .ag-stack-link{height:auto;width:22px}
.wf-stack + .ag-stack-foot{margin-top:18px}
@media (max-width:1000px){.wf-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-template-rows:none}.wf-bento li:nth-child(n){grid-column:auto;grid-row:auto}.wf-bento li:nth-child(1),.wf-bento li:nth-child(4){grid-row:span 2}.wf-bento li:nth-child(7){grid-column:span 2}.wf-stack{grid-template-columns:1fr}.wf-stack .ag-stack-link{width:auto;height:22px}.wf-stack .ag-stack-link i{transform:rotate(90deg)}}
@media (max-width:640px){.wf-bento{grid-template-columns:1fr}.wf-bento li:nth-child(n){grid-column:auto;grid-row:auto}.wf-panes .ag-code{position:relative;inset:auto;max-height:70vh}.wf-view[data-view="ui"] [data-pane="code"]{display:none}.wf-view[data-view="code"] [data-pane="ui"]{display:none}}

.ag-weft .wf-foot{text-align:center;margin-left:auto;margin-right:auto;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;display:block;margin-top:24px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72)}.ag-weft .wf-foot::before,.ag-weft .wf-foot::after{display:none!important}.ag-weft .wf-foot b{color:#fff}

.ag-who--stack.is-scene .di-head{position:static}
.ag-who--stack.is-scene .ag-who-grid{display:block;position:relative;margin-top:clamp(40px,5vw,64px)}
.ag-who--stack.is-scene .ag-who-spacer{display:none}
.ag-who--stack.is-scene .ag-who-grid{margin-top:0}
.ag-who--stack.is-scene .ag-who-pin{position:sticky;top:92px}
.ag-who--stack.is-scene .ag-who-pin .di-head{position:static;background:none;padding-bottom:0;transform:none!important}
.ag-who--stack.is-scene .ag-who-stage{position:relative;margin-top:clamp(36px,3.6vw,56px);height:var(--who-stage-h,70vh);overflow:visible}
.ag-who--stack.is-scene .ag-who-card{position:absolute!important;left:0;right:0;margin:0!important;min-height:0!important;max-height:calc(var(--who-stage-h,70vh) - var(--i,0) * 1px);transform-origin:50% 0;will-change:transform;box-shadow:none!important;row-gap:14px}

.ag-who--stack .di-head{column-gap:clamp(48px,6vw,112px);row-gap:24px;align-items:start}.ag-who--stack .di-head .di-lead{margin:0}.ag-who--stack .di-head .di-h2{margin-top:0}
.ag-who--stack.is-scene .ag-who-card{max-height:none}
@media (max-width:900px){.ag-who--stack .ag-who-stage{display:flex;flex-direction:column;gap:16px}.ag-who--stack .ag-who-card{position:relative!important;top:auto!important;transform:none!important;margin:0!important}.ag-who--stack .ag-who-card::before{display:none}.ag-who--stack .ag-who-spacer{display:none}}


.wf-panes .ag-shot-body.wf-sim{overflow:hidden!important;position:relative;background:#fff}.wf-sim iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none}

main.di h2.di-h2,main.di .ag-bn-intro-title,main.di .ag-pipe-h,main.di .itfaq-title,main.di #contact h2,#contact h2,main.di h1.hero-title{font-family:"PP Mori",system-ui,sans-serif!important;font-size:clamp(32px,2vw + 24px,47px)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.05!important}

.rn-card h4{color:#fff}.rn-card p{color:rgba(255,255,255,.92)}.rn-card li{background:rgba(255,255,255,.2);color:#fff}
.rn .rn-pill{background:var(--surface-2);border-color:transparent;color:var(--ink)}
.rn-card p,.rn-card li{font-weight:600}
main.di .di-lead,main.di .di-head .di-lead{font-size:18px!important;text-align:left!important;margin-left:0!important;margin-right:auto!important}
main.di .ag-bn-in .ag-bn-h{font-family:"PP Mori",system-ui,sans-serif!important;font-size:clamp(32px,2vw + 24px,47px)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.05!important}
main.di .ag-bn-in .ag-bn-foot{font-size:18px!important;text-align:left}
main.di .ag-pipe-lead{font-size:18px!important;text-align:left!important;margin-left:0!important;margin-right:auto!important}
main.di .ag-ps-tabs{gap:4px}main.di .ag-ps-tab{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 8px;padding:10px 14px 0;border-radius:10px 10px 0 0}main.di .ag-ps-n{font-size:11px}main.di .ag-ps-t{font-size:14px}main.di .ag-ps-bar{flex:0 0 calc(100% + 28px);margin:0 -14px;height:2px}
@media (max-width:1000px){main.di .ag-ps-tab{min-width:120px}}
main.di .ag-qflow{margin-top:clamp(56px,6vw,96px)!important;margin-bottom:clamp(56px,6vw,96px)!important}
main.di .ag-apps-row.is-marquee{display:block;max-width:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ag-apps-track{display:flex;width:max-content;animation:agMarq 40s linear infinite}.ag-apps-row.is-marquee:hover .ag-apps-track{animation-play-state:paused}
.ag-apps-set{display:flex;align-items:center;gap:clamp(36px,4vw,64px);padding-right:clamp(36px,4vw,64px)}
@keyframes agMarq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ag-apps-track{animation:none}}

.bg2{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(9,auto);gap:0 clamp(16px,2vw,24px)}
.bg2-card{grid-row:1/-1;display:grid;grid-template-rows:subgrid;row-gap:0;padding:clamp(28px,3vw,44px);border-radius:28px;background:var(--surface);color:var(--ink)}
.bg2-card.is-green{background:#111;color:#fff}
.bg2-head{display:flex;flex-direction:column;gap:14px;padding-bottom:28px}
.bg2-tag{align-self:flex-start;padding:6px 14px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.is-green .bg2-tag{background:var(--grad);color:#fff}
.bg2-head h3{margin:4px 0 0;font-size:clamp(26px,2.5vw,36px);font-weight:600;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
.bg2-head p{margin:0;font-size:16px;line-height:1.5;color:var(--muted);text-wrap:pretty;max-width:46ch}
.is-green .bg2-head p{color:rgba(255,255,255,.66)}
.bg2-out{background:#fff;border-radius:20px;padding:22px 24px;margin-bottom:28px;display:flex;flex-direction:column;gap:8px}
.is-green .bg2-out{background:rgba(255,255,255,.07)}
.bg2-out span,.bg2-steps>span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.is-green .bg2-out span,.is-green .bg2-steps>span{color:#ff6a1f}
.bg2-out p{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.4;font-weight:500;letter-spacing:-.01em;color:var(--ink-2);text-wrap:pretty}
.bg2-out b{color:var(--ink);font-weight:600}
.is-green .bg2-out p{color:rgba(255,255,255,.75)}.is-green .bg2-out b{color:#fff}
.bg2-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:baseline;padding:9px 0}
.bg2-row span{font-size:13px;color:var(--faint)}
.is-green .bg2-row span{color:rgba(255,255,255,.45)}
.bg2-row p{margin:0;font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.01em}
.bg2-steps{padding-top:28px;display:flex;flex-direction:column;gap:12px}
.bg2-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.bg2-steps li{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:#fff;font-size:13px;font-weight:600;line-height:1.25}
.is-green .bg2-steps li{background:rgba(255,255,255,.07)}
.bg2-steps li b{font-size:12px;font-weight:500;color:var(--faint)}
.is-green .bg2-steps li b{color:rgba(255,255,255,.45)}
.bg2-cta{justify-self:start;margin-top:24px;font-size:15px;font-weight:600;color:inherit;text-decoration:none}
.bg2-cta:hover{color:#ff6a1f}
@media (max-width:900px){.bg2{display:flex;flex-direction:column;gap:16px}.bg2-card{display:block}.bg2-cta{display:inline-block}}
@media (max-width:560px){.bg2-row{grid-template-columns:1fr;gap:2px}.bg2-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bg3{margin-top:clamp(32px,4vw,52px);display:flex;flex-direction:column;gap:16px}
.bg3-tabs{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.bg3-tab{appearance:none;border:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;padding:18px 24px;border-radius:20px;background:transparent;color:var(--ink);font:inherit;transition:background .2s,color .2s}
.bg3-tabs .bg3-tab{flex-direction:row;align-items:center;padding:10px 20px;border-radius:999px}
.bg3-tab b{font-size:15px;font-weight:500;letter-spacing:0}
.bg3-tab span{display:none}
.bg3-tab:not(.is-on):hover{background:rgba(17,17,17,.05)}
.bg3-tab.is-on{background:#111;color:#fff}.bg3-tab.is-on span{color:rgba(255,255,255,.65)}
.bg3-tab:focus-visible{outline:2px solid #ff6a1f;outline-offset:2px}
.bg3-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);padding:clamp(24px,3.4vw,48px);border-radius:28px;background:var(--surface);animation:bg3in .28s cubic-bezier(.2,.8,.2,1)}
.bg3-panel[hidden]{display:none}
@keyframes bg3in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bg3-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.bg3-main h3{margin:0;font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
.bg3-sub{margin:0;font-size:17px;line-height:1.5;color:var(--muted);text-wrap:pretty;max-width:44ch}
.bg3-out{margin-top:auto;padding:22px 24px;border-radius:20px;background:#111;color:#fff;display:flex;flex-direction:column;gap:8px}
.bg3-out span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ff6a1f}
.bg3-out p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.35;letter-spacing:-.01em;color:rgba(255,255,255,.78);text-wrap:pretty}
.bg3-out b{color:#fff;font-weight:600}
.bg3-cta{align-self:flex-start}
.bg3-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.bg3-keys{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bg3-keys div{padding:16px 18px;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.bg3-keys div:first-child{grid-column:1/-1}
.bg3-keys dt{font-size:13px;color:var(--faint)}
.bg3-keys dd{margin:0;font-size:16px;font-weight:500;line-height:1.35;color:var(--ink);text-wrap:pretty}
.bg3-steps{padding:18px;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:14px}
.bg3-steps>span{font-size:13px;color:var(--faint)}
.bg3-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bg3-steps li{display:flex;flex-direction:column;gap:8px;min-width:0}
.bg3-steps li b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:13px;font-weight:600}
.bg3-steps li:last-child b{background:var(--grad);color:#fff}
.bg3-steps li em{font-style:normal;font-size:13.5px;font-weight:500;line-height:1.25;overflow-wrap:anywhere}
@media (max-width:980px){.bg3-panel{grid-template-columns:1fr}.bg3-out{margin-top:4px}}
@media (max-width:600px){.bg3-tabs{grid-template-columns:1fr}.bg3-tab{padding:14px 18px}.bg3-keys{grid-template-columns:1fr}.bg3-steps ol{grid-template-columns:1fr;gap:8px}.bg3-steps li{flex-direction:row;align-items:center;gap:12px}}

.bg3-side{display:contents}
.bg3-main{grid-column:1;grid-row:1}.bg3-keys{grid-column:2;grid-row:1;align-content:start}
.bg3-out{margin-top:6px}
.bg3-steps{grid-column:1/-1;padding:24px clamp(20px,2.4vw,32px) 26px;gap:18px}
.bg3-steps>span{font-size:14px}
.bg3-steps ol{gap:0}
.bg3-steps li{position:relative;gap:12px;padding-right:12px}
.bg3-steps li b{position:relative;z-index:1;width:36px;height:36px;font-size:14px}
.bg3-steps li:not(:last-child)::after{content:"";position:absolute;top:17px;left:36px;right:0;height:2px;background:var(--surface)}
.bg3-steps li em{font-size:15px}
@media (max-width:980px){.bg3-main,.bg3-keys{grid-column:1;grid-row:auto}}
@media (max-width:600px){.bg3-steps li{padding-right:0}.bg3-steps li:not(:last-child)::after{top:36px;left:17px;right:auto;width:2px;height:8px}}

.bg3-cta{grid-column:1/-1;justify-self:start;align-self:start}

.bg3-steps{justify-self:stretch;width:100%;box-sizing:border-box}.bg3-steps ol{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.bg3-steps li:last-child{padding-right:0}
@media (max-width:600px){.bg3-steps ol{grid-template-columns:1fr}}

.bg3-panel.bg4{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px;border-radius:28px}
.bg3-panel.bg4[hidden]{display:none}
.bg4>*{min-width:0;box-sizing:border-box;border-radius:20px}
.bg4-title{grid-column:span 3;padding:clamp(24px,2.6vw,36px);background:#fff;display:flex;flex-direction:column;gap:14px}
.bg4-title h3{margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
.bg4-title p{margin:0;font-size:17px;line-height:1.5;color:var(--muted);text-wrap:pretty;max-width:48ch}
.bg4-out{grid-column:span 2;padding:clamp(24px,2.6vw,36px);background:#111;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.bg4-out span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.bg4-out span{color:#ff6a1f}
.bg4-out p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.35;letter-spacing:-.01em;color:rgba(255,255,255,.75);text-wrap:pretty}
.bg4-out b{color:#fff;font-weight:600}
.bg4-key{padding:20px;background:#fff;display:flex;flex-direction:column;gap:10px}
.bg4-key span{font-size:13px;color:var(--faint)}
.bg4-key p{margin:0;font-size:16px;font-weight:500;line-height:1.35;color:var(--ink);text-wrap:pretty}
.bg4-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 10px;padding:22px 0 24px;background:#fff}
.bg4-steps>span{grid-column:1/-1;padding:0 20px;font-size:13px;color:var(--faint)}
.bg4-steps ol{grid-column:1/-1;display:grid;grid-template-columns:subgrid;list-style:none;margin:0;padding:0}
.bg4-steps li{position:relative;display:flex;flex-direction:column;gap:12px;padding:0 20px;min-width:0}
.bg4-steps li b{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:14px;font-weight:600}
.bg4-steps li:last-child b{background:var(--grad);color:#fff}
.bg4-steps li:not(:last-child)::after{content:"";position:absolute;top:17px;left:56px;right:-30px;height:2px;background:var(--surface)}
.bg4-steps li em{font-style:normal;font-size:15px;font-weight:500;line-height:1.25}
.bg4-cta{grid-column:1/-1;justify-self:start;margin:6px 0 4px 10px}
@media (max-width:1000px){.bg3-panel.bg4{grid-template-columns:repeat(2,minmax(0,1fr))}.bg4-title,.bg4-out{grid-column:1/-1}.bg4-key:nth-of-type(3){grid-column:1/-1}.bg4-steps{grid-template-columns:1fr;padding:22px 20px}.bg4-steps>span{padding:0}.bg4-steps ol{grid-template-columns:repeat(5,minmax(0,1fr))}.bg4-steps li{padding:0 8px 0 0}.bg4-steps li:not(:last-child)::after{left:36px;right:0}}
@media (max-width:600px){.bg3-panel.bg4{grid-template-columns:1fr}.bg4-steps ol{grid-template-columns:1fr;gap:10px}.bg4-steps li{flex-direction:row;align-items:center}.bg4-steps li:not(:last-child)::after{top:36px;left:17px;right:auto;width:2px;height:10px}}

#factory .di-head{grid-template-columns:1fr}
.ag-weft .di-head{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:20px}.ag-weft .di-head .di-h2{margin-top:0}.ag-weft .ag-weft-lead{display:flex;flex-direction:column;align-items:center;max-width:720px}main.di .ag-weft .di-head .di-lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important;margin-top:0}
.fac-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);max-width:1040px}
.fac-duo-b{padding:0;background:none;display:flex;flex-direction:column;gap:10px;min-width:0}
.fac-duo-b span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.fac-duo-b p{margin:0;font-size:17px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.fac-duo-b b{color:var(--ink);font-weight:600}
.fac-duo-b.is-dark{background:none}
@media (max-width:760px){.fac-duo{grid-template-columns:1fr}}

#factory .fac-duo-b span{color:rgba(255,255,255,.5)}#factory .fac-duo-b p{color:rgba(255,255,255,.66)}#factory .fac-duo-b b{color:#fff}
.fz{--acc:#ff7a33;margin-top:clamp(44px,5vw,72px);display:flex;flex-direction:column}
.fz-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%}
.fz-node{appearance:none;border:0;background:none;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:0 0 4px;text-align:left;color:rgba(255,255,255,.45);transition:color .2s;min-width:0}
.fz-bar{position:relative;display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.fz-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fz-node.is-done .fz-bar::after{transform:scaleX(1);background:rgba(255,122,51,.45)}
.fz-node.is-on .fz-bar::after{transform:scaleX(1)}
.fz.is-play .fz-node.is-on .fz-bar::after{transition:none;animation:fzfill 3.8s linear forwards}
@keyframes fzfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.fz-lbl{font-size:clamp(14px,1.2vw,17px);font-weight:500;line-height:1.25;text-wrap:balance}
.fz-node:hover,.fz-node.is-on{color:#fff}
.fz-node:focus-visible{outline:none}.fz-node:focus-visible .fz-lbl{text-decoration:underline;text-underline-offset:4px}
.fz-loop{position:relative;margin:18px 0 0 calc(20% + 3px);height:22px;border:1.5px dashed rgba(255,77,61,.45);border-top:0;border-radius:0 0 14px 14px}
.fz-loop::after{content:"";position:absolute;left:-5px;top:-4px;border:4.5px solid transparent;border-bottom:7px solid #ff4d3d;border-top:0}
.fz-loop span{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);padding:0 14px;background:#090909;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.55);white-space:nowrap}
.fz-panels{display:grid;margin-top:36px}
.fz-panel{grid-area:1/1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,3.4vw,48px);border-radius:28px;background:#141414;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
.fz-panel.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
.fz-copy{display:flex;flex-direction:column;gap:12px}
.fz-step{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.fz-copy h3{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:500;line-height:1.15;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.fz-copy p{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.62);text-wrap:pretty}
.fz-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fz-chips li{font-size:14px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}
.fz-tiers{display:flex;flex-direction:column;gap:8px}
.fz-tier{--lc:#1f8a5b;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px;border-radius:18px;background:#1c1c1c;outline:none;transition:background .2s}
.fz-tier.l4{--lc:#ff7a33}.fz-tier.l3{--lc:#e5142a}
.fz-tier:hover,.fz-tier:focus-visible{background:#232323}
.fz-tier-m{display:flex;flex-direction:column;gap:3px;min-width:0}
.fz-lv{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lc)}
.fz-tier h4{margin:0;font-size:15px;font-weight:500;line-height:1.3;color:#fff}
.fz-more{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.55);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s,opacity .25s,margin .3s}
.fz-tier:hover .fz-more,.fz-tier:focus-visible .fz-more{max-height:60px;opacity:1;margin-top:4px}
.fz-t{display:flex;flex-direction:column;align-items:flex-end}
.fz-t b{font-size:26px;font-weight:500;line-height:1;color:#fff}
.fz-t small{margin-top:4px;font-size:11px;color:rgba(255,255,255,.45);white-space:nowrap}
@media (hover:none){.fz-more{max-height:none;opacity:1;margin-top:4px}}
@media (max-width:900px){.fz-panel{grid-template-columns:1fr;align-items:start}.fz-loop span{white-space:normal;text-align:center;width:max-content;max-width:90%}}
@media (max-width:640px){.fz-lbl{font-size:12px}.fz-track{gap:6px}.fz-loop span{font-size:11px}}

main.di .ag-pipe-intro{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:16px!important}main.di .ag-pipe-intro .ag-pipe-h{text-align:center!important;margin-left:auto!important;margin-right:auto!important}main.di .ag-pipe-intro .ag-pipe-lead{text-align:center!important;margin:0 auto!important;max-width:640px!important}



html body main.di section#pipeline,html body main.di section#factory,html body main.di section#weft{background-color:#0a0a0a!important}


.ag-resume .ag-pipe-note p.ag-resume-desc{margin-top:clamp(14px,1.4vw,20px);font-size:clamp(17px,1.6vw,20px);line-height:1.5;letter-spacing:0;color:var(--muted)}

.ag-ps-gates{position:absolute;top:16px;right:16px;z-index:2;pointer-events:none}.ag-ps-gates .ag-gate{display:none;margin:0}.ag-ps-gates .ag-gate.on{display:inline-flex;animation:agPsIn .35s cubic-bezier(.2,.8,.2,1)}
.ag-ps-loopline{margin-top:clamp(20px,2.4vw,32px)}.ag-ps-loopline .ag-dloop{display:none;margin:0;align-items:center;white-space:nowrap;overflow:hidden}.ag-ps-loopline .ag-dloop.on{display:flex;animation:agPsIn .35s cubic-bezier(.2,.8,.2,1)}.ag-ps-loopline .ag-dloop span{overflow:hidden;text-overflow:ellipsis;min-width:0}.ag-ps-loopline .ag-dloop i{display:inline-flex;align-items:center;justify-content:center;margin:0}
@media (max-width:1000px){.ag-ps-loopline .ag-dloop{white-space:normal;align-items:flex-start}}
.ag-ps-loopline .ag-dloop i{display:none!important}
.ag-gate:not(.is-auto){background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.16)}.ag-gate.is-auto{background:rgba(255,122,51,.14);color:#ffb088;border:1px solid rgba(255,122,51,.38)}
.ag-ps-gates .ag-gate,.ag-ps-gates .ag-gate:not(.is-auto){padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.4;border-width:1.5px}
.ag-pb-head{display:flex!important;flex-direction:column;align-items:stretch;gap:clamp(28px,3vw,40px)}.ag-pb-head .di-h2{max-width:none!important}.ag-pb-sub{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:start;padding-top:clamp(20px,2vw,28px);border-top:1px solid rgba(0,0,0,.1)}main.di .ag-pb-sub .di-lead{margin:0!important;max-width:58ch}.ag-pb-promise{margin:0;font-size:clamp(20px,1.6vw,24px);line-height:1.3;letter-spacing:-.01em;font-weight:500;color:var(--ink);text-wrap:balance}
@media (max-width:800px){.ag-pb-sub{grid-template-columns:1fr}}
.ag-pb-promise{text-align:right}@media (max-width:800px){.ag-pb-promise{text-align:left}}

.ag-road-grid{display:flex;gap:clamp(16px,1.8vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:rgba(17,17,17,.2) transparent}
.ag-road-grid::before,.ag-road-grid::after{display:none}
.ag-phase{flex:0 0 min(860px,88%);scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:auto 1fr;grid-template-areas:"head body" "out body";column-gap:clamp(24px,3vw,48px);row-gap:24px;padding:clamp(24px,2.6vw,40px);border-radius:22px;background:var(--surface);border:1px solid var(--line-2)}
.ag-ph-head{grid-area:head;display:flex;flex-direction:column}
.ag-ph-body{grid-area:body;padding-left:clamp(20px,2.4vw,40px);border-left:1px solid var(--line)}
.ag-ph-out{grid-area:out;align-self:end}
.ag-ph-idx{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ag-ph-title{margin:12px 0 0;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.ag-ph-num{display:block;font-size:clamp(46px,5vw,68px);line-height:1;letter-spacing:-.045em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:6px}
.ag-ph-when{margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(225,29,44)}
.ag-ph-lede{margin:0 0 16px;font-size:16px;font-weight:600;line-height:1.4;color:var(--ink);text-wrap:pretty}
.ag-ph-body ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ag-ph-body li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ink-2)}
.ag-ph-body li i{flex:none;margin-top:3px;font-size:15px;color:rgb(225,29,44)}
.ag-ph-out p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.ag-ph-out b{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
@media (max-width:700px){.ag-phase{flex-basis:90%;grid-template-columns:1fr;grid-template-areas:"head" "body" "out"}.ag-ph-body{padding-left:0;border-left:0}.ag-ph-out{padding-top:16px;border-top:1px solid var(--line)}}

.ag-road.is-hs{padding-top:0;padding-bottom:0}
.ag-road.is-hs>.wrap{position:sticky;top:var(--hs-top,72px);min-height:calc(100vh - var(--hs-top,72px));display:flex;flex-direction:column;justify-content:center;padding-top:clamp(16px,3vh,40px);padding-bottom:clamp(16px,3vh,40px)}
.ag-road.is-hs .ag-road-grid{overflow:hidden;scroll-snap-type:none;padding-bottom:0}
.ag-road-bar{height:2px;margin-top:20px;border-radius:2px;background:rgba(17,17,17,.1);overflow:hidden;display:none}
.ag-road.is-hs .ag-road-bar{display:block}
.ag-road-bar i{display:block;height:100%;width:100%;background:var(--grad);transform-origin:left;transform:scaleX(var(--p,0))}

.ag-road-toggle{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:0;box-shadow:inset 0 0 0 1px var(--line-2);margin-top:clamp(32px,4vw,52px)}
.ag-road-toggle button{display:flex;align-items:center;padding:10px 20px;border-radius:999px;background:transparent;color:var(--ink);font:inherit;transition:background .2s,color .2s}
.ag-road-toggle button b{font-size:15px;font-weight:500;letter-spacing:0}
.ag-road-toggle button:not(.is-active):hover{background:rgba(17,17,17,.05)}
.ag-road-toggle button.is-active,.ag-road-toggle button.is-active[data-track="green"]{background:#111;color:#fff}
.ag-ph-title{margin-top:0}
.ag-road-steps{display:none;margin-top:12px}
.ag-road.is-hs .ag-road-steps{display:flex}
.ag-road-steps span{flex:1;text-align:center;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.55;transition:opacity .25s,color .25s}
.ag-road-steps span.on{opacity:1;color:var(--ink)}

.ag-road .di-head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,20px)}
.ag-road .di-head .di-lead{max-width:72ch;margin:0}

.ag-road-top{display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin-top:clamp(32px,4vw,52px);flex-wrap:wrap}
.ag-road-top .ag-road-toggle{margin-top:0;flex:none}
.ag-road-top .ag-road-note{margin:0;flex:1 1 320px;max-width:60ch;font-size:14px;line-height:1.45;color:var(--muted);text-wrap:pretty}

.ag-phase{position:relative;isolation:isolate;overflow:hidden;background-color:var(--surface)}
.ag-phase::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transition:opacity .4s}
.ag-phase:nth-child(4n+1)::before{background:radial-gradient(60% 70% at 0% 0%,rgba(255,122,51,.22),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(255,77,61,.08),transparent 70%)}
.ag-phase:nth-child(4n+2)::before{background:radial-gradient(55% 80% at 100% 0%,rgba(255,122,51,.2),transparent 70%),radial-gradient(45% 60% at 0% 100%,rgba(255,196,120,.18),transparent 70%)}
.ag-phase:nth-child(4n+3)::before{background:radial-gradient(70% 60% at 50% 110%,rgba(255,77,61,.18),transparent 70%),radial-gradient(40% 50% at 0% 0%,rgba(255,122,51,.12),transparent 70%)}
.ag-phase:nth-child(4n)::before{background:radial-gradient(60% 75% at 100% 100%,rgba(255,122,51,.24),transparent 70%),radial-gradient(50% 55% at 20% 0%,rgba(255,77,61,.1),transparent 70%),linear-gradient(135deg,transparent 55%,rgba(255,196,120,.12))}

.ag-phase{border:0}

.wn{position:relative;margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.05fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(24px,3vw,44px);padding:clamp(24px,3vw,48px) 0}
.wn-svg{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0}
.wn::before{content:"";position:absolute;inset:-40px 0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 50% 60% at 50% 50%,#000 0%,rgba(0,0,0,.5) 50%,transparent 100%);mask-image:radial-gradient(ellipse 50% 60% at 50% 50%,#000 0%,rgba(0,0,0,.5) 50%,transparent 100%)}
.wn-ln{fill:none;stroke:rgba(255,255,255,.12);stroke-width:1.25}
.wn-fl{fill:none;stroke:rgb(255,122,51);stroke-width:1.75;stroke-linecap:round;stroke-dasharray:5 95;animation:rnFlow 3.6s linear infinite}
.wn-col{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;align-self:stretch}.wn-col>.wn-cap{margin-bottom:auto}.wn-col>:last-child{margin-bottom:auto}
.wn-src{align-items:flex-end;gap:8px}
@media (min-width:1101px){.wn-src{left:28px}.wn-src .wn-chip{position:relative;right:48px}.wn-src .wn-chip:nth-of-type(1),.wn-src .wn-chip:nth-of-type(2){top:22px}.wn-src .wn-chip:nth-of-type(6){top:-22px}}
.wn-out{align-items:flex-start}
.wn-cap{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;max-width:34ch}
.wn-src .wn-cap{align-self:flex-start;position:relative;left:48px}
.wn-cap b{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(255,122,51)}
.wn-cap span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.62);text-wrap:pretty}
.wn-chip,.wn-lane{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:rgb(24,24,24);border:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:500;color:#fff;white-space:nowrap}
.wn-src .wn-chip:nth-of-type(1){margin-right:36px}.wn-src .wn-chip:nth-of-type(6){margin-right:12px}.wn-src .wn-chip:nth-of-type(2),.wn-src .wn-chip:nth-of-type(5){margin-right:120px}
.wn-lane{padding:10px 18px 10px 10px;border-color:rgba(255,122,51,.22)}
.wn-out .wn-lane:nth-of-type(1),.wn-out .wn-lane:nth-of-type(3){margin-left:28px}
.wn-orb{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgb(255,238,226) 0%,rgb(236,160,128) 20%,rgb(217,119,87) 48%,rgb(168,78,52) 80%,rgb(96,40,24) 100%);box-shadow:0 4px 8px rgba(0,0,0,.4)}
.wn-orb.is-b{background:radial-gradient(circle at 32% 26%,rgb(226,255,244) 0%,rgb(110,210,176) 22%,rgb(16,163,127) 52%,rgb(8,110,84) 82%,rgb(4,56,42) 100%)}
.wn-orb.is-m{background:radial-gradient(circle at 32% 26%,rgb(255,255,255) 0%,rgb(190,190,190) 30%,rgb(110,110,110) 70%,rgb(50,50,50) 100%)}
.wn-pill{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgb(24,24,24);border:1px solid rgba(255,122,51,.35);color:rgb(255,122,51);font-size:16px}
.wn-core{position:relative;z-index:1;display:grid;place-items:center}
.wn-card{position:relative;border-radius:24px;padding:28px 26px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,rgba(255,122,51,.34) 0%,rgba(255,77,61,.12) 45%,rgba(255,77,61,0) 75%),linear-gradient(180deg,rgb(40,24,20) 0%,rgb(22,22,22) 100%);border:1px solid rgba(255,122,51,.3)}
.wn-card h4{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em;color:#fff}
.wn-card p{margin:8px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.66);text-wrap:balance}
.wn-card ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.wn-card li{font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:rgba(255,122,51,.16);color:rgb(255,196,164)}
.wn + .wf-foot{margin-top:18px}
.wf-sub.wn-title{margin-top:clamp(128px,13vw,208px)}.wn-title + .wn{margin-top:clamp(16px,2vw,28px)}
@media (prefers-reduced-motion:reduce){.wn-fl{animation:none;display:none}}
@media (max-width:1100px){.wn{grid-template-columns:1fr;row-gap:24px;justify-items:center;padding:0}.wn-col>.wn-cap,.wn-col>:last-child{margin-bottom:0}.wn-col{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.wn-cap,.wn-src .wn-cap{align-self:center;flex-basis:100%;text-align:center;align-items:center;max-width:none;margin-bottom:4px}.wn-col .wn-chip,.wn-col .wn-lane{margin:0!important}.wn-pill{transform:rotate(90deg)}.wn-core{max-width:520px;width:100%}.wn-core::before,.wn-core::after{display:none}}
.ag-who--stack.is-scene .ag-who-card.is-behind{cursor:pointer}.ag-who--stack.is-scene .ag-who-card.is-behind:hover{--dim:.08!important}

.ag-int .di-head{align-items:start}.ag-int .di-head .di-lead{margin-top:0}.ag-int .di-head .di-h2{margin-top:0}

main.di .ag-ps-tab .ag-ps-n{font-size:14px;letter-spacing:-.01em}
.ag-pr .di-head{align-items:start}.ag-pr .di-head .di-lead{margin-top:0}.ag-pr .di-head .di-h2{margin-top:0}
.ag-ev .di-head{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:20px}.ag-ev .di-head .di-h2{margin-top:0}.ag-ev .di-head .di-lead{margin:0 auto;max-width:64ch}
main.di .ag-ev .di-head .di-lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.ag-ev .di-head{justify-items:stretch;width:fit-content;max-width:100%;margin-inline:auto}main.di .ag-ev .di-head .di-lead{max-width:none!important;width:0;min-width:100%}
main.di .ag-ev .di-head .di-lead{width:0;min-width:calc(100% - 80px);justify-self:center}
.ag-ps-panels{display:grid!important}.ag-ps-panels>.ag-ps-panel{display:flex!important;grid-area:1/1;visibility:hidden}.ag-ps-panels>.ag-ps-panel.on{visibility:visible}
.rn-src .rn-chip{justify-content:center;text-align:center}

.ag-who--stack .di-head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,20px)}.ag-who--stack .di-head .di-lead{max-width:72ch;margin:0}
.ag-ev-note--card{justify-content:center;text-align:center;max-width:min(100%,1100px);margin-inline:auto}.ag-ev-note--card>span{text-wrap:balance}
main.di .ag-who--stack .di-head>div{width:100%}main.di .ag-who--stack .di-head .di-h2{max-width:none!important}
.ag-road.is-hs{padding-top:clamp(72px,9vw,132px)}.ag-road.is-hs>.wrap{justify-content:flex-start;padding-top:0;top:calc(var(--hs-top,72px) + clamp(16px,3vh,40px));min-height:calc(100vh - var(--hs-top,72px) - clamp(16px,3vh,40px))}

#brown-green .di-head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,20px)}#brown-green .di-head .di-lead{max-width:72ch;margin:0}

.wf-bento li.wf-art-hum>div{max-width:none;justify-content:flex-start;gap:12px;text-align:left;align-items:flex-start}.wf-art-hum{padding-bottom:clamp(180px,16vw,220px)!important}
.wf-art.wf-hum{top:auto;bottom:-16px;right:14px;width:230px;height:240px;margin:0;transform:none}
.wf-hum .wf-glow{inset:-30px}
.wf-gt{position:absolute;left:var(--x);top:var(--y);width:46px;height:46px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.4))}
.wf-gt i{position:absolute;inset:0;border-radius:24%;transform:translateY(var(--k)) rotateX(58deg) rotateZ(-42deg);background:rgb(160,32,30)}
.wf-gt i:first-child{background:rgb(110,20,22)}
.wf-gt i:last-child{background:linear-gradient(135deg,rgb(255,140,90) 0%,rgb(230,64,48) 50%,rgb(150,24,30) 100%)}
.wf-gt:not(.is-on){opacity:.82}
.wf-gt.is-on i:nth-child(1){background:rgb(92,14,20)}.wf-gt.is-on i:nth-child(2){background:rgb(128,22,26)}.wf-gt.is-on i:nth-child(3){background:rgb(168,34,32)}.wf-gt.is-on i:nth-child(4){background:rgb(212,56,42)}
.wf-gt.is-on i:last-child{background:linear-gradient(135deg,rgba(255,196,160,.9) 0%,rgb(255,122,51) 32%,rgb(255,77,61) 62%,rgb(200,26,40) 100%)}
@media (max-width:1000px){.wf-art.wf-hum{opacity:1;right:14px}}

.ag-pb-head{align-items:center!important;text-align:center;gap:clamp(16px,1.8vw,24px)!important}main.di .ag-pb-head .di-lead{text-align:center!important;margin:0 auto!important;max-width:68ch}.ag-pb-head .di-lead b{color:var(--ink);font-weight:600}

.ag-brands .wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,3vw,56px);flex-wrap:wrap}.ag-brands .ag-brands-label{margin:0;flex:0 0 auto;text-align:left;white-space:nowrap}.ag-brands .ag-brands-row{width:auto;flex:1 1 auto;flex-wrap:nowrap;justify-content:space-evenly}.ag-brands .ag-brands-more{margin:0;flex:0 0 auto;text-align:right;white-space:nowrap}
@media (min-width:901px){.ag-brands .ag-brands-row{gap:clamp(20px,2.6vw,44px)}.ag-brands .ag-logo--sony img{height:40px}.ag-brands .ag-logo--lh img{height:22px}.ag-brands .ag-logo--groupon img,.ag-brands .ag-logo--xerox img{height:19px}}
@media (min-width:901px){.ag-brands .wrap{flex-wrap:nowrap}.ag-brands .ag-brands-row{min-width:0;flex:0 1 auto}}
@media (max-width:1320px) and (min-width:901px){.ag-brands .ag-brands-label,.ag-brands .ag-brands-more{white-space:normal;flex:0 1 22ch;min-width:0;max-width:22ch}}
@media (max-width:900px){.ag-brands .wrap{flex-direction:column;text-align:center}.ag-brands .ag-brands-label,.ag-brands .ag-brands-more{white-space:normal}.ag-brands .ag-brands-label,.ag-brands .ag-brands-more{text-align:center;max-width:none}.ag-brands .ag-brands-row{flex-wrap:wrap;justify-content:center}}
.ftr-min .ftr-left{align-items:stretch;align-self:stretch}.ftr-min .ftr-brand{align-self:stretch}.ftr-brand{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.ftr-min .ftr-tag{margin:0;font-size:inherit;line-height:inherit;color:rgba(57,57,57,.5)}

.hero + .ag-brands{margin-top:-56px!important;position:relative;z-index:5;background:transparent}.ag-brands .wrap{padding-left:32px;padding-right:32px;box-sizing:border-box}

@media (min-width:901px){.ag-brands .ag-brands-row{display:contents}.ag-brands .wrap{justify-content:space-between}.ag-brands .ag-logo{flex:0 0 auto}}

.wf-bento li.wf-art-graph>div{max-width:none;justify-content:flex-start;gap:12px}.wf-bento li.wf-art-graph{padding-bottom:clamp(170px,14vw,190px)}
.wf-art.wf-graph{top:auto;left:auto;bottom:clamp(8px,1vw,16px);right:clamp(8px,1vw,16px);width:230px;height:170px;margin:0;transform:none}
.wf-tube.wf-g-cyl{height:12px;margin-top:-6px}
.wf-tube.is-off,.wf-g-orb.is-off{opacity:.35}
.wf-g-if{position:absolute;width:28px;height:28px;border-radius:7px;transform:rotate(45deg);background:linear-gradient(135deg,rgba(255,196,160,.9) 0%,rgb(255,122,51) 32%,rgb(255,77,61) 62%,rgb(200,26,40) 100%);box-shadow:0 12px 18px rgba(0,0,0,.45),inset -4px -4px 8px rgba(90,10,20,.45)}
.wf-graph .wf-glow{inset:-30px}
.wf-g-orb{position:absolute;border-radius:50%;box-shadow:0 12px 18px rgba(0,0,0,.45),inset -4px -6px 10px rgba(90,10,20,.45)}
.wf-g-orb.is-s{background:radial-gradient(circle at 32% 26%,rgb(255,240,226) 0%,rgb(255,190,120) 22%,rgb(255,122,51) 52%,rgb(200,60,30) 82%,rgb(120,30,16) 100%)}
.wf-g-orb.is-m{background:radial-gradient(circle at 32% 26%,rgb(255,236,220) 0%,rgb(255,160,100) 20%,rgb(255,90,55) 48%,rgb(200,26,40) 80%,rgb(110,14,24) 100%)}
@media (max-width:1000px){.wf-art.wf-graph{opacity:1;right:clamp(12px,1.4vw,20px)}}

.wf-cd{position:absolute;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}
.wf-cd.is-back{left:96px;top:6px;width:118px;height:80px}
.wf-cd.is-front{left:6px;top:58px;width:158px;height:92px}
.wf-cd-pl{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;transform:perspective(520px) rotateY(-24deg) rotateX(14deg) rotateZ(-5deg)}
.wf-cd.is-back .wf-cd-pl{transform:perspective(520px) rotateY(-28deg) rotateX(10deg) rotateZ(4deg)}
.wf-cd-pl i{position:absolute;inset:0;border-radius:inherit}
.wf-cd.is-front .wf-cd-pl{border-radius:46px}.wf-cd.is-back .wf-cd-pl{border-radius:18px}
.wf-cd-pl i:nth-child(1){transform:translateZ(-12px);background:rgb(96,16,20)}
.wf-cd-pl i:nth-child(2){transform:translateZ(-6px);background:rgb(150,28,28)}
.wf-cd-pl i:nth-child(3){background:linear-gradient(135deg,rgba(255,196,160,.9) 0%,rgb(255,122,51) 32%,rgb(255,77,61) 62%,rgb(200,26,40) 100%);box-shadow:inset 0 1px 0 rgba(255,230,210,.6),inset 0 -6px 14px rgba(110,14,24,.35)}
.wf-cd.is-back .wf-cd-pl i:nth-child(3){background:linear-gradient(135deg,rgb(255,140,90) 0%,rgb(230,64,48) 50%,rgb(150,24,30) 100%)}
.wf-cd-pl b{position:relative;transform:translateZ(1px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;font-size:36px;letter-spacing:.02em;line-height:1;color:rgb(150,30,30);text-shadow:0 1px 0 rgba(255,200,170,.55),0 -1px 0 rgba(70,8,12,.7),0 -2px 3px rgba(70,8,12,.35)}
.wf-cd.is-back .wf-cd-pl b{font-size:28px}

.wf-gwrap{position:absolute;inset:0;display:grid;place-items:center;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45))}
.wf-grid3{display:grid;grid-template-columns:repeat(3,44px);gap:10px;transform-style:preserve-3d;transform:perspective(640px) rotateX(56deg) rotateZ(-40deg)}
.wf-gt3{position:relative;width:44px;height:44px;transform-style:preserve-3d}
.wf-gt3 i{position:absolute;inset:0;border-radius:22%}
.wf-gt3 i.f{background:linear-gradient(135deg,rgb(255,140,90) 0%,rgb(230,64,48) 50%,rgb(150,24,30) 100%);box-shadow:inset 0 1px 0 rgba(255,220,200,.45)}
.wf-gt3.is-on i.f{background:linear-gradient(135deg,rgba(255,196,160,.95) 0%,rgb(255,122,51) 32%,rgb(255,77,61) 62%,rgb(200,26,40) 100%)}
.wf-gt3:not(.is-on) i.f{background:linear-gradient(135deg,rgb(236,120,78) 0%,rgb(210,56,44) 50%,rgb(136,22,28) 100%)}

.wf-cwrap{position:absolute;inset:0;perspective:900px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.5))}
.wf-cubes{position:absolute;left:50%;top:54%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-30deg) rotateY(45deg)}
.wf-cube{position:absolute;left:0;top:0;width:var(--s);height:var(--s);transform-style:preserve-3d}
.wf-cube i{position:absolute;inset:0;border-radius:0;backface-visibility:hidden}
.wf-cube .ft{transform:translateZ(calc(var(--s)/2));background:linear-gradient(180deg,rgb(236,78,52) 0%,rgb(170,30,32) 100%);box-shadow:inset 0 0 18px rgba(255,150,110,.35)}
.wf-cube .fb{transform:rotateY(180deg) translateZ(calc(var(--s)/2));background:rgb(96,16,20)}
.wf-cube .fl{transform:rotateY(-90deg) translateZ(calc(var(--s)/2));background:linear-gradient(180deg,rgb(200,44,38) 0%,rgb(118,18,24) 100%);box-shadow:inset 0 0 18px rgba(255,120,90,.25)}
.wf-cube .fr{transform:rotateY(90deg) translateZ(calc(var(--s)/2));background:rgb(110,18,22)}
.wf-cube .fu{transform:rotateX(90deg) translateZ(calc(var(--s)/2));background:linear-gradient(135deg,rgb(255,190,150) 0%,rgb(255,122,51) 45%,rgb(240,80,56) 100%);box-shadow:inset 0 0 16px rgba(255,230,210,.35)}
.wf-cube .fd{transform:rotateX(-90deg) translateZ(calc(var(--s)/2));background:rgb(90,14,20)}
.wf-cube.is-on .fu{background:linear-gradient(135deg,rgb(255,214,186) 0%,rgb(255,140,80) 45%,rgb(255,90,60) 100%)}
.wf-cube.is-on .ft{background:linear-gradient(180deg,rgb(255,100,64) 0%,rgb(196,38,36) 100%)}
.wf-cube.is-on .fl{background:linear-gradient(180deg,rgb(226,60,44) 0%,rgb(140,22,28) 100%)}

.bg3-tab.is-on{background:var(--grad);color:#fff}
.bg3-panel.bg4{background:linear-gradient(180deg,#FFF6F0 0%,#F9F9F9 100%)}
.bg4-title{position:relative;overflow:hidden;background:radial-gradient(90% 140% at 100% 0%,rgba(255,138,76,.20) 0%,rgba(255,77,61,.06) 45%,rgba(255,255,255,0) 70%),#fff}
.bg4-out{position:relative;overflow:hidden;background:linear-gradient(135deg,#F2552C 0%,#E8343F 55%,#C8245A 100%);color:#fff;justify-content:flex-start}
.bg4-out::after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-120px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,170,.55),rgba(255,214,170,0));pointer-events:none}
.bg4-out>*{position:relative;z-index:1}
.bg4-out span{color:rgba(255,255,255,.9)}
.bg4-out p{color:rgba(255,255,255,.92);margin-top:auto}
.bg4-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:0 0 auto;background:rgba(255,106,31,.12);color:#E5532E}
.bg4-out .bg4-ic{background:rgba(255,255,255,.18);color:#fff}
.bg4-key{gap:8px;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.bg4-key:hover{transform:translateY(-3px)}
.bg4-key .bg4-ic{margin-bottom:10px}
.bg4-key:nth-of-type(3){background:linear-gradient(160deg,#FFE4D4 0%,#FFF3EB 100%)}
.bg4-key:nth-of-type(3) .bg4-ic{background:#fff}
.bg4-key:nth-of-type(6){background:linear-gradient(160deg,#ECE6FF 0%,#F7F4FF 100%)}
.bg4-key:nth-of-type(6) .bg4-ic{background:#fff;color:#6A44F5}
.bg4-key:nth-of-type(6) span{color:#7C6BB0}
.bg4-key:nth-of-type(3) span{color:#B8664A}
.bg4-steps li:not(:last-child)::after{background:linear-gradient(90deg,rgba(255,106,31,.35),rgba(255,106,31,.12))}
.bg4-steps li b{background:#FFF0E8;color:#E5532E}
.bg4-steps li:last-child b{background:var(--grad);color:#fff}

.fz-pin{display:flex;flex-direction:column}
@media (min-width:1001px){.fz.is-scroll{height:calc(var(--fz-h,640px) + 5*55vh)}.fz.is-scroll .fz-pin{position:sticky;top:var(--fz-top,110px)}.fz.is-scroll .fz-pin>.di-head{margin-bottom:clamp(24px,3vh,40px);opacity:1!important;transform:none!important}.fz.is-scroll .fz-bar::after{transform:scaleX(var(--f,0));transition:transform .12s linear;animation:none}.fz.is-scroll .fz-node.is-done .fz-bar::after{background:rgba(255,122,51,.45)}}

.bg4 .bg4-ic{--rim:#ff6a2b;position:relative;width:58px;height:58px;border-radius:17px;font-size:27px;color:rgba(86,104,186,.78);background:radial-gradient(70% 60% at 28% 22%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 60%),conic-gradient(from 210deg at 56% 58%,#CFE2FF 0deg,#B8A9FF 70deg,#FFC4DC 140deg,#FFE3B8 200deg,#A9E4FF 280deg,#CFE2FF 360deg)!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85),inset -4px -5px 10px rgba(110,100,210,.22),3px 4px 0 -1px #ffa25c,5px 7px 0 -2px var(--rim),7px 9px 0 -3px #d8382a,10px 18px 22px rgba(232,69,44,.26);text-shadow:1px 1px 0 rgba(255,255,255,.95),-1px -1px 0 rgba(60,70,160,.28);transform:perspective(240px) rotateX(16deg) rotateY(-20deg) rotateZ(-4deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.bg4 .bg4-key:nth-of-type(even) .bg4-ic,.bg4 .bg4-out .bg4-ic{border-radius:50%}
.bg4 .bg4-key:hover .bg4-ic,.bg4 .bg4-out:hover .bg4-ic{transform:perspective(240px) rotateX(8deg) rotateY(-6deg) rotateZ(0) translateY(-3px)}
.bg4 .bg4-key .bg4-ic{margin:2px 0 14px}
.bg4 .bg4-out .bg4-ic{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.9),inset -4px -5px 10px rgba(110,100,210,.22),3px 4px 0 -1px #ffd0a0,5px 7px 0 -2px #ffb070,10px 18px 22px rgba(90,10,30,.35)}

.bg3-panel.bg4{background:none!important;padding:0;border-radius:0}
.bg4-title,.bg4-key,.bg4-steps{background-color:var(--surface)}
.bg4-title{background:radial-gradient(90% 140% at 100% 0%,rgba(255,138,76,.20) 0%,rgba(255,77,61,.06) 45%,rgba(255,255,255,0) 70%),var(--surface);justify-content:flex-end}

.bg4 .bg4-ic.bg4-obj{width:auto;height:auto;border-radius:0;font-size:64px;line-height:1;background:linear-gradient(135deg,#D6E6FF 0%,#B9A8FF 30%,#FFC6DD 55%,#FFE2B4 72%,#A9E2FF 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;box-shadow:none!important;filter:drop-shadow(1.5px 1.5px 0 #ffa25c) drop-shadow(1.5px 1.5px 0 #ff6a2b) drop-shadow(1px 1px 0 #d8382a) drop-shadow(6px 12px 12px rgba(232,69,44,.3));transform:rotate(-6deg);margin:0 0 8px}
.bg4 .bg4-key:hover .bg4-ic.bg4-obj{transform:rotate(0) translate(3px,-5px)}
.bg4 .bg4-ic.bg4-obj{display:block;align-self:flex-start;width:64px;height:64px}

.ag-ps-split .ag-pipe-anim{border-radius:37px}

.rn-card{width:min(420px,100%);aspect-ratio:1;border-radius:50%;padding:13% 12%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 28% 22%,#ffb27a 0%,rgba(255,178,122,0) 48%),radial-gradient(circle at 78% 82%,#e5142a 0%,rgba(229,20,42,0) 58%),radial-gradient(circle at 85% 18%,#ff4d3d 0%,rgba(255,77,61,0) 45%),linear-gradient(150deg,#ff7a33 0%,#ff5a2e 55%,#e83a2a 100%)}
.rn-card::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.rn-card>*{position:relative}
.rn-card ul{max-width:300px}
@media (max-width:1100px){.rn-card{width:min(380px,100%)}}
.rn .rn-out .rn-lane{width:320px}
@media (min-width:1101px){.rn{grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);column-gap:clamp(20px,2.4vw,36px)}.rn .rn-core{width:auto;max-width:none}.rn .rn-card{width:420px;max-width:none}.rn .rn-pill{min-width:92px;justify-content:center;text-align:center;box-sizing:border-box}.rn .rn-out{justify-self:stretch;align-items:flex-end}.rn .rn-out .rn-lane{width:100%;max-width:300px}}
@media (min-width:1101px) and (max-width:1320px){.rn .rn-card{width:360px}}
.rn-card{background:#ff5a2e}
.rn-card::before{content:"";position:absolute;inset:-35%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 30% 26%,#ffd0a3 0%,rgba(255,208,163,0) 22%),radial-gradient(circle at 62% 38%,#ff9a52 0%,rgba(255,154,82,0) 30%),radial-gradient(circle at 74% 70%,#d80f2a 0%,rgba(216,15,42,0) 32%),radial-gradient(circle at 36% 72%,#ff3b30 0%,rgba(255,59,48,0) 28%),radial-gradient(circle at 52% 52%,#ff6a2b 0%,rgba(255,106,43,0) 40%),radial-gradient(circle at 80% 30%,#ff4d6a 0%,rgba(255,77,106,0) 24%),radial-gradient(circle at 22% 50%,#ff8a3d 0%,rgba(255,138,61,0) 26%),conic-gradient(from 210deg at 50% 50%,#ff7a33,#e8202e,#ff5a2e,#ffa064,#ff7a33);filter:blur(14px) saturate(1.08);animation:rnSwirl 18s linear infinite}
.rn-card::after{opacity:.38}
@keyframes rnSwirl{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}100%{transform:rotate(360deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.rn-card::before{animation:none}}
.ag-rv .rn{padding-top:calc(clamp(40px,5vw,72px) - 16px);padding-bottom:0}
.rn-lane{position:relative}.rn-lane>div{min-width:0}
.rn-lane .rn-lvl{position:absolute;top:10px;right:10px;margin:0;padding:4px 9px;border-radius:999px;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--lc);background:color-mix(in oklch,var(--lc) 12%,#fff)}
.rn-lane h4{margin-top:0;padding-right:92px}
.bg4-img{display:block;align-self:flex-start;width:auto;height:86px;margin:-8px 0 4px -6px;filter:drop-shadow(4px 10px 12px rgba(232,69,44,.22));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.bg4-key:hover .bg4-img{transform:translate(4px,-6px)}
.rn-lane .rn-lvl{color:color-mix(in oklch,var(--lc) 60%,#000)}
.bg4-key:has(.bg4-img){position:relative}.bg4 .bg4-img{position:absolute;top:10px;right:10px;height:120px;margin:0;z-index:1;pointer-events:none}.bg4-key:has(.bg4-img)>span,.bg4-key:has(.bg4-img)>p{position:relative;z-index:2}.bg4-key:has(.bg4-img)>span{margin-top:auto}.bg4-key:has(.bg4-img){min-height:150px;justify-content:flex-end}
.rn .rn-out .rn-lane{align-items:center;gap:14px;padding:16px 16px 16px 16px}
.rn-lane>div{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t b" "s s";column-gap:10px;row-gap:6px;align-items:center}
.rn-lane .rn-lvl{position:static;grid-area:b;justify-self:end;margin:0;padding:3px 9px;border-radius:999px;font-size:12px;line-height:1.3;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap}
.rn-lane h4{grid-area:t;margin:0;padding-right:0;line-height:1.25}
.rn-lane .rn-steps{grid-area:s;margin:0}
.bg4-key:has(.bg4-img){overflow:hidden}.bg4 .bg4-img{width:200px;height:auto;top:-70px;right:-24px}
.bg4 .bg4-img{width:150px;top:-44px;right:-14px}

.ag-fac-cmp{gap:clamp(14px,1.6vw,20px);align-items:stretch}
.ag-fac-cmp>div{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;padding:clamp(24px,2.8vw,40px);display:flex;flex-direction:column;gap:clamp(24px,2.6vw,36px);background:radial-gradient(120% 90% at 0% 0%,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 60%),rgb(22,22,22);border:1px solid rgba(255,255,255,.1)}
.ag-fac-cmp>div.is-add{background:radial-gradient(120% 90% at 100% 100%,rgba(255,77,61,.32) 0%,rgba(255,122,51,.12) 40%,rgba(255,122,51,0) 72%),linear-gradient(340deg,rgb(38,22,20) 0%,rgb(22,22,22) 65%);border-color:rgba(255,122,51,.24)}
.ag-fac-cmp h3{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px;font-size:clamp(22px,2vw,29px);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.ag-fac-cmp h3 i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:#fff;background:rgba(255,255,255,.1)}
.ag-fac-cmp .is-add h3 i{background:rgb(255,77,61);box-shadow:0 8px 28px rgba(255,77,61,.35)}
.ag-fac-cmp ul{gap:0;counter-reset:fc}
.ag-fac-cmp li{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);font-size:15px;line-height:1.55;color:rgba(255,255,255,.62);text-wrap:pretty}
.ag-fac-cmp .is-add li{border-top-color:rgba(255,122,51,.18)}
.ag-fac-cmp li:last-child{padding-bottom:0}
.ag-fac-cmp li b{margin-bottom:4px;font-size:17px;line-height:1.35;letter-spacing:-.01em}
.ag-fac-cmp li .mk{width:28px;height:28px;margin-top:0;font-size:13px}
.ag-fac-cmp .is-keep .mk{background:none;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85)}
.ag-fac-cmp .is-add .mk{background:rgba(255,77,61,.16);border:1px solid rgba(255,122,51,.45);color:rgb(255,160,120)}
.ag-fac-cmp h3 i{display:none}
.fz-track .fz-lbl{font-weight:600}
.fz-loop span{letter-spacing:0;font-size:13px;font-weight:500;color:rgba(255,255,255,.7)}
.fac-duo{max-width:none;width:100%}
.fz-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);padding:clamp(32px,4vw,64px);border:1px solid rgba(255,122,51,.24);background:radial-gradient(90% 120% at 0% 0%,rgba(255,122,51,.30) 0%,rgba(255,77,61,.12) 40%,rgba(255,77,61,0) 72%),radial-gradient(70% 90% at 100% 100%,rgba(229,20,42,.16) 0%,rgba(229,20,42,0) 70%),linear-gradient(160deg,rgb(38,24,20) 0%,rgb(22,22,22) 70%)}
.fz-copy{gap:16px}
.fz-step{align-self:flex-start;padding:6px 12px;border-radius:999px;background:rgba(255,77,61,.16);border:1px solid rgba(255,122,51,.4);font-size:13px;letter-spacing:.06em;color:rgb(255,170,130)}
.fz-copy h3{font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.08;letter-spacing:-.025em}
.fz-copy p{font-size:clamp(16px,1.3vw,18px);color:rgba(255,255,255,.7);max-width:44ch}
.fz-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fz-chips li{display:flex;align-items:center;gap:12px;min-height:64px;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:clamp(15px,1.25vw,18px);font-weight:500;line-height:1.3;color:#fff;backdrop-filter:blur(6px)}
.fz-chips li::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:rgb(255,77,61);box-shadow:0 0 12px rgba(255,77,61,.8)}
.fz-chips li:last-child:nth-child(odd){grid-column:1/-1}
.fz-tier{padding:18px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.fz-tier:hover,.fz-tier:focus-visible{background:rgba(255,255,255,.1)}
.fz-tier h4{font-size:17px}
.fz-lv{font-size:12px}
.fz-t b{font-size:30px;font-weight:600}
@media (max-width:640px){.fz-chips{grid-template-columns:1fr}}
.fz-chips{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:14px 12px}
.fz-chips li{display:inline-flex;min-height:0;padding:14px 24px;border-radius:999px;font-size:clamp(16px,1.35vw,19px);font-weight:500;line-height:1.2;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s}
.fz-chips li::before{content:none}
.fz-chips li:last-child:nth-child(odd){grid-column:auto}
.fz-chips li:nth-child(4n+1){background:linear-gradient(135deg,rgb(255,122,51),rgb(229,20,42));border-color:transparent;transform:rotate(-3deg)}
.fz-chips li:nth-child(4n+2){transform:translateY(6px) rotate(2deg)}
.fz-chips li:nth-child(4n+3){background:rgba(255,122,51,.12);border-color:rgba(255,122,51,.5);color:rgb(255,190,160);transform:rotate(-1.5deg)}
.fz-chips li:nth-child(4n){background:#fff;color:rgb(22,22,22);border-color:#fff;transform:translateY(-4px) rotate(2.5deg)}
.fz-chips li:hover{transform:rotate(0) scale(1.05)}
.fz-panel.is-on .fz-chips li{animation:fzPop .45s cubic-bezier(.2,.8,.2,1.2) both}
.fz-panel.is-on .fz-chips li:nth-child(2){animation-delay:.05s}.fz-panel.is-on .fz-chips li:nth-child(3){animation-delay:.1s}.fz-panel.is-on .fz-chips li:nth-child(4){animation-delay:.15s}.fz-panel.is-on .fz-chips li:nth-child(5){animation-delay:.2s}.fz-panel.is-on .fz-chips li:nth-child(6){animation-delay:.25s}
@keyframes fzPop{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@media (prefers-reduced-motion:reduce){.fz-panel.is-on .fz-chips li{animation:none}}
.ag-fac-cmp>div,.ag-fac-cmp>div.is-add{background:none;border:0;border-radius:0;padding:0}
.ag-fac-cmp li,.ag-fac-cmp .is-add li{border-top:0;padding:10px 0}
.fz-tiers{gap:8px}.fz-tier{padding:12px 18px}.fz-more{display:none}.fz-tier-m{gap:2px}.fz-t b{font-size:26px}
.fz-tiers{gap:10px}
.fz-tier{--lc:#34c27f;gap:20px;padding:12px 12px 12px 24px;border-radius:22px;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);transition:border-color .2s,background .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.fz-tier.l4{--lc:#ff7a33}.fz-tier.l3{--lc:#ff4d5e}
.fz-tier:hover,.fz-tier:focus-visible{background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:color-mix(in oklab,var(--lc) 45%,transparent);transform:translateY(-2px)}
.fz-tier-m{gap:5px}
.fz-lv{font-size:11.5px;letter-spacing:.09em;color:var(--lc)}
.fz-tier h4{font-size:17px;font-weight:500;letter-spacing:-.01em}
.fz-t{flex-direction:column;align-items:center;justify-content:center;min-width:96px;padding:10px 14px;border-radius:14px;background:color-mix(in oklab,var(--lc) 14%,transparent);border:1px solid color-mix(in oklab,var(--lc) 32%,transparent)}
.fz-t b{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--lc)}
.fz-t small{margin-top:3px;font-size:11px;color:rgba(255,255,255,.6)}
.fz-tier{grid-template-columns:minmax(0,1fr) 116px}.fz-t{width:116px;min-width:0;box-sizing:border-box}
.fz-tiers{gap:6px}
.fz-tier,.fz-tier.l4,.fz-tier.l3{grid-template-columns:44px minmax(0,1fr) auto;gap:18px;padding:16px 22px 16px 18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid transparent;transform:none}
.fz-tier:hover,.fz-tier:focus-visible{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);transform:none}
.fz-n{font-size:40px;font-weight:300;line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.35);text-align:center}
.fz-tier-m{gap:3px}
.fz-lv{padding:0;background:none;font-size:18px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:#fff}
.fz-tier h4{font-size:14.5px;font-weight:400;color:rgba(255,255,255,.6)}
.fz-t{width:auto;min-width:0;padding:0;background:none;border:0;border-radius:0;align-items:flex-end;text-align:right}
.fz-t b{font-size:28px;font-weight:500;color:#fff}
.fz-t small{font-size:12px;color:rgba(255,255,255,.5)}
.fz-tier,.fz-tier.l4,.fz-tier.l3{grid-template-columns:44px minmax(0,1fr) 96px}
.fz-tier,.fz-tier.l4,.fz-tier.l3{grid-template-columns:minmax(0,1fr) 160px;gap:20px;padding:16px 22px;background:color-mix(in oklab,var(--lc) 9%,rgba(255,255,255,.03));border:1px solid color-mix(in oklab,var(--lc) 22%,transparent)}
.fz-tier{--lc:oklch(.8 .12 160)}.fz-tier.l4{--lc:oklch(.8 .12 65)}.fz-tier.l3{--lc:oklch(.8 .12 25)}
.fz-tier:hover,.fz-tier:focus-visible{background:color-mix(in oklab,var(--lc) 14%,rgba(255,255,255,.03));border-color:color-mix(in oklab,var(--lc) 40%,transparent)}
.fz-tier-m{gap:2px}
.fz-lv,.fz-tier h4,.fz-t b,.fz-t small{margin:0;font-size:16px;line-height:1.35;letter-spacing:0;text-transform:none}
.fz-lv{font-weight:600;color:var(--lc)}
.fz-tier h4{font-weight:400;color:rgba(255,255,255,.65)}
.fz-t{flex-direction:row;justify-content:flex-end;align-items:baseline;gap:6px;white-space:nowrap}
.fz-t b{font-weight:600;color:#fff}
.fz-t small{font-weight:400;color:rgba(255,255,255,.65)}
.fz-tier,.fz-tier.l4,.fz-tier.l3{grid-template-columns:minmax(0,1fr) max-content}
@media (max-width:1100px){.fz-tier,.fz-tier.l4,.fz-tier.l3{grid-template-columns:1fr;gap:6px}.fz-t{justify-content:flex-start}}
.fz-lv,.fz-t b{font-size:18px;font-weight:600;line-height:1.3}
.fz-tier h4,.fz-t small{font-size:14px;font-weight:400;line-height:1.4;color:rgba(255,255,255,.62)}
.fz-tier-m{gap:4px}
.fz-t{flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}
@media (max-width:1100px){.fz-t{flex-direction:row;align-items:baseline;justify-content:flex-start;gap:6px}}
.fz-panel[data-i="0"]{background:radial-gradient(110% 130% at 0% 0%,rgba(255,138,76,.30) 0%,rgba(255,138,76,.10) 40%,rgba(255,138,76,0) 75%),linear-gradient(160deg,rgb(36,25,21) 0%,rgb(21,20,20) 75%);border-color:rgba(255,138,76,.22)}
.fz-panel[data-i="1"]{background:radial-gradient(110% 130% at 100% 0%,rgba(255,178,102,.26) 0%,rgba(255,178,102,.09) 40%,rgba(255,178,102,0) 75%),linear-gradient(200deg,rgb(36,29,22) 0%,rgb(21,20,20) 75%);border-color:rgba(255,178,102,.2)}
.fz-panel[data-i="2"]{background:radial-gradient(130% 110% at 50% 100%,rgba(255,92,72,.28) 0%,rgba(255,92,72,.09) 42%,rgba(255,92,72,0) 78%),linear-gradient(0deg,rgb(36,22,21) 0%,rgb(21,20,20) 75%);border-color:rgba(255,92,72,.22)}
.fz-panel[data-i="3"]{background:radial-gradient(110% 140% at 0% 60%,rgba(255,110,130,.24) 0%,rgba(255,110,130,.08) 42%,rgba(255,110,130,0) 78%),linear-gradient(110deg,rgb(35,22,25) 0%,rgb(21,20,20) 75%);border-color:rgba(255,110,130,.2)}
.fz-panel[data-i="4"]{background:radial-gradient(110% 130% at 100% 100%,rgba(255,77,61,.28) 0%,rgba(255,122,51,.10) 42%,rgba(255,122,51,0) 78%),radial-gradient(80% 90% at 0% 0%,rgba(255,170,110,.12) 0%,rgba(255,170,110,0) 70%),linear-gradient(340deg,rgb(36,23,21) 0%,rgb(21,20,20) 75%);border-color:rgba(255,100,60,.22)}
.fz-panel,.fz-panel[data-i]{border-color:transparent!important;border-width:0}.fz-step{display:none}
.fz-num{margin-right:8px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.4);transition:color .2s}.fz-node.is-on .fz-num{color:var(--acc)}
.fz-num{font-size:inherit;font-weight:inherit;letter-spacing:inherit}
.fz-tier,.fz-tier.l4,.fz-tier.l3{background:rgba(255,255,255,.04);border:1px solid color-mix(in oklab,var(--lc) 55%,transparent)}
.fz-tier:hover,.fz-tier:focus-visible{background:rgba(255,255,255,.07);border-color:var(--lc)}
.fz-tier,.fz-tier.l4,.fz-tier.l3,.fz-tier:hover,.fz-tier:focus-visible{border-color:transparent}
.fz-tier,.fz-tier.l4,.fz-tier.l3{border-color:rgba(255,255,255,.14)}.fz-tier:hover,.fz-tier:focus-visible{border-color:rgba(255,255,255,.24)}
.wn::before{display:none}
.wn{grid-template-columns:auto minmax(0,1fr) auto auto auto minmax(0,1fr) auto}
.wn-cap.wn-cap-l,.wn-cap.wn-cap-r{position:relative;z-index:1;left:auto;align-self:center;margin:0;max-width:none}
.wn-cap-r{text-align:right}
.wn-col{justify-content:center}.wn-col>:last-child{margin-bottom:0}
.wn-card{width:340px;aspect-ratio:1;border-radius:50%;padding:13% 12%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:#ff5a2e;box-shadow:0 28px 64px -12px rgba(255,122,51,.35)}
.wn-card::before{content:"";position:absolute;inset:-35%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 30% 26%,#ffd0a3 0%,rgba(255,208,163,0) 22%),radial-gradient(circle at 62% 38%,#ff9a52 0%,rgba(255,154,82,0) 30%),radial-gradient(circle at 74% 70%,#d80f2a 0%,rgba(216,15,42,0) 32%),radial-gradient(circle at 36% 72%,#ff3b30 0%,rgba(255,59,48,0) 28%),radial-gradient(circle at 80% 30%,#ff4d6a 0%,rgba(255,77,106,0) 24%),radial-gradient(circle at 22% 50%,#ff8a3d 0%,rgba(255,138,61,0) 26%),conic-gradient(from 30deg at 50% 50%,#ff7a33,#e8202e,#ff5a2e,#ffa064,#ff7a33);filter:blur(14px) saturate(1.08);animation:rnSwirl 14s linear infinite reverse}
.wn-card::after{content:"";position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:wnGrain 1s steps(6) infinite}
@keyframes wnGrain{0%{transform:translate(0,0)}17%{transform:translate(-6%,4%)}33%{transform:translate(5%,-7%)}50%{transform:translate(-3%,8%)}67%{transform:translate(7%,2%)}83%{transform:translate(-8%,-4%)}100%{transform:translate(0,0)}}
.wn-card>*{position:relative}
.wn-card h4{color:#fff}
.wn-card p{color:rgba(255,255,255,.9)}
.wn-card li{background:rgba(255,255,255,.2);color:#fff}
@media (min-width:1101px) and (max-width:1320px){.wn-card{width:300px}}
@media (prefers-reduced-motion:reduce){.wn-card::before,.wn-card::after{animation:none}}
@media (max-width:1100px){.wn{grid-template-columns:1fr}.wn-cap-l{order:1}.wn-src{order:2}.wn-p1{order:3}.wn-core{order:4}.wn-p2{order:5}.wn-cap-r{order:6;text-align:center}.wn-out{order:7}.wn-card{width:min(340px,100%)}}
@media (min-width:1101px){.wn{grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);padding-left:170px;padding-right:170px}.wn-cap.wn-cap-l,.wn-cap.wn-cap-r{position:absolute;top:50%;transform:translateY(-50%)}.wn-cap.wn-cap-l{left:0}.wn-cap.wn-cap-r{right:0;left:auto}}
@media (min-width:1101px) and (max-width:1320px){.wn{padding-left:150px;padding-right:150px;column-gap:20px}}
.fz-panel[data-i="0"]{background:radial-gradient(110% 130% at 0% 0%,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 65%),#161616}
.fz-panel[data-i="1"]{background:radial-gradient(110% 130% at 100% 0%,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 65%),#161616}
.fz-panel[data-i="2"]{background:radial-gradient(130% 110% at 50% 100%,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 65%),#161616}
.fz-panel[data-i="3"]{background:radial-gradient(110% 140% at 0% 60%,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 65%),#161616}
.fz-panel[data-i="4"]{background:radial-gradient(110% 130% at 100% 100%,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 65%),#161616}
.ag-ev-col.is-gain,.ag-ev-col.is-fail{border:1px solid var(--line-2)}
.ag-ev-badge{border:0}
.ev-chart svg{filter:drop-shadow(0 4px 8px var(--ev-sh,rgba(0,0,0,.12)))}.ev-chart svg g{filter:none}
.ev-chart .ev-line{stroke-width:9}
.ag-ev-col.is-gain .ag-ev-num{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#evg1 stop:nth-child(1){stop-color:#ffb27a}#evg1 stop:nth-child(2){stop-color:#ff7a33}#evg1 stop:nth-child(3){stop-color:#ff4d3d}
.ag-ev-col.is-gain{--ev-sh:rgba(255,122,51,.3)}


@media (max-width:900px){.ag-bn.ag-bn-intro.is-mob{padding-top:0}.ag-bn.ag-bn-intro.is-mob .ag-bn-intro-sticky{position:relative}.ag-bn.ag-bn-intro.is-mob .ag-bn-wave{display:block;top:0;opacity:.45;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.ag-bn.ag-bn-intro.is-mob .ag-bn-intro-title{position:relative;left:auto!important;top:auto!important;width:auto!important;max-width:none!important;padding-top:clamp(140px,34svh,240px)!important;padding-bottom:clamp(140px,34svh,240px)!important;margin-bottom:0!important;opacity:0;transform:scale(.82);transform-origin:50% 50%;transition:opacity .9s ease,transform 1.6s cubic-bezier(.2,.8,.2,1)}.ag-bn.ag-bn-intro.is-mob.mob-in .ag-bn-intro-title{opacity:1;transform:none}.ag-bn.ag-bn-intro.is-mob .ag-bn-stage{padding-top:clamp(128px,32vw,176px)!important;opacity:0!important;transform:translateY(48px)!important;transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.ag-bn.ag-bn-intro.is-mob .ag-bn-stage.show{opacity:1!important;transform:none!important}}

@media (max-width:1100px){.rn .rn-src .rn-cap{flex:0 0 100%!important;width:100%!important;max-width:none!important;text-align:center;align-self:center;margin:0 0 6px}.rn .rn-out{padding-left:24px;box-sizing:border-box}.rn .rn-out .rn-lane{width:100%!important;max-width:none!important}.rn .rn-pill{box-shadow:0 0 0 6px #fff}}
@media (max-width:760px){.ag-rv .rn{padding-top:56px!important}}

.ag-who--stack .ag-who-start{border-radius:14px!important;padding:18px 22px;background:#fff;border:0;box-shadow:0 1px 2px rgba(17,17,17,.04),0 10px 28px rgba(17,17,17,.08);color:var(--ink-2);font-size:15px}
.ag-who--stack .ag-who-start b{color:rgb(229,83,46);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
@media (max-width:900px){.ag-who--stack .ag-who-start{border-radius:20px!important}}

.ag-brands .ag-logo img{filter:brightness(0) saturate(100%) invert(9%);opacity:.72}
@media (min-width:521px) and (max-width:900px){.ag-iv .ag-iv-top{margin-bottom:88px!important}.ag-iv .ag-iv-bot{margin-top:88px!important}}


html body main.di section#pipeline{background:#fff!important;color:var(--ink,#111)}
.ag-pipe .ag-pipe-h,.ag-pipe .ag-ps-h,.ag-pipe .ag-ps-tab.on .ag-ps-t,.ag-pipe .ag-ps-left .ag-card h4,.ag-pipe .ag-ps-left .ag-dloop b{color:var(--ink,#111)}
.ag-pipe .ag-pipe-lead,.ag-pipe .ag-ps-s,.ag-pipe .ag-ps-left .ag-card .tip,.ag-pipe .ag-ps-left .ag-card li,.ag-pipe .ag-ps-left .ag-dloop{color:var(--ink-2,#555)}
.ag-pipe .ag-ps-t{color:var(--muted,#777)}
.ag-pipe .ag-ps-n{color:rgba(17,17,17,.4)}.ag-pipe .ag-ps-tab.on .ag-ps-n{color:rgb(229,83,46)}
.ag-pipe .ag-ps-tab{background:rgba(17,17,17,.03)}.ag-pipe .ag-ps-tab:hover{background:rgba(17,17,17,.06)}.ag-pipe .ag-ps-tab.on{background:rgba(17,17,17,.07)}
.ag-pipe .ag-ps-bar{background:rgba(17,17,17,.1)}
.ag-pipe .ag-ps-left .ag-card{border-top-color:rgba(17,17,17,.1)}
.ag-pipe .ag-ps-left .ag-card li::before{background:rgba(17,17,17,.35)}
.ag-pipe .ag-ps-btn{border-color:rgba(17,17,17,.18);color:var(--ink,#111)}.ag-pipe .ag-ps-btn:hover{background:rgba(17,17,17,.05);border-color:rgba(17,17,17,.32)}
.ag-pipe .ag-ps-left .ag-gate:not(.is-auto){background:rgba(17,17,17,.05);color:var(--ink-2,#444);border-color:rgba(17,17,17,.14)}
.ag-pipe .ag-ps-left .ag-gate.is-auto{background:rgba(255,122,51,.1);color:rgb(196,64,30);border-color:rgba(255,122,51,.4)}
.ag-pipe .ag-pipe-note::before,.ag-pipe .ag-pipe-note::after{background:rgba(17,17,17,.16)}
.ag-pipe .ag-ps-loopline .ag-dloop{color:var(--ink-2,#555)}.ag-pipe .ag-ps-loopline .ag-dloop b{color:var(--ink,#111)}.ag-pipe .ag-ps-loopline{border-color:rgba(17,17,17,.1)}

html body main.di .ag-pipe .ag-ps-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
html body main.di .ag-pipe .ag-ps-tab{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0;padding:0 0 4px;border-radius:0;background:none;min-width:0;text-align:left}
html body main.di .ag-pipe .ag-ps-bar{order:-1;flex:0 0 100%;height:3px;margin:0 0 14px;border-radius:3px;background:rgba(17,17,17,.1);overflow:hidden}
html body main.di .ag-pipe .ag-ps-bar i{border-radius:inherit}
html body main.di .ag-pipe .ag-ps-n,html body main.di .ag-pipe .ag-ps-t{font-size:clamp(14px,1.2vw,17px);font-weight:600;line-height:1.25;letter-spacing:0;color:rgba(17,17,17,.45);transition:color .2s}
html body main.di .ag-pipe .ag-ps-n{margin-right:8px}
html body main.di .ag-pipe .ag-ps-tab:hover .ag-ps-t,html body main.di .ag-pipe .ag-ps-tab.on .ag-ps-t{color:var(--ink,#111)}
html body main.di .ag-pipe .ag-ps-tab.on .ag-ps-n{color:rgb(255,122,51)}
@media (max-width:640px){html body main.di .ag-pipe .ag-ps-tabs{gap:6px}html body main.di .ag-pipe .ag-ps-n,html body main.di .ag-pipe .ag-ps-t{font-size:12px}}
html body main.di .ag-pipe .ag-ps-h{font-weight:600}
html body main.di .ag-pipe .ag-ps-s{font-size:18px;font-weight:500;line-height:1.45;color:var(--ink-2,#444)}
html body main.di .ag-pipe .ag-ps-left .ag-card h4{font-size:18px;font-weight:600}
html body main.di .ag-pipe .ag-ps-left .ag-card .tip,html body main.di .ag-pipe .ag-ps-left .ag-card li{font-size:14px;font-weight:400;line-height:1.5;color:var(--muted)}
html body main.di .ag-pipe .ag-ps-left .ag-card li::before{top:9px}

html body main.di .ag-pipe .ag-ps-left .ag-card p{color:var(--muted)}

.ag-iv-row.ag-iv-mosaic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:none;grid-template-rows:none;align-items:stretch;gap:clamp(14px,1.6vw,20px)}
.ag-iv-mosaic>.ag-iv-mc{grid-area:auto!important;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px);min-width:0;position:relative;z-index:2}
.ag-iv-mosaic .ag-iv-t{margin:0!important;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2vw,28px);border-radius:24px;position:relative;overflow:hidden}
.ag-iv-mosaic .ag-iv-t h4{font-size:clamp(17px,1.5vw,21px);line-height:1.25;font-weight:500;text-wrap:pretty}
.ag-iv-mosaic .ag-iv-t .apps{justify-content:flex-start}
.ag-iv-mosaic .is-grad{aspect-ratio:1/1;background:var(--grad);border:0;box-shadow:0 18px 50px rgba(229,20,42,.18)}
.ag-iv-mosaic .is-grad h4,.ag-iv-mosaic .is-photo h4{color:#fff}
.ag-iv-mosaic .is-grad .apps span,.ag-iv-mosaic .is-photo .apps span{background:rgba(255,255,255,.18);color:#fff}
.ag-iv-mosaic .is-small{flex:1;justify-content:flex-end}
.ag-iv-mosaic .is-photo{aspect-ratio:1/1;border:0;background:#111;overflow:hidden}
.ag-iv-mosaic .is-big .is-photo{flex:1;aspect-ratio:auto}
.ag-iv-mosaic .is-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 15%,rgba(0,0,0,.78));z-index:0}.ag-iv-mosaic .is-photo h4{text-shadow:0 1px 12px rgba(0,0,0,.45)}
.ag-iv-mosaic .is-photo>*{position:relative;z-index:1}
.ag-iv-mosaic .is-photo>.ag-iv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ag-iv-mosaic .ag-iv-cap{flex:1;display:flex;align-items:flex-end;margin:0;padding:0 55% 4px 4px;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2)}
@media (max-width:900px){.ag-iv-row.ag-iv-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-iv-mosaic>.ag-iv-mc{display:contents}.ag-iv-mosaic .is-big .is-photo{aspect-ratio:1/1}.ag-iv-mosaic .is-small{aspect-ratio:1/1}.ag-iv-mosaic .ag-iv-cap{grid-column:1/-1;order:9;justify-content:center}}
@media (max-width:520px){.ag-iv-row.ag-iv-mosaic{grid-template-columns:1fr}.ag-iv-mosaic .is-small{aspect-ratio:auto}}
.ag-iv-mosaic .is-end{justify-content:flex-end}.ag-iv-mosaic .ag-iv-desc{margin:6px 0 0;font-size:14px;line-height:1.4;color:rgba(255,255,255,.85)}
.ag-iv-mosaic .is-photo>.ag-iv-img{filter:brightness(calc(1 - var(--ag-photo-dim,0)))}.ag-no-scrim .ag-iv-mosaic .is-photo::after{display:none}
.ag-iv-mosaic .ag-iv-t h4{font-weight:600}
.ag-iv-mosaic .is-photo.is-top{justify-content:flex-start}.ag-iv-mosaic .is-photo.is-top>.apps{margin-top:auto}.ag-iv-mosaic .is-photo.is-top::after{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0) 35%,rgba(0,0,0,0) 60%,rgba(0,0,0,.6))}
.ag-iv-mosaic .is-grad{aspect-ratio:auto;background:#fff;border:1px solid var(--line-2);box-shadow:0 10px 30px rgba(17,17,17,.06);justify-content:flex-start;padding:12px 12px 22px}
.ag-iv-mosaic .is-grad h4{color:var(--ink);margin-top:18px;padding:0 10px}.ag-iv-mosaic .is-grad .apps{padding:0 10px}
.ag-iv-mosaic .is-grad .apps span{background:var(--surface);color:var(--ink-2)}
.ag-iv-noise{aspect-ratio:1/1;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 0% 20%,#8f93c4 0%,rgba(143,147,196,0) 55%),radial-gradient(100% 80% at 100% 10%,#b07fa6 0%,rgba(176,127,166,0) 60%),radial-gradient(90% 70% at 40% 100%,#f2a03a 0%,rgba(242,160,58,0) 65%),radial-gradient(80% 70% at 0% 95%,#d9584a 0%,rgba(217,88,74,0) 60%),linear-gradient(180deg,#9a86b0 0%,#a87a8e 50%,#e2703a 100%)}
.ag-iv-noise::after{content:"";position:absolute;inset:0;opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}
.ag-iv-noise{display:flex;align-items:flex-end;padding:20px}
.ag-iv-noise::after{opacity:1;background-size:160px;z-index:0}
.ag-iv-noise::before{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;z-index:0}
.ag-iv-mosaic .is-grad .ag-iv-noise h4{position:relative;z-index:1;margin:0;padding:0;color:#fff;text-align:left}
.ag-iv-mosaic .is-grad .apps{margin-top:16px}
.ag-iv-mosaic .is-grad{padding:18px;aspect-ratio:1/1}.ag-iv-mosaic .is-photo{padding:18px}.ag-iv-mosaic .is-grad>.apps{padding:0;margin-top:auto;padding-top:18px;justify-content:flex-start}
.ag-iv-noise{aspect-ratio:4/3;background:radial-gradient(120% 90% at 0% 20%,#5a5d92 0%,rgba(90,93,146,0) 55%),radial-gradient(100% 80% at 100% 10%,#7a4a72 0%,rgba(122,74,114,0) 60%),radial-gradient(90% 70% at 40% 100%,#c9701a 0%,rgba(201,112,26,0) 65%),radial-gradient(80% 70% at 0% 95%,#a8342c 0%,rgba(168,52,44,0) 60%),linear-gradient(180deg,#5f4f78 0%,#73475e 50%,#b4471c 100%)}

.bg4 .bg4-ic,.bg4 .bg4-out .bg4-ic,.bg4 .bg4-key:nth-of-type(n) .bg4-ic{width:auto;height:auto;border-radius:0;font-size:28px;line-height:1;display:block;align-self:flex-start;background:none!important;box-shadow:none!important;-webkit-text-fill-color:currentColor;color:#E5532E;transform:none!important;filter:none;margin:0 0 14px}.bg4 .bg4-ic::before{background:none}.bg4 .bg4-ic::after{content:none}.bg4 .bg4-out .bg4-ic{color:#fff}

/* bento v2 */
.bg3-panel.bg4{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title out" "move stack out" "ver stack del" "steps steps steps";gap:12px}
.bg4>*{border-radius:28px}
.bg4 .bg4-title{grid-area:title}.bg4 .bg4-out{grid-area:out}.bg4 .bg4-move{grid-area:move}.bg4 .bg4-stack{grid-area:stack}.bg4 .bg4-ver{grid-area:ver}.bg4 .bg4-del{grid-area:del}.bg4 .bg4-steps{grid-area:steps}
.bg4 .bg4-key{background:var(--surface,#fff)!important;padding:24px;min-height:150px}
.bg4 .bg4-key span{color:var(--faint)!important}
.bg4 .bg4-out{position:relative;overflow:hidden;isolation:isolate;min-height:420px;padding:32px;align-items:center;justify-content:center;text-align:center;gap:14px;background:radial-gradient(120% 90% at 0% 15%,#8f93c4 0%,rgba(143,147,196,0) 55%),radial-gradient(100% 80% at 100% 5%,#b07fa6 0%,rgba(176,127,166,0) 60%),radial-gradient(90% 70% at 40% 100%,#f2a03a 0%,rgba(242,160,58,0) 65%),radial-gradient(80% 70% at 0% 95%,#d9584a 0%,rgba(217,88,74,0) 60%),linear-gradient(180deg,#9a86b0 0%,#a87a8e 50%,#e2703a 100%)}
.bg4 .bg4-out::after{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;opacity:.5;mix-blend-mode:overlay;pointer-events:none;z-index:0}
.bg4 .bg4-out>*{position:relative;z-index:1}
.bg4 .bg4-out .bg4-ic{align-self:center;font-size:44px;margin:0 0 6px;color:#fff}
.bg4 .bg4-out span{color:#fff}
.bg4 .bg4-out p{margin:0;max-width:22ch;font-size:clamp(22px,2vw,28px);line-height:1.25;color:#fff;text-wrap:balance}
.bg4 .bg4-stack{padding:0;display:grid;grid-template-rows:1fr 1fr;gap:0;overflow:hidden}
.bg4 .bg4-sub{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px}
.bg4 .bg4-sub+.bg4-sub{border-top:1px solid var(--line-2,#EEEEF9)}
.bg4 .bg4-sub:first-child{justify-content:flex-start}
.bg4 .bg4-sub span{font-size:13px;color:var(--faint)}.bg4 .bg4-sub p{margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.3;color:var(--ink);text-wrap:pretty}
.bg4 .bg4-sub .bg4-ic{margin:0 0 10px}
.bg4 .bg4-del{position:relative;overflow:hidden;isolation:isolate;justify-content:flex-end;background:radial-gradient(55% 75% at 50% 40%,#D92B82 0%,rgba(217,43,130,0) 70%),radial-gradient(60% 90% at 0% 50%,#3A3FA8 0%,rgba(58,63,168,0) 75%),radial-gradient(60% 90% at 100% 40%,#8A38F5 0%,rgba(138,56,245,0) 75%),#5A3A9E!important}
.bg4 .bg4-del::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M0 64C16 64 16 32 32 32S48 0 64 0' fill='none' stroke='white' stroke-opacity='.5' stroke-width='1'/%3E%3C/svg%3E");background-size:64px;opacity:.55;z-index:0;pointer-events:none}
.bg4 .bg4-del::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;opacity:.45;mix-blend-mode:overlay;z-index:0;pointer-events:none}
.bg4 .bg4-del>*{position:relative;z-index:1}
.bg4 .bg4-del span,.bg4 .bg4-del p,.bg4 .bg4-del .bg4-ic{color:#fff!important}
@media (max-width:1000px){.bg3-panel.bg4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"title title" "out out" "move stack" "ver stack" "del del" "steps steps"}.bg4 .bg4-out{min-height:300px}}
@media (max-width:600px){.bg3-panel.bg4{grid-template-columns:1fr;grid-template-areas:"title" "out" "move" "stack" "ver" "del" "steps"}}
.bg4 .bg4-stack{background:none!important;padding:0;min-height:0;overflow:visible;border-radius:0;grid-template-rows:1fr 1fr;row-gap:12px}
@supports (grid-template-rows:subgrid){.bg4 .bg4-stack{grid-template-rows:subgrid}}
.bg4 .bg4-stack:hover{transform:none}
.bg4 .bg4-sub{background:var(--surface,#fff);border-radius:28px;justify-content:flex-start!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.bg4 .bg4-sub:hover{transform:translateY(-3px)}
.bg4 .bg4-sub+.bg4-sub{border-top:0}
.bg4 .bg4-sub p{font-size:16px}
.bg4 .bg4-del{background:var(--surface,#fff)!important}.bg4 .bg4-del::before,.bg4 .bg4-del::after{content:none}.bg4 .bg4-del span{color:var(--faint)!important}.bg4 .bg4-del p{color:var(--ink)!important}.bg4 .bg4-del .bg4-ic{color:#E5532E!important}.bg4 .bg4-del{justify-content:flex-start}
.bg4 .bg4-out{background:#F9F9F9!important}.bg4 .bg4-out::after{content:none}.bg4 .bg4-out span{color:var(--faint)}.bg4 .bg4-out p,.bg4 .bg4-out b{color:var(--ink)}.bg4 .bg4-out .bg4-ic{color:#E5532E}

.bg4-orb{position:relative;z-index:1;flex:0 0 auto;width:clamp(150px,14vw,200px);aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;margin:0 0 10px;background:#3a1610;animation:orbSpin 18s linear infinite}
.bg4-orb i{position:absolute;border-radius:50%;filter:blur(18px);mix-blend-mode:normal}
.bg4-orb i:nth-child(1){width:90%;height:120%;left:-35%;top:-10%;background:radial-gradient(closest-side,#E8E4FF 0%,#A9A6FF 45%,rgba(169,166,255,0) 100%);animation:orbA 9s ease-in-out infinite alternate}
.bg4-orb i:nth-child(2){width:80%;height:130%;left:5%;top:-15%;background:radial-gradient(closest-side,#F27A5E 0%,#D9502E 50%,rgba(217,80,46,0) 100%);animation:orbB 11s ease-in-out infinite alternate}
.bg4-orb i:nth-child(3){width:85%;height:110%;right:-40%;top:-20%;background:radial-gradient(closest-side,#0a0606 0%,#2a0f0b 55%,rgba(42,15,11,0) 100%);animation:orbC 13s ease-in-out infinite alternate}
.bg4-orb i:nth-child(4){width:45%;height:40%;left:25%;bottom:-12%;background:radial-gradient(closest-side,#B4A8FF 0%,rgba(180,168,255,0) 100%);animation:orbD 7s ease-in-out infinite alternate}
.bg4-orb::after{content:"";position:absolute;inset:0;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px;opacity:.55;mix-blend-mode:overlay;pointer-events:none}
@keyframes orbSpin{to{transform:rotate(360deg)}}
@keyframes orbA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(18%,10%) scale(1.15)}}
@keyframes orbB{0%{transform:translate(0,0) rotate(0) scale(1)}100%{transform:translate(-14%,8%) rotate(25deg) scale(.9)}}
@keyframes orbC{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-20%,15%) scale(1.2)}}
@keyframes orbD{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30%,-25%) scale(1.4)}}
@media (prefers-reduced-motion:reduce){.bg4-orb,.bg4-orb i{animation:none}}
.bg4 .bg4-out p{font-size:clamp(18px,1.6vw,22px);max-width:26ch;text-wrap:pretty}
.bg4 .bg4-ic.bg4-svg{width:28px;height:28px;color:#111!important;flex:0 0 auto}
.bg4 .bg4-sub,.bg4 .bg4-key:not(.bg4-stack){justify-content:flex-start!important}
.bg4 .bg4-sub>span,.bg4 .bg4-key:not(.bg4-stack)>span{margin-top:auto}.bg4 .bg4-sub>p,.bg4 .bg4-key:not(.bg4-stack)>p{font-weight:700}

.bg4 .bg4-steps{padding:28px 0 30px}
.bg4 .bg4-steps>span{font-weight:500;color:var(--faint)}
.bg4 .bg4-steps ol{position:relative}
.bg4 .bg4-steps ol::before{content:"";position:absolute;top:17px;left:38px;right:calc(20% - 38px);height:2px;border-radius:2px;background:linear-gradient(90deg,#E5532E 0%,rgba(229,83,46,.55) 55%,rgba(229,83,46,.15) 100%)}
.bg4 .bg4-steps li:not(:last-child)::after{content:none}
.bg4 .bg4-steps li b{width:36px;height:36px;background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px rgba(229,83,46,.45),0 0 0 6px #F9F9F9;font-weight:600}
.bg4 .bg4-steps li:first-child b{box-shadow:inset 0 0 0 1.5px #E5532E,0 0 0 6px #F9F9F9;color:#E5532E!important}
.bg4 .bg4-steps li:last-child b{background:var(--grad)!important;color:#fff!important;box-shadow:0 0 0 6px #F9F9F9,0 6px 18px rgba(229,83,46,.35)}
.bg4 .bg4-steps li em{font-weight:600}
@media (max-width:600px){.bg4 .bg4-steps ol::before{top:18px;bottom:18px;left:38px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#E5532E 0%,rgba(229,83,46,.15) 100%)}}
.bg4-orb{background:#5A140E}
.bg4-orb i:nth-child(1){background:radial-gradient(closest-side,#FFF1E8 0%,#FFC2A3 45%,rgba(255,194,163,0) 100%)}
.bg4-orb i:nth-child(2){background:radial-gradient(closest-side,#FF7A33 0%,#FF4D3D 50%,rgba(255,77,61,0) 100%)}
.bg4-orb i:nth-child(3){background:radial-gradient(closest-side,#2A0806 0%,#6E1A12 55%,rgba(110,26,18,0) 100%)}
.bg4-orb i:nth-child(4){background:radial-gradient(closest-side,#FFB38A 0%,rgba(255,179,138,0) 100%)}

.bg4 .bg4-steps ol::before{content:none}
.bg4 .bg4-steps ol{gap:0 16px;padding:0 20px}
.bg4 .bg4-steps li{flex-direction:row;align-items:baseline;gap:10px;padding:18px 0 0;position:relative}
.bg4 .bg4-steps li::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:4px;background:var(--grad)}
.bg4 .bg4-steps li:last-child::before{background:linear-gradient(90deg,#FF7A33 0%,#FF4D3D 70%,#EAEAEA 70%,#EAEAEA 100%)}
.bg4 .bg4-steps li b,.bg4 .bg4-steps li:first-child b,.bg4 .bg4-steps li:last-child b{width:auto;height:auto;display:inline;background:none!important;box-shadow:none!important;color:var(--faint)!important;font-size:17px;font-weight:500}
.bg4 .bg4-steps li:last-child b{color:#FF5A2B!important}
.bg4 .bg4-steps li em{font-size:17px;font-weight:500;color:var(--faint)}
.bg4 .bg4-steps li:last-child em{color:var(--ink)}
@media (max-width:600px){.bg4 .bg4-steps ol::before{content:none}.bg4 .bg4-steps ol{gap:14px}}
.bg4 .bg4-steps>span{padding:0 20px!important}
.bg4 .bg4-steps li:last-child::before{background:var(--grad)}
.bg4 .bg4-steps li b,.bg4 .bg4-steps li:first-child b,.bg4 .bg4-steps li:last-child b,.bg4 .bg4-steps li em,.bg4 .bg4-steps li:last-child em{font-size:17px;font-weight:500;color:var(--ink)!important}
.bg3-tab.is-on{background:#111!important;color:#fff!important;box-shadow:none}.bg3-tab.is-on b{color:#fff!important}.bg3-tab.is-on span{color:rgba(255,255,255,.65)!important}
#bg3-green .bg4-orb{background:#140F3A;animation:orbSpin 24s linear infinite reverse}
#bg3-green .bg4-orb i:nth-child(1){background:radial-gradient(closest-side,#EEF0FF 0%,#A9B8FF 45%,rgba(169,184,255,0) 100%);animation:orbB 10s ease-in-out infinite alternate}
#bg3-green .bg4-orb i:nth-child(2){background:radial-gradient(closest-side,#8A6BFF 0%,#5B3FE0 50%,rgba(91,63,224,0) 100%);animation:orbA 12s ease-in-out infinite alternate-reverse}
#bg3-green .bg4-orb i:nth-child(3){background:radial-gradient(closest-side,#05061A 0%,#1B1650 55%,rgba(27,22,80,0) 100%);animation:orbD 14s ease-in-out infinite alternate}
#bg3-green .bg4-orb i:nth-child(4){background:radial-gradient(closest-side,#6FD3FF 0%,rgba(111,211,255,0) 100%);animation:orbC 8s ease-in-out infinite alternate}
#bg3-green .bg4-orb{background:#0E2A12}
#bg3-green .bg4-orb i:nth-child(1){background:radial-gradient(closest-side,#F1FBE6 0%,#C4E8A0 45%,rgba(196,232,160,0) 100%)}
#bg3-green .bg4-orb i:nth-child(2){background:radial-gradient(closest-side,#8CCB5E 0%,#4E8F2E 50%,rgba(78,143,46,0) 100%)}
#bg3-green .bg4-orb i:nth-child(3){background:radial-gradient(closest-side,#041206 0%,#163A1A 55%,rgba(22,58,26,0) 100%)}
#bg3-green .bg4-orb i:nth-child(4){background:radial-gradient(closest-side,#D8F06A 0%,rgba(216,240,106,0) 100%)}

.ag-phase[data-track="green"]{--g-grad:linear-gradient(90deg,#7BC24F 0%,#2E8B57 100%)}
.ag-phase[data-track="green"] .ag-ph-num{background:linear-gradient(90deg,#7BC24F 0%,#2E8B57 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ag-phase[data-track="green"] .ag-ph-body li i,.ag-phase[data-track="green"] .ag-ph-when{color:#2E8B57}
.ag-phase[data-track="green"]:nth-child(4n+1)::before{background:radial-gradient(60% 70% at 0% 0%,rgba(123,194,79,.24),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(46,139,87,.1),transparent 70%)}
.ag-phase[data-track="green"]:nth-child(4n+2)::before{background:radial-gradient(55% 80% at 100% 0%,rgba(123,194,79,.22),transparent 70%),radial-gradient(45% 60% at 0% 100%,rgba(216,240,106,.2),transparent 70%)}
.ag-phase[data-track="green"]:nth-child(4n+3)::before{background:radial-gradient(70% 60% at 50% 110%,rgba(46,139,87,.2),transparent 70%),radial-gradient(40% 50% at 0% 0%,rgba(123,194,79,.14),transparent 70%)}
.ag-phase[data-track="green"]:nth-child(4n)::before{background:radial-gradient(60% 75% at 100% 100%,rgba(123,194,79,.26),transparent 70%),radial-gradient(50% 55% at 20% 0%,rgba(46,139,87,.12),transparent 70%),linear-gradient(135deg,transparent 55%,rgba(216,240,106,.14))}
.ag-road-grid[data-track="green"]~.ag-road-bar i,.ag-road-grid[data-track="green"]::after{background:linear-gradient(90deg,#7BC24F 0%,#2E8B57 100%)}

.ag-bls .ag-bl-ic,.ag-bls .ag-bl.on>.ag-bl-ic{width:28px;height:28px;border-radius:0;background:none!important;color:#111}.ag-bls .ag-bl-ic svg{width:28px;height:28px}.ag-bls .ag-bl.on>.ag-bl-ic{color:#fff}

.ag-iv-row.ag-iv-mosaic{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.ag-iv-mosaic>.ag-iv-mc{display:contents}.ag-iv-mosaic .ag-iv-t,.ag-iv-mosaic .is-photo,.ag-iv-mosaic .is-big .is-photo,.ag-iv-mosaic .is-small{aspect-ratio:auto;flex:none;align-self:stretch;min-height:0;position:relative;z-index:2}
@media (max-width:900px){.ag-iv-row.ag-iv-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.ag-iv-row.ag-iv-mosaic{grid-template-columns:1fr}.ag-iv-mosaic .is-photo{aspect-ratio:1/1}}
.ag-iv-cap-bot{margin-top:clamp(90px,10vw,140px)}.ag-iv-cap-bot+.ag-iv-row.ag-iv-bot{margin-top:20px}

.ag-iv-mosaic .is-photo.is-dark-bot::after,.ag-no-scrim .ag-iv-mosaic .is-photo.is-dark-bot::after{display:block;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 25%,rgba(0,0,0,0) 55%)}

.ag-iv-mosaic .is-orbcard{background:#fff;border:1px solid var(--line-2);box-shadow:0 10px 30px rgba(17,17,17,.06);padding:18px;justify-content:flex-start}
.ag-iv-mosaic .is-orbcard h4{color:var(--ink)}
.ag-iv-mosaic .is-orbcard .ag-iv-noise-b{flex:none;height:70%;margin-top:auto;aspect-ratio:auto;min-height:0;padding:18px;display:flex;align-items:flex-end;justify-content:flex-start}
.ag-iv-mosaic .is-orbcard .ag-iv-noise-b .apps{position:relative;z-index:1;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-end;gap:5px}
.ag-iv-mosaic .is-orbcard .ag-iv-noise-b .apps span{background:rgba(255,255,255,.18);color:#fff}
.ag-iv-mosaic .is-orbcard .ag-iv-noise-b{background:linear-gradient(180deg,rgb(255,122,51) 0%,rgb(229,20,42) 100%)}
.ag-iv-mosaic .is-grad>.ag-iv-noise{flex:1;aspect-ratio:auto;min-height:0}
.ag-iv-noise.ag-iv-noise-red{background:linear-gradient(180deg,rgb(255,122,51) 0%,rgb(229,20,42) 100%)}
.ag-iv-mosaic .is-grad>.apps{max-width:240px}