@font-face{font-family:Onest;src:url('/fonts/onest.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:oklch(.987 .006 85);--ink:oklch(.205 .015 260);--muted:oklch(.44 .018 260);--line:oklch(.83 .012 260);--accent:oklch(.47 .23 270);--orange:oklch(.821 .139 65);--cobalt:oklch(.48 .23 270);--yellow:oklch(.925 .16 101);--mint:oklch(.9 .07 157);--panel:oklch(.955 .012 85);--button:var(--ink);--button-ink:var(--bg);font-family:Onest,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:35px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}svg{display:block}button>svg,a>svg{width:23px;height:23px;flex-shrink:0}p{max-width:65ch;font-size:17px;line-height:1.65;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700}h2{font-size:clamp(36px,4.2vw,62px);line-height:1.09;letter-spacing:-.05em;margin-bottom:24px}h3{font-size:25px;line-height:1.2;letter-spacing:-.025em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:100;padding:14px;background:var(--yellow);color:var(--ink)}.skip:focus{transform:none}[hidden]{display:none!important}
.site-header{padding:22px 4.5vw;max-width:1600px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:auto;min-height:97px}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:27px;letter-spacing:-1.5px;font-weight:800;white-space:nowrap}.wordmark span{margin-left:-8px;font-weight:400}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:550}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 25px;min-height:58px;border:1.5px solid var(--ink);border-radius:6px;background:var(--button);color:var(--button-ink);font-size:16px;font-weight:650;line-height:1.25;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 4px 0 oklch(.2 .01 260 / .16)}.button.small{padding:13px 18px;min-height:47px;font-size:14px;gap:25px}.button.outline{color:var(--ink);background:transparent}.text-link{display:inline-flex;align-items:center;gap:15px;color:inherit;background:transparent;border:0;border-bottom:1.5px solid currentColor;padding:8px 0;font-size:16px;font-weight:600;line-height:1.3;text-align:left}.text-link:hover{gap:22px}
.hero{background:var(--orange);overflow:hidden;padding:70px 4.5vw 68px;border-top:1px solid oklch(.7 .1 65)}.hero-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.hero-label{font-size:15px;color:var(--ink);margin-bottom:28px;font-weight:600}.hero h1{font-size:clamp(48px,4.7vw,76px);line-height:1.06;letter-spacing:-.062em;margin:0 0 28px;font-weight:750}.hero h1>span{position:relative;white-space:nowrap}.hero h1>span::after{content:'';position:absolute;left:0;right:0;height:8px;background:var(--cobalt);bottom:-7px;border-radius:50% 50% 45% 40%;transform:rotate(-1.5deg)}.hero-description{font-size:18px;line-height:1.65;color:var(--ink);max-width:490px;margin-bottom:28px}.hero-cta{min-width:290px}.hero-note{font-size:13px;margin:13px 0 0;color:var(--ink)}.hero-art{position:relative;min-width:0;min-height:500px;display:flex;align-items:center;justify-content:center;padding:80px 0 75px}.art-disc{position:absolute;width:90%;aspect-ratio:1;max-width:560px;background:var(--yellow);border-radius:50%;right:-20px;top:20px;overflow:hidden;transform:rotate(-10deg)}#nematic-field{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none;opacity:.7}.source-label{position:absolute;top:20px;left:-10px;display:flex;align-items:center;gap:14px;transform:rotate(-4deg);z-index:2;background:var(--mint);padding:18px 21px;border:1.5px solid var(--ink);border-radius:9px;box-shadow:4px 4px 0 oklch(.2 .01 260 / .12)}.source-icon{width:28px;height:34px}.source-label strong{display:block;font-size:17px;line-height:1.4}.source-label span{font-size:11px;color:var(--muted)}.hero-figure{margin:0;position:relative;z-index:1;width:100%;background:oklch(.996 .002 85);border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:9px 10px 0 oklch(.2 .01 260 / .14);transform:rotate(2deg)}.hero-figure figcaption{display:flex;align-items:center;gap:10px;padding:19px 21px;font-size:14px;font-weight:600;border-bottom:1px solid var(--line)}.figure-dot{background:var(--cobalt);width:9px;height:9px;border-radius:50%;flex-shrink:0}.hero-figure button{display:block;padding:17px 10px 8px;border:0;width:100%;background:transparent}.hero-figure img{width:100%;height:auto}.figure-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px 18px;font-size:12px;color:var(--muted)}.figure-footer svg{height:19px;width:19px}.art-note{position:absolute;right:-5px;bottom:5px;display:flex;gap:10px;align-items:flex-start;z-index:2;transform:rotate(-3deg)}.art-note svg{width:56px;height:50px;color:var(--ink)}.art-note p{font-size:16px;color:var(--ink);line-height:1.5;margin:12px 0 0}.art-note strong{font-weight:650}.motion-control{position:absolute;left:0;bottom:5px;color:var(--ink);font-size:11px;border:0;border-bottom:1px solid currentColor;padding:5px 0;background:none}
.section-wrap{max-width:1440px;margin:auto;padding:94px 4.5vw}.section-heading,.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:50px}.section-heading h2,.workspace-heading h2{margin:0;flex-shrink:0}.section-heading>p,.workspace-heading>p{max-width:460px;margin:0}.section-label{font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:16px;color:inherit}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.benefit-row article>p{font-size:16px;margin-bottom:0}.benefit-row h3{margin:22px 0 15px}.benefit-symbol{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:24px}.benefit-symbol svg{width:58px;height:58px;fill:var(--bg);stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.symbol-source{background:var(--mint);transform:rotate(-6deg)}.symbol-data{background:var(--orange);border-radius:50%}.symbol-data svg{fill:var(--orange)}.symbol-write{background:var(--yellow);transform:rotate(6deg);border-radius:18px}.symbol-write svg{fill:none}
.workspace-section{background:var(--cobalt);color:oklch(.985 .006 95)}.workspace-heading>p{color:oklch(.9 .025 270)}.workspace-film{border:1.5px solid oklch(.24 .07 270);border-radius:12px;overflow:hidden;background:var(--bg);box-shadow:0 15px 0 oklch(.3 .12 270 / .25)}.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}.film-toolbar>div:first-child{display:flex;align-items:center;gap:18px}.film-toolbar strong{font-size:16px;font-weight:650}.film-toolbar>div>span{font-size:12px;color:var(--muted)}.film-controls{display:flex;align-items:center;gap:22px}.film-controls>div{display:flex;border:1px solid var(--line);padding:3px;border-radius:5px}.film-controls button{font-size:12px;border:0;background:transparent;color:var(--muted);border-radius:3px;padding:9px 14px}.film-controls button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.film-controls>#tour-pause{border:1px solid var(--line)}.film-screen{display:block;width:100%;padding:0;border:0;background:oklch(.96 .006 250);position:relative}.film-screen>img{display:block;width:100%;height:auto;max-height:none}.film-enlarge{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:9px;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);padding:10px 13px;font-size:12px;border-radius:5px;box-shadow:0 3px 8px oklch(.2 .01 260 / .1)}.film-enlarge svg{width:17px;height:17px}.film-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg);color:var(--ink);border-top:1px solid var(--line)}.film-chapters{display:flex;flex:1}.film-chapters button{font-size:14px;padding:21px 27px;flex:1;white-space:nowrap;border:0;border-right:1px solid var(--line);background:none;color:var(--muted);text-align:left}.film-chapters button[aria-pressed=true]{background:var(--yellow);color:var(--ink);font-weight:650}.film-bottom>p{font-size:12px;color:var(--muted);margin:0;padding-right:24px}.film-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;padding:38px 0 10px}.film-caption h3{font-size:27px;max-width:430px;margin:0}.film-caption p{font-size:16px;line-height:1.65;color:oklch(.9 .025 270);max-width:550px;margin:0}.capture-note{font-size:12px;line-height:1.65;max-width:none;color:oklch(.86 .035 270);margin:20px 0 0}
.feature-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center}.structure-section{background:var(--mint);overflow:hidden}.structure-art{position:relative;padding:28px 0 50px}.structure-shape{position:absolute;inset:-10px 20px 35px -30px;background:var(--yellow);border-radius:44% 56% 33% 67%/55% 40% 60% 45%;transform:rotate(-7deg)}.structure-image{position:relative;display:block;border:1.5px solid var(--ink);border-radius:13px;overflow:hidden;padding:0;background:var(--bg);width:100%;box-shadow:6px 7px 0 oklch(.2 .01 260 / .15)}.structure-image>img{width:100%;height:auto}.structure-tag{position:absolute;bottom:0;right:-25px;border:1.5px solid var(--ink);background:var(--orange);border-radius:6px;transform:rotate(5deg);font-size:17px;padding:17px 25px;line-height:1.4}.feature-copy>p:not(.section-label){font-size:17px;line-height:1.7}.feature-copy .subtle{font-size:13px!important}.feature-copy .button{margin-top:10px}.ai-section .feature-layout{grid-template-columns:1fr 1fr}.ai-map{padding:35px;border:1.5px solid var(--ink);border-radius:14px;background:var(--yellow);transform:rotate(1.5deg)}.map-question{text-align:center;font-size:19px;font-weight:600}.map-connect{height:27px;width:1.5px;background:var(--ink);margin:auto}.map-tools{display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.map-tools span{font-size:12px;border:1px solid var(--ink);border-radius:5px;background:var(--bg);padding:11px 12px;text-align:center;flex:1}.map-agent{display:flex;align-items:center;gap:15px;background:var(--mint);padding:20px;border:1.5px solid var(--ink);border-radius:7px}.map-agent strong{display:block;font-size:19px;font-weight:650}.map-agent span{display:block;font-size:12px;margin-top:8px}.map-output{text-align:center;font-size:15px;font-weight:550;margin-top:25px}.ai-map>p{text-align:center;font-size:12px;margin:14px 0 0}
.how-section{background:var(--yellow)}.how-section h2{text-align:center;margin-bottom:55px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;list-style:none;margin:0;padding:0}.step-number{font-size:30px;border:1.5px solid var(--ink);border-radius:50%;width:59px;height:59px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;background:var(--bg);font-weight:700}.how-steps h3{font-size:25px;margin-bottom:16px}.how-steps p{font-size:16px}.how-steps small{font-size:12px;color:var(--muted);line-height:1.7;display:block}.edition-options{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden}.edition-options>article{padding:35px 40px;display:flex;align-items:flex-start;flex-direction:column}.edition-options>article:first-child{border-right:1.5px solid var(--ink);background:var(--mint)}.edition-options>article:last-child{background:var(--orange)}.edition-options h3{font-size:29px;margin-bottom:16px}.edition-options p{font-size:16px}.edition-options span{font-size:12px;line-height:1.7;display:block;margin-bottom:20px}.edition-options a{margin-top:auto}.demo-note{display:block;border:1px solid var(--line);border-radius:6px;padding:22px 25px;font-size:14px;max-width:none;margin:30px 0 0}.demo-note strong{color:var(--ink)}
.access-section{background:var(--orange)}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:start}.access-grid h2{font-size:clamp(40px,4.5vw,65px)}.access-grid>div>p:not(.section-label){font-size:17px;color:var(--ink)}.contact{font-size:17px;text-decoration:underline;text-underline-offset:5px}form label{display:block;color:var(--ink);font-size:14px;font-weight:550;margin-bottom:21px}input,textarea{display:block;width:100%;border:1.5px solid var(--ink);border-radius:5px;padding:13px 15px;background:var(--bg);color:var(--ink);font-size:16px;font-weight:400;margin-top:8px;resize:vertical}input:hover,textarea:hover{box-shadow:0 0 0 1px var(--ink)}textarea::placeholder{color:oklch(.58 .015 260)}.form-note{font-size:12px;line-height:1.7;margin:18px 0 0;color:var(--ink)}#request-mail,#copy-request{margin-top:12px;font-size:14px}.site-footer{padding:35px 4.5vw;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}.site-footer>.wordmark{font-size:24px}.site-footer>p{font-size:13px;margin:0}.site-footer>div{display:flex;gap:23px;font-size:13px;align-items:center;color:var(--muted)}
dialog{background:var(--bg);color:var(--ink);border:1.5px solid var(--ink);border-radius:10px;padding:0;width:calc(100vw - 35px);max-width:1800px;max-height:calc(100dvh - 35px);box-shadow:0 30px 100px oklch(.1 .02 260 / .4)}dialog::backdrop{background:oklch(.15 .02 260 / .8)}.dialog-toolbar{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:25px}.dialog-toolbar p{font-size:13px;line-height:1.5;margin:0}.dialog-toolbar button,.zoom-actions button{padding:10px 15px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;font-size:13px}.zoom-scroll{overflow:auto;max-height:calc(100dvh - 180px);background:oklch(.94 .005 260)}.zoom-scroll>img{margin:auto;max-width:100%;max-height:calc(100dvh - 180px);object-fit:contain}.zoom-scroll.native-size>img{max-width:none;max-height:none;width:auto}.zoom-actions{padding:12px 20px;display:flex;gap:8px}.zoom-actions button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.demo-page{--bg:oklch(.16 .035 265);--ink:oklch(.96 .012 265);--muted:oklch(.75 .025 265);--line:oklch(.4 .03 265);--accent:oklch(.9 .1 165);--panel:oklch(.22 .035 265);--button:var(--accent);--button-ink:var(--bg);background:var(--bg);color:var(--ink)}.demo-page .hero-note{color:var(--ink)}.demo-page .section-heading{margin-bottom:40px}.demo-page .demo-note{font-size:13px}
@media(min-width:1600px){.hero h1{font-size:80px}.hero-layout{gap:80px}}@media(max-width:1150px){.site-header{gap:20px}.site-header nav{gap:22px;font-size:13px}.hero-layout{gap:35px}.hero h1{font-size:clamp(43px,4.7vw,62px)}.hero-description{font-size:16px}.hero-art{min-height:480px}.source-label{left:-5px;padding:13px 16px}.source-label strong{font-size:15px}.source-label span{font-size:10px}.hero-figure figcaption{font-size:12px;padding:16px}.art-note p{font-size:14px}.benefit-row,.how-steps{gap:35px}.feature-layout{gap:50px}.access-grid{gap:70px}.site-footer>p{display:none}.map-tools{flex-wrap:wrap}.map-agent strong{font-size:17px}.section-heading,.workspace-heading{gap:45px}.film-caption{gap:40px}}
@media(max-width:850px){.site-header{padding:20px 5vw;min-height:85px}.site-header nav{display:none}.hero{padding:48px 6vw 50px}.hero-layout{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(44px,7.2vw,64px)}.hero-description{max-width:620px;font-size:18px}.hero-art{width:100%;max-width:630px;margin:auto;min-height:490px;padding-top:90px}.art-disc{max-width:480px;right:20px;top:0}.source-label{left:5px;top:15px}.hero-figure{width:94%}.hero-figure figcaption{font-size:15px}.hero-figure button{padding:18px}.art-note{right:5px;bottom:-10px}.art-note p{font-size:16px}.motion-control{left:20px;bottom:0}.section-wrap{padding:72px 6vw}.section-heading,.workspace-heading{display:block;margin-bottom:35px}.section-heading>p,.workspace-heading>p{margin:24px 0 0;max-width:650px;font-size:16px}.benefit-row{gap:30px}.benefit-row h3{font-size:22px}.benefit-row p{font-size:14px!important}.film-caption{gap:30px}.film-caption h3{font-size:23px}.film-caption p{font-size:14px}.film-chapters button{padding:18px;font-size:12px}.feature-layout,.ai-section .feature-layout{grid-template-columns:1fr;gap:45px}.structure-art{max-width:650px;width:100%;margin:auto;order:2}.feature-copy h2 br{display:none}.ai-map{max-width:650px;width:100%;margin:auto}.how-steps{gap:30px}.how-steps h3{font-size:22px}.how-steps p{font-size:14px}.edition-options>article{padding:28px}.access-grid{gap:45px}.site-footer{padding:30px 6vw}}
@media(max-width:550px){.site-header{padding:18px 5vw;gap:15px}.wordmark{font-size:23px;gap:7px;letter-spacing:-1.2px}.wordmark img{width:29px;height:29px}.button.small{min-height:42px;padding:10px 12px;font-size:12px;gap:12px}.button.small svg{width:18px;height:18px}.hero{padding-top:35px}.hero-label{font-size:13px;margin-bottom:22px}.hero h1{font-size:clamp(37px,9.2vw,50px);line-height:1.12;margin-bottom:26px;letter-spacing:-.06em}.hero h1>span::after{height:5px;bottom:-4px}.hero-description{font-size:16px;line-height:1.65}.hero-cta{min-width:0;width:100%;padding:17px 20px;font-size:15px}.hero-note{font-size:11px}.hero-art{min-height:390px;padding-top:85px;padding-bottom:65px;max-width:420px}.source-label{left:0;top:5px;padding:12px 14px;gap:10px}.source-label strong{font-size:14px}.source-label span{font-size:9px}.source-icon{width:23px;height:29px}.hero-figure{width:100%;box-shadow:5px 6px 0 oklch(.2 .01 260 / .14)}.hero-figure figcaption{font-size:11px;padding:12px 14px}.hero-figure button{padding:10px 5px}.figure-footer{font-size:9px;padding:9px 13px 13px}.art-note p{font-size:12px}.art-note svg{height:40px;width:40px}.art-note{right:0;bottom:-2px}.motion-control{left:0;font-size:9px;bottom:-2px}.section-wrap{padding:60px 6vw}h2{font-size:37px}.benefit-row{grid-template-columns:1fr;gap:34px}.benefit-row article{display:grid;grid-template-columns:65px 1fr;column-gap:20px}.benefit-symbol{width:65px;height:65px;grid-row:1/3;border-radius:20px}.benefit-symbol svg{width:46px;height:46px}.benefit-row h3{font-size:23px;margin:0 0 12px}.benefit-row p{font-size:15px!important;margin:0}.section-heading>p,.workspace-heading>p{font-size:16px}.film-toolbar{padding:13px;gap:10px;align-items:flex-start}.film-toolbar>div:first-child{display:block}.film-toolbar strong{font-size:13px}.film-toolbar>div>span{display:block;font-size:10px;margin-top:4px}.film-controls{gap:5px;flex-direction:column;align-items:flex-end}.film-controls button{font-size:10px;padding:7px 9px}.film-controls>#tour-pause{padding:5px 8px;font-size:9px}.film-enlarge{bottom:10px;right:10px;font-size:9px;padding:7px 9px}.film-enlarge svg{width:14px;height:14px}.film-bottom{display:block}.film-chapters{overflow-x:auto}.film-chapters button{padding:15px 11px;font-size:10px}.film-bottom>p{display:none}.film-caption{display:block;padding-top:28px}.film-caption h3{font-size:24px;margin-bottom:14px}.film-caption p{font-size:15px}.capture-note{font-size:11px}.structure-tag{right:0;font-size:14px;padding:13px 18px}.structure-art{padding-bottom:45px}.feature-copy>p:not(.section-label){font-size:16px}.section-label{font-size:13px}.ai-map{padding:23px 20px}.map-question{font-size:17px}.map-tools span{padding:9px 7px;font-size:10px}.map-tools{gap:6px}.map-agent{padding:15px;gap:12px}.map-agent strong{font-size:15px}.map-agent span{font-size:10px}.map-output{font-size:13px}.how-section h2{text-align:left;margin-bottom:35px}.how-steps{grid-template-columns:1fr;gap:32px}.how-steps li{display:grid;grid-template-columns:45px 1fr;gap:18px}.step-number{width:45px;height:45px;font-size:23px;margin:0}.how-steps h3{font-size:24px;margin:5px 0 15px}.how-steps p{font-size:15px}.how-steps small{font-size:11px}.edition-options{grid-template-columns:1fr}.edition-options>article{padding:27px}.edition-options>article:first-child{border-right:0;border-bottom:1.5px solid var(--ink)}.edition-options h3{font-size:27px}.demo-note{font-size:13px;padding:20px}.access-grid{grid-template-columns:1fr;gap:32px}.access-grid h2{font-size:42px}.access-grid>div>p:not(.section-label){font-size:16px}.access-grid .button{width:100%;font-size:15px}.form-note{font-size:11px}.site-footer{display:block}.site-footer>div{margin-top:25px;font-size:12px;gap:25px}.dialog-toolbar{padding:12px;gap:15px}.dialog-toolbar p{font-size:10px}.dialog-toolbar button,.zoom-actions button{font-size:11px;padding:8px 12px}dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.hero-legend{display:flex;flex-wrap:wrap;gap:9px 18px;padding:4px 20px 5px;color:var(--muted);font-size:10px}.hero-legend>span{display:flex;align-items:center;gap:7px}.hero-legend i{display:block;width:20px;height:0;border-top:2px solid oklch(.48 .18 256)}.hero-legend i.observation-key{width:7px;height:7px;border:0;border-radius:50%;background:oklch(.25 .025 250)}.hero-legend i.quadratic-key{border-top:2px dashed oklch(.46 .023 250)}.film-screen{aspect-ratio:2402/1278;display:flex;align-items:center;justify-content:center;background:oklch(.989 .005 250)}.film-screen>img{width:100%;height:100%;object-fit:contain}.workspace-film[data-theme=dark] .film-screen{background:oklch(.18 .012 250)}.full-workspace{margin-top:24px;font-size:14px;color:inherit}.journey-heading{max-width:850px;margin-bottom:50px}.journey-heading>p:not(.section-label){max-width:650px}.research-journey{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:40px 65px}.research-journey li{display:grid;grid-template-columns:58px 1fr;gap:23px}.research-journey .step-number{margin:0;background:var(--bg)}.research-journey h3{font-size:25px;margin:6px 0 15px}.research-journey p{font-size:16px;margin-bottom:12px}.research-journey small{font-size:12px;line-height:1.6;color:var(--muted);display:block}.publication-outcome{margin-top:65px;display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding:38px;background:var(--bg);border:1.5px solid var(--ink);border-radius:12px}.publication-outcome h3{font-size:29px}.publication-outcome p{font-size:16px}.publication-outcome .publication-review{font-size:12px}.package-files{background:var(--mint);border:1.5px solid var(--ink);border-radius:7px;padding:24px;transform:rotate(2deg)}.package-files strong{display:block;font-size:18px;margin-bottom:18px}.package-files span{display:block;font-size:13px;padding:10px 0;border-top:1px solid oklch(.6 .04 157)}.how-section .journey-heading h2{text-align:left;margin-bottom:25px}
@media(max-width:850px){.research-journey{gap:35px 35px}.research-journey li{grid-template-columns:44px 1fr;gap:17px}.research-journey .step-number{width:44px;height:44px;font-size:24px}.research-journey h3{font-size:23px}.research-journey p{font-size:14px}.publication-outcome{gap:30px;padding:28px}.publication-outcome h3{font-size:25px}.publication-outcome p{font-size:14px}.package-files strong{font-size:16px}.package-files{padding:20px}}@media(max-width:550px){.hero-legend{font-size:8px;gap:8px 12px;padding:3px 12px}.hero-legend i{width:14px}.hero-figure .figure-footer{font-size:8px}.research-journey{grid-template-columns:1fr;gap:30px}.research-journey h3{font-size:24px}.research-journey p{font-size:15px}.publication-outcome{grid-template-columns:1fr;padding:24px;margin-top:40px;gap:25px}.publication-outcome h3{font-size:26px}.package-files{transform:rotate(1deg)}.full-workspace{font-size:13px}}
@media(max-width:550px){.hero h1{font-size:clamp(30px,9.2vw,50px)}.site-header .wordmark{font-size:21px}.site-header .wordmark img{width:27px;height:27px}.site-header .button.small{font-size:11px;padding:10px 11px;gap:0}.site-header .button.small svg{display:none}}
@media(min-width:851px){.hero-art{padding-top:120px;min-height:550px}.source-label{top:0}}
/* The source label stays in the layout and never covers the figure title. */
.hero-art{display:block;padding:12px 0 85px;min-height:0}.source-label{position:relative;top:auto;left:auto;margin:0 0 25px 12px;display:inline-flex}.hero-figure{width:100%}
@media(max-width:550px){.hero-art{padding:8px 0 65px}.source-label{margin:0 0 22px 8px}}

:root{color-scheme:light}
/* Every research stage is visible in document order. No tabs or image viewers. */
.research-path{display:grid;gap:92px}
.journey-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;padding-top:36px;border-top:1px solid oklch(.76 .08 270 / .5)}
.stage-intro{min-width:0}.stage-order{color:var(--yellow);font-size:14px;font-weight:650;margin:0 0 20px}
.stage-intro h3{font-size:32px;line-height:1.17;max-width:28ch;margin-bottom:23px}
.stage-intro>p:not(.stage-order){color:oklch(.93 .02 270);font-size:16px;line-height:1.75;max-width:72ch;margin-bottom:18px}
.stage-intro>.stage-output{font-size:14px!important;padding-top:18px;border-top:1px solid oklch(.76 .08 270 / .5);margin:26px 0 0}
.stage-output strong{color:var(--yellow)}
.journey-image{display:block;position:static;margin:0;padding:0;width:100%;min-width:0;max-width:none;height:auto;max-height:none;overflow:visible;border:1px solid oklch(.25 .09 270);border-radius:0;box-shadow:none;cursor:default;background:oklch(.989 .005 250)}
.journey-image>picture{display:block;width:100%}.journey-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;image-rendering:auto}
.journey-image figcaption{font-size:12px;line-height:1.6;color:var(--ink);background:var(--bg);padding:15px 19px;border-top:1px solid var(--line)}
.workspace-section .publication-outcome{color:var(--ink);margin-top:50px}.workspace-section .publication-outcome .button{font-size:14px;min-height:50px;padding:14px 18px;gap:20px}
.service-map{padding:35px;background:var(--yellow);border:1.5px solid var(--ink);border-radius:12px;transform:rotate(1deg)}.service-map>div{background:var(--bg);border:1px solid var(--ink);border-radius:6px;padding:20px 23px}.service-map>div:nth-of-type(2){background:var(--mint)}.service-map strong{font-size:19px;display:block}.service-map span{font-size:13px;color:var(--muted);display:block;margin-top:8px;line-height:1.5}.service-map>svg{width:24px;height:32px;margin:10px auto}

