:root{--black:#101010;--black2:#181818;--gold:#c99b43;--gold2:#f0cc7b;--cream:#f5f3ee;--white:#fff;--muted:#777;--line:#e4dfd5;--navy:#13243a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:#181818;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
.wrap{width:min(1260px,calc(100% - 48px));margin:auto}
header{height:74px;background:#101010f7;color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand img{width:46px;height:46px;object-fit:cover;border-radius:4px;mix-blend-mode:screen}.brand b{font:700 27px Georgia,serif;letter-spacing:-1.3px;display:block}.brand small{display:block;color:#d8b76d;font:700 7px Georgia,serif;letter-spacing:1.6px;margin-top:3px}
.navlinks{display:flex;align-items:center;gap:clamp(11px,1.65vw,24px);font-size:11px;font-weight:700}.navlinks button{background:none;border:0;color:#eee;padding:10px 0;white-space:nowrap;border-bottom:2px solid transparent}.navlinks button:hover,.navlinks button.active{color:var(--gold2);border-color:var(--gold)}.navcta{border:1px solid #c99b43!important;border-radius:8px;padding:10px 13px!important;color:#f0cd7d!important}.menu{display:none;cursor:pointer;background:none;border:1px solid #555;border-radius:6px;color:white;padding:8px 11px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(110deg,#f0cd7d,#c79538);color:#17120a;border:0;border-radius:7px;padding:12px 18px;font-size:12px;font-weight:800;transition:.2s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.outline{background:transparent;color:white;border:1px solid #ddd}.btn.outline-dark{background:transparent;color:#211b11;border:1px solid #a97927}
.view{display:none;min-height:70vh}.view.active{display:block}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#c39236;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:34px;height:2px;background:#c99b43;display:inline-block}
.hero{background:#101010;color:white;min-height:440px;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,#101010 0%,#101010 25%,#101010ed 36%,#10101068 53%,#10101005 83%),url("../assets/hero-team.webp");background-size:cover;background-position:center 47%}.hero-inner{padding:40px 0 25px}.hero-copy{width:min(610px,58%)}h1{font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-3px;margin:18px 0 12px}h1 em,.gold{font-style:normal;color:#e8bb5d}.hero p{font-size:15px;line-height:1.6;color:#eee;max-width:535px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 17px}.metrics-label{color:#f0c96c;font-size:10px;letter-spacing:2px;font-weight:800;margin:14px 0 8px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(140px,195px));gap:9px}.metric{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #70552e;background:#171717df;border-radius:8px;min-height:72px}.metric .ico{font-size:25px;color:#e8b958}.metric strong{display:block;color:#f0d18a;font:700 25px Georgia,serif;white-space:nowrap}.metric span{font-size:10px;line-height:1.3;color:white}.metric small{font-size:9px;color:#ccc}
section{scroll-margin-top:80px}.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.section-head h2{font-size:clamp(30px,3.8vw,45px);line-height:1.05;letter-spacing:-1.8px;margin:13px 0 0}.section-head p{max-width:430px;color:#737373;font-size:13px;line-height:1.7;margin:0}
.services-preview{background:#f7f6f2;padding:24px 0}.services-layout{display:grid;grid-template-columns:.72fr 2.28fr;gap:34px;align-items:center}.services-intro h2{font-size:clamp(29px,3vw,39px);line-height:1.05;letter-spacing:-1.6px;margin:17px 0 10px}.services-intro p{font-size:13px;line-height:1.55;color:#444}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.tab{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 16px;border:1px solid #ddd;background:#fff;border-radius:9px;min-height:62px}.tab .sym{font-size:25px;color:#a87622}.tab b{display:block;font-size:16px}.tab small{display:block;color:#666;font-size:10px;margin-top:3px}.tab.active{background:linear-gradient(105deg,#514020,#111);color:#f5d78d;border-color:#c79a48}.tab.active small{color:#eee}
.tab.enterprise{background:#e7c06e;color:#111;border-color:#c89a3d}.tab.enterprise .sym{color:#1b1b1b}.tab.enterprise small{color:#28221a}.tab.enterprise.active{background:linear-gradient(110deg,#f0cf83,#c18d34);color:#111;border-color:#8b651f;box-shadow:0 0 0 2px #d4a84e33}.tab.enterprise.active small{color:#302719}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-card{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e2ded6;border-radius:9px;min-height:88px;text-align:left;transition:.2s}.service-card:hover{border-color:#c69a4a;transform:translateY(-2px);box-shadow:0 8px 20px #0000000c}.service-icon{flex:0 0 40px;height:40px;border-radius:12px;background:#fbf0d6;color:#a8741e;display:grid;place-items:center;font-size:21px}.service-card b{font-size:12px;display:block;margin-bottom:4px}.service-card small{font-size:9px;line-height:1.35;color:#666;display:block}.service-card .arrow{margin-left:auto;color:#a97928}.inline-detail{display:none;background:#171717;color:white;border-radius:8px;margin-top:10px;padding:17px}.inline-detail.show{display:block}.inline-detail p{color:#ccc;font-size:12px;line-height:1.6}
.intel-band{background:#101010;color:white;padding:28px 0}.intel-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.intel-image{width:100%;height:260px;object-fit:cover;border:1px solid #69512f;border-radius:10px;display:block}.intel-copy h2{font-size:clamp(31px,3.5vw,45px);line-height:1.05;letter-spacing:-1.5px;margin:14px 0 8px}.intel-copy p{color:#ddd;font-size:13px;line-height:1.6}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.feature{border-right:1px solid #59482e;padding:6px 7px;color:#eee;font-size:10px;line-height:1.4}.feature b{display:block;color:#e5bd6b;font-size:19px;margin-bottom:5px}
.dark-section{background:#171717;color:white;padding:62px 0}.dark-section p{color:#bbb}.stats-slider{border:1px solid #624e30;background:#202323;border-radius:10px;padding:24px}.slide{display:none}.slide-top{display:flex;justify-content:space-between;color:#e2bb6a;font-size:10px;letter-spacing:1.5px}.slide-number{font:700 52px Georgia;color:#f0cf83;margin:22px 0 5px}.slide-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.slide-controls .sbtn{cursor:pointer;background:transparent;border:1px solid #705a36;color:#e9c77b;border-radius:5px;padding:8px 12px}.dots{display:flex;gap:7px}.dots label{display:block;width:8px;height:8px;border-radius:50%;background:#777;cursor:pointer;transition:width .2s}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.visual-card{background:white;border:1px solid #e3ded5;border-radius:10px;overflow:hidden;box-shadow:0 5px 16px #00000007}.visual-card img{width:100%;height:170px;object-fit:cover;display:block}.visual-card .body{padding:18px}.visual-card small{font-size:9px;color:#a67627;letter-spacing:1px;font-weight:800}.visual-card h3{font-size:18px;margin:10px 0 7px}.visual-card p{font-size:12px;color:#666;line-height:1.6;margin:0 0 13px}.text-link{border:0;background:none;color:#96671f;font-size:11px;font-weight:800;padding:0}
.light-section{background:#f2f0e9;padding:65px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.portfolio-card{background:white;border:1px solid #e2ddd3;border-radius:9px;overflow:hidden}.portfolio-card img{width:100%;height:170px;object-fit:cover}.portfolio-card .pbody{padding:18px}.portfolio-card small{color:#a67627;font-size:9px;letter-spacing:1px}.portfolio-card h3{font-size:18px;margin:10px 0 6px}.portfolio-card p{color:#666;font-size:12px;line-height:1.6}.portfolio-card button{border:0;background:none;color:#98671f;font-weight:800;padding:0;font-size:11px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.filter{border:1px solid #d7d0c3;background:white;border-radius:20px;padding:8px 14px;font-size:11px}.filter.active{background:#171717;color:#f1cb77;border-color:#171717}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.logo-tile{min-height:75px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:10px;color:#666;font-size:12px;font-weight:800;background:white}.logo-tile.partner{color:#98702f;background:#fbfaf7}
.about-hero{background:#111;color:white;position:relative;overflow:hidden;padding:65px 0}.about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111 0%,#111e 55%,#1114),url("../assets/hero-team.webp") center/cover}.about-hero .wrap{position:relative}.about-hero h1{max-width:720px}.about-hero p{color:#ddd;max-width:650px;line-height:1.7}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;max-width:680px}.about-stat{border:1px solid #68502e;border-radius:8px;padding:15px}.about-stat b{display:block;color:#f0cd7c;font:700 25px Georgia}.about-stat span{font-size:10px;color:#ddd}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.team-card{background:#14263d;border:1px solid #2c4360;border-radius:13px;padding:22px 16px;text-align:center;color:white}.photo-placeholder{width:150px;height:150px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(135deg,#e8e6e1,#c9c9c9);border:3px solid #e5e3df;display:grid;place-items:center;color:#7d7d7d;font-size:38px;overflow:hidden}.team-card h3{font-size:18px;margin:0 0 6px}.team-card p{font-size:12px;color:#aebed0;margin:0}.team-note{font-size:11px;color:#777;margin-top:14px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-card{background:white;border:1px solid #e5e0d6;border-radius:10px;overflow:hidden}.blog-card img{width:100%;height:170px;object-fit:cover}.blog-card .body{padding:17px}.blog-card small{font-size:9px;color:#a67627;font-weight:800;letter-spacing:1px}.blog-card h3{font-size:17px;line-height:1.3;margin:10px 0}.blog-card p{font-size:12px;color:#666;line-height:1.6}.blog-card button{border:0;background:none;color:#95661e;font-weight:800;padding:0;font-size:11px}
.cta-band{background:#e9e4d9;padding:48px 0}.cta-flex{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-flex h2{font-size:34px;margin:10px 0}.cta-flex p{color:#666;font-size:13px;line-height:1.6}
footer{background:#0b0b0b;color:#aaa;padding:28px 0;font-size:11px}.foot{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.footbrand{display:flex;align-items:center;gap:10px;color:white;font:700 22px Georgia}.footbrand img{width:40px;height:40px;object-fit:cover;mix-blend-mode:screen}
.modal{position:fixed;inset:0;background:#000b;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal-box{max-width:520px;width:100%;background:white;padding:27px;border-radius:10px;position:relative}.modal-box .close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px}.modal-box p{color:#666;line-height:1.7;font-size:13px}
@media(max-width:1020px){.navlinks{gap:10px;font-size:9px}.brand{min-width:180px}.brand b{font-size:24px}.services-layout{grid-template-columns:1fr;gap:20px}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}header{height:68px}.brand{min-width:0}.brand img{width:42px;height:42px}.brand b{font-size:24px}.brand small{font-size:6px}.menu{display:block}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:#101010;padding:20px 24px 25px;flex-direction:column;align-items:stretch;gap:14px;border-top:1px solid #333}.navlinks button{text-align:left;font-size:13px}.hero{min-height:570px}.hero:before{background-image:linear-gradient(90deg,#101010f5 0%,#101010d9 50%,#10101080 100%),url("../assets/hero-team.webp");background-position:65% center}.hero-inner{padding:42px 0 25px}.hero-copy{width:100%}h1{font-size:clamp(42px,10.5vw,58px);letter-spacing:-2px}.hero p{font-size:13px}.metrics{grid-template-columns:repeat(3,1fr);gap:6px}.metric{display:block;padding:9px 7px;min-height:78px}.metric .ico{display:none}.metric strong{font-size:17px}.metric span{font-size:9px}.section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:12px}.service-tabs{gap:8px}.tab{padding:10px;gap:8px;min-height:62px}.tab b{font-size:12px}.tab small{font-size:9px}.tab .sym{font-size:19px}.service-grid{grid-template-columns:repeat(2,1fr);gap:7px}.service-card{padding:10px;gap:7px;min-height:94px}.service-icon{flex-basis:33px;height:33px;font-size:16px}.service-card b{font-size:10px}.service-card small{font-size:8px}.intel-layout{grid-template-columns:1fr;gap:22px}.intel-image{height:205px}.intel-copy h2{font-size:34px}.feature-row{grid-template-columns:repeat(4,1fr)}.feature{font-size:8px;padding:4px}.card-grid,.portfolio-grid,.blog-grid{grid-template-columns:1fr}.visual-card img,.portfolio-card img,.blog-card img{height:190px}.logo-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr);gap:9px}.team-card{padding:16px 8px}.photo-placeholder{width:105px;height:105px;font-size:28px}.team-card h3{font-size:14px}.team-card p{font-size:10px}.about-hero{padding:48px 0}.about-stats{grid-template-columns:repeat(3,1fr);gap:7px}.about-stat{padding:10px}.about-stat b{font-size:18px}.about-stat span{font-size:8px}.cta-flex{display:block}.cta-flex .btn{margin-top:12px}.slide-number{font-size:43px}}
@media(max-width:390px){.metrics{grid-template-columns:1fr}.metric{display:flex;align-items:center;gap:12px;min-height:0}.metric .ico{display:block}.metric strong{min-width:100px}.service-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.feature-row{grid-template-columns:repeat(2,1fr)}}

/* SEO multi-page navigation anchors */
.navlinks a{background:none;border:0;color:#eee;padding:10px 0;white-space:nowrap;border-bottom:2px solid transparent;font-size:11px;font-weight:700}
.navlinks a:hover,.navlinks a.active{color:var(--gold2);border-color:var(--gold)}
.navlinks a.navcta{border:1px solid #c99b43;border-radius:8px;padding:10px 13px;color:#f0cd7d}

.service-card{position:relative;overflow:hidden;min-height:104px;padding:9px;gap:9px}
.service-thumb{width:72px;min-width:72px;height:72px;object-fit:cover;border-radius:7px;display:block;background:#e7e2d7}
.service-card .service-copy{min-width:0;display:block}
.service-card .service-copy b{font-size:12px;line-height:1.25}
.service-card .service-copy small{font-size:9px;line-height:1.35}
@media(max-width:760px){.service-card{min-height:91px;padding:7px;gap:7px}.service-thumb{width:58px;min-width:58px;height:62px}.service-card .service-copy b{font-size:10px}.service-card .service-copy small{font-size:8px}}

/* ===== Perbaikan: aksesibilitas, konten statis, form, artikel ===== */
[hidden]{display:none!important}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:#c99b43;color:#111;padding:10px 14px;border-radius:6px;font-weight:700}
.skip-link:focus{left:8px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6bd6c;outline-offset:2px}
a.service-card{color:inherit;text-decoration:none}
a.service-card:hover{border-color:#c99b43}
.footnav{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px}
.footnav a{color:#d7dce4;text-decoration:none}.footnav a:hover{color:#e6bd6c}
.fine-print{font-size:12px;color:#666;margin-top:14px}
.approach{margin-top:10px}.approach summary{cursor:pointer;color:#a8741c;font-weight:700;font-size:13px}.approach p{margin:8px 0 0;font-size:13px;line-height:1.6}
.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.steps li{background:#fff;border:1px solid #e2ded6;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5}
.faq details{border-bottom:1px solid #ddd;padding:14px 0}.faq summary{cursor:pointer;font-weight:700;font-size:16px}.faq p{margin:10px 0 0;line-height:1.7}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.contact-points{padding-left:18px;line-height:1.9}
.contact-form{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e2ded6;border-radius:12px;padding:22px}
.contact-form label{font-weight:700;font-size:13px;margin-top:6px}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;font-size:15px;padding:11px 12px;border:1px solid #cfc9bd;border-radius:8px;background:#fff;color:#111;width:100%}
.contact-form .btn{margin-top:14px;border:0;cursor:pointer;justify-content:center}
.form-status{min-height:1.4em;font-size:13px;color:#8a5a00;margin:6px 0 0}
.article-body{max-width:760px}.article-body h2{margin:34px 0 10px}.article-body p,.article-body li{line-height:1.8;font-size:17px}
.article-body ul{padding-left:22px}.article-body a:not(.btn){color:#a8741c;text-decoration:underline}
.related{margin:40px 0 24px;padding:18px 20px;background:#f4f1ea;border-radius:10px}.related h2{margin:0 0 8px;font-size:18px}
.about-hero .meta{font-size:13px;opacity:.75}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ===== Design & Security Polish (2026-11-04) ===== */
:root {
  --navy: #0a182c;
  --navy-soft: #13243a;
  --gold: #c99b43;
  --gold-bright: #f0cc7b;
  --cream: #f5f3ee;
  --text: #181818;
  --muted: #5a5a5a;
}
body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  color: var(--text);
  background: var(--cream);
}
header {
  background: rgba(10, 24, 44, 0.97);
  backdrop-filter: blur(16px);
}
.hero {
  background: linear-gradient(160deg, #0a182c 0%, #13243a 60%, #1a2f4a 100%);
}
.btn {
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}
.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(201, 155, 67, 0.25);
}
.service-card, .portfolio-card, .blog-card, .team-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.service-card:hover, .portfolio-card:hover, .blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(10, 24, 44, 0.08);
}
/* Better focus states for accessibility/security UX */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}
/* Prevent layout shift on images */
img {
  max-width: 100%;
  height: auto;
}


/* ===== Pure HTML5 / CSS-only interactions (tanpa JavaScript) ===== */
.sr-only,.sr-radio,.menu-toggle{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}
.nav{position:relative}
.menu-toggle:focus-visible~.menu{outline:3px solid #e6bd6c;outline-offset:2px}
@media(max-width:760px){.menu-toggle:checked~.navlinks{display:flex}}

/* Tab layanan */
.tab{cursor:pointer}
#svc-business:checked~.service-tabs [for="svc-business"]{background:linear-gradient(105deg,#514020,#111);color:#f5d78d;border-color:#c79a48}
#svc-business:checked~.service-tabs [for="svc-business"] small{color:#eee}
#svc-enterprise:checked~.service-tabs [for="svc-enterprise"]{background:linear-gradient(110deg,#f0cf83,#c18d34);color:#111;border-color:#8b651f;box-shadow:0 0 0 2px #d4a84e33}
#svc-enterprise:checked~.service-tabs [for="svc-enterprise"] small{color:#302719}
#svc-business:checked~[data-panel="Enterprise"],#svc-enterprise:checked~[data-panel="Business"]{display:none}
#svc-business:focus-visible~.service-tabs [for="svc-business"],#svc-enterprise:focus-visible~.service-tabs [for="svc-enterprise"]{outline:3px solid #e6bd6c;outline-offset:2px}

/* Filter portofolio */
.filter{cursor:pointer}
#pf-all:checked~.filters [for="pf-all"],#pf-growth:checked~.filters [for="pf-growth"],#pf-system:checked~.filters [for="pf-system"],#pf-intelligence:checked~.filters [for="pf-intelligence"]{background:#171717;color:#f1cb77;border-color:#171717}
#pf-growth:checked~.portfolio-grid [data-cat]:not([data-cat="growth"]),#pf-system:checked~.portfolio-grid [data-cat]:not([data-cat="system"]),#pf-intelligence:checked~.portfolio-grid [data-cat]:not([data-cat="intelligence"]){display:none}
#pf-all:focus-visible~.filters [for="pf-all"],#pf-growth:focus-visible~.filters [for="pf-growth"],#pf-system:focus-visible~.filters [for="pf-system"],#pf-intelligence:focus-visible~.filters [for="pf-intelligence"]{outline:3px solid #e6bd6c;outline-offset:2px}

/* Slider statistik */
.sbtn-wrap{display:inline-block;min-width:112px}
.slide-controls .sbtn-wrap:last-child{text-align:right}
.slide-controls .sbtn{display:none;background:transparent;border:1px solid #705a36;color:#e9c77b;border-radius:5px;padding:8px 12px;font-size:13px;white-space:nowrap}
#sl-1:checked~.slide.s1,#sl-2:checked~.slide.s2,#sl-3:checked~.slide.s3{display:block}
#sl-1:checked~.slide-controls .from-1,#sl-2:checked~.slide-controls .from-2,#sl-3:checked~.slide-controls .from-3{display:inline-block}
#sl-1:checked~.slide-controls .dots [for="sl-1"],#sl-2:checked~.slide-controls .dots [for="sl-2"],#sl-3:checked~.slide-controls .dots [for="sl-3"]{width:20px;border-radius:8px;background:#e4bd6a}
#sl-1:focus-visible~.slide-controls .dots [for="sl-1"],#sl-2:focus-visible~.slide-controls .dots [for="sl-2"],#sl-3:focus-visible~.slide-controls .dots [for="sl-3"]{outline:3px solid #e6bd6c;outline-offset:3px}

/* Form WhatsApp */
.contact-form textarea{width:100%;font:inherit;line-height:1.5}
.form-hint{font-size:12px;color:#666;margin:8px 0 14px;line-height:1.5}