@charset "UTF-8";
:root {
  --page:#f7f7f5; --surface:#fff; --muted:#efefec; --ink:#171716; --secondary:#565651; --quiet:#777770; --line:#d8d8d4;
  --solid:#be185d; --hover:#9d174d; --pressed:#831843; --accent:#be185d; --selected:#fdf2f8; --nav-hover:#e5e5e2; --on-solid:#fff;
  --stage:#eeedea; --stage-line:#deddd8; --card-shadow:0 18px 48px -26px #26262135;
  color-scheme:light;
}
:root[data-theme=dark] {
  --page:#111; --surface:#1a1a1a; --muted:#161616; --ink:#f5f5f5; --secondary:#cdcdcd; --quiet:#a6a6a6; --line:#373737;
  --solid:#be185d; --hover:#a91652; --pressed:#8f1547; --accent:#e2e2e2; --selected:#351b23; --focus:#e85b85; --nav-hover:#242424;
  --stage:#161616; --stage-line:#373737; --card-shadow:0 18px 48px -26px #000a;
  color-scheme:dark;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:36px}
body {margin:0;background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p {margin:0}
a {color:inherit;text-decoration:none}
button {font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
button,a {-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {outline:2px solid var(--focus,var(--accent));outline-offset:5px}
img,svg {display:block}
img {max-width:100%}
::selection {background:var(--selected);color:var(--accent)}
[hidden] {display:none!important}
.svg-library {position:absolute;width:0;height:0;overflow:hidden}
.icon {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.model-logo {width:28px;height:28px;fill:currentColor;flex-shrink:0}
.mono {font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.shell {max-width:1328px;margin:auto;padding:0 64px}
.skip-link {position:fixed;top:-100px;left:20px;background:var(--surface);z-index:100;padding:12px}
.skip-link:focus {top:12px}
.eyebrow {font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--quiet);line-height:1.5}
.accent {color:var(--accent)}
.header {height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand {display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.brand>img {width:32px;height:34px;object-fit:contain}
.brand>span:first-of-type {font-size:23px;font-weight:750;letter-spacing:-1px}
.brand-ai {font-size:19px;font-weight:500;margin-left:5px}
.header-actions {display:flex;align-items:center;gap:24px}
.login-link {font-size:13px;color:var(--secondary)}
.login-link:hover {color:var(--accent)}
.icon-button {display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid transparent;border-radius:9px;background:transparent;padding:8px}
.icon-button:hover {background:var(--muted);border-color:var(--line)}
.theme-toggle .sun {display:none}
[data-theme=dark] .theme-toggle .sun {display:block}
[data-theme=dark] .theme-toggle .moon {display:none}
.button {display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;background:var(--solid);color:var(--on-solid);padding:14px 23px;border-radius:9px;min-height:51px;font-weight:600;font-size:14px;transition:background .18s,transform .18s}
.button:hover {background:var(--hover);transform:translateY(-2px)}
.button:active {background:var(--pressed);transform:none}
.button-small {min-height:40px;padding:9px 15px;gap:18px;font-size:12px;border-radius:7px}
.button-small .icon {width:16px;height:16px}
.button-ink {background:var(--ink);color:var(--page)}
.button-ink:hover {background:var(--secondary)}
.button-outline {background:transparent;border-color:var(--line);color:var(--ink);gap:18px}
.button-outline:hover {background:var(--surface);border-color:var(--quiet)}
.quiet-link {display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;white-space:nowrap}
.quiet-link:hover {color:var(--accent)}
.quiet-link .icon {width:17px;height:17px}
.hero {display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:70px;padding:72px 0 76px}
.hero-tag {display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--secondary);font-weight:500}
.tag-mark {width:8px;height:8px;border-radius:2px;background:var(--solid);box-shadow:0 0 0 4px var(--selected)}
h1 {font-size:clamp(48px,4.6vw,66px);font-weight:750;line-height:1.23;letter-spacing:-2.8px;margin:23px 0}
.hero-description {font-size:15px;line-height:1.95;color:var(--secondary)}
.hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}
.hero-proof {display:flex;align-items:center;gap:13px;margin-top:32px}
.model-avatars {display:flex;padding-left:0}
.model-avatars>span {display:grid;place-items:center;border:3px solid var(--page);background:var(--surface);width:36px;height:36px;border-radius:50%;margin-left:-8px}
.model-avatars>span:first-child {margin-left:0}
.model-avatars .model-logo {width:20px;height:20px}
.hero-proof strong {display:block;font-size:11px;font-weight:550;color:var(--secondary)}
.hero-proof small {display:block;font-size:10px;color:var(--quiet);margin-top:2px}
.model-color.chatgpt {color:var(--ink)}
[data-theme=dark] .model-color.chatgpt .model-logo {filter:invert(1)}
.model-color.claude {color:#ce7356}
.model-color.gemini {color:#4e79ef}
.model-color.grok,.model-color.kimi {color:var(--ink)}
.model-color.deepseek {color:#4d6bfe}
.model-color.glm {color:#3859ff}
.model-color.minimax {color:#df327c}
.tiny-square {display:inline-block;width:5px;height:5px;border-radius:1px;background:var(--accent);flex-shrink:0}
.section {padding:64px 0}
.section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:29px}
h2 {font-size:33px;font-weight:700;line-height:1.45;letter-spacing:-1.2px}
.section-heading h2 {margin-top:10px}
.heading-note {font-size:12px;color:var(--quiet);line-height:1.9;text-align:right;padding-bottom:3px}
.section-description {font-size:13px;line-height:1.9;color:var(--secondary);margin-top:14px}
.benefits {border-top:1px solid var(--line);padding-top:49px}
.feature-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.feature-card {background:var(--surface);border:1px solid var(--line);padding:22px 23px 0;border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}
.feature-card:hover {border-color:var(--quiet);transform:translateY(-3px)}
.feature-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.feature-icon {width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--page);color:var(--accent)}
.feature-icon .icon {width:20px;height:20px}
.feature-number {font-size:10px;color:var(--quiet)}
.feature-label {display:block;font-size:11px;color:var(--accent);margin-bottom:4px;font-weight:550}
.feature-card h3 {font-size:28px;font-weight:700;letter-spacing:-.8px}
.feature-card>p {font-size:11px;line-height:1.95;color:var(--secondary);margin-top:10px}
.feature-art {height:83px;margin-top:23px;position:relative;border-top:1px solid var(--line)}
.uptime-art {padding-top:18px}
.uptime-bars {display:flex;gap:4px;height:25px;align-items:flex-end}
.uptime-bars i {display:block;flex:1;height:21px;background:#508f77;border-radius:2px}
.uptime-bars i:nth-child(4n) {height:17px;background:#91b9a7}
.uptime-bars i:nth-child(7n) {height:24px;background:#39785f}
.uptime-art>span {display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--quiet);margin-top:7px}
.uptime-art .icon {width:12px;height:12px;color:#508f77}
.cache-art {display:flex;align-items:center;justify-content:center;padding:0 9px}
.cache-document {width:34px;height:40px;background:var(--page);border:1px solid var(--line);border-radius:4px;padding:10px 7px;display:flex;flex-direction:column;gap:5px}
.cache-document i {height:2px;background:var(--quiet);border-radius:3px}
.cache-document i:last-child {width:60%}
.cache-line {width:26px;border-top:1px dashed var(--quiet)}
.cache-result {display:flex;align-items:center;gap:6px;padding:8px 9px;font-size:9px;border:1px solid var(--line);background:var(--selected);color:var(--accent);border-radius:6px}
.cache-result .icon {width:15px;height:15px}
.intelligence-art {display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--quiet);font-size:9px}
.intelligence-art>span {border:1px solid var(--line);padding:3px 7px;border-radius:5px;background:var(--page)}
.intelligence-art>i {height:1px;flex:1;background:var(--line)}
.intelligence-art>.icon {width:31px;height:31px;color:var(--accent)}
.invoice-art {padding:13px 15px 0}
.invoice-paper {padding:10px 12px 14px;border:1px solid var(--line);border-radius:5px 5px 0 0;background:var(--page);transform:rotate(-4deg)}
.invoice-paper>span {display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--secondary)}
.invoice-paper .icon {width:12px;height:12px;color:var(--accent)}
.invoice-paper>i {display:block;height:2px;width:80%;background:var(--line);margin-top:8px}
.invoice-paper>i:last-child {width:50%;margin-top:5px}
.models {border-top:1px solid var(--line)}
.models .section-heading {margin-bottom:25px}
.models .quiet-link {padding-bottom:6px}
.model-filters {display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}
.model-filters button {border:1px solid transparent;border-radius:7px;background:transparent;padding:7px 13px;font-size:11px;color:var(--secondary);display:inline-flex;align-items:center;gap:7px;min-height:36px}
.model-filters button[aria-pressed=true] {background:var(--selected);color:var(--focus,var(--accent))}
.model-filters button:not([aria-pressed=true]):hover {background:var(--nav-hover);color:var(--ink)}
.model-filters button>span {font:9px monospace;opacity:.7}
.models-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.model-card {display:block;min-width:0;padding:24px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:transform .2s,border-color .2s,box-shadow .2s}
.model-card:hover {transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 20px -15px var(--accent)}
[data-theme=dark] .model-card:hover {border-color:var(--quiet);box-shadow:0 12px 24px -16px #000a}
.model-card-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.model-symbol {display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:var(--page);border:1px solid var(--line)}
.model-symbol .model-logo {width:28px;height:28px}
.model-arrow {width:15px;height:15px;color:var(--quiet);transition:color .2s}
.model-card:hover .model-arrow {color:var(--accent)}
.model-card h3 {font-size:20px;font-weight:650;letter-spacing:-.5px;line-height:1.5}
.model-maker {font-size:10px;color:var(--quiet)}
.model-card p {font-size:11px;color:var(--secondary);line-height:1.9;margin-top:15px}
.model-tags {display:flex;gap:7px;font-size:9px;color:var(--quiet);margin-top:23px;align-items:center}
.model-tags>span {padding-left:7px;border-left:1px solid var(--line)}
.models-footnote {font-size:10px;color:var(--quiet);display:flex;align-items:baseline;gap:8px;line-height:1.8;margin-top:20px}
.models-footnote>.tiny-square {position:relative;top:-1px}
.connect {border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}
.connect h2 {margin-top:15px;font-size:36px}
.faq {border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}
.faq h2 {margin-top:12px;font-size:28px}
.faq-items details {border-bottom:1px solid var(--line)}
.faq-items details:first-child {border-top:1px solid var(--line)}
.faq-items summary {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:550}
.faq-items summary::-webkit-details-marker {display:none}
.faq-items summary .icon {width:15px;height:15px;color:var(--quiet);transition:transform .2s}
.faq-items details[open] summary>.icon {transform:rotate(45deg)}
.faq-items details>p {font-size:12px;line-height:1.95;color:var(--secondary);padding:0 28px 22px 0}
.faq-items p a {color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.closing {position:relative;overflow:hidden;background:var(--selected);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:43px 44px;margin:5px 0 63px}
.closing>div,.closing>.button {position:relative;z-index:1}
.closing .eyebrow {color:var(--accent);font-size:8px}
.closing h2 {font-size:28px;margin-top:10px;letter-spacing:-.9px}
.closing p {font-size:12px;color:var(--secondary);margin-top:8px}
.closing-decoration {position:absolute;right:180px;top:-48px;width:280px;height:280px;color:var(--accent);opacity:.045;fill:none;stroke:currentColor;stroke-width:.3}
footer {border-top:1px solid var(--line);padding:27px 0 22px}
.footer-top {display:flex;align-items:center;gap:23px}
.footer-top .brand>img {width:25px;height:27px}
.footer-top .brand>span:first-of-type {font-size:19px}
.footer-top .brand-ai {font-size:15px}
.footer-tagline {font-size:11px;color:var(--quiet)}
.footer-links {display:flex;gap:23px;margin-left:auto;font-size:11px;color:var(--secondary)}
.footer-links a:hover {color:var(--accent)}
.footer-bottom {display:flex;justify-content:space-between;gap:20px;color:var(--quiet);font-size:10px;margin-top:24px}
@media (min-width:1440px) {
  .hero {padding-top:82px;padding-bottom:83px}
}
@media (max-width:1100px) {
  .shell {padding:0 38px}
  .hero {gap:36px;padding-top:55px;padding-bottom:60px}
  h1 {font-size:51px}
  .hero-description {font-size:13px}
  .feature-grid,.models-grid {gap:12px}
  .feature-card {padding:19px 17px 0}
  .feature-card>p {font-size:10px}
  .cache-art {padding:0}
  .cache-line {width:16px}
  .model-card {padding:20px}
  .connect {gap:55px}
  .faq {gap:45px}
}
@media (max-width:800px) {
  .shell {padding:0 28px}
  .header {height:77px}
  .hero {grid-template-columns:1fr 1fr;gap:25px;padding:45px 0}
  h1 {font-size:44px;letter-spacing:-1.8px}
  .hero-tag {font-size:10px}
  .hero-description {font-size:12px}
  .hero-actions {gap:8px;margin-top:24px}
  .hero-actions>.button {font-size:11px;padding:11px 13px;gap:12px;min-height:44px}
  .hero-proof {gap:8px;margin-top:25px}
  .model-avatars>span {width:29px;height:29px}
  .model-avatars .model-logo {width:16px;height:16px}
  .hero-proof strong {font-size:9px}
  .hero-proof small {font-size:8px}
  .section {padding:45px 0}
  h2 {font-size:29px}
  .feature-grid,.models-grid {grid-template-columns:repeat(2,1fr);gap:14px}
  .feature-card {padding:22px 23px 0}
  .feature-card>p {font-size:12px}
  .feature-top {margin-bottom:18px}
  .feature-art {margin-top:20px}
  .model-card {padding:24px}
  .model-card p {font-size:12px}
  .model-tags {font-size:10px}
  .connect {grid-template-columns:.8fr 1.2fr;gap:30px}
  .connect h2 {font-size:30px}
  .faq {grid-template-columns:1fr;gap:23px}
  .faq h2 {font-size:28px}
  .closing {padding:31px 27px;margin-bottom:45px}
  .closing h2 {font-size:24px}
  .closing>.button {font-size:12px;gap:15px;padding:12px 17px}
  .footer-tagline {display:none}
}
@media (max-width:620px) {
  .shell {padding:0 21px}
  .header {height:72px}
  .header-actions {gap:13px}
  .brand>img {width:28px;height:30px}
  .brand>span:first-of-type {font-size:21px}
  .brand-ai {font-size:16px}
  .header-actions .icon-button {min-width:33px;min-height:36px;padding:7px}
  .login-link {font-size:12px}
  .button-small {font-size:11px;gap:9px;padding:8px 11px;min-height:36px}
  .button-small>.icon {width:13px;height:13px}
  .hero {grid-template-columns:1fr;gap:34px;padding:39px 0 42px}
  h1 {font-size:54px;line-height:1.24;margin:22px 0 20px;letter-spacing:-2px}
  .hero-tag {font-size:11px}
  .hero-description {font-size:13px;line-height:1.9}
  .hero-actions {margin-top:26px;gap:10px}
  .hero-actions>.button {font-size:13px;min-height:47px;padding:12px 20px;gap:20px}
  .hero-proof {margin-top:25px;gap:12px}
  .model-avatars>span {width:32px;height:32px}
  .model-avatars .model-logo {width:18px;height:18px}
  .hero-proof strong {font-size:10px}
  .hero-proof small {font-size:9px}
  .section {padding:38px 0}
  .section-heading {gap:15px;margin-bottom:22px}
  h2 {font-size:27px;letter-spacing:-.9px}
  .eyebrow {font-size:8px;letter-spacing:1.3px}
  .heading-note {font-size:9px}
  .feature-grid {gap:10px}
  .feature-card {padding:17px 15px 0;border-radius:11px}
  .feature-top {margin-bottom:19px}
  .feature-icon {width:33px;height:33px;border-radius:9px}
  .feature-icon>.icon {width:18px;height:18px}
  .feature-number {font-size:9px}
  .feature-label {font-size:10px}
  .feature-card h3 {font-size:25px}
  .feature-card>p {font-size:10px;line-height:1.9;margin-top:8px}
  .feature-art {height:72px;margin-top:17px}
  .uptime-bars {gap:3px;height:22px}
  .uptime-art {padding-top:15px}
  .uptime-art>span {font-size:8px}
  .cache-document {width:28px;height:35px;padding:8px 6px}
  .cache-result {font-size:8px;gap:4px;padding:6px}
  .cache-result>.icon {width:12px;height:12px}
  .cache-line {width:12px}
  .intelligence-art {gap:6px;font-size:8px}
  .intelligence-art>span {padding:2px 5px}
  .intelligence-art>.icon {width:24px;height:24px}
  .invoice-art {padding:12px 3px 0}
  .models .section-heading {align-items:flex-start;flex-wrap:wrap;gap:16px}
  .section-description {font-size:12px;margin-top:12px}
  .models .quiet-link {font-size:11px}
  .model-filters {gap:3px;padding-bottom:12px;margin-bottom:16px}
  .model-filters button {font-size:10px;padding:6px 11px}
  .models-grid {gap:10px}
  .model-card {padding:17px 15px;border-radius:11px}
  .model-card-top {margin-bottom:15px}
  .model-symbol {width:38px;height:38px}
  .model-symbol .model-logo {width:25px;height:25px}
  .model-card h3 {font-size:18px}
  .model-maker {font-size:9px}
  .model-card p {font-size:10px;margin-top:12px;line-height:1.85}
  .model-tags {font-size:8px;margin-top:18px;gap:6px}
  .model-tags>span {padding-left:6px}
  .model-arrow {width:13px;height:13px}
  .models-footnote {font-size:9px;margin-top:16px}
  .connect {grid-template-columns:1fr;gap:27px}
  .connect h2 {font-size:30px}
  .connect-copy>.quiet-link {font-size:12px}
  .faq {gap:22px}
  .faq h2 {font-size:26px}
  .faq-items summary {font-size:12px;padding:19px 0}
  .faq-items details>p {font-size:11px}
  .closing {flex-direction:column;align-items:flex-start;gap:24px;padding:27px 23px;margin:0 0 38px;border-radius:13px}
  .closing h2 {font-size:23px;letter-spacing:-.7px}
  .closing p {font-size:11px}
  .closing>.button {min-height:44px;font-size:12px;padding:11px 18px;gap:24px}
  .closing-decoration {right:-53px;top:44px;width:220px;height:220px}
  footer {padding:22px 0}
  .footer-top {gap:10px;flex-wrap:wrap;justify-content:space-between}
  .footer-links {gap:15px;font-size:10px}
  .footer-bottom {flex-direction:column;gap:5px;font-size:9px;margin-top:18px}
}
@media (max-width:360px) {
  .shell {padding:0 16px}
  .header-actions {gap:8px}
  .header-actions .icon-button {min-width:29px;padding:5px}
  .button-small {padding:8px 9px}
  .brand {gap:7px}
  .brand>span:first-of-type {font-size:19px}
  .hero-actions>.button {padding:12px 16px;gap:15px}
  .feature-card {padding:15px 12px 0}
  .feature-card>p {font-size:9px}
  .model-card {padding:16px 12px}
  .model-card p {font-size:9px}
  .model-tags {font-size:7px}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  :root:not(.motion-opted-in) *, :root:not(.motion-opted-in) *::before, :root:not(.motion-opted-in) *::after {animation:none!important;transition:none!important}
}


.connect-copy>.quiet-link {margin-top:25px}
.getting-started {border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:9px 28px 0;min-width:0}
.onboarding-steps {margin:0;padding:0;list-style:none}
.onboarding-steps>li {display:flex;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}
.onboarding-number {display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);background:var(--page);border-radius:50%;font-size:11px;color:var(--accent);flex-shrink:0}
.onboarding-steps a {display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.onboarding-steps a>.icon {width:14px;height:14px;color:var(--quiet)}
.onboarding-steps a:hover,.onboarding-steps a:hover>.icon {color:var(--accent)}
.onboarding-steps p {font-size:11px;color:var(--quiet);margin-top:5px}
.works-with {display:flex;align-items:center;gap:15px;padding:20px 0;font-size:10px;color:var(--quiet)}
.works-with>div {display:flex;flex-wrap:wrap;gap:13px;margin-left:auto;color:var(--secondary)}
.works-with a:hover {color:var(--accent)}

/* Editorial landing: bold typography and a compact, floating model showcase. */
.editorial-hero {display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:65px;padding:58px 0 60px}
.editorial-hero .hero-copy {padding:0;max-width:none;animation:editorial-enter .65s ease-out both}
.editorial-hero .hero-tag {font-size:11px;letter-spacing:.5px}
.editorial-hero h1 {font-size:clamp(40px,4.45vw,64px);line-height:1.32;letter-spacing:-2.6px;font-weight:740;margin:26px 0 22px}
.editorial-hero h1 .accent {color:var(--solid)}
.editorial-hero .hero-description {font-size:13px;line-height:2;color:var(--secondary)}
.editorial-hero .hero-actions {margin-top:27px;gap:25px;flex-wrap:wrap}
.editorial-hero .hero-actions>.button {gap:40px;border-radius:6px;padding:13px 20px;min-height:49px}
.hero-text-link {display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:550;border-bottom:1px solid var(--line);padding:8px 0}
.hero-text-link .icon {width:16px;height:16px}
.hero-text-link:hover {color:var(--accent);border-color:var(--accent)}
.hero-note {display:flex;align-items:center;gap:10px;color:var(--quiet);font-size:10px;margin-top:32px}
.hero-note-line {height:1px;width:25px;background:var(--quiet)}
.model-showcase {min-width:0}
.showcase-heading,.showcase-bottom {display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--quiet);font-size:10px}
.showcase-count {font:9px "SFMono-Regular",Consolas,monospace;letter-spacing:1px}
.showcase-columns {display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px 0 15px}
.showcase-rail {display:grid;gap:13px;animation:showcase-float 6s ease-in-out infinite;will-change:transform}
.rail-two {padding-top:30px;animation-delay:-3s}
.showcase-card {display:flex;flex-direction:column;justify-content:space-between;height:201px;padding:20px 23px;border-radius:9px;position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s}
.showcase-top {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:500;color:inherit;opacity:.65}
.showcase-top>.icon {width:15px;height:15px;transition:transform .25s}
.showcase-card>.model-logo {width:49px;height:49px;transition:transform .35s}
.showcase-card strong {font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.6px}
.showcase-card p {font-size:10px;margin-top:6px;opacity:.65}
.showcase-chatgpt {background:#e2ebe5;color:#243a30}
.showcase-chatgpt>.model-logo {filter:none!important}
.showcase-grok {background:#252725;color:#fff}
.showcase-claude {background:#f0e4d9;color:#513c30}
.showcase-deepseek {background:#e6e9fb;color:#313b68}
[data-theme=dark] .showcase-chatgpt {background:#1f2b25;color:#d5e7dc}
[data-theme=dark] .showcase-claude {background:#302620;color:#eedbcc}
[data-theme=dark] .showcase-deepseek {background:#22283a;color:#d8dff7}
[data-theme=dark] .showcase-grok {background:#252725;color:#f5f5f5}
[data-theme=dark] .showcase-chatgpt>.model-logo {filter:invert(1)!important}
[data-theme=dark] .showcase-card {box-shadow:inset 0 0 0 1px var(--line)}
.showcase-card:after {content:"";position:absolute;right:-40px;bottom:-60px;width:165px;height:165px;border:1px solid currentColor;opacity:.045;border-radius:50%;z-index:-1;transition:transform .45s}
.showcase-card:hover {transform:translateY(-4px);box-shadow:0 16px 25px -21px #0008}
.showcase-card:hover>.model-logo {transform:rotate(-7deg) scale(1.08)}
.showcase-card:hover .showcase-top>.icon {transform:translate(2px,-2px)}
.showcase-card:hover:after {transform:scale(1.15)}
.showcase-bottom {font-size:9px;min-height:32px}
.motion-toggle {display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;font-size:9px;color:var(--quiet);padding:8px 0 8px 8px;min-height:32px}
.motion-toggle>.icon {width:12px;height:12px}
.motion-toggle .motion-play {display:none}
.motion-paused .motion-toggle .motion-play {display:block}
.motion-paused .motion-toggle .motion-pause {display:none}
.motion-toggle:hover {color:var(--accent)}
.motion-paused .showcase-rail {animation-play-state:paused!important}
.model-showcase:hover .showcase-rail,.model-showcase:focus-within .showcase-rail {animation-play-state:paused}
.scroll-reveal {opacity:0;transform:translateY(20px);transition:opacity .6s ease var(--reveal-delay,0ms),transform .6s ease var(--reveal-delay,0ms)}
.scroll-reveal.is-visible {opacity:1;transform:none}
.motion-paused .scroll-reveal {opacity:1;transform:none;transition:none}
.benefits {padding-top:34px;padding-bottom:43px}
.benefits .section-heading {margin-bottom:26px}
.benefits .eyebrow {font-size:9px}
.benefits h2 {font-size:29px}
.feature-grid {gap:0}
.feature-card {padding:8px 25px 0;background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;overflow:visible;transition:background .25s}
.feature-card:first-child {border-left:0;padding-left:0}
.feature-card:last-child {padding-right:0}
.feature-card:hover {transform:none;background:transparent}
.feature-top {margin-bottom:18px}
.feature-icon {background:var(--selected);border:0;border-radius:50%;width:35px;height:35px;transition:transform .3s}
.feature-card:hover .feature-icon {transform:rotate(-10deg) scale(1.08)}
.feature-number {font-size:12px}
.feature-label {font-size:10px;color:var(--quiet)}
.feature-card h3 {font-size:30px;line-height:1.5}
.feature-card>p {font-size:11px}
.feature-art {height:70px;margin-top:18px}
.models-grid {grid-template-columns:1fr 1fr;gap:0 35px}
.model-card {position:relative;display:grid;grid-template-columns:46px 1fr;column-gap:18px;padding:24px 28px 24px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;transition:background .25s,padding .25s}
.model-card-top {grid-column:1;grid-row:1 / 5;display:block;margin:0}
.model-card .model-symbol {width:44px;height:44px;background:var(--surface);border-radius:9px;transition:transform .3s}
.model-card h3 {grid-column:2;grid-row:1;font-size:20px;line-height:1.4}
.model-maker {grid-column:2;grid-row:2;font-size:9px}
.model-card p {grid-column:2;grid-row:3;margin-top:10px;font-size:11px;line-height:1.7}
.model-card p>br {display:none}
.model-tags {grid-column:2;grid-row:4;font-size:9px;margin-top:10px}
.model-arrow {position:absolute;right:9px;top:28px;transition:transform .2s}
.model-card:hover {background:var(--surface);transform:none;box-shadow:none;border-color:var(--line);padding-left:10px}
.model-card:hover .model-symbol {transform:rotate(-5deg)}
.model-card:hover .model-arrow {transform:translate(2px,-2px)}
.closing {border-radius:9px}
@keyframes showcase-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes editorial-enter {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1100px) {
 .editorial-hero {gap:38px;padding-top:45px;padding-bottom:47px}
 .editorial-hero h1 {font-size:47px;letter-spacing:-2px}
 .showcase-card {height:180px;padding:18px}
 .showcase-card>.model-logo {width:43px;height:43px}
 .showcase-card strong {font-size:22px}
 .showcase-heading {font-size:9px}
 .feature-card {padding-left:19px;padding-right:19px}
 .feature-card>p {font-size:10px}
 .models-grid {gap:0 25px}
}
@media (max-width:800px) {
 .editorial-hero {grid-template-columns:1fr 1fr;gap:27px;padding-top:37px}
 .editorial-hero h1 {font-size:40px;letter-spacing:-1.8px}
 .editorial-hero .hero-tag {font-size:9px}
 .editorial-hero .hero-description {font-size:11px}
 .editorial-hero .hero-actions {gap:15px}
 .editorial-hero .hero-actions>.button {font-size:12px;gap:25px;padding:11px 16px;min-height:43px}
 .hero-text-link {font-size:10px}
 .hero-note {font-size:8px;gap:8px;margin-top:26px}
 .showcase-card {height:161px;padding:15px}
 .showcase-card>.model-logo {width:37px;height:37px}
 .showcase-card strong {font-size:19px}
 .showcase-top {font-size:8px}
 .showcase-top>.icon {width:12px;height:12px}
 .showcase-card p {font-size:8px}
 .showcase-columns {gap:10px}
 .showcase-rail {gap:10px}
 .showcase-heading {font-size:8px}
 .showcase-count {font-size:7px}
 .showcase-bottom {font-size:8px}
 .motion-toggle {font-size:8px}
 .feature-grid {grid-template-columns:repeat(4,1fr)}
 .feature-card {padding-left:14px;padding-right:14px}
 .feature-card h3 {font-size:25px}
 .feature-card>p {font-size:9px}
 .feature-card>p>br {display:none}
 .feature-art {height:65px}
 .feature-number {font-size:10px}
 .models-grid {gap:0 20px}
 .model-card {grid-template-columns:38px 1fr;column-gap:12px;padding-top:20px;padding-bottom:20px}
 .model-card .model-symbol {width:37px;height:37px}
 .model-card h3 {font-size:18px}
 .model-card p {font-size:10px}
 .model-card .model-logo {width:25px;height:25px}
 .model-tags {font-size:8px}
}
@media (max-width:620px) {
 .editorial-hero {grid-template-columns:1fr;gap:30px;padding:36px 0 33px}
 .editorial-hero h1 {font-size:48px;line-height:1.3;letter-spacing:-2px;margin:23px 0 20px}
 .editorial-hero .hero-tag {font-size:10px}
 .editorial-hero .hero-description {font-size:12px}
 .editorial-hero .hero-actions {gap:23px;margin-top:24px}
 .editorial-hero .hero-actions>.button {font-size:13px;gap:36px;min-height:46px}
 .hero-text-link {font-size:11px}
 .hero-note {font-size:9px;margin-top:24px}
 .showcase-heading {font-size:10px}
 .showcase-count {font-size:8px}
 .showcase-columns {gap:11px;padding:17px 0 10px}
 .showcase-rail {gap:11px}
 .showcase-card {height:174px;padding:18px}
 .showcase-card>.model-logo {width:44px;height:44px}
 .showcase-card strong {font-size:22px}
 .showcase-card p {font-size:9px}
 .showcase-top {font-size:8px}
 .showcase-bottom {font-size:9px}
 .motion-toggle {font-size:8px}
 .rail-two {padding-top:25px}
 .benefits {padding-top:30px;padding-bottom:28px}
 .benefits h2 {font-size:25px}
 .benefits .heading-note {font-size:8px}
 .feature-grid {grid-template-columns:1fr 1fr;gap:24px 0}
 .feature-card {padding:0 16px}
 .feature-card:first-child {padding-left:0}
 .feature-card:nth-child(3) {border-left:0;padding-left:0}
 .feature-card:nth-child(2) {padding-right:0}
 .feature-card:last-child {padding-right:0}
 .feature-card h3 {font-size:28px}
 .feature-card>p {font-size:10px}
 .feature-top {margin-bottom:13px}
 .feature-label {font-size:9px}
 .feature-art {height:68px}
 .models-grid {grid-template-columns:1fr;gap:0}
 .model-card {grid-template-columns:45px 1fr;padding:22px 28px 22px 0;column-gap:16px}
 .model-card .model-symbol {width:43px;height:43px}
 .model-card h3 {font-size:20px}
 .model-card p {font-size:11px}
 .model-card .model-logo {width:28px;height:28px}
 .model-maker {font-size:10px}
 .model-tags {font-size:9px}
 .models .section-heading {gap:13px}
 .models .section-description {font-size:11px}
 .models h2 {font-size:26px}
 .getting-started {padding:4px 21px 0}
 .onboarding-steps>li {gap:15px;padding:23px 0}
 .onboarding-steps a {font-size:13px}
 .onboarding-steps p {font-size:10px}
 .onboarding-number {width:33px;height:33px;font-size:10px}
 .works-with {gap:10px;padding:18px 0;font-size:10px;align-items:flex-start;flex-direction:column}
 .works-with>div {margin-left:0}
}
@media (max-width:360px) {
 .editorial-hero h1 {font-size:43px}
 .showcase-card {height:160px;padding:15px}
 .showcase-card strong {font-size:20px}
 .showcase-card>.model-logo {width:39px;height:39px}
}
@media (prefers-reduced-motion:reduce) {
 .scroll-reveal {opacity:1;transform:none}
 :root:not(.motion-opted-in) .showcase-rail {animation:none!important}
}

.model-color.glm {color:var(--ink)}