/* Augur — augur.business. Values transcribed 1:1 from the Claude Design source (design-source/unpacked/template.html).
   Note: the design writes `font-family:Sora,inherit` / `'JetBrains Mono',inherit` on headings and a few labels —
   that declaration is invalid CSS, so the browser drops it and those elements render in the page font (Inter).
   We reproduce what the design renders: headings have no font-family here. Only the wordmark uses Sora. */

/* ── base (design <helmet> + dc runtime) ── */
html,body{height:100%;margin:0}
body{margin:0;background:#F6F4EF;color:#0F1E2E;-webkit-font-smoothing:antialiased}
a{color:#0F1E2E;text-decoration:none}a:hover{color:#C73E1D}
*:focus-visible{outline:2px solid #C73E1D;outline-offset:2px}
html{scroll-behavior:smooth}
input,select,textarea,button{font:inherit}

.page{min-height:100vh;background:#F6F4EF;font-family:Inter,sans-serif}
:lang(zh-Hans) .page{font-family:Inter,'Noto Sans SC',sans-serif}
:lang(zh-Hant) .page{font-family:Inter,'Noto Sans TC',sans-serif}

.wrap{max-width:1240px;margin:0 auto}
.mono{font-family:'JetBrains Mono'}

/* ── shared type ── */
.kicker{font-size:12px;letter-spacing:.14em;font-weight:600;color:#C73E1D}
.kicker--deep{color:#A93318}
.kicker--sky{color:#B8CCDC}
.h2{margin:0;font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.015em}
.stack12{display:grid;gap:12px}

/* ── buttons / links (explicit :hover colors so the global a:hover doesn't win) ── */
.btn-red,.btn-red:hover{background:#C73E1D;color:#F6F4EF;border-radius:6px;font-weight:600}
.btn-red:hover{background:#A93318}
.btn-ghost,.btn-ghost:hover{border:1px solid rgba(246,244,239,.4);color:#F6F4EF;padding:15px 26px;border-radius:6px;font-weight:600;font-size:16px}
.btn-ghost:hover{background:rgba(246,244,239,.08)}
.btn-ink,.btn-ink:hover{justify-self:start;margin-top:8px;background:#0F1E2E;color:#F6F4EF;padding:12px 20px;border-radius:6px;font-weight:600;font-size:14px}
.btn-ink:hover{background:#1E3247}

/* ── logo ── */
.logo{display:flex;align-items:center;gap:10px}
.logo,.logo:hover{color:#F6F4EF}
.logo__word{font-family:Sora;font-weight:600;font-size:19px;letter-spacing:.16em}

/* ── header ── */
.hdr{position:sticky;top:0;z-index:10;background:#0F1E2E;border-bottom:1px solid rgba(246,244,239,.12)}
.hdr__in{padding:16px 32px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.hdr__nav{display:flex;gap:28px;flex-wrap:wrap;font-size:14px;font-weight:500}
.hdr__nav a,.hdr__nav a:hover,.hdr__login,.hdr__login:hover{color:#F6F4EF;opacity:.82}
.hdr__right{margin-left:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hdr__login{font-size:14px;font-weight:500}
.hdr__cta{padding:10px 18px;font-size:14px}
.lang{display:flex;gap:2px;padding:3px;border:1px solid rgba(246,244,239,.2);border-radius:6px}
.lang a,.lang a:hover{border:0;cursor:pointer;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:600;background:transparent;color:#F6F4EF}
.lang a[aria-current],.lang a[aria-current]:hover{background:#F6F4EF;color:#0F1E2E}

/* ── hero ── */
.hero{position:relative;overflow:hidden;background-color:#0F1E2E;color:#F6F4EF;background-image:radial-gradient(rgba(184,204,220,.22) 1px,transparent 1.4px);background-size:28px 28px}
.hero__trail{position:absolute;left:-5%;right:-5%;top:66%;height:3px;background:linear-gradient(90deg,rgba(199,62,29,0),#C73E1D 70%);transform:rotate(-9deg)}
.hero__in{position:relative;padding:120px 32px 160px;display:grid;gap:28px}
.hero__kicker{font-size:13px;letter-spacing:.14em;color:#B8CCDC;font-weight:500}
.hero h1{margin:0;font-weight:700;font-size:clamp(44px,7vw,92px);line-height:1.08;letter-spacing:-.02em;max-width:12em;text-wrap:balance}
.hero__sub{margin:0;max-width:600px;font-size:18px;line-height:1.7;color:rgba(246,244,239,.84);text-wrap:pretty}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.hero__cta{padding:15px 26px;font-size:16px}

/* ── stats ── */
.stats{padding:40px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;border-bottom:1px solid #DCD8CE}
.stat{display:grid;gap:4px}
.stat__v{font-family:'JetBrains Mono';font-weight:600;font-size:28px}
.stat__l{font-size:14px;color:#4A5563}

/* ── solutions ── */
.sol{padding:112px 32px 96px;display:grid;gap:48px}
.sol__head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.sol__h2{max-width:16em;text-wrap:balance}
.sol__sub{margin:0;font-size:17px;color:#4A5563}
.tabs{display:flex;gap:4px;padding:4px;background:#E9E5DC;border-radius:8px;flex-wrap:wrap}
.tabs button{border:0;cursor:pointer;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;background:transparent;color:#0F1E2E}
.tabs button[aria-selected="true"]{background:#0F1E2E;color:#F6F4EF}
.sol__panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.sol__panel[hidden]{display:none}
.sol__card{background:#FFFFFF;border:1px solid #DCD8CE;border-radius:12px;padding:40px;display:grid;gap:20px;align-content:start}
.sol__code{font-size:12px;letter-spacing:.12em;color:#4A5563}
.sol__card h3{margin:0;font-weight:700;font-size:32px;letter-spacing:-.01em}
.sol__body{margin:0;font-size:17px;line-height:1.7;color:#2A3746;text-wrap:pretty}
.specs{display:grid;align-content:start;border-top:1px solid #0F1E2E}
.specs__label{padding:18px 0 8px;font-size:12px;letter-spacing:.12em;font-weight:600;color:#4A5563}
.specs__who{padding:0 0 20px;font-size:17px;font-weight:600;border-bottom:1px solid #DCD8CE}
.specs__row{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid #DCD8CE;font-size:15px}
.specs__row span:first-child{color:#4A5563}
.specs__row span:last-child{font-weight:500}

/* ── onboarding ── */
.onb-sec{background:#E9E5DC}
.onb{padding:96px 32px;display:grid;gap:48px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.step{display:grid;gap:12px;align-content:start}
.step__n{font-weight:600;font-size:14px;letter-spacing:.06em;border-top:2px solid #0F1E2E;color:#0F1E2E;padding-top:14px}
.step--live .step__n{border-top-color:#C73E1D;color:#C73E1D}
.step h3{margin:0;font-weight:600;font-size:21px}
.step p{margin:0;font-size:16px;line-height:1.7;color:#4A5563}

/* ── network ── */
/* .map width:100% + min-width:0 — deliberate fix: aspect-ratio grid items don't stretch, so in the design the map's
   width is derived from min-height:280px (= 560px) and the whole page scrolls sideways below ~620px.
   Above that the map already fills the column, so desktop rendering is unchanged. */
.net{padding:112px 32px;display:grid;gap:40px}
.net__body{margin:0;font-size:17px;line-height:1.7;color:#4A5563;max-width:620px}
.map{border-radius:12px;overflow:hidden;background:#0F1E2E;aspect-ratio:2/1;min-height:280px;width:100%;min-width:0}
.map iframe{display:block;width:100%;height:100%;border:0}
.net__list{display:grid;gap:20px}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{cursor:pointer;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid #CFCAC0;background:transparent;color:#0F1E2E}
.filters button[aria-pressed="true"]{border-color:#0F1E2E;background:#0F1E2E;color:#F6F4EF}
.table-wrap{overflow-x:auto}
.cov{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.cov thead tr{text-align:left;border-bottom:1px solid #0F1E2E}
.cov th{padding:14px 16px 14px 0;font-size:12px;letter-spacing:.08em;font-weight:600;color:#4A5563}
.cov tbody tr{border-bottom:1px solid #DCD8CE}
.cov td{padding:16px 16px 16px 0;vertical-align:top}
.cov td:first-child{font-weight:600;white-space:nowrap}
.ops{display:flex;gap:6px;flex-wrap:wrap}
.ops span{background:#FFFFFF;border:1px solid #DCD8CE;border-radius:4px;padding:4px 9px;font-size:13px;font-weight:500}
.net__note{margin:0;font-size:14px;color:#4A5563}

/* ── platform ── */
.plat-sec{background-color:#0F1E2E;color:#F6F4EF;background-image:radial-gradient(rgba(184,204,220,.14) 1px,transparent 1.4px);background-size:28px 28px}
.plat{padding:112px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:64px;align-items:center}
.plat__text{display:grid;gap:24px;align-content:start}
.plat__body{margin:0;font-size:17px;line-height:1.7;color:rgba(246,244,239,.84);max-width:480px}
.plat__tags{display:flex;gap:10px;flex-wrap:wrap;font-family:'JetBrains Mono';font-size:12px}
.plat__tags span{border:1px solid rgba(246,244,239,.3);padding:6px 10px;border-radius:4px}
.code{background:#0A1622;border:1px solid rgba(246,244,239,.14);border-radius:12px;overflow:hidden;min-width:0}
.code__bar{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(246,244,239,.1);font-family:'JetBrains Mono';font-size:12px;color:#B8CCDC}
.code__bar span:first-child{color:#F6F4EF}
.code pre{margin:0;padding:24px;font-family:'JetBrains Mono';font-size:13px;line-height:1.75;color:#DCE6EE;overflow-x:auto}
.code pre span{color:#B8CCDC}

/* ── about ── */
.about{padding:112px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;align-items:start}
.about__h2{max-width:12em;text-wrap:balance}
.about__text{display:grid;gap:18px;font-size:17px;line-height:1.75;color:#2A3746;max-width:580px}
.about__text p{margin:0;text-wrap:pretty}
.about__text .about__reg{font-size:14px;color:#4A5563}

/* ── contact ── */
.contact-sec{background:#E9E5DC}
.contact{padding:112px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:64px}
.contact__info{display:grid;gap:24px;align-content:start}
.contact__body{margin:0;font-size:17px;line-height:1.7;color:#4A5563}
.contact__dl{display:grid;border-top:1px solid #0F1E2E;margin-top:8px}
.contact__row{display:grid;grid-template-columns:minmax(0,100px) minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid #CFCAC0;font-size:15px}
.contact__row>span:first-child{color:#4A5563}
.contact__addr{font-weight:500;line-height:1.6}
.contact__row a{font-weight:500}
.form{background:#F6F4EF;border-radius:12px;padding:36px;display:grid;gap:18px;align-content:start}
.contact__form{display:grid}
.form[hidden]{display:none}
.field{display:grid;gap:6px;font-size:13px;font-weight:600}
.field input,.field textarea{padding:13px 14px;border:1px solid #CFCAC0;border-radius:6px;background:#FFFFFF;font-size:15px}
.field textarea{resize:vertical}
.vols{display:flex;gap:6px;flex-wrap:wrap}
.vols button{cursor:pointer;padding:9px 14px;border-radius:6px;font-family:'JetBrains Mono';font-size:13px;border:1px solid #CFCAC0;background:#FFFFFF;color:#0F1E2E}
.vols button[aria-pressed="true"]{border-color:#0F1E2E;background:#0F1E2E;color:#F6F4EF}
.form__send{border:0;cursor:pointer;background:#C73E1D;color:#F6F4EF;padding:15px;border-radius:6px;font-weight:600;font-size:16px}
.form__send:hover{background:#A93318}
.form__done{display:grid;gap:14px;padding:40px 0}
.form__dot{width:14px;height:14px;border-radius:50%;background:#C73E1D}
.form__done h3{margin:0;font-weight:600;font-size:24px;line-height:1.35}
.form__again{justify-self:start;border:0;background:none;color:#0F1E2E;text-decoration:underline;cursor:pointer;padding:0;font-size:14px}

/* ── footer ── */
.ftr{background:#0F1E2E;color:#F6F4EF}
.ftr__in{padding:72px 32px 40px;display:grid;gap:56px}
.ftr__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px}
.ftr__brand{display:grid;gap:14px;align-content:start}
.ftr__tag{font-size:14px;color:#B8CCDC}
.ftr__col{display:grid;gap:10px;align-content:start;font-size:14px}
.ftr__col>span{font-size:12px;letter-spacing:.1em;font-weight:600;color:#B8CCDC}
.ftr__col a,.ftr__col a:hover{color:#F6F4EF}
.ftr__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(246,244,239,.14);padding-top:24px;font-size:13px;color:#B8CCDC}
.ftr__legal{display:flex;gap:20px;flex-wrap:wrap}
.ftr__legal a,.ftr__legal a:hover{color:#B8CCDC}