.w-new { font-family: var(--g-font, "Google Sans", "DM Sans", "Open Sans", Inter, system-ui, sans-serif); color: #0a1317; background: #fff; -webkit-font-smoothing: antialiased; }
.w-new a { color: inherit; text-decoration: none; }
.w-new-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 50; color: #fff; transition: background 220ms ease, color 220ms ease; }
.w-new-nav[data-solid="true"] { background: rgba(255,255,255,.88); backdrop-filter: saturate(180%) blur(24px); -webkit-backdrop-filter: saturate(180%) blur(24px); color: #0a1317; }
.w-new-nav-bar { height: 64px; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.w-new-nav-group { display: flex; align-items: center; gap: 6px; }
.w-new-nav-right { gap: 4px; }
.w-new-nav-logo { font-size: 27px; line-height: 1; display: inline-flex; margin-right: 22px; }
.w-new .w-new-nav-link { display: inline-flex; align-items: center; gap: 5px; font-family: inherit; font-size: 14px; font-weight: 500; letter-spacing: -0.01em; line-height: 20px; padding: 6px 13px; border-radius: 100px; border: 0; margin: 0; background: transparent; color: inherit; cursor: pointer; white-space: nowrap; transition: background 160ms ease; }
.w-new-nav-labs { display: block; height: 12px; width: auto; }
.w-new-nav-labs .w-labs-trace { animation-iteration-count: 1; }
a:hover > .w-new-nav-labs .w-labs-trace { animation: wLabsTrace 7s ease-in-out calc(var(--i) * .4s) infinite; }
.w-new .w-new-nav-link:hover { background: rgba(255,255,255,.18); }
.w-new-nav[data-solid="true"] .w-new-nav-link:hover, .w-new-nav[data-solid="true"] .w-new-nav-link[data-on="true"] { background: rgba(10,19,23,.09); }
.w-new .w-new-nav-icon { position: relative; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 100px; border: 0; padding: 0; margin: 0; background: transparent; color: inherit; cursor: pointer; }
.w-new .w-new-nav-icon:hover { background: rgba(127,127,127,.18); }
.w-new .w-new-nav-cta { margin-left: 8px; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 20px; border-radius: 100px; background: #1a73e8; border: 0; color: #fff; cursor: pointer; font-family: inherit; white-space: nowrap; }
.w-new .w-new-nav-cta:hover { background: #1558b8; }
.w-new-gs-pie { display: inline-block; flex: none; margin-left: 8px; vertical-align: -4px; }
.w-new .w-new-burger { display: none; }
.w-new-mega { display: grid; grid-template-columns: 200px minmax(380px, 1.300fr) minmax(0, 1.700fr); gap: 40px; padding: 36px 32px 56px 150px; animation: wNewMega 220ms ease both; }
#w-new-mega-about { grid-template-columns: 220px 220px minmax(0, 1fr); }
@keyframes wNewMega { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.w-new-mega-col { display: flex; flex-direction: column; align-items: flex-start; }
.w-new-mega-heading { font-size: 13px; font-weight: 500; color: #5b6770; margin: 0 0 14px; }
.w-new .w-new-mega-link { display: inline-block; font-family: inherit; font-size: 17px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.3; padding: 7px 0; border: 0; margin: 0; background: none; color: #0a1317; cursor: pointer; text-align: left; transition: opacity 140ms ease; }
.w-new .w-new-mega-link:hover { opacity: .6; }
.w-new .w-new-mega-narrow { display: none; }
.w-new .w-new-mega-link[data-on="true"] { color: #1a73e8; }
.w-new .w-new-mega-all { margin-top: 12px; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.w-new-mega-services { width: 100%; }
.w-new .w-new-mega-services .w-new-mega-link { display: block; break-inside: avoid; font-size: 14px; padding: 5px 0; color: #44505a; }
.w-new .w-new-mega-services .w-new-mega-link:hover { opacity: 1; color: #0a1317; }
.w-new .w-new-mega-services .w-new-mega-link[data-on="true"] { color: #0a1317; }
.w-new-mega-icon { width: 16px; height: 16px; object-fit: contain; vertical-align: -3px; margin-right: 9px; filter: grayscale(1); opacity: .55; transition: filter 160ms ease, opacity 160ms ease; }
.w-new-mega-link:hover .w-new-mega-icon, .w-new-mega-link:focus-visible .w-new-mega-icon, .w-new-mega-link[data-on="true"] .w-new-mega-icon { filter: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) { .w-new-mega-icon { transition: none; } }
.w-new-mega-services[data-many="true"] { columns: 2; column-gap: 32px; }
.w-new-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 8px; padding: 0 6px; border-radius: 100px; background: #1a73e8; color: #fff; font-size: 11px; font-weight: 700; vertical-align: 2px; }
.w-new-mega-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-content: start; }
.w-new-mega-feature-img > img, .w-new-mega-feature-img > video { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
.w-new-mega-feature:hover .w-new-mega-feature-img > img, .w-new-mega-feature:hover .w-new-mega-feature-img > video, .w-new-mega-feature:focus-visible .w-new-mega-feature-img > img { transform: scale(1.04); }
#w-new-mega-services { --mega-n: 3; grid-template-columns: 200px repeat(3, minmax(0, 296px)); column-gap: 24px; row-gap: 0; align-items: start; padding: 32px 32px 40px 150px; }
#w-new-mega-services .w-new-mega-heading { font-size: 12px; line-height: 16px; font-weight: 500; color: #5b6770; margin: 0 0 16px; }
#w-new-mega-services > .w-new-mega-col:first-child .w-new-mega-link { font-size: 17px; line-height: 24px; padding: 4px 0; letter-spacing: -0.01em; }
#w-new-mega-services > .w-new-mega-col:first-child .w-new-mega-link.w-new-mega-all { font-size: 14px; line-height: 20px; margin-top: 16px; }
#w-new-mega-services > .w-new-mega-col-wide { display: grid; grid-column: span var(--mega-n); grid-template-columns: repeat(var(--mega-n), minmax(0, 1fr)); column-gap: 24px; align-content: start; align-items: start; }
#w-new-mega-services .w-new-mega-features { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0 0 28px; }
#w-new-mega-services .w-new-mega-services { grid-column: 1 / -1; columns: var(--mega-n); column-gap: 24px; }
#w-new-mega-services .w-new-mega-services .w-new-mega-link { font-size: 14px; line-height: 20px; padding: 4px 0; }
.w-new-mega-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.w-new-mega-feature { display: flex; flex-direction: column; gap: 10px; color: #0a1317; text-decoration: none; }
.w-new-mega-feature-img { position: relative; display: block; aspect-ratio: 2 / 1; border-radius: 12px; overflow: hidden; background: #f1f4f7; }
.w-new-mega-feature-img::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(10,19,23,.08); pointer-events: none; }
.w-new-mega-feature-text { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; row-gap: 2px; align-items: center; }
.w-new-mega-feature-logo { display: block; width: 18px; height: 18px; }
.w-new-mega-feature-logo img { display: block; width: 18px; height: 18px; object-fit: contain; }
.w-new-mega-feature-text strong { grid-column: 2; font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: -0.005em; }
.w-new-mega-feature-text:not(:has(.w-new-mega-feature-logo)) strong { grid-column: 1 / -1; }
.w-new-mega-feature-desc { grid-column: 1 / -1; font-size: 12px; line-height: 16px; color: #5b6770; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w-new-mega-feature-tag { margin-left: 8px; font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #6b767e; vertical-align: 1px; }
.w-new-mega-feature-case .w-new-mega-feature-text strong { grid-column: 1 / -1; }
.w-new-drawer-sub .w-new-mega-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 6px 0 14px; }
.w-new-mega-tile { display: block; text-align: center; font-size: 14px; line-height: 1.35; color: #0a1317; }
.w-new-mega-tile-img { display: block; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background: #f1f4f7; margin-bottom: 14px; }
.w-new-mega-tile-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
.w-new-mega-tile:hover img { transform: scale(1.04); }
.w-new-mega-tile-eyebrow { display: block; }
.w-new-mega-tile strong { display: block; font-weight: 700; }
.w-new-nav-scrim { position: fixed; inset: 0; z-index: 49; background: rgba(10,19,23,.28); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); animation: wNewFade 200ms ease both; }
.w-new-drawer { height: calc(100vh - 64px); height: calc(100dvh - 64px); overflow-y: auto; padding: 8px 20px 40px; display: flex; flex-direction: column; align-items: flex-start; }
.w-new-drawer .w-new-mega-heading { margin-top: 24px; }
.w-new .w-new-drawer-link { display: block; align-self: stretch; box-sizing: border-box; width: 100%; font-family: inherit; font-size: 24px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; padding: 10px 0; border: 0; margin: 0; background: none; color: #0a1317; cursor: pointer; text-align: left; -webkit-tap-highlight-color: rgba(10,19,23,.06); }
.w-new-drawer-cat { align-self: stretch; }
.w-new-drawer-row { display: flex; align-items: center; }
.w-new-drawer-row .w-new-drawer-link { flex: 1; min-width: 0; }
.w-new .w-new-drawer-more { flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin: 0 -8px 0 0; padding: 0; border: 0; border-radius: 100px; background: none; color: #0a1317; cursor: pointer; -webkit-tap-highlight-color: rgba(10,19,23,.06); }
.w-new-drawer-more svg { transition: transform 200ms ease; }
.w-new-drawer-cat[data-open="true"] .w-new-drawer-more svg { transform: rotate(180deg); }
.w-new-drawer-sub { display: flex; flex-direction: column; align-items: flex-start; padding: 2px 0 14px 4px; animation: wNewFade 180ms ease both; }
.w-new-drawer-sub .w-new-mega-link { display: block; align-self: stretch; width: 100%; box-sizing: border-box; }
.w-new-drawer-sub .w-new-mega-link { min-height: 44px; display: flex; align-items: center; font-size: 17px; padding: 6px 0; color: #44505a; -webkit-tap-highlight-color: rgba(10,19,23,.06); }
.w-new-drawer-sub .w-new-mega-link[data-on="true"] { color: #0a1317; }
.w-new-drawer-sub .w-new-mega-icon { width: 20px; height: 20px; margin-right: 12px; flex: none; filter: none; opacity: 1; }
.w-new-drawer-sub .w-new-mega-link > span { margin-left: 8px; }
@media (prefers-reduced-motion: reduce) { .w-new-drawer-more svg { transition: none; } .w-new-drawer-sub { animation: none; } }
.w-new-drawer-foot { display: flex; flex-direction: column; gap: 10px; width: 100%; margin-top: 32px; }
.w-new-loading { min-height: 100vh; background: #0b0d10; }
.w-new-btn { display: inline-flex; align-items: center; justify-content: center; border: 0; margin: 0; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 500; letter-spacing: -0.01em; line-height: 16px; padding: 14px 26px; border-radius: 100px; transition: background 160ms ease, transform 160ms ease; white-space: nowrap; }
.w-new-btn:active { transform: scale(.98); }
.w-new .w-new-btn-blue { background: #1a73e8; color: #fff; }
.w-new .w-new-btn-blue:hover { background: #1558b8; }
.w-new .w-new-btn-soft { background: rgba(241,244,247,.78); color: #0a1317; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.w-new .w-new-btn-soft:hover { background: #fff; }
.w-new .w-new-btn-well { background: #f1f4f7; color: #0a1317; }
.w-new .w-new-btn-well:hover { background: #e3e8ed; }
.w-new-btn-lg { padding: 18px 32px; font-size: 15px; }
.w-new-btn-icon { display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; margin: -6px 10px -6px -14px; border-radius: 50%; background: #fff; }
.w-new-btn-icon img { width: 18px; height: 18px; object-fit: contain; display: block; }
.w-new-btn-lg .w-new-btn-icon { width: 30px; height: 30px; margin: -7px 12px -7px -18px; }
.w-new-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.w-new-hero { --w-new-word: clamp(56px, min(9vw, 20vh), 160px); position: relative; height: 100vh; height: 100svh; min-height: 620px; overflow: hidden; background: #0b0d10; color: #fff; }
.w-new-hero video, .w-new-hero-scrim { position: absolute; inset: 0; width: 100%; height: 100%; }
.w-new-hero-bg { position: absolute; inset: 0 0 1px; background-size: cover; background-position: center; }
.w-new-hero video { object-fit: cover; opacity: 0; transition: opacity 500ms ease; }
.w-new-hero video[data-ready="true"] { opacity: 1; }
.w-new-hero-scrim { background: linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.12) 38%, rgba(0,0,0,.5) 100%); }
.w-new-hero-word { position: absolute; margin: 0; font-weight: 500; font-size: var(--w-new-word); line-height: .92; letter-spacing: -0.045em; white-space: nowrap; }
.w-new-hero-word-a { top: 96px; left: 32px; animation: wNewInL 900ms cubic-bezier(.2,.7,.2,1) both; }
.w-new-hero-word-b[data-long="true"] { font-size: calc(var(--w-new-word) * .6); }
.w-new-hero-word-b { bottom: 56px; right: 32px; animation: wNewInR 900ms cubic-bezier(.2,.7,.2,1) 120ms both; }
.w-new-caret { display: inline-block; width: .06em; height: .78em; margin-left: .04em; background: currentColor; vertical-align: -.04em; animation: wNewCaret 900ms steps(1) infinite; }
@keyframes wNewCaret { 50% { opacity: 0; } }
.w-new-hero-foot { position: absolute; left: 32px; bottom: calc(56px + var(--w-new-word) * .1213); max-width: 400px; }
.w-new-hero-row { display: flex; align-items: center; gap: 16px; }
.w-new-hero-row .w-new-btn { flex: none; }
.w-new-hero-rule { flex: none; width: 1px; height: 40px; background: rgba(255,255,255,.38); margin: 0 2px; }
.w-new-hero-row img { display: block; flex: none; height: 46px; width: auto; border-radius: 6px; }
.w-new .w-new-hero-bcorp { display: grid; place-items: center; flex: none; height: 46px; transition: transform 160ms ease; }
.w-new .w-new-hero-bcorp:hover, .w-new .w-new-hero-badge:hover { transform: translateY(-2px); }
.w-new .w-new-hero-badge { display: block; flex: none; line-height: 0; transition: transform 160ms ease; }
.w-new-hero-row .w-new-hero-bcorp img { height: 56.5px; margin: -5.25px 0; border-radius: 0; }
.w-new-hero-20 { position: absolute; top: 100%; left: 0; white-space: nowrap; margin: 16px 0 0; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.82); text-shadow: 0 1px 18px rgba(6,9,12,.4); }
.w-new .w-new-hero-20 a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 0; margin: -10px 0; color: inherit; text-decoration: none; }
.w-new-hero-20 svg { flex: none; }
.w-new .w-new-hero-20 a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.w-new-hero-sub { margin: 0 0 22px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.015em; }
@keyframes wNewInL { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: none; } }
@keyframes wNewInR { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: none; } }
.w-new-h2 { margin: 0; text-align: center; font-size: clamp(32px, 3.400vw, 48px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; }
.w-new-shop { padding: 56px 32px 88px; }
.w-new-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: 130px; border-radius: 24px; background: #f1f4f7; font-size: 16px; letter-spacing: -0.01em; transition: background 160ms ease; }
.w-new-tile:hover { background: #e6ebf0; }
.w-new-range-match { margin-top: 56px; }
.w-new-range { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.w-new .w-new-range-card { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 24px; overflow: hidden; background: #f1f4f7; color: #fff; isolation: isolate; }
.w-new-range-card img, .w-new-range-card video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
.w-new-range-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(6,9,12,.55) 0%, rgba(6,9,12,.12) 28%, rgba(6,9,12,0) 50%, rgba(6,9,12,.75) 100%); }
.w-new-range-card:hover img, .w-new-range-card:hover video, .w-new-range-card:focus-visible img, .w-new-range-card:focus-visible video { transform: scale(1.04); }
.w-new-range-title { position: absolute; top: 24px; left: 24px; right: 24px; font-size: clamp(24px, 2.100vw, 30px); font-weight: 500; line-height: 1.1; letter-spacing: -0.02em; }
.w-new-range-foot { position: absolute; left: 24px; right: 84px; bottom: 24px; display: flex; flex-direction: column; gap: 12px; }
.w-new-range-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-right: -60px; }
.w-new-range-chips span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 100px; background: rgba(255,255,255,.16); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-size: 12px; font-weight: 500; line-height: 16px; }
.w-new .w-new-range-chips img { position: static; width: 13px; height: 13px; object-fit: contain; transform: none; transition: none; z-index: auto; }
.w-new-range-line { display: flex; align-items: flex-end; min-height: 2.7em; font-size: 15px; line-height: 1.35; color: rgba(255,255,255,.9); }
.w-new-range-go { position: absolute; right: 24px; bottom: 24px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.16); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: background 200ms ease, color 200ms ease; }
.w-new-range-card:hover .w-new-range-go, .w-new-range-card:focus-visible .w-new-range-go { background: #fff; color: #0a1317; }
.w-new-range-rail { margin-top: 56px; }
.w-new-range-rail .w-new-rail > * { width: min(78vw, 360px); }
.w-new .w-new-range-square { aspect-ratio: 1 / 1; }
.w-new .w-new-range-wide { grid-column: 1 / -1; aspect-ratio: auto; height: clamp(440px, 42vw, 620px); }
.w-new-cards .w-new-range-title { top: 28px; left: 28px; font-size: clamp(30px, 3vw, 44px); }
.w-new-cards .w-new-range-foot { left: 28px; bottom: 28px; right: 92px; }
.w-new-cards .w-new-range-go { right: 28px; bottom: 28px; }
.w-new-cards .w-new-range-line { font-size: clamp(16px, 1.400vw, 20px); font-weight: 500; letter-spacing: -0.01em; color: #fff; }
@media (prefers-reduced-motion: reduce) { .w-new-range-card img, .w-new-range-card video { transition: none; } }
.w-new-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; padding: 88px 32px; }
.w-new-card { isolation: isolate; cursor: pointer; position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; border-radius: 24px; aspect-ratio: 1 / 1; background: #10151a; color: #fff; text-align: center; }
.w-new-card-wide { grid-column: 1 / -1; aspect-ratio: auto; height: clamp(440px, 42vw, 620px); }
.w-new-card-media { z-index: -1; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
.w-new-card:hover .w-new-card-media { transform: scale(1.035); }
.w-new-card-scrim { z-index: -1; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.62) 100%); }
.w-new .w-new-card-body .w-new-btn-blue::after { content: ''; position: absolute; inset: 0; }
.w-new .w-new-card-body .w-new-btn-blue:active { transform: none; }
.w-new .w-new-card-body .w-new-btn-soft, .w-new .w-new-card-body .w-new-btn-well { position: relative; z-index: 1; }
.w-new-card-body { padding: 0 24px 48px; display: flex; flex-direction: column; align-items: center; }
.w-new-card-eyebrow { font-size: 17px; line-height: 1.3; letter-spacing: -0.01em; }
.w-new-card-title { margin: 4px 0 22px; font-size: clamp(32px, 3.400vw, 48px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; }
.w-new-why { background: #f1f4f7; padding: 88px 32px; }
.w-new-reasons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 56px; }
.w-new-reason { background: #fff; border-radius: 24px; padding: 40px; min-height: 300px; }
.w-new-reason-title { margin: 36px 0 12px; font-size: 26px; font-weight: 400; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-reason-body { margin: 0; font-size: 15px; line-height: 1.55; }
.w-new .w-new-why-card { display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 24px; color: #0a1317; text-decoration: none; transition: transform 220ms ease, box-shadow 220ms ease; }
.w-new .w-new-why-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -20px rgba(15,23,42,.35); }
.w-new .w-new-why-card:focus-visible { outline: 2px solid #1a73e8; outline-offset: 3px; }
.w-new-why-card-img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #dfe5ea; transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
.w-new-why-card:hover .w-new-why-card-img { transform: scale(1.035); }
.w-new-why-card-text { display: block; flex: 1; padding: 22px 24px 26px; }
.w-new-why-card-icon { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #e8f0fe; margin-bottom: 14px; }
.w-new-why-card-title { margin: 0 0 8px; min-height: 2.5em; font-size: 22px; font-weight: 400; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-why-card-body { margin: 0; font-size: 15px; line-height: 1.55; color: #5b6770; }
.w-new-latest { padding: 88px 32px; }
.w-new-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 56px; }
.w-new-post-img { display: block; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: #f1f4f7; }
.w-new-post-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
.w-new-post:hover .w-new-post-img img { transform: scale(1.035); }
.w-new-post-meta { display: block; margin-top: 20px; font-size: 13px; color: #5b6770; }
.w-new-post-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; min-height: 2.6em; font-size: 22px; line-height: 1.3; letter-spacing: -0.015em; }
.w-new-post-blank { display: grid; place-items: center; width: 100%; height: 100%; color: #c9d2d9; font-size: 40px; }
.w-new-footer-wrap { border-top: 1px solid #e3e8ed; padding: 48px 32px 32px; font-size: 13px; }
.w-new-footer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.w-new-footer-strip { display: none; }
.w-new-footer-logo { font-size: 26px; line-height: 1; display: inline-flex; }
.w-new-footer-badges { display: flex; align-items: center; gap: 14px; margin-top: 12px; }
.w-new-footer-badges img { width: auto; display: block; }
.w-new-socials { display: flex; gap: 8px; margin: 12px 0 0 -9px; }
.w-new-socials a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 100px; }
.w-new-socials a:hover, .w-new .w-new-footer-link:hover { opacity: .6; }
.w-new-footer-heading { margin: 0 0 6px; font-size: 13px; font-weight: 700; }
.w-new .w-new-footer-link { display: block; padding: 3px 0; line-height: 1.5; color: #2a343b; }
.w-new .w-new-footer-one { margin-top: 6px; color: #1a73e8; font-weight: 500; }
.w-new-legal-co { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; }
.w-new-footer-group { display: inline-flex; align-items: center; gap: 8px; font-style: italic; }
.w-new-footer-group a { opacity: .65; transition: opacity 200ms ease; }
.w-new-footer-group a:hover { opacity: 1; }
.w-new-footer-sprint { font-size: 17px; line-height: 0; color: inherit; font-style: normal; }
.w-new-footer-sprint .w-new-sprint-lockup { margin: 0; vertical-align: 0; }
.w-new-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-top: 32px; padding-top: 20px; border-top: 1px solid #e3e8ed; font-size: 12px; color: #5b6770; }
.w-new-legal-links { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.w-new-clarity { margin: 14px 0 0; max-width: 72ch; font-size: 12px; line-height: 1.6; color: #5b6770; }
.w-new-footer-end { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-top: 14px; }
.w-new-footer-end .w-new-clarity { margin: 0; }
.w-new-footer-built { margin-left: auto; }
.w-new .w-new-underline { text-decoration: underline; }
.w-new-h2-lg { font-size: clamp(32px, 3.400vw, 48px); }
.w-new-lede { margin: 18px auto 0; max-width: 620px; text-align: center; font-size: 17px; line-height: 1.5; color: #44505a; }
.w-new-center { display: flex; justify-content: center; margin-top: 48px; }
.w-new-creds { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px 56px; padding: 88px 32px 0; }
.w-new-cred { display: inline-flex; align-items: center; gap: 14px; text-align: left; }
.w-new-cred img { width: auto; display: block; }
.w-new-cred strong { display: block; font-size: 14px; font-weight: 500; }
.w-new-cred small { display: block; font-size: 12px; color: #5b6770; margin-top: 2px; }
.w-new-cred-faces { display: inline-flex; }
.w-new-cred-face { width: 36px; height: 36px; border-radius: 100px; background: #dfe5ea center top / cover; border: 2px solid #fff; margin-left: -10px; }
.w-new-cred-face:first-child { margin-left: 0; }
.w-new-logos { padding: 88px 32px; text-align: center; }
.w-new-logo-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 56px 40px; align-items: center; justify-items: center; margin-top: 56px; }
.w-new-logo-grid img { width: auto; height: auto; object-fit: contain; filter: brightness(0); opacity: .55; }
.w-new .w-new-logo-more { display: none; margin: 36px auto 0; }
.w-new-events { padding: 88px 32px; }
.w-new-event-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 56px; }
.w-new-event-grid[data-count="1"] { grid-template-columns: minmax(0, 720px); justify-content: center; }
.w-new-event-grid[data-count="2"] { grid-template-columns: repeat(2, 1fr); }
.w-new-event-grid[data-count="1"] .w-new-event { aspect-ratio: 4 / 3; }
.w-new-event .w-new-card-scrim { background: linear-gradient(180deg, rgba(0,0,0,.1) 20%, rgba(0,0,0,.72) 100%); }
.w-new-event .w-new-card-body { padding-bottom: 36px; }
.w-new-event-title { font-size: clamp(24px, 2.200vw, 32px); margin-bottom: 18px; }
.w-new-event-tags { position: absolute; top: 20px; left: 20px; right: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.w-new-tag { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 100px; background: rgba(255,255,255,.9); color: #0a1317; font-size: 12px; font-weight: 500; line-height: 16px; }
.w-new-quote-wrap { padding: 88px 32px; }
.w-new-quote { background: #f1f4f7; border-radius: 24px; padding: 72px 40px; text-align: center; }
.w-new-quote-eyebrow { font-size: 15px; color: #44505a; margin-bottom: 28px; }
.w-new-quote-fade { animation: wNewFade 500ms ease both; }
@keyframes wNewFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.w-new-quote-text { margin: 0 auto 40px; max-width: 920px; font-size: clamp(26px, 3vw, 42px); font-weight: 500; line-height: 1.22; letter-spacing: -0.02em; text-wrap: balance; }
.w-new-quote-by { display: inline-flex; align-items: center; gap: 14px; text-align: left; }
.w-new-quote-by strong { display: block; font-size: 14px; font-weight: 700; }
.w-new-quote-by small { display: block; font-size: 12px; color: #5b6770; }
.w-new-quote-logo, .w-new-quote-initials { min-width: 92px; height: 64px; border-radius: 100px; background: #fff; padding: 0 18px; display: grid; place-items: center; font-weight: 700; }
.w-new-dots { display: inline-flex; gap: 0; margin-top: 36px; }
.w-new-dot { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 100px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.w-new-dot::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 100px; background: rgba(10,19,23,.2); transition: width 220ms ease, background 220ms ease; }
.w-new-dot[data-on="true"]::before { width: 24px; background: #1a73e8; }
@media (max-width: 1100px) {
.w-new-reasons { grid-template-columns: repeat(2, 1fr); }
.w-new-logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.w-new-footer { gap: 24px; }
.w-new-mega { padding-left: 32px; grid-template-columns: 200px minmax(200px, 1fr) minmax(0, 1.500fr); }
.w-new-mega-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-mega-tiles > :nth-child(3) { display: none; }
#w-new-mega-services { padding-left: 32px; }
.w-new-nav-right .w-new-nav-hide:not(button) { display: none; }
.w-new .w-new-mega-narrow { display: inline-block; }
.w-new-event-grid, .w-new-posts { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 761px) and (max-width: 1100px) {
.w-new-hero-foot { max-width: min(340px, 40vw); } .w-new-hero-sub { font-size: 17px; margin-bottom: 18px; }
.w-new-hero-row { gap: 10px; } .w-new-hero-row img, .w-new .w-new-hero-bcorp { height: 36px; } .w-new-hero-rule { height: 30px; }
.w-new-hero-row .w-new-hero-bcorp img { height: 44.2px; margin: -4.1px 0; } .w-new-hero-row .w-new-btn { padding: 11px 20px; }
}
@media (max-width: 900px) {
.w-new .w-new-nav-hide { display: none; }
.w-new .w-new-burger { display: inline-grid; }
.w-new-mega, .w-new-nav-scrim { display: none; }
.w-new-nav-bar { padding: 0 12px 0 16px; }
}
@media (max-width: 760px) {
.w-new-footer-wrap { padding: 32px 16px 24px; }
.w-new-footer { display: block; }
.w-new-footer-col, .w-new-footer-badges { display: none; }
.w-new .w-new-footer-brand { display: flex; align-items: center; justify-content: space-between; padding: 0; margin: 0; border: 0; }
.w-new-footer-brand .w-new-socials { margin-top: 0; }
.w-new-footer-logo { font-size: 24px; }
.w-new-footer-strip { display: flex; flex-wrap: wrap; gap: 2px 18px; margin-top: 18px; font-size: 14px; }
.w-new-footer-strip + .w-new-footer-strip { margin-top: 10px; }
.w-new .w-new-footer-strip .w-new-footer-one { margin-top: 0; }
.w-new-legal { margin-top: 20px; padding-top: 18px; }
.w-new-hero { --w-new-word: 14.500vw; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 16px 36px; padding-bottom: calc(116px + 100lvh - 100svh); height: 100vh; height: calc(100lvh + 80px); min-height: 540px; }
.w-new-hero-head { position: relative; margin-bottom: 18px; }
.w-new-hero-word-b[data-long="true"] { font-size: var(--w-new-word); white-space: normal; }
.w-new-hero-word-a, .w-new-hero-word-b { position: relative; display: block; top: auto; right: auto; bottom: auto; left: auto; min-height: .92em; }
.w-new-hero-foot { position: relative; left: auto; right: auto; bottom: auto; max-width: none; }
.w-new-hero-20 { position: static; white-space: normal; }
.w-new-hero-bg { background-size: 125% auto; background-position: center top; background-repeat: no-repeat; }
.w-new-hero video, .w-new-hero-scrim { top: 0; bottom: auto; height: auto; aspect-ratio: 4 / 5; }
.w-new-hero-scrim { background: linear-gradient(180deg, rgba(11,13,16,0) 0%, rgba(11,13,16,0) 45%, rgba(11,13,16,.75) 78%, #0b0d10 100%); }
.w-new-hero-sub { font-size: 19px; }
.w-new-shop { padding: 32px 16px 56px; }
.w-new-tile { height: 112px; font-size: 14px; text-align: center; padding: 0 8px; }
.w-new-range { grid-template-columns: 1fr; gap: 16px; margin-top: 32px; }
.w-new-range-match { margin-top: 32px; }
.w-new .w-new-range > .w-new-range-card { aspect-ratio: 5 / 4; }
.w-new .w-new-range-square, .w-new .w-new-range-wide { aspect-ratio: 4 / 5; height: auto; }
.w-new-range-rail { margin-top: 32px; }
.w-new .w-new-range-title, .w-new .w-new-range-foot { left: 20px; }
.w-new .w-new-range-title { top: 20px; }
.w-new .w-new-range-foot { bottom: 20px; right: 76px; }
.w-new .w-new-range-go { right: 20px; bottom: 20px; }
.w-new-cards { grid-template-columns: 1fr; gap: 16px; padding: 56px 16px; }
.w-new-card { aspect-ratio: 4 / 5; }
.w-new-card-wide { height: auto; aspect-ratio: 4 / 5; }
.w-new-why { padding: 56px 16px; }
.w-new-hero-row { gap: 10px; }
.w-new-hero-row img { height: 40px; }
.w-new .w-new-hero-bcorp { height: 40px; }
.w-new-hero-row .w-new-hero-bcorp img { height: 49px; margin: -4.5px 0; }
.w-new-reasons { grid-template-columns: 1fr; gap: 12px; margin-top: 32px; }
.w-new-reason { min-height: 0; padding: 28px; }
.w-new-reason-title { margin-top: 20px; }
.w-new-why-card-text { padding: 18px 20px 22px; }
.w-new-latest { padding: 56px 16px; }
.w-new-posts { grid-template-columns: 1fr; margin-top: 32px; }
.w-new-center { margin-top: 32px; }
.w-new-creds { padding: 56px 16px 0; gap: 18px 28px; }
.w-new-cred small { display: none; }
.w-new-logos { padding: 56px 16px; }
.w-new-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; margin-top: 32px; }
.w-new-logo-collapsed > img:nth-child(n+13) { display: none; }
.w-new .w-new-logo-more { display: inline-flex; }
.w-new-events { padding: 56px 16px; }
.w-new-event-grid, .w-new-event-grid[data-count="2"] { grid-template-columns: 1fr; gap: 16px; margin-top: 32px; }
.w-new-quote-wrap { padding: 56px 16px; }
.w-new-quote { padding: 48px 20px; }
}
@media (prefers-reduced-motion: reduce) {
.w-new-hero-word, .w-new-mega, .w-new-quote-fade, .w-new-card-media, .w-new-post-img img { animation: none !important; transition: none !important; }
}
@keyframes wNewRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes wNewSettle { from { transform: scale(1.045); } to { transform: none; } }
.w-new-rv { opacity: 0; }
.w-new-rv.w-new-in { animation: wNewRise 760ms cubic-bezier(.2,.7,.2,1) var(--w-new-rv-d, 0ms) both; }
.w-new-phero[data-bare="true"] .w-new-phero-in { align-items: center; text-align: center; padding-bottom: 56px; }
.w-new-phero[data-bare="true"] .w-new-phero-title { max-width: 22ch; font-size: clamp(36px, 5.556vw, 84px); line-height: 1; }
.w-new-phero[data-bare="true"] .w-new-phero-title[data-len="long"] { font-size: clamp(32px, 4.444vw, 64px); max-width: 24ch; line-height: 1.04; }
.w-new-phero[data-bare="true"] .w-new-phero-title[data-len="xl"] { font-size: clamp(28px, 3.333vw, 48px); max-width: 30ch; line-height: 1.08; }
.w-new-phero[data-bare="true"] .w-new-phero-scrim { background: linear-gradient(180deg, rgba(6,9,12,.42) 0%, rgba(6,9,12,0) 20%, rgba(6,9,12,0) 44%, rgba(6,9,12,.8) 100%); }
.w-new-phero[data-bare="true"][data-size="split"] .w-new-phero-in { padding-bottom: 0; }
.w-new-phero-eyebrow { animation: wNewRise 800ms cubic-bezier(.2,.7,.2,1) 80ms both; }
.w-new-phero-title { animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 160ms both; }
.w-new-phero-foot { animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 300ms both; }
.w-new-phero-card { animation: wNewRise 1000ms cubic-bezier(.2,.7,.2,1) 420ms both; }
.w-new-phero > .w-new-phero-media { animation: wNewSettle 1800ms cubic-bezier(.2,.7,.2,1) both; }
.w-new-hero-foot { animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 380ms both; }
@media (prefers-reduced-motion: reduce) {
.w-new-talk { animation: none; }
.w-new-rv { opacity: 1; }
.w-new-rv.w-new-in, .w-new-phero-eyebrow, .w-new-phero-title, .w-new-phero-foot, .w-new-phero-card, .w-new-phero > .w-new-phero-media, .w-new-hero-foot { animation: none; }
}
.w-new-phero { position: relative; overflow: hidden; background: #0b0d10; color: #fff; display: flex; }
.w-new-phero[data-size="full"] { min-height: 100vh; min-height: 100svh; }
.w-new-phero[data-size="mid"] { min-height: clamp(520px, 72vh, 820px); }
.w-new-phero[data-size="ink"] { min-height: 0; }
.w-new-phero-media, .w-new-phero-scrim { position: absolute; inset: 0; width: 100%; height: 100%; }
.w-new-phero-media { object-fit: cover; }
.w-new-phero-title a { color: inherit; text-decoration: none; }
.w-new-phero .w-new-dot::before { background: rgba(255,255,255,.42); }
.w-new-phero .w-new-dot[data-on="true"]::before { background: #fff; }
@supports (-webkit-touch-callout: none) {
.w-new-phero:not([data-size="split"])::after, .w-new-hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 120px; pointer-events: none; background: linear-gradient(180deg, #0b0d10 0%, rgba(11,13,16,.55) 34%, rgba(11,13,16,0) 100%); }
}
.w-new-phero-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1400ms ease; }
.w-new-phero-slide[data-on="true"] { opacity: 1; }
.w-new-phero-slide-label { position: absolute; left: 20px; bottom: 20px; padding: 8px 14px; border-radius: 100px; background: rgba(11,13,16,.72); color: #fff; font-size: 14px; font-weight: 600; line-height: 1; backdrop-filter: blur(8px); animation: wNewFade 600ms ease both; }
.w-new-phero[data-size="split"] .w-new-phero-slide { object-position: top center; }
.w-new-phero[data-size="split"] .w-new-phero-card:has(.w-new-phero-ctl) { aspect-ratio: 4 / 3; max-width: 1440px; }
.w-new-phero a.w-new-phero-slide-label { color: #fff; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; transition: background 160ms ease; }
a.w-new-phero-slide-label:hover { background: rgba(11,13,16,.9); }
a.w-new-phero-slide-label:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
a.w-new-phero-slide-label svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.w-new-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
:where(.w-new) button { font: inherit; }
.w-new-phero-ctl { position: absolute; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 6px; padding: 6px; border-radius: 100px; background: rgba(11,13,16,.72); backdrop-filter: blur(8px); }
.w-new-phero-ctl-btn { appearance: none; border: 0; margin: 0; padding: 0; width: 32px; height: 32px; border-radius: 100px; display: grid; place-items: center; background: transparent; color: #fff; cursor: pointer; transition: background 160ms ease; }
.w-new-phero-ctl-btn:hover { background: rgba(255,255,255,.16); }
.w-new-phero-ctl-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.w-new-phero-ctl-btn .w-new-phero-ctl-fill { fill: currentColor; stroke: none; }
.w-new-phero-ctl-btn:focus-visible, .w-new-phero-ctl-dot:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.w-new-phero-ctl-dots { display: flex; align-items: center; gap: 2px; padding: 0 4px; }
.w-new-phero-ctl-dot { appearance: none; border: 0; margin: 0; padding: 7px 3px; background: transparent; cursor: pointer; display: grid; place-items: center; }
.w-new-phero-ctl-dot::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 100px; background: rgba(255,255,255,.45); transition: width 240ms ease, background 240ms ease; }
.w-new-phero-ctl-dot:hover::before { background: rgba(255,255,255,.8); }
.w-new-phero-ctl-dot[data-on="true"]::before { width: 20px; background: #fff; }
.w-new-phero-scrim { background: radial-gradient(125% 95% at 0% 100%, rgba(6,9,12,.92) 0%, rgba(6,9,12,.78) 32%, rgba(6,9,12,.4) 58%, rgba(6,9,12,0) 82%), linear-gradient(180deg, rgba(6,9,12,.42) 0%, rgba(6,9,12,0) 20%); }
.w-new-phero-title, .w-new-phero-lede, .w-new-phero-eyebrow { text-shadow: 0 1px 24px rgba(6,9,12,.35); }
.w-new-phero-in { position: relative; width: 100%; padding: 120px 32px 56px; display: flex; flex-direction: column; justify-content: flex-end; }
.w-new-phero[data-size="ink"] .w-new-phero-in { padding: 136px 32px 64px; }
.w-new-phero-title[data-len="long"] { font-size: clamp(36px, 5.556vw, 84px); max-width: 20ch; }
.w-new-phero[data-title="compact"] .w-new-phero-title { font-size: clamp(36px, 5.556vw, 84px); max-width: 22ch; }
.w-new-phero[data-title="compact"] .w-new-phero-lede { max-width: 48ch; }
.w-new-phero-title[data-len="xl"] { font-size: clamp(30px, 4.444vw, 64px); max-width: 26ch; line-height: 1.04; }
.w-new-phero[data-size="split"] { display: flex; flex-direction: column; align-items: center; background: #fff; color: #0a1317; padding: 148px 32px 72px; min-height: 0; text-align: center; }
.w-new-phero[data-size="split"] .w-new-phero-in { order: 1; padding: 0; align-items: center; max-width: 1040px; }
.w-new-phero[data-size="split"] .w-new-phero-card { order: 2; position: relative; width: 100%; max-width: 1320px; margin-top: 56px; border-radius: 24px; overflow: hidden; aspect-ratio: 16 / 9; background: #f1f4f7; }
.w-new-phero[data-size="split"] .w-new-phero-media { position: absolute; inset: 0; }
.w-new-phero[data-size="split"] .w-new-phero-eyebrow { color: #5b6770; opacity: 1; }
.w-new-phero[data-size="split"] .w-new-phero-title { font-size: clamp(36px, 5.556vw, 84px); max-width: 17ch; line-height: 1; }
.w-new-phero[data-size="split"] .w-new-phero-title[data-len="long"] { font-size: clamp(32px, 4.444vw, 64px); max-width: 22ch; line-height: 1.04; }
.w-new-phero[data-size="split"] .w-new-phero-title[data-len="xl"] { font-size: clamp(28px, 3.333vw, 48px); max-width: 28ch; line-height: 1.1; }
.w-new-phero[data-size="split"] .w-new-phero-foot { max-width: 720px; margin: 24px auto 0; display: flex; flex-direction: column; align-items: center; }
.w-new-phero[data-size="split"] .w-new-phero-foot > * { justify-content: center; }
.w-new-phero[data-size="split"] .w-new-phero-lede { color: #44505a; font-weight: 400; font-size: 20px; line-height: 1.45; }
.w-new-phero[data-size="split"] .w-new-btns { justify-content: center; }
.w-new-phero[data-size="split"] .w-new-btn-soft { background: #f1f4f7; }
.w-new-phero[data-size="split"] .w-new-phero-title, .w-new-phero[data-size="split"] .w-new-phero-lede, .w-new-phero[data-size="split"] .w-new-phero-eyebrow { text-shadow: none; }
.w-new:has(.w-new-phero[data-size="split"]) .w-new-nav:not([data-solid="true"]) { color: #0a1317; }
.w-new:has(.w-new-phero[data-size="split"]) .w-new-nav:not([data-solid="true"]) .w-new-nav-link:hover { background: rgba(10,19,23,.09); }
.w-new-phero-eyebrow { font-size: 17px; letter-spacing: -0.01em; margin-bottom: 14px; opacity: .92; }
.w-new-phero-title { margin: 0; max-width: 16ch; font-weight: 500; font-size: clamp(44px, 8.333vw, 128px); line-height: .96; letter-spacing: -0.04em; text-wrap: balance; }
.w-new-phero[data-size="ink"] .w-new-phero-title { font-size: clamp(36px, 5.556vw, 84px); max-width: 20ch; }
.w-new-phero-foot { margin-top: 26px; max-width: 620px; }
.w-new-phero[data-size="ink"] .w-new-phero-foot { max-width: 640px; }
.w-new-phero-lede { margin: 0 0 22px; font-size: 21px; font-weight: 500; line-height: 1.3; letter-spacing: -0.015em; }
.w-new-sec { padding: 88px 32px; }
.w-new-sec[data-tone="well"] { background: #f1f4f7; }
.w-new-sec[data-tone="ink"] { background: #0b0d10; color: #fff; }
.w-new-sec[data-tone="ink"] .w-new-lede { color: rgba(255,255,255,.72); }
.w-new-sec[data-align="left"] .w-new-h2, .w-new-sec[data-align="left"] .w-new-lede { text-align: left; margin-left: 0; }
.w-new-sec-in { max-width: 1680px; margin: 0 auto; }
.w-new-sec-narrow { max-width: 820px; }
.w-new-sec-body { margin-top: 56px; }
.w-new-grid { display: grid; gap: 32px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.w-new-grid[data-cols="3"] > * { grid-column: span 2; }
.w-new-grid[data-cols="3"] > :nth-last-child(1):nth-child(3n+1) { grid-column: 3 / span 2; }
.w-new-grid[data-cols="3"] > :nth-last-child(2):nth-child(3n+1) { grid-column: 2 / span 2; }
.w-new-grid[data-cols="3"] > :nth-last-child(1):nth-child(3n+2) { grid-column: 4 / span 2; }
.w-new-grid[data-cols="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-grid[data-cols="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.w-new-grid > .w-new-card-wide, .w-new-grid[data-cols="3"] > .w-new-card-wide { grid-column: 1 / -1; }
.w-new-card[data-ratio="tall"] { aspect-ratio: 4 / 5; }
.w-new-card[data-ratio="wide"] { aspect-ratio: 16 / 10; }
.w-new-grid[data-cols="3"] .w-new-card-title, .w-new-grid[data-cols="4"] .w-new-card-title { font-size: clamp(24px, 2.200vw, 34px); }
.w-new-grid .w-new-reason { min-height: 0; }
.w-new-sec:not([data-tone="well"]) .w-new-reason { background: #f1f4f7; }
.w-new .w-new-reason { display: block; color: #0a1317; }
.w-new-sec[data-tone="well"] .w-new-tile, .w-new .w-new-sec[data-tone="well"] .w-new-btn-well { background: #fff; }
.w-new-sec[data-tone="well"] .w-new-tile:hover, .w-new .w-new-sec[data-tone="well"] .w-new-btn-well:hover { background: #e9edf1; }
.w-new-tile small { font-size: 13px; color: #5b6770; }
.w-new-post-body { display: block; margin-top: 8px; font-size: 15px; line-height: 1.55; color: #44505a; }
.w-new-stats { display: grid; gap: 32px; grid-template-columns: repeat(4, minmax(0, 1fr)); text-align: center; }
.w-new-stats[data-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.w-new-stats[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-stats[data-count="1"] { grid-template-columns: 1fr; }
.w-new-stat-v { font-size: clamp(44px, 5.556vw, 88px); font-weight: 500; line-height: 1; letter-spacing: -0.04em; }
.w-new-stats[data-compact="true"] .w-new-stat-v { font-size: clamp(28px, 2.800vw, 44px); line-height: 1.1; letter-spacing: -0.025em; text-wrap: balance; }
.w-new-stat-l { margin-top: 12px; font-size: 16px; line-height: 1.4; color: #44505a; }
.w-new-sec[data-tone="ink"] .w-new-stat-l { color: rgba(255,255,255,.72); }
.w-new-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.200fr); gap: 56px; align-items: center; }
.w-new-split[data-flip="true"] .w-new-split-text { order: 2; }
.w-new-split-title { margin: 0 0 18px; font-size: clamp(28px, 2.778vw, 40px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; }
.w-new-split-body { font-size: 18px; line-height: 1.5; color: #2a343b; margin-bottom: 26px; }
.w-new-split-body p { margin: 0 0 14px; }
.w-new-sec[data-tone="ink"] .w-new-split-body { color: rgba(255,255,255,.8); }
.w-new-split-media { border-radius: 24px; overflow: hidden; aspect-ratio: 4 / 3; background: #f1f4f7; }
.w-new-split-media img, .w-new-split-media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.w-new-faq { max-width: 820px; margin: 0 auto; }
.w-new-faq details { border-bottom: 1px solid #dfe5ea; }
.w-new-faq summary { cursor: pointer; list-style: none; padding: 22px 40px 22px 0; position: relative; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; }
.w-new-faq summary::-webkit-details-marker { display: none; }
.w-new-faq summary::after { content: '+'; position: absolute; right: 4px; top: 16px; font-size: 28px; font-weight: 400; transition: transform 200ms ease; }
.w-new-faq details[open] summary::after { transform: rotate(45deg); }
.w-new-faq-a { padding: 0 0 24px; font-size: 17px; line-height: 1.6; color: #2a343b; }
.w-new-prose { max-width: 760px; margin: 0 auto; font-size: 19px; line-height: 1.65; color: #0a1317; }
.w-new-prose > :first-child { margin-top: 0; }
.w-new-prose h2 { margin: 56px 0 16px; font-size: clamp(28px, 3vw, 38px); font-weight: 500; line-height: 1.15; letter-spacing: -0.025em; }
.w-new-prose h3 { margin: 40px 0 12px; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-prose p, .w-new-prose ul, .w-new-prose ol { margin: 0 0 22px; }
.w-new-prose li { margin-bottom: 8px; }
.w-new .w-new-prose a { color: #1a73e8; text-decoration: underline; text-underline-offset: 3px; }
.w-new-prose img, .w-new-prose video, .w-new-prose iframe { max-width: 100%; height: auto; border-radius: 24px; display: block; margin: 32px auto; }
.w-new-prose iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; }
.w-new-prose blockquote { margin: 36px 0; padding: 4px 0 4px 24px; border-left: 3px solid #1a73e8; font-size: 24px; font-weight: 500; line-height: 1.35; letter-spacing: -0.015em; }
.w-new-prose table { width: 100%; border-collapse: collapse; margin: 32px 0; font-size: 16px; }
.w-new-prose th, .w-new-prose td { text-align: left; padding: 12px 14px; border-bottom: 1px solid #dfe5ea; }
.w-new-prose pre { background: #f1f4f7; border-radius: 16px; padding: 20px; overflow-x: auto; font-size: 15px; }
.w-new-bar { position: fixed; top: 64px; left: 0; right: 0; z-index: 45; height: 46px; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: rgba(243,245,247,.92); border-top: 1px solid #e3e8ed; backdrop-filter: saturate(180%) blur(24px); -webkit-backdrop-filter: saturate(180%) blur(24px); border-bottom: 1px solid #e3e8ed; color: #0a1317; transform: translateY(-110%); opacity: 0; transition: transform 260ms ease, opacity 200ms ease; }
.w-new-bar[data-on="true"] { transform: none; opacity: 1; }
.w-new:has(.w-new-bar[data-on="true"]) .w-new-nav .w-new-nav-cta { display: none; }
.w-new-bar-title { font-size: 15px; font-weight: 500; letter-spacing: -0.015em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-new-bar-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
.w-new-bar-right { display: flex; align-items: center; gap: 18px; flex: none; }
.w-new-bar-meta { font-size: 14px; color: #44505a; text-align: right; }
.w-new-bar .w-new-btn { padding: 7px 16px; font-size: 13px; }
.w-new-rail-wrap { margin: 0 -32px; }
.w-new-rail { display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 32px; padding: 0 32px 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.w-new-rail::-webkit-scrollbar { display: none; }
.w-new-rail > * { flex: none; width: min(78vw, 400px); scroll-snap-align: start; }
.w-new-rail[data-size="sm"] > * { width: min(62vw, 280px); }
.w-new-rail[data-size="lg"] > * { width: min(86vw, 560px); }
.w-new-rail-nav { display: flex; justify-content: flex-end; gap: 10px; padding: 24px 32px 0; }
.w-new .w-new-rail-btn { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 100px; border: 0; padding: 0; background: #f1f4f7; color: #0a1317; cursor: pointer; transition: background 160ms ease, opacity 160ms ease; }
.w-new-sec[data-tone="well"] .w-new-rail-btn { background: #fff; }
.w-new .w-new-rail-btn:hover { background: #e3e8ed; }
.w-new .w-new-rail-btn:disabled { opacity: .35; cursor: default; }
.w-new-feature { position: relative; overflow: hidden; border-radius: 24px; aspect-ratio: 4 / 5; background: #10151a; color: #fff; }
.w-new-feature-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
.w-new-feature:hover .w-new-feature-img { transform: scale(1.035); }
.w-new-feature::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(6,9,12,.62) 0%, rgba(6,9,12,0) 46%); pointer-events: none; }
.w-new-feature-title { position: relative; z-index: 2; margin: 0; padding: 28px 28px 0; font-size: clamp(22px, 1.900vw, 28px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; }
.w-new-feature-detail { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 28px 84px 28px 28px; background: rgba(10,19,23,.86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); font-size: 15px; line-height: 1.5; transform: translateY(101%); visibility: hidden; transition: transform 320ms cubic-bezier(.2,.7,.2,1), visibility 0s 320ms; }
.w-new-feature[data-open="true"] .w-new-feature-detail { transform: none; visibility: visible; transition: transform 320ms cubic-bezier(.2,.7,.2,1); }
.w-new .w-new-feature-more { position: absolute; z-index: 3; right: 20px; bottom: 20px; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 100px; border: 0; padding: 0; background: rgba(255,255,255,.92); color: #0a1317; cursor: pointer; transition: transform 260ms ease; }
.w-new-feature[data-open="true"] .w-new-feature-more { transform: rotate(45deg); }
.w-new-feature[data-plain="true"] { background: #f1f4f7; color: #0a1317; display: flex; flex-direction: column; }
.w-new-sec[data-tone="well"] .w-new-feature[data-plain="true"] { background: #fff; }
.w-new-feature[data-plain="true"]::before { content: none; }
.w-new-feature-text { padding: 16px 28px 28px; font-size: 15px; line-height: 1.55; color: #44505a; }
.w-new-work-dd { position: relative; }
.w-new .w-new-work-dd-btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px 0 18px; border-radius: 100px; border: 1px solid #d5dde3; background: #fff; color: #0a1317; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1; cursor: pointer; transition: border-color 140ms ease, background 140ms ease, color 140ms ease; }
.w-new .w-new-work-dd-btn:hover, .w-new .w-new-work-dd-btn[aria-expanded="true"] { border-color: #0a1317; }
.w-new .w-new-work-dd-btn:focus-visible { outline: 2px solid #1a73e8; outline-offset: 2px; }
.w-new .w-new-work-dd-btn[data-on="true"] { background: #0a1317; border-color: #0a1317; color: #fff; }
.w-new-work-dd-k { color: #5b6770; }
.w-new-work-dd-btn[data-on="true"] .w-new-work-dd-k { color: rgba(255,255,255,.65); }
.w-new-work-dd-btn svg { width: 14px; height: 14px; flex: 0 0 14px; transition: transform 160ms ease; }
.w-new-work-dd-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.w-new-work-dd-menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; min-width: 264px; padding: 8px; background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(10,19,23,.14), 0 0 0 1px rgba(10,19,23,.06); animation: wNewMega 160ms ease both; }
.w-new .w-new-work-dd-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px 10px 10px; border: 0; border-radius: 12px; background: transparent; color: #0a1317; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; text-align: left; cursor: pointer; }
.w-new .w-new-work-dd-item:hover, .w-new .w-new-work-dd-item:focus-visible { background: #f1f4f7; outline: 0; }
.w-new .w-new-work-dd-item[aria-checked="true"] { font-weight: 600; }
.w-new .w-new-work-dd-item[aria-disabled="true"] { color: #8a949c; cursor: not-allowed; }
.w-new .w-new-work-dd-item[aria-disabled="true"]:hover { background: transparent; }
.w-new-work-dd-tick { display: inline-flex; width: 16px; height: 16px; flex: 0 0 16px; }
.w-new-work-dd-tick svg { width: 16px; height: 16px; }
.w-new-work-dd-n { margin-left: auto; padding-left: 16px; font-size: 12px; font-weight: 500; color: #5b6770; font-variant-numeric: tabular-nums; }
.w-new-work-count { font-size: 14px; color: #44505a; font-variant-numeric: tabular-nums; }
.w-new .w-new-work-clear { background: none; border: 0; padding: 6px 4px; font-family: inherit; font-size: 14px; font-weight: 500; color: #44505a; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.w-new .w-new-work-clear:hover { color: #0a1317; }
.w-new .w-new-hero-share { position: relative; display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; margin: 0; border-radius: 100px; border: 1px solid rgba(255,255,255,.14); background: rgba(11,13,16,.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #fff; cursor: pointer; transition: background 160ms ease; }
.w-new .w-new-hero-share:hover { background: rgba(11,13,16,.8); }
.w-new .w-new-hero-share:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.w-new-hero-share-tip { position: absolute; right: 0; bottom: calc(100% + 8px); padding: 6px 12px; border-radius: 100px; background: #fff; color: #0a1317; font-size: 12px; font-weight: 500; line-height: 16px; white-space: nowrap; animation: wNewFade 200ms ease both; }
.w-new-hero-acts { display: flex; align-items: center; gap: 10px; flex: none; }
.w-new-hero-acts .w-new-listen { height: 44px; background: rgba(11,13,16,.6); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #fff; }
.w-new-hero-acts .w-new-listen:not([data-active]):hover { background: rgba(11,13,16,.8); }
.w-new .w-new-hero-acts .w-new-listen-btn { height: 42px; padding: 0 18px 0 16px; font-size: 14px; }
.w-new .w-new-hero-acts .w-new-listen[data-active] { padding: 0 8px 0 4px; }
.w-new .w-new-hero-acts .w-new-listen[data-active] .w-new-listen-btn { width: 34px; height: 34px; background: #fff; color: #0a1317; }
.w-new-hero-acts .w-new-listen-track { background: rgba(255,255,255,.28); }
.w-new-hero-acts .w-new-listen-track > span { background: #fff; }
.w-new-hero-acts .w-new-listen-time, .w-new .w-new-hero-acts .w-new-listen-x { color: rgba(255,255,255,.8); }
.w-new .w-new-hero-acts .w-new-listen-x:hover { background: rgba(255,255,255,.16); color: #fff; }
.w-new-phero[data-bare="true"] .w-new-phero-foot:has(.w-new-hero-acts) { margin-top: 28px; }
.w-new-phero[data-bare="true"] .w-new-hero-acts { justify-content: center; }
.w-new-label { display: block; font-size: 14px; font-weight: 500; margin: 0 0 8px; }
.w-new-input { width: 100%; box-sizing: border-box; font-family: inherit; font-size: 16px; padding: 14px 18px; border-radius: 14px; border: 1px solid #c9d2d9; background: #fff; color: #0a1317; }
.w-new-input:focus { outline: 2px solid #1a73e8; outline-offset: 1px; border-color: transparent; }
.w-new-chip { display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 100px; border: 0; background: #f1f4f7; color: #0a1317; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; }
.w-new-chip[data-on="true"] { background: #0a1317; color: #fff; }
.w-new-chip small { margin-left: 7px; font-size: 12px; opacity: .6; }
.w-new-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.w-new-gs-combo { position: relative; }
.w-new-gs-combo-icon { position: absolute; left: 22px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 5px; pointer-events: none; }
.w-new-gs-combo[data-icon="true"] .w-new-input { padding-left: 56px; }
.w-new-gs-combo[data-go="true"] .w-new-input { padding-right: 96px; }
.w-new-gs-combo-go { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); min-width: 64px; animation: wNewGsFade 240ms ease both; }
@keyframes wNewGsFade { from { opacity: 0; } to { opacity: 1; } }
.w-new-gs-suggest { position: absolute; z-index: 5; top: calc(100% + 8px); left: 0; right: 0; list-style: none; margin: 0; padding: 6px; border-radius: 18px; background: #fff; box-shadow: 0 12px 40px rgba(10, 19, 23, .14), 0 0 0 1px rgba(10, 19, 23, .06); }
.w-new-gs-suggest li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; cursor: pointer; font-size: 16px; }
.w-new-gs-suggest li[data-on="true"] { background: #f1f4f7; }
.w-new-gs-suggest img { flex: none; width: 20px; height: 20px; border-radius: 4px; }
.w-new-gs-suggest strong { font-weight: 500; color: #0a1317; }
.w-new-gs-suggest span { margin-left: auto; color: #5b6770; font-size: 14px; }
@property --w-new-talk-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes wNewTalkAngle { to { --w-new-talk-a: 360deg; } }
.w-new-talk { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px 56px; align-items: start; margin: 88px 32px; padding: 48px; border-radius: 24px; border: 1.5px solid transparent; animation: wNewTalkAngle 8s linear infinite;
background: radial-gradient(60% 70% at 10% 10%, rgba(66, 133, 244, .22), transparent 70%) padding-box, radial-gradient(50% 60% at 92% 8%, rgba(124, 58, 237, .16), transparent 70%) padding-box, radial-gradient(55% 65% at 92% 95%, rgba(52, 168, 83, .16), transparent 70%) padding-box, radial-gradient(50% 60% at 8% 95%, rgba(251, 188, 4, .2), transparent 70%) padding-box, radial-gradient(40% 50% at 55% 55%, rgba(234, 67, 53, .07), transparent 70%) padding-box, linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--w-new-talk-a), #ea4335, #fbbc04, #34a853, #4285f4, #7c3aed, #ea4335) border-box; }
.w-new-talk-ai { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 16px; font-size: 15px; font-weight: 500; color: #44505a; }
.w-new-talk-q { margin: 0; font-size: clamp(32px, 3.400vw, 48px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; color: #0a1317; }
.w-new-talk-line { margin: 18px 0 0; max-width: 520px; font-size: 18px; line-height: 1.5; letter-spacing: -0.01em; color: #44505a; }
.w-new-talk-go { display: grid; gap: 14px; margin-top: 38px; }
.w-new-talk-field { position: relative; }
.w-new-talk-field .w-new-input { font-size: 19px; line-height: 24px; padding: 19px 168px 19px 22px; border-radius: 100px; border-color: rgba(10, 19, 23, .12); box-shadow: 0 12px 40px rgba(10, 19, 23, .08); }
.w-new-talk-field .w-new-gs-combo[data-icon="true"] .w-new-input { padding-left: 56px; }
.w-new-talk-btn { position: absolute; right: 6px; top: 6px; bottom: 6px; padding: 0 24px; font-size: 15px; }
.w-new-talk-alt { margin: 0 0 0 22px; font-size: 14px; line-height: 1.55; color: #44505a; }
.w-new-talk-alt .w-new-talk-ai { margin: 0; font-size: inherit; }
.w-new-talk-begun { display: flex; align-items: center; gap: 16px; padding: 10px; border-radius: 24px; background: #fff; box-shadow: 0 12px 40px rgba(10, 19, 23, .08), 0 0 0 1px rgba(10, 19, 23, .1); }
.w-new-talk-shot { flex: none; width: 124px; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-radius: 16px; background: #f1f4f7; }
.w-new-talk-icon { flex: none; width: 28px; height: 28px; margin-left: 10px; border-radius: 6px; }
.w-new-talk-begun-text { display: grid; gap: 3px; min-width: 0; font-size: 14px; line-height: 1.4; color: #44505a; }
.w-new-talk-begun-text strong { font-size: 17px; font-weight: 500; color: #0a1317; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w-new-talk-carry { flex: none; margin-left: auto; padding: 15px 22px; font-size: 15px; }
.w-new .w-new-talk-link { margin: 0; padding: 0; border: 0; background: none; font: inherit; color: #1a73e8; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1100px) {
.w-new-talk { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 40px; }
.w-new-talk-go { max-width: 640px; margin-top: 0; }
.w-new-grid, .w-new-grid[data-cols="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-grid[data-cols="3"] > :not(.w-new-card-wide):nth-child(n) { grid-column: auto; }
.w-new-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-stats[data-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 760px) {
.w-new .w-new-work-dd-btn { height: 38px; padding: 0 12px 0 14px; font-size: 13px; }
.w-new-work-dd { position: static; }
.w-new-work-dd-menu { left: 0; right: 0; min-width: 0; }
.w-new-gs-suggest { position: static; margin-top: 8px; padding: 4px; border-radius: 16px; }
.w-new-gs-suggest li { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; row-gap: 1px; padding: 10px 12px; }
.w-new-gs-suggest li:nth-child(n+4) { display: none; }
.w-new-gs-suggest img { grid-row: span 2; align-self: center; }
.w-new-gs-suggest strong, .w-new-gs-suggest span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w-new-gs-suggest span { margin-left: 0; font-size: 13px; }
.w-new-talk { margin: 56px 16px; padding: 32px 20px; border-radius: 24px; }
.w-new-talk-line { font-size: 16px; margin-top: 12px; }
.w-new-talk-field .w-new-input { font-size: 17px; padding: 17px 20px; }
.w-new-talk-btn { position: static; width: 100%; margin-top: 10px; padding: 17px 22px; }
.w-new-talk-alt { margin-left: 0; }
.w-new-talk-begun { flex-wrap: wrap; padding: 12px; }
.w-new-talk-shot { width: 100%; aspect-ratio: 16 / 9; }
.w-new-talk-carry { width: 100%; margin: 4px 0 0; padding: 17px 22px; }
.w-new-phero-media { object-position: var(--hero-phone-pos, center) !important; }
.w-new-phero-scrim { background: linear-gradient(180deg, rgba(6,9,12,.42) 0%, rgba(6,9,12,.1) 22%, rgba(6,9,12,.62) 55%, rgba(6,9,12,.9) 100%); }
.w-new-phero[data-size="split"] { padding: 104px 16px 40px; }
.w-new-phero[data-size="split"] .w-new-phero-card { margin-top: 36px; aspect-ratio: 4 / 3; }
.w-new-phero[data-size="split"] .w-new-phero-card:has(.w-new-phero-ctl) { aspect-ratio: 4 / 3; border-radius: 16px; }
.w-new-phero-ctl-dots { display: none; }
.w-new-phero-slide-label { left: 12px; bottom: 12px; font-size: 12px; padding: 7px 11px; }
.w-new-phero-ctl { right: 12px; bottom: 12px; padding: 3px; gap: 0; }
.w-new-phero[data-size="split"] .w-new-phero-lede { font-size: 17px; }
.w-new-bar { padding: 0 12px 0 16px; height: 46px; }
.w-new-bar-title { font-size: 14px; }
.w-new-bar-meta { display: none; }
.w-new-rail-wrap { margin: 0 -16px; }
.w-new-rail { gap: 14px; padding: 0 16px 4px; scroll-padding-left: 16px; }
.w-new-rail-nav { display: none; }
.w-new-phero-in { padding: 96px 16px 40px; }
.w-new-phero[data-size="ink"] .w-new-phero-in { padding: 104px 16px 44px; }
.w-new-phero-lede { font-size: 18px; }
.w-new-sec { padding: 56px 16px; }
.w-new-sec-body { margin-top: 32px; }
.w-new-grid, .w-new-grid[data-cols="2"], .w-new-grid[data-cols="4"] { grid-template-columns: 1fr; gap: 16px; }
.w-new-grid[data-cols="3"] > :not(.w-new-card-wide):nth-child(n) { grid-column: auto; }
.w-new-stats { grid-template-columns: 1fr 1fr; gap: 28px 16px; }
.w-new-stats[data-count="3"] { grid-template-columns: 1fr 1fr; }
.w-new-stats[data-count="3"] > .w-new-stat:nth-child(3) { display: none; }
.w-new-split { grid-template-columns: 1fr; gap: 28px; }
.w-new-split[data-flip="true"] .w-new-split-text { order: 0; }
.w-new-prose { font-size: 17px; }
.w-new-faq summary { font-size: 18px; }
}
.w-labs { overflow: visible; }
.w-labs-trace { fill: none; stroke-linejoin: round; stroke-dasharray: 1 1; stroke-dashoffset: 1; animation: wLabsTrace 7s ease-in-out calc(.3s + var(--i) * .4s) infinite both; }
@keyframes wLabsTrace { 0% { stroke-dashoffset: 1; opacity: 0; } 2%, 98% { opacity: 1; } 38%, 62% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .w-labs-trace { animation: none; stroke-dashoffset: 0; } }
@keyframes wNewAskFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes wNewAskIn { from { opacity: 0; transform: translateY(-10px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes wNewAskMsg { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes wNewAskDot { 0%, 100% { opacity: .25; } 40% { opacity: 1; } }
.w-new-ask-star { flex: none; transform-origin: 50% 50%; transition: transform 260ms cubic-bezier(.2,.7,.2,1); }
.w-new-ask-star-rainbow { opacity: 0; transition: opacity 240ms ease; }
@keyframes wNewAskHoverTurn { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.4); } 100% { transform: rotate(360deg) scale(1.18); } }
.w-new .w-new-ask-btn:hover .w-new-ask-star, .w-new .w-new-ask-btn:focus-visible .w-new-ask-star, .w-new .w-new-btn:hover .w-new-ask-star, .w-new .w-new-btn:focus-visible .w-new-ask-star { animation: wNewAskHoverTurn 1.1s cubic-bezier(.45,0,.2,1) both; }
.w-new .w-new-ask-btn:hover .w-new-ask-star-rainbow, .w-new .w-new-ask-btn:focus-visible .w-new-ask-star-rainbow, .w-new .w-new-btn:hover .w-new-ask-star-rainbow, .w-new .w-new-btn:focus-visible .w-new-ask-star-rainbow { opacity: 1; }
@keyframes wNewAskIntroTurn { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.4); } 100% { transform: rotate(360deg) scale(1); } }
@keyframes wNewAskIntroFill { 0% { opacity: 0; } 18% { opacity: 1; } 78% { opacity: 1; } 100% { opacity: 0; } }
.w-new-ask-star[data-intro] { animation: wNewAskIntroTurn 2.2s cubic-bezier(.45,0,.2,1) 500ms both; }
.w-new-ask-star[data-intro] .w-new-ask-star-rainbow { animation: wNewAskIntroFill 2.2s ease 500ms both; }
.w-new-ask-star[data-open] { animation: wNewAskIntroTurn 1.6s cubic-bezier(.45,0,.2,1) 120ms both; }
.w-new-ask-star[data-open] .w-new-ask-star-rainbow { animation: wNewAskIntroFill 1.6s ease 120ms both; }
.w-new-ask-cta { display: inline-flex; align-items: center; gap: 8px; margin: -4px 0; }
.w-new-ask-cta > .w-new-ask-star { margin-left: -8px; }
.w-new-ask-scrim { position: fixed; inset: 0; z-index: 2000; background: rgba(10,19,23,.28); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); animation: wNewAskFade 180ms ease; }
.w-new.w-new-ask-panel { position: fixed; z-index: 2001; top: 72px; right: 20px; width: min(420px, calc(100vw - 40px)); height: min(680px, calc(100vh - 92px)); display: flex; flex-direction: column; background: #fff; color: #0a1317; border-radius: 24px; box-shadow: 0 32px 80px -32px rgba(10,19,23,.4); overflow: hidden; outline: none; animation: wNewAskIn 240ms cubic-bezier(.2,.7,.2,1); }
.w-new-ask-panel button:focus-visible, .w-new-ask-panel a:focus-visible { outline: 2px solid #1a73e8; outline-offset: 2px; }
.w-new-ask-head { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 14px 16px 14px 24px; border-bottom: 1px solid #e8edf1; }
.w-new-ask-title { flex: 1; min-width: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.015em; line-height: 1.2; }
.w-new-ask-mark { margin-left: .08em; }
.w-new-ask-badge { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; margin-right: 2px; padding: 5px 11px 5px 9px; border-radius: 100px; background: #f1f4f7; font-size: 11.5px; font-weight: 500; letter-spacing: 0; line-height: 1.2; color: #44505a; white-space: nowrap; }
.w-new .w-new-ask-x { flex: 0 0 auto; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 100px; border: 0; padding: 0; margin: 0; background: #f1f4f7; color: #0a1317; cursor: pointer; transition: background 160ms ease; }
.w-new .w-new-ask-x:hover { background: #e3e8ed; }
.w-new .w-new-ask-x[disabled] { opacity: .5; cursor: default; }
.w-new-ask-thread { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; gap: 10px; padding: 16px 20px 14px; }
.w-new-ask-msg { max-width: 86%; padding: 10px 14px; border-radius: 18px; font-size: 15px; line-height: 1.5; letter-spacing: -0.005em; overflow-wrap: anywhere; animation: wNewAskMsg 320ms cubic-bezier(.2,.7,.2,1) both; }
.w-new-ask-msg[data-role="user"] { align-self: flex-end; background: #1a73e8; color: #fff; border-bottom-right-radius: 6px; white-space: pre-wrap; }
.w-new-ask-msg[data-role="assistant"] { align-self: flex-start; background: #f1f4f7; color: #0a1317; border-bottom-left-radius: 6px; }
.w-new-ask-msg p { margin: 0; }
.w-new-ask-msg p + p, .w-new-ask-msg ul + p { margin-top: 8px; }
.w-new-ask-msg ul { margin: 8px 0 0; padding-left: 18px; }
.w-new-ask-msg li + li { margin-top: 4px; }
.w-new-ask-msg[data-role="assistant"]:has(.w-new-ask-media) { max-width: 100%; }
.w-new-ask-media { margin: 10px 0 2px; }
.w-new-ask-media-stage { position: relative; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: linear-gradient(160deg, #eaf1fd 0%, #f6f8fb 60%, #eef6f1 100%); }
.w-new-ask-media-stage .w-ad-stage, .w-new-ask-media-stage .w-ad-stage[data-compact] { position: absolute; inset: 0; padding: 10px; }
.w-new-ask-media-stage .w-ad-stage-device > * { font-size: min(2.2cqh, 1.72cqw); }
.w-new-ask-media figcaption { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; font-size: 13px; color: #44505a; }
.w-new .w-new-ask-media figcaption a { color: #1a73e8; font-weight: 500; text-decoration: none; white-space: nowrap; }
.w-new .w-new-ask-media figcaption a:hover { text-decoration: underline; }
.w-new .w-new-ask-msg a { color: #1a73e8; font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.w-new-ask-typing { display: inline-flex; gap: 5px; padding: 15px 16px; }
.w-new-ask-typing span { width: 6px; height: 6px; border-radius: 100px; background: #5b6770; animation: wNewAskDot 1200ms ease-in-out infinite; }
.w-new-ask-typing span:nth-child(2) { animation-delay: 160ms; }
.w-new-ask-typing span:nth-child(3) { animation-delay: 320ms; }
.w-new-ask-chips { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 4px; }
.w-new .w-new-ask-chip { appearance: none; border: 0; margin: 0; padding: 10px 16px; border-radius: 100px; background: #fff; box-shadow: inset 0 0 0 1px #e3e8ed; color: #0a1317; font-family: inherit; font-size: 14px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.2; text-align: left; cursor: pointer; transition: background 160ms ease, box-shadow 160ms ease; }
.w-new .w-new-ask-chip:hover { background: #f1f4f7; box-shadow: inset 0 0 0 1px #f1f4f7; }
.w-new-ask-form { flex: 0 0 auto; display: flex; align-items: flex-end; gap: 8px; margin: 0 16px; padding: 5px 5px 5px 18px; border-radius: 26px; background: #f1f4f7; transition: box-shadow 160ms ease; }
.w-new-ask-form:has(textarea:focus-visible) { box-shadow: inset 0 0 0 1.5px #1a73e8; }
.w-new-ask-input { flex: 1; min-width: 0; max-height: 120px; margin: 0; padding: 9px 0; border: 0; outline: none; background: transparent; resize: none; font-family: inherit; font-size: 16px; line-height: 1.4; color: #0a1317; }
.w-new-ask-input::placeholder { color: #9aa5ae; }
@keyframes wNewAskPulse { 0% { box-shadow: 0 0 0 0 rgba(234,67,53,.45); } 70% { box-shadow: 0 0 0 10px rgba(234,67,53,0); } 100% { box-shadow: 0 0 0 0 rgba(234,67,53,0); } }
.w-new .w-new-ask-mic { flex: 0 0 auto; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 100px; border: 0; padding: 0; margin: 0; background: transparent; color: #44505a; cursor: pointer; transition: background 160ms ease, color 160ms ease; }
.w-new .w-new-ask-mic:hover { background: #e3e8ed; color: #0a1317; }
.w-new .w-new-ask-mic[data-rec] { background: #ea4335; color: #fff; animation: wNewAskPulse 1.4s ease-out infinite; }
.w-new .w-new-ask-mic[data-rec]:hover { background: #d33b2c; }
.w-new .w-new-ask-mic[data-busy] { cursor: default; }
.w-new .w-new-ask-mic[data-speaking] { background: #1a73e8; color: #fff; }
.w-new-ask-mic-dots { display: inline-flex; gap: 4px; }
.w-new-ask-mic-dots span { width: 5px; height: 5px; border-radius: 100px; background: currentColor; animation: wNewAskDot 1200ms ease-in-out infinite; }
.w-new-ask-mic-dots span:nth-child(2) { animation-delay: 160ms; }
.w-new-ask-mic-dots span:nth-child(3) { animation-delay: 320ms; }
.w-new-ask-err { flex: 0 0 auto; margin: 8px 20px 0; padding: 10px 14px; border-radius: 12px; background: #fdecea; color: #a50e0e; font-size: 13px; line-height: 1.4; text-align: center; }
.w-new .w-new-ask-send { flex: 0 0 auto; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 100px; border: 0; padding: 0; margin: 0; background: #1a73e8; color: #fff; cursor: pointer; transition: background 160ms ease, transform 160ms ease; }
.w-new .w-new-ask-send:hover { background: #1558b8; }
.w-new .w-new-ask-send:active { transform: scale(.96); }
.w-new .w-new-ask-send[disabled] { background: #c9d1d8; cursor: default; transform: none; }
.w-new-ask-note { flex: 0 0 auto; margin: 0; padding: 10px 20px 14px; text-align: center; font-size: 12px; line-height: 1.4; color: #5b6770; }
.w-new-ask-plug { display: block; margin-top: 2px; }
.w-new .w-new-ask-plug a { color: #0a1317; font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 640px) {
.w-new.w-new-ask-panel { top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; height: 100dvh; border-radius: 0; box-shadow: none; }
.w-new-ask-head { padding: 12px 12px 12px 20px; }
.w-new-ask-thread { padding: 14px 16px 12px; }
.w-new-ask-form { margin: 0 12px; }
.w-new-ask-note { padding-bottom: max(14px, env(safe-area-inset-bottom)); }
.w-new-ask-panel[data-kb] .w-new-ask-note { display: none; }
.w-new-ask-panel[data-kb] .w-new-ask-form { margin-bottom: 10px; }
html[data-w-new-ask] body { background: #fff; }
html[data-w-new-ask] .w-new:not(.w-new-ask-panel) { visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
.w-new .w-new-ask-btn:hover .w-new-ask-star, .w-new .w-new-btn:hover .w-new-ask-star { animation: none; transform: scale(1.18); }
.w-new-ask-star[data-open], .w-new-ask-star[data-open] .w-new-ask-star-rainbow { animation: none; }
.w-new-ask-scrim, .w-new.w-new-ask-panel, .w-new-ask-msg { animation: none; }
.w-new-ask-star { transition: none; }
.w-new-ask-star[data-intro], .w-new-ask-star[data-intro] .w-new-ask-star-rainbow { animation: none; }
.w-new-ask-star-rainbow { transition: none; }
.w-new-ask-typing span, .w-new-ask-mic-dots span { animation: none; opacity: .6; }
.w-new .w-new-ask-mic[data-rec] { animation: none; }
}
@keyframes wNewSearchFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes wNewSearchIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
.w-new-search-scrim { position: fixed; inset: 0; z-index: 2000; display: flex; flex-direction: column; align-items: center; padding: 12vh 16px 16px; background: rgba(10,19,23,.42); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); overflow: hidden; animation: wNewSearchFade 180ms ease; }
.w-new.w-new-search-panel { width: min(760px, 100%); max-height: min(76vh, 760px); display: flex; flex-direction: column; background: #fff; color: #0a1317; border-radius: 24px; box-shadow: 0 32px 80px -32px rgba(10,19,23,.4); overflow: hidden; outline: none; animation: wNewSearchIn 240ms cubic-bezier(.2,.7,.2,1); }
.w-new-search-panel button:focus-visible, .w-new-search-panel a:focus-visible { outline: 2px solid #1a73e8; outline-offset: -2px; }
.w-new-search-bar { flex: 0 0 auto; display: flex; align-items: center; gap: 16px; padding: 26px 28px 22px 32px; color: #5b6770; }
.w-new-search-bar > svg { flex: 0 0 auto; }
.w-new-search-input { flex: 1; min-width: 0; border: 0; outline: none; margin: 0; padding: 0; background: transparent; font-family: inherit; font-size: 26px; font-weight: 500; line-height: 1.25; letter-spacing: -0.02em; color: #0a1317; }
.w-new-search-input::placeholder { color: #9aa5ae; font-weight: 400; }
.w-new-search-x { flex: 0 0 auto; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 100px; border: 0; padding: 0; margin: 0; background: #f1f4f7; color: #0a1317; cursor: pointer; transition: background 160ms ease; }
.w-new-search-x:hover { background: #e3e8ed; }
.w-new-search-close { display: none; }
.w-new-search-list { flex: 1; min-height: 0; overflow-y: auto; padding: 0 16px 16px; -webkit-overflow-scrolling: touch; }
.w-new-search-group { padding-top: 12px; }
.w-new-search-label { padding: 8px 16px 8px; font-size: 13px; font-weight: 400; line-height: 1.4; color: #5b6770; }
.w-new .w-new-search-row { display: flex; align-items: center; gap: 16px; padding: 12px 16px; border-radius: 16px; color: #0a1317; cursor: pointer; scroll-margin: 8px; }
.w-new .w-new-search-row[data-active="true"] { background: #f1f4f7; }
.w-new-search-tile { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; overflow: hidden; background: #f1f4f7; color: #44505a; }
.w-new-search-row[data-active="true"] .w-new-search-tile { background: #fff; }
.w-new-search-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.w-new-search-tile[data-logo="true"] img { object-fit: contain; padding: 9px; box-sizing: border-box; background: #f1f4f7; }
.w-new-search-row[data-active="true"] .w-new-search-tile[data-logo="true"] img { background: #fff; }
.w-new-search-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.w-new-search-title { font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.w-new-search-sub { font-size: 14px; font-weight: 400; line-height: 1.4; color: #5b6770; overflow-wrap: anywhere; }
.w-new-search-mark { background: rgba(26,115,232,.13); color: inherit; border-radius: 4px; padding: 0 1px; }
.w-new-search-tag { flex: 0 0 auto; font-size: 12px; font-weight: 500; line-height: 16px; padding: 5px 12px; border-radius: 100px; background: #f1f4f7; color: #44505a; white-space: nowrap; }
.w-new-search-row[data-active="true"] .w-new-search-tag { background: #fff; }
.w-new-search-none { padding: 56px 24px 64px; text-align: center; }
.w-new-search-none p { margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.015em; line-height: 1.3; overflow-wrap: anywhere; }
.w-new-search-none span { display: block; margin-top: 10px; font-size: 15px; line-height: 1.45; color: #5b6770; }
.w-new-search-none .w-new-btn { margin-top: 20px; }
.w-new-search-foot { flex: 0 0 auto; display: flex; align-items: center; gap: 22px; padding: 14px 32px; border-top: 1px solid #e8edf1; font-size: 13px; color: #5b6770; }
.w-new-search-foot > span { display: inline-flex; align-items: center; gap: 6px; }
.w-new-search-key { display: inline-grid; place-items: center; min-width: 22px; height: 22px; box-sizing: border-box; padding: 0 6px; border-radius: 7px; background: #f1f4f7; font-size: 12px; font-weight: 500; color: #44505a; }
@media (max-width: 640px) {
.w-new-search-scrim { padding: 0; }
.w-new.w-new-search-panel { width: 100%; height: 100%; max-height: none; border-radius: 0; box-shadow: none; }
.w-new-search-bar { padding: 16px 16px 14px 20px; gap: 12px; }
.w-new-search-input { font-size: 22px; }
.w-new-search-clear { display: none; }
.w-new-search-close { display: inline-grid; }
.w-new-search-list { padding: 0 8px 24px; }
.w-new-search-label { padding-left: 12px; padding-right: 12px; }
.w-new .w-new-search-row { padding: 12px; gap: 14px; }
.w-new-search-tag { display: none; }
.w-new-search-foot { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.w-new-search-scrim, .w-new.w-new-search-panel { animation: none; }
}
.w-new-home-logos { position: relative; z-index: 2; color: #fff; background: rgba(11,13,16,.22); -webkit-backdrop-filter: blur(20px) saturate(1.5); backdrop-filter: blur(20px) saturate(1.5); }
.w-new-home-logos .w-sec-hero-logos { background: none; border-top: 0; }
@media (min-width: 761px) {
.w-new-home-logos { height: 72px; margin-top: -72px; }
.w-new-home-logos .w-sec-hero-logos { height: 72px; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 0 32px; }
.w-new-hero-word-b { bottom: 128px; }
.w-new-hero-foot { bottom: calc(128px + var(--w-new-word) * .1213); }
}
@media (max-width: 760px) {
.w-new-hero { padding-bottom: calc(148px + 100lvh - 100svh); }
.w-new-home-logos { height: 52px; margin-top: calc(100svh - 100lvh - 132px); margin-bottom: calc(100lvh + 80px - 100svh); }
.w-new-home-logos .w-sec-hero-logos { height: 52px; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 16px; padding: 0 16px; }
.w-new-home-logos .w-sec-hero-logos-k { font-size: 11px; }
}
.w-sec-hero-logos { position: relative; z-index: 1; width: 100%; max-width: 1480px; margin: 0 auto; box-sizing: border-box; padding: 18px 32px 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; border-top: 1px solid rgba(255,255,255,.14); }
.w-sec-hero-logos-k { flex: none; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.w-sec-hero-logos-row { flex: 1; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.w-sec-hero-logos-row[data-over="true"] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent); }
.w-sec-hero-logos-row[data-ticker="true"] { -webkit-mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent); }
.w-sec-hero-logos-row::-webkit-scrollbar { display: none; }
.w-sec-hero-logos-track { display: flex; align-items: center; width: max-content; }
.w-sec-hero-logos-row:not([data-ticker="true"]) .w-sec-hero-logos-track { justify-content: flex-start; }
.w-sec-hero-logos-row:not([data-ticker="true"]) img:last-child { margin-right: 0; }
.w-sec-hero-logos-row img { flex: none; height: 24px; width: auto; max-width: 118px; margin-right: 64px; object-fit: contain; filter: brightness(0) invert(1); opacity: .86; }
.w-sec-hero-logos-row[data-ticker="true"] { overflow: hidden; }
.w-sec-hero-logos-row[data-ticker="true"] .w-sec-hero-logos-track { animation: wSecTicker var(--w-sec-tick, 40s) linear infinite; }
.w-sec-hero-logos-row[data-ticker="true"]:hover .w-sec-hero-logos-track { animation-play-state: paused; }
@keyframes wSecTicker { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .w-sec-hero-logos-row[data-ticker="true"] { overflow-x: auto; } .w-sec-hero-logos-row[data-ticker="true"] .w-sec-hero-logos-track { animation: none; } }
@media (max-width: 960px) {
.w-sec-hero-logos { background: #0b0d10; flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px 16px 28px; border-top: 0; }
.w-sec-hero-logos-row { width: 100%; }
.w-sec-hero-logos-row img { height: 20px; max-width: 96px; margin-right: 32px; }
}
.w-new-plist { list-style: none; margin: 56px auto 0; padding: 0; max-width: 1240px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; }
.w-new-plist li { border-top: 1px solid #e3e7eb; }
.w-new-plist li:nth-last-child(-n+2) { border-bottom: 1px solid #e3e7eb; }
.w-new .w-new-plist a { display: grid; grid-template-columns: 1fr 36px; align-items: center; gap: 20px; padding: 22px 0; color: #0a1317; text-decoration: none; }
.w-new-plist-name { display: flex; align-items: center; flex-wrap: wrap; column-gap: 14px; row-gap: 6px; font-size: 22px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.2; }
.w-new-plist-line { display: block; margin-top: 4px; font-size: 15px; line-height: 1.45; color: #5b6770; text-wrap: pretty; }
.w-new-plist-marks { display: inline-flex; gap: 8px; filter: grayscale(1); opacity: .45; transition: filter .2s, opacity .2s; }
.w-new .w-new-plist a:hover .w-new-plist-marks, .w-new .w-new-plist a:focus-visible .w-new-plist-marks { filter: none; opacity: 1; }
.w-new .w-new-plist-marks img { width: 16px; height: 16px; object-fit: contain; display: block; }
.w-new-plist-go { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; color: #0a1317; transition: background .2s, color .2s, transform .2s; }
.w-new .w-new-plist a:hover .w-new-plist-go, .w-new .w-new-plist a:focus-visible .w-new-plist-go { background: #1a73e8; color: #fff; transform: translateX(2px); }
.w-new .w-new-plist a:hover .w-new-plist-name { color: #1a73e8; }
.w-new .w-new-plist a:focus-visible { outline: 2px solid #1a73e8; outline-offset: 4px; border-radius: 8px; }
.w-new-plist-help { margin: 48px auto 0; max-width: 640px; text-align: center; }
.w-new-plist-help strong { display: block; font-size: 22px; font-weight: 600; letter-spacing: -0.015em; color: #0a1317; }
.w-new-plist-help p { margin: 6px 0 20px; font-size: 16px; line-height: 1.5; color: #5b6770; text-wrap: balance; }
@media (max-width: 900px) {
.w-new-plist-help { margin-top: 32px; }
.w-new-plist { grid-template-columns: 1fr; margin-top: 32px; }
.w-new-plist li:nth-last-child(2) { border-bottom: 0; }
.w-new .w-new-plist a { grid-template-columns: 1fr 28px; gap: 16px; padding: 18px 0; }
.w-new-plist-name { font-size: 19px; }
.w-new-plist-line { font-size: 14px; }
}
.w-new-hww-rows { display: grid; gap: 18px; margin: 0 0 10px; padding: 0; list-style: none; }
.w-new-hww-row { display: grid; grid-template-columns: 40px 1fr; gap: 14px; align-items: start; }
.w-new .w-new-hww-ico { display: grid; place-items: center; width: 40px; height: 40px; margin: 0; border-radius: 100px; background: #f1f4f7; color: #1a73e8; }
.w-new-hww-ico svg { display: block; }
.w-new-hww-t { display: block; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
.w-new-hww-d { display: block; margin-top: 2px; font-size: 15px; line-height: 1.5; color: #44505a; }
.w-new-hww-feed { margin-top: 64px; }
.w-new-hww-feed-h { margin: 0 0 8px; text-align: center; font-size: clamp(24px, 2.2vw, 32px); font-weight: 500; letter-spacing: -0.02em; }
.w-new-hww-feed-l { margin: 0 auto 28px; max-width: 48em; text-align: center; font-size: 16px; line-height: 1.5; color: #5b6770; }
@property --w-new-misc-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes wNewMiscAngle { to { --w-new-misc-a: 360deg; } }
.w-new-misc-signoff { display: flex; flex-direction: column; gap: 20px; padding: 32px; border-radius: 24px; text-align: left; border: 1.5px solid transparent; background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--w-new-misc-a), #ea4335, #fbbc04, #34a853, #4285f4, #7c3aed, #ea4335) border-box; animation: wNewMiscAngle 6s linear infinite; }
.w-new-misc-signoff-tag { font-size: 13px; color: #1a73e8; font-weight: 500; }
.w-new-misc-signoff-text { margin: 0; flex: 1; font-size: 19px; font-weight: 500; line-height: 1.4; letter-spacing: -0.01em; }
.w-new-misc-signoff-by { display: flex; align-items: flex-start; gap: 12px; padding-top: 20px; border-top: 1px solid #e3e8ed; }
.w-new-misc-signoff-by img { width: 40px; height: 40px; border-radius: 100px; object-fit: cover; flex: none; background: #dfe5ea; }
.w-new-misc-signoff-name { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; }
.w-new-misc-badge { padding: 3px 10px; border-radius: 100px; font-size: 12px; font-weight: 500; background: #e6f4ea; color: #137333; }
.w-new-misc-badge[data-verdict="added"] { background: #e8f0fe; color: #1558b8; }
.w-new-misc-badge[data-verdict="declined"] { background: #fce8e6; color: #c5221f; }
.w-new-misc-signoff-note { margin-top: 6px; font-size: 14px; line-height: 1.5; color: #44505a; }
@media (prefers-reduced-motion: reduce) { .w-new-misc-signoff { animation: none; } }
@media (max-width: 1100px) { .w-new-misc-signoff { padding: 24px; } }
.w-sec-team { padding: 88px 0; background: #f1f4f7; overflow: hidden; }
.w-sec-team[data-tone="white"] { background: #fff; }
.w-sec-team-in { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 0 32px 28px; }
.w-sec-team-k { margin: 0 0 8px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #5b6770; }
.w-sec-team-h { margin: 0; font-size: clamp(32px, 3.400vw, 48px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; }
.w-sec-team-p { margin: 18px 0 0; max-width: 46ch; font-size: 17px; line-height: 1.5; color: #44505a; }
.w-new .w-sec-team-rail { display: block; position: relative; text-decoration: none; color: inherit; -webkit-mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent); }
.w-sec-team-track { display: flex; width: max-content; padding: 16px 0 28px; animation: wSecTeam var(--w-sec-team, 60s) linear infinite; }
.w-sec-team-rail:hover .w-sec-team-track { animation-play-state: paused; }
@keyframes wSecTeam { to { transform: translateX(-50%); } }
.w-sec-team-av { position: relative; flex: none; width: 88px; height: 88px; margin-right: 18px; transition: transform 200ms ease; }
.w-sec-team-av i { display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 0 0 3px #fff, 0 10px 24px -10px rgba(10,19,23,.35); }
.w-sec-team-av img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.w-sec-team-av:hover { transform: translateY(-4px) scale(1.04); z-index: 2; }
.w-sec-team-av span { position: absolute; left: 50%; top: calc(100% + 6px); transform: translateX(-50%); padding: 3px 9px; border-radius: 100px; background: rgba(10,19,23,.86); color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.w-sec-team-av:hover span { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .w-sec-team-track { animation: none; } .w-sec-team-rail { overflow-x: auto; } }
@media (max-width: 760px) {
.w-sec-team { padding: 56px 0; }
.w-sec-team-in { flex-direction: column; align-items: flex-start; padding: 0 16px 22px; }
.w-sec-team-av { width: 64px; height: 64px; margin-right: 12px; }
}
.w-new-cpb { position: relative; overflow: hidden; background: #0b0d10; color: #fff; min-height: min(100vh, 960px); display: flex; flex-direction: column; justify-content: flex-end; padding: 120px 32px 88px; }
.w-new-cpb-bgs { position: absolute; inset: 0; z-index: 0; }
.w-new-cpb-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.w-new-cpb-bg[data-slot="prev"] { opacity: 1; }
.w-new-cpb-bg[data-slot="cur"] { opacity: 1; z-index: 1; transition: opacity 1.2s ease; }
.w-new-cpb::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(180deg, rgba(11,13,16,.45) 0%, rgba(11,13,16,0) 30%, rgba(11,13,16,.3) 55%, rgba(11,13,16,.9) 100%),
linear-gradient(90deg, rgba(11,13,16,.6) 0%, rgba(11,13,16,0) 60%); }
.w-new-cpb-in { position: relative; z-index: 2; width: 100%; max-width: 1680px; margin: 0 auto; }
.w-new-cpb-eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; margin: 0 0 12px; }
.w-new-cpb-eyebrow > span { opacity: .85; }
.w-new-cpb .w-new-tag { background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.w-new-cpb-title { margin: 0; font-size: clamp(40px, 5.6vw, 88px); line-height: 1.02; font-weight: 600; letter-spacing: -0.025em; max-width: 12ch; }
.w-new-cpb-lede { margin: 20px 0 0; font-size: 20px; line-height: 1.5; opacity: .85; max-width: 42ch; }
.w-new-cpb .w-new-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.w-new-cpb .w-new-btns .w-new-btn { background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.w-new-cpb .w-new-btns .w-new-btn:hover, .w-new-cpb .w-new-btns .w-new-btn:focus-visible { background: rgba(255,255,255,.28); }
@media (max-width: 760px) {
.w-new-cpb { padding: 96px 16px 56px; min-height: 82vh; }
.w-new-cpb-lede { font-size: 17px; }
}
.w-new-sprint-lockup { display: inline-block; height: 1.49em; width: 2.79em; vertical-align: -0.565em; overflow: visible; margin: 0 -0.1em 0 0.02em; }
.w-new-sprint-dot { transform-box: fill-box; transform-origin: 50% 100%; animation: wNewSprintDot 2.1s linear 0.6s both; }
@keyframes wNewSprintDot {
0%   { transform: translate(0, -340px) scale(1); animation-timing-function: cubic-bezier(0.55, 0, 1, 1); }
30%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
33%  { transform: translate(0, 26.34px) scale(1.34, 0.66); animation-timing-function: ease-in; }
37%  { transform: translate(0, 26.34px) scale(1, 1); animation-timing-function: cubic-bezier(0, 0, 0.5, 1); }
55%  { transform: translate(0, -36px) scale(1); animation-timing-function: cubic-bezier(0.5, 0, 1, 1); }
71%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
73%  { transform: translate(0, 26.34px) scale(1.18, 0.82); animation-timing-function: ease-in; }
77%  { transform: translate(0, 26.34px) scale(1, 1); animation-timing-function: cubic-bezier(0, 0, 0.35, 1); }
100% { transform: translate(0, 0) scale(1); }
}
.w-new-sprint-lockup[data-wait] .w-new-sprint-dot { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .w-new-sprint-dot { animation: none; } }
.w-new .w-new-sec[id] { scroll-margin-top: 64px; }
.w-new-service-mark { display: block; width: 56px; height: 56px; object-fit: contain; margin: 0 auto 10px; }
.w-new-service-bar-mark { display: inline-block; width: 20px; height: 20px; object-fit: contain; vertical-align: -4px; margin-right: 9px; }
.w-new-dock { position: relative; display: flex; align-items: center; justify-content: center; gap: 14px; height: 96px; margin: 0 auto 14px; }
.w-new .w-new-dock-item { position: relative; display: flex; align-items: center; justify-content: center; width: var(--dock-base); height: var(--dock-base); flex: none; color: #0a1317; transition: width 220ms cubic-bezier(.2,.7,.2,1), height 220ms cubic-bezier(.2,.7,.2,1); }
.w-new .w-new-dock-live .w-new-dock-item { transition: none; }
.w-new .w-new-dock-d0 { --dock-base: 76px; margin: 0 10px; }
.w-new .w-new-dock-d1 { --dock-base: 34px; }
.w-new .w-new-dock-d2 { --dock-base: 28px; }
.w-new .w-new-dock-d3 { --dock-base: 24px; }
.w-new-dock-item img { display: block; width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); opacity: .38; transition: filter 160ms ease, opacity 160ms ease; }
.w-new-dock-d0 img, .w-new-dock-item:focus-visible img { filter: none; opacity: 1; }
@media (hover: hover) { .w-new-dock-item:hover img { filter: none; opacity: 1; } }
.w-new-dock-item img { animation: wNewDockIn 520ms cubic-bezier(.2,.7,.2,1) backwards; }
.w-new-dock-d0 img { animation: wNewDockPop 640ms cubic-bezier(.34,1.56,.64,1) backwards; }
@keyframes wNewDockIn { from { opacity: 0; transform: translateY(10px) scale(.6); } }
@keyframes wNewDockPop { from { opacity: 0; transform: scale(.55); } }
.w-new-dock-tip { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); white-space: nowrap; padding: 4px 10px; border-radius: 8px; background: rgba(32,33,36,.86); color: #fff; font-size: 12px; line-height: 1.3; pointer-events: none; opacity: 0; transition: opacity 120ms ease; }
.w-new-dock-item:not(.w-new-dock-d0):hover .w-new-dock-tip, .w-new-dock-item:not(.w-new-dock-d0):focus-visible .w-new-dock-tip { opacity: 1; }
.w-new-dock-item:focus-visible { outline: 2px solid #1a73e8; outline-offset: 4px; border-radius: 8px; }
@media (max-width: 600px) {
.w-new-dock { justify-content: flex-start; gap: 16px; height: 84px; width: 100vw; margin-left: calc(50% - 50vw); margin-right: 0; padding: 0 calc(50vw - 30px); box-sizing: border-box; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(90deg, transparent, #000 26%, #000 74%, transparent); mask-image: linear-gradient(90deg, transparent, #000 26%, #000 74%, transparent); }
.w-new-dock::-webkit-scrollbar { display: none; }
.w-new .w-new-dock-item { scroll-snap-align: center; }
.w-new .w-new-dock-d0 { --dock-base: 60px; margin: 0 6px; }
.w-new .w-new-dock-d1 { --dock-base: 34px; }
.w-new .w-new-dock-d2, .w-new .w-new-dock-d3 { --dock-base: 30px; }
}
@media (hover: none) { .w-new-dock-tip { display: none; } }
@media (prefers-reduced-motion: reduce) { .w-new .w-new-dock-item, .w-new-dock-item img { transition: none; animation: none; } }
.w-new-budget { margin: 28px 0 0; width: max-content; max-width: calc(100vw - 32px); }
.w-new-budget-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.w-new-budget[data-place="below"] { display: none; margin: 0 auto 36px; padding: 0 16px; box-sizing: border-box; width: auto; }
@media (max-width: 720px) {
.w-new-budget[data-place="hero"] { display: none; }
.w-new-budget[data-place="below"] { display: block; }
.w-new-budget[data-place="below"] .w-new-budget-chips { display: grid; grid-template-columns: 1fr 1fr; }
.w-new-budget[data-place="below"] .w-new-budget-chip { min-width: 0; }
.w-new-budget[data-place="below"] .w-new-budget-chip strong { white-space: normal; }
.w-new-phero:has(+ .w-new-budget[data-place="below"]) { padding-bottom: 20px; }
}
.w-new-budget-chip { min-width: 132px; box-sizing: border-box; padding: 10px 14px 12px; border-radius: 12px; background: #f1f4f7; text-align: left; display: flex; flex-direction: column; gap: 2px; }
.w-new-budget-label { display: flex; align-items: center; gap: 5px; color: #5b6770; font-size: 12px; line-height: 1.3; }
.w-new-budget-label svg { width: 12px; height: 12px; flex: none; fill: none; stroke: #1e8e3e; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.w-new-budget-chip strong { color: #0a1317; font-weight: 500; font-size: 13px; line-height: 1.3; letter-spacing: 0; white-space: nowrap; margin-bottom: 10px; }
.w-new-budget-bar { position: relative; display: block; height: 3px; margin-top: auto; border-radius: 2px; background: #dfe5ea; overflow: hidden; }
.w-new-budget-bar b { position: absolute; top: 0; bottom: 0; border-radius: 2px; background: #34a853; }
.w-new-budget[data-anim="armed"] .w-new-budget-chip { opacity: 0; }
.w-new-budget[data-anim="armed"] .w-new-budget-bar b { transform: scaleX(0); }
.w-new-budget[data-anim="in"] .w-new-budget-chip { animation: w-new-budget-rise 520ms cubic-bezier(.2,.7,.2,1) calc(var(--i, 0) * 80ms) both; }
.w-new-budget[data-anim="in"] .w-new-budget-bar b { transform-origin: left; animation: w-new-budget-grow 900ms cubic-bezier(.2,.7,.2,1) calc(250ms + var(--i, 0) * 80ms) both; }
@keyframes w-new-budget-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes w-new-budget-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.w-new-budget-note { margin: 12px 0 0; color: #8a949c; font-size: 12px; line-height: 1.3; text-align: center; }
.w-new-btns.w-new-btns-accred { align-items: stretch; flex-wrap: nowrap; gap: 0; }
.w-new-btns-accred .w-new-btn + .w-new-btn { margin-left: 12px; }
.w-new-accred-rule { width: 1px; margin: 0 18px; background: currentColor; opacity: .18; flex: none; }
.w-new .w-new-accred { display: flex; align-items: center; gap: 10px; color: #0a1317; font-size: 15px; font-weight: 500; text-decoration: none; }
.w-new-accred > img { height: 52px; width: auto; display: block; }
.w-new-accred > img.w-new-accred-mark { height: 26px; }
.w-new-accred-line { max-width: 10em; line-height: 1.25; }
.w-new-service-ai-marks { display: inline-flex; align-items: center; justify-content: center; gap: 22px; }
.w-new-service-ai-marks img { width: 44px; height: 44px; object-fit: contain; }
@media (max-width: 600px) { .w-new-service-ai-marks { gap: 14px; } .w-new-service-ai-marks img { width: 34px; height: 34px; } }
.w-new-service-reach-mini { display: flex; justify-content: center; gap: 14px; margin: 0 0 18px; }
.w-new-service-reach-mini img { width: 26px; height: 26px; object-fit: contain; }
@media (max-width: 600px) { .w-new-service-reach-mini { gap: 10px; } .w-new-service-reach-mini img { width: 22px; height: 22px; } }
@media (max-width: 600px) {
.w-new-btns.w-new-btns-accred { flex-direction: column; align-items: center; gap: 16px; }
.w-new-accred-rule { display: none; }
}
.w-new-chmenu { position: relative; flex: none; display: flex; }
.w-new .w-new-chmenu-btn { appearance: none; border: 0; margin: 0; padding: 0; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: transparent; color: #0a1317; cursor: pointer; transition: background 150ms ease; }
.w-new .w-new-chmenu-btn:hover, .w-new .w-new-chmenu-btn[aria-expanded="true"] { background: rgba(15,23,42,.07); }
.w-new .w-new-chmenu-btn:focus-visible { outline: 2px solid #1a73e8; outline-offset: 2px; }
.w-new-chmenu-list { position: absolute; top: calc(100% + 10px); left: 0; z-index: 2; list-style: none; margin: 0; padding: 6px; width: 260px; max-height: min(70vh, 520px); overflow-y: auto; background: #fff; border: 1px solid #e3e8ed; border-radius: 16px; box-shadow: 0 18px 40px -16px rgba(15,23,42,.28); }
.w-new .w-new-chmenu-item { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 10px; color: #0a1317; font-size: 15px; text-decoration: none; }
.w-new .w-new-chmenu-item:hover, .w-new .w-new-chmenu-item:focus-visible { background: #f1f4f7; outline: none; }
.w-new .w-new-chmenu-item[data-on] { font-weight: 500; background: #e8f0fe; }
.w-new-services-group + .w-new-services-group { margin-top: 40px; }
.w-new .w-new-services-subhead { margin: 0 0 16px; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: #0a1317; }
.w-new-chmenu-head { display: block; padding: 10px 10px 4px; font-size: 12px; font-weight: 500; letter-spacing: .02em; color: #8a949c; }
.w-new-chmenu-sub { list-style: none; margin: 0; padding: 0; }
.w-new-chmenu-item img { width: 22px; height: 22px; object-fit: contain; flex: none; }
.w-new-chmenu-initial { display: grid; place-items: center; width: 22px; height: 22px; flex: none; border-radius: 100px; background: #0a1317; color: #fff; font-size: 12px; font-weight: 500; }
.w-new-steer { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; text-align: left; }
.w-new-steer[data-cols="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-steer[data-cols="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.w-new-steer li { padding-top: 22px; border-top: 2px solid #0a1317; }
.w-new-steer h3 { margin: 0 0 12px; font-size: 20px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: #0a1317; }
.w-new-steer p { margin: 0; font-size: 16px; line-height: 1.6; color: #5b6770; }
@media (max-width: 960px) { .w-new-steer, .w-new-steer[data-cols="4"] { grid-template-columns: minmax(0, 1fr); gap: 32px; } }
.w-new-overview { position: relative; display: flex; align-items: flex-end; min-height: 640px; overflow: hidden; isolation: isolate; background: #10151a; text-align: left; }
.w-new-overview-img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.w-new-overview::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10,14,18,.05) 0%, rgba(10,14,18,.35) 40%, rgba(10,14,18,.86) 100%); }
.w-new-overview-in { width: 100%; max-width: 1680px; margin: 0 auto; padding: 88px 32px; box-sizing: border-box; }
.w-new-overview-text { max-width: 760px; color: #fff; }
.w-new .w-new-overview-text h2 { margin: 0 0 18px; font-size: clamp(32px, 3.400vw, 48px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; color: #fff; text-wrap: balance; }
.w-new .w-new-overview-text p { margin: 0; font-size: 18px; line-height: 1.55; color: rgba(255,255,255,.88); }
@media (max-width: 720px) { .w-new-overview { min-height: 640px; } .w-new-overview-in { padding: 48px 16px; } .w-new .w-new-overview-text p { font-size: 16px; } }
.w-new-services-formats { text-align: left; }
.w-new-services-format { background: #fff; border-radius: 24px; padding: 26px 26px 28px; }
.w-new-services-format-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #e8f0fe; color: #1a73e8; margin-bottom: 18px; }
.w-new-services-format h3 { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 8px; font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; color: #0a1317; }
.w-new-services-format-mini { display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; margin-top: calc((1.3em - 28px) / 2); border-radius: 8px; background: #eef3fd; color: #1a73e8; }
.w-new-services-format p { margin: 0; font-size: 15px; line-height: 1.55; color: #5b6770; }
.w-new-services-format[data-link] { padding: 0; }
.w-new .w-new-services-format-a { display: block; height: 100%; box-sizing: border-box; padding: 26px 26px 28px; border-radius: inherit; color: inherit; text-decoration: none; transition: box-shadow 180ms ease, transform 180ms ease; }
.w-new .w-new-services-format-a:hover { box-shadow: 0 14px 30px -18px rgba(15,23,42,.35); transform: translateY(-2px); }
.w-new .w-new-services-format-a:focus-visible { outline: 2px solid #1a73e8; outline-offset: 3px; }
.w-new-services-format-more { display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 500; color: #1a73e8; }
.w-new-service-marks { display: inline-flex; align-items: center; gap: 18px; margin: 0 auto 10px; }
.w-new-service-marks .w-new-service-mark { margin: 0; }
.w-new-service-marks-rule { width: 1px; height: 44px; background: currentColor; opacity: .18; }
.w-new .w-new-service-sprint { appearance: none; border: 0; margin: 0; padding: 0; background: none; color: #0a1317; cursor: pointer; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; font: inherit; text-align: left; transition: opacity 160ms ease; }
.w-new .w-new-service-sprint:hover { opacity: .72; }
.w-new-service-sprint small { font-size: 9px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #5b6770; line-height: 1; padding-left: 2px; }
.w-new-service-sprint .w-new-sprint-lockup { font-size: 36px; margin: 0; vertical-align: 0; }
.w-new-service-platforms { margin: 36px auto 0; max-width: 620px; text-align: center; }
.w-new-service-platforms-rule { display: block; height: 1px; background: currentColor; opacity: .12; margin-bottom: 22px; }
.w-new-service-platforms p { margin: 0 0 14px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #5b6770; }
.w-new-service-platforms ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 28px; }
.w-new-service-platforms img { height: 26px; width: auto; display: block; filter: grayscale(1); opacity: .62; transition: filter 200ms ease, opacity 200ms ease; }
.w-new-service-platforms li:hover img { filter: none; opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
.w-new-service-sprint .w-new-sprint-dot { animation: wNewSprintDotHero 2.4s linear 0.5s both; }
}
@keyframes wNewSprintDotHero {
0%   { transform: translate(0, -900px) scale(1); animation-timing-function: cubic-bezier(0.55, 0, 1, 1); }
38%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
41%  { transform: translate(0, 26.34px) scale(1.34, 0.66); animation-timing-function: ease-in; }
45%  { transform: translate(0, 26.34px) scale(1, 1); animation-timing-function: cubic-bezier(0, 0, 0.5, 1); }
60%  { transform: translate(0, -36px) scale(1); animation-timing-function: cubic-bezier(0.5, 0, 1, 1); }
74%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
76%  { transform: translate(0, 26.34px) scale(1.18, 0.82); animation-timing-function: ease-in; }
80%  { transform: translate(0, 26.34px) scale(1, 1); animation-timing-function: cubic-bezier(0, 0, 0.35, 1); }
100% { transform: translate(0, 0) scale(1); }
}
.w-new .w-new-services-crumb { opacity: .78; }
.w-new .w-new-services-crumb:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.w-new-services-sep { margin: 0 8px; opacity: .5; }
.w-new-practice-badges { animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 380ms both; }
.w-new-practice-badges img[data-badge="microsoft"] { height: 43px; }
@media (max-width: 600px) { .w-new-practice-badges { flex-wrap: wrap; row-gap: 12px; } .w-new-practice-badges .w-new-hero-rule { display: none; } .w-new-practice-badges img { height: 40px; } .w-new-practice-badges img[data-badge="microsoft"] { display: none; } }
@media (prefers-reduced-motion: reduce) { .w-new-practice-badges { animation: none; } }
.w-new-phero[data-size="split"] .w-new-practice-badges .w-new-hero-rule { background: rgba(10,19,23,.18); }
.w-new-phero[data-size="split"] .w-new-practice-badges img { box-shadow: 0 0 0 1px rgba(10,19,23,.1); }
.w-new-services-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.w-new-services-pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 100px; background: rgba(255,255,255,.16); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff; font-size: 13px; line-height: 1.3; }
.w-new-services-pill strong { font-weight: 700; }
.w-new-services-note { margin: 0 0 22px; padding: 14px 18px; border-radius: 16px; background: rgba(255,255,255,.16); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: 15px; line-height: 1.5; }
.w-new-ai-play { position: relative; }
.w-new .w-new-ai-play-btn { position: absolute; inset: 0; z-index: 2; margin: 0; padding: 0; border: 0; border-radius: 24px; background: transparent; cursor: pointer; appearance: none; }
.w-new-ai-play-pill { position: absolute; top: 16px; right: 16px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px 8px 11px; border-radius: 100px; background: rgba(10,19,23,.45); color: #fff; font-size: 16px; font-weight: 500; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: background 160ms ease; }
.w-new-ai-play-pill svg { width: 14px; height: 14px; fill: currentColor; }
.w-new-ai-play-btn:hover .w-new-ai-play-pill, .w-new-ai-play-btn:focus-visible .w-new-ai-play-pill { background: rgba(10,19,23,.75); }
.w-new-ai-play-btn:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; }
.w-new-rail .w-new-ai-play-btn:focus-visible { outline-offset: -3px; }
.w-new-ai-video-note { margin: 20px 0 32px; text-align: center; font-size: 13px; color: #5f6b76; }
.w-new-services-note-hero { margin: 20px auto 0; max-width: 560px; background: #f1f4f7; text-align: left; }
.w-new-services-proof { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 26px; font-size: 13px; line-height: 1.35; }
.w-new-services-proof img { height: 44px; width: auto; display: block; border-radius: 6px; }
.w-new-services-proof strong { display: block; font-size: 14px; font-weight: 500; }
.w-new-services-proof small { display: block; font-size: 12px; opacity: .78; }
.w-new .w-new-services-update { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 8px 16px 8px 10px; border-radius: 100px; background: rgba(255,255,255,.16); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff; font-size: 13px; line-height: 1.3; max-width: 100%; }
.w-new-services-update img { width: 20px; height: 20px; flex: none; }
.w-new-services-update span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.w-new-services-reach { list-style: none; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 28px 44px; max-width: 1100px; }
.w-new-services-reach li { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 96px; font-size: 16px; font-weight: 500; color: #0a1317; }
.w-new-services-reach img { width: 64px; height: 64px; object-fit: contain; }
@media (max-width: 600px) { .w-new-services-reach { gap: 24px 20px; } .w-new-services-reach li { width: 72px; font-size: 14px; } .w-new-services-reach img { width: 52px; height: 52px; } }
.w-new-services-logos { padding: 88px 32px; text-align: center; }
.w-new-services-logos[data-tone="well"] { background: #f1f4f7; }
.w-new-services-logos-label { font-size: 15px; color: #44505a; margin: 0 0 28px; }
.w-new-services-logos-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 56px; }
.w-new-services-logos-row img { height: 28px; width: auto; max-width: 130px; object-fit: contain; filter: brightness(0); opacity: .55; display: block; transition: opacity 160ms ease; }
.w-new-services-logos-row a:hover img { opacity: .9; }
.w-new .w-new-services-svc { display: flex; flex-direction: column; align-items: flex-start; padding: 32px; min-height: 0; transition: transform 200ms ease; }
.w-new .w-new-services-svc:hover { transform: translateY(-3px); }
.w-new-services-svc-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 36px; margin-bottom: 22px; }
.w-new-services-svc-top img { width: 34px; height: 34px; object-fit: contain; display: block; }
.w-new-services-initial { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 100px; background: #0a1317; color: #fff; font-size: 15px; font-weight: 500; }
.w-new-services-new { display: inline-flex; padding: 5px 12px; border-radius: 100px; background: #e8f0fe; color: #1a73e8; font-size: 12px; font-weight: 500; }
.w-new-services-kicker { display: block; font-size: 14px; color: #1a73e8; margin-bottom: 6px; }
.w-new-services-svc-title { display: block; font-size: 22px; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-services-svc-meta { display: block; margin-top: 6px; font-size: 13px; color: #5b6770; }
.w-new-services-svc-blurb { display: block; margin-top: 12px; font-size: 15px; line-height: 1.55; color: #2a343b; }
.w-new-services-more { display: block; margin-top: auto; padding-top: 18px; font-size: 14px; font-weight: 500; color: #1a73e8; }
.w-new .w-new-services-btn-white { background: #fff; }
.w-new-services-vat { margin: 28px 0 0; text-align: center; font-size: 12px; color: #5b6770; }
.w-new .w-new-services-info { padding: 32px; min-height: 0; }
.w-new-services-info-title { margin: 0 0 10px; font-size: 22px; font-weight: 400; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-services-info-body { margin: 0; font-size: 15px; line-height: 1.6; color: #2a343b; }
.w-new-services-info-body + .w-new-services-more { padding-top: 16px; }
.w-new-services-big { display: block; margin-bottom: 10px; font-size: clamp(40px, 4.400vw, 64px); font-weight: 500; line-height: 1; letter-spacing: -0.035em; }
.w-new-services-list { list-style: none; margin: 0; padding: 0; }
.w-new-services-list li { position: relative; padding: 0 0 12px 30px; font-size: 16px; line-height: 1.5; color: #0a1317; }
.w-new-services-list li::before { content: ''; position: absolute; left: 4px; top: 6px; width: 12px; height: 6px; border-left: 2px solid #1a73e8; border-bottom: 2px solid #1a73e8; transform: rotate(-45deg); }
.w-new-services-list li[data-head="true"] { font-weight: 500; }
.w-new-services-rail { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 16px; scrollbar-width: thin; }
.w-new-services-rail > .w-new-card { flex: 0 0 min(440px, 82vw); aspect-ratio: 4 / 5; scroll-snap-align: start; }
.w-new-services-rail .w-new-card-title { font-size: clamp(24px, 2.200vw, 32px); }
.w-new-services-format { border-radius: 24px; overflow: hidden; background: #fff; }
.w-new-sec:not([data-tone="well"]) .w-new-services-format { background: #f1f4f7; }
.w-new-services-format-img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #dfe5ea; }
.w-new-services-format-body { padding: 28px 32px 32px; }
.w-new .w-new-services-chips { justify-content: flex-start; }
.w-new .w-new-services-chip { text-decoration: none; transition: background 160ms ease; }
.w-new .w-new-services-chip:hover { background: #e3e8ed; }
.w-new .w-new-services-chip[data-on="true"] { background: #0a1317; color: #fff; }
.w-new .w-new-services-chip[data-on="true"]:hover { background: #26323a; }
.w-new .w-new-services-chip-static { cursor: default; }
.w-new-sec[data-tone="well"] .w-new-services-chip-static { background: #fff; }
.w-new-services-repeat { margin-left: 6px; opacity: .6; }
.w-new-services-stages { display: grid; gap: 88px; }
.w-new-services-aside { max-width: 720px; margin: 0 auto; text-align: center; }
.w-new-services-aside h3 { margin: 0 0 14px; font-size: clamp(26px, 2.600vw, 36px); font-weight: 500; letter-spacing: -0.02em; }
.w-new-services-aside p { margin: 0; font-size: 18px; line-height: 1.6; color: #2a343b; }
.w-new-services-legend { margin: 40px 0 0; text-align: center; font-size: 14px; color: #5b6770; }
.w-new-services-tabs { margin-bottom: 40px; }
.w-new-services-leadquote { margin: 0 0 24px; font-size: clamp(24px, 2.600vw, 38px); font-weight: 500; line-height: 1.22; letter-spacing: -0.02em; color: #0a1317; text-wrap: balance; }
.w-new-services-leadby strong { display: block; font-size: 16px; font-weight: 700; }
.w-new-services-leadby small { display: block; margin-top: 2px; font-size: 14px; color: #5b6770; }
.w-new-services-lead .w-new-split-media { aspect-ratio: 4 / 5; }
.w-new-services-lead .w-new-split-media img { object-position: center top; }
.w-new-services-face { width: 56px; height: 56px; border-radius: 100px; object-fit: cover; object-position: center top; display: block; }
.w-new-services-moment-stat { font-size: clamp(56px, 7vw, 112px); font-weight: 500; line-height: 1; letter-spacing: -0.04em; }
.w-new-services-moment-label { margin: 10px 0 28px; font-size: 16px; color: rgba(255,255,255,.72); }
.w-new-services-moment-tri { margin-top: 18px; font-size: 22px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-services-badge { display: block; width: 100%; max-width: 420px; height: auto; border-radius: 18px; margin: 0 0 24px; }
.w-new-services-one-img { display: block; width: 100%; max-width: 960px; height: auto; margin: 56px auto 0; border-radius: 24px; }
.w-new-services-one-tag { display: inline-flex; margin: 0 auto 22px; padding: 6px 14px; border-radius: 100px; background: rgba(255,255,255,.14); font-size: 13px; }
.w-new-services-center { text-align: center; }
.w-new-services-embed { margin-top: 32px; }
@media (max-width: 760px) {
.w-new-services-logos { padding: 56px 16px; }
.w-new-services-logos-row { gap: 24px 36px; }
.w-new-services-logos-row img { height: 22px; max-width: 104px; }
.w-new .w-new-services-svc, .w-new .w-new-services-info { padding: 24px; }
.w-new-services-format-body { padding: 22px 24px 26px; }
.w-new-services-stages { gap: 56px; }
.w-new-services-rail { gap: 16px; }
.w-new-services-update span { white-space: normal; }
}
@media (max-width: 760px) { .w-scroll-signup-sec { padding: 56px 16px !important; } }
@media (max-width: 880px) {
.w-scroll-signup-bar { flex-direction: column !important; align-items: stretch !important; gap: 24px !important; text-align: center; }
.w-scroll-signup-bar > * { flex: 0 0 auto !important; }
.w-scroll-signup-bar > .w-scroll-signup-preview { width: 100% !important; max-width: 280px !important; margin: 0 auto !important; }
.w-scroll-signup-bar > .w-scroll-signup-form { max-width: none !important; }
.w-scroll-signup-bar h3 { font-size: 28px !important; }
}
.w-strip-mobile-cta { display: none !important; }
@media (max-width: 720px) {
.w-strip-inline { display: none !important; }
.w-strip-mobile-cta { display: inline-flex !important; }
}
.w-new-chcards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; text-align: left; }
.w-new-chcards[data-cols="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.w-new .w-new-chcard { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 24px; overflow: hidden; background: #10151a; color: #fff; isolation: isolate; text-decoration: none; }
.w-new-chcard::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, rgba(6,9,12,.5) 0%, rgba(6,9,12,0) 22%, rgba(6,9,12,0) 62%, rgba(6,9,12,.7) 100%); }
.w-new-chcard-photo, .w-new-chcard-stage { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; }
.w-new-chcard-photo { object-fit: cover; transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
.w-new-chcard:hover .w-new-chcard-photo { transform: scale(1.04); }
.w-new-chcard:hover .w-new-range-go, .w-new-chcard:focus-visible .w-new-range-go { background: #fff; color: #0a1317; }
.w-new .w-new-chcard:focus-visible { outline: 2px solid #1a73e8; outline-offset: 3px; }
.w-new-chcard-title { display: flex; align-items: center; gap: 12px; }
.w-new-chcard-mark { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #fff; }
.w-new .w-new-chcard-mark img { width: 24px; height: 24px; object-fit: contain; display: block; }
.w-new .w-new-chcard-mark[data-case] img { width: 28px; filter: brightness(0); opacity: .8; }
.w-new-chcard .w-new-range-line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 960px) { .w-new-chcards, .w-new-chcards[data-cols="3"] { grid-template-columns: minmax(0, 1fr); gap: 16px; } }
@media (prefers-reduced-motion: reduce) { .w-new-chcard-photo { transition: none; } }
.w-new-lead-band { position: relative; overflow: hidden; min-height: clamp(680px, 92vh, 1000px); display: flex; align-items: flex-end; background: #0b0d10; color: #fff; }
.w-new-lead-band-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.w-new-lead-band-scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,9,12,.18) 0%, rgba(6,9,12,.08) 35%, rgba(6,9,12,.78) 100%); }
.w-new-lead-band-in { position: relative; width: 100%; padding: 120px 32px 72px; display: grid; gap: 32px; }
.w-new-lead-band-eyebrow { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: 0.01em; color: rgba(255,255,255,.78); }
.w-new-lead-band-quote { margin: 0; max-width: 19em; font-size: clamp(30px, 3.9vw, 58px); font-weight: 500; line-height: 1.12; letter-spacing: -0.03em; text-wrap: balance; text-shadow: 0 1px 2px rgba(6,9,12,.3); }
.w-new-lead-band-by { display: flex; align-items: center; gap: 14px; }
.w-new-lead-band-face { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; object-position: center top; border: 2px solid rgba(255,255,255,.85); background: #1f2328; flex: none; }
.w-new-lead-band-by strong { display: block; font-size: 19px; font-weight: 700; }
.w-new-lead-band-by small { display: block; margin-top: 2px; font-size: 15px; color: rgba(255,255,255,.78); }
@media (max-width: 760px) {
.w-new-lead-band { min-height: 580px; }
.w-new-lead-band-in { padding: 72px 16px 36px; gap: 20px; }
.w-new-lead-band-quote { font-size: 28px; }
.w-new-lead-band-face { width: 52px; height: 52px; }
}
.w-pmj, .w-pmj-note { display: none; }
@media (min-width: 1100px) and (min-height: 600px) {
.w-pmj { display: block; position: absolute; inset: 0; z-index: 1; pointer-events: none; font-size: clamp(13px, min(1.32vw, 2.15vh), 22px); color: #1f2328; }
.w-pmj-note { display: block; position: absolute; right: 32px; bottom: 16px; z-index: 3; margin: 0; font-size: 12px; line-height: 1.3; color: rgba(255,255,255,.62); text-shadow: 0 1px 2px rgba(6,9,12,.4); pointer-events: none; }
}
@media (min-width: 1100px) and (min-height: 600px) {
.w-new-phero:has(.w-pmj) > .w-new-phero-media { scale: -1 1; object-position: 62% center; }
}
.w-new-phero:has(.w-pmj) > .w-new-phero-in { z-index: 2; pointer-events: none; }
.w-new-phero:has(.w-pmj) > .w-new-phero-in > * { pointer-events: auto; }
.w-pmj-cover { position: absolute; inset: 0; z-index: 0; background: #0b0d10; }
.w-pmj-scene { position: absolute; inset: 0; opacity: 0; }
.w-pmj-scene[data-prev] { opacity: 1; z-index: 1; }
.w-pmj-scene[data-on] { opacity: 1; z-index: 2; transition: opacity 900ms ease; }
.w-pmj-scene[data-first] { transition: none; }
.w-pmj-scene img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.w-pmj-slot { position: absolute; right: 4%; top: 50%; transform: translateY(-50%); z-index: 3; max-width: 44%; pointer-events: auto; }
.w-pmj .w-ad-mark { display: inline-grid; place-items: center; flex: none; border-radius: 28%; background: #3d6b55; color: #f3ede2; font-weight: 600; line-height: 1; }
.w-pmj .w-ad-art { display: grid; place-items: center; width: 100%; height: 100%; }
.w-pmj .w-ad-art svg { width: 78%; height: 78%; }
.w-pmj .w-ad-icon { display: block; object-fit: contain; flex: none; }
.w-pmj-card { display: block; color: inherit; text-decoration: none; border-radius: 1.1em; }
.w-pmj-in { display: block; position: relative; background: rgba(255,255,255,.97); border-radius: 1.1em; padding: 1em; box-shadow: 0 1.6em 3.6em -1.4em rgba(6,9,12,.6), 0 0 0 1px rgba(255,255,255,.4); line-height: 1.3;
transition: scale 260ms cubic-bezier(.2,.7,.2,1), box-shadow 260ms ease;
animation: wPmjIn 700ms cubic-bezier(.2,.7,.2,1) 350ms both; }
.w-pmj-card:hover .w-pmj-in, .w-pmj-card:focus-visible .w-pmj-in { scale: 1.02; box-shadow: 0 2.4em 4.6em -1.4em rgba(6,9,12,.7), 0 0 0 2px #3b82f6; }
.w-pmj-card:focus-visible { outline: none; }
@keyframes wPmjIn { from { opacity: 0; transform: translateY(1.2em) scale(.96); } to { opacity: 1; transform: none; } }
.w-pmj-tabs { position: absolute; right: 0; bottom: calc(100% + 0.6em); display: flex; gap: 0.3em; padding: 0.3em; border-radius: 100px; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 0.6em 1.6em -0.6em rgba(6,9,12,.5); width: max-content; }
.w-pmj-tab { appearance: none; display: inline-flex; align-items: center; gap: 0; margin: 0; padding: 0.4em; border: 0; border-radius: 100px; background: transparent; color: #1f2328; font: inherit; font-size: 0.8em; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 0 transparent; transition: background 200ms ease, box-shadow 200ms ease, padding 200ms ease; }
.w-pmj-tab-name { max-width: 0; overflow: hidden; opacity: 0; transition: max-width 260ms ease, opacity 200ms ease, margin 260ms ease; }
.w-pmj-tab:hover { background: #f3f4f6; }
.w-pmj-tab[data-on] { padding: 0.4em 0.85em 0.4em 0.5em; background: #f3f4f6; }
.w-pmj-tab[data-on] .w-pmj-tab-name { max-width: 8em; opacity: 1; margin-left: 0.45em; }
.w-pmj-tab:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.w-pmj-step-ico { width: 1.4em; height: 1.4em; }
.w-pmj-step-tick { display: grid; place-items: center; width: 1.4em; height: 1.4em; border-radius: 100px; background: #16a34a; }
.w-pmj-step-tick svg { width: 0.85em; height: 0.85em; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.w-pmj-step { display: none; }
.w-pmj-chan { width: 1.3em; height: 1.3em; }
.w-pmj-sponsored { display: block; margin: 0.7em 0 0.35em; font-size: 0.78em; font-weight: 700; color: #1f2328; }
.w-pmj-desc { margin: 0.35em 0 0; font-size: 0.84em; color: #4b5563; }
.w-pmj small { display: block; font-size: 0.78em; color: #6b7280; }
.w-pmj-stars { color: #f59e0b; letter-spacing: -0.05em; }
.w-pmj-ig { width: 17em; } .w-pmj-g { width: 25em; } .w-pmj-cg { width: 24em; } .w-pmj-yt { width: 28em; } .w-pmj-done { width: 23em; }
.w-pmj-ig .w-pmj-in { padding: 0; }
.w-pmj-ig-head { display: flex; align-items: center; gap: 0.6em; padding: 0.7em 0.8em; font-size: 0.82em; line-height: 1.15; border-radius: 1.1em 1.1em 0 0; }
.w-pmj-ig-head > span { flex: 1; }
.w-pmj-ig-head small { font-size: 0.85em; }
.w-pmj-ig-dots { flex: none !important; font-weight: 700; letter-spacing: 0.05em; }
.w-pmj-ig-img { position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.w-pmj-ig-img .w-ad-art { position: absolute; inset: 0; }
.w-pmj-ig-img .w-ad-clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-pmj-ig-cta { display: flex; justify-content: space-between; padding: 0.55em 0.85em; background: #3b82f6; color: #fff; font-size: 0.82em; font-weight: 600; }
.w-pmj-ig-icons { display: flex; gap: 0.7em; padding: 0.6em 0.8em 0.2em; }
.w-pmj-ig-icons svg { width: 1.25em; height: 1.25em; fill: none; stroke: #1f2328; stroke-width: 2; stroke-linejoin: round; }
.w-pmj-ig-save { margin-left: auto; }
.w-pmj-ig-likes { margin: 0; padding: 0.2em 0.9em 0; font-size: 0.78em; }
.w-pmj-ig-cap { margin: 0; padding: 0.1em 0.9em 0.8em; font-size: 0.78em; color: #374151; border-radius: 0 0 1.1em 1.1em; }
.w-pmj-ig-cap span { color: #9ca3af; }
.w-pmj-box { display: flex; align-items: center; gap: 0.6em; margin-top: 0.5em; padding: 0.6em 0.9em; border-radius: 100px; box-shadow: 0 0 0 1px #dfe1e5; font-size: 0.92em; }
.w-pmj-box-go { width: 1.1em; height: 1.1em; margin-left: auto; fill: none; stroke: #4285f4; stroke-width: 2.2; stroke-linecap: round; flex: none; }
.w-pmj-q { display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: bottom; }
.w-pmj-q::after { content: ''; display: inline-block; width: 1px; height: 1em; margin-left: 2px; vertical-align: -0.12em; background: #1f2328; animation: wPmjCaret 1s steps(1) infinite; }
@keyframes wPmjCaret { 50% { opacity: 0; } }
.w-pmj-site { display: flex; align-items: center; gap: 0.55em; font-size: 0.84em; line-height: 1.2; }
.w-pmj-g-title { margin-top: 0.4em; color: #1a0dab; font-size: 1.04em; }
.w-pmj-g-rating { margin: 0.35em 0 0; font-size: 0.8em; }
.w-pmj-g-rating small { display: inline; }
.w-pmj-g-links { display: flex; flex-wrap: wrap; gap: 0.4em; margin-top: 0.55em; }
.w-pmj-g-links span { padding: 0.3em 0.7em; border-radius: 100px; box-shadow: 0 0 0 1px #dfe1e5; color: #1a0dab; font-size: 0.76em; }
.w-pmj-cg-q { display: flex; justify-content: flex-end; margin-top: 0.5em; }
.w-pmj-cg-q span { max-width: 85%; padding: 0.6em 0.9em; border-radius: 1.1em 1.1em 0.3em 1.1em; background: #f3f4f6; font-size: 0.88em; font-weight: 500; }
.w-pmj-cg-ans { display: flex; align-items: flex-start; gap: 0.6em; margin-top: 0.7em; }
.w-pmj-cg-ans .w-pmj-desc { margin: 0.1em 0 0; }
.w-pmj-cg-ad { display: flex; align-items: center; gap: 0.7em; padding: 0.55em; border-radius: 0.9em; box-shadow: 0 0 0 1px #e5e7eb; font-size: 0.86em; }
.w-pmj-cg-img { width: 4em; height: 4em; border-radius: 0.7em; overflow: hidden; flex: none; }
.w-pmj-cg-img img, .w-pmj-done-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.w-pmj-cg-txt { flex: 1; min-width: 0; }
.w-pmj-cg-btn { flex: none; padding: 0.45em 0.9em; border-radius: 100px; background: #0b0d10; color: #fff; font-size: 0.85em; font-weight: 600; }
.w-pmj-yt .w-pmj-in { padding: 0; }
.w-pmj-pad { position: relative; padding: 1.1em 0.9em 0.9em; border-radius: 1.1em; background: #16181c; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.w-pmj-pad-cam { position: absolute; top: 0.4em; left: 50%; width: 0.3em; height: 0.3em; margin-left: -0.15em; border-radius: 100px; background: #2b2f36; box-shadow: inset 0 0 0 1px #0a0b0d; }
.w-pmj-ytapp { border-radius: 0.5em; overflow: hidden; background: #fff; }
.w-pmj-yt-top { display: flex; align-items: center; gap: 0.45em; padding: 0.5em 0.75em; font-size: 0.82em; }
.w-pmj-yt-search { margin-left: auto; padding: 0.25em 0.9em; border-radius: 100px; box-shadow: 0 0 0 1px #e5e7eb; color: #9ca3af; font-size: 0.85em; }
.w-pmj-yt-player { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.w-pmj-yt-player .w-ad-art, .w-pmj-yt-still { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-pmj-yt-player .w-ad-clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-pmj-yt-info { position: absolute; left: 0.6em; right: 5.2em; bottom: 0.9em; display: flex; align-items: center; gap: 0.5em; padding: 0.4em 0.6em 0.4em 0.45em; border-radius: 0.5em; background: rgba(0,0,0,.65); color: #fff; font-size: 0.76em; line-height: 1.15; }
.w-pmj-yt-info > span:nth-child(2) { flex: 1; min-width: 0; }
.w-pmj-yt-info small { color: rgba(255,255,255,.75); }
.w-pmj-yt-visit { flex: none; padding: 0.35em 0.7em; border-radius: 0.35em; background: #3b82f6; font-weight: 600; }
.w-pmj-yt-skip { position: absolute; right: 0; bottom: 1.1em; padding: 0.45em 0.9em; background: rgba(0,0,0,.8); color: #fff; font-size: 0.8em; font-weight: 600; border: 1px solid rgba(255,255,255,.5); border-right: 0; }
.w-pmj-yt-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 0.3em; background: rgba(255,255,255,.3); }
.w-pmj-yt-bar i { display: block; height: 100%; width: 35%; background: #f1c232; animation: wPmjYtBar 6s linear infinite; }
@keyframes wPmjYtBar { from { width: 0; } to { width: 100%; } }
.w-pmj-yt-title { padding: 0.6em 0.75em 0.2em; font-size: 0.86em; font-weight: 600; }
.w-pmj-yt-chan { display: flex; align-items: center; gap: 0.55em; padding: 0.35em 0.75em 0.7em; font-size: 0.78em; }
.w-pmj-yt-chan > span:nth-child(2) { flex: 1; }
.w-pmj-yt-av { width: 1.9em; height: 1.9em; border-radius: 100px; background: linear-gradient(135deg, #f6c177, #d97757); flex: none; }
.w-pmj-yt-sub { padding: 0.4em 0.9em; border-radius: 100px; background: #0b0d10; color: #fff; font-weight: 600; }
.w-pmj-done .w-pmj-in { padding: 0.9em 1em; font-size: 1.02em; }
.w-pmj-done-row { display: flex; align-items: center; gap: 0.8em; }
.w-pmj-done-row > span:nth-child(2) { flex: 1; }
.w-pmj-done-img { width: 4em; height: 4em; border-radius: 0.7em; overflow: hidden; flex: none; background: #efe7da; }
.w-pmj-cpa { display: block; margin-top: 0.75em; padding-top: 0.7em; border-top: 1px solid #e5e7eb; }
.w-pmj-cpa-row { display: flex; justify-content: space-between; align-items: baseline; font-size: 0.86em; color: #374151; }
.w-pmj-cpa-row b { font-size: 1.25em; color: #16a34a; display: inline-block; }
.w-pmj-cpa-bar { display: flex; gap: 2px; height: 0.55em; margin-top: 0.5em; border-radius: 100px; overflow: hidden; }
.w-pmj-cpa-bar i { display: block; height: 100%; }
.w-pmj-cpa-bar i[data-ch="meta"] { background: #0866ff; }
.w-pmj-cpa-bar i[data-ch="google"] { background: #34a853; }
.w-pmj-cpa-bar i[data-ch="chatgpt"] { background: #10a37f; }
.w-pmj-cpa-bar i[data-ch="youtube"] { background: #ff0000; }
.w-pmj-cpa-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3em 0.8em; margin-top: 0.55em; font-size: 0.78em; color: #4b5563; }
.w-pmj-cpa-list > span { display: flex; align-items: center; gap: 0.4em; }
.w-pmj-cpa-list b { margin-left: auto; color: #1f2328; }
.w-pmj-cpa-ico { width: 1.1em; height: 1.1em; }
.w-pmj-done small { font-size: 0.8em; }
.w-pmj-tick { display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: 100px; background: #16a34a; flex: none; }
.w-pmj-tick svg { width: 1.3em; height: 1.3em; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
@media (max-height: 820px) {
.w-pmj-ig-icons, .w-pmj-ig-likes, .w-pmj-ig-cap { display: none; }
.w-pmj-ig-img { aspect-ratio: 1 / 1; }
.w-pmj-ig-cta { border-radius: 0 0 1.1em 1.1em; }
.w-pmj-yt-chan { display: none; }
}
@media (max-height: 700px) { .w-pmj-ig-img { aspect-ratio: 4 / 3; } }
.w-pmj-ig-like { transition: fill 200ms ease, stroke 200ms ease; }
.w-pmj-card:hover .w-pmj-ig-like { fill: #ef4444; stroke: #ef4444; animation: wPmjPop 420ms cubic-bezier(.2,.7,.2,1) 1; }
@keyframes wPmjPop { 0% { transform: scale(1); } 40% { transform: scale(1.4); } 100% { transform: scale(1); } }
.w-pmj-ig-cta { transition: background 200ms ease; }
.w-pmj-ig-cta span:last-child { transition: transform 240ms ease; }
.w-pmj-card:hover .w-pmj-ig-cta { background: #1d4ed8; }
.w-pmj-card:hover .w-pmj-ig-cta span:last-child { transform: translateX(0.3em); }
.w-pmj-g-ad { margin: 0 -0.5em; padding: 0 0.5em 0.4em; border-radius: 0.7em; transition: box-shadow 240ms ease, background 240ms ease; }
.w-pmj-card:hover .w-pmj-g-ad { box-shadow: 0 0 0 2px #3b82f6; background: #eff6ff; }
.w-pmj-g-title { transition: text-decoration-color 200ms ease; text-decoration: underline; text-decoration-color: transparent; }
.w-pmj-card:hover .w-pmj-g-title { text-decoration-color: #1a0dab; }
.w-pmj-cg-ad { transition: box-shadow 240ms ease; }
.w-pmj-card:hover .w-pmj-cg-ad { box-shadow: 0 0 0 2px #3b82f6; }
.w-pmj-yt-skip { transition: background 200ms ease, color 200ms ease; }
.w-pmj-card:hover .w-pmj-yt-skip { background: #fff; color: #111; }
.w-pmj-tick svg path { stroke-dasharray: 24; stroke-dashoffset: 0; }
.w-pmj-card:hover .w-pmj-tick svg path { animation: wPmjDraw 600ms ease-out 1 both; }
@keyframes wPmjDraw { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } }
.w-pmj-card:hover .w-pmj-tick { animation: wPmjPop 500ms cubic-bezier(.2,.7,.2,1) 1; }
.w-pmj-card:hover .w-pmj-cpa-row b { animation: wPmjPop 500ms cubic-bezier(.2,.7,.2,1) 500ms 1; }
@media (prefers-reduced-motion: reduce) {
.w-pmj-in, .w-pmj-q::after, .w-pmj-yt-bar i { animation: none; }
.w-pmj-scene[data-on] { transition: none; }
.w-pmj-card:hover .w-pmj-ig-like, .w-pmj-card:hover .w-pmj-tick, .w-pmj-card:hover .w-pmj-tick svg path, .w-pmj-card:hover .w-pmj-cpa-row b { animation: none; }
.w-pmj-in, .w-pmj-step::after { transition: none; }
}
.w-pmj-ig-img > img, .w-pmj-tt-video > img, .w-pmj-pin-img > img, .w-pmj-li-img > img, .w-pmj-shop-img > img, .w-pmj-cg-img > img, .w-pmj-done-img > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.w-pmj-shop-img, .w-pmj-cg-img, .w-pmj-done-img, .w-pmj-li-img, .w-pmj-pin-img { position: relative; overflow: hidden; }
.w-pmj-shop-img .w-ad-art, .w-pmj-cg-img .w-ad-art, .w-pmj-done-img .w-ad-art, .w-pmj-li-img .w-ad-art, .w-pmj-pin-img .w-ad-art { position: absolute; inset: 0; }
.w-pmj-shop { width: 26em; } .w-pmj-tt { width: 15em; } .w-pmj-pin { width: 17em; } .w-pmj-li { width: 22em; } .w-pmj-ms { width: 25em; }
.w-pmj-slot.w-pmj-tt .w-pmj-in { padding: 0; background: #000; color: #fff; }
.w-pmj-tt-top { position: absolute; top: 0; left: 0; right: 0; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 1em; padding: 0.7em; font-size: 0.8em; color: rgba(255,255,255,.75); text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.w-pmj-tt-top b { color: #fff; border-bottom: 2px solid #fff; padding-bottom: 0.15em; }
.w-pmj-tt-top .w-pmj-chan { position: absolute; left: 0.8em; top: 0.7em; }
.w-pmj-tt-video { position: relative; aspect-ratio: 9 / 15; border-radius: 1.1em; overflow: hidden; }
.w-pmj-tt-video .w-ad-art { position: absolute; inset: 0; }
.w-pmj-tt-video .w-ad-clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-pmj-tt-video::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 48%; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.7)); }
.w-pmj-tt-rail, .w-pmj-tt-cap, .w-pmj-tt-top { z-index: 1; }
.w-pmj-tt-rail { position: absolute; right: 0.6em; bottom: 5.2em; display: flex; flex-direction: column; align-items: center; gap: 0.9em; }
.w-pmj-tt-rail > span { display: flex; flex-direction: column; align-items: center; gap: 0.15em; font-size: 0.72em; }
.w-pmj-tt-rail svg { width: 1.9em; height: 1.9em; fill: #fff; filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
.w-pmj-tt-rail small { color: #fff; font-size: 0.9em; }
.w-pmj-tt-cap { position: absolute; left: 0.8em; right: 3.4em; bottom: 0.8em; display: flex; flex-direction: column; gap: 0.3em; font-size: 0.78em; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.w-pmj-tt-cap b { font-size: 1.05em; }
.w-pmj-tt-cap small { display: inline-block; align-self: flex-start; padding: 0.15em 0.5em; border-radius: 0.3em; background: rgba(255,255,255,.22); color: #fff; font-size: 0.85em; }
.w-pmj-tt-cap em { font-style: normal; display: block; margin-top: 0.2em; padding: 0.55em; border-radius: 0.4em; background: #fe2c55; text-align: center; font-weight: 700; }
.w-pmj-shop { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.6em; }
.w-pmj-shop-tile { display: flex; flex-direction: column; gap: 0.1em; padding: 0.5em; border-radius: 0.8em; box-shadow: 0 0 0 1px #e5e7eb; font-size: 0.78em; }
.w-pmj-shop-tile[data-on] { box-shadow: 0 0 0 2px #3b82f6; }
.w-pmj-shop-img { display: block; aspect-ratio: 1 / 1; border-radius: 0.5em; margin-bottom: 0.35em; background: #f3f4f6; }
.w-pmj-shop-ph { background: linear-gradient(135deg, #f3f4f6, #e5e7eb); }
.w-pmj-shop-tile b { font-weight: 600; line-height: 1.2; }
.w-pmj-shop-tile em { font-style: normal; font-weight: 700; margin-top: 0.1em; }
.w-pmj-slot.w-pmj-pin .w-pmj-in { padding: 0; }
.w-pmj-pin-img { aspect-ratio: 4 / 5; border-radius: 1.1em 1.1em 0 0; }
.w-pmj-pin-save { position: absolute; top: 0.7em; right: 0.7em; padding: 0.5em 0.9em; border-radius: 100px; background: #e60023; color: #fff; font-size: 0.8em; font-weight: 700; }
.w-pmj-pin-tag { position: absolute; left: 0.7em; bottom: 0.7em; padding: 0.3em 0.6em; border-radius: 100px; background: rgba(255,255,255,.9); color: #1f2328; font-size: 0.72em; font-weight: 600; }
.w-pmj-pin-title { padding: 0.7em 0.9em 0.3em; font-size: 0.86em; font-weight: 600; line-height: 1.3; }
.w-pmj-pin-by { display: flex; align-items: center; gap: 0.5em; padding: 0.2em 0.9em 0.8em; font-size: 0.76em; line-height: 1.15; color: #6b7280; }
.w-pmj-pin-by > span { flex: 1; }
.w-pmj-pin-by b { color: #1f2328; }
.w-pmj-slot.w-pmj-li .w-pmj-in { padding: 0; }
.w-pmj-li-head { display: flex; align-items: center; gap: 0.6em; padding: 0.8em 0.9em 0.5em; font-size: 0.82em; line-height: 1.15; }
.w-pmj-li-head > span { flex: 1; }
.w-pmj-li-text { margin: 0; padding: 0 0.9em 0.7em; font-size: 0.84em; color: #374151; }
.w-pmj-li-img { aspect-ratio: 16 / 9; }
.w-pmj-li-img .w-ad-clip, .w-pmj-pin-img .w-ad-clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-pmj-li-cta { display: flex; align-items: center; gap: 0.6em; padding: 0.7em 0.9em; border-radius: 0 0 1.1em 1.1em; background: #eef3f8; font-size: 0.8em; line-height: 1.2; }
.w-pmj-li-cta > span { flex: 1; }
.w-pmj-li-cta em { font-style: normal; padding: 0.45em 0.9em; border-radius: 100px; border: 1.5px solid #0a66c2; color: #0a66c2; font-weight: 700; }
.w-pmj-ms-title { color: #1a0dab; }
.w-pmj-tt-cap em, .w-pmj-pin-save, .w-pmj-li-cta em, .w-pmj-shop-tile[data-on] { transition: background 200ms ease, color 200ms ease, box-shadow 200ms ease; }
.w-pmj-card:hover .w-pmj-tt-cap em { background: #d61e45; }
.w-pmj-card:hover .w-pmj-pin-save { background: #ad081b; }
.w-pmj-card:hover .w-pmj-li-cta em { background: #0a66c2; color: #fff; }
.w-new-phero[data-size="split"] .w-new-phero-card[data-stage] { aspect-ratio: 16 / 10; background: linear-gradient(160deg, #eaf1fd 0%, #f6f8fb 60%, #eef6f1 100%); }
@media (max-width: 720px) { .w-new-phero[data-size="split"] .w-new-phero-card[data-stage] { aspect-ratio: 4 / 3; } }
@media (max-width: 720px) { .w-new-phero[data-size="split"] .w-new-phero-card[data-stage]:has(.w-ad-phone) { aspect-ratio: 4 / 5; } }
.w-ad-stage { position: absolute; inset: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; padding: 16px 16px 14px; box-sizing: border-box; }
.w-ad-stage[data-compact] { padding: 76px 18px 128px; }
.w-ad-stage[data-compact] .w-ad-backdrop { animation: none; filter: blur(22px) saturate(1.15) brightness(.82); transform: scale(1.06); }
.w-ad-stage[data-compact][data-backdrop] .w-ad-stage-device { animation: wAdRiseIn 0.6s cubic-bezier(.2,.7,.2,1) 0s both; }
.w-ad-stage-device { flex: 1; min-height: 0; width: 100%; container-type: size; display: grid; place-items: center; line-height: 1.35; color: #202124; text-align: left; }
.w-ad-stage-device > * { font-size: min(2.45cqh, 1.65cqw); }
.w-ad-stage-device > .w-ad-phone { font-size: min(2.4cqh, 4.8cqw); }
.w-ad-stage-device > .w-ad-pair { font-size: min(2.25cqh, 2.3cqw); }
.w-ad-caption { flex: none; font-size: 12px; line-height: 1.4; color: #5b6770; text-align: center; }
.w-ad-disclaimer { display: block; margin-top: 0.2em; font-size: 0.9em; opacity: .72; }
.w-ad-backdrop { position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); object-fit: cover; animation: wAdBlurIn 0.8s cubic-bezier(.4,0,.2,1) 0.35s both; }
@keyframes wAdBlurIn { from { filter: none; transform: scale(1); } to { filter: blur(22px) saturate(1.15) brightness(.82); transform: scale(1.06); } }
.w-ad-stage[data-backdrop] .w-ad-stage-device { position: relative; animation: wAdRiseIn 0.7s cubic-bezier(.2,.7,.2,1) 0.6s both; }
@keyframes wAdRiseIn { from { opacity: 0; transform: translateY(2.5em) scale(.97); } to { opacity: 1; transform: none; } }
.w-ad-stage[data-backdrop] .w-ad-caption { color: rgba(255,255,255,.92); text-shadow: 0 1px 8px rgba(0,0,0,.35); animation: wAdRiseIn 0.7s ease 0.9s both; }
@media (prefers-reduced-motion: reduce) {
.w-ad-backdrop { animation: none; filter: blur(22px) saturate(1.15) brightness(.82); transform: scale(1.06); }
.w-ad-stage[data-backdrop] .w-ad-stage-device, .w-ad-stage[data-backdrop] .w-ad-caption { animation: none; }
}
.w-ad-stage:not([data-in]), .w-ad-stage:not([data-in]) * { animation-play-state: paused !important; }
.w-ad-mark { display: inline-grid; place-items: center; flex: none; border-radius: 28%; background: #3d6b55; color: #f3ede2; font-weight: 600; line-height: 1; }
.w-ad-browser { width: 58em; height: 37em; border-radius: 0.9em; background: #fff; overflow: hidden; box-shadow: 0 2.4em 5em -2.2em rgba(15,23,42,.45), 0 0 0 1px rgba(15,23,42,.06); display: flex; flex-direction: column; }
.w-ad-browser-bar { display: flex; align-items: center; gap: 1.1em; padding: 0.75em 1em; background: #eef1f4; border-bottom: 1px solid #e1e5ea; flex: none; }
.w-ad-dots { display: inline-flex; gap: 0.42em; }
.w-ad-dots i { width: 0.72em; height: 0.72em; border-radius: 50%; background: #ff5f57; }
.w-ad-dots i:nth-child(2) { background: #febc2e; }
.w-ad-dots i:nth-child(3) { background: #28c840; }
.w-ad-url { flex: 1; max-width: 30em; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.35em 1em; border-radius: 100px; background: #fff; font-size: 0.82em; color: #5f6368; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.w-ad-clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-ad-icon { display: block; object-fit: contain; flex: none; }
.w-ad-url .w-ad-icon { width: 1.1em; height: 1.1em; }
.w-ad-browser-page { flex: 1; overflow: hidden; position: relative; }
.w-ad-type { display: inline-block; vertical-align: bottom; overflow: hidden; white-space: nowrap; max-width: 0; border-right: 0.09em solid #1a73e8; padding-right: 0.08em; animation: wAdType 10s steps(13, end) infinite, wAdCaret 0.9s step-end infinite; }
@keyframes wAdType { 0%, 4% { max-width: 0; opacity: 1; } 20% { max-width: var(--tw, 8em); } 90% { max-width: var(--tw, 8em); opacity: 1; } 96%, 100% { max-width: var(--tw, 8em); opacity: 0; } }
@keyframes wAdCaret { 50% { border-right-color: transparent; } }
@keyframes wAdLand { 0%, 21% { opacity: 0; transform: translateY(0.8em); } 28%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
@keyframes wAdRing { 0%, 33% { outline: 0.3em solid rgba(26,115,232,0); outline-offset: -0.3em; background: #fff; } 40%, 82% { outline: 0.3em solid rgba(26,115,232,.22); outline-offset: -0.3em; background: #f8fbff; } 90%, 100% { outline: 0.3em solid rgba(26,115,232,0); outline-offset: -0.3em; background: #fff; } }
.w-ad-g { padding: 1.4em 2.2em 0; }
.w-ad-g-head { display: flex; align-items: center; gap: 1.6em; }
.w-ad-g-word { font-size: 1.9em; font-weight: 500; letter-spacing: -0.04em; line-height: 1; }
.w-ad-g-word b { font-weight: 500; }
.w-ad-g-box { flex: 1; max-width: 32em; display: flex; align-items: center; justify-content: space-between; padding: 0.7em 1.2em; border-radius: 100px; box-shadow: 0 1px 6px rgba(32,33,36,.22); font-size: 1em; }
.w-ad-g-box svg { width: 1.25em; height: 1.25em; fill: none; stroke: #1a73e8; stroke-width: 2.2; stroke-linecap: round; }
.w-ad-g-tabs { display: flex; gap: 1.6em; margin: 1.1em 0 0 7.5em; padding-bottom: 0.6em; border-bottom: 1px solid #ebebeb; font-size: 0.84em; color: #5f6368; }
.w-ad-g-tabs b { color: #1a73e8; font-weight: 500; box-shadow: 0 0.65em 0 -0.47em #1a73e8; }
.w-ad-g-results { margin-left: 7.5em; max-width: 36em; padding-top: 1.1em; animation: wAdLand 10s ease-out infinite; }
.w-ad-g-ad { margin: 0 -0.8em 1.3em; padding: 0.6em 0.8em 0.8em; border-radius: 0.8em; animation: wAdRing 10s ease infinite; }
.w-ad-g-sponsored { display: block; font-size: 0.8em; font-weight: 600; color: #202124; margin-bottom: 0.5em; }
.w-ad-g-site { display: flex; align-items: center; gap: 0.7em; }
.w-ad-g-site span:last-child { display: flex; flex-direction: column; line-height: 1.25; }
.w-ad-g-site b { font-size: 0.86em; font-weight: 500; color: #202124; }
.w-ad-g-site small { font-size: 0.74em; color: #4d5156; }
.w-ad-g-fav { display: inline-grid; place-items: center; width: 1.6em; height: 1.6em; border-radius: 50%; background: #e8eaed; color: #5f6368; font-size: 0.86em; font-weight: 600; flex: none; }
.w-ad-g-title { margin: 0.45em 0 0.25em; font-size: 1.22em; line-height: 1.3; color: #1a0dab; }
.w-ad-g-desc { margin: 0; font-size: 0.86em; line-height: 1.5; color: #4d5156; }
.w-ad-g-links { display: flex; flex-wrap: wrap; gap: 0.5em; margin-top: 0.7em; }
.w-ad-g-links span { padding: 0.35em 0.85em; border-radius: 100px; border: 1px solid #dadce0; font-size: 0.8em; color: #1a0dab; }
.w-ad-g-org { margin-bottom: 1.2em; opacity: .5; }
.w-ad-phone { width: 19.5em; height: 40em; padding: 0.55em; border-radius: 2.9em; background: #15181b; box-shadow: 0 2.4em 5em -2em rgba(15,23,42,.5); }
.w-ad-phone-screen { position: relative; width: 100%; height: 100%; border-radius: 2.4em; background: #fff; overflow: hidden; }
.w-ad-phone-notch { position: absolute; z-index: 3; top: 0.55em; left: 50%; width: 5.6em; height: 1.55em; margin-left: -2.8em; border-radius: 1em; background: #15181b; }
.w-ad-art { display: grid; place-items: center; width: 100%; height: 100%; }
.w-ad-art svg { width: 78%; height: 78%; }
.w-ad-tablet { width: 56em; height: 39em; padding: 1.1em; border-radius: 2.4em; background: #15181b; box-shadow: 0 2.4em 5em -2em rgba(15,23,42,.5); }
.w-ad-tablet-screen { position: relative; width: 100%; height: 100%; border-radius: 1.3em; background: #fff; overflow: hidden; }
.w-ad-pt { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 1em 1.1em 0; }
.w-ad-pt-top { display: flex; align-items: center; gap: 0.9em; flex: none; }
.w-ad-pt-logo { width: 1.8em; height: 1.8em; }
.w-ad-pt-search { flex: 1; padding: 0.55em 1.1em; border-radius: 100px; background: #efefef; font-size: 0.82em; color: #767676; }
.w-ad-pt-tabs { display: flex; gap: 1.3em; justify-content: center; padding: 0.8em 0 0.8em; font-size: 0.8em; font-weight: 600; color: #767676; flex: none; }
.w-ad-pt-tab.is-on { color: #111; box-shadow: 0 0.55em 0 -0.4em #111; }
.w-ad-pt-view { flex: 1; min-height: 0; overflow: hidden; }
.w-ad-pt-feed { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.7em; align-items: start; animation: wAdPtScroll 10s cubic-bezier(.45,0,.2,1) infinite; }
@keyframes wAdPtScroll { 0%, 14% { transform: none; opacity: 1; } 34%, 90% { transform: translateY(-6em); opacity: 1; } 96% { transform: translateY(-6em); opacity: 0; } 100% { transform: none; opacity: 0; } }
.w-ad-pt-col { display: flex; flex-direction: column; gap: 0.7em; }
.w-ad-pin-img { position: relative; border-radius: 1em; overflow: hidden; }
.w-ad-pin-ad .w-ad-pin-img { animation: wAdPinRing 10s ease infinite; }
@keyframes wAdPinRing { 0%, 36% { box-shadow: 0 0 0 0 rgba(230,0,35,0); } 44%, 84% { box-shadow: 0 0 0 0.22em rgba(230,0,35,.55); } 92%, 100% { box-shadow: 0 0 0 0 rgba(230,0,35,0); } }
.w-ad-pin-save { position: absolute; top: 0.55em; right: 0.55em; padding: 0.4em 0.75em; border-radius: 100px; background: #e60023; color: #fff; font-size: 0.7em; font-weight: 600; animation: wAdPinSave 10s ease infinite; }
@keyframes wAdPinSave { 0%, 40% { opacity: 0; transform: scale(.85); } 46%, 58% { opacity: 1; transform: none; background: #e60023; } 62%, 88% { opacity: 1; transform: none; background: #111; } 94%, 100% { opacity: 0; } }
.w-ad-pin-save b { font-weight: 600; }
.w-ad-pin-save b + b { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; animation: wAdPinSaved 10s ease infinite; }
.w-ad-pin-save b:first-child { animation: wAdPinSaveTxt 10s ease infinite; }
@keyframes wAdPinSaved { 0%, 60% { opacity: 0; } 62%, 100% { opacity: 1; } }
@keyframes wAdPinSaveTxt { 0%, 60% { opacity: 1; } 62%, 100% { opacity: 0; } }
.w-ad-pin-title { margin: 0.35em 0.2em 0; font-size: 0.7em; font-weight: 600; line-height: 1.25; color: #111; }
.w-ad-pin-by { display: flex; align-items: center; gap: 0.45em; margin: 0.35em 0.2em 0; font-size: 0.62em; line-height: 1.2; color: #767676; }
.w-ad-pin-by b { color: #111; font-weight: 600; }
.w-ad-pair { display: flex; align-items: flex-start; gap: 3em; }
.w-ad-pair > .w-ad-phone:last-child { margin-top: 2.2em; }
.w-ad-ig { position: absolute; inset: 0; display: flex; flex-direction: column; padding-top: 2.5em; }
.w-ad-ig-mark { width: 1.3em; height: 1.3em; }
.w-ad-ig-bar { display: flex; align-items: center; gap: 0.5em; padding: 0.3em 1em 0.6em; border-bottom: 1px solid #efefef; flex: none; }
.w-ad-ig-logo { font-size: 1.15em; font-weight: 600; letter-spacing: -0.02em; font-style: italic; }
.w-ad-ig-view { flex: 1; min-height: 0; overflow: hidden; }
.w-ad-ig-feed { animation: wAdIgScroll 10s cubic-bezier(.45,0,.2,1) infinite; }
@keyframes wAdIgScroll { 0%, 12% { transform: none; opacity: 1; } 32%, 90% { transform: translateY(-24.15em); opacity: 1; } 96% { transform: translateY(-24.15em); opacity: 0; } 100% { transform: none; opacity: 0; } }
.w-ad-ig-post { padding-bottom: 0.9em; }
.w-ad-ig-head { display: flex; align-items: center; gap: 0.6em; padding: 0.6em 0.8em; font-size: 0.78em; }
.w-ad-ig-head span:last-child { display: flex; flex-direction: column; line-height: 1.2; }
.w-ad-ig-head small { font-size: 0.85em; color: #737373; }
.w-ad-ig-av { width: 1.9em; height: 1.9em; border-radius: 50%; background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7); flex: none; }
.w-ad-ig-img { height: 18.4em; }
.w-ad-ig-cta { display: flex; justify-content: space-between; align-items: center; padding: 0.55em 0.9em; font-size: 0.78em; font-weight: 600; background: #f3f3f3; color: #111; animation: wAdIgCta 10s ease infinite; }
@keyframes wAdIgCta { 0%, 40% { background: #f3f3f3; color: #111; } 46%, 90% { background: #0095f6; color: #fff; } 96%, 100% { background: #f3f3f3; color: #111; } }
.w-ad-ig-icons { display: flex; gap: 0.75em; padding: 0.6em 0.8em 0.3em; }
.w-ad-ig-icons svg { width: 1.3em; height: 1.3em; fill: none; stroke: #111; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.w-ad-ig-icons .w-ad-ig-save { margin-left: auto; }
.w-ad-ig-cap { margin: 0; padding: 0 0.9em; font-size: 0.74em; line-height: 1.35; color: #111; }
.w-ad-st { position: absolute; inset: 0; color: #fff; }
.w-ad-st > .w-ad-art { position: absolute; inset: 0; }
.w-ad-st > .w-ad-art svg { width: 92%; height: 92%; }
.w-ad-st::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 60%, rgba(0,0,0,.45) 100%); }
.w-ad-st-bars { position: absolute; z-index: 2; top: 2.6em; left: 0.8em; right: 0.8em; display: flex; gap: 0.3em; }
.w-ad-st-bars i { flex: 1; height: 0.18em; border-radius: 1em; background: rgba(255,255,255,.4); overflow: hidden; }
.w-ad-st-bars i:first-child { background: #fff; }
.w-ad-st-bars i.is-on { background: linear-gradient(90deg, #fff 50%, rgba(255,255,255,.4) 50%) no-repeat; background-size: 200% 100%; background-position: 100% 0; animation: wAdStBar 10s linear infinite; }
@keyframes wAdStBar { 0% { background-position: 100% 0; } 90%, 100% { background-position: 0 0; } }
.w-ad-st-fb { position: absolute; z-index: 2; top: 3.75em; right: 0.8em; display: flex; align-items: center; gap: 0.35em; font-size: 0.72em; }
.w-ad-st-fb .w-ad-icon { width: 1.5em; height: 1.5em; }
.w-ad-st-fb b { font-weight: 600; }
.w-ad-st-head { position: absolute; z-index: 2; top: 4.5em; left: 0.8em; display: flex; align-items: center; gap: 0.55em; font-size: 0.78em; }
.w-ad-st-head span:last-child { display: flex; flex-direction: column; line-height: 1.2; }
.w-ad-st-head small { font-size: 0.85em; opacity: .85; }
.w-ad-st-copy { position: absolute; z-index: 2; left: 1em; right: 1em; bottom: 6em; font-size: 1.15em; font-weight: 600; line-height: 1.25; text-shadow: 0 1px 6px rgba(0,0,0,.3); }
.w-ad-st-btn { position: absolute; z-index: 2; left: 50%; bottom: 2.2em; transform: translateX(-50%); padding: 0.55em 1.4em; border-radius: 100px; background: #fff; color: #111; font-size: 0.8em; font-weight: 600; white-space: nowrap; animation: wAdStBtn 10s ease infinite; }
@keyframes wAdStBtn { 0%, 40%, 56%, 100% { transform: translateX(-50%) scale(1); } 48% { transform: translateX(-50%) scale(1.1); } }
.w-ad-cg { position: absolute; inset: 0; display: flex; }
.w-ad-cg-side { width: 11em; flex: none; padding: 1em 0.9em; background: #f9f9f9; display: flex; flex-direction: column; gap: 0.75em; }
.w-ad-cg-new { font-size: 0.8em; font-weight: 600; padding: 0.5em 0.6em; border-radius: 0.6em; background: #ececec; }
.w-ad-cg-side i { height: 0.55em; border-radius: 1em; background: #e6e6e6; }
.w-ad-cg-side i:nth-child(odd) { width: 75%; }
.w-ad-cg-main { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 1.4em 0 1em; }
.w-ad-cg-thread { flex: 1; min-height: 0; width: 34.8em; max-width: calc(100% - 2.2em); margin: 0 auto; padding: 0 0.4em 0.4em; box-sizing: border-box; overflow: hidden; }
.w-ad-cg-q { margin-left: auto; width: fit-content; max-width: 78%; padding: 0.6em 1em; border-radius: 1.2em; background: #f2f2f2; font-size: 0.86em; animation: wAdCgQ 10s ease infinite; }
@keyframes wAdCgQ { 0%, 3% { opacity: 0; transform: translateY(0.6em); } 8%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
.w-ad-cg-a { margin-top: 1.1em; font-size: 0.84em; line-height: 1.5; }
.w-ad-cg-a p { margin: 0 0 0.35em; animation: wAdCgLine 10s linear infinite both; animation-delay: calc(var(--i) * 0.55s); }
@keyframes wAdCgLine { 0%, 12% { opacity: 0; } 15%, 88% { opacity: 1; } 93%, 100% { opacity: 0; } }
.w-ad-cg-ad { margin-top: 1.2em; padding-top: 0.9em; border-top: 1px solid #ececec; animation: wAdCgAd 10s ease infinite; }
@keyframes wAdCgAd { 0%, 47% { opacity: 0; transform: translateY(0.8em); } 53%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
.w-ad-cg-sponsored { display: block; margin-bottom: 0.5em; font-size: 0.7em; font-weight: 600; letter-spacing: .02em; color: #8f8f8f; }
.w-ad-cg-card { display: flex; gap: 0.9em; padding: 0.7em; border-radius: 1em; border: 1px solid #e5e5e5; background: #fff; animation: wAdCgRing 10s ease infinite; }
@keyframes wAdCgRing { 0%, 56% { outline: 0.3em solid rgba(16,163,127,0); outline-offset: -0.3em; } 62%, 86% { outline: 0.28em solid rgba(16,163,127,.25); outline-offset: -0.28em; } 92%, 100% { outline: 0.3em solid rgba(16,163,127,0); outline-offset: -0.3em; } }
.w-ad-cg-img { width: 6.2em; height: 6.2em; border-radius: 0.7em; overflow: hidden; flex: none; }
.w-ad-cg-body { display: flex; flex-direction: column; gap: 0.25em; min-width: 0; }
.w-ad-cg-brand { display: flex; align-items: center; gap: 0.45em; font-size: 0.74em; }
.w-ad-cg-brand b { font-weight: 600; }
.w-ad-cg-title { font-size: 0.9em; font-weight: 600; line-height: 1.3; }
.w-ad-cg-desc { font-size: 0.76em; line-height: 1.4; color: #5d5d5d; }
.w-ad-cg-link { font-size: 0.72em; color: #10a37f; }
.w-ad-cg-composer { width: 34em; max-width: calc(100% - 3em); margin: 0.8em auto 0; padding: 0.75em 1.2em; border-radius: 100px; box-shadow: 0 0 0 1px #e3e3e3, 0 0.3em 1em -0.5em rgba(0,0,0,.15); font-size: 0.82em; color: #8f8f8f; flex: none; }
@media (prefers-reduced-motion: reduce) {
.w-ad-type { animation: none; max-width: none; border-right-color: transparent; }
.w-ad-g-results, .w-ad-g-ad { animation: none; }
.w-ad-pt-feed { animation: none; transform: translateY(-6em); }
.w-ad-pin-ad .w-ad-pin-img, .w-ad-pin-save, .w-ad-pin-save b { animation: none; }
.w-ad-ig-feed, .w-ad-ig-cta, .w-ad-st-bars i.is-on, .w-ad-st-btn { animation: none; }
.w-ad-cg-q, .w-ad-cg-a p, .w-ad-cg-ad, .w-ad-cg-card { animation: none; }
.w-ad-ig-feed { transform: translateY(-24.15em); }
.w-ad-ig-cta { background: #0095f6; color: #fff; }
}
.w-ad-tt { position: absolute; inset: 0; background: #000; color: #fff; overflow: hidden; }
.w-ad-tt-top { position: absolute; z-index: 3; top: 2.9em; left: 0; right: 0; display: flex; justify-content: center; gap: 1.1em; font-size: 0.8em; }
.w-ad-tt-top span { opacity: .65; }
.w-ad-tt-top .w-ad-tt-mark { position: absolute; left: 1em; top: -0.1em; width: 1.4em; height: 1.4em; opacity: 1; }
.w-ad-tt-top b { font-weight: 600; box-shadow: 0 0.55em 0 -0.42em #fff; }
.w-ad-tt-swipe { position: absolute; left: 0; right: 0; top: 0; height: 200%; animation: wAdTtSwipe 10s cubic-bezier(.6,0,.2,1) infinite; }
@keyframes wAdTtSwipe { 0%, 16% { transform: none; opacity: 1; } 26%, 90% { transform: translateY(-50%); opacity: 1; } 96% { transform: translateY(-50%); opacity: 0; } 100% { transform: none; opacity: 0; } }
.w-ad-tt-video { position: relative; height: 50%; overflow: hidden; }
.w-ad-tt-video > .w-ad-art { position: absolute; inset: 0; }
.w-ad-tt-video::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 55%, rgba(0,0,0,.6) 100%); }
.w-ad-tt-rail { position: absolute; z-index: 2; right: 0.55em; bottom: 7.5em; display: flex; flex-direction: column; align-items: center; gap: 0.9em; }
.w-ad-tt-rail > span { display: flex; flex-direction: column; align-items: center; gap: 0.15em; }
.w-ad-tt-rail svg { width: 1.6em; height: 1.6em; fill: #fff; }
.w-ad-tt-rail small { font-size: 0.58em; font-weight: 600; }
.w-ad-tt-av { width: 2.2em; height: 2.2em; border-radius: 50%; border: 0.12em solid #fff; background: linear-gradient(135deg, #cdb99c, #8a6f55); }
.w-ad-tt-cap { position: absolute; z-index: 2; left: 0.8em; right: 3.6em; bottom: 2.2em; display: flex; flex-direction: column; gap: 0.3em; font-size: 0.74em; line-height: 1.3; }
.w-ad-tt-cap b { font-weight: 600; }
.w-ad-tt-spon { width: fit-content; padding: 0.15em 0.45em; border-radius: 0.3em; background: rgba(255,255,255,.2); font-size: 0.85em; }
.w-ad-tt-cta { margin-top: 0.35em; padding: 0.65em; border-radius: 0.35em; text-align: center; font-weight: 600; background: rgba(255,255,255,.22); animation: wAdTtCta 10s ease infinite; }
@keyframes wAdTtCta { 0%, 42% { background: rgba(255,255,255,.22); } 48%, 90% { background: #fe2c55; } 96%, 100% { background: rgba(255,255,255,.22); } }
.w-ad-tts { position: absolute; inset: 0; padding-top: 2.8em; background: #fff; color: #161823; }
.w-ad-tts-head { display: flex; align-items: center; gap: 0.6em; margin: 0.2em 0.8em 0; }
.w-ad-tts-mark { width: 1.6em; height: 1.6em; }
.w-ad-tts-bar { flex: 1; padding: 0.5em 0.9em; border-radius: 0.5em; background: #f1f1f2; font-size: 0.8em; }
.w-ad-tts-tabs { display: flex; gap: 1.1em; padding: 0.7em 0.9em 0.5em; font-size: 0.74em; color: #8a8b91; }
.w-ad-tts-tabs b { color: #161823; font-weight: 600; box-shadow: 0 0.55em 0 -0.42em #161823; }
.w-ad-tts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5em 0.35em; padding: 0.3em 0.45em; }
.w-ad-tts-img { position: relative; height: 12.5em; border-radius: 0.45em; overflow: hidden; }
.w-ad-tts-img small { position: absolute; left: 0.45em; bottom: 0.35em; color: #fff; font-size: 0.6em; font-weight: 600; text-shadow: 0 1px 4px rgba(0,0,0,.4); }
.w-ad-tts-ad .w-ad-tts-img { animation: wAdTtsRing 10s ease infinite; }
@keyframes wAdTtsRing { 0%, 34% { box-shadow: 0 0 0 0 rgba(254,44,85,0); } 42%, 86% { box-shadow: 0 0 0 0.22em rgba(254,44,85,.6); } 92%, 100% { box-shadow: 0 0 0 0 rgba(254,44,85,0); } }
.w-ad-tts-meta { display: flex; flex-direction: column; gap: 0.25em; padding: 0.35em 0.15em 0; font-size: 0.64em; line-height: 1.25; }
.w-ad-tts-by { display: flex; align-items: center; gap: 0.35em; color: #8a8b91; }
.w-ad-tts-by b { color: #161823; font-weight: 600; }
.w-ad-tts-by i { font-style: normal; margin-left: auto; }
.w-ad-sc { position: absolute; inset: 0; color: #fff; overflow: hidden; }
.w-ad-sc > .w-ad-art { position: absolute; inset: 0; }
.w-ad-sc::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 55%, rgba(0,0,0,.5) 100%); }
.w-ad-sc-head { position: absolute; z-index: 2; top: 3.7em; left: 0.8em; display: flex; align-items: center; gap: 0.55em; font-size: 0.78em; }
.w-ad-sc-head span:last-child { display: flex; flex-direction: column; line-height: 1.2; }
.w-ad-sc-head b { font-weight: 600; }
.w-ad-sc-head small { font-size: 0.85em; opacity: .85; }
.w-ad-sc-copy { position: absolute; z-index: 2; left: 1em; right: 1em; bottom: 7.2em; font-size: 1.15em; font-weight: 700; line-height: 1.25; text-shadow: 0 1px 6px rgba(0,0,0,.3); }
.w-ad-sc-cta { position: absolute; z-index: 2; left: 0; right: 0; bottom: 1.8em; display: flex; flex-direction: column; align-items: center; gap: 0.2em; }
.w-ad-sc-arrow { font-size: 1.2em; line-height: 1; animation: wAdScBob 1.4s ease-in-out infinite; }
@keyframes wAdScBob { 50% { transform: translateY(-0.3em); } }
.w-ad-sc-btn { padding: 0.6em 1.8em; border-radius: 100px; background: rgba(255,255,255,.95); color: #000; font-size: 0.8em; font-weight: 700; animation: wAdScBtn 10s ease infinite; }
@keyframes wAdScBtn { 0%, 40%, 56%, 100% { transform: scale(1); } 48% { transform: scale(1.08); } }
.w-ad-sci { position: absolute; inset: 0; padding-top: 2.6em; background: #fff; color: #16191c; }
.w-ad-sci-bar { position: relative; display: flex; align-items: center; justify-content: center; padding: 0.5em 0.9em 0.75em; border-bottom: 1px solid #f0f0f0; }
.w-ad-sci-bar b { font-size: 1em; font-weight: 700; }
.w-ad-sci-ghost { position: absolute; left: 0.9em; width: 1.8em; height: 1.8em; }
.w-ad-sci-row { display: flex; align-items: center; gap: 0.75em; padding: 0.65em 0.9em; border-bottom: 1px solid #f4f4f4; }
.w-ad-sci-av { width: 2.4em; height: 2.4em; border-radius: 50%; flex: none; }
.w-ad-sci-txt { display: flex; flex-direction: column; gap: 0.15em; line-height: 1.2; }
.w-ad-sci-txt b { font-size: 0.82em; font-weight: 600; }
.w-ad-sci-txt small { display: flex; align-items: center; gap: 0.35em; font-size: 0.66em; color: #8b8b8b; }
.w-ad-sci-dot { width: 0.75em; height: 0.75em; border-radius: 0.15em; background: #f23c57; }
.w-ad-sci-ad { overflow: hidden; animation: wAdSciIn 10s cubic-bezier(.2,.7,.2,1) infinite; }
@keyframes wAdSciIn { 0%, 22% { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; background: #fff; } 32% { max-height: 5em; padding-top: 0.65em; padding-bottom: 0.65em; opacity: 1; background: #fff; } 40%, 84% { max-height: 5em; padding-top: 0.65em; padding-bottom: 0.65em; opacity: 1; background: #fff9cc; } 90% { opacity: 1; background: #fff; } 96%, 100% { max-height: 5em; padding-top: 0.65em; padding-bottom: 0.65em; opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
.w-ad-tt-swipe { animation: none; transform: translateY(-50%); }
.w-ad-tt-cta { animation: none; background: #fe2c55; }
.w-ad-tts-ad .w-ad-tts-img, .w-ad-sc-arrow, .w-ad-sc-btn, .w-ad-sci-ad { animation: none; }
}
.w-ad-b { padding: 1.3em 2.2em 0; }
.w-ad-b-head { display: flex; align-items: center; gap: 1.2em; }
.w-ad-b-mark { width: 2em; height: 2em; }
.w-ad-b-box { flex: 1; max-width: 32em; padding: 0.7em 1.2em; border-radius: 1.6em; box-shadow: 0 0 0 1px #dcdcdc, 0 0.2em 0.8em -0.3em rgba(0,0,0,.18); }
.w-ad-b-tabs { display: flex; gap: 1.6em; margin: 1em 0 0 3.2em; padding-bottom: 0.6em; border-bottom: 1px solid #ececec; font-size: 0.84em; color: #444; }
.w-ad-b-tabs b { font-weight: 600; color: #174ae4; box-shadow: 0 0.65em 0 -0.47em #174ae4; }
.w-ad-b .w-ad-g-results { margin-left: 3.2em; }
.w-ad-b-title { color: #1a0dab; }
.w-ad-b-badge { display: inline-block; margin-left: 0.4em; padding: 0 0.35em; border-radius: 0.2em; background: #f1f1f1; color: #444; font-style: normal; font-size: 0.95em; font-weight: 600; }
.w-ad-b-ad { animation-name: wAdRing; }
.w-ad-ai { padding: 1.6em 3em 0; max-width: 46em; margin: 0 auto; }
.w-ad-ai-q { margin-left: auto; width: fit-content; padding: 0.6em 1.1em; border-radius: 1.2em; background: #f0f4f9; font-size: 0.9em; }
.w-ad-ai-q .w-ad-type { --tw: 18em; }
.w-ad-ai-ans { margin-top: 1.1em; animation: wAdLand 10s ease-out infinite; }
.w-ad-ai-label { font-size: 0.78em; font-weight: 600; color: #1a73e8; }
.w-ad-ai-ans p { margin: 0.5em 0 1em; font-size: 0.86em; line-height: 1.55; color: #1f1f1f; }
.w-ad-ai-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8em; }
.w-ad-ai-card { position: relative; display: flex; flex-direction: column; gap: 0.2em; padding: 0.55em; border-radius: 1em; border: 1px solid #e3e3e3; background: #fff; font-size: 0.8em; }
.w-ad-ai-ad { animation: wAdAiRing 10s ease infinite; }
@keyframes wAdAiRing { 0%, 36% { outline: 0.3em solid rgba(26,115,232,0); outline-offset: -0.3em; } 44%, 84% { outline: 0.3em solid rgba(26,115,232,.25); outline-offset: -0.3em; } 92%, 100% { outline: 0.3em solid rgba(26,115,232,0); outline-offset: -0.3em; } }
.w-ad-ai-img { height: 8.5em; border-radius: 0.7em; overflow: hidden; margin-bottom: 0.3em; }
.w-ad-ai-spon { position: absolute; top: 0.9em; left: 0.9em; padding: 0.15em 0.5em; border-radius: 0.4em; background: rgba(255,255,255,.92); font-size: 0.8em; font-weight: 600; }
.w-ad-ai-card b { font-weight: 500; line-height: 1.3; }
.w-ad-ai-price { font-weight: 600; }
.w-ad-ai-shop { display: flex; align-items: center; gap: 0.35em; font-size: 0.9em; color: #5f6368; }
.w-ad-amz { position: absolute; inset: 0; }
.w-ad-amz-nav { display: flex; align-items: center; gap: 1.2em; padding: 0.7em 1.2em; background: #131921; }
.w-ad-amz-mark { width: 2em; height: 2em; border-radius: 0.3em; background: #fff; padding: 0.15em; box-sizing: border-box; }
.w-ad-amz-box { flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 0.5em 0 0.5em 0.9em; border-radius: 0.4em; background: #fff; font-size: 0.86em; overflow: hidden; }
.w-ad-amz-box i { width: 2.4em; align-self: stretch; margin: -0.5em 0; background: #febd69; }
.w-ad-amz-sub { padding: 0.6em 1.2em; font-size: 0.78em; color: #565959; border-bottom: 1px solid #e7e7e7; }
.w-ad-amz-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.9em; padding: 0.9em 1.2em; animation: wAdLand 10s ease-out infinite; }
.w-ad-amz-card { position: relative; display: flex; flex-direction: column; gap: 0.25em; padding: 0.5em; border-radius: 0.5em; font-size: 0.76em; }
.w-ad-amz-ad:first-child { animation: wAdAmzRing 10s ease infinite; }
@keyframes wAdAmzRing { 0%, 36% { outline: 0.3em solid rgba(255,153,0,0); outline-offset: -0.3em; } 44%, 84% { outline: 0.3em solid rgba(255,153,0,.4); outline-offset: -0.3em; } 92%, 100% { outline: 0.3em solid rgba(255,153,0,0); outline-offset: -0.3em; } }
.w-ad-amz-img { height: 10em; border-radius: 0.3em; overflow: hidden; margin-bottom: 0.3em; }
.w-ad-amz-spon { font-size: 0.85em; color: #565959; }
.w-ad-amz-name { line-height: 1.3; color: #0f1111; }
.w-ad-amz-stars { color: #de7921; font-size: 0.85em; letter-spacing: -0.05em; }
.w-ad-amz-stars small { color: #007185; letter-spacing: 0; }
.w-ad-amz-price { font-size: 1.25em; font-weight: 500; color: #0f1111; }
.w-ad-amz-prime { width: fit-content; font-size: 0.85em; font-weight: 700; font-style: italic; color: #00a8e1; }
.w-ad-yt { position: absolute; inset: 0; display: flex; flex-direction: column; }
.w-ad-yt-top { display: flex; align-items: center; gap: 0.5em; padding: 0.6em 1.2em; flex: none; }
.w-ad-yt-mark { width: 1.6em; height: 1.6em; }
.w-ad-yt-top b { font-weight: 600; letter-spacing: -0.03em; }
.w-ad-yt-search { flex: 0 1 22em; margin: 0 auto; padding: 0.45em 1em; border-radius: 100px; box-shadow: 0 0 0 1px #d3d3d3; font-size: 0.8em; color: #888; }
.w-ad-yt-body { flex: 1; min-height: 0; display: flex; gap: 1.2em; padding: 0 1.2em; }
.w-ad-yt-main { flex: 1; min-width: 0; }
.w-ad-yt-player { position: relative; aspect-ratio: 16 / 9; border-radius: 0.8em; overflow: hidden; background: #000; }
.w-ad-yt-player > .w-ad-art { position: absolute; inset: 0; }
.w-ad-yt-info { position: absolute; left: 0.8em; right: 0.8em; bottom: 1.4em; display: flex; align-items: center; gap: 0.6em; padding: 0.5em 0.6em; border-radius: 0.6em; background: rgba(0,0,0,.55); color: #fff; font-size: 0.78em; }
.w-ad-yt-info span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.25; }
.w-ad-yt-info small { opacity: .8; }
.w-ad-yt-visit { padding: 0.45em 0.9em; border-radius: 100px; background: #3ea6ff; color: #0f0f0f; font-weight: 600; white-space: nowrap; }
.w-ad-yt-skip { position: absolute; right: 0; bottom: 4.6em; padding: 0.6em 1.1em; background: rgba(0,0,0,.65); color: #fff; font-size: 0.8em; border: 1px solid rgba(255,255,255,.35); border-right: 0; }
.w-ad-yt-skip b { font-weight: 500; }
.w-ad-yt-skip b + b { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; animation: wAdYtSkip 10s steps(1, end) infinite; }
.w-ad-yt-skip b:first-child { animation: wAdYtWait 10s steps(1, end) infinite; }
@keyframes wAdYtSkip { 0%, 49% { opacity: 0; } 50%, 100% { opacity: 1; } }
@keyframes wAdYtWait { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
.w-ad-yt-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 0.3em; background: rgba(255,255,255,.3); }
.w-ad-yt-bar i { display: block; height: 100%; width: 100%; background: #fbc02d; transform-origin: left; animation: wAdYtProg 10s linear infinite; }
@keyframes wAdYtProg { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } }
.w-ad-yt-title { margin: 0.7em 0 0.5em; font-size: 0.95em; font-weight: 600; }
.w-ad-yt-chan { display: flex; align-items: center; gap: 0.6em; font-size: 0.76em; }
.w-ad-yt-chan span:last-child { display: flex; flex-direction: column; line-height: 1.25; }
.w-ad-yt-chan small { color: #606060; }
.w-ad-yt-av { width: 2.4em; height: 2.4em; border-radius: 50%; background: linear-gradient(135deg, #f5cf8a, #c98b66); flex: none; }
.w-ad-yt-side { width: 15em; flex: none; display: flex; flex-direction: column; gap: 0.7em; }
.w-ad-yt-comp { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6em; padding: 0.6em; border-radius: 0.8em; border: 1px solid #e5e5e5; animation: wAdYtComp 10s ease infinite; }
@keyframes wAdYtComp { 0%, 20% { opacity: 0; transform: translateY(0.6em); } 28%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
.w-ad-yt-comp-img { width: 4.2em; height: 4.2em; border-radius: 0.5em; overflow: hidden; flex: none; }
.w-ad-yt-comp-txt { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: 0.72em; line-height: 1.3; }
.w-ad-yt-comp-txt small { color: #606060; }
.w-ad-yt-comp-btn { width: 100%; padding: 0.5em; border-radius: 100px; background: #065fd4; color: #fff; font-size: 0.72em; font-weight: 600; text-align: center; }
.w-ad-yt-rec { display: flex; gap: 0.5em; }
.w-ad-yt-rec span { width: 6.4em; height: 3.6em; border-radius: 0.5em; background: #ececec; flex: none; }
.w-ad-yt-rec i { display: block; height: 0.55em; margin-top: 0.4em; border-radius: 1em; background: #ececec; flex: 1; }
@media (prefers-reduced-motion: reduce) {
.w-ad-ai-ans, .w-ad-ai-ad, .w-ad-amz-grid, .w-ad-amz-ad, .w-ad-yt-comp, .w-ad-yt-bar i { animation: none; }
.w-ad-yt-skip b, .w-ad-yt-skip b + b { animation: none; }
.w-ad-yt-skip b:first-child { opacity: 0; }
.w-ad-yt-skip b + b { opacity: 1; }
}
@keyframes wAdFeedUp { 0%, 14% { transform: none; opacity: 1; } 32%, 90% { transform: translateY(var(--up)); opacity: 1; } 96% { transform: translateY(var(--up)); opacity: 0; } 100% { transform: none; opacity: 0; } }
@keyframes wAdSoftRing { 0%, 36% { outline: 0.3em solid rgba(10,102,194,0); outline-offset: -0.3em; } 44%, 84% { outline: 0.3em solid var(--ring); outline-offset: -0.3em; } 92%, 100% { outline: 0.3em solid rgba(10,102,194,0); outline-offset: -0.3em; } }
.w-ad-li { position: absolute; inset: 0; display: flex; flex-direction: column; background: #f4f2ee; }
.w-ad-li-top { display: flex; align-items: center; gap: 0.8em; padding: 0.55em 1.4em; background: #fff; border-bottom: 1px solid #e8e8e8; flex: none; }
.w-ad-li-mark { width: 1.7em; height: 1.7em; }
.w-ad-li-search { width: 14em; padding: 0.4em 0.9em; border-radius: 0.3em; background: #edf3f8; font-size: 0.8em; color: #666; }
.w-ad-li-body { flex: 1; min-height: 0; display: flex; gap: 1em; padding: 1em 1.4em 0; }
.w-ad-li-side, .w-ad-li-news { flex: none; display: flex; flex-direction: column; gap: 0.6em; padding: 0 0 0.8em; border-radius: 0.6em; background: #fff; align-self: flex-start; overflow: hidden; }
.w-ad-li-side { width: 10em; }
.w-ad-li-cover { height: 2.6em; background: #d8e3ea; }
.w-ad-li-me { width: 3em; height: 3em; margin: -1.9em auto 0; border-radius: 50%; border: 0.15em solid #fff; background: linear-gradient(135deg, #f5cf8a, #c98b66); }
.w-ad-li-side i, .w-ad-li-news i { height: 0.55em; margin: 0 0.9em; border-radius: 1em; background: #ececec; }
.w-ad-li-news { width: 12em; padding-top: 0.8em; }
.w-ad-li-news b { padding: 0 0.9em; font-size: 0.8em; font-weight: 600; }
.w-ad-li-view { flex: 1; min-width: 0; overflow: hidden; }
.w-ad-li-feed { --up: -8.3em; display: flex; flex-direction: column; gap: 0.7em; padding: 0.3em; animation: wAdFeedUp 10s cubic-bezier(.45,0,.2,1) infinite; }
.w-ad-li-post { padding: 0.9em 1em; border-radius: 0.6em; background: #fff; box-shadow: 0 0 0 1px #e6e6e6; }
.w-ad-li-ad { --ring: rgba(10,102,194,.28); animation: wAdSoftRing 10s ease infinite; }
.w-ad-li-head { display: flex; align-items: center; gap: 0.6em; font-size: 0.8em; }
.w-ad-li-head span:last-child { display: flex; flex-direction: column; line-height: 1.25; }
.w-ad-li-head b { font-weight: 600; }
.w-ad-li-head small { color: #666; }
.w-ad-li-av { width: 2.2em; height: 2.2em; border-radius: 50%; background: linear-gradient(135deg, #9cc7f2, #4a7fb5); flex: none; }
.w-ad-li-post p { margin: 0.6em 0; font-size: 0.8em; line-height: 1.45; color: #1d1d1d; }
.w-ad-li-react { font-size: 0.72em; color: #666; }
.w-ad-li-img { height: 11em; margin: 0 -1em; overflow: hidden; }
.w-ad-li-img > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.w-ad-li-cta { display: flex; justify-content: space-between; align-items: center; gap: 1em; margin: 0 -1em -0.9em; padding: 0.7em 1em; background: #eef3f8; }
.w-ad-li-cta span:first-child { display: flex; flex-direction: column; font-size: 0.78em; line-height: 1.25; }
.w-ad-li-cta b { font-weight: 600; }
.w-ad-li-cta small { color: #666; }
.w-ad-li-btn { padding: 0.4em 1em; border-radius: 100px; box-shadow: inset 0 0 0 1px #0a66c2; color: #0a66c2; font-size: 0.78em; font-weight: 600; white-space: nowrap; }
.w-ad-rd { position: absolute; inset: 0; display: flex; flex-direction: column; background: #fff; }
.w-ad-rd-top { display: flex; align-items: center; gap: 0.6em; padding: 0.55em 1.4em; border-bottom: 1px solid #edeff1; flex: none; }
.w-ad-rd-mark { width: 1.8em; height: 1.8em; }
.w-ad-rd-top b { font-size: 0.9em; font-weight: 600; }
.w-ad-rd-search { margin-left: auto; width: 16em; padding: 0.45em 1em; border-radius: 100px; background: #eaedef; font-size: 0.8em; color: #576f76; }
.w-ad-rd-view { flex: 1; min-height: 0; overflow: hidden; width: 36em; max-width: calc(100% - 2em); margin: 0 auto; }
.w-ad-rd-feed { --up: -16.85em; display: flex; flex-direction: column; animation: wAdFeedUp 10s cubic-bezier(.45,0,.2,1) infinite; }
.w-ad-rd-post { display: flex; flex-direction: column; gap: 0.45em; padding: 0.9em 0.8em; border-bottom: 1px solid #edeff1; border-radius: 0.8em; }
.w-ad-rd-ad { --ring: rgba(255,69,0,.3); animation: wAdSoftRing 10s ease infinite; }
.w-ad-rd-meta { display: flex; align-items: center; gap: 0.4em; font-size: 0.72em; color: #576f76; }
.w-ad-rd-meta em { font-style: normal; font-weight: 600; color: #1c1c1c; }
.w-ad-rd-post b { font-size: 0.95em; font-weight: 600; line-height: 1.3; color: #1c1c1c; }
.w-ad-rd-img { height: 11em; border-radius: 0.8em; overflow: hidden; }
.w-ad-rd-act { font-size: 0.72em; color: #576f76; }
.w-ad-rd-cta { display: flex; justify-content: space-between; align-items: center; padding: 0.5em 0.8em; border-radius: 0.6em; background: #f6f7f8; font-size: 0.76em; color: #576f76; }
.w-ad-rd-cta span { padding: 0.35em 1em; border-radius: 100px; background: #0a449b; color: #fff; font-weight: 600; }
.w-ad-sp, .w-ad-sph { position: absolute; inset: 0; background: linear-gradient(180deg, #5a4a36 0%, #121212 60%); color: #fff; padding: 3em 1.2em 0; display: flex; flex-direction: column; }
.w-ad-sph { background: #121212; }
.w-ad-sp-top { display: flex; align-items: center; justify-content: center; gap: 0.45em; font-size: 0.72em; font-weight: 600; letter-spacing: .04em; }
.w-ad-sp-mark { width: 1.4em; height: 1.4em; }
.w-ad-sp-art { margin: 1.1em auto 1em; width: 100%; aspect-ratio: 1; border-radius: 0.5em; overflow: hidden; box-shadow: 0 1em 2em -1em rgba(0,0,0,.6); }
.w-ad-sp-title { display: flex; flex-direction: column; gap: 0.15em; }
.w-ad-sp-title b { font-size: 1.05em; font-weight: 700; }
.w-ad-sp-title small { font-size: 0.74em; color: #b3b3b3; }
.w-ad-sp-prog { margin-top: 0.9em; height: 0.25em; border-radius: 1em; background: #4d4d4d; overflow: hidden; }
.w-ad-sp-prog i { display: block; height: 100%; background: #fff; transform-origin: left; animation: wAdSpProg 10s linear infinite; }
@keyframes wAdSpProg { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.w-ad-sp-time { display: flex; justify-content: space-between; margin-top: 0.35em; font-size: 0.6em; color: #b3b3b3; }
.w-ad-sp-eq { display: flex; justify-content: center; align-items: flex-end; gap: 0.25em; height: 1.6em; margin: 0.6em 0; }
.w-ad-sp-eq i { width: 0.3em; height: 100%; border-radius: 0.2em; background: #1ed760; transform-origin: bottom; animation: wAdSpEq 0.9s ease-in-out infinite alternate; }
.w-ad-sp-eq i:nth-child(2) { animation-delay: -0.3s; } .w-ad-sp-eq i:nth-child(3) { animation-delay: -0.6s; } .w-ad-sp-eq i:nth-child(4) { animation-delay: -0.15s; } .w-ad-sp-eq i:nth-child(5) { animation-delay: -0.45s; }
@keyframes wAdSpEq { from { transform: scaleY(.25); } to { transform: scaleY(1); } }
.w-ad-sp-btn { align-self: center; padding: 0.6em 2em; border-radius: 100px; background: #fff; color: #000; font-size: 0.8em; font-weight: 700; }
.w-ad-sph-head { display: flex; align-items: center; gap: 0.6em; }
.w-ad-sph-head b { font-size: 1.05em; font-weight: 700; }
.w-ad-sph-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4em; margin: 0.9em 0; }
.w-ad-sph-grid span { display: flex; align-items: center; gap: 0.4em; height: 2.6em; border-radius: 0.3em; background: #2a2a2a; overflow: hidden; }
.w-ad-sph-grid i { width: 2.6em; height: 100%; background: #3e3e3e; }
.w-ad-sph-grid em { width: 3em; height: 0.45em; border-radius: 1em; background: #4a4a4a; }
.w-ad-sph-ad { display: flex; flex-wrap: wrap; gap: 0.6em; padding: 0.7em; border-radius: 0.6em; background: #242424; animation: wAdSphIn 10s ease infinite; }
@keyframes wAdSphIn { 0%, 18% { opacity: 0; transform: translateY(0.6em); } 26%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
.w-ad-sph-img { width: 4.6em; height: 4.6em; border-radius: 0.4em; overflow: hidden; flex: none; }
.w-ad-sph-txt { display: flex; flex-direction: column; justify-content: center; flex: 1; min-width: 0; gap: 0.15em; font-size: 0.72em; line-height: 1.25; }
.w-ad-sph-txt small { color: #b3b3b3; }
.w-ad-sph-txt b { font-size: 1.1em; font-weight: 700; }
.w-ad-sph-txt span { color: #b3b3b3; }
.w-ad-sph-btn { width: 100%; padding: 0.55em; border-radius: 100px; background: #1ed760; color: #000; text-align: center; font-size: 0.74em; font-weight: 700; }
.w-ad-sph-h { display: block; margin: 1.1em 0 0.6em; font-size: 0.9em; font-weight: 700; }
.w-ad-sph-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5em; }
.w-ad-sph-row i { aspect-ratio: 1; border-radius: 0.3em; background: #2a2a2a; }
.w-ad-ap, .w-ad-apt { position: absolute; inset: 0; padding: 3em 0.9em 0; background: #fff; color: #111; }
.w-ad-ap-bar { display: flex; align-items: center; gap: 0.5em; padding: 0.5em 0.8em; border-radius: 0.6em; background: #eeeef0; font-size: 0.82em; }
.w-ad-ap-mark { width: 1.3em; height: 1.3em; }
.w-ad-apt-head .w-ad-ap-mark { position: absolute; right: 0; bottom: 0.3em; width: 1.9em; height: 1.9em; }
.w-ad-ap-bar .w-ad-type { --tw: 2.4em; }
.w-ad-ap-ad { margin: 0.8em -0.3em 0.5em; padding: 0.7em 0.6em; border-radius: 0.9em; background: #eaf3ff; animation: wAdLand 10s ease-out infinite; }
.w-ad-ap-row { display: flex; align-items: center; gap: 0.6em; }
.w-ad-ap-app { display: inline-grid; flex: none; border-radius: 22%; overflow: hidden; }
.w-ad-ap-app .w-ad-mark { border-radius: 0; }
.w-ad-ap-ghost { width: 3.2em; height: 3.2em; background: #e5e5ea; }
.w-ad-ap-txt { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: 0.1em; font-size: 0.74em; line-height: 1.25; }
.w-ad-ap-txt b { font-weight: 600; }
.w-ad-ap-txt small { color: #8a8a8e; }
.w-ad-ap-txt em { font-style: normal; font-size: 0.9em; color: #8a8a8e; }
.w-ad-ap-org .w-ad-ap-txt i { display: block; height: 0.55em; margin: 0.2em 0; border-radius: 1em; background: #e5e5ea; }
.w-ad-ap-org .w-ad-ap-txt i:last-child { width: 60%; }
.w-ad-ap-badge { display: inline-block; margin-right: 0.3em; padding: 0 0.35em; border-radius: 0.25em; background: #1d72f3; color: #fff; font-style: normal; font-weight: 600; }
.w-ad-ap-get { padding: 0.35em 1.1em; border-radius: 100px; background: #e5e5ea; color: #1d72f3; font-size: 0.78em; font-weight: 700; }
.w-ad-ap-shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4em; margin-top: 0.7em; }
.w-ad-ap-shots span { height: 9.5em; border-radius: 0.6em; overflow: hidden; }
.w-ad-ap-org { display: flex; align-items: center; gap: 0.6em; padding: 0.8em 0; border-top: 1px solid #f0f0f2; }
.w-ad-apt-head { position: relative; display: flex; flex-direction: column; margin-bottom: 0.8em; }
.w-ad-apt-head small { font-size: 0.62em; font-weight: 600; color: #8a8a8e; }
.w-ad-apt-head b { font-size: 1.6em; font-weight: 700; letter-spacing: -0.02em; }
.w-ad-apt-card { border-radius: 1em; overflow: hidden; box-shadow: 0 0.6em 1.6em -0.8em rgba(0,0,0,.35); animation: wAdAptRing 10s ease infinite; }
@keyframes wAdAptRing { 0%, 36% { transform: none; } 44%, 84% { transform: scale(1.02); } 92%, 100% { transform: none; } }
.w-ad-apt-img { display: block; height: 16em; }
.w-ad-apt-card .w-ad-ap-row { padding: 0.7em; background: #f7f7f9; }
.w-ad-apt-next { height: 8em; margin-top: 0.9em; border-radius: 1em; background: #eeeef0; }
@media (prefers-reduced-motion: reduce) {
.w-ad-li-feed { animation: none; transform: translateY(-8.3em); }
.w-ad-rd-feed { animation: none; transform: translateY(-16.85em); }
.w-ad-li-ad, .w-ad-rd-ad, .w-ad-sp-prog i, .w-ad-sp-eq i, .w-ad-sph-ad, .w-ad-ap-ad, .w-ad-apt-card { animation: none; }
}
.w-ad-stage-device > .w-ad-tv { font-size: min(2.45cqh, 1.55cqw); }
.w-ad-stage-device > .w-ad-tvs { font-size: min(3.9cqh, 1.45cqw); }
.w-ad-tv { display: flex; flex-direction: column; align-items: center; width: 62em; }
.w-ad-tvs { display: flex; gap: 3em; align-items: flex-start; }
.w-ad-tvs .w-ad-tv { width: 32em; }
.w-ad-tv-screen { position: relative; width: 100%; aspect-ratio: 16 / 9; border: 0.55em solid #101214; border-radius: 0.7em; background: #000; overflow: hidden; box-shadow: 0 2.4em 5em -2em rgba(0,0,0,.6); }
.w-ad-tv-stand { width: 9em; height: 1.2em; margin-top: 0.1em; border-radius: 0 0 0.4em 0.4em; background: linear-gradient(#26292d, #15171a); }
.w-ad-tvs .w-ad-tv-stand { width: 6em; height: 0.9em; }
.w-ad-tv-label { margin-top: 0.8em; padding: 0.4em 0.9em; border-radius: 100px; background: rgba(255,255,255,.92); color: #20262b; font-size: 0.8em; font-weight: 500; white-space: nowrap; }
.w-ad-tvx { position: absolute; inset: 0; color: #fff; }
.w-ad-tvx-show { position: absolute; inset: 0; background: linear-gradient(180deg, #e7a96b 0%, #c76e4f 45%, #3b3a52 100%); animation: wAdTvShow 10s ease infinite; }
.w-ad-tvx-hills { position: absolute; left: -10%; right: -10%; bottom: 0; height: 45%; border-radius: 50% 50% 0 0; background: #2b2d40; }
.w-ad-tvx-title { position: absolute; left: 1.4em; bottom: 1.2em; font-size: 0.9em; font-weight: 600; text-shadow: 0 1px 6px rgba(0,0,0,.4); }
@keyframes wAdTvShow { 0%, 18% { opacity: 1; } 22%, 80% { opacity: 0; } 84%, 100% { opacity: 1; } }
.w-ad-tvx-ad { position: absolute; inset: 0; animation: wAdTvAd 10s ease infinite; }
.w-ad-tvx-ad > .w-ad-art { position: absolute; inset: 0; }
.w-ad-tvx-ad > .w-ad-art svg { width: 70%; height: 70%; }
@keyframes wAdTvAd { 0%, 18% { opacity: 0; } 22%, 80% { opacity: 1; } 84%, 100% { opacity: 0; } }
.w-ad-tvx-lower { position: absolute; left: 1.2em; right: 1.2em; bottom: 1em; display: flex; align-items: center; gap: 0.7em; padding: 0.6em 0.8em; border-radius: 0.6em; background: rgba(0,0,0,.55); font-size: 0.82em; }
.w-ad-tvx-lower span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.25; }
.w-ad-tvx-lower b { font-weight: 600; }
.w-ad-tvx-lower small { opacity: .85; }
.w-ad-tvx-cta { padding: 0.45em 1em; border-radius: 0.3em; background: #fff; color: #000; font-weight: 600; white-space: nowrap; }
.w-ad-tvx-bug { position: absolute; top: 0.9em; left: 1em; width: 2.2em; height: 2.2em; opacity: .95; }
.w-ad-tvx-timer { position: absolute; top: 1em; right: 1em; padding: 0.3em 0.7em; border-radius: 0.3em; background: rgba(0,0,0,.6); font-size: 0.78em; animation: wAdTvAd 10s ease infinite; }
.w-ad-tvx-timer b { color: #ffd166; font-weight: 700; }
.w-ad-tvx-resume { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0.6em 1.2em; border-radius: 0.4em; background: rgba(0,0,0,.7); font-size: 0.9em; white-space: nowrap; opacity: 0; animation: wAdTvResume 10s ease infinite; }
@keyframes wAdTvResume { 0%, 74% { opacity: 0; } 77%, 82% { opacity: 1; } 85%, 100% { opacity: 0; } }
.w-ad-tvx-title, .w-ad-tvx-lower { z-index: 1; }
.w-ad-tvx-sea { position: absolute; inset: 0; background: linear-gradient(180deg, #bfe3ef 0%, #8cc8dc 55%, #e8d9b8 56%, #e3cfa6 100%); }
.w-ad-tvx-other { display: inline-grid; place-items: center; width: 1.9em; height: 1.9em; border-radius: 28%; background: #1d6f8a; font-weight: 700; flex: none; }
.w-ad-tvs .w-ad-tv:first-child .w-ad-tv-screen { animation: wAdTvRing 10s ease infinite; }
@keyframes wAdTvRing { 0%, 30% { box-shadow: 0 2.4em 5em -2em rgba(0,0,0,.6), 0 0 0 0 rgba(255,255,255,0); } 38%, 76% { box-shadow: 0 2.4em 5em -2em rgba(0,0,0,.6), 0 0 0 0.35em rgba(255,255,255,.75); } 84%, 100% { box-shadow: 0 2.4em 5em -2em rgba(0,0,0,.6), 0 0 0 0 rgba(255,255,255,0); } }
@media (prefers-reduced-motion: reduce) {
.w-ad-tvx-show, .w-ad-tvx-resume { animation: none; opacity: 0; }
.w-ad-tvx-ad, .w-ad-tvx-timer, .w-ad-tvs .w-ad-tv:first-child .w-ad-tv-screen { animation: none; }
}
.w-ad-oh { position: relative; width: 58em; height: 37em; border-radius: 0.9em; overflow: hidden; background: linear-gradient(180deg, #2b3a55 0%, #6f7fa3 55%, #c9b8a6 100%); box-shadow: 0 2.4em 5em -2.2em rgba(15,23,42,.45); }
.w-ad-oh-town { position: absolute; left: 0; right: 0; bottom: 6em; height: 14em; display: flex; align-items: flex-end; gap: 0.6em; padding: 0 1em; opacity: .55; }
.w-ad-oh-town i { flex: 1; background: #26324a; border-radius: 0.3em 0.3em 0 0; }
.w-ad-oh-town i:nth-child(1) { height: 60%; } .w-ad-oh-town i:nth-child(2) { height: 90%; } .w-ad-oh-town i:nth-child(3) { height: 45%; }
.w-ad-oh-town i:nth-child(4) { height: 75%; } .w-ad-oh-town i:nth-child(5) { height: 55%; } .w-ad-oh-town i:nth-child(6) { height: 85%; }
.w-ad-oh-road { position: absolute; left: 0; right: 0; bottom: 0; height: 6em; background: #3a3f47; border-top: 0.5em solid #8c8f94; }
.w-ad-oh-board { position: absolute; left: 3em; top: 3em; width: 33em; }
.w-ad-oh-screen { position: relative; height: 17em; border: 0.7em solid #1b1f26; border-radius: 0.4em; background: #111; overflow: hidden; box-shadow: 0 0 3em rgba(255,240,210,.35); }
.w-ad-oh-legs { display: flex; justify-content: space-around; height: 11em; }
.w-ad-oh-legs i { width: 1.2em; background: #1b1f26; }
.w-ad-oh-other { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 0.8em; padding: 0 2em; background: linear-gradient(120deg, #c84b31, #e9a23b); animation: wAdOhOut 10s ease infinite; }
.w-ad-oh-other i { height: 1.4em; width: 60%; border-radius: 1em; background: rgba(255,255,255,.85); }
.w-ad-oh-other i + i { width: 40%; opacity: .7; }
.w-ad-oh-other em { width: 7em; height: 2.2em; border-radius: 100px; background: #fff; }
@keyframes wAdOhOut { 0%, 24% { opacity: 1; } 30%, 100% { opacity: 0; } }
.w-ad-oh-screen .w-ad-oh-lw { animation: wAdOhIn 10s ease infinite; }
@keyframes wAdOhIn { 0%, 24% { opacity: 0; } 30%, 90% { opacity: 1; } 96%, 100% { opacity: 0; } }
.w-ad-oh-lw { position: absolute; inset: 0; display: flex; background: #f3ede2; }
.w-ad-oh-art { flex: 1.1; }
.w-ad-oh-copy { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 0.8em; padding: 0 1.4em; color: #2d3b33; }
.w-ad-oh-copy b { font-size: 1.45em; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }
.w-ad-oh-copy small { display: flex; align-items: center; gap: 0.4em; font-size: 0.8em; color: #5b6b62; }
.w-ad-oh-shelter { position: absolute; right: 4em; bottom: 6em; width: 13em; height: 25em; display: flex; flex-direction: column; align-items: center; }
.w-ad-oh-roof { width: 100%; height: 1em; border-radius: 0.3em; background: #1b1f26; }
.w-ad-oh-panel { position: relative; width: 10em; flex: 1; margin-top: 0.6em; border: 0.5em solid #1b1f26; border-radius: 0.3em; overflow: hidden; box-shadow: 0 0 2.4em rgba(255,240,210,.3); animation: wAdLand 10s ease-out infinite; }
.w-ad-oh-panel .w-ad-oh-lw { flex-direction: column; }
.w-ad-oh-panel .w-ad-oh-copy { padding: 0.9em; gap: 0.5em; }
.w-ad-oh-panel .w-ad-oh-copy b { font-size: 1.05em; }
.w-ad-oh-bench { width: 80%; height: 0.7em; margin-top: 0.5em; border-radius: 0.3em; background: #1b1f26; }
.w-ad-x { position: absolute; inset: 0; display: flex; background: #fff; color: #0f1419; }
.w-ad-x-nav { flex: none; width: 9em; display: flex; flex-direction: column; align-items: flex-start; gap: 1em; padding: 1em 1.2em; border-right: 1px solid #eff3f4; }
.w-ad-x-mark { width: 1.6em; height: 1.6em; }
.w-ad-x-nav i { width: 5.5em; height: 0.6em; border-radius: 1em; background: #e7ecef; }
.w-ad-x-nav span { margin-top: 0.4em; padding: 0.5em 1.6em; border-radius: 100px; background: #0f1419; color: #fff; font-size: 0.8em; font-weight: 700; }
.w-ad-x-col { flex: 1; min-width: 0; display: flex; flex-direction: column; border-right: 1px solid #eff3f4; }
.w-ad-x-tabs { flex: none; display: flex; justify-content: space-around; padding: 0.8em 0 0.6em; border-bottom: 1px solid #eff3f4; font-size: 0.82em; color: #536471; }
.w-ad-x-tabs b { color: #0f1419; font-weight: 700; box-shadow: 0 0.6em 0 -0.35em #1d9bf0; }
.w-ad-x-view { flex: 1; min-height: 0; overflow: hidden; }
.w-ad-x-feed { --up: -6.65em; display: flex; flex-direction: column; animation: wAdFeedUp 10s cubic-bezier(.45,0,.2,1) infinite; }
.w-ad-x-post { display: flex; gap: 0.7em; padding: 0.9em 1em; border-bottom: 1px solid #eff3f4; }
.w-ad-x-ad { --ring: rgba(29,155,240,.25); border-radius: 0.6em; animation: wAdSoftRing 10s ease infinite; }
.w-ad-x-av { flex: none; width: 2.4em; height: 2.4em; border-radius: 50%; background: linear-gradient(135deg, #f5cf8a, #c98b66); }
.w-ad-x-av2 { background: linear-gradient(135deg, #b8d8c8, #4f8a6e); }
.w-ad-x-ad .w-ad-mark { border-radius: 50%; }
.w-ad-x-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.45em; }
.w-ad-x-head { display: flex; align-items: baseline; gap: 0.4em; font-size: 0.8em; }
.w-ad-x-head b { font-weight: 700; }
.w-ad-x-head small { color: #536471; }
.w-ad-x-head em { margin-left: auto; font-style: normal; font-size: 0.9em; color: #536471; }
.w-ad-x-body p { margin: 0; font-size: 0.82em; line-height: 1.4; }
.w-ad-x-card { display: flex; flex-direction: column; border: 1px solid #cfd9de; border-radius: 0.9em; overflow: hidden; }
.w-ad-x-img { height: 12em; }
.w-ad-x-card small { padding: 0.4em 0.8em; font-size: 0.7em; color: #536471; }
.w-ad-x-act { font-size: 0.72em; color: #536471; }
.w-ad-x-side { flex: none; width: 13em; display: flex; flex-direction: column; gap: 0.7em; padding: 0.9em 1em; }
.w-ad-x-search { padding: 0.5em 1em; border-radius: 100px; background: #eff3f4; font-size: 0.78em; color: #536471; }
.w-ad-x-side b { margin-top: 0.4em; font-size: 0.86em; font-weight: 800; }
.w-ad-x-side i { height: 2.2em; border-radius: 0.5em; background: #f7f9f9; }
.w-ad-rm { position: absolute; inset: 0; background: #fff; }
.w-ad-rm-nav { display: flex; align-items: center; gap: 1.2em; padding: 0.7em 1.2em; background: #24563f; color: #fff; }
.w-ad-rm-nav b { font-size: 0.9em; font-weight: 700; }
.w-ad-rm-box { flex: 1; padding: 0.45em 0.9em; border-radius: 0.4em; background: #fff; color: #222; font-size: 0.82em; }
.w-ad-rm-basket { padding: 0.35em 0.9em; border-radius: 100px; background: rgba(255,255,255,.16); font-size: 0.74em; font-weight: 600; }
.w-ad-rm-banner { display: flex; align-items: center; gap: 1em; margin: 0.9em 1.2em 0; padding: 0.6em; border-radius: 0.7em; background: #eef4ea; animation: wAdLand 10s ease-out infinite; }
.w-ad-rm-bimg { width: 7em; height: 5em; flex: none; border-radius: 0.5em; overflow: hidden; }
.w-ad-rm-btxt { flex: 1; display: flex; flex-direction: column; gap: 0.15em; font-size: 0.8em; line-height: 1.25; color: #2d3b33; }
.w-ad-rm-btxt small { color: #6b7a70; }
.w-ad-rm-btxt b { font-size: 1.15em; font-weight: 700; }
.w-ad-rm-bbtn { padding: 0.5em 1.2em; border-radius: 100px; background: #24563f; color: #fff; font-size: 0.76em; font-weight: 700; white-space: nowrap; }
.w-ad-rm-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.9em; padding: 0.9em 1.2em; }
.w-ad-rm-card { position: relative; display: flex; flex-direction: column; gap: 0.3em; padding: 0.5em; border-radius: 0.6em; box-shadow: 0 0 0 1px #edf0ee; font-size: 0.76em; }
.w-ad-rm-ad { --ring: rgba(36,86,63,.3); animation: wAdSoftRing 10s ease infinite; }
.w-ad-rm-img { height: 13em; border-radius: 0.4em; overflow: hidden; margin-bottom: 0.2em; }
.w-ad-rm-spon { font-size: 0.85em; color: #6b7a70; }
.w-ad-rm-name { line-height: 1.3; color: #222; }
.w-ad-rm-price { font-size: 1.2em; font-weight: 700; color: #222; }
.w-ad-rm-add { margin-top: 0.2em; padding: 0.4em; border-radius: 100px; background: #24563f; color: #fff; text-align: center; font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
.w-ad-oh-other { animation: none; opacity: 0; }
.w-ad-x-feed { animation: none; transform: translateY(-6.65em); }
.w-ad-oh-screen .w-ad-oh-lw, .w-ad-oh-panel, .w-ad-x-ad, .w-ad-rm-banner, .w-ad-rm-ad { animation: none; }
}
@media (max-width: 720px) {
.w-new-phero[data-size="split"] .w-new-phero-card[data-stage]:has(.w-ad-browser) { aspect-ratio: 2 / 3; }
.w-ad-stage-device > .w-ad-browser { font-size: min(2.35cqh, 2.85cqw); }
.w-ad-browser { width: 34em; height: 42em; }
.w-ad-li-side, .w-ad-li-news, .w-ad-x-nav, .w-ad-x-side, .w-ad-cg-side, .w-ad-yt-side { display: none; }
.w-ad-g-results, .w-ad-b .w-ad-g-results { margin-left: 1.2em; margin-right: 1.2em; max-width: none; }
.w-ad-amz-grid, .w-ad-rm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.w-ad-rk .w-ad-g-results, .w-ad-rk-list { position: relative; margin-left: 7.5em; max-width: 36em; height: 27em; padding-top: 1.1em; animation: wAdLand 10s ease-out infinite; }
.w-ad-rk-row { position: absolute; left: 0; right: 0; top: calc(1.1em + var(--i) * 5.2em); padding: 0.5em 0 0.6em; box-sizing: border-box; opacity: .55; }
.w-ad-rk-row[style*="--i: 3"] { animation: wAdRkDrop3 10s ease-in-out infinite; }
.w-ad-rk-row[style*="--i: 2"] { animation: wAdRkDrop2 10s ease-in-out infinite; }
.w-ad-rk-row[style*="--i: 1"] { animation: wAdRkDrop1 10s ease-in-out infinite; }
.w-ad-rk-row[style*="--i: 0"] { animation: wAdRkDrop0 10s ease-in-out infinite; }
@keyframes wAdRkDrop3 { 0%, 30% { transform: none; } 36%, 100% { transform: translateY(5.2em); } }
@keyframes wAdRkDrop2 { 0%, 40% { transform: none; } 46%, 100% { transform: translateY(5.2em); } }
@keyframes wAdRkDrop1 { 0%, 50% { transform: none; } 56%, 100% { transform: translateY(5.2em); } }
@keyframes wAdRkDrop0 { 0%, 60% { transform: none; } 66%, 100% { transform: translateY(5.2em); } }
.w-ad-rk-us { top: calc(1.1em + 4 * 5.2em); z-index: 2; opacity: 1; margin: 0 -0.8em; padding: 0.5em 0.8em 0.6em; box-sizing: border-box; border-radius: 0.8em; background: #fff; animation: wAdRkClimb 10s ease-in-out infinite, wAdRkRing 10s ease infinite; }
@keyframes wAdRkClimb { 0%, 30% { transform: none; } 36%, 40% { transform: translateY(-5.2em); } 46%, 50% { transform: translateY(-10.4em); } 56%, 60% { transform: translateY(-15.6em); } 66%, 100% { transform: translateY(-20.8em); } }
@keyframes wAdRkRing { 0%, 66% { outline: 0.3em solid rgba(22,163,74,0); outline-offset: -0.3em; background: transparent; } 72%, 90% { outline: 0.3em solid rgba(22,163,74,.3); outline-offset: -0.3em; background: #f3fbf5; } 96%, 100% { outline: 0.3em solid rgba(22,163,74,0); outline-offset: -0.3em; background: transparent; } }
.w-ad-rk-pos { position: absolute; right: 0.8em; top: 0.7em; padding: 0.2em 0.6em; border-radius: 100px; background: #dcfce7; color: #166534; font-size: 0.78em; font-weight: 700; opacity: 0; animation: wAdRkPos 10s ease infinite; }
@keyframes wAdRkPos { 0%, 68% { opacity: 0; transform: scale(.8); } 74%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.w-ad-rk-chip { position: absolute; right: 2.2em; bottom: 1.4em; padding: 0.45em 0.9em; border-radius: 100px; background: #0b0d10; color: #fff; font-size: 0.8em; font-weight: 600; opacity: 0; animation: wAdRkPos 10s ease infinite; }
.w-ad-rk { position: relative; height: 100%; box-sizing: border-box; }
.w-ad-geo-src { margin-top: 1.2em; padding-top: 0.9em; border-top: 1px solid #ececec; animation: wAdCgAd 10s ease infinite; }
.w-ad-geo-pills { display: flex; flex-wrap: wrap; gap: 0.5em; }
.w-ad-geo-pill { display: inline-flex; align-items: center; gap: 0.45em; padding: 0.35em 0.8em 0.35em 0.45em; border-radius: 100px; background: #f2f2f2; color: #3d3d3d; font-size: 0.78em; }
.w-ad-geo-pill i { display: inline-grid; place-items: center; width: 1.6em; height: 1.6em; border-radius: 50%; background: #dcdcdc; color: #1f1f1f; font-style: normal; font-size: 0.85em; font-weight: 600; }
.w-ad-geo-us { background: #ecfdf3; color: #14532d; font-weight: 600; animation: wAdGeoRing 10s ease infinite; }
@keyframes wAdGeoRing { 0%, 58% { box-shadow: 0 0 0 0 rgba(22,163,74,0); } 64%, 90% { box-shadow: 0 0 0 0.25em rgba(22,163,74,.35); } 96%, 100% { box-shadow: 0 0 0 0 rgba(22,163,74,0); } }
.w-ad-geo-chip { position: static; display: inline-block; margin-top: 0.9em; }
.w-ad-geo .w-ad-cg-thread { position: relative; }
@media (max-width: 720px) {
.w-ad-rk-list { margin: 0 1.2em; max-width: none; }
.w-ad-rk-chip { right: 1.2em; }
}
@media (prefers-reduced-motion: reduce) {
.w-ad-rk-row, .w-ad-rk-us, .w-ad-rk-pos, .w-ad-rk-chip, .w-ad-geo-src, .w-ad-geo-us { animation: none; }
.w-ad-rk-us { transform: translateY(-20.8em); }
.w-ad-rk-row { transform: translateY(5.2em); }
.w-ad-rk-pos, .w-ad-rk-chip, .w-ad-geo-src { opacity: 1; }
}
.w-ad-lc { position: relative; height: 100%; box-sizing: border-box; }
.w-ad-lc-pack { display: flex; gap: 1.4em; margin-left: 7.5em; max-width: 42em; padding-top: 1.1em; animation: wAdLand 10s ease-out infinite; }
.w-ad-lc-map { position: relative; flex: none; width: 13em; height: 18.6em; border-radius: 0.8em; overflow: hidden; background: #e9eef2; }
.w-ad-lc-road { position: absolute; background: #fff; }
.w-ad-lc-road-a { left: 0; right: 0; top: 42%; height: 0.9em; }
.w-ad-lc-road-b { top: 0; bottom: 0; left: 36%; width: 0.7em; }
.w-ad-lc-road-c { left: 0; right: 0; top: 74%; height: 0.5em; transform: rotate(-8deg); }
.w-ad-lc-park { position: absolute; left: 58%; top: 8%; width: 36%; height: 26%; border-radius: 0.6em; background: #cfe6d2; }
.w-ad-lc-pin { position: absolute; width: 1.6em; height: 1.6em; margin: -1.6em 0 0 -0.8em; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #ea4335; box-shadow: 0 0.2em 0.5em rgba(0,0,0,.25); }
.w-ad-lc-pin-1 { left: 22%; top: 30%; }
.w-ad-lc-pin-2 { left: 70%; top: 62%; }
.w-ad-lc-pin-us { left: 46%; top: 52%; display: grid; place-items: center; width: 2.2em; height: 2.2em; margin: -2.2em 0 0 -1.1em; background: #3d6b55; animation: wAdLcPulse 10s ease infinite; }
.w-ad-lc-pin-us .w-ad-mark { transform: rotate(45deg); }
@keyframes wAdLcPulse { 0%, 54% { box-shadow: 0 0.2em 0.5em rgba(0,0,0,.25), 0 0 0 0 rgba(61,107,85,.5); } 60%, 70% { box-shadow: 0 0.2em 0.5em rgba(0,0,0,.25), 0 0 0 0.9em rgba(61,107,85,0); } 71%, 100% { box-shadow: 0 0.2em 0.5em rgba(0,0,0,.25), 0 0 0 0 rgba(61,107,85,0); } }
.w-ad-lc-list { position: relative; flex: 1; min-width: 0; height: 18.6em; }
.w-ad-lc-row { position: absolute; left: 0; right: 0; top: calc(var(--i) * 5.4em); display: flex; align-items: flex-start; gap: 0.8em; height: 5.4em; padding: 0.5em 0.6em; box-sizing: border-box; border-radius: 0.7em; opacity: .6; }
.w-ad-lc-row[style*="--i: 1"] { animation: wAdLcDrop1 10s ease-in-out infinite; }
.w-ad-lc-row[style*="--i: 0"] { animation: wAdLcDrop0 10s ease-in-out infinite; }
@keyframes wAdLcDrop1 { 0%, 35% { transform: none; } 41%, 100% { transform: translateY(5.4em); } }
@keyframes wAdLcDrop0 { 0%, 48% { transform: none; } 54%, 100% { transform: translateY(5.4em); } }
.w-ad-lc-us { top: 10.8em; z-index: 2; opacity: 1; background: #fff; animation: wAdLcClimb 10s ease-in-out infinite, wAdRkRing 10s ease infinite; }
@keyframes wAdLcClimb { 0%, 35% { transform: none; } 41%, 48% { transform: translateY(-5.4em); } 54%, 100% { transform: translateY(-10.8em); } }
.w-ad-lc-body { display: flex; flex-direction: column; gap: 0.15em; min-width: 0; line-height: 1.25; }
.w-ad-lc-body > b { font-size: 0.98em; font-weight: 500; color: #202124; }
.w-ad-lc-body small { font-size: 0.74em; color: #4d5156; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-ad-lc-stars { display: inline-flex; align-items: center; gap: 0.35em; font-size: 0.78em; }
.w-ad-lc-stars b { font-weight: 500; color: #202124; }
.w-ad-lc-stars i { font-style: normal; color: #fbbc04; letter-spacing: -0.05em; }
.w-ad-lc-acts { display: flex; gap: 0.45em; margin-top: 0.2em; }
.w-ad-lc-acts em { font-style: normal; font-size: 0.72em; padding: 0.2em 0.7em; border-radius: 100px; border: 1px solid #dadce0; color: #1a73e8; }
.w-ad-lc-us .w-ad-rk-pos { right: 0.6em; top: 0.6em; animation-name: wAdLcPos; }
@keyframes wAdLcPos { 0%, 56% { opacity: 0; transform: scale(.8); } 62%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.w-ad-lc-more { position: absolute; left: 0.6em; bottom: 0; font-size: 0.8em; color: #1a73e8; }
.w-ad-lc-chip { animation-name: wAdLcPos; }
@media (max-width: 720px) {
.w-ad-lc-pack { flex-direction: column; gap: 1em; margin: 0 1.2em; max-width: none; }
.w-ad-lc-map { width: 100%; height: 8.5em; }
.w-ad-lc-list { flex: none; height: 18.6em; }
.w-ad-lc-chip { right: 1.2em; bottom: 1em; }
}
@media (prefers-reduced-motion: reduce) {
.w-ad-lc-row, .w-ad-lc-us, .w-ad-lc-pin-us, .w-ad-lc-chip, .w-ad-lc-us .w-ad-rk-pos { animation: none; }
.w-ad-lc-us { transform: translateY(-10.8em); }
.w-ad-lc-row { transform: translateY(5.4em); }
.w-ad-lc-chip, .w-ad-lc-us .w-ad-rk-pos { opacity: 1; }
}
.w-ad-og-pair { position: relative; }
.w-ad-og .w-ad-ig-img { position: relative; overflow: hidden; }
.w-ad-og-heart { animation: wAdOgHeart 10s ease infinite; }
@keyframes wAdOgHeart { 0%, 38% { fill: none; stroke: #111; transform: none; } 42% { fill: #ef4444; stroke: #ef4444; transform: scale(1.35); } 46%, 90% { fill: #ef4444; stroke: #ef4444; transform: none; } 96%, 100% { fill: none; stroke: #111; } }
.w-ad-og-likes { display: block; padding: 0.1em 0.9em 0.3em; font-size: 0.74em; font-weight: 600; color: #111; }
.w-ad-og-n1 { animation: wAdOgN1 10s step-end infinite; }
.w-ad-og-n2 { display: none; animation: wAdOgN2 10s step-end infinite; }
@keyframes wAdOgN1 { 0%, 44% { display: inline; } 44.1%, 100% { display: none; } }
@keyframes wAdOgN2 { 0%, 44% { display: none; } 44.1%, 100% { display: inline; } }
.w-ad-og-comment { margin-top: 0.4em; opacity: 0; animation: wAdOgComment 10s ease infinite; }
@keyframes wAdOgComment { 0%, 60% { opacity: 0; transform: translateY(0.4em); } 66%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.w-ad-og-tt { height: 100%; }
.w-ad-og-chip { right: 0; bottom: -2.6em; animation-name: wAdRkPos; }
@media (prefers-reduced-motion: reduce) {
.w-ad-og-heart, .w-ad-og-n1, .w-ad-og-n2, .w-ad-og-comment, .w-ad-og-chip { animation: none; }
.w-ad-og-n1 { display: none; } .w-ad-og-n2 { display: inline; }
.w-ad-og-heart { fill: #ef4444; stroke: #ef4444; }
.w-ad-og-comment, .w-ad-og-chip { opacity: 1; }
}
.w-new-aiw { position: relative; }
.w-new-aiw-panel { position: sticky; top: 0; height: 100vh; min-height: 560px; overflow: hidden; background: #0b0d10; }
.w-new-aiw-panel + .w-new-aiw-panel { border-radius: 28px 28px 0 0; box-shadow: 0 -24px 60px -20px rgba(0,0,0,.55); }
.w-new-aiw-panel video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-new-aiw-panel::after { content: ''; position: absolute; inset: 50% 0 0; background: linear-gradient(180deg, rgba(11,13,16,0), rgba(11,13,16,.8)); pointer-events: none; }
.w-new-aiw-cap { position: absolute; left: 32px; right: 32px; bottom: 48px; z-index: 1; color: #fff; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.w-new-aiw-cap span { display: block; font-size: 16px; font-weight: 500; opacity: .85; margin-bottom: 8px; }
.w-new-aiw-cap h3 { margin: 0; font-size: clamp(32px, 4.4vw, 64px); line-height: 1.05; font-weight: 600; letter-spacing: -0.02em; max-width: 16ch; }
.w-new-aiw-cap .w-new-ai-play-pill { position: static; font-size: 16px; padding: 12px 20px 12px 16px; }
.w-new-aiw-cap button { appearance: none; border: 0; margin: 0; padding: 0; background: none; cursor: pointer; flex-shrink: 0; }
.w-new-aiw-cap button:hover .w-new-ai-play-pill, .w-new-aiw-cap button:focus-visible .w-new-ai-play-pill { background: rgba(10,19,23,.75); }
.w-new-aiw-grid .w-new-card { justify-content: flex-start; }
.w-new-aiw-grid .w-new-card-body { align-items: flex-start; text-align: left; }
.w-new-aiw-grid .w-new-card-eyebrow { font-size: 15px; opacity: .85; }
.w-new-aiw-grid .w-new-grid .w-new-card-title { margin: 2px 0 0; font-size: clamp(22px, 2vw, 30px); line-height: 1.2; letter-spacing: -0.015em; }
.w-new-aiw-grid .w-new-card-body { padding: 0 28px 24px; }
.w-new-aiw-lead { grid-column: 1 / -1; }
.w-new .w-new-aiw-lead .w-new-card { aspect-ratio: 21 / 9; }
@media (max-width: 720px) {
.w-new-aiw-panel { height: 82vh; min-height: 0; }
.w-new-aiw-cap { left: 20px; right: 20px; bottom: 28px; flex-direction: column; align-items: flex-start; }
}
.w-new .w-fm { position: relative; display: grid; place-items: center; margin: -26px -26px 22px; aspect-ratio: 16 / 10; overflow: hidden; container-type: size; background: linear-gradient(150deg, #bfd4fa 0%, #d9e2f3 52%, #c4e3cf 100%); color: #202124; line-height: 1.35; text-align: left; }
.w-fm > * { font-size: min(4cqw, 6.4cqh); }
.w-fm:not([data-in]) *, .w-fm:not([data-in]) { animation-play-state: paused !important; }
.w-fm b, .w-fm em, .w-fm small, .w-fm span { font-style: normal; }
.w-fm .w-ad-mark { display: inline-grid; place-items: center; flex: none; border-radius: 28%; background: #3d6b55; color: #f3ede2; font-weight: 600; line-height: 1; }
.w-fm .w-ad-art { display: grid; place-items: center; width: 100%; height: 100%; }
.w-fm .w-ad-art svg { width: 78%; height: 78%; }
.w-fm-screen { width: 22em; height: 13em; box-sizing: border-box; padding: 0.9em 1em; border-radius: 0.9em; background: #fff; box-shadow: 0 1.2em 2.4em -1.4em rgba(15,23,42,.35), 0 0 0 1px rgba(15,23,42,.05); display: flex; flex-direction: column; gap: 0.45em; overflow: hidden; }
.w-fm-bar { display: block; height: 0.42em; border-radius: 1em; background: #e8ebef; flex: none; }
.w-fm-q { display: flex; align-items: center; height: 1.9em; padding: 0 0.9em; border-radius: 1em; box-shadow: 0 0 0 1px #dfe1e5; font-size: 0.72em; color: #3c4043; flex: none; }
.w-fm-q::after { content: ''; width: 0.5em; height: 0.5em; margin-left: auto; border-radius: 50%; border: 0.12em solid #4285f4; }
.w-fm-label, .w-fm-ad small { font-size: 0.6em; font-weight: 700; color: #202124; letter-spacing: .01em; }
.w-fm-site { display: flex; align-items: center; gap: 0.4em; font-size: 0.66em; }
.w-fm-site span { display: flex; flex-direction: column; line-height: 1.2; }
.w-fm-site em { color: #5f6368; font-size: 0.9em; }
.w-fm-site small { margin-left: auto; color: #5f6368; font-weight: 600; }
.w-fm-link { font-size: 0.82em; font-weight: 500; color: #1a0dab; }
.w-fm-dim { color: #7b8ed1; }
.w-fm-ad { display: flex; flex-direction: column; gap: 0.32em; padding: 0.55em 0.65em; margin: 0 -0.3em; border-radius: 0.6em; }
.w-fm-org { display: flex; flex-direction: column; gap: 0.35em; opacity: .7; }
.w-fm-ring { animation: wFmRing 6s ease infinite; }
@keyframes wFmRing { 0%, 30% { outline: 0.2em solid rgba(26,115,232,0); outline-offset: -0.2em; } 40%, 85% { outline: 0.2em solid rgba(26,115,232,.32); outline-offset: -0.2em; } 95%, 100% { outline: 0.2em solid rgba(26,115,232,0); outline-offset: -0.2em; } }
.w-fm-shop { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5em; }
.w-fm-prod { display: flex; flex-direction: column; gap: 0.25em; padding: 0.35em; border-radius: 0.6em; box-shadow: 0 0 0 1px #eceef1; font-size: 0.66em; }
.w-fm-prod-img { display: block; aspect-ratio: 1; border-radius: 0.5em; overflow: hidden; }
.w-fm-prod em { color: #5f6368; font-size: 0.9em; }
.w-fm-article { flex-direction: row; gap: 0.8em; }
.w-fm-col { flex: 1; display: flex; flex-direction: column; gap: 0.5em; }
.w-fm-head { font-size: 0.9em; font-weight: 700; line-height: 1.25; margin-bottom: 0.2em; }
.w-fm-mpu { position: relative; width: 7.6em; flex: none; align-self: center; display: flex; flex-direction: column; align-items: center; gap: 0.35em; padding: 0.5em 0.5em 0.6em; border-radius: 0.5em; background: #f7f3ec; font-size: 0.85em; }
.w-fm-mpu-img { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: 0.35em; overflow: hidden; }
.w-fm-adchoice { position: absolute; top: 0.3em; right: 0.35em; font-size: 0.55em; color: #5f6368; }
.w-fm-cta { display: inline-block; padding: 0.25em 0.8em; border-radius: 1em; background: #1a73e8; color: #fff; font-size: 0.62em; font-weight: 600; white-space: nowrap; }
.w-fm-dark { background: #0f0f0f; }
.w-fm-dark .w-fm-bar { background: #2b2b2b; }
.w-fm-player { position: relative; height: 8.4em; flex: none; border-radius: 0.6em; overflow: hidden; background: #3b3a36; }
.w-fm-player > .w-ad-art svg { width: 60%; height: 60%; }
.w-fm-skip { position: absolute; right: 0.5em; bottom: 2.6em; padding: 0.25em 0.7em; background: rgba(0,0,0,.7); color: #fff; font-size: 0.6em; border: 1px solid rgba(255,255,255,.4); }
.w-fm-adbar { position: absolute; left: 0.5em; right: 0.5em; bottom: 0.55em; display: flex; align-items: center; gap: 0.4em; color: #fff; font-size: 0.62em; }
.w-fm-adbar > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.2; flex: 1; }
.w-fm-adbar em { opacity: .8; font-size: 0.9em; }
.w-fm-progress { position: absolute; left: 0; bottom: 0; height: 0.22em; width: 100%; background: #fbbc04; transform-origin: left; animation: wFmProgress 6s linear infinite; }
@keyframes wFmProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.w-fm-feed { flex-direction: row; gap: 0.6em; align-items: flex-start; }
.w-fm-card { flex: 1; display: flex; flex-direction: column; gap: 0.4em; padding: 0.4em; border-radius: 0.7em; box-shadow: 0 0 0 1px #eceef1; }
.w-fm-card:first-child { flex: 0.6; opacity: .6; }
.w-fm-card-img { display: block; aspect-ratio: 4 / 3; border-radius: 0.5em; overflow: hidden; }
.w-fm-dimimg { background: #eceff3; }
.w-fm-cardtitle { font-size: 0.72em; font-weight: 600; }
.w-fm-app { display: flex; align-items: center; gap: 0.6em; padding: 0.6em; border-radius: 0.7em; font-size: 0.72em; }
.w-fm-app > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.25; flex: 1; }
.w-fm-app em { color: #5f6368; font-size: 0.9em; }
.w-fm-stars { color: #f4b400; font-size: 0.85em; letter-spacing: .05em; }
.w-fm-install { padding: 0.35em 1em; border-radius: 1em; background: #1a73e8; color: #fff; font-weight: 600; font-size: 0.9em; }
.w-fm-lsa { display: flex; align-items: center; gap: 0.55em; padding: 0.45em 0.6em; border-radius: 0.7em; box-shadow: 0 0 0 1px #eceef1; font-size: 0.66em; }
.w-fm-lsa > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.25; flex: 1; }
.w-fm-lsa em { color: #5f6368; font-size: 0.92em; }
.w-fm-lsa-av { display: grid; place-items: center; width: 2.2em; height: 2.2em; border-radius: 50%; background: #3d6b55; color: #f3ede2; font-weight: 600; flex: none; }
.w-fm-lsa + .w-fm-lsa .w-fm-lsa-av { background: #9aa8b4; }
.w-fm-verified { color: #188038; font-weight: 600; font-size: 0.9em; }
.w-fm-call { padding: 0.3em 0.9em; border-radius: 1em; box-shadow: 0 0 0 1px #dadce0; color: #1a73e8; font-weight: 600; }
.w-fm-pmax { display: grid; grid-template-columns: repeat(3, 7em); grid-auto-rows: 5.6em; gap: 0.6em; }
.w-fm-tile { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 0.3em; padding: 0.5em 0.55em 1.25em; border-radius: 0.7em; background: #fff; box-shadow: 0 0.6em 1.4em -0.9em rgba(15,23,42,.4); overflow: hidden; font-size: 0.82em; animation: wFmTile 6s ease infinite; }
.w-fm-tile small { font-size: 0.68em; font-weight: 700; }
.w-fm-tile .w-fm-link { font-size: 0.78em; }
.w-fm-tag { position: absolute; left: 0.55em; bottom: 0.35em; font-size: 0.62em; font-weight: 600; color: #1a73e8; }
.w-fm-vid, .w-fm-banner { position: relative; display: block; height: 100%; border-radius: 0.45em; overflow: hidden; }
.w-fm-play { position: absolute; inset: 0; margin: auto; width: 1.6em; height: 1.1em; border-radius: 0.3em; background: #ff0000; }
.w-fm-map { position: relative; display: block; height: 100%; border-radius: 0.45em; background: repeating-linear-gradient(35deg, #e8efe6 0 0.6em, #f4f6f1 0.6em 1.2em); }
.w-fm-pin { position: absolute; left: 50%; top: 45%; width: 1em; height: 1em; margin: -0.5em; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #ea4335; }
@keyframes wFmTile { 0%, 8% { transform: scale(.9); opacity: .35; } 16%, 90% { transform: none; opacity: 1; } 100% { transform: scale(.9); opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .w-fm *, .w-fm { animation: none !important; } }
.w-fm-microsoft-head { display: flex; align-items: center; gap: 0.5em; flex: none; }
.w-fm-microsoft-head .w-fm-q { flex: 1; }
.w-fm-microsoft-logo { display: block; width: 1.3em; height: 1.3em; object-fit: contain; flex: none; }
.w-fm-microsoft-tabs { display: flex; gap: 1em; padding: 0 0 0.3em 1.8em; border-bottom: 1px solid #ececec; font-size: 0.58em; color: #444; flex: none; }
.w-fm-microsoft-tabs b { font-weight: 600; color: #174ae4; box-shadow: 0 0.55em 0 -0.4em #174ae4; }
.w-fm-microsoft-badge { display: inline-block; margin-left: 0.3em; padding: 0 0.35em; border-radius: 0.2em; background: #f1f1f1; color: #444; font-style: normal; font-weight: 600; }
.w-fm-microsoft-links { display: flex; gap: 0.9em; font-size: 0.6em; color: #1a0dab; }
.w-fm-microsoft-shop .w-fm-prod-img { aspect-ratio: 4 / 3; }
.w-fm-microsoft-thumb { display: block; height: 100%; border-radius: 0.45em; overflow: hidden; }
.w-fm-microsoft-chat { align-self: flex-end; padding: 0.3em 0.55em; border-radius: 0.8em 0.8em 0.2em 0.8em; background: #e8efff; font-size: 0.68em; }
.w-fm-microsoft-tag { color: #174ae4; }
.w-fm-microsoft-msn { flex-direction: row; align-items: stretch; gap: 0.55em; background: #f7f7f7; }
.w-fm-microsoft-news { flex: 1; display: flex; flex-direction: column; gap: 0.35em; padding: 0.4em; border-radius: 0.6em; background: #fff; box-shadow: 0 0 0 1px #ececec; font-size: 0.86em; }
.w-fm-microsoft-news > b { font-size: 0.72em; font-weight: 600; line-height: 1.25; }
.w-fm-microsoft-news .w-fm-site { margin-top: auto; font-size: 0.62em; }
.w-fm-microsoft-news:not(.w-fm-ring) { opacity: .6; }
.w-fm-microsoft-story { display: block; aspect-ratio: 4 / 3; border-radius: 0.45em; overflow: hidden; background: #e6e9ee; }
.w-fm-microsoft-mm { flex: 1; min-height: 0; display: flex; gap: 0.7em; }
.w-fm-microsoft-mm .w-fm-org { flex: 1; padding-top: 0.4em; }
.w-fm-microsoft-mmad { width: 9em; flex: none; display: flex; flex-direction: column; gap: 0.3em; padding: 0.4em; border-radius: 0.6em; box-shadow: 0 0 0 1px #ececec; }
.w-fm-microsoft-mmad .w-fm-link { font-size: 0.72em; }
.w-fm-microsoft-mmad .w-fm-site { font-size: 0.56em; }
.w-fm-microsoft-mmimg { display: block; height: 4.6em; border-radius: 0.45em; overflow: hidden; }
.w-fm-microsoft-dsa { flex: 1; min-height: 0; display: flex; align-items: center; gap: 0.4em; }
.w-fm-microsoft-dsa .w-fm-ad { flex: 1; margin: 0; }
.w-fm-microsoft-page { width: 7em; flex: none; display: flex; flex-direction: column; gap: 0.3em; padding: 0.4em; border-radius: 0.5em; background: #f6f7f9; box-shadow: 0 0 0 1px #e6e8ec; animation: wFmMicrosoftCrawl 6s ease infinite; }
.w-fm-microsoft-page em { font-size: 0.55em; color: #5f6368; }
.w-fm-microsoft-page b { font-size: 0.66em; font-weight: 600; }
.w-fm-microsoft-pageimg { display: block; height: 3em; border-radius: 0.35em; overflow: hidden; }
.w-fm-microsoft-arrow { font-style: normal; color: #174ae4; font-weight: 700; animation: wFmMicrosoftCrawl 6s ease infinite 0.4s; }
@keyframes wFmMicrosoftCrawl { 0%, 10% { opacity: .4; } 25%, 90% { opacity: 1; } 100% { opacity: .4; } }
.w-fm-microsoft-adtag { position: absolute; left: 0.5em; top: 0.5em; padding: 0.2em 0.5em; border-radius: 0.3em; background: rgba(0,0,0,.6); color: #fff; font-size: 0.58em; font-weight: 600; }
.w-fm-microsoft-rail { display: flex; gap: 0.45em; }
.w-fm-microsoft-rail span { flex: 1; height: 2.4em; border-radius: 0.4em; background: #222; }
.w-fm-aishop-shop .w-fm-prod-img { aspect-ratio: 4 / 3; }
.w-fm-aishop-q { align-self: flex-end; max-width: 80%; padding: 0.35em 0.8em; border-radius: 1em; background: #f0f4f9; font-size: 0.66em; color: #1f1f1f; flex: none; }
.w-fm-aishop-label { font-size: 0.6em; font-weight: 600; color: #1a73e8; flex: none; }
.w-fm-aishop-one { display: flex; gap: 0.6em; padding: 0.45em; border-radius: 0.8em; box-shadow: 0 0 0 1px #e3e3e3; flex: none; }
.w-fm-aishop-oneimg { display: block; width: 4.4em; height: 4.4em; border-radius: 0.55em; overflow: hidden; flex: none; }
.w-fm-aishop-onetxt { display: flex; flex-direction: column; justify-content: center; gap: 0.15em; font-size: 0.7em; line-height: 1.25; }
.w-fm-aishop-onetxt small { font-size: 0.85em; font-weight: 700; }
.w-fm-aishop-onetxt b { font-weight: 500; }
.w-fm-aishop-onetxt .w-fm-site { font-size: 0.9em; }
.w-fm-aishop-mini { display: block; flex: 1; min-height: 0; border-radius: 0.45em; overflow: hidden; }
.w-fm-aishop-tabs { display: flex; gap: 1em; padding-bottom: 0.3em; border-bottom: 1px solid #ececec; font-size: 0.58em; color: #5f6368; flex: none; }
.w-fm-aishop-tabs b { font-weight: 600; color: #1a73e8; box-shadow: 0 0.55em 0 -0.4em #1a73e8; }
.w-fm-aishop-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45em; }
.w-fm-aishop-feed { flex-direction: row; align-items: center; gap: 0.5em; }
.w-fm-aishop-table { flex: 1; display: flex; flex-direction: column; border-radius: 0.55em; box-shadow: 0 0 0 1px #e3e6ea; overflow: hidden; }
.w-fm-aishop-row { display: flex; align-items: center; gap: 0.5em; padding: 0.45em 0.6em; font-size: 0.6em; border-top: 1px solid #eef0f3; }
.w-fm-aishop-row:first-child { border-top: 0; }
.w-fm-aishop-row em { width: 7.4em; flex: none; color: #5f6368; font-family: ui-monospace, Menlo, monospace; }
.w-fm-aishop-row b { flex: 1; min-width: 0; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-fm-aishop-row i { font-style: normal; color: #188038; font-weight: 700; animation: wFmAishopTick 6s ease infinite; }
.w-fm-aishop-row:nth-child(2) i { animation-delay: 0.3s; }
.w-fm-aishop-row:nth-child(3) i { animation-delay: 0.6s; }
.w-fm-aishop-row:nth-child(4) i { animation-delay: 0.9s; }
.w-fm-aishop-row:nth-child(5) i { animation-delay: 1.2s; }
@keyframes wFmAishopTick { 0%, 10% { opacity: 0; } 20%, 90% { opacity: 1; } 100% { opacity: 0; } }
.w-fm-aishop-arrow { font-style: normal; color: #1a73e8; font-weight: 700; }
.w-fm-aishop-out { width: 5.6em; flex: none; }
.w-fm-meta-pair { display: flex; align-items: center; gap: 1.1em; }
.w-fm-meta-phone.w-fm-screen { position: relative; width: 9.4em; height: 13em; padding: 0; gap: 0; border-radius: 1.3em; box-shadow: 0 1.2em 2.4em -1.4em rgba(15,23,42,.4), 0 0 0 0.22em #1c1c1e; }
.w-fm-meta-top { display: flex; align-items: center; gap: 0.4em; padding: 0.6em 0.75em 0.45em; border-bottom: 1px solid #efefef; font-size: 0.7em; flex: none; }
.w-fm-meta-top b { font-weight: 600; }
.w-fm-meta-mark { width: 1.3em; height: 1.3em; object-fit: contain; }
.w-fm-meta-post { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 0.3em; padding-bottom: 0.4em; }
.w-fm-meta-head { display: flex; align-items: center; gap: 0.45em; padding: 0.4em 0.6em 0; font-size: 0.62em; flex: none; }
.w-fm-meta-head span { display: flex; flex-direction: column; line-height: 1.15; }
.w-fm-meta-head b { font-weight: 600; }
.w-fm-meta-head small { color: #737373; font-size: 0.9em; }
.w-fm-meta-img { position: relative; display: block; flex: 1; min-height: 0; overflow: hidden; }
.w-fm-meta-ctabar { display: flex; justify-content: space-between; margin: 0 0.4em; padding: 0.4em 0.7em; border-radius: 0.4em; background: #f3f3f3; color: #111; font-size: 0.58em; font-weight: 600; flex: none; animation: wFmMetaCta 6s ease infinite; }
@keyframes wFmMetaCta { 0%, 35% { background: #f3f3f3; color: #111; } 45%, 85% { background: #0095f6; color: #fff; } 95%, 100% { background: #f3f3f3; color: #111; } }
.w-fm-meta-text { display: block; padding: 0 0.95em; font-size: 0.58em; line-height: 1.3; flex: none; }
.w-fm-meta-link { display: flex; align-items: center; justify-content: space-between; gap: 0.4em; margin: 0 0.4em; padding: 0.4em 0.55em; border-radius: 0.4em; background: #f0f2f5; font-size: 0.56em; flex: none; }
.w-fm-meta-link > span:first-child { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.w-fm-meta-link em { color: #65676b; }
.w-fm-meta-btn { padding: 0.3em 0.7em; border-radius: 0.4em; background: #e4e6eb; color: #050505; font-weight: 600; white-space: nowrap; }
.w-fm-meta-send { background: #0866ff; color: #fff; }
.w-fm-meta-vid .w-ad-art svg { width: 70%; height: 70%; }
.w-fm-meta-mute { position: absolute; right: 0.45em; bottom: 0.55em; width: 0.9em; height: 0.9em; border-radius: 50%; background: rgba(0,0,0,.55); }
.w-fm-meta-prog { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.18em; background: #fff; transform-origin: left; animation: wFmProgress 6s linear infinite; }
.w-fm-meta-vid .w-fm-meta-prog { background: #0095f6; }
.w-fm-meta-land.w-fm-screen { position: relative; width: 11em; height: 6.6em; padding: 0; gap: 0; border-radius: 0.9em; box-shadow: 0 1.2em 2.4em -1.4em rgba(15,23,42,.4), 0 0 0 0.22em #1c1c1e; }
.w-fm-meta-land > .w-ad-art { position: absolute; inset: 0; }
.w-fm-meta-land > .w-ad-art svg { width: 60%; height: 60%; }
.w-fm-meta-landbar { position: absolute; left: 0.5em; right: 0.5em; bottom: 0.6em; display: flex; align-items: center; gap: 0.45em; color: #fff; font-size: 0.58em; }
.w-fm-meta-landbar > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.2; flex: 1; }
.w-fm-meta-landbar small { opacity: .8; }
.w-fm-meta-track { flex: 1; min-height: 0; overflow: hidden; padding-left: 0.55em; }
.w-fm-meta-strip { display: flex; gap: 0.35em; height: 100%; animation: wFmMetaSwipe 6s cubic-bezier(.45,0,.2,1) infinite; }
@keyframes wFmMetaSwipe { 0%, 22% { transform: none; } 32%, 55% { transform: translateX(-6.35em); } 65%, 88% { transform: translateX(-12.7em); } 100% { transform: none; } }
.w-fm-meta-slide { flex: none; width: 6em; display: flex; flex-direction: column; border-radius: 0.45em; overflow: hidden; box-shadow: inset 0 0 0 1px #efefef; }
.w-fm-meta-slidecap { display: flex; align-items: center; justify-content: space-between; gap: 0.3em; padding: 0.35em 0.45em; font-size: 0.56em; flex: none; }
.w-fm-meta-slidecap > span:first-child { display: flex; flex-direction: column; line-height: 1.2; }
.w-fm-meta-slidecap em { color: #737373; }
.w-fm-meta-dots { display: flex; justify-content: center; gap: 0.25em; flex: none; }
.w-fm-meta-dots i { width: 0.3em; height: 0.3em; border-radius: 50%; background: #c7c7c7; }
.w-fm-meta-dots i.is-on { background: #0095f6; }
.w-fm-meta-play { position: absolute; inset: 0; margin: auto; width: 1.5em; height: 1.5em; border-radius: 50%; background: rgba(0,0,0,.45); box-shadow: inset 0 0 0 0.12em #fff; }
.w-fm-meta-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.25em; padding: 0 0.4em; flex: none; }
.w-fm-meta-thumb { display: block; aspect-ratio: 1; border-radius: 0.35em; overflow: hidden; }
.w-fm-meta-ix { display: flex; flex-direction: column; gap: 0.4em; height: 100%; padding-bottom: 0.5em; animation: wFmMetaRise 6s ease infinite; }
@keyframes wFmMetaRise { 0%, 30% { transform: translateY(1.2em); opacity: 0; } 42%, 90% { transform: none; opacity: 1; } 100% { transform: translateY(1.2em); opacity: 0; } }
.w-fm-meta-ixhero { position: relative; display: block; height: 4.6em; flex: none; }
.w-fm-meta-ixhero b { position: absolute; left: 0.75em; bottom: 0.5em; font-size: 0.66em; font-weight: 700; }
.w-fm-meta-grid4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35em; padding: 0 0.5em; }
.w-fm-meta-tile { display: flex; flex-direction: column; gap: 0.15em; }
.w-fm-meta-tile b { font-size: 0.56em; font-weight: 600; }
.w-fm-meta-ixbtn { margin: auto 0.5em 0; padding: 0.45em; border-radius: 0.4em; background: #0866ff; color: #fff; font-size: 0.58em; font-weight: 600; text-align: center; }
.w-fm-meta-full { position: absolute; inset: 0; }
.w-fm-meta-full::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,.6) 100%); }
.w-fm-meta-reel { position: absolute; top: 0.75em; left: 0.8em; color: #fff; font-size: 0.7em; font-weight: 700; }
.w-fm-meta-acts { position: absolute; right: 0.45em; bottom: 4.6em; display: flex; flex-direction: column; gap: 0.5em; }
.w-fm-meta-acts svg { width: 1em; height: 1em; fill: none; stroke: #fff; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.w-fm-meta-over { position: absolute; left: 0; right: 1.6em; bottom: 0.6em; display: flex; flex-direction: column; gap: 0.35em; color: #fff; }
.w-fm-meta-over .w-fm-meta-head small, .w-fm-meta-sthead .w-fm-meta-head small { color: rgba(255,255,255,.85); }
.w-fm-meta-copy { padding: 0 0.95em; font-size: 0.58em; line-height: 1.3; }
.w-fm-meta-fullcta { display: flex; justify-content: space-between; margin: 0 0.5em; padding: 0.4em 0.7em; border-radius: 0.4em; background: rgba(255,255,255,.22); font-size: 0.58em; font-weight: 600; animation: wFmMetaFull 6s ease infinite; }
@keyframes wFmMetaFull { 0%, 35% { background: rgba(255,255,255,.22); } 45%, 85% { background: #0095f6; } 95%, 100% { background: rgba(255,255,255,.22); } }
.w-fm-meta-bars { position: absolute; top: 0.6em; left: 0.6em; right: 0.6em; display: flex; gap: 0.2em; }
.w-fm-meta-bars i { flex: 1; height: 0.15em; border-radius: 1em; background: rgba(255,255,255,.45); overflow: hidden; }
.w-fm-meta-bars i:first-child { background: #fff; }
.w-fm-meta-bars i.is-on::before { content: ''; display: block; height: 100%; background: #fff; transform-origin: left; animation: wFmProgress 6s linear infinite; }
.w-fm-meta-sthead { position: absolute; top: 0.95em; left: 0; color: #fff; }
.w-fm-meta-stcopy { position: absolute; left: 0.75em; right: 0.75em; bottom: 4em; color: #fff; font-size: 0.78em; font-weight: 600; line-height: 1.25; text-shadow: 0 1px 6px rgba(0,0,0,.3); }
.w-fm-meta-swipe { position: absolute; left: 0; right: 0; bottom: 0.7em; display: flex; flex-direction: column; align-items: center; gap: 0.1em; color: #fff; }
.w-fm-meta-swipe i { font-size: 0.7em; line-height: 1; animation: wFmMetaBob 1.5s ease-in-out infinite; }
@keyframes wFmMetaBob { 0%, 100% { transform: none; } 50% { transform: translateY(-0.3em); } }
.w-fm-meta-swipe span { padding: 0.4em 1.1em; border-radius: 1em; background: #fff; color: #111; font-size: 0.6em; font-weight: 600; }
.w-fm-meta-advhead { display: flex; align-items: center; gap: 0.45em; font-size: 0.72em; flex: none; }
.w-fm-meta-advhead b { font-weight: 700; }
.w-fm-meta-advhead small { margin-left: auto; color: #65676b; font-size: 0.85em; }
.w-fm-meta-adv { flex: 1; min-height: 0; display: grid; grid-template-columns: 6.4em 1.4em 1fr; align-items: center; gap: 0.4em; }
.w-fm-meta-cat { display: flex; flex-direction: column; gap: 0.3em; }
.w-fm-meta-cat small { font-size: 0.58em; font-weight: 700; color: #65676b; }
.w-fm-meta-cat .w-fm-meta-grid4 { padding: 0; gap: 0.3em; }
.w-fm-meta-arrow { position: relative; display: block; height: 0.14em; background: #0866ff; }
.w-fm-meta-arrow::after { content: ''; position: absolute; right: 0; top: 50%; width: 0.45em; height: 0.45em; border-top: 0.14em solid #0866ff; border-right: 0.14em solid #0866ff; transform: translate(0, -50%) rotate(45deg); }
.w-fm-meta-outs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4em; }
.w-fm-meta-out { display: flex; flex-direction: column; align-items: center; gap: 0.25em; padding: 0.3em; border-radius: 0.55em; box-shadow: 0 0 0 1px #eceef1; animation: wFmTile 6s ease infinite both; }
.w-fm-meta-out .w-fm-meta-thumb { width: 100%; aspect-ratio: 9 / 14; }
.w-fm-meta-out:first-child .w-fm-meta-thumb { aspect-ratio: 4 / 5; }
.w-fm-meta-out b { font-size: 0.58em; font-weight: 600; color: #0866ff; }
.w-fm-meta-chips { display: flex; gap: 0.35em; flex: none; }
.w-fm-meta-chips span { padding: 0.3em 0.65em; border-radius: 1em; background: #e7f0ff; color: #0a4fb8; font-size: 0.56em; font-weight: 600; white-space: nowrap; }
.w-fm-meta-chathead { display: flex; align-items: center; gap: 0.45em; padding: 0.7em 0.7em 0.5em; border-bottom: 1px solid #efefef; font-size: 0.62em; flex: none; }
.w-fm-meta-chathead span { display: flex; flex-direction: column; line-height: 1.2; }
.w-fm-meta-chathead small { color: #65676b; }
.w-fm-meta-chat { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.4em; padding: 0.5em; }
.w-fm-meta-msg { align-self: flex-start; max-width: 85%; padding: 0.45em 0.7em; border-radius: 1em; background: #f0f0f0; font-size: 0.58em; line-height: 1.3; animation: wFmMetaPop 6s ease infinite both; }
.w-fm-meta-msg.is-me { align-self: flex-end; background: #0866ff; color: #fff; animation-delay: 0.6s; }
.w-fm-meta-msg + .w-fm-meta-msg + .w-fm-meta-msg { animation-delay: 1.2s; }
@keyframes wFmMetaPop { 0%, 15% { opacity: 0; transform: translateY(0.4em); } 25%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(0.4em); } }
.w-fm-meta-input { margin: 0 0.5em 0.6em; padding: 0.4em 0.8em; border-radius: 1em; background: #f0f2f5; color: #8a8d91; font-size: 0.58em; flex: none; }
@media (prefers-reduced-motion: reduce) { .w-fm-meta-msg, .w-fm-meta-ix { opacity: 1; transform: none; } }
.w-fm-amazon .w-fm-ring { animation-name: wFmAmazonRing; }
@keyframes wFmAmazonRing { 0%, 30% { outline: 0.2em solid rgba(255,153,0,0); outline-offset: -0.2em; } 40%, 85% { outline: 0.2em solid rgba(255,153,0,.55); outline-offset: -0.2em; } 95%, 100% { outline: 0.2em solid rgba(255,153,0,0); outline-offset: -0.2em; } }
.w-fm-amazon-nav { display: flex; align-items: center; gap: 0.6em; margin: -0.9em -1em 0; padding: 0.5em 1em; background: #131921; flex: none; }
.w-fm-amazon-logo { display: block; width: 1.4em; height: 1.4em; padding: 0.1em; box-sizing: border-box; border-radius: 0.25em; background: #fff; object-fit: contain; flex: none; }
.w-fm-amazon-box { flex: 1; display: flex; justify-content: space-between; align-items: stretch; height: 1.7em; padding-left: 0.7em; border-radius: 0.3em; background: #fff; font-size: 0.68em; overflow: hidden; }
.w-fm-amazon-box span { align-self: center; }
.w-fm-amazon-box i { width: 2em; background: #febd69; }
.w-fm-amazon .w-fm-prod { gap: 0.18em; }
.w-fm-amazon .w-fm-shop .w-fm-prod-img { aspect-ratio: 5 / 4; }
.w-fm-amazon-stars { color: #de7921; font-size: 0.85em; letter-spacing: -0.05em; }
.w-fm-amazon-prime { font-size: 0.85em; font-weight: 700; font-style: italic; color: #00a8e1; }
.w-fm-amazon-sb { display: flex; align-items: center; gap: 0.45em; padding: 0.5em; border-radius: 0.5em; background: #f7f7f7; flex: none; }
.w-fm-amazon-sbbrand { flex: 1; display: flex; flex-direction: column; gap: 0.2em; font-size: 0.66em; }
.w-fm-amazon-sbbrand b { font-weight: 700; color: #0f1111; line-height: 1.2; }
.w-fm-amazon-sbbrand em { color: #007185; font-size: 0.9em; }
.w-fm-amazon-sbimg { display: block; width: 3.6em; height: 3.6em; border-radius: 0.4em; overflow: hidden; flex: none; }
.w-fm-amazon-pdp { flex: 1; min-height: 0; display: flex; gap: 0.6em; align-items: flex-start; }
.w-fm-amazon-pdpimg { display: block; width: 5.4em; height: 6.4em; border-radius: 0.4em; overflow: hidden; flex: none; }
.w-fm-amazon-pdp .w-fm-org { flex: 1; }
.w-fm-amazon-title { font-size: 0.72em; font-weight: 600; color: #0f1111; }
.w-fm-amazon-sd { width: 6.6em; flex: none; display: flex; flex-direction: column; gap: 0.2em; padding: 0.4em; border-radius: 0.5em; box-shadow: 0 0 0 1px #e7e7e7; font-size: 0.66em; }
.w-fm-amazon-sd b { font-weight: 600; color: #0f1111; }
.w-fm-amazon-sd em { color: #565959; font-size: 0.9em; }
.w-fm-amazon-sdimg { display: block; height: 4.6em; border-radius: 0.35em; overflow: hidden; }
.w-fm-amazon-buy { padding: 0.25em 0; border-radius: 1em; background: #ffd814; text-align: center; font-weight: 600; font-size: 0.9em; }
.w-fm-amazon-tag { color: #c45500; }
.w-fm-amazon-tv { display: block; height: 100%; border-radius: 0.45em; overflow: hidden; }
.w-fm-amazon-wave { display: flex; align-items: center; justify-content: center; gap: 0.25em; height: 100%; }
.w-fm-amazon-wave i { display: block; width: 0.3em; height: 1.4em; border-radius: 1em; background: #ff9900; animation: wFmAmazonWave 1.2s ease-in-out infinite alternate; }
.w-fm-amazon-wave i:nth-child(2n) { animation-delay: 0.3s; height: 2.2em; }
.w-fm-amazon-wave i:nth-child(3n) { animation-delay: 0.6s; height: 0.9em; }
@keyframes wFmAmazonWave { from { transform: scaleY(.4); } to { transform: scaleY(1); } }
.w-fm-amazon-hero { display: flex; align-items: center; gap: 0.6em; padding: 0.7em 0.8em; border-radius: 0.6em; background: linear-gradient(120deg, #e9f0ea, #f3ede2); flex: none; }
.w-fm-amazon-hero span { display: flex; flex-direction: column; line-height: 1.2; font-size: 0.76em; }
.w-fm-amazon-hero em { color: #007185; font-size: 0.86em; }
.w-fm-amazon-storetabs { display: flex; gap: 1em; padding-bottom: 0.3em; border-bottom: 1px solid #e7e7e7; font-size: 0.58em; color: #0f1111; flex: none; }
.w-fm-amazon-storetabs b { font-weight: 700; box-shadow: 0 0.55em 0 -0.4em #0f1111; }
.w-fm-amazon-store { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45em; }
.w-fm-amazon-adtag { position: absolute; left: 0.5em; top: 0.5em; padding: 0.2em 0.5em; border-radius: 0.3em; background: rgba(0,0,0,.6); color: #fff; font-size: 0.58em; font-weight: 600; }
.w-fm-amazon-cta { background: #1a98ff; }
.w-fm-amazon-rail { display: flex; gap: 0.45em; }
.w-fm-amazon-rail span { flex: 1; height: 2.4em; border-radius: 0.4em; background: #1b2530; }
.w-fm-youtube-top { display: flex; align-items: center; gap: 0.5em; flex: none; }
.w-fm-youtube-mark { width: 1.3em; height: 1.3em; object-fit: contain; }
.w-fm-youtube-search { flex: 1; max-width: 11em; margin: 0 auto; padding: 0.2em 0.8em; border-radius: 1em; box-shadow: 0 0 0 1px #d3d3d3; color: #606060; font-size: 0.6em; }
.w-fm-youtube-fill { position: absolute; inset: 0; display: block; }
.w-fm-youtube-fill::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.18), transparent 30%, transparent 50%, rgba(0,0,0,.6)); }
.w-fm-screen.w-fm-youtube-watch { gap: 0.4em; }
.w-fm-youtube-watch .w-fm-player { height: 7.4em; background: #cdb99c; }
.w-fm-youtube-time { position: absolute; left: 0.5em; top: 0.5em; padding: 0.2em 0.55em; border-radius: 0.3em; background: rgba(0,0,0,.62); color: #fff; font-size: 0.6em; font-weight: 600; }
.w-fm-youtube-skip { display: grid; }
.w-fm-youtube-skip b { grid-area: 1 / 1; font-weight: 500; animation: wFmYoutubeSkipA 6s steps(1) infinite; }
.w-fm-youtube-skip b + b { animation-name: wFmYoutubeSkipB; }
@keyframes wFmYoutubeSkipA { 0% { opacity: 1; } 50% { opacity: 0; } }
@keyframes wFmYoutubeSkipB { 0% { opacity: 0; } 50% { opacity: 1; } }
.w-fm-youtube-btn { flex: none; width: fit-content; padding: 0.3em 0.8em; border-radius: 1em; background: #3ea6ff; color: #0f0f0f; font-weight: 600; white-space: nowrap; }
.w-fm-youtube-title { font-size: 0.72em; font-weight: 600; }
.w-fm-youtube-chan { display: flex; align-items: center; gap: 0.4em; }
.w-fm-youtube-chan > i:first-child { width: 1.2em; height: 1.2em; border-radius: 50%; background: #e8ebef; }
.w-fm-youtube-row { display: flex; gap: 0.6em; padding: 0.35em; margin: 0 -0.35em; border-radius: 0.6em; }
.w-fm-youtube-org { opacity: .7; }
.w-fm-youtube-thumb { position: relative; width: 7.4em; aspect-ratio: 16 / 9; flex: none; border-radius: 0.45em; overflow: hidden; background: #eceff3; }
.w-fm-youtube-thumb small { position: absolute; right: 0.3em; bottom: 0.3em; padding: 0.05em 0.3em; border-radius: 0.2em; background: rgba(0,0,0,.75); color: #fff; font-size: 0.55em; }
.w-fm-youtube-meta { display: flex; flex-direction: column; gap: 0.35em; flex: 1; min-width: 0; font-size: 0.68em; line-height: 1.25; }
.w-fm-youtube-meta > b { font-weight: 600; }
.w-fm-youtube-meta .w-fm-site { font-size: 1em; }
.w-fm-youtube-meta em { color: #606060; }
.w-fm-youtube-meta .w-fm-bar { height: 0.62em; }
.w-fm-youtube-pair { display: flex; align-items: center; gap: 0.9em; }
.w-fm-screen.w-fm-youtube-phone { position: relative; width: 8.2em; height: 13em; padding: 0; gap: 0; border-radius: 1.1em; color: #fff; }
.w-fm-youtube-prev { transform: scale(.88); opacity: .55; }
.w-fm-youtube-shorts { position: absolute; left: 0.7em; top: 0.6em; font-size: 0.66em; font-weight: 700; }
.w-fm-youtube-rail { position: absolute; right: 0.45em; bottom: 4.6em; display: flex; flex-direction: column; gap: 0.6em; }
.w-fm-youtube-rail svg { width: 1.1em; height: 1.1em; fill: #fff; }
.w-fm-youtube-cap { position: absolute; left: 0.6em; right: 0.6em; bottom: 0.7em; display: flex; flex-direction: column; gap: 0.3em; font-size: 0.62em; line-height: 1.25; text-shadow: 0 1px 2px rgba(0,0,0,.4); }
.w-fm-youtube-cap .w-fm-site { font-size: 1em; }
.w-fm-youtube-cap small { width: fit-content; font-weight: 700; }
.w-fm-youtube-shop { padding: 0.45em; border-radius: 1em; background: #fff; color: #0f0f0f; text-align: center; font-weight: 600; text-shadow: none; }
.w-fm-youtube-mast { display: flex; gap: 0.6em; height: 5.6em; flex: none; padding: 0.4em; border-radius: 0.7em; background: #f2f2f2; }
.w-fm-youtube-mast-vid { position: relative; width: 9.6em; flex: none; border-radius: 0.5em; overflow: hidden; }
.w-fm-youtube-mast-txt { display: flex; flex-direction: column; justify-content: center; gap: 0.3em; font-size: 0.66em; line-height: 1.2; }
.w-fm-youtube-mast-txt .w-fm-site { font-size: 1em; }
.w-fm-youtube-mast-txt em { color: #606060; }
.w-fm-youtube-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5em; opacity: .7; }
.w-fm-youtube-grid span { display: flex; flex-direction: column; gap: 0.3em; }
.w-fm-youtube-grid i { display: block; aspect-ratio: 16 / 9; border-radius: 0.4em; background: #eceff3; }
.w-fm-youtube-dg { display: grid; grid-template-columns: repeat(2, 9.8em); grid-auto-rows: 5.4em; gap: 0.6em; }
.w-fm-youtube-dg .w-fm-tag { font-size: 0.7em; color: #cc0000; }
.w-fm-youtube-dg .w-fm-site { font-size: 0.8em; }
.w-fm-youtube-dg-row { display: flex; align-items: center; gap: 0.5em; height: 100%; }
.w-fm-youtube-dg-row > span:last-child { display: flex; flex-direction: column; gap: 0.3em; flex: 1; }
.w-fm-youtube-dg-short { width: 2.4em; height: 100%; flex: none; border-radius: 0.4em; overflow: hidden; }
.w-fm-youtube-dg-img { width: 3.6em; height: 100%; flex: none; border-radius: 0.4em; overflow: hidden; }
.w-fm-youtube-tv { display: flex; flex-direction: column; align-items: center; }
.w-fm-youtube-tv-screen { position: relative; width: 20em; aspect-ratio: 16 / 9; box-sizing: border-box; border: 0.35em solid #1c1c1c; border-radius: 0.5em; overflow: hidden; background: #cdb99c; box-shadow: 0 1.2em 2.4em -1.4em rgba(15,23,42,.45); }
.w-fm-youtube-tv-screen .w-fm-adbar { font-size: 0.7em; }
.w-fm-youtube-qr { width: 2.6em; height: 2.6em; flex: none; border: 0.3em solid #fff; border-radius: 0.2em; background: repeating-conic-gradient(#0f0f0f 0 25%, #fff 0 50%) 0 0 / 0.65em 0.65em; }
.w-fm-youtube-tv-stand { display: block; width: 5em; height: 0.5em; margin-top: 0.4em; border-radius: 0.3em; background: #1c1c1c; }
.w-fm-linkedin { background: #f4f2ee; padding: 0.7em 1.4em; gap: 0.5em; }
.w-fm-linkedin-post { display: flex; flex-direction: column; gap: 0.4em; padding: 0.6em 0.7em; border-radius: 0.6em; background: #fff; box-shadow: 0 0 0 1px #e6e6e6; min-height: 0; flex: none; }
.w-fm-linkedin-ghost { opacity: .55; }
.w-fm-linkedin-head { display: flex; align-items: center; gap: 0.45em; font-size: 0.66em; }
.w-fm-linkedin-head > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.2; }
.w-fm-linkedin-head b { font-weight: 600; color: #1d1d1d; }
.w-fm-linkedin-head small { color: #666; font-size: 0.9em; }
.w-fm-linkedin-av { display: block; flex: none; width: 1.6em; height: 1.6em; border-radius: 50%; background: linear-gradient(135deg, #9cc7f2, #4a7fb5); }
.w-fm-linkedin-head .w-fm-linkedin-exec { width: 2.2em; height: 2.2em; background: linear-gradient(135deg, #f5cf8a, #c98b66); }
.w-fm-linkedin-follow { margin-left: auto; color: #0a66c2; font-weight: 600; }
.w-fm-linkedin-post p { margin: 0; font-size: 0.64em; line-height: 1.35; color: #1d1d1d; }
.w-fm-linkedin-img { display: block; height: 4.4em; margin: 0 -0.7em; overflow: hidden; }
.w-fm-linkedin-img > img, .w-fm-linkedin-vid > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.w-fm-linkedin-cta { display: flex; justify-content: space-between; align-items: center; margin: -0.4em -0.7em -0.6em; padding: 0.45em 0.7em; border-radius: 0 0 0.6em 0.6em; background: #eef3f8; font-size: 0.62em; }
.w-fm-linkedin-cta b { font-weight: 600; }
.w-fm-linkedin-btn { padding: 0.3em 0.9em; border-radius: 100px; box-shadow: inset 0 0 0 1px #0a66c2; color: #0a66c2; font-size: 0.62em; font-weight: 600; white-space: nowrap; }
.w-fm-linkedin-cta .w-fm-linkedin-btn { font-size: 1em; }
.w-fm-linkedin-fill { background: #0a66c2; color: #fff; box-shadow: none; }
.w-fm-linkedin-vid { position: relative; display: block; height: 7.6em; margin: 0 -0.7em -0.6em; border-radius: 0 0 0.6em 0.6em; overflow: hidden; background: #3b3a36; }
.w-fm-linkedin-vid > .w-ad-art svg { width: 60%; height: 60%; }
.w-fm-linkedin-play { position: absolute; inset: 0; margin: auto; width: 2.2em; height: 2.2em; border-radius: 50%; background: rgba(0,0,0,.55); box-shadow: inset 0 0 0 0.12em #fff; }
.w-fm-linkedin-play::after { content: ''; position: absolute; left: 0.85em; top: 0.6em; border-left: 0.8em solid #fff; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; }
.w-fm-linkedin-time { position: absolute; left: 0.6em; bottom: 0.7em; padding: 0.15em 0.5em; border-radius: 0.3em; background: rgba(0,0,0,.65); color: #fff; font-size: 0.58em; }
.w-fm-linkedin-vid .w-fm-progress { background: #0a66c2; }
.w-fm-linkedin-track { display: block; overflow: hidden; margin: 0 -0.7em; padding: 0 0.7em 0.1em; }
.w-fm-linkedin-slides { display: flex; gap: 0.5em; width: max-content; animation: wFmLinkedinSlide 6s ease infinite; }
.w-fm-linkedin-slide { display: flex; flex-direction: column; width: 7em; border-radius: 0.5em; overflow: hidden; box-shadow: 0 0 0 1px #e6e6e6; }
.w-fm-linkedin-simg { display: block; height: 5em; }
.w-fm-linkedin-slide b { padding: 0.4em 0.6em; font-size: 0.6em; font-weight: 600; }
@keyframes wFmLinkedinSlide { 0%, 35% { transform: none; } 50%, 85% { transform: translateX(-7.5em); } 100% { transform: none; } }
.w-fm-linkedin-doc { display: flex; flex-direction: column; margin: 0 -0.7em -0.6em; padding: 0.6em 0.7em 0; border-radius: 0 0 0.6em 0.6em; background: #e9e5df; }
.w-fm-linkedin-page { display: flex; flex-direction: column; gap: 0.35em; width: 11em; margin: 0 auto; padding: 0.6em 0.7em; border-radius: 0.2em 0.2em 0 0; background: #fff; box-shadow: 0 0.4em 1em -0.6em rgba(0,0,0,.4); animation: wFmLinkedinPage 6s ease infinite; }
.w-fm-linkedin-page b { font-size: 0.66em; font-weight: 700; line-height: 1.2; }
.w-fm-linkedin-pimg { display: block; height: 2.6em; border-radius: 0.3em; overflow: hidden; }
.w-fm-linkedin-docbar { display: flex; justify-content: space-between; align-items: center; padding: 0.4em 0; font-size: 1em; }
.w-fm-linkedin-docbar small { font-size: 0.58em; color: #444; }
@keyframes wFmLinkedinPage { 0%, 40% { transform: none; } 50% { transform: translateX(-0.5em) rotateY(12deg); } 60%, 100% { transform: none; } }
.w-fm-linkedin-event { display: flex; flex-direction: column; gap: 0.4em; margin: 0 -0.7em -0.6em; padding-bottom: 0.6em; }
.w-fm-linkedin-banner { display: block; height: 3.8em; }
.w-fm-linkedin-evtxt { display: flex; flex-direction: column; gap: 0.15em; padding: 0 0.7em; }
.w-fm-linkedin-date { font-size: 0.58em; font-weight: 700; color: #b24020; }
.w-fm-linkedin-evtxt b { font-size: 0.78em; font-weight: 700; }
.w-fm-linkedin-evtxt em { font-size: 0.6em; color: #666; }
.w-fm-linkedin-event .w-fm-linkedin-btn { align-self: flex-start; margin: 0 0.7em 0 1.1em; font-size: 0.66em; }
.w-fm-linkedin-react { font-size: 0.58em; color: #666; }
.w-fm-linkedin-comment { display: flex; align-items: center; gap: 0.4em; padding-top: 0.35em; border-top: 1px solid #eee; font-size: 0.66em; }
.w-fm-linkedin-comment .w-fm-bar { flex: none; }
.w-fm-linkedin-msgs { flex-direction: row; gap: 0.6em; padding: 0.7em; }
.w-fm-linkedin-inbox { flex: none; width: 5.6em; display: flex; flex-direction: column; gap: 0.5em; padding: 0.5em; border-radius: 0.6em; background: #fff; box-shadow: 0 0 0 1px #e6e6e6; }
.w-fm-linkedin-inbox b { font-size: 0.62em; font-weight: 600; }
.w-fm-linkedin-inbox i { height: 1.6em; border-radius: 0.4em; background: #f1f1f1; }
.w-fm-linkedin-inbox i:first-of-type { background: #e3eefa; box-shadow: inset 0.15em 0 0 #0a66c2; }
.w-fm-linkedin-thread { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.4em; padding: 0.6em 0.7em; border-radius: 0.6em; background: #fff; box-shadow: 0 0 0 1px #e6e6e6; }
.w-fm-linkedin-bubble { padding: 0.5em 0.65em; border-radius: 0.2em 0.8em 0.8em 0.8em; background: #f3f2ef; font-size: 0.62em; line-height: 1.35; }
.w-fm-linkedin-choice { align-self: flex-end; padding: 0.3em 0.9em; border-radius: 100px; box-shadow: inset 0 0 0 1px #0a66c2; color: #0a66c2; font-size: 0.6em; font-weight: 600; animation: wFmLinkedinPop 6s ease infinite; }
.w-fm-linkedin-choice + .w-fm-linkedin-choice { animation-delay: 0.25s; }
.w-fm-linkedin-choice + .w-fm-linkedin-choice + .w-fm-linkedin-choice { animation-delay: 0.5s; }
.w-fm-linkedin-quiet { color: #666; box-shadow: inset 0 0 0 1px #c9c9c9; }
@keyframes wFmLinkedinPop { 0%, 10% { opacity: 0; transform: translateY(0.4em); } 20%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.w-fm-linkedin-form { display: flex; flex-direction: column; gap: 0.32em; width: 15em; margin: 0 auto; padding: 0.6em 0.8em; border-radius: 0.6em; background: #fff; box-shadow: 0 0.6em 1.4em -0.8em rgba(0,0,0,.35); }
.w-fm-linkedin-ftitle { font-size: 0.74em; font-weight: 700; }
.w-fm-linkedin-field { display: flex; flex-direction: column; padding: 0.2em 0.5em; border-radius: 0.3em; box-shadow: inset 0 0 0 1px #c9c9c9; font-size: 0.58em; line-height: 1.25; animation: wFmLinkedinFill 6s ease infinite; }
.w-fm-linkedin-field small { color: #666; font-size: 0.9em; }
@keyframes wFmLinkedinFill { 0%, 5% { color: transparent; } 15%, 92% { color: #1d1d1d; } 100% { color: transparent; } }
.w-fm-linkedin-submit { align-self: stretch; text-align: center; font-size: 0.66em; }
.w-fm-screen.w-fm-tiktok-phone { position: relative; width: 8.2em; height: 13em; padding: 0; gap: 0; border-radius: 1.1em; background: #000; color: #fff; }
.w-fm-tiktok-fill { position: absolute; inset: 0; display: block; }
.w-fm-tiktok-fill::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.3), transparent 22%, transparent 45%, rgba(0,0,0,.6)); }
.w-fm-tiktok-top { position: absolute; left: 0; right: 0; top: 0.9em; display: flex; justify-content: center; gap: 0.9em; font-size: 0.6em; text-shadow: 0 1px 2px rgba(0,0,0,.4); }
.w-fm-tiktok-top span { opacity: .75; }
.w-fm-tiktok-top b { font-weight: 700; box-shadow: 0 0.2em 0 -0.05em #fff; }
.w-fm-tiktok-rail { position: absolute; right: 0.35em; bottom: 3.4em; display: flex; flex-direction: column; align-items: center; gap: 0.3em; }
.w-fm-tiktok-rail > span { display: flex; flex-direction: column; align-items: center; gap: 0.1em; }
.w-fm-tiktok-rail svg { width: 1em; height: 1em; fill: #fff; filter: drop-shadow(0 1px 1px rgba(0,0,0,.3)); }
.w-fm-tiktok-rail small { font-size: 0.55em; font-weight: 600; }
.w-fm-tiktok-av { display: block; width: 1.2em; height: 1.2em; border-radius: 50%; background: #d9c3a5; box-shadow: 0 0 0 0.1em #fff; }
.w-fm-tiktok-cap { position: absolute; left: 0.55em; right: 2.3em; bottom: 0.6em; display: flex; flex-direction: column; gap: 0.25em; font-size: 0.6em; line-height: 1.25; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
.w-fm-tiktok-cap b { font-weight: 700; }
.w-fm-tiktok-cap-high { bottom: 5.4em; }
.w-fm-tiktok-spon { width: fit-content; padding: 0.1em 0.4em; border-radius: 0.3em; background: rgba(255,255,255,.24); text-shadow: none; }
.w-fm-tiktok-cta { padding: 0.5em; border-radius: 0.3em; text-align: center; font-weight: 600; text-shadow: none; animation: wFmTiktokCta 6s ease infinite; }
@keyframes wFmTiktokCta { 0%, 30% { background: rgba(255,255,255,.24); } 40%, 92% { background: #fe2c55; } 100% { background: rgba(255,255,255,.24); } }
.w-fm-tiktok-pair { display: flex; align-items: center; gap: 0.5em; }
.w-fm-tiktok-prev { transform: scale(.9); opacity: .65; }
.w-fm-tiktok-arrow { font-size: 0.66em; font-weight: 700; color: #1f2a44; white-space: nowrap; }
.w-fm-tiktok-adchip { position: absolute; top: 0.8em; right: 0.6em; padding: 0.1em 0.45em; border-radius: 0.3em; background: rgba(0,0,0,.45); font-size: 0.6em; font-weight: 600; }
.w-fm-tiktok-splash { position: absolute; inset: 0; display: grid; place-items: center; background: #000; animation: wFmTiktokSplash 6s ease infinite; }
.w-fm-tiktok-splash-mark { width: 2.6em; height: 2.6em; object-fit: contain; }
@keyframes wFmTiktokSplash { 0%, 14% { opacity: 1; } 24%, 90% { opacity: 0; } 100% { opacity: 1; } }
.w-fm-tiktok-prod { position: absolute; left: 0.5em; right: 0.5em; bottom: 0.6em; display: flex; align-items: center; gap: 0.45em; padding: 0.4em; border-radius: 0.5em; background: #fff; color: #161823; font-size: 0.6em; }
.w-fm-tiktok-prod-img { display: block; width: 2.8em; height: 2.8em; flex: none; border-radius: 0.35em; overflow: hidden; }
.w-fm-tiktok-prod > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.25; }
.w-fm-tiktok-prod em { color: #fe2c55; font-weight: 700; }
.w-fm-tiktok-buy { padding: 0.35em 0.8em; border-radius: 0.3em; background: #fe2c55; color: #fff; font-weight: 600; }
.w-fm-tiktok-strip { position: absolute; top: 0; bottom: 0; left: 0; display: flex; width: 300%; animation: wFmTiktokSlide 6s ease infinite; }
.w-fm-tiktok-strip > span { position: relative; display: block; flex: 1; }
.w-fm-tiktok-strip > span::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.3), transparent 22%, transparent 45%, rgba(0,0,0,.6)); }
@keyframes wFmTiktokSlide { 0%, 24% { transform: none; } 33%, 57% { transform: translateX(-33.333%); } 66%, 92% { transform: translateX(-66.666%); } 100% { transform: none; } }
.w-fm-tiktok-dots { position: absolute; left: 0; right: 0; bottom: 5.2em; display: flex; justify-content: center; gap: 0.25em; }
.w-fm-tiktok-dots i { width: 0.32em; height: 0.32em; border-radius: 50%; background: rgba(255,255,255,.5); }
.w-fm-tiktok-dots i:first-child { background: #fff; }
.w-fm-screen.w-fm-tiktok-mission { flex-direction: row; align-items: center; gap: 0.7em; color: #fff; }
.w-fm-tiktok-brief { width: 10.4em; flex: none; display: flex; flex-direction: column; gap: 0.4em; padding: 0.8em; border-radius: 0.7em; background: #1f1f1f; font-size: 0.7em; line-height: 1.25; }
.w-fm-tiktok-brief .w-fm-site { font-size: 1em; }
.w-fm-tiktok-brief small { color: #fe2c55; font-weight: 700; }
.w-fm-tiktok-brief > b { font-size: 1.12em; }
.w-fm-tiktok-brief em { color: #a8a8a8; }
.w-fm-tiktok-join { margin-top: 0.2em; padding: 0.45em; border-radius: 0.3em; background: #fe2c55; text-align: center; font-weight: 600; }
.w-fm-tiktok-tiles { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4em; }
.w-fm-tiktok-tile { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 0.5em; overflow: hidden; font-size: 0.58em; }
.w-fm-tiktok-tile b { position: absolute; left: 0.45em; bottom: 0.45em; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.w-fm-tiktok-tile .w-fm-tiktok-spon { position: absolute; left: 0.45em; top: 0.45em; }
.w-fm-tiktok-cam { background: linear-gradient(180deg, #3a3f4b, #1d2027); }
.w-fm-tiktok-glow { position: absolute; inset: 0; background: radial-gradient(circle at 50% 38%, rgba(255,214,150,.6), transparent 62%); animation: wFmTiktokGlow 6s ease infinite; }
@keyframes wFmTiktokGlow { 0%, 20% { opacity: 0; } 40%, 85% { opacity: 1; } 100% { opacity: 0; } }
.w-fm-tiktok-person { position: absolute; left: 0; right: 0; bottom: 2.9em; display: flex; flex-direction: column; align-items: center; gap: 0.3em; }
.w-fm-tiktok-person i { display: block; width: 2.5em; height: 2.5em; border-radius: 50%; background: #c9a88a; }
.w-fm-tiktok-person i + i { width: 5.2em; height: 3.2em; border-radius: 2.6em 2.6em 0.4em 0.4em; background: #6d7d93; }
.w-fm-tiktok-float { position: absolute; top: 2em; right: 0.5em; width: 2.6em; height: 2.6em; animation: wFmTiktokBob 6s ease-in-out infinite; }
@keyframes wFmTiktokBob { 0%, 100% { transform: translateY(0.3em); opacity: 0; } 35%, 85% { transform: none; opacity: 1; } }
.w-fm-tiktok-fxname { position: absolute; left: 50%; top: 0.9em; transform: translateX(-50%); padding: 0.2em 0.6em; border-radius: 1em; background: rgba(0,0,0,.4); font-size: 0.6em; font-weight: 600; white-space: nowrap; }
.w-fm-tiktok-tray { position: absolute; left: 0; right: 0; bottom: 0.5em; display: flex; justify-content: center; align-items: center; gap: 0.35em; }
.w-fm-tiktok-tray i { display: block; width: 1.2em; height: 1.2em; border-radius: 50%; background: rgba(255,255,255,.25); }
.w-fm-tiktok-tray b { display: block; width: 1.9em; height: 1.9em; box-sizing: border-box; border-radius: 50%; border: 0.25em solid #fff; background: #fe2c55; }
.w-fm-tiktok-tray .w-fm-tiktok-fx { display: grid; place-items: center; width: 1.7em; height: 1.7em; background: #fff; }
.w-fm-screen.w-fm-tiktok-game { padding: 0.8em 0.6em; gap: 0.5em; background: #f6f1e8; color: #2b2b2b; }
.w-fm-tiktok-gamebar { display: flex; justify-content: space-between; align-items: center; font-size: 0.62em; }
.w-fm-tiktok-gamebar small { color: #8a7a66; }
.w-fm-tiktok-letters { flex: 1; display: grid; grid-template-columns: repeat(3, 1.8em); justify-content: center; align-content: center; gap: 0.3em; }
.w-fm-tiktok-letters i { display: grid; place-items: center; aspect-ratio: 1; border-radius: 0.3em; background: #fff; box-shadow: 0 0.15em 0 #e2d6c3; font-style: normal; font-weight: 700; color: #6f9a6c; }
.w-fm-tiktok-banner { display: flex; align-items: center; gap: 0.35em; padding: 0.4em; border-radius: 0.4em; background: #fff; box-shadow: 0 0 0 1px #e6dccb; font-size: 0.58em; }
.w-fm-tiktok-banner > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.2; }
.w-fm-tiktok-banner em { color: #8a7a66; }
.w-fm-pinterest-screen.w-fm-screen { color: #111; }
.w-fm-pinterest-top { display: flex; align-items: center; gap: 0.55em; flex: none; }
.w-fm-pinterest-logo { width: 1.25em; height: 1.25em; object-fit: contain; }
.w-fm-pinterest-top span { flex: 1; padding: 0.4em 0.9em; border-radius: 1em; background: #efefef; color: #767676; font-size: 0.62em; }
.w-fm-pinterest-feed { flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr 1.35fr 1fr 1fr; gap: 0.45em; align-items: start; overflow: hidden; }
.w-fm-pinterest-col { display: flex; flex-direction: column; gap: 0.45em; }
.w-fm-pinterest-pin { display: flex; flex-direction: column; gap: 0.25em; border-radius: 0.6em; }
.w-fm-pinterest-img { position: relative; display: block; border-radius: 0.6em; overflow: hidden; }
.w-fm-pinterest-title { padding: 0 0.15em; font-size: 0.56em; font-weight: 600; line-height: 1.2; }
.w-fm-pinterest-by { display: flex; align-items: center; gap: 0.4em; padding: 0 0.15em 0.2em; font-size: 0.56em; line-height: 1.15; color: #767676; }
.w-fm-pinterest-by > span { display: flex; flex-direction: column; }
.w-fm-pinterest-by b { color: #111; font-weight: 600; }
.w-fm-pinterest-std { height: 5.6em; }
.w-fm-pinterest-tall { height: 6.4em; }
.w-fm-pinterest-save { position: absolute; top: 0.4em; right: 0.4em; padding: 0.35em 0.7em; border-radius: 1em; background: #e60023; color: #fff; font-size: 0.56em; font-weight: 600; animation: wFmPinterestSave 6s ease infinite; }
@keyframes wFmPinterestSave { 0%, 40% { background: #e60023; } 50%, 85% { background: #111; } 95%, 100% { background: #e60023; } }
.w-fm-pinterest-dur { position: absolute; top: 0.45em; left: 0.45em; padding: 0.2em 0.5em; border-radius: 1em; background: rgba(0,0,0,.6); color: #fff; font-size: 0.56em; font-weight: 600; }
.w-fm-pinterest-prog { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.2em; background: #fff; transform-origin: left; animation: wFmProgress 6s linear infinite; }
.w-fm-pinterest-car { height: 5.4em; }
.w-fm-pinterest-strip { display: flex; width: 300%; height: 100%; animation: wFmPinterestSwipe 6s cubic-bezier(.45,0,.2,1) infinite; }
.w-fm-pinterest-strip > .w-ad-art { flex: 0 0 33.334%; }
@keyframes wFmPinterestSwipe { 0%, 25% { transform: none; } 33%, 58% { transform: translateX(-33.334%); } 66%, 90% { transform: translateX(-66.667%); } 100% { transform: none; } }
.w-fm-pinterest-dots { display: flex; justify-content: center; gap: 0.2em; }
.w-fm-pinterest-dots i { width: 0.28em; height: 0.28em; border-radius: 50%; background: #cdcdcd; }
.w-fm-pinterest-dots i:first-child { background: #111; }
.w-fm-pinterest-coll { display: flex; flex-direction: column; gap: 0.2em; }
.w-fm-pinterest-hero { height: 4.2em; border-radius: 0.6em 0.6em 0.2em 0.2em; }
.w-fm-pinterest-set { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.2em; }
.w-fm-pinterest-set .w-fm-pinterest-img { aspect-ratio: 1; border-radius: 0.2em; }
.w-fm-pinterest-set .w-fm-pinterest-img:first-child { border-bottom-left-radius: 0.6em; }
.w-fm-pinterest-set .w-fm-pinterest-img:last-child { border-bottom-right-radius: 0.6em; }
.w-fm-pinterest-idea > .w-ad-art { position: absolute; inset: 0; }
.w-fm-pinterest-idea > .w-ad-art + .w-ad-art { animation: wFmPinterestPage 6s ease infinite; }
@keyframes wFmPinterestPage { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 1; } 100% { opacity: 0; } }
.w-fm-pinterest-pages { position: absolute; top: 0.4em; left: 0.4em; right: 0.4em; display: flex; gap: 0.15em; }
.w-fm-pinterest-pages i { flex: 1; height: 0.14em; border-radius: 1em; background: rgba(17,17,17,.2); }
.w-fm-pinterest-pages i:first-child { background: #111; }
.w-fm-pinterest-idea b, .w-fm-pinterest-over { position: absolute; left: 0.5em; right: 0.5em; bottom: 0.45em; color: #111; font-size: 0.6em; font-weight: 700; line-height: 1.2; }
.w-fm-pinterest-show { flex: 1; min-height: 0; display: flex; gap: 0.7em; align-items: flex-start; }
.w-fm-pinterest-show > .w-fm-pinterest-pin { width: 6.2em; flex: none; }
.w-fm-pinterest-cards { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45em; padding-top: 0.6em; }
.w-fm-pinterest-card { display: flex; flex-direction: column; gap: 0.25em; animation: wFmPinterestFan 6s ease infinite both; }
.w-fm-pinterest-card .w-fm-pinterest-img { aspect-ratio: 3 / 4; }
@keyframes wFmPinterestFan { 0%, 20% { opacity: 0; transform: translateX(-1.5em) scale(.9); } 32%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateX(-1.5em) scale(.9); } }
.w-fm-pinterest-quiz { flex: 1; min-height: 0; display: grid; grid-template-columns: 1.25fr 1fr; gap: 0.7em; }
.w-fm-pinterest-q { display: flex; flex-direction: column; gap: 0.35em; padding: 0.55em 0.6em; border-radius: 0.8em; background: #f5efe6; }
.w-fm-pinterest-q > b { font-size: 0.66em; font-weight: 700; line-height: 1.2; }
.w-fm-pinterest-opt { padding: 0.4em 0.7em; border-radius: 1em; background: #fff; font-size: 0.58em; font-weight: 600; }
.w-fm-pinterest-opt.is-pick { animation: wFmPinterestPick 6s ease infinite; }
@keyframes wFmPinterestPick { 0%, 25% { background: #fff; color: #111; } 35%, 90% { background: #111; color: #fff; } 100% { background: #fff; color: #111; } }
.w-fm-pinterest-q .w-fm-pinterest-by { margin-top: auto; }
.w-fm-pinterest-result { display: flex; flex-direction: column; gap: 0.2em; animation: wFmPinterestShow 6s ease infinite both; }
.w-fm-pinterest-result .w-fm-pinterest-img { flex: 1; min-height: 0; }
.w-fm-pinterest-result small { font-size: 0.56em; color: #767676; font-weight: 600; }
.w-fm-pinterest-result b { font-size: 0.66em; font-weight: 700; }
.w-fm-pinterest-visit { align-self: flex-start; padding: 0.35em 0.8em; border-radius: 1em; background: #e60023; color: #fff; font-size: 0.56em; font-weight: 600; }
@keyframes wFmPinterestShow { 0%, 38% { opacity: 0; transform: translateY(0.6em); } 48%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(0.6em); } }
.w-fm-pinterest-spot { position: relative; display: block; height: 6em; flex: none; border-radius: 0.8em; overflow: hidden; }
.w-fm-pinterest-spot > .w-ad-art { position: absolute; inset: 0; }
.w-fm-pinterest-spot > .w-ad-art svg { width: 55%; height: 90%; }
.w-fm-pinterest-spotcopy { position: absolute; left: 0.6em; bottom: 0.55em; display: flex; flex-direction: column; gap: 0.3em; }
.w-fm-pinterest-spotcopy > b { font-size: 0.72em; font-weight: 700; }
.w-fm-pinterest-row { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.45em; align-items: start; overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .w-fm-pinterest-card, .w-fm-pinterest-result { opacity: 1; transform: none; } }
.w-fm-chatgpt-card { display: flex; gap: 0.6em; align-items: center; }
.w-fm-chatgpt-card .w-fm-chatgpt-img { width: 4.2em; height: 3.2em; flex: none; border-radius: 0.5em; overflow: hidden; }
.w-fm-chatgpt-copy { display: flex; flex-direction: column; gap: 0.15em; font-size: 0.7em; line-height: 1.25; }
.w-fm-chatgpt-copy b { display: flex; align-items: center; gap: 0.35em; }
.w-fm-chatgpt-copy em { color: #5d5d5d; }
.w-fm-chatgpt-dom { color: #10a37f !important; font-size: 0.92em; }
.w-fm-chatgpt-q { align-self: flex-end; max-width: 80%; padding: 0.35em 0.75em; border-radius: 1em; background: #f2f2f2; font-size: 0.66em; flex: none; }
.w-fm-chatgpt-a { display: flex; flex-direction: column; gap: 0.35em; flex: none; }
.w-fm-chatgpt-ad { display: flex; flex-direction: column; gap: 0.35em; padding: 0.45em 0.5em 0.5em; margin: 0 -0.3em; border-top: 1px solid #ececec; border-radius: 0.6em; flex: none; }
.w-fm-chatgpt-sp { display: flex; align-items: center; gap: 0.4em; font-size: 0.58em; font-weight: 600; color: #8f8f8f; letter-spacing: .02em; }
.w-fm-chatgpt-prods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45em; }
.w-fm-chatgpt-prod { display: flex; flex-direction: column; gap: 0.15em; padding: 0.3em; border-radius: 0.6em; box-shadow: 0 0 0 1px #e5e5e5; font-size: 0.6em; line-height: 1.2; }
.w-fm-chatgpt-prod b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-fm-chatgpt-prod em { color: #5d5d5d; }
.w-fm-chatgpt-star { color: #b7791f; }
.w-fm-chatgpt-img { display: block; height: 3.6em; border-radius: 0.45em; overflow: hidden; }
.w-fm-chatgpt-composer { margin-top: auto; padding: 0.35em 0.9em; border-radius: 1em; box-shadow: 0 0 0 1px #e3e3e3; font-size: 0.6em; color: #8f8f8f; flex: none; }
.w-fm-chatgpt-mgr.w-fm-screen { gap: 0.55em; }
.w-fm-chatgpt-head { display: flex; align-items: center; gap: 0.45em; font-size: 0.72em; flex: none; }
.w-fm-chatgpt-head b { font-weight: 600; }
.w-fm-chatgpt-head small { margin-left: auto; color: #8f8f8f; }
.w-fm-chatgpt-mark { width: 1.3em; height: 1.3em; }
.w-fm-chatgpt-split { flex: 1; min-height: 0; display: grid; grid-template-columns: 1.15fr 1fr; gap: 0.7em; }
.w-fm-chatgpt-col { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35em; }
.w-fm-chatgpt-k { font-size: 0.58em; font-weight: 600; color: #8f8f8f; text-transform: uppercase; letter-spacing: .04em; }
.w-fm-chatgpt-seg { display: flex; gap: 0.2em; padding: 0.2em; border-radius: 0.6em; background: #f2f2f2; font-size: 0.6em; }
.w-fm-chatgpt-seg > * { padding: 0.2em 0.55em; border-radius: 0.45em; color: #5d5d5d; white-space: nowrap; }
.w-fm-chatgpt-seg b { background: #fff; color: #0d0d0d; font-weight: 600; box-shadow: 0 0.1em 0.3em rgba(0,0,0,.12); }
.w-fm-chatgpt-ok { display: flex; align-items: center; gap: 0.4em; margin-top: auto; font-size: 0.6em; color: #10a37f; font-weight: 600; }
.w-fm-chatgpt-ok i { width: 0.6em; height: 0.6em; border-radius: 50%; background: #10a37f; animation: wFmChatgptPulse 2s ease infinite; }
.w-fm-chatgpt-chip { padding: 0.2em 0.6em; border-radius: 1em; box-shadow: 0 0 0 1px #e3e3e3; font-size: 0.6em; }
.w-fm-chatgpt-chip::before { content: ''; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.35em; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #10a37f; }
.w-fm-chatgpt-kpi { display: flex; flex-direction: column; gap: 0.2em; padding: 0.55em 0.6em; border-radius: 0.7em; box-shadow: 0 0 0 1px #ececec; }
.w-fm-chatgpt-kpi > b { font-size: 1.3em; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; }
.w-fm-chatgpt-kpi > em { font-size: 0.6em; color: #5d5d5d; }
.w-fm-chatgpt-bars { flex: 1; display: flex; align-items: flex-end; gap: 0.25em; min-height: 2em; }
.w-fm-chatgpt-bars i { flex: 1; border-radius: 0.2em 0.2em 0 0; background: #10a37f; transform-origin: bottom; animation: wFmChatgptGrow 6s ease infinite both; }
.w-fm-chatgpt-meter { position: relative; display: block; height: 0.55em; margin-top: auto; border-radius: 1em; background: #ececec; }
.w-fm-chatgpt-meter i { position: absolute; inset: 0; border-radius: 1em; background: #10a37f; transform-origin: left; animation: wFmChatgptFill 6s ease infinite; }
.w-fm-chatgpt-meter::after { content: ''; position: absolute; left: 72%; top: -0.25em; bottom: -0.25em; width: 0.12em; background: #0d0d0d; }
.w-fm-chatgpt-meter span { position: absolute; left: 72%; top: 1em; transform: translateX(-50%); font-size: 0.9em; color: #5d5d5d; white-space: nowrap; }
.w-fm-chatgpt-kpi .w-fm-chatgpt-meter { margin-bottom: 1.3em; font-size: 0.62em; height: 0.9em; }
.w-fm-chatgpt-code.w-fm-screen { gap: 0.25em; background: #171717; color: #e8e8e8; }
.w-fm-chatgpt-code code { font-family: ui-monospace, Menlo, monospace; font-size: 0.66em; white-space: nowrap; }
.w-fm-chatgpt-code code b { color: #10a37f; font-weight: 700; }
.w-fm-chatgpt-in { padding-left: 1.2em; }
.w-fm-chatgpt-tab { align-self: flex-start; margin-bottom: 0.3em; padding: 0.2em 0.7em; border-radius: 0.4em; background: #2a2a2a; color: #b4b4b4; font-size: 0.6em; }
.w-fm-chatgpt-res { margin-top: 0.4em; padding: 0.35em 0.6em; border-radius: 0.5em; background: rgba(16,163,127,.16); color: #5be0b8; }
.w-fm-chatgpt-run { position: relative; display: block; height: 0.3em; margin-top: auto; border-radius: 1em; background: #2a2a2a; overflow: hidden; }
.w-fm-chatgpt-run i { position: absolute; inset: 0; background: #10a37f; transform-origin: left; animation: wFmProgress 6s linear infinite; }
@keyframes wFmChatgptGrow { 0%, 10% { transform: scaleY(.15); } 45%, 100% { transform: none; } }
@keyframes wFmChatgptFill { 0%, 10% { transform: scaleX(.1); } 55%, 100% { transform: scaleX(.9); } }
@keyframes wFmChatgptPulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.w-fm-screen.w-fm-spotify-phone { position: relative; width: 8.4em; height: 13em; padding: 0.8em 0.7em; gap: 0.4em; border-radius: 1.1em; background: linear-gradient(180deg, #5a4a36 0%, #121212 62%); color: #fff; }
.w-fm-spotify-top { display: flex; align-items: center; justify-content: center; gap: 0.35em; font-size: 0.58em; font-weight: 600; letter-spacing: .03em; }
.w-fm-spotify-mark { width: 1.3em; height: 1.3em; object-fit: contain; }
.w-fm-spotify-art { display: block; width: 5.6em; height: 5.6em; flex: none; align-self: center; margin: 0.2em 0; border-radius: 0.4em; overflow: hidden; box-shadow: 0 0.8em 1.6em -0.8em rgba(0,0,0,.7); }
.w-fm-spotify-title { display: flex; flex-direction: column; gap: 0.1em; font-size: 0.64em; line-height: 1.25; }
.w-fm-spotify-title b { font-size: 1.1em; font-weight: 700; }
.w-fm-spotify-title small, .w-fm-spotify-title .w-fm-site { color: #b3b3b3; font-size: 1em; }
.w-fm-spotify-prog { position: relative; display: block; height: 0.22em; flex: none; border-radius: 1em; background: #4d4d4d; overflow: hidden; }
.w-fm-spotify-prog i { display: block; height: 100%; background: #fff; transform-origin: left; animation: wFmProgress 6s linear infinite; }
.w-fm-spotify-time { display: flex; justify-content: space-between; margin-top: -0.2em; font-size: 0.55em; color: #b3b3b3; }
.w-fm-spotify-btn { align-self: center; width: fit-content; padding: 0.45em 1.4em; border-radius: 100px; background: #fff; color: #000; font-size: 0.62em; font-weight: 700; white-space: nowrap; }
.w-fm-spotify-fill { position: absolute; inset: 0; display: block; }
.w-fm-spotify-fill::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35), transparent 22%); }
.w-fm-spotify-video .w-fm-spotify-top { position: relative; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
.w-fm-spotify-over { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 0.4em; padding: 1.6em 0.7em 0.7em; background: linear-gradient(180deg, transparent, rgba(0,0,0,.75)); }
.w-fm-spotify-over .w-fm-site { font-size: 0.6em; }
.w-fm-spotify-over .w-fm-site em { color: #ddd; }
.w-fm-spotify-over > b { font-size: 0.72em; }
.w-fm-spotify-over .w-fm-spotify-btn { align-self: stretch; text-align: center; }
.w-fm-screen.w-fm-spotify-pod { background: linear-gradient(180deg, #2f4a4a 0%, #121212 62%); }
.w-fm-spotify-cover { display: grid; place-items: center; width: 3.8em; height: 3.8em; flex: none; align-self: center; margin: 0; border-radius: 0.4em; background: linear-gradient(150deg, #e9b98a, #c5764f); box-shadow: 0 0.8em 1.6em -0.8em rgba(0,0,0,.7); }
.w-fm-spotify-cover b { font-size: 0.8em; font-weight: 800; color: #3a2216; text-transform: uppercase; letter-spacing: .04em; }
.w-fm-spotify-chapters { overflow: visible; }
.w-fm-spotify-chapters i { border-radius: 1em; }
.w-fm-spotify-chapters em { position: absolute; left: 36%; width: 14%; top: -0.1em; height: 0.42em; border-radius: 1em; background: #1ed760; }
.w-fm-spotify-read { display: flex; align-items: center; gap: 0.45em; padding: 0.5em; border-radius: 0.5em; background: #242424; font-size: 0.6em; line-height: 1.25; }
.w-fm-spotify-read > span { display: flex; flex-direction: column; }
.w-fm-spotify-read small { color: #1ed760; font-weight: 600; }
.w-fm-screen.w-fm-spotify-desk { flex-direction: row; gap: 0.6em; padding: 0.7em; background: #000; color: #fff; }
.w-fm-spotify-side { display: flex; flex-direction: column; gap: 0.5em; width: 3.6em; flex: none; padding: 0.5em; border-radius: 0.5em; background: #121212; }
.w-fm-spotify-main { flex: 1; display: flex; flex-direction: column; gap: 0.5em; min-width: 0; padding: 0.5em; border-radius: 0.5em; background: linear-gradient(180deg, #2a2a2a, #121212 70%); }
.w-fm-spotify-lead { display: flex; align-items: center; gap: 0.55em; padding: 0.45em; border-radius: 0.5em; background: #3a3128; font-size: 0.62em; line-height: 1.25; }
.w-fm-spotify-lead-img { display: block; width: 4.4em; height: 3.4em; flex: none; border-radius: 0.35em; overflow: hidden; }
.w-fm-spotify-lead > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.w-fm-spotify-lead b { font-size: 1.12em; }
.w-fm-spotify-lead small, .w-fm-spotify-lead em { color: #b3b3b3; }
.w-fm-spotify-green { padding: 0.45em 0.9em; border-radius: 100px; background: #1ed760; color: #000; font-weight: 700; white-space: nowrap; }
.w-fm-spotify-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45em; }
.w-fm-spotify-row i { display: block; aspect-ratio: 1; border-radius: 0.35em; background: #2f2f2f; }
.w-fm-spotify-now { display: flex; align-items: center; gap: 0.5em; margin-top: auto; }
.w-fm-spotify-now > i { display: block; width: 1.6em; height: 1.6em; flex: none; border-radius: 0.25em; background: #3e3e3e; }
.w-fm-spotify-now > span:nth-child(2) { display: flex; flex-direction: column; gap: 0.25em; width: 4em; flex: none; }
.w-fm-spotify-now .w-fm-spotify-prog { flex: 1; }
.w-fm-spotify-track { display: flex; align-items: center; gap: 0.45em; font-size: 0.6em; line-height: 1.25; }
.w-fm-spotify-track i { display: block; width: 2.6em; height: 2.6em; flex: none; border-radius: 0.3em; background: linear-gradient(150deg, #7a8db0, #3c4a66); }
.w-fm-spotify-track > span { display: flex; flex-direction: column; }
.w-fm-spotify-track small { color: #b3b3b3; }
.w-fm-spotify-sponsor { display: flex; align-items: center; gap: 0.35em; font-size: 0.58em; }
.w-fm-spotify-sponsor small { margin-left: auto; color: #b3b3b3; }
.w-fm-spotify-cards { display: block; flex: 1; min-height: 0; margin: 0 -0.3em; padding: 0.3em; border-radius: 0.5em; overflow: hidden; }
.w-fm-spotify-strip { display: flex; gap: 0.4em; height: 100%; animation: wFmSpotifySlide 6s ease infinite; }
@keyframes wFmSpotifySlide { 0%, 30% { transform: none; } 45%, 85% { transform: translateX(-4.8em); } 100% { transform: none; } }
.w-fm-spotify-card { display: flex; flex-direction: column; gap: 0.2em; width: 4.4em; flex: none; padding: 0.3em; border-radius: 0.4em; background: #242424; font-size: 1em; }
.w-fm-spotify-card > span { display: block; flex: 1; min-height: 0; border-radius: 0.3em; overflow: hidden; }
.w-fm-spotify-card b, .w-fm-spotify-card small { font-size: 0.56em; line-height: 1.2; }
.w-fm-spotify-card small { color: #b3b3b3; }
.w-fm-spotify-music { width: 3.6em; height: 3.6em; margin: 0; background: linear-gradient(150deg, #7a8db0, #3c4a66); }
.w-fm-spotify-optin { display: flex; flex-direction: column; gap: 0.35em; margin-top: auto; padding: 0.5em; border-radius: 0.5em; background: #2a2a2a; font-size: 0.6em; line-height: 1.25; }
.w-fm-spotify-optin .w-fm-site { font-size: 1em; }
.w-fm-spotify-optin .w-fm-site em { color: #b3b3b3; }
.w-fm-spotify-optin .w-fm-spotify-btn { align-self: stretch; text-align: center; font-size: 1em; }
.w-fm-screen.w-fm-spotify-list { background: linear-gradient(180deg, #4c6b4a 0%, #121212 62%); }
.w-fm-spotify-plcover { position: relative; display: block; width: 5.4em; height: 5.4em; flex: none; align-self: center; border-radius: 0.3em; overflow: hidden; box-shadow: 0 0.8em 1.6em -0.8em rgba(0,0,0,.7); }
.w-fm-spotify-plcover b { position: absolute; left: 0.5em; bottom: 0.45em; font-size: 0.66em; font-weight: 800; color: #1f2d1e; }
.w-fm-spotify-list .w-fm-spotify-title { padding-right: 2.8em; }
.w-fm-spotify-play { position: absolute; right: 0.7em; top: 7.3em; width: 1.7em; height: 1.7em; border-radius: 50%; background: #1ed760; }
.w-fm-spotify-play::after { content: ''; position: absolute; left: 0.65em; top: 0.5em; border-style: solid; border-width: 0.35em 0 0.35em 0.55em; border-color: transparent transparent transparent #000; }
.w-fm-spotify-tracks { display: flex; flex-direction: column; gap: 0.45em; margin-top: 0.2em; }
.w-fm-spotify-tracks > span { display: flex; align-items: center; gap: 0.4em; }
.w-fm-spotify-tracks i { display: block; width: 1.3em; height: 1.3em; flex: none; border-radius: 0.2em; background: #2f2f2f; }
.w-fm-spotify-tracks .w-fm-bar { background: #3a3a3a; }
.w-fm-screen.w-fm-spotify-dsp { gap: 0.5em; color: #1f2933; }
.w-fm-spotify-dsp-head { display: flex; align-items: center; gap: 0.45em; font-size: 0.68em; }
.w-fm-spotify-dsp-head small { margin-left: auto; padding: 0.15em 0.55em; border-radius: 1em; background: #eef2f6; color: #52606d; font-size: 0.9em; }
.w-fm-spotify-deal { display: flex; align-items: center; gap: 0.55em; padding: 0.5em 0.6em; border-radius: 0.6em; box-shadow: 0 0 0 1px #eceef1; font-size: 0.64em; }
.w-fm-spotify-deal b { width: 8.4em; flex: none; font-weight: 600; }
.w-fm-spotify-switch { position: relative; display: block; width: 1.9em; height: 1.1em; flex: none; border-radius: 1em; background: #1ed760; }
.w-fm-spotify-switch::after { content: ''; position: absolute; right: 0.15em; top: 0.15em; width: 0.8em; height: 0.8em; border-radius: 50%; background: #fff; }
.w-fm-spotify-meter { flex: 1; height: 0.55em; border-radius: 1em; background: #eef1f4; overflow: hidden; }
.w-fm-spotify-meter i { display: block; height: 100%; border-radius: 1em; background: #1db954; transform-origin: left; animation: wFmSpotifyFill 6s ease infinite; }
@keyframes wFmSpotifyFill { 0%, 10% { transform: scaleX(0); } 55%, 92% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
.w-fm-spotify-dsp-foot { margin-top: auto; font-size: 0.58em; color: #52606d; }
.w-fm-reddit { color: #1c1c1c; padding: 0.7em 1.6em; gap: 0.4em; }
.w-fm-reddit-post { display: flex; flex-direction: column; gap: 0.35em; padding: 0.5em 0.6em; border-radius: 0.7em; flex: none; }
.w-fm-reddit-post > b, .w-fm-reddit-op > b { font-size: 0.74em; font-weight: 600; line-height: 1.25; }
.w-fm-reddit-ghost { opacity: .5; border-top: 1px solid #edeff1; border-radius: 0; }
.w-fm-reddit-meta { display: flex; align-items: center; gap: 0.35em; font-size: 0.6em; color: #576f76; white-space: nowrap; }
.w-fm-reddit-meta b { color: #1c1c1c; font-weight: 600; }
.w-fm-reddit-meta em { font-weight: 600; color: #1c1c1c; }
.w-fm-reddit-sub { display: block; flex: none; width: 1.3em; height: 1.3em; border-radius: 50%; background: #ff4500; }
.w-fm-reddit-img { display: block; height: 5em; border-radius: 0.6em; overflow: hidden; flex: none; }
.w-fm-reddit-cta { display: flex; justify-content: space-between; align-items: center; padding: 0.35em 0.6em; border-radius: 0.5em; background: #f6f7f8; font-size: 0.6em; color: #576f76; }
.w-fm-reddit-cta span, .w-fm-reddit-pill, .w-fm-reddit-submit { padding: 0.3em 0.9em; border-radius: 100px; background: #0a449b; color: #fff; font-weight: 600; white-space: nowrap; }
.w-fm-reddit-act { display: flex; gap: 0.5em; font-size: 0.58em; color: #576f76; }
.w-fm-reddit-act span { padding: 0.2em 0.6em; border-radius: 100px; background: #eaedef; }
.w-fm-reddit-op { display: flex; flex-direction: column; gap: 0.2em; padding-bottom: 0.4em; border-bottom: 1px solid #edeff1; }
.w-fm-reddit-com { display: flex; flex-direction: column; gap: 0.3em; margin-left: 0.6em; padding-left: 0.7em; border-left: 0.12em solid #edeff1; }
.w-fm-reddit-com .w-fm-reddit-sub { background: #9aa8b4; }
.w-fm-reddit-convo { display: flex; align-items: center; gap: 0.5em; margin-left: 0.6em; padding: 0.45em 0.55em; border-radius: 0.6em; background: #f6f7f8; }
.w-fm-reddit-thumb { display: block; flex: none; width: 3.4em; height: 2.6em; border-radius: 0.4em; overflow: hidden; }
.w-fm-reddit-convotxt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.2em; }
.w-fm-reddit-convotxt b { font-size: 0.64em; font-weight: 600; line-height: 1.25; }
.w-fm-reddit-pill { font-size: 0.6em; }
.w-fm-reddit-long { height: 11.4em; overflow: hidden; padding: 0; }
.w-fm-reddit-scroll { display: flex; flex-direction: column; gap: 0.35em; padding: 0.5em 0.6em; animation: wFmRedditScroll 6s cubic-bezier(.45,0,.2,1) infinite; }
.w-fm-reddit-scroll > b { font-size: 0.74em; font-weight: 600; }
.w-fm-reddit-h { font-size: 0.68em; font-weight: 700; }
.w-fm-reddit-li { font-size: 0.62em; padding-left: 0.9em; position: relative; }
.w-fm-reddit-li::before { content: ''; position: absolute; left: 0.1em; top: 0.5em; width: 0.35em; height: 0.35em; border-radius: 50%; background: #576f76; }
.w-fm-reddit-short { height: 3.4em; }
@keyframes wFmRedditScroll { 0%, 20% { transform: none; } 55%, 85% { transform: translateY(-6.4em); } 100% { transform: none; } }
.w-fm-reddit-split { flex-direction: row; align-items: center; gap: 0.5em; padding: 0.8em 1em; }
.w-fm-reddit-mini { width: 8.6em; box-shadow: 0 0 0 1px #edeff1; }
.w-fm-reddit-mini .w-fm-reddit-img { height: 3.6em; }
.w-fm-reddit-mini .w-fm-reddit-cta { justify-content: flex-end; }
.w-fm-reddit-arrow { font-style: normal; color: #576f76; font-size: 0.9em; }
.w-fm-reddit-form { flex: 1; display: flex; flex-direction: column; gap: 0.4em; padding: 0.6em 0.7em; border-radius: 0.7em; background: #fbf8f3; }
.w-fm-reddit-site { display: flex; align-items: center; gap: 0.35em; font-size: 0.56em; color: #576f76; }
.w-fm-reddit-form b { font-size: 0.74em; font-weight: 700; }
.w-fm-reddit-field { padding: 0.35em 0.6em; border-radius: 0.35em; background: #fff; box-shadow: inset 0 0 0 1px #d8dcdf; font-size: 0.58em; color: #8a979c; }
.w-fm-reddit-submit { align-self: stretch; text-align: center; font-size: 0.62em; background: #3d6b55; }
.w-fm-reddit-lead { align-self: flex-start; padding: 0.25em 0.7em; border-radius: 100px; background: #ff4500; color: #fff; font-size: 0.58em; font-weight: 700; animation: wFmRedditLead 6s ease infinite; }
@keyframes wFmRedditLead { 0%, 45% { opacity: 0; transform: scale(.8); } 55%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.w-fm-reddit-track { display: block; overflow: hidden; margin: 0 -0.6em; padding: 0 0.6em 0.1em; }
.w-fm-reddit-cards { display: flex; gap: 0.5em; width: max-content; animation: wFmRedditSlide 6s ease infinite; }
.w-fm-reddit-card { display: flex; flex-direction: column; width: 7.4em; border-radius: 0.6em; overflow: hidden; box-shadow: 0 0 0 1px #edeff1; }
.w-fm-reddit-cimg { display: block; height: 5.4em; }
.w-fm-reddit-card > span:last-child { display: flex; justify-content: space-between; padding: 0.4em 0.6em; font-size: 0.6em; }
.w-fm-reddit-card b { font-weight: 600; }
.w-fm-reddit-card small { color: #0a449b; font-weight: 600; }
@keyframes wFmRedditSlide { 0%, 35% { transform: none; } 50%, 85% { transform: translateX(-7.9em); } 100% { transform: none; } }
.w-fm-reddit-vid { position: relative; display: block; height: 6em; border-radius: 0.6em; overflow: hidden; background: #3b3a36; flex: none; }
.w-fm-reddit-vid > .w-ad-art svg { width: 60%; height: 60%; }
.w-fm-reddit-mute, .w-fm-reddit-dur { position: absolute; bottom: 0.7em; padding: 0.15em 0.45em; border-radius: 100px; background: rgba(0,0,0,.6); color: #fff; font-size: 0.56em; }
.w-fm-reddit-mute { right: 0.6em; }
.w-fm-reddit-dur { left: 0.6em; }
.w-fm-reddit-vid .w-fm-progress { background: #ff4500; }
.w-fm-reddit-flair { padding: 0.1em 0.6em; border-radius: 100px; background: #0a449b; color: #fff; font-weight: 700; }
.w-fm-reddit-live { color: #d93a00; font-weight: 700; animation: wFmRedditBlink 6s ease infinite; }
@keyframes wFmRedditBlink { 0%, 100% { opacity: 1; } 25%, 75% { opacity: .35; } 50% { opacity: 1; } }
.w-fm-reddit-qa { display: flex; flex-direction: column; gap: 0.1em; margin-left: 0.6em; padding-left: 0.7em; border-left: 0.12em solid #edeff1; font-size: 0.62em; }
.w-fm-reddit-qa small { color: #576f76; font-size: 0.9em; }
.w-fm-reddit-ans { margin-left: 1.6em; border-left-color: #ff4500; }
.w-fm-reddit-ans small { color: #3d6b55; font-weight: 700; }
.w-ssh, .w-ssh-note { display: none; }
@media (min-width: 900px) and (min-height: 540px) {
.w-ssh-note { display: block; position: absolute; right: 32px; bottom: 16px; z-index: 3; margin: 0; font-size: 12px; line-height: 1.3; color: rgba(255,255,255,.62); text-shadow: 0 1px 2px rgba(6,9,12,.4); }
.w-ssh { display: block; position: absolute; inset: 0; z-index: 1; pointer-events: none; font-size: clamp(13px, min(1.3vw, 2.1vh), 21px); color: #1f2328; }
}
.w-ssh-bar { position: absolute; right: 3%; top: 26%; width: 44em; max-width: 43%; display: flex; align-items: flex-start; gap: 0.9em; padding: 1em 1.3em; box-sizing: border-box; border-radius: 2em; background: #fff; box-shadow: 0 1.6em 3.6em -1.2em rgba(6,9,12,.6), 0 0 0 1px rgba(255,255,255,.4); font-size: 1.25em; animation: wSshIn 800ms cubic-bezier(.2,.7,.2,1) 1000ms both; }
@keyframes wSshIn { from { opacity: 0; transform: translateY(1em); } to { opacity: 1; transform: none; } }
@media (min-width: 900px) and (min-height: 540px) {
.w-new-phero:has(.w-ssh) > .w-new-phero-media { scale: -1 1; object-position: 62% center; }
}
.w-new-phero:has(.w-ssh) > .w-new-phero-in { z-index: 2; }
.w-ssh-scene { position: absolute; inset: 0; opacity: 0; }
.w-ssh-scene[data-prev] { opacity: 1; z-index: 1; }
.w-ssh-scene[data-on] { opacity: 1; z-index: 2; transition: opacity 900ms ease; }
.w-ssh-scene img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.w-ssh-bar { z-index: 3; }
.w-ssh-ico { width: 1.5em; height: 1.5em; flex: none; object-fit: contain; margin-top: 0.05em; }
.w-ssh-q { flex: 1; min-width: 0; min-height: 1.4em; line-height: 1.4; overflow-wrap: anywhere; }
.w-ssh-caret { display: inline-block; width: 0.08em; height: 1.05em; margin-left: 0.1em; vertical-align: -0.15em; background: #1f2328; animation: wSshCaret 0.9s step-end infinite; }
@keyframes wSshCaret { 50% { opacity: 0; } }
.w-ssh-chan { flex: none; padding: 0.3em 0.8em; border-radius: 100px; background: #f3f4f6; color: #374151; font-size: 0.72em; font-weight: 600; margin-top: 0.15em; }
@media (prefers-reduced-motion: reduce) { .w-ssh-bar, .w-ssh-caret { animation: none; } }
.w-sfb-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; max-width: 1400px; margin: 0 auto; }
@media (max-width: 1100px) { .w-sfb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .w-sfb-grid { grid-template-columns: minmax(0, 1fr); } .w-sfb-stage { min-height: 0; } }
.w-new .w-sfb-card { display: flex; flex-direction: column; padding: 10px; border-radius: 28px; background: #fff; box-shadow: 0 0 0 1px #e8eaee, 0 1px 2px rgba(6,9,12,.04); color: #1f2328; text-decoration: none; transition: box-shadow 250ms ease, transform 350ms cubic-bezier(.2,.7,.2,1); }
.w-new .w-sfb-card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px #dfe2e7, 0 30px 50px -30px rgba(6,9,12,.45); }
.w-sfb-stage { position: relative; display: flex; flex-direction: column; flex: 1; min-height: 300px; padding: 64px 16px 16px; border-radius: 20px; overflow: hidden; }
.w-sfb-stage[data-tint="google"] { background: radial-gradient(120% 90% at 0% 0%, #dbe8ff 0%, transparent 60%), radial-gradient(90% 80% at 100% 100%, #e3f4e8 0%, transparent 60%), #f4f7fc; }
.w-sfb-stage[data-tint="maps"] { background: radial-gradient(120% 90% at 100% 0%, #d6f0de 0%, transparent 60%), radial-gradient(90% 80% at 0% 100%, #fff1cc 0%, transparent 60%), #f4f8f3; }
.w-sfb-stage[data-tint="chatgpt"] { background: radial-gradient(120% 90% at 0% 0%, #e4e7eb 0%, transparent 60%), radial-gradient(90% 80% at 100% 100%, #d9f2ea 0%, transparent 60%), #f5f6f7; }
.w-sfb-stage[data-tint="gemini"] { background: radial-gradient(120% 90% at 0% 0%, #e2e2ff 0%, transparent 60%), radial-gradient(90% 80% at 100% 100%, #fde3ee 0%, transparent 60%), #f7f5fc; }
.w-sfb-num { position: absolute; top: 12px; left: 18px; font-size: 44px; font-weight: 600; line-height: 1; letter-spacing: -0.04em; color: rgba(15,23,42,.2); }
.w-sfb-screen { display: flex; flex-direction: column; gap: 14px; flex: 1; padding: 14px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.06), 0 18px 36px -22px rgba(15,23,42,.35); transition: transform 350ms cubic-bezier(.2,.7,.2,1); }
.w-sfb-card:hover .w-sfb-screen { transform: translateY(-6px); }
.w-sfb-bar { display: flex; align-items: flex-start; gap: 10px; padding: 9px 13px; border-radius: 20px; box-shadow: 0 0 0 1px #dfe1e5; font-size: 14px; }
.w-sfb-bar img { width: 18px; height: 18px; margin-top: 1px; object-fit: contain; flex: none; }
.w-sfb-bar span { line-height: 1.4; }
.w-sfb-body { display: flex; flex-direction: column; gap: 10px; font-size: 13px; line-height: 1.35; }
.w-sfb-res { display: flex; flex-direction: column; gap: 4px; }
.w-sfb-us { margin: 0 -6px; padding: 8px 6px; border-radius: 10px; background: #f3fbf5; box-shadow: 0 0 0 1.5px rgba(22,163,74,.35); }
.w-sfb-dim { opacity: .5; }
.w-sfb-site { display: flex; align-items: center; gap: 8px; }
.w-sfb-site > span { display: flex; flex-direction: column; line-height: 1.2; }
.w-sfb-site small { color: #4d5156; font-size: 11px; }
.w-sfb-fav { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #e5e7eb; color: #374151; font-style: normal; font-size: 11px; font-weight: 600; flex: none; }
.w-sfb-title { color: #1a0dab; font-weight: 500; }
.w-sfb-body .w-ad-mark { display: inline-grid; place-items: center; flex: none; border-radius: 28%; background: #3d6b55; color: #f3ede2; font-weight: 600; line-height: 1; }
.w-sfb-map { position: relative; display: block; height: 84px; border-radius: 10px; background: #e9eef2; overflow: hidden; }
.w-sfb-map i { position: absolute; background: #fff; }
.w-sfb-map i:first-child { left: 0; right: 0; top: 46%; height: 7px; }
.w-sfb-map i:nth-child(2) { top: 0; bottom: 0; left: 40%; width: 6px; }
.w-sfb-map b { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 26px; height: 26px; margin: -26px 0 0 -13px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #3d6b55; box-shadow: 0 0 0 6px rgba(61,107,85,.18); }
.w-sfb-map b .w-ad-mark { transform: rotate(45deg); }
.w-sfb-place { display: flex; flex-direction: column; gap: 3px; }
.w-sfb-place > b { font-weight: 500; font-size: 14px; }
.w-sfb-stars { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; }
.w-sfb-stars i { font-style: normal; color: #fbbc04; letter-spacing: -0.05em; }
.w-sfb-stars small { color: #4d5156; margin-left: 2px; }
.w-sfb-ans { color: #374151; }
.w-sfb-ans b { color: #1f2328; }
.w-sfb-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.w-sfb-pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px 4px 5px; border-radius: 100px; background: #f3f4f6; color: #374151; font-size: 11px; }
.w-sfb-pill i { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #d1d5db; color: #1f2328; font-style: normal; font-weight: 600; font-size: 10px; }
.w-sfb-pill-us { background: #eff6ff; color: #1e3a8a; font-weight: 600; box-shadow: 0 0 0 1px #bfdbfe; }
.w-sfb-foot { display: flex; flex-direction: column; gap: 14px; padding: 16px 12px 10px; }
.w-sfb-meter { display: flex; align-items: center; gap: 10px; }
.w-sfb-ticks { display: flex; gap: 3px; }
.w-sfb-ticks i { width: 10px; height: 4px; border-radius: 2px; background: #e5e7eb; }
.w-sfb-ticks i[data-on] { background: #1f2328; }
.w-sfb-meter small { color: #6b7280; font-size: 12px; }
.w-sfb-out { display: flex; align-items: flex-end; gap: 12px; }
.w-sfb-out > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.w-sfb-out small { display: inline-flex; align-items: center; gap: 6px; color: #6b7280; font-size: 13px; }
.w-sfb-out small img { width: 14px; height: 14px; object-fit: contain; }
.w-sfb-out b { font-size: 24px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; }
.w-sfb-go { display: grid; place-items: center; flex: none; width: 38px; height: 38px; margin-left: auto; border-radius: 50%; background: #f1f3f5; color: #1f2328; font-style: normal; transition: background 200ms ease, color 200ms ease, transform 200ms ease; }
.w-sfb-card:hover .w-sfb-go { background: #1f2328; color: #fff; transform: translateX(3px); }
.w-new-phero[data-size="split"] .w-new-phero-card:has(.w-whs) { background: #0a1317; }
.w-whs { position: absolute; inset: 0; text-align: left; overflow: hidden; }
.w-whs-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .9; pointer-events: none; }
.w-whs::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, rgba(10,19,23,.55) 0%, rgba(10,19,23,0) 30%); }
.w-whs-build { position: absolute; inset: 0; opacity: 0; transition: opacity 700ms ease; pointer-events: none; }
.w-whs-build[data-on] { opacity: 1; z-index: 1; }
.w-whs-desk, .w-whs-phone { position: absolute; display: block; overflow: hidden; background: #0b0d10; }
.w-whs-desk img, .w-whs-phone img { position: absolute; display: block; max-width: none; height: auto; }
.w-whs-desk { left: 7%; top: 9%; width: 58%; aspect-ratio: 1348 / 1018; border-radius: 12px; box-shadow: 0 40px 80px -30px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.12); transform: perspective(2200px) rotateY(9deg) rotateX(2deg); transform-origin: left center; }
.w-whs-desk img { width: 149.55%; left: -5.19%; top: -20.83%; }
.w-whs-phone { left: 70%; top: 20%; width: 17.5%; aspect-ratio: 452 / 990; border-radius: 26px; box-shadow: 0 50px 90px -30px rgba(0,0,0,.85), 0 0 0 6px #0b0d10, 0 0 0 7px rgba(255,255,255,.18); }
.w-whs-phone img { width: 446.02%; left: -329.65%; top: -21.82%; }
.w-whs-build[data-on] .w-whs-desk { animation: wWhsDesk 900ms cubic-bezier(.2,.7,.2,1) both; }
.w-whs-build[data-on] .w-whs-phone { animation: wWhsPhone 900ms cubic-bezier(.2,.7,.2,1) 200ms both, wWhsFloat 6s ease-in-out 1.1s infinite; }
@keyframes wWhsDesk { from { opacity: 0; transform: perspective(2200px) rotateY(16deg) rotateX(4deg) translateY(40px); } to { opacity: 1; transform: perspective(2200px) rotateY(9deg) rotateX(2deg); } }
@keyframes wWhsPhone { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: none; } }
@keyframes wWhsFloat { 0%, 100% { transform: none; } 50% { transform: translateY(-12px); } }
.w-whs-chips { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.w-whs-chip { position: absolute; display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 100px; background: #fff; color: #0a1317; font-size: 16px; font-weight: 500; white-space: nowrap; box-shadow: 0 18px 40px -16px rgba(0,0,0,.6); animation: wWhsChip 700ms cubic-bezier(.34,1.56,.64,1) both; }
.w-whs-chip i { width: 9px; height: 9px; border-radius: 50%; background: #16a34a; }
.w-whs-chip[data-k="0"] { left: 3%; top: 46%; animation-delay: 700ms; }
.w-whs-chip[data-k="1"] { right: 3%; top: 12%; animation-delay: 1000ms; }
.w-whs-chip[data-k="2"] { left: 46%; top: 70%; animation-delay: 1300ms; }
@keyframes wWhsChip { from { opacity: 0; transform: translateY(14px) scale(.92); } to { opacity: 1; transform: none; } }
.w-whs-foot { position: absolute; z-index: 3; left: 24px; right: 24px; bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.w-new .w-whs-cap { display: flex; flex-direction: column; gap: 2px; max-width: 40%; padding: 14px 18px; border-radius: 16px; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #0a1317; text-decoration: none; }
.w-whs-cap b { font-size: 16px; font-weight: 600; }
.w-whs-cap span { font-size: 14px; line-height: 1.4; color: #44505a; }
.w-whs-cap em { margin-top: 4px; font-style: normal; font-size: 14px; font-weight: 500; color: #1a73e8; }
.w-new .w-whs-cap:hover em, .w-new .w-whs-cap:focus-visible em { text-decoration: underline; }
.w-new-phero[data-size="split"]:has(.w-whs) .w-new-phero-title { font-size: clamp(44px, 8.333vw, 128px); max-width: 20ch; line-height: 1; }
.w-new-phero[data-size="split"]:has(.w-whs) .w-new-phero-foot { max-width: 860px; }
.w-new-phero[data-size="split"]:has(.w-whs) .w-new-phero-lede { max-width: 40ch; font-size: clamp(19px, 1.7vw, 26px); }
.w-new-phero[data-size="split"]:has(.w-whs) .w-new-hero-sprint { font-size: 17px; }
.w-new-phero[data-size="split"]:has(.w-whs) .w-new-hero-sprint .w-new-sprint-lockup { font-size: 26px; }
.w-new .w-new-phero[data-size="split"]:has(.w-whs) .w-new-hero-small { font-size: 14px; }
@media (max-width: 600px) { .w-new-phero[data-size="split"]:has(.w-whs) .w-new-phero-title { font-size: 11.4vw; max-width: none; } }
.w-new-phero[data-size="split"] .w-new-practice-badges { justify-content: center; margin-top: 8px; }
.w-new-phero[data-size="split"] .w-new-hero-rule { background: rgba(10,19,23,.18); }
.w-new .w-new-hero-sprint { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; color: #44505a; white-space: nowrap; text-decoration: none; border-radius: 8px; transition: opacity 200ms ease; }
.w-new .w-new-hero-sprint:hover { opacity: .75; }
.w-new .w-new-hero-sprint .w-new-sprint-dot { animation: wNewSprintDot 2.1s linear .6s both, wHeroSprintHop 6s linear 3.2s infinite; }
@keyframes wHeroSprintHop {
0%    { transform: translate(0, 0) scale(1); animation-timing-function: cubic-bezier(0, 0, .5, 1); }
6%    { transform: translate(0, -70px) scale(1); animation-timing-function: cubic-bezier(.5, 0, 1, 1); }
12%   { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
13.5% { transform: translate(0, 26.34px) scale(1.3, .7); animation-timing-function: ease-in; }
15.5% { transform: translate(0, 26.34px) scale(1); animation-timing-function: cubic-bezier(0, 0, .5, 1); }
20%   { transform: translate(0, -22px) scale(1); animation-timing-function: cubic-bezier(.5, 0, 1, 1); }
24.5% { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
25.5% { transform: translate(0, 26.34px) scale(1.15, .85); animation-timing-function: ease-in; }
27%   { transform: translate(0, 26.34px) scale(1); animation-timing-function: cubic-bezier(0, 0, .35, 1); }
32%, 100% { transform: translate(0, 0) scale(1); }
}
@media (prefers-reduced-motion: reduce) { .w-new .w-new-hero-sprint .w-new-sprint-dot { animation: none; } }
.w-new .w-new-hero-sprint:focus-visible { outline: 2px solid #1a73e8; outline-offset: 4px; }
.w-new-hero-sprint .w-new-sprint-lockup { font-size: 22px; color: #0a1317; }
.w-new .w-new-hero-cms { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 14px; }
.w-new-hero-cms li { display: block; }
.w-new .w-new-hero-row .w-new-hero-cms img { width: 24px; height: 24px; object-fit: contain; border-radius: 0; filter: grayscale(1); opacity: .6; transition: filter 200ms ease, opacity 200ms ease; }
.w-new .w-new-hero-row .w-new-hero-cms li:hover img { filter: none; opacity: 1; }
.w-new .w-new-hero-small { margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: #6b7280; }
@media (max-width: 600px) {
.w-new-phero[data-size="split"] .w-new-practice-badges { flex-wrap: wrap; justify-content: center; row-gap: 14px; }
.w-new .w-new-hero-cms { flex-basis: 100%; justify-content: center; }
}
@media (max-width: 900px) {
.w-whs-desk { left: 5%; width: 60%; }
.w-whs-phone { left: 71%; width: 21%; }
.w-whs-chip { font-size: 13px; padding: 9px 14px; }
.w-whs-chip[data-k="2"] { display: none; }
.w-new .w-whs-cap { max-width: none; }
}
@media (max-width: 600px) {
.w-whs-desk { left: 4%; top: 7%; width: 62%; border-radius: 8px; }
.w-whs-phone { left: 71%; top: 14%; width: 24%; border-radius: 16px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.85), 0 0 0 4px #0b0d10, 0 0 0 5px rgba(255,255,255,.18); }
.w-whs-chips { display: none; }
.w-whs-foot { left: 12px; right: 12px; bottom: 12px; }
.w-new .w-whs-cap { padding: 10px 14px; }
.w-whs-cap span { display: none; }
}
@media (prefers-reduced-motion: reduce) { .w-whs-build { transition: none; } .w-whs-build[data-on] .w-whs-desk, .w-whs-build[data-on] .w-whs-phone { animation: none; } .w-whs-chip { animation: none; } }
.w-new-phero[data-size="split"] .w-new-phero-title:has(.w-new-dream) { margin-top: .8em; }
.w-new-dream { position: relative; display: inline-block; }
.w-new-dream-bubble { position: absolute; left: 48%; bottom: 100%; width: 1.3em; height: auto; overflow: visible; pointer-events: none; }
@media (max-width: 600px) {
.w-new-phero[data-size="split"] .w-new-phero-title:has(.w-new-dream) { margin-top: .1em; }
.w-new-dream { margin-top: .95em; }
.w-new-dream-bubble { width: 1.05em; left: 40%; bottom: 96%; }
}
.w-new-dream-cloud { fill: none; stroke: #ef4b3f; stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; animation: wNewDreamDraw 1200ms cubic-bezier(.45,.05,.35,1) 2670ms forwards; }
.w-new-dream-dot { fill: none; stroke: #ef4b3f; stroke-width: 7; transform-box: fill-box; transform-origin: center; transform: scale(0); animation: wNewDreamPop 380ms cubic-bezier(.34,1.56,.64,1) forwards; }
.w-new-dream-dot:first-of-type { animation-delay: 3820ms; }
.w-new-dream-dot:last-of-type { animation-delay: 4020ms; }
@keyframes wNewDreamDraw { from { opacity: 1; stroke-dashoffset: 1; } to { opacity: 1; stroke-dashoffset: 0; } }
@keyframes wNewDreamPop { to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .w-new-dream-cloud { animation: none; opacity: 1; stroke-dashoffset: 0; } .w-new-dream-dot { animation: none; transform: none; } }
.w-new-make { display: inline-block; }
.w-new-make-ink { display: inline-block; height: 1em; vertical-align: -.1em; overflow: visible; }
.w-new-make-ink path { fill: none; stroke: #1a73e8; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; animation-name: wNewMakeWrite; animation-timing-function: cubic-bezier(.45,.1,.4,1); animation-fill-mode: forwards; }
@keyframes wNewMakeWrite { from { opacity: 1; stroke-dashoffset: 1; } to { opacity: 1; stroke-dashoffset: 0; } }
.w-new-make-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { .w-new-make-ink path { animation: none; opacity: 1; stroke-dashoffset: 0; } }
.w-whl { padding: 4px 32px 56px; text-align: center; background: #fff; }
.w-whl-label { margin: 0 0 22px; font-size: 15px; color: #44505a; }
.w-whl-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 44px; }
.w-new .w-whl-tab { appearance: none; position: relative; display: grid; place-items: center; margin: 0; padding: 10px 4px 14px; border: 0; background: transparent; cursor: pointer; color: #0a1317; font: inherit; }
.w-whl-tab img { display: block; height: 30px; width: auto; max-width: 140px; object-fit: contain; filter: brightness(0); opacity: .32; transition: opacity 200ms ease; }
.w-whl-tab span { font-size: 16px; font-weight: 600; opacity: .32; }
.w-whl-tab:hover img, .w-whl-tab:hover span { opacity: .6; }
.w-whl-tab[data-on] img, .w-whl-tab[data-on] span { opacity: 1; }
.w-new .w-whl-tab:focus-visible { outline: 2px solid #1a73e8; outline-offset: 2px; border-radius: 8px; }
.w-whl-bar { position: absolute; left: 4px; right: 4px; bottom: 2px; height: 2px; border-radius: 100px; background: rgba(10,19,23,.08); overflow: hidden; opacity: 0; }
.w-whl-tab[data-on] .w-whl-bar { opacity: 1; }
.w-whl-bar::after { content: ""; position: absolute; inset: 0; background: #1a73e8; transform: scaleX(0); transform-origin: left; }
.w-whl-tab[data-on] .w-whl-bar::after { animation: wWhlFill linear forwards; animation-duration: inherit; }
.w-whl-bar[data-paused]::after { animation-play-state: paused; }
@keyframes wWhlFill { to { transform: scaleX(1); } }
@media (max-width: 600px) { .w-whl { padding: 0 16px 40px; } .w-whl-row { gap: 8px 26px; } .w-whl-tab img { height: 22px; max-width: 104px; } }
@media (prefers-reduced-motion: reduce) { .w-whl-tab[data-on] .w-whl-bar::after { animation: none; transform: scaleX(1); } }
.w-wsc-build .w-new-chcard::before { z-index: -1; background: linear-gradient(180deg, rgba(6,9,12,0) 0%, rgba(6,9,12,0) 42%, rgba(6,9,12,.62) 70%, rgba(6,9,12,.94) 100%); }
.w-wsc-build .w-new-rail > * { width: min(78vw, 360px); }
.w-new .w-wsc-launch { position: relative; display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; background: #fff; color: #0a1317; text-decoration: none; }
.w-wsc-launch::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(10,19,23,.08); pointer-events: none; transition: box-shadow 200ms ease; }
.w-new .w-wsc-launch:hover::after, .w-new .w-wsc-launch:focus-visible::after { box-shadow: inset 0 0 0 1.5px rgba(10,19,23,.22); }
.w-new .w-wsc-launch:focus-visible { outline: 2px solid #1a73e8; outline-offset: 3px; }
.w-wsc-launch img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #f1f4f7; }
.w-wsc-launch-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px 20px; }
.w-wsc-launch-name { display: block; font-size: 18px; font-weight: 500; letter-spacing: -0.01em; }
.w-wsc-launch-what { display: block; margin-top: 4px; font-size: 14px; line-height: 1.45; color: #4b5563; }
.w-wsc-launch-domain { display: block; margin-top: 10px; font-size: 13px; color: #1a73e8; }
.w-wsc-launch-go { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #f1f4f7; color: #0a1317; transition: background 200ms ease, color 200ms ease; }
.w-wsc-launch:hover .w-wsc-launch-go, .w-wsc-launch:focus-visible .w-wsc-launch-go { background: #0a1317; color: #fff; }
.w-wsc-launch-go svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.w-wsc-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; text-align: left; margin-bottom: 40px; }
.w-wsc-step { padding: 28px; border-radius: 24px; background: #f1f4f7; }
.w-wsc-step-n { display: block; font-size: 14px; font-weight: 600; color: #1a73e8; letter-spacing: .04em; }
.w-wsc-step h3 { margin: 10px 0 8px; font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: -0.015em; }
.w-wsc-step p { margin: 0; font-size: 15px; line-height: 1.55; color: #2a343b; }
.w-wsc-platforms { margin-top: 48px; text-align: center; }
.w-wsc-platforms-label { display: block; margin-bottom: 18px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6b7280; }
.w-wsc-platforms ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 28px; }
.w-wsc-platforms li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #4b5563; }
.w-wsc-platforms img { width: 24px; height: 24px; object-fit: contain; display: block; }
.w-wsc-quote { max-width: 880px; margin: 56px auto 0; padding: 0; text-align: center; }
.w-wsc-quote blockquote { margin: 0; font-size: clamp(20px, 2vw, 26px); font-weight: 500; line-height: 1.35; letter-spacing: -0.015em; color: #0a1317; text-wrap: balance; }
.w-wsc-quote blockquote::before { content: open-quote; }
.w-wsc-quote blockquote::after { content: close-quote; }
.w-wsc-quote figcaption { margin-top: 20px; display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 15px; color: #4b5563; }
.w-wsc-quote figcaption strong { font-weight: 600; color: #0a1317; }
.w-new .w-wsc-quote-link { color: #1a73e8; text-decoration: none; }
.w-new .w-wsc-quote-link:hover { text-decoration: underline; }
@media (max-width: 1100px) { .w-wsc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .w-wsc-steps { grid-template-columns: minmax(0, 1fr); gap: 16px; } .w-wsc-step { padding: 22px; } }
.w-wbm-stage { position: absolute; top: 112px; left: 18px; right: 0; bottom: 0; z-index: -2; container-type: inline-size; }
.w-wbm { display: flex; flex-direction: column; width: 100%; height: 100%; border-radius: 14px 0 0 0; background: #fff; overflow: hidden; font-size: 2.7cqw; line-height: 1.3; color: #1f2328; text-align: left; }
.w-wbm-bar { display: flex; align-items: center; gap: .7em; height: 2.4em; padding: 0 .9em; background: #eef1f4; border-bottom: 1px solid #e1e5ea; flex: none; }
.w-wbm-dots { display: flex; gap: .35em; }
.w-wbm-dots i { width: .6em; height: .6em; border-radius: 50%; background: #d1d5db; }
.w-wbm-url { flex: 1; display: flex; align-items: center; height: 1.5em; padding: 0 .8em; border-radius: 100px; background: #fff; font-size: .78em; color: #5f6368; white-space: nowrap; overflow: hidden; }
.w-wbm-page { display: block; flex: 1; min-height: 0; overflow: hidden; position: relative; }
.w-wbm-scroll { display: block; height: 100%; box-sizing: border-box; padding: .9em 1.1em; transition: transform 1100ms cubic-bezier(.2,.7,.2,1); }
.w-wbm-scroll > *, .w-wbm-main > * { animation: wWbmIn 560ms cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--i, 0) * 150ms + 120ms); }
.w-wbm-app, .w-wbm-main { animation: none; }
.w-wbm-stage:not([data-in]) .w-wbm-scroll * { animation-play-state: paused; }
@keyframes wWbmIn { from { opacity: 0; transform: translateY(.9em); } to { opacity: 1; transform: none; } }
.w-new-chcard:hover .w-wbm-scroll, .w-new-chcard:focus-visible .w-wbm-scroll { transform: translateY(-19%); }
.w-new-chcard:hover .w-wbm-scroll:has(.w-wbm-app), .w-new-chcard:focus-visible .w-wbm-scroll:has(.w-wbm-app), .w-new-chcard:hover .w-wbm-stage[data-still] .w-wbm-scroll, .w-new-chcard:focus-visible .w-wbm-stage[data-still] .w-wbm-scroll { transform: none; }
.w-new-chcard:hover .w-wbm-scroll:has(.w-wbm-lp), .w-new-chcard:focus-visible .w-wbm-scroll:has(.w-wbm-lp) { transform: translateY(-14%); }
.w-wbm-logo { display: inline-flex; align-items: center; gap: .4em; height: 1.6em; font-size: .95em; font-weight: 700; white-space: nowrap; line-height: 1; }
.w-wbm-logo b { display: grid; place-items: center; width: 1.55em; height: 1.55em; border-radius: .42em; background: var(--brand); color: #fff; font-size: .85em; font-weight: 600; }
.w-wbm-logo em { font-style: normal; }
.w-wbm-nav { display: flex; align-items: center; gap: 1em; height: 1.8em; margin-bottom: .9em; }
.w-wbm-links { display: flex; gap: .8em; margin-left: auto; font-size: .7em; color: #4b5563; }
.w-wbm-links i { font-style: normal; white-space: nowrap; }
.w-wbm-cta { font-size: .66em; font-weight: 600; padding: .5em .9em; border-radius: 100px; background: #0a1317; color: #fff; white-space: nowrap; }
.w-wbm-btn { display: inline-grid; width: fit-content; font-size: .72em; font-weight: 600; padding: .55em 1em; border-radius: 100px; background: var(--brand); color: #fff; white-space: nowrap; }
.w-wbm-btn-wide { width: 100%; text-align: center; box-sizing: border-box; }
.w-wbm-btn > span { grid-area: 1 / 1; transition: opacity 300ms ease; }
.w-wbm-btn > span + span { opacity: 0; }
.w-new-chcard:hover .w-wbm-btn > span:first-child, .w-new-chcard:focus-visible .w-wbm-btn > span:first-child { opacity: 0; }
.w-new-chcard:hover .w-wbm-btn > span + span, .w-new-chcard:focus-visible .w-wbm-btn > span + span { opacity: 1; }
.w-wbm-pic { display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: .7em; background: var(--tint); overflow: hidden; }
.w-wbm-pic[data-wide] { aspect-ratio: 16 / 10; }
.w-wbm-pic i { display: block; width: 46%; aspect-ratio: 1; background: var(--brand); opacity: .55; }
.w-wbm-pic[data-shape="round"] i { border-radius: 50%; }
.w-wbm-pic[data-shape="block"] i { width: 58%; aspect-ratio: 5 / 3; border-radius: .3em; align-self: end; margin-bottom: 12%; }
.w-wbm-pic[data-shape="arch"] i { width: 40%; aspect-ratio: 3 / 4; border-radius: 50% 50% .3em .3em / 40% 40% .3em .3em; align-self: end; margin-bottom: 0; }
.w-wbm-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: 1.1em; align-items: center; margin-bottom: 1em; }
.w-wbm-copy { display: flex; flex-direction: column; align-items: flex-start; gap: .45em; }
.w-wbm-copy em { font-style: normal; font-size: .62em; letter-spacing: .09em; text-transform: uppercase; color: var(--brand); font-weight: 700; }
.w-wbm-copy b { font-size: 1.4em; font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }
.w-wbm-copy small { font-size: .7em; line-height: 1.4; color: #4b5563; }
.w-wbm-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8em; }
.w-wbm-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9em; }
.w-wbm-prod { display: flex; flex-direction: column; gap: .28em; }
.w-wbm-prod .w-wbm-pic { aspect-ratio: 5 / 4; }
.w-wbm-prod b { font-size: .74em; font-weight: 600; }
.w-wbm-prod small { font-size: .68em; color: #6b7280; }
.w-wbm-add { display: inline-grid; margin-top: .2em; font-size: .64em; font-weight: 600; padding: .4em .8em; width: fit-content; border-radius: 100px; box-shadow: inset 0 0 0 1px var(--brand); color: var(--brand); transition: background 300ms ease, color 300ms ease; }
.w-wbm-add > span { grid-area: 1 / 1; transition: opacity 300ms ease; }
.w-wbm-add > span + span { opacity: 0; }
.w-new-chcard:hover .w-wbm-prod[data-first] .w-wbm-add, .w-new-chcard:focus-visible .w-wbm-prod[data-first] .w-wbm-add { background: var(--brand); color: #fff; }
.w-new-chcard:hover .w-wbm-prod[data-first] .w-wbm-add > span:first-child, .w-new-chcard:focus-visible .w-wbm-prod[data-first] .w-wbm-add > span:first-child { opacity: 0; }
.w-new-chcard:hover .w-wbm-prod[data-first] .w-wbm-add > span + span, .w-new-chcard:focus-visible .w-wbm-prod[data-first] .w-wbm-add > span + span { opacity: 1; }
.w-wbm-search { flex: 1; margin: 0 .5em; height: 1.7em; display: flex; align-items: center; padding: 0 .8em; border-radius: 100px; background: #f3f4f6; font-size: .7em; color: #9ca3af; }
.w-wbm-bag { display: inline-flex; align-items: center; gap: .35em; font-size: .72em; font-weight: 600; }
.w-wbm-bag i { display: grid; width: 1.5em; height: 1.5em; border-radius: 50%; background: var(--brand); color: #fff; font-style: normal; font-size: .85em; overflow: hidden; transition: transform 300ms cubic-bezier(.34,1.56,.64,1); }
.w-wbm-bag i b { grid-area: 1 / 1; display: grid; place-items: center; font-weight: 600; transition: transform 350ms cubic-bezier(.2,.7,.2,1) 150ms; }
.w-wbm-bag i b + b { transform: translateY(100%); }
.w-new-chcard:hover .w-wbm-bag i, .w-new-chcard:focus-visible .w-wbm-bag i { transform: scale(1.15); }
.w-new-chcard:hover .w-wbm-bag i b:first-child, .w-new-chcard:focus-visible .w-wbm-bag i b:first-child { transform: translateY(-100%); }
.w-new-chcard:hover .w-wbm-bag i b + b, .w-new-chcard:focus-visible .w-wbm-bag i b + b { transform: none; }
.w-wbm-strip { display: block; margin: -.3em 0 .8em; padding: .4em 0; text-align: center; font-size: .62em; color: #4b5563; background: var(--tint); border-radius: .4em; }
.w-wbm-chips { display: flex; gap: .4em; margin-bottom: .8em; overflow: hidden; }
.w-wbm-chips i { font-style: normal; font-size: .62em; padding: .35em .8em; border-radius: 100px; background: #f3f4f6; color: #374151; white-space: nowrap; }
.w-wbm-chips i[data-on] { background: #0a1317; color: #fff; }
.w-wbm-lp { display: grid; grid-template-columns: 1.05fr .95fr; gap: 1em; align-items: center; margin: 0 -1.1em; padding: 1em 1.1em; background: var(--tint); }
.w-wbm-lp-copy { display: flex; flex-direction: column; align-items: flex-start; gap: .5em; }
.w-wbm-lp-copy em { font-style: normal; font-size: .6em; letter-spacing: .09em; text-transform: uppercase; color: var(--brand); font-weight: 700; }
.w-wbm-lp-copy b { font-size: 1.25em; font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }
.w-wbm-ticks { display: flex; flex-direction: column; gap: .3em; font-size: .64em; color: #374151; }
.w-wbm-ticks i { display: inline-flex; align-items: center; gap: .35em; font-style: normal; }
.w-wbm-ticks svg, .w-wbm-ready svg { width: 1.1em; height: 1.1em; fill: none; stroke: #16a34a; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.w-wbm-trust { display: inline-flex; align-items: center; gap: .4em; font-size: .6em; color: #4b5563; }
.w-wbm-stars { color: #f59e0b; letter-spacing: -.05em; }
.w-wbm-form { display: flex; flex-direction: column; gap: .4em; padding: .8em; border-radius: .7em; background: #fff; box-shadow: 0 .8em 2em -1.2em rgba(15,23,42,.5), 0 0 0 1px rgba(15,23,42,.06); }
.w-wbm-form > b { font-size: .78em; font-weight: 600; margin-bottom: .1em; }
.w-wbm-field { display: grid; align-items: center; height: 2em; padding: 0 .8em; border-radius: .45em; box-shadow: inset 0 0 0 1px #d1d5db; font-size: .66em; text-align: left; transition: box-shadow 300ms ease; }
.w-wbm-field > * { grid-area: 1 / 1; transition: opacity 300ms ease; }
.w-wbm-field i { font-style: normal; color: #9ca3af; }
.w-wbm-field b { font-weight: 600; opacity: 0; }
.w-new-chcard:hover .w-wbm-field, .w-new-chcard:focus-visible .w-wbm-field { box-shadow: inset 0 0 0 1.5px var(--brand); }
.w-new-chcard:hover .w-wbm-field i, .w-new-chcard:focus-visible .w-wbm-field i { opacity: 0; }
.w-new-chcard:hover .w-wbm-field b, .w-new-chcard:focus-visible .w-wbm-field b { opacity: 1; }
.w-new-chcard:hover .w-wbm-field:nth-of-type(2), .w-new-chcard:hover .w-wbm-field:nth-of-type(2) > * { transition-delay: 180ms; }
.w-new-chcard:hover .w-wbm-field:nth-of-type(3), .w-new-chcard:hover .w-wbm-field:nth-of-type(3) > * { transition-delay: 360ms; }
.w-new-chcard:hover .w-wbm-form .w-wbm-btn > span { transition-delay: 540ms; }
.w-wbm-why { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7em; margin-top: 1em; }
.w-wbm-why > span { display: flex; flex-direction: column; gap: .2em; }
.w-wbm-why i { font-style: normal; font-size: 1em; }
.w-wbm-why b { font-size: .7em; font-weight: 600; }
.w-wbm-why small { font-size: .6em; color: #6b7280; line-height: 1.35; }
.w-wbm-app { display: grid; grid-template-columns: 9em minmax(0, 1fr); gap: 1em; height: 100%; margin: -.9em -1.1em; }
.w-wbm-side { display: flex; flex-direction: column; gap: .5em; padding: .9em .9em; background: #f7f8fa; border-right: 1px solid #e5e7eb; overflow: hidden; }
.w-wbm-side .w-wbm-logo { margin-bottom: .6em; font-size: .85em; }
.w-wbm-side i { font-style: normal; font-size: .72em; padding: .45em .6em; border-radius: .4em; color: #4b5563; }
.w-wbm-side i[data-on] { background: #fff; color: #0a1317; font-weight: 600; box-shadow: 0 0 0 1px #e5e7eb; }
.w-wbm-main { display: flex; flex-direction: column; gap: .7em; padding: .9em 1em 0 0; min-width: 0; }
.w-wbm-main > b { font-size: .95em; font-weight: 600; }
.w-wbm-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5em; }
.w-wbm-kpis > span { display: flex; flex-direction: column; gap: .15em; padding: .6em .7em; border-radius: .5em; background: #f7f8fa; }
.w-wbm-kpis small { font-size: .6em; color: #6b7280; }
.w-wbm-kpis b { font-size: 1em; font-weight: 600; }
.w-wbm-chart { display: flex; align-items: flex-end; gap: .4em; height: 4.5em; padding: .4em .6em; border-radius: .5em; background: #f7f8fa; }
.w-wbm-chart i { flex: 1; border-radius: .25em .25em 0 0; background: var(--tint); transform: scaleY(.45); transform-origin: bottom; transition: transform 700ms cubic-bezier(.2,.7,.2,1), background 300ms ease; }
.w-wbm-chart i[data-on] { background: var(--brand); }
.w-wbm-chart i:nth-child(2) { transition-delay: 60ms; } .w-wbm-chart i:nth-child(3) { transition-delay: 120ms; } .w-wbm-chart i:nth-child(4) { transition-delay: 180ms; } .w-wbm-chart i:nth-child(5) { transition-delay: 240ms; } .w-wbm-chart i:nth-child(6) { transition-delay: 300ms; } .w-wbm-chart i:nth-child(7) { transition-delay: 360ms; }
.w-new-chcard:hover .w-wbm-chart i, .w-new-chcard:focus-visible .w-wbm-chart i { transform: none; }
.w-wbm-rows { display: flex; flex-direction: column; }
.w-wbm-rows > span { display: grid; grid-template-columns: 4em minmax(0, 1fr) auto; gap: .6em; align-items: center; padding: .45em 0; border-top: 1px solid #eef1f4; font-size: .66em; }
.w-wbm-rows b { font-weight: 600; }
.w-wbm-rows i { font-style: normal; color: #4b5563; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-wbm-rows em { font-style: normal; padding: .2em .6em; border-radius: 100px; background: #dcfce7; color: #15803d; font-weight: 600; white-space: nowrap; }
.w-wbm-bleed { position: relative; display: block; margin: 0 -1.1em; aspect-ratio: 16 / 8; overflow: hidden; background: linear-gradient(160deg, var(--tint) 0%, var(--brand) 100%); }
.w-wbm-bleed::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,19,23,0) 30%, rgba(10,19,23,.65) 100%); }
.w-wbm-bleed-house { position: absolute; right: 8%; bottom: 0; width: 34%; aspect-ratio: 4 / 3; background: rgba(255,255,255,.22); clip-path: polygon(50% 0, 100% 42%, 86% 42%, 86% 100%, 14% 100%, 14% 42%, 0 42%); }
.w-wbm-bleed-copy { position: absolute; left: 1.1em; right: 40%; bottom: 1em; z-index: 1; display: flex; flex-direction: column; gap: .4em; color: #fff; }
.w-wbm-bleed-copy em { font-style: normal; font-size: .58em; letter-spacing: .09em; text-transform: uppercase; opacity: .85; font-weight: 700; }
.w-wbm-bleed-copy b { font-size: 1.35em; font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }
.w-wbm-btns { display: flex; gap: .4em; margin-top: .2em; }
.w-wbm-btn-ghost { background: rgba(255,255,255,.16); box-shadow: inset 0 0 0 1px rgba(255,255,255,.6); }
.w-wbm-btn-light { background: #fff; color: var(--brand); }
.w-wbm-proof { display: flex; justify-content: space-between; gap: .6em; margin: .8em 0; padding: .6em .9em; border-radius: .6em; background: var(--tint); }
.w-wbm-proof i { display: flex; flex-direction: column; gap: .1em; font-style: normal; font-size: .58em; color: #4b5563; }
.w-wbm-proof b { font-size: 1.45em; font-weight: 600; color: var(--brand); }
.w-wbm-devs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7em; }
.w-wbm-dev { display: flex; flex-direction: column; gap: .22em; }
.w-wbm-dev-pic { position: relative; display: block; aspect-ratio: 5 / 4; border-radius: .6em; overflow: hidden; background: linear-gradient(170deg, var(--tint), #b9c7d6); }
.w-wbm-dev-pic[data-k="1"] { background: linear-gradient(170deg, #e9e3d8, #b5ad9e); }
.w-wbm-dev-pic[data-k="2"] { background: linear-gradient(170deg, #e3ede6, #9fb8a8); }
.w-wbm-dev-pic i { position: absolute; left: .4em; top: .4em; font-style: normal; font-size: .55em; font-weight: 600; padding: .3em .7em; border-radius: 100px; background: rgba(255,255,255,.9); color: #1f2328; }
.w-wbm-dev b { font-size: .72em; font-weight: 600; }
.w-wbm-dev small { font-size: .6em; color: #6b7280; }
.w-wbm-dev em { font-style: normal; font-size: .62em; font-weight: 600; color: var(--brand); }
.w-wbm-band { display: flex; align-items: center; justify-content: space-between; gap: 1em; margin: 1em -1.1em 0; padding: 1em 1.1em; background: var(--brand); color: #fff; }
.w-wbm-band b { display: block; font-size: .85em; font-weight: 600; }
.w-wbm-band small { font-size: .62em; opacity: .85; }
.w-wbm-ask { display: flex; align-items: center; gap: .6em; height: 2.4em; padding: 0 .9em; border-radius: 100px; box-shadow: inset 0 0 0 1.5px var(--brand); font-size: .76em; font-weight: 500; }
.w-wbm-ask i { font-style: normal; color: var(--brand); }
.w-wbm-answer { display: flex; flex-direction: column; gap: .45em; margin-top: .8em; padding: .9em 1em; border-radius: .8em; background: var(--tint); }
.w-wbm-answer b { font-size: .95em; font-weight: 600; }
.w-wbm-answer small { font-size: .68em; line-height: 1.45; color: #4b5563; }
.w-wbm-sources { display: flex; align-items: center; gap: .4em; flex-wrap: wrap; }
.w-wbm-sources em { font-style: normal; font-size: .58em; color: #6b7280; }
.w-wbm-sources i { font-style: normal; font-size: .6em; padding: .3em .7em; border-radius: 100px; background: #fff; color: #374151; box-shadow: 0 0 0 1px #e5e7eb; }
.w-wbm-room { display: grid; grid-template-columns: 7em minmax(0, 1fr); gap: .7em; margin: .3em 0; padding: .6em; border-radius: .6em; background: #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.06); }
.w-wbm-room-pic { display: block; border-radius: .45em; overflow: hidden; background: linear-gradient(160deg, #cfe0d7, #7fa693); position: relative; min-height: 5em; }
.w-wbm-room-pic i { position: absolute; left: 18%; right: 18%; bottom: 0; height: 55%; border-radius: 50% 50% 0 0; background: rgba(255,255,255,.35); }
.w-wbm-room-body { display: flex; flex-direction: column; gap: .3em; min-width: 0; }
.w-wbm-room-body > b { font-size: .8em; font-weight: 600; }
.w-wbm-room-body > small { font-size: .6em; color: #6b7280; }
.w-wbm-dates { display: flex; gap: .3em; }
.w-wbm-dates i { font-style: normal; font-size: .58em; font-weight: 600; padding: .3em .6em; border-radius: .35em; background: var(--brand); color: #fff; }
.w-wbm-dates i[data-off] { background: #f3f4f6; color: #9ca3af; text-decoration: line-through; }
.w-wbm-room-foot { display: flex; align-items: center; justify-content: space-between; gap: .5em; margin-top: .1em; }
.w-wbm-room-foot > b { font-size: .95em; font-weight: 600; }
.w-wbm-room-foot > b small { font-size: .6em; font-weight: 400; color: #6b7280; }
.w-wbm-room-foot .w-wbm-btn { font-size: .62em; }
.w-wbm-follow { display: flex; gap: .4em; margin-top: .8em; overflow: hidden; }
.w-wbm-follow i { font-style: normal; font-size: .6em; padding: .45em .8em; border-radius: 100px; box-shadow: inset 0 0 0 1px var(--brand); color: var(--brand); white-space: nowrap; }
.w-wbm-ready { display: flex; align-items: center; gap: .5em; margin-top: .8em; font-size: .62em; color: #15803d; font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
.w-wbm-scroll > *, .w-wbm-main > * { animation: none; }
.w-wbm-scroll, .w-wbm-chart i, .w-wbm-bag i, .w-wbm-bag i b, .w-wbm-field, .w-wbm-field > *, .w-wbm-btn > span, .w-wbm-add, .w-wbm-add > span { transition: none; }
.w-wbm-chart i { transform: none; }
}
.w-wem-ab { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7em; }
.w-wem-var { display: flex; flex-direction: column; gap: .4em; padding: .7em; border-radius: .6em; background: #f7f8fa; box-shadow: inset 0 0 0 1px #e5e7eb; transition: box-shadow 300ms ease; }
.w-wem-var em { font-style: normal; font-size: .58em; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7280; }
.w-wem-var[data-win] em { color: var(--brand); }
.w-wsc-exp-card:hover .w-wem-var[data-win], .w-wsc-exp-card:focus-visible .w-wem-var[data-win] { box-shadow: inset 0 0 0 1.5px var(--brand); }
.w-wem-line { display: block; height: .55em; border-radius: 100px; background: #e5e7eb; width: 70%; }
.w-wem-line-w { width: 100%; height: .8em; background: #d9dde3; }
.w-wem-line-s { width: 45%; }
.w-wem-pay { display: block; margin-top: .2em; padding: .45em; border-radius: .4em; background: #1f2328; color: #fff; font-size: .6em; font-weight: 600; text-align: center; }
.w-wem-pay-x { background: #fff; color: #1f2328; box-shadow: inset 0 0 0 1px #d1d5db; margin-top: 0; }
.w-wem-result { display: flex; flex-direction: column; gap: .4em; margin-top: .8em; }
.w-wem-bar { display: grid; grid-template-columns: 1.4em minmax(0, 1fr) 3em; align-items: center; gap: .5em; font-size: .62em; }
.w-wem-bar em { font-style: normal; font-weight: 700; }
.w-wem-bar i { display: block; height: .9em; border-radius: 100px; background: #e5e7eb; overflow: hidden; }
.w-wem-bar i b { display: block; height: 100%; border-radius: inherit; background: #9aa6b2; transform-origin: left; transform: scaleX(.35); transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
.w-wem-bar[data-win] i b { background: #16a34a; }
.w-wem-bar small { text-align: right; font-weight: 600; }
.w-wem-bar[data-win] small { color: #15803d; }
.w-wem-verdict { display: inline-flex; align-items: center; gap: .4em; margin-top: .2em; font-size: .62em; font-weight: 600; color: #15803d; opacity: 0; transform: translateY(.4em); transition: opacity 400ms ease 500ms, transform 400ms ease 500ms; }
.w-wem-verdict svg, .w-wem-done svg, .w-wem-render svg, .w-wem-checks svg { width: 1.1em; height: 1.1em; fill: none; stroke: #16a34a; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.w-wsc-exp-card:hover .w-wem-bar i b, .w-wsc-exp-card:focus-visible .w-wem-bar i b { transform: none; }
.w-wsc-exp-card:hover .w-wem-verdict, .w-wsc-exp-card:focus-visible .w-wem-verdict { opacity: 1; transform: none; }
.w-wem-chat { display: flex; flex-direction: column; gap: .4em; }
.w-wem-msg { max-width: 84%; padding: .55em .8em; border-radius: .9em; background: #f3f4f6; font-size: .66em; line-height: 1.4; border-bottom-left-radius: .25em; }
.w-wem-me { align-self: flex-end; background: var(--brand); color: #fff; border-bottom-left-radius: .9em; border-bottom-right-radius: .25em; }
.w-wem-picks { display: flex; gap: .4em; }
.w-wem-picks i { font-style: normal; font-size: .62em; font-weight: 600; padding: .4em .9em; border-radius: 100px; box-shadow: inset 0 0 0 1px var(--brand); color: var(--brand); transition: background 300ms ease, color 300ms ease; }
.w-wsc-exp-card:hover .w-wem-picks i[data-pick], .w-wsc-exp-card:focus-visible .w-wem-picks i[data-pick] { background: var(--brand); color: #fff; }
.w-wem-done { display: inline-flex; align-items: center; gap: .4em; background: var(--tint); color: #134e4a; font-weight: 600; opacity: 0; transform: translateY(.4em); transition: opacity 400ms ease 450ms, transform 400ms ease 450ms; }
.w-wsc-exp-card:hover .w-wem-done, .w-wsc-exp-card:focus-visible .w-wem-done { opacity: 1; transform: none; }
.w-wem-typing { display: flex; align-items: center; gap: .25em; margin-top: .7em; font-size: .58em; color: #6b7280; }
.w-wem-typing i { width: .5em; height: .5em; border-radius: 50%; background: #9ca3af; margin-right: .1em; }
.w-wem-typing i:nth-child(3) { margin-right: .6em; }
.w-wem-brief { display: flex; align-items: center; justify-content: space-between; gap: .8em; margin-bottom: .7em; }
.w-wem-brief-line { display: flex; align-items: center; gap: .5em; font-size: .6em; color: #4b5563; white-space: nowrap; overflow: hidden; }
.w-wem-brief-line em { font-style: normal; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--brand); }
.w-wem-stills { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5em; margin-bottom: .5em; }
.w-wem-asset { display: flex; flex-direction: column; gap: .2em; }
.w-wem-asset-pic { display: block; aspect-ratio: 1; border-radius: .45em; position: relative; overflow: hidden; background: linear-gradient(160deg, #f6dfc4, var(--brand)); }
.w-wem-asset[data-k="1"] .w-wem-asset-pic { aspect-ratio: 4 / 5; background: linear-gradient(160deg, #e9e0d3, #8a6b4e); }
.w-wem-asset[data-k="2"] .w-wem-asset-pic { background: #fff; box-shadow: inset 0 0 0 1px #e5e7eb; }
.w-wem-asset-pic::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: 10%; height: 50%; border-radius: .3em .3em 45% 45%; background: rgba(255,255,255,.5); }
.w-wem-asset[data-k="2"] .w-wem-asset-pic::after { background: linear-gradient(160deg, #c98a4b, var(--brand)); }
.w-wem-asset b, .w-wem-film > b { font-size: .56em; font-weight: 600; line-height: 1.2; }
.w-wem-asset small, .w-wem-film > small { font-size: .5em; color: #6b7280; }
.w-wem-films { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: .5em; align-items: start; }
.w-wem-film { display: flex; flex-direction: column; gap: .2em; }
.w-wem-film-pic { display: block; position: relative; aspect-ratio: 16 / 9; border-radius: .45em; overflow: hidden; background: linear-gradient(160deg, #3b2a1e, #8a5a35); }
.w-wem-film[data-k="1"] .w-wem-film-pic { background: linear-gradient(160deg, #2f2a26, #b45309); }
.w-wem-play { position: absolute; left: 50%; top: 50%; width: 1.7em; height: 1.7em; margin: -.85em 0 0 -.85em; border-radius: 50%; background: rgba(255,255,255,.92); transition: transform 300ms cubic-bezier(.34,1.56,.64,1); }
.w-wem-play::after { content: ""; position: absolute; left: 56%; top: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: .32em 0 .32em .5em; border-color: transparent transparent transparent #1f2328; }
.w-wem-film-pic em { position: absolute; right: .35em; top: .35em; font-style: normal; font-size: .5em; font-weight: 600; padding: .2em .5em; border-radius: .3em; background: rgba(0,0,0,.55); color: #fff; }
.w-wem-scrub { position: absolute; left: .4em; right: .4em; bottom: .35em; height: .28em; border-radius: 100px; background: rgba(255,255,255,.3); overflow: hidden; }
.w-wem-scrub span { display: block; height: 100%; width: 12%; border-radius: inherit; background: #fff; transition: width 2400ms linear; }
.w-wsc-exp-card:hover .w-wem-scrub span, .w-wsc-exp-card:focus-visible .w-wem-scrub span { width: 100%; }
.w-wsc-exp-card:hover .w-wem-play, .w-wsc-exp-card:focus-visible .w-wem-play { transform: scale(1.15); }
.w-wem-render { display: flex; flex-direction: column; gap: .35em; padding: .55em; border-radius: .45em; background: var(--tint); }
.w-wem-render-bar { display: block; height: .35em; border-radius: 100px; background: rgba(0,0,0,.08); overflow: hidden; }
.w-wem-render-bar span { display: block; height: 100%; width: 38%; border-radius: inherit; background: var(--brand); transition: width 1800ms cubic-bezier(.2,.7,.2,1); }
.w-wem-render > b { display: grid; font-size: .52em; font-weight: 600; color: #1f2328; }
.w-wem-render > b > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: .3em; transition: opacity 300ms ease 1500ms; }
.w-wem-render > b > span + span { opacity: 0; color: #15803d; }
.w-wsc-exp-card:hover .w-wem-render-bar span, .w-wsc-exp-card:focus-visible .w-wem-render-bar span { width: 100%; }
.w-wsc-exp-card:hover .w-wem-render > b > span:first-child, .w-wsc-exp-card:focus-visible .w-wem-render > b > span:first-child { opacity: 0; }
.w-wsc-exp-card:hover .w-wem-render > b > span + span, .w-wsc-exp-card:focus-visible .w-wem-render > b > span + span { opacity: 1; }
.w-wem-kb { display: grid; grid-template-columns: 1fr 1fr; gap: .9em; align-items: start; margin: 0 -1.1em; padding: .9em 1.1em; background: var(--tint); }
.w-wem-kb-copy { display: flex; flex-direction: column; gap: .4em; }
.w-wem-kb-copy em { font-style: normal; font-size: .58em; letter-spacing: .09em; text-transform: uppercase; color: var(--brand); font-weight: 700; }
.w-wem-kb-copy b { font-size: 1.2em; font-weight: 500; line-height: 1.12; letter-spacing: -.02em; }
.w-wem-kb-copy small { font-size: .62em; line-height: 1.45; color: #374151; }
.w-wbm-stage[data-still] .w-wem-kb-copy small { display: none; }
.w-wem-kb-form { display: flex; flex-direction: column; gap: .45em; padding: .75em; border-radius: .6em; background: #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.08); }
.w-wem-kb-form > b { font-size: .7em; font-weight: 600; }
.w-wem-kb-field { display: flex; flex-direction: column; gap: .2em; }
.w-wem-kb-field small { font-size: .52em; font-weight: 600; color: #374151; }
.w-wem-kb-field i { display: flex; align-items: center; height: 1.9em; padding: 0 .6em; border-radius: .35em; box-shadow: inset 0 0 0 1px #9ca3af; font-style: normal; font-size: .62em; color: #1f2328; }
.w-wem-kb-form .w-wbm-btn { font-size: .62em; margin-top: .15em; }
.w-wem-audit { position: relative; margin-top: .7em; display: flex; flex-direction: column; gap: .45em; padding: .7em .8em; border-radius: .7em; background: #fff; box-shadow: 0 1em 2.4em -1.2em rgba(15,23,42,.55), 0 0 0 1px rgba(15,23,42,.08); }
.w-wem-score { display: flex; align-items: center; gap: .55em; }
.w-wem-score > b { display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: 50%; font-size: .9em; font-weight: 700; color: var(--brand); background: radial-gradient(closest-side, #fff 76%, transparent 78%), conic-gradient(#16a34a 0 98%, #e5e7eb 98% 100%); }
.w-wem-score > span { display: flex; flex-direction: column; gap: .05em; }
.w-wem-score strong { font-size: .62em; font-weight: 700; }
.w-wem-score small { font-size: .5em; color: #6b7280; }
.w-wem-checks { display: grid; grid-template-columns: 1fr 1fr; gap: .25em .5em; }
.w-wem-checks i { display: inline-flex; align-items: center; gap: .3em; font-style: normal; font-size: .5em; color: #1f2328; white-space: nowrap; }
.w-wem-checks i[data-fix] { grid-column: 1 / -1; color: #b45309; font-weight: 600; }
.w-wem-tab { position: relative; }
.w-wsc-exp-card:hover .w-wem-tab, .w-wsc-exp-card:focus-visible .w-wem-tab { animation: wWemTab 2.4s steps(1) infinite; }
.w-wsc-exp-card:hover .w-wem-tab[data-t="1"], .w-wsc-exp-card:focus-visible .w-wem-tab[data-t="1"] { animation-delay: .6s; }
.w-wsc-exp-card:hover .w-wem-tab[data-t="2"], .w-wsc-exp-card:focus-visible .w-wem-tab[data-t="2"] { animation-delay: 1.2s; }
.w-wsc-exp-card:hover .w-wem-tab[data-t="3"], .w-wsc-exp-card:focus-visible .w-wem-tab[data-t="3"] { animation-delay: 1.8s; }
@keyframes wWemTab { 0% { box-shadow: 0 0 0 .18em #fff, 0 0 0 .36em #f59e0b; } 25%, 100% { box-shadow: none; } }
.w-wem-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6em; padding: .7em; border-radius: .6em; background-color: #f7f8fa; background-image: radial-gradient(#d1d5db 1px, transparent 1px); background-size: .8em .8em; }
.w-wem-frame { position: relative; display: flex; flex-direction: column; gap: .3em; padding: .45em; border-radius: .35em; background: #fff; box-shadow: 0 0 0 1px #e5e7eb; min-height: 5.5em; transition: transform 500ms cubic-bezier(.2,.7,.2,1), opacity 500ms ease; }
.w-wem-frame[data-k="2"] { opacity: .35; transform: translateY(.6em); }
.w-wsc-exp-card:hover .w-wem-frame[data-k="2"], .w-wsc-exp-card:focus-visible .w-wem-frame[data-k="2"] { opacity: 1; transform: none; }
.w-wem-frame-bar { display: block; height: .5em; border-radius: 100px; background: #e5e7eb; width: 60%; }
.w-wem-frame-h { display: block; height: .7em; border-radius: .2em; background: #d9dde3; width: 85%; }
.w-wem-frame-h-s { width: 55%; }
.w-wem-frame-pic { display: block; flex: 1; min-height: 2em; border-radius: .3em; background: linear-gradient(160deg, var(--tint), #f0b7cf); }
.w-wem-frame-pic-tall { min-height: 3em; }
.w-wem-frame em { font-style: normal; font-size: .5em; color: #6b7280; margin-top: auto; }
.w-wem-pin { position: absolute; right: -.4em; top: -.4em; display: grid; place-items: center; width: 1.4em; height: 1.4em; border-radius: 50% 50% 50% 0; background: var(--brand); color: #fff; font-size: .6em; font-weight: 700; }
.w-wem-hours { display: flex; flex-direction: column; gap: .35em; margin-top: .7em; }
.w-wem-hours-bar { display: block; height: .4em; border-radius: 100px; background: #e5e7eb; overflow: hidden; }
.w-wem-hours-bar span { display: block; height: 100%; width: 55%; border-radius: inherit; background: var(--brand); transition: width 900ms cubic-bezier(.2,.7,.2,1); }
.w-wem-hours small { display: grid; font-size: .56em; color: #4b5563; }
.w-wem-hours small > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: .3em; transition: opacity 300ms ease 500ms; }
.w-wem-hours small > span + span { opacity: 0; color: #15803d; font-weight: 600; }
.w-wsc-exp-card:hover .w-wem-hours-bar span, .w-wsc-exp-card:focus-visible .w-wem-hours-bar span { width: 70%; }
.w-wsc-exp-card:hover .w-wem-hours small > span:first-child, .w-wsc-exp-card:focus-visible .w-wem-hours small > span:first-child { opacity: 0; }
.w-wsc-exp-card:hover .w-wem-hours small > span + span, .w-wsc-exp-card:focus-visible .w-wem-hours small > span + span { opacity: 1; }
.w-wem-hours svg { width: 1.1em; height: 1.1em; fill: none; stroke: #16a34a; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.w-wem-brand { display: grid; grid-template-columns: 1.4fr 1fr; gap: .6em; margin-bottom: .6em; }
.w-wem-lockup { display: flex; flex-direction: column; gap: .3em; }
.w-wem-lockup b { display: grid; place-items: center; height: 4.2em; border-radius: .5em; background: var(--tint); color: var(--brand); font-family: Georgia, 'Times New Roman', serif; font-size: 1.6em; font-weight: 500; letter-spacing: -.02em; overflow: hidden; transition: background 400ms ease, color 400ms ease; }
.w-wem-lockup b > span { grid-area: 1 / 1; transition: opacity 350ms ease, transform 350ms ease; }
.w-wem-lockup b > span + span { opacity: 0; transform: scale(.8); }
.w-wsc-exp-card:hover .w-wem-lockup b, .w-wsc-exp-card:focus-visible .w-wem-lockup b { background: var(--brand); color: #fff; }
.w-wsc-exp-card:hover .w-wem-lockup b > span:first-child, .w-wsc-exp-card:focus-visible .w-wem-lockup b > span:first-child { opacity: 0; transform: scale(1.2); }
.w-wsc-exp-card:hover .w-wem-lockup b > span + span, .w-wsc-exp-card:focus-visible .w-wem-lockup b > span + span { opacity: 1; transform: none; }
.w-wem-lockup small, .w-wem-type small, .w-wem-app-tile small { font-size: .52em; color: #6b7280; }
.w-wem-type { display: flex; flex-direction: column; gap: .3em; }
.w-wem-type b { display: grid; place-items: center; height: 4.2em; border-radius: .5em; background: #fff; box-shadow: inset 0 0 0 1px #e5e7eb; font-family: Georgia, 'Times New Roman', serif; font-size: 1.6em; font-weight: 500; }
.w-wem-swatches { display: flex; gap: .4em; margin-bottom: .6em; }
.w-wem-swatches i { flex: 1; height: 1.6em; border-radius: .35em; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); transition: transform 400ms cubic-bezier(.34,1.56,.64,1); }
.w-wsc-exp-card:hover .w-wem-swatches i, .w-wsc-exp-card:focus-visible .w-wem-swatches i { transform: translateY(-.25em); }
.w-wsc-exp-card:hover .w-wem-swatches i:nth-child(2) { transition-delay: 50ms; } .w-wsc-exp-card:hover .w-wem-swatches i:nth-child(3) { transition-delay: 100ms; } .w-wsc-exp-card:hover .w-wem-swatches i:nth-child(4) { transition-delay: 150ms; } .w-wsc-exp-card:hover .w-wem-swatches i:nth-child(5) { transition-delay: 200ms; }
.w-wem-apps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5em; }
.w-wem-app-tile { display: flex; flex-direction: column; gap: .2em; }
.w-wem-app-tile i { display: block; aspect-ratio: 4 / 3; border-radius: .4em; background: linear-gradient(160deg, var(--tint), #a7c4b5); }
.w-wem-app-tile[data-k="1"] i { background: linear-gradient(160deg, #f1ebe1, #d9a28b); }
.w-wem-app-tile[data-k="2"] i { background: linear-gradient(160deg, #cfdcd6, var(--brand)); }
.w-wbm-stage[data-still] .w-wbm { font-size: 4.1cqw; }
.w-wbm-stage[data-still] .w-wbm-page { position: relative; }
.w-wbm-stage[data-still] .w-wbm-scroll { display: flex; flex-direction: column; justify-content: safe center; padding-bottom: 34%; }
@media (prefers-reduced-motion: reduce) {
.w-wsc-exp-card:hover .w-wem-tab { animation: none; }
.w-wem-var, .w-wem-bar i b, .w-wem-verdict, .w-wem-picks i, .w-wem-done, .w-wem-play, .w-wem-scrub span, .w-wem-render-bar span, .w-wem-render > b > span, .w-wem-frame, .w-wem-hours-bar span, .w-wem-hours small > span, .w-wem-lockup b, .w-wem-lockup b > span, .w-wem-swatches i { transition: none; }
.w-wem-frame[data-k="2"] { opacity: 1; transform: none; }
.w-wem-bar i b { transform: none; } .w-wem-verdict, .w-wem-done { opacity: 1; transform: none; }
}
.w-new-sprint-card { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 32px 56px; align-items: center; padding: 48px 56px; border-radius: 28px; background: #0a1317; color: #fff; text-align: left; overflow: hidden; position: relative; }
.w-new-sprint-card-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; opacity: 0; transition: opacity 1.1s ease; }
.w-new-sprint-card-bg.is-on { opacity: 1; }
.w-new-sprint-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(10,19,23,0) 0%, rgba(10,19,23,.1) 40%, rgba(10,19,23,.55) 100%), linear-gradient(0deg, #0a1317 0%, rgba(10,19,23,0) 14%); }
.w-new-sprint-card > div { position: relative; z-index: 1; }
.w-new-sprint-card:not(.is-seen) .w-new-sprint-dot { animation-play-state: paused; }
.w-new-sprint-card-kicker { display: block; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; opacity: .62; margin-bottom: 6px; }
.w-new .w-new-sprint-card-mark { display: inline-block; color: #fff; font-size: 72px; font-weight: 500; line-height: 1.1; }
.w-new-sprint-card-mark .w-new-sprint-lockup { margin-left: 0; vertical-align: 0; }
.w-new-sprint-card-title { margin: 0 0 12px; font-size: 30px; font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; }
.w-new-sprint-card-body { margin: 0 0 24px; font-size: 16px; line-height: 1.6; opacity: .82; }
.w-new-sprint-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.w-new .w-new-sprint-card .w-new-btn-soft { background: #fff; }
.w-new .w-new-sprint-card .w-new-btn-soft:hover { background: #e8f0fe; }
.w-new .w-new-sprint-card-intro { gap: 10px; padding: 5px 18px 5px 5px; background: rgba(255,255,255,.06); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.w-new .w-new-sprint-card-intro:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }
.w-new-sprint-card-faces { display: inline-flex; }
.w-new-sprint-card-faces img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; display: block; box-shadow: 0 0 0 1.5px rgba(10,12,20,.9); }
.w-new-sprint-card-faces img + img { margin-left: -8px; }
.w-new-sprint-card-intro svg { width: 15px; height: 15px; opacity: .85; transition: transform 200ms ease; }
.w-new-sprint-card-intro:hover svg { transform: translateX(2px); opacity: 1; }
.w-new .w-new-sprint-card-tag { position: relative; display: flex; align-items: center; gap: 10px; width: fit-content; margin: 0 56px 0 auto; padding: 6px 20px 12px; border-radius: 0 0 16px 16px; background: #0a1317; color: rgba(255,255,255,.72); font-size: 13px; text-decoration: none; }
.w-new .w-new-sprint-card-tag:hover { color: #fff; }
.w-new-sprint-card-tag::before, .w-new-sprint-card-tag::after { content: ''; position: absolute; top: 0; width: 16px; height: 16px; }
.w-new-sprint-card-tag::before { left: -16px; background: radial-gradient(circle at 0 100%, transparent 15.5px, #0a1317 16px); }
.w-new-sprint-card-tag::after { right: -16px; background: radial-gradient(circle at 100% 100%, transparent 15.5px, #0a1317 16px); }
.w-new-sprint-card-tag img { height: 28px; width: auto; display: block; filter: brightness(0) invert(1); }
@media (max-width: 760px) {
.w-new-sprint-card { grid-template-columns: minmax(0, 1fr); padding: 32px 24px; border-radius: 24px; }
.w-new .w-new-sprint-card-mark { font-size: 56px; }
.w-new-sprint-card-title { font-size: 22px; }
.w-new .w-new-sprint-card-tag { margin-right: 32px; }
}
.w-whb-in { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: center; text-align: left; }
.w-whb-in > * { min-width: 0; }
.w-whb-lockup { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 18px; color: #fff; font-size: 26px; font-weight: 600; letter-spacing: -0.02em; }
.w-whb-lockup > i { font-style: normal; font-weight: 400; color: rgba(255,255,255,.45); }
.w-whb-lockup-sprint { position: relative; top: .24em; }
.w-whb-lockup-sprint .w-new-sprint-lockup { font-size: 30px; }
.w-whb-eyebrow { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.w-whb .w-new-h2 { text-align: left; margin: 0 0 16px; }
.w-whb-lede { margin: 0 0 24px; font-size: 18px; line-height: 1.55; color: rgba(255,255,255,.78); }
.w-whb-points { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 12px; }
.w-whb-points li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.45; color: #fff; }
.w-whb-tick { flex: none; width: 20px; height: 20px; fill: none; stroke: #4ade80; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.w-whb-price { margin: 0 0 24px; font-size: 15px; color: rgba(255,255,255,.62); }
.w-whb-price b { color: #fff; font-weight: 600; }
.w-whb-btns { display: flex; flex-wrap: wrap; gap: 12px; }
.w-new .w-whb-more { background: rgba(255,255,255,.1); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.w-new .w-whb-more:hover { background: rgba(255,255,255,.18); }
.w-whb-board { min-width: 0; display: grid; gap: 12px; padding: 18px; border-radius: 24px; background: #12181d; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 40px 80px -40px rgba(0,0,0,.8); color: #fff; }
.w-whb-board > * { opacity: 0; transform: translateY(14px); transition: opacity 600ms ease, transform 600ms cubic-bezier(.2,.7,.2,1); }
.w-whb-board.is-seen > * { opacity: 1; transform: none; }
.w-whb-board.is-seen > :nth-child(2) { transition-delay: 100ms; } .w-whb-board.is-seen > :nth-child(3) { transition-delay: 200ms; } .w-whb-board.is-seen > :nth-child(4) { transition-delay: 300ms; } .w-whb-board.is-seen > :nth-child(5) { transition-delay: 400ms; }
.w-whb-app { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.w-whb-app-brand { display: inline-flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 600; letter-spacing: -0.02em; }
.w-whb-app-tabs { display: flex; gap: 4px; }
.w-whb-app-tabs i { font-style: normal; font-size: 12px; font-weight: 500; padding: 6px 12px; border-radius: 100px; color: rgba(255,255,255,.6); }
.w-whb-app-tabs i[data-on] { background: #fff; color: #0a1317; }
.w-whb-sprint .w-new-sprint-lockup { font-size: 15px; color: #fff; }
.w-whb-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 4px 2px; }
.w-whb-site { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; }
.w-whb-site b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: #0369a1; font-size: 13px; }
.w-whb-ok { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 100px; background: rgba(74,222,128,.12); color: #4ade80; font-size: 13px; font-weight: 600; white-space: nowrap; }
.w-whb-ok i { width: 8px; height: 8px; border-radius: 50%; background: #4ade80; animation: wWhbPulse 1.8s ease-in-out infinite; }
@keyframes wWhbPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(74,222,128,.5); } 60% { box-shadow: 0 0 0 7px rgba(74,222,128,0); } }
.w-whb-panel { padding: 16px; border-radius: 16px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.w-whb-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; color: rgba(255,255,255,.62); }
.w-whb-row > b { font-size: 22px; font-weight: 600; color: #fff; }
.w-whb-days { display: flex; gap: 2px; height: 36px; margin-top: 12px; }
.w-whb-days i { flex: 1; border-radius: 2px; background: #22c55e; transform: scaleY(.2); transform-origin: bottom; transition: transform 500ms cubic-bezier(.2,.7,.2,1); transition-delay: var(--d); }
.w-whb-days i[data-dip] { background: #f59e0b; }
.is-seen .w-whb-days i { transform: none; }
.is-seen .w-whb-days i[data-today] { animation: wWhbToday 1.8s ease-in-out 1.2s infinite; }
@keyframes wWhbToday { 0%, 100% { background: #22c55e; box-shadow: none; } 50% { background: #86efac; box-shadow: 0 0 10px rgba(74,222,128,.8); } }
.w-whb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.w-whb-spark { display: block; width: 100%; height: 56px; overflow: visible; }
.w-whb-spark-wrap { position: relative; margin-top: 10px; }
.w-whb-spark { clip-path: inset(0 100% 0 0); transition: clip-path 1400ms ease 400ms; }
.w-whb-spark-dot { position: absolute; right: -4px; width: 9px; height: 9px; margin-top: -4px; border-radius: 50%; background: #1a73e8; box-shadow: 0 0 0 0 rgba(26,115,232,.6); opacity: 0; transition: opacity 300ms ease 1800ms; }
.is-seen .w-whb-spark-dot { opacity: 1; animation: wWhbDot 1.8s ease-in-out 2s infinite; }
@keyframes wWhbDot { 0%, 100% { box-shadow: 0 0 0 0 rgba(26,115,232,.6); } 60% { box-shadow: 0 0 0 8px rgba(26,115,232,0); } }
.is-seen .w-whb-spark { clip-path: inset(0); }
.w-whb-spark polyline { fill: none; stroke: #1a73e8; stroke-width: 2.5; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.w-whb-checks { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.w-whb-checks span { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.w-whb-checks .w-whb-tick { transform: scale(0); transition: transform 400ms cubic-bezier(.34,1.56,.64,1); }
.is-seen .w-whb-checks .w-whb-tick { transform: none; }
.is-seen .w-whb-checks span:nth-child(1) .w-whb-tick { transition-delay: 900ms; } .is-seen .w-whb-checks span:nth-child(2) .w-whb-tick { transition-delay: 1150ms; } .is-seen .w-whb-checks span:nth-child(3) .w-whb-tick { transition-delay: 1400ms; }
.w-whb-ticket .w-whb-row > span { display: flex; flex-direction: column; gap: 4px; }
.w-whb-ticket-t { font-size: 15px; font-weight: 600; color: #fff; }
.w-whb-ticket small { font-size: 12px; color: rgba(255,255,255,.55); }
.w-whb-ticket em { display: grid; font-style: normal; flex: none; font-size: 13px; font-weight: 600; white-space: nowrap; }
.w-whb-ticket em > span { grid-area: 1 / 1; padding: 6px 12px; border-radius: 100px; transition: opacity 400ms ease, transform 400ms cubic-bezier(.34,1.56,.64,1); }
.w-whb-ticket em > span:first-child { background: rgba(245,158,11,.14); color: #fbbf24; }
.w-whb-ticket em > span + span { background: rgba(74,222,128,.12); color: #4ade80; opacity: 0; transform: scale(.85); }
.w-whb-ticket[data-done] em > span:first-child { opacity: 0; }
.w-whb-ticket[data-done] em > span + span { opacity: 1; transform: none; }
.w-whb-ticket-bar { display: block; height: 3px; margin-top: 12px; border-radius: 100px; background: rgba(255,255,255,.08); overflow: hidden; }
.w-whb-ticket-bar i { display: block; height: 100%; width: 0; border-radius: inherit; background: #fbbf24; transition: width 2200ms cubic-bezier(.4,0,.2,1) 400ms, background 400ms ease; }
.is-seen .w-whb-ticket-bar i { width: 82%; }
.w-whb-ticket[data-done] .w-whb-ticket-bar i { width: 100%; background: #4ade80; transition-delay: 0s; transition-duration: 400ms; }
@media (max-width: 960px) { .w-whb-in { grid-template-columns: minmax(0, 1fr); gap: 32px; } }
@media (max-width: 600px) { .w-whb-board { padding: 14px; } .w-whb-top { flex-wrap: wrap; } .w-whb-ok { white-space: normal; } .w-whb-row > b { font-size: 18px; } .w-whb-days { gap: 1px; } .w-whb-app-tabs i:not([data-on]) { display: none; } .w-whb-lockup { font-size: 22px; } .w-whb-grid { grid-template-columns: minmax(0, 1fr); } .w-whb-ticket .w-whb-row { flex-direction: column; align-items: flex-start; } }
@media (prefers-reduced-motion: reduce) {
.w-whb-board > *, .w-whb-days i, .w-whb-spark, .w-whb-checks .w-whb-tick, .w-whb-ticket em > span, .w-whb-ticket-bar i, .w-whb-spark-dot { transition: none; }
.w-whb-checks .w-whb-tick { transform: none; } .is-seen .w-whb-days i[data-today], .is-seen .w-whb-spark-dot { animation: none; }
.w-whb-board > * { opacity: 1; transform: none; } .w-whb-days i { transform: none; } .w-whb-spark { clip-path: none; } .w-whb-ok i { animation: none; }
}
.w-new-work-hero-swap { color: inherit; text-decoration: none; display: block; animation: wNewRise 700ms cubic-bezier(.2,.7,.2,1) both; }
.w-new-work-hero-dots { display: flex; margin-top: 26px; }
@media (prefers-reduced-motion: reduce) { .w-new-work-hero-swap { animation: none; } }
.w-new-work-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.w-new .w-new-work-crumbs a { text-decoration: underline; text-underline-offset: 4px; }
.w-new-work-hero-logo { display: block; height: 34px; width: auto; max-width: 220px; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); margin-bottom: 20px; }
.w-new-work-title-sm { display: block; font-size: .66em; line-height: 1.02; letter-spacing: -0.035em; }
.w-new-work-award { display: flex; width: fit-content; max-width: 100%; box-sizing: border-box; align-items: center; gap: 16px; margin: 0 auto 36px; padding: 12px 22px 12px 14px; border-radius: 100px; background: #0b1020; color: #fff; text-align: left; text-decoration: none; transition: transform .2s ease; }
.w-new-work-award:hover { transform: translateY(-2px); }
.w-new-work-award img { height: 40px; width: auto; display: block; flex: none; }
.w-new-work-award strong { display: block; font-size: 14px; font-weight: 600; color: #f6ea2a; }
.w-new-work-award small { display: block; font-size: 12px; color: rgba(255,255,255,.78); margin-top: 3px; }
.w-new-work-intro-logo { display: block; margin: 0 auto 28px; height: 40px; width: auto; max-width: 240px; object-fit: contain; filter: brightness(0); }
.w-new-work-hero-tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 28px; }
.w-new-work-hero-tags .w-new-tag { background: #f1f4f7; }
.w-new a.w-new-tag { color: #0a1317; }
.w-new-work-hero-brands { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 40px; margin-top: 36px; }
.w-new-work-hero-brands img { height: 22px; width: auto; max-width: 150px; object-fit: contain; filter: brightness(0); opacity: .6; }
.w-new-work-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 28px; position: relative; }
.w-new-work-bar-end { display: flex; align-items: center; gap: 14px; margin-left: auto; flex-wrap: wrap; }
.w-new-work-seg { display: inline-flex; box-sizing: border-box; height: 42px; padding: 3px; border-radius: 100px; background: #f1f4f7; }
.w-new .w-new-work-seg button { border: 0; background: transparent; height: 100%; padding: 0 16px; border-radius: 100px; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1; color: #5b6770; cursor: pointer; transition: background 140ms ease, color 140ms ease; }
.w-new .w-new-work-seg button[data-on="true"] { background: #fff; color: #0a1317; box-shadow: 0 1px 2px rgba(10,19,23,.08); }
.w-new .w-new-work-seg button:focus-visible { outline: 2px solid #1a73e8; outline-offset: 2px; }
.w-new-work-empty { background: #f1f4f7; border-radius: 24px; padding: 72px 24px; text-align: center; }
.w-new-work-empty strong { display: block; font-size: 22px; font-weight: 500; letter-spacing: -0.015em; margin-bottom: 8px; }
.w-new-work-empty span { font-size: 15px; color: #44505a; }
.w-new-work-card-logo { height: 26px; width: auto; max-width: 170px; object-fit: contain; filter: brightness(0) invert(1); margin-bottom: 12px; }
.w-new-work-list { display: grid; gap: 16px; }
.w-new .w-new-work-row { display: grid; grid-template-columns: 260px minmax(0, 1fr) auto; gap: 32px; align-items: center; background: #f1f4f7; border-radius: 24px; overflow: hidden; padding-right: 36px; color: #0a1317; transition: background 160ms ease; }
.w-new .w-new-work-row:hover { background: #e6ebf0; }
.w-new-work-row-img { align-self: stretch; min-height: 170px; background: #dfe5ea; }
.w-new-work-row-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.w-new-work-row-meta { font-size: 13px; color: #5b6770; }
.w-new-work-row-title { display: block; margin: 6px 0 8px; font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-work-row-lede { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 1.5; color: #44505a; }
.w-new-work-row-stats { display: flex; gap: 28px; text-align: center; }
.w-new-work-row-stats strong { display: block; font-size: 26px; font-weight: 500; letter-spacing: -0.03em; line-height: 1; }
.w-new-work-row-stats small { display: block; margin-top: 6px; max-width: 110px; font-size: 12px; line-height: 1.3; color: #5b6770; }
.w-new-work-text { max-width: 760px; margin: 72px auto; padding: 0 32px; }
.w-new-work-text:first-child { margin-top: 0; }
.w-new-work-flow { padding: 88px 0 16px; }
.w-new-work-flow > :last-child { margin-bottom: 0; }
.w-new-work-intro { margin: 0; font-size: clamp(21px, 1.900vw, 26px); font-weight: 500; line-height: 1.4; letter-spacing: -0.015em; }
.w-new-work-kicker { margin: 0 0 14px; font-size: 15px; color: #5b6770; }
.w-new-work-band { margin: 88px 0; padding: 88px 32px; background: #f1f4f7; }
.w-new-work-band[data-tone="ink"] { background: #0b0d10; color: #fff; }
.w-new-work-band[data-tone="ink"] .w-new-work-kicker { color: rgba(255,255,255,.7); }
.w-new-work-band[data-tone="plain"] { background: none; padding-top: 0; padding-bottom: 0; }
.w-new-work-band-in { max-width: 1680px; margin: 0 auto; }
.w-new-work-band-head { text-align: center; margin-bottom: 56px; }
.w-new-work-band-head h2 { margin: 0; font-size: clamp(32px, 3.400vw, 48px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; }
.w-new-work-frame { position: relative; border-radius: 24px; overflow: hidden; background: #fff; }
.w-new-work-frame > img, .w-new-work-frame > video { display: block; width: 100%; height: auto; transition: opacity 600ms ease; }
.w-new-work-frame > [data-stack="true"] { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: top center; }
.w-new-work-frame[data-fixed="true"] { height: min(62vh, 640px); background: #05080c; }
.w-new-work-frame[data-fixed="true"] > img { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: top center; }
.w-new .w-new-work-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 100px; border: 0; padding: 0; background: rgba(241,244,247,.86); color: #0a1317; cursor: pointer; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.w-new .w-new-work-arrow:hover { background: #fff; }
.w-new-work-arrow[data-side="prev"] { left: 16px; }
.w-new-work-arrow[data-side="next"] { right: 16px; }
.w-new-work-frame-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-top: 22px; min-height: 44px; }
.w-new-work-frame-foot .w-new-dots { margin-top: 0; }
.w-new-work-band[data-tone="ink"] .w-new-dot::before { background: rgba(255,255,255,.3); }
.w-new-work-band[data-tone="ink"] .w-new-dot[data-on="true"]::before { background: #fff; }
.w-new-work-frame-label { display: inline-flex; align-items: center; gap: 14px; font-size: 16px; }
.w-new-work-frame-label img { height: 24px; width: auto; max-width: 160px; object-fit: contain; filter: brightness(0) invert(1); }
.w-new-work-annot { display: grid; grid-template-columns: minmax(0, 1.550fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.w-new-work-annot-shot { position: relative; border-radius: 24px; overflow: hidden; background: #fff; }
.w-new-work-annot-shot img { display: block; width: 100%; height: auto; }
.w-new .w-new-work-pin { position: absolute; transform: translate(-50%, -50%); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 100px; border: 3px solid #fff; padding: 0; background: #0a1317; color: #fff; font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; transition: transform 160ms ease, background 160ms ease; }
.w-new .w-new-work-pin[data-on="true"] { background: #1a73e8; transform: translate(-50%, -50%) scale(1.18); }
.w-new-work-annot-list { display: grid; gap: 12px; }
.w-new .w-new-work-note { display: block; width: 100%; text-align: left; border: 0; margin: 0; padding: 22px 24px; border-radius: 24px; background: transparent; color: #0a1317; font-family: inherit; cursor: pointer; transition: background 160ms ease; }
.w-new .w-new-work-note:hover { background: rgba(255,255,255,.6); }
.w-new .w-new-work-note[data-on="true"] { background: #fff; cursor: default; }
.w-new-work-note-head { display: flex; align-items: center; gap: 14px; font-size: 19px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; }
.w-new-work-note-n { flex: 0 0 auto; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 100px; background: #0a1317; color: #fff; font-size: 13px; }
.w-new-work-note[data-on="true"] .w-new-work-note-n { background: #1a73e8; }
.w-new-work-note-body { display: block; margin-top: 12px; font-size: 15px; line-height: 1.6; color: #2a343b; }
.w-new-work-shot-url { margin-top: 14px; font-size: 13px; color: #5b6770; }
.w-new-work-quote { position: relative; overflow: hidden; border-radius: 24px; background: #0b0d10; color: #fff; display: flex; align-items: flex-end; min-height: clamp(380px, 44vw, 560px); }
.w-new-work-quote > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-new-work-quote-scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,12,20,.82) 0%, rgba(8,12,20,.55) 60%, rgba(8,12,20,.3) 100%); }
.w-new-work-quote-in { position: relative; max-width: 980px; padding: 56px; }
.w-new-work-quote blockquote { margin: 0; font-size: clamp(20px, 2.200vw, 30px); font-weight: 500; line-height: 1.38; letter-spacing: -0.015em; }
.w-new-work-quote-by { margin-top: 24px; font-size: 15px; opacity: .85; }
.w-new-work-culture { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.w-new-work-culture[data-count="1"] { grid-template-columns: minmax(0, 640px); justify-content: center; }
.w-new-work-culture img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 24px; }
.w-new-work-live { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 28px 32px; border-radius: 24px; background: #f1f4f7; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; }
.w-new-work-brief { display: grid; grid-template-columns: minmax(0, .900fr) minmax(0, 1.100fr); gap: 32px; align-items: stretch; }
.w-new-work-brief[data-solo="true"] { grid-template-columns: minmax(0, 760px); justify-content: center; }
.w-new-work-brief .w-new-reason { min-height: 0; }
.w-new-work-brief .w-new-reason-title { margin-top: 14px; }
.w-new-work-more { display: inline-block; margin-top: 18px; color: #1a73e8; font-weight: 500; }
.w-new-work-svcs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-content: start; }
.w-new-work-svcs[data-solo="true"] { grid-template-columns: repeat(auto-fit, minmax(200px, 280px)); justify-content: center; max-width: 1200px; margin: 0 auto; }
.w-new-work-svcs .w-new-tile { height: auto; min-height: 130px; padding: 20px 12px; text-align: center; }
.w-new-work-svcs-head { grid-column: 1 / -1; font-size: 15px; color: #5b6770; }
.w-new-work-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 56px; }
.w-new .w-new-work-logos a { display: inline-flex; opacity: .55; transition: opacity 160ms ease; }
.w-new .w-new-work-logos a:hover { opacity: 1; }
.w-new-work-logos img { height: 32px; width: auto; max-width: 160px; object-fit: contain; filter: brightness(0); }
.w-new .w-new-work-stat-link { display: inline-block; margin-top: 6px; color: #1a73e8; font-size: 14px; font-weight: 500; }
.w-new-work-sectors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.w-new-work-sectors .w-new-tile { height: 104px; text-align: center; padding: 0 12px; }
.w-new-sec[data-tone="well"] .w-new-work-sectors .w-new-tile { background: #fff; }
@media (max-width: 1100px) {
.w-new-work-annot { grid-template-columns: 1fr; }
.w-new .w-new-work-row { grid-template-columns: 200px minmax(0, 1fr); }
.w-new-work-row-stats { display: none; }
.w-new-work-brief { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.w-new-work-award { border-radius: 20px; padding: 12px 16px 12px 12px; gap: 12px; }
.w-new-work-award img { height: 32px; }
.w-new-work-title-sm { font-size: .7em; }
.w-new-work-bar { gap: 8px; margin-bottom: 20px; }
.w-new-work-seg { height: 38px; }
.w-new-work-bar-end { width: 100%; margin-left: 0; justify-content: space-between; }
.w-new-work-flow { padding: 56px 0 8px; }
.w-new-work-text { margin: 48px auto; padding: 0 16px; }
.w-new-work-band { margin: 56px 0; padding: 56px 16px; }
.w-new-work-band-head { margin-bottom: 32px; }
.w-new-work-frame[data-fixed="true"] { height: 56vh; }
.w-new .w-new-work-arrow { width: 38px; height: 38px; }
.w-new-work-arrow[data-side="prev"] { left: 8px; }
.w-new-work-arrow[data-side="next"] { right: 8px; }
.w-new .w-new-work-pin { width: 28px; height: 28px; font-size: 12px; border-width: 2px; }
.w-new .w-new-work-note { padding: 18px; }
.w-new-work-quote-in { padding: 28px 22px; }
.w-new-work-culture { grid-template-columns: 1fr; gap: 16px; }
.w-new-work-live { padding: 24px; font-size: 18px; }
.w-new-work-svcs { gap: 12px; }
.w-new-work-sectors { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.w-new-work-logos { gap: 22px 32px; }
.w-new-work-logos img { height: 24px; max-width: 120px; }
}
.w-new-about-hero-note { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 22px; font-size: 14px; line-height: 1.4; color: rgba(255,255,255,.88); }
.w-new-about-hero-note strong { color: #fff; font-weight: 500; }
.w-new-about-pill { display: inline-flex; padding: 4px 12px; border-radius: 100px; background: rgba(255,255,255,.92); color: #0a1317; font-size: 12px; font-weight: 500; }
.w-new-about-hero-seal { display: flex; align-items: center; gap: 20px; margin-top: 28px; font-size: 13px; color: rgba(255,255,255,.85); }
.w-new-about-hero-seal img { display: block; width: auto; }
.w-new-about-logos.w-new-home-logos { margin: 0; height: auto; background: #0b0d10; -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (max-width: 760px) { .w-new-about-logos.w-new-home-logos { margin: 0; padding: 4px 0; } }
.w-new-about-sign { display: flex; align-items: center; gap: 14px; margin-top: 8px; }
.w-new-about-sign img { width: 56px; height: 56px; border-radius: 100px; object-fit: cover; object-position: center top; }
.w-new-about-sign strong { display: block; font-size: 17px; font-weight: 700; }
.w-new-about-sign small { display: block; margin-top: 2px; font-size: 14px; color: #5b6770; }
.w-new-sec[data-tone="ink"] .w-new-about-stat-l { color: #fff; font-weight: 500; }
.w-new-about-awards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.w-new-about-award { padding: 32px; border-radius: 24px; background: #f1f4f7; }
.w-new-about-award-year { display: block; font-size: clamp(28px, 2.400vw, 36px); font-weight: 500; letter-spacing: -0.03em; line-height: 1; color: #1a73e8; }
.w-new-about-award h3 { margin: 22px 0 6px; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.25; }
.w-new-about-award p { margin: 0; font-size: 14px; line-height: 1.5; color: #5b6770; }
@media (max-width: 1100px) { .w-new-about-awards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .w-new-about-awards { grid-template-columns: 1fr; gap: 12px; } .w-new-about-award { padding: 24px; } }
.w-new-about-badges { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 64px; }
.w-new-about-badges img { display: block; width: auto; max-width: 220px; object-fit: contain; }
.w-new-about-platforms { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 22px 44px; margin-top: 48px; }
.w-new-about-platforms img { height: 28px; width: auto; max-width: 120px; object-fit: contain; filter: grayscale(1); opacity: .55; }
.w-new-about-rail { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 32px; scrollbar-width: none; margin: 0 -32px; padding: 0 32px; }
.w-new-about-rail::-webkit-scrollbar { display: none; }
.w-new-about-era { flex: 0 0 auto; width: min(78vw, 420px); scroll-snap-align: start; background: #fff; border-radius: 24px; overflow: hidden; }
.w-new-about-era-img { position: relative; aspect-ratio: 4 / 3; background: #dfe5ea; }
.w-new-about-era-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w-new-about-era-year { position: absolute; left: 20px; bottom: 12px; color: #fff; font-size: 48px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; text-shadow: 0 1px 18px rgba(0,0,0,.45); }
.w-new-about-era-body { padding: 22px 24px 28px; }
.w-new-about-era-body h3 { margin: 0 0 8px; font-size: 19px; font-weight: 500; letter-spacing: -0.01em; }
.w-new-about-era-body p { margin: 0; font-size: 14px; line-height: 1.58; color: #44505a; }
.w-new-about-arrows { display: flex; justify-content: center; gap: 10px; margin-top: 32px; }
.w-new-about-arrow { width: 44px; height: 44px; border-radius: 100px; border: 0; background: #fff; color: #0a1317; font-size: 18px; cursor: pointer; font-family: inherit; }
.w-new-about-arrow:hover { background: #e3e8ed; }
.w-new-about-people { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 32px; }
.w-new-about-people-cta { margin-top: 28px; }
.w-new-about-opener { background: #fff; color: #0a1317; padding: 140px 32px 24px; }
.w-new-about-opener-in { max-width: 1680px; margin: 0 auto; }
.w-new-about-opener-title { margin: 0; font-size: clamp(36px, 5.556vw, 84px); font-weight: 500; line-height: 1; letter-spacing: -0.035em; }
.w-new-about-opener-lede { margin: 26px 0 0; max-width: 60ch; font-size: clamp(17px, 1.500vw, 20px); line-height: 1.5; color: #44505a; }
.w-new-about-person { display: block; }
.w-new-about-person-img { display: block; position: relative; aspect-ratio: 4 / 5; border-radius: 24px; overflow: hidden; background: #f1f4f7; }
.w-new-about-person-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
.w-new-about-person:hover .w-new-about-person-img img { transform: scale(1.035); }
.w-new-about-person-init { position: absolute; inset: 0; display: grid; place-items: center; font-size: 48px; font-weight: 500; color: #5b6770; }
.w-new-about-person-name { display: block; margin-top: 16px; font-size: 19px; font-weight: 500; letter-spacing: -0.01em; }
.w-new-about-person-role { display: block; margin-top: 4px; font-size: 14px; line-height: 1.4; color: #5b6770; }
.w-new-person-hero { background: #fff; color: #0a1317; padding: 140px 32px 72px; }
.w-new-person-hero-in { max-width: 1680px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.w-new .w-new-person-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 26px; font-size: 14px; font-weight: 500; color: #5b6770; }
.w-new .w-new-person-back::before { content: ''; width: 7px; height: 7px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.w-new .w-new-person-back:hover { color: #0a1317; }
.w-new-person-name { margin: 0; font-size: clamp(36px, 5.556vw, 84px); font-weight: 500; line-height: 1; letter-spacing: -0.035em; }
.w-new-person-role { margin: 16px 0 0; font-size: clamp(18px, 1.700vw, 22px); font-weight: 400; color: #44505a; }
.w-new-person-bio { margin: 28px 0 0; max-width: 56ch; font-size: 18px; line-height: 1.6; color: #2a343b; white-space: pre-line; }
.w-new-person-hero .w-new-about-tags { margin-top: 22px; }
.w-new-person-hero .w-new-btns { margin-top: 32px; }
.w-new-person-photo { position: relative; width: 100%; max-width: 460px; aspect-ratio: 4 / 5; justify-self: end; border-radius: 24px; overflow: hidden; background: #f1f4f7; }
.w-new-person-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.w-new-person-photo-init { position: absolute; inset: 0; display: grid; place-items: center; font-size: 72px; font-weight: 500; color: #5b6770; }
.w-new-person-more { margin-top: 36px; }
.w-new-about-certs[data-align="start"] { justify-content: flex-start; }
.w-new-about-nudge { margin: 18px 0 0; font-size: 14px; color: #5b6770; }
.w-new-about-nudge a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.w-new-about-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.w-new-about-tag { display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 100px; background: #f1f4f7; font-size: 14px; font-weight: 500; }
.w-new-sec[data-tone="well"] .w-new-about-tag { background: #fff; }
.w-new-about-h3 { margin: 0 0 18px; font-size: 24px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-about-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.w-new-about-checks li { display: flex; gap: 12px; align-items: flex-start; font-size: 17px; line-height: 1.5; }
.w-new-about-checks svg { flex-shrink: 0; margin-top: 3px; }
.w-new-about-certs { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.w-new .w-new-about-cert { display: inline-flex; align-items: center; gap: 14px; padding: 18px 24px; border-radius: 24px; background: #fff; color: #0a1317; text-align: left; }
.w-new-about-cert strong { display: block; font-size: 15px; font-weight: 500; }
.w-new-about-cert small { display: block; font-size: 13px; color: #5b6770; margin-top: 2px; }
.w-new-about-cert-mark { width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; color: #fff; font-weight: 700; flex-shrink: 0; }
.w-new-about-cert-badge { flex-direction: column; width: 150px; text-align: center; }
.w-new-about-cert-badge img { width: 76px; height: 76px; object-fit: contain; }
.w-new-about-five .w-new-stats, .w-new-about-five.w-new-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.w-new-about-quote { margin: 0 auto; max-width: 1000px; text-align: center; }
.w-new-about-quote-mark { display: block; height: 56px; font-size: 128px; line-height: 1; font-weight: 500; color: #1a73e8; letter-spacing: -0.04em; }
.w-new-about-quote blockquote { margin: 0; padding: 0; }
.w-new-about-quote blockquote p { margin: 0; font-size: clamp(26px, 3.200vw, 44px); font-weight: 400; line-height: 1.18; letter-spacing: -0.025em; text-wrap: balance; }
.w-new-about-quote figcaption { margin: 40px auto 0; max-width: 620px; }
.w-new-about-quote figcaption::before { content: ''; display: block; width: 56px; height: 3px; margin: 0 auto 24px; border-radius: 100px; background: linear-gradient(90deg, #1a73e8, #7c3aed); }
.w-new-about-quote figcaption strong { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; letter-spacing: .01em; }
.w-new-about-quote figcaption span { display: block; font-size: 14px; line-height: 1.6; color: #5b6770; }
.w-new-about-small { margin: 24px auto 0; max-width: 640px; text-align: center; font-size: 14px; line-height: 1.6; color: #5b6770; }
.w-new-about-score { background: #fff; border-radius: 24px; padding: 40px; }
.w-new-about-score-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; padding-bottom: 28px; margin-bottom: 24px; border-bottom: 1px solid #dfe5ea; }
.w-new-about-score-v { font-size: 72px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; margin-top: 8px; }
.w-new-about-score small { font-size: 13px; color: #5b6770; }
.w-new-about-bar { margin-bottom: 16px; }
.w-new-about-bar-head { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.w-new-about-bar-head span:last-child { color: #5b6770; font-weight: 400; }
.w-new-about-bar i { display: block; height: 8px; border-radius: 100px; background: #1a73e8; }
.w-new-about-bar i + i { height: 4px; margin-top: 4px; background: #c9d2d9; }
.w-new-about-bcorp-text .w-new-split-title { margin-top: 28px; }
.w-new .w-new-about-prog { display: flex; flex-direction: column; overflow: hidden; border-radius: 24px; background: #fff; color: #0a1317; text-decoration: none; text-align: left; transition: transform 220ms ease, box-shadow 220ms ease; }
.w-new .w-new-about-prog:is(a):hover { transform: translateY(-3px); box-shadow: 0 18px 36px -20px rgba(15,23,42,.35); }
.w-new .w-new-about-prog:focus-visible { outline: 2px solid #1a73e8; outline-offset: 3px; }
.w-new-about-prog-img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #dfe5ea; }
.w-new-about-prog-text { display: block; padding: 22px 24px 26px; }
.w-new-about-prog-title { margin: 0 0 8px; font-size: 22px; font-weight: 400; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-about-prog-body { margin: 0; font-size: 15px; line-height: 1.55; color: #5b6770; }
.w-new-about-prog-more { display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 500; color: #1a73e8; }
.w-new-phero-slide[src$="presentday-6.webp"] { object-position: center 18%; }
.w-new-about-block { margin-top: 56px; }
.w-new-about-center { text-align: center; }
.w-new-about-center .w-new-about-tags, .w-new-about-center .w-new-btns { justify-content: center; }
.w-new-about-rows { max-width: 820px; margin: 0 auto; }
.w-new .w-new-about-row { display: flex; align-items: flex-start; gap: 20px; padding: 24px 0; border-bottom: 1px solid #dfe5ea; color: #0a1317; }
.w-new-about-row:last-child { border-bottom: 0; }
.w-new-about-row-n { flex-shrink: 0; width: 36px; height: 36px; border-radius: 100px; background: #0a1317; color: #fff; display: grid; place-items: center; font-size: 14px; font-weight: 500; }
.w-new-about-row-main { flex: 1; min-width: 0; }
.w-new-about-row-main strong { display: block; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; }
.w-new-about-row-main small { display: block; margin-top: 6px; font-size: 15px; line-height: 1.6; color: #44505a; }
.w-new-about-row-go { align-self: center; flex-shrink: 0; font-size: 20px; color: #5b6770; }
.w-new-about-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 56px; padding: 40px 32px 0; }
.w-new-about-logos img { display: block; width: auto; object-fit: contain; filter: brightness(0); opacity: .55; }
.w-new-about-not { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 48px; max-width: 1040px; margin: 0 auto; font-size: 15px; line-height: 1.62; color: #44505a; }
.w-new-about-not p { margin: 0; }
.w-new-about-round { border-radius: 24px; padding: 32px; background: #f1f4f7; }
.w-new-about-round[data-state="open"] { background: #0a1317; color: #fff; }
.w-new-about-round[data-state="closed"] { opacity: .5; }
.w-new-about-round .w-new-about-pill { background: #fff; }
.w-new-about-round[data-state="open"] .w-new-about-pill { background: #1a73e8; color: #fff; }
.w-new-about-round h3 { margin: 22px 0 8px; font-size: 26px; font-weight: 500; letter-spacing: -0.02em; }
.w-new-about-round p { margin: 0 0 16px; font-size: 15px; line-height: 1.5; opacity: .75; }
.w-new-about-round strong { font-size: 14px; font-weight: 500; }
.w-new-about-form-card { background: #fff; border-radius: 24px; padding: 40px; text-align: left; }
.w-new-about-form { display: grid; gap: 22px; }
.w-new-about-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.w-new-about-form textarea.w-new-input { min-height: 120px; resize: vertical; line-height: 1.55; }
.w-new-about-hint { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: #5b6770; }
.w-new-about-form .w-new-chips { justify-content: flex-start; }
.w-new-about-consent { display: flex; gap: 12px; align-items: flex-start; font-size: 13px; line-height: 1.55; color: #44505a; cursor: pointer; }
.w-new-about-consent input { margin-top: 3px; width: 16px; height: 16px; flex-shrink: 0; accent-color: #1a73e8; }
.w-new-about-error { font-size: 14px; color: #b3261e; background: #fdecea; border-radius: 14px; padding: 12px 16px; }
.w-new-about-form .w-new-btn[disabled] { opacity: .6; cursor: not-allowed; }
.w-new-about-sent { text-align: center; padding: 24px 0; }
.w-new-about-sent h3 { margin: 0 0 12px; font-size: 28px; font-weight: 500; letter-spacing: -0.02em; }
.w-new-about-sent p { margin: 0 auto 12px; max-width: 480px; font-size: 16px; line-height: 1.6; color: #44505a; }
.w-new-about-photos { display: flex; gap: 24px; overflow-x: auto; scrollbar-width: none; margin: 56px -32px 0; padding: 0 32px; }
.w-new-about-photos::-webkit-scrollbar { display: none; }
.w-new-about-photos img { flex: 0 0 auto; height: clamp(220px, 26vw, 360px); width: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; background: rgba(127,127,127,.2); }
.w-new-about-glass { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; margin-top: 32px; background: #fff; border-radius: 24px; padding: 32px 40px; }
.w-new-about-glass-name { font-size: 22px; font-weight: 700; color: #0caa41; }
.w-new-about-glass-stats { display: flex; flex-wrap: wrap; gap: 16px 48px; }
.w-new-about-glass-stats strong { display: block; font-size: 32px; font-weight: 500; letter-spacing: -0.03em; line-height: 1; }
.w-new-about-glass-stats small { display: block; margin-top: 6px; font-size: 13px; color: #5b6770; }
.w-new-about-roles { max-width: 1200px; margin: 0 auto; }
.w-new .w-new-about-role { display: grid; grid-template-columns: minmax(0, 2.200fr) minmax(0, 1fr) minmax(0, 1.300fr) auto; gap: 24px; align-items: center; padding: 28px 0; border-bottom: 1px solid #dfe5ea; color: #0a1317; }
.w-new-about-role-title { font-size: 24px; font-weight: 500; letter-spacing: -0.02em; }
.w-new-about-role small { display: block; margin-top: 4px; font-size: 13px; color: #5b6770; }
.w-new-about-role-cell { font-size: 15px; font-weight: 500; }
.w-new-about-new { display: inline-flex; margin-left: 10px; padding: 3px 10px; border-radius: 100px; background: #1a73e8; color: #fff; font-size: 12px; font-weight: 500; vertical-align: 4px; }
.w-new-about-skel { height: 14px; border-radius: 8px; background: #f1f4f7; max-width: 320px; }
.w-new-about-empty { text-align: center; padding: 56px 24px; border-radius: 24px; background: #f1f4f7; }
.w-new-about-empty strong { display: block; font-size: 20px; font-weight: 500; margin-bottom: 6px; }
.w-new-about-mail { margin-top: 20px; font-size: 14px; color: #5b6770; }
.w-new .w-new-about-link { color: #1a73e8; text-decoration: underline; text-underline-offset: 3px; }
.w-new-about-job { display: grid; grid-template-columns: minmax(0, 1.600fr) minmax(280px, 400px); gap: 64px; align-items: start; max-width: 1280px; margin: 0 auto; }
.w-new-about-job h2 { margin: 0 0 16px; font-size: 28px; font-weight: 500; letter-spacing: -0.02em; }
.w-new-about-job-block { margin-bottom: 48px; }
.w-new-about-job-block > p { margin: 0; font-size: 18px; line-height: 1.65; color: #2a343b; }
.w-new-about-aside { position: sticky; top: 148px; background: #f1f4f7; border-radius: 24px; padding: 32px; }
.w-new-about-aside h3 { margin: 0 0 8px; font-size: 22px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-about-aside p { margin: 0 0 20px; font-size: 14px; line-height: 1.55; color: #44505a; }
.w-new-about-aside .w-new-btns { flex-direction: column; }
.w-new-about-aside .w-new-btn-well { background: #fff; }
.w-new-about-facts { margin: 24px 0 0; padding: 20px 0 0; border-top: 1px solid #dfe5ea; display: grid; gap: 12px; font-size: 14px; }
.w-new-about-facts div { display: flex; justify-content: space-between; gap: 12px; }
.w-new-about-facts dt { color: #5b6770; }
.w-new-about-facts dd { margin: 0; font-weight: 500; text-align: right; }
.w-new-about-manager { display: flex; align-items: center; gap: 16px; padding: 20px 24px; border-radius: 24px; background: #f1f4f7; }
.w-new-about-manager-img { width: 60px; height: 60px; border-radius: 100px; overflow: hidden; background: #dfe5ea; display: grid; place-items: center; font-weight: 500; flex-shrink: 0; }
.w-new-about-manager-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.w-new-about-manager strong { display: block; font-size: 16px; font-weight: 500; }
.w-new-about-manager small { display: block; font-size: 13px; color: #5b6770; margin-top: 2px; }
.w-new-about-nice { padding: 28px 32px; border-radius: 24px; background: #f1f4f7; }
.w-new-about-nice h3 { margin: 0 0 14px; font-size: 15px; font-weight: 500; color: #5b6770; }
@media (max-width: 1100px) {
.w-new-about-people { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.w-new-person-hero-in { grid-template-columns: 1fr; gap: 40px; }
.w-new-person-photo { justify-self: start; max-width: 420px; }
.w-new-about-five .w-new-stats, .w-new-about-five.w-new-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.w-new-about-job { grid-template-columns: 1fr; gap: 40px; }
.w-new-about-aside { position: static; }
.w-new .w-new-about-role { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; }
.w-new-about-role-dept { display: none; }
}
@media (max-width: 760px) {
.w-new-about-people { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
.w-new-person-hero { padding: 100px 16px 48px; }
.w-new-about-opener { padding: 100px 16px 8px; }
.w-new-person-photo { order: -1; max-width: 100%; aspect-ratio: 1; border-radius: 20px; }
.w-new-person-bio { font-size: 17px; }
.w-new-about-person-name { font-size: 16px; margin-top: 12px; }
.w-new-about-five .w-new-stats, .w-new-about-five.w-new-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-about-rail, .w-new-about-photos { margin-left: -16px; margin-right: -16px; padding: 0 16px; gap: 12px; scroll-padding-left: 16px; }
.w-new-about-photos { margin-top: 32px; }
.w-new-about-not, .w-new-about-form-row { grid-template-columns: 1fr; }
.w-new-about-form-card, .w-new-about-score { padding: 24px 20px; }
.w-new-about-score-v { font-size: 56px; }
.w-new-about-logos { padding: 28px 16px 0; gap: 22px 32px; }
.w-new-about-block { margin-top: 32px; }
.w-new .w-new-about-role { grid-template-columns: 1fr; gap: 10px; padding: 22px 0; }
.w-new-about-role .w-new-btn { justify-self: start; }
.w-new-about-glass { padding: 24px 20px; }
.w-new-about-word { min-width: 0; }
.w-new-about-row-main strong { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
.w-new-about-word > span, .w-new-about-person-img img { animation: none !important; transition: none !important; }
}
.w-new-blog-swap { display: block; animation: wNewRise 700ms cubic-bezier(.2,.7,.2,1) both; }
.w-new-blog-hero-dots { display: flex; margin-top: 26px; }
@media (prefers-reduced-motion: reduce) { .w-new-blog-swap { animation: none; } }
.w-new-blog-hero-load { background: linear-gradient(180deg, #0b0d10 0%, #151a20 100%); }
.w-new-blog-bone { display: block; max-width: 100%; border-radius: 10px; background: rgba(255,255,255,.12); animation: wNewBlogBone 1300ms ease-in-out infinite alternate; }
@keyframes wNewBlogBone { from { opacity: .45; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .w-new-blog-bone { animation: none; } }
.w-new-blog-title { display: block; max-width: 24ch; font-size: clamp(30px, 4.444vw, 64px); line-height: 1.04; letter-spacing: -0.03em; }
.w-new-blog-by { display: flex; align-items: center; gap: 12px; margin-top: 22px; font-size: 14px; line-height: 1.35; }
.w-new-blog-by img, .w-new-blog-by-initial { width: 44px; height: 44px; border-radius: 100px; object-fit: cover; flex-shrink: 0; }
.w-new-blog-by-initial { display: grid; place-items: center; background: rgba(255,255,255,.2); font-weight: 500; }
.w-new-blog-by strong { display: block; font-weight: 500; }
.w-new-blog-by small { display: block; font-size: 13px; opacity: .8; }
.w-new-blog-by-name { background: none; border: 0; padding: 0; margin: 0; color: inherit; font: inherit; font-weight: 500; cursor: pointer; text-align: left; display: block; text-decoration: none; }
.w-new-blog-by-name:hover { text-decoration: underline; text-underline-offset: 3px; }
.w-new-blog-filter { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 32px 32px 0; }
.w-new .w-new-blog-filter .w-new-work-dd-btn { height: 34px; padding: 0 10px 0 14px; gap: 6px; font-size: 13px; }
.w-new-blog-filter-bar { position: relative; display: flex; align-items: center; gap: 14px; }
.w-new-blog-card { display: flex; flex-direction: column; min-width: 0; }
.w-new-blog-grid-sec { padding-top: 32px; }
.w-new-blog-more { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 56px; font-size: 13px; color: #5b6770; }
.w-new-blog-empty { background: #f1f4f7; border-radius: 24px; padding: 72px 24px; text-align: center; }
.w-new-blog-empty strong { display: block; font-size: 22px; font-weight: 500; letter-spacing: -0.015em; margin-bottom: 8px; }
.w-new-phero:has(.w-new-blog-heroline) .w-new-phero-foot { max-width: none; }
.w-new-phero:has(.w-new-blog-heroline) .w-new-phero-lede { max-width: 620px; }
.w-new-blog-heroline { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 20px; margin-top: 22px; }
.w-new-blog-heroline .w-new-blog-by { margin-top: 0; }
.w-new .w-new-blog-madeby { display: flex; align-items: center; justify-content: space-between; gap: 12px 32px; flex-wrap: nowrap; margin: 32px -32px -56px; padding: 16px 32px; background: rgba(11,13,16,.6); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); color: rgba(255,255,255,.78); font-size: 15px; line-height: 22px; text-decoration: none; transition: background 160ms ease; }
.w-new .w-new-blog-madeby:hover { background: rgba(11,13,16,.75); }
.w-new-blog-madeby-main { display: flex; align-items: center; gap: 14px; min-width: 0; }
.w-new-blog-madeby-main strong { color: #fff; font-weight: 500; }
.w-new-blog-madeby-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14); color: #fff; }
.w-new-blog-madeby-go { color: #fff; font-weight: 500; white-space: nowrap; }
.w-new-blog-madeby:hover .w-new-blog-madeby-go { text-decoration: underline; text-underline-offset: 3px; }
.w-new-blog-bars { max-width: 816px; margin: 0 auto; padding: 32px 28px 0; display: flex; flex-direction: column; gap: 12px; }
.w-new .w-new-blog-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; box-sizing: border-box; padding: 18px 24px; border: 0; border-radius: 24px; background: #f1f4f7; color: #0a1317; font-family: inherit; font-size: 15px; line-height: 1.4; text-align: left; cursor: pointer; transition: background 160ms ease; }
.w-new .w-new-blog-bar:hover { background: #e6ebf0; }
.w-new-blog-bar-main { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; min-width: 0; }
.w-new-blog-bar-main strong { font-weight: 500; }
.w-new-blog-bar-main span { color: #44505a; }
.w-new-blog-bar-go { color: #1a73e8; font-weight: 500; white-space: nowrap; }
.w-new-blog-brands { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.w-new-blog-brands img { width: 30px; height: 30px; border-radius: 8px; background: #fff; object-fit: contain; }
.w-new-blog-svc { border-radius: 24px; background: #f1f4f7; overflow: hidden; transition: background 160ms ease; }
.w-new-blog-svc:has(.w-new-blog-svc-toggle:hover) { background: #e6ebf0; }
.w-new .w-new-blog-svc-row { position: relative; background: transparent; border-radius: 0; cursor: default; padding: 10px 10px 10px 24px; }
.w-new .w-new-blog-svc-row .w-new-btn { padding: 11px 20px; flex: none; }
.w-new .w-new-blog-svc-row:hover { background: transparent; }
.w-new .w-new-blog-svc-toggle { appearance: none; border: 0; background: none; margin: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; flex: 1 1 auto; }
.w-new .w-new-blog-svc-toggle:focus-visible { outline: 2px solid #1a73e8; outline-offset: 2px; border-radius: 10px; }
.w-new-blog-svc-chev { display: inline-flex; color: #44505a; transition: transform 200ms ease; }
.w-new-bar .w-new-blog-svc-mark { width: 24px; height: 24px; object-fit: contain; flex: none; }
.w-new-blog-svc[data-open] .w-new-blog-svc-chev { transform: rotate(180deg); }
.w-new-blog-svc-panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 0 24px 24px; animation: wNewRise 400ms cubic-bezier(.2,.7,.2,1) both; }
.w-new-blog-svc-panel[data-side] { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); align-items: stretch; }
.w-new-blog-svc-side { display: flex; flex-direction: column; gap: 8px; }
.w-new-blog-svc-copy { display: flex; flex-direction: column; }
.w-new-blog-svc-copy h3 { margin: -4px 0 10px; font-size: 22px; line-height: 1.2; font-weight: 500; letter-spacing: -0.01em; color: #0a1317; }
.w-new-blog-svc-copy p { margin: 0 0 12px; font-size: 15px; line-height: 1.55; color: #44505a; }
.w-new-blog-svc-copy .w-new-blog-svc-lede { font-size: 17px; color: #0a1317; }
.w-new-blog-svc-copy .w-new-btns { margin: auto 0 0; padding-top: 8px; justify-content: flex-start; }
.w-new-blog-svc-chips { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.w-new-blog-svc-chips li { min-width: 0; padding: 9px 12px 10px; border-radius: 12px; background: #fff; display: flex; flex-direction: column; gap: 2px; }
.w-new-blog-svc-chips li span { display: flex; align-items: center; gap: 5px; color: #5b6770; font-size: 12px; line-height: 1.3; }
.w-new-blog-svc-chips li svg { width: 12px; height: 12px; flex: none; fill: none; stroke: #1e8e3e; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.w-new-blog-svc-chips li strong { font-size: 13px; font-weight: 500; line-height: 1.3; color: #0a1317; }
.w-new-blog-svc-stage { position: relative; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background: linear-gradient(160deg, #eaf1fd 0%, #f6f8fb 60%, #eef6f1 100%); }
.w-new-blog-svc-stage .w-ad-stage, .w-new-blog-svc-stage .w-ad-stage[data-compact] { position: absolute; inset: 0; padding: 10px; }
.w-new-blog-svc-stage .w-ad-stage-device > * { font-size: min(2.2cqh, 1.72cqw); }
@media (prefers-reduced-motion: reduce) { .w-new-blog-svc-panel { animation: none; } .w-new-blog-svc-chev { transition: none; } }
.w-new-blog-contain { max-width: 1100px; margin: 0 auto; padding: 32px 32px 0; }
.w-new-blog-contain img { display: block; width: 100%; height: auto; border-radius: 24px; background: #f1f4f7; }
.w-new-blog-art { padding-top: 32px; }
.w-new-blog-art.w-blog-dark { margin-top: 32px; padding-top: 24px; }
.w-new-blog-art .w-blog-body { max-width: 760px; font-size: 19px; line-height: 1.65; color: #0a1317; }
.w-new-blog-art .w-blog-body h2 { margin: 56px 0 16px; font-size: clamp(28px, 3vw, 38px); font-weight: 500; line-height: 1.15; letter-spacing: -0.025em; color: #0a1317; }
.w-new-blog-art .w-blog-body h3 { margin: 40px 0 12px; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -0.015em; color: #0a1317; }
.w-new-blog-art .w-blog-body p, .w-new-blog-art .w-blog-body ul, .w-new-blog-art .w-blog-body ol { margin: 0 0 22px; }
.w-new-blog-art .w-blog-body li { margin-bottom: 8px; }
.w-new-blog-art .w-blog-body strong { color: inherit; }
.w-new-blog-art .w-blog-body a { color: #1a73e8; }
.w-new-blog-art .w-blog-body blockquote { margin: 36px 0; padding: 4px 0 4px 24px; border-left: 3px solid #1a73e8; color: #0a1317; font-style: normal; font-size: 24px; font-weight: 500; line-height: 1.35; letter-spacing: -0.015em; }
.w-new-blog-art .w-blog-body img:not(.w-section-logo) { display: block; max-height: 560px; width: auto; max-width: 100%; height: auto; object-fit: contain; margin-left: auto; margin-right: auto; border-radius: 16px; }
.w-new-blog-art .w-blog-body figure { margin: 40px 0; }
.w-new-blog-art .w-blog-body figure img { display: block; width: 100%; margin: 0; }
.w-new-blog-art .w-blog-body figcaption { margin-top: 12px; font-size: 13px; line-height: 1.5; color: #5b6770; }
.w-new-blog-art .w-blog-body .w-blog-sources { margin-top: 56px; padding-top: 20px; border-top: 1px solid #dfe5ea; font-size: 12px; line-height: 1.5; color: #8a959e; }
.w-new-blog-art .w-blog-body .w-blog-sources h2, .w-new-blog-art .w-blog-body .w-blog-sources h3, .w-new-blog-art .w-blog-body .w-blog-sources h4 { margin: 0 0 6px; font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: 0; color: inherit; }
.w-new-blog-art .w-blog-body .w-blog-sources p, .w-new-blog-art .w-blog-body .w-blog-sources ul, .w-new-blog-art .w-blog-body .w-blog-sources ol { margin: 0 0 8px; }
.w-new-blog-art .w-blog-body .w-blog-sources li { margin-bottom: 2px; }
.w-new-blog-art .w-blog-body hr:has(+ .w-blog-sources) { display: none; }
.w-new-blog-art.w-blog-dark .w-blog-body .w-blog-sources { color: #7d8894; border-top-color: rgba(255,255,255,0.12); }
.w-new-blog-art .w-blog-body table { width: 100%; border-collapse: collapse; margin: 32px 0; font-size: 16px; line-height: 1.4; }
.w-new-blog-art .w-blog-body th, .w-new-blog-art .w-blog-body td { text-align: left; padding: 12px 14px; border-bottom: 1px solid #dfe5ea; vertical-align: top; }
.w-new-blog-art .w-blog-body th { font-weight: 500; color: #5b6770; }
.w-new-blog-art .w-blog-body hr { border-top-color: #dfe5ea; margin: 48px 0; }
.w-new-blog-art .w-blog-body .w-post-jump, .w-new-blog-art .w-blog-body pre { border-radius: 16px; }
.w-new-blog-art .w-blog-body .w-new-blog-gate-peek { max-height: 140px; overflow: hidden; opacity: .5; -webkit-mask-image: linear-gradient(#000, transparent); mask-image: linear-gradient(#000, transparent); pointer-events: none; user-select: none; }
.w-new-blog-art .w-blog-body .w-new-blog-gate { position: relative; margin: 8px 0 40px; padding: 32px; border-radius: 24px; background: #f1f4f7; gap: 18px; }
.w-new-blog-art .w-blog-body .w-new-blog-gate h3 { margin: 0 0 6px; font-size: 26px; font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; color: #0a1317; }
.w-new-blog-art .w-blog-body .w-new-blog-gate p { margin: 0; }
.w-new-blog-art .w-blog-body .w-new-blog-gate-sub { font-size: 16px; line-height: 1.5; color: #44505a; }
.w-new-blog-gate-row { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.w-new-blog-gate-row > div { flex: 1 1 260px; min-width: 0; }
.w-new-blog-art .w-blog-body .w-new-blog-gate-fine { font-size: 13px; line-height: 1.5; color: #5b6770; }
.w-new-blog-art .w-blog-body [data-blog-gate] { display: none; }
.w-new-blog-gate-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) { .w-new-blog-art .w-blog-body .w-new-blog-gate { padding: 24px 20px; } .w-new-blog-gate-row .w-new-btn { width: 100%; } }
.w-new-blog-state { max-width: 760px; margin: 0 auto; padding: 56px 32px 88px; text-align: center; }
.w-new-blog-state p { margin: 0 0 22px; font-size: 18px; line-height: 1.5; color: #44505a; }
.w-new-blog-skel { height: 14px; border-radius: 8px; background: #f1f4f7; margin: 0 auto 14px; animation: wNewBlogPulse 1200ms ease-in-out infinite alternate; }
@keyframes wNewBlogPulse { from { opacity: .5; } to { opacity: 1; } }
.w-new-blog-source { max-width: 760px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: 36px 40px; border-radius: 24px; background: #f1f4f7; }
.w-new-blog-source h2 { margin: 0 0 8px; font-size: 26px; font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; }
.w-new-blog-source p { margin: 0; max-width: 380px; font-size: 15px; line-height: 1.55; color: #44505a; }
.w-new-blog-source button { border: 0; padding: 0; background: none; cursor: pointer; line-height: 0; border-radius: 12px; }
.w-new-blog-source img { height: 52px; width: auto; display: block; }
.w-new-blog-scrub { display: flex; align-items: center; gap: 12px; margin-top: 22px; font-size: 13px; font-variant-numeric: tabular-nums; }
.w-new-blog-wraprow2 { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin-top: 20px; font-size: 14px; }
.w-new-blog-wrap-head { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 20px; margin: -28px 0 40px; font-size: 15px; color: #44505a; }
.w-new-blog-wraps { display: flex; flex-direction: column; gap: 12px; max-width: 1100px; margin: 0 auto; }
.w-new .w-new-blog-wrap { display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1.300fr) 56px 44px; gap: 20px; align-items: center; width: 100%; box-sizing: border-box; padding: 14px 20px 14px 14px; border: 0; border-radius: 24px; background: #fff; color: #0a1317; font-family: inherit; text-align: left; cursor: pointer; }
.w-new .w-new-blog-wrap[data-on="true"] { outline: 2px solid #1a73e8; outline-offset: -2px; }
.w-new-blog-wrap-cover { position: relative; width: 72px; height: 72px; border-radius: 16px; overflow: hidden; background: #f1f4f7; }
.w-new-blog-wrap-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.w-new-blog-wrap-name { display: block; font-size: 18px; line-height: 1.3; letter-spacing: -0.01em; }
.w-new-blog-wrap-sub { display: block; margin-top: 4px; font-size: 13px; color: #5b6770; }
.w-new-blog-wrap-stories { font-size: 13px; line-height: 1.45; color: #5b6770; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.w-new-blog-wrap-dur { font-size: 13px; color: #5b6770; text-align: right; font-variant-numeric: tabular-nums; }
.w-new-blog-wrap-play { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 100px; background: #1a73e8; color: #fff; }
.w-new-blog-lab .w-new-phero[data-size="full"] { min-height: 90vh; min-height: 90svh; }
.w-new a.w-new-blog-labslink { color: inherit; text-decoration: none; }
.w-new-blog-labsmark { display: inline-block; height: .95em; width: auto; vertical-align: -.0206em; }
.w-new-blog-card .w-new-post-img { position: relative; }
.w-new-blog-card-labs { position: absolute; left: 16px; top: 16px; display: inline-flex; color: #fff; filter: drop-shadow(0 1px 6px rgba(6,9,12,.5)); }
.w-new-blog-card-labs svg { display: block; height: 16px; width: auto; }
@media (max-width: 760px) {
.w-new .w-new-blog-madeby { margin: 24px -16px -40px; padding: 16px; font-size: 14px; line-height: 20px; }
.w-new-blog-lead .w-new-phero[data-size="full"], .w-new-phero.w-new-blog-hero-load[data-size="full"] { min-height: 70vh; min-height: 70svh; }
.w-new-blog-title { font-size: clamp(30px, 8.400vw, 40px); }
.w-new-blog-filter { padding: 24px 16px 0; }
.w-new-blog-heroline { flex-wrap: wrap; row-gap: 12px; }
.w-new-blog-heroline .w-new-blog-by strong, .w-new-blog-heroline .w-new-blog-by-name { white-space: nowrap; }
.w-new-blog-grid-sec { padding-top: 24px; }
.w-new-blog-card { margin-bottom: 16px; }
.w-new-blog-art .w-blog-body { font-size: 17px; line-height: 1.6; }
.w-new-blog-art .w-blog-body h2 { margin-top: 44px; }
.w-new-blog-art .w-blog-body h3 { font-size: 22px; }
.w-new-blog-art .w-blog-body blockquote { font-size: 20px; }
.w-new-blog-art .w-blog-body figure { margin: 32px 0; }
.w-new-blog-art .w-blog-body th, .w-new-blog-art .w-blog-body td { padding: 10px 8px; font-size: 15px; }
.w-new-blog-contain { padding-left: 16px; padding-right: 16px; }
.w-new .w-new-blog-bar { flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 20px; }
.w-new .w-new-blog-svc-row { padding: 16px 20px; }
.w-new .w-new-blog-svc-row .w-new-btn { display: none; }
.w-new-blog-svc-panel, .w-new-blog-svc-panel[data-side] { grid-template-columns: minmax(0, 1fr); padding: 0 20px 20px; }
.w-new .w-new-blog-svc-toggle { padding-right: 30px; }
.w-new-blog-svc-chev { position: absolute; top: 19px; right: 20px; }
.w-new-blog-state { padding: 40px 16px 56px; }
.w-new-blog-source { padding: 28px 24px; }
.w-new .w-new-blog-wrap { grid-template-columns: 56px minmax(0, 1fr) 40px; gap: 14px; padding: 12px 14px 12px 12px; }
.w-new-blog-wrap-cover { width: 56px; height: 56px; border-radius: 12px; }
.w-new-blog-wrap-stories, .w-new-blog-wrap-dur { display: none; }
.w-new-blog-wrap-play { width: 40px; height: 40px; }
.w-new-blog-wrap-name { font-size: 16px; }
}
.w-new-events-hero .w-new-phero-title { font-size: clamp(36px, 5.200vw, 84px); max-width: 22ch; line-height: 1; }
.w-new-events-hero .w-new-phero-foot { max-width: 820px; }
.w-new-events-hero .w-new-phero-lede { max-width: 620px; }
.w-new-events-hero .w-new-phero-scrim { background: linear-gradient(90deg, rgba(6,9,12,.86) 0%, rgba(6,9,12,.72) 36%, rgba(6,9,12,.3) 64%, rgba(6,9,12,.05) 100%), linear-gradient(180deg, rgba(6,9,12,.45) 0%, rgba(6,9,12,0) 24%, rgba(6,9,12,0) 60%, rgba(6,9,12,.55) 100%); }
.w-new-events-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 20px; }
.w-new-events-tags .w-new-tag { background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.w-new-events-facts { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 26px; padding: 0; list-style: none; font-size: 16px; font-weight: 500; letter-spacing: -0.01em; }
.w-new-events-facts li { display: inline-flex; align-items: center; gap: 8px; }
.w-new-events-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.w-new .w-new-events-alt { font-size: 14px; text-decoration: underline; text-underline-offset: 3px; color: #fff; }
.w-new-events-diary { position: relative; }
.w-new-events-diary-menu { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 5; min-width: 230px; padding: 8px; border-radius: 16px; background: #fff; color: #0a1317; display: flex; flex-direction: column; }
.w-new .w-new-events-diary-menu a { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 12px; font-size: 14px; font-weight: 500; white-space: nowrap; color: #0a1317; }
.w-new .w-new-events-diary-menu a:hover { background: #f1f4f7; }
.w-new-events-diary-menu img { width: 18px; height: 18px; object-fit: contain; }
.w-new-events-card-sum { margin: -8px 0 18px; max-width: 46ch; font-size: 15px; line-height: 1.45; opacity: .9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.w-new-events-filter { margin-bottom: 32px; }
.w-new-events-empty { max-width: 720px; margin: 0 auto; padding: 56px 32px; border-radius: 24px; background: #f1f4f7; text-align: center; }
.w-new-events-empty h3 { margin: 0 0 10px; font-size: 26px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-events-empty p { margin: 0 auto 24px; max-width: 520px; font-size: 16px; line-height: 1.55; color: #44505a; }
.w-new-events-past { display: flex; flex-direction: column; align-items: flex-start; height: 100%; }
.w-new-events-past .w-new-post { display: block; width: 100%; flex: 1 1 auto; }
.w-new-events-past .w-new-post-title { font-size: 18px; }
.w-new-events-past .w-new-btn { margin-top: 16px; padding: 10px 18px; }
.w-new-events-past-blank { display: grid; place-items: center; width: 100%; height: 100%; font-size: 30px; font-weight: 500; letter-spacing: -0.03em; color: #8a949c; }
.w-new-events-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 24px; background: #f1f4f7; }
.w-new-events-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 400px); gap: 64px; align-items: start; max-width: 1280px; margin: 0 auto; }
.w-new-events-body[data-single="true"] { grid-template-columns: minmax(0, 480px); justify-content: center; }
.w-new-events-body .w-new-prose { margin: 0; }
.w-new-events-details { position: sticky; top: 128px; border-radius: 24px; background: #f1f4f7; padding: 28px; }
.w-new-events-details h2 { margin: 0 0 18px; font-size: 20px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-events-details-facts { display: grid; gap: 12px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 15px; line-height: 1.4; }
.w-new-events-details-facts li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; align-items: start; }
.w-new-events-details-facts svg { margin-top: 1px; }
.w-new-events-details-btns { flex-direction: column; align-items: stretch; }
.w-new .w-new-events-details-btns .w-new-btn { justify-content: center; }
.w-new .w-new-events-details-btns .w-new-btn-soft { background: #fff; }
.w-new-events-details .w-new-events-diary { display: flex; }
.w-new-events-details .w-new-events-diary > .w-new-btn { flex: 1; }
.w-new-events-details .w-new-events-diary-menu { bottom: auto; top: calc(100% + 8px); }
.w-new-events-details-note { margin: 16px 0 0; font-size: 13px; line-height: 1.45; color: #5b6770; }
.w-new-events-slot { min-height: 0; padding: 28px; }
.w-new-events-slot-head { display: flex; justify-content: space-between; align-items: baseline; }
.w-new-events-slot-head time { font-size: 15px; font-weight: 500; color: #1a73e8; font-variant-numeric: tabular-nums; }
.w-new-events-slot-head small { font-size: 13px; color: #8a949c; font-variant-numeric: tabular-nums; }
.w-new-events-slot .w-new-reason-title { margin: 44px 0 0; font-size: 22px; }
.w-new-events-speakers-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; }
.w-new-events-speakers-grid .w-new-events-speaker { padding: 16px; border-radius: 20px; background: #f1f4f7; }
.w-new-events-speakers-grid .w-new-events-avatar { width: 64px; height: 64px; font-size: 22px; }
.w-new-events-points .w-new-reason { padding: 32px; }
.w-new-events-aside { display: grid; gap: 16px; }
.w-new-events-panel { border-radius: 24px; background: #f1f4f7; padding: 28px; overflow: hidden; }
.w-new-events-panel h2 { margin: 0 0 18px; font-size: 20px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-events-panel-photo { display: block; width: calc(100% + 56px); max-width: none; margin: -28px -28px 24px; aspect-ratio: 16 / 10; object-fit: cover; }
.w-new-events-panel p { margin: 0; font-size: 15px; line-height: 1.5; color: #44505a; }
.w-new-events-speakers { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.w-new-events-speaker { display: flex; align-items: center; gap: 14px; font-size: 15px; line-height: 1.35; }
.w-new-events-speaker small { display: block; font-size: 13px; color: #5b6770; }
.w-new-events-avatar { width: 48px; height: 48px; border-radius: 100px; flex-shrink: 0; object-fit: cover; background: #fff; display: grid; place-items: center; font-weight: 500; font-size: 18px; color: #1a73e8; }
.w-new-events-agenda { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.w-new-events-agenda li { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid #dfe5ea; font-size: 15px; line-height: 1.45; }
.w-new-events-agenda li:first-child { border-top: 0; padding-top: 0; }
.w-new-events-agenda time { font-weight: 500; color: #1a73e8; font-variant-numeric: tabular-nums; }
.w-new-events-points .w-new-reason-title { margin-top: 0; font-size: 22px; }
.w-new-events-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 1.5; }
.w-new-events-list li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; }
.w-new-events-list svg { margin-top: 2px; }
.w-new-events-list b { font-weight: 500; color: #1a73e8; font-variant-numeric: tabular-nums; }
.w-new-events-level { display: flex; flex-direction: column; }
.w-new-events-level .w-new-reason-title { margin-top: 20px; }
.w-new-events-level .w-new-events-list { margin: 20px 0 28px; font-size: 15px; flex: 1; }
.w-new-events-level .w-new-btn { align-self: flex-start; }
.w-new-events-level-for { margin: 0; font-size: 15px; line-height: 1.55; color: #44505a; }
.w-new-events-level-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.w-new-events-level-tags .w-new-tag { background: #f1f4f7; }
.w-new-sec:not([data-tone="well"]) .w-new-events-level-tags .w-new-tag { background: #fff; }
.w-new-events-formats { display: grid; gap: 72px; }
.w-new-events-platforms { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 4px; }
.w-new-events-platforms .w-new-tag { background: #fff; }
.w-new-sec:not([data-tone="well"]) .w-new-events-platforms .w-new-tag { background: #f1f4f7; }
.w-new-events-figure { position: relative; margin: 0; border-radius: 24px; overflow: hidden; aspect-ratio: 16 / 7; background: #f1f4f7; }
.w-new-events-figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.w-new-events-figure figcaption { position: absolute; left: 20px; bottom: 20px; }
.w-new-events-centre { display: flex; justify-content: center; }
@media (max-width: 1100px) {
.w-new-events-body { grid-template-columns: 1fr; gap: 40px; }
.w-new-events-details { position: static; }
}
@media (max-width: 760px) {
.w-new-events-facts { font-size: 15px; gap: 6px 18px; }
.w-new-events-empty { padding: 40px 20px; }
.w-new-events-formats { gap: 48px; }
.w-new-events-figure { aspect-ratio: 4 / 3; }
.w-new-events-card-sum { display: none; }
.w-new-event-grid[data-count="1"] .w-new-event { aspect-ratio: 4 / 5; }
}
@media (max-width: 860px) {
.w-new-events-slot .w-new-reason-title { margin-top: 24px; }
}
.w-new .w-new-sec[id] { scroll-margin-top: 64px; }
.w-new-misc-dot { display: inline-block; width: 8px; height: 8px; border-radius: 100px; margin-right: 10px; vertical-align: 2px; background: #ea4335; }
.w-new-misc-dot[data-open="true"] { background: #34a853; }
.w-new .w-new-misc-ul { text-decoration: underline; text-underline-offset: 3px; }
.w-new-misc-value { font-size: 17px; line-height: 1.5; }
.w-new-misc-muted { color: #5b6770; }
.w-new-misc-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 40px; }
.w-new .w-new-misc-reach-card { display: flex; align-items: flex-start; gap: 16px; padding: 20px 22px; border-radius: 24px; background: #f1f4f7; color: #0a1317; text-decoration: none; text-align: left; transition: background 160ms ease; }
.w-new .w-new-misc-reach-card:hover { background: #e9eef3; }
.w-new-misc-reach-icon { display: inline-grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: #e8f0fe; }
.w-new-misc-reach-text { display: block; min-width: 0; }
.w-new-misc-reach-label { margin: 0 0 4px; font-size: 14px; font-weight: 500; color: #5b6770; }
.w-new-misc-reach-card .w-new-misc-value { font-size: 16px; line-height: 1.5; }
.w-new-misc-photos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.w-new-misc-photo { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; background: #f1f4f7; }
.w-new-misc-photo[data-ratio="wide"] { aspect-ratio: 3 / 2; }
.w-new-misc-studio { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); grid-template-rows: 1fr 1fr; gap: 16px; height: clamp(420px, 40vw, 640px); margin-top: 32px; }
.w-new-misc-studio-main { grid-row: 1 / 3; }
.w-new-misc-studio-shot { position: relative; margin: 0; border-radius: 24px; overflow: hidden; background: #10151a; }
.w-new-misc-studio-shot > img, .w-new-misc-studio-shot > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.w-new-misc-studio-shot > a { position: absolute; left: 24px; bottom: 24px; }
.w-new-misc-panel { background: #f1f4f7; border-radius: 24px; overflow: hidden; color: #0a1317; }
.w-new-sec[data-tone="well"] .w-new-misc-panel { background: #fff; }
.w-new-misc-stage { position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; min-height: 200px; padding: 48px 32px; }
.w-new-misc-stage[data-dark="true"] { background: #0b0d10; }
.w-new-misc-stage[data-busy="true"] { background: linear-gradient(120deg, #9aa0a6 0%, #5f6368 45%, #3c4043 100%); }
.w-new-misc-stage img { height: auto; display: block; }
.w-new-misc-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px 24px; font-size: 16px; }
.w-new-misc-cap { padding: 0 24px 24px; text-align: center; font-size: 15px; line-height: 1.45; }
.w-new-misc-dls { display: flex; gap: 8px; }
.w-new .w-new-misc-dl { display: inline-flex; padding: 8px 16px; border-radius: 100px; background: #fff; color: #0a1317; font-size: 13px; font-weight: 500; }
.w-new .w-new-sec[data-tone="well"] .w-new-misc-dl { background: #f1f4f7; }
.w-new .w-new-misc-dl:hover { background: #1a73e8; color: #fff; }
.w-new-misc-clear { border: 2px dashed #1a73e8; border-radius: 12px; padding: 30px; display: flex; }
.w-new-misc-x { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; border-radius: 100px; background: #ea4335; color: #fff; display: grid; place-items: center; }
.w-new-misc-list { margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.7; }
.w-new-misc-retired { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; padding: 32px; margin-top: 32px; }
.w-new-misc-retired-img { position: relative; flex: none; border-radius: 16px; overflow: hidden; }
.w-new-misc-retired-img img { width: 140px; height: auto; display: block; filter: grayscale(1); opacity: .92; }
.w-new-misc-retired-img span { position: absolute; inset: 0; background: linear-gradient(to top right, transparent calc(50% - 1.5px), rgba(197,34,31,.85) calc(50% - 1.5px), rgba(197,34,31,.85) calc(50% + 1.5px), transparent calc(50% + 1.5px)); }
.w-new-misc-retired-text { flex: 1 1 260px; min-width: 0; font-size: 16px; line-height: 1.6; }
.w-new-misc-retired-text h3 { margin: 0 0 8px; font-size: 24px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-misc-retired-text p { margin: 0; }
.w-new-misc-swatches { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.w-new-misc-swatches[data-cols="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; }
.w-new-misc-chip { display: flex; height: 120px; }
.w-new-misc-swatches[data-cols="2"] .w-new-misc-chip { height: 200px; }
.w-new-misc-meta { padding: 16px 20px 20px; font-size: 16px; }
.w-new-misc-meta small { display: block; margin-top: 2px; font-size: 13px; color: #5b6770; font-variant-numeric: tabular-nums; }
.w-new-misc-specimen { padding: 56px 48px; }
.w-new-misc-specimen-name { font-size: clamp(44px, 6vw, 88px); font-weight: 500; line-height: 1; letter-spacing: -0.04em; }
.w-new-misc-specimen p { margin: 20px 0 0; font-size: 22px; }
.w-new-misc-icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.w-new-misc-icon { width: 96px; height: 96px; border-radius: 24px; background: #f1f4f7; display: grid; place-items: center; }
.w-new-sec[data-tone="well"] .w-new-misc-icon { background: #fff; }
.w-new-misc-jump { padding: 32px 32px 0; }
.w-new-misc-brand-hero { position: relative; overflow: hidden; min-height: 100vh; min-height: 100svh; display: flex; color: #fff; background: #0b0d10; }
.w-new-misc-brand-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.36) saturate(.8); }
.w-new-misc-brand-h1 { position: absolute; inset: 0; margin: 0; overflow: hidden; pointer-events: none; }
.w-new-misc-brand-pan { position: absolute; top: 0; left: 0; display: block; height: 100%; will-change: transform; animation: wNewBrandPan 44s cubic-bezier(.37,0,.63,1) infinite alternate; }
.w-new-misc-brand-mark { display: block; height: 100%; width: auto; max-width: none; filter: brightness(0); opacity: .96; }
.w-new-misc-brand-trace { position: absolute; inset: 0; width: 100%; height: 100%; color: rgba(255,255,255,.55); overflow: visible; }
.w-new-misc-brand-trace path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: wNewTrace 16s cubic-bezier(.4,0,.6,1) infinite; }
@keyframes wNewTrace { 0% { stroke-dashoffset: 1; opacity: 0; } 4% { opacity: 1; } 46% { stroke-dashoffset: 0; opacity: 1; } 72% { stroke-dashoffset: 0; opacity: 1; } 84% { stroke-dashoffset: 0; opacity: 0; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes wNewBrandPan { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(calc(100vw - 100%), 0, 0); } }
.w-new-misc-brand-pool { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 48% at 50% 54%, rgba(11,13,16,.72) 0%, rgba(11,13,16,.42) 50%, rgba(11,13,16,0) 100%), linear-gradient(180deg, rgba(11,13,16,.45) 0%, rgba(11,13,16,0) 26%, rgba(11,13,16,0) 76%, rgba(11,13,16,.45) 100%); }
.w-new-misc-brand-pool::after { content: ''; position: absolute; inset: 0; opacity: .07; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>"); background-size: 160px 160px; }
.w-new-misc-brand-hero-in { position: relative; width: 100%; max-width: 1680px; margin: 0 auto; padding: 120px 32px 64px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.w-new-misc-brand-title { position: relative; margin: 0; animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 160ms both; }
.w-new-misc-brand-logo { display: block; width: auto; height: clamp(48px, 6.400vw, 96px); margin: 0 auto; }
.w-new-misc-brand-hero .w-new-phero-foot { max-width: 640px; margin-top: 30px; display: flex; flex-direction: column; align-items: center; }
.w-new-misc-brand-hero .w-new-btns { justify-content: center; }
.w-new .w-new-misc-brand-btn { gap: 9px; padding-left: 24px; }
.w-new-misc-brand-btn svg { flex: none; margin-top: -1px; }
@media (prefers-reduced-motion: reduce) {
.w-new-misc-brand-title { animation: none; }
.w-new-misc-brand-trace path { animation: none; stroke-dashoffset: 0; }
.w-new-misc-brand-pan { animation: none; transform: translate3d(calc(50vw - 50%), 0, 0); }
}
.w-new-misc-one-lockup { display: inline-flex; align-items: center; gap: 16px; }
.w-new-misc-sub { margin: 40px 0 16px; text-align: center; font-size: 22px; font-weight: 500; letter-spacing: -0.015em; }
.w-new-misc-gap { margin-top: 32px; }
.w-new-misc-swatches[data-big="true"] .w-new-misc-chip { height: 200px; }
.w-new-misc-chip[data-white="true"] { box-shadow: inset 0 0 0 1px rgba(10,19,23,.08); }
.w-new-misc-swatch-note { display: block; margin-top: 8px; font-size: 14px; line-height: 1.45; color: #44505a; }
.w-new-misc-type { padding: 16px 0; }
.w-new-misc-type-row { display: grid; grid-template-columns: minmax(0, 1fr) 240px; align-items: center; gap: 32px; padding: 24px 40px; }
.w-new-misc-type-meta { font-size: 13px; line-height: 1.5; color: #5b6770; text-align: right; font-variant-numeric: tabular-nums; }
.w-new-misc-type-display { font-size: clamp(40px, 6vw, 96px); font-weight: 500; line-height: .96; letter-spacing: -0.04em; text-wrap: balance; }
.w-new-misc-type-h2 { font-size: clamp(32px, 3.400vw, 48px); font-weight: 500; line-height: 1.15; letter-spacing: -0.02em; }
.w-new-misc-type-h3 { font-size: 26px; font-weight: 400; line-height: 1.25; letter-spacing: -0.015em; }
.w-new-misc-type-lede { font-size: 17px; line-height: 1.5; color: #44505a; max-width: 620px; }
.w-new-misc-type-body { font-size: 16px; line-height: 1.6; max-width: 620px; }
.w-new-misc-shapes { display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 40px 32px 0; min-height: 100%; box-sizing: border-box; }
.w-new-misc-shapes-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.w-new-misc-shapes .w-new-tag { background: #f1f4f7; }
.w-new-misc-shapes .w-new-misc-cap { padding-top: 12px; color: #44505a; }
.w-new-misc-rail-img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; background: #f1f4f7; }
.w-new-misc-sources { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.w-new-misc-source { width: 168px; padding: 28px 12px; border-radius: 24px; background: #fff; display: flex; flex-direction: column; align-items: center; gap: 14px; font-size: 15px; text-align: center; }
.w-new-misc-source img { width: 34px; height: 34px; object-fit: contain; display: block; }
.w-new-misc-flow { margin-top: 32px; }
.w-new-misc-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.w-new-misc-pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 100px; background: #f1f4f7; font-size: 14px; font-weight: 500; }
.w-new-misc-pill[data-on="true"] { background: #0a1317; color: #fff; }
.w-new-misc-pill img, .w-new-misc-pill svg { width: 16px; height: 16px; object-fit: contain; }
.w-new-misc-faces { display: inline-flex; }
.w-new-misc-faces img { width: 44px; height: 44px; border-radius: 100px; object-fit: cover; border: 2px solid #fff; margin-left: -12px; background: #dfe5ea; }
.w-new-misc-faces img:first-child { margin-left: 0; }
@keyframes wNewMiscFeed { from { background-position: 0 -100%; } to { background-position: 0 100%; } }
.w-new-misc-flow[data-fed="true"] { margin-top: 0; }
.w-new-misc-feed { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; height: 56px; }
.w-new-misc-feed span { position: relative; justify-self: center; width: 2px; height: 100%; border-radius: 2px; background: linear-gradient(180deg, transparent 0%, #4285f4 45%, #7c3aed 55%, transparent 100%) 0 0 / 100% 200% no-repeat, #d5dce2; animation: wNewMiscFeed 1.8s linear infinite; }
.w-new-misc-feed span:nth-child(2) { animation-delay: .6s; }
.w-new-misc-feed span:nth-child(3) { animation-delay: 1.2s; }
.w-new-misc-feed span::after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; background: #7c3aed; }
.w-new-misc-entview { position: relative; max-width: 1100px; margin: 0 auto; border-radius: 24px; overflow: hidden; background: #f1f4f7; min-height: 280px; }
.w-new-misc-entview > img { width: 100%; display: block; }
.w-new-misc-entview-lock { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 24px; text-align: center; background: rgba(241,244,247,.3); }
.w-new-misc-entview-lock span { font-size: clamp(26px, 3.600vw, 44px); font-weight: 500; letter-spacing: -0.025em; line-height: 1.1; }
.w-new-misc-tri { margin: 0; font-weight: 500; color: #0a1317; }
.w-new-misc-one-event { margin-top: 0; }
.w-new-misc-embed { padding: 56px 0 24px; }
.w-new-misc-embed section { padding-left: 32px !important; padding-right: 32px !important; }
.w-new-misc-embed [style*="border-radius: 24px"], .w-new-misc-embed [style*="border-radius: 18px"] { border: 0 !important; background: #f1f4f7 !important; border-radius: 24px !important; }
.w-new-misc-embed [style*="border-radius: 14px"] { border: 0 !important; border-radius: 16px !important; }
.w-new-misc-embed [style*="font-weight: 700"], .w-new-misc-embed [style*="font-weight: 800"] { font-weight: 500 !important; }
.w-new-misc-embed [style*="text-transform: uppercase"] { text-transform: none !important; letter-spacing: 0 !important; font-size: 14px !important; color: #5b6770 !important; }
.w-new-misc-embed h2 { font-weight: 500 !important; font-size: clamp(32px, 3.400vw, 48px) !important; letter-spacing: -0.02em !important; line-height: 1.15 !important; }
.w-new-misc-embed p, .w-new-misc-embed [style*="color: rgb(95, 99, 104)"] { color: #44505a !important; }
.w-new .w-new-misc-embed a[style] { color: #fff; background: #1a73e8; box-shadow: none !important; font-weight: 500 !important; }
.w-new-misc-updated { max-width: 760px; margin: 0 auto 40px; padding-bottom: 20px; border-bottom: 1px solid #dfe5ea; font-size: 15px; color: #5b6770; }
.w-new-nf { position: relative; overflow: hidden; min-height: 100vh; min-height: 100svh; background: #ede9e6; color: #0a1317; display: flex; align-items: center; }
.w-new-nf-in { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding: 120px 32px 72px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 32px; }
.w-new-nf { transition: background 600ms ease; }
.w-new-nf[data-backlight] { background: #0b0d10; }
.w-new-nf[data-backlight] .w-new-nf-title, .w-new-nf[data-backlight] .w-new-nf-path { color: #fff; }
.w-new-nf[data-backlight] .w-new-nf-lede { color: #9aa6b2; }
.w-new:has(.w-new-nf[data-backlight]) .w-new-nav:not([data-solid="true"]) { color: #fff; }
.w-new:has(.w-new-nf[data-backlight]) .w-new-nav:not([data-solid="true"]) .w-new-nav-link:hover { background: rgba(255,255,255,.12); }
.w-new-nf-copy { position: relative; z-index: 1; }
.w-new-nf-pencil-note { display: block; width: min(440px, 100%); height: auto; margin: 0 0 22px -4px; transform: rotate(-2deg); transform-origin: left center; opacity: .92; pointer-events: none; user-select: none; -webkit-user-select: none; animation: wNewRise 800ms cubic-bezier(.2,.7,.2,1) 40ms both; transition: opacity 600ms ease; }
.w-new-nf[data-backlight] .w-new-nf-pencil-note { opacity: 0; }
.w-new-nf-sketch { display: block; width: 190px; height: auto; margin: 0 0 14px -6px; transform: rotate(3deg); transform-origin: left center; opacity: .9; pointer-events: none; user-select: none; -webkit-user-select: none; animation: wNewRise 800ms cubic-bezier(.2,.7,.2,1) 0ms both; transition: opacity 600ms ease; }
.w-new-nf[data-backlight] .w-new-nf-sketch { opacity: 0; }
.w-new-nf-title { margin: 0; max-width: 10ch; font-weight: 500; font-size: clamp(44px, 6.400vw, 104px); line-height: .96; letter-spacing: -0.04em; text-wrap: balance; animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 160ms both; }
.w-new-nf-lede { margin: 26px 0 22px; max-width: 30ch; font-size: 21px; font-weight: 400; line-height: 1.3; letter-spacing: -0.015em; color: #44505a; animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 300ms both; }
.w-new-nf-path { overflow-wrap: anywhere; color: #0a1317; }
.w-new-nf .w-new-btns { animation: wNewRise 900ms cubic-bezier(.2,.7,.2,1) 300ms both; }
.w-new .w-new-nf .w-new-btn-soft { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
.w-new .w-new-nf .w-new-btn-soft:hover { background: #e3e8ed; }
.w-new:has(.w-new-nf) .w-new-nav:not([data-solid="true"]) { color: #0a1317; }
.w-new:has(.w-new-nf) .w-new-nav:not([data-solid="true"]) .w-new-nav-link:hover { background: rgba(10,19,23,.09); }
@media (prefers-reduced-motion: reduce) {
.w-new-nf-sketch, .w-new-nf-pencil-note, .w-new-nf-title, .w-new-nf-lede, .w-new-nf .w-new-btns { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
.w-new-misc-feed span { animation: none; }
}
@media (max-width: 1100px) {
.w-new-misc-feed { display: none; }
.w-new-misc-flow[data-fed="true"] { margin-top: 32px; }
.w-new-misc-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-new-misc-swatches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.w-new-nf-in { grid-template-columns: minmax(0, 1fr); padding: 88px 16px 48px; gap: 12px; }
.w-new-nf-copy { text-align: center; }
.w-new-nf-title { max-width: 12ch; margin: 0 auto; font-size: clamp(40px, 11.500vw, 52px); }
.w-new-nf-pencil-note { width: min(300px, 100%); margin: 0 auto 14px; transform-origin: center; }
.w-new-nf-sketch { width: 112px; margin: 0 auto 8px; transform-origin: center; }
.w-new-nf-lede { font-size: 18px; margin: 16px auto 18px; }
.w-new-nf .w-new-btns { gap: 8px; justify-content: center; }
.w-new-misc-photos { gap: 12px; }
.w-new-grid.w-new-misc-reach { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.w-new-misc-reach > :last-child { grid-column: 1 / -1; }
.w-new-misc-reach > :not(:last-child) { padding: 16px; }
.w-new-misc-reach > :not(:last-child) .w-new-misc-value { font-size: 15px; overflow-wrap: anywhere; }
.w-new-misc-studio { grid-template-columns: 1fr; grid-template-rows: none; height: auto; gap: 12px; margin-top: 16px; }
.w-new-misc-studio-main { grid-row: auto; }
.w-new-misc-studio-shot { aspect-ratio: 16 / 10; border-radius: 16px; }
.w-new-misc-studio-shot > a { left: 12px; bottom: 12px; right: 12px; white-space: normal; text-align: center; }
.w-new-misc-jump { padding: 24px 16px 0; }
.w-new-misc-brand-hero-in { padding: 104px 16px 44px; }
.w-new-misc-brand-pan { animation-duration: 33s; }
.w-new-misc-brand-logo { height: clamp(44px, 16vw, 64px); }
.w-new-misc-type-row { grid-template-columns: 1fr; gap: 10px; padding: 18px 20px; }
.w-new-misc-type-meta { text-align: left; }
.w-new-misc-shapes { padding: 28px 16px 0; }
.w-new-misc-swatches[data-big="true"] .w-new-misc-chip { height: 120px; }
.w-new-misc-specimen { padding: 32px 24px; }
.w-new-misc-specimen p { font-size: 18px; }
.w-new-misc-retired { padding: 24px; gap: 20px; }
.w-new-misc-swatches[data-cols="2"] .w-new-misc-chip { height: 120px; }
.w-new-misc-source { width: calc(50% - 8px); box-sizing: border-box; padding: 22px 8px; }
.w-new-misc-embed { padding: 32px 0 8px; }
.w-new-misc-embed section { padding-left: 16px !important; padding-right: 16px !important; }
.w-new-misc-embed [style*="border-radius: 24px"] { padding: 24px !important; }
}
.w-new #experiments, .w-new #lab-sprint { background: #050607; color: #fff; }
.w-new #lab-sprint { padding-top: 0; }
.w-new #lab-sprint .w-new-card { width: 100%; }
.w-new #lab-sprint .w-new-sec-in { display: block; }
#experiments .w-new-post { color: #fff; }
#experiments .w-new-post-meta, #experiments .w-new-post-body { color: rgba(255,255,255,.62); }
.w-new .w-lab-card-acts .w-new-btn-soft { background: rgba(255,255,255,.14); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.24); }
.w-new .w-lab-card-acts .w-new-btn-soft:hover { background: rgba(255,255,255,.24); }
.w-new .w-lab-card-acts .w-new-btn-well { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.w-new .w-lab-card-acts .w-new-btn-well:hover { background: rgba(255,255,255,.1); }
.w-lab-mark { display: block; height: .8em; width: auto; margin: 0 auto; }
@media (prefers-reduced-motion: no-preference) {
.w-aivh-eyebrow .w-new-sprint-dot { animation: wLabSprintDot 2.4s linear .9s both; }
}
@keyframes wLabSprintDot {
0%   { transform: translate(0, -900px) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, 1); }
26%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
29%  { transform: translate(0, 26.34px) scale(1.4, .6); animation-timing-function: ease-in; }
32%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: cubic-bezier(0, 0, .5, 1); }
47%  { transform: translate(0, -170px) scale(1); animation-timing-function: cubic-bezier(.5, 0, 1, 1); }
62%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
64%  { transform: translate(0, 26.34px) scale(1.25, .75); animation-timing-function: ease-in; }
67%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: cubic-bezier(0, 0, .5, 1); }
76%  { transform: translate(0, -60px) scale(1); animation-timing-function: cubic-bezier(.5, 0, 1, 1); }
85%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: ease-out; }
87%  { transform: translate(0, 26.34px) scale(1.1, .9); animation-timing-function: ease-in; }
90%  { transform: translate(0, 26.34px) scale(1); animation-timing-function: cubic-bezier(0, 0, .35, 1); }
100% { transform: translate(0, 0) scale(1); }
}
.w-new a.w-lab-cap { position: absolute; left: 20px; bottom: 20px; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px;
background: rgba(12,14,16,.5); border: 1px solid rgba(255,255,255,.22); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
color: #fff; font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none; transition: background 200ms ease; animation: wLabCap 400ms ease both; }
.w-new a.w-lab-cap:hover, .w-new a.w-lab-cap:focus-visible { background: rgba(12,14,16,.72); }
.w-lab-cap span { opacity: .65; }
@keyframes wLabCap { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .w-new a.w-lab-cap { animation: none; } }
@media (max-width: 760px) { .w-new a.w-lab-cap { left: 12px; bottom: 12px; } }
.w-lab-card { position: relative; display: flex; flex-direction: column; }
.w-lab-card > .w-new-post { flex: 1; }
.w-lab-card-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.w-lab-card-film { position: absolute; left: 0; right: 0; top: 0; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden;
pointer-events: none; opacity: 0; transition: opacity 250ms ease; }
.w-lab-card-film[data-on] { opacity: 1; }
.w-lab-card-film video { display: block; width: 100%; height: 100%; object-fit: cover; }
.w-aivh { position: relative; background: #050607; color: #fff; padding: 168px 0 0; text-align: center; }
.w-aivh-head { padding: 0 32px; text-wrap: balance; }
.w-aivh-eyebrow { margin-bottom: 20px; font-size: clamp(16px, 1.4vw, 20px); font-weight: 500; }
.w-aivh-title { margin: 0; font-size: clamp(56px, 9.2vw, 160px); font-weight: 600; line-height: 1; letter-spacing: -0.045em; }
.w-aivh-sub { margin: 18px auto 0; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.4; opacity: .7; max-width: 52ch; }
.w-aivh-acts { margin-top: 30px; display: flex; justify-content: center; align-items: center; gap: 28px; }
.w-new .w-aivh .w-new-btn-soft { background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.w-new .w-aivh .w-new-btn-soft:hover, .w-new .w-aivh .w-new-btn-soft:focus-visible { background: rgba(255,255,255,.28); }
.w-aivh-link { appearance: none; border: 0; margin: 0; padding: 0; background: none; color: #fff; font: inherit; font-size: 16px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; opacity: .85; transition: opacity 160ms ease, gap 160ms ease; }
.w-aivh-link:hover, .w-aivh-link:focus-visible { opacity: 1; gap: 12px; }
.w-aivh-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.w-aivh-tools { list-style: none; margin: 36px auto 0; padding: 0 32px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 22px; }
.w-aivh-tool { --d: calc(1100ms + var(--i) * 170ms); position: relative; display: block; width: 22px; height: 22px; }
.w-aivh-tool::before { content: ''; position: absolute; inset: 0; background: #fff; opacity: .3; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; transition: opacity 220ms ease; animation: wAivhToolDim 2000ms ease var(--d) backwards; }
.w-aivh-tool img { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 220ms ease; animation: wAivhToolIn 2000ms ease var(--d) backwards; }
.w-aivh-tool:hover::before, .w-aivh-tool:focus-visible::before { opacity: 0; }
.w-aivh-tool:hover img, .w-aivh-tool:focus-visible img { opacity: 1; }
.w-aivh-tool-mono img { display: none; }
.w-aivh-tool-mono::before { animation-name: wAivhToolMono; }
.w-aivh-tool-mono:hover::before, .w-aivh-tool-mono:focus-visible::before { opacity: 1; }
@keyframes wAivhToolIn { 0% { opacity: 0; transform: translateY(8px) scale(.9); } 20% { opacity: 1; transform: none; } 70% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wAivhToolDim { 0%, 70% { opacity: 0; } 100% { opacity: .3; } }
@keyframes wAivhToolMono { 0% { opacity: 0; transform: translateY(8px) scale(.9); } 20% { opacity: 1; transform: none; } 70% { opacity: 1; } 100% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .w-aivh-tool::before, .w-aivh-tool img { animation: none; } }
.w-aivh-stage { --gut: max(32px, calc((100vw - 1400px) / 2)); margin-top: 72px; padding: 0 calc(var(--gut) * (1 - var(--grow, 0))); }
.w-aivh-screen { position: relative; aspect-ratio: 16 / 9; max-height: 100svh; width: 100%; border-radius: calc(24px * (1 - var(--grow, 0))); overflow: hidden; box-shadow: 0 30px 60px -40px rgba(0,0,0,.9); }
.w-aivh-screen video { display: block; width: 100%; height: 100%; object-fit: cover; }
.w-aivh-fade { animation: wAivhFade 1600ms cubic-bezier(.2,.7,.2,1) 300ms both; }
@keyframes wAivhFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .w-aivh-fade { animation: none; } }
@media (max-width: 760px) {
.w-aivh { padding-top: 124px; }
.w-aivh-head { padding: 0 20px; }
.w-aivh-acts { flex-direction: column; gap: 18px; }
.w-aivh-tools { margin-top: 28px; gap: 18px; padding: 0; }
.w-aivh-tool { width: 18px; height: 18px; }
.w-aivh-stage { --gut: 20px; margin-top: 48px; }
.w-aivh-screen { aspect-ratio: 4 / 5; }
}
@media (max-width: 720px) {
.g-ce-intro { grid-template-columns: 1fr !important; gap: 24px !important; text-align: center; }
.g-ce-intro > div:last-child { text-align: left; }
}