@font-face { font-family:'AutoDisplay'; src:url('/fonts/RobotoCondensed-Variable.ttf') format('truetype'); font-style:normal; font-weight:100 900; font-display:swap; }
@font-face { font-family:'AutoSans'; src:url('/fonts/Onest-Variable.ttf') format('truetype'); font-style:normal; font-weight:100 900; font-display:swap; }
:root { --ink:#0c1011; --paper:#e9e6dc; --acid:#d5ff30; --warm:#fa6f4d; --line:rgba(233,230,220,.18); --muted:#9ca5a0; --display:'AutoDisplay','Arial Narrow',sans-serif; --sans:'AutoSans',Arial,sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; background:var(--ink); -webkit-text-size-adjust:100%; text-size-adjust:100%; } body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); font-synthesis:none; overflow-x:hidden; } a { color:inherit; text-decoration:none; }
.noise { position:fixed; inset:0; opacity:.08; pointer-events:none; z-index:10; background-image:radial-gradient(rgba(255,255,255,.55) .55px, transparent .7px); background-size:5px 5px; mix-blend-mode:overlay; } .page-grid { position:fixed; z-index:0; inset:0; pointer-events:none; opacity:.2; background-image:linear-gradient(90deg,transparent 0 calc(50% - .5px),rgba(233,230,220,.1) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(rgba(233,230,220,.035) 1px,transparent 1px); background-size:100% 100%,100% 7.4rem; }
.topbar,.section,footer { position:relative; z-index:1; } .topbar { height:76px; padding:0 clamp(1.2rem,4vw,4.6rem); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); } .brand { display:inline-flex; align-items:center; gap:.62rem; font-size:.74rem; font-weight:800; letter-spacing:.13em; } .brand-dot { width:.55rem; height:.55rem; background:var(--acid); border-radius:50%; box-shadow:0 0 0 5px rgba(213,255,48,.1),0 0 18px var(--acid); }
nav { display:flex; gap:clamp(1rem,2.3vw,2.8rem); font-size:.69rem; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); } nav a { transition:color .2s ease; } nav a:hover { color:var(--acid); } .top-call { padding:.62rem .95rem; border:1px solid var(--acid); color:var(--acid); border-radius:100px; font-size:.67rem; text-transform:uppercase; letter-spacing:.09em; font-weight:800; transition:background .2s,color .2s; } .top-call:hover { background:var(--acid); color:var(--ink); }
.section { padding-left:clamp(1.2rem,7vw,8.5rem); padding-right:clamp(1.2rem,7vw,8.5rem); } .hero { min-height:min(780px,calc(100vh - 76px)); padding-top:clamp(4.5rem,12vh,8.5rem); padding-bottom:3rem; display:grid; grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr); align-items:center; overflow:hidden; } .eyebrow { min-width:0; display:flex; align-items:center; gap:.55rem; margin:0 0 1.4rem; color:var(--acid); text-transform:uppercase; letter-spacing:.14em; line-height:1.4; font-size:.65rem; font-weight:800; } .eyebrow > span:first-child { flex:0 0 32px; height:1px; width:32px; background:currentColor; } .eyebrow > span:last-child { min-width:0; }
h1,h2 { max-width:100%; margin:0; font-family:var(--display); font-weight:900; text-transform:uppercase; letter-spacing:-.035em; line-height:.86; } h1 { font-size:clamp(4.3rem,9.6vw,10.4rem); max-width:900px; } h2 { font-size:clamp(3.6rem,7.3vw,8.6rem); } h1 em,h2 em { color:var(--acid); font-style:normal; } .hero-lead { max-width:37rem; color:#bcc3be; line-height:1.55; font-size:clamp(.98rem,1.2vw,1.14rem); margin:2rem 0 2.1rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.7rem; } .button { display:inline-flex; align-items:center; gap:2rem; padding:.95rem 1.1rem; border-radius:2px; text-transform:uppercase; letter-spacing:.09em; font-size:.67rem; font-weight:800; transition:transform .2s,background .2s; } .button b { font-size:1.1rem; line-height:.6; } .button:hover { transform:translateY(-3px); } .button-primary { color:var(--ink); background:var(--acid); } .button-primary:hover { background:#e2ff62; } .button-ghost { border:1px solid rgba(233,230,220,.32); color:var(--paper); }
.scanner-art { justify-self:end; width:min(44vw,575px); aspect-ratio:1; position:relative; margin-right:-4vw; } .ring { position:absolute; left:50%; top:50%; border-radius:50%; border:1px solid rgba(213,255,48,.36); transform:translate(-50%,-50%); } .ring-a { width:95%; height:95%; border-color:rgba(233,230,220,.15); } .ring-b { width:68%; height:68%; border-style:dashed; animation:spin 20s linear infinite; } .ring-c { width:35%; height:35%; border-color:var(--acid); box-shadow:0 0 50px rgba(213,255,48,.16); } .crosshair::before,.crosshair::after { position:absolute; content:''; left:50%; top:50%; background:rgba(233,230,220,.2); transform:translate(-50%,-50%); } .crosshair::before { width:100%; height:1px; } .crosshair::after { height:100%; width:1px; } .pulse-core { position:absolute; left:50%; top:50%; width:8.8%; aspect-ratio:1; transform:translate(-50%,-50%); background:var(--acid); border-radius:50%; box-shadow:0 0 0 13px rgba(213,255,48,.1),0 0 42px 8px rgba(213,255,48,.38); animation:breathe 2.7s ease-in-out infinite; } .pulse-core i { position:absolute; inset:30%; border-radius:50%; background:var(--ink); } .scanner-label { position:absolute; color:var(--muted); font:700 .58rem/1 var(--sans); letter-spacing:.12em; } .label-one { top:14%; left:13%; } .label-two { bottom:15%; right:10%; color:var(--acid); } .scanner-reading { position:absolute; top:30%; right:4%; display:grid; text-align:right; color:var(--muted); font-size:.53rem; letter-spacing:.16em; } .scanner-reading strong { color:var(--paper); font-size:clamp(1.4rem,2.5vw,2.1rem); letter-spacing:-.04em; margin-top:.18rem; } .diag-line { position:absolute; left:-3%; bottom:24%; width:43%; height:22%; display:flex; align-items:center; gap:3px; transform:skewY(-20deg); } .diag-line::before { content:''; height:1px; position:absolute; inset:50% 0 auto; background:rgba(250,111,77,.5); } .diag-line i { width:5px; background:var(--warm); display:block; } .diag-line i:nth-child(1) { height:12%; }.diag-line i:nth-child(2) { height:40%; }.diag-line i:nth-child(3) { height:23%; }.diag-line i:nth-child(4) { height:80%; }.diag-line i:nth-child(5) { height:32%; }.diag-line i:nth-child(6) { height:54%; }.diag-line i:nth-child(7) { height:18%; }
.hero-foot { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; align-self:end; margin-top:3.4rem; padding-top:1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.58rem; letter-spacing:.12em; } .scroll-cue { color:var(--paper); } .scroll-cue b { color:var(--acid); font-size:.9rem; }
.services { padding-top:clamp(6rem,13vw,11rem); padding-bottom:clamp(6rem,13vw,12rem); background:var(--paper); color:var(--ink); } .section-intro { display:grid; grid-template-columns:1.15fr .85fr; column-gap:2rem; align-items:end; } .section-intro .eyebrow { grid-column:1 / -1; color:#5c665d; } .section-intro > p:last-child { max-width:28rem; margin:0 0 .65rem; line-height:1.55; color:#4d544f; } .service-list { margin-top:clamp(3.5rem,7vw,6.8rem); display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(12,16,17,.24); border-left:1px solid rgba(12,16,17,.24); } .service-card { min-height:340px; position:relative; padding:1.1rem; display:flex; flex-direction:column; border-right:1px solid rgba(12,16,17,.24); border-bottom:1px solid rgba(12,16,17,.24); overflow:hidden; transition:background .25s,color .25s; } .service-card:hover { background:var(--ink); color:var(--paper); } .service-card.feature { background:var(--acid); } .service-card.feature:hover { color:var(--ink); background:#c5ee22; } .service-index { font-size:.58rem; font-weight:800; letter-spacing:.12em; } .service-card h3 { max-width:100%; font:900 clamp(1.5rem,2.15vw,2.55rem)/.9 var(--display); text-transform:uppercase; letter-spacing:-.025em; margin:auto 0 1rem; overflow-wrap:anywhere; } .service-card p { max-width:19rem; font-size:.8rem; line-height:1.5; margin:0; opacity:.72; } .service-mark { position:absolute; top:.75rem; right:.95rem; font:800 2.1rem/1 var(--display); opacity:.55; }
.services .section-intro h2 em { color:var(--ink); background:linear-gradient(transparent 72%,var(--acid) 72%,var(--acid) 91%,transparent 91%); }
.process { padding-top:clamp(6rem,13vw,12rem); padding-bottom:clamp(6rem,12vw,11rem); display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(3rem,9vw,10rem); align-items:center; } .process-visual { height:min(53vw,560px); min-height:360px; position:relative; border:1px solid var(--line); background:radial-gradient(circle at 35% 42%,rgba(213,255,48,.11),transparent 27%),linear-gradient(135deg,rgba(233,230,220,.04),transparent 52%); overflow:hidden; } .process-visual::after { content:''; position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 48px,rgba(233,230,220,.08) 49px 50px); opacity:.6; } .axis { position:absolute; left:12%; right:12%; top:51%; height:1px; background:rgba(233,230,220,.26); transform:rotate(-25deg); transform-origin:left; } .path-line { position:absolute; width:62%; left:20%; top:53%; height:1px; background:var(--acid); transform:rotate(-25deg); transform-origin:left; box-shadow:0 0 15px rgba(213,255,48,.75); } .point { position:absolute; width:.76rem; height:.76rem; border-radius:50%; background:var(--acid); box-shadow:0 0 0 5px rgba(213,255,48,.13); z-index:1; } .p-one { left:19%; top:66%; }.p-two { left:48%; top:53%; }.p-three { right:18%; top:35%; } .axis-label { position:absolute; z-index:2; color:var(--muted); font-size:.58rem; letter-spacing:.12em; }.axis-label.a { left:9%; bottom:20%; }.axis-label.b { left:45%; top:57%; }.axis-label.c { right:10%; top:23%; color:var(--acid); } .process-copy .eyebrow { margin-bottom:1.8rem; } .process-copy h2 { font-size:clamp(3.5rem,6vw,7.2rem); }.process-copy ol { list-style:none; margin:clamp(2.5rem,4vw,4rem) 0 0; padding:0; border-top:1px solid var(--line); }.process-copy li { display:grid; grid-template-columns:4.2rem 1fr; gap:.6rem; padding:1.1rem 0; border-bottom:1px solid var(--line); font-size:.86rem; color:var(--muted); line-height:1.45; }.process-copy li b { color:var(--acid); font-size:.65rem; letter-spacing:.1em; }.process-copy li strong { display:block; color:var(--paper); font-weight:700; margin-bottom:.1rem; }
.contact { overflow:hidden; padding-top:clamp(6rem,12vw,10rem); padding-bottom:clamp(4rem,8vw,7rem); min-height:790px; background:var(--warm); color:var(--ink); }.contact .eyebrow { color:var(--ink); position:relative; z-index:2; }.contact h2 { position:relative; z-index:2; font-size:clamp(5rem,10vw,12rem); max-width:9em; }.contact h2 em { color:var(--paper); }.contact-lead { position:relative; z-index:2; max-width:31rem; margin:2rem 0; line-height:1.55; font-size:1.03rem; }.phone-number { max-width:100%; position:relative; z-index:2; display:inline-flex; align-items:center; gap:.9rem; font:900 clamp(2.25rem,4.9vw,5.4rem)/1 var(--display); letter-spacing:-.035em; text-transform:uppercase; border-bottom:2px solid var(--ink); padding-bottom:.2rem; transition:color .2s,border-color .2s; }.phone-number:hover { color:var(--paper); border-color:var(--paper); }.phone-number b { flex:0 0 auto; font-family:var(--sans); font-size:.55em; }.socials { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:.55rem; margin-top:2.7rem; max-width:60rem; }.social { min-width:125px; padding:.62rem .7rem; border:1px solid rgba(12,16,17,.45); display:grid; align-items:center; grid-template-columns:1.35rem 1fr auto; gap:.35rem; text-transform:uppercase; font-size:.64rem; letter-spacing:.07em; font-weight:800; transition:background .2s,color .2s,transform .2s; }.social i { width:1.3rem; height:1.3rem; border-radius:50%; display:grid; place-items:center; background:var(--ink); color:var(--warm); font-style:normal; font-size:.57rem; }.social b { font-size:.86rem; font-weight:400; }.social:hover { background:var(--ink); color:var(--paper); transform:translateY(-3px); }.social:hover i { background:var(--acid); color:var(--ink); }.loading-socials { font-size:.72rem; letter-spacing:.08em; }.contact-meta { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:2rem; margin-top:3.3rem; padding-top:1rem; border-top:1px solid rgba(12,16,17,.42); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }.contact-meta p { margin:0; }.contact-orbit { position:absolute; height:clamp(30rem,50vw,49rem); width:clamp(30rem,50vw,49rem); right:-9vw; top:-9vw; border:1px solid rgba(12,16,17,.5); border-radius:50%; animation:spin 30s linear infinite; }.contact-orbit::before,.contact-orbit::after { content:''; position:absolute; inset:9%; border:1px solid rgba(12,16,17,.28); border-radius:50%; }.contact-orbit::after { inset:27%; border-color:rgba(233,230,220,.68); }.contact-orbit span { position:absolute; width:110%; top:7%; left:-4%; font:800 clamp(1rem,2vw,2rem) var(--display); letter-spacing:.1em; white-space:nowrap; transform:rotate(-15deg); }
footer { display:grid; grid-template-columns:1fr auto 1fr; gap:1rem; align-items:center; padding:1.35rem clamp(1.2rem,4vw,4.6rem); color:var(--muted); font-size:.55rem; letter-spacing:.1em; text-transform:uppercase; border-top:1px solid var(--line); } footer span:nth-child(2) { color:var(--paper); }.analytics-note { justify-self:end; text-align:right; }
@keyframes spin { to { transform:rotate(360deg); } } @keyframes breathe { 50% { box-shadow:0 0 0 22px rgba(213,255,48,.05),0 0 58px 15px rgba(213,255,48,.52); transform:translate(-50%,-50%) scale(1.12); } }
@media (max-width:840px) { .topbar { height:65px; }.topbar nav { display:none; }.hero { min-height:710px; grid-template-columns:1fr; padding-top:4rem; }.scanner-art { width:min(80vw,480px); margin:-1rem -9vw -5rem auto; }.hero-foot { margin-top:1rem; }.section-intro { grid-template-columns:1fr; gap:1.7rem; }.service-list { grid-template-columns:1fr 1fr; }.process { grid-template-columns:1fr; }.process-visual { order:2; height:82vw; }.contact { min-height:700px; }.contact-orbit { right:-30vw; top:-3rem; } footer { grid-template-columns:1fr; }.analytics-note { justify-self:start; text-align:left; } }
@media (max-width:520px) { .top-call { padding:.55rem .74rem; font-size:.58rem; }.section { padding-left:clamp(1rem,5vw,1.35rem); padding-right:clamp(1rem,5vw,1.35rem); }.hero { min-height:645px; }.hero h1 { font-size:clamp(3.35rem,16.5vw,5rem); line-height:.88; }.hero-lead { font-size:.9rem; }.hero-actions { display:grid; }.button { justify-content:space-between; }.hero-foot { gap:.75rem; flex-wrap:wrap; font-size:.49rem; line-height:1.5; }.section-intro h2 { font-size:clamp(3.2rem,15.5vw,4.6rem); }.service-list { grid-template-columns:1fr; }.service-card { min-height:250px; }.process-copy h2 { font-size:clamp(3.15rem,15vw,4.55rem); }.contact h2 { font-size:clamp(3.8rem,18vw,5.6rem); }.phone-number { gap:.45rem; font-size:clamp(1.7rem,8.5vw,2.8rem); }.contact-meta { gap:.8rem; flex-direction:column; }.contact-orbit { opacity:.65; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }

/* Five-service editorial grid */
.service-list { grid-template-columns:repeat(6,1fr); }
.service-card { grid-column:span 2; }
.service-card:nth-child(4),.service-card:nth-child(5) { grid-column:span 3; min-height:285px; }
.service-card.climate { background:var(--ink); color:var(--paper); }
.service-card.climate .service-mark { color:var(--acid); opacity:1; }
.service-card.climate:hover { background:var(--acid); color:var(--ink); }

/* Callback panel */
.contact { min-height:auto; }
.contact-layout { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr); gap:clamp(2.5rem,7vw,8rem); align-items:end; margin-top:clamp(2.2rem,5vw,4.8rem); }
.contact-direct { min-width:0; }
.contact-lead { margin-top:0; }
.callback-form { scroll-margin-top:2rem; padding:clamp(1.2rem,2.4vw,2rem); background:var(--ink); color:var(--paper); box-shadow:15px 15px 0 rgba(12,16,17,.15); border:1px solid rgba(233,230,220,.18); }
.form-head { display:grid; gap:.65rem; padding-bottom:1.35rem; border-bottom:1px solid var(--line); }
.form-head > span { color:var(--acid); font-size:.57rem; font-weight:800; letter-spacing:.15em; }
.form-head strong { max-width:100%; font:900 clamp(2.3rem,4vw,4.4rem)/.9 var(--display); letter-spacing:-.025em; text-transform:uppercase; }
.form-head p { margin:0; max-width:30rem; color:var(--muted); font-size:.78rem; line-height:1.45; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.35rem; }
.form-grid label { display:grid; gap:.48rem; }
.form-grid label > span { font-size:.58rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#bcc3be; }
.form-grid label > span i { font-style:normal; color:#737c77; font-weight:500; }
.form-wide { grid-column:1 / -1; }
.form-grid input,.form-grid select,.form-grid textarea { width:100%; min-height:48px; padding:.8rem .86rem; color:var(--paper); background:#171d1f; border:1px solid rgba(233,230,220,.22); border-radius:0; outline:none; font:500 .82rem/1.3 var(--sans); transition:border-color .2s,box-shadow .2s; }
.form-grid textarea { min-height:82px; resize:vertical; }
.form-grid select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--acid) 50%),linear-gradient(135deg,var(--acid) 50%,transparent 50%); background-position:calc(100% - 16px) 20px,calc(100% - 11px) 20px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus { border-color:var(--acid); box-shadow:0 0 0 3px rgba(213,255,48,.09); }
.form-grid input::placeholder,.form-grid textarea::placeholder { color:#68716d; }
.form-trap { position:absolute !important; left:-10000px; width:1px; height:1px; overflow:hidden; }
.consent { grid-template-columns:18px 1fr !important; align-items:start; gap:.7rem !important; cursor:pointer; }
.consent input { appearance:none; min-height:18px; height:18px; width:18px; padding:0; margin:0; border:1px solid rgba(233,230,220,.45); display:grid; place-items:center; cursor:pointer; }
.consent input::after { content:'✓'; color:var(--ink); font-size:.72rem; font-weight:900; opacity:0; }
.consent input:checked { background:var(--acid); border-color:var(--acid); }
.consent input:checked::after { opacity:1; }
.consent > span { font-size:.62rem !important; line-height:1.45; letter-spacing:.04em !important; text-transform:none !important; font-weight:500 !important; }
.callback-submit { width:100%; margin-top:1.3rem; border:0; padding:1rem 1.1rem; display:flex; align-items:center; justify-content:space-between; color:var(--ink); background:var(--acid); font:800 .67rem/1 var(--sans); letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:transform .2s,background .2s,opacity .2s; }
.callback-submit b { font-size:1.1rem; }
.callback-submit:hover { transform:translateY(-3px); background:#e2ff62; }
.callback-submit:disabled { cursor:wait; opacity:.65; transform:none; }
.form-status { min-height:1.1rem; margin:.8rem 0 0; font-size:.7rem; line-height:1.4; }
.form-status.is-pending { color:var(--muted); }.form-status.is-success { color:var(--acid); }.form-status.is-error { color:#ff896e; }

@media (max-width:960px) {
  .contact-layout { grid-template-columns:1fr; align-items:start; }
  .callback-form { max-width:680px; }
}
@media (max-width:840px) {
  .service-list { grid-template-columns:1fr 1fr; }
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5) { grid-column:auto; min-height:300px; }
  .service-card:nth-child(5) { grid-column:1 / -1; }
}
@media (max-width:520px) {
  .service-list { grid-template-columns:1fr; }
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5) { grid-column:auto; min-height:250px; }
  .contact { padding-bottom:3.5rem; }
  .contact-layout { width:100%; min-width:0; gap:3.4rem; }
  .contact-direct,.callback-form { width:100%; min-width:0; }
  .form-grid { grid-template-columns:1fr; }
  .form-wide { grid-column:auto; }
  .callback-form { padding:1.25rem; color:var(--paper); background:var(--ink); border:1px solid rgba(233,230,220,.2); box-shadow:9px 9px 0 rgba(12,16,17,.18); }
  .form-head { gap:.7rem; padding-bottom:1.5rem; border-bottom:1px solid var(--line); }
  .form-head > span { color:var(--acid); }
  .form-head strong { max-width:7em; font-size:clamp(2.7rem,13.5vw,4rem); line-height:.86; }
  .form-head p { max-width:24rem; color:var(--muted); font-size:.82rem; }
  .form-grid { gap:1.25rem; margin-top:1.65rem; }
  .form-grid label { min-width:0; gap:.55rem; }
  .form-grid label > span { color:#bcc3be; }
  .form-grid label > span i { color:#737c77; }
  .form-grid input,.form-grid select,.form-grid textarea { min-width:0; min-height:52px; padding:.82rem .86rem; color:var(--paper); background:#171d1f; border:1px solid rgba(233,230,220,.22); font-size:1rem; border-radius:0; box-shadow:none; }
  .form-grid textarea { min-height:90px; }
  .form-grid input::placeholder,.form-grid textarea::placeholder { color:#68716d; }
  .form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus { border-color:var(--acid); box-shadow:0 0 0 3px rgba(213,255,48,.09); }
  .form-grid select { padding-right:2rem; background-color:#171d1f; background-image:linear-gradient(45deg,transparent 50%,var(--acid) 50%),linear-gradient(135deg,var(--acid) 50%,transparent 50%); background-position:calc(100% - 16px) 23px,calc(100% - 11px) 23px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
  .consent { margin-top:.15rem; }
  .consent input { min-height:20px; height:20px; width:20px; border:1px solid rgba(233,230,220,.45); }
  .consent input:checked { background:var(--acid); border-color:var(--acid); }
  .consent input::after { color:var(--ink); }
  .consent > span { color:#bcc3be !important; }
  .callback-submit { min-height:55px; margin-top:1.45rem; color:var(--ink); background:var(--acid); font-size:.72rem; }
  .callback-submit:hover { color:var(--ink); background:#e2ff62; }
  .form-status { min-height:1.25rem; font-size:.75rem; }
  .form-status.is-pending { color:var(--muted); }
  .form-status.is-success { color:var(--acid); font-weight:800; }
  .form-status.is-error { color:#ff896e; font-weight:700; }
}