:root{--teal-700:#0b5f58;--teal-600:#0f766e;--teal-500:#149084;--teal-100:#d3f0ea;--teal-50:#eefaf7;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-100:#dce8ff;--blue-50:#eef4ff;--amber-600:#d97706;--amber-500:#f59e0b;--amber-50:#fff8eb;--green-600:#16a34a;--green-50:#edfaf1;--orange-600:#ea580c;--orange-50:#fff3ea;--red-600:#dc2626;--red-700:#b91c1c;--red-50:#fef1f1;--ink:#0c1b2a;--ink-2:#26394d;--ink-3:#4b6076;--muted:#6b8098;--bg:#f4f7fb;--surface:#fff;--surface-2:#fafcfe;--surface-3:#f0f5fa;--line:#e1e9f2;--line-strong:#cedae8;--font-ar:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;--font-en:"Inter","IBM Plex Sans",system-ui,sans-serif;--t-xs:12.5px;--t-sm:14px;--t-base:16px;--t-md:17px;--t-lg:clamp(19px,2.2vw,22px);--t-h3:clamp(21px,2.6vw,26px);--t-h2:clamp(26px,4vw,38px);--t-h1:clamp(34px,6vw,58px);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--sh-1:0 1px 2px #0e263f0d;--sh-2:0 1px 2px #0e263f0d, 0 10px 26px -14px #0e263f3d;--sh-3:0 2px 4px #0e263f0d, 0 24px 48px -22px #0e263f52;--maxw:1160px;--dur:.24s;--ease:cubic-bezier(.22,.61,.36,1)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-ar);font-size:var(--t-base);text-rendering:optimizelegibility;margin:0;line-height:1.85}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 88% -8%,#0f766e1a,#0000 62%),radial-gradient(760px 460px at 4% 4%,#2563eb12,#0000 60%),linear-gradient(#14466e07 1px,#0000 1px) 0 0/100% 34px,linear-gradient(90deg,#14466e07 1px,#0000 1px) 0 0/34px 100%;position:fixed;inset:0}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:700;line-height:1.35}h1{font-size:var(--t-h1);line-height:1.22}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3)}h4{font-size:var(--t-md)}p{margin:0}ul,ol{margin:0;padding-inline-start:1.25em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--blue-700)}img,video,svg{max-width:100%}:focus-visible{outline:3px solid var(--blue-600);outline-offset:2px;border-radius:6px}::selection{background:var(--teal-100);color:var(--teal-700)}.en{font-family:var(--font-en);direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.lede{color:var(--ink-3);font-size:var(--t-md);max-width:64ch;line-height:1.9}.small{font-size:var(--t-sm);line-height:1.75}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:var(--r-md);padding:12px 18px;position:fixed;inset-block-start:-90px;inset-inline-start:16px}.skip-link:focus{inset-block-start:12px}.wrap{width:min(var(--maxw),100% - 32px);margin-inline:auto}.stack{flex-direction:column;gap:16px;display:flex}.stack--sm{gap:10px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{margin-inline-start:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:clamp(18px,3vw,28px);position:relative}.panel--flat{box-shadow:var(--sh-1)}.panel--accent:before{content:"";background:linear-gradient(90deg,var(--teal-600),var(--blue-600));border-radius:0 0 4px 4px;width:64px;height:3px;position:absolute;inset-block-start:-1px;inset-inline-start:26px}.panel__title{font-size:var(--t-lg);align-items:center;gap:10px;font-weight:700;display:flex}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink);--btn-bd:var(--line-strong);border-radius:var(--r-md);background:var(--btn-bg);min-height:46px;color:var(--btn-fg);border:1px solid var(--btn-bd);font-weight:600;font-size:var(--t-sm);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--sh-2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{--btn-bg:var(--teal-600);--btn-fg:#fff;--btn-bd:var(--teal-600);box-shadow:0 10px 22px -14px #0f766ee6}.btn--primary:hover:not(:disabled){--btn-bg:var(--teal-700)}.btn--blue{--btn-bg:var(--blue-600);--btn-fg:#fff;--btn-bd:var(--blue-600)}.btn--danger{--btn-bg:#fff;--btn-fg:var(--red-700);--btn-bd:#f3c9c9}.btn--ghost{--btn-bg:transparent;--btn-bd:transparent;--btn-fg:var(--ink-3)}.btn--sm{min-height:40px;font-size:var(--t-xs);padding:6px 12px}.btn--block{width:100%}.chip{border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line);color:var(--ink-2);font-size:var(--t-xs);align-items:center;gap:6px;padding:6px 12px;font-weight:600;line-height:1.6;display:inline-flex}.chip--teal{background:var(--teal-50);border-color:var(--teal-100);color:var(--teal-700)}.chip--blue{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700)}.chip--amber{background:var(--amber-50);color:#8a5a08;border-color:#f6e3be}.chip--green{background:var(--green-50);color:#116b34;border-color:#c6ebd3}.chip--red{background:var(--red-50);color:var(--red-700);border-color:#f6cfcf}.chip--orange{background:var(--orange-50);color:#9a3a0b;border-color:#f8d6bc}.choice{text-align:start;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);font-size:var(--t-sm);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease);align-items:flex-start;gap:12px;padding:14px 16px;font-weight:500;line-height:1.7;display:flex}.choice:hover:not(:disabled){border-color:var(--teal-500);background:#fff;transform:translateY(-1px)}.choice__key{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);font-size:var(--t-xs);background:#fff;border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.choice[data-state=correct]{border-color:var(--green-600);background:var(--green-50)}.choice[data-state=correct] .choice__key{background:var(--green-600);color:#fff;border-color:var(--green-600)}.choice[data-state=wrong]{border-color:var(--red-600);background:var(--red-50)}.choice[data-state=wrong] .choice__key{background:var(--red-600);color:#fff;border-color:var(--red-600)}.choice[data-state=picked]{border-color:var(--blue-600);background:var(--blue-50)}.choice[data-state=muted]{opacity:.55}.choice:disabled{cursor:default}.feedback{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-2);padding:16px 18px}.feedback--good{background:var(--green-50);border-color:#c6ebd3}.feedback--bad{background:var(--red-50);border-color:#f6cfcf}.feedback--info{background:var(--blue-50);border-color:var(--blue-100)}.feedback__head{align-items:center;gap:8px;margin-bottom:4px;font-weight:700;display:flex}.feedback dl{gap:10px;margin:10px 0 0;display:grid}.feedback dt{font-weight:700;font-size:var(--t-xs);color:var(--ink-2)}.feedback dd{font-size:var(--t-sm);color:var(--ink-3);margin:2px 0 0;line-height:1.8}.field{flex-direction:column;gap:6px;display:flex}.field label{font-weight:600;font-size:var(--t-sm)}.field input{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface-2);min-height:50px;padding:10px 14px}.field input:focus{background:#fff}.field[data-invalid=true] input{border-color:var(--red-600);background:var(--red-50)}.field__hint{font-size:var(--t-xs);color:var(--muted)}.field__error{font-size:var(--t-xs);color:var(--red-700);font-weight:600}.meter{border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line);height:8px;overflow:hidden}.meter>i{border-radius:var(--r-pill);background:linear-gradient(90deg,var(--blue-600),var(--teal-500));height:100%;transition:width .6s var(--ease);display:block}.reveal{animation:reveal .34s var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pop{animation:pop .3s var(--ease) both}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.appbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-end:1px solid var(--line);background:#ffffffe0;position:sticky;inset-block-start:0}.appbar__inner{height:68px;width:min(var(--maxw),100% - 32px);align-items:center;gap:14px;margin-inline:auto;display:flex}.brand{border-radius:var(--r-md);background:0 0;border:0;align-items:center;gap:10px;padding:4px;display:flex}.brand__mark{color:#fff;background:linear-gradient(150deg,var(--teal-500),var(--blue-600));clip-path:polygon(50% 0,100% 22%,100% 74%,50% 100%,0 74%,0 22%);flex:none;place-items:center;width:36px;height:40px;font-size:17px;font-weight:800;display:grid}.brand__logo{object-fit:contain;object-position:center;width:auto;max-width:210px;height:58px;display:block}.brand__text{text-align:start;flex-direction:column;line-height:1.25;display:flex}.brand__text b{font-size:16px}.brand__text span{color:var(--muted);font-size:11px}.appbar__status{align-items:center;gap:12px;margin-inline-start:auto;display:flex}.appbar__stage{text-align:end;flex-direction:column;line-height:1.35;display:none}.appbar__stage b{font-size:var(--t-sm)}.appbar__stage span{color:var(--muted);font-size:11px}@media (min-width:720px){.appbar__stage{display:flex}}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{transform:rotate(0)}.ring__value{color:var(--teal-700);font-size:11px;font-weight:700;position:absolute}.progressline{background:var(--surface-3);z-index:39;height:3px;position:sticky;inset-block-start:68px}.progressline>i{background:linear-gradient(90deg,var(--teal-600),var(--blue-600));height:100%;transition:width .6s var(--ease);display:block}.sheet{z-index:60;justify-items:end;display:grid;position:fixed;inset:0}.sheet__scrim{background:#0c1b2a6b;border:0;padding:0;position:absolute;inset:0}.sheet__panel{background:var(--surface);border-inline-start:1px solid var(--line);width:min(440px,100%);height:100%;box-shadow:var(--sh-3);animation:slideIn .28s var(--ease) both;flex-direction:column;display:flex;position:relative}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.sheet__head{border-block-end:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex}.sheet__body{flex-direction:column;gap:18px;padding:16px 20px 28px;display:flex;overflow:auto}.chapter__head{align-items:center;gap:10px;margin-block-end:8px;display:flex}.chapter__num{background:var(--surface-3);width:26px;height:26px;color:var(--ink-3);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.chapter[data-state=active] .chapter__num{background:var(--teal-600);color:#fff}.chapter[data-state=done] .chapter__num{background:var(--green-50);color:var(--green-600);border:1px solid #c6ebd3}.chapter__title{font-weight:700;font-size:var(--t-sm)}.chapter__list{flex-direction:column;gap:4px;padding-inline-start:36px;display:flex}.stationlink{text-align:start;border-radius:var(--r-md);width:100%;font-size:var(--t-sm);color:var(--ink-3);background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:9px 10px;display:flex}.stationlink:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.stationlink[data-state=active]{background:var(--teal-50);color:var(--teal-700);font-weight:700}.stationlink[data-state=done]{color:var(--ink-2)}.stationlink:disabled{opacity:.42;cursor:not-allowed}.stationlink__dot{border:1.5px solid var(--line-strong);background:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.stationlink[data-state=done] .stationlink__dot{border-color:var(--green-600);color:var(--green-600)}.stationlink[data-state=active] .stationlink__dot{border-color:var(--teal-600);box-shadow:0 0 0 4px #0f766e1f}.station{width:min(var(--maxw),100% - 32px);margin-inline:auto;padding-block:clamp(28px,5vw,56px) clamp(60px,8vw,90px)}.station--narrow{width:min(880px,100% - 32px)}.station__eyebrow{flex-wrap:wrap;align-items:center;gap:10px;margin-block-end:14px;display:flex}.station__eyebrow .num{font-family:var(--font-en);font-size:var(--t-xs);color:var(--muted);letter-spacing:.06em}.station__title{margin-block-end:12px}.station__lede{margin-block-end:22px}.station__body{flex-direction:column;gap:22px;display:flex}.station__foot{border-block-start:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-block-start:30px;padding-block-start:20px;display:flex}.station__hint{font-size:var(--t-xs);color:var(--muted);flex:220px}.stagebar{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-start:1px solid var(--line);background:#fffffff0;margin-block-start:0;position:sticky;inset-block-end:0}.stagebar__inner{width:min(var(--maxw),100% - 32px);align-items:center;gap:12px;margin-inline:auto;padding-block:10px;display:flex}.stagebar__label{font-size:var(--t-xs);color:var(--muted);flex:1;min-width:0}.stagebar__label b{color:var(--ink);font-size:var(--t-sm);display:block}.sitefoot{border-block-start:1px solid var(--line);background:var(--surface);margin-block-start:20px;padding-block:22px}.sitefoot__inner{width:min(var(--maxw),100% - 32px);font-size:var(--t-xs);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-inline:auto;display:flex}@media (max-width:620px){.appbar__inner{height:60px}.progressline{inset-block-start:60px}.station{padding-block:24px 40px}.sheet__panel{width:100%}}
.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,48px);padding-block:clamp(24px,5vw,48px);display:grid}.hero__copy h1{margin-block:14px 16px}.hero__copy h1 em{background:linear-gradient(100deg,var(--teal-600),var(--blue-600));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block-start:26px;display:grid}.hero__fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;box-shadow:var(--sh-1);padding:14px}.hero__fact b{font-size:22px;font-family:var(--font-en);display:block}.hero__fact span{font-size:var(--t-xs);color:var(--muted)}.hero__actions{flex-wrap:wrap;gap:10px;margin-block-start:24px;display:flex}.demo{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-3);padding:20px;position:relative;overflow:hidden}.demo:after{content:"";background:linear-gradient(90deg,var(--teal-500),var(--blue-600),var(--amber-500));height:4px;position:absolute;inset-block-start:0;inset-inline:0}.demo__label{font-size:var(--t-xs);color:var(--muted);align-items:center;gap:8px;margin-block-end:12px;display:flex}.demo__actions{gap:8px;margin-block-start:14px;display:grid}.arcline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block-start:34px;display:grid}.arcline__step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:16px 14px;position:relative}.arcline__step b{font-size:var(--t-md);display:block}.arcline__step span{font-size:var(--t-xs);color:var(--muted);margin-block-start:4px;line-height:1.7;display:block}.arcline__step i{font-style:normal;font-family:var(--font-en);color:var(--teal-600);font-size:11px;font-weight:700;position:absolute;inset-block-start:14px;inset-inline-end:14px}.mock{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--surface-2);overflow:hidden}.mock__bar{background:var(--surface-3);border-block-end:1px solid var(--line);font-size:var(--t-xs);color:var(--ink-3);align-items:center;gap:8px;padding:10px 14px;display:flex}.mock__body{font-size:var(--t-sm);flex-direction:column;gap:10px;padding:16px;line-height:1.85;display:flex}.mock__meta{font-size:var(--t-xs);color:var(--muted);flex-direction:column;gap:2px;display:flex}.bubble{border:1px solid var(--line);box-shadow:var(--sh-1);font-size:var(--t-sm);background:#fff;border-radius:14px 14px 14px 4px;padding:14px 16px;line-height:1.9}.qhead{font-size:var(--t-xs);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-block-end:14px;display:flex}.qstage{gap:18px;display:grid}.qstage__prompt{font-size:var(--t-lg);font-weight:700;line-height:1.65}.qchoices{gap:10px;display:grid}.dots{gap:5px;display:flex}.dots i{background:var(--line-strong);border-radius:3px;width:22px;height:5px;display:block}.dots i[data-on=true]{background:var(--teal-600)}.pillars{grid-template-columns:1fr 1fr;align-items:center;gap:18px;display:grid}.pillar-btns{gap:10px;display:grid}.pillar-btn{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);align-items:flex-start;gap:12px;min-height:56px;padding:14px 16px;display:flex}.pillar-btn[aria-pressed=true]{border-color:var(--teal-600);background:var(--teal-50);box-shadow:var(--sh-1)}.pillar-btn b{display:block}.pillar-btn span{font-size:var(--t-xs);color:var(--ink-3);line-height:1.7}.cycle{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cycle__step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:start;min-height:64px;padding:14px}.cycle__step[aria-pressed=true]{border-color:var(--blue-600);background:var(--blue-50)}.cycle__step b{font-size:var(--t-sm);display:block}.cycle__step em{color:var(--muted);font-size:11px;font-style:normal;font-family:var(--font-en)}.threats{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:16px;display:grid}.threatlist{gap:8px;display:grid}.threatlist__btn{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:60px;padding:12px 14px;display:grid}.threatlist__btn[aria-pressed=true]{border-color:var(--teal-600);box-shadow:var(--sh-2);background:#fff}.threatlist__btn b{font-size:var(--t-sm);display:block}.threatlist__btn span{color:var(--muted);font-size:11px}.sev{align-items:flex-end;gap:3px;height:18px;display:flex}.sev i{background:var(--line-strong);border-radius:2px;width:4px;display:block}.sev i[data-on=true]{background:var(--orange-600)}.threatpanel{flex-direction:column;gap:18px;display:flex}.lifecycle{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lifecycle__step{text-align:start;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);min-height:96px;padding:14px 12px;position:relative}.lifecycle__step[aria-pressed=true]{border-color:var(--blue-600);box-shadow:var(--sh-2);background:#fff}.lifecycle__step[data-best=true]{border-color:var(--teal-500)}.lifecycle__step em{color:var(--muted);font-size:11px;font-style:normal;font-family:var(--font-en);display:block}.lifecycle__step b{font-size:var(--t-sm);margin-block:4px;display:block}.lifecycle__step span{font-size:var(--t-xs);color:var(--ink-3);line-height:1.65}.plot{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px}.plot circle{cursor:pointer}.plot .dot-label{fill:var(--ink-3);font-size:9px;font-family:var(--font-ar)}.kv{gap:10px;display:grid}.kv>div{gap:3px;display:grid}.kv dt{font-size:var(--t-xs);color:var(--teal-700);font-weight:700}.kv dd{font-size:var(--t-sm);color:var(--ink-3);margin:0;line-height:1.8}.clips{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.cliplist{gap:8px;display:grid}.clipbtn{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:60px;padding:11px 12px;display:grid}.clipbtn[aria-pressed=true]{border-color:var(--teal-600);background:var(--teal-50)}.clipbtn__idx{background:var(--surface-3);width:26px;height:26px;color:var(--ink-3);border-radius:8px;place-items:center;font-size:11px;font-weight:700;display:grid}.clipbtn[data-watched=true] .clipbtn__idx{background:var(--green-600);color:#fff}.clipbtn b{font-size:var(--t-sm);line-height:1.55;display:block}.clipbtn span{color:var(--muted);font-size:11px}.player{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);overflow:hidden}.player video{aspect-ratio:16/9;object-fit:contain;background:#0c1b2a;width:100%;display:block}.player__meta{padding:18px}.player__q{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);margin:0 18px 18px;padding:16px}.compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare__card{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.compare__card:hover:not(:disabled){border-color:var(--teal-500)}.compare__card[data-state=correct]{border-color:var(--green-600);box-shadow:0 0 0 3px #16a34a24}.compare__card[data-state=wrong]{border-color:var(--red-600);box-shadow:0 0 0 3px #dc26261f}.signgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.signchip{text-align:start;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);min-height:52px;font-size:var(--t-sm);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.signchip[data-state=on]{border-color:var(--blue-600);background:var(--blue-50)}.signchip[data-state=hit]{border-color:var(--green-600);background:var(--green-50)}.signchip[data-state=miss]{border-color:var(--red-600);background:var(--red-50)}.signsummary{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.signsummary article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}.signsummary b{font-size:var(--t-sm);display:block}.signsummary p{font-size:var(--t-xs);color:var(--ink-3);margin-block-start:4px;line-height:1.7}.phish{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.mail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);overflow:hidden}.mail__head{border-block-end:1px solid var(--line);background:var(--surface-2);gap:8px;padding:16px 18px;display:grid}.mail__body{font-size:var(--t-sm);flex-direction:column;gap:14px;padding:18px;line-height:1.95;display:flex}.spot{border:1px dashed var(--line-strong);text-align:start;font:inherit;color:inherit;background:0 0;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:4px 8px;display:inline-flex}.spot:hover:not(:disabled){border-color:var(--blue-600);background:var(--blue-50)}.spot[data-state=hit]{border-style:solid;border-color:var(--red-600);background:var(--red-50);color:var(--red-700);font-weight:600}.spot[data-state=safe]{border-style:solid;border-color:var(--green-600);background:var(--green-50)}.spot--block{width:100%;display:flex}.mail__cta{background:var(--blue-600);color:#fff;border-radius:var(--r-md);border:1px dashed #ffffff80;justify-content:center;padding:12px 16px;font-weight:600}.mail__cta[data-state=hit]{background:var(--red-50);color:var(--red-700);border-color:var(--red-600)}.tracker{gap:8px;display:grid}.tracker__item{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:var(--t-xs);align-items:flex-start;gap:9px;padding:10px 12px;line-height:1.65;display:flex}.tracker__item[data-found=true]{background:var(--green-50);border-color:#c6ebd3}.call{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.phone{border:1px solid var(--line-strong);box-shadow:var(--sh-3);background:linear-gradient(#f7fafd,#eaf1f8);border-radius:28px;flex-direction:column;gap:14px;min-height:420px;padding:18px;display:flex}.phone__status{color:var(--muted);font-size:11px;font-family:var(--font-en);justify-content:space-between;display:flex}.phone__caller{text-align:center;gap:6px;padding-block:10px;display:grid}.phone__avatar{border:1px solid var(--line);width:74px;height:74px;color:var(--muted);background:#fff;border-radius:50%;place-items:center;margin-inline:auto;display:grid}.phone__log{flex-direction:column;flex:1;gap:8px;display:flex}.phone__line{border:1px solid var(--line);font-size:var(--t-sm);background:#fff;border-radius:14px 14px 14px 4px;padding:10px 12px;line-height:1.8}.otpbanner{background:var(--amber-50);border-radius:var(--r-lg);border:1px solid #f6e3be;gap:2px;padding:12px 14px;display:grid}.otpbanner b{font-family:var(--font-en);letter-spacing:.18em;color:var(--ink);font-size:20px}.pressure{gap:6px;display:grid}.pressure__bar{border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line);height:6px;overflow:hidden}.pressure__bar>i{background:linear-gradient(90deg,var(--amber-500),var(--orange-600));height:100%;transition:width .5s linear;display:block}.sorter{text-align:center;justify-items:center;gap:16px;display:grid}.sorter__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);place-items:center;gap:10px;width:min(560px,100%);min-height:150px;padding:clamp(22px,4vw,36px);display:grid}.sorter__card b{font-size:var(--t-lg);font-weight:700;line-height:1.6}.zones{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(560px,100%);display:grid}.zone{border-radius:var(--r-lg);border:1.5px solid var(--line);background:var(--surface);min-height:78px;font-weight:700;font-size:var(--t-sm);place-items:center;gap:4px;padding:14px 8px;display:grid}.zone--safe{color:var(--green-600);border-color:#c6ebd3}.zone--check{color:var(--amber-600);border-color:#f6e3be}.zone--danger{color:var(--red-600);border-color:#f6cfcf}.zone:hover:not(:disabled){box-shadow:var(--sh-2);transform:translateY(-2px)}.zone[data-state=right]{background:var(--green-50)}.zone[data-state=wrong]{background:var(--red-50)}.board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.evidence{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);flex-direction:column;display:flex;overflow:hidden}.evidence[data-solved=true]{border-color:#c6ebd3}.evidence__scene{background:var(--surface-3);border-block-end:1px solid var(--line);align-content:center;gap:8px;min-height:170px;padding:14px;display:grid}.evidence__foot{gap:10px;padding:14px;display:grid}.evidence__tag{font-size:var(--t-xs);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.scene-window{border:1px solid var(--line-strong);box-shadow:var(--sh-1);background:#fff;border-radius:10px;overflow:hidden}.scene-window__bar{background:var(--surface-3);border-block-end:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.scene-window__body{font-size:var(--t-xs);gap:8px;padding:12px;line-height:1.8;display:grid}.scene-url{font-family:var(--font-en);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);text-align:left;direction:ltr;padding:5px 10px;font-size:11px}.scene-lock{color:#fff;background:linear-gradient(160deg,#20364c,#3c556f);border-radius:14px;gap:8px;padding:14px;display:grid}.scene-lock small{color:#c6d6e6;font-size:11px}.scene-note{color:#6b5a10;background:#fef9c3;border:1px solid #f1e19a;border-radius:8px;padding:8px 10px;font-size:11px;transform:rotate(-1.2deg)}.scene-list{gap:6px;display:grid}.scene-row{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.scene-row[data-active=true]{border-color:var(--blue-600);background:var(--blue-50)}.scene-object{place-items:center;gap:8px;padding:10px;display:grid}.scene-usb{color:#fff;background:linear-gradient(#334a62,#22354a);border-radius:8px;place-items:center;width:120px;height:46px;font-size:11px;display:grid;position:relative}.scene-usb:after{content:"";background:#b9c6d4;border-radius:3px;width:22px;height:20px;position:absolute;inset-inline-start:-22px}.setupq{gap:10px;display:grid}.plan{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.plangroup{gap:10px;margin-block-end:18px;display:grid}.plangroup__head{font-weight:700;font-size:var(--t-sm);align-items:center;gap:8px;display:flex}.planitem{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px 16px;display:grid}.planitem b{font-size:var(--t-sm);display:block}.planitem p{font-size:var(--t-xs);color:var(--ink-3);margin-block-start:4px;line-height:1.75}.planitem input[type=checkbox]{width:20px;height:20px;accent-color:var(--teal-600);margin-block-start:4px}.planitem[data-done=true]{background:var(--green-50);border-color:#c6ebd3}.scoreband{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.axisrow{grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:9px;display:grid}.axisrow__bar{border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line);height:10px;overflow:hidden}.axisrow__bar>i{border-radius:var(--r-pill);height:100%;transition:width .8s var(--ease);display:block}.axisrow__val{font-family:var(--font-en);font-size:var(--t-sm);text-align:end;min-width:44px;font-weight:700}.compareband{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.statbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.statbox span{font-size:var(--t-xs);color:var(--muted)}.statbox b{font-size:26px;font-family:var(--font-en);margin-block-start:4px;display:block}.certsheet{aspect-ratio:297/210;border:1px solid var(--line);width:100%;max-width:1040px;box-shadow:var(--sh-3);background:#fff;grid-template-rows:auto 1fr auto;margin-inline:auto;padding:clamp(16px,3.2vw,40px);display:grid;position:relative;overflow:hidden;container-type:inline-size}.certsheet:before{content:"";border:1.5px solid var(--teal-600);opacity:.55;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));pointer-events:none;position:absolute;inset:10px}.certsheet:after{content:"";pointer-events:none;opacity:.05;background:repeating-linear-gradient(135deg,var(--teal-600) 0 1px,transparent 1px 16px);position:absolute;inset:0}.cert__head{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.cert__brand{align-items:center;gap:10px;display:flex}.cert__logo{object-fit:contain;object-position:center;width:auto;max-width:42%;height:clamp(72px,11cqi,128px);display:block}.cert__main{text-align:center;z-index:1;align-content:center;justify-items:center;gap:8px;display:grid;position:relative}.cert__name{color:var(--teal-700);letter-spacing:-.02em;font-size:clamp(22px,4.6cqi,44px);font-weight:800}.cert__rule{background:var(--line-strong);width:min(420px,70%);height:1px}.cert__foot{z-index:1;grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;font-size:clamp(9px,1.5cqi,13px);display:grid;position:relative}.cert__foot b{font-size:clamp(10px,1.7cqi,15px);display:block}.cert__sign{text-align:center}.cert__signline{border-block-start:1px solid var(--line-strong);margin-block-start:22px;padding-block-start:6px}.cert__id{font-family:var(--font-en);letter-spacing:.08em;direction:ltr}@media (max-width:1000px){.threats,.clips,.phish,.call,.plan{grid-template-columns:minmax(0,1fr)}.cliplist{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:860px){.hero,.pillars{grid-template-columns:minmax(0,1fr)}.arcline,.lifecycle,.cycle{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.wrap,.station{width:calc(100% - 24px)}.compare,.cliplist,.hero__facts{grid-template-columns:minmax(0,1fr)}.hero__actions .btn{width:100%}.zones{grid-template-columns:minmax(0,1fr)}.scoreband{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.axisrow{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.axisrow__label{grid-column:1/-1}.certsheet{aspect-ratio:auto;min-height:520px}.station__foot .btn{flex:140px}}@media (max-width:360px){.arcline{grid-template-columns:minmax(0,1fr)}}
@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff}body:before{display:none}.appbar,.progressline,.stagebar,.sitefoot,.sheet,.no-print,.station__foot,.skip-link{display:none!important}.station{width:100%;padding:0}.print-only{display:block!important}.certsheet{box-shadow:none;aspect-ratio:297/210;break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:0;width:100%;max-width:none}.certsheet:after{opacity:.06}.plan-print{break-inside:avoid}.panel{box-shadow:none;border-color:#ccd7e3}.print-page{page-break-after:always}.print-page:last-child{page-break-after:auto}}.print-only{display:none}