:root{color-scheme:dark;--ink:#111416;--paper:#f3efe5;--muted:#9da39d;--orange:#ff6b35;--green:#c9f36a;--line:rgba(243,239,229,.16);--body:"Avenir Next","PingFang SC","Hiragino Sans GB",sans-serif;--display:"Iowan Old Style","Songti SC","STSong",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);position:relative;z-index:3}.site-brand{display:flex;align-items:center;gap:12px}.site-brand strong{display:block;letter-spacing:.02em}.site-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.18em;margin-top:2px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--orange);color:var(--ink);font-weight:900;font-size:12px}.site-nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);font-size:13px;color:#c7ccc5}.site-nav a:hover{color:var(--green)}.nav-cta{border:1px solid var(--line);padding:9px 13px;color:var(--paper)!important}.menu-toggle{display:none;background:none;color:var(--paper);border:1px solid var(--line);padding:8px 10px}.page{display:none;max-width:1500px;margin:0 auto;padding:clamp(54px,8vw,112px) clamp(22px,6vw,92px) 110px}.page.is-active{display:block}.eyebrow,.home-kicker,.feature-index,.card-tag,.panel-heading span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.home-kicker{color:var(--green);margin-bottom:38px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(201,243,106,.1)}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:clamp(40px,8vw,140px);align-items:center}.home-copy{max-width:650px}.home-copy h1,.page-heading h1{font-family:var(--display);font-size:clamp(48px,7vw,104px);font-weight:400;line-height:1.02;letter-spacing:-.02em;margin:18px 0 26px}.home-copy h1 em{font-style:normal;color:var(--orange)}.home-lede,.page-heading>p{font-size:18px;color:#c7ccc5;max-width:620px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:12px 17px;cursor:pointer;min-height:46px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:var(--ink);font-weight:700}.button-primary:hover{background:#ff875c}.button-quiet{border-color:var(--line);color:var(--paper)}.button-outline{background:transparent;border-color:var(--line);color:var(--paper)}.proof-line{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.proof-line span:before{content:"/";color:var(--orange);margin-right:8px}.home-visual{position:relative;min-height:440px;display:grid;place-items:center}.home-visual img{width:100%;max-width:620px;border:1px solid #424744;box-shadow:20px 22px 0 #090b0b;transform:rotate(2.5deg);filter:saturate(.82) contrast(1.08)}.sticker{position:absolute;padding:10px 12px;font-size:10px;letter-spacing:.16em;line-height:1.2;transform:rotate(-8deg);box-shadow:7px 8px 0 rgba(0,0,0,.3)}.sticker-orange{right:0;top:30px;background:var(--orange);color:var(--ink)}.sticker-green{left:0;bottom:24px;background:var(--green);color:var(--ink);transform:rotate(5deg)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip article{background:var(--ink);padding:28px 24px 30px}.feature-strip h2{font-family:var(--display);font-size:27px;font-weight:400;margin:15px 0 8px}.feature-strip p{color:var(--muted);font-size:14px;max-width:320px;margin:0}.page-heading{max-width:760px;margin-bottom:58px}.page-heading h1{font-size:clamp(50px,7vw,94px);margin-top:15px}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.download-card{border:1px solid var(--line);padding:28px;min-height:390px;background:#171b1b}.download-card.is-featured{border-color:var(--orange);background:#20201c}.card-top{display:flex;justify-content:space-between;align-items:center}.platform-icon{font-size:26px;color:var(--green)}.card-tag{color:var(--orange);font-size:10px}.download-card h2{font-family:var(--display);font-weight:400;font-size:36px;margin:42px 0 12px}.download-card p{color:var(--muted);max-width:440px}.download-card dl{border-top:1px solid var(--line);margin:30px 0 24px}.download-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.download-card dt{color:var(--muted)}.warning{color:var(--orange)}.release-note,.browser-boundary{display:flex;gap:22px;align-items:center;border-left:3px solid var(--green);padding:18px 20px;background:#1b201c;margin-top:24px;color:#bfc8bc;font-size:13px}.release-note strong,.browser-boundary strong{color:var(--green);white-space:nowrap}.release-note a,.browser-boundary a{margin-left:auto;color:var(--paper);white-space:nowrap}.docs-layout{display:grid;grid-template-columns:210px 1fr;gap:64px}.docs-index{display:flex;flex-direction:column;gap:13px;position:sticky;top:30px;height:max-content}.docs-index a{color:var(--muted);font-size:12px}.docs-index a:hover{color:var(--green)}.docs-content{border-top:1px solid var(--line)}.docs-content article{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.docs-content article>span{color:var(--orange);font-size:12px}.docs-content h2{font-family:var(--display);font-weight:400;font-size:30px;margin:0 0 8px}.docs-content p{color:#b8c0b7;max-width:720px;margin:0}.account-layout{display:grid;grid-template-columns:minmax(0,520px) minmax(260px,1fr);gap:70px}.account-panel{border:1px solid var(--line);padding:28px;background:#171b1b}.service-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.service-status strong{color:var(--orange)}.service-status span:last-child{width:100%;padding-left:16px}.account-panel form{display:grid;gap:16px}.account-panel label{display:grid;gap:7px;color:#c8cec5;font-size:12px}.account-panel input,.browser-panel textarea{width:100%;background:#0e1111;border:1px solid #3a413c;color:var(--paper);padding:12px;outline:none}.account-panel input:focus,.browser-panel textarea:focus{border-color:var(--green)}.form-note{color:var(--muted);font-size:12px;margin:18px 0 0}.account-boundary{border-top:1px solid var(--line);padding-top:20px}.account-boundary h2{font-family:var(--display);font-weight:400;font-size:35px;margin:12px 0}.account-boundary ul{list-style:none;padding:0;color:#bdc6bd}.account-boundary li{padding:9px 0;border-bottom:1px solid var(--line)}.account-boundary li:before{content:"+";color:var(--green);margin-right:10px}.browser-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:20px}.assistant-pill{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.assistant-pill small{width:100%;color:var(--muted);padding-left:16px}.browser-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.browser-panel{background:#171b1b;border:1px solid var(--line);padding:24px}.panel-heading span{color:var(--orange);font-size:10px}.panel-heading h2{font-family:var(--display);font-size:30px;font-weight:400;margin:8px 0 20px}.drop-zone{min-height:190px;border:1px dashed #59625a;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--muted);cursor:pointer}.drop-zone:hover{border-color:var(--green);color:var(--paper)}.drop-zone strong{color:var(--paper);font-size:18px}.drop-zone input,.file-button input{position:absolute;width:1px;height:1px;opacity:0}.local-file-list{list-style:none;padding:0;margin:18px 0 0;max-height:180px;overflow:auto}.local-file-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.local-file-list small{color:var(--muted)}.empty-line{color:var(--muted)}.browser-panel textarea{resize:vertical;min-height:220px;line-height:1.5}.panel-actions{display:flex;gap:10px;margin-top:14px}.file-button{position:relative}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(22px,6vw,92px);border-top:1px solid var(--line);color:var(--muted);font-size:11px}.site-footer a{color:var(--paper)}
@media(max-width:900px){.site-header{height:auto;min-height:70px}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 22px;background:#151919;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.site-nav.is-open{display:flex}.menu-toggle{display:block}.home-grid,.download-grid,.browser-grid,.account-layout{grid-template-columns:1fr}.home-visual{order:-1;min-height:330px}.home-visual img{transform:rotate(1.5deg)}.feature-strip{grid-template-columns:1fr;margin-top:70px}.docs-layout{grid-template-columns:1fr;gap:26px}.docs-index{position:static;display:grid;grid-template-columns:1fr 1fr}.release-note,.browser-boundary{align-items:flex-start;flex-direction:column;gap:7px}.release-note strong,.browser-boundary strong,.release-note a,.browser-boundary a{white-space:normal;margin-left:0}.site-footer{flex-direction:column}.page{padding-top:55px}}
@media(max-width:520px){.home-copy h1,.page-heading h1{font-size:48px}.sticker{font-size:8px}.docs-content article{grid-template-columns:42px 1fr}.docs-content h2{font-size:25px}.panel-actions{flex-direction:column}}

/* Let desktop page introductions breathe; narrow viewports still wrap naturally. */
.page-heading { max-width: 920px; }
.page-heading > p { max-width: 900px; }

.button.is-disabled{cursor:not-allowed;opacity:.48;pointer-events:none;user-select:none}

.nav-auth-trigger {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0;
}
.nav-auth-trigger:hover { color: var(--green); }
.auth-dialog {
  width: min(520px, calc(100vw - 36px));
  border: 1px solid #485148;
  border-radius: 8px;
  padding: 0;
  background: #171b1b;
  color: var(--paper);
  box-shadow: 0 24px 80px rgba(0,0,0,.48);
}
.auth-dialog::backdrop { background: rgba(7, 9, 9, .7); }
.auth-dialog-card { padding: 28px; }
.auth-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.auth-dialog-head h2 { font-family: var(--display); font-weight:400; font-size:32px; margin:10px 0 0; }
.auth-dialog-close { border:0; background:transparent; color:var(--muted); font-size:26px; cursor:pointer; line-height:1; }
.auth-dialog-close:hover { color:var(--paper); }
.auth-dialog-lede { color:var(--muted); font-size:13px; margin:20px 0; }
.auth-dialog-form { display:grid; gap:16px; }
.auth-dialog-form label { display:grid; gap:7px; color:#c8cec5; font-size:12px; }
.auth-dialog-form input { width:100%; background:#0e1111; border:1px solid #3a413c; color:var(--paper); padding:12px; outline:none; }
.auth-dialog-form input:focus { border-color:var(--green); }
@media(max-width:600px) { .auth-dialog-card { padding:22px; } .auth-dialog-head h2 { font-size:27px; } }

/* Keep product pages readable and operational; reserve oversized type for the public showcase home. */
.page-heading h1 {
  width: auto;
  max-width: 860px;
  margin-bottom: 18px;
  font-size: clamp(36px, 3.8vw, 58px);
  line-height: 1.08;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  word-break: keep-all;
  white-space: normal;
  text-wrap: pretty;
}
.page-heading > p {
  font-size: 16px;
  line-height: 1.65;
}
.download-card h2 {
  font-size: 30px;
  margin-top: 32px;
}
.docs-content h2,
.panel-heading h2 {
  font-size: 25px;
}
.account-boundary h2 {
  font-size: 28px;
}
@media(max-width:900px) {
  .page-heading h1 { width: auto; max-width: 100%; font-size: 42px; overflow-wrap: anywhere; word-break: keep-all; text-wrap: pretty; white-space: normal; }
}
@media(max-width:520px) {
  .page-heading h1 { font-size: 36px; }
  .page-heading > p { font-size: 15px; }
  .download-card h2 { font-size: 28px; }
  .docs-content h2,
  .panel-heading h2 { font-size: 23px; }
}