:root{--foreground: #111111;--background: #ffffff;--black: #000000;--secondary: #f1f1f5;--surface-light: #f7f7fb;--surface-muted: #f1f1f5;--line-light: #f1f1f5;--border: #e5e5ec;--sub: #505050;--subtle: #767676;--disabled: #999999;--success: #00c853;--warning: #fbc02d;--destructive: #d32f2f;--verdict-pass: #3ddc91;--verdict-conditional: #f5c451;--verdict-fail: #ff6b6b;--font-sans: "Pretendard Variable", "Pretendard", -apple-system,
BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR",
"Malgun Gothic", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-logo: "NicoKaku", var(--font-sans);--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--tracking-tight: -0.025em;--tracking-normal: 0em;--tracking-wide: 0.025em;--text-display-1: clamp(2.5rem, 1.93rem + 2.55vw, 6rem);--text-display-2: clamp(2.375rem, 1.86rem + 2.27vw, 5.5rem);--text-display-3: clamp(2.25rem, 1.8rem + 2vw, 5rem);--text-display-4: clamp(2.125rem, 1.74rem + 1.73vw, 4.5rem);--text-display-5: clamp(2rem, 1.67rem + 1.45vw, 4rem);--text-display-6: clamp(1.875rem, 1.61rem + 1.18vw, 3.5rem);--text-headline-1: clamp(1.75rem, 1.55rem + 0.91vw, 3rem);--text-headline-2: clamp(1.625rem, 1.48rem + 0.64vw, 2.5rem);--text-headline-3: clamp(1.5rem, 1.42rem + 0.36vw, 2rem);--text-headline-4: clamp(1.375rem, 1.31rem + 0.27vw, 1.75rem);--text-headline-5: clamp(1.25rem, 1.21rem + 0.18vw, 1.5rem);--text-title-1: clamp(1.375rem, 1.27rem + 0.45vw, 2rem);--text-title-2: clamp(1.25rem, 1.17rem + 0.36vw, 1.75rem);--text-title-3: clamp(1.125rem, 1.06rem + 0.27vw, 1.5rem);--text-title-4: clamp(1.0625rem, 1.03rem + 0.14vw, 1.25rem);--text-title-5: clamp(1rem, 0.98rem + 0.09vw, 1.125rem);--text-body-1: clamp(0.9375rem, 0.93rem + 0.05vw, 1rem);--text-body-2: clamp(0.875rem, 0.86rem + 0.05vw, 0.9375rem);--text-body-3: clamp(0.8125rem, 0.8rem + 0.05vw, 0.875rem);--text-body-4: clamp(0.78125rem, 0.78rem + 0.02vw, 0.8125rem);--lh-display: 1.3;--lh-headline: 1.3;--lh-title: 1.4;--lh-body: 1.45;--space-xs: clamp(0.5rem, 0.46rem + 0.18vw, 0.75rem);--space-sm: clamp(0.75rem, 0.67rem + 0.36vw, 1.25rem);--space-md: clamp(1.25rem, 1.13rem + 0.55vw, 2rem);--space-lg: clamp(2rem, 1.75rem + 1.09vw, 3.5rem);--space-xl: clamp(3rem, 2.59rem + 1.82vw, 5.5rem);--space-2xl: clamp(4rem, 3.35rem + 2.91vw, 8rem);--space-section: clamp(3.75rem, 2.9rem + 2.2vw, 5.75rem);--space-section-content: clamp(2rem, 1.45rem + 2vw, 3.75rem);--space-hero-top: clamp(6.5rem, 5.9rem + 2.7vw, 10rem);--radius: 0.625rem;--radius-md: calc(var(--radius) * 0.8);--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--dur-fast: 0.15s;--dur: 0.3s;--dur-slow: 0.6s;--container-max: 75rem;--container-pad: 20px;--header-h: 5rem;}
@media (min-width: 48rem){:root{--container-pad: 40px;}}
.invert{--foreground: #ffffff;--background: #111111;}
@font-face{font-family: "NicoKaku";src: url("../fonts/NicoKaku-v2.subset.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: block;unicode-range: U+51, U+65, U+69, U+6F, U+72, U+74, U+78;}
*,
*::before,
*::after{box-sizing: border-box;}
*{margin: 0;}
html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}
body{min-height: 100%;font-family: var(--font-sans);font-size: var(--text-body-1);line-height: var(--lh-body);letter-spacing: var(--tracking-tight);color: var(--foreground);background: var(--background);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}
img,
svg,
video,
canvas{display: block;max-width: 100%;}
button,
input,
textarea,
select{font: inherit;color: inherit;letter-spacing: inherit;}
button{background: none;border: 0;padding: 0;cursor: pointer;}
a{color: inherit;text-decoration: none;}
ul,
ol{list-style: none;padding: 0;}
address{font-style: normal;}
:focus-visible{outline: 2px solid currentColor;outline-offset: 4px;}
.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-pad);}
.section{position: relative;width: 100%;overflow: hidden;padding-block: var(--space-section);}
.section--dark{background: var(--black);color: #fff;--foreground: #ffffff;--background: #111111;}
.t-55{color: color-mix(in srgb, var(--foreground) 55%, transparent);}
.t-70{color: color-mix(in srgb, var(--foreground) 70%, transparent);}
.t-40{color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.eyebrow{font-size: 13px;font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: 0.3em;color: color-mix(in srgb, var(--foreground) 55%, transparent);}
.keep-all{word-break: keep-all;}
.line{display: block;}
.btn{display: inline-flex;align-items: center;gap: 0.5em;font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);font-weight: var(--fw-semibold);border-radius: var(--radius-pill);border: 1px solid color-mix(in srgb, var(--foreground) 60%, transparent);padding: 0.8em 1.5em;color: var(--foreground);transition: background-color var(--dur) var(--ease-out),
color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);}
.btn:hover{background: var(--foreground);color: var(--background);border-color: var(--foreground);}
.btn .icon{width: 1.1em;height: 1.1em;transition: transform var(--dur) var(--ease-out);}
.btn:hover .icon{transform: translateX(4px);}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}
*,
*::before,
*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}
.header{position: sticky;top: 0;z-index: 70;}
.header__spacer{height: var(--header-h);}
.header__pill{position: absolute;left: 50%;top: 1rem;z-index: 80;width: calc(100% - 2rem);max-width: 640px;transform: translateX(-50%);overflow: hidden;border-radius: 32px;background: var(--foreground);color: var(--background);transition: max-width 0.55s var(--ease-out-expo),
border-radius 0.55s var(--ease-out-expo), box-shadow 0.2s linear;}
.header__pill[data-invert="true"]{--foreground: #ffffff;--background: #111111;}
.header__pill[data-open="true"]{max-width: 1440px;width: calc(100vw - 2rem);border-radius: 28px;--foreground: #ffffff;--background: #111111;}
.header__bar{position: relative;display: flex;height: 4rem;width: 100%;align-items: center;justify-content: space-between;padding-left: 1.5rem;padding-right: 1rem;}
.header__menu-btn{display: flex;align-items: center;gap: 0.5rem;font-size: var(--text-body-3);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: var(--tracking-wide);}
.header__burger{position: relative;width: 20px;height: 20px;flex-shrink: 0;}
.header__burger span{position: absolute;left: 2px;right: 2px;height: 2px;border-radius: 2px;background: currentColor;transition: transform 0.4s var(--ease-out-expo),
opacity 0.25s var(--ease-out);}
.header__burger span:nth-child(1){top: 4px;}
.header__burger span:nth-child(2){top: 9px;}
.header__burger span:nth-child(3){top: 14px;}
[data-open="true"] .header__burger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
[data-open="true"] .header__burger span:nth-child(2){opacity: 0;transform: scaleX(0.2);}
[data-open="true"] .header__burger span:nth-child(3){transform: translateY(-5px) rotate(-45deg);}
.header__wordmark{position: absolute;left: 50%;transform: translateX(-50%);font-size: var(--text-title-4);font-weight: var(--fw-extrabold);letter-spacing: var(--tracking-tight);white-space: nowrap;}
.header__cta{border-radius: var(--radius-pill);background: var(--background);color: var(--foreground);padding: 0.625rem 1.25rem;font-size: var(--text-body-3);font-weight: var(--fw-semibold);transition: opacity var(--dur) var(--ease-out);}
.header__cta:hover{opacity: 0.9;}
.megamenu{height: 0;overflow: hidden;transition: height 0.55s var(--ease-out-expo);}
.megamenu__inner{display: flex;flex-direction: column;gap: 2.5rem;width: calc(100vw - 2rem);max-width: 1440px;max-height: calc(100svh - 7rem);overflow-y: auto;padding: 1.5rem 1.5rem 2.5rem;}
@media (min-width: 48rem){.megamenu__inner{padding-inline: 2.5rem;}}
.megamenu__label{margin-bottom: 1.5rem;font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.3em;color: var(--background);}
.megamenu__services{display: flex;flex-direction: column;gap: 1.25rem;}
@media (min-width: 48rem){.megamenu__services{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0 2.5rem;}}
.megamenu__service{display: flex;align-items: flex-start;gap: 1rem;}
.megamenu__num{margin-top: 0.5rem;font-size: var(--text-body-4);font-variant-numeric: tabular-nums;color: color-mix(in srgb, var(--background) 55%, transparent);}
.megamenu__name{display: flex;align-items: center;gap: 0.5rem;font-size: var(--text-headline-4);font-weight: var(--fw-semibold);color: var(--background);}
@media (min-width: 48rem){.megamenu__name{font-size: var(--text-headline-3);}}
.megamenu__name .icon{width: 0.7em;height: 0.7em;opacity: 0;transform: translateX(-4px);transition: opacity var(--dur) var(--ease-out),
transform var(--dur) var(--ease-out);}
.megamenu__service:hover .icon{opacity: 1;transform: translateX(0);}
.megamenu__desc{margin-top: 0.375rem;font-size: var(--text-body-3);color: color-mix(in srgb, var(--background) 60%, transparent);}
.megamenu__explore{display: flex;flex-wrap: wrap;gap: 2.25rem;font-size: var(--text-headline-5);font-weight: var(--fw-semibold);color: var(--background);}
.megamenu__explore a{transition: opacity var(--dur) var(--ease-out);}
.megamenu__explore a:hover{opacity: 0.6;}
.megamenu__foot{display: flex;flex-direction: column;gap: 0.75rem;border-top: 1px solid color-mix(in srgb, var(--background) 16%, transparent);padding-top: 1.5rem;font-size: var(--text-body-3);color: color-mix(in srgb, var(--background) 60%, transparent);}
@media (min-width: 48rem){.megamenu__foot{flex-direction: row;justify-content: space-between;}}
.megamenu__foot-links{display: flex;gap: 1.5rem;}
.scrim{position: fixed;inset: 0;z-index: 60;background: rgba(0, 0, 0, 0.55);opacity: 0;pointer-events: none;transition: opacity 0.4s var(--ease-out);}
.scrim[data-on="true"]{opacity: 1;pointer-events: auto;}
.mm-stagger{opacity: 0;transform: translateY(14px);transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out-expo);}
.mm-stagger.is-in{opacity: 1;transform: none;}
.hero{position: relative;width: 100%;overflow: hidden;background: var(--black);margin-top: calc(var(--header-h) * -1);--foreground: #ffffff;--background: #111111;}
.hero__inner{display: flex;flex-direction: column;align-items: center;padding-top: var(--space-hero-top);padding-bottom: var(--space-section);}
.hero__title{font-size: var(--text-display-2);line-height: var(--lh-display);font-weight: var(--fw-bold);letter-spacing: var(--tracking-tight);text-align: center;color: var(--foreground);}
.hero__title .line{display: block;}
.word{display: inline-block;margin-right: 0.25em;opacity: 0;filter: blur(10px);transform: translateY(28px);transition: opacity 0.8s var(--ease-out), filter 0.8s var(--ease-out),
transform 0.8s var(--ease-out-expo);}
.word:last-child{margin-right: 0;}
.is-in .word,
.word.is-in{opacity: 1;filter: blur(0);transform: none;}
.hl{position: relative;display: inline-block;white-space: nowrap;padding-inline: 0.3em;}
.hl__plate{position: absolute;inset-inline: 0;top: 0.08em;bottom: 0.08em;border-radius: 12px;background: var(--foreground);transform: scaleX(0);transform-origin: 0% 50%;transition: transform 0.9s var(--ease-out-expo);pointer-events: none;}
.hl__base{position: relative;color: var(--foreground);}
.hl__over{position: absolute;inset: 0;padding-inline: 0.3em;color: #111;clip-path: inset(0 100% 0 0);transition: clip-path 0.9s var(--ease-out-expo) 0.12s;pointer-events: none;}
.hl.is-in .hl__plate{transform: scaleX(1);}
.hl.is-in .hl__over{clip-path: inset(0 0% 0 0);}
.fan{position: relative;display: none;place-items: center;height: 252px;margin-top: 4rem;}
@media (min-width: 80rem){.fan{display: grid;}}
.fan__card{position: relative;grid-area: 1 / 1;width: 300px;aspect-ratio: 4 / 3;flex-shrink: 0;transform-origin: center bottom;transform: translateX(0) translateY(24px) rotate(0deg) scale(0.92);opacity: 0;transition: transform 1.1s var(--ease-out-expo), opacity 0.7s var(--ease-out);}
.fan.is-in .fan__card{opacity: 1;transform: translateX(var(--x)) translateY(var(--y)) rotate(var(--r));}
.fan__media{height: 100%;width: 100%;overflow: hidden;border-radius: var(--radius-lg);background: var(--secondary);box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.35);box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(0, 0, 0, 0.05);}
.fan__media img,
.fan__media video{height: 100%;width: 100%;object-fit: cover;}
.tag{position: absolute;left: 50%;z-index: 20;white-space: nowrap;border-radius: var(--radius-pill);background: #fff;color: #111;padding: 0.375rem 0.875rem;font-size: 0.875rem;font-weight: var(--fw-semibold);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);opacity: 0;transform: translateX(-50%) translateY(8px) scale(0.6);transition: opacity 0.45s var(--ease-out), transform 0.55s var(--ease-out-expo);pointer-events: none;}
.fan.is-in .tag,
.carousel.is-in .tag{opacity: 1;transform: translateX(-50%) translateY(0) scale(1);}
.tag--up{bottom: 100%;margin-bottom: 0.75rem;}
.tag--down{top: 100%;margin-top: 0.75rem;}
.tag::after{content: "";position: absolute;left: 50%;width: 8px;height: 8px;transform: translateX(-50%) rotate(45deg);background: #fff;}
.tag--up::after{bottom: -4px;}
.tag--down::after{top: -4px;}
.carousel{width: 100%;margin-top: 56px;overflow-x: clip;overflow-y: visible;opacity: 0;transform: translateY(24px);transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out-expo);}
.carousel.is-in{opacity: 1;transform: none;}
@media (min-width: 80rem){.carousel{display: none;}}
.carousel__track{display: flex;width: max-content;gap: 1rem;cursor: grab;user-select: none;touch-action: pan-y;}
.carousel__track[data-dragging="true"]{cursor: grabbing;}
.carousel__card{position: relative;width: 300px;aspect-ratio: 4 / 3;flex-shrink: 0;}
.hero__sub{margin-top: var(--space-xl);text-align: center;font-size: var(--text-title-3);line-height: 1.6;color: var(--foreground);}
.hero__cue{margin-top: var(--space-xl);display: flex;justify-content: center;}
.cue{display: inline-flex;flex-direction: column;align-items: center;gap: 0.75rem;}
.cue__ring{display: grid;place-items: center;width: clamp(52px, 3.6vw, 66px);aspect-ratio: 1;border-radius: 50%;border: 1.5px solid color-mix(in srgb, var(--foreground) 45%, transparent);color: var(--foreground);transition: background-color var(--dur) var(--ease-out),
color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);}
.cue:hover .cue__ring{transform: scale(1.06);background: var(--foreground);color: #111;}
.cue__window{position: relative;display: block;width: 46%;height: 46%;overflow: hidden;}
.cue__arrow{position: absolute;inset: 0;animation: cue-drop 1.9s var(--ease-in-out) infinite;}
.cue__arrow svg{width: 100%;height: 100%;}
@keyframes cue-drop{0%{transform: translateY(-100%);opacity: 0;}
25%{opacity: 1;}
70%{transform: translateY(100%);opacity: 0;}
100%{transform: translateY(100%);opacity: 0;}}
.cue__label{display: flex;font-size: 11px;font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: 0.34em;margin-right: -0.34em;color: var(--foreground);}
.cue__label span{display: inline-block;animation: cue-wave 1.9s var(--ease-in-out) infinite;}
@keyframes cue-wave{0%,
100%{opacity: 0.25;}
40%{opacity: 1;}}
.why{--mark-size: clamp(6rem, 3.4rem + 11.5vw, 17rem);position: relative;width: 100%;overflow: hidden;background: var(--background);padding-block: var(--space-section);}
.why__frame{ max-width: 60rem; margin-inline: auto; }
.why__ledger{ margin-top: var(--space-lg); border-top: 1px solid var(--rail); }
.why__row{display: grid;grid-template-columns: minmax(6.5em, 0.5fr) 1fr auto 1fr;align-items: baseline;gap: clamp(0.75rem, 2vw, 2rem);padding-block: 0.85rem;border-bottom: 1px solid var(--rail);font-size: var(--text-title-4);word-break: keep-all;}
.why__row--analog{ color: color-mix(in srgb, var(--foreground) 55%, transparent); }
.why__dom{font-size: var(--text-body-3);color: color-mix(in srgb, var(--foreground) 45%, transparent);}
.why__to{position: relative;width: clamp(2.5rem, 6vw, 6rem);height: 1px;align-self: center;background: color-mix(in srgb, var(--foreground) 14%, transparent);}
.why__to::after{content: "";position: absolute;inset: 0;background: currentColor;transform: scaleX(0);transform-origin: left center;transition: transform 0.7s var(--ease-out-expo) 0.3s;}
.why__row.is-scanned .why__to::after{ transform: scaleX(1); }
.why__row--verdict{grid-template-columns: auto auto 1fr;row-gap: 0.4rem;align-items: center;}
.why__row--verdict .why__to{ width: auto; justify-self: stretch; }
.why__mark{grid-column: 1 / -1;font-size: var(--mark-size);font-weight: var(--fw-black);line-height: 0.94;letter-spacing: -0.02em;color: var(--foreground);}
.js .why__row--verdict[data-scan]{transition: --edge 1.5s cubic-bezier(0.22, 0.68, 0.24, 1);}
.why__copy{margin-top: var(--space-lg);max-width: 42em;font-size: var(--text-title-3);line-height: 1.65;color: color-mix(in srgb, var(--foreground) 75%, transparent);text-wrap: pretty;}
.why__cta{ margin-top: var(--space-lg); }
.why--dark{background: var(--black);color: #f4f5f7;--foreground: #ffffff;--background: #111111;--rail: rgba(255, 255, 255, 0.12);}
@media (max-width: 40rem){.why__row{ grid-template-columns: 1fr auto 1fr; }
.why__row--verdict{ grid-template-columns: auto auto 1fr; }
.why__dom{ grid-column: 1 / -1; margin-bottom: 0.1rem; }}
@media (prefers-reduced-motion: reduce){.why__to::after{ transform: scaleX(1); transition: none; }}
.stats{background: var(--black);--foreground: #ffffff;--background: #111111;}
.stats__grid{display: grid;grid-template-columns: 1fr;gap: var(--space-lg) clamp(32px, 4vw, 90px);}
@media (min-width: 80rem){.stats__grid{grid-template-columns: 1.15fr 0.85fr;grid-template-rows: auto auto;}
.stats__head{grid-column: 2;grid-row: 1;align-self: end;}
.stats__visual{grid-column: 1;grid-row: 1 / span 2;align-self: center;}
.stats__list{grid-column: 2;grid-row: 2;align-self: start;}}
.stats__eyebrow-wrap{position: relative;padding-bottom: 22px;}
.stats__rule{position: absolute;inset-inline: 0;bottom: 0;height: 1px;background: color-mix(in srgb, var(--foreground) 16%, transparent);transform: scaleX(0);transform-origin: 0% 50%;transition: transform 1s var(--ease-out-expo);}
.is-in .stats__rule{transform: scaleX(1);}
.stats__title{margin-top: var(--space-md);font-size: var(--text-display-6);font-weight: var(--fw-bold);line-height: 1.35;letter-spacing: -0.03em;color: var(--foreground);}
.stats__title .dim{color: color-mix(in srgb, var(--foreground) 60%, transparent);}
.stats__board{position: relative;margin-inline: auto;width: 100%;max-width: 560px;aspect-ratio: 1 / 0.94;color: var(--foreground);}
@media (min-width: 80rem){.stats__board{ max-width: 640px; }}
.stats__board canvas{width: 100%;height: 100%;}
.stats__list ul{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.stat{position: relative;overflow: hidden;}
.stat__sep{position: absolute;left: 0;top: 0;height: 1px;width: 100%;background: color-mix(in srgb, var(--foreground) 12%, transparent);transform: scaleX(0);transform-origin: 0% 50%;transition: transform 0.9s var(--ease-out-expo);}
.is-in .stat__sep{transform: scaleX(1);}
.stats__list ul::after{content: "";grid-column: 1 / -1;height: 1px;background: color-mix(in srgb, var(--foreground) 12%, transparent);}
.stat__fill{position: absolute;inset: 0;background: var(--foreground);transform: scaleY(var(--fill, 0));transform-origin: bottom;pointer-events: none;}
.stat:hover .stat__fill{transform: scaleY(1);}
.stat__body{position: relative;z-index: 10;display: flex;flex-direction: column;gap: var(--space-xs);padding: clamp(16px, 1.6vw, 30px) clamp(2px, 0.8vw, 20px);}
.stat__num{display: block;font-size: clamp(2rem, 1.55rem + 2vw, 3.75rem);font-weight: var(--fw-bold);line-height: 1.05;letter-spacing: -0.03em;color: var(--foreground);transition: color var(--dur) var(--ease-out);}
.stat:hover .stat__num,
.stat:hover .stat__label{color: #111;}
.stat__suffix{margin-left: 0.04em;font-size: 0.6em;font-weight: var(--fw-semibold);}
.stat__label{font-size: var(--text-body-1);color: color-mix(in srgb, var(--foreground) 55%, transparent);transition: color var(--dur) var(--ease-out);}
.rise{opacity: 0;transform: translateY(28px);transition: opacity 0.7s var(--ease-out), transform 0.9s var(--ease-out-expo);}
.is-in .rise{opacity: 1;transform: none;}
.usecases{--scene-len: 3.5;position: relative;width: 100%;background: var(--black);color: #f4f5f7;--foreground: #ffffff;--background: #111111;}
.usecases .scene__pin{ align-items: center; }
.uc__inner{ width: 100%; padding-block: var(--space-section); }
.uc__heading{margin-top: var(--space-sm);font-size: var(--text-headline-3);line-height: 1.25;word-break: keep-all;}
.uc__layout{margin-top: var(--space-lg);display: grid;grid-template-columns: 1fr;gap: var(--space-lg);}
@media (min-width: 64rem){.uc__layout{grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.25fr) minmax(0, 0.95fr);gap: clamp(24px, 3.5vw, 64px);align-items: center;}}
.uc__tabs li{ border-top: 1px solid var(--rail); }
.uc__tabs li:last-child{ border-bottom: 1px solid var(--rail); }
.tab{display: grid;grid-template-columns: 2.2em 1fr;gap: 1rem;width: 100%;align-items: baseline;padding-block: 0.8rem;text-align: left;color: color-mix(in srgb, var(--foreground) 50%, transparent);transition: color var(--dur) var(--ease-out);}
.tab:hover{ color: color-mix(in srgb, var(--foreground) 80%, transparent); }
.tab[aria-selected="true"]{ color: var(--foreground); }
.tab__num{font-size: var(--text-body-3);font-variant-numeric: tabular-nums;color: color-mix(in srgb, var(--foreground) 45%, transparent);}
.tab__label{ font-size: var(--text-title-4); font-weight: var(--fw-semibold); word-break: keep-all; }
.uc__title{font-size: clamp(1.75rem, 1.3rem + 2vw, 3rem);font-weight: var(--fw-bold);line-height: 1.18;letter-spacing: -0.02em;word-break: keep-all;transition: opacity 0.4s var(--ease-out), transform 0.55s var(--ease-out-expo);}
.uc__ledger{ margin-top: var(--space-md); border-top: 1px solid var(--rail); }
.uc__lrow{display: grid;grid-template-columns: 7.5em 1fr;gap: 1rem;padding-block: 0.8rem;border-bottom: 1px solid var(--rail);transition: opacity 0.45s var(--ease-out), transform 0.55s var(--ease-out-expo);}
.uc__lrow dt{ font-size: var(--text-body-3); color: color-mix(in srgb, var(--foreground) 50%, transparent); }
.uc__lrow dd{font-size: var(--text-body-1);line-height: 1.55;color: color-mix(in srgb, var(--foreground) 80%, transparent);word-break: keep-all;text-wrap: pretty;}
.uc__lrow--fixed dd b{ color: var(--foreground); }
[data-record][data-swap="0"] .uc__title{ opacity: 0; transform: translateY(12px); transition: none; }
.uc__lrow[data-on="0"]{ opacity: 0; transform: translateY(10px); transition: none; }
.uc__lrow[data-lrow]:nth-of-type(2){ transition-delay: 0.07s; }
.uc__visual{position: relative;margin-inline: auto;width: 100%;max-width: min(70vw, 360px);aspect-ratio: 1;}
@media (min-width: 64rem){ .uc__visual{ max-width: min(28vw, 520px); } }
.uc__visual canvas{ width: 100%; height: 100%; color: var(--foreground); }
.uc__rail{margin-top: var(--space-lg);height: 2px;background: var(--rail);}
.uc__rail span{display: block;height: 100%;transform: scaleX(var(--railp, 0));transform-origin: left center;background: var(--foreground);}
@media (max-width: 64rem), (max-height: 660px){.usecases{ height: auto; padding-block: var(--space-section); }
.usecases .scene__pin{ position: static; height: auto; overflow: visible; }
.uc__rail{ display: none; }}
@media (prefers-reduced-motion: reduce){.uc__lrow[data-on="0"]{ opacity: 1; transform: none; }
[data-record][data-swap="0"] .uc__title{ opacity: 1; transform: none; }
.uc__rail{ display: none; }}
.mask-word{display: inline-block;overflow: hidden;margin-right: 0;padding-bottom: 0.06em;vertical-align: top;}
.mask-word:last-child{margin-right: 0;}
.mask-word > span{display: inline-block;transform: translateY(110%);transition: transform 0.85s var(--ease-out-expo);will-change: transform;}
.mask-word.is-in > span{transform: none;}
.tab:hover{color: color-mix(in srgb, var(--foreground) 70%, transparent);}
.insights{background: var(--background);}
.insights__head{display: flex;flex-direction: column;gap: var(--space-md);border-bottom: 1px solid color-mix(in srgb, var(--foreground) 16%, transparent);padding-bottom: var(--space-md);}
@media (min-width: 48rem){.insights__head{flex-direction: row;align-items: flex-end;justify-content: space-between;}}
.insights__title{margin-top: var(--space-sm);font-size: var(--text-display-5);font-weight: var(--fw-bold);letter-spacing: var(--tracking-tight);}
.insights__all{display: none;width: fit-content;}
@media (min-width: 40rem){.insights__all{display: inline-flex;}}
.insights__grid{display: grid;grid-template-columns: 1fr;gap: var(--space-lg);margin-top: 20px;}
@media (min-width: 40rem){.insights__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (min-width: 64rem){.insights__grid{grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: 32px;}}
.post{display: block;transition: transform var(--dur) var(--ease-out);}
.post:hover{transform: translateY(-4px);}
.post__thumb{position: relative;width: 100%;aspect-ratio: 1200 / 630;overflow: hidden;border-radius: var(--radius-lg);background: var(--secondary);box-shadow: 0 0 0 1px color-mix(in srgb, var(--foreground) 10%, transparent);}
.post__thumb img{height: 100%;width: 100%;object-fit: cover;filter: grayscale(1);transition: filter 0.5s var(--ease-out), transform 0.5s var(--ease-out);}
.post:hover .post__thumb img{filter: grayscale(0);transform: scale(1.05);}
.post__cat{display: inline-block;margin-top: var(--space-md);border-radius: var(--radius-pill);border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);padding: 0.25rem 0.75rem;font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 70%, transparent);}
.post__title{margin-top: var(--space-sm);font-size: var(--text-title-3);font-weight: var(--fw-bold);line-height: 1.4;}
.post__date{margin-top: var(--space-sm);font-size: var(--text-body-3);color: var(--subtle);}
.reveal{opacity: 0;transform: translateY(28px);transition: opacity 0.7s var(--ease-out), transform 0.9s var(--ease-out-expo);}
.reveal.is-in{opacity: 1;transform: none;}
.footer{background: var(--black);--foreground: #ffffff;--background: #111111;color: var(--foreground);}
.footer__cta{display: block;}
.footer__cta-inner{padding-block: 5rem;}
@media (min-width: 48rem){.footer__cta-inner{padding-block: 8rem;}}
.footer__cta h2{font-size: clamp(1.25rem, 8.3vw - 0.28rem, 1.75rem);font-weight: var(--fw-bold);line-height: 1.3;letter-spacing: var(--tracking-tight);}
@media (min-width: 48rem){.footer__cta h2{font-size: var(--text-display-5);}}
.footer__cta-line2{display: flex;flex-direction: column;gap: 0.25rem;margin-top: 0.25rem;}
@media (min-width: 48rem){.footer__cta-line2{flex-direction: row;align-items: center;gap: 1.25rem;margin-top: 0;}}
.footer__cta-tail{display: flex;align-items: center;gap: 0.625rem;}
@media (min-width: 48rem){.footer__cta-tail{gap: 1.25rem;}}
.arrow-run{position: relative;display: inline-flex;width: 1.75rem;height: 1.75rem;flex-shrink: 0;overflow: hidden;}
@media (min-width: 48rem){.arrow-run{width: 4rem;height: 4rem;}}
.arrow-run svg{width: 100%;height: 100%;transition: transform var(--dur) var(--ease-out);}
.arrow-run svg:nth-child(2){position: absolute;inset: 0;transform: translateX(-100%);}
.footer__cta:hover .arrow-run svg:nth-child(1){transform: translateX(100%);}
.footer__cta:hover .arrow-run svg:nth-child(2){transform: translateX(0);}
.footer__meta{display: flex;flex-direction: column;gap: 2rem;padding-block: 3rem;}
@media (min-width: 48rem){.footer__meta{flex-direction: row;align-items: flex-end;justify-content: space-between;}}
.footer__addr{font-size: var(--text-body-3);color: color-mix(in srgb, var(--foreground) 70%, transparent);}
.footer__addr p + p{margin-top: 0.25rem;}
.footer__brand{font-size: var(--text-title-5);font-weight: var(--fw-bold);color: var(--foreground);}
.footer__links{display: flex;flex-direction: column;gap: 0.75rem;font-size: var(--text-body-3);}
@media (min-width: 48rem){.footer__links{align-items: flex-end;}}
.footer__links-row{display: flex;gap: 1.25rem;}
.footer__links a{color: color-mix(in srgb, var(--foreground) 70%, transparent);transition: color var(--dur) var(--ease-out);}
.footer__links a:hover{color: var(--foreground);}
.footer__copy{color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.wordmark{font-family: var(--font-logo);font-weight: 400;letter-spacing: 0.01em;}
.header__wordmark.wordmark{font-size: clamp(1.0625rem, 1rem + 0.32vw, 1.375rem);}
.eyebrow{font-family: var(--font-mono);font-size: var(--text-body-4);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: 0.28em;color: color-mix(in srgb, var(--foreground) 50%, transparent);}
.sec-title{margin-top: var(--space-sm);font-size: var(--text-display-6);line-height: 1.28;font-weight: var(--fw-bold);letter-spacing: -0.035em;word-break: keep-all;}
.sec-title .dim,
.stats__title .dim{color: color-mix(in srgb, var(--foreground) 45%, transparent);}
.sec-lead{margin-top: var(--space-lg);max-width: 58ch;font-size: var(--text-title-3);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 72%, transparent);word-break: keep-all;}
.hero__eyebrow{margin-bottom: var(--space-md);text-align: center;font-family: var(--font-mono);font-size: var(--text-body-4);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: 0.28em;color: color-mix(in srgb, var(--foreground) 45%, transparent);}
@media (min-width: 48rem){.vstrip__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); }}
@media (min-width: 48rem){.vstrip__cell{border-top: 0;border-left: 1px solid color-mix(in srgb, var(--foreground) 8%, transparent);}
.vstrip__cell:first-child{ border-left: 0; }}
[data-verdict="pass"]{ color: var(--verdict-pass); }
[data-verdict="conditional"]{ color: var(--verdict-conditional); }
[data-verdict="fail"]{ color: var(--verdict-fail); }
.problems{display: grid;grid-template-columns: 1fr;margin-top: var(--space-xl);border-top: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}
@media (min-width: 64rem){.problems{ grid-template-columns: repeat(3, minmax(0, 1fr)); }}
.problem{padding: var(--space-md) 0;border-bottom: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}
@media (min-width: 64rem){.problem{padding: var(--space-md) var(--space-md) var(--space-lg);border-bottom: 0;border-left: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}
.problem:first-child{ border-left: 0; padding-left: 0; }}
.problem__idx{font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.18em;color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.problem__idx span{ color: var(--foreground); font-weight: 700; }
.problem__title{margin-top: var(--space-xs);font-size: var(--text-headline-4);font-weight: var(--fw-bold);letter-spacing: var(--tracking-tight);word-break: keep-all;}
.problem__body{margin-top: var(--space-xs);max-width: 40ch;font-size: var(--text-body-2);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 55%, transparent);word-break: keep-all;}
.signal{margin-top: var(--space-xl);max-width: 72ch;padding: var(--space-md);border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);border-left: 2px solid color-mix(in srgb, var(--foreground) 40%, transparent);border-radius: 0 var(--radius-md) var(--radius-md) 0;background: color-mix(in srgb, var(--foreground) 5%, transparent);}
.signal__label{font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.28em;color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.signal__body{margin-top: var(--space-xs);font-size: var(--text-title-3);line-height: 1.6;color: color-mix(in srgb, var(--foreground) 75%, transparent);word-break: keep-all;}
.signal__body strong{ color: var(--foreground); font-weight: var(--fw-bold); }
.signal__note{margin-top: var(--space-sm);font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.pullquote{margin-top: var(--space-xl);font-size: clamp(1.375rem, 1.05rem + 1.45vw, 2.75rem);font-weight: var(--fw-bold);line-height: 1.3;letter-spacing: -0.04em;color: color-mix(in srgb, var(--foreground) 40%, transparent);word-break: keep-all;}
.pullquote__em{ color: var(--foreground); }
.doc.is-in{ opacity: 1; transform: none; }
.doc__brand{ font-size: var(--text-title-4); }
.doc__field:first-child{ border-top: 0; }
@media (min-width: 48rem){.doc__field{grid-template-columns: 13rem 1fr;gap: var(--space-sm);align-items: baseline;}}
.stat__word{ font-size: 0.62em; }
.stats__note{margin-top: var(--space-md);font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.steps{display: grid;grid-template-columns: 1fr;margin-top: var(--space-xl);border-top: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}
@media (min-width: 48rem){ .steps{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem){ .steps{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.step{position: relative;padding: var(--space-md) var(--space-md) var(--space-lg) 0;border-bottom: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}
@media (min-width: 48rem){.step{ padding-left: var(--space-md); border-left: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent); }
.step:nth-child(2n + 1){ border-left: 0; padding-left: 0; }}
@media (min-width: 64rem){.step:nth-child(2n + 1){ border-left: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent); padding-left: var(--space-md); }
.step:nth-child(3n + 1){ border-left: 0; padding-left: 0; }}
.step__bar{display: block;height: 2px;width: 100%;margin-bottom: var(--space-sm);background: color-mix(in srgb, var(--foreground) 55%, transparent);transform: scaleX(0);transform-origin: 0 50%;transition: transform 0.9s var(--ease-out-expo);}
.step.is-in .step__bar{ transform: scaleX(1); }
.step__idx{font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.18em;color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.step__idx span{ color: var(--foreground); font-weight: 700; }
.step__title{margin-top: var(--space-xs);font-size: var(--text-title-2);font-weight: var(--fw-bold);line-height: 1.4;letter-spacing: var(--tracking-tight);word-break: keep-all;}
.step__body{margin-top: var(--space-xs);max-width: 38ch;font-size: var(--text-body-2);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 55%, transparent);word-break: keep-all;}
.case{margin-top: var(--space-xl);padding: var(--space-lg);border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);border-radius: var(--radius-xl);background: color-mix(in srgb, var(--foreground) 3%, transparent);}
.case__meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-xs);font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.16em;}
.case__tag{padding: 0.4em 0.8em;border: 1px solid color-mix(in srgb, var(--foreground) 22%, transparent);border-radius: var(--radius-md);color: color-mix(in srgb, var(--foreground) 72%, transparent);}
.case__date{ color: color-mix(in srgb, var(--foreground) 40%, transparent); }
.case__title{margin-top: var(--space-md);font-size: var(--text-display-6);font-weight: var(--fw-bold);line-height: 1.25;letter-spacing: -0.04em;word-break: keep-all;}
.case__body{margin-top: var(--space-md);max-width: 62ch;font-size: var(--text-body-1);line-height: 1.8;color: color-mix(in srgb, var(--foreground) 72%, transparent);word-break: keep-all;}
.case__metrics{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-sm);margin-top: var(--space-lg);padding-top: var(--space-md);border-top: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}
.case__metrics dt{font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.14em;color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.case__metrics dd{margin-top: 0.35rem;font-size: clamp(1.5rem, 1.2rem + 1.36vw, 2.75rem);font-weight: var(--fw-bold);letter-spacing: -0.03em;font-variant-numeric: tabular-nums;}
.vlib{ margin-top: var(--space-xl); }
.vlib__head{padding-bottom: var(--space-sm);border-bottom: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.28em;color: color-mix(in srgb, var(--foreground) 50%, transparent);}
.vcard{margin-top: var(--space-md);max-width: 46rem;padding: var(--space-md);border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);border-radius: var(--radius-md);}
.vcard__flag{justify-self: start;display: inline-block;font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.2em;color: color-mix(in srgb, var(--foreground) 40%, transparent);border: 1px dashed color-mix(in srgb, var(--foreground) 22%, transparent);border-radius: var(--radius-md);padding: 0.35em 0.7em;}
.vcard__subject{margin-top: var(--space-sm);font-size: var(--text-title-3);font-weight: var(--fw-bold);}
.vcard__flow{display: flex;align-items: center;gap: var(--space-xs);margin-top: var(--space-sm);}
.vcard__arrow{display: grid;place-items: center;width: 1.25rem;height: 1.25rem;color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.vcard__arrow svg{ width: 100%; height: 100%; }
.vcard__label{margin-top: var(--space-md);font-size: var(--text-body-3);font-weight: var(--fw-semibold);color: color-mix(in srgb, var(--foreground) 55%, transparent);}
.vcard__conds{display: grid;gap: 0.4rem;margin-top: var(--space-xs);font-size: var(--text-body-2);color: color-mix(in srgb, var(--foreground) 72%, transparent);}
.vcard__conds li{ display: flex; gap: 0.6rem; }
.vcard__conds li::before{content: "";flex-shrink: 0;width: 5px;height: 5px;margin-top: 0.7em;background: color-mix(in srgb, var(--foreground) 40%, transparent);}
.status{ margin-top: var(--space-2xl); }
.timeline{display: grid;grid-template-columns: 1fr;margin-top: var(--space-md);}
@media (min-width: 64rem){ .timeline{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.tl{position: relative;padding: var(--space-md) 0 var(--space-md) var(--space-md);border-left: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}
@media (min-width: 64rem){.tl{padding: var(--space-lg) var(--space-md) 0 0;border-left: 0;border-top: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);}}
.tl__dot{position: absolute;left: -4.5px;top: calc(var(--space-md) + 0.4rem);width: 9px;height: 9px;background: color-mix(in srgb, var(--foreground) 24%, transparent);}
@media (min-width: 64rem){ .tl__dot{ left: 0; top: -4.5px; } }
.tl[data-tl="now"] .tl__dot{ background: var(--verdict-pass); }
.tl__when{font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.28em;color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.tl__badge{ margin-top: var(--space-xs); }
.tl__body{margin-top: var(--space-sm);max-width: 34ch;font-size: var(--text-body-2);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 55%, transparent);word-break: keep-all;}
.badge{display: inline-flex;align-items: center;gap: 0.5em;font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.16em;padding: 0.45em 0.85em;border-radius: var(--radius-md);border: 1px solid color-mix(in srgb, var(--foreground) 22%, transparent);color: color-mix(in srgb, var(--foreground) 72%, transparent);}
.badge--live{border-color: color-mix(in srgb, var(--verdict-pass) 45%, transparent);color: var(--verdict-pass);}
.badge--live::before{content: "";width: 6px;height: 6px;background: currentColor;animation: badge-pulse 2.4s var(--ease-in-out) infinite;}
@keyframes badge-pulse{0%, 100%{ opacity: 0.35; transform: scale(0.8); }
50%{ opacity: 1; transform: scale(1); }}
.signs__inner{display: grid;grid-template-columns: 1fr;gap: var(--space-lg);}
@media (min-width: 64rem){.signs__inner{ grid-template-columns: 1.05fr 0.95fr; gap: var(--space-xl); align-items: start; }}
.signs__body{display: grid;gap: var(--space-sm);font-size: var(--text-title-3);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 72%, transparent);word-break: keep-all;}
@media (min-width: 64rem){ .signs__body{ padding-top: var(--space-lg); } }
.signs__sign{font-size: var(--text-headline-4);font-weight: var(--fw-bold);color: var(--foreground);letter-spacing: var(--tracking-tight);}
.signs__cred{padding: var(--space-sm) var(--space-md);border-left: 2px solid color-mix(in srgb, var(--foreground) 40%, transparent);background: color-mix(in srgb, var(--foreground) 5%, transparent);border-radius: 0 var(--radius-md) var(--radius-md) 0;font-size: var(--text-body-2);line-height: 1.75;}
.signs__disclaimer{font-size: var(--text-body-3);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 40%, transparent);word-break: keep-all;}
.signs__disclaimer strong{ color: color-mix(in srgb, var(--foreground) 62%, transparent); }
.footer__cta-title{font-size: clamp(1.5rem, 1.1rem + 1.9vw, 3.25rem);font-weight: var(--fw-bold);line-height: 1.3;letter-spacing: var(--tracking-tight);word-break: keep-all;}
.beta{display: grid;grid-template-columns: 1fr;gap: var(--space-lg);margin-top: var(--space-xl);}
@media (min-width: 64rem){.beta{ grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: start; }}
.beta__body{font-size: var(--text-title-3);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 72%, transparent);word-break: keep-all;}
.beta__notice{margin-top: var(--space-md);padding: var(--space-sm) var(--space-md);border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);border-radius: var(--radius-md);font-size: var(--text-body-2);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 55%, transparent);}
.beta__notice strong{ color: var(--foreground); }
.form{ display: grid; gap: var(--space-sm); }
.form__row{ display: grid; grid-template-columns: 1fr; gap: var(--space-sm); }
@media (min-width: 40rem){ .form__row{ grid-template-columns: 1fr 1fr; } }
.field{ display: grid; gap: 0.45rem; }
.field__label{font-size: var(--text-body-3);font-weight: var(--fw-medium);color: color-mix(in srgb, var(--foreground) 72%, transparent);}
.field__label em{ font-style: normal; color: var(--verdict-conditional); }
.field__optional{margin-left: 0.35em;color: color-mix(in srgb, var(--foreground) 46%, transparent);font-weight: var(--fw-regular);}
.field input[type="text"],
.field input[type="email"],
.field textarea{width: 100%;padding: 0.85em 1em;border: 1px solid color-mix(in srgb, var(--foreground) 22%, transparent);border-radius: var(--radius-md);background: transparent;color: var(--foreground);font-size: var(--text-body-2);transition: border-color var(--dur) var(--ease-out);}
.field textarea{ resize: vertical; min-height: 4.5em; line-height: 1.6; }
.field input:focus,
.field textarea:focus{ outline: none; border-color: var(--foreground); }
.field[data-invalid="true"] input,
.field[data-invalid="true"] textarea{ border-color: var(--verdict-fail); }
.field__err{ font-size: var(--text-body-4); color: var(--verdict-fail); }
.field--check{grid-template-columns: auto 1fr;align-items: start;gap: 0.7rem;font-size: var(--text-body-3);color: color-mix(in srgb, var(--foreground) 60%, transparent);}
.field--check input{ width: 1.1rem; height: 1.1rem; margin-top: 0.15rem; accent-color: var(--foreground); }
.field--check .field__err{ grid-column: 1 / -1; }
.btn--solid{background: var(--foreground);color: var(--background);border-color: var(--foreground);justify-content: center;}
.btn--solid:hover{ opacity: 0.88; background: var(--foreground); color: var(--background); }
.form__status{font-size: var(--text-body-3);line-height: 1.7;color: color-mix(in srgb, var(--foreground) 72%, transparent);min-height: 1.4em;}
.form__status[data-state="err"]{ color: var(--verdict-fail); }
.form__status[data-state="ok"]{ color: var(--verdict-pass); }
.form__status a{ text-decoration: underline; text-underline-offset: 3px; }
.post--soon{ cursor: default; }
.post--soon:hover{ transform: none; }
.post__state{display: inline-block;margin-top: var(--space-sm);font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.14em;color: var(--subtle);}
.footer__tagline{margin-top: 0.35rem;font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.1em;color: color-mix(in srgb, var(--foreground) 55%, transparent);}
.footer__by{margin-top: var(--space-xs);margin-bottom: var(--space-sm);font-size: var(--text-body-3);color: color-mix(in srgb, var(--foreground) 40%, transparent);}
.footer__brand.wordmark{ font-size: clamp(1.5rem, 1.3rem + 0.9vw, 2.25rem); }
.hero{position: relative;min-height: 100svh;display: flex;flex-direction: column;justify-content: flex-start;}
.hero__inner{position: relative;z-index: 2;align-items: center;padding-top: var(--space-hero-top);padding-bottom: var(--space-xl);width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-pad);text-align: center;}
.hero__eyebrow{display: inline-flex;align-items: center;justify-content: center;gap: 0.6em;max-width: 100%;text-wrap: balance;padding: 0.5em 1em;border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);border-radius: var(--radius-md);font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.16em;text-transform: uppercase;color: color-mix(in srgb, var(--foreground) 62%, transparent);}
.tick{flex-shrink: 0;width: 6px;height: 6px;border-radius: 1px;background: var(--verdict-pass);animation: tick 2.2s steps(1, end) infinite;}
@keyframes tick{0%, 45%{ opacity: 1; }
46%, 100%{ opacity: 0.25; }}
.hero__title{position: relative;margin-top: var(--space-md);font-size: var(--text-display-3);line-height: 1.18;font-weight: var(--fw-bold);letter-spacing: -0.04em;word-break: keep-all;}
.hero__title--key{color: var(--foreground);}
.hero__title .line:first-child{color: color-mix(in srgb, var(--foreground) 52%, transparent);}
.hero__title .mask-word{padding-bottom: 0.14em;margin-bottom: -0.14em;}
.hero__sub{margin: var(--space-md) auto 0;max-width: 60ch;font-size: var(--text-title-4);line-height: 1.8;color: color-mix(in srgb, var(--foreground) 62%, transparent);word-break: keep-all;}
.hero__actions{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-xs);margin-top: var(--space-lg);}
.skyline{display: block;width: 100%;pointer-events: none;}
.skyline--hero{position: relative;z-index: 1;height: clamp(200px, 30vh, 360px);margin-top: auto;}
.skyline--footer{height: clamp(120px, 16vh, 220px);margin-top: var(--space-xl);opacity: 0.9;}
.ledbar{position: relative;background: var(--black);border-bottom: 1px solid color-mix(in srgb, #fff 8%, transparent);overflow: hidden;-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);}
.ledbar canvas{display: block;width: 100%;height: clamp(26px, 3vw, 38px);margin-block: clamp(10px, 1.2vw, 18px);}
@media (prefers-reduced-motion: reduce){.ledbar canvas{ display: none; }
.ledbar .sr-only{position: static;width: auto;height: auto;clip: auto;margin: 0;padding: var(--space-sm) var(--container-pad);white-space: normal;text-align: center;font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.14em;color: color-mix(in srgb, #fff 45%, transparent);}}
.signal{max-width: none;display: grid;grid-template-columns: 1fr;gap: var(--space-xs) var(--space-lg);align-items: start;}
@media (min-width: 64rem){.signal{grid-template-columns: 12rem 1fr;}
.signal__label{ padding-top: 0.35em; }
.signal__note{ grid-column: 2; }}
.vcard{ max-width: none; }
@media (min-width: 64rem){.vcard{display: grid;grid-template-columns: 1fr 1.2fr;gap: var(--space-lg);align-items: start;}
.vcard__flag{ grid-column: 1; }
.vcard__subject{ grid-column: 1; margin-top: var(--space-sm); }
.vcard__flow{ grid-column: 1; }
.vcard__label{ grid-column: 2; grid-row: 1; margin-top: 0.35em; }
.vcard__conds{grid-column: 2;grid-row: 2 / span 2;grid-template-columns: 1fr 1fr;gap: 0.5rem var(--space-md);}}
@media (min-width: 64rem){.case__metrics{ gap: var(--space-lg); }}
@media (min-width: 80rem){}
.stat__word{font-size: 0.52em;letter-spacing: var(--tracking-tight);}
.sec-head{display: grid;grid-template-columns: 1fr;gap: var(--space-md);}
@media (min-width: 64rem){.sec-head{grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.65fr);gap: clamp(2rem, 4vw, 5rem);align-items: end;}}
.sec-meta{display: grid;gap: 0;align-content: end;border-top: 1px solid color-mix(in srgb, var(--foreground) 16%, transparent);}
.sec-meta__row{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-sm);padding-block: 0.7rem;border-bottom: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);}
.sec-meta dt{font-family: var(--font-mono);font-size: var(--text-body-4);text-transform: uppercase;letter-spacing: 0.16em;color: color-mix(in srgb, var(--foreground) 40%, transparent);white-space: nowrap;}
.sec-meta dd{font-size: var(--text-body-2);font-weight: var(--fw-semibold);text-align: right;color: color-mix(in srgb, var(--foreground) 82%, transparent);font-variant-numeric: tabular-nums;}
.hero__link{display: inline-flex;align-items: center;gap: 0.5em;font-size: var(--text-body-2);font-weight: var(--fw-semibold);color: color-mix(in srgb, var(--foreground) 62%, transparent);text-decoration: underline;text-decoration-color: color-mix(in srgb, var(--foreground) 28%, transparent);text-underline-offset: 0.45em;text-decoration-thickness: 1px;transition: color var(--dur) var(--ease-out),
text-decoration-color var(--dur) var(--ease-out);}
.hero__link:hover{color: var(--foreground);text-decoration-color: var(--foreground);}
.hero__link .icon{ width: 1em; height: 1em; transition: transform var(--dur) var(--ease-out); }
.hero__link:hover .icon{ transform: translateX(3px); }
.scene{position: relative;height: calc(var(--scene-len, 3) * 100svh);}
.scene__pin{position: sticky;top: 0;height: 100svh;display: flex;align-items: center;overflow: hidden;}
.scene [data-reveal],
.scene .reveal{opacity: 1;transform: none;transition: none;}
.verdict-scene .scene__pin{ background: var(--background); }
@media (prefers-reduced-motion: reduce){.scene{ height: auto; }
.scene__pin{ position: static; height: auto; padding-block: var(--space-section); }}
@media (min-width: 48rem){.verdict-scene .vstrip{ grid-template-columns: repeat(3, minmax(0, 1fr)); }}
@media (min-width: 48rem){.verdict-scene .vstrip__cell{border-top: 0;border-left: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);}
.verdict-scene .vstrip__cell:first-child{ border-left: 0; }}
@media (min-width: 48rem){.verdict-scene .doc__field{ grid-template-columns: 14rem 1fr; }}
@media (prefers-reduced-motion: reduce){.verdict-scene .doc__field{ opacity: 1; }
.verdict-scene .doc__field::before{ transform: scaleX(1); }}
.gate{position: relative;z-index: 1;margin-top: auto;width: 100%;}
.gate__canvas{display: block;width: 100%;height: clamp(180px, 26vh, 300px);}
.gate__legend{display: grid;grid-template-columns: var(--gate-x, 63%) auto 1fr;align-items: center;padding: var(--space-sm) 0 var(--space-md);font-family: var(--font-sans);font-size: var(--text-body-3);font-weight: var(--fw-medium);letter-spacing: var(--tracking-tight);color: color-mix(in srgb, var(--foreground) 42%, transparent);}
.gate__legend-in{ grid-column: 1; justify-self: center; }
.gate__legend-key{grid-column: 2;justify-self: center;transform: translateX(-50%);white-space: nowrap;}
.gate__legend-out{ grid-column: 3; justify-self: center; }
.gate__legend-key{ color: color-mix(in srgb, var(--foreground) 85%, transparent); font-weight: var(--fw-semibold); }
.gate__legend-sep{width: clamp(24px, 4vw, 56px);height: 1px;background: color-mix(in srgb, var(--foreground) 24%, transparent);}
.skyline--hero{ display: none; }
@media (min-width: 48rem){.stats__list ul{ grid-template-columns: repeat(3, minmax(0, 1fr)); }}
.stats__note{ line-height: 1.8; }
.scene__pin{padding-top: calc(var(--header-h) + 0.25rem);padding-bottom: var(--space-sm);}
@media (max-height: 880px){.verdict-scene .vscene__head{ margin-bottom: var(--space-sm); }
.verdict-scene .vscene__title{ font-size: var(--text-headline-2); }
.verdict-scene .vstrip__cell{ padding: 0.6rem var(--space-md); }
.verdict-scene .vstrip__desc{ margin-top: 0.15rem; }
.verdict-scene .doc__head{ padding-block: 0.55rem; }
.verdict-scene .doc__field{ padding-block: 0.62rem; }
.verdict-scene .doc__foot{ min-height: 3.25rem; padding-block: 0.5rem; }
.verdict-scene .doc__def{ margin-top: var(--space-xs); }}
@media (max-height: 760px){.verdict-scene .vscene__head{ margin-bottom: var(--space-xs); }
.verdict-scene .doc__field{ padding-block: 0.5rem; }
.verdict-scene .doc__field dd{ font-size: var(--text-body-3); }}
@media (max-height: 620px){.scene{ height: auto; }
.scene__pin{position: static;height: auto;overflow: visible;padding-block: var(--space-section);}}
:root{ --rail: rgba(17, 17, 17, 0.1); }.section--dark, .hero, .stats, .usecases, .footer, .verdict-scene{ --rail: rgba(255, 255, 255, 0.12); }
@media (min-width: 64rem){.container{border-left: 1px solid var(--rail);border-right: 1px solid var(--rail);}}
.seam{position: relative;height: 96px;width: 100%;}
.seam__canvas{ pointer-events: none; }
.seam__canvas{position: absolute;inset: 0;left: 50%;transform: translateX(-50%);width: 100vw;height: 100%;}
@media (max-width: 64rem){.seam{ height: 64px; }
.seam__canvas{ left: 0; transform: none; width: 100%; }}
@property --edge{syntax: "<number>";inherits: false;initial-value: 0;}
.js [data-scan]{--edge: 0;transition: --edge 0.72s cubic-bezier(0.22, 0.68, 0.24, 1);-webkit-mask-image: linear-gradient(
90deg,
#000 calc(var(--edge) * 128% - 14%),
transparent calc(var(--edge) * 128%)
);mask-image: linear-gradient(
90deg,
#000 calc(var(--edge) * 128% - 14%),
transparent calc(var(--edge) * 128%)
);}
.js [data-scan].is-scanned{ --edge: 1; }
.js [data-scan]:nth-child(2){ transition-delay: 0.06s; }
.js [data-scan]:nth-child(3){ transition-delay: 0.12s; }
.js [data-scan]:nth-child(4){ transition-delay: 0.18s; }
@media (prefers-reduced-motion: reduce){.js [data-scan]{-webkit-mask-image: none;mask-image: none;}}
.chapter--dark{position: relative;background: var(--black);color: #f4f5f7;--foreground: #ffffff;--background: #111111;}
.chapter--dark .gate{position: absolute;inset: auto 0 0 0;z-index: 0;margin-top: 0;opacity: 0;transition: opacity 0.45s var(--ease-out);pointer-events: none;}
.hero[data-gate="true"] .gate{ opacity: 1; }
.chapter--dark .hero__inner,
.chapter--dark .why{position: relative;z-index: 1;}
.verdict-scene .scene__pin{ background: var(--black); }
@media (min-width: 56rem){.doc__id{ grid-template-columns: 1fr auto; align-items: start; }}
.doc__stamp-meta > div{ display: flex; gap: 0.75rem; justify-content: space-between; }
.doc__stamp-meta dt{ color: rgba(255, 255, 255, 0.4); text-transform: uppercase; letter-spacing: 0.14em; }
.doc__stamp-meta dd{ color: rgba(255, 255, 255, 0.86); text-align: right; }
@media (min-width: 48rem){ .doc__row--dates{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.doc__block-title span{font-family: var(--font-mono);font-size: var(--text-body-4);font-weight: 400;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(255, 255, 255, 0.38);}
@media (min-width: 48rem){.doc__field{ grid-template-columns: 9.5rem 1fr; gap: var(--space-sm); align-items: baseline; }}
.doc__field dd em{ font-style: normal; color: rgba(255, 255, 255, 0.5); }
.doc__field dd b{ color: #fff; font-weight: var(--fw-bold); }
.mono{ font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
@media (max-width: 48rem){.ladder__step{ grid-template-columns: 1.2rem 1fr auto; }
.ladder__rule{ grid-column: 1 / -1; text-align: left; }}
.doc__sentence strong{ color: var(--verdict-pass); }
@media (min-width: 56rem){ .doc__sign{ grid-template-columns: 1fr auto; align-items: end; } }
.doc__limits{margin-top: var(--space-xs);font-size: var(--text-body-3);line-height: 1.75;color: rgba(255, 255, 255, 0.66);word-break: keep-all;}
.doc__issuer{margin-top: var(--space-xs);font-family: var(--font-mono);font-size: var(--text-body-4);color: rgba(255, 255, 255, 0.42);}
@media (prefers-reduced-motion: reduce){.js .verdict-scene [data-fill]{ opacity: 1; }
.doc__seal-mark{ opacity: 1; transform: rotate(-6deg); }}
.verdict-scene .scene__pin{align-items: stretch;padding-top: calc(var(--header-h) + 0.5rem);padding-bottom: var(--space-md);}
.seam{background: var(--black);}
.seam--paper{ background: var(--paper, #f4f5f7); }
html{ background: var(--black); }
body{ background: var(--black); }
.hero__actions{align-items: center;gap: var(--space-md);}
.hero__actions .btn--solid{font-size: var(--text-body-2);padding: 0.95em 1.7em;}
.seam--paper canvas{ opacity: 0.28; }
.hero{ position: relative; overflow: hidden; }
.section.how,
.section.signs,
.section.insights,
.section--paper{background: var(--paper, #f4f5f7);color: #0b0d10;--foreground: #0b0d10;--background: #f4f5f7;}
.section--paper .eyebrow,
.section--paper .sec-meta{ color: color-mix(in srgb, var(--foreground) 55%, transparent); }
.section--paper{ --rail: rgba(11, 13, 16, 0.12); }
@media (min-width: 64rem){.case__head{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(15rem, 0.85fr);gap: clamp(2rem, 4vw, 4.5rem);align-items: start;}}
.beta__lede{ align-self: start; }
.form button[type="submit"]{justify-self: start;width: auto;min-width: 14rem;font-size: var(--text-body-2);padding: 1em 2em;}
.field__label em{color: color-mix(in srgb, var(--foreground) 55%, transparent);}
.field[data-invalid="true"] .field__label em{ color: var(--verdict-fail); }
.tl[data-tl="now"] .tl__dot{background: var(--foreground);box-shadow: 0 0 0 3px color-mix(in srgb, var(--foreground) 18%, transparent);}
.badge--live{border-color: color-mix(in srgb, var(--foreground) 45%, transparent);color: var(--foreground);}
.tick{ background: color-mix(in srgb, var(--foreground) 70%, transparent); }
.field__label em{ color: color-mix(in srgb, var(--foreground) 55%, transparent); }
.field[data-invalid="true"] input,
.field[data-invalid="true"] textarea{border-color: var(--foreground);border-width: 2px;}
.field__err{color: var(--foreground);font-weight: var(--fw-semibold);}
.field__err:not(:empty)::before{ content: "⚠ "; }
.form__status[data-state="err"],
.form__status[data-state="ok"]{ color: var(--foreground); }
.form__status[data-state="ok"]{ font-weight: var(--fw-semibold); }
.header__pill{ box-shadow: 0 0 0 1px var(--background); }
.header__pill[data-split="true"]{box-shadow: 0 0 0 1px color-mix(in srgb, var(--background) 40%, transparent),
0 6px 26px rgb(0 0 0 / 0.28);}
.header__pill > *{ transition: opacity 0.12s linear; }
.how{position: relative;height: calc(var(--how-len, 2.8) * 100svh);padding-block: 0;background: var(--background);overflow: visible;}
.how__pin{position: sticky;top: 0;height: 100svh;display: flex;align-items: center;overflow: hidden;}
.how__grid{display: grid;grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);gap: clamp(2rem, 4vw, 5rem);align-items: center;width: 100%;}
.how__aside .sec-title{ margin-top: var(--space-sm); }
.how__aside .sec-meta{ margin-top: var(--space-lg); }
.how__now{margin-top: var(--space-lg);font-family: var(--font-mono);font-size: clamp(2.25rem, 1.5rem + 3.4vw, 4.5rem);line-height: 1;font-variant-numeric: tabular-nums;color: var(--foreground);}
.how__now i{font-style: normal;opacity: 0.28;margin-inline: 0.12em;}
.how__now + *{ margin-top: 0; }
.how__track{position: relative;height: min(66svh, 520px);overflow: hidden;-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);}
.how .steps{grid-template-columns: 1fr;margin-top: 0;border-top: 0;will-change: transform;transform: translate3d(0, calc(var(--shift, 0) * -1px), 0);}
.how .step{padding: clamp(1.25rem, 1rem + 1vw, 2rem) 0;display: grid;grid-template-columns: auto 1fr;column-gap: clamp(1rem, 2vw, 2.25rem);align-items: start;}
.how .step__idx{ grid-row: 1 / span 2; margin: 0; opacity: 0.6; }
.how .step__title{ margin: 0; }
.how .step__body{ margin-top: 0.5em; grid-column: 2; }
.how .step__bar{position: absolute;left: 0;bottom: -1px;height: 1px;width: 100%;background: var(--foreground);transform: scaleX(0);transform-origin: 0 50%;transition: transform 0.6s var(--ease-out);}
.how .step{opacity: 0.22;transition: opacity 0.45s var(--ease-out);}
.how .step[data-on="true"]{ opacity: 1; }
.how .step[data-on="true"] .step__bar{ transform: scaleX(1); }
@media (max-height: 620px), (max-width: 900px){.how{ height: auto; padding-block: var(--space-section); }
.how__pin{ position: static; height: auto; overflow: visible; }
.how__grid{ grid-template-columns: 1fr; }
.how__track{ height: auto; overflow: visible; -webkit-mask-image: none; mask-image: none; }
.how .steps{ transform: none; }
.how .step{ opacity: 1; }
.how__now{ display: none; }}
@media (max-height: 880px){.hero{ --space-hero-top: clamp(4.5rem, 3.6rem + 2vw, 6.5rem); }
.gate__canvas{ height: clamp(120px, 17vh, 180px); }
.gate__legend{ padding-block: var(--space-xs) var(--space-sm); }}
@media (max-height: 700px){.hero{ --space-hero-top: clamp(3.25rem, 2.6rem + 1.6vw, 4.5rem); }
.gate__canvas{ height: clamp(96px, 14vh, 140px); }
.gate__legend{ font-size: var(--text-body-4); }}
@media (max-height: 660px){.gate__canvas{ height: clamp(76px, 11vh, 108px); }
.hero{ --space-hero-top: clamp(2.75rem, 2.2rem + 1.4vw, 3.75rem); }}
@media (prefers-reduced-motion: reduce){.verdict-scene .doc__stage{ -webkit-mask-image: none; mask-image: none; }}
.header__pill{ background: var(--foreground); }
:root{ --header-clear: calc(1rem + 4rem + var(--space-sm)); }
.scene__pin,
.verdict-scene .scene__pin,
.how__pin{ padding-top: var(--header-clear); }
@media (max-width: 47.999rem){.hero{ --space-hero-top: calc(var(--header-clear) + var(--space-xs)); }}
.header__pill[data-open="true"] .megamenu{overflow-y: auto;max-height: calc(100svh - 7rem);overscroll-behavior: contain;}
.hero__eyebrow{ display: block; text-align: center; }
.hero__eyebrow .tick{ display: inline-block; vertical-align: middle; margin-right: 0.6em; }
@media (max-width: 26rem){.hero__eyebrow{ font-size: 11px; letter-spacing: 0.14em; }}
.footer__cta-line{ gap: 0.24em; }
.case__metrics > div{ display: grid; grid-template-rows: auto 1fr; }
.case__metrics dt{ min-height: 2.4em; }
.br-wide{ display: none; }
@media (min-width: 48rem){ .br-wide{ display: inline; } }
.case__title{ word-break: keep-all; text-wrap: pretty; }
.footer__addr p{ word-break: keep-all; text-wrap: pretty; }
@media (max-width: 26rem){ .footer__addr{ font-size: 12px; } }
.insights .post__state,
li .post__state{font-family: var(--font-sans);letter-spacing: 0;color: color-mix(in srgb, var(--foreground) 62%, transparent);}
.post__state::before{content: "";display: inline-block;width: 5px;height: 5px;margin-right: 0.5em;vertical-align: 0.08em;background: currentColor;}
@media (max-width: 30rem){.how .step{ grid-template-columns: 1fr; row-gap: 0.35rem; }
.how .step__idx{ grid-row: auto; }
.how .step__body{ grid-column: 1; }}
.stat__fill{background: color-mix(in srgb, var(--foreground) 9%, transparent);z-index: 0;}
.stat > *:not(.stat__fill){ position: relative; z-index: 1; }
.verdict-scene{--scene-len: 3.3;--doc-paper: #0f1113;--ink-1: rgba(255, 255, 255, 0.92);--ink-2: rgba(255, 255, 255, 0.78);--ink-3: rgba(255, 255, 255, 0.64);--ink-4: rgba(255, 255, 255, 0.50);--rule-1: rgba(255, 255, 255, 0.22);--rule-2: rgba(255, 255, 255, 0.13);--foreground: #ffffff;--background: #111111;color: #f4f5f7;}
.skip-pin{position: absolute; left: 50%; top: 0.5rem; transform: translate(-50%, -200%);z-index: 9; padding: 0.5rem 0.9rem; background: #fff; color: #000;font-size: var(--text-body-4); font-weight: var(--fw-bold);}
.skip-pin:focus-visible{ transform: translate(-50%, 0); outline: 2px solid #000; outline-offset: 2px; }
.vscene__deck{margin-top: var(--space-xs); margin-inline: auto; max-width: 54ch;font-size: var(--text-body-3); line-height: 1.7; color: var(--ink-3);word-break: keep-all; text-wrap: pretty;}
.verdict-scene .vscene__illus{display: inline-block; margin-top: var(--space-xs);padding: 0.3rem 0.7rem; border: 1px dashed var(--rule-1);font-size: var(--text-body-4); letter-spacing: 0.04em;color: var(--ink-2); background: none; border-radius: 0;word-break: keep-all;}
.doc__stage{position: relative;flex: 1 1 0; min-height: 0; height: auto;overflow: hidden;overflow: clip;border: 1px solid var(--rule-1);background: var(--doc-paper);}
.doc__perf,
.doc__stage::before{content: ""; position: absolute; inset: 0 auto 0 0; width: 14px; z-index: 2;background: repeating-linear-gradient(to bottom, #000 0 4px, transparent 4px 22px);pointer-events: none;}
.doc{ will-change: transform; }
.doc__sheet{ padding: clamp(1.1rem, 2vw, 1.75rem) clamp(1.1rem, 2.2vw, 2rem) 2rem; padding-left: 30px; }
.doc__ruler{ position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: rgba(255,255,255,.08); }
.doc__ruler span{ display: block; width: 100%; height: 18%; background: rgba(255,255,255,.5); }
.doc__block{ padding: var(--space-sm) 0; border-bottom: 1px solid var(--rule-2); }
.doc__block-title{display: flex; align-items: baseline; gap: 0.6rem;font-size: var(--text-title-5); font-weight: var(--fw-bold); margin-bottom: 0.25rem;}
.doc__block-title span{font-family: var(--font-mono); font-size: var(--text-body-4); font-weight: 400;letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-4);}
.doc__note{margin: 0 0 var(--space-xs); padding-left: 0.7rem;border-left: 1px solid var(--rule-1);font-size: var(--text-body-4); line-height: 1.65; color: var(--ink-3);word-break: keep-all; text-wrap: pretty;}
.doc__type{ font-size: var(--text-title-3); font-weight: var(--fw-bold); letter-spacing: -0.02em; }
.doc__type-en{margin-top: 0.15rem; font-family: var(--font-mono); font-size: var(--text-body-4);letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-4);}
.doc__caveat{margin: var(--space-xs) 0; max-width: 52ch; font-size: var(--text-body-3);line-height: 1.65; color: var(--ink-3); word-break: keep-all; text-wrap: pretty;}
.doc__spec{ color: var(--ink-1); font-weight: var(--fw-bold); }
.doc__fields{ display: grid; gap: 0.45rem; }
.doc__field{ display: grid; grid-template-columns: 1fr; gap: 0.2rem; padding: 0.3rem 0; }
@media (min-width: 48rem){.doc__field{ grid-template-columns: 8.5rem minmax(0, 1fr); gap: var(--space-sm); align-items: baseline; }}
.doc__field dt{ font-size: var(--text-body-3); color: var(--ink-3); word-break: keep-all; }
.doc__field dd{font-size: var(--text-body-2); line-height: 1.65; color: var(--ink-1);word-break: keep-all; text-wrap: pretty;}
.doc__slot{ display: grid; gap: 0.25rem; }
.doc__mask{display: block; width: min(14rem, 100%); height: 0.85em;background: repeating-linear-gradient(90deg,
rgba(255,255,255,.30) 0 3px, rgba(255,255,255,.10) 3px 6px);}
.doc__guide{font-size: var(--text-body-3); line-height: 1.6; color: var(--ink-3);opacity: 0; transition: opacity 0.28s steps(4);word-break: keep-all; text-wrap: pretty;}
[data-station][data-entered="1"] .doc__guide{ opacity: 1; }
html:not(.js) .doc__guide{ opacity: 1; }
.ladder{width: 100%; border-collapse: collapse; margin-top: 0.35rem;border: 1px solid var(--rule-1);}
.ladder th, .ladder td{padding: 0.5rem 0.6rem; text-align: left; vertical-align: baseline;border-top: 1px solid var(--rule-2); word-break: keep-all;}
.ladder thead th{border-top: 0; font-size: var(--text-body-4); font-weight: var(--fw-normal);color: var(--ink-4); letter-spacing: 0.04em;}
.ladder__step{ color: var(--ink-2); }
.ladder__pick{ width: 1.6rem; }
.ladder__box{display: inline-block; width: 7px; height: 7px;border: 1px solid rgba(255, 255, 255, 0.55);}
.ladder__code{font-family: var(--font-mono); font-weight: 700; letter-spacing: 0.08em;white-space: nowrap;}
.ladder__ko{ font-size: var(--text-body-3); white-space: nowrap; }
.ladder__rule{ font-size: var(--text-body-3); color: var(--ink-2); }
.ladder__step[data-verdict="pass"] .ladder__code{ color: var(--verdict-pass); }
.ladder__step[data-verdict="conditional"] .ladder__code{ color: var(--verdict-conditional); }
.ladder__step[data-verdict="fail"] .ladder__code{ color: var(--verdict-fail); }
.ladder__step[data-verdict="withheld"] .ladder__code{ color: var(--ink-1); }
.doc__pickline{ margin-top: 0.5rem; font-size: var(--text-body-3); color: var(--ink-3); }
.doc__sentence{margin-top: var(--space-sm); font-size: var(--text-body-2); line-height: 1.75;color: var(--ink-2); word-break: keep-all; text-wrap: pretty;}
.doc__sentence b{ color: var(--ink-1); }
.doc__conditions{ margin-top: var(--space-sm); }
.doc__cond-title{ font-size: var(--text-body-3); font-weight: var(--fw-bold); color: var(--ink-2); }
.doc__cond-title span{font-family: var(--font-mono); font-size: var(--text-body-4); font-weight: 400;letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4); margin-left: 0.5rem;}
.doc__cond-body{ margin-top: 0.2rem; font-size: var(--text-body-3); color: var(--ink-3); word-break: keep-all; }
.doc__sealed{ margin-top: 0.6rem; }
.doc__seal-rule{display: block; height: 1px; transform: scaleX(0); transform-origin: left;transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);background: repeating-linear-gradient(90deg,
rgba(255,255,255,.55) 0 2px, transparent 2px 4px);}
.doc__void{display: block; margin-top: 0.35rem; font-size: var(--text-body-3);letter-spacing: 0; color: var(--ink-3);opacity: 0; transition: opacity 0.3s steps(3);}
[data-sealed][data-on="1"] .doc__seal-rule{ transform: scaleX(1); }
[data-sealed][data-on="1"] .doc__void{ opacity: 1; }
html:not(.js) .doc__seal-rule{ transform: scaleX(1); }
html:not(.js) .doc__void{ opacity: 1; }
.doc__raw{margin: var(--space-sm) 0 0; padding: 0.6rem 0.7rem;background: #000; border: 1px solid var(--rule-2);font-family: var(--font-mono); font-size: var(--text-body-4); line-height: 1.7;color: var(--ink-3);white-space: pre; word-break: normal; overflow-x: auto; overscroll-behavior-x: contain;}
.doc__sign{ display: grid; grid-template-columns: 1fr; gap: var(--space-md); }
@media (min-width: 56rem){ .doc__sign{ grid-template-columns: minmax(0,1fr) auto; align-items: end; } }
.doc__sign-line{ margin-top: var(--space-sm); font-size: var(--text-body-3); font-weight: var(--fw-bold); color: var(--ink-2); }
.doc__limits{margin: 0.35rem 0 0; padding-left: 1.1rem; list-style: none;font-size: var(--text-body-3); line-height: 1.75; color: var(--ink-3);word-break: keep-all; text-wrap: pretty;}
.doc__limits li{ position: relative; margin-top: 0.2rem; }
.doc__limits li::before{ content: ""; position: absolute; left: -0.9rem; top: 0.62em; width: 4px; height: 1px; background: currentColor; }
.doc__issuer{ margin-top: var(--space-sm); font-size: var(--text-body-4); color: var(--ink-4); word-break: keep-all; }
.doc__seal{ position: relative; justify-self: end; }
.doc__seal-mark{display: grid; place-items: center; gap: 0.15rem;padding: 0.9rem 1.1rem; min-width: 8.5rem;border: 2px dashed rgba(255, 255, 255, 0.55); color: var(--ink-2);transform: rotate(-6deg); opacity: 0;}
@keyframes seal-strike{from{ opacity: 0; transform: rotate(-6deg) scale(1.06); }
to{ opacity: 1; transform: rotate(-6deg) scale(1); }}
.doc__seal.is-on .doc__seal-mark{ animation: seal-strike 0.14s steps(3) both; }
html:not(.js) .doc__seal-mark{ opacity: 1; }
.doc__seal-code{ font-size: var(--text-body-3); font-weight: var(--fw-bold); letter-spacing: 0.02em; }
.doc__seal-en{font-family: var(--font-mono); font-size: var(--text-body-4);letter-spacing: 0.12em; color: var(--ink-4);}
.doc__end{ padding-top: var(--space-sm); text-align: center; font-size: var(--text-body-3); color: var(--ink-3); }
.verdict-scene .doc__def{margin-top: var(--space-xs); text-align: center; flex-shrink: 0;font-size: var(--text-body-4); color: rgba(255, 255, 255, 0.72);}
@media (max-width: 48rem){.doc__stage::before{ width: 8px; }
.doc__sheet{ padding-left: 18px; }
.doc__ruler{ width: 3px; }
.ladder thead{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.ladder, .ladder tbody, .ladder tr, .ladder td{ display: block; }
.ladder__step{ display: grid; grid-template-columns: 1.2rem auto minmax(0,1fr); gap: 0.4rem 0.5rem;padding: 0.55rem 0.6rem; border-top: 1px solid var(--rule-2); }
.ladder__step td{ border: 0; padding: 0; }
.ladder__rule{ grid-column: 2 / -1; padding-left: 0 !important; color: var(--ink-3); }
.doc__raw{ white-space: pre-wrap; }
.doc__mask{ width: min(11rem, 100%); }
.doc__seal{ justify-self: start; }
.doc__seal-mark{ min-width: 7.5rem; padding: 0.75rem 0.9rem; }}
@media (prefers-reduced-motion: reduce), (max-height: 620px){.verdict-scene{ --scene-len: 1; height: auto !important; }
.verdict-scene .scene__pin{position: static; height: auto; align-items: stretch; overflow: visible;padding-top: var(--space-lg); padding-bottom: var(--space-lg);}
.verdict-scene .vscene{ height: auto; }
.verdict-scene .doc__stage{flex: none; height: auto; min-height: 0; overflow: visible;-webkit-mask-image: none; mask-image: none;}
.verdict-scene .doc{ transform: none !important; will-change: auto; }
.verdict-scene .doc__stage::before,
.verdict-scene .doc__ruler{ display: none; }
.verdict-scene .doc__sheet{ padding-left: clamp(1.1rem, 2.2vw, 2rem); }
.verdict-scene .doc__guide,
.verdict-scene .doc__void{ opacity: 1; transition: none; }
.verdict-scene .doc__seal-rule{ transform: scaleX(1); transition: none; }
.verdict-scene .doc__seal-mark{ opacity: 1; animation: none; }}
.vscene{display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 0;max-width: 66rem;margin-inline: auto;padding-inline: var(--container-pad);}
.vscene__head{ flex: none; text-align: center; margin-bottom: var(--space-sm); }
.vscene__title{ font-size: var(--text-headline-2); line-height: 1.18; word-break: keep-all; text-wrap: pretty; }
.vscene__deck{margin-top: var(--space-xs);max-width: 54ch;margin-inline: auto;color: color-mix(in srgb, var(--foreground) 62%, transparent);word-break: keep-all;text-wrap: pretty;}
.doc__def{ flex: none; }
.doc__block--verdict{ position: relative; }
.doc__sign-body{ min-width: 0; }
@media (max-width: 56rem){.vscene__title{ font-size: var(--text-headline-3, var(--text-title-1)); }}
.status-sec{ padding-block: var(--space-xl); }
.problems{ position: relative; }
.problems--scrub .problem{opacity: 0.34;transform: none;transition: opacity 0.5s var(--ease-out);}
.problems--scrub .problem[data-lit="true"]{ opacity: 1; }
.problems--scrub .problem::after{content: "";position: absolute;left: 0;top: -1px;height: 1px;width: 100%;background: var(--foreground);transform: scaleX(var(--lit, 0));transform-origin: 0 50%;transition: transform 0.55s var(--ease-out);}
@media (min-width: 64rem){.problems--scrub .problem::after{ top: 0; }}
@media (prefers-reduced-motion: reduce){.problems--scrub .problem{ opacity: 1; }
.problems--scrub .problem::after{ transform: scaleX(1); }}
.skip{position: absolute;left: -9999px;top: 0;z-index: 200;padding: 0.75rem 1rem;background: var(--foreground);color: var(--background);}
.skip:focus{ left: 1rem; top: 1rem; }
.prose{ max-width: 68ch; }
.prose > * + *{ margin-top: 1.1em; }
.prose h2{ margin-top: 2em; font-size: var(--text-title-1); line-height: 1.3; }
.prose h3{ margin-top: 1.6em; font-size: var(--text-title-3); line-height: 1.35; }
.prose p, .prose li{ word-break: keep-all; text-wrap: pretty; }
.prose ul, .prose ol{ padding-left: 1.2em; }
.prose li + li{ margin-top: 0.4em; }
.prose a{ text-decoration: underline; text-underline-offset: 0.2em; }
.prose blockquote{padding-left: 1rem;border-left: 2px solid color-mix(in srgb, var(--foreground) 24%, transparent);color: color-mix(in srgb, var(--foreground) 72%, transparent);}
.prose img{ max-width: 100%; height: auto; }
.prose code{font-family: var(--font-mono);font-size: 0.92em;padding: 0.1em 0.35em;background: color-mix(in srgb, var(--foreground) 10%, transparent);}
.article{ background: var(--paper, #f4f5f7); color: #0b0d10; --foreground: #0b0d10; --background: #f4f5f7; }
.article__inner{ max-width: 72rem; }
.article__head{ max-width: 68ch; }
.article__title{ margin-top: 0.4em; font-size: var(--text-headline-2); line-height: 1.2; word-break: keep-all; }
.article__meta{ margin-top: var(--space-sm); font-family: var(--font-mono); font-size: var(--text-body-4); color: color-mix(in srgb, var(--foreground) 55%, transparent); }
.article__cover{ margin-top: var(--space-lg); }
.article__cover img{ width: 100%; height: auto; }
.article__body{ margin-top: var(--space-lg); }
.article__foot{ margin-top: var(--space-xl); padding-top: var(--space-md); border-top: 1px solid var(--rail); }
.case-list{ display: grid; gap: var(--space-md); margin-top: var(--space-lg); }
@media (min-width: 48rem){ .case-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.case-list__item{ border-top: 1px solid var(--rail); padding-top: var(--space-md); }
.case-list__title{ margin-top: 0.4rem; font-size: var(--text-title-2); line-height: 1.3; }
.case-list__body{ margin-top: 0.5rem; color: color-mix(in srgb, var(--foreground) 62%, transparent); }
.case-detail__inner{ max-width: 72rem; }
.case-detail__title{ margin-top: 0.4em; font-size: var(--text-headline-2); line-height: 1.2; }
.case-detail__flow, .case-detail__conds{ margin-top: var(--space-lg); }
.case-detail__body{ margin-top: var(--space-lg); }
.case-detail__side{ margin-top: var(--space-xl); }
.pager{ margin-top: var(--space-xl); display: flex; gap: 0.5rem; flex-wrap: wrap; }
.pager .page-numbers{padding: 0.4rem 0.7rem;border: 1px solid var(--rail);font-variant-numeric: tabular-nums;}
.pager .page-numbers.current{ background: var(--foreground); color: var(--background); }
.insights--archive{ padding-block: var(--space-section); }
.insights__empty{ margin-top: var(--space-lg); color: color-mix(in srgb, var(--foreground) 55%, transparent); }
.plans__list{display: grid;grid-template-columns: 1fr;gap: var(--space-lg);margin-top: var(--space-xl);border-top: 1px solid var(--rail);padding-top: var(--space-lg);}
@media (min-width: 64rem){.plans__list{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.plan{ padding-inline: clamp(1.25rem, 2.4vw, 2.5rem); border-left: 1px solid var(--rail); }
.plan:first-child{ padding-left: 0; border-left: 0; }
.plan:last-child{ padding-right: 0; }}
.plan{ display: flex; flex-direction: column; }
.plan__stage{font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.16em;color: color-mix(in srgb, var(--foreground) 45%, transparent);}
.plan__name{margin-top: 0.5rem;font-size: var(--text-title-1);line-height: 1.2;letter-spacing: -0.01em;}
.plan__lede{margin-top: 0.6rem;color: color-mix(in srgb, var(--foreground) 65%, transparent);word-break: keep-all;text-wrap: pretty;}
.plan__inc{ margin-top: var(--space-md); display: grid; gap: 0.45rem; }
.plan__inc li{position: relative;padding-left: 1rem;font-size: var(--text-body-2);}
.plan__inc li::before{content: "";position: absolute;left: 0;top: 0.62em;width: 5px;height: 1px;background: currentColor;opacity: 0.55;}
.plan__meta{ margin-top: auto; padding-top: var(--space-md); display: grid; gap: 0.4rem; }
.plan__meta > div{display: grid;grid-template-columns: 3.5rem 1fr;gap: 0.75rem;padding-top: 0.45rem;border-top: 1px solid var(--rail);font-size: var(--text-body-3);}
.plan__meta dt{ color: color-mix(in srgb, var(--foreground) 50%, transparent); }
.plan__meta dd{ word-break: keep-all; }
.plan__hypo{ font-style: normal; opacity: 0.5; margin-left: 0.15em; }
.plan__note{margin-top: var(--space-sm);font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 48%, transparent);word-break: keep-all;}
.plans__foot{margin-top: var(--space-lg);padding-top: var(--space-sm);border-top: 1px solid var(--rail);font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 50%, transparent);word-break: keep-all;}
.beta__doc{ margin-top: var(--space-sm); font-size: var(--text-body-3); }
.beta__doc a{display: inline-flex;align-items: center;gap: 0.4em;color: color-mix(in srgb, var(--foreground) 62%, transparent);text-decoration: underline;text-underline-offset: 0.22em;}
.beta__doc .icon{ width: 0.95em; height: 0.95em; }
@media (max-width: 30rem){.hero__actions{ flex-wrap: wrap; justify-content: center; }}
.hero__actions .btn{font-size: var(--text-body-2);padding: 0.95em 1.7em;}
.hero__actions .btn:not(.btn--solid){border-color: color-mix(in srgb, var(--foreground) 32%, transparent);color: color-mix(in srgb, var(--foreground) 82%, transparent);}
.hero__actions .btn:not(.btn--solid):hover{border-color: var(--foreground);color: var(--foreground);}
.hero__actions .btn .icon{ width: 1em; height: 1em; }
.evidence{ --scene-len: 2.4; }
.evidence .scene__pin{ align-items: center; }
.ev__doc{ width: 100%; max-width: 62rem; margin-inline: auto; }
.ev__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;padding-bottom: var(--space-sm);border-bottom: 1px solid var(--rail);}
.ev__stamp{font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 42%, transparent);white-space: nowrap;}
.ev__fieldhead{margin-top: var(--space-md);display: flex;align-items: baseline;justify-content: space-between;gap: 1rem;}
.ev__fieldtitle{ font-size: var(--text-body-2); font-weight: var(--fw-semibold); }
.ev__fieldtitle span{font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.16em;margin-left: 0.5em;color: color-mix(in srgb, var(--foreground) 42%, transparent);}
.ev__tally{font-size: var(--text-title-2);font-weight: var(--fw-bold);font-variant-numeric: tabular-nums;letter-spacing: -0.02em;}
.ev__tally em{font-style: normal;font-size: 0.6em;font-weight: var(--fw-normal);color: color-mix(in srgb, var(--foreground) 42%, transparent);}
.ev__legend{margin-top: 0.2rem;font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 42%, transparent);}
.ev__field{position: relative;margin-top: var(--space-sm);width: 100%;aspect-ratio: 21 / 9;max-height: 38svh;border-block: 1px solid var(--rail);}
.ev__field canvas{ display: block; width: 100%; height: 100%; }
.ev__log{ margin-top: var(--space-md); border-top: 1px solid var(--rail); }
.ev__row{display: grid;grid-template-columns: 9em 1fr;gap: 1rem;padding-block: 0.7rem;border-bottom: 1px solid var(--rail);font-size: var(--text-body-2);transition: opacity 0.5s var(--ease-out), transform 0.55s var(--ease-out-expo);}
.ev__row[data-on="0"]{ opacity: 0; transform: translateY(8px); transition: none; }
.ev__k{ color: color-mix(in srgb, var(--foreground) 50%, transparent); word-break: keep-all; }
.ev__v{ word-break: keep-all; text-wrap: pretty; }
.ev__v a{ text-decoration: underline; text-underline-offset: 3px; }
.ev__flow{ display: inline-flex; gap: 0.5em; margin-left: 0.75em; font-weight: var(--fw-semibold); }
@media (max-height: 660px), (max-width: 64rem){.evidence{ height: auto; padding-block: var(--space-section); }
.evidence .scene__pin{ position: static; height: auto; overflow: visible; }
.ev__field{ aspect-ratio: 16 / 10; max-height: none; }
.ev__row{ grid-template-columns: 7em 1fr; }}
@media (max-width: 40rem){.ev__head{ flex-direction: column; align-items: flex-start; gap: 0.5rem; }}
@media (prefers-reduced-motion: reduce){.ev__row[data-on="0"]{ opacity: 1; transform: none; }}
.js .print-in{clip-path: inset(-1px 100% -1px -1px);transition: clip-path 0.7s var(--ease-out-expo);transition-delay: var(--pi-d, 0s);}
.js .print-in.is-on{ clip-path: inset(-1px -1px -1px -1px); }
.js .print-in--v{clip-path: inset(-1px -1px 100% -1px);transition: clip-path 0.8s var(--ease-out-expo);transition-delay: var(--pi-d, 0s);}
.js .print-in--v.is-on{ clip-path: inset(-1px -1px -1px -1px); }
@media (prefers-reduced-motion: reduce){.js .print-in, .js .print-in--v{ clip-path: none; transition: none; }}
@keyframes qx-sweep{0%{ transform: translateX(-120%); }
55%, 100%{ transform: translateX(740%); }}
.js .why__row--verdict{ position: relative; overflow: hidden; }
.js .why__row--verdict::before{content: "";position: absolute;inset: 0 auto 0 0;width: 14%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);animation: qx-sweep 7s cubic-bezier(0.3, 0, 0.4, 1) 2.2s infinite;pointer-events: none;}
@media (prefers-reduced-motion: reduce){.js .why__row--verdict::before{ animation: none; display: none; }}
[data-decode]{ font-variant-numeric: tabular-nums; }
.evidence .container{ border-left: 0; border-right: 0; }
.why__mark{ position: relative; display: block; }
.why__mark-canvas{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;display: none;}
.why__mark.is-dotted{ color: transparent; }
.why__mark.is-dotted .why__mark-canvas{ display: block; color: var(--foreground); }
@media (prefers-reduced-motion: reduce){.why__mark.is-dotted{ color: var(--foreground); }
.why__mark.is-dotted .why__mark-canvas{ display: none; }}
.plan__glyph{display: block;height: 22px;margin-bottom: var(--space-sm);background-repeat: repeat-x;}
.plan__glyph{ position: relative; }
.plan__glyph::before{content: "";position: absolute;left: 0;width: 8px;height: 8px;background: currentColor;}
.plan:nth-child(1) .plan__glyph{ width: 8px; opacity: 0.9; }
.plan:nth-child(1) .plan__glyph::before{ top: 50%; margin-top: -4px; }
.plan:nth-child(2) .plan__glyph{ width: calc(18px * 5 - 10px); opacity: 0.9; }
.plan:nth-child(2) .plan__glyph::before{top: 50%;margin-top: -4px;box-shadow: 18px 0, 36px 0, 54px 0, 72px 0;opacity: 0.45;}
.plan:nth-child(2) .plan__glyph::after{content: "";position: absolute;top: 50%;left: 0;width: 8px;height: 8px;transform: translate(0, -50%);background: currentColor;animation: qx-relay 2.6s steps(5) infinite;}
@keyframes qx-relay{ to{ transform: translate(90px, -50%); } }
.plan:nth-child(3) .plan__glyph{width: calc(12px * 4);height: 30px;opacity: 0.9;}
.plan:nth-child(3) .plan__glyph::before{top: 0;width: 6px;height: 6px;box-shadow: 12px 0, 24px 0, 36px 0,
0 11px, 12px 11px, 24px 11px, 36px 11px,
0 22px, 12px 22px, 24px 22px, 36px 22px;}
@media (prefers-reduced-motion: reduce){.plan:nth-child(2) .plan__glyph::after{ animation: none; }}
.stats__list ul{ grid-template-columns: 1fr; }
.stat__body{flex-direction: row-reverse;justify-content: space-between;align-items: baseline;gap: var(--space-sm);}
.stat__body > span:first-child{ flex-shrink: 0; }
.stat__num{ font-size: clamp(1.9rem, 1.45rem + 1.5vw, 3rem); }
.stat:hover .stat__num,
.stat:hover .stat__label{ color: var(--background); }
.how .step,
.how .step:nth-child(2n + 1),
.how .step:nth-child(3n + 1){border-bottom: 0;border-left: 0;padding-left: 0;}
.how .step:not([data-on="true"]) .step__bar{ transform: scaleX(0); }
.how__dots{display: flex;gap: 8px;margin-top: var(--space-sm);}
.how__dots i{width: 8px;height: 8px;background: currentColor;opacity: 0.14;transition: opacity 0.35s var(--ease-out);}
.how__dots i[data-done]{ opacity: 0.45; }
.how__dots i[data-on]{ opacity: 1; }
@media (max-height: 620px), (max-width: 900px){.how__dots{ display: none; }}
@media (min-width: 64rem){.uc__layout{ align-items: start; }
.uc__visual{ align-self: center; }}
.uc__title{font-size: clamp(1.4rem, 1.15rem + 1.1vw, 2rem);padding-bottom: 0.75rem;border-bottom: 1px solid var(--rail);}
.uc__ledger{margin-top: 0;border-top: 0;}
.uc__fact{margin-top: var(--space-xs);font-size: var(--text-body-3);color: color-mix(in srgb, var(--foreground) 55%, transparent);word-break: keep-all;}
.case-figure{margin: var(--space-md) 0;border: 1px solid var(--rail);padding: clamp(0.75rem, 1.6vw, 1.25rem);}
.case-figure img{display: block;width: auto;max-width: 100%;max-height: min(72svh, 640px);margin-inline: auto;}
.case-figure figcaption{margin-top: 0.7rem;font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.08em;color: color-mix(in srgb, var(--foreground) 45%, transparent);text-align: center;}
.cases-home .case-list{ margin-top: var(--space-xl); }
.cases-home__cta{ margin-top: var(--space-xl); }
.case-list__item a{ color: inherit; display: block; }
.case-list__item a:hover .case-list__title{ text-decoration: underline; text-underline-offset: 0.18em; }
.lang-switch{display:flex;align-items:center;gap:2px;margin-left:auto;padding:2px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;font:600 10px/1 var(--font-mono);letter-spacing:.04em}
.lang-switch a{display:block;padding:6px 8px;border-radius:999px;color:inherit;text-decoration:none;opacity:.58;transition:opacity .2s,background .2s,color .2s}
.lang-switch a:hover,.lang-switch a:focus-visible{opacity:1}
.lang-switch a[aria-current="page"]{background:var(--background);color:var(--foreground);opacity:1}
.lang-switch__full{display:none}.lang-switch__short{display:inline}
.header__cta{margin-left:8px}
.legal{font-size:clamp(15px,1.1vw,18px);line-height:1.78;color:var(--foreground)}
.legal__lead{font-size:clamp(18px,1.6vw,25px);line-height:1.55;margin:0 0 24px}
.legal__meta{margin:0 0 52px;padding:14px 0;border-block:1px solid var(--rail);font-family:var(--font-mono);font-size:.78em;letter-spacing:.03em}
.legal h2{margin:52px 0 14px;padding-top:20px;border-top:1px solid var(--rail);font-size:clamp(20px,2vw,30px);line-height:1.3}
.legal p,.legal ul{max-width:74ch}
.legal li+li{margin-top:7px}
.legal a{text-decoration:underline;text-underline-offset:3px}
.legal__table-wrap{overflow-x:auto;margin:18px 0 26px}
.legal table{width:100%;min-width:720px;border-collapse:collapse;font-size:.88em;line-height:1.55}
.legal th,.legal td{padding:14px;text-align:left;vertical-align:top;border:1px solid var(--rail)}
.legal th{font-family:var(--font-mono);font-size:.85em;letter-spacing:.03em}
.field--check small{display:block;margin-top:5px;font-size:.78em;line-height:1.55;opacity:.75}
.field--check small a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:780px){.lang-switch a{padding:6px}
.header__cta{display:none}.legal h2{margin-top:38px}}
.lang-ja main :where(h1,h2,h3,h4,p,li,dt,dd,a,span,strong),
.lang-ja footer :where(h1,h2,h3,h4,p,li,dt,dd,a,span,strong),
.lang-ja header :where(p,a,span){word-break:normal;overflow-wrap:anywhere;}
.case-list__title,
.case-detail__title,
.article__title,
.sec-title{text-wrap:balance;}
@media(min-width:64rem){.lang-en .sec-title{font-size:clamp(1.875rem,1.55rem + 1vw,3rem)}
.lang-en .sec-title br,
.lang-en .stats__title br{display:none}
.lang-en .sec-title br + .dim::before,
.lang-en .stats__title br + .dim::before{content:" "}}
.lang-en .why__mark{font-size:min(calc(var(--mark-size) * .96),23vw)}
@media(min-width:48rem) and (max-width:79.999rem){.megamenu__services{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}
.megamenu__foot{flex-direction:column}}
.megamenu__name,.megamenu__desc{overflow-wrap:anywhere}
@media(max-height:800px){.usecases,.evidence{height:auto;padding-block:var(--space-section)}
.usecases .scene__pin,
.evidence .scene__pin{position:static;height:auto;overflow:visible}
.uc__rail{display:none}
.ev__field{max-height:none}}
.evidence .ev__field{max-height:32svh}
@media(max-width:22rem){.header__wordmark.wordmark{font-size:1rem}
.lang-switch{gap:0;padding:1px;font-size:9px}
.lang-switch a{padding:5px 4px}
.lang-en .ev__stamp{white-space:normal;overflow-wrap:anywhere}}
.megamenu__foot a[href^="tel:"]{white-space:nowrap}
@media(max-width:48rem){.legal__table-wrap{padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--foreground) transparent}
.legal__table-wrap::before{content:"표 전체는 좌우로 밀어 확인하세요";position:sticky;left:0;display:block;width:max-content;margin-bottom:8px;font-family:var(--font-mono);font-size:.72em;color:color-mix(in srgb,var(--foreground) 58%,transparent);}
.lang-en .legal__table-wrap::before{content:"Swipe horizontally to view the full table"}
.lang-ja .legal__table-wrap::before{content:"横にスクロールして表全体をご確認ください"}}
.hero__actions .btn:not(.btn--solid):is(:hover, :focus-visible){background: var(--foreground);border-color: var(--foreground);color: var(--background);}
.hero__actions .btn--solid:is(:hover, :focus-visible){background: var(--foreground);border-color: var(--foreground);color: var(--background);opacity: 0.86;}
.hero__actions .btn:focus-visible{outline-color: var(--foreground);}
.chapter--dark .hero > .gate{position: relative;inset: auto;flex: none;margin-top: auto;}
.hero__inner{padding-bottom: clamp(2rem, 5vh, 4rem);}
.hero__title,
.hero__sub{text-wrap: balance;}
.hero__sub{line-height: 1.68;}
.hero__actions{margin-top: clamp(1.5rem, 3.6vh, 2.75rem);}
@media (min-width: 48rem){.lang-en .hero__title{font-size: clamp(2.75rem, 4.35vw, 4.75rem);}
.lang-ja .hero__title{font-size: clamp(2.65rem, 4.1vw, 4.5rem);}}
@media (min-width: 48rem) and (max-height: 900px){.hero__inner{padding-top: max(var(--header-clear), clamp(5rem, 11vh, 6.25rem));padding-bottom: 2rem;}
.hero__title{ margin-top: clamp(1rem, 2.5vh, 1.5rem); }
.hero__sub{margin-top: clamp(1rem, 2.4vh, 1.5rem);line-height: 1.58;}
.hero__actions{ margin-top: clamp(1.25rem, 3vh, 1.75rem); }}
.problems,
.signal,
.plans__list,
.how .steps,
.cases-home .case-list{margin-top: var(--space-section-content);}
.cases-home__cta{margin-top: var(--space-lg);}
@media (max-width: 47.999rem){.hero__title .line{text-wrap: balance;}
.hero__sub{max-width: 34ch;line-height: 1.62;}
.hero__actions{width: 100%;gap: var(--space-sm);}
.hero__actions .btn{min-height: 3.25rem;}}
:where(
.megamenu__service,
.sec-head > *,
.problems > *,
.plans__list > *,
.case-list > *,
.insights__grid > *,
.uc__layout > *,
.signs__inner > *,
.beta > *,
.how__grid > *,
.case-detail__inner > *
){min-width: 0;}
.lang-en :where(main, header, footer) :where(h1, h2, h3, h4, p, li, dt, dd, a, span, strong),
.prose :where(p, li, a, code, pre, td, th){overflow-wrap: anywhere;}
.sec-meta dd,
.plan__meta dd,
.uc__lrow dd,
.ev__v,
.case-list__body{min-width: 0;overflow-wrap: anywhere;}
.footer__links-row{flex-wrap: wrap;row-gap: 0.75rem;}
@media (max-width: 40rem){.gate__legend{grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);gap: 0.35rem;padding-inline: 0.5rem;font-size: 10px;}
.gate__legend-key{ transform: none; }
.sec-meta__row{display: grid;grid-template-columns: auto minmax(0, 1fr);align-items: start;}
.uc__lrow,
.ev__row{grid-template-columns: 1fr;gap: 0.35rem;}
.case__metrics{ grid-template-columns: 1fr; }
.case__metrics dt{ min-height: 0; }
.plan__meta > div{grid-template-columns: minmax(4.5rem, auto) minmax(0, 1fr);}
.hero__actions .btn{width: min(100%, 22rem);justify-content: center;}}
.hero__boundary{display: block;max-width: 72ch;margin: 0.8rem auto 0;font-size: 0.78em;line-height: 1.55;color: color-mix(in srgb, var(--foreground) 62%, transparent);}
.sample-label{margin-top: 0.65rem;font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.12em;text-transform: uppercase;color: color-mix(in srgb, var(--foreground) 50%, transparent);}
.stats__list--scope ol{display: grid;grid-template-columns: 1fr;border-top: 1px solid var(--rail);}
.stats__list--scope .stat{min-height: 8.5rem;}
.stats__list--scope .stat__num{font-size: clamp(1.4rem, 1.1rem + 1vw, 2.25rem);}
.stats__list--scope .stat__label{line-height: 1.55;color: color-mix(in srgb, var(--foreground) 62%, transparent);}
.stats__list--scope .stat__label strong{color: var(--foreground);font-weight: var(--fw-semibold);}
@media (min-width: 48rem){.stats__list--scope ol{ grid-template-columns: 1fr; }}
@media (min-width: 64rem) and (max-width: 79.999rem){.stats__list--scope ol{ grid-template-columns: repeat(3, minmax(0, 1fr)); }}
@media (min-width: 80rem){.stats__list--scope .stat{ min-height: 7.25rem; }
.stats__list--scope .stat__body{ padding-inline: 0; }
.stats__list--scope .stat__label{ max-width: 31rem; }}
:where(section[id], footer[id], #beta){scroll-margin-top: calc(var(--header-h) + var(--space-sm));}
@media (max-width: 47.999rem){.js [data-scan]{-webkit-mask-image: none;mask-image: none;transition: none;}
.rise{opacity: 1;transform: none;transition: none;}}
@media (min-width: 64rem){.plans__list.plans__list--single{ grid-template-columns: minmax(0, 1fr); }
.plans__list--single .plan{display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);column-gap: clamp(2rem, 5vw, 5rem);padding-inline: 0;border-left: 0;}
.plans__list--single .plan__glyph,
.plans__list--single .plan__stage,
.plans__list--single .plan__name,
.plans__list--single .plan__lede{ grid-column: 1; }
.plans__list--single .plan__inc{ grid-column: 2; grid-row: 1 / span 4; margin-top: 0; }
.plans__list--single .plan__meta,
.plans__list--single .plan__note,
.plans__list--single .plan__cta{ grid-column: 1 / -1; }}
.plan__cta{ margin-top: var(--space-md); }
.plan__cta .btn{ width: fit-content; }
.evidence--sample{height: auto;padding-block: var(--space-section);}
.evidence--sample .scene__pin{position: static;height: auto;overflow: visible;}
.ev__sample-mark{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 1rem;margin-top: var(--space-lg);padding-block: clamp(1.5rem, 6vw, 4rem);border-block: 1px solid var(--rail);font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.2em;color: color-mix(in srgb, var(--foreground) 45%, transparent);}
.ev__sample-mark strong{font-family: var(--font-sans);font-size: clamp(2.5rem, 9vw, 7.25rem);line-height: 0.9;letter-spacing: -0.06em;color: var(--foreground);}
.ev__sample-mark span:last-child{ text-align: right; }
.field input[type="url"],
.field input[type="date"],
.field select{width: 100%;min-height: 3.2rem;padding: 0.85em 1em;border: 1px solid color-mix(in srgb, var(--foreground) 22%, transparent);border-radius: var(--radius-md);background: transparent;color: var(--foreground);font: inherit;font-size: var(--text-body-2);transition: border-color var(--dur) var(--ease-out);}
.field select{ appearance: auto; }
.field input[type="url"]:focus,
.field input[type="date"]:focus,
.field select:focus{ outline: none; border-color: var(--foreground); }
.field[data-invalid="true"] input[type="url"],
.field[data-invalid="true"] input[type="date"],
.field[data-invalid="true"] select{ border-color: var(--verdict-fail); }
.form__honeypot{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}
.form__details{margin-top: -0.45rem;padding-left: 1.8rem;color: color-mix(in srgb, var(--foreground) 52%, transparent);font-size: var(--text-body-4);line-height: 1.65;}
.form__details summary{width: fit-content;cursor: pointer;text-decoration: underline;text-underline-offset: 0.2em;}
.form__details p{ margin-top: 0.5rem; }
.form__details a{ text-decoration: underline; text-underline-offset: 0.2em; }
.beta__routes{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem;margin-top: var(--space-md);}
.beta__contact{margin: 0;font-size: var(--text-body-2);color: var(--foreground);}
.beta__contact a{display: inline-flex;min-height: 3rem;align-items: center;padding: 0.7rem 1rem;border: 1px solid color-mix(in srgb, var(--foreground) 32%, transparent);border-radius: var(--radius-pill);background: color-mix(in srgb, var(--foreground) 6%, transparent);font-weight: var(--fw-semibold);text-decoration: none;}
.beta__contact a:is(:hover, :focus-visible){ border-color: var(--foreground); }
.beta__booking{ min-height: 3rem; padding-block: 0.7rem; }
.beta__promise{margin-top: var(--space-sm);font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.06em;color: color-mix(in srgb, var(--foreground) 62%, transparent);}
.booking-success{display: grid;align-content: start;gap: var(--space-sm);padding: clamp(1.25rem, 4vw, 2.5rem);border: 1px solid var(--rail);border-radius: var(--radius-md);}
.booking-success__cta{ width: fit-content; }
.booking-success__meta{font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.1em;color: color-mix(in srgb, var(--foreground) 50%, transparent);}
.hero__eyebrow{max-width: min(100%, 68rem);line-height: 1.6;overflow-wrap: normal;}
[data-verdict="ready"]{ color: var(--verdict-pass); }
[data-verdict="ready_with_conditions"]{ color: var(--verdict-conditional); }
[data-verdict="hold"]{ color: var(--verdict-fail); }
.ladder__step[data-verdict="ready"] .ladder__code{ color: var(--verdict-pass); }
.ladder__step[data-verdict="ready_with_conditions"] .ladder__code{ color: var(--verdict-conditional); }
.ladder__step[data-verdict="hold"] .ladder__code{ color: var(--verdict-fail); }
@media (max-width: 47.999rem){.ev__sample-mark{grid-template-columns: 1fr;gap: 0.5rem;text-align: left;}
.ev__sample-mark strong{ font-size: clamp(2.75rem, 18vw, 5rem); }
.ev__sample-mark span:last-child{ text-align: left; }
.booking-success__cta{ width: 100%; justify-content: center; }
.hero__eyebrow{ letter-spacing: 0.11em; }}
.footer__cookie{appearance: none;border: 0;padding: 0;background: transparent;color: color-mix(in srgb, var(--foreground) 70%, transparent);font: inherit;cursor: pointer;transition: color var(--dur) var(--ease-out);}
.footer__cookie:hover,
.footer__cookie:focus-visible{ color: var(--foreground); }
.consent{position: fixed;z-index: 1200;right: 1rem;bottom: 1rem;left: 1rem;opacity: 0;transform: translateY(1rem);transition: opacity 220ms var(--ease-out), transform 220ms var(--ease-out);pointer-events: none;}
.consent.is-open{opacity: 1;transform: translateY(0);pointer-events: auto;}
.consent__inner{display: flex;width: min(100%, 68rem);margin-inline: auto;padding: 1rem;align-items: center;justify-content: space-between;gap: 1.25rem;border: 1px solid rgba(255, 255, 255, 0.18);border-radius: 1rem;background: #111;color: #fff;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.28);}
.consent__copy{ max-width: 48rem; }
.consent__copy strong{ display: block; margin-bottom: 0.25rem; }
.consent__copy p{color: rgba(255, 255, 255, 0.72);font-size: var(--text-body-3);line-height: 1.55;}
.consent__copy a{ color: #fff; text-decoration: underline; text-underline-offset: 0.18em; }
.consent__actions{ display: flex; flex: 0 0 auto; gap: 0.5rem; }
.consent__actions .btn{ min-height: 2.75rem; white-space: nowrap; }
.consent__decline{ border-color: rgba(255, 255, 255, 0.35); color: #fff; }
.consent__accept{ background: #fff; color: #111; }
@media (max-width: 47.99rem){.footer__links-row{ flex-wrap: wrap; }
.consent{ right: 0.75rem; bottom: 0.75rem; left: 0.75rem; }
.consent__inner{ align-items: stretch; flex-direction: column; padding: 1rem; }
.consent__actions{ display: grid; grid-template-columns: 1fr; }
.consent__actions .btn{ width: 100%; }}
@media (prefers-reduced-motion: reduce){.consent{ transition: none; }}
.qa-service-page{ overflow: clip; }
.qa-service-hero{min-height: min(52rem, 88svh);display: grid;align-items: end;padding-top: calc(var(--header-h) + var(--space-xl));}
.qa-service-hero__inner{display: grid;grid-template-columns: minmax(0, 1fr);gap: var(--space-md);padding-bottom: clamp(1rem, 4vh, 3.5rem);}
.qa-service-hero__title{max-width: 16ch;margin-top: var(--space-sm);font-size: clamp(3.15rem, 7.2vw, 7.75rem);font-weight: var(--fw-bold);line-height: 0.98;letter-spacing: -0.055em;text-wrap: balance;word-break: keep-all;}
.qa-service-hero__lead{max-width: 60ch;margin-top: var(--space-md);font-size: clamp(1.05rem, 0.97rem + 0.42vw, 1.45rem);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 70%, transparent);}
.qa-service-explain__intro{max-width: 66ch;margin-top: var(--space-section-content);font-size: clamp(1.15rem, 1rem + 0.48vw, 1.55rem);line-height: 1.75;color: color-mix(in srgb, var(--foreground) 74%, transparent);}
.qa-service-cards{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));margin-top: var(--space-xl);border-top: 1px solid var(--rail);}
.qa-service-cards > li{position: relative;min-width: 0;padding: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 3vw, 3rem) clamp(2rem, 5vw, 4.5rem) 0;border-bottom: 1px solid var(--rail);}
.qa-service-cards > li + li{padding-left: clamp(1rem, 3vw, 3rem);border-left: 1px solid var(--rail);}
.qa-service-card__num,
.faq__num{font-family: var(--font-mono);font-size: var(--text-body-4);font-variant-numeric: tabular-nums;letter-spacing: 0.16em;color: color-mix(in srgb, var(--foreground) 46%, transparent);}
.qa-service-cards h3{margin-top: var(--space-lg);font-size: clamp(1.75rem, 2.35vw, 3.25rem);font-weight: var(--fw-bold);line-height: 1.12;letter-spacing: -0.04em;word-break: keep-all;}
.qa-service-cards p{max-width: 44ch;margin-top: var(--space-sm);font-size: var(--text-body-2);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 66%, transparent);overflow-wrap: anywhere;}
.qa-service-fit__grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.72fr);gap: clamp(2rem, 7vw, 8rem);align-items: start;}
.qa-service-fit__body{display: grid;gap: var(--space-md);font-size: clamp(1.05rem, 1rem + 0.35vw, 1.35rem);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 72%, transparent);}
.qa-service-fit__boundary{padding-top: var(--space-md);border-top: 1px solid color-mix(in srgb, var(--foreground) 18%, transparent);font-size: var(--text-body-3);color: color-mix(in srgb, var(--foreground) 55%, transparent);}
.qa-service-fit__body .btn{ width: fit-content; }
.faq__list{margin-top: var(--space-section-content);border-top: 1px solid var(--rail);}
.faq__item{border-bottom: 1px solid var(--rail);}
.faq__item summary{display: grid;grid-template-columns: 3rem minmax(0, 1fr) 1.5rem;align-items: center;gap: clamp(0.75rem, 2vw, 2rem);min-height: clamp(5.25rem, 9vw, 7.25rem);cursor: pointer;list-style: none;}
.faq__item summary::-webkit-details-marker{ display: none; }
.faq__item summary::marker{ content: ""; }
.faq__item h3{min-width: 0;font-size: clamp(1.15rem, 1.7vw, 1.75rem);font-weight: var(--fw-semibold);line-height: 1.35;letter-spacing: -0.025em;word-break: keep-all;}
.faq__mark{position: relative;width: 1rem;height: 1rem;}
.faq__mark::before,
.faq__mark::after{content: "";position: absolute;inset: 50% 0 auto;height: 1px;background: currentColor;transition: transform var(--dur) var(--ease-out);}
.faq__mark::after{ transform: rotate(90deg); }
.faq__item[open] .faq__mark::after{ transform: rotate(0); }
.faq__item > p{max-width: 66ch;margin: 0 2rem var(--space-lg) calc(3rem + clamp(0.75rem, 2vw, 2rem));font-size: var(--text-body-2);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 66%, transparent);}
@media (max-width: 63.999rem){.qa-service-hero{ min-height: auto; }
.qa-service-fit__grid{ grid-template-columns: 1fr; }}
@media (max-width: 47.999rem){.qa-service-hero{padding-top: calc(var(--header-h) + var(--space-lg));padding-bottom: var(--space-xl);}
.qa-service-hero__title{max-width: 100%;font-size: clamp(2.65rem, 13vw, 4.25rem);line-height: 1.03;}
.qa-service-hero__lead{ line-height: 1.64; }
.qa-service-hero .hero__actions{ align-items: stretch; }
.qa-service-hero .hero__actions .btn{ width: 100%; justify-content: center; }
.qa-service-cards{ grid-template-columns: 1fr; }
.qa-service-cards > li,
.qa-service-cards > li + li{padding: 1.5rem 0 2.25rem;border-left: 0;}
.qa-service-cards h3{ margin-top: var(--space-sm); }
.qa-service-fit__body .btn{ width: 100%; justify-content: center; }
.faq__item summary{grid-template-columns: 2rem minmax(0, 1fr) 1.25rem;gap: 0.65rem;padding-block: 1.25rem;}
.faq__item > p{margin: 0 0 1.75rem calc(2rem + 0.65rem);}}
.reviewer-card{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: var(--space-sm) var(--space-md);align-items: end;margin-block: var(--space-sm);padding: var(--space-md);border: 1px solid color-mix(in srgb, var(--foreground) 18%, transparent);border-radius: var(--radius-md);background: color-mix(in srgb, var(--foreground) 4%, transparent);}
.reviewer-card__name{font-size: var(--text-headline-4);font-weight: var(--fw-bold);line-height: 1.15;color: var(--foreground);}
.reviewer-card__role,
.reviewer-card__career{margin-top: 0.35rem;font-size: var(--text-body-3);line-height: 1.55;color: color-mix(in srgb, var(--foreground) 58%, transparent);}
.reviewer-card__link{display: inline-flex;align-items: center;gap: 0.4rem;padding-bottom: 0.16rem;border-bottom: 1px solid currentColor;font-size: var(--text-body-3);font-weight: var(--fw-semibold);color: var(--foreground);white-space: nowrap;}
.pricing__currency{align-self: end;font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.08em;color: color-mix(in srgb, var(--foreground) 52%, transparent);}
.pricing__grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: var(--space-section-content);border: 1px solid var(--rail);border-radius: var(--radius-md);overflow: hidden;}
.pricing-card{display: flex;min-width: 0;min-height: 35rem;flex-direction: column;padding: clamp(1.5rem, 2.75vw, 3rem);background: var(--background);color: var(--foreground);}
.pricing-card + .pricing-card{ border-left: 1px solid var(--rail); }
.pricing-card--core{--foreground: #ffffff;--background: #111111;--rail: rgba(255, 255, 255, 0.16);background: var(--background);color: var(--foreground);}
.pricing-card__num{font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.16em;color: color-mix(in srgb, var(--foreground) 48%, transparent);}
.pricing-card__name{min-height: 2.5em;margin-top: var(--space-lg);font-size: clamp(1.45rem, 1.85vw, 2.35rem);font-weight: var(--fw-bold);line-height: 1.15;letter-spacing: -0.035em;word-break: keep-all;}
.pricing-card__price{display: grid;gap: 0.25rem;margin-top: var(--space-md);padding-block: var(--space-sm) var(--space-md);border-block: 1px solid color-mix(in srgb, var(--foreground) 16%, transparent);}
.pricing-card__price strong{font-size: clamp(2.35rem, 3.8vw, 4.25rem);font-weight: var(--fw-bold);line-height: 1;letter-spacing: -0.055em;}
.pricing-card__price span{font-family: var(--font-mono);font-size: var(--text-body-4);color: color-mix(in srgb, var(--foreground) 50%, transparent);}
.pricing-card__body{margin-block: var(--space-md) var(--space-lg);font-size: var(--text-body-2);line-height: 1.68;color: color-mix(in srgb, var(--foreground) 66%, transparent);word-break: keep-all;}
.pricing-card .btn{width: 100%;margin-top: auto;justify-content: center;font-size: var(--text-body-2);}
.pricing__note{max-width: 82ch;margin-top: var(--space-md);font-size: var(--text-body-3);line-height: 1.65;color: color-mix(in srgb, var(--foreground) 54%, transparent);}
.pricing__foot{display: flex;align-items: flex-start;justify-content: space-between;gap: 2rem;margin-top: 1.5rem;}
.pricing__foot .pricing__note{ margin-top: 0; }
.pricing__download{flex: 0 0 auto;display: inline-flex;align-items: center;gap: .55rem;color: var(--ink);font-size: .82rem;font-weight: 700;line-height: 1.35;text-decoration: none;border-bottom: 1px solid currentColor;padding-bottom: .22rem;}
.pricing__download:hover,
.pricing__download:focus-visible{ color: var(--accent-dark, #087b59); }
@media (max-width: 63.999rem){.pricing__grid{ grid-template-columns: 1fr; }
.pricing-card{ min-height: 0; }
.pricing-card + .pricing-card{ border-top: 1px solid var(--rail); border-left: 0; }
.pricing-card__name{ min-height: 0; }
.pricing__foot{ display: block; }
.pricing__download{ margin-top: 1rem; }}
@media (max-width: 47.999rem){.reviewer-card{ grid-template-columns: 1fr; align-items: start; }
.reviewer-card__link{ width: fit-content; margin-top: 0.4rem; }
.pricing-card{ padding: 1.5rem; }}
@media (max-width: 64rem){.usecases{height: auto;padding-block: 0;}
.usecases .scene__pin{position: static;height: auto;padding-top: 0;overflow: visible;}
.uc__layout{ gap: var(--space-md); }
.uc__rail{ display: none; }}
.company-page{ overflow: clip; }
.company-hero{min-height: min(46rem, 82svh);display: grid;align-items: end;padding-top: calc(var(--header-h) + var(--space-xl));}
.company-hero__inner{display: grid;gap: var(--space-md);padding-bottom: clamp(1.25rem, 4vh, 3.5rem);}
.company-hero__title{max-width: 14ch;margin-top: var(--space-sm);font-size: clamp(3rem, 7vw, 7.5rem);font-weight: var(--fw-bold);line-height: 0.98;letter-spacing: -0.055em;text-wrap: balance;word-break: keep-all;}
.company-hero__lead{max-width: 62ch;margin-top: var(--space-md);font-size: clamp(1.05rem, 0.97rem + 0.42vw, 1.45rem);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 70%, transparent);}
.company-section-grid{display: grid;grid-template-columns: minmax(0, 0.85fr) minmax(22rem, 1.15fr);gap: clamp(2.5rem, 7vw, 8rem);align-items: start;}
.company-section-grid .sec-title{max-width: 15ch;margin-top: var(--space-sm);}
.company-legal__body{min-width: 0;}
.company-legal__name{font-size: clamp(1.65rem, 2.3vw, 2.65rem);font-weight: var(--fw-bold);line-height: 1.2;letter-spacing: -0.04em;word-break: keep-all;}
.company-legal__history{max-width: 52ch;margin-top: var(--space-sm);font-size: var(--text-title-3);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 66%, transparent);word-break: keep-all;}
.company-facts{margin-top: var(--space-lg);border-top: 1px solid var(--rail);}
.company-facts > div{display: grid;grid-template-columns: minmax(8.5rem, 0.34fr) minmax(0, 1fr);gap: var(--space-md);padding-block: 1.2rem;border-bottom: 1px solid var(--rail);}
.company-facts dt,
.company-contact__details dt{font-family: var(--font-mono);font-size: var(--text-body-4);font-weight: var(--fw-semibold);letter-spacing: 0.08em;color: color-mix(in srgb, var(--foreground) 48%, transparent);}
.company-facts dd{min-width: 0;font-size: var(--text-body-1);line-height: 1.65;overflow-wrap: anywhere;}
.company-signature{--foreground: #111111;--background: #f1f1f3;min-width: 0;padding: clamp(1.5rem, 4vw, 3.25rem);border: 1px solid rgba(255, 255, 255, 0.18);border-radius: var(--radius-md);background: var(--background);color: var(--foreground);box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.2);}
.company-signature__top{display: flex;justify-content: space-between;align-items: center;gap: var(--space-sm);padding-bottom: var(--space-sm);border-bottom: 1px solid rgba(17, 17, 17, 0.18);font-family: var(--font-mono);font-size: var(--text-body-4);line-height: 1.45;letter-spacing: 0.06em;color: rgba(17, 17, 17, 0.55);}
.company-signature__top .wordmark{flex: 0 0 auto;font-size: 1.35rem;color: #111111;}
.company-signature__name-row{display: flex;justify-content: space-between;align-items: end;gap: var(--space-md);margin-top: var(--space-xl);}
.company-signature__name{font-size: clamp(2.3rem, 5vw, 5.4rem);font-weight: var(--fw-bold);line-height: 0.96;letter-spacing: -0.06em;}
.company-signature__role{margin-top: var(--space-xs);font-size: var(--text-body-2);font-weight: var(--fw-semibold);line-height: 1.5;color: rgba(17, 17, 17, 0.62);}
.company-signature__mark{flex: 0 0 auto;padding: 0.6rem 0.75rem;border: 1px solid rgba(17, 17, 17, 0.4);font-family: var(--font-mono);font-size: 0.68rem;font-weight: var(--fw-bold);letter-spacing: 0.12em;}
.company-signature__career,
.company-signature__connection{max-width: 60ch;padding-top: var(--space-md);margin-top: var(--space-md);border-top: 1px solid rgba(17, 17, 17, 0.14);font-size: var(--text-body-1);line-height: 1.68;color: rgba(17, 17, 17, 0.7);word-break: keep-all;}
.company-signature__connection{padding-top: 0;margin-top: var(--space-sm);border-top: 0;font-size: var(--text-body-3);color: rgba(17, 17, 17, 0.52);}
.company-signature__link,
.company-offer__intro a,
.company-corporate-link a{display: inline-flex;align-items: center;gap: 0.55rem;width: fit-content;margin-top: var(--space-md);padding-bottom: 0.2rem;border-bottom: 1px solid currentColor;font-size: var(--text-body-2);font-weight: var(--fw-semibold);}
.company-signature__link:hover,
.company-signature__link:focus-visible,
.company-offer__intro a:hover,
.company-offer__intro a:focus-visible,
.company-corporate-link a:hover,
.company-corporate-link a:focus-visible{opacity: 0.62;}
.company-offer__intro{display: grid;align-content: start;gap: var(--space-sm);font-size: var(--text-title-3);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 68%, transparent);word-break: keep-all;}
.company-offer__intro a{ margin-top: var(--space-xs); color: var(--foreground); }
.company-price-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: var(--space-xl);border: 1px solid var(--rail);border-radius: var(--radius-md);overflow: hidden;}
.company-price-grid li + li{ border-left: 1px solid var(--rail); }
.company-price-grid a{display: grid;min-height: 17rem;align-content: space-between;gap: var(--space-md);padding: clamp(1.5rem, 3vw, 3rem);transition: background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);}
.company-price-grid a:hover,
.company-price-grid a:focus-visible{background: #111111;color: #ffffff;}
.company-price-grid__num{font-family: var(--font-mono);font-size: var(--text-body-4);letter-spacing: 0.16em;color: color-mix(in srgb, currentColor 48%, transparent);}
.company-price-grid__name{min-height: 2.5em;font-size: clamp(1.35rem, 2vw, 2rem);font-weight: var(--fw-bold);line-height: 1.2;letter-spacing: -0.035em;word-break: keep-all;}
.company-price-grid strong{font-size: clamp(2.2rem, 3.8vw, 4rem);line-height: 1;letter-spacing: -0.055em;}
.company-data__body{display: grid;gap: var(--space-md);font-size: var(--text-title-3);line-height: 1.72;color: color-mix(in srgb, var(--foreground) 72%, transparent);word-break: keep-all;}
.company-data__boundary{padding-top: var(--space-md);border-top: 1px solid color-mix(in srgb, var(--foreground) 18%, transparent);font-size: var(--text-body-2);color: color-mix(in srgb, var(--foreground) 54%, transparent);}
.company-contact__grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));border-top: 1px solid var(--rail);border-bottom: 1px solid var(--rail);}
.company-contact__grid > div{min-width: 0;padding: clamp(2rem, 4vw, 4rem) clamp(1rem, 4vw, 4rem) clamp(2rem, 4vw, 4rem) 0;}
.company-contact__grid > div + div{padding-right: 0;padding-left: clamp(1rem, 4vw, 4rem);border-left: 1px solid var(--rail);}
.company-contact__title{max-width: 18ch;margin-top: var(--space-sm);font-size: clamp(1.85rem, 3vw, 3.8rem);font-weight: var(--fw-bold);line-height: 1.08;letter-spacing: -0.045em;word-break: keep-all;}
.company-response > p:last-child{margin-top: var(--space-md);font-size: var(--text-body-1);color: color-mix(in srgb, var(--foreground) 58%, transparent);}
.company-contact__details{margin-top: var(--space-lg);border-top: 1px solid var(--rail);}
.company-contact__details > div{display: grid;grid-template-columns: 6rem minmax(0, 1fr);gap: var(--space-sm);padding-block: 1rem;border-bottom: 1px solid var(--rail);}
.company-contact__details dd{min-width: 0;line-height: 1.6;overflow-wrap: anywhere;}
.company-contact__details a{ text-decoration: underline; text-underline-offset: 0.2em; }
.company-corporate-link{display: flex;justify-content: flex-end;}
.company-corporate-link a{margin-top: var(--space-lg);font-size: var(--text-body-3);color: color-mix(in srgb, var(--foreground) 58%, transparent);}
@media (max-width: 63.999rem){.company-hero{ min-height: auto; }
.company-section-grid{ grid-template-columns: 1fr; gap: var(--space-xl); }
.company-section-grid .sec-title{ max-width: 20ch; }
.company-price-grid{ grid-template-columns: 1fr; }
.company-price-grid li + li{ border-top: 1px solid var(--rail); border-left: 0; }
.company-price-grid a{ min-height: 12rem; }}
@media (max-width: 47.999rem){.company-hero{padding-top: calc(var(--header-h) + var(--space-lg));padding-bottom: var(--space-xl);}
.company-hero__title{max-width: 100%;font-size: clamp(2.6rem, 12vw, 4.15rem);line-height: 1.03;}
.company-hero__lead{ line-height: 1.64; }
.company-facts > div{ grid-template-columns: 1fr; gap: 0.45rem; }
.company-signature{ padding: 1.35rem; }
.company-signature__top{ align-items: flex-start; flex-direction: column; }
.company-signature__name-row{ align-items: flex-start; flex-direction: column; margin-top: var(--space-lg); }
.company-signature__name{ font-size: clamp(2.25rem, 13vw, 3.65rem); }
.company-price-grid a{ min-height: 11rem; padding: 1.5rem; }
.company-contact__grid{ grid-template-columns: 1fr; }
.company-contact__grid > div,
.company-contact__grid > div + div{ padding: 2rem 0; border-left: 0; }
.company-contact__grid > div + div{ border-top: 1px solid var(--rail); }
.company-contact__details > div{ grid-template-columns: 1fr; gap: 0.4rem; }
.company-corporate-link{ justify-content: flex-start; }}