/* Torch homepage — COMMAND build (2026-11-05).
   Loaded ONLY by the homepage (chatHomePage), after /css/chat-torch.css.
   Design system: obsidian + graphite carry, Torch Orange commands action,
   warm-white light sections alternate (~70 dark / 20 light / 10 orange).
   Fire identity = angular cuts + diagonal technical lines. No flame clip
   art, no orange gradients on cards, no glow outlines. */
:root{
  --cmd-orange:#FF6A00;
  --cmd-orange-dark:#D85500;
  --cmd-ink:#050505;
  --cmd-graphite:#111316;
  --cmd-graphite2:#17191d;
  --cmd-line:#2c2f33;
  --cmd-warm:#FAF6F0;
  --cmd-warm-line:#E7DFD2;
  --cmd-muted:#B7BEC4;
  --cmd-body:'Inter',Arial,sans-serif;
  --cmd-cond:'Barlow Condensed','Arial Narrow',sans-serif;
}
.cmd{background:var(--cmd-ink)}
.cmd h2{font-family:var(--cmd-cond);font-weight:800;letter-spacing:.01em;
  font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.02;margin:0 0 14px;text-transform:uppercase}
.cmd h2 em{font-style:normal;color:var(--cmd-orange)}
.cmd .eyebrow{color:var(--cmd-orange)}
.cmd .intro{max-width:62ch}

/* ── 1 · HERO ─────────────────────────────────────────── */
.cmd .x-hero{position:relative;overflow:hidden;background:var(--cmd-ink);
  border-bottom:4px solid var(--cmd-orange)}
.cmd .x-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center 38%;
  background-image:url('/images/hero-crew.jpg')}
.cmd .x-hero-shade{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.82) 46%,rgba(5,5,5,.45) 78%,rgba(5,5,5,.55) 100%)}
.cmd .x-hero-shade:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;
  background:linear-gradient(180deg,rgba(5,5,5,0),rgba(5,5,5,.9))}
