/* Approved Figure Color Studio landing reference — 2026-09-03 */
:root{--fcs-pink:#f45f72;--fcs-ink:#111318;--fcs-soft:#fff5f6}
body{background:#fff!important}
.site-header{height:76px!important;min-height:76px!important;background:#101216!important;color:#fff!important;padding:0 max(28px,calc((100vw - 1420px)/2))!important;gap:22px!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.site-header>.brand{flex:0 0 178px!important;min-width:178px!important}.site-header>.brand img{width:178px!important;height:auto!important;filter:none!important}
.site-header .nav{display:flex!important;margin:auto!important;gap:26px!important;font-size:13px!important}.site-header .nav a{padding:29px 0!important;border:0!important;color:#fff!important}.site-header .nav a:hover,.site-header .nav a.active{color:#ff7181!important}
.fcs-header-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}.fcs-header-actions .button{display:inline-flex!important;background:#15181d!important;color:#fff!important;border:1px solid #363a41!important;box-shadow:none!important;border-radius:7px!important;padding:10px 14px!important}.fcs-header-actions [hidden]{display:none!important}.fcs-header-actions [data-fcs-signup]{background:var(--fcs-pink)!important;border-color:var(--fcs-pink)!important;color:#fff!important}.fcs-header-actions .button.coral{display:none!important}.fcs-header-actions [data-home-language]{border:0!important;background:transparent!important}.fcs-header-actions [data-home-language] button{color:#fff!important}.fcs-header-actions [data-home-lang].active{background:transparent!important;color:#ff7181!important}
.hero{min-height:700px!important;padding-top:62px!important;padding-bottom:55px!important;grid-template-columns:.78fr 1.22fr!important;gap:46px!important;align-items:center!important}.hero-copy{text-align:left!important;max-width:510px!important}.hero .eyebrow{display:inline-flex!important;background:#fff!important;border:1px solid #ece8e8!important;border-radius:999px!important;padding:7px 12px!important;color:#555!important;font-size:10px!important;letter-spacing:0!important;margin-bottom:24px!important;box-shadow:0 3px 10px rgba(0,0,0,.03)}.hero h1{font-size:58px!important;line-height:1.02!important;letter-spacing:-.05em!important;margin-bottom:24px!important}.hero h1 span{color:inherit!important}.hero h1 br+span,.hero h1 span:last-child{color:var(--fcs-pink)!important}.hero .lead{font-size:16px!important;line-height:1.65!important;color:#565a61!important;margin-bottom:28px!important}.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;max-width:390px!important;justify-content:start!important}.download-card{min-width:0!important;width:100%!important;padding:12px 14px!important;border-radius:8px!important}.devices{height:570px!important}.laptop{width:82%!important;right:1%!important;top:15px!important}.tablet{width:48%!important;left:2%!important;bottom:0!important;transform:none!important}.tablet .screen{aspect-ratio:4/3!important}.phone{width:22%!important;right:1%!important;bottom:-2px!important;transform:none!important}.hero:before{left:20%!important;top:13%!important;width:83%!important;height:78%!important;opacity:.6!important}.hero:after{right:-10%!important;top:8%!important;width:55%!important;height:72%!important;opacity:.45!important}
.trust{background:#fff!important;color:#17191e!important;width:min(1420px,calc(100% - 64px))!important;border:1px solid #e8e5e5!important;border-radius:16px!important;grid-template-columns:repeat(4,1fr)!important;padding:22px!important;box-shadow:0 12px 30px rgba(20,20,25,.05)!important}.trust div{border:0!important;text-align:left!important;display:grid!important;grid-template-columns:48px 1fr!important;column-gap:12px!important;align-items:center!important}.trust div:nth-child(n+5){display:none!important}.trust .trust-icon{grid-row:1/3!important;margin:0!important;background:#fff0f2!important;color:var(--fcs-pink)!important}.trust strong{display:block!important;text-align:left!important;justify-content:start!important;min-height:0!important;font-size:13px!important;text-transform:none!important}.trust small{text-align:left!important;font-size:11px!important;color:#6d7076!important;margin:3px 0 0!important}
#caracteristicas{background:#fff!important;margin-top:0!important;padding:78px max(32px,calc((100vw - 1420px)/2))!important}.section-heading .eyebrow{margin-bottom:8px!important}.section-heading.centered h2{font-size:34px!important}.feature-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.feature-card{border:1px solid #e8e5e5!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(20,20,25,.04)!important;padding:18px!important}.feature-card:nth-child(n+5){display:none!important}.feature-card .eyebrow{display:none!important}.feature-card h3{font-size:16px!important;margin:10px 0 7px!important}.feature-card p{font-size:13px!important;min-height:60px!important}.feature-card img{margin:16px -18px -18px!important;width:calc(100% + 36px)!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:top!important;border-radius:0 0 13px 13px!important}.feature-icon{width:42px!important;height:42px!important;border-radius:11px!important}
.gallery-section{background:#f8f8f9!important;color:#17191e!important}.gallery-section .section-heading h2{color:#17191e!important}.gallery-section .section-heading p:not(.eyebrow){color:#70737b!important}.gallery-grid figure{background:#17191e!important}
@media(max-width:1050px){.site-header{padding:0 16px!important}.site-header .nav{display:none!important}.site-header>.brand{margin-right:auto!important}.fcs-header-actions{margin-left:0!important}.hero{grid-template-columns:1fr!important}.hero-copy{text-align:center!important;max-width:720px!important;margin:auto!important}.hero-actions{margin:auto!important}.devices{max-width:820px!important;margin:20px auto 0!important}.trust{grid-template-columns:1fr 1fr!important;gap:18px!important}.feature-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:680px){.site-header{height:auto!important;min-height:70px!important;display:flex!important;flex-wrap:nowrap!important;padding:8px 12px!important;gap:8px!important;overflow:visible!important}.site-header>.brand{flex:0 1 145px!important;min-width:118px!important;margin-right:auto!important}.site-header>.brand img{width:145px!important;max-width:100%!important}.fcs-header-actions{display:flex!important;flex:0 0 auto!important;width:auto!important;gap:5px!important;margin:0!important}.fcs-header-actions [data-home-language]{display:flex!important;order:1!important}.fcs-header-actions [data-fcs-studio]{order:2!important}.fcs-header-actions [data-fcs-signup],.fcs-header-actions [data-fcs-logout]{order:3!important}.fcs-header-actions [hidden]{display:none!important}.fcs-header-actions .button.small{padding:7px 8px!important;font-size:10px!important;white-space:nowrap!important}.fcs-header-actions [data-home-language] button{padding:6px 4px!important;font-size:10px!important}.hero{padding-top:32px!important}.hero-copy{text-align:left!important}.hero .eyebrow{margin-bottom:18px!important}.hero h1{font-size:43px!important}.hero .lead{font-size:15px!important}.hero-actions{margin:0!important;max-width:none!important;width:100%!important}.devices{height:355px!important;margin-top:24px!important}.laptop{width:91%!important;right:1%!important}.tablet{width:45%!important;left:0!important}.phone{width:22%!important}.trust{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;padding:16px!important}.trust div{grid-template-columns:42px 1fr!important}.feature-grid{grid-template-columns:1fr!important}.feature-card img{aspect-ratio:16/10!important}#caracteristicas{padding:58px 14px!important}.section-heading.centered h2{font-size:29px!important}}
@media(max-width:420px){.site-header>.brand{flex-basis:126px!important}.site-header>.brand img{width:126px!important}.fcs-header-actions .button.small{font-size:9px!important;padding:6px!important}.fcs-header-actions [data-home-language] button{font-size:9px!important;padding:5px 3px!important}}