@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#080f13;--surface:#101a20;--line:#ffffff13;--muted:#93a2a5;--green:#b1f5a3;--white:#f3f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.8 'IBM Plex Sans Arabic',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--green);color:var(--bg)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}#progress{position:fixed;top:0;right:0;height:2px;background:var(--green);z-index:50;width:0}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.4' filter='url(%23n)'/%3E%3C/svg%3E")}header{max-width:1440px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px;border-radius:12px}.brand>span{font-size:25px;font-weight:600;line-height:1.3}.brand small{font-size:8px;letter-spacing:1.8px;font-weight:400;display:block;color:var(--muted);margin-top:4px}nav{display:flex;gap:30px;font-size:12px;color:#c1cdce}nav a:hover{color:var(--green)}.nav-cta{font-size:12px;border:1px solid #ffffff28;padding:9px 16px;border-radius:30px}.nav-cta span{margin-right:20px;color:var(--green)}#menu{display:none;background:none;border:0;color:var(--white);font-size:23px}.hero{max-width:1440px;margin:auto;min-height:770px;padding:85px 6% 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;position:relative;align-items:center}.eyebrow,.section-label{font-size:11px;letter-spacing:.4px;color:var(--muted);margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i,.green-dot{width:6px;height:6px;border-radius:100%;background:var(--green);display:inline-block;box-shadow:0 0 15px #b1f56555}h1{font-size:clamp(45px,5.5vw,80px);font-weight:500;line-height:1.35;letter-spacing:-2.3px;margin:0 0 28px}em{font-style:normal;color:var(--green)}.hero-copy>p{color:var(--muted);font-size:15px;max-width:440px;line-height:2}.hero-copy>p b{color:var(--white);font-weight:500}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border-radius:8px;font-size:12px;min-height:48px;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--green);color:#10231b}.primary:hover{box-shadow:0 8px 35px #b1f5a324}.secondary{border:1px solid #ffffff26;color:#cad4d4}.hero-foot{font-size:10px;color:#75888d;display:flex;align-items:center;gap:12px;margin-top:35px}.line{width:35px;height:1px;background:#526268}.hero-art{height:520px;position:relative;display:grid;place-items:center;isolation:isolate;--mx:0deg;--my:0deg;transform:perspective(1000px) rotateX(var(--my)) rotateY(var(--mx));transition:transform .3s ease-out}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#25794b29,transparent 65%);filter:blur(20px);z-index:-2}.orbit{position:absolute;width:370px;height:370px;border:1px solid #81cb9420;border-radius:50%;transform:rotateX(52deg) rotate(-25deg);box-shadow:inset 0 0 25px #71b97b04}.o1{animation:orbit 28s linear infinite}.o2{width:450px;height:450px;transform:rotateX(38deg) rotateY(30deg)}.o3{width:270px;height:270px;transform:rotateX(20deg) rotateY(-20deg);border-style:dashed}.orbit:after{content:'';position:absolute;left:9%;top:20%;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}.core{width:185px;height:220px;background:linear-gradient(145deg,#233f35cc,#0d191ddd);border:1px solid #a4eab143;border-radius:30px;box-shadow:0 35px 90px #0007,inset 0 1px 0 #ffffff13;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;transform:rotate(-8deg);backdrop-filter:blur(15px)}.core img{width:76px;height:76px;border-radius:20px;box-shadow:0 0 50px #a8ee7d18}.core span{text-align:center;color:#94aaa0;font-size:12px}.core b{font-size:20px;color:var(--green);font-weight:500}.float{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #d3f8d720;background:#112022dd;backdrop-filter:blur(18px);padding:13px 17px;border-radius:12px;box-shadow:0 10px 50px #0004;animation:float 6s ease-in-out infinite}.float b{display:block;font-size:12px;font-weight:500}.float small{font-size:9px;color:var(--muted)}.tile-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#b1f5a30b;color:var(--green);font-size:22px}.f1{right:-5px;top:55px;transform:rotate(3deg)}.f2{left:-8px;top:220px;animation-delay:-2s}.f3{bottom:30px;right:45px;animation-delay:-4s}.f1>i{width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:12px}.beam{height:310px;width:150px;position:absolute;background:linear-gradient(180deg,transparent,#9fe99208,transparent);filter:blur(18px);transform:rotate(35deg);z-index:-1}.art-label{position:absolute;bottom:0;left:15px;color:#4e6765;font:8px monospace;letter-spacing:2px}.scroll-cue{position:absolute;bottom:20px;right:6%;font-size:10px;color:#718489;display:flex;gap:40px}.scroll-cue span{animation:float 3s ease-in-out infinite}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;overflow:hidden;color:#607778;font-size:20px}.ticker>div{white-space:nowrap;width:max-content;animation:ticker 45s linear infinite}.ticker i{font-style:normal;color:var(--green);margin:0 40px}.section{max-width:1440px;margin:auto;padding:110px 6%}h2{font-size:clamp(35px,4.2vw,58px);font-weight:500;line-height:1.4;letter-spacing:-1.5px;margin:0 0 30px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story p{color:var(--muted);font-size:14px}.story .large{color:#dae2df;font-size:21px;line-height:1.9;margin-top:0}.story-points{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:10px;color:var(--muted)}.story-points b{display:block;color:var(--green);font-size:11px;margin-bottom:5px;font-weight:500}.experience{background:linear-gradient(180deg,#101b1d99,#101b1d00);border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:35px}.section-top h2{margin-bottom:0}.experience-text,.section-top>p{max-width:370px}.experience-text p,.section-top>p{font-size:13px;color:var(--muted)}.tabs{display:inline-flex;gap:5px;padding:5px;background:#ffffff05;border:1px solid var(--line);border-radius:9px}.tabs button{background:transparent;color:var(--muted);border:0;padding:9px 22px;border-radius:5px;font-size:12px;min-height:44px;transition:background .2s,color .2s}.tabs [aria-selected=true]{background:var(--green);color:#183424}.browser-frame{border:1px solid #ffffff20;border-radius:15px;overflow:hidden;background:#121d21;box-shadow:0 30px 100px #0005;transform:perspective(1500px) rotateX(2deg)}.browser-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#82999b;font:9px monospace;direction:ltr}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#4e6264}.dots i:first-child{background:#b1f5a3}.demo-tag{font:10px 'IBM Plex Sans Arabic';background:#b1f5a30a;color:var(--green);padding:2px 9px;border-radius:5px}.browser-frame>img{width:100%;display:block;max-height:620px;object-fit:cover;object-position:top;transition:opacity .15s}.preview-caption{display:flex;justify-content:space-between;gap:15px;padding:17px 22px;font-size:11px;color:var(--muted)}.preview-caption a{color:var(--green);white-space:nowrap}.simulation-note{display:flex;gap:12px;padding:15px 5px;font-size:11px;color:#78908f}.simulation-note p{margin:0}.simulation-note b{color:#b6c9c0;font-weight:500}.simulation-note a{color:var(--green)}.bento{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.feature{padding:32px;border:1px solid var(--line);border-radius:15px;position:relative;background:radial-gradient(circle at 100% 0,#91d77e05,transparent 60%),#0d171c;transition:border-color .3s,transform .3s}.feature:hover{border-color:#aaf49c44;transform:translateY(-4px)}.feature.big{grid-row:span 2}.feature-id{font:9px monospace;letter-spacing:1px;color:#65817d;direction:ltr;text-align:right;margin-bottom:30px}.feature-icon{display:block;color:var(--green);font-size:35px;line-height:1;margin-bottom:25px}.feature h3{font-weight:500;font-size:22px;margin:0 0 12px}.feature p{font-size:13px;color:var(--muted);max-width:400px;margin:0}.lesson-visual{margin-top:45px;background:#142922;border:1px solid #96db9f24;border-radius:12px;padding:25px;transform:rotate(-3deg);box-shadow:0 12px 30px #0003}.lesson-visual>div:first-child{font-size:10px;color:#91bc9c;display:flex;align-items:center;gap:8px}.lesson-visual>b{display:block;font-size:22px;font-weight:500;margin:16px 0 25px}.visual-steps{display:flex;gap:8px;align-items:center;justify-content:space-between}.visual-steps span{padding:6px 12px;border:1px solid #ffffff16;border-radius:5px;font-size:10px}.visual-steps i{font-style:normal;color:var(--green)}.feature.wide{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px}.wide .feature-id{margin-bottom:12px}.connected{display:flex;align-items:center;gap:15px;white-space:nowrap}.connected span{font-size:12px;padding:13px 20px;border:1px solid var(--line);border-radius:50%}.connected i{font-style:normal;color:var(--green);animation:spin 20s linear infinite}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.path{padding:32px;border:1px solid #ffffff20;border-radius:13px;transition:transform .3s,border .3s}.path:hover{transform:translateY(-5px);border-color:var(--green)}.demo-path{background:var(--green);color:#153025}.path-num{font:32px monospace;display:flex;justify-content:space-between;margin-bottom:30px}.path-num>span{font-size:28px}.path small{font:9px monospace;letter-spacing:1px;opacity:.6}.path h3{font-size:28px;font-weight:500;margin:10px 0}.path p{font-size:13px;opacity:.7;max-width:350px}.path>b{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #15302530;margin-top:30px;font-size:12px;font-weight:500}.live-path>b{border-color:var(--line);color:var(--green)}.creator{background:#e8ede5;color:#13291e;padding:100px 6%}.creator-inner{max-width:1268px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center;direction:ltr}.portrait-wrap{position:relative;max-width:420px;border-radius:140px 140px 12px 12px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 20px 70px #1732241a}.portrait-wrap>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;display:block}.portrait-wrap:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0d261de8)}.portrait-caption{position:absolute;bottom:26px;right:26px;left:26px;z-index:1;color:#f0f4e9;direction:rtl}.portrait-caption span{font:8px monospace;color:#a9d2ae;letter-spacing:1px}.portrait-caption b{display:block;font-size:23px;font-weight:500;line-height:1.5;margin-top:8px}.portrait-mark{position:absolute;left:25px;bottom:35px;z-index:1;font-size:46px;color:#bbf5a8;animation:spin 20s linear infinite}.creator-copy{direction:rtl}.creator-copy .section-label{color:#597561}.creator-copy h2{font-size:clamp(34px,4vw,55px);margin-bottom:15px}.creator-copy em{color:#3a7650}.profession{font-size:12px;color:#50765c;margin-bottom:20px}.creator-copy p{color:#54705e;font-size:14px;line-height:2}.school{border-top:1px solid #254d3020;display:flex;gap:15px;align-items:center;padding-top:22px;margin-top:28px}.school>span{font-size:30px;color:#477c52}.school small{display:block;font-size:10px;color:#718a75}.school b{font-size:14px;font-weight:500}.creator-link{display:inline-block;font-size:11px;border-bottom:1px solid #2a593c40;padding-bottom:5px;margin-top:20px}.faq{max-width:1050px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px}summary::-webkit-details-marker{display:none}summary span{color:var(--green);font-size:20px}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);max-width:650px;margin-top:20px}.closing{text-align:center;position:relative;overflow:hidden;padding:75px 20px 110px;background:radial-gradient(ellipse at 50% 100%,#407d332b,transparent 65%)}.closing-star{font-size:55px;display:inline-block;color:var(--green);animation:spin 30s linear infinite;margin-bottom:25px}.closing .section-label{font:8px monospace;letter-spacing:2px}.closing h2{font-size:clamp(35px,4.5vw,65px)}.closing .btn{min-width:220px}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 6%;border-top:1px solid var(--line)}footer>div b{font-size:11px;font-weight:500;display:block}footer>div span{font-size:10px;display:block;color:var(--muted)}.footer-end{font-size:10px;text-align:left}.footer-end small{font-size:9px;color:#647a7c}.footer-end>span{color:#b6c6c2}body.motion-ready .motion-item{animation:appear .65s both}.motion-item{--delay:0s;animation-delay:var(--delay)!important}@keyframes appear{from{opacity:.3;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes float{50%{translate:0 -10px}}@keyframes spin{to{rotate:360deg}}@keyframes orbit{to{transform:rotateX(52deg) rotate(335deg)}}@keyframes ticker{to{transform:translateX(35%)}}@media(min-width:1500px){.hero{min-height:850px}.hero-art{scale:1.1}}@media(max-width:1000px){header nav{gap:15px}.hero{gap:5px}.hero-art{scale:.85}.hero h1{font-size:58px}.hero-copy>p{font-size:13px}.hero .btn{font-size:11px;padding:12px 15px}.story-grid{gap:35px}.creator-inner{gap:45px}.connected{gap:8px}.connected span{padding:10px}.feature.wide{gap:15px}}@media(max-width:760px){header{height:80px;padding:0 6%;gap:12px}.brand img{width:36px;height:36px}.brand>span{font-size:22px}.brand small{font-size:6px}header nav{display:none;position:absolute;top:80px;left:4%;right:4%;background:#122127;border:1px solid #ffffff25;border-radius:12px;padding:20px;z-index:20;flex-direction:column;gap:15px}header nav.open{display:flex}.nav-cta{margin-right:auto;font-size:10px;padding:8px 12px}.nav-cta span{margin-right:8px}#menu{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;padding:55px 7% 55px;min-height:0;gap:5px}.hero h1{font-size:clamp(43px,10vw,65px);line-height:1.4;letter-spacing:-1.3px}.eyebrow{font-size:10px;margin-bottom:20px}.hero-copy>p{font-size:14px;max-width:430px}.actions{margin-top:25px;gap:9px}.hero .btn{font-size:11px}.hero-foot{margin-top:25px;font-size:9px}.hero-art{height:400px;scale:.85;margin:0 -20px}.orbit.o2{width:360px;height:360px}.o1{width:300px;height:300px}.o3{width:240px;height:240px}.core{width:160px;height:190px}.f1{right:0;top:20px}.f2{left:0;top:200px}.f3{right:25px;bottom:0}.float{padding:11px 12px}.float b{font-size:11px}.float small{font-size:9px}.art-label{bottom:-25px}.scroll-cue{bottom:10px}.ticker{padding:15px 0;font-size:16px}.ticker i{margin:0 25px}.section{padding:65px 7%}.section-label{font-size:10px;margin-bottom:17px}.story-grid{grid-template-columns:1fr;gap:5px}.story .large{font-size:18px}.story-points{gap:20px;flex-wrap:wrap}.section-top{display:block}.section-top .experience-text{margin-top:20px;max-width:100%}.section-top h2{margin-bottom:20px}.browser-frame{border-radius:9px}.browser-bar{padding:0 10px;height:34px;font-size:6px}.demo-tag{font-size:8px}.browser-frame>img{min-height:220px;object-fit:cover;object-position:top right}.preview-caption{font-size:10px;padding:12px;flex-direction:column;gap:5px}.simulation-note{font-size:10px}.bento{grid-template-columns:1fr;gap:12px}.feature{padding:25px}.feature.big{grid-row:auto}.feature.wide{display:block;grid-column:auto}.feature-id{font-size:8px;margin-bottom:20px}.feature h3{font-size:22px}.feature p{font-size:13px}.lesson-visual{margin-top:25px}.connected{margin-top:25px;justify-content:center;gap:15px}.path-grid{grid-template-columns:1fr;gap:14px}.path{padding:26px}.path h3{font-size:25px}.creator{padding:65px 7%}.creator-inner{grid-template-columns:1fr;gap:35px}.portrait-wrap{max-width:350px;width:100%;margin:auto;aspect-ratio:3/3.6}.creator-copy h2{font-size:40px}.creator-copy p{font-size:14px}.creator-copy .profession{font-size:11px}.school b{font-size:13px}.closing{padding:50px 7% 70px}footer{flex-wrap:wrap;gap:25px;padding:30px 7%}.footer-end{text-align:right;width:100%}summary{font-size:13px}.faq h2{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}

