*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        :root{
            --bg:#000000;--bg1:#0a0a0a;--bg2:#111111;--bg3:#191919;
            --bdr:rgba(255,255,255,.11);--bdr2:rgba(255,255,255,.17);
            --txt:#f7f9ff;--dim:#d7e0f4;--faint:#9eb4d8;
            --acc:#7ab8ff;--acc2:#5fb3ff;--acc-rgb:122,184,255;--acc2-rgb:95,179,255;--acc-d:rgba(var(--acc-rgb),.14);--acc-g:rgba(var(--acc-rgb),.24);
            --red:#ff3b5c;--red-d:rgba(255,59,92,.1);
            --amb:#ffb020;--amb-d:rgba(255,176,32,.1);
            --blu:#7ab8ff;--pur:#7ab8ff;
            --mono:'JetBrains Mono','IBM Plex Mono','Consolas',monospace;
            --sans:'Inter','Segoe UI',sans-serif;
            --head:'Sora','Inter','Segoe UI',sans-serif;
            --page-bg:radial-gradient(1100px 520px at 84% -10%,rgba(var(--acc-rgb),.10),transparent 70%),radial-gradient(900px 500px at -18% 110%,rgba(var(--acc2-rgb),.08),transparent 72%),linear-gradient(180deg,#000000 0%, #040404 58%, #080808 100%);
            --grid-line:rgba(255,255,255,.0);
            --link:var(--acc2);--link-hover:var(--acc);
            --nav-bg:rgba(5,5,5,.88);
            --nav-hover-bg:rgba(var(--acc-rgb),.08);
            --nav-active-bg:rgba(var(--acc-rgb),.18);
            --nav-active-border:rgba(var(--acc-rgb),.40);
            --nav-active-shadow:0 8px 18px rgba(0,0,0,.22);
            --heading:var(--acc);
            --panel-bg:linear-gradient(145deg,rgba(16,16,16,.88),rgba(9,9,9,.94));
            --panel-shadow:0 14px 28px rgba(0,0,0,.34);
            --term-bg:#0a0e14;--term-head:#0f1319;--term-txt:#e1e7f4;
            --overlay-bg:rgba(6,8,12,.92);
            --hero-mark:rgba(240,246,255,.28);
            --hero-mark-opacity:.5;--stars-o:.18;
            --space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;
            --radius-card:14px;--radius-btn:12px;
            --text-base:.95rem;--text-small:.82rem;
            --focus-ring:0 0 0 3px rgba(var(--acc-rgb),.20);
        }
        html[data-theme="dark"]{
            --bg:#000000;--bg1:#0a0a0a;--bg2:#111111;--bg3:#191919;
            --bdr:rgba(255,255,255,.11);--bdr2:rgba(255,255,255,.17);
            --txt:#f7f9ff;--dim:#d7e0f4;--faint:#9eb4d8;
            --link:var(--acc2);--link-hover:var(--acc);
            --nav-bg:rgba(5,5,5,.88);
            --heading:var(--acc);
            --hero-mark:rgba(240,246,255,.28);
            --hero-mark-opacity:.5;
        }
        html[data-theme="light"]{
            --bg:#f6f8fc;--bg1:#ffffff;--bg2:#f2f5fb;--bg3:#e9eef7;
            --bdr:#ccd6ea;--bdr2:#b8c5df;
            --txt:#1f2735;--dim:#3b465a;--faint:#5f6b83;
            --acc:#1f6ea8;--acc2:#7ab8ff;--vio:#6f5bd6;--acc-rgb:31,110,168;--acc2-rgb:122,184,255;--vio-rgb:111,91,214;--acc-d:rgba(var(--acc-rgb),.10);--acc-g:rgba(var(--acc-rgb),.16);
            --red:#c62849;--red-d:rgba(198,40,73,.1);
            --amb:#b77000;--amb-d:rgba(183,112,0,.1);
            --blu:#1f6ea8;--pur:#6f5bd6;
            --page-bg:radial-gradient(980px 440px at 90% -10%,rgba(var(--acc2-rgb),.10),transparent 72%),radial-gradient(840px 420px at -20% 115%,rgba(var(--vio-rgb),.08),transparent 72%),linear-gradient(180deg,#fbfdff 0%, #f3f7ff 50%, #eef3ff 100%);
            --grid-line:rgba(31,39,53,.035);
            --link:#1f6ea8;--link-hover:#7ab8ff;
            --nav-bg:rgba(245,248,254,.88);
            --nav-hover-bg:rgba(var(--acc-rgb),.10);
            --nav-active-bg:rgba(var(--acc-rgb),.18);
            --nav-active-border:rgba(var(--acc-rgb),.32);
            --nav-active-shadow:inset 0 -1px 0 rgba(var(--acc2-rgb),.40);
            --heading:var(--acc);
            --panel-bg:linear-gradient(145deg,rgba(255,255,255,.9),rgba(242,245,251,.95));
            --panel-shadow:0 12px 28px rgba(39,57,94,.08),inset 0 1px 0 rgba(255,255,255,.9);
            --term-bg:#f7f9fe;--term-head:#edf2fb;--term-txt:#1f2735;
            --overlay-bg:rgba(30,40,58,.46);
            --hero-mark:rgba(31,39,53,.26);
            --hero-mark-opacity:.5;--stars-o:.10;
        }
        html{scroll-behavior:smooth}
        body{font-family:var(--sans);background:var(--page-bg);color:var(--txt);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased}
        body::before{content:'';position:fixed;inset:0;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0}
        body::after{
            content:'';
            position:fixed;
            inset:0;
            pointer-events:none;
            z-index:0;
            opacity:var(--stars-o, .18);
            background:
              radial-gradient(1150px 560px at 16% 22%, rgba(var(--acc-rgb), .10), transparent 72%),
              radial-gradient(960px 560px at 88% 16%, rgba(var(--acc2-rgb), .09), transparent 72%),
              linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 34%, rgba(255,255,255,.02) 66%, transparent 100%);
            mix-blend-mode:normal;
        }

        .ctr{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
        .ctr::before,.ctr::after{content:none}

        a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .18s ease}
        a:hover{color:var(--link-hover)}
        a:focus-visible,button:focus-visible,.btn:focus-visible,.mob-btn:focus-visible{
            outline:2px solid var(--acc2);outline-offset:2px
        }

        /* NAV */
        nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr)}
        .nav-i{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:10px;align-items:center;height:60px}
        .logo{font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--txt);text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:8px}
        .logo{margin-right:auto}
        .logo b{color:var(--acc)}
        .logo-monogram{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--acc);color:#171b29;font-family:var(--mono);font-size:.72rem;font-weight:700}
        .nav-l{display:flex;gap:16px;list-style:none;align-items:center;white-space:nowrap}
        .nav-l a{font-family:var(--mono);font-size:.7rem;color:var(--dim);text-decoration:none;cursor:pointer;transition:color .2s,background .2s,border-color .2s;letter-spacing:.03em;padding:6px 9px;border-radius:10px;border:1px solid transparent;white-space:nowrap}
        .nav-l a:hover{color:var(--acc);background:var(--nav-hover-bg)}
        .nav-l a.act,.nav-l a[aria-current='page']{color:var(--txt);background:var(--nav-active-bg);border-color:var(--nav-active-border);box-shadow:var(--nav-active-shadow)}
        .mob-btn{display:none;background:none;border:1px solid var(--bdr);color:var(--txt);padding:6px 10px;font-family:var(--mono);font-size:.72rem;cursor:pointer}
        .theme-btn{background:var(--bg2);color:var(--txt);border:1px solid var(--bdr2);padding:7px 10px;border-radius:10px;font-family:var(--mono);font-size:.68rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
        .theme-btn:hover{border-color:#7ab8ff;box-shadow:0 0 0 3px rgba(var(--acc-rgb),.15)}
        .nav-cta{padding:9px 12px;font-size:.68rem}

        /* HERO */
        .hero{min-height:88vh;display:flex;align-items:center;padding-top:74px;position:relative;overflow:hidden}
        .home-shell{max-width:960px}
        .hero-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(var(--acc-rgb),.22) 0%,transparent 70%);top:-70px;right:-80px;pointer-events:none;animation:gp 8s ease-in-out infinite}
        @keyframes gp{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.65;transform:scale(1.06)}}
        .particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
        .particle{position:absolute;background:var(--acc);border-radius:50%;opacity:.2;animation:fu linear infinite}
        @keyframes fu{0%{transform:translateY(100vh);opacity:0}10%{opacity:.2}90%{opacity:.2}100%{transform:translateY(-60px);opacity:0}}
        .hero-c{max-width:700px;position:relative;z-index:2}
        .hero-panel{max-width:700px;padding:28px 28px 22px;background:var(--panel-bg);border:1px solid var(--bdr);border-radius:13px;box-shadow:var(--panel-shadow)}
        .htag{font-family:var(--mono);font-size:.7rem;color:var(--acc);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}
        .htag::before{content:'';width:32px;height:1px;background:var(--acc)}
        .htitle{font-family:var(--head);font-size:clamp(2.2rem,5.1vw,3.9rem);font-weight:700;line-height:1.02;letter-spacing:-.03em;margin-bottom:14px}
        .htitle,.stitle,.card-ttl,.modal-c h2{color:var(--heading)}
        .htitle .hl{background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .hsub{font-size:1.02rem;color:var(--dim);max-width:58ch;margin-bottom:12px;line-height:1.62}
        .hproof{font-family:var(--mono);font-size:.8rem;color:var(--txt);margin-bottom:18px;line-height:1.8}
        .hproof b{color:var(--acc);font-weight:600}
        .review-note{font-family:var(--mono);font-size:.68rem;color:var(--faint);margin:0 0 14px;letter-spacing:.01em}
        .hero-icons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
        .hero-icons .ico-chip{display:inline-flex;align-items:center;gap:8px}
        .hero-icons .ico-chip svg{width:16px;height:16px;max-width:100%;max-height:100%;flex:0 0 16px}
        .hero-icons .ico-chip:first-child svg path{fill:var(--hero-mark);opacity:var(--hero-mark-opacity)}
        .hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
        .proof-pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--bdr2);background:var(--bg1);border-radius:999px;font-family:var(--mono);font-size:.67rem;color:var(--dim)}
        .hctas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
        .btn{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;font-family:var(--mono);font-size:.78rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,background-color .2s ease;letter-spacing:.02em}
        .btn-p{background:var(--acc);color:var(--bg)}
        .btn-p:hover{box-shadow:0 0 0 3px rgba(var(--acc-rgb),.14),0 10px 18px rgba(var(--acc-rgb),.20);transform:translateY(-2px)}
        .btn-g{background:transparent;color:var(--txt);border:1px solid var(--bdr2)}
        .btn-g:hover{border-color:var(--acc);color:var(--acc)}
        .btn:focus-visible{box-shadow:var(--focus-ring)}
        .roles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
        .rtag{font-family:var(--mono);font-size:.65rem;padding:4px 10px;border:1px solid var(--bdr);color:var(--dim);background:var(--bg1)}
        .rtag.on{border-color:var(--acc);color:var(--acc);background:var(--acc-d)}
        .status-r{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
        .sbadge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;background:var(--acc-d);border:1px solid rgba(var(--acc-rgb),.25);border-radius:10px;font-family:var(--mono);font-size:.68rem;color:var(--acc)}
        .sdot{width:5px;height:5px;border-radius:50%;background:var(--acc);animation:bl 2s infinite}
        @keyframes bl{0%,100%{opacity:1}50%{opacity:.3}}
        .lupd{font-family:var(--mono);font-size:.65rem;color:var(--faint)}
        .verify-panel{margin-top:10px;border:1px solid var(--bdr);border-radius:12px;background:linear-gradient(180deg,rgba(16,16,16,.94),rgba(10,10,10,.98));overflow:hidden}
        .verify-panel-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--bdr);font-family:var(--mono);font-size:.68rem;color:var(--faint)}
        .copy-btn{background:transparent;border:1px solid var(--bdr2);color:var(--dim);font-family:var(--mono);font-size:.65rem;padding:4px 8px;border-radius:10px;cursor:pointer}
        .copy-btn:hover{border-color:var(--acc);color:var(--acc)}
        .verify-code{margin:0;padding:12px 14px;font-family:var(--mono);font-size:.72rem;line-height:1.6;overflow-x:auto;white-space:pre}
        .verify-date{margin-top:8px}
        .redaction-pill{font-family:var(--mono);font-size:.62rem;color:var(--faint);letter-spacing:.02em;opacity:.75}

        /* METRICS */
        .mstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);margin-bottom:0}
        .met{background:var(--bg1);padding:24px 14px;text-align:center}
        .met-v{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--acc);line-height:1;margin-bottom:4px}
        .met-l{font-size:.68rem;color:var(--dim);text-transform:uppercase;letter-spacing:.07em}

        /* SECTIONS */
        section{padding:60px 0;position:relative}
        .slbl{font-family:var(--mono);font-size:.66rem;color:var(--acc);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}
        .slbl::before{content:'//';color:var(--faint)}
        .stitle{font-family:var(--head);font-size:clamp(1.75rem,2.2vw,2.1rem);font-weight:600;letter-spacing:-.03em;margin-bottom:12px;line-height:1.12}
        .sdesc{font-size:var(--text-base);color:var(--dim);max-width:62ch;margin-bottom:24px;line-height:1.7}
        .divider{height:1px;background:linear-gradient(90deg,transparent,var(--bdr2),transparent);max-width:800px;margin:0 auto}

        /* CARDS - clickable */
        .card{background:linear-gradient(160deg,rgba(15,15,15,.95),rgba(8,8,8,.98));border:1px solid var(--bdr);padding:18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;color:var(--txt);border-radius:var(--radius-card)}
        .writing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
        .writing-grid .card{display:block;position:relative;overflow:hidden}
        .card:hover{border-color:rgba(var(--acc-rgb),.34);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.26)}
        .card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
        .tag{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid var(--bdr);border-radius:8px;background:var(--bg1);font-family:var(--mono);font-size:.62rem;color:var(--dim);line-height:1}
        .card-click{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:.6rem;color:var(--faint);opacity:0;transition:opacity .2s}
        .card:hover .card-click{opacity:1}
        .lane-grid .lane-card{display:block;padding:14px;min-height:138px}
        .lane-grid .lane-tag{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(var(--acc-rgb),.28);border-radius:8px;background:rgba(var(--acc-rgb),.10);font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;color:var(--acc);margin-bottom:8px}
        .lane-grid .card-ttl{font-size:.94rem;font-weight:650;line-height:1.2;margin-bottom:5px}
        .lane-grid .card-sub{font-size:.78rem;line-height:1.5;color:var(--dim);max-width:40ch}
        .lane-cta{margin-top:8px;font-family:var(--mono);font-size:.62rem;color:var(--faint);display:inline-flex;align-items:center;gap:6px}
        .lane-cta span{transition:transform .2s ease}
        .lane-card:hover .lane-cta span{transform:translateX(2px)}
        .work-more .card-sub{max-width:58ch}
        .work-expand-btn{display:inline-flex;align-items:center;gap:8px}
        .work-chevron{display:inline-block;transition:transform .2s ease}
        .work-expand-btn[aria-expanded='true'] .work-chevron{transform:rotate(180deg)}
        .work-more{overflow:hidden;transition:max-height .28s ease,opacity .22s ease}
        .tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
        .tool-badge{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--bdr);background:linear-gradient(145deg,rgba(18,18,18,.90),rgba(10,10,10,.94));border-radius:13px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
        .tool-badge:hover{border-color:rgba(var(--acc-rgb),.34);transform:translateY(-1px);box-shadow:var(--panel-shadow)}
        .tool-glyph{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(var(--acc-rgb),.20);color:var(--acc);font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.02em;flex:0 0 28px}
        .tool-badge b{font-size:.82rem}
        .tool-badge span{display:block;color:var(--dim);font-size:.72rem}

        /* GRIDS */
        .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
        .g2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
        .g-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
        .g-mitre{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:3px}

        /* MITRE CELL */
        .mcell{background:var(--bg2);border:1px solid var(--bdr);padding:14px 12px;position:relative;overflow:hidden;transition:all .25s;cursor:pointer;color:var(--txt)}
        .mcell::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
        .mcell.crit::before{background:var(--red)}.mcell.high::before{background:var(--amb)}.mcell.med::before{background:var(--blu)}
        .mcell:hover{border-color:var(--acc);transform:translateY(-2px)}
        .mcell .card-click{top:6px;right:8px}
        .mt{font-family:var(--mono);font-size:.6rem;color:var(--faint);text-transform:uppercase;margin-bottom:4px}
        .mn{font-size:.85rem;font-weight:600;margin-bottom:6px}
        .mbar{height:3px;background:var(--bdr);border-radius:2px;overflow:hidden;margin-bottom:5px}
        .mbar-f{height:100%;border-radius:2px;width:0;transition:width 1.2s ease}
        .mcell.crit .mbar-f{background:var(--red)}.mcell.high .mbar-f{background:var(--amb)}.mcell.med .mbar-f{background:var(--blu)}
        .mst{font-family:var(--mono);font-size:.62rem;color:var(--dim);display:flex;gap:8px}

        /* PLATFORM */
        .plat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.68rem;font-weight:700;margin-bottom:14px}
        .plat-icon.sigma{background:var(--red-d);color:var(--red);border:1px solid rgba(255,59,92,.2)}
        .plat-icon.wazuh{background:var(--acc-d);color:var(--acc);border:1px solid rgba(var(--acc-rgb),.25)}
        .plat-icon.splunk{background:var(--amb-d);color:var(--amb);border:1px solid rgba(255,176,32,.2)}
        .plat-ct{font-family:var(--mono);font-size:2rem;font-weight:700;line-height:1;margin-bottom:2px}
        .plat-nm{font-size:1rem;font-weight:600;margin-bottom:4px}
        .plat-d{font-size:.8rem;color:var(--dim);margin-bottom:12px}
        .ptags{display:flex;flex-wrap:wrap;gap:4px}
        .ptag{font-family:var(--mono);font-size:.6rem;padding:3px 8px;background:var(--bg);border:1px solid var(--bdr);color:var(--dim)}

        /* TERMINAL */
        .term{background:var(--term-bg);border:1px solid var(--bdr);border-radius:8px;overflow:hidden;margin:32px 0;font-family:var(--mono)}
        .term-h{background:var(--term-head);padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--bdr)}
        .td{width:9px;height:9px;border-radius:50%}.td-r{background:#ff5f57}.td-y{background:#febc2e}.td-g{background:#28c840}
        .term-t{margin-left:10px;font-size:.68rem;color:var(--faint)}
        .term-b{padding:18px 20px;font-size:.78rem;line-height:1.75;color:var(--term-txt);overflow-x:auto;white-space:pre-wrap}
        pre{background:linear-gradient(180deg,rgba(10,14,20,.95),rgba(8,12,18,.98));border:1px solid var(--bdr);border-radius:10px;padding:14px 16px;overflow-x:auto}
        code{font-family:var(--mono);font-size:.9em;background:rgba(var(--acc-rgb),.10);padding:1px 5px;border-radius:6px;border:1px solid rgba(var(--acc-rgb),.18)}
        pre code{background:transparent;border:0;padding:0}
        table{width:100%;border-collapse:collapse;border:1px solid var(--bdr);border-radius:10px;overflow:hidden}
        th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--bdr)}
        th{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
        .c-cmd{color:var(--acc)}.c-cmt{color:var(--faint)}.c-out{color:var(--txt)}.c-path{color:var(--amb)}.c-num{color:var(--red)}

        /* PLAYBOOK */
        .pb-id{font-family:var(--mono);font-size:.6rem;color:var(--faint);margin-bottom:3px}
        .pb-t{font-size:.82rem;font-weight:600;margin-bottom:6px}
        .pb-sev{font-family:var(--mono);font-size:.6rem;padding:2px 6px;display:inline-block}
        .sev-c{background:var(--red-d);color:var(--red);border:1px solid rgba(255,59,92,.2)}
        .sev-h{background:var(--amb-d);color:var(--amb);border:1px solid rgba(255,176,32,.2)}

        /* LAB */
        .ls{background:var(--bg);border:1px solid var(--bdr);padding:11px}
        .ls-v{font-family:var(--mono);font-size:1rem;font-weight:700;color:var(--acc)}
        .ls-l{font-size:.68rem;color:var(--dim);margin-top:1px}
        .screenshot-img{width:100%;height:auto;border-radius:10px;border:1px solid var(--bdr);margin-top:10px;display:block}

        /* SKILLS */
        .skr{display:flex;align-items:center;gap:12px;margin-bottom:12px}
        .sk-l{font-family:var(--mono);font-size:.72rem;color:var(--dim);width:120px;flex-shrink:0}
        .sk-t{flex:1;height:6px;background:var(--bdr);border-radius:3px;overflow:hidden}
        .sk-f{height:100%;border-radius:3px;transition:width 1.2s ease;width:0}

        /* TIMELINE */
        .tl{position:relative;padding-left:32px;margin-top:36px}
        .tl::before{content:'';position:absolute;left:11px;top:0;bottom:0;width:1px;background:var(--bdr)}
        .tli{position:relative;margin-bottom:32px}
        .tld{position:absolute;left:-27px;top:3px;width:9px;height:9px;border-radius:50%;border:2px solid var(--acc);background:var(--bg)}
        .tli.on .tld{background:var(--acc);box-shadow:0 0 8px rgba(var(--acc-rgb),.40)}
        .tl-dt{font-family:var(--mono);font-size:.68rem;color:var(--acc);margin-bottom:3px}
        .tl-tt{font-size:.95rem;font-weight:600;margin-bottom:3px}
        .tl-ds{font-size:.82rem;color:var(--dim);line-height:1.5}

        /* MODAL */
        .modal-ov{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:mfade .2s ease}
        @keyframes mfade{from{opacity:0}to{opacity:1}}
        .modal-c{background:var(--bg2);border:1px solid var(--bdr);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;padding:32px;position:relative;animation:mslide .25s ease}
        @keyframes mslide{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
        .modal-x{position:absolute;top:14px;right:14px;background:none;border:1px solid var(--bdr);color:var(--dim);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s}
        .modal-x:hover{border-color:var(--red);color:var(--red)}
        .modal-c h2{font-size:1.3rem;font-weight:700;margin-bottom:6px;padding-right:40px}
        .modal-c .meta{font-family:var(--mono);font-size:.7rem;color:var(--dim);margin-bottom:16px;display:flex;gap:14px;flex-wrap:wrap}
        .modal-c .meta span{display:flex;align-items:center;gap:4px}
        .modal-c p{font-size:.88rem;color:var(--dim);line-height:1.7;margin-bottom:12px}
        .modal-c .tag-row{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}
        .modal-c .mtag{font-family:var(--mono);font-size:.62rem;padding:3px 8px;background:var(--bg);border:1px solid var(--bdr);color:var(--dim)}
        .modal-c .mtag.hl{border-color:var(--acc);color:var(--acc)}
        .modal-c pre{background:var(--bg);border:1px solid var(--bdr);padding:14px;font-family:var(--mono);font-size:.75rem;color:var(--dim);overflow-x:auto;margin:12px 0;line-height:1.7;white-space:pre-wrap}
        .modal-c h3{font-size:1rem;font-weight:600;margin:16px 0 8px}
        .modal-c ul{margin:8px 0 8px 20px;font-size:.85rem;color:var(--dim);line-height:1.6}
        .modal-c table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.78rem}
        .modal-c th{text-align:left;font-family:var(--mono);font-size:.68rem;color:var(--acc);border-bottom:1px solid var(--bdr);padding:8px 6px;text-transform:uppercase}
        .modal-c td{padding:6px;border-bottom:1px solid var(--bdr);color:var(--dim)}

        /* CONTACT */
        .cc{background:var(--bg2);border:1px solid var(--bdr);padding:24px;transition:all .3s}
        .cc:hover{border-color:var(--acc)}
        .cc h3{font-size:.92rem;font-weight:600;margin-bottom:5px}
        .cc p{font-size:.82rem;color:var(--dim);margin-bottom:12px}
        .cl{font-family:var(--mono);font-size:.72rem;color:var(--acc);text-decoration:none}
        .cl:hover{text-decoration:underline}

        footer{padding:44px 0;border-top:1px solid var(--bdr);text-align:center}
        footer p{font-size:.75rem;color:var(--faint)}
        .fl{display:flex;justify-content:center;align-items:center;gap:0;margin-top:10px;flex-wrap:wrap}
        .fl a{font-family:var(--mono);font-size:.7rem;color:var(--dim);text-decoration:none;position:relative;padding:0 10px}
        .fl a+a::before{content:'•';position:absolute;left:0;color:var(--faint)}
        .fl a:hover{color:var(--acc)}

        .validate-box{background:var(--bg2);border:1px solid var(--bdr);padding:20px;margin-bottom:20px;color:var(--txt)}
        .validate-box h3{font-size:.9rem;font-weight:600;margin-bottom:10px}
        .vs{display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;font-family:var(--mono);font-size:.75rem;align-items:center}
        .vs .sn{color:var(--acc);font-weight:600}
        .vs .sc{color:var(--dim)}
        .vs .sp{color:var(--faint);font-size:.68rem}

        /* FEAT BADGE */
        .fbadge{font-family:var(--mono);font-size:.6rem;padding:3px 7px;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
        .fbadge.live{background:var(--acc-d);color:var(--acc);border:1px solid rgba(var(--acc-rgb),.24)}
        .fbadge.done{background:rgba(59,130,246,.1);color:var(--blu);border:1px solid rgba(59,130,246,.2)}
        .fbadge.exp{background:rgba(167,139,250,.1);color:var(--pur);border:1px solid rgba(167,139,250,.2)}
        .fstat{font-family:var(--mono);font-size:.7rem;color:var(--faint)}
        .fstat strong{color:var(--acc)}

        @media(max-width:900px){.g3,.g2,.writing-grid{grid-template-columns:1fr}.mstrip{grid-template-columns:repeat(3,1fr)}.nav-l{display:none}.mob-btn{display:block}.theme-btn,.nav-cta{display:none}.nav-i{padding:0 14px}}
        @media(max-width:640px){.nav-l{display:none}.nav-l.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--bdr);padding:20px;gap:16px}.mob-btn{display:block}.mstrip{grid-template-columns:repeat(2,1fr)}.hero-panel{padding:20px 16px 18px;border-radius:13px}.hero-icons .ico-chip svg{width:14px;height:14px;flex-basis:14px}.htitle{font-size:1.86rem;line-height:1.06}section{padding:44px 0}.verify-code{font-size:.68rem}.card{padding:14px}.lane-grid .lane-card{min-height:auto}}
        @media(max-width:390px){.ctr{padding:0 16px}.htitle{font-size:1.72rem}.sdesc{font-size:.9rem;line-height:1.6;margin-bottom:22px}.hctas{gap:8px}.hctas .btn{padding:10px 14px;font-size:.72rem}.stitle{font-size:1.55rem;line-height:1.18}.met{padding:16px 10px}.verify-panel-h{padding:8px 10px}.verify-code{padding:10px 12px}.review-note{font-size:.64rem;line-height:1.45}}
        @media(max-width:375px){.hero-panel{padding:18px 14px 16px}.hsub{font-size:.94rem;line-height:1.58}.hctas .btn{padding:9px 12px;font-size:.7rem}.lane-grid .card-sub{font-size:.8rem}}
    

