/* Modified by Skilly from the pinned OpenDesign template; retained terms in THIRD_PARTY_NOTICES.md. */
@font-face{font-family:Display;src:url(display.woff2) format("woff2");font-display:swap}@font-face{font-family:Body;src:url(body.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Body,sans-serif;line-height:1.5}h1,h2,p{margin:0}h1,h2,p,span,a{overflow-wrap:anywhere}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid currentColor;outline-offset:5px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid currentColor;padding:13px 20px;border-radius:2px;text-decoration:none;background:transparent;color:inherit;min-height:48px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-200%);padding:10px;background:#fff;color:#000}.skip:focus{transform:none}header,footer{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}main{min-width:0}.controls{display:flex;gap:12px;flex-wrap:wrap}button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}body{background:#141615;color:#f2f1e7}.page{min-height:100svh;padding:28px 5vw}.brand{text-decoration:none;font-size:15px;letter-spacing:.13em}.brand span{margin-left:10px;font-size:26px}header{border-bottom:1px solid #ffffff20;padding-bottom:18px}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:22px 7vw;padding-top:38px;align-items:end}.intro>.eyebrow{grid-column:1/-1;color:#c2c7b7}h1{font:clamp(42px,4.5vw,73px)/1.03 Display,serif;max-width:19ch;letter-spacing:-.02em}.intro>p:last-child{font-size:15px;color:#bac2b9;max-width:45ch}.stage{perspective:1800px;position:relative;overflow:clip;contain:paint;padding:48px 24px 36px;margin:10px -24px 0}.devices{max-width:950px;margin:auto;display:flex;align-items:flex-end;gap:60px;justify-content:center;transform-style:preserve-3d}.phone{position:relative;flex:0 0 210px;width:210px;height:405px;border-radius:35px;background:linear-gradient(140deg,#3a3a40 0%,#a8a8ad 35%,#1f1f24 60%,#5a5a60 100%);padding:6px;box-shadow:0 30px 40px -15px #0008;transform:rotateY(-14deg) rotateX(4deg);transform-style:preserve-3d}.phone-screen{height:100%;border-radius:29px;background:#f0efe4;color:#242b22;padding:36px 18px 15px;overflow:auto;scrollbar-width:thin;position:relative}.notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:76px;height:18px;background:#111;border-radius:14px}.screen-brand{font-size:8px;letter-spacing:.1em}.phone h2{font:25px/1.02 Display,serif;margin:15px 0}.abstract{position:relative;width:100%;height:105px;overflow:hidden;background:var(--accent);border-radius:3px;margin-bottom:17px}.abstract i{position:absolute;width:82px;height:82px;border:1px solid #5d644a;border-radius:50%;top:11px;left:15px}.abstract i:nth-child(2){left:45px}.abstract i:nth-child(3){left:75px}.screen-label{font:8px/1.5 monospace;letter-spacing:.08em}.phone-preview{font-size:11px;margin-top:6px}.notebook{flex:1;min-width:0;max-width:585px;transform:rotateY(10deg) rotateX(-2deg);transform-style:preserve-3d}.notebook-screen{width:100%;aspect-ratio:1.64;border:9px solid #333a37;border-bottom-width:14px;border-radius:13px 13px 4px 4px;background:#eeefe5;color:#26322b;overflow:auto;box-shadow:0 30px 45px -20px #0009}.window-bar{display:flex;align-items:center;gap:4px;padding:8px;background:#dce0d3;position:sticky;top:0}.window-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#8f9988}.window-bar span{font:7px monospace;margin-left:12px}.notebook-inner{display:grid;grid-template-columns:100px 1fr;min-height:235px}.notebook aside{border-right:1px solid #c8cbbd;padding:15px 10px;display:flex;flex-direction:column;gap:16px;font-size:8px}.screen-main{padding:22px 18px;min-width:0}.screen-main h2{font:26px/1.03 Display,serif;margin:8px 0 20px}.note-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.note-tiles>div{border-top:1px solid #b3b9a5;padding:8px 0}.note-tiles span{font:7px monospace}.note-tiles p{font-size:9px;line-height:1.3;margin-top:5px}.notebook-base{height:10px;width:106%;margin-left:-3%;background:linear-gradient(#8e9590,#3a423c);border-radius:0 0 20px 20px;box-shadow:0 20px 30px #0008}.bottom{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0 30px}.tilt-control{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px}.tilt-control label span{color:#b7c4a9;margin-left:10px}.tilt-control input{width:140px;accent-color:#c3cfb4}.button{font-size:12px}.bottom>a{background:#e1e6d4;color:#263022}details{padding:15px 0;border-top:1px solid #ffffff20;font-size:13px;color:#c6d1c1}details h2{font:26px Display,serif;margin-top:20px}summary{cursor:pointer;width:fit-content}footer{padding-top:18px;border-top:1px solid #ffffff20;font-size:10px;color:#b3bcae}@media(max-width:700px){.page{padding:24px}.intro{grid-template-columns:1fr;padding-top:28px}.intro>.eyebrow{grid-column:1}.stage{padding:35px 30px;margin-left:-24px;margin-right:-24px}.devices{flex-direction:column;align-items:center;gap:40px}.phone{flex-basis:auto}.notebook{width:100%;max-width:480px}.notebook-inner{grid-template-columns:65px 1fr;min-height:200px}.screen-main{padding:15px 10px}.screen-main h2{font-size:23px}.notebook aside{padding:12px 7px;font-size:7px}.bottom{align-items:flex-start}.tilt-control{gap:12px}.intro>p:last-child{max-width:none}}
[hidden]{display:none!important}