/* Kadrora type system: expressive display, quiet readable UI, precise data. */
@font-face{font-family:"Kadrora Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/unbounded-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Kadrora Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/unbounded-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Kadrora Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/unbounded-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Kadrora Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/unbounded-cyrillic-ext.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}

:root{
  --cf-font-display:"Kadrora Display","Kadrora Sans",ui-sans-serif,system-ui,sans-serif;
  --cf-font-body:"Kadrora Sans",ui-sans-serif,system-ui,sans-serif;
  --cf-tracking-ui:-.015em;
}
body,body.app-shell,body.public-shell{font-family:var(--cf-font-body)!important;font-kerning:normal;font-optical-sizing:auto}
button,input,textarea,select,option,summary{font-family:var(--cf-font-body)!important}
:is(button,input,textarea,select){letter-spacing:var(--cf-tracking-ui)}

/* The display face is deliberately limited to landmarks, never prompts or long answers. */
:is(.landing-copy h1,.flow-hero h1,.pricing-intro h1,.page-header h1,.profile-intro h1,.billing-home-head h1,.payment-intro h1,.auth-card h1,.job-heading h1,.cf-ai-welcome h2,.flow-cta h2,.usage-table-wrap h2,.model-index-title h2,.cf-ai-topbar h1,.cf-ai-reference-head h2,.billing-home h2,.price-card h2){
  font-family:var(--cf-font-display)!important;
  font-style:normal;
  font-weight:650!important;
  line-height:1.18!important;
  letter-spacing:-.047em!important;
  text-wrap:balance;
}
:is(.landing-copy h1,.flow-hero h1,.pricing-intro h1,.page-header h1,.profile-intro h1,.billing-home-head h1,.payment-intro h1,.auth-card h1,.cf-ai-welcome h2){overflow-wrap:break-word}
.landing-copy h1{font-size:clamp(39px,3.6vw,49px)!important;line-height:1.13!important;max-width:800px}
.flow-hero h1{font-size:clamp(40px,5.2vw,70px)!important;line-height:1.1!important;max-width:850px}
:is(.pricing-intro h1,.page-header h1,.profile-intro h1,.billing-home-head h1,.payment-intro h1){font-size:clamp(30px,4vw,52px)!important}
.cf-ai-welcome h2{font-size:clamp(27px,3.5vw,42px)!important}
.cf-ai-topbar h1{font-size:clamp(17px,1.55vw,21px)!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.04em!important}
.model-index-title h2{font-size:clamp(17px,1.4vw,21px)!important}
:is(.billing-home h2,.price-card h2){font-size:clamp(17px,1.75vw,22px)!important}

/* Wordmark and utility hierarchy repeat the same proportions everywhere. */
:is(.brand>span,.creator-brand>span,.cf-ai-rail-top strong){font-family:var(--cf-font-display)!important;font-weight:650!important;letter-spacing:-.068em!important;font-size:15px;white-space:nowrap}
:is(.section-kicker,.cf-ai-top-kicker,.cf-ai-rail-heading,.cf-ai-control-label,.field-label,.popular-badge){
  font-family:var(--cf-font-body)!important;
  font-weight:800!important;
  letter-spacing:.105em!important;
  line-height:1.35;
}
:is(.creator-primary a,.public-nav nav a,.account-popover a,.button,.profile-actions a,.profile-actions button){font-weight:750;letter-spacing:-.018em}
:is(.price,.payment-price strong,.credit-pill strong,.profile-rows dd,.billing-plan-card dd,.billing-history-row strong,.profile-topup-choices small){font-variant-numeric:tabular-nums lining-nums}
:is(.price,.payment-price strong){font-family:var(--cf-font-display)!important;font-weight:650!important;letter-spacing:-.07em!important}
:is(.price sup,.price small,.payment-price small){font-family:var(--cf-font-body)!important;letter-spacing:0!important}
:is(.profile-intro p,.billing-home-head p,.pricing-intro p,.page-header p,.flow-hero p,.landing-copy>p,.cf-ai-welcome p){font-family:var(--cf-font-body);line-height:1.65;letter-spacing:-.008em}

@media(max-width:900px){
  .landing-copy h1{font-size:clamp(35px,5vw,45px)!important}
  .flow-hero h1{font-size:clamp(36px,6.5vw,55px)!important}
}
@media(max-width:680px){
  .landing-copy h1{font-size:clamp(29px,7.6vw,38px)!important;line-height:1.17!important}
  .flow-hero h1{font-size:clamp(33px,8.3vw,43px)!important;max-width:85%}
  :is(.pricing-intro h1,.page-header h1,.profile-intro h1,.billing-home-head h1,.payment-intro h1){font-size:clamp(29px,7.5vw,40px)!important}
  .cf-ai-topbar h1{font-size:15px!important;letter-spacing:-.035em!important}
  .cf-ai-welcome h2{font-size:clamp(25px,6.2vw,32px)!important}
  :is(.brand>span,.creator-brand>span){font-size:13px}
}