:root{
  --bg:#061321;--bg2:#091d32;--panel:rgba(13,35,57,.78);--panel2:#0d2945;
  --text:#f7fbff;--muted:#9fb4c8;--line:rgba(255,255,255,.10);
  --cyan:#22d3ee;--teal:#2dd4bf;--green:#84cc16;--gold:#fbbf24;--white:#fff;
  --shadow:0 28px 90px rgba(0,0,0,.33);--radius:28px;--max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{max-width:100%;display:block}.section{width:min(var(--max),calc(100% - 40px));margin-inline:auto;padding:92px 0}.section-narrow{width:min(var(--max),calc(100% - 40px));margin-inline:auto;padding:82px 0}.section-kicker{font-size:.72rem;letter-spacing:.18em;font-weight:900;color:var(--cyan)}.section-kicker.light{color:#baf5ff}
.preloader{position:fixed;inset:0;z-index:9999;background:#061321;display:grid;place-content:center;text-align:center;gap:10px;transition:.6s ease}.preloader.hide{opacity:0;visibility:hidden}.preloader-mark{width:84px;height:84px;margin:auto;filter:drop-shadow(0 15px 30px rgba(34,211,238,.18))}.preloader strong{font-size:1.2rem;letter-spacing:.12em}.preloader span{color:var(--muted);font-size:.85rem}.preloader>i{width:180px;height:3px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:5px auto}.preloader>i:after{content:"";display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--cyan),var(--green));animation:load 1s infinite ease-in-out}@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(240%)}}
.particles{position:fixed;inset:0;z-index:-4;opacity:.42;pointer-events:none}.aurora{position:fixed;width:480px;height:480px;border-radius:50%;filter:blur(95px);opacity:.17;z-index:-3;pointer-events:none}.aurora-a{background:#16c7ff;top:-160px;right:-100px;animation:floatA 12s ease-in-out infinite}.aurora-b{background:#60d394;left:-180px;top:50vh;animation:floatB 15s ease-in-out infinite}.grid-bg{position:fixed;inset:0;z-index:-5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.5) 70%,transparent 100%)}@keyframes floatA{50%{transform:translate(-80px,80px) scale(1.12)}}@keyframes floatB{50%{transform:translate(100px,-60px) scale(.88)}}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1280px,calc(100% - 28px));margin:14px auto 0;padding:11px 12px 11px 14px;border:1px solid var(--line);border-radius:22px;background:rgba(4,18,32,.74);backdrop-filter:blur(22px);box-shadow:0 10px 40px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand-mark{width:43px;height:43px;flex:none}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font-size:.91rem;letter-spacing:.08em}.brand-copy small{font-size:.68rem;color:var(--muted)}.desktop-nav{display:flex;gap:6px}.desktop-nav a{padding:10px 12px;border-radius:12px;color:#bdd0e1;font-size:.83rem;font-weight:700;transition:.25s}.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.header-action{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:14px;background:#fff;color:#06203a;font-size:.8rem;font-weight:900;white-space:nowrap}.wa-dot{width:8px;height:8px;border-radius:50%;background:#21c55d;box-shadow:0 0 0 5px rgba(33,197,93,.12);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(33,197,93,0)}}
.hero{min-height:790px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;padding-top:78px}.gov-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:7px 11px 7px 8px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;color:#c8d9e8;font-size:.68rem;font-weight:800;letter-spacing:.1em}.gov-badge img{width:28px;height:28px;object-fit:contain}.hero-kicker{font-size:.73rem;font-weight:900;letter-spacing:.15em;color:#c1d6e6;display:flex;align-items:center;gap:9px}.hero-kicker i{display:block;width:26px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--green))}.hero h1{margin:15px 0 8px;font-size:clamp(4rem,8vw,7.1rem);line-height:.82;letter-spacing:-.075em;font-weight:950}.hero h1 span{background:linear-gradient(110deg,#f8fcff 0%,#6ce9ff 42%,#69e3a0 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-expansion{margin:20px 0 0;max-width:690px;font-size:clamp(1rem,2vw,1.25rem);color:#d8e6f1}.hero-expansion b{color:#fff}.hero-lead{max-width:670px;margin:17px 0 0;color:var(--muted);font-size:.99rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 19px;border-radius:15px;border:1px solid transparent;font-weight:900;font-size:.84rem;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#042338;background:linear-gradient(135deg,#67e8f9,#5ee0a0);box-shadow:0 15px 35px rgba(34,211,238,.17)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035);color:#e7f2fa}.trust-row{display:flex;gap:0;margin-top:34px}.trust-row div{display:flex;flex-direction:column;padding:0 24px;border-left:1px solid var(--line)}.trust-row div:first-child{padding-left:0;border-left:0}.trust-row strong{font-size:1.55rem;line-height:1;color:#fff}.trust-row span{font-size:.7rem;color:var(--muted);margin-top:6px}
.hero-visual{position:relative;display:grid;place-items:center;min-height:610px}.orbit{position:absolute;border:1px dashed rgba(98,232,248,.16);border-radius:50%;animation:spin 20s linear infinite}.orbit-a{width:520px;height:520px}.orbit-b{width:430px;height:430px;animation-direction:reverse;animation-duration:14s}@keyframes spin{to{transform:rotate(360deg)}}.phone-card{position:relative;width:352px;height:606px;padding:16px 16px 14px;border:1px solid rgba(255,255,255,.17);border-radius:40px;background:linear-gradient(160deg,rgba(19,50,79,.98),rgba(7,25,43,.98));box-shadow:0 44px 110px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08);transform:rotate(2.5deg);overflow:hidden}.phone-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(34,211,238,.13),transparent 35%);pointer-events:none}.phone-top{display:flex;justify-content:space-between;padding:1px 7px 13px;font-size:.61rem;color:#dcecf7}.phone-top div{display:flex;gap:3px}.phone-top i{display:block;width:4px;height:4px;background:#fff;border-radius:50%}.phone-brand{position:relative;display:flex;align-items:center;gap:8px;padding:12px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.phone-brand img{width:38px}.phone-brand div{display:flex;flex-direction:column}.phone-brand small{font-size:.58rem;color:#95abc1}.phone-brand b{font-size:.79rem;letter-spacing:.06em}.online-pill{margin-left:auto;font-size:.52rem;color:#77e69e;background:rgba(62,207,110,.1);padding:5px 7px;border-radius:999px}.phone-search{margin-top:14px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.17);color:#91a8bd;font-size:.67rem}.phone-section-title{display:flex;justify-content:space-between;margin:15px 2px 9px}.phone-section-title b{font-size:.69rem}.phone-section-title small{font-size:.56rem;color:#80dff0}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phone-grid button{height:77px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:.57rem;cursor:pointer}.phone-grid button span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(132,204,22,.16));color:#aaf1f8;font-size:1rem}.phone-banner{display:flex;align-items:center;gap:9px;margin-top:13px;padding:13px;border-radius:16px;background:linear-gradient(120deg,rgba(34,211,238,.16),rgba(132,204,22,.13));border:1px solid rgba(93,230,230,.15)}.phone-banner-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#8bf3df;color:#06263c;font-weight:900}.phone-banner>span:nth-child(2){display:flex;flex-direction:column}.phone-banner small{font-size:.53rem;color:#9eb3c5}.phone-banner b{font-size:.64rem}.phone-banner>i{margin-left:auto}.phone-nav{position:absolute;bottom:15px;left:16px;right:16px;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 4px 8px;border-radius:16px;background:#08192a;border:1px solid var(--line)}.phone-nav span{display:flex;flex-direction:column;align-items:center;color:#68839a;font-size:.85rem}.phone-nav span.active{color:#66e6df}.phone-nav small{font-size:.47rem;margin-top:3px}.float-label{position:absolute;z-index:3;padding:10px 13px;border-radius:14px;background:rgba(14,40,64,.86);border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:var(--shadow);font-size:.72rem;font-weight:800;animation:bob 4s ease-in-out infinite}.float-label span{color:#80ead4}.label-one{right:0;top:115px}.label-two{left:2px;bottom:148px;animation-delay:-1.3s}.label-three{right:8px;bottom:86px;animation-delay:-2.1s}@keyframes bob{50%{transform:translateY(-10px)}}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:rgba(255,255,255,.025);padding:13px 0}.marquee-track{width:max-content;display:flex;align-items:center;gap:27px;animation:marquee 28s linear infinite}.marquee span{font-size:.65rem;letter-spacing:.16em;font-weight:900;color:#a9bed0}.marquee i{color:var(--gold);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.intro{display:grid;grid-template-columns:.88fr 1.12fr;gap:62px;align-items:center}.intro-copy h2,.section-heading h2,.pacak-copy h2,.contact-copy h2{font-size:clamp(2rem,4vw,3.55rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px}.intro-copy p{color:var(--muted);max-width:570px}.feature-list{display:grid;gap:0;margin-top:28px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.feature-list span{display:flex;gap:15px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);font-size:.72rem;color:#6fe6e6}.feature-list span:last-child{border-bottom:0}.feature-list b{font-size:.79rem;color:#e7f3fb}.leaders-card{position:relative;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.leaders-card img{width:100%;min-height:420px;object-fit:cover}.leaders-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,16,29,.9),transparent 55%)}.leaders-overlay{position:absolute;z-index:2;left:23px;right:23px;bottom:22px}.leaders-overlay span{font-size:.61rem;color:#8deef1;letter-spacing:.18em;font-weight:900}.leaders-overlay b{display:block;max-width:520px;margin-top:6px;font-size:1.15rem}
.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading p{color:var(--muted);font-size:.88rem;margin:0 0 8px}.service-toolbar{position:sticky;top:84px;z-index:30;padding:12px;border:1px solid var(--line);border-radius:22px;background:rgba(5,19,33,.85);backdrop-filter:blur(20px);margin-bottom:26px}.service-search{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:0 12px}.service-search>span{color:var(--cyan);font-size:1.15rem}.service-search input{flex:1;min-width:0;height:46px;background:transparent;border:0;outline:0;color:#fff;font-size:.84rem}.service-search input::placeholder{color:#758ca1}.service-search kbd{font-size:.58rem;padding:4px 7px;border-radius:7px;background:#102a43;color:#8fa8bd;border:1px solid var(--line)}.filters{display:flex;gap:7px;overflow:auto;padding:10px 0 0;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{border:1px solid var(--line);background:transparent;color:#9fb4c8;border-radius:999px;padding:8px 11px;font-size:.68rem;font-weight:800;white-space:nowrap;cursor:pointer}.filters button.active{background:#e7fbff;color:#05223a;border-color:#e7fbff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:286px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden;cursor:pointer;transition:.28s ease}.service-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:calc(var(--mx,50%) - 100px);top:calc(var(--my,50%) - 100px);background:radial-gradient(circle,rgba(63,226,238,.12),transparent 68%);opacity:0;transition:.2s}.service-card:hover{transform:translateY(-7px);border-color:rgba(101,226,232,.3);box-shadow:0 22px 60px rgba(0,0,0,.18)}.service-card:hover:before{opacity:1}.service-card.featured{background:linear-gradient(145deg,rgba(35,189,215,.12),rgba(93,208,126,.055))}.service-ribbon{position:absolute;right:16px;top:17px;padding:4px 7px;border-radius:999px;font-size:.5rem;letter-spacing:.1em;font-weight:900;color:#052037;background:#a8f2e7}.service-top{display:flex;align-items:start;justify-content:space-between}.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(132,204,22,.1));border:1px solid rgba(73,218,221,.15);color:#9af4ef;font-size:1.32rem}.service-number{font-size:.65rem;color:#607c95;font-weight:900}.service-meta{position:relative;z-index:2;margin-top:28px}.service-unit{font-size:.57rem;letter-spacing:.14em;color:#7cdde9;font-weight:900;text-transform:uppercase}.service-meta h3{font-size:1.12rem;line-height:1.15;margin:8px 0 10px;letter-spacing:-.02em}.service-meta p{margin:0;color:#8fa5b8;font-size:.76rem;min-height:56px}.service-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;border-top:1px solid var(--line);font-size:.67rem;font-weight:800;color:#c3d5e4}.service-arrow{font-style:normal;width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#70e7db}.empty-state{text-align:center;padding:55px;border:1px dashed var(--line);border-radius:24px;color:var(--muted)}.empty-state div{font-size:2rem}.empty-state h3{color:#fff}
.pacak-panel{display:grid;grid-template-columns:.9fr 1.1fr;min-height:570px;border-radius:34px;overflow:hidden;background:linear-gradient(125deg,#0a78a8 0%,#0b527d 42%,#07324f 100%);border:1px solid rgba(147,235,255,.22);box-shadow:0 40px 100px rgba(0,0,0,.28)}.pacak-visual{position:relative;display:grid;place-items:center;overflow:hidden;min-height:470px}.pacak-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(4px)}.pacak-logo-wrap{position:relative;z-index:3;width:250px;padding:26px;border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 25px 70px rgba(0,0,0,.24);animation:bob 5s ease-in-out infinite}.pacak-badge{position:absolute;z-index:3;bottom:46px;padding:7px 11px;border-radius:999px;background:#f6c841;color:#0b4160;font-size:.61rem;font-weight:950;letter-spacing:.13em}.wave{position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.15);border-radius:45% 55% 47% 53%;animation:spin 12s linear infinite}.wave-b{width:410px;height:410px;animation-duration:9s;animation-direction:reverse}.wave-c{width:610px;height:610px;animation-duration:16s}.pacak-copy{padding:68px 60px 55px;display:flex;flex-direction:column;justify-content:center}.pacak-copy p{color:#c5e3ef;max-width:590px}.pacak-options{display:grid;gap:9px;margin-top:22px}.pacak-options button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07);cursor:pointer;transition:.2s}.pacak-options button:hover{background:rgba(255,255,255,.12);transform:translateX(4px)}.pacak-options button i{font-style:normal;font-size:.63rem;color:#8ee8f3}.pacak-options button span{display:flex;flex-direction:column}.pacak-options button b{font-size:.82rem}.pacak-options button small{font-size:.64rem;color:#b8d8e5}.pacak-options button strong{margin-left:auto;color:#8df0e4}.pacak-actions{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.btn-light{background:#fff;color:#083450}.btn-outline-light{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.04)}
.digital-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.digital-card{position:relative;min-height:330px;padding:24px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));transition:.28s;overflow:hidden}.digital-card:hover{transform:translateY(-6px);border-color:rgba(109,229,231,.28)}.digital-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;bottom:-60px;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 70%)}.digital-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#0f304e;color:#77ece3;font-size:1.2rem;margin-bottom:45px}.status{position:absolute;top:25px;right:22px;padding:5px 8px;border-radius:999px;font-size:.52rem;font-weight:950;letter-spacing:.1em}.status.active{background:rgba(51,205,102,.12);color:#6ee79a}.status.soon{background:rgba(251,191,36,.11);color:#f8cd66}.status.docs{background:rgba(34,211,238,.1);color:#79e3f0}.digital-card>small{color:#6edee9;font-size:.56rem;letter-spacing:.13em;font-weight:900}.digital-card h3{font-size:1.2rem;margin:8px 0 10px}.digital-card p{color:#8fa6ba;font-size:.78rem;min-height:78px}.digital-card>b{font-size:.7rem;color:#cbdbe7}.digital-card>b i{font-style:normal;color:#7ee9de}.digital-card .muted{color:#6f8699}
.contact-panel{display:grid;grid-template-columns:1fr .78fr;gap:46px;padding:55px;border-radius:32px;background:linear-gradient(125deg,#102f4d,#0b2037);border:1px solid var(--line);position:relative;overflow:hidden}.contact-panel:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-100px;top:-200px;background:rgba(34,211,238,.09);filter:blur(20px)}.contact-copy{position:relative;z-index:2}.contact-copy p{max-width:600px;color:#a9c0d2}.btn-whatsapp{margin-top:12px;background:#21c55d;color:#052616}.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:2}.socials a{display:flex;align-items:center;gap:11px;padding:16px;border-radius:17px;background:rgba(255,255,255,.05);border:1px solid var(--line);transition:.2s}.socials a:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}.socials>a>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(34,211,238,.1);color:#86eaf1}.socials div{display:flex;flex-direction:column}.socials small{font-size:.56rem;color:#7f98ad}.socials b{font-size:.7rem}.socials i{margin-left:auto;color:#61ddd8;font-style:normal}
.footer{width:min(1280px,calc(100% - 28px));margin:0 auto 95px;padding:26px 8px 15px;color:#7991a5}.footer-top{display:flex;align-items:center;gap:25px;padding-bottom:18px;border-bottom:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:10px;max-width:440px}.footer-brand img{width:47px}.footer-brand div{display:flex;flex-direction:column}.footer-brand b{color:#dbeaf5;font-size:.85rem;letter-spacing:.05em}.footer-brand span{font-size:.65rem}.footer-gov{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:.61rem;line-height:1.35}.footer-gov img{width:34px}.back-top{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#a9c1d3}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:.58rem}.maker{opacity:.55}.maker a:hover{opacity:1;color:#bdeaf1}.floating-wa{position:fixed;z-index:90;right:20px;bottom:21px;display:flex;align-items:center;gap:8px;background:#20c65a;color:#042812;padding:10px 13px;border-radius:999px;font-size:.68rem;font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.25)}.floating-wa span{font-size:1rem}.floating-wa i{font-style:normal}.mobile-nav{display:none}
.modal{position:fixed;inset:0;z-index:500;pointer-events:none;visibility:hidden}.modal[aria-hidden="false"]{pointer-events:auto;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(1,8,15,.74);backdrop-filter:blur(10px);opacity:0;transition:.25s}.modal[aria-hidden="false"] .modal-backdrop{opacity:1}.modal-sheet{position:absolute;right:18px;top:18px;bottom:18px;width:min(580px,calc(100% - 36px));overflow:auto;padding:34px;border:1px solid var(--line);border-radius:28px;background:#0a1c2f;box-shadow:var(--shadow);transform:translateX(108%);transition:.35s cubic-bezier(.2,.8,.2,1)}.modal[aria-hidden="false"] .modal-sheet{transform:none}.modal-close{position:sticky;float:right;top:0;z-index:4;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#102c47;color:#fff;cursor:pointer;font-size:1.2rem}.modal-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(132,204,22,.12));font-size:1.4rem;color:#87eee7}.modal-kicker{display:block;margin-top:25px;font-size:.58rem;letter-spacing:.13em;color:#6fdde5;font-weight:900}.modal-head h2{font-size:1.8rem;line-height:1.08;letter-spacing:-.035em;margin:10px 0}.modal-desc{color:#9fb3c6;font-size:.84rem}.modal-note{margin:20px 0;padding:13px 14px;border:1px solid rgba(251,191,36,.15);background:rgba(251,191,36,.06);border-radius:14px;color:#d8c287;font-size:.7rem}.modal-links{display:grid;gap:9px;margin-top:22px}.modal-link{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}.modal-link.primary{background:linear-gradient(135deg,#82efe9,#8ce4a5);color:#06263c;border-color:transparent}.modal-link span{display:flex;flex-direction:column}.modal-link b{font-size:.78rem}.modal-link small{font-size:.6rem;opacity:.7}.modal-link i{margin-left:auto;font-style:normal}.modal-docs{margin-top:26px}.modal-docs h3{font-size:.8rem}.doc-list{display:grid;gap:7px}.doc-list a{display:flex;justify-content:space-between;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.04);font-size:.67rem;color:#b9cbd9}.doc-list i{font-style:normal;color:#6cded8}.toast{position:fixed;z-index:600;left:50%;bottom:25px;transform:translate(-50%,20px);padding:10px 15px;border-radius:12px;background:#eaffff;color:#06283e;font-size:.72rem;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.tilt-card{transform-style:preserve-3d;will-change:transform}
@media(max-width:1000px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-copy{text-align:center}.gov-badge,.hero-kicker{margin-inline:auto}.hero-kicker{justify-content:center}.hero-expansion,.hero-lead{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:580px}.intro{grid-template-columns:1fr}.leaders-card img{min-height:auto}.section-heading{grid-template-columns:1fr;gap:10px}.service-grid,.digital-grid{grid-template-columns:repeat(2,1fr)}.pacak-panel{grid-template-columns:1fr}.pacak-copy{padding:45px}.contact-panel{grid-template-columns:1fr}.footer-gov{display:none}}
@media(max-width:720px){body{padding-bottom:76px}.section,.section-narrow{width:min(100% - 24px,var(--max));padding:66px 0}.topbar{width:calc(100% - 18px);margin-top:8px;border-radius:18px}.brand{min-width:0}.brand-mark{width:38px;height:38px}.brand-copy small{display:none}.header-action{padding:10px 11px;font-size:0}.header-action:after{content:"Hubungi";font-size:.72rem}.hero{padding-top:52px;gap:10px}.hero h1{font-size:clamp(3.8rem,20vw,5.5rem)}.gov-badge{font-size:.57rem}.hero-expansion{font-size:1rem}.hero-lead{font-size:.88rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{padding:0 13px;font-size:.73rem}.trust-row{margin-top:27px}.trust-row div{padding:0 13px}.trust-row strong{font-size:1.25rem}.trust-row span{font-size:.58rem}.hero-visual{min-height:520px;transform:scale(.9);margin-inline:-20px}.phone-card{width:330px;height:590px}.float-label{font-size:.62rem}.label-one{right:-4px}.label-two{left:-5px}.label-three{display:none}.intro{gap:26px}.intro-copy{text-align:left}.leaders-card{border-radius:22px}.leaders-overlay b{font-size:.9rem}.service-toolbar{top:72px;margin-inline:-2px}.service-search kbd{display:none}.filters{padding-bottom:2px}.service-grid,.digital-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:245px;padding:19px}.service-meta p{min-height:auto}.pacak-panel{border-radius:25px}.pacak-visual{min-height:360px}.pacak-logo-wrap{width:205px}.pacak-copy{padding:34px 22px}.pacak-copy h2{font-size:2.5rem}.pacak-actions{display:grid}.digital-card{min-height:270px}.digital-icon{margin-bottom:36px}.digital-card p{min-height:auto}.contact-panel{padding:30px 20px;border-radius:24px}.socials{grid-template-columns:1fr}.footer{width:calc(100% - 24px);margin-bottom:88px}.footer-top{align-items:flex-start}.footer-brand span{font-size:.58rem}.footer-bottom{display:block}.maker{display:block;margin-top:5px}.floating-wa{bottom:82px;right:13px}.floating-wa i{display:none}.floating-wa{width:46px;height:46px;justify-content:center;padding:0}.mobile-nav{position:fixed;z-index:110;bottom:8px;left:9px;right:9px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 6px calc(7px + env(safe-area-inset-bottom));background:rgba(5,20,34,.93);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#71899d}.mobile-nav a.active{color:#7ce9e2}.mobile-nav span{font-size:.92rem}.mobile-nav small{font-size:.5rem;font-weight:800}.modal-sheet{inset:auto 8px 8px 8px;width:auto;max-height:88vh;border-radius:25px 25px 18px 18px;padding:25px;transform:translateY(110%)}.modal[aria-hidden="false"] .modal-sheet{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* ============================================================
   KITE BATENG v3 — LIGHT / DARK THEME + LEADER PHOTO FIX
   Default theme is clean white. Existing visual system remains
   the dark-mode source of truth when data-theme="dark".
   ============================================================ */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f8fbfc;--bg2:#eef5f7;--panel:rgba(255,255,255,.88);--panel2:#ffffff;
  --text:#0b2235;--muted:#60778a;--line:rgba(9,42,63,.11);
  --shadow:0 24px 70px rgba(24,62,84,.12);
}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"] body{background:linear-gradient(180deg,#ffffff 0%,#f8fbfc 50%,#f4f9fa 100%);color:var(--text)}
html[data-theme="light"] .preloader{background:#ffffff;color:#0b2235}
html[data-theme="light"] .preloader>i{background:rgba(8,44,65,.08)}
html[data-theme="light"] .particles{opacity:.18}
html[data-theme="light"] .aurora{opacity:.10}
html[data-theme="light"] .grid-bg{background-image:linear-gradient(rgba(8,44,65,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,44,65,.035) 1px,transparent 1px)}

/* Header + theme control */
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);color:var(--text);font-size:.72rem;font-weight:850;cursor:pointer;white-space:nowrap;transition:.22s ease}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.34)}
.theme-toggle-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(34,211,238,.10);color:var(--cyan);font-size:.92rem;line-height:1}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.86);box-shadow:0 10px 38px rgba(33,67,87,.10)}
html[data-theme="light"] .desktop-nav a{color:#536b7d}
html[data-theme="light"] .desktop-nav a:hover{color:#0b2235;background:rgba(8,44,65,.055)}
html[data-theme="light"] .theme-toggle{background:#f5f9fa;color:#17354a}
html[data-theme="light"] .header-action{background:#0b263b;color:#fff}

/* Hero */
html[data-theme="light"] .gov-badge{background:#fff;color:#39556a;box-shadow:0 10px 30px rgba(28,61,82,.07)}
html[data-theme="light"] .hero-kicker{color:#3b6377}
html[data-theme="light"] .hero h1{color:#0b2235}
html[data-theme="light"] .hero h1 span{background:linear-gradient(110deg,#0b3b5a 0%,#0891b2 48%,#16946d 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme="light"] .hero-expansion{color:#355267}
html[data-theme="light"] .hero-expansion b{color:#0b2235}
html[data-theme="light"] .btn-ghost{background:#fff;color:#17354a;border-color:rgba(9,42,63,.12);box-shadow:0 10px 26px rgba(30,64,84,.06)}
html[data-theme="light"] .trust-row strong{color:#0b2235}
html[data-theme="light"] .orbit{border-color:rgba(12,130,150,.18)}
html[data-theme="light"] .float-label{background:rgba(255,255,255,.92);color:#17354a;box-shadow:0 16px 42px rgba(27,63,83,.12)}

/* App mockup follows theme */
html[data-theme="light"] .phone-card{background:linear-gradient(160deg,#ffffff,#edf6f8);border-color:rgba(9,42,63,.13);box-shadow:0 38px 95px rgba(24,62,84,.17),inset 0 1px rgba(255,255,255,.9);color:#102d42}
html[data-theme="light"] .phone-top{color:#506b7e}
html[data-theme="light"] .phone-top i{background:#27475c}
html[data-theme="light"] .phone-brand{background:#fff;border-color:rgba(9,42,63,.09)}
html[data-theme="light"] .phone-brand small{color:#71889a}
html[data-theme="light"] .phone-search{background:#f5f9fa;color:#748b9b}
html[data-theme="light"] .phone-grid button{background:#fff;border-color:rgba(9,42,63,.09);color:#24445a}
html[data-theme="light"] .phone-grid button span{color:#087f91}
html[data-theme="light"] .phone-banner{background:linear-gradient(120deg,rgba(34,211,238,.12),rgba(132,204,22,.10));color:#17354a}
html[data-theme="light"] .phone-banner small{color:#6d8495}
html[data-theme="light"] .phone-nav{background:#fff;border-color:rgba(9,42,63,.10);box-shadow:0 10px 24px rgba(29,64,84,.08)}
html[data-theme="light"] .phone-nav span{color:#7990a0}
html[data-theme="light"] .phone-nav span.active{color:#078b91}

/* Moving strip */
html[data-theme="light"] .marquee{background:#fff}
html[data-theme="light"] .marquee span{color:#587083}

/* Leader photo — preserve every person, no crop */
.leaders-card{max-width:650px;justify-self:end;padding:12px;background:var(--panel2)}
.leaders-card img{width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center;border-radius:20px;background:#fff}
.leaders-card:after{display:none!important}
.leaders-overlay{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;padding:13px 9px 5px}
.leaders-overlay span{color:var(--cyan)}
.leaders-overlay b{color:var(--text);font-size:.96rem;margin-top:4px}
html[data-theme="dark"] .leaders-card{background:#0c2237}
html[data-theme="dark"] .leaders-card img{background:#0c2237}

/* Main content */
html[data-theme="light"] .feature-list{background:#fff;box-shadow:0 12px 34px rgba(29,64,84,.055)}
html[data-theme="light"] .feature-list b{color:#17354a}
html[data-theme="light"] .service-toolbar{background:rgba(255,255,255,.91);box-shadow:0 12px 35px rgba(28,62,83,.08)}
html[data-theme="light"] .service-search{background:#f5f9fa}
html[data-theme="light"] .service-search input{color:#17354a}
html[data-theme="light"] .service-search input::placeholder{color:#8093a1}
html[data-theme="light"] .service-search kbd{background:#eaf1f4;color:#577084}
html[data-theme="light"] .filters button{color:#5d7385;background:#fff}
html[data-theme="light"] .filters button.active{background:#0b3048;color:#fff;border-color:#0b3048}
html[data-theme="light"] .service-card{background:#fff;box-shadow:0 12px 34px rgba(30,65,85,.06)}
html[data-theme="light"] .service-card.featured{background:linear-gradient(145deg,#f1fbfc,#f8fdf9)}
html[data-theme="light"] .service-card:hover{box-shadow:0 22px 58px rgba(23,67,88,.13)}
html[data-theme="light"] .service-number{color:#9bb0be}
html[data-theme="light"] .service-meta h3{color:#132f43}
html[data-theme="light"] .service-meta p{color:#687f90}
html[data-theme="light"] .service-foot{color:#31566b}
html[data-theme="light"] .empty-state{color:#587084}

/* PACAK BANG remains a branded blue feature block in both modes */

/* Digital ecosystem */
html[data-theme="light"] .digital-card{background:#fff;box-shadow:0 12px 34px rgba(30,65,85,.06)}
html[data-theme="light"] .digital-icon{background:#eaf7f9;color:#087e8d}
html[data-theme="light"] .digital-card>small{color:#168496}
html[data-theme="light"] .digital-card h3{color:#153348}
html[data-theme="light"] .digital-card p{color:#6a8090}
html[data-theme="light"] .digital-card>b{color:#425f72}
html[data-theme="light"] .status.active{color:#168348;background:#eaf8ef}
html[data-theme="light"] .status.soon{color:#9b6a00;background:#fff7dd}
html[data-theme="light"] .status.docs{color:#08788a;background:#e9f8fb}

/* Contact */
html[data-theme="light"] .contact-panel{background:linear-gradient(125deg,#ffffff,#eef8fa);box-shadow:0 18px 52px rgba(30,65,85,.08)}
html[data-theme="light"] .contact-copy p{color:#61798a}
html[data-theme="light"] .socials a{background:#fff}
html[data-theme="light"] .socials a:hover{background:#f7fbfc}
html[data-theme="light"] .socials>a>span{background:#e9f8fa;color:#087f91}
html[data-theme="light"] .socials small{color:#7990a0}
html[data-theme="light"] .socials b{color:#1a384d}
html[data-theme="light"] .socials i{color:#078b91}

/* Footer */
html[data-theme="light"] .footer{color:#647c8d}
html[data-theme="light"] .footer-brand b{color:#17354a}
html[data-theme="light"] .back-top{color:#49687b;background:#fff}
html[data-theme="light"] .maker a:hover{color:#087f91}

/* Modal */
html[data-theme="light"] .modal-backdrop{background:rgba(17,38,53,.34)}
html[data-theme="light"] .modal-sheet{background:#fff}
html[data-theme="light"] .modal-close{background:#f1f6f8;color:#17354a}
html[data-theme="light"] .modal-desc{color:#687f90}
html[data-theme="light"] .modal-link{background:#f8fbfc;color:#17354a}
html[data-theme="light"] .doc-list a{background:#f4f8fa;color:#405e72}
html[data-theme="light"] .toast{background:#0d3148;color:#fff}

/* Mobile theme bar */
@media(max-width:720px){
  .theme-toggle{width:40px;height:40px;min-height:40px;padding:0;border-radius:12px}
  .theme-toggle-text{display:none}
  .theme-toggle-icon{background:transparent;width:auto;height:auto}
  .leaders-card{max-width:100%;justify-self:stretch;padding:8px}
  .leaders-card img{border-radius:16px}
  .leaders-overlay{padding:10px 8px 4px}
  html[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.94);box-shadow:0 15px 42px rgba(26,61,82,.13)}
  html[data-theme="light"] .mobile-nav a{color:#71899a}
  html[data-theme="light"] .mobile-nav a.active{color:#078b91}
}

/* Branded PACAK BANG block always uses high-contrast light text. */
.pacak-copy,.pacak-copy h2,.pacak-options button{color:#fff}
html[data-theme="light"] .empty-state h3{color:#17354a}
html[data-theme="light"] .service-arrow{background:#edf7f8;color:#087f91}

/* =========================================================
   KITE BATENG — Mobile overflow hardening + hero process rail
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:clip}
main,header,footer,section,.hero,.hero-copy,.hero-visual,.intro,.service-grid,.digital-grid,.contact-panel,.pacak-panel{min-width:0;max-width:100%}
body>*{max-width:100%}
img,svg,canvas,video{max-width:100%}
.topbar>*{min-width:0}
.brand{max-width:100%;overflow:hidden}
.brand-copy{min-width:0}
.brand-copy b,.brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marquee,.filters,.service-toolbar{max-width:100%;overflow:hidden}

.hero-showcase{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,352px) 174px;gap:16px;align-items:center;justify-content:center;width:min(100%,560px);margin-inline:auto}
.process-rail{position:relative;width:174px;padding:17px 13px 13px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 24px 65px rgba(0,0,0,.18);overflow:hidden}
.process-rail:before{content:"";position:absolute;left:29px;top:93px;bottom:52px;width:1px;background:linear-gradient(var(--cyan),rgba(34,211,238,.08));opacity:.45}
.process-head{display:flex;flex-direction:column;margin-bottom:14px}
.process-head span{font-size:.49rem;letter-spacing:.2em;font-weight:950;color:var(--cyan)}
.process-head b{font-size:1.08rem;line-height:1.05;letter-spacing:-.03em}
.process-head small{margin-top:4px;font-size:.54rem;color:var(--muted)}
.process-list{display:grid;gap:15px}
.process-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}
.process-dot{position:relative;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--cyan);font-size:.78rem;font-weight:900}
.process-step.active .process-dot{background:linear-gradient(135deg,var(--cyan),var(--teal));color:#06283a;border-color:transparent;box-shadow:0 8px 22px rgba(34,211,238,.22)}
.process-step>div{min-width:0;display:flex;flex-direction:column}
.process-step strong{font-size:.78rem;line-height:1;color:var(--text)}
.process-step small{margin-top:3px;font-size:.52rem;color:var(--muted);white-space:nowrap}
.process-step i{display:block;height:3px;margin-top:6px;border-radius:99px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}
.process-step i em{display:block;width:calc(var(--p)*1%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));transform-origin:left;animation:processGrow 1.1s cubic-bezier(.2,.8,.2,1) both}
.process-step:nth-child(2) i em{animation-delay:.08s}.process-step:nth-child(3) i em{animation-delay:.16s}.process-step:nth-child(4) i em{animation-delay:.24s}
.process-note{margin-top:15px;padding-top:10px;border-top:1px solid var(--line);font-size:.47rem;line-height:1.4;color:var(--muted)}
@keyframes processGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html[data-theme="light"] .process-rail{background:rgba(255,255,255,.90);box-shadow:0 24px 65px rgba(28,65,84,.12)}
html[data-theme="light"] .process-dot{background:#f4f9fb;color:#078b91}
html[data-theme="light"] .process-step strong{color:#17354a}

@media(max-width:1000px){
  .hero-showcase{grid-template-columns:minmax(0,330px) 164px;width:min(100%,520px)}
}

@media(max-width:720px){
  html,body{overflow-x:clip!important}
  .section,.section-narrow{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
  .topbar{max-width:calc(100% - 18px)!important;gap:7px;padding-inline:9px}
  .brand{flex:1 1 auto;min-width:0!important}
  .brand-mark{width:34px;height:34px}
  .brand-copy b{font-size:.78rem}
  .theme-toggle{flex:0 0 38px;width:38px!important;height:38px!important}
  .header-action{flex:0 0 38px;width:38px;height:38px;padding:0!important;font-size:0!important;border-radius:12px}
  .header-action:after{display:none!important}
  .header-action .wa-dot{margin:0}

  .hero{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;overflow:hidden;gap:22px}
  .hero-copy{width:100%;max-width:100%;overflow:hidden}
  .gov-badge{max-width:100%;letter-spacing:.055em;padding-right:9px}
  .gov-badge span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hero h1{font-size:clamp(3.2rem,18vw,5rem);word-break:normal}
  .hero-actions{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .btn{min-width:0;width:100%;padding-inline:9px;gap:7px}
  .trust-row{width:100%;max-width:100%}
  .trust-row div{min-width:0;flex:1;padding-inline:8px}

  .hero-visual{width:100%;min-height:490px;transform:none!important;margin-inline:0!important;overflow:hidden}
  .orbit-a{width:390px;height:390px}.orbit-b{width:320px;height:320px}
  .hero-showcase{grid-template-columns:minmax(0,240px) 72px;gap:6px;width:min(100%,318px);transform:none;margin-inline:auto}
  .phone-card{width:240px;height:454px;padding:11px;border-radius:29px;transform:rotate(1.1deg)}
  .phone-top{padding:0 5px 8px;font-size:.49rem}
  .phone-brand{gap:5px;padding:8px;border-radius:13px}.phone-brand img{width:27px}.phone-brand small{font-size:.45rem}.phone-brand b{font-size:.59rem}.online-pill{font-size:.4rem;padding:3px 4px}
  .phone-search{margin-top:9px;padding:8px;font-size:.51rem;border-radius:10px}
  .phone-section-title{margin:10px 1px 6px}.phone-section-title b{font-size:.53rem}.phone-section-title small{font-size:.43rem}
  .phone-grid{gap:5px}.phone-grid button{height:54px;border-radius:10px;gap:3px;font-size:.43rem;padding:2px}.phone-grid button span{width:22px;height:22px;border-radius:7px;font-size:.72rem}
  .phone-banner{gap:6px;margin-top:8px;padding:8px;border-radius:11px}.phone-banner-icon{width:25px;height:25px;border-radius:8px;font-size:.7rem}.phone-banner small{font-size:.4rem}.phone-banner b{font-size:.48rem}.phone-banner>i{font-size:.6rem}
  .phone-nav{bottom:10px;left:11px;right:11px;padding:7px 2px 6px;border-radius:11px}.phone-nav span{font-size:.66rem}.phone-nav small{font-size:.36rem}

  .process-rail{width:72px;padding:10px 6px 8px;border-radius:16px}
  .process-rail:before{left:17px;top:69px;bottom:37px}
  .process-head{margin-bottom:10px}.process-head span{font-size:.38rem}.process-head b{font-size:.72rem}.process-head small{display:none}
  .process-list{gap:11px}
  .process-step{grid-template-columns:24px minmax(0,1fr);gap:4px}
  .process-dot{width:24px;height:24px;border-radius:8px;font-size:.54rem}
  .process-step strong{font-size:.58rem}.process-step small{font-size:.37rem;white-space:normal;line-height:1.12}.process-step i{height:2px;margin-top:4px}
  .process-note{font-size:.34rem;margin-top:10px;padding-top:7px}

  .marquee{width:100%;max-width:100%;overflow:hidden}
  .filters{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}
  .service-toolbar{width:100%;max-width:100%}
  .service-search{min-width:0}
  .service-search input{min-width:0;width:100%}
  .pacak-panel,.contact-panel,.digital-card,.service-card,.leaders-card{max-width:100%;overflow:hidden}
  .mobile-nav{max-width:calc(100% - 18px)}
}

@media(max-width:390px){
  .brand-copy small{display:none}
  .hero-showcase{grid-template-columns:minmax(0,218px) 66px;gap:5px;width:289px;max-width:100%}
  .phone-card{width:218px;height:425px;padding:10px;border-radius:27px}
  .phone-grid button{height:50px}
  .process-rail{width:66px;padding-inline:5px}
  .process-step{grid-template-columns:22px minmax(0,1fr);gap:3px}.process-dot{width:22px;height:22px}
  .hero-visual{min-height:455px}
}

@media(max-width:340px){
  .topbar{gap:4px;padding-inline:7px}.brand-mark{width:30px;height:30px}.brand-copy b{font-size:.7rem;letter-spacing:.045em}
  .theme-toggle,.header-action{flex-basis:34px!important;width:34px!important;height:34px!important}
  .hero-showcase{grid-template-columns:minmax(0,202px) 60px;gap:4px;width:266px}
  .phone-card{width:202px;height:408px;padding:9px}.process-rail{width:60px}
  .process-head b{font-size:.64rem}.process-step strong{font-size:.52rem}.process-step small{font-size:.33rem}
  .hero-visual{min-height:438px}
}
/* Fallback for browsers that do not support overflow: clip. */
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}

/* =========================================================
   KITE BATENG v4 — MOBILE-FIRST QUICK MENU + SCROLL PROGRESS
   ========================================================= */

/* Page-level overflow guard: internal scrollers may scroll, the page may not. */
html,body{max-width:100vw!important;overflow-x:hidden!important}
@supports (overflow:clip){html,body{overflow-x:clip!important}}
body{position:relative}
main{width:100%;max-width:100vw;overflow-x:hidden}
@supports (overflow:clip){main{overflow-x:clip}}
main>*{max-width:100%}
.marquee{overflow:hidden!important}
.marquee-track{max-width:none}

/* Real, clickable app-style launchpad at the top of the page. */
.quick-launch{width:100%;max-width:680px;margin-top:24px;padding:14px;border:1px solid var(--line);border-radius:26px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.13);backdrop-filter:blur(18px);text-align:left}
.quick-launch-head{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:end;padding:2px 3px 12px}
.quick-launch-head span{grid-row:1/3;align-self:center;padding:6px 8px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#06283a;font-size:.49rem;line-height:1;font-weight:950;letter-spacing:.09em}
.quick-launch-head b{font-size:.9rem;line-height:1.1;color:var(--text)}
.quick-launch-head small{margin-top:2px;font-size:.58rem;color:var(--muted)}
.quick-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.quick-launch-grid button{min-width:0;min-height:92px;padding:10px 5px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);color:var(--text);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.quick-launch-grid button:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.38);box-shadow:0 13px 30px rgba(0,0,0,.10)}
.quick-launch-grid button:active{transform:scale(.97)}
.quick-launch-grid button i{width:42px;height:42px;display:grid;place-items:center;margin-bottom:3px;border-radius:14px;background:linear-gradient(145deg,rgba(34,211,238,.17),rgba(132,204,22,.13));color:var(--cyan);font-size:1.22rem;font-style:normal;font-weight:950}
.quick-launch-grid button b{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;line-height:1.15;text-align:center}
.quick-launch-grid button small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.49rem;color:var(--muted);text-align:center}
.quick-launch-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
.quick-launch-bottom>a{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,rgba(34,211,238,.09),rgba(132,204,22,.07))}
.quick-launch-bottom>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--panel2);color:var(--cyan);font-weight:950}
.quick-launch-bottom div{min-width:0;display:flex;flex-direction:column}
.quick-launch-bottom small{font-size:.45rem;letter-spacing:.07em;color:var(--muted)}
.quick-launch-bottom b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.61rem}
.quick-launch-bottom>a>i{font-style:normal;color:var(--cyan)}

html[data-theme="light"] .quick-launch{background:rgba(255,255,255,.95);box-shadow:0 20px 55px rgba(29,64,84,.10)}
html[data-theme="light"] .quick-launch-grid button{background:#fff;box-shadow:0 8px 22px rgba(29,64,84,.045)}
html[data-theme="light"] .quick-launch-grid button i{color:#078b91;background:linear-gradient(145deg,#e8f8fa,#eff9ee)}
html[data-theme="light"] .quick-launch-bottom>a{background:linear-gradient(120deg,#f1fbfc,#f5fbf3)}
html[data-theme="light"] .quick-launch-bottom>a>span{background:#fff;color:#078b91}

/* Live page-reading progress, positioned beside Tanya KITE. */
.scroll-meter{--scroll:0%;position:fixed;z-index:96;right:18px;bottom:80px;width:54px;padding:9px 7px 8px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(7,25,43,.88);backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(0,0,0,.23);color:#e9f7ff;pointer-events:none}
.scroll-meter-label{display:flex;flex-direction:column;align-items:center;line-height:1}
.scroll-meter-label span{font-size:.38rem;letter-spacing:.08em;color:#91a9bb;font-weight:900}
.scroll-meter-label strong{margin-top:5px;font-size:.72rem;color:#83f0e2}
.scroll-meter-track{position:relative;width:5px;height:66px;margin:7px 0 6px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden}
.scroll-meter-track i{position:absolute;left:0;right:0;top:0;height:var(--scroll);border-radius:inherit;background:linear-gradient(180deg,var(--cyan),var(--green));transition:height .08s linear}
.scroll-meter>small{font-size:.38rem;line-height:1.15;text-align:center;color:#90a8ba}
html[data-theme="light"] .scroll-meter{background:rgba(255,255,255,.94);color:#17354a;box-shadow:0 14px 34px rgba(31,66,87,.13)}
html[data-theme="light"] .scroll-meter-label span,html[data-theme="light"] .scroll-meter>small{color:#6b8293}
html[data-theme="light"] .scroll-meter-label strong{color:#087f91}
html[data-theme="light"] .scroll-meter-track{background:#e6eef1}

@media(max-width:1000px){
  .quick-launch{margin-inline:auto;text-align:left}
}

@media(max-width:720px){
  /* Compact identity: menu should dominate the first screen. */
  .hero{padding-top:28px!important;gap:14px!important;overflow:visible!important}
  .hero-copy{text-align:center!important;overflow:visible!important}
  .gov-badge{margin-bottom:9px!important;padding:5px 8px 5px 5px!important;font-size:.49rem!important;letter-spacing:.04em!important}
  .gov-badge img{width:23px!important;height:23px!important}
  .hero-kicker{margin-top:0!important;font-size:.54rem!important;letter-spacing:.09em!important;gap:6px!important}
  .hero-kicker i{width:16px!important}
  .hero h1{margin:9px 0 5px!important;font-size:clamp(2.65rem,14vw,3.55rem)!important;line-height:.88!important;letter-spacing:-.065em!important}
  .hero-expansion{margin-top:10px!important;max-width:340px!important;font-size:.81rem!important;line-height:1.35!important}
  .hero-lead{margin-top:9px!important;max-width:340px!important;font-size:.69rem!important;line-height:1.48!important}

  /* The real clickable launchpad replaces the decorative phone mockup on phones. */
  .hero-visual{display:none!important}
  .quick-launch{width:100%!important;max-width:100%!important;margin:16px 0 0!important;padding:11px!important;border-radius:22px!important;text-align:left!important}
  .quick-launch-head{padding:1px 1px 10px}
  .quick-launch-head span{font-size:.43rem;padding:6px 7px}
  .quick-launch-head b{font-size:.8rem}
  .quick-launch-head small{font-size:.51rem}
  .quick-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .quick-launch-grid button{min-height:88px;padding:8px 3px;border-radius:16px}
  .quick-launch-grid button i{width:42px;height:42px;border-radius:13px;font-size:1.18rem}
  .quick-launch-grid button b{font-size:.59rem}
  .quick-launch-grid button small{font-size:.44rem}
  .quick-launch-bottom{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
  .quick-launch-bottom>a{grid-template-columns:31px minmax(0,1fr) auto;padding:8px 7px;gap:6px;border-radius:14px}
  .quick-launch-bottom>a>span{width:31px;height:31px;border-radius:10px}
  .quick-launch-bottom small{font-size:.37rem}
  .quick-launch-bottom b{font-size:.51rem}

  /* Secondary hero controls are intentionally de-emphasised on phones. */
  .hero-actions,.trust-row{display:none!important}

  /* No page-level sideways movement; filter chips remain their own internal scroller. */
  .topbar,.hero,.section,.section-narrow,.footer,.contact-panel,.pacak-panel,.service-toolbar{box-sizing:border-box;max-width:calc(100vw - 18px)!important}
  .section,.section-narrow{width:calc(100% - 20px)!important}
  .service-toolbar{width:100%;margin-inline:0!important}
  .filters{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
  .filters>*{flex:0 0 auto}
  .pacak-copy,.contact-panel,.service-card,.digital-card,.leaders-card{min-width:0!important}
  .pacak-copy h2,.section-heading h2,.intro-copy h2{overflow-wrap:anywhere}

  .floating-wa{right:12px!important;bottom:82px!important}
  .scroll-meter{right:12px;bottom:136px;width:46px;padding:7px 5px;border-radius:16px}
  .scroll-meter-track{height:58px}
  .scroll-meter-label strong{font-size:.65rem}
  .scroll-meter>small{font-size:.33rem}
}

@media(max-width:360px){
  .topbar{width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;left:6px;right:6px;padding-inline:7px}
  .section,.section-narrow,.hero{width:calc(100% - 14px)!important;max-width:calc(100% - 14px)!important}
  .hero h1{font-size:2.55rem!important}
  .hero-expansion{font-size:.76rem!important}
  .hero-lead{font-size:.65rem!important}
  .quick-launch{padding:8px!important}
  .quick-launch-grid{gap:5px}
  .quick-launch-grid button{min-height:82px;border-radius:14px}
  .quick-launch-grid button i{width:38px;height:38px}
  .quick-launch-grid button b{font-size:.54rem}
  .quick-launch-bottom{grid-template-columns:1fr}
  .scroll-meter{right:8px}
  .floating-wa{right:8px!important}
}

/* Final visual priority: the functional menu comes before decorative copy. */
.hero h1{font-size:clamp(3.5rem,6.4vw,5.6rem)}
.hero-expansion{font-size:clamp(.92rem,1.6vw,1.08rem)}
.hero-lead{max-width:620px;font-size:.86rem;line-height:1.5}
.process-rail{display:none!important}
.hero-showcase{grid-template-columns:minmax(0,352px)!important;width:min(100%,390px)!important}

@media(max-width:1000px){
  .hero-visual{display:none!important}
  .hero{padding-bottom:50px}
}