:root{color-scheme:light;--brand-1:#0F766E;--brand-2:#2563EB;--bg:#F5F8FC;--bg-2:#EDF3F9;--surface:#FFFFFF;--surface-2:#F8FAFD;--surface-3:#EFF4FA;--line:#DFE7F0;--line-strong:#C7D4E3;--ink:#0C1B2A;--ink-2:#3B4C5E;--muted:#5F7183;--faint:#8496A7;--accent:#1D6FE0;--accent-soft:#EAF2FE;--teal:#0F766E;--teal-soft:#E6F4F1;--ok:#0E7C55;--ok-soft:#E7F6EF;--warn:#B5610C;--warn-soft:#FDF2E3;--danger:#C22B3E;--danger-soft:#FDECEE;--critical:#8E1B4D;--on-accent:#FFFFFF;--soc-bg:#0E1B2B;--soc-bg-2:#132436;--soc-surface:#17293C;--soc-line:#25405A;--soc-ink:#E9F1F8;--soc-muted:#93A9BF;--radius-s:10px;--radius:16px;--radius-l:24px;--shadow-1:0 1px 2px rgba(16,38,60,.06),0 8px 24px rgba(16,38,60,.06);--shadow-2:0 2px 6px rgba(16,38,60,.08),0 20px 48px rgba(16,38,60,.10);--font-ar:"IBM Plex Sans Arabic","Noto Sans Arabic",system-ui,sans-serif;--font-en:"Inter","IBM Plex Sans",system-ui,sans-serif;--step--1:clamp(.82rem,.8rem + .1vw,.9rem);--step-0:clamp(1rem,.96rem + .18vw,1.09rem);--step-1:clamp(1.18rem,1.1rem + .35vw,1.4rem);--step-2:clamp(1.45rem,1.3rem + .7vw,1.95rem);--step-3:clamp(1.85rem,1.5rem + 1.5vw,2.9rem);--step-4:clamp(2.3rem,1.7rem + 2.6vw,4rem);--dur:.28s;--ease:cubic-bezier(.22,.68,.34,1);--maxw:1180px}[data-theme=dark]{color-scheme:dark;--bg:#0B1420;--bg-2:#0E1A28;--surface:#132030;--surface-2:#16263A;--surface-3:#1B2E44;--line:#22374F;--line-strong:#31506F;--ink:#EAF2FA;--ink-2:#C4D5E6;--muted:#93A9BF;--faint:#6F869E;--accent:#5AA2FF;--accent-soft:#15304F;--teal:#3FBFAE;--teal-soft:#12332F;--ok:#4ED4A0;--ok-soft:#0F3229;--warn:#EFA958;--warn-soft:#33260F;--danger:#FF8794;--danger-soft:#3A1720;--critical:#FF6BA6;--on-accent:#08131F;--soc-bg:#080F19;--soc-bg-2:#0C1725;--soc-surface:#122031;--soc-line:#22384F;--soc-ink:#E9F1F8;--soc-muted:#8EA5BC;--shadow-1:0 1px 2px rgba(0,0,0,.4),0 10px 26px rgba(0,0,0,.32);--shadow-2:0 2px 8px rgba(0,0,0,.45),0 24px 56px rgba(0,0,0,.42)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{margin:0;padding:0;max-width:100%;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--font-ar);font-size:var(--step-0);line-height:1.75;-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}h1,h2,h3,h4{margin:0;line-height:1.35;letter-spacing:-.01em;font-weight:700}h1{font-size:var(--step-4);letter-spacing:-.035em}h2{font-size:var(--step-3);letter-spacing:-.025em}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}ol,p,ul{margin:0}ol,ul{-webkit-padding-start:1.25em;padding-inline-start:1.25em}canvas,img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}:where(button,a,input,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent-soft);color:var(--ink)}.num{font-family:var(--font-en);font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;inset-block-start:-100px;inset-inline-end:20px;z-index:200;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:10px}.skip:focus{inset-block-start:14px}.wrap{width:min(var(--maxw),100% - 2.5rem);margin-inline:auto}.stack{display:grid;grid-gap:16px;gap:16px}.stack-l{display:grid;grid-gap:28px;gap:28px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spacer{-webkit-margin-start:auto;margin-inline-start:auto}.muted{color:var(--muted)}.small{font-size:var(--step--1);line-height:1.7}.lede{font-size:var(--step-1);line-height:1.8;color:var(--ink-2);max-width:60ch}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.pad{padding:clamp(18px,3vw,30px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;text-decoration:none;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.22)}.btn--primary:hover:not(:disabled){box-shadow:0 14px 30px rgba(37,99,235,.28)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-3)}.btn--sm{min-height:40px;padding:0 14px;font-size:var(--step--1)}.btn--icon{min-height:44px;min-width:44px;padding:0}.btn--block{width:100%}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surface-3);color:var(--ink-2);font-size:var(--step--1);font-weight:600;border:1px solid var(--line)}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--accent,.chip--ok{border-color:transparent}.chip--ok{background:var(--ok-soft);color:var(--ok)}.chip--warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.choice{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:start;min-height:56px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;line-height:1.65;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.choice:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.choice:disabled{cursor:default}.choice__key{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-size:var(--step--1);font-weight:700}.choice[data-state=ok]{border-color:var(--ok);background:var(--ok-soft)}.choice[data-state=ok] .choice__key{background:var(--ok);color:#fff}.choice[data-state=bad]{border-color:var(--danger);background:var(--danger-soft)}.choice[data-state=bad] .choice__key{background:var(--danger);color:#fff}.note{border-radius:14px;padding:16px 18px;border:1px solid var(--line);background:var(--surface-2)}.note__title{display:flex;align-items:center;gap:9px;font-weight:700;margin-bottom:6px}.note--ok{background:var(--ok-soft);color:var(--ok)}.note--bad,.note--ok{border-color:transparent}.note--bad{background:var(--danger-soft);color:var(--danger)}.note--warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.note--bad p,.note--ok p,.note--warn p{color:var(--ink-2)}.field{display:grid;grid-gap:7px;gap:7px}.field label{font-weight:600}.field input{min-height:52px;padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2)}.field input:focus{border-color:var(--accent)}.field[data-invalid=true] input{border-color:var(--danger);background:var(--danger-soft)}.field__hint{color:var(--muted);font-size:var(--step--1)}.field__error{color:var(--danger);font-size:var(--step--1);font-weight:600}.reveal{animation:rise var(--dur) var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(.6);opacity:.85}to{transform:scale(2.4);opacity:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar__inner{gap:14px;height:68px;width:min(var(--maxw),100% - 2.5rem);margin-inline:auto}.brand,.topbar__inner{display:flex;align-items:center}.brand{gap:10px;background:none;border:0;padding:6px;cursor:pointer;border-radius:12px}.brand__mark{width:34px;height:34px;flex:0 0 auto}.brand__text{display:flex;flex-direction:column;line-height:1.15;text-align:start}.brand__text b{font-size:1.05rem}.brand__text span{font-size:.68rem;color:var(--muted);letter-spacing:.02em}.topbar__stage{display:none;color:var(--muted);font-size:var(--step--1)}@media(min-width:820px){.topbar__stage{display:inline-flex;align-items:center;gap:8px}}.topbar__actions{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;align-items:center;gap:8px}.rail{height:3px;background:var(--surface-3)}.rail__fill{height:100%;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));transition:width .5s var(--ease)}.steps{display:flex;gap:6px;width:min(var(--maxw),100% - 2.5rem);margin:14px auto 0;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.steps::-webkit-scrollbar{display:none}.step{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--step--1);font-weight:600}.step[aria-current=step]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.step[data-done=true]{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.step:disabled{opacity:.5;cursor:not-allowed}.step__n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font-size:.72rem}.step[aria-current=step] .step__n{background:var(--accent);color:var(--on-accent)}.step[data-done=true] .step__n{background:var(--ok);color:#fff}.stage{width:min(var(--maxw),100% - 2.5rem);margin-inline:auto;padding-block:clamp(34px,6vw,76px)}.stage--narrow{width:min(760px,100% - 2.5rem)}.stage--wide{width:min(1420px,100% - 2rem)}.stage__eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-weight:700;font-size:var(--step--1);letter-spacing:.02em;margin-bottom:12px}.stage__head{max-width:66ch;margin-bottom:clamp(22px,4vw,38px)}.stage__head h2{margin-bottom:12px}.stage__foot{display:flex;gap:10px;align-items:center;margin-top:clamp(26px,4vw,44px);flex-wrap:wrap}.stage__hint{color:var(--muted);font-size:var(--step--1)}.foot{border-top:1px solid var(--line);background:var(--surface);margin-top:40px}.foot__inner{width:min(var(--maxw),100% - 2.5rem);margin-inline:auto;padding-block:22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:var(--step--1)}.hero{display:grid;grid-gap:clamp(28px,5vw,56px);gap:clamp(28px,5vw,56px);align-items:center;padding-block:clamp(30px,6vw,60px)}@media(min-width:960px){.hero{grid-template-columns:1.05fr .95fr}}.hero h1{margin-bottom:18px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--brand-1),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__facts{gap:8px;margin-top:26px}.hero__cta,.hero__facts{display:flex;flex-wrap:wrap}.hero__cta{gap:12px;margin-top:28px}.hero__art{position:relative;aspect-ratio:1/1;max-width:520px;margin-inline:auto;width:100%}.hero__art svg{width:100%;height:100%}.quiz{max-width:720px}.quiz__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz__rail{height:4px;border-radius:99px;background:var(--surface-3);margin:16px 0 22px;overflow:hidden}.quiz__rail span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));transition:width var(--dur) var(--ease)}.quiz__scene{background:var(--surface-2);border:1px solid var(--line);-webkit-border-start:4px solid var(--accent);border-inline-start:4px solid var(--accent);border-radius:14px;padding:16px 18px;line-height:1.85;color:var(--ink-2)}.quiz__prompt{margin:20px 0 14px;font-size:var(--step-1)}.story{display:grid;grid-gap:16px;gap:16px}.story__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:10px;gap:10px}.story__tab{display:flex;align-items:center;gap:12px;text-align:start;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color var(--dur) var(--ease)}.story__tab[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.story__tab[data-done=true] .story__n{background:var(--ok);color:#fff}.story__tab b{display:block;font-size:var(--step-0)}.story__tab em{font-style:normal;font-size:var(--step--1);color:var(--muted)}.story__n{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-weight:700}.story__stage{display:grid;grid-gap:0;gap:0;overflow:hidden}@media(min-width:900px){.story__stage{grid-template-columns:1.05fr .95fr}.story__stage[data-scenario=file],.story__stage[data-scenario=message]{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)}}.story__art{background:linear-gradient(160deg,var(--surface-2),var(--surface-3));display:grid;place-items:center;padding:clamp(18px,3vw,30px);min-height:340px;min-width:0}.story__scene{min-width:0;width:100%;display:grid;place-items:center}.scene{width:100%;max-width:400px;height:auto}.story__stage[data-scenario=file] .story__art,.story__stage[data-scenario=message] .story__art{background:radial-gradient(90% 70% at 50% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%),linear-gradient(165deg,var(--surface-2),var(--surface-3));padding:clamp(16px,3vw,34px)}.phone{width:100%;max-width:330px;min-width:0}.phone__frame{border-radius:34px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 24px 60px rgba(16,38,60,.16),inset 0 2px 0 rgba(255,255,255,.6);padding:10px;overflow:hidden}.phone__bar{display:flex;align-items:center;gap:10px;padding:6px 12px 10px;color:var(--faint);font-size:.72rem}.phone__notch{flex:1 1;height:6px;border-radius:99px;background:var(--surface-3);max-width:74px;margin-inline:auto}.phone__app{font-weight:600}.phone__screen{background:var(--surface-2);border-radius:26px;padding:12px;grid-gap:10px;gap:10px;align-content:start;min-height:352px}.msg,.phone__screen{border:1px solid var(--line);display:grid}.msg{background:var(--surface);border-radius:16px;padding:12px 13px;grid-gap:7px;gap:7px;min-width:0;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease);animation:rise .3s var(--ease) both}.msg[data-focus=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.msg[data-mute=true]{opacity:.45}.msg__sender{display:flex;align-items:center;gap:10px;min-width:0}.msg__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--warn-soft);color:var(--warn)}.msg__who{min-width:0;display:grid;grid-gap:2px;gap:2px}.msg__who b{font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.msg__mail{font-family:var(--font-en);font-size:.72rem;color:var(--muted);overflow-wrap:anywhere}.msg[data-focus=true] .msg__mail{color:var(--danger);font-weight:600}.msg--bubble{border-start-end-radius:6px}.msg__title{font-weight:700;font-size:.95rem;line-height:1.6}.msg__text{color:var(--ink-2);font-size:.85rem;line-height:1.7}.msg__deadline{display:inline-flex;align-items:center;gap:6px;justify-self:start;background:var(--warn-soft);color:var(--warn);font-size:.76rem;font-weight:700;padding:5px 10px;border-radius:99px}.msg--link{gap:5px}.msg__label{font-size:.74rem;color:var(--muted)}.msg__url{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-en);font-size:.78rem;color:var(--accent);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.msg[data-focus=true] .msg__url{color:var(--danger)}.msg--form label{display:grid;grid-gap:6px;gap:6px;font-size:.78rem;font-weight:600;color:var(--ink)}.msg__input{height:26px;border-radius:8px;background:var(--surface-3);border:1px solid var(--line)}.phone__callout{display:flex;align-items:center;gap:7px;margin-top:2px;background:var(--danger-soft);color:var(--danger);font-size:.76rem;font-weight:700;line-height:1.6;padding:7px 10px;border-radius:10px;overflow-wrap:anywhere;animation:rise .24s var(--ease) both}.msg--safe{background:var(--ok-soft);border-color:var(--ok);justify-items:center;text-align:center;padding:16px 14px}.msg--safe b{color:var(--ok);font-size:.95rem}.msg--safe p{color:var(--ink-2);font-size:.82rem;line-height:1.7}.msg__check{width:38px;height:38px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}.mac{width:100%;max-width:430px;min-width:0;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 24px 60px rgba(16,38,60,.15);transition:border-color var(--dur) var(--ease)}.mac[data-infected=true]{border-color:color-mix(in srgb,var(--danger) 55%,var(--line-strong))}.mac__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-3);border-bottom:1px solid var(--line)}.mac__dots{display:flex;gap:6px}.mac__dots i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.mac__title{-webkit-margin-start:auto;margin-inline-start:auto;font-size:.76rem;color:var(--muted)}.mac__screen{background:var(--surface-2);min-height:330px;align-content:start}.mac__screen,.mail{padding:12px;display:grid;grid-gap:10px;gap:10px}.mail{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;transition:border-color var(--dur) var(--ease)}.mail[data-focus=true]{border-color:var(--warn)}.mail__head{display:flex;align-items:center;gap:10px;min-width:0}.mail__avatar{flex:0 0 auto;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.mail__who{min-width:0;display:grid;grid-gap:2px;gap:2px}.mail__who b{font-size:.86rem;line-height:1.45}.mail__who span{font-size:.74rem;color:var(--muted);overflow-wrap:anywhere}.mail__file{display:flex;align-items:center;gap:9px;min-width:0;background:var(--warn-soft);border:1px dashed color-mix(in srgb,var(--warn) 45%,transparent);border-radius:11px;padding:9px 11px}.mail__file[data-open=true]{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.mail__icon{flex:0 0 auto;color:var(--warn)}.mail__file[data-open=true] .mail__icon{color:var(--danger)}.mail__name{font-family:var(--font-en);font-size:.78rem;font-weight:600;overflow-wrap:anywhere;min-width:0}.mail__action{-webkit-margin-start:auto;margin-inline-start:auto;flex:0 0 auto;font-size:.72rem;font-weight:700;color:var(--warn)}@media(max-width:380px){.mail__file{flex-wrap:wrap}.mail__action{-webkit-margin-start:0;margin-inline-start:0;width:100%;-webkit-padding-start:25px;padding-inline-start:25px}}.mail__file[data-open=true] .mail__action{color:var(--danger)}.macstate{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:.8rem;min-width:0}.macstate__dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.macstate__label{color:var(--muted);font-size:.74rem}.macstate b{-webkit-margin-start:auto;margin-inline-start:auto;overflow-wrap:anywhere;font-weight:700}.macstate--ok .macstate__dot{background:var(--ok)}.macstate--ok b{color:var(--ok)}.macstate--warn{background:var(--warn-soft);border-color:transparent}.macstate--warn .macstate__dot{background:var(--warn)}.macstate--warn b{color:var(--warn)}.macstate--bad{background:var(--danger-soft);border-color:transparent}.macstate--bad .macstate__dot{background:var(--danger)}.macstate--bad b{color:var(--danger)}.files{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}@media(min-width:420px){.files{grid-template-columns:repeat(3,minmax(0,1fr))}}.file{display:grid;grid-gap:6px;gap:6px;justify-items:center;text-align:center;padding:10px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);min-width:0;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.file__icon{color:var(--faint)}.file__name{font-size:.74rem;line-height:1.5;color:var(--ink-2);font-weight:600;overflow-wrap:anywhere}.file__tag{font-size:.64rem;color:var(--faint);letter-spacing:.02em}.file[data-locked=true]{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.file[data-locked=true] .file__icon,.file[data-locked=true] .file__name{color:var(--danger)}.file[data-locked=true] .file__tag{color:var(--danger);font-weight:700}.shared{display:flex;align-items:center;gap:10px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.shared__icon{flex:0 0 auto;color:var(--faint)}.shared__body{min-width:0;display:grid;grid-gap:2px;gap:2px}.shared__body b{font-size:.82rem}.shared__body span{font-size:.72rem;color:var(--muted);overflow-wrap:anywhere}.shared[data-hit=true]{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.shared[data-hit=true] .shared__body span,.shared[data-hit=true] .shared__icon{color:var(--danger)}.dialog{border-radius:14px;overflow:hidden;border:1px solid var(--danger);box-shadow:0 16px 40px rgba(16,38,60,.18);animation:rise .28s var(--ease) both}.dialog__bar{display:flex;align-items:center;gap:8px;background:var(--danger);color:#fff;padding:8px 12px;font-size:.76rem;font-weight:700}.dialog__body{background:var(--danger-soft);padding:14px;display:grid;grid-gap:7px;gap:7px;text-align:center;justify-items:center}.dialog__body b{color:var(--danger);font-size:1rem}.dialog__body p{color:var(--ink-2);font-size:.8rem;line-height:1.7}.dialog__note{font-size:.74rem;color:var(--muted);line-height:1.6}.story__side{padding:clamp(20px,3vw,30px);display:grid;align-content:start;grid-gap:14px;gap:14px;-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);min-width:0}.story__text{color:var(--ink-2);line-height:1.9;min-height:5.5em;overflow-wrap:anywhere}.story__controls{display:flex;gap:8px;flex-wrap:wrap}.story__dots{display:flex;gap:6px;flex-wrap:wrap}.story__dots button{width:34px;height:6px;border-radius:99px;border:0;background:var(--surface-3);cursor:pointer;padding:0}.story__dots button[data-on=true]{background:var(--accent)}.story__outcome{display:grid;grid-gap:10px;gap:10px;margin-top:6px}.story__outcome>div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.story__outcome span{display:block;font-size:var(--step--1);color:var(--accent);font-weight:700;margin-bottom:4px}.story__outcome p{color:var(--ink-2);line-height:1.75;overflow-wrap:anywhere}.story__stage[data-scenario=file] .story__outcome>div,.story__stage[data-scenario=message] .story__outcome>div{background:transparent;border:0;border-radius:0;-webkit-border-start:3px solid var(--line-strong);border-inline-start:3px solid var(--line-strong);padding-block:2px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0}.story__stage[data-scenario=file] .story__outcome,.story__stage[data-scenario=message] .story__outcome{gap:14px;margin-top:10px}.principle{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;border-radius:var(--radius);padding:clamp(18px,3vw,28px);display:grid;grid-gap:12px;gap:12px;justify-items:center;text-align:center}.principle__flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.principle__flow b{background:rgba(255,255,255,.16);padding:7px 14px;border-radius:99px}.soc{display:grid;grid-gap:14px;gap:14px;border-radius:var(--radius-l);background:linear-gradient(160deg,var(--soc-bg),var(--soc-bg-2));border:1px solid var(--soc-line);color:var(--soc-ink);padding:clamp(12px,2vw,18px)}@media(min-width:1040px){.soc{grid-template-columns:minmax(0,1.6fr) minmax(300px,.62fr)}}.soc__stage{min-width:0;display:grid;grid-gap:10px;gap:10px;align-content:start}.soc__bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.soc__badge{gap:7px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid var(--soc-line)}.soc__badge,.soc__meter{display:inline-flex;align-items:center;color:var(--soc-muted);font-size:var(--step--1)}.soc__meter{gap:9px}.soc__meter b{color:var(--soc-ink);font-size:1.05rem}.soc__meter i{display:block;width:96px;height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.soc__meter i span{display:block;height:100%;background:linear-gradient(90deg,#3FBFAE,#E0475E);transition:width .6s var(--ease)}.soc__toggle{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--soc-ink);border-color:var(--soc-line)}.soc__toggle:hover{background:rgba(255,255,255,.08)}.soc__hint{color:var(--soc-muted)}.globe{position:relative;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 40%,#12314F,#0A1524);border:1px solid var(--soc-line);aspect-ratio:16/11}@media(min-width:1040px){.globe{aspect-ratio:16/10}}.globe__canvas{position:absolute;inset:0}.globe__canvas canvas{width:100%;height:100%;display:block;cursor:-webkit-grab;cursor:grab}.globe__canvas canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.globe--loading{display:grid;place-items:center;color:var(--soc-muted);font-size:var(--step--1)}.globe--flat svg{width:100%;height:100%}.globe__zoom{position:absolute;inset-block-end:12px;inset-inline-start:12px;display:grid;grid-gap:6px;gap:6px}.globe__zoom .btn{background:rgba(10,22,36,.72);border-color:var(--soc-line);color:var(--soc-ink);font-size:1.1rem}.soc__side{min-width:0;display:grid;align-content:start;grid-gap:10px;gap:10px}.soc__tabs{display:flex;gap:6px;background:rgba(255,255,255,.05);padding:5px;border-radius:12px}.soc__tab{flex:1 1;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--soc-muted);font-weight:600;cursor:pointer;font-size:var(--step--1)}.soc__tab[aria-selected=true]{background:var(--soc-surface);color:var(--soc-ink)}.soc__panel{background:var(--soc-surface);border:1px solid var(--soc-line);border-radius:14px;padding:16px}.soc__panel .muted,.soc__panel .small{color:var(--soc-muted)}.soc__facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.soc__facts>div{background:rgba(255,255,255,.05);border-radius:11px;padding:11px 13px}.soc__facts b{display:block;font-size:1.25rem}.feed{list-style:none;margin:0;padding:0;display:grid;grid-gap:7px;gap:7px;max-height:min(58vh,520px);overflow:auto}.feed--tight{max-height:none}.feed__item{display:flex;align-items:center;gap:11px;width:100%;text-align:start;padding:12px 13px;border-radius:12px;border:1px solid var(--soc-line);background:var(--soc-surface);color:var(--soc-ink);cursor:pointer;animation:rise .3s var(--ease) both}.feed__item:hover{border-color:#3E6C95;background:#1A2E43}.feed__dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.06)}.feed__body{flex:1 1;min-width:0;display:grid;grid-gap:3px;gap:3px}.feed__body b{font-size:.94rem;font-weight:600;line-height:1.5}.feed__body .small{color:var(--soc-muted)}.bar{display:grid;grid-template-columns:96px 1fr 28px;grid-gap:9px;gap:9px;align-items:center;font-size:var(--step--1)}.bar i{height:8px;background:rgba(255,255,255,.1);overflow:hidden}.bar i,.bar i span{display:block;border-radius:99px}.bar i span{height:100%}.sheet{position:fixed;inset:0;z-index:60;background:rgba(6,14,24,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-start;animation:fade .2s var(--ease)}.sheet__panel{width:min(520px,100%);height:100%;overflow:auto;background:var(--surface);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);display:grid;align-content:start;grid-gap:16px;gap:16px;padding:clamp(18px,3vw,26px);animation:rise .28s var(--ease)}.sheet__head{display:flex;gap:12px;align-items:flex-start}.sheet__head h3{font-size:var(--step-1);margin:10px 0 4px}.sheet__body{display:grid;grid-gap:12px;gap:12px}.detail{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:14px 16px}.detail h4{display:flex;align-items:center;gap:8px;font-size:var(--step--1);color:var(--accent);margin-bottom:6px}.detail p{color:var(--ink-2);line-height:1.8}.detail--deep{background:var(--accent-soft);border-color:transparent}.kv{display:grid;grid-gap:8px;gap:8px;margin:12px 0 0}.kv>div{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed var(--line-strong);padding-top:8px}.kv dt{color:var(--muted);font-size:var(--step--1);margin:0}.kv dd{margin:0;font-weight:600}.deck{display:grid;grid-gap:14px;gap:14px}@media(min-width:960px){.deck{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr)}}.deck__list{display:grid;grid-gap:8px;gap:8px;align-content:start}@media(max-width:959px){.deck__list{grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.deck__item{scroll-snap-align:start}}.deck__item{display:flex;align-items:center;gap:11px;text-align:start;padding:12px 14px;border-radius:13px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.deck__item[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.deck__item[data-done=true] .deck__n{background:var(--ok);color:#fff}.deck__item b{display:block;font-size:.96rem}.deck__item em{font-style:normal;font-size:var(--step--1);color:var(--muted)}.deck__n{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-weight:700;font-size:.85rem}.deck__player{overflow:hidden}.deck__video{width:100%;aspect-ratio:16/9;background:#08131f;object-fit:contain}.deck__body{padding:clamp(16px,3vw,24px);display:grid;grid-gap:14px;gap:14px}.deck__decision{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-gap:12px;gap:12px}.deck__decision h4{font-size:var(--step-0);line-height:1.7}.results__hero{display:grid;grid-gap:22px;gap:22px;align-items:center}@media(min-width:720px){.results__hero{grid-template-columns:auto 1fr}}.results__ring{position:relative;width:150px;height:150px;justify-self:center}.results__ring svg{width:100%;height:100%}.results__ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.9rem}.results__pair{display:grid;grid-gap:12px;gap:12px}@media(min-width:720px){.results__pair{grid-template-columns:1fr 1fr}}.certform{max-width:620px}.sheetdoc{container-type:inline-size;width:100%;max-width:1050px;margin-inline:auto}.sheetdoc__frame{aspect-ratio:297/210;background:#fff;color:#0C1B2A;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);padding:4.4cqw 5cqw;display:grid;grid-template-rows:auto 1fr auto;grid-gap:2cqw;gap:2cqw;position:relative;overflow:hidden}.sheetdoc__frame:before{content:"";position:absolute;inset:1.6cqw;border:1px solid #d6e2ee;border-radius:8px;pointer-events:none}.sheetdoc__frame:after{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:.9cqw;background:linear-gradient(90deg,#0F766E,#2563EB)}.sheetdoc__head{display:flex;align-items:center;justify-content:space-between;gap:2cqw;position:relative}.sheetdoc__brand{display:flex;align-items:center;gap:1.4cqw}.sheetdoc__brand svg{width:4cqw;height:4.2cqw}.sheetdoc__brand b{display:block;font-size:2.3cqw;line-height:1.2}.sheetdoc__brand span,.sheetdoc__id{font-size:1.35cqw;color:#5F7183}.sheetdoc__body{text-align:center;display:grid;align-content:center;grid-gap:1.2cqw;gap:1.2cqw;position:relative}.sheetdoc__kicker{font-size:1.4cqw;letter-spacing:.18em;color:#2563EB;font-weight:700}.sheetdoc__body h2{font-size:3.4cqw;line-height:1.4}.sheetdoc__intro{font-size:1.6cqw;color:#5F7183}.sheetdoc__name{font-size:4.4cqw;font-weight:700;line-height:1.3;color:#0C1B2A}.sheetdoc__statement{font-size:1.6cqw;line-height:1.9;color:#3B4C5E;max-width:70cqw;margin-inline:auto}.sheetdoc__foot{display:flex;justify-content:space-between;gap:2cqw;border-top:1px solid #e2eaf3;padding-top:1.6cqw;position:relative}.sheetdoc__foot span{display:block;font-size:1.2cqw;color:#5F7183;margin-bottom:.4cqw}.sheetdoc__foot b{font-size:1.7cqw}@media(max-width:620px){.story__side{-webkit-border-start:0;border-inline-start:0;border-top:1px solid var(--line)}.story__text{min-height:0}.story__art{padding:16px 12px}.mac,.phone{max-width:100%}.mac__screen,.phone__screen{min-height:0}.story__controls .btn{flex:1 1 auto;min-width:0}.sheet__panel{width:100%}.soc__facts{grid-template-columns:1fr}.bar{grid-template-columns:84px 1fr 24px}.results__ring{width:126px;height:126px}}@media print{@page{size:A4 landscape;margin:8mm}body,html{background:#fff!important;color:#0C1B2A!important}.foot,.no-print,.sheet,.skip,.stage__foot,.stage__head,.steps,.topbar{display:none!important}.stage{width:100%!important;padding:0!important}.certform{display:none!important}.sheetdoc{max-width:none;width:100%}.sheetdoc__frame{border:0;border-radius:0;box-shadow:none;break-inside:avoid;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.note{display:none!important}}