.display-toggle{min-width:40px;min-height:44px;background:#ffffff09;color:var(--white);border:1px solid var(--line);border-radius:50%;font-size:12px}.report{border-top:1px solid var(--line);background:radial-gradient(ellipse at 10% 50%,#b1f5a30c,transparent 60%)}.report p{color:var(--muted)}[data-theme=light]{--bg:#f3f5ee;--surface:#fff;--line:#153c2020;--muted:#536b5c;--green:#276e42;--white:#142b21;color-scheme:light}[data-theme=light] .feature{background:#fff;border-color:#1f493323}[data-theme=light] .float,[data-theme=light] .core{background:#e5eddf;color:#173d2b;border-color:#54896640}[data-theme=light] .primary,[data-theme=light] .demo-path{color:#fff}[data-theme=light] .secondary,[data-theme=light] nav{color:#345940;border-color:#34594040}[data-theme=light] .lesson-visual{background:#e1ebdc}[data-theme=light] .browser-frame{background:#e4ebe0}[data-theme=light] .creator{background:#dce8d6}[data-theme=light] .float small,[data-theme=light] .core span{color:#476d51}[data-theme=light] .path{border-color:#295b3430}[data-theme=light] .hero-art:before{background:radial-gradient(ellipse,#659c5d25,transparent 65%)}[dir=ltr] .feature-id{text-align:left}[dir=ltr] .creator-copy{direction:ltr}[dir=ltr] .hero h1{letter-spacing:-2px;font-size:clamp(40px,5vw,70px)}[dir=ltr] .creator-copy h2{font-size:clamp(32px,3.5vw,50px)}@media(max-width:760px){header{gap:6px}.display-toggle{min-width:34px;width:34px;font-size:11px}.nav-cta{font-size:9px;padding:6px 8px}.nav-cta span{margin-right:3px}[data-theme=light] header nav{background:#f3f5ee}header .brand small{display:none}[dir=ltr] .hero h1{font-size:42px}}/* Manarah — architectural light edition */
:root{--bg:#061a25;--surface:#0a2734;--green:#58e4bb;--white:#eff8f7;--muted:#9eb9c0;--line:#a3d8d91f}header{max-width:none;padding-inline:5%;height:88px;background:#061a25aa;backdrop-filter:blur(24px);position:relative;z-index:20}nav{gap:24px}.brand img{width:47px;height:47px}.hero{max-width:1600px;min-height:780px;padding-top:65px;padding-bottom:90px;grid-template-columns:1fr 1.15fr;gap:50px;background:radial-gradient(ellipse at 22% 35%,#087f7040,transparent 60%)}h1{font-size:clamp(44px,5.2vw,77px);font-weight:600;letter-spacing:-1.8px}.hero-copy>p{font-size:17px;max-width:470px}.primary{background:linear-gradient(120deg,#78f2c9,#31c9a4);color:#042b2c;font-weight:600;box-shadow:0 5px 30px #13c99f18}.btn{border-radius:100px;padding:14px 23px}.section{padding-block:90px}.ticker{background:#092b35;color:#b0d6d3;font-size:17px}.beacon-scene{height:590px;perspective:1000px;overflow:visible}.beacon-scene:before{inset:5%;background:radial-gradient(ellipse,#2fd3ae30,transparent 68%)}.sky-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#a9e5dc88 1px,transparent 1.5px);background-size:67px 79px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.lighthouse{position:absolute;width:155px;height:350px;top:115px;left:calc(50% - 77px);filter:drop-shadow(0 40px 40px #0005);animation:beaconHover 7s ease-in-out infinite;transform-style:preserve-3d}.tower{position:absolute;top:110px;width:155px;height:235px;background:linear-gradient(90deg,#0e5b62,#d3f9e6 30%,#74bea8 60%,#175462);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);border-radius:6px}.tower:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(165deg,transparent 0 48px,#087e6b 49px 77px,transparent 78px 120px)}.tower i{position:absolute;z-index:2;background:#083c49;box-shadow:inset 3px 0 4px #001a2b;border-radius:15px 15px 0 0;width:16px;height:28px;left:70px;top:40px}.tower i:nth-child(2){top:110px}.tower i:nth-child(3){top:180px}.lantern{position:absolute;left:28px;top:40px;width:99px;height:83px;border:5px solid #7fbdb1;background:linear-gradient(90deg,#144e57,#c2ffe7,#2a9782);box-shadow:0 0 70px #7effc966,inset 0 0 20px #bcffe9;z-index:3;display:grid;place-items:center;border-radius:8px}.lantern img{width:48px;border-radius:12px}.lantern-roof{position:absolute;width:123px;height:50px;top:0;left:16px;background:linear-gradient(100deg,#0d4f55,#91ccbb,#07535a);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:4}.tower-base{position:absolute;bottom:-15px;left:-28px;width:210px;height:32px;border-radius:50%;background:linear-gradient(180deg,#60aa99,#083944);box-shadow:0 10px 0 #062f3b,0 15px 50px #0ed0a433}.light-sweep{position:absolute;width:690px;height:230px;top:65px;left:calc(50% - 345px);background:conic-gradient(from 255deg at 50% 50%,transparent 0deg,#a7ffdf40 20deg,transparent 45deg,transparent 180deg,#9dffdc33 200deg,transparent 225deg);filter:blur(8px);animation:lightPan 13s ease-in-out infinite;pointer-events:none}.beacon-rings{position:absolute;bottom:48px;left:10%;width:80%;height:150px;border:1px solid #64efc94d;border-radius:50%;box-shadow:0 0 0 30px #4dcdb608,0 0 0 65px #4dcdb606;transform:rotate(-9deg)}.mini-panel{position:absolute;width:245px;border:1px solid #9de5d952;padding:7px;background:#0b2a37de;border-radius:15px;box-shadow:0 20px 45px #0004;backdrop-filter:blur(15px);overflow:hidden}.mini-panel img{width:100%;border-radius:9px;display:block}.mini-panel span{display:block;padding:7px 8px 1px;font-size:11px;color:#b0e5d7}.panel-one{top:35px;right:-20px;transform:perspective(700px) rotateY(-15deg) rotateZ(5deg);animation:panelFloat 8s ease-in-out infinite}.panel-two{bottom:40px;left:-20px;transform:perspective(700px) rotateY(15deg) rotateZ(-5deg);animation:panelFloat 8s ease-in-out infinite reverse}.scene-caption{position:absolute;bottom:0;font:9px monospace;letter-spacing:3px;color:var(--muted)}.story{border-bottom:1px solid var(--line)}.browser-frame{border-radius:20px;box-shadow:0 35px 90px #00101a40;transform:perspective(1600px) rotateX(2deg)}.browser-frame>img{max-height:620px;object-fit:contain;background:#eef4f6}.feature,.path{border-radius:22px}.product-gallery{background:linear-gradient(180deg,transparent,#0c3b3920);max-width:none;padding-inline:max(6%,calc((100vw - 1260px)/2))}.gallery-intro{color:var(--muted);max-width:650px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.gallery-grid figure{margin:0;border:1px solid var(--line);background:var(--surface);border-radius:24px;overflow:hidden;transition:transform .4s}.gallery-grid figure:hover{transform:translateY(-7px)}.gallery-grid img{width:100%;display:block;aspect-ratio:1.9;object-fit:cover;object-position:top}.gallery-grid figcaption{padding:24px 28px}.gallery-grid figcaption span{color:var(--green);font:10px monospace;letter-spacing:1px}.gallery-grid h3{font-size:25px;margin:10px 0}.gallery-grid p{color:var(--muted);font-size:13px;margin:0}.gallery-grid .evidence{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center}.gallery-grid .evidence img{aspect-ratio:1.6;max-height:380px;object-fit:cover}.creator{background:#092b35}.closing{background:radial-gradient(ellipse at bottom,#08765e55,transparent 70%)}
html[data-theme=light]{--bg:#f5faf8;--surface:#fff;--white:#082e3b;--muted:#526c73;--green:#087c68;--line:#0b62521f}html[data-theme=light] header{background:#f5faf8e8}html[data-theme=light] .hero{background:radial-gradient(ellipse at 22% 35%,#bcefd84d,transparent 65%)}html[data-theme=light] .ticker{background:#e2f3ec;color:#32695f}html[data-theme=light] .creator{background:#e8f3ef}html[data-theme=light] .mini-panel{background:#ffffffdc;border-color:#84bfb5}html[data-theme=light] .mini-panel span{color:#1c6359}html[data-theme=light] .gallery-grid figcaption{background:#fff}html[data-theme=light] .light-sweep{opacity:.7}html[data-theme=light] .sky-stars{opacity:.35}html[data-theme=light] .story .large{color:#163d45}html[data-theme=light] .secondary{color:#173f48;border-color:#93afa9}html[data-theme=light] nav{color:#345c61}
@keyframes beaconHover{50%{translate:0 -12px}}@keyframes panelFloat{50%{translate:0 -12px}}@keyframes lightPan{50%{transform:rotate(-13deg) scaleX(.8);opacity:.55}}
@media(max-width:1050px){header{gap:12px}header nav{gap:15px}.hero{gap:20px}.mini-panel{width:195px}.panel-one{right:0}.panel-two{left:0}.hero-art{height:540px}.hero{min-height:700px}h1{letter-spacing:-1px}}
@media(max-width:760px){header{height:78px;padding-inline:5%;gap:10px}.hero{display:flex;flex-direction:column;padding-top:42px;padding-bottom:60px;gap:15px;min-height:0}.hero-copy{width:100%}h1{font-size:clamp(39px,9vw,58px);line-height:1.35}.hero-copy>p{font-size:15px}.hero-art{width:100%;height:490px;margin-top:20px}.mini-panel{width:42%}.panel-one{right:0;top:20px}.panel-two{bottom:30px;left:0}.lighthouse{scale:.85;top:90px}.light-sweep{width:100%;left:0}.beacon-rings{bottom:70px}.scene-caption{font-size:7px;letter-spacing:2px}.gallery-grid{grid-template-columns:1fr;gap:18px}.gallery-grid .evidence{display:block;grid-column:auto}.gallery-grid h3{font-size:22px}.section{padding-block:65px}.gallery-grid figcaption{padding:20px}.scroll-cue{display:none}.hero-foot{margin-top:22px}.actions{gap:10px}.btn{font-size:11px;padding:12px 18px}.story-grid{gap:25px}.browser-frame{transform:none}.light-sweep{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.lighthouse,.mini-panel,.light-sweep{animation:none!important}.hero-art{transform:none!important}}
html[data-theme=light] .primary{color:#04372f;background:linear-gradient(120deg,#7cf0cc,#43d5ad)}html[lang=en] h1{font-size:clamp(42px,4.5vw,66px);line-height:1.18;letter-spacing:-2px}html[lang=en] .hero-copy>p{line-height:1.9}body{overflow-x:clip}@media(max-width:760px){html[lang=en] h1{font-size:clamp(37px,9vw,54px)}.hero-art{max-width:100%}}

/* Readability and audio */
html[data-theme=dark]{--white:#f3f8fc;--muted:#bdd0d8;--line:#aacdd333}
html[data-theme=dark] :is(h1,h2,h3,summary,.brand,.feature h3,.path h3){color:#f3f8fc}html[data-theme=dark] :is(h1,h2) em{color:#67ebc5}
html[data-theme=dark] :is(.hero-copy>p,.feature p,.story p,.experience-text p,.path p,.creator-copy p,.faq details p,.report p,.gallery-grid p,.simulation-note p){color:#bdd0d8}
html[data-theme=dark] :is(.hero-foot,.section-label,.eyebrow,.profession,.feature-id,.art-label,.scene-caption,.brand small,.footer-end,nav,.scroll-cue){color:#aec7d0}html[data-theme=dark] .secondary{color:#edf8fa;border-color:#83a9b56b}
body{font-weight:400}button{color:inherit}.section-label,.eyebrow{font-size:13px}.feature p,.path p,.faq p,.report>p{font-size:15px;line-height:1.95}.nav-cta,nav{font-size:13px}.hero-foot{font-size:12px}h2,h3{font-weight:600}
.podcast-card{display:grid;grid-template-columns:210px 1fr;gap:45px;padding:42px;border:1px solid var(--line);border-radius:28px;background:var(--surface);align-items:center}.podcast-card h2{font-size:clamp(28px,3vw,45px);margin-bottom:14px}.podcast-card p,.podcast>details p{color:var(--muted);font-size:15px;line-height:2}#audio-status{font-size:12px;margin-bottom:0}.sound-art{height:170px;border-radius:50%;background:radial-gradient(circle,#26c69f30,transparent 72%);display:flex;align-items:center;justify-content:center;gap:4px;direction:ltr}.sound-art i{height:35px;width:4px;border-radius:10px;background:var(--green)}.sound-art i:nth-child(3n){height:85px}.sound-art i:nth-child(4n){height:115px}.sound-art i:nth-child(5n){height:60px}.speaking .sound-art i{animation:wave .8s ease-in-out infinite alternate}.speaking .sound-art i:nth-child(2n){animation-delay:-.4s}.podcast details{margin-top:24px}.podcast summary{cursor:pointer;border-bottom:1px solid var(--line);padding-bottom:14px}.podcast summary span{float:left}@keyframes wave{to{transform:scaleY(.4)}}@media(max-width:760px){.podcast-card{grid-template-columns:1fr;gap:12px;padding:25px}.sound-art{height:100px}.sound-art i:nth-child(4n){height:80px}.section-label{font-size:12px}.podcast .btn{font-size:13px}}@media(prefers-reduced-motion:reduce){.speaking .sound-art i{animation:none}}
.podcast button.secondary{background:transparent;color:var(--white);border:1px solid var(--muted)}html[data-theme=light] .podcast button.secondary{color:#173f48;border-color:#77968f}.podcast button.primary{border:0}html[data-theme=dark] .podcast button.secondary{background:#123341;color:#eff8fc}

#manarah-audio{display:block;width:100%;max-width:650px;margin-top:22px;border-radius:30px;color-scheme:light}html[data-theme=dark] #manarah-audio{color-scheme:dark}.episode-label{font:11px monospace;letter-spacing:2px;color:var(--green)}