@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap");:root{--core-bg:#06080d;--stage-surface:#0c1018;--card-surface:#121722;--card-elevated:#182030;--outline-dim:#1c2636;--outline-active:#2c3a50;--accent-core:#e11d48;--accent-core-glow:rgba(225,29,72,0.22);--accent-cyan:#06b6d4;--accent-cyan-soft:rgba(6,182,212,0.12);--accent-gold:#f59e0b;--accent-emerald:#10b981;--text-pure:#f8fafc;--text-muted:#cbd5e1;--text-dim:#7e8b9f;--font-primary:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--core-bg);color:var(--text-pure);font-family:var(--font-primary);line-height:1.78;margin:0;padding:0;-webkit-font-smoothing:antialiased}.main-container{max-width:1080px;margin:0 auto;padding:1.75rem 1.25rem 4.5rem}article{display:block;background:var(--stage-surface);border:1px solid var(--outline-dim);border-radius:22px;padding:2.75rem 2.75rem;box-shadow:0 30px 60px -15px rgba(0,0,0,0.85)}@media (max-width:768px){article{padding:1.75rem 1.25rem;border-radius:14px}.main-container{padding:1rem 0.5rem 3rem}}.editorial-masthead{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;background:rgba(10,13,20,0.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin-left:-2.75rem;margin-right:-2.75rem;margin-top:-2.75rem;padding:1.1rem 2.75rem;border-bottom:1px solid rgba(255,255,255,0.08);border-radius:22px 22px 0 0;box-shadow:0 8px 30px rgba(0,0,0,0.45);margin-bottom:2.25rem;flex-wrap:wrap;gap:0.75rem}.brand-signature{display:flex;align-items:center;gap:0.75rem}.signature-badge{background:linear-gradient(135deg,var(--accent-core),#9f1239);color:#ffffff;font-size:0.82rem;font-weight:900;padding:0.4rem 0.75rem;border-radius:8px;letter-spacing:0.5px;box-shadow:0 0 16px var(--accent-core-glow)}.signature-text{font-size:1.35rem;font-weight:800;letter-spacing:-0.02em;color:#ffffff}.signature-text-accent{color:var(--accent-core)}.security-tags-group{display:flex;gap:0.6rem;align-items:center;flex-wrap:wrap}.tag-capsule{font-size:0.76rem;font-weight:700;padding:0.35rem 0.8rem;border-radius:9999px;text-transform:uppercase;letter-spacing:0.4px;display:inline-flex;align-items:center;gap:0.45rem}.tag-capsule-cyan{background:var(--accent-cyan-soft);color:var(--accent-cyan);border:1px solid rgba(6,182,212,0.3)}.tag-capsule-gold{background:rgba(245,158,11,0.12);color:var(--accent-gold);border:1px solid rgba(245,158,11,0.3)}.live-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.hero-dossier-label{font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:2.2px;color:var(--accent-core);margin-bottom:0.85rem;display:block}h1{font-size:2.35rem;font-weight:800;line-height:1.28;letter-spacing:-0.03em;margin-bottom:1.35rem;color:#ffffff;background:linear-gradient( 135deg,#ffffff 40%,#ffccd6 80%,var(--accent-core) 100% );-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:640px){h1{font-size:1.75rem}}.hero-preamble{font-size:1.12rem;color:var(--text-muted);line-height:1.8;margin-bottom:2rem}.metrics-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:var(--card-surface);border:1px solid var(--outline-dim);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:2.5rem}@media (max-width:760px){.metrics-ribbon{grid-template-columns:repeat(2,1fr)}}.metric-ribbon-item{display:flex;flex-direction:column;gap:0.25rem}.metric-ribbon-label{font-size:0.76rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:0.5px}.metric-ribbon-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:#ffffff}.metric-ribbon-sub{font-size:0.78rem;color:var(--accent-emerald);font-weight:600}h2{font-size:1.52rem;font-weight:800;letter-spacing:-0.02em;color:#ffffff;margin:3.25rem 0 1.25rem;padding-bottom:0.75rem;border-bottom:1px solid var(--outline-active);display:flex;align-items:center;gap:0.75rem}.h2-accent-pip{display:inline-block;width:6px;height:1.35rem;background:var(--accent-core);border-radius:3px}h3{font-size:1.2rem;font-weight:700;color:#f1f5f9;margin:2rem 0 0.85rem}p{margin-bottom:1.35rem;color:var(--text-muted);font-size:1.03rem;line-height:1.78}ul,ol{margin:1rem 0 1.6rem 1.6rem;color:var(--text-muted);font-size:1.02rem}li{margin-bottom:0.65rem;line-height:1.68}a{color:#fb7185;text-decoration:underline;text-underline-offset:3px;transition:color 0.15s ease}a:hover{color:#ffffff}.algorithm-deck{display:flex;flex-direction:column;gap:1.25rem;margin:2rem 0}.algorithm-card{background:var(--card-surface);border:1px solid var(--outline-dim);border-radius:14px;padding:1.5rem 1.75rem;transition:transform 0.2s ease,border-color 0.2s ease}.algorithm-card:hover{border-color:rgba(225,29,72,0.4);transform:translateY(-2px)}.algorithm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.algorithm-title{font-size:1.15rem;font-weight:800;color:#ffffff}.algorithm-chip{font-family:var(--font-mono);font-size:0.75rem;font-weight:700;background:rgba(225,29,72,0.15);color:#fda4af;padding:0.25rem 0.65rem;border-radius:6px}.algorithm-card p{margin:0;font-size:0.95rem;color:var(--text-muted)}.pwa-showcase-box{background:linear-gradient(180deg,#121824 0%,#0c1018 100%);border:1px solid var(--outline-dim);border-radius:16px;padding:2rem;margin:2.25rem 0}.pwa-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.25rem}@media (max-width:680px){.pwa-columns{grid-template-columns:1fr}}.pwa-col-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:1.25rem}.pwa-os-title{font-size:1.02rem;font-weight:800;color:#ffffff;margin-bottom:0.65rem;display:flex;align-items:center;gap:0.5rem}.pwa-col-item ol{margin:0;padding-left:1.2rem;font-size:0.92rem;color:var(--text-muted)}.pwa-col-item li{margin-bottom:0.45rem}.dossier-callout{background:rgba(6,182,212,0.07);border:1px solid rgba(6,182,212,0.25);border-left:4px solid var(--accent-cyan);border-radius:0 10px 10px 0;padding:1.35rem 1.6rem;margin:2rem 0}.dossier-callout-title{font-size:1rem;font-weight:800;color:#ffffff;margin-bottom:0.45rem}.dossier-callout p{margin:0;font-size:0.96rem;color:#e2e8f0}.table-deck-wrapper{overflow-x:auto;margin:2.25rem 0;border:1px solid var(--outline-dim);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:0.94rem;background:var(--card-surface)}th,td{padding:0.95rem 1.25rem;border-bottom:1px solid var(--outline-dim)}th{background:#0a0d14;color:#ffffff;font-weight:800;text-transform:uppercase;font-size:0.8rem;letter-spacing:0.6px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(255,255,255,0.02)}.faq-dossier-deck{display:flex;flex-direction:column;gap:1rem;margin:1.75rem 0 2.25rem}.faq-dossier-item{background:var(--card-surface);border:1px solid var(--outline-dim);border-radius:12px;padding:1.35rem 1.65rem}.faq-dossier-q{font-size:1.05rem;font-weight:800;color:#ffffff;margin-bottom:0.45rem}.faq-dossier-item p{margin:0;font-size:0.96rem;color:var(--text-muted)}.audit-footer-strip{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--outline-dim);font-size:0.86rem;color:var(--text-dim);line-height:1.7}.footer-meta-tags{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.badge-18-box{background:rgba(225,29,72,0.15);color:#fda4af;border:1px solid rgba(225,29,72,0.35);padding:0.2rem 0.6rem;border-radius:6px;font-weight:800;font-size:0.8rem}.article-image-box{margin:2rem 0;text-align:center}.responsive-picture{display:block;margin:0 auto}.responsive-img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--outline-dim);display:block;margin:0 auto}.article-caption{display:block;font-size:0.88rem;color:#94a3b8;margin-top:0.5rem}.pwa-heading{margin-top:0;color:#ffffff}.pwa-desc{font-size:0.95rem}.cta-header-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f12c4c,#b91c1c);color:#ffffff !important;font-size:0.82rem;font-weight:800;padding:0.45rem 1.05rem;border-radius:9999px;text-decoration:none !important;letter-spacing:0.3px;box-shadow:0 4px 14px rgba(241,44,76,0.35);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,background 0.2s ease;cursor:pointer;white-space:nowrap}.cta-header-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(241,44,76,0.55);background:linear-gradient(135deg,#ff4d6d,#f12c4c);color:#ffffff !important}.article-image-box{margin:1.75rem 0;text-align:center}.article-img-responsive{max-width:100%;height:auto;border-radius:8px;border:1px solid #334155;display:block;margin:0 auto}.article-img-caption{display:block;font-size:0.88rem;color:#94a3b8;margin-top:0.5rem}.modal-title-custom{margin-top:0;color:#ffffff}.modal-desc-custom{font-size:0.95rem}.figure-img-standard{display:block;width:100%;height:auto;border-radius:12px} .brand-logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .2s ease,filter .2s ease}.brand-logo-link:hover{transform:translateY(-1px);filter:drop-shadow(0 0 14px rgba(241,44,76,.35))}.header-logo-mark{flex-shrink:0;display:block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.brand-logo-link:hover .header-logo-mark{transform:scale(1.06)}.brand-text-group{display:flex;flex-direction:column;gap:1px;line-height:1.15}.brand-sub-badge{display:inline-block;font-size:0.62rem;font-weight:800;letter-spacing:0.09em;color:#32bcad;text-transform:uppercase}.cyber-sub-badge{color:#ff5370}
@media (max-width:768px){ .pill-chip, .tag-capsule{display:none!important} .editorial-masthead{margin-left:-1.25rem!important;margin-right:-1.25rem!important;margin-top:-1.75rem!important;padding:0.65rem 1.25rem!important;border-radius:14px 14px 0 0!important;flex-wrap:nowrap!important;gap:0.5rem!important;justify-content:space-between!important;align-items:center!important} .security-tags-group{flex-wrap:nowrap!important;gap:0.5rem!important;margin:0!important;align-items:center!important} .cta-header-btn{font-size:0.75rem!important;padding:0.35rem 0.75rem!important;white-space:nowrap!important;flex-shrink:0!important} .brand-signature{flex-shrink:1!important;min-width:0!important} .signature-text{font-size:1.1rem!important;white-space:nowrap!important} .cyber-sub-badge{font-size:0.56rem!important} }

