@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=Jost:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--ivory:#f9f6ef;--ivory-deep:#f0ebe0;--ivory-card:#fdfaf5;--parch:#ede8dc;--rule:#d5cfc3;--ink:#1c1a16;--ink-mid:#3d3a32;--ink-soft:#6b6760;--navy:#0d2340;--blue-800:#14305a;--blue-700:#1e4d8c;--blue-500:#3970b8;--blue-300:#7aaad6;--blue-100:#c8d9f0;--blue-50:#eaf0fa;--gold:#b8922a;--gold-lt:#d4b060;--gold-pale:#f5edd8;--green:#2a6b43;--green-bg:#e8f4ed;--amber:#9a5b0a;--amber-bg:#fdf3e3;--red:#8c2020;--red-bg:#faeaea;--ff-d:"Cormorant Garamond",Georgia,serif;--ff-b:"Jost",sans-serif;--ff-m:"JetBrains Mono",monospace;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:20px;--r-pill:100px;--sh-sm:0 1px 4px rgba(28,26,22,.06);--sh-md:0 4px 16px rgba(28,26,22,.09);--sh-lg:0 12px 40px rgba(28,26,22,.14);--nav-h:68px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--ivory);color:var(--ink);font-family:var(--ff-b);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--ff-b)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--ivory)}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue-300)}::selection{background:var(--blue-100);color:var(--navy)}@keyframes pdot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.65)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scan{0%{transform:translateX(-120%)}to{transform:translateX(500%)}}@keyframes slideRight{0%{width:0}to{width:100%}}@keyframes loading{0%{width:0;opacity:1}85%{width:100%;opacity:1}to{width:100%;opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.section{padding:96px 72px}.section--dark{background:var(--navy);color:#fff}.section--parch{background:var(--parch)}.section--card{background:var(--ivory-card)}.section-kicker{font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--blue-500);margin-bottom:8px;font-family:var(--ff-b)}.section-kicker--light{color:var(--blue-300)}.section-title{font-family:var(--ff-d);font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.05;color:var(--ink);margin-bottom:20px}.section-title--light{color:#fff}.section-rule{height:2px;background:linear-gradient(90deg,var(--gold),transparent);width:56px;margin-bottom:40px}.section-lead{max-width:640px;font-size:17px;line-height:1.85;color:var(--ink-mid);font-weight:300}.section-lead--light{color:hsla(0,0%,100%,.55)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--r-sm);font-family:var(--ff-b);font-size:13px;font-weight:500;letter-spacing:.05em;border:none;transition:all .18s;text-decoration:none;cursor:pointer}.btn--primary{background:var(--navy);color:#fff}.btn--primary:hover{background:var(--blue-800);box-shadow:0 6px 20px rgba(13,35,64,.3)}.btn--gold{background:var(--gold);color:#fff}.btn--gold:hover{background:#a07820;box-shadow:0 6px 20px rgba(184,146,42,.35)}.btn--outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}.btn--outline:hover{background:var(--navy);color:#fff}.btn--outline-light{background:transparent;color:#fff;border:1.5px solid hsla(0,0%,100%,.25)}.btn--outline-light:hover{border-color:#fff;background:hsla(0,0%,100%,.06)}.btn--lg{padding:16px 36px;font-size:15px}.btn--sm{padding:8px 18px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--r-pill);font-size:11px;font-weight:500;font-family:var(--ff-b)}.badge--blue{background:var(--blue-50);color:var(--blue-700)}.badge--gold{background:var(--gold-pale);color:var(--gold)}.badge--green{background:var(--green-bg);color:var(--green)}.card{background:var(--ivory-card);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}.code-block{background:var(--navy);border-radius:var(--r-md);padding:24px 28px;font-family:var(--ff-m);font-size:13px;line-height:2;color:hsla(0,0%,100%,.75);overflow-x:auto}.c-comment{color:hsla(0,0%,100%,.28)}.c-key{color:#7aaad6}.c-val{color:#b5ead7}.c-str{color:#d4b060}.c-num{color:#ffb347}.c-pun{color:hsla(0,0%,100%,.38)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:24px}.grid-2,.grid-3{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:1024px){.section{padding:72px 40px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section{padding:60px 24px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}