@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#0b1b18;--ink:#edf2e6;--muted:#93a99a;--lime:#c9dd9a;--gold:#d8aa56;--line:#38534a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}button,a{font:inherit}button{cursor:pointer}header{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.mark{font-size:34px;color:var(--lime)}.brand b{font-size:21px;display:block;line-height:1}.brand small{display:block;direction:ltr;font:8px Arial;letter-spacing:.15em;color:#8aa091;margin-top:7px}nav{display:flex;gap:30px}nav a{color:#a6baaa;text-decoration:none;font-size:12px}nav a:hover{color:white}.head-btn{background:transparent;color:#d4e1d1;border:1px solid #5d7a69;border-radius:50px;font-size:11px;padding:9px 15px}.hero{min-height:530px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 9%;overflow:hidden;background:radial-gradient(circle at 28% 50%,#1e3b2e 0%,transparent 37%)}.eyebrow{font-size:11px;color:#b9d09a;letter-spacing:.02em}.eyebrow i,.live-dot{display:inline-block;width:7px;height:7px;background:#b7d381;border-radius:50%;margin-left:9px;box-shadow:0 0 0 4px #abc98820}h1,h2,h3,p{margin:0}.hero h1{font-size:clamp(42px,5vw,73px);line-height:1.35;letter-spacing:-.04em;margin:18px 0}.hero em,.heading em{font-style:normal;color:var(--lime)}.hero p{color:#a9bfaf;line-height:2;max-width:470px;font-size:14px}.primary{display:inline-flex;align-items:center;gap:40px;background:var(--lime);color:#1b3124;text-decoration:none;border-radius:5px;padding:15px 22px;font-weight:700;font-size:12px;margin-top:28px}.hero-orb{direction:ltr;position:relative;width:min(390px,32vw);aspect-ratio:1;margin:auto}.orb-core{position:absolute;inset:19%;display:grid;place-content:center;text-align:center;border:1px solid #b5d08a70;border-radius:50%;background:radial-gradient(circle at 35% 28%,#d4e7a5,#67895b 30%,#26483b 65%,#152c25);box-shadow:inset -20px -30px 60px #092019a8,0 0 80px #a5c77820}.orb-core span{font-size:60px;color:#edf6d4}.orb-core small{font:9px/1.6 Arial;letter-spacing:.2em;color:#d9e8cc}.orb-ring{position:absolute;inset:6%;border:1px solid #9fbf8d55;border-radius:50%;transform:rotate(-32deg) scaleY(.55);animation:orbit 16s linear infinite}.orb-ring.r2{inset:0;transform:rotate(40deg) scaleY(.65);animation-direction:reverse}.orb-dot{position:absolute;width:9px;height:9px;background:#d9bd6e;border-radius:50%;box-shadow:0 0 15px #d9bd6e;top:15%;left:24%;animation:float 4s ease-in-out infinite}.orb-dot.d2{top:78%;left:74%;background:#c5db9c;animation-delay:-2s}.hero-tag{position:absolute;color:#90a995;font:9px Arial;letter-spacing:.16em}.tag1{top:10%;right:0}.tag2{bottom:10%;left:0}.section{max-width:1570px;padding:85px 5% 0;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.heading h2{font-size:clamp(27px,3vw,43px);line-height:1.4;margin-top:10px}.heading>p{font-size:12px;color:#90a99a;line-height:2}.lab-panel,.phase-panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#142a23;box-shadow:0 25px 90px #0002}.panel-top{height:52px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;color:#b7cab7;font-size:11px}.panel-top small{color:#789084}.panel-top button{background:none;border:0;color:#a9c2ae;font-size:11px}.lab-view{height:clamp(420px,48vw,650px);position:relative;background:radial-gradient(ellipse at center,#2c4e3d,#0c201a 78%);overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:pan-y}.view-top,.phase-visual-top{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;direction:ltr;color:#94b4a1;font:10px Arial;letter-spacing:.15em;pointer-events:none}.view-bottom{position:absolute;right:3%;left:3%;bottom:5%;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.stage-copy{background:linear-gradient(270deg,#0d201be8,#0e211bc9);border-right:2px solid var(--gold);border-radius:5px;padding:13px 18px;max-width:420px;backdrop-filter:blur(6px)}.stage-copy>span{font:10px Arial;direction:ltr;color:#d3b16d}.stage-copy h3{font-size:24px;line-height:1.4;margin:6px 0;color:#f1f5e8}.stage-copy p{font-size:12px;line-height:1.9;color:#bdcebe}.lab-state{color:#a6c1a8;font-size:10px}.playbar{height:78px;display:flex;align-items:center;gap:15px;padding:0 23px;border-bottom:1px solid #ffffff12}.play{width:44px;height:44px;border:0;border-radius:50%;background:var(--lime);color:#1f3425;flex:none}.play-label{min-width:180px;display:flex;flex-direction:column;gap:3px}.play-label b{font-size:12px}.play-label small{font-size:10px;color:#819b89}.progress{height:4px;border-radius:5px;background:#3d5549;flex:1;direction:ltr;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#d5a445,#c3df99);width:0}#labClock{font:10px Arial;color:#9caf9f;direction:ltr}.steps{display:flex;overflow-x:auto;padding:4px 10px;scrollbar-color:#657e69 transparent}.steps button{position:relative;flex:1 0 125px;text-align:right;border:0;background:none;padding:13px 10px 17px;color:#789183;white-space:nowrap}.steps button small{display:block;font:9px Arial;margin-bottom:8px}.steps button b{font-size:11px;font-weight:600}.steps button.active{color:#eaf1df}.steps button.active small{color:#e2ba67}.steps button.active:after{content:'';position:absolute;right:10px;left:10px;bottom:0;height:2px;background:#d6b35c}.caption-note{color:#849c8a;font-size:11px;line-height:2;margin-top:16px}.phase-panel{display:grid;grid-template-columns:.75fr 1.25fr;min-height:570px;direction:rtl}.phase-info{padding:55px 12%;display:flex;flex-direction:column;justify-content:center}.phase-kicker{font-size:11px;color:#a5c297}.phase-info h3{font-size:29px;margin:14px 0}.phase-info>p{font-size:13px;color:#a4b9a8;line-height:2}.phase-switch{display:flex;gap:9px;margin:27px 0}.phase-switch button{border:1px solid #678273;background:none;color:#c6d9c9;border-radius:5px;padding:11px 17px;font-size:12px}.phase-switch button.on{background:#dfb963;border-color:#dfb963;color:#273525}.phase-switch button.cool.on{background:#9ed8dd;border-color:#9ed8dd}.phase-readout{border-top:1px solid #ffffff20;padding-top:22px}.phase-readout>span{font-size:11px;color:#96ab9c}.phase-readout b{float:left;font-size:12px;color:#e5d299}.phase-track{height:4px;background:#466052;border-radius:4px;margin:13px 0 9px;direction:ltr;overflow:hidden}.phase-track span{height:100%;display:block;width:0;background:linear-gradient(90deg,#9ed8dd,#e3b762)}.phase-ends{display:flex;direction:ltr;justify-content:space-between;font-size:10px;color:#829d89}.energy-note{border-right:2px solid #d6ad59;background:#ffffff08;padding:12px 14px;color:#c2d3c1;font-size:11px;line-height:2;margin-top:24px}.phase-visual{direction:ltr;position:relative;min-height:570px;background:radial-gradient(circle at 50% 55%,#416350,#11261e 65%)}.phase-key{position:absolute;bottom:23px;right:22px;color:#a8c0aa;font-size:10px;direction:rtl}.phase-key i{display:inline-block;width:6px;height:6px;background:#d8bd71;border-radius:50%;margin-left:7px}.endnote{display:flex;gap:15px;max-width:850px;margin:70px auto;color:#8da493}.endnote span{font-size:24px;color:var(--gold)}.endnote p{font-size:12px;line-height:2}footer{border-top:1px solid #ffffff1b;padding:27px 6%;display:flex;justify-content:space-between;color:#829d8b;font-size:11px}footer b{color:#c9d9c5;font-size:16px}footer small{font:8px Arial;letter-spacing:.1em;margin-right:8px}.fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:white}.fallback[hidden]{display:none}#journey:fullscreen{background:#0b1b18;padding:20px;overflow:auto}#journey:fullscreen .lab-view{height:calc(100vh - 230px)}@keyframes orbit{from{rotate:0deg}to{rotate:360deg}}@keyframes float{50%{transform:translateY(-15px)}}@media(max-width:800px){header{height:65px;padding:0 5%}nav{display:none}.head-btn{font-size:10px}.hero{min-height:0;grid-template-columns:1fr;padding:55px 7% 30px}.hero h1{font-size:39px}.hero-orb{width:220px;margin:25px auto}.section{padding:65px 4% 0}.heading{display:block}.heading>p{margin-top:10px}.lab-view{height:450px}.view-bottom{right:4%;left:4%}.stage-copy{max-width:82%;padding:10px 13px}.stage-copy h3{font-size:18px}.stage-copy p{font-size:10px}.lab-state{display:none}.playbar{padding:0 15px}.play-label{min-width:120px}.play-label small{font-size:9px}.steps button{flex-basis:105px}.phase-panel{display:flex;flex-direction:column-reverse}.phase-info{padding:32px 7% 38px}.phase-visual{min-height:400px;height:400px}.endnote{margin:45px 5%}footer{gap:15px}.phase-key{font-size:9px}}

.temp-display{display:flex;justify-content:space-between;align-items:center;padding:16px 0 18px;border-top:1px solid #ffffff20}.temp-display small{display:block;font-size:10px;color:#97b19d;margin-bottom:5px}.temp-display strong{font:600 32px Arial;color:#f3e2b2;direction:ltr;display:block}.temp-display em{font:14px Arial;color:#b7c9b3}.temp-badge{border:1px solid #ffffff25;border-radius:7px;padding:8px 10px;color:#9db4a3;font-size:9px;line-height:1.8;text-align:center}.temp-badge b{color:#d7c58c;font:12px Arial}.phase-visual{overflow:hidden}