@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}:root{--ink:#151516;--red:#ca2034;--gold:#efbf2f;--cream:#f5f1ea;--line:#d9d4cc;--gray:#74716d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{letter-spacing:-.055em;line-height:1.02}.shell{width:min(1250px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;top:-50px;left:16px;z-index:100;padding:10px 15px;background:var(--gold);font-weight:800}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(245,241,234,.94);border-bottom:1px solid rgba(21,21,22,.12);backdrop-filter:blur(12px)}.header-inner{height:78px;display:flex;align-items:center;gap:35px}.brand{display:block;width:180px}.header nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-weight:750;font-size:.82rem}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--red);transition:width .2s}.header nav a:hover:after{width:100%}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:0;font-weight:800;font-size:.82rem}.nav-cta{padding:12px 16px;background:var(--red);color:#fff;margin-left:10px}.nav-cta span{font-size:1.12rem}.menu-button{display:none}.hero{position:relative;overflow:hidden;background:#171718;color:#fff;padding:92px 0 0}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 70% 0,#552029 0,transparent 32%),linear-gradient(115deg,#111 25%,#22201f 100%)}.hero-grid{position:relative;display:grid;grid-template-columns:.93fr 1.07fr;gap:70px;align-items:center}.kicker{color:#706c66;font-size:.7rem;font-weight:850;letter-spacing:.17em;margin-bottom:22px}.kicker.light{color:#e7cf85}.hero h1{font-size:clamp(3.2rem,5.7vw,5.7rem);font-weight:800}.hero h1 em,.intro h2 em,.partnership h2 em,.contact h2 em{color:var(--gold);font-style:normal}.hero-copy>p:not(.kicker){max-width:520px;margin-top:28px;color:#d8d5d1;font-size:1.1rem;line-height:1.75}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.button{min-height:52px;padding:15px 18px;border:1px solid transparent}.button.gold{background:var(--gold);color:#191919}.button.ghost{border-color:#66615c;color:#fff}.button:hover,.nav-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}.hero-collage{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:14px;transform:translateY(22px)}.hero-photo{position:relative;overflow:hidden;min-height:175px;border:1px solid #625650}.hero-photo-main{grid-row:span 2;min-height:430px}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.hero-photo:hover img{transform:scale(1.04)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.68))}.hero-photo figcaption{position:absolute;left:17px;bottom:14px;z-index:1;font-weight:850;letter-spacing:-.03em}.hero-photo figcaption small{display:block;font-size:.68rem;letter-spacing:.04em;font-weight:650;color:#e5e1db}.hero-line{position:relative;display:flex;gap:30px;align-items:center;border-top:1px solid #56504c;margin-top:70px;padding:19px 0;color:#cfcbc6;font-size:.7rem;font-weight:700;letter-spacing:.04em}.hero-line strong{margin-left:auto;color:var(--gold);font-size:.72rem}.intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;padding:125px 0 105px}.intro h2{font-size:clamp(2.5rem,4.5vw,4.35rem);max-width:760px}.intro>div>p{max-width:620px;margin-top:28px;color:#585552;font-size:1.05rem;line-height:1.8}.product{padding:98px 0}.product-fel{background:#fff}.product-crediagil{background:#1d1c1c;color:#fff}.product-sol{background:#e7ded2}.product-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:42px;border-bottom:1px solid var(--line)}.product-crediagil .product-heading{border-color:#4a4744}.product-id{font-size:.68rem;letter-spacing:.14em;font-weight:850;color:var(--red);margin-bottom:15px}.product-heading h2{font-size:clamp(3.6rem,7vw,7.1rem);font-weight:850}.product-heading h2 span{color:var(--red)}.product-heading h3{font-size:clamp(1.6rem,2.6vw,2.65rem);margin-top:12px;font-weight:650}.official-link{display:flex;gap:15px;align-items:center;border-bottom:2px solid var(--red);padding-bottom:10px;font-size:.82rem;font-weight:850;white-space:nowrap}.official-link b{font-size:1.35rem}.product-story{display:grid;grid-template-columns:1.13fr .87fr;gap:70px;align-items:center;padding:55px 0 75px}.story-reverse figure{order:2}.product-story figure{position:relative}.product-story figure img{width:100%;aspect-ratio:1.48;object-fit:cover}.product-story figcaption{position:absolute;bottom:0;left:0;right:0;padding:17px 21px;background:rgba(18,18,18,.81);color:#fff;font-size:.74rem;font-weight:700}.overline{font-size:.69rem;letter-spacing:.13em;font-weight:850;color:var(--red);margin-bottom:18px}.lead{font-size:1.17rem;line-height:1.75}.product-crediagil .lead{color:#e4e0db}.quick-facts{list-style:none;padding:0;margin:27px 0}.quick-facts li{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:.87rem}.product-crediagil .quick-facts li{border-color:#4b4845}.quick-facts b{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.quick-facts span{color:#686460}.product-crediagil .quick-facts span{color:#c2bdb7}.inline-cta{display:inline-flex;gap:17px;align-items:center;padding:13px 0;border-bottom:2px solid var(--red);font-size:.82rem;font-weight:850}.inline-cta span{font-size:1.25rem}.features-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:14px}.product-crediagil .features-title{border-color:#4a4744}.features-title span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:var(--red)}.features-title p{font-size:.85rem;color:#716d69}.product-crediagil .features-title p{color:#b9b4af}.feature-list{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.product-crediagil .feature-list{border-color:#4a4744}.feature-list article{padding:29px 23px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px}.product-crediagil .feature-list article{border-color:#4a4744}.feature-list article b{font-size:.72rem;color:var(--red);letter-spacing:.1em}.feature-list h4{font-size:1.18rem;margin:23px 0 12px}.feature-list p{font-size:.88rem;line-height:1.75;color:#605c58}.product-crediagil .feature-list p{color:#cac5bf}.product-note{margin-top:28px;max-width:970px;color:#77716b;font-size:.76rem;line-height:1.8}.product-crediagil .product-note{color:#b7b2ac}.partnership{background:#c91e33;color:#fff;padding:105px 0}.partnership-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.partnership h2{font-size:clamp(2.4rem,4vw,4.1rem)}.partnership h2 em{color:#ffdf75}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{border-top:1px solid rgba(255,255,255,.45);padding-top:19px}.steps b{font-size:.75rem;color:#ffdd73}.steps h3{font-size:1.25rem;margin:21px 0 13px}.steps p{font-size:.88rem;line-height:1.75;color:#ffeef0}.contact{padding:105px 0;background:#f7f5f1}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.contact h2{font-size:clamp(2.6rem,4.3vw,4.5rem)}.contact h2 em{color:var(--red)}.contact-cards{display:grid;gap:12px}.contact-cards a{padding:25px 28px;border:1px solid #d7d2cb;background:#fff;transition:all .2s}.contact-cards a:hover{border-color:var(--red);transform:translateX(5px)}.contact-cards span{font-size:.7rem;font-weight:850;letter-spacing:.12em;color:var(--red)}.contact-cards strong{display:block;font-size:clamp(1.25rem,2.2vw,2rem);letter-spacing:-.05em;margin:12px 0;line-height:1.25}.contact-cards p{font-size:.8rem;color:#716d69}.contact-cards p b{float:right;color:var(--red);font-size:1.2rem}.footer{background:#151516;color:#fff}.footer .shell{min-height:110px;display:flex;align-items:center;gap:32px}.footer .brand{width:160px;filter:brightness(0) invert(1) grayscale(1) contrast(.8)}.footer p,.footer span{font-size:.75rem;color:#b6b2ae}.footer>div>span{margin-left:auto}.whatsapp-float{position:fixed;right:24px;bottom:23px;z-index:15;display:flex;align-items:center;gap:9px;padding:11px 18px 11px 11px;border-radius:99px;background:var(--red);color:#fff;font-size:.78rem;font-weight:850;box-shadow:0 10px 25px rgba(116,0,18,.28)}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float:hover{background:#a31729}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:980px){.shell{width:calc(100% - 52px)}.hero-grid{gap:35px}.product-story{gap:38px}.feature-list{grid-template-columns:repeat(2,1fr)}.feature-list article{min-height:0}.partnership-grid,.contact-grid{gap:40px}.header-inner{gap:22px}.header nav{gap:15px}.nav-cta{margin-left:0}}@media(max-width:700px){.shell{width:calc(100% - 38px)}.header-inner{height:70px}.brand{width:145px}.menu-button{display:flex;order:3;margin-left:3px;width:38px;height:38px;border:0;background:none;flex-direction:column;justify-content:center;gap:6px}.menu-button i{display:block;width:24px;height:2px;background:var(--ink)}.nav-cta{font-size:.72rem;padding:10px 11px;margin-left:auto}.nav-cta span{display:none}.header nav{display:none;position:absolute;left:0;right:0;top:70px;padding:20px calc((100% - min(1250px,calc(100% - 38px)))/2);background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(0,0,0,.09)}.header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.hero{padding:61px 0 0}.hero-grid,.intro,.product-story,.partnership-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:45px}.hero h1{font-size:clamp(3rem,13vw,4.4rem)}.hero-copy>p:not(.kicker){font-size:1rem}.hero-collage{transform:none}.hero-photo-main{min-height:300px}.hero-photo{min-height:135px}.hero-line{margin-top:42px;gap:10px;justify-content:space-between;font-size:.61rem}.hero-line strong{display:none}.intro{gap:12px;padding:80px 0}.intro h2{font-size:clamp(2.45rem,12vw,3.7rem)}.product{padding:70px 0}.product-heading{align-items:flex-start;padding-bottom:31px}.product-heading h2{font-size:4.2rem}.product-heading h3{font-size:1.65rem}.official-link{font-size:.7rem;max-width:116px;white-space:normal}.product-story{padding:36px 0 55px}.story-reverse figure{order:0}.lead{font-size:1.03rem}.feature-list{grid-template-columns:1fr}.feature-list article{padding:25px 18px}.features-title{display:block}.features-title p{margin-top:8px}.steps{grid-template-columns:1fr;gap:28px}.partnership{padding:74px 0}.contact{padding:75px 0}.contact-cards a{padding:22px}.footer .shell{flex-wrap:wrap;padding:29px 0;gap:13px}.footer>div>span{width:100%;margin:0}.whatsapp-float{right:16px;bottom:16px;padding:10px}.whatsapp-float span{display:none}}@media(max-width:360px){.shell{width:calc(100% - 30px)}.brand{width:122px}.nav-cta{padding:9px}.menu-button{width:33px}.hero-actions .button{width:100%}.hero-photo-main{min-height:260px}.hero-photo{min-height:112px}.product-heading{gap:15px}.product-heading h2{font-size:3.55rem}.product-heading h3{font-size:1.45rem}.contact-cards strong{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo img,.button,.nav-cta,.contact-cards a{transition:none!important}}

/* Realistic feature-photo gallery */
.feature-list article{padding:0;min-height:0;overflow:hidden;background:rgba(255,255,255,.3);transition:transform .24s ease,box-shadow .24s ease}
.feature-list article:hover{position:relative;z-index:1;transform:translateY(-5px);box-shadow:0 14px 28px rgba(32,23,18,.11)}
.product-crediagil .feature-list article{background:rgba(255,255,255,.025)}
.feature-photo{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-bottom:1px solid var(--line);filter:saturate(.93) contrast(1.03);transition:transform .5s ease}
.feature-list article:hover .feature-photo{transform:scale(1.045)}
.product-crediagil .feature-photo{border-color:#4a4744}
.feature-list article b{display:block;padding:18px 23px 0}
.feature-list h4{margin:13px 23px 12px}
.feature-list p{padding:0 23px 27px}
@media(max-width:700px){.feature-list article{padding:0}.feature-list article b{padding:17px 18px 0}.feature-list h4{margin:12px 18px}.feature-list p{padding:0 18px 24px}}

/* Company introduction before the product systems */
.company-intro{padding:122px 0 112px;background:#f5f1ea;border-bottom:1px solid var(--line)}
.company-intro-heading{display:grid;grid-template-columns:.76fr 1.24fr;gap:52px;align-items:end;padding-bottom:58px;border-bottom:1px solid var(--line)}
.company-intro h2{font-size:clamp(2.55rem,4.8vw,4.75rem);max-width:790px}
.company-intro h2 em{color:var(--red);font-style:normal}
.company-lead{font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.62;font-weight:700;color:#373432;max-width:600px}
.company-intro-body{display:grid;grid-template-columns:1.1fr .9fr;gap:82px;padding:52px 0 48px;align-items:start}
.company-copy{display:grid;gap:22px;max-width:720px;color:#5a5651;font-size:1.03rem;line-height:1.85}
.company-promise{padding:30px 32px;background:#191919;color:#fff;border-left:5px solid var(--gold)}
.company-promise span{display:block;color:var(--gold);font-size:.68rem;font-weight:850;letter-spacing:.15em;margin-bottom:19px}
.company-promise strong{display:block;font-size:1.28rem;line-height:1.48;letter-spacing:-.035em}
.company-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.company-pillars article{padding:27px 26px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.company-pillars b{font-size:.72rem;color:var(--red);letter-spacing:.1em}
.company-pillars h3{font-size:1.28rem;margin:18px 0 11px}
.company-pillars p{font-size:.87rem;line-height:1.75;color:#66615c}
@media(max-width:980px){.company-intro-heading,.company-intro-body{gap:38px}.company-pillars{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.company-intro{padding:78px 0 73px}.company-intro-heading,.company-intro-body{grid-template-columns:1fr;gap:27px}.company-intro-heading{padding-bottom:37px}.company-lead{font-size:1.12rem}.company-intro-body{padding:35px 0}.company-copy{font-size:.98rem;gap:18px}.company-promise{padding:25px}.company-pillars{grid-template-columns:1fr}.company-pillars article{padding:24px 18px}}

/* Keep the descriptive point-of-sale heading balanced at every viewport. */
.product-fel .product-heading h2{font-size:clamp(2.45rem,4.75vw,4.95rem);line-height:.94}
.product-fel .hero-photo figcaption{max-width:170px}
@media(max-width:980px){.header nav{gap:12px;font-size:.76rem}}
@media(max-width:700px){.product-fel .product-heading h2{font-size:clamp(2.3rem,10vw,3.65rem)}}

/* Airy feature cards and transparent brand treatment. */
.feature-list{border:0;gap:20px;padding-top:20px}
.feature-list article{border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:0 5px 16px rgba(35,28,21,.045)}
.product-crediagil .feature-list article{border-color:#4a4744;background:#242323;box-shadow:0 7px 19px rgba(0,0,0,.18)}
.feature-list article:hover{box-shadow:0 16px 30px rgba(32,23,18,.14)}
.feature-list article .feature-photo{border-bottom:1px solid var(--line)}
.product-crediagil .feature-list article .feature-photo{border-color:#4a4744}
.header .brand,.header .brand img,.footer .brand,.footer .brand img{background:transparent}
.footer .brand{width:185px;filter:none}
@media(max-width:980px){.feature-list{gap:16px;padding-top:16px}}
@media(max-width:700px){.feature-list{gap:14px;padding-top:14px}.footer .brand{width:170px}}

/* Full-width transition from the company story to the three systems. */
.quick-facts li{grid-template-columns:minmax(132px,max-content) 1fr}
.quick-facts b{white-space:nowrap}
.intro{display:block;padding:116px 0 102px}
.intro-copy{max-width:980px;margin:0 auto;text-align:center}
.intro-copy .kicker{margin-bottom:20px}
.intro h2{max-width:920px;margin:0 auto}
.intro-copy>p:last-child{max-width:810px;margin:25px auto 0;color:#585552;font-size:1.05rem;line-height:1.82}
.intro-system-rail{margin-top:57px;border-top:1px solid var(--line)}
.intro-system-link{display:grid;grid-template-columns:64px minmax(270px,.92fr) minmax(360px,1.08fr);gap:26px;align-items:center;padding:25px 22px;border-bottom:1px solid var(--line);background:transparent;transition:background .2s ease,padding .2s ease}
.intro-system-link:hover{background:#fff;padding-left:30px}
.intro-system-link b{font-size:.76rem;color:var(--red);letter-spacing:.1em}
.intro-system-link span{display:grid;gap:5px}
.intro-system-link strong{font-size:1.12rem;letter-spacing:-.035em}
.intro-system-link small{font-size:.82rem;line-height:1.55;color:#746f68}
.intro-system-link p{font-size:.91rem;line-height:1.65;color:#57534f}
@media(max-width:700px){.intro{padding:78px 0 70px}.intro-copy{text-align:left}.intro h2{margin:0}.intro-copy>p:last-child{margin:22px 0 0;font-size:1rem}.intro-system-rail{margin-top:38px}.intro-system-link{grid-template-columns:42px 1fr;gap:11px;padding:20px 8px}.intro-system-link p{grid-column:2;margin-top:1px;font-size:.86rem}.intro-system-link:hover{padding-left:13px}.intro-system-link strong{font-size:1.04rem}}

/* Keep the opening message prominent without overwhelming the hero. */
.hero h1{font-size:clamp(2.65rem,4.3vw,4.35rem);line-height:1.08}
@media(max-width:700px){.hero h1{font-size:clamp(2.45rem,11vw,3.25rem)}}