/* About/content boxes (blog, extras) */
.about-box{background:linear-gradient(160deg,rgba(15,15,15,.95),rgba(8,8,8,.98));border:1px solid var(--bdr);padding:20px 22px;border-radius:13px;margin-bottom:0;color:var(--txt)}
.about-box h2{font-family:var(--head);font-size:1.1rem;font-weight:600;color:var(--heading);margin-bottom:8px}
.about-box p{font-size:.88rem;color:var(--dim);line-height:1.7;margin-bottom:10px}
.about-box p:last-child{margin-bottom:0}
html[data-theme="light"] .about-box{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(242,245,251,.95));border-color:var(--bdr2)}

/* v3 additions (non-React pages) */
.modal-backdrop{
  position:fixed; inset:0;
  background:var(--overlay-bg);
  backdrop-filter:blur(6px);
  z-index:2500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.modal-backdrop.open{display:flex}
.modal{
  background:var(--bg2);
  border:1px solid var(--bdr);
  max-width:760px;
  width:100%;
  max-height:85vh;
  overflow:auto;
  padding:28px;
  border-radius:14px;
  position:relative;
}
.modal-h{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-bottom:1px solid var(--bdr);
  padding-bottom:12px;
  margin-bottom:14px;
}
.modal-ttl{
  font-family:var(--mono);
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--acc);
}
.modal-x{
  background:transparent;
  border:1px solid var(--bdr2);
  color:var(--dim);
  font-family:var(--mono);
  font-size:.72rem;
  padding:6px 10px;
  cursor:pointer;
  border-radius:12px;
}
.modal-x:hover{border-color:rgba(var(--acc-rgb),.35);color:var(--acc)}
.mob-menu{
  display:none;
  position:fixed;
  top:60px;
  left:0; right:0;
  background:rgba(6,8,12,.95);
  border-bottom:1px solid var(--bdr);
  z-index:1500;
}
.mob-menu a{
  display:block;
  padding:14px 24px;
  border-top:1px solid var(--bdr);
  font-family:var(--mono);
  font-size:.78rem;
  color:var(--dim);
  text-decoration:none;
}
.mob-menu a:hover{color:var(--acc);background:rgba(var(--acc-rgb),.08)}
.mob-menu a.act,.mob-menu a[aria-current='page']{
  color:var(--txt);
  background:rgba(var(--acc-rgb),.20);
  border-left:3px solid var(--acc);
  padding-left:21px;
}

