/* DABAK EXECUTIVE — independent corporate design system. No remote fonts or scripts. */
:root{--midnight:#071e30;--navy:#103957;--navy2:#154465;--emerald:#4ac98e;--green:#29ac78;--ink:#132b3c;--slate:#5b6d78;--paper:#f6f7f3;--line:#d9e0df;--white:#fff;--display:'Bahnschrift Condensed','Arial Narrow','Helvetica Neue',Arial,sans-serif;--body:'Aptos','Segoe UI Variable','Segoe UI',Arial,Helvetica,sans-serif;--wrap:1328px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.58 var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}img{display:block;max-width:100%;height:auto}::selection{background:var(--emerald);color:var(--midnight)}.container{max-width:var(--wrap);padding:0 44px;margin:auto}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-90px;left:10px;z-index:999;background:white;padding:12px 20px}.skip:focus{top:12px}.scrollline{height:3px;background:var(--green);position:fixed;z-index:1001;top:0;left:0;width:0;transform-origin:left}.topbar{background:var(--midnight);color:#a8c0ce;letter-spacing:.17em;text-transform:uppercase;font:700 10px/1.2 var(--body);height:35px;display:flex;align-items:center}.topbar .container{width:100%;display:flex;justify-content:space-between;align-items:center}.topbar b{color:#79e0ad}.site-header{height:94px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid #e1e5e4;backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{width:285px;flex:none}.wordmark img{width:100%;height:auto}.desktop-nav{display:flex;gap:36px;align-items:center}.desktop-nav a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;position:relative;padding:16px 0}.desktop-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:8px;height:2px;background:var(--green);transition:right .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current='page']:after{right:0}.nav-cta{background:var(--green);padding:18px 24px;color:#fff;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.07em;white-space:nowrap;transition:background .2s,transform .2s}.nav-cta:hover{background:#138858;transform:translateY(-2px)}.mobile-toggle{display:none;border:1px solid var(--line);background:white;padding:11px;color:var(--navy);font-size:25px;line-height:1}.mobile-nav{display:none}
/* GLOBAL TYPOGRAPHY */
.eyebrow{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:900}.eyebrow:before{content:'';display:block;width:24px;height:2px;flex:none;background:currentColor}.eyebrow.emerald{color:var(--emerald)}.eyebrow.green{color:#168854}.eyebrow.gray{color:#72848b}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:20px 24px;font:900 12px/1 var(--body);letter-spacing:.09em;text-transform:uppercase;border:1px solid transparent;transition:background .2s,color .2s,transform .2s}.btn svg{width:18px;height:18px;flex:none}.btn:hover{transform:translateY(-3px)}.btn-green{background:var(--emerald);color:var(--midnight)}.btn-green:hover{background:#76ecb3}.btn-outline{background:transparent;border-color:#c5d5dd;color:white}.btn-outline:hover{background:white;color:var(--midnight)}.btn-dark{background:var(--midnight);color:#fff}.btn-dark:hover{background:var(--navy)}.btn-white{background:white;color:var(--midnight)}.display{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.065em;line-height:.93}.section-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);font:800 11px/1.5 var(--body);letter-spacing:.17em;text-transform:uppercase}.section-topline .num{color:#82939c}.section-heading{font-size:clamp(54px,6.8vw,106px);margin:30px 0 28px}.accent{color:var(--green)}.muted{color:var(--slate)}
/* HERO */
.hero{background:var(--midnight);color:white;overflow:hidden;position:relative}.hero-shell{min-height:770px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);max-width:1650px;margin:auto}.hero-copy{padding:74px 30px 65px max(44px,calc((100vw - 1240px)/2));position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.hero-copy:after{content:'';position:absolute;right:-1px;top:0;height:100%;border-right:1px solid rgba(255,255,255,.1)}.hero-title{font-size:clamp(72px,8vw,144px);line-height:.91;letter-spacing:-.075em;margin:32px 0 29px;white-space:nowrap}.hero-title .outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.73)}.hero-title .green-word{color:var(--emerald)}.hero-lead{max-width:455px;color:#b9cad5;font-size:17px;line-height:1.7;margin:0 0 36px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{margin-top:auto;padding-top:70px;display:flex;gap:43px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:10px;color:#a4bdc9}.hero-meta span{display:flex;align-items:center;gap:10px}.hero-meta i{width:7px;height:7px;background:var(--emerald);border-radius:50%;display:inline-block}.hero-visual{position:relative;background:#2f4953;min-width:0}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:54% center;filter:saturate(.77) contrast(1.03)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,30,48,.21),transparent 50%),linear-gradient(0deg,rgba(7,30,48,.3),transparent 50%)}.hero-visual-label{position:absolute;right:27px;bottom:27px;z-index:2;font:800 10px/1.4 var(--body);color:#fff;letter-spacing:.13em;text-transform:uppercase;text-align:right}.hero-mark{font:900 280px/1 var(--display);color:rgba(255,255,255,.10);position:absolute;bottom:-74px;left:-80px;z-index:1;pointer-events:none}.hero-side{position:absolute;right:0;top:0;bottom:0;width:10px;background:var(--emerald);z-index:1}.ticker{background:var(--emerald);overflow:hidden;color:var(--midnight);height:48px;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:flex;gap:44px;align-items:center;font:900 11px/1 var(--body);text-transform:uppercase;letter-spacing:.17em;animation:marquee 42s linear infinite;width:max-content}.ticker-track span:before{content:'✳';font-size:15px;margin-right:44px}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
/* INTRO */
.intro{padding:142px 0 136px;background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr .6fr;gap:9%;align-items:end}.intro-title{font-size:clamp(56px,7.2vw,110px);margin:35px 0 0;max-width:820px}.intro-aside{max-width:385px;padding-bottom:8px}.intro-aside p{font-size:19px;line-height:1.75;margin:0 0 32px}.text-link{font:900 12px var(--body);text-transform:uppercase;letter-spacing:.13em;border-bottom:2px solid var(--green);padding-bottom:8px;display:inline-flex;gap:35px;align-items:center}.text-link:hover{color:var(--green)}
/* SERVICE INDEX */
.services{background:var(--paper);padding:118px 0 124px}.services-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.services-head h2{margin:26px 0 58px;font-size:clamp(60px,8vw,128px)}.services-head p{max-width:310px;color:var(--slate);padding-bottom:64px}.service-list{border-top:1px solid #bcc9c9}.service-row{display:grid;grid-template-columns:65px minmax(0,1.15fr) minmax(0,.65fr) 65px;align-items:center;gap:20px;border-bottom:1px solid #bcc9c9;padding:26px 0;position:relative;transition:background .2s,padding .2s}.service-row:hover{padding-left:16px;padding-right:16px;background:#e9efeb}.service-n{font-size:12px;letter-spacing:.13em;font-weight:900;color:var(--green)}.service-name{font:900 clamp(29px,3.7vw,57px)/1.02 var(--display);text-transform:uppercase;letter-spacing:-.052em;color:var(--midnight)}.service-descr{color:var(--slate);font-size:14px;max-width:270px}.arrow-round{width:45px;height:45px;border:1px solid #b3c4be;display:grid;place-items:center;border-radius:50%;font-size:23px;margin-left:auto;color:var(--navy)}.service-row:hover .arrow-round{background:var(--midnight);color:white;border-color:var(--midnight)}.service-note{display:flex;justify-content:space-between;gap:25px;padding-top:27px;color:#77878e;font-size:12px}.service-note span:last-child{max-width:410px;text-align:right}
/* FEATURE PHOTO */
.feature{height:670px;position:relative;overflow:hidden;background:#1a3438;color:white}.feature img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.82)}.feature:before{content:'';background:linear-gradient(90deg,rgba(6,28,43,.84),rgba(6,28,43,.1) 78%);inset:0;position:absolute;z-index:1}.feature-text{position:absolute;z-index:2;left:max(44px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-50%);max-width:690px}.feature-text h2{font-size:clamp(64px,7vw,113px);margin:30px 0}.feature-text p{max-width:490px;color:#d4e1e6;font-size:17px}.feature-tag{position:absolute;z-index:2;right:40px;bottom:32px;text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.13em}
/* TARGET GROUPS */
.groups{padding:138px 0;background:#fff}.groups-header{display:grid;grid-template-columns:1.1fr .5fr;gap:8%;align-items:end;margin-bottom:52px}.groups-header h2{font-size:clamp(53px,6.8vw,99px);margin:30px 0 0}.groups-header p{color:var(--slate);font-size:17px;line-height:1.8}.group-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.group-card{min-height:480px;position:relative;padding:38px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:var(--navy);color:#fff}.group-card:nth-child(2){background:var(--midnight)}.group-card:after{content:'↗';position:absolute;right:33px;bottom:31px;font-size:30px}.group-card .giant{font:900 clamp(150px,20vw,350px)/.8 var(--display);position:absolute;bottom:-40px;right:18%;color:rgba(255,255,255,.045);pointer-events:none}.group-card h3{position:relative;font:900 clamp(46px,5vw,73px)/1 var(--display);letter-spacing:-.05em;text-transform:uppercase;max-width:540px;margin:0 0 19px}.group-card p{max-width:390px;color:#b9cad3;font-size:15px}.group-card .card-link{font:900 12px var(--body);text-transform:uppercase;letter-spacing:.12em;position:relative;z-index:2;display:inline-flex;gap:22px;border-bottom:2px solid var(--emerald);padding-bottom:7px;width:max-content}.group-card .eyebrow{position:relative;z-index:2}.group-card:hover{background:#174c6a}.group-card:nth-child(2):hover{background:#123950}
/* PROCESS */
.method{background:var(--midnight);padding:120px 0 130px;color:white}.method-head{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.method-head h2{font-size:clamp(54px,7.5vw,114px);margin:26px 0 50px}.method-head p{max-width:415px;justify-self:end;align-self:end;color:#b9ced6;margin:0 0 58px;font-size:18px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #385264}.method-step{padding:32px 45px 12px 0;border-right:1px solid #385264}.method-step:not(:first-child){padding-left:32px}.method-step:last-child{border-right:0}.method-index{font:900 13px var(--body);letter-spacing:.12em;color:var(--emerald)}.method-step h3{font:900 clamp(30px,3vw,45px)/1.05 var(--display);text-transform:uppercase;letter-spacing:-.045em;margin:46px 0 20px}.method-step p{color:#b6c7d0;font-size:15px;line-height:1.7}
/* CONTACT / CTA */
.contact-cta{padding:120px 0;background:var(--emerald);color:var(--midnight)}.cta-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(7,30,48,.24);padding-bottom:20px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cta-heading{font-size:clamp(70px,11vw,172px);margin:60px 0 45px;line-height:.86}.cta-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px}.cta-bottom p{font-size:21px;max-width:510px;line-height:1.6}.cta-bottom .btn{align-self:end;min-width:280px}.site-footer{background:#061a2a;color:white;padding:73px 0 27px}.footer-primary{display:grid;grid-template-columns:1.3fr .8fr .75fr;gap:60px;padding-bottom:80px}.footer-brand a{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:18px 22px;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.footer-brand img{width:min(100%,420px);height:auto;max-width:none;background:transparent;padding:0}.footer-brand p{color:#9db6c5;max-width:390px;font-size:14px;margin:26px 0}.footer-title{color:#75daa8;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;margin-bottom:24px}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-links a:hover{color:var(--emerald)}.footer-bottom{border-top:1px solid #274255;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#8ca7b7;font-size:12px}.footer-bottom a:hover{color:white}
/* INNER PAGES */
.page-hero{background:var(--midnight);color:white;padding:112px 0 115px;position:relative;overflow:hidden}.page-hero:after{content:'D';position:absolute;font:900 500px/1 var(--display);right:-45px;bottom:-155px;color:rgba(255,255,255,.025)}.page-hero h1{font-size:clamp(70px,11vw,162px);margin:33px 0 25px;max-width:1100px}.page-hero p{font-size:19px;max-width:650px;color:#bbced8}.page-intro{padding:95px 0 54px}.page-intro h2{font-size:clamp(52px,7vw,100px);margin:20px 0}.detail-section{padding:45px 0 110px}.detail-item{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:70px 0;border-top:1px solid var(--line);align-items:center}.detail-item:nth-child(even) .detail-image{order:2}.detail-item img{width:100%;aspect-ratio:1.4;object-fit:cover}.detail-item h2{font-size:clamp(46px,5vw,74px);margin:20px 0}.detail-item p{font-size:17px;color:var(--slate);max-width:500px}.detail-item .chip{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#278a62;font-weight:900}.business-intro{padding:120px 0;background:var(--paper)}.business-intro h2{font-size:clamp(56px,7vw,110px);margin:24px 0 27px}.business-cols{display:grid;grid-template-columns:1fr 1fr;gap:80px}.business-cols p{font-size:19px;color:var(--slate);margin:0}.business-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}.business-tile{border-top:1px solid #b4c5c4;padding:30px 20px 30px 0}.business-tile span{font:900 12px var(--body);color:#1a9368}.business-tile h3{font:900 31px/1.12 var(--display);text-transform:uppercase;margin:28px 0 14px}.business-tile p{font-size:14px;color:var(--slate)}
.contact-page{padding:105px 0 130px;background:var(--paper)}.contact-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:10%}.contact-left h1{font-size:clamp(64px,7vw,112px);margin:20px 0}.contact-left>p{font-size:18px;color:var(--slate);max-width:400px}.contact-entry{padding:24px 0;border-top:1px solid #c8d3d1}.contact-entry .label{font-size:10px;font-weight:900;letter-spacing:.15em;color:#44866d;text-transform:uppercase;margin-bottom:8px}.contact-entry a{font:800 clamp(18px,2vw,26px) var(--body);overflow-wrap:anywhere}.contact-entry a:hover{text-decoration:underline}.form-card{background:#fff;padding:clamp(25px,4vw,58px);box-shadow:0 24px 80px rgba(13,44,59,.07)}.form-card h2{font:900 clamp(35px,4vw,54px)/1 var(--display);text-transform:uppercase;letter-spacing:-.045em;margin:0 0 12px}.form-card .form-intro{color:var(--slate);margin:0 0 30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:22px}.field label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-bottom:9px}.field input,.field select,.field textarea{border:1px solid #cbd6d5;outline:0;width:100%;border-radius:0;padding:16px 14px;background:#fafcfb;color:var(--ink);font-size:15px;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:2px solid rgba(74,201,142,.25);outline-offset:0}.field textarea{min-height:150px;resize:vertical}.form-card .btn{width:100%}.form-consent{display:flex;gap:10px;align-items:start;color:#566972;font-size:12px;margin-bottom:20px}.form-consent input{margin-top:5px}.form-consent a{text-decoration:underline}.hp{position:absolute;left:-9999px;opacity:0}.small-note{font-size:12px;color:#63757e;line-height:1.6}.legal-main{padding:104px 0 130px;background:var(--paper)}.legal-wrap{max-width:900px;margin:0 auto;padding:0 30px}.legal-main h1{font-size:clamp(70px,9vw,128px);margin:20px 0 45px}.legal-sheet{padding:clamp(28px,5vw,75px);background:#fff}.legal-sheet h2{font-size:23px;font-weight:850;line-height:1.25;letter-spacing:-.03em;margin:35px 0 13px}.legal-sheet h2:first-child{margin-top:0}.legal-sheet p,.legal-sheet address,.legal-sheet ul{font-size:15px;color:#445a68;line-height:1.85}.legal-sheet address{font-style:normal}.legal-sheet a{color:#096e4b;text-decoration:underline}.legal-caveat{margin-top:30px;padding:22px;background:#e8f4ef;color:#254d3f;font-size:13px}.thankyou{min-height:62vh;display:flex;align-items:center;background:var(--paper);padding:80px 0}.thankyou h1{font-size:clamp(61px,10vw,142px);max-width:1050px;margin:24px 0}.thankyou p{max-width:580px;font-size:20px;color:var(--slate)}
.reveal{transition:opacity .65s ease,transform .65s ease;opacity:0;transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1220px){.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.wordmark{width:225px}.nav-cta{padding:17px}.hero-title{font-size:clamp(72px,8.2vw,112px)}.hero-shell{min-height:730px}.hero-copy{padding-left:44px}.hero-meta{gap:17px}.hero-meta span{font-size:9px}}
@media(max-width:960px){.container{padding:0 28px}.desktop-nav,.site-header .nav-cta{display:none}.mobile-toggle{display:inline-block}.site-header{height:76px}.wordmark{width:228px}.mobile-nav{position:absolute;top:76px;left:0;right:0;background:white;padding:16px 28px 28px;box-shadow:0 22px 42px rgba(2,26,42,.13);border-top:1px solid var(--line);flex-direction:column;gap:4px}.mobile-nav.open{display:flex}.mobile-nav a{padding:15px 0;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.06em;border-bottom:1px solid var(--line)}.mobile-nav .nav-cta{display:block;text-align:center;background:var(--green);color:white;margin-top:15px;border:0}.hero-shell{min-height:unset;grid-template-columns:1fr}.hero-copy{min-height:675px;padding:77px 28px 55px}.hero-title{font-size:clamp(83px,13.5vw,125px)}.hero-visual{height:430px}.hero-visual-label{bottom:15px;right:19px}.hero-meta{padding-top:60px}.intro,.groups{padding:100px 0}.intro-grid,.groups-header,.method-head{grid-template-columns:1fr;gap:30px}.intro-aside{max-width:650px}.services{padding:90px 0}.services-head p{display:none}.service-row{grid-template-columns:45px minmax(0,1fr) 60px}.service-descr{display:none}.feature-text{left:28px}.footer-primary{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.contact-grid{gap:6%}.detail-item{gap:28px}}
@media(max-width:650px){.container{padding:0 20px}.topbar{height:27px}.topbar .container{font-size:8px}.topbar .top-extra{display:none}.site-header{height:70px}.wordmark{width:200px}.mobile-nav{top:70px}.hero-copy{padding:66px 20px 38px;min-height:590px}.hero-title{font-size:clamp(65px,15vw,102px);margin:30px 0 24px}.hero-lead{font-size:15px;max-width:380px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-meta{gap:13px;justify-content:space-between;padding-top:53px}.hero-meta span{font-size:8px;letter-spacing:.04em}.hero-visual{height:300px}.hero-mark{font-size:200px;bottom:-50px;left:-44px}.ticker{height:42px}.ticker-track{font-size:9px;gap:32px}.intro,.groups{padding:80px 0}.intro-title{font-size:clamp(55px,14vw,82px)}.intro-aside p{font-size:17px}.section-topline{font-size:9px}.services{padding:75px 0 88px}.services-head h2{font-size:clamp(59px,14vw,93px);margin-bottom:32px}.service-row{padding:24px 0;grid-template-columns:27px minmax(0,1fr) 37px;gap:8px}.service-name{font-size:clamp(28px,8vw,44px)}.service-n{font-size:10px}.arrow-round{width:34px;height:34px;font-size:18px}.service-note{flex-direction:column;gap:10px}.service-note span:last-child{text-align:left}.feature{height:520px}.feature-text{left:20px;right:20px}.feature-text h2{font-size:clamp(62px,12vw,100px)}.feature-text p{font-size:15px}.feature-tag{right:20px;bottom:16px}.groups-header h2{font-size:clamp(55px,12vw,93px)}.groups-header p{font-size:16px}.group-grid,.method-grid,.business-cols,.business-list,.contact-grid{grid-template-columns:1fr}.group-card{min-height:390px;padding:26px}.group-card h3{font-size:clamp(43px,11vw,68px)}.group-card .giant{font-size:250px}.method{padding:85px 0 90px}.method-head h2{font-size:clamp(61px,13vw,90px);margin:25px 0 10px}.method-head p{margin:0 0 24px}.method-grid{border-top:0}.method-step,.method-step:not(:first-child){border:0;border-top:1px solid #385264;padding:24px 0 27px}.method-step h3{margin:22px 0 11px;font-size:36px}.contact-cta{padding:75px 0 85px}.cta-heading{font-size:clamp(67px,15vw,112px);margin:38px 0}.cta-bottom{flex-direction:column;align-items:flex-start}.cta-bottom p{font-size:17px}.cta-bottom .btn{align-self:stretch;width:100%}.site-footer{padding:56px 0 25px}.footer-primary{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.footer-brand{grid-column:auto}.footer-brand img{width:min(100%,320px)}.footer-bottom{flex-direction:column}.page-hero{padding:78px 0 83px}.page-hero h1{font-size:clamp(62px,13vw,100px)}.page-hero p{font-size:17px}.page-intro{padding:75px 0 40px}.page-intro h2{font-size:clamp(56px,12vw,85px)}.detail-section{padding:15px 0 55px}.detail-item{grid-template-columns:1fr;gap:25px;padding:45px 0}.detail-item:nth-child(even) .detail-image{order:0}.detail-item h2{font-size:48px}.business-intro{padding:80px 0}.business-intro h2{font-size:clamp(55px,12vw,85px)}.business-list{margin-top:25px}.business-tile{padding:24px 0}.contact-page{padding:75px 0 90px}.contact-left h1{font-size:clamp(70px,13vw,100px)}.contact-grid{gap:40px}.form-card{padding:26px 21px}.form-grid{grid-template-columns:1fr;gap:0}.legal-main{padding:70px 0 85px}.legal-wrap{padding:0 15px}.legal-sheet{padding:30px 22px}.legal-main h1{font-size:clamp(65px,14vw,100px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.btn,.nav-cta,.service-row{transition:none}}


/* ============================================================
   DABAK MOTION EDITION / 2026
   Motion is progressive enhancement; content stays visible without JS.
   No external animation libraries or tracking services.
   ============================================================ */
:root{--motion-ease:cubic-bezier(.19,1,.22,1);--motion-soft:cubic-bezier(.22,1,.36,1)}
/* Modern page transitions: intentional detail, not an intrusive animation. */
.site-header{transition:box-shadow .4s ease,background .4s ease}
.site-header.is-scrolled{box-shadow:0 10px 36px rgba(7,30,48,.075);background:rgba(255,255,255,.965)}
.btn,.nav-cta{overflow:hidden;position:relative;isolation:isolate}
.btn svg{transition:transform .45s var(--motion-ease)}
.btn:hover svg,.btn:focus-visible svg{transform:translateX(5px) rotate(-24deg)}
.text-link span{display:inline-block;transition:transform .38s var(--motion-ease)}
.text-link:hover span{transform:translate(4px,-4px)}
.hero-copy .eyebrow{animation:hero-rise .8s .12s both var(--motion-ease)}
.hero-title{animation:hero-rise 1.15s .2s both var(--motion-ease)}
.hero-lead{animation:hero-rise 1s .39s both var(--motion-ease)}
.hero-actions{animation:hero-rise 1s .52s both var(--motion-ease)}
.hero-visual{overflow:hidden}
.hero-visual img{animation:hero-reveal 1.6s var(--motion-ease) both;will-change:transform}
.hero-meta{animation:hero-rise 1s .65s both var(--motion-ease)}
@keyframes hero-rise{from{opacity:0;transform:translate3d(0,40px,0);filter:blur(8px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes hero-reveal{from{opacity:.45;clip-path:inset(0 0 0 30%)}to{opacity:1;clip-path:inset(0 0 0 0)}}
/* Premium large typographic kinetic reveals, staggered on entry */
.motion-enter{opacity:0;transform:translate3d(0,65px,0);filter:blur(5px);transition:opacity 1s var(--motion-ease),transform 1.05s var(--motion-ease),filter 1s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-enter.is-inview{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.reveal{transition-duration:.9s;transition-timing-function:var(--motion-ease)}
.section-topline:before{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--green);transition:width 1.3s .1s var(--motion-ease)}
.section-topline{position:relative}
.section-topline.is-inview:before{width:100%}
/* Hover image follows the pointer, then smoothly dissolves into next subject. */
.service-hint{display:flex;align-items:center;gap:11px;font:800 10px/1.5 var(--body);letter-spacing:.17em;color:#387662;margin:-22px 0 22px;text-transform:uppercase}
.hint-divider{color:#bccac7}.hint-pulse{display:block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(41,172,120,.1)}
.service-row{isolation:isolate;transition:background .45s ease,padding .55s var(--motion-ease),border-color .35s}
.service-row:after{content:'';display:block;position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:var(--green);transition:right .6s var(--motion-ease)}
.service-row:is(:hover,:focus-visible):after{right:0}
.service-row:is(:hover,:focus-visible) .service-name{color:#16825c;transform:translate3d(7px,0,0)}
.service-name{transition:color .32s ease,transform .5s var(--motion-ease)}
.service-row .arrow-round{transition:background .3s ease,color .3s ease,transform .5s var(--motion-ease)}
.service-row:is(:hover,:focus-visible) .arrow-round{transform:rotate(45deg) scale(1.07)}
.service-thumb{display:none}
.service-preview{position:fixed;z-index:45;top:0;left:0;width:min(390px,30vw);aspect-ratio:1.18;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(-110vw,-110vh,0) rotate(-5deg) scale(.88);transition:opacity .35s ease,visibility .35s ease,filter .45s ease;filter:blur(9px);will-change:transform,opacity;box-shadow:0 26px 90px rgba(3,21,34,.30)}
.service-preview.is-active{opacity:1;visibility:visible;filter:blur(0)}
.service-preview-frame{width:100%;height:100%;overflow:hidden;position:relative;background:#193e4d;border-radius:18px}
.service-preview-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,30,48,.68),transparent 52%);pointer-events:none}
.service-preview-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform .6s var(--motion-ease),opacity .24s ease;filter:saturate(.95)}
.service-preview.is-active img{transform:scale(1)}
.service-preview.is-switching img{opacity:.15;transform:scale(1.075)}
.service-preview-info{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:12px;color:#fff;font:900 10px/1.5 var(--body);letter-spacing:.13em;text-transform:uppercase}
.service-preview-info span:last-child{max-width:65%;text-align:right}
.service-preview-grain{position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.24);pointer-events:none}
.preview-crosshair{position:absolute;right:-18px;top:-22px;font-size:39px;color:var(--emerald);filter:drop-shadow(0 4px 4px rgba(0,0,0,.15))}
/* Smooth cinematic image movement while sections pass viewport */
.feature{isolation:isolate;overflow:hidden}.feature img,.detail-image img,.service-thumb img,.service-preview-frame img{image-rendering:auto}
.feature img.parallax-visual{height:118%;margin-top:-9%;object-fit:cover;transform:translate3d(0,var(--parallax-offset,0px),0) scale(1.045);will-change:transform}
.hero-visual img.parallax-visual{transform:translate3d(0,var(--parallax-offset,0px),0) scale(1.075)}
.detail-item img.parallax-visual{transform:translate3d(0,var(--parallax-offset,0px),0) scale(1.045);will-change:transform}
.detail-image{overflow:hidden;border-radius:18px;background:#dbe4e0}
.group-card{transition:transform .55s var(--motion-ease),box-shadow .55s ease;background-image:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(74,201,142,.17),transparent 70%)}
.group-card:hover{transform:translateY(-9px);box-shadow:0 28px 72px rgba(6,28,43,.24)}
.group-card .card-link{transition:color .3s ease,transform .4s ease}
.group-card:hover .card-link{transform:translateX(6px);color:#80efba}
/* Subtle stagger on individual content blocks */
.method-step,.business-tile,.detail-item{transition-delay:var(--motion-delay,0ms)}
@media(min-width:961px){
  .service-row:hover{padding-left:19px;padding-right:19px;background:#edf4ef}
  .service-row:focus-visible{background:#edf4ef}
  .services{position:relative}
}
@media(max-width:960px), (hover:none), (pointer:coarse){
  .service-hint{display:none}
  .service-preview{display:none!important}
  .service-row{grid-template-columns:30px minmax(0,1fr) 42px;align-items:start;column-gap:14px;row-gap:15px}
  .service-row .service-n{padding-top:11px}
  .service-row .service-name{padding-top:1px}
  .service-row .arrow-round{align-self:start}
  .service-thumb{display:block;position:relative;grid-column:2/4;width:100%;height:clamp(165px,35vw,260px);overflow:hidden;background:#d9e5df}
  .service-thumb img{display:block;height:100%;width:100%;object-fit:cover;transition:transform .85s var(--motion-ease)}
  .service-row:focus-visible .service-thumb img,.service-row:active .service-thumb img{transform:scale(1.04)}
  .service-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,31,45,.42),transparent 48%)}
  .service-thumb-index{position:absolute;right:14px;bottom:11px;color:white;font:900 10px/1 var(--body);letter-spacing:.15em;z-index:1}
  .service-row:hover{padding-left:0;padding-right:0;background:transparent}
  .service-name{font-size:clamp(28px,4.5vw,54px)}
}
@media(max-width:650px){
  .service-row{grid-template-columns:23px minmax(0,1fr) 36px;gap:9px 8px;padding:25px 0 30px}
  .service-thumb{grid-column:2/4;height:clamp(155px,49vw,245px)}
  .service-name{font-size:clamp(26px,7vw,43px)}
  .service-row .service-n{padding-top:8px}
  .motion-enter{transform:translate3d(0,30px,0)}
  .hero-visual img.parallax-visual{transform:translate3d(0,var(--parallax-offset,0px),0) scale(1.025)}
  .feature img.parallax-visual{transform:translate3d(0,var(--parallax-offset,0px),0) scale(1.035)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .motion-enter{opacity:1!important;filter:none!important;transform:none!important}
  .service-preview{display:none!important}
  .hero-visual img.parallax-visual,.feature img.parallax-visual,.detail-item img.parallax-visual{transform:none!important}
  .group-card:hover{transform:none}
}

/* DABAK KLARTEXT HD – deliberately readable enterprise typography */
:root {--display:'Bahnschrift','Arial Narrow','Segoe UI',Arial,sans-serif;--body:'Aptos','Segoe UI Variable','Segoe UI',Arial,sans-serif}
.hero-shell {grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);min-height:715px}
.hero-copy {min-width:0;padding-right:34px}
.hero-title {font-size:clamp(54px,5.4vw,86px);line-height:1.03;letter-spacing:-.064em;text-transform:none;white-space:normal;margin:30px 0 29px;font-weight:850}
.hero-title-line {display:block;white-space:nowrap}
.hero-title-line:nth-child(2) {color:#fff}
.hero-title-secondary {font-size:.72em;line-height:1.16;letter-spacing:-.043em}
.hero-title .green-word {color:var(--emerald)}
.hero-lead{font-size:18px;line-height:1.65;max-width:540px}
.hero-visual img {object-position:58% center;filter:saturate(.96) contrast(1.04)}
.hero-visual:after{background:linear-gradient(90deg,rgba(7,30,48,.17),transparent 34%),linear-gradient(0deg,rgba(7,30,48,.24),transparent 55%)}
.intro-title{font-size:clamp(48px,5.8vw,87px);letter-spacing:-.057em;line-height:1.04}
.services-head h2{font-size:clamp(53px,7.4vw,115px)}
.feature-text h2 {font-size:clamp(48px,6.5vw,95px);letter-spacing:-.058em;line-height:1.01}
.groups-header h2{font-size:clamp(48px,6vw,92px);line-height:1.02}
.method-head h2{font-size:clamp(53px,6.5vw,94px);line-height:1.02}
.cta-heading{font-size:clamp(62px,9vw,142px)}
.footer-brand a{display:inline-flex;align-items:center;justify-content:center;width:min(100%,415px);height:auto;min-height:0;background:white;border-radius:12px;padding:19px 20px;overflow:hidden}
.footer-brand a img{display:block;width:100%;max-width:100%;height:auto!important;object-fit:contain;object-position:center;aspect-ratio:auto;flex:none;background:transparent;padding:0}
.footer-primary{grid-template-columns:minmax(0,1.3fr) minmax(0,.68fr) minmax(0,.85fr);gap:45px}
.footer-links a{overflow-wrap:anywhere}
.service-preview-frame img{filter:saturate(1.04) contrast(1.02)}
.service-row:focus-visible .service-thumb img,.service-row:hover .service-thumb img{transform:scale(1.045)}
@media (min-width:961px) and (max-width:1280px){
  .hero-title{font-size:clamp(48px,5vw,69px)}
  .hero-copy{padding-right:20px}
  .feature-text h2{font-size:clamp(49px,5.8vw,75px)}
}
@media (max-width:960px){
  .hero-shell{grid-template-columns:1fr;min-height:unset}
  .hero-copy{min-height:620px;padding-right:28px}
  .hero-title{font-size:clamp(52px,9vw,85px);line-height:1.03}
  .hero-visual{height:clamp(360px,55vw,560px)}
  .footer-primary{grid-template-columns:1fr 1fr}
}
@media (max-width:650px){
  .hero-copy{min-height:unset;padding:64px 20px 45px}
  .hero-title{font-size:clamp(44px,11vw,68px);letter-spacing:-.063em;margin:29px 0 27px}
  .hero-title-secondary{font-size:.69em;letter-spacing:-.05em}
  .hero-lead{font-size:15px}
  .hero-visual{height:345px}
  .hero-meta{padding-top:48px}
  .intro-title{font-size:clamp(45px,11vw,74px)}
  .services-head h2{font-size:clamp(51px,12.8vw,82px)}
  .feature-text h2{font-size:clamp(47px,11vw,78px)}
  .groups-header h2{font-size:clamp(44px,10.8vw,79px)}
  .method-head h2{font-size:clamp(49px,12vw,82px)}
  .cta-heading{font-size:clamp(59px,13.5vw,91px)}
  .footer-primary{grid-template-columns:1fr}
  .footer-brand a{width:min(100%,360px)}
  .footer-brand a img{width:100%}
}
@media (max-width:385px){
  .hero-title{font-size:clamp(38px,10.4vw,47px)}
  .hero-title-secondary{font-size:.65em}
  .hero-actions .btn{font-size:11px;gap:8px}
}
@media (prefers-reduced-motion:reduce){.hero-title,.hero-visual img{animation:none!important}}


/* ========================================================================
   DABAK / BRAND FINISH 2026
   Intentional full-bleed cinematic hero, top service marquee, robust mobile type.
   ======================================================================== */
:root{--display:'Bahnschrift Condensed','Arial Narrow',Impact,'Helvetica Neue',Arial,sans-serif;--body:'Aptos','Segoe UI Variable','Segoe UI',Arial,sans-serif}
.ticker-top{height:36px;background:var(--emerald);color:#082538;position:relative;z-index:55}
.ticker-top .ticker-track{font-size:10px;letter-spacing:.16em;animation-duration:48s}
.ticker-top .ticker-track span:before{font-size:12px}
.topbar{height:34px}
.topbar a{color:#d3f8e7;text-decoration:none;transition:color .2s}
.topbar a:hover{color:white}
.topbar-sep{display:inline-block;margin:0 16px;color:#5d7e8b}
.site-header{box-shadow:0 1px 0 rgba(13,51,67,.02)}
.desktop-nav a,.nav-cta{letter-spacing:.085em}
.wordmark{width:275px}
/* Visual lays under copy, with a gradient rather than a hard-edged split. */
.hero{position:relative;min-height:710px;background:#071e30;isolation:isolate;overflow:hidden}
.hero-shell{display:block;min-height:710px;max-width:none;position:relative}
.hero-visual{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:hidden;background:#173a44;pointer-events:none}
.hero-visual img,.hero-visual img.parallax-visual{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.96) contrast(1.025);transform:translate3d(0,var(--parallax-offset,0px),0) scale(1.055)}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e30 0%,rgba(7,30,48,.98) 20%,rgba(7,30,48,.94) 36%,rgba(7,30,48,.66) 56%,rgba(7,30,48,.18) 82%,rgba(7,30,48,.09) 100%),linear-gradient(0deg,rgba(7,30,48,.55),transparent 32%);z-index:1}
.hero-visual .hero-mark{display:none}
.hero-visual .hero-side{display:none}
.hero-visual .hero-visual-label{z-index:2;color:rgba(255,255,255,.7)}
.hero-copy{width:min(100%,1480px);max-width:none;min-height:710px;margin:0 auto;padding:73px 38px 43px max(48px,calc((100vw - 1330px)/2 + 44px));position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}
.hero-copy:after{display:none}
.hero-copy .eyebrow{margin:0}
.hero-title{font-family:var(--display);font-size:clamp(61px,7.25vw,120px);font-weight:900;letter-spacing:-.058em;line-height:.96;text-transform:uppercase;margin:35px 0 27px;white-space:normal;max-width:1100px}
.hero-title-line{display:block;white-space:nowrap;width:max-content;max-width:100%;line-height:.98}
.hero-title-line:nth-child(2){color:#fff}
.hero-title-line.green-word{color:var(--emerald);white-space:nowrap}
.hero-title .period{color:#fff}
.hero-lead{font-size:16px;line-height:1.7;letter-spacing:0;max-width:535px;color:#e0e9ec;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions .btn{min-height:57px;min-width:205px;font-size:11px;gap:26px;padding:18px 22px}
.hero-meta{padding-top:48px;margin-top:0}
/* Suppress layout conflicts from prior two-column variation. */
@media(min-width:961px) and (max-width:1280px){
 .hero-title{font-size:clamp(58px,7.0vw,94px)}
 .hero-copy{padding-right:28px}
}
@media(max-width:960px){
 .hero,.hero-shell{min-height:675px}
 .hero-visual{height:100%;width:100%}
 .hero-visual:after{background:linear-gradient(90deg,rgba(7,30,48,.99) 0%,rgba(7,30,48,.94) 30%,rgba(7,30,48,.75) 65%,rgba(7,30,48,.4) 100%)}
 .hero-copy{min-height:675px;width:100%;padding:68px 34px 42px;justify-content:center}
 .hero-title{font-size:clamp(52px,8.1vw,79px);line-height:.99}
 .hero-lead{max-width:490px}
}
@media(max-width:650px){
 .topbar{height:30px}
 .topbar .container{font-size:8px}
 .ticker-top{height:29px}
 .ticker-top .ticker-track{font-size:9px;gap:27px}
 .site-header{height:70px}
 .wordmark{width:195px}
 .hero,.hero-shell{min-height:660px}
 .hero-visual{height:100%;width:100%}
 .hero-visual img,.hero-visual img.parallax-visual{height:100%;object-position:63% center}
 .hero-visual:after{background:linear-gradient(90deg,rgba(7,30,48,.94),rgba(7,30,48,.73)),linear-gradient(0deg,rgba(7,30,48,.63),rgba(7,30,48,.08))}
 .hero-copy{min-height:660px;padding:60px 20px 40px;justify-content:center}
 .hero-title{font-size:clamp(39px,10.2vw,63px);line-height:1.01;letter-spacing:-.06em;margin:28px 0 27px}
 .hero-title-line{max-width:100%}
 .hero-lead{font-size:15px;max-width:380px;line-height:1.65}
 .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .hero-actions .btn{min-width:0;width:100%;font-size:11px;padding:17px 18px}
 .hero-meta{padding-top:35px;gap:20px;flex-wrap:wrap}
 .hero-visual-label{display:none}
}
@media(max-width:385px){
 .hero-title{font-size:clamp(34px,9.9vw,41px)}
 .hero-copy{padding-left:16px;padding-right:16px}
 .hero-meta{gap:12px}
}
@media(prefers-reduced-motion:reduce){.ticker-top .ticker-track{animation:none}.hero-visual img{animation:none!important}}