:root{--navy:#082a56;--navy2:#061e3f;--red:#e11d2e;--ink:#13233a;--muted:#66758b;--line:#dde5ee;--soft:#f5f7fa;--white:#fff;--green:#237a57;--max:1240px;--shadow:0 20px 55px rgba(13,39,72,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:15px;top:-60px;background:#fff;color:#111;padding:10px 15px;z-index:9999;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:15px}.utility-bar{background:var(--navy2);color:#d9e5f5;font-size:12px}.utility-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility-inner>div{display:flex;align-items:center;gap:10px}.utility-inner a:hover{color:#fff}.dot{opacity:.45}.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);z-index:120;border-bottom:1px solid rgba(220,229,239,.8);transition:.25s}.site-header.scrolled{box-shadow:0 12px 30px rgba(16,43,76,.08)}.nav-shell{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:48px;height:48px;object-fit:contain}.brand span{display:grid;line-height:1}.brand b{font-size:16px;letter-spacing:.12em;color:var(--navy)}.brand small{font-size:8px;letter-spacing:.28em;color:#52637a;margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.desktop-nav>a,.nav-service>button{border:0;background:none;padding:12px 11px;font-weight:700;color:#314359;font-size:13px;cursor:pointer;border-radius:9px}.desktop-nav>a:hover,.nav-service>button:hover{background:#f2f6fa;color:var(--navy)}.nav-service{position:relative}.nav-service>button span{font-size:12px;margin-left:3px}.mega-menu{display:grid;grid-template-columns:300px minmax(600px,1fr);position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-48%);width:min(1060px,90vw);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 35px 80px rgba(6,30,63,.18);padding:22px;opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;transition:.18s;gap:22px}.nav-service:hover .mega-menu,.nav-service:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;top:calc(100% + 10px)}.mega-intro{background:linear-gradient(150deg,#092f61,#061d3e);color:white;border-radius:17px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;position:relative;overflow:hidden}.mega-intro:after{content:"";position:absolute;width:220px;height:220px;border:42px solid rgba(255,255,255,.06);border-radius:50%;right:-95px;top:-75px}.mini-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--red);text-transform:uppercase}.mini-label.light{color:#f9b9bf}.mega-intro h3{font-size:26px;line-height:1.2;margin:12px 0}.mega-intro p{font-size:13px;color:#d4e1f1;margin:0 0 18px}.mega-intro a{font-size:13px;font-weight:800;color:#fff}.mega-services{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;align-content:start}.mega-services>a{display:grid;grid-template-columns:34px 1fr 14px;align-items:center;gap:10px;padding:10px;border-radius:12px;transition:.18s}.mega-services>a:hover{background:#f3f7fb}.mega-services b{display:block;font-size:12px;line-height:1.35;color:#20334b}.mega-services small{display:block;font-size:10px;color:#7c8999;margin-top:3px}.mega-services i{font-style:normal;color:#9aa6b6}.mega-icon{width:31px;height:31px;border-radius:9px;background:#eef3f8;color:var(--navy);display:grid;place-items:center}.menu-icon{width:16px;height:16px}.mega-contact{grid-column:2;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:-10px}.mega-contact b{display:block;font-size:12px}.mega-contact small{display:block;font-size:11px;color:var(--muted)}.mega-contact>a{font-size:12px;font-weight:800;color:var(--red)}.nav-actions{display:flex;align-items:center;gap:10px}.language-toggle{display:flex;background:#f1f4f8;padding:3px;border-radius:9px}.language-toggle a{padding:6px 8px;border-radius:7px;font-size:10px;font-weight:850;color:#6d7a8c}.language-toggle a.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.08)}.nav-cta{display:flex;align-items:center;gap:9px;background:var(--red);color:#fff;padding:11px 14px;border-radius:10px;font-size:12px;font-weight:850;box-shadow:0 9px 18px rgba(225,29,46,.18)}.nav-cta:hover{background:#c91424}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:9px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:6px 0;border-radius:2px}.mobile-drawer{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:11px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.18s}.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 24px rgba(225,29,46,.17)}.btn-primary:hover{background:#c91526;transform:translateY(-1px)}.btn-outline{border-color:#cad5e2;background:#fff;color:var(--navy)}.btn-outline:hover{border-color:#9fb2c8;background:#f7f9fb}.btn-light{background:#fff;color:var(--navy)}.btn-ghost-light{border-color:rgba(255,255,255,.35);color:#fff}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--red);text-transform:uppercase}.eyebrow:before{content:"";width:23px;height:2px;background:currentColor}.section{padding:96px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head>div{max-width:720px}.section-head h2,.section-title{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 14px;color:#10243e}.section-head p,.section-copy>p{color:var(--muted);font-size:16px;margin:0}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f9fc 0,#fff 86%);padding:74px 0 72px}.hero:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;border:90px solid rgba(8,42,86,.03);right:-260px;top:-330px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}.hero-copy h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-.052em;line-height:.99;margin:18px 0 22px;color:#0c2547;max-width:770px}.hero-copy>p{font-size:18px;line-height:1.75;color:#5c6d84;max-width:690px}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;padding-top:24px;border-top:1px solid #e1e7ef}.hero-proof div{display:grid}.hero-proof b{font-size:16px;color:#183451}.hero-proof span{font-size:11px;color:#7d8a99}.hero-visual{position:relative;min-height:565px}.hero-photo-main{width:88%;height:500px;margin-left:auto;object-fit:cover;border-radius:34px;box-shadow:0 35px 70px rgba(12,38,70,.16)}.hero-photo-small{position:absolute;width:45%;height:210px;left:0;bottom:5px;object-fit:cover;border-radius:24px;border:8px solid #fff;box-shadow:0 22px 50px rgba(8,33,64,.18)}.hero-caption{position:absolute;right:-7px;bottom:28px;width:245px;background:rgba(6,30,63,.94);color:#fff;padding:17px;border-radius:15px;box-shadow:var(--shadow)}.hero-caption small{font-size:9px;letter-spacing:.13em;color:#b9c8dd}.hero-caption b{display:block;font-size:14px;margin-top:5px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(6,1fr)}.trust-grid div{padding:20px 18px;border-right:1px solid var(--line);display:flex;align-items:center;gap:11px}.trust-grid div:last-child{border-right:0}.trust-grid b{font-size:11px;color:#20364e}.trust-grid span{font-size:10px;color:#8995a3}.trust-dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none}.about-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:70px;align-items:center}.about-media{position:relative}.about-media img{width:100%;height:520px;object-fit:cover;border-radius:28px}.about-float{position:absolute;right:-20px;bottom:35px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);max-width:250px}.about-float b{font-size:14px;display:block}.about-float span{font-size:11px;color:var(--muted)}.section-copy h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.04em;line-height:1.08;margin:13px 0 19px}.values-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0}.value-box{border-top:1px solid var(--line);padding:15px 0}.value-box b{display:block;font-size:13px}.value-box small{color:var(--muted);font-size:11px}.text-link{font-size:13px;font-weight:850;color:var(--navy);border-bottom:1px solid #b4c2d1;padding-bottom:4px}.services-section{background:#f6f8fb}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid #e0e7ef;border-radius:20px;overflow:hidden;transition:.24s;box-shadow:0 5px 20px rgba(11,39,70,.03)}.service-card:hover{transform:translateY(-6px);box-shadow:0 25px 48px rgba(11,39,70,.11);border-color:#cbd8e5}.service-card-image{height:230px;overflow:hidden;position:relative}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover img{transform:scale(1.035)}.service-card-image:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(6,25,49,.34))}.service-card-body{padding:20px 21px 22px}.service-card-body small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:850}.service-card-body h3{font-size:19px;line-height:1.28;margin:7px 0 9px;color:#162d49}.service-card-body p{font-size:12px;color:#6b7a8e;line-height:1.65;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-card-body b{font-size:12px;color:var(--navy)}.need-section{background:var(--navy2);color:#fff;position:relative;overflow:hidden}.need-section:after{content:"";position:absolute;width:530px;height:530px;border-radius:50%;border:78px solid rgba(255,255,255,.035);right:-245px;bottom:-280px}.need-section .section-head h2{color:#fff}.need-section .section-head p{color:#b9c8dc}.needs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.need-card{padding:23px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);transition:.18s}.need-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.need-card span{font-size:9px;color:#f4a7ae;letter-spacing:.13em}.need-card h3{font-size:19px;margin:8px 0 6px}.need-card p{font-size:12px;color:#b9c8dc;margin:0}.industries-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.industry-card{padding:21px 15px;border-radius:14px;border:1px solid var(--line);min-height:110px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.industry-card b{font-size:13px}.industry-card span{font-size:10px;color:#8b97a5}.process-wrap{background:#f6f8fb;border-radius:32px;padding:44px}.process-grid{display:grid;grid-template-columns:repeat(7,1fr);margin-top:30px}.process-step{padding:10px 16px;border-left:1px solid #d6dfe9;min-height:120px}.process-step:first-child{border-left:0}.process-step span{font-size:10px;color:var(--red);font-weight:850}.process-step b{display:block;font-size:13px;margin-top:12px;line-height:1.4}.project-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.project-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-photo-grid img{height:220px;width:100%;object-fit:cover;border-radius:19px}.project-photo-grid img:first-child{grid-column:1/-1;height:300px}.project-links{margin-top:26px;display:grid;gap:8px}.project-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.project-links b{font-size:13px}.project-links small{display:block;color:var(--muted);font-size:11px}.leadership-section{background:#f7f9fb}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.team-card{display:grid;grid-template-columns:48% 52%;background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line);min-height:460px}.team-card img{width:100%;height:100%;object-fit:cover;object-position:center top}.team-card-content{padding:34px;display:flex;flex-direction:column;justify-content:flex-end}.team-card-content small{font-size:10px;color:var(--red);font-weight:850;letter-spacing:.11em;text-transform:uppercase}.team-card-content h3{font-size:24px;line-height:1.2;margin:10px 0}.team-card-content p{font-size:12px;color:var(--muted)}.client-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.client-tile{padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:90px}.client-tile b{font-size:12px;display:block}.client-tile span{font-size:10px;color:var(--muted)}.knowledge-section{background:#f6f8fb}.knowledge-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.article-feature{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:45% 55%}.article-feature img{width:100%;height:100%;object-fit:cover;min-height:350px}.article-feature>div{padding:33px}.article-feature small,.article-card small{font-size:9px;color:var(--red);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.article-feature h3{font-size:27px;line-height:1.2;margin:10px 0 14px}.article-feature p{font-size:13px;color:var(--muted)}.article-stack{display:grid;gap:10px}.article-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.article-card h3{font-size:16px;line-height:1.35;margin:7px 0}.article-card p{font-size:11px;color:var(--muted);margin:0}.faq-section{padding:88px 0}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:19px 0;font-size:14px;font-weight:750;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--red)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:13px;color:var(--muted);margin:0 0 20px}.final-cta{padding:32px 0 0}.final-cta-card{background:linear-gradient(135deg,#082a56,#061d3c);border-radius:28px;color:#fff;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.final-cta-card:after{content:"";position:absolute;width:270px;height:270px;border:45px solid rgba(255,255,255,.045);border-radius:50%;right:-90px;top:-120px}.final-cta-card h2{font-size:clamp(30px,3.5vw,48px);line-height:1.06;margin:10px 0}.final-cta-card p{margin:0;color:#c9d8e9;max-width:650px}.final-actions{display:flex;gap:8px;position:relative;z-index:2;flex:none}.site-footer{background:#f3f6f9;padding:64px 0 0;margin-top:0}.footer-main{display:grid;grid-template-columns:1.35fr .7fr 1fr .9fr 1.1fr;gap:34px}.footer-brand .brand{margin-bottom:18px}.footer-brand p{font-size:12px;color:var(--muted);max-width:280px}.footer-contact{display:grid;gap:5px;margin-top:16px}.footer-contact a{font-size:11px;font-weight:700;color:#29435f}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h4{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:4px 0 12px;color:#20364e}.footer-col a,.footer-col p{font-size:11px;color:#68778b;margin:0}.footer-col a:hover{color:var(--red)}.footer-address span{font-size:9px;color:#8a96a4;margin-top:8px}.footer-address b{font-size:11px}.footer-bottom{margin-top:48px;border-top:1px solid #dce4ed;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#788697}.footer-bottom div{display:flex;gap:16px;align-items:center}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:9px;background:#143f6b;color:#fff;border-radius:999px;padding:8px 13px 8px 8px;box-shadow:0 18px 36px rgba(8,35,65,.23);font-size:11px}.whatsapp-float span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#23b061;font-size:9px;font-weight:900}.page-hero{padding:76px 0 58px;background:linear-gradient(180deg,#f6f8fb,#fff)}.page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.page-hero h1{font-size:clamp(46px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:14px 0 18px}.page-hero p{color:var(--muted);font-size:16px;max-width:720px}.page-hero img{width:100%;height:390px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.breadcrumb{display:flex;gap:7px;align-items:center;font-size:10px;color:#7f8b99;margin-bottom:20px}.breadcrumb a{color:#4f637a}.service-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-directory .service-card-image{height:255px}.service-detail-hero{padding:58px 0 48px;background:#f6f8fb}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.service-hero-grid img{height:460px;width:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.service-hero-grid h1{font-size:clamp(44px,5vw,66px);line-height:1.03;letter-spacing:-.045em;margin:13px 0}.service-hero-grid p{color:var(--muted);font-size:16px}.service-meta{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.service-meta span{font-size:10px;font-weight:800;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:999px}.service-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:55px}.service-main h2{font-size:32px;letter-spacing:-.025em;margin:46px 0 12px}.service-main>h2:first-child{margin-top:0}.service-main p{color:#56687d}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scope-item{padding:14px;border:1px solid var(--line);border-radius:12px;font-size:12px;background:#fff}.process-list{counter-reset:step;display:grid;gap:8px}.process-item{counter-increment:step;display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.process-item:before{content:counter(step,decimal-leading-zero);font-size:10px;font-weight:850;color:var(--red)}.service-sidebar{position:sticky;top:105px;align-self:start}.side-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#f7f9fb}.side-card h3{font-size:17px;margin:0 0 8px}.side-card p{font-size:11px;color:var(--muted)}.side-card .btn{width:100%;margin-top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:14px}.service-video{width:100%;border-radius:18px;background:#061e3f;max-height:620px}.article-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-index-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.article-index-card img{width:100%;height:210px;object-fit:cover}.article-index-body{padding:19px}.article-index-body small{font-size:9px;color:var(--red);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.article-index-body h2{font-size:18px;line-height:1.35;margin:7px 0}.article-index-body p{font-size:11px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.category-pills a{font-size:10px;font-weight:750;padding:8px 11px;border:1px solid var(--line);border-radius:999px}.article-hero{padding:58px 0 44px;background:#f7f9fb}.article-hero-inner{max-width:920px;margin:auto;text-align:center}.article-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.06;letter-spacing:-.04em;margin:14px 0}.article-hero p{color:var(--muted);font-size:16px}.article-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#6b7b8d;margin-top:20px}.article-cover{width:min(1100px,calc(100% - 40px));margin:30px auto 0;height:540px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 250px;gap:55px;justify-content:center}.article-content{font-size:15px;color:#334b64}.article-content p{margin:0 0 20px}.article-content h2{font-size:30px;color:#142c49;letter-spacing:-.02em;line-height:1.2;margin:48px 0 15px;scroll-margin-top:120px}.article-content h3{font-size:21px;margin:32px 0 12px}.article-content ul,.article-content ol{padding-left:22px;margin-bottom:24px}.article-content li{margin:8px 0}.article-lead{font-size:18px!important;line-height:1.75;color:#3b526b!important}.article-toc{background:#f5f8fb;border:1px solid var(--line);border-radius:16px;padding:20px;margin:28px 0}.article-toc strong{display:block;margin-bottom:8px}.article-toc ol{margin:0}.article-note{border-left:3px solid var(--red);background:#fff4f5;padding:17px;margin:28px 0;font-size:12px}.article-inline-cta{background:#082a56;color:#fff;border-radius:20px;padding:26px;margin-top:40px}.article-inline-cta h3{color:#fff;margin:0 0 7px}.article-inline-cta p{color:#c8d8e9}.article-inline-cta a{font-weight:800;font-size:12px;color:#fff}.article-aside{position:sticky;top:105px;align-self:start}.article-aside-card{border:1px solid var(--line);border-radius:17px;padding:18px;margin-bottom:12px}.article-aside-card h4{margin:0 0 8px;font-size:13px}.article-aside-card p,.article-aside-card a{font-size:10px;color:var(--muted)}.article-aside-card a{display:block;margin:7px 0;color:#244768}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-info{background:#082a56;color:#fff;padding:34px;border-radius:24px}.contact-info h2{font-size:34px;line-height:1.15;margin:12px 0}.contact-info p{color:#c8d7e7}.contact-list{display:grid;gap:13px;margin-top:25px}.contact-list a,.contact-list div{padding-top:12px;border-top:1px solid rgba(255,255,255,.13);font-size:12px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#41536b}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid #d9e2ec;border-radius:11px;padding:12px 13px;background:#fff;outline:none}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#5b7b9d;box-shadow:0 0 0 3px #0b3b7a0d}.alert{border-radius:12px;padding:13px 15px;font-size:12px;margin-bottom:15px}.alert.success{background:#edf8f2;color:#216241}.alert.error{background:#fff1f2;color:#a3202c}.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.legal-card{border:1px solid var(--line);border-radius:16px;padding:20px}.legal-card b{font-size:22px;color:var(--navy)}.legal-card h3{font-size:15px;margin:7px 0}.legal-card span{font-size:10px;color:var(--muted)}.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.service-card:hover{transform:none}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-cta{display:none}.mega-menu{display:none}.mobile-drawer{position:fixed;top:116px;right:0;width:min(440px,100%);height:calc(100vh - 116px);background:#fff;border-left:1px solid var(--line);padding:22px;overflow:auto;transform:translateX(100%);transition:.25s;display:block;box-shadow:-20px 30px 50px rgba(8,33,64,.12)}.site-header.menu-open .mobile-drawer{transform:none}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mobile-drawer>a,.mobile-drawer summary{display:block;padding:14px 2px;border-bottom:1px solid var(--line);font-size:14px;font-weight:750;cursor:pointer}.mobile-drawer summary{display:flex;justify-content:space-between;list-style:none}.mobile-service-list{display:grid;padding:8px 0}.mobile-service-list a{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:8px;border-radius:9px}.mobile-service-list a:hover{background:#f3f6f9}.mobile-service-list span{width:28px;height:28px;display:grid;place-items:center;background:#eef3f8;border-radius:8px}.mobile-service-list b{font-size:11px}.mobile-primary{margin-top:16px!important;background:var(--red);color:#fff!important;padding:13px!important;border-radius:10px}.service-grid,.service-directory,.article-index-grid{grid-template-columns:repeat(2,1fr)}.industries-grid{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:repeat(4,1fr);gap:0}.process-step:nth-child(5){border-left:0}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-col:nth-last-child(-n+2){margin-top:12px}.article-layout{grid-template-columns:minmax(0,760px)}.article-aside{display:none}}
@media(max-width:800px){.container{width:min(100% - 30px,var(--max))}.utility-inner{height:auto;min-height:34px}.utility-inner>div:first-child{display:none}.utility-inner{justify-content:flex-end}.nav-shell{height:70px}.brand img{width:43px;height:43px}.brand b{font-size:14px}.hero{padding:48px 0}.hero-grid,.about-grid,.project-grid,.page-hero-grid,.service-hero-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.hero-copy h1{font-size:50px}.hero-visual{min-height:430px}.hero-photo-main{height:390px;width:92%}.hero-photo-small{height:155px}.hero-caption{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{border-bottom:1px solid var(--line)}.section{padding:72px 0}.section-head{align-items:start;flex-direction:column}.section-head h2,.section-copy h2{font-size:38px}.about-media img{height:400px}.about-float{right:10px}.service-grid,.service-directory,.article-index-grid{grid-template-columns:1fr}.needs-grid{grid-template-columns:1fr 1fr}.industries-grid{grid-template-columns:1fr 1fr}.process-wrap{padding:28px 20px}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(odd){border-left:0}.team-grid{grid-template-columns:1fr}.team-card{min-height:380px}.client-wall{grid-template-columns:1fr 1fr}.knowledge-grid{grid-template-columns:1fr}.article-feature{grid-template-columns:1fr}.article-feature img{min-height:230px}.faq-layout{grid-template-columns:1fr;gap:24px}.final-cta-card{align-items:flex-start;flex-direction:column;padding:34px 28px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero img,.service-hero-grid img{height:350px}.service-body{grid-template-columns:1fr}.service-sidebar{position:static}.scope-grid{grid-template-columns:1fr}.article-cover{height:390px}.article-hero h1{font-size:42px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.legal-grid{grid-template-columns:1fr}}
@media(max-width:520px){.nav-actions .language-toggle{display:none}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-proof{gap:17px}.hero-visual{min-height:360px}.hero-photo-main{height:335px;width:96%}.hero-photo-small{height:125px;width:48%}.values-row,.needs-grid,.industries-grid,.client-wall,.footer-main{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-step{border-left:0;border-top:1px solid #d6dfe9}.team-card{grid-template-columns:1fr}.team-card img{height:350px}.team-card-content{padding:25px}.article-cover{height:280px}.article-hero h1{font-size:36px}.whatsapp-float b{display:none}.whatsapp-float{padding:7px}.final-actions{flex-direction:column;width:100%}.final-actions .btn{width:100%}}

/* ===== WAFINDO DIGITAL SOLUTIONS 2026 ===== */
.desktop-nav>a,.nav-service>button{position:relative}
.desktop-nav>a:after,.nav-service>button:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.18s;border-radius:3px}
.desktop-nav>a:hover:after,.nav-service>button:hover:after,.nav-service:focus-within>button:after{transform:scaleX(1)}
.btn-light-outline{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.04)}
.btn-light-outline:hover{background:#fff;color:var(--navy);border-color:#fff}

.home-digital-section{padding:92px 0;background:linear-gradient(135deg,#061d3e 0%,#082a56 52%,#0b3d79 100%);color:#fff;position:relative;overflow:hidden}
.home-digital-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:80px solid rgba(255,255,255,.035);right:-180px;top:-300px}
.home-digital-section:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,46,.18),transparent 68%);left:-120px;bottom:-120px}
.home-digital-shell{display:grid;grid-template-columns:.86fr 1.14fr;gap:56px;align-items:center;position:relative;z-index:1}
.home-digital-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 18px;color:#fff}
.home-digital-copy>p{color:#ccdaea;font-size:16px;max-width:650px}
.home-digital-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0}
.home-digital-list span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:13px;padding:12px 13px;display:grid;backdrop-filter:blur(8px)}
.home-digital-list b{font-size:11px;color:#fff;line-height:1.3}.home-digital-list small{font-size:9px;color:#94acc6;margin-top:3px}
.home-digital-mockups{position:relative;min-height:520px;perspective:1300px}
.home-laptop{position:absolute;width:78%;right:6%;top:25px;transform:rotateY(-4deg) rotateX(1deg)}
.home-phone{position:absolute;width:205px;left:0;bottom:0;z-index:4;filter:drop-shadow(0 30px 35px rgba(0,0,0,.25))}
.home-tablet{position:absolute;width:330px;right:0;bottom:6px;z-index:3;filter:drop-shadow(0 28px 35px rgba(0,0,0,.22))}

.digital-service-intro{padding:88px 0;background:linear-gradient(180deg,#f6f9fd,#fff);overflow:hidden}
.digital-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}
.digital-intro-copy h2{font-size:clamp(38px,4.6vw,62px);line-height:1.03;letter-spacing:-.048em;color:#0d2748;margin:14px 0 18px}
.digital-intro-copy>p{font-size:16px;color:#617187;margin:0 0 23px}
.digital-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.digital-badges span{font-size:10px;font-weight:800;color:#244263;border:1px solid #d8e1eb;border-radius:999px;padding:7px 10px;background:#fff}
.digital-device-stage{position:relative;min-height:560px;perspective:1400px}
.stage-laptop{position:absolute;width:76%;right:0;top:18px;transform:rotateY(-5deg) rotateX(1deg);z-index:1}
.stage-phone{position:absolute;width:205px;left:0;bottom:0;z-index:5;filter:drop-shadow(0 26px 32px rgba(7,35,69,.22))}
.stage-tablet{position:absolute;width:330px;right:0;bottom:0;z-index:4;filter:drop-shadow(0 26px 32px rgba(7,35,69,.2))}

.digital-solutions-section{background:#fff}
.digital-solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.digital-solution-card{display:grid;grid-template-columns:minmax(240px,.9fr) 1.1fr;border:1px solid #dce5ee;background:#fff;border-radius:24px;overflow:hidden;min-height:330px;box-shadow:0 10px 34px rgba(10,43,80,.055);transition:.25s}
.digital-solution-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(10,43,80,.11);border-color:#c6d4e2}
.digital-solution-visual{background:linear-gradient(150deg,#eef4fa,#f8fafc);display:grid;place-items:center;min-height:330px;padding:25px;overflow:hidden;position:relative}
.digital-solution-visual:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(8,42,86,.04);right:-65px;top:-65px}
.digital-solution-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.digital-solution-content{padding:29px 28px;display:flex;flex-direction:column;justify-content:center}
.digital-solution-content>small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:850}
.digital-solution-content h3{font-size:23px;line-height:1.18;letter-spacing:-.02em;margin:8px 0 10px;color:#123052}
.digital-solution-content p{font-size:13px;color:#67778b;margin:0 0 13px}
.digital-solution-content ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}
.digital-solution-content li{font-size:10px;color:#3f536c;position:relative;padding-left:13px}.digital-solution-content li:before{content:"";width:5px;height:5px;background:var(--red);border-radius:50%;position:absolute;left:0;top:.65em}
.digital-principles{padding:35px 0 72px;background:#fff}.digital-principles-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.digital-principle{padding:24px 22px;border-right:1px solid var(--line)}.digital-principle:last-child{border-right:0}.digital-principle b{display:block;color:#163657;font-size:13px}.digital-principle span{display:block;color:#758497;font-size:10px;line-height:1.6;margin-top:5px}

/* Product-style UI mockups: pure HTML/CSS, no fake external app screenshots. */
.ui-device{background:#fff;border:1px solid #cfd9e5;box-shadow:0 24px 55px rgba(10,35,66,.16);color:#17324f;position:relative;overflow:hidden}
.ui-laptop{border-radius:16px;padding:11px;min-height:245px}.ui-laptop:after{content:"";position:absolute;left:12%;right:12%;bottom:-11px;height:12px;border-radius:0 0 14px 14px;background:#cbd3dc;box-shadow:0 4px 4px rgba(0,0,0,.08)}
.ui-tablet{border-radius:22px;padding:15px;min-height:245px}.ui-phone{border:6px solid #101820;border-radius:30px;padding:14px 10px 12px;min-height:360px;background:#fff}.ui-phone:before{content:"";position:absolute;width:56px;height:5px;border-radius:8px;background:#20262d;top:8px;left:50%;transform:translateX(-50%)}
.ui-topbar{height:28px;border-radius:9px 9px 4px 4px;background:#edf2f7;display:flex;align-items:center;gap:5px;padding:0 8px}.ui-topbar i{width:5px;height:5px;border-radius:50%;background:#9aa8b8}.ui-topbar i:first-child{background:#e11d2e}.ui-topbar span{font-size:7px;color:#64768a;margin-left:4px;font-style:normal}
.ui-dashboard{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;padding:13px 5px 3px}.ui-chart{background:#f8fafc;border:1px solid #e2e8ef;border-radius:11px;padding:12px;min-height:175px;display:flex;align-items:flex-end;gap:8px;position:relative}.ui-chart b{position:absolute;left:11px;top:10px;font-size:8px}.ui-chart span{display:block;width:23%;border-radius:4px 4px 0 0;background:linear-gradient(#2b70b7,#0a3b72)}.ui-chart span:nth-of-type(1){height:32%}.ui-chart span:nth-of-type(2){height:62%;background:linear-gradient(#eb5966,#d81828)}.ui-chart span:nth-of-type(3){height:48%}.ui-tasks{display:grid;gap:8px}.ui-tasks i{font-style:normal;border:1px solid #e2e8ef;border-radius:10px;padding:11px;background:#fff}.ui-tasks b{display:block;font-size:9px}.ui-tasks small{font-size:6px;color:#8795a5}
.ui-phone-head{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:5px 3px}.ui-phone-head b{font-size:9px}.ui-phone-head span{font-size:8px;color:#63768c}.ui-selfie{height:125px;margin:9px 2px;background:linear-gradient(145deg,#e8eff7,#c9d8e7);border-radius:14px;display:grid;place-items:center;position:relative;overflow:hidden}.ui-selfie:before{content:"";width:52px;height:52px;border-radius:50%;background:#7f9bb6;position:absolute;top:22px}.ui-selfie:after{content:"";width:92px;height:62px;border-radius:50px 50px 14px 14px;background:#9eb2c7;position:absolute;bottom:-10px}.ui-selfie span{font-size:6px;font-weight:800;color:#fff;z-index:2;position:absolute;bottom:8px}.ui-selfie i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.75);border-radius:12px;z-index:2}.ui-location{padding:9px;border:1px solid #e2e8ef;border-radius:11px;position:relative}.ui-location b{display:block;font-size:8px}.ui-location small{font-size:6px;color:#7b8999}.ui-location em{display:block;height:30px;background:linear-gradient(140deg,#eef4f7,#e2eef1);border-radius:6px;margin-top:7px}.ui-phone button{width:100%;border:0;background:#0a3b72;color:#fff;border-radius:9px;padding:8px;font-size:7px;font-weight:800;margin-top:9px}
.ui-app-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e7ee;padding-bottom:9px}.ui-app-title b{font-size:10px}.ui-app-title span{font-size:7px;color:#6f7f92;background:#eff4f8;padding:4px 7px;border-radius:999px}.ui-amount{padding:16px 0 12px}.ui-amount small{font-size:7px;color:#7d8998}.ui-amount b{display:block;font-size:17px;color:#0b2d5c;margin-top:3px}.ui-flow{display:grid;grid-template-columns:18px 1fr;gap:5px 8px;align-items:center}.ui-flow i{width:14px;height:14px;border-radius:50%;border:2px solid #bec9d4;position:relative}.ui-flow i.done{background:#0b3b7a;border-color:#0b3b7a}.ui-flow i.done:after{content:"✓";color:#fff;font-size:7px;position:absolute;left:2px;top:-1px}.ui-flow span{font-size:7px;border-bottom:1px solid #e6ebf0;padding:7px 0}.ui-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.ui-mini-kpis i{font-style:normal;border:1px solid #e2e8ef;background:#f8fafc;border-radius:9px;padding:9px}.ui-mini-kpis b{display:block;font-size:14px}.ui-mini-kpis small{font-size:6px;color:#7e8c9d}.ui-list{display:grid;gap:6px}.ui-list span{padding:8px 9px;border:1px solid #e5eaf0;border-radius:8px}.ui-list b{display:block;font-size:8px}.ui-list small{font-size:6px;color:#7d8b9b}
.ui-approval-row{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #e4e9ef}.ui-approval-row>i{width:22px;height:22px;border-radius:7px;background:#eef3f8;display:grid;place-items:center;font-style:normal;font-size:7px}.ui-approval-row b{display:block;font-size:8px}.ui-approval-row small{font-size:6px;color:#8290a0}.ui-approval-row em{font-style:normal;color:#1e714f;font-size:10px}.ui-approval-row.active{background:#fff8f8;margin:0 -7px;padding:10px 7px;border-radius:8px}.ui-approval-row.active em{color:#e11d2e}
.ui-doc-layout{display:grid;grid-template-columns:72px 1fr;min-height:190px}.ui-doc-layout aside{background:#0a315f;color:#fff;padding:12px 8px;display:grid;align-content:start;gap:10px}.ui-doc-layout aside b{font-size:7px}.ui-doc-layout aside span{font-size:6px;color:#b9c9da}.ui-doc-layout main{padding:10px}.ui-searchbar{height:20px;border-radius:6px;background:#eef2f6;margin-bottom:11px}.ui-folders{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ui-folders i{font-style:normal;border:1px solid #dfe6ed;border-radius:8px;padding:17px 6px 7px;font-size:7px;color:#4b6078;position:relative}.ui-folders i:before{content:"";width:18px;height:11px;background:#e11d2e;border-radius:3px;position:absolute;top:6px;left:7px}
.ui-qr{width:115px;height:115px;margin:16px auto;background:repeating-conic-gradient(#0d2b4b 0 25%,#fff 0 50%) 50%/18px 18px;border:7px solid #fff;box-shadow:0 0 0 1px #d5dfe8;border-radius:8px}.ui-verify-result{text-align:center}.ui-verify-result b{display:block;font-size:9px;color:#1e714f}.ui-verify-result small{font-size:6px;color:#7c8b9b}.ui-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.ui-kanban i{font-style:normal;background:#f7f9fb;border:1px solid #e1e7ed;border-radius:8px;padding:11px 8px}.ui-kanban b{display:block;font-size:7px}.ui-kanban small{font-size:6px;color:#8290a0}.ui-progress{height:7px;background:#e7edf3;border-radius:99px;overflow:hidden}.ui-progress span{display:block;height:100%;background:linear-gradient(90deg,#0b3b7a,#e11d2e)}
.ui-custom{display:grid;grid-template-columns:42px 1fr;min-height:190px}.ui-custom aside{background:#092d58;padding:11px;display:grid;align-content:start;gap:11px}.ui-custom aside i{height:6px;border-radius:5px;background:rgba(255,255,255,.35)}.ui-custom main{padding:13px}.ui-custom-head{display:flex;justify-content:space-between;align-items:center}.ui-custom-head b{font-size:9px}.ui-custom-head small{font-size:6px;color:#7d8a9a}.ui-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ui-custom-grid i{height:65px;border-radius:8px;background:linear-gradient(145deg,#edf3f8,#f8fafc);border:1px solid #e0e7ee}
.ui-web-hero{height:120px;border-radius:8px;background:linear-gradient(130deg,#082a56,#0b468e);color:#fff;padding:18px;position:relative;overflow:hidden}.ui-web-hero:after{content:"";width:120px;height:120px;border:20px solid rgba(255,255,255,.07);border-radius:50%;position:absolute;right:-25px;top:-40px}.ui-web-hero small{font-size:6px;letter-spacing:.15em;color:#f4a7ae}.ui-web-hero b{display:block;font-size:15px;line-height:1.15;margin-top:8px}.ui-web-hero em{display:block;width:45px;height:13px;background:#e11d2e;border-radius:4px;margin-top:12px}.ui-web-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.ui-web-grid i{height:52px;border:1px solid #e1e7ee;background:#f6f8fa;border-radius:7px}

@media(max-width:1100px){.home-digital-shell,.digital-intro-grid{grid-template-columns:1fr}.home-digital-mockups,.digital-device-stage{min-height:500px}.digital-solution-grid{grid-template-columns:1fr}.digital-solution-card{grid-template-columns:320px 1fr}.digital-principles-grid{grid-template-columns:1fr 1fr}.digital-principle:nth-child(2){border-right:0}.digital-principle:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:800px){.home-digital-section,.digital-service-intro{padding:70px 0}.home-digital-copy h2,.digital-intro-copy h2{font-size:42px}.home-digital-mockups,.digital-device-stage{min-height:420px}.home-laptop,.stage-laptop{width:86%;right:0}.home-phone,.stage-phone{width:160px}.home-tablet,.stage-tablet{width:260px}.digital-solution-card{grid-template-columns:1fr}.digital-solution-visual{min-height:280px}.digital-solution-content ul{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-digital-list{grid-template-columns:1fr}.home-digital-mockups,.digital-device-stage{min-height:360px}.home-laptop,.stage-laptop{width:96%;top:0}.home-phone,.stage-phone{width:125px;left:0}.home-tablet,.stage-tablet{width:205px}.digital-solution-content ul{grid-template-columns:1fr}.digital-principles-grid{grid-template-columns:1fr}.digital-principle{border-right:0;border-bottom:1px solid var(--line)}.digital-principle:last-child{border-bottom:0}.ui-device{transform-origin:center}.ui-phone{min-height:300px}.ui-laptop,.ui-tablet{min-height:210px}}

/* ======================================================================
   WAFINDO DIGITAL SERVICE — SOLVESTA-INSPIRED STRUCTURE, WAFINDO IDENTITY
   Scope: .digital-product-page only
   ====================================================================== */
.digital-product-page{--wd-navy:#082a56;--wd-deep:#051b38;--wd-red:#e31c2b;--wd-blue:#0d4b8f;--wd-ink:#10233d;--wd-muted:#66768a;--wd-line:#dfe6ee;--wd-soft:#f5f8fb;background:#fff;color:var(--wd-ink)}
.digital-product-page *{box-sizing:border-box}.digital-product-page .wd-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--wd-red)}.digital-product-page .wd-kicker:before{content:"";width:26px;height:2px;background:currentColor;border-radius:9px}.digital-product-page h1,.digital-product-page h2,.digital-product-page h3{letter-spacing:-.045em}.digital-product-page p{line-height:1.75}
.wd-hero{position:relative;overflow:hidden;padding:86px 0 92px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid #e8edf2}.wd-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,42,86,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,42,86,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.wd-orb{position:absolute;border-radius:50%;pointer-events:none}.wd-orb-a{width:480px;height:480px;right:-120px;top:-180px;background:radial-gradient(circle,rgba(13,75,143,.12),rgba(13,75,143,0) 68%)}.wd-orb-b{width:340px;height:340px;left:-160px;bottom:-210px;background:radial-gradient(circle,rgba(227,28,43,.10),rgba(227,28,43,0) 70%)}
.wd-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.wd-breadcrumb{margin-bottom:24px}.wd-breadcrumb a,.wd-breadcrumb span{font-size:11px}.wd-hero-copy h1{max-width:780px;margin:18px 0 18px;font-size:clamp(46px,5vw,76px);line-height:.99;color:#092a56}.wd-lead{max-width:720px;margin:0;color:#5b6d82;font-size:16px}.wd-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.wd-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid #e2e8ef}.wd-trust span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#53677d}.wd-trust i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;background:#edf8f1;color:#23834b;font-size:10px}
.wd-hero-stage{position:relative;min-height:520px}.wd-screen-main{position:absolute;right:4%;top:4%;width:78%;filter:drop-shadow(0 28px 48px rgba(7,37,76,.18));transform:perspective(1100px) rotateY(-7deg) rotateX(1deg)}.wd-screen-phone{position:absolute;left:2%;bottom:0;width:28%;z-index:4;filter:drop-shadow(0 22px 34px rgba(7,37,76,.20));transform:rotate(-2deg)}.wd-screen-float{position:absolute;right:0;bottom:4%;width:47%;z-index:3;filter:drop-shadow(0 22px 38px rgba(7,37,76,.17));transform:rotate(1deg)}.wd-status-pill{position:absolute;left:14%;top:7%;z-index:8;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(8,42,86,.11);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 10px 28px rgba(8,42,86,.08);font-size:10px;font-weight:800;color:#244866}.wd-status-pill i{width:7px;height:7px;border-radius:50%;background:#1fa968;box-shadow:0 0 0 5px rgba(31,169,104,.09)}
.wd-anchorbar{position:sticky;top:72px;z-index:24;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e7edf3}.wd-anchor-inner{display:flex;gap:8px;align-items:center;overflow:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}.wd-anchor-inner::-webkit-scrollbar{display:none}.wd-anchor-inner>span{flex:0 0 auto;color:#8a98a8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-right:4px}.wd-anchor-inner a{flex:0 0 auto;padding:8px 11px;border:1px solid #e3e9ef;border-radius:999px;color:#496076;font-size:10px;font-weight:700;background:#fff;transition:.2s}.wd-anchor-inner a:hover{border-color:#a9bfd4;color:#082a56;background:#f5f9fc}
.wd-intro{padding:88px 0;background:#fff}.wd-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.wd-intro h2{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:15px 0 0;color:#0b2d5c}.wd-intro p{font-size:15px;color:#69798b;margin:2px 0 24px}.wd-mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2e8ef;border-radius:18px;overflow:hidden}.wd-mini-metrics span{padding:16px 14px;border-right:1px solid #e2e8ef;font-size:10px;color:#6b7989}.wd-mini-metrics span:last-child{border-right:0}.wd-mini-metrics b{display:block;font-size:19px;color:#0b2d5c;margin-bottom:2px}
.wd-solution{padding:104px 0 88px;background:#fff;scroll-margin-top:135px;border-top:1px solid #eef2f5}.wd-solution-dark{background:linear-gradient(135deg,#061b37 0%,#082b58 55%,#0a386d 100%);color:#fff;border-top:0}.wd-solution-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:68px;align-items:center}.wd-solution-grid.reverse .wd-solution-copy{order:2}.wd-solution-grid.reverse .wd-solution-visual{order:1}.wd-section-no{font-size:12px;font-weight:800;letter-spacing:.18em;color:#9aabbc;margin-bottom:20px}.wd-solution h2{font-size:clamp(36px,4.2vw,58px);line-height:1.04;margin:14px 0 16px;color:#0b2d5c}.wd-solution-dark h2{color:#fff}.wd-solution-headline{font-size:19px!important;line-height:1.5!important;font-weight:700;color:#223c59!important;margin:0 0 12px!important}.wd-solution-dark .wd-solution-headline{color:#dcecff!important}.wd-solution-copy>p:not(.wd-solution-headline){font-size:14px;color:#6b7c8f;margin:0}.wd-solution-dark .wd-solution-copy>p:not(.wd-solution-headline){color:#b7c8db}.wd-checklist{list-style:none;padding:0;margin:26px 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.wd-checklist li{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#405b75;font-weight:650}.wd-solution-dark .wd-checklist li{color:#d8e4f0}.wd-checklist i{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#eef8f2;color:#23834b;font-size:9px;font-style:normal}.wd-result{margin-top:24px;padding:19px 21px;border-radius:16px;background:#f7f9fb;border:1px solid #e5ebf1}.wd-result small{font-size:9px;letter-spacing:.12em;font-weight:800;color:#9a6070}.wd-result p{font-size:12px!important;font-weight:700;color:#244866!important;margin:4px 0 0!important}.wd-solution-dark .wd-result{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}.wd-solution-dark .wd-result small{color:#ff9ba4}.wd-solution-dark .wd-result p{color:#fff!important}
.wd-solution-visual{position:relative;min-height:480px;padding:26px}.wd-mockup-shell{position:absolute;inset:16px 10px 118px 18px;display:grid;place-items:center}.wd-mockup-shell>.ui-device{width:95%;max-width:610px;box-shadow:0 30px 65px rgba(6,29,59,.17)}.wd-solution-dark .wd-mockup-shell>.ui-device{box-shadow:0 34px 70px rgba(0,0,0,.28)}.wd-code-card{position:absolute;right:0;bottom:0;width:72%;min-width:340px;border-radius:16px;overflow:hidden;background:#071627;color:#cce3ff;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px rgba(6,29,59,.24)}.wd-code-top{height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;background:#0b223b;border-bottom:1px solid rgba(255,255,255,.07)}.wd-code-top>span{width:7px;height:7px;border-radius:50%;background:#425a73}.wd-code-top>span:nth-child(1){background:#ef5a5a}.wd-code-top>span:nth-child(2){background:#e5b44a}.wd-code-top>span:nth-child(3){background:#40b47a}.wd-code-top b{margin-left:auto;font-size:8px;font-weight:600;color:#6986a4;letter-spacing:.04em}.wd-code-card pre{margin:0;padding:15px 17px 9px;white-space:pre-wrap;font:10px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.wd-code-card code{display:block;color:#c8ddf1}.wd-code-card code em{display:inline-block;width:22px;color:#496781;font-style:normal}.wd-code-status{display:flex;align-items:center;gap:7px;padding:9px 15px;border-top:1px solid rgba(255,255,255,.07);font-size:8px;font-weight:800;color:#7fb79e}.wd-code-status i{width:7px;height:7px;border-radius:50%;background:#36c478;box-shadow:0 0 0 4px rgba(54,196,120,.09)}
.wd-how{margin-top:66px;padding-top:34px;border-top:1px solid #e5ebf0}.wd-solution-dark .wd-how{border-color:rgba(255,255,255,.13)}.wd-how-title{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:end}.wd-how-title>span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#9a6976}.wd-solution-dark .wd-how-title>span{color:#ff9da6}.wd-how-title h3{font-size:24px;margin:0;color:#153657}.wd-solution-dark .wd-how-title h3{color:#fff}.wd-how-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border:1px solid #e3e9ef;border-radius:18px;overflow:hidden}.wd-solution-dark .wd-how-steps{border-color:rgba(255,255,255,.13)}.wd-how-steps>div{position:relative;padding:23px 22px 25px;border-right:1px solid #e3e9ef}.wd-solution-dark .wd-how-steps>div{border-color:rgba(255,255,255,.13)}.wd-how-steps>div:last-child{border-right:0}.wd-how-steps b{display:block;font-size:10px;color:#d02131;margin-bottom:12px}.wd-how-steps span{font-size:12px;line-height:1.5;font-weight:700;color:#27445f}.wd-solution-dark .wd-how-steps span{color:#e7eff7}.wd-feature-panel{margin-top:18px;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 22px;border-radius:16px;background:#f4f7fa}.wd-solution-dark .wd-feature-panel{background:rgba(255,255,255,.07)}.wd-feature-panel>div span{display:block;font-size:8px;letter-spacing:.12em;color:#9b6671;font-weight:800}.wd-feature-panel>div b{display:block;font-size:12px;color:#244866;margin-top:3px}.wd-solution-dark .wd-feature-panel>div b{color:#fff}.wd-feature-panel>a{white-space:nowrap;display:inline-flex;align-items:center;gap:18px;padding:12px 14px;border-radius:10px;background:#fff;color:#0b2d5c;font-size:10px;font-weight:800;box-shadow:0 6px 20px rgba(8,42,86,.06)}.wd-solution-dark .wd-feature-panel>a{background:#fff;color:#082a56}.wd-feature-panel>a span{color:#e31c2b;font-size:15px}
.wd-more{padding:100px 0;background:#f5f8fb}.wd-more-head{max-width:760px}.wd-more-head h2{font-size:clamp(36px,4vw,54px);line-height:1.07;color:#0b2d5c;margin:14px 0}.wd-more-head p{color:#718094;font-size:14px}.wd-more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:38px}.wd-more-card{display:grid;grid-template-columns:210px 1fr;min-height:270px;background:#fff;border:1px solid #e1e8ef;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px rgba(8,42,86,.045);transition:.25s ease}.wd-more-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(8,42,86,.085)}.wd-more-visual{position:relative;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#edf3f8,#f8fafc);overflow:hidden}.wd-more-visual>.ui-device{width:135%;transform:scale(.78);box-shadow:0 18px 38px rgba(8,42,86,.13)}.wd-more-visual img{width:100%;height:100%;object-fit:cover}.wd-more-body{padding:24px 23px}.wd-more-body>small{font-size:8px;font-weight:800;letter-spacing:.11em;color:#d02131;text-transform:uppercase}.wd-more-body h3{font-size:20px;line-height:1.15;color:#163657;margin:8px 0 9px}.wd-more-body p{font-size:11px;color:#718094;margin:0}.wd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.wd-tags span{padding:6px 8px;border:1px solid #e3e9ef;border-radius:999px;font-size:8px;font-weight:700;color:#536b82;background:#f8fafc}
.wd-process{padding:102px 0;background:#fff}.wd-process-head{max-width:760px}.wd-process-head h2{font-size:clamp(36px,4vw,54px);line-height:1.07;color:#0b2d5c;margin:14px 0}.wd-process-head p{font-size:14px;color:#708095}.wd-process-track{display:grid;grid-template-columns:repeat(6,1fr);margin-top:42px;border-top:1px solid #dce4ec;border-bottom:1px solid #dce4ec}.wd-process-track>div{position:relative;padding:26px 18px 28px;border-right:1px solid #e3e9ef}.wd-process-track>div:last-child{border-right:0}.wd-process-track span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0b2d5c;color:#fff;font-size:8px;font-weight:800;margin-bottom:16px}.wd-process-track b{display:block;font-size:12px;color:#193b5e}.wd-process-track p{font-size:9px;line-height:1.55;color:#7a8796;margin:6px 0 0}
.wd-why{padding:96px 0;background:#071f40;color:#fff;position:relative;overflow:hidden}.wd-why:after{content:"";position:absolute;right:-170px;top:-230px;width:560px;height:560px;border-radius:50%;border:110px solid rgba(255,255,255,.025)}.wd-why-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.wd-why-copy h2{font-size:clamp(36px,4vw,55px);line-height:1.06;margin:14px 0 18px}.wd-why-copy p{font-size:14px;color:#b7c8da}.wd-why-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden}.wd-why-list>div{padding:25px 23px;border-right:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}.wd-why-list>div:nth-child(2n){border-right:0}.wd-why-list>div:nth-last-child(-n+2){border-bottom:0}.wd-why-list b{display:block;color:#ff8e99;font-size:10px;letter-spacing:.12em}.wd-why-list span{display:block;font-size:11px;line-height:1.55;color:#d2deea;margin-top:8px}
.wd-final{padding:88px 0 100px;background:#fff}.wd-final-box{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:44px 48px;border-radius:26px;background:linear-gradient(135deg,#f4f7fa 0%,#fff 62%);border:1px solid #e1e8ef;box-shadow:0 18px 50px rgba(8,42,86,.06)}.wd-final-box>div:first-child{max-width:760px}.wd-final h2{font-size:clamp(34px,3.8vw,50px);line-height:1.08;color:#0b2d5c;margin:13px 0 12px}.wd-final p{font-size:13px;color:#6e7f91;margin:0}.wd-final-actions{display:flex;flex-direction:column;gap:10px;min-width:250px}.wd-wa{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid #dfe7ee;border-radius:12px;background:#fff}.wd-wa small{font-size:8px;color:#8a97a5;text-transform:uppercase;letter-spacing:.1em}.wd-wa b{font-size:11px;color:#0b2d5c}
.digital-product-page+.faq-section{margin-top:0}
@media(max-width:1180px){.wd-hero-grid,.wd-solution-grid,.wd-intro-grid,.wd-why-grid{grid-template-columns:1fr}.wd-hero-stage{min-height:510px;max-width:820px;width:100%;margin:0 auto}.wd-solution-grid.reverse .wd-solution-copy,.wd-solution-grid.reverse .wd-solution-visual{order:initial}.wd-solution-visual{min-height:500px}.wd-process-track{grid-template-columns:repeat(3,1fr)}.wd-process-track>div:nth-child(3n){border-right:0}.wd-process-track>div:nth-child(-n+3){border-bottom:1px solid #e3e9ef}.wd-more-grid{grid-template-columns:1fr}.wd-final-box{align-items:flex-start}}
@media(max-width:820px){.wd-hero{padding:64px 0 72px}.wd-hero-copy h1{font-size:48px}.wd-hero-stage{min-height:420px}.wd-screen-main{width:84%}.wd-screen-phone{width:29%}.wd-screen-float{width:48%}.wd-intro,.wd-solution,.wd-more,.wd-process,.wd-why{padding:72px 0}.wd-checklist{grid-template-columns:1fr}.wd-solution-visual{min-height:420px;padding:0}.wd-mockup-shell{inset:0 0 110px}.wd-code-card{width:82%;min-width:0}.wd-how-title{grid-template-columns:1fr;gap:6px}.wd-how-steps{grid-template-columns:1fr}.wd-how-steps>div{border-right:0;border-bottom:1px solid #e3e9ef}.wd-how-steps>div:last-child{border-bottom:0}.wd-solution-dark .wd-how-steps>div{border-bottom-color:rgba(255,255,255,.13)}.wd-feature-panel{align-items:flex-start;flex-direction:column}.wd-more-card{grid-template-columns:180px 1fr}.wd-process-track{grid-template-columns:1fr 1fr}.wd-process-track>div:nth-child(3n){border-right:1px solid #e3e9ef}.wd-process-track>div:nth-child(2n){border-right:0}.wd-process-track>div:nth-child(-n+4){border-bottom:1px solid #e3e9ef}.wd-final-box{flex-direction:column;padding:34px}.wd-final-actions{width:100%;min-width:0}}
@media(max-width:560px){.wd-hero-copy h1{font-size:39px}.wd-lead{font-size:14px}.wd-hero-actions{display:grid;grid-template-columns:1fr}.wd-hero-actions .btn{text-align:center;justify-content:center}.wd-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wd-hero-stage{min-height:340px}.wd-screen-main{width:96%;right:-7%}.wd-screen-phone{width:34%;left:-2%}.wd-screen-float{width:53%;right:-5%}.wd-status-pill{left:2%;top:1%}.wd-intro h2,.wd-more-head h2,.wd-process-head h2,.wd-why-copy h2,.wd-final h2{font-size:35px}.wd-mini-metrics{grid-template-columns:1fr 1fr}.wd-mini-metrics span:nth-child(2){border-right:0}.wd-mini-metrics span:nth-child(-n+2){border-bottom:1px solid #e2e8ef}.wd-solution h2{font-size:36px}.wd-solution-headline{font-size:16px!important}.wd-solution-visual{min-height:355px}.wd-mockup-shell{inset:0 0 92px}.wd-code-card{width:92%}.wd-code-card pre{font-size:8px}.wd-more-card{grid-template-columns:1fr}.wd-more-visual{min-height:240px}.wd-more-visual>.ui-device{width:100%;transform:scale(.84)}.wd-process-track{grid-template-columns:1fr}.wd-process-track>div{border-right:0!important;border-bottom:1px solid #e3e9ef!important}.wd-process-track>div:last-child{border-bottom:0!important}.wd-why-list{grid-template-columns:1fr}.wd-why-list>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.11)!important}.wd-why-list>div:last-child{border-bottom:0!important}.wd-final{padding:65px 0}.wd-final-box{padding:27px 22px;border-radius:20px}}

/* ======================================================================
   WAFINDO HOMEPAGE SERVICE DISCOVERY + SEO INTERNAL LINKING 2026-08-20
   ====================================================================== */
.home-service-index{background:#fff;position:relative;overflow:hidden}
.home-service-index:before{content:"";position:absolute;left:-220px;top:60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(8,42,86,.045),transparent 68%);pointer-events:none}
.home-service-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:1}
.home-service-group{border:1px solid #dfe7ef;background:linear-gradient(180deg,#fff,#fbfcfd);border-radius:24px;padding:20px;box-shadow:0 14px 38px rgba(8,42,86,.045)}
.home-service-group-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 15px;border-bottom:1px solid #e5ebf1}
.home-service-group-head>span{font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#0b2d5c}
.home-service-group-head>small{font-size:10px;color:#8a97a5;background:#f2f6f9;border-radius:999px;padding:5px 9px}
.home-service-links{display:grid;gap:2px;padding-top:8px}
.home-service-links>a{display:grid;grid-template-columns:58px 1fr 18px;align-items:center;gap:13px;padding:10px;border-radius:14px;transition:.2s ease}
.home-service-links>a:hover{background:#f3f7fa;transform:translateX(2px)}
.home-service-links img{width:58px;height:52px;object-fit:cover;border-radius:11px;border:1px solid #e0e7ee;background:#eef2f5}
.home-service-links b{display:block;font-size:13px;line-height:1.3;color:#163654;margin-bottom:3px}
.home-service-links small{display:block;color:#758597;font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-service-links i{font-style:normal;color:#e11d2e;font-size:14px}
.home-seo-note{margin-top:22px;border-radius:20px;padding:22px 24px;background:linear-gradient(125deg,#071e3e,#0a376e);color:#fff;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:24px;box-shadow:0 22px 50px rgba(7,31,64,.12)}
.home-seo-note>span{font-size:12px;font-weight:850;letter-spacing:.04em;color:#ff9da6}
.home-seo-note p{margin:0;color:#d1deeb;font-size:12px;line-height:1.6}
.home-seo-note a{white-space:nowrap;background:#fff;color:#0b2d5c;border-radius:11px;padding:11px 14px;font-weight:800;font-size:11px}

/* Digital capability homepage polish */
.home-digital-section{isolation:isolate}
.home-digital-section .eyebrow{color:#ff9aa4}
.home-digital-copy h2{max-width:690px}
.home-digital-copy>p{max-width:690px}
.home-digital-list span{min-height:64px;justify-content:center}
.home-digital-mockups:before{content:"";position:absolute;inset:11% 4% 6% 8%;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));backdrop-filter:blur(8px)}
.home-digital-mockups:after{content:"WEB • MOBILE • DASHBOARD";position:absolute;right:4%;top:5%;font-size:8px;font-weight:850;letter-spacing:.17em;color:#9bb4ce}
.home-laptop,.home-phone,.home-tablet{z-index:2}

@media(max-width:980px){
 .home-service-groups{grid-template-columns:1fr}
 .home-seo-note{grid-template-columns:1fr;gap:10px}
 .home-seo-note a{justify-self:start}
}
@media(max-width:620px){
 .home-service-group{padding:13px;border-radius:18px}
 .home-service-links>a{grid-template-columns:50px 1fr 14px;padding:8px 6px}
 .home-service-links img{width:50px;height:46px}
 .home-service-links b{font-size:12px}
 .home-service-links small{font-size:9px}
 .home-seo-note{padding:19px;border-radius:16px}
}


/* ==================== WAFINDO V8 BRANDING + SEO HOME ENHANCEMENT ==================== */
.brand img{width:66px;height:66px;filter:drop-shadow(0 8px 18px rgba(8,42,86,.12))}
.brand b{font-size:20px;letter-spacing:.14em}
.brand small{font-size:10px;letter-spacing:.24em;margin-top:5px}
.nav-shell{height:88px}
.site-header.is-transparent .brand img{animation:headerLogoFloat 4.2s ease-in-out infinite}
@keyframes headerLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.site-header.is-transparent .brand b,.site-header.is-transparent .brand small{text-shadow:0 4px 16px rgba(6,25,49,.18)}

.wafindo-home-v7 .wfh-slider-slide{position:relative;overflow:hidden}
.wafindo-home-v7 .wfh-slider-slide:before,.wafindo-home-v7 .wfh-slider-slide:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.24;mix-blend-mode:screen}
.wafindo-home-v7 .wfh-slider-slide:before{width:420px;height:420px;right:-140px;top:-120px;border:58px solid rgba(255,255,255,.10);animation:wfhRingSpin 18s linear infinite}
.wafindo-home-v7 .wfh-slider-slide:after{width:260px;height:260px;left:-90px;bottom:-70px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);animation:wfhFloatGlow 7s ease-in-out infinite}
@keyframes wfhRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes wfhFloatGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.wafindo-home-v7 .wfh-slider-copy{animation:wfhFadeUp .7s ease both}
@keyframes wfhFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.wafindo-home-v7 .wfh-device-stage .wfh-screen{animation:wfhFloatUi 5.4s ease-in-out infinite}
.wafindo-home-v7 .wfh-device-stage .wfh-screen.phone{animation-delay:.8s}
.wafindo-home-v7 .wfh-device-stage .wfh-screen.tablet{animation-delay:1.3s}
@keyframes wfhFloatUi{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.wfh-richtext{background:linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%)}
.wfh-rich-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}
.wfh-rich-grid article{background:#fff;border:1px solid #dfe7ef;border-radius:24px;padding:28px;box-shadow:0 16px 40px rgba(8,42,86,.06)}
.wfh-rich-grid h3{font-size:24px;line-height:1.18;color:#123052;margin:0 0 12px}
.wfh-rich-grid p{font-size:15px;line-height:1.86;color:#617388;margin:0}
.wfh-keywords-box{margin-top:22px;padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#082a56 0%,#0d3c73 100%);color:#fff;box-shadow:0 24px 52px rgba(8,42,86,.14)}
.wfh-keywords-box b{display:block;font-size:15px;letter-spacing:.05em;margin-bottom:14px}
.wfh-keywords-list{display:flex;flex-wrap:wrap;gap:10px}
.wfh-keywords-list span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:750;color:#fff}

@media(max-width:980px){.brand img{width:58px;height:58px}.brand b{font-size:18px}.brand small{font-size:9px}.nav-shell{height:82px}.wfh-rich-grid{grid-template-columns:1fr}}
@media(max-width:640px){.utility-inner{height:auto;min-height:38px;padding:8px 0;flex-direction:column;align-items:flex-start}.brand img{width:54px;height:54px}.brand b{font-size:17px}.brand small{font-size:8px;letter-spacing:.2em}.nav-shell{height:78px}.wfh-rich-grid article{padding:22px;border-radius:20px}.wfh-rich-grid h3{font-size:21px}.wfh-rich-grid p{font-size:14px;line-height:1.78}.wfh-keywords-box{padding:20px 18px;border-radius:20px}}


/* ==================== WAFINDO V9 OFFER-LED HOMEPAGE SECTION ==================== */
.wfh-offers{background:linear-gradient(180deg,#f7fafc 0%,#ffffff 100%)}
.wfh-offers-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:26px;align-items:stretch}
.wfh-offers-hero{position:relative;overflow:hidden;min-height:540px;border-radius:30px;background:var(--offer-bg) center/cover no-repeat;box-shadow:0 28px 60px rgba(8,42,86,.12)}
.wfh-offers-overlay{position:absolute;inset:0;background:linear-gradient(140deg,rgba(7,31,64,.88) 0%,rgba(7,31,64,.74) 44%,rgba(7,31,64,.24) 100%)}
.wfh-offers-copy{position:relative;z-index:1;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;height:100%;color:#fff}
.wfh-offers-tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:850;letter-spacing:.14em;color:#ffd7db;text-transform:uppercase}
.wfh-offers-copy h3{font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-.03em;margin:18px 0 14px;max-width:700px}
.wfh-offers-copy p{font-size:15px;line-height:1.85;color:#dde7f3;max-width:710px;margin:0}
.wfh-offers-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.wfh-offers-badges span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:780;color:#fff}
.wfh-offer-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wfh-offer-card{display:grid;grid-template-rows:190px 1fr;overflow:hidden;border-radius:24px;background:#fff;border:1px solid #e0e8ef;box-shadow:0 16px 40px rgba(8,42,86,.07);transition:.24s}
.wfh-offer-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(8,42,86,.12);border-color:#cfdae6}
.wfh-offer-thumb{position:relative;overflow:hidden}.wfh-offer-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}.wfh-offer-card:hover .wfh-offer-thumb img{transform:scale(1.04)}
.wfh-offer-body{padding:22px 22px 24px;display:flex;flex-direction:column}
.wfh-offer-body small{font-size:9px;font-weight:850;letter-spacing:.13em;color:#d31d2e;text-transform:uppercase}
.wfh-offer-body h3{font-size:23px;line-height:1.18;color:#113252;margin:9px 0 10px}
.wfh-offer-body p{font-size:14px;line-height:1.75;color:#64768c;margin:0 0 16px}
.wfh-offer-body span{margin-top:auto;font-size:12px;font-weight:850;color:#082a56}
.wfh-comfort-strip{margin-top:26px;padding:28px 30px;border-radius:26px;background:linear-gradient(135deg,#082a56 0%,#0d3c73 100%);box-shadow:0 22px 52px rgba(8,42,86,.14);color:#fff}
.wfh-comfort-head{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start;margin-bottom:20px}
.wfh-comfort-head b{font-size:22px;line-height:1.2}
.wfh-comfort-head p{font-size:14px;line-height:1.8;color:#d6e1ed;margin:0}
.wfh-comfort-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.wfh-comfort-list>div{padding:18px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.wfh-comfort-list span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#082a56;font-size:11px;font-weight:900;margin-bottom:12px}
.wfh-comfort-list p{margin:0;font-size:12px;line-height:1.65;color:#fff}
@media(max-width:1180px){.wfh-offers-grid{grid-template-columns:1fr}.wfh-offers-hero{min-height:460px}.wfh-comfort-head{grid-template-columns:1fr}.wfh-comfort-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wfh-offer-cards{grid-template-columns:1fr}.wfh-offers-copy{padding:28px}.wfh-offers-copy h3{font-size:30px}.wfh-comfort-strip{padding:22px}.wfh-comfort-list{grid-template-columns:1fr}.wfh-offer-card{grid-template-rows:170px 1fr}}
@media(max-width:560px){.wfh-offers-hero{min-height:420px;border-radius:24px}.wfh-offers-copy p{font-size:14px;line-height:1.78}.wfh-offer-body{padding:18px}.wfh-offer-body h3{font-size:21px}.wfh-comfort-head b{font-size:20px}}

/* ============================================================================
   WAFINDO MOBILE HEADER HOTFIX 2026 — NO HORIZONTAL OVERFLOW
   Keeps header, logo, hamburger and drawer inside 320–430px viewports.
   ============================================================================ */
html,body{max-width:100%;overflow-x:clip}
.site-header{width:100%;max-width:100%;left:0;right:0}
.site-header .nav-shell{max-width:100%}
.mobile-drawer{max-width:100vw}

@media(max-width:1100px){
  .site-header{overflow:visible}
  .site-header .nav-shell{
    width:min(calc(100% - 24px),var(--max));
    max-width:100%;
    margin-inline:auto;
    padding-inline:0;
    gap:10px;
    justify-content:space-between;
  }
  .brand{
    min-width:0;
    max-width:calc(100% - 58px);
    flex:1 1 auto;
    overflow:hidden;
    gap:9px;
  }
  .brand img{flex:0 0 auto;max-width:58px}
  .brand span{min-width:0;max-width:100%;overflow:hidden}
  .brand b,.brand small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav-actions{margin-left:auto;flex:0 0 auto;min-width:0;gap:4px}
  .nav-actions .language-toggle{flex:0 0 auto}
  .menu-toggle{display:block;flex:0 0 42px;width:42px;min-width:42px;margin:0;padding:9px}

  .mobile-drawer{
    display:block;
    position:absolute;
    top:100%;
    right:0;
    left:auto;
    width:min(420px,100vw);
    max-width:100vw;
    height:min(calc(100dvh - 70px),760px);
    max-height:calc(100dvh - 70px);
    padding:20px;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    transform:translate3d(100%,0,0);
    visibility:hidden;
    pointer-events:none;
    opacity:0;
    transition:transform .24s ease,opacity .18s ease,visibility .24s;
    box-shadow:-18px 30px 50px rgba(8,33,64,.14);
    border-left:1px solid var(--line);
    background:#fff;
  }
  .site-header.menu-open .mobile-drawer{
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
    opacity:1;
  }
  .mobile-menu-head,.mobile-drawer>a,.mobile-drawer details,.mobile-service-list,.mobile-service-list a{max-width:100%;min-width:0}
  .mobile-drawer>a,.mobile-drawer summary{overflow-wrap:anywhere}
  .mobile-service-list a{grid-template-columns:30px minmax(0,1fr)}
  .mobile-service-list b{min-width:0;white-space:normal;overflow-wrap:anywhere}
}

@media(max-width:800px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .site-header .nav-shell{width:calc(100% - 24px);height:70px}
  .nav-actions .language-toggle{display:none}
  .brand{max-width:calc(100% - 52px)}
  .brand img{width:48px;height:48px;max-width:48px}
  .brand b{font-size:15px;letter-spacing:.11em}
  .brand small{font-size:8px;letter-spacing:.20em;margin-top:4px}
  .mobile-drawer{height:calc(100dvh - 70px);max-height:calc(100dvh - 70px)}
}

@media(max-width:520px){
  .site-header .nav-shell{width:calc(100% - 20px);gap:8px}
  .brand{max-width:calc(100% - 50px);gap:8px}
  .brand img{width:44px;height:44px;max-width:44px}
  .brand b{font-size:14px;letter-spacing:.09em}
  .brand small{font-size:7px;letter-spacing:.16em}
  .menu-toggle{width:40px;min-width:40px;height:40px;flex-basis:40px;padding:8px}
  .mobile-drawer{width:100vw;padding:18px 16px;border-left:0}
}

@media(max-width:380px){
  .site-header .nav-shell{width:calc(100% - 16px)}
  .brand img{width:42px;height:42px;max-width:42px}
  .brand b{font-size:13px;letter-spacing:.08em}
  .brand small{display:none}
}
/* Client logo patch — 2026-09-07 */
.client-tile{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:15px;min-height:116px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.client-tile:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,39,70,.08);border-color:#cbd7e4}.client-logo-wrap{width:78px;height:68px;position:relative;display:grid;place-items:center;border:1px solid #e4eaf0;border-radius:11px;background:#fff;overflow:hidden}.client-logo-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;background:#fff}.client-logo-fallback{font-size:15px!important;font-weight:900!important;letter-spacing:.05em;color:#71869c!important}.client-tile-copy{min-width:0}.client-tile-copy b{line-height:1.35;margin-bottom:4px}.client-tile-copy span{display:block;line-height:1.45}@media(max-width:520px){.client-tile{grid-template-columns:70px minmax(0,1fr)}.client-logo-wrap{width:70px;height:62px}}