/* Hvexa website: always light. Evergreen, gold and white. Manrope for headings, Inter for everything else,
   both served from this site, so no third-party font service sees visitors. */
@font-face { font-family:'Manrope'; src:url(fonts/manrope.woff2) format('woff2'); font-weight:200 800; font-style:normal; font-display:swap; }
@font-face { font-family:'Inter'; src:url(fonts/inter.woff2) format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }
:root {
  --bg:#fffdf9; --card:#fff; --text:#14241e; --muted:#56635c; --accent:#0f4c3a; --accent-deep:#0a3729;
  --gold:#b8862f; --gold-on-green:#e3c27e; --gold-tint:#f8f0de; --mint:#e4eee7; --border:#ece5d6; --wash:#f6f1e6;
  --heading:'Manrope',Inter,system-ui,sans-serif;
  --shadow:0 1px 2px rgba(20,36,30,.04),0 18px 40px -26px rgba(15,76,58,.3);
  --section:clamp(48px,5.5vw,76px);
  color-scheme:light;
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }
body {
  margin:0; color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--bg);
}
.wrap { max-width:1264px; margin:0 auto; padding:0 16px; }
@media (min-width:640px) { .wrap { padding:0 32px; } }
a { color:var(--accent); text-underline-offset:3px; }

header { padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:14px; color:var(--muted); }
.brand { display:flex; align-items:center; gap:14px; }
.brand-by { padding-left:14px; border-left:1px solid #d8d0bf; letter-spacing:.01em; white-space:nowrap; }
@media (max-width:700px) { .brand-by { display:none; } }
.logo { line-height:0; display:block; }
.logo img { display:block; width:auto; height:52px; }
@media (max-width:520px) { .logo img { height:34px; } .nav { gap:12px !important; } .nav .cta { padding:9px 13px !important; font-size:13px !important; } }
.nav { display:flex; align-items:center; gap:20px; }
.nav a:not(.cta) { color:var(--text); font-weight:500; text-decoration:none; }
.nav a:not(.cta):hover { color:var(--accent); }
.nav .cta { margin:0; padding:10px 18px; font-size:14px; white-space:nowrap; }
.nav a:not(.cta) { transition:color .16s ease; }

h1, h2, .doc h1 { font-family:var(--heading); font-weight:700; letter-spacing:-.02em; }
h1 { font-size:clamp(42px,5.8vw,72px); line-height:1.08; margin:0 0 28px; }

.hero-band { background:var(--accent); border-top:3px solid var(--gold); }
.hero { padding:clamp(44px,5vw,64px) 0 clamp(52px,6.8vw,86px); display:grid; gap:clamp(40px,5vw,64px); grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); align-items:center; }
@media (max-width:980px) { .hero { grid-template-columns:minmax(0,1fr); } .lead { max-width:640px; } .peek { max-width:700px; } }
@media (max-width:480px) { .hero .ctas .cta { width:100%; text-align:center; } }
.hero-label { margin:0 0 20px; font-size:13px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-on-green); }
.hero h1 { font-weight:800; letter-spacing:-.03em; color:#fff; }
.hero h1 .grad { color:var(--gold-on-green); white-space:nowrap; }
.lead { font-size:clamp(17px,1.7vw,19px); line-height:1.65; color:#d5e3dc; max-width:560px; margin:0; }
.hero .cta { background:var(--gold-on-green); color:var(--accent-deep); }
.hero .cta:hover { background:#efd59f; box-shadow:0 6px 16px -8px rgba(0,0,0,.45); }
.hero .cta:focus-visible { outline-color:#fff; }
.hero .cta.ghost { background:transparent; color:#fff; box-shadow:inset 0 0 0 1px var(--gold-on-green); }
.hero .cta.ghost:hover { background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px var(--gold-on-green); }

/* A faithful miniature of the real Approvals screen, with made-up data, in place of a stock photo. */
.peek { display:grid; grid-template-columns:56px minmax(0,1fr); background:var(--card); border-radius:14px; overflow:hidden; color:var(--text); font-size:15px; box-shadow:0 0 0 1px rgba(227,194,126,.45),0 2px 4px rgba(0,0,0,.12),0 28px 56px -28px rgba(0,0,0,.5); }
.peek-rail { background:#f6f3eb; border-right:1px solid var(--border); padding:18px 0; display:flex; flex-direction:column; align-items:center; gap:8px; color:#5f6b64; }
.peek-rail span { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; }
.peek-rail .on { background:var(--accent); color:#fff; }
.peek-rail svg, .feature .ic svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.peek-rail svg { width:18px; height:18px; }
.peek-main { padding:22px 24px 16px; min-width:0; }
.peek-title { margin:0; font-family:var(--heading); font-weight:700; font-size:20px; line-height:1.25; letter-spacing:-.01em; color:var(--text); }
.peek-sub { margin:3px 0 14px; font-size:14px; line-height:1.45; color:var(--muted); }
.peek-tabs { display:flex; gap:20px; border-bottom:1px solid var(--border); font-size:14px; color:var(--muted); font-weight:500; }
.peek-tabs span { padding:0 0 9px; }
.peek-tabs .on { color:var(--accent); box-shadow:inset 0 -2px 0 var(--accent); font-weight:600; }
.peek-row { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--border); }
.peek-avatar { width:34px; height:34px; border-radius:50%; background:var(--gold-tint); color:var(--accent); display:grid; place-items:center; font-weight:600; font-size:12px; }
.peek-row strong { display:block; font-weight:600; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.peek-row small { display:block; font-size:14px; line-height:1.4; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.peek-row:has(+ .peek-open) { border-bottom:0; padding-bottom:8px; }
.peek-chip { font-size:13px; font-weight:500; padding:3px 9px; border-radius:6px; background:var(--mint); color:var(--accent); white-space:nowrap; }
.peek-open { padding:0 0 14px 46px; border-bottom:1px solid var(--border); }
.peek-facts { display:flex; flex-wrap:wrap; gap:2px 16px; font-size:14px; color:var(--muted); margin-bottom:12px; }
.peek-facts b { color:var(--text); font-weight:600; }
.peek-actions { display:flex; gap:8px; font-size:14px; font-weight:600; }
.peek-actions span { padding:7px 16px; border-radius:7px; box-shadow:inset 0 0 0 1px #cfc7b5; }
.peek-actions .yes { background:var(--accent); color:#fff; box-shadow:none; }
.peek-row.last { border-bottom:0; }
.peek-sample { margin:6px 0 0; font-size:13px; color:var(--muted); }
@media (max-width:480px) { .peek { grid-template-columns:minmax(0,1fr); } .peek-rail { display:none; } .peek-main { padding:20px 18px 14px; } .peek-open { padding-left:0; } }

.ctas { display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; }
.ctas .cta { margin-top:0; }
.cta {
  display:inline-block; margin-top:24px; background:var(--accent); color:#fff; padding:14px 26px; border-radius:10px;
  text-decoration:none; font-weight:600; transition:background-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.cta:hover { background:var(--accent-deep); box-shadow:0 6px 14px -8px rgba(10,55,41,.55); }
.cta:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.cta.ghost { background:transparent; color:var(--text); box-shadow:inset 0 0 0 1px var(--gold); }
.cta.ghost:hover { background:var(--gold-tint); box-shadow:inset 0 0 0 1px var(--gold); }

/* Product showcase: five capabilities, each beside a small view of the screen. Anything not yet available carries a visible label. */
.showcase { padding:var(--section) 0 0; }
.show-top { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:16px clamp(32px,5vw,72px); align-items:end; margin-bottom:clamp(32px,4vw,48px); }
@media (max-width:820px) { .show-top { grid-template-columns:minmax(0,1fr); } }
.value { margin:0; font-size:clamp(34px,4.2vw,54px); line-height:1.12; }
.value span { display:block; }
.value span:nth-child(2) { color:var(--accent); }
.value span:nth-child(3) { color:#7a5a1c; }
.show-intro { margin:0; max-width:620px; font-size:18px; color:var(--muted); }
.show-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:clamp(36px,4vw,48px) clamp(24px,3vw,36px); }
.show-item { grid-column:span 2; display:flex; flex-direction:column; }
.show-item:nth-child(n+4) { grid-column:span 3; }
@media (max-width:980px) { .show-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .show-item, .show-item:nth-child(n+4) { grid-column:auto; } .show-item:last-child { grid-column:1 / -1; } }
@media (max-width:640px) { .show-grid { grid-template-columns:minmax(0,1fr); } }
.show-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin-bottom:8px; }
.show-head h3 { margin:0; font-family:var(--heading); font-size:clamp(22px,2.1vw,26px); font-weight:600; letter-spacing:-.015em; line-height:1.2; }
.show-copy { margin-bottom:18px; }
.show-copy p { margin:0; font-size:16px; color:var(--muted); }
.show-item .mock { flex:1; }
.soon { display:inline-block; padding:3px 10px; border-radius:6px; background:var(--gold-tint); color:#6b4e16; font-size:13px; font-weight:500; }
.mock { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:clamp(18px,2.4vw,24px); box-shadow:var(--shadow); font-size:15px; }
.mock-title { margin:0 0 6px; font-family:var(--heading); font-size:17px; font-weight:700; letter-spacing:-.01em; }
.mock-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid var(--border); }
.mock-row small { display:block; font-size:14px; color:var(--muted); }
.mock-row strong { font-weight:600; }
.mock-row > span:last-child { white-space:nowrap; }
.mock-chip { font-size:13px; font-weight:500; padding:3px 9px; border-radius:6px; background:var(--mint); color:var(--accent); }
.mock-chip.flag { background:var(--gold-tint); color:#6b4e16; }
.mock-note { margin:12px 0 0; font-size:14px; color:var(--accent); font-weight:500; }
.mock-foot { margin:12px 0 0; font-size:13px; color:var(--muted); }
.mock-link { font-size:14px; font-weight:600; color:var(--accent); }
.also { padding:var(--section) 0; }
.also-title { margin:0 0 clamp(32px,4vw,48px); font-family:var(--heading); font-size:clamp(24px,2.6vw,30px); font-weight:600; letter-spacing:-.015em; }
.features { padding:var(--section) 0; }
.section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px clamp(32px,5vw,64px); align-items:end; margin-bottom:clamp(40px,5vw,64px); }
.section-label { grid-column:1 / -1; margin:0; font-size:13px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:#7a5a1c; }
.section-head h2 { margin:0; font-size:clamp(30px,3.6vw,44px); line-height:1.14; }
.section-head p:not(.section-label) { margin:0; font-size:17px; color:var(--muted); }
@media (max-width:860px) { .section-head { grid-template-columns:minmax(0,1fr); } }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(44px,5vw,64px) clamp(32px,5vw,64px); }
@media (max-width:900px) { .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .feature-grid { grid-template-columns:minmax(0,1fr); } }
.feature { display:flex; flex-direction:column; }
.feature h3 { margin:0 0 8px; font-family:var(--heading); font-size:19px; font-weight:600; letter-spacing:-.01em; line-height:1.3; }
.feature > p { margin:0 0 16px; font-size:15.5px; color:var(--muted); }
.feature .ic { width:24px; height:24px; color:var(--gold); margin-bottom:16px; }
.feature .ic svg { display:block; width:24px; height:24px; }
.feature ul { list-style:none; margin:auto 0 0; padding:14px 0 0; border-top:1px solid var(--border); font-size:14px; color:var(--text); }
.feature li { position:relative; padding-left:18px; margin-top:7px; }
.feature li:first-child { margin-top:0; }
.feature li::before { content:''; position:absolute; left:0; top:.62em; width:8px; height:1.5px; background:var(--gold); }

.card { background:var(--card); border:1px solid var(--border); border-radius:20px; padding:clamp(20px,3vw,32px); }
.card h3 { margin:0 0 6px; }
.card p { margin:0; color:var(--muted); }
.muted { color:var(--muted); }

.band-cream { background:var(--wash); }
.request { padding:var(--section) 0; display:grid; gap:clamp(24px,3vw,36px); grid-template-columns:minmax(0,1fr); scroll-margin-top:24px; }
.request-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:12px clamp(32px,5vw,72px); align-items:end; }
@media (max-width:820px) { .request-intro { grid-template-columns:minmax(0,1fr); } }
.request h2 { margin:0; font-size:clamp(32px,4vw,44px); line-height:1.12; }
.request-intro p { margin:0; font-size:17px; color:var(--muted); }
.form-title { margin:0 0 2px; font-family:var(--heading); font-size:20px; font-weight:600; letter-spacing:-.01em; }
.form-note { margin:0; font-size:14px; color:var(--muted); }
fieldset.seg { border:0; margin:0; min-width:0; max-width:420px; }
.form-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px 32px; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.request .card { box-shadow:var(--shadow); }

.form { display:grid; gap:18px; }
.seg { display:grid; grid-template-columns:1fr 1fr; background:var(--wash); border-radius:12px; padding:4px; }
.seg label { text-align:center; cursor:pointer; position:relative; }
.seg input { position:absolute; opacity:0; pointer-events:none; }
.seg span { display:block; padding:10px 8px; border-radius:9px; font-weight:500; font-size:15px; color:var(--muted); transition:color .18s ease; }
.seg input:checked + span { background:var(--accent); color:#fff; }
.seg input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:end; }
@media (max-width:860px) { .fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .fields { grid-template-columns:minmax(0,1fr); } }
.f { display:grid; gap:6px; font-size:14px; font-weight:500; }
.f[hidden] { display:none; }
.f.wide { grid-column:1 / -1; }
.opt { font-weight:400; color:var(--muted); }
.f input, .f select, .f textarea { font:inherit; font-size:16px; font-weight:400; color:var(--text); background:#fff; border:1px solid #8f8a7b; border-radius:12px; padding:10px 14px; min-height:46px; width:100%; transition:border-color .18s ease; }
.f input:hover, .f select:hover, .f textarea:hover { border-color:#5f5b4f; }
.f textarea { resize:vertical; }
.f input:focus, .f select:focus, .f textarea:focus { outline:2px solid var(--accent); outline-offset:0; border-color:transparent; }
[aria-invalid="true"] { border-color:#c62828 !important; }
.err { color:#c62828; font-size:13px; font-weight:400; min-height:0; }
.err:empty { display:none; }
.consent { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:var(--muted); }
.consent input { width:18px; height:18px; margin-top:3px; flex:none; accent-color:var(--accent); }
.submit { border:0; cursor:pointer; font:inherit; font-weight:600; font-size:16px; min-height:50px; padding-left:44px; padding-right:44px; margin-top:0; justify-self:start; }
@media (max-width:560px) { .submit { width:100%; justify-self:stretch; } }
.submit:disabled { opacity:.6; cursor:wait; }
.status { margin:0; color:var(--muted); font-size:14px; }
.status:empty { display:none; }
.done h3 { font-family:var(--heading); font-weight:600; font-size:24px; margin:0 0 8px; }
.hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

.trust { background:var(--accent); border-top:3px solid var(--gold); padding:var(--section) 0; color:#d5e3dc; font-size:18px; }
.trust p { margin:0; max-width:760px; }
.trust .eyebrow { margin-bottom:12px; font-size:13px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-on-green); }
.trust strong { display:block; font-family:var(--heading); font-weight:700; letter-spacing:-.02em; font-size:clamp(34px,5vw,52px); line-height:1.12; color:#fff; margin-bottom:14px; }

footer { background:var(--accent-deep); padding:clamp(56px,7vw,80px) 0 32px; color:#c5d6cd; font-size:14px; }
.foot-top { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.1fr) minmax(0,1.1fr); gap:40px clamp(32px,4vw,56px); }
@media (max-width:900px) { .foot-top { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .foot-top { grid-template-columns:minmax(0,1fr); } }
.foot-brand { display:flex; align-items:center; gap:12px; margin-bottom:14px; font-family:var(--heading); font-size:20px; font-weight:700; color:#fff; }
.foot-brand img { width:40px; height:40px; border-radius:22%; }
.foot-top h4 { margin:0 0 14px; font-family:var(--heading); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; color:var(--gold-on-green); }
.foot-top p { margin:0 0 8px; overflow-wrap:anywhere; }
footer a { color:#fff; text-decoration:none; }
footer a:hover { text-decoration:underline; }
footer a:focus-visible { outline:2px solid var(--gold-on-green); outline-offset:2px; }
.copy { margin:48px 0 0; padding-top:24px; border-top:1px solid rgba(227,194,126,.25); color:#a9bfb4; font-size:13px; }

/* Details the owner must fill in before publishing. Highlighted so they can't be missed. */
.todo { background:#fff3b0; color:#4a3b00; padding:0 4px; border-radius:4px; }

.doc { max-width:760px; padding:32px 0 72px; }
.doc h1 { font-size:clamp(36px,5vw,52px); line-height:1.1; }
.doc h2 { font-size:24px; margin:40px 0 10px; }
.doc p, .doc li { color:var(--text); }
.doc .meta { color:var(--muted); }
.doc table { width:100%; border-collapse:collapse; font-size:15px; }
.doc th, .doc td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--border); vertical-align:top; }