:root{--navy:#0B2E4F;--navy2:#0E3A60;--navy3:#0E4E6B;--teal:#16B5C9;--teal-dk:#0E8FA8;--amber:#F5A623;--amber-dk:#D98A12;--green:#2E9E6B;--green-dk:#1F7C52;--red:#E0683A;--red-dk:#C24A22;--ink:#0B2235;--mute:#5C6F7E;--mute2:#8195A6;--faint:#9FB6CC;--ice:#EAF6FA;--page:#E3EEF5;--page2:#F2F7FB;--line:#E4EDF4;--line2:#ECF2F8;--sans:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--shadow-card:0 1px 2px rgba(11,46,79,.05);--shadow-lg:0 34px 70px -38px rgba(11,46,79,.5);--shadow-frame:0 1px 3px rgba(11,46,79,.08),0 24px 50px -34px rgba(11,46,79,.42);--wrap:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.no-scroll{overflow:hidden}::selection{background:#BFE9F1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--sans);cursor:pointer}.le-scroll::-webkit-scrollbar{height:8px;width:8px}.le-scroll::-webkit-scrollbar-thumb{background:#BCD3E1;border-radius:8px}.bp-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(11,46,79,.05) 1px,transparent 0);background-size:26px 26px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4vw,40px)}.section{padding:clamp(40px,5vw,68px) 0}.section,main{position:relative;z-index:1}main{min-height:60vh}.kicker{font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--teal-dk);text-transform:uppercase}.mono{font-family:var(--mono)}h1,h2,h3,h4{margin:0;letter-spacing:-.015em;color:var(--navy)}.h-xl{font:800 clamp(32px,5vw,54px)/1.03 var(--sans);letter-spacing:-.025em}.h-lg{font:800 clamp(26px,3.2vw,38px)/1.06 var(--sans)}.h-md{font:800 clamp(22px,2.6vw,30px)/1.1 var(--sans)}.lead{font:500 clamp(15px,1.5vw,17px)/1.65 var(--sans);color:var(--mute)}.btn{display:inline-flex;align-items:center;gap:9px;border:none;border-radius:26px;padding:14px 24px;font:700 14.5px/1 var(--sans);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.btn svg{display:block}.btn-amber{background:var(--amber);color:#fff;box-shadow:0 14px 28px -12px rgba(245,166,35,.7)}.btn-amber:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(245,166,35,.8)}.btn-teal{background:var(--teal-dk);color:#fff}.btn-teal:hover{transform:translateY(-2px)}.btn-navy{background:var(--navy);color:#fff}.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.32)}.btn-ghost:hover{background:rgba(255,255,255,.18)}.btn-outline{background:transparent;border:1.5px solid var(--teal-dk);color:var(--teal-dk)}.btn-outline:hover{background:#E7F4F7}.btn-sm{padding:10px 18px;font-size:13px}.chip{padding:9px 16px;border-radius:20px;cursor:pointer;white-space:nowrap;border:1px solid #d7e4ee;background:#fff;color:#42586A;font:700 12.5px/1 var(--sans);transition:all .15s}.chip:hover{border-color:#BcD3E1}.chip.on{border-color:var(--navy);background:var(--navy);color:#fff}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:80;background:rgba(238,247,251,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #cfe0ea}.nav-in{justify-content:space-between;gap:18px;padding:12px 0}.brand,.nav-in{display:flex;align-items:center}.brand{gap:11px;min-width:0}.brand img{width:34px;height:34px;border-radius:9px;box-shadow:0 6px 16px -8px rgba(11,46,79,.7)}.brand-name{font:800 17px/1 var(--sans);color:var(--navy)}.brand-name .accent{color:var(--teal-dk)}.brand-sub{font:500 11px/1.2 var(--sans);color:var(--mute2);margin-top:3px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{font:600 13.5px/1 var(--sans);color:#42586A;padding:9px 12px;border-radius:12px;transition:background .15s,color .15s}.nav-link.active,.nav-link:hover{background:#DCEAF2;color:var(--navy)}.nav-right{display:flex;align-items:center;gap:12px}.lang-toggle{display:flex;background:#DCEAF2;border-radius:20px;padding:3px}.lang-toggle button{padding:6px 13px;border-radius:16px;border:none;background:transparent;color:var(--mute);font:700 12px/1 var(--sans);transition:all .15s}.lang-toggle button.on{background:var(--navy);color:#fff}.nav-burger{display:none;background:none;border:none;padding:8px;color:var(--navy)}.hero{position:relative;overflow:hidden;border-radius:24px;margin-top:20px;background:linear-gradient(155deg,#0B2E4F,#0E3A60 55%,#0E4E6B);box-shadow:var(--shadow-lg)}.hero:before{right:-90px;top:-90px;width:340px;height:340px;background:rgba(22,181,201,.22)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{left:-70px;bottom:-110px;width:260px;height:260px;background:rgba(245,166,35,.12)}.hero-in{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:36px;gap:36px;align-items:center;padding:clamp(34px,4vw,60px) clamp(22px,3.5vw,54px)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(215,233,241,.12);border:1px solid rgba(215,233,241,.22);border-radius:20px;padding:7px 14px;font:600 11px/1 var(--mono);letter-spacing:.05em;color:#BFE9F1}.hero h1{margin:18px 0 0;font:800 clamp(32px,4.6vw,54px)/1.02 var(--sans);letter-spacing:-.025em;color:#fff;white-space:pre-line}.hero p{margin:18px 0 0;font:500 16px/1.6 var(--sans);color:#B9CDDD;max-width:46ch}.hero-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:9px;margin-top:24px;font:600 12.5px/1.3 var(--sans);color:#8FAAC2}.feat-card{background:#fff;border-radius:20px;padding:14px;box-shadow:0 30px 60px -28px rgba(0,0,0,.55);cursor:pointer}.feat-stage{position:relative;background:var(--navy);border-radius:14px;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}.feat-stage .bar{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.12)}.feat-stage .bar>i{display:block;width:46%;height:100%;background:linear-gradient(90deg,var(--teal),var(--amber))}.play-btn{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.4)}.feat-tag{right:14px;font:600 9.5px/1 var(--mono);letter-spacing:.1em;color:#BFE9F1}.feat-brand,.feat-tag{position:absolute;top:13px}.feat-brand{left:14px;display:flex;align-items:center;gap:7px}.feat-brand span{font:800 11px/1 var(--sans);color:#fff}.feat-cap{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:rgba(8,35,61,.82)}.feat-cap .a{font:600 12px/1.2 var(--sans);color:#fff}.feat-cap .b{font:500 10px/1.2 var(--sans);color:#8FCBD6}.feat-body{padding:14px 12px 8px}.feat-body .lbl{font:700 11px/1 var(--mono);color:var(--amber-dk)}.feat-body h3{font:800 20px/1.15 var(--sans);margin-top:9px}.feat-meta{display:flex;align-items:center;gap:12px;margin-top:12px;font:600 12px/1 var(--sans);color:var(--mute2)}.dot{width:3px;height:3px;border-radius:50%;background:#C6DEEC}.grid{display:grid;grid-gap:16px;gap:16px}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid-fill{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.grid-prod{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-card)}.aud-icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center}.aud-card h3{font:800 19px/1.1 var(--sans);margin-top:15px}.aud-card p{font:500 13.5px/1.5 var(--sans);color:var(--mute);margin:6px 0 0}.how-card{background:var(--ice);border:1px solid #d7e9f1;border-radius:18px;padding:24px}.how-n{width:40px;height:40px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font:800 16px/1 var(--mono);color:var(--teal)}.how-card h3{font:800 18px/1.1 var(--sans);margin-top:15px}.how-card p{font:500 13.5px/1.55 var(--sans);color:var(--mute);margin:7px 0 0}.org-band{background:var(--navy);border-radius:22px;padding:clamp(34px,4vw,52px) clamp(22px,3vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:28px;gap:28px;align-items:center}.org-band .kicker{color:#5FC7D6}.org-band h2{color:#fff;margin-top:12px}.org-band p{margin:14px 0 0;font:500 14.5px/1.6 var(--sans);color:#A7BFD4;max-width:52ch}.org-cta{gap:12px}.org-cta,.sec-head{display:flex;flex-wrap:wrap}.sec-head{align-items:flex-end;justify-content:space-between;gap:18px}.search-box{display:flex;align-items:center;gap:10px;background:var(--page2);border:1px solid #dee9f2;border-radius:24px;padding:11px 18px;min-width:240px;flex:0 1 340px}.search-box input{border:none;background:none;outline:none;font:500 13.5px/1 var(--sans);color:var(--ink);width:100%}.search-box input::placeholder{color:var(--faint)}.group-head{display:flex;align-items:center;gap:11px;margin:30px 0 18px}.group-head .d{width:10px;height:10px;border-radius:50%}.group-head .t{font:700 13px/1 var(--mono);letter-spacing:.1em;color:var(--navy)}.group-head .c{font:600 11px/1 var(--sans);color:var(--faint)}.group-head .line{flex:1 1;height:1px;background:var(--line2)}.lesson{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.lesson:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(11,46,79,.3);border-color:#C9DEEC}.lesson-thumb{position:relative;background:var(--navy);aspect-ratio:16/8;display:flex;align-items:center;justify-content:center;overflow:hidden}.lesson-thumb .glow{position:absolute;inset:0}.lesson-thumb .kick{top:11px;left:13px;letter-spacing:.08em;color:#9FC3D6}.lesson-thumb .dur,.lesson-thumb .kick{position:absolute;font:600 9.5px/1 var(--mono)}.lesson-thumb .dur{bottom:10px;right:12px;color:#BFE9F1}.lesson-thumb .play{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.38)}.lesson-accent{height:4px}.lesson-body{padding:17px 18px 18px}.lesson-body h3{font:800 16.5px/1.2 var(--sans)}.lesson-body p{font:500 12.5px/1.4 var(--sans);color:var(--mute);margin:6px 0 0}.lesson-tags{display:flex;align-items:center;gap:6px;margin-top:11px;flex-wrap:wrap}.tag{font:600 9px/1 var(--mono);border-radius:7px;padding:5px 7px}.tag-video{color:var(--teal-dk);background:#E7F4F7}.tag-ghost{color:var(--mute);background:var(--page2);border:1px solid var(--line)}.tag-read{font:600 9.5px/1 var(--mono);color:var(--faint);margin-left:2px}.lesson-prog{margin-top:14px}.prog-row{display:flex;align-items:center;gap:9px}.prog-track{flex:1 1;height:6px;border-radius:99px;background:#EAF0F6;overflow:hidden}.prog-track>i{display:block;height:100%;border-radius:99px}.prog-done{font:700 11.5px/1 var(--sans);color:var(--green-dk)}.prog-done,.prog-not{display:flex;align-items:center;gap:7px}.prog-not{font:600 11.5px/1 var(--sans);color:var(--faint)}.player-wrap{display:grid;grid-template-columns:minmax(0,1.55fr) 350px;grid-gap:clamp(18px,2.4vw,26px);gap:clamp(18px,2.4vw,26px);align-items:start;margin-top:20px}.breadcrumb{display:flex;align-items:center;gap:8px;font:600 12px/1 var(--sans);color:var(--mute2)}.breadcrumb a:hover{color:var(--teal-dk)}.player-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}.pill{font:700 10.5px/1 var(--mono);color:var(--teal-dk);background:#E7F4F7;border-radius:13px;padding:7px 11px}.meta-item{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 var(--sans);color:var(--mute)}.stage{position:relative;background:linear-gradient(160deg,#0B2E4F,#0E3A60);border-radius:18px;aspect-ratio:16/9;overflow:hidden;box-shadow:0 20px 50px -24px rgba(11,46,79,.6)}.stage-bar{position:absolute;top:0;left:0;right:0;height:5px;background:rgba(255,255,255,.12);z-index:4}.stage-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--amber));border-radius:99px;transition:width .35s ease}.stage-brand{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:8px;z-index:4}.stage-brand span{font:800 14px/1 var(--sans);color:#fff}.stage-brand .a{color:var(--teal)}.stage-cltitle{position:absolute;top:21px;right:20px;font:600 11px/1 var(--mono);letter-spacing:.16em;color:#9FC3D6;z-index:4}.medallion-wrap{position:absolute;inset:0;flex-direction:column;padding-bottom:38px;text-align:center}.medallion,.medallion-wrap{display:flex;align-items:center;justify-content:center}.medallion{position:relative;width:130px;height:130px;border-radius:50%;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.3)}.medallion .badge{position:absolute;right:2px;bottom:2px;min-width:42px;height:42px;padding:0 8px;border-radius:21px;display:flex;align-items:center;justify-content:center;color:#fff;font:800 17px/1 var(--mono);box-shadow:0 8px 20px rgba(0,0,0,.25)}.step-pill{margin-top:16px;padding:6px 16px;border-radius:999px;background:rgba(22,181,201,.18);color:var(--teal);font:800 12px/1 var(--mono);letter-spacing:.14em}.stage-t{margin-top:16px;font:800 clamp(20px,2.4vw,26px)/1.1 var(--sans);color:#fff}.stage-s{margin-top:7px;font:500 15px/1.3 var(--sans);color:#A7C3D6}.caption-bar{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;z-index:4}.caption-bar>div{display:flex;align-items:center;gap:13px;padding:11px 22px;border-radius:16px;background:rgba(8,35,61,.9);box-shadow:0 12px 30px rgba(0,0,0,.25);max-width:84%}.caption-bar .a{font:600 15px/1.3 var(--sans);color:#fff}.caption-bar .b{font:500 12px/1.3 var(--sans);color:#8FCBD6}.controls{gap:14px;margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}.controls,.controls .pp{display:flex;align-items:center}.controls .pp{flex:none;width:42px;height:42px;border-radius:50%;background:var(--navy);justify-content:center;border:none}.controls .lbl{font:700 11.5px/1 var(--mono);color:var(--mute);white-space:nowrap}.controls .voice{gap:6px;font:700 11px/1 var(--mono);color:#fff;background:var(--teal);border-radius:999px;padding:7px 12px}.controls .voice,.recap{display:flex;align-items:center}.recap{margin-top:14px;gap:13px;background:#DDF0E7;border:1px solid #bfe3cd;border-radius:14px;padding:16px 18px}.recap .ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}.recap .k{font:600 10.5px/1 var(--mono);letter-spacing:.1em;color:var(--green-dk)}.recap .v{font:800 clamp(15px,1.6vw,19px)/1.2 var(--sans);color:#15633F;margin-top:5px}.panel{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.4vw,26px)}.panel-head{justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-head,.panel-head .l{display:flex;align-items:center}.panel-head .l{gap:9px}.panel-title{font:700 11px/1 var(--mono);letter-spacing:.1em;color:var(--teal-dk)}.obj-row{display:flex;align-items:flex-start;gap:10px}.obj-row span{font:500 14px/1.45 var(--sans);color:#37485A}.article h4{margin:20px 0 0;font:800 18px/1.2 var(--sans)}.article p{margin:9px 0 0;font:500 15px/1.7 var(--sans);color:#445566}.callout{margin-top:20px;background:#FBEFD6;border:1px solid #f0d9a6;border-left:5px solid var(--amber);border-radius:14px;padding:18px 20px}.callout .t{font:800 12.5px/1 var(--sans);letter-spacing:.03em;color:#B97F10;text-transform:uppercase}.callout p{margin:10px 0 0;font:600 15px/1.55 var(--sans);color:#8A6410}.quiz-q{font:800 20px/1.3 var(--sans);margin-top:16px}.quiz-opts{display:flex;flex-direction:column;gap:10px;margin-top:16px}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:14px;background:#fff;border:1.5px solid #dce7f1;color:var(--ink);font:600 14px/1.35 var(--sans);transition:all .15s}.opt:not(:disabled):hover{border-color:#BcD3E1}.opt .mk{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #c6deec;color:var(--faint);font:800 12px/1 var(--mono);background:transparent}.opt.correct{background:#DDF0E7;border-color:#BFE3CD;color:#15633F}.opt.correct .mk{background:var(--green);color:#fff;border:none}.opt.wrong{background:#F8E2DA;border-color:#F1C9BF;color:#8E2E1C}.opt.wrong .mk{background:var(--red-dk);color:#fff;border:none}.opt.dim{color:var(--faint)}.feedback{margin-top:15px;border-radius:13px;padding:16px 18px}.feedback .t{font:800 14px/1 var(--sans)}.feedback p{margin:8px 0 0;font:500 13.5px/1.55 var(--sans)}.feedback.ok{background:#DDF0E7;border:1px solid #bfe3cd;color:#15633F}.feedback.no{background:#F8E2DA;border:1px solid #f1c9bf;color:#8E2E1C}.quiz-progress{height:6px;border-radius:99px;background:#EAF0F6;overflow:hidden;margin-top:14px}.quiz-progress>i{display:block;height:100%;background:var(--teal);border-radius:99px;transition:width .3s}.quiz-result{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}.result-ring{flex:none;width:96px;height:96px}.result-ring,.result-ring>div{border-radius:50%;display:flex;align-items:center;justify-content:center}.result-ring>div{width:74px;height:74px;background:#fff;flex-direction:column}.side{min-width:0;display:flex;flex-direction:column;gap:16px}.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-card)}.side-title{font:700 12px/1 var(--mono);letter-spacing:.1em;color:var(--teal-dk)}.step-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;width:100%;text-align:left;border:1.5px solid transparent;background:rgba(11,46,79,.035);transition:all .15s;margin-bottom:8px}.step-btn:last-child{margin-bottom:0}.step-mk{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid #c6deec;font:800 13px/1 var(--mono);color:var(--faint)}.step-tt{font:700 14.5px/1.2 var(--sans);color:var(--navy);display:block}.step-ss{font:500 11.5px/1.3 var(--sans);color:var(--mute);display:block;margin-top:1px}.keypoints{background:var(--navy);border-radius:18px;padding:20px}.keypoints .side-title{color:#5FC7D6}.kp-row{display:flex;align-items:flex-start;gap:10px}.kp-row span{font:500 13px/1.5 var(--sans);color:#CBDCEA}.ref-row{font:500 12px/1.45 var(--sans);color:var(--mute);padding-left:13px;border-left:2px solid #dbf3f7}.rel-row{gap:11px;padding:10px 11px;border:1px solid var(--line2);border-radius:12px}.rel-ic,.rel-row{display:flex;align-items:center}.rel-ic{flex:none;width:34px;height:34px;border-radius:9px;background:var(--ice);justify-content:center}.rel-row .n{font:700 13px/1.2 var(--sans);color:var(--navy)}.rel-row .t{font:600 10px/1 var(--mono);color:var(--faint);margin-top:4px}.next-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid var(--line2);border-radius:12px;cursor:pointer}.next-row:hover{border-color:#C9DEEC}.next-thumb{flex:none;width:46px;height:32px;border-radius:7px;background:var(--navy);display:flex;align-items:center;justify-content:center}.next-row .n{font:700 13px/1.2 var(--sans);color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-row .k{font:600 10px/1 var(--mono);color:var(--faint);margin-top:4px}.prod-card{background:#fff;border:1px solid #e2ecf3;border-radius:18px;padding:16px;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.prod-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -16px rgba(11,46,79,.28);border-color:#C9DEEC}.prod-img{height:150px;background:#F1F7FB;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px;position:relative}.prod-img img{max-width:82%;max-height:130px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(11,46,79,.14));animation:le-float 4.4s ease-in-out infinite;will-change:transform}.prod-cat{font:600 10px/1 var(--mono);letter-spacing:.14em;color:var(--teal-dk);margin-bottom:7px;text-transform:uppercase}.prod-card h3{font:700 16px/1.2 var(--sans)}.prod-card .nama{font:500 12.5px/1.3 var(--sans);color:#8499A9;margin-top:4px}.modal-scrim{position:fixed;inset:0;z-index:120;background:rgba(11,46,79,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;width:100%;max-width:940px;max-height:92vh;background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.55fr 320px;box-shadow:0 40px 80px -30px rgba(11,46,79,.5);animation:le-modal .28s ease}.modal-stage{position:relative;background:linear-gradient(160deg,#0B2E4F,#0E3A60);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px;padding:0 26px}.modal-stage .voice{position:absolute;top:21px;right:18px;font:700 10px/1 var(--mono);letter-spacing:.14em;color:#fff;background:var(--teal);border-radius:999px;padding:6px 11px;display:flex;align-items:center;gap:6px;z-index:4}.modal-prodwrap{display:grid;grid-template-columns:150px 1fr;grid-gap:18px;gap:18px;align-items:center;width:100%;max-width:560px;margin-top:8px}.modal-prodimg{position:relative;height:230px;display:flex;align-items:flex-end;justify-content:center}.modal-prodimg img{max-width:100%;max-height:220px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35));animation:le-float-lg 5.2s ease-in-out infinite}.modal-prodimg .badge{position:absolute;top:8px;right:-6px;width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font:800 16px/1 var(--mono);box-shadow:0 8px 18px rgba(0,0,0,.25)}.modal-stage .cat{font:600 10.5px/1 var(--mono);letter-spacing:.14em;color:#9FC3D6}.modal-stage .st{font:800 27px/1.08 var(--sans);color:#fff;letter-spacing:-.02em;margin-top:10px}.modal-stage .ss{font:500 15px/1.35 var(--sans);color:#A7C3D6;margin-top:7px}.modal-side{padding:24px 24px 22px;overflow:auto;display:flex;flex-direction:column}.modal-side h3{font:800 21px/1.12 var(--sans)}.modal-side .nama{font:500 13px/1.3 var(--sans);color:#8499A9;margin-top:3px}.tour-safety{margin-top:16px;display:flex;gap:11px;align-items:flex-start;background:#F1F8FB;border:1px solid #d9eaf2;border-radius:12px;padding:13px 14px}.tour-safety div{font:500 13px/1.5 var(--sans);color:#2B4255}.modal-nav{display:flex;gap:10px;margin-top:18px}.modal-nav .prev{flex:none;width:46px;height:46px;border-radius:50%;background:var(--page2);border:1px solid var(--line);display:flex}.modal-nav .next,.modal-nav .prev{align-items:center;justify-content:center}.modal-nav .next{flex:1 1;text-align:center;color:#fff;border:none;border-radius:24px;padding:14px;font:700 14px/1 var(--sans);display:inline-flex;gap:8px}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:19px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:6}.dash-hi{margin:0}.dash-sub{margin:9px 0 0;font:500 14.5px/1.5 var(--sans);color:var(--mute)}.dash-overall{background:var(--navy);border-radius:18px;padding:24px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.dash-overall:after{content:"";position:absolute;right:-40px;bottom:-50px;width:170px;height:170px;border-radius:50%;background:rgba(22,181,201,.22)}.ring{flex:none}.ring,.ring>div{border-radius:50%;display:flex;align-items:center;justify-content:center}.ring>div{background:#fff;flex-direction:column}.dash-overall .ring>div{background:var(--navy);color:#fff}.dash-overall .k{font:600 11px/1 var(--mono);color:#5FC7D6}.dash-overall .v{font:800 22px/1.1 var(--sans);color:#fff;margin-top:8px}.dash-side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:16px}.dash-side .row{gap:13px}.dash-side .ic,.dash-side .row{display:flex;align-items:center}.dash-side .ic{width:46px;height:46px;border-radius:13px;justify-content:center}.dash-side .row+.row{border-top:1px solid var(--line2);padding-top:16px}.track-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:transform .15s,box-shadow .15s}.track-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(11,46,79,.3)}.track-card h3{font:800 18px/1.15 var(--sans)}.track-card .lbl{font:600 12px/1 var(--sans);color:var(--mute2);margin-top:7px}.cert{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(11,46,79,.35);max-width:520px;margin:20px auto 0}.cert .top{height:8px;background:linear-gradient(90deg,var(--navy),var(--teal),var(--amber))}.cert .body{padding:34px 30px 30px;text-align:center}.cert .lbl{font:600 10px/1 var(--mono);letter-spacing:.16em;color:var(--teal-dk);margin-top:16px}.cert .name{font:800 26px/1.1 var(--sans);margin-top:8px}.cert .track{font:700 16px/1.3 var(--sans);color:var(--teal-dk);margin-top:6px}.cert .small{font:500 12px/1.4 var(--sans);color:var(--mute2)}.cert .seal{width:56px;height:56px;border-radius:50%;background:#FBEFD6;border:2px solid var(--amber);display:inline-flex;margin-top:18px}.cert .foot,.cert .seal{align-items:center;justify-content:center}.cert .foot{display:flex;gap:14px;margin-top:20px;border-top:1px solid var(--line2);padding-top:18px}.cert .meta{display:flex;justify-content:space-between;text-align:left;margin-top:18px}.footer{position:relative;z-index:1;background:var(--navy);margin-top:clamp(40px,5vw,68px)}.footer-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:28px;gap:28px;align-items:start;padding:clamp(34px,4vw,52px) 0 24px}.footer .brand-name{color:#fff}.footer .brand-name .accent{color:#5FC7D6}.footer p{font:500 13px/1.65 var(--sans);color:#A7BFD4;margin:14px 0 0;max-width:300px}.footer .col-t{font:600 11px/1 var(--mono);letter-spacing:.08em;color:#5FC7D6}.footer .col a,.footer .col span{display:block;font:500 13px/1 var(--sans);color:#C2D6E2;margin-top:12px}.footer .col a:hover{color:#fff}.partner{gap:12px;margin-top:14px}.partner,.partner .box{display:flex;align-items:center}.partner .box{background:#fff;border-radius:10px;padding:8px 13px;height:42px}.partner .box img{max-height:26px}.partner .x{font:700 15px/1 var(--sans);color:#5C7791}.solab-mark{font:800 15px/1 var(--sans);color:var(--navy);letter-spacing:-.01em}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding:18px 0 30px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.footer-bottom span{font:500 12px/1.5 var(--sans);color:#7E97B0}@keyframes le-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes le-float-lg{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1.2deg)}}@keyframes le-modal{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}@keyframes le-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:le-fade .3s ease}@media (max-width:960px){.modal,.player-wrap{grid-template-columns:1fr}.modal{max-height:94vh}.modal-stage{min-height:320px}.modal-prodwrap{grid-template-columns:110px 1fr}.modal-prodimg{height:170px}}@media (max-width:760px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:#EEF7FB;border-bottom:1px solid #cfe0ea;padding:12px clamp(18px,4vw,40px)}.nav-links.open{display:flex}.nav-link{padding:12px;border-radius:10px}.nav-burger{display:block}.brand-sub,.le-hide-sm{display:none}.hero-in{grid-template-columns:1fr}.quiz-q{font-size:18px}}@media (max-width:480px){.h-xl{font-size:30px}.hero{border-radius:18px}.section{padding:32px 0}}.stage-hasvideo,.stage-video{background:#000}.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.stage-brand-over,.stage-cltitle-over{z-index:5;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.55)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.dash-hi,.dash-overall,.dash-side,.dash-sub,.footer,.kicker,.nav,.no-print,.track-card{display:none!important}body{background:#fff}.bp-grid{display:none}#cert{box-shadow:none;border:1px solid #ccc;margin:0 auto;max-width:560px;page-break-inside:avoid}.section{padding:0!important}}