@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--gold:#d3aa53;--gold-2:#f0ca76;--ink:#080d14;--ink-2:#101822;--paper:#eeeae1;--muted:#a6abb3;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,Arial,sans-serif}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.75rem;z-index:9999}.skip-link:focus{top:1rem}.navbar{padding:14px 0;background:linear-gradient(180deg,rgba(6,10,15,.95),rgba(6,10,15,.45),transparent);transition:.25s}.navbar.scrolled{background:rgba(6,10,15,.96);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}.navbar-brand span{font-family:Oswald,sans-serif;letter-spacing:.12em;line-height:1}.navbar-brand small{display:block;color:var(--gold);font-size:.58rem;margin-top:6px}.nav-link{text-transform:uppercase;font-family:Oswald,sans-serif;font-size:.78rem;letter-spacing:.13em}.btn{border-radius:0;text-transform:uppercase;font-family:Oswald,sans-serif;letter-spacing:.11em;padding:.72rem 1.25rem}.btn-gold{background:var(--gold);color:#101010;border:1px solid var(--gold)}.btn-gold:hover,.btn-gold:focus{background:var(--gold-2);border-color:var(--gold-2);color:#000}.hero{min-height:100vh;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(5,8,12,.28) 38%,rgba(5,8,12,.88))}.hero-split{position:absolute;top:0;bottom:0;width:50%;background-position:center;background-size:cover;filter:saturate(.75)}.hero-security{left:0;background-image:linear-gradient(rgba(0,20,38,.28),rgba(1,8,14,.25)),url('../images/hero-security.png')}.hero-cleaning{right:0;background-image:linear-gradient(rgba(57,39,12,.18),rgba(7,7,7,.24)),url('../images/hero-cleaning.png')}.hero-content{z-index:2;padding-top:90px}.eyebrow,.section-no{color:var(--gold);font-family:Oswald,sans-serif;letter-spacing:.32em;font-size:.73rem;text-transform:uppercase}.hero h1,.section h2{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;line-height:.88}.hero h1{font-size:clamp(4.4rem,10.5vw,10rem);letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--gold)}.hero .lead{max-width:720px;color:#e4e5e7}.hero-label{position:absolute;bottom:-13vh;text-align:left;font-family:Oswald,sans-serif;font-size:clamp(1.4rem,3vw,2.7rem);line-height:1}.hero-label i{display:block;color:var(--gold);font-size:1.5rem;margin-bottom:14px}.hero-label.left{left:0}.hero-label.right{right:0;text-align:right}.section{padding:110px 0}.bg-ink{background:var(--ink)}.bg-paper{background:var(--paper)}.bg-gold{background:var(--gold)}.section h2{font-size:clamp(2.7rem,5.7vw,5.7rem);max-width:1050px}.lead-muted{font-size:1.08rem;line-height:1.8;color:var(--muted)}.about-image{width:100%;height:650px;object-fit:cover;filter:saturate(.75);border:1px solid var(--line)}.mission-card{height:100%;border-top:2px solid var(--gold);padding:20px 4px}.mission-card span{font-family:Oswald;color:var(--gold);letter-spacing:.16em}.mission-card p{font-size:.85rem;color:var(--muted);margin-top:10px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bdb8af;border-left:1px solid #bdb8af}.value-card{min-height:190px;padding:26px;border-right:1px solid #bdb8af;border-bottom:1px solid #bdb8af}.value-card span{color:#96772e;font-family:Oswald}.value-card h3{font-family:Oswald;text-transform:uppercase;margin-top:60px;font-size:1.25rem}.service-tabs{border-bottom:1px solid var(--line)}.service-tabs .nav-link{border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--muted);padding:1rem 2rem;font-family:Oswald;text-transform:uppercase;letter-spacing:.12em}.service-tabs .nav-link.active{background:transparent;color:var(--gold);border-color:var(--gold)}.service-tabs span{margin-left:12px;font-size:.7rem}.service-panel{border:1px solid var(--line);border-top:0}.service-panel img{width:100%;height:100%;min-height:560px;object-fit:cover}.service-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:35px;margin:0}.service-list li{padding:15px 10px;border-bottom:1px solid var(--line);color:#d4d7db}.service-list i{color:var(--gold);margin-right:12px}.sector-cloud{display:flex;flex-wrap:wrap;gap:10px}.sector-btn,.gallery-filters button{border:1px solid #aca79f;background:transparent;padding:12px 16px;text-transform:uppercase;font-family:Oswald;letter-spacing:.08em}.sector-btn:hover,.sector-btn.active,.gallery-filters button:hover,.gallery-filters button.active{background:#111;color:#fff;border-color:#111}.sector-detail{border-left:4px solid var(--gold);padding:25px;background:#fff}.sector-detail span{font-family:Oswald;color:#98782e}.sector-detail h3{font-family:Oswald;text-transform:uppercase;font-size:2rem;margin-top:10px}.metric{border:1px solid rgba(0,0,0,.25);padding:40px 15px}.metric strong{display:block;font:700 4rem Oswald}.metric span{text-transform:uppercase;font:600 .8rem Oswald;letter-spacing:.12em}.gallery-filters button{color:#fff;border-color:var(--line)}.gallery-filters button.active,.gallery-filters button:hover{background:var(--gold);color:#111}.gallery-card{width:100%;border:0;background:#121922;color:#fff;text-align:left;padding:0;overflow:hidden}.gallery-card img{width:100%;height:430px;object-fit:cover;transition:.45s}.gallery-card:hover img{transform:scale(1.035)}.gallery-card span{display:block;color:var(--gold);padding:18px 20px 0;text-transform:uppercase;font-size:.72rem;letter-spacing:.16em}.gallery-card h3{font:600 1.5rem Oswald;text-transform:uppercase;padding:5px 20px 22px}.accordion{--bs-accordion-bg:transparent;--bs-accordion-color:#111;--bs-accordion-border-color:#bbb5ab;--bs-accordion-btn-color:#111;--bs-accordion-active-color:#111;--bs-accordion-active-bg:transparent;--bs-accordion-btn-focus-box-shadow:none}.accordion-button{font:600 1.4rem Oswald;text-transform:uppercase;padding:24px 0}.deploy-section{background:linear-gradient(135deg,#070c12,#101925)}.step-list{list-style:none;padding:0;margin-top:35px;counter-reset:steps}.step-list li{counter-increment:steps;color:#69717c;border-left:2px solid #303945;padding:14px 20px;text-transform:uppercase;font:600 .85rem Oswald;letter-spacing:.15em}.step-list li:before{content:"0" counter(steps);margin-right:14px}.step-list li.active,.step-list li.done{color:var(--gold);border-color:var(--gold)}#deploymentForm{border:1px solid var(--line);padding:clamp(22px,4vw,45px);min-height:530px}.form-step{display:none}.form-step.active{display:block}.form-step h3{font:600 clamp(1.8rem,4vw,3rem) Oswald;text-transform:uppercase;margin-bottom:30px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice-grid.compact{grid-template-columns:repeat(2,1fr)}.choice-grid input{position:absolute;opacity:0}.choice-grid label span{display:flex;flex-direction:column;gap:10px;min-height:180px;padding:25px;border:1px solid var(--line);cursor:pointer}.choice-grid.compact label span{min-height:72px;justify-content:center}.choice-grid input:focus-visible+span{outline:3px solid #fff;outline-offset:3px}.choice-grid input:checked+span{background:var(--gold);color:#111;border-color:var(--gold)}.choice-grid i{font-size:2rem;color:var(--gold)}.choice-grid input:checked+span i{color:#111}.choice-grid strong{font:600 1.35rem Oswald;text-transform:uppercase}.choice-grid small{color:var(--muted);line-height:1.5}.choice-grid input:checked+span small{color:#262626}.form-control,.form-select{border-radius:0;background:#0b1119;border-color:#3a4552;color:#fff;padding:.9rem}.form-control:focus,.form-select:focus{background:#0b1119;color:#fff;border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(211,170,83,.18)}.form-label{font-family:Oswald;text-transform:uppercase;letter-spacing:.08em}.form-label span{color:var(--muted);text-transform:none}.wizard-actions{display:flex;justify-content:space-between;margin-top:35px}.invalid-feedback{min-height:1.4rem;margin-top:12px;color:#ff9a9a}footer{padding:70px 0;background:#04070b;border-top:1px solid var(--line);color:var(--muted)}footer h2,footer h3{font-family:Oswald;color:#fff}footer a{color:var(--gold)}.modal-content{background:#0c1219;border:1px solid var(--gold);border-radius:0}.legal-page{background:var(--ink);color:#ddd}.legal-page main{max-width:850px}.legal-page h1,.legal-page h2{font-family:Oswald;text-transform:uppercase}.legal-page h1{font-size:clamp(2.5rem,6vw,5.5rem);color:var(--gold)}.legal-page h2{margin-top:2.5rem}.legal-page p{line-height:1.8;color:#b8bdc4}
@media(max-width:991.98px){.navbar{background:rgba(6,10,15,.95)}.navbar-collapse{padding:20px 0}.hero{min-height:900px}.hero-label{bottom:-14vh}.values-grid{grid-template-columns:repeat(2,1fr)}.about-image{height:450px}.service-panel img{min-height:420px}.choice-grid{grid-template-columns:1fr}.choice-grid label span{min-height:125px}.section{padding:80px 0}}
@media(max-width:575.98px){.hero{min-height:760px}.hero h1{font-size:clamp(3.3rem,19vw,5.2rem)}.hero-label{display:none}.section h2{font-size:2.5rem}.values-grid{grid-template-columns:1fr}.value-card{min-height:130px}.value-card h3{margin-top:32px}.service-list{grid-template-columns:1fr;padding:20px}.choice-grid.compact{grid-template-columns:1fr}.metric strong{font-size:2.8rem}.gallery-card img{height:350px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero-security{background-image:linear-gradient(rgba(0,20,38,.28),rgba(1,8,14,.25)),url('../images/hero-security.png')}.hero-cleaning{background-image:linear-gradient(rgba(57,39,12,.18),rgba(7,7,7,.24)),url('../images/hero-cleaning.png')}

/* Motion system inspired by the original Ferance experience */
@keyframes feranceFadeUp{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes ferancePulseGlow{0%,100%{box-shadow:0 0 0 rgba(211,170,83,0)}50%{box-shadow:0 0 34px rgba(211,170,83,.42)}}
@keyframes feranceLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero .eyebrow,.hero h1,.hero .lead,.hero .hero-content>.d-flex{opacity:0;animation:feranceFadeUp .8s cubic-bezier(.22,1,.36,1) forwards}
.hero h1{animation-delay:.12s}.hero .lead{animation-delay:.24s}.hero .hero-content>.d-flex{animation-delay:.36s}
.hero .btn-gold{animation:ferancePulseGlow 2.4s ease-in-out 1.2s infinite}
.hero-split{transition:width .5s cubic-bezier(.22,1,.36,1),filter .5s ease;background-position:center calc(50% + var(--hero-shift,0px))}
.hero.hover-security .hero-security{width:58%;filter:saturate(.95)}.hero.hover-security .hero-cleaning{width:42%}.hero.hover-cleaning .hero-cleaning{width:58%;filter:saturate(.95)}.hero.hover-cleaning .hero-security{width:42%}
.reveal-ready{opacity:0;transform:translate3d(0,38px,0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal-ready.reveal-left{transform:translate3d(-42px,0,0)}.reveal-ready.reveal-right{transform:translate3d(42px,0,0)}
.reveal-ready.is-visible{opacity:1;transform:translate3d(0,0,0)}
.reveal-stagger>*{transition-delay:calc(var(--reveal-index,0) * 70ms)}
.section-no{position:relative;display:inline-block;padding-bottom:12px}.section-no:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left}.is-visible>.section-no:after,.section-no.is-visible:after{animation:feranceLine .8s cubic-bezier(.22,1,.36,1) .15s forwards}
.value-card,.mission-card,.metric,.sector-btn{transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .35s,color .35s,border-color .35s}.value-card:hover,.mission-card:hover,.metric:hover{transform:translateY(-7px)}.value-card:hover{background:#fff}.sector-btn:hover{transform:translateY(-3px)}
.gallery-card img{transform:scale(1.06);transition:transform .7s cubic-bezier(.22,1,.36,1)}.gallery-card:hover img{transform:scale(1.12)}
.service-panel .tab-pane.show{animation:feranceFadeUp .55s cubic-bezier(.22,1,.36,1)}
.choice-grid label span{transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .3s,border-color .3s,color .3s}.choice-grid label:hover span{transform:translateY(-4px)}
.form-step.active{animation:feranceFadeUp .5s cubic-bezier(.22,1,.36,1)}
.metric strong{font-variant-numeric:tabular-nums}
@media(max-width:767.98px){.hero.hover-security .hero-security,.hero.hover-cleaning .hero-security,.hero.hover-security .hero-cleaning,.hero.hover-cleaning .hero-cleaning{width:50%}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero .lead,.hero .hero-content>.d-flex{opacity:1;animation:none}.hero .btn-gold{animation:none}.reveal-ready,.reveal-ready.reveal-left,.reveal-ready.reveal-right{opacity:1;transform:none;transition:none}.section-no:after{transform:scaleX(1);animation:none}.hero-split{transition:none}.gallery-card img{transform:none;transition:none}}
