/*
Theme Name: Karya Ilmiah Support V4
Theme URI: https://karyailmiah.co.id/
Author: PT. Karya Ilmiah Indonesia
Description: Landing page support Karya Ilmiah yang dapat diedit langsung dengan WordPress Block Editor (Gutenberg). Tidak memerlukan Elementor.
Version: 4.0.0
Text Domain: karya-ilmiah-support
*/
:root{--ki-green:#063b31;--ki-green2:#0c6b58;--ki-green3:#11866f;--ki-gold:#d5a63b;--ki-ivory:#f7f3e8;--ki-white:#fff;--ki-text:#10231f;--ki-muted:#5d6a66;--ki-border:#d9e2dc;--ki-shadow:0 18px 55px rgba(2,44,36,.13);--ki-radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ki-ivory);color:var(--ki-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.ki-container{width:min(1180px,calc(100% - 36px));margin:auto}.ki-header{position:sticky;top:0;z-index:50;background:rgba(247,243,232,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,59,49,.08)}.ki-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ki-brand img,.custom-logo{max-height:54px;width:auto}.ki-menu{display:flex;align-items:center;gap:26px}.ki-menu a{color:var(--ki-text);text-decoration:none;font-weight:700;font-size:14px}.ki-menu a:hover{color:var(--ki-green2)}.ki-btn,.wp-block-button__link{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px!important;padding:14px 24px!important;font-weight:800!important;text-decoration:none!important;border:0!important}.ki-btn-primary,.is-style-fill .wp-block-button__link,.ki-primary-btn .wp-block-button__link{background:linear-gradient(135deg,var(--ki-gold),#f0ca69)!important;color:#17251f!important;box-shadow:0 12px 30px rgba(213,166,59,.28)}.ki-btn-ghost,.ki-outline-btn .wp-block-button__link{background:transparent!important;color:var(--ki-green)!important;border:1px solid rgba(6,59,49,.3)!important}.ki-mobile-toggle{display:none;background:none;border:0;font-size:28px;color:var(--ki-green)}
.ki-page-content{overflow:hidden}.ki-page-content>.wp-block-group,.ki-page-content>.wp-block-cover{margin:0}.ki-section{padding:86px 0}.ki-section-tight{padding:54px 0}.ki-hero-block{position:relative;padding:88px 0 72px;background:radial-gradient(circle at 85% 10%,rgba(213,166,59,.18),transparent 28%),linear-gradient(135deg,#f9f6ee 0%,#eef4ef 100%)}.ki-hero-block .wp-block-columns{align-items:center;gap:58px}.ki-kicker{font-size:13px!important;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--ki-green2);margin-bottom:12px}.ki-hero-title{font-size:clamp(48px,7vw,92px)!important;line-height:.96!important;letter-spacing:-.05em!important;margin:0 0 24px!important;color:#0a1d18}.ki-hero-title strong{color:var(--ki-green2)}.ki-hero-copy{font-size:20px;max-width:650px;color:#42534d}.ki-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.ki-pill{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--ki-border);font-weight:700;font-size:13px}.ki-phone-card{background:linear-gradient(155deg,var(--ki-green),#0a5b4b);border-radius:36px;padding:26px;color:#fff;box-shadow:var(--ki-shadow);min-height:430px;position:relative;overflow:hidden}.ki-phone-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(213,166,59,.16);right:-80px;bottom:-70px}.ki-phone-card h3{font-size:18px;margin:0 0 14px}.ki-income{font-size:46px;font-weight:900;line-height:1;margin:18px 0 4px}.ki-phone-note{color:#c7ded6;font-size:13px}.ki-mini-stat{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.ki-section-title{font-size:clamp(34px,4vw,56px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 16px!important}.ki-section-lead{font-size:18px;color:var(--ki-muted);max-width:760px}.ki-card-grid{gap:22px!important}.ki-card{background:#fff;border:1px solid var(--ki-border);border-radius:var(--ki-radius);padding:28px;box-shadow:0 12px 35px rgba(4,48,39,.06);height:100%}.ki-card h3{margin-top:0;font-size:22px}.ki-icon{font-size:34px;margin-bottom:10px}.ki-dark-section{background:linear-gradient(135deg,#042f27,#075644);color:#fff}.ki-dark-section .ki-section-title,.ki-dark-section h2,.ki-dark-section h3,.ki-dark-section p{color:#fff}.ki-dark-section .ki-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}.ki-dark-section .ki-card p{color:#d5e5df}.ki-level-card{position:relative;overflow:hidden}.ki-level-card .ki-rate{font-size:56px;font-weight:900;color:var(--ki-green2);line-height:1}.ki-level-card.ki-at .ki-rate{color:#b98616}.ki-level-tag{display:inline-block;background:#eaf4f0;color:var(--ki-green);padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px}.ki-upgrade-arrow{text-align:center;font-size:28px;color:var(--ki-gold);font-weight:900}.ki-price-card{position:relative}.ki-price{font-size:38px;font-weight:900;color:var(--ki-green);line-height:1.1}.ki-featured{border:2px solid var(--ki-gold);transform:translateY(-6px)}.ki-featured:before{content:"REKOMENDASI";position:absolute;top:16px;right:16px;background:var(--ki-gold);color:#1d2a24;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900}.ki-checks{padding-left:0!important;list-style:none!important}.ki-checks li{position:relative;padding-left:28px;margin:9px 0}.ki-checks li:before{content:"✓";position:absolute;left:0;color:var(--ki-green3);font-weight:900}.ki-cta-block{background:linear-gradient(135deg,var(--ki-green),var(--ki-green2));color:#fff;border-radius:32px;padding:44px!important}.ki-cta-block h2,.ki-cta-block p{color:#fff}.ki-faq details,.ki-faq .wp-block-details{background:#fff;border:1px solid var(--ki-border);border-radius:16px;padding:18px 22px;margin:12px 0}.ki-faq summary{font-weight:800;cursor:pointer}.ki-disclaimer{font-size:12px;color:#6d7772}.ki-footer{background:#022d25;color:#dce9e4;padding:56px 0 24px}.ki-footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px}.ki-footer img{max-width:270px;filter:brightness(0) invert(1);opacity:.94}.ki-footer a{color:#fff}.ki-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:22px;font-size:13px}.ki-wa-float{position:fixed;right:22px;bottom:22px;z-index:80;background:#1fb866;color:#fff;text-decoration:none;padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.22)}.ki-shortcode-box{background:#fff;border-radius:22px;border:1px solid var(--ki-border);padding:28px}.ki-simulator{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.ki-sim-controls{display:grid;gap:16px}.ki-sim-controls label{display:grid;gap:7px;font-weight:800}.ki-sim-controls select,.ki-sim-controls input[type=number],.ki-lead-form input,.ki-lead-form select{width:100%;padding:13px 14px;border:1px solid #cfdad4;border-radius:12px;background:#fff}.ki-sim-result{background:var(--ki-green);color:#fff;border-radius:18px;padding:24px}.ki-sim-result strong{display:block;font-size:38px}.ki-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ki-lead-form label{display:grid;gap:6px;font-weight:700}.ki-lead-form button{grid-column:1/-1;cursor:pointer}.ki-form-success{grid-column:1/-1;background:#e7f6ee;padding:12px;border-radius:12px;color:#07563d}.alignwide{width:min(1180px,calc(100% - 36px));max-width:none!important;margin-left:auto!important;margin-right:auto!important}.alignfull{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.wp-block-columns{margin-bottom:0}.wp-block-button{margin-top:8px}
@media(max-width:900px){.ki-menu{display:none;position:absolute;top:82px;left:18px;right:18px;background:#fff;border-radius:18px;padding:18px;box-shadow:var(--ki-shadow);flex-direction:column;align-items:stretch}.ki-menu.open{display:flex}.ki-mobile-toggle{display:block}.ki-hero-block{padding:58px 0}.ki-hero-block .wp-block-columns{gap:30px}.ki-featured{transform:none}.ki-simulator{grid-template-columns:1fr}.ki-footer-grid{grid-template-columns:1fr}.ki-section{padding:62px 0}.ki-lead-form{grid-template-columns:1fr}.ki-hero-title{font-size:54px!important}}
@media(max-width:600px){.ki-container,.alignwide{width:min(100% - 24px,1180px)}.ki-nav{min-height:72px}.ki-menu{top:72px}.ki-hero-title{font-size:44px!important}.ki-section-title{font-size:34px!important}.ki-card{padding:22px}.ki-phone-card{min-height:330px}.ki-income{font-size:38px}.ki-cta-block{padding:28px!important}}