:root{color-scheme:dark;--bg:#090a0b;--panel:#111315;--surface:#16191b;--ink:#eeefed;--muted:#a1a6a3;--dim:#8c938d;--line:#2a2e2b;--accent:#b5c994;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--mono:Consolas,"SFMono-Regular",monospace}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--bg)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}p,h1,h2,h3{margin:0}svg{display:block}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1:focus{outline:0}
.skip{position:fixed;top:8px;left:10px;z-index:100;padding:10px 18px;background:var(--ink);color:var(--bg);transform:translateY(-170%)}.skip:focus{transform:none}
.topbar{min-height:74px;padding:14px 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;background:#0c0e0f}
.brand{font-size:20px;font-weight:600;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.brand svg{width:24px;height:26px}.topbar-label{border-left:1px solid var(--line);padding-left:28px;font-size:14px;color:#b5bcb4}.topbar-label span{color:#6b7467;margin:0 10px}.back-link{margin-left:auto;font-size:14px;color:#b6bdb6}.back-link span{margin-left:12px}.back-link:hover{color:white}
.login-layout{max-width:1210px;margin:auto;padding:74px 40px 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:110px;min-height:calc(100vh - 75px);align-items:center}
.login-story{padding:20px 0;max-width:520px}.eyebrow{color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:18px}
.login-story h1{font-size:clamp(52px,5.5vw,76px);line-height:1.06;font-weight:500;letter-spacing:-.065em;margin-bottom:28px}.login-story h1 span{color:#a8b3a0}.login-story>p{font-size:18px;color:var(--muted);max-width:400px;line-height:1.7}
.story-features{display:flex;flex-direction:column;gap:14px;font-size:14px;color:#bbc4b7;border-left:1px solid #47513f;padding-left:22px;margin-top:37px}.story-footer{border-top:1px solid var(--line);margin-top:62px;padding-top:24px;display:flex;flex-direction:column;gap:4px}.story-footer strong{font-size:23px;font-weight:600;letter-spacing:-.8px}.story-footer span{font-size:13px;color:var(--dim)}
.login-card{background:#101314;border:1px solid #303630;border-radius:12px;padding:33px;box-shadow:0 20px 80px #0005;min-width:0}.badge{display:inline-flex;align-items:center;border:1px solid #3c4b33;background:#1b2418;color:#c6d4b7;border-radius:5px;padding:3px 9px;font-size:12px;line-height:1.6;white-space:nowrap}.login-card h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;font-weight:500;margin:22px 0 12px}.muted{color:var(--muted);font-size:16px}.login-card form{margin-top:26px}
label{display:block;font-size:14px;color:#d5dbd0;margin:18px 0 8px}.label-row{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-top:18px}.label-row label{margin:0 0 8px}.text-button{border:0;background:none;padding:0;color:#aebba5;font-size:13px}.text-button:hover{color:white}
input{min-height:46px;width:100%;border:1px solid #353c34;border-radius:6px;background:#0b0e0c;padding:10px 13px;color:var(--ink);font-size:16px;transition:border-color .15s}input::placeholder{color:#788174}input:focus{border-color:#a3b391}input:autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 100px #172016 inset}.password-field{position:relative}.password-field input{padding-right:67px}.password-field button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:3px;background:none;border:0;color:#b6c1ac;font-size:13px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 17px;min-height:45px;font-size:14px;line-height:1.5;font-weight:500;border:1px solid transparent;border-radius:6px;transition:background .15s,border-color .15s}.primary{color:#10150e;background:#e7ede0;border-color:#dce5d3}.primary:hover:not(:disabled){background:white}.primary:disabled{color:#c0c7b9;background:#293025;border-color:#444e3c}.secondary{background:#1a1f1b;border-color:#373f34;color:#d2dacb}.secondary:hover:not(:disabled){background:#283023;border-color:#7e8c71}.secondary:disabled{color:#9aa391;background:#171c15;border-color:#323a2c}.full{width:100%}
.form-message{font-size:14px;color:#d6c296;line-height:1.5;margin:14px 0}.form-message:empty{margin:0;height:20px}.access-note{margin-top:20px;font-size:13px;line-height:1.7;color:var(--muted);text-align:center}.access-note a{color:#c7d3bd}.access-note a:hover{text-decoration:underline}.preview-entry{border-top:1px solid var(--line);margin-top:27px;padding-top:20px}.preview-entry>span{font-size:13px;font-weight:500;color:#c5d0bb}.preview-entry p{font-size:13px;color:#99a491;margin:6px 0 15px;line-height:1.6}
.preview-banner{min-height:48px;background:#192016;border-bottom:1px solid #35422d;padding:12px 42px;font-size:13px;display:flex;justify-content:space-between;gap:20px;color:#aebea1}.preview-banner>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.preview-banner strong{font-weight:500;color:#d2dfc7}.preview-banner a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px;color:#c5d4b7}
.workspace{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 123px)}
.sidebar{background:#0d1010;border-right:1px solid var(--line);padding:30px 18px 25px;display:flex;flex-direction:column;gap:32px}.workspace-name{display:flex;gap:12px;align-items:center;padding:0 8px}.workspace-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:500;background:#20291c;border:1px solid #455038;border-radius:7px;color:#c3d3b3}.workspace-name strong{display:block;font-size:14px;font-weight:500}.workspace-name span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.workspace-nav{display:flex;flex-direction:column;gap:7px}.workspace-nav a{display:flex;align-items:center;gap:15px;padding:10px 13px;border:1px solid transparent;border-radius:6px;font-size:14px;color:#a8b0a4;white-space:nowrap}.workspace-nav a>span{font-size:12px;color:#7e8b75}.workspace-nav a:hover{background:#171d16;color:#e1ead9}.workspace-nav a[aria-current="page"]{border-color:#35432b;background:#20291b;color:#e3eed9}.workspace-nav a[aria-current="page"]>span{color:#afc793}.sidebar-foot{border-top:1px solid var(--line);margin:auto 8px 0;padding-top:20px;display:flex;flex-direction:column;gap:5px}.sidebar-foot span{font-size:12px;color:#93a08a}.sidebar-foot strong{font-size:13px;font-weight:400;color:#c3cfb9}.sidebar-foot a{font-size:13px;color:#a0ae95;margin-top:10px}
.workspace-content{padding:42px 44px 24px;max-width:1320px;width:100%;margin-inline:auto;min-width:0;display:flex;flex-direction:column}.page-panel{min-width:0;flex:1}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading .eyebrow{font-size:13px;margin-bottom:12px}.page-heading h1{font-size:clamp(32px,3vw,43px);font-weight:500;letter-spacing:-.055em;line-height:1.13;max-width:700px}.page-heading p{font-size:16px;color:var(--muted);max-width:660px;margin-top:14px;line-height:1.65}.page-heading>.badge{margin-top:8px}
.overview-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.featured-download{background:linear-gradient(120deg,#1b2518,#121710);border:1px solid #415035;border-radius:10px;padding:27px;min-width:0}.release-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:30px}.product-label{font-size:31px;font-weight:600;letter-spacing:-1.2px}.featured-download h2{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.035em;max-width:360px}.featured-download>p{font-size:15px;color:#a9b49e;margin-top:13px;line-height:1.65}.release-facts{display:flex;gap:8px 17px;flex-wrap:wrap;margin:21px 0;color:#c0ceb2;font-size:12px}.download-note{font-size:12px!important;color:#a5b198!important;margin-top:10px!important}.featured-download>.inline-link{display:block;margin-top:21px}.inline-link{color:#c3d2b5;font-size:14px}.inline-link:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.start-list{border:1px solid var(--line);border-radius:10px;padding:25px;background:#101412;min-width:0}.start-list>h2{font-size:18px;font-weight:500;letter-spacing:-.025em;margin-bottom:12px}.start-list>a{display:grid;grid-template-columns:26px minmax(0,1fr) 12px;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.start-list>a:last-child{border-bottom:0;padding-bottom:5px}.step-dot{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #46543b;background:#202b1a;color:#bdd3a5;border-radius:50%;font-size:12px}.start-list strong{font-size:15px;font-weight:500;line-height:1.45;display:block}.start-list p{font-size:14px;color:var(--muted);line-height:1.55;margin-top:5px}.start-list>a>span:last-child{color:#91a37f}.start-list>a:hover strong{color:#c9e0b1}
.section-label{font-size:14px;font-weight:500;color:#bec8b5;margin:34px 0 20px}.insight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:23px;border-top:1px solid var(--line)}h3{font-size:17px;line-height:1.3;font-weight:500;letter-spacing:-.025em}.insight-row p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:10px}.insight-row .inline-link{display:block;margin-top:14px}
.notice{font-size:14px;color:#bdc8b3;border:1px solid #39462f;border-radius:6px;padding:15px 19px;background:#161f11;margin:0 0 24px;line-height:1.6}.small{font-size:12px;line-height:1.65;color:var(--muted)}.section-note{margin-top:22px}
.package-list{border:1px solid var(--line);border-radius:10px;background:#111512;overflow:hidden;margin-bottom:26px}.package{display:flex;gap:19px;align-items:center;padding:25px}.package+.package{border-top:1px solid var(--line)}.file-icon{width:45px;height:51px;border:1px solid #3d4d31;background:#202a19;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#c5d8b1;flex-shrink:0}.package-info{min-width:0;flex:1}.package h2{font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.35}.package p{font-size:14px;color:var(--muted);margin:5px 0}.package>.button{flex-shrink:0}.recommended{font-size:12px;color:#c0d3ab;font-weight:400;display:inline-block;margin-left:10px}.hash{display:block;font:12px/1.6 var(--mono);color:#b7c8a6;overflow-wrap:anywhere;margin-top:7px}.guide-detail{border-bottom:1px solid var(--line)}.guide-detail summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:center;padding:22px 0;font-size:16px;font-weight:500;line-height:1.5}.guide-detail summary::-webkit-details-marker{display:none}.guide-detail summary::after{content:"+";margin-left:auto;font-size:21px;color:#aabc9b;font-weight:400}.guide-detail[open] summary::after{content:"−"}.guide-detail>div{padding:0 0 24px 39px}.guide-detail:not(:has(.step-dot))>div{padding-left:0}.guide-detail p{font-size:16px;line-height:1.7;color:#a8b2a1;margin-bottom:16px;max-width:850px}.guide-detail p.small{font-size:13px}.guide-detail p strong{color:#d1dcca;font-weight:500}.guide-detail p code{font:14px var(--mono);color:#d1dcca;overflow-wrap:anywhere}
.code-block{border:1px solid #37432e;border-radius:7px;background:#0b1008;overflow:hidden;margin:18px 0;min-width:0}.code-head{display:flex;justify-content:space-between;gap:20px;padding:10px 16px;font-size:12px;background:#171e13;border-bottom:1px solid #2f3b26;color:#acbb9e}.code-head button{font-size:12px;color:#c2d5ad;padding:0 2px;border:0;background:none}.code-head button:hover{color:white}.code-block pre{margin:0;padding:18px;overflow-x:auto;color:#d2dfc5;font:13px/1.9 var(--mono)}.code-block code{font:inherit}
.release-entry{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.release-date{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:19px}.release-entry h2{font-size:25px;line-height:1.3;letter-spacing:-.035em;font-weight:500;margin-bottom:12px}.release-entry>p{font-size:16px;color:var(--muted);margin-bottom:14px;line-height:1.7}.release-entry ul{padding-left:21px;font-size:16px;color:#b7c1af;line-height:1.75}.release-entry>p.small{font-size:13px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.support-card{padding:27px;border:1px solid var(--line);border-radius:10px;background:#111512;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.support-card h2{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.035em}.support-card p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:5px}.support-card .button{margin-top:auto}
.account-card{background:#111512;border:1px solid var(--line);border-radius:10px;padding:27px}.account-card dl{margin:0}.account-card dl>div{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.account-card dt{color:var(--muted)}.account-card dd{margin:0;color:#d1dcca}.account-actions{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px}.account-actions h2{font-size:18px;font-weight:500;margin-bottom:7px}.account-actions p{font-size:14px;color:var(--muted)}.account-actions .button{flex-shrink:0}
.workspace-footer{display:flex;gap:20px;justify-content:space-between;padding-top:25px;margin-top:52px;border-top:1px solid var(--line);font-size:12px;color:#929e89}.workspace-footer a{color:#b5c4a8}
dialog{max-width:460px;width:calc(100% - 40px);padding:27px;border:1px solid #46533d;border-radius:10px;background:#111710;color:var(--ink);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.dialog-head h2{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.035em}.dialog-head button{background:none;border:0;color:#c5d3b8;font-size:27px;line-height:1;padding:0 5px}.dialog-head+p{font-size:15px;color:var(--muted);margin-bottom:20px}dialog>.small{margin-top:20px}dialog .small a{text-decoration:underline}#password-help{margin-top:7px}.toast{position:fixed;bottom:25px;right:25px;z-index:100;max-width:calc(100% - 50px);padding:14px 19px;border:1px solid #60784b;background:#202b18;border-radius:8px;box-shadow:0 10px 40px #0007;color:#d5e4c9;font-size:14px}
@media(min-width:1600px){.workspace-content{padding-top:50px}.login-layout{padding-top:100px;padding-bottom:100px}}
@media(max-width:1150px){.login-layout{gap:60px;padding-inline:35px}.workspace-content{padding:35px 28px 24px}.workspace{grid-template-columns:214px minmax(0,1fr)}.overview-grid{gap:18px;grid-template-columns:1fr 1fr}.featured-download,.start-list{padding:22px}.package{gap:14px;padding:22px}.recommended{margin-left:0;display:block;margin-top:5px}}
@media(max-width:950px){.overview-grid{grid-template-columns:1fr}.featured-download h2{max-width:none}.start-list>a{padding:18px 0}.insight-row{grid-template-columns:1fr;gap:22px}.insight-row p{margin-top:6px}.package{flex-wrap:wrap}.package>.button{margin-left:59px}.package-info{flex-basis:calc(100% - 65px)}.support-grid{grid-template-columns:1fr}.account-actions{align-items:flex-start;flex-direction:column;gap:18px}.login-layout{gap:35px}.login-story h1{font-size:57px}.login-card{padding:27px}.account-card dl>div{grid-template-columns:115px 1fr;gap:15px}}
@media(max-width:760px){.topbar{padding:16px 22px;gap:18px}.topbar-label{display:none}.back-link{font-size:13px}.login-layout{grid-template-columns:1fr;padding:39px 22px 45px;gap:32px;max-width:550px}.login-story{padding:0}.login-story h1{font-size:46px;line-height:1.07;margin-bottom:20px}.login-story h1 br{display:none}.login-story h1 span::before{content:" "}.login-story>p{font-size:16px;max-width:none}.story-features,.story-footer{display:none}.login-story .eyebrow{font-size:13px;margin-bottom:14px}.preview-banner{padding:12px 22px;align-items:center}.preview-banner>div{gap:4px}.preview-banner span{font-size:12px;display:block;width:100%}.workspace{grid-template-columns:1fr}.sidebar{padding:13px 16px;border-right:0;border-bottom:1px solid var(--line);gap:0;min-width:0}.workspace-name,.sidebar-foot{display:none}.workspace-nav{flex-direction:row;gap:5px;overflow-x:auto;padding:3px;scrollbar-width:thin}.workspace-nav a{padding:8px 11px}.workspace-nav a>span{display:none}.workspace-content{padding:30px 22px 22px}.page-heading{margin-bottom:27px;gap:16px}.page-heading h1{font-size:35px}.page-heading p{font-size:16px}.overview-grid{grid-template-columns:1fr 1fr}.featured-download h2{font-size:22px}.start-list>a{grid-template-columns:25px 1fr;gap:10px}.start-list>a>span:last-child{display:none}.start-list p{font-size:13px}.insight-row{grid-template-columns:repeat(3,1fr);gap:21px}.insight-row h3{font-size:16px}.guide-detail>div{padding-left:0}.package-info{flex-basis:auto}.package>.button{margin-left:0}.support-grid{grid-template-columns:1fr 1fr}.support-card{padding:22px}}
@media(max-width:580px){.brand{font-size:18px}.brand svg{width:21px}.topbar{gap:12px}.back-link span{margin-left:5px}.login-card{padding:23px}.login-card h2{font-size:26px}.label-row{gap:10px}.text-button{font-size:12px}.login-story h1{font-size:43px}.overview-grid,.support-grid,.insight-row{grid-template-columns:1fr}.page-heading h1{font-size:32px}.page-heading>.badge{display:none}.featured-download,.start-list{padding:24px}.start-list>a{grid-template-columns:25px 1fr 10px;gap:12px}.start-list>a>span:last-child{display:block}.start-list p{font-size:14px}.section-label{margin-top:28px}.workspace-content{padding:27px 18px 22px}.workspace-footer{margin-top:35px;flex-direction:column;gap:8px}.package{padding:22px;gap:14px;align-items:flex-start}.package-info{flex-basis:calc(100% - 60px)}.package>.button{width:100%;margin-top:4px}.package h2{font-size:17px}.package p{font-size:13px}.hash{font-size:12px}.file-icon{width:38px;height:45px}.release-date{gap:10px}.guide-detail summary{font-size:15px;gap:11px}.guide-detail p{font-size:15px}.guide-detail summary .step-dot{width:24px;height:24px}.code-block pre{padding:15px;font-size:13px}.notice{font-size:13px;padding:14px 16px}.account-card{padding:22px}.account-card dl>div{grid-template-columns:1fr;gap:6px}.account-actions .button{width:100%}.preview-banner{padding-inline:18px;gap:14px}.preview-banner a{font-size:12px}.toast{bottom:18px;right:18px;max-width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}