:root{--navy:#0b2942;--navy2:#103c5e;--blue:#075985;--cyan:#0e7490;--sky:#e8f5fa;--bg:#f5f8fa;--card:#fff;--text:#17324a;--muted:#6b7f8f;--line:#dce7ed;--green:#13865d;--red:#c83c4b;--amber:#d88416;--shadow:0 22px 55px rgba(11,41,66,.09);--radius:22px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.62}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:999}.utility{background:#08263d;color:#c8d9e4;font-size:13px}.utility-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.utility-links{display:flex;gap:22px}.utility a:hover{color:#fff}.site-header{position:relative;z-index:50}.nav-wrap{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,231,237,.8);position:sticky;top:0}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;font-family:Georgia,serif;background:linear-gradient(145deg,var(--blue),var(--cyan));box-shadow:0 9px 24px rgba(7,89,133,.2)}.brand b,.brand small{display:block;line-height:1.12}.brand b{font-size:20px;letter-spacing:-.03em}.brand small{font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.main-nav>a,.nav-drop>button{border:0;background:none;padding:28px 0;color:#29485f}.main-nav>a:hover,.nav-drop>button:hover{color:var(--blue)}.nav-drop{position:relative}.nav-menu{display:none;position:absolute;top:66px;left:-18px;width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow)}.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{display:block}.nav-menu a{display:block;padding:11px 12px;border-radius:10px}.nav-menu a:hover{background:var(--sky);color:var(--blue)}.main-nav .nav-cta{background:var(--blue);color:#fff;padding:11px 17px;border-radius:12px}.main-nav .nav-cta:hover{background:#064c73;color:#fff}.nav-toggle{display:none;border:0;background:#eff6f9;border-radius:12px;padding:10px}.nav-toggle span{display:block;width:21px;height:2px;background:var(--navy);margin:4px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#082a45,#0b4d70 60%,#0d7181);color:#fff;padding:88px 0 90px}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);background:rgba(104,207,222,.12)}.hero-orb-a{width:440px;height:440px;right:-100px;top:-160px}.hero-orb-b{width:300px;height:300px;left:36%;bottom:-220px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:68px;align-items:center}.eyebrow{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#a8dfeb;margin-bottom:14px}.eyebrow.dark{color:var(--cyan)}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.05;letter-spacing:-.055em;margin:0 0 24px;max-width:760px}.hero h1 em{font-style:normal;color:#a6e6ec}.hero-copy>p{font-size:18px;line-height:1.75;color:#d4e5ec;max-width:690px}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-weight:750;font-size:14px;transition:.2s ease;background:#fff}.btn:hover{transform:translateY(-1px)}.btn-lg{padding:14px 21px;font-size:15px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 22px rgba(7,89,133,.18)}.btn-primary:hover{background:#064c73}.btn-soft{background:#eef6f9;border-color:#d8e8ee;color:#28536c}.btn-soft:hover{background:#e2f1f5}.btn-light{background:#fff;color:var(--blue)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn-block{width:100%}.btn-xs{padding:7px 10px;font-size:12px}.hero .btn-primary{background:#fff;color:#075985}.hero .btn-soft{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#cfe2ea}.hero-panel{background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.16);padding:20px;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.hero-panel-head{font-size:13px;font-weight:800;display:flex;gap:9px;align-items:center;margin:2px 4px 16px}.live-dot{width:8px;height:8px;border-radius:50%;background:#63e0b2;box-shadow:0 0 0 5px rgba(99,224,178,.12)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{background:#fff;color:var(--text);padding:17px;border-radius:16px;min-height:152px;display:flex;flex-direction:column;transition:.2s}.quick-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.14)}.qicon{font-size:11px;font-weight:900;color:var(--cyan);margin-bottom:auto}.quick-grid b{font-size:15px}.quick-grid small{font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}.hero-track{display:flex;justify-content:space-between;gap:15px;padding:14px 12px 2px;font-size:12px;color:#cfe5ed}.hero-track b{color:#fff}.stats-strip{background:#fff;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:30px 24px;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid b{display:block;font-size:30px;line-height:1.1;color:var(--navy);letter-spacing:-.04em}.stats-grid span{font-size:12px;color:var(--muted)}.section{padding:84px 0}.soft-section{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head h2,.service-split h2,.cta-card h2{font-size:36px;line-height:1.16;letter-spacing:-.04em;margin:0 0 8px}.section-head p,.service-split>div>p{color:var(--muted);margin:0}.text-link{color:var(--blue);font-weight:750;font-size:14px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.doc-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;transition:.2s;display:flex;flex-direction:column;min-height:280px}.doc-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.doc-top,.doc-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.pill,.badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#e7f5f7;color:#0b6b7e;padding:5px 9px;font-size:11px;font-weight:800}.doc-date,.doc-meta{font-size:11px;color:var(--muted)}.doc-card h3{font-size:18px;line-height:1.42;margin:18px 0 10px}.doc-card p{font-size:13px;color:var(--muted);margin:0 0 18px}.doc-meta{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.card-link{margin-top:13px;color:var(--blue);font-size:13px;font-weight:800;display:flex;justify-content:space-between}.empty-card{grid-column:1/-1;border:1px dashed #b9ced8;border-radius:18px;background:#f7fafb;padding:34px;color:var(--muted);text-align:center}.empty-card b{display:block;color:var(--text);font-size:18px}.service-split{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.steps{display:grid;gap:17px;margin:28px 0}.steps>div{display:flex;gap:15px}.steps>div>span{width:34px;height:34px;border-radius:11px;background:#dff0f5;color:var(--blue);font-weight:850;display:grid;place-items:center;flex:0 0 auto}.steps b,.steps small{display:block}.steps small{font-size:13px;color:var(--muted);margin-top:2px}.status-card{background:linear-gradient(145deg,#0a3350,#0b6074);color:#fff;border-radius:25px;padding:28px;box-shadow:0 28px 60px rgba(7,50,74,.17)}.status-card-title{font-weight:850;margin-bottom:23px}.timeline{display:grid;gap:0}.timeline>div{position:relative;display:flex;gap:15px;padding-bottom:26px}.timeline>div>span{width:16px;height:16px;background:#587789;border:4px solid rgba(255,255,255,.15);border-radius:50%;margin-top:3px;z-index:2}.timeline>div:not(:last-child):after{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:rgba(255,255,255,.14)}.timeline .done>span{background:#55d9a2}.timeline .active>span{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12)}.timeline b,.timeline small{display:block}.timeline small{color:#bed5de;font-size:12px;margin-top:3px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.news-placeholder{height:170px;display:grid;place-items:center;background:linear-gradient(135deg,#e1f2f6,#f4f9fa);color:#9db8c5;font-size:28px;font-weight:900;letter-spacing:.16em}.news-body{padding:20px}.news-body small{font-size:11px;color:var(--muted)}.news-body h3{font-size:18px;line-height:1.4;margin:8px 0}.news-body p{font-size:13px;color:var(--muted)}.news-body a{color:var(--blue);font-size:13px;font-weight:800}.cta-section{padding:0 0 84px}.cta-card{background:linear-gradient(135deg,#0a3957,#087484);color:#fff;padding:44px 50px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-card p{color:#cee4e8;margin:0}.footer{background:#071f32;color:#b9cfda;padding:66px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-brand{color:#fff;margin-bottom:18px}.footer-brand small{color:#9bb5c2}.footer h4{color:#fff;margin:0 0 17px;font-size:14px}.footer a,.footer p{display:block;font-size:13px;color:#abc1cc;margin:0 0 10px}.footer-bottom{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;font-size:12px}.page-hero{background:linear-gradient(135deg,#092c47,#0a6a7b);padding:74px 0;color:#fff}.page-hero.compact{padding:58px 0}.page-hero h1{font-size:44px;line-height:1.1;letter-spacing:-.045em;margin:0 0 13px;max-width:900px}.page-hero p{color:#cde1e8;max-width:710px;margin:0}.back-link{display:block;color:#bed9e2;font-size:13px;margin-bottom:18px}.back-link.dark{color:var(--blue);margin-bottom:8px}.filter-bar{display:grid;grid-template-columns:1fr 310px auto;gap:10px;background:#f6f9fa;border:1px solid var(--line);padding:12px;border-radius:17px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 12px}.search-box input{border:0;outline:0;width:100%;padding:10px 0;background:transparent}.filter-bar select,.form-panel select,.form-panel input,.form-panel textarea,.auth-form input,.auth-form select,.auth-form textarea{width:100%;border:1px solid #cfdde4;border-radius:11px;background:#fff;padding:11px 12px;outline:none}.filter-bar select:focus,.form-panel select:focus,.form-panel input:focus,.form-panel textarea:focus,.auth-form input:focus{border-color:#72aabf;box-shadow:0 0 0 3px rgba(14,116,144,.1)}.result-head{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 13px;font-size:13px}.result-head a{color:var(--blue)}.list-stack{display:grid;gap:10px}.list-card{display:grid;grid-template-columns:52px 1fr auto;gap:17px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:17px;background:#fff}.file-icon{width:52px;height:60px;border-radius:11px;background:#fbe9e9;color:#b34d55;display:grid;place-items:center;font-size:11px;font-weight:900}.list-main h3{font-size:16px;margin:5px 0 6px}.list-tags,.list-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.meta-card,.content-card,.article-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px}.meta-card{position:sticky;top:100px}.meta-card h3{margin:0 0 18px}.meta-card dl{margin:0 0 20px}.meta-card dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:13px}.meta-card dd{margin:2px 0 0;font-size:14px;font-weight:650}.content-card h2{font-size:25px;line-height:1.35;margin:0 0 20px}.rich-text{font-size:15px}.rich-text img{max-width:100%}.rich-text table{width:100%;border-collapse:collapse}.rich-text td,.rich-text th{border:1px solid var(--line);padding:8px}.pdf-preview{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.pdf-preview>div:first-child{display:flex;align-items:center;gap:13px;margin-bottom:14px}.pdf-preview>div:first-child b,.pdf-preview>div:first-child p{display:block;margin:0}.pdf-preview>div:first-child p{font-size:12px;color:var(--muted)}.pdf-big{width:44px;height:44px;border-radius:10px;background:#fbe9e9;color:#b34d55;display:grid;place-items:center;font-size:10px;font-weight:900}.pdf-preview iframe{width:100%;height:760px;border:1px solid var(--line);border-radius:14px}.content-list{display:grid;gap:12px}.content-row{border:1px solid var(--line);border-radius:17px;padding:21px;display:flex;justify-content:space-between;gap:20px;align-items:center}.content-row:hover{border-color:#b6d2dc;box-shadow:0 10px 28px rgba(11,41,66,.06)}.content-row small{font-size:11px;color:var(--muted)}.content-row h3{margin:3px 0 5px;font-size:18px}.content-row p{margin:0;color:var(--muted);font-size:13px}.narrow{max-width:860px}.article-card{padding:34px}.article-meta{font-size:12px;color:var(--muted);margin-bottom:25px}.auth-section{min-height:100vh;background:#eff5f7;padding:28px;display:grid;place-items:center}.auth-shell{width:min(1080px,100%);min-height:670px;background:#fff;border-radius:27px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 35px 90px rgba(8,38,61,.14)}.auth-side{background:linear-gradient(150deg,#082a45,#0b6677);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.light-brand b{color:#fff}.light-brand small{color:#b9d1db}.auth-side h1{font-size:38px;line-height:1.13;letter-spacing:-.04em;margin:0 0 18px}.auth-side p{color:#c9dee5}.auth-side>a:last-child{font-size:13px;color:#cce1e8}.auth-form{padding:62px;display:grid;align-items:center}.auth-form>div{width:100%;max-width:540px;margin:auto}.auth-form h2{font-size:32px;margin:0 0 7px;letter-spacing:-.04em}.auth-form p{color:var(--muted)}.auth-form form{display:grid;gap:15px;margin-top:28px}.auth-form label,.form-panel label{font-size:12px;font-weight:750;display:grid;gap:7px}.auth-form .check{grid-template-columns:auto 1fr;align-items:start;font-weight:500;color:var(--muted)}.auth-form .check input{width:16px}.auth-bottom{text-align:center;font-size:13px}.auth-bottom a{color:var(--blue);font-weight:800}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.request-choice{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choice-card{border:1px solid var(--line);border-radius:24px;padding:34px}.primary-choice{background:linear-gradient(145deg,#f0f8fa,#fff)}.choice-num{font-size:12px;font-weight:900;color:var(--cyan)}.choice-card h2{font-size:26px;letter-spacing:-.035em}.choice-card p{color:var(--muted)}.toast{position:fixed;right:22px;top:130px;z-index:100;padding:14px 18px;border-radius:13px;color:#fff;box-shadow:var(--shadow);font-size:13px}.toast.success,.alert.success{background:#e6f6ef;color:#126846;border:1px solid #bce6d2}.toast.danger,.alert.danger{background:#fdecee;color:#9f2e3a;border:1px solid #f4c8ce}.alert{border-radius:12px;padding:12px 14px;margin:14px 0;font-size:13px}.dashboard-body{background:#f2f6f8;min-height:100vh}.dashboard-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#092941;color:#d5e4eb;padding:24px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar-brand{padding:3px 7px 24px;color:#fff}.sidebar-brand small{color:#91afbd}.user-card{display:flex;gap:11px;align-items:center;padding:14px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04);margin-bottom:18px}.avatar{width:38px;height:38px;border-radius:12px;background:#0d7181;display:grid;place-items:center;font-weight:900;color:#fff}.user-card b,.user-card small{display:block;line-height:1.25}.user-card b{font-size:13px;color:#fff}.user-card small{font-size:11px;color:#9db7c4}.side-nav{display:grid;gap:5px;margin-bottom:auto}.side-nav a{padding:10px 12px;border-radius:10px;font-size:13px;color:#c7d9e2}.side-nav a:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar .btn-ghost{border-color:rgba(255,255,255,.14);color:#d5e4eb}.dashboard-main{min-width:0}.dashboard-top{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;gap:13px;position:sticky;top:0;z-index:30}.dashboard-top strong,.dashboard-top small{display:block}.dashboard-top small{font-size:11px;color:var(--muted)}.side-toggle{display:none;border:0;background:#edf4f7;border-radius:9px;padding:7px 10px}.dash-content{padding:30px;max-width:1400px}.welcome-card{background:linear-gradient(135deg,#0a3957,#0c7481);border-radius:22px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.welcome-card h1{font-size:30px;margin:0 0 5px;letter-spacing:-.04em}.welcome-card p{margin:0;color:#cde1e6}.admin-welcome{background:linear-gradient(135deg,#223a5e,#405e8b)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:11px}.metric-card b{font-size:30px;line-height:1.25;letter-spacing:-.04em}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:18px}.panel-head,.page-title-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.panel-head{margin-bottom:14px}.panel-head h2,.page-title-row h1{margin:0;font-size:22px;letter-spacing:-.03em}.panel-head p,.page-title-row p{margin:2px 0 0;color:var(--muted);font-size:12px}.panel-head a{color:var(--blue);font-size:12px;font-weight:800}.table-wrap{overflow:auto}.modern-table{width:100%;border-collapse:collapse;font-size:12px}.modern-table th{text-align:left;color:#708694;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:11px;border-bottom:1px solid var(--line)}.modern-table td{padding:13px 11px;border-bottom:1px solid #edf2f4;vertical-align:middle}.modern-table td small,.modern-table td strong{display:block}.modern-table td small{color:var(--muted);font-size:10px;margin-top:3px}.badge{padding:5px 9px}.badge.warning{background:#fff3dd;color:#94600d}.badge.info,.badge.primary{background:#e5f1f7;color:#1b668b}.badge.success{background:#e5f5ee;color:#16704d}.badge.danger{background:#fde9ec;color:#a43b46}.badge.muted{background:#eef1f3;color:#647681}.badge.large{font-size:12px;padding:8px 12px}.empty-inline{text-align:center;color:var(--muted);padding:25px}.form-panel{padding:25px}.form-section{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.form-section h3{margin:0 0 16px}.form-panel textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.detail-admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.detail-list{display:grid;grid-template-columns:180px 1fr;margin:0}.detail-list dt,.detail-list dd{padding:10px 0;border-bottom:1px solid #edf2f4;margin:0}.detail-list dt{font-size:11px;color:var(--muted);font-weight:700}.detail-list dd{font-size:13px}.bar-list{display:grid;gap:15px}.bar-list>div>div{display:grid;grid-template-columns:45px 1fr auto;gap:10px;font-size:12px;margin-bottom:5px}.bar-list progress{width:100%;height:9px;border:0;border-radius:10px;overflow:hidden}.bar-list progress::-webkit-progress-bar{background:#eef3f5}.bar-list progress::-webkit-progress-value{background:#0e7490}.survey-form{display:grid;gap:16px}.survey-questions{display:grid;gap:12px}.survey-q{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.q-head{display:flex;gap:13px}.q-head>span{width:34px;height:34px;border-radius:10px;background:#e8f5f8;color:var(--blue);font-weight:900;display:grid;place-items:center}.q-head b,.q-head p{display:block;margin:0}.q-head p{font-size:13px;color:var(--muted);margin-top:4px}.rating{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.rating input{position:absolute;opacity:0}.rating span{display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:20px;font-weight:900;cursor:pointer}.rating span small{font-size:10px;color:var(--muted);font-weight:600}.rating input:checked+span{background:#e6f3f6;border-color:#4a9eb2;color:#075985}.error-page{min-height:70vh;display:grid;place-items:center;text-align:center;padding:50px}.error-page span{font-size:80px;font-weight:900;color:#dbe8ed}.error-page h1{font-size:36px;margin:0}.error-page p{color:var(--muted)}code{background:#edf3f5;padding:2px 5px;border-radius:5px;font-size:.9em}
@media(max-width:1020px){.main-nav{position:absolute;display:none;left:16px;right:16px;top:75px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column;gap:2px}.main-nav.open{display:flex}.main-nav>a,.nav-drop>button{display:block;width:100%;text-align:left;padding:11px;border-radius:9px}.nav-menu{position:static;width:100%;box-shadow:none;border:0;padding-left:15px}.nav-drop.open .nav-menu{display:block}.nav-toggle{display:block}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-panel{max-width:650px}.doc-grid,.news-grid{grid-template-columns:1fr 1fr}.service-split{grid-template-columns:1fr;gap:35px}.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;z-index:70;transition:.25s}.sidebar.open{left:0}.side-toggle{display:block}.detail-admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.utility-inner>span{display:none}.utility-inner{justify-content:flex-end}.utility-links{gap:13px}.hero{padding:58px 0}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div{padding:22px 15px}.section{padding:58px 0}.section-head{align-items:start;flex-direction:column}.section-head h2,.service-split h2,.cta-card h2{font-size:30px}.doc-grid,.news-grid{grid-template-columns:1fr}.cta-card{padding:30px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:36px}.filter-bar{grid-template-columns:1fr}.list-card{grid-template-columns:45px 1fr}.list-card>.btn{grid-column:2;width:max-content}.detail-grid{grid-template-columns:1fr}.meta-card{position:static}.pdf-preview iframe{height:520px}.auth-section{padding:0}.auth-shell{border-radius:0;min-height:100vh;grid-template-columns:1fr}.auth-side{padding:28px;min-height:340px}.auth-form{padding:35px 24px}.form-grid.two,.request-choice{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}.dash-content{padding:18px}.welcome-card,.page-title-row{align-items:flex-start;flex-direction:column}.detail-list{grid-template-columns:1fr}.detail-list dt{border:0;padding-bottom:0}.rating{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.quick-grid{grid-template-columns:1fr}.hero-track{flex-direction:column}.footer-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0;border-bottom:1px solid var(--line)}.footer-bottom{flex-direction:column;gap:8px}.page-hero h1{font-size:32px}}