@media (max-width:768px){
  .table-deck-wrapper{overflow-x:visible!important;border:none!important;background:transparent!important;margin:1.75rem 0!important}
  .table-deck-wrapper table,table.responsive-card-table{display:block!important;width:100%!important;background:transparent!important;border-collapse:separate!important;border:none!important}
  .table-deck-wrapper thead,table.responsive-card-table thead{display:none!important}
  .table-deck-wrapper tbody,table.responsive-card-table tbody{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important}
  .table-deck-wrapper tbody tr,table.responsive-card-table tbody tr{display:flex!important;flex-direction:column!important;background:var(--card-surface,#121722)!important;border:1px solid var(--outline-dim,#1c2636)!important;border-radius:12px!important;padding:1.15rem 1.25rem!important;box-shadow:0 4px 16px rgba(0,0,0,0.35)!important;margin-bottom:0.25rem!important}
  .table-deck-wrapper td,table.responsive-card-table td{display:flex!important;flex-direction:column!important;gap:0.25rem!important;padding:0.6rem 0!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;font-size:0.92rem!important;color:var(--text-pure,#f8fafc)!important;text-align:left!important;background:transparent!important}
  .table-deck-wrapper td:last-child,table.responsive-card-table td:last-child{border-bottom:none!important;padding-bottom:0!important}
  .table-deck-wrapper td:first-child,table.responsive-card-table td:first-child{padding-top:0!important;font-size:1.05rem!important;color:#ffffff!important;border-bottom:1px solid var(--outline-active,#2c3a50)!important;padding-bottom:0.65rem!important;margin-bottom:0.25rem!important}
  .table-deck-wrapper td::before,table.responsive-card-table td::before{content:attr(data-label);font-size:0.72rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:0.8px!important;color:var(--accent-cyan,#06b6d4)!important;display:block!important;line-height:1.3!important}
  .table-deck-wrapper td:first-child::before,table.responsive-card-table td:first-child::before{color:var(--accent-core,#e11d48)!important;letter-spacing:1.2px!important}
}