:root{color-scheme:dark;--bg:#071019;--panel:#0c1722;--panel2:#101d29;--line:#223244;--muted:#91a6bc;--text:#f1f6fb;--blue:#3b8cff;--blue2:#75b7ff;--violet:#a779ff;--green:#42d7a0;--amber:#f3b95f;--sidebar:260px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:radial-gradient(circle at 75% 8%,rgba(32,107,190,.1),transparent 28%),var(--bg);color:var(--text);font:15px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;top:-60px;left:20px;padding:10px 16px;background:var(--blue);z-index:100;color:white;border-radius:8px}.skip-link:focus{top:12px}.topbar{height:70px;position:fixed;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:var(--sidebar) minmax(240px,560px) 1fr;align-items:center;gap:28px;padding:0 28px 0 24px;background:rgba(7,16,25,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #2662a8;border-radius:10px;background:linear-gradient(145deg,#173d68,#0d2845);color:#62adff;font-size:20px;box-shadow:inset 0 1px rgba(255,255,255,.08)}.brand strong,.brand small{display:block;line-height:1.25}.brand strong{font-size:14px}.brand small{font-size:10px;color:#7190ad}.search-wrap{display:flex;align-items:center;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#0b1620}.search-wrap:focus-within{border-color:#367dd3;box-shadow:0 0 0 3px rgba(59,140,255,.11)}.search-wrap svg{width:17px;fill:none;stroke:#7d94aa;stroke-width:2}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:0 11px}.search-wrap input::placeholder{color:#627a91}.search-wrap kbd{border:1px solid #2a3b4c;border-radius:5px;padding:0 7px;color:#71869b;background:#101e2a}.app-link{justify-self:end;color:#9ab1c8;font-size:13px}.app-link:hover{color:white}.app-link span{color:var(--blue2)}.menu-button{display:none;background:transparent;border:0;color:white;font-size:22px}.page-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);padding-top:70px}.sidebar{position:fixed;inset:70px auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;justify-content:space-between;padding:25px 17px 22px;border-right:1px solid var(--line);background:#08131d;overflow-y:auto}.sidebar nav p{margin:16px 12px 6px;color:#557088;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar nav p:first-child{margin-top:0}.sidebar nav a{display:block;padding:7px 12px;border-radius:7px;color:#8fa5ba;font-size:13px}.sidebar nav a:hover{color:#dce8f4;background:#101f2d}.sidebar nav a.active{color:#dcebfa;background:#142a3e;box-shadow:inset 2px 0 var(--blue)}.sidebar-status{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #203346;border-radius:9px;background:#0c1924}.sidebar-status>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:11px}.sidebar-status small{font-size:9px;color:#6f879d}main{grid-column:2;width:min(1040px,calc(100% - 80px));margin:0 auto}.hero,.doc-section{padding:78px 0;border-bottom:1px solid var(--line)}.hero{padding-top:92px}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}.eyebrow span{margin-left:9px;padding:4px 8px;border:1px solid #254666;border-radius:99px;color:#7794af;letter-spacing:.03em;text-transform:none}.hero h1{margin:18px 0 20px;max-width:800px;font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:#7590ab}.lead{max-width:780px;font-size:18px;line-height:1.75;color:#9fb2c5}.hero-actions{display:flex;gap:11px;margin:32px 0 44px}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:16px;padding:11px 17px;border-radius:8px;font-weight:700;font-size:13px}.primary-button{background:var(--blue);color:white;box-shadow:0 8px 30px rgba(59,140,255,.2)}.primary-button:hover{background:#5a9eff}.secondary-button{border:1px solid #2a4055;background:#0d1a26;color:#b9c9d9}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.quick-grid article{padding:22px;border-right:1px solid var(--line)}.quick-grid article:last-child{border:0}.quick-grid article>span,.feature-list article>span{color:#4879aa;font:700 11px ui-monospace,monospace}.quick-grid h3{font-size:15px;margin:10px 0 5px}.quick-grid p{font-size:12px;line-height:1.6;color:#8499ad;margin:0}.doc-section h2{margin:9px 0 15px;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.04em}.doc-section>p{max-width:800px;color:#9db0c2;font-size:16px}.callout{display:flex;gap:14px;margin-top:28px;padding:16px 18px;border:1px solid;border-radius:10px}.callout>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;font-weight:800}.callout strong{font-size:13px}.callout p{margin:2px 0 0;color:#93a8bb;font-size:13px}.callout.success{border-color:#1f5145;background:rgba(45,171,127,.07)}.callout.success>span{background:#17483a;color:#61e0b2}.callout.warning{border-color:#5d4625;background:rgba(215,147,46,.06)}.callout.warning>span{background:#49361d;color:#ffc66f}.callout.info{border-color:#234b72;background:rgba(59,140,255,.06)}.callout.info>span{background:#173d62;color:#73b6ff}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.type-card{padding:23px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0d1a26,#0a151f)}.type-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-weight:800}.blue .type-icon{background:#163b63;color:#6eb2ff}.violet .type-icon{background:#342459;color:#bc98ff}.green .type-icon{background:#17483c;color:#65ddb4}.type-card h3{margin:14px 0 5px}.type-card p{color:#91a5b8;min-height:50px}.type-card ul{padding-left:18px;color:#7890a6}.type-card a{color:var(--blue2);font-weight:700;font-size:12px}.compare-table{overflow:auto;border:1px solid var(--line);border-radius:10px}.compare-table table{border-collapse:collapse;width:100%;min-width:680px}.compare-table th,.compare-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}.compare-table th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#708ba4;background:#0d1924}.compare-table td{font-size:13px;color:#95a9bb}.compare-table tr:last-child td{border:0}.example-panel{margin:28px 0;padding:0 18px 12px;border:1px solid var(--line);border-radius:10px;background:#0a151f}.panel-title{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.panel-title small{color:#69839b}.example-row{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;padding-top:12px}.example-row span{text-align:center;color:#50708e}.example-row code,.decision-flow code{padding:8px 10px;border-radius:6px;background:#101f2c;color:#b8cbe0;font:12px ui-monospace,monospace}.tag-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--line)}.tag-line:last-child{border:0}.tag-line strong{width:80px;font-size:12px}.tag-line span{padding:4px 9px;border:1px solid #293d50;border-radius:99px;color:#91a8bc;font-size:11px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.two-columns h3{font-size:16px}.two-columns p{color:#8fa5b9}.steps{padding:0;list-style:none}.steps li{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.steps li>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #2e5f8f;border-radius:8px;color:#72b4fb;font:700 11px ui-monospace,monospace}.steps strong{font-size:14px}.steps p{margin:2px 0 0;color:#8ba1b5}.decision-flow{display:flex;align-items:stretch;gap:10px;margin:28px 0}.decision-flow>div{display:flex;flex:1;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.decision-flow>b{align-self:center;color:#526d86}.decision-flow small{color:#607c94;font-size:9px;letter-spacing:.12em}.decision-flow .action{border-color:#245b49;background:#0d201b}.check-list{padding:0;list-style:none}.check-list li{position:relative;padding:6px 0 6px 24px;color:#91a7ba}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green)}.feature-list{margin-top:28px}.feature-list article{display:grid;grid-template-columns:45px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.feature-list h3,.feature-list p{margin:0}.feature-list p{color:#8ea3b6}.architecture{display:flex;align-items:center;gap:16px;margin:28px 0;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.architecture>div{flex:1;padding:16px;border:1px solid #29435a;border-radius:9px;background:#0c1a26}.architecture span,.architecture small{display:block}.architecture span{font-weight:750}.architecture small{color:#728ca4}.architecture i{color:#52728f;font-size:11px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.privacy-grid article{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.privacy-grid h3{margin:0 0 6px;font-size:14px}.privacy-grid p{margin:0;color:#8da2b6}.trouble-list,.faq-grid{margin-top:24px}.trouble-list details,.faq-grid details{border-bottom:1px solid var(--line)}details summary{padding:16px 3px;cursor:pointer;font-weight:700;list-style:none}details summary:after{content:"+";float:right;color:#6485a3;font-size:18px}details[open] summary:after{content:"−"}details p{margin:0 30px 18px 3px;color:#8fa5b8}.faq-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.faq-grid details:nth-child(odd){padding-right:24px;border-right:1px solid var(--line)}.faq-grid details:nth-child(even){padding-left:24px}.end-card{display:flex;align-items:center;gap:16px;margin-top:40px;padding:22px;border:1px solid #29445d;border-radius:12px;background:linear-gradient(100deg,#0d1c2a,#0a1721)}.end-card h3,.end-card p{margin:0}.end-card p{color:#7f97ac}.end-card a{margin-left:auto;color:var(--blue2);font-size:12px;font-weight:700}footer{display:flex;gap:25px;padding:30px 0 50px;color:#60788f;font-size:11px}footer a{margin-left:auto;color:#7796b3}.no-results{text-align:center;padding:100px 0}.no-results p{color:#8198ad}.search-hidden{display:none!important}@media(max-width:900px){:root{--sidebar:0px}.topbar{grid-template-columns:auto 1fr auto;padding:0 16px}.brand small{display:none}.menu-button{display:block;grid-column:3}.app-link{display:none}.search-wrap{grid-row:1;grid-column:2}.page-shell{display:block}.sidebar{transform:translateX(-100%);width:260px;transition:transform .2s;box-shadow:20px 0 40px #0008}.sidebar.open{transform:translateX(0)}main{width:min(100% - 36px,780px);margin:auto}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid article:nth-child(2){border-right:0}.quick-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.type-grid{grid-template-columns:1fr}.type-card p{min-height:0}}@media(max-width:600px){.topbar{grid-template-columns:auto 1fr auto;gap:10px}.brand span:last-child{display:none}.search-wrap kbd{display:none}.hero,.doc-section{padding:55px 0}.hero h1{font-size:45px}.lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;text-align:center}.quick-grid,.two-columns,.privacy-grid,.faq-grid{grid-template-columns:1fr}.quick-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important}.quick-grid article:last-child{border-bottom:0!important}.decision-flow,.architecture{flex-direction:column}.decision-flow>div,.architecture>div{width:100%}.decision-flow>b{transform:rotate(90deg)}.example-row{grid-template-columns:1fr}.example-row span{transform:rotate(90deg)}.faq-grid details{padding:0!important;border-right:0!important}.end-card{align-items:flex-start;flex-wrap:wrap}.end-card a{margin-left:52px}footer{flex-direction:column;gap:4px}footer a{margin:0}}
