.landing-view { background: #fff; color: #1c292e; }
.landing-view a { color: inherit; text-decoration: none; }
.landing-nav { max-width: 1320px; height: 72px; margin: auto; padding: 0 28px; display: flex; align-items: center; gap: 36px; border-bottom: 1px solid #e9eeec; }
.landing-brand { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.landing-brand strong { font-size: 15px; }
.landing-nav .brand-mark.small { color: #fff; }
.landing-nav nav { display: flex; gap: 27px; margin-left: auto; color: #65747a; font-size: 12px; }
.landing-nav nav a:hover, .landing-footer a:hover { color: #148160; }
.landing-actions { display: flex; align-items: center; gap: 15px; }
.landing-actions button, .landing-actions a { font-size: 12px; }
.landing-actions .primary { padding: 9px 13px; }
.nav-login, .back-landing { border: 0; padding: 8px; background: transparent; color: #516066; }
.landing-hero { max-width: 1320px; margin: auto; padding: 68px 28px 60px; display: grid; grid-template-columns: minmax(320px, .8fr) minmax(550px, 1.2fr); align-items: center; gap: 55px; }
.hero-copy .eyebrow, .feature-section .eyebrow, .account-band .eyebrow, .download-section .eyebrow { color: #218362; }
.hero-copy h1 { margin: 0; font-size: 52px; line-height: 1.05; font-weight: 680; color: #19282d; }
.hero-lede { max-width: 500px; margin: 22px 0 12px; color: #34454b; font-size: 21px; line-height: 1.5; }
.hero-detail { max-width: 495px; color: #718087; font-size: 13px; line-height: 1.85; }
.hero-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.hero-cta .primary, .hero-cta .secondary, .download-cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 42px; padding: 0 16px; font-size: 12px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 21px; margin-top: 18px; color: #889499; font-size: 10px; }
.green-dot { width: 7px; height: 7px; display: inline-block; margin-right: 6px; border-radius: 50%; background: #2ca879; }
.product-preview { min-width: 0; overflow: hidden; border: 1px solid #dbe4e1; border-radius: 7px; background: #fbfcfc; box-shadow: 0 18px 50px #182b2610; }
.preview-titlebar { height: 39px; display: flex; align-items: center; gap: 16px; padding: 0 13px; border-bottom: 1px solid #e3e9e7; background: #fff; color: #526168; font-size: 10px; }
.preview-titlebar small { color: #8a989c; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d9dfdd; }
.window-dots i:first-child { background: #df9a8e; }
.window-dots i:nth-child(2) { background: #e2c078; }
.window-dots i:nth-child(3) { background: #82c09d; }
.preview-status { display: flex; align-items: center; gap: 6px; margin-left: auto; color: #788781; font-size: 9px; }
.preview-status i { width: 6px; height: 6px; border-radius: 50%; background: #40a87d; }
.preview-main { min-height: 336px; display: grid; grid-template-columns: 132px minmax(220px, 1fr) minmax(195px, .88fr); }
.preview-files { display: flex; flex-direction: column; gap: 12px; padding: 14px 10px; border-right: 1px solid #e8edeb; color: #66747a; font-size: 9px; }
.preview-files strong { margin-bottom: 4px; color: #899499; font-size: 8px; letter-spacing: 1px; }
.preview-files .indent { padding-left: 13px; }
.preview-files .selected { padding-top: 5px; padding-bottom: 5px; background: #edf7f2; color: #277e5e; }
.preview-editor { min-width: 0; display: flex; flex-direction: column; background: #fff; }
.preview-tab { height: 34px; padding: 11px 12px 0; border-bottom: 1px solid #eef1f0; border-top: 2px solid #49ac83; color: #536168; font-size: 9px; }
.preview-editor pre { flex: 1; overflow: hidden; margin: 0; padding: 17px 10px; color: #43535a; font: 9px/2 Consolas, monospace; white-space: pre; }
.preview-editor pre b { color: #9b5bb5; font-weight: 600; }
.preview-editor pre em { color: #a06d2b; font-style: normal; }
.preview-editor pre i { color: #317e9b; font-style: normal; }
.preview-editor .ln { display: inline-block; width: 20px; color: #b4bdba; text-align: right; }
.preview-footer { min-height: 25px; display: flex; justify-content: space-between; padding: 7px 10px; border-top: 1px solid #edf0ef; color: #8a9699; font-size: 8px; }
.preview-agent { min-width: 0; display: flex; flex-direction: column; padding: 11px 10px 10px; border-left: 1px solid #e8edeb; background: #fdfefe; }
.agent-head { display: flex; align-items: center; gap: 7px; min-height: 25px; color: #43545a; font-size: 10px; }
.agent-icon { display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid #b9dacb; border-radius: 4px; background: #edf7f2; color: #298363; }
.agent-model { margin-left: auto; color: #718087; font-size: 8px; }
.agent-msg, .agent-answer { margin-top: 15px; }
.agent-msg small, .agent-answer small { color: #88959a; font-size: 7px; letter-spacing: .7px; }
.agent-msg p, .agent-answer p { margin-top: 5px; color: #5b6b70; font-size: 9px; line-height: 1.65; }
.user-msg { margin-left: 14px; padding: 7px; background: #f0f5f3; border-radius: 4px; }
.preview-prompt { display: flex; justify-content: space-between; align-items: center; min-height: 32px; margin-top: auto; padding: 0 8px; border: 1px solid #dfe7e4; border-radius: 4px; color: #9aa5a6; font-size: 8px; }
.preview-prompt span { display: grid; width: 17px; height: 17px; place-items: center; background: #38a27a; color: #fff; border-radius: 3px; font-size: 11px; }
.preview-caption { display: flex; justify-content: space-between; padding: 10px 13px; border-top: 1px solid #e7ecea; color: #74827f; font-size: 9px; }
.preview-caption span:last-child { color: #a0aaa7; letter-spacing: .8px; }
.trust-strip { min-height: 58px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 50px; padding: 15px 25px; border-top: 1px solid #edf0ef; border-bottom: 1px solid #edf0ef; color: #68767a; font-size: 11px; }
.trust-strip b { margin-right: 7px; color: #238461; font-size: 10px; }
.feature-section { max-width: 1320px; margin: auto; padding: 75px 28px 76px; }
.section-intro { max-width: 600px; }
.section-intro h2, .account-band h2, .download-section h2 { margin: 0; color: #1d2b30; font-size: 27px; line-height: 1.35; }
.section-intro > p:last-child, .account-band > div:first-child > p:last-child, .download-section > div:first-child > p:last-child { margin-top: 9px; color: #768389; font-size: 12px; line-height: 1.8; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 29px; }
.feature-item { min-width: 0; padding-top: 17px; border-top: 1px solid #dfe7e4; }
.feature-number { color: #288663; font-size: 10px; font-weight: 700; }
.feature-item h3 { margin: 13px 0 7px; color: #243338; font-size: 15px; }
.feature-item > p { min-height: 58px; color: #748187; font-size: 11px; line-height: 1.75; }
.feature-visual { min-height: 125px; margin-top: 17px; padding: 13px; border: 1px solid #e4eae8; border-radius: 5px; background: #fafcfb; }
.editor-visual { display: flex; flex-direction: column; gap: 9px; color: #82908e; font-size: 9px; }
.editor-visual code { padding: 9px; background: #fff; color: #586970; font: 9px/1.8 Consolas, monospace; }
.editor-visual small { color: #98a39f; font-size: 8px; }
.agent-visual { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.agent-visual div { display: grid; grid-template-columns: 20px 1fr; align-items: center; column-gap: 6px; padding: 7px; border: 1px solid #e8edeb; border-radius: 4px; background: #fff; }
.agent-visual i { grid-row: span 2; display: grid; width: 19px; height: 19px; place-items: center; border-radius: 4px; background: #edf7f2; color: #278261; font-style: normal; font-size: 10px; }
.agent-visual b { color: #4d5d62; font-size: 8px; }
.agent-visual small { color: #899497; font-size: 7px; }
.model-visual { display: flex; flex-direction: column; justify-content: center; gap: 9px; }
.model-visual > span { display: flex; align-items: center; gap: 7px; color: #59686c; font-size: 9px; }
.model-visual > span b { margin-left: auto; color: #84928e; font-size: 8px; font-weight: 500; }
.model-mark { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 4px; background: #eaf5ef; color: #27805d; font-size: 9px; font-style: normal; font-weight: 700; }
.model-mark.anthropic { background: #fbf0e9; color: #a56c3a; }
.model-mark.gemini { background: #eef1fc; color: #596eb4; }
.account-band { display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px; padding: 48px max(28px, calc((100% - 1264px)/2)); background: #f5f8f6; border-top: 1px solid #e8eeeb; border-bottom: 1px solid #e8eeeb; }
.account-band h2 { max-width: 600px; }
.account-band > div:first-child > p:last-child { max-width: 630px; }
.account-points { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 14px 20px; color: #56666a; font-size: 10px; }
.account-points span::first-letter { color: #258563; }
.download-section { max-width: 1320px; min-height: 195px; margin: auto; padding: 52px 28px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.download-section h2 { font-size: 24px; }
.download-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.download-actions > span { color: #899599; font-size: 9px; }
.landing-footer { min-height: 70px; display: flex; align-items: center; gap: 22px; padding: 0 max(28px, calc((100% - 1264px)/2)); border-top: 1px solid #e9eeec; color: #8a9698; font-size: 10px; }
.landing-footer > span { margin-right: auto; }
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: 1fr; place-items: center; padding: 24px; background: #f5f7f6; }
.auth-visual { display: none; }
.auth-card { width: min(420px, 100%); padding: 32px; border-radius: 7px; box-shadow: 0 10px 35px #152b2410; }
.auth-tabs { margin: 23px 0 24px; }
.back-landing { margin: 24px 0 -6px -8px; font-size: 11px; }
.landing-view + .auth-shell { display: none; }
.auth-shell:not(.hidden) { display: grid; }
@media (max-width: 1000px) {
  .landing-hero { grid-template-columns: 1fr; gap: 34px; padding-top: 47px; }
  .hero-copy { max-width: 740px; }
  .product-preview { width: 100%; }
  .feature-grid { gap: 15px; }
  .account-band { gap: 25px; }
}
@media (max-width: 680px) {
  .landing-nav { height: 62px; padding: 0 15px; gap: 10px; }
  .landing-nav nav { display: none; }
  .landing-actions { margin-left: auto; gap: 7px; }
  .landing-actions .primary { padding: 8px 10px; }
  .landing-hero { padding: 43px 17px 36px; gap: 26px; }
  .hero-copy h1 { font-size: 40px; }
  .hero-lede { font-size: 18px; }
  .hero-detail { font-size: 12px; }
  .preview-main { grid-template-columns: 86px minmax(130px, 1fr); min-height: 300px; }
  .preview-files { padding: 12px 6px; font-size: 7px; }
  .preview-agent { grid-column: 1 / -1; min-height: 195px; border-top: 1px solid #e8edeb; border-left: 0; }
  .preview-editor pre { padding: 12px 5px; font-size: 7px; }
  .trust-strip { justify-content: flex-start; gap: 10px; padding: 14px 18px; }
  .trust-strip span { width: 100%; }
  .feature-section { padding: 52px 18px; }
  .section-intro h2, .account-band h2 { font-size: 23px; }
  .feature-grid { grid-template-columns: 1fr; gap: 27px; }
  .feature-item > p { min-height: 0; }
  .account-band { grid-template-columns: 1fr; padding: 36px 18px; gap: 22px; }
  .account-points { grid-template-columns: 1fr 1fr; gap: 12px; font-size: 9px; }
  .download-section { min-height: 0; align-items: flex-start; flex-direction: column; padding: 38px 18px; }
  .landing-footer { padding: 15px 18px; flex-wrap: wrap; gap: 10px 15px; }
  .landing-footer > span { display: none; }
  .auth-shell { padding: 14px; }
  .auth-card { padding: 23px; }
}

.live-model-section{background:#f2f4f7;padding:0 max(38px,calc((100% - 1324px)/2)) 70px;color:#515d71}.live-model-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;border-top:1px solid #d9dee7;padding-top:44px;margin-bottom:26px}.live-model-intro .eyebrow{font-size:8px;color:#7d8ba3;margin-bottom:12px}.live-model-intro h2{font-size:29px;letter-spacing:-.05em;font-weight:550;color:#465163;margin:0 0 9px}.live-model-intro>div>p:last-child{font-size:11px;line-height:1.9;color:#687893;margin:0}.live-model-tools{display:flex;align-items:center;gap:13px;flex-shrink:0}.live-model-tools>span{font-size:9px;color:#7887a0}.live-model-tools label{margin:0}.live-model-tools input{margin:0;font-size:10px;padding:9px 12px;width:196px;background:#fff;border-color:#d7dde6;color:#65748e}.live-model-tools input::placeholder{color:#919db1}.public-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-model-card{padding:21px;background:#fff;border:1px solid #d7dde6;border-radius:11px;min-width:0}.public-model-head{display:flex;gap:11px;align-items:center}.public-model-head .provider-icon{width:31px;height:31px;font-size:11px;border-radius:8px}.public-model-head>div{flex:1;min-width:0}.public-model-head h3{font-size:13px;color:#536076;font-weight:600;margin:0;overflow-wrap:anywhere}.public-model-head p{font-size:8px;color:#8895ab;margin:4px 0 0}.public-model-multiplier{font:11px/1 Consolas,monospace;border:1px solid #d6dce6;padding:6px 7px;background:#ebeef4;border-radius:5px;color:#76849d}.public-model-prices{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 0 17px;border-bottom:1px solid #e7eaef}.public-model-prices small{display:block;font-size:9px;color:#7e8ca4;margin-bottom:5px}.public-model-prices strong{font-size:23px;color:#596881;font-weight:500;letter-spacing:-.05em}.public-model-prices strong>span{font-size:8px;letter-spacing:0;color:#99a4b7}.public-model-formula{font-size:9px;color:#8491a8;line-height:1.8;margin:12px 0 15px}.public-model-start{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid #d7dde7;background:#f0f3f8;padding:9px 11px;border-radius:6px;color:#7c8aa2;font-size:10px;font-weight:500}.public-model-start:hover{background:#dde3ed;border-color:#b7c1d2;color:#51617c}.public-model-empty{grid-column:1/-1;border:1px dashed #d1d6df;background:#ebeef4;border-radius:10px;padding:32px;text-align:center;font-size:11px;color:#7a88a0}.model-pricing-note{font-size:9px;color:#8895ab;line-height:1.9;margin:20px 0 0;max-width:1000px}.model-visual>span>span{flex:1}.model-visual>span>span>small{display:block;font-size:7px;margin-top:3px;color:#95a0b3}.snapshot-empty{color:#8c99ae;font-size:9px}.auth-card .brand-row span{color:#7b89a2}
@media(max-width:1150px){.live-model-section{padding-left:30px;padding-right:30px}.live-model-intro{gap:25px}.live-model-tools{align-items:flex-end;flex-direction:column;gap:9px}.live-model-intro h2{font-size:27px}.public-model-card{padding:17px}.public-model-head{gap:8px}.public-model-head h3{font-size:12px}.public-model-multiplier{font-size:9px}}
@media(max-width:850px){.public-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-model-intro h2{font-size:25px}.live-model-intro>div>p:last-child{font-size:10px}.live-model-tools input{width:165px}}
@media(max-width:680px){.live-model-section{padding:0 22px 45px}.live-model-intro{padding-top:29px;margin-bottom:22px;align-items:flex-start;flex-direction:column;gap:20px}.live-model-intro .eyebrow{font-size:7px}.live-model-intro h2{font-size:24px;margin-bottom:10px}.live-model-intro>div>p:last-child{font-size:10px;line-height:1.9}.live-model-tools{align-items:center;justify-content:space-between;flex-direction:row;width:100%;gap:10px}.live-model-tools>span{font-size:8px}.live-model-tools input{font-size:9px;width:170px;padding:8px 10px}.public-model-grid{grid-template-columns:1fr;gap:12px}.public-model-card{padding:19px}.public-model-head h3{font-size:13px}.public-model-head p{font-size:8px}.public-model-multiplier{font-size:10px;padding:6px 8px}.public-model-prices{padding-top:18px}.public-model-prices small{font-size:9px}.public-model-prices strong{font-size:25px}.public-model-formula{font-size:9px}.public-model-start{font-size:10px;padding:9px 11px}.model-pricing-note{font-size:8px;margin-top:17px;line-height:2}.public-model-empty{padding:25px 15px;font-size:10px}}
.landing-view .primary.download-cta{color:#fff}.download-section #downloadDescription{color:#768389;font-size:12px;line-height:1.8}.download-release-notes{color:#899599;font-size:11px}