:root{background:#f5f7fb;color:#101728;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit}button{font:inherit}.shell{margin:0 auto;max-width:1180px;width:calc(100% - 48px)}.site-header{align-items:center;display:flex;height:82px;justify-content:space-between}.brand{align-items:center;display:inline-flex;font-size:17px;font-weight:800;gap:10px;letter-spacing:-.04em;text-decoration:none}.brand-mark{align-items:center;background:#1769ff;border-radius:8px;color:#fff;display:inline-flex;font-family:Georgia,serif;font-size:18px;height:32px;justify-content:center;width:32px}.site-header nav{align-items:center;display:flex;gap:28px}.site-header nav a{color:#6d7688;font-size:14px;font-weight:650;text-decoration:none}.site-header nav a:hover{color:#1769ff}.protocol-link{background:#e9eef8;border-radius:999px;padding:9px 13px}.hero{align-items:center;display:grid;gap:clamp(50px,8vw,100px);grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:680px;padding-bottom:90px;padding-top:66px;position:relative}.hero:before{background:#1769ff;border-radius:50%;content:"";filter:blur(110px);height:280px;opacity:.08;pointer-events:none;position:absolute;right:80px;top:160px;width:280px}.eyebrow{align-items:center;color:#1769ff;display:flex;font-size:10px;font-weight:800;gap:9px;letter-spacing:.15em;margin:0 0 20px;text-transform:uppercase}.eyebrow>span{background:currentColor;height:2px;width:18px}h1{font-size:clamp(56px,6.6vw,86px);letter-spacing:-.02em;line-height:.94;margin:0;max-width:750px}.hero-copy{color:#626c80;font-size:clamp(17px,1.7vw,20px);line-height:1.65;margin:30px 0 32px;max-width:640px}.hero-actions{align-items:center;display:flex;gap:20px}.primary-link,.secondary-link{font-size:13px;font-weight:750;text-decoration:none}.primary-link{align-items:center;background:#1769ff;border-radius:999px;color:#fff;display:inline-flex;gap:22px;padding:14px 21px;transition:background .2s ease,transform .2s ease}.primary-link:hover{background:#0757e9;transform:translateY(-2px)}.secondary-link{color:#4f5a70;text-decoration:underline;text-decoration-color:#c8cfdb;text-underline-offset:5px}.secondary-link:hover{color:#1769ff}.hero-visual{background:#101726;border:1px solid #263148;border-radius:25px;box-shadow:0 35px 90px #1a274433;color:#e9eef9;min-height:468px;overflow:hidden;padding:22px;position:relative;transform:rotate(1.25deg)}.hero-visual:after{background:radial-gradient(circle,rgba(95,152,255,.19) 0 1px,transparent 1.5px);background-size:17px 17px;content:"";height:150px;opacity:.65;pointer-events:none;position:absolute;right:-12px;top:48px;width:155px;-webkit-mask-image:linear-gradient(120deg,#000,transparent 80%);mask-image:linear-gradient(120deg,#000,transparent 80%)}.visual-topline{align-items:center;color:#7f8ba2;display:flex;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.visual-topline p{margin:0 auto 0 7px}.live-dot{background:#4bd491;border-radius:50%;box-shadow:0 0 0 4px #4bd4911a;height:6px;width:6px}.parent-post{background:#192235;border:1px solid #2b3850;border-radius:14px;display:flex;gap:12px;margin-top:28px;padding:16px;position:relative;z-index:1}.post-avatar,.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex:none;font-size:11px;font-weight:800;justify-content:center}.post-avatar{background:#1769ff;height:34px;width:34px}.parent-post p{font-size:14px;line-height:1.5;margin:0}.parent-post p+p{color:#c8d0df;margin-top:5px}.parent-post span{color:#7f8ba2;font-size:10px;margin-left:5px}.thread-line{background:linear-gradient(#3f5680,#3f568033);height:38px;margin-left:33px;width:1px}.visual-comment{align-items:center;background:#f7f9fd;border-radius:12px;box-shadow:0 12px 35px #0000002e;color:#121a2b;display:flex;gap:11px;margin-left:18px;padding:13px 14px;position:relative;width:calc(100% - 18px);z-index:1}.visual-comment+.visual-comment{margin-top:10px;margin-left:45px;width:calc(100% - 45px)}.avatar{height:30px;width:30px}.avatar-blue{background:#5596ff}.avatar-pink{background:#cc6ec7}.visual-comment strong{font-size:11px}.visual-comment p{color:#6d7688;font-size:10px;margin:3px 0 0}.sync-check{align-items:center;background:#e5f6ed;border-radius:50%;color:#27905c;display:flex;font-size:9px;height:19px;justify-content:center;margin-left:auto;width:19px}.visual-footer{align-items:center;bottom:22px;color:#7f8ba2;display:flex;font-size:9px;gap:9px;justify-content:center;left:22px;position:absolute;right:22px}.flow-line{background:#34425b;height:1px;width:38px}.calque-chip{background:#1769ff;border-radius:999px;color:#fff;font-weight:750;padding:6px 10px}.benefits{border-bottom:1px solid #dce1eb;border-top:1px solid #dce1eb;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:130px}.benefits article{display:flex;gap:18px;padding:34px 30px 35px 0}.benefits article+article{border-left:1px solid #dce1eb;padding-left:30px}.benefit-icon{align-items:center;background:#e8eefb;border-radius:9px;color:#1769ff;display:flex;flex:none;font-size:18px;height:37px;justify-content:center;width:37px}.benefits h2{font-size:14px;letter-spacing:-.025em;margin:1px 0 7px}.benefits p{color:#727b8d;font-size:14px;line-height:1.55;margin:0}.usage{background:#101726;color:#eef3fc;padding:120px 0;position:relative}.usage:before{background:linear-gradient(90deg,#1769ff,#75a8ff);content:"";height:3px;left:0;position:absolute;right:0;top:0}.section-heading h2{font-size:clamp(40px,5vw,62px);letter-spacing:-.06em;line-height:1;margin:0}.usage-heading{align-items:end;display:flex;justify-content:space-between}.usage-heading>div{max-width:640px}.usage-heading>p{color:#9ba7bc;font-size:15px;line-height:1.65;margin:0 0 5px;max-width:420px}.usage .eyebrow{color:#6fa5ff}.options-overview{background:#141d2c;border:1px solid #29364c;border-radius:18px;display:grid;gap:44px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);margin-top:58px;padding:30px}.code-kicker{color:#72a8ff;font-size:9px;font-weight:800;letter-spacing:.15em;margin:0 0 7px;text-transform:uppercase}.options-heading h3{font-size:25px;letter-spacing:-.04em;margin:0 0 12px}.options-heading>p:last-child{color:#909db2;font-size:14px;line-height:1.65;margin:0;max-width:330px}.options-heading code,.options-list code{color:#b8c9e5;font-size:10px}.options-list{display:grid;margin:0}.options-list>div{align-items:center;border-bottom:1px solid #29364c;display:grid;gap:20px;grid-template-columns:minmax(110px,.6fr) minmax(0,1.4fr);padding:12px 0}.options-list>div:first-child{padding-top:0}.options-list>div:last-child{border-bottom:0;padding-bottom:0}.options-list dt,.options-list dd{margin:0}.options-list dd{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(90px,.55fr) minmax(0,1.45fr)}.options-list span{color:#8794aa;font-size:11px;line-height:1.4}.usage-methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;justify-content:space-between;align-items:flex-end}.usage-buttons button{background:#141d2c;border:1px solid #334158;border-radius:999px;color:#aeb9ca;cursor:pointer;font-size:13px;font-weight:750;padding:10px 18px}.usage-buttons button:hover{border-color:#659cff;color:#fff}.usage-buttons button[aria-pressed=true]{background:#1769ff;border-color:#1769ff;color:#fff}.usage-buttons button:focus-visible{outline:2px solid #8cb9ff;outline-offset:2px}.usage-buttons{display:flex;flex-direction:row;gap:8px}.code-stage{background:#171f30;border:1px solid #2b3750;border-radius:18px;box-shadow:0 24px 60px #0000002e;margin-top:14px;overflow:hidden}.code-tabs{align-items:center;background:#171f30;display:flex;gap:6px;padding:9px 9px 0}.code-tablist{display:flex;flex:1;gap:3px;min-width:0;overflow-x:auto}.code-tablist button{background:transparent;border:0;border-radius:9px 9px 0 0;color:#98a5ba;cursor:pointer;flex:none;font-size:12px;font-weight:700;padding:11px 14px}.code-tablist button:hover{background:#1c273b;color:#fff}.code-tablist button[aria-selected=true]{background:#0b101b;color:#fff}.code-tablist button[hidden]{display:none}.code-tablist button:focus-visible{outline:2px solid #8cb9ff;outline-offset:-2px}.copy-button{align-items:center;align-self:center;background:#232e43;border:1px solid #34415a;border-radius:7px;color:#b6c2d5;cursor:pointer;display:inline-flex;flex:none;font-size:10px;font-weight:750;justify-content:center;line-height:1;padding:8px 11px;transform:translateY(-4px)}.copy-button:hover{border-color:#659cff;color:#fff}.copy-button.copied{background:#183a2d;border-color:#2d7655;color:#7be0aa}.code-panel pre{border-top:0;min-height:285px}.code-panel[hidden],.backend-panel[hidden]{display:none}.backend-panel{display:grid;gap:32px;grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);min-height:285px;padding:30px}.backend-panel h3{font-size:22px;letter-spacing:-.04em;margin:0 0 12px}.backend-panel p{color:#9ba7bc;font-size:13px;line-height:1.6;margin:0;max-width:480px}.backend-panel ul{color:#c5cfdf;font-size:12px;line-height:1.6;margin:20px 0 0;padding-left:18px}.backend-panel li+li{margin-top:8px}.backend-panel pre{align-self:start;min-height:0;padding:20px}pre{background:#0b101b;border-top:1px solid #273249;color:#d6dfef;flex:1;margin:0;min-height:285px;overflow:auto;padding:24px 25px}code{font:400 11px/1.85 SFMono-Regular,Consolas,Liberation Mono,monospace;tab-size:2;white-space:pre}.syn-tag{color:#ff86b5}.syn-attribute,.syn-property{color:#8cb9ff}.syn-string{color:#a8df9e}.syn-punctuation{color:#738198}.syn-object{color:#8ed8ff}.syn-function{color:#d7b3ff}.syn-keyword{color:#ff9c86}.oauth-note{color:#818da2;font-size:11px;margin:18px 0 0;text-align:right}.oauth-note span{color:#c8d1e0}.oauth-note code{background:#202a3d;border-radius:4px;color:#a8df9e;font-size:10px;padding:3px 5px}.live{padding-bottom:130px;padding-top:130px}.live-heading{align-items:end;display:flex;justify-content:space-between}.live-heading>div{max-width:720px}.live-intro{margin-bottom:5px;max-width:290px}.live-intro p{color:#747d8f;font-size:13px;line-height:1.6;margin:0 0 13px}.live-intro a{color:#1769ff;font-size:14px;font-weight:750;text-decoration:none}.live-intro a:hover{text-decoration:underline;text-underline-offset:4px}.live-demo{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);margin-top:52px}.live-controls{background:#141d2c;border:1px solid #29364c;border-radius:18px;color:#eef3fc;padding:25px}.live-controls h3{font-size:25px;letter-spacing:-.04em;margin:0 0 10px}.live-controls>div>p:last-child{color:#909db2;font-size:13px;line-height:1.6;margin:0}.live-controls form{display:grid;gap:18px;margin-top:28px}.control-field{display:grid;gap:8px}.control-field>span,.control-field legend{color:#cbd5e5;font-size:11px;font-weight:750}.control-label{align-items:center;display:flex;gap:4px}.control-label output{font-weight:700;color:#fff}.live-controls input[type=text],.live-controls input[type=number]{background:#0b101b;border:1px solid #34415a;border-radius:8px;color:#eef3fc;min-width:0;outline:0;padding:10px 11px;width:100%}.live-controls input[type=text]:focus,.live-controls input[type=number]:focus{border-color:#659cff;box-shadow:0 0 0 3px #659cff26}.live-controls input[type=range]{accent-color:#72a8ff;width:100%}.control-field legend{padding:0}.control-field:has(legend){border:0;margin:0;padding:0}.scheme-options{display:grid;gap:7px;grid-template-columns:repeat(3,1fr);margin-top:7px}.scheme-options label{align-items:center;background:#1b2638;border:1px solid #334158;border-radius:7px;color:#aeb9ca;cursor:pointer;display:flex;font-size:11px;gap:5px;justify-content:center;padding:8px 4px}.scheme-options label:has(input:checked){background:#1d4fae;border-color:#659cff;color:#fff}.scheme-options input{margin:0;accent-color:#fff}.color-controls{border-top:1px solid #29364c;display:grid;gap:14px;padding-top:17px}.color-control{align-items:center;color:#cbd5e5;display:flex;font-size:11px;font-weight:750;justify-content:space-between}.color-input-wrap{align-items:center;display:flex;gap:8px}.color-input-wrap input[type=checkbox]{accent-color:#72a8ff;margin:0}.color-input-wrap input[type=color]{background:#0b101b;border:1px solid #34415a;border-radius:6px;cursor:pointer;height:27px;padding:3px;width:42px}.color-input-wrap input[type=color]:disabled{cursor:not-allowed;opacity:.4}.reset-control{background:transparent;border:0;color:#8794aa;cursor:pointer;font-size:11px;justify-self:start;padding:0;text-decoration:underline;text-underline-offset:3px}.reset-control:hover{color:#fff}.live-preview{min-width:0}.live-status{color:#8794aa;font-size:11px;margin:12px 2px 0}.live-frame{background:#fff;border:1px solid #dce2ec;border-radius:20px;box-shadow:0 30px 90px #1e2b461f;overflow:hidden}.browser-bar{align-items:center;background:#f8f9fc;border-bottom:1px solid #e2e6ee;display:grid;grid-template-columns:1fr auto 1fr;height:54px;padding:0 20px}.browser-bar>div{display:flex;gap:7px}.browser-bar>div span{background:#d4dae5;border-radius:50%;height:8px;width:8px}.browser-bar p{color:#929bad;font:400 9px/1 SFMono-Regular,Consolas,monospace;margin:0}.secure-label{color:#8993a6;font-size:9px;justify-self:end;text-transform:uppercase}.comments{padding:clamp(25px,5vw,55px)}.site-footer{align-items:center;border-top:1px solid #dce1eb;color:#768093;display:grid;font-size:11px;grid-template-columns:1fr auto 1fr;padding-bottom:42px;padding-top:42px}.footer-brand{color:#101728;font-size:15px}.footer-brand .brand-mark{border-radius:6px;font-size:14px;height:26px;width:26px}.site-footer p{margin:0}.site-footer>a:last-child{justify-self:end;text-decoration:none}.site-footer>a:last-child:hover{color:#1769ff}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-bottom:80px}.hero-copy-wrap{max-width:760px}.hero-visual{margin:0 auto;max-width:520px;transform:none;width:100%}.benefits{margin-bottom:100px}.benefits article{display:block}.benefit-icon{margin-bottom:18px}.usage-heading,.live-heading{align-items:start;display:grid;gap:30px}.options-overview{gap:30px;grid-template-columns:1fr}.live-demo,.backend-panel{grid-template-columns:1fr}}@media(max-width:680px){.shell{width:calc(100% - 32px)}.site-header{height:70px}.site-header nav>a:not(.protocol-link){display:none}.protocol-link{font-size:10px!important}.hero{gap:50px;min-height:0;padding-top:62px}h1{font-size:clamp(47px,14vw,64px)}.hero-copy{font-size:16px}.hero-visual{min-height:445px;padding:17px}.visual-comment+.visual-comment{margin-left:25px;width:calc(100% - 25px)}.benefits{grid-template-columns:1fr}.benefits article{display:flex;padding:27px 0}.benefits article+article{border-left:0;border-top:1px solid #dce1eb;padding-left:0}.benefit-icon{margin-bottom:0}.usage{padding:92px 0}.section-heading h2{font-size:42px}.options-overview{padding:22px 19px}.options-list>div{align-items:start;gap:8px;grid-template-columns:1fr}.options-list dd{gap:8px;grid-template-columns:1fr}.usage-methods{gap:7px}.usage-methods button{font-size:12px;padding:9px 14px}.code-tablist button{font-size:11px;padding:9px 11px}pre{min-height:0;padding:21px 19px}code{font-size:10px}.oauth-note{line-height:1.6;text-align:left}.live{padding-bottom:100px;padding-top:100px}.browser-bar{grid-template-columns:1fr auto}.browser-bar p{display:none}.comments{padding:22px 18px}.site-footer{align-items:start;display:flex;flex-direction:column;gap:17px}.site-footer>a:last-child{justify-self:auto}}@media(prefers-color-scheme:dark){:root{background:#0a0e15;color:#eef2f8;color-scheme:dark}.site-header nav a,.hero-copy,.secondary-link,.benefits p,.live-intro p,.site-footer{color:#98a4b7}.protocol-link{background:#171e2a}.secondary-link{text-decoration-color:#3b4659}.hero:before{opacity:.16}.benefits,.benefits article+article,.site-footer{border-color:#252d3a}.benefit-icon{background:#151e2d;color:#6fa5ff}.live-frame{background:#11151d;border-color:#293242;box-shadow:0 30px 90px #00000047}.browser-bar{background:#171c26;border-color:#2a3240}.browser-bar>div span{background:#465064}.browser-bar p,.secure-label{color:#818ca0}.comments{background:#11151d}.footer-brand{color:#eef2f8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link{transition:none}}