:root{--navy:#08275e;--blue:#0874d7;--cyan:#23b8d5;--pink:#d41470;--green:#13966d;--ink:#14264b;--muted:#64728b;--pale:#f1f8ff;--line:#e5edf7;--shadow:0 20px 60px rgba(10,47,100,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topline{background:#08275e;color:#dcecff;font-size:12px;letter-spacing:.04em}.topinner{height:34px;display:flex;align-items:center;justify-content:space-between}.topright{color:#fff;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.topright i{color:#f0d84e;font-style:normal;margin:0 7px}.header{height:82px;background:rgba(255,255,255,.95);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(12,48,98,.08);backdrop-filter:blur(14px)}.navwrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:flex;align-items:center;gap:10px}.brand img{width:54px;height:54px;object-fit:contain}.brandtext b{font:800 21px Manrope,sans-serif;letter-spacing:-1px;color:#0b397d}.brandtext b span{color:var(--pink)}.brandtext small,.footer-brand small{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#53617a;margin-top:2px}.nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:#344565}.nav a:not(.navcta):hover{color:var(--blue)}.navcta{padding:13px 18px;border-radius:30px;background:var(--pink);color:#fff;box-shadow:0 8px 20px #d4147030}.navcta span{margin-left:8px}.menubtn{display:none;border:0;background:none;font-size:26px;color:var(--navy)}.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#eaf8ff 0%,#f6fbff 47%,#d9f4fa 100%);padding:88px 0 105px;min-height:620px}.hero:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,#b8eff8 0%,rgba(195,241,255,0) 70%);right:-180px;top:-140px}.hero-glow{position:absolute;inset:0;background-image:radial-gradient(#83cce8 1px,transparent 1px);background-size:24px 24px;opacity:.18;mask-image:linear-gradient(90deg,transparent,black)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#0877c9;margin-bottom:19px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16b887;box-shadow:0 0 0 5px #16b88722;margin-right:8px}.hero h1,.section h2,.workflow h2,.poster-section h2,.pricing h2,.contact h2{font:800 clamp(42px,5.4vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;color:var(--navy);margin:0}.hero h1 em,.section h2 em,.workflow h2 em,.poster-section h2 em,.pricing h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.hero h1 span{color:var(--pink)}.lead{font-size:17px;line-height:1.8;color:#526783;max-width:530px;margin:25px 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:16px 22px;border-radius:9px;font-size:13px;font-weight:800;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#0875d7,#0751ac);color:white;box-shadow:0 12px 25px #076bc538}.btn-primary b{font-size:18px}.btn-ghost{border:1px solid #c7d9eb;color:#29446c;background:#ffffffa6}.play{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e6f4ff;color:var(--blue);font-size:9px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:42px;color:#24456f}.proof-icon{width:33px;height:33px;border-radius:50%;background:#d8f5eb;color:#0b9b70;display:grid;place-items:center;font-weight:900}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:11px}.hero-proof small{font-size:10px;color:#72839a;margin-top:3px}.proof-divider{height:32px;width:1px;background:#cbd9e8;margin:0 7px}.hero-visual{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;border:1px solid #7cc8e7;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:440px;height:300px}.orbit-two{width:520px;height:360px;border-style:dashed;opacity:.55}.card-laptop{width:370px;height:265px;background:#14284c;border:8px solid #182c4b;border-bottom-width:13px;border-radius:14px;box-shadow:0 25px 45px #0a35602e;position:relative;z-index:2;transform:rotate(-5deg);padding:0 13px}.screenbar{height:22px;display:flex;align-items:center;gap:4px;color:#a9c8eb;font-size:8px}.screenbar i{width:5px;height:5px;border-radius:50%;background:#f4a1a7}.screenbar i:nth-child(2){background:#f7d56b}.screenbar i:nth-child(3){background:#6bd2a5}.screenbar span{margin-left:auto}.screen-content{height:207px;border-radius:4px;background:linear-gradient(135deg,#f9fcff,#e8f5ff);display:flex;flex-direction:column;align-items:center;padding:13px}.screen-logo{font-size:30px}.screen-content>b{font:800 15px Manrope;color:#123d7a}.screen-content>small{font-size:8px;color:#71839b;margin:3px 0 12px}.fake-input{width:65%;padding:7px 9px;border:1px solid #d6e3ef;border-radius:4px;margin:3px;color:#93a2b4;font-size:8px;background:white}.fake-login{width:65%;text-align:center;padding:7px;background:#0874d7;color:white;font-size:8px;border-radius:4px;margin-top:5px}.screen-foot{font-size:8px;color:#0d4e90;margin-top:8px}.keyboard{position:absolute;bottom:-27px;left:-36px;width:430px;height:25px;background:linear-gradient(#aebdcd,#e8edf3);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:0 0 10px 10px}.phone{position:absolute;z-index:4;width:125px;height:235px;background:#13274b;border:6px solid #152b4f;border-radius:22px;right:4%;bottom:27px;transform:rotate(8deg);box-shadow:0 20px 35px #09264b40;padding:15px 8px 8px;color:#193c70}.phone-notch{position:absolute;top:3px;left:39px;width:38px;height:7px;border-radius:8px;background:#07152c}.phone-head{font-size:9px;font-weight:800;text-align:center;margin:6px 0 13px;color:#fff}.phone-row{height:30px;border-radius:5px;background:#f4f8fc;margin:5px 0;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;padding:4px}.mini{width:19px;height:19px;border-radius:5px;color:white;display:grid;place-items:center}.blue{background:#1487dc}.green{background:#14a77d}.pink{background:#d71c72}.orange{background:#efa51d}.purple{background:#7436b8}.phone-bottom{height:4px;width:38px;border-radius:4px;background:#8da4bf;margin:8px auto}.float-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:12px;background:#fff;box-shadow:var(--shadow);font-size:20px;color:var(--blue)}.float-tag span b,.float-tag span small{display:block}.float-tag span b{font-size:10px;color:#18345d}.float-tag span small{font-size:9px;color:#8090a5;margin-top:3px}.tag-a{top:37px;right:0}.tag-b{bottom:20px;left:2px;color:#13a77d}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:34px;background:white;clip-path:polygon(0 60%,12% 30%,25% 65%,40% 25%,55% 65%,72% 20%,87% 60%,100% 25%,100% 100%,0 100%)}.quickstats{border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.stats-grid>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid strong{font:800 22px Manrope;color:#0c78ce}.stats-grid span{font-size:12px;font-weight:700;color:#445a7b}.section{padding:100px 0}.section-head{max-width:630px;margin-bottom:45px}.section-head h2,.poster-section h2{font-size:clamp(36px,4vw,49px)}.section-head p,.poster-section p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:27px 25px;border:1px solid #e6edf6;border-radius:15px;background:#fff;box-shadow:0 8px 30px #1a45730a;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:white;font-size:27px;font-weight:700;margin-bottom:20px}.feature-icon.blue,.link-icon.blue{background:#1384d9}.feature-icon.green,.link-icon.green{background:#13a27c}.feature-icon.pink{background:#d51b70}.feature-icon.orange{background:#f0a31b}.feature-icon.purple,.link-icon.purple{background:#7436b8}.feature-card h3{font:800 17px Manrope;margin:0 0 10px;color:#122d58}.feature-card p{font-size:12px;line-height:1.7;color:#74839a;min-height:42px;margin:0}.feature-card ul{list-style:none;padding:15px 0 0;margin:15px 0 0;border-top:1px solid #edf1f6}.feature-card li{font-size:11px;color:#536681;margin:9px 0;padding-left:17px;position:relative}.feature-card li:before{content:'✓';position:absolute;left:0;color:#10a77c;font-weight:900}.workflow{padding:90px 0;background:linear-gradient(120deg,#092a63,#0754a5);color:#fff;overflow:hidden}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow.light{color:#83d7f3}.workflow h2,.pricing h2,.contact h2{color:white;font-size:clamp(38px,4.4vw,55px)}.workflow h2 em,.pricing h2 em,.contact h2 em{color:#62d7e9}.workflow-copy>p,.pricing-wrap>div:first-child>p,.contact-grid>div:first-child>p{color:#c2d9f1;line-height:1.8;font-size:14px;max-width:470px;margin:20px 0 30px}.steps{display:grid;gap:18px}.step{display:flex;gap:15px;align-items:center}.step>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff1b;border:1px solid #8ac9ee;color:#8ce6f2}.step strong,.step small{display:block}.step strong{font-size:13px}.step small{font-size:11px;color:#b6cde7;margin-top:4px}.workflow-art{height:340px;position:relative;display:grid;place-items:center}.flow-circle{width:290px;height:290px;border:1px solid #64b9e4;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#1b6db0,#0b3d7e 70%);box-shadow:0 0 0 25px #ffffff08,0 0 0 55px #ffffff05}.book-stack{position:absolute;left:28px;top:85px;transform:rotate(-10deg);z-index:2}.book{width:115px;height:28px;border-radius:5px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;padding-left:13px;margin:3px 0;box-shadow:0 5px 10px #001a3a50}.b1{background:#1687d9}.b2{background:#d51b70}.b3{background:#f0a51c}.b4{background:#14966e}.scan-box{position:absolute;right:25px;top:70px;width:125px;height:160px;border:2px solid #9cecff;background:#e9f8ff;border-radius:10px;display:grid;place-items:center;color:#0b3671;box-shadow:0 10px 25px #001d4d50}.qr-grid{font-size:78px;line-height:1}.scan-box small{font-size:8px;font-weight:900;letter-spacing:.15em}.scan-corners{position:absolute;inset:15px;border:1px dashed #1484c8;border-radius:5px}.flow-check{position:absolute;right:5px;bottom:40px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#15a77c;color:white;font-size:27px;border:5px solid #0b4b8e}.workflow-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:.2em;color:#9dc9e8}.benefits{background:#f6faff}.centered{text-align:center;margin-left:auto;margin-right:auto}.centered .eyebrow{margin-bottom:15px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit{text-align:center;padding:28px 18px;background:#fff;border:1px solid #e7eef7;border-radius:14px}.benefit-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;background:#e5f5ff;color:#0878cf;font-size:25px}.benefit:nth-child(2) .benefit-icon{background:#fce9f2;color:#d51b70}.benefit:nth-child(3) .benefit-icon{background:#e5f7f0;color:#12966d}.benefit:nth-child(4) .benefit-icon{background:#f0eaff;color:#7544bb}.benefit h3{font:800 14px Manrope;margin:0 0 9px}.benefit p{font-size:11px;line-height:1.7;color:#74839a;margin:0}.poster-section{padding:90px 0;background:#fff}.poster-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.poster-section p{max-width:390px}.text-link{display:inline-flex;gap:13px;color:#0874ca;font-weight:800;font-size:13px;margin-top:15px}.poster-frame{display:block;border-radius:15px;overflow:hidden;box-shadow:0 25px 55px #0a356025;border:7px solid white;transform:rotate(1deg);transition:.25s}.poster-frame:hover{transform:rotate(0) scale(1.015)}.poster-frame img{width:100%;display:block}.pricing{padding:90px 0;background:linear-gradient(110deg,#09295f,#0755a5);position:relative;overflow:hidden}.pricing:after{content:'';position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid #ffffff20;right:-90px;top:-220px;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff06}.pricing-wrap{display:grid;grid-template-columns:1fr 370px;gap:70px;align-items:center;position:relative;z-index:1}.price-note{color:#8ad8ed;font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:35px}.price-card{background:#fff;border-radius:18px;padding:32px;text-align:center;box-shadow:0 25px 55px #001b4c50}.price-label{font-size:10px;letter-spacing:.16em;font-weight:900;color:#75849a}.price{font:800 76px/.95 Manrope;color:#0a3474;margin:20px 0 0;letter-spacing:-.07em}.price small{font-size:23px;vertical-align:top;letter-spacing:0}.price-card>strong{color:var(--pink);font-size:20px}.price-card p{font-size:12px;color:#74839a;line-height:1.6;margin:16px 0 22px}.btn-wide{width:100%;font-size:12px}.price-disclaimer{display:block;color:#9aa5b4;font-size:9px;line-height:1.5;margin-top:15px}.links-section{padding:90px 0}.link-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.link-card{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid var(--line);border-radius:12px;transition:.2s}.link-card:hover{border-color:#a8d4f2;box-shadow:var(--shadow);transform:translateY(-3px)}.link-icon{width:42px;height:42px;flex-shrink:0;border-radius:11px;color:white;display:grid;place-items:center;font-size:20px}.link-card span:nth-child(2){flex:1}.link-card b,.link-card small{display:block}.link-card b{font-size:12px}.link-card small{font-size:10px;color:#8794a8;margin-top:5px}.link-card>i{font-style:normal;color:#7a8ca5}.link-note{text-align:center;font-size:10px;color:#8997a9;margin-top:20px}.contact{padding:80px 0;background:linear-gradient(115deg,#08285f,#0757a8);position:relative;overflow:hidden}.contact-grid{display:grid;grid-template-columns:1fr 400px;gap:70px;align-items:center}.contact h2{font-size:clamp(38px,4vw,51px)}.btn-white{background:white;color:#0b3979;margin-top:5px}.contact-panel{padding:30px;background:#ffffff12;border:1px solid #ffffff35;border-radius:15px;color:white;backdrop-filter:blur(10px)}.contact-mark{width:44px;height:44px;border-radius:12px;background:#ffffff20;display:grid;place-items:center;font-size:22px}.contact-panel h3{font:800 17px Manrope;margin:20px 0 8px}.contact-panel p{font-size:12px;color:#c4d8ed;line-height:1.7}.contact-panel>a{display:inline-block;color:#75e3f1;font-weight:800;font-size:13px;margin:8px 0 20px}.contact-foot{border-top:1px solid #ffffff30;padding-top:15px;color:#a9c6e4;font-size:10px}footer{background:#061b43;color:white;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand img{width:43px;height:43px;object-fit:contain;background:white;border-radius:5px}.footer-brand b{font:800 14px Manrope}.footer-brand small{color:#9fb8d7;font-size:8px}.footer-inner>p{font-size:11px;color:#b3cbe7}.footer-inner>small{font-size:10px;color:#91a9c8}.backtop{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;background:#0874d7;color:white;display:grid;place-items:center;box-shadow:0 8px 20px #0756a644;opacity:0;pointer-events:none;transition:.2s;z-index:20}.backtop.show{opacity:1;pointer-events:auto}
@media(max-width:900px){.nav{gap:16px}.hero-grid{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:51px}.hero-visual{transform:scale(.88);transform-origin:center}.feature-grid{grid-template-columns:repeat(2,1fr)}.poster-layout{gap:35px}.pricing-wrap{gap:35px}.contact-grid{gap:35px}}
@media(max-width:700px){.container{width:min(100% - 34px,540px)}.topinner{height:30px;font-size:10px}.topright{display:none}.header{height:70px}.brand img{width:46px;height:46px}.brandtext b{font-size:18px}.menubtn{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:white;padding:18px 24px 24px;box-shadow:0 18px 25px #0b2c561c;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 5px;border-bottom:1px solid #edf1f6}.nav .navcta{text-align:center;margin-top:12px;border:0}.hero{padding:58px 0 72px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:49px}.lead{font-size:15px;margin:19px 0 24px}.hero-proof{margin-top:30px}.hero-visual{height:340px;transform:scale(.82);margin:-3px -35px -5px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding:22px 0}.stats-grid>div{justify-content:flex-start;border:0;padding-left:8px}.stats-grid strong{font-size:18px}.stats-grid span{font-size:11px}.section{padding:70px 0}.section-head{margin-bottom:30px}.section-head h2,.poster-section h2{font-size:38px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:22px}.feature-card p{min-height:0}.workflow{padding:70px 0}.workflow-grid{grid-template-columns:1fr;gap:20px}.workflow-art{height:300px;transform:scale(.9)}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:10px}.benefit{padding:22px 12px}.benefit h3{font-size:12px}.benefit p{font-size:10px}.poster-section{padding:70px 0}.poster-layout{grid-template-columns:1fr;gap:28px}.poster-frame{max-width:460px;margin:auto}.pricing{padding:70px 0}.pricing-wrap{grid-template-columns:1fr;gap:30px}.price-card{max-width:390px;margin:auto;width:100%}.link-cards{grid-template-columns:1fr}.links-section{padding:70px 0}.contact{padding:70px 0}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-panel{padding:24px}.footer-inner{flex-wrap:wrap;gap:15px}.footer-inner>p{order:3;width:100%;margin:0}.footer-inner>small{font-size:9px;text-align:right;flex:1}}
@media(max-width:390px){.hero h1{font-size:43px}.hero-actions .btn{width:100%}.hero-visual{transform:scale(.72);margin:-18px -60px}.benefit-grid{grid-template-columns:1fr 1fr}.price{font-size:68px}}

/* Penambahan: video, galeri, testimoni dan animasi skrol */
html{scroll-behavior:smooth;scroll-padding-top:90px}
.video-section{background:linear-gradient(180deg,#f4faff,#fff)}
.video-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.video-section h2,.gallery-section h2,.testimonials h2{font:800 clamp(34px,4vw,48px)/1.12 Manrope;color:#0a2e68;letter-spacing:-.045em;margin:15px 0}
.video-section h2 em,.gallery-section h2 em,.testimonials h2 em{color:#d51b70;font-style:normal}
.video-section p{font-size:14px;line-height:1.8;color:#718198;max-width:410px}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#082b69;box-shadow:0 22px 55px #0b39792b}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gallery-section{background:#fff}
.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}
.gallery-shot{display:block;position:relative;overflow:hidden;border-radius:16px;background:#eaf5ff;box-shadow:0 18px 45px #0b39791c}
.gallery-shot img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center}
.gallery-shot span{position:absolute;left:0;right:0;bottom:0;padding:35px 22px 18px;color:white;background:linear-gradient(transparent,#071e4be8)}
.gallery-shot b,.gallery-shot small{display:block}.gallery-shot b{font:800 16px Manrope}.gallery-shot small{font-size:11px;color:#dceaff;margin-top:4px}
.gallery-note{padding:35px;border:1px solid #e4edf7;border-radius:16px;background:#f8fbff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.gallery-note-icon{width:52px;height:52px;border-radius:14px;background:#e2f3ff;color:#0874ca;display:grid;place-items:center;font-size:25px;margin-bottom:15px}
.gallery-note h3,.testimonial-empty h3{font:800 18px Manrope;color:#102f67;margin:0 0 10px}
.gallery-note p,.testimonial-empty p{font-size:12px;line-height:1.8;color:#75849a}
.testimonials{background:#f4f8fd}
.testimonial-empty{max-width:760px;margin:auto;text-align:center;padding:42px 30px;border:1px dashed #b8cce2;border-radius:18px;background:#fff}
.quote-mark{font:800 65px Georgia;color:#d51b70;line-height:.8;margin-bottom:16px}
.testimonial-empty .btn{margin-top:12px}
.contact-panel>a{margin:8px 12px 12px 0}
.btn-white+.btn-white{margin-left:8px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:700px){.video-layout,.gallery-grid{grid-template-columns:1fr;gap:25px}.video-section h2,.gallery-section h2,.testimonials h2{font-size:36px}.gallery-shot img{min-height:220px}.gallery-note{padding:25px}.testimonial-empty{padding:32px 20px}.btn-white+.btn-white{margin-left:0;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
/* Pakej harga ahli dan bukan ahli PGPMM */
.pricing-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;position:relative;z-index:1;margin-bottom:38px}.pricing-intro>div:first-child{max-width:650px}.pricing-intro>div:first-child>p{color:#c2d9f1;line-height:1.8;font-size:14px;max-width:560px;margin:20px 0 0}.pricing-intro .price-note{margin:0 0 8px;white-space:nowrap}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative;z-index:1;max-width:850px;margin:0 auto}.price-card{padding:30px 32px}.price-card.member{border-top:6px solid #0874d7}.price-card.nonmember{border-top:6px solid #d41470}.price-card .price{margin-top:18px}.price-card>strong{display:block;margin-top:7px}.annual-fee{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:22px 0 15px;border-radius:10px;background:#eff7ff;color:#24456f;text-align:left}.nonmember .annual-fee{background:#fff0f6}.annual-fee span{font-size:11px;font-weight:700}.annual-fee>b{font:800 20px Manrope;color:#0a3474;white-space:nowrap}.nonmember .annual-fee>b{color:#c20f62}.annual-fee small{font:700 10px 'DM Sans',sans-serif;color:#77869b}.price-card p{min-height:38px}.pricing-footnote{position:relative;z-index:1;text-align:center;color:#b9d3ed;font-size:10px;line-height:1.6;margin:24px auto 0;max-width:700px}
@media(max-width:900px){.pricing-intro{align-items:flex-start;flex-direction:column;gap:10px}.pricing-intro .price-note{margin:0}.price-grid{max-width:760px}}
@media(max-width:700px){.pricing-intro{margin-bottom:28px}.price-grid{grid-template-columns:1fr;max-width:420px}.price-card{padding:27px 22px}.annual-fee{padding:12px}.pricing-footnote{padding:0 8px}}

/* Penambahbaikan paparan poster dan pakej: versi responsif */
.poster-layout{grid-template-columns:minmax(260px,.78fr) minmax(260px,.82fr);gap:clamp(28px,6vw,76px);max-width:1040px;margin-inline:auto}
.poster-copy{max-width:420px}
.poster-frame{position:relative;justify-self:center;width:min(100%,390px);padding:0;border:6px solid #fff;background:#fff;cursor:zoom-in;transform:none;box-shadow:0 18px 48px rgba(10,47,100,.16)}
.poster-frame:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(10,47,100,.22)}
.poster-frame img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.poster-zoom-hint{position:absolute;right:12px;bottom:12px;padding:9px 13px;border-radius:30px;background:rgba(7,39,94,.88);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;opacity:0;transform:translateY(5px);transition:.2s}
.poster-frame:hover .poster-zoom-hint,.poster-frame:focus-visible .poster-zoom-hint{opacity:1;transform:translateY(0)}
.poster-open{border:0;background:none;padding:0;font:inherit;cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:34px;background:rgba(3,15,38,.92);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.lightbox.open{opacity:1;visibility:visible}
.lightbox img{display:block;max-width:min(92vw,900px);max-height:88vh;width:auto;height:auto;object-fit:contain;border:5px solid #fff;border-radius:8px;box-shadow:0 25px 80px #0008;transform:scale(.96);transition:transform .22s}
.lightbox.open img{transform:scale(1)}
.lightbox-close{position:absolute;top:18px;right:24px;width:46px;height:46px;border:1px solid #ffffff66;border-radius:50%;background:#fff;color:#09295f;font-size:30px;line-height:1;cursor:pointer}
.price-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;gap:24px!important;max-width:1000px!important;margin:0 auto!important}
.price-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:100%;padding:34px!important;border:1px solid rgba(255,255,255,.75);border-radius:22px!important;overflow:hidden;text-align:left!important;box-shadow:0 24px 55px rgba(0,19,57,.28)!important;transition:transform .25s,box-shadow .25s}
.price-card:hover{transform:translateY(-7px);box-shadow:0 32px 65px rgba(0,19,57,.36)!important}
.price-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#0874d7,#42c5ee)}
.price-card.nonmember:before{background:linear-gradient(90deg,#d41470,#ff9a43)}
.price-card.member{background:linear-gradient(155deg,#fff 0%,#f0f8ff 100%)}
.price-card.nonmember{background:linear-gradient(155deg,#fff 0%,#fff2f7 100%)}
.price-card .price-label{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:30px;background:#e6f3ff;color:#075bb3;font-size:10px;letter-spacing:.12em}
.price-card.nonmember .price-label{background:#ffe5f0;color:#c20f62}
.price-card .price{font-size:clamp(58px,6vw,78px);margin:20px 0 2px!important;color:#082f70;line-height:1}
.price-card .price small{font-size:22px}
.price-card>strong{font-size:14px;color:#65758d;margin:3px 0 0!important}
.price-card .annual-fee{margin:22px 0 14px;padding:16px 18px;border:1px solid #d9eaff;border-radius:13px;background:#eaf5ff}
.price-card.nonmember .annual-fee{border-color:#ffd4e5;background:#fff0f6}
.price-card .annual-fee>b{font-size:22px}
.price-card p{flex:1;min-height:0;margin:5px 0 24px!important;font-size:12px;line-height:1.7}
.price-card .btn-wide{min-height:49px;border-radius:10px}
.pricing-footnote{margin-top:26px}
@media(max-width:700px){.poster-layout{grid-template-columns:1fr;gap:25px}.poster-copy{max-width:100%}.poster-frame{width:min(100%,360px)}.price-grid{grid-template-columns:1fr!important;max-width:440px!important;gap:17px!important}.price-card{padding:27px 23px!important}.lightbox{padding:18px}.lightbox img{max-width:96vw;max-height:86vh}.lightbox-close{top:10px;right:10px}}
body.lightbox-open{overflow:hidden}