.site{--bg:#f6f6f4;--surface:#ffffff;--surface3:#eeeeea;--line:#e2e2de;--line-strong:#cfcfca;--ink:#1e1e1c;--muted:#6b6b67;--faint:#8f8f89;--nav:#f1f1ee;--accent:#2c58ae;--accent-soft:#e8eef7;--r1:4px;--r2:8px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:14px/1.55 var(--sans)}html:has(.site){scroll-behavior:smooth}.site a{color:var(--accent);text-underline-offset:3px}.site a:hover{color:var(--ink)}.site :is(h1,h2,h3){font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--ink);max-width:none}.site-main{flex:1 1}.s-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--accent);background:var(--accent);color:#fff!important;padding:8px 14px;border-radius:var(--r2);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.s-btn:hover{background:var(--ink);border-color:var(--ink)}.s-btn.ghost{background:transparent;color:var(--accent)!important}.s-btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent)}.s-btn.sm{padding:5px 11px;font-size:13px}.s-btn.light{background:#fff;border-color:#fff;color:var(--accent)!important}.s-btn.light:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;gap:12px 24px;flex-wrap:wrap;padding:12px 32px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-brand,.site-nav{display:flex;align-items:center}.site-brand{gap:10px;text-decoration:none;color:var(--ink)!important}.site-brand .spraller-logo{width:28px;height:28px;flex-basis:28px;color:var(--ink)}.site-brand b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.15}.site-brand small{display:block;font-size:10.5px;color:var(--faint)}.site-links{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:wrap}.site-links a:not(.s-btn){padding:6px 11px;border-radius:var(--r2);color:var(--muted);text-decoration:none;font-weight:500}.site-links a:not(.s-btn):hover{background:var(--surface3);color:var(--ink)}.site-links .s-btn{margin-left:10px}.s-hero{max-width:760px;margin:0 auto;padding:88px 24px 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.s-hero h1{font-size:40px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0}.s-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:var(--r1)}.s-lede{color:var(--muted);font-size:16px;line-height:1.6;max-width:620px;margin:0}.s-cta{gap:10px;margin-top:6px}.s-cta,.s-tools{display:flex;flex-wrap:wrap;justify-content:center}.s-tools{gap:8px;margin-top:14px}.s-tools span{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:600;color:var(--muted)}.s-tools i{width:8px;height:8px;border-radius:50%}.s-section{max-width:1040px;margin:0 auto;padding:0 24px 64px;width:100%;scroll-margin-top:72px}.s-head{text-align:center;max-width:560px;margin:0 auto 28px}.s-head h2{font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.s-head p{color:var(--muted);font-size:13.5px;margin:0}.s-grid{display:grid;grid-gap:16px;gap:16px}.s-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.s-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.s-card h3{font-size:1.02rem;margin:0 0 6px}.s-card p{color:var(--muted);font-size:.93rem;margin:0}.s-ic{width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:12px}.s-ic svg{width:19px;height:19px}.s-pill{font-size:.72rem;padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);margin-bottom:10px}.s-link,.s-pill{display:inline-block;font-weight:600}.s-link{margin-top:12px;font-size:.9rem}.s-chain{list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:24px;gap:24px;counter-reset:c}.s-chain li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.s-chain li:before{counter-increment:c;content:counter(c);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;margin-bottom:8px}.s-chain li:not(:last-child):after{content:"";position:absolute;right:-17px;top:50%;width:11px;height:11px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:translateY(-50%) rotate(45deg)}.s-chain b{display:block;font-size:.93rem;line-height:1.3}.s-chain small{display:block;margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.4}.s-band{text-align:center;color:#eef2f8;border-radius:12px;padding:40px 24px;background:radial-gradient(700px 320px at 20% 0,#2a2a28 0,transparent 60%),#1e1e1c}.site .s-band h2{color:#fff;font-size:1.6rem;letter-spacing:-.02em;margin:0 0 8px}.s-band p{color:#b8b8b2;max-width:52ch;margin:0 auto 20px}.site-foot{border-top:1px solid var(--line);background:var(--nav)}.site-foot-in{max-width:1040px;margin:0 auto;padding:36px 24px 20px;display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-gap:32px;gap:32px}.site-foot p{color:var(--muted);font-size:13px;max-width:34ch;margin:10px 0 0}.site-foot h4{margin:0 0 8px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.site-foot nav a{display:block;padding:3px 0;color:var(--muted);text-decoration:none}.site-foot nav a:hover{color:var(--ink)}.site-legal{max-width:1040px;margin:0 auto;padding:0 24px 28px;color:var(--faint);font-size:12.5px}@media (max-width:1100px){.s-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.s-chain{grid-auto-flow:row;grid-auto-columns:auto;gap:22px}.s-chain li:not(:last-child):after{right:auto;left:22px;top:auto;bottom:-17px;transform:rotate(135deg)}}@media (max-width:860px){.site-foot-in{grid-template-columns:1fr 1fr}.site-foot-in>:first-child{grid-column:1/-1}}@media (max-width:720px){.site-nav{padding:12px 16px}.site-links{margin-left:0;width:100%}.site-links .s-btn{margin-left:auto}.s-hero{padding-top:56px}.s-hero h1{font-size:30px}.s-band{padding:32px 18px}}@media (max-width:640px){.s-grid.c3{grid-template-columns:minmax(0,1fr)}.s-section{padding:0 16px 48px}}