@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-cyrillic-ext-wght-normal.woff2?v=4cdf0bed) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-cyrillic-wght-normal.woff2?v=e58febde) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-latin-ext-wght-normal.woff2?v=6d36d5bd) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-latin-wght-normal.woff2?v=938c6e80) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/jetbrains-mono-cyrillic-ext-500-normal.woff2?v=24fc306f) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/jetbrains-mono-cyrillic-500-normal.woff2?v=af752ba9) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/jetbrains-mono-latin-ext-500-normal.woff2?v=311b1217) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2?v=a21e038a) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/jetbrains-mono-cyrillic-ext-700-normal.woff2?v=242e2578) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/jetbrains-mono-cyrillic-700-normal.woff2?v=0acce789) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/jetbrains-mono-latin-ext-700-normal.woff2?v=7e8de207) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/jetbrains-mono-latin-700-normal.woff2?v=69002db5) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* donowork.uz shared styles: tokens, reset, the header, the footer, pills and the helpers every page uses.
   Page styles live in site/src/pages/*.css and are appended to the same file by the build.
   CSP: style-src 'self' only, so there are no inline styles anywhere in the HTML. */

:root {
  --ink: #0F1F1A; --body: #2F3B36; --muted: #4F5B56; --soft: #66716C;
  --violet: #5B3FD9; --violet-deep: #3F2AA6; --pale: #E6E1FA; --green: #06D6A0;
  --white: #fff; --panel: #F1F3F2; --foot: #F1F3F2; --hair: rgba(15, 31, 26, .1);
  /* card tints (Dono palette): .t-<name> sets --tint (card) and --deep (its outline) */
  --font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --header-h: 64px; --gut: 28px; --wrap: 1292px;
}
.t-violet { --tint: #E6E1FA; --deep: #8F7BE6; }
.t-mint { --tint: #D5F5EA; --deep: #4FC9A0; }
.t-sand { --tint: #F7E6CF; --deep: #E0A860; }
.t-sky { --tint: #DCE8FB; --deep: #6F9BE8; }
.t-rose { --tint: #F8DDE4; --deep: #E27A99; }
.t-butter { --tint: #FBF0C8; --deep: #E3B93A; }

*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: light; -webkit-tap-highlight-color: rgba(91, 63, 217, .14); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 12px); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
html.menu-open { overflow: hidden; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: #fff; line-height: 1.5; overflow-x: clip; -webkit-font-smoothing: antialiased; }
[hidden] { display: none !important; }
img { max-width: 100%; }
h1, h2, h3, p, ul, ol, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
a { color: var(--violet); }
a:hover { color: var(--violet-deep); }
a, button, summary, label { touch-action: manipulation; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; }
.skip { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 12px 18px; border-radius: 12px; background: var(--ink); color: #fff; font-weight: 700; text-decoration: none; }
.skip:focus { left: 12px; }
.sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
html:not(.js) .js-only { display: none !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }

.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: clamp(24px, 5.14vw, 74px); }
.page-home { background: #fff; }
.acc { color: var(--violet); }
.eyebrow { font: 700 12px/1.55 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--violet); }

/* ---------------------------------------------------------------- pills */
.pill { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 26px; border-radius: 25px; border: 1.5px solid transparent; font: 700 16px/1.2 var(--font); text-decoration: none; text-align: center; cursor: pointer; white-space: nowrap; transition: background-color .15s, color .15s, border-color .15s; }
.pill--primary { background: var(--violet); color: #fff; }
.pill--primary:hover { background: var(--violet-deep); color: #fff; }
.pill--ghost { background: #fff; color: var(--violet); border-color: var(--violet); padding: 0 28px; }
.pill--ghost:hover { background: var(--pale); color: var(--violet-deep); }
.ico { flex: 0 0 auto; display: block; }

/* ---------------------------------------------------------------- header (64 px, white, soft shadow) */
.top { position: sticky; top: 0; z-index: 50; background: #fff; box-shadow: 0 1px 8px rgba(15, 31, 26, .12); }
.top__in { height: var(--header-h); display: flex; align-items: center; gap: 16px; padding: 0 22px; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); flex: 0 0 auto; }
.brand__icon { border-radius: 10px; display: block; }
.brand__name { font-weight: 800; font-size: 21px; line-height: 1; letter-spacing: -.5px; white-space: nowrap; }
.nav, .top__right { display: none; }
.mnav { margin-left: auto; }
.mnav__btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: -10px; border-radius: 12px; cursor: pointer; list-style: none; color: var(--ink); }
.mnav__btn::-webkit-details-marker { display: none; }
.mnav__close { display: none; }
.mnav[open] .mnav__open { display: none; } .mnav[open] .mnav__close { display: block; }
.mnav__panel { position: fixed; inset: var(--header-h) 0 0 0; z-index: 60; display: flex; flex-direction: column; gap: 18px; padding: 24px 28px 32px; background: #fff; overflow-y: auto; overscroll-behavior: contain; }
.mnav__nav { display: flex; flex-direction: column; }
.mnav__a { padding: 14px 0; border-bottom: 1px solid var(--hair); font-weight: 700; font-size: 20px; letter-spacing: -.3px; color: var(--ink); text-decoration: none; }
.mnav__a[aria-current="page"] { color: var(--violet); }
.mnav__book { display: inline-flex; align-items: center; align-self: flex-start; min-height: 44px; font-weight: 700; color: var(--violet); text-decoration: none; }
.mnav__panel .pill { align-self: flex-start; }
@media (min-width: 1240px) {
  .top__in { padding: 0 8px 0 22px; gap: 0; }
  .brand { flex: 0 0 192px; }
  .brand__name { font-size: 22px; }
  .mnav { display: none; }
  .nav { display: flex; gap: 28px; }
  .nav__a { font-weight: 600; font-size: 15px; line-height: 20px; color: var(--muted); text-decoration: none; white-space: nowrap; padding: 6px 0; }
  .nav__a:hover, .nav__a[aria-current="page"] { color: var(--ink); }
  .top__right { display: flex; align-items: center; gap: 26px; margin-left: auto; white-space: nowrap; }
  .top__book { font-weight: 600; font-size: 15px; color: var(--violet); text-decoration: none; }
  .top__book:hover { text-decoration: underline; }
  .top__demo { min-height: 48px; padding: 0 26px; border-radius: 24px; font-size: 15px; }
}
@media (max-width: 1239.98px) { .nav, .top__right { display: none; } }

/* ---------------------------------------------------------------- footer (grey) */
.foot { background: var(--foot); color: var(--body); }
.foot__in { max-width: var(--wrap); margin-inline: auto; padding: 44px clamp(24px, 5.14vw, 74px) 36px; display: flex; flex-direction: column; gap: 36px; }
.foot__top { display: grid; gap: 32px; }
.foot__brand { min-width: 0; }
.fcol { min-width: 0; }
.foot__logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; letter-spacing: -.4px; color: var(--ink); }
.foot__logo img { border-radius: 10px; display: block; }
.foot__logo span { white-space: nowrap; }
.foot__tag { margin-top: 12px; font-weight: 600; font-size: 15px; line-height: 1.45; color: var(--body); max-width: 280px; }
.foot__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 28px; }
.fcol__t { font-weight: 800; font-size: 14px; letter-spacing: -.1px; color: var(--ink); margin-bottom: 12px; }
.fcol__l { display: flex; flex-direction: column; gap: 2px; }
.flink { display: inline-block; padding: 5px 0; font-weight: 500; font-size: 15px; color: var(--body); text-decoration: none; }
a.flink:hover { color: var(--violet); text-decoration: underline; }
.flink--cur { font-weight: 800; color: var(--ink); }
.flink--soon { color: var(--soft); opacity: .7; }
.foot__bot { display: flex; flex-direction: column; gap: 18px; padding-top: 24px; border-top: 1px solid var(--hair); }
.foot__sent { font-size: 13px; line-height: 1.5; color: var(--muted); }
.langsel { position: relative; align-self: flex-start; }
.langsel__btn { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px 0 16px; border-radius: 22px; background: #fff; border: 1px solid rgba(15, 31, 26, .18); cursor: pointer; list-style: none; font-size: 14px; }
.langsel__btn::-webkit-details-marker { display: none; }
.langsel__k { color: var(--muted); }
.langsel__v { font-weight: 800; color: var(--ink); }
.langsel__chev { color: var(--muted); transition: transform .15s; }
.langsel[open] .langsel__chev { transform: rotate(180deg); }
.langsel__l .flink { display: flex; align-items: center; min-height: 44px; padding: 0; }
.langsel__l { position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 5; min-width: 180px; padding: 6px 14px; border-radius: 16px; background: #fff; box-shadow: 0 8px 28px rgba(15, 31, 26, .18), 0 0 0 1px var(--hair); }
/* footer: label + name, the list opens upwards */
.langsel--foot { align-self: flex-start; }
.langsel__btn:hover { border-color: rgba(15, 31, 26, .36); }
.langsel__l a.flink { width: 100%; }
/* header: the code of the current language, the list opens downwards and ends at the button's right edge */
.langsel--head .langsel__btn { gap: 6px; padding: 0 10px 0 14px; font-size: 14px; }
.langsel--head .langsel__v { letter-spacing: .02em; }
.langsel--head .langsel__l { bottom: auto; top: calc(100% + 8px); left: auto; right: 0; min-width: 168px; }
/* mobile menu: a full-width select-like row, the list opens in the flow under it */
.langsel--menu { align-self: stretch; max-width: 360px; }
.langsel--menu .langsel__btn { font-size: 16px; }
.langsel--menu .langsel__chev { margin-left: auto; }
.langsel--menu .langsel__l { position: static; margin-top: 8px; box-shadow: 0 0 0 1px var(--hair); }
@media (min-width: 900px) {
  .foot__top { grid-template-columns: minmax(220px, 1.1fr) 2fr; gap: 56px; }
  .foot__bot { flex-direction: row; align-items: center; justify-content: space-between; }
}

/* donowork.uz, every page: the "Book a demo" request form, a <dialog class="req"> (markup: lib/layout.mjs requestDialog, behaviour: request.js).
   A centred card from 641 px; a bottom sheet on phones. Targets are 44 px and more; 16 px field text (no zoom on iOS); focus rings in the site violet,
   which sits on white here (the dialog has no dark surface). */
html.req-open { overflow: hidden; }
.req { padding: 0; border: 0; border-radius: 24px; width: min(560px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); background: #fff; color: var(--ink); box-shadow: 0 24px 80px rgba(15, 31, 26, .35); overflow: hidden; }
.req::backdrop { background: rgba(15, 31, 26, .6); }
.req__box { position: relative; padding: 36px 36px 32px; max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; }
.req__x { position: absolute; top: 12px; right: 12px; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--panel); color: var(--ink); cursor: pointer; transition: background-color .15s; }
.req__x:hover { background: var(--pale); }
.req__t { padding-right: 48px; font: 800 28px/1.15 var(--font); letter-spacing: -.5px; color: var(--ink); }
.req__sub { margin-top: 10px; font: 500 16px/1.5 var(--font); color: var(--muted); }
.req__form { display: grid; gap: 18px; margin-top: 24px; }
.req__row { display: grid; gap: 18px; }
.req__f { display: grid; gap: 6px; align-content: start; }
.req__l { font: 700 15px/1.3 var(--font); color: var(--ink); }
.req__o { font-weight: 500; color: var(--muted); }
.req__in { width: 100%; min-height: 48px; padding: 10px 14px; border: 1.5px solid var(--soft); border-radius: 12px; background: #fff; color: var(--ink); font: 500 16px/1.4 var(--font); }
textarea.req__in { min-height: 104px; resize: vertical; }
.req__in:focus { border-color: var(--violet); }
.req__in[aria-invalid="true"] { border-color: #B3261E; }
.req__e { font: 600 14px/1.4 var(--font); color: #B3261E; }
.req__hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.req__ts:empty { display: none; }
.req__fail { display: grid; gap: 12px; justify-items: start; padding: 14px 16px; border-radius: 14px; background: #F8DDE4; color: var(--ink); }
.req__fail p { font: 600 15px/1.45 var(--font); }
.req__go { min-height: 44px; padding: 0 22px; white-space: normal; }
.req__submit { width: 100%; }
.req__submit[aria-disabled="true"] { cursor: progress; opacity: .75; }
.req__priv { font: 500 13px/1.5 var(--font); color: var(--muted); }
.req__done { display: grid; gap: 12px; justify-items: start; padding-block: 8px; }
.req__done .req__t { padding-right: 0; }
.req__done .req__t:focus { outline: none; }
.req__ok { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 6px; border-radius: 50%; background: #D5F5EA; color: #0B6B4D; }
@media (min-width: 560px) { .req__row { grid-template-columns: 1fr 1fr; } .req__submit { width: auto; justify-self: start; } }
@media (max-width: 640px) {
  .req { width: 100%; max-height: 94dvh; margin: auto 0 0; border-radius: 24px 24px 0 0; }
  .req__box { padding: 28px 20px 24px; max-height: 94dvh; }
  .req__t { font-size: 24px; }
}

/* The seven feature pages (site/pages/feature-page.mjs). Layout contract: boards DW3PageTasks (1440) and DW3PageTasksPhone (390).
   Screens reuse .sc / .sc--phone / .sc--browser / .sc--float from home.css; their sizes are generated classes (.fp-<slug>-<key>-<n>) in units of --u.
   --u is the width of the containing card / panel / band divided by its design width (740 card, 1240 hero panel, 500 moment) on desktop and by 334 on a phone. */

.fp { --fp-gut: clamp(24px, 6.94vw, 100px); --fp-deep: #087A5E; --fp-v3: #F1EEFC; overflow-x: clip; }
.fp-in { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: var(--fp-gut); }

/* ---------------------------------------------------------------- hero */
.fp-hero { padding-top: clamp(36px, 5.83vw, 84px); }
.fp-eyebrow { display: flex; align-items: center; gap: 12px; font: 700 12px/1.45 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--fp-deep); }
.fp-eyebrow__av { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(91, 63, 217, .35); }
.fp-h1 { margin-top: 20px; font: 800 clamp(38px, 5.83vw, 84px) / 1.08 var(--font); letter-spacing: -.043em; text-wrap: balance; color: var(--ink); }
.fp-hook { margin-top: 16px; max-width: 760px; font-weight: 500; font-size: clamp(16px, 1.46vw, 21px); line-height: 1.53; color: var(--body); }
.fp-btns { display: flex; flex-direction: column; gap: 10px; margin-top: 24px; }
.fp-btns .pill { min-height: 50px; }
.fp-panel { position: relative; container-type: inline-size; isolation: isolate; width: 100%; margin-top: 28px; aspect-ratio: 334 / 300; border-radius: 22px; background: var(--panel); overflow: clip; --u: calc(100cqw / 334); }
.fp-ring { position: absolute; left: 50%; top: 50%; translate: -50% -50%; border-radius: 50%; border: 1.5px solid rgba(91, 63, 217, .14); }
.fp-ring--1 { width: calc(var(--u) * 250); height: calc(var(--u) * 250); }
.fp-ring--2 { width: calc(var(--u) * 380); height: calc(var(--u) * 380); }
.fp-ring--3 { display: none; }
.fp-note { margin-top: 14px; font-weight: 500; font-size: 13px; color: var(--muted); }
@media (min-width: 600px) {
  .fp-panel { aspect-ratio: 1240 / 600; border-radius: 32px; margin-top: 56px; --u: calc(100cqw / 1240); }
  .fp-ring--1 { width: calc(var(--u) * 560); height: calc(var(--u) * 560); }
  .fp-ring--2 { width: calc(var(--u) * 820); height: calc(var(--u) * 820); }
  .fp-ring--3 { display: block; width: calc(var(--u) * 1080); height: calc(var(--u) * 1080); }
}
@media (min-width: 760px) {
  .fp-hero .fp-in { text-align: center; }
  .fp-eyebrow { justify-content: center; }
  .fp-eyebrow__av { width: 40px; height: 40px; }
  .fp-eyebrow { font-size: 13px; }
  .fp-h1 { margin-top: 24px; }
  .fp-hook { margin: 26px auto 0; }
  .fp-btns { flex-direction: row; justify-content: center; gap: 14px; margin-top: 34px; }
  .fp-btns .pill { min-height: 56px; padding-inline: 30px; font-size: 17px; }
}

/* ---------------------------------------------------------------- section heading */
.fp-sh { margin-top: clamp(64px, 9vw, 130px); }
.fp-sh__t { display: inline-block; padding: 7px 14px; border-radius: 999px; background: var(--pale); font: 700 12px/1.35 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--violet); }
.fp-sh__sub { margin-top: 18px; max-width: 960px; font-weight: 700; font-size: clamp(20px, 1.95vw, 28px); line-height: 1.43; letter-spacing: -.02em; color: var(--ink); }
@media (min-width: 760px) {
  .fp-sh { text-align: center; }
  .fp-sh__t { padding: 8px 18px; font-size: 13px; }
  .fp-sh__sub { margin: 26px auto 0; }
}

/* ---------------------------------------------------------------- rows: text beside a screen card */
.fp-row { display: grid; gap: 24px; margin-top: clamp(48px, 6.94vw, 100px); }
.fp-item + .fp-item { margin-top: clamp(24px, 2.5vw, 36px); }
.fp-lead { font: 800 clamp(26px, 2.36vw, 34px) / 1.18 var(--font); letter-spacing: -.032em; text-wrap: balance; color: var(--ink); }
.fp-line { margin-top: 10px; font-weight: 500; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.6; color: var(--body); }
@media (min-width: 1000px) {
  .fp-row { grid-template-columns: minmax(0, 430fr) minmax(0, 740fr); gap: clamp(40px, 4.86vw, 70px); align-items: center; }
  .fp-row--r { grid-template-columns: minmax(0, 740fr) minmax(0, 430fr); }
  .fp-row--r .fp-row__tx { order: 2; }
  .fp-line { margin-top: 12px; }
}

/* the card: tinted, screens placed in units of --u */
.fp-card { position: relative; container-type: inline-size; isolation: isolate; width: 100%; aspect-ratio: 740 / 520; border-radius: 24px; background: var(--tint); overflow: clip; --u: calc(100cqw / 740); }
@media (max-width: 599.98px) { .fp-card { aspect-ratio: 334 / 330; --u: calc(100cqw / 334); } }
@media (min-width: 1000px) { .fp-card { border-radius: 28px; } }
.fp-cmp { position: relative; container-type: inline-size; width: 100%; --u: calc(100cqw / 500); }
@media (max-width: 599.98px) { .fp-cmp { --u: calc(100cqw / 334); } }

/* the Safe AI lineage drawing (kind "flow"): HTML, laid out by home.css .pf; --u here = card width / 840 */
.fp-card--flow { aspect-ratio: auto; padding: clamp(16px, 3vw, 32px); --u: calc(100cqw / 840); }
.fp-flow { width: 100%; }
@media (max-width: 599.98px) {
  .fp-card--flow { --u: 1px; padding: 18px; }
  .fp-flow .pf { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
  .fp-flow .pf__arrow, .fp-flow .pf__elbow { display: none; }
}

/* the escalation ladder (kind "ladder"): four rungs climbing to the right, arrows between them, an OVERDUE tag under the first */
.fp-card--ladder { aspect-ratio: 334 / 320; }
@media (min-width: 600px) { .fp-card--ladder { aspect-ratio: 740 / 520; } }
.fp-lad { position: absolute; inset: 0; }
.fp-lad__l { position: absolute; inset: 0; }
.fp-lad__r { position: absolute; z-index: 2; display: flex; align-items: center; gap: calc(var(--u) * 12); box-sizing: border-box; width: calc(var(--u) * 200); height: calc(var(--u) * 52); padding: 0 calc(var(--u) * 12); border-radius: calc(var(--u) * 14); background: #fff; color: var(--ink); box-shadow: 0 calc(var(--u) * 10) calc(var(--u) * 26) rgba(15, 31, 26, .12), 0 0 0 1px rgba(15, 31, 26, .08); }
.fp-lad__r.is-last { background: var(--violet); color: #fff; }
.fp-lad__n { flex: 0 0 calc(var(--u) * 26); height: calc(var(--u) * 26); border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--pale); color: var(--violet); font: 700 calc(var(--u) * 12) / 1 var(--mono); }
.fp-lad__r.is-last .fp-lad__n { background: rgba(255, 255, 255, .2); color: #fff; }
.fp-lad__t { font-weight: 800; font-size: calc(var(--u) * 14); line-height: 1.25; letter-spacing: -.01em; }
.fp-lad__r--1 { left: calc(var(--u) * 14); top: calc(var(--u) * 232); }
.fp-lad__r--2 { left: calc(var(--u) * 50); top: calc(var(--u) * 158); }
.fp-lad__r--3 { left: calc(var(--u) * 86); top: calc(var(--u) * 84); }
.fp-lad__r--4 { left: calc(var(--u) * 122); top: calc(var(--u) * 10); }
.fp-lad__a { position: absolute; z-index: 3; display: flex; align-items: center; justify-content: center; width: calc(var(--u) * 20); height: calc(var(--u) * 18); }
.fp-lad__a i { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: calc(var(--u) * 20); height: calc(var(--u) * 20); border-radius: 50%; background: var(--violet); color: #fff; box-shadow: 0 4px 12px rgba(91, 63, 217, .35); }
.fp-lad__a svg { width: 60%; height: 60%; }
.fp-lad__a--1 { left: calc(var(--u) * 174); top: calc(var(--u) * 212); }
.fp-lad__a--2 { left: calc(var(--u) * 210); top: calc(var(--u) * 138); }
.fp-lad__a--3 { left: calc(var(--u) * 246); top: calc(var(--u) * 64); }
.fp-lad__tag { position: absolute; z-index: 2; left: calc(var(--u) * 14); top: calc(var(--u) * 296); padding: 5px 12px; border-radius: 999px; background: var(--tint); box-shadow: inset 0 0 0 1.5px var(--deep); font: 700 12px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
@media (min-width: 600px) {
  .fp-lad__r { width: calc(var(--u) * 200); height: calc(var(--u) * 80); gap: calc(var(--u) * 12); padding: 0 calc(var(--u) * 18); border-radius: calc(var(--u) * 20); }
  .fp-lad__n { flex-basis: calc(var(--u) * 30); height: calc(var(--u) * 30); font-size: calc(var(--u) * 14); }
  .fp-lad__t { font-size: calc(var(--u) * 16); }
  .fp-lad__r--1 { left: calc(var(--u) * 40); top: calc(var(--u) * 380); }
  .fp-lad__r--2 { left: calc(var(--u) * 200); top: calc(var(--u) * 270); }
  .fp-lad__r--3 { left: calc(var(--u) * 360); top: calc(var(--u) * 160); }
  .fp-lad__r--4 { left: calc(var(--u) * 520); top: calc(var(--u) * 50); }
  .fp-lad__a { width: calc(var(--u) * 28); height: calc(var(--u) * 26); }
  .fp-lad__a i { width: calc(var(--u) * 28); height: calc(var(--u) * 28); }
  .fp-lad__a--1 { left: calc(var(--u) * 206); top: calc(var(--u) * 352); }
  .fp-lad__a--2 { left: calc(var(--u) * 366); top: calc(var(--u) * 242); }
  .fp-lad__a--3 { left: calc(var(--u) * 526); top: calc(var(--u) * 132); }
  .fp-lad__tag { left: calc(var(--u) * 40); top: calc(var(--u) * 472); }
}

/* consecutive rows without a screen: a compact grid */
.fp-grid { display: grid; gap: 16px; margin-top: clamp(48px, 6.94vw, 100px); grid-template-columns: minmax(0, 1fr); }
.fp-grid--1 { max-width: 640px; }
.fp-gi { padding: 26px 24px 28px; border-radius: 24px; background: var(--tint); }
.fp-gi .fp-lead { font-size: clamp(20px, 1.67vw, 24px); }
@media (min-width: 700px) { .fp-grid--2, .fp-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .fp-grid { gap: 24px; } .fp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .fp-gi { padding: 32px 32px 34px; } }

/* ---------------------------------------------------------------- the moment that sells it */
.fp-moment { display: grid; gap: 22px; margin-top: clamp(64px, 9.72vw, 140px); padding: 30px 24px 24px; border-radius: 28px; background: var(--fp-v3); box-shadow: inset 0 0 0 1px rgba(91, 63, 217, .18); overflow: hidden; }
.fp-moment__l1 { margin-top: 16px; font-weight: 700; font-size: clamp(20px, 1.875vw, 27px); line-height: 1.45; letter-spacing: -.022em; color: var(--ink); }
.fp-moment__hr { margin: 22px 0; height: 1px; border: 0; background: rgba(91, 63, 217, .22); }
.fp-moment__l2 { font-weight: 500; font-size: clamp(16px, 1.32vw, 19px); line-height: 1.58; color: var(--body); }
.fp-moment--scr .fp-cmp { margin: 0 -24px -24px; width: calc(100% + 48px); aspect-ratio: 334 / 290; }
@media (min-width: 600px) { .fp-moment--scr .fp-cmp { max-width: 500px; margin: 0 auto; width: 100%; aspect-ratio: 500 / 430; } }
@media (min-width: 1000px) {
  .fp-moment { padding: clamp(40px, 4.4vw, 64px) clamp(32px, 4.4vw, 64px) clamp(40px, 4.4vw, 64px) clamp(40px, 5vw, 72px); border-radius: 36px; gap: 40px; align-items: center; }
  .fp-moment--scr { grid-template-columns: minmax(0, 1fr) minmax(0, 500px); }
  .fp-moment__l1 { margin-top: 22px; }
  .fp-moment__hr { margin: 30px 0; }
  .fp-moment--scr .fp-cmp { margin: 0; }
}

/* ---------------------------------------------------------------- the edge line */
.fp-edge { margin-top: clamp(72px, 10.4vw, 150px); }
.fp-edge__l { font-weight: 800; font-size: clamp(46px, 7.78vw, 112px); line-height: 1.02; letter-spacing: -.045em; text-wrap: balance; color: var(--ink); }
.fp-edge--long .fp-edge__l { font-size: clamp(34px, 4.86vw, 70px); line-height: 1.08; letter-spacing: -.038em; }
.fp-edge__s { margin-top: 14px; font-weight: 700; font-size: clamp(20px, 2.08vw, 30px); line-height: 1.27; letter-spacing: -.02em; color: var(--violet); }
@media (min-width: 760px) { .fp-edge { text-align: center; } .fp-edge__s { margin-top: 22px; } }

/* ---------------------------------------------------------------- more of what she does */
.fp-more { margin-top: clamp(64px, 9.72vw, 140px); }
.fp-more__t { font: 800 clamp(28px, 3.2vw, 46px) / 1.18 var(--font); letter-spacing: -.034em; text-wrap: balance; color: var(--ink); }
.fp-more__l { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 24px; }
.fp-mc { position: relative; display: flex; flex-direction: column; height: 100%; padding: 24px 24px 0; border-radius: 24px; background: var(--tint); color: var(--ink); text-decoration: none; overflow: clip; }
.fp-mc:hover { color: var(--ink); }
.fp-mc__arrow { position: absolute; right: 18px; top: 18px; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #fff; color: var(--violet); transition: background .15s, color .15s; }
.fp-mc:hover .fp-mc__arrow, .fp-mc:focus-visible .fp-mc__arrow { background: var(--violet); color: #fff; }
.fp-mc__path { display: block; }
.fp-mc__name { display: block; margin-top: 10px; padding-right: 30px; font-weight: 800; font-size: 22px; line-height: 1.23; letter-spacing: -.027em; }
.fp-mc__line { display: block; margin: 8px 0 20px; font-weight: 500; font-size: 15px; line-height: 1.55; color: var(--body); }
.fp-mc__th { display: block; margin-top: auto; height: 130px; border-radius: 16px 16px 0 0; overflow: hidden; box-shadow: 0 0 0 1px rgba(15, 31, 26, .08); background: #fff; }
.fp-mc__th-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
@media (min-width: 600px) and (max-width: 879.98px) { .fp-more__l { max-width: 520px; margin-inline: auto; } }
@media (min-width: 760px) { .fp-more__t { text-align: center; } .fp-more__l { margin-top: 48px; } }
@media (min-width: 880px) {
  .fp-more__l { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 32px); }
  .fp-mc { padding: 30px 32px 0; border-radius: 28px; min-height: 430px; }
  .fp-mc__arrow { right: 24px; top: 24px; width: 44px; height: 44px; }
  .fp-mc__name { margin-top: 14px; padding-right: 40px; font-size: 28px; line-height: 1.22; letter-spacing: -.032em; }
  .fp-mc__line { margin: 10px 0 24px; font-size: 16px; }
  .fp-mc__th { height: 170px; }
}

/* ---------------------------------------------------------------- the closing violet panel */
.fp-close-wrap { margin-top: clamp(64px, 9.72vw, 140px); }
.fp-close { position: relative; padding: 36px 24px 32px; border-radius: 28px; background: var(--violet); overflow: clip; }
.fp-close__art { position: absolute; right: -40px; top: -40px; width: 200px; height: 200px; }
.fp-close__ring { position: absolute; left: 50%; top: 50%; translate: -50% -50%; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .16); }
.fp-close__ring--1 { width: 100%; height: 100%; }
.fp-close__ring--2 { width: 70%; height: 70%; border-color: rgba(255, 255, 255, .24); }
.fp-close__ring--3 { width: 45%; height: 45%; border-color: rgba(255, 255, 255, .34); }
.fp-close__av { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255, 255, 255, .85); box-shadow: 0 14px 34px rgba(20, 10, 80, .35); }
.fp-close__tx { position: relative; }
.fp-close__t { max-width: 230px; font: 800 36px / 1.1 var(--font); letter-spacing: -.036em; text-wrap: balance; color: #fff; }
.fp-close__b { margin-top: 16px; font-weight: 500; font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, .92); }
.fp-close .fp-btns { margin-top: 24px; }
.fp-close :focus-visible { outline-color: #fff; }
.pill--white { background: #fff; color: var(--violet); }
.pill--white:hover { background: var(--pale); color: var(--violet-deep); }
.pill--line { background: transparent; color: #fff; border-color: #fff; }
.pill--line:hover { background: rgba(255, 255, 255, .14); color: #fff; }
@media (min-width: 760px) {
  .fp-close { border-radius: 40px; min-height: 420px; display: flex; align-items: center; padding: 48px clamp(32px, 5vw, 72px); }
  .fp-close__art { right: clamp(24px, 7.6vw, 110px); top: 50%; margin-top: -190px; width: 380px; height: 380px; }
  .fp-close__av { width: 112px; height: 112px; }
  .fp-close__tx { max-width: 640px; }
  .fp-close__t { max-width: none; font-size: clamp(44px, 4.44vw, 64px); line-height: 1.06; }
  .fp-close__b { margin-top: 20px; font-size: 19px; line-height: 1.58; }
  .fp-close .fp-btns { justify-content: flex-start; margin-top: 32px; }
}
@media (min-width: 760px) and (max-width: 1099.98px) { .fp-close__art { opacity: .5; } }

/* hooks the structure checker looks for */
.page-feature, .page-tasks, .page-drafts, .page-hiring, .page-growth, .page-planning, .page-safe-ai, .page-office { background: #fff; }
.fp--tasks, .fp--drafts, .fp--hiring, .fp--growth, .fp--planning, .fp--safe-ai, .fp--office { position: relative; }
.fp-sec { position: relative; }
.fp-sh__n { opacity: .65; }
.fp-row--l .fp-row__tx { order: 0; }
.fp-moment__tx { min-width: 0; }

/* hero panel that holds the Safe AI lineage drawing instead of screens */
.fp-panel--flow { aspect-ratio: auto; padding: clamp(16px, 3vw, 48px); text-align: left; --u: calc(100cqw / 1000); }
.fp-panel--flow .fp-ring { display: none; }
@media (max-width: 599.98px) {
  .fp-panel--flow { --u: 1px; padding: 18px; }
  .fp-panel--flow .pf { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
  .fp-panel--flow .pf__arrow, .fp-panel--flow .pf__elbow { display: none; }
}

/* donowork.uz home: the one-screen feature canvas. Boards DW3Intro / DW3Feature / DW3Phone are the layout contract (1440 x 900 and 390).
   --u = one design pixel of the 840 x 472 panel (panel width / 840): everything inside the panel scales with it. */

/* ---------------------------------------------------------------- stage */
.home { display: block; }
.faq { display: block; }
.stage { display: flex; flex-direction: column; min-height: calc(100vh - var(--header-h)); min-height: calc(100svh - var(--header-h)); }
.features { display: flex; flex-direction: column; }
.stage > .features { flex: 0 0 auto; min-width: 0; }
.stage.has-feature > .features { flex: 1 0 auto; } /* the rail stays pinned to the bottom of the stage */

/* ---------------------------------------------------------------- intro: Dono at the centre, the orbit around her */
.intro {
  position: relative; isolation: isolate; overflow: clip; flex: 1 1 auto; min-height: 640px; display: flex; align-items: center; justify-content: center;
  --rx: calc(50vw - 25px); --ry: clamp(150px, calc((100svh - 164px) * .4), 272px);
  background: radial-gradient(circle 260px at 0 100%, rgba(6, 214, 160, .13), rgba(6, 214, 160, 0)), radial-gradient(circle 280px at 100% 0, rgba(91, 63, 217, .13), rgba(91, 63, 217, 0));
}
.intro__orbit { position: absolute; inset: 0; }
.ring { position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 0; }
.ring--out { width: calc(var(--rx) * 2); height: calc(var(--ry) * 2); border: 1.5px dashed rgba(91, 63, 217, .26); }
.ring--in { top: calc(50% - 136px); width: 208px; height: 92px; border: 1.5px solid rgba(6, 214, 160, .55); }
.intro__halo { position: absolute; left: 50%; top: 50%; width: 360px; height: 400px; transform: translate(-50%, -50%); z-index: 2; background: radial-gradient(closest-side, #fff 0, #fff 60%, rgba(255, 255, 255, 0) 100%); }
.intro__stack { position: relative; z-index: 3; text-align: center; padding: 0 var(--gut); }
.intro__av { position: relative; width: 64px; height: 64px; margin: 0 auto; }
.intro__av::before { content: ""; position: absolute; left: 50%; top: 50%; width: 260px; height: 260px; transform: translate(-50%, -50%); pointer-events: none; background: radial-gradient(closest-side, rgba(91, 63, 217, .34), rgba(6, 214, 160, .12) 58%, rgba(91, 63, 217, 0)); }
.avatar { position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 0 0 2px rgba(91, 63, 217, .55), 0 14px 40px rgba(91, 63, 217, .35); background: var(--pale); }
.intro__h1 { position: relative; margin: 22px 0 0; font-weight: 800; font-size: 36px; line-height: 42px; letter-spacing: -1.3px; color: var(--ink); }
.bd { display: none; } .bm { display: inline; }
.intro__sub { position: relative; margin: 16px 0 0; font-weight: 600; font-size: 19px; line-height: 26px; letter-spacing: -.2px; color: var(--body); }
.intro__s1 { display: block; } .intro__sub .acc { font-weight: 800; }
/* a feature is shown: the intro is not drawn, but its only h1 stays in the accessibility tree (visually hidden, the .sr pattern); home.js toggles is-away */
.intro.is-away { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; background: none; }
.intro.is-away .intro__orbit, .intro.is-away .intro__halo, .intro.is-away .intro__av, .intro.is-away .intro__sub, .intro.is-away .pause { display: none; }

/* the orbit cards: light glass; the keyframes (generated) place them on the ellipse and blur the ones that pass behind */
.oc { position: absolute; left: 50%; top: 50%; width: 148px; height: 56px; margin: -28px 0 0 -74px; animation: orbit-p 60s linear infinite; animation-delay: var(--dp, 0s); will-change: transform, filter, opacity; }
.oc:not(.oc--p) { display: none; }
.oc__in { box-sizing: border-box; width: 100%; height: 100%; display: flex; align-items: center; gap: 7px; padding: 0 9px; border-radius: 13px; background: rgba(255, 255, 255, .8); box-shadow: 0 0 0 1px rgba(91, 63, 217, .14), 0 14px 34px rgba(40, 20, 120, .14), inset 0 1px 0 rgba(255, 255, 255, .95); }
.oc__ic { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: var(--tint); display: flex; align-items: center; justify-content: center; color: var(--body); }
.oc__ic svg { width: 12px; height: 12px; }
.oc__tx { flex: 1; min-width: 0; white-space: nowrap; }
.oc__h { display: block; font-weight: 800; font-size: 13px; line-height: 18px; letter-spacing: -.2px; color: var(--ink); }
.oc__r { display: block; margin-top: 1px; font-weight: 500; font-size: 11.5px; line-height: 15px; color: var(--muted); }
.intro:has(.pbox:checked) .oc { animation-play-state: paused; }
.intro.is-paused .oc { animation-play-state: paused; }

.pause { position: absolute; left: 18px; bottom: 14px; z-index: 20; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; display: block; }
.pbox { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.pause__ic { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--ink); box-shadow: 0 0 0 1px rgba(15, 31, 26, .1); }
.pause__ic--play { display: none; }
.pause:has(.pbox:checked) .pause__ic--pause { display: none; } .pause:has(.pbox:checked) .pause__ic--play { display: flex; }
.intro.is-paused .pause__ic--pause { display: none; } .intro.is-paused .pause__ic--play { display: flex; }
.pause:has(.pbox:focus-visible) { outline: 2px solid var(--violet); outline-offset: 3px; }
/* reduced motion: the orbit stands still, but the pause switch stays (it holds the autoplay, WCAG 2.2.2) */
@media (prefers-reduced-motion: reduce) { .oc { animation-play-state: paused; } }

@media (min-width: 768px) {
  .intro { min-height: 560px; --rx: min(590px, calc(50vw - 130px)); --ry: clamp(110px, 32svh, 290px); background: radial-gradient(circle 430px at 4% 96%, rgba(6, 214, 160, .13), rgba(6, 214, 160, 0)), radial-gradient(circle 470px at 97% 4%, rgba(91, 63, 217, .13), rgba(91, 63, 217, 0)); }
  .ring--in { top: calc(50% - 156px); width: 340px; height: 132px; }
  .intro__halo { width: min(1060px, 100%); height: 470px; background: radial-gradient(closest-side, #fff 0, #fff 58%, rgba(255, 255, 255, 0) 100%); }
  .intro__av { width: 84px; height: 84px; }
  .intro__av::before { width: 380px; height: 380px; }
  .intro__h1 { font-size: clamp(52px, 5.28vw, 76px); line-height: 1.0526; letter-spacing: -.04em; }
  .bd { display: inline; } .bm { display: none; }
  .intro__sub { margin-top: 20px; font-size: 24px; line-height: 30px; letter-spacing: -.3px; }
  .intro__s1 { display: inline; }
  .oc { width: 240px; height: 68px; margin: -34px 0 0 -120px; animation-name: orbit; animation-delay: var(--d, 0s); }
  .oc:not(.oc--p) { display: block; }
  .oc__in { gap: 12px; padding: 0 14px; border-radius: 16px; }
  .oc__ic { flex-basis: 36px; width: 36px; height: 36px; }
  .oc__ic svg { width: 19px; height: 19px; }
  .oc__h { font-size: 15px; line-height: 20px; } .oc__r { font-size: 13px; line-height: 17px; }
  .pause { left: clamp(18px, 4.3vw, 62px); bottom: 28px; width: 44px; height: 44px; }
}

/* ---------------------------------------------------------------- the rail: thirteen cards and More */
.railbar { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 0 clamp(24px, 5.14vw, 74px) 20px clamp(18px, 4.3vw, 62px); }
.rail { flex: 1 1 0; min-width: 0; display: flex; gap: 10px; padding: 4px; margin: -4px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); }
.rail.at-end { -webkit-mask-image: none; mask-image: none; }
.rail::-webkit-scrollbar { display: none; }
.card { box-sizing: border-box; flex: 0 0 168px; height: 80px; display: flex; align-items: center; gap: 10px; padding: 0 12px 0 16px; border-radius: 16px; background: var(--tint); color: var(--ink); text-decoration: none; scroll-snap-align: start; transition: box-shadow .15s; }
.card:hover { color: var(--ink); box-shadow: inset 0 0 0 2px var(--deep); }
.card[aria-selected="true"] { box-shadow: inset 0 0 0 3px var(--deep); }
/* autoplay progress: home.js adds <i class="card__bar"> to every card; the selected one shows a track that fills over the interval (8s = AUTO_STEP, 20s = AUTO_READ in home.js) */
.card { position: relative; }
.card__bar { display: none; position: absolute; left: 16px; right: 12px; bottom: 7px; height: 3px; border-radius: 2px; background: rgba(15, 31, 26, .14); pointer-events: none; }
.card[aria-selected="true"] .card__bar { display: block; }
.card__bar::after { content: ""; display: block; width: 0; height: 100%; border-radius: inherit; background: var(--deep); }
.card__bar.is-run::after { animation: card-bar 8s linear forwards; }
.card__bar.is-run.is-long::after { animation-duration: 20s; }
.stage.is-held .card__bar.is-run::after { animation-play-state: paused; }
@keyframes card-bar { to { width: 100%; } }
.card__t { flex: 1; min-width: 0; font-weight: 700; font-size: 15px; line-height: 19px; letter-spacing: -.2px; overflow-wrap: anywhere; }
.card__th { display: none; position: relative; flex: 0 0 76px; width: 76px; height: 52px; border-radius: 8px; overflow: clip; background: #fff; box-shadow: 0 0 0 1px rgba(15, 31, 26, .08); }
.card__th img, .th-img { display: block; }
.card__th--flow svg { display: block; }
.card__th--crop img { position: absolute; max-width: none; height: auto; }
.card__th .th-own { width: 100%; height: 100%; object-fit: cover; }
.card--more { background: #F4F5F4; color: var(--soft); }
.card--more:hover { color: var(--ink); box-shadow: inset 0 0 0 2px rgba(15, 31, 26, .25); }
.card--more[aria-selected="true"] { box-shadow: inset 0 0 0 3px rgba(15, 31, 26, .3); color: var(--ink); }
.rarrows { display: flex; gap: 8px; flex: 0 0 auto; }
.rbtn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #EEF0EF; color: var(--muted); cursor: pointer; }
.rbtn svg { width: 22px; height: 22px; }
.rbtn--next { background: var(--pale); color: var(--violet); }
.rbtn[aria-disabled="true"] { color: #A8AFAB; cursor: default; }
.rbtn--next[aria-disabled="true"] { background: #EEF0EF; }
@media (min-width: 768px) {
  .railbar { padding-bottom: 24px; }
  .rail { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 96px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 96px), transparent); }
  .card { flex-basis: 214px; }
  .card__th { display: block; }
  .rbtn { width: 56px; height: 56px; } .rbtn svg { width: 26px; height: 26px; }
}

/* ---------------------------------------------------------------- the feature state */
.fview { grid-template-columns: minmax(0, 1fr); gap: 26px; width: 100%; max-width: 900px; margin-inline: auto; padding: 28px 28px 8px; align-content: start; }
/* hidden until a card selects one; without JavaScript assets/nojs.css (a <noscript> stylesheet) shows every section under the stage */
.fview { display: none; }
html.js .fview.is-active { display: grid; }
.fview .panel { order: -1; }
.fview__text { min-width: 0; max-width: 640px; }
.fview__title { font-weight: 800; font-size: 28px; line-height: 34px; letter-spacing: -.8px; text-wrap: balance; color: var(--ink); }
.fview__title:focus { outline: none; }
.fview__title:focus-visible { outline: 2px solid var(--violet); outline-offset: 4px; border-radius: 4px; }
.fview__desc { margin-top: 14px; font-weight: 500; font-size: 15px; line-height: 23px; color: var(--body); }
.fview__steps { margin-top: 16px; padding-left: 24px; list-style: decimal; font-weight: 500; font-size: 15px; line-height: 23px; color: var(--body); }
.fview__steps li { margin: 0 0 4px; padding-left: 2px; }
.fview__tip { margin-top: 12px; font-weight: 700; font-size: 15px; line-height: 23px; color: var(--ink); }
.fview__note { margin-top: 12px; font-weight: 500; font-size: 12.5px; line-height: 18px; color: var(--muted); }
.fview__btns { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.fview__btns .pill { min-height: 48px; font-size: 14.5px; padding: 0 18px; }
.fview__btns .pill--ghost { padding: 0 20px; }
.fview__learn { display: inline-flex; align-items: center; gap: 4px; margin-top: 14px; padding: 4px 0; font-weight: 700; font-size: 15px; color: var(--violet); text-decoration: none; }
.fview__learn:hover { text-decoration: underline; }
@media (max-width: 999.98px) { .fview__learn { min-height: 44px; } }
.fview--more .eyebrow { margin-bottom: 10px; }
@media (prefers-reduced-motion: no-preference) {
  html.js .fview.is-active { animation: fv-in .35s ease both; }
  @keyframes fv-in { from { opacity: 0; transform: translateY(8px); } }
}
@media (min-width: 1000px) {
  .fview { grid-template-columns: minmax(300px, 420px) minmax(0, 840px); column-gap: 32px; justify-content: center; max-width: none; padding: 48px clamp(24px, 5.14vw, 74px) 24px; align-items: start; }
  .fview .panel { order: 0; }
  .fview__title { font-size: 32px; line-height: 38px; letter-spacing: -.9px; }
  .fview__desc, .fview__steps, .fview__tip { font-size: 16px; line-height: 24px; }
  .fview__desc { margin-top: 16px; }
  .fview__steps { margin-top: 18px; }
  .fview__tip { margin-top: 14px; }
  .fview__note { margin-top: 14px; font-size: 13px; }
  .fview__btns { margin-top: 22px; gap: 12px; }
  .fview__btns .pill { min-height: 50px; font-size: 16px; padding: 0 26px; }
  .fview__btns .pill--ghost { padding: 0 28px; }
}

/* ---------------------------------------------------------------- the 840 x 472 panel */
.panel { position: relative; container-type: inline-size; isolation: isolate; width: 100%; aspect-ratio: 840 / 472; border-radius: 20px; background: var(--panel); overflow: clip; --u: calc(100cqw / 840); }
@media (min-width: 1000px) { .panel { border-radius: 24px; } }
.sc { position: absolute; }
.sc__scr { position: relative; overflow: hidden; background: #fff; }
.sc__scr img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.sc--browser { border-radius: calc(var(--u) * 14); overflow: hidden; background: #fff; box-shadow: 0 calc(var(--u) * 20) calc(var(--u) * 48) rgba(15, 31, 26, .16), 0 0 0 1px rgba(15, 31, 26, .1); }
.sc__bar { box-sizing: border-box; height: calc(var(--u) * 32); display: flex; align-items: center; gap: calc(var(--u) * 6); padding: 0 calc(var(--u) * 12); background: #EEF1EE; border-bottom: 1px solid rgba(15, 31, 26, .08); }
.sc__bar::after { content: ""; flex: 0 0 calc(var(--u) * 34); }
.sc__bar i { flex: 0 0 calc(var(--u) * 10); width: calc(var(--u) * 10); height: calc(var(--u) * 10); border-radius: 50%; }
.sc__bar i:nth-child(1) { background: #FF5F57; } .sc__bar i:nth-child(2) { background: #FEBC2E; } .sc__bar i:nth-child(3) { background: #28C840; }
.sc__bar b { margin: 0 auto; padding: calc(var(--u) * 2) calc(var(--u) * 16); border-radius: calc(var(--u) * 10); background: #fff; font: 500 calc(var(--u) * 12) / calc(var(--u) * 16) var(--mono); color: var(--muted); white-space: nowrap; }
.sc--phone { box-sizing: border-box; padding: calc(var(--u) * 12); background: var(--ink); box-shadow: 0 calc(var(--u) * 24) calc(var(--u) * 48) rgba(15, 31, 26, .26); }
.sc--phone .sc__scr { width: 100%; height: 100%; }
.sc__notch { position: absolute; left: 50%; top: calc(var(--u) * 5); z-index: 2; height: calc(var(--u) * 12); border-radius: calc(var(--u) * 7); background: var(--ink); }
.sc--float { border-radius: calc(var(--u) * 16); overflow: hidden; background: #fff; box-shadow: 0 calc(var(--u) * 24) calc(var(--u) * 50) rgba(15, 31, 26, .28), 0 0 0 1px rgba(15, 31, 26, .1); }
.sc--float img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.sc--flow { top: 50%; transform: translateY(-50%); }
.panel.is-cycling .sc { opacity: .5; transition: opacity .7s ease, transform .7s ease; }
.panel.is-cycling .sc.is-lit { opacity: 1; transform: translateY(calc(var(--u) * -6)); }

.pbtn, .xbtn { position: absolute; z-index: 9; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; color: var(--ink); cursor: pointer; }
.pbtn { left: 8px; top: 8px; width: 44px; height: 44px; background: #fff; box-shadow: 0 0 0 1px rgba(15, 31, 26, .1); }
.pbtn svg { width: 16px; height: 16px; }
.pbtn .ic-play { display: none; }
.pbtn[aria-pressed="true"] .ic-pause { display: none; } .pbtn[aria-pressed="true"] .ic-play { display: block; }
.xbtn { right: 12px; bottom: 12px; width: 44px; height: 44px; background: var(--tint); }
.xbtn:hover { box-shadow: 0 0 0 2px var(--deep); }
@media (min-width: 1000px) {
  .pbtn { left: 24px; top: 24px; width: 36px; height: 36px; } .pbtn svg { width: 14px; height: 14px; }
  .xbtn { right: 16px; bottom: 16px; width: 48px; height: 48px; }
}
/* the panel pause button also stays under reduced motion: it holds the autoplay */

/* More: straight answers inside the panel */
.panel--faq { aspect-ratio: auto; overflow: auto; padding: 16px; overscroll-behavior: contain; }
.panel--faq:focus-visible { outline-offset: -3px; }
.qa { margin-bottom: 8px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hair); }
.qa__q { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 10px 16px; font-weight: 800; font-size: 15px; line-height: 1.3; letter-spacing: -.1px; cursor: pointer; list-style: none; }
.qa__q::-webkit-details-marker { display: none; }
.qa__chev { flex: 0 0 18px; color: var(--violet); transition: transform .2s; }
.qa[open] .qa__chev { transform: rotate(180deg); }
.qa__a { padding: 0 16px 16px; font-size: 14.5px; line-height: 1.58; color: var(--body); }
@media (min-width: 1000px) { .panel--faq { aspect-ratio: 840 / 472; padding: 24px; } }

/* ---------------------------------------------------------------- the lineage flow (Smart AI. Safe AI.) */
.pf { --fx: calc(var(--u) * 40); --fy: calc(var(--u) * 36); --line: rgba(15, 31, 26, .28); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--fx); row-gap: var(--fy); font-size: calc(var(--u) * 14); }
.pf__c { --bar: rgba(15, 31, 26, .2); --tone: var(--soft); position: relative; display: flex; flex-direction: column; gap: calc(var(--u) * 8); min-width: 0; padding: calc(var(--u) * 16); border-radius: calc(var(--u) * 14); background: #fff; border: 1px solid rgba(15, 31, 26, .1); border-top: calc(var(--u) * 4) solid var(--bar); box-shadow: 0 calc(var(--u) * 8) calc(var(--u) * 20) rgba(15, 31, 26, .08); }
.pf__c--1, .pf__c--4 { --bar: rgba(15, 31, 26, .2); }
.pf__c--2, .pf__c--5 { --bar: var(--violet); --tone: var(--violet); } .pf__c--3 { --bar: var(--ink); } .pf__c--6 { --bar: var(--green); }
.pf__l { font: 700 calc(var(--u) * 11) / 1.35 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--tone); }
.pf__b { font-weight: 600; line-height: 1.45; }
.pf__arrow { position: absolute; left: calc(100% + var(--u) * 8); top: 50%; z-index: 2; width: calc(var(--u) * 24); height: calc(var(--u) * 24); margin-top: calc(var(--u) * -12); display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--violet); color: #fff; }
.pf__arrow svg { width: 55%; height: 55%; }
.pf__elbow { position: absolute; right: 50%; top: 100%; width: calc(200% + var(--fx) * 2); height: var(--fy); color: var(--line); pointer-events: none;
  background: linear-gradient(var(--line), var(--line)) right 0 top 0 / 2px 50% no-repeat, linear-gradient(var(--line), var(--line)) left 0 top 50% / 100% 2px no-repeat, linear-gradient(var(--line), var(--line)) left 0 bottom 0 / 2px 50% no-repeat; }
.pf__elbow svg { position: absolute; left: -5px; bottom: -1px; }
.chip { display: inline-block; padding: 1px 6px; border-radius: 6px; background: var(--violet); color: #fff; font: 700 calc(var(--u) * 12) / 1.4 var(--mono); white-space: nowrap; }
.mk { padding: 0 3px; border-radius: 4px; } .mk--warm { background: #F7E6CF; } .mk--mint { background: #D5F5EA; }
.pills { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 6); }
.pill-s { display: inline-flex; align-items: center; height: calc(var(--u) * 28); padding: 0 calc(var(--u) * 11); border-radius: calc(var(--u) * 14); background: #F1EEFC; border: 1px solid rgba(91, 63, 217, .35); font-size: calc(var(--u) * 13); font-weight: 800; line-height: 1; white-space: nowrap; }
.pill-s--ink { background: var(--ink); border-color: var(--ink); color: #fff; }
.rec { display: flex; flex-direction: column; gap: calc(var(--u) * 5); font-size: calc(var(--u) * 14); line-height: 1.3; }
.rec__i { display: flex; align-items: center; gap: calc(var(--u) * 8); }
.rec__i i { flex: 0 0 calc(var(--u) * 7); width: calc(var(--u) * 7); height: calc(var(--u) * 7); border-radius: 50%; background: var(--green); }

/* ---------------------------------------------------------------- the expand lightbox */
.lightbox { display: none; width: 100%; height: 100%; max-width: none; max-height: none; padding: 0; border: 0; background: transparent; overscroll-behavior: contain; }
.lightbox[open] { display: flex; align-items: center; justify-content: center; }
.lightbox::backdrop { background: rgba(15, 31, 26, .74); }
.lightbox :focus-visible { outline-color: #fff; }
html:has(dialog[open]) { overflow: hidden; }
.lightbox__box { position: relative; width: min(1300px, 94vw, calc((100svh - 128px) * 840 / 472)); }
.lightbox__x { position: absolute; right: 0; top: -52px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--ink); cursor: pointer; }
.lightbox .panel { box-shadow: 0 24px 80px rgba(0, 0, 0, .4); }
.lightbox .pbtn, .lightbox .xbtn { display: none; }

/* ---------------------------------------------------------------- phones and tablets: the stage is not pinned */
@media (min-width: 768px) and (max-width: 999.98px) {
  .fview { padding-top: 40px; }
}
/* short laptop screens: a tighter text column so the rail stays on the first screen */
@media (min-width: 1000px) and (max-height: 820px) {
  .intro { min-height: 480px; }
  .fview { padding-top: 28px; }
  .fview__title { font-size: 29px; line-height: 34px; }
  .fview__desc, .fview__steps, .fview__tip { font-size: 15px; line-height: 22px; }
  .fview__desc, .fview__steps { margin-top: 12px; }
  .fview__tip, .fview__note { margin-top: 10px; }
  .fview__btns { margin-top: 16px; }
  .fview__btns .pill { min-height: 46px; }
  .fview__learn { margin-top: 8px; }
}

/* donowork.uz pricing page. Board: DW3Pricing (1440). Phone and tablet follow the home page rules: one column, 24px gutters, 52px buttons.
   No inline styles anywhere (CSP): everything here is a class. */

.page-pricing { background: #fff; }
.pricing { padding-bottom: clamp(72px, 9.7vw, 140px); }
.pricing .pill { min-height: 52px; white-space: normal; padding-block: 10px; }
.pr-close :focus-visible, .pr-prem :focus-visible { outline-color: #fff; }

/* ---------------------------------------------------------------- hero */
.pr-hero { text-align: center; padding-top: clamp(36px, 5.8vw, 84px); }
.pr-av { position: relative; width: 64px; height: 64px; margin: 0 auto; }
.pr-av::before { content: ""; position: absolute; left: 50%; top: 50%; width: 240px; height: 240px; transform: translate(-50%, -50%); pointer-events: none; background: radial-gradient(closest-side, rgba(91, 63, 217, .3), rgba(6, 214, 160, .1) 58%, rgba(91, 63, 217, 0)); }
.pr-eyebrow { font-weight: 700; font-size: 13px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #087A5E; }
.pr-eyebrow--ink { color: var(--ink); }
.pr-hero .pr-eyebrow { position: relative; margin-top: 22px; }
.pr-h1 { position: relative; margin-top: 12px; font-weight: 800; font-size: clamp(44px, 9.17vw, 132px); line-height: 1; letter-spacing: -.045em; color: var(--ink); }
.pr-lede { position: relative; margin: 20px auto 0; max-width: 760px; font-weight: 500; font-size: clamp(17px, 1.53vw, 22px); line-height: 1.5; color: var(--body); text-wrap: balance; }
@media (min-width: 768px) { .pr-av { width: 84px; height: 84px; } .pr-av::before { width: 340px; height: 340px; } }

/* ---------------------------------------------------------------- the Annual / Monthly switch (JavaScript only) */
.pr-bill { display: flex; justify-content: center; margin-top: 36px; }
.bill { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--panel); box-shadow: inset 0 0 0 1px rgba(15, 31, 26, .1); }
.bill__b { min-height: 44px; padding: 0 26px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font: 700 15px/1 var(--font); cursor: pointer; transition: background-color .15s, color .15s; }
.bill__b:hover { color: var(--ink); }
.bill__b[aria-pressed="true"] { background: var(--violet); color: #fff; }

/* ---------------------------------------------------------------- the three plans */
.pr-plans { display: grid; gap: 20px; max-width: 640px; margin: 36px auto 0; }
.plan { display: flex; flex-direction: column; min-width: 0; padding: 30px 26px 22px; border-radius: 28px; background: #fff; box-shadow: inset 0 0 0 1px rgba(15, 31, 26, .14); }
.plan--hl { position: relative; background: #F1EEFC; box-shadow: inset 0 0 0 2px var(--violet); }
.plan__badge { position: absolute; left: 26px; top: -14px; padding: 5px 14px; border-radius: 999px; background: var(--violet); color: #fff; font-weight: 700; font-size: 12px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; }
.plan__name { font-weight: 800; font-size: clamp(30px, 2.5vw, 36px); line-height: 1.1; letter-spacing: -.036em; text-wrap: balance; color: var(--ink); }
.plan__blurb { margin-top: 10px; font-weight: 500; font-size: 16px; line-height: 25px; color: var(--body); }
.plan__price { margin-top: 22px; padding: 16px 18px; border-radius: 16px; background: #F4F7F4; }
.plan--hl .plan__price { background: #fff; }
.plan__amt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.plan__num { font-weight: 800; font-size: clamp(30px, 9vw, 44px); line-height: 1.05; letter-spacing: -.04em; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--ink); }
.plan__per { font-weight: 600; font-size: 15px; color: var(--muted); }
.plan__bill { margin-top: 6px; font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; color: var(--ink); }
.plan__alt { margin-top: 2px; font-weight: 500; font-size: 13px; color: var(--muted); }
html.js .plan__alt { display: none; }
.plan__min { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--hair); font-weight: 600; font-size: 14px; color: var(--body); }
.plan__ai { margin-top: 6px; font-weight: 600; font-size: 14px; color: var(--body); }
.plan__cta { margin-top: 20px; display: flex; }
.plan__cta .pill { width: 100%; }
.plan__lab { margin-top: 24px; font-weight: 700; font-size: 12px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.plan__f { margin: 8px 0 0; }
.plan__fi { padding: 14px 0; border-top: 1px solid var(--hair); }
.plan__k { font-weight: 700; font-size: 11px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #087A5E; }
.plan--hl .plan__k { color: var(--violet); }
.plan__v { margin: 6px 0 0; font-weight: 500; font-size: 15px; line-height: 23px; color: var(--ink); }
@media (min-width: 1040px) {
  .pr-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; max-width: none; }
  .plan { padding: 34px 30px 22px; }
  .plan__badge { left: 30px; }
  .plan__blurb { min-height: 50px; }
}

/* ---------------------------------------------------------------- launch offer, AI usage, volume, try it */
.pr-launch { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; max-width: 640px; margin: 28px auto 0; padding: 20px 26px; border-radius: 24px; background: #D5F5EA; }
.pr-launch__t { font-weight: 700; font-size: 17px; line-height: 1.45; color: var(--ink); }
.pr-notes { display: grid; gap: 20px; max-width: 640px; margin: 28px auto 0; }
.note { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 28px 28px 26px; border-radius: 28px; background: #F4F7F4; }
.note__t { margin-top: 10px; font-weight: 800; font-size: 22px; line-height: 28px; letter-spacing: -.5px; text-wrap: balance; color: var(--ink); }
.note__p { margin-top: 8px; font-weight: 500; font-size: 15px; line-height: 23px; color: var(--body); }
.note__l { margin-top: 12px; display: flex; flex-direction: column; gap: 6px; font-weight: 700; font-size: 16px; line-height: 24px; color: var(--ink); }
.note__cta { margin-top: auto; padding-top: 18px; }
@media (min-width: 1040px) {
  .pr-launch { max-width: none; justify-content: center; }
  .pr-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; max-width: none; }
}

/* ---------------------------------------------------------------- on-premises band */
.pr-prem { display: flex; flex-direction: column; gap: 32px; margin-top: clamp(40px, 3.9vw, 56px); padding: 36px 24px; border-radius: 28px; background: var(--ink); color: #fff; }
.prem__text { min-width: 0; }
.prem__eyebrow { font-weight: 700; font-size: 13px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: var(--green); }
.prem__h { margin-top: 16px; font-weight: 800; font-size: clamp(32px, 3.2vw, 46px); line-height: 1.13; letter-spacing: -.037em; text-wrap: balance; color: #fff; }
.prem__p { margin-top: 16px; font-weight: 500; font-size: clamp(16px, 1.32vw, 19px); line-height: 1.58; color: rgba(255, 255, 255, .86); }
.prem__row { margin-top: 28px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; }
.pill--onink { background: #fff; color: var(--ink); }
.pill--onink:hover { background: var(--pale); color: var(--ink); }
.prem__tag { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 14px; border: 1.5px solid rgba(255, 255, 255, .4); font-weight: 800; font-size: 18px; color: #fff; }
.prem__box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 56px 20px 28px; border-radius: 28px; border: 2px dashed rgba(255, 255, 255, .4); }
.prem__lab { position: absolute; left: 22px; top: 16px; display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
.prem__chip { display: inline-flex; align-items: center; height: 48px; padding: 0 24px; border-radius: 24px; font-weight: 800; font-size: 18px; white-space: nowrap; }
.prem__chip--app { background: var(--violet); color: #fff; }
.prem__chip--data { background: #fff; color: var(--ink); }
.prem__chip--ai { background: var(--green); color: var(--ink); }
@media (min-width: 1000px) {
  .pr-prem { flex-direction: row; align-items: center; gap: 56px; padding: 56px 64px; border-radius: 36px; }
  .prem__text { flex: 1 1 auto; }
  .prem__box { flex: 0 0 clamp(340px, 30.5vw, 440px); height: 290px; padding: 24px 20px; }
}

/* ---------------------------------------------------------------- every plan includes, straight answers */
.pr-sec { margin-top: clamp(72px, 9vw, 130px); }
.pr-h2 { text-align: center; font-weight: 800; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.17; letter-spacing: -.035em; text-wrap: balance; color: var(--ink); }
.incl { display: grid; gap: 20px; margin-top: clamp(28px, 3vw, 44px); }
.incl__i { min-width: 0; padding: 26px 28px; border-radius: 28px; background: #F4F7F4; }
.incl__ic { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--tint); color: var(--ink); }
.incl__t { margin-top: 16px; font-weight: 800; font-size: 22px; line-height: 28px; letter-spacing: -.5px; text-wrap: balance; color: var(--ink); }
.incl__p { margin-top: 8px; font-weight: 500; font-size: 15px; line-height: 23px; color: var(--body); }
.pq { display: grid; gap: 20px; margin-top: clamp(28px, 3vw, 44px); }
.pq__i { min-width: 0; padding: 28px; border-radius: 28px; background: #fff; box-shadow: inset 0 0 0 1px rgba(15, 31, 26, .14); }
.pq__q { font-weight: 800; font-size: clamp(20px, 1.67vw, 24px); line-height: 1.3; letter-spacing: -.025em; color: var(--ink); }
.pq__a { margin-top: 12px; font-weight: 500; font-size: clamp(16px, 1.18vw, 17px); line-height: 1.6; color: var(--body); }
@media (min-width: 640px) { .incl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .pq { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } .pq__i { padding: 34px 36px; } }
@media (min-width: 1000px) { .incl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; } .incl__i { padding: 28px 30px; } }

/* ---------------------------------------------------------------- closing panel */
.pr-close { position: relative; display: flex; flex-direction: column; gap: 28px; margin-top: clamp(72px, 9.7vw, 140px); padding: 36px 24px 32px; border-radius: 32px; background: var(--violet); color: #fff; overflow: hidden; }
.pclose__text { min-width: 0; }
.pclose__h { font-weight: 800; font-size: clamp(40px, 4.45vw, 64px); line-height: 1.06; letter-spacing: -.0375em; text-wrap: balance; color: #fff; }
.pclose__p { margin-top: 18px; font-weight: 500; font-size: clamp(16px, 1.32vw, 19px); line-height: 1.58; color: rgba(255, 255, 255, .92); }
.pclose__btns { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.pill--white { background: #fff; color: var(--violet); }
.pill--white:hover { background: var(--pale); color: var(--violet-deep); }
.pill--line { background: transparent; color: #fff; border-color: #fff; }
.pill--line:hover { background: rgba(255, 255, 255, .14); color: #fff; }
.pclose__orb { position: relative; align-self: center; flex: 0 0 auto; width: 240px; height: 240px; }
.orb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .16); }
.orb--a { width: 240px; height: 240px; }
.orb--b { width: 170px; height: 170px; border-color: rgba(255, 255, 255, .24); }
.orb--c { width: 108px; height: 108px; border-color: rgba(255, 255, 255, .34); }
.pclose__av { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); }
.pclose__av .avatar { box-shadow: 0 0 0 2px rgba(255, 255, 255, .55), 0 14px 40px rgba(15, 31, 26, .35); }
@media (min-width: 900px) {
  .pr-close { flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; min-height: 420px; padding: 56px 48px 56px 56px; border-radius: 40px; }
  .pclose__text { flex: 1 1 auto; max-width: 640px; }
  .pclose__orb, .orb--a { width: 260px; height: 260px; }
  .orb--b { width: 186px; height: 186px; }
  .orb--c { width: 118px; height: 118px; }
  .pclose__av { width: 90px; height: 90px; }
}
@media (min-width: 1200px) {
  .pr-close { padding: 56px 110px 56px 72px; }
  .pclose__orb, .orb--a { width: 340px; height: 340px; }
  .orb--b { width: 240px; height: 240px; }
  .orb--c { width: 150px; height: 150px; }
  .pclose__av { width: 112px; height: 112px; }
}

/* generated by pages/home */
@keyframes orbit{0.000%{transform:translate(calc(var(--rx)*0.0000),calc(var(--ry)*1.0000)) scale(1.000);filter:blur(0.00px);opacity:1.000;z-index:4}1.389%{transform:translate(calc(var(--rx)*0.0872),calc(var(--ry)*0.9962)) scale(0.999);filter:blur(0.00px);opacity:1.000;z-index:4}2.778%{transform:translate(calc(var(--rx)*0.1736),calc(var(--ry)*0.9848)) scale(0.998);filter:blur(0.00px);opacity:1.000;z-index:4}4.167%{transform:translate(calc(var(--rx)*0.2588),calc(var(--ry)*0.9659)) scale(0.995);filter:blur(0.00px);opacity:1.000;z-index:4}5.556%{transform:translate(calc(var(--rx)*0.3420),calc(var(--ry)*0.9397)) scale(0.992);filter:blur(0.00px);opacity:1.000;z-index:4}6.944%{transform:translate(calc(var(--rx)*0.4226),calc(var(--ry)*0.9063)) scale(0.987);filter:blur(0.00px);opacity:1.000;z-index:4}8.333%{transform:translate(calc(var(--rx)*0.5000),calc(var(--ry)*0.8660)) scale(0.981);filter:blur(0.00px);opacity:1.000;z-index:4}9.722%{transform:translate(calc(var(--rx)*0.5736),calc(var(--ry)*0.8192)) scale(0.975);filter:blur(0.00px);opacity:1.000;z-index:4}11.111%{transform:translate(calc(var(--rx)*0.6428),calc(var(--ry)*0.7660)) scale(0.967);filter:blur(0.00px);opacity:1.000;z-index:4}12.500%{transform:translate(calc(var(--rx)*0.7071),calc(var(--ry)*0.7071)) scale(0.959);filter:blur(0.00px);opacity:1.000;z-index:4}13.889%{transform:translate(calc(var(--rx)*0.7660),calc(var(--ry)*0.6428)) scale(0.950);filter:blur(0.00px);opacity:1.000;z-index:4}15.278%{transform:translate(calc(var(--rx)*0.8192),calc(var(--ry)*0.5736)) scale(0.940);filter:blur(0.00px);opacity:1.000;z-index:4}16.667%{transform:translate(calc(var(--rx)*0.8660),calc(var(--ry)*0.5000)) scale(0.930);filter:blur(0.00px);opacity:1.000;z-index:4}18.056%{transform:translate(calc(var(--rx)*0.9063),calc(var(--ry)*0.4226)) scale(0.919);filter:blur(0.00px);opacity:1.000;z-index:4}19.444%{transform:translate(calc(var(--rx)*0.9397),calc(var(--ry)*0.3420)) scale(0.908);filter:blur(0.00px);opacity:1.000;z-index:4}20.833%{transform:translate(calc(var(--rx)*0.9659),calc(var(--ry)*0.2588)) scale(0.896);filter:blur(0.00px);opacity:0.998;z-index:4}22.222%{transform:translate(calc(var(--rx)*0.9848),calc(var(--ry)*0.1736)) scale(0.884);filter:blur(0.05px);opacity:0.981;z-index:4}23.611%{transform:translate(calc(var(--rx)*0.9962),calc(var(--ry)*0.0872)) scale(0.872);filter:blur(0.26px);opacity:0.948;z-index:4}25.000%{transform:translate(calc(var(--rx)*1.0000),calc(var(--ry)*0.0000)) scale(0.860);filter:blur(0.61px);opacity:0.903;z-index:1}26.389%{transform:translate(calc(var(--rx)*0.9962),calc(var(--ry)*-0.0872)) scale(0.848);filter:blur(1.05px);opacity:0.848;z-index:1}27.778%{transform:translate(calc(var(--rx)*0.9848),calc(var(--ry)*-0.1736)) scale(0.836);filter:blur(1.57px);opacity:0.786;z-index:1}29.167%{transform:translate(calc(var(--rx)*0.9659),calc(var(--ry)*-0.2588)) scale(0.824);filter:blur(2.13px);opacity:0.722;z-index:1}30.556%{transform:translate(calc(var(--rx)*0.9397),calc(var(--ry)*-0.3420)) scale(0.812);filter:blur(2.68px);opacity:0.657;z-index:1}31.944%{transform:translate(calc(var(--rx)*0.9063),calc(var(--ry)*-0.4226)) scale(0.801);filter:blur(3.20px);opacity:0.596;z-index:1}33.333%{transform:translate(calc(var(--rx)*0.8660),calc(var(--ry)*-0.5000)) scale(0.790);filter:blur(3.67px);opacity:0.541;z-index:1}34.722%{transform:translate(calc(var(--rx)*0.8192),calc(var(--ry)*-0.5736)) scale(0.780);filter:blur(4.07px);opacity:0.493;z-index:1}36.111%{transform:translate(calc(var(--rx)*0.7660),calc(var(--ry)*-0.6428)) scale(0.770);filter:blur(4.38px);opacity:0.453;z-index:1}37.500%{transform:translate(calc(var(--rx)*0.7071),calc(var(--ry)*-0.7071)) scale(0.761);filter:blur(4.60px);opacity:0.423;z-index:1}38.889%{transform:translate(calc(var(--rx)*0.6428),calc(var(--ry)*-0.7660)) scale(0.753);filter:blur(4.74px);opacity:0.401;z-index:1}40.278%{transform:translate(calc(var(--rx)*0.5736),calc(var(--ry)*-0.8192)) scale(0.745);filter:blur(4.79px);opacity:0.388;z-index:1}41.667%{transform:translate(calc(var(--rx)*0.5000),calc(var(--ry)*-0.8660)) scale(0.739);filter:blur(4.80px);opacity:0.381;z-index:1}43.056%{transform:translate(calc(var(--rx)*0.4226),calc(var(--ry)*-0.9063)) scale(0.733);filter:blur(4.80px);opacity:0.380;z-index:1}44.444%{transform:translate(calc(var(--rx)*0.3420),calc(var(--ry)*-0.9397)) scale(0.728);filter:blur(4.80px);opacity:0.380;z-index:1}45.833%{transform:translate(calc(var(--rx)*0.2588),calc(var(--ry)*-0.9659)) scale(0.725);filter:blur(4.80px);opacity:0.380;z-index:1}47.222%{transform:translate(calc(var(--rx)*0.1736),calc(var(--ry)*-0.9848)) scale(0.722);filter:blur(4.80px);opacity:0.380;z-index:1}48.611%{transform:translate(calc(var(--rx)*0.0872),calc(var(--ry)*-0.9962)) scale(0.721);filter:blur(4.80px);opacity:0.380;z-index:1}50.000%{transform:translate(calc(var(--rx)*0.0000),calc(var(--ry)*-1.0000)) scale(0.720);filter:blur(4.80px);opacity:0.380;z-index:1}51.389%{transform:translate(calc(var(--rx)*-0.0872),calc(var(--ry)*-0.9962)) scale(0.721);filter:blur(4.80px);opacity:0.380;z-index:1}52.778%{transform:translate(calc(var(--rx)*-0.1736),calc(var(--ry)*-0.9848)) scale(0.722);filter:blur(4.80px);opacity:0.380;z-index:1}54.167%{transform:translate(calc(var(--rx)*-0.2588),calc(var(--ry)*-0.9659)) scale(0.725);filter:blur(4.80px);opacity:0.380;z-index:1}55.556%{transform:translate(calc(var(--rx)*-0.3420),calc(var(--ry)*-0.9397)) scale(0.728);filter:blur(4.80px);opacity:0.380;z-index:1}56.944%{transform:translate(calc(var(--rx)*-0.4226),calc(var(--ry)*-0.9063)) scale(0.733);filter:blur(4.80px);opacity:0.380;z-index:1}58.333%{transform:translate(calc(var(--rx)*-0.5000),calc(var(--ry)*-0.8660)) scale(0.739);filter:blur(4.80px);opacity:0.381;z-index:1}59.722%{transform:translate(calc(var(--rx)*-0.5736),calc(var(--ry)*-0.8192)) scale(0.745);filter:blur(4.79px);opacity:0.388;z-index:1}61.111%{transform:translate(calc(var(--rx)*-0.6428),calc(var(--ry)*-0.7660)) scale(0.753);filter:blur(4.74px);opacity:0.401;z-index:1}62.500%{transform:translate(calc(var(--rx)*-0.7071),calc(var(--ry)*-0.7071)) scale(0.761);filter:blur(4.60px);opacity:0.423;z-index:1}63.889%{transform:translate(calc(var(--rx)*-0.7660),calc(var(--ry)*-0.6428)) scale(0.770);filter:blur(4.38px);opacity:0.453;z-index:1}65.278%{transform:translate(calc(var(--rx)*-0.8192),calc(var(--ry)*-0.5736)) scale(0.780);filter:blur(4.07px);opacity:0.493;z-index:1}66.667%{transform:translate(calc(var(--rx)*-0.8660),calc(var(--ry)*-0.5000)) scale(0.790);filter:blur(3.67px);opacity:0.541;z-index:1}68.056%{transform:translate(calc(var(--rx)*-0.9063),calc(var(--ry)*-0.4226)) scale(0.801);filter:blur(3.20px);opacity:0.596;z-index:1}69.444%{transform:translate(calc(var(--rx)*-0.9397),calc(var(--ry)*-0.3420)) scale(0.812);filter:blur(2.68px);opacity:0.657;z-index:1}70.833%{transform:translate(calc(var(--rx)*-0.9659),calc(var(--ry)*-0.2588)) scale(0.824);filter:blur(2.13px);opacity:0.722;z-index:1}72.222%{transform:translate(calc(var(--rx)*-0.9848),calc(var(--ry)*-0.1736)) scale(0.836);filter:blur(1.57px);opacity:0.786;z-index:1}73.611%{transform:translate(calc(var(--rx)*-0.9962),calc(var(--ry)*-0.0872)) scale(0.848);filter:blur(1.05px);opacity:0.848;z-index:1}75.000%{transform:translate(calc(var(--rx)*-1.0000),calc(var(--ry)*-0.0000)) scale(0.860);filter:blur(0.61px);opacity:0.903;z-index:1}76.389%{transform:translate(calc(var(--rx)*-0.9962),calc(var(--ry)*0.0872)) scale(0.872);filter:blur(0.26px);opacity:0.948;z-index:4}77.778%{transform:translate(calc(var(--rx)*-0.9848),calc(var(--ry)*0.1736)) scale(0.884);filter:blur(0.05px);opacity:0.981;z-index:4}79.167%{transform:translate(calc(var(--rx)*-0.9659),calc(var(--ry)*0.2588)) scale(0.896);filter:blur(0.00px);opacity:0.998;z-index:4}80.556%{transform:translate(calc(var(--rx)*-0.9397),calc(var(--ry)*0.3420)) scale(0.908);filter:blur(0.00px);opacity:1.000;z-index:4}81.944%{transform:translate(calc(var(--rx)*-0.9063),calc(var(--ry)*0.4226)) scale(0.919);filter:blur(0.00px);opacity:1.000;z-index:4}83.333%{transform:translate(calc(var(--rx)*-0.8660),calc(var(--ry)*0.5000)) scale(0.930);filter:blur(0.00px);opacity:1.000;z-index:4}84.722%{transform:translate(calc(var(--rx)*-0.8192),calc(var(--ry)*0.5736)) scale(0.940);filter:blur(0.00px);opacity:1.000;z-index:4}86.111%{transform:translate(calc(var(--rx)*-0.7660),calc(var(--ry)*0.6428)) scale(0.950);filter:blur(0.00px);opacity:1.000;z-index:4}87.500%{transform:translate(calc(var(--rx)*-0.7071),calc(var(--ry)*0.7071)) scale(0.959);filter:blur(0.00px);opacity:1.000;z-index:4}88.889%{transform:translate(calc(var(--rx)*-0.6428),calc(var(--ry)*0.7660)) scale(0.967);filter:blur(0.00px);opacity:1.000;z-index:4}90.278%{transform:translate(calc(var(--rx)*-0.5736),calc(var(--ry)*0.8192)) scale(0.975);filter:blur(0.00px);opacity:1.000;z-index:4}91.667%{transform:translate(calc(var(--rx)*-0.5000),calc(var(--ry)*0.8660)) scale(0.981);filter:blur(0.00px);opacity:1.000;z-index:4}93.056%{transform:translate(calc(var(--rx)*-0.4226),calc(var(--ry)*0.9063)) scale(0.987);filter:blur(0.00px);opacity:1.000;z-index:4}94.444%{transform:translate(calc(var(--rx)*-0.3420),calc(var(--ry)*0.9397)) scale(0.992);filter:blur(0.00px);opacity:1.000;z-index:4}95.833%{transform:translate(calc(var(--rx)*-0.2588),calc(var(--ry)*0.9659)) scale(0.995);filter:blur(0.00px);opacity:1.000;z-index:4}97.222%{transform:translate(calc(var(--rx)*-0.1736),calc(var(--ry)*0.9848)) scale(0.998);filter:blur(0.00px);opacity:1.000;z-index:4}98.611%{transform:translate(calc(var(--rx)*-0.0872),calc(var(--ry)*0.9962)) scale(0.999);filter:blur(0.00px);opacity:1.000;z-index:4}100.000%{transform:translate(calc(var(--rx)*-0.0000),calc(var(--ry)*1.0000)) scale(1.000);filter:blur(0.00px);opacity:1.000;z-index:4}}
@keyframes orbit-p{0.000%{transform:translate(calc(var(--rx)*0.0000),calc(var(--ry)*1.0000)) scale(1.000);filter:blur(0.00px);opacity:1.000;z-index:4}1.389%{transform:translate(calc(var(--rx)*0.0872),calc(var(--ry)*0.9962)) scale(0.999);filter:blur(0.00px);opacity:1.000;z-index:4}2.778%{transform:translate(calc(var(--rx)*0.1736),calc(var(--ry)*0.9848)) scale(0.998);filter:blur(0.00px);opacity:1.000;z-index:4}4.167%{transform:translate(calc(var(--rx)*0.2588),calc(var(--ry)*0.9659)) scale(0.995);filter:blur(0.00px);opacity:1.000;z-index:4}5.556%{transform:translate(calc(var(--rx)*0.3420),calc(var(--ry)*0.9397)) scale(0.992);filter:blur(0.00px);opacity:1.000;z-index:4}6.944%{transform:translate(calc(var(--rx)*0.4226),calc(var(--ry)*0.9063)) scale(0.987);filter:blur(0.00px);opacity:1.000;z-index:4}8.333%{transform:translate(calc(var(--rx)*0.5000),calc(var(--ry)*0.8660)) scale(0.981);filter:blur(0.00px);opacity:1.000;z-index:4}9.722%{transform:translate(calc(var(--rx)*0.5736),calc(var(--ry)*0.8192)) scale(0.975);filter:blur(0.00px);opacity:1.000;z-index:4}11.111%{transform:translate(calc(var(--rx)*0.6428),calc(var(--ry)*0.7660)) scale(0.967);filter:blur(0.00px);opacity:1.000;z-index:4}12.500%{transform:translate(calc(var(--rx)*0.7071),calc(var(--ry)*0.7071)) scale(0.959);filter:blur(0.00px);opacity:1.000;z-index:4}13.889%{transform:translate(calc(var(--rx)*0.7660),calc(var(--ry)*0.6428)) scale(0.950);filter:blur(0.00px);opacity:1.000;z-index:4}15.278%{transform:translate(calc(var(--rx)*0.8192),calc(var(--ry)*0.5736)) scale(0.940);filter:blur(0.00px);opacity:1.000;z-index:4}16.667%{transform:translate(calc(var(--rx)*0.8660),calc(var(--ry)*0.5000)) scale(0.930);filter:blur(0.00px);opacity:1.000;z-index:4}18.056%{transform:translate(calc(var(--rx)*0.9063),calc(var(--ry)*0.4226)) scale(0.919);filter:blur(0.00px);opacity:1.000;z-index:4}19.444%{transform:translate(calc(var(--rx)*0.9397),calc(var(--ry)*0.3420)) scale(0.908);filter:blur(0.00px);opacity:1.000;z-index:4}20.833%{transform:translate(calc(var(--rx)*0.9659),calc(var(--ry)*0.2588)) scale(0.896);filter:blur(0.00px);opacity:0.998;z-index:4}22.222%{transform:translate(calc(var(--rx)*0.9848),calc(var(--ry)*0.1736)) scale(0.884);filter:blur(0.05px);opacity:0.981;z-index:1}23.611%{transform:translate(calc(var(--rx)*0.9962),calc(var(--ry)*0.0872)) scale(0.872);filter:blur(0.26px);opacity:0.948;z-index:1}25.000%{transform:translate(calc(var(--rx)*1.0000),calc(var(--ry)*0.0000)) scale(0.860);filter:blur(0.61px);opacity:0.903;z-index:1}26.389%{transform:translate(calc(var(--rx)*0.9962),calc(var(--ry)*-0.0872)) scale(0.848);filter:blur(1.05px);opacity:0.848;z-index:1}27.778%{transform:translate(calc(var(--rx)*0.9848),calc(var(--ry)*-0.1736)) scale(0.836);filter:blur(1.57px);opacity:0.786;z-index:1}29.167%{transform:translate(calc(var(--rx)*0.9659),calc(var(--ry)*-0.2588)) scale(0.824);filter:blur(2.13px);opacity:0.722;z-index:1}30.556%{transform:translate(calc(var(--rx)*0.9397),calc(var(--ry)*-0.3420)) scale(0.812);filter:blur(2.68px);opacity:0.657;z-index:1}31.944%{transform:translate(calc(var(--rx)*0.9063),calc(var(--ry)*-0.4226)) scale(0.801);filter:blur(3.20px);opacity:0.596;z-index:1}33.333%{transform:translate(calc(var(--rx)*0.8660),calc(var(--ry)*-0.5000)) scale(0.790);filter:blur(3.67px);opacity:0.541;z-index:1}34.722%{transform:translate(calc(var(--rx)*0.8192),calc(var(--ry)*-0.5736)) scale(0.780);filter:blur(4.07px);opacity:0.493;z-index:1}36.111%{transform:translate(calc(var(--rx)*0.7660),calc(var(--ry)*-0.6428)) scale(0.770);filter:blur(4.38px);opacity:0.453;z-index:1}37.500%{transform:translate(calc(var(--rx)*0.7071),calc(var(--ry)*-0.7071)) scale(0.761);filter:blur(4.60px);opacity:0.423;z-index:1}38.889%{transform:translate(calc(var(--rx)*0.6428),calc(var(--ry)*-0.7660)) scale(0.753);filter:blur(4.74px);opacity:0.401;z-index:1}40.278%{transform:translate(calc(var(--rx)*0.5736),calc(var(--ry)*-0.8192)) scale(0.745);filter:blur(4.79px);opacity:0.388;z-index:1}41.667%{transform:translate(calc(var(--rx)*0.5000),calc(var(--ry)*-0.8660)) scale(0.739);filter:blur(4.80px);opacity:0.381;z-index:1}43.056%{transform:translate(calc(var(--rx)*0.4226),calc(var(--ry)*-0.9063)) scale(0.733);filter:blur(4.80px);opacity:0.380;z-index:1}44.444%{transform:translate(calc(var(--rx)*0.3420),calc(var(--ry)*-0.9397)) scale(0.728);filter:blur(4.80px);opacity:0.380;z-index:1}45.833%{transform:translate(calc(var(--rx)*0.2588),calc(var(--ry)*-0.9659)) scale(0.725);filter:blur(4.80px);opacity:0.380;z-index:1}47.222%{transform:translate(calc(var(--rx)*0.1736),calc(var(--ry)*-0.9848)) scale(0.722);filter:blur(4.80px);opacity:0.380;z-index:1}48.611%{transform:translate(calc(var(--rx)*0.0872),calc(var(--ry)*-0.9962)) scale(0.721);filter:blur(4.80px);opacity:0.380;z-index:1}50.000%{transform:translate(calc(var(--rx)*0.0000),calc(var(--ry)*-1.0000)) scale(0.720);filter:blur(4.80px);opacity:0.380;z-index:1}51.389%{transform:translate(calc(var(--rx)*-0.0872),calc(var(--ry)*-0.9962)) scale(0.721);filter:blur(4.80px);opacity:0.380;z-index:1}52.778%{transform:translate(calc(var(--rx)*-0.1736),calc(var(--ry)*-0.9848)) scale(0.722);filter:blur(4.80px);opacity:0.380;z-index:1}54.167%{transform:translate(calc(var(--rx)*-0.2588),calc(var(--ry)*-0.9659)) scale(0.725);filter:blur(4.80px);opacity:0.380;z-index:1}55.556%{transform:translate(calc(var(--rx)*-0.3420),calc(var(--ry)*-0.9397)) scale(0.728);filter:blur(4.80px);opacity:0.380;z-index:1}56.944%{transform:translate(calc(var(--rx)*-0.4226),calc(var(--ry)*-0.9063)) scale(0.733);filter:blur(4.80px);opacity:0.380;z-index:1}58.333%{transform:translate(calc(var(--rx)*-0.5000),calc(var(--ry)*-0.8660)) scale(0.739);filter:blur(4.80px);opacity:0.381;z-index:1}59.722%{transform:translate(calc(var(--rx)*-0.5736),calc(var(--ry)*-0.8192)) scale(0.745);filter:blur(4.79px);opacity:0.388;z-index:1}61.111%{transform:translate(calc(var(--rx)*-0.6428),calc(var(--ry)*-0.7660)) scale(0.753);filter:blur(4.74px);opacity:0.401;z-index:1}62.500%{transform:translate(calc(var(--rx)*-0.7071),calc(var(--ry)*-0.7071)) scale(0.761);filter:blur(4.60px);opacity:0.423;z-index:1}63.889%{transform:translate(calc(var(--rx)*-0.7660),calc(var(--ry)*-0.6428)) scale(0.770);filter:blur(4.38px);opacity:0.453;z-index:1}65.278%{transform:translate(calc(var(--rx)*-0.8192),calc(var(--ry)*-0.5736)) scale(0.780);filter:blur(4.07px);opacity:0.493;z-index:1}66.667%{transform:translate(calc(var(--rx)*-0.8660),calc(var(--ry)*-0.5000)) scale(0.790);filter:blur(3.67px);opacity:0.541;z-index:1}68.056%{transform:translate(calc(var(--rx)*-0.9063),calc(var(--ry)*-0.4226)) scale(0.801);filter:blur(3.20px);opacity:0.596;z-index:1}69.444%{transform:translate(calc(var(--rx)*-0.9397),calc(var(--ry)*-0.3420)) scale(0.812);filter:blur(2.68px);opacity:0.657;z-index:1}70.833%{transform:translate(calc(var(--rx)*-0.9659),calc(var(--ry)*-0.2588)) scale(0.824);filter:blur(2.13px);opacity:0.722;z-index:1}72.222%{transform:translate(calc(var(--rx)*-0.9848),calc(var(--ry)*-0.1736)) scale(0.836);filter:blur(1.57px);opacity:0.786;z-index:1}73.611%{transform:translate(calc(var(--rx)*-0.9962),calc(var(--ry)*-0.0872)) scale(0.848);filter:blur(1.05px);opacity:0.848;z-index:1}75.000%{transform:translate(calc(var(--rx)*-1.0000),calc(var(--ry)*-0.0000)) scale(0.860);filter:blur(0.61px);opacity:0.903;z-index:1}76.389%{transform:translate(calc(var(--rx)*-0.9962),calc(var(--ry)*0.0872)) scale(0.872);filter:blur(0.26px);opacity:0.948;z-index:1}77.778%{transform:translate(calc(var(--rx)*-0.9848),calc(var(--ry)*0.1736)) scale(0.884);filter:blur(0.05px);opacity:0.981;z-index:1}79.167%{transform:translate(calc(var(--rx)*-0.9659),calc(var(--ry)*0.2588)) scale(0.896);filter:blur(0.00px);opacity:0.998;z-index:4}80.556%{transform:translate(calc(var(--rx)*-0.9397),calc(var(--ry)*0.3420)) scale(0.908);filter:blur(0.00px);opacity:1.000;z-index:4}81.944%{transform:translate(calc(var(--rx)*-0.9063),calc(var(--ry)*0.4226)) scale(0.919);filter:blur(0.00px);opacity:1.000;z-index:4}83.333%{transform:translate(calc(var(--rx)*-0.8660),calc(var(--ry)*0.5000)) scale(0.930);filter:blur(0.00px);opacity:1.000;z-index:4}84.722%{transform:translate(calc(var(--rx)*-0.8192),calc(var(--ry)*0.5736)) scale(0.940);filter:blur(0.00px);opacity:1.000;z-index:4}86.111%{transform:translate(calc(var(--rx)*-0.7660),calc(var(--ry)*0.6428)) scale(0.950);filter:blur(0.00px);opacity:1.000;z-index:4}87.500%{transform:translate(calc(var(--rx)*-0.7071),calc(var(--ry)*0.7071)) scale(0.959);filter:blur(0.00px);opacity:1.000;z-index:4}88.889%{transform:translate(calc(var(--rx)*-0.6428),calc(var(--ry)*0.7660)) scale(0.967);filter:blur(0.00px);opacity:1.000;z-index:4}90.278%{transform:translate(calc(var(--rx)*-0.5736),calc(var(--ry)*0.8192)) scale(0.975);filter:blur(0.00px);opacity:1.000;z-index:4}91.667%{transform:translate(calc(var(--rx)*-0.5000),calc(var(--ry)*0.8660)) scale(0.981);filter:blur(0.00px);opacity:1.000;z-index:4}93.056%{transform:translate(calc(var(--rx)*-0.4226),calc(var(--ry)*0.9063)) scale(0.987);filter:blur(0.00px);opacity:1.000;z-index:4}94.444%{transform:translate(calc(var(--rx)*-0.3420),calc(var(--ry)*0.9397)) scale(0.992);filter:blur(0.00px);opacity:1.000;z-index:4}95.833%{transform:translate(calc(var(--rx)*-0.2588),calc(var(--ry)*0.9659)) scale(0.995);filter:blur(0.00px);opacity:1.000;z-index:4}97.222%{transform:translate(calc(var(--rx)*-0.1736),calc(var(--ry)*0.9848)) scale(0.998);filter:blur(0.00px);opacity:1.000;z-index:4}98.611%{transform:translate(calc(var(--rx)*-0.0872),calc(var(--ry)*0.9962)) scale(0.999);filter:blur(0.00px);opacity:1.000;z-index:4}100.000%{transform:translate(calc(var(--rx)*-0.0000),calc(var(--ry)*1.0000)) scale(1.000);filter:blur(0.00px);opacity:1.000;z-index:4}}
.oc1{--d:-3.75s;--dp:-7.50s}
.oc2{--d:-11.25s}
.oc3{--d:-18.75s;--dp:-22.50s}
.oc4{--d:-26.25s;--dp:-37.50s}
.oc5{--d:-33.75s}
.oc6{--d:-41.25s;--dp:-52.50s}
.oc7{--d:-48.75s}
.oc8{--d:-56.25s}
.s1-1{left:calc(var(--u)*72);top:calc(var(--u)*44);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:1}
.s1-1 .sc__scr{border-radius:calc(var(--u)*28)}
.s1-1 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s1-2{left:calc(var(--u)*317);top:calc(var(--u)*24);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:2}
.s1-2 .sc__scr{border-radius:calc(var(--u)*28)}
.s1-2 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s1-3{left:calc(var(--u)*562);top:calc(var(--u)*44);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:1}
.s1-3 .sc__scr{border-radius:calc(var(--u)*28)}
.s1-3 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s2-1{left:calc(var(--u)*36);top:calc(var(--u)*44);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:2}
.s2-1 .sc__scr{border-radius:calc(var(--u)*28)}
.s2-1 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s2-2{left:calc(var(--u)*214);top:calc(var(--u)*24);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:3}
.s2-2 .sc__scr{border-radius:calc(var(--u)*28)}
.s2-2 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s2-3{left:calc(var(--u)*400);top:calc(var(--u)*64);width:calc(var(--u)*420);z-index:1}
.s2-3 .sc__scr{height:calc(var(--u)*352)}
.s3-1{left:calc(var(--u)*72);top:calc(var(--u)*44);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:1}
.s3-1 .sc__scr{border-radius:calc(var(--u)*28)}
.s3-1 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s3-2{left:calc(var(--u)*317);top:calc(var(--u)*24);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:2}
.s3-2 .sc__scr{border-radius:calc(var(--u)*28)}
.s3-2 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s3-3{left:calc(var(--u)*562);top:calc(var(--u)*44);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:1}
.s3-3 .sc__scr{border-radius:calc(var(--u)*28)}
.s3-3 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s4-1{left:calc(var(--u)*28);top:calc(var(--u)*36);width:calc(var(--u)*500);z-index:1}
.s4-1 .sc__scr{height:calc(var(--u)*361)}
.s4-2{left:calc(var(--u)*400);top:calc(var(--u)*96);width:calc(var(--u)*410);z-index:2}
.s4-2 .sc__scr{height:calc(var(--u)*256)}
.s4-2 img{position:absolute;max-width:none;width:100%;height:auto;left:0%;top:calc(var(--u)*0)}
.s5-1{left:calc(var(--u)*36);top:calc(var(--u)*100);width:calc(var(--u)*600);z-index:1}
.s5-1 .sc__scr{height:calc(var(--u)*236)}
.s5-1 img{position:absolute;max-width:none;width:125%;height:auto;left:-22.5%;top:calc(var(--u)*-28.125)}
.s5-2{left:calc(var(--u)*470);top:calc(var(--u)*40);width:calc(var(--u)*360);z-index:2}
.s5-2 .sc__scr{height:calc(var(--u)*266)}
.s6-1{left:calc(var(--u)*70);top:calc(var(--u)*66);width:calc(var(--u)*181);height:calc(var(--u)*364);border-radius:calc(var(--u)*35);z-index:1}
.s6-1 .sc__scr{border-radius:calc(var(--u)*23)}
.s6-1 .sc__notch{width:calc(var(--u)*47);margin-left:calc(var(--u)*-24)}
.s6-2{left:calc(var(--u)*554);top:calc(var(--u)*66);width:calc(var(--u)*181);height:calc(var(--u)*364);border-radius:calc(var(--u)*35);z-index:1}
.s6-2 .sc__scr{border-radius:calc(var(--u)*23)}
.s6-2 .sc__notch{width:calc(var(--u)*47);margin-left:calc(var(--u)*-24)}
.s6-3{left:calc(var(--u)*420);top:calc(var(--u)*28);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:2}
.s6-3 .sc__scr{border-radius:calc(var(--u)*28)}
.s6-3 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s7-1{left:calc(var(--u)*68);top:calc(var(--u)*40);width:calc(var(--u)*540);z-index:1}
.s7-1 .sc__scr{height:calc(var(--u)*344)}
.s7-2{left:calc(var(--u)*598);top:calc(var(--u)*28);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:2}
.s7-2 .sc__scr{border-radius:calc(var(--u)*28)}
.s7-2 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s8-1{left:calc(var(--u)*258);top:calc(var(--u)*48);width:calc(var(--u)*540);z-index:1}
.s8-1 .sc__scr{height:calc(var(--u)*344)}
.s8-2{left:calc(var(--u)*70);top:calc(var(--u)*40);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:2}
.s8-2 .sc__scr{border-radius:calc(var(--u)*28)}
.s8-2 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s9-1{left:calc(var(--u)*68);top:calc(var(--u)*28);width:calc(var(--u)*600);z-index:1}
.s9-1 .sc__scr{height:calc(var(--u)*382)}
.s9-2{left:calc(var(--u)*474);top:calc(var(--u)*90);width:calc(var(--u)*330);height:calc(var(--u)*334);z-index:3}
.s10-1{left:calc(var(--u)*36);top:calc(var(--u)*44);width:calc(var(--u)*560);z-index:1}
.s10-1 .sc__scr{height:calc(var(--u)*356)}
.s10-2{left:calc(var(--u)*330);top:calc(var(--u)*258);width:calc(var(--u)*470);height:calc(var(--u)*186);z-index:3}
.s11-1{left:calc(var(--u)*48);width:calc(var(--u)*768);z-index:1}
.s12-1{left:calc(var(--u)*40);top:calc(var(--u)*40);width:calc(var(--u)*560);z-index:1}
.s12-1 .sc__scr{height:calc(var(--u)*350)}
.s12-1 img{position:absolute;max-width:none;width:100%;height:auto;left:0%;top:calc(var(--u)*0)}
.s12-2{left:calc(var(--u)*590);top:calc(var(--u)*28);width:calc(var(--u)*205);height:calc(var(--u)*416);border-radius:calc(var(--u)*40);z-index:2}
.s12-2 .sc__scr{border-radius:calc(var(--u)*28)}
.s12-2 .sc__notch{width:calc(var(--u)*54);margin-left:calc(var(--u)*-27)}
.s13-1{left:calc(var(--u)*68);top:calc(var(--u)*40);width:calc(var(--u)*500);z-index:1}
.s13-1 .sc__scr{height:calc(var(--u)*313)}
.s13-1 img{position:absolute;max-width:none;width:100%;height:auto;left:0%;top:calc(var(--u)*0)}
.s13-2{left:calc(var(--u)*300);top:calc(var(--u)*100);width:calc(var(--u)*500);z-index:2}
.s13-2 .sc__scr{height:calc(var(--u)*313)}
.s13-2 img{position:absolute;max-width:none;width:100%;height:auto;left:0%;top:calc(var(--u)*0)}

/* generated by pages/tasks */
.fp-tasks-h-1{left:calc(var(--u)*211);top:calc(var(--u)*70);width:calc(var(--u)*241);height:calc(var(--u)*494);border-radius:calc(var(--u)*47);z-index:2}
.fp-tasks-h-1 .sc__scr{border-radius:calc(var(--u)*35)}
.fp-tasks-h-1 .sc__notch{width:calc(var(--u)*65);margin-left:calc(var(--u)*-33)}
.fp-tasks-h-2{left:calc(var(--u)*497);top:calc(var(--u)*34);width:calc(var(--u)*255);height:calc(var(--u)*524);border-radius:calc(var(--u)*50);z-index:3}
.fp-tasks-h-2 .sc__scr{border-radius:calc(var(--u)*38)}
.fp-tasks-h-2 .sc__notch{width:calc(var(--u)*69);margin-left:calc(var(--u)*-35)}
.fp-tasks-h-3{left:calc(var(--u)*792);top:calc(var(--u)*70);width:calc(var(--u)*241);height:calc(var(--u)*494);border-radius:calc(var(--u)*47);z-index:2}
.fp-tasks-h-3 .sc__scr{border-radius:calc(var(--u)*35)}
.fp-tasks-h-3 .sc__notch{width:calc(var(--u)*65);margin-left:calc(var(--u)*-33)}
.fp-tasks-r1-1{left:calc(var(--u)*394);top:calc(var(--u)*36);width:calc(var(--u)*227);height:calc(var(--u)*464);border-radius:calc(var(--u)*45);z-index:2}
.fp-tasks-r1-1 .sc__scr{border-radius:calc(var(--u)*33)}
.fp-tasks-r1-1 .sc__notch{width:calc(var(--u)*61);margin-left:calc(var(--u)*-30)}
.fp-tasks-r1-2{left:calc(var(--u)*120);top:calc(var(--u)*36);width:calc(var(--u)*227);height:calc(var(--u)*464);border-radius:calc(var(--u)*45);z-index:2}
.fp-tasks-r1-2 .sc__scr{border-radius:calc(var(--u)*33)}
.fp-tasks-r1-2 .sc__notch{width:calc(var(--u)*61);margin-left:calc(var(--u)*-30)}
.fpk-tasks-r1{aspect-ratio:740 / 520}
.fp-tasks-r2-1{left:calc(var(--u)*120);top:calc(var(--u)*44);width:calc(var(--u)*227);height:calc(var(--u)*464);border-radius:calc(var(--u)*45);z-index:1}
.fp-tasks-r2-1 .sc__scr{border-radius:calc(var(--u)*33)}
.fp-tasks-r2-1 .sc__notch{width:calc(var(--u)*61);margin-left:calc(var(--u)*-30)}
.fp-tasks-r2-2{left:calc(var(--u)*394);top:calc(var(--u)*26);width:calc(var(--u)*227);height:calc(var(--u)*464);border-radius:calc(var(--u)*45);z-index:2}
.fp-tasks-r2-2 .sc__scr{border-radius:calc(var(--u)*33)}
.fp-tasks-r2-2 .sc__notch{width:calc(var(--u)*61);margin-left:calc(var(--u)*-30)}
.fpk-tasks-r2{aspect-ratio:740 / 520}
.fp-tasks-r3-1{left:calc(var(--u)*90);top:calc(var(--u)*10);width:calc(var(--u)*560);z-index:1}
.fp-tasks-r3-1 .sc__scr{height:calc(var(--u)*470)}
.fpk-tasks-r3{aspect-ratio:740 / 520}
.fp-tasks-r4-1{left:calc(var(--u)*120);top:calc(var(--u)*44);width:calc(var(--u)*227);height:calc(var(--u)*464);border-radius:calc(var(--u)*45);z-index:1}
.fp-tasks-r4-1 .sc__scr{border-radius:calc(var(--u)*33)}
.fp-tasks-r4-1 .sc__notch{width:calc(var(--u)*61);margin-left:calc(var(--u)*-30)}
.fp-tasks-r4-2{left:calc(var(--u)*394);top:calc(var(--u)*26);width:calc(var(--u)*227);height:calc(var(--u)*464);border-radius:calc(var(--u)*45);z-index:2}
.fp-tasks-r4-2 .sc__scr{border-radius:calc(var(--u)*33)}
.fp-tasks-r4-2 .sc__notch{width:calc(var(--u)*61);margin-left:calc(var(--u)*-30)}
.fpk-tasks-r4{aspect-ratio:740 / 520}
.fp-tasks-r5-1{left:calc(var(--u)*30);top:calc(var(--u)*60);width:calc(var(--u)*640);z-index:1}
.fp-tasks-r5-1 .sc__scr{height:calc(var(--u)*279)}
.fp-tasks-r5-2{left:calc(var(--u)*470);top:calc(var(--u)*62);width:calc(var(--u)*218);height:calc(var(--u)*444);border-radius:calc(var(--u)*43);z-index:2}
.fp-tasks-r5-2 .sc__scr{border-radius:calc(var(--u)*31)}
.fp-tasks-r5-2 .sc__notch{width:calc(var(--u)*58);margin-left:calc(var(--u)*-29)}
.fpk-tasks-r5{aspect-ratio:740 / 520}
.fpk-tasks-r6{aspect-ratio:740 / 520}
.fp-tasks-r7-1{left:calc(var(--u)*45);top:calc(var(--u)*56);width:calc(var(--u)*650);z-index:1}
.fp-tasks-r7-1 .sc__scr{height:calc(var(--u)*400)}
.fp-tasks-r7-1 img{position:absolute;max-width:none;width:133.333%;height:auto;left:-26.667%;top:calc(var(--u)*-43.333)}
.fpk-tasks-r7{aspect-ratio:740 / 520}
.fp-tasks-m2-1{left:calc(var(--u)*0);top:calc(var(--u)*250);width:calc(var(--u)*430);height:calc(var(--u)*171);z-index:3}
.fp-tasks-m2-2{left:calc(var(--u)*262);top:calc(var(--u)*4);width:calc(var(--u)*209);height:calc(var(--u)*424);border-radius:calc(var(--u)*41);z-index:2}
.fp-tasks-m2-2 .sc__scr{border-radius:calc(var(--u)*29)}
.fp-tasks-m2-2 .sc__notch{width:calc(var(--u)*56);margin-left:calc(var(--u)*-28)}
.fpk-tasks-m2{aspect-ratio:500 / 430}
@media (max-width: 599.98px){
.fp-tasks-h-1{left:calc(var(--u)*16);top:calc(var(--u)*56);width:calc(var(--u)*112);height:calc(var(--u)*214);border-radius:calc(var(--u)*22);z-index:2}
.fp-tasks-h-1 .sc__scr{border-radius:calc(var(--u)*10)}
.fp-tasks-h-1 .sc__notch{width:calc(var(--u)*26);margin-left:calc(var(--u)*-13)}
.fp-tasks-h-2{left:calc(var(--u)*108);top:calc(var(--u)*30);width:calc(var(--u)*121);height:calc(var(--u)*234);border-radius:calc(var(--u)*23);z-index:3}
.fp-tasks-h-2 .sc__scr{border-radius:calc(var(--u)*11)}
.fp-tasks-h-2 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fp-tasks-h-3{left:calc(var(--u)*206);top:calc(var(--u)*56);width:calc(var(--u)*112);height:calc(var(--u)*214);border-radius:calc(var(--u)*22);z-index:2}
.fp-tasks-h-3 .sc__scr{border-radius:calc(var(--u)*10)}
.fp-tasks-h-3 .sc__notch{width:calc(var(--u)*26);margin-left:calc(var(--u)*-13)}
.fp-tasks-r1-1{left:calc(var(--u)*176);top:calc(var(--u)*22);width:calc(var(--u)*140);height:calc(var(--u)*274);border-radius:calc(var(--u)*27);z-index:2}
.fp-tasks-r1-1 .sc__scr{border-radius:calc(var(--u)*15)}
.fp-tasks-r1-1 .sc__notch{width:calc(var(--u)*35);margin-left:calc(var(--u)*-17)}
.fp-tasks-r1-2{left:calc(var(--u)*36);top:calc(var(--u)*30);width:calc(var(--u)*140);height:calc(var(--u)*274);border-radius:calc(var(--u)*27);z-index:2}
.fp-tasks-r1-2 .sc__scr{border-radius:calc(var(--u)*15)}
.fp-tasks-r1-2 .sc__notch{width:calc(var(--u)*35);margin-left:calc(var(--u)*-17)}
.fpk-tasks-r1{aspect-ratio:334 / 330}
.fp-tasks-r2-1{left:calc(var(--u)*36);top:calc(var(--u)*34);width:calc(var(--u)*140);height:calc(var(--u)*274);border-radius:calc(var(--u)*27);z-index:1}
.fp-tasks-r2-1 .sc__scr{border-radius:calc(var(--u)*15)}
.fp-tasks-r2-1 .sc__notch{width:calc(var(--u)*35);margin-left:calc(var(--u)*-17)}
.fp-tasks-r2-2{left:calc(var(--u)*176);top:calc(var(--u)*22);width:calc(var(--u)*140);height:calc(var(--u)*274);border-radius:calc(var(--u)*27);z-index:2}
.fp-tasks-r2-2 .sc__scr{border-radius:calc(var(--u)*15)}
.fp-tasks-r2-2 .sc__notch{width:calc(var(--u)*35);margin-left:calc(var(--u)*-17)}
.fpk-tasks-r2{aspect-ratio:334 / 330}
.fp-tasks-r3-1{left:calc(var(--u)*32);top:calc(var(--u)*30);width:calc(var(--u)*270);z-index:1}
.fp-tasks-r3-1 .sc__scr{height:calc(var(--u)*227)}
.fpk-tasks-r3{aspect-ratio:334 / 320}
.fp-tasks-r4-1{left:calc(var(--u)*36);top:calc(var(--u)*34);width:calc(var(--u)*140);height:calc(var(--u)*274);border-radius:calc(var(--u)*27);z-index:1}
.fp-tasks-r4-1 .sc__scr{border-radius:calc(var(--u)*15)}
.fp-tasks-r4-1 .sc__notch{width:calc(var(--u)*35);margin-left:calc(var(--u)*-17)}
.fp-tasks-r4-2{left:calc(var(--u)*176);top:calc(var(--u)*22);width:calc(var(--u)*140);height:calc(var(--u)*274);border-radius:calc(var(--u)*27);z-index:2}
.fp-tasks-r4-2 .sc__scr{border-radius:calc(var(--u)*15)}
.fp-tasks-r4-2 .sc__notch{width:calc(var(--u)*35);margin-left:calc(var(--u)*-17)}
.fpk-tasks-r4{aspect-ratio:334 / 330}
.fp-tasks-r5-1{left:calc(var(--u)*14);top:calc(var(--u)*40);width:calc(var(--u)*270);z-index:1}
.fp-tasks-r5-1 .sc__scr{height:calc(var(--u)*118)}
.fp-tasks-r5-2{left:calc(var(--u)*196);top:calc(var(--u)*56);width:calc(var(--u)*130);height:calc(var(--u)*254);border-radius:calc(var(--u)*25);z-index:2}
.fp-tasks-r5-2 .sc__scr{border-radius:calc(var(--u)*13)}
.fp-tasks-r5-2 .sc__notch{width:calc(var(--u)*32);margin-left:calc(var(--u)*-16)}
.fpk-tasks-r5{aspect-ratio:334 / 330}
.fpk-tasks-r6{aspect-ratio:334 / 320}
.fp-tasks-r7-1{left:calc(var(--u)*22);top:calc(var(--u)*36);width:calc(var(--u)*290);z-index:1}
.fp-tasks-r7-1 .sc__scr{height:calc(var(--u)*180)}
.fp-tasks-r7-1 img{position:absolute;max-width:none;width:133.333%;height:auto;left:-26.667%;top:calc(var(--u)*-19.333)}
.fpk-tasks-r7{aspect-ratio:334 / 280}
.fp-tasks-m2-1{left:calc(var(--u)*8);top:calc(var(--u)*150);width:calc(var(--u)*250);height:calc(var(--u)*99);z-index:3}
.fp-tasks-m2-2{left:calc(var(--u)*188);top:calc(var(--u)*4);width:calc(var(--u)*140);height:calc(var(--u)*274);border-radius:calc(var(--u)*27);z-index:2}
.fp-tasks-m2-2 .sc__scr{border-radius:calc(var(--u)*15)}
.fp-tasks-m2-2 .sc__notch{width:calc(var(--u)*35);margin-left:calc(var(--u)*-17)}
.fpk-tasks-m2{aspect-ratio:334 / 290}
}

/* generated by pages/drafts */
.fp-drafts-h-1{left:calc(var(--u)*33);top:calc(var(--u)*82);width:calc(var(--u)*605);height:calc(var(--u)*436);z-index:3}
.fp-drafts-h-2{left:calc(var(--u)*457);top:calc(var(--u)*45);width:calc(var(--u)*750);z-index:1}
.fp-drafts-h-2 .sc__scr{height:calc(var(--u)*477)}
.fp-drafts-r1-1{left:calc(var(--u)*82);top:calc(var(--u)*52);width:calc(var(--u)*577);height:calc(var(--u)*416);z-index:3}
.fpk-drafts-r1{aspect-ratio:740 / 520}
.fp-drafts-r2-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-drafts-r2-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-drafts-r2{aspect-ratio:740 / 520}
@media (max-width: 599.98px){
.fp-drafts-h-1{left:calc(var(--u)*10);top:calc(var(--u)*92);width:calc(var(--u)*162);height:calc(var(--u)*117);z-index:3}
.fp-drafts-h-2{left:calc(var(--u)*123);top:calc(var(--u)*70);width:calc(var(--u)*201);z-index:1}
.fp-drafts-h-2 .sc__scr{height:calc(var(--u)*128)}
.fp-drafts-r1-1{left:calc(var(--u)*33);top:calc(var(--u)*49);width:calc(var(--u)*267);height:calc(var(--u)*193);z-index:3}
.fpk-drafts-r1{aspect-ratio:334 / 290}
.fp-drafts-r2-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-drafts-r2-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-drafts-r2{aspect-ratio:334 / 270}
}

/* generated by pages/hiring */
.fp-hiring-h-1{left:calc(var(--u)*26);top:calc(var(--u)*56);width:calc(var(--u)*730);z-index:1}
.fp-hiring-h-1 .sc__scr{height:calc(var(--u)*456)}
.fp-hiring-h-2{left:calc(var(--u)*559);top:calc(var(--u)*42);width:calc(var(--u)*656);z-index:1}
.fp-hiring-h-2 .sc__scr{height:calc(var(--u)*484)}
.fp-hiring-r1-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-hiring-r1-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-hiring-r1{aspect-ratio:740 / 520}
.fp-hiring-r2-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-hiring-r2-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-hiring-r2-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-hiring-r2{aspect-ratio:740 / 520}
.fp-hiring-r3-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-hiring-r3-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-hiring-r3-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-hiring-r3{aspect-ratio:740 / 520}
.fp-hiring-r4-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-hiring-r4-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-hiring-r4-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-hiring-r4{aspect-ratio:740 / 520}
@media (max-width: 599.98px){
.fp-hiring-h-1{left:calc(var(--u)*10);top:calc(var(--u)*76);width:calc(var(--u)*185);z-index:1}
.fp-hiring-h-1 .sc__scr{height:calc(var(--u)*116)}
.fp-hiring-h-2{left:calc(var(--u)*139);top:calc(var(--u)*66);width:calc(var(--u)*185);z-index:1}
.fp-hiring-h-2 .sc__scr{height:calc(var(--u)*137)}
.fp-hiring-r1-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-hiring-r1-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-hiring-r1{aspect-ratio:334 / 270}
.fp-hiring-r2-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-hiring-r2-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-hiring-r2-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-hiring-r2{aspect-ratio:334 / 310}
.fp-hiring-r3-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-hiring-r3-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-hiring-r3-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-hiring-r3{aspect-ratio:334 / 310}
.fp-hiring-r4-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-hiring-r4-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-hiring-r4-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-hiring-r4{aspect-ratio:334 / 310}
}

/* generated by pages/growth */
.fp-growth-h-1{left:calc(var(--u)*156);top:calc(var(--u)*42);width:calc(var(--u)*761);z-index:1}
.fp-growth-h-1 .sc__scr{height:calc(var(--u)*484)}
.fp-growth-h-2{left:calc(var(--u)*844);top:calc(var(--u)*54);width:calc(var(--u)*240);height:calc(var(--u)*492);border-radius:calc(var(--u)*47);z-index:2}
.fp-growth-h-2 .sc__scr{border-radius:calc(var(--u)*35)}
.fp-growth-h-2 .sc__notch{width:calc(var(--u)*65);margin-left:calc(var(--u)*-32)}
.fp-growth-r1-1{left:calc(var(--u)*44);top:calc(var(--u)*37);width:calc(var(--u)*651);z-index:1}
.fp-growth-r1-1 .sc__scr{height:calc(var(--u)*414)}
.fpk-growth-r1{aspect-ratio:740 / 520}
.fp-growth-r2-1{left:calc(var(--u)*71);top:calc(var(--u)*36);width:calc(var(--u)*598);z-index:1}
.fp-growth-r2-1 .sc__scr{height:calc(var(--u)*415)}
.fpk-growth-r2{aspect-ratio:740 / 520}
.fp-growth-r3-1{left:calc(var(--u)*230);top:calc(var(--u)*52);width:calc(var(--u)*280);height:calc(var(--u)*416);z-index:3}
.fpk-growth-r3{aspect-ratio:740 / 520}
.fp-growth-r4-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-growth-r4-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-growth-r4-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-growth-r4{aspect-ratio:740 / 520}
.fp-growth-r5-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-growth-r5-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-growth-r5-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-growth-r5{aspect-ratio:740 / 520}
.fp-growth-r6-1{left:calc(var(--u)*44);top:calc(var(--u)*37);width:calc(var(--u)*651);z-index:1}
.fp-growth-r6-1 .sc__scr{height:calc(var(--u)*414)}
.fpk-growth-r6{aspect-ratio:740 / 520}
.fp-growth-r7-1{left:calc(var(--u)*82);top:calc(var(--u)*52);width:calc(var(--u)*577);height:calc(var(--u)*416);z-index:3}
.fpk-growth-r7{aspect-ratio:740 / 520}
@media (max-width: 599.98px){
.fp-growth-h-1{left:calc(var(--u)*25);top:calc(var(--u)*68);width:calc(var(--u)*207);z-index:1}
.fp-growth-h-1 .sc__scr{height:calc(var(--u)*132)}
.fp-growth-h-2{left:calc(var(--u)*199);top:calc(var(--u)*45);width:calc(var(--u)*110);height:calc(var(--u)*210);border-radius:calc(var(--u)*21);z-index:2}
.fp-growth-h-2 .sc__scr{border-radius:calc(var(--u)*9)}
.fp-growth-h-2 .sc__notch{width:calc(var(--u)*26);margin-left:calc(var(--u)*-13)}
.fp-growth-r1-1{left:calc(var(--u)*20);top:calc(var(--u)*26);width:calc(var(--u)*294);z-index:1}
.fp-growth-r1-1 .sc__scr{height:calc(var(--u)*187)}
.fpk-growth-r1{aspect-ratio:334 / 270}
.fp-growth-r2-1{left:calc(var(--u)*23);top:calc(var(--u)*19);width:calc(var(--u)*288);z-index:1}
.fp-growth-r2-1 .sc__scr{height:calc(var(--u)*200)}
.fpk-growth-r2{aspect-ratio:334 / 270}
.fp-growth-r3-1{left:calc(var(--u)*89);top:calc(var(--u)*29);width:calc(var(--u)*156);height:calc(var(--u)*232);z-index:3}
.fpk-growth-r3{aspect-ratio:334 / 290}
.fp-growth-r4-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-growth-r4-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-growth-r4-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-growth-r4{aspect-ratio:334 / 310}
.fp-growth-r5-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-growth-r5-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-growth-r5-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-growth-r5{aspect-ratio:334 / 310}
.fp-growth-r6-1{left:calc(var(--u)*20);top:calc(var(--u)*26);width:calc(var(--u)*294);z-index:1}
.fp-growth-r6-1 .sc__scr{height:calc(var(--u)*187)}
.fpk-growth-r6{aspect-ratio:334 / 270}
.fp-growth-r7-1{left:calc(var(--u)*33);top:calc(var(--u)*49);width:calc(var(--u)*267);height:calc(var(--u)*193);z-index:3}
.fpk-growth-r7{aspect-ratio:334 / 290}
}

/* generated by pages/planning */
.fp-planning-h-1{left:calc(var(--u)*73);top:calc(var(--u)*42);width:calc(var(--u)*761);z-index:1}
.fp-planning-h-1 .sc__scr{height:calc(var(--u)*484)}
.fp-planning-h-2{left:calc(var(--u)*692);top:calc(var(--u)*60);width:calc(var(--u)*475);height:calc(var(--u)*480);z-index:3}
.fp-planning-r1-1{left:calc(var(--u)*164);top:calc(var(--u)*52);width:calc(var(--u)*411);height:calc(var(--u)*416);z-index:3}
.fpk-planning-r1{aspect-ratio:740 / 520}
.fp-planning-r2-1{left:calc(var(--u)*44);top:calc(var(--u)*37);width:calc(var(--u)*651);z-index:1}
.fp-planning-r2-1 .sc__scr{height:calc(var(--u)*414)}
.fpk-planning-r2{aspect-ratio:740 / 520}
.fp-planning-r3-1{left:calc(var(--u)*44);top:calc(var(--u)*37);width:calc(var(--u)*651);z-index:1}
.fp-planning-r3-1 .sc__scr{height:calc(var(--u)*414)}
.fpk-planning-r3{aspect-ratio:740 / 520}
.fp-planning-r4-1{left:calc(var(--u)*74);top:calc(var(--u)*131);width:calc(var(--u)*592);height:calc(var(--u)*258);z-index:3}
.fpk-planning-r4{aspect-ratio:740 / 520}
.fp-planning-r5-1{left:calc(var(--u)*74);top:calc(var(--u)*143);width:calc(var(--u)*592);height:calc(var(--u)*235);z-index:3}
.fpk-planning-r5{aspect-ratio:740 / 520}
.fp-planning-r6-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-planning-r6-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-planning-r6-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-planning-r6{aspect-ratio:740 / 520}
.fp-planning-r7-1{left:calc(var(--u)*123);top:calc(var(--u)*36);width:calc(var(--u)*495);z-index:1}
.fp-planning-r7-1 .sc__scr{height:calc(var(--u)*415)}
.fpk-planning-r7{aspect-ratio:740 / 520}
.fp-planning-r8-1{left:calc(var(--u)*44);top:calc(var(--u)*37);width:calc(var(--u)*651);z-index:1}
.fp-planning-r8-1 .sc__scr{height:calc(var(--u)*414)}
.fpk-planning-r8{aspect-ratio:740 / 520}
.fp-planning-r9-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-planning-r9-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-planning-r9{aspect-ratio:740 / 520}
.fp-planning-r10-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-planning-r10-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-planning-r10-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-planning-r10{aspect-ratio:740 / 520}
@media (max-width: 599.98px){
.fp-planning-h-1{left:calc(var(--u)*10);top:calc(var(--u)*70);width:calc(var(--u)*201);z-index:1}
.fp-planning-h-1 .sc__scr{height:calc(var(--u)*128)}
.fp-planning-h-2{left:calc(var(--u)*162);top:calc(var(--u)*68);width:calc(var(--u)*162);height:calc(var(--u)*164);z-index:3}
.fp-planning-r1-1{left:calc(var(--u)*52);top:calc(var(--u)*29);width:calc(var(--u)*229);height:calc(var(--u)*232);z-index:3}
.fpk-planning-r1{aspect-ratio:334 / 290}
.fp-planning-r2-1{left:calc(var(--u)*20);top:calc(var(--u)*26);width:calc(var(--u)*294);z-index:1}
.fp-planning-r2-1 .sc__scr{height:calc(var(--u)*187)}
.fpk-planning-r2{aspect-ratio:334 / 270}
.fp-planning-r3-1{left:calc(var(--u)*20);top:calc(var(--u)*26);width:calc(var(--u)*294);z-index:1}
.fp-planning-r3-1 .sc__scr{height:calc(var(--u)*187)}
.fpk-planning-r3{aspect-ratio:334 / 270}
.fp-planning-r4-1{left:calc(var(--u)*33);top:calc(var(--u)*87);width:calc(var(--u)*267);height:calc(var(--u)*116);z-index:3}
.fpk-planning-r4{aspect-ratio:334 / 290}
.fp-planning-r5-1{left:calc(var(--u)*33);top:calc(var(--u)*92);width:calc(var(--u)*267);height:calc(var(--u)*106);z-index:3}
.fpk-planning-r5{aspect-ratio:334 / 290}
.fp-planning-r6-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-planning-r6-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-planning-r6-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-planning-r6{aspect-ratio:334 / 310}
.fp-planning-r7-1{left:calc(var(--u)*48);top:calc(var(--u)*19);width:calc(var(--u)*239);z-index:1}
.fp-planning-r7-1 .sc__scr{height:calc(var(--u)*201)}
.fpk-planning-r7{aspect-ratio:334 / 270}
.fp-planning-r8-1{left:calc(var(--u)*20);top:calc(var(--u)*26);width:calc(var(--u)*294);z-index:1}
.fp-planning-r8-1 .sc__scr{height:calc(var(--u)*187)}
.fpk-planning-r8{aspect-ratio:334 / 270}
.fp-planning-r9-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-planning-r9-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-planning-r9{aspect-ratio:334 / 270}
.fp-planning-r10-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-planning-r10-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-planning-r10-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-planning-r10{aspect-ratio:334 / 310}
}

/* generated by pages/safe-ai */
.fp-safe-ai-r2-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-safe-ai-r2-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-safe-ai-r2-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-safe-ai-r2{aspect-ratio:740 / 520}
.fp-safe-ai-r3-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-safe-ai-r3-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-safe-ai-r3{aspect-ratio:740 / 520}
.fp-safe-ai-r4-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-safe-ai-r4-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-safe-ai-r4{aspect-ratio:740 / 520}
.fp-safe-ai-r5-1{left:calc(var(--u)*263);top:calc(var(--u)*43);width:calc(var(--u)*214);height:calc(var(--u)*435);border-radius:calc(var(--u)*42);z-index:2}
.fp-safe-ai-r5-1 .sc__scr{border-radius:calc(var(--u)*30)}
.fp-safe-ai-r5-1 .sc__notch{width:calc(var(--u)*57);margin-left:calc(var(--u)*-29)}
.fpk-safe-ai-r5{aspect-ratio:740 / 520}
@media (max-width: 599.98px){
.fp-safe-ai-r2-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-safe-ai-r2-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-safe-ai-r2-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-safe-ai-r2{aspect-ratio:334 / 310}
.fp-safe-ai-r3-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-safe-ai-r3-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-safe-ai-r3{aspect-ratio:334 / 270}
.fp-safe-ai-r4-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-safe-ai-r4-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-safe-ai-r4{aspect-ratio:334 / 270}
.fp-safe-ai-r5-1{left:calc(var(--u)*106);top:calc(var(--u)*37);width:calc(var(--u)*122);height:calc(var(--u)*236);border-radius:calc(var(--u)*24);z-index:2}
.fp-safe-ai-r5-1 .sc__scr{border-radius:calc(var(--u)*12)}
.fp-safe-ai-r5-1 .sc__notch{width:calc(var(--u)*29);margin-left:calc(var(--u)*-15)}
.fpk-safe-ai-r5{aspect-ratio:334 / 310}
}

/* generated by pages/office */
.fp-office-h-1{left:calc(var(--u)*37);top:calc(var(--u)*70);width:calc(var(--u)*686);z-index:1}
.fp-office-h-1 .sc__scr{height:calc(var(--u)*429)}
.fp-office-h-2{left:calc(var(--u)*517);top:calc(var(--u)*70);width:calc(var(--u)*686);z-index:1}
.fp-office-h-2 .sc__scr{height:calc(var(--u)*429)}
.fp-office-r1-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-office-r1-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-office-r1{aspect-ratio:740 / 520}
.fp-office-r2-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-office-r2-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-office-r2{aspect-ratio:740 / 520}
.fp-office-r3-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-office-r3-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-office-r3{aspect-ratio:740 / 520}
.fp-office-r4-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-office-r4-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-office-r4{aspect-ratio:740 / 520}
.fp-office-r5-1{left:calc(var(--u)*44);top:calc(var(--u)*37);width:calc(var(--u)*651);z-index:1}
.fp-office-r5-1 .sc__scr{height:calc(var(--u)*414)}
.fpk-office-r5{aspect-ratio:740 / 520}
.fp-office-r6-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-office-r6-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-office-r6{aspect-ratio:740 / 520}
.fp-office-r7-1{left:calc(var(--u)*44);top:calc(var(--u)*37);width:calc(var(--u)*651);z-index:1}
.fp-office-r7-1 .sc__scr{height:calc(var(--u)*414)}
.fpk-office-r7{aspect-ratio:740 / 520}
.fp-office-r8-1{left:calc(var(--u)*44);top:calc(var(--u)*41);width:calc(var(--u)*651);z-index:1}
.fp-office-r8-1 .sc__scr{height:calc(var(--u)*407)}
.fpk-office-r8{aspect-ratio:740 / 520}
@media (max-width: 599.98px){
.fp-office-h-1{left:calc(var(--u)*10);top:calc(var(--u)*76);width:calc(var(--u)*185);z-index:1}
.fp-office-h-1 .sc__scr{height:calc(var(--u)*116)}
.fp-office-h-2{left:calc(var(--u)*139);top:calc(var(--u)*76);width:calc(var(--u)*185);z-index:1}
.fp-office-h-2 .sc__scr{height:calc(var(--u)*116)}
.fp-office-r1-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-office-r1-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-office-r1{aspect-ratio:334 / 270}
.fp-office-r2-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-office-r2-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-office-r2{aspect-ratio:334 / 270}
.fp-office-r3-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-office-r3-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-office-r3{aspect-ratio:334 / 270}
.fp-office-r4-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-office-r4-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-office-r4{aspect-ratio:334 / 270}
.fp-office-r5-1{left:calc(var(--u)*20);top:calc(var(--u)*26);width:calc(var(--u)*294);z-index:1}
.fp-office-r5-1 .sc__scr{height:calc(var(--u)*187)}
.fpk-office-r5{aspect-ratio:334 / 270}
.fp-office-r6-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-office-r6-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-office-r6{aspect-ratio:334 / 270}
.fp-office-r7-1{left:calc(var(--u)*20);top:calc(var(--u)*26);width:calc(var(--u)*294);z-index:1}
.fp-office-r7-1 .sc__scr{height:calc(var(--u)*187)}
.fpk-office-r7{aspect-ratio:334 / 270}
.fp-office-r8-1{left:calc(var(--u)*20);top:calc(var(--u)*27);width:calc(var(--u)*294);z-index:1}
.fp-office-r8-1 .sc__scr{height:calc(var(--u)*184)}
.fpk-office-r8{aspect-ratio:334 / 270}
}