.modal-b{color:var(--dim);font-size:.92rem;line-height:1.65}
.modal-b h3{color:var(--txt);margin:12px 0 6px}
.modal-b ul{margin:10px 0 10px 20px}
.modal-b li{margin:6px 0}

/* Triage simulator visual refresh (scoped) */
body.triage-sim{
  background:
    radial-gradient(900px 500px at 30% 10%, rgba(96,165,250,.10), transparent 60%),
    radial-gradient(700px 400px at 70% 0%, rgba(34,211,238,.08), transparent 55%),
    linear-gradient(180deg, rgba(2,6,23,1), rgba(2,6,23,.92) 60%, rgba(2,6,23,1));
}
body.triage-sim .sim-card{
  background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(15,23,42,.78));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 14px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
  border-radius:18px;
}
body.triage-sim .sim-select{
  width:100%;
  background:linear-gradient(180deg, rgba(2,6,23,.55), rgba(2,6,23,.35));
  border:1px solid rgba(148,163,184,.22);
  color:rgba(226,232,240,.96);
  padding:12px 14px;
  border-radius:12px;
  outline:none;
}
body.triage-sim .sim-select:focus{
  border-color:rgba(96,165,250,.55);
  box-shadow:0 0 0 4px rgba(96,165,250,.16);
}
body.triage-sim .guidance{
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg, rgba(2,6,23,.38), rgba(2,6,23,.22));
  border-radius:14px;
  padding:12px;
}
body.triage-sim .sev-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(248,113,113,.28);
  background:rgba(248,113,113,.10);
  font-weight:600;
  margin-top:8px;
}
body.triage-sim .sev-pill .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(248,113,113,.95);
}
body.triage-sim .why{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(96,165,250,.18);
  background:rgba(96,165,250,.08);
}
body.triage-sim .sim-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
body.triage-sim ol.stepper{
  list-style:none;
  margin:8px 0 0;
  padding:0;
}
body.triage-sim ol.stepper li{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  padding:10px 10px;
  border-radius:12px;
}
body.triage-sim ol.stepper li:hover{background:rgba(148,163,184,.06)}
body.triage-sim .step-num{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-weight:700;
  color:rgba(226,232,240,.95);
  background:rgba(96,165,250,.14);
  border:1px solid rgba(96,165,250,.22);
}
body.triage-sim ul.clean{margin:8px 0 0;padding-left:18px}
body.triage-sim ul.clean li{margin:8px 0;color:rgba(226,232,240,.92)}
body.triage-sim .btn-mini{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(2,6,23,.35);
  color:var(--txt);
  font-family:var(--mono);
  font-size:.7rem;
  cursor:pointer;
}
body.triage-sim .btn-mini:hover{
  border-color:rgba(96,165,250,.40);
  background:rgba(96,165,250,.10);
}
@media (max-width:920px){
  body.triage-sim .sim-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}

