@import url('fonts-local.css');
:root{color-scheme:dark;--ink:#f2f5ff;--muted:#bac8d9;--edge:#ecf5ff33;--glass:linear-gradient(125deg,#ddeeff16,#a7c7f407);--phase:0;--travel:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080d19;color:var(--ink);font-family:Outfit,"Noto Sans SC","Noto Sans Arabic",sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #c1e4ff;outline-offset:6px}::selection{background:#8cbcd870;color:white}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.glass{border:1px solid var(--edge);border-radius:26px;background:var(--glass);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #b4d7ff09,0 18px 55px #00000024}.reading-progress{position:fixed;z-index:60;height:2px;top:0;left:0;background:linear-gradient(90deg,#86c3e9,#d4c0a0);width:0;box-shadow:0 0 10px #a8d4ff33}
.universe-stage{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#050a14}.scene{position:absolute;inset:-1%;opacity:0;transition:opacity 1.4s ease,filter 1.4s ease;filter:blur(5px);background-repeat:no-repeat;background-position:center;background-size:cover;transform:translate3d(calc(var(--mx,0) * -5px),calc(var(--my,0) * -4px),0) scale(calc(1.04 + var(--scene-progress,0) * .06));will-change:opacity,transform}.scene.active{opacity:1;filter:blur(0)}.scene-port{background-image:url('assets/journey-port.webp');background-position:65% center}.scene-egypt{background-image:url('assets/journey-egypt.webp');background-position:62% center}.scene-earth{background-image:url('assets/journey-earth.webp');background-position:65% center}.scene-solar{background:radial-gradient(ellipse at 72% 49%,#263d5a32,transparent 55%),#050a14}.scene-cosmos{background:radial-gradient(ellipse at 65% 42%,#54547830,transparent 43%),radial-gradient(ellipse at 85% 60%,#263f534d,transparent 40%),#040813}.scene-hole{background-image:url('assets/journey-hole.webp');background-position:60% center}#spaceCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b16d9 0%,#07101bc4 29%,#07101b50 62%,#07101b0a 85%),linear-gradient(0deg,#030814ab,transparent 28%,transparent 75%,#060b174d);transition:opacity 1s;pointer-events:none}.stage-grain{position:absolute;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}
.navigation{position:fixed;top:20px;left:4%;width:92%;height:88px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:7px 25px;border-radius:29px;gap:25px;background:linear-gradient(125deg,#e6f1ff14,#9cbee009);transition:top .4s,height .4s,background .4s}.navigation.scrolled{top:12px;height:78px;background:linear-gradient(125deg,#d0e5ff21,#1b2c4480)}.brand{display:flex;align-items:center;flex-shrink:0;line-height:0}.brand img{height:68px;width:102px;object-fit:contain}.navigation nav{display:flex;align-items:center;gap:6px;padding:4px;border-radius:99px;background:#060c1c28;border:1px solid #dcefff0c}.navigation nav a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 20px;border-radius:99px;font-size:15px;color:#d6e2f2;transition:background .25s}.navigation nav a:hover,.navigation nav a.selected{background:linear-gradient(#e0f1ff22,#e0f1ff0a);box-shadow:inset 0 1px 0 #fff2}.nav-tools{display:flex;align-items:center;gap:11px}.round-tool{width:40px;height:40px;border-radius:50%;border:1px solid #e8f5ff2e;background:linear-gradient(135deg,#e0f0ff16,#e0f0ff04);box-shadow:inset 0 1px 0 #fff2;display:flex;align-items:center;justify-content:center;padding:0;color:#d9e9fa}.sound-bars{height:19px;display:flex;align-items:center;gap:3px}.sound-bars i{width:2px;border-radius:4px;height:7px;background:#cbe5f3}.sound-bars i:nth-child(2){height:15px}.sound-bars i:nth-child(3){height:11px}.round-tool.playing{background:#b8dbff26}.playing i{animation:sound 1s infinite alternate}.playing i:nth-child(2){animation-delay:.3s}.playing i:nth-child(3){animation-delay:.6s}.language-tool{display:flex;align-items:center;gap:7px;height:40px;border:1px solid #e8f5ff2e;border-radius:99px;padding:0 10px;background:#d6ecff08;box-shadow:inset 0 1px 0 #fff1}.language-tool .icon{height:16px;width:16px;color:#c2d7e9}.language-tool select{background:transparent;border:0;font-size:13px;max-width:78px;border-radius:10px;padding:2px 0;cursor:pointer}.language-tool option{color:#edf4ff;background:#16263e}
.chapter-rail{position:fixed;right:3.1%;top:50%;transform:translateY(-50%);z-index:22;display:flex;flex-direction:column;gap:20px;align-items:center}.chapter-rail::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:1px;background:#c6deff1a;z-index:-1}.chapter-rail a{display:flex;align-items:center;justify-content:center;position:relative;width:18px;height:18px}.chapter-rail a>span{width:5px;height:5px;border-radius:50%;background:#a4bbd06e;box-shadow:0 0 0 4px #07101a40;transition:.4s}.chapter-rail a.current>span{background:#dcf3ff;box-shadow:0 0 0 5px #c9e8ff10,0 0 17px #cce8ff44}.chapter-rail small{position:absolute;right:25px;white-space:nowrap;font-size:11px;color:#c5d8e9;opacity:0;transition:opacity .3s;letter-spacing:1px;padding:4px 6px;border-radius:8px;background:#07101b70;backdrop-filter:blur(12px)}.chapter-rail a:hover small{opacity:1}
.chapter{position:relative;min-height:130svh;display:flex;flex-direction:column;justify-content:center}.chapter-inner{position:relative;width:100%;max-width:1680px;margin:auto;padding:160px 8% 150px;min-height:110svh;display:flex;align-items:center}.copy{position:relative;z-index:2;max-width:720px;width:58%}.chapter-kicker{display:flex;align-items:center;gap:15px;color:#b4cbe0;font-size:11px;line-height:1.8;letter-spacing:1.5px}.chapter-kicker>span:first-child{font-family:Outfit,sans-serif}.kicker-line{width:32px;height:1px;background:#b1d2e44d}.status-light{height:5px;width:5px;border-radius:50%;background:#c3e8ff;box-shadow:0 0 13px #b3e3ff77;flex-shrink:0}.chapter h1,.chapter h2{font-size:clamp(42px,5.3vw,78px);font-weight:400;line-height:1.28;letter-spacing:-2.5px;margin:28px 0 28px;text-shadow:0 3px 30px #02071135}.chapter h1{font-size:clamp(56px,6.25vw,94px);line-height:1.22;font-weight:500;letter-spacing:-4px}.silver{color:#bdcddd;background:linear-gradient(100deg,#f3f8ff,#99b7d0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chapter-lead{font-size:18px;line-height:2;color:#bdcbdb;letter-spacing:.3px;margin:0;max-width:620px}.journey-button{display:inline-flex;align-items:center;gap:30px;padding:12px 13px 12px 22px;border-radius:99px;font-size:15px;margin-top:32px;transition:transform .3s,background .3s}.journey-button:hover{transform:translateY(-3px);background:linear-gradient(125deg,#e0f3ff25,#a8c5ff11)}.button-icon{display:flex;align-items:center;justify-content:center;background:#b9ddff10;width:30px;height:30px;border-radius:50%;color:#c5ddeb}.button-icon .icon{height:16px;width:16px}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8;color:#a3bfd6;font-family:Outfit,sans-serif}.opening{min-height:125svh}.opening .chapter-inner{min-height:115svh;flex-direction:column;align-items:flex-start;justify-content:center;gap:60px}.opening .copy{max-width:760px}.trade-dock{width:100%;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:23px;background:linear-gradient(120deg,#d8ebff12,#bcd8ff04)}.dock-intro{display:flex;flex-direction:column;gap:7px;min-width:230px}.dock-intro strong{font-size:17px;font-weight:400;letter-spacing:.4px}.sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;flex:1;max-width:750px}.sector{display:flex;gap:11px;align-items:center;font-size:15px;white-space:nowrap;color:#d4e3f4}.sector-thumb{height:46px;width:46px;border-radius:14px;flex-shrink:0;background-image:url('assets/sector-glass.webp');background-repeat:no-repeat;background-size:200% 200%;border:1px solid #e1f3ff22;box-shadow:inset 0 1px 0 #fff2}.thumb0{background-position:0 0}.thumb1{background-position:100% 0}.thumb2{background-position:0 100%}.thumb3{background-position:100% 100%}
.narrative{max-width:565px;margin-top:28px;padding:24px 27px;border-radius:24px;background:linear-gradient(125deg,#dcefff12,#b0cfff05)}.narrative p{font-size:17px;line-height:2;color:#c6d5e5;margin:0}.narrative>.eyebrow{display:block;margin-bottom:12px}.route{display:flex;align-items:center;gap:18px;margin-top:25px;padding-top:20px;border-top:1px solid #bfdcff18;font-size:11px;letter-spacing:2px;color:#bed4e8}.route-track{height:1px;flex:1;background:linear-gradient(90deg,#b6d8ef44,#cce6ff99);position:relative}.route-track::before,.route-track::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#d7ecff;top:-1.5px}.route-track::after{right:0}.route-track i{position:absolute;left:0;width:30px;height:1px;top:0;background:#fff;box-shadow:0 0 10px #ceecff;animation:shipment 5s ease-in-out infinite}.scene-note{font-size:14px;line-height:2;color:#98b0c7;margin:25px 0 0;letter-spacing:.2px;max-width:560px}.voice-tags{display:flex;gap:12px;margin-top:23px;align-items:center}.voice-tags span{padding:7px 14px;border:1px solid #ddf1ff22;border-radius:99px;background:#d7eeff08;color:#b8d2e7;font-size:15px}.voice-tags span:last-child{font-size:22px;line-height:1;padding:5px 14px}.ai-window{margin-top:30px;max-width:550px;display:flex;align-items:center;gap:22px;padding:13px 20px 13px 13px;border-radius:25px;overflow:hidden}.ai-window img{width:150px;height:125px;object-fit:cover;object-position:50% center;border-radius:16px;filter:saturate(.35) brightness(.9);border:1px solid #e0efff19}.ai-window p{font-size:17px;line-height:1.9;margin:8px 0 0;color:#cad9e9}.orbital-caption{position:absolute;right:10%;bottom:20%;display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:17px;max-width:300px;flex-wrap:wrap;font-size:10px;letter-spacing:1.5px}.orbital-caption small{width:100%;padding-left:20px;font-size:11px;letter-spacing:.5px;color:#9bb7cd}.orbital-dot{width:5px;height:5px;border-radius:50%;background:#f1ddaf;box-shadow:0 0 11px #ffebb566}.cosmos-chapter .chapter-inner{min-height:110svh}.cosmic-line{height:1px;width:180px;background:linear-gradient(90deg,#d4ebff70,transparent);margin:35px 0 25px}.cosmic-quote{font-size:16px;line-height:1.9;letter-spacing:.3px;color:#a7c2d8}.cosmic-coordinate{position:absolute;right:15%;top:46%;display:flex;align-items:center;flex-direction:column;gap:25px;color:#a8c3df9c}.cosmic-coordinate span:first-child{font-size:9px;letter-spacing:3px}.cosmic-coordinate span:last-child{font-size:100px;font-weight:400;line-height:1;color:#b3d4ed4a}.hole-signoff{font-size:15px;letter-spacing:1px;color:#afc4d7;margin:28px 0 0}.blackhole-chapter{min-height:125svh}.blackhole-chapter .copy{max-width:690px;width:57%}.hole-mark{position:absolute;z-index:2;left:69%;top:50%;transform:translate(-50%,-50%);width:170px;display:flex;align-items:center;flex-direction:column;gap:18px;filter:drop-shadow(0 0 25px #e4cc9635)}.hole-mark img{width:170px;height:auto;opacity:.92}.hole-mark span{font-size:8px;letter-spacing:2.5px;color:#d0c6ad;white-space:nowrap}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;width:84%;margin:0 auto;padding:24px 0 95px;border-top:1px solid #e0f0ff1a;font-size:12px;line-height:1.8;color:#8fa7bf}.footer button{padding:8px 13px;border-radius:99px;background:#cee6ff09;border:1px solid #def1ff24;color:#b9cee1;font-size:13px}
.journey-hud{position:fixed;bottom:22px;left:5%;right:5%;z-index:20;display:flex;align-items:center;gap:23px;color:#adbed3;pointer-events:none;font-size:9px;letter-spacing:1.8px}.hud-label{width:265px}.hud-progress{height:1px;flex:1;background:#d7eaff24}.hud-progress i{display:block;background:#d0eaff70;width:0;height:1px;transition:width .2s}.hud-count{font-family:Outfit,sans-serif;white-space:nowrap;letter-spacing:2px;color:#708ca7}.hud-count b{font-weight:400;color:#d9edff;font-size:12px}.journey-hud::before{content:"";position:fixed;bottom:0;left:0;right:0;height:70px;background:linear-gradient(transparent,#040814a8);z-index:-1}
dialog{width:calc(100% - 36px);max-width:670px;max-height:85svh;overflow:auto;background:linear-gradient(135deg,#344861cc,#17273cde);color:#edf5ff;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid #e4f4ff44;border-radius:31px;padding:45px 48px 40px;box-shadow:inset 0 1px 0 #fff4,0 35px 100px #0008}dialog::backdrop{background:#04091399;backdrop-filter:blur(13px)}.close-about{position:absolute;right:17px;top:17px;width:35px;height:35px}.close-about .icon{width:16px;height:16px}.about-logo{width:130px;height:auto;display:block;margin-bottom:30px}dialog h2{font-size:29px;line-height:1.5;font-weight:400;letter-spacing:-.5px;margin:20px 0}dialog p{font-size:16px;line-height:2;color:#bfcee0}dialog small{display:block;font-size:12px;line-height:1.9;color:#8fa9c2}.about-domain{display:block;border-top:1px solid #deefff20;font-size:12px;letter-spacing:2px;margin-top:25px;padding-top:18px;color:#b9dbf2}
[dir=rtl] .navigation{direction:rtl}[dir=rtl] .language-tool{direction:ltr}[dir=rtl] .chapter-inner{direction:rtl}[dir=rtl] .copy{text-align:right}[dir=rtl] .hole-mark{left:30%}[dir=rtl] .chapter h1,[dir=rtl] .chapter h2{letter-spacing:0}[dir=rtl] .chapter-rail{right:auto;left:3.1%}[dir=rtl] .chapter-rail small{right:auto;left:25px}[dir=rtl] .orbital-caption{right:auto;left:10%}[dir=rtl] .cosmic-coordinate{right:auto;left:15%}[dir=rtl] .stage-shade{background:linear-gradient(270deg,#050b16d9 0%,#07101bc4 29%,#07101b50 62%,#07101b0a 85%),linear-gradient(0deg,#030814ab,transparent 28%,transparent 75%,#060b174d)}[dir=rtl] .scene-port,[dir=rtl] .scene-egypt,[dir=rtl] .scene-earth,[dir=rtl] .scene-hole{transform:scaleX(-1) scale(calc(1.04 + var(--scene-progress,0) * .06))}[dir=rtl] .hud-label{direction:ltr}[dir=rtl] .chapter-lead{letter-spacing:0}
@keyframes sound{to{height:4px}}@keyframes shipment{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 30px);opacity:0}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:#1c2f44e8}.navigation.scrolled{background:#1c2f44ed}dialog{background:#1c2f44}}
@media(min-width:1800px){.chapter-inner{padding-left:10%;padding-right:10%}.chapter h1{font-size:106px}.chapter h2{font-size:82px}}
@media(max-width:1100px){.navigation{padding:7px 20px;gap:18px}.navigation nav a{padding:0 15px}.chapter-inner{padding-left:7%;padding-right:8%}.chapter h1{font-size:clamp(55px,6.8vw,80px)}.chapter h2{font-size:clamp(42px,5.8vw,65px)}.chapter-kicker{font-size:10px;gap:12px;letter-spacing:1px}.copy{width:64%}.trade-dock{gap:20px;padding:20px}.dock-intro{min-width:180px}.dock-intro strong{font-size:15px}.sectors{gap:13px}.sector{gap:8px;font-size:13px}.sector-thumb{width:36px;height:36px;border-radius:11px}.chapter-lead{font-size:17px}.narrative{padding:22px}.narrative p{font-size:16px}.hole-mark{left:73%;width:135px}.hole-mark img{width:135px}.hole-mark span{font-size:6px;letter-spacing:1.6px}.orbital-caption{right:7%;max-width:230px;bottom:15%}.ai-window{gap:17px}.ai-window img{width:130px;height:120px}.ai-window p{font-size:16px}.footer{width:86%;font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:130px}.navigation{top:12px;left:12px;width:calc(100% - 24px);height:116px;padding:8px 15px 10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:59px 34px;gap:4px 10px;border-radius:27px}.navigation.scrolled{top:8px;height:110px}.brand{grid-column:1;grid-row:1}.brand img{width:85px;height:58px}.nav-tools{grid-column:2;grid-row:1;gap:9px}.round-tool{width:35px;height:35px}.language-tool{height:35px;padding:0 9px}.language-tool select{font-size:12px}.language-tool .icon{width:15px;height:15px}.navigation nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;padding:0;border:0;background:none;gap:8px}.navigation nav a{min-height:34px;font-size:13px;padding:0 15px}.chapter-rail{display:none}.chapter{min-height:125svh}.chapter-inner{min-height:115svh;padding:175px 7% 125px;align-items:center}.opening{min-height:125svh}.opening .chapter-inner{min-height:120svh;gap:40px}.copy,.opening .copy,.blackhole-chapter .copy{width:100%;max-width:100%}.chapter-kicker{flex-wrap:wrap;font-size:9px;gap:9px;letter-spacing:.8px;line-height:1.9}.kicker-line{width:19px}.chapter h1{font-size:52px;line-height:1.25;letter-spacing:-2px;margin:26px 0}.chapter h2{font-size:40px;line-height:1.4;letter-spacing:-1.5px;margin:25px 0}.chapter-lead{font-size:16px;line-height:1.95;letter-spacing:.1px}.journey-button{margin-top:27px;padding:10px 11px 10px 19px;font-size:14px;gap:24px}.button-icon{height:29px;width:29px}.trade-dock{flex-direction:column;align-items:stretch;gap:20px;padding:21px;border-radius:25px}.dock-intro{gap:7px}.dock-intro .eyebrow{font-size:9px}.dock-intro strong{font-size:16px}.sectors{grid-template-columns:1fr 1fr;gap:16px 10px}.sector{font-size:14px;gap:10px}.sector-thumb{width:38px;height:38px;border-radius:12px}.stage-shade{background:linear-gradient(90deg,#050b16b8,#07101b78),linear-gradient(0deg,#030814c9,transparent 35%,transparent 65%,#060b17a3)}.scene-port{background-position:69% center}.scene-egypt{background-position:66% center}.scene-earth{background-position:68% center}.scene-hole{background-position:65% center}.narrative{padding:22px;border-radius:25px;margin-top:26px}.narrative p{font-size:16px;line-height:2}.route{font-size:10px;margin-top:21px;padding-top:18px;gap:13px}.scene-note{font-size:13px;line-height:2;margin-top:22px}.voice-tags{gap:9px;margin-top:20px}.voice-tags span{font-size:14px;padding:6px 12px}.ai-window{padding:11px;gap:14px;flex-direction:column;align-items:stretch;border-radius:24px;margin-top:25px}.ai-window img{height:160px;width:100%;object-position:50% 42%;border-radius:15px}.ai-window>div{padding:4px 9px 8px}.ai-window p{font-size:16px;line-height:1.9}.ai-window .eyebrow{font-size:10px}.orbital-caption{position:relative;right:auto;bottom:auto;margin-top:32px;max-width:100%;width:max-content;padding:12px 16px;font-size:10px;gap:10px}.orbital-caption small{font-size:11px;padding-left:15px}.chapter[data-phase="3"] .chapter-inner{flex-direction:column;align-items:stretch}.cosmic-coordinate{right:12%;top:24%;opacity:.4;gap:15px}.cosmic-coordinate span:first-child{font-size:7px;letter-spacing:2px}.cosmic-coordinate span:last-child{font-size:70px}.cosmic-quote{font-size:15px;line-height:2}.cosmic-line{width:140px;margin:30px 0 20px}.hole-mark{position:relative;left:auto!important;top:auto;transform:none;width:140px;margin:50px auto 10px;gap:15px}.hole-mark img{width:140px}.hole-mark span{font-size:6px;letter-spacing:1.7px}.blackhole-chapter .chapter-inner{flex-direction:column;align-items:stretch;min-height:125svh;padding-bottom:80px}.blackhole-chapter{min-height:135svh}.blackhole-chapter .copy{position:relative}.hole-signoff{font-size:14px;line-height:1.9;letter-spacing:.4px}.footer{width:86%;padding:22px 0 100px;font-size:11px;gap:15px;flex-wrap:wrap}.footer>span:nth-child(2){width:100%;order:3;font-size:11px}.footer button{font-size:12px}.journey-hud{left:7%;right:7%;bottom:20px;gap:13px;font-size:7px;letter-spacing:1.1px}.hud-label{width:auto;max-width:190px;white-space:nowrap}.hud-progress{min-width:20px}.hud-count{font-size:8px;letter-spacing:1px}.hud-count b{font-size:10px}dialog{padding:48px 27px 30px;border-radius:28px}.about-logo{width:105px;margin-bottom:25px}dialog h2{font-size:25px;line-height:1.6}dialog p{font-size:15px;line-height:1.95}dialog small{font-size:11px}.about-domain{font-size:11px}html[lang=en] .chapter h1{font-size:48px;letter-spacing:-1.8px}html[lang=en] .chapter h2{font-size:38px;letter-spacing:-1.1px}html[lang=ar] .chapter h1{font-size:46px}html[lang=ar] .chapter h2{font-size:36px}[dir=rtl] .stage-shade{background:linear-gradient(270deg,#050b16b8,#07101b78),linear-gradient(0deg,#030814c9,transparent 35%,transparent 65%,#060b17a3)}[dir=rtl] .orbital-caption{left:auto;right:auto}[dir=rtl] .cosmic-coordinate{left:12%;right:auto}}
@media(max-width:360px){.navigation nav a{font-size:12px;padding:0 11px}.chapter h1{font-size:46px}.chapter h2{font-size:36px}.chapter-lead,.narrative p{font-size:15px}.sector{font-size:13px}.chapter-kicker{font-size:8px}.scene-note{font-size:12px}.hud-label{max-width:150px;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene{transform:none!important}.journey-button:hover{transform:none}}
@media(min-width:761px){.hole-mark{position:fixed;left:64%;top:48%;opacity:0;transition:opacity 1.3s,filter 1.3s;pointer-events:none}html[data-phase="5"] .hole-mark{opacity:1}[dir=rtl] .hole-mark{left:36%}.blackhole-chapter .copy{width:51%;max-width:630px}}
/* Section padding provides the navigation clearance; keep anchors aligned with the scene. */
html{scroll-padding-top:0}.chapter:not(.opening){justify-content:flex-start}
@media(min-width:761px){.chapter:not(.opening) .chapter-inner{margin:0 auto;min-height:100svh;padding-top:135px;padding-bottom:130px}}
/* Review refinements: larger actions and a prominent core-business showcase. */
.journey-button{min-height:70px;min-width:270px;padding:15px 17px 15px 27px;font-size:18px;gap:28px;justify-content:space-between;white-space:nowrap;max-width:100%}.journey-button>span:first-child{flex-shrink:0;white-space:nowrap}.button-icon{width:40px;height:40px;flex-shrink:0}.button-icon .icon{width:20px;height:20px}
.trade-dock{display:block;padding:30px;border-radius:30px;background:linear-gradient(125deg,#d8ebff1d,#bcd8ff08)}.dock-intro{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.dock-intro .eyebrow{font-size:12px;letter-spacing:2px}.dock-intro strong{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:.2px}.dock-market{font-size:18px;color:#bbcee2;line-height:1.9;margin:12px 0 26px}.sectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:18px}.sector{display:block;white-space:normal;min-width:0;border:1px solid #e3f1ff2b;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#d7eaff0d,#a4c5f703);box-shadow:inset 0 1px 0 #fff2,0 10px 25px #0002;transition:transform .3s,border-color .3s}.sector:hover{transform:translateY(-4px);border-color:#e3f1ff61}.sector-thumb{display:block;width:100%;height:auto;aspect-ratio:1.55;border:0;border-radius:0;background-size:cover;background-position:center;box-shadow:none;filter:saturate(.8)}.thumb0{background-image:url('assets/business-water.webp')}.thumb1{background-image:url('assets/business-saving.webp')}.thumb2{background-image:url('assets/business-bath.webp')}.thumb3{background-image:url('assets/business-auto.webp')}.sector-meta{padding:19px 19px 23px;border-top:1px solid #d9edff1a}.sector h3{font-size:25px;line-height:1.45;letter-spacing:.4px;font-weight:500;color:#edf6ff;margin:0 0 10px}.sector p{font-size:15px;line-height:1.85;color:#adc4da;margin:0}
#voices .copy{width:70%;max-width:870px}#voices h2{font-size:clamp(54px,6vw,86px);line-height:1.32}#voices .chapter-lead{font-size:22px;line-height:1.95}#voices .narrative{max-width:740px;padding:32px 34px;margin-top:33px;border-radius:29px}#voices .narrative p{font-size:20px;line-height:2}#voices .narrative>.eyebrow{font-size:13px;margin-bottom:17px}#voices .voice-tags{gap:14px;margin-top:27px}#voices .voice-tags span{font-size:18px;padding:10px 18px}#voices .voice-tags span:last-child{font-size:27px}
#future .copy{width:66%;max-width:810px}.ai-window{max-width:750px;padding:18px;gap:27px;border-radius:29px;margin-top:33px}.ai-window img{width:200px;height:180px;object-fit:cover;aspect-ratio:10/9;border-radius:20px;flex-shrink:0}.ai-window>div{min-width:0}.ai-window .eyebrow{font-size:13px;letter-spacing:2px}.ai-window p{font-size:21px;line-height:1.9;margin-top:13px}.orbital-caption{display:grid;grid-template-columns:7px minmax(0,1fr);align-items:center;gap:8px 12px;padding:18px 21px;width:max-content;min-width:250px;max-width:310px;border-radius:21px;font-size:12px;line-height:1.6;letter-spacing:1.4px;right:8%;bottom:12%}.orbital-caption .orbital-dot{width:5px;height:5px}.orbital-caption small{grid-column:2;font-size:13px;line-height:1.7;letter-spacing:.3px;width:auto;padding-left:0}
@media(max-width:1100px){.trade-dock{padding:28px}.dock-intro strong{font-size:30px}.dock-market{font-size:17px}.sectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sector-thumb{aspect-ratio:1.65}.sector h3{font-size:27px}.sector p{font-size:17px}.sector-meta{padding:21px 23px 25px}#voices .copy{width:77%;max-width:800px}#voices h2{font-size:60px}#voices .chapter-lead{font-size:21px}#voices .narrative{padding:30px}#voices .narrative p{font-size:20px}#future .copy{width:73%;max-width:750px}.ai-window{gap:23px;padding:17px}.ai-window img{width:185px;height:180px}.ai-window p{font-size:20px}.orbital-caption{right:7%;bottom:8%;min-width:245px;max-width:285px}}
@media(max-width:760px){.journey-button{font-size:16px;min-height:64px;min-width:245px;padding:13px 14px 13px 22px;gap:22px}.button-icon{width:36px;height:36px}.button-icon .icon{width:18px;height:18px}.trade-dock{padding:23px 19px;border-radius:27px}.dock-intro{gap:11px}.dock-intro .eyebrow{font-size:11px}.dock-intro strong{font-size:26px;line-height:1.55}.dock-market{font-size:16px;line-height:1.9;margin:13px 0 24px}.sectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sector{border-radius:18px}.sector-thumb{aspect-ratio:1.16}.sector-meta{padding:15px 13px 19px}.sector h3{font-size:20px;line-height:1.5;margin-bottom:9px;letter-spacing:.1px}.sector p{font-size:14px;line-height:1.85}#voices .copy,#future .copy{width:100%;max-width:100%}#voices h2{font-size:43px;line-height:1.42}#voices .chapter-lead{font-size:19px;line-height:1.95}#voices .narrative{padding:26px 23px;margin-top:29px;border-radius:27px}#voices .narrative p{font-size:18px;line-height:1.95}#voices .narrative>.eyebrow{font-size:12px;margin-bottom:16px}#voices .voice-tags{gap:10px;flex-wrap:wrap;margin-top:24px}#voices .voice-tags span{font-size:17px;padding:8px 15px}#voices .voice-tags span:last-child{font-size:25px}.ai-window{padding:14px;gap:20px;max-width:100%;border-radius:27px;flex-direction:column}.ai-window img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:18px}.ai-window>div{padding:0 10px 12px}.ai-window .eyebrow{font-size:12px}.ai-window p{font-size:20px;line-height:1.9;margin-top:12px}.orbital-caption{position:relative;right:auto;bottom:auto;left:auto;min-width:240px;max-width:100%;width:max-content;padding:17px 20px;gap:7px 11px;border-radius:20px;font-size:12px;line-height:1.6}.orbital-caption small{font-size:12px;line-height:1.8;grid-column:2;padding-left:0}html[lang=en] #voices h2{font-size:40px}html[lang=ar] #voices h2{font-size:39px}}
@media(max-width:360px){.journey-button{min-width:230px;font-size:15px;padding-left:18px;gap:18px}.dock-intro strong{font-size:23px}.sectors{grid-template-columns:1fr;gap:19px}.sector-thumb{aspect-ratio:1.65}.sector-meta{padding:19px}.sector h3{font-size:25px}.sector p{font-size:16px}#voices h2{font-size:39px}.ai-window p{font-size:18px}.orbital-caption{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.sector:hover{transform:none}}
/* Glass connections: complete product art, orbital shipping and the final signal. */
.sector-thumb{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:none;padding:5px;filter:none}.sectors{gap:18px}.sector-meta{padding-top:19px}.voice-tags{flex-wrap:wrap;gap:11px}#voices .voice-tags span{font-size:18px;line-height:1.5;white-space:nowrap}#voices .voice-tags span:last-child{font-size:27px}.voice-tags span:nth-child(3n+1){background:linear-gradient(135deg,#bedfff16,#b4d2ff05)}
#egypt .copy{width:92%;max-width:1160px}#egypt h2{font-size:clamp(50px,5.5vw,82px)}.trade-story{max-width:1100px;display:grid;grid-template-columns:minmax(200px,30%) minmax(0,1fr);gap:28px;align-items:center;padding:31px 34px;border-radius:32px;background:linear-gradient(120deg,#c7e8ff20,#9ab9e90a);overflow:hidden}.trade-story-copy{min-width:0}.trade-story-copy>.eyebrow{display:block;font-size:12px;letter-spacing:2px;margin-bottom:16px}#egypt .trade-story p{font-size:clamp(20px,1.8vw,26px);line-height:1.95;color:#e0eaf5}.trade-story .route{margin-top:24px;font-size:12px;line-height:1.8;gap:15px}.trade-story .route-track{min-width:30px}#egypt .scene-note{font-size:18px;line-height:1.9;max-width:850px;color:#b5cbe0}
.shipping-art{position:relative;aspect-ratio:1.1;isolation:isolate;min-width:0;direction:ltr}.shipping-globe{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 24px #82bfff24)}.globe-outline{stroke:#c7eaff;stroke-width:1;stroke-opacity:.65}.globe-grid{fill:none;stroke:#a8d6f6;stroke-width:.8;opacity:.28}.globe-land{fill:#a4d2f51a;stroke:#c6e7ff;stroke-opacity:.45;stroke-width:1}.orbit-back,.orbit-front{fill:none;stroke:#afdaff;stroke-width:1.1}.orbit-back{opacity:.18}.orbit-front{stroke-dasharray:2 8;opacity:.7;animation:orbit-dash 22s linear infinite}.ship-orbit{position:absolute;inset:0;animation:ship-voyage 15s ease-in-out infinite}.orbit-ship{position:absolute;width:30%;left:63%;top:47%;filter:drop-shadow(0 3px 13px #a7ddff6b);overflow:visible}.shipping-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#aecfe8;font-size:10px;letter-spacing:2px;white-space:nowrap}.shipping-caption i{font-style:normal;margin:0 12px;color:#e5f5ff}
#future .copy{width:88%;max-width:1110px}.ai-window{max-width:1060px;padding:23px;gap:35px;border-radius:33px;background:linear-gradient(120deg,#c7e6ff22,#9ab9e90c)}.ai-window img{width:42%;height:auto;aspect-ratio:1.34;object-fit:cover;border-radius:23px;filter:saturate(.55) brightness(1)}.ai-window .eyebrow{font-size:16px;letter-spacing:2.5px}.ai-window p{font-size:clamp(23px,2.1vw,31px);line-height:1.85;color:#e4edf8;margin-top:17px}.orbital-caption{bottom:30px;right:8%}#future .chapter-inner{padding-bottom:170px}
.horizon-card{padding:36px 34px;border-radius:34px;background:linear-gradient(135deg,#d6e7f31c,#a7bfd507 75%);box-shadow:inset 0 1px 0 #fff3,0 22px 70px #0003;overflow:hidden}.blackhole-chapter .copy{max-width:750px;width:59%}.horizon-card h2{font-size:clamp(40px,4.5vw,66px);margin:25px 0}.horizon-card .chapter-lead{font-size:20px;line-height:1.95}.horizon-card .hole-signoff{font-size:19px;line-height:1.95;letter-spacing:.4px;color:#c7daeb}.horizon-signal{position:relative;width:80px;height:56px;margin-bottom:26px;display:grid;place-items:center}.horizon-signal span{font-size:39px;line-height:1;color:#d8efff;text-shadow:0 0 18px #b6dfff66}.horizon-signal i{position:absolute;inset:4px 0;border-radius:50%;border:1px solid #c8e7ff45;transform:rotate(-25deg);animation:signal-orbit 13s linear infinite}.horizon-signal i:nth-child(2){inset:10px -5px;animation-direction:reverse;animation-duration:19s;border-color:#e0d3b94a}.horizon-signal i:nth-child(3){inset:-1px 12px;animation-duration:27s;border-style:dotted;opacity:.65}.horizon-card::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#e1f2ff05 46%,#e1f2ff0a 50%,transparent 65%);background-size:250% 100%;animation:glass-sweep 16s ease-in-out infinite;border-radius:inherit}
.hole-mark{isolation:isolate}.hole-mark img{position:relative;z-index:2}.hole-mark>span{position:relative;z-index:2}.singularity-rings{position:absolute;width:300px;height:300px;left:50%;top:37%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.singularity-rings i{position:absolute;inset:8%;border-radius:50%;border:1px solid #d0deef2b;box-shadow:0 0 24px #b7d8f009,inset 0 0 24px #b7d8f009;animation:singularity-turn 27s linear infinite}.singularity-rings i::after{content:"";position:absolute;top:11%;left:13%;width:5px;height:5px;border-radius:50%;background:#e5f4ff;box-shadow:0 0 14px #d4e9ff}.singularity-rings i:nth-child(2){inset:0;border-style:dashed;border-color:#e3d2ac3b;animation-duration:39s;animation-direction:reverse}.singularity-rings i:nth-child(3){inset:19%;border-color:#d4eaff19;animation-duration:18s}.singularity-rings i:nth-child(3)::after{width:3px;height:3px}
.footer{display:block;padding-top:36px;padding-bottom:105px}.contact-dock{display:flex;align-items:center;gap:30px;margin:4px 0 44px}.contact-title{font-size:19px;letter-spacing:1px;white-space:nowrap;color:#d0e2f2}.contact-numbers{display:flex;gap:22px;flex:1;min-width:0}.phone-card{position:relative;flex:1;display:flex;align-items:center;gap:17px;min-width:0;padding:22px 24px;border-radius:26px;background:linear-gradient(120deg,#e4efff1c,#b5d5ff07);animation:contact-float 7s ease-in-out infinite;transition:border-color .3s,box-shadow .3s;direction:ltr}.phone-card:nth-child(2){animation-delay:-3.5s}.phone-card:hover{border-color:#c9e9ff80;box-shadow:inset 0 1px 0 #fff5,0 15px 45px #a2cfff15;animation-play-state:paused}.phone-orb{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #d6efff33;background:radial-gradient(circle at 30% 20%,#e5f4ff35,#a6c7ff08);box-shadow:inset 0 1px 0 #fff4,0 0 25px #badfff0a;flex-shrink:0;color:#d4ecff}.phone-orb .icon{width:21px;height:21px;stroke-width:1.4}.phone-card small{display:block;font-size:10px;line-height:1.7;letter-spacing:1.5px;color:#9cbad2;margin-bottom:3px}.phone-card b{font-size:clamp(20px,2vw,29px);font-weight:500;letter-spacing:1.1px;font-variant-numeric:tabular-nums;color:#e3f2ff;white-space:nowrap}.phone-arrow{font-size:22px;color:#b6d4ec;margin-left:auto}.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;line-height:1.8}.footer-meta>span:nth-child(2){font-size:12px;text-align:center}.footer-meta button{white-space:nowrap}
@keyframes orbit-dash{to{stroke-dashoffset:-180}}@keyframes ship-voyage{0%,100%{transform:translate(0,0)}25%{transform:translate(-18%,-27%)}50%{transform:translate(-43%,-6%)}75%{transform:translate(-20%,12%)}}@keyframes signal-orbit{to{transform:rotate(335deg)}}@keyframes glass-sweep{0%,25%{background-position:130% 0}75%,100%{background-position:-80% 0}}@keyframes singularity-turn{to{transform:rotate(360deg)}}@keyframes contact-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(min-width:761px){.blackhole-chapter .chapter-inner{padding-right:6%}.blackhole-chapter .hole-mark{left:76%}[dir=rtl] .blackhole-chapter .hole-mark{left:24%}.blackhole-chapter .chapter-inner{min-height:110svh}}
@media(max-width:1200px) and (min-width:761px){.sectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sector-thumb{aspect-ratio:1;padding:8px}.sector h3{font-size:27px}.sector p{font-size:17px}.trade-story{grid-template-columns:210px minmax(0,1fr);gap:24px;padding:29px}#egypt .trade-story p{font-size:21px}.ai-window{gap:27px;padding:21px}.ai-window p{font-size:25px}.blackhole-chapter .copy{width:66%;padding:32px 29px}.horizon-card h2{font-size:46px}.blackhole-chapter .hole-mark{left:81%;width:130px}.blackhole-chapter .hole-mark img{width:130px}[dir=rtl] .blackhole-chapter .hole-mark{left:19%}.singularity-rings{width:235px;height:235px}.contact-dock{display:block}.contact-title{display:block;margin-bottom:25px}.phone-card b{font-size:27px}.footer-meta>span:nth-child(2){max-width:50%}}
@media(max-width:760px){.sector-thumb{aspect-ratio:1;padding:3px}.sectors{gap:13px}.sector h3{font-size:20px}.sector p{font-size:14px}#egypt .copy,#future .copy{width:100%;max-width:100%}#egypt h2{font-size:40px}.trade-story{display:flex;flex-direction:column;align-items:stretch;padding:25px 23px;gap:22px;border-radius:28px}.shipping-art{width:260px;max-width:100%;align-self:center;aspect-ratio:1.2}.shipping-caption{font-size:9px}#egypt .trade-story p{font-size:20px;line-height:1.95}.trade-story-copy>.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:16px}.trade-story .route{font-size:10px;gap:11px}#egypt .scene-note{font-size:16px;line-height:1.9}#voices .voice-tags span{font-size:16px;padding:8px 13px}#voices .voice-tags{gap:10px}.ai-window{padding:16px;gap:25px}.ai-window img{width:100%;height:auto;aspect-ratio:1.5}.ai-window>div{padding:0 10px 14px}.ai-window .eyebrow{font-size:15px}.ai-window p{font-size:24px;line-height:1.85;margin-top:16px}.orbital-caption{bottom:auto;right:auto}#future .chapter-inner{padding-bottom:125px}.blackhole-chapter .copy{width:100%;padding:28px 24px;border-radius:29px}.horizon-signal{margin-bottom:24px}.horizon-card h2{font-size:36px;line-height:1.4;letter-spacing:-1px}.horizon-card .chapter-lead{font-size:18px}.horizon-card .hole-signoff{font-size:17px;line-height:1.9}.horizon-card .journey-button{min-width:0;width:100%;font-size:16px}.hole-mark{margin-top:80px;margin-bottom:55px}.singularity-rings{width:260px;height:260px}.footer{padding-top:32px}.contact-dock{display:block;margin-bottom:36px}.contact-title{display:block;margin-bottom:28px;font-size:18px}.contact-numbers{flex-direction:column;gap:23px}.phone-card{padding:21px 23px;gap:17px;border-radius:25px}.phone-card b{font-size:27px;letter-spacing:.8px}.phone-orb{width:46px;height:46px}.footer-meta{flex-wrap:wrap;gap:18px;font-size:11px}.footer-meta>span:nth-child(2){width:100%;order:3;text-align:start;font-size:11px}.footer-meta button{margin-inline-start:auto}html[lang=en] .horizon-card h2{font-size:35px}html[lang=ar] .horizon-card h2{font-size:34px}[dir=rtl] .orbital-caption{right:auto;left:auto}}
@media(max-width:360px){.sectors{grid-template-columns:1fr}.sector h3{font-size:25px}.sector p{font-size:16px}.horizon-card h2{font-size:31px}.blackhole-chapter .copy{padding:26px 20px}.horizon-card .chapter-lead{font-size:17px}.phone-card{padding:19px 17px;gap:12px}.phone-card b{font-size:23px}.phone-orb{width:39px;height:39px}#egypt h2{font-size:35px}.ai-window p{font-size:21px}}
@media(prefers-reduced-motion:reduce){.ship-orbit,.orbit-front,.horizon-signal i,.horizon-card::after,.singularity-rings i,.phone-card{animation:none!important}}
/* Voices becoming understanding; exploration extending beyond the horizon. */
.voice-learning{margin-top:26px;padding-top:22px;border-top:1px solid #d7eaff1c;direction:ltr}.learning-caption{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.9;color:#b7cee3;letter-spacing:.3px}.learning-dot{height:5px;width:5px;border-radius:50%;background:#c8ecff;box-shadow:0 0 12px #b5dfff80;flex-shrink:0;animation:learning-breathe 3s ease-in-out infinite}.learning-mode{font-family:Outfit,sans-serif;font-size:9px;letter-spacing:1.5px;margin-left:auto;white-space:nowrap;color:#8daec9}.learning-scene{display:block;width:100%;height:auto;aspect-ratio:64/19;margin:12px 0 0;overflow:visible}.language-sources rect{fill:url(#learningGlass);stroke:#d0eaff40;stroke-width:1}.language-sources text{font-size:16px;fill:#c9e1f3;text-anchor:middle;font-family:Outfit,"Noto Sans SC","Noto Sans Arabic",sans-serif}.learning-paths{fill:none;stroke:url(#learningStream);stroke-width:1}.learning-pulses{fill:none;stroke:#d0edff;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 27 1 48 5 190;animation:language-flow 5s linear infinite;filter:drop-shadow(0 0 4px #bfe6ff)}.learning-pulses path:nth-child(2){animation:language-flow 3.8s linear infinite;stroke:#bad4f7;stroke-dasharray:7 200 3 70}.learning-pulses path:nth-child(3){animation:language-flow 6.2s linear infinite;stroke:#dfd8fa;stroke-dasharray:4 125 2 130}.learning-wave rect{fill:#c3e8ff;transform-box:fill-box;transform-origin:center;animation:voice-wave 1.5s ease-in-out infinite;animation-delay:calc(var(--beat) * -.13s);filter:drop-shadow(0 0 3px #aedbff55)}.chip-shell{fill:url(#learningGlass);stroke:#d4efff88;stroke-width:1.1}.chip-inner{fill:#91bdef0b;stroke:#cce8ff36;stroke-width:.8}.chip-pins{fill:none;stroke:#c9e7ff70;stroke-width:1.2;stroke-linecap:round}.learning-chip text{font-family:Outfit,sans-serif;fill:#e2f4ff;text-anchor:middle;font-size:30px;font-weight:500;letter-spacing:2px}.chip-spark{fill:#dcf4ff;filter:drop-shadow(0 0 5px #bce6ff);animation:learning-breathe 2.4s ease-in-out infinite}.learning-output{fill:none;stroke:#cceaff66;stroke-width:1;stroke-dasharray:3 8;animation:language-flow 4s linear infinite}.understanding-rings{fill:none;stroke:#c0e4ff;stroke-width:2;stroke-linecap:round}.understanding-rings path{animation:understanding-wave 3s ease-in-out infinite}.understanding-rings path:nth-child(2){animation-delay:.35s}.understanding-rings path:nth-child(3){animation-delay:.7s}
#cosmos .cosmic-card{width:65%;max-width:850px;padding:38px 39px;border-radius:34px;background:linear-gradient(135deg,#d6e7f31c,#a7bfd507 75%)}#cosmos .cosmic-card h2{font-size:clamp(43px,4.8vw,70px);line-height:1.35;margin:23px 0 26px}#cosmos .cosmic-card .chapter-lead{font-size:21px;line-height:1.95}#cosmos .cosmic-card .cosmic-quote{font-size:18px;line-height:1.9;color:#c5dcee;margin-bottom:0}.frontier-symbol{position:relative;width:155px;height:117px;margin-bottom:26px;direction:ltr}.frontier-symbol svg{display:block;width:155px;height:100px;overflow:visible}.frontier-symbol>span{display:block;font-size:8px;letter-spacing:2.4px;text-align:center;color:#b0cce2;margin-top:7px;font-family:Outfit,sans-serif}.frontier-orbits{fill:none;stroke:#cceaff50;stroke-width:1;transform-origin:84px 58px;animation:frontier-rotation 32s linear infinite}.frontier-orbits ellipse:nth-child(2){stroke:#dbd1ec55}.frontier-orbits circle{stroke-dasharray:1 7;stroke:#b5dcff44}.frontier-core{fill:url(#frontierGlass);stroke:#d5efff;stroke-width:1;filter:drop-shadow(0 0 9px #9fcfff50);animation:frontier-light 5s ease-in-out infinite}.frontier-core>path:last-child{stroke:#d8efff77}.frontier-traveler{fill:#e5f6ff;transform-origin:84px 58px;animation:frontier-rotation 18s linear infinite}.traveler-halo{fill:none;stroke:#d9edff44;stroke-width:1}.frontier-trail{fill:none;stroke:#c9e6ff80;stroke-width:1;stroke-dasharray:4 9;animation:language-flow 15s linear infinite}
@keyframes voice-wave{0%,100%{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes language-flow{to{stroke-dashoffset:-320}}@keyframes understanding-wave{0%,100%{opacity:.18}50%{opacity:.85}}@keyframes learning-breathe{0%,100%{opacity:.35}50%{opacity:1}}@keyframes frontier-rotation{to{transform:rotate(360deg)}}@keyframes frontier-light{0%,100%{opacity:.65;filter:drop-shadow(0 0 5px #9fcfff25)}50%{opacity:1;filter:drop-shadow(0 0 13px #badfff66)}}
@media(max-width:1100px){#cosmos .cosmic-card{width:72%;padding:34px}#cosmos .cosmic-card h2{font-size:52px}#cosmos .cosmic-card .chapter-lead{font-size:20px}#cosmos .cosmic-card .cosmic-quote{font-size:17px}}
@media(max-width:760px){.voice-learning{padding-top:19px;margin-top:24px}.learning-caption{font-size:12px;line-height:1.8;gap:8px;flex-wrap:wrap}.learning-mode{font-size:8px;letter-spacing:1px}.learning-scene{margin-top:18px}#cosmos .cosmic-card{width:100%;max-width:100%;padding:28px 24px;border-radius:29px}#cosmos .cosmic-card h2{font-size:40px;line-height:1.4}#cosmos .cosmic-card .chapter-lead{font-size:18px;line-height:1.95}#cosmos .cosmic-card .cosmic-quote{font-size:16px;line-height:1.9}.frontier-symbol{width:138px;height:107px;margin-bottom:25px}.frontier-symbol svg{width:138px;height:91px}.frontier-symbol>span{font-size:7px}#cosmos .cosmic-coordinate{display:none}html[lang=en] #cosmos .cosmic-card h2{font-size:37px}html[lang=ar] #cosmos .cosmic-card h2{font-size:36px}}
@media(max-width:360px){#cosmos .cosmic-card{padding:26px 20px}#cosmos .cosmic-card h2{font-size:35px}.learning-mode{display:none}}
@media(prefers-reduced-motion:reduce){.learning-dot,.learning-pulses,.learning-pulses path,.learning-wave rect,.chip-spark,.learning-output,.understanding-rings path,.frontier-orbits,.frontier-core,.frontier-traveler,.frontier-trail{animation:none!important}}
html:not([data-phase="2"]) .voice-learning *,html:not([data-phase="4"]) .frontier-symbol *{animation-play-state:paused}
[dir=rtl] .learning-caption [data-i]{direction:rtl;text-align:right}
/* Consistent optical frames and a quieter, more balanced final sequence. */
.sector{border-radius:25px}.sector-visual{margin:10px 10px 0;border-radius:17px;overflow:hidden;isolation:isolate;line-height:0;border:1px solid #d7eaff20;background:#080f1b}.sector-visual .sector-thumb{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:0;border:0;border-radius:inherit;filter:none}.sector-meta{border-top:0;padding:20px 21px 25px}.sector:hover .sector-visual{border-color:#d7eaff40}
#future .copy{width:94%;max-width:1130px}.ai-window{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:center;gap:32px;max-width:1100px;padding:20px;border-radius:33px;background:linear-gradient(125deg,#d8eaff1c,#91b6e607);overflow:hidden}.ai-window>.ai-art{position:relative;min-width:0;padding:0;border-radius:22px;overflow:hidden;line-height:0;background:#08111e;border:1px solid #d6ecff30;isolation:isolate}.ai-window .ai-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center;border:0;border-radius:inherit;filter:saturate(.78) brightness(.95)}.ai-art-edge{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 #fff4;border-radius:inherit}.ai-window>.ai-message{padding:9px 12px 9px 0;min-width:0}.ai-window .eyebrow{font-size:14px;line-height:1.9;letter-spacing:2.5px}.ai-window p{font-size:clamp(23px,2vw,29px);line-height:1.85;margin:13px 0 0;color:#e6effa}.human-ai-symbol{width:154px;height:86px;margin-bottom:19px;direction:ltr}.human-ai-symbol svg{display:block;width:100%;height:100%;overflow:visible}.human-link-bodies{fill:url(#humanLinkGlass);stroke:#d2eaff66;stroke-width:1}.human-link-lines{fill:none;stroke:#dcf1ffb3;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.human-link-track{fill:none;stroke:#a7cfea55;stroke-width:1}.human-link-wave{fill:none;stroke:#c5e8ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 5 2 60;animation:human-voice-flow 4s linear infinite;filter:drop-shadow(0 0 3px #acdfff66)}.human-link-orbit{transform-origin:90px 50px;animation:frontier-rotation 17s linear infinite}.human-link-orbit circle:first-child{fill:none;stroke:#c5e4ff40;stroke-width:1}.human-link-orbit circle:last-child{fill:#deefff;filter:drop-shadow(0 0 4px #b7dfff)}
.orbital-caption{animation:orbit-label-drift 12s ease-in-out infinite;will-change:transform;box-shadow:inset 0 1px 0 #fff3,0 20px 45px #0003}.orbital-dot{animation:learning-breathe 4s ease-in-out infinite}
.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:21px;min-height:82px}.panel-topline .chapter-kicker{max-width:calc(100% - 132px);flex-wrap:wrap;gap:8px 12px}.panel-topline .kicker-line{width:22px}.panel-topline .frontier-symbol{width:112px;height:82px;margin:0;flex-shrink:0}.panel-topline .frontier-symbol svg{width:112px;height:72px}.panel-topline .frontier-symbol>span{font-size:6px;letter-spacing:1.7px;margin-top:3px}.panel-topline .horizon-signal{width:87px;height:61px;margin:0 10px;flex-shrink:0}.panel-topline .horizon-signal span{font-size:38px}
#cosmos .cosmic-card{width:72%;max-width:900px;padding:32px 38px 37px}#cosmos .cosmic-card h2{font-size:clamp(43px,4.5vw,65px);margin:0 0 25px}#cosmos .cosmic-card .chapter-lead{font-size:21px;line-height:1.95}.cosmic-card .cosmic-line{margin:28px 0 22px}.blackhole-chapter .copy{width:66%;max-width:850px;padding:30px 36px 37px}.blackhole-chapter .horizon-card h2{font-size:clamp(41px,4.2vw,61px);line-height:1.35;margin:0 0 26px}.blackhole-chapter .hole-signoff{margin-top:25px}.blackhole-chapter .journey-button{margin-top:27px}.blackhole-chapter .chapter-inner{align-items:center}.horizon-card::after{opacity:.65}
.contact-dock{display:flex;flex-direction:column;align-items:stretch;gap:31px;margin:3px 0 41px}.contact-heading{display:flex;align-items:center;gap:25px;position:relative;padding:6px 0 27px;border-bottom:1px solid #d7eaff20}.contact-portal{position:relative;flex-shrink:0;width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#d5eaff21,#a1c3f405);box-shadow:inset 0 1px 0 #fff3,0 0 45px #a3cfff0a}.contact-portal svg{width:70px;height:70px;fill:none;stroke:#c6e5ff80;stroke-width:1}.contact-satellite{transform-origin:40px 40px;animation:frontier-rotation 23s linear infinite}.contact-satellite circle:first-child{stroke:#bbddff3b;stroke-dasharray:1 6}.contact-satellite circle:last-child{fill:#dcefff;stroke:none;filter:drop-shadow(0 0 4px #badfff)}.contact-heading-copy{min-width:0}.contact-kicker{font-size:10px;letter-spacing:3px;color:#a7c9e5;font-family:Outfit,sans-serif}.contact-title{display:block;margin:9px 0 0;font-size:clamp(28px,3vw,41px);font-weight:400;line-height:1.4;letter-spacing:.8px;white-space:normal;color:#dbefff;background:linear-gradient(105deg,#f3faff,#b8d9f3 60%,#e7eeff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-beacon{margin-inline-start:auto;display:flex;gap:7px;align-items:center;padding:18px 22px;border:1px solid #d8ecff22;border-radius:99px;background:#bfdfff07;direction:ltr}.contact-beacon>span{width:5px;height:5px;background:#c4edff;border-radius:50%;margin-right:9px;box-shadow:0 0 13px #b6e5ff;animation:learning-breathe 4s ease-in-out infinite}.contact-beacon>i{width:2px;height:15px;background:#b7d8ed80;border-radius:4px;animation:contact-signal 3s ease-in-out infinite}.contact-beacon>i:nth-child(3){height:26px;animation-delay:-1s}.contact-beacon>i:nth-child(4){height:19px;animation-delay:-2s}.contact-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;flex:auto}.phone-card{padding:24px 28px;gap:20px}.phone-card b{font-size:clamp(25px,2.5vw,34px);letter-spacing:1.4px}.phone-orb{width:54px;height:54px}.phone-card small{font-size:11px;margin-bottom:5px}
@keyframes human-voice-flow{to{stroke-dashoffset:-158}}@keyframes orbit-label-drift{0%,100%{transform:translate3d(0,0,0) rotate(-.6deg)}35%{transform:translate3d(-9px,-13px,0) rotate(.4deg)}70%{transform:translate3d(5px,-5px,0) rotate(-.3deg)}}@keyframes contact-signal{0%,100%{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:1}}
@media(min-width:761px){#future .chapter-inner{padding-bottom:185px}.blackhole-chapter .hole-mark{left:82%}[dir=rtl] .blackhole-chapter .hole-mark{left:18%}.blackhole-chapter .chapter-inner{padding-bottom:120px}}
@media(max-width:1100px) and (min-width:761px){#future .copy{width:100%;max-width:900px}.ai-window{grid-template-columns:1fr;padding:20px;gap:0;max-width:790px}.ai-window>.ai-art{max-width:100%;border-radius:22px}.ai-window>.ai-message{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:26px;align-items:center;padding:25px 12px 13px}.ai-message .human-ai-symbol{grid-column:1;grid-row:1/3;width:120px;height:86px;margin:0}.ai-message .eyebrow{grid-column:2;font-size:13px}.ai-message p{grid-column:2;font-size:24px;line-height:1.8;margin-top:8px}.orbital-caption{bottom:40px;right:9%}#cosmos .cosmic-card{width:78%;padding:28px 30px 33px}#cosmos .cosmic-card h2{font-size:49px}#cosmos .cosmic-card .chapter-lead{font-size:19px}#cosmos .cosmic-card .cosmic-quote{font-size:17px}.blackhole-chapter .copy{width:74%;padding:28px 30px 33px}.blackhole-chapter .horizon-card h2{font-size:44px}.blackhole-chapter .chapter-lead{font-size:19px}.blackhole-chapter .hole-signoff{font-size:18px}.blackhole-chapter .hole-mark{left:85%;width:115px}.blackhole-chapter .hole-mark img{width:115px}.blackhole-chapter .hole-mark>span{font-size:5px}[dir=rtl] .blackhole-chapter .hole-mark{left:15%}.contact-title{font-size:32px}.phone-card{padding:23px;gap:17px}.phone-card b{font-size:29px;letter-spacing:.8px}.phone-orb{width:48px;height:48px}}
@media(max-width:760px){.sector{border-radius:23px}.sector-visual{margin:8px 8px 0;border-radius:15px}.sector-meta{padding:17px 14px 21px}#future .copy{width:100%;max-width:100%}.ai-window{display:block;padding:12px;border-radius:28px}.ai-window>.ai-art{width:100%;border-radius:19px}.ai-window .ai-art img{width:100%;height:auto;aspect-ratio:1672/941;border-radius:inherit}.ai-window>.ai-message{padding:22px 14px 15px}.human-ai-symbol{width:132px;height:73px;margin-bottom:17px}.ai-window .eyebrow{font-size:13px;letter-spacing:2px}.ai-window p{font-size:23px;line-height:1.85;margin-top:11px}.orbital-caption{margin-top:37px;margin-inline-start:auto;margin-inline-end:8px;bottom:auto;right:auto;max-width:calc(100% - 12px)}#future .chapter-inner{padding-bottom:135px}.panel-topline{gap:14px;margin-bottom:21px;min-height:72px}.panel-topline .chapter-kicker{font-size:8px;line-height:1.8;letter-spacing:.6px;max-width:calc(100% - 95px);gap:6px}.panel-topline .kicker-line{width:16px}.panel-topline .frontier-symbol{width:80px;height:65px}.panel-topline .frontier-symbol svg{width:80px;height:55px}.panel-topline .frontier-symbol>span{font-size:5px;letter-spacing:1.2px}.panel-topline .horizon-signal{width:66px;height:47px;margin:0 5px}.panel-topline .horizon-signal span{font-size:31px}#cosmos .cosmic-card,.blackhole-chapter .copy{width:100%;max-width:100%;padding:24px 25px 30px;border-radius:29px}#cosmos .cosmic-card h2{font-size:40px;margin:0 0 24px}.blackhole-chapter .horizon-card h2{font-size:36px;line-height:1.4;margin:0 0 24px}#cosmos .cosmic-card .chapter-lead,.blackhole-chapter .chapter-lead{font-size:18px;line-height:1.95}#cosmos .cosmic-card .cosmic-quote{font-size:16px}.blackhole-chapter .hole-signoff{font-size:17px}.contact-dock{gap:28px}.contact-heading{gap:17px;padding-bottom:25px}.contact-portal{width:71px;height:71px;border-radius:23px}.contact-portal svg{width:60px;height:60px}.contact-kicker{font-size:8px;letter-spacing:1.9px}.contact-title{font-size:27px;margin-top:7px;line-height:1.5}.contact-beacon{display:none}.contact-numbers{grid-template-columns:1fr;gap:24px}.phone-card{padding:23px;gap:17px}.phone-orb{width:48px;height:48px}.phone-card b{font-size:28px;letter-spacing:1px}.phone-card small{font-size:10px}html[lang=en] #cosmos .cosmic-card h2{font-size:36px}html[lang=ar] #cosmos .cosmic-card h2{font-size:35px}[dir=rtl] .orbital-caption{left:auto;right:auto}}
@media(max-width:360px){.sector-meta{padding:20px}.ai-window p{font-size:21px}#cosmos .cosmic-card,.blackhole-chapter .copy{padding:23px 21px 28px}#cosmos .cosmic-card h2{font-size:35px}.blackhole-chapter .horizon-card h2{font-size:31px}.contact-title{font-size:23px}.contact-portal{width:61px;height:61px;border-radius:20px}.contact-portal svg{width:51px;height:51px}.phone-card{padding:20px 17px;gap:12px}.phone-card b{font-size:24px}.phone-orb{width:40px;height:40px}}
html:not([data-phase="3"]) .human-ai-symbol *,html:not([data-phase="3"]) .orbital-caption,html:not([data-phase="5"]) .contact-heading *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.human-ai-symbol *,.orbital-caption,.orbital-dot,.contact-heading *{animation:none!important}}
@media(min-width:761px){#cosmos .cosmic-coordinate{right:7%;width:150px}html[dir=rtl] #cosmos .cosmic-coordinate{right:auto;left:7%}}
@media(max-width:760px){.ai-message p{text-wrap:balance}}
@media(max-width:420px){.ai-window p{font-size:21px}}
@media(max-width:360px){.ai-window p{font-size:19px}}
/* Stronger motion, larger visual signals and content-sized glass actions. */
.journey-button,.horizon-card .journey-button{width:max-content;min-width:0;min-height:64px;max-width:100%;padding:12px 13px 12px 23px;gap:23px;justify-content:flex-start;animation:journey-levitate 6.5s ease-in-out infinite;box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #cae5ff12,0 15px 32px #0004,0 3px 20px #b0d9ff08;will-change:transform}.journey-button .button-icon{width:36px;height:36px}.journey-button:hover{animation-play-state:paused;border-color:#d6efff77;box-shadow:inset 0 1px 0 #fff5,0 20px 42px #0004,0 0 30px #b0d9ff16}.journey-button:focus-visible{animation-play-state:paused}.opening .journey-button .button-icon .icon{animation:departure-arrow 3s ease-in-out infinite}#blackhole .journey-button .button-icon .icon{animation:restart-spin 8s linear infinite;transform-origin:center;transform-box:fill-box}
.ai-window{display:flex;flex-direction:row;align-items:center;width:fit-content;max-width:100%;padding:16px;gap:26px;border-radius:31px}.ai-window>.ai-art{width:clamp(320px,34vw,480px);max-width:52%;flex:0 1 auto;min-width:0;border-radius:20px}.ai-window>.ai-message{display:block;width:max-content;max-width:420px;min-width:0;padding:7px 9px 7px 0;flex:0 1 auto}.ai-message .human-ai-symbol{width:245px;height:136px;max-width:100%;margin:0 0 12px}.human-link-bodies{stroke:#d4edff9c;stroke-width:1.15}.human-link-lines{stroke:#e0f2ffd6;stroke-width:1.45}.human-link-wave{stroke:#d1efff;stroke-width:1.9;filter:drop-shadow(0 0 5px #b8e7ff99)}.human-link-orbit circle:first-child{stroke:#c9e9ff70}.ai-window .eyebrow{font-size:13px}.ai-window p{font-size:clamp(23px,2vw,28px);line-height:1.8;margin-top:9px}
.panel-topline{min-height:154px;margin-bottom:21px;gap:25px}.panel-topline .chapter-kicker{max-width:calc(100% - 230px)}.panel-topline .frontier-symbol{width:205px;height:148px;flex-shrink:0;position:relative;isolation:isolate}.panel-topline .frontier-symbol svg{width:205px;height:132px;filter:drop-shadow(0 0 14px #b4daff20)}.panel-topline .frontier-symbol>span{font-size:8px;letter-spacing:2.4px;margin-top:5px}.frontier-symbol::before{content:"";position:absolute;inset:4px 9px 13px;background:radial-gradient(ellipse,#a9d6ff1c,transparent 70%);z-index:-1;pointer-events:none}.frontier-orbits{stroke:#d6eeff8a;stroke-width:1.1}.frontier-orbits ellipse:nth-child(2){stroke:#e2d7fc80}.frontier-orbits circle{stroke:#d5eaff6b}.frontier-trail{stroke:#d4efffb3}.frontier-traveler{filter:drop-shadow(0 0 4px #c8e7ff99)}.panel-topline .horizon-signal{width:154px;height:109px;margin:0 17px;isolation:isolate}.panel-topline .horizon-signal span{font-size:68px;text-shadow:0 0 22px #c3e5ff70,0 0 45px #b0d5f72e}.horizon-signal::before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse,#b1dbff19,transparent 68%);z-index:-1;pointer-events:none}.horizon-signal i{border-color:#d3edff7a;border-width:1.2px;box-shadow:0 0 15px #badfff0d}.horizon-signal i:nth-child(2){border-color:#f0dfbc70}.horizon-signal i::after{content:"";position:absolute;width:4px;height:4px;background:#e5f4ff;border-radius:50%;top:17%;right:17%;box-shadow:0 0 11px #d2edff}.horizon-signal i:nth-child(2)::after{width:3px;height:3px;background:#f6e4c4}.horizon-signal i:nth-child(3)::after{width:2px;height:2px}
.phone-card{animation:phone-levitate 6.5s ease-in-out infinite;will-change:transform}.phone-card:nth-child(2){animation-delay:-3.25s}.phone-orb{position:relative;isolation:isolate;overflow:visible}.phone-orb::after{content:"";position:absolute;inset:-6px;border:1px solid #c9ecff70;border-radius:50%;pointer-events:none;animation:phone-ripple 3.4s ease-out infinite;z-index:-1}.phone-orb .icon{transform-origin:50% 60%;animation:phone-ring 3.4s ease-in-out infinite;filter:drop-shadow(0 0 4px #b5dcff30)}.phone-card:nth-child(2) .phone-orb::after,.phone-card:nth-child(2) .phone-orb .icon{animation-delay:-1.7s}
@keyframes journey-levitate{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-11px,0)}}@keyframes departure-arrow{0%,100%{transform:translateY(-2px);opacity:.6}50%{transform:translateY(3px);opacity:1}}@keyframes restart-spin{0%,12%{transform:rotate(0deg)}68%,100%{transform:rotate(360deg)}}@keyframes phone-levitate{0%,100%{transform:translate3d(0,0,0) rotate(-.2deg)}50%{transform:translate3d(0,-12px,0) rotate(.2deg)}}@keyframes phone-ring{0%,32%,100%{transform:rotate(0deg)}4%,12%,20%{transform:rotate(-17deg)}8%,16%,24%{transform:rotate(15deg)}28%{transform:rotate(-5deg)}}@keyframes phone-ripple{0%{transform:scale(.86);opacity:0}15%{opacity:.6}75%,100%{transform:scale(1.38);opacity:0}}
@media(max-width:1100px) and (min-width:761px){.ai-window{flex-direction:column;align-items:stretch;width:min(100%,740px);padding:16px;gap:0}.ai-window>.ai-art{width:100%;max-width:100%}.ai-window>.ai-message{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:22px;width:100%;max-width:100%;padding:22px 9px 10px}.ai-message .human-ai-symbol{grid-column:1;grid-row:1/3;width:190px;height:106px;margin:0}.ai-message .eyebrow{grid-column:2;font-size:13px}.ai-message p{grid-column:2;font-size:24px;line-height:1.8;margin-top:8px}.panel-topline{min-height:146px;gap:20px}.panel-topline .chapter-kicker{max-width:calc(100% - 205px)}.panel-topline .frontier-symbol{width:185px;height:139px}.panel-topline .frontier-symbol svg{width:185px;height:122px}.panel-topline .horizon-signal{width:144px;height:103px;margin:0 11px}.panel-topline .horizon-signal span{font-size:63px}}
@media(max-width:760px){.journey-button,.horizon-card .journey-button{width:max-content;min-width:0;min-height:60px;max-width:100%;gap:19px;padding:11px 12px 11px 21px;font-size:16px}.journey-button .button-icon{width:34px;height:34px}.ai-window{display:block;width:100%;max-width:100%;padding:12px;border-radius:28px}.ai-window>.ai-art{width:100%;max-width:100%;border-radius:18px}.ai-window>.ai-message{display:block;width:100%;max-width:100%;padding:17px 11px 13px}.ai-message .human-ai-symbol{width:205px;height:114px;max-width:100%;margin:0 0 13px}.ai-window .eyebrow{font-size:13px}.ai-window p{font-size:23px;line-height:1.85;margin-top:9px}.panel-topline{min-height:116px;margin-bottom:19px;gap:16px}.panel-topline .chapter-kicker{max-width:calc(100% - 146px);font-size:8px;line-height:1.9}.panel-topline .frontier-symbol{width:130px;height:103px}.panel-topline .frontier-symbol svg{width:130px;height:87px}.panel-topline .frontier-symbol>span{font-size:6px;letter-spacing:1.6px;margin-top:4px}.panel-topline .horizon-signal{width:108px;height:78px;margin:0 8px}.panel-topline .horizon-signal span{font-size:49px}.horizon-signal i::after{width:3px;height:3px}.phone-card{animation-duration:7s}.phone-card:nth-child(2){animation-delay:-3.5s}.phone-orb::after{inset:-5px}}
@media(max-width:420px){.ai-window p{font-size:21px}}
@media(max-width:360px){.journey-button,.horizon-card .journey-button{font-size:15px;padding-left:18px;gap:17px}.ai-window p{font-size:19px}.ai-message .human-ai-symbol{width:180px;height:100px}.panel-topline{gap:12px;min-height:108px}.panel-topline .chapter-kicker{max-width:calc(100% - 125px);font-size:7px}.panel-topline .frontier-symbol{width:113px;height:94px}.panel-topline .frontier-symbol svg{width:113px;height:79px}.panel-topline .horizon-signal{width:94px;height:69px;margin:0 5px}.panel-topline .horizon-signal span{font-size:44px}}
html:not([data-phase="0"]) .opening .journey-button,html:not([data-phase="0"]) .opening .journey-button .icon,html:not([data-phase="5"]) #blackhole .journey-button,html:not([data-phase="5"]) #blackhole .journey-button .icon,html:not([data-phase="5"]) .phone-card,html:not([data-phase="5"]) .phone-orb .icon{animation-play-state:paused}html:not([data-phase="5"]) .phone-orb::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.journey-button,.horizon-card .journey-button,.journey-button .icon,.phone-card,.phone-orb .icon,.phone-orb::after{animation:none!important}}
@media(min-width:1101px){.ai-window>.ai-art{max-width:none}}
.panel-topline .chapter-kicker{min-width:0}.panel-topline .horizon-signal{margin-inline:25px}
@media(max-width:1100px) and (min-width:761px){.panel-topline .horizon-signal{margin-inline:23px}}
@media(max-width:760px){.panel-topline .horizon-signal{margin-inline:20px}}
@media(max-width:360px){.panel-topline .horizon-signal{margin-inline:18px}}
/* Independent glass navigation and illustrations that share the scale of the copy. */
.navigation .brand{overflow:visible}.navigation .brand img{animation:brand-drift 10s ease-in-out infinite;will-change:transform}.navigation nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(49vw,540px);min-width:0;gap:13px;padding:0;border:0;background:transparent;box-shadow:none;align-items:stretch}.navigation nav a{min-height:48px;padding:10px 15px;line-height:1.5;text-align:center;white-space:normal;font-size:15px;border:1px solid #e1f1ff33;border-radius:99px;background:linear-gradient(125deg,#e0f0ff1c,#b5d5ff08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff3,0 8px 22px #0002;animation:nav-pod-float 7.5s ease-in-out infinite;will-change:transform}.navigation nav a:nth-child(2){animation-duration:8.5s;animation-delay:-3s}.navigation nav a:nth-child(3){animation-duration:9s;animation-delay:-6s}.navigation nav a.selected{background:linear-gradient(130deg,#e4f3ff34,#b2d6ff14);border-color:#e0f2ff60;box-shadow:inset 0 1px 0 #fff5,0 9px 25px #0002,0 0 18px #badfff09}.navigation nav a:hover,.navigation nav a:focus-visible{animation-play-state:paused;border-color:#effaff88;background:linear-gradient(125deg,#e2f3ff3b,#badcff19)}html[lang=ar] .navigation nav a{font-size:14px;letter-spacing:0}
#cosmos .chapter-inner,#blackhole .chapter-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:38px;padding-inline:7.5%;min-height:110svh}#cosmos .cosmic-card,#blackhole .copy{width:100%;max-width:none;min-width:0;padding:35px 34px 39px;overflow:hidden}#cosmos .panel-topline,#blackhole .panel-topline{display:block;min-height:0;margin:0 0 28px}#cosmos .panel-topline .chapter-kicker,#blackhole .panel-topline .chapter-kicker{max-width:100%;font-size:11px;gap:10px 12px}#cosmos .cosmic-card h2{font-size:clamp(42px,4.2vw,65px);margin:0 0 27px}#blackhole .horizon-card h2{font-size:clamp(40px,3.8vw,58px);margin:0 0 27px}#cosmos .cosmic-card .chapter-lead,#blackhole .chapter-lead{font-size:20px;line-height:1.95}#cosmos .cosmic-quote{font-size:18px}#blackhole .hole-signoff{font-size:18px;line-height:1.95}#cosmos .cosmic-coordinate{display:none}
.chapter-visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;width:100%;direction:ltr;isolation:isolate}.chapter-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#a9d6ff12,transparent 68%);z-index:-1;pointer-events:none}.visual-cosmos{min-height:470px}.visual-cosmos .frontier-symbol{width:100%;height:auto;max-width:540px;margin:0;position:relative;isolation:isolate;direction:ltr}.visual-cosmos .frontier-symbol svg{display:block;width:100%;height:auto;aspect-ratio:180/116;filter:drop-shadow(0 0 20px #bddfff40);overflow:visible}.visual-cosmos .frontier-symbol>span{font-size:11px;letter-spacing:4px;margin-top:29px;line-height:1.8}.visual-cosmos .frontier-orbits{stroke:#d9f1ffa8;stroke-width:.8}.visual-cosmos .frontier-orbits ellipse:nth-child(2){stroke:#e3d7f9a6}.visual-cosmos .frontier-traveler{filter:drop-shadow(0 0 4px #d3efff)}.visual-cosmos .frontier-core{stroke-width:1;fill:url(#frontierGlass)}.visual-cosmos .frontier-symbol::before{inset:-12% 0 0;background:radial-gradient(ellipse,#badfff22,transparent 67%)}
.visual-horizon{min-height:500px;gap:39px}.visual-horizon .horizon-signal{width:82%;max-width:410px;height:auto;aspect-ratio:1.38;margin:0;display:grid;place-items:center;position:relative;isolation:isolate;direction:ltr}.visual-horizon .horizon-signal span{font-size:clamp(120px,13vw,195px);line-height:1;font-family:Outfit,sans-serif;text-shadow:0 0 35px #bde2ff59,0 0 85px #aecff52b}.visual-horizon .horizon-signal i{inset:10px 0;border-color:#d0eaff82;border-width:1.1px}.visual-horizon .horizon-signal i:nth-child(2){inset:26px -4%;border-color:#f0dfbc8c}.visual-horizon .horizon-signal i:nth-child(3){inset:-6% 17%;border-color:#d5e9ff7a}.visual-horizon .horizon-signal i::after{width:6px;height:6px;box-shadow:0 0 17px #d5efff}.visual-horizon .horizon-signal i:nth-child(2)::after{width:4px;height:4px}.visual-horizon .horizon-signal::before{inset:-20%;background:radial-gradient(ellipse,#b8dfff1f,transparent 69%)}
#blackhole .visual-horizon .hole-mark{position:relative;left:auto;top:auto;transform:none;opacity:1;width:140px;margin:0;gap:11px;filter:drop-shadow(0 0 20px #d9eaff26);transition:none;pointer-events:none}#blackhole .visual-horizon .hole-mark img{width:140px;height:auto}#blackhole .visual-horizon .hole-mark>span{font-size:7px;letter-spacing:2px}#blackhole .visual-horizon .hole-mark .singularity-rings{display:none}
.footer-meta{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;gap:14px;align-items:stretch}.footer-meta>span,.footer-meta>button{display:flex;align-items:center;justify-content:center;margin:0;padding:13px 19px;border-radius:24px;border:1px solid #d9edff2e;background:linear-gradient(130deg,#d7ecff14,#b5d2f206);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #fff2,0 8px 25px #0002;color:#b7cde1;line-height:1.8;max-width:none;text-align:center}.footer-meta>span:first-child{white-space:nowrap;direction:ltr;font-size:12px;gap:3px}.footer-meta>span:nth-child(2){font-size:12px;max-width:none}.footer-meta>button{font-size:13px;white-space:nowrap;border-radius:99px}.footer-meta>button:hover{background:linear-gradient(130deg,#d7ecff27,#b5d2f211);border-color:#e6f4ff66}
@keyframes brand-drift{0%,100%{transform:translate3d(0,1px,0) rotate(-.6deg)}50%{transform:translate3d(2px,-4px,0) rotate(.6deg)}}@keyframes nav-pod-float{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-4px,0)}}
@media(max-width:1100px) and (min-width:761px){#cosmos .chapter-inner,#blackhole .chapter-inner{gap:28px;padding-inline:7%}#cosmos .cosmic-card,#blackhole .copy{padding:30px 25px 34px}#cosmos .cosmic-card h2{font-size:44px}#blackhole .horizon-card h2{font-size:40px}#cosmos .cosmic-card .chapter-lead,#blackhole .chapter-lead{font-size:18px}#blackhole .hole-signoff{font-size:17px}#cosmos .cosmic-quote{font-size:16px}.visual-cosmos{min-height:370px}.visual-horizon{min-height:420px;gap:32px}.visual-horizon .horizon-signal{width:88%}.visual-horizon .horizon-signal span{font-size:clamp(120px,15vw,165px)}.visual-cosmos .frontier-symbol>span{font-size:9px;letter-spacing:3px}#blackhole .visual-horizon .hole-mark,#blackhole .visual-horizon .hole-mark img{width:115px}#blackhole .visual-horizon .hole-mark>span{font-size:6px;letter-spacing:1.5px}}
@media(max-width:900px){.navigation,.navigation.scrolled{top:10px;left:12px;width:calc(100% - 24px);height:132px;padding:7px 16px 11px;display:grid;grid-template-columns:1fr auto;grid-template-rows:58px 49px;gap:5px 12px;border-radius:28px}.navigation .brand{grid-column:1;grid-row:1}.navigation .brand img{width:88px;height:59px}.navigation .nav-tools{grid-column:2;grid-row:1}.navigation nav{grid-column:1/-1;grid-row:2;width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-content:stretch;align-items:stretch}.navigation nav a{min-height:43px;padding:7px 9px;font-size:14px;line-height:1.4;border-radius:19px}.navigation .language-tool{height:36px}.navigation .round-tool{width:36px;height:36px}html[lang=ar] .navigation nav a{font-size:13px}#cosmos .chapter-inner,#blackhole .chapter-inner{padding-top:175px}.chapter:not(.opening) .chapter-inner{padding-top:175px}}
@media(max-width:760px){.navigation,.navigation.scrolled{height:130px;padding:7px 13px 10px;gap:5px 10px;grid-template-rows:57px 49px}.navigation nav{gap:8px}.navigation nav a{min-height:43px;padding:7px 6px;font-size:13px;line-height:1.45;border-radius:18px}html[lang=en] .navigation nav a{font-size:12px}html[lang=ar] .navigation nav a{font-size:12px}.navigation .brand img{width:83px;height:56px}#cosmos .chapter-inner,#blackhole .chapter-inner{display:flex;flex-direction:column;align-items:stretch;gap:39px;padding:180px 7% 110px;min-height:0}#cosmos .cosmic-card,#blackhole .copy{width:100%;padding:28px 25px 32px;max-width:100%}#cosmos .panel-topline,#blackhole .panel-topline{margin-bottom:24px}#cosmos .panel-topline .chapter-kicker,#blackhole .panel-topline .chapter-kicker{font-size:9px;line-height:1.8;gap:8px}#cosmos .cosmic-card h2{font-size:40px}#blackhole .horizon-card h2{font-size:36px}#cosmos .cosmic-card .chapter-lead,#blackhole .chapter-lead{font-size:18px}#blackhole .hole-signoff{font-size:17px}#cosmos .cosmic-quote{font-size:16px}.chapter-visual{width:100%;max-width:100%;align-self:center}.visual-cosmos{min-height:280px;padding:12px 0 23px}.visual-cosmos .frontier-symbol{width:100%;max-width:400px;height:auto}.visual-cosmos .frontier-symbol svg{width:100%;height:auto}.visual-cosmos .frontier-symbol>span{font-size:9px;letter-spacing:3px;margin-top:22px}.visual-horizon{min-height:360px;gap:39px;padding:30px 0 0}.visual-horizon .horizon-signal{width:84%;max-width:330px;aspect-ratio:1.38;margin:0}.visual-horizon .horizon-signal span{font-size:145px}#blackhole .visual-horizon .hole-mark{width:125px;margin:0;position:relative;left:auto;top:auto;transform:none}#blackhole .visual-horizon .hole-mark img{width:125px}#blackhole .visual-horizon .hole-mark>span{font-size:6px;letter-spacing:1.7px}.footer-meta{grid-template-columns:minmax(0,1fr) max-content;gap:12px}.footer-meta>span,.footer-meta>button{padding:11px 14px;border-radius:21px}.footer-meta>span:first-child{font-size:11px;justify-content:center}.footer-meta>span:nth-child(2){width:100%;grid-column:1/-1;grid-row:2;order:3;max-width:none;font-size:11px;text-align:center;line-height:1.9}.footer-meta>button{font-size:12px;grid-column:2;grid-row:1;margin:0;border-radius:99px}html[lang=en] #cosmos .cosmic-card h2{font-size:36px}html[lang=ar] #cosmos .cosmic-card h2{font-size:35px}}
@media(max-width:360px){.navigation nav{gap:7px}.navigation nav a{font-size:12px;padding-inline:4px}html[lang=en] .navigation nav a,html[lang=ar] .navigation nav a{font-size:11px}.visual-cosmos{min-height:240px}.visual-horizon .horizon-signal span{font-size:125px}#cosmos .cosmic-card,#blackhole .copy{padding:25px 21px 29px}#cosmos .cosmic-card h2{font-size:35px}#blackhole .horizon-card h2{font-size:31px}.footer-meta>span,.footer-meta>button{padding:10px 12px}}
html:not([data-phase="4"]) .visual-cosmos *,html:not([data-phase="5"]) .visual-horizon *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.navigation .brand img,.navigation nav a{animation:none!important}}
@media(max-width:760px){.visual-horizon .horizon-signal::before{inset:-12%}}
@media(min-width:761px) and (max-width:900px){#blackhole .horizon-card h2{font-size:36px}}