@font-face {
font-family: "Archivo";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("fonts/archivo-var-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Archivo";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("fonts/archivo-var-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "JetBrains Mono";
font-style: normal;
font-weight: 100 800;
font-display: swap;
src: url("fonts/jbmono-var-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "JetBrains Mono";
font-style: normal;
font-weight: 100 800;
font-display: swap;
src: url("fonts/jbmono-var-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
--bg: #fbfaf8;
--surface: #ffffff;
--surface-2: #f4f2ed;
--text: #15131d;
--muted: #6c6878;
--line: #e8e4dc;
--line-2: #d8d3c8;
--feature-bg: #120f1c;
--feature-fg: #fbfaf8;
--feature-muted: #b8b3c6;
--feature-line: rgba(251, 250, 248, 0.14);
--accent: #ff3d6a;
--glow: rgba(255, 61, 106, 0.22);
--accent-ink: #cc1e50;
--grad: linear-gradient(118deg, #ff7a3d, #ff2e78, #b14bff);
color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #0d0c12;
--surface: #15141d;
--surface-2: #1d1b27;
--text: #f1eff7;
--muted: #8f8ca0;
--line: rgba(255, 255, 255, 0.09);
--line-2: rgba(255, 255, 255, 0.17);
--feature-bg: #060509;
--feature-fg: #f1eff7;
--feature-muted: #8f8ca0;
--feature-line: rgba(255, 255, 255, 0.1);
--accent: #ff5278;
--glow: rgba(255, 61, 106, 0.3);
--accent-ink: #ff5278;
color-scheme: dark;
}
}
:root[data-theme="dark"] {
--accent-ink: #ff5278;
--bg: #0d0c12;
--surface: #15141d;
--surface-2: #1d1b27;
--text: #f1eff7;
--muted: #8f8ca0;
--line: rgba(255, 255, 255, 0.09);
--line-2: rgba(255, 255, 255, 0.17);
--feature-bg: #060509;
--feature-fg: #f1eff7;
--feature-muted: #8f8ca0;
--feature-line: rgba(255, 255, 255, 0.1);
--accent: #ff5278;
--glow: rgba(255, 61, 106, 0.3);
color-scheme: dark;
}
:root[data-theme="light"] {
--accent-ink: #cc1e50;
--bg: #fbfaf8;
--surface: #ffffff;
--surface-2: #f4f2ed;
--text: #15131d;
--muted: #6c6878;
--line: #e8e4dc;
--line-2: #d8d3c8;
--feature-bg: #120f1c;
--feature-fg: #fbfaf8;
--feature-muted: #b8b3c6;
--feature-line: rgba(251, 250, 248, 0.14);
--accent: #ff3d6a;
--glow: rgba(255, 61, 106, 0.22);
color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: 17px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
a { color: inherit; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 2px; }
.skip-link {
position: absolute; left: -9999px; top: 0; z-index: 100;
background: var(--surface); color: var(--text);
padding: 12px 18px; border: 1px solid var(--line-2); border-radius: 8px;
font-size: 14px; text-decoration: none;
}
.skip-link:focus { left: 12px; top: 12px; }
.label {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--muted);
}
.display {
font-family: "Archivo", system-ui, sans-serif;
font-weight: 860;
font-size: clamp(42px, 8.5vw, 82px);
line-height: 1.02;
letter-spacing: -0.03em;
margin: 0;
text-wrap: balance;
}
.h-lg {
font-family: "Archivo", system-ui, sans-serif;
font-weight: 800;
font-size: clamp(28px, 5.5vw, 46px);
line-height: 1.06;
letter-spacing: -0.025em;
margin: 0;
text-wrap: balance;
}
.h-lg.pushed { margin-top: 12px; }
.lede {
font-size: clamp(17px, 2.6vw, 21px);
line-height: 1.55;
color: var(--muted);
max-width: 34em;
}
.lede.pushed { margin-top: 18px; }
.grad-text {
background: var(--grad);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.wrap { max-width: 1000px; margin: 0 auto; padding: 0 22px; }
header.site {
position: sticky; top: 0; z-index: 20;
background: color-mix(in srgb, var(--bg) 86%, transparent);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
border-bottom: 1px solid var(--line);
}
.site-inner {
display: flex; align-items: center; justify-content: space-between;
padding: 14px 0;
}
.wordmark {
font-family: "Archivo", system-ui, sans-serif;
font-weight: 900;
font-size: 19px;
letter-spacing: -0.02em;
text-decoration: none;
}
.wordmark .dot { color: var(--accent); }
.wordmark { display: inline-block; }
.wordmark .kmark { height: 0.95em; width: auto; display: inline-block; vertical-align: baseline; margin-right: 0.012em; }
.brand-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.site-nav { display: flex; align-items: center; gap: 22px; }
.site-nav a.navlink {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: 11px; font-weight: 500;
letter-spacing: 0.14em; text-transform: uppercase;
text-decoration: none; color: var(--muted);
transition: color 0.14s ease;
}
.site-nav a.navlink:hover { color: var(--text); }
@media (max-width: 640px) { .site-nav a.navlink:not(.lang):not(.keep) { display: none; } }
.site-nav a.navlink { white-space: nowrap; }
@media (max-width: 860px) { .site-nav { gap: 14px; } }
@media (max-width: 560px) {
.site-nav { gap: 10px; }
.site-nav a.navlink:not(.lang) { display: none; }
}
.site-nav a.navlink.lang { color: var(--text); border: 1px solid var(--line-2); border-radius: 999px; padding: 7px 12px; }
.site-nav a.navlink.lang:hover { border-color: var(--accent); }
.theme-toggle {
appearance: none; border: 1px solid var(--line-2); background: var(--surface);
color: var(--text); border-radius: 999px; width: 34px; height: 34px;
cursor: pointer; font-size: 14px; line-height: 1; padding: 0;
display: inline-flex; align-items: center; justify-content: center;
transition: border-color 0.14s ease;
}
.theme-toggle:hover { border-color: var(--accent); }
.btn {
display: inline-flex; align-items: center; gap: 10px;
font-family: "JetBrains Mono", ui-monospace, monospace;
font-weight: 700; font-size: 12px;
letter-spacing: 0.14em; text-transform: uppercase;
color: #fff; text-decoration: none;
background: linear-gradient(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--grad);
padding: 16px 28px; border-radius: 999px;
box-shadow: 0 10px 30px -8px var(--glow);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 16px 38px -8px var(--glow); }
.btn.ghost {
background: transparent; color: inherit;
border: 1px solid var(--line-2); box-shadow: none;
transition: transform 0.15s ease, border-color 0.15s ease;
}
.feature .btn.ghost { border-color: var(--feature-line); }
.btn.ghost:hover { border-color: var(--accent); transform: translateY(-2px); }
.feature {
position: relative; overflow: clip;
background: var(--feature-bg); color: var(--feature-fg);
}
.feature .label { color: var(--feature-muted); }
.feature .lede { color: var(--feature-muted); }
.feature::before {
content: ""; position: absolute; inset: -30%;
background:
radial-gradient(42% 38% at 22% 24%, var(--glow), transparent 70%),
radial-gradient(34% 30% at 78% 72%, rgba(177, 75, 255, 0.16), transparent 70%);
animation: drift 15s ease-in-out infinite alternate;
pointer-events: none;
}
@keyframes drift {
from { transform: translate3d(-2.5%, -2%, 0) scale(1); }
to { transform: translate3d(2.5%, 3%, 0) scale(1.06); }
}
.feature > .wrap { position: relative; z-index: 1; }
.arc {
position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
width: min(1460px, 124%); z-index: 0; pointer-events: none;
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%),
linear-gradient(to bottom, transparent 0, #000 14%);
mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%),
linear-gradient(to bottom, transparent 0, #000 14%);
mask-composite: intersect;
}
.arc svg { display: block; width: 100%; height: auto; }
.arc .band { fill: var(--feature-fg); opacity: 0.11; }
.arc .rule { stroke: var(--feature-muted); stroke-width: 1.4; opacity: 0.85; }
.arc .mid { stroke: var(--feature-muted); stroke-width: 1.2; opacity: 0.5; stroke-dasharray: 2 8; }
.arc .gate { stroke: var(--feature-muted); stroke-width: 1.4; opacity: 0.6; stroke-dasharray: 4 6; }
.arc .trace {
fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round;
stroke: var(--feature-muted); opacity: 0.7;
}
.arc .trace.cleared { stroke: url(#kyn-arc-v); opacity: 1; }
.arc .g0 { stop-color: var(--feature-muted); }
.arc .read { fill: var(--feature-muted); opacity: 0.6; }
.arc .pt { fill: var(--feature-muted); r: 4.5; }
.arc .pt.sub { r: 4; }
.arc .pt.out { fill: var(--accent); r: 5.5; }
.arc .halo { fill: var(--accent); opacity: 0; }
.arc .halo.out { opacity: 0.22; }
.arc .halo.wide.out { opacity: 0.08; }
.arc.live .bandgrp { opacity: 0; transform: scaleY(0.24); transform-origin: 620px 130px; }
.arc.live .bandgrp.set { opacity: 1; transform: none; }
.arc.live .read { opacity: 0; }
.arc.live .read.seen { opacity: 0.6; }
.arc.armed .bandgrp { transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); }
.arc.armed .read { transition: opacity 0.5s ease; }
.arc.armed .pt { transition: fill 0.45s ease, r 0.45s ease; }
.arc.armed .halo { transition: opacity 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.arc, .arc * { transition: none !important; animation: none !important; }
}
@media (max-width: 860px) { .arc { width: 176%; opacity: 0.6; } }
.has-arc .hero-grid { padding-bottom: clamp(180px, 22vh, 260px); }
@media (max-width: 860px) { .has-arc .hero-grid { padding-bottom: clamp(112px, 15vh, 160px); } }
.hero-grid {
display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: clamp(32px, 6vw, 72px);
align-items: center;
padding: clamp(64px, 11vh, 128px) 0 clamp(56px, 9vh, 110px);
}
@media (max-width: 860px) { .hero-grid { grid-template-columns: 1fr; } }
.hero-copy { display: flex; flex-direction: column; gap: 26px; align-items: flex-start; }
.cta-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; align-self: stretch; }
@media (max-width: 640px) { .cta-row .btn { flex: 1 1 100%; justify-content: center; } }
.hero-foot {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;
color: var(--feature-muted); margin: 8px 0 0;
}
.hero-foot b { color: var(--feature-fg); font-weight: 600; }
.read-card {
background: color-mix(in srgb, var(--feature-bg) 40%, #1a1626);
border: 1px solid var(--feature-line);
border-radius: 18px;
padding: 26px 26px 22px;
display: flex; flex-direction: column; gap: 18px;
box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.55);
}
.read-head {
display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
border-bottom: 1px solid var(--feature-line); padding-bottom: 14px;
}
.read-head .num { font-variant-numeric: tabular-nums; color: var(--feature-fg); }
.intake {
font-size: 16.5px; line-height: 1.65; color: var(--feature-fg);
min-height: 6.6em; margin: 0;
}
.intake .caret {
display: inline-block; width: 2px; height: 1.05em; background: var(--accent);
vertical-align: -0.18em; margin-left: 2px;
animation: blink 1s steps(1) infinite;
}
@keyframes blink { 50% { opacity: 0; } }
.read-row {
display: grid; grid-template-columns: 118px 1fr; gap: 14px; align-items: baseline;
opacity: 0; transform: translateY(10px);
transition: opacity 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.read-row.on { opacity: 1; transform: none; }
.read-row .v { font-weight: 600; font-size: 15px; color: var(--feature-fg); }
.verdict {
border-top: 1px solid var(--feature-line); padding-top: 16px;
display: flex; align-items: center; justify-content: space-between; gap: 14px;
opacity: 0; transform: translateY(10px);
transition: opacity 0.55s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.verdict.on { opacity: 1; transform: none; }
.verdict .style {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-weight: 600; font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase;
color: var(--feature-fg);
}
.verdict .style small {
display: block; color: var(--feature-muted); font-weight: 500; font-size: 10.5px;
margin-top: 5px; letter-spacing: 0.16em;
}
.seal {
width: 44px; height: 44px; border-radius: 50%;
background: var(--grad);
display: inline-flex; align-items: center; justify-content: center;
color: #fff; font-family: "Archivo", sans-serif; font-weight: 900; font-size: 15px;
box-shadow: 0 8px 24px -6px var(--glow);
flex: none;
}
.read-note {
border-top: 1px solid var(--feature-line); padding-top: 13px;
display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 18px; align-items: baseline;
}
.try-link {
color: var(--feature-fg); text-decoration: underline; text-underline-offset: 3px;
transition: color 0.14s ease;
}
.try-link:hover { color: var(--accent); }
section.band { padding: clamp(72px, 10vh, 120px) 0; }
section.band.tight { padding-top: clamp(56px, 8vh, 90px); }
.kicker-row { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.kicker-row::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.feature .kicker-row::after { background: var(--feature-line); }
.kicker-row .label.live { color: var(--accent-ink); }
.rise {
opacity: 0; transform: translateY(18px);
transition: opacity 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.rise.on { opacity: 1; transform: none; }
.mirror-list { margin: 44px 0 0; padding: 0; list-style: none; }
.mirror-list li {
display: grid; grid-template-columns: minmax(140px, 220px) 1fr; gap: 18px 36px;
padding: 26px 0; border-top: 1px solid var(--line);
}
.mirror-list li:last-child { border-bottom: 1px solid var(--line); }
@media (max-width: 640px) { .mirror-list li { grid-template-columns: 1fr; gap: 8px; } }
.mirror-name { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 20px; letter-spacing: -0.015em; }
.mirror-list p { margin: 0; color: var(--muted); max-width: 34em; }
.mirror-list a { color: var(--text); text-underline-offset: 3px; }
.mirror-list a:hover { color: var(--accent-ink); }
.offer-grid {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px; background: var(--line); border: 1px solid var(--line);
margin-top: 44px;
}
@media (max-width: 720px) { .offer-grid { grid-template-columns: 1fr; } }
.offer-cell {
background: var(--bg); padding: 28px 26px;
display: flex; flex-direction: column; gap: 10px;
transition: background 0.18s ease;
}
.offer-cell:hover { background: var(--surface-2); }
.offer-cell .label { color: var(--accent-ink); }
.offer-cell h3 { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 20px; letter-spacing: -0.015em; margin: 0; }
.offer-cell p { margin: 0; color: var(--muted); font-size: 15.5px; }
.offer-cell a { color: var(--text); text-underline-offset: 3px; }
.offer-cell a:hover { color: var(--accent-ink); }
.kicker-row.spaced { margin-top: 72px; }
.offer-cell.guarantee { background: var(--surface-2); }
.offer-cell.guarantee:hover { background: var(--surface); }
.truth-list { margin: 44px 0 0; padding: 0; list-style: none; }
.truth-list li {
padding: 22px 0 22px 34px; border-top: 1px solid var(--feature-line);
position: relative; max-width: 44em; font-size: 17px; line-height: 1.6;
}
.truth-list li:last-child { border-bottom: 1px solid var(--feature-line); }
.truth-list li::before {
content: ""; position: absolute; left: 0; top: 32px;
width: 14px; height: 2px; background: var(--accent);
}
.truth-list b { font-weight: 600; }
.select-box {
margin-top: 44px; display: grid; grid-template-columns: 1fr auto; gap: 28px;
align-items: center; border: 1px solid var(--line-2); border-radius: 18px;
padding: clamp(28px, 5vw, 44px); background: var(--surface);
}
@media (max-width: 720px) { .select-box { grid-template-columns: 1fr; } }
.select-box p { margin: 10px 0 0; color: var(--muted); max-width: 36em; }
.apply-panel {
overflow: hidden;
border: 1px solid var(--line-2); border-top: none;
border-radius: 0 0 18px 18px;
background: var(--surface-2);
margin: -14px 4px 0; padding: 0;
}
.apply-panel.open { animation: slide-open 0.4s cubic-bezier(0.2, 0.7, 0.2, 1); }
@keyframes slide-open {
from { opacity: 0; transform: translateY(-14px); }
to { opacity: 1; transform: none; }
}
.apply-form { display: flex; flex-direction: column; gap: 18px; padding: clamp(24px, 4vw, 36px); }
.af-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 640px) { .af-grid { grid-template-columns: 1fr; } }
.field-l {
display: flex; flex-direction: column; gap: 8px;
font-family: "JetBrains Mono", ui-monospace, monospace;
font-weight: 500; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
color: var(--muted);
}
.field-l .opt { text-transform: none; letter-spacing: 0; font-family: inherit; }
.field-l input, .field-l textarea {
font-family: "Inter", system-ui, sans-serif;
font-size: 16px; color: var(--text);
background: var(--surface); border: 1px solid var(--line-2); border-radius: 10px;
padding: 13px 14px; resize: vertical;
}
.field-l input:focus, .field-l textarea:focus {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--glow);
}
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.af-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.af-note { max-width: 24em; }
.af-state { margin: 0; }
.af-state.ok { color: var(--accent-ink); }
.apply-form.busy .btn { opacity: 0.6; pointer-events: none; }
.coach-band { background: var(--surface-2); }
.coach-band .inner {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(28px, 5vw, 64px); align-items: start;
}
@media (max-width: 820px) { .coach-band .inner { grid-template-columns: 1fr; } }
.coach-terms { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.coach-terms li {
padding: 14px 0; border-top: 1px solid var(--line-2);
font-size: 15.5px; color: var(--muted); display: flex; gap: 14px;
}
.coach-terms li:last-child { border-bottom: 1px solid var(--line-2); }
.coach-terms .t {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: 10.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
color: var(--text); flex: none; width: 92px; padding-top: 3px;
}
.coach-cta { margin-top: 26px; }
.read-box {
margin-top: 44px; border: 1px solid var(--line-2); border-radius: 18px;
background: var(--surface); padding: clamp(26px, 4.5vw, 44px);
}
.rq-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.rq-back {
appearance: none; background: none; border: none; padding: 0; cursor: pointer;
color: var(--muted); text-decoration: underline; text-underline-offset: 3px;
}
.rq-back:hover { color: var(--accent-ink); }
.rq-prompt {
font-family: "Archivo", system-ui, sans-serif;
font-weight: 800; font-size: clamp(22px, 3.6vw, 30px); letter-spacing: -0.02em;
margin: 0 0 6px; text-wrap: balance;
}
.rq-sub { margin: 0 0 8px; color: var(--muted); }
.rq-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
@media (max-width: 640px) { .rq-choices { grid-template-columns: 1fr; } }
.choice {
appearance: none; text-align: left; cursor: pointer;
font-family: "Inter", system-ui, sans-serif; font-size: 16px; font-weight: 500;
color: var(--text);
background: var(--surface); border: 1px solid var(--line-2); border-radius: 12px;
padding: 16px 46px 16px 18px; position: relative;
transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}
.choice::after {
content: ""; position: absolute; right: 20px; top: 50%;
width: 8px; height: 8px;
border-top: 2px solid var(--accent); border-right: 2px solid var(--accent);
transform: translateY(-50%) rotate(45deg);
opacity: 0; transition: opacity 0.14s ease, right 0.14s ease;
}
.choice:hover, .choice:focus-visible { border-color: var(--accent); transform: translateX(3px); box-shadow: 0 8px 22px -10px var(--glow); }
.choice:hover::after, .choice:focus-visible::after { opacity: 1; right: 16px; }
.rq-prompt:focus:not(:focus-visible), .verdict-card:focus:not(:focus-visible) { outline: none; }
.rq-prompt:focus, .verdict-card:focus { outline: none; }
.rq-track { height: 2px; background: var(--line); border-radius: 2px; overflow: hidden; margin: 14px 0 22px; }
.rq-fill { display: block; height: 100%; background: var(--grad); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.7, 0.2, 1); }
.verdict-card { display: flex; flex-direction: column; gap: 18px; }
.vc-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); padding-bottom: 14px; }
.vc-style {
font-family: "Archivo", system-ui, sans-serif;
font-weight: 860; font-size: clamp(30px, 5.5vw, 46px); letter-spacing: -0.025em;
margin: 0; width: fit-content;
}
.vc-read { margin: 0; font-size: clamp(17px, 2.4vw, 20px); line-height: 1.55; max-width: 36em; }
.vc-next {
margin: 16px 0 0; padding: 12px 0 12px 16px;
border-left: 3px solid var(--accent);
font-size: clamp(15px, 2vw, 17px); line-height: 1.5; max-width: 40em;
color: var(--text);
}
.noise-try {
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line);
}
.noise-try .label { margin-right: 2px; }
.noise-try-btn { padding: 9px 14px; font-size: 14px; }
.noise-try-note { flex-basis: 100%; margin-top: 2px; text-transform: none; letter-spacing: 0.04em; }
@media (max-width: 560px) { .noise-try { gap: 8px; } .noise-try-btn { flex: 1 1 auto; } }
.vc-rows { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.vc-row { display: grid; grid-template-columns: minmax(120px, 180px) 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); align-items: baseline; }
@media (max-width: 560px) { .vc-row { grid-template-columns: 1fr; gap: 4px; } }
.vc-row .v { font-weight: 500; }
.vc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 6px; }
.read-honest { display: block; margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--line); }
.af-read { color: var(--accent-ink); }
.cz-grid { display: grid; grid-template-columns: minmax(200px, 260px) 1fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
@media (max-width: 760px) { .cz-grid { grid-template-columns: 1fr; } }
.cz-side { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.avatar-xl {
width: 104px; height: 104px; border-radius: 50%;
display: block; object-fit: cover; object-position: center 30%;
box-shadow: 0 14px 40px -10px var(--glow);
}
.cz-id { display: flex; flex-direction: column; gap: 6px; }
.cz-name { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 21px; letter-spacing: -0.015em; }
.select-box a, .parked a { color: var(--text); text-underline-offset: 3px; }
.select-box a:hover, .parked a:hover { color: var(--accent-ink); }
.coach-band .apply-panel {
background: var(--surface);
border-top: 1px solid var(--line-2);
border-radius: 14px;
margin: 14px 0 0;
}
.faq { margin-top: 44px; border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary {
cursor: pointer; list-style: none; user-select: none;
display: flex; align-items: baseline; justify-content: space-between; gap: 18px;
padding: 22px 0;
font-family: "Archivo", system-ui, sans-serif;
font-weight: 800; font-size: 19px; letter-spacing: -0.015em;
transition: color 0.14s ease;
}
.faq summary:hover { color: var(--accent-ink); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
content: "+";
font-family: "JetBrains Mono", ui-monospace, monospace;
font-weight: 600; font-size: 22px; color: var(--accent-ink); flex: none;
transition: transform 0.2s ease; line-height: 1;
}
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { margin: 0 0 24px; color: var(--muted); max-width: 40em; }
.faq details[open] p { animation: faq-reveal 0.25s cubic-bezier(0.2, 0.7, 0.2, 1); }
@keyframes faq-reveal { from { opacity: 0; transform: translateY(-4px); } }
.page-top { padding: clamp(56px, 9vh, 96px) 0 clamp(40px, 6vh, 64px); }
.page-top .hero-copy { gap: 18px; }
.crumb {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;
color: var(--feature-muted); text-decoration: none;
}
.crumb:hover { color: var(--feature-fg); }
.gift-row {
display: flex; flex-wrap: wrap; gap: 12px 14px; margin-top: 28px; align-items: center;
}
.prose { max-width: 38em; }
.prose p { margin: 0 0 16px; color: var(--muted); }
.prose p:last-child { margin-bottom: 0; }
.prose strong { color: var(--text); font-weight: 600; }
.prose a { color: var(--text); text-underline-offset: 3px; }
.prose a:hover { color: var(--accent-ink); }
.rule-list { margin: 36px 0 0; padding: 0; list-style: none; }
.rule-list li {
display: grid; grid-template-columns: 52px 1fr; gap: 16px 22px;
padding: 22px 0; border-top: 1px solid var(--line); align-items: start;
}
.rule-list li:last-child { border-bottom: 1px solid var(--line); }
@media (max-width: 560px) { .rule-list li { grid-template-columns: 1fr; gap: 6px; } }
.rule-list .n {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-weight: 600; font-size: 12px; letter-spacing: 0.14em; color: var(--accent-ink);
font-variant-numeric: tabular-nums; padding-top: 3px;
}
.rule-list h3 { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 20px; letter-spacing: -0.015em; margin: 0 0 6px; }
.rule-list p { margin: 0; color: var(--muted); }
.work-box {
margin-top: 36px; border: 1px solid var(--line-2); border-radius: 18px;
background: var(--surface); padding: clamp(22px, 4vw, 32px);
}
.work-box h3 { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 22px; letter-spacing: -0.015em; margin: 0 0 14px; }
.work-box ol, .work-box ul { margin: 0; padding: 0 0 0 1.15em; color: var(--muted); }
.work-box li { margin: 0 0 10px; }
.work-box li:last-child { margin-bottom: 0; }
.style-grid {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 36px;
}
@media (max-width: 720px) { .style-grid { grid-template-columns: 1fr; } }
.style-grid a {
background: var(--bg); padding: 24px 22px; text-decoration: none;
display: flex; flex-direction: column; gap: 8px;
transition: background 0.18s ease;
}
.style-grid a:hover { background: var(--surface-2); }
.style-grid h3 { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 20px; letter-spacing: -0.015em; margin: 0; }
.style-grid p { margin: 0; color: var(--muted); font-size: 15px; }
.day-list { margin-top: 36px; border-top: 1px solid var(--line); }
.day-row {
display: grid; grid-template-columns: 88px minmax(90px, 140px) 1fr auto;
gap: 10px 22px; padding: 16px 0; border-bottom: 1px solid var(--line); align-items: baseline;
}
@media (max-width: 720px) {
.day-row { grid-template-columns: 72px 1fr; }
.day-row p, .day-row .film { grid-column: 2; }
}
.day-row .n {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-weight: 600; font-size: 12px; letter-spacing: 0.12em; color: var(--accent-ink);
font-variant-numeric: tabular-nums;
}
.day-row .e {
display: block; margin-top: 4px; color: var(--muted); letter-spacing: 0.08em;
}
.demo-grid {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px; background: var(--line); border: 1px solid var(--line); margin: 0 0 22px;
}
@media (max-width: 800px) { .demo-grid { grid-template-columns: 1fr; } }
.demo-card {
background: var(--bg); padding: 22px 20px;
display: flex; flex-direction: column; gap: 8px;
}
.demo-card h3 { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 18px; letter-spacing: -0.015em; margin: 0; }
.demo-card p { margin: 0; color: var(--muted); font-size: 15px; }
.day-row .mark { font-weight: 600; font-size: 15px; }
.day-row p { margin: 0; color: var(--muted); font-size: 15.5px; }
.day-row .film {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;
color: var(--accent-ink); text-decoration: none; white-space: nowrap;
}
.day-row .film:hover { text-decoration: underline; text-underline-offset: 3px; }
.tally {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 36px;
}
@media (max-width: 640px) { .tally { grid-template-columns: 1fr; } }
.tally div { background: var(--bg); padding: 20px 18px; display: flex; flex-direction: column; gap: 6px; }
.tally strong {
font-family: "Archivo", sans-serif; font-weight: 800; font-size: 28px;
letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.not-for { margin-top: 8px; color: var(--muted); }
.foot-links {
display: flex; flex-wrap: wrap; gap: 14px 22px; margin-top: 18px;
}
.foot-links a {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;
color: var(--muted); text-decoration: none;
}
.foot-links a:hover { color: var(--text); }
.parked { margin-top: 18px; color: var(--muted); max-width: 38em; }
.noise-form { display: flex; flex-direction: column; gap: 28px; }
.noise-aim { display: flex; flex-direction: column; gap: 10px; }
.noise-aim-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 560px) { .noise-aim-row { grid-template-columns: 1fr; } }
.noise-pick {
appearance: none; text-align: left; cursor: pointer;
font-family: "Inter", system-ui, sans-serif; font-size: 16px; font-weight: 500;
color: var(--text);
background: var(--surface); border: 1px solid var(--line-2); border-radius: 12px;
padding: 16px 18px;
transition: border-color 0.14s ease, box-shadow 0.14s ease;
}
.noise-pick[aria-pressed="true"] {
border-color: var(--accent);
box-shadow: 0 8px 22px -10px var(--glow);
}
.noise-label { display: flex; flex-direction: column; gap: 8px; }
.noise-label input {
font-family: "Inter", system-ui, sans-serif;
font-size: 16px; color: var(--text);
background: var(--surface); border: 1px solid var(--line-2); border-radius: 10px;
padding: 13px 14px;
}
.noise-label input:focus, .noise-pick:focus-visible {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--glow);
}
.noise-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
@media (max-width: 720px) { .noise-cols { grid-template-columns: 1fr; } }
.noise-sec h3 {
font-family: "Archivo", sans-serif; font-weight: 800; font-size: 20px;
letter-spacing: -0.015em; margin: 0 0 6px;
}
.noise-row {
display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) 72px;
gap: 8px; margin-top: 8px; align-items: center;
}
@media (max-width: 460px) {
.noise-row { grid-template-columns: minmax(0, 1fr) 62px; gap: 6px; }
.noise-row input[type="date"] { grid-column: 1 / -1; }
.noise-row input { padding: 11px 10px; }
}
.noise-row input {
font-family: "Inter", system-ui, sans-serif;
font-size: 16px; color: var(--text);
background: var(--surface); border: 1px solid var(--line-2); border-radius: 10px;
padding: 12px 12px;
}
.noise-row input:focus {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--glow);
}
.noise-rm, .noise-rm-slot {
appearance: none; background: none; border: none; padding: 0;
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
color: var(--muted); cursor: pointer; text-align: left;
}
.noise-rm:hover { color: var(--accent-ink); }
.noise-verdict {
margin-top: 28px; padding-top: 28px;
border-top: 1px solid var(--line);
}
footer.site { border-top: 1px solid var(--line); padding: 44px 0 56px; }
.foot-inner { display: flex; flex-wrap: wrap; gap: 22px; justify-content: space-between; align-items: baseline; }
.foot-inner .label { font-size: 10.5px; }
footer .fine { margin-top: 18px; font-size: 13px; color: var(--muted); }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
.feature::before { animation: none; }
.rise, .read-row, .verdict { opacity: 1 !important; transform: none !important; transition: none !important; }
.intake .caret { display: none; }
.faq details[open] p { animation: none; }
.btn, .btn.ghost, .offer-cell, .theme-toggle, .site-nav a.navlink { transition: none; }
}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter-var-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter-var-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
:root{--bg:#fbfaf8;--surface:#fff;--surface-2:#f1f3f8;--text:#10141f;--muted:#5f6776;--line:#e3e6ee;--line-2:#cdd3e0;
--feature-bg:#0a1124;--feature-fg:#f6f8fc;--feature-muted:#aeb8cf;--feature-line:rgba(246,248,252,.15);
--accent:#0b4fe0;--accent-ink:#0b4fe0;--orange:#ff7a2f;--glow:rgba(40,110,255,.30);--glow-2:rgba(255,122,47,.20);
--grad:linear-gradient(118deg,#2f8fff 0%,#1f6bff 55%,#0b4fe0 110%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b0f18;--surface:#131926;--surface-2:#1a2130;--text:#eef1f7;--muted:#98a2b6;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.17);
--feature-bg:#060a15;--feature-fg:#eef1f7;--feature-muted:#98a2b6;--feature-line:rgba(255,255,255,.1);
--accent:#6c9bff;--accent-ink:#8ab0ff;--glow:rgba(60,125,255,.34);--grad:linear-gradient(118deg,#7cc0ff 0%,#5b9bff 55%,#3f7bff 110%)}}
[data-theme="dark"]{--bg:#0b0f18;--surface:#131926;--surface-2:#1a2130;--text:#eef1f7;--muted:#98a2b6;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.17);
--feature-bg:#060a15;--feature-fg:#eef1f7;--feature-muted:#98a2b6;--feature-line:rgba(255,255,255,.1);
--accent:#6c9bff;--accent-ink:#8ab0ff;--glow:rgba(60,125,255,.34);--grad:linear-gradient(118deg,#7cc0ff 0%,#5b9bff 55%,#3f7bff 110%)}
.feature::before{background:radial-gradient(42% 38% at 22% 24%,var(--glow),transparent 70%),radial-gradient(34% 30% at 78% 72%,var(--glow-2),transparent 70%)}
.read-card{background:color-mix(in srgb,var(--feature-bg) 40%,#141c30)}
.arc .pt.out,.arc .halo{fill:var(--orange)}
.wordmark{letter-spacing:.14em;font-size:13px;font-weight:700}
.wordmark .dot{color:var(--orange)}
.strap{font-family:"Archivo",sans-serif;font-weight:700;font-size:clamp(20px,3vw,26px);line-height:1.2;letter-spacing:-.015em;margin:0;color:var(--feature-fg);max-width:22em}
.seal.c{font-size:17px}
.read-row{grid-template-columns:70px 1fr}
.feature .grad-text{background:linear-gradient(118deg,#8cc8ff 0%,#5b9bff 55%,#3f7bff 110%);-webkit-background-clip:text;background-clip:text}
.btn,.select-box a.btn{background:linear-gradient(118deg,#ff9a4a 0%,#ff7a2f 60%,#f4661b 110%);color:#14100c;box-shadow:0 12px 30px -10px rgba(255,122,47,.45)}
.btn:hover{box-shadow:0 16px 38px -8px rgba(255,122,47,.55)}
.btn.ghost{background:transparent;color:inherit;box-shadow:none}
.feature .btn.ghost{color:var(--feature-fg)}
.seal{background:linear-gradient(118deg,#2f8fff,#0b4fe0);color:#fff;box-shadow:0 8px 24px -6px var(--glow)}
.intake .caret{background:var(--orange)}
.wrap.hero-grid,.wrap.site-inner{padding-left:22px;padding-right:22px}
.stamp{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.14em;border:1px solid currentColor;border-radius:4px;padding:2px 6px;white-space:nowrap}
.sample-note{position:absolute;right:22px;bottom:12px;z-index:1;display:flex;align-items:center;gap:10px;color:var(--feature-muted);font-size:12px}
.lede-sub{margin-top:14px}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,72px);align-items:start;margin-top:44px}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.split .truth-list{margin-top:0}
.num-card{background:color-mix(in srgb,var(--feature-bg) 40%,#141c30);border:1px solid var(--feature-line);border-radius:18px;padding:26px;box-shadow:0 30px 80px -30px rgba(0,0,0,.55)}
.num-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--feature-line);padding-bottom:14px}
.num-card dl{margin:0}
.num-card dl div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--feature-line)}
.num-card dt{color:var(--feature-fg);font-weight:600;font-size:15px}
.num-card dd{margin:0;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:14px;color:var(--feature-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.num-card p{margin:14px 0 0;color:var(--feature-muted);font-size:14px}
.who{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,5vw,56px);margin-top:36px}
@media (max-width:720px){.who{grid-template-columns:1fr}}
.who h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;letter-spacing:-.01em;margin:0 0 6px}
.who ul{list-style:none;margin:0 0 26px;padding:0}
.who li{padding:12px 0;border-top:1px solid var(--line);color:var(--muted)}
.limit{font-family:"Archivo",sans-serif;font-weight:700;font-size:clamp(19px,2.6vw,23px);line-height:1.3;letter-spacing:-.012em;margin:14px 0 0;max-width:30em}
.why{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:760px){.why{grid-template-columns:1fr}}
.frame{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--surface-2)}
.frame img,.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.frame video{opacity:0;transition:opacity .4s ease}.frame video.on{opacity:1}
.text-link{color:var(--accent-ink);font-weight:600;text-underline-offset:3px}
.prose-wrap p{max-width:38em;margin:0 0 16px;color:var(--muted);font-size:17.5px;line-height:1.6}
.prose-wrap p strong{color:var(--text);font-weight:600}
.page-head{padding-block:clamp(56px,9vh,96px) clamp(40px,6vh,64px)}
.page-head h1{margin-top:18px}
.zero{font-family:"Archivo",sans-serif;font-weight:900;font-size:clamp(96px,22vw,220px);line-height:.9;letter-spacing:-.05em;margin:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature .zero{background:linear-gradient(118deg,#8cc8ff 0%,#5b9bff 55%,#3f7bff 110%);-webkit-background-clip:text;background-clip:text}
.apply-wrap{max-width:640px;margin:0 auto;padding:clamp(40px,8vh,88px) 22px clamp(64px,10vh,110px)}
.dots{display:none;gap:6px;margin-bottom:30px}.js-steps .dots{display:flex}
.dots i{width:28px;height:3px;border-radius:3px;background:var(--line-2);transition:background .3s}.dots i.on{background:var(--accent)}
.q{border:0;padding:0;margin:0 0 44px;min-width:0}
.js-steps .q{display:none;margin-bottom:0}.js-steps .q.on{display:block;animation:rise .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.q legend{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(26px,5.4vw,40px);line-height:1.06;letter-spacing:-.025em;padding:0;margin-bottom:22px;text-wrap:balance}
.q .help{color:var(--muted);margin:-8px 0 18px;font-size:15.5px}
.choice{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border:1px solid var(--line-2);border-radius:12px;margin-bottom:8px;cursor:pointer;background:var(--surface);transition:border-color .14s,background .14s}
.choice:hover{border-color:var(--accent)}
.choice input{accent-color:var(--accent);width:18px;height:18px;flex:none;margin:0}
.choice:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.field{display:block;margin-bottom:16px;font-weight:600;font-size:15px}
.field input,.field textarea,.q>textarea{display:block;width:100%;margin-top:6px;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--text);font:400 17px/1.45 "Inter",system-ui,sans-serif}
.field input:focus,textarea:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted);margin:6px 0 4px}
.consent input{accent-color:var(--accent);width:20px;height:20px;flex:none;margin:2px 0 0}
.consent a{color:var(--text)}
.moves{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.moves [hidden]{display:none}
.status{min-height:1.5em;margin:14px 0 0;font-size:15px;color:var(--text)}
.status.bad{color:#b3261e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .status.bad{color:#ff9d8f}}
[data-theme="dark"] .status.bad{color:#ff9d8f}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.person{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,6vw,72px);align-items:center;padding-block:clamp(64px,11vh,120px)}
@media (max-width:760px){.person{grid-template-columns:1fr}.person .frame{max-width:280px}}
.person .frame{aspect-ratio:1;border-radius:18px}
.doors{list-style:none;margin:0;padding:0}
.doors a{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:6px 24px;padding:22px 0;border-top:1px solid var(--line);text-decoration:none;align-items:baseline;transition:padding-left .16s}
.doors a:hover{padding-left:8px}
.doors li:last-child a{border-bottom:1px solid var(--line)}
.doors b{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;letter-spacing:-.01em}
.doors span{color:var(--muted)}
@media (max-width:640px){.doors a{grid-template-columns:1fr}}
.link-list{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:28px auto 0}
.link-list a{justify-content:center}
.link-page{text-align:center;padding:clamp(48px,10vh,96px) 22px}
.link-page .frame{width:112px;aspect-ratio:1;border-radius:50%;margin:0 auto 20px}
@media (prefers-reduced-motion:reduce){.q.on{animation:none}.choice,.doors a,.frame video{transition:none}}
button.btn:not(.ghost){border:0}
.why .h-lg+.prose-wrap{margin-top:14px}
.why .prose-wrap p{margin:0 0 12px}
.js form[data-apply] .q:not(:first-of-type){display:none}
.js form[data-apply] .q.on{display:block}
.js form[data-apply] .dots{display:flex;min-height:3px}
.js form[data-apply]:not(.js-steps) .moves{min-height:54px}
html:not(.js) .rise,html:not(.js) .read-row,html:not(.js) .verdict{opacity:1;transform:none}
.logo-mark{height:1.7em;width:auto;vertical-align:-.42em;margin-right:.6em;display:inline-block}
.frame.square{aspect-ratio:1}
.app-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:760px){.app-band{grid-template-columns:1fr}}
.phone{display:block;position:relative;max-width:280px;margin-inline:auto;border-radius:30px;overflow:hidden;background:#0a1124;padding:8px;box-shadow:0 26px 60px -30px rgba(11,40,120,.55)}
.phone img{display:block;width:100%;height:auto;border-radius:23px}
.phone>.stamp{position:absolute;top:18px;right:18px;z-index:1;background:#fff;color:#0b4fe0}
.phones{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:22px}
.phones figure{margin:0}.phones figcaption{text-align:center;margin-top:14px;color:var(--muted);font-size:15px}
.sample-line{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;margin:0}
.select-box .btn{white-space:nowrap}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}