/* ===== HOME REVAMP 2026-02-24 ===== */

/* 1. Hero 2-column split */
.hero-split-ctr{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.hero-split-ctr .hero-panel{max-width:100%}
.hero-visual{display:flex;flex-direction:column;position:relative;z-index:2}
.hero-visual-frame{border-radius:14px;overflow:hidden;border:1px solid var(--bdr);box-shadow:0 22px 50px rgba(0,0,0,.48)}
.hero-visual-frame img{display:block;width:100%;height:auto}
.hero-visual-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}

/* 4. Inline verify chip in hero panel */
.hero-verify-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:linear-gradient(180deg,rgba(12,16,22,.96),rgba(8,12,18,.99));border:1px solid var(--bdr);border-radius:10px;margin:10px 0 8px;overflow:hidden}
.hero-verify-label{font-family:var(--mono);font-size:.6rem;color:var(--faint);flex-shrink:0}
.hero-verify-cmd{font-family:var(--mono);font-size:.65rem;color:var(--acc);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 3. Metric icons and verify links */
.met-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.58rem;font-weight:700;margin:0 auto 8px}
.met-icon.mi-det{background:rgba(var(--acc-rgb),.14);color:var(--acc);border:1px solid rgba(var(--acc-rgb),.22)}
.met-icon.mi-sig{background:var(--red-d);color:var(--red);border:1px solid rgba(255,59,92,.2)}
.met-icon.mi-waz{background:rgba(var(--acc-rgb),.14);color:var(--acc);border:1px solid rgba(var(--acc-rgb),.22)}
.met-icon.mi-spl{background:var(--amb-d);color:var(--amb);border:1px solid rgba(255,176,32,.2)}
.met-icon.mi-ir{background:rgba(167,139,250,.10);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}
.met-link{display:block;margin-top:5px;font-family:var(--mono);font-size:.57rem;color:var(--faint);text-decoration:none;letter-spacing:.02em;transition:color .18s}
.met-link:hover{color:var(--acc)}

