:root{--bg:#f7f6f3;--surface:#fff;--surface-2:#f0efe9;--ink:#1c1c19;--muted:#62615a;--line:#e3e1d8;--accent:#0ca678;--accent-ink:#0b7a58;--accent-soft:#d9f2ea;--danger:#d64545;--warn:#d9840c;--code-bg:#1d1f27;--code-ink:#e8e8ea;--radius:12px;--radius-s:8px;--maxw:1120px;--sans:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Helvetica , Arial , sans-serif;--mono:ui-monospace , "Cascadia Code" , "Segoe UI Mono" , "Roboto Mono" , Consolas , monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family: var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(1.9rem,4vw,3rem);margin:0 0 .5em}h2{font-size:clamp(1.4rem,2.6vw,2rem)}img,svg{max-width:100%}code,.code{font-family: var(--mono)}.ic{display:inline-block;vertical-align:middle}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:1.25rem}.skip{position:absolute;left:-999px}.skip:focus{left:.5rem;top:.5rem;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:6px;z-index:100}.eyebrow{font-family: var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent-ink);font-weight:700;margin:0 0 .6rem}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-s);padding:.78rem 1.35rem;font-weight:650;font-size:.95rem;border:1.5px solid transparent;cursor:pointer;transition:transform .1s , background .18s , border-color .18s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-sm{padding:.5rem .9rem;font-size:.86rem}.btn-fill{background:var(--accent);color:#fff}.btn-fill:hover{background:var(--accent-ink)}.btn-line{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-line:hover{border-color:var(--accent);color:var(--accent-ink)}.site-top{position:sticky;top:0;z-index:1000;isolation:isolate;background:rgba(247,246,243,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-top-inner{display:flex;align-items:center;gap:1rem;padding-block:.7rem}.logo{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink)}.logo:hover{text-decoration:none}.logo-mark{color:var(--ink)}.logo-word{font-family: var(--mono);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.nav{margin-left:auto;display:flex;align-items:center;gap:.25rem}.nav-link,.nav-btn{color:var(--muted);background:none;border:none;font:inherit;font-weight:600;font-size:.93rem;padding:.5rem .7rem;border-radius:var(--radius-s);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.nav-link:hover,.nav-btn:hover{color:var(--ink);text-decoration:none;background:var(--surface-2)}.nav-has-pop{position:relative}.nav-pop{position:absolute;top:100%;left:0;min-width:15rem;padding:.8rem .4rem .4rem;display:none;flex-direction:column;z-index:1001}.nav-pop::before{content:"";position:absolute;left:0;right:0;top:.4rem;bottom:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 40px rgba(0,0,0,.12);z-index:-1}.nav-has-pop.open .nav-pop,.nav-has-pop:hover .nav-pop,.nav-has-pop:focus-within .nav-pop{display:flex}.nav-pop-link{display:flex;align-items:center;gap:.6rem;color:var(--ink);padding:.5rem .6rem;border-radius:7px;font-size:.9rem;font-weight:600}.nav-pop-link:hover{background:var(--surface-2);text-decoration:none;color:var(--accent-ink)}.nav-pop-ic{color:var(--accent-ink);display:inline-flex}.pro-dot{font-family: var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent-ink);padding:.1rem .35rem;border-radius:4px;font-weight:700;vertical-align:middle}.pro-dot-lg{font-size:.7rem;padding:.15rem .45rem}.navtoggle{display:none;margin-left:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:.4rem;color:var(--ink);cursor:pointer}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding-block:clamp(2.5rem,6vw,5rem)}.hero-sub{color:var(--muted);font-size:1.1rem;max-width:34rem}.hero-btns{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 .8rem}.hero-fine{color:var(--muted);font-size:.84rem;font-family: var(--mono)}.hero-card{}.term{background:var(--code-bg);color:var(--code-ink);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.18)}.term-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .9rem;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}.term-bar span{width:11px;height:11px;border-radius:50%;background:#40424d}.term-bar span:first-child{background:#e0654f}.term-bar span:nth-child(2) {background:#e0b04f}.term-bar span:nth-child(3) {background:#5fb87a}.term-bar em{margin-left:auto;font-family: var(--mono);font-size:.74rem;color:#8b8d98;font-style:normal}.term-body{margin:0;padding:1.1rem 1.2rem;font-family: var(--mono);font-size:.86rem;line-height:1.7;overflow-x:auto}.c-mut{color:#6b6d78}.c-key{color:#79b8ff}.c-str{color:#9ecb8a}.c-num{color:#e0b04f}.sec-head{max-width:42rem;margin-bottom:1.6rem}.sec-head p{color:var(--muted);margin:.3rem 0 0}.sec-head-row{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.grid-sec{padding-block:clamp(2rem,5vw,3.5rem)}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tool-card{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;color:var(--ink);transition:border-color .15s , transform .1s , box-shadow .15s}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none;box-shadow:0 12px 26px rgba(12,166,120,.1)}.tool-ic{width:44px;height:44px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);border-radius:10px}.tool-name{font-family: var(--mono);font-weight:700;font-size:1.02rem}.tool-desc{color:var(--muted);font-size:.9rem}.tool-card-pro{border-style:dashed}.why{background:var(--surface);border-block:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;padding-block:clamp(2.5rem,5vw,3.5rem)}.why-ic{width:46px;height:46px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);border-radius:12px;margin-bottom:.8rem}.why-item h3{margin:0 0 .4rem;font-size:1.12rem}.why-item p{color:var(--muted);margin:0;font-size:.95rem}.guides-tease{padding-block:clamp(2rem,5vw,3.5rem)}.tease-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tease-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;display:flex;flex-direction:column}.tease-card time,.guide-row time{font-family: var(--mono);color:var(--accent-ink);font-size:.76rem;font-weight:700}.tease-card h3{margin:.4rem 0 .5rem;font-size:1.08rem}.tease-card h3 a{color:var(--ink)}.tease-card p{color:var(--muted);font-size:.9rem;margin:0 0 .8rem;flex:1}.tease-meta,.guide-meta{font-family: var(--mono);color:var(--muted);font-size:.76rem}.faq{padding-block:clamp(2rem,5vw,3.5rem)}.faq-list{max-width:50rem;margin-top:1.2rem}.faq details{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);margin-bottom:.6rem}.faq summary{cursor:pointer;font-weight:650;padding:1rem 1.1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary .ic{color:var(--muted);transition:transform .2s;flex:none}.faq details[open] summary .ic{transform:rotate(180deg)}.faq details p{color:var(--muted);margin:0;padding:0 1.1rem 1.1rem}.cta{padding-block:clamp(2rem,5vw,3.5rem)}.cta-inner{background:var(--ink);color:#fff;border-radius:var(--radius);padding:clamp(2rem,5vw,3rem);text-align:center}.cta-inner h2{margin:0 0 .5rem}.cta-inner p{color:#c9c8c0;max-width:38rem;margin:0 auto 1.4rem}.cta-inner .btn-fill{background:var(--accent)}.page-head{padding-block:clamp(2rem,5vw,3.5rem) 1rem}.page-head-center{text-align:center}.page-head-center .page-head-lede{margin-inline:auto}.page-head-lede{color:var(--muted);font-size:1.08rem;max-width:44rem}.crumbs{padding-top:1.5rem;font-family: var(--mono);font-size:.82rem;color:var(--muted)}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent-ink)}.tool-head{display:flex;gap:1.1rem;align-items:flex-start;padding-block:1.2rem 1.6rem}.tool-head-ic{width:58px;height:58px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);border-radius:14px}.tool-head h1{margin:0 0 .4rem}.tool-head-lede{color:var(--muted);margin:0;max-width:48rem}.tool-stage{padding-bottom:1rem}.widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.io{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.io-stack{grid-template-columns:1fr}.io-col{display:flex;flex-direction:column;min-width:0}.io-col>label,.io-col-head label{font-weight:650;font-size:.86rem;margin-bottom:.45rem;display:block}.io-col-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.io-area{width:100%;min-height:12rem;resize:vertical;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.8rem .9rem;font-family: var(--mono);font-size:.88rem;line-height:1.6;color:var(--ink)}.io-area:focus{outline:2px solid var(--accent);outline-offset:1px}.io-out{display:block;width:100%;min-height:3rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.8rem .9rem;font-family: var(--mono);font-size:.88rem;word-break:break-all;white-space:pre-wrap;color:var(--ink)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem}.controls-tight{margin-top:.8rem}.field-inline{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--muted)}.field-inline.check{gap:.4rem}.num{width:5rem}.status{font-family: var(--mono);font-size:.8rem;color:var(--muted);margin-left:auto}.status.ok{color:var(--accent-ink)}.status.err{color:var(--danger)}.chip-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.3rem .55rem;font-size:.78rem;font-family: var(--mono);cursor:pointer}.chip-btn:hover{color:var(--accent-ink);border-color:var(--accent)}.chip-btn.copied{color:var(--accent-ink);border-color:var(--accent)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:2px}.seg-btn{border:none;background:none;font:inherit;font-size:.85rem;font-weight:600;padding:.4rem .9rem;border-radius:6px;cursor:pointer;color:var(--muted)}.seg-btn.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}.howto{margin-top:1.6rem;max-width:48rem}.howto h2{font-size:1.15rem;margin:0 0 .5rem}.howto p{color:var(--muted)}.callout{display:flex;gap:.5rem;align-items:flex-start;background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--radius-s);padding:.7rem .9rem;font-size:.86rem;margin:1rem 0 0}.callout .ic{flex:none;margin-top:.1rem}.jwt-panes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.jwt-pane{min-width:0}.rx-line{display:flex;align-items:center;gap:.3rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.5rem .7rem;margin-bottom:1rem}.rx-slash{color:var(--muted);font-family: var(--mono);font-size:1.1rem}.rx-pat{flex:1;border:none;background:none;font-family: var(--mono);font-size:.95rem;color:var(--ink);padding:.3rem}.rx-pat:focus,.rx-flags:focus{outline:none}.rx-flags{width:4rem;border:none;background:none;font-family: var(--mono);color:var(--accent-ink);padding:.3rem}.rx-result{margin-top:1rem}.rx-highlight{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.8rem .9rem;white-space:pre-wrap;word-break:break-word;min-height:3rem;font-size:.88rem}.rx-highlight mark{background:var(--accent-soft);color:var(--accent-ink);border-radius:3px;padding:0 1px;font-weight:700}.rx-groups{list-style:none;margin:.8rem 0 0;padding:0;font-size:.82rem;color:var(--muted)}.rx-groups li{padding:.2rem 0}.ts-now{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.9rem 1rem;margin-bottom:1.2rem}.ts-now-label{font-size:.84rem;color:var(--muted)}.ts-now-val{font-size:1.4rem;font-weight:700}.ts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ts-box{display:flex;flex-direction:column}.ts-box label{font-weight:650;font-size:.86rem;margin-bottom:.45rem}.ts-box input{font-family: var(--mono)}.ts-hint{font-size:.78rem;color:var(--muted);margin:.4rem 0 .6rem}.ts-out{font-family: var(--mono);font-size:.86rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.7rem .8rem;min-height:3.2rem;white-space:pre-line}.mock-result{margin-top:1.2rem}.mock-stage{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-family: var(--mono);font-size:.9rem;padding:1rem 0}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin { to { transform: rotate(360deg); } }.mock-url{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--code-bg);color:var(--code-ink);border-radius:var(--radius-s);padding:.7rem .9rem;font-family: var(--mono)}.mock-verb{background:var(--accent);color:#fff;font-weight:700;font-size:.74rem;padding:.2rem .5rem;border-radius:5px}.mock-url code{flex:1;word-break:break-all}.mock-preview{margin-top:1rem}.tag-ok{font-family: var(--mono);font-size:.74rem;color:var(--accent-ink);font-weight:700}.paygate{margin-top:1.2rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);padding:1.3rem}.paygate h2{margin:0 0 .4rem;display:flex;align-items:center;gap:.4rem;font-size:1.05rem;color:var(--accent-ink)}.paygate p{color:var(--ink);margin:0 0 1rem;font-size:.92rem}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-block:1rem 2rem}.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column}.plan-hero{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;position:relative}.plan-flag{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-family: var(--mono);font-size:.68rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;white-space:nowrap}.plan-name{margin:0 0 .4rem;font-size:1.3rem}.plan-price{font-family: var(--mono);margin:0 0 .3rem}.plan-price span{font-size:2.1rem;font-weight:800}.plan-price small{color:var(--muted);font-weight:600}.plan-note{color:var(--muted);font-size:.9rem}.plan-list{list-style:none;margin:1.1rem 0;padding:0;flex:1}.plan-list li{position:relative;padding:.4rem 0 .4rem 1.5rem;color:var(--muted);font-size:.92rem}.plan-list li::before{content:"";position:absolute;left:0;top:.65em;width:.85rem;height:.85rem;background:var(--accent);mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}.prose{max-width:46rem}.prose h2{margin:2rem 0 .6rem}.prose p,.prose li{color:var(--muted)}.prose ul,.prose ol{padding-left:1.2rem}.prose blockquote{margin:1.5rem 0;padding:.5rem 1.1rem;border-left:3px solid var(--accent);color:var(--ink)}.prose pre{background:var(--code-bg);color:var(--code-ink);border-radius:var(--radius-s);padding:1rem;overflow-x:auto}.prose :not(pre) > code {background:var(--surface-2);border:1px solid var(--line);padding:.05rem .35rem;border-radius:5px;font-size:.9em}.prose-legal{padding-block:1rem 2rem}.prose-date{font-family: var(--mono);font-size:.82rem;color:var(--accent-ink)}.ticks{list-style:none;margin:1rem 0;padding:0}.ticks li{position:relative;padding:.4rem 0 .4rem 1.8rem;color:var(--ink)}.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:1.1rem;height:1.1rem;background:var(--accent);mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}.contact{display:grid;grid-template-columns:1.4fr .8fr;gap:2rem;align-items:start;padding-bottom:2rem}.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.form-row{margin-bottom:1rem}.form-row label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.4rem}.contact-aside h2{font-size:1.1rem;margin:0 0 .4rem}.contact-aside p{color:var(--muted);margin:0 0 1.3rem}.notice{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:2rem;text-align:center}.guides-list{padding-block:1rem 2.5rem;max-width:48rem}.guide-row{display:grid;grid-template-columns:7rem 1fr;gap:1.2rem;padding:1.3rem 0;border-top:1px solid var(--line)}.guide-row:first-child{border-top:none}.guide-row h2{font-size:1.2rem;margin:0 0 .3rem}.guide-row h2 a{color:var(--ink)}.guide-row p{color:var(--muted);margin:0 0 .6rem;font-size:.93rem}.guide-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag{font-family: var(--mono);font-size:.72rem;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);padding:.12rem .5rem;border-radius:999px}.article{padding-block:1rem 2rem}.article-head{max-width:46rem;margin:0 auto 1.6rem}.article-head h1{margin:.3rem 0 .5rem}.article-meta{font-family: var(--mono);color:var(--muted);font-size:.85rem}.article-tags{margin-top:1rem;display:flex;gap:.4rem;flex-wrap:wrap}.article-body{margin:0 auto}.notfound{text-align:center;padding-block:4rem}.notfound-code{font-size:5rem;font-weight:800;color:var(--accent);margin:0;line-height:1}.notfound .hero-btns{justify-content:center}.site-foot{background:var(--surface);border-top:1px solid var(--line);margin-top:3rem}.site-foot-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;padding-block:3rem 2rem}.foot-line{color:var(--muted);font-size:.9rem;max-width:20rem;margin:.8rem 0 0}.foot-h{font-family: var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .8rem}.foot-col{display:flex;flex-direction:column;gap:.5rem}.foot-col a{color:var(--ink);font-size:.9rem}.foot-col a:hover{color:var(--accent-ink)}.site-foot-base{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;font-family: var(--mono)}input[type="text"],input[type="email"],input[type="number"],input[type="url"],input[type="datetime-local"],select,textarea{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-s);padding:.7rem .8rem;font:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2.2rem;background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'16\'\ height=\'16\'\ viewBox=\'0\ 0\ 24\ 24\'\ fill=\'none\'\ stroke=\'%2362615a\'\ stroke-width=\'2.4\'\ stroke-linecap=\'round\'%3E%3Cpath\ d=\'M6\ 9l6\ 6\ 6-6\'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right .7rem center}.field-inline select{width:auto;padding:.4rem 1.9rem .4rem .6rem;background-position:right .5rem center}input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;flex:none;border:1.5px solid var(--line);background:var(--surface);border-radius:5px;cursor:pointer;position:relative;vertical-align:-.2rem}input[type="checkbox"]:hover{border-color:var(--accent)}input[type="checkbox"]:checked{background:var(--accent);border-color:var(--accent)}input[type="checkbox"]:checked::after{content:"";position:absolute;inset:0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/78% no-repeat}input[type="checkbox"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cookiebar{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1200;max-width:58rem;margin:0 auto;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 18px 44px rgba(0,0,0,.16);padding:1.1rem 1.3rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cookiebar p{margin:0;color:var(--muted);font-size:.9rem;flex:1;min-width:15rem}.cookiebar p strong{color:var(--ink)}.cookiebar-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width:880px){.hero,.contact{grid-template-columns:1fr}.toolgrid,.why-grid,.tease-row{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.io,.jwt-panes,.ts-grid{grid-template-columns:1fr}.site-foot-grid{grid-template-columns:1fr 1fr}.navtoggle{display:inline-flex}.nav{position:fixed;inset:56px 0 auto 0;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:.8rem 1rem;gap:.2rem;display:none}.nav.open{display:flex}.nav-has-pop{display:flex;flex-direction:column}.nav-pop{position:static;display:flex;padding:.2rem 0 .2rem 1rem}.nav-pop::before{display:none}.guide-row{grid-template-columns:1fr;gap:.4rem}}@media (max-width:560px){.toolgrid,.why-grid,.tease-row,.site-foot-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto}}.consent-wrap{position:fixed;inset:0;z-index:2000;background:rgba(28,28,25,.22);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.consent-bar{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-top:4px solid var(--accent);box-shadow:0 -16px 46px rgba(28,28,25,.22);padding:1.5rem 1.25rem}.consent-in{max-width:var(--maxw);margin:0 auto;padding-right:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.consent-in p{margin:0;flex:1;min-width:16rem;color:var(--ink);font-size:1.02rem;line-height:1.5}.consent-in p strong{color:var(--ink)}.consent-in a{color:var(--accent-ink)}.consent-accept{padding:.85rem 2.2rem;font-size:1rem}.consent-x{position:absolute;top:.6rem;right:.8rem;width:2rem;height:2rem;display:grid;place-items:center;background:none;border:none;color:var(--muted);font-size:1.7rem;line-height:1;cursor:pointer;border-radius:8px}.consent-x:hover{color:var(--ink);background:rgba(28,28,25,.06)}.consent-wrap.consent-clear{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.consent-wrap.consent-clear .consent-bar{pointer-events:auto}.crumbs span[aria-current]{color:var(--ink)}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.1rem}@media (max-width:640px){.example-grid{grid-template-columns:1fr}}.example-label{font-family: var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .35rem}.example-code{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.8rem .9rem;font-family: var(--mono);font-size:.82rem;line-height:1.5;color:var(--ink);margin:0;overflow-x:auto;white-space:pre}.example-note{color:var(--muted);font-size:.9rem;margin-top:.8rem}