/* FINBAC / Art direction 2026 — editorial restraint */
:root{--navy:#102932;--navy2:#092128;--gold:#c6a779;--cream:#f7f5f0;--paper:#fbfaf7;--ink:#18313b;--muted:#596d72;--radius:12px}
html{scroll-behavior:smooth;scroll-padding-top:94px}body{background:var(--paper);letter-spacing:.003em}
::selection{background:#c6a779;color:#092128}a,button,input,textarea,select{accent-color:#b89a6d}a{text-underline-offset:4px}textarea{resize:vertical}
:focus-visible{outline:3px solid #c6a779;outline-offset:4px}
.shell{width:min(100% - 96px,1260px)}
.topbar{background:#0b222b;color:#c9d2ce}.topbar .shell{min-height:34px}
.site-header{background:rgba(250,249,246,.98);border-bottom:1px solid #e4e4de;backdrop-filter:none}.header-inner{min-height:78px}
.brand-mark{border-radius:4px;background:#102e38}.brand-mark:after{display:none}.brand-text strong{font-size:18px;letter-spacing:.21em}.brand-text small{font-size:8px;letter-spacing:.09em;color:#52696e}
.desktop-nav{gap:26px}.desktop-nav>a,.nav-dropdown-button{letter-spacing:.06em;font-size:11px}
.header-cta{border-radius:2px;min-height:42px;gap:12px;padding:11px 16px}
.header-cta.whatsapp-mini{display:none}
.micro-label{display:block;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:#a48357;margin:0 0 12px}
.micro-label::before{display:none!important}.micro-label.light{color:#e5c998}
.section-title,.display,.page-hero h1{letter-spacing:-.025em;text-wrap:balance}
.section-title em,.display em{color:#b99765}
.button,.header-cta{transition:background .25s ease,color .25s ease,transform .25s ease}.button{border-radius:2px}
/* Hero: image-led composition, not dashboard chrome */
body.page-index .hero-slider,body.page-index .hero-slide-inner{height:clamp(620px,calc(100svh - 110px),820px);min-height:620px}
body.page-index .hero-slide{background-position:center;background-size:cover;transition:opacity .95s cubic-bezier(.19,1,.22,1),visibility .95s}
body.page-index .hero-slide:before{background:linear-gradient(90deg,rgba(5,24,30,.88),rgba(5,24,30,.66) 46%,rgba(5,24,30,.16) 100%)}
body.page-index .hero-slide:after{display:none}
body.page-index .hero-slide-inner{align-items:center;padding:70px 0 98px}
body.page-index .hero-panel{width:min(100%,760px);max-width:760px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;color:#fff}
body.page-index .hero-panel .display{font-size:clamp(54px,6.7vw,92px);line-height:1.04;letter-spacing:-.028em;max-width:740px;margin:14px 0 24px}
body.page-index .hero-panel .display em{font-style:italic;color:#e6cda7}
body.page-index .hero-panel .intro-text{max-width:540px;font-size:17px;line-height:1.78;color:#e8eded}
body.page-index .hero-actions{margin:31px 0 0;gap:13px}
body.page-index .hero-actions .button{border-radius:2px;min-height:52px;padding:0 25px;font-size:11px}
body.page-index .hero-actions .button.dark{background:#c6a779;color:#102932}
body.page-index .hero-actions .button.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.56)}
body.page-index .hero-slider-controls{bottom:24px;left:0;right:0;justify-content:flex-start;gap:12px}
body.page-index .hero-arrow{width:40px;height:40px;border-radius:50%;font-size:26px;background:transparent;border:1px solid rgba(255,255,255,.43)}
body.page-index .hero-dots{background:transparent;border:0;backdrop-filter:none;padding:0 12px;gap:9px}
body.page-index .hero-dots button{width:7px;height:7px;background:#fff9;opacity:1}
body.page-index .hero-dots button.active{width:28px;background:#e5c998}
body.page-index .stats-strip{margin:0;background:#102c35;padding:0;position:relative}
body.page-index .stats-strip .shell{display:flex;min-height:94px;align-items:center;justify-content:space-between;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:18px 0}
body.page-index .stats-strip .statement{font-size:21px;margin:0;color:#f2eee3}
body.page-index .stats-items{gap:29px}
body.page-index .visual-ribbon{background:var(--paper);padding:75px 0 12px}
body.page-index .visual-ribbon-grid{gap:18px}
body.page-index .visual-ribbon-grid article{border:0;border-radius:0;box-shadow:none;background:transparent}
body.page-index .visual-ribbon-grid img{aspect-ratio:1.34;object-fit:cover;filter:saturate(.78)}
body.page-index .visual-ribbon-grid article div{padding:19px 0 4px}
body.page-index .visual-ribbon-grid h3{font-size:27px;margin:8px 0 9px}
body.page-index .visual-ribbon-grid p{font-size:13px}
body.page-index .section{padding:100px 0}
body.page-index .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.page-index .service-card{border:0;border-radius:0;min-height:300px;padding:27px 22px;box-shadow:none;background:#f1efe9;transition:transform .25s,background .25s,color .25s}
body.page-index .service-card::before{opacity:.12}
body.page-index .service-card:hover{background:#163540;transform:translateY(-4px);box-shadow:none}
body.page-index .service-card h3{font-size:24px}
body.page-index .premium-benefits,body.page-index .methodology-band{padding:104px 0}
body.page-index .premium-benefits-grid,body.page-index .methodology-grid{gap:6%}
body.page-index .premium-benefits-visual img,body.page-index .methodology-visual img{border-radius:0;box-shadow:none;border:0;aspect-ratio:4/5;object-fit:cover}
body.page-index .premium-mini-card{background:transparent;border:0;border-bottom:1px solid #dedbd2;box-shadow:none;border-radius:0;padding:18px 0}
body.page-index .method-steps article{border:0;border-bottom:1px solid #dedbd2;border-radius:0;box-shadow:none;background:transparent;padding:15px 0;grid-template-columns:48px 1fr}
body.page-index .method-steps span{background:transparent;color:#b89a6d;width:auto;height:auto;font-size:20px}
body.page-index .executive-quote{padding:85px 0;background:#0f2b34}
body.page-index .executive-quote-box{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
body.page-index .executive-quote-box p{font-size:clamp(27px,3.2vw,48px);line-height:1.38}
.page-hero{background:linear-gradient(120deg,#102e38,#1b3c46);min-height:300px}.page-hero-inner{padding-block:72px}
.page-section{padding:84px 0 105px}
.service-visual-card,.contact-premium-strip>div,.contact-visual-card,.detail-media{border-radius:0;box-shadow:none}
.detail-media img{aspect-ratio:16/9}.detail-block{scroll-margin-top:110px}
.contact-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.contact-quick-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);order:3}
.contact-form{grid-column:2;grid-row:1;min-width:0;background:#f4f2eb;border:0;box-shadow:none;padding:35px;border-radius:0}
.contact-copy{grid-column:1;grid-row:1}.quick-contact-card{border-radius:0}
.form-success{display:none;color:#176240;background:#e2f2e8;padding:13px 16px;font-size:13px;line-height:1.5;margin:14px 0}
.form-success.visible{display:block}.form-trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
input:focus,select:focus,textarea:focus{outline:2px solid #b89a6d;outline-offset:1px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:1150px){.shell{width:min(100% - 64px,1260px)}.desktop-nav{gap:18px}}
@media(max-width:950px){.shell{width:min(100% - 48px,1260px)}body.page-index .hero-slide-inner{padding:80px 0 105px}body.page-index .hero-panel .display{font-size:clamp(50px,8vw,76px)}body.page-index .stats-strip .shell{display:block;padding:24px 0}body.page-index .stats-items{margin-top:12px}body.page-index .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{display:grid;grid-template-columns:1fr}.contact-copy,.contact-form,.contact-quick-grid{grid-column:1;grid-row:auto}.contact-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.shell{width:min(100% - 38px,1260px)}body.page-index .hero-slider,body.page-index .hero-slide-inner{min-height:650px;height:auto}body.page-index .hero-slide-inner{min-height:650px;align-items:center;padding:70px 0 105px}body.page-index .hero-slide:before{background:linear-gradient(90deg,rgba(5,24,30,.91),rgba(5,24,30,.66))}body.page-index .hero-panel{padding:0}body.page-index .hero-panel .display{font-size:clamp(43px,11vw,61px);line-height:1.07}body.page-index .hero-panel .intro-text{font-size:14px;line-height:1.85}body.page-index .hero-actions .button{width:100%}body.page-index .hero-slider-controls{bottom:19px}body.page-index .stats-strip .shell{padding:24px 0}body.page-index .stats-items{gap:10px}body.page-index .visual-ribbon{padding:56px 0 6px}body.page-index .service-grid{grid-template-columns:1fr;gap:10px}body.page-index .service-card{min-height:235px}body.page-index .section,body.page-index .premium-benefits,body.page-index .methodology-band{padding:74px 0}.contact-quick-grid{grid-template-columns:1fr}.contact-form{padding:24px}}

.brand-logo{box-shadow:none;background:#fff;border-radius:50%}
