/* CONTACT: dark grainy tablet with a concave notch, rail of buttons, stacked step cards (reference: grey tablet UI) */
html body.a-contact{background:radial-gradient(120% 80% at 50% 0,#3a3a3a,#161616)!important}
html body.a-contact main.content{padding:10px var(--pad) 50px}
.ac{max-width:1180px;margin:0 auto}
.ac-tablet{position:relative;display:grid;gap:14px;padding:14px;border-radius:34px;background:#2b2b2b;border:1px solid #555;box-shadow:inset 0 0 0 4px #1d1d1d,0 40px 80px rgba(0,0,0,.55);overflow:hidden}
.ac-tablet::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@media(min-width:960px){.ac-tablet{grid-template-columns:78px minmax(0,1fr) 270px;padding:20px;gap:18px}}
.ac-rail{border-radius:40px;background:#444;padding:14px 8px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
@media(min-width:960px){.ac-rail{flex-direction:column;justify-content:flex-start;min-height:520px}}
.ac-star{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#656565;color:#fff;font-size:18px;margin-bottom:6px}
.ac-rail .ct-ch{display:contents}
.ac-rail .ct-ch a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2f2f2f;transition:transform .25s,background .25s}
.ac-rail .ct-ch a:hover{background:#d8d8d8;transform:scale(1.12)}
.ac-rail .ct-ch a:hover svg{stroke:#000}
.ac-rail .ct-ch svg{width:18px;height:18px;stroke:#ddd;fill:none;stroke-width:1.6}
.ac-rail .ct-ch small,.ac-rail .ct-ch b{display:none}
.ac-main{position:relative;z-index:1;border-radius:28px;background:#666;padding:26px;min-height:420px;display:flex;flex-direction:column}
.ac-mono{font:600 9px/1 "Space Mono",monospace;letter-spacing:.16em;color:#ccc}
html body.a-contact main.content .ac-h{font-size:clamp(26px,4.4vw,56px)!important;line-height:1;font-weight:500!important;letter-spacing:-.045em!important;color:#fff!important;max-width:11em;margin:12px 0 18px}
.ac-main .ct-form{background:#2b2b2b!important;border-radius:22px;padding:20px;color:#fff;box-shadow:none;margin-top:auto}
.ac-main .ct-q label{color:#fff;font-size:15px}.ac-main .ct-q .sub{color:#aaa}
.ac-main input,.ac-main textarea{background:#3a3a3a!important;border:1px solid #555!important;color:#fff!important;border-radius:12px}
.ac-main .ct-chips button{background:#3a3a3a;border:1px solid #666;color:#eee;border-radius:999px}
.ac-main .ct-chips button.on{background:#e8e8e6;color:#000}
.ac-main .ct-nav .go{background:#e8e8e6;color:#000;border-radius:999px}.ac-main .ct-nav .back{color:#ccc}
.ac-main .ct-prog{background:#444}.ac-main .ct-prog i{background:#fff}
.ac-main .ct-done{color:#fff}.ac-main .ct-done .p{color:#ccc}
.ac-side{position:relative;z-index:1;display:grid;gap:0;align-content:start}
.ac-side .ct-three{display:grid;gap:0}
.ac-side .ct-three>div{margin-top:-30px;padding:20px 18px 40px;border-radius:26px;box-shadow:0 -10px 24px rgba(0,0,0,.3);transition:transform .35s}
.ac-side .ct-three>div:nth-child(1){background:#d6d6d4;color:#111;margin-top:0;z-index:1}
.ac-side .ct-three>div:nth-child(2){background:#9b9b99;color:#111;z-index:2}
.ac-side .ct-three>div:nth-child(3){background:#6b6b69;color:#fff;z-index:3}
.ac-side .ct-three>div:hover{transform:translateY(-10px)}
.ac-side .ct-three i{font-style:normal;font-size:9px;opacity:.6;display:block;margin-bottom:6px}
.ac-side .ct-three b{display:block;font-size:14px;color:inherit}.ac-side .ct-three span{font-size:11px;color:inherit}
.ac .ct-faq{max-width:760px;margin:36px auto 0}.ac .ct-faq details{border-bottom:1px solid #444;padding:12px 0;color:#eee}.ac .ct-faq summary{font-size:14px;color:#fff}.ac .ct-faq p{color:#aaa}
.ac-notch{display:none}