:root{--ink:#161616;--paper:#f7f4ed;--lime:#c9ff3d;--violet:#9b7bff;--orange:#ff6d3a;--line:rgba(22,22,22,.15);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:68px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,237,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font:700 15px Manrope;color:inherit;text-decoration:none;letter-spacing:.06em}.brand span{color:#7251ef}.nav-links{display:flex;gap:24px}.nav-links a{color:inherit;text-decoration:none;font-size:13px}.hero{height:150vh;position:relative;overflow:clip;background:radial-gradient(circle at 50% 40%,#fff 0,#f7f4ed 55%,#ebe4d8 100%)}.hero-sticky{position:sticky;top:0;min-height:100vh;padding:clamp(120px,14vh,170px) 24px 80px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;z-index:2}.eyebrow,.kicker{font:600 12px Manrope;letter-spacing:.18em}.hero h1{font:500 clamp(42px,6vw,84px)/1.02 Manrope;margin:20px auto 24px;max-width:1150px;letter-spacing:-.055em}.authors{font-size:17px;margin:0 0 7px}.institutions{font-size:14px;opacity:.55;margin:0}.hero-actions{display:flex;gap:10px;margin:26px 0}.pill{padding:12px 20px;border-radius:100px;background:var(--ink);color:white;text-decoration:none;font-size:14px}.pill.light{background:white;color:var(--ink);border:1px solid var(--line)}.abstract{max-width:790px;font:400 17px/1.65 Manrope;margin:0}.edit-note{font-size:11px;opacity:.35}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:340px;height:340px;left:-130px;top:30vh;background:var(--lime);opacity:.55}.orb-b{width:380px;height:380px;right:-180px;top:65vh;background:var(--violet);opacity:.4}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.12em}.scroll-hint span{display:block;width:1px;height:42px;background:var(--ink);margin:0 auto 12px}.section{padding:120px max(24px,calc((100vw - var(--max))/2))}.section h2{font:500 clamp(42px,6vw,76px)/1.04 Manrope;margin:12px 0 24px;letter-spacing:-.05em}.section h2 em{font-weight:400;color:#7152e8}.lead{max-width:680px;font:400 18px/1.6 Manrope;margin:0 0 52px;color:#555}.tinted{background:#e9e1ff}.dark{background:#171717;color:#f7f4ed}.dark .lead{color:#aaa}.dark h2 em{color:var(--lime)}.accent-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.audio-card{background:white;border:1px solid var(--line);border-radius:16px;padding:17px;min-width:0;transition:transform .2s,box-shadow .2s}.audio-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(20,10,0,.08)}.audio-card .number{font-size:10px;opacity:.42}.audio-card h3{font:600 18px Manrope;margin:22px 0 12px}.audio-card audio,.mini-audio audio{width:100%;height:36px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tab{border:1px solid rgba(22,22,22,.25);background:transparent;padding:10px 15px;border-radius:99px;cursor:pointer}.tab.active{background:var(--ink);color:white}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sample-card{background:rgba(255,255,255,.65);border-radius:18px;padding:22px}.meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.transcript{min-height:48px;font-size:15px;line-height:1.55}.cross-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cross-card{border:1px solid #393939;border-radius:20px;padding:24px;background:#202020}.cross-card h3{font:500 22px Manrope;margin:7px 0 20px}.cross-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:start;gap:8px}.arrow{text-align:center;padding-top:38px;color:var(--lime)}.mini-audio{min-width:0}.mini-audio label{display:block;font-size:11px;color:#999;min-height:30px}.mini-audio audio{filter:invert(1);margin-top:8px}.environment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.placeholder-card{border:1px dashed #999;border-radius:18px;padding:20px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.placeholder-card .slot{font:500 34px Manrope;color:#bbb}.placeholder-card code{font-size:10px;overflow-wrap:anywhere}.method{background:#d8ff6b}.method-placeholder{height:min(58vw,650px);border:2px dashed rgba(22,22,22,.32);border-radius:28px;background:rgba(255,255,255,.45) url("assets/method-placeholder.svg") center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.method-placeholder strong{font:600 22px Manrope}.method-placeholder span{font-size:13px;opacity:.55}.diagram-icon{font-size:60px}footer{padding:32px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;background:#111;color:#888;font-size:12px}@media(max-width:900px){.nav-links{display:none}.accent-strip{grid-template-columns:repeat(2,1fr)}.sample-grid{grid-template-columns:1fr 1fr}.cross-grid{grid-template-columns:1fr}.environment-grid{grid-template-columns:1fr 1fr}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:560px){.accent-strip,.sample-grid,.environment-grid{grid-template-columns:1fr}.cross-flow{grid-template-columns:1fr}.arrow{padding:0;transform:rotate(90deg)}.hero-actions{flex-wrap:wrap;justify-content:center}.section h2{font-size:42px}}