@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2)format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-700-normal-9BlbvDRV.woff2)format("woff2"),url(/assets/vazirmatn-latin-700-normal-DrB0PBU6.woff)format("woff")}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-kufi-arabic-latin-700-normal-CeymQha4.woff2)format("woff2"),url(/assets/noto-kufi-arabic-latin-700-normal-CyuqOqA9.woff)format("woff")}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/noto-kufi-arabic-latin-800-normal-DYraHPSO.woff2)format("woff2"),url(/assets/noto-kufi-arabic-latin-800-normal-CdBFUBUS.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#060a1c;--ink-2:#0c1430;--ink-3:#131d44;--card:linear-gradient(180deg,#121c3ebd,#090e24db);--card-border:#7896ff2e;--card-border-hot:#60a5fa8c;--line:#82a0ff24;--line-strong:#82a0ff4d;--text:#eef3ff;--muted:#aab7d8;--faint:#7f8db3;--lens:#2f9dff;--glow:#7dd3fc;--sky:#38bdf8;--violet:#8b5cf6;--cyan:#22d3ee;--accent-grad:linear-gradient(92deg,#38bdf8 0%,#60a5fa 45%,#a78bfa 100%);--ok:#3ad29f;--g-vuln:#ef4444;--g-ioc:#facc15;--g-cpe:#38bdf8;--g-ex:#f97316;--g-att:#a78bfa;--g-bg:#07111d;--g-panel:#0b1825;--g-border:#20384d;--f-display:"Noto Kufi Arabic","Vazirmatn",Tahoma,sans-serif;--f-body:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;--f-ui:Inter,"Segoe UI",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--s-12:.75rem;--s-14:.875rem;--s-16:1rem;--s-19:1.1875rem;--s-24:1.5rem;--s-40:clamp(1.9rem,3.6vw,2.6rem);--s-64:clamp(2.3rem,5.2vw,4rem);--gutter:clamp(16px,4vw,48px);--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:radial-gradient(120% 80% at 50% 0,#0b1433 0%,#060a1c 55%,#05081a 100%) fixed,#060a1c}body{color:var(--text);font:400 var(--s-16)/1.85 var(--f-body);-webkit-font-smoothing:antialiased;background:0 0;margin:0}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}a{color:inherit}:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;font-weight:800}p{margin:0}.label{font:500 var(--s-12)/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#7cc4ff}.top{top:env(safe-area-inset-top,0px);z-index:30;border-bottom:1px solid var(--line);background:#060a1ce6;position:sticky}.top .wrap{align-items:center;gap:24px;min-height:66px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:28px;height:auto}.brand b{font:700 1.12rem/1 var(--f-ui);direction:ltr}.brand b span{color:var(--lens)}.nav{gap:22px;margin-inline-start:12px;display:flex}.nav a{color:var(--muted);font-size:var(--s-14);text-decoration:none;transition:color .15s}.nav a:hover{color:var(--text)}.top-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.btn{min-height:44px;font:700 var(--s-14)/1 var(--f-body);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(120deg,#2f9dff 0%,#4f7dff 55%,#7c5cf6 100%);border-color:#93c5fd73;box-shadow:0 12px 32px #4f7dff59,inset 0 1px #fff3}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 16px 40px #0869d26b,inset 0 1px #ffffff29}.btn-quiet{border-color:var(--line-strong);color:var(--text);background:0 0}.btn-quiet:hover{border-color:var(--glow);background:#2f9dff14}.top .btn{min-height:38px;padding:0 14px}.stage{border:1px solid var(--g-border);background:var(--g-bg);font-family:var(--f-ui);direction:ltr;border-radius:18px;grid-template-columns:minmax(0,1fr) 300px;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000059}.graph{background:radial-gradient(circle at 50% 47%,#2b769124,transparent 40%), linear-gradient(#2c435617 1px,transparent 1px),linear-gradient(90deg,#2c435617 1px,transparent 1px),var(--g-bg);background-size:auto,32px 32px,32px 32px;min-width:0;height:clamp(460px,52vw,640px);position:relative}.graph canvas{touch-action:pan-y;cursor:none;width:100%;height:100%;display:block;position:absolute;inset:0}.graph.dragging canvas{cursor:grabbing}.g-meta{z-index:3;pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute;top:14px;left:18px;right:18px}.g-meta small{letter-spacing:.18em;color:#4f8fa3;font-size:10px;display:block}.g-meta strong{color:#e9f2f7;margin-top:3px;font-size:15px;display:block}.g-stats{flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;gap:6px;display:flex}.g-stats span{color:#7f97aa;white-space:nowrap;background:#081521e6;border:1px solid #274258;border-radius:8px;padding:6px 9px;font-size:12px}.g-stats b{color:#d4e3eb;font-variant-numeric:tabular-nums;margin-right:3px}.g-zoom{z-index:3;background:#07131ee6;border:1px solid #29465a;border-radius:9px;align-items:center;gap:6px;padding:5px 7px;display:flex;position:absolute;bottom:12px;right:14px}.g-zoom button{all:unset;cursor:pointer;color:#9fc9da;background:#0c1b29;border:1px solid #2f5268;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.g-zoom button:hover{color:#e8fbff;border-color:#55cbe3}.g-zoom button:focus-visible{outline:2px solid var(--glow)}.g-zoom span{text-align:center;color:#8fa8b8;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px}.g-zoom svg{width:15px;height:15px}.g-notice{z-index:4;color:#b4e3eb;opacity:0;pointer-events:none;background:#0e3440eb;border:1px solid #55d6e952;border-radius:10px;width:min(560px,100% - 36px);padding:9px 13px;font-size:12px;line-height:1.5;transition:opacity .25s,transform .25s;position:absolute;top:62px;left:50%;transform:translate(-50%,-6px)}.g-notice.show{opacity:1;transform:translate(-50%)}.g-notice.site{color:#cfe6ff;background:#0a1e34f0;border-color:#2f9dff66}.inspector{background:linear-gradient(#0d1a28,#09141f);border-left:1px solid #223b50;min-width:0;padding:22px 20px;overflow:auto}.i-eyebrow{letter-spacing:.18em;color:#58abc0;margin-bottom:9px;font-size:10px}.inspector h3{font:700 19px/1.25 var(--f-ui);color:#edf5f8;overflow-wrap:anywhere;margin:0 0 11px}.i-type{background:#111b26;border:1px solid #3a3f47;border-left-width:3px;border-radius:999px;padding:4px 10px;font-size:12px;display:inline-flex}.i-sub{color:#8fa4b5;-webkit-line-clamp:4;line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:12px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.inspector dl{margin:20px 0}.inspector dl div{border-top:1px solid #1e3345;padding:10px 0}.inspector dt{text-transform:uppercase;letter-spacing:.13em;color:#6b8396;font-size:10px}.inspector dd{font:500 13px/1.45 var(--f-mono);color:#c4d3dc;overflow-wrap:anywhere;margin:4px 0 0}.i-expand{all:unset;box-sizing:border-box;cursor:pointer;color:#fff;width:100%;font:700 13px/1 var(--f-ui);background:linear-gradient(135deg,#1d7f9d,#258ab4);border:1px solid #4695b1;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:11px;display:flex}.i-expand:hover{filter:brightness(1.1)}.i-blank{text-align:center;color:#6b8598;place-content:center;gap:6px;height:100%;display:grid}.i-blank strong{color:#a8bac5;font-size:15px}.i-blank span{max-width:220px;font-size:13px;line-height:1.5}.stage-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:14px;display:flex}.trail{font:500 var(--s-12)/1 var(--f-mono);direction:ltr;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.trail .t-label{font-family:var(--f-body);color:var(--faint);font-size:var(--s-12);margin-right:4px}.trail .chip{border:1px solid var(--line-strong);border-left:3px solid var(--c);color:var(--text);background:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:220px;padding:6px 9px;overflow:hidden}.trail .rel{color:var(--faint)}section.block{padding-block:clamp(40px,5vw,68px);position:relative}section.block:before{content:"";top:0;background:linear-gradient(90deg,#0000,#38bdf873,#8b5cf673,#0000);height:1px;position:absolute;inset-inline:10%}.head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:14px 48px;margin-bottom:clamp(28px,4vw,44px);display:grid}.head .label{grid-column:1/-1}.head h2{font-size:var(--s-40);line-height:1.35}html[lang=en] .head h2{letter-spacing:-.015em;line-height:1.12}.head h2 span span,.demo h2 span span,.chapter h1 em{background:var(--accent-grad);color:#0000;text-shadow:none;filter:drop-shadow(0 0 22px #60a5fa47);-webkit-background-clip:text;background-clip:text}.head p{color:var(--muted);max-width:36em}.demo{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,5vw,64px);display:grid}.demo h2{font-size:var(--s-40);line-height:1.35}.demo .copy>p{color:var(--muted);max-width:30em;margin-top:14px}.contact{border-top:1px solid var(--line);margin:28px 0 0;display:grid}.contact div{border-bottom:1px solid var(--line);font-size:var(--s-14);grid-template-columns:90px minmax(0,1fr);gap:12px;padding:13px 0;display:grid}.contact dt{color:var(--faint)}.contact dd{margin:0}.contact dd.ltr{text-align:start;direction:ltr}.contact dd a{color:inherit;text-decoration:none}.contact dd a:hover,.contact dd a:focus-visible{color:var(--glow);text-decoration:underline}form{border:1px solid var(--line);background:var(--ink-2);border-radius:14px;gap:16px;padding:clamp(18px,3vw,30px);display:grid}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}label{font-size:var(--s-14);color:var(--muted);gap:6px;min-width:0;display:grid}input,textarea{width:100%;font:400 var(--s-16)/1.5 var(--f-body);color:var(--text);background:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:11px 12px}input:focus,textarea:focus{border-color:var(--lens);outline:none;box-shadow:0 0 0 3px #2f9dff2e}input[type=email],input[type=tel]{direction:ltr}textarea{resize:vertical;min-height:92px}.form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.form-foot small{font-size:var(--s-12);color:var(--faint);max-width:34em}.status{font-size:var(--s-14);min-height:1em;color:var(--muted)}.status[data-state=success]{color:var(--ok)}.status[data-state=invalid],.status[data-state=error]{color:#ff8a8a}.hp{clip-path:inset(50%);white-space:nowrap;opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}button:disabled{opacity:.6;cursor:progress}.about{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px 48px;margin-top:clamp(48px,7vw,80px);padding-top:28px;display:grid}.about h3{font-size:var(--s-24)}.about p{color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--faint);font-size:var(--s-12);padding-block:26px 34px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}footer nav{flex-wrap:wrap;gap:18px;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--text)}@media (width<=1000px){.nav{display:none}.head,.demo,.about,.stage{grid-template-columns:1fr}.inspector{border-top:1px solid #223b50;border-left:0;min-height:220px}}@media (width<=640px){.top .btn-primary{display:none}.graph{height:440px}.g-stats span:nth-child(2){display:none}.grid2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}.g-notice{transition:none}}.dive{height:300vh;position:relative}.dive-sticky{align-items:center;height:calc(100vh - 66px);display:flex;position:sticky;top:66px;overflow:hidden}.dive-grid{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;gap:clamp(20px,3vw,44px);width:100%;display:grid}.chapters{min-width:0}.ch-stack{display:grid}.chapter{opacity:0;pointer-events:none;grid-area:1/1;align-self:center;transition:opacity .45s,transform .45s;transform:translateY(14px)}.chapter.on{opacity:1;pointer-events:auto;transform:none}.chapter .label{margin-bottom:14px}.chapter h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.35}html[lang=en] .chapter h1{letter-spacing:-.025em;line-height:1.06}.chapter h1 em{font-style:normal}.chapter .ctas{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.ch-n{font:500 var(--s-12)/1 var(--f-mono);color:var(--faint);direction:ltr;display:inline-block}.chapter h2{font-size:var(--s-40);margin:12px 0 14px;line-height:1.4}html[lang=en] .chapter h2{letter-spacing:-.015em;line-height:1.12}.chapter p:not(.label){color:var(--muted);font-size:var(--s-16);margin-top:16px}.chapter h2+p{margin-top:0!important}.ch-progress{gap:6px;margin-top:26px;display:flex}.ch-progress i{background:var(--line-strong);border-radius:2px;flex:1;height:3px;transition:background .3s}.ch-progress i.on{background:var(--lens)}.scroll-cue{font-size:var(--s-12);color:var(--faint);margin-top:12px}.dive-stage{min-width:0}.dive .graph{height:min(66vh,620px)}.dive .stage{grid-template-columns:minmax(0,1fr) 260px}.g-meta small{white-space:nowrap}.dive .g-notice{top:auto;bottom:60px}.g-legend{z-index:3;font:500 11px/1 var(--f-mono);letter-spacing:.1em;color:#5f7b90;pointer-events:none;position:absolute;bottom:16px;left:18px}.s-copy h3{font-size:var(--s-24);margin:10px 0 18px;line-height:1.5}html[lang=en] .s-copy h3{line-height:1.25}.hots{counter-reset:h;gap:4px;margin:0;padding:0;list-style:none;display:grid}.hots li{counter-increment:h;font-size:var(--s-14);color:var(--faint);border-inline-start:2px solid #0000;border-radius:8px;align-items:baseline;gap:12px;padding:9px 12px;transition:color .25s,background .25s,border-color .25s;display:flex}.hots li:before{content:counter(h,decimal-leading-zero);font:500 var(--s-12)/1 var(--f-mono);color:inherit;direction:ltr}.hots li.on{color:var(--text);border-inline-start-color:var(--sky);background:linear-gradient(90deg,#38bdf829,#8b5cf614)}.shot{border:1px solid var(--line);aspect-ratio:16/10;direction:ltr;background:#07111d;border-radius:14px;justify-self:center;width:100%;min-width:0;margin:0;position:relative;overflow:hidden}.view{position:absolute;inset:0;overflow:hidden}.view iframe,.loupe iframe{transform-origin:0 0;pointer-events:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;position:absolute;top:0;left:0}.dim{-webkit-mask:radial-gradient(circle var(--r,120px) at var(--x,50%) var(--y,50%),transparent 98%,#000 100%);-webkit-mask:radial-gradient(circle var(--r,120px) at var(--x,50%) var(--y,50%),transparent 98%,#000 100%);mask:radial-gradient(circle var(--r,120px) at var(--x,50%) var(--y,50%),transparent 98%,#000 100%);pointer-events:none;background:#04081673;position:absolute;inset:0}.loupe{width:calc(var(--r,120px)*2);height:calc(var(--r,120px)*2);pointer-events:none;border:2px solid var(--lens);z-index:2;transform:translate(calc(var(--x,50%) - var(--r,120px)),calc(var(--y,50%) - var(--r,120px)));background:#07111d;border-radius:50%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 7px #2f9dff1f,0 20px 50px #0009,0 0 40px #2f9dff40}.shot figcaption{inset-inline-start:12px;font-size:var(--s-12);color:var(--muted);border:1px solid var(--line);background:#060d17d9;border-radius:6px;padding:3px 8px;position:absolute;bottom:10px}@media (width<=1000px){.dive-sticky{align-items:stretch}.dive-grid{flex-direction:column;align-items:stretch;gap:10px;height:100%;padding-block:12px;display:flex}.chapter h1{font-size:1.75rem}.chapter h2{font-size:var(--s-24);margin:6px 0}.chapter p:not(.label){font-size:var(--s-14);margin-top:8px}.chapter .ctas{margin-top:12px}.chapter .btn{min-height:38px;padding:0 14px}.ch-progress{margin-top:10px}.scroll-cue,.stage-foot{display:none}.dive-stage{flex-direction:column;flex:1;min-height:0;display:flex}.dive .stage{flex:1;grid-template-columns:1fr;min-height:0}.dive .inspector{display:none}.dive .graph{height:100%}.hots{grid-template-columns:repeat(2,minmax(0,1fr))}.hots li{font-size:var(--s-12);padding:6px 8px}.s-copy h3{font-size:var(--s-19);margin:6px 0 10px}}@media (width<=640px){.dive-sticky,.tour-sticky{height:calc(100vh - 58px);top:58px}.chapter .label,.chapter[data-i="0"] p:not(.label){display:none}}@media (prefers-reduced-motion:reduce){.chapter,.hots li,.ch-progress i{transition:none}}.graph .raw{z-index:2;font:400 12px/1.7 var(--f-mono);color:#4f6a80;white-space:pre-wrap;word-break:break-all;text-align:left;pointer-events:none;-webkit-user-select:none;user-select:none;background:#040a12;margin:0;padding:16px 18px;transition:opacity .55s;position:absolute;inset:0;overflow:hidden}.raw .k{color:#6f8ca3}.raw .s{color:#8fb0c6}.raw .n{color:#d9b06a}.raw .hl{color:#ff8f8f;text-shadow:0 0 12px #ef444473}@keyframes spin{to{transform:rotate(360deg)}}.xtag{z-index:4;font:500 11px/1 var(--f-mono);letter-spacing:.08em;border:1px solid var(--line-strong);pointer-events:none;background:#040a12e0;border-radius:6px;padding:6px 9px;transition:opacity .55s;position:absolute}.xtag-raw{color:var(--faint);bottom:12px;left:12px}.xtag-cl{color:var(--glow);border-color:var(--card-border-hot);top:12px;right:12px}.dive:not([data-step="0"]) .raw,.dive:not([data-step="0"]) .xtag{opacity:0}.g-meta,.g-zoom,.g-legend{transition:opacity .55s}.dive[data-step="0"] .g-meta,.dive[data-step="0"] .g-zoom,.dive[data-step="0"] .g-legend{opacity:0;pointer-events:none}.dive[data-step="0"] .graph canvas{cursor:none;z-index:3}.graph canvas{z-index:1}.dive .stage{transition:grid-template-columns .6s cubic-bezier(.2,.8,.2,1)}.dive .inspector{transition:opacity .4s}.dive[data-step="0"] .stage{grid-template-columns:minmax(0,1fr) 0}.dive[data-step="0"] .inspector{opacity:0;border:0;min-height:0;max-height:0;padding:0;overflow:hidden}@media (width<=640px){.graph .raw{font-size:11px}}@media (prefers-reduced-motion:reduce){.xring:before{animation:none}.dive .stage{transition:none}}.dive .stage{box-shadow:0 30px 80px #00000080,0 0 70px #2f9dff1a}form{background:radial-gradient(circle at 85% 0%,#2789e81a,transparent 45%),var(--card);border-color:var(--card-border);box-shadow:0 24px 60px #00000047}.cap-icon svg,.mode-icon svg,.panel-head svg,.protocols svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.panels{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;display:grid}.panel{border:1px solid var(--card-border);background:radial-gradient(circle at 80% 0%,#2789e81c,transparent 45%),var(--card);border-radius:16px;min-width:0;padding:18px;box-shadow:0 24px 60px #00000040}.panel-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-head>svg{color:#3fb1ff;flex:none;width:20px;height:20px}.panel-head strong{font-size:var(--s-14);color:#dce9f5;display:block}.panel-head small{font-size:var(--s-12);color:#6f8ea4;display:block}.caps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cap{border:1px solid var(--line);background:#ffffff04;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:30px 12px 14px;transition:border-color .2s,transform .2s,background .2s;display:grid;position:relative}.cap:hover{border-color:var(--card-border-hot);background:#2f9dff0d;transform:translateY(-2px)}.cap-icon{color:#20b8ff;background:#032236bf;border:1px solid #1899e066;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 18px #20b8ff24}.cap-icon svg{width:19px;height:19px}.cap-text{min-width:0}.cap-text strong{font-size:var(--s-14);line-height:1.4;display:block}.cap-text small{font-size:var(--s-12);color:#7f9bb0;line-height:1.5;display:block}.cap em{inset-inline-end:8px;color:#6a9bbb;border:1px solid #26719c61;border-radius:999px;padding:1px 7px;font-size:10px;font-style:normal;line-height:1.6;position:absolute;top:7px}.protocols{color:#8ea6ba;font-size:var(--s-12);flex-wrap:wrap;gap:8px 18px;margin-top:14px;display:flex}.protocols>span{align-items:center;gap:6px;display:inline-flex}.protocols svg{color:#3fb1ff;width:14px;height:14px}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mode{text-align:center;border:1px solid var(--line);background:#ffffff04;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:20px 10px 16px;transition:border-color .2s,transform .2s;display:flex}.mode:hover{border-color:var(--card-border-hot);transform:translateY(-2px)}.mode-icon{color:#43b2ff;background:radial-gradient(circle,#2f9dff33,#0000 70%);border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.mode-icon svg{width:26px;height:26px}.mode strong{font-size:var(--s-14)}.mode small{font-size:var(--s-12);color:#7f9bb0;line-height:1.5}.mode em{color:#5fb3e0;font:500 10px/1.4 var(--f-mono);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;direction:ltr;border:1px solid #1d84be61;border-radius:999px;max-width:100%;margin-top:auto;padding:3px 8px;font-style:normal;overflow:hidden}.roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.role{--gx:12%;border:1px solid var(--card-border);background:var(--card);border-radius:16px;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:18px;min-width:0;padding:24px 22px;transition:transform .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.role:before{content:"";pointer-events:none;background:radial-gradient(circle at var(--gx) 20%,var(--role-glow),transparent 50%);position:absolute;inset:0}.role>*{position:relative}.role:hover{border-color:var(--role-border);transform:translateY(-3px)}.role-icon{border:1px solid var(--role-border);background:linear-gradient(180deg,var(--role-bg),#040c164d);width:60px;height:60px;box-shadow:0 0 26px var(--role-glow);border-radius:16px;place-items:center;display:grid}.role-icon img{width:44px;height:44px;filter:drop-shadow(0 0 8px var(--role-glow));display:block}.role .who{font-size:var(--s-14);color:var(--role-color);font-weight:700}.role q{font:700 var(--s-19)/1.6 var(--f-display);quotes:none;margin:6px 0 8px;display:block}html[lang=en] .role q{line-height:1.35}.role p{color:var(--muted);font-size:var(--s-14)}.role--soc{--role-color:#b86cff;--role-border:#b86cff75;--role-bg:#45186747;--role-glow:#a749ff33}.role--intel{--role-color:#37a8ff;--role-border:#37a8ff75;--role-bg:#0e4a7c47;--role-glow:#1f91ff33}.role--vuln{--role-color:#ff6a5f;--role-border:#ff4d4175;--role-bg:#681a1847;--role-glow:#ff41342e}.role--leadership{--role-color:#39d9e7;--role-border:#39d9e775;--role-bg:#0c545b47;--role-glow:#2acfdc33}@media (width<=1000px){.panels{grid-template-columns:1fr}}@media (width<=640px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}.roles{grid-template-columns:1fr}.role{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:20px 16px}.role-icon{width:52px;height:52px}.role-icon img{width:38px;height:38px}}@media (width<=420px){.caps,.modes{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cap,.mode,.role{transition:none}.cap:hover,.mode:hover,.role:hover{transform:none}}.backdrop{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.tour{height:340vh;position:relative}.tour-sticky{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:clamp(20px,4vw,48px);height:calc(100vh - 66px);display:grid;position:sticky;top:66px}.tour-copy{grid-template-rows:auto auto;min-width:0;display:grid}.tour-tabs{flex-wrap:wrap;grid-row:1;gap:6px;margin-bottom:18px;display:flex}.tour-tab{font-size:var(--s-12);border:1px solid var(--line-strong);color:var(--faint);border-radius:999px;padding:6px 12px;transition:color .25s,background .25s,border-color .25s}.tour-tab.done{color:var(--muted);border-color:#60a5fa59}.tour-tab.on{color:#fff;background:linear-gradient(120deg,#2f9dff59,#7c5cf659);border-color:#93c5fd66}.tour-panel{opacity:0;pointer-events:none;grid-area:2/1;transition:opacity .3s,transform .3s;transform:translateY(10px)}.tour-panel.on{opacity:1;pointer-events:auto;transform:none}.tour-panel h3{font-size:var(--s-24);margin:0 0 16px;line-height:1.5}html[lang=en] .tour-panel h3{line-height:1.25}.tour-stage{min-width:0;display:grid;position:relative}.tour-stage .shot{opacity:0;border-color:var(--card-border);grid-area:1/1;align-self:center;transition:opacity .35s,transform .35s;transform:scale(.985);box-shadow:0 26px 70px #00000073,0 0 70px #4f7dff1a}.tour-stage .shot.on{opacity:1;transform:none}.tour:not(.live) iframe,.tour-stage .shot:not(.on) iframe{display:none}@media (width<=1000px){.tour-sticky{grid-template-columns:1fr;align-content:center;gap:14px}.tour-tabs{margin-bottom:10px}.tour-panel h3{font-size:var(--s-19);margin:0 0 10px}}@media (width<=640px){.tour-sticky{height:calc(100vh - 58px);top:58px}}@media (prefers-reduced-motion:reduce){.tour-panel,.tour-stage .shot,.tour-tab{transition:none}}.panel.hud{background:linear-gradient(160deg,#1e2c62d1,#0c1230eb) padding-box padding-box,linear-gradient(140deg,#38bdf88c,#8b5cf640 45%,#ec489966) border-box;border:1px solid #0000;position:relative;box-shadow:0 30px 70px #0006,0 0 60px #4f7dff1f}.panel.hud:after{content:"";pointer-events:none;background:linear-gradient(var(--cyan),var(--cyan)) top left/18px 2px,linear-gradient(var(--cyan),var(--cyan)) top left/2px 18px, linear-gradient(var(--cyan),var(--cyan)) top right/18px 2px,linear-gradient(var(--cyan),var(--cyan)) top right/2px 18px, linear-gradient(#f472b6,#f472b6) bottom left/18px 2px,linear-gradient(#f472b6,#f472b6) bottom left/2px 18px, linear-gradient(#f472b6,#f472b6) bottom right/18px 2px,linear-gradient(#f472b6,#f472b6) bottom right/2px 18px;opacity:.8;background-repeat:no-repeat;border-radius:20px;position:absolute;inset:-6px}.panel-head>svg{color:var(--cyan);filter:drop-shadow(0 0 8px #22d3ee80)}.panel-head strong{color:#f1f5ff;font-size:var(--s-16)}.cap{border:1px solid color-mix(in srgb,var(--ac) 32%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--ac) 16%,transparent),#0a102a8c 62%)}.cap:hover{border-color:color-mix(in srgb,var(--ac) 70%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--ac) 24%,transparent),#0a102a8c 62%);box-shadow:0 0 28px color-mix(in srgb,var(--ac) 22%,transparent)}.cap .cap-icon{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 55%,transparent);background:color-mix(in srgb,var(--ac) 14%,#060a1ccc);box-shadow:0 0 20px color-mix(in srgb,var(--ac) 28%,transparent)}.cap-text strong{color:#f4f7ff}.cap-text small{color:#b3c0de}.cap em{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,transparent);background:color-mix(in srgb,var(--ac) 10%,transparent)}.mode{border:1px solid color-mix(in srgb,var(--ac) 30%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 14%,transparent),#0a102a80 70%)}.mode:hover{border-color:color-mix(in srgb,var(--ac) 70%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--ac) 22%,transparent)}.mode .mode-icon{color:var(--ac);background:radial-gradient(circle,color-mix(in srgb,var(--ac) 30%,transparent),transparent 70%);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ac) 45%,transparent))}.mode strong{color:#f4f7ff}.mode small{color:#b3c0de}.mode em{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 50%,transparent);background:color-mix(in srgb,var(--ac) 10%,transparent)}.protocols>span{border:1px solid var(--line-strong);color:#c7d3ef;background:#0a102a99;border-radius:999px;padding:5px 10px}.protocols svg{color:var(--cyan)}body:after{content:"";z-index:-2;pointer-events:none;background:repeating-linear-gradient(0deg,#a0c8ff05 0 1px,#0000 1px 3px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='102' viewBox='0 0 59 102'%3E%3Cpath d='M29.4 0L58.9 17v34L29.4 68 0 51V17zM29.4 68L58.9 85v34M29.4 68L0 85v34' fill='none' stroke='%2378a0ff' stroke-opacity='.08'/%3E%3C/svg%3E") 0 0/59px 102px,radial-gradient(60% 50% at 82% 12%,#2563eb38,#0000 70%),radial-gradient(55% 45% at 12% 80%,#7c3aed26,#0000 70%);position:fixed;inset:0}