*,:before,:after{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#f5f3ee;color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.search-overlay{position:fixed;inset:0;z-index:9999;background:#00000073;backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;opacity:0;pointer-events:none;transition:opacity .2s ease}.mega-trig svg{width:16px;height:16px;transition:transform .2s}.hero{padding:5rem .5rem .5rem;text-align:center}.hero h1{max-width:820px;margin:0 auto;font-size:clamp(2.2rem,5.5vw,64px);font-weight:500;line-height:.98;letter-spacing:-.055em;color:#171717}.hero-btns{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.btn-p{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 8px 0 12px;background:#2f5bff;color:#fff;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:-.025em;white-space:nowrap;box-shadow:#053794 0-2px inset,#e6effe 0 1px 3px;transition:background .15s}.btn-p kbd,.btn-s kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:700;line-height:1}.btn-p kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-s{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 8px 0 12px;background:#fff;color:#262626;border:1px solid #d4d4d4;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:-.025em;white-space:nowrap;box-shadow:#0000000f 0-2px inset,#0000000a 0 1px 3px;transition:background .15s}.btn-s:hover{background:#fafaf9;box-shadow:none}.btn-s:active{box-shadow:none;transform:translateY(1px) scale(.99)}.btn-s kbd{background:#0000000a;border:1px solid #d4d4d4;color:#737373}.hero-sub{margin-top:1rem;font-size:15px;color:#737373}.strip{margin-top:3rem;border:1px solid #d4d4d4;border-radius:16px;background:#ffffff4d;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.strip-item{min-height:150px;padding:28px}.strip-item:not(:last-child){border-right:1px solid #d4d4d4}.strip-item h3{font-size:22px;font-weight:500;color:#171717;font-family:Georgia,Times New Roman,serif}.strip-item p{margin-top:8px;max-width:250px;font-size:15px;line-height:1.75;color:#737373}.editor{position:relative;margin-top:20px;border-radius:16px;overflow:hidden;border:1px solid #d4d4d4;background:#131a24;box-shadow:0 24px 70px #0000002e}.editor-badge{position:absolute;left:50%;top:12px;z-index:20;transform:translate(-50%);background:#fffffff2;border:1px solid #d4d4d4;padding:8px 16px;border-radius:100px;font-size:14px;font-weight:500;color:#525252;box-shadow:0 4px 12px #00000014;display:inline-flex;align-items:center;gap:8px}.editor-bar{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#2a3141;font-size:12px;color:#a3a3a3}.editor-dots{display:flex;gap:8px}.editor-dot{width:12px;height:12px;border-radius:50%;background:#787878b3}.editor-bar-text{font-weight:600}.editor-bar-branch{background:#ffffff0d;padding:4px 8px;border-radius:6px}.editor-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:560px}.editor-side{border-right:1px solid rgba(255,255,255,.08);background:#1c2432;padding:16px;font-size:14px;color:#aeb8ca}.editor-side-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#7f8aa1;margin-bottom:12px}.editor-side-item{padding:8px 12px;border-radius:8px;margin-bottom:4px}.editor-side-item.active{background:#ffffff14;color:#fff}.editor-code{background:#141b25;padding:20px 24px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.85;color:#cad4e3;overflow-x:auto;white-space:pre}.kw{color:#c792ea}.ty{color:#ffcb6b}.st{color:#c3e88d}.fn{color:#82aaff}.cm{color:#546e7a;font-style:italic}.pr{color:#f07178}.sec-ey{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:#737373;text-align:center}.sec-t{margin-top:16px;text-align:center;max-width:820px;margin-left:auto;margin-right:auto;font-size:clamp(1.8rem,4vw,60px);font-weight:500;line-height:.98;letter-spacing:-.055em;color:#171717}.sec-d{margin:20px auto 0;max-width:720px;text-align:center;font-size:17px;line-height:2;color:#737373}.cg{display:grid;gap:24px;margin-top:3rem}.cg3{grid-template-columns:repeat(3,1fr)}.cg4{grid-template-columns:repeat(4,1fr)}.cg2{grid-template-columns:repeat(2,1fr)}.ic{border-radius:16px;border:1px solid #d4d4d4;background:#fff9;padding:24px;box-shadow:0 1px 3px #0000000a}.ic h3{font-size:22px;font-weight:500;letter-spacing:-.03em;color:#171717}.ic p{margin-top:12px;font-size:14px;line-height:1.75;color:#737373}.sc{border-radius:16px;border:1px solid #d4d4d4;background:#fff9;padding:24px;text-align:center;box-shadow:0 1px 3px #0000000a}.sc .v{font-size:30px;font-weight:600;letter-spacing:-.04em;color:#171717}.sc .l{margin-top:8px;font-size:14px;color:#ffffff73}.pc{border-radius:16px;border:1px solid #d4d4d4;background:#ffffffb3;padding:28px;box-shadow:0 1px 3px #0000000a}.pc .pn{font-size:18px;font-weight:500;color:#171717}.pc .pp{margin-top:16px;font-size:36px;font-weight:600;letter-spacing:-.04em;color:#171717}.pc .ppr{font-size:14px;color:#737373;margin-top:4px}.pc .pd{margin-top:20px;font-size:14px;line-height:1.75;color:#737373}.pc .pb{margin-top:24px;width:100%;height:40px;background:#2f5bff;color:#fff;border:1px solid transparent;padding:0 16px;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:-.025em;transition:background .15s;display:flex;align-items:center;justify-content:center;box-shadow:#053794 0-2px inset,#e6effe 0 1px 3px}.pc .pb:hover{background:#0640ac;box-shadow:none}.pc .pb:active{box-shadow:none;transform:translateY(1px) scale(.99)}@media (max-width:900px){.strip{grid-template-columns:1fr}.strip-item:not(:last-child){border-right:0;border-bottom:1px solid #d4d4d4}.cg3,.cg4,.cg2,.editor-body{grid-template-columns:1fr}.editor-side{display:none}.ft-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.mega{display:none!important}}