@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');

:root{
 --ink:#07110f;--ink2:#0b1d19;--emerald:#0d5f4e;--emerald2:#19a383;
 --champagne:#d7bd7c;--ivory:#f4eedf;--paper:#e6ddca;--muted:#a9b8b1;
 --panel:#10251f;--panel2:#143129;--line:rgba(215,189,124,.18);
 --glow:rgba(25,163,131,.22);--container:1200px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 83% 2%,rgba(25,163,131,.15),transparent 28%),linear-gradient(180deg,#07110f,#0b1d19 58%,#07110f);color:var(--ivory);font-family:"DM Sans",Arial,sans-serif;line-height:1.72}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 34px),var(--container));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,17,15,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);transition:.25s}
.site-header.is-scrolled{background:rgba(5,14,12,.98);box-shadow:0 16px 40px rgba(0,0,0,.36)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.custom-logo{max-height:55px;width:auto}.text-logo,.footer-brand{font:800 28px/1 "Playfair Display",serif;letter-spacing:.02em}.text-logo span,.footer-brand span{color:var(--champagne)}
.primary-menu,.footer-menu{list-style:none;padding:0;margin:0}.primary-menu{display:flex;gap:30px}.primary-menu a{position:relative;display:block;padding:11px 0;color:#f3ead7;font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.primary-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,var(--champagne),var(--emerald2));transition:.28s}.primary-menu a:hover:after{right:0}
.menu-toggle{display:none;width:45px;height:45px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--panel)}.menu-toggle span{display:block;height:2px;margin:5px 0;background:var(--champagne)}
.header-cta{display:inline-flex;min-height:45px;align-items:center;justify-content:center;padding:0 22px;border:1px solid rgba(215,189,124,.36);border-radius:999px;background:transparent;color:var(--champagne);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;transition:.25s}.header-cta:hover{background:var(--champagne);color:var(--ink)}
.hero-slider{position:relative;overflow:hidden;background:var(--ink)}.hero-track{position:relative;min-height:clamp(330px,32vw,620px)}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s}.hero-slide.is-active{position:relative;opacity:1;pointer-events:auto}.hero-slide img{width:100%;min-height:clamp(330px,32vw,620px);object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,15,.65),transparent 58%),linear-gradient(180deg,transparent 54%,rgba(7,17,15,.68))}
.hero-fallback{min-height:clamp(570px,49vw,760px);display:grid;align-items:center;background:radial-gradient(circle at 75% 40%,rgba(25,163,131,.32),transparent 25%),radial-gradient(circle at 86% 30%,rgba(215,189,124,.15),transparent 18%),linear-gradient(135deg,#07110f,#0e332a 62%,#07110f)}
.hero-content{max-width:850px}.eyebrow,.section-kicker{color:var(--champagne);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero-fallback h1{max-width:850px;margin:12px 0 18px;font:700 clamp(58px,9vw,112px)/.92 "Playfair Display",serif;letter-spacing:-.04em}.hero-fallback p{max-width:660px;color:#c3d1ca;font-size:18px}
.hero-arrow{position:absolute;top:50%;z-index:3;width:50px;height:66px;transform:translateY(-50%);border:1px solid var(--line);border-radius:999px;background:rgba(7,17,15,.7);color:var(--champagne);font-size:34px}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{position:absolute;left:50%;bottom:21px;z-index:4;display:flex;gap:8px;transform:translateX(-50%)}.hero-dots button{width:9px;height:9px;padding:0;border:1px solid var(--champagne);border-radius:50%;background:transparent}.hero-dots button.is-active{background:var(--champagne)}
.news-ticker{background:#0a1815;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticker-inner{min-height:48px;display:flex;align-items:center;overflow:hidden}.ticker-label{padding-right:20px;color:var(--champagne);font-size:11px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.ticker-window{width:100%;overflow:hidden}.ticker-content{display:flex;width:max-content;animation:ticker 30s linear infinite}.ticker-content span{padding-right:80px;color:#dce6e1;font-size:13px;white-space:nowrap}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.category-grid-wrap{padding:28px 0;background:#091714;border-bottom:1px solid var(--line)}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px}.category-box{position:relative;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;border:1px solid var(--line);border-radius:80px 80px 18px 18px;background:linear-gradient(160deg,rgba(20,49,41,.94),rgba(8,23,19,.99));font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:.28s}.category-box:hover{transform:translateY(-7px);border-color:rgba(215,189,124,.55);box-shadow:0 20px 42px rgba(0,0,0,.28),0 0 28px var(--glow)}.category-icon{position:relative;z-index:2;width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(215,189,124,.25);border-radius:50%;background:rgba(215,189,124,.055);color:var(--champagne);font-size:27px}.category-icon img{width:58px;height:58px;object-fit:contain}
.section{padding:100px 0}.section h1,.section h2,.inner-hero h1,.single-hero h1{font-family:"Playfair Display",serif;line-height:1.04}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px}.about-title-block{position:relative}.about-title-block h1{margin:12px 0 0;font-size:clamp(50px,7vw,82px)}.about-watermark{position:absolute;left:-15px;bottom:-48px;color:rgba(215,189,124,.045);font:800 clamp(80px,13vw,180px)/1 "Playfair Display",serif}.about-copy{padding:4px 0 0;color:#b8c8c1;font-size:18px}.about-copy p:first-child:first-letter{float:left;margin:9px 12px 0 0;color:var(--champagne);font:700 70px/.72 "Playfair Display",serif}
.section-divider{height:1px;display:grid;place-items:center;background:linear-gradient(90deg,transparent,rgba(215,189,124,.58),transparent)}.section-divider span{width:12px;height:12px;padding:0;border:1px solid var(--champagne);background:var(--ink);transform:rotate(45deg);font-size:0}
.services-section{background:linear-gradient(180deg,#0a1c17,#07130f)}.section-heading{max-width:790px;margin-bottom:46px}.section-heading h2,.why-layout h2,.cta-box h2{margin:12px 0 17px;font-size:clamp(43px,6vw,68px)}.section-heading p{color:var(--muted);font-size:17px}
.service-card-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:auto auto;gap:20px}.kunci-card{position:relative;min-height:330px;padding:34px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(20,49,41,.97),rgba(7,23,19,.99));box-shadow:0 24px 54px rgba(0,0,0,.2)}.kunci-card:first-child{grid-row:span 2;min-height:680px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 16%,rgba(215,189,124,.16),transparent 25%),linear-gradient(145deg,#144438,#071713)}.kunci-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(215,189,124,.08);border-radius:21px;pointer-events:none}.kunci-card-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:32px;border:1px solid rgba(215,189,124,.36);border-radius:50%;background:rgba(215,189,124,.055);color:var(--champagne);font-size:27px}.kunci-card-number{position:absolute;right:30px;top:28px;color:rgba(244,238,223,.09);font:700 52px/1 "Playfair Display",serif}.kunci-card h3{font:700 26px/1.2 "Playfair Display",serif}.kunci-card p{color:var(--muted)}
.promotions-section{background:radial-gradient(circle at 10% 10%,rgba(25,163,131,.13),transparent 30%),#07110f}.promotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.promotion-card{overflow:hidden;border:1px solid var(--line);border-radius:30px 6px 30px 6px;background:#0d211b}.promotion-media{display:block;aspect-ratio:16/9;overflow:hidden}.promotion-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.promotion-card:hover .promotion-media img{transform:scale(1.045)}.promotion-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0e2922,#16473a);font:700 34px "Playfair Display",serif}.promotion-content{padding:30px}.promotion-content h3{margin:9px 0 11px;font:700 27px "Playfair Display",serif}.promotion-content p{color:var(--muted)}.text-link{color:var(--champagne);font-weight:800}
.why-section{background:#091714}.why-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.why-timeline{display:grid;grid-template-columns:1fr 1fr;gap:18px}.why-timeline:before{display:none}.why-step{position:relative;display:block;padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#102a23,#0a1915)}.why-number{width:50px;height:50px;display:grid;place-items:center;margin-bottom:22px;border:1px solid rgba(215,189,124,.42);border-radius:50%;background:transparent;color:var(--champagne);font-weight:800}.why-step h3{margin:0 0 8px;font:700 23px "Playfair Display",serif}.why-step p{margin:0;color:var(--muted)}
.cta-box{position:relative;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:58px;overflow:hidden;border:1px solid var(--line);border-radius:70px 16px 70px 16px;background:radial-gradient(circle at 88% 0%,rgba(215,189,124,.18),transparent 28%),linear-gradient(135deg,#15483b,#091a16);box-shadow:0 24px 60px rgba(0,0,0,.25)}.cta-box:after{content:"777";position:absolute;right:30px;bottom:-35px;color:rgba(244,238,223,.045);font:700 130px/1 "Playfair Display",serif}.cta-box p{margin:0;color:#c6d6cf}.button{position:relative;z-index:2;display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 30px;border:1px solid var(--champagne);border-radius:999px;background:var(--champagne);color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.site-footer{padding:80px 0 26px;background:#040b09;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.35fr .75fr 1fr 1fr;gap:40px}.footer-brand{margin-bottom:15px;font-size:31px}.footer-logo-image{max-width:200px;margin-bottom:16px}.site-footer h2{margin:0 0 17px;color:var(--champagne);font:700 14px "Playfair Display",serif;letter-spacing:.08em;text-transform:uppercase}.site-footer p,.footer-disclaimer{color:var(--muted)}.footer-menu li+li{margin-top:9px}.footer-legal-list{display:grid;gap:9px}.footer-bottom{margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:#8ca198}.footer-sword{color:var(--champagne)}
.page-main{min-height:60vh}.error-page{padding:125px 0;text-align:center}.error-code{display:block;color:var(--champagne);font:700 clamp(100px,18vw,190px)/1 "Playfair Display",serif}
@media(max-width:980px){.menu-toggle{display:block}.primary-nav{position:fixed;top:82px;left:17px;right:17px;display:none;padding:15px;background:#10251f;border:1px solid var(--line);border-radius:22px}.primary-nav.is-open{display:block}.primary-menu{display:block}.primary-menu a{padding:14px 12px}.header-cta{display:none}.category-grid{grid-template-columns:repeat(4,1fr)}.about-layout,.why-layout{grid-template-columns:1fr}.service-card-grid{grid-template-columns:1fr 1fr}.kunci-card:first-child{grid-row:auto;grid-column:1/-1;min-height:380px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(calc(100% - 22px),var(--container))}.header-inner{min-height:69px}.primary-nav{top:69px}.custom-logo{max-height:45px}.hero-track,.hero-slide img{min-height:245px}.hero-fallback{min-height:510px}.hero-fallback h1{font-size:54px}.hero-arrow{width:38px;height:54px}.hero-prev{left:6px}.hero-next{right:6px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-box{min-height:116px}.section{padding:72px 0}.about-layout{gap:30px}.about-copy{font-size:15px}.service-card-grid,.promotion-grid,.why-timeline,.footer-grid{grid-template-columns:1fr}.kunci-card:first-child{min-height:360px}.cta-box{align-items:flex-start;flex-direction:column;padding:34px;border-radius:35px 12px 35px 12px}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}