:root{--ink:#122238;--muted:#5e7084;--line:#dce6ed;--paper:#f6f9fb;--card:#fff;--blue:#1766a3;--teal:#087e87;--night:#091b32;--sky:#dff4f5;--shadow:0 18px 50px rgba(18,43,66,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;line-height:1.62}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5vw,5.25rem);font-weight:760}h2{font-size:clamp(1.65rem,2.7vw,2.6rem);font-weight:730}h3{font-size:1.2rem}p{color:#34495b}.skip{position:absolute;left:-9999px;top:0;background:white;padding:12px;z-index:99}.skip:focus{left:12px}.topbar{height:74px;border-bottom:1px solid rgba(255,255,255,.12);background:#0c2038;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,48px);gap:22px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:17px;font-weight:750;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#37bad3,#1778ba 60%,#0f456e);box-shadow:inset 0 1px rgba(255,255,255,.3);font-weight:850;color:white;letter-spacing:-.11em;padding-right:3px}.brand span:last-child{font-weight:440;color:#b9d8e9}.top-actions{display:flex;align-items:center;gap:14px}.site-link{color:#cde9f4;font-size:.86rem;white-space:nowrap}.search-wrap{position:relative;width:min(420px,36vw)}.search-wrap input{width:100%;background:#18334f;border:1px solid #385571;color:#fff;border-radius:13px;padding:10px 40px 10px 39px;outline:none}.search-wrap input::placeholder{color:#b4c8d5}.search-wrap input:focus{border-color:#50c8cf;box-shadow:0 0 0 3px rgba(80,200,207,.17)}.search-icon{position:absolute;left:14px;top:10px;color:#95b9c9}.search-hint{position:absolute;right:13px;top:12px;color:#9fb5c5;font-size:.72rem}.search-results{display:none;position:absolute;top:49px;left:0;right:0;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:7px;max-height:420px;overflow:auto}.search-results.visible{display:block}.search-result{display:block;padding:10px 12px;border-radius:10px;color:var(--ink)}.search-result:hover,.search-result:focus{background:#edf7f8;text-decoration:none}.search-result strong,.search-result small{display:block}.search-result small{color:var(--muted);font-size:.77rem}.search-empty{padding:14px;color:var(--muted)}.menu-toggle{display:none;color:white;background:none;border:0;font-size:1.6rem}.layout{display:grid;grid-template-columns:276px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{border-right:1px solid var(--line);background:#fff;padding:30px 18px 40px;position:sticky;top:74px;height:calc(100vh - 74px);overflow:auto}.sidebar-label{font-size:.69rem;font-weight:760;text-transform:uppercase;letter-spacing:.13em;color:#8799a8;padding:12px 13px 5px}.sidebar a{display:block;color:#40556a;padding:8px 13px;border-radius:9px;font-size:.88rem;line-height:1.25}.sidebar a:hover{background:#f2f8fa;text-decoration:none;color:#176c91}.sidebar a.active{background:#e6f5f6;color:#046b78;font-weight:700}.side-top{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.main{min-width:0}.main-inner{max-width:1250px;margin:auto;padding:48px clamp(24px,5vw,82px) 90px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#127d87;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:790;margin-bottom:18px}.eyebrow:before{content:"";width:20px;height:2px;background:#2dadb5}.lead{font-size:clamp(1.12rem,1.55vw,1.35rem);color:#43576b;max-width:760px;line-height:1.62}.hero{border-radius:28px;background:radial-gradient(circle at 80% 20%,#166587 0,transparent 40%),linear-gradient(130deg,#102b4a,#081b30 68%);color:#fff;padding:clamp(30px,5vw,68px);overflow:hidden;position:relative;box-shadow:var(--shadow);margin-bottom:48px}.hero:after{content:"";position:absolute;right:-80px;bottom:-180px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(160,239,239,.15);box-shadow:0 0 0 60px rgba(160,239,239,.035),0 0 0 130px rgba(160,239,239,.025);pointer-events:none}.hero h1{max-width:850px;margin-bottom:22px}.hero p{color:#d6e9f2;max-width:700px;font-size:1.17rem}.hero .eyebrow{color:#84e4e6}.hero .eyebrow:before{background:#84e4e6}.hero-actions,.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:11px;background:#d9f4f4;color:#0a455e;font-size:.9rem;font-weight:720;border:1px solid transparent;min-height:45px}.button:hover{background:white;text-decoration:none}.button.secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:white}.button.secondary:hover{background:rgba(255,255,255,.16)}.button.dark{background:#103b59;color:white}.button.dark:hover{background:#176485}.button.outline{background:#fff;border-color:#cadde5;color:#17506e}.button.outline:hover{background:#eef9fa}.stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:42px}.stat strong{display:block;font-size:2.1rem;line-height:1;color:#fff;letter-spacing:-.06em}.stat span{display:block;color:#9ec9da;font-size:.8rem;margin-top:7px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:66px 0 22px}.section-header p{margin:8px 0 0;max-width:700px}.section-header h2{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:15px}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:190px;transition:transform .15s,box-shadow .15s,border-color .15s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b5d9df;text-decoration:none}.card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f5f6;color:#0b7582;font-size:1.25rem;margin-bottom:19px}.card h3{color:var(--ink);margin-bottom:8px}.card p{font-size:.88rem;margin-bottom:0}.card-arrow{margin-top:auto;padding-top:16px;color:#0c7886;font-weight:700;font-size:.85rem}.journey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}.journey-card{background:linear-gradient(160deg,#163d5b,#0c263f);color:white;border-radius:18px;padding:25px;min-height:205px}.journey-card .num{color:#8ddfe0;font-size:.8rem;font-weight:800;letter-spacing:.12em}.journey-card h3{font-size:1.4rem;margin:15px 0 9px}.journey-card p{color:#c4dbe6;font-size:.9rem}.journey-card a{color:#92ece8;font-weight:700}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#7a8c9e;font-size:.83rem;margin-bottom:24px}.breadcrumb a{color:#627a8d}.guide-head{margin-bottom:26px}.guide-head h1{margin-bottom:15px}.guide-meta{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.pill{border:1px solid #c8e5e6;background:#e7f7f6;color:#0c6d79;padding:5px 10px;border-radius:100px;font-size:.76rem;font-weight:700}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:45px;align-items:start}.guide-content{min-width:0}.guide-toc{position:sticky;top:110px;border-left:1px solid var(--line);padding-left:19px;font-size:.84rem}.guide-toc strong{display:block;text-transform:uppercase;color:#73869b;letter-spacing:.12em;font-size:.68rem;margin-bottom:12px}.guide-toc a{display:block;color:#536c81;padding:5px 0}.guide-toc a:hover{color:#087e87}.guide-section{margin:54px 0;scroll-margin-top:100px}.guide-section h2{margin-bottom:22px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.info-card .mini{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#0f8c93;margin-bottom:8px}.info-card p{margin:0}.screenshot{margin:0;background:#102c46;padding:13px;border-radius:20px;box-shadow:var(--shadow)}.screenshot img{display:block;width:100%;border-radius:9px;max-height:690px;object-fit:cover;object-position:top}.screenshot figcaption{color:#b5d3df;padding:12px 7px 4px;font-size:.79rem}.steps{counter-reset:step;display:grid;gap:11px}.step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;background:#dff3f4;color:#056e78;width:36px;height:36px;border-radius:10px;font-size:.85rem;font-weight:800}.step h3{margin:1px 0 5px;font-size:1.03rem}.step p{margin:0;font-size:.91rem}.callout{background:#eaf7f7;border-left:4px solid #12a0a4;border-radius:0 13px 13px 0;padding:21px 24px}.callout strong{display:block;color:#086a76;margin-bottom:7px}.callout p{margin:0}.read-box{border:1px solid var(--line);background:white;border-radius:16px;padding:24px}.read-box h3{margin-bottom:9px}.read-box p:last-child{margin-bottom:0}.related{display:flex;flex-wrap:wrap;gap:9px}.related a{display:inline-flex;align-items:center;border-radius:100px;border:1px solid #c6dce3;background:white;padding:8px 13px;color:#22536a;font-size:.83rem}.related a:hover{background:#e8f6f6;text-decoration:none}.footer{border-top:1px solid var(--line);padding:35px clamp(24px,5vw,82px);font-size:.8rem;color:#728597;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;background:white}.footer p{margin:0;color:inherit}.footer a{color:#506e83}.index-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:15px 0;color:var(--ink)}.index-item:hover{text-decoration:none;color:#0a7381}.index-item span{font-size:.92rem;font-weight:680}.index-item small{font-size:.78rem;color:#7890a0}.index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.section-intro{max-width:800px}.search-page-input{background:white;border:1px solid var(--line);border-radius:13px;padding:15px 17px;width:100%;max-width:640px;margin:12px 0 24px;outline:none}.search-page-input:focus{border-color:#1c9da6;box-shadow:0 0 0 3px #d9f4f4}.hide{display:none!important}.catalog-group{margin:40px 0}.catalog-group h2{font-size:1.5rem;margin-bottom:13px}.source-line{color:#7b8c9a;font-size:.77rem;margin-top:15px}.source-line a{color:#53788f}
@media(max-width:1180px){.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-toc{display:none}}@media(max-width:920px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:25;left:0;top:74px;bottom:0;width:min(310px,85vw);height:auto;transform:translateX(-110%);box-shadow:var(--shadow);transition:transform .2s}.sidebar.open{transform:none}.menu-toggle{display:block}.main-inner{padding:34px 22px 65px}.topbar{padding:0 17px}.site-link{display:none}.search-wrap{width:min(360px,45vw)}}@media(max-width:620px){.topbar{gap:8px}.brand{font-size:15px}.brand span:last-child{display:none}.search-wrap{width:min(210px,45vw)}.search-hint{display:none}.hero{border-radius:19px;padding:28px}.hero h1{font-size:2.6rem}.stats{gap:23px}.two-cards,.index-list{grid-template-columns:1fr}.section-header{margin-top:46px}.guide-head h1{font-size:2.65rem}.screenshot{padding:7px}.screenshot img{max-height:500px}.footer{padding:28px 22px}}
@media print{.topbar,.sidebar,.guide-toc,.footer,.button{display:none!important}.layout{display:block}.main-inner{max-width:none;padding:0}.screenshot{box-shadow:none}.step,.info-card{break-inside:avoid}}
.feature-grid,.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature-item,.command-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.feature-item h3{font-size:1rem;margin:0 0 5px}.feature-item p{font-size:.87rem;margin:0}.command-grid{margin:13px 0 30px}.command-item{display:flex;align-items:start;gap:11px;padding:13px 15px;font-size:.83rem}.command-item code{background:#e9f6f6;color:#096b79;border-radius:6px;padding:2px 5px;white-space:nowrap;font-size:.82rem}.command-item span{color:#40576a}.guide-section>h3{margin-top:30px}@media(max-width:620px){.feature-grid,.command-grid{grid-template-columns:1fr}}
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.showcase-card{display:block;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;color:var(--ink);box-shadow:0 8px 28px rgba(18,43,66,.04)}.showcase-card:hover{text-decoration:none;box-shadow:var(--shadow);transform:translateY(-2px)}.showcase-card img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;object-position:top;background:#12324c}.showcase-card div{display:flex;justify-content:space-between;gap:10px;padding:14px 17px;font-size:.86rem}.showcase-card span{color:#087e87;font-weight:700}@media(max-width:620px){.showcase-grid{grid-template-columns:1fr}}
/* Keep interface captures at their native proportions at every viewport size. */
.screenshot img{height:auto;max-height:none;object-fit:contain}
.showcase-card img{height:auto;aspect-ratio:auto;object-fit:contain}
.brand-logo{display:block;width:79px;height:48px;object-fit:contain;flex:none}
.brand-title{color:#fff;font-size:17px;font-weight:700}
.hero-logo{display:block;width:110px;height:auto;position:relative;z-index:1;margin:-12px 0 18px}
.screenshot a{display:block;border-radius:9px;overflow:hidden}
.screenshot a:focus-visible{outline:3px solid #85e2e8;outline-offset:3px}
.screenshot a img{transition:filter .16s ease}
.screenshot a:hover img{filter:brightness(1.05)}
@media(max-width:620px){.brand-logo{width:60px;height:39px}.brand-title{display:none}.search-wrap{width:min(180px,49vw)}.hero-logo{width:86px;margin:-4px 0 16px}}