/* ============================================================================ Stampwise landing version — shared stylesheet (hand-written, no Tailwind). The page itself is authored with inline styles (ported from the docs/stampwise/ prototype); this file holds only what inline styles cannot express: element resets, keyframes, :root accent fallback, :hover states, and the responsive collapse for the home-page grids. Per-domain accent overrides are emitted server-side by {% stampwise_accent_vars %}. ========================================================================== */ /* Accent fallback (prototype emerald). Overridden in per-domain. */ :root { --accent: 5 150 105; --accent-deep: 4 120 87; --accent-soft: 209 250 229; color-scheme: light; } html { overflow-x: clip; } html, body { margin: 0; padding: 0; background: #f7f7f4; color: #1d1d1f; font-family: 'Geist', system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { overflow-x: clip; } ::selection { background: rgb(var(--accent) / 0.18); } summary { list-style: none; } summary::-webkit-details-marker { display: none; } details[open] .faq-plus { transform: rotate(45deg); } a { -webkit-tap-highlight-color: transparent; } /* Alpine pre-init guard: anything marked x-cloak stays hidden until Alpine boots and removes the attribute (the chatbox panel would otherwise flash open on load). Every landing theme carries this rule. */ [x-cloak] { display: none !important; } /* Skip-to-content link (a11y) — visually hidden until focused. */ .sf-skip { position: absolute; left: -9999px; top: 0; z-index: 200; background: #1d1d1f; color: #fff; padding: 10px 16px; border-radius: 0 0 10px 0; font-size: 13px; font-weight: 600; text-decoration: none; } .sf-skip:focus { left: 0; } /* Keyframes ported from the prototype's inline