@media(max-width:700px){.service-map{padding:23px}.service-map>div{padding:18px}.service-map strong{font-size:17px}.service-map span{font-size:12px}}
@media(max-width:550px){.research-path{gap:64px}.journey-stage{padding-top:26px;gap:26px}.stage-intro h3{font-size:28px}.stage-intro>p:not(.stage-order){font-size:15px}.journey-image{width:100vw;margin-left:-6vw;margin-right:-6vw;border-left:0;border-right:0}.journey-image figcaption{padding:13px 6vw;font-size:11px}}
/* The separate hero and structure illustrations retain their existing viewer. */
body.image-viewer-open{overflow:hidden}#image-dialog{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:oklch(.987 .006 85)}#image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.dialog-toolbar{border-bottom:1px solid var(--line);padding:14px 20px;min-height:62px;background:var(--bg)}.dialog-toolbar p{font-size:13px;max-width:100ch;line-height:1.5}.dialog-toolbar button{flex-shrink:0;border-color:var(--ink);font-weight:600}.zoom-scroll{width:100%;height:100%;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;background:oklch(.94 .009 250);outline-offset:-3px}.zoom-scroll>img{display:block;width:auto;height:auto;max-width:none!important;max-height:none!important;margin:0 auto;object-fit:initial}.zoom-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 20px;background:var(--bg)}.zoom-actions button{padding:10px 15px;min-height:40px;color:var(--ink);border-color:var(--line)}.zoom-actions button[aria-pressed=true]{background:var(--ink);color:var(--bg)}#zoom-level{font-size:13px;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.zoom-help{font-size:12px;color:var(--muted);margin-left:auto}
@media(max-width:700px){.dialog-toolbar{padding:12px;min-height:58px}.dialog-toolbar p{font-size:11px}.zoom-actions{padding:10px;gap:6px}.zoom-actions button{font-size:11px;padding:8px 10px;min-height:38px}.zoom-help{width:100%;margin:2px 0 0;font-size:11px}#zoom-level{font-size:11px;min-width:38px}}

/* Short public introduction: one idea and one result for each research step. */
.hero-layout{grid-template-columns:1fr 1.1fr}.hero-figure{transform:none}.hero-art{padding:25px 0 38px}.hero-description{max-width:470px}.hero-note{font-size:12px}.figure-footer{border-top:1px solid var(--line);font-size:11px;padding:12px 19px}.hero-figure>img{width:100%;height:auto;max-height:none;object-fit:contain}.hero-figure figcaption{padding:16px 19px;font-size:13px}.art-disc{top:-25px;right:-36px}.motion-control{bottom:0}
.research-path{gap:72px}.journey-stage{padding-top:30px;gap:25px}.stage-order{margin-bottom:14px}.stage-intro h3{margin-bottom:17px}.stage-intro>p:not(.stage-order){line-height:1.65;margin-bottom:16px}.stage-intro>.stage-output{margin-top:21px;padding-top:17px}.journey-image figcaption{padding:13px 18px;font-size:11px}.capture-note{margin-top:28px;max-width:80ch}.access-grid h2{max-width:11ch}.access-grid .availability-note{font-size:13px!important}.workspace-heading>p{font-size:18px}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;gap:32px}.hero-art{padding:20px 0 35px}.hero-figure{width:100%}.hero-description{max-width:620px}.art-disc{top:0;right:-15px}.workspace-heading>p{font-size:16px}}
@media(max-width:550px){.hero-art{padding:15px 0 33px}.hero-note{font-size:11px}.hero-figure figcaption{font-size:11px;padding:12px 14px}.figure-footer{font-size:10px;padding:10px 14px}.motion-control{font-size:10px}.research-path{gap:53px}.journey-stage{padding-top:24px;gap:23px}.stage-order{font-size:13px}.journey-image figcaption{padding:11px 6vw}.access-grid h2{max-width:12ch}}