/* === Database-integrated PPID modules === */
.hero-media{min-width:0}.hero-banner{display:block;border:1px solid rgba(255,255,255,.18);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.18)}.hero-banner img{display:block;width:100%;height:330px;object-fit:cover}.banner-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.banner-thumbs a{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}.banner-thumbs img{display:block;width:100%;height:74px;object-fit:cover}.hero-panel-copy{color:#d2e4ea;margin:4px 4px 20px}.home-quick{position:relative;z-index:3;margin-top:48px;grid-template-columns:repeat(4,1fr)}.home-quick a{min-height:130px}.doc-publisher{font-size:11px;color:#567080;margin-top:auto;padding-top:10px}.news-image{display:block;height:190px;overflow:hidden;background:#edf5f7}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.news-card:hover .news-image img{transform:scale(1.025)}.news-body h2{font-size:20px;line-height:1.35;margin:8px 0}.news-grid-wide{grid-template-columns:repeat(3,1fr)}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:17px;margin-bottom:24px}.media-home-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:210px;gap:14px}.media-tile{position:relative;display:block;border-radius:18px;overflow:hidden;background:#edf5f7}.media-tile.tall{grid-row:span 2}.media-tile img{width:100%;height:100%;object-fit:cover;transition:.25s}.media-tile:hover img{transform:scale(1.025)}.media-tile span{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 11px;border-radius:10px;background:rgba(4,29,45,.78);color:#fff;font-size:12px;font-weight:750;backdrop-filter:blur(5px)}.inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.library-card{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:19px;padding:22px;background:#fff;transition:.2s}.library-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#b9d9e4}.library-icon{width:50px;height:50px;border-radius:15px;background:#e6f4f7;color:var(--blue);display:grid;place-items:center;font-size:23px}.library-card h2{font-size:17px;line-height:1.35;margin:0 0 5px}.library-card p{font-size:12px;color:var(--muted);margin:0}.library-arrow{font-size:22px;color:var(--blue)}.library-filter{grid-template-columns:minmax(260px,1fr) 180px auto}.library-item{grid-template-columns:52px 1fr auto}.muted-text{color:var(--muted);font-size:13px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-card{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.gallery-card a{display:block;height:245px;overflow:hidden;background:#edf4f6}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.25s}.gallery-card:hover img{transform:scale(1.025)}.gallery-card figcaption{padding:14px 16px;font-size:13px;font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.video-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#061d2e}.video-frame iframe{width:100%;height:100%;border:0}.video-card h2{font-size:16px;line-height:1.4;margin:0;padding:15px 17px}.infographic-grid{columns:3 280px;column-gap:16px}.infographic-card{display:block;break-inside:avoid;margin:0 0 16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.infographic-card img{display:block;width:100%;height:auto}.infographic-card span{display:block;padding:11px 14px;font-size:12px;font-weight:750;color:var(--blue)}.file-preview{margin-top:24px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#f6f9fa}.file-preview iframe{width:100%;height:720px;border:0;background:#fff}.file-preview>img{display:block;max-width:100%;height:auto;margin:auto}.file-download-box{display:flex;gap:15px;align-items:center;padding:24px}.file-download-box p{margin:2px 0 0;color:var(--muted);font-size:13px}.request-service-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:22px;align-items:start}.request-side{position:sticky;top:105px}.request-side .panel:first-child{margin-top:0}.track-panel form{display:grid;gap:12px;margin-top:18px}.track-objection-link{display:block;margin-top:15px}.tracking-result dl{display:grid;grid-template-columns:115px 1fr;margin:15px 0 0}.tracking-result dt,.tracking-result dd{margin:0;padding:8px 0;border-bottom:1px solid #edf2f4;font-size:12px}.tracking-result dt{color:var(--muted);font-weight:700}.tracking-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.tracking-head small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.tracking-head h3{margin:2px 0 0;font-size:24px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;background:#edf1f3;color:#65727b}.status-badge.warning{background:#fff3dd;color:#94600d}.status-badge.info,.status-badge.primary{background:#e5f1f7;color:#1b668b}.status-badge.success{background:#e5f5ee;color:#16704d}.status-badge.danger{background:#fde9ec;color:#a43b46}.success-ticket{display:flex;gap:16px;align-items:flex-start;background:#eaf7f0;border:1px solid #bfe5d0;border-radius:17px;padding:18px;margin-bottom:18px;color:#176344}.success-ticket>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;font-weight:900}.success-ticket b,.success-ticket strong{display:block}.success-ticket strong{font-size:25px;letter-spacing:-.03em}.success-ticket p{margin:4px 0 0;font-size:12px}.section-mini-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:17px}.section-mini-head>span{width:34px;height:34px;border-radius:10px;background:#e7f3f7;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:900}.section-mini-head h2{font-size:18px;margin:0}.section-mini-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}.response-box{margin-top:16px;padding:14px;border-radius:12px;background:#eef7f8;border:1px solid #d4e9ed}.response-box b{font-size:12px}.response-box p{font-size:12px;margin:5px 0 0}.response-box small{display:block;margin-top:8px;color:var(--muted)}.alert-box{margin-top:14px;padding:14px;border-radius:12px;font-size:12px}.alert-box.danger{background:#fdecee;border:1px solid #f4c8ce;color:#8f303a}.alert-box p{margin:4px 0 0}.detail-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.detail-dl{display:grid;grid-template-columns:160px 1fr;margin:0}.detail-dl dt,.detail-dl dd{padding:10px 0;border-bottom:1px solid #edf2f4;margin:0}.detail-dl dt{font-size:11px;color:var(--muted);font-weight:700}.detail-dl dd{font-size:13px}.compact-timeline{color:var(--text)}.compact-timeline>div:not(:last-child):after{background:#d8e5ea}.compact-timeline small{color:var(--muted)}.compact-timeline .danger-line>span{background:var(--red)}.source-pill,.file-chip{display:inline-flex;padding:4px 7px;border-radius:7px;background:#eef4f6;color:#526d7d;font-size:10px;font-weight:750}.current-file{display:block;color:var(--muted);margin:5px 0 8px}.side-label{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7fa0af;padding:14px 12px 4px}.partner-links{display:grid;gap:5px;margin-top:10px}.partner-links a{font-size:11px;color:#b9cfda}.partner-links a:hover{color:#fff}.rich-text img{max-width:100%;height:auto;border-radius:12px}.rich-text table{display:block;overflow:auto;width:100%;border-collapse:collapse}.rich-text td,.rich-text th{border:1px solid var(--line);padding:8px}.rich-text a{color:var(--blue);text-decoration:underline}.public-form{margin-top:0}
@media(max-width:1020px){.home-quick{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:1fr 1fr}.request-service-grid{grid-template-columns:1fr}.request-side{position:static}.gallery-grid{grid-template-columns:1fr 1fr}.detail-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.hero-banner img{height:240px}.home-quick{grid-template-columns:1fr 1fr}.library-grid,.gallery-grid,.video-grid{grid-template-columns:1fr}.library-filter{grid-template-columns:1fr}.library-item{grid-template-columns:45px 1fr}.library-item>.btn,.library-item>.muted-text{grid-column:2}.media-home-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.infographic-grid{columns:2 220px}.file-preview iframe{height:520px}.tracking-result dl,.detail-dl{grid-template-columns:1fr}.tracking-result dt,.detail-dl dt{border-bottom:0;padding-bottom:0}.news-grid-wide{grid-template-columns:1fr}}
@media(max-width:480px){.home-quick{grid-template-columns:1fr}.banner-thumbs{grid-template-columns:1fr 1fr}.banner-thumbs a:last-child{display:none}.media-home-grid{grid-template-columns:1fr;grid-auto-rows:220px}.media-tile.tall{grid-row:span 1}.infographic-grid{columns:1}.hero-banner img{height:200px}}

/* Refinement untuk data produksi lama */
.hero-banner{background:linear-gradient(145deg,#f7fbfc,#e7f1f5)}
.hero-banner img{object-fit:contain;background:#fff}
.banner-thumbs img{object-fit:contain;background:#fff}
.table-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.table-actions form{margin:0}.btn-danger{background:#b83a48!important;color:#fff!important;border-color:#b83a48!important}.btn-danger:hover{background:#9d2f3b!important}

/* =========================================================
   e-PPID SELAYAR V3 — PUBLIC DESIGN SYSTEM
   ========================================================= */
:root{
  --v3-teal:#0F766E;--v3-teal-2:#14B8A6;--v3-blue:#0284C7;--v3-sky:#38BDF8;
  --v3-amber:#F59E0B;--v3-navy:#0F2A43;--v3-text:#0F172A;--v3-muted:#64748B;
  --v3-bg:#F8FAFC;--v3-line:#E2E8F0;--v3-white:#fff;--v3-violet:#7C3AED;
  --blue:#0F766E;--cyan:#0EA5A0;--navy:#0F2A43;--text:#0F172A;--muted:#64748B;--bg:#F8FAFC;
  --container:1440px;--shadow:0 20px 55px rgba(15,42,67,.10)
}
body{font-family:"Plus Jakarta Sans",Inter,"Segoe UI",Arial,sans-serif;color:var(--v3-text);background:#fff}
.container{width:min(var(--container),calc(100% - 48px))}
svg{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Header */
.site-header-v3{position:relative;z-index:80}.utility-v3{background:var(--v3-navy);color:#d9e8ef;font-size:12px}.utility-v3-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.utility-v3-links{display:flex;align-items:center;gap:24px}.utility-v3 a{transition:.2s}.utility-v3 a:hover{color:#fff}.nav-v3-wrap{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.88);box-shadow:0 1px 0 rgba(15,23,42,.02)}.nav-v3-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand-v3{display:flex;align-items:center;gap:13px;min-width:max-content}.brand-v3-mark{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,var(--v3-teal),var(--v3-blue));display:grid;place-items:center;color:#fff;box-shadow:0 10px 28px rgba(15,118,110,.22)}.brand-v3-mark b{font:900 28px/1 Georgia,serif}.brand-v3 strong,.brand-v3 small{display:block}.brand-v3 strong{font-size:20px;line-height:1.05;letter-spacing:-.03em}.brand-v3 small{font-size:10px;line-height:1.2;margin-top:5px;text-transform:uppercase;letter-spacing:.105em;color:#7690a2}.main-nav-v3{display:flex;align-items:center;gap:27px;font-size:13.5px;font-weight:700;color:#24445c}.main-nav-v3>a,.main-nav-v3 .nav-drop>button{border:0;background:transparent;padding:34px 0;color:inherit;white-space:nowrap}.main-nav-v3>a:hover,.main-nav-v3 .nav-drop>button:hover{color:var(--v3-teal)}.main-nav-v3 .nav-menu{top:72px;width:235px;border-radius:17px;border:1px solid #e6edf2;box-shadow:0 20px 55px rgba(15,42,67,.13)}.main-nav-v3 .nav-menu a{font-size:13px;font-weight:650}.main-nav-v3 .nav-menu a:hover{background:#ECFDF5;color:var(--v3-teal)}.main-nav-v3 .nav-v3-cta{padding:13px 19px;border-radius:13px;background:linear-gradient(135deg,var(--v3-teal),#087D85);color:#fff;box-shadow:0 9px 24px rgba(15,118,110,.19)}.main-nav-v3 .nav-v3-cta:hover{color:#fff;transform:translateY(-1px)}

/* Hero carousel */
.home-hero{position:relative;height:clamp(580px,72vh,760px);min-height:580px;overflow:hidden;background:var(--v3-navy);color:#fff}.hero-carousel,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}.hero-slide.is-active{opacity:1;visibility:visible;z-index:2}.hero-slide-bg{position:absolute;inset:-30px;background-image:var(--hero-bg),linear-gradient(135deg,#0B5568,#0F766E);background-position:center;background-size:cover;filter:blur(24px) saturate(1.08);transform:scale(1.1);opacity:.62}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,35,51,.94) 0%,rgba(9,78,84,.87) 38%,rgba(15,118,110,.60) 68%,rgba(2,132,199,.34) 100%)}.hero-slide-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,rgba(56,189,248,.18),transparent 25%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;mask-image:linear-gradient(to right,#000,rgba(0,0,0,.25))}.hero-v3-grid{position:relative;z-index:3;height:100%;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);align-items:center;gap:72px}.hero-v3-copy{padding-bottom:36px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800;color:#b8f1ea;margin-bottom:19px}.hero-kicker i{width:9px;height:9px;border-radius:50%;background:#5EEAD4;box-shadow:0 0 0 6px rgba(94,234,212,.12)}.hero-v3-copy h1{margin:0;max-width:760px;font-size:clamp(46px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:800}.hero-v3-copy h1 span{color:#8BEDE0}.hero-v3-copy>p{max-width:720px;margin:24px 0 0;font-size:17px;line-height:1.75;color:#d7e9ee}.hero-v3-actions{display:flex;gap:12px;margin-top:28px}.btn-v3{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:13px 19px;font-size:13px;font-weight:800;border:1px solid transparent;transition:.2s}.btn-v3 svg{width:18px;height:18px}.btn-v3:hover{transform:translateY(-2px)}.btn-v3-primary{background:linear-gradient(135deg,#14B8A6,#0F766E);color:#fff;box-shadow:0 12px 30px rgba(4,120,112,.26)}.btn-v3-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.26);color:#fff;backdrop-filter:blur(7px)}.btn-v3-light{background:#fff;color:var(--v3-teal);box-shadow:0 10px 28px rgba(0,0,0,.10)}.btn-v3-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}.hero-search{margin-top:30px;width:min(710px,100%);height:62px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;background:rgba(255,255,255,.97);border-radius:17px;padding:5px 6px 5px 10px;box-shadow:0 24px 55px rgba(0,0,0,.20)}.hero-search .search-icon{display:grid;place-items:center;color:#6b8393}.hero-search .search-icon svg{width:21px;height:21px}.hero-search input{height:100%;border:0;outline:0;background:transparent;min-width:0;font-size:13px;color:var(--v3-text)}.hero-search input::placeholder{color:#8799a7}.hero-search button{height:50px;border:0;border-radius:12px;padding:0 24px;background:var(--v3-teal);color:#fff;font-size:13px;font-weight:800}.hero-art-wrap{display:flex;justify-content:center;align-items:center;min-width:0}.hero-art-card{position:relative;width:min(620px,100%);height:470px;display:grid;place-items:center;padding:22px;border-radius:31px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(13px);box-shadow:0 35px 100px rgba(0,0,0,.25)}.hero-art-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.08);border-radius:23px;pointer-events:none}.hero-art-card img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.24)}.hero-fallback-card{width:100%;max-width:530px;min-height:310px;border-radius:28px;padding:45px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center}.hero-fallback-card span{font-size:42px;font-weight:800}.hero-fallback-card b{font-size:23px;margin-top:4px}.hero-fallback-card small{font-size:14px;color:#d5e9ec;margin-top:18px;max-width:390px}.carousel-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:47px;height:47px;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(3,41,58,.34);color:#fff;font-size:31px;line-height:1;backdrop-filter:blur(8px)}.carousel-prev{left:24px}.carousel-next{right:24px}.carousel-dots{position:absolute;z-index:8;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:8px}.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:rgba(255,255,255,.42);transition:.2s}.carousel-dots button.is-active{width:27px;background:#fff}

/* Quick actions */
.quick-actions-wrap{position:relative;z-index:10;margin-top:-54px}.quick-actions-v3{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e7eef2;border-radius:22px;box-shadow:0 22px 60px rgba(15,42,67,.13);overflow:hidden}.quick-actions-v3>a{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;min-height:112px;padding:20px 24px;border-right:1px solid #edf2f5;transition:.23s;background:#fff}.quick-actions-v3>a:last-child{border-right:0}.quick-actions-v3>a:hover{background:#fbfefe;transform:translateY(-3px)}.quick-action-icon,.stat-icon,.legal-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px}.quick-action-icon svg,.stat-icon svg,.legal-icon svg{width:23px;height:23px}.teal{background:#DDF8F3;color:#0F766E}.blue{background:#E0F2FE;color:#0284C7}.amber{background:#FEF3C7;color:#D97706}.violet{background:#EDE9FE;color:#7C3AED}.quick-actions-v3 b,.quick-actions-v3 small{display:block}.quick-actions-v3 b{font-size:13px;color:#17384f}.quick-actions-v3 small{font-size:10.5px;color:#738897;margin-top:4px;line-height:1.45}.quick-actions-v3>a>i{font-style:normal;color:#91a3ae;font-size:18px}

/* Shared homepage sections */
.section-v3{padding:92px 0}.section-title-v3>span{display:block;color:var(--v3-teal);font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.section-title-v3 h2{font-size:clamp(31px,3.1vw,45px);line-height:1.13;letter-spacing:-.045em;margin:0;color:var(--v3-text)}.section-title-v3 p{max-width:670px;color:var(--v3-muted);font-size:13px;margin:11px 0 0}.section-title-v3.centered{text-align:center;max-width:780px;margin:0 auto 46px}.section-title-v3.centered p{margin:11px auto 0}.section-title-row-v3{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.link-arrow-v3{display:inline-flex;align-items:center;gap:11px;font-size:12.5px;font-weight:800;color:var(--v3-teal);white-space:nowrap}.link-arrow-v3 b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#E8F7F4;transition:.2s}.link-arrow-v3:hover b{transform:translateX(3px)}

/* Statistics */
.stats-v3-section{padding-top:100px;padding-bottom:88px;background:#fff}.stats-v3-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e7edf1;border-radius:21px;overflow:hidden;box-shadow:0 12px 38px rgba(15,42,67,.055)}.stats-v3-grid>div{text-align:center;padding:31px 18px;border-right:1px solid #edf2f4}.stats-v3-grid>div:last-child{border-right:0}.stat-icon{margin:0 auto 14px;width:44px;height:44px}.stat-icon svg{width:21px;height:21px}.stats-v3-grid strong,.stats-v3-grid small{display:block}.stats-v3-grid strong{font-size:33px;letter-spacing:-.045em;line-height:1.15;color:var(--v3-navy)}.stats-v3-grid small{font-size:11px;color:var(--v3-muted);margin-top:4px}

/* Categories */
.categories-v3-section{background:var(--v3-bg)}.category-v3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-v3-card{min-height:285px;padding:25px;border:1px solid #e4ebef;border-radius:20px;background:#fff;display:flex;flex-direction:column;transition:.22s}.category-v3-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(15,42,67,.09);border-color:#cfe5e2}.category-v3-head{display:flex;justify-content:space-between;align-items:flex-start}.category-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:#ECFDF5;color:var(--v3-teal)}.category-icon svg{width:23px;height:23px}.category-v3-head em{font-style:normal;font-size:11px;font-weight:800;color:#a9b8c2}.category-v3-card h3{font-size:20px;letter-spacing:-.03em;margin:24px 0 8px}.category-v3-card p{font-size:12px;line-height:1.7;color:var(--v3-muted);margin:0}.category-v3-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #edf2f5;padding-top:15px;margin-top:auto}.category-v3-foot b{font-size:11px;color:#49677b}.category-v3-foot span{font-size:10.5px;font-weight:800;color:var(--v3-teal)}.cat-serta-merta .category-icon{background:#FFF7ED;color:#EA580C}.cat-setiap-saat .category-icon{background:#EFF6FF;color:#2563EB}.cat-dikecualikan .category-icon{background:#F5F3FF;color:#7C3AED}

/* Document tabs/list */
.docs-v3-section{background:#fff}.doc-tabs,.media-tabs{display:flex;gap:7px;align-items:center;margin-bottom:20px;border-bottom:1px solid #e8edf1}.doc-tabs button,.media-tabs button{border:0;background:transparent;padding:12px 14px;color:#718493;font-size:11.5px;font-weight:750;border-bottom:2px solid transparent;margin-bottom:-1px}.doc-tabs button.is-active,.media-tabs button.is-active{color:var(--v3-teal);border-bottom-color:var(--v3-teal)}.doc-list-modern{display:none;gap:10px}.doc-list-modern.is-active,.search-results-section .doc-list-modern{display:grid}.doc-row-modern{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #e7edf1;border-radius:17px;padding:17px 18px;background:#fff;transition:.2s}.doc-row-modern:hover{border-color:#cfe4e1;box-shadow:0 10px 30px rgba(15,42,67,.06);transform:translateY(-1px)}.doc-file-icon{width:48px;height:48px;border-radius:14px;background:#FEF2F2;color:#DC2626;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.06em}.doc-row-tags{display:flex;align-items:center;gap:9px}.doc-row-tags span{display:inline-flex;border-radius:999px;background:#ECFDF5;color:#0F766E;padding:4px 8px;font-size:9.5px;font-weight:800}.doc-row-tags small{font-size:9.5px;color:#8aa0ad}.doc-row-main h3{font-size:14px;line-height:1.45;margin:6px 0 5px;color:#17384f}.doc-row-main p{font-size:10.5px;line-height:1.55;color:#718595;margin:0 0 5px}.doc-row-main>small{font-size:9.5px;color:#8ba0ac}.doc-row-action{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:#F0FDFA;color:var(--v3-teal);font-size:10.5px;font-weight:800}.doc-row-action span{font-size:15px}

/* Service commitment */
.service-commitment-v3{padding:78px 0;background:linear-gradient(120deg,#0B4E62 0%,#0F766E 58%,#0785A0 100%);color:#fff;position:relative;overflow:hidden}.service-commitment-v3:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;right:-140px;top:-250px;background:rgba(255,255,255,.08)}.service-commitment-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:70px;align-items:center}.commitment-copy>span,.survey-v3-copy>span,.final-cta-v3-inner>div>span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;color:#A7F3D0;margin-bottom:12px}.commitment-copy h2{font-size:clamp(32px,3.3vw,47px);line-height:1.15;letter-spacing:-.045em;margin:0;max-width:800px}.commitment-copy p{font-size:13px;line-height:1.75;color:#d0e9e8;max-width:760px;margin:17px 0 25px}.service-hours-card{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.11);backdrop-filter:blur(10px);padding:26px;border-radius:21px}.service-hours-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--v3-teal);margin-bottom:18px}.service-hours-icon svg{width:23px;height:23px}.service-hours-card>span{font-size:12px;color:#c9e6e4}.hours-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15)}.hours-row b{font-size:12px}.hours-row strong{font-size:12px;color:#B7F7E8}.service-hours-card>small{display:block;font-size:10px;line-height:1.6;color:#c8dedf;margin-top:14px}

/* Legal + DIP */
.legal-v3-section{background:var(--v3-bg)}.legal-v3-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.legal-panel{background:#fff;border:1px solid #e4ebef;border-radius:23px;padding:31px}.legal-panel-title{display:flex;gap:15px;align-items:center}.legal-panel-title small{display:block;color:#7690a1;font-size:9px;font-weight:800;letter-spacing:.14em}.legal-panel-title h2{font-size:28px;margin:3px 0 0;letter-spacing:-.04em}.legal-panel>p{font-size:11.5px;line-height:1.7;color:var(--v3-muted);margin:17px 0 20px}.legal-link-list{display:grid;margin-bottom:19px}.legal-link-list a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2f4}.legal-link-list a>span{font-size:11.5px;font-weight:750;color:#28475c}.legal-link-list small{display:block;font-size:9px;font-weight:500;color:#8ca0ac;margin-top:2px}.legal-link-list b{color:#8da0ab}.dip-list{display:grid;gap:8px;margin:19px 0}.dip-list>a{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border-radius:13px;background:#FAFCFD;border:1px solid #edf2f5}.dip-year{width:48px;height:42px;display:grid;place-items:center;border-radius:11px;background:#FFF7ED;color:#D97706;font-size:10px;font-weight:900}.dip-list b,.dip-list small{display:block}.dip-list b{font-size:10.5px;line-height:1.42;color:#29475c}.dip-list small{font-size:8.8px;color:#8da0ab;margin-top:3px}.dip-list i{font-style:normal;color:#8fa0aa}

/* News */
.news-v3-section{background:#fff}.news-feature-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(390px,.68fr);gap:18px}.featured-news-v3{min-height:510px;border-radius:22px;overflow:hidden;background:#0b3b4e}.featured-news-image{display:block;position:relative;height:100%;min-height:510px;color:#fff}.featured-news-image>img,.news-fallback-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.news-fallback-bg{display:grid;place-items:center;font-size:52px;font-weight:900;letter-spacing:.15em;background:linear-gradient(145deg,#0E7490,#0F766E)}.featured-news-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,26,39,.95),rgba(5,26,39,.15) 70%)}.news-date-chip{position:absolute;top:18px;left:18px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);color:#345066;font-size:9px;font-weight:750}.featured-news-copy{position:absolute;left:26px;right:26px;bottom:26px}.featured-news-copy small{font-size:9.5px;text-transform:uppercase;letter-spacing:.13em;color:#9FE9DC;font-weight:800}.featured-news-copy h3{font-size:27px;line-height:1.3;letter-spacing:-.035em;margin:7px 0 9px;max-width:850px}.featured-news-copy p{font-size:11.5px;color:#d1e0e6;line-height:1.65;max-width:800px}.featured-news-copy b{font-size:11px}.news-side-list{display:grid;grid-template-rows:repeat(3,1fr);gap:11px}.news-side-list article{display:grid;grid-template-columns:155px minmax(0,1fr);gap:14px;border:1px solid #e7edf1;border-radius:17px;padding:10px;background:#fff;min-height:0}.side-news-image{display:block;border-radius:12px;overflow:hidden;background:#eef5f7;min-height:120px}.side-news-image img{width:100%;height:100%;object-fit:cover}.side-news-image span{height:100%;display:grid;place-items:center;color:#9cb2bd;font-weight:900;letter-spacing:.1em}.news-side-list article>div{display:flex;flex-direction:column;justify-content:center;min-width:0}.news-side-list small{font-size:9px;color:#8da0ab}.news-side-list h3{font-size:12px;line-height:1.45;margin:5px 0 8px}.read-more-mini{font-size:9.5px;color:var(--v3-teal);font-weight:800}

/* Media */
.media-v3-section{background:var(--v3-bg)}.media-panel{display:none}.media-panel.is-active{display:block}.media-photo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:210px 210px;gap:12px}.media-photo-grid>a{position:relative;border-radius:18px;overflow:hidden;background:#e9f1f3}.media-photo-grid>a:first-child{grid-row:span 2}.media-photo-grid img{width:100%;height:100%;object-fit:cover;transition:.25s}.media-photo-grid>a:hover img{transform:scale(1.025)}.media-photo-grid span{position:absolute;left:10px;right:10px;bottom:10px;border-radius:10px;background:rgba(8,37,54,.78);backdrop-filter:blur(7px);color:#fff;padding:8px 9px;font-size:9.5px;font-weight:700}.media-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.media-info-grid a{display:grid;place-items:center;min-height:330px;border:1px solid #e5ecef;border-radius:18px;background:#fff;overflow:hidden}.media-info-grid img{width:100%;height:100%;object-fit:contain}.media-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.media-video-grid a{display:block;border:1px solid #e5ecef;border-radius:17px;background:#fff;overflow:hidden}.video-thumb{position:relative;display:block;aspect-ratio:16/9;background:#dce9ed}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;color:#0F766E;font-style:normal}.media-video-grid b{display:block;padding:12px;font-size:10.5px;line-height:1.45}.media-more{display:inline-block;margin-top:18px;font-size:11px;font-weight:800;color:var(--v3-teal)}

/* Survey + final CTA */
.survey-v3-section{padding:84px 0;background:#fff}.survey-v3-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:50px;align-items:center;padding:46px 50px;border-radius:25px;background:linear-gradient(135deg,#ECFDF5,#F0F9FF);border:1px solid #d9eee9}.survey-v3-copy>span{color:var(--v3-teal)}.survey-v3-copy h2{font-size:38px;line-height:1.16;letter-spacing:-.045em;margin:0}.survey-v3-copy p{font-size:12px;line-height:1.7;color:var(--v3-muted);max-width:700px;margin:13px 0 22px}.survey-v3-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.survey-v3-metrics>div{min-height:135px;border-radius:18px;background:#fff;border:1px solid #dfece9;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:18px}.survey-v3-metrics strong{font-size:29px;color:var(--v3-teal);letter-spacing:-.04em}.survey-v3-metrics span{font-size:9.5px;line-height:1.5;color:#78909d;margin-top:4px}.final-cta-v3{padding:65px 0;background:linear-gradient(125deg,#0F2A43,#0B5F69);color:#fff}.final-cta-v3-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.final-cta-v3-inner h2{font-size:34px;line-height:1.18;letter-spacing:-.04em;margin:0}.final-cta-v3-inner p{font-size:12px;color:#caddE5;margin:9px 0 0}.final-cta-v3-inner>div:last-child{display:flex;gap:9px}

/* Footer */
.footer-v3{background:#0B2236;color:#b7cbd6;padding:66px 0 20px}.footer-v3-grid{display:grid;grid-template-columns:1.45fr .75fr .9fr 1fr;gap:48px}.footer-brand-v3{color:#fff;margin-bottom:18px}.footer-brand-v3 small{color:#8faab9}.footer-about-v3>p,.footer-v3-grid>div>p{font-size:10.5px;line-height:1.7;color:#9fb6c2}.footer-v3 h4{font-size:12px;color:#fff;margin:8px 0 15px}.footer-v3-grid>div:not(:first-child)>a{display:block;font-size:10.5px;padding:4px 0;color:#adc3ce}.footer-v3-grid>div:not(:first-child)>a:hover{color:#fff}.footer-service-note{display:flex;gap:15px;align-items:flex-start;border-top:1px solid rgba(255,255,255,.09);padding-top:15px;margin-top:16px}.footer-service-note b{font-size:10px;color:#fff}.footer-service-note span{font-size:9.5px;color:#90aab7}.partner-links-v3{display:grid;gap:4px;margin-top:12px}.partner-links-v3 a{font-size:9.5px;color:#93acb9}.footer-v3-bottom{border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;margin-top:43px;padding-top:18px;font-size:9.5px;color:#8099a6}

/* Search page */
.search-page-hero{background:linear-gradient(125deg,#0B4F61,#0F766E)}.hero-search-page{margin-top:26px;max-width:760px}.search-results-section{background:#fff}.section-head.compact{margin-bottom:22px}

/* Responsive public v3 */
@media(max-width:1220px){
  .container{width:min(var(--container),calc(100% - 36px))}.main-nav-v3{gap:18px;font-size:12.5px}.main-nav-v3 .nav-v3-cta{padding:12px 14px}.hero-v3-grid{grid-template-columns:1.08fr .92fr;gap:40px}.hero-art-card{height:420px}.quick-actions-v3>a{padding:18px 16px}.news-feature-layout{grid-template-columns:1.15fr .85fr}.news-side-list article{grid-template-columns:130px 1fr}
}
@media(max-width:1020px){
  .utility-v3-inner>span{display:none}.utility-v3-inner{justify-content:flex-end}.nav-v3-inner{height:76px}.brand-v3-mark{width:46px;height:46px;border-radius:14px}.brand-v3 strong{font-size:18px}.main-nav-v3{position:absolute;display:none;left:18px;right:18px;top:76px;background:#fff;border:1px solid #e4ebef;border-radius:18px;padding:12px;box-shadow:0 24px 60px rgba(15,42,67,.16);align-items:stretch;flex-direction:column;gap:1px}.main-nav-v3.open{display:flex}.main-nav-v3>a,.main-nav-v3 .nav-drop>button{display:block;width:100%;text-align:left;padding:10px 11px;border-radius:9px}.main-nav-v3 .nav-menu{position:static;width:100%;box-shadow:none;border:0;padding:4px 0 4px 14px}.main-nav-v3 .nav-drop.open .nav-menu{display:block}.main-nav-v3 .nav-v3-cta{margin-top:4px;text-align:center}.nav-toggle{display:block}.home-hero{height:auto;min-height:760px}.hero-slide,.hero-carousel{position:absolute}.hero-v3-grid{grid-template-columns:1fr;height:auto;padding:74px 0 100px}.hero-v3-copy{padding:0}.hero-v3-copy h1{max-width:760px}.hero-art-wrap{display:none}.quick-actions-v3{grid-template-columns:1fr 1fr}.quick-actions-v3>a:nth-child(2){border-right:0}.quick-actions-v3>a:nth-child(-n+2){border-bottom:1px solid #edf2f5}.category-v3-grid{grid-template-columns:1fr 1fr}.stats-v3-grid{grid-template-columns:1fr 1fr}.stats-v3-grid>div:nth-child(2){border-right:0}.stats-v3-grid>div:nth-child(-n+2){border-bottom:1px solid #edf2f4}.service-commitment-grid{grid-template-columns:1fr;gap:32px}.legal-v3-grid{grid-template-columns:1fr}.news-feature-layout{grid-template-columns:1fr}.news-side-list{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.news-side-list article{grid-template-columns:1fr}.side-news-image{aspect-ratio:16/9}.media-video-grid{grid-template-columns:1fr 1fr}.survey-v3-card{grid-template-columns:1fr}.footer-v3-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-v3-grid>div:last-child{grid-column:1/-1}.final-cta-v3-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,var(--container))}.utility-v3-links{gap:14px}.utility-v3-links a:nth-child(2){display:none}.brand-v3 small{font-size:8.5px}.home-hero{min-height:690px}.hero-v3-grid{padding-top:58px}.hero-v3-copy h1{font-size:43px}.hero-v3-copy>p{font-size:14px}.hero-v3-actions{flex-direction:column;align-items:stretch}.hero-search{height:57px;grid-template-columns:40px 1fr auto}.hero-search button{height:45px;padding:0 16px}.carousel-arrow{display:none}.quick-actions-wrap{margin-top:-40px}.quick-actions-v3>a{grid-template-columns:45px 1fr;min-height:102px;padding:15px}.quick-actions-v3>a>i{display:none}.quick-action-icon{width:43px;height:43px}.section-v3{padding:68px 0}.section-title-v3.centered{margin-bottom:32px}.section-title-row-v3{align-items:flex-start;flex-direction:column;margin-bottom:24px}.category-v3-grid{grid-template-columns:1fr}.category-v3-card{min-height:230px}.doc-row-modern{grid-template-columns:46px 1fr;padding:14px;gap:13px}.doc-file-icon{width:43px;height:43px}.doc-row-action{grid-column:2;width:max-content}.doc-row-main p{display:none}.service-commitment-v3{padding:65px 0}.commitment-copy h2{font-size:33px}.hours-row{align-items:flex-start;flex-direction:column;gap:4px}.news-feature-layout{display:block}.featured-news-image,.featured-news-v3{min-height:430px}.featured-news-copy h3{font-size:21px}.news-side-list{grid-template-columns:1fr;margin-top:12px}.news-side-list article{grid-template-columns:125px 1fr}.media-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 170px}.media-photo-grid>a:first-child{grid-column:1/-1;grid-row:auto}.media-info-grid{grid-template-columns:1fr 1fr}.survey-v3-card{padding:31px 25px}.survey-v3-copy h2{font-size:31px}.survey-v3-metrics{grid-template-columns:1fr 1fr}.final-cta-v3-inner h2{font-size:29px}.final-cta-v3-inner>div:last-child{width:100%;flex-direction:column}.footer-v3-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-v3-grid>div:last-child{grid-column:auto}.footer-about-v3{grid-column:1/-1}.footer-v3-bottom{flex-direction:column}.search-page-hero .hero-search{width:100%}
}
@media(max-width:480px){
  .utility-v3{display:none}.nav-v3-inner{height:72px}.brand-v3-mark{width:42px;height:42px}.brand-v3-mark b{font-size:23px}.brand-v3 strong{font-size:16px}.brand-v3 small{max-width:170px}.main-nav-v3{top:72px}.home-hero{min-height:660px}.hero-v3-copy h1{font-size:36px}.hero-kicker{font-size:9px;letter-spacing:.12em}.hero-v3-copy>p{font-size:13px}.hero-search{grid-template-columns:34px 1fr}.hero-search button{grid-column:1/-1;width:100%;margin-top:6px;height:43px}.hero-search{height:auto;padding:7px}.hero-search input{height:43px}.quick-actions-v3{grid-template-columns:1fr}.quick-actions-v3>a{border-right:0!important;border-bottom:1px solid #edf2f5}.quick-actions-v3>a:last-child{border-bottom:0}.stats-v3-grid{grid-template-columns:1fr 1fr}.stats-v3-grid strong{font-size:27px}.category-v3-grid{gap:12px}.doc-tabs{overflow:auto}.doc-tabs button{white-space:nowrap}.legal-panel{padding:23px}.news-side-list article{grid-template-columns:105px 1fr}.media-photo-grid{grid-template-columns:1fr;grid-template-rows:230px}.media-photo-grid>a:first-child{grid-column:auto}.media-photo-grid>a:nth-child(n+4){display:none}.media-info-grid,.media-video-grid{grid-template-columns:1fr}.survey-v3-metrics{grid-template-columns:1fr}.footer-v3-grid{grid-template-columns:1fr}.footer-about-v3{grid-column:auto}.footer-v3-grid>div:last-child{grid-column:auto}
}

/* =========================================================
   e-PPID SELAYAR V4 — FRESH OCEAN UI
   Hero banner langsung full-width + container 1320px
   ========================================================= */
:root{
  --v4-teal:#0F766E;
  --v4-teal-dark:#0B5F59;
  --v4-mint:#14B8A6;
  --v4-sky:#0EA5E9;
  --v4-sky-light:#38BDF8;
  --v4-navy:#0B2942;
  --v4-amber:#F59E0B;
  --v4-text:#102A3C;
  --v4-muted:#657C8C;
  --v4-soft:#F5FAFB;
  --v4-line:#E2EBEF;
  --v4-shadow:0 24px 70px rgba(13,55,72,.10);
}
body{font-family:"Plus Jakarta Sans",Inter,"Segoe UI",Arial,sans-serif;color:var(--v4-text)}
.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}

/* Header: lebih ringan dan lega */
.site-header-v3{z-index:90}
.utility-v3{background:#09283D}
.utility-v3-inner{height:36px}
.nav-v3-wrap{background:rgba(255,255,255,.97);box-shadow:0 8px 30px rgba(12,45,61,.04)}
.nav-v3-inner{height:88px;gap:34px}
.brand-v3-mark{background:linear-gradient(145deg,var(--v4-teal),var(--v4-sky));box-shadow:0 12px 28px rgba(14,116,144,.19)}
.main-nav-v3{gap:29px;color:#29465A}
.main-nav-v3>a,.main-nav-v3 .nav-drop>button{padding:33px 0}
.main-nav-v3 .nav-v3-cta{padding:13px 19px;background:linear-gradient(135deg,var(--v4-teal),#078DA0);box-shadow:0 11px 26px rgba(15,118,110,.18)}
.main-nav-v3 .nav-menu{top:73px;border-radius:15px;padding:7px}

/* HERO V4: banner langsung menjadi background utama */
.hero-v4{position:relative;height:clamp(610px,75vh,760px);min-height:610px;overflow:hidden;background:linear-gradient(135deg,#075E66,#0F766E 48%,#0EA5E9);color:#fff}
.hero-v4-track,.hero-v4-slide{position:absolute;inset:0}
.hero-v4-slide{opacity:0;visibility:hidden;transition:opacity .72s ease,visibility .72s ease}
.hero-v4-slide.is-active{opacity:1;visibility:visible;z-index:2}
.hero-v4-media{position:absolute;inset:0;background-image:var(--hero-bg),linear-gradient(135deg,#076B70,#0F766E 45%,#0EA5E9);background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.015);transition:transform 7s ease}
.hero-v4-slide.is-active .hero-v4-media{transform:scale(1.055)}
.hero-v4-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,35,50,.90) 0%,rgba(6,55,65,.76) 35%,rgba(15,118,110,.42) 64%,rgba(14,165,233,.15) 100%)}
.hero-v4-shade:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,25,38,.06),rgba(4,25,38,.24)),radial-gradient(circle at 75% 25%,rgba(94,234,212,.17),transparent 28%)}
.hero-v4-inner{position:relative;z-index:3;min-height:100%;display:flex;align-items:center;padding:62px 0 90px}
.hero-v4-copy{width:min(720px,62vw);padding-top:5px}
.hero-v4-kicker{display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#BDF7EC}
.hero-v4-kicker i{width:9px;height:9px;border-radius:50%;background:#5EEAD4;box-shadow:0 0 0 7px rgba(94,234,212,.13)}
.hero-v4-copy h1{margin:20px 0 0;font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:800;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.12)}
.hero-v4-copy h1 span{display:block;color:#82EFE0}
.hero-v4-copy>p{max-width:680px;margin:23px 0 0;color:rgba(239,251,253,.91);font-size:17px;line-height:1.76}
.hero-v4-actions{display:flex;gap:12px;margin-top:29px}
.btn-v4{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:13px;padding:13px 19px;font-size:13px;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.btn-v4 svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9}
.btn-v4:hover{transform:translateY(-2px)}
.btn-v4-primary{color:#fff;background:linear-gradient(135deg,#12BFA9,#0D8C87);box-shadow:0 14px 32px rgba(3,84,82,.28)}
.btn-v4-primary:hover{box-shadow:0 18px 36px rgba(3,84,82,.34)}
.btn-v4-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(5,46,58,.20);backdrop-filter:blur(9px)}
.btn-v4-white{color:var(--v4-teal);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.btn-v4-outline{color:#fff;border-color:rgba(255,255,255,.42);background:transparent}
.hero-v4-search{width:min(720px,100%);height:64px;margin-top:31px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:6px;background:rgba(255,255,255,.97);border-radius:17px;box-shadow:0 26px 65px rgba(0,0,0,.19)}
.hero-v4-search>span{display:grid;place-items:center;color:#6D8797}
.hero-v4-search svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8}
.hero-v4-search input{height:100%;border:0;outline:0;background:transparent;font-size:13px;color:var(--v4-text);min-width:0}
.hero-v4-search input::placeholder{color:#8399A7}
.hero-v4-search button{height:52px;padding:0 27px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--v4-teal),#087F8D);color:#fff;font-size:13px;font-weight:800}
.hero-v4-controls{position:absolute;z-index:8;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-v4-dots,.hero-v4-arrows{display:flex;align-items:center;gap:8px;pointer-events:auto}
.hero-v4-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.46);transition:.22s}
.hero-v4-dots button.is-active{width:34px;background:#fff}
.hero-v4-arrows button{width:43px;height:43px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(5,42,55,.34);backdrop-filter:blur(8px);color:#fff;font-size:18px;transition:.2s}
.hero-v4-arrows button:hover{background:rgba(15,118,110,.75)}

/* Quick actions */
.quick-v4-wrap{position:relative;z-index:12;margin-top:-48px}
.quick-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;background:#fff;border:1px solid rgba(216,231,236,.9);border-radius:24px;box-shadow:0 24px 70px rgba(12,53,70,.14)}
.quick-v4-grid>a{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;min-height:116px;padding:21px 24px;border-right:1px solid #EAF0F3;transition:.22s ease}
.quick-v4-grid>a:last-child{border-right:0}
.quick-v4-grid>a:hover{background:#F9FEFD;transform:translateY(-3px)}
.quick-v4-icon,.stats-v4-icon,.legal-v4-icon{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}
.quick-v4-icon svg,.stats-v4-icon svg,.legal-v4-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8}
.q-teal{background:#DCF8F2;color:#0F766E}.q-sky{background:#E0F5FE;color:#0284C7}.q-blue{background:#E6F0FF;color:#2563EB}.q-amber{background:#FFF3D9;color:#D97706}
.quick-v4-grid strong,.quick-v4-grid small{display:block}
.quick-v4-grid strong{font-size:13px;color:#17384A}
.quick-v4-grid small{margin-top:4px;font-size:10.5px;line-height:1.5;color:#718996}
.quick-v4-grid>a>b{font-size:18px;color:#8DA1AC}

/* Generic V4 sections */
.home-v4-section{padding:92px 0}
.heading-v4>span{display:block;margin-bottom:10px;color:var(--v4-teal);font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.heading-v4 h2{margin:0;color:#102D40;font-size:clamp(31px,3vw,44px);line-height:1.12;letter-spacing:-.045em}
.heading-v4 p{max-width:680px;margin:11px 0 0;color:var(--v4-muted);font-size:13px}
.heading-v4-center{max-width:790px;margin:0 auto 44px;text-align:center}
.heading-v4-center p{margin-inline:auto}
.heading-row-v4{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:33px}
.text-link-v4{display:inline-flex;align-items:center;gap:10px;color:var(--v4-teal);font-size:12px;font-weight:800;white-space:nowrap}
.text-link-v4 b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#E6F7F3;transition:.2s}
.text-link-v4:hover b{transform:translateX(3px)}

/* Stats */
.stats-v4-section{padding-top:116px;background:#fff}
.stats-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--v4-line);border-radius:23px;background:#fff;box-shadow:0 14px 45px rgba(15,55,70,.05)}
.stats-v4-grid article{display:flex;align-items:center;gap:17px;min-height:120px;padding:25px 28px;border-right:1px solid var(--v4-line)}
.stats-v4-grid article:last-child{border-right:0}
.stats-v4-grid strong,.stats-v4-grid small{display:block}
.stats-v4-grid strong{font-size:30px;line-height:1.05;letter-spacing:-.045em;color:#123247}
.stats-v4-grid small{margin-top:5px;color:#718896;font-size:10.5px}

/* Categories */
.categories-v4-section{background:linear-gradient(180deg,#F6FBFC 0%,#FBFDFE 100%)}
.categories-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-v4-card{position:relative;min-height:276px;padding:25px;border:1px solid #DDE9ED;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(16,57,70,.04);transition:.25s;overflow:hidden}
.category-v4-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-62px;top:-68px;background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(14,165,233,.10))}
.category-v4-card:hover{transform:translateY(-6px);box-shadow:var(--v4-shadow);border-color:#CDE2E6}
.category-v4-top{display:flex;align-items:center;justify-content:space-between}
.category-v4-icon{width:48px;height:48px;border-radius:15px;background:#E4F7F3;color:var(--v4-teal);display:grid;place-items:center}
.category-v4-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8}
.category-v4-top em{font-style:normal;font-size:13px;font-weight:800;color:#A4B5BE}
.category-v4-card h3{font-size:21px;letter-spacing:-.03em;margin:24px 0 8px;color:#153548}
.category-v4-card p{font-size:12px;line-height:1.72;color:#708694;margin:0}
.category-v4-card footer{position:absolute;left:25px;right:25px;bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #ECF1F3}
.category-v4-card footer strong{font-size:10.5px;color:#36596C}.category-v4-card footer span{font-size:10.5px;font-weight:800;color:var(--v4-teal)}

/* Documents */
.docs-v4-section{background:#fff}
.tabs-v4{display:flex;gap:7px;margin-bottom:21px;padding:5px;width:max-content;max-width:100%;border:1px solid #E0EAEE;border-radius:13px;background:#F7FAFB}
.tabs-v4 button{border:0;background:transparent;border-radius:9px;padding:9px 14px;color:#647C8B;font-size:11px;font-weight:800}
.tabs-v4 button.is-active{background:#fff;color:var(--v4-teal);box-shadow:0 6px 18px rgba(13,61,76,.08)}
.docs-v4-list{display:none;grid-template-columns:1fr 1fr;gap:12px}
.docs-v4-list.is-active{display:grid}
.doc-v4-row{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;min-height:150px;padding:20px;border:1px solid #E2EAEE;border-radius:18px;background:#fff;transition:.22s}
.doc-v4-row:hover{border-color:#CFE1E5;box-shadow:0 14px 38px rgba(15,53,68,.07);transform:translateY(-2px)}
.doc-v4-badge{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#E6F6F3;color:var(--v4-teal);font-size:9px;font-weight:900;letter-spacing:.04em}
.doc-v4-meta{display:flex;align-items:center;gap:9px;margin-bottom:6px}.doc-v4-meta span{padding:4px 8px;border-radius:999px;background:#ECF8F6;color:#0F766E;font-size:9px;font-weight:800}.doc-v4-meta small{font-size:9px;color:#8B9DA7}
.doc-v4-main h3{margin:0;font-size:14px;line-height:1.45;color:#17394C}.doc-v4-main p{margin:7px 0 6px;font-size:10.5px;line-height:1.65;color:#718792}.doc-v4-main>small{font-size:9px;color:#879AA4}
.doc-v4-action{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px;background:#F0F9F7;color:var(--v4-teal);font-size:10px;font-weight:800;white-space:nowrap}

/* Service commitment: visual kuat seperti portal pemerintah modern */
.service-v4-section{position:relative;overflow:hidden;padding:84px 0;background:linear-gradient(118deg,#0B5F69 0%,#0F8D8B 48%,#0EA5E9 100%);color:#fff}
.service-v4-section:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.10) 1.5px,transparent 1.6px);background-size:31px 31px;mask-image:linear-gradient(90deg,transparent 25%,#000 70%);opacity:.45}
.service-v4-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.11)}
.service-v4-orb-a{width:430px;height:430px;right:-80px;top:-160px}.service-v4-orb-b{width:260px;height:260px;right:25%;bottom:-170px}
.service-v4-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center}
.service-v4-copy>span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#C7FFF4}.service-v4-copy h2{max-width:720px;margin:14px 0 0;font-size:clamp(34px,3.4vw,50px);line-height:1.12;letter-spacing:-.045em}.service-v4-copy>p{max-width:690px;margin:19px 0 0;color:rgba(241,253,255,.86);font-size:13px;line-height:1.75}
.service-v4-hours{display:flex;align-items:center;gap:13px;margin-top:26px}.service-v4-hours>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}.service-v4-hours svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8}.service-v4-hours small,.service-v4-hours strong{display:block}.service-v4-hours small{font-size:9px;color:#CBE8EB}.service-v4-hours strong{margin-top:2px;font-size:11px;color:#fff}
.service-v4-visual{position:relative;min-height:410px;display:flex;align-items:center;justify-content:flex-end}
.service-v4-mark{position:absolute;right:18px;top:-5px;width:280px;height:280px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 75px rgba(0,48,67,.22);backdrop-filter:blur(10px)}
.service-v4-mark svg{width:90px;height:90px;stroke:#fff;stroke-width:1.2}.service-v4-mark span{margin-top:7px;font-size:25px;font-weight:800;letter-spacing:-.04em}
.service-v4-cards{position:relative;z-index:3;width:min(100%,620px);align-self:flex-end;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:-22px}
.service-v4-cards>a{display:grid;grid-template-columns:44px 1fr;gap:13px;min-height:160px;padding:19px;border-radius:18px;background:#fff;color:#17364A;box-shadow:0 20px 55px rgba(0,53,73,.15)}
.service-v4-cards>a>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#E7F8F5;color:var(--v4-teal)}.service-v4-cards svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8}.service-v4-cards strong,.service-v4-cards small,.service-v4-cards b{display:block}.service-v4-cards strong{font-size:12px;line-height:1.45}.service-v4-cards small{margin-top:6px;font-size:9.5px;line-height:1.55;color:#748895}.service-v4-cards b{margin-top:11px;font-size:9.5px;color:var(--v4-teal)}

/* Legal + DIP */
.legal-v4-section{background:#F7FAFB}.legal-v4-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.legal-v4-panel{padding:30px;border:1px solid #DFEAED;border-radius:23px;background:#fff;box-shadow:0 12px 32px rgba(12,55,70,.04)}
.legal-v4-panel header{display:flex;align-items:center;gap:14px}.legal-v4-panel header small{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;color:#8297A2}.legal-v4-panel h2{margin:2px 0 0;font-size:28px;letter-spacing:-.04em}.legal-v4-panel>p{margin:15px 0 22px;color:#708491;font-size:11px;line-height:1.7}
.legal-v4-links{display:grid;gap:7px;margin-bottom:19px}.legal-v4-links>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:12px;background:#F8FBFB;border:1px solid #EBF1F2}.legal-v4-links span,.legal-v4-links small{display:block}.legal-v4-links span{font-size:10.5px;font-weight:750}.legal-v4-links small{margin-top:2px;font-size:8.7px;font-weight:500;color:#8497A0}.legal-v4-links b{color:var(--v4-teal)}
.dip-v4-list{display:grid;gap:8px;margin-bottom:19px}.dip-v4-list>a{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:11px 13px;border-radius:12px;background:#FBFAF6;border:1px solid #F0EAD9}.dip-v4-list>a>span{height:44px;border-radius:11px;background:#FFF0C8;color:#B76905;display:grid;place-items:center;font-size:10px;font-weight:900}.dip-v4-list strong,.dip-v4-list small{display:block}.dip-v4-list strong{font-size:10.5px;line-height:1.42}.dip-v4-list small{margin-top:3px;font-size:8.7px;color:#89959B}.dip-v4-list>a>b{color:#C78A22}

/* News */
.news-v4-section{background:#fff}.news-v4-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;min-height:530px}.news-v4-featured>a{position:relative;display:block;height:100%;min-height:530px;border-radius:23px;overflow:hidden;background:#DCECEF}.news-v4-featured img,.news-v4-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.news-v4-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#BDEAE4,#CDEFFF);color:#4A8A91;font-size:42px;font-weight:900}.news-v4-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,31,43,.06) 20%,rgba(4,31,43,.90) 100%)}.news-v4-date{position:absolute;top:19px;left:19px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#315366;font-size:9px;font-weight:800}.news-v4-copy{position:absolute;left:26px;right:26px;bottom:25px;color:#fff}.news-v4-copy>small{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9FF2E7}.news-v4-copy h3{max-width:850px;margin:7px 0 8px;font-size:25px;line-height:1.25;letter-spacing:-.035em}.news-v4-copy p{max-width:760px;margin:0 0 12px;color:#DDECEF;font-size:10.5px;line-height:1.65}.news-v4-copy b{font-size:10px}.news-v4-side{display:grid;grid-template-rows:repeat(3,1fr);gap:11px}.news-v4-side article{display:grid;grid-template-columns:145px 1fr;gap:13px;padding:10px;border:1px solid #E1E9ED;border-radius:17px;background:#fff}.news-v4-thumb{display:block;border-radius:12px;overflow:hidden;background:#E1EFF2}.news-v4-thumb img{width:100%;height:100%;object-fit:cover}.news-v4-thumb span{height:100%;display:grid;place-items:center;color:#7B9DA9;font-size:16px;font-weight:900}.news-v4-side small{font-size:8.5px;color:#8B9CA5}.news-v4-side h3{margin:5px 0 7px;font-size:11px;line-height:1.45}.news-v4-side div>a{font-size:9px;font-weight:800;color:var(--v4-teal)}

/* Media */
.media-v4-section{background:#F6FAFB}.media-v4-panel{display:none}.media-v4-panel.is-active{display:block}.media-v4-photos{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:225px 190px;gap:11px}.media-v4-photos>a{position:relative;overflow:hidden;border-radius:16px;background:#DDECEF}.media-v4-photos>a:first-child{grid-row:span 2}.media-v4-photos img{width:100%;height:100%;object-fit:cover;transition:.28s}.media-v4-photos>a:hover img{transform:scale(1.035)}.media-v4-photos span{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:10px;background:rgba(7,41,56,.78);backdrop-filter:blur(7px);color:#fff;font-size:9px;font-weight:700}.media-v4-info{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.media-v4-info a{height:360px;display:grid;place-items:center;border:1px solid #E1E9EC;border-radius:18px;background:#fff;overflow:hidden}.media-v4-info img{width:100%;height:100%;object-fit:contain}.media-v4-videos{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.media-v4-videos>a{display:block;overflow:hidden;border:1px solid #DFE9EC;border-radius:17px;background:#fff}.media-v4-videos>a>span{position:relative;display:block;aspect-ratio:16/9;background:#DCEAEC}.media-v4-videos img{width:100%;height:100%;object-fit:cover}.media-v4-videos i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--v4-teal);font-style:normal;box-shadow:0 8px 22px rgba(0,0,0,.15)}.media-v4-videos strong{display:block;padding:12px;font-size:10px;line-height:1.5}.media-v4-more{display:inline-block;margin-top:17px;color:var(--v4-teal);font-size:10.5px;font-weight:800}

/* Survey */
.survey-v4-section{padding:86px 0;background:#fff}.survey-v4-card{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;padding:47px 50px;border-radius:25px;border:1px solid #D7ECE8;background:linear-gradient(135deg,#ECFDF7 0%,#F1FBFD 50%,#F0F8FF 100%)}.survey-v4-card>div:first-child>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--v4-teal)}.survey-v4-card h2{margin:7px 0 0;font-size:38px;line-height:1.15;letter-spacing:-.045em}.survey-v4-card p{max-width:680px;margin:12px 0 22px;color:var(--v4-muted);font-size:12px;line-height:1.72}.survey-v4-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.survey-v4-metrics article{min-height:136px;padding:18px;border:1px solid #DCEBE8;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.survey-v4-metrics strong{font-size:29px;letter-spacing:-.04em;color:var(--v4-teal)}.survey-v4-metrics small{margin-top:4px;color:#78909A;font-size:9.5px}

/* Final CTA */
.cta-v4-section{padding:68px 0;background:linear-gradient(125deg,#0B2942 0%,#0B5F69 62%,#087E91 100%);color:#fff}.cta-v4-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-v4-inner>div:first-child>span{font-size:9.5px;font-weight:800;letter-spacing:.14em;color:#92F0E3}.cta-v4-inner h2{margin:5px 0 0;font-size:35px;line-height:1.16;letter-spacing:-.04em}.cta-v4-inner p{margin:8px 0 0;color:#C8DFE5;font-size:11px}.cta-v4-inner>div:last-child{display:flex;gap:10px;flex:0 0 auto}

/* Footer tuning */
.footer-v3{background:#092237}.footer-v3-grid,.footer-v3-bottom{width:min(1320px,calc(100% - 64px))}

@media(max-width:1220px){
  .container,.footer-v3-grid,.footer-v3-bottom{width:min(100% - 48px,1320px)}
  .main-nav-v3{gap:18px;font-size:12px}.hero-v4-copy{width:min(700px,68vw)}
  .quick-v4-grid>a{padding:18px 16px}.news-v4-layout{grid-template-columns:1.15fr .85fr}.news-v4-side article{grid-template-columns:125px 1fr}
}
@media(max-width:1020px){
  .container,.footer-v3-grid,.footer-v3-bottom{width:min(100% - 44px,1320px)}
  .nav-v3-inner{height:76px}.main-nav-v3{top:76px}.hero-v4{height:720px;min-height:720px}.hero-v4-copy{width:min(720px,82vw)}.hero-v4-inner{padding-top:55px}
  .quick-v4-grid{grid-template-columns:1fr 1fr}.quick-v4-grid>a:nth-child(2){border-right:0}.quick-v4-grid>a:nth-child(-n+2){border-bottom:1px solid #EAF0F3}
  .stats-v4-grid,.categories-v4-grid{grid-template-columns:1fr 1fr}.stats-v4-grid article:nth-child(2){border-right:0}.stats-v4-grid article:nth-child(-n+2){border-bottom:1px solid var(--v4-line)}
  .docs-v4-list{grid-template-columns:1fr}.service-v4-grid{grid-template-columns:1fr;gap:34px}.service-v4-visual{min-height:320px}.service-v4-mark{width:230px;height:230px}.service-v4-cards{margin-bottom:0}
  .legal-v4-grid{grid-template-columns:1fr}.news-v4-layout{grid-template-columns:1fr}.news-v4-side{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.news-v4-side article{grid-template-columns:1fr}.news-v4-thumb{aspect-ratio:16/9}.media-v4-videos{grid-template-columns:1fr 1fr}.survey-v4-card{grid-template-columns:1fr}.cta-v4-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .container,.footer-v3-grid,.footer-v3-bottom{width:min(100% - 36px,1320px)}
  .home-v4-section{padding:68px 0}.hero-v4{height:680px;min-height:680px}.hero-v4-inner{align-items:flex-end;padding:70px 0 105px}.hero-v4-copy{width:100%}.hero-v4-copy h1{font-size:44px}.hero-v4-copy>p{font-size:14px}.hero-v4-actions{flex-direction:column;align-items:flex-start}.hero-v4-search{height:58px;grid-template-columns:42px 1fr auto}.hero-v4-search button{height:46px;padding:0 18px}.hero-v4-arrows{display:none}.hero-v4-controls{bottom:26px}
  .quick-v4-wrap{margin-top:-38px}.quick-v4-grid>a{min-height:104px}.heading-row-v4{align-items:flex-start;flex-direction:column}.categories-v4-grid{grid-template-columns:1fr}.category-v4-card{min-height:235px}.doc-v4-row{grid-template-columns:48px 1fr;padding:15px}.doc-v4-action{grid-column:2;width:max-content}.doc-v4-main p{display:none}
  .service-v4-section{padding:68px 0}.service-v4-copy h2{font-size:34px}.service-v4-visual{min-height:350px;justify-content:center}.service-v4-mark{right:auto;top:0}.service-v4-cards{grid-template-columns:1fr;align-self:flex-end}.news-v4-featured>a{min-height:430px}.news-v4-side{grid-template-columns:1fr}.news-v4-side article{grid-template-columns:130px 1fr}.media-v4-photos{grid-template-columns:1fr 1fr;grid-template-rows:220px 175px}.media-v4-photos>a:first-child{grid-column:1/-1;grid-row:auto}.media-v4-info{grid-template-columns:1fr 1fr}.survey-v4-card{padding:32px 26px}.survey-v4-card h2{font-size:31px}.cta-v4-inner>div:last-child{width:100%;flex-direction:column}.btn-v4{width:max-content}
}
@media(max-width:480px){
  .container,.footer-v3-grid,.footer-v3-bottom{width:min(100% - 28px,1320px)}
  .hero-v4{height:650px;min-height:650px}.hero-v4-copy h1{font-size:37px}.hero-v4-kicker{font-size:9px;letter-spacing:.11em}.hero-v4-copy>p{font-size:13px}.hero-v4-search{height:auto;grid-template-columns:35px 1fr;padding:7px}.hero-v4-search input{height:43px}.hero-v4-search button{grid-column:1/-1;width:100%;margin-top:6px}.quick-v4-grid{grid-template-columns:1fr}.quick-v4-grid>a{border-right:0!important;border-bottom:1px solid #EAF0F3}.quick-v4-grid>a:last-child{border-bottom:0}.stats-v4-grid{grid-template-columns:1fr 1fr}.stats-v4-grid article{padding:18px 13px;gap:10px}.stats-v4-icon{width:42px;height:42px}.stats-v4-grid strong{font-size:25px}.tabs-v4{overflow:auto;width:100%}.tabs-v4 button{white-space:nowrap}.service-v4-visual{min-height:430px}.service-v4-mark{width:205px;height:205px}.service-v4-mark svg{width:70px;height:70px}.service-v4-cards{width:100%}.legal-v4-panel{padding:23px}.news-v4-side article{grid-template-columns:105px 1fr}.media-v4-photos{grid-template-columns:1fr;grid-template-rows:230px}.media-v4-photos>a:first-child{grid-column:auto}.media-v4-photos>a:nth-child(n+4){display:none}.media-v4-info,.media-v4-videos{grid-template-columns:1fr}.survey-v4-metrics{grid-template-columns:1fr}.footer-v3-grid{width:min(100% - 28px,1320px)}
}

/* =========================================================
   V5 — TANGERINE / TEAL / POWDER / TAN
   Referensi warna: #E37222 #07889B #66B9BF #EEAA7B
   Hero dikunci menjadi banner FULL WIDTH, tanpa layout 50:50.
   ========================================================= */
:root{
  --v5-tangerine:#E37222;
  --v5-tangerine-dark:#C95F16;
  --v5-teal:#07889B;
  --v5-teal-dark:#066F7E;
  --v5-powder:#66B9BF;
  --v5-powder-soft:#DDF1F2;
  --v5-tan:#EEAA7B;
  --v5-tan-soft:#FFF1E7;
  --v5-navy:#2A4C69;
  --v5-navy-deep:#203A54;
  --v5-bg:#F7FAFB;
  --v5-text:#203A54;
  --v5-muted:#667783;
  --v5-line:#DCE7EB;

  --v4-teal:var(--v5-teal);
  --v4-teal-dark:var(--v5-teal-dark);
  --v4-sky:var(--v5-powder);
  --v4-sky-light:#8DCDD1;
  --v4-navy:var(--v5-navy);
  --v4-amber:var(--v5-tangerine);
  --v4-text:var(--v5-text);
  --v4-muted:var(--v5-muted);
  --v4-soft:var(--v5-bg);
  --v4-line:var(--v5-line);
  --v4-shadow:0 24px 70px rgba(42,76,105,.11);
}

body{color:var(--v5-text);background:#fff}
.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}

/* Header V5 */
.utility-v3{background:var(--v5-navy-deep);color:#EAF3F6}
.utility-v3 a:hover{color:#fff}
.nav-v3-wrap{background:rgba(255,255,255,.98);border-bottom:1px solid rgba(220,231,235,.9);box-shadow:0 8px 28px rgba(42,76,105,.055)}
.brand-v3-mark{background:linear-gradient(145deg,var(--v5-teal),var(--v5-powder));box-shadow:0 12px 28px rgba(7,136,155,.20)}
.main-nav-v3{color:var(--v5-navy)}
.main-nav-v3>a:hover,.main-nav-v3 .nav-drop>button:hover{color:var(--v5-teal)}
.main-nav-v3 .nav-v3-cta{background:var(--v5-tangerine);color:#fff;box-shadow:0 12px 28px rgba(227,114,34,.24)}
.main-nav-v3 .nav-v3-cta:hover{background:var(--v5-tangerine-dark);color:#fff}
.main-nav-v3 .nav-menu a:hover{background:var(--v5-powder-soft);color:var(--v5-teal-dark)}

/* HERO V5 — banner benar-benar memenuhi viewport kiri ↔ kanan */
.hero-v5{position:relative;width:100%;height:clamp(440px,33vw,620px);min-height:440px;overflow:hidden;background:linear-gradient(125deg,var(--v5-teal),var(--v5-powder) 58%,var(--v5-tan));isolation:isolate}
.hero-v5-track,.hero-v5-slide{position:absolute;inset:0;width:100%;height:100%}
.hero-v5-slide{opacity:0;visibility:hidden;transition:opacity .72s ease,visibility .72s ease;z-index:0}
.hero-v5-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-v5-media{position:absolute;inset:0;width:100%;height:100%;background-image:var(--hero-bg);background-repeat:no-repeat;background-position:center center;background-size:cover;transform:scale(1.001);transition:transform 7s ease}
.hero-v5-slide.is-active .hero-v5-media{transform:scale(1.025)}
.hero-v5-fallback{position:absolute;inset:0;z-index:-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#fff;background:linear-gradient(125deg,var(--v5-teal),var(--v5-powder) 58%,var(--v5-tan))}
.hero-v5-fallback:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;opacity:.35}
.hero-v5-fallback span,.hero-v5-fallback strong{position:relative}.hero-v5-fallback span{font-size:36px;font-weight:800;letter-spacing:-.045em}.hero-v5-fallback strong{font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.86}
.hero-v5-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(32,58,84,.42);backdrop-filter:blur(9px);color:#fff;font-size:32px;line-height:1;display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.14);transition:.2s ease}
.hero-v5-arrow:hover{background:var(--v5-tangerine);border-color:var(--v5-tangerine);transform:translateY(-50%) scale(1.04)}
.hero-v5-prev{left:24px}.hero-v5-next{right:24px}
.hero-v5-dots{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(32,58,84,.24);backdrop-filter:blur(8px)}
.hero-v5-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.62);transition:.24s ease}
.hero-v5-dots button.is-active{width:32px;background:var(--v5-tangerine)}

/* Quick action: satu panel putih, aksen dari palet V5 */
.quick-v4-wrap{margin-top:-30px}
.quick-v4-grid{border-color:rgba(220,231,235,.96);border-radius:22px;box-shadow:0 22px 58px rgba(42,76,105,.13)}
.quick-v4-grid>a:hover{background:#FBFDFD}
.q-orange{background:#FFF0E7;color:var(--v5-tangerine)}
.q-teal{background:#E2F4F6;color:var(--v5-teal)}
.q-navy{background:#EAF0F5;color:var(--v5-navy)}
.q-powder{background:#E7F6F7;color:#3E959C}
.q-amber{background:#FFF0E7;color:var(--v5-tangerine)}
.q-sky{background:#E7F6F7;color:#3E959C}
.q-blue{background:#EAF0F5;color:var(--v5-navy)}
.quick-v4-grid>a>b{color:#9BADB6}.quick-v4-grid strong{color:var(--v5-navy-deep)}

/* Shared headings */
.heading-v4>span,.text-link-v4{color:var(--v5-teal)}
.heading-v4 h2{color:var(--v5-navy-deep)}
.text-link-v4 b{background:var(--v5-powder-soft)}

/* Statistik */
.stats-v4-section{background:#fff}
.stats-v4-grid{border-color:var(--v5-line);box-shadow:0 14px 45px rgba(42,76,105,.055)}
.stats-v4-grid strong{color:var(--v5-navy)}

/* Kategori: tiap kategori memakai satu warna dari referensi */
.categories-v4-section{background:linear-gradient(180deg,#F7FAFB 0%,#FCFDFD 100%)}
.category-v4-card{border-top:4px solid var(--v5-teal);border-left-color:var(--v5-line);border-right-color:var(--v5-line);border-bottom-color:var(--v5-line)}
.category-v4-card:nth-child(2){border-top-color:var(--v5-tangerine)}
.category-v4-card:nth-child(3){border-top-color:var(--v5-powder)}
.category-v4-card:nth-child(4){border-top-color:var(--v5-tan)}
.category-v4-card:before{background:linear-gradient(135deg,rgba(102,185,191,.16),rgba(238,170,123,.11))}
.category-v4-card:nth-child(1) .category-v4-icon{background:#E2F4F6;color:var(--v5-teal)}
.category-v4-card:nth-child(2) .category-v4-icon{background:#FFF0E7;color:var(--v5-tangerine)}
.category-v4-card:nth-child(3) .category-v4-icon{background:#E7F6F7;color:#3E959C}
.category-v4-card:nth-child(4) .category-v4-icon{background:#FFF2E9;color:#B87348}
.category-v4-card footer span{color:var(--v5-teal)}

/* Dokumen */
.tabs-v4 button.is-active{background:var(--v5-teal);color:#fff;box-shadow:0 7px 18px rgba(7,136,155,.18)}
.tabs-v4 button:hover{color:var(--v5-tangerine)}
.doc-v4-badge{background:#FFF0E7;color:var(--v5-tangerine)}
.doc-v4-meta span{background:#E7F6F7;color:var(--v5-teal-dark)}
.doc-v4-action{background:#EAF6F7;color:var(--v5-teal)}
.doc-v4-row:hover{border-color:#C9E0E4;box-shadow:0 14px 38px rgba(42,76,105,.075)}

/* Maklumat — Teal → Powder → Tan */
.service-v4-section{background:linear-gradient(118deg,var(--v5-teal) 0%,#2C9DA8 42%,var(--v5-powder) 69%,var(--v5-tan) 100%)}
.service-v4-section:after{background-image:radial-gradient(circle,rgba(255,255,255,.14) 1.5px,transparent 1.6px);opacity:.50}
.service-v4-copy>span{color:#E8FFFF}.service-v4-copy>p{color:rgba(255,255,255,.93)}
.service-v4-mark{background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.12));border-color:rgba(255,255,255,.32);color:var(--v5-navy-deep)}
.service-v4-mark svg{stroke:var(--v5-navy-deep)}
.service-v4-cards>a{box-shadow:0 20px 55px rgba(42,76,105,.15)}
.service-v4-cards>a>span{background:#FFF0E7;color:var(--v5-tangerine)}
.service-v4-cards b{color:var(--v5-teal)}

/* Regulasi + DIP */
.legal-v4-section{background:#fff}
.legal-v4-panel{border-color:var(--v5-line)}
.legal-v4-links>a{background:#F8FBFB;border-color:#E6EFF1}
.legal-v4-links b{color:var(--v5-teal)}
.dip-v4-list>a{background:#FFF9F4;border-color:#F3E1D2}
.dip-v4-list>a>span{background:#FFF0E7;color:var(--v5-tangerine)}

/* Berita */
.news-v4-section{background:var(--v5-bg)}
.news-v4-overlay{background:linear-gradient(180deg,rgba(32,58,84,.03) 18%,rgba(32,58,84,.92) 100%)}
.news-v4-date{color:var(--v5-tangerine);background:rgba(255,255,255,.95)}
.news-v4-copy>small{color:#CDEFF1}
.news-v4-side div>a{color:var(--v5-teal)}
.news-v4-fallback{background:linear-gradient(135deg,var(--v5-powder-soft),#FBE2CF);color:var(--v5-teal)}

/* Media */
.media-v4-section{background:#fff}
.media-v4-photos span{background:rgba(32,58,84,.82)}
.media-v4-videos i,.media-v4-more{color:var(--v5-teal)}

/* SKM */
.survey-v4-section{background:#fff}
.survey-v4-card{border-color:#F1D9C7;background:linear-gradient(135deg,#FFF6EF 0%,var(--v5-tan-soft) 52%,#F8FBFB 100%)}
.survey-v4-card>div:first-child>span{color:var(--v5-tangerine)}
.survey-v4-metrics article{border-color:#E9DFD8}.survey-v4-metrics strong{color:var(--v5-teal)}

/* Tombol umum V5 */
.btn-v4-primary{background:var(--v5-tangerine);color:#fff;box-shadow:0 14px 32px rgba(227,114,34,.25)}
.btn-v4-primary:hover{background:var(--v5-tangerine-dark);box-shadow:0 18px 36px rgba(227,114,34,.30)}
.btn-v4-white{color:var(--v5-teal);background:#fff}

/* CTA akhir + footer */
.cta-v4-section{background:linear-gradient(125deg,var(--v5-navy-deep) 0%,var(--v5-navy) 40%,var(--v5-teal) 100%)}
.cta-v4-inner>div:first-child>span{color:#BFE9EC}
.footer-v3{background:var(--v5-navy-deep)}
.footer-v3 h4{color:#fff}.footer-v3 a:hover{color:var(--v5-tan)}
.footer-v3 .brand-v3-mark{background:linear-gradient(145deg,var(--v5-teal),var(--v5-powder))}

@media(max-width:1020px){
  .hero-v5{height:clamp(420px,48vw,560px);min-height:420px}
  .hero-v5-prev{left:16px}.hero-v5-next{right:16px}
}
@media(max-width:760px){
  .container,.footer-v3-grid,.footer-v3-bottom{width:min(100% - 36px,1320px)}
  .hero-v5{height:440px;min-height:440px}
  .hero-v5-media{background-position:center center}
  .hero-v5-arrow{width:42px;height:42px;font-size:27px}
  .hero-v5-prev{left:10px}.hero-v5-next{right:10px}
  .hero-v5-dots{bottom:15px}
  .quick-v4-wrap{margin-top:-22px}
}
@media(max-width:480px){
  .container,.footer-v3-grid,.footer-v3-bottom{width:min(100% - 28px,1320px)}
  .hero-v5{height:390px;min-height:390px}
  .hero-v5-arrow{display:none}
  .hero-v5-dots{bottom:12px}
  .hero-v5-dots button.is-active{width:26px}
}