/* 2. Who I Am: 2-col narrative + timeline */
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.about-lead{font-size:1rem;color:var(--txt);line-height:1.72;border-left:2px solid rgba(var(--acc-rgb),.38);padding-left:16px;margin-bottom:14px}
.about-body{font-size:.88rem;color:var(--dim);line-height:1.7;margin-bottom:16px}

/* 5. Section tight top padding — replaces inline style="padding-top:24px" */
section.section-tight{padding-top:24px}

/* 6. Lane card type visual variants */
.lane-card[data-lane="fastest"] .lane-tag{background:rgba(40,200,64,.10);border-color:rgba(40,200,64,.28);color:#28c840}
.lane-card[data-lane="fastest"]:hover{border-color:rgba(40,200,64,.30)}
.lane-card[data-lane="nontech"] .lane-tag{background:var(--amb-d);border-color:rgba(255,176,32,.28);color:var(--amb)}
.lane-card[data-lane="nontech"]:hover{border-color:rgba(255,176,32,.30)}
.lane-card[data-lane="source"] .lane-tag{background:rgba(167,139,250,.10);border-color:rgba(167,139,250,.28);color:#a78bfa}
.lane-card[data-lane="source"]:hover{border-color:rgba(167,139,250,.30)}

/* Footer expanded layout */
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;text-align:left}
.footer-brand{font-size:.82rem;color:var(--txt);margin-bottom:4px}
.footer-brand b{color:var(--txt)}
.footer-tagline{font-size:.76rem;color:var(--faint);margin-top:4px;max-width:34ch;line-height:1.6}
.footer-avail{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;background:rgba(40,200,64,.08);border:1px solid rgba(40,200,64,.22);border-radius:10px;font-family:var(--mono);font-size:.62rem;color:#28c840}
.footer-dot{width:5px;height:5px;border-radius:50%;background:#28c840;animation:bl 2s infinite;flex-shrink:0}
.footer-nav-group{display:flex;flex-wrap:wrap;gap:24px}
.footer-nav-col h4{font-family:var(--mono);font-size:.58rem;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-weight:600}
.footer-nav-col a{display:block;font-family:var(--mono);font-size:.66rem;color:var(--dim);text-decoration:none;padding:2px 0;line-height:1.9}
.footer-nav-col a:hover{color:var(--acc)}

@media(max-width:960px){
  .hero-split-ctr{grid-template-columns:1fr}
  .hero-visual{display:none}
  .about-split{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-nav-group{gap:16px}
}
@media(max-width:640px){
  .hero-verify-row{display:none}
}