/* Put the explanation above the full research workspace, preserving its readable scale. */
.journey-stage{grid-template-columns:minmax(0,1fr)}
.journey-image{grid-column:1/-1}
@media(min-width:900px){
 .stage-intro{position:static;display:grid;grid-template-columns:40px minmax(200px,.9fr) minmax(0,1.3fr);gap:10px 32px;align-items:start}
 .stage-intro>.stage-order{grid-column:1;grid-row:1/3;margin:4px 0 0}
 .stage-intro>h3{grid-column:2;grid-row:1/3;font-size:28px;line-height:1.2;margin:0}
 .stage-intro>p:not(.stage-order):not(.stage-output){grid-column:3;grid-row:1;font-size:15px;line-height:1.65;margin:0;max-width:62ch}
 .stage-intro>.stage-output{grid-column:3;grid-row:2;padding-top:10px;margin:0}
}

.development-banner{display:flex;align-items:center;justify-content:center;gap:14px;padding:11px 20px;background:var(--mint);color:var(--ink);border-bottom:1px solid var(--line);font-size:13px;line-height:1.5;text-align:center}.development-banner strong{font-weight:700}.development-banner span{color:var(--muted)}@media(max-width:550px){.development-banner{flex-direction:column;gap:1px;font-size:12px}}

