:root{color:#182235;font-synthesis:none;text-rendering:optimizelegibility;--ink:#182235;--muted:#798497;--line:#dfe4e9;--navy:#101a2b;--navy-soft:#17243a;--paper:#fff;--orange:#ec714e;--orange-soft:#fff0ea;--blue:#4084be;--blue-soft:#e9f3fb;--green:#55a67d;--purple:#8974b4;background:#f7f8f9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f7f8f9;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #4084be73}.app-shell{min-height:100vh;display:flex}.side-rail{background:var(--navy);color:#92a0b4;flex-direction:column;flex:none;align-items:center;width:82px;padding:24px 0 20px;display:flex}.brand-mark{color:#fff;background:#e96e4d;border-radius:11px 11px 11px 4px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:22px;font-weight:700;display:grid;transform:rotate(-3deg)}.brand-mark span{transform:rotate(3deg)}.rail-rule{border-top:1px solid #304057;width:30px;margin:27px 0 20px}.rail-nav{flex-direction:column;align-items:center;gap:12px;display:flex}.rail-item{color:#77869c;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:7px;padding:8px 7px;font-size:10px;display:flex}.rail-item.active{color:#fff;background:#1e2d45}.rail-glyph{opacity:.85;width:19px;height:19px;display:block;position:relative}.grid-glyph{background:linear-gradient(90deg,currentColor 0 4px,#0000 4px 7px,currentColor 7px 11px,#0000 11px 14px,currentColor 14px 18px),linear-gradient(currentColor 0 4px,#0000 4px 7px,currentColor 7px 11px,#0000 11px 14px,currentColor 14px 18px);border-radius:2px}.nodes-glyph:before,.nodes-glyph:after{content:"";border:1.5px solid;border-radius:50%;width:5px;height:5px;position:absolute}.nodes-glyph:before{box-shadow:-7px 13px 0 -1px var(--navy), -7px 13px 0 .5px currentColor, 7px 13px 0 -1px var(--navy), 7px 13px 0 .5px currentColor;top:1px;left:7px}.nodes-glyph:after{border-width:1.5px 0 0;border-radius:0;width:12px;height:9px;top:7px;left:3px;transform:skewY(25deg)}.note-glyph{border:1.5px solid;border-radius:2px}.note-glyph:after{content:"";border-top:1px solid;width:9px;position:absolute;top:5px;left:4px;box-shadow:0 4px}.rail-bottom{color:#68788f;text-align:center;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;align-items:center;gap:7px;margin-top:auto;font-size:9px;display:flex}.status-dot{background:#5ab487;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #5ab4871f}.status-dot.warm{background:var(--orange);box-shadow:0 0 0 3px #ec714e26}.workspace{width:calc(100% - 82px);min-width:0}.topbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:66px;padding:0 38px;display:flex}.breadcrumb{color:#a0a8b4;letter-spacing:.095em;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:10px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.slash{color:#d1d5dc}.topbar-actions{align-items:center;gap:24px;display:flex}.safe-label{color:#7f8b9b;letter-spacing:.08em;align-items:center;gap:9px;font-family:DM Mono,monospace;font-size:9px;display:flex}.help-button{color:#7d8998;cursor:pointer;background:0 0;border:1px solid #d0d7df;border-radius:50%;width:25px;height:25px;font-size:12px}.content-wrap{max-width:1640px;margin:0 auto;padding:48px 46px 26px}.intro-row{grid-template-columns:minmax(340px,1.1fr) minmax(310px,.9fr);align-items:end;gap:54px;margin-bottom:42px;display:grid}.kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--orange);align-items:center;gap:11px;margin-bottom:16px;font-family:DM Mono,monospace;font-size:10px;display:flex}.kicker-line{border-top:1px solid;width:34px;display:inline-block}h1,h2,h3,p{margin-top:0}h1{color:var(--navy);letter-spacing:-.055em;margin-bottom:20px;font-family:Space Grotesk,Arial,sans-serif;font-size:clamp(37px,4vw,59px);font-weight:600;line-height:.98}h1 em{color:var(--orange);letter-spacing:-.07em;font-family:Georgia,serif;font-weight:400}.intro-copy{color:#758193;max-width:505px;margin-bottom:0;font-size:14px;line-height:1.65}.scenario-card{background:var(--navy);color:#fff;border-radius:10px;min-height:161px;padding:23px 25px 20px;position:relative;overflow:hidden;box-shadow:0 13px 28px #101a2b21}.scenario-card:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:170px;height:170px;position:absolute;top:-64px;right:-55px;box-shadow:0 0 0 22px #ffffff06,0 0 0 44px #ffffff05}.scenario-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.scenario-number{color:var(--orange);font-family:DM Mono,monospace;font-size:12px}.mini-tag{color:#8997ab;letter-spacing:.11em;font-family:DM Mono,monospace;font-size:8px}.scenario-card h2{z-index:1;margin:22px 0 7px;font-family:Space Grotesk,Arial,sans-serif;font-size:20px;font-weight:500;position:relative}.scenario-card p{color:#a6b2c3;z-index:1;margin-bottom:19px;font-size:12px;position:relative}.scenario-meta{color:#718097;z-index:1;gap:20px;font-family:DM Mono,monospace;font-size:9px;display:flex;position:relative}.stage-layout{grid-template-columns:175px minmax(550px,1fr) 215px;align-items:start;gap:22px;display:grid}.timeline-panel,.inspector-panel{color:var(--ink)}.timeline-head{color:#8995a5;letter-spacing:.08em;border-bottom:1px solid var(--line);justify-content:space-between;padding:2px 0 19px;font-family:DM Mono,monospace;font-size:9px;display:flex}.phase-list{padding-top:21px}.phase-group{align-items:flex-start;gap:11px;min-height:61px;padding-bottom:20px;display:flex;position:relative}.phase-group:not(:last-child):before{content:"";border-left:1px solid #dce2e8;position:absolute;top:24px;bottom:0;left:10px}.phase-marker{color:#a7b0bb;z-index:1;background:#f3f5f7;border:1px solid #dce2e8;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font:8px DM Mono,monospace;display:grid}.phase-marker.done{background:var(--green);border-color:var(--green);color:#fff;font-size:11px}.phase-marker.current{border-color:var(--orange);color:var(--orange);background:var(--orange-soft);box-shadow:0 0 0 4px #ec714e14}.phase-copy{flex-direction:column;gap:5px;padding-top:2px;display:flex}.phase-copy span{color:#677589;font-size:11px;font-weight:600}.phase-copy small{color:#9ba5b1;font-size:10px}.phase-group.active .phase-copy span{color:var(--ink)}.phase-live{color:var(--orange);margin-left:auto;padding-top:4px;font:8px DM Mono,monospace}.timeline-foot{border-top:1px solid var(--line);color:#93a0af;padding-top:16px;font:8px/2.5 DM Mono,monospace}.legend-pip{border-radius:50%;width:6px;height:6px;margin-left:2px;margin-right:5px;display:inline-block}.victim-pip{background:var(--blue)}.attacker-pip{background:var(--orange);margin-left:6px}.simulation-column{min-width:0}.simulation-toolbar{justify-content:space-between;align-items:center;height:35px;display:flex}.toolbar-title{color:#657285;letter-spacing:.08em;align-items:center;gap:8px;font:9px DM Mono,monospace;display:flex}.live-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #ec714e1f}.toolbar-muted{color:#aab2bd}.transport-controls{align-items:center;gap:7px;display:flex}.transport-button,.reset-button,.play-button{border:1px solid var(--line);background:var(--paper);color:#778397;cursor:pointer;border-radius:5px;height:29px}.transport-button{place-items:center;width:29px;display:grid}.transport-button:disabled{cursor:default;opacity:.4}.icon{width:15px;height:15px}.play-button{background:var(--navy);color:#fff;border-color:var(--navy);align-items:center;gap:7px;padding:0 13px 0 10px;font-size:10px;font-weight:600;display:flex}.reset-button{background:0 0;border-color:#0000;padding:0 10px;font-size:10px}.progress-track{background:#e3e7eb;border-radius:4px;height:3px;margin:10px 0 25px;overflow:hidden}.progress-track span{background:var(--orange);border-radius:4px;height:100%;transition:width .45s;display:block}.event-heading{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.event-count{color:var(--orange);letter-spacing:.08em;font:9px DM Mono,monospace}.event-heading h2{color:var(--navy);letter-spacing:-.035em;margin:6px 0 4px;font:600 24px Space Grotesk,Arial,sans-serif}.event-heading p{color:#8a95a4;margin:0;font-size:12px}.event-phase{color:#fff;letter-spacing:.1em;background:#8e7ab7;border-radius:12px;margin-top:6px;padding:6px 9px 5px;font:8px DM Mono,monospace}.event-phase.profile{background:#7189a5}.event-phase.delivery{background:#4e91bd}.event-phase.route,.event-phase.deception{background:#8a76b5}.event-phase.impact{background:#d76f53}.actors-grid{grid-template-columns:1.04fr .95fr .95fr;gap:10px;display:grid}.actor-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;min-width:0;overflow:hidden;box-shadow:0 3px 9px #1a283d06}.actor-card-head{border-bottom:1px solid #e9edf0;justify-content:space-between;align-items:center;min-height:57px;padding:12px 13px;display:flex}.actor-title{align-items:center;gap:8px;min-width:0;display:flex}.actor-title div{flex-direction:column;gap:3px;min-width:0;display:flex}.actor-title b{letter-spacing:.08em;color:#657387;white-space:nowrap;font:8px DM Mono,monospace}.actor-title small{color:#9ba5b1;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.actor-icon{border-radius:6px;flex:none;place-items:center;width:23px;height:23px;font:10px DM Mono,monospace;display:grid}.victim-icon{color:#3178af;background:var(--blue-soft)}.network-icon{color:#7562a6;background:#f0edfa;font-size:16px}.attacker-icon{color:#d36548;background:var(--orange-soft)}.view-tag{letter-spacing:.08em;white-space:nowrap;border-radius:3px;padding:4px 5px 3px;font:7px DM Mono,monospace}.victim-tag{color:#4b88b9;background:var(--blue-soft)}.network-tag{color:#7c6ba8;background:#f0edfa}.attacker-tag{color:#d16c51;background:var(--orange-soft)}.device-frame{background:#fff;border:1px solid #dce2e8;border-radius:5px;height:223px;margin:13px 13px 0;overflow:hidden}.device-top{color:#96a0ad;background:#f1f3f5;border-bottom:1px solid #e3e7eb;align-items:center;gap:4px;height:22px;padding:0 7px;display:flex}.window-dot{border-radius:50%;width:5px;height:5px;display:inline-block}.window-dot.red{background:#dd8879}.window-dot.yellow{background:#e3b66e}.window-dot.green{background:#84bd94}.device-url{color:#8b95a0;text-overflow:ellipsis;white-space:nowrap;background:#e7eaed;border-radius:3px;flex:1;margin-left:6px;padding:3px 6px;font:7px DM Mono,monospace;overflow:hidden}.browser-lock{color:#7d8996;font-size:10px}.mail-screen{color:#445166;height:calc(100% - 22px);font-size:8px;display:flex}.mail-sidebar{color:#a0a9b4;background:#f7f8f9;flex-direction:column;gap:8px;width:65px;padding:11px 8px;display:flex}.mail-sidebar strong{color:#387eb3;background:#deedf8;border-radius:4px;place-items:center;width:19px;height:19px;margin-bottom:4px;font:10px Georgia,serif;display:grid}.mail-sidebar span{padding:3px}.mail-sidebar .mail-active{color:#3b72a2;background:#e8f2f8;border-radius:3px}.mail-body{flex:1;min-width:0}.mail-toolbar{color:#526074;justify-content:space-between;padding:13px 10px 9px;font-weight:600;display:flex}.mail-toolbar small{color:#a0aab6;font-weight:400}.mail-row{border-top:1px solid #edf0f2;align-items:center;gap:6px;min-height:43px;padding:6px 8px;display:flex;position:relative}.mail-row.highlighted{background:#fff8f3}.mail-row>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mail-row b{color:#4c596b;font-size:8px;font-weight:600}.mail-row span:not(.sender-avatar):not(.unread-dot){color:#8d98a6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-row time{color:#a3acb7;align-self:flex-start;margin-top:2px;font-size:7px}.sender-avatar{color:#986b4c;background:#f1c2a1;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.muted-avatar{color:#85909d;background:#e5e9ec}.unread-dot{background:var(--orange);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;right:6px}.browser-screen{background:linear-gradient(135deg,#f7fafe,#edf3f8);flex-direction:column;align-items:center;height:calc(100% - 22px);padding-top:17px;display:flex;position:relative}.brand-lockup{color:#43516b;align-items:center;gap:4px;font-size:8px;display:flex}.brand-lockup b{font-weight:700}.northstar-symbol{color:#4e8eb9;font-size:12px}.login-box{background:#fff;border:1px solid #e0e6eb;border-radius:5px;flex-direction:column;gap:5px;width:77%;min-height:130px;margin-top:10px;padding:10px 12px;display:flex;box-shadow:0 4px 13px #344b6414}.login-eyebrow{color:#91a0ad;letter-spacing:.05em;font:6px DM Mono,monospace}.login-box h4{color:#304158;margin:3px 0;font-size:10px;font-weight:600}.fake-input{color:#617184;border:1px solid #dce3e9;border-radius:3px;height:18px;padding:5px;font-size:7px}.fake-input.muted-input{color:#9ca8b4}.login-box button{color:#fff;background:#548eb4;border:0;border-radius:3px;justify-content:center;align-items:center;gap:3px;height:19px;font-size:7px;display:flex}.login-box button .icon{width:9px;height:9px}.login-box button.mfa-button{background:#6d72ae}.login-foot{color:#a1aab4;text-align:center;margin-top:1px;font-size:6px}.success-screen{color:#527364;flex-direction:column;align-items:center;gap:6px;margin-top:31px;display:flex}.success-check{color:#4a9d70;background:#e2f2e8;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;display:grid}.success-screen b{font-size:9px}.success-screen small{color:#94a29d;font-size:7px}.device-caption{color:#82909f;border-top:1px solid #edf0f2;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:9px;display:flex}.caption-pulse{background:var(--blue);border-radius:50%;width:5px;height:5px}.attacker-pulse{background:var(--orange)}.network-map{background:#f9fafc;border:1px solid #e1e4eb;border-radius:5px;height:223px;margin:13px 13px 0;position:relative;overflow:hidden}.map-grid{opacity:.48;background-image:linear-gradient(#edf0f5 1px,#0000 1px),linear-gradient(90deg,#edf0f5 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.network-node{text-align:center;z-index:1;background:#fff;border:1px solid #d8dfe8;border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:65px;height:62px;padding-top:8px;display:flex;position:absolute;box-shadow:0 2px 5px #2739510a}.network-node b{color:#778497;font:7px/1.35 DM Mono,monospace}.node-icon{color:#687e9d;background:#edf3f8;border-radius:5px;place-items:center;width:19px;height:19px;font:9px DM Mono,monospace;display:grid}.victim-node{top:29px;left:11px}.relay-node{border-color:#e4bdb0;top:29px;left:calc(50% - 32px)}.relay-node.active{background:#fff8f4;box-shadow:0 0 0 4px #ec714e14}.relay-node.active .node-icon{color:#c86b50;background:#ffe8df}.provider-node{top:29px;right:11px}.provider-node.active .node-icon{color:#5d76a0;background:#e5eef8}.flow-line{border-top:1px dashed #d4dce5;width:calc(25% - 8px);height:1px;position:absolute;top:59px}.flow-line.first{left:76px}.flow-line.second{right:76px}.flow-line.on{border-color:var(--orange)}.flow-line span{color:#a3adba;white-space:nowrap;font:6px DM Mono,monospace;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.flow-line.on span{color:#cf775d}.session-path{color:#c7735b;align-items:center;gap:4px;font:6px DM Mono,monospace;display:flex;position:absolute;bottom:34px;right:25px}.session-path i{background:var(--orange);width:33px;height:1px;display:block;position:relative}.session-path i:after{content:"";border-top:1px solid var(--orange);border-right:1px solid var(--orange);width:5px;height:5px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.network-status{color:#909aaa;border-top:1px solid #e7eaf0;align-items:center;gap:7px;padding-top:8px;font:7px DM Mono,monospace;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.network-caption{color:#8a95a3}.route-legend{border-top:1px dashed #8a76b4;width:15px;display:inline-block}.attacker-console{color:#9cacc2;background:#17243a;border-radius:5px;height:223px;margin:13px 13px 0;padding:11px;font:7px DM Mono,monospace}.console-head{color:#d0dae9;border-bottom:1px solid #2d3b51;justify-content:space-between;padding-bottom:8px;display:flex}.console-head>span:first-child{align-items:center;gap:6px;display:flex}.console-live{background:var(--orange);border-radius:50%;width:5px;height:5px;display:inline-block}.console-rows{flex-direction:column;gap:7px;padding:12px 0 7px;display:flex}.console-row{justify-content:space-between;gap:8px;display:flex}.console-row>span{color:#7587a0}.console-row b{color:#d5dce5;font-weight:400}.console-row b.available{color:#8ed0a9}.observation-box{background:#1d2c44;border:1px solid #314157;min-height:82px;margin-top:7px;padding:8px}.observation-box.revealed{background:#2e2934;border-color:#9e5948}.observation-label{color:#71859f;letter-spacing:.1em;font-size:6px}.observation-box p{color:#b5c0d0;margin:7px 0 8px;font-size:8px;line-height:1.5}.observation-time{color:#6d829e;font-size:6px}.attacker-caption{color:#8a95a3}.under-stage{grid-template-columns:minmax(280px,.95fr) minmax(260px,1.05fr);gap:10px;margin-top:10px;display:grid}.decision-card,.explanation-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;min-height:121px;padding:15px}.decision-card{background:#fffaf7;border-color:#f2ddd5}.decision-head{align-items:flex-start;gap:10px;display:flex}.decision-icon{color:#cb6e53;background:#f6dcd3;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font:11px Georgia,serif;display:grid}.decision-head b,.explanation-label,.intervention b{letter-spacing:.07em;color:#c66c52;font:8px DM Mono,monospace}.decision-head p{color:#697687;margin:5px 0 0;font-size:11px}.decision-options{gap:7px;margin-top:15px;display:flex}.decision-options button{color:#606e7f;cursor:pointer;text-align:left;background:#fff;border:1px solid #edd8d0;border-radius:4px;flex:1;align-items:center;gap:5px;min-width:0;padding:8px;font-size:9px;display:flex}.decision-options button:hover{border-color:var(--orange);color:#b9654d}.decision-options button span{color:#d17c64;font:8px DM Mono,monospace}.decision-options button .icon{width:11px;height:11px;margin-left:auto}.quiet-decision{border-color:var(--line);background:#fbfcfd;align-items:flex-start;gap:10px;display:flex}.quiet-decision .decision-icon{color:#5783a3;background:#edf3f8}.quiet-decision b{color:#6d8094;letter-spacing:.07em;font:8px DM Mono,monospace}.quiet-decision p{color:#8994a1;margin:5px 0 0;font-size:11px}.decision-feedback{border-top:1px solid #f1ddd6;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;padding-top:9px;display:flex}.decision-feedback strong{color:#4e8e70;font-size:10px}.decision-feedback.caution strong{color:#c36a4f}.decision-feedback p{color:#7c8795;margin:4px 0 0;font-size:9px;line-height:1.4}.decision-feedback button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:4px;flex:none;align-items:center;gap:5px;padding:9px;font-size:9px;display:flex}.decision-feedback button .icon{width:11px}.explanation-card{padding:15px 16px}.explanation-label{color:#75869b;align-items:center;gap:7px;display:flex}.info-icon{color:#5b86aa;background:#e7eef5;border-radius:50%;place-items:center;width:15px;height:15px;font:11px Georgia,serif;display:grid}.explanation-card>p{color:#607082;margin:11px 0 12px;font-size:11px;line-height:1.5}.intervention{border-top:1px solid #ebeff2;gap:8px;padding-top:9px;display:flex}.intervention-mark{color:#5ca280;background:#e7f3ed;border-radius:50%;place-items:center;width:15px;height:15px;font-size:12px;display:grid}.intervention div{flex-direction:column;gap:4px;display:flex}.intervention b{color:#579277;font-size:7px}.intervention span{color:#8893a0;font-size:9px}.inspector-panel{border-left:1px solid var(--line);min-height:480px;padding-left:19px}.inspector-toggle{display:none}.inspector-kicker{color:#98a3b0;letter-spacing:.09em;font:8px DM Mono,monospace}.inspector-panel h2{color:var(--navy);letter-spacing:-.03em;margin:12px 0 7px;font:600 19px Space Grotesk,Arial,sans-serif}.inspector-intro{color:#8692a0;margin-bottom:17px;font-size:10px;line-height:1.5}.taxonomy-path{color:#a1aab5;border-bottom:1px solid var(--line);align-items:center;gap:7px;padding-bottom:10px;font:8px DM Mono,monospace;display:flex}.taxonomy-path b{color:#c2c8d0;font-size:12px;font-weight:400}.taxonomy-items{flex-direction:column;gap:7px;padding:13px 0 20px;display:flex}.taxonomy-item{color:#748193;border:1px solid #e2e7ec;border-radius:4px;align-items:center;gap:7px;min-height:35px;padding:6px 7px;font-size:9px;line-height:1.25;display:flex}.taxonomy-item.primary{color:#566d87;background:#f7fafc;border-color:#d6e1ec}.taxonomy-id{color:#6f9cc2;font:8px DM Mono,monospace}.taxonomy-check{color:#5ca180;margin-left:auto;font-size:10px}.artefacts-block{border-top:1px solid var(--line);padding-top:15px}.artefact-list{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.artefact-list span{color:#7c6ba4;background:#f1eff8;border-radius:3px;padding:5px 6px;font-size:8px}.profile-block{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.profile-row{align-items:center;gap:8px;margin-top:11px;display:flex}.profile-avatar{color:#805f4f;background:#f3d6c7;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.profile-row span:last-child{flex-direction:column;gap:3px;display:flex}.profile-row b{color:#667488;font-size:10px;font-weight:600}.profile-row small{color:#9ba5b0;font-size:8px}.profile-tags{gap:4px;margin-top:11px;display:flex}.profile-tags span{color:#8793a1;border:1px solid #e0e5ea;border-radius:3px;padding:4px 5px;font:7px DM Mono,monospace}.app-footer{border-top:1px solid var(--line);color:#a0a9b4;justify-content:space-between;margin-top:37px;padding-top:14px;font:8px DM Mono,monospace;display:flex}@media (width<=1200px){.content-wrap{padding-left:28px;padding-right:28px}.stage-layout{grid-template-columns:145px minmax(480px,1fr)}.inspector-panel{border-left:0;border-top:1px solid var(--line);grid-column:2;grid-template-columns:1fr 1fr;gap:10px 20px;min-height:auto;padding:18px 0 0;display:grid}.inspector-panel>*{min-width:0}.inspector-panel h2,.inspector-intro,.inspector-toggle{grid-column:1}.inspector-panel .taxonomy-path,.inspector-panel .taxonomy-items{grid-column:2}.inspector-panel .artefacts-block,.inspector-panel .profile-block{grid-column:1/-1}.inspector-panel .inspector-kicker:first-child{grid-column:1}}@media (width<=850px){.side-rail{width:60px}.workspace{width:calc(100% - 60px)}.topbar{padding:0 22px}.content-wrap{padding:34px 20px 20px}.intro-row{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.scenario-card{max-width:520px}.stage-layout{grid-template-columns:1fr}.timeline-panel{display:none}.actors-grid{grid-template-columns:1fr 1fr}.victim-card{grid-column:1/-1}.device-frame,.network-map,.attacker-console{height:230px}.inspector-panel{grid-column:1;grid-template-columns:1fr 1fr}.under-stage{grid-template-columns:1fr}.app-footer{flex-direction:column;gap:8px}}@media (width<=560px){.side-rail{width:0;display:none}.workspace{width:100%}.topbar{height:54px;padding:0 15px}.breadcrumb{gap:6px;font-size:8px}.breadcrumb span:first-child,.slash,.safe-label{display:none}.content-wrap{padding:28px 14px 18px}.kicker{font-size:8px}.intro-copy{font-size:13px}.scenario-card{padding:18px}.scenario-card h2{font-size:18px}.scenario-meta{flex-direction:column;gap:5px}.simulation-toolbar{flex-direction:column;align-items:flex-start;gap:10px;height:auto}.transport-controls{width:100%}.transport-controls .play-button{flex:1;justify-content:center}.event-heading h2{font-size:21px}.event-heading p{max-width:230px;line-height:1.4}.actors-grid{grid-template-columns:1fr}.victim-card{grid-column:auto}.network-card,.attacker-card{display:block}.device-frame,.network-map,.attacker-console{height:225px}.under-stage{margin-top:9px}.decision-options{flex-direction:column}.decision-feedback{flex-direction:column;align-items:flex-start}.decision-feedback button{justify-content:center;align-self:stretch}.inspector-panel{border-top:0;min-height:0;padding:0;display:block}.inspector-toggle{border:1px solid var(--line);background:var(--paper);color:#748193;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:12px;font:8px DM Mono,monospace;display:flex}.inspector-panel:not(.collapsed){padding-top:16px}.inspector-panel:not(.collapsed) .inspector-toggle{margin-bottom:17px}.inspector-panel.collapsed{border-top:0}.inspector-panel.collapsed .inspector-toggle{margin-top:5px}.app-footer{margin-top:25px;font-size:7px;line-height:1.4}.app-footer span:last-child{display:none}}.minimal-library-topbar{height:54px}.minimal-library-wrap{flex-direction:column;justify-content:center;max-width:1180px;min-height:calc(100vh - 54px);padding:34px 30px 48px;display:flex}.minimal-library-heading{justify-content:center;margin-bottom:34px}.minimal-library-heading h1{color:var(--navy);letter-spacing:-.06em;text-align:center;margin:0;font:500 42px/1.1 Space Grotesk,Inter,sans-serif}.attack-hand{perspective:1200px;justify-content:center;align-items:flex-end;width:100%;min-height:438px;padding:10px 0 18px;display:flex}.attack-hand .attack-card{transform-origin:50% 100%;border-radius:10px;flex:0 310px;width:310px;min-height:410px;margin-left:-34px;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,z-index 0s linear .28s;box-shadow:0 12px 24px #20334812}.attack-hand .attack-card:first-child{z-index:1;margin-left:0;transform:rotate(-5deg)translateY(12px)}.attack-hand .attack-card:nth-child(2){z-index:2;transform:rotate(0)}.attack-hand .attack-card:nth-child(3){z-index:1;transform:rotate(5deg)translateY(12px)}.attack-hand .attack-card:hover{z-index:8}.attack-hand .attack-card:first-child:hover,.attack-hand .attack-card:first-child.selected{transform:rotate(-2deg)translateY(-18px)scale(1.035)}.attack-hand .attack-card:nth-child(2):hover,.attack-hand .attack-card:nth-child(2).selected{transform:rotate(0)translateY(-26px)scale(1.045)}.attack-hand .attack-card:nth-child(3):hover,.attack-hand .attack-card:nth-child(3).selected{transform:rotate(2deg)translateY(-18px)scale(1.035)}.attack-hand .attack-card.selected{z-index:10;box-shadow:0 24px 40px #1e31482e}.attack-hand .attack-card-top{padding:18px 18px 0}.attack-hand .attack-visual{height:190px;margin:18px 18px 0}.attack-hand .attack-card-content{padding:23px 19px 20px}.attack-hand .attack-card h2{min-height:48px;font-size:21px;line-height:1.12}.attack-hand .attack-link{margin-top:20px}@media (width<=850px){.minimal-library-wrap{padding:38px 20px 42px}.minimal-library-heading h1{font-size:37px}.attack-hand .attack-card{flex-basis:270px;width:270px;min-height:385px}.attack-hand .attack-visual{height:165px}}@media (width<=620px){.minimal-library-wrap{justify-content:flex-start;min-height:calc(100vh - 54px);padding:34px 14px 38px}.minimal-library-heading{margin:30px 0 19px}.minimal-library-heading h1{font-size:31px}.attack-hand{flex-direction:column;align-items:center;gap:0;min-height:0;padding:6px 0 25px;display:flex}.attack-hand .attack-card,.attack-hand .attack-card:first-child,.attack-hand .attack-card:nth-child(2),.attack-hand .attack-card:nth-child(3){flex:none;width:min(100%,330px);min-height:285px;margin:-16px 0 0;transform:rotate(0)}.attack-hand .attack-card:first-child{margin-top:0}.attack-hand .attack-card:hover,.attack-hand .attack-card.selected,.attack-hand .attack-card:first-child.selected,.attack-hand .attack-card:nth-child(2).selected,.attack-hand .attack-card:nth-child(3).selected{transform:translateY(-9px)scale(1.025)}.attack-hand .attack-visual{height:115px;margin-top:12px}.attack-hand .attack-card-content{padding:15px 17px 16px}.attack-hand .attack-card h2{min-height:auto;margin:7px 0 0;font-size:18px}.attack-hand .attack-link{display:none}}.qr-login-screen{background:linear-gradient(135deg,#f7fafe,#edf3f8);place-items:center;height:calc(100% - 22px);padding:20px;display:grid}.qr-login-card{text-align:center;background:#fffffff5;border:1px solid #dfe6eb;border-radius:6px;width:min(390px,62%);padding:20px 24px 18px;box-shadow:0 7px 20px #344b6417}.qr-login-card h4{color:#304158;margin:8px 0 6px;font-size:16px}.qr-login-card p{color:#8a97a4;max-width:270px;margin:0 auto 12px;font-size:10px;line-height:1.45}.qr-login-card .qr-box{width:105px;height:105px;margin:10px auto 9px}.qr-login-card>small{color:#8d9aa7;font-size:8px}.qr-login-card .login-eyebrow{font-size:7px}.simulation-wrap .focus-stage>.mobile-victim-card .phone-frame{aspect-ratio:9/17;flex:0 auto;width:min(235px,34%);height:auto;min-height:0;margin:18px auto 0}.simulation-wrap .focus-stage>.mobile-victim-card .device-caption{margin-top:auto}@media (width<=850px){.simulation-wrap .focus-stage>.mobile-victim-card .phone-frame{width:min(210px,38%)}}@media (width<=560px){.simulation-wrap .focus-stage>.mobile-victim-card .phone-frame{aspect-ratio:auto;width:132px;height:223px;margin-top:13px}.qr-login-card{width:min(290px,88%);padding:15px}.qr-login-card h4{font-size:12px}.qr-login-card .qr-box{width:78px;height:78px}}.minimal-library-wrap .attack-hand{perspective:1200px;justify-content:center;align-items:flex-end;width:100%;min-height:438px;padding:10px 0 18px;display:flex}.minimal-library-wrap .attack-hand .attack-card{transform-origin:50% 100%;border-radius:10px;flex:0 310px;width:310px;min-height:410px;margin-left:-34px;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s;box-shadow:0 12px 24px #20334812}.minimal-library-wrap .attack-hand .attack-card:first-child{z-index:1;margin-left:0;transform:rotate(-5deg)translateY(12px)}.minimal-library-wrap .attack-hand .attack-card:nth-child(2){z-index:2;transform:rotate(5deg)translateY(12px)}.minimal-library-wrap .attack-hand .attack-card:hover,.minimal-library-wrap .attack-hand .attack-card.selected{z-index:10;box-shadow:0 24px 40px #1e31482e}.minimal-library-wrap .attack-hand .attack-card:first-child:hover,.minimal-library-wrap .attack-hand .attack-card:first-child.selected{transform:rotate(-2deg)translateY(-18px)scale(1.035)}.minimal-library-wrap .attack-hand .attack-card:nth-child(2):hover,.minimal-library-wrap .attack-hand .attack-card:nth-child(2).selected{transform:rotate(2deg)translateY(-18px)scale(1.035)}@media (width<=620px){.minimal-library-wrap .attack-hand{flex-direction:column;align-items:center;gap:0;min-height:0;padding:6px 0 25px}.minimal-library-wrap .attack-hand .attack-card,.minimal-library-wrap .attack-hand .attack-card:first-child,.minimal-library-wrap .attack-hand .attack-card:nth-child(2){flex:none;width:min(100%,330px);min-height:285px;margin:-16px 0 0;transform:rotate(0)}.minimal-library-wrap .attack-hand .attack-card:first-child{margin-top:0}.minimal-library-wrap .attack-hand .attack-card:hover,.minimal-library-wrap .attack-hand .attack-card.selected,.minimal-library-wrap .attack-hand .attack-card:first-child.selected,.minimal-library-wrap .attack-hand .attack-card:nth-child(2).selected{transform:translateY(-9px)scale(1.025)}}.simulation-shell .simple-topbar{height:50px}.simulation-wrap{flex-direction:column;max-width:none;height:calc(100vh - 50px);min-height:560px;padding:16px 30px 12px;display:flex;overflow:hidden}.simulation-wrap .simulation-intro{border-bottom:0;flex:none;margin-bottom:11px;padding-bottom:10px}.simulation-wrap .stage-layout{flex:auto;min-height:0}.simulation-wrap .simulation-column{flex-direction:column;height:100%;display:flex}.simulation-wrap .simulation-toolbar{flex:0 0 28px}.simulation-wrap .progress-track{flex:0 0 3px;margin:7px 0 13px}.simulation-wrap .event-heading{flex:none;margin-bottom:8px}.simulation-wrap .perspective-controls{flex:none;margin-bottom:7px}.simulation-wrap .focus-stage{flex:auto;height:auto;min-height:0}.simulation-wrap .focus-stage>.victim-card{height:100%;min-height:0}.simulation-wrap .focus-stage>.victim-card .device-frame,.simulation-wrap .focus-stage>.victim-card .phone-frame{height:calc(100% - 93px);min-height:300px}.simulation-wrap .perspective-pips{bottom:12px}.stage-info{z-index:15;position:absolute;top:12px;right:15px}.event-info-trigger{color:#66829c;cursor:pointer;background:#fffffff0;border:1px solid #d7e0e7;border-radius:50%;place-items:center;width:24px;height:24px;font:600 12px Georgia,serif;display:grid;box-shadow:0 2px 8px #1c2f4614}.event-info-trigger:hover,.event-info-trigger.open{color:#fff;background:#5c86a7;border-color:#5c86a7}.event-tooltip{color:#69788a;background:#fffffffa;border:1px solid #d9e1e7;border-radius:6px;width:285px;padding:13px 14px;font-size:10px;line-height:1.45;position:absolute;top:32px;right:0;box-shadow:0 10px 25px #192e4621}.event-tooltip:before{content:"";background:#fff;border-top:1px solid #d9e1e7;border-left:1px solid #d9e1e7;width:9px;height:9px;position:absolute;top:-5px;right:8px;transform:rotate(45deg)}.event-tooltip strong{color:#33465d;font-size:11px;font-weight:600}.event-tooltip p{margin:7px 0 9px}.event-tooltip div{color:#7a8a98;border-top:1px solid #e9eef2;padding-top:8px}.event-tooltip div span{color:#5b9878;letter-spacing:.07em;margin-bottom:4px;font:7px DM Mono,monospace;display:block}@media (width<=850px){.simulation-wrap{height:calc(100vh - 54px);padding:14px 20px 10px}.simulation-wrap .focus-stage>.victim-card .device-frame,.simulation-wrap .focus-stage>.victim-card .phone-frame{min-height:255px}.simulation-wrap .event-heading h2{font-size:20px}}@media (width<=560px){.simulation-shell .simple-topbar{height:54px}.simulation-wrap{height:auto;min-height:calc(100vh - 54px);padding:14px 14px 18px;overflow:visible}.simulation-wrap .simulation-intro{margin-bottom:9px}.simulation-wrap .simulation-intro h1{font-size:24px}.simulation-wrap .simulation-column{height:auto}.simulation-wrap .focus-stage{flex:none;height:auto;min-height:0}.simulation-wrap .focus-stage>.victim-card{height:auto}.simulation-wrap .focus-stage>.victim-card .device-frame,.simulation-wrap .focus-stage>.victim-card .phone-frame{height:225px;min-height:0}.stage-info{top:9px;right:10px}.event-tooltip{width:min(285px,100vw - 45px)}.simulation-wrap .perspective-pips{bottom:auto}}.simulation-wrap .stage-layout{display:block}.simulation-wrap .simulation-column{width:min(100%,1180px);margin:0 auto}.device-frame{position:relative}.sim-cursor{z-index:20;clip-path:polygon(0 0,100% 68%,64% 72%,80% 100%,65% 100%,48% 76%,0 100%);filter:drop-shadow(1px 2px 1px #1625383d);pointer-events:none;background:#172b42;width:15px;height:19px;transition:left .75s cubic-bezier(.22,.61,.36,1),top .75s cubic-bezier(.22,.61,.36,1);position:absolute;transform:translate(-1px,-1px)rotate(-4deg)}.click-ripple{z-index:7;opacity:0;pointer-events:none;border:1px solid #ec714ea6;border-radius:50%;width:24px;height:24px;margin:-6px 0 0 -6px;position:absolute;transform:scale(.35)}.click-ripple.show{animation:.7s ease-out both click-ripple}@keyframes click-ripple{0%{opacity:.85;transform:scale(.25)}70%{opacity:.32;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.typing-caret{z-index:8;opacity:0;pointer-events:none;background:#3b82b6;width:1px;height:12px;margin:-4px 0 0 3px;position:absolute}.typing-caret.show{animation:.9s steps(2,end) infinite caret-blink}@keyframes caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}.typing-field{position:relative}.field-caret{vertical-align:-2px;border-left:1px solid #4c8fba;height:10px;margin-left:3px;animation:.9s steps(2,end) infinite caret-blink;display:inline-block}.mail-row.highlighted{animation:1.6s both mail-focus}@keyframes mail-focus{0%{background:#fff}18%,72%{background:#fff3ed}to{background:#fff8f3}}.browser-screen .login-box,.embedded-window{animation:.55s both interface-arrive}@keyframes interface-arrive{0%{opacity:0;transform:translateY(5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.perspective-controls{color:#a0aab5;letter-spacing:.04em;justify-content:flex-end;align-items:center;gap:7px;margin:-3px 0 10px;font:8px DM Mono,monospace;display:flex}.perspective-controls>span{letter-spacing:.08em;margin-right:3px}.perspective-controls button{color:#778596;cursor:pointer;background:#fff;border:1px solid #e0e5ea;border-radius:14px;align-items:center;gap:5px;padding:5px 8px 5px 6px;font-size:8px;display:inline-flex}.perspective-controls button:hover,.perspective-controls button.pinned{color:#526b87;background:#f7fafc;border-color:#b8cbdb}.perspective-controls button small{color:#a6afb9;font-size:7px}.control-pip{border-radius:50%;width:6px;height:6px;display:inline-block}.network-control{background:var(--purple)}.attacker-control{background:var(--orange)}.focus-stage{min-height:392px;position:relative}.focus-stage>.victim-card{min-height:392px}.focus-stage>.victim-card .device-frame,.focus-stage>.victim-card .phone-frame{height:290px}.perspective-pips{z-index:2;pointer-events:none;gap:8px;width:min(52%,465px);display:grid;position:absolute;bottom:14px;right:14px}.perspective-pips.dual{grid-template-columns:repeat(2,minmax(0,1fr))}.perspective-pips.single{grid-template-columns:minmax(205px,47%);justify-content:end}.perspective-pips .actor-card{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#cdd6def2;min-width:0;box-shadow:0 7px 22px #20304529}.perspective-pips .actor-card-head{background:#fffffff5;min-height:43px;padding:9px 10px}.perspective-pips .actor-icon{width:20px;height:20px}.perspective-pips .actor-title{gap:6px}.perspective-pips .actor-title b{font-size:7px}.perspective-pips .actor-title small{display:none}.perspective-pips .view-tag{padding:3px 4px 2px;font-size:6px}.perspective-pips .network-map,.perspective-pips .attacker-console{height:126px;margin:8px 8px 0}.perspective-pips .network-node{transform-origin:50%;transform:scale(.78)}.perspective-pips .victim-node{left:0}.perspective-pips .provider-node{right:0}.perspective-pips .flow-line.first{width:calc(25% + 2px);left:45px}.perspective-pips .flow-line.second{width:calc(25% + 2px);right:45px}.perspective-pips .flow-line span{font-size:5px}.perspective-pips .network-status{padding-top:5px;font-size:6px;bottom:7px;left:8px;right:8px}.perspective-pips .session-path{font-size:5px;bottom:27px;right:11px}.perspective-pips .device-caption{height:27px;padding:0 9px;font-size:7px}.perspective-pips .attacker-console{padding:8px}.perspective-pips .console-head{padding-bottom:5px;font-size:6px}.perspective-pips .console-rows{gap:4px;padding:6px 0 2px}.perspective-pips .console-row{font-size:6px}.perspective-pips .observation-box{min-height:43px;margin-top:4px;padding:5px}.perspective-pips .observation-label,.perspective-pips .observation-time{font-size:5px}.perspective-pips .observation-box p{margin:4px 0;font-size:6px;line-height:1.25}.perspective-pips .caption-pulse{width:4px;height:4px}@media (width<=1200px){.focus-stage,.focus-stage>.victim-card{min-height:392px}.perspective-pips{width:min(55%,430px)}}@media (width<=850px){.perspective-controls{justify-content:flex-start;margin-top:4px}.focus-stage,.focus-stage>.victim-card{min-height:365px}.focus-stage>.victim-card .device-frame,.focus-stage>.victim-card .phone-frame{height:265px}.perspective-pips{width:min(59%,420px);bottom:10px;right:10px}.perspective-pips.dual{grid-template-columns:1fr 1fr}}@media (width<=560px){.perspective-controls{flex-wrap:wrap;gap:6px;margin:2px 0 9px}.perspective-controls>span{width:100%}.focus-stage,.focus-stage>.victim-card{min-height:0}.focus-stage>.victim-card .device-frame,.focus-stage>.victim-card .phone-frame{height:225px}.perspective-pips,.perspective-pips.single{grid-template-columns:1fr;width:100%;margin-top:8px;display:grid;position:static}.perspective-pips.dual{grid-template-columns:1fr}.perspective-pips .network-map,.perspective-pips .attacker-console{height:145px}.perspective-pips .actor-card-head{min-height:46px}.perspective-pips .device-caption{height:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.simple-topbar{height:58px;padding:0 36px}.brand-word{color:var(--navy);letter-spacing:-.04em;cursor:pointer;background:0 0;border:0;padding:0;font:600 18px Georgia,serif}.simple-nav{gap:24px;margin-left:32px;margin-right:auto;display:flex}.simple-nav button{color:#9aa4b0;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px}.simple-nav button.active{color:var(--ink);font-weight:600}.simulation-breadcrumb{color:#a3acb6;align-items:center;gap:10px;margin-left:40px;margin-right:auto;font-size:11px;display:flex}.simulation-breadcrumb button{color:#728091;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.simulation-breadcrumb strong{color:#536172;font-weight:500}.library-wrap{max-width:1120px;margin:0 auto;padding:72px 44px 34px}.library-heading{justify-content:space-between;align-items:end;gap:48px;margin-bottom:39px;display:flex}.context-label{color:#9aa5b1;letter-spacing:.11em;text-transform:uppercase;font:9px DM Mono,monospace}.library-heading h1,.simulation-intro h1{color:var(--navy);letter-spacing:-.055em;margin:12px 0 0;font:500 38px/1.1 Space Grotesk,Inter,sans-serif}.library-heading p{color:#87929f;max-width:340px;margin:0 0 2px;font-size:13px;line-height:1.55}.library-filters{border-bottom:1px solid var(--line);gap:23px;margin-bottom:19px;display:flex}.library-filters span{color:#9ca6b1;padding:0 0 11px;font-size:11px}.library-filters .filter-active{color:#415064;border-bottom:2px solid var(--orange)}.attack-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.attack-card{text-align:left;min-width:0;color:inherit;cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:8px;flex-direction:column;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.attack-card.available:hover{border-color:#b6c8d8;transform:translateY(-2px);box-shadow:0 12px 30px #24374d14}.attack-card.upcoming{cursor:default;background:#fbfcfc}.attack-card-top{justify-content:space-between;align-items:center;padding:15px 16px 0;display:flex}.attack-index{color:#9ba7b4;font:10px DM Mono,monospace}.attack-status{color:#a5adb7;text-transform:uppercase;letter-spacing:.07em;font:8px DM Mono,monospace}.attack-card.available .attack-status{color:#5f9a7c}.attack-visual{background:#eff5f8;border-radius:5px;height:142px;margin:15px 15px 0;position:relative;overflow:hidden}.attack-card.orange .attack-visual{background:#f8f1ec}.attack-card.purple .attack-visual{background:#f2f1f8}.attack-card.upcoming .attack-visual{filter:saturate(.55);opacity:.8}.attack-visual:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff80 1px,#0000 1px),linear-gradient(#ffffff80 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.visual-window{background:#ffffffe6;border:1px solid #6b8ea659;border-radius:4px;display:block;position:absolute;box-shadow:0 5px 12px #32516614}.window-one{width:105px;height:76px;top:28px;left:28px}.window-two{background:#fafcfdcc;width:92px;height:58px;top:49px;left:105px}.visual-window:before{content:"";opacity:.8;background:linear-gradient(90deg,#e99a87 0 5px,#0000 5px 8px,#e8c07d 8px 13px,#0000 13px 16px,#9fc6a8 16px 21px,#0000 21px);border-bottom:1px solid #e4ebef;height:10px;margin:7px;display:block}.visual-window:after{content:"";opacity:.8;background:#bed2df;width:55%;height:4px;margin:12px;display:block;box-shadow:0 9px #e0e7eb,0 18px #e0e7eb}.visual-route{border-top:1px dashed #dd886f;width:159px;position:absolute;top:70px;left:53px;transform:rotate(-13deg)}.visual-node{background:#fff7f3;border:1px solid #edb7a7;border-radius:8px;width:30px;height:30px;position:absolute;top:39px;right:25px}.visual-node:after{content:"";border:1px solid #d4785e;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:10px}.attack-card-content{padding:17px 17px 18px}.attack-context{color:#8a98a7;letter-spacing:.04em;text-transform:uppercase;font:8px DM Mono,monospace}.attack-context span{color:#c2c8cf;padding:0 3px}.attack-card h2{color:#263449;letter-spacing:-.035em;margin:9px 0 8px;font:500 18px Space Grotesk,Inter,sans-serif}.attack-card p{color:#85919e;min-height:52px;margin:0 0 15px;font-size:11px;line-height:1.55}.attack-link{color:#4e7897;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.attack-link .icon{width:12px;height:12px}.attack-card.upcoming .attack-link{color:#a3abb4;font-weight:400}.library-note{border-top:1px solid var(--line);color:#9aa5b0;align-items:center;gap:9px;margin-top:34px;padding-top:14px;font:9px DM Mono,monospace;display:flex}.simulation-wrap{padding-top:29px}.simulation-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;padding-bottom:25px;display:flex}.simulation-intro h1{margin-top:9px;font-size:29px}.simulation-intro p{color:#8a96a3;max-width:270px;margin:0 0 2px;font-size:12px;line-height:1.5}.simulation-wrap .stage-layout{margin-top:0}.simulation-wrap .event-heading{margin-bottom:14px}.simulation-wrap .app-footer{margin-top:28px}.phone-frame{background:#fff;border:4px solid #263449;border-radius:17px;width:132px;height:223px;margin:13px auto 0;position:relative;overflow:hidden;box-shadow:0 5px 12px #2434491a}.phone-speaker{z-index:2;background:#17243a;border-radius:5px;width:29px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.mobile-screen{color:#596678;background:#f7f8fa;height:100%;font-size:7px}.mobile-status{color:#738091;justify-content:space-between;height:19px;padding:7px 10px 0;font-size:6px;display:flex}.qr-screen{text-align:center;padding:11px 13px}.phone-title{color:#364459;text-align:left;margin-bottom:12px;font-size:10px}.qr-box{background:repeating-linear-gradient(45deg,#27384d 0 3px,#fff 3px 6px);border:4px solid #27384d;width:68px;height:68px;margin:0 auto 9px;position:relative}.qr-box span{background:#fff;border:4px solid #27384d;width:16px;height:16px;position:absolute}.qr-box span:first-child{top:-4px;left:-4px}.qr-box span:nth-child(2){top:-4px;right:-4px}.qr-box span:nth-child(3){bottom:-4px;left:-4px}.qr-box span:nth-child(4){border-width:2px;width:8px;height:8px;bottom:8px;right:8px}.qr-screen p{color:#929daa;margin:0 0 13px}.qr-banner{color:#718096;background:#fff;border:1px solid #e1e6ea;border-radius:4px;padding:7px}.consent-screen{text-align:center;background:#fff;border:1px solid #e0e6eb;border-radius:6px;flex-direction:column;align-items:center;gap:6px;margin:5px 8px 0;padding:11px 8px;display:flex}.consent-screen .northstar-symbol{font-size:14px}.consent-screen>small{color:#99a5b0;font:5px DM Mono,monospace}.consent-screen h4{color:#37465b;margin:5px 0 0;font-size:9px}.consent-screen p{color:#8b97a3;margin:0;font-size:7px;line-height:1.35}.permission-row{text-align:left;color:#788696;border-top:1px solid #edf0f2;align-self:stretch;align-items:center;gap:5px;padding:4px 3px;font-size:6px;display:flex}.permission-row span:first-child{color:#6d83a9}.consent-screen button{color:#fff;background:#617bb0;border:0;border-radius:3px;margin-top:4px;padding:6px 13px;font-size:7px}.consent-screen button.granted-button{background:#67a27f}.consent-foot{font-size:5px!important}.bitb-screen{background:#f8fafb;height:calc(100% - 22px);padding:12px 15px;position:relative}.search-bar{color:#8d99a6;background:#fff;border:1px solid #e0e6ea;border-radius:3px;justify-content:space-between;padding:5px 7px;display:flex}.search-result{flex-direction:column;gap:4px;width:75%;padding-top:14px;display:flex}.search-result small{color:#9aa5af;font-size:6px}.search-result b{color:#4b6f9d;font-size:9px}.search-result span{color:#909aa5;font-size:7px}.embedded-window{background:#fff;border:1px solid #cfd9e0;border-radius:4px;width:158px;height:137px;position:absolute;top:44px;left:36px;box-shadow:0 10px 20px #263a502b}.embedded-top{background:#f1f4f6;border-bottom:1px solid #e4e9ed;align-items:center;gap:4px;height:21px;padding:0 6px;display:flex}.embedded-top b{color:#758392;margin-left:5px;font-size:6px;font-weight:500}.embedded-body{flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.embedded-body .northstar-symbol{font-size:13px}.embedded-body b{color:#3e4e64;font-size:9px}.embedded-input{color:#7f8c9a;border:1px solid #dfe5ea;border-radius:3px;align-self:stretch;padding:5px;font-size:6px}.embedded-input.muted-input{color:#a2acb5}.embedded-body button{color:#fff;background:#5b8fb6;border:0;border-radius:3px;align-self:stretch;padding:5px;font-size:7px}@media (width<=850px){.simple-topbar{padding:0 20px}.library-wrap{padding:48px 20px 25px}.library-heading{flex-direction:column;align-items:start;gap:15px;margin-bottom:28px}.attack-grid{grid-template-columns:1fr 1fr}.attack-card:first-child{grid-column:1/-1}.simulation-breadcrumb{margin-left:22px}.embedded-window{left:calc(50% - 79px)}}@media (width<=560px){.simple-topbar{padding:0 15px}.simple-nav{gap:13px;margin-left:19px}.simple-nav button:nth-child(2),.simple-topbar .safe-label{display:none}.simulation-breadcrumb{margin-left:auto;font-size:9px}.simulation-breadcrumb strong,.simulation-breadcrumb span{display:none}.library-wrap{padding:39px 14px 20px}.library-heading h1{font-size:31px}.library-heading p{font-size:12px}.library-filters{gap:15px;overflow-x:auto}.attack-grid{grid-template-columns:1fr}.attack-card:first-child{grid-column:auto}.attack-visual{height:132px}.simulation-wrap{padding:23px 14px 18px}.simulation-intro{flex-direction:column;align-items:start;gap:13px;padding-bottom:20px}.simulation-intro h1{font-size:26px}.simulation-intro p{max-width:100%}}.simulation-wrap .focus-stage>.mobile-victim-card{flex-direction:column;align-items:stretch;display:flex}.simulation-wrap .focus-stage>.mobile-victim-card .phone-frame{aspect-ratio:9/17;flex:0 auto;width:min(235px,34%);margin:18px auto 0;height:auto!important;min-height:0!important}@media (width<=850px){.simulation-wrap .focus-stage>.mobile-victim-card .phone-frame{width:min(210px,38%)}}@media (width<=560px){.simulation-wrap .focus-stage>.mobile-victim-card .phone-frame{aspect-ratio:auto;width:132px;margin-top:13px;height:223px!important}}.simulation-wrap .event-phase,.simulation-wrap .actor-title b{font-size:9px}.simulation-wrap .view-tag,.simulation-wrap .device-url{font-size:8px}.simulation-wrap .mail-screen,.simulation-wrap .mail-sidebar{font-size:9px}.simulation-wrap .mail-toolbar,.simulation-wrap .mail-row b{font-size:10px}.simulation-wrap .fake-input,.simulation-wrap .login-box button{font-size:9px}.simulation-wrap .network-status,.simulation-wrap .attacker-console{font-size:8px}@media (width<=560px){.simulation-wrap .event-heading h2{font-size:23px}.simulation-wrap .event-heading p{font-size:13px}.simulation-wrap .qr-login-card h4{font-size:14px}.simulation-wrap .qr-login-card p{font-size:10px}}.minimal-library-wrap{min-height:100vh}.simulation-breadcrumb{margin-left:0;font-size:13px}.simulation-breadcrumb button{font-size:13px}.simulation-wrap .simulation-intro h1{font-size:30px}.simulation-wrap .toolbar-title{font-size:11px}.simulation-wrap .play-button,.simulation-wrap .reset-button{font-size:12px}.simulation-wrap .event-count{font-size:11px}.simulation-wrap .event-heading h2{font-size:29px}.simulation-wrap .event-heading p{font-size:15px}.simulation-wrap .event-phase,.simulation-wrap .actor-title b{font-size:10px}.simulation-wrap .actor-title small{font-size:11px}.simulation-wrap .view-tag,.simulation-wrap .device-url{font-size:9px}.simulation-wrap .mail-screen,.simulation-wrap .mail-sidebar{font-size:10px}.simulation-wrap .mail-toolbar{font-size:12px}.simulation-wrap .mail-row{min-height:50px;padding:8px 10px}.simulation-wrap .mail-row>div{gap:4px}.simulation-wrap .mail-row b{font-size:11px}.simulation-wrap .mail-row span:not(.sender-avatar):not(.unread-dot){font-size:10px}.simulation-wrap .mail-row time{font-size:9px}.simulation-wrap .sender-avatar{font-size:10px}.simulation-wrap .brand-lockup{font-size:11px}.simulation-wrap .northstar-symbol{font-size:15px}.simulation-wrap .login-box{gap:7px;min-height:170px;padding:13px 16px}.simulation-wrap .login-eyebrow{font-size:8px}.simulation-wrap .login-box h4{font-size:15px}.simulation-wrap .fake-input{align-items:center;height:30px;padding:6px 8px;font-size:10px;line-height:1.2;display:flex}.simulation-wrap .login-box button{height:30px;font-size:10px;line-height:1.2}.simulation-wrap .login-foot{font-size:8px}.simulation-wrap .success-screen b{font-size:12px}.simulation-wrap .success-screen small{font-size:9px}.simulation-wrap .qr-login-card h4{font-size:20px}.simulation-wrap .qr-login-card p{font-size:12px}.simulation-wrap .qr-login-card>small{font-size:10px}.simulation-wrap .device-caption{font-size:12px}.simulation-wrap .network-node b{font-size:9px}.simulation-wrap .flow-line span,.simulation-wrap .session-path{font-size:8px}.simulation-wrap .network-status,.simulation-wrap .attacker-console{font-size:9px}.simulation-wrap .observation-label,.simulation-wrap .observation-time{font-size:8px}.simulation-wrap .observation-box p{font-size:10px}@media (width<=560px){.simulation-wrap .simulation-intro h1{font-size:27px}.simulation-wrap .event-heading h2{font-size:26px}.simulation-wrap .event-heading p{font-size:14px}.simulation-wrap .mail-row{min-height:46px;padding:7px 8px}.simulation-wrap .mail-row b{font-size:10px}.simulation-wrap .mail-row span:not(.sender-avatar):not(.unread-dot){font-size:9px}.simulation-wrap .login-box{gap:6px;min-height:160px;padding:10px 12px}.simulation-wrap .login-box h4{font-size:13px}.simulation-wrap .fake-input{height:27px;padding:5px 7px;font-size:9px}.simulation-wrap .login-box button{height:27px;font-size:9px}.simulation-wrap .qr-login-card h4{font-size:16px}.simulation-wrap .qr-login-card p{font-size:11px}}.simulation-shell .topbar-actions{gap:14px}.simulation-breadcrumb{white-space:nowrap;min-width:0;overflow:hidden}.simulation-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simulation-wrap{position:relative}.simulation-wrap .simulation-intro h1{margin-top:4px;font-size:24px}.simulation-wrap .simulation-progress-track{z-index:10;border-radius:0;height:2px;margin:0;position:absolute;top:0;left:0;right:0}.simulation-progress-track span{transition:width .45s}.event-tooltip-meta{color:#8193a4;letter-spacing:.08em;margin-bottom:8px;font:8px DM Mono,monospace;display:block}.event-tooltip strong{font-size:14px;display:block}.event-tooltip .event-tooltip-subtitle{color:#8794a2;margin:5px 0 8px;font-size:11px}@media (width<=560px){.simulation-wrap .simulation-intro h1{font-size:22px}.simulation-shell .topbar-actions{gap:5px}.simulation-shell .topbar .transport-controls{gap:4px}.simulation-shell .topbar .play-button{padding:0 9px 0 7px}.simulation-shell .topbar .reset-button{padding:0 5px}.event-tooltip strong{font-size:13px}.event-tooltip .event-tooltip-subtitle{font-size:10px}}.simulation-wrap .stage-info{z-index:auto;align-items:center;gap:8px;min-width:0;margin:0 0 8px;display:flex;position:static}.simulation-wrap .event-info-trigger{flex:0 0 24px}.simulation-wrap .event-tooltip{flex:auto;grid-template-columns:minmax(180px,.8fr) minmax(0,1.25fr) minmax(190px,1fr);align-items:center;gap:8px 16px;width:auto;min-width:0;padding:9px 12px;display:grid;position:static}.simulation-wrap .event-tooltip:before{display:none}.simulation-wrap .event-tooltip .event-tooltip-main{min-width:0;color:inherit;border-top:0;flex-direction:column;gap:3px;padding-top:0;display:flex}.simulation-wrap .event-tooltip .event-tooltip-meta{margin:0;font-size:7px}.simulation-wrap .event-tooltip strong{font-size:13px;line-height:1.15}.simulation-wrap .event-tooltip .event-tooltip-subtitle{color:#8794a2;margin:0;font-size:10px;line-height:1.25;display:block}.simulation-wrap .event-tooltip>p{margin:0;font-size:10px;line-height:1.35}.simulation-wrap .event-tooltip .event-tooltip-observation{color:#7a8a98;border-top:0;border-left:1px solid #e9eef2;padding:0 0 0 12px;font-size:9px;line-height:1.35}.simulation-wrap .event-tooltip .event-tooltip-observation span{color:#5b9878;letter-spacing:.07em;margin-bottom:3px;font:7px DM Mono,monospace;display:block}@media (width<=850px){.simulation-wrap .event-tooltip{grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr)}.simulation-wrap .event-tooltip .event-tooltip-observation{border-top:1px solid #e9eef2;border-left:0;grid-column:1/-1;padding:7px 0 0}}@media (width<=560px){.simulation-wrap .stage-info{align-items:flex-start;margin-bottom:8px}.simulation-wrap .event-info-trigger{margin-top:5px}.simulation-wrap .event-tooltip{grid-template-columns:1fr;gap:6px;padding:9px 10px}.simulation-wrap .event-tooltip>p{font-size:9px}.simulation-wrap .event-tooltip .event-tooltip-observation{grid-column:auto;padding-top:6px;font-size:8px}}