:root{--navy:#0b1f33;--navy2:#123b50;--canvas:#f7f4ed;--white:#fff;--ink:#172636;--muted:#5c6974;--teal:#167c78;--teal-soft:#e5f4f1;--gold:#d6a43a;--gold-soft:#fbf2d9;--coral:#c96f56;--coral-soft:#fbece7;--green:#2f7d5a;--line:#d8dfdf;--shadow:0 18px 55px rgba(11,31,51,.11)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","SF Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.75;text-align:start}.shell{width:min(1160px,calc(100% - 2rem));margin:auto}.skip{position:fixed;top:.5rem;right:1rem;transform:translateY(-180%);background:#fff;padding:.6rem 1rem;z-index:99}.skip:focus{transform:none}.app-header{position:sticky;top:0;z-index:40;background:rgba(11,31,51,.97);color:#fff;border-bottom:1px solid #ffffff18}.header-inner{min-height:72px;display:flex;align-items:center;gap:1.3rem}.brand{direction:ltr;unicode-bidi:isolate;color:#fff;text-decoration:none;font:700 1.6rem Georgia,serif}.brand span{color:var(--gold)}.brand.dark{color:var(--navy)}.product-name{border-inline-start:1px solid #ffffff2c;padding-inline-start:1.2rem;line-height:1.25}.product-name b,.product-name small{display:block}.product-name small{color:#b9c8d0}.header-tools{margin-inline-start:auto;display:flex;align-items:center;gap:.7rem}.private{border:1px solid #c69c4366;border-radius:2rem;padding:.25rem .65rem;font-size:.78rem}.icon-button{min-height:44px;background:transparent;color:#fff;border:1px solid #718797;border-radius:.7rem;padding:.5rem .8rem}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#091d31,#103d51 62%,#167c78);color:#fff;padding:5.5rem 0 5rem}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);animation:drift 25s linear infinite}.hero-grid{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:4rem;align-items:center}.kicker{color:#a87408;font-weight:900;margin:0 0 .35rem}.hero .kicker{color:#f0ca6b}.hero h1{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.12;margin:.2rem 0 1rem}.hero-result{font-size:1.18rem;line-height:1.9;max-width:64ch;color:#dce8ec}.facts{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.3rem 0}.facts span{background:#ffffff0e;border:1px solid #ffffff25;border-radius:.7rem;padding:.55rem .75rem}.facts b{color:#f0ca6b;font-size:1.15rem}.hero-actions{display:flex;align-items:center;gap:1rem;margin-top:1.4rem}.button{min-height:48px;border:0;border-radius:.75rem;padding:.7rem 1.1rem;font:inherit;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--gold);color:var(--navy)}.secondary{background:#fff;color:var(--navy);border:1px solid #9cabb3}.text-link{color:#fff;font-weight:900}.privacy-line{font-size:.85rem;color:#b8c9d2}.story-art{min-height:420px;margin:0;position:relative;display:grid;place-items:center}.story-layer{position:absolute;border-radius:1.2rem;background:#fff;color:var(--navy);box-shadow:var(--shadow);transition:transform .3s}.story-layer span{position:absolute;top:.7rem;right:.8rem;color:var(--teal);font-weight:900}.event-layer{width:250px;height:160px;transform:translate(60px,-100px) rotate(4deg);display:flex;align-items:end;padding:1.3rem;gap:.55rem}.event-layer i{display:block;width:24%;background:var(--coral);border-radius:.25rem .25rem 0 0;height:35%}.event-layer i:nth-child(2){height:75%}.event-layer i:nth-child(3){height:52%}.network-layer{width:290px;height:190px;transform:translate(-65px,30px) rotate(-4deg)}.network-layer i{position:absolute;width:46px;height:46px;background:var(--teal-soft);border:7px solid var(--teal);border-radius:50%}.network-layer i:nth-of-type(1){top:48px;right:45px}.network-layer i:nth-of-type(2){top:75px;left:40px}.network-layer i:nth-of-type(3){bottom:25px;right:110px}.network-layer i:nth-of-type(4){top:35px;right:130px}.test-layer{width:230px;height:140px;transform:translate(55px,125px) rotate(3deg);padding:3.2rem 1rem 1rem}.test-layer b{font-size:2.5rem;color:var(--gold)}.test-layer em{font-style:normal;color:var(--muted);margin-inline-start:.8rem}.story-art figcaption{position:absolute;bottom:-5px;color:#d7e5e9;font-size:.82rem}.orientation{padding:4.5rem 0}.orientation-card{background:#fff;border-radius:1.2rem;padding:2rem;box-shadow:var(--shadow)}.orientation-card>div:first-child{max-width:760px}.orientation-card h2,.privacy-section h2,.report-toolbar h2{font-size:clamp(2rem,4vw,3rem);line-height:1.25;margin:.2rem 0}.method{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;list-style:none;padding:0;margin:2rem 0}.method li{background:var(--canvas);border:1px solid var(--line);padding:.9rem;border-radius:.8rem;font-weight:800}.method span{display:block;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;text-align:center}.orientation-note{background:var(--gold-soft);border-inline-start:4px solid var(--gold);padding:1rem;border-radius:.7rem}.orientation-note p{margin:.2rem 0;max-width:75ch}.consent{display:block;margin:1.2rem 0;font-weight:700}.consent input{accent-color:var(--teal);width:20px;height:20px;vertical-align:middle}.learning-app{padding:3.5rem 0;background:#e9efed;min-height:100vh}.journey-header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.journey-header span{color:var(--muted);font-size:.85rem}.journey-header h2{font-size:2.2rem;margin:.1rem 0}.overall{min-width:250px}.progress{height:8px;background:#c8d5d4;border-radius:1rem;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal);width:8%;transition:width .25s}.axis-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0}.axis-nav button{min-height:58px;border:1px solid var(--line);background:#fff;border-radius:.75rem;text-align:start;padding:.7rem;color:var(--muted)}.axis-nav button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.axis-nav button.done:after{content:" ✓";color:#72d3aa}.stage-nav{display:flex;gap:1rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.stage-nav span{padding:.65rem .35rem;color:var(--muted)}.stage-nav span.active{color:var(--teal);border-bottom:3px solid var(--teal);font-weight:900}.stage-nav span.done{color:var(--green)}.workspace{max-width:920px;margin:auto;background:#fff;border-radius:1.1rem;padding:1.5rem;box-shadow:var(--shadow);min-height:620px}.screen-label{color:var(--teal);font-weight:900}.learning-goal{background:var(--teal-soft);padding:.8rem 1rem;border-radius:.7rem}.scene{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;background:var(--navy);color:#fff;border-radius:.9rem;padding:1rem;margin:1rem 0}.scene-visual{min-height:260px;border-radius:.7rem;background:linear-gradient(145deg,#165269,#0c2d43);display:grid;place-items:center;padding:1rem}.scene-visual strong{font-size:1.5rem;color:#f3d27d;text-align:center}.scene-copy{align-self:center}.scene-copy h3{font-size:1.8rem;line-height:1.3}.scene-copy p{color:#d3e1e6}.scene-controls,.question-controls,.action-row{display:flex;gap:.7rem;justify-content:space-between;align-items:center;margin-top:1rem}.transcript{border:1px solid var(--line);padding:.75rem 1rem;border-radius:.7rem}.summary-box{background:var(--gold-soft);padding:1rem;border-radius:.7rem;margin:1rem 0}.question-card{border:1px solid var(--line);border-radius:.9rem;padding:1.2rem}.question-card label{display:block;border:1px solid var(--line);padding:.7rem;margin:.55rem 0;border-radius:.65rem}.question-card label:has(input:checked){background:var(--teal-soft);border-color:var(--teal)}input{accent-color:var(--teal)}.feedback,.remedy,.axis-result{padding:1.1rem;border-radius:.8rem;margin:1rem 0}.feedback{background:var(--teal-soft);border:1px solid #9fd2c9}.remedy{background:var(--coral-soft);border:1px solid #e1a99a}.axis-result{background:#edf6ef;border:1px solid #a7d0b5}.criteria{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.criterion{background:#fff;padding:.7rem;border-radius:.6rem;border:1px solid var(--line)}.criterion.ok{border-inline-start:4px solid var(--green)}.criterion.need{border-inline-start:4px solid var(--coral)}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.application-grid label{font-weight:900}.application-grid label.full{grid-column:1/-1}.application-grid span{display:block;color:var(--muted);font-weight:400;font-size:.85rem}select,textarea{width:100%;border:1px solid #91a3ad;border-radius:.7rem;padding:.75rem;background:#fff;font:inherit}.privacy-tip{background:#f1f3f4;padding:.7rem;border-radius:.6rem;font-size:.85rem}.error{background:#fff0ee;color:#882f24;padding:.7rem;border-radius:.6rem;margin:.8rem 0}.utility-row{display:flex;gap:.7rem;justify-content:center;margin:1.2rem 0}.danger-link{background:transparent;border:0;color:#8b332b;text-decoration:underline}.report-section{padding:4rem 0;background:#dde8e5}.report-toolbar{display:flex;justify-content:space-between;align-items:center}.report-toolbar>div:last-child{display:flex;gap:.6rem}.report{background:#fff;border-top:7px solid var(--gold);padding:2rem;box-shadow:var(--shadow)}.report>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1rem}.report-warning{background:var(--gold-soft);padding:.7rem;margin:1rem 0}.report-axis{border:1px solid var(--line);border-radius:.8rem;padding:1rem;margin:1rem 0}.report-axis h3{color:var(--teal)}.report footer{border-top:1px solid var(--line);padding-top:1rem;color:var(--muted)}.privacy-section{padding:4.5rem 0}.privacy-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.reading{max-width:68ch;text-align:justify;text-justify:inter-word}.privacy-section aside{background:var(--navy);color:#fff;padding:1.4rem;border-radius:.9rem}.privacy-section aside a{color:#f0ca6b}.site-footer{background:var(--navy);color:#cbd8de;padding:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.motion-off *{animation:none!important;transition:none!important}@keyframes drift{to{transform:translate(54px,54px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:820px){.hero-grid,.scene,.privacy-grid{grid-template-columns:1fr}.story-art{min-height:370px}.method{grid-template-columns:1fr 1fr}.journey-header{align-items:start;flex-direction:column}.overall{width:100%}.axis-nav{display:flex;overflow-x:auto}.axis-nav button{min-width:220px}.application-grid{grid-template-columns:1fr}.application-grid label.full{grid-column:auto}}@media(max-width:520px){.product-name small,.private{display:none}.product-name{font-size:.8rem}.header-inner{gap:.65rem}.header-tools{gap:.2rem}.hero{padding:3.5rem 0}.hero h1{font-size:2.55rem}.hero-result,.reading{text-align:start}.story-art{transform:scale(.86);margin:-25px 0}.method{grid-template-columns:1fr}.orientation-card,.workspace,.report{padding:1rem}.stage-nav{overflow-x:auto}.stage-nav span{min-width:max-content}.scene-controls,.question-controls,.action-row,.utility-row,.report-toolbar,.report-toolbar>div:last-child{align-items:stretch;flex-direction:column}.button{width:100%}.criteria{grid-template-columns:1fr}}@media print{.app-header,.hero,.orientation,.learning-app,.privacy-section,.site-footer,.report-toolbar .button{display:none!important}.report-section{display:block!important;padding:0;background:#fff}.report{box-shadow:none;border:0;padding:0}@page{size:A4;margin:14mm}}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}