/* JOFRA AI 4.0 — visual update only. Existing content and URLs are retained. */
:root{--atlas-ink:#073d30;--atlas-dark:#042b23;--atlas-deep:#02251e;--atlas-paper:#fbfcf8;--atlas-soft:#f0f3eb;--atlas-line:#d8e0d5;--atlas-gold:#d8bd82}
body{background:var(--atlas-paper);color:var(--atlas-ink);-webkit-font-smoothing:antialiased}
.j-container{width:min(1280px,calc(100% - 96px));max-width:1280px}
.j-header{background:var(--atlas-deep);border-bottom:1px solid #ffffff20;backdrop-filter:blur(14px)}
.j-head-inner{height:86px;gap:28px}
.j-brand{width:156px;min-width:156px;height:60px}
.j-brand img{width:156px;filter:grayscale(1) invert(1) contrast(1.8);mix-blend-mode:screen}
.j-nav>a:not(.j-btn),.j-nav-dropdown>a,.j-drop-toggle{color:#eef3e9}
.j-nav>a:not(.j-btn),.j-nav-dropdown>a{font-size:12px;font-weight:500}
.j-nav{gap:21px}
.j-nav>a:not(.j-btn):hover,.j-nav-dropdown>a:hover{color:var(--atlas-gold)}
.j-lang-picker{border-color:#ffffff2b}.j-lang-picker a{color:#b3c5b7}.j-lang-picker .is-active{background:#ffffff12;color:white}
.j-header .j-head-cta{display:inline-flex;align-items:center;gap:16px;border-radius:2px;background:var(--atlas-gold);color:#163b2a;font-size:11px;border:0;padding:14px 18px;box-shadow:none}
.j-menu-toggle{color:#fff}
.j-btn{border-radius:2px;box-shadow:none;font-weight:600;transition:background .2s,color .2s,transform .2s}
.j-btn:hover{transform:translateY(-2px);box-shadow:none}
.j-btn-dark{background:var(--atlas-ink)}
.j-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:650}
.j-atlas-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--atlas-deep);color:var(--atlas-paper)}
.j-atlas-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#02251e 4%,#02251ee8 35%,#02251e30 100%),url('atlas-terrain.svg') right center/auto 105% no-repeat;opacity:.96}
.j-atlas-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#02251e 0%,transparent 40%)}
.j-atlas-hero .j-refresh-hero{display:block;padding:68px 0 0;position:relative}
.j-atlas-hero .j-refresh-copy{max-width:1140px}
.j-atlas-hero .j-refresh-copy>.j-eyebrow{display:inline-block;color:#c5d4c3;border:1px solid #ffffff25;border-radius:24px;padding:8px 13px;margin-bottom:29px;font-size:10px;letter-spacing:.1em}
.j-atlas-hero .j-refresh-headline{font-size:clamp(48px,6.2vw,88px);line-height:1.02;letter-spacing:-.06em;font-weight:600;color:#f9fcf4;max-width:1140px;margin:0 0 28px;text-wrap:balance}
.j-atlas-hero .j-headline-frames{max-width:100%}
.j-atlas-hero .j-headline-frame{line-height:1.02}
.j-atlas-hero .j-refresh-promise{font-size:clamp(20px,2vw,28px);line-height:1.45;color:#eff4e9;letter-spacing:-.025em;margin:0 0 18px}
.j-atlas-hero .j-refresh-promise br{display:none}
.j-atlas-hero .j-refresh-promise span{color:var(--atlas-gold);margin-left:8px}
.j-atlas-hero .j-refresh-lead{color:#bdcec2;font-size:15px;line-height:1.8;max-width:730px;margin:0 0 29px}
.j-atlas-hero .j-refresh-actions{gap:14px}
.j-atlas-hero .j-refresh-actions .j-btn{background:#f7f9f2;color:#073d30;border-radius:2px;padding:18px 25px;font-size:13px;min-height:55px}
.j-atlas-hero .j-refresh-actions .j-btn:hover{background:var(--atlas-gold)}
.j-atlas-hero .j-refresh-secondary{border:1px solid #ffffff40;color:#f2f5ed;min-height:55px;padding:15px 23px;font-size:13px;border-radius:2px}
.j-atlas-hero .j-refresh-secondary:hover{background:#ffffff0c}
.j-atlas-hero .j-refresh-footnote{border-color:#ffffff25;color:#a9bead;font-size:11px;padding:22px 0;margin-top:48px;letter-spacing:.04em}
.j-atlas-hero .j-refresh-footnote>span{color:var(--atlas-gold)}
.j-section{padding:100px 0}
.j-section h2{font-size:clamp(32px,3.4vw,50px);line-height:1.1;letter-spacing:-.045em;font-weight:550}
.j-atlas-case{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start;border-bottom:1px solid var(--atlas-line)}
.j-atlas-case-intro{position:sticky;top:125px}
.j-atlas-case .j-board-top{display:block;border:0;padding:0;font-size:11px;letter-spacing:.06em;color:#5c725e}
.j-atlas-case .j-board-logo{display:block;filter:contrast(1.06);mix-blend-mode:multiply;width:125px;height:45px;margin:0 0 20px -10px}
.j-atlas-case h2{font-size:clamp(38px,4.5vw,66px);line-height:1.03;margin:25px 0 24px;max-width:400px}
.j-atlas-case .j-board-bottom{color:#697a66;line-height:1.8;padding:20px 0;border-color:var(--atlas-line);max-width:330px;margin-bottom:20px}
.j-atlas-case .j-board-bottom span{color:#9b834b}
.j-atlas-case .j-text-link{font-size:13px;border-bottom:1px solid #7a8d72;padding:0 0 8px;display:inline-flex;gap:22px}
.j-atlas-case .j-process-board{background:none;border:0;box-shadow:none;border-radius:0;color:var(--atlas-ink);padding:0;overflow:visible}
.j-atlas-case .j-process-board:before{display:none}
.j-atlas-case .j-hero-process{display:block;margin:0;padding:0}
.j-atlas-case .j-hero-process li{display:grid;grid-template-columns:48px 1fr;gap:23px;border-bottom:1px solid var(--atlas-line);padding:24px 0;margin:0}
.j-atlas-case .j-hero-process li:first-child{padding-top:0}
.j-atlas-case .j-hero-process li:before{display:none}
.j-atlas-case .j-process-number,.j-atlas-case .j-hero-process li:last-child .j-process-number{color:#718669;border:1px solid #c9d4c1;background:transparent;width:40px;height:40px;border-radius:50%;font-size:12px;font-weight:500;margin-top:2px}
.j-atlas-case .j-hero-process h3{color:var(--atlas-ink);font-size:23px;font-weight:550;line-height:1.25;margin:0 0 11px;letter-spacing:-.025em}
.j-atlas-case .j-hero-process p{color:#66745f;font-size:14px;line-height:1.8;max-width:none}
.j-offer-grid{display:block}
.j-sticky-heading{position:static;max-width:800px;margin-bottom:42px}
.j-sticky-heading h2{max-width:780px;margin:20px 0}
.j-sticky-heading>p{max-width:680px;font-size:15px;line-height:1.85;color:#64725f}
.j-service-rows{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--atlas-line)}
.j-service-rows>a{display:grid;grid-template-columns:34px 1fr 20px;align-items:start;gap:16px;padding:33px;border:0;border-radius:0;min-height:230px;background:var(--atlas-paper);transition:background .2s}
.j-service-rows>a:nth-child(odd){border-right:1px solid var(--atlas-line)}
.j-service-rows>a:nth-child(-n+2){border-bottom:1px solid var(--atlas-line)}
.j-service-rows>a:hover{padding:33px;background:#f0f3e9}
.j-service-rows>a>span:first-child{font-size:12px;color:#8b9c7e;padding-top:5px}
.j-service-rows h3{font-size:26px;line-height:1.18;margin:0 0 17px;font-weight:550;letter-spacing:-.025em}
.j-service-rows p{font-size:14px;line-height:1.85;color:#62715e;margin:0}
.j-industry-section{background:var(--atlas-soft);border-top:1px solid var(--atlas-line);border-bottom:1px solid var(--atlas-line)}
.j-section-heading{max-width:900px;margin-bottom:35px}
.j-section-heading h2{margin:20px 0}.j-section-heading>p{max-width:700px;line-height:1.8;font-size:15px}
.j-industry-search{max-width:430px;font-size:12px;gap:8px}
.j-industry-search input{background:#fbfcf8;border:1px solid #bac9b3;border-radius:2px;padding:13px 15px;color:var(--atlas-ink)}
.j-industries-grid{gap:0;border-top:1px solid #cad5c1;border-left:1px solid #cad5c1;margin-top:30px;grid-template-columns:repeat(4,1fr)}
.j-industry-card{border:0;border-right:1px solid #cad5c1;border-bottom:1px solid #cad5c1;border-radius:0;background:transparent;padding:25px;min-height:156px;box-shadow:none}
.j-industry-card:hover{background:var(--atlas-paper);transform:none}
.j-industry-card h3{font-size:18px;font-weight:550;line-height:1.3;margin:18px 20px 0 0;letter-spacing:-.025em}
.j-industry-card[hidden]{display:none}
.j-cloud{background:var(--atlas-dark);color:#fff}
.j-cloud h2{color:#fff}.j-cloud .j-eyebrow{color:var(--atlas-gold)}
.j-cloud p{color:#c0d0c0;line-height:1.85}
.j-delivery{gap:90px;align-items:start}
.j-delivery>div:first-child{position:sticky;top:120px}
.j-delivery-steps article{border-bottom:1px solid #ffffff29;padding:26px 0;gap:24px}
.j-delivery-steps article:first-child{padding-top:0}.j-delivery-steps article>span{color:var(--atlas-gold);border:0;background:transparent;font-size:12px}
.j-delivery-steps h3{font-weight:500;font-size:25px;letter-spacing:-.025em}
.j-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}
.j-faq h2{margin:0}.j-faq>div{width:100%;min-width:0}
.j-faq details{border:0;border-bottom:1px solid var(--atlas-line);border-radius:0;background:transparent;margin:0;padding:22px 0}
.j-faq details:first-child{border-top:1px solid var(--atlas-line)}
.j-faq summary{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.02em;padding:0}
.j-faq details p{font-size:14px;line-height:1.85;margin:20px 25px 0 0;color:#60705e}
.j-knowledge-home{background:#f0f3eb;border-top:1px solid var(--atlas-line);border-bottom:1px solid var(--atlas-line)}
.j-knowledge-home .j-article-grid{gap:22px;margin-top:35px}
.j-article-card{border-radius:2px;background:#fbfcf8;box-shadow:none;padding:30px;border-color:#d3decc;min-height:260px}
.j-article-card:hover{box-shadow:none;transform:translateY(-3px);border-color:#8da180}
.j-article-card time{font-size:11px;color:#6c7e63;border-bottom:1px solid #e2e8dd;padding-bottom:17px;margin-bottom:24px}
.j-article-card h3{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:0 0 35px}
.j-article-card .j-text-link{font-size:12px;font-weight:600}
.j-all-guides{font-size:13px;border-color:#8a9e7d;margin-top:25px}
.j-final-cta{background:var(--atlas-dark);color:#fff;padding:70px;border:0;border-radius:3px;position:relative;overflow:hidden}
.j-final-cta:after{content:"↗";position:absolute;right:30px;top:15px;font-size:210px;font-weight:300;color:#ffffff09;pointer-events:none}
.j-final-cta h2{color:#fff;max-width:850px;font-size:clamp(38px,4.2vw,60px);margin:20px 0}.j-final-cta .j-eyebrow{color:var(--atlas-gold)}
.j-final-cta p{color:#c3d3c3;max-width:650px;margin:0 0 30px;font-size:16px;line-height:1.8}
.j-final-cta .j-btn{background:var(--atlas-gold);color:#153d2d;border-radius:2px}.j-final-cta .j-contact-inline{color:#e8efe3}
.j-footer{background:var(--atlas-deep);padding:75px 0 0;color:#c8d6c8;border-top:1px solid #244d3d}
.j-footer-brand{font-size:38px;font-weight:500;letter-spacing:-.05em;color:#fff}
.j-footer-intro p{color:#b6c9b9}.j-footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:55px;padding-bottom:50px}
.j-footer h3{color:#a4bfa5;font-weight:500;font-size:10px;letter-spacing:.16em}.j-footer a{color:#dfe9db;font-size:13px}.j-footer a:hover{color:var(--atlas-gold)}
.j-footer-local{border-color:#ffffff20;padding-top:30px}.j-footer-local p{color:#a5bca8;font-size:12px}.j-city-links{gap:12px 25px}.j-city-links a{font-size:11px;color:#9fb4a0}
.j-footer-legal{border-color:#ffffff20}.j-footer-legal a,.j-footer-legal button{color:#b4c6b4;font-size:11px}.j-footer-bottom{border-top:1px solid #ffffff20;font-size:11px;color:#879e8b;padding:20px 0 28px}
.j-page-hero{background:var(--atlas-dark);color:white;padding:50px 0 75px;border-bottom:1px solid #355746}
.j-page-hero h1{color:#fff;font-size:clamp(36px,4.8vw,68px);letter-spacing:-.045em;line-height:1.08;font-weight:550;max-width:1040px}
.j-page-hero .j-eyebrow{color:#c0ceae}.j-breadcrumb,.j-breadcrumb a,.j-page-hero-desc{color:#afc3b3}
.j-page-img{border:1px solid #446350;border-radius:3px;box-shadow:none;height:320px}.j-page-hero-grid{gap:50px;grid-template-columns:1.25fr .75fr}
.j-content-figure,.j-white-panel,.j-dark-panel,.j-contact-card,.j-page-content .j-inline-cta{border-radius:3px;box-shadow:none}
.j-dark-panel{background:var(--atlas-dark)}.j-white-panel{background:var(--atlas-soft)}
.j-page-content .j-prose,.j-article-content{line-height:1.8}.j-page-content h2{font-size:clamp(28px,3vw,42px)}
.j-cookie-banner{border-radius:3px;background:#fbfcf8;border:1px solid #b6c8ac;box-shadow:0 12px 60px #001d1420;font-size:12px}
.j-cookie-dialog{border-radius:4px}.j-whatsapp{position:fixed;bottom:25px;right:28px;z-index:1050;display:flex;align-items:center;gap:14px;background:var(--atlas-deep);color:#fff;border:1px solid #698674;border-radius:40px;padding:13px 15px 13px 20px;font-size:12px;font-weight:600;box-shadow:0 5px 25px #001a1620;transition:background .2s,transform .2s}
.j-whatsapp svg{color:#c8ddaf}.j-whatsapp:hover{background:#17513e;transform:translateY(-2px)}
.j-whatsapp.j-whatsapp-raised{bottom:var(--j-contact-offset,190px)}
.j-headline-pause:focus-visible{background:#d8bd82;color:#063e30}
@media(min-width:1001px){.j-header .j-nav{display:flex}.j-menu-toggle{display:none}}
@media(max-width:1200px) and (min-width:1001px){.j-container{width:calc(100% - 64px)}.j-nav{gap:12px}.j-nav>a:not(.j-btn),.j-nav-dropdown>a{font-size:11px}.j-brand,.j-brand img{width:130px;min-width:130px}.j-header .j-head-cta{font-size:10px;padding:12px}.j-head-inner{gap:15px}}
@media(max-width:1000px){
 .j-container{width:calc(100% - 48px)}.j-head-inner{height:76px}.j-menu-toggle{display:block;font-size:25px;width:44px;height:44px}.j-brand,.j-brand img{width:145px;min-width:145px}
 .j-header .j-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:24px;background:#042b23;border-bottom:1px solid #ffffff30;max-height:calc(100dvh - 76px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 30px #001e2120}
 .j-header .j-nav.is-open{display:flex}.j-nav>a:not(.j-btn),.j-nav-dropdown>a{font-size:15px;padding:13px 0}.j-nav-dropdown{display:flex;flex-wrap:wrap;justify-content:space-between}.j-drop-menu{position:static;width:100%;max-height:none;background:#f3f6ee;border-radius:0;margin:5px 0 15px}.j-header .j-head-cta{justify-content:center;margin-top:15px;min-height:46px}.j-lang-picker{border-left:0;padding:14px 0;gap:10px}.j-lang-picker a{font-size:12px}
 .j-atlas-hero .j-refresh-hero{padding-top:50px}.j-atlas-hero .j-refresh-headline{font-size:clamp(45px,7.4vw,72px);max-width:860px}
 .j-atlas-case{gap:42px;grid-template-columns:.85fr 1.15fr}.j-atlas-case h2{font-size:47px}.j-atlas-case .j-hero-process li{gap:15px;grid-template-columns:37px 1fr}.j-atlas-case .j-process-number{width:32px;height:32px}.j-atlas-case .j-hero-process h3{font-size:21px}
 .j-service-rows>a,.j-service-rows>a:hover{padding:27px;gap:12px;grid-template-columns:25px 1fr 15px}.j-service-rows h3{font-size:23px}
 .j-industries-grid{grid-template-columns:repeat(3,1fr)}.j-delivery{gap:40px}.j-faq{gap:40px}.j-footer-top{gap:30px;grid-template-columns:1.2fr 1fr}.j-section{padding:75px 0}
}
@media(max-width:600px){
 .j-container{width:calc(100% - 40px)}.j-head-inner{height:70px;min-height:70px}.j-brand,.j-brand img{width:135px;min-width:135px}.j-header .j-nav{max-height:calc(100dvh - 70px)}
 .j-atlas-hero:before{background:linear-gradient(90deg,#02251ef8,#02251e75),url('atlas-terrain.svg') 65% center/auto 100% no-repeat;opacity:.65}
 .j-atlas-hero .j-refresh-hero{padding-top:36px}.j-atlas-hero .j-refresh-copy>.j-eyebrow{font-size:8px;letter-spacing:.08em;padding:7px 10px;margin-bottom:25px;max-width:100%}
 .j-atlas-hero .j-refresh-headline{font-size:clamp(37px,10.5vw,57px);line-height:1.04;letter-spacing:-.05em;margin-bottom:24px;text-wrap:initial}
 .j-atlas-hero .j-headline-frame{line-height:1.04}.j-atlas-hero .j-refresh-promise{font-size:19px;line-height:1.45;margin-bottom:17px}.j-atlas-hero .j-refresh-promise br{display:block}.j-atlas-hero .j-refresh-promise span{margin-left:0}
 .j-atlas-hero .j-refresh-lead{font-size:13px;line-height:1.85;margin-bottom:24px}.j-atlas-hero .j-refresh-actions{display:grid;grid-template-columns:1fr;gap:11px;max-width:390px}
 .j-atlas-hero .j-refresh-actions .j-btn,.j-atlas-hero .j-refresh-secondary{font-size:12px;min-height:50px;padding:15px 18px;display:flex;justify-content:space-between}
 .j-atlas-hero .j-refresh-footnote{margin-top:30px;font-size:9px;line-height:1.7;padding:18px 0;letter-spacing:0}
 .j-section{padding:58px 0}.j-section h2{font-size:34px;line-height:1.1}.j-atlas-case{display:block}.j-atlas-case-intro{position:static;margin-bottom:27px}
 .j-atlas-case .j-board-logo{margin-bottom:13px}.j-atlas-case h2{font-size:43px;max-width:290px;margin:21px 0 18px}.j-atlas-case .j-board-bottom{font-size:11px;padding:15px 0;margin-bottom:15px;max-width:100%}
 .j-atlas-case .j-hero-process li{padding:23px 0;grid-template-columns:34px 1fr;gap:16px}.j-atlas-case .j-hero-process li:first-child{padding-top:23px;border-top:1px solid var(--atlas-line)}
 .j-atlas-case .j-hero-process h3{font-size:20px;line-height:1.25}.j-atlas-case .j-hero-process p{font-size:13px;line-height:1.75}
 .j-sticky-heading{margin-bottom:28px}.j-sticky-heading>p,.j-section-heading>p{font-size:14px;line-height:1.8}.j-service-rows{grid-template-columns:1fr}
 .j-service-rows>a,.j-service-rows>a:hover{padding:25px 20px;gap:10px;min-height:0;grid-template-columns:24px 1fr 14px;border-right:0;border-bottom:1px solid var(--atlas-line)}.j-service-rows>a:last-child{border-bottom:0}.j-service-rows h3{font-size:23px}.j-service-rows p{font-size:13px;line-height:1.8}
 .j-industries-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.j-industry-card{padding:20px 14px;min-height:146px}.j-industry-card h3{font-size:16px;margin-right:8px;overflow-wrap:anywhere}.j-industry-card>span:last-child{font-size:17px}
 .j-delivery{display:block}.j-delivery>div:first-child{position:static;margin-bottom:35px}.j-delivery-steps h3{font-size:23px}.j-delivery-steps article{padding:22px 0}
 .j-faq{display:block}.j-faq h2{margin-bottom:28px}.j-faq summary{font-size:18px}.j-faq details p{font-size:13px}
 .j-knowledge-home .j-article-grid{gap:14px}.j-article-card{padding:25px;min-height:0}.j-article-card h3{font-size:23px;margin-bottom:27px}
 .j-final-cta{padding:34px 24px}.j-final-cta h2{font-size:36px}.j-final-cta p{font-size:14px}.j-final-cta .j-btn{font-size:12px;padding:16px}.j-final-cta .j-contact-inline{display:block;margin:22px 0 0}
 .j-footer{padding-top:55px}.j-footer-top{grid-template-columns:1fr 1fr;gap:30px 25px}.j-footer-intro{grid-column:1/-1}.j-footer-brand{font-size:38px}.j-footer h3{font-size:9px}.j-footer a{font-size:12px}.j-city-links{grid-template-columns:1fr 1fr;gap:13px}.j-city-links a{font-size:10px}.j-footer-bottom{padding-bottom:85px}
 .j-page-hero{padding:30px 0 45px}.j-page-hero h1{font-size:38px;overflow-wrap:anywhere}.j-page-hero-grid{display:block}.j-page-img{height:230px;margin-top:28px}.j-breadcrumb{font-size:10px;line-height:1.6;margin-bottom:24px}
 .j-whatsapp{right:16px;bottom:18px;padding:12px;gap:0;border-radius:50%;width:50px;height:50px;justify-content:center}.j-whatsapp>span{display:none}.j-whatsapp svg{width:25px;height:25px}
 .j-cookie-banner{left:12px;right:12px;bottom:12px;padding:20px}.j-cookie-banner p{font-size:11px;line-height:1.6}.j-whatsapp.j-whatsapp-raised{bottom:var(--j-contact-offset,260px)}
}
@media(prefers-reduced-motion:reduce){.j-btn,.j-whatsapp,.j-article-card,.j-service-rows>a{transition:none}.j-btn:hover,.j-whatsapp:hover,.j-article-card:hover{transform:none}}