.app-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark-root);color:var(--text-bright)}:root{--bg-dark-root: #071A2C;--bg-dark-alt: #0E2A44;--bg-dark-card: #0A2239;--bg-dark-card-hover: #0E2E4D;--bg-dark-input: #071A2C;--bg-header: rgba(7, 26, 44, .94);--color-cyan: #3FE0D0;--color-cyan-glow: rgba(63, 224, 208, .35);--color-cyan-subtle: rgba(63, 224, 208, .12);--color-cyan-hover: #5eead4;--color-green: #4CC38A;--color-green-glow: rgba(76, 195, 138, .4);--color-green-subtle: rgba(76, 195, 138, .15);--color-amber: #E8A33D;--color-amber-glow: rgba(232, 163, 61, .4);--text-bright: #E9F2F3;--text-muted: #84A0B4;--text-dim: #50687C;--text-cyan: #3FE0D0;--text-dark: #071A2C;--border-subtle: rgba(233, 242, 243, .12);--border-subtle-hover: rgba(63, 224, 208, .4);--border-cyan: #3FE0D0;--font-display: "Big Shoulders Display", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Inter", sans-serif;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-body);background-color:var(--bg-dark-root);color:var(--text-bright);min-height:100vh;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 36px}@media (max-width: 768px){.container{padding:0 20px}}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:var(--transition)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}.brand-wrapper{display:flex;align-items:center;gap:14px;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-logo-img{height:48px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(63,224,208,.25));transition:var(--transition)}.brand-wrapper:hover .brand-logo-img{transform:scale(1.04)}.brand-text-block{display:flex;flex-direction:column}.brand-title-text{font-family:var(--font-display);font-size:1.95rem;font-weight:900;letter-spacing:.04em;color:var(--text-bright);line-height:1}.brand-subtitle-text{font-family:var(--font-mono);font-size:.62rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:3px}.nav-menu-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-link-item{font-family:var(--font-body);font-size:.92rem;font-weight:500;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;padding:4px 0}.nav-link-item:hover,.nav-link-item.active{color:var(--text-bright)}.nav-link-item:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:var(--color-cyan);transition:width .25s ease}.nav-link-item:hover:after,.nav-link-item.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.btn-cyan-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-cyan);color:var(--text-dark);font-family:var(--font-mono);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:12px 24px;border-radius:4px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--transition);box-shadow:0 4px 15px #3fe0d033}.btn-cyan-primary:hover{background-color:var(--color-cyan-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3fe0d059}.btn-cyan-primary:active{transform:translateY(0)}.btn-cyan-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;color:var(--color-cyan);font-family:var(--font-mono);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:12px 24px;border-radius:4px;border:1px solid var(--color-cyan);cursor:pointer;text-decoration:none;transition:var(--transition)}.btn-cyan-outline:hover{background-color:#3fe0d01f;border-color:var(--color-cyan-hover);color:var(--color-cyan-hover);box-shadow:0 0 15px #3fe0d033}.mobile-menu-btn{display:none;background:none;border:1px solid var(--border-subtle);color:var(--text-bright);padding:8px;border-radius:6px;cursor:pointer}@media (max-width: 960px){.nav-menu-links{display:none}.nav-menu-links.is-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--bg-dark-root);border-bottom:1px solid var(--border-subtle);padding:24px 32px;gap:20px}.mobile-menu-btn{display:block}}.hero-section-wrap{position:relative;background-color:#071a2c;padding:80px 0 96px;overflow:hidden;border-bottom:1px solid var(--border-subtle);min-height:660px}.radar-container{position:absolute;top:-220px;left:-220px;width:560px;height:560px;border-radius:50%;pointer-events:none;z-index:1;overflow:hidden}.radar-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#3fe0d00d,#071a2cf2 75%),linear-gradient(rgba(63,224,208,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(63,224,208,.06) 1px,transparent 1px);background-size:100% 100%,36px 36px,36px 36px}.radar-circle{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(63,224,208,.16)}.radar-c1{width:170px;height:170px;border-color:#3fe0d038}.radar-c2{width:340px;height:340px;border-color:#3fe0d02e}.radar-c3{width:510px;height:510px;border-color:#3fe0d024}.radar-crosshair-x{position:absolute;top:50%;left:0;right:0;height:1px;background:#3fe0d029;transform:translateY(-50%)}.radar-crosshair-y{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#3fe0d029;transform:translate(-50%)}.radar-center-point{position:absolute;top:50%;left:50%;width:6px;height:6px;background:#3fe0d0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #3fe0d0}.radar-sweep-beam{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(63,224,208,.46) 0deg,rgba(63,224,208,.2) 25deg,rgba(63,224,208,.03) 55deg,transparent 65deg,transparent 360deg);animation:radarSweepScan 4.5s linear infinite;transform-origin:50% 50%}.radar-sweep-beam:after{content:"";position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,#3FE0D0 0%,rgba(63,224,208,.8) 70%,transparent 100%);box-shadow:0 0 10px #3fe0d0;transform-origin:0% 0%}@keyframes radarSweepScan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-blip{position:absolute;width:5px;height:5px;border-radius:50%;background:#4cc38a;box-shadow:0 0 8px #4cc38a;animation:radarBlipGlow 4.5s ease-in-out infinite}.blip-1{top:42%;left:64%;animation-delay:.6s}.blip-2{top:68%;left:36%;animation-delay:2.4s}@keyframes radarBlipGlow{0%,to{opacity:.15;transform:scale(.8)}20%,35%{opacity:1;transform:scale(1.4)}50%{opacity:.2;transform:scale(1)}}.hero-bg-overlay-container{position:absolute;top:0;right:0;width:62%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.hero-bg-patrol-img{width:100%;height:100%;object-fit:cover;object-position:center right;mix-blend-mode:luminosity;opacity:.82;filter:contrast(1.15) brightness(.85)}.hero-bg-gradient-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#071a2c,#071a2cbf 25%,#071a2c33 65%,#071a2c99),linear-gradient(180deg,#071a2c66,#071a2c1a 40%,#071a2cd9),radial-gradient(circle at 80% 45%,rgba(63,224,208,.28) 0%,transparent 60%)}.hero-container-rel{position:relative;z-index:2}.hero-grid-content{display:grid;grid-template-columns:1.18fr .82fr;gap:40px;align-items:center}@media (max-width: 1024px){.hero-grid-content{grid-template-columns:1fr;gap:48px}.hero-bg-overlay-container{width:100%;opacity:.35}}.hero-left-col{display:flex;flex-direction:column}.hero-badge-pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}.dot-live-green-square{width:7px;height:7px;background-color:var(--color-green);box-shadow:0 0 8px var(--color-green);border-radius:1px}.hero-badge-text{font-family:var(--font-mono);font-size:.78rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--color-cyan)}.hero-main-title{font-family:var(--font-display);font-size:4.8rem;font-weight:900;line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:var(--text-bright);margin-bottom:22px;max-width:620px}.text-cyan-highlight{color:var(--color-cyan)}@media (max-width: 768px){.hero-main-title{font-size:3.4rem}}.hero-sub-text{font-family:var(--font-body);font-size:1.05rem;line-height:1.6;color:var(--text-muted);margin-bottom:32px;max-width:520px}.hero-stats-grid-custom{display:grid;grid-template-columns:180px 200px;gap:16px 28px;padding-top:6px}.hero-stat-box{display:flex;flex-direction:column}.hero-stat-full{grid-column:1 / -1;margin-top:4px}.hero-stat-value{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:var(--text-bright);margin-bottom:2px}.hero-stat-label{font-family:var(--font-mono);font-size:.74rem;font-weight:400;color:var(--text-muted);line-height:1.45}.hero-live-card{background:#0d1f30e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(63,224,208,.18);border-radius:14px;padding:32px 36px;box-shadow:0 24px 50px #0000008c;width:100%;max-width:440px;margin-left:auto}@media (max-width: 1024px){.hero-live-card{margin-left:0;max-width:100%;padding:24px 20px}}.live-card-header{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-cyan);padding-bottom:20px;margin-bottom:8px;border-bottom:1px dashed rgba(132,160,180,.25)}.live-steps-list{display:flex;flex-direction:column}.live-step-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px dashed rgba(132,160,180,.18)}.live-step-row:last-child{border-bottom:none;padding-bottom:4px}.live-step-left{display:flex;align-items:center;gap:16px}.live-step-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.live-step-dot.done{background:#4cc38a;box-shadow:0 0 10px #4cc38ad9}.live-step-dot.current-amber{background:#ffa726;box-shadow:0 0 12px #ffa726e6}.live-step-dot.muted{background:#253d52;box-shadow:none}.live-step-name{font-family:var(--font-body);font-size:1.02rem;font-weight:600;color:#fff;letter-spacing:-.01em}.live-step-time{font-family:var(--font-mono);font-size:.88rem;font-weight:400;color:#84a0b4}.live-step-time.ongoing-amber{color:#ffa726;font-weight:700;font-family:var(--font-mono)}.live-step-time.muted{color:#4a6378}.stats-strip-wrap{background:#071a2c;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:32px 0}.stats-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 900px){.stats-strip-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (max-width: 540px){.stats-strip-grid{grid-template-columns:1fr;gap:20px}}.stats-strip-item{display:flex;flex-direction:column;padding-right:20px;border-right:1px solid var(--border-subtle)}.stats-strip-item:last-child{border-right:none}@media (max-width: 900px){.stats-strip-item:nth-child(2){border-right:none}}@media (max-width: 540px){.stats-strip-item{border-right:none;border-bottom:1px solid var(--border-subtle);padding-bottom:16px}.stats-strip-item:last-child{border-bottom:none;padding-bottom:0}}.stats-strip-num{font-family:var(--font-mono);font-size:1.85rem;font-weight:700;color:var(--color-cyan);line-height:1.1;margin-bottom:6px}.stats-strip-desc{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted)}.section-pad{padding:100px 0;position:relative}.section-pad-alt{padding:100px 0;background:#081f34;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section-tag-prefix{font-family:var(--font-mono);font-size:.82rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--color-cyan);margin-bottom:12px}.section-heading-h2{font-family:var(--font-display);font-size:3.4rem;font-weight:900;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--text-bright);margin-bottom:16px}@media (max-width: 768px){.section-heading-h2{font-size:2.5rem}}.section-desc-p{font-family:var(--font-body);font-size:1.05rem;color:var(--text-muted);max-width:680px;line-height:1.6;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:10px;padding:32px 28px;display:flex;flex-direction:column;transition:var(--transition)}.feature-card:hover{background:var(--bg-dark-card-hover);border-color:var(--border-subtle-hover);transform:translateY(-4px);box-shadow:0 16px 30px #00000059}.feature-icon-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-cyan)}.feature-icon-box img,.feature-icon-box svg{width:38px;height:38px;object-fit:contain}.feature-title{font-family:var(--font-body);font-size:1.2rem;font-weight:700;color:var(--text-bright);margin-bottom:12px}.feature-desc{font-family:var(--font-body);font-size:.92rem;line-height:1.6;color:var(--text-muted)}.workflow-timeline-wrapper{position:relative;max-width:860px;margin:0 auto}.workflow-vertical-trail-bg{position:absolute;top:38px;bottom:38px;left:17px;width:2px;background:#e9f2f31f;z-index:1;border-radius:2px}.workflow-vertical-trail-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,#3fe0d04d,#3fe0d0 80%,#5eead4);box-shadow:0 0 10px #3fe0d0d9,0 0 20px #3fe0d066;transition:height 1.8s cubic-bezier(.22,1,.36,1);border-radius:2px}.workflow-vertical-trail-fill.is-flowing{height:100%}.trail-laser-head{position:absolute;bottom:-4px;left:50%;width:10px;height:10px;border-radius:50%;background:#3fe0d0;transform:translate(-50%);box-shadow:0 0 14px #3fe0d0,0 0 24px #3fe0d0}.workflow-steps-wrap{display:flex;flex-direction:column;position:relative;padding-left:52px;gap:36px;z-index:2}.workflow-step-card{position:relative;background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:10px;padding:26px 30px;transition:var(--transition)}.workflow-step-card:hover{border-color:var(--color-cyan);background:var(--bg-dark-card-hover);transform:translate(6px)}.workflow-step-badge{position:absolute;top:22px;left:-53px;width:36px;height:36px;border-radius:50%;background:var(--bg-dark-root);border:2px solid rgba(233,242,243,.2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.95rem;font-weight:700;transition:all .5s cubic-bezier(.16,1,.3,1)}.workflow-step-badge.is-active-badge{border-color:var(--color-cyan);color:var(--color-cyan);box-shadow:0 0 14px #3fe0d0b3}.workflow-step-title{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--text-bright);margin-bottom:8px}.workflow-step-desc{font-family:var(--font-body);font-size:.95rem;color:var(--color-cyan);line-height:1.6}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.security-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.security-grid{grid-template-columns:1fr}}.security-card{background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:10px;padding:30px 24px;display:flex;flex-direction:column;transition:var(--transition)}.security-card:hover{background:var(--bg-dark-card-hover);border-color:var(--border-subtle-hover);transform:translateY(-4px)}.security-icon-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.security-icon-box img,.security-icon-box svg{width:36px;height:36px;object-fit:contain}.security-title{font-family:var(--font-body);font-size:1.15rem;font-weight:700;color:var(--text-bright);margin-bottom:10px}.security-desc{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);line-height:1.55}.tracking-preview-card{background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:10px;padding:36px;box-shadow:0 24px 50px #0006}@media (max-width: 768px){.tracking-preview-card{padding:24px 16px}}.tracking-input-bar-wrap{display:flex;background:#071a2c;border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden;margin-bottom:36px}@media (max-width: 640px){.tracking-input-bar-wrap{flex-direction:column}}.tracking-text-input-mono{flex:1;background:transparent;border:none;color:var(--text-bright);font-family:var(--font-mono);font-size:.88rem;padding:16px 20px;outline:none}.tracking-text-input-mono::placeholder{color:var(--text-dim)}.btn-lacak-now{background-color:var(--color-cyan);color:var(--text-dark);font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;padding:16px 28px;border:none;border-radius:0;cursor:pointer;white-space:nowrap;transition:var(--transition)}.btn-lacak-now:hover{background-color:var(--color-cyan-hover)}.milestone-interactive-stage{position:relative;width:100%;overflow-x:auto;padding:14px 0 28px}.milestone-diagram-wrap{position:relative;width:100%;max-width:1020px;min-width:720px;margin:0 auto;display:block}.milestone-diagram-img{width:100%;height:auto;display:block}.sailing-ship-wrapper{position:absolute;top:0;left:10%;transform:translate(-50%);z-index:15;pointer-events:none;transition:left 2.4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:center}.sailing-ship-wrapper.is-sailed{left:50%}.ship-icon-vector{display:block;filter:drop-shadow(0 2px 8px rgba(63,224,208,.6));animation:shipWaveBobbing 2.6s ease-in-out infinite}.sailing-ship-wrapper.is-docked .ship-icon-vector{filter:drop-shadow(0 0 14px rgba(63,224,208,.95)) drop-shadow(0 0 6px rgba(232,163,61,.7))}@keyframes shipWaveBobbing{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3.5px) rotate(3deg)}50%{transform:translateY(1.5px) rotate(0)}75%{transform:translateY(-2.5px) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}.ship-beacon-wave{position:absolute;top:14px;left:50%;width:18px;height:18px;border-radius:50%;background:#3fe0d033;border:1px solid rgba(63,224,208,.5);transform:translate(-50%,-50%);animation:shipBeaconPulse 2.2s ease-out infinite;z-index:-1}@keyframes shipBeaconPulse{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.ship-water-wake{width:24px;height:4px;background:radial-gradient(ellipse at center,rgba(63,224,208,.75) 0%,transparent 80%);margin-top:-2px;border-radius:50%;animation:shipWakePulse 1.8s ease-in-out infinite}@keyframes shipWakePulse{0%,to{opacity:.5;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.3)}}.tracking-preview-notice{display:flex;align-items:flex-start;gap:14px;background:#071a2c99;border:1px dashed var(--border-subtle);border-radius:6px;padding:16px 20px}.notice-icon-i{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-cyan);flex-shrink:0;margin-top:1px}.notice-text-content{font-family:var(--font-body);font-size:.88rem;line-height:1.6;color:var(--text-muted)}.notice-text-content strong{color:var(--text-bright)}.site-footer-dark{background:#071a2c;border-top:1px solid var(--border-subtle);padding:80px 0 40px}.footer-main-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}@media (max-width: 1024px){.footer-main-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width: 600px){.footer-main-grid{grid-template-columns:1fr;gap:32px}}.footer-brand-title{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--color-cyan);line-height:1;margin-bottom:8px}.footer-brand-subtitle{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-bright);margin-bottom:12px}.footer-brand-org{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:24px}.footer-emergency-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--color-cyan);padding:10px 16px;border-radius:4px;color:var(--color-cyan);font-family:var(--font-mono);font-size:.82rem;font-weight:700}.footer-col-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;text-transform:uppercase;color:var(--color-cyan);margin-bottom:18px}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link-item{font-family:var(--font-body);font-size:.88rem;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:var(--transition)}.footer-link-item:hover{color:var(--text-bright);transform:translate(3px)}.footer-contact-item{font-family:var(--font-body);font-size:.88rem;color:var(--text-muted);line-height:1.5;margin-bottom:10px}.footer-bottom-bar{border-top:1px solid var(--border-subtle);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-copy-text,.footer-coords-text{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.tracking-page-wrap{min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(63,224,208,.08) 0%,transparent 50%),radial-gradient(circle at 10% 40%,rgba(14,42,68,.5) 0%,transparent 60%),#071a2c;padding-bottom:100px}.tracking-hero-banner{background:linear-gradient(180deg,#071a2c,#0b2239);border-bottom:1px solid var(--border-subtle);padding:48px 0 56px;text-align:center}.tracking-back-nav{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.82rem;color:var(--color-cyan);background:#3fe0d01a;border:1px solid rgba(63,224,208,.25);padding:6px 14px;border-radius:4px;cursor:pointer;margin-bottom:24px;text-decoration:none;transition:var(--transition)}.tracking-back-nav:hover{background:#3fe0d033;transform:translate(-3px)}.tracking-page-title{font-family:var(--font-display);font-size:3.6rem;font-weight:900;text-transform:uppercase;color:var(--text-bright);line-height:1;margin-bottom:14px}@media (max-width: 768px){.tracking-page-title{font-size:2.6rem}}.tracking-page-subtitle{font-family:var(--font-body);font-size:1.05rem;color:var(--text-muted);max-width:620px;margin:0 auto 36px;line-height:1.6}.tracking-search-card{max-width:780px;margin:0 auto;background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;box-shadow:0 16px 36px #0006}.tracking-search-form{display:flex;gap:10px}@media (max-width: 640px){.tracking-search-form{flex-direction:column}}.tracking-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.tracking-input-icon{position:absolute;left:16px;color:var(--color-cyan);pointer-events:none}.tracking-search-input{width:100%;background:var(--bg-dark-root);border:1px solid var(--border-subtle);color:var(--text-bright);font-family:var(--font-mono);font-size:.92rem;padding:14px 44px 14px 48px;border-radius:4px;outline:none;transition:var(--transition)}.tracking-search-input:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px #3fe0d033}.tracking-search-input::placeholder{color:var(--text-dim)}.btn-clear-search{position:absolute;right:14px;background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-clear-search:hover{color:var(--text-bright)}.tracking-content-area{padding-top:48px}.state-box-dark{background:var(--bg-dark-card);border:1px dashed var(--border-subtle);border-radius:10px;padding:60px 32px;text-align:center;max-width:680px;margin:0 auto}.state-icon-circle{width:64px;height:64px;border-radius:50%;background:#3fe0d01a;border:1px solid rgba(63,224,208,.25);color:var(--color-cyan);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.state-icon-circle.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.state-title{font-family:var(--font-body);font-size:1.35rem;font-weight:700;color:var(--text-bright);margin-bottom:10px}.state-desc{font-family:var(--font-body);font-size:.95rem;color:var(--text-muted);line-height:1.6;max-width:500px;margin:0 auto 20px}.spinner-cyan{width:48px;height:48px;border:3px solid rgba(63,224,208,.2);border-top-color:var(--color-cyan);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.case-dashboard-stack{display:flex;flex-direction:column;gap:32px;max-width:1000px;margin:0 auto}.case-overview-card-dark{background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:12px;padding:32px;box-shadow:0 20px 40px #0006}.case-overview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--border-subtle);margin-bottom:28px}.case-type-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.case-number-display{font-family:var(--font-mono);font-size:1.45rem;font-weight:700;color:var(--text-bright);display:flex;align-items:center;gap:12px}.btn-copy-lp{background:#e9f2f314;border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}.btn-copy-lp:hover{color:var(--text-bright);background:#3fe0d026;border-color:var(--color-cyan)}.status-badge-container{display:flex;flex-direction:column;align-items:flex-end}@media (max-width: 640px){.status-badge-container{align-items:flex-start}}.status-pill-main{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;font-weight:700;padding:6px 14px;border-radius:4px;background:#3fe0d026;color:var(--color-cyan);border:1px solid rgba(63,224,208,.35)}.status-date-sub{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted);margin-top:6px}.meta-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}@media (max-width: 900px){.meta-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.meta-grid-4col{grid-template-columns:1fr}}.meta-box-item{background:var(--bg-dark-root);border:1px solid var(--border-subtle);border-radius:6px;padding:16px}.meta-box-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.meta-box-val{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-bright)}.case-notice-box{background:#3fe0d00f;border:1px dashed rgba(63,224,208,.3);border-radius:6px;padding:14px 18px;font-family:var(--font-body);font-size:.85rem;line-height:1.6;color:var(--text-bright)}.stepper-card-dark{background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:12px;padding:32px;box-shadow:0 20px 40px #0006}.stepper-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.stepper-head-title{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--text-bright);display:flex;align-items:center;gap:10px}.stepper-head-badge{font-family:var(--font-mono);font-size:.78rem;color:var(--color-cyan);background:#3fe0d01a;padding:4px 10px;border-radius:4px;border:1px solid rgba(63,224,208,.25)}.stepper-track-wrap{position:relative;display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 768px){.stepper-track-wrap{flex-direction:column;gap:24px}}.stepper-bg-line{position:absolute;top:20px;left:30px;right:30px;height:3px;background:var(--border-subtle);z-index:1}.stepper-progress-fill{position:absolute;top:20px;left:30px;height:3px;background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan);z-index:1;transition:width .5s ease}@media (max-width: 768px){.stepper-bg-line,.stepper-progress-fill{display:none}}.step-node-col{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:140px}@media (max-width: 768px){.step-node-col{flex-direction:row;width:100%;text-align:left;gap:16px}}.step-circle-badge{width:40px;height:40px;border-radius:50%;background:var(--bg-dark-card);border:2px solid var(--border-subtle);color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:.95rem;margin-bottom:12px;transition:var(--transition)}.step-node-col.completed .step-circle-badge{background:var(--color-green);border-color:var(--color-green);color:var(--text-dark);box-shadow:0 0 12px #4cc38a80}.step-node-col.active .step-circle-badge{background:var(--color-cyan);border-color:var(--color-cyan);color:var(--text-dark);box-shadow:0 0 15px #3fe0d0b3}.step-name-text{font-family:var(--font-body);font-size:.92rem;font-weight:700;color:var(--text-bright);margin-bottom:4px}.step-desc-text{font-family:var(--font-body);font-size:.78rem;color:var(--text-muted);line-height:1.4}.timeline-card-dark{background:var(--bg-dark-card);border:1px solid var(--border-subtle);border-radius:12px;padding:32px;box-shadow:0 20px 40px #0006}.timeline-items-list{display:flex;flex-direction:column;gap:20px;padding-left:20px;border-left:2px dashed rgba(63,224,208,.3);margin-top:24px}.timeline-item-block{position:relative;background:var(--bg-dark-root);border:1px solid var(--border-subtle);border-radius:8px;padding:20px;transition:var(--transition)}.timeline-item-block:hover{border-color:var(--color-cyan)}.timeline-dot-pin{position:absolute;top:24px;left:-29px;width:16px;height:16px;border-radius:50%;background:var(--bg-dark-root);border:3px solid var(--color-cyan)}.timeline-item-block.is-latest .timeline-dot-pin{background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan)}.timeline-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.timeline-status-name{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--text-bright);display:flex;align-items:center;gap:8px}.tag-latest-pill{font-family:var(--font-mono);font-size:.72rem;padding:2px 8px;border-radius:4px;background:#3fe0d026;color:var(--color-cyan);border:1px solid rgba(63,224,208,.3)}.timeline-date-val{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.timeline-surat-pill{display:inline-flex;align-items:center;gap:6px;background:#e9f2f30d;border:1px solid var(--border-subtle);border-radius:4px;padding:4px 10px;font-family:var(--font-mono);font-size:.76rem;color:var(--color-cyan);margin-bottom:10px}.timeline-note-body{font-family:var(--font-body);font-size:.9rem;line-height:1.6;color:var(--text-muted)}.toast-slide-enter-active,.toast-slide-leave-active{transition:all .3s ease}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translateY(20px)}.anim-fade-in-1{animation:heroFadeSlideUp .8s cubic-bezier(.16,1,.3,1) .1s both}.anim-fade-in-2{animation:heroFadeSlideUp .9s cubic-bezier(.16,1,.3,1) .25s both}.anim-fade-in-3{animation:heroFadeSlideUp .9s cubic-bezier(.16,1,.3,1) .4s both}.anim-fade-in-4{animation:heroFadeSlideUp .9s cubic-bezier(.16,1,.3,1) .55s both}.animate-hero-right{animation:heroCardSlideIn 1s cubic-bezier(.16,1,.3,1) .35s both}@keyframes heroFadeSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes heroCardSlideIn{0%{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.anim-step-row-1{animation:stepRowFade .6s ease .6s both}.anim-step-row-2{animation:stepRowFade .6s ease .75s both}.anim-step-row-3{animation:stepRowFade .6s ease .9s both}.anim-step-row-4{animation:stepRowFade .6s ease 1.05s both}.anim-step-row-5{animation:stepRowFade .6s ease 1.2s both}@keyframes stepRowFade{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.pulse-live{animation:pulseLiveGreen 2s ease-in-out infinite}@keyframes pulseLiveGreen{0%,to{box-shadow:0 0 6px #4cc38a;transform:scale(1)}50%{box-shadow:0 0 14px #4cc38a,0 0 20px #4cc38a99;transform:scale(1.15)}}.pulse-amber{animation:pulseAmberLive 1.8s ease-in-out infinite}@keyframes pulseAmberLive{0%,to{box-shadow:0 0 8px #ffa726;transform:scale(1)}50%{box-shadow:0 0 16px #ffa726,0 0 22px #ffa726b3;transform:scale(1.2)}}.count-glow-cyan{text-shadow:0 0 14px rgba(63,224,208,.45);transition:all .3s ease}.coords-glow{text-shadow:0 0 10px rgba(233,242,243,.3)}.stats-strip-grid .stats-strip-item{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.stats-strip-grid.is-visible .stats-strip-item{opacity:1;transform:translateY(0)}.stats-strip-grid.is-visible .stat-item-anim-1{transition-delay:.1s}.stats-strip-grid.is-visible .stat-item-anim-2{transition-delay:.22s}.stats-strip-grid.is-visible .stat-item-anim-3{transition-delay:.34s}.stats-strip-grid.is-visible .stat-item-anim-4{transition-delay:.46s}.fade-reveal-header{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.fade-reveal-header.is-revealed{opacity:1;transform:translateY(0)}.scroll-reveal-card{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.scroll-reveal-card.is-revealed{opacity:1;transform:translateY(0)}.card-delay-1{transition-delay:.08s}.card-delay-2{transition-delay:.16s}.card-delay-3{transition-delay:.24s}.card-delay-4{transition-delay:.32s}.card-delay-5{transition-delay:.4s}.card-delay-6{transition-delay:.48s}.workflow-steps-wrap.is-active-trail{border-left-color:var(--color-cyan);box-shadow:-2px 0 15px #3fe0d059;transition:border-color 1s ease,box-shadow 1s ease}.workflow-step-card{opacity:0;transform:translate(-24px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),border-color .25s ease}.workflow-step-card.is-revealed{opacity:1;transform:translate(0)}.step-reveal-1{transition-delay:.15s}.step-reveal-2{transition-delay:.45s}.step-reveal-3{transition-delay:.75s}.step-reveal-4{transition-delay:1.05s}.step-reveal-5{transition-delay:1.35s}.feature-card,.security-card,.workflow-step-card{will-change:transform,box-shadow}.feature-card:hover,.security-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px #00000073,0 0 20px #3fe0d026}.workflow-step-card:hover{transform:translate(8px);box-shadow:0 12px 30px #00000059,0 0 15px #3fe0d033}