@font-face{font-family:MorphoSans;src:local("Helvetica Neue");font-display:swap}
:root{--paper:#f5f5f3;--white:#fff;--ink:#191b20;--muted:#74767d;--blue:#2359ee;--line:#dcdedc;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,MorphoSans,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body,button,input{font-synthesis:none}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #5985ff;outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}::selection{background:#2359ee;color:white}canvas{display:block;width:100%;height:100%}.section-pad{padding:120px max(6vw,24px)}.small-label,.section-kicker,.step-number,.geometry-label,.stage-bottom,.diagram-label,.diagram-foot,.code-label,.source-caption,.window-label{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:1.4px;line-height:1.5}.section-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:64px;color:#686b72;font-size:11px}.asterisk{font-size:32px;line-height:1}.button{min-height:50px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:550;border-radius:28px;transition:background .25s,transform .35s var(--ease)}.button:hover{transform:translateY(-3px)}.button-dark{background:#1c1e23;color:white}.button-dark:hover{background:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:550}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.status-dot,.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}.pulse-dot{box-shadow:0 0 0 5px #6297ff15;background:#8ab8ff}.skip-link{position:fixed;top:-70px;left:20px;background:#fff;padding:15px;z-index:1000}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4vw;position:absolute;top:0;left:0;width:100%;z-index:50;border-bottom:1px solid #232a3c10;transition:none}.site-header.scrolled{position:fixed;height:66px;background:#f7f7f3e8;backdrop-filter:blur(24px);box-shadow:0 2px 25px #141e3e05}@keyframes navIn{from{transform:translateY(-100%)}to{transform:none}}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:27px;letter-spacing:-1.5px}.brand img{object-fit:contain;width:32px;height:26px}.brand-dot{color:var(--blue)}.site-header nav{display:flex;gap:34px;font-size:12px;font-weight:500}.site-header nav a{position:relative;padding:12px 0;color:#63666c;transition:color .2s}.site-header nav a:hover,.site-header nav a.current{color:var(--ink)}.site-header nav a:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after{transform:scaleX(1)}.nav-download{display:flex;gap:24px;align-items:center;border:1px solid #d0d3d8;padding:10px 17px;border-radius:24px;font-size:11px;font-weight:600;transition:background .2s,border-color .2s}.nav-download:hover{background:#fff;border-color:#9ea9c0}.menu-toggle{display:none}
.hero{position:relative;min-height:820px;height:100svh;max-height:1150px;overflow:hidden;background:radial-gradient(ellipse at 82% 41%,#e7edf9 0,transparent 48%),var(--paper)}.hero-overline{position:absolute;top:133px;left:6vw;font-size:11px;font-weight:500;display:flex;gap:10px;align-items:center;color:#5e6472;z-index:2}.hero-copy{position:absolute;top:31%;left:6vw;z-index:3;pointer-events:none}.hero-copy h1{font-size:clamp(64px,7.5vw,119px);line-height:.99;letter-spacing:-.072em;font-weight:540}.hero-copy h1 span{color:var(--blue)}.hero-copy p{margin-top:32px;color:#6b6e78;line-height:1.7;font-size:15px;letter-spacing:-.2px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px;pointer-events:auto}.hero-art{position:absolute;top:14%;right:-9%;width:75%;height:79%;z-index:1}.hero-art canvas{position:relative;z-index:2;filter:drop-shadow(0 40px 30px #2e54b00f);opacity:1;animation:artIn 1.8s .1s var(--ease) forwards}@keyframes artIn{from{opacity:1;transform:translateY(45px) scale(.94)}to{opacity:1;transform:none}}.art-orbit{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;border:1px solid #3f5f9b11;border-radius:50%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-30deg)}.orbit-two{width:88%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(30deg)}.geometry-label{position:absolute;right:16%;bottom:11%;color:#7a8bab;display:flex;align-items:center;gap:10px;font-size:8px}.crosshair{font-size:20px;font-weight:200}.hero-bottom{position:absolute;left:6vw;right:6vw;bottom:36px;display:flex;align-items:end;justify-content:space-between}.hero-bottom>div:first-child{display:flex;gap:8px;flex-direction:column;font-size:10px;color:#898b92}.hero-bottom .small-label{color:#343940}.scroll-invite{display:flex;gap:16px;align-items:center;font-size:10px;color:#707580}.scroll-line{display:block;height:37px;width:1px;background:#b4bdca;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-50%;height:50%;width:1px;background:var(--blue);animation:scrollLine 2s infinite}@keyframes scrollLine{to{transform:translateY(300%)}}.hero-index{font:12px "SFMono-Regular",monospace;color:#a4a8b1}.hero-index span{color:#3b414c}.hero-overline,.hero-copy,.hero-bottom{animation:fadeUp 1.1s var(--ease) both}.hero-copy{animation-delay:.15s}.hero-bottom{animation-delay:.35s}@keyframes fadeUp{from{opacity:1;translate:0 25px}to{opacity:1;translate:0 0}}
.intro{padding-top:135px;padding-bottom:135px;background:#fff}.intro .section-kicker{margin-bottom:52px}.statement{font-size:clamp(36px,4.5vw,72px);max-width:1100px;font-weight:510;letter-spacing:-.05em;line-height:1.14}.statement .word{color:#9a9da5}.statement .word.read{color:#1c1e24}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:66px}.tiny-mark{font-size:53px;letter-spacing:-6px;font-weight:600;color:var(--blue)}.intro-bottom p{width:450px;max-width:60%;font-size:15px;color:var(--muted);line-height:1.8}
.journey{height:340vh;background:#080e1d;color:#f4f7ff;position:relative}.journey-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 76% 52%,#12234b,transparent 65%)}.journey-top{position:absolute;top:105px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;z-index:3;color:#8d9bb9}.motion-toggle{border:1px solid #53658760;background:transparent;color:#b5c2db;padding:9px 13px;border-radius:25px;font-size:10px;display:flex;gap:16px}.motion-toggle:hover{background:#ffffff10}.journey-copy{position:absolute;left:8vw;top:35%;width:39%;z-index:2;pointer-events:none}.journey-step{position:absolute;inset:0 auto auto 0;opacity:0;transform:translateY(35px);transition:transform .8s var(--ease);width:100%;visibility:hidden}.journey-step.active{opacity:1;transform:none;visibility:visible}.step-number{color:#739aff;font-size:10px}.journey-step h2{font-size:clamp(44px,5.3vw,84px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin-top:25px}.journey-step h2 em{color:#759dff;font-style:normal}.journey-step p{color:#8e9bb3;line-height:1.8;font-size:14px;max-width:320px;margin-top:28px}.journey canvas{position:absolute;top:8%;left:29%;width:77%;height:83%;z-index:1}.journey-caption{position:absolute;right:7vw;bottom:140px;display:flex;align-items:center;gap:14px;font:8px monospace;letter-spacing:1px;color:#8a9ab8}.journey-progress{position:absolute;bottom:76px;left:8vw;right:8vw;height:1px;background:#52648340}.journey-progress-fill{display:block;width:0;height:2px;background:#7ca3ff;box-shadow:0 0 16px #3e76ff}.journey-markers{position:absolute;bottom:43px;left:8vw;right:8vw;display:flex;justify-content:space-between;font-size:11px;color:#57647d}.journey-markers span{transition:color .4s}.journey-markers .active{color:#d8e3ff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:60px}.section-heading h2,.learn h2{font-size:clamp(38px,4.7vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:520}.section-heading h2 span,.learn h2 span{color:#94969b}.section-heading>p{color:var(--muted);line-height:1.8;font-size:14px;padding-bottom:5px}.playground{display:grid;grid-template-columns:1.5fr 1fr;min-height:600px;border:1px solid #e1e3e6;border-radius:14px;overflow:hidden;background:#fff}.playground-stage{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 48%,#f0f4ff,#f7f8fa 75%);overflow:hidden}.playground-stage canvas{position:absolute;inset:0;cursor:grab;touch-action:pan-y}.playground-stage canvas:active{cursor:grabbing}.stage-top{position:absolute;top:26px;left:26px;right:26px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.stage-top>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:8px;font:8px monospace;letter-spacing:1px;border:1px solid #d9dee7;padding:9px 12px;border-radius:20px;color:#788196;background:#ffffff80}.pill i{height:5px;width:5px;border-radius:50%;background:var(--blue)}.icon-button{width:32px;height:32px;border:1px solid #d9dee7;border-radius:50%;background:transparent;color:#788196;font-size:20px}.icon-button:hover{background:white;color:var(--blue)}.stage-bottom{position:absolute;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;color:#8c95a5;font-size:8px}.stage-bottom>span:last-child{font:10px -apple-system,sans-serif;letter-spacing:0}.stage-bottom>span:last-child span{margin-left:10px}.playground-controls{padding:44px 40px}.playground-controls>.small-label{color:#9da4b0;font-size:8px}.playground-controls h3{font-weight:500;font-size:34px;letter-spacing:-1.5px;line-height:1.12;margin-top:24px}.playground-controls>p:not(.demo-note){font-size:12px;line-height:1.7;color:#969aa3;margin:15px 0 32px}.playground-controls label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:20px 0 12px;color:#555e6d}.playground-controls output{font:10px monospace;color:var(--blue)}input[type=range]{display:block;width:100%;height:3px;appearance:none;background:linear-gradient(to right,var(--blue) 43%,#e3e8f0 43%);border-radius:3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 1px 5px #2346ad20}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;border:3px solid var(--blue)}.form-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e9ebef;margin-top:35px;padding-top:20px;gap:20px}.form-metrics div{display:flex;flex-direction:column;gap:4px}.form-metrics div>span{font-size:27px;font-weight:500;letter-spacing:-1px}.unit{font-size:14px;letter-spacing:0;margin-left:3px;color:#a1a8b1}.form-metrics small{font-size:9px;color:#a1a8b1}.demo-note{font-size:9px;color:#8d939f;line-height:1.6;margin-top:22px;max-width:260px}
.visualizer{background:#080b13;color:white;overflow:hidden;padding-bottom:35px}.visualizer-heading{padding-bottom:10px}.visualizer .section-kicker{color:#7c828e}.visualizer h2{font-size:clamp(38px,5.2vw,80px);font-weight:500;line-height:1.06;letter-spacing:-.055em}.visualizer h2 span{color:#6c778c}.visualizer-heading>p{color:#8d95a6;margin-top:24px;line-height:1.8;font-size:14px}.product-stage{position:relative;perspective:1600px;width:100%;padding:65px 13vw 0}.product-halo{position:absolute;width:80%;height:70%;top:20%;left:10%;background:radial-gradient(ellipse,#16347e70,transparent 70%);filter:blur(40px);pointer-events:none}.product-window{position:relative;z-index:1;border:1px solid #474f6655;border-radius:15px 15px 8px 8px;overflow:hidden;background:#0b1020;box-shadow:0 35px 80px #0008;transform:rotateX(9deg) rotateY(-6deg) rotateZ(-2deg);will-change:transform;max-width:1100px;margin:auto}.window-chrome{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:linear-gradient(#20242e,#171a22);border-bottom:1px solid #ffffff08;font-size:9px;color:#7c8596}.window-chrome>div{display:flex;gap:5px}.window-chrome i{width:6px;height:6px;background:#555a66;border-radius:50%}.window-chrome i:first-child{background:#ac585c}.window-chrome i:nth-child(2){background:#b69951}.window-chrome i:nth-child(3){background:#61906d}.window-label{font-size:6px;letter-spacing:1px}.product-window>img{width:100%;height:auto;aspect-ratio:1.48;object-fit:cover;object-position:top;transition:opacity .25s;mix-blend-mode:normal}.visualizer-footer{padding-top:65px;padding-bottom:50px;display:grid;grid-template-columns:1.1fr 1fr;gap:24px 80px}.view-tabs{display:flex;align-items:flex-start;gap:20px}.view-tabs button{display:flex;flex-direction:column;gap:12px;align-items:start;background:transparent;border:0;border-top:1px solid #394353;padding:17px 8px 0 0;color:#626e82;font-size:9px;flex:1;transition:color .3s,border-color .3s}.view-tabs span{font-size:12px;white-space:nowrap}.view-tabs button[aria-selected=true]{color:#a8c2ff;border-color:#6696ff}.view-tabs button:hover{color:white}#view-description h3{font-size:20px;font-weight:500;letter-spacing:-.5px}#view-description p{font-size:12px;color:#79869b;line-height:1.8;margin-top:12px}.source-caption{grid-column:1/-1;color:#5f6a7c;font-size:8px;letter-spacing:0;margin-top:24px}.source-caption a{text-decoration:underline;text-underline-offset:3px}
.workflow{background:#fff}.workflow-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}.workflow-list{max-width:430px}.workflow-item{display:flex;gap:25px;padding:28px 0;border-top:1px solid #eceef1}.workflow-item>span{font:10px monospace;color:#a6adb8;padding-top:4px}.workflow-item h3{font-size:20px;font-weight:550;letter-spacing:-.5px}.workflow-item p{font-size:12px;color:#9297a0;line-height:1.8;margin-top:12px}.workflow-list>.text-link{margin-top:20px;color:var(--blue);margin-left:38px}.node-diagram{position:relative;aspect-ratio:520/550;background:#f6f7fa;border-radius:12px;overflow:hidden}.diagram-grid{position:absolute;inset:0;background-image:radial-gradient(#b9c0ce80 .8px,transparent .8px);background-size:17px 17px;mask-image:radial-gradient(ellipse at center,black,transparent 85%)}.diagram-label{position:absolute;left:7%;top:6%;font-size:8px;color:#8c97a8}.node-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.node-wires path{stroke:#7b91bd;stroke-width:1;fill:none;stroke-dasharray:5 5;animation:flow 24s linear infinite}@keyframes flow{to{stroke-dashoffset:-200}}.gh-node{position:absolute;display:flex;flex-direction:column;border:1px solid #c4cce1;border-radius:6px;background:#ffffffed;width:35%;padding:14px;box-shadow:0 6px 15px #23335f08}.gh-node small{font:6px monospace;letter-spacing:1px;color:#9fa7b8}.gh-node b{font-size:11px;font-weight:500;margin:7px 0 10px;letter-spacing:-.2px}.gh-node>span{font-size:8px;color:#8a93a5;display:flex;justify-content:space-between}.gh-node i{font-style:normal;color:#a5b9e6;font-size:6px}.parameters{top:14%;left:8%;width:28%}.generator{top:33%;left:46%;background:#2359ee;border-color:#2359ee;color:white;box-shadow:0 14px 28px #2359ee25}.generator small,.generator>span{color:#bdd0ff}.aggregator{top:53%;left:20%}.population{top:74%;left:39%;width:40%}.filter-node{position:absolute;right:13%;top:16%;background:#e5ebf8;border:1px solid #cad6f2;border-radius:20px;padding:8px 12px;font-size:8px;color:#6582bf;display:flex;gap:10px}.diagram-foot{position:absolute;left:7%;bottom:5%;display:flex;align-items:center;gap:9px;font-size:7px;color:#9ca6b7}.diagram-foot .status-dot{width:4px;height:4px}.expression-block{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;padding:65px 0 0;border-top:1px solid #e8e9ed;margin-top:90px}.expression-block .small-label{font-size:8px;color:#9ba2ad}.expression-block h3{font-size:34px;line-height:1.1;font-weight:500;letter-spacing:-1.5px;margin-top:18px}.expression-right{padding-top:4px}.code-label{display:flex;gap:9px;align-items:center;color:#8992a3;font-size:8px}.code-label button{margin-left:auto;border:0;background:none;color:#8c95a4;font:10px -apple-system,sans-serif;padding:8px}.code-label button:hover{color:var(--blue)}.code-label .status-dot{width:4px;height:4px}.expression-right code{display:block;font-size:clamp(12px,1.65vw,23px);padding:25px 0;border-bottom:1px solid #e3e8ef;letter-spacing:-.8px;white-space:nowrap}.expression-right code span{color:var(--blue)}.expression-right p{font-size:11px;line-height:1.7;color:#959dab;margin-top:18px;max-width:380px}
.philosophy{background:#101b3c;position:relative;overflow:hidden;text-align:center;padding:130px 24px 140px;color:white}.philosophy-orb{position:absolute;inset:-30% -20%;background:radial-gradient(ellipse at 50% 15%,#4c74da50,transparent 60%),radial-gradient(ellipse at 50% 90%,#1d67e880,transparent 50%);pointer-events:none}.philosophy .small-label{position:relative;color:#92a6d4;font-size:9px}.philosophy h2{font-size:clamp(40px,5.8vw,86px);font-weight:500;letter-spacing:-.055em;line-height:1.04;position:relative;margin-top:44px}.philosophy h2 span{color:#6987ca}.philosophy p{position:relative;color:#98abd2;font-size:14px;line-height:1.7;margin-top:35px}.philosophy .text-link{position:relative;margin-top:30px;font-size:11px;color:#c6d8ff}
.learn{background:var(--paper)}.learn-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:12vw;align-items:center}.learn h2{font-size:clamp(35px,4vw,60px)}.learn-copy>p{font-size:13px;line-height:1.8;max-width:390px;color:#898e98;margin:26px 0 36px}.resource-row{padding:22px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #dcdfe5;transition:padding .35s var(--ease)}.resource-row:hover{padding-left:8px;color:var(--blue)}.resource-row>span:first-child{display:flex;flex-direction:column;gap:7px}.resource-row small{font:7px monospace;letter-spacing:.6px;color:#939aa7}.resource-row strong{font-size:13px;font-weight:500;letter-spacing:-.25px}.resource-row>span:last-child{font-size:18px;color:#7a8ba8}.manual-display{perspective:1600px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:44px;padding:12px 10px 0}
.book{width:100%;max-width:480px;aspect-ratio:17/22;position:relative;transform-style:preserve-3d;transform:rotateX(6deg) rotateY(-24deg) rotateZ(2deg);transition:transform .8s var(--ease)}
.book:before{content:"";position:absolute;inset:0;border-radius:2px 4px 4px 2px;background:#171918;transform:translateZ(-10px);box-shadow:2px 3px 4px #0002,14px 20px 28px #19202c1c,30px 44px 58px #19202c18}
.book:after{content:"";position:absolute;inset:0;border-radius:2px 4px 4px 2px;transform:translateZ(10.5px);background:linear-gradient(90deg,#00000050 0,transparent 1.2%,#ffffff14 2%,#00000038 3%,transparent 5.5%),linear-gradient(115deg,#ffffff0c,transparent 45%,#00000012);box-shadow:inset 0 1px 0 #ffffff20,inset -1px 0 0 #ffffff15;pointer-events:none}
.book img{display:block;width:100%;height:auto;aspect-ratio:17/22;object-fit:contain;border-radius:2px 4px 4px 2px;transform:translateZ(10px);backface-visibility:hidden}
.book-pages{position:absolute;display:block;background-color:#eeeae1;backface-visibility:hidden}
.book-pages-side{width:16px;height:calc(100% - 10px);right:-4px;top:5px;transform:rotateY(90deg);background-image:linear-gradient(90deg,#bdb8ac33,#ffffff38 40%,#9d978b30),repeating-linear-gradient(90deg,#ddd8cc 0,#f4f1e8 .65px,#e8e3d7 1px,#f5f2e9 1.6px);box-shadow:inset 0 4px 4px -4px #403a3440,inset 0 -4px 4px -4px #403a3440}
.book-pages-top,.book-pages-bottom{left:4px;width:calc(100% - 8px);height:16px;background-image:linear-gradient(90deg,#847b6650,transparent 9%,#ffffff18 80%),repeating-linear-gradient(0deg,#e0dbcf 0,#f4f1e8 .65px,#e8e3d7 1px,#f5f2e9 1.6px)}
.book-pages-top{top:-3px;transform:rotateX(90deg)}
.book-pages-bottom{bottom:-3px;transform:rotateX(-90deg);filter:brightness(.86)}
.book-spine{position:absolute;left:-10px;top:0;width:20px;height:100%;background:linear-gradient(90deg,#0b0d0c,#252927 45%,#101210);transform:rotateY(-90deg);border-radius:2px}
.manual-display:hover .book,.manual-display:focus-visible .book{transform:rotateX(3deg) rotateY(-17deg) rotateZ(1deg) translateY(-6px)}
.manual-display>span{font-size:9px;color:#9197a3;display:flex;gap:26px}
.download{background:#fff;border-top:1px solid #e9e9eb;text-align:center;padding-bottom:100px}.download-top>img{margin:auto auto 25px;width:55px;height:auto}.download-top .small-label{font-size:8px;color:#7a8ba8}.download h2{font-size:clamp(55px,7vw,105px);line-height:.99;letter-spacing:-.065em;font-weight:500;margin-top:27px}.download h2>span{color:var(--blue)}.download-top p{font-size:14px;color:#8d929c;line-height:1.7;margin-top:26px}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:810px;margin:45px auto 0}.download-option{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #dce1ea;border-radius:12px;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s;background:#fafbfe}.download-option:hover{transform:translateY(-5px);box-shadow:0 15px 30px #2454b310;border-color:#739af6}.download-option>svg{width:28px;height:28px;color:#1d273d;flex-shrink:0}.download-option>span:nth-child(2){display:flex;flex-direction:column;gap:7px}.download-option strong{font-size:14px;font-weight:550;letter-spacing:-.3px}.download-option small{font-size:9px;color:#919aaa;white-space:nowrap}.download-arrow{margin-left:auto;color:var(--blue);font-size:22px}.download-note{font-size:9px;line-height:1.8;color:#9ba2ad;margin:23px auto 0}.install-details{max-width:810px;margin:35px auto 0;border-top:1px solid #e6e9ef;border-bottom:1px solid #e6e9ef;text-align:left}.install-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;padding:18px 4px;list-style:none}.install-details summary::-webkit-details-marker{display:none}.install-details summary>span{font-size:19px;color:#8c97aa;transition:transform .3s}.install-details[open] summary>span{transform:rotate(45deg)}.install-details>div{padding:0 4px 25px}.install-details p{font-size:11px;line-height:1.8;color:#8b95a5;margin-bottom:14px}.install-details a{font-size:11px;color:var(--blue)}
.site-footer{padding-top:42px;padding-bottom:30px;background:#f0f1f2}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:40px}.footer-top .brand{font-size:22px}.footer-top .brand img{width:27px;height:20px}.footer-top p{font-size:12px;color:#9299a4}.back-top{margin-left:auto;font-size:10px;color:#7f899a}.footer-bottom{padding-top:25px;border-top:1px solid #dadee5;display:flex;justify-content:space-between;gap:30px}.footer-bottom p{font-size:8px;color:#929ba9;line-height:1.8}.footer-bottom p:last-child{text-align:right}.footer-bottom a{text-decoration:underline;text-underline-offset:2px}.page-progress{position:fixed;left:0;top:0;height:2px;width:0;z-index:100;background:var(--blue);pointer-events:none}
.js .reveal{opacity:1;transform:translateY(35px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.js .reveal:nth-child(2){transition-delay:.08s}.js .reveal:nth-child(3){transition-delay:.14s}
@media(min-width:1600px){.hero-copy{left:max(6vw,calc((100vw - 1450px)/2))}.section-pad{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}}
@media(max-width:1050px){.hero-copy h1{font-size:8.1vw}.hero-art{right:-18%;width:84%}.hero{min-height:750px}.playground-controls{padding:35px 28px}.section-heading{gap:24px}.section-heading>p{font-size:12px}.workflow-layout{gap:5vw}.gh-node{padding:10px}.gh-node b{font-size:9px}.expression-block{gap:40px}.visualizer-footer{gap:25px 35px}.view-tabs{gap:12px}.learn-layout{gap:7vw}.download-option{padding:20px;gap:12px}.download-option small{font-size:8px}}
@media(max-width:760px){html{scroll-padding-top:74px}.section-pad{padding:75px 24px}.site-header{height:72px;padding:0 24px}.brand{font-size:25px}.brand img{width:28px;height:22px}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#f7f7f5fa;backdrop-filter:blur(20px);padding:25px;flex-direction:column;gap:10px;border-bottom:1px solid #e2e6ec}.site-header.menu-open nav{display:flex}.site-header nav a{font-size:15px;padding:10px}.nav-download{margin-left:auto;margin-right:20px;font-size:10px;padding:8px 12px;gap:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:5px;width:23px;height:25px}.menu-toggle span{height:1px;width:18px;background:#1c273c;transition:transform .3s}.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{min-height:850px;height:100svh;max-height:1000px}.hero-overline{left:24px;top:108px;font-size:9px}.hero-copy{left:24px;top:166px}.hero-copy h1{font-size:clamp(54px,10.8vw,82px);letter-spacing:-.067em}.hero-copy p{font-size:12px;margin-top:23px;line-height:1.7}.hero-actions{margin-top:22px;gap:20px}.button{font-size:11px;padding:13px 20px;min-height:44px}.hero-actions .text-link{font-size:11px}.hero-art{width:110%;height:48%;right:-12%;top:44%;pointer-events:none}.geometry-label{right:18%;bottom:9%;font-size:6px}.hero-bottom{left:24px;right:24px;bottom:27px}.hero-bottom>div:first-child{font-size:8px}.hero-bottom .small-label{font-size:8px}.scroll-invite{font-size:8px;gap:10px}.hero-index{display:none}.section-kicker{font-size:8px;margin-bottom:36px;gap:20px}.section-kicker>span:last-child{font-size:7px;text-align:right}.section-kicker .asterisk{font-size:24px!important}.statement{font-size:36px;line-height:1.17;letter-spacing:-1.6px}.intro-bottom{margin-top:38px;gap:30px;align-items:start}.intro-bottom p{font-size:12px;max-width:none;flex:1;line-height:1.8}.tiny-mark{font-size:40px}.journey{height:290vh}.journey-sticky{min-height:700px}.journey-top{top:90px;left:24px;right:24px;gap:20px}.journey-top>.small-label{font-size:7px;max-width:160px}.motion-toggle{font-size:8px;padding:8px 10px;gap:9px}.journey-copy{left:28px;top:160px;width:85%}.journey-step h2{font-size:48px;line-height:1.01;margin-top:17px}.journey-step p{font-size:12px;line-height:1.6;max-width:290px;margin-top:17px}.step-number{font-size:8px}.journey canvas{top:38%;left:-10%;width:120%;height:48%}.journey-caption{right:25px;bottom:112px;font-size:6px}.journey-progress{left:28px;right:28px;bottom:66px}.journey-markers{left:28px;right:28px;bottom:34px;font-size:9px}.section-heading{display:block;margin-bottom:35px}.section-heading h2,.learn h2{font-size:40px;letter-spacing:-2px}.section-heading>p{font-size:12px;margin-top:24px}.playground{display:flex;flex-direction:column;border-radius:10px}.playground-stage{height:350px}.playground-controls{padding:30px}.playground-controls h3{font-size:30px;margin-top:16px}.playground-controls>p:not(.demo-note){margin-bottom:25px}.playground-controls label{font-size:12px;margin-top:26px}.form-metrics{margin-top:32px}.demo-note{max-width:none}.stage-top{left:20px;right:20px;top:20px}.stage-bottom{left:20px;right:20px;bottom:20px}.visualizer-heading{padding-bottom:15px}.visualizer h2{font-size:40px;letter-spacing:-2px}.visualizer-heading>p{font-size:12px;line-height:1.8}.product-stage{padding:35px 5vw 0}.product-window{border-radius:9px;transform:rotateX(5deg) rotateY(-3deg) rotateZ(-1deg)}.window-chrome{height:25px;font-size:7px;padding:0 10px}.window-label{display:none}.window-chrome i{width:4px;height:4px}.visualizer-footer{display:block;padding-top:38px;padding-bottom:25px}.view-tabs{gap:20px}.view-tabs button{font-size:8px;gap:9px}.view-tabs span{font-size:11px}#view-description{margin-top:30px;min-height:110px}#view-description h3{font-size:18px}#view-description p{font-size:12px}.source-caption{font-size:7px;line-height:1.8;margin-top:20px}.workflow-layout{display:flex;flex-direction:column;gap:45px}.workflow-list{max-width:none}.workflow-item h3{font-size:20px}.workflow-item p{font-size:12px}.workflow-list>.text-link{font-size:12px}.node-diagram{width:100%;max-width:500px}.gh-node b{font-size:11px}.gh-node small{font-size:6px}.expression-block{display:block;margin-top:55px;padding-top:40px}.expression-block h3{font-size:30px}.expression-right{margin-top:30px}.expression-right code{font-size:clamp(11px,3.5vw,18px);letter-spacing:-.5px}.expression-right p{font-size:11px}.philosophy{padding:95px 24px}.philosophy h2{font-size:44px;letter-spacing:-2.4px}.philosophy .small-label{font-size:7px}.philosophy p{font-size:12px}.learn-layout{display:flex;flex-direction:column;gap:65px}.learn-copy{width:100%}.learn-copy>p{font-size:12px}.manual-display{width:82%;max-width:330px;gap:30px}.manual-display .book{width:100%}.manual-display>span{font-size:8px;white-space:nowrap;gap:12px}.resource-row strong{font-size:12px}.resource-row small{font-size:6px}.download-top>img{width:45px}.download h2{font-size:65px}.download-top p{font-size:12px}.download-options{grid-template-columns:1fr;max-width:440px;margin-top:35px;gap:12px}.download-option{padding:22px}.download-option strong{font-size:14px}.download-option small{font-size:9px}.download-note{font-size:8px}.download-top .small-label{font-size:7px}.install-details{margin-top:28px}.install-details p{font-size:10px}.site-footer{padding-top:35px;padding-bottom:25px}.footer-top{gap:14px;padding-bottom:25px;flex-wrap:wrap}.footer-top p{display:none}.footer-top .brand{font-size:23px}.footer-bottom{flex-direction:column;gap:16px}.footer-bottom p,.footer-bottom p:last-child{text-align:left;font-size:8px}.back-top{font-size:9px}}
@media(max-width:370px){.hero-copy h1{font-size:49px}.hero{min-height:820px}.hero-art{top:47%;height:42%}.hero-overline{font-size:8px}.hero-copy p{font-size:11px}.hero-actions{gap:16px}.nav-download{margin-right:12px}.statement{font-size:31px}.section-heading h2,.visualizer h2,.learn h2{font-size:34px}.philosophy h2{font-size:37px}.download h2{font-size:55px}.playground-controls{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}.hero-art canvas{opacity:1}.statement .word{color:var(--ink)}.journey{height:auto}.journey-sticky{height:auto;min-height:1150px;position:relative}.journey-copy{top:170px;width:80%;max-width:700px}.journey-step{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;margin-bottom:40px}.journey-step h2{font-size:38px}.journey-step h2 br{display:none}.journey-step p{max-width:500px}.journey canvas{opacity:.15;top:10%;height:70%;left:25%}.journey-progress,.journey-markers,.journey-caption{display:none}.product-window{transform:none!important}.motion-toggle{display:none}}

/* Reading sizes and contrast remain generous at every viewport. */
.site-header nav{font-size:13px}.hero-copy h1 span{margin-left:.035em}
.section-kicker,.small-label{font-size:11px}.hero-overline{font-size:12px}
.section-heading>p,.intro-bottom p,.journey-step p,.visualizer-heading>p,.learn-copy>p,.download-top p{font-size:15px;color:#6e7582}
.journey-step p{color:#a1aec6}.visualizer-heading>p{color:#a1aaba}
.workflow-item p,#view-description p{font-size:14px}.workflow-item p{color:#707988}#view-description p{color:#a0aabe}
.playground-controls>p:not(.demo-note),.playground-controls label{font-size:13px;color:#6c7584}.playground-controls output{font-size:12px}
.demo-note,.source-caption,.download-note,.footer-bottom p,.install-details p{font-size:11px}.demo-note,.download-note,.footer-bottom p,.install-details p{color:#737e8e}
.source-caption{color:#8995aa}.form-metrics small{font-size:11px;color:#758092}
.stage-bottom,.pill,.playground-controls>.small-label,.diagram-label,.diagram-foot,.code-label,.resource-row small,.download-top .small-label{font-size:10px}
.resource-row strong{font-size:15px}.download-option small{font-size:11px;color:#758094}.expression-right p{font-size:13px;color:#788292}
.view-tabs button{font-size:11px}.view-tabs span{font-size:14px}.view-tabs button{color:#8995aa}
.install-details summary,.install-details a{font-size:13px}.manual-display>span{font-size:11px;color:#737e8e}.hero-bottom>div:first-child,.scroll-invite{font-size:11px}
.motion-paused .node-wires path,.motion-paused .scroll-line:after{animation-play-state:paused}
@media(max-width:760px){
 .hero-overline{font-size:10px}.hero-copy p{font-size:14px}.hero-actions .text-link{font-size:12px}
 .section-kicker{font-size:9px}.section-kicker>span:last-child{font-size:8px}.small-label{font-size:10px}
 .section-heading>p,.intro-bottom p,.journey-step p,.visualizer-heading>p,.learn-copy>p,.download-top p{font-size:14px}
 .workflow-item p,#view-description p{font-size:14px}.demo-note,.source-caption,.download-note,.footer-bottom p,.footer-bottom p:last-child,.install-details p{font-size:11px}
 .playground-controls label{font-size:13px}.playground-controls>p:not(.demo-note){font-size:13px}.playground-controls output{font-size:12px}
 .stage-bottom,.pill,.playground-controls>.small-label,.diagram-label,.diagram-foot,.code-label,.resource-row small,.download-top .small-label{font-size:9px}
 .resource-row strong{font-size:14px}.download-option small{font-size:10px}.hero-bottom>div:first-child,.scroll-invite{font-size:9px}
 .view-tabs span{font-size:12px}.manual-display>span{font-size:10px}.hero-art{top:47%;height:44%}
 .journey-copy{top:155px}.journey canvas{top:43%;height:43%}
}