:root {
    color-scheme: dark;
    --bg: #07090f;
    --surface: #0d1018;
    --surface-soft: #111521;
    --surface-raised: #141925;
    --border: #222838;
    --border-soft: #191e2a;
    --text: #f0f3fa;
    --muted: #8991a5;
    --dim: #626b7e;
    --accent: #76efd1;
    --accent-soft: #1b423d;
    --cyan: #85c9f8;
    --warning: #efc277;
    --danger: #fb8484;
    --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 15px; line-height: 1.6; }
a { color: inherit; }
button, input { font: inherit; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.ambient-grid { pointer-events: none; position: fixed; z-index: -1; inset: 0; opacity: .38; background-image: linear-gradient(rgba(125, 159, 181, .034) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 159, 181, .034) 1px, transparent 1px), radial-gradient(ellipse at 52% -10%, rgba(66, 118, 118, .22), transparent 54%); background-size: 44px 44px, 44px 44px, 100% 100%; }
.topbar { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid var(--border-soft); background: rgba(7, 9, 15, .86); backdrop-filter: blur(14px); }
.topbar-inner { display: flex; height: 78px; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--border); border-radius: 8px; font-size: 17px; font-weight: 800; }
.brand-mark span, .brand-label span { color: var(--accent); }
.brand-label { font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .055em; }
.topbar-nav { display: flex; align-items: center; gap: 24px; }
.topbar-nav a { color: var(--muted); font-size: 13px; text-decoration: none; }
.topbar-nav a:hover, .back-link:hover { color: var(--text); }
.network-status { display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-family: var(--mono); font-size: 10px; letter-spacing: .07em; }
.network-status span, .pulse-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 13px rgba(118, 239, 209, .7); animation: pulse 2.4s infinite; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--accent); font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .095em; }
.flash { margin-top: 20px; padding: 13px 16px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: var(--surface); font-size: 13px; }
.flash-success { border-color: rgba(118, 239, 209, .25); color: var(--accent); }
.flash-error { border-color: rgba(251, 132, 132, .3); color: var(--danger); }
.flash-info { border-color: rgba(133, 201, 248, .25); color: var(--cyan); }
.landing-main { padding-top: 106px; }
.hero-panel { display: grid; min-height: 390px; grid-template-columns: minmax(0, 1fr) minmax(340px, .83fr); align-items: center; gap: 68px; }
.hero-copy h1, .complete-panel h1 { margin: 21px 0 22px; font-size: clamp(2.6rem, 5.2vw, 4.5rem); font-weight: 760; letter-spacing: -.075em; line-height: 1.035; }
.hero-copy h1 span, .complete-panel h1 span { color: var(--accent); }
.hero-copy > p, .complete-panel > p { max-width: 560px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.hero-actions, .complete-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 34px; }
.hero-actions form, .complete-actions form { margin: 0; }
.button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 12px; padding: 0 17px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: 680; text-decoration: none; transition: border-color .18s ease, color .18s ease, background-color .18s ease, transform .18s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { border-color: var(--accent); color: #06120f; background: var(--accent); }
.button-primary:hover { border-color: #a1ffe7; background: #a1ffe7; }
.button-secondary { width: 100%; border-color: var(--border); color: var(--text); background: var(--surface-raised); }
.button-secondary:hover { border-color: var(--accent); }
.button-ghost { border-color: transparent; color: var(--muted); background: transparent; }
.button-ghost:hover { color: var(--text); }
.resume-note { margin-top: 15px !important; color: var(--dim) !important; font-family: var(--mono); font-size: 11px !important; }
.hero-terminal, .challenge-panel, .hint-panel, .answer-panel, .success-panel, .progress-panel, .complete-panel, .archive-panel { border: 1px solid var(--border); border-radius: 12px; background: rgba(13, 16, 24, .93); }
.terminal-heading, .panel-heading { display: flex; min-height: 46px; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--border-soft); color: var(--dim); font-family: var(--mono); font-size: 10px; }
.terminal-heading > span:first-child { display: inline-flex; gap: 6px; }
.terminal-heading i { width: 7px; height: 7px; border-radius: 50%; background: #394153; }
.terminal-heading i:first-child { background: #a95d60; }
.terminal-heading i:nth-child(2) { background: #a8905d; }
.terminal-heading i:nth-child(3) { background: #619a77; }
.terminal-content { min-height: 265px; padding: 23px 20px; font-family: var(--mono); font-size: 11.5px; }
.terminal-content p, .fake-terminal p { margin: 0 0 8px; }
.term-muted { color: var(--dim); }
.term-green { color: var(--accent); }
.term-white { color: var(--text); }
.term-cyan { color: var(--cyan); }
.terminal-cursor { color: var(--accent); animation: blink 1.1s steps(2, start) infinite; }
.stat-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin-top: 92px; padding: 28px 0; border-top: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); }
.stat-strip article { display: flex; flex-direction: column; gap: 4px; }
.stat-strip strong { color: var(--text); font-family: var(--mono); font-size: 24px; font-weight: 650; }
.stat-strip span { color: var(--muted); font-size: 12px; }
.briefing-section { display: grid; grid-template-columns: 1fr 1fr; gap: 92px; padding: 111px 0 124px; }
.briefing-section h2 { margin: 18px 0 0; font-size: clamp(1.65rem, 3.2vw, 2.3rem); letter-spacing: -.055em; line-height: 1.2; }
.briefing-copy p { margin: 0 0 15px; color: var(--muted); font-size: 14px; line-height: 1.85; }
.blacklist-nav { color: #ff5473 !important; font-family: var(--mono); font-size: 10px !important; font-weight: 800; letter-spacing: .08em; }
.blacklist-teaser { position: relative; display: grid; grid-template-columns: 130px 1fr 260px; gap: 40px; align-items: center; margin-bottom: 124px; padding: 48px; overflow: hidden; border: 1px solid #3c252e; border-radius: 12px; background: radial-gradient(circle at 85% 10%, rgba(255, 54, 94, .14), transparent 35%), #0c0c11; }
.blacklist-teaser::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 28px 28px; }
.blacklist-teaser-number { position: relative; color: transparent; -webkit-text-stroke: 1px #ff5473; font: 900 96px/1 var(--mono); letter-spacing: -.12em; }
.blacklist-teaser-copy { position: relative; }
.blacklist-teaser-copy .eyebrow { color: #ff5473; }
.blacklist-teaser-copy h2 { margin: 16px 0 18px; font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.065em; line-height: 1; }
.blacklist-teaser-copy p { max-width: 620px; margin: 0; color: #a8a8b2; font-size: 14px; line-height: 1.75; }
.blacklist-teaser-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.blacklist-teaser-tags span { padding: 6px 8px; border: 1px solid #3a3035; color: #a98791; font: 700 8px var(--mono); letter-spacing: .07em; }
.blacklist-teaser-action { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.blacklist-teaser-action > span { color: #ff5473; font: 700 9px var(--mono); letter-spacing: .1em; }
.blacklist-teaser-action small { color: var(--dim); font-size: 9px; text-align: center; }
.blacklist-button { justify-content: space-between; border-color: #ff365e; color: #09090c; background: #ff365e; }
.blacklist-button:hover { border-color: #ff718b; background: #ff718b; }
.footer { border-top: 1px solid var(--border-soft); }
.footer-inner { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; color: var(--dim); font-family: var(--mono); font-size: 10px; }

.app-main { min-height: calc(100vh - 155px); padding-top: 70px; padding-bottom: 90px; }
.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 26px; }
.page-heading h1, .mission-heading h1, .archive-panel h1, .error-panel h1 { margin: 10px 0 8px; font-size: clamp(2.1rem, 4.1vw, 3.1rem); letter-spacing: -.065em; line-height: 1.1; }
.page-heading p, .mission-heading p, .archive-panel > p, .error-panel p { max-width: 680px; margin: 0; color: var(--muted); }
.progress-panel { margin-top: 34px; padding: 22px; }
.progress-head { display: flex; justify-content: space-between; color: var(--muted); font-family: var(--mono); font-size: 10px; }
.progress-head strong { color: var(--accent); }
.progress-panel progress { width: 100%; height: 5px; margin: 19px 0 17px; border: none; border-radius: 20px; accent-color: var(--accent); overflow: hidden; }
.progress-panel progress::-webkit-progress-bar { border-radius: 20px; background: #202633; }
.progress-panel progress::-webkit-progress-value { border-radius: 20px; background: var(--accent); }
.progress-panel progress::-moz-progress-bar { border-radius: 20px; background: var(--accent); }
.progress-stats { display: flex; gap: 23px; color: var(--muted); font-size: 12px; }
.progress-stats strong { margin-left: 5px; color: var(--text); font-family: var(--mono); font-size: 11px; }
.mission-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 29px; }
.mission-card { display: flex; min-height: 187px; flex-direction: column; padding: 17px; border: 1px solid var(--border); border-radius: 10px; background: rgba(13, 16, 24, .8); }
.mission-active { border-color: rgba(118, 239, 209, .65); background: rgba(15, 27, 29, .78); }
.mission-locked { opacity: .63; }
.mission-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mission-number { color: var(--dim); font-family: var(--mono); font-size: 9px; letter-spacing: .03em; }
.difficulty { color: var(--muted); font-family: var(--mono); font-size: 8.5px; letter-spacing: .02em; }
.difficulty-1 { color: #94b7a9; }
.difficulty-2 { color: var(--cyan); }
.difficulty-3 { color: var(--warning); }
.difficulty-4 { color: var(--danger); }
.difficulty-large { padding: 7px 10px; border: 1px solid currentColor; border-radius: 6px; }
.mission-card h2 { margin: 21px 0 3px; font-size: 16px; font-weight: 670; }
.mission-card > p { margin: 0; color: var(--muted); font-size: 12px; }
.mission-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 19px; }
.mission-bottom a { color: var(--text); font-size: 11px; text-decoration: none; }
.mission-bottom a span { margin-left: 4px; color: var(--accent); }
.locked-label { color: var(--dim); font-size: 11px; }
.state-pill { color: var(--dim); font-family: var(--mono); font-size: 8px; }
.state-done, .state-live { color: var(--accent); }
.restart-form { margin-top: 30px; text-align: right; }
.restart-form button { padding: 4px; border: 0; cursor: pointer; color: var(--dim); background: transparent; font-size: 11px; }
.restart-form button:hover { color: var(--danger); }

.mission-main { padding-top: 42px; }
.back-link { display: inline-block; color: var(--muted); font-size: 12px; text-decoration: none; }
.mission-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 35px; }
.mission-heading p { max-width: 810px; line-height: 1.75; }
.challenge-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(285px, .73fr); gap: 18px; margin-top: 35px; }
.challenge-main { min-width: 0; }
.challenge-scene { display: grid; min-height: 264px; align-items: center; padding: 23px; }
.fake-browser { overflow: hidden; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); }
.browser-bar { display: flex; justify-content: space-between; padding: 10px 13px; border-bottom: 1px solid var(--border); color: var(--dim); font-family: var(--mono); font-size: 9px; }
.browser-content { padding: 23px; }
.fake-kicker, .fake-login > span, .api-preview > span, .file-tree > span, .packet-display > span { color: var(--accent); font-family: var(--mono); font-size: 9px; }
.browser-content h2, .fake-login h2 { margin: 11px 0 5px; font-size: 21px; }
.browser-content p, .packet-display p, .fake-login > p, .file-tree > p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.muted-line { color: var(--dim) !important; }
.fake-comment { margin-top: 14px; padding: 10px; border: 1px solid var(--border); border-radius: 6px; color: var(--muted); font-family: var(--mono); font-size: 10px; }
.packet-display { width: 100%; text-align: center; }
.encoded-value { margin: 21px auto 16px; color: var(--accent); font-family: var(--mono); font-size: clamp(20px, 4vw, 35px); letter-spacing: .055em; word-break: break-all; }
.encoded-hex { font-size: clamp(16px, 3vw, 25px); }
.encoded-chain { font-size: clamp(15px, 3vw, 25px); }
.fake-terminal { width: 100%; padding: 18px; border: 1px solid var(--border); border-radius: 7px; background: #090c12; font-family: var(--mono); font-size: 11px; line-height: 1.9; overflow-x: auto; }
.fake-terminal p { color: var(--muted); white-space: nowrap; }
.fake-terminal p > span, .fake-terminal a { color: var(--accent); }
.fake-terminal a { text-decoration-color: rgba(118, 239, 209, .45); }
.fake-terminal a { color: var(--accent); }
.fake-login { width: min(100%, 430px); margin-inline: auto; }
.fake-field { margin-top: 8px; padding: 9px 12px; border: 1px solid var(--border); border-radius: 6px; color: var(--dim); font-size: 11px; }
.fake-login pre, .api-preview pre, .file-tree pre { margin: 14px 0 0; padding: 12px; border: 1px solid var(--border); border-radius: 6px; color: var(--cyan); background: #090c12; font-family: var(--mono); font-size: 10px; overflow-x: auto; }
.api-preview > a { display: inline-block; margin-top: 13px; color: var(--accent); font-size: 12px; }
.file-tree pre { color: var(--muted); }
.log-terminal p:nth-child(3) { color: var(--accent); }
.final-terminal p > span { color: var(--cyan); }
.answer-panel { margin-top: 15px; padding: 19px; }
.answer-panel > div > p { margin: 7px 0 15px; color: var(--muted); font-size: 13px; }
.answer-form > label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 11px; }
.answer-row { display: flex; gap: 9px; }
.answer-row input { min-width: 0; flex: 1; padding: 0 12px; border: 1px solid var(--border); border-radius: 7px; outline: none; color: var(--text); background: #090c12; font-family: var(--mono); font-size: 12px; }
.answer-row input::placeholder { color: var(--dim); }
.answer-row input:focus { border-color: rgba(118, 239, 209, .7); }
.attempt-counter { margin: 11px 0 0; color: var(--dim); font-size: 10px; }
.success-panel { margin-top: 15px; padding: 23px; border-color: rgba(118, 239, 209, .35); }
.success-kicker { color: var(--accent); font-family: var(--mono); font-size: 10px; }
.success-panel h2 { margin: 8px 0; font-size: 23px; }
.success-panel p { margin: 0 0 20px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.hint-panel { align-self: start; padding-bottom: 18px; }
.hint-panel > h2 { margin: 19px 17px 7px; font-size: 17px; }
.hint-panel > p { margin: 0 17px 17px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.hint-list { display: grid; gap: 10px; margin: 0 16px; padding: 0; list-style: none; }
.hint-list li { padding: 12px; border: 1px solid var(--border-soft); border-radius: 7px; background: var(--surface-soft); }
.hint-list li > span { color: var(--accent); font-family: var(--mono); font-size: 9px; }
.hint-list li > p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.hint-panel > form { margin: 14px 16px 0; }
.hint-panel > form .button { font-size: 11px; }
.all-hints { display: block; margin: 14px 16px; color: var(--dim); font-size: 11px; }
.hint-summary { display: flex; justify-content: space-between; margin: 17px 17px 0; padding-top: 15px; border-top: 1px solid var(--border-soft); color: var(--muted); font-size: 11px; }
.hint-summary strong { color: var(--accent); font-family: var(--mono); }

.archive-main { min-height: calc(100vh - 155px); padding: 64px 0; }
.archive-panel { max-width: 760px; margin-top: 25px; padding: 35px; }
.archive-fragment { display: flex; flex-direction: column; gap: 8px; margin-top: 29px; padding: 18px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); }
.archive-fragment span { color: var(--dim); font-family: var(--mono); font-size: 10px; }
.archive-fragment strong { color: var(--accent); font-family: var(--mono); font-size: 23px; }
.complete-main { display: grid; min-height: calc(100vh - 155px); align-items: center; padding-top: 54px; padding-bottom: 65px; }
.complete-panel { max-width: 810px; margin-inline: auto; padding: 48px; }
.complete-panel h1 { margin-top: 15px; }
.final-rank { display: flex; flex-direction: column; gap: 4px; margin-top: 27px; }
.final-rank span, .final-stats span { color: var(--dim); font-family: var(--mono); font-size: 9px; }
.final-rank strong { color: var(--accent); font-size: 20px; }
.final-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 29px; padding: 18px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.final-stats article { display: flex; flex-direction: column; gap: 5px; }
.final-stats strong { color: var(--text); font-family: var(--mono); font-size: 18px; }
.complete-actions { justify-content: flex-start; }
.complete-actions > .button { width: auto; }
.error-body { display: grid; min-height: 100vh; place-items: center; padding: 24px; }
.error-panel { max-width: 620px; padding: 39px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.error-panel .button { margin-top: 22px; }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@keyframes pulse { 50% { opacity: .45; box-shadow: 0 0 3px rgba(118, 239, 209, .4); } }
@keyframes blink { to { visibility: hidden; } }

@media (max-width: 960px) {
    .hero-panel { grid-template-columns: 1fr; gap: 35px; }
    .landing-main { padding-top: 74px; }
    .hero-terminal { max-width: 650px; }
    .mission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .challenge-layout { grid-template-columns: 1fr; }
    .hint-panel { max-width: 520px; }
    .briefing-section { gap: 43px; }
    .blacklist-teaser { grid-template-columns: 100px 1fr; }
    .blacklist-teaser-action { grid-column: 2; }
}

@media (max-width: 640px) {
    .shell { width: calc(100% - 30px); }
    .topbar-inner { height: 68px; }
    .brand-label { font-size: 10px; }
    .network-status { display: none; }
    .landing-main { padding-top: 59px; }
    .hero-copy h1, .complete-panel h1 { font-size: 2.8rem; }
    .terminal-content { padding: 17px 12px; font-size: 10px; overflow-x: auto; }
    .terminal-content p { white-space: nowrap; }
    .stat-strip { grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 61px; }
    .briefing-section { grid-template-columns: 1fr; gap: 15px; padding: 78px 0; }
    .blacklist-teaser { grid-template-columns: 1fr; gap: 24px; padding: 26px 20px; margin-bottom: 78px; }
    .blacklist-teaser-number { font-size: 68px; }
    .blacklist-teaser-action { grid-column: 1; }
    .footer-inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 6px; padding: 16px 0; font-size: 9px; }
    .app-main { padding-top: 48px; }
    .page-heading { align-items: flex-start; flex-direction: column; }
    .mission-grid { grid-template-columns: 1fr; }
    .mission-card { min-height: 175px; }
    .progress-stats { flex-wrap: wrap; gap: 12px; }
    .mission-heading { align-items: flex-start; flex-direction: column; }
    .mission-main { padding-top: 34px; }
    .panel-heading { gap: 12px; font-size: 8px; }
    .challenge-scene { padding: 14px; }
    .answer-row { flex-direction: column; }
    .answer-row input { min-height: 45px; }
    .complete-panel, .archive-panel { padding: 25px 19px; }
    .final-stats { grid-template-columns: 1fr 1fr; }
    .complete-actions { align-items: stretch; flex-direction: column; }
    .complete-actions form, .complete-actions .button { width: 100%; }
}

.topbar-nav .cerberus-nav { color: #ff8e65; }
.cerberus-teaser { margin: 0 0 105px; border: 1px solid #343036; background: linear-gradient(130deg, #120c0b, #080a0f 66%); display: grid; grid-template-columns: 190px minmax(0, 1fr) 210px; gap: 42px; align-items: center; padding: 44px; position: relative; overflow: hidden; }
.cerberus-teaser::after { content: "CERBERUS"; position: absolute; right: -25px; bottom: -34px; color: transparent; -webkit-text-stroke: 1px rgba(255, 92, 67, .12); font: 900 100px/1 ui-monospace, monospace; pointer-events: none; }
.cerberus-mark { height: 190px; border: 1px solid #392b29; display: grid; place-items: center; position: relative; }
.cerberus-mark span { color: #ff654d; font: 900 96px/1 ui-monospace, monospace; letter-spacing: -.12em; transform: translateX(-5px); }
.cerberus-mark i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #ff654d; box-shadow: 0 0 20px #ff654d; bottom: 22px; }
.cerberus-mark i:nth-of-type(1) { left: 62px; }.cerberus-mark i:nth-of-type(2) { left: 91px; }.cerberus-mark i:nth-of-type(3) { left: 120px; }
.cerberus-copy h2 { margin: 15px 0 18px; font-size: clamp(39px, 5vw, 64px); line-height: .96; letter-spacing: -.055em; }
.cerberus-copy p { max-width: 720px; color: #98939a; line-height: 1.65; }
.cerberus-copy > div { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 24px; }
.cerberus-copy > div span { border: 1px solid #3a3030; color: #c68f83; padding: 8px 10px; font: 800 8px ui-monospace, monospace; }
.cerberus-action { display: flex; flex-direction: column; align-items: stretch; position: relative; z-index: 1; }
.cerberus-action > strong { font: 900 48px ui-monospace, monospace; }.cerberus-action > small { color: #77727a; font: 700 9px ui-monospace, monospace; margin: 4px 0 25px; }
.cerberus-action .button { background: #ff654d; color: #0b0807; border: 0; justify-content: space-between; }

@media (max-width: 900px) { .cerberus-teaser { grid-template-columns: 140px 1fr; }.cerberus-mark { height: 140px; }.cerberus-mark span { font-size: 70px; }.cerberus-mark i { display: none; }.cerberus-action { grid-column: 1 / -1; } }
@media (max-width: 640px) { .cerberus-teaser { grid-template-columns: 1fr; padding: 25px; }.cerberus-mark { width: 120px; height: 120px; }.cerberus-copy h2 { font-size: 42px; }.cerberus-action { grid-column: auto; } }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}