:root{color-scheme:light;--page-bg: linear-gradient(180deg, #ffffff 0%, #fbfbf7 55%, #f4f4ef 100%);--surface: #ffffff;--text-strong: #161a26;--text: #2a3041;--text-muted: #555b6f;--accent: #0f62fe;--accent-soft: rgba(15, 98, 254, .08);--hairline: rgba(18, 24, 40, .08);--radius: 1rem;--shadow-soft: 0 16px 40px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,HarmonyOS Sans,PingFang SC,Helvetica Neue,system-ui,sans-serif;background:var(--page-bg);color:var(--text);font-size:15px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;background:var(--accent-soft);padding:.15rem .35rem;border-radius:.35rem;font-size:.85rem;color:var(--text-strong)}img{max-width:100%;display:block}.page{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid var(--hairline);box-shadow:0 8px 22px #0f172a0d;z-index:10}.header-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text-strong);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem}.brand img{width:32px;height:32px;border-radius:.5rem;object-fit:cover}.nav-links{display:flex;gap:1rem;font-size:.95rem}.nav-links a{color:var(--text-muted);padding:.4rem .25rem}.nav-links a.active{color:var(--text-strong);font-weight:600}.site-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;align-items:center;padding:1.5rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.hero h1{margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.8rem);color:var(--text-strong);line-height:1.15;letter-spacing:-.01em}.hero p{margin:0;color:var(--text-muted);font-size:1rem}.hero-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.btn{border-radius:999px;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;border:1px solid transparent;transition:background .16s ease,color .16s ease}.btn-primary{background:var(--text-strong);color:#fff}.btn-secondary{background:transparent;color:var(--text-strong);border-color:var(--hairline)}.section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1.5rem}.section h2{margin:0;color:var(--text-strong);font-size:1.6rem;letter-spacing:.06em;text-transform:uppercase}.section>p{margin-top:.5rem;color:var(--text-muted)}.feature-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.feature-list li{padding:.75rem 0;border-bottom:1px solid var(--hairline);display:flex;flex-direction:column;gap:.35rem}.feature-list li:last-child{border-bottom:none}.feature-title{font-weight:600;text-transform:uppercase;font-size:.95rem;letter-spacing:.05em;color:var(--text-strong)}.feature-list p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.5}.feature-list a{align-self:flex-start;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.workflow{counter-reset:step;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.workflow li{list-style:none;display:flex;gap:.75rem;align-items:flex-start;color:var(--text-muted);font-size:.95rem}.workflow li:before{counter-increment:step;content:counter(step);width:2rem;height:2rem;border-radius:50%;background:var(--accent-soft);color:var(--text-strong);display:flex;align-items:center;justify-content:center;font-weight:600}.quote{margin-top:1.25rem;padding:1rem 1.25rem;background:var(--accent-soft);border-radius:.85rem;color:var(--text-muted);font-size:.95rem}.site-footer{border-top:1px solid var(--hairline);padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem;background:#ffffffe6}@media (max-width: 640px){.header-inner{flex-direction:column}.nav-links{width:100%;justify-content:center}.hero,.section{padding:1.25rem}.site-main{padding:1.5rem 1rem 3rem}}