:root{--ink:#0c0f11;--paper:#f7f5ef;--yellow:#ffc928;--emerald:#075e4f;--mist:#dceae1;--rule:rgba(247,245,239,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 15%,rgba(7,94,79,.28),transparent 34%),var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}.skip-link{position:fixed;left:12px;top:-70px;z-index:10;padding:12px 16px;background:var(--yellow);color:#111;text-decoration:none;font-weight:800}.skip-link:focus{top:12px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:14px clamp(22px,5vw,72px);border-bottom:1px solid var(--rule);background:rgba(12,15,17,.93);backdrop-filter:blur(16px)}.brand img{display:block;width:110px;height:auto}nav{display:flex;gap:24px}nav a,footer a{color:#dbe3de;text-decoration:none;font-size:13px;font-weight:750}nav a:hover,nav a:focus-visible,footer a:hover,footer a:focus-visible{color:var(--yellow)}main{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:clamp(46px,7vw,112px);width:min(1180px,calc(100% - 44px));margin:0 auto;padding:clamp(70px,9vw,132px) 0}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 24px;color:var(--yellow);font:700 10px/1.3 "DM Mono",monospace;letter-spacing:1.2px}.eyebrow span{width:24px;height:2px;background:var(--yellow)}h1{margin:0;font-size:clamp(46px,6.4vw,88px);line-height:.94;letter-spacing:-.07em}h1 em{color:var(--yellow);font-style:normal}.support-intro>p:not(.eyebrow),.thanks-card>p:not(.eyebrow){max-width:550px;margin:28px 0 0;color:#bcc8c0;font-size:16px;line-height:1.75}.boundary{display:grid;gap:9px;margin-top:32px;padding:20px;border:1px solid rgba(255,201,40,.28);border-radius:14px;background:rgba(255,201,40,.06)}.boundary b{color:var(--yellow);font:700 9px "DM Mono",monospace;letter-spacing:.9px}.boundary span{color:#c7d0ca;font-size:12px;line-height:1.6}form{padding:clamp(28px,4vw,50px);border:1px solid rgba(247,245,239,.18);border-radius:28px;background:linear-gradient(145deg,rgba(29,41,36,.97),rgba(12,17,15,.98));box-shadow:0 36px 90px rgba(0,0,0,.32)}.form-head>p{margin:0;color:var(--yellow);font:700 9px "DM Mono",monospace;letter-spacing:1px}.form-head h2{margin:10px 0 0;font-size:clamp(30px,4vw,48px);letter-spacing:-.055em}.form-head>span{display:block;margin-top:10px;color:#afbbb3;font-size:12px;line-height:1.6}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:32px}label{display:grid;gap:8px}label>span{color:#c5cec8;font:700 9px "DM Mono",monospace;letter-spacing:.65px}.wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid rgba(247,245,239,.17);border-radius:10px;background:rgba(247,245,239,.06);color:var(--paper);font:14px Manrope,Arial,sans-serif;outline:none}input,select{min-height:48px;padding:0 13px}textarea{padding:13px;resize:vertical}select option{background:#111714;color:var(--paper)}input:focus,select:focus,textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,201,40,.12)}.consent{grid-template-columns:auto 1fr;align-items:start;margin-top:20px}.consent input{width:18px;min-height:18px;margin:2px 0 0;accent-color:var(--yellow)}.consent span{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:0;line-height:1.55}.consent a{color:var(--paper)}button,.home-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;margin-top:23px;padding:0 22px;border:0;border-radius:10px;background:var(--emerald);color:#fff;text-decoration:none;font-weight:850;cursor:pointer}button:hover,.home-action:hover{background:#0a725f}.honeypot{position:absolute;left:-9999px}footer{display:flex;align-items:center;gap:24px;padding:30px clamp(22px,5vw,72px);border-top:1px solid var(--rule);color:#87948c;font-size:11px}footer span{margin-left:auto}.thanks-page main{display:block;min-height:calc(100vh - 150px)}.thanks-card{max-width:780px}.thanks-card .home-action{margin-top:30px}@media(max-width:820px){header{min-height:68px}nav{gap:14px}nav a{font-size:11px}main{grid-template-columns:1fr;padding:64px 0}.field-grid{grid-template-columns:1fr}.wide{grid-column:auto}footer{flex-wrap:wrap}footer span{width:100%;margin-left:0}}@media(max-width:470px){header{align-items:flex-start}.brand img{width:92px}nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;max-width:210px}main{width:min(100% - 28px,1180px)}form{padding:24px 18px;border-radius:20px}h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Privacy guidance remains readable on the dark support form. */
form > p:not(.honeypot) { font-size: 14px; line-height: 1.65; }
form > p a { color: var(--paper); text-decoration: underline; text-underline-offset: 3px; }
form > p a:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }

/* Reading copy keeps a comfortable size instead of inheriting tiny field labels. */
button, input, select, textarea { font-family: inherit; }
button { font-size: 16px; }
.field-grid label > span { font: 700 14px/1.5 Manrope, Arial, sans-serif; letter-spacing: 0; }
.form-head > span, .boundary span { font-size: 14px; line-height: 1.65; }
.consent > span, .consent > span a, .consent > span .knoq-wordmark-text { font-size: 14px; }
.consent > span { font-family: Manrope, Arial, sans-serif; line-height: 1.65; }
.support-intro h1 { font-size: clamp(43px, 4.7vw, 64px); line-height: 1.04; letter-spacing: -.055em; text-wrap: balance; }
#support-form-title { scroll-margin-top: 110px; }
#support-form-title:focus-visible { outline: 3px solid var(--yellow); outline-offset: 8px; }
.support-message-link { justify-self: start; color: var(--paper); font-size: 15px; font-weight: 750; text-underline-offset: 4px; }
.support-message-link:focus-visible { outline: 3px solid var(--yellow); outline-offset: 5px; }
.support-submit-status { padding: 14px 16px; border-left: 3px solid var(--yellow); background: rgba(255, 201, 40, .06); }
.support-submit-status:focus { outline: 2px solid var(--yellow); outline-offset: 4px; }
form > button:disabled { opacity: .7; cursor: wait; }

/* Plain-language support receipt, scoped to the confirmation page. */
.thanks-page .thanks-card { max-width: 880px; }
.thanks-page .thanks-card h1 { font-size: clamp(38px, 4.5vw, 64px); line-height: 1.12; letter-spacing: -.05em; }
.thanks-page .thanks-card h1 em { display: block; margin-top: .12em; }
.thanks-page .thanks-card > p:not(.eyebrow) { max-width: 670px; }
.thanks-page .thanks-card .boundary { gap: 16px; margin-top: 36px; padding: clamp(22px, 3vw, 30px); }
.thanks-page .thanks-card .boundary h2 { margin: 0; color: var(--yellow); font-size: clamp(20px, 2.5vw, 24px); line-height: 1.3; letter-spacing: -.02em; }
.thanks-page .thanks-card .boundary p { margin: 0; color: #c7d0ca; font-size: 16px; line-height: 1.7; }
.thanks-page .thanks-card .boundary p .knoq-wordmark-text { font: inherit; }