.contact-details{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.contact-details h2{margin:0}.contact-details .contact{font-size:clamp(20px,3vw,36px);overflow-wrap:anywhere}.developer-link{font-size:13px;color:var(--muted);line-height:1.6}.developer-link:hover{text-decoration:underline;text-underline-offset:4px}

.article-section{padding-block:90px}.article-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:45px}.article-label{font-size:14px;color:var(--ink);font-weight:600}.article-heading h2{margin-bottom:20px}.article-summary h3{font-size:24px;line-height:1.35;margin-bottom:20px}.article-heading p{font-size:16px}.article-status{font-size:12px!important}.article-pages{display:grid;grid-template-columns:1fr 1fr;gap:28px}.article-pages figure{margin:0;min-width:0}.article-pages img{width:100%;height:auto;border:1px solid var(--line);box-shadow:0 6px 24px oklch(.2 .015 260/.07)}.article-pages figcaption{font-size:12px;color:var(--muted);padding-top:12px}.article-source{font-size:12px;margin:25px 0 0}.article-summary .button{font-size:14px}.article-section .article-pages{align-items:start}@media(max-width:760px){.article-section{padding-block:55px}.article-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.article-pages{grid-template-columns:1fr;gap:28px}.article-heading h2{font-size:38px}.article-summary h3{font-size:21px}}

