:root{--navy:#173b31;--navy2:#244e40;--blue:#287958;--teal:#55a77d;--amber:#dda83f;--coral:#d77d65;--purple:#82978b;--ink:#1c2945;--muted:#69758e;--line:#dce7df;--paper:#f4f7f4;--white:#fff;--shadow:0 18px 50px #173b310d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.section-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:12px;background:white;padding:10px;z-index:500}.skip-link:focus{top:10px}.site-header{height:86px;position:sticky;top:0;z-index:50;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #dce7df}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand-logo{width:48px;height:48px;flex:0 0 48px;background:#fff;border:1px solid #e3e8f1;border-radius:12px;display:grid;place-items:center;overflow:hidden;color:var(--navy);font:800 24px Manrope}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.brand strong{display:block;font:800 13px Manrope;color:var(--navy)}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.main-nav{display:flex;align-items:center;gap:24px}.main-nav>a{font-size:12px;font-weight:800;color:#596680;white-space:nowrap;position:relative;padding:12px 0}.main-nav>a.active,.main-nav>a:hover{color:var(--navy)}.main-nav>a:not(.nav-cta):after{content:"";height:3px;position:absolute;bottom:3px;left:0;right:100%;background:var(--blue);border-radius:4px;transition:right .2s}.main-nav>a.active:after,.main-nav>a:hover:after{right:0}.main-nav .nav-cta{background:var(--blue);color:#fff;padding:11px 16px;border-radius:9px;box-shadow:0 8px 20px #28795829}.nav-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:9px;padding:9px 12px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:#7180a0;margin:0 0 14px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #55a77d1f}h1,h2,h3,h4{font-family:Manrope,sans-serif;color:var(--navy);letter-spacing:-.045em}h1{font-size:clamp(38px,4.5vw,60px);line-height:1.08;font-weight:800;margin:0 0 20px}h1 span{color:var(--blue)}h2{font-size:clamp(29px,3.7vw,43px);line-height:1.15;margin:0 0 12px;font-weight:800}h3{font-size:22px;margin:0 0 10px}h4{font-size:17px;line-height:1.4;margin:0 0 9px}.muted,.section-lead{color:var(--muted);font-size:14px}.hero{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:45px;padding-top:65px;padding-bottom:75px;min-height:580px}.hero-subtitle{font-size:18px;line-height:1.6;color:var(--navy2);max-width:590px;margin-bottom:12px}.hero-subtitle b{display:block;margin-top:7px}.hero-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 20px;border-radius:10px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;border:0;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px #28795826}.btn-secondary{background:#fff;color:var(--navy);border:1px solid #d8e4db}.hero-proof{display:flex;align-items:center;gap:9px;color:#748099;font-size:10px;margin-top:28px}.hero-proof span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff8ef;color:#168b7e;font-weight:900}.hero-proof i{width:30px;height:1px;background:#cbd3e2}.hero-art{height:425px;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#e3f0e6,#eef7f0 58%,#fff4df);border:1px solid #dce7df;isolation:isolate}.hero-art:before{content:"";position:absolute;width:330px;height:330px;border:1px dashed #2879583a;border-radius:50%;right:8%;top:13%}.hero-art:after{content:"";position:absolute;width:235px;height:235px;background:#ffffff85;border-radius:50%;right:20%;top:25%}.art-circle{position:absolute;width:400px;height:400px;border:1px solid #173b3112;border-radius:50%;left:7%;top:8%}.art-label{position:absolute;z-index:4;left:8%;top:9%;display:grid;gap:8px}.art-label small{font-size:9px;letter-spacing:.19em;font-weight:800;color:#7785a4}.art-label strong{font:800 35px/1.1 Manrope;color:var(--navy);letter-spacing:-.06em}.art-label span{font-size:10px;color:#6b7790}.bars{position:absolute;inset:0;z-index:3}.bar{position:absolute;display:block;border-radius:8px;box-shadow:0 14px 26px #173b3119;animation:float 6s ease-in-out infinite}.b1{width:78px;height:48px;right:11%;top:29%;background:var(--blue);transform:rotate(-8deg)}.b2{width:43px;height:76px;right:29%;top:42%;background:var(--teal);animation-delay:-1s}.b3{width:69px;height:34px;right:9%;top:53%;background:var(--amber);transform:rotate(12deg);animation-delay:-2s}.b4{width:38px;height:38px;right:37%;top:63%;background:var(--coral);animation-delay:-3s}.b5{width:64px;height:29px;right:21%;top:73%;background:var(--purple);transform:rotate(-10deg);animation-delay:-.5s}.b6{width:27px;height:54px;right:6%;top:72%;background:white;border:1px solid #d9e1f0}.b7{width:40px;height:23px;right:43%;top:27%;background:var(--navy);transform:rotate(13deg);animation-delay:-1.5s}.b8{width:23px;height:23px;right:45%;top:76%;background:var(--teal);border-radius:50%}.b9{width:35px;height:35px;right:24%;top:17%;background:#f7a8c6;transform:rotate(20deg)}.b10{width:25px;height:25px;right:14%;top:15%;background:var(--coral);border-radius:50%}.b11{width:18px;height:48px;right:48%;top:51%;background:#fff;border:1px solid #dce7df}@keyframes float{50%{translate:0 -9px}}.art-note{position:absolute;z-index:5;left:22px;bottom:20px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffffdf;border:1px solid #ffffff;border-radius:12px;box-shadow:var(--shadow)}.art-note>b{display:grid;place-items:center;width:28px;height:28px;background:#fff0d7;color:#b77a17;border-radius:8px}.art-note strong,.art-note small{display:block}.art-note strong{font:800 11px Manrope}.art-note small{font-size:10px;color:var(--muted)}.ecosystem{padding-bottom:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:27px}.section-index{font-size:10px;letter-spacing:.16em;color:#8792a8;font-weight:800;white-space:nowrap}.data-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.data-tab{display:flex;align-items:center;text-align:left;gap:12px;padding:16px;border:1px solid #dce7df;border-radius:15px;background:white;cursor:pointer;transition:.2s;min-width:0}.data-tab:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.data-tab.is-active{border-color:var(--blue);box-shadow:0 10px 25px #2879581c;background:#fbfcff}.tab-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:#e3f0e6;color:var(--blue);font-size:22px}.tab-icon.teal{background:#def8f2;color:#168b7e}.tab-icon.amber{background:#fff0db;color:#bd7a1b}.data-tab>span:nth-child(2){display:grid;gap:3px}.data-tab b{font:800 12px Manrope;color:var(--navy)}.data-tab small{font-size:10px;color:var(--muted)}.tab-arrow{margin-left:auto;color:#9aa5b9}.tab-panel{padding:26px;background:#fff;border:1px solid #e0e6f0;border-radius:19px;animation:panelin .25s ease}.tab-panel[hidden]{display:none}@keyframes panelin{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading .eyebrow{margin-bottom:6px}.panel-heading h3{margin:0;font-size:22px}.text-link{font-size:12px;font-weight:800;color:var(--blue);white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-card{padding:20px;border:1px solid #e5eaf2;border-radius:15px;background:linear-gradient(145deg,#fff,#fafbff);transition:transform .2s,box-shadow .2s;min-width:0}.info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.mini-tag{background:#eaf0ff;color:var(--blue);border-radius:6px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.1em}.card-number{font-size:10px;color:#8792a8}.info-card>p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:16px}.card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf0f6;padding-top:13px;color:#77839a;font-size:10px}.card-footer a{color:var(--blue);font-weight:800}.avatar-mark,.tuk-symbol{width:43px;height:43px;border-radius:13px;background:#def8f2;color:#168b7e;display:grid;place-items:center;font:800 18px Manrope;margin-bottom:15px}.tuk-symbol{background:#fff0db;color:#bd7a1b;font-size:22px}.empty-state{min-height:150px;display:grid;justify-items:center;align-content:center;text-align:center;border:1px dashed #d9e1ee;border-radius:14px;background:#fafbff;padding:25px}.empty-state b{font:800 14px Manrope}.empty-state p{font-size:12px;color:var(--muted);margin:6px 0 0}.why-section{background:var(--navy);color:white;position:relative;overflow:hidden}.why-section:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff14;border-radius:50%;right:-150px;top:-180px;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff04}.why-inner{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-top:80px;padding-bottom:82px}.why-inner h2{color:#fff}.why-inner h2 span{color:#80ddd1}.why-copy{color:#bac6dc;font-size:13px;line-height:1.8;max-width:360px}.mini-bars{height:58px;display:flex;align-items:end;gap:6px;margin-top:28px}.mini-bars i{display:block;width:13px;border-radius:4px}.mini-bars i:nth-child(1){height:24px;background:var(--blue)}.mini-bars i:nth-child(2){height:42px;background:var(--teal)}.mini-bars i:nth-child(3){height:31px;background:var(--amber)}.mini-bars i:nth-child(4){height:53px;background:var(--coral)}.mini-bars i:nth-child(5){height:19px;background:var(--purple)}.why-points article{display:grid;grid-template-columns:35px 1fr 28px;gap:14px;padding:20px 0;border-bottom:1px solid #ffffff20}.why-points article:first-child{padding-top:0}.why-points article:last-child{border-bottom:0;padding-bottom:0}.why-points article>span{font:800 11px Manrope;color:#7f91ba;padding-top:4px}.why-points h3{color:white;font-size:18px;margin:0 0 6px}.why-points p{color:#bac6dc;font-size:12px;line-height:1.8;margin:0}.why-points article>b{width:28px;height:28px;border-radius:8px;background:#ffffff12;display:grid;place-items:center;color:#80ddd1}.process-section{padding-top:88px;padding-bottom:88px}.process-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.process-intro{align-self:start;position:sticky;top:115px}.process-stamp{width:70px;height:70px;border-radius:20px;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 25px Manrope;margin-bottom:20px;box-shadow:0 13px 25px #28795826}.process-stamp span{font-size:9px;margin-top:-19px;letter-spacing:.2em}.process-intro h3{font-size:23px;line-height:1.3}.process-intro p{font-size:13px;color:var(--muted);line-height:1.8}.process-list{border-top:1px solid var(--line)}.process-item{border-bottom:1px solid var(--line)}.process-item summary{list-style:none;display:grid;grid-template-columns:38px 1fr 27px;gap:14px;align-items:center;padding:19px 0;cursor:pointer}.process-item summary::-webkit-details-marker{display:none}.process-item summary>span{width:34px;height:34px;border-radius:10px;background:#e3f0e6;color:var(--blue);display:grid;place-items:center;font:800 11px Manrope}.process-item summary>b{font:800 14px Manrope;color:var(--navy)}.process-item summary>i{font-style:normal;width:26px;height:26px;border:1px solid #d8e4db;border-radius:8px;display:grid;place-items:center;color:var(--blue);font-size:17px}.process-item[open] summary>i{transform:rotate(45deg)}.process-item>p{padding:0 15px 20px 52px;margin:0;font-size:12px;line-height:1.85;color:var(--muted)}.stats-section{background:#e9eefb;border-block:1px solid #dfe6f5}.stats-inner{display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;gap:22px;padding-top:37px;padding-bottom:37px}.stats-intro h2{font-size:20px;max-width:260px;margin:0}.stats-intro .eyebrow{margin-bottom:7px}.stat-item{border-left:1px solid #cfd8eb;padding-left:22px;display:grid;gap:4px}.stat-item strong{font:800 33px Manrope;color:var(--blue)}.stat-item span{font-size:11px;color:#68758f}.site-footer{background:#fff}.footer-main{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:60px;padding-top:48px;padding-bottom:38px}.footer-main p,.footer-links a,.footer-links span{font-size:12px;color:var(--muted);line-height:1.8}.footer-main p{margin-top:14px}.footer-links{display:grid;align-content:start;gap:8px}.footer-links>b{font:800 13px Manrope;margin-bottom:5px}.footer-bottom{border-top:1px solid #e9edf4;padding-top:16px;padding-bottom:16px;display:flex;justify-content:space-between;gap:18px;color:#8791a6;font-size:10px}.footer-bottom a{color:var(--blue);font-weight:800}.inner-hero{padding:48px 0 38px;background:linear-gradient(120deg,#e3f0e6,#eef7f0);border-bottom:1px solid #e0e6f1}.inner-hero h1{font-size:clamp(34px,4vw,48px);margin-bottom:12px}.inner-hero p{max-width:700px;color:var(--muted);margin:0}.content-section{padding-top:42px;padding-bottom:75px}.content-title{font-size:27px;margin-bottom:8px}.content-lead{color:var(--muted);font-size:13px}.listing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.search-input{width:min(360px,100%);padding:12px 14px;border:1px solid #dbe2ee;border-radius:10px;background:white}.detail-layout{display:grid;grid-template-columns:1fr 300px;gap:22px}.detail-main,.detail-aside,.content-box{background:#fff;border:1px solid #e2e7f0;border-radius:17px;padding:25px}.detail-main h2{font-size:24px}.detail-main p,.content-box p{font-size:13px;color:var(--muted);line-height:1.85}.detail-aside{align-self:start}.detail-aside h3{font-size:17px}.detail-meta{display:grid;gap:12px}.detail-meta div{padding-bottom:11px;border-bottom:1px solid #edf0f6}.detail-meta small{display:block;color:var(--muted);font-size:10px}.detail-meta b{font-size:12px;overflow-wrap:anywhere}.pill{display:inline-block;background:#dff8ef;color:#168b7e;padding:5px 10px;border-radius:30px;font-size:10px;font-weight:800}.notice{padding:14px 16px;background:#fff4dc;border:1px solid #f3dfb5;color:#80540d;border-radius:11px;font-size:12px}.form-control{display:grid;gap:7px;margin-bottom:15px}.form-control label{font-size:12px;font-weight:800;color:var(--navy)}.form-control input,.form-control textarea,.form-control select{width:100%;padding:11px 13px;border:1px solid #d9e1ee;border-radius:9px;background:#fff;color:var(--ink);outline:none}.form-control input:focus,.form-control textarea:focus,.form-control select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2879581a}.form-help{font-size:10px;color:var(--muted)}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid #e2e7f0;border-radius:12px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:620px}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf0f6;font-size:12px}.data-table th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#77829a;background:#f8f9fd}.data-table tr:last-child td{border-bottom:0}.admin-btn-small{padding:7px 10px;border:0;border-radius:7px;background:#edf1ff;color:#287958;font-size:10px;font-weight:800;cursor:pointer}.admin-btn-danger{background:#fff0ed;color:#a83e2d}.admin-table-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-inline-form{display:inline}.admin-empty{text-align:center;padding:24px;color:#7b879e;font-size:12px}
@media(max-width:1000px){.main-nav{gap:13px}.main-nav>a{font-size:11px}.hero{gap:25px}.hero-art{height:390px}.why-inner{gap:40px}.process-layout{gap:35px}.footer-main{gap:30px}}@media(max-width:760px){.section-wrap{width:calc(100% - 32px)}.site-header{height:72px}.brand{min-width:0;gap:9px}.brand-logo{width:42px;height:42px;flex-basis:42px}.brand strong{font-size:11px}.brand small{font-size:9px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:13px 18px 18px;box-shadow:0 15px 22px #173b310d}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:2px}.main-nav>a{padding:11px 6px;font-size:13px}.main-nav .nav-cta{text-align:center;margin-top:7px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:48px;gap:30px}.hero h1{font-size:clamp(37px,10vw,51px)}.hero-art{height:340px}.art-label strong{font-size:30px}.ecosystem{padding-bottom:58px}.section-heading{align-items:start}.section-index{display:none}.data-tabs{grid-template-columns:1fr;gap:8px}.data-tab{padding:12px}.tab-panel{padding:17px}.panel-heading{align-items:start}.panel-heading h3{font-size:19px}.card-grid{grid-template-columns:1fr}.info-card{padding:17px}.why-inner{grid-template-columns:1fr;gap:30px;padding-top:54px;padding-bottom:56px}.why-inner h2{font-size:33px}.process-section{padding-top:58px;padding-bottom:58px}.process-layout{grid-template-columns:1fr;gap:28px}.process-intro{position:static}.process-item summary{grid-template-columns:34px 1fr 27px;gap:10px}.process-item summary>b{font-size:13px}.process-item>p{padding-left:44px}.stats-inner{grid-template-columns:1fr 1fr;gap:20px;padding-top:29px;padding-bottom:29px}.stats-intro{grid-column:1/-1}.stats-intro h2{max-width:none}.stat-item{padding-left:13px}.stat-item strong{font-size:28px}.footer-main{grid-template-columns:1fr 1fr;gap:25px;padding-top:35px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:9px}.inner-hero{padding:38px 0 30px}.content-section{padding-top:28px;padding-bottom:52px}.listing-toolbar{align-items:stretch;flex-direction:column}.search-input{width:100%}.detail-layout{grid-template-columns:1fr}.detail-main,.detail-aside,.content-box{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* LSP Geger visual refresh: stronger navy identity, no overly-white hero */
.hero{width:100%;max-width:none;margin:0;padding:66px max(24px,calc((100% - 1180px)/2)) 72px;background:#173b31;color:#f4f7ff;position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 22%,#2879583b,transparent 38%),radial-gradient(ellipse at 15% 100%,#55a77d1c,transparent 38%)}
.hero h1,.hero h2,.hero h3{color:#f7f9ff}.hero h1 span{color:#80ddd1}.hero .eyebrow{color:#a8b8d8}.hero-subtitle{color:#e5ebf8}.hero-description{color:#b9c5dc}.hero-proof{color:#c1cce0}.hero-proof span{background:#163f48;color:#80ddd1}.hero-proof i{background:#4a5a78}
.hero-art{background:linear-gradient(140deg,#1c2e52,#172644 60%,#203d51);border:1px solid #405577;box-shadow:0 24px 70px #050b1a55}
.hero-art:before{border-color:#80ddd14d}.hero-art:after{background:#ffffff09}.art-circle{border-color:#ffffff16}.art-label small{color:#aab9d4}.art-label strong{color:#f7f9ff}.art-label span{color:#bdc9dd}.b6,.b11{background:#243758;border-color:#627394}.art-note{background:#182a49eF;border-color:#405577;box-shadow:0 14px 35px #050b1a55}.art-note strong{color:#f5f7ff}.art-note small{color:#bdc9dd}
.ecosystem{padding-top:76px}.section-heading h2,.process-intro h3{color:var(--navy)}
.why-section{background:#173b31}.stats-section{background:#e6ebf7}.site-footer{background:#0c1730;color:#eaf0fc}.site-footer .brand strong,.site-footer .footer-links>b{color:#f4f7ff}.site-footer .brand small,.site-footer .footer-main p,.site-footer .footer-links a,.site-footer .footer-links span{color:#b6c3dc}.footer-bottom{border-top-color:#293957;color:#9eacc7}.footer-bottom a{display:none}
.inner-hero{background:linear-gradient(115deg,#173b31,#1c3154 65%,#17464e);border-bottom:1px solid #2b4265}.inner-hero h1{color:#f7f9ff}.inner-hero h1 span{color:#80ddd1}.inner-hero .eyebrow{color:#a8b8d8}.inner-hero p{color:#c1cce0}
body{background:#f0f3fa}.data-tab,.tab-panel,.info-card,.detail-main,.detail-aside,.content-box{box-shadow:0 10px 30px #173b3108}
@media(max-width:760px){.hero{padding:40px 16px 48px}.hero-art{background:linear-gradient(140deg,#1c2e52,#172644 60%,#203d51)}.main-nav{background:#173b31;border-bottom-color:#293957}.main-nav>a{color:#d5def0}.main-nav>a.active,.main-nav>a:hover{color:#80ddd1}.main-nav .nav-cta{color:#fff}}


/* LSP visual finish v1.2 — refined contrast, calmer surfaces, accessible reading */
:root{--navy:#14233f;--navy2:#263b5b;--blue:#2858c8;--teal:#2aa99a;--ink:#202d43;--muted:#5f6d82;--line:#d9e1ec;--paper:#f1f4f8;--shadow:0 14px 36px rgba(20,35,63,.08)}
body{background:#f1f4f8;color:#202d43;font-size:15px}
.site-header{background:rgba(248,250,253,.97);border-bottom-color:#d9e1ec}
.brand-logo{border-radius:13px;box-shadow:0 3px 12px rgba(10,25,50,.08)}
.hero{background:#14233f}
.hero-copy{position:relative;z-index:2}
.hero h1{max-width:700px;letter-spacing:-.055em}
.hero-description{font-size:15px;max-width:560px;color:#c5d0e2}
.hero-subtitle{font-size:17px;color:#e5ebf5}
.hero-art{border-radius:22px;background:linear-gradient(145deg,#20385a,#182945 68%,#174c54);box-shadow:0 24px 55px rgba(2,10,25,.25)}
.btn-primary{background:#2d62d5;box-shadow:0 8px 20px rgba(45,98,213,.22)}
.btn-secondary{background:rgba(255,255,255,.08);border-color:#50617e;color:#f5f7fc}
.ecosystem{padding-top:74px;padding-bottom:82px}
.data-tab{background:#f9fbfd;border-color:#d8e0eb}
.data-tab.is-active{background:#edf3ff;border-color:#9eb8ef;box-shadow:0 8px 22px rgba(40,88,200,.10)}
.tab-panel{background:#f9fbfd;border-color:#d8e0eb}
.info-card{background:#fff;border-color:#dfe5ee;box-shadow:0 4px 14px rgba(20,35,63,.025)}
.why-section{background:#14233f}
.process-section{background:#f1f4f8}
.process-item summary:hover>b{color:#2858c8}
.stats-section{background:#e4ebf5;border-color:#d5deeb}
.site-footer{background:#0d192e}
.inner-hero{background:linear-gradient(115deg,#14233f 0%,#203b5b 66%,#17515a 100%);border-color:#2d4668}
.inner-hero h1{color:#f6f8fc}.inner-hero p{color:#c6d2e4}.inner-hero .eyebrow{color:#b7c8e1}
.content-section{background:#f1f4f8}
.content-box,.detail-main,.detail-aside{box-shadow:0 6px 22px rgba(20,35,63,.04);border-color:#dce3ed}
.form-control input,.form-control textarea,.form-control select,.search-input{border-color:#cbd5e3;background:#fff}
/* Admin panel: clear hierarchy, calm blue-grey canvas, comfortable form and table spacing */
body.admin{background:#eef2f7;color:#243149;font-size:14px}
.admin-top{background:#fbfcfe;border-bottom-color:#d9e1eb;box-shadow:0 3px 14px rgba(20,35,63,.035)}
.admin-top strong{color:#14233f;font-size:15px}
.admin-top a{color:#2858c8;font-weight:700}
.sidebar{background:#14233f;box-shadow:5px 0 25px rgba(12,25,47,.08)}
.admin-nav a{font-size:13px;padding:12px 13px;color:#d1daea}
.admin-nav a.active,.admin-nav a:hover{background:#2858c8;color:#fff}
.admin-main{padding:30px;max-width:1680px}
.admin-heading{margin-bottom:25px}
.admin-heading .eyebrow{color:#6a7d9a;font-size:10px}
.admin-heading h1{font-size:30px;color:#14233f;letter-spacing:-.04em}
.admin-heading>p:last-child{font-size:13px;color:#64738a;margin-top:8px}
.admin-card,.admin-stat{background:#fbfcfe;border:1px solid #dce3ed;border-radius:15px;box-shadow:0 5px 20px rgba(20,35,63,.035)}
.admin-card{padding:24px;margin-bottom:22px}
.admin-card h2{font-size:17px;color:#14233f;padding-bottom:13px;border-bottom:1px solid #e5eaf1}
.admin-stat{padding:20px}
.admin-stat small{font-size:12px;color:#64738a}
.admin-stat strong{font-size:30px;color:#2858c8}
.admin-form-grid{gap:4px 22px}
body.admin .form-control{margin-bottom:18px}
body.admin .form-control label{font-size:12px;color:#263b5b}
body.admin .form-control input,body.admin .form-control textarea,body.admin .form-control select{min-height:43px;border:1px solid #cbd5e3;border-radius:9px;background:#fff;font-size:13px;padding:11px 13px}
body.admin .form-control input:focus,body.admin .form-control textarea:focus,body.admin .form-control select:focus{border-color:#4775d4;box-shadow:0 0 0 3px rgba(40,88,200,.12)}
body.admin .btn-primary{min-height:43px;padding-inline:20px}
.admin-alert{font-size:13px;padding:13px 16px;border:1px solid transparent}
.admin-alert.success{border-color:#b9e6d7;background:#e7f7f1;color:#176b5b}
.admin-alert.error{border-color:#f1c9c1;background:#fff0ed;color:#943b2f}
.data-table th{background:#edf2f8;color:#52637d;font-size:11px;padding:14px}
.data-table td{font-size:13px;padding:14px;color:#2b3950}
.admin-btn-small{font-size:11px;padding:8px 11px;background:#e8efff;color:#2858c8}
.admin-btn-danger{background:#fff0ed;color:#a33c30}
.brand-preview{display:flex;align-items:center;gap:12px;margin-top:10px}.brand-preview span{font-size:11px;color:#28765e;font-weight:700}
@media(max-width:850px){.admin-main{padding:22px 16px}.admin-top{padding:0 16px}.admin-heading h1{font-size:26px}.admin-card{padding:18px}}
@media(max-width:760px){.hero{padding:42px 16px 48px}.hero-art{border-radius:18px}.ecosystem{padding-top:50px}.section-heading h2{font-size:31px}.admin-top>div:last-child{gap:7px!important;font-size:10px!important}.admin-top a{display:none}.admin-main{padding:20px 12px}.admin-card{padding:15px}.admin-stat strong{font-size:26px}}

/* LSP SMKN 1 Geger — visual finishing v1.3: green professional identity */
:root{--navy:#173b31;--navy2:#245343;--blue:#247653;--teal:#48a77b;--amber:#d9a441;--coral:#d67b63;--purple:#778b7c;--ink:#23372e;--muted:#66796f;--line:#dce7df;--paper:#f3f7f4;--white:#fff;--shadow:0 16px 42px #173b310d}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f5f8f5}h1,h2,h3,h4,.brand strong,.data-tab b{font-family:'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.035em}h1 span{color:#2e8b63}.site-header{background:#fbfdfbf2;border-bottom-color:#dce7df}.main-nav>a.active,.main-nav>a:hover{color:#1c6548}.main-nav>a:not(.nav-cta):after{background:#43a274}.main-nav .nav-cta,.btn-primary{background:#246d4f;box-shadow:0 10px 24px #246d4f25}.nav-toggle{background:#174b3a}.eyebrow{color:#617b6c}.eyebrow i{background:#43a274;box-shadow:0 0 0 5px #43a2741f}.hero{padding-top:62px;padding-bottom:72px}.hero h1{color:#173b31}.hero-subtitle{color:#244d3d}.hero-description{color:#63766b}.btn-secondary{background:#fff;color:#234a39;border-color:#d7e4da}.hero-proof{color:#687e70}.hero-proof span{background:#e1f4e8;color:#28734f}.hero-art-green{height:440px;position:relative;overflow:hidden;border:1px solid #cfe2d4;border-radius:30px;background:linear-gradient(145deg,#e6f3e9 0%,#d5eadb 48%,#b8ddc6 100%);isolation:isolate}.hero-art-green:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff38 1px,transparent 1px),linear-gradient(90deg,#ffffff38 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(130deg,#000 0%,transparent 78%);z-index:-1}.hero-art-green:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-90px;bottom:-160px;background:#6ab98a2b;border:1px solid #2b80531e;box-shadow:0 0 0 32px #ffffff20,0 0 0 65px #ffffff15;z-index:-1}.hero-art-grid{position:absolute;left:10%;top:14%;width:78%;height:70%;border:1px solid #39845b25;border-radius:24px;transform:rotate(-7deg)}.hero-art-orbit{position:absolute;border:1px solid #39845b4a;border-radius:50%;z-index:0}.orbit-one{width:330px;height:330px;right:6%;top:14%;border-style:dashed;transform:rotate(23deg)}.orbit-two{width:245px;height:245px;right:16%;top:24%;border-width:2px;border-color:#fff9;box-shadow:0 0 0 12px #ffffff21}.hero-art-panel{position:absolute;z-index:3;left:9%;top:13%;width:58%;height:74%;border-radius:23px;background:linear-gradient(150deg,#fffefaed,#f4fbf5eb);border:1px solid #ffffffc9;box-shadow:0 22px 55px #174b3b1b;padding:24px 24px 22px;display:flex;flex-direction:column;align-items:flex-start}.panel-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;color:#648171}.panel-emblem{position:relative;width:94px;height:94px;display:grid;place-items:center;margin:22px 0 13px;border-radius:28px;background:#dff1e4;transform:rotate(-5deg)}.emblem-ring{position:absolute;inset:10px;border:2px solid #5da879;border-radius:50%;border-right-color:transparent;transform:rotate(-28deg)}.emblem-check{width:48px;height:48px;border-radius:15px;background:#26734f;color:#fff;display:grid;place-items:center;font-size:29px;font-weight:800;box-shadow:0 8px 18px #26734f2c}.hero-art-panel>strong{font:800 clamp(23px,2.3vw,31px)/1.08 'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;color:#194633}.hero-art-panel>small{font-size:9px;color:#6c8274;margin-top:12px}.hero-float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:14px;background:#fff;border:1px solid #e1eee4;box-shadow:0 14px 30px #174b3b18}.float-card-top{right:6%;top:19%}.float-card-bottom{right:5%;bottom:17%}.float-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#e1f3e6;color:#24734d;font-size:16px;font-weight:900}.float-icon.leaf{background:#eaf1d9;color:#647f31}.hero-float-card b,.hero-float-card small{display:block}.hero-float-card b{font:800 11px 'Plus Jakarta Sans',sans-serif;color:#244a38}.hero-float-card small{font-size:9px;color:#74877b;margin-top:2px}.hero-dot{position:absolute;z-index:2;border-radius:50%;background:#37845a;box-shadow:0 0 0 7px #ffffff5e}.dot-a{width:11px;height:11px;right:31%;top:12%}.dot-b{width:8px;height:8px;right:12%;top:55%;background:#d6a441}.dot-c{width:13px;height:13px;right:29%;bottom:10%;background:#fff}.ecosystem{padding-bottom:88px}.section-heading h2,.panel-heading h3{color:#183d30}.section-index{color:#7a9082}.data-tab{border-color:#dce7df;background:#fff}.data-tab.is-active{border-color:#66a982;box-shadow:0 10px 25px #28734f14;background:#f6fbf7}.tab-icon{background:#e3f2e6;color:#26734f}.tab-icon.teal{background:#dcefe4;color:#286b4e}.tab-icon.amber{background:#f7efdc;color:#946d1c}.tab-panel{border-color:#dce7df;background:#fff;box-shadow:0 12px 35px #173b3106}.info-card{border-color:#e0e9e2;background:linear-gradient(145deg,#fff,#f8fbf8)}.mini-tag{background:#e4f2e7;color:#276c4d}.text-link,.card-footer a{color:#247653}.avatar-mark,.tuk-symbol{background:#e0f2e5;color:#26734f}.tuk-symbol{background:#f6efdc;color:#946d1c}.empty-state{background:#f8fbf8;border-color:#d9e6dc}.why-section{background:#143d31}.why-section:after{border-color:#ffffff16;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff04}.why-inner h2 span{color:#8cdbac}.why-copy{color:#c0d5c8}.why-points article{border-color:#ffffff20}.why-points article>span{background:#245b46;color:#c9f0d7}.why-points article h3{color:#f5fff8}.process-section{padding-top:76px;padding-bottom:78px}.process-item{border-color:#dce7df}.process-item summary>span{background:#e1f2e5;color:#28734f}.process-item[open]{background:#fbfdfb}.process-item summary>i{color:#28734f}.process-intro .process-stamp{background:#e2f2e6;color:#236c4a}.stats-section{background:#e4f0e7;border-color:#d0e2d5}.stats-intro h2{color:#173d30}.stat-item{border-color:#c7ddcd}.stat-item strong{color:#246d4f}.site-footer{background:#103329;color:#eaf5ed}.site-footer .brand strong,.site-footer .footer-links>b{color:#f3fff6}.site-footer .brand small,.site-footer .footer-main p,.site-footer .footer-links a,.site-footer .footer-links span{color:#c0d6c7}.footer-bottom{border-top-color:#2a5946;color:#a9c5b4}.form-control input:focus,.form-control textarea:focus,.form-control select:focus,.search-input:focus{border-color:#3d9671;box-shadow:0 0 0 3px #3d96711f}.pill{background:#e0f3e5;color:#26734f}
/* Readable forms, tables and cards */
.form-control label{color:#244b39}.form-control input,.form-control textarea,.form-control select,.search-input{border-color:#d1dfd5}.data-table th{background:#eef5ef;color:#526b5b}.data-table td{color:#2c4034}
@media(max-width:760px){.hero-art-green{height:370px}.hero-art-panel{left:6%;top:11%;width:65%;height:77%;padding:18px}.panel-emblem{width:75px;height:75px;margin:17px 0 12px}.emblem-check{width:40px;height:40px}.orbit-one{width:260px;height:260px;right:-2%;top:16%}.orbit-two{width:190px;height:190px;right:9%;top:27%}.float-card-top{right:3%;top:16%;padding:9px}.float-card-bottom{right:3%;bottom:12%;padding:9px}.hero-float-card small{font-size:8px}.hero-art-panel>small{max-width:200px}.hero{padding-top:40px}}


/* LSP design finishing v1.4.0 — accessible forest-green identity */
:root{--brand-forest:#174b38;--brand-green:#26734f;--brand-mint:#dcefe2;--brand-line:#d5e4d9;--ink:#19372b;--muted:#62776b}
body{background:#f6f9f6;color:#20382d;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
h1,h2,h3,h4,.brand strong,.data-tab b{font-family:"Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.028em}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e1e9e2;box-shadow:0 4px 18px rgba(24,64,43,.035)}
.brand-logo{background:#fff;border:1px solid #e1e9e2;box-shadow:0 5px 16px rgba(20,60,40,.07)}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}
.main-nav>a{color:#50665a}.main-nav>a.active,.main-nav>a:hover{color:#1d6848}.main-nav>a:not(.nav-cta):after{background:#4b9c70}.main-nav .nav-cta,.btn-primary{background:#236c4c;color:#fff;box-shadow:0 8px 20px rgba(35,108,76,.16)}.main-nav .nav-cta:hover,.btn-primary:hover{background:#19583c}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(34px,5vw,76px);width:100%;max-width:none;margin:0;padding:clamp(54px,6.5vw,92px) max(24px,calc((100% - 1180px)/2));background:linear-gradient(120deg,#f1f7f1 0%,#e8f2e9 55%,#dcece0 100%);color:#183c2b;position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 7% 8%,rgba(105,166,125,.14),transparent 35%),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;mask-image:linear-gradient(100deg,#000,transparent 88%)}
.hero-copy{max-width:610px;position:relative;z-index:2}.hero .eyebrow{color:#47735a;font-size:11px;letter-spacing:.12em}.hero .eyebrow i{background:#3b9567;box-shadow:0 0 0 5px rgba(59,149,103,.12)}
.hero h1{font-size:clamp(39px,4.25vw,62px);line-height:1.08;letter-spacing:-.055em;color:#173d2c;max-width:650px;margin:18px 0 20px}.hero h1 span{display:block;color:#28764f}.hero-subtitle{color:#365b45;font-size:clamp(16px,1.4vw,19px);line-height:1.65;max-width:600px}.hero-subtitle b{display:block;margin-top:5px;color:#1d6947;font-weight:750}.hero-description{font-size:15px;line-height:1.85;max-width:570px;color:#5b7263;margin-top:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-actions .btn{min-height:48px;padding:13px 21px;border-radius:11px;font-weight:700}.hero .btn-secondary{background:rgba(255,255,255,.8);color:#24543b;border:1px solid #cadfd0;box-shadow:none}.hero-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;color:#6a8072;font-size:11px}.hero-proof span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d5ebdb;color:#246d49;font-weight:800}.hero-proof i{width:28px;height:1px;background:#c3d8c8}
.hero-art-green{height:440px;min-width:0;position:relative;overflow:hidden;border:1px solid #28684a;border-radius:28px;background:linear-gradient(145deg,#1c5a40 0%,#174832 60%,#123b2c 100%);box-shadow:0 28px 60px rgba(22,72,47,.18);isolation:isolate}.hero-art-green:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(130deg,#000,transparent 90%)}.hero-art-green:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(183,225,195,.25);border-radius:50%;right:-65px;bottom:-155px;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025);z-index:-1}
.hero-art-grid{border:1px solid rgba(211,239,218,.18);border-radius:28px;transform:rotate(-5deg)}.hero-art-orbit{border-color:rgba(193,230,202,.36)}.orbit-one{width:310px;height:310px;right:5%;top:13%}.orbit-two{width:220px;height:220px;right:15%;top:24%;border-color:rgba(255,255,255,.3);box-shadow:0 0 0 14px rgba(255,255,255,.035)}.hero-art-panel{left:8%;top:12%;width:61%;height:76%;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f1f8f2 100%);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 55px rgba(4,32,18,.18);padding:24px}.panel-kicker{color:#5b8068}.panel-emblem{background:#e0f0e4;border-radius:22px;transform:none}.emblem-ring{border-color:#78b48b;border-right-color:transparent}.emblem-check{background:#26734f;border-radius:13px;box-shadow:none}.hero-art-panel>strong{color:#194631;font-size:clamp(22px,2.1vw,30px);line-height:1.15}.hero-art-panel>small{color:#6a8171;font-size:10px;line-height:1.5}.hero-float-card{border-radius:13px;border:1px solid #e1ece3;box-shadow:0 12px 30px rgba(7,39,21,.18);padding:12px;background:#fff}.hero-float-card b{color:#254d37}.hero-float-card small{color:#6c8172}.float-icon{background:#e1f2e5;color:#26734f}.float-icon.leaf{background:#f2efd9;color:#7a762b}.hero-dot{box-shadow:0 0 0 7px rgba(255,255,255,.12)}
.ecosystem,.process-section{background:#f8faf8}.section-heading h2,.panel-heading h3{color:#193d2c}.muted,.content-lead{color:#63776a}.data-tab{border-color:#dbe7dd}.data-tab.is-active{border-color:#72aa84;background:#f1f8f2;box-shadow:0 8px 22px rgba(38,115,79,.08)}.tab-icon{background:#e0f0e4;color:#26734f}.tab-panel{border-color:#e0e9e1;box-shadow:0 12px 32px rgba(23,61,42,.04)}.info-card{background:#fff;border-color:#e0e9e1;box-shadow:0 8px 24px rgba(23,61,42,.035)}.info-card:hover{border-color:#b9d6c1;box-shadow:0 14px 30px rgba(23,61,42,.08)}.mini-tag,.pill{background:#e4f2e7;color:#276c4d}.text-link,.card-footer a{color:#26734f}.why-section{background:#153e2e}.why-section:after{border-color:rgba(255,255,255,.12)}.why-inner h2 span{color:#a8e0b7}.why-copy{color:#c5d8cb}.why-points article{border-color:rgba(255,255,255,.18)}.why-points article>span{background:#245c42;color:#d3f0dc}.why-points article h3{color:#f3fff6}.process-item{border-color:#dce7de}.process-item summary>span,.process-intro .process-stamp{background:#e1f1e4;color:#28734f}.stats-section{background:#e7f1e8;border-color:#d3e4d6}.stats-intro h2{color:#183e2c}.stat-item{border-color:#c9ddcd}.stat-item strong{color:#246d4f}.site-footer{background:#103629;color:#edf7ef}.site-footer .brand strong,.site-footer .footer-links>b{color:#f3fff6}.site-footer .brand small,.site-footer .footer-main p,.site-footer .footer-links a,.site-footer .footer-links span{color:#c3d8c8}.footer-bottom{border-top-color:#2b5945;color:#afc7b5}
/* Keep broken media from rendering a misleading broken-image glyph. */
.brand-logo img,.admin-logo img,.logo img{object-fit:contain}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:34px;padding:52px 24px}.hero-copy{max-width:760px}.hero-art-green{width:min(100%,700px);margin:0 auto}.hero h1{max-width:760px}}
@media(max-width:600px){.hero{padding:38px 18px 44px;gap:28px}.hero h1{font-size:clamp(36px,10vw,48px)}.hero-art-green{height:345px;border-radius:20px}.hero-art-panel{left:5%;top:10%;width:67%;height:78%;padding:16px}.panel-emblem{width:68px;height:68px;margin:15px 0 12px}.emblem-check{width:38px;height:38px}.hero-art-panel>strong{font-size:22px}.hero-art-panel>small{font-size:8px}.orbit-one{width:230px;height:230px;right:-2%;top:16%}.orbit-two{width:170px;height:170px;right:9%;top:27%}.hero-float-card{gap:7px;padding:8px}.hero-float-card b{font-size:10px}.hero-float-card small{font-size:8px}.float-card-top{right:2%;top:15%}.float-card-bottom{right:2%;bottom:11%}}

/* LSP final visual system v1.5 */
:root{--navy:#173b31;--navy2:#285744;--blue:#247653;--teal:#52a879;--amber:#d9a441;--coral:#d67b63;--purple:#779183;--ink:#24382f;--muted:#66796f;--line:#dce7df;--paper:#f4f7f3;--white:#fff;--shadow:0 16px 42px #173b310d}
html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:#f4f7f3;color:#24382f}h1,h2,h3,h4,.brand strong,.data-tab b{font-family:'Plus Jakarta Sans',Inter,sans-serif}h1,h2,h3,h4{color:#173b31}.site-header{background:#fbfdfbf5;border-bottom-color:#dce7df}.brand strong{color:#173b31}.main-nav>a.active,.main-nav>a:hover{color:#247653}.main-nav>a:not(.nav-cta):after{background:#52a879}.main-nav .nav-cta,.btn-primary{background:#247653;color:#fff;box-shadow:0 10px 24px #24765324}.nav-toggle{background:#173b31}.eyebrow{color:#557765}.eyebrow i{background:#52a879;box-shadow:0 0 0 5px #52a87920}.hero{padding-top:58px;padding-bottom:70px;gap:54px}.hero h1{color:#173b31}.hero h1 span{color:#27835a}.hero-subtitle{color:#345b47}.hero-description{color:#62766a}.hero-art-green{background:linear-gradient(140deg,#e7f2e8,#d4e9d8 55%,#b7d9c1);border-color:#d0e2d3}.hero-art-panel{background:#fffefa;border-color:#e0eee2}.hero-art-panel strong{color:#174c37}.hero-art-panel small{color:#64796c}.hero-proof{display:none!important}.btn-secondary{background:#fff;color:#234a39;border-color:#d7e4da}.why-section{background:#173b31}.why-inner h2 span{color:#91d5a9}.stats-section{background:#e6f0e7!important;color:#234535!important}.stats-section h2,.stats-intro h2{color:#173b31!important}.stat-item strong{color:#247653!important}.footer-main,.footer-bottom{border-color:#d5e3d8}.site-footer{background:#eaf2eb!important;color:#284638!important}.site-footer .brand strong{color:#173b31}.site-footer .brand small,.site-footer p,.footer-links span,.footer-bottom{color:#61786a!important}.footer-links a{color:#285b43!important}.section-index{color:#71877a}.data-tab.is-active{border-color:#52a879;background:#f8fcf8;box-shadow:0 10px 25px #24765312}.tab-icon{background:#e2f1e5;color:#247653}.tab-icon.teal{background:#dff2e7;color:#267b55}.tab-icon.amber{background:#fbf0d9;color:#a87920}.text-link,.card-footer a{color:#247653}.mini-tag{background:#e4f2e7;color:#247653}.info-card{background:linear-gradient(145deg,#fff,#f8fbf8);border-color:#e0e9e1}.process-stamp{display:none!important}
/* Profile page */
.profile-hero{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center;padding-top:68px;padding-bottom:72px;min-height:520px}.profile-hero h1{max-width:650px}.profile-hero h1 span{display:block;color:#27835a}.profile-hero-copy>p:not(.eyebrow){max-width:650px;color:#607568;font-size:15px;line-height:1.9}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.profile-hero-visual{min-height:370px;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,#c8e6ce 0 16%,transparent 17%),linear-gradient(145deg,#dcefe0,#c3e1ca);border:1px solid #cfe3d2;display:grid;place-items:center}.profile-visual-ring{position:absolute;width:330px;height:330px;border:1px solid #3e95614d;border-radius:50%;box-shadow:0 0 0 28px #ffffff20,0 0 0 58px #ffffff18;animation:profileOrbit 22s linear infinite}.profile-visual-card{position:relative;z-index:2;width:min(72%,320px);padding:27px;background:#fffefa;border:1px solid #fff;border-radius:22px;box-shadow:0 24px 60px #194b3020;display:grid;gap:13px}.profile-visual-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#dff1e3;color:#247653;font-size:30px;font-weight:800}.profile-visual-card small{font-size:9px;letter-spacing:.12em;color:#678271;font-weight:800}.profile-visual-card strong{font:800 clamp(22px,2.5vw,30px)/1.15 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;color:#173b31}.profile-visual-line{height:4px;width:65%;border-radius:8px;background:linear-gradient(90deg,#247653,#9bd3a9)}.profile-visual-caption{font-size:10px;color:#6b7d70}.profile-chip{position:absolute;z-index:3;right:5%;top:17%;background:#fff;border:1px solid #dcebe0;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:800;color:#285b43;box-shadow:0 8px 24px #173b3112}.profile-chip.second{right:auto;left:5%;top:auto;bottom:15%;background:#edf7ee}.profile-overview{padding-top:15px;padding-bottom:82px}.profile-section-title{max-width:690px;margin-bottom:27px}.profile-section-title h2{max-width:620px}.profile-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-info-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dfe9e0;border-radius:18px;padding:25px;box-shadow:0 8px 28px #173b3107;transition:transform .25s,box-shadow .25s}.profile-info-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #173b3110}.profile-card-no{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5f3e7;color:#247653;font-size:12px;font-weight:800;margin-bottom:21px}.profile-info-card h3{font-size:20px}.profile-info-card p{font-size:13px;line-height:1.85;color:#65786b;margin:0;white-space:normal}.profile-commitment{background:#173b31;color:#fff;position:relative;overflow:hidden}.profile-commitment:after{content:"";position:absolute;right:-90px;top:-150px;width:360px;height:360px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.profile-commitment-inner{position:relative;z-index:1;padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.profile-commitment h2{color:#fff}.profile-commitment .eyebrow{color:#a8d9b5}.profile-commitment-inner>p{font-size:14px;line-height:1.9;color:#d1e2d5}.profile-cta{padding-top:58px;padding-bottom:70px;display:flex;justify-content:space-between;align-items:center;gap:28px}.profile-cta h2{max-width:680px}.profile-cta .muted{margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes profileOrbit{to{transform:rotate(360deg)}}
@media(max-width:850px){.profile-hero{grid-template-columns:1fr;padding-top:48px;gap:28px}.profile-hero-visual{min-height:330px}.profile-overview-grid{grid-template-columns:1fr}.profile-commitment-inner{grid-template-columns:1fr;gap:16px;padding-top:52px;padding-bottom:52px}.profile-cta{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero-art-green{height:390px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* LSP green final pass v1.6: neutralize legacy navy/blue inner-page and registration styles. */
:root{--navy:#173b31;--navy2:#285744;--blue:#247653;--teal:#52a879;--amber:#d9a441;--coral:#d67b63;--purple:#779183;--ink:#24382f;--muted:#66796f;--line:#dce7df;--paper:#f4f7f3;--white:#fff;--shadow:0 16px 42px #173b310d}
.inner-hero{background:radial-gradient(circle at 88% 15%,rgba(151,207,165,.28),transparent 27%),linear-gradient(120deg,#e6f2e7 0%,#f1f7f0 56%,#d8eadb 100%)!important;border-bottom:1px solid #d0e3d3!important;position:relative;overflow:hidden}
.inner-hero:after{content:"";position:absolute;width:260px;height:260px;right:-85px;bottom:-190px;border:1px solid #2d79502b;border-radius:50%;box-shadow:0 0 0 30px #2d79500b,0 0 0 60px #2d795008;pointer-events:none}
.inner-hero h1,.inner-hero h1 span{color:#173b31!important}.inner-hero .eyebrow{color:#397354!important}.inner-hero p{color:#526b5b!important}
.main-nav .nav-cta,.btn-primary{background:#247653!important;color:#fff!important;box-shadow:0 10px 24px #24765324!important}.main-nav>a.active,.main-nav>a:hover{color:#247653!important}.main-nav>a:not(.nav-cta):after{background:#52a879!important}.nav-toggle{background:#173b31!important}
.hero{position:relative}.hero-art-green{box-shadow:0 24px 55px rgba(23,59,49,.09)}.hero-art-panel{box-shadow:0 24px 50px rgba(23,59,49,.12)}
.site-footer{background:#12372b!important;color:#edf7ef!important}.footer-main{border-color:#2b5945!important}.site-footer .brand strong,.site-footer .footer-links>b{color:#f3fff6!important}.site-footer .brand small,.site-footer .footer-main p,.site-footer .footer-links a,.site-footer .footer-links span{color:#c3d8c8!important}.site-footer .footer-links a:hover{color:#fff!important}.footer-bottom{border-top-color:#2b5945!important;color:#afc7b5!important}.footer-bottom a{color:#9ddbb0!important}
.form-control label{color:#285744!important}.form-control input:focus,.form-control textarea:focus,.form-control select:focus{border-color:#52a879!important;box-shadow:0 0 0 3px #52a87922!important}.notice{background:#eef7ed;border-color:#d2e8d2;color:#315d40}.pill,.mini-tag{background:#e4f2e7;color:#276c4d}.detail-main,.detail-aside,.content-box{border-color:#dce8de}.detail-meta div{border-bottom-color:#e6eee7}.btn-secondary{color:#234a39;border-color:#d7e4da}.admin-btn-small{background:#e4f2e7;color:#247653}.admin-btn-danger{background:#fff0ed;color:#a83e2d}
.reveal{will-change:opacity,transform}.hero-art-green,.hero-visual,.hero-art-panel{animation:heroEntrance .85s cubic-bezier(.2,.7,.2,1) both}.hero-float-card{animation:floatCard 6s ease-in-out infinite}.hero-float-card:nth-of-type(2){animation-delay:-2s}@keyframes heroEntrance{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.hero-art-green,.hero-visual,.hero-art-panel,.hero-float-card{animation:none!important}}

/* v1.7: keep profile decorative chip clear of the caption and ensure stable layout. */
.profile-hero-visual{overflow:hidden;padding:24px}.profile-visual-card{z-index:2}.profile-visual-caption{position:relative;z-index:2;display:block;line-height:1.5}.profile-chip.second{left:auto;right:5%;top:auto;bottom:5%;z-index:3;max-width:150px;text-align:center}.profile-visual-card{width:min(76%,340px)}
@media(max-width:600px){.profile-hero-visual{padding:18px;min-height:360px}.profile-visual-card{width:82%;padding:22px}.profile-chip{font-size:9px;padding:8px 10px}.profile-chip.second{right:4%;bottom:3%;max-width:128px}}


/* Status arsip/nonaktif tetap terlihat pada informasi publik */
.status-inactive{background:#fce8e6!important;color:#9b2c2c!important;border:1px solid #f5c2c0!important}
.is-disabled{opacity:.48!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale(.25)}

/* Pagination and responsive tables — consistent across screen sizes */
.search-form{display:flex;align-items:center;gap:8px;min-width:min(100%,360px)}.search-form .search-input{min-width:0;flex:1}.search-form .btn{white-space:nowrap;padding:11px 16px}
.pagination-meta{margin:18px 0 8px;color:#6b7e71;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:14px 0 8px}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:7px 11px;border:1px solid #d7e5da;border-radius:10px;background:#fff;color:#285b43;font-size:12px;font-weight:750;transition:background .18s,border-color .18s,transform .18s}.page-link:hover{background:#edf7ef;border-color:#8bb99a;transform:translateY(-1px)}.page-link.is-current{background:#247653;border-color:#247653;color:#fff}.page-link.is-disabled{opacity:.42;pointer-events:none}.page-ellipsis{padding:0 3px;color:#71877a}.scheme-card-footer{align-items:center;border-top:1px solid #e6eee7;padding-top:13px;margin-top:16px}.scheme-card-footer .pill{margin-right:auto}.scheme-card-footer a{margin-left:auto}.public-table-wrap{overflow-x:auto;border:1px solid #dce8df;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(23,61,42,.035)}.public-data-table{width:100%;border-collapse:collapse;min-width:680px}.public-data-table th,.public-data-table td{padding:15px 18px;text-align:left;border-bottom:1px solid #e7eee8;font-size:13px}.public-data-table th{background:#edf5ef;color:#466652;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.public-data-table tr:last-child td{border-bottom:0}.public-data-table tbody tr:hover{background:#f8fcf8}.public-data-table td strong{color:#173b31}.status-inactive{background:#fde8e7!important;color:#b42318!important;border:1px solid #f6c5c1!important}
@media(max-width:760px){.section-wrap{width:min(100% - 30px,1180px)}.listing-toolbar{align-items:stretch;flex-direction:column;gap:14px}.search-form{width:100%;min-width:0}.pagination{gap:5px}.page-link{min-width:34px;min-height:36px;padding:6px 9px}.public-table-wrap{border-radius:12px}.pagination-meta{text-align:center}.card-grid{grid-template-columns:1fr}.scheme-card-footer{display:flex}.admin-card .table-wrap{overflow-x:auto}.admin-card .data-table{min-width:720px}}

/* v1.8.5: consistent home-tab pagination and responsive assessor table */
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin:1.25rem 0 .25rem}
.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:.55rem .8rem;border:1px solid #d6e5db;border-radius:10px;background:#fff;color:#176c4d;text-decoration:none;font-weight:650;font-size:.9rem}
.pagination .page-link.is-current{background:#176c4d;border-color:#176c4d;color:#fff}
.pagination .page-link.is-disabled{color:#87958d;background:#f2f5f2;border-color:#e2e9e4}
.pagination .page-ellipsis{padding:0 .2rem;color:#718178}
.pagination-meta{margin:.85rem 0 .2rem;color:#687c71;font-size:.88rem}
.public-table-wrap{width:100%;overflow-x:auto;border:1px solid #dce8df;border-radius:14px;background:#fff}
.public-data-table{width:100%;min-width:650px;border-collapse:collapse}
.public-data-table th,.public-data-table td{padding:.95rem 1rem;text-align:left;border-bottom:1px solid #e8efe9;vertical-align:middle}
.public-data-table th{background:#eff7f1;color:#285b45;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.public-data-table tbody tr:last-child td{border-bottom:0}
.public-data-table tbody tr:hover{background:#f8fbf8}
.scheme-card-footer{align-items:center}
.scheme-card-footer .pill{margin-right:auto}
.status-inactive{background:#fde8e7!important;color:#b42318!important;border-color:#f7c7c3!important}
.ecosystem .panel-heading{gap:1rem;align-items:flex-end}
.ecosystem .panel-heading .search-form{max-width:460px;width:100%}
.ecosystem .panel-heading .search-input{min-width:0;width:100%}
.ecosystem .data-tab small{white-space:normal}
@media(max-width:760px){.ecosystem .panel-heading{align-items:stretch;flex-direction:column}.ecosystem .panel-heading .search-form{max-width:none}.public-data-table th,.public-data-table td{padding:.75rem .8rem}.pagination .page-link{min-height:38px;min-width:38px;padding:.45rem .65rem}}


/* v1.8.7 — palette warna terinspirasi referensi: forest, jade, mustard, coral, sage */
:root{--navy:#173b31;--navy2:#244e40;--blue:#287958;--teal:#55a77d;--amber:#dda83f;--coral:#d77d65;--purple:#82978b;--ink:#23372f;--muted:#66796f;--line:#dce7df;--paper:#f4f7f4;--white:#fff;--shadow:0 16px 42px rgba(23,59,49,.08);--color-forest:#173b31;--color-green:#287958;--color-mint:#55a77d;--color-mustard:#dda83f;--color-coral:#d77d65;--color-sage:#82978b}
body{background:#f4f7f4;color:#23372f}
h1,h2,h3,h4,.brand strong,.data-tab b,.admin-heading h1{color:#173b31}
h1 span,.hero h1 span{color:#287958}
.main-nav>a.active,.main-nav>a:hover,.text-link,.card-footer a{color:#287958}
.main-nav>a:not(.nav-cta):after{background:#55a77d}
.main-nav .nav-cta,.btn-primary{background:#287958;box-shadow:0 10px 24px rgba(40,121,88,.2)}
.btn-secondary{border-color:#d8e4db;color:#244e40}
.eyebrow i{background:#55a77d;box-shadow:0 0 0 5px rgba(85,167,125,.16)}
.hero-art-green{background:linear-gradient(140deg,#e6f2e8 0%,#d3e9d9 52%,#b9ddc8 100%);border-color:#c9e0d0}
.hero-art-green:after{background:rgba(85,167,125,.15);border-color:rgba(40,121,88,.16)}
.emblem-check{background:#287958;box-shadow:0 8px 18px rgba(40,121,88,.22)}
.float-icon{background:#e0f0e5;color:#287958}.float-icon.leaf{background:#fff0d1;color:#956a15}
.dot-a{background:#55a77d}.dot-b{background:#dda83f}.dot-c{background:#d77d65}
.data-tab.is-active{border-color:#55a77d;background:#f6fbf7;box-shadow:0 10px 25px rgba(85,167,125,.13)}
.tab-icon{background:#e0f0e5;color:#287958}.tab-icon.teal{background:#dcefe4;color:#32875f}.tab-icon.amber{background:#fff0d2;color:#956a15}
.data-tab:nth-child(2) .tab-icon{background:#fbe7e0;color:#b75e48}.data-tab:nth-child(3) .tab-icon{background:#e8eee9;color:#647f71}
.info-card{background:linear-gradient(145deg,#fff,#f8fbf8);border-color:#dfe8e1}
.mini-tag,.pill{background:#e0f0e5;color:#287958}.status-inactive{background:#fde9e4!important;color:#b74735!important;border-color:#f2c5bb!important}
.pagination .page-link{border-color:#d8e5dc;color:#287958}.pagination .page-link.is-current{background:#287958;border-color:#287958;color:#fff}.pagination .page-link:hover{background:#edf7ef;border-color:#55a77d}
.why-section{background:#173b31}.why-inner h2 span{color:#79c49a}.why-points article>span{background:#285b45;color:#c5f0d4}
.process-item summary>span,.process-intro .process-stamp{background:#e0f0e5;color:#287958}.process-item summary:hover>b{color:#287958}
.stats-section{background:#e8f1e9;border-color:#d1e2d5}.stat-item strong{color:#287958}
.site-footer{background:#173b31!important}.footer-bottom{border-top-color:#355d4b}
/* Warm accent is used sparingly for attention, not for large text blocks. */
.admin-stat:nth-child(4n+1) strong{color:#287958}.admin-stat:nth-child(4n+2) strong{color:#55a77d}.admin-stat:nth-child(4n+3) strong{color:#b88420}.admin-stat:nth-child(4n+4) strong{color:#c66e57}
/* Status badges remain accessible and readable. */
.status-active,.status-aktif{background:#e0f0e5!important;color:#287958!important}.status-inactive,.status-nonaktif{background:#fde9e4!important;color:#b74735!important}
@media(prefers-reduced-motion:reduce){.bar,.hero-float-card{animation:none!important}}


/* v1.8.10 — definitive colorful theme overrides for components with legacy hard-coded colors */
:root{--navy:#173b31;--navy2:#244e40;--blue:#287958;--teal:#55a77d;--amber:#dda83f;--coral:#d77d65;--purple:#82978b;--ink:#23372f;--muted:#66796f;--line:#dce7df;--paper:#f4f7f4;--white:#fff}
body{background:#f4f7f4;color:#23372f}
.site-header{background:rgba(250,253,250,.96);border-color:#dce7df}
.brand-logo{color:#173b31;border-color:#dce7df}
h1,h2,h3,h4,.brand strong,.admin-heading h1{color:#173b31}
h1 span,.hero h1 span{color:#287958}
.main-nav>a.active,.main-nav>a:hover,.text-link,.card-footer a{color:#287958}
.main-nav>a:not(.nav-cta):after{background:#55a77d}
.main-nav .nav-cta,.btn-primary{background:#287958;color:#fff;box-shadow:0 10px 24px rgba(40,121,88,.20)}
.btn-secondary{border-color:#d8e4db;color:#244e40}
.hero-art{background:linear-gradient(135deg,#e3f0e6 0%,#d7ebdc 48%,#fff0d8 100%);border-color:#cfe1d3}
.hero-art:before{border-color:rgba(40,121,88,.24)}
.hero-art:after{background:rgba(85,167,125,.14)}
.art-label strong{color:#173b31}
.b1{background:#287958}.b2{background:#55a77d}.b3{background:#dda83f}.b4{background:#d77d65}.b5{background:#82978b}
.float-card,.info-card,.scheme-card,.assessor-card,.tuk-card{border-color:#dce7df}
.info-card{background:linear-gradient(145deg,#fff,#f7fbf7)}
.data-tab.is-active{border-color:#55a77d;background:#f3faf5;box-shadow:0 10px 25px rgba(85,167,125,.13)}
.tab-icon{background:#e0f0e5;color:#287958}.tab-icon.teal{background:#dcefe4;color:#32875f}.tab-icon.amber{background:#fff0d2;color:#956a15}
.data-tab:nth-child(2) .tab-icon{background:#fbe7e0;color:#b75e48}.data-tab:nth-child(3) .tab-icon{background:#e8eee9;color:#647f71}
.mini-tag,.pill,.status-active,.status-aktif{background:#e0f0e5;color:#287958}
.status-inactive,.status-nonaktif{background:#fde9e4!important;color:#b74735!important;border-color:#f2c5bb!important}
.pagination .page-link{border-color:#d8e5dc;color:#287958;background:#fff}
.pagination .page-link.is-current{background:#287958;border-color:#287958;color:#fff}
.pagination .page-link:hover{background:#edf7ef;border-color:#55a77d}
.why-section,.site-footer{background:#173b31!important;color:#f5fbf6}
.why-inner h2,.site-footer h2,.site-footer h3,.site-footer strong{color:#fff}
.why-inner h2 span{color:#dda83f}.why-points article>span{background:#285b45;color:#c5f0d4}
.stats-section{background:#e8f1e9;border-color:#d1e2d5}.stat-item strong{color:#287958}
.admin-stat:nth-child(4n+1){border-top:3px solid #287958}.admin-stat:nth-child(4n+2){border-top:3px solid #55a77d}.admin-stat:nth-child(4n+3){border-top:3px solid #dda83f}.admin-stat:nth-child(4n+4){border-top:3px solid #d77d65}
.admin-stat:nth-child(4n+1) strong{color:#287958}.admin-stat:nth-child(4n+2) strong{color:#32875f}.admin-stat:nth-child(4n+3) strong{color:#956a15}.admin-stat:nth-child(4n+4) strong{color:#b75e48}
.admin-nav a.active,.admin-nav a:hover{background:#287958;color:#fff}.admin-nav a.active{box-shadow:inset 3px 0 #dda83f}
.admin-btn-small{background:#e0f0e5;color:#287958}.admin-btn-danger{background:#fde9e4;color:#b74735}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* v1.8.10 — full colorful hero using the requested forest/mint/mustard/coral/sage palette */
:root{--navy:#173b31;--navy2:#244e40;--blue:#287958;--teal:#55a77d;--amber:#dda83f;--coral:#d77d65;--purple:#82978b;--ink:#23372f;--muted:#66796f;--line:#dce7df;--paper:#f5f6f1;--white:#fff}
/* Main hero becomes a deliberate colorful composition rather than a mostly-green section. */
.hero{position:relative;isolation:isolate;padding:54px 42px 58px;margin-top:24px;margin-bottom:46px;border:1px solid #d9e5d8;border-radius:30px;background:linear-gradient(118deg,#f7f5e9 0%,#e3f0e5 35%,#f8e6dc 70%,#f5e8c9 100%);box-shadow:0 22px 60px rgba(23,59,49,.07);overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-1;width:380px;height:380px;left:-180px;top:-220px;border-radius:50%;background:#dda83f33;box-shadow:0 0 0 45px #dda83f12,0 0 0 90px #dda83f0a;pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:34%;bottom:-210px;border-radius:50%;background:#d77d6526;box-shadow:0 0 0 35px #d77d6510;pointer-events:none}
.hero h1{color:#173b31}.hero h1 span{color:#c76c52}.hero-subtitle{color:#315f49}.hero-description{color:#536b5d}.hero .eyebrow{color:#527864}.hero .eyebrow i{background:#d77d65;box-shadow:0 0 0 5px #d77d6524}
.hero .btn-primary{background:#287958;box-shadow:0 10px 24px #28795830}.hero .btn-secondary{background:#fffdf7;border-color:#d7dfcf;color:#244e40}
.hero-art-green{background:linear-gradient(135deg,#d7eee0 0%,#b6dfcb 27%,#f7e7bf 56%,#f0c8b8 78%,#e4eee4 100%)!important;border:1px solid #c9dfd0!important;box-shadow:0 24px 55px rgba(23,59,49,.12)}
.hero-art-green:before{border-color:#28795855;box-shadow:0 0 0 24px #55a77d14,0 0 0 52px #dda83f15}
.hero-art-green:after{background:linear-gradient(145deg,#fffdf5ed,#fffdf580)!important;border:1px solid #ffffffa6}
.hero-art-grid{background-image:linear-gradient(#28795812 1px,transparent 1px),linear-gradient(90deg,#28795812 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(135deg,#000 0%,transparent 80%)}
.hero-art-orbit{border-color:#28795850!important}.hero-art-orbit.orbit-two{border-color:#d77d6570!important}
.hero-art-panel{background:#fffdf8!important;border:1px solid #fff!important;box-shadow:0 22px 55px #173b3120!important}
.hero-art-panel .panel-kicker{color:#8b6c37!important}.panel-emblem{background:#e0f0e5!important}.emblem-ring{border-color:#55a77d!important;border-right-color:transparent!important}.emblem-check{background:#287958!important}
.hero-art-panel>strong{color:#173b31!important}.hero-art-panel>small{color:#66796f!important}
.hero-float-card{border-color:#e2e6d9!important;background:#fffdf8!important}.hero-float-card:first-of-type .float-icon{background:#f8e5bd!important;color:#8b651d!important}.hero-float-card .float-icon.leaf{background:#f4d8cf!important;color:#a9503c!important}.hero-dot.dot-a{background:#d77d65!important}.hero-dot.dot-b{background:#dda83f!important}.hero-dot.dot-c{background:#55a77d!important}
/* The same palette carries through inner-page hero bands and profile illustration. */
.inner-hero{background:radial-gradient(circle at 10% 15%,#dda83f35,transparent 24%),radial-gradient(circle at 88% 20%,#d77d6530,transparent 25%),linear-gradient(115deg,#e0f0e5 0%,#f7f1df 48%,#f5ded5 100%)!important;border-bottom:1px solid #d9e3d5!important}
.inner-hero h1,.inner-hero h1 span{color:#173b31!important}.inner-hero h1 span{color:#c76c52!important}.inner-hero .eyebrow{color:#8b6c37!important}.inner-hero p{color:#526b5b!important}
.profile-hero-visual{background:radial-gradient(circle at 78% 18%,#dda83f77 0 13%,transparent 14%),radial-gradient(circle at 18% 82%,#d77d6570 0 15%,transparent 16%),linear-gradient(140deg,#d8eee0,#b8dec9 42%,#f2dfb8 72%,#f0cfc2)!important;border-color:#cbded0!important}
.profile-visual-ring{border-color:#28795865!important;box-shadow:0 0 0 28px #ffffff35,0 0 0 58px #d77d651c!important}.profile-visual-icon{background:#f7e4bd!important;color:#8b651d!important}.profile-visual-line{background:linear-gradient(90deg,#287958,#55a77d 38%,#dda83f 70%,#d77d65)!important}.profile-chip{border-color:#e6dfc9!important;color:#285744!important}.profile-chip.second{background:#f8e4dc!important;border-color:#ebc8bb!important;color:#a9503c!important}
/* Colorful but accessible accents for tabs and content cards. */
.data-tab:nth-child(1).is-active{background:#edf6ed!important;border-color:#55a77d!important}.data-tab:nth-child(2).is-active{background:#fff0eb!important;border-color:#d77d65!important}.data-tab:nth-child(3).is-active{background:#fff6df!important;border-color:#dda83f!important}
.card-grid .info-card:nth-child(3n+1){border-top:3px solid #55a77d}.card-grid .info-card:nth-child(3n+2){border-top:3px solid #dda83f}.card-grid .info-card:nth-child(3n){border-top:3px solid #d77d65}
.stats-section .stat-item:nth-child(3n+1){background:#e1f0e5}.stats-section .stat-item:nth-child(3n+2){background:#fff0d2}.stats-section .stat-item:nth-child(3n){background:#f8e2db}
@media(max-width:980px){.hero{padding:42px 28px;margin-top:16px;margin-bottom:34px}}
@media(max-width:600px){.hero{padding:32px 18px 28px;border-radius:22px;margin-top:10px;margin-bottom:28px}.hero-art-green{background:linear-gradient(145deg,#d7eee0 0%,#f7e7bf 52%,#f0c8b8 100%)!important}.hero:after{right:15%;bottom:-225px}}

/* v1.8.10 — curated color balance: forest anchors, mint surfaces, mustard/coral as small accents */
:root{--navy:#173b31;--navy2:#315a49;--blue:#287958;--teal:#55a77d;--amber:#dda83f;--coral:#d77d65;--purple:#82978b;--ink:#24372f;--muted:#68786f;--line:#dfe7df;--paper:#f6f7f2;--white:#fffdf8;--shadow:0 18px 46px rgba(23,59,49,.08)}
body{background:#f6f7f2;color:#24372f}
/* Hero: calm warm canvas, clear reading column, color concentrated in the illustration */
.hero{background:linear-gradient(115deg,#fbfaf4 0%,#f3f6ef 68%,#f8f1e5 100%)!important;border:1px solid #e2e7dc!important;box-shadow:0 20px 54px rgba(23,59,49,.07)!important}
.hero:before{background:#dda83f20!important;box-shadow:0 0 0 42px #dda83f0a,0 0 0 82px #dda83f06!important}
.hero:after{background:#d77d6518!important;box-shadow:0 0 0 32px #d77d6508!important}
.hero h1,.hero h1 span{color:#173b31}.hero h1 span{position:relative;white-space:normal}.hero h1 span:after{content:"";display:block;width:min(110px,32%);height:5px;border-radius:8px;margin-top:13px;background:linear-gradient(90deg,#55a77d 0 48%,#dda83f 48% 74%,#d77d65 74%)}
.hero-subtitle{color:#315a49}.hero-description{color:#68786f}.hero .eyebrow{color:#687e70}.hero .eyebrow i{background:#d77d65;box-shadow:0 0 0 5px #d77d651a}
.hero .btn-primary{background:#287958;box-shadow:0 9px 20px rgba(40,121,88,.18)}.hero .btn-primary:hover{background:#205f45}.hero .btn-secondary{background:#fffdf8;border-color:#d9e3d7;color:#244e40}
/* Illustration uses a strong forest panel and a few intentional color blocks, not a rainbow gradient */
.hero-art,.hero-art-green{background:#dcece0!important;border:1px solid #c9ddcf!important;box-shadow:0 20px 44px rgba(23,59,49,.10)!important}
.hero-art:before,.hero-art-green:before{border-color:#28795845!important;box-shadow:0 0 0 24px #55a77d10,0 0 0 50px #82978b0b!important}
.hero-art:after,.hero-art-green:after{background:#fdfbf4!important;border:1px solid #ffffff!important}
.hero-art-grid{background-image:linear-gradient(#2879580b 1px,transparent 1px),linear-gradient(90deg,#2879580b 1px,transparent 1px)!important}
.hero-art-panel{background:#fffdf8!important;border:1px solid #fff!important;box-shadow:0 20px 45px rgba(23,59,49,.13)!important}
.hero-art-panel .panel-kicker{color:#82978b!important}.panel-emblem{background:#e1efe4!important}.emblem-ring{border-color:#55a77d!important;border-right-color:transparent!important}.emblem-check{background:#287958!important;color:#fff!important}
.hero-art-panel>strong{color:#173b31!important}.hero-art-panel>small{color:#68786f!important}
.hero-float-card{background:#fffdf8!important;border:1px solid #e4e9df!important;box-shadow:0 12px 28px rgba(23,59,49,.08)!important}.hero-float-card:first-of-type .float-icon{background:#f8eacb!important;color:#8e681e!important}.hero-float-card .float-icon.leaf{background:#f5e0d9!important;color:#a95843!important}
.b1{background:#287958!important}.b2{background:#55a77d!important}.b3{background:#dda83f!important}.b4{background:#d77d65!important}.b5{background:#82978b!important}.b7{background:#173b31!important}.b9{background:#f0dca8!important}.b10{background:#d77d65!important}
/* Inner heroes and profile: predominantly light mint/cream with coral and mustard limited to accents */
.inner-hero{background:radial-gradient(circle at 92% 8%,#dda83f20,transparent 20%),linear-gradient(115deg,#e7f1e8 0%,#f7f7f0 66%,#f8eee7 100%)!important;border-bottom:1px solid #dce6dc!important}
.inner-hero h1,.inner-hero h1 span{color:#173b31!important}.inner-hero h1 span{color:#287958!important}.inner-hero .eyebrow{color:#8b6c37!important}.inner-hero p{color:#536c5d!important}
.profile-hero-visual{background:linear-gradient(145deg,#dcece0 0%,#e8f1e8 55%,#f4e8d1 100%)!important;border-color:#d0e0d1!important}
.profile-visual-ring{border-color:#28795848!important;box-shadow:0 0 0 28px #ffffff35,0 0 0 58px #82978b12!important}.profile-visual-icon{background:#f7e7c6!important;color:#8b651d!important}.profile-visual-line{background:linear-gradient(90deg,#287958 0 52%,#dda83f 52% 76%,#d77d65 76%)!important}.profile-chip{border-color:#dce5d8!important;color:#285744!important;background:#fffdf8!important}.profile-chip.second{background:#f6e2da!important;border-color:#e9c9bc!important;color:#99513f!important}
/* Color roles are semantic and restrained across the rest of the site */
.data-tab:nth-child(1) .tab-icon{background:#e1efe4;color:#287958}.data-tab:nth-child(2) .tab-icon{background:#f7e2dc;color:#a95843}.data-tab:nth-child(3) .tab-icon{background:#f8edcf;color:#8b681e}
.data-tab:nth-child(1).is-active{background:#f4faf4!important;border-color:#55a77d!important}.data-tab:nth-child(2).is-active{background:#fff8f5!important;border-color:#d77d65!important}.data-tab:nth-child(3).is-active{background:#fffbef!important;border-color:#dda83f!important}
.card-grid .info-card{border-top:1px solid #dfe7df!important;background:#fffdf9!important}.card-grid .info-card:nth-child(3n+1){border-top:3px solid #55a77d!important}.card-grid .info-card:nth-child(3n+2){border-top:3px solid #dda83f!important}.card-grid .info-card:nth-child(3n){border-top:3px solid #d77d65!important}
.mini-tag{background:#e1efe4!important;color:#287958!important}.status-inactive,.status-nonaktif{background:#fde9e4!important;color:#b74735!important}
.why-section,.site-footer{background:#173b31!important;color:#f5fbf6}.why-inner h2 span{color:#dda83f!important}.why-points article>span{background:#285b45;color:#c5f0d4}
.stats-section{background:#eef3e9!important;border-color:#dce7d9!important}.stats-section .stat-item{background:transparent!important;border-radius:12px}.stats-section .stat-item:nth-child(3n+1) strong{color:#287958}.stats-section .stat-item:nth-child(3n+2) strong{color:#a9791d}.stats-section .stat-item:nth-child(3n) strong{color:#b9634e}
.admin-nav a.active,.admin-nav a:hover{background:#287958!important;color:#fff!important}.admin-nav a.active{box-shadow:inset 3px 0 #dda83f!important}.admin-stat:nth-child(4n+1){border-top:3px solid #287958}.admin-stat:nth-child(4n+2){border-top:3px solid #55a77d}.admin-stat:nth-child(4n+3){border-top:3px solid #dda83f}.admin-stat:nth-child(4n+4){border-top:3px solid #d77d65}
@media(max-width:600px){.hero{background:linear-gradient(145deg,#fbfaf4 0%,#edf4ed 100%)!important;padding:30px 18px 24px!important}.hero-art,.hero-art-green{background:linear-gradient(145deg,#dcece0 0%,#e8f1e8 72%,#f4e8d1 100%)!important}.hero h1 span:after{height:4px;margin-top:9px}}


/* v1.8.12 — refined hero typography and softer decorative orbits */
.hero h1 .hero-school-name{display:inline;color:#4f8b70!important;white-space:normal}
/* Calm the illustration: rings become quiet background structure, not focal points. */
.hero-art-green{background:linear-gradient(135deg,#e5eee5 0%,#dcebe1 46%,#f2e8d7 100%)!important;border-color:#d5e2d6!important;box-shadow:0 18px 42px rgba(23,59,49,.07)!important}
.hero-art-green:before{border-color:rgba(79,139,112,.20)!important;box-shadow:0 0 0 22px rgba(85,167,125,.055),0 0 0 48px rgba(221,168,63,.045)!important}
.hero-art-green:after{background:rgba(255,253,247,.66)!important;border-color:rgba(255,255,255,.72)!important}
.hero-art-orbit{border-color:rgba(79,139,112,.19)!important}
.hero-art-orbit.orbit-two{border-color:rgba(130,151,139,.24)!important;box-shadow:0 0 0 10px rgba(255,255,255,.12)!important}
.hero-art-grid{background-image:linear-gradient(rgba(79,139,112,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(79,139,112,.055) 1px,transparent 1px)!important}
.hero-dot{box-shadow:0 0 0 5px rgba(255,255,255,.36)!important}
.hero-dot.dot-a{background:#c9846e!important}.hero-dot.dot-b{background:#caa14d!important}.hero-dot.dot-c{background:#6da889!important}
.hero-float-card{box-shadow:0 10px 24px rgba(23,59,49,.07)!important}
@media(max-width:760px){.hero h1 .hero-school-name{display:inline}}


/* v1.8.12 — harmonized hero illustration: calm, layered, and low-contrast */
.hero-art-green{
  background:linear-gradient(132deg,#e8efe7 0%,#e1ece3 48%,#f1ecdf 100%)!important;
  border:1px solid #d7e2d7!important;
  box-shadow:0 18px 38px rgba(32,65,48,.055)!important;
}
.hero-art-green:before{
  background-image:radial-gradient(circle at 80% 18%,rgba(221,168,63,.10) 0 2px,transparent 3px),linear-gradient(rgba(79,139,112,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(79,139,112,.025) 1px,transparent 1px)!important;
  background-size:auto,34px 34px,34px 34px!important;
  opacity:.55!important;
}
.hero-art-green:after{
  width:290px!important;height:290px!important;right:-72px!important;bottom:-118px!important;
  background:rgba(255,253,247,.56)!important;border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 0 0 26px rgba(255,255,255,.07)!important;
}
.hero-art-grid{border-color:rgba(79,139,112,.08)!important;background:transparent!important;transform:rotate(-3deg)!important}
.hero-art-orbit{border-color:rgba(79,139,112,.12)!important;border-width:1px!important}
.hero-art-orbit.orbit-one{border-style:solid!important;opacity:.75!important}
.hero-art-orbit.orbit-two{border-color:rgba(130,151,139,.13)!important;box-shadow:none!important;opacity:.7!important}
.hero-art-panel{
  background:#fffdf8!important;border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 16px 36px rgba(32,65,48,.09)!important;
}
.hero-art-panel .panel-kicker{color:#7c9183!important}
.panel-emblem{background:#e6efe5!important}
.emblem-ring{border-color:#78aa8b!important;border-right-color:transparent!important}
.emblem-check{background:#2e7858!important;box-shadow:0 5px 12px rgba(46,120,88,.12)!important}
.hero-art-panel>strong{color:#1c4636!important}
.hero-art-panel>small{color:#718176!important}
.hero-float-card{
  background:rgba(255,253,248,.96)!important;border-color:#e5e8dc!important;
  box-shadow:0 8px 22px rgba(32,65,48,.065)!important;
}
.float-card-top .float-icon{background:#e3eee5!important;color:#397a5a!important}
.float-card-bottom .float-icon{background:#f5e8d5!important;color:#9a7940!important}
.hero-float-card b{color:#2d5541!important}.hero-float-card small{color:#7a897e!important}
.hero-dot{box-shadow:0 0 0 4px rgba(255,253,248,.42)!important}
.hero-dot.dot-a{background:#c98e7b!important}.hero-dot.dot-b{background:#d3ad60!important}.hero-dot.dot-c{background:#82ad91!important}
@media(max-width:760px){
 .hero-art-green{background:linear-gradient(145deg,#e5eee5 0%,#e3ece3 68%,#f1ecdf 100%)!important}
 .hero-art-green:after{width:220px!important;height:220px!important;right:-72px!important;bottom:-85px!important}
 .hero-art-orbit{opacity:.55!important}
}

/* v1.8.16 — dark hero with calm, coordinated contrast */
.hero{
  background:linear-gradient(118deg,#173b31 0%,#1d493a 58%,#244e40 100%)!important;
  border:1px solid rgba(206,226,211,.14)!important;
  box-shadow:0 24px 58px rgba(20,49,39,.18)!important;
  color:#f8f6ee;
}
.hero:before{
  background:radial-gradient(circle,rgba(221,168,63,.12) 0%,rgba(221,168,63,.035) 42%,transparent 72%)!important;
  box-shadow:0 0 0 44px rgba(221,168,63,.025),0 0 0 86px rgba(221,168,63,.015)!important;
}
.hero:after{
  background:radial-gradient(circle,rgba(215,125,101,.12),transparent 72%)!important;
  box-shadow:0 0 0 34px rgba(215,125,101,.025)!important;
}
.hero h1,.hero h1 span{color:#fffaf0!important}
.hero h1 .hero-school-name{color:#b8dcc5!important}
.hero h1 span:after{background:linear-gradient(90deg,#82b99a 0 58%,#d8b46b 58% 82%,#d99a84 82%)!important}
.hero .eyebrow{color:#c1d5c7!important}
.hero .eyebrow i{background:#d8b46b!important;box-shadow:0 0 0 5px rgba(216,180,107,.15)!important}
.hero-subtitle{color:#d9e8dc!important}
.hero-description{color:#b8cfc0!important}
.hero .btn-primary{background:#d8b46b!important;color:#173b31!important;box-shadow:0 10px 24px rgba(9,28,20,.2)!important}
.hero .btn-primary:hover{background:#e4c784!important}
.hero .btn-secondary{background:rgba(255,250,240,.07)!important;color:#fffaf0!important;border:1px solid rgba(230,239,229,.32)!important}
.hero .btn-secondary:hover{background:rgba(255,250,240,.13)!important}
.hero-art,.hero-art-green{
  background:linear-gradient(145deg,#dce9df 0%,#c9ddce 54%,#e8e7d8 100%)!important;
  border:1px solid rgba(238,246,235,.26)!important;
  box-shadow:0 22px 48px rgba(8,28,20,.22)!important;
}
.hero-art:before,.hero-art-green:before{
  border-color:rgba(45,104,77,.19)!important;
  box-shadow:0 0 0 24px rgba(85,167,125,.055),0 0 0 50px rgba(130,151,139,.04)!important;
}
.hero-art:after,.hero-art-green:after{
  background:rgba(255,252,244,.58)!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:none!important;
}
.hero-art-orbit,.hero-art-orbit.orbit-one,.hero-art-orbit.orbit-two{
  border-color:rgba(48,105,79,.18)!important;
  box-shadow:none!important;opacity:.72!important;
}
.hero-art-orbit.orbit-two{border-color:rgba(130,151,139,.22)!important}
.hero-art-grid{background-image:linear-gradient(rgba(45,104,77,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(45,104,77,.035) 1px,transparent 1px)!important}
.hero-art-panel{background:#fffdf7!important;border-color:rgba(255,255,255,.9)!important;box-shadow:0 16px 34px rgba(26,58,42,.12)!important}
.hero-art-panel .panel-kicker{color:#71877a!important}
.hero-art-panel>strong{color:#173b31!important}
.hero-art-panel>small{color:#697b70!important}
.panel-emblem{background:#e3eee5!important}
.emblem-ring{border-color:#6fae89!important;border-right-color:transparent!important}
.emblem-check{background:#287958!important}
.hero-float-card{background:rgba(255,253,247,.97)!important;border-color:#e3e8dc!important;box-shadow:0 8px 22px rgba(27,57,42,.09)!important}
.hero-float-card b{color:#244e40!important}.hero-float-card small{color:#748478!important}
.float-card-top .float-icon{background:#e3eee5!important;color:#287958!important}
.float-card-bottom .float-icon{background:#f2dfd5!important;color:#a45c49!important}
.hero-dot{box-shadow:0 0 0 4px rgba(255,253,247,.34)!important}
.hero-dot.dot-a{background:#d99a84!important}.hero-dot.dot-b{background:#d8b46b!important}.hero-dot.dot-c{background:#72aa89!important}
@media(max-width:760px){
 .hero{padding:34px 20px 30px!important;background:linear-gradient(145deg,#173b31 0%,#1d493a 62%,#244e40 100%)!important}
 .hero-art,.hero-art-green{background:linear-gradient(145deg,#dce9df 0%,#d2e2d4 68%,#e8e7d8 100%)!important}
 .hero-art:before,.hero-art-green:before{opacity:.6!important}
 .hero-art-orbit,.hero-art-orbit.orbit-one,.hero-art-orbit.orbit-two{opacity:.48!important}
}
@media(prefers-reduced-motion:reduce){.hero-art-green,.hero-art,.hero-float-card{animation:none!important}}


/* v1.8.16 — full-bleed dark hero, seamless header connection, integrated visual and subtle motion */
.site-header{margin-bottom:0!important;border-bottom-color:rgba(23,59,49,.10)!important}
main#main-content{margin-top:0!important;padding-top:0!important}
.hero.section-wrap{
  width:100%!important;max-width:none!important;margin:0!important;
  border-radius:0!important;border-left:0!important;border-right:0!important;
  border-top:0!important;border-bottom:0!important;
  padding:clamp(48px,5.2vw,82px) clamp(24px,4.2vw,72px) clamp(52px,5.5vw,88px)!important;
  min-height:610px;gap:clamp(30px,4vw,68px)!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.96fr)!important;
  margin-top:0!important;margin-bottom:0!important;box-shadow:none!important;
  background:linear-gradient(112deg,#173b31 0%,#1a4034 52%,#21483a 100%)!important;
  position:relative;isolation:isolate;overflow:hidden;
}
.hero:before{width:430px!important;height:430px!important;left:-190px!important;top:-245px!important;right:auto!important;bottom:auto!important;border-radius:50%;background:radial-gradient(circle,rgba(130,151,139,.12),transparent 68%)!important;box-shadow:0 0 0 1px rgba(220,236,224,.035),0 0 0 65px rgba(220,236,224,.025)!important;pointer-events:none}
.hero:after{width:500px!important;height:500px!important;left:auto!important;right:-260px!important;top:auto!important;bottom:-330px!important;border-radius:50%;background:radial-gradient(circle,rgba(85,167,125,.10),transparent 70%)!important;box-shadow:0 0 0 1px rgba(220,236,224,.04),0 0 0 70px rgba(220,236,224,.025)!important;pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:760px}
.hero h1{font-size:clamp(42px,4.45vw,70px)!important;line-height:1.04!important;letter-spacing:-.055em!important;max-width:850px}
.hero h1 .hero-school-name{color:#b8dcc5!important;text-shadow:none!important}
.hero h1 span:after{width:92px!important;height:4px!important;border-radius:9px!important;margin-top:15px!important;opacity:.88}
.hero-subtitle{max-width:620px!important;color:#dbe9df!important;font-size:clamp(17px,1.35vw,21px)!important}
.hero-description{max-width:620px!important;color:#b8cfc0!important;font-size:15px!important}
.hero-art,.hero-art-green{
  min-width:0!important;width:100%!important;height:clamp(390px,32vw,500px)!important;
  border-radius:26px!important;border:1px solid rgba(225,239,227,.30)!important;
  background:linear-gradient(135deg,#dce9df 0%,#d4e5d8 56%,#e9e6d8 100%)!important;
  box-shadow:0 24px 52px rgba(7,25,18,.18),inset 0 1px 0 rgba(255,255,255,.35)!important;
  isolation:isolate;overflow:hidden;z-index:1;
}
/* One restrained orbital motif; avoid overlapping high-contrast rings */
.hero-art:before,.hero-art-green:before{width:78%!important;height:78%!important;right:5%!important;top:10%!important;left:auto!important;bottom:auto!important;border:1px solid rgba(55,113,83,.13)!important;border-radius:50%!important;box-shadow:0 0 0 28px rgba(255,255,255,.07)!important;background:transparent!important;opacity:.85!important}
.hero-art:after,.hero-art-green:after{width:42%!important;height:62%!important;right:-5%!important;bottom:-16%!important;top:auto!important;left:auto!important;border-radius:48% 0 0 0!important;background:rgba(255,252,244,.58)!important;border:0!important;box-shadow:none!important;transform:rotate(-8deg)!important}
.hero-art-grid{inset:0!important;background-image:linear-gradient(rgba(45,104,77,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(45,104,77,.025) 1px,transparent 1px)!important;opacity:.45!important}
.hero-art-orbit,.hero-art-orbit.orbit-one,.hero-art-orbit.orbit-two{border:1px solid rgba(55,113,83,.12)!important;border-radius:50%!important;box-shadow:none!important;opacity:.42!important}
.hero-art-orbit.orbit-one{width:66%!important;height:78%!important;left:8%!important;top:10%!important}
.hero-art-orbit.orbit-two{width:58%!important;height:66%!important;right:6%!important;left:auto!important;top:17%!important;border-color:rgba(130,151,139,.13)!important}
.hero-art-panel{left:8%!important;top:14%!important;width:min(61%,490px)!important;min-height:68%!important;padding:clamp(22px,2.2vw,34px)!important;border-radius:22px!important;background:#fffdf7!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 22px 48px rgba(23,59,49,.13)!important;z-index:3;animation:heroPanelSettle .9s cubic-bezier(.2,.7,.2,1) both}
.hero-art-panel .panel-kicker{letter-spacing:.15em!important;color:#71877a!important}
.panel-emblem{background:#e2eee4!important;border-radius:22px!important}
.emblem-ring{border-color:#6fae89!important;border-right-color:transparent!important;animation:heroRingTurn 18s linear infinite!important}
.emblem-check{background:#287958!important;color:#fff!important}
.hero-art-panel>strong{color:#173b31!important;font-size:clamp(25px,2.15vw,36px)!important;line-height:1.14!important}
.hero-art-panel>small{color:#697b70!important}
.hero-float-card{z-index:4!important;border-radius:15px!important;background:rgba(255,253,247,.98)!important;border:1px solid rgba(226,234,222,.9)!important;box-shadow:0 12px 28px rgba(23,59,49,.08)!important;animation:heroFloatSoft 6s ease-in-out infinite!important}
.hero-float-card.float-card-top{top:22%!important;right:5%!important;animation-delay:-1.5s!important}
.hero-float-card.float-card-bottom{right:4%!important;bottom:16%!important;animation-delay:-3.5s!important}
.hero-dot{z-index:2!important;box-shadow:0 0 0 5px rgba(255,253,247,.36)!important;opacity:.86!important;animation:heroDotPulse 5.5s ease-in-out infinite!important}
.hero-dot.dot-a{background:#d99a84!important}.hero-dot.dot-b{background:#d8b46b!important;animation-delay:-1.8s!important}.hero-dot.dot-c{background:#72aa89!important;animation-delay:-3.2s!important}
@keyframes heroPanelSettle{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroFloatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes heroRingTurn{to{transform:rotate(360deg)}}
@keyframes heroDotPulse{0%,100%{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:1050px){.hero.section-wrap{grid-template-columns:1fr!important;padding:48px 28px 54px!important;gap:36px!important}.hero-copy{max-width:850px}.hero-art,.hero-art-green{width:min(100%,850px)!important;height:420px!important;margin-inline:auto}.hero-art-panel{width:min(60%,470px)!important}}
@media(max-width:600px){.hero.section-wrap{padding:38px 20px 42px!important;gap:28px!important;min-height:0}.hero h1{font-size:clamp(37px,10vw,48px)!important}.hero-subtitle{font-size:17px!important}.hero-description{font-size:14px!important}.hero-art,.hero-art-green{height:330px!important;border-radius:20px!important}.hero-art-panel{left:5%!important;top:12%!important;width:68%!important;min-height:70%!important;padding:18px!important;border-radius:17px!important}.hero-art-panel>strong{font-size:25px!important}.hero-art-panel .panel-kicker{font-size:8px!important}.panel-emblem{width:72px!important;height:72px!important}.hero-float-card{padding:8px 10px!important;gap:8px!important}.hero-float-card.float-card-top{right:3%!important;top:19%!important}.hero-float-card.float-card-bottom{right:3%!important;bottom:11%!important}.hero-float-card b{font-size:10px!important}.hero-float-card small{font-size:8px!important}.hero-dot{display:none!important}}
@media(prefers-reduced-motion:reduce){.hero-art-panel,.hero-float-card,.hero-dot,.emblem-ring{animation:none!important}}


/* v1.8.16 — professional certificate/license illustration and calmer visual hierarchy */
.certificate-scene{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#dce9df 0%,#e8eee4 52%,#f2eadb 100%)!important;border:1px solid rgba(232,241,231,.62)!important;border-radius:26px!important;box-shadow:0 22px 48px rgba(7,25,18,.16)!important;isolation:isolate}
.certificate-scene:before,.certificate-scene:after{display:none!important}
.certificate-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cert-orbit{position:absolute;display:block;border:1px solid rgba(49,104,76,.11);border-radius:50%;animation:certOrbitDrift 24s ease-in-out infinite alternate}
.cert-orbit-one{width:72%;aspect-ratio:1;right:-4%;top:-12%}
.cert-orbit-two{width:54%;aspect-ratio:1;right:7%;bottom:-20%;border-color:rgba(130,151,139,.17);animation-delay:-8s}
.cert-accent{position:absolute;display:block;border-radius:50%;opacity:.82}
.cert-accent-gold{width:10px;height:10px;background:#d8b46b;right:12%;top:24%;box-shadow:0 0 0 6px rgba(216,180,107,.12)}
.cert-accent-coral{width:8px;height:8px;background:#d99a84;left:18%;bottom:18%;box-shadow:0 0 0 5px rgba(217,154,132,.10)}
.certificate-sheet{position:absolute;z-index:2;left:8%;top:9%;width:70%;height:82%;padding:clamp(18px,2.2vw,30px);background:#fffdf7;border:1px solid rgba(255,255,255,.9);border-radius:5px 18px 18px 18px;box-shadow:0 22px 44px rgba(28,61,43,.13);overflow:hidden;animation:certificateEnter .85s cubic-bezier(.2,.7,.2,1) both}
.certificate-sheet:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#d8b46b,#55a77d 55%,#d99a84)}
.certificate-topline{display:flex;align-items:center;gap:10px;position:relative;z-index:1;border-bottom:1px solid #e8e8db;padding-bottom:13px}
.certificate-brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #d8b46b;color:#287958;font:800 10px Manrope;letter-spacing:-.04em;flex:0 0 auto}
.certificate-kicker{font:800 8px/1.4 Manrope;letter-spacing:.13em;color:#71877a}
.certificate-index{margin-left:auto;color:#a2aa9e;font-size:7px;letter-spacing:.08em;white-space:nowrap}
.certificate-heading{position:relative;z-index:1;padding-top:clamp(16px,2vw,26px);max-width:95%}
.certificate-overline{display:block;font-size:8px;font-weight:800;letter-spacing:.19em;color:#a78343;margin-bottom:8px}
.certificate-heading>strong{display:block;font:800 clamp(22px,2.15vw,34px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;color:#173b31}
.certificate-rule{display:block;width:72px;height:3px;margin:12px 0;background:linear-gradient(90deg,#55a77d,#d8b46b);border-radius:4px}
.certificate-heading p{max-width:340px;margin:0;color:#778479;font-size:clamp(9px,.8vw,11px);line-height:1.6}
.certificate-details{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:clamp(14px,2vw,25px);padding:11px 0;border-top:1px solid #ececdf;border-bottom:1px solid #ececdf}
.certificate-details div{display:grid;gap:4px;min-width:0}.certificate-details small{font-size:7px;letter-spacing:.12em;font-weight:800;color:#9ba69a}.certificate-details b{font-size:9px;color:#375a48;font-weight:800}
.certificate-bottom{position:absolute;z-index:1;left:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px);bottom:clamp(16px,2vw,26px);display:flex;align-items:end;justify-content:space-between;gap:12px}
.certificate-signature{width:46%;display:grid;gap:6px}.signature-stroke{display:block;width:75%;height:18px;border-bottom:1px solid #82978b;position:relative}.signature-stroke:after{content:"";position:absolute;left:14%;bottom:4px;width:54px;height:13px;border-top:2px solid #55a77d;border-radius:50%;transform:rotate(-9deg)}.certificate-signature small{font-size:7px;letter-spacing:.11em;color:#82978b;font-weight:800}
.certificate-seal{width:62px;height:62px;flex:0 0 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d8b46b;outline:1px dashed rgba(167,131,67,.6);outline-offset:-7px;border-radius:50%;color:#287958;background:rgba(216,180,107,.08);transform:rotate(-8deg)}.certificate-seal .seal-star{font-size:12px;line-height:1;color:#b18a43}.certificate-seal b{font:800 12px Manrope;line-height:1.2}.certificate-seal small{font-size:5px;letter-spacing:.1em;font-weight:800}
.certificate-watermark{position:absolute;right:-4px;bottom:3px;font:800 150px/1 Manrope;color:rgba(85,167,125,.045);pointer-events:none}
.certificate-ribbon{position:absolute;z-index:4;right:4%;top:17%;display:flex;align-items:center;gap:9px;padding:10px 13px;background:rgba(255,253,247,.97);border:1px solid rgba(218,229,215,.9);border-radius:12px;box-shadow:0 10px 25px rgba(23,59,49,.08);animation:certificateFloat 6s ease-in-out infinite}
.certificate-ribbon>span:first-child{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e2eee4;color:#287958;font-weight:900}.certificate-ribbon b,.certificate-ribbon small{display:block}.certificate-ribbon b{font:800 10px Manrope;color:#244e40}.certificate-ribbon small{font-size:9px;color:#829184;margin-top:2px}
.cert-floating-dot{position:absolute;z-index:3;display:block;width:8px;height:8px;border-radius:50%;background:#55a77d;box-shadow:0 0 0 5px rgba(85,167,125,.12)}.cert-dot-one{right:13%;bottom:16%}.cert-dot-two{left:8%;top:18%;width:6px;height:6px;background:#d99a84;box-shadow:0 0 0 4px rgba(217,154,132,.12)}
@keyframes certificateEnter{from{opacity:0;transform:translateY(12px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes certificateFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes certOrbitDrift{from{transform:translate3d(0,0,0) rotate(-2deg)}to{transform:translate3d(8px,-5px,0) rotate(2deg)}}
@media(max-width:760px){.certificate-scene{height:390px!important;border-radius:20px!important}.certificate-sheet{left:5%;top:9%;width:82%;height:82%;padding:18px}.certificate-heading>strong{font-size:25px}.certificate-ribbon{right:3%;top:7%;transform:scale(.88);transform-origin:top right}.certificate-details{margin-top:14px}.certificate-seal{width:52px;height:52px;flex-basis:52px}}
@media(max-width:420px){.certificate-scene{height:350px!important}.certificate-sheet{width:86%;height:84%;padding:15px}.certificate-index{font-size:6px}.certificate-heading>strong{font-size:22px}.certificate-ribbon{top:auto;bottom:5%;right:4%;padding:7px 9px}.certificate-ribbon small{font-size:8px}.certificate-bottom{bottom:14px;left:15px;right:15px}.certificate-seal{width:46px;height:46px;flex-basis:46px}}
@media(prefers-reduced-motion:reduce){.certificate-sheet,.certificate-ribbon,.cert-orbit{animation:none!important}}


/* v1.8.16 — calm batik-inspired hero artwork */
.batik-scene{position:relative!important;display:grid;place-items:center;overflow:hidden!important;isolation:isolate;background:radial-gradient(ellipse at 50% 44%,#f0f1e4 0%,#e4ece1 48%,#d9e7dc 100%)!important;border:1px solid rgba(190,211,194,.7)!important;border-radius:28px!important;box-shadow:0 20px 48px rgba(23,59,49,.09)!important;min-height:420px}
.batik-scene:before,.batik-scene:after{content:none!important;display:none!important}
.batik-halo{position:absolute;border-radius:50%;pointer-events:none;z-index:0;border:1px solid rgba(92,139,109,.10)}
.batik-halo-one{width:82%;aspect-ratio:1;left:9%;top:7%;box-shadow:0 0 0 22px rgba(255,253,247,.08),0 0 0 44px rgba(92,139,109,.025)}
.batik-halo-two{width:58%;aspect-ratio:1;right:7%;bottom:3%;border-color:rgba(216,180,107,.15)}
.batik-artwork{position:relative;z-index:1;width:min(94%,620px);height:auto;max-height:100%;overflow:visible;filter:drop-shadow(0 12px 18px rgba(23,59,49,.035));animation:batikAppear .9s cubic-bezier(.2,.7,.2,1) both}
.batik-rosette{transform-box:fill-box;transform-origin:center;animation:batikRotate 100s linear infinite}
.batik-caption{position:absolute;z-index:2;left:7%;bottom:7%;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(255,255,255,.82);border-radius:12px;background:rgba(255,253,247,.88);box-shadow:0 10px 24px rgba(23,59,49,.06);backdrop-filter:blur(8px);animation:batikFloat 7s ease-in-out infinite}
.batik-caption-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e6d8b8;color:#8b6b30;font-size:17px}
.batik-caption b,.batik-caption small{display:block}.batik-caption b{font:800 11px 'Plus Jakarta Sans',sans-serif;color:#173b31}.batik-caption small{font-size:9px;color:#829184;margin-top:2px}
@keyframes batikAppear{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes batikRotate{from{rotate:0deg}to{rotate:360deg}}
@keyframes batikFloat{50%{translate:0 -4px}}
.footer-contact-phone{display:flex;align-items:flex-start;gap:7px;overflow-wrap:anywhere}.footer-contact-phone span{color:#55a77d;font-weight:800}
.brand-logo img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:760px){.batik-scene{min-height:320px!important;height:340px!important;border-radius:20px!important}.batik-artwork{width:100%;max-height:285px}.batik-caption{left:5%;bottom:5%;padding:8px 10px}.batik-caption-mark{width:27px;height:27px}.batik-caption b{font-size:10px}.batik-caption small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.batik-artwork,.batik-rosette,.batik-caption{animation:none!important}}


/* v1.8.17 — ilustrasi sertifikat tanpa panel/kotak latar */
.hero-art.certificate-hero-art,.hero-art-green.certificate-hero-art{
  height:clamp(390px,39vw,540px)!important;min-height:0!important;position:relative!important;
  overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;isolation:isolate;display:flex;align-items:center;justify-content:center;
}
.hero-art.certificate-hero-art:before,.hero-art.certificate-hero-art:after{display:none!important;content:none!important}
.certificate-hero-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center right;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  animation:certificateDrift 8s ease-in-out infinite;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 5%,#000 17%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 5%,#000 17%,#000 100%);
  filter:drop-shadow(0 18px 22px rgba(4,25,18,.12));}
@keyframes certificateDrift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(.35deg)}}
@media(max-width:850px){.hero-art.certificate-hero-art,.hero-art-green.certificate-hero-art{height:clamp(300px,75vw,440px)!important;width:100%;margin-top:4px}.certificate-hero-art img{object-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%)}}
@media(prefers-reduced-motion:reduce){.certificate-hero-art img{animation:none!important}}


/* v1.8.20 — hero image dapat diganti admin, tanpa panel latar */
.hero-art-upload.certificate-hero-art{height:clamp(390px,39vw,540px)!important;min-height:0!important;position:relative!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate;display:flex;align-items:center;justify-content:center}
.hero-art-upload.certificate-hero-art:before,.hero-art-upload.certificate-hero-art:after{display:none!important;content:none!important}
.hero-art-upload.certificate-hero-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center right;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;animation:certificateDrift 8s ease-in-out infinite;filter:drop-shadow(0 16px 22px rgba(4,25,18,.10));mask-image:none!important;-webkit-mask-image:none!important}
@media(max-width:850px){.hero-art-upload.certificate-hero-art{height:clamp(280px,72vw,420px)!important;width:100%;margin-top:4px}.hero-art-upload.certificate-hero-art img{object-position:center}}
@media(prefers-reduced-motion:reduce){.hero-art-upload.certificate-hero-art img{animation:none!important}}

/* v1.8.22 - label jenis TUK */
.tuk-type-pill{display:inline-flex;align-items:center;width:max-content;margin:0 0 10px;background:#f3e8c9;color:#6d5523;border:1px solid #e7d5a0;font-size:.76rem;font-weight:700;padding:6px 10px;border-radius:999px}

/* v1.8.23: unit kompetensi di detail skema */
.scheme-units-public{margin-top:32px;padding-top:28px;border-top:1px solid #e0e9e2}.scheme-units-public .section-heading{margin-bottom:18px}.scheme-units-public .section-heading h2{margin:.15rem 0 .4rem;color:#173b31;font-size:clamp(1.35rem,2.4vw,1.9rem)}.scheme-units-public .section-heading p:not(.eyebrow){color:#64796c;margin:0}.scheme-units-public .public-data-table td:first-child{width:70px;color:#718477}.scheme-units-public .public-data-table td:nth-child(2){width:240px;white-space:nowrap}.scheme-units-public .public-data-table td:nth-child(2) strong{font-weight:800;color:#287958}@media(max-width:760px){.scheme-units-public{margin-top:24px;padding-top:22px}.scheme-units-public .public-data-table{min-width:600px}}


/* Responsive detail-skema unit table: constrain the wrapper, not the page. */
.detail-layout,.detail-main,.scheme-units-public,.scheme-units-public .section-heading{min-width:0;max-width:100%}
.scheme-units-public .public-table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.scheme-units-public .public-data-table{width:100%;min-width:600px;table-layout:auto}
.scheme-units-public .public-data-table th,.scheme-units-public .public-data-table td{overflow-wrap:normal;word-break:normal}
@media(max-width:760px){.detail-layout{grid-template-columns:minmax(0,1fr)!important}.detail-main{width:100%;overflow:hidden}.scheme-units-public .public-table-wrap{margin-right:0}.scheme-units-public .public-data-table{min-width:600px}.scheme-units-public .public-data-table th,.scheme-units-public .public-data-table td{padding:12px 14px}}