.cmd .x-hero-main{position:relative;z-index:2;padding:104px 0 92px;max-width:1440px}
.cmd .x-hero-title{font-family:var(--cmd-cond);font-weight:900;text-transform:uppercase;
  font-size:clamp(4.2rem,11.5vw,10.5rem);line-height:.88;letter-spacing:.005em;margin:10px 0 18px;color:#fff}
.cmd .x-hero-title .block{display:block}
.cmd .x-hero-title .brush{display:block;color:var(--cmd-orange);
  clip-path:polygon(0 0,100% 0,99.2% 100%,0 100%)}
.cmd .x-hero-sub{font-family:var(--cmd-cond);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.5rem,3.4vw,2.5rem);letter-spacing:.04em;margin:0 0 12px;color:#fff}
.cmd .x-hero-main .hero-copy{font-size:1.13rem;line-height:1.55;color:#EDEEF0;max-width:56ch;margin:0 0 14px}
.cmd .x-hero-support{font-family:var(--cmd-cond);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cmd-orange);font-size:1rem;margin:0 0 28px}
.cmd .x-hero .btn{font-family:var(--cmd-cond);font-weight:700;letter-spacing:.08em;
  font-size:1.15rem;padding:16px 30px;text-transform:uppercase}
.cmd .x-hero .btn.solid{background:var(--cmd-orange);color:#140800;border:2px solid var(--cmd-orange)}
.cmd .x-hero .btn.solid:hover{background:var(--cmd-orange-dark);border-color:var(--cmd-orange-dark)}
.cmd .x-hero .btn.outline{background:rgba(5,5,5,.35);color:#fff;border:2px solid #fff}
.cmd .x-hero .btn.outline:hover{border-color:var(--cmd-orange);color:var(--cmd-orange)}

/* ── 2 · PROOF BAR ────────────────────────────────────── */
.cmd .x-proof{background:var(--cmd-graphite);border-bottom:1px solid var(--cmd-line);padding:44px 0 38px}
.cmd .x-proof-head{font-family:var(--cmd-cond);font-weight:800;letter-spacing:.22em;
  font-size:1rem;color:#fff;text-transform:uppercase;margin:0 0 22px;
  display:flex;align-items:center;gap:16px}
.cmd .x-proof-head:after{content:"";flex:1;height:2px;background:var(--cmd-orange)}
.cmd .x-proof-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--cmd-line)}
.cmd .x-proof-cell{padding:20px 18px 16px;border-right:1px solid var(--cmd-line);background:var(--cmd-graphite2)}
.cmd .x-proof-cell:last-child{border-right:0}
.cmd .x-proof-num{display:block;font-family:var(--cmd-cond);font-weight:900;
  font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1;color:var(--cmd-orange);text-transform:uppercase}
.cmd .x-proof-cell strong{display:block;font-family:var(--cmd-cond);font-weight:700;
  letter-spacing:.12em;font-size:1.02rem;margin:7px 0 4px;color:#fff;text-transform:uppercase}
.cmd .x-proof-cell small{display:block;color:var(--cmd-muted);font-size:.83rem;line-height:1.4}
.cmd .x-proof-note{color:var(--cmd-muted);font-size:.85rem;line-height:1.5;max-width:88ch;margin:16px 0 0}

/* ── light sections ───────────────────────────────────── */
.cmd .x-light{background:var(--cmd-warm);color:#141414}
.cmd .x-light h2{color:#0B0B0B}
.cmd .x-light .intro{color:#3D3D3D}
.cmd .x-light .eyebrow{color:var(--cmd-orange-dark)}

/* ── 3 · INTAKE ───────────────────────────────────────── */
.cmd .x-steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.cmd .x-step{background:#fff;border:1px solid var(--cmd-warm-line);border-top:5px solid var(--cmd-orange);
  padding:26px 24px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.cmd .x-step-n{font-family:var(--cmd-cond);font-weight:900;font-size:2rem;color:var(--cmd-orange-dark);line-height:1}
.cmd .x-step h3{font-family:var(--cmd-cond);font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;font-size:1.35rem;margin:10px 0 8px;color:#0B0B0B}
.cmd .x-step p{margin:0;color:#3D3D3D;line-height:1.55;font-size:.98rem}
.cmd .x-intake-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.cmd .x-intake-cta .btn{font-family:var(--cmd-cond);font-weight:700;letter-spacing:.08em;
  font-size:1.1rem;padding:14px 28px;text-transform:uppercase}
.cmd .x-intake-cta .btn.solid{background:var(--cmd-orange);color:#140800;border:2px solid var(--cmd-orange)}
.cmd .x-intake-cta .btn.outline{background:transparent;color:#0B0B0B;border:2px solid #0B0B0B}
.cmd .x-intake-cta .btn.outline:hover{border-color:var(--cmd-orange-dark);color:var(--cmd-orange-dark)}

/* ── 4 · SERVICE CARDS ────────────────────────────────── */
.cmd .x-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.cmd .x-card{background:var(--cmd-graphite);border:1px solid var(--cmd-line);display:flex;flex-direction:column;overflow:hidden}
.cmd .x-card figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:#000}
.cmd .x-card figure img{width:100%;height:100%;object-fit:cover;display:block}
.cmd .x-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.cmd .x-card h3{font-family:var(--cmd-cond);font-weight:800;text-transform:uppercase;
  letter-spacing:.03em;font-size:1.55rem;margin:0;color:#fff;line-height:1.05}
.cmd .x-card .x-problem{margin:0;color:#EDEEF0;line-height:1.5;font-size:.98rem}
.cmd .x-card .x-deliv{margin:0;color:var(--cmd-muted);line-height:1.5;font-size:.9rem}
.cmd .x-card .x-deliv strong{color:#fff;font-weight:600}
.cmd .x-card .x-next{margin-top:auto;padding-top:8px;font-family:var(--cmd-cond);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--cmd-orange);text-decoration:none;font-size:1rem}
.cmd .x-card .x-next:hover{color:#fff}

/* ── 5 · BENCH ────────────────────────────────────────── */
.cmd .x-bench-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;margin-top:8px;align-items:start}
.cmd .x-bench-grid p{color:#D8DBDE;line-height:1.6;margin:0 0 14px}
.cmd .x-bench-grid p strong{color:#fff}
.cmd .x-hq{background:var(--cmd-graphite);border:1px solid var(--cmd-line);border-left:5px solid var(--cmd-orange);padding:24px 24px 20px}
.cmd .x-hq h3{font-family:var(--cmd-cond);font-weight:800;text-transform:uppercase;
  font-size:1.4rem;letter-spacing:.04em;margin:0 0 10px;color:#fff}
.cmd .x-hq p{font-size:.94rem}
.cmd .x-hq p:last-child{margin-bottom:0}
.cmd .x-hq a{color:var(--cmd-orange);text-decoration:none}
.cmd .x-hq a:hover{text-decoration:underline}

/* ── 6 · PEOPLE + PROCESS ─────────────────────────────── */
.cmd .x-people{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}
.cmd .x-person{background:#fff;border:1px solid var(--cmd-warm-line);overflow:hidden}
.cmd .x-person figure{margin:0;aspect-ratio:1/1;overflow:hidden;background:#DDD5C6}
.cmd .x-person figure img{width:100%;height:100%;object-fit:cover;display:block}
.cmd .x-person div{padding:16px 18px 18px}
.cmd .x-person h3{font-family:var(--cmd-cond);font-weight:800;text-transform:uppercase;
  font-size:1.3rem;margin:0;color:#0B0B0B;line-height:1.1}
.cmd .x-person p{margin:4px 0 0;color:var(--cmd-orange-dark);font-family:var(--cmd-cond);
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.95rem}
.cmd .x-process{margin-top:44px}
.cmd .x-process h3{font-family:var(--cmd-cond);font-weight:800;text-transform:uppercase;
  font-size:1.6rem;letter-spacing:.03em;color:#0B0B0B;margin:0 0 18px}
.cmd .x-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--cmd-warm-line);background:#fff}
.cmd .x-flow-step{padding:20px 16px;border-right:1px solid var(--cmd-warm-line);position:relative}
.cmd .x-flow-step:last-child{border-right:0}
.cmd .x-flow-step .x-step-n{font-size:1.6rem}
.cmd .x-flow-step h4{font-family:var(--cmd-cond);font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;font-size:1.08rem;margin:8px 0 6px;color:#0B0B0B;line-height:1.15}
.cmd .x-flow-step p{margin:0;color:#3D3D3D;font-size:.88rem;line-height:1.45}
.cmd .x-refbar{margin-top:34px;background:#0B0B0B;color:#fff;padding:26px 28px;
  display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border-left:6px solid var(--cmd-orange)}
.cmd .x-refbar h3{font-family:var(--cmd-cond);font-weight:800;text-transform:uppercase;
  font-size:1.5rem;margin:0 0 6px}
.cmd .x-refbar p{margin:0;color:var(--cmd-muted);max-width:64ch;line-height:1.5;font-size:.95rem}
.cmd .x-refbar .btn{font-family:var(--cmd-cond);font-weight:700;letter-spacing:.08em;
  font-size:1.05rem;padding:13px 26px;text-transform:uppercase;background:transparent;color:#fff;border:2px solid #fff}
.cmd .x-refbar .btn:hover{border-color:var(--cmd-orange);color:var(--cmd-orange)}

/* ── INDUSTRIES ───────────────────────────────────────── */
.cmd .x-ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.cmd .x-ind{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#000;text-decoration:none}
.cmd .x-ind img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82}
.cmd .x-ind span{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 13px;
  background:linear-gradient(180deg,rgba(5,5,5,0),rgba(5,5,5,.88));
  font-family:var(--cmd-cond);font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  font-size:1.25rem;color:#fff;line-height:1.1}
.cmd .x-ind:hover img{opacity:1}
.cmd .x-ind:hover span{color:var(--cmd-orange)}
.cmd .x-ind-more{margin-top:18px;color:var(--cmd-muted)}
.cmd .x-ind-more a{color:var(--cmd-orange);text-decoration:none;font-weight:600}
.cmd .x-ind-more a:hover{text-decoration:underline}

/* ── CLOSE ────────────────────────────────────────────── */
.cmd .x-close{text-align:center;border-top:4px solid var(--cmd-orange)}
.cmd .x-close .intro{margin-left:auto;margin-right:auto}
.cmd .x-close .hero-ctas{justify-content:center}
.cmd .x-close .btn{font-family:var(--cmd-cond);font-weight:700;letter-spacing:.08em;
  font-size:1.1rem;padding:15px 30px;text-transform:uppercase}
.cmd .x-close .btn.solid{background:var(--cmd-orange);color:#140800;border:2px solid var(--cmd-orange)}

/* ── DEEP FOOTER (homepage copy of the shared footer) ─── */
.cmd-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:30px}
.cmd-footer h4{font-family:var(--cmd-cond);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cmd-orange);font-size:1rem;margin:0 0 12px}
.cmd-footer ul{list-style:none;margin:0;padding:0}
.cmd-footer li{margin:0 0 8px}
.cmd-footer a{text-decoration:none;color:#EDEEF0}
.cmd-footer a:hover{color:var(--cmd-orange)}
.cmd-footer .f-contact p{margin:0 0 10px;color:#EDEEF0;line-height:1.5}

/* ── RESPONSIVE ───────────────────────────────────────── */
@media (max-width:1100px){
  .cmd .x-proof-grid{grid-template-columns:repeat(3,1fr)}
  .cmd .x-proof-cell{border-bottom:1px solid var(--cmd-line)}
  .cmd .x-cards{grid-template-columns:repeat(2,1fr)}
  .cmd .x-people{grid-template-columns:repeat(2,1fr)}
  .cmd .x-flow{grid-template-columns:repeat(2,1fr)}
  .cmd .x-flow-step{border-bottom:1px solid var(--cmd-warm-line)}
  .cmd .x-ind-grid{grid-template-columns:repeat(2,1fr)}
  .cmd .x-bench-grid{grid-template-columns:1fr}
  .cmd-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .cmd .x-hero-main{padding:64px 0 56px}
  .cmd .x-hero-title{font-size:clamp(3.4rem,17.5vw,4.6rem)}
  .cmd .x-proof-grid{grid-template-columns:repeat(2,1fr)}
  .cmd .x-steps3{grid-template-columns:1fr}
  .cmd .x-cards{grid-template-columns:1fr}
  .cmd .x-people{grid-template-columns:1fr 1fr}
  .cmd .x-flow{grid-template-columns:1fr}
  .cmd .x-ind-grid{grid-template-columns:1fr 1fr}
  .cmd .x-refbar{flex-direction:column;align-items:flex-start}
  .cmd-footer-grid{grid-template-columns:1fr}
}

/* ═══ V2 LAYER — COMMAND HERO (founder art direction 2026-11-05) ═══
   Centered composition, glowing 3D display type (Archivo 900), bright AI
   hero panel, raised surfaces. Supersedes the v1 .x-hero rules above. */

/* header polish (this stylesheet loads on the homepage only) */
header.topbar { border-bottom: 1px solid rgba(255,106,0,.45); }
header.topbar .navlinks a { letter-spacing: .14em; text-transform: uppercase; font-size: 13.5px; }
header.topbar .brand { letter-spacing: .05em; }
header.topbar .btn.solid { box-shadow: 0 8px 22px rgba(255,106,0,.35); }

.cmd .x-hero2 { position: relative; background: #050505; text-align: center; padding: 88px 0 34px; overflow: hidden; }
.cmd .x-hero2::before { content: ""; position: absolute; inset: 0; background: radial-gradient(58% 46% at 50% 26%, rgba(255,106,0,.17), rgba(255,106,0,0) 70%); pointer-events: none; }
.cmd .x-hero2-in { position: relative; display: flex; flex-direction: column; align-items: center; }
.cmd .x-eyebrow2 { color: var(--accent); letter-spacing: .34em; font-weight: 600; margin: 0; }
.cmd .x-hero2-title { font-family: 'Archivo', 'Barlow Condensed', sans-serif; font-weight: 900; text-transform: uppercase; font-size: clamp(56px, 12.5vw, 168px); line-height: .94; letter-spacing: -.01em; margin: 20px 0 4px; }
.cmd .x-hero2-title .w { color: #FFFFFF; text-shadow: 0 2px 0 #2B2B30, 0 4px 0 #1C1C20, 0 6px 0 #111114, 0 12px 26px rgba(0,0,0,.65), 0 0 44px rgba(255,255,255,.14); }
.cmd .x-hero2-title .o { color: #FF6A00; text-shadow: 0 2px 0 #C25100, 0 4px 0 #9E4100, 0 6px 0 #7A3200, 0 12px 28px rgba(0,0,0,.7), 0 0 38px rgba(255,106,0,.65), 0 0 110px rgba(255,106,0,.42); }
.cmd .x-hero2-sub { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: clamp(22px, 3vw, 34px); color: #FFFFFF; margin: 16px 0 0; }
.cmd .x-hero2-copy { max-width: 840px; color: #CFCFC9; font-size: 18px; line-height: 1.6; margin: 14px 0 0; }
.cmd .x-hero2-kicker { font-family: 'Archivo', sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: .14em; color: #FF6A00; font-size: clamp(15px, 1.6vw, 19px); margin: 22px 0 0; text-shadow: 0 0 24px rgba(255,106,0,.45); }
.cmd .x-hero2-ctas { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; margin-top: 28px; }
.cmd .x-hero2-ctas .btn.solid { box-shadow: 0 16px 36px rgba(255,106,0,.35), 0 4px 0 #9E4100; }
.cmd .x-hero2-ctas .btn.outline { box-shadow: 0 12px 28px rgba(0,0,0,.5); }
.cmd .x-hero2-panel { margin: 54px auto 0; width: 100%; max-width: 1180px; }
.cmd .x-hero2-panel img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; border-top: 4px solid var(--accent); box-shadow: 0 50px 100px rgba(0,0,0,.65), 0 0 80px rgba(255,106,0,.16); }
.cmd .x-hero2-panel figcaption { color: #8E8E93; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; padding-top: 14px; text-align: center; }

/* stat-wall energy on the proof bar + raised cards (3D depth) */
.cmd .x-proof b { text-shadow: 0 0 22px rgba(255,106,0,.45); }
.cmd .x-proof-grid > div { box-shadow: 0 14px 30px rgba(0,0,0,.4); }
.cmd .x-card { box-shadow: 0 18px 40px rgba(0,0,0,.45); transition: transform .25s ease, box-shadow .25s ease; }
.cmd .x-card:hover { transform: translateY(-4px); box-shadow: 0 26px 50px rgba(0,0,0,.55); }
.cmd .x-tile { box-shadow: 0 14px 30px rgba(0,0,0,.4); }

@media (max-width: 640px) {
  .cmd .x-hero2 { padding-top: 64px; }
  .cmd .x-eyebrow2 { letter-spacing: .22em; }
  .cmd .x-hero2-copy { font-size: 16.5px; }
  .cmd .x-hero2-panel { margin-top: 40px; }
}

.cmd .x-hero2-title .block { display: block; }

/* Self-hosted display font (Archivo variable, latin subset) — removes the
   third-party font dependency for the command hero. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/archivo-latin.woff2') format('woff2');
}

/* ═══ V4 LAYER — leadership bios (canonical, from apexgrideng.com/about) ═══ */
.cmd .x-person p.x-desc { margin: 7px 0 0; font-family: var(--cmd-body); font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; font-size: .78rem; color: #8A8578; }
.cmd .x-person p.x-bio { margin: 10px 0 0; font-family: var(--cmd-body); font-weight: 400;
  letter-spacing: 0; text-transform: none; font-size: .92rem; line-height: 1.55; color: #45423B; }
@media (max-width: 640px) {
  .cmd .x-people { grid-template-columns: 1fr; }
  .cmd .x-person { display: grid; grid-template-columns: 118px 1fr; }
  .cmd .x-person figure { aspect-ratio: auto; height: 100%; }
}

/* ═══ V5 LAYER — INTAKE FORM FIELD LAYOUT (walk cure 2026-11-06) ═══
   DEFECT-1 cure: the #start intake form shipped with no field rules at
   all and rendered as raw inline flow at phone width (17 label/field
   overlaps, 185px inputs). These rules give it the same stacked
   register its twin on /request-proposal carries inline (the .rp layer
   in server.js): white card, label over full-width field, orange focus. */
.cmd .x-form{margin-top:28px;background:#fff;border:1px solid #E9E2D2;
  border-top:4px solid var(--cmd-orange);border-radius:12px;
  padding:26px 26px 20px;box-shadow:0 16px 40px rgba(11,8,2,.10)}
.cmd .x-form-head{font-family:var(--cmd-cond);font-weight:800;font-size:1.55rem;
  letter-spacing:.02em;text-transform:uppercase;color:#141414;margin:0 0 6px}
.cmd .x-form-sub{color:#3d3a33;margin:0 0 18px;max-width:62ch;line-height:1.55}
.cmd .x-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cmd .x-field{display:flex;flex-direction:column;gap:6px}
.cmd .x-field>span{font-family:var(--cmd-body);font-weight:700;font-size:.78rem;
  letter-spacing:.12em;text-transform:uppercase;color:#6b6455}
.cmd .x-field input,.cmd .x-field select,.cmd .x-field textarea{
  font-family:var(--cmd-body);font-weight:500;font-size:.98rem;color:#141414;
  background:#FBFAF6;border:1.5px solid #D8D0BE;border-radius:8px;
  padding:11px 12px;width:100%;box-sizing:border-box}
.cmd .x-field input:focus,.cmd .x-field select:focus,.cmd .x-field textarea:focus{
  outline:2px solid var(--cmd-orange);outline-offset:1px;border-color:var(--cmd-orange)}
.cmd .x-field textarea{resize:vertical;min-height:110px}
.cmd .x-field-wide{grid-column:1/-1}
.cmd .x-form .x-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cmd .x-form-submit{margin-top:18px}
.cmd .x-form-note{color:#8a4a00;min-height:1.2em;margin:10px 0 0}
.cmd .x-form-fine{font-size:.9rem;color:#6b6455;margin:8px 0 0}
.cmd .x-form-fine a{color:var(--cmd-orange-dark)}
.cmd .x-form-success{background:#0e2a12;border:1px solid #2f7a3d;color:#d7f5dc;
  border-radius:10px;padding:22px}
.cmd .x-form-success strong{font-family:var(--cmd-cond);font-weight:800;
  font-size:1.3rem;letter-spacing:.03em;text-transform:uppercase;
  display:block;margin-bottom:6px}
.cmd .x-form-success p{margin:0;line-height:1.6}
@media (max-width:640px){
  .cmd .x-form{padding:22px 18px 16px}
  .cmd .x-form-grid{grid-template-columns:1fr}
}