@font-face{font-family:Hand;src:url('/assets/patrick-hand.ttf') format('truetype');font-display:swap}@font-face{font-family:Ink;src:url('/assets/dejavu-mono.ttf') format('truetype');font-display:swap}
:root{--paper:#f4f1e8;--ink:#282d26;--green:#294f3c;--muted:#72766a;--line:#d5d6c7;--pale:#e5e9db;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:Ink,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:#d7dfb9}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-weight:400}svg{display:block}button svg{pointer-events:none}.wrap{max-width:1320px;margin:auto;padding:0 64px}.skip{position:absolute;top:-60px;left:20px;padding:14px;background:var(--green);color:white;z-index:30}.skip:focus{top:10px}.header{height:116px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;gap:13px;align-items:center;font-size:13px;line-height:1.35;letter-spacing:.2px}.wordmark strong{font-size:17px;font-family:var(--serif);font-weight:400}.wordmark svg{width:31px;height:36px;fill:none;stroke:var(--green);stroke-width:1.7}.wordmark .spark{fill:var(--green);stroke:none}.header nav{display:flex;gap:32px;font-size:12px;color:#555c50}.header nav a:hover{color:var(--green)}.nav-cta{font-size:12px;display:flex;align-items:center;gap:30px;border:1px solid #a8b29e;padding:13px 18px;border-radius:3px;transition:background .2s}.nav-cta:hover{background:var(--pale)}.nav-cta span{font-size:18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:734px;align-items:center;gap:34px;padding:52px 0 60px;overflow:clip}.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:1.5;color:var(--green)}.tiny-star{font-size:18px;display:inline-block;vertical-align:middle;margin-right:8px}.hero h1{font-family:var(--serif);font-size:clamp(76px,7.4vw,101px);line-height:.96;letter-spacing:-5px;margin:24px 0 30px;position:relative;width:max-content}.hero h1 em{color:var(--green);position:relative;z-index:1}.underline{position:absolute;width:210px;bottom:-13px;left:-4px;stroke:#a6af80;stroke-width:2;fill:none;transform:rotate(-2deg)}.hero-desc{font-size:19px;line-height:1.5;letter-spacing:-.3px}.hero-detail{color:var(--muted);font-size:14px;line-height:1.8;margin:15px 0 27px}.button{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;background:var(--green);color:var(--paper);padding:17px 21px;border-radius:3px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#1e3f2e;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.connection{display:flex;align-items:center;gap:8px;font-size:10px;color:#69725e;margin-top:19px}.status-dot{height:6px;width:6px;background:#688355;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 3px #68835510}.hero-art{height:580px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 3px 0 0}.orbit{position:absolute;border:1px solid #dce0ce;border-radius:50%;width:500px;height:500px;transform:rotate(-20deg);z-index:-1}.orbit-two{width:570px;height:570px;border-style:dashed;opacity:.75}.device{display:flex;background:linear-gradient(100deg,#e3e3da,#f9f9f3 65%,#e8e8e1);border-radius:13px;padding:20px 19px 24px 37px;position:relative;border:1px solid #d4d7cf;box-shadow:0 32px 38px -18px #27332c30,0 4px 7px #27332c16,inset 0 0 1px 2px white}.hero-device{width:352px;height:477px;transform:rotate(6deg);flex-shrink:0}.device:before{content:'';position:absolute;top:-3px;left:60px;width:32px;height:3px;background:#a6aaa1;border-radius:3px 3px 0 0}.device-spine{position:absolute;top:0;bottom:0;left:0;width:20px;background:linear-gradient(90deg,#394239,#53584f);border-radius:12px 0 0 12px;color:#e6e7df;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px}.device-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:.7px}.paper-screen{background:#efefe7;position:relative;flex:1;border:1px solid #d9dace;padding:26px 20px;box-shadow:inset 0 0 15px #55550005}.paper-title{font-family:var(--serif);font-size:16px;white-space:nowrap}.paper-rule{height:1px;background:#9a9e90;margin:14px 0 28px}.handwritten{font-family:Hand,cursive;font-weight:400}.hero-question{font-size:27px;transform:rotate(-3deg);margin:0 0 28px -2px;white-space:nowrap}.ink-answer{font-family:var(--mono);font-size:12px;line-height:2}.hero-answer span{display:block;animation:inkAppear .65s both}.hero-answer span:nth-child(1){animation-delay:.5s}.hero-answer span:nth-child(2){animation-delay:1s}.hero-answer span:nth-child(3){animation-delay:1.5s}.hero-answer span:nth-child(4){animation-delay:2s}.sky-sketch{stroke:#4a5144;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;fill:none;width:170px;margin:20px auto 0;transform:rotate(-3deg)}.paper-page{position:absolute;bottom:12px;left:50%;font-family:var(--serif);font-size:9px;color:#8b8f80}.stylus{position:absolute;width:12px;height:374px;right:6px;top:124px;background:linear-gradient(90deg,#b9bcb0,#f8f9f3 40%,#d4d7ce 80%,#a6afa1);border-radius:6px 6px 3px 3px;transform:rotate(13deg);box-shadow:9px 10px 9px #38483120}.stylus:after{content:'';position:absolute;bottom:-14px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:15px solid #a6aba0}.side-note{font-family:Hand,cursive;font-size:18px;position:absolute;top:1px;right:4px;color:#738466;transform:rotate(8deg);line-height:1.15}.hero-stamp{position:absolute;bottom:2px;left:13px;width:128px;height:128px;border:1px solid #819275;border-radius:50%;text-align:center;color:var(--green);transform:rotate(-13deg);font-size:10px;letter-spacing:1px;padding-top:23px;background:#f4f1e8c9}.hero-stamp b{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:-.4px;line-height:1.5}.stamp-star{font-size:28px;display:block;line-height:1.15;margin-bottom:5px}.spec-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;font-size:12px}.spec-strip>span{font-size:8px;letter-spacing:1.4px;color:#79816d;max-width:130px;line-height:1.8}.spec-strip i{font-size:15px;font-style:normal;color:#a5ad99}.spec-strip .handwritten{font-size:20px;color:var(--green)}.section{padding:103px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}h2{font-family:var(--serif);font-size:45px;line-height:1.12;letter-spacing:-1.7px}h2 em{color:var(--green)}.section-heading h2,.build h2,.questions h2{margin-top:20px}.section-heading>p{font-size:13px;line-height:1.85;color:var(--muted);padding-bottom:5px;max-width:290px}.demo-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:start}.demo-options{padding-top:18px}.example{border:0;border-top:1px solid var(--line);background:none;display:flex;align-items:center;text-align:left;width:100%;padding:28px 0;gap:17px;color:var(--muted);transition:color .2s}.example:last-of-type{border-bottom:1px solid var(--line)}.example-num{font-family:var(--mono);font-size:10px;align-self:flex-start;margin-top:5px}.example strong{display:block;font-size:20px;font-family:var(--serif);font-weight:400;color:var(--ink);margin-bottom:9px}.example small{font-size:11px;line-height:1.6;display:block}.example-arrow{margin-left:auto;font-size:23px;opacity:0;transform:translateX(-6px);transition:.2s}.example.active{color:var(--green)}.example.active strong{color:var(--green)}.example.active .example-arrow,.example:hover .example-arrow{opacity:1;transform:translateX(0)}.example.active .example-num{background:var(--green);color:var(--paper);border-radius:50%;padding:6px;margin-left:-6px;margin-right:-6px;margin-top:-1px}.demo-note{font-size:10px;color:#7e8674;line-height:1.7;display:flex;gap:12px;margin-top:24px;padding-left:30px}.demo-note>span{font-size:19px}.demo-card{border:1px solid #d2d6c6;border-radius:5px;box-shadow:0 14px 30px -16px #273e291b;overflow:hidden;background:#f9f9f2}.demo-paper{padding:30px 35px 25px;min-height:315px;position:relative;background-image:linear-gradient(#dee2d322 1px,transparent 1px);background-size:100% 29px}.demo-paper-top{display:flex;justify-content:space-between;font-family:var(--serif);font-size:15px;padding-bottom:18px;border-bottom:1px solid #bfc5b1}.demo-page-no{font-family:var(--mono);font-size:9px;color:#929985}.demo-paper>.handwritten{font-size:28px;line-height:1.25;margin:28px 0 25px;min-height:38px}.demo-answer{min-height:107px;font-family:var(--mono);font-size:13px;line-height:1.95;max-width:100%;overflow-wrap:anywhere}.answer-line{display:block;animation:inkAppear .4s both}.waiting-note{font-family:var(--serif);font-style:italic;color:#939b87;font-size:16px}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:#e9ede0;border-top:1px solid #d7deca;min-height:71px}.demo-controls>span{font-family:var(--mono);font-size:9px;color:#68795e}.tap-button{display:flex;align-items:center;gap:11px;padding:9px 0;border:0;background:none;font-size:11px;color:var(--green);font-weight:600;white-space:nowrap}.tap-button svg{width:30px;fill:none;stroke:var(--green);stroke-width:1.1}.tap-button:disabled{opacity:.5;cursor:wait}.finger-dots{position:absolute;top:110px;right:28px;display:flex;gap:7px;opacity:0;transform:translateY(5px);pointer-events:none}.finger-dots i{width:16px;height:16px;border:1px solid #789763;border-radius:50%;background:#829c6520}.finger-dots i:nth-child(2){margin-top:-11px}.finger-dots i:nth-child(3){margin-top:-13px}.finger-dots i:nth-child(4){margin-top:-4px}.finger-dots.visible{animation:touchDown 1s}.demo-diagram{width:100%;height:112px;stroke:var(--green);fill:none;stroke-width:1.4;animation:inkAppear .7s both}.demo-diagram text{fill:var(--green);stroke:none;font-family:Ink,monospace;font-size:11px}.unplugged{padding:64px 60px;background:var(--pale);position:relative;border-radius:3px;overflow:hidden}.unplugged h2{font-size:61px;letter-spacing:-2.3px;margin:23px 0 25px}.unplugged>p:last-of-type{font-size:13px;line-height:1.9;color:#66745e}.unplugged-mark{position:absolute;right:68px;top:50%;transform:translateY(-50%) rotate(-8deg);width:180px;text-align:center}.unplugged-mark svg{width:150px;margin:auto;fill:none;stroke:#56704e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.unplugged-mark span{font-family:Hand,cursive;color:#5a754c;font-size:23px;display:block;margin-top:25px}.mechanism{border-bottom:1px solid var(--line)}.flow{display:flex;align-items:center;justify-content:space-between;margin-top:48px}.flow-step{position:relative;background:none;border:0;padding:22px 10px 26px;text-align:center;flex:1;min-width:0;border-radius:5px;transition:background .25s}.flow-step.active{background:#e6eadb}.flow-step:hover{background:#e6eadb88}.flow-index{position:absolute;left:15px;top:13px;font-size:9px;font-family:var(--mono);color:#8b967c}.flow-step svg{width:63px;height:63px;margin:6px auto 23px;stroke:#53644a;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.flow-step strong{display:block;font-family:var(--serif);font-size:21px;font-weight:400;margin-bottom:10px}.flow-step small{font-size:10px;color:#758069;display:block;line-height:1.5}.flow-arrow{font-size:24px;color:#8e9c7f;padding:0 14px}.flow-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px;padding:26px 0;display:grid;grid-template-columns:180px 1fr 60px;gap:28px;align-items:start;min-height:114px}.detail-label{font-size:8px;letter-spacing:1.1px;line-height:1.7;color:var(--green);padding-top:3px}.flow-detail p{font-size:13px;color:#65705d;line-height:1.8;max-width:610px}.detail-count{font-size:9px;font-family:var(--mono);color:#839175;text-align:right;padding-top:4px}.flow-footnote{font-size:11px;color:#7e8573;margin-top:22px;text-align:center;line-height:1.8}.flow-footnote strong{font-weight:400;color:var(--green)}.build{display:grid;grid-template-columns:1fr .77fr;gap:100px;align-items:start;border-bottom:1px solid var(--line)}.build h2{font-size:40px}.build-intro{font-size:13px;color:var(--muted);line-height:1.8;margin:23px 0 36px}.build-log{list-style:none;padding:0;margin:0}.build-log li{display:flex;gap:22px;position:relative;padding-bottom:28px}.build-log li:before{content:'';position:absolute;left:13px;top:30px;bottom:4px;border-left:1px solid #d0d7c1}.build-log li:last-child:before{display:none}.build-log li>span{width:27px;height:27px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #b9c5a9;border-radius:50%;color:var(--green);font-size:9px;font-family:var(--mono)}.build-log h3{font-family:var(--serif);font-size:20px;padding-top:2px}.build-log p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:9px;max-width:345px}.text-link{font-size:11px;color:var(--green);padding-bottom:6px;border-bottom:1px solid #9cab8c;display:inline-block;margin-top:10px}.text-link span{margin-left:16px}.real-sample{position:relative;margin:18px 0 0;transform:rotate(2deg);padding:21px 21px 22px;background:#eaeadd;box-shadow:0 10px 25px #2b3d2510}.sample-label{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#637457;margin:1px 0 18px}.sample-image{display:block;width:100%;padding:0;border:1px solid #dadfce;background:#fafbf6;position:relative}.sample-image img{width:100%;height:auto;display:block}.zoom-label{position:absolute;bottom:14px;right:12px;background:#f1f1e9eb;padding:9px 11px;font-size:9px;border:1px solid #c8d0be;opacity:0;transform:translateY(4px);transition:.2s}.sample-image:hover .zoom-label,.sample-image:focus-visible .zoom-label{opacity:1;transform:translateY(0)}.zoom-label span{margin-left:12px}.real-sample figcaption{font-size:10px;color:#727b65;line-height:1.7;margin-top:16px}.sample-note{position:absolute;bottom:-41px;right:20px;font-size:24px;color:#75866b;transform:rotate(-6deg)}.questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px}.questions h2{font-size:42px}.faq-aside{font-size:22px;line-height:1.35;color:#7e8f70;margin-top:29px;transform:rotate(-4deg)}.accordion details{border-bottom:1px solid var(--line)}.accordion details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:21px;color:#7c8d6c;line-height:1;font-weight:300;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 26px 23px 0;max-width:510px}.closing{padding:70px 20px 80px;text-align:center;border-top:1px solid var(--line)}.closing-star{display:block;font-size:35px;color:#7b9168;margin-bottom:20px}.closing h2{font-size:47px;margin:21px 0 32px;line-height:1.15}.closing .button{font-size:11px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0 35px;font-size:9px;color:#7c8371;line-height:1.7}.footer-brand{font-size:14px;font-family:var(--serif);color:var(--green)}.footer-brand span{font-size:18px;padding-left:8px}footer p a{text-decoration:underline;text-decoration-color:#bac3ad;text-underline-offset:3px}footer>span{font-size:8px;letter-spacing:1.1px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;padding:18px;width:min(680px,94vw);max-height:94dvh;box-shadow:0 40px 150px #0005}dialog::backdrop{background:#263c2f99;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;position:sticky;top:-18px;background:var(--paper);padding:12px 0;z-index:1}.dialog-top h2{font-family:var(--serif);font-size:22px;letter-spacing:-.5px}.dialog-top button{background:none;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;font-size:24px;color:var(--green)}dialog>img{width:100%;height:auto;display:block}
@keyframes inkAppear{from{opacity:0;filter:blur(1px);transform:translateY(3px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes touchDown{0%{opacity:0;transform:translateY(5px) scale(1.05)}25%,65%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(1.1)}}
@media(min-width:1400px){.wrap{max-width:1380px;padding:0 84px}.hero{min-height:775px}.hero-device{width:370px;height:503px}.hero-art{height:590px}.paper-screen{padding:28px 23px}.hero-question{font-size:29px}.hero-answer{font-size:13px}.stylus{right:1px}.hero-stamp{left:15px}}
@media(max-width:1100px){.wrap{padding:0 40px}.header nav{gap:20px}.hero{gap:15px;min-height:670px}.hero h1{font-size:83px}.hero-art{height:520px}.hero-device{width:300px;height:430px;padding:18px 15px 21px 32px}.paper-screen{padding:22px 16px}.paper-title{font-size:14px}.hero-question{font-size:24px}.hero-answer{font-size:10px}.sky-sketch{width:145px}.stylus{height:330px;right:-4px;top:100px;width:10px}.stylus:after{border-left-width:5px;border-right-width:5px}.side-note{right:15px;top:-9px;font-size:16px}.hero-stamp{width:109px;height:109px;left:4px;bottom:0;padding-top:15px;font-size:8px}.hero-stamp b{font-size:16px}.orbit{width:400px;height:400px}.orbit-two{width:470px;height:470px}.spec-strip{gap:12px}.spec-strip>span{max-width:100px;font-size:7px}.spec-strip p{font-size:11px}.spec-strip .handwritten{font-size:17px}.demo-layout{gap:35px}.demo-paper{padding:27px}.demo-controls{padding:14px}.build{gap:55px}.build h2{font-size:35px}.questions{gap:40px}.flow-arrow{padding:0 5px}.flow-step strong{font-size:19px}.flow-step small{font-size:9px}}
@media(max-width:800px){.wrap{padding:0 26px}.header{height:90px}.header nav{display:none}.hero{padding:50px 0 46px;grid-template-columns:1fr 1fr;gap:0;min-height:610px}.hero h1{font-size:71px;letter-spacing:-3.5px}.hero-desc{font-size:16px}.hero-detail{font-size:12px}.hero-detail br{display:none}.hero-copy{z-index:1}.hero-art{height:445px;margin-left:8px}.hero-device{width:255px;height:375px;padding:16px 12px 18px 30px;transform:rotate(6deg)}.paper-screen{padding:20px 13px}.paper-title{font-size:12px}.paper-rule{margin:12px 0 24px}.hero-question{font-size:21px;margin-bottom:20px}.hero-answer{font-size:9px}.sky-sketch{width:130px;margin-top:13px}.stylus{display:none}.side-note{top:-6px;right:0;font-size:15px}.hero-stamp{left:-10px;bottom:-15px}.orbit{width:330px;height:330px}.orbit-two{width:395px;height:395px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero .button{padding:15px 17px;gap:16px;font-size:11px}.connection{font-size:8px;gap:6px}.spec-strip>span{display:none}.section{padding:76px 0}h2{font-size:36px}.section-heading{gap:25px}.section-heading>p{font-size:11px;max-width:240px}.demo-layout{grid-template-columns:1fr;gap:30px}.demo-options{display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;gap:17px}.example{display:block;padding:17px 0;border-bottom:1px solid var(--line);position:relative}.example-num{display:inline-block;margin-bottom:14px!important}.example strong{font-size:18px;margin-bottom:8px}.example small{font-size:10px}.example-arrow{position:absolute;top:13px;right:4px;font-size:18px}.example.active .example-num{margin-left:0;margin-right:0}.demo-note{grid-column:1/-1;margin:0;padding:0;font-size:9px;display:block}.demo-note br{display:none}.demo-note span{font-size:14px;margin-right:5px}.demo-card{max-width:600px;width:100%;justify-self:center}.demo-paper{min-height:320px;padding:30px 40px}.demo-controls{padding:14px 28px}.unplugged{padding:45px 36px}.unplugged h2{font-size:49px}.unplugged-mark{right:25px;width:135px}.unplugged-mark svg{width:115px}.unplugged-mark span{font-size:18px;margin-top:16px}.unplugged>p:last-of-type{font-size:11px}.flow-detail{grid-template-columns:145px 1fr 40px;gap:20px}.flow-detail p{font-size:11px}.flow-step{padding:20px 4px}.flow-step small{font-size:8px}.flow-step strong{font-size:17px}.flow-step svg{width:51px;height:51px}.flow-arrow{font-size:20px}.build{gap:35px;grid-template-columns:1fr .8fr}.build h2{font-size:30px}.build-intro{font-size:11px}.build-log{margin-top:20px}.build-log li{gap:15px}.build-log h3{font-size:18px}.build-log p{font-size:11px}.real-sample{padding:14px;margin-top:60px}.sample-label{font-size:6px;letter-spacing:1px}.real-sample figcaption{font-size:8px}.sample-note{font-size:19px}.questions{grid-template-columns:1fr;gap:30px}.questions h2{font-size:38px}.faq-aside{display:none}.closing h2{font-size:40px}footer{flex-wrap:wrap}.footer-brand{font-size:13px}footer>span{font-size:7px}}
@media(max-width:570px){.wrap{padding:0 23px}.header{height:82px}.wordmark{gap:9px;font-size:10px}.wordmark strong{font-size:15px}.wordmark svg{width:26px}.nav-cta{font-size:10px;gap:16px;padding:10px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:44px 0 34px;gap:19px;overflow:visible}.hero h1{font-size:clamp(59px,19vw,82px);line-height:.97;margin:24px 0 30px;letter-spacing:-4px}.hero .eyebrow{font-size:8px}.hero-desc{font-size:17px}.hero-detail{font-size:12px;max-width:310px;margin:13px 0 23px}.hero .button{font-size:11px;padding:16px 19px;gap:37px}.connection{font-size:9px;margin-top:17px}.hero-art{height:435px;margin:0 0 4px;padding-top:15px;overflow:clip}.hero-device{width:274px;height:377px;transform:rotate(6deg);margin:0 0 2px 9px}.paper-screen{padding:20px 18px}.paper-title{font-size:13px}.hero-question{font-size:23px}.hero-answer{font-size:10px}.hero-stamp{width:100px;height:100px;left:0;bottom:6px;font-size:7px;padding-top:15px}.hero-stamp b{font-size:14px}.stamp-star{font-size:23px}.side-note{font-size:15px;right:2px;top:5px}.orbit{width:330px;height:330px}.orbit-two{width:400px;height:400px}.spec-strip{padding:20px 0;flex-wrap:wrap;justify-content:center;column-gap:11px;row-gap:12px}.spec-strip p{font-size:10px}.spec-strip i{font-size:12px}.spec-strip i:nth-last-child(2){display:none}.spec-strip .handwritten{flex-basis:100%;text-align:center;font-size:19px}.section{padding:64px 0}.section-heading{display:block;margin-bottom:30px}h2{font-size:35px;letter-spacing:-1.3px}.section-heading>p{margin-top:21px;font-size:12px;max-width:none}.section-heading h2{margin-top:15px}.demo-options{gap:12px}.example strong{font-size:16px;line-height:1.25}.example small{display:none}.example-num{font-size:9px}.example-arrow{font-size:16px;right:0}.demo-note{font-size:9px;line-height:1.7}.demo-layout{gap:21px}.demo-paper{padding:25px 22px;min-height:321px}.demo-paper-top{font-size:13px}.demo-paper>.handwritten{font-size:25px;min-height:50px;margin:27px 0 19px}.demo-answer{font-size:11px}.demo-controls{padding:13px 14px;gap:8px;min-height:65px}.demo-controls>span{font-size:8px;max-width:98px}.tap-button{font-size:9px;gap:7px}.tap-button svg{width:24px}.unplugged{padding:37px 26px 125px}.unplugged h2{font-size:45px;letter-spacing:-1.8px;margin-top:18px}.unplugged>p:last-of-type{font-size:12px;line-height:1.8}.unplugged>p:last-of-type br{display:none}.unplugged-mark{top:auto;bottom:18px;right:26px;transform:rotate(-7deg);display:flex;align-items:center;gap:15px;width:auto}.unplugged-mark svg{width:95px}.unplugged-mark span{font-size:19px;margin:0}.flow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.flow-arrow{display:none}.flow-step{padding:25px 12px;border:1px solid var(--line)}.flow-step.active{border-color:#a9b89a}.flow-step svg{width:57px;height:57px;margin-bottom:18px}.flow-step strong{font-size:20px}.flow-step small{font-size:10px;min-height:30px;max-width:125px;margin:auto}.flow-index{font-size:8px;left:10px;top:10px}.flow-detail{grid-template-columns:1fr 40px;gap:12px;min-height:160px;padding:20px 0}.detail-label{grid-column:1;grid-row:1;font-size:8px}.detail-count{grid-column:2;grid-row:1}.flow-detail p{grid-column:1/-1;font-size:12px}.flow-footnote{font-size:10px;text-align:left}.flow-footnote strong{display:block}.build{grid-template-columns:1fr;gap:37px}.build h2{font-size:35px}.build-intro{font-size:12px;margin-bottom:27px}.build-log h3{font-size:20px}.build-log p{font-size:12px}.build-log li{gap:18px;padding-bottom:27px}.real-sample{margin:0 14px 10px;padding:18px;max-width:350px;justify-self:center}.sample-label{font-size:8px;margin-bottom:15px}.real-sample figcaption{font-size:9px}.sample-note{font-size:22px}.zoom-label{opacity:1;transform:none}.questions{gap:28px}.questions h2{font-size:35px;margin-top:15px}summary{font-size:12px;padding:20px 0}details p{font-size:12px}.closing{padding:54px 0 56px}.closing h2{font-size:35px;letter-spacing:-1.3px}.closing .eyebrow{font-size:7px}.closing .button{padding:16px 18px;gap:20px;font-size:10px}footer{flex-direction:column;align-items:flex-start;gap:11px;padding:24px 0 30px;font-size:10px}.footer-brand{font-size:16px}footer>span{font-size:8px}.dialog-top h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-answer span{opacity:1}}