/* Shared public design tokens. Font families and scale match the CRM service. */
:root{--inti-body-font:'Thmanyah Sans','Segoe UI',Tahoma,system-ui,sans-serif;--inti-display-font:'Thmanyah Serif Display','Thmanyah Sans',serif;--inti-h1:clamp(30px,4.6vw,50px);--inti-h2:clamp(24px,3.2vw,32px);--inti-h3:clamp(18px,2.2vw,22px);--inti-copy:16px;--inti-lead:clamp(16px,1.9vw,18px);--inti-control:14px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.inti-public{font-family:var(--inti-body-font)!important;font-size:var(--inti-copy);line-height:1.8}
body.inti-public :is(button,input,select,textarea){font-family:var(--inti-body-font)!important}
body.inti-public :is(h1,h2,h3){font-family:var(--inti-display-font)!important;font-weight:800;letter-spacing:0!important}
body.inti-public h1{font-size:var(--inti-h1)!important;line-height:1.25!important}
body.inti-public h2{font-size:var(--inti-h2)!important;line-height:1.4!important}
body.inti-public h3{font-size:var(--inti-h3)!important;line-height:1.5!important}
body.inti-public :is(.lead,.intro>p,.hero p.lead,.section-intro>p){font-size:var(--inti-lead)!important;line-height:1.9!important}
body.inti-public :is(.pc-name,.card h2,.gateway-group .card h2,.hub-card h2,.plan h3,.price .plan-name){font-size:var(--inti-h3)!important;line-height:1.5!important}
body.inti-public :is(.btn,.btn-cta,.btn-link,.cta){font-family:var(--inti-body-font)!important;font-size:var(--inti-control)!important;line-height:1.5}
body.inti-form-page{display:block!important;min-height:100vh}
body.inti-form-page .auth{margin:48px auto;max-width:calc(100% - 32px)}
body.inti-form-page h1{font-family:var(--inti-body-font)!important;font-size:26px!important;line-height:1.5!important}
/* One header layout, including hover/focus states, regardless of legacy page CSS. */
.inti-site-header.inti-normalized{position:sticky!important;top:0!important;z-index:90!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:80px!important;height:auto!important;margin:0!important;padding:0!important;background:var(--surface,#fff)!important;border:0!important;border-bottom:1px solid var(--line,var(--border,#e2e8f0))!important;box-shadow:none!important;backdrop-filter:blur(12px)}
.inti-site-header.inti-normalized .inti-header-legacy{display:none!important}
.inti-normalized .inti-header-row{box-sizing:border-box!important;width:calc(100% - 40px)!important;max-width:1200px!important;min-height:80px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0!important}
.inti-site-header.inti-normalized .inti-brand{flex:none!important;min-width:0!important;gap:12px!important;margin:0!important;color:var(--ink,var(--text,#0f172a))!important}
.inti-site-header.inti-normalized .inti-brand img{width:120px!important;height:40px!important;object-fit:contain!important}
.inti-site-header.inti-normalized .inti-brand .inti-section{font:700 22px/1.2 var(--inti-body-font)!important;letter-spacing:0!important;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-inline-start:1px solid var(--line,var(--border,#e2e8f0))!important;padding-inline-start:12px!important;color:inherit!important}
.inti-normalized .inti-header-tools{display:flex!important;flex:none!important;align-items:center!important;gap:8px!important;margin-inline-start:auto!important}
.inti-normalized .inti-header-tools>:is(button,a){display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;position:relative!important;flex:none!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid var(--line,var(--border,#e2e8f0))!important;border-radius:12px!important;background:var(--surface,#fff)!important;color:var(--ink,var(--text,#0f172a))!important;box-shadow:none!important;font:700 14px/1 var(--inti-body-font)!important;text-decoration:none!important;cursor:pointer;transition:background .18s,border-color .18s,color .18s!important}
.inti-normalized .inti-header-tools>[hidden]{display:none!important}
.inti-normalized .inti-header-tools>:is(button,a):hover{background:var(--brand-soft,#eff6ff)!important;color:var(--brand,#2563eb)!important;border-color:var(--brand,#2563eb)!important;transform:none!important}
.inti-normalized .inti-header-tools>:is(button,a):focus-visible{outline:3px solid var(--brand,#2563eb)!important;outline-offset:3px!important}
.inti-normalized .inti-header-tools svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.8}
.inti-normalized .inti-account-name{font:500 12px/1.5 var(--inti-body-font);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inti-normalized .inti-header-tools .inti-logout{font-size:12px!important;width:auto!important;max-width:70px;padding-inline:8px!important}
html[data-theme=dark] .inti-normalized{background:var(--surface,#111a2e)!important;color:var(--ink,var(--text,#e9eef8))!important}
@media(max-width:640px){.inti-site-header.inti-normalized{min-height:72px!important}.inti-normalized .inti-header-row{width:calc(100% - 24px)!important;min-height:72px!important;gap:10px!important}.inti-site-header.inti-normalized .inti-brand{gap:8px!important}.inti-site-header.inti-normalized .inti-brand img{width:100px!important;height:34px!important}.inti-site-header.inti-normalized .inti-brand .inti-section{font-size:19px!important;padding-inline-start:8px!important;max-width:130px}.inti-normalized .inti-header-tools{gap:6px!important}.inti-normalized .inti-account-name{display:none}}
@media(max-width:480px){.inti-normalized .inti-header-row{width:calc(100% - 20px)!important;gap:6px!important}.inti-site-header.inti-normalized .inti-brand img{width:64px!important;height:30px!important}.inti-site-header.inti-normalized .inti-brand .inti-section{font-size:15px!important;max-width:94px}.inti-normalized .inti-header-tools{gap:4px!important}.inti-normalized .inti-header-tools>:is(button,a){width:32px!important;height:40px!important;min-width:32px!important;min-height:40px!important;border-radius:10px!important}}
@media(prefers-reduced-motion:reduce){.inti-normalized *{transition:none!important}}

html[lang=en] .plan.best::before{content:"Most popular"}
html[lang=en] .crm-product-name{text-align:left}

body.inti-public>.page{min-height:calc(100vh - 80px)}
@media(max-width:640px){body.inti-public>.page{min-height:calc(100vh - 72px)}}

body.inti-review-page{padding:0!important}.inti-review-page>main.card{margin:48px auto;max-width:calc(100% - 32px)}

/* Shared type roles for descriptions, forms, small copy and navigation. */
body.inti-public :is(.card p,.hub-card p,.pc-desc,.plan p,.service-card p){font-family:var(--inti-body-font)!important;font-size:var(--inti-copy)!important;line-height:1.8!important}
body.inti-public :is(label,.field-label){font-family:var(--inti-body-font)!important;font-size:14px!important;line-height:1.5!important}
body.inti-public :is(input,select,textarea){font-family:var(--inti-body-font)!important;font-size:16px!important;line-height:1.5!important}
body.inti-public :is(.eyebrow,.kicker,.badge,.tag,.hint,.fine,.muted-note){font-family:var(--inti-body-font)!important;font-size:13px!important;line-height:1.6!important}
body.inti-public h4{font-family:var(--inti-body-font)!important;font-size:18px!important;line-height:1.5!important;font-weight:700}
.inti-drawer{font-family:var(--inti-body-font)!important;font-size:16px;line-height:1.8;box-sizing:border-box;height:100dvh;max-height:100dvh}
.inti-drawer :is(button,a){font-family:var(--inti-body-font)!important}
.inti-drawer .inti-sec-txt b{font-size:16px!important;line-height:1.5!important;font-weight:700}
.inti-drawer .inti-sec-txt small{font-size:13px!important;line-height:1.6!important}
.inti-drawer :is(.inti-drawer-h,.inti-drawer-foot){font-size:13px!important;line-height:1.6!important}
.inti-drawer .inti-drawer-cta{font-size:14px!important;line-height:1.5!important}
