/* nyb-brand.css v59 (2026-09-30) — the certifiedtranslationcenter.com look, site-wide.
   Loaded last on every page (before </head>), so it wins over each page's inline styles.
   Palette: ink #0B2239 · accent gold #B8860B · cream #FBF8F2 · light hero photo /images/brand/hero-*.webp */
:root{--ink:#0B2239;--ink2:#123B5E;--accent:#B8860B;--accent-d:#8f6907;--accent-l:#D4A11E;--cream:#FBF8F2;--cream2:#F4EEE2;--soft:#F5F8FB;--line:#DCE5EE;--muted:#54677A;
  /* business-filings / formation engines read these */
  --navy:#0B2239;--navy2:#123B5E;--gold:#B8860B;--gold2:#D4A11E}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;color:#1B2B3A;background:#fff}
h1,h2,h3,.serif,.logo{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.012em}
h1{font-weight:700}
.gold-text,.text-gold,.text-gold-light,[class*="text-gold"]{color:var(--accent-d)!important}
.text-brand{color:var(--ink)!important}.text-brand-muted{color:var(--muted)!important}.text-brand-light{color:#2E4458!important}
a:not([class]){color:var(--accent-d)}

/* ---- top bar + header ---- */
body>.bg-brand,body>div.bg-brand.py-2\.5{background:var(--cream2)!important;color:var(--ink)!important;border-bottom:1px solid #EADFC8}
body>.bg-brand .text-white,body>.bg-brand b,body>.bg-brand [class*="text-white"]{color:var(--ink)!important}
body>.bg-brand .gold-text{color:var(--accent)!important}
header{background:#fff!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important}
header .w-9.bg-brand,header .w-8.bg-brand{background:var(--ink)!important;border-radius:10px!important}
header .font-semibold.text-base{font-family:Georgia,"Times New Roman",serif!important;font-size:1.15rem!important;color:var(--ink)}
header .text-\[10px\]{color:var(--accent-d)!important;letter-spacing:.14em}
header nav a{color:#2C3E50!important;font-weight:500}
header nav a:hover{color:var(--accent-d)!important}

/* ---- buttons: gold pill with shine (CTC .btn) ---- */
a.bg-gold,button.bg-gold,a.bg-brand:not(.w-9):not(.w-8),button.bg-brand,.nybo-btn,.sticky-cta .btn,.btn.gold,a.btn:not(.ghost),button.btn:not(.ghost):not(.alt),
section.hero-bg a[href="#start"],section.hero-bg a[href="#checker"]~a,.pickbtn:not(.alt),#payBtn,#payBtn49,
a[style*="background:#B08D57"],a[style*="background: #B08D57"]{
  position:relative;overflow:hidden;border-radius:999px!important;
  background:linear-gradient(135deg,#D4A11E 0%,#B8860B 55%,#9C7108 100%)!important;color:#fff!important;border:0!important;
  font-weight:700;letter-spacing:.01em;text-decoration:none!important;
  box-shadow:0 10px 24px -10px rgba(184,134,11,.75),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
a.bg-gold:hover,a.bg-brand:not(.w-9):not(.w-8):hover,button.bg-brand:hover,.nybo-btn:hover,.btn.gold:hover,a.btn:not(.ghost):hover,#payBtn:hover,#payBtn49:hover,section.hero-bg a[href="#start"]:hover{
  transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(184,134,11,.85),inset 0 1px 0 rgba(255,255,255,.4);filter:brightness(1.05)}
a.bg-gold:after,a.bg-brand:not(.w-9):not(.w-8):after,button.bg-brand:after,.nybo-btn:after,.btn.gold:after,#payBtn:after,#payBtn49:after,section.hero-bg a[href="#start"]:after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:nybShine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes nybShine{0%,70%{left:-60%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){[class]:after{animation:none!important}}
/* ghost / secondary */
a.bg-white.border-2,a.border-brand,.btn.ghost,.pickbtn.alt,button.btn.alt,section.hero-bg a[href="#checker"],a[style*="background:rgba(255,255,255,.12)"]{
  border-radius:999px!important;background:#fff!important;color:var(--ink)!important;border:1.5px solid rgba(11,34,57,.18)!important;font-weight:600;text-decoration:none!important;
  box-shadow:0 8px 20px -14px rgba(11,34,57,.45)}
a.bg-white.border-2:hover,.btn.ghost:hover,section.hero-bg a[href="#checker"]:hover{border-color:var(--accent)!important;color:var(--ink)!important;background:#fff!important}
header a.bg-brand{padding:.6rem 1.15rem!important}

/* ---- hero: light, with the brand photo ---- */
main>section.bg-brand:first-of-type,main>section.hero-bg,main>.hero,.hero{
  background:linear-gradient(90deg,#FCFAF6 0%,#FCFAF6 38%,rgba(252,250,246,.86) 52%,rgba(252,250,246,.35) 72%,rgba(252,250,246,.1) 100%),url(/images/brand/hero-1600.webp) 70% 55%/cover no-repeat,#FCFAF6!important;
  color:var(--ink)!important;border-bottom:1px solid #EFE6D4}
@media(max-width:860px){main>section.bg-brand:first-of-type,main>section.hero-bg,.hero{background:linear-gradient(180deg,rgba(252,250,246,.9) 0%,rgba(252,250,246,.97) 30%,#FCFAF6 100%),url(/images/brand/hero-1000.webp) 70% 0/cover no-repeat,#FCFAF6!important}}
main>section.hero-bg{padding-top:3.5rem!important;padding-bottom:5rem!important}
/* every dark band in main becomes light */
main section.bg-brand,main div.bg-brand:not(.w-9):not(.w-8):not(.rounded-full),main .bg-brand.text-white{background:linear-gradient(135deg,#FBF4E4,#F3E6C8)!important;color:var(--ink)!important}
main>section.bg-brand:first-of-type,main>section.hero-bg{background-image:linear-gradient(90deg,#FCFAF6 0%,#FCFAF6 38%,rgba(252,250,246,.86) 52%,rgba(252,250,246,.35) 72%,rgba(252,250,246,.1) 100%),url(/images/brand/hero-1600.webp)!important}
main .bg-brand .text-white,main .hero-bg .text-white,main .bg-brand h1,main .hero-bg h1,main .bg-brand h2,main .bg-brand h3,main .bg-brand b,main .hero-bg b{color:var(--ink)!important}
main .bg-brand [class*="text-white/"],main .hero-bg [class*="text-white/"],main .bg-brand p,main .hero-bg p{color:#3D5165!important}
main .bg-brand .text-gold-light,main .hero-bg .text-gold-light,main .bg-brand .gold-text,main .hero-bg .gold-text{color:var(--accent-d)!important}
main .hero-bg [style*="color:rgba(255,255,255"],main .bg-brand [style*="color:rgba(255,255,255"]{color:#2E4458!important}
main .hero-bg [style*="background:rgba(255,255,255,.2)"]{background:rgba(11,34,57,.18)!important}
main .hero-bg .bg-white\/10,main .bg-brand .bg-white\/10{background:#fff!important;border-color:rgba(11,34,57,.15)!important;color:var(--ink)!important}
main .answer,#answer,#short-answer,.answer{background:rgba(255,255,255,.82)!important;border-left:4px solid var(--accent)!important;color:#23374B!important;box-shadow:0 6px 20px -14px rgba(11,34,57,.35);border-radius:0 10px 10px 0}
main .bg-brand [style*="background:rgba(255,255,255,.08)"],main .bg-brand [style*="background:rgba(255,255,255,.1)"],main .bg-brand [style*="background:rgba(255,255,255,.06)"]{background:rgba(255,255,255,.82)!important;color:#23374B!important}
main .bg-brand .border-white\/20,main .bg-brand [class*="border-white"]{border-color:rgba(11,34,57,.15)!important}

/* ---- cards ---- */
.premium-card,.card{border-radius:20px!important;border:1px solid rgba(11,34,57,.08)!important;background:linear-gradient(180deg,#FFFFFF 0%,#FDFBF7 100%)!important;box-shadow:0 1px 2px rgba(11,34,57,.04),0 18px 40px -28px rgba(11,34,57,.35)}
.elegant-shadow{box-shadow:0 2px 4px rgba(11,34,57,.05),0 30px 60px -30px rgba(11,34,57,.35)!important}
.bg-cream{background:var(--cream)!important}
section.bg-white{background:#fff!important}

/* ---- footer ---- */
footer,footer.bg-brand{background:#F5F7FA!important;color:#4A5D70!important;border-top:1px solid var(--line)}
footer *,footer [class*="text-white"],footer .text-white{color:#4A5D70!important}
footer a{color:var(--ink)!important}footer a:hover{color:var(--accent-d)!important}
footer h3,footer h4,footer strong,footer b,footer .font-semibold{color:var(--ink)!important}
footer .border-white\/10,footer [class*="border-white"]{border-color:var(--line)!important}
footer .w-9.bg-brand,footer .w-8.bg-brand{background:var(--ink)!important}
footer svg [stroke="white"]{stroke:#fff}

/* ---- sticky bar + order box (nyb-order) ---- */
.nybo-box{background:linear-gradient(180deg,#FFFFFF 0%,#FDFBF7 100%)!important;border:1px solid rgba(11,34,57,.1)!important;border-left:4px solid var(--accent)!important;border-radius:16px!important;color:var(--ink)!important;box-shadow:0 18px 40px -28px rgba(11,34,57,.4)}
.nybo-box.nybo-dark{background:linear-gradient(180deg,#FFFFFF 0%,#FDFBF7 100%)!important;color:var(--ink)!important}
.nybo-ticks li::before{color:var(--accent)}
.nybo-bar,.sticky-cta{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--line)!important;backdrop-filter:blur(8px)}
.nybo-bar .nybo-p,.sticky-cta .p{color:var(--ink)!important}
.nybo-btn{padding:.85rem 1.4rem}
/* text inside gold buttons stays white even where the page set a dark color */
a.bg-gold *,section.hero-bg a[href="#start"] *,.nybo-btn *{color:#fff!important}

/* ---- misc polish ---- */
.rounded-lg{border-radius:12px}
table{border-radius:12px;overflow:hidden}
input,select,textarea{border-radius:10px!important;border-color:var(--line)!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(184,134,11,.18)!important}
::selection{background:#F3E6C8}

/* ---- v59b: hero content left-aligned like CTC, engine top bars cream, small fixes ---- */
main>section.bg-brand:first-of-type>div,main>section.hero-bg>div{max-width:1120px!important;text-align:left!important;margin-left:auto;margin-right:auto}
main>section.bg-brand:first-of-type>div>*,main>section.hero-bg>div>*{margin-left:0!important;margin-right:0!important;text-align:left!important}
main>section.bg-brand:first-of-type h1,main>section.hero-bg h1{max-width:20ch;font-size:clamp(2.1rem,4.2vw,3.4rem)!important;line-height:1.08!important}
main>section.bg-brand:first-of-type p,main>section.hero-bg p,main>section.bg-brand:first-of-type .answer,main>section.hero-bg .answer{max-width:60ch}
main>section.hero-bg>div>div[style*="justify-content:center"]{justify-content:flex-start!important;margin-left:0!important}
main>section.hero-bg>div>div[style*="justify-content:center"] a{flex:0 1 auto!important}
main>section.bg-brand:first-of-type .nybo-box,main>section.hero-bg .nybo-box{margin-left:0!important;max-width:40rem}
main>section.bg-brand:first-of-type .inline-flex.rounded-full,main>section.hero-bg .inline-flex.rounded-full{background:#fff!important;border:1px solid rgba(11,34,57,.12)!important;color:var(--ink)!important}
@media(max-width:860px){main>section.bg-brand:first-of-type h1,main>section.hero-bg h1{font-size:2rem!important}}
.topbar{background:var(--cream2)!important;color:var(--ink)!important;border-bottom:1px solid #EADFC8}
.topbar b{color:var(--accent)!important}
[data-beforestart]{padding:1.25rem!important}
.nybo-btn{white-space:nowrap}
@media(max-width:640px){.nybo-box .nybo-btn{font-size:.95rem;padding:.8rem 1rem}.nybo-bar .nybo-btn{font-size:.9rem;padding:.65rem .95rem}}

/* ---- v59c: never un-hide, keep form buttons readable ---- */
.hidden{display:none!important}
form button.bg-brand,form button.bg-gold,form a.bg-gold,form a.bg-brand,#start button,#start a.bg-gold,#order button,#order .btn{border-radius:14px!important;white-space:nowrap}
@media(max-width:640px){#start button.bg-brand,#start button.bg-gold,#start a.bg-gold,#start .flex.gap-3>button,#start .flex.gap-3>a,form .flex>button{width:100%;text-align:center}}
footer .ic,header .ic{background:var(--ink)!important;border-radius:10px}
/* ---- v59d: official seal logo ---- */
.nyb-seal{width:46px;height:46px;flex:none;filter:drop-shadow(0 2px 4px rgba(11,34,57,.25))}
header a.flex.items-center.gap-3,header a.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
footer .nyb-seal{width:40px;height:40px}
@media(max-width:640px){.nyb-seal{width:40px;height:40px}}
/* v59e: hero buttons sit under the headline; answer box below them */
main>section.hero-bg>div>div[style*="justify-content:center"]{margin:.25rem 0 1.4rem!important}
main>section.hero-bg #short-answer{margin-top:0!important;margin-bottom:1.5rem!important}
#nybc-t{display:none!important}

/* v62b: sign-step certify checkbox must stay small on phones */
#start input[type=checkbox]{width:1rem!important;height:1rem!important;flex:none!important}

/* v63: home pricing card price row ("$49 oʻzgarishsiz · $79 toʻliq xizmat") wraps on phones instead of overflowing (UZ/RU words are longer) */
div.rounded-3xl.elegant-shadow>div.flex.items-end{flex-wrap:wrap;row-gap:.25rem}