@layer reset,tokens,base,components,sections,demo,motion,utilities;@font-face{font-family: "Commissioner";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/commissioner-greek.a3d1c9ee89.woff2") format("woff2");unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family: "Commissioner";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/commissioner-latin.a96186279a.woff2") 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}@property --shine{syntax: "<percentage>";inherits: false;initial-value: -40%}@property --ring{syntax: "<number>";inherits: false;initial-value: 0}@property --drift{syntax: "<angle>";inherits: false;initial-value: 0deg}@layer tokens{:root{color-scheme: light dark;--morning: oklch(62% 0.19 260);--afternoon: oklch(77% 0.165 70);--night: oklch(60% 0.22 293);--ok: oklch(64% 0.12 163);--danger: oklch(58% 0.2 27);--change: oklch(70% 0.17 50);--swap: oklch(55% 0.16 275);--navy: oklch(19% 0.03 270);--bg: oklch(98.4% 0.004 255);--bg-soft: oklch(96.4% 0.009 255);--surface: oklch(100% 0 0);--surface-2: oklch(97.6% 0.006 255);--ink: oklch(22% 0.03 268);--ink-2: oklch(42% 0.025 265);--ink-3: oklch(53% 0.022 262);--line: oklch(90.5% 0.01 262);--line-strong: oklch(83% 0.015 262);--accent: oklch(50% 0.09 186);--accent-fill: oklch(50% 0.09 186);--on-accent: oklch(99% 0.005 186);--accent-soft: oklch(94% 0.035 186);--focus: oklch(55% 0.2 260);--mark-tile: #101522;--morning-ink: oklch(45% 0.17 260);--afternoon-ink: oklch(47% 0.12 65);--night-ink: oklch(45% 0.2 293);--danger-ink: oklch(49% 0.18 27);--change-ink: oklch(50% 0.15 45);--swap-ink: oklch(44% 0.16 275);--ok-ink: oklch(44% 0.1 163);--tint: 13%;--glow: 0.42;--shadow-1: 0 1px 2px oklch(22% 0.03 268 / 0.06),0 2px 8px -2px oklch(22% 0.03 268 / 0.06);--shadow-2: 0 1px 2px oklch(22% 0.03 268 / 0.05),0 14px 34px -12px oklch(22% 0.04 268 / 0.18);--shadow-3: 0 2px 6px oklch(22% 0.03 268 / 0.06),0 40px 90px -30px oklch(22% 0.06 268 / 0.38);--hairline: inset 0 1px 0 oklch(100% 0 0 / 0.7);--font: "Commissioner",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono: ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;--step--2: clamp(0.72rem,0.7rem + 0.08vw,0.78rem);--step--1: clamp(0.83rem,0.8rem + 0.15vw,0.9rem);--step-0: clamp(1rem,0.96rem + 0.2vw,1.1rem);--step-1: clamp(1.15rem,1.06rem + 0.42vw,1.4rem);--step-2: clamp(1.35rem,1.18rem + 0.85vw,1.9rem);--step-3: clamp(1.65rem,1.35rem + 1.5vw,2.6rem);--step-4: clamp(1.9rem,1.45rem + 2.2vw,3.15rem);--step-5: clamp(2.35rem,1.45rem + 4.4vw,5.25rem);--flair-display: 46;--gutter: clamp(1rem,0.6rem + 1.8vw,2rem);--max: 75rem;--section: clamp(4.5rem,3rem + 6vw,8.5rem);--r-xs: 0.375rem;--r-sm: 0.625rem;--r-md: 0.9rem;--r-lg: 1.35rem;--r-xl: 1.9rem;--ease-out: cubic-bezier(0.2,0.8,0.2,1);--ease-in-out: cubic-bezier(0.65,0,0.35,1);--ease-spring: linear(0,0.009,0.035 2.1%,0.141 4.4%,0.723 12.9%,0.938 16.7%,1.017 19.4%,1.067,1.099 24.3%,1.108 26%,1.1,1.078 30.1%,1.049 32.5%,0.989 39.6%,0.977 42.3%,0.972 44.8%,0.975 47.3%,1.003 55.9%,1.006 59.1%,1.002 68.5%,1)}@supports (color: light-dark(#000,#fff)){:root{--bg: light-dark(oklch(98.4% 0.004 255),oklch(16.2% 0.026 268));--bg-soft: light-dark(oklch(96.4% 0.009 255),oklch(18.8% 0.028 268));--surface: light-dark(oklch(100% 0 0),oklch(21.5% 0.03 268));--surface-2: light-dark(oklch(97.6% 0.006 255),oklch(24.5% 0.032 268));--ink: light-dark(oklch(22% 0.03 268),oklch(96.5% 0.008 260));--ink-2: light-dark(oklch(42% 0.025 265),oklch(81% 0.02 262));--ink-3: light-dark(oklch(53% 0.022 262),oklch(70% 0.022 262));--line: light-dark(oklch(90.5% 0.01 262),oklch(29.5% 0.03 268));--line-strong: light-dark(oklch(83% 0.015 262),oklch(38% 0.035 268));--accent: light-dark(oklch(50% 0.09 186),oklch(82% 0.12 182));--accent-fill: light-dark(oklch(50% 0.09 186),oklch(80% 0.13 180));--on-accent: light-dark(oklch(99% 0.005 186),oklch(20% 0.035 230));--accent-soft: light-dark(oklch(94% 0.035 186),oklch(30% 0.05 190));--focus: light-dark(oklch(55% 0.2 260),oklch(76% 0.14 260));--mark-tile: light-dark(#101522,oklch(29% 0.04 268));--morning-ink: light-dark(oklch(45% 0.17 260),oklch(82% 0.1 260));--afternoon-ink: light-dark(oklch(47% 0.12 65),oklch(86% 0.12 75));--night-ink: light-dark(oklch(45% 0.2 293),oklch(82% 0.12 293));--danger-ink: light-dark(oklch(49% 0.18 27),oklch(80% 0.12 25));--change-ink: light-dark(oklch(50% 0.15 45),oklch(84% 0.12 60));--swap-ink: light-dark(oklch(44% 0.16 275),oklch(82% 0.1 275));--ok-ink: light-dark(oklch(44% 0.1 163),oklch(82% 0.12 163));--hairline: inset 0 1px 0 light-dark(oklch(100% 0 0 / 0.7),oklch(100% 0 0 / 0.06));--shadow-2: 0 1px 2px light-dark(oklch(22% 0.03 268 / 0.05),oklch(0% 0 0 / 0.3)),0 14px 34px -12px light-dark(oklch(22% 0.04 268 / 0.18),oklch(0% 0 0 / 0.55));--shadow-3: 0 2px 6px light-dark(oklch(22% 0.03 268 / 0.06),oklch(0% 0 0 / 0.35)),0 40px 90px -30px light-dark(oklch(22% 0.06 268 / 0.38),oklch(0% 0 0 / 0.7))}}:root{--page-scheme: light dark}:root[data-theme="light"]{color-scheme: light;--page-scheme: light}:root[data-theme="dark"]{color-scheme: dark;--page-scheme: dark}:root[data-theme="dark"],.band-ink{--tint: 22%;--glow: 0.55}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--tint: 22%;--glow: 0.55}}@supports (corner-shape: squircle){:root{--r-md: 1.15rem;--r-lg: 1.9rem;--r-xl: 2.6rem}}}@layer reset{*,*::before,*::after{box-sizing: border-box}*{margin: 0}html{-webkit-text-size-adjust: none;text-size-adjust: none}img,picture,svg,video{display: block;max-width: 100%}img{height: auto}input,button,textarea,select{font: inherit;color: inherit;letter-spacing: inherit}button{cursor: pointer;background: none;border: 0;padding: 0}ul[role="list"],ol[role="list"]{list-style: none;padding: 0}table{border-collapse: collapse}fieldset{border: 0;padding: 0;min-inline-size: 0}legend{padding: 0}[hidden]{display: none !important}}@layer base{:root{interpolate-size: allow-keywords;scroll-padding-top: 5.5rem;hanging-punctuation: first last}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior: smooth}}body{min-height: 100dvh;background: var(--bg);color: var(--ink);font-family: var(--font);font-size: var(--step-0);line-height: 1.6;font-optical-sizing: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}h1,h2,h3,h4{line-height: 1.08;font-weight: 660;letter-spacing: -0.018em;text-wrap: balance}p,li,dd,figcaption,blockquote{text-wrap: pretty}:lang(el) p,:lang(el) li,:lang(el) dd{hyphens: auto}a{color: var(--accent);text-decoration-thickness: 0.07em;text-underline-offset: 0.2em}a:hover{text-decoration-thickness: 0.12em}a[href^="tel:"]{white-space: nowrap}:focus-visible{outline: 2.5px solid var(--focus);outline-offset: 3px;border-radius: var(--r-xs)}::selection{background: color-mix(in oklab,var(--morning) 28%,transparent)}main:focus{outline: none}.icon{width: 1.15em;height: 1.15em;flex: none}.tabular{font-variant-numeric: tabular-nums}@supports not (color: light-dark(#000,#fff)){.band-ink{--bg: oklch(16.2% 0.026 268);--bg-soft: oklch(18.8% 0.028 268);--surface: oklch(21.5% 0.03 268);--surface-2: oklch(24.5% 0.032 268);--ink: oklch(96.5% 0.008 260);--ink-2: oklch(81% 0.02 262);--ink-3: oklch(70% 0.022 262);--line: oklch(29.5% 0.03 268);--line-strong: oklch(38% 0.035 268);--accent: oklch(82% 0.12 182);--accent-fill: oklch(80% 0.13 180);--on-accent: oklch(20% 0.035 230);--accent-soft: oklch(30% 0.05 190);--focus: oklch(76% 0.14 260);--morning-ink: oklch(82% 0.1 260);--afternoon-ink: oklch(86% 0.12 75);--night-ink: oklch(82% 0.12 293);--danger-ink: oklch(80% 0.12 25);--change-ink: oklch(84% 0.12 60);--swap-ink: oklch(82% 0.1 275);--ok-ink: oklch(82% 0.12 163)}}}@layer utilities{.wrap{width: min(100% - 2 * var(--gutter),var(--max));margin-inline: auto}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}}@layer components{[data-period="morning"]{--_c: var(--morning)}[data-period="afternoon"]{--_c: var(--afternoon)}[data-period="night"]{--_c: var(--night)}.skip-link{position: absolute;inset-inline-start: 1rem;top: -4rem;z-index: 100;padding: 0.7rem 1rem;border-radius: var(--r-sm);background: var(--ink);color: var(--bg);font-weight: 650;text-decoration: none}.skip-link:focus{top: 1rem}.kicker{display: inline-flex;align-items: center;gap: 0.6em;color: var(--accent);font-size: var(--step--1);font-weight: 720;letter-spacing: 0.09em;text-transform: uppercase}.kicker::before{content: "";width: 0.62em;height: 0.62em;border-radius: 0.18em;background: linear-gradient(135deg,var(--morning),var(--night))}.section{position: relative;padding-block: var(--section)}.section__head{max-width: 54rem;margin-block-end: clamp(2.25rem,1.6rem + 2.4vw,4rem)}.section__head:has(+ p){margin-block-end: 1.25rem}.section__title{margin-top: 0.8rem;font-size: var(--step-4);font-weight: 680;font-variation-settings: "FLAR" var(--flair-display)}.section__lede{margin-top: 1.15rem;max-width: 46rem;font-size: var(--step-1);line-height: 1.55;color: var(--ink-2)}.band-soft{background: var(--bg-soft)}.band-ink{color-scheme: dark;background: var(--bg);color: var(--ink);isolation: isolate}.band-ink::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(60rem 30rem at 88% 0%,color-mix(in oklab,var(--night) 24%,transparent),transparent 70%),radial-gradient(50rem 26rem at 0% 100%,color-mix(in oklab,var(--morning) 18%,transparent),transparent 70%)}.card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg);box-shadow: var(--shadow-2),var(--hairline);corner-shape: squircle}.chip{display: inline-flex;align-items: center;gap: 0.35em;padding: 0.3em 0.7em;border-radius: 999px;border: 1px solid var(--line);background: var(--surface-2);font-size: var(--step--2);font-weight: 650;color: var(--ink-2);white-space: nowrap}.avatar{display: inline-grid;place-items: center;flex: none;width: 1.9rem;height: 1.9rem;border-radius: 50%;background: var(--_c,var(--morning));color: #fff;font-weight: 750;font-size: 0.8rem}.avatar--lg{width: 2.8rem;height: 2.8rem;font-size: 1.1rem}.mark{display: inline-flex;align-items: center;padding: 0.2em 0.55em;border-radius: 0.4em;font-size: 0.68rem;font-weight: 780;letter-spacing: 0.06em;line-height: 1.2;white-space: nowrap}.mark--change{color: var(--change-ink);background: color-mix(in oklab,var(--change) var(--tint),transparent)}.mark--swap{color: var(--swap-ink);background: color-mix(in oklab,var(--swap) var(--tint),transparent)}.mark--removed{color: var(--danger-ink);background: color-mix(in oklab,var(--danger) var(--tint),transparent)}.mark--loan{color: var(--accent);background: var(--accent-soft)}.status{display: inline-flex;align-items: center;gap: 0.45em;padding: 0.28em 0.75em;border-radius: 999px;font-size: var(--step--2);font-weight: 750;letter-spacing: 0.05em;text-transform: uppercase;white-space: nowrap}.status::before{content: "";width: 0.5em;height: 0.5em;border-radius: 50%;background: currentColor}.status--demo{color: var(--ok-ink);background: color-mix(in oklab,var(--ok) var(--tint),transparent)}.status--progress{color: var(--afternoon-ink);background: color-mix(in oklab,var(--afternoon) var(--tint),transparent)}.status--explore{color: var(--night-ink);background: color-mix(in oklab,var(--night) var(--tint),transparent)}.btn{--_bg: var(--surface);--_fg: var(--ink);--_bd: var(--line-strong);position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 0.55em;min-height: 2.75rem;padding: 0.7em 1.3em;border-radius: 999px;border: 1px solid var(--_bd);background-color: var(--_bg);color: var(--_fg);font-weight: 650;font-size: 0.98rem;line-height: 1.1;text-decoration: none;white-space: nowrap;transition: transform 0.2s var(--ease-out),box-shadow 0.25s var(--ease-out),background-color 0.2s,border-color 0.2s}.btn:hover{transform: translateY(-1px);text-decoration: none}.btn:active{transform: translateY(0) scale(0.985)}.btn .icon{transition: transform 0.25s var(--ease-out)}.btn:hover .icon:last-child{transform: translateX(3px)}.btn--primary{--_bg: var(--accent-fill);--_fg: var(--on-accent);--_bd: transparent;background-image: linear-gradient(115deg,transparent calc(var(--shine) - 12%),oklch(100% 0 0 / 0.3) var(--shine),transparent calc(var(--shine) + 12%));box-shadow: inset 0 1px 0 oklch(100% 0 0 / 0.22),0 10px 26px -12px color-mix(in oklab,var(--accent-fill) 85%,transparent)}.btn--ghost{--_bg: color-mix(in oklab,var(--surface) 72%,transparent);backdrop-filter: blur(8px)}.btn--sm{min-height: 2.35rem;padding: 0.5em 1.05em;font-size: 0.9rem}.btn--lg{min-height: 3.25rem;padding: 0.85em 1.6em;font-size: 1.04rem}.icon-btn{display: inline-grid;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: 999px;color: var(--ink-2);transition: background-color 0.2s,color 0.2s}.icon-btn:hover{background: color-mix(in oklab,var(--ink) 7%,transparent);color: var(--ink)}.icon-btn .icon{width: 1.3rem;height: 1.3rem}.site-header{position: sticky;top: 0;z-index: 40;view-transition-name: site-header}.site-header::before{content: "";position: absolute;inset: 0;z-index: -1;background: color-mix(in oklab,var(--bg) 78%,transparent);-webkit-backdrop-filter: blur(18px) saturate(1.5);backdrop-filter: blur(18px) saturate(1.5);border-block-end: 1px solid color-mix(in oklab,var(--line) 85%,transparent)}.site-header__inner{display: flex;align-items: center;gap: 1rem;min-height: 4.25rem}.brand{display: inline-flex;align-items: center;gap: 0.6rem;flex: none;color: var(--ink);text-decoration: none;font-weight: 720;font-size: 1.12rem;letter-spacing: -0.015em}.brand:hover{text-decoration: none}.brand__mark{width: 2rem;height: 2rem}.mark-tile{fill: var(--mark-tile)}.nav{margin-inline: auto}.nav__list{display: flex;gap: 0.15rem}.nav__list a{display: block;padding: 0.5rem 0.8rem;border-radius: 999px;color: var(--ink-2);text-decoration: none;font-weight: 560;font-size: 0.94rem;transition: background-color 0.2s,color 0.2s}.nav__list a:hover{color: var(--ink);background: color-mix(in oklab,var(--ink) 6%,transparent)}.site-header__tools{display: flex;align-items: center;gap: 0.35rem;margin-inline-start: auto}.lang-switch,.menu__lang{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.42rem 0.7rem;border-radius: 999px;border: 1px solid var(--line);color: var(--ink-2);font-weight: 700;font-size: 0.82rem;letter-spacing: 0.04em;text-decoration: none;transition: border-color 0.2s,color 0.2s}.lang-switch:hover,.menu__lang:hover{color: var(--ink);border-color: var(--line-strong);text-decoration: none}.lang-switch .icon,.menu__lang .icon{width: 1rem;height: 1rem}.login-link{padding: 0.5rem 0.75rem;border-radius: 999px;color: var(--ink);text-decoration: none;font-weight: 620;font-size: 0.94rem}.login-link:hover{background: color-mix(in oklab,var(--ink) 6%,transparent);text-decoration: none}.theme-toggle{display: none}.js .theme-toggle{display: inline-grid}.theme-toggle .icon--sun{display: none}:root[data-theme="dark"] .theme-toggle .icon--sun{display: block}:root[data-theme="dark"] .theme-toggle .icon--moon{display: none}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme-toggle .icon--sun{display: block}:root:not([data-theme="light"]) .theme-toggle .icon--moon{display: none}}.menu-btn{display: none}@media (width < 68rem){.nav{display: none}.menu-btn{display: inline-grid}}@media (width < 52rem){.login-link{display: none}}@media (width < 34rem){.header-cta,.lang-switch{display: none}}.menu{inset: 0 0 0 auto;width: min(24rem,100%);height: 100dvh;max-height: none;margin: 0;padding: 1rem var(--gutter) 2rem;border: 0;overflow-y: auto;flex-direction: column;gap: 1.75rem;background: var(--surface);color: var(--ink);box-shadow: var(--shadow-3)}.menu:popover-open{display: flex}.menu::backdrop{background: oklch(15% 0.03 268 / 0.45);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.menu__head{display: flex;align-items: center;justify-content: space-between;min-height: 3.25rem}.menu__list a{display: block;padding: 0.95rem 0.25rem;border-bottom: 1px solid var(--line);color: var(--ink);text-decoration: none;font-size: var(--step-2);font-weight: 640;letter-spacing: -0.01em}.menu__foot{display: grid;gap: 0.75rem;margin-top: auto}.menu__lang{justify-self: start}.qa{border-bottom: 1px solid var(--line)}.qa summary{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1.35rem 0.25rem;cursor: pointer;list-style: none;font-weight: 650;font-size: var(--step-1);line-height: 1.3}.qa summary::-webkit-details-marker{display: none}.qa summary:hover{color: var(--accent)}.qa summary .icon--plus{width: 2.1rem;height: 2.1rem;padding: 0.45rem;border-radius: 50%;background: var(--surface);border: 1px solid var(--line);color: var(--ink-2);transition: transform 0.35s var(--ease-out),background-color 0.2s,color 0.2s}.qa[open] summary .icon--plus{transform: rotate(45deg);background: var(--accent-fill);color: var(--on-accent);border-color: transparent}.qa__a{padding: 0 3.5rem 1.6rem 0.25rem;color: var(--ink-2);max-width: 64ch}.form{position: relative;display: grid;gap: 1.3rem;padding: clamp(1.25rem,0.9rem + 1.6vw,2.25rem)}.form__row{display: grid;gap: 1.3rem;grid-template-columns: repeat(auto-fit,minmax(min(15rem,100%),1fr))}.field{display: grid;gap: 0.45rem;align-content: start}.field label,.choice legend{font-weight: 650;font-size: 0.94rem;color: var(--ink)}.field__opt{font-weight: 450;color: var(--ink-3)}.field input,.field textarea{width: 100%;padding: 0.8rem 0.95rem;border-radius: var(--r-sm);border: 1px solid var(--line-strong);background: var(--surface-2);color: var(--ink);transition: border-color 0.2s,box-shadow 0.2s,background-color 0.2s}.field input::placeholder,.field textarea::placeholder{color: var(--ink-3)}.field input:focus-visible,.field textarea:focus-visible{outline: none;border-color: var(--accent);background: var(--surface);box-shadow: 0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent)}.field textarea{field-sizing: content;min-block-size: 6.5rem;max-block-size: 18rem;resize: vertical}.field input:user-invalid,.field textarea:user-invalid,.field[data-invalid] :is(input,textarea){border-color: var(--danger);box-shadow: 0 0 0 4px color-mix(in oklab,var(--danger) 16%,transparent)}.field__error{color: var(--danger-ink);font-size: var(--step--1);font-weight: 620}.field__error:empty{display: none}.choice legend{margin-bottom: 0.6rem}.choice__options{display: flex;flex-wrap: wrap;gap: 0.5rem}.choice__opt{position: relative;display: inline-flex}.choice__opt input{position: absolute;inset: 0;margin: 0;opacity: 0;cursor: pointer}.choice__opt span{display: inline-flex;align-items: center;padding: 0.55rem 1rem;border-radius: 999px;border: 1px solid var(--line-strong);background: var(--surface-2);color: var(--ink-2);font-weight: 620;font-size: 0.92rem;transition: background-color 0.2s,color 0.2s,border-color 0.2s}.choice__opt:hover span{border-color: var(--accent);color: var(--ink)}.choice__opt:has(input:checked) span{background: var(--accent-fill);color: var(--on-accent);border-color: transparent}.choice__opt:has(input:focus-visible) span{outline: 2.5px solid var(--focus);outline-offset: 2px}.form__hp{position: absolute;inset-inline-start: -10000px;width: 1px;height: 1px;overflow: hidden}.form__foot{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem 1.5rem}.form__privacy{flex: 1 1 16rem;font-size: var(--step--1);color: var(--ink-3)}.form__status{font-weight: 620}.form__status:empty{display: none}.form__status[data-tone="error"]{color: var(--danger-ink)}.btn[aria-busy="true"]{opacity: 0.75;cursor: progress}.form-success{display: grid;justify-items: center;gap: 0.75rem;padding: clamp(2rem,1.5rem + 3vw,4rem) 2rem;text-align: center}.form-success:focus{outline: none}.form-success__icon{display: grid;place-items: center;width: 4rem;height: 4rem;border-radius: 50%;background: color-mix(in oklab,var(--ok) var(--tint),transparent);color: var(--ok-ink)}.form-success__icon .icon{width: 2rem;height: 2rem}.form-success h3{font-size: var(--step-2)}.form-success p{color: var(--ink-2)}.site-footer{position: relative;overflow: clip;padding-top: clamp(3.5rem,2.5rem + 4vw,6rem);background: var(--bg-soft);border-top: 1px solid var(--line)}.site-footer__grid{display: grid;gap: 2.5rem;grid-template-columns: minmax(0,1.1fr) minmax(0,2fr)}.site-footer__brand p{margin-top: 1rem;max-width: 24rem;color: var(--ink-2)}.site-footer__quiet{display: flex;gap: 0.5rem;align-items: flex-start;font-size: var(--step--1);color: var(--ink-3) !important}.site-footer__quiet .icon{color: var(--ok);margin-top: 0.15em}.site-footer__nav{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.5rem}.site-footer__nav h2{margin-bottom: 0.9rem;font-size: var(--step--2);font-weight: 750;letter-spacing: 0.09em;text-transform: uppercase;color: var(--ink-3)}.site-footer__nav ul{display: grid;gap: 0.6rem}.site-footer__nav a{color: var(--ink-2);text-decoration: none;overflow-wrap: anywhere}.site-footer__nav a:hover{color: var(--ink);text-decoration: underline}.site-footer__company{display: grid;gap: 1.5rem 2.5rem;grid-template-columns: minmax(0,1.1fr) minmax(0,2fr);margin-top: 3.5rem;padding-top: 2rem;border-top: 1px solid var(--line);font-style: normal;font-size: var(--step--1);color: var(--ink-2)}.site-footer__maker a{font-weight: 750;color: var(--ink);text-decoration: none}.site-footer__maker a:hover{text-decoration: underline}.site-footer__maker span{display: block;margin-top: 0.35rem;font-size: var(--step--2);color: var(--ink-3)}.site-footer__facts{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));grid-template-rows: auto auto;grid-auto-flow: column;gap: 1.25rem 1.5rem}.site-footer__facts dt{margin-bottom: 0.3rem;font-size: var(--step--2);font-weight: 750;letter-spacing: 0.09em;text-transform: uppercase;color: var(--ink-3)}.site-footer__facts dd{hyphens: manual;overflow-wrap: anywhere}.site-footer__facts a{color: inherit;text-decoration: none}.site-footer__facts a:hover{color: var(--ink);text-decoration: underline}.site-footer__base{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.75rem 1.5rem;margin-top: 2rem;padding-block: 1.5rem;border-top: 1px solid var(--line);color: var(--ink-3);font-size: var(--step--1)}.site-footer__wordmark{margin-top: 0.5rem;text-align: center;white-space: nowrap;user-select: none;font-size: 15.5vw;font-weight: 800;letter-spacing: -0.045em;line-height: 0.78;font-variation-settings: "FLAR" 100;color: transparent;-webkit-background-clip: text;background-clip: text;background-image: linear-gradient(180deg,color-mix(in oklab,var(--ink) 13%,transparent) 10%,transparent 88%);translate: 0 14%}@media (width < 54rem){.site-footer__grid,.site-footer__company{grid-template-columns: minmax(0,1fr)}}@media (width < 34rem){.site-footer__nav{grid-template-columns: repeat(2,minmax(0,1fr))}.site-footer__facts{grid-template-columns: repeat(2,minmax(0,1fr));grid-template-rows: repeat(3,auto)}}.doc{max-width: 46rem;padding-block: clamp(3rem,2rem + 4vw,6rem)}.doc__title{margin-top: 0.6rem;font-size: var(--step-4);font-variation-settings: "FLAR" var(--flair-display)}.doc__meta{margin-top: 0.8rem;color: var(--ink-3)}.doc__body section{margin-top: 2.4rem}.doc__body h2{margin-bottom: 0.75rem;font-size: var(--step-2)}.doc__body p{color: var(--ink-2)}.doc__body p + p{margin-top: 0.85rem}.doc__back{margin-top: 3rem}.notice{display: grid;justify-items: center;align-content: center;gap: 1rem;min-height: 62vh;padding-block: 5rem;text-align: center}.notice__icon{display: grid;place-items: center;width: 4.25rem;height: 4.25rem;border-radius: 50%;background: var(--accent-soft);color: var(--accent)}.notice__icon .icon{width: 2.1rem;height: 2.1rem}.notice__icon--formError{background: color-mix(in oklab,var(--danger) var(--tint),transparent);color: var(--danger-ink)}.notice__title{max-width: 22ch;font-size: var(--step-4);font-variation-settings: "FLAR" var(--flair-display)}.notice__body{max-width: 42ch;color: var(--ink-2)}.notice .btn{margin-top: 0.75rem}}@layer sections{.hero{position: relative;isolation: isolate;overflow: clip;padding-block: clamp(2.25rem,1.25rem + 3.5vw,4.75rem) clamp(3.5rem,2rem + 5vw,6rem)}.hero__bg{position: absolute;inset: 0;z-index: -1;pointer-events: none}.hero__aurora{position: absolute;inset: -25% -15% 35%;opacity: var(--glow);filter: blur(80px) saturate(1.15)}.hero__aurora i{position: absolute;border-radius: 50%}.hero__aurora i:nth-child(1){width: 44vw;height: 44vw;left: 6%;top: 8%;background: var(--morning)}.hero__aurora i:nth-child(2){width: 34vw;height: 34vw;left: 38%;top: -4%;background: var(--afternoon);opacity: 0.75}.hero__aurora i:nth-child(3){width: 40vw;height: 40vw;right: 4%;top: 12%;background: var(--night)}.hero__grid{position: absolute;inset: 0;background-image: linear-gradient(to right,color-mix(in oklab,var(--ink) 7%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--ink) 6%,transparent) 1px,transparent 1px);background-size: calc(100% / 14) 3.5rem;-webkit-mask-image: radial-gradient(ellipse 75% 55% at 50% 25%,#000 25%,transparent 75%);mask-image: radial-gradient(ellipse 75% 55% at 50% 25%,#000 25%,transparent 75%)}.hero__inner{display: grid;justify-items: center;text-align: center}.eyebrow{display: inline-flex;align-items: center;gap: 0.65rem;padding: 0.42rem 0.95rem 0.42rem 0.55rem;border-radius: 999px;border: 1px solid var(--line);background: color-mix(in oklab,var(--surface) 72%,transparent);box-shadow: var(--shadow-1);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);font-size: var(--step--1);font-weight: 620;color: var(--ink-2);text-wrap: balance}.eyebrow__blocks{display: inline-grid;grid-template-columns: repeat(3,0.55rem);gap: 3px;flex: none}.eyebrow__blocks i{height: 0.55rem;border-radius: 2px;background: var(--morning)}.eyebrow__blocks i:nth-child(2){background: var(--afternoon)}.eyebrow__blocks i:nth-child(3){background: var(--night)}.hero__title{max-width: 26ch;margin-top: 1.3rem;font-size: clamp(2.35rem,1.2rem + 4.1vw,4.4rem);font-weight: 720;line-height: 1.02;letter-spacing: -0.032em;font-variation-settings: "FLAR" var(--flair-display);view-transition-name: hero-title}.hero__title em{display: block;font-style: normal;padding-bottom: 0.06em;color: transparent;-webkit-background-clip: text;background-clip: text;background-image: linear-gradient(100deg,var(--morning) 5%,var(--night) 55%,var(--afternoon) 100%)}.hero__lede{max-width: 52rem;margin-top: 1.5rem;font-size: var(--step-1);line-height: 1.55;color: var(--ink-2)}.hero__ctas{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.75rem;margin-top: 2.1rem}.hero__note{display: inline-flex;align-items: center;gap: 0.5rem;text-align: start;margin-top: 1.25rem;font-size: var(--step--1);color: var(--ink-3)}.hero__note .icon{color: var(--ok)}.hero__demo{margin-top: clamp(2.5rem,2rem + 2.5vw,4rem);perspective: 1800px}.glance{padding-block: clamp(2.5rem,2rem + 2vw,4rem);border-block: 1px solid var(--line);background: color-mix(in oklab,var(--surface) 55%,var(--bg))}.glance__list{display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}.glance__item{display: grid;grid-template-rows: auto auto 1fr;gap: 0.5rem;padding: 0.25rem clamp(1rem,0.5rem + 1.5vw,2rem);border-inline-start: 1px solid var(--line);view-timeline: --glance block}.glance__item:first-child{border-inline-start: 0;padding-inline-start: 0}.glance__viz svg{height: 2.3rem;width: auto;overflow: visible}.glance__value{font-size: var(--step-3);font-weight: 740;line-height: 1;letter-spacing: -0.03em;font-variant-numeric: tabular-nums;font-variation-settings: "FLAR" var(--flair-display)}.glance__label{font-size: var(--step--1);line-height: 1.5;color: var(--ink-2)}.gv-track{fill: none;stroke: var(--line);stroke-width: 5}.gv-ring{fill: none;stroke: var(--accent-fill);stroke-width: 5;stroke-linecap: round;stroke-dasharray: 100;stroke-dashoffset: 30;transform: rotate(-90deg);transform-origin: center;transform-box: fill-box}.gv-night{fill: var(--night)}.gv-morning{fill: var(--morning)}.gv-gap{fill: none;stroke: var(--ok);stroke-width: 2.5;stroke-dasharray: 3 3.5;stroke-linecap: round}.gv-teal{fill: var(--accent-fill)}.gv-line{fill: none;stroke: var(--line-strong);stroke-width: 2;stroke-linecap: round}.gv-box{fill: color-mix(in oklab,var(--morning) 22%,var(--surface));stroke: var(--morning);stroke-width: 1.5}.gv-file{fill: var(--surface);stroke: var(--ok);stroke-width: 2;stroke-linejoin: round}.gv-file--b{fill: color-mix(in oklab,var(--ok) 16%,var(--surface))}@media (width < 62rem){.glance__list{grid-template-columns: repeat(2,minmax(0,1fr));row-gap: 2.25rem}.glance__item:nth-child(3){border-inline-start: 0;padding-inline-start: 0}}@media (width < 34rem){.glance__list{grid-template-columns: minmax(0,1fr)}.glance__item{border-inline-start: 0;padding-inline: 0}}.steps{position: relative;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: clamp(1rem,0.5rem + 1.5vw,1.75rem);view-timeline: --steps block}.steps::before{content: "";position: absolute;inset: -1.6rem 0 auto;height: 3px;border-radius: 3px;background: linear-gradient(90deg,var(--morning),var(--afternoon),var(--night),var(--ok));transform-origin: 0 50%}.step{display: grid;grid-template-rows: auto auto auto 1fr;gap: 0.65rem;padding: 1.1rem 1.1rem 1.6rem;border-radius: var(--r-lg);corner-shape: squircle;background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow-1)}.step__art{display: grid;place-items: center;height: 12.25rem;padding: 0.9rem;overflow: hidden;border-radius: var(--r-md);background: var(--surface-2);border: 1px solid var(--line)}.step__num{margin-top: 0.45rem;font-family: var(--mono);font-size: var(--step--1);font-weight: 700;color: var(--accent)}.step__title{font-size: var(--step-1)}.step__body{font-size: 0.97rem;color: var(--ink-2)}@media (width < 66rem){.steps{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (width < 38rem){.steps{grid-template-columns: minmax(0,1fr)}.steps::before{display: none}}.art{width: 100%;font-size: 0.72rem}.art--needs{display: grid;gap: 0.5rem}.art__tag{justify-self: start;padding: 0.2rem 0.6rem;border-radius: 999px;background: var(--accent-soft);color: var(--accent);font-weight: 750;font-size: 0.66rem}.art--needs ul{display: grid;gap: 0.3rem}.art--needs li{display: grid;grid-template-columns: 1fr auto auto;align-items: center;gap: 0.5rem;padding: 0.32rem 0.55rem;border-radius: 0.45rem;background: var(--surface);border: 1px solid var(--line);box-shadow: inset 3px 0 0 var(--_c);font-weight: 650}.art__time{font-family: var(--mono);font-size: 0.64rem;color: var(--ink-2)}.art--needs b{color: var(--accent)}.art--cells{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0.3rem}.art__cell{display: grid;gap: 0.3rem;justify-items: center;min-width: 0}.art__cell small{font-size: 0.56rem;font-weight: 750;letter-spacing: 0.03em;color: var(--ink-3)}.art__cell > span{display: grid;place-items: center;width: 100%;aspect-ratio: 1 / 2.2;padding: 0.15rem;border-radius: 0.45rem;border: 1px solid transparent;overflow: hidden;font-size: 0.6rem;font-weight: 750;line-height: 1;white-space: nowrap;writing-mode: vertical-rl;rotate: 180deg}:is(.art__cell[data-kind="off"] > span,.cchip[data-kind="off"]){background: var(--surface);border-color: var(--line-strong);color: var(--ink-2)}:is(.art__cell[data-kind="leave"] > span,.cchip[data-kind="leave"]){background: color-mix(in oklab,var(--afternoon) var(--tint),var(--surface));color: var(--afternoon-ink)}:is(.art__cell[data-kind="sick"] > span,.cchip[data-kind="sick"]){background: color-mix(in oklab,var(--danger) var(--tint),var(--surface));color: var(--danger-ink)}:is(.art__cell[data-kind="must"] > span,.cchip[data-kind="must"]){background: color-mix(in oklab,var(--accent-fill) var(--tint),var(--surface));color: var(--accent)}:is(.art__cell[data-kind="avail"] > span,.cchip[data-kind="avail"]){background: color-mix(in oklab,var(--morning) var(--tint),var(--surface));color: var(--morning-ink)}:is(.art__cell[data-kind="no"] > span,.cchip[data-kind="no"]){background: color-mix(in oklab,var(--night) var(--tint),var(--surface));color: var(--night-ink);border-style: dashed;border-color: color-mix(in oklab,var(--night) 45%,transparent)}.art__cell[data-kind="free"] > span{border: 1px dashed var(--line-strong);color: var(--ink-3)}.art--gen{display: grid;justify-items: center;gap: 0.6rem}.art__btn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.95rem;border-radius: 0.6rem;background: var(--accent-fill);color: var(--on-accent);font-weight: 750;font-size: 0.8rem;box-shadow: 0 8px 18px -8px var(--accent-fill)}.art__btn .icon{width: 1rem;height: 1rem}.art--gen .art__time{display: inline-flex;align-items: center;gap: 0.3rem;font-weight: 700;color: var(--ink-2)}.art__mosaic{display: grid;grid-template-columns: repeat(7,1fr);gap: 3px;width: 82%}.art__mosaic i{aspect-ratio: 1.6;border-radius: 2px;background: var(--_c)}.art__mosaic i[data-gap]{background: transparent;outline: 1.5px dashed var(--danger);outline-offset: -1.5px}.art--done{display: grid;justify-items: center;gap: 0.5rem}.art__badge{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.85rem;border-radius: 999px;background: color-mix(in oklab,var(--ok) var(--tint),var(--surface));color: var(--ok-ink);font-weight: 750;font-size: 0.8rem}.art__file{display: inline-flex;align-items: center;gap: 0.4rem;width: 88%;padding: 0.45rem 0.6rem;border-radius: 0.5rem;background: var(--surface);border: 1px solid var(--line);font-family: var(--mono);font-size: 0.66rem;font-weight: 650}.art__file .icon{width: 1rem;height: 1rem;color: oklch(55% 0.12 150)}.rules__grid{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);align-items: center;gap: clamp(2rem,1rem + 4vw,5rem)}.rules__list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem 1.75rem}.rules__list li{display: flex;align-items: flex-start;gap: 0.7rem;font-size: 0.97rem;color: var(--ink-2)}.rules__list .icon{width: 1.35em;height: 1.35em;margin-top: 0.1em;color: var(--ok)}.rest{display: grid;gap: 1rem;padding: clamp(1.25rem,1rem + 1vw,2rem);--s: 6.5}.rest__title{display: flex;align-items: center;gap: 0.6rem;font-size: var(--step-1)}.rest__title .icon{color: var(--accent)}.rest__hint{margin-top: -0.55rem;font-size: var(--step--1);color: var(--ink-3)}.rest__track{display: grid;gap: 0.5rem;margin-block: 0.5rem}.rest__days{display: grid;grid-template-columns: 37.5% 62.5%;font-size: var(--step--2);font-weight: 750;letter-spacing: 0.06em;text-transform: uppercase;color: var(--ink-3)}.rest__days span:last-child{padding-inline-start: 0.5rem;border-inline-start: 1px dashed var(--line-strong)}.rest__lane{position: relative;height: 3.4rem;border-radius: var(--r-sm);border: 1px solid var(--line);background: linear-gradient(to right,transparent calc(37.5% - 0.5px),var(--line-strong) calc(37.5% - 0.5px) calc(37.5% + 0.5px),transparent calc(37.5% + 0.5px)),repeating-linear-gradient(to right,color-mix(in oklab,var(--ink) 6%,transparent) 0 1px,transparent 1px 12.5%),var(--surface-2)}.rest__shift{position: absolute;top: 0.5rem;bottom: 0.5rem;width: 25%;display: grid;place-items: center;border-radius: 0.5rem;overflow: hidden;white-space: nowrap;font-family: var(--mono);font-size: 0.7rem;font-weight: 750;color: #fff}.rest__shift--mon{left: 9.375%;background: var(--night)}.rest__shift--tue{left: calc((12 + var(--s)) / 32 * 100%);background: var(--morning);transition: left 0.18s var(--ease-out)}.rest__gap{--_g: var(--danger);--_gi: var(--danger-ink);position: absolute;top: 50%;left: 34.375%;width: calc((1 + var(--s)) / 32 * 100%);height: 2px;translate: 0 -50%;display: grid;place-items: center;background: repeating-linear-gradient(to right,var(--_g) 0 6px,transparent 6px 10px);transition: width 0.18s var(--ease-out)}.rest__gap span{translate: 0 -0.95rem;padding: 0 0.3rem;border-radius: 4px;background: var(--surface-2);color: var(--_gi);font-size: 0.68rem;font-weight: 800}[data-ok="true"] .rest__gap{--_g: var(--ok);--_gi: var(--ok-ink)}.rest__ticks{display: flex;justify-content: space-between;font-family: var(--mono);font-size: 0.58rem;color: var(--ink-3)}@media (width < 30rem){.rest__ticks span:nth-child(even){visibility: hidden}}.rest__control{display: grid;gap: 0.5rem}.rest__label{font-size: var(--step--1);font-weight: 650;color: var(--ink-2)}.rest__control input{width: 100%;accent-color: var(--accent-fill)}.rest__verdict{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1rem;font-weight: 620}.rest__ok,.rest__bad{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.75rem;border-radius: 999px;font-size: 0.9rem}.rest__ok{color: var(--ok-ink);background: color-mix(in oklab,var(--ok) var(--tint),transparent)}.rest__bad{color: var(--danger-ink);background: color-mix(in oklab,var(--danger) var(--tint),transparent)}[data-ok="true"] .rest__bad,[data-ok="false"] .rest__ok{display: none}@media (width < 60rem){.rules__grid{grid-template-columns: minmax(0,1fr)}}@media (width < 36rem){.rules__list{grid-template-columns: minmax(0,1fr)}}.optimizer__grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;gap: clamp(2rem,1rem + 4vw,5rem)}.optimizer__p{max-width: 42rem;margin-top: 1rem;color: var(--ink-2)}.optimizer__layers{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem;margin-top: 2rem}.layer{display: inline-flex;align-items: center;gap: 0.75rem;padding: 0.7rem 1.05rem 0.7rem 0.7rem;border-radius: var(--r-md);border: 1px solid var(--line);background: var(--surface);box-shadow: var(--shadow-1);line-height: 1.25}.layer b{display: block;font-size: 0.95rem}.layer small{display: block;font-size: 0.78rem;color: var(--ink-3)}.layer__icon{display: grid;place-items: center;width: 2.3rem;height: 2.3rem;border-radius: var(--r-sm);font-size: 1.35rem;font-weight: 800}.layer--math .layer__icon{background: var(--accent-fill);color: var(--on-accent)}.layer--ai{opacity: 0.82}.layer--ai .layer__icon{background: color-mix(in oklab,var(--night) var(--tint),transparent);color: var(--night-ink)}.layer--ai .layer__icon .icon{width: 1.25rem;height: 1.25rem}.layer__arrow{color: var(--ink-3)}.goals{padding: clamp(1.25rem,1rem + 1vw,2rem)}.goals__title{margin-bottom: 1rem;font-size: var(--step-1)}.goals__list{display: grid;gap: 0.4rem;counter-reset: goal}.goals__list li{--w: calc(100% - var(--i,0) * 7.5%);display: grid;grid-template-columns: 2rem 1fr;align-items: center;gap: 0.8rem;padding: 0.5rem 0.7rem;border-radius: var(--r-sm);font-weight: 560;background: linear-gradient(90deg,color-mix(in oklab,var(--accent-fill) 13%,transparent) var(--w),transparent var(--w))}.goals__list li:nth-child(2){--i: 1}.goals__list li:nth-child(3){--i: 2}.goals__list li:nth-child(4){--i: 3}.goals__list li:nth-child(5){--i: 4}.goals__list li:nth-child(6){--i: 5}.goals__list li:nth-child(7){--i: 6}.goals__list li:nth-child(8){--i: 7}.goals__rank{display: grid;place-items: center;width: 2rem;height: 2rem;border-radius: 50%;background: var(--surface);border: 1px solid var(--line);font-weight: 780;font-size: 0.85rem;font-variant-numeric: tabular-nums}.goals__list li:first-child .goals__rank{background: var(--accent-fill);color: var(--on-accent);border-color: transparent}.goals__note{display: flex;align-items: center;gap: 0.5rem;margin-top: 1.1rem;font-size: var(--step--1);color: var(--ink-3)}@media (width < 60rem){.optimizer__grid{grid-template-columns: minmax(0,1fr)}}.stores__grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;gap: clamp(2rem,1rem + 4vw,5rem)}.stores__body,.marks__body{max-width: 42rem;color: var(--ink-2)}.points{display: grid;gap: 1.3rem;margin-top: 2rem}.point{display: flex;gap: 1rem}.point__icon,.tile__icon,.security__icon{display: grid;place-items: center;flex: none;width: 2.75rem;height: 2.75rem;border-radius: var(--r-sm);background: var(--accent-soft);color: var(--accent)}.point h3{font-size: var(--step-1)}.point p{margin-top: 0.35rem;color: var(--ink-2)}.stores__viz{display: grid;grid-template-columns: minmax(0,1fr);gap: 1.25rem}.flow{position: relative;aspect-ratio: 5 / 3;overflow: hidden;border-radius: var(--r-lg);corner-shape: squircle;border: 1px solid var(--line);box-shadow: var(--shadow-2);background: radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--ink) 13%,transparent) 1px,transparent 0) 0 0 / 18px 18px,var(--surface)}.flow__lines{position: absolute;inset: 0;width: 100%;height: 100%}.flow__lines path{fill: none;stroke: var(--accent);stroke-width: 2;stroke-dasharray: 6 6;vector-effect: non-scaling-stroke}.flow__lines .flow__quiet{stroke: var(--line-strong)}.flow__store{position: absolute;translate: -50% -50%;display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.55rem 0.85rem;border-radius: var(--r-sm);border: 1px solid var(--line-strong);background: var(--surface);box-shadow: var(--shadow-1);font-weight: 720;font-size: 0.9rem;white-space: nowrap}.flow__store .icon{color: var(--accent)}.flow__store--from{left: 80%;top: 23%}.flow__store--other{left: 80%;top: 80%}.flow__store--to{left: 22%;top: 73%;border-color: color-mix(in oklab,var(--danger) 55%,transparent)}.flow__gap{position: absolute;top: -0.7rem;right: -0.6rem;padding: 0.15rem 0.4rem;border-radius: 0.3rem;background: var(--danger);color: #fff;font-style: normal;font-size: 0.56rem;font-weight: 800;letter-spacing: 0.05em}.flow__traveller{position: absolute;z-index: 1;left: 51%;top: 48%}.flow__chip{display: inline-flex;align-items: center;gap: 0.5rem;translate: -50% -50%;white-space: nowrap;padding: 0.35rem 0.75rem 0.35rem 0.35rem;border-radius: 999px;border: 1px solid var(--accent);background: var(--surface);box-shadow: var(--shadow-2);font-size: 0.78rem}.flow__chip small{display: block;font-size: 0.66rem;color: var(--ink-3)}.order{padding: 1.1rem 1.25rem;overflow-x: auto}.order figcaption{display: grid;gap: 0.2rem;margin-bottom: 0.75rem}.order figcaption span{font-size: var(--step--1);color: var(--ink-3)}.order table{width: 100%;font-size: 0.9rem;font-variant-numeric: tabular-nums}.order :is(th,td){padding: 0.5rem 0.45rem;text-align: start;border-bottom: 1px solid var(--line);font-weight: 500}.order thead th{font-size: var(--step--2);font-weight: 750;letter-spacing: 0.05em;text-transform: uppercase;color: var(--ink-3)}.order tbody th{font-weight: 650}.order .num{text-align: end}.order .short{color: var(--danger-ink);font-weight: 800}.order tr.is-first{background: color-mix(in oklab,var(--danger) 7%,transparent)}@media (width < 60rem){.stores__grid{grid-template-columns: minmax(0,1fr)}}@media (width < 30rem){.flow__store{font-size: 0.75rem;padding: 0.4rem 0.6rem}.flow__chip small{display: none}.order :is(th,td){padding-inline: 0.3rem}.order thead th{letter-spacing: 0.02em}}.marks__grid{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);align-items: center;gap: clamp(2rem,1rem + 4vw,5rem)}.marks__mock{display: grid;gap: 1rem;padding: clamp(1rem,0.8rem + 1vw,1.75rem);border-radius: var(--r-xl);corner-shape: squircle;background: var(--bg-soft);border: 1px solid var(--line)}.mock-warning{display: grid;gap: 0.35rem;padding: 0.9rem 1rem;border-radius: var(--r-md);font-size: 0.85rem;background: color-mix(in oklab,var(--afternoon) 14%,var(--surface));border: 1px solid color-mix(in oklab,var(--afternoon) 50%,transparent);border-inline-start-width: 4px}.mock-warning p:first-child{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem}.mock-warning__kept{font-size: 0.78rem;color: var(--ink-3)}.mock-col{overflow: hidden;border-radius: var(--r-md);background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow-2)}.mock-col__head{padding: 0.6rem 1rem;background: var(--navy);color: #fff;font-size: 0.78rem;font-weight: 780;letter-spacing: 0.07em}.mock-card{display: grid;gap: 0.2rem;padding: 0.8rem 1rem;border-bottom: 1px solid var(--line);transition: opacity 0.25s,filter 0.25s}.mock-card:last-child{border-bottom: 0}.mock-card__top{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem}.mock-card__time{margin-inline-end: auto;font-weight: 780;font-size: 0.85rem;font-variant-numeric: tabular-nums}.mock-card__name{font-weight: 620}.mock-card__role{font-size: 0.8rem;color: var(--ink-3)}.mock-card[data-marks~="change"]{box-shadow: inset 4px 0 0 var(--change);background: color-mix(in oklab,var(--change) 7%,var(--surface))}.mock-card[data-marks~="loan"]{box-shadow: inset 4px 0 0 var(--accent-fill)}.mock-card[data-removed]{background: repeating-linear-gradient(135deg,color-mix(in oklab,var(--danger) 8%,var(--surface)) 0 8px,var(--surface) 8px 16px);outline: 1.5px dashed color-mix(in oklab,var(--danger) 60%,transparent);outline-offset: -6px}.mock-card[data-removed] .mock-card__name{color: var(--danger-ink);text-decoration: line-through}.legend{display: grid;gap: 0.4rem;margin-top: 1.75rem}.legend__row{display: grid;grid-template-columns: 8.75rem 1fr;align-items: baseline;gap: 1rem;padding: 0.7rem 0.8rem;border-radius: var(--r-sm);transition: background-color 0.2s,box-shadow 0.2s}.legend__row:is(:hover,:focus){background: var(--surface);box-shadow: var(--shadow-1);outline: none}.legend dd{font-size: 0.95rem;color: var(--ink-2)}.marks__note{display: flex;gap: 0.65rem;margin-top: 1.5rem;padding: 1rem 1.1rem;border-radius: var(--r-md);background: var(--bg-soft);border: 1px solid var(--line);font-size: 0.95rem;color: var(--ink-2)}.marks__note .icon{margin-top: 0.2em;color: var(--swap)}.marks:has(.legend__row[data-kind="change"]:is(:hover,:focus)) .mock-card:not([data-marks~="change"]),.marks:has(.legend__row[data-kind="swap"]:is(:hover,:focus)) .mock-card:not([data-marks~="swap"]),.marks:has(.legend__row[data-kind="removed"]:is(:hover,:focus)) .mock-card:not([data-marks~="removed"]),.marks:has(.legend__row[data-kind="loan"]:is(:hover,:focus)) .mock-card:not([data-marks~="loan"]){opacity: 0.3;filter: saturate(0.2)}@media (width < 60rem){.marks__grid{grid-template-columns: minmax(0,1fr)}.marks__mock{order: 2}}@media (width < 30rem){.legend__row{grid-template-columns: minmax(0,1fr);gap: 0.3rem}}.payroll__grid{display: grid;gap: clamp(1.25rem,1rem + 1vw,2rem)}.sheet{color-scheme: light;overflow: hidden;border-radius: var(--r-md);border: 1px solid var(--line-strong);background: #fff;box-shadow: var(--shadow-3)}.sheet__bar{display: flex;align-items: center;gap: 1rem;padding: 0.65rem 1rem;background: oklch(46% 0.11 150);color: #fff;font-size: 0.85rem}.sheet__app{display: inline-flex;align-items: center;gap: 0.4rem;font-weight: 800}.sheet__file{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: var(--mono);font-size: 0.78rem;opacity: 0.92}.sheet__scroll{overflow-x: auto;overscroll-behavior-x: contain}.sheet__table{width: 100%;min-width: 50rem;background: #fff;color: oklch(25% 0.02 260);font-family: var(--mono);font-size: 0.72rem;font-variant-numeric: tabular-nums}.sheet__table :is(th,td){padding: 0.42rem 0.55rem;border: 1px solid oklch(89% 0.008 260);text-align: center;white-space: nowrap;font-weight: 400;transition: opacity 0.2s,box-shadow 0.2s}.sheet__table thead th{background: oklch(96.5% 0.004 260);font-weight: 700}.sheet__title th{font-weight: 800;letter-spacing: 0.12em;text-align: start}.sheet__title span{display: inline-block;position: sticky;left: 0.55rem}.sheet__table tbody th{position: sticky;left: 0;z-index: 1;text-align: start;background: #fff;font-weight: 600}.sheet__code{color: oklch(52% 0.02 260)}.sheet__table td[data-k="change"]{color: oklch(52% 0.21 27);font-weight: 800}.sheet__table td[data-k="hire"]{background: oklch(86% 0.14 140)}.sheet__table td[data-k="loan"]{background: oklch(95% 0.04 186);color: oklch(38% 0.08 186);font-weight: 700}.sheet__table td[data-k="leave"]{background: oklch(95% 0.08 95)}.sheet__table td[data-k="off"]{color: oklch(50% 0.02 260)}.payroll__legend-title{margin-bottom: 0.75rem;font-size: var(--step--1);font-weight: 620;color: var(--ink-3)}.payroll__legend ul{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.5rem}.payroll__legend li{display: grid;grid-template-columns: auto 1fr;align-items: center;gap: 0.8rem;padding: 0.65rem 0.8rem;border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--surface);font-size: 0.92rem;color: var(--ink-2);transition: border-color 0.2s,translate 0.2s var(--ease-out)}.payroll__legend li:is(:hover,:focus){border-color: var(--accent);translate: 4px 0;outline: none}.pl-mark{padding: 0.25rem 0.5rem;border-radius: 0.35rem;border: 1px solid var(--line);background: var(--surface-2);font-family: var(--mono);font-size: 0.74rem;font-weight: 800;color: var(--ink);white-space: nowrap}.pl-mark--change{color: var(--danger-ink)}.pl-mark--hire{background: oklch(86% 0.14 140);color: oklch(30% 0.08 140);border-color: transparent}.pl-mark--loan{background: var(--accent-soft);color: var(--accent);border-color: transparent}.pl-mark--leave{background: oklch(95% 0.08 95);color: oklch(40% 0.08 80);border-color: transparent}.payroll:has(.payroll__legend li:is(:hover,:focus)) .sheet__table td{opacity: 0.35}.payroll:has(li[data-k="off"]:is(:hover,:focus)) td[data-k="off"],.payroll:has(li[data-k="six"]:is(:hover,:focus)) td[data-k="six"],.payroll:has(li[data-k="loan"]:is(:hover,:focus)) td[data-k="loan"],.payroll:has(li[data-k="leave"]:is(:hover,:focus)) td[data-k="leave"],.payroll:has(li[data-k="hire"]:is(:hover,:focus)) td[data-k="hire"],.payroll:has(li[data-k="change"]:is(:hover,:focus)) td[data-k="change"]{opacity: 1;position: relative;box-shadow: inset 0 0 0 2px oklch(55% 0.2 260)}@media (width < 62rem){.payroll__legend ul{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (width < 36rem){.payroll__legend ul{grid-template-columns: minmax(0,1fr)}}.bento{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: clamp(0.9rem,0.6rem + 1vw,1.3rem)}.tile{display: flex;flex-direction: column;gap: 0.6rem;padding: clamp(1.1rem,0.9rem + 1vw,1.75rem);border-radius: var(--r-lg);corner-shape: squircle;background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow-1)}.tile h3{font-size: var(--step-1)}.tile p{font-size: 0.96rem;color: var(--ink-2)}.tile__art{display: grid;place-items: center;min-height: 9.5rem;margin-bottom: 0.75rem;padding: 1rem;border-radius: var(--r-md);background: var(--surface-2);border: 1px solid var(--line)}.tile--employee{grid-column: span 3;grid-row: span 2}.tile--employee .tile__art{flex: 1}.tile--constraints,.tile--briefing{grid-column: span 3}.tile--small{grid-column: span 2}.tile__icon{margin-bottom: 0.4rem}.emp{display: grid;gap: 0.9rem;width: 100%;max-width: 25rem;padding: 1.1rem;border-radius: var(--r-md);background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow-2)}.emp__head{display: flex;align-items: center;gap: 0.75rem}.emp__head b{display: block;font-size: 1.05rem}.emp__head small{display: inline-flex;align-items: center;gap: 0.3rem;color: var(--ink-3)}.emp__roles{display: grid;gap: 0.45rem}.emp__roles li{display: grid;grid-template-columns: 1fr auto 4.5rem;align-items: center;gap: 0.75rem;font-size: 0.88rem;font-weight: 620}.emp__roles small{font-size: 0.72rem;font-weight: 500;color: var(--ink-3);text-align: end}.dots{display: inline-flex;gap: 3px}.dots i{width: 0.62rem;height: 0.62rem;border-radius: 2px;background: var(--line-strong)}.dots[data-level="1"] i:nth-child(-n + 1),.dots[data-level="2"] i:nth-child(-n + 2),.dots[data-level="3"] i:nth-child(-n + 3),.dots[data-level="4"] i:nth-child(-n + 4),.dots[data-level="5"] i{background: var(--night)}.emp__chips{display: flex;flex-wrap: wrap;gap: 0.4rem}.emp__afm{display: flex;align-items: center;gap: 0.5rem;padding: 0.55rem 0.7rem;border-radius: var(--r-sm);border: 1px dashed var(--line-strong);background: var(--surface-2);font-size: 0.82rem}.emp__dots{letter-spacing: 0.15em;color: var(--ink-3)}.emp__afm small{margin-inline-start: auto;font-weight: 750;color: var(--ok-ink)}.emp__afm .icon{color: var(--ok)}.cchips{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;max-width: 24rem}.cchip{padding: 0.45rem 0.8rem;border-radius: 0.55rem;border: 1px solid transparent;font-size: 0.82rem;font-weight: 720}.gauge{display: grid;justify-items: center;width: 12rem}.gauge > svg{grid-area: 1 / 1;width: 100%;overflow: visible}.gauge__track,.gauge__fill{fill: none;stroke-width: 9;stroke-linecap: round}.gauge__track{stroke: var(--line)}.gauge__fill{stroke: var(--ok);stroke-dasharray: 100;stroke-dashoffset: 20}.gauge__value{grid-area: 1 / 1;align-self: end;font-size: 1.1rem;font-weight: 700;color: var(--ink-3);line-height: 1}.gauge__value b{font-size: 2.6rem;font-weight: 780;color: var(--ink);letter-spacing: -0.03em}.gauge small{grid-row: 2;display: inline-flex;align-items: center;gap: 0.3rem;margin-top: 0.5rem;font-size: 0.78rem;font-weight: 650;color: var(--ink-3)}.gauge small .icon{color: var(--night)}@media (width < 62rem){.bento{grid-template-columns: repeat(2,minmax(0,1fr))}.tile--employee{grid-column: span 2;grid-row: auto}.tile--constraints,.tile--briefing,.tile--small{grid-column: span 1}.tile--small:last-child{grid-column: span 2}}@media (width < 40rem){.bento{grid-template-columns: minmax(0,1fr)}.bento > .tile{grid-column: auto}}.soon__grid{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,0.85fr);align-items: center;gap: clamp(2rem,1rem + 4vw,5rem)}.soon__body{max-width: 42rem;font-size: var(--step-1);line-height: 1.6;color: var(--ink-2)}.soon__body .status{margin-inline-end: 0.35rem;vertical-align: 0.15em}.soon__note{display: flex;align-items: center;gap: 0.5rem;margin-top: 1rem;font-size: var(--step--1);color: var(--ink-3)}.soon__list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem;margin-top: 2.25rem}.soon__item{display: grid;align-content: start;gap: 0.55rem;padding: 1.1rem;border-radius: var(--r-md);border: 1px solid var(--line);background: color-mix(in oklab,var(--surface) 70%,transparent)}.soon__item .status{justify-self: start}.soon__item h3{font-size: 1.02rem;line-height: 1.25}.soon__item p{font-size: 0.88rem;color: var(--ink-2)}.soon__phone{position: relative;display: grid;justify-items: center;padding-block: 2.5rem 1rem}.phone{width: min(19rem,78vw);aspect-ratio: 9 / 18.5;padding: 0.65rem;border-radius: 2.75rem;rotate: -4deg;background: oklch(12% 0.02 268);border: 1px solid oklch(36% 0.03 268);box-shadow: 0 0 0 2px oklch(27% 0.03 268),var(--shadow-3),0 40px 120px -40px color-mix(in oklab,var(--night) 65%,transparent)}.phone__screen{color-scheme: light;display: flex;flex-direction: column;height: 100%;overflow: hidden;border-radius: 2.15rem;background: var(--bg-soft);color: var(--ink)}.portal__head{display: grid;gap: 0.25rem;padding: 1.7rem 1.25rem 1.2rem;background: var(--navy);color: #fff}.portal__head small{font-size: 0.6rem;letter-spacing: 0.1em;text-transform: uppercase;opacity: 0.75}.portal__head b{font-size: 1.35rem;font-weight: 720;letter-spacing: -0.01em}.portal__head span{font-size: 0.76rem;opacity: 0.8}.portal__body{flex: 1;display: grid;align-content: start;gap: 0.5rem;padding: 0.9rem;overflow: hidden}.portal__label{font-size: 0.58rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-3)}.portal__shift{display: grid;grid-template-columns: 2.75rem 1fr;align-items: center;gap: 0.75rem;padding: 0.55rem 0.75rem;border-radius: 0.9rem;background: var(--surface);border: 1px solid var(--line)}.portal__day{padding-inline-end: 0.5rem;border-inline-end: 1px solid var(--line);text-align: center;font-size: 0.7rem;font-weight: 800;color: var(--ink-3)}.portal__what b{display: block;font-size: 0.95rem;font-variant-numeric: tabular-nums}.portal__what small{font-size: 0.72rem;color: var(--ink-3)}.portal__foot{display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem;padding: 0.75rem;border-top: 1px solid var(--line);background: var(--surface)}.portal__btn{display: grid;place-items: center;min-height: 2.6rem;padding: 0.3rem;border-radius: 0.8rem;border: 1px solid var(--line-strong);text-align: center;font-size: 0.74rem;font-weight: 720}.portal__btn--go{background: var(--accent-fill);color: var(--on-accent);border-color: transparent}.sms{position: absolute;z-index: 2;top: 0;left: max(0%,50% - 13rem);max-width: 15.5rem;rotate: 3deg;padding: 0.75rem 0.9rem;border-radius: 1.1rem 1.1rem 1.1rem 0.3rem;font-size: 0.78rem;line-height: 1.45;background: color-mix(in oklab,var(--surface) 86%,transparent);border: 1px solid var(--line-strong);box-shadow: var(--shadow-3);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px)}.sms__from{display: block;margin-bottom: 0.2rem;font-size: 0.7rem;font-weight: 800;color: var(--accent)}.sms__link{display: inline-flex;align-items: center;gap: 0.25rem;color: var(--accent);text-decoration: underline}.sms__link .icon{width: 0.95rem;height: 0.95rem}@media (width < 70rem){.soon__list{grid-template-columns: minmax(0,1fr)}}@media (width < 60rem){.soon__grid{grid-template-columns: minmax(0,1fr)}}.security__grid{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);align-items: center;gap: clamp(2rem,1rem + 4vw,5rem)}.vault{position: relative;display: grid;place-items: center;justify-self: center;width: 100%;max-width: 24rem;aspect-ratio: 1}.vault__ring{--k: 0;position: absolute;inset: calc(var(--k) * 13%);border-radius: 32%;corner-shape: squircle;border: 1px solid color-mix(in oklab,var(--accent) 35%,transparent);background: color-mix(in oklab,var(--accent-fill) calc(4% + var(--k) * 4%),transparent)}.vault__ring:nth-child(2){--k: 1}.vault__ring:nth-child(3){--k: 2}.vault__core{position: relative;display: grid;place-items: center;width: 32%;aspect-ratio: 1;border-radius: 30%;corner-shape: squircle;background: linear-gradient(145deg,var(--accent-fill),color-mix(in oklab,var(--accent-fill) 55%,var(--night)));color: var(--on-accent);box-shadow: 0 24px 60px -20px var(--accent-fill)}.vault__core .icon{width: 42%;height: 42%}.security__list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.6rem 2rem}.security__list li{display: flex;gap: 0.9rem}.security__list h3{font-size: 1.05rem}.security__list p{margin-top: 0.3rem;font-size: 0.95rem;color: var(--ink-2)}@media (width < 60rem){.security__grid{grid-template-columns: minmax(0,1fr)}.vault{max-width: 13rem}}@media (width < 36rem){.security__list{grid-template-columns: minmax(0,1fr)}}.shots{padding-bottom: calc(var(--section) * 0.75)}.gallery{--edge: max(var(--gutter),(100% - var(--max)) / 2);display: flex;gap: clamp(1rem,0.5rem + 1.5vw,1.75rem);padding: 0.5rem var(--edge) 1.5rem;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--edge);scrollbar-width: thin}.gallery:focus-visible{outline-offset: -3px}.shot{display: grid;align-content: start;gap: 0.9rem;flex: 0 0 min(88%,62rem);scroll-snap-align: center}.shot img{width: 100%;border-radius: var(--r-md);border: 1px solid var(--line-strong);background: #fff;box-shadow: var(--shadow-3)}.shot figcaption{max-width: 52rem;font-size: 0.95rem;color: var(--ink-2)}.gallery:lang(el){--t-prev: "Προηγούμενη εικόνα";--t-next: "Επόμενη εικόνα"}.gallery:lang(en){--t-prev: "Previous image";--t-next: "Next image"}@supports selector(::scroll-marker){.gallery{anchor-name: --gallery;scroll-marker-group: after;scrollbar-width: none}.gallery::scroll-marker-group{display: flex;justify-content: center;gap: 0.6rem;padding-top: 0.5rem}.shot::scroll-marker{content: "";width: 0.7rem;height: 0.7rem;border-radius: 999px;background: var(--line-strong);transition: width 0.3s var(--ease-out),background-color 0.3s}.shot::scroll-marker:target-current{width: 2rem;background: var(--accent-fill)}.gallery::scroll-button(*){position: fixed;position-anchor: --gallery;top: calc(anchor(center) - 1.4rem - 1rem);width: 2.8rem;height: 2.8rem;border-radius: 50%;border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink);box-shadow: var(--shadow-2);font-size: 1.15rem;cursor: pointer}.gallery::scroll-button(*):disabled{opacity: 0}.gallery::scroll-button(left){content: "←" / var(--t-prev);left: calc(anchor(left) + var(--edge) - 1.4rem)}.gallery::scroll-button(right){content: "→" / var(--t-next);right: calc(anchor(right) + var(--edge) - 1.4rem)}}.start__grid{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,0.85fr);align-items: start;gap: clamp(2rem,1rem + 4vw,5rem)}.needs{display: grid;gap: 0.75rem}.needs li{display: flex;gap: 0.9rem;padding: 1rem 1.1rem;border-radius: var(--r-md);background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow-1)}.needs__check{display: grid;place-items: center;flex: none;width: 1.75rem;height: 1.75rem;border-radius: 50%;background: color-mix(in oklab,var(--ok) var(--tint),transparent);color: var(--ok-ink)}.needs__check .icon{width: 1rem;height: 1rem;stroke-width: 2.6}.needs b{display: block;font-weight: 650}.needs li div > span{font-size: 0.93rem;color: var(--ink-2)}.change{position: sticky;top: 6rem;padding: clamp(1.25rem,1rem + 1vw,2rem)}.change__title{margin-bottom: 1.4rem;font-size: var(--step-1)}.change__list li{position: relative;display: grid;grid-template-columns: 2.5rem 1fr;gap: 0.9rem;padding-bottom: 1.4rem}.change__list li:last-child{padding-bottom: 0}.change__list li:not(:last-child)::before{content: "";position: absolute;left: 1.25rem;top: 2.6rem;bottom: 0.2rem;width: 2px;translate: -50% 0;background: linear-gradient(var(--accent-fill),var(--line))}.change__n{display: grid;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: var(--accent-soft);color: var(--accent);font-family: var(--mono);font-size: 0.85rem;font-weight: 800}.change__list b{display: block;margin-top: 0.4rem}.change__list li div > span{font-size: 0.93rem;color: var(--ink-2)}@media (width < 60rem){.start__grid{grid-template-columns: minmax(0,1fr)}.change{position: static}}.faq__grid{display: grid;grid-template-columns: minmax(0,0.75fr) minmax(0,1.25fr);align-items: start;gap: clamp(2rem,1rem + 4vw,5rem)}.faq .section__head{position: sticky;top: 6rem}.faq__list{border-top: 1px solid var(--line)}@media (width < 60rem){.faq__grid{grid-template-columns: minmax(0,1fr)}.faq .section__head{position: static}}.contact__grid{display: grid;grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);align-items: start;gap: clamp(2rem,1rem + 4vw,5rem)}.contact__next-title{margin-top: 0.5rem;font-size: var(--step--1);font-weight: 750;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-3)}.contact__next{display: grid;gap: 0.8rem;margin-top: 1rem}.contact__next li{display: flex;align-items: flex-start;gap: 0.8rem;color: var(--ink-2)}.contact__next li > span{display: grid;place-items: center;flex: none;width: 1.75rem;height: 1.75rem;border-radius: 50%;background: var(--accent-soft);color: var(--accent);font-weight: 800;font-size: 0.8rem}.contact__alt{display: flex;align-items: center;gap: 0.6rem;margin-top: 1.25rem;font-size: 0.95rem;color: var(--ink-2)}.contact__alt + .contact__alt{margin-top: 0.6rem}.contact__alt .icon{color: var(--accent)}.contact__alt a{overflow-wrap: anywhere}.contact__panel{color-scheme: var(--page-scheme,light dark)}@media (width < 60rem){.contact__grid{grid-template-columns: minmax(0,1fr)}}}@layer demo{.demo{container: demo / inline-size;position: relative;max-width: 72rem;margin-inline: auto}.demo__window{position: relative;overflow: clip;transform-origin: 50% 0;border-radius: var(--r-xl);corner-shape: squircle;background: var(--surface);border: 1px solid var(--line-strong);box-shadow: var(--shadow-3),var(--hairline)}.demo__bar{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 1.25rem;padding: 0.85rem 1rem;border-bottom: 1px solid var(--line);background: var(--surface-2)}.demo__store{display: grid;grid-template-columns: auto auto;align-items: baseline;column-gap: 0.75rem;text-align: start}.demo__eyebrow{grid-column: 1 / -1;font-size: 0.6rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: var(--ink-3)}.demo__store-name{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 1rem;font-weight: 750}.demo__store-name .icon{color: var(--accent)}.demo__week{font-size: 0.8rem;color: var(--ink-3)}.demo__meters{display: flex;flex-wrap: wrap;gap: 0.45rem;margin-inline-start: auto}.meter{display: inline-flex;align-items: baseline;gap: 0.4rem;padding: 0.35rem 0.65rem;border-radius: 999px;border: 1px solid var(--line);background: var(--surface);font-size: 0.78rem}.meter__label{font-weight: 600;color: var(--ink-3)}.meter__value{min-width: 3.4ch;text-align: end;font-weight: 800;font-variant-numeric: tabular-nums}.meter--valid{align-items: center;gap: 0.35rem;border-color: transparent;font-weight: 720;color: var(--ok-ink);background: color-mix(in oklab,var(--ok) var(--tint),var(--surface));transition: opacity 0.3s,scale 0.45s var(--ease-spring)}.meter--valid .icon{width: 1rem;height: 1rem}.demo:not(:is([data-state="validated"],[data-state="done"])) .meter--valid,.demo-auto .demo:not([data-ready]) .meter--valid{opacity: 0;scale: 0.8}.demo__actions{display: flex;flex-wrap: wrap;gap: 0.4rem;width: 100%}.dbtn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.8rem;border-radius: 0.6rem;border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink-2);font-size: 0.8rem;font-weight: 660;white-space: nowrap;transition: background-color 0.2s,color 0.2s,border-color 0.2s,box-shadow 0.2s,scale 0.15s}.dbtn .icon{width: 1rem;height: 1rem}.dbtn__short{display: none}.dbtn--go{border-color: transparent;background: var(--accent-fill);color: var(--on-accent)}.dbtn:disabled{cursor: default}.dbtn:not(:disabled):hover{border-color: var(--accent);color: var(--ink)}.dbtn--go:not(:disabled):hover{color: var(--on-accent);filter: brightness(1.07)}.dbtn[data-next]{border-color: var(--accent);color: var(--ink);box-shadow: 0 0 0 3px color-mix(in oklab,var(--accent-fill) 30%,transparent)}.dbtn--go[data-next]{color: var(--on-accent)}.dbtn[data-pressed]{scale: 0.95}@media (pointer: coarse){.dbtn{min-height: 2.75rem}}.demo__body{display: grid;grid-template-columns: minmax(0,1fr) 15.5rem;text-align: start}.demo__stage{position: relative;min-width: 0;padding: 0.9rem}.demo__side{display: grid;align-content: start;gap: 1.1rem;padding: 0.9rem 1rem;border-inline-start: 1px solid var(--line);background: var(--surface-2);font-size: 0.8rem}.dpanel__title{margin-bottom: 0.55rem;font-size: 0.64rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-3)}.checks,.limits,.files,.picker__list,.sheet__list{list-style: none;padding: 0}.checks{display: grid;gap: 0.4rem}.check{display: flex;align-items: center;gap: 0.5rem;font-weight: 620;color: var(--ink);transition: color 0.25s}.check__tick{display: grid;place-items: center;flex: none;width: 1.15rem;height: 1.15rem;border-radius: 50%;background: var(--ok);color: #fff;transition: scale 0.4s var(--ease-spring),background-color 0.25s}.check__tick .icon{width: 0.72rem;height: 0.72rem;stroke-width: 3.2}:is(.demo:is([data-state="idle"],[data-state="generating"]),.demo-auto .demo:not([data-ready])) .check:not([data-done]){color: var(--ink-3)}:is(.demo:is([data-state="idle"],[data-state="generating"]),.demo-auto .demo:not([data-ready])) .check:not([data-done]) .check__tick{background: var(--line-strong);scale: 0.65}.limits{display: grid;gap: 0.35rem;color: var(--ink-2)}.limits b{font-weight: 700;color: var(--ink)}.files{display: grid;gap: 0.4rem}.file{display: flex;align-items: center;gap: 0.45rem;overflow: hidden;padding: 0.45rem 0.55rem;border-radius: 0.5rem;border: 1px solid var(--line);background: var(--surface);font-family: var(--mono);font-size: 0.66rem;font-weight: 620;transition: opacity 0.35s,translate 0.5s var(--ease-spring)}.file .icon{width: 1rem;height: 1rem;color: oklch(55% 0.12 150)}.file span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.demo:not([data-state="done"]) .file,.demo-auto .demo:not([data-ready]) .file{opacity: 0.3;translate: -0.5rem 0}.demo[data-state="done"] .file:nth-child(2){transition-delay: 0.12s}.board{position: relative;display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0.4rem}.board__day{display: grid;grid-row: span 5;grid-template-rows: subgrid;gap: 0.4rem;min-width: 0}.board__head{padding: 0.45rem 0.55rem;border-radius: 0.5rem;background: var(--navy);color: #fff;font-size: 0.66rem;font-weight: 800;letter-spacing: 0.08em}.board__long{display: none}.board__day:nth-child(1){--d: 0}.board__day:nth-child(2){--d: 1}.board__day:nth-child(3){--d: 2}.board__day:nth-child(4){--d: 3}.board__day:nth-child(5){--d: 4}.board__day:nth-child(6){--d: 5}.board__day:nth-child(7){--d: 6}.board__tabs{display: none}.board__tab{position: relative;min-height: 2.75rem;padding: 0;border-radius: 0.6rem;border: 1px solid var(--line);background: var(--surface);color: var(--ink-2);font: inherit;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.04em;cursor: pointer;transition: background-color 0.2s,color 0.2s,border-color 0.2s}.board__tab[data-visible]{border-color: transparent;background: var(--navy);color: #fff}.board__tab[data-gap]::after{content: "";position: absolute;top: 0.3rem;inset-inline-end: 0.3rem;width: 0.45rem;height: 0.45rem;border-radius: 50%;background: var(--danger);box-shadow: 0 0 0 2px var(--surface)}.shift{--r: 0;position: relative;display: grid;align-content: start;gap: 0.15rem;min-height: 4.6rem;min-width: 0;overflow: hidden;padding: 0.45rem 0.5rem 0.5rem 0.6rem;border-radius: 0.55rem;background: color-mix(in oklab,var(--_c) 9%,var(--surface));border: 1px solid color-mix(in oklab,var(--_c) 24%,var(--line));box-shadow: inset 3px 0 0 var(--_c);font-size: 0.72rem;line-height: 1.25;transition: background-color 0.35s,border-color 0.35s,box-shadow 0.35s,scale 0.15s}.shift:nth-child(3){--r: 1}.shift:nth-child(4){--r: 2}.shift:nth-child(5){--r: 3}.shift__time{font-size: 0.7rem;font-weight: 800;font-variant-numeric: tabular-nums;letter-spacing: -0.01em;white-space: nowrap}.shift__who{display: grid;gap: 0.1rem;min-width: 0}.shift__name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 620;color: var(--ink)}.shift__role{font-size: 0.65rem;color: var(--ink-3);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.shift__gap,.shift__loan{display: none}.shift__hit{position: absolute;inset: 0;z-index: 1;padding: 0;border: 0;border-radius: inherit;background: none;color: inherit;font: inherit;cursor: pointer}.shift__hit:disabled{cursor: default}.shift__hit:focus-visible{outline: 2.5px solid var(--accent);outline-offset: -2.5px}@media (hover: hover){.shift:has(> .shift__hit:enabled):hover{border-color: color-mix(in oklab,var(--_c) 60%,var(--line));box-shadow: inset 3px 0 0 var(--_c),0 6px 18px -10px color-mix(in oklab,var(--_c) 80%,transparent)}}.shift:has(> .shift__hit:enabled:active){scale: 0.97}.shift__mark{position: absolute;top: 0.32rem;inset-inline-end: 0.32rem;width: 0.5rem;height: 0.5rem;padding: 0;border-radius: 50%;background: var(--change);font-size: 0;color: transparent}:is(.demo[data-state="idle"],.demo-auto .demo:not([data-ready])) .shift,.demo[data-state="generating"] .shift[data-gap]{background: transparent;border: 1.5px dashed var(--line-strong);box-shadow: none}:is(.demo[data-state="idle"],.demo-auto .demo:not([data-ready])) .shift > :not(.shift__time,.shift__hit),.demo[data-state="generating"] .shift[data-gap] > :not(.shift__time,.shift__hit){visibility: hidden}:is(.demo[data-state="idle"],.demo-auto .demo:not([data-ready])) .shift__time,.demo[data-state="generating"] .shift[data-gap] .shift__time{color: var(--ink-3);opacity: 0.6}.demo:is([data-state="generated"],[data-state="borrowing"]) .shift[data-gap]:not([data-filled]){background: repeating-linear-gradient(135deg,color-mix(in oklab,var(--danger) 8%,var(--surface)) 0 7px,var(--surface) 7px 14px);border: 1.5px dashed color-mix(in oklab,var(--danger) 70%,transparent);box-shadow: none}.demo:is([data-state="generated"],[data-state="borrowing"]) .shift[data-gap]:not([data-filled]) .shift__who{display: none}.demo:is([data-state="generated"],[data-state="borrowing"]) .shift[data-gap]:not([data-filled]) .shift__gap{display: grid;gap: 0.1rem}.demo:is([data-state="generated"],[data-state="borrowing"]) .shift[data-gap]:not([data-filled]) .shift__time{color: var(--danger-ink)}.shift__gap-label{font-size: 0.62rem;font-weight: 800;letter-spacing: 0.04em;color: var(--danger-ink);white-space: nowrap}.demo:is([data-ready],:not(.demo-auto *)) .shift[data-loan]{--_c: var(--accent-fill);background: color-mix(in oklab,var(--accent-fill) 10%,var(--surface));border-color: color-mix(in oklab,var(--accent-fill) 45%,transparent)}.demo:is([data-ready],:not(.demo-auto *)):not([data-state="idle"]) .shift[data-loan] .shift__loan{display: inline-flex;align-items: center;gap: 0.2rem;justify-self: start;max-width: 100%;overflow: hidden;margin-top: 0.15rem;padding: 0.1rem 0.35rem;border-radius: 0.3rem;background: var(--accent-soft);color: var(--accent);font-size: 0.6rem;font-weight: 800;white-space: nowrap;text-overflow: ellipsis}.shift__loan .icon{width: 0.75rem;height: 0.75rem}.picker{position: absolute;z-index: 5;left: 50%;bottom: 1rem;translate: -50% 0;display: none;width: min(17rem,calc(100% - 1rem));padding: 0.75rem;border-radius: var(--r-md);background: var(--surface);border: 1px solid var(--line-strong);box-shadow: var(--shadow-3);font-size: 0.76rem;text-align: start}.demo[data-state="borrowing"] .picker{display: block}@supports (anchor-name: --a){.shift[data-target]{anchor-name: --gap}.picker{position-anchor: --gap;translate: none;bottom: calc(anchor(top) + 0.5rem);left: clamp(0.5rem,anchor(center) - 8.5rem,100% - 17.5rem)}}.picker__title{display: flex;align-items: center;gap: 0.4rem;font-weight: 760}.picker__title .icon{color: var(--accent)}.picker__why{margin: 0.25rem 0 0.55rem;font-size: 0.66rem;line-height: 1.35;color: var(--ink-3)}.picker__list{display: grid;gap: 0.35rem}.picker__item{display: none;grid-template-columns: auto 1fr auto;align-items: center;gap: 0.55rem;padding: 0.45rem 0.5rem;border-radius: 0.55rem;border: 1px solid var(--line);transition: background-color 0.25s,border-color 0.25s}.picker__item[data-active]{display: grid}.picker__item[data-chosen]{border-color: var(--accent);background: var(--accent-soft)}.picker__who{min-width: 0}.picker__who b{display: block;font-size: 0.78rem}.picker__who small{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.62rem;color: var(--ink-3)}.picker__ok{color: var(--ok-ink)}.picker .avatar{width: 1.6rem;height: 1.6rem;font-size: 0.7rem}.demo__hint{display: flex;align-items: center;gap: 0.45rem;width: fit-content;max-width: 100%;margin-top: 0.7rem;padding: 0.35rem 0.8rem 0.35rem 0.55rem;border-radius: 999px;background: var(--accent-soft);color: var(--accent);font-size: 0.76rem;font-weight: 650;line-height: 1.3}.demo__hint .icon{flex: none;width: 1rem;height: 1rem}.demo__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.75rem 1.25rem;margin-top: 1.25rem}.demo__steps{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.4rem;padding: 0;list-style: none}.demo__steps li{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.32rem 0.8rem 0.32rem 0.32rem;border-radius: 999px;border: 1px solid var(--line);background: color-mix(in oklab,var(--surface) 72%,transparent);font-size: 0.82rem;font-weight: 650;color: var(--ink-3);transition: color 0.3s,border-color 0.3s,box-shadow 0.3s}.demo__step-n{display: grid;place-items: center;width: 1.5rem;height: 1.5rem;border-radius: 50%;border: 1px solid var(--line);background: var(--surface-2);font-size: 0.72rem;font-weight: 800;transition: background-color 0.3s,color 0.3s}:is(.demo__steps li[data-done],.demo[data-state="done"] .demo__steps li){color: var(--ink-2)}:is(.demo__steps li[data-done],.demo[data-state="done"] .demo__steps li) .demo__step-n{border-color: transparent;background: var(--ok);color: #fff}.demo__steps li[data-current]{color: var(--ink);border-color: var(--accent);box-shadow: 0 0 0 3px color-mix(in oklab,var(--accent-fill) 18%,transparent)}.demo__steps li[data-current] .demo__step-n{border-color: transparent;background: var(--accent-fill);color: var(--on-accent)}.demo__replay{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.45rem 0.95rem;border-radius: 999px;border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink);font-size: 0.85rem;font-weight: 650}.demo__replay:hover{border-color: var(--accent)}@media (pointer: coarse){.demo__replay{min-height: 2.75rem}}.demo__note{margin-top: 0.8rem;text-align: center;font-size: var(--step--1);color: var(--ink-3)}.demo__cta{position: sticky;bottom: max(0.75rem,env(safe-area-inset-bottom));z-index: 6;display: grid;grid-template-columns: auto minmax(0,1fr) auto auto;align-items: center;gap: 0.75rem 1rem;max-width: 54rem;margin: 1rem auto 0;padding: 0.8rem 0.8rem 0.8rem 1rem;text-align: start;border-radius: var(--r-lg);border: 1px solid color-mix(in oklab,var(--accent) 45%,var(--line));background: var(--surface);box-shadow: var(--shadow-3)}.demo__cta-icon{display: grid;place-items: center;width: 2.6rem;height: 2.6rem;border-radius: 50%;background: var(--accent-soft);color: var(--accent)}.demo__cta-text b{display: block;font-size: 1rem;font-weight: 760;color: var(--ink)}.demo__cta-text span{display: block;margin-top: 0.1rem;font-size: 0.86rem;color: var(--ink-2)}.demo__cta-go{white-space: nowrap}.demo__cta-close{display: grid;place-items: center;width: 2.6rem;height: 2.6rem;border: 0;border-radius: 50%;background: none;color: var(--ink-3);cursor: pointer}.demo__cta-close:hover{background: var(--surface-2);color: var(--ink)}@container demo (width < 62rem){.demo__body{grid-template-columns: minmax(0,1fr)}.demo__side{grid-template-columns: repeat(3,minmax(0,1fr));border-inline-start: 0;border-top: 1px solid var(--line)}}@container demo (width < 46rem){.demo__side{grid-template-columns: repeat(2,minmax(0,1fr))}.dpanel--files{grid-column: 1 / -1}.demo__meters{margin-inline-start: 0}.demo__stage{padding: 0.75rem}.js .board__tabs{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0.3rem;margin-bottom: 0.65rem}.board{--per-view: 3;grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: calc((100% - (var(--per-view) - 1) * 0.6rem) / var(--per-view));gap: 0.6rem;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scrollbar-width: none}.board__day{grid-row: auto;grid-template-rows: none;align-content: start;gap: 0.45rem;scroll-snap-align: start}.board__head{padding: 0.5rem 0.7rem;font-size: 0.74rem;letter-spacing: 0.02em}.board__short{display: none}.board__long{display: inline}.shift{min-height: 5.1rem;padding: 0.55rem 0.65rem 0.6rem 0.8rem;font-size: 0.82rem}.shift__time{font-size: 0.78rem}.shift__role{font-size: 0.72rem}.shift__gap-label{font-size: 0.7rem}.shift__mark{width: auto;height: auto;padding: 0.15em 0.45em;border-radius: 0.35em;font-size: 0.56rem;color: var(--change-ink);background: color-mix(in oklab,var(--change) var(--tint),var(--surface))}.demo:is([data-ready],:not(.demo-auto *)):not([data-state="idle"]) .shift[data-loan] .shift__loan{font-size: 0.66rem}}@container demo (width < 34rem){.demo__bar{padding: 0.8rem}.demo__actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.dbtn{justify-content: center;min-height: 2.75rem;font-size: 0.82rem}.dbtn__long{display: none}.dbtn__short{display: inline}.demo__stage{padding: 0.7rem}.board{grid-auto-columns: calc(100% - 2.6rem);gap: 0.55rem}.shift{grid-template-columns: 5.9rem minmax(0,1fr);grid-template-rows: auto auto;align-items: center;column-gap: 0.7rem;row-gap: 0.05rem;min-height: 4rem;padding: 0.6rem 0.75rem 0.6rem 0.95rem;font-size: 0.9rem}.shift__time{grid-row: 1 / span 2;font-size: 0.84rem}.shift__who{display: contents}.shift__name{grid-column: 2;grid-row: 1;font-size: 0.98rem}.shift__who > .shift__role{grid-column: 2;grid-row: 2}.shift__gap{grid-column: 2;grid-row: 1 / span 2}.shift__role{font-size: 0.76rem}.demo:is([data-ready],:not(.demo-auto *)):not([data-state="idle"]) .shift[data-loan] .shift__loan{grid-column: 2;grid-row: 2;justify-self: end;margin: 0}.demo__side{grid-template-columns: minmax(0,1fr);gap: 0.95rem;padding: 0.85rem 0.9rem}.checks{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.45rem 0.75rem}.check{align-items: flex-start;font-size: 0.76rem}.demo__cta{grid-template-columns: auto minmax(0,1fr) auto;padding: 0.85rem}.demo__cta-go{grid-column: 1 / -1;justify-content: center}.demo__cta-close{grid-row: 1;grid-column: 3;align-self: start;margin: -0.35rem -0.35rem 0 0}}.sheet{width: min(23.5rem,calc(100vw - 1.5rem));max-height: min(36rem,82dvh);overflow: auto;overscroll-behavior: contain;margin: auto;padding: 1rem 1rem 1.1rem;text-align: start;border: 1px solid var(--line-strong);border-radius: var(--r-lg);background: var(--surface);color: var(--ink);box-shadow: var(--shadow-3)}@supports (position-area: bottom){@media (width >= 40rem){.sheet{inset: auto;margin: 0.4rem;max-height: min(30rem,70dvh);position-anchor: --sheet;position-area: bottom span-right;position-try-fallbacks: flip-inline,flip-block,flip-block flip-inline}}}.sheet__grip{display: none}.sheet__head{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: start;column-gap: 0.75rem}.sheet__when{font-size: 0.7rem;font-weight: 800;letter-spacing: 0.07em;text-transform: uppercase;color: var(--ink-3)}.sheet__title{grid-row: 2;display: flex;align-items: center;gap: 0.5rem;margin-top: 0.15rem;font-size: 1.2rem;font-weight: 780;line-height: 1.2}.sheet__title::before{content: "";flex: none;width: 0.65rem;height: 0.65rem;border-radius: 50%;background: var(--_c)}.sheet__close{grid-row: 1 / span 2;grid-column: 2;display: grid;place-items: center;width: 2.6rem;height: 2.6rem;border: 1px solid var(--line);border-radius: 50%;background: var(--surface-2);color: var(--ink-2);cursor: pointer}.sheet__close:hover{color: var(--ink);border-color: var(--line-strong)}.sheet__now{display: grid;grid-template-columns: auto minmax(0,1fr);align-items: center;gap: 0.35rem 0.7rem;margin-top: 0.9rem;padding: 0.7rem 0.8rem;border-radius: var(--r-md);background: color-mix(in oklab,var(--_c) 9%,var(--surface));border: 1px solid color-mix(in oklab,var(--_c) 26%,var(--line))}.sheet__now-who b{display: block;font-size: 1rem;font-weight: 740}.sheet__now-who small{display: block;font-size: 0.78rem;color: var(--ink-3)}.sheet__ok{grid-column: 1 / -1;display: flex;align-items: center;gap: 0.35rem;font-size: 0.78rem;font-weight: 700;color: var(--ok-ink)}.sheet__ok .icon{width: 1rem;height: 1rem}.sheet[data-gap] .sheet__now{background: repeating-linear-gradient(135deg,color-mix(in oklab,var(--danger) 8%,var(--surface)) 0 7px,var(--surface) 7px 14px);border: 1.5px dashed color-mix(in oklab,var(--danger) 70%,transparent)}.sheet[data-gap] .sheet__now .avatar{background: var(--danger)}.sheet[data-gap] .sheet__now-who b{color: var(--danger-ink)}.sheet[data-gap] .sheet__ok{display: none}.sheet__others{margin-top: 1.05rem;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-3)}.sheet__pick{margin: 0.2rem 0 0.65rem;font-size: 0.78rem;color: var(--ink-3)}.sheet__list{display: grid;gap: 0.4rem}.cand{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 0.65rem;width: 100%;min-height: 3.2rem;padding: 0.5rem 0.65rem;border-radius: 0.8rem;border: 1px solid var(--line);background: var(--surface);color: var(--ink);font: inherit;text-align: start}button.cand{cursor: pointer;transition: border-color 0.2s,background-color 0.2s,scale 0.15s}button.cand:hover{border-color: var(--accent);background: var(--accent-soft)}button.cand:active{scale: 0.98}button.cand:focus-visible{outline: 2.5px solid var(--accent);outline-offset: 2px}.cand__who{min-width: 0}.cand__name{display: block;font-size: 0.92rem;font-weight: 700}.cand__meta{display: block;font-size: 0.76rem;color: var(--ink-3)}.cand__state{display: grid;place-items: center;width: 1.7rem;height: 1.7rem;border-radius: 50%}.cand__state .icon{width: 1rem;height: 1rem}button.cand .cand__state{background: color-mix(in oklab,var(--ok) var(--tint),transparent);color: var(--ok-ink)}.cand--no{border-style: dashed;background: transparent;color: var(--ink-2)}.cand--no .avatar{background: var(--line-strong);color: var(--ink-2)}.cand--no .cand__meta{color: var(--danger-ink)}.cand--no .cand__state{color: var(--danger-ink)}@media (width < 40rem){.sheet{inset: auto 0 0;width: 100%;max-width: none;max-height: 85dvh;margin: 0;padding: 0.4rem 1rem calc(1.1rem + env(safe-area-inset-bottom));border-bottom: 0;border-radius: 1.4rem 1.4rem 0 0}.sheet::backdrop{background: oklch(18% 0.02 265 / 0.42)}.sheet__grip{display: block;width: 2.6rem;height: 0.3rem;margin: 0.3rem auto 0.7rem;border-radius: 999px;background: var(--line-strong)}}}@view-transition{navigation: auto}@layer motion{::view-transition-group(*){animation-duration: 0.38s;animation-timing-function: var(--ease-out)}.theme-vt::view-transition-old(root),.theme-vt::view-transition-new(root){animation: none;mix-blend-mode: normal}@media (prefers-reduced-motion: no-preference){.btn--primary:hover{animation: shine 1.1s var(--ease-out)}@keyframes shine{from{--shine: -40%}to{--shine: 140%}}.hero__aurora i{animation: drift 22s var(--ease-in-out) infinite alternate}.hero__aurora i:nth-child(2){animation-duration: 26s;animation-delay: -8s}.hero__aurora i:nth-child(3){animation-duration: 30s;animation-delay: -15s}@keyframes drift{from{translate: 0 0;scale: 1}to{translate: 6% 5%;scale: 1.12}}.menu{transition: translate 0.38s var(--ease-out),display 0.38s allow-discrete,overlay 0.38s allow-discrete}.menu:not(:popover-open){translate: 100% 0}@starting-style{.menu:popover-open{translate: 100% 0}}.menu::backdrop{transition: opacity 0.38s,display 0.38s allow-discrete,overlay 0.38s allow-discrete;opacity: 0}.menu:popover-open::backdrop{opacity: 1}@starting-style{.menu:popover-open::backdrop{opacity: 0}}.qa::details-content{block-size: 0;overflow-y: clip;transition: block-size 0.4s var(--ease-out),content-visibility 0.4s allow-discrete}.qa[open]::details-content{block-size: auto}.flow__traveller{animation: travel-x 6s var(--ease-in-out) infinite,travel-y 6s cubic-bezier(0.55,0,0.9,0.45) infinite}@keyframes travel-x{0%,12%{left: 80%}58%,100%{left: 22%}}@keyframes travel-y{0%,12%{top: 23%}58%,100%{top: 73%}}.flow__gap{animation: gap-filled 6s infinite}@keyframes gap-filled{0%,54%{opacity: 1;scale: 1}60%,94%{opacity: 0;scale: 0.5}100%{opacity: 1;scale: 1}}.flow__store--to{animation: store-covered 6s infinite}@keyframes store-covered{0%,54%{border-color: color-mix(in oklab,var(--danger) 55%,transparent)}60%,94%{border-color: var(--accent)}}.flow__lines path:not(.flow__quiet){animation: march 1.2s linear infinite}@keyframes march{to{stroke-dashoffset: -12}}.dbtn[data-next]{animation: nudge 1.8s var(--ease-in-out) infinite}@keyframes nudge{50%{box-shadow: 0 0 0 6px color-mix(in oklab,var(--accent-fill) 14%,transparent)}}.demo[data-state="generating"] .shift:not([data-gap]){animation: shift-in 0.6s var(--ease-spring) both;animation-delay: calc((var(--d) + var(--r) * 1.6) * 85ms)}@keyframes shift-in{from{opacity: 0;translate: 0 10px;scale: 0.9;filter: blur(3px)}}.demo[data-state="generating"] .board::after{content: "";position: absolute;inset: 0 auto 0 0;width: 28%;pointer-events: none;background: linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent-fill) 20%,transparent),transparent);animation: sweep 1.3s var(--ease-in-out) infinite}@keyframes sweep{from{translate: -100% 0}to{translate: 360% 0}}.demo[data-state="generated"] .shift[data-gap]{animation: gap-in 0.5s var(--ease-spring) both}@keyframes gap-in{from{scale: 0.85;opacity: 0}}.shift[data-gap][data-filled]{animation: filled 0.6s var(--ease-spring)}@keyframes filled{40%{scale: 1.06}}.demo[data-state="borrowing"] .picker{animation: pop 0.35s var(--ease-spring) both}@keyframes pop{from{opacity: 0;scale: 0.92}}.check[data-done] .check__tick{animation: tick 0.45s var(--ease-spring)}@keyframes tick{from{scale: 0.4}}.shift[data-flash]{animation: filled 0.6s var(--ease-spring)}.checks[data-recheck] .check__tick{animation: tick 0.45s var(--ease-spring) both}.checks[data-recheck] .check:nth-child(2) .check__tick{animation-delay: 70ms}.checks[data-recheck] .check:nth-child(3) .check__tick{animation-delay: 140ms}.checks[data-recheck] .check:nth-child(4) .check__tick{animation-delay: 210ms}.checks[data-recheck] .check:nth-child(5) .check__tick{animation-delay: 280ms}.sheet{transition: opacity 0.2s,translate 0.3s var(--ease-out),display 0.3s allow-discrete,overlay 0.3s allow-discrete}.sheet:not(:popover-open){opacity: 0;translate: 0 0.5rem}@starting-style{.sheet:popover-open{opacity: 0;translate: 0 0.5rem}}@media (width < 40rem){.sheet:not(:popover-open){opacity: 1;translate: 0 100%}@starting-style{.sheet:popover-open{opacity: 1;translate: 0 100%}}.sheet::backdrop{transition: opacity 0.3s,display 0.3s allow-discrete,overlay 0.3s allow-discrete;opacity: 0}.sheet:popover-open::backdrop{opacity: 1}@starting-style{.sheet:popover-open::backdrop{opacity: 0}}}.demo__cta{transition: opacity 0.35s,translate 0.5s var(--ease-spring)}@starting-style{.demo__cta{opacity: 0;translate: 0 1rem}}.demo__hint{animation: pop 0.4s var(--ease-spring) both}}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.site-header::before{animation: header-solid linear both;animation-timeline: scroll(root block);animation-range: 0 5rem}@keyframes header-solid{from{opacity: 0}}.scroll-progress{position: absolute;inset-inline: 0;bottom: -1px;height: 2px;transform-origin: 0 50%;background: linear-gradient(90deg,var(--morning),var(--afternoon),var(--night));animation: progress linear both;animation-timeline: scroll(root block)}@keyframes progress{from{scale: 0 1}to{scale: 1 1}}}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.demo__window{animation: flatten linear both;animation-timeline: view();animation-range: entry 0% cover 42%}@keyframes flatten{from{transform: rotateX(18deg) scale(0.93)}to{transform: none}}:is(.section__head,.step,.tile,.needs li,.change,.goals,.rest,.flow,.order,.sheet,.marks__mock,.legend__row,.payroll__legend li,.soon__item,.phone,.vault,.security__list li,.qa,.contact__panel,.gallery){animation: rise linear both;animation-timeline: view();animation-range: entry 0% entry 80%}@keyframes rise{from{opacity: 0;translate: 0 2.25rem}}:is(.step,.tile,.soon__item,.security__list li):nth-child(2){animation-range: entry 8% entry 88%}:is(.step,.tile,.soon__item,.security__list li):nth-child(3){animation-range: entry 16% entry 96%}:is(.step,.tile,.security__list li):nth-child(4){animation-range: entry 24% cover 30%}.steps::before{animation: draw linear both;animation-timeline: --steps;animation-range: entry 40% cover 55%}@keyframes draw{from{scale: 0 1}}.gv-ring{animation: ring linear both;animation-timeline: --glance;animation-range: entry 30% cover 45%}@keyframes ring{from{stroke-dashoffset: 100}}.tile--briefing{view-timeline: --gauge block}.gauge__fill{animation: gauge linear both;animation-timeline: --gauge;animation-range: entry 40% cover 50%}@keyframes gauge{from{stroke-dashoffset: 100}}.vault{view-timeline: --vault block}.vault__ring{animation: vault linear both;animation-timeline: --vault;animation-range: entry 10% exit 40%}@keyframes vault{from{scale: 0.86;opacity: 0.4}50%{scale: 1;opacity: 1}to{scale: 1.04}}}}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}}}@layer utilities{@media (forced-colors: active){.hero__title em{color: CanvasText;background: none}.shift,.card,.tile,.step,.btn,.dbtn,.mock-card,.sheet{border: 1px solid CanvasText}.hero__bg,.band-ink::before{display: none}}@media print{.site-header,.menu,.hero__bg,.demo,.gallery,.contact,.site-footer__wordmark{display: none !important}.band-ink{color-scheme: light}}}