/* Alpha.sh Talk to us page (/talk-to-us/). Loaded after site.css, which provides the tokens,
   the header, the footer, .wrap and .btn. Everything here is prefixed .talk- (plus .hp). */

/* Hero */
.talk-hero{position:relative;overflow:hidden;background:radial-gradient(90% 120% at 85% 100%,#2A3486 0%,#151A45 50%,#0E1233 100%);color:#F5F4FF}
.talk-hero::before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(200deg,rgba(0,0,0,.9),transparent 70%);mask-image:linear-gradient(200deg,rgba(0,0,0,.9),transparent 70%);pointer-events:none}
.talk-grid{position:relative;padding-top:96px;padding-bottom:112px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:64px;align-items:start}

/* Left column */
.talk-copy{display:flex;flex-direction:column;gap:56px;padding-top:24px;min-width:0}
.talk-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8FA6FF}
.talk-copy h1{margin:14px 0 0;font-size:64px;line-height:.98;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
.talk-lede{margin:24px 0 0;font-size:19px;line-height:1.5;color:#B3B8E4;max-width:44ch;text-wrap:pretty}
.talk-checks{margin:32px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.talk-checks li{display:flex;align-items:center;gap:14px;font-size:17px;line-height:1.35;color:#DDE0F5}
.talk-checks i{width:22px;height:22px;border-radius:50%;border:1.5px solid #8FA6FF;display:grid;place-items:center;flex:none}

.talk-get-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.talk-get-head h2{font-size:17px;font-weight:500;color:#DDE0F5}
.talk-more{font-size:14.5px;color:#8FA6FF;white-space:nowrap}
.talk-more:hover{color:#fff}
.talk-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.talk-card-item{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);min-width:0}
.talk-icon{width:46px;height:46px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none;padding:7px}
.talk-icon img{width:32px;height:32px;max-width:100%;max-height:100%;object-fit:contain}
.talk-badge{background:rgba(255,255,255,.08);font-family:var(--mono);font-size:13px;font-weight:500;color:#8FA6FF}
.talk-card-item p{font-size:15.5px;line-height:1.4;color:#C5C9EC}
.talk-card-item b{color:#fff;font-weight:600}

/* Form card */
.talk-card{background:#fff;color:var(--ink);border-radius:16px;padding:40px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);min-width:0}
.talk-card [hidden]{display:none!important}
.talk-form{display:flex;flex-direction:column;gap:20px}
.talk-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.talk-field{display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--muted);min-width:0}
.talk-req{color:var(--blue)}
.talk-input{width:100%;min-width:0;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#FAFAF8;font:inherit;font-size:15.5px;line-height:1.4;color:var(--ink);-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.talk-input::placeholder{color:#8A8477;opacity:1}
.talk-input:focus,.talk-input:focus-visible{outline:none;border-radius:9px;border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,68,232,.15)}
.talk-textarea{height:auto;padding:12px 14px;line-height:1.5;resize:vertical}
.talk-chips{display:flex;gap:8px;flex-wrap:wrap}
.talk-chip{height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.talk-chip:hover{border-color:var(--border)}
.talk-chip[aria-pressed="true"]{border-color:var(--blue);background:rgba(27,68,232,.08);color:var(--blue)}
.talk-chip:focus-visible{border-radius:999px}
.talk-check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--muted);cursor:pointer}
.talk-check input{margin:3px 0 0;width:16px;height:16px;flex:none;accent-color:var(--blue)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.talk-error{margin:0;padding:11px 14px;border:1px solid rgba(180,52,42,.3);border-radius:9px;background:rgba(180,52,42,.06);color:var(--red);font-size:14.5px;line-height:1.45}
.talk-submit{height:50px;margin-top:4px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-size:15.5px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}
.talk-submit:hover{background:var(--blue-hover)}
.talk-submit:disabled{opacity:.65;cursor:default}
.talk-submit:disabled:hover{background:var(--blue)}
.talk-submit:focus-visible{border-radius:10px}
.talk-note{margin:0;text-align:center;font-size:13.5px;line-height:1.55;color:var(--faint)}
.talk-note a{text-decoration:underline;text-underline-offset:2px}

/* Success state */
.talk-success{display:flex;flex-direction:column;gap:18px;padding:16px 0}
.talk-success-icon{width:44px;height:44px;border-radius:50%;background:rgba(10,122,80,.1);display:grid;place-items:center}
.talk-success-title{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.15}
.talk-success-title:focus{outline:none}
.talk-success-lede{font-size:16px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
.talk-success-lede b{font-weight:600;color:var(--ink)}
.talk-success-more{font-size:15px;line-height:1.55;color:var(--muted)}
.talk-success-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.talk-btn{height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:14.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.talk-btn:focus-visible{border-radius:9px}
.talk-btn-dark{background:var(--ink);color:#fff;border:0}
.talk-btn-dark:hover{background:#000;color:#fff}
.talk-btn-outline{background:#fff;color:var(--ink);border:1px solid var(--border)}
.talk-btn-outline:hover{border-color:var(--ink);color:var(--ink)}

/* Customers */
.talk-logos{padding-top:56px;padding-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:24px}
.talk-logos-label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:center}
.talk-logo-row{display:flex;gap:48px;flex-wrap:wrap;justify-content:center;align-items:center;filter:grayscale(1);opacity:.7}
.talk-logo-row img{height:26px;width:auto}

/* Responsive (the design is desktop only) */
@media (max-width:900px){
  .talk-grid{grid-template-columns:1fr;gap:48px;padding-top:64px;padding-bottom:80px}
  .talk-copy{padding-top:0;gap:44px}
  .talk-copy h1{font-size:clamp(40px,10vw,64px)}
  .talk-lede{font-size:17px}
  .talk-checks li{font-size:16px}
}
@media (max-width:600px){
  .talk-grid{padding-top:48px;padding-bottom:64px;gap:40px}
  .talk-card{padding:28px 22px;border-radius:14px}
  .talk-get-head{flex-wrap:wrap}
  .talk-success{padding:8px 0}
  .talk-success-title{font-size:24px}
  .talk-logos{padding-top:44px}
  .talk-logo-row{gap:22px 32px}
  .talk-logo-row img{height:22px}
}
@media (max-width:420px){
  .talk-row{gap:12px}
  .talk-checks li{align-items:flex-start}
  .talk-checks i{margin-top:1px}
}