@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#09131a;--panel:#101d25;--panel2:#15242c;--ink:#eaf1ec;--muted:#a9b7b4;--line:#2a3b42;--gold:#dfc17d;--gold-bright:#f7d589;--teal:#81d5c6;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}code{font-size:.89em;color:#cce9df}p{margin:0 0 1rem}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-10000px;top:0;z-index:100;padding:12px;background:var(--gold);color:#131a19}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,19,26,.94);border-bottom:1px solid rgba(223,193,125,.19);backdrop-filter:blur(18px)}.header-inner{width:min(1300px,calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font:800 .9rem/1 'Manrope',sans-serif;letter-spacing:.13em;white-space:nowrap}.brand img{width:40px;height:40px;object-fit:contain;border-radius:10px}.brand strong{color:var(--gold)}.brand:hover{text-decoration:none}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:.88rem;font-weight:700;color:#c2cdc8}.nav-links a:hover{color:var(--gold);text-decoration:none}.nav-links .nav-source{color:var(--gold);border:1px solid rgba(223,193,125,.42);padding:9px 16px;border-radius:6px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:6px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 55% 80% at 81% 45%,rgba(38,95,92,.22),transparent 70%),radial-gradient(ellipse 58% 75% at 14% 5%,rgba(127,93,52,.15),transparent 73%),linear-gradient(140deg,#101a20 0%,#0a161e 65%,#0c2025 100%)}.hero:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(213,225,218,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(213,225,218,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:70px;align-items:center;padding-block:118px 115px}.eyebrow,.section-index{color:var(--gold);font:.78rem/1.3 'Manrope',sans-serif;letter-spacing:.2em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.signal-dot{display:inline-block;background:var(--teal);width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px rgba(129,213,198,.12)}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;line-height:1.14;letter-spacing:-.04em}h1{font-size:clamp(3.6rem,7.5vw,6.65rem);font-weight:800;max-width:780px;margin:0 0 30px}h1 em{font-style:normal;color:var(--gold-bright)}.hero-lead{color:#b9cac4;font-size:1.17rem;max-width:640px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 22px}.button{display:inline-flex;gap:18px;align-items:center;justify-content:center;font:800 .9rem/1 'Manrope',sans-serif;padding:16px 21px;border-radius:7px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px);text-decoration:none}.button-primary{background:var(--gold);color:#18201d}.button-primary:hover{background:#f6d996}.button-secondary{border:1px solid #53645b;color:#e2e9e3}.button-secondary:hover{background:rgba(255,255,255,.06)}.hero-note{color:#899d99;font-size:.82rem;max-width:590px}.hero-note a{color:#b2cec3}.hero-card{background:linear-gradient(155deg,rgba(27,45,49,.95),rgba(15,29,36,.97));border:1px solid rgba(223,193,125,.34);box-shadow:0 28px 80px rgba(0,0,0,.28);border-radius:var(--radius);padding:28px 30px}.card-topline{display:flex;justify-content:space-between;gap:10px;color:var(--gold);font:800 .72rem 'Manrope',sans-serif;letter-spacing:.16em;border-bottom:1px solid rgba(223,193,125,.23);padding-bottom:17px}.card-mark{color:#7c9693}.hero-card ol{list-style:none;padding:0;margin:4px 0 0}.hero-card li{display:flex;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.hero-card li:last-child{border:none;padding-bottom:0}.rule-number{color:var(--gold);font:800 .93rem 'Manrope',sans-serif}.hero-card strong{font:.95rem 'Manrope',sans-serif;font-weight:800}.hero-card p{color:#9fb2ad;font-size:.85rem;line-height:1.55;margin:6px 0 0}
.guide-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:65px;align-items:start}.guide-nav{position:sticky;top:104px;padding-top:87px;display:flex;flex-direction:column;gap:12px}.guide-nav p{font:800 .68rem 'Manrope',sans-serif;letter-spacing:.19em;color:#79908d;margin-bottom:13px}.guide-nav a{font-size:.82rem;color:#9cafaa;padding:7px 0 7px 14px;border-left:1px solid var(--line)}.guide-nav a:hover{border-color:var(--gold);color:var(--gold);text-decoration:none}.guide-content{min-width:0}.guide-section{padding:92px 0;border-bottom:1px solid var(--line)}.guide-section:last-child{border-bottom:0;padding-bottom:115px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(2.5rem,4.3vw,3.5rem);margin:12px 0 17px}.section-heading>p{max-width:750px;color:var(--muted);font-size:1.05rem;line-height:1.75}.section-heading a{color:var(--teal)}.steps{margin:22px 0}.steps>div{display:flex;align-items:baseline;gap:18px;margin-bottom:15px}.steps span{flex:none;color:var(--gold);font:800 .9rem 'Manrope',sans-serif}.steps p{color:#c5d1cd;margin:0}.steps code{color:#e8d298}.code-card{overflow:hidden;border:1px solid #3b4d52;background:#0b171e;border-radius:9px;margin:22px 0}.code-title{display:flex;justify-content:space-between;align-items:center;background:#17272d;border-bottom:1px solid #34484c;padding:11px 18px;color:#c9ddd3;font:800 .76rem 'Manrope',sans-serif;letter-spacing:.05em}.copy{cursor:pointer;background:none;border:1px solid #546764;border-radius:5px;color:#d9e7df;font:700 .72rem 'Manrope',sans-serif;padding:4px 10px}.copy:hover{border-color:var(--gold);color:var(--gold)}pre{margin:0;padding:21px 23px;overflow-x:auto;font-size:.83rem;line-height:1.7;tab-size:4;color:#d6e8d9}pre code{font-size:inherit;color:inherit}.callout{border:1px solid #48655a;border-left:3px solid var(--teal);background:linear-gradient(90deg,rgba(42,95,82,.18),rgba(24,43,44,.23));border-radius:4px;padding:22px 25px;margin:29px 0 0}.callout strong{font-family:'Manrope',sans-serif;color:#dff4e9}.callout p{color:#bad2ca;margin:5px 0 0;font-size:.94rem}.fine-print{color:#96aaa5;font-size:.89rem;line-height:1.7}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:15px}.principle{background:var(--panel);border:1px solid var(--line);padding:23px;border-radius:8px}.principle-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:5px;color:var(--gold);background:rgba(223,193,125,.11);font-weight:800}.principle h3{font-size:1.08rem;margin:18px 0 9px}.principle p{color:var(--muted);font-size:.9rem;margin:0}.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.api-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:25px;min-width:0}.api-card-heading{display:flex;gap:14px;align-items:center;margin-bottom:13px}.api-card-heading span{font:800 .73rem 'Manrope',sans-serif;color:var(--gold)}.api-card h3{font-size:1.06rem;margin:0}.api-card p{font-size:.9rem;color:#c4d1cb;line-height:1.65}.api-card .api-detail{font-size:.83rem;color:#9fb9b0;padding-top:13px;margin:13px 0 0;border-top:1px solid var(--line)}.api-card code{overflow-wrap:anywhere}.pitfall-list{border-top:1px solid var(--line)}.pitfall-list>div{display:grid;grid-template-columns:65px 1fr;gap:9px;padding:20px 0;border-bottom:1px solid var(--line)}.pitfall-list span{color:var(--gold);font:800 .76rem 'Manrope',sans-serif;padding-top:4px}.pitfall-list h3{font-size:1.04rem;margin:0 0 7px}.pitfall-list p{font-size:.91rem;color:var(--muted);margin:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow-grid>div{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.workflow-grid span{font:800 .69rem 'Manrope',sans-serif;letter-spacing:.13em;color:var(--gold)}.workflow-grid h3{font-size:1.06rem;margin:18px 0 8px}.workflow-grid p{color:var(--muted);font-size:.86rem;margin:0}.references ul{padding:0;margin:0;list-style:none}.references li{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-bottom:1px solid var(--line);font-size:.89rem}.references li a{font-weight:700}.references li span{max-width:330px;color:#8fa39c}.site-footer{border-top:1px solid rgba(223,193,125,.24);background:#0d1b20}.site-footer .container{display:flex;justify-content:space-between;gap:30px;padding-block:34px}.site-footer strong{font:800 .79rem 'Manrope',sans-serif;letter-spacing:.13em;color:var(--gold)}.site-footer p{font-size:.82rem;color:#90a49b;margin:6px 0 0}.site-footer .container>div:last-child{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.site-footer a{font-size:.84rem;color:#abc8bd}
@media(max-width:1000px){.hero-grid{gap:36px}.guide-shell{gap:35px;grid-template-columns:155px minmax(0,1fr)}.nav-links{gap:15px}.workflow-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner{height:66px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:66px;background:#101d24;padding:18px 24px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:8px 0}.nav-links .nav-source{text-align:center}.hero-grid{grid-template-columns:1fr;gap:35px;padding-block:76px}.hero-card{max-width:540px}.guide-shell{display:block}.guide-nav{display:none}.guide-section{padding:68px 0}.references li{display:block}.references li span{display:block;margin-top:4px;max-width:none}.site-footer .container{display:block}.site-footer .container>div:last-child{margin-top:20px}}
@media(max-width:560px){.container,.header-inner{width:calc(100% - 32px)}.brand{font-size:.7rem;letter-spacing:.08em}.brand img{width:34px;height:34px}.hero-grid{padding-block:63px}h1{font-size:3.55rem}.hero-lead{font-size:1.04rem}.hero-card{padding:23px}.two-up,.api-grid,.workflow-grid{grid-template-columns:1fr}.section-heading h2{font-size:2.35rem}.steps>div{gap:13px}.code-card{margin-inline:-3px}pre{font-size:.76rem;padding:18px 16px}.pitfall-list>div{grid-template-columns:42px 1fr}.site-footer .container>div:last-child{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}