.article-abstract{margin:20px 0;font-size:14px}.article-abstract summary{cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:4px}.article-abstract p{margin:16px 0 0;font-size:14px;line-height:1.8}.article-pages{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.article-pages{grid-template-columns:1fr}}

/* Smaller complete screenshots, with their native proportions intact. */
.research-path{gap:54px}.journey-stage{gap:20px}.journey-image{width:100%;max-width:1080px;justify-self:center}.hero-art{max-width:550px;justify-self:center;width:100%}
@media(max-width:550px){.journey-image{width:100%;margin:0;max-width:100%;border:1px solid var(--line)}.journey-image figcaption{padding:10px 14px}.research-path{gap:42px}}
@media(max-width:550px){.journey-image{width:calc(100vw - 24px);max-width:none;margin:0;justify-self:center}}

/* Mobile navigation remains visible; every primary action has a full touch target. */
@media(max-width:850px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;padding:16px 6vw;min-height:0}
 .site-header>.wordmark{justify-self:start}.site-header>.button{min-height:44px}
 .site-header nav{display:flex;grid-column:1/-1;gap:12px;border-top:1px solid var(--line);padding-top:8px;justify-content:space-between;font-size:13px}
 .site-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;flex:1;text-align:center}
 .site-header nav a[href="#access"]{display:none}
 .contact-details{gap:20px}.contact-details .contact{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
 .article-abstract summary{display:flex;align-items:center;min-height:44px}
 .article-heading,.feature-layout,.stage-intro{min-width:0}.article-summary h3{overflow-wrap:anywhere}
 .site-footer{display:grid;grid-template-columns:1fr;gap:16px;padding:28px 6vw}
 .site-footer>.developer-link{display:flex;align-items:center;min-height:44px;max-width:100%;font-size:13px}
 .site-footer>div{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0}
 .site-footer>div>a{display:flex;align-items:center;min-height:44px}
 .site-footer>div>span{flex-basis:100%;font-size:12px;line-height:1.7}
}
@media(max-width:550px){
 .hero{padding-inline:6vw}.hero-description{font-size:16px;line-height:1.7}
 .section-wrap{padding-block:48px}.stage-intro h3{font-size:25px}.stage-intro>p:not(.stage-order){font-size:15px}
 .article-heading{gap:20px}.article-pages{gap:24px}.article-summary p{font-size:15px}
 .contact-details h2{font-size:36px}.contact-details .contact{font-size:22px}
}
@media(max-width:850px){.site-header>.wordmark{grid-column:1;grid-row:1}.site-header>.button{grid-column:2;grid-row:1;justify-self:end}.site-header nav{grid-row:2}}