:root{--bg:#080b16;--bg-2:#101829;--ink:#f7fbff;--muted:#b9c5d6;--line:#ffffff24;--cyan:#41d7ff;--gold:#ffd166;--magenta:#ff5fa2;--green:#54e29a;--panel:#0c1423d1;--panel-strong:#101b30f0;--shadow:0 24px 80px #00000059;--content-max:1180px;--page-gutter:clamp(1rem, 4vw, 4rem);--container-inline:max(var(--page-gutter), calc((100% - var(--content-max)) / 2))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 20% 0,#41d7ff2e,#0000 34rem),radial-gradient(circle at 90% 10%,#ff5fa224,#0000 28rem),linear-gradient(#071020 0%,#090b14 42%,#0f1018 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:20;min-height:72px;padding:.8rem var(--container-inline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040812bd;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:.75rem;min-width:0;font-weight:800;display:inline-flex}.brand-mark{color:#071020;background:linear-gradient(135deg,#41d7fff2,#ffd166eb);border:1px solid #ffffff2e;border-radius:.5rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-weight:900;display:grid}.nav-links{color:var(--muted);align-items:center;gap:clamp(.75rem,2.4vw,1.5rem);font-size:.95rem;font-weight:700;display:flex}.nav-links a:hover{color:var(--ink)}.hero{min-height:92svh;padding:9rem var(--container-inline) 5rem;isolation:isolate;align-items:center;display:grid;position:relative;overflow:hidden}.subhero{min-height:58svh;padding:9rem var(--container-inline) 4rem;isolation:isolate;align-items:end;display:grid;position:relative;overflow:hidden}.subhero-content{width:min(860px,100%)}.subhero-content p:not(.eyebrow){color:#dce8f7;max-width:62ch;font-size:clamp(1.02rem,2vw,1.2rem)}.hero-image{z-index:-3;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:-2;background:linear-gradient(90deg,#050812f0 0%,#050812c7 38%,#05081233 72%),linear-gradient(#05081252 0%,#0508121a 55%,#080b16 100%);position:absolute;inset:0}.hero-content{width:min(760px,100%)}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 .85rem;font-size:.78rem;font-weight:900}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:11ch;margin:0;font-size:clamp(3.1rem,9vw,7.4rem);line-height:.88}.hero-copy{color:#dce8f7;max-width:58ch;margin:1.4rem 0 0;font-size:clamp(1.05rem,2vw,1.28rem)}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.primary-action,.secondary-action{border-radius:.5rem;justify-content:center;align-items:center;min-height:3rem;padding:.78rem 1.1rem;font-weight:900;display:inline-flex}.primary-action{background:var(--gold);color:#11131d}.secondary-action{color:var(--ink);background:#ffffff14;border:1px solid #ffffff38}.intent-strip{margin:clamp(1rem, 2vw, 1.5rem) var(--container-inline) 0;background:var(--line);border:1px solid var(--line);border-radius:.5rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.intent-item{background:#090e1beb;min-height:12rem;padding:clamp(1rem,2.5vw,1.6rem)}.intent-item:hover,.content-card:hover,.mini-list a:hover{background:#41d7ff14;border-color:#41d7ff6b}.intent-item h2{color:#fff;margin:0 0 .7rem;font-size:1rem;line-height:1.25}.intent-item p{color:var(--muted);margin:0;font-size:.94rem}.section{margin:0 var(--container-inline);padding:clamp(4rem,8vw,6.6rem) 0}.section-heading{max-width:760px;margin-bottom:2rem}.section-heading h2,.panel h2{letter-spacing:0;margin:0;font-size:clamp(2rem,4.6vw,4rem);line-height:.98}.section-heading p:not(.eyebrow),.panel p,.code-card p,.progress-card p,.tier-row p,.wiki-grid p,.footer p,details p{color:var(--muted)}.code-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.content-card{border:1px solid var(--line);background:#ffffff0e;border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:1rem;min-height:14rem;padding:1.2rem;display:flex}.content-card h3{margin:0;font-size:1.3rem}.content-card p,.content-card span,.mini-list span,.legal-page p,.video-card p,.guide-article p{color:var(--muted)}.content-card span{color:var(--gold);font-weight:900}.code-card{border:1px solid var(--line);background:var(--panel);border-radius:.5rem;justify-content:space-between;align-items:flex-start;gap:1rem;min-height:11.5rem;padding:1rem;display:flex;box-shadow:0 16px 42px #0000002e}.code-label{text-transform:uppercase;margin:0 0 .4rem;font-size:.78rem;font-weight:900;color:var(--green)!important}.code-card h3{color:var(--ink);margin:0;font-size:clamp(1.25rem,3vw,1.7rem);line-height:1}.code-card p:last-child{margin-bottom:0}.copy-button{cursor:pointer;color:#dff8ff;background:#41d7ff24;border:1px solid #41d7ff57;border-radius:.45rem;flex:none;min-width:4.4rem;min-height:2.5rem;font-weight:900}.copy-button:hover{background:#41d7ff3d}.two-column{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:1rem;display:grid}.panel{border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:.5rem;padding:clamp(1.2rem,3vw,2rem)}.steps,.plain-list{margin:1.4rem 0 0;padding-left:1.25rem}.steps li,.plain-list li{color:#dce8f7;margin:.72rem 0}.small-note{margin-top:1.4rem;font-size:.92rem}.mini-list{gap:.8rem;margin-top:1.2rem;display:grid}.mini-list a{border:1px solid var(--line);background:#ffffff0a;border-radius:.5rem;gap:.25rem;padding:1rem;display:grid}.tutorial-layout{grid-template-columns:1fr .9fr;align-items:stretch;gap:1rem;display:grid}.tutorial-media,.guide-article img{border:1px solid var(--line);background:#ffffff0e;border-radius:.5rem;overflow:hidden}.tutorial-media img,.guide-article img{object-fit:cover;width:100%;height:100%;min-height:24rem}.guide-list{gap:1.2rem;display:grid}.guide-article{border:1px solid var(--line);background:#ffffff0b;border-radius:.5rem;grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:1.2rem;padding:1rem;display:grid}.guide-article>div{padding:clamp(.5rem,2vw,1rem)}.guide-article h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.video-card{border:1px solid var(--line);background:#ffffff0e;border-radius:.5rem;padding:1rem}.video-frame{aspect-ratio:16/9;background:#050812;border-radius:.5rem;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.legal-page{max-width:860px}.legal-page h2{margin:2rem 0 .4rem;font-size:clamp(1.5rem,3vw,2.4rem)}.legal-page a{color:var(--gold);font-weight:900}.article-body{max-width:920px}.article-body section{border-bottom:1px solid var(--line);padding:1.2rem 0}.article-body h2{margin:0 0 .6rem;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05}.article-body p{color:var(--muted);font-size:1.05rem}.article-next{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.article-next a,.text-link{min-height:2.6rem;color:var(--gold);border:1px solid #ffd16657;border-radius:.45rem;align-items:center;padding:.65rem .9rem;font-weight:900;display:inline-flex}.progression-grid,.wiki-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.progress-card,.wiki-grid article{border:1px solid var(--line);background:#ffffff0e;border-radius:.5rem;min-height:15rem;padding:1.2rem}.progress-card span{width:2.6rem;height:2.6rem;color:var(--gold);background:#ffd16629;border-radius:.45rem;place-items:center;font-weight:900;display:inline-grid}.progress-card h3,.wiki-grid h3,.tier-row h3{margin:1rem 0 .45rem;font-size:1.2rem;line-height:1.2}.tier-table{border:1px solid var(--line);background:#ffffff0b;border-radius:.5rem;overflow:hidden}.tier-row{border-bottom:1px solid var(--line);grid-template-columns:5rem 1fr;gap:1rem;padding:1.1rem;display:grid}.tier-row:last-child{border-bottom:0}.tier-rank{color:#fff;background:linear-gradient(135deg,#ff5fa2c7,#41d7ffb8);border-radius:.5rem;place-items:center;width:4rem;height:4rem;font-size:1.8rem;font-weight:950;display:grid}.faq-list{gap:.8rem;display:grid}details{border:1px solid var(--line);background:#ffffff0e;border-radius:.5rem}summary{cursor:pointer;color:#fff;padding:1rem 1.2rem;font-weight:900}details p{margin:0;padding:0 1.2rem 1.2rem}.footer{padding:2.5rem var(--container-inline);border-top:1px solid var(--line);background:#060914}.footer-links{flex-wrap:wrap;gap:.9rem 1.2rem;margin-bottom:1rem;display:flex}.footer-links a{color:#fff;font-weight:800}.footer p{max-width:920px;margin:.45rem 0;font-size:.95rem}@media (max-width:980px){.intent-strip,.code-grid,.content-grid,.progression-grid,.wiki-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.tutorial-layout,.guide-article{grid-template-columns:1fr}}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start;min-height:auto;position:sticky}.nav-links{width:100%;padding-bottom:.15rem;overflow-x:auto}.hero{min-height:86svh;padding-top:5rem}.hero-shade{background:linear-gradient(90deg,#050812f2 0%,#050812b3 65%,#05081247 100%),linear-gradient(#05081233 0%,#080b16 100%)}.intent-strip,.code-grid,.content-grid,.progression-grid,.wiki-grid,.video-grid{grid-template-columns:1fr}.code-card{min-height:auto}.tier-row{grid-template-columns:1fr}.tier-rank{width:3.5rem;height:3.5rem}}