:root{color-scheme:dark;--bg:#14181f;--bg2:#191f29;--card:#1b222d;--ink:#ededed;--muted:#aeb8c7;--subtle:#8293a5;--line:rgba(237,237,237,.135);--accent:#7db4f0;--sky:#c9e4ff;--serif:'Playfair Display',Georgia,serif;--sans:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.7 var(--sans);isolation:isolate;overflow-x:clip}button,a{font:inherit}button{cursor:pointer}a{color:inherit}::selection{background:var(--accent);color:var(--bg)}:where(button,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(1180px,calc(100% - 72px));margin-inline:auto}
/* Exact portfolio grid: one fixed 30px alignment, 1px dots, brightness only. */
.dot-base,.dot-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background-size:30px 30px}.dot-base{background-image:radial-gradient(circle,rgba(125,180,240,.45) 1px,transparent 1.5px);opacity:.55;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.5) 75%,transparent 100%)}.dot-glow{background-image:radial-gradient(circle,rgb(218,241,255) 1px,transparent 1.5px);opacity:0;transition:opacity 220ms ease;mask-image:radial-gradient(circle 520px at var(--dot-pointer-x,-1000px) var(--dot-pointer-y,-1000px),#000 0%,rgba(0,0,0,.94) 10%,rgba(0,0,0,.73) 24%,rgba(0,0,0,.36) 46%,rgba(0,0,0,.09) 70%,transparent 100%)}@media(hover:hover) and (pointer:fine){body.dots-active .dot-glow{opacity:1}}body>*:not(.dot-base):not(.dot-glow){position:relative;z-index:1}.skip-link{position:absolute!important;top:-200px;left:10px;padding:12px;background:var(--accent);color:var(--bg);z-index:100!important}.skip-link:focus{top:10px}.page-progress{position:fixed!important;z-index:101!important;left:0;top:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
.header{height:86px;display:flex;align-items:center;gap:32px;justify-content:space-between;border-bottom:1px solid var(--line);z-index:10!important}.brand{font-weight:800;font-size:12px;letter-spacing:.17em;text-decoration:none;white-space:nowrap}.brand span{color:var(--accent);font-size:18px;padding-inline-start:3px}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .25s}.main-nav a:hover{color:var(--accent)}.header-controls{display:flex;gap:10px;align-items:center}.theme-switch{border:1px solid var(--line);color:var(--accent);background:var(--bg2);border-radius:50%;width:39px;height:39px;font-size:19px}.lang-switch{display:flex;gap:3px;padding:4px;border-radius:40px;border:1px solid var(--line)}.lang-switch button{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:800;min-width:34px;height:30px;border-radius:40px}.lang-switch button.selected{background:var(--accent);color:#101820}
.eyebrow,.kicker,.lab-overline,.lab-header,.finding p,.workflow-no,.file-icon,.story-divider,.guardrail-badge{font-size:11px;letter-spacing:.17em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--muted);margin:0 0 27px}.beacon,.tiny-circle{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;box-shadow:0 0 16px var(--accent);flex:0 0 7px;animation:beacon 3s ease-in-out infinite}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:min(790px,95svh);padding-top:65px;padding-bottom:74px}.hero-copy{min-width:0}.hero h1,h2{font-weight:500;letter-spacing:-.055em;font-family:var(--serif);line-height:1.075;text-wrap:balance}.hero h1{font-size:clamp(3.5rem,6.2vw,6.8rem);margin:0;max-width:680px}.hero h1 em,h2 em{color:var(--accent);font-weight:500}.hero-lede{max-width:535px;color:var(--muted);line-height:1.95;font-size:clamp(14px,1.35vw,17px);margin:33px 0 30px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.button{border-radius:90px;padding:12px 20px;min-height:48px;display:inline-flex;align-items:center;gap:35px;justify-content:space-between;font-size:12px;font-weight:800;text-decoration:none;border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s,background .3s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--accent);color:#111820;border-color:var(--accent)}.button.secondary:hover{border-color:var(--accent)}.hero-provenance{display:flex;align-items:flex-start;gap:10px;color:var(--subtle);font-size:11px;max-width:420px;line-height:1.65;margin-top:24px}.hero-provenance .tiny-circle{margin-top:7px;flex-shrink:0;background:#d5ba88;box-shadow:none;animation:none}
.hero-visual{position:relative;aspect-ratio:1;min-width:0;max-width:480px;width:100%;margin:auto;display:grid;place-items:center;isolation:isolate}.orbital{position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(125,180,240,.18);pointer-events:none}.orbital-a{border-style:dashed;animation:orbit 55s linear infinite}.orbital-b{inset:23%;animation:orbit 42s linear infinite reverse}.pattern-field{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pattern-field span{display:block;position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:var(--fade,.65);transform:translate(-50%,-50%);animation:twinkle calc(var(--duration,5)*1s) ease-in-out infinite alternate;animation-delay:calc(var(--delay,0)*-1s);box-shadow:0 0 6px rgba(125,180,240,.16)}.hero-ring-core{position:relative;z-index:3;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(74,121,177,.19),rgba(20,24,31,.75) 75%);border:1px solid rgba(125,180,240,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 90px rgba(92,150,212,.09)}.hero-ring-core strong{font:500 clamp(5rem,9vw,7rem)/1 var(--serif);letter-spacing:-.09em}.hero-ring-core span:not(.pulse-count){font-size:10px;color:var(--muted);line-height:1.5;max-width:125px}.hero-ring-core strong span{color:var(--ink)}.hero-annotation{position:absolute;font-size:10px;color:var(--subtle);letter-spacing:.03em;max-width:145px}.annotation-a{left:0;top:10%}.annotation-b{right:-2%;bottom:10%;text-align:end}
.story-divider{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:17px;color:var(--subtle)}.divider-line{height:1px;flex:1;background:var(--line)}.story,.meaning{padding-top:90px;padding-bottom:70px}.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr);align-items:end;gap:55px;margin-bottom:45px}.kicker{color:var(--accent);margin:0 0 21px}.section-heading h2{font-size:clamp(2.7rem,5.1vw,5rem);margin:0}.section-intro{font-size:15px;line-height:2;color:var(--muted);max-width:440px;margin:0 0 6px}
.finding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finding{min-width:0;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,rgba(125,180,240,.035),transparent 55%),var(--bg2);padding:27px;display:flex;flex-direction:column;min-height:230px;transition:transform .35s var(--ease),border-color .35s}.finding:hover{transform:translateY(-5px);border-color:rgba(125,180,240,.42)}.finding.accent-finding{border-color:rgba(125,180,240,.38);background:radial-gradient(circle at 90% 10%,rgba(99,165,224,.15),transparent 65%),var(--bg2)}.finding p{margin:0;color:var(--muted);line-height:1.6}.finding strong{display:block;font:500 clamp(3.3rem,5.3vw,5.7rem)/1.25 var(--serif);letter-spacing:-.075em;color:var(--ink);margin:22px 0 8px;white-space:nowrap}.finding.accent-finding strong{color:var(--accent)}.finding strong.fraction{font-size:clamp(3rem,5vw,5.3rem)}.finding strong.fraction span{font:500 .35em var(--sans);color:var(--muted);letter-spacing:-.03em}.finding>span{font-size:12px;line-height:1.7;color:var(--muted)}.story-explainer{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:24px 0}.story-bullet{font-size:26px;color:var(--accent)}.story-explainer p{font-size:14px;color:var(--muted);line-height:1.8;max-width:950px;margin:0}.story-explainer strong{color:var(--ink)}
.discovery-wrap{border-block:1px solid var(--line);background:linear-gradient(130deg,rgba(64,116,170,.07),transparent 58%),var(--bg)}.discovery-section{padding-top:94px;padding-bottom:88px}.interactive-lab{border:1px solid rgba(125,180,240,.28);border-radius:24px;background:var(--bg2);overflow:hidden;box-shadow:0 20px 90px rgba(0,0,0,.1)}.lab-header{display:flex;justify-content:space-between;gap:14px;color:var(--muted);padding:19px 30px;border-bottom:1px solid var(--line)}.lab-index{color:var(--accent)}.switches{display:flex;gap:9px;flex-wrap:wrap;padding:27px 30px 10px}.switch{border:1px solid var(--line);border-radius:50px;padding:13px 18px;color:var(--ink);background:transparent;font-size:12px;font-weight:750;transition:background .3s,border-color .3s,transform .3s}.switch:hover{border-color:var(--accent);transform:translateY(-2px)}.switch.active{background:var(--accent);border-color:var(--accent);color:#101720}.lab-content{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;padding:26px 34px 40px}.lab-main{border-inline-end:1px solid var(--line);padding-inline-end:42px;min-width:0}.lab-overline{color:var(--muted);line-height:1.5}.difference{font:500 clamp(5rem,10vw,9rem)/1.1 var(--serif);color:var(--accent);letter-spacing:-.085em;margin:12px 0}.difference-caption{color:var(--ink);font-size:17px;line-height:1.65;max-width:370px;min-height:3em}.insight-arrow{display:flex;align-items:flex-start;gap:15px;margin-top:30px;color:var(--muted);font-size:12px;max-width:390px}.insight-arrow span{font-size:29px;line-height:1;color:var(--accent)}.insight-arrow p{margin:0;line-height:1.8}.lab-bars{min-width:0;padding:14px 0 0 24px}.bar-title{display:flex;justify-content:space-between;gap:14px;color:var(--subtle);font-weight:700;letter-spacing:.09em;font-size:10px;margin-bottom:55px}.bar-label{display:flex;justify-content:space-between;font-size:15px;margin-bottom:9px}.bar-label strong{font-variant-numeric:tabular-nums}.bar-rail{height:17px;border-radius:15px;background:rgba(125,180,240,.1);overflow:hidden;margin-bottom:27px}.bar-fill{height:100%;border-radius:15px;width:0;background:linear-gradient(90deg,#3b77b2,#a4d6ff);transition:width .8s var(--ease)}.bar-fill.bar-alt{background:linear-gradient(90deg,#425c70,#8fb5ce)}.bar-note{font-size:12px;color:var(--subtle);line-height:1.8;margin-top:28px}.human-takeaway{display:flex;gap:23px;align-items:flex-start;max-width:970px;margin:30px auto 0}.takeaway-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;font:700 27px var(--serif);color:var(--accent);border:1px solid rgba(125,180,240,.45)}.human-takeaway h3{font:500 clamp(1.65rem,3vw,2.5rem)/1.3 var(--serif);margin:0 0 7px}.human-takeaway p{font-size:14px;color:var(--muted);line-height:1.85;max-width:800px;margin:0}
.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workflow article{position:relative;padding:24px 24px 27px;border-top:1px solid rgba(125,180,240,.52);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(125,180,240,.035),transparent);min-width:0;transition:transform .3s}.workflow article:hover{transform:translateY(-4px)}.workflow-no{color:var(--accent)}.workflow-symbol{font-size:29px;color:var(--accent);margin:25px 0}.workflow h3{font-family:var(--serif);font-size:clamp(1.4rem,2vw,1.9rem);font-weight:500;line-height:1.35;margin:0 0 13px}.workflow p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.guardrail{border-inline-start:2px solid #cba57c;margin-top:36px;padding:4px 0 4px 20px;max-width:1000px}.guardrail-badge{color:#d5b78c}.guardrail p{font-size:12px;color:var(--muted);line-height:1.85;margin:9px 0 0}
.downloads-band{border-block:1px solid var(--line);background:var(--bg2)}.downloads-inner{padding:90px 0 85px}.download-list{border-top:1px solid var(--line)}.download-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.file-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(125,180,240,.25);background:rgba(125,180,240,.08);color:var(--accent)}.file-info{min-width:0}.file-info strong{display:block;font-size:17px;line-height:1.5}.file-info small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:4px}.file-links{display:flex;gap:8px}.file-links a{white-space:nowrap;border:1px solid var(--line);border-radius:50px;padding:10px 15px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:750;transition:background .25s,color .25s,border-color .25s}.file-links a:hover{background:var(--accent);color:#101820;border-color:var(--accent)}.raw-note{font-size:12px;color:var(--subtle);line-height:1.8;max-width:760px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0 50px}.footer p{font-size:12px;color:var(--muted);margin:0}.footer>a:last-child{font-size:12px;text-decoration:none;color:var(--accent);white-space:nowrap}
/* Subtle progressive entrance. Readable with JS disabled. */
.reveal{opacity:1;transform:none}html.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(22px)}html.motion-ready .reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}html.motion-ready .reveal.visible{opacity:1;transform:none}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes twinkle{from{opacity:.17}to{opacity:.9}}@keyframes beacon{50%{box-shadow:0 0 25px var(--accent);opacity:.6}}
@media(max-width:1000px){.shell{width:min(100% - 52px,1180px)}.hero{min-height:0;grid-template-columns:1fr .85fr;padding:80px 0 85px;gap:20px}.hero h1{font-size:clamp(3.5rem,7vw,5.2rem)}.hero-annotation{display:none}.section-heading{gap:30px}.lab-content{gap:20px}.lab-main{padding-inline-end:20px}.lab-bars{padding-inline-start:5px}}
@media(max-width:740px){.shell{width:calc(100% - 36px)}.header{height:73px;gap:10px}.brand{font-size:10px;letter-spacing:.1em}.main-nav{display:none}.hero{grid-template-columns:1fr;gap:0;padding:74px 0 42px}.hero h1{font-size:clamp(3.25rem,11vw,5rem)}.hero-lede{margin:22px 0;font-size:15px}.hero-visual{max-width:350px;margin-top:23px;margin-bottom:5px}.hero-ring-core strong{font-size:clamp(4.5rem,17vw,6rem)}.story,.meaning{padding:58px 0 50px}.discovery-section{padding:60px 0}.section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.section-heading h2{font-size:clamp(2.6rem,9vw,4.1rem)}.section-intro{max-width:100%;font-size:14px}.finding-grid{grid-template-columns:1fr;gap:10px}.finding{min-height:0;padding:20px 23px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px}.finding p{grid-column:1;font-size:10px;letter-spacing:.1em}.finding strong,.finding strong.fraction{grid-column:2;grid-row:1 / span 2;margin:0;font-size:clamp(2.8rem,11vw,4.5rem);line-height:1.1;text-align:end}.finding>span{grid-column:1;font-size:12px;line-height:1.65}.workflow{grid-template-columns:1fr;gap:4px}.workflow article{padding:19px 20px}.workflow-symbol{display:inline-block;margin:10px 0}.workflow h3{font-size:1.6rem}.lab-content{grid-template-columns:1fr;padding:18px 21px 27px}.lab-main{border-inline-end:0;border-bottom:1px solid var(--line);padding:0 0 14px}.lab-bars{padding:8px 0 0}.lab-header{padding:15px 19px}.switches{padding:19px 18px 6px}.bar-title{margin-bottom:25px}.bar-note{margin-top:12px}.difference{font-size:clamp(5.5rem,22vw,8.5rem);margin:4px 0}.difference-caption{font-size:15px;min-height:0}.insight-arrow{margin-top:12px}.download-row{grid-template-columns:43px minmax(0,1fr);gap:10px 15px}.file-icon{width:43px;height:43px}.file-links{grid-column:2;justify-content:flex-start}.download-row .file-info strong{font-size:15px}.downloads-inner{padding:60px 0}.footer{flex-wrap:wrap;padding-bottom:48px}.footer p{order:3;width:100%}}
@media(max-width:390px){.shell{width:calc(100% - 28px)}.brand{font-size:9px;letter-spacing:.07em}.theme-switch{width:33px;height:33px}.header-controls{gap:5px}.lang-switch{padding:2px}.lang-switch button{min-width:29px;height:28px}.hero h1{font-size:clamp(2.9rem,11vw,3.8rem)}.finding{padding:17px 16px}.finding strong.fraction{font-size:clamp(2.35rem,10vw,3.3rem)}.button{gap:16px;padding:11px 14px;font-size:11px}.switch{padding:10px 12px;font-size:11px}.footer .brand{font-size:10px}}
html[lang=fa]{font-family:Vazirmatn,Tahoma,sans-serif}html[lang=fa] body{font-family:Vazirmatn,Tahoma,sans-serif}html[lang=fa] :is(h1,h2,h3,.finding strong,.difference,.hero-ring-core strong){font-family:Vazirmatn,Tahoma,sans-serif;letter-spacing:-.035em}html[lang=fa] .hero h1{line-height:1.32}html[lang=fa] .section-heading h2{line-height:1.34}html[lang=fa] .kicker,html[lang=fa] .eyebrow,html[lang=fa] .lab-header,html[lang=fa] .finding p{letter-spacing:0}html[lang=fa] .download-row{direction:rtl}html[lang=fa] .lab-header{direction:rtl}html[lang=fa] .hero-ring-core span:not(.pulse-count){font-size:11px}html[lang=fa] .finding strong{font-weight:600}html[lang=fa] .story-divider{direction:rtl}
html[data-theme=light]{color-scheme:light;--bg:#f3f7fb;--bg2:#fff;--card:#fff;--ink:#172b3f;--muted:#526779;--subtle:#65788c;--line:rgba(49,81,113,.2);--accent:#28679c;--sky:#1f4e78}html[data-theme=light] .dot-base{background-image:radial-gradient(circle,rgba(60,110,155,.47) 1px,transparent 1.5px);opacity:.32}html[data-theme=light] .dot-glow{background-image:radial-gradient(circle,rgba(23,105,169,.96) 1px,transparent 1.5px)}html[data-theme=light] .hero-ring-core{background:radial-gradient(circle,rgba(74,121,177,.1),rgba(255,255,255,.87) 75%)}html[data-theme=light] .interactive-lab{box-shadow:0 10px 35px rgba(38,66,98,.05)}html[data-theme=light] .finding{background:var(--bg2)}html[data-theme=light] .finding.accent-finding{background:radial-gradient(circle at 90% 10%,rgba(99,165,224,.12),transparent 65%),var(--bg2)}
@media(pointer:coarse),(hover:none){.dot-glow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.orbital,.pattern-field span,.beacon{animation:none!important;transition:none!important}html.motion-ready .reveal:not(.visible){opacity:1;transform:none}.dot-glow{display:none}.bar-fill{transition:none}}