:root{--gold:#f3c62f;--gold2:#b98717;--ink:#171611;--paper:#fff;--muted:#c9c5bb}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#0d0d0c,#24211a 55%,#111);color:#fff;font-family:"DM Sans",sans-serif}.detail-shell{width:min(100%,880px);margin:auto;padding:20px 18px 54px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.back{color:#fff;text-decoration:none;font-weight:700}.mini-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid rgba(243,198,47,.5)}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;margin:0 0 10px}.intro h1{font:900 clamp(2.25rem,8vw,4.8rem)/.95 Montserrat,sans-serif;text-transform:uppercase;margin:0;letter-spacing:-.04em}.intro>p{color:var(--muted);font-size:1.05rem;line-height:1.65;max-width:680px}.hero-grid{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin:28px 0 38px}.hero-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 16%;border-radius:24px;border:3px solid var(--gold)}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact{padding:18px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.fact small{display:block;color:var(--gold);text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-bottom:5px}.fact strong{font-size:1rem;line-height:1.35}.section{margin-top:42px}.section h2{font:800 1.6rem Montserrat;margin:0 0 18px;color:var(--gold)}.timeline{display:grid;gap:0}.event{display:grid;grid-template-columns:88px 20px 1fr;gap:12px;min-height:72px}.year{font-weight:900;color:#fff}.line{position:relative}.line:before{content:"";position:absolute;left:8px;top:8px;bottom:-8px;width:2px;background:#665426}.line:after{content:"";position:absolute;left:3px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--gold)}.event:last-child .line:before{display:none}.event p{margin:0;color:#dedbd2;font-weight:600}.achievements{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.achievement{background:linear-gradient(145deg,#fff,#eee8d8);color:var(--ink);padding:22px 12px;border-radius:18px;text-align:center}.achievement strong{display:block;font:900 1.9rem Montserrat;color:#9b7010}.achievement span{font-size:.82rem;font-weight:800;text-transform:uppercase}.wide-image{width:100%;display:block;border-radius:20px;border:1px solid rgba(255,255,255,.14)}.story{background:#fff;color:#302e29;border-radius:22px;padding:28px;line-height:1.7}.story h3{font:800 1.18rem Montserrat;color:#8d6410;margin:18px 0 4px}.story h3:first-child{margin-top:0}.branches{display:flex;flex-wrap:wrap;gap:9px}.branches span{padding:9px 13px;border-radius:999px;background:rgba(243,198,47,.12);border:1px solid rgba(243,198,47,.36);color:#fff;font-weight:700}.cta{display:block;margin-top:34px;padding:17px;border-radius:14px;text-align:center;background:var(--gold);color:#171611;text-decoration:none;font-weight:900;text-transform:uppercase}.source-note{color:#8e8a80;font-size:.75rem;margin-top:12px;text-align:center}
@media(max-width:650px){.hero-grid{grid-template-columns:1fr}.hero-grid img{width:170px;margin:auto}.facts{grid-template-columns:1fr}.achievements{grid-template-columns:repeat(2,1fr)}.detail-shell{padding-inline:15px}.intro h1{font-size:2.35rem}}
.notice{padding:16px 18px;border:1px solid rgba(243,198,47,.35);background:rgba(243,198,47,.08);border-radius:14px;color:#ddd7c8;line-height:1.55}.income-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.income-card{background:#fff;color:#292721;padding:22px;border-radius:18px}.income-card .num{font:900 2rem Montserrat;color:#a77910}.income-card h3{font:800 1rem Montserrat;text-transform:uppercase;margin:7px 0}.income-card p{margin:0;color:#625e55;line-height:1.55}.rate-table{overflow-x:auto;border-radius:16px}.rate-table table{width:100%;min-width:620px;border-collapse:collapse;background:#fff;color:#292721}.rate-table th,.rate-table td{padding:13px;text-align:center;border-bottom:1px solid #e9e3d5}.rate-table th{background:#bd8d18;color:#fff;text-transform:uppercase;font-size:.78rem}.steps{counter-reset:item;display:grid;gap:12px}.step{position:relative;padding:18px 18px 18px 58px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:15px;color:#e6e2d8;line-height:1.55}.step:before{counter-increment:item;content:counter(item);position:absolute;left:17px;top:17px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#171611;font-weight:900}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.benefit{padding:18px;border-radius:15px;background:linear-gradient(145deg,#fff,#eee8d8);color:#292721;font-weight:800}.disclaimer{margin-top:30px;color:#999387;font-size:.78rem;line-height:1.55}
@media(max-width:650px){.income-grid,.benefits{grid-template-columns:1fr}}
.venture{padding:25px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(189,141,24,.11));border:1px solid rgba(243,198,47,.3)}.venture h2{margin-bottom:8px}.venture-intro{color:#ddd8cc;line-height:1.6;margin:0 0 20px}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tier-card{position:relative;overflow:hidden;padding:20px 15px;border-radius:17px;background:#fff;color:#292721;text-align:center;border-top:6px solid #bd8d18}.tier-card.featured{border-top-color:#e33a32;box-shadow:0 12px 32px rgba(0,0,0,.24)}.tier-label{display:inline-block;padding:5px 10px;border-radius:999px;background:#b8141e;color:#fff;font-size:.78rem;font-weight:900;text-transform:uppercase}.tier-amount{display:block;margin:12px 0 9px;font:900 1.75rem Montserrat;color:#118f94}.tier-card p{margin:0;color:#625e55;line-height:1.5;font-size:.86rem}.tier-card b{font-size:1.15rem;color:#292721}.terms{margin-top:18px;padding:17px 18px;border-radius:14px;background:rgba(0,0,0,.28);color:#e7e2d7;line-height:1.55}.terms>strong{color:var(--gold);text-transform:uppercase}.terms ul{margin:9px 0 0;padding-left:21px}.terms li+li{margin-top:7px}
@media(max-width:650px){.venture{padding:20px 15px}.tier-grid{grid-template-columns:1fr}.tier-card{display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left;column-gap:12px}.tier-card p{grid-column:1/-1;margin-top:7px}.tier-amount{margin:0;text-align:right}}
.photo-story{display:grid;grid-template-columns:1.55fr .75fr;gap:14px}.photo-story figure{margin:0;overflow:hidden;border-radius:20px;background:#fff;color:#3a362d}.photo-story img{display:block;width:100%;height:310px;object-fit:cover}.photo-story figure:last-child img{object-position:50% 15%}.photo-story figcaption{padding:15px 17px;line-height:1.5;font-size:.9rem;font-weight:600}
@media(max-width:650px){.photo-story{grid-template-columns:1fr}.photo-story img{height:auto}.photo-story figure:last-child img{height:330px}}
.section-lead{margin:-7px 0 18px;color:#c9c5bb;line-height:1.6}.feature-gallery{display:grid;grid-template-columns:1.55fr .8fr;gap:14px}.feature-gallery figure,.moment-grid figure,.agency-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#161514}.feature-gallery img,.moment-grid img,.agency-gallery img{display:block;width:100%;height:100%;object-fit:cover}.feature-gallery figure{min-height:390px}.feature-gallery figcaption,.moment-grid figcaption,.agency-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;font-weight:800}.feature-gallery figcaption strong,.feature-gallery figcaption span{display:block}.feature-gallery figcaption span{margin-top:3px;color:#e3d18d;font-size:.82rem}.moment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.moment-grid figure{height:300px}.moment-grid figcaption,.agency-gallery figcaption{font-size:.82rem}.agency-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.agency-gallery figure{height:310px}.agency-gallery .agency-wide{grid-column:1/-1;height:auto;aspect-ratio:16/8}.agency-gallery .agency-wide img{object-position:center}.agency-gallery figure:not(.agency-wide) img{object-position:center 20%}
@media(max-width:650px){.feature-gallery{grid-template-columns:1fr}.feature-gallery figure{min-height:0;aspect-ratio:4/3}.feature-gallery figure:last-child{aspect-ratio:1/1}.moment-grid{grid-template-columns:repeat(2,1fr)}.moment-grid figure{height:260px}.agency-gallery figure{height:250px}.agency-gallery .agency-wide{aspect-ratio:4/3}}
.bio-cover{position:relative;isolation:isolate;overflow:hidden;min-height:620px;margin:0 -18px 34px;padding:42px 42px;border-radius:28px;display:flex;align-items:flex-end;background:url("abdul-rauf-office.jpg") center 18%/cover no-repeat;box-shadow:0 22px 45px rgba(0,0,0,.38)}.bio-cover:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,5,4,.06) 0%,rgba(9,8,6,.18) 38%,rgba(9,8,6,.9) 100%)}.bio-cover-copy{max-width:670px}.bio-cover .kicker{font-size:.86rem;text-shadow:0 2px 8px #000}.bio-cover h1{text-shadow:0 4px 18px rgba(0,0,0,.85)}.bio-cover .bio-cover-copy>p:last-child{max-width:630px;margin:17px 0 0;color:#f2eee4;font-size:1.08rem;line-height:1.6;text-shadow:0 2px 10px #000}.bio-facts{display:block;margin:0 0 38px}.bio-facts .facts{grid-template-columns:repeat(3,1fr)}.bio-facts .fact{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(243,198,47,.06));border-color:rgba(243,198,47,.22);box-shadow:0 10px 24px rgba(0,0,0,.18)}
@media(max-width:650px){.bio-cover{min-height:570px;margin-inline:-15px;padding:28px 22px;background-position:52% 12%;border-radius:22px}.bio-cover:before{background:linear-gradient(180deg,rgba(5,5,4,.04),rgba(9,8,6,.12) 34%,rgba(9,8,6,.94) 100%)}.bio-facts .facts{grid-template-columns:1fr}}
.category-nav{position:sticky;top:10px;z-index:4;display:flex;gap:8px;overflow-x:auto;margin:28px 0;padding:7px;border-radius:16px;background:rgba(17,16,13,.92);border:1px solid rgba(243,198,47,.25);backdrop-filter:blur(12px);scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav a{display:grid;place-items:center;flex:1 0 122px;min-height:48px;padding:10px 8px;border-radius:11px;text-align:center;color:#171611;background:linear-gradient(145deg,#f7d75d,#b98717);text-decoration:none;font-weight:900;font-size:.82rem;line-height:1.2}.product-section{scroll-margin-top:90px}.awareness-intro{position:relative;overflow:hidden;margin:0 0 22px;padding:23px 24px;border-radius:20px;background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(243,198,47,.06));border:1px solid rgba(255,255,255,.12)}.awareness-intro:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--gold)}.awareness-intro>span{display:inline-block;margin-bottom:9px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.awareness-intro h3{max-width:720px;margin:0 0 10px;font:800 1.28rem/1.35 Montserrat;color:#fff}.awareness-intro p{margin:0;color:#d8d3c8;line-height:1.6}.awareness-intro ul{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0 0;padding:0;list-style:none}.awareness-intro li{padding:12px;border-radius:12px;background:rgba(0,0,0,.24);color:#eee9df;line-height:1.42;font-size:.88rem;font-weight:700}.critical-awareness:before{background:#d93a42}.critical-awareness>span{color:#ff747b}.medical-awareness:before{background:#34a7ad}.medical-awareness>span{color:#65d1d6}.mltt-awareness:before{background:#5a8fd8}.mltt-awareness>span{color:#8bb8f3}.anggun-awareness:before{background:#d56a9d}.anggun-awareness>span{color:#f29ac4}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.single-product-grid{grid-template-columns:minmax(0,560px)}.product-card{display:flex;flex-direction:column;min-height:100%;padding:20px;border-radius:19px;background:linear-gradient(150deg,#fffdf7,#eee6d3);color:#292721;border:1px solid rgba(243,198,47,.32);box-shadow:0 12px 30px rgba(0,0,0,.22)}.product-card.featured-product{border:2px solid #d5a424;box-shadow:0 16px 38px rgba(185,135,23,.18)}.critical-product{border-color:#c92832!important}.critical-product .product-icon{background:#a9141d;color:#fff}.mltt-product{border-color:#5a8fd8!important}.mltt-product .product-icon{background:#28598f;color:#fff}.anggun-product{border-color:#d56a9d!important}.anggun-product .product-icon{background:#a63269;color:#fff}.product-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-icon{display:grid;place-items:center;min-width:43px;height:43px;padding:0 8px;border-radius:12px;background:#171611;color:var(--gold);font:900 .82rem Montserrat}.product-tag{font-size:.72rem;font-weight:900;text-transform:uppercase;color:#8a6411;text-align:right}.product-card h3{margin:17px 0 8px;font:800 1.03rem/1.25 Montserrat;color:#28251f}.product-card>p{margin:0 0 14px;color:#625d52;line-height:1.55;font-size:.9rem}.product-card details{margin-top:auto;border-top:1px solid #d9cfb9;padding-top:12px}.product-card summary{cursor:pointer;color:#8d6410;font-weight:900}.product-card ul{margin:11px 0 0;padding-left:20px;color:#5c574e;line-height:1.55;font-size:.86rem}.product-card li+li{margin-top:5px}.product-cta{display:block;margin-top:16px;padding:12px 10px;border-radius:11px;background:#171611;color:var(--gold);text-decoration:none;text-align:center;font-weight:900;font-size:.85rem}.medical-grid .product-icon{background:#8a171d;color:#fff}
.two-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr}.category-nav{top:6px}.category-nav a{padding:8px 5px;font-size:.72rem}.awareness-intro{padding:20px 18px}.awareness-intro h3{font-size:1.08rem}.awareness-intro ul{grid-template-columns:1fr}.product-card{padding:18px}.product-card>p{font-size:1rem}.product-card ul{font-size:.94rem}}
.consultation-section{scroll-margin-top:90px}.form-lead{margin:-8px 0 20px;color:#d7d1c4;line-height:1.6}.consultation-form{padding:24px;border-radius:22px;background:#f7f5f0;color:#2c2a25;box-shadow:0 18px 46px rgba(0,0,0,.28)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.consultation-form label>span,.consultation-form legend{display:block;margin-bottom:8px;color:#39362f;font-weight:900}.consultation-form input,.consultation-form select,.consultation-form textarea{width:100%;min-height:50px;padding:13px 14px;border:1px solid #d7d1c5;border-radius:12px;background:#fff;color:#25231f;font:600 1rem "DM Sans",sans-serif}.consultation-form textarea{resize:vertical}.consultation-form input:focus,.consultation-form select:focus,.consultation-form textarea:focus{outline:3px solid rgba(243,198,47,.32);border-color:#b98717}.consultation-form fieldset{display:flex;flex-wrap:wrap;gap:14px 22px;margin:20px 0;padding:0;border:0}.consultation-form fieldset legend{width:100%}.consultation-form .radio-option{display:flex;align-items:center;gap:9px;font-weight:700}.consultation-form .radio-option input{width:20px;min-height:20px;margin:0;accent-color:#1ca64c}.consultation-form small{font-weight:600;color:#777166}.form-privacy{font-size:.82rem;line-height:1.5;color:#6b665d}.whatsapp-submit{width:100%;min-height:54px;margin-top:6px;border:0;border-radius:13px;background:#25d366;color:#fff;font:900 1rem "DM Sans",sans-serif;cursor:pointer;box-shadow:0 10px 22px rgba(37,211,102,.24)}.whatsapp-submit:hover{background:#1fbd5a}.floating-whatsapp{position:fixed;right:max(18px,calc((100vw - 880px)/2 + 18px));bottom:20px;z-index:8;display:flex;align-items:center;gap:9px;padding:8px 8px 8px 14px;border-radius:999px;background:#25d366;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.34);animation:floating-pulse 1.65s ease-out 3}.floating-whatsapp b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#168c3f;font-size:.78rem}.floating-whatsapp span{font-size:.88rem}@keyframes floating-pulse{0%{transform:scale(1);box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 0 0 rgba(37,211,102,.5)}45%{transform:scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 0 13px rgba(37,211,102,0)}100%{transform:scale(1);box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:650px){.form-grid{grid-template-columns:1fr}.consultation-form{padding:20px 16px}.floating-whatsapp{right:14px;bottom:14px}.floating-whatsapp span{display:none}.floating-whatsapp{padding:7px}}@media(prefers-reduced-motion:reduce){.floating-whatsapp{animation:none}}
.floating-whatsapp{right:max(18px,calc((100vw - 880px)/2 + 18px));bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:50%;color:#fff}.floating-whatsapp:hover{background:#1fbd5a;transform:translateY(-2px)}.floating-whatsapp svg{width:34px;height:34px;fill:currentColor}@media(max-width:650px){.floating-whatsapp{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:0}}
.aspirasi-awareness:before{background:#8d67d8}.aspirasi-awareness>span{color:#b99cf2}.aspirasi-product{border-color:#8d67d8!important}.aspirasi-product .product-icon{background:#5f3d9d;color:#fff}