/* Bloom AI - inner pages in the new homepage design (loaded last) */
:root{--bg:#F3F5F7;--bg-2:#EBEFF2;--surface:#fff;--surface-2:#F3F5F7;--ink:#0E1A1C;--muted:#4A5B5E;--faint:#5c6b6e;--line:#D9E0E4;--teal:#00ADA7;--teal-dim:#00968F;--teal-ink:#00756F;--orange:#FF4D00;--orange-dim:#C23A00;--deep:#071214;--b1:#EBEFF2;--b2:#EBEFF2;--b3:#EBEFF2;--b4:#EBEFF2;--sans:"Rubik",system-ui,sans-serif}
html,body{background:#F3F5F7!important;color:var(--ink)}
body{font-family:var(--sans)!important}
.grain,.progress{display:none!important}
header.nav,header.nav.scrolled{top:10px!important;left:10px!important;right:10px!important;border-radius:22px!important;background:#071214!important;border:0!important;box-shadow:0 10px 30px rgba(7,18,20,.18)!important;backdrop-filter:none!important}
header.nav .nav-inner{padding-block:.7rem!important}
header.nav .brand{display:flex;align-items:center;height:auto}
header.nav .brand img.brand-logo{position:static!important;height:46px!important;width:auto!important;max-width:none!important}
.nav-links a.link{color:rgba(255,255,255,.85)!important;font-family:var(--sans)!important;font-size:.95rem!important;letter-spacing:0!important;text-transform:none!important}
.nav-links a.link:hover,.nav-links a.link.active{color:#00ADA7!important}
.nav .lang,.menu-btn{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
.nav-links .tjb-nav-wa,.tjb-nav-wa-mobile{background:#FF4D00!important;color:#111!important;border-color:#FF4D00!important;font-weight:600!important}
section.hero{background:#071214!important;color:#fff!important;margin:10px!important;border-radius:28px!important;padding-top:clamp(7.5rem,15vh,9.5rem)!important;padding-bottom:clamp(2.5rem,6vw,4rem)!important;position:relative;overflow:hidden;isolation:isolate}
section.hero::after{content:"";position:absolute;z-index:-1;width:620px;height:620px;inset-inline-start:-180px;top:-260px;background:radial-gradient(circle,rgba(0,173,167,.26),transparent 60%),radial-gradient(circle at 70% 70%,rgba(255,77,0,.16),transparent 55%);pointer-events:none}
section.hero h1,section.hero .display,.brand-display,.hero-title{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.08!important;color:#fff!important;font-size:clamp(2.2rem,5vw,4.2rem)!important}
section.hero .display .out,.brand-display .out{color:#00ADA7!important}
section.hero p,section.hero .seo-lede,section.hero p span{color:rgba(255,255,255,.8)!important}
section.hero .hero-eyebrow,section.hero .eyebrow{color:#00ADA7!important}
section.hero figcaption{color:rgba(255,255,255,.7)!important}
section.hero .btn{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.45)!important}
section.hero .btn:hover{border-color:#00ADA7!important;color:#00ADA7!important}
section.hero .btn.solid{background:#FF4D00!important;color:#111!important;border-color:#FF4D00!important;font-weight:600}
section.hero a:not(.btn){color:#00ADA7}
.sec-head h2,section h2.display,section h2{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.015em!important;line-height:1.1!important;color:var(--ink)}
.sec-head h2{font-size:clamp(1.8rem,3.8vw,2.8rem)!important}
#about,#services,#work,#process,#instagram,#faq,#types,#start,#why{background:transparent!important}
.btn{border-radius:999px!important;border:1.5px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;font-weight:500}
.btn:hover{border-color:#00ADA7!important;color:#00756F!important;background:#fff!important}
.btn.solid{background:#FF4D00!important;border-color:#FF4D00!important;color:#111!important;font-weight:600}
.btn.solid:hover{background:#FF4D00!important;color:#111!important;box-shadow:0 8px 24px rgba(255,77,0,.3)}
.tile{border-radius:18px!important;border:1px solid var(--line)!important;background:#071214!important;overflow:hidden}
.tile:hover{border-color:#00ADA7!important;box-shadow:0 12px 34px rgba(0,173,167,.2)!important}
.tile .cat{color:#00ADA7!important}
.tile .play{background:#FF4D00!important;color:#111!important}
.tile.playing::after,.tile.playing .play,.tile.playing .cat,.tile.playing h3{display:none!important}
.tile.playing{border-color:#FF4D00!important}
.svc .item,.c-card,.svc .item:nth-child(3n+2),.c-card:nth-child(3n+2),.svc .item:nth-child(3n),.c-card:nth-child(3n){background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important}
details{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important}
section.contact>.wrap{background:#071214!important;color:#fff!important;border-radius:28px!important}
section.contact p,section.contact a:not(.btn),section.contact .mail-alt{color:rgba(255,255,255,.85)!important}
section.contact .btn{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}
section.contact .btn.solid{background:#FF4D00!important;color:#111!important;border-color:#FF4D00!important}
.tjb-lead-block,.tjb-cta{background:#fff!important;border:1px solid var(--line)!important}
.tjb-lead-block h2,.tjb-cta p{color:var(--ink)!important}
.tjb-cta-wa,.tjb-foot-wa{background:#FF4D00!important;color:#111!important}
.tjb-leadtop-submit{background:#FF4D00!important;color:#111!important;font-weight:600!important}
.tjb-foot{background:#F3F5F7!important;border-top:4px solid #00ADA7!important}
.tjb-foot-brand img{height:44px!important;width:auto!important}
.tjb-contact{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.tjb-contact-intro strong{color:var(--ink)!important}
.tjb-contact-intro span{color:var(--muted)!important}
.tjb-contact .tjb-wa{background:#FF4D00!important;color:#111!important}
.tjb-contact .tjb-tel{background:#00ADA7!important;color:#071214!important;border:0!important}
.a11y-btn{background:#00756F!important}
@media(max-width:820px){section.hero{padding-top:7rem!important}header.nav .brand img.brand-logo{height:40px!important}}
/* phone: keep the whole header inside the bar */
@media(max-width:820px){header.nav .nav-inner{gap:.45rem!important;flex-wrap:nowrap!important;padding-inline:12px!important}header.nav .brand img.brand-logo{height:32px!important}header.nav .nav-links{gap:.4rem!important;flex-wrap:nowrap!important}header.nav .menu-btn,header.nav .lang{min-height:38px!important;padding:0 .7rem!important;font-size:.85rem!important;white-space:nowrap}header.nav .tjb-nav-wa,header.nav .tjb-nav-wa-mobile{min-height:38px!important;padding:0 .8rem!important;font-size:.85rem!important;white-space:nowrap}}
@media(max-width:380px){header.nav .brand img.brand-logo{height:26px!important}header.nav .tjb-nav-wa,header.nav .tjb-nav-wa-mobile{padding:0 .6rem!important}}
/* English: left to right */
:is(html,#app)[lang="en"] :is(main,.nav-inner,.tjb-foot,.tjb-lead-block,section){direction:ltr;text-align:left}

/* header buttons: text centred in the pill */
header.nav .lang,header.nav .tjb-nav-wa{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}
@media(max-width:820px){header.nav .menu-btn,header.nav .lang,header.nav .tjb-nav-wa{height:38px!important;min-height:38px!important}}
header.nav .tjb-nav-wa-mobile{display:none!important}
@media(max-width:680px){header.nav .menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}}
.m-menu{background:#071214!important;border-color:rgba(255,255,255,.12)!important}.m-menu a{color:#fff!important;border-color:rgba(255,255,255,.12)!important}.m-menu a:last-child{color:#00ADA7!important}
header.nav .lang{min-height:38px!important;padding-inline:.9rem!important;font-size:.85rem!important;letter-spacing:0!important}header.nav .nav-links a{text-decoration:none!important}