:root{--bg:#020512;--panel:#0a142f;--line:#1e293b;--tx:#f8fafc;--mu:#94a3b8;--cy:#00d2ff;--gr:#00d2ff;--rd:#ff2a54;--accent:#00d2ff;--accent-hover:#38bdf8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--tx);padding-top:env(safe-area-inset-top,0px);margin:0;font:300 16px/1.7 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cy);outline-offset:3px}.nav{z-index:20;padding:calc(18px + env(safe-area-inset-top,0px)) clamp(20px, 5vw, 72px) 18px;background:linear-gradient(var(--bg), transparent);letter-spacing:.02em;grid-template-columns:1fr auto 1fr;align-items:center;font:400 13px Inter,sans-serif;display:grid;position:fixed;inset:0 0 auto}.nav__logo{letter-spacing:.45em;text-transform:uppercase;font:300 15px Inter,sans-serif}.nav__links{gap:36px;display:flex}.nav__link{color:#94a3b8;letter-spacing:.02em;cursor:pointer;padding:6px 0;font:400 13px Inter,sans-serif;text-decoration:none;transition:color .25s;position:relative}.nav__link:after{content:"";transform-origin:50%;background:#00d2ff;border-radius:999px;width:100%;height:2px;transition:transform .25s,background .25s,box-shadow .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__link:hover{color:#f8fafc}.nav__link:hover:after{background:#00d2ff80;transform:scaleX(1)}.nav__link--active{font-weight:500;color:#fff!important}.nav__link--active:after{box-shadow:0 0 10px #00d2ffb3;background:#00d2ff!important;transform:scaleX(1)!important}.nav__actions{justify-self:end;align-items:center;gap:12px;display:flex}.nav__btn-apk{color:#00d2ff;background:#00d2ff1f;border:1px solid #00d2ff66;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font:500 12px Inter,sans-serif;text-decoration:none;transition:all .25s;display:inline-flex}.nav__btn-apk:hover{color:#020914;background:#00d2ff;transform:translateY(-1px);box-shadow:0 0 16px #00d2ff80}.nav__cta{color:#fff;white-space:nowrap;border:1px solid #cbd5e199;border-radius:999px;padding:8px 18px;font:400 13px Inter,sans-serif;transition:background .2s,border-color .2s}.nav__cta:hover{background:#ffffff1a;border-color:#fff}.stage{height:300vh;position:relative}.stage__sticky{height:100svh;position:sticky;top:0;overflow:hidden}#gl{background:var(--bg);width:100%;height:100%;display:block;position:absolute;inset:0}.vig{pointer-events:none;background:linear-gradient(90deg,#020512e6 0,#02051299 32%,#0000 58%),radial-gradient(at 66% 54%,#0000 42%,#020512d0 100%);position:absolute;inset:0}.scene{opacity:0;pointer-events:none;will-change:opacity, transform;width:min(540px,100% - 40px);max-height:calc(100svh - 190px);transition:opacity .3s;position:absolute;top:50%;left:clamp(20px,5vw,72px);transform:translateY(-50%)}.scene--active{opacity:1;pointer-events:auto}.scene__eyebrow{letter-spacing:.3em;text-transform:uppercase;color:#8fa0b6;font:400 11px Inter,sans-serif}.scene h1{letter-spacing:-.03em;margin:22px 0 20px;font:300 clamp(38px,4.6vw,66px)/1.05 Inter,sans-serif}.scene__lede{color:#a7b3c4;max-width:36ch;margin:0 0 26px;font-size:15px;line-height:1.75}.scene__stats{gap:44px;margin-bottom:28px;display:flex}.scene__stats b{letter-spacing:-.02em;font:300 34px Inter,sans-serif;display:block}.scene__stats small{color:#8fa0b6;font-size:12px}.scene__mag-control{color:#a7b3c4;grid-template-columns:1fr auto;align-items:baseline;gap:12px 14px;max-width:320px;font:13px Inter,sans-serif;display:grid}.scene__mag-control b{color:#fff;font-variant-numeric:tabular-nums;font:400 15px Inter,sans-serif}.scene__mag-control input{grid-column:1/-1;margin:0}.btn{letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font:500 13px/1 Inter,sans-serif;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn--primary,.btn--blue,.btn--green,.btn--apk{background:#00d2ff;font-weight:600;box-shadow:0 4px 18px #00d2ff47;color:#020b18!important}.btn--primary:hover,.btn--blue:hover,.btn--green:hover,.btn--apk:hover{background:#38bdf8;transform:translateY(-2px);box-shadow:0 6px 24px #00d2ff73;color:#020b18!important}.scene__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.btn--white{color:#080d0a;background:#f8fafc}.btn--white:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 18px #ffffff26}.btn--outline{color:#f8fafc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-color:#ffffff1f}.btn--outline:hover{color:#fff;background:#ffffff12;border-color:#ffffff40;transform:translateY(-2px)}.hud{left:clamp(20px,5vw,72px);bottom:calc(26px + env(safe-area-inset-bottom,0px));color:#aab6c7;z-index:5;align-items:center;gap:22px;font:300 12px Inter,sans-serif;display:flex;position:absolute}.hud__slider{align-items:center;gap:12px;display:flex}.hud__btn{color:#aab6c7;font:inherit;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:99px;padding:7px 16px}.hud__btn[aria-pressed=true]{color:#fff;border-color:#e2e8f0}.scene-nav{z-index:5;gap:16px;display:grid;position:absolute;top:50%;right:clamp(16px,3vw,44px);transform:translateY(-50%)}.scene-nav__btn{color:#64748b;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;padding:2px;font:300 12px Inter,sans-serif;display:flex}.scene-nav__btn[aria-current=true]{color:#fff}.scene-nav__line{background:#fff;width:1px;height:0;transition:height .5s;display:block}.scene-nav__btn[aria-current=true] .scene-nav__line{height:34px}.stage__label{right:clamp(20px,5vw,72px);bottom:calc(26px + env(safe-area-inset-bottom,0px));letter-spacing:.22em;color:#64748b;font:300 11px Inter,sans-serif;position:absolute}.quake-banner{background:linear-gradient(90deg,#020713 0%,#061934 50%,#020713 100%);border-bottom:1px solid #00d2ff2e;align-items:center;gap:16px;padding:14px clamp(20px,5vw,72px);font:13px JetBrains Mono,monospace;display:flex;box-shadow:0 4px 24px #00000073}.quake-banner__dot{background:#00d2ff;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 10px #00d2ffb3}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.quake-banner__label{color:#8fa0b6}.quake-banner__value{color:#f8fafc;font-weight:600}.quake-banner__region{color:#64748b;letter-spacing:.05em;margin-left:auto;font-size:11px}.quake-banner__tsunami{color:#f87171;font-weight:600}.quake-banner__aman{color:#00d2ff;font-weight:600}main{width:100%;overflow-x:hidden}main section{box-sizing:border-box;width:100%;padding:clamp(76px,9vw,130px) clamp(20px,5vw,72px);position:relative}.section-header,.flow-grid,.features-bento,.sim,.mitigasi-header,.mitigasi-carousel,.mitigasi-grid,.morgana-header,.morgana-hero-grid,.morgana-latest,.morgana-faq,.cta-banner{max-width:1240px;margin-left:auto;margin-right:auto}#alur{background:#020610;border-top:1px solid #00d2ff24}#alur:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#00b4ff1f 0%,#0000 70%);width:700px;height:260px;position:absolute;top:0;left:50%;transform:translate(-50%)}#fitur{background:linear-gradient(#041026 0%,#030d1f 100%);border-top:1px solid #00d2ff38;border-bottom:1px solid #00d2ff1f}#fitur:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000 0%,#00d2ff 50%,#0000 100%);height:1px;position:absolute;top:-1px;left:0;right:0}#simulasi{background:#020610;border-top:1px solid #ffffff0f}#mitigasi{background:linear-gradient(#030f24 0%,#020817 100%);border-top:1px solid #00d2ff38;border-bottom:1px solid #00d2ff1f}#mitigasi:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000 0%,#38bdf8 50%,#0000 100%);height:1px;position:absolute;top:-1px;left:0;right:0}#artikel{background:#02050f;border-top:1px solid #ffffff0f}#akses{background:linear-gradient(#030c1d 0%,#01040d 100%);border-top:1px solid #00d2ff29}h2{letter-spacing:-.02em;color:#f8fafc;margin:0 0 14px;font:300 clamp(34px,5vw,60px)/1.1 Inter,sans-serif}.lead{color:#8fa0b6;max-width:60ch;margin:0 0 48px;font-size:15px;line-height:1.75}.section-header{margin-bottom:44px}.section-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#00d2ff;background:#00d2ff14;border:1px solid #00d2ff40;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font:600 11.5px/1 JetBrains Mono,monospace;display:inline-flex}.section-eyebrow:before{content:"";background:#00d2ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00d2ff}.section-title{letter-spacing:-.025em;color:#f8fafc;max-width:22ch;margin:0 0 16px;font:300 clamp(32px,4.5vw,54px)/1.12 Inter,sans-serif}.section-lead{color:#8fa0b6;max-width:58ch;margin:0;font-size:15px;line-height:1.7}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid;position:relative}.flow-card{background:linear-gradient(155deg,#081c3af2 0%,#030a16fa 100%);border:1px solid #00d2ff33;border-radius:20px;flex-direction:column;padding:32px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000008c,inset 0 1px #ffffff1a}.flow-card:before{content:"";filter:blur(16px);pointer-events:none;background:radial-gradient(circle,#00d2ff29 0%,#0000 70%);width:130px;height:130px;position:absolute;top:-40px;right:-40px}.flow-card:hover{border-color:#00d2ff8c;transform:translateY(-6px);box-shadow:0 22px 50px #000000a6,0 0 35px #00d2ff38}.flow-card__top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.flow-card__badge{color:#020b18;letter-spacing:.06em;background:linear-gradient(135deg,#00d2ff,#08f);border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font:700 12px/1 JetBrains Mono,monospace;display:inline-flex;box-shadow:0 0 14px #00d2ff59}.flow-card__badge-pulse{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse}.flow-card__icon{color:#00d2ff;background:linear-gradient(135deg,#00d2ff1f,#0050b438);border:1px solid #00d2ff59;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;box-shadow:0 0 18px #00d2ff33}.flow-card:hover .flow-card__icon{border-color:#00d2ff;transform:scale(1.08);box-shadow:0 0 25px #00d2ff73}.flow-card__title{letter-spacing:-.015em;color:#f8fafc;margin:0 0 12px;font:500 19px/1.3 Inter,sans-serif;transition:color .2s}.flow-card:hover .flow-card__title{color:#00d2ff}.flow-card__desc{color:#8fa0b6;flex-grow:1;margin:0 0 24px;font-size:14px;line-height:1.68}.flow-card__footer{border-top:1px solid #00d2ff1f;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.flow-card__pill{color:#38bdf8;letter-spacing:.05em;text-transform:uppercase;background:#00d2ff14;border:1px solid #00d2ff33;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font:500 11px/1 JetBrains Mono,monospace;display:inline-flex}.flow-card__dot{background:#00d2ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00d2ff}.flow-card__metric{color:#64748b;font:600 11.5px JetBrains Mono,monospace}.features-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.feature-card{background:linear-gradient(155deg,#050f20f5 0%,#020710fa 100%);border:1px solid #38bdf82e;border-radius:20px;flex-direction:column;padding:32px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 35px #00000080,inset 0 1px #ffffff1f}.feature-card:hover{border-color:#00d2ff8c;transform:translateY(-6px);box-shadow:0 22px 50px #000000a6,0 0 35px #00d2ff33}.feature-card__top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.feature-card__icon{color:#00d2ff;background:linear-gradient(135deg,#00d2ff26,#0050b440);border:1px solid #00d2ff59;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;box-shadow:0 0 18px #00d2ff33}.feature-card:hover .feature-card__icon{border-color:#00d2ff;transform:scale(1.08);box-shadow:0 0 25px #00d2ff66}.feature-card__tag{letter-spacing:.14em;color:#38bdf8;text-transform:uppercase;background:#00d2ff14;border:1px solid #00d2ff38;border-radius:999px;padding:5px 12px;font:600 10.5px/1 JetBrains Mono,monospace;display:inline-block}.feature-card__title{letter-spacing:-.015em;color:#fff;margin:0 0 12px;font:500 18.5px/1.3 Inter,sans-serif;transition:color .2s}.feature-card:hover .feature-card__title{color:#00d2ff}.feature-card__desc{color:#8fa0b6;flex-grow:1;margin:0 0 22px;font-size:13.5px;line-height:1.68}.feature-card__action{color:#38bdf8;border-top:1px solid #ffffff0f;align-items:center;gap:7px;padding-top:14px;font:600 12px/1 JetBrains Mono,monospace;transition:gap .25s,color .2s;display:inline-flex}.feature-card:hover .feature-card__action{color:#00d2ff;gap:12px}.sim{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.sim__controls{background:linear-gradient(155deg,#071936 0%,#030b18 100%);border:1px solid #00d2ff38;border-radius:20px;gap:22px;padding:32px 28px;display:grid;box-shadow:0 16px 40px #0000008c,inset 0 1px #ffffff1a}.sim__controls label{color:#8fa0b6;gap:8px;font:13px JetBrains Mono,monospace;display:grid}.sim__controls label b{color:#f8fafc;float:right;font-weight:500}input[type=range]{accent-color:#00d2ff;background:#ffffff14;border-radius:999px;width:100%;height:5px}#sc{aspect-ratio:16/9;background:#040914;border:1px solid #00d2ff38;border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 16px 40px #0009}.sim__outputs{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.sim__output{background:linear-gradient(150deg,#071936 0%,#030c1c 100%);border:1px solid #00d2ff33;border-radius:14px;flex-direction:column;justify-content:center;padding:18px 22px;transition:all .25s;display:flex;box-shadow:0 8px 24px #0006}.sim__output:hover{border-color:#00d2ff80;transform:translateY(-2px);box-shadow:0 12px 28px #0000008c,0 0 20px #00d2ff33}.sim__output small{color:#38bdf8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font:600 11px/1 JetBrains Mono,monospace;display:block}.sim__output b{background:linear-gradient(90deg,#fff 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:28px;font-weight:700;line-height:1.15}.sim__output--status{transition:all .3s}.sim__status-val{letter-spacing:.02em;display:block;font-size:26px!important;font-weight:700!important}.status--waspada{background:linear-gradient(150deg,#211c05 0%,#0c0a02 100%)!important;border-color:#eab30880!important}.status--waspada b{background:linear-gradient(90deg,#fff 0%,#facc15 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.status--siaga{background:linear-gradient(150deg,#241407 0%,#0e0702 100%)!important;border-color:#f9731680!important}.status--siaga b{background:linear-gradient(90deg,#fff 0%,#fb923c 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.status--awas{background:linear-gradient(150deg,#2b0b0f 0%,#120305 100%)!important;border-color:#ef444499!important;box-shadow:0 8px 30px #ef444440!important}.status--awas b{background:linear-gradient(90deg,#fff 0%,#f87171 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.sim__note{color:#64748b;margin-top:16px;font:12px/1.6 JetBrains Mono,monospace}.cta-banner{background:linear-gradient(135deg,#072147 0%,#030e20 55%,#051934 100%);border:1px solid #00d2ff52;border-radius:22px;padding:clamp(36px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 25px 65px #000000a6,0 0 45px #00d2ff26}.cta-banner__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,60px);display:grid}.cta-banner__content{max-width:680px}.cta-banner__title{letter-spacing:-.025em;color:#f8fafc;margin:14px 0 16px;font:300 clamp(30px,4.2vw,48px)/1.12 Inter,sans-serif}.cta-banner__lead{color:#8fa0b6;margin:0 0 28px;font-size:15px;line-height:1.7}.cta-banner__actions{flex-wrap:wrap;gap:12px;display:flex}.apk-meta-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin-top:28px;padding-top:22px;display:grid}.apk-meta-item{flex-direction:column;gap:4px;display:flex}.apk-meta-label{color:#38bdf8;letter-spacing:.12em;font:600 10px/1 JetBrains Mono,monospace}.apk-meta-val{color:#e2e8f0;font:400 13px/1.3 Inter,sans-serif}.cta-banner__visuals{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.phone-mockup{background:#020713;border:3px solid #00d2ff59;border-radius:36px;flex-direction:column;width:205px;height:410px;padding:10px 8px;display:flex;position:relative;box-shadow:0 24px 60px #000c,0 0 35px #00d2ff33}.phone-mockup__speaker{background:#ffffff40;border-radius:99px;width:44px;height:4px;margin:2px auto 8px}.phone-mockup__screen{background:linear-gradient(#051429 0%,#020814 100%);border:1px solid #00d2ff26;border-radius:26px;flex-direction:column;flex:1;gap:10px;padding:12px 10px;display:flex;overflow:hidden}.mockup-header{justify-content:space-between;align-items:center;display:flex}.mockup-header__logo{letter-spacing:.1em;color:#00d2ff;font:700 11px/1 Inter,sans-serif}.mockup-header__status{color:#38ef7d;align-items:center;gap:5px;font:600 9px/1 JetBrains Mono,monospace;display:flex}.mockup-dot{background:#38ef7d;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse;box-shadow:0 0 6px #38ef7d}.mockup-alert{background:#ef444429;border:1px solid #ef444466;border-radius:10px;padding:7px 9px}.mockup-alert__tag{color:#ef4444;letter-spacing:.1em;margin-bottom:3px;font:700 8px/1 JetBrains Mono,monospace}.mockup-alert__title{color:#fff;font:700 10px/1.2 Inter,sans-serif}.mockup-alert__sub{color:#fca5a5;margin-top:2px;font:400 8.5px/1.2 Inter,sans-serif}.mockup-radar{background:radial-gradient(circle,#082442 0%,#030d1c 70%);border:1px solid #00d2ff33;border-radius:12px;justify-content:center;align-items:center;width:100%;height:125px;display:flex;position:relative;overflow:hidden}.mockup-radar__circle{border:1px solid #00d2ff33;border-radius:50%;position:absolute}.mockup-radar__circle--1{width:32px;height:32px}.mockup-radar__circle--2{width:68px;height:68px}.mockup-radar__circle--3{width:106px;height:106px}.mockup-radar__line{transform-origin:0%;background:linear-gradient(90deg,#0000,#00d2ff);width:50%;height:1px;animation:3s linear infinite radarSweep;position:absolute;left:50%}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mockup-radar__pin{background:#38ef7d;border-radius:50%;width:7px;height:7px;position:absolute;top:35%;right:32%;box-shadow:0 0 8px #38ef7d}.mockup-card{background:#00d2ff14;border:1px solid #00d2ff33;border-radius:10px;margin-top:auto;padding:7px 9px}.mockup-card__dest{color:#fff;font:600 9.5px/1.2 Inter,sans-serif}.mockup-card__eta{color:#38bdf8;margin-top:2px;font:400 8.5px/1.2 JetBrains Mono,monospace}.qr-card{text-align:center;background:linear-gradient(150deg,#071936 0%,#030c1c 100%);border:1px solid #00d2ff40;border-radius:18px;flex-direction:column;align-items:center;gap:10px;max-width:160px;padding:16px;display:flex;box-shadow:0 12px 32px #00000080}.qr-card__code{background:#041226;border:1px solid #00d2ff4d;border-radius:10px;padding:4px;overflow:hidden}.qr-card__label b{color:#f8fafc;font:600 11.5px/1.2 Inter,sans-serif;display:block}.qr-card__label small{color:#94a3b8;margin-top:3px;font:400 10px/1.3 Inter,sans-serif;display:block}.samudra-toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;background:#061e38;border:1px solid #00d2ff;border-radius:999px;padding:12px 24px;font:500 13px Inter,sans-serif;transition:all .35s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 14px 40px #000000b3,0 0 20px #00d2ff59}.samudra-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=900px){.cta-banner__grid{grid-template-columns:1fr}.cta-banner__visuals{margin-top:14px}}.mitigasi-section{border-top:1px solid #ffffff14;padding-top:clamp(80px,10vw,130px);padding-bottom:clamp(60px,8vw,100px);position:relative}.mitigasi-header{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:40px;margin-bottom:40px;padding-bottom:24px;display:grid}.mitigasi-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#38ef7d;align-items:center;gap:8px;margin-bottom:14px;font:500 11px/1 JetBrains Mono,monospace;display:flex}.mitigasi-eyebrow:before{content:"";background:#38ef7d;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #38ef7d}.mitigasi-title{letter-spacing:-.03em;color:#f8fafc;margin:0;font:300 clamp(32px,4.2vw,54px)/1.08 Inter,sans-serif}.mitigasi-lede{color:#8fa0b6;max-width:44ch;margin:0;font-size:15px;line-height:1.7}.mitigasi-counter{color:#00d2ff;letter-spacing:.08em;margin-top:14px;font:500 12px/1 JetBrains Mono,monospace;display:inline-block}.mitigasi-carousel{align-items:center;width:100%;display:flex;position:relative}.mitigasi-slider-wrapper{width:100%;position:relative;overflow:hidden}.mitigasi-arrow-btn{-webkit-backdrop-filter:blur(12px);color:#00d2ff;cursor:pointer;z-index:10;background:#030e1ee0;border:1.5px solid #00d2ff73;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #000000bf,0 0 18px #00d2ff40}.mitigasi-arrow-btn:hover{color:#020a16;background:#00d2ff;border-color:#00d2ff;transform:translateY(-50%)scale(1.12);box-shadow:0 12px 35px #000000d9,0 0 28px #00d2ffb3}.mitigasi-arrow-btn:active{transform:translateY(-50%)scale(.95)}.mitigasi-arrow-btn--prev{left:-24px}.mitigasi-arrow-btn--next{right:-24px}@media (width<=1280px){.mitigasi-arrow-btn--prev{left:8px}.mitigasi-arrow-btn--next{right:8px}}.mitigasi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.mitigasi-grid--3col{scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#00d2ff4d transparent;gap:24px;padding:8px 4px 20px;display:flex;overflow-x:auto}.mitigasi-grid--3col::-webkit-scrollbar{height:6px}.mitigasi-grid--3col::-webkit-scrollbar-track{background:#ffffff0a;border-radius:99px}.mitigasi-grid--3col::-webkit-scrollbar-thumb{background:#00d2ff59;border-radius:99px}.mitigasi-grid--3col .mitigasi-card{scroll-snap-align:start;flex:0 0 calc(33.3333% - 16px);min-width:310px}@media (width<=1024px){.mitigasi-grid--3col .mitigasi-card{flex:0 0 calc(50% - 12px);min-width:280px}}@media (width<=680px){.mitigasi-grid--3col .mitigasi-card{flex:0 0 88%;min-width:260px}}.mitigasi-card{cursor:pointer;background:linear-gradient(145deg,#071529 0%,#030a16 100%);border:1px solid #00d2ff29;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden}.mitigasi-card:hover{border-color:#00d2ff80;transform:translateY(-5px);box-shadow:0 18px 42px #000000a6,0 0 28px #00d2ff2e}.mitigasi-card__thumb{background:#051326;border-bottom:1px solid #ffffff0f;width:100%;height:190px;position:relative;overflow:hidden}.mitigasi-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.mitigasi-card:hover .mitigasi-card__thumb img{transform:scale(1.05)}.mitigasi-card__step-badge{color:#38ef7d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;background:#04120ce0;border:1px solid #38ef7d59;border-radius:20px;padding:6px 12px;font:700 11px/1 JetBrains Mono,monospace;position:absolute;top:14px;left:14px}.mitigasi-card__body{flex-direction:column;flex-grow:1;padding:22px;display:flex}.mitigasi-card__title{color:#f8fafc;margin:0 0 10px;font:500 18px/1.35 Inter,sans-serif;transition:color .2s}.mitigasi-card:hover .mitigasi-card__title{color:#38ef7d}.mitigasi-card__desc{color:#8fa0b6;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 18px;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.mitigasi-card__action{color:#38ef7d;align-items:center;gap:6px;font:500 12.5px/1 JetBrains Mono,monospace;transition:gap .2s;display:inline-flex}.mitigasi-card:hover .mitigasi-card__action{gap:10px}@media (width<=800px){.mitigasi-header{grid-template-columns:1fr;gap:16px}}.morgana-section{border-top:1px solid #ffffff14;padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(80px,10vw,140px)}.morgana-header{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:40px;margin-bottom:36px;padding-bottom:24px;display:grid}.morgana-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#00d2ff;margin-bottom:14px;font:500 11px/1 JetBrains Mono,monospace;display:block}.morgana-title{letter-spacing:-.03em;color:#f8fafc;max-width:18ch;margin:0;font:300 clamp(32px,4.2vw,56px)/1.08 Inter,sans-serif}.morgana-lede{color:#8fa0b6;max-width:44ch;margin:0;font-size:15px;line-height:1.7}.morgana-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:20px;margin-bottom:40px;display:grid}#morgana-hero-container{flex-direction:column;height:100%;min-height:100%;display:flex}.morgana-hero-card{cursor:pointer;box-sizing:border-box;background:linear-gradient(145deg,#07152c 0%,#030a17 100%);border:1px solid #00d2ff29;border-radius:18px;flex-direction:column;flex:auto;height:100%;min-height:100%;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.morgana-hero-card:hover{border-color:#00d2ff80;transform:translateY(-4px);box-shadow:0 20px 50px #0009,0 0 35px #00d2ff2e}.morgana-hero-card__visual{background:#040e1f;flex:1;width:100%;min-height:200px;position:relative;overflow:hidden}.morgana-hero-card__visual:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#02061299 0%,#02061233 38%,#020612e6 100%);position:absolute;inset:0}.morgana-hero-card__visual img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.morgana-hero__svg{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block;position:absolute;inset:0}.morgana-hero-card:hover .morgana-hero__svg{transform:scale(1.02)}.morgana-hero-card__overlay{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:20px;right:20px}.morgana-hero-card__content{background:0 0;flex-direction:column;flex-shrink:0;padding:20px 24px;display:flex}.morgana-hero-card__title{color:#f8fafc;margin:0 0 8px;font:500 19px/1.35 Inter,sans-serif;transition:color .2s}.morgana-hero-card:hover .morgana-hero-card__title{color:#00d2ff}.morgana-hero-card__desc{color:#8fa0b6;margin:0;font-size:13.5px;line-height:1.6}.morgana-stack{box-sizing:border-box;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;height:100%;display:grid}.morgana-card{cursor:pointer;box-sizing:border-box;background:linear-gradient(145deg,#07152c 0%,#030a17 100%);border:1px solid #00d2ff29;border-radius:14px;grid-template-columns:1fr 132px;align-items:center;gap:16px;height:100%;min-height:0;padding:14px 18px;transition:transform .25s,border-color .25s,background .25s;display:grid}.morgana-card:hover{background:linear-gradient(145deg,#0a1f3d 0%,#040e1f 100%);border-color:#00d2ff80;transform:translateY(-2px);box-shadow:0 12px 30px #00000080,0 0 18px #00d2ff1f}.morgana-card:hover .morgana-card__title{color:#00d2ff}.morgana-card__top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.morgana-badge{color:#00d2ff;text-transform:uppercase;letter-spacing:.05em;background:#00d2ff14;border:1px solid #00d2ff59;border-radius:999px;padding:3px 9px;font:500 10px JetBrains Mono,monospace;display:inline-block}.morgana-read-time{color:#64748b;font:400 11px JetBrains Mono,monospace}.morgana-card__title{color:#f8fafc;margin:0 0 6px;font:500 16px/1.3 Inter,sans-serif;transition:color .2s}.morgana-card__excerpt{color:#8fa0b6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.morgana-read-more{color:#00d2ff;align-items:center;gap:5px;margin-top:8px;font:500 11.5px/1 JetBrains Mono,monospace;transition:transform .2s,color .2s;display:inline-flex}.morgana-hero-card:hover .morgana-read-more,.morgana-card:hover .morgana-read-more,.morgana-latest-card:hover .morgana-read-more{color:#38bdf8;transform:translate(4px)}.morgana-card__thumb{background:#051326;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;width:132px;height:94px;overflow:hidden}.morgana-thumb__svg,.morgana-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.morgana-latest{border-top:1px solid #ffffff0f;margin-top:48px;padding-top:40px}.morgana-latest__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.morgana-subheading{letter-spacing:-.02em;color:#f8fafc;margin:0;font:300 32px Inter,sans-serif}.morgana-sublede{color:#8fa0b6;max-width:44ch;margin:0;font-size:14px;line-height:1.6}.morgana-latest__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.morgana-latest-card{cursor:pointer;background:linear-gradient(145deg,#07152c 0%,#030a17 100%);border:1px solid #00d2ff29;border-radius:18px;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.morgana-latest-card:hover{border-color:#00d2ff80;transform:translateY(-4px);box-shadow:0 16px 36px #00000080,0 0 25px #00d2ff26}.morgana-latest-card:hover .morgana-latest-card__title{color:#00d2ff}.morgana-latest-card__thumb{background:#051326;border-bottom:1px solid #ffffff0f;width:100%;height:140px;overflow:hidden}.morgana-latest-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.morgana-latest-card__body{flex-direction:column;flex-grow:1;padding:22px 20px;display:flex}.morgana-latest-card__title{color:#f8fafc;margin:0 0 10px;font:500 16px/1.4 Inter,sans-serif;transition:color .2s}.morgana-latest-card__excerpt{color:#8fa0b6;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.morgana-faq{border-top:1px solid #ffffff14;grid-template-columns:1fr 1.65fr;align-items:start;gap:48px;margin-top:72px;padding-top:52px;display:grid}.morgana-faq__title{letter-spacing:-.02em;color:#f8fafc;margin:8px 0 16px;font:300 clamp(28px,3.5vw,42px)/1.15 Inter,sans-serif}.morgana-faq__desc{color:#8fa0b6;max-width:34ch;margin:0;font-size:14px;line-height:1.65}.morgana-accordion{flex-direction:column;gap:8px;display:flex}.morgana-accordion__item{background:#080d0a;border:1px solid #ffffff14;border-radius:8px;transition:background .2s,border-color .2s;overflow:hidden}.morgana-accordion__trigger{color:#f8fafc;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;font:500 15px Inter,sans-serif;transition:color .2s;display:flex}.morgana-accordion__trigger:hover{color:#00d2ff}.morgana-accordion__icon{color:#00d2ff;flex-shrink:0;font:300 22px/1 monospace;transition:transform .2s}.morgana-accordion__content{color:#94a3b8;padding:0 22px 20px;font-size:13.5px;line-height:1.7;display:none}.morgana-accordion__content p{margin:0}.morgana-accordion__item--active{background:#00d2ff!important;border-color:#00d2ff!important}.morgana-accordion__item--active .morgana-accordion__trigger{color:#030a17!important;font-weight:600!important}.morgana-accordion__item--active .morgana-accordion__icon{color:#030a17!important;font-weight:700!important}.morgana-accordion__item--active .morgana-accordion__content{color:#061938!important;font-weight:500!important}@media (width<=960px){.morgana-header{grid-template-columns:1fr;gap:16px}.morgana-hero-grid{grid-template-columns:1fr;gap:20px}#morgana-hero-container,.morgana-hero-card{height:auto;min-height:auto}.morgana-hero-card__visual{flex:none;height:260px}.morgana-stack{grid-template-rows:auto;height:auto}.morgana-latest__grid{grid-template-columns:1fr}.morgana-faq{grid-template-columns:1fr;gap:28px}.morgana-card{grid-template-columns:1fr 120px;height:auto;padding:18px 20px}.morgana-card__thumb{width:120px;height:90px}}.checklist-card{background:#080d0a;border:1px solid #ffffff14;border-radius:16px;max-width:640px;padding:32px clamp(20px,4vw,36px)}.checklist{flex-direction:column;gap:6px;display:flex}.checklist__item{cursor:pointer;color:#cbd5e1;background:#ffffff05;border:1px solid #0000;border-radius:8px;align-items:center;gap:14px;padding:12px 14px;font-size:14.5px;transition:background .2s,border-color .2s,color .2s;display:flex}.checklist__item:hover{color:#f8fafc;background:#ffffff0d;border-color:#ffffff14}.checklist__item input{accent-color:#00d2ff;cursor:pointer;flex-shrink:0;width:18px;height:18px}.progress-bar{background:#ffffff14;border-radius:999px;height:6px;margin-top:24px;overflow:hidden}.progress-bar__fill{background:#00d2ff;border-radius:999px;width:0;height:100%;transition:width .3s;box-shadow:0 0 10px #00d2ff80}.progress-note{color:#8fa0b6;margin-top:14px;font:12px JetBrains Mono,monospace}footer{color:#64748b;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:40px clamp(20px,5vw,72px);font:12px JetBrains Mono,monospace;display:flex}@media (width<=960px){.features-bento{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.nav__links,.stage__label{display:none}nav{grid-template-columns:1fr auto}.scene-nav{display:none}.vig{background:linear-gradient(#020512e0,#02051266 70%)}.flow-grid,.features-bento,.sim,.sim__outputs{grid-template-columns:1fr}.cta-banner{padding:32px 20px}.cta-banner__actions{flex-direction:column}.scene{width:calc(100% - 40px);top:42%}.scene h1{font-size:clamp(32px,9vw,44px)}.hud{gap:14px}}@media (height<=820px){.scene h1{margin:14px 0 12px;font-size:clamp(34px,4vw,54px)}.scene__lede{margin-bottom:18px;line-height:1.6}.scene__stats{margin-bottom:20px}.scene__stats b{font-size:28px}}.article-modal{z-index:99999;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:clamp(16px,4vw,32px);transition:opacity .25s;display:flex;position:fixed;inset:0}.article-modal--open{opacity:1;pointer-events:auto}.article-modal__backdrop{-webkit-backdrop-filter:blur(14px);background:#030712d9;position:absolute;inset:0}.article-modal__dialog{z-index:2;background:#070e1a;border:1px solid #00d2ff4d;border-radius:20px;flex-direction:column;width:100%;max-width:760px;max-height:88vh;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 25px 65px #000000bf,0 0 40px #00d2ff1f}.article-modal--open .article-modal__dialog{transform:translateY(0)scale(1)}.article-modal__close{z-index:10;color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:18px;right:18px}.article-modal__close:hover{color:#00d2ff;background:#00d2ff33;border-color:#00d2ff;transform:scale(1.05)}.article-modal__scroll{padding:clamp(24px,5vw,40px);overflow-y:auto}.article-modal__meta{align-items:center;gap:12px;margin-bottom:14px;display:flex}.article-modal__date{color:#64748b;font:400 12px JetBrains Mono,monospace}.article-modal__title{letter-spacing:-.025em;color:#f8fafc;margin:0 0 18px;font:400 clamp(24px,4vw,36px)/1.2 Inter,sans-serif}.article-modal__author{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;display:flex}.article-modal__avatar{object-fit:cover;border:1.5px solid #00d2ff;border-radius:50%;flex-shrink:0;width:42px;height:42px}.article-modal__avatar-placeholder{color:#00d2ff;background:#082347;border:1.5px solid #00d2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:600;display:flex}.article-modal__author-name{color:#f8fafc;font:500 14px Inter,sans-serif}.article-modal__author-role{color:#00d2ff;letter-spacing:.05em;font:400 11px JetBrains Mono,monospace}.article-modal__cover{background:#040914;border:1px solid #ffffff14;border-radius:12px;max-height:400px;margin-bottom:24px;overflow:hidden}.article-modal__cover img{object-fit:cover;width:100%;height:auto;max-height:400px;display:block}.article-modal__body{color:#cbd5e1;white-space:pre-wrap;margin-bottom:32px;font-size:15.5px;line-height:1.85}.article-modal__footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding-top:18px;display:flex}.article-page{color:#f8fafc;background:#020512;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.article-bg-aura{pointer-events:none;filter:blur(100px);z-index:0;border-radius:50%;position:absolute}.article-bg-aura--top{background:radial-gradient(circle,#00b4ff38 0%,#023c8c24 50%,#0000 80%);width:780px;height:380px;top:40px;left:50%;transform:translate(-50%)}.article-bg-aura--mid{background:radial-gradient(circle,#0e74e026 0%,#0000 70%);width:600px;height:450px;top:900px;right:-100px}.article-page__nav{z-index:50;padding:calc(16px + env(safe-area-inset-top,0px)) clamp(20px, 5vw, 72px) 16px;-webkit-backdrop-filter:blur(18px);background:#020512e0;border-bottom:1px solid #00d2ff1f;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.article-page__back-btn{color:#f8fafc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font:500 13px Inter,sans-serif;transition:all .25s;display:inline-flex}.article-page__back-btn:hover{color:#00d2ff;background:#00d2ff26;border-color:#00d2ff;transform:translate(-3px);box-shadow:0 0 15px #00d2ff40}.article-page__back-btn svg{transition:transform .25s}.article-page__back-btn:hover svg{transform:translate(-3px)}.article-page__main{width:100%;max-width:1040px;padding:calc(96px + env(safe-area-inset-top,0px)) clamp(20px, 4vw, 36px) 100px;z-index:1;flex:1;margin:0 auto;position:relative}.article-page__loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;font:400 14px Inter,sans-serif;display:flex}.article-page__spinner{border:3px solid #00d2ff26;border-top-color:#00d2ff;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite articleSpin;box-shadow:0 0 20px #00d2ff59}@keyframes articleSpin{to{transform:rotate(360deg)}}.article-hero-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:34px;display:flex}.article-hero__badge-wrap{margin-bottom:16px}.article-pill-badge{text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;background:#00d2ff1a;border:1px solid #00d2ff59;border-radius:999px;align-items:center;padding:6px 16px;font:600 11.5px/1 JetBrains Mono,monospace;display:inline-flex;box-shadow:0 0 16px #00d2ff2e}.article-pill-badge--cyan{color:#38bdf8;background:#38bdf81f;border-color:#38bdf866}.article-hero__title{letter-spacing:-.03em;color:#fff;max-width:24ch;margin:0 0 20px;font:400 clamp(30px,4.8vw,54px)/1.15 Inter,sans-serif}.article-hero__byline{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:13.5px;display:inline-flex}.article-hero__avatar{object-fit:cover;border:1.5px solid #00d2ff;border-radius:50%;width:30px;height:30px;box-shadow:0 0 10px #00d2ff4d}.article-hero__avatar-placeholder{color:#00d2ff;background:#082347;border:1.5px solid #00d2ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.article-hero__author-name{color:#f8fafc;font-weight:500}.article-hero__sep{color:#475569}.article-hero__readtime{color:#38bdf8;align-items:center;font-family:JetBrains Mono,monospace;font-size:12.5px;display:inline-flex}.article-hero-visual-card{width:100%;margin:0 0 54px;position:relative}.article-hero-glow{filter:blur(40px);pointer-events:none;z-index:1;background:radial-gradient(#00a0ff61 0%,#023c8c38 48%,#02051200 75%);border-radius:36px;position:absolute;inset:-40px -20px}.article-hero-image-wrap{z-index:2;background:#051024;border:1px solid #38bdf842;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 25px 70px #000c,0 0 35px #00d2ff1f}.article-hero-image-wrap img{object-fit:cover;width:100%;height:auto;max-height:520px;display:block}.article-hero-fallback-mesh{aspect-ratio:16/9;background:#051024;width:100%;display:block}.article-layout{grid-template-columns:220px 1fr;align-items:start;gap:48px;display:grid}.article-sidebar{position:relative}.article-sidebar__sticky{flex-direction:column;gap:32px;display:flex;position:sticky;top:96px}.article-sidebar__title{text-transform:uppercase;letter-spacing:.14em;color:#f8fafc;margin:0 0 14px;font:600 12px/1 JetBrains Mono,monospace}.article-sidebar__toc{flex-direction:column;display:flex}.article-toc-link{color:#8fa0b6;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;text-decoration:none;transition:all .2s;display:flex}.article-toc-line{background:#ffffff26;border-radius:2px;width:2px;height:14px;transition:all .2s}.article-toc-link:hover{color:#38bdf8}.article-toc-link:hover .article-toc-line{background:#00d2ff;box-shadow:0 0 8px #00d2ff}.article-toc-link--active{font-weight:500;color:#38bdf8!important}.article-toc-link--active .article-toc-line{width:3px;box-shadow:0 0 10px #00d2ff;background:#00d2ff!important}.article-sidebar__share-title{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font:500 12px/1 JetBrains Mono,monospace}.article-share-icons{gap:8px;display:flex}.article-share-icon-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.article-share-icon-btn:hover{color:#fff;background:#00d2ff33;border-color:#00d2ff;transform:translateY(-2px);box-shadow:0 4px 14px #00d2ff59}.article-main-body{color:#cbd5e1;font:300 16.5px/1.85 Inter,sans-serif}.article-body-section{margin-bottom:38px;scroll-margin-top:100px}.article-body-section__title{letter-spacing:-.015em;color:#f8fafc;margin:0 0 14px;font:500 22px/1.3 Inter,sans-serif}.article-body-section__text{color:#cbd5e1;margin:0}.article-callout-quote{background:linear-gradient(135deg,#071c3cbf 0%,#030d1ee6 100%);border:1px solid #00d2ff38;border-left:4px solid #00d2ff;border-radius:12px;margin:28px 0;padding:22px 26px;box-shadow:0 8px 24px #0006,0 0 20px #00d2ff14}.article-callout-quote p{color:#e2e8f0;margin:0 0 10px;font-size:16px;font-style:italic;line-height:1.65}.article-callout-quote cite{color:#38bdf8;letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:12.5px;font-style:normal}.article-glow-banner{text-align:center;background:linear-gradient(135deg,#072147 0%,#030e20 55%,#051934 100%);border:1px solid #00d2ff52;border-radius:22px;margin-top:60px;padding:clamp(38px,5.5vw,56px) clamp(24px,5vw,44px);position:relative;overflow:hidden;box-shadow:0 20px 50px #000000a6,0 0 45px #00d2ff26}.article-glow-banner__bg-mesh{pointer-events:none;background:radial-gradient(circle at 50% 0,#00d2ff40 0%,#0000 60%),radial-gradient(circle at 100% 100%,#0369a133 0%,#0000 50%);position:absolute;inset:0}.article-glow-banner__content{z-index:2;max-width:620px;margin:0 auto;position:relative}.article-glow-banner__title{letter-spacing:-.02em;color:#fff;margin:16px 0 14px;font:300 clamp(26px,3.8vw,42px)/1.18 Inter,sans-serif}.article-glow-banner__desc{color:#94a3b8;margin:0 auto 28px;font-size:15px;line-height:1.68}.article-glow-banner__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.article-related-section{border-top:1px solid #ffffff14;margin-top:76px;padding-top:56px}.article-related__header{margin-bottom:28px}.article-related__title{letter-spacing:-.02em;color:#f8fafc;margin:0 0 8px;font:300 clamp(24px,3.2vw,36px) Inter,sans-serif}.article-related__desc{color:#8fa0b6;margin:0;font-size:14px}.article-related__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.article-related-card{background:#060e1d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.article-related-card:hover{border-color:#00d2ff73;transform:translateY(-5px);box-shadow:0 18px 40px #00000080,0 0 28px #00d2ff29}.article-related-card__thumb{background:#030814;border-bottom:1px solid #ffffff0f;width:100%;height:145px;position:relative;overflow:hidden}.article-related-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.article-related-card:hover .article-related-card__thumb img{transform:scale(1.05)}.article-related-card__thumb-placeholder{background:#041021;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.article-related-card__body{flex-direction:column;flex-grow:1;padding:20px 18px;display:flex}.article-related-card__meta{color:#64748b;align-items:center;gap:8px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.article-related-card__author{color:#94a3b8}.article-related-card__title{color:#f8fafc;margin:0 0 8px;font:500 16px/1.35 Inter,sans-serif;transition:color .2s}.article-related-card:hover .article-related-card__title{color:#00d2ff}.article-related-card__excerpt{color:#8fa0b6;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 14px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-related-card__tags{flex-wrap:wrap;gap:6px;display:flex}.article-tag-pill{color:#38bdf8;background:#00d2ff14;border:1px solid #00d2ff38;border-radius:999px;padding:3px 9px;font:500 10.5px JetBrains Mono,monospace}.article-newsletter-card{text-align:center;background:linear-gradient(135deg,#081c3cd9 0%,#030b1af2 100%);border:1px solid #00d2ff40;border-radius:20px;margin-top:50px;padding:44px clamp(20px,4vw,36px);position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.article-newsletter-card__glow{filter:blur(35px);pointer-events:none;background:radial-gradient(circle,#00d2ff40 0%,#0000 70%);width:360px;height:180px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.article-newsletter-card__content{z-index:2;max-width:520px;margin:0 auto;position:relative}.article-newsletter-card__title{letter-spacing:-.02em;color:#fff;margin:0 0 10px;font:400 clamp(22px,3.2vw,32px) Inter,sans-serif}.article-newsletter-card__desc{color:#94a3b8;margin:0 auto;font-size:14.5px;line-height:1.6}.article-newsletter-form{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.article-newsletter-input{color:#f8fafc;background:#00000073;border:1px solid #ffffff29;border-radius:999px;outline:none;flex:1;min-width:220px;padding:12px 22px;font-size:14px;transition:all .2s}.article-newsletter-input:focus{border-color:#00d2ff;box-shadow:0 0 14px #00d2ff4d}.article-newsletter-btn{padding:12px 24px;font-size:13.5px}@media (width<=900px){.article-layout{grid-template-columns:1fr;gap:32px}.article-sidebar__sticky{position:static}.article-related__grid{grid-template-columns:1fr}}@media (width<=640px){.article-page__nav{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px}.article-page__main{padding:calc(80px + env(safe-area-inset-top,0px)) 16px 60px}.article-page__back-btn span{display:none}}