/* CHIKARA Utilities landing: Style 1 Gold. Emerald hero, vellum body. Fonts are the suite fonts, served from app/fonts. ASCII only. */
@font-face { font-family: 'Cormorant Garamond'; src: url('app/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('app/fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('app/fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('app/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-display: swap; }
:root { --ink: #1D1917; --muted: #5F574C; --vellum: #EDE2CC; --paper: #F4EEDF; --gold: #C9973A; --gold-deep: #765619; --teal-ink: #1A524A; --line: #D9CDB3; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.6 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
a { color: var(--teal-ink); }
:focus-visible { outline: 3px solid var(--gold-deep); outline-offset: 3px; }
.hero { background: radial-gradient(120% 90% at 50% 20%, #124F42 0%, #0B3D33 58%, #07281F 100%); color: #EDE3CB; padding: calc(36px + env(safe-area-inset-top, 0px)) 20px 44px; }
.hero-in { max-width: 760px; margin: 0 auto; }
.lion { width: 72px; height: 72px; border-radius: 50%; padding: 3px; background: linear-gradient(180deg, #E5BE6A, #C9973A 40%, #96702A); display: block; margin-bottom: 18px; }
.eyebrow { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem; letter-spacing: .24em; color: #C9B27A; margin: 0 0 10px; }
h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; font-size: clamp(2.1rem, 8vw, 3.4rem); line-height: 1.04; margin: 0 0 14px; }
.lede { font-size: 1.05rem; max-width: 56ch; color: #E4DBC4; margin: 0 0 22px; }
.cta-row { display: flex; gap: 10px; flex-wrap: wrap; }
.cta, .ghost { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 20px; border-radius: 999px; font-weight: 700; text-decoration: none; }
.cta { background: linear-gradient(180deg, #E5BE6A 0%, #C9973A 55%, #B8872F 100%); color: #1A140C; }
.ghost { border: 1px solid rgba(237,227,203,.55); color: #EDE3CB; }
.wrap { max-width: 760px; margin: 0 auto; padding: 8px 20px 40px; }
h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; font-size: 1.9rem; margin: 30px 0 8px; }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px; }
.card { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #F9F4E8; color: var(--ink); text-decoration: none; }
a.card:hover { border-color: var(--gold); }
.card.off { border-style: dashed; opacity: .8; }
.card h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.5rem; margin: 0; }
.card p { margin: 0; color: var(--muted); font-size: .92rem; flex: 1; }
.tag { align-self: flex-start; padding: 3px 10px; border-radius: 999px; background: var(--vellum); color: var(--teal-ink); font-size: .74rem; font-weight: 700; }
.steps { padding-left: 20px; } .steps li { margin: 6px 0; }
.small { font-size: .85rem; color: var(--muted); }
footer { margin-top: 36px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
/* Landing-page grain overlay, carried VERBATIM from Standards 20.4 (Edition 2.5). Do not edit. */
body::after { content:''; position:fixed; inset:0; pointer-events:none; z-index:9990;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' seed='11' stitchTiles='stitch' result='noise'/%3E%3CfeDiffuseLighting in='noise' lighting-color='%23ffffff' surfaceScale='2.4' result='light'%3E%3CfeDistantLight azimuth='42' elevation='52'/%3E%3C/feDiffuseLighting%3E%3CfeComponentTransfer in='light'%3E%3CfeFuncR type='linear' slope='0.86' intercept='0.07'/%3E%3CfeFuncG type='linear' slope='0.86' intercept='0.07'/%3E%3CfeFuncB type='linear' slope='0.86' intercept='0.07'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size:320px 320px; background-repeat:repeat; mix-blend-mode:overlay; opacity:0.36; }
.wa { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 20px; border-radius: 999px; border: 1.5px solid var(--teal-ink); color: var(--teal-ink); font-weight: 700; text-decoration: none; background: var(--paper); }
.wa:hover, .wa:focus-visible { background: var(--teal-ink); color: #F4EEDF; outline: 2px solid var(--gold); outline-offset: 2px; }