@layer reset, tokens, base, components, pages, utilities;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body, h1, h2, h3, p, blockquote { margin: 0; }
  img, svg { display: block; max-width: 100%; }
  button, input, textarea, select { font: inherit; }
}

@layer tokens {
  :root {
    color-scheme: light;
    --ink: #172033;
    --ink-soft: #526078;
    --paper: #f7f4ee;
    --surface: #ffffff;
    --surface-soft: #eef1f5;
    --line: #d9dee7;
    --navy: #14213d;
    --blue: #3157d5;
    --blue-dark: #2442a8;
    --blue-pale: #e8edff;
    --mint: #83d7c0;
    --amber: #f4b942;
    --danger: #a93636;
    --success: #25735a;
    --shadow: 0 18px 60px rgb(20 33 61 / 11%);
    --radius-sm: .55rem;
    --radius: 1rem;
    --radius-lg: 1.6rem;
    --content: 74rem;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
}

@layer base {
  body { min-height: 100vh; color: var(--ink); background: var(--paper); line-height: 1.6; }
  a { color: inherit; }
  h1, h2, h3 { color: var(--navy); line-height: 1.08; letter-spacing: -.035em; }
  h1 { font-size: clamp(2.6rem, 7vw, 5.6rem); }
  h2 { font-size: clamp(2rem, 4.5vw, 3.4rem); }
  h3 { font-size: 1.25rem; }
  :focus-visible { outline: .2rem solid var(--amber); outline-offset: .18rem; }
  ::selection { color: var(--navy); background: var(--mint); }
}

@layer components {
  .skip-link { position: fixed; z-index: 100; top: .5rem; left: .5rem; padding: .65rem 1rem; transform: translateY(-150%); color: white; background: var(--navy); border-radius: var(--radius-sm); }
  .skip-link:focus { transform: translateY(0); }
  .site-header { position: relative; z-index: 20; border-bottom: 1px solid rgb(23 32 51 / 10%); background: rgb(247 244 238 / 92%); backdrop-filter: blur(12px); }
  .site-header__inner { display: flex; align-items: center; justify-content: space-between; width: min(calc(100% - 2rem), var(--content)); min-height: 4.8rem; margin-inline: auto; gap: 1rem; }
  .brand { display: inline-flex; align-items: center; gap: .65rem; font-weight: 800; letter-spacing: -.025em; text-decoration: none; }
  .brand__mark { display: grid; width: 2rem; height: 2rem; place-items: center; color: white; background: var(--navy); border-radius: .65rem .25rem .65rem .25rem; }
  .site-nav { display: flex; min-width: 0; align-items: center; gap: clamp(.7rem, 2vw, 1.5rem); overflow-x: auto; font-size: .94rem; font-weight: 650; scrollbar-width: none; white-space: nowrap; }
  .site-nav::-webkit-scrollbar { display: none; }
  .site-nav > a:not(.button), .link-button { color: var(--ink-soft); text-decoration: none; }
  .site-nav > a:not(.button):hover, .link-button:hover { color: var(--blue); }
  .inline-form { display: inline; margin: 0; }
  .link-button { padding: 0; border: 0; background: transparent; cursor: pointer; }
  .button { display: inline-flex; min-height: 2.9rem; align-items: center; justify-content: center; padding: .72rem 1.15rem; border: 1px solid var(--blue); border-radius: .72rem; color: white; background: var(--blue); box-shadow: 0 .45rem 1.2rem rgb(49 87 213 / 18%); font-weight: 750; line-height: 1; text-decoration: none; cursor: pointer; transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease; }
  .button:hover { transform: translateY(-1px); background: var(--blue-dark); box-shadow: 0 .65rem 1.5rem rgb(49 87 213 / 24%); }
  .button:disabled { cursor: not-allowed; opacity: .58; transform: none; }
  .button--small { min-height: 2.35rem; padding: .55rem .85rem; font-size: .88rem; }
  .button--quiet { color: var(--navy); border-color: var(--line); background: white; box-shadow: none; }
  .button--quiet:hover { background: var(--surface-soft); }
  .button--secondary { color: var(--blue); border-color: #aebbe9; background: white; box-shadow: none; }
  .button--secondary:hover { color: white; }
  .eyebrow { color: var(--blue); font-size: .75rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
  .flash-stack { position: fixed; z-index: 50; top: 5.5rem; right: 1rem; display: grid; width: min(26rem, calc(100% - 2rem)); gap: .65rem; }
  .flash { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border: 1px solid var(--line); border-left: .3rem solid var(--blue); border-radius: var(--radius-sm); background: white; box-shadow: var(--shadow); }
  .flash > span { min-width: 0; overflow-wrap: anywhere; }
  .flash--success { border-left-color: var(--success); }
  .flash--error { border-left-color: var(--danger); }
  .flash__close { border: 0; color: var(--ink-soft); background: transparent; cursor: pointer; }
  .site-footer { display: flex; align-items: end; justify-content: space-between; width: min(calc(100% - 2rem), var(--content)); margin: 3rem auto 0; padding: 2rem 0 3rem; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: .9rem; }
  .brand--footer { margin-bottom: .35rem; color: var(--ink); }
  .site-footer__note { text-align: right; }
  .page-shell, .error-page { width: min(calc(100% - 2rem), 64rem); min-height: 55vh; margin-inline: auto; padding-block: clamp(3rem, 8vw, 6rem); }
  .error-page h1, .page-shell h1 { margin: .5rem 0 1rem; font-size: clamp(2.4rem, 6vw, 4.5rem); }
  .error-page .button { margin-top: 1.5rem; }
  .form-shell { width: min(calc(100% - 2rem), 34rem); margin: clamp(2rem, 7vw, 5rem) auto; padding: clamp(1.25rem, 5vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius-lg); background: white; box-shadow: var(--shadow); }
  .form-shell h1 { margin: .4rem 0 .8rem; font-size: clamp(2rem, 5vw, 3rem); }
  .form-shell__intro { margin-bottom: 1.75rem; color: var(--ink-soft); }
  .form-row { display: grid; margin-bottom: 1.15rem; gap: .35rem; }
  .form-row label { font-weight: 750; }
  .form-row input, .form-row textarea, .form-row select { width: 100%; min-height: 2.9rem; padding: .7rem .8rem; border: 1px solid #abb5c4; border-radius: .6rem; color: var(--ink); background: white; }
  .form-row textarea { min-height: 7rem; resize: vertical; }
  .form-row input:focus, .form-row textarea:focus, .form-row select:focus { border-color: var(--blue); box-shadow: 0 0 0 .2rem rgb(49 87 213 / 12%); outline: none; }
  .helptext { color: var(--ink-soft); font-size: .82rem; }
  .errorlist { margin: .25rem 0; padding-left: 1.15rem; color: var(--danger); font-size: .88rem; }
  .form-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem; }
  .auth-shell { display: grid; width: min(calc(100% - 2rem), 36rem); min-height: calc(100vh - 4.8rem); margin-inline: auto; padding-block: clamp(2rem, 7vw, 5rem); place-items: center; }
  .auth-card { width: 100%; min-width: 0; padding: clamp(1.35rem, 5vw, 2.6rem); border: 1px solid var(--line); border-radius: var(--radius-lg); background: white; box-shadow: var(--shadow); overflow-wrap: anywhere; }
  .auth-card h1 { margin: .45rem 0 .85rem; font-size: clamp(2rem, 6vw, 3.25rem); }
  .auth-card > p:not(.eyebrow) { color: var(--ink-soft); }
  .auth-card > form { display: grid; margin-top: 1.7rem; gap: 1rem; }
  .auth-card > form + p:not(.auth-switch) { margin-top: 1.2rem; }
  .auth-card > p + p { margin-top: .8rem; }
  .form-field { display: grid; min-width: 0; gap: .35rem; }
  .form-field label { color: var(--ink); font-size: .9rem; font-weight: 750; }
  .form-field input,
  .form-field textarea,
  .form-field select { width: 100%; min-width: 0; min-height: 3rem; padding: .72rem .82rem; border: 1px solid #abb5c4; border-radius: .62rem; color: var(--ink); background: white; }
  .form-field textarea { min-height: 7rem; resize: vertical; }
  .form-field input:focus,
  .form-field textarea:focus,
  .form-field select:focus { border-color: var(--blue); box-shadow: 0 0 0 .2rem rgb(49 87 213 / 12%); outline: none; }
  .form-field--invalid input,
  .form-field--invalid textarea,
  .form-field--invalid select { border-color: var(--danger); background: #fffafa; }
  .form-help { color: var(--ink-soft); font-size: .8rem; }
  .form-help ul { margin: .2rem 0 0; padding-left: 1.2rem; }
  .form-errors { color: var(--danger); font-size: .84rem; }
  .form-alert { margin-bottom: .25rem; padding: .75rem .9rem; border: 1px solid #e2b6b6; border-left: .28rem solid var(--danger); border-radius: var(--radius-sm); color: #7f2525; background: #fff1f1; }
  .auth-switch { margin-top: 1.6rem; padding-top: 1.15rem; border-top: 1px solid var(--line); font-size: .9rem; }
  .auth-switch a,
  .text-link { color: var(--blue); font-weight: 750; text-decoration: none; }
  .auth-switch a:hover,
  .text-link:hover { text-decoration: underline; }
  .auth-secondary-action { display: flex; align-items: center; justify-content: space-between; margin-top: 1.25rem; padding: 1rem; border-radius: var(--radius-sm); background: var(--surface-soft); gap: 1rem; }
  .auth-secondary-action p { color: var(--ink-soft); font-size: .84rem; }
  .auth-secondary-action form { flex: 0 0 auto; }
  .page-header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 1.4rem; gap: 1.5rem; }
  .page-header h1 { margin: .4rem 0 .65rem; }
  .page-header p:not(.eyebrow) { color: var(--ink-soft); }
  body:not(.workspace-body) .panel { padding: clamp(1.25rem, 4vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 .35rem 1.2rem rgb(20 33 61 / 5%); }
  body:not(.workspace-body) .panel h2 { margin-bottom: 1.35rem; font-size: clamp(1.5rem, 3vw, 2rem); }
  body:not(.workspace-body) .panel form { display: grid; max-width: 44rem; gap: 1rem; }
}

@layer pages {
  .information-page { padding-block: clamp(2rem, 5vw, 3.5rem); }
  .information-page--reading { max-width: 54rem; }
  .information-page__header { display: grid; gap: .8rem; margin-bottom: 1.75rem; }
  .information-page__header h1 { max-width: 24ch; margin: 0; font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.15; }
  .information-page__header > p:not(.eyebrow) { max-width: 70ch; color: var(--ink-soft); line-height: 1.75; }
  .information-page .information-panel { min-width: 0; overflow-wrap: anywhere; }
  .information-page .information-panel h2 { margin-bottom: .85rem; font-size: clamp(1.3rem, 2.5vw, 1.6rem); line-height: 1.3; letter-spacing: -.02em; }
  .information-panel p + p { margin-top: 1rem; }
  .information-panel a:not(.button), .information-related a:not(.button) { color: var(--blue); text-underline-offset: .18em; overflow-wrap: anywhere; }
  .information-panel a:not(.button):hover, .information-related a:not(.button):hover { color: var(--blue-dark); }
  .support-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr); gap: 1.5rem; align-items: start; }
  .information-aside { display: grid; min-width: 0; gap: 1.25rem; }
  .information-page .support-form { margin-top: 1.5rem; gap: 1.2rem; }
  .support-form .form-field { min-width: 0; }
  .support-form .button { justify-self: start; }
  .support-form .errorlist { margin: 0; padding-left: 1.2rem; }
  .support-note { padding: .85rem 1rem; border-left: .2rem solid var(--amber); border-radius: .4rem; background: #fff8e8; color: var(--ink-soft); font-size: .9rem; }
  .support-feedback { padding: .85rem 1rem; border: 1px solid #b7dacc; border-radius: .6rem; background: #eff9f5; color: var(--success); }
  .support-links, .support-steps, .information-content ul { display: grid; gap: .7rem; margin: 1rem 0; padding-left: 1.3rem; }
  .support-steps { margin-bottom: 0; }
  .support-steps li { padding-left: .2rem; }
  .information-content section + section { margin-top: 1.75rem; padding-top: 1.75rem; border-top: 1px solid var(--line); }
  .information-content p, .information-content li { line-height: 1.75; }
  .information-notices { display: grid; gap: 1.25rem; margin-top: 1.25rem; }
  .information-meta { color: var(--ink-soft); font-size: .9rem; }
  .information-related { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 1.25rem; font-size: .94rem; }
  .information-aside .information-related { margin-top: 0; }
  @media (max-width: 760px) {
    .support-layout { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  }
  @media (max-width: 520px) {
    .information-page { padding-block: 1.75rem 2.5rem; }
    .information-page .support-form .button { width: 100%; justify-self: stretch; }
  }
  .marketing-page .site-header { position: sticky; top: 0; background: rgb(247 244 238 / 82%); }
  .marketing-page main { overflow: clip; }
  .hero { position: relative; isolation: isolate; display: grid; width: min(calc(100% - 2rem), var(--content)); min-height: min(51rem, calc(100svh - 4.8rem)); align-items: center; margin-inline: auto; padding-block: clamp(4rem, 8vw, 7.5rem); grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: clamp(2rem, 5vw, 5rem); }
  .hero::before { position: absolute; z-index: -1; top: 3%; right: -12%; width: clamp(22rem, 53vw, 49rem); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgb(131 215 192 / 35%) 0, rgb(199 224 247 / 28%) 37%, rgb(247 244 238 / 0%) 70%); content: ""; filter: blur(4px); }
  .hero__content { position: relative; z-index: 2; }
  .hero__eyebrow { display: flex; align-items: center; gap: .55rem; }
  .hero__eyebrow span { width: .48rem; height: .48rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 .28rem rgb(49 87 213 / 10%); }
  .hero h1 { max-width: 52rem; margin: .9rem 0 1.35rem; font-size: clamp(3.25rem, 6.6vw, 6.15rem); line-height: .98; letter-spacing: -.075em; }
  .hero h1 span { color: var(--blue); }
  .hero__lead { max-width: 35rem; color: var(--ink-soft); font-size: clamp(1.05rem, 1.8vw, 1.25rem); line-height: 1.65; }
  .hero__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2rem; }
  .hero__actions .button, .principle-section .button { gap: .65rem; border-radius: 999px; }
  .hero__actions .button span, .principle-section .button span { font-size: 1.1em; transition: transform 180ms ease; }
  .hero__actions .button:hover span, .principle-section .button:hover span { transform: translate(2px, -2px); }
  .hero__assurance { display: flex; flex-wrap: wrap; gap: .65rem 1.2rem; margin-top: 1.8rem; color: var(--ink-soft); font-size: .75rem; font-weight: 650; }
  .hero__assurance span { display: inline-flex; align-items: center; gap: .35rem; }
  .hero__assurance i { display: grid; width: 1.05rem; height: 1.05rem; place-items: center; border-radius: 50%; color: #17644e; background: #d9f2e8; font-size: .65rem; font-style: normal; font-weight: 900; }
  .hero__stage { position: relative; display: grid; min-width: 0; min-height: 35rem; align-items: center; justify-items: center; perspective: 1200px; }
  .hero__stage::before { position: absolute; top: 12%; right: 1%; width: 82%; aspect-ratio: 1; border: 1px solid rgb(49 87 213 / 8%); border-radius: 50%; background: radial-gradient(circle at 50% 45%, rgb(255 255 255 / 30%), rgb(232 237 255 / 10%) 60%, transparent 70%); content: ""; }
  .hero-board { position: relative; z-index: 1; width: min(100%, 37rem); overflow: hidden; padding: clamp(.8rem, 2vw, 1.15rem); border: 1px solid rgb(255 255 255 / 82%); border-radius: 1.35rem; background: linear-gradient(145deg, rgb(255 255 255 / 94%), rgb(240 244 250 / 93%)); box-shadow: 0 2.4rem 5.5rem rgb(20 33 61 / 17%), 0 0 0 1px rgb(20 33 61 / 4%); transform: rotateY(-5deg) rotateZ(-1deg); transform-style: preserve-3d; }
  .hero-board__top { display: flex; align-items: center; gap: .6rem; padding: .1rem .15rem .85rem; }
  .hero-board__mark { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .65rem .25rem .65rem .25rem; color: white; background: var(--navy); font-size: .8rem; font-weight: 850; }
  .hero-board__identity { display: grid; min-width: 0; gap: .05rem; }
  .hero-board__identity b { font-size: .78rem; }
  .hero-board__identity small { color: var(--ink-soft); font-size: .64rem; }
  .hero-board__preview { margin-left: auto; padding: .22rem .45rem; border: 1px solid #d7deec; border-radius: 999px; color: #60708b; background: #f8f9fc; font-size: .55rem; font-weight: 850; letter-spacing: .08em; }
  .hero-board__toolbar { display: flex; align-items: center; gap: .7rem; padding: .55rem .15rem; border-block: 1px solid #e7eaf0; }
  .hero-showcase__tabs { display: flex; min-width: 0; align-items: center; gap: clamp(.65rem, 2vw, 1.25rem); }
  .hero-board__tab { position: relative; padding: .12rem 0; border: 0; color: #778298; background: transparent; font-size: .65rem; font-weight: 700; white-space: nowrap; cursor: pointer; }
  .hero-board__tab[aria-selected="true"] { color: var(--blue); }
  .hero-board__tab[aria-selected="true"]::after { position: absolute; right: 0; bottom: -.65rem; left: 0; height: 2px; background: var(--blue); content: ""; }
  .hero-showcase__pause { display: grid; width: 1.75rem; height: 1.75rem; flex: 0 0 auto; margin-left: auto; place-items: center; border: 1px solid #e1e6ef; border-radius: 50%; color: #526078; background: #fff; font-size: .65rem; cursor: pointer; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; }
  .hero-showcase__pause:hover { border-color: #cbd5ee; color: var(--blue); background: #f6f8ff; }
  .hero-board__views { min-height: 16.7rem; }
  .hero-board__view:not([hidden]) { animation: showcase-enter 360ms cubic-bezier(.2,.75,.25,1) both; }
  .hero-board__columns { display: grid; padding-top: .8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
  .hero-board__column { min-height: 15.5rem; padding: .6rem; border: 1px solid #e8ebf1; border-radius: .75rem; background: rgb(247 248 251 / 76%); }
  .hero-board__column-title { display: flex; align-items: center; justify-content: space-between; gap: .2rem; color: #68758b; font-size: .52rem; font-weight: 850; letter-spacing: .055em; }
  .hero-board__column-title > span { display: inline-flex; min-width: 0; align-items: center; gap: .28rem; white-space: nowrap; }
  .hero-board__column-title small { color: #9ba4b3; font-size: .55rem; }
  .task-dot { flex: 0 0 auto; width: .38rem; height: .38rem; border-radius: 50%; background: #8c9bb2; }
  .task-dot--blue { background: #6685e4; }
  .task-dot--amber { background: #e1aa49; }
  .task-dot--mint { background: #51ae91; }
  .hero-task { display: grid; margin-top: .5rem; padding: .7rem .58rem; border: 1px solid #e6eaf1; border-radius: .58rem; background: white; box-shadow: 0 .3rem .8rem rgb(20 33 61 / 5%); gap: .35rem; }
  .hero-task__tag { width: max-content; padding: .13rem .35rem; border-radius: .25rem; color: #5869a2; background: #edf0fc; font-size: .48rem; font-weight: 850; letter-spacing: .055em; }
  .hero-task__tag--mint { color: #397864; background: #e5f4ee; }
  .hero-task > b { color: #222e47; font-size: .65rem; line-height: 1.3; }
  .hero-task__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .18rem; margin-top: .2rem; }
  .hero-task__meta > i { width: .82rem; height: .82rem; border: 2px solid white; border-radius: 50%; background: #d3a779; box-shadow: 0 0 0 1px #e1e5eb; }
  .hero-task__meta > i + i { margin-left: -.3rem; background: #8498c8; }
  .hero-task__meta small { margin-left: auto; color: #8993a4; font-size: .48rem; }
  .hero-task--done { opacity: .7; }
  .showcase-meeting, .showcase-activity { display: grid; min-height: 16.7rem; align-content: center; padding: .8rem .1rem .35rem; }
  .showcase-meeting__header { display: flex; align-items: center; gap: .7rem; padding: .85rem; border: 1px solid #e7eaf1; border-radius: .8rem; background: #fff; box-shadow: 0 .35rem 1rem rgb(20 33 61 / 4%); }
  .showcase-meeting__calendar { display: grid; width: 2.7rem; height: 3rem; flex: 0 0 auto; align-content: center; justify-items: center; border: 1px solid #dce3f5; border-radius: .6rem; color: #3454bd; background: #f0f3ff; line-height: 1.15; }
  .showcase-meeting__calendar small { font-size: .43rem; font-weight: 850; letter-spacing: .08em; }
  .showcase-meeting__calendar b { font-size: .7rem; }
  .showcase-meeting__title { display: grid; min-width: 0; gap: .15rem; }
  .showcase-meeting__title > small, .showcase-activity__heading small { color: #8994a7; font-size: .47rem; font-weight: 850; letter-spacing: .08em; }
  .showcase-meeting__title > b, .showcase-activity__heading b { color: #253149; font-size: .75rem; }
  .showcase-meeting__title > span { color: #748097; font-size: .56rem; line-height: 1.4; }
  .showcase-meeting__status, .showcase-activity__verified { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .25rem; margin-left: auto; padding: .27rem .4rem; border-radius: 999px; color: #397864; background: #e8f5ef; font-size: .48rem; font-weight: 750; }
  .showcase-meeting__status i, .showcase-activity__verified i { width: .35rem; height: .35rem; border-radius: 50%; background: #51ae91; }
  .showcase-meeting__agenda { margin-top: .65rem; padding: .72rem .85rem; border: 1px solid #e8ebf1; border-radius: .8rem; background: #f8f9fc; }
  .showcase-meeting__label { display: flex; justify-content: space-between; gap: .5rem; margin-bottom: .35rem; color: #8a95a8; font-size: .43rem; font-weight: 850; letter-spacing: .055em; }
  .showcase-meeting__item { display: flex; align-items: center; gap: .55rem; padding: .39rem 0; color: #3a465d; font-size: .58rem; }
  .showcase-meeting__item + .showcase-meeting__item { border-top: 1px solid #e9ecf2; }
  .showcase-meeting__item i { color: #8995ad; font-size: .48rem; font-style: normal; font-weight: 800; }
  .showcase-meeting__item b { margin-left: auto; color: #8290ad; font-size: .7rem; }
  .showcase-meeting__attendees { display: flex; align-items: center; gap: .45rem; margin-top: .55rem; padding-inline: .2rem; }
  .showcase-meeting__attendees > span:nth-child(2) { display: grid; gap: .05rem; }
  .showcase-meeting__attendees b { color: #45516a; font-size: .54rem; }
  .showcase-meeting__attendees small { color: #8993a4; font-size: .47rem; }
  .showcase-meeting__attendees .hero-float__avatars i { width: 1.25rem; height: 1.25rem; font-size: .43rem; }
  .showcase-meeting__arrow { margin-left: auto; color: #8794ac; }
  .showcase-activity { gap: .55rem; }
  .showcase-activity__heading { display: flex; align-items: center; gap: .5rem; padding: 0 .2rem .25rem; }
  .showcase-activity__heading > span:first-child { display: grid; gap: .1rem; }
  .showcase-activity__verified { margin-left: auto; }
  .showcase-activity__list { overflow: hidden; border: 1px solid #e7eaf1; border-radius: .8rem; background: #fff; }
  .showcase-activity__item { display: flex; min-width: 0; align-items: center; gap: .55rem; padding: .63rem .7rem; }
  .showcase-activity__item + .showcase-activity__item { border-top: 1px solid #edf0f4; }
  .showcase-activity__avatar { display: grid; width: 1.6rem; height: 1.6rem; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #3d568c; background: #e0e8f8; font-size: .55rem; font-weight: 850; }
  .showcase-activity__avatar--mint { color: #477364; background: #dff0e9; }
  .showcase-activity__avatar--amber { color: #795c2b; background: #f5e9d0; }
  .showcase-activity__item > span:nth-child(2) { display: grid; min-width: 0; gap: .03rem; }
  .showcase-activity__item > span:nth-child(2) b { color: #3a465d; font-size: .56rem; }
  .showcase-activity__item > span:nth-child(2) small { color: #8792a5; font-size: .49rem; }
  .showcase-activity__kind { margin-left: auto; color: #8994a7; font-size: .4rem; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
  .showcase-activity__note { display: flex; align-items: center; gap: .35rem; padding: .1rem .2rem; color: #738099; font-size: .53rem; }
  .showcase-activity__note span { color: var(--blue); }
  .hero-board__foot { display: flex; align-items: center; gap: .5rem; margin-top: .8rem; padding: .7rem .2rem .05rem; border-top: 1px solid #e7eaf0; color: #748097; font-size: .62rem; }
  .hero-board__pulse { width: .42rem; height: .42rem; border-radius: 50%; background: #58b696; box-shadow: 0 0 0 .2rem #e1f4ed; }
  .hero-float { position: absolute; z-index: 2; display: flex; max-width: 16rem; align-items: center; gap: .65rem; padding: .7rem .85rem; border: 1px solid rgb(255 255 255 / 90%); border-radius: .9rem; background: rgb(255 255 255 / 92%); box-shadow: 0 .9rem 2.4rem rgb(20 33 61 / 13%); backdrop-filter: blur(12px); animation: gentle-float 7s ease-in-out infinite; }
  .hero-float--meeting { top: 11%; right: -1.2rem; }
  .hero-float--record { bottom: 14%; left: -1.25rem; animation-delay: -3.4s; }
  .hero-float__icon { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: .65rem; color: #2845a8; background: #e9edff; font-size: .95rem; font-weight: 800; }
  .hero-float > span:last-child { display: grid; gap: .05rem; }
  .hero-float b { color: #253149; font-size: .66rem; }
  .hero-float small { color: #748097; font-size: .57rem; }
  .hero-float__avatars { display: flex; padding-left: .2rem; }
  .hero-float__avatars i { display: grid; width: 1.55rem; height: 1.55rem; margin-left: -.2rem; place-items: center; border: 2px solid white; border-radius: 50%; color: #34466b; background: #dce7f7; font-size: .5rem; font-style: normal; font-weight: 850; }
  .hero-float__avatars i + i { color: #477364; background: #d9eee6; }
  .hero-float__avatars i + i + i { color: #795c2b; background: #f5e6c7; }
  .hero__caption { position: absolute; right: 0; bottom: 2.3rem; color: #7b8798; font-size: .69rem; letter-spacing: .02em; }
  .value-section { position: relative; overflow: hidden; padding: clamp(5rem, 10vw, 8.5rem) max(1rem, calc((100% - var(--content)) / 2)); color: white; background: linear-gradient(145deg, #14213d 0%, #1a2c50 60%, #193452 100%); }
  .value-section::after { position: absolute; top: -18rem; right: -8rem; width: 42rem; aspect-ratio: 1; border: 1px solid rgb(131 215 192 / 10%); border-radius: 50%; box-shadow: 0 0 0 3rem rgb(131 215 192 / 2%), 0 0 0 6rem rgb(131 215 192 / 2%); content: ""; pointer-events: none; }
  .value-section__inner { position: relative; z-index: 1; width: min(100%, var(--content)); margin-inline: auto; }
  .value-section__intro { margin: 0 auto clamp(2.5rem, 6vw, 5rem); text-align: center; }
  .value-section .eyebrow { color: var(--mint); }
  .value-section h2 { margin-top: .7rem; color: white; font-size: clamp(2.8rem, 6.5vw, 5.5rem); }
  .value-section h2 span { color: #aebde5; }
  .feature-stories { display: grid; gap: clamp(1.2rem, 3vw, 2.5rem); }
  .feature-story { position: relative; display: grid; min-height: clamp(28rem, 43vw, 37rem); align-items: center; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(1rem, 4vw, 4rem); overflow: hidden; padding: clamp(1.5rem, 5vw, 4.5rem); border: 1px solid rgb(255 255 255 / 25%); border-radius: clamp(1.2rem, 2.5vw, 2rem); color: var(--navy); background: radial-gradient(circle at 78% 80%, #d8e3ff, transparent 48%), #f3f5fa; box-shadow: 0 2rem 4rem rgb(5 14 36 / 15%); }
  .feature-story--meet { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); background: radial-gradient(circle at 15% 82%, #cdece4, transparent 50%), #f2f7f5; }
  .feature-story--reflect { background: radial-gradient(circle at 78% 80%, #eadfff, transparent 48%), #f6f3fa; }
  .feature-story--insights { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); background: radial-gradient(circle at 25% 73%, #d8dcff, transparent 48%), radial-gradient(circle at 84% 7%, #dff5ed, transparent 42%), #f6f7fc; }
  .feature-story--meet .feature-story__copy,
  .feature-story--insights .feature-story__copy { order: 2; }
  .feature-story--meet .feature-story__visual,
  .feature-story--insights .feature-story__visual { order: 1; }
  .feature-story__copy { position: relative; z-index: 1; }
  .feature-story__number { display: inline-block; margin-bottom: 1.2rem; color: #3658ab; font-size: .74rem; font-weight: 850; letter-spacing: .14em; }
  .feature-story--meet .feature-story__number { color: #2f8069; }
  .feature-story--reflect .feature-story__number { color: #7653a9; }
  .feature-story--insights .feature-story__number { color: #495abe; }
  .feature-story h3 { max-width: 10ch; font-size: clamp(2.4rem, 4.6vw, 4.7rem); line-height: 1.04; }
  .feature-story__copy p { margin-top: 1.2rem; color: #53617a; font-size: clamp(1rem, 1.65vw, 1.22rem); font-weight: 550; }
  .feature-story__visual { display: grid; min-width: 0; min-height: 19rem; place-items: center; perspective: 900px; }
  .story-window { width: min(100%, 34rem); padding: .75rem; border: 1px solid #e0e5ef; border-radius: 1.3rem; background: #fff; box-shadow: 0 1.8rem 3.6rem rgb(26 47 87 / 20%); }
  .story-window__bar { display: flex; min-height: 2.75rem; align-items: center; gap: .55rem; padding: .3rem .4rem .75rem; border-bottom: 1px solid #e6eaf1; color: #23304a; font-size: .77rem; }
  .story-window__mark { display: grid; width: 1.75rem; height: 1.75rem; flex: 0 0 auto; place-items: center; border-radius: .45rem; color: white; background: #172542; font-size: .78rem; font-weight: 850; }
  .story-window__dots { margin-left: auto; color: #a1aec0; letter-spacing: .12em; }
  .story-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; padding-top: .8rem; }
  .story-board__lane { min-width: 0; min-height: 12.5rem; padding: .55rem; border: 1px solid #e7ebf3; border-radius: .8rem; background: #f6f8fc; }
  .story-board__label { display: flex; align-items: center; gap: .3rem; color: #68758e; font-size: .6rem; font-weight: 850; letter-spacing: .07em; }
  .story-board__label i { width: .42rem; height: .42rem; flex: 0 0 auto; border-radius: 50%; background: #647fe2; }
  .story-board__lane:nth-child(2) .story-board__label i { background: #e1b15a; }
  .story-board__lane:nth-child(3) .story-board__label i { background: #67b69a; }
  .story-board__card { display: grid; min-height: 7.5rem; align-content: start; gap: .4rem; margin-top: .75rem; padding: .65rem; border: 1px solid #e8ebf2; border-radius: .7rem; background: white; box-shadow: 0 .4rem .8rem rgb(29 49 88 / 5%); }
  .story-board__card small { width: fit-content; padding: .15rem .3rem; border-radius: .2rem; color: #5771b8; background: #eaf0ff; font-size: .53rem; font-weight: 850; }
  .story-board__lane:nth-child(2) small { color: #4c876d; background: #e6f3ed; }
  .story-board__lane:nth-child(3) small { color: #8f68a4; background: #f2eaf7; }
  .story-board__card b { color: #28354d; font-size: .74rem; line-height: 1.25; }
  .story-board__card > span { color: #8090a7; font-size: .64rem; }
  .story-meeting { display: flex; align-items: center; gap: .85rem; padding: 1rem .55rem; }
  .story-meeting__date { display: grid; width: 4.4rem; height: 4.9rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; color: #2f6659; background: #e5f4ed; line-height: 1; }
  .story-meeting__date span, .story-meeting__date small { font-size: .56rem; font-weight: 800; letter-spacing: .08em; }
  .story-meeting__date b { font-size: 1.7rem; }
  .story-meeting__main { display: grid; min-width: 0; gap: .15rem; }
  .story-meeting__main small { color: #438875; font-size: .58rem; font-weight: 850; letter-spacing: .09em; }
  .story-meeting__main b { color: #253249; font-size: clamp(.9rem, 1.6vw, 1.2rem); }
  .story-meeting__main span { color: #718097; font-size: .72rem; }
  .story-agenda { display: grid; gap: .35rem; padding: .7rem; border: 1px solid #e7eceb; border-radius: .8rem; background: #f8fbfa; }
  .story-agenda > span { margin-bottom: .1rem; color: #6d8a80; font-size: .6rem; font-weight: 850; letter-spacing: .1em; }
  .story-agenda > div { display: flex; align-items: center; gap: .55rem; padding: .45rem .1rem; border-top: 1px solid #e6ecea; color: #344357; font-size: .76rem; font-weight: 650; }
  .story-agenda i { color: #67a48f; font-size: .65rem; font-style: normal; }
  .story-agenda b { margin-left: auto; color: #56937e; }
  .story-rsvp { display: flex; align-items: center; gap: .55rem; padding: .85rem .55rem .2rem; color: #69768a; font-size: .69rem; }
  .story-rsvp__avatars { display: flex; padding-left: .3rem; }
  .story-rsvp__avatars i { display: grid; width: 1.4rem; height: 1.4rem; margin-left: -.3rem; place-items: center; border: 2px solid white; border-radius: 50%; color: #44627b; background: #dce8f4; font-size: .48rem; font-style: normal; font-weight: 850; }
  .story-rsvp__avatars i:nth-child(2) { background: #d7eee6; }
  .story-rsvp__avatars i:nth-child(3) { background: #f1e2c5; }
  .story-window--activity { padding-bottom: .3rem; }
  .story-activity { display: flex; align-items: center; gap: .7rem; padding: .85rem .35rem; border-bottom: 1px solid #edf0f5; }
  .story-activity__avatar { display: grid; width: 2.2rem; height: 2.2rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; color: #40629c; background: #e4ecfb; font-size: .75rem; font-weight: 850; }
  .story-activity__avatar--mint { color: #3b8b72; background: #e1f2e9; }
  .story-activity__avatar--amber { color: #9c733d; background: #f7eed9; }
  .story-activity > span:nth-child(2) { display: grid; min-width: 0; gap: .05rem; }
  .story-activity b { color: #2b3751; font-size: .72rem; }
  .story-activity small { color: #8190a5; font-size: .64rem; }
  .story-activity > i { margin-left: auto; color: #7b68ba; font-style: normal; }
  .story-activity__foot { display: flex; align-items: center; gap: .4rem; padding: .7rem .35rem .3rem; color: #73829a; font-size: .66rem; }
  .story-activity__pulse { width: .43rem; height: .43rem; border-radius: 50%; background: #6bb89d; box-shadow: 0 0 0 .18rem #e4f5ed; }
  .story-insights { position: relative; width: min(100%, 35rem); min-height: 20rem; aspect-ratio: 1.38; isolation: isolate; }
  .story-insights__glow { position: absolute; z-index: -2; inset: 2% -5% 0; border-radius: 50%; background: radial-gradient(ellipse at 48% 65%, rgb(94 108 233 / 25%), transparent 60%), radial-gradient(ellipse at 77% 37%, rgb(72 197 180 / 21%), transparent 50%); filter: blur(1.7rem); }
  .story-insights__ray { position: absolute; z-index: -1; bottom: 16%; width: 38%; height: 62%; clip-path: polygon(48% 100%, 0 0, 100% 0); filter: blur(.65rem); opacity: .7; }
  .story-insights__ray--blue { left: 13%; background: linear-gradient(0deg, rgb(89 110 233 / 27%), transparent 90%); }
  .story-insights__ray--mint { right: 11%; background: linear-gradient(0deg, rgb(82 202 166 / 24%), transparent 90%); }
  .story-insights__base { position: absolute; right: 7%; bottom: 1%; left: 7%; height: 34%; overflow: hidden; border: 1px solid #637bb1; border-radius: 1.5rem; background: linear-gradient(135deg, #314b7c, #192b4e 68%, #17284a); box-shadow: 0 1.6rem 2.6rem rgb(30 46 83 / 29%), inset 0 0 1.8rem rgb(121 203 233 / 16%), 0 0 1.6rem rgb(103 140 249 / 20%); transform: perspective(600px) rotateX(59deg); transform-origin: center bottom; }
  .story-insights__base-grid { position: absolute; inset: .45rem; border: 1px solid rgb(148 190 245 / 24%); border-radius: 1.1rem; background-image: linear-gradient(rgb(159 196 242 / 15%) 1px, transparent 1px), linear-gradient(90deg, rgb(159 196 242 / 15%) 1px, transparent 1px); background-size: 1.8rem 1.8rem; }
  .story-insights__base-front { position: absolute; right: 25%; bottom: 1%; left: 25%; display: flex; min-height: 2.7rem; align-items: center; gap: .6rem; padding: .45rem .6rem; border: 1px solid #466498; border-radius: .7rem; color: #cddcf6; background: linear-gradient(125deg, #263e6c, #1a2a4b); box-shadow: 0 .65rem 1rem rgb(15 28 57 / 21%); font-size: .52rem; font-weight: 850; letter-spacing: .11em; white-space: nowrap; }
  .story-insights__base-front .story-window__mark { width: 1.55rem; height: 1.55rem; border-radius: .38rem; background: #465cc0; font-size: .65rem; }
  .story-insights__base-front i { width: .35rem; height: .35rem; margin-left: auto; border-radius: 50%; background: #80e0bb; box-shadow: 0 0 .65rem #80e0bb; }
  .story-insights__card { position: absolute; display: grid; gap: .6rem; padding: .82rem; border: 1px solid rgb(220 228 245 / 90%); border-radius: 1rem; background: linear-gradient(140deg, rgb(255 255 255 / 98%), rgb(247 249 255 / 95%)); box-shadow: 0 1.2rem 2.5rem rgb(36 51 94 / 18%), inset 0 1px 0 white; backdrop-filter: blur(10px); transform: rotate(var(--tilt)); }
  .story-insights__card--donut { z-index: 3; top: 26%; left: 0; width: 45%; --tilt: -5deg; }
  .story-insights__card--bars { z-index: 2; top: 3%; left: 32%; width: 47%; --tilt: 3deg; }
  .story-insights__card--line { z-index: 4; top: 47%; right: 0; width: 52%; --tilt: 4deg; }
  .story-insights__card-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .3rem; color: #273752; white-space: nowrap; }
  .story-insights__card-heading b { font-size: .68rem; }
  .story-insights__card-kicker { color: #929db3; font-size: .42rem; font-weight: 850; letter-spacing: .07em; }
  .story-insights__donut-layout { display: flex; align-items: center; justify-content: center; gap: .75rem; }
  .story-insights__donut { position: relative; display: grid; width: min(6.1rem, 53%); aspect-ratio: 1; flex: 0 0 auto; place-items: center; border-radius: 50%; background: conic-gradient(#627de7 0 39%, #5fbea0 39% 67%, #f1ae62 67% 85%, #a17be4 85% 100%); box-shadow: 0 .45rem 1rem rgb(82 96 161 / 14%); }
  .story-insights__donut::before { position: absolute; inset: 26%; border-radius: 50%; background: #fff; content: ""; }
  .story-insights__donut span { position: relative; color: #4b5875; font-size: .53rem; font-weight: 850; }
  .story-insights__legend { display: grid; gap: .38rem; color: #65738e; font-size: .49rem; font-weight: 650; white-space: nowrap; }
  .story-insights__legend span { display: flex; align-items: center; gap: .27rem; }
  .story-insights__legend i { width: .38rem; height: .38rem; border-radius: 50%; background: #627de7; }
  .story-insights__legend span:nth-child(2) i { background: #5fbea0; }
  .story-insights__legend span:nth-child(3) i { background: #f1ae62; }
  .story-insights__bars { display: flex; height: 5.8rem; align-items: end; justify-content: space-around; gap: .32rem; padding: .25rem .15rem 0; border-bottom: 1px solid #dce4f1; background: repeating-linear-gradient(to top, transparent 0, transparent calc(33.333% - 1px), #edf1f7 calc(33.333% - 1px), #edf1f7 33.333%); }
  .story-insights__bars span { flex: 1; height: 47%; border-radius: .28rem .28rem 0 0; background: linear-gradient(#92a8f7, #617ce7); }
  .story-insights__bars span:nth-child(2) { height: 76%; background: linear-gradient(#92d9c0, #5fbea0); }
  .story-insights__bars span:nth-child(3) { height: 60%; background: linear-gradient(#facb83, #f0aa58); }
  .story-insights__bars span:nth-child(4) { height: 88%; background: linear-gradient(#baa0ed, #9c79df); }
  .story-insights__bars span:nth-child(5) { height: 68%; background: linear-gradient(#8bd4e4, #59bad1); }
  .story-insights__bars span:nth-child(6) { height: 94%; background: linear-gradient(#97c4fb, #568ee7); }
  .story-insights__axis { display: flex; justify-content: space-around; color: #9ca7bb; font-size: .45rem; font-weight: 800; }
  .story-insights__card--line svg { display: block; width: 100%; height: 5.4rem; overflow: visible; }
  .story-insights__gridline { fill: none; stroke: #e9edf6; stroke-width: 1; }
  .story-insights__line-area { fill: url(#story-insights-line-fill); }
  .story-insights__line-path { fill: none; stroke: #8072e4; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3.5; }
  .story-insights__card--line circle { fill: #8072e4; stroke: white; stroke-width: 2; }
  .feature-stories__note { margin-top: 1.3rem; color: #aebbd0; font-size: .7rem; text-align: right; }
  .principle-section { width: min(calc(100% - 2rem), 59rem); margin: clamp(5rem, 11vw, 9rem) auto; text-align: center; }
  .principle-section h2 { margin-top: .6rem; color: var(--navy); font-size: clamp(2.2rem, 5.5vw, 4.15rem); }
  .principle-section > p:not(.eyebrow) { max-width: 42rem; margin: 1.1rem auto 0; color: var(--ink-soft); font-size: clamp(1rem, 1.8vw, 1.12rem); }
  .principle-section__actions { display: flex; justify-content: center; margin-top: 1.7rem; }
  .has-scroll-reveal [data-reveal] { opacity: 0; transform: translate3d(0, 1.4rem, 0); transition: opacity 760ms cubic-bezier(.16, 1, .3, 1), transform 760ms cubic-bezier(.16, 1, .3, 1); }
  .has-scroll-reveal [data-reveal="scale"] { transform: translate3d(0, 1rem, 0) scale(.97); }
  .has-scroll-reveal [data-reveal].is-visible { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  .has-scroll-reveal .feature-story[data-reveal] { transition-duration: 1250ms; }
  .has-scroll-reveal [data-feature-showcase]::before { opacity: 0; transform: scale(.86); transition: opacity 1.1s ease 100ms, transform 1.35s cubic-bezier(.16, 1, .3, 1) 100ms; }
  .has-scroll-reveal [data-feature-showcase].is-visible::before { opacity: 1; transform: scale(1); }
  .has-scroll-reveal [data-feature-showcase].is-visible .hero-board { animation: showcase-board-in 1.1s cubic-bezier(.16, 1, .3, 1) 100ms both; }
  [data-feature-showcase] .hero-float { opacity: 0; transform: translate3d(0, .75rem, 0) scale(.97); transition: opacity 1.2s cubic-bezier(.16, 1, .3, 1), transform 1.2s cubic-bezier(.16, 1, .3, 1); }
  [data-feature-showcase].is-visible .hero-float { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  [data-feature-showcase].is-visible .hero-float--meeting { transition-delay: 180ms; }
  [data-feature-showcase].is-visible .hero-float--record { transition-delay: 420ms; }
  [data-feature-showcase].is-callout-changing .hero-float { opacity: 0; transform: translate3d(0, .55rem, 0) scale(.98); transition-duration: 250ms; transition-delay: 0ms; transition-timing-function: ease-out; }
  .has-scroll-reveal .feature-story .feature-story__copy,
  .has-scroll-reveal .feature-story .story-window,
  .has-scroll-reveal .feature-story--insights .story-insights { opacity: 0; transform: translate3d(0, 1.3rem, 0); transition: opacity 1350ms cubic-bezier(.16, 1, .3, 1), transform 1350ms cubic-bezier(.16, 1, .3, 1); }
  .has-scroll-reveal .feature-story.is-visible .feature-story__copy { opacity: 1; transform: none; transition-delay: 220ms; }
  .has-scroll-reveal .feature-story.is-visible .story-window,
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights { opacity: 1; transform: none; transition-delay: 480ms; }
  .has-scroll-reveal .feature-story--insights .story-insights__card { opacity: 0; translate: 0 2.5rem; scale: .87; transition: opacity 1200ms cubic-bezier(.16, 1, .3, 1), translate 1400ms cubic-bezier(.16, 1, .3, 1), scale 1400ms cubic-bezier(.16, 1, .3, 1); }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__card { opacity: 1; translate: 0 0; scale: 1; }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__card--bars { transition-delay: 650ms; }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__card--donut { transition-delay: 900ms; }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__card--line { transition-delay: 1120ms; }
  .has-scroll-reveal .feature-story--insights .story-insights__bars span { transform: scaleY(0); transform-origin: bottom; transition: transform 950ms cubic-bezier(.16, 1, .3, 1); }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__bars span { transform: scaleY(1); transition-delay: 1170ms; }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__bars span:nth-child(2n) { transition-delay: 1320ms; }
  .has-scroll-reveal .feature-story--insights .story-insights__donut { opacity: 0; scale: .55; rotate: -75deg; transition: opacity 1000ms ease, scale 1200ms cubic-bezier(.16, 1, .3, 1), rotate 1200ms cubic-bezier(.16, 1, .3, 1); }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__donut { opacity: 1; scale: 1; rotate: 0deg; transition-delay: 1380ms; }
  .has-scroll-reveal .feature-story--insights .story-insights__line-path { stroke-dasharray: 320; stroke-dashoffset: 320; transition: stroke-dashoffset 1400ms cubic-bezier(.16, 1, .3, 1); }
  .has-scroll-reveal .feature-story--insights.is-visible .story-insights__line-path { stroke-dashoffset: 0; transition-delay: 1530ms; }
  .has-scroll-reveal .feature-story .story-board__card,
  .has-scroll-reveal .feature-story .story-agenda > div,
  .has-scroll-reveal .feature-story .story-activity { opacity: 0; transform: translateY(.5rem); transition: opacity 900ms ease, transform 900ms cubic-bezier(.16, 1, .3, 1); }
  .has-scroll-reveal .feature-story.is-visible .story-board__card,
  .has-scroll-reveal .feature-story.is-visible .story-agenda > div,
  .has-scroll-reveal .feature-story.is-visible .story-activity { opacity: 1; transform: none; transition-delay: 830ms; }
  .has-scroll-reveal .feature-story.is-visible .story-board__lane:nth-child(2) .story-board__card,
  .has-scroll-reveal .feature-story.is-visible .story-agenda > div:nth-of-type(2),
  .has-scroll-reveal .feature-story.is-visible .story-activity:nth-child(3) { transition-delay: 1040ms; }
  .has-scroll-reveal .feature-story.is-visible .story-board__lane:nth-child(3) .story-board__card,
  .has-scroll-reveal .feature-story.is-visible .story-activity:nth-child(4) { transition-delay: 1250ms; }
  @keyframes gentle-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -.38rem; } }
  @keyframes showcase-enter { from { opacity: 0; transform: translateY(.45rem); } to { opacity: 1; transform: translateY(0); } }
  @keyframes showcase-board-in { from { opacity: 0; translate: 0 2.1rem -64px; scale: .94; } to { opacity: 1; translate: 0 0 0; scale: 1; } }
}

@layer utilities {
  .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  [hidden] { display: none !important; }
}

@media (max-width: 820px) {
  .site-header__inner { min-height: 4.2rem; }
  .hero { min-height: auto; padding-block: 5rem 4.5rem; grid-template-columns: 1fr; gap: 1rem; }
  .hero__content { max-width: 47rem; }
  .hero h1 { font-size: clamp(3.5rem, 10vw, 6rem); }
  .hero__stage { width: min(100%, 40rem); min-height: 34rem; margin-inline: auto; }
  .hero-board { width: min(100%, 36rem); }
  .hero__caption { right: max(0px, calc((100% - 36rem) / 2)); bottom: 1rem; }
  .feature-story { min-height: 0; grid-template-columns: 1fr; gap: 2rem; }
  .feature-story--meet,
  .feature-story--insights { grid-template-columns: 1fr; }
  .feature-story--meet .feature-story__copy,
  .feature-story--meet .feature-story__visual,
  .feature-story--insights .feature-story__copy,
  .feature-story--insights .feature-story__visual { order: initial; }
  .feature-story h3 { max-width: none; }
  .feature-story__visual { min-height: 0; }
  .value-section { padding-inline: max(1rem, calc((100% - 46rem) / 2)); }
}

@media (max-width: 520px) {
  .site-header__inner { flex-wrap: wrap; padding-block: .6rem; }
  .site-header__inner > .brand { flex: 0 0 auto; }
  .site-nav { width: 100%; flex-wrap: wrap; justify-content: flex-end; overflow: visible; white-space: normal; }
  .flash-stack { position: static; width: min(26rem, calc(100% - 2rem)); margin: 1rem auto 0; }
  .hero { width: min(calc(100% - 2rem), var(--content)); padding-block: 3.7rem 3.5rem; }
  .hero h1 { margin-block: .8rem 1rem; font-size: clamp(3rem, 13vw, 4.1rem); }
  .hero__lead { font-size: 1rem; }
  .hero__actions { margin-top: 1.5rem; }
  .hero__assurance { display: grid; gap: .45rem; margin-top: 1.25rem; }
  .hero__stage { min-height: 25rem; margin-top: .25rem; }
  .hero-board { padding: .65rem; border-radius: 1rem; transform: none; }
  .hero-board__toolbar { gap: .35rem; }
  .hero-showcase__tabs { gap: .75rem; }
  .hero-board__views { min-height: 15.1rem; }
  .hero-board__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .38rem; }
  .hero-board__column { min-height: 12.5rem; padding: .43rem; }
  .hero-board__column--done { display: none; }
  .hero-board__column-title { font-size: .48rem; }
  .hero-task { padding: .55rem .45rem; }
  .hero-task > b { font-size: .62rem; }
  .hero-task__meta small { font-size: .44rem; }
  .showcase-meeting, .showcase-activity { min-height: 15.1rem; }
  .showcase-meeting__header { gap: .45rem; padding: .65rem .55rem; }
  .showcase-meeting__status { display: none; }
  .showcase-meeting__agenda { padding: .6rem .55rem; }
  .showcase-activity__item { gap: .4rem; padding-inline: .5rem; }
  .showcase-activity__kind { font-size: .36rem; }
  .hero-float { max-width: 14rem; padding: .55rem .65rem; }
  .hero-float--meeting { top: .1rem; right: -.15rem; }
  .hero-float--record { display: none; }
  .hero__caption { right: .2rem; bottom: -.1rem; }
  .value-section { padding-block: 4.5rem; }
  .value-section__intro { margin-bottom: 2.5rem; }
  .feature-story { gap: 1.5rem; padding: 1.4rem; }
  .feature-story__number { margin-bottom: .6rem; }
  .feature-story__copy p { margin-top: .65rem; }
  .story-window { padding: .6rem; }
  .story-insights { height: clamp(17rem, 80vw, 24rem); min-height: 0; aspect-ratio: auto; }
  .story-insights__card { gap: .35rem; padding: .55rem; border-radius: .7rem; }
  .story-insights__card--donut { top: 21%; left: 0; width: 49%; }
  .story-insights__card--bars { top: 2%; right: 0; left: auto; width: 52%; }
  .story-insights__card--line { top: 50%; right: 0; width: 64%; }
  .story-insights__card-heading b { font-size: .57rem; }
  .story-insights__card-kicker { font-size: .36rem; }
  .story-insights__donut-layout { gap: .35rem; }
  .story-insights__legend { gap: .22rem; font-size: .4rem; }
  .story-insights__bars { height: 4.3rem; }
  .story-insights__card--line svg { height: 3.9rem; }
  .story-insights__base-front { right: 18%; left: 18%; min-height: 2.35rem; font-size: .43rem; }
  .principle-section { margin-block: 4.5rem; }
  .site-footer { display: grid; gap: 1rem; }
  .site-footer__note { text-align: left; }
  .auth-shell { min-height: auto; padding-block: 1.25rem 2.5rem; }
  .auth-card { border-radius: var(--radius); }
  .auth-secondary-action,
  .page-header { align-items: stretch; flex-direction: column; }
  .auth-secondary-action .button,
  .page-header .button { width: 100%; }
}

@media (max-width: 360px) {
  .hero h1 { font-size: clamp(2.75rem, 12.5vw, 3.2rem); }
  .hero-board__tab { font-size: .59rem; }
  .hero-showcase__tabs { gap: .55rem; }
  .hero-showcase__pause { width: 1.55rem; height: 1.55rem; }
  .hero-float--meeting { right: -.3rem; }
  .hero-board__column-title { letter-spacing: 0; }
  .story-board { grid-template-columns: 1fr; }
  .story-board__lane { display: flex; min-height: 0; align-items: center; gap: .5rem; }
  .story-board__label { width: 5.5rem; flex: 0 0 auto; }
  .story-board__card { min-height: 0; flex: 1; margin: 0; }
  .story-insights__card-kicker { display: none; }
  .story-insights__legend { display: none; }
  .story-insights__donut { width: min(4.7rem, 75%); }
  .story-insights__base-front { right: 14%; left: 14%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  [data-feature-showcase] .hero-float { opacity: 1; transform: none; transition: none; }
}

/* Custom control centre: deliberately separate from Django's developer admin. */
.control-shell { width: min(calc(100% - 2rem), var(--content)); margin-inline: auto; padding-block: clamp(2.5rem, 6vw, 5rem); }
.control-heading { display: grid; align-items: end; grid-template-columns: 1fr minmax(18rem, .7fr); gap: 2rem; }
.control-heading h1 { margin-top: .45rem; font-size: clamp(2.6rem, 6vw, 4.6rem); }
.control-heading > p { color: var(--ink-soft); }
.control-live { margin-top: 1.5rem; padding: .78rem 1rem; border: 1px solid #a8d9c9; border-left: .28rem solid var(--success); border-radius: var(--radius-sm); color: #155a45; background: #edf9f4; }
.control-live--error { border-color: #e2b6b6; border-left-color: var(--danger); color: #7f2525; background: #fff1f1; }
.metric-grid { display: grid; margin: 2.5rem 0 4rem; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.metric-grid article { display: grid; padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.metric-grid strong { color: var(--navy); font-size: clamp(1.8rem, 4vw, 2.7rem); line-height: 1; }
.metric-grid span { margin-top: .4rem; color: var(--ink-soft); font-size: .82rem; }
.control-section { margin-top: 3.5rem; }
.control-section__heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 1rem; gap: 1rem; }
.control-section__heading h2 { margin-top: .3rem; font-size: clamp(1.7rem, 3vw, 2.4rem); }
.control-search { display: flex; gap: .5rem; }
.control-search input, .control-actions input { min-height: 2.5rem; padding: .55rem .7rem; border: 1px solid #abb5c4; border-radius: .55rem; }
.control-list { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.control-row { display: grid; align-items: center; padding: 1rem 1.15rem; grid-template-columns: minmax(0, 1fr) auto; gap: 1.2rem; }
.control-row + .control-row { border-top: 1px solid var(--line); }
.control-row--user { grid-template-columns: minmax(0, 1fr) auto auto; }
.control-row h3 { margin-bottom: .2rem; letter-spacing: -.015em; }
.control-row p { color: var(--ink-soft); font-size: .9rem; }
.control-row > div { min-width: 0; }
.control-row h3, .control-row p, .audit-list span, .audit-list small { overflow-wrap: anywhere; }
.control-row__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: .45rem; color: var(--ink-soft); font-size: .75rem; }
.quoted-content { max-width: 54rem; margin-block: .5rem; padding: .6rem .75rem; border-left: .18rem solid var(--line); background: var(--surface-soft); color: var(--ink) !important; white-space: pre-wrap; }
.control-row__note { font-size: .78rem !important; }
.control-actions { display: grid; min-width: 13rem; gap: .45rem; }
.control-actions label { min-width: 0; }
.control-actions input { width: 100%; min-width: 0; }
.control-confirm { display: grid; padding: .65rem; border: 1px solid #e2b6b6; border-radius: var(--radius-sm); background: #fff7f7; grid-template-columns: 1fr 1fr; gap: .45rem; }
.control-confirm p { grid-column: 1 / -1; color: #7f2525; font-size: .78rem; line-height: 1.35; }
.status-pill { display: inline-flex; width: max-content; align-items: center; padding: .2rem .55rem; border-radius: 4rem; color: #774f05; background: #fff0c7; font-size: .7rem; font-weight: 800; }
.status-pill--active { color: #155744; background: #d8f3e8; }
.status-pill--pending { color: #774f05; background: #fff0c7; }
.button--danger { border-color: var(--danger); background: var(--danger); box-shadow: none; }
.button--danger:hover { background: #872828; }
.control-row__protected { color: var(--ink-soft); font-size: .78rem; }
.empty-state { padding: 2.2rem; text-align: center; }
.empty-state p { margin-top: .3rem; color: var(--ink-soft); }
.audit-list { margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--radius); background: white; list-style: none; }
.audit-list li { display: flex; justify-content: space-between; padding: .8rem 1rem; gap: 1rem; }
.audit-list li + li { border-top: 1px solid var(--line); }
.audit-list small { color: var(--ink-soft); }
.workspace-loading { display: grid; min-height: 100vh; place-content: center; justify-items: center; gap: .8rem; color: var(--ink-soft); }
.workspace-loading__mark { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 1rem .4rem 1rem .4rem; color: white; background: var(--navy); font-size: 1.25rem; font-weight: 900; }
.noscript-message { max-width: 34rem; margin: 3rem auto; padding: 1rem; }

@media (max-width: 760px) {
  .control-heading { grid-template-columns: 1fr; gap: .75rem; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .control-section__heading, .control-row, .control-row--user { align-items: stretch; grid-template-columns: 1fr; }
  .control-section__heading { display: grid; }
  .control-search { width: 100%; }
  .control-search input { min-width: 0; flex: 1; }
  .audit-list li { display: grid; gap: .15rem; }
}

/* Classic account settings */
.account-page { background: radial-gradient(ellipse at 90% 0%, rgb(221 232 255 / 35%), transparent 35rem), #f5f7fb; }
.account-shell { width: min(calc(100% - 2rem), 70rem); padding-block: clamp(2rem, 5vw, 3.5rem); }
.account-header { align-items: center; }
.account-header h1 { margin-bottom: .55rem; font-size: clamp(2.35rem, 5vw, 3.2rem); letter-spacing: -.055em; }
.account-header p:not(.eyebrow) { font-size: .95rem; }
.account-header .button { flex-shrink: 0; }
.account-hero { margin-bottom: 1.5rem; border: 1px solid #e0e5ef; border-radius: 1.35rem; background: white; box-shadow: 0 .55rem 1.8rem rgb(32 47 82 / 4%); animation: account-arrive 700ms cubic-bezier(.22, 1, .36, 1) both; }
.account-hero__cover { position: relative; height: 8.75rem; overflow: hidden; border-radius: 1.3rem 1.3rem 0 0; background: radial-gradient(ellipse at 70% 95%, #c7e9e3, transparent 55%), linear-gradient(110deg, #eff3ff, #dce5fc 50%, #e2f4ef); }
.account-hero__cover-label { position: absolute; top: 1.45rem; left: 2rem; color: #425582; font-size: .8rem; font-weight: 800; letter-spacing: -.01em; }
.account-hero__cover-label > span { margin-left: .5rem; color: var(--ink-soft); font-size: .78rem; font-weight: 500; }
.account-hero__orbit { position: absolute; width: 30rem; height: 14rem; border: 1px solid rgb(255 255 255 / 72%); border-radius: 50%; }
.account-hero__orbit--one { top: -5rem; right: -4rem; transform: rotate(-24deg); }
.account-hero__orbit--two { top: -1rem; right: -3rem; transform: rotate(24deg); }
.account-hero__sphere { position: absolute; top: -3rem; right: 9%; width: 11rem; height: 11rem; border: 1px solid rgb(255 255 255 / 70%); border-radius: 50%; background: linear-gradient(145deg, rgb(255 255 255 / 63%), rgb(190 212 249 / 17%)); box-shadow: inset -1rem -1rem 2rem rgb(171 190 229 / 10%), 0 .5rem 2rem rgb(117 150 196 / 7%); }
.account-hero__identity { position: relative; display: flex; min-height: 7.7rem; align-items: center; padding: 0 2rem 1.15rem; gap: 1.25rem; }
.account-avatar { display: grid; flex: 0 0 auto; width: 6.75rem; height: 6.75rem; overflow: hidden; place-items: center; margin-top: -2.5rem; border: .35rem solid white; border-radius: 50%; color: #355395; background: linear-gradient(135deg, #dae7ff, #d8f0e8); box-shadow: 0 .3rem 1.15rem rgb(25 49 103 / 11%); font-size: 2.3rem; font-weight: 800; }
.account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.account-hero__name { min-width: 0; padding-top: .55rem; }
.account-hero__name h2 { overflow-wrap: anywhere; margin-bottom: .35rem; font-size: clamp(1.4rem, 3vw, 1.85rem); letter-spacing: -.04em; }
.account-email { overflow-wrap: anywhere; color: var(--ink-soft); font-size: .88rem; }
.account-hero__zone { display: flex; flex: 0 1 auto; align-items: center; margin-left: auto; padding: .7rem 1rem; border: 1px solid #e5eaf2; border-radius: .8rem; background: #f9faff; gap: .65rem; }
.account-hero__zone > svg { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; color: #647dae; }
.account-hero__zone div { min-width: 0; }
.account-hero__zone span { display: block; color: var(--ink-soft); font-size: .78rem; font-weight: 650; }
.account-hero__zone strong { display: block; overflow-wrap: anywhere; color: #425575; font-size: .79rem; font-weight: 650; }
.account-grid { display: grid; align-items: start; grid-template-columns: minmax(0, 1.9fr) minmax(17rem, 1fr); gap: 1.5rem; }
.account-sidebar { display: grid; gap: 1.25rem; }
.account-page .panel { min-width: 0; padding: clamp(1.25rem, 3vw, 1.8rem); border-color: #e0e5ef; border-radius: 1.15rem !important; box-shadow: 0 .3rem 1.4rem rgb(32 47 82 / 3%); animation: account-arrive 750ms 100ms cubic-bezier(.22, 1, .36, 1) both; }
.account-kicker { margin-bottom: .45rem; color: #425a94; font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.account-page .account-photo h2, .account-page .account-security h2 { margin-bottom: .7rem; font-size: 1.15rem; letter-spacing: -.025em; }
.account-photo__intro { color: var(--ink-soft); font-size: .8rem; }
.account-page .account-avatar-form { display: grid; max-width: none; margin-top: 1.15rem; gap: 1rem; }
.account-avatar-form .form-field label { font-size: .78rem; }
.account-avatar-form input[type="file"] { min-height: 0; padding: .45rem; border-color: #dbe2ee; border-radius: .65rem; background: #f9faff; font-size: .72rem; }
.account-avatar-form input[type="file"]::file-selector-button { margin-right: .5rem; padding: .48rem .58rem; border: 1px solid #d7dff0; border-radius: .42rem; color: #425a94; background: white; font: inherit; font-weight: 650; cursor: pointer; }
.account-avatar-form .button { width: 100%; }
.account-action { display: flex; align-items: center; padding: 1rem 0; border-bottom: 1px solid #edf0f6; text-decoration: none; gap: .75rem; }
.account-action:last-child { padding-bottom: .2rem; border-bottom: 0; }
.account-action__icon { display: grid; flex: 0 0 auto; width: 2.35rem; height: 2.35rem; place-items: center; border: 1px solid #e3e9fb; border-radius: .75rem; color: #5873b8; background: #f0f4ff; }
.account-action__icon--mint { color: #438171; border-color: #dfefe8; background: #eef8f3; }
.account-action__icon svg { width: 1.1rem; height: 1.1rem; }
.account-action__label { min-width: 0; }
.account-action__label strong { display: block; color: #344762; font-size: .83rem; font-weight: 700; }
.account-action__label > span { display: block; margin-top: .18rem; color: var(--ink-soft); font-size: .8rem; }
.account-action__arrow { flex: 0 0 auto; width: 1rem; height: 1rem; margin-left: auto; color: #8a96b0; transition: transform 200ms ease, color 200ms ease; }
.account-action:hover .account-action__label strong { color: var(--blue); }
.account-action:hover .account-action__arrow { color: var(--blue); transform: translateX(.15rem); }
.account-section-heading { display: flex; align-items: center; margin-bottom: 1.8rem; gap: .8rem; }
.account-section-icon { display: grid; flex: 0 0 auto; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid #e7ebf5; border-radius: .8rem; color: #5975b6; background: #f4f6ff; }
.account-section-icon svg { width: 1.25rem; height: 1.25rem; }
.account-page .account-section-heading h2 { margin-bottom: .35rem; font-size: 1.2rem; letter-spacing: -.025em; }
.account-section-heading p { color: var(--ink-soft); font-size: .84rem; }
.account-page .account-details form { max-width: none; gap: 1.3rem; }
.account-details .form-field label { font-size: .82rem; }
.account-details .form-field input, .account-details .form-field textarea, .account-details .form-field select, .account-details .timezone-picker__trigger { border-color: #dce3ee; border-radius: .7rem; background: #fafbfe; font-size: .88rem; }
.account-details .form-field input:focus, .account-details .form-field textarea:focus, .account-details .form-field select:focus, .account-details .timezone-picker__trigger:focus-visible { border-color: var(--blue); background: white; }
.account-details .form-field--invalid input, .account-details .form-field--invalid textarea, .account-details .form-field--invalid select, .account-details .form-field--invalid .timezone-picker__trigger { border-color: var(--danger); background: #fffafa; }
.account-details textarea { min-height: 8rem; }
.account-details .form-help, .account-photo .form-help { color: var(--ink-soft); font-size: .8rem; }
.account-form-actions { display: flex; align-items: center; justify-content: space-between; padding-top: 1.25rem; border-top: 1px solid #edf0f6; gap: 1rem; }
.account-form-actions > span { color: var(--ink-soft); font-size: .8rem; }
.account-flow { min-height: 65vh; }
.account-flow .auth-card { border-radius: 1.15rem; }
.account-back { display: inline-block; margin-bottom: 1.7rem; color: var(--blue); font-size: .85rem; font-weight: 750; text-decoration: none; }
.account-back:hover { text-decoration: underline; }
.account-current-email { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.4rem; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: .65rem; background: var(--surface-soft); gap: .35rem .8rem; font-size: .85rem; }
.account-current-email strong { overflow-wrap: anywhere; }
.timezone-picker { position: relative; }
.timezone-picker--ready select { display: none; }
.timezone-picker__trigger { display: flex; width: 100%; min-height: 3rem; align-items: center; justify-content: space-between; padding: .72rem .82rem; border: 1px solid #abb5c4; border-radius: .62rem; color: var(--ink); background: white; font: inherit; text-align: left; cursor: pointer; gap: .8rem; }
.timezone-picker__trigger::after { flex: 0 0 auto; width: .45rem; height: .45rem; border-right: 2px solid #66748d; border-bottom: 2px solid #66748d; content: ""; transform: rotate(45deg) translateY(-2px); }
.timezone-picker__trigger:focus-visible, .timezone-picker__search:focus { border-color: var(--blue); box-shadow: 0 0 0 .2rem rgb(49 87 213 / 12%); outline: none; }
.form-field--invalid .timezone-picker__trigger { border-color: var(--danger); }
.timezone-picker__menu { position: absolute; z-index: 20; top: calc(100% + .3rem); right: 0; left: 0; overflow: hidden; padding: .55rem; border: 1px solid #c8d2e5; border-radius: .7rem; background: white; box-shadow: 0 1rem 2.5rem rgb(20 33 61 / 18%); }
.timezone-picker__menu[hidden] { display: none; }
.timezone-picker__search { width: 100%; min-height: 2.55rem !important; padding: .55rem .7rem !important; border: 1px solid #abb5c4; border-radius: .45rem; }
.timezone-picker__options { max-height: min(17rem, 42vh); overflow-y: auto; margin-top: .35rem; overscroll-behavior: contain; }
.timezone-picker__option { display: block; width: 100%; padding: .58rem .65rem; border: 0; border-radius: .38rem; color: var(--ink); background: transparent; font: inherit; font-size: .85rem; text-align: left; cursor: pointer; }
.timezone-picker__option:hover, .timezone-picker__option.is-active { background: #eef2ff; }
.timezone-picker__option[aria-selected="true"] { color: #2447ac; font-weight: 750; }
.timezone-picker__empty { padding: .7rem; color: var(--ink-soft); font-size: .85rem; }
@media (max-width: 760px) {
  .account-header { align-items: flex-start; }
  .account-grid { grid-template-columns: 1fr; }
  .account-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-hero__identity { flex-wrap: wrap; padding-inline: 1.3rem; gap: .85rem; }
  .account-hero__zone { flex-basis: 100%; margin: 0; background: transparent; border: 0; padding: 0; }
  .account-hero__zone div { display: flex; align-items: center; gap: .6rem; }
  .account-hero__cover-label { left: 1.3rem; }
}
@media (max-width: 560px) {
  .account-header, .account-sidebar { display: grid; grid-template-columns: 1fr; }
  .account-header { gap: 1rem; }
  .account-header .button { width: fit-content; min-height: 2.6rem; font-size: .8rem; }
  .account-hero__cover { height: 7rem; }
  .account-avatar { width: 5.5rem; height: 5.5rem; margin-top: -2rem; font-size: 1.9rem; }
  .account-hero__identity { align-items: flex-start; }
  .account-hero__name { flex: 1; padding-top: .6rem; }
  .account-hero__name h2 { font-size: 1.3rem; }
  .account-email { font-size: .75rem; }
  .account-hero__cover-label > span { display: none; }
  .account-form-actions .button { width: 100%; }
  .account-form-actions > span { display: none; }
  .account-form-actions { display: block; }
}
@keyframes account-arrive { from { opacity: 0; transform: translateY(.65rem); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .account-hero, .account-page .panel { animation: none; }
  .account-action__arrow { transition: none; }
}