/* Subscription content within the existing Rate Cloud landing system. */
html{scroll-behavior:smooth}
.landing-quiet{--lp-text:var(--rc-text);--lp-muted:var(--rc-muted);--lp-surface:var(--rc-surface);--lp-control:var(--rc-surface-2)}
.landing-quiet{padding-top:108px}
.landing-quiet > .landing-shell:first-child{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 64px));z-index:100}
.landing-quiet .landing-section-heading{max-width:900px}
.landing-quiet .landing-hero .landing-lead{max-width:610px}
.rc-hero-facts,.rc-section-note{color:var(--rc-muted);font-size:14px;line-height:1.7}
.rc-hero-facts{margin:18px 0 0;color:var(--rc-green)}
.landing-apps .rc-apps-caption{flex:0 0 100%;margin:0 0 6px;font-size:12px;color:var(--rc-muted)}
.landing-apps .rc-app-icon{display:inline-block;flex:none;width:23px;height:23px;background-color:var(--rc-green);mask-image:var(--rc-app-logo);-webkit-mask-image:var(--rc-app-logo);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.landing-apps .rc-app-icon--opencode{--rc-app-logo:url('/assets/tool-logos/opencode.svg')}
.landing-apps .rc-app-icon--codex{--rc-app-logo:url('/assets/tool-logos/codex.svg')}
.landing-apps .rc-app-icon--claude-code{--rc-app-logo:url('/assets/tool-logos/claude-code.svg')}
.landing-apps .rc-app-icon--vscode{--rc-app-logo:url('/assets/tool-logos/vscode.svg')}
.landing-apps .rc-app-icon--cursor{--rc-app-logo:url('/assets/tool-logos/cursor.svg')}
.telegram-bonus--landing .telegram-bonus__icon{font-size:38px;color:var(--rc-green)}
.landing-quiet .telegram-bonus__button{background:var(--rc-green)!important;color:#111!important;border-radius:10px!important}
.landing-feature{border:1px solid var(--rc-border);min-width:0}
.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--rc-border);border-radius:10px;color:var(--rc-green);font-size:25px;line-height:1}
.rc-model-grid,.rc-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rc-model-card{display:flex;flex-direction:column;gap:14px;min-height:0}
.rc-model-card h3,.rc-model-card p,.rc-model-card ul{margin:0}
.rc-model-card h3{font-size:25px}
.rc-model-card .rc-model-subtitle{min-height:3.2em}
.rc-badge{align-self:flex-start;display:inline-flex;padding:6px 10px;border:1px solid var(--rc-green);border-radius:8px;color:var(--rc-green);font-size:11px;font-weight:700;letter-spacing:.08em}
.rc-price,.rc-comparison-price{font-size:46px;line-height:1.1;color:var(--rc-text);font-weight:700}
.rc-price small{display:block;margin-top:7px;color:var(--rc-muted);font-size:13px;font-weight:400}
.rc-facts,.rc-use-list{list-style:none;padding:0}
.rc-facts{display:flex;flex-wrap:wrap;gap:8px}
.rc-facts li{padding:6px 8px;border:1px solid var(--rc-border);border-radius:7px;font-size:11px;color:var(--rc-green)}
.rc-use-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:var(--rc-muted);font-size:12px;line-height:1.5}
.rc-use-list li:before{content:'✓ ';color:var(--rc-green)}
.rc-model-card>.landing-button{margin-top:auto;align-self:stretch;justify-content:center;border:0;cursor:pointer;font-family:inherit}
.rc-slot-panel{min-height:0}
.rc-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.rc-slot-grid>div{display:grid;gap:10px;padding:16px;border:1px solid var(--rc-green);border-radius:10px;background:var(--rc-green-soft)}
.rc-slot-grid strong{color:var(--rc-green)}.rc-slot-grid span{color:var(--rc-text);font-size:12px}
.rc-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.rc-mini-grid .landing-feature{min-height:0}.rc-mini-grid p{font-size:22px;color:var(--rc-green)}
.rc-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rc-comparison-grid .landing-feature{min-height:0}.rc-comparison-rate{display:flex;flex-direction:column;gap:14px}.rc-comparison-rate>strong{font-size:22px}.rc-comparison-rate .landing-button{align-self:flex-start;margin-top:auto}
.rc-comparison-rows>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--rc-border);font-size:13px}.rc-comparison-rows strong{white-space:nowrap}.rc-comparison-rows .rc-rate-row{color:var(--rc-green)}
.rc-highlight{padding:15px 20px;border:1px solid var(--rc-green);border-radius:12px;background:var(--rc-green-soft);color:var(--rc-green);font-size:20px;font-weight:700}.rc-highlight small{display:block;margin-top:4px;color:var(--rc-muted);font-size:11px;font-weight:400}
.rc-small{color:var(--rc-muted);font-size:11px;line-height:1.7}.rc-small a{text-decoration:underline;color:var(--rc-green)!important}
.rc-three-grid .landing-feature{min-height:0}.rc-three-grid .landing-feature p{max-width:none}
.rc-wide-card{min-height:0}.rc-wide-card p{max-width:900px}.rc-wide-card .landing-button{display:inline-flex;margin-top:16px}
.rc-flow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;border:1px solid var(--rc-border);border-radius:12px;background:var(--rc-surface-2);color:var(--rc-green)}
.rc-flow span{color:var(--rc-muted)}
.landing-final p{max-width:650px;margin:0;color:var(--rc-muted)}.landing-final small{color:var(--rc-muted)}.rc-final-icon{color:var(--rc-green);font-size:25px}
.landing-faq .rc-small{grid-column:1/-1}
.rc-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:28px;border:1px solid var(--rc-border);border-radius:16px;background:var(--rc-surface);color:var(--rc-text);font-family:var(--rc-font);overflow:auto}.rc-dialog::backdrop{background:rgba(0,0,0,.7)}.rc-dialog h2{margin:0 36px 10px 0}.rc-dialog p{color:var(--rc-muted);line-height:1.6}.rc-dialog-close{position:absolute;top:14px;right:18px;border:0;background:none;color:var(--rc-text);font-size:27px;cursor:pointer}.rc-dialog-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--rc-border);border-radius:10px}.rc-dialog-option.is-selected{background:var(--rc-green-soft)}.rc-dialog-option-price{display:block;color:var(--rc-muted);font-size:12px}.rc-dialog-quantity{display:flex;align-items:center;gap:8px;white-space:nowrap}.rc-dialog-quantity button{width:34px;height:34px;border:1px solid var(--rc-border);border-radius:8px;background:var(--rc-surface-2);color:var(--rc-text);font-size:18px;cursor:pointer}.rc-dialog-quantity output{min-width:2ch;text-align:center;font-weight:700;color:var(--rc-green)}.rc-dialog-summary{margin:22px 0}.rc-dialog-summary p{display:flex;justify-content:space-between;gap:15px;margin:8px 0}.rc-dialog-summary strong,#rc-price-total{color:var(--rc-green)}.rc-dialog .landing-button[aria-disabled=true]{opacity:.5;pointer-events:none}@media(max-width:480px){.rc-dialog{padding:20px}.rc-dialog-option{align-items:flex-start;flex-direction:column}.rc-dialog-quantity{align-self:flex-end}}
@media(max-width:950px){.rc-model-grid,.rc-three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.landing-quiet > .landing-shell:first-child{width:calc(100% - 32px)}.landing-shell{width:calc(100% - 32px)}.landing-hero{grid-template-columns:1fr;gap:10px}.landing-hero-art{order:2;max-width:420px;margin:auto}.landing-hero h1{font-size:clamp(32px,8vw,48px)}.landing-apps{gap:12px}.landing-apps>div{font-size:12px}.landing-feature-grid,.rc-model-grid,.rc-three-grid,.rc-comparison-grid,.rc-mini-grid{grid-template-columns:1fr}.rc-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-quiet .rc-model-card{min-height:0}.rc-model-card .rc-model-subtitle{min-height:0}.rc-flow{display:grid;justify-items:start}.rc-flow span{transform:rotate(0deg)}.landing-faq{display:block}.rc-comparison-rows>div{font-size:12px}.rc-model-card .landing-button{width:100%}.landing-actions .landing-button{width:100%;justify-content:center}.rc-highlight{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.rc-vision-sources{margin:18px 0 0}.rc-vision-sources a{color:var(--rc-green);text-decoration:underline}

/* Consistent vertical rhythm in the 500M-token comparison. */
#comparison .rc-comparison-grid{margin-bottom:20px}
#comparison .rc-comparison-grid .landing-feature{box-sizing:border-box}
#comparison .rc-highlight{margin:0 0 16px}
#comparison>.rc-small{margin:0}

.rc-trial-note{max-width:610px;margin:12px 0 0;padding:12px 16px;border:1px solid var(--rc-green);border-radius:10px;background:var(--rc-green-soft);color:var(--rc-text);font-size:13px;line-height:1.6}.rc-trial-note strong{color:var(--rc-green)}

/* One-time scroll reveals; content remains visible without JavaScript. */
@media (prefers-reduced-motion: no-preference){
  .rc-reveal-pending{opacity:0;transform:translate3d(0,18px,0);transition:opacity 760ms cubic-bezier(.22,1,.36,1),transform 760ms cubic-bezier(.22,1,.36,1);transition-delay:var(--rc-reveal-delay,0ms)}
  .rc-reveal-pending.rc-reveal-visible{opacity:1;transform:translate3d(0,0,0)}
}
@media (prefers-reduced-motion: reduce){
  .rc-reveal-pending{opacity:1!important;transform:none!important;transition:none!important}
}

/* Codex navigation item, using the existing monochrome brand accent. */
.rc-codex-nav-link{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap}
.rc-codex-nav-logo{display:inline-block;flex:none;width:17px;height:17px;background:var(--rc-green);mask:url('/assets/tool-logos/codex.svg') center/contain no-repeat;-webkit-mask:url('/assets/tool-logos/codex.svg') center/contain no-repeat}
/* Claude Code product link shares the same navigation treatment. */
.rc-claude-nav-link{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap}
.rc-claude-nav-logo{display:inline-block;flex:none;width:17px;height:17px;background:var(--rc-green);mask:url('/assets/tool-logos/claude-code.svg') center/contain no-repeat;-webkit-mask:url('/assets/tool-logos/claude-code.svg') center/contain no-repeat}
@media(max-width:1180px){.public-desktop-nav{gap:clamp(8px,1vw,16px)!important}.public-desktop-nav a{font-size:clamp(11px,1vw,13px)!important}}
@media(min-width:900px) and (max-width:1400px){
  .public-site-header{gap:12px!important}
  .public-desktop-nav{gap:10px!important}
  .public-desktop-nav a{font-size:12px!important}
  .public-wordmark{font-size:19px!important}
  .public-entry{font-size:12px!important;padding-inline:13px!important}
}
