/* furiosa.support public page. Suite tokens only (suite-tokens.css). Layout from the approved mockup. */
*{box-sizing:border-box}
body{margin:0;background:var(--fs-bg);color:var(--fs-text);font:16px/1.55 var(--fs-font-body);padding-inline:16px;padding-block:96px 64px}
h1{font-family:var(--fs-font-display);font-weight:800;font-stretch:112%;text-wrap:balance;margin:0}
a{color:var(--fs-teal-ink)}
:focus-visible{outline:3px solid var(--fs-teal);outline-offset:2px}
button{font:inherit}


.hero{max-width:1040px;margin:40px auto 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:28px;align-items:start}
.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.02}
.lede{font-size:18px;color:var(--fs-muted);margin:14px 0 24px;max-width:44ch}
.emailbox{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--fs-navy);border-radius:var(--fs-r-md);padding:18px 18px 18px 22px}
.emailbox .addr{font:800 clamp(20px,3vw,30px)/1.1 var(--fs-font-display);font-stretch:110%;color:#fff;text-decoration:none;flex:1;min-width:0;overflow-wrap:anywhere}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--fs-r-pill);padding:10px 18px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-fill{background:var(--fs-btn);color:#fff}.btn-fill:hover{background:var(--fs-btn-hover)}
.btn-light{background:#fff;color:var(--fs-navy)}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.way{background:var(--fs-white);border:1px solid var(--fs-line);border-radius:var(--fs-r-md);padding:14px;display:grid;gap:6px;align-content:start}
.way .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--fs-teal-light);color:var(--fs-teal-ink)}
.way b{font-size:15px}.way span{font-size:13px;color:var(--fs-muted)}
.way .speed{font:800 13px var(--fs-font-display);color:var(--fs-good-ink);letter-spacing:.02em}

.chatcard{background:var(--fs-white);border:1px solid var(--fs-line);border-radius:var(--fs-r-lg);box-shadow:var(--fs-shadow-md);overflow:hidden}
.chatcard-h{background:var(--fs-navy);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
.chatcard-h b{display:block;font-size:15px}.chatcard-h span{font-size:12px;color:var(--fs-on-dark-2)}
.live{width:9px;height:9px;border-radius:50%;background:var(--fs-good-on-dark);box-shadow:0 0 0 3px rgba(110,231,160,.25)}
.chatcard-b{padding:18px;display:grid;gap:10px}
.chatcard-b p{margin:0}
.chatcard-b .hint{font-size:13px;color:var(--fs-muted)}
.chatcard-b .btn{justify-self:start}

@media (max-width:900px){.hero{grid-template-columns:1fr}}
@media (max-width:640px){.ways{grid-template-columns:1fr}.emailbox .addr{flex-basis:100%;font-size:24px;overflow-wrap:normal}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Content must not show around the floating pill as it scrolls up: a page-coloured band behind the nav that fades out
   below it. Kept here, not in nav-v2.css (a verbatim copy of furiosa.com). */
.nav{background:linear-gradient(to bottom,var(--fs-bg) 0,var(--fs-bg) calc(100% - 14px),transparent 100%);padding-bottom:14px}