:root{--bg:#f6f4ef;--card:#fff;--fg:#14202e;--mut:#52606f;--rule:#dcd8cf;--acc:#17467c;--acc2:#b4772a;--hero1:#0f2742;--hero2:#17467c;--ok:#1d6b4a;--no:#8a3a2e}
@media (prefers-color-scheme:dark){:root{--bg:#0e141b;--card:#162029;--fg:#e9eef4;--mut:#9fb0c0;--rule:#27343f;--acc:#8cb8ee;--acc2:#e0a85a;--hero1:#08121d;--hero2:#12365e;--ok:#6fd0a2;--no:#e49a8d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 Georgia,"Times New Roman",serif}
a{color:var(--acc)}
.wrap{max-width:62rem;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(135deg,var(--hero1),var(--hero2));color:#fff;padding:3.5rem 0 3rem}
.hero .eyebrow{font:600 .78rem/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#e7c48d;margin:0 0 1rem}
.hero h1{font-size:clamp(2.1rem,5.5vw,3.4rem);line-height:1.1;margin:0 0 1rem;font-weight:700;letter-spacing:-.01em}
.hero p.lead{font-size:1.2rem;max-width:40rem;margin:0 0 1.6rem;color:#dbe6f3}
.badge{display:inline-block;font:600 .85rem/1 system-ui,sans-serif;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.btn{font:600 .95rem/1 system-ui,sans-serif;padding:.85rem 1.2rem;border-radius:8px;text-decoration:none;display:inline-block}
.btn.p{background:#e7c48d;color:#14202e}.btn.s{border:1px solid rgba(255,255,255,.5);color:#fff}
section{padding:2.6rem 0 0}
h2{font:700 .8rem/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--acc2);margin:0 0 1.1rem}
h3{font-size:1.15rem;margin:0 0 .4rem}
.card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1.3rem 1.4rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.card p{margin:.2rem 0 .8rem;color:var(--mut);font-size:.98rem}
.card a.dl{font:600 .92rem/1 system-ui,sans-serif;text-decoration:none}
.flow{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1rem}
.flow svg{width:100%;height:auto;display:block}
.flow text{font-family:system-ui,sans-serif;fill:var(--fg)}
.flow .box{fill:var(--bg);stroke:var(--acc);stroke-width:1.5}
.flow .k{fill:var(--mut);font-size:11px}
.flow .arrow{stroke:var(--acc2);stroke-width:2;fill:none}
.cols{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.cols .card{border-top:4px solid var(--acc)}
.cols .no{border-top-color:var(--no)}
.cols h3{font:700 1rem/1.2 system-ui,sans-serif}
.cols ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--mut);font-size:.98rem}
.note{color:var(--mut);font-size:.9rem}
footer{padding:2.6rem 0 3.5rem}
.prose{max-width:44rem;padding:2.5rem 20px 4rem;margin:0 auto}
.prose h1{font-size:2rem;margin:0 0 .3rem}.prose h2{font-size:1.1rem;letter-spacing:0;text-transform:none;font-family:Georgia,serif;color:var(--fg);border-bottom:1px solid var(--rule);padding-bottom:.3rem;margin:2rem 0 .6rem}
.prose .sub{color:var(--mut)}
.top{background:var(--hero1);padding:.9rem 0}.top a{color:#fff;font:600 .9rem system-ui,sans-serif;text-decoration:none}

.docs{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.docs{grid-template-columns:1fr}}
.steps{list-style:none;margin:0;padding:0;display:flex;gap:.6rem;counter-reset:s}
.steps li{flex:1;border:1.5px solid var(--acc);border-radius:10px;padding:.9rem .7rem;text-align:center;position:relative;counter-increment:s;font-family:system-ui,sans-serif}
.steps li b{display:block;font-size:.95rem}.steps li span{display:block;color:var(--mut);font-size:.78rem;margin-top:.25rem}
.steps li.last{border-color:var(--acc2)}
.steps li:not(:last-child)::after{content:"\2192";position:absolute;right:-.85rem;top:50%;transform:translateY(-50%);color:var(--acc2);font-weight:700;z-index:1;background:var(--card);padding:0 .1rem}
@media(max-width:640px){.steps{flex-direction:column;gap:1.1rem}.steps li{display:flex;gap:.8rem;align-items:baseline;text-align:left;padding:.7rem .9rem}.steps li span{margin:0}.steps li:not(:last-child)::after{content:"\2193";right:auto;left:50%;top:auto;bottom:-1.05rem;transform:translateX(-50%)}}