:root{--ink:#10221d;--gold:#d9ad53;--light:#f7dd9b;--cream:#f4f0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav-wrap{position:absolute;z-index:2;top:0;left:0;right:0;height:92px;padding:0 clamp(25px,5.8vw,90px);display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:1.6px}.brand b{color:var(--gold)}.brand-mark{border:1px solid var(--gold);color:var(--gold);width:31px;height:31px;display:grid;place-items:center;font-family:Georgia;font-size:19px;letter-spacing:0}nav{display:flex;gap:34px;margin-left:12%}nav a{font-size:12px;color:#e4e6e3;text-decoration:none}.nav-cta{font-size:12px;color:#fff;text-decoration:none;border-bottom:1px solid #728179;padding:7px 0}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:23px}.hero{background:var(--ink);min-height:710px;padding:173px clamp(25px,11vw,170px) 72px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;color:#fff}.hero:after{content:"";position:absolute;width:65vw;height:65vw;border-radius:50%;border:1px solid #dcae531f;right:-32vw;top:-25vw}.hero-copy,.hero-art{position:relative;z-index:1}.eyebrow{margin:0 0 22px;display:flex;align-items:center;gap:10px;text-transform:uppercase;color:#d5b66e;font:500 10px 'DM Mono',monospace;letter-spacing:1.8px}.eyebrow span{width:29px;height:1px;background:#d5b66e}.eyebrow.dark{color:#9a762c}.eyebrow.dark span{background:#9a762c}h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-2.8px;font-weight:600;margin:0;line-height:1.04}h1{font-size:clamp(51px,5vw,78px)}h1 em,h2 em{font-weight:600;color:var(--light)}.hero-text{max-width:405px;margin:27px 0 33px;color:#bdc6c0;line-height:1.85;font-size:14px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-block;text-decoration:none;padding:15px 20px;font-size:12px;font-weight:700}.button-gold{background:var(--gold);color:var(--ink)}.button span{margin-left:13px;font-size:17px}.text-link{font-size:12px;color:#fff;text-decoration:none;font-weight:700}.text-link span{margin-left:8px;font-size:16px}.hero-art{min-height:406px}.orb{position:absolute;border-radius:50%}.orb-one{width:405px;height:405px;background:#24483d;right:2%;top:-30px}.orb-two{width:250px;height:250px;background:#d6a948;opacity:.16;right:28%;top:70px}.gold-card{position:absolute;background:linear-gradient(130deg,#b8852c,#ffe8a2 35%,#c58d29 65%,#f5ce6c);color:#765111;box-shadow:17px 25px 48px #060e0b8a;border:1px solid #ffe7a6}.back-card{width:196px;height:288px;right:8%;top:47px;transform:rotate(18deg);padding:25px;font:700 26px Georgia;line-height:.88;opacity:.8}.back-card span{font:12px monospace;display:block;margin-top:20px}.front-card{width:230px;height:335px;right:24%;top:20px;transform:rotate(-8deg);padding:25px}.front-card small{font:700 10px Manrope;letter-spacing:2px}.front-card strong{display:block;font:700 45px Georgia;line-height:.84;margin-top:53px}.front-card i{font:12px monospace;font-style:normal;display:block;margin-top:10px}.front-card b{font:700 9px Manrope;letter-spacing:1px;position:absolute;bottom:24px}.stamp{position:absolute;right:21px;bottom:20px;width:36px;height:36px;border:1px solid #936420;border-radius:50%;display:grid;place-items:center;font:22px Georgia}.weight-tag{position:absolute;bottom:1px;left:9%;z-index:2;background:#e7c66f;color:#523e15;padding:14px 18px;font:10px monospace;line-height:1.45;box-shadow:8px 8px 20px #07150f50}.weight-tag span{float:left;font-size:22px;margin:4px 9px 0 0}.weight-tag b{font-size:14px}.scroll-note{position:absolute;bottom:33px;left:clamp(25px,5.8vw,90px);font:9px monospace;letter-spacing:1px;color:#99a49e;display:flex;gap:11px;align-items:center}.scroll-note span{height:1px;width:45px;background:#718079}.trust-strip{min-height:89px;background:#d7b25d;display:flex;align-items:center;justify-content:center;gap:28px;padding:20px;color:#182c25;font:500 10px monospace;letter-spacing:1.7px}.trust-strip div{height:1px;width:52px;background:#6f5b2a}.section{padding:112px clamp(25px,11vw,170px)}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.about h2,.services h2,.process h2{font-size:clamp(39px,4.1vw,59px);color:#1a3029}.about h2 em,.process h2 em{color:#b58b37}.about-content{padding-top:42px;max-width:440px}.about-content p{font-size:13px;line-height:1.95;color:#59665f}.about-content .lead{font-size:18px;line-height:1.65;color:#263b33;margin-top:0}.dark-link{display:inline-block;margin-top:12px;color:#213a30;border-bottom:1px solid #b4b5aa;padding-bottom:7px}.services{background:var(--ink);color:#fff}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px}.services h2{color:#fff}.services h2 em{color:var(--light)}.section-top>p{color:#b7c0ba;width:235px;font-size:12px;line-height:1.8;margin:0 8% 4px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #40534c}.service-grid article{padding:26px 30px 28px;border-right:1px solid #40534c;min-height:292px;position:relative}.service-grid article:first-child{border-left:1px solid #40534c}.service-grid .featured{background:#234037}.number{font:10px monospace;color:#b7bdba}.service-icon{font-size:37px;color:var(--gold);margin:32px 0 17px}.service-grid h3,.steps h3{font:600 21px Georgia;margin:0 0 8px}.service-grid p{font-size:12px;color:#bac3bd;line-height:1.7;max-width:230px}.service-grid a{position:absolute;bottom:26px;font-size:11px;text-decoration:none;color:#f6d881;font-weight:700}.process{background:#e8e4da;display:grid;grid-template-columns:1fr 1.05fr;gap:100px}.steps{padding-top:21px}.steps article{padding:21px 0;border-top:1px solid #c9c8bd;display:grid;grid-template-columns:45px 1fr;column-gap:15px}.steps article:last-child{border-bottom:1px solid #c9c8bd}.steps span{grid-row:span 2;font:11px monospace;color:#a77b25}.steps h3{font-size:19px}.steps p{font-size:12px;color:#67716c;margin:0;line-height:1.75}.cta{min-height:480px;background:#1a332b;color:#fff;text-align:center;padding:104px 20px 36px;position:relative;overflow:hidden}.cta:before,.cta:after{content:"";position:absolute;border:1px solid #4a6359;width:500px;height:500px;border-radius:50%;top:-240px}.cta:before{left:-300px}.cta:after{right:-300px}.cta .eyebrow{justify-content:center;position:relative;z-index:1}.cta h2{font-size:clamp(39px,4.1vw,59px);position:relative;z-index:1;margin-bottom:31px}.cta .button{position:relative;z-index:1}.cta-foot{position:absolute;bottom:21px;left:0;right:0;color:#8a9d93;font:9px monospace;letter-spacing:1.5px}.spark{color:#e5c366;font-size:38px;position:absolute;top:35px;left:50%;transform:translateX(-50%)}footer{background:#0d1e19;color:#aeb9b3;min-height:92px;padding:0 clamp(25px,5.8vw,90px);display:flex;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:10px;color:#aeb9b3;text-decoration:none}footer .brand{color:#fff}
@media(max-width:760px){.nav-wrap{height:70px;padding:0 22px}nav,.nav-cta{display:none}.menu-toggle{display:block}nav.is-open{display:flex;position:absolute;top:69px;left:0;right:0;margin:0;background:#19342c;padding:18px 25px;flex-direction:column;gap:17px}.hero{min-height:760px;display:block;padding:125px 25px 70px}.hero-art{height:330px;min-height:0;margin-top:25px}.orb-one{width:290px;height:290px;right:-20px;top:0}.front-card{width:180px;height:262px;right:19%;top:16px;padding:19px}.front-card strong{font-size:36px;margin-top:37px}.back-card{width:154px;height:223px;right:0;top:43px;font-size:20px}.weight-tag{left:3%;bottom:5px}.scroll-note{display:none}.trust-strip{gap:10px;text-align:center;font-size:8px;padding:15px}.trust-strip div{width:25px}.section{padding:75px 25px}.about,.process{grid-template-columns:1fr;gap:28px}.about-content{padding:0}.section-top{display:block}.section-top>p{margin:21px 0 0}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:first-child{border-left:1px solid #40534c;min-height:240px}.service-grid article:last-child{border-bottom:1px solid #40534c}.process{gap:22px}.cta{min-height:420px;padding-top:93px}footer{padding:22px;display:block;text-align:center}footer .brand{justify-content:center}footer p{margin:15px 0}footer>a:last-child{display:none}}
.brand-logo{width:32px;height:32px;object-fit:contain;object-position:top}.gold-image{position:absolute;object-fit:contain;filter:drop-shadow(16px 24px 25px #06110db5)}.gold-classic{height:365px;right:19%;top:11px;z-index:2;transform:rotate(-7deg)}.gold-heritage{height:294px;right:0;top:52px;opacity:.85;transform:rotate(13deg)}.collections{background:#f0ede4;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.collection-intro h2{font-size:clamp(39px,4.1vw,59px);color:#1a3029}.collection-intro h2 em{color:#b58b37}.collection-intro>p:last-child{font-size:13px;color:#59665f;line-height:1.8;max-width:300px;margin-top:25px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-pair article{background:#fff;padding:13px 13px 21px}.product-image{height:300px;background:radial-gradient(circle at 50% 34%,#eec869,#6d440c);overflow:hidden;display:grid;place-items:center}.product-image img{height:112%;max-width:130%;object-fit:contain;filter:drop-shadow(5px 12px 10px #2c1b077d)}.product-pair p{color:#a77b25;font:10px monospace;letter-spacing:1px;margin:18px 0 8px}.product-pair h3{font:600 22px Georgia;margin:0;color:#1a3029}.product-pair span{font-size:11px;color:#758078}@media(max-width:760px){.brand-logo{width:27px;height:27px}.gold-classic{height:275px;right:15%;top:8px}.gold-heritage{height:224px;right:-3%;top:48px}.collections{grid-template-columns:1fr;gap:28px}.product-image{height:220px}.product-pair{gap:9px}.product-pair article{padding:8px 8px 17px}.product-pair h3{font-size:18px}.product-pair span{font-size:9px}}
.brand-copy{display:flex;flex-direction:column;gap:1px;line-height:1}.brand-copy b{font-size:17px;letter-spacing:2.3px}.brand-copy small{font-size:6px;color:#d8b663;letter-spacing:.8px;font-weight:700}.gold-heritage{background:#fff;border-radius:7px;padding:4px;object-position:center}.product-original{background:#fff}.product-original img{height:100%;max-width:100%;filter:none}@media(max-width:760px){.brand-copy b{font-size:14px}.brand-copy small{font-size:5px}}
.maskita{background:linear-gradient(120deg,#f8df56,#d4a415);padding:94px clamp(25px,11vw,170px);display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:center;overflow:hidden}.maskita-content{max-width:580px}.maskita h2{font-size:clamp(40px,4.1vw,59px);color:#183d34;margin:19px 0}.maskita h2 em{color:#805e13}.maskita-content>p:not(.eyebrow){color:#245046;font-size:14px;line-height:1.8;max-width:530px}.maskita-brand{display:flex;align-items:center;gap:12px;color:#164237}.maskita-brand small{display:block;font:600 9px monospace;letter-spacing:1.8px}.maskita-brand strong{font-size:30px;letter-spacing:2px}.maskita-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;color:#c99818;font:700 37px Georgia}.maskita-features{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0}.maskita-features span{font-size:11px;font-weight:700;color:#25463c}.button-dark{background:#173d33;color:#fff}.maskita-visual{position:relative;justify-self:center;width:min(100%,360px)}.maskita-visual>img{width:100%;display:block;border-radius:23px;box-shadow:19px 25px 38px #795b1660}.app-badge{position:absolute;bottom:-21px;left:-48px;background:#fff;padding:13px 20px 13px 13px;box-shadow:7px 12px 22px #8e691a4f;display:grid;grid-template-columns:35px auto;column-gap:10px;align-items:center;color:#204438}.app-badge span{grid-row:span 2;background:linear-gradient(135deg,#d4a415,#ffdc31);color:white;border-radius:8px;padding:5px 9px;font:700 22px Georgia}.app-badge b{font-size:14px;letter-spacing:1px}.app-badge small{font-size:8px;color:#718077}@media(max-width:760px){.maskita{padding:70px 25px 90px;grid-template-columns:1fr;gap:48px}.maskita-visual{width:min(100%,310px)}.app-badge{left:-10px}.maskita-brand strong{font-size:27px}}
.brand-full .brand-logo{width:180px;height:58px;object-position:center}.gold-heritage{background:none;border-radius:0;padding:0}.product-dark{background:#4d2b05}.product-dark img{height:100%;max-width:100%;filter:none}.maskita-visual{height:530px}.phone-window{position:absolute;right:0;top:0;width:300px;height:500px;overflow:hidden;border-radius:34px;box-shadow:19px 25px 38px #795b1660;background:#1a1a1a}.phone-window img{position:absolute;width:600px;max-width:none;left:-240px;top:-330px}.qr-card{position:absolute;z-index:2;bottom:16px;left:-96px;display:flex;align-items:center;gap:12px;background:#fff;padding:12px;box-shadow:7px 12px 22px #8e691a4f}.qr-window{width:120px;height:120px;overflow:hidden;position:relative;border:4px solid #fff}.qr-window img{position:absolute;width:600px;max-width:none;left:-89px;top:-509px}.qr-card p{margin:0;color:#245046;font:600 11px/1.5 Manrope}.qr-card b{font-size:13px}.app-badge{bottom:-5px;left:84px}@media(max-width:760px){.brand-full .brand-logo{width:137px;height:45px}.maskita-visual{height:486px}.phone-window{width:265px;height:444px}.phone-window img{width:540px;left:-216px;top:-300px}.qr-card{left:-8px;bottom:3px;transform:scale(.86);transform-origin:left bottom}.app-badge{left:135px;bottom:-5px}.gold-heritage{background:none}}
.nav-wrap .brand-full .brand-logo,footer .brand-full .brand-logo{filter:brightness(0) invert(1);width:172px;height:55px}.phone-window{background:transparent;box-shadow:none;overflow:visible;border-radius:0}.phone-window img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}.qr-window{border:0}.qr-window img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}@media(max-width:760px){.nav-wrap .brand-full .brand-logo,footer .brand-full .brand-logo{width:133px;height:43px}.phone-window img{width:100%;height:100%;object-fit:contain}}
.maskita-brand{width:190px;height:74px;margin-bottom:16px}.maskita-brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.phone-window{background:#fff;border:8px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 45px #80580d73}.phone-window img{mix-blend-mode:normal}.qr-card{bottom:0;left:-62px;padding:15px 19px 15px 15px;border-radius:20px;gap:15px;box-shadow:0 14px 30px #825d174d;border:1px solid #ffffffaa}.qr-window{width:132px;height:132px;border-radius:12px;background:#fff;padding:5px;box-shadow:inset 0 0 0 1px #e6e4dc}.qr-window img{border-radius:7px}.qr-card p{font-size:12px;line-height:1.6}.qr-card b{font-size:14px}.maskita-visual{height:545px}.nav-wrap .brand-full .brand-logo,footer .brand-full .brand-logo{filter:sepia(1) saturate(1.8) hue-rotate(350deg) brightness(1.25) contrast(.9)}@media(max-width:760px){.maskita-brand{width:160px;height:63px}.qr-card{left:0;bottom:0;transform:scale(.82);transform-origin:left bottom}.maskita-visual{height:500px}.phone-window{border-width:6px}}

/* Identitas MBC dan area MASKITA */
.nav-wrap .brand-full{padding:8px 13px;background:#fff;border-radius:4px;box-shadow:0 8px 24px #07130f66}.nav-wrap .brand-full .brand-logo{display:block;width:184px;height:56px;object-fit:contain;filter:none}footer .brand-full .brand-logo{display:block;width:172px;height:55px;object-fit:contain;filter:none}
.maskita{position:relative;isolation:isolate;background:linear-gradient(125deg,#f8e56b 0%,#e4bc34 48%,#b98112 100%);padding-top:108px;padding-bottom:108px}.maskita:before{content:"";position:absolute;z-index:-1;width:510px;height:510px;border:1px solid #fff8bf75;border-radius:50%;right:-155px;top:-180px}.maskita:after{content:"";position:absolute;z-index:-1;width:370px;height:370px;background:#fff4ad38;border-radius:50%;left:39%;bottom:-260px;filter:blur(3px)}.maskita-brand{width:205px;height:82px;margin-bottom:19px;padding:7px 13px;background:#fffdf3;border-radius:14px;box-shadow:0 12px 28px #805d1440}.maskita h2{font-size:clamp(43px,4.4vw,64px);max-width:590px}.maskita-content>p:not(.eyebrow){font-size:14px;line-height:1.9}.maskita-features{margin:30px 0}.maskita-features span{background:#ffffff55;border:1px solid #fff9c8a6;border-radius:999px;padding:9px 12px}.button-dark{padding:16px 22px;box-shadow:0 10px 20px #6e4c0f3d}
.maskita-visual{position:relative;justify-self:center;width:min(100%,525px);height:610px;display:flex;justify-content:flex-end;align-items:center}.phone-window{position:relative;z-index:2;right:auto;top:auto;width:min(100%,505px);height:auto;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.phone-window img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 26px 20px #69470655)}.maskita-glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none}.glow-one{width:330px;height:330px;right:54px;top:72px;background:#fff8c15c}.glow-two{width:240px;height:240px;right:5px;bottom:39px;border:1px solid #fff8c68a}.qr-card{position:absolute;z-index:3;bottom:10px;left:-35px;display:flex;align-items:center;gap:13px;background:#fffdf6;padding:11px 17px 11px 11px;border-radius:18px;box-shadow:0 16px 34px #79541545;border:1px solid #ffffffcc}.qr-window{width:83px;height:83px;overflow:hidden;position:relative;border:0;border-radius:10px;background:#fff;padding:3px;box-shadow:inset 0 0 0 1px #e6e1d2}.qr-window img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:6px}.qr-card p{margin:0;color:#245046;font:600 11px/1.55 Manrope}.qr-card b{font-size:13px}.maskita-note{position:absolute;z-index:3;right:-21px;top:47px;display:flex;align-items:center;gap:9px;padding:11px 14px;background:#173d33;color:#fff7ca;border:1px solid #f9dc6b88;border-radius:14px;box-shadow:0 12px 25px #77531245;transform:rotate(4deg)}.maskita-note span{font-size:18px;color:#f5d259}.maskita-note p{margin:0;font:500 10px/1.45 Manrope}.maskita-note b{font-size:11px;letter-spacing:.3px}
@media(max-width:760px){.nav-wrap .brand-full{padding:6px 9px}.nav-wrap .brand-full .brand-logo{width:145px;height:43px}footer .brand-full .brand-logo{width:145px;height:44px}.maskita{padding:76px 25px 84px}.maskita-brand{width:178px;height:71px}.maskita-visual{width:min(100%,430px);height:500px;margin-top:2px}.phone-window{width:390px;max-width:100%}.glow-one{width:260px;height:260px;right:20px;top:50px}.glow-two{width:180px;height:180px;right:-20px;bottom:45px}.qr-card{left:-4px;bottom:0;transform:scale(.86);transform-origin:left bottom}.maskita-note{right:-3px;top:38px;transform:scale(.86) rotate(4deg);transform-origin:right top}}

/* Penyempurnaan tampilan identitas dan koleksi */
.nav-wrap .brand-full{padding:0;background:transparent;border-radius:0;box-shadow:none}.nav-wrap .brand-full .brand-logo{width:185px;height:58px;mix-blend-mode:multiply;filter:none}.nav-wrap .brand-full:hover .brand-logo{opacity:.9}footer .brand-full .brand-logo{width:165px;height:52px;mix-blend-mode:multiply;filter:none}
.maskita-brand{width:132px;height:68px;margin:0 0 15px;padding:0;background:transparent;border-radius:0;box-shadow:none}.maskita-brand img{object-fit:contain;mix-blend-mode:multiply}
.product-pair{gap:20px}.product-pair article{padding:13px;background:#fffdf8;border:1px solid #e5ddcc;box-shadow:0 15px 30px #4d37110d;transition:transform .25s ease,box-shadow .25s ease}.product-pair article:hover{transform:translateY(-5px);box-shadow:0 20px 35px #4d371125}.product-image{height:285px;padding:14px;background:linear-gradient(145deg,#6e4108,#c58a1b 48%,#4d2b05);border:1px solid #d8ad50;display:grid;place-items:center}.product-image.product-dark{background:linear-gradient(145deg,#241606,#68400b 52%,#2d1b06)}.product-image img,.product-dark img{width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #170c0255)}.product-pair p{margin:16px 0 7px;color:#a77b25}.product-pair h3{font-size:23px}.product-pair span{display:block;padding-bottom:2px}
.weight-tag{bottom:25px;left:4%;display:flex;align-items:center;gap:9px;padding:10px 14px;background:#e7c66f;color:#523e15;border:1px solid #ffe7a6;box-shadow:0 10px 22px #07150f45}.weight-tag span{float:none;margin:0;font-size:17px}.weight-tag b{font-size:13px}
@media(max-width:760px){.nav-wrap .brand-full .brand-logo{width:142px;height:44px}.maskita-brand{width:116px;height:61px}.product-pair{gap:10px}.product-pair article{padding:8px}.product-image{height:205px;padding:8px}.product-pair h3{font-size:18px}.weight-tag{bottom:8px;left:3%;padding:8px 10px}}

/* Logo MASKITA putih dalam ukuran ringkas */
.maskita-brand{width:154px;height:68px;padding:4px;background:#fffdf8;border-radius:12px;box-shadow:0 9px 20px #805d1438;display:grid;place-items:center}.maskita-brand img{width:60px;height:60px;display:block;object-fit:contain;mix-blend-mode:normal}@media(max-width:760px){.maskita-brand{width:132px;height:59px;border-radius:10px}.maskita-brand img{width:52px;height:52px}}

/* Informasi pemesanan dan affiliate */
.order-info{background:#f1eee5;display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}.order-heading h2,.affiliate h2{font-size:clamp(39px,4.1vw,59px);color:#1a3029;margin-bottom:22px}.order-heading h2 em{color:#b58b37}.order-heading>p:not(.eyebrow){max-width:365px;color:#59665f;font-size:13px;line-height:1.85;margin:0 0 27px}.order-card{padding:35px;background:#173d33;color:#fff;border-radius:3px;box-shadow:18px 21px 38px #10221d23}.card-label{margin:0 0 17px;color:#efce73;font:500 10px 'DM Mono',monospace;letter-spacing:1.6px}.grams{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.grams span{padding:11px 8px;background:#244c40;border:1px solid #426a5d;color:#fff8df;text-align:center;font-size:12px;font-weight:700}.order-divider{height:1px;background:#527264;margin:30px 0}.order-days{font:600 15px Georgia;margin:0 0 16px}.schedule{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule div{padding:15px;background:#f1d26e;color:#19372d}.schedule b{display:block;font:700 20px Georgia}.schedule small{display:block;margin-top:5px;font-size:10px;line-height:1.4}.affiliate{background:#10221d;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.affiliate h2{color:#fff}.affiliate h2 em{color:#f0cf76}.affiliate-copy>p:not(.eyebrow){color:#b5c1bb;font-size:13px;line-height:1.85;max-width:310px}.affiliate-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3d554b}.affiliate-grid article{min-height:242px;padding:23px 21px;border-right:1px solid #3d554b}.affiliate-grid article:first-child{border-left:1px solid #3d554b}.affiliate-grid span{color:#edcd72;font:11px 'DM Mono',monospace}.affiliate-grid h3{font:600 20px Georgia;margin:31px 0 11px}.affiliate-grid p{margin:0;color:#b5c1bb;font-size:11px;line-height:1.75}
@media(max-width:760px){.order-info,.affiliate{grid-template-columns:1fr;gap:34px}.order-card{padding:25px 18px}.grams{grid-template-columns:repeat(2,1fr)}.schedule,.affiliate-grid{grid-template-columns:1fr}.affiliate-grid article,.affiliate-grid article:first-child{border-left:1px solid #3d554b;min-height:0}.affiliate-grid article:last-child{border-bottom:1px solid #3d554b}.affiliate-grid h3{margin:18px 0 8px}}

/* Hierarki teks yang lebih nyaman dibaca */
body{font-size:16px}.hero-text,.about-content p,.collection-intro>p:last-child,.maskita-content>p:not(.eyebrow),.order-heading>p:not(.eyebrow),.affiliate-copy>p:not(.eyebrow){font-size:1rem}.section-top>p{font-size:14px}.service-grid p,.steps p{font-size:14px}.product-pair span,.qr-card p,.schedule small,.affiliate-grid p,footer p,footer>a:last-child{font-size:12px}.eyebrow,.number,.card-label{font-size:12px}.button{border-radius:6px}.nav-cta{border-radius:5px}
@media(max-width:760px){body{font-size:16px}.hero-text,.about-content p,.collection-intro>p:last-child,.maskita-content>p:not(.eyebrow),.order-heading>p:not(.eyebrow),.affiliate-copy>p:not(.eyebrow){font-size:16px}.eyebrow,.number,.card-label{font-size:11px}}

.trust-strip{font-size:14px;letter-spacing:1.5px;font-weight:600}.trust-strip p{margin:0}@media(max-width:760px){.trust-strip{font-size:11px;letter-spacing:1px;line-height:1.45}}

.button{padding:17px 25px;font-size:15px;line-height:1.2}.button span{margin-left:15px;font-size:19px}@media(max-width:760px){.button{padding:15px 20px;font-size:14px}.button span{font-size:17px}}

/* Logo footer tetap terang di atas latar gelap */
footer .brand-full .brand-logo{mix-blend-mode:normal;filter:none}

/* Navigasi header yang lebih mudah dibaca */
nav{gap:38px}nav a{position:relative;padding:12px 0;color:#f4f1e7;font-size:14px;font-weight:600;letter-spacing:.15px;transition:color .22s ease}nav a:after{content:"";position:absolute;right:0;bottom:5px;left:0;height:2px;background:#e8c66e;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}nav a:hover,nav a:focus-visible{color:#f5d980}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav-cta{font-size:13px;font-weight:700;border:1px solid #8f9b91;padding:10px 14px;transition:background .22s ease,border-color .22s ease,color .22s ease}.nav-cta:hover,.nav-cta:focus-visible{background:#e8c66e;border-color:#e8c66e;color:#10221d}@media(max-width:760px){nav a{font-size:14px;padding:3px 0}nav a:after{bottom:-2px}}