@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090d13;--panel:#11171f;--line:#26303a;--muted:#98a3af;--text:#edf0ef;--lime:#b8f689;--cyan:#79cbd8;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#1a222c;color:var(--text);padding:11px 18px;transition:background .2s,transform .2s}button:hover,.button:hover{background:#2a3541;transform:translateY(-2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.primary{background:var(--lime);color:#172116;border-color:var(--lime);font-weight:700}.primary:hover{background:#d0ffac}.outline{background:transparent}.small{padding:8px 14px;font-size:12px}.accent,em{color:var(--lime)}em{font-style:normal}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.8vw,88px);line-height:1.06;letter-spacing:-5px;font-weight:500;margin-bottom:26px}h2{font-size:clamp(36px,4vw,57px);line-height:1.13;letter-spacing:-2px;font-weight:500;margin-bottom:20px}h3{font-size:23px;line-height:1.3;letter-spacing:-.6px}p{color:var(--muted)}small{font-size:12px}code,pre,.formula{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:13px;color:var(--lime)}header{height:84px;padding:0 max(5.2vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090d13ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{font-size:25px;font-weight:600;letter-spacing:-1px}.brand-icon{color:var(--lime);font-size:32px;vertical-align:middle;margin-right:6px}nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}nav a:hover{color:var(--lime)}header button span{margin-left:15px}.hero{min-height:760px;position:relative;padding:75px 5.2vw 0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--lime);margin-bottom:25px;display:flex;align-items:center;gap:9px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}.hero-copy{position:relative;z-index:2}.hero-copy>p{max-width:410px;font-size:16px}.outline-text{color:#adb9c4}.actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.actions .button span{margin-left:24px}.text-link{font-size:13px;color:#c5cdd4}.author{display:flex;align-items:center;gap:12px;margin:35px 0 45px;font-size:11px;color:var(--muted)}.author strong{color:var(--text)}.author small{display:block;font-size:10px;letter-spacing:.5px}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#1c2b27;color:var(--lime);font-weight:700;border:1px solid #43634a}.hero-art{position:relative;min-width:0;margin:-20px -30px 0 -45px;height:585px}.hero-art canvas{width:100%;height:100%;touch-action:pan-y;cursor:grab}.floating-label{position:absolute;border:1px solid #35483f;border-radius:8px;background:#101a1ae0;backdrop-filter:blur(12px);padding:12px 17px;font-size:11px;box-shadow:0 12px 35px #0005}.floating-label code{display:block;font-size:11px;margin-top:5px}.label-one{top:80px;right:12px;transform:rotate(5deg)}.label-one i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px}.label-two{bottom:72px;left:20px;display:flex;align-items:center;gap:12px;transform:rotate(-6deg)}.label-two>span{font-size:38px}.label-two small{display:block;font-size:9px;color:var(--muted)}.scene-caption{position:absolute;bottom:8px;width:100%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#7d948e}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.2px;color:var(--muted);height:62px}.hero-bottom a{font-size:24px;color:var(--lime)}.journey,.chapter{padding:90px 5.2vw;border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.journey{padding-top:38px;padding-bottom:40px;background:#0d1219}.journey .eyebrow{color:var(--muted);margin-bottom:20px}.route{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.route a{font-size:12px;color:#c2cbd2}.route a:hover{color:var(--lime)}.route b{display:inline-block;color:#60716d;font:11px monospace;margin-right:9px}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:35px}.section-head>p{max-width:390px;font-size:15px}.section-head h2{margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel{background:linear-gradient(135deg,#141c25,#10161e);border:1px solid var(--line);border-radius:14px;padding:30px;min-width:0}.tag{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted);margin-bottom:20px}.pattern{text-align:center}.pattern .actions{justify-content:center}.sequence{font:50px 'Space Grotesk',sans-serif;padding:20px 0 30px}.sequence span{font-size:23px;color:#516356}.sequence b{color:var(--lime)}.pattern p{margin:20px 0 0;font-size:13px}.explain{padding:15px}.mini-step{border-top:1px solid var(--line);padding:15px 0;display:flex;gap:20px}.mini-step b{color:var(--lime);font-size:11px;min-width:80px}.mini-step span{font-size:13px;color:var(--muted)}aside{border-left:2px solid var(--lime);padding:14px 20px;background:#b8f68907;font-size:14px;color:#bac7ba;margin-top:25px}.tabs{display:flex;gap:8px;margin-bottom:15px}.tabs button.active{background:#b8f68917;border-color:#6d9155;color:var(--lime)}.media-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:240px}.token-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.token-chips span{border:1px solid #466443;background:#b8f6890a;padding:10px 15px;border-radius:7px;font-size:22px}.token-chips small{display:block;font:10px monospace;color:var(--muted)}.pixel-grid{display:grid;grid-template-columns:repeat(8,22px);gap:3px;justify-content:center}.pixel-grid i{height:22px;background:var(--lime)}.wave{height:100px;display:flex;gap:5px;align-items:center;justify-content:center}.wave i{background:var(--cyan);width:5px;border-radius:5px}.neural-panel{display:grid;grid-template-columns:1.2fr 1fr;padding:20px;gap:25px}.network-wrap{min-width:0}.network-wrap canvas{width:100%;height:300px}.network-labels{display:flex;justify-content:space-around;font:10px monospace;color:var(--muted)}.training-controls{padding:10px}.training-controls p{font-size:13px}.metric-row{display:flex;justify-content:space-between;margin-bottom:20px}.metric-row small{display:block;color:var(--muted)}.metric-row strong{font:26px 'Space Grotesk',sans-serif;color:var(--lime)}.formula{padding:18px 0;color:var(--lime);font-size:14px;line-height:1.9;overflow-wrap:anywhere}.muted,.footnote{color:var(--muted);font-size:12px}.footnote{margin:17px 0 0;max-width:950px}details{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:13px}summary{cursor:pointer;color:#d4dcd9}details p{margin:15px 0 0}.space-panel{height:470px;position:relative;padding:0;overflow:hidden;background:radial-gradient(ellipse at 55% 70%,#132a23,#0c141d 70%)}.space-panel canvas{width:100%;height:100%;cursor:grab;touch-action:pan-y}.space-tools{position:absolute;top:28px;left:28px;width:240px;pointer-events:none}.space-tools select,.space-tools button{pointer-events:auto}.space-tools p{font-size:12px}.space-tools .formula{padding:10px 0}.map-legend{position:absolute;bottom:20px;left:28px;display:flex;gap:20px;font-size:11px;color:var(--muted)}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dot);margin-right:6px}label{display:block;font-size:12px;color:#c8d2d8;margin:14px 0}input:not([type=range]),select,textarea{width:100%;background:#090f16;color:var(--text);border:1px solid #35424e;border-radius:6px;padding:10px 12px;margin-top:7px;min-width:0}textarea{resize:vertical;font-size:13px;line-height:1.7}input[type=range]{display:block;width:100%;accent-color:var(--lime);margin:13px 0 17px}output{float:right;color:var(--lime);font-family:monospace}.feed-layout{display:grid;grid-template-columns:340px 1fr;gap:70px;max-width:1050px;margin:45px auto 0}.phone{width:310px;height:585px;position:relative;border:5px solid #354049;border-radius:40px;background:#14191c;overflow:hidden;box-shadow:0 25px 70px #0008;transform:rotate(-3deg)}.phone-top{display:flex;justify-content:space-between;padding:10px 19px;font-size:10px;position:relative;z-index:2}.island{background:#020405;border-radius:10px;width:80px;height:18px}.phone-tabs{text-align:center;font-size:12px;word-spacing:15px;position:relative;z-index:2}.phone-tabs b{border-bottom:2px solid white;padding-bottom:7px}.reel-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 30% 30%,#5d455a,#25182a 60%);overflow:hidden}.reel-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#080b12 90%)}.fruit-cast{display:flex;align-items:center;gap:0;transform:rotate(-8deg);filter:drop-shadow(0 22px 15px #0008);animation:bob 5s ease-in-out infinite}.fruit-cast span{font-size:105px;display:block}.fruit-cast span:nth-child(2){font-size:55px;transform:translateY(-25px)}.reel-subtitle{font-weight:700;font-size:21px;text-align:center;max-width:240px;position:relative;z-index:1;margin-top:20px;text-shadow:0 2px 8px #000}.reel-copy{position:absolute;bottom:55px;left:19px;right:15px;z-index:3}.reel-copy>span{font-size:11px}.reel-copy h3{font-size:19px;margin:8px 0}.reel-copy p{font-size:12px;color:#c0bfcb;margin-bottom:8px}.sound{font-size:9px!important}.phone-bottom{position:absolute;bottom:0;padding:15px 22px;display:flex;justify-content:space-between;width:100%;background:#0b1018;z-index:3}.phone-bottom span{color:var(--muted)}.feed-dashboard h3{font-size:30px}.reaction-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reaction-buttons button{padding:10px 6px;font-size:12px}.comment-row{display:flex;gap:8px;margin-top:12px}.comment-row input{margin:0}.comment-row button{font-size:12px}.interest-row{display:grid;grid-template-columns:130px 1fr 35px;align-items:center;gap:12px;font-size:12px;margin-top:15px;color:var(--muted)}.bar-track{height:5px;border-radius:3px;background:#26313a;overflow:hidden}.bar-fill{height:100%;background:var(--lime);transition:width .5s;border-radius:3px}.vector-line{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;gap:10px}.vector-line small{font-size:9px;letter-spacing:1px;color:var(--muted)}.notice{padding:12px 15px;border-left:2px solid var(--lime);background:#b8f68908;font-size:13px;margin-top:18px;min-height:70px}.feed-dashboard>.muted{display:block;margin-top:18px}.tower-layout{display:grid;grid-template-columns:1fr 180px 1fr;align-items:center}.tower{text-align:center}.tower .tag{color:var(--lime)}.video-tower .tag,.video-tower code{color:var(--cyan)}.chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.chips span{font-size:10px;border:1px solid #35424a;border-radius:4px;padding:4px 8px}.tower-arrow{color:#64865b;font-size:27px}.tower-layer{border:1px solid #486242;background:linear-gradient(110deg,#20351f,#11201b);padding:12px;font-size:12px;border-radius:6px;margin:0 auto 8px;transform:perspective(400px) rotateX(15deg)}.video-tower .tower-layer{background:linear-gradient(110deg,#17383b,#14212d);border-color:#365a64}.tower-layer.narrow{width:80%}.tower code{display:block;font-size:15px}.tower p{font:11px monospace;margin:12px 0 0}.tower-match{text-align:center}.tower-match>span{font:9px monospace;letter-spacing:1px;color:var(--muted)}.match-orbits{position:relative;height:110px;display:grid;place-items:center}.match-orbits i{position:absolute;width:100px;height:55px;border:1px solid #6e9b60;border-radius:50%;transform:rotate(45deg)}.match-orbits i:nth-child(2){border-color:#5999a4;transform:rotate(-45deg)}.match-orbits b{font:19px monospace;color:var(--lime)}.tower-match strong{display:block;font:28px monospace}.tower-match small{color:var(--muted)}.tower-notes{margin-top:30px}.tower-notes h3{font-size:20px}.tower-notes p{font-size:13px}.pipeline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-bottom:30px;font-size:13px;gap:10px}.pipeline b{color:#51616a}.lime{color:var(--lime)}.ranking-list{display:flex;flex-direction:column;gap:10px}.rank-item{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:12px}.rank-item .rank-emoji{font-size:30px}.rank-item strong{font-size:13px}.rank-item small{display:block;font-size:10px;color:var(--muted)}.rank-item code{margin-left:auto}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.platforms article{border-top:1px solid var(--line);padding-top:20px}.platform-icon{font-size:26px;color:var(--lime)}.platforms h3{font-size:20px;margin:10px 0}.platforms p{font-size:13px}.platforms a{font-size:11px;color:var(--lime)}.generated-sentence{font:clamp(22px,3vw,38px) 'Space Grotesk',sans-serif;padding:20px 0 30px}mark{background:#b8f68919;color:var(--lime);padding:0 7px}#token-probabilities{display:flex;gap:10px;flex-wrap:wrap}.token-option{background:#101b17;border:1px solid #3d5940;border-radius:6px;padding:10px 15px;font-size:13px}.token-option b{display:block;color:var(--lime);font:12px monospace;margin-top:5px}.generation-panel>label{max-width:500px;margin-top:25px}.rag-steps{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}.rag-steps span{font:11px monospace;color:var(--lime);border-bottom:1px solid #526d43;padding:10px}.rag-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.range-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.chunk{border-left:2px solid #526b48;margin-top:10px;padding:8px 12px;background:#b8f68906;font-size:11px;color:var(--muted)}.chunk b{font:10px monospace;color:var(--lime);display:block;margin-bottom:5px}.overlap-token{color:#caa7f3}.query-presets{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.query-presets button{font-size:10px;padding:6px 9px}.retrieval-card{border:1px solid var(--line);border-radius:7px;padding:12px;margin-top:12px;font-size:12px}.retrieval-card b{color:var(--lime);font:11px monospace}.retrieval-card p{margin:6px 0}.rag-answer{background:#b8f68908;border-left:2px solid var(--lime);padding:15px;margin-top:20px}.rag-answer .tag{margin-bottom:10px}.rag-answer p{font-size:13px;margin:0}.math-section{margin-top:35px}.math-section h3{font-size:30px}.math-section p{font-size:13px}.formula.large{font-size:20px;display:flex;align-items:center;gap:15px}.fraction{display:inline-flex;flex-direction:column;text-align:center}.fraction>span:first-child{border-bottom:1px solid var(--lime)}.context-box{border:1px solid var(--line);border-radius:12px;padding:25px;margin-top:25px}.context-box pre{white-space:pre-wrap;font-size:12px;color:#a4b6aa;max-height:250px;overflow:auto}.finale{text-align:center;background:radial-gradient(ellipse at 50% 80%,#16261c,transparent 70%)}.finale .eyebrow{justify-content:center}.finale h2{font-size:clamp(45px,5.5vw,75px)}.quiz-options{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.quiz-options button{font-size:12px}.final-map{font:12px monospace;color:var(--lime);margin:45px 0}.final-map span{margin:0 12px;color:var(--muted)}.final-map small{display:block;color:var(--muted);font:12px var(--font);margin-top:15px}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:40px 5.2vw}footer p,footer>span{font-size:11px;margin:0;color:var(--muted)}footer strong{color:var(--text)}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:#000;padding:10px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#present-controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;background:#121b24;border:1px solid #496044;border-radius:12px;padding:8px;box-shadow:0 10px 40px #0008;white-space:nowrap}#present-controls:not([hidden]){display:flex;align-items:center;gap:12px}#present-page{font:11px monospace}.presenting .chapter{min-height:calc(100vh - 84px)}.presenting p{font-size:17px}.presenting footer{padding-bottom:100px}@keyframes bob{50%{transform:translateY(-12px) rotate(3deg)}}
@media(min-width:1500px){.hero{max-width:1600px;margin:auto}h1{font-size:90px}}@media(max-width:1000px){nav{gap:18px}.hero{min-height:680px;padding-top:50px}h1{letter-spacing:-3px}.hero-art{height:530px;margin-left:-60px}.label-one{right:10px;top:55px}.route{grid-template-columns:repeat(3,1fr)}.feed-layout{gap:25px;grid-template-columns:310px 1fr}.tower-layout{grid-template-columns:1fr 120px 1fr}.tower{padding:20px}.interest-row{grid-template-columns:100px 1fr 30px}.reaction-buttons{grid-template-columns:1fr 1fr}.section-head>p{max-width:310px}.rag-grid{gap:15px}.panel{padding:22px}.space-panel{padding:0}}@media(max-width:720px){header{height:68px;padding:0 20px}header .brand{font-size:22px}nav{display:none}.hero{padding:40px 22px 0;display:flex;flex-direction:column;min-height:auto}.hero-copy>p{font-size:14px;max-width:340px}h1{font-size:56px;letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-art{height:350px;margin:-5px -10px 15px;order:2}.hero-copy{order:1}.hero-bottom{order:3;font-size:8px;gap:15px;line-height:1.5}.hero-bottom>span:nth-child(2){display:none}.author{margin:24px 0 0}.floating-label{padding:9px 12px}.label-one{top:25px;right:5px}.label-two{bottom:35px;left:5px}.scene-caption{font-size:8px}.journey,.chapter{padding:55px 22px}.journey{padding-top:30px;padding-bottom:30px}.route{grid-template-columns:1fr 1fr;gap:14px}.route a{font-size:10px}.route b{margin-right:4px;font-size:9px}.section-head{display:block;margin-bottom:25px}.section-head>p{max-width:none;margin-top:20px}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:39px}.split,.media-panel,.neural-panel,.rag-grid{grid-template-columns:1fr}.panel{padding:20px}.sequence{font-size:40px}.media-panel{gap:25px}.network-wrap canvas{height:230px}.space-panel{padding:0;height:490px}.space-tools{top:18px;left:18px;width:210px}.space-tools p{display:none}.space-tools .tag{margin-bottom:8px}.space-tools button{font-size:11px;padding:6px 10px}.map-legend{left:18px;gap:10px;font-size:9px}.feed-layout{grid-template-columns:1fr;gap:40px}.phone{margin:auto;width:290px;height:540px}.feed-dashboard h3{font-size:25px}.reaction-buttons{grid-template-columns:repeat(4,1fr)}.reaction-buttons button{font-size:10px}.tower-layout{grid-template-columns:1fr}.tower-match{padding:20px;display:flex;justify-content:center;align-items:center;gap:15px}.tower-match>span{display:none}.match-orbits{height:80px;width:100px}.tower-match strong{font-size:25px}.tower-notes{gap:20px}.pipeline{overflow:auto;justify-content:flex-start;white-space:nowrap;font-size:10px}.platforms{grid-template-columns:1fr;gap:15px;margin-top:25px}.platforms article{display:grid;grid-template-columns:40px 1fr}.platforms h3{margin:0;align-self:center}.platforms p,.platforms a{grid-column:2}.platforms p{margin:10px 0}.rag-steps{gap:5px}.rag-steps span{font-size:9px;padding:8px 5px}.formula.large{font-size:16px}.final-map{font-size:10px;line-height:2.3}.final-map span{margin:0 4px}footer{flex-wrap:wrap;padding:30px 22px}footer>span{width:100%}.presenting p{font-size:15px}#present-controls{gap:5px;bottom:10px}#present-controls button{padding:8px 12px}.vector-line{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep Arabic tokens in reading order and numeric identifiers left-to-right. */
.token-chips[dir="rtl"]{direction:rtl}.token-chips small{unicode-bidi:isolate;text-align:center}

.reel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.reel-scene:has(.reel-photo)::after{background:linear-gradient(#080b1255 0%,transparent 24%,transparent 48%,#080b12ee 85%)}.reel-scene:has(.reel-photo) .reel-subtitle{position:absolute;bottom:190px;font-size:17px;background:#090d1370;padding:5px 10px;border-radius:6px}.phone-tabs,.phone-top{text-shadow:0 1px 5px #000}
