
:root{--ink:#173c34;--muted:#66736d;--line:#dce5de;--paper:#f8faf6;--blue:#215747;--blue-dark:#153d31;--red:#d57532;--red-dark:#ac5722;--yellow:#efac62;--sky:#edf4ed;--rose:#fff4e9;--shadow:0 18px 45px #173c3410}
body{background:#f8faf6;color:#173c34}h1,h2,h3{letter-spacing:-.035em}.site-header{padding:18px 5vw;background:#f8faf6f5;border-bottom:1px solid #dce5de}.brand strong{font-size:15px;letter-spacing:.01em}.brand img{width:43px;height:43px}.brand small{font-size:11px}.nav{font-size:11px;letter-spacing:.07em}.hunter-nav-login{background:#173f33;color:white!important;padding:13px 18px;border-radius:8px}.primary-button,.participant-auth-primary{background:#1c513f!important;color:#fff!important;border:1px solid #1c513f!important;border-radius:8px!important;box-shadow:none!important}.secondary-button{background:transparent!important;color:#1c513f!important;border:1px solid #afc2b3!important;border-radius:8px!important}.eyebrow{color:#537961;letter-spacing:.15em;font-size:11px;font-weight:800}.hunter-hero{max-width:1440px;margin:auto;padding:76px 5vw 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.hunter-hero h1{font-size:clamp(44px,4.6vw,70px);line-height:1.07;letter-spacing:-.055em;margin:23px 0}.hunter-hero h1 em{font-style:normal;color:#417b59}.hunter-lead{font-size:16px;line-height:1.85;max-width:500px;color:#66736d}.hunter-hero .hero-actions{margin:30px 0;display:flex;gap:12px;flex-wrap:wrap}.hunter-benefits{display:flex;gap:17px;font-size:11px;color:#51705f}.hunter-visual{position:relative;min-height:460px;background:#dbe7d7;border-radius:120px 18px 18px 18px;overflow:hidden}.hunter-visual>img{width:100%;height:460px;object-fit:cover;object-position:70% center;mix-blend-mode:multiply}.hunter-note{position:absolute;bottom:28px;left:26px;background:#173f33;color:white;padding:23px 27px;border-radius:12px;box-shadow:0 12px 30px #163e3520}.hunter-note>span{font-size:9px;letter-spacing:.17em;color:#c6d6b5}.hunter-note strong{display:block;font-size:31px;line-height:1.15;margin:12px 0}.hunter-note small{color:#c6d6b5;font-size:10px}.hunter-pill{position:absolute;right:15px;top:24px;background:#f4bc7a;padding:12px 16px;border-radius:30px;font-size:10px;font-weight:700;transform:rotate(5deg)}.hunter-strip{background:#173f33;color:white;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.hunter-strip span{font-size:9px;letter-spacing:.15em;color:#b8cbb3}.hunter-strip strong{font-size:16px;font-weight:500}.hunter-strip a{font-size:11px;color:#f4bc7a}.section{max-width:1440px;margin:auto;padding:64px 5vw}.section h2{font-size:clamp(28px,3vw,42px);line-height:1.16}.test-card,.package-item{border:1px solid #dce5de!important;box-shadow:none!important;border-radius:16px!important;background:#fff!important;color:#173c34!important}.test-card:hover,.package-item:hover{border-color:#799d7e!important;box-shadow:0 14px 30px #173c3410!important}.test-card h3,.test-card-action,.package-item h3{color:#173c34!important}.test-card-action{border-color:#dce5de!important}.site-footer{background:#173f33;color:#e2eadd}.account-page,.admin-page{background:#f3f7f1}.account-header,.admin-header{border-bottom-color:#dce5de}.account-brand img{border-radius:12px}.account-login{border-radius:20px;border:1px solid #dce5de;box-shadow:0 18px 55px #173c3410}a:focus-visible,button:focus-visible{outline:3px solid #e7a154;outline-offset:4px}
@media(max-width:800px){.hunter-hero{padding:40px 22px;grid-template-columns:1fr;gap:28px}.hunter-hero h1{font-size:47px}.hunter-visual,.hunter-visual>img{min-height:330px;height:330px}.hunter-strip{flex-wrap:wrap;padding:24px}.hunter-strip strong{font-size:15px}.hunter-benefits{gap:10px;font-size:10px;flex-wrap:wrap}.nav{flex-wrap:wrap;gap:10px}.site-header{padding:13px 18px;gap:12px}.brand{min-width:0}.brand strong{font-size:12px}.brand small{font-size:9px}.brand img{width:34px;height:34px}.hunter-nav-login{font-size:10px;padding:10px}.section{padding:38px 22px}}

.site-header>a:not(.brand){display:none!important}

.brand img,.account-brand img{object-fit:contain;border-radius:50%}.brand img{width:54px;height:54px}

/* Full-width hero with an integrated photo background. */
.hunter-hero{position:relative;isolation:isolate;display:block;max-width:none;padding:56px max(5vw,calc((100vw - 1296px)/2));overflow:hidden;background:#102f29}
.hunter-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,35,29,.96) 0%,rgba(9,35,29,.84) 42%,rgba(9,35,29,.25) 100%)}
.hunter-hero>.hunter-hero-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:76% center}
.hunter-hero-copy{position:relative;max-width:720px}
.hunter-hero .eyebrow{color:#dcebdc;margin:0 0 16px}
.hunter-hero h1{color:#fff;font-size:clamp(36px,4.6vw,64px);line-height:1.08;margin:0 0 22px}
.hunter-hero h1 em{color:#b9dfb6}
.hunter-hero .hunter-lead{color:#edf3ee;max-width:650px;font-size:17px;line-height:1.65}
.hunter-hero .hero-actions{margin:25px 0 20px}
.hunter-hero .primary-button{background:#e4a260!important;border-color:#e4a260!important;color:#173c34!important}
.hunter-hero .secondary-button{color:#fff!important;background:#ffffff14!important;border-color:#ffffff70!important}
.hunter-hero .hunter-benefits{color:#e3eee3;flex-wrap:wrap}
@media(max-width:800px){
 .hunter-hero{padding:32px 22px;min-height:0}
 .hunter-hero-copy{display:block;max-width:620px}
 .hunter-hero::after{background:linear-gradient(90deg,rgba(9,35,29,.92) 0%,rgba(9,35,29,.78) 48%,rgba(9,35,29,.48) 100%)}
 .hunter-hero>.hunter-hero-background{object-position:70% center}
 .hunter-hero .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.1em;margin-bottom:14px}
 .hunter-hero h1{font-size:clamp(30px,6vw,46px);line-height:1.12;margin:0 0 18px}
 .hunter-hero h1 br{display:none}
 .hunter-hero .hunter-lead{font-size:14px;line-height:1.65;margin:0}
 .hunter-hero .hero-actions{margin:20px 0 18px;gap:10px}
 .hunter-hero .hero-actions>a{min-width:0;white-space:normal;text-align:center;font-size:12px;padding:13px 15px}
 .hunter-hero .hunter-benefits{font-size:10px;line-height:1.5;gap:8px 14px}
}

/* Consistent, compact descriptions and section spacing on phones. */
@media(max-width:800px){
 .home-page main{--mobile-description-size:13px}
 .home-page main p:not(.eyebrow){font-size:var(--mobile-description-size)!important;line-height:1.55!important}
 .home-page main > .section,
 .home-page main > .trust-section,
 .home-page main > .contact{padding-top:18px!important;padding-bottom:18px!important;margin-top:0;margin-bottom:0}
 .home-page main > .premium-home-banner{padding:20px!important;gap:14px}
 .home-page .hunter-hero{padding-top:26px;padding-bottom:26px}
 .home-page .hunter-strip{padding:16px 22px;gap:10px}
 .home-page .section .section-heading,
 .home-page .article-preview-heading,
 .home-page .trust-heading{margin-bottom:14px!important;gap:10px}
 .home-page .section .section-heading p:not(.eyebrow),
 .home-page .article-preview-heading p:not(.eyebrow),
 .home-page .intro > p{margin-top:8px;margin-bottom:0}
 .home-page .intro{gap:12px}
 .home-page .section .eyebrow{margin-bottom:8px}
 .home-page .section-heading h2{margin-top:0;margin-bottom:8px}
 .home-page .mobile-carousel-controls{margin-top:12px;margin-bottom:0}
 .home-page .test-grid,.home-page .package-grid{gap:10px}
}

/* Match the compact rhythm on desktop, with a readable body size. */
@media(min-width:801px){
 .home-page main p:not(.eyebrow){font-size:14px!important;line-height:1.6!important}
 .home-page main > .section,
 .home-page main > .trust-section,
 .home-page main > .contact{padding-top:28px!important;padding-bottom:28px!important;margin-top:0;margin-bottom:0}
 .home-page main > .premium-home-banner{padding:24px 32px!important;gap:20px}
 .home-page .hunter-hero{padding-top:40px;padding-bottom:40px}
 .home-page .hunter-strip{padding-top:18px;padding-bottom:18px}
 .home-page .section .section-heading,
 .home-page .article-preview-heading,
 .home-page .trust-heading{margin-bottom:18px!important;gap:14px}
 .home-page .section .section-heading p:not(.eyebrow),
 .home-page .article-preview-heading p:not(.eyebrow),
 .home-page .intro > p{margin-top:8px;margin-bottom:0}
 .home-page .section .eyebrow{margin-bottom:8px}
 .home-page .section-heading h2{margin-top:0;margin-bottom:10px}
}

.schedule-mobile{display:none}
@media(max-width:800px){
 .home-page #jadwal .schedule-table{display:none!important}
 .schedule-mobile{display:block}
 .schedule-mobile-note{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 8px;color:#66736d}
 .schedule-mobile-group{padding:12px 0;border-bottom:1px solid #dce5de}
 .schedule-mobile-group h3{margin:0 0 6px;font-size:13px;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:#215747}
 .schedule-mobile-group dl{margin:0}
 .schedule-mobile-group dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:4px 0;align-items:baseline;font-size:13px;line-height:1.5}
 .schedule-mobile-group dt{min-width:0;color:#53665a}
 .schedule-mobile-group dd{margin:0;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums;color:#173c34}
 .schedule-mobile-test{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;font-size:12px;color:#53665a}
 .schedule-mobile-test strong{color:#215747}
 .schedule-mobile-test span:last-child{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
}

.hunter-arrow{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:-3px;margin-left:5px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:980px){.home-page .site-header.mobile-menu-open .nav>a:not([hidden]):not(.premium-nav-hidden){display:flex;align-items:center;justify-content:space-between}.home-page .site-header .nav{max-height:calc(100dvh - 100px);overflow-y:auto}}
