*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fafaf8;color:#20211f;font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4675df;outline-offset:5px}header{max-width:1320px;margin:22px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px}.brand{font-size:19px;font-weight:600;text-decoration:none;white-space:nowrap}.mark{font-size:30px;vertical-align:middle;margin-right:5px}nav{display:flex;gap:30px}header nav{border:1px solid #dcded7;border-radius:40px;padding:11px 26px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.pill{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:#222320;color:#fff;border:1px solid #222320;border-radius:40px;padding:16px 26px;text-decoration:none;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.pill:hover{background:#454640;transform:translateY(-2px)}.small{font-size:13px;padding:11px 20px}.eyebrow{font-size:12px;letter-spacing:1.2px;text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#738a64;margin:0 7px 2px 0}.hero{text-align:center;position:relative;overflow:hidden;padding:74px 20px 0;min-height:830px}.hero h1{font-size:clamp(64px,7.8vw,112px);font-weight:500;line-height:1.01;letter-spacing:-7px;margin:30px 0 24px}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400}.hero p{color:#6a6c65;font-size:18px;margin-bottom:30px}.constellation{height:240px;max-width:1080px;margin:auto;position:relative}.particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#6c8fde;animation:float 10s ease-in-out infinite;box-shadow:0 0 13px #90b8ee55}.p1{left:10%;top:18%;background:#e99f8b}.p2{left:23%;top:58%;width:5px;height:5px}.p3{left:35%;top:29%;background:#a5bc86}.p4{left:47%;top:75%;background:#d0a8dc}.p5{left:61%;top:36%;background:#e7b14d}.p6{left:77%;top:63%;background:#8dc6ca}.p7{left:88%;top:20%;width:6px;height:6px}.p8{left:55%;top:10%;width:4px;height:4px;background:#dd9384}.p2,.p4,.p6{animation-delay:-5s}.archive-ring{position:absolute;width:80%;height:200px;border:1px solid #e2e4dd;border-radius:50%;left:10%;top:60px;transform:rotate(-8deg)}.archive-label{position:absolute;bottom:15px;left:0;right:0;color:#8c8e84;font-size:11px;letter-spacing:1px}@keyframes float{50%{transform:translate(9px,-18px)}}.section{max-width:1200px;margin:auto;padding:95px 40px;border-top:1px solid #dedfd8}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(36px,4.4vw,60px);line-height:1.08;font-weight:500;letter-spacing:-2.4px;margin:25px 0 40px}.section-head>p{max-width:350px;align-self:center;color:#73756c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:#f0f1eb;border:1px solid #e8e9e2;border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:flex-start}.card-icon{display:grid;place-items:center;width:44px;height:44px;font-size:30px;border-radius:50%;margin-bottom:35px}.blue{background:#dce5f4;color:#4e78b8}.coral{background:#f1ddd3;color:#b86e52}.green{background:#dce4d2;color:#657b4f}h3{font-size:21px;line-height:1.25;font-weight:500;margin:0 0 14px}.cards p,.steps p{font-size:15px;color:#74766d;margin:0 0 28px}.cards a{font-size:13px;margin-top:auto}.playground{display:grid;grid-template-columns:1fr 1fr;gap:70px}.playground>div>p{color:#73756c;max-width:350px}.fine{font-size:13px}.demo{padding:30px;border:1px solid #dfe1d7;border-radius:22px;background:white}form{display:flex;flex-direction:column;gap:12px}label{font-size:13px;font-weight:600}input,select{border:1px solid #d5d8cd;border-radius:10px;background:#fafbf7;color:#252621;padding:12px;min-width:0;width:100%;margin-bottom:12px}form .pill{margin-top:5px;align-self:flex-start}#result{margin-top:30px;border-top:1px solid #e4e5df;padding-top:24px}pre{font:14px/1.65 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}#copy{background:white;border:1px solid #c4c8bb;border-radius:20px;padding:9px 16px;cursor:pointer}#demo-status{font-size:13px;color:#626b52;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:70px}.steps article>span{display:block;font-size:12px;color:#94978c;margin-bottom:30px}.closing{text-align:center;padding:100px 24px 115px;background:#eff1e9}.closing h2{margin-bottom:35px}footer{max-width:1200px;margin:auto;padding:55px 40px;display:flex;align-items:center;flex-wrap:wrap;gap:25px 30px}footer p{font-size:13px;color:#7b7e73;margin-right:auto}footer nav{font-size:12px;gap:22px}footer small{width:100%;color:#8a8d82;font-size:11px}.document{max-width:780px;margin:auto;padding:90px 30px 130px;min-height:70vh}.document h1{font-size:64px;line-height:1.05;letter-spacing:-3px;font-weight:500}.document .intro{font-size:22px;color:#6b6f63}.document h2{font-size:29px;letter-spacing:-1px;margin-top:60px;margin-bottom:20px}.document small{color:#818578}.skip{position:absolute;left:10px;top:-100px;z-index:3;background:white;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 20px;margin:18px auto}.brand{font-size:16px}header nav{display:none}.small{padding:10px 15px;font-size:12px}.hero{padding-top:70px;min-height:730px}.hero h1{font-size:70px;letter-spacing:-4px}.hero p{font-size:16px}.constellation{height:220px}.section{padding:65px 24px}.section-head{display:block}.section-head>p{margin-bottom:35px}.cards,.steps,.playground{grid-template-columns:1fr;gap:20px}.cards article{padding:28px}.card-icon{margin-bottom:25px}.playground{gap:30px}.steps{gap:35px}.steps article>span{margin-bottom:12px}.demo{padding:24px}.closing{padding:70px 22px}.document{padding:65px 24px 90px}.document h1{font-size:50px}footer{padding:40px 24px;gap:18px}footer p{width:100%;margin:0}footer nav{flex-wrap:wrap}.archive-ring{width:110%;left:-5%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.brand-mark{vertical-align:middle;margin-right:7px}.library-head{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #e2e4dd;padding-bottom:20px}.library-head>span{color:#73756c;font-size:12px}.file-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #eef0e8}.file-row:last-child{border:0}.file-row>span:first-child{font-size:24px;color:#738a64}.file-row>div{min-width:0;flex:1}.file-row strong,.file-row small{display:block}.file-row strong{font-size:14px;font-weight:500}.file-row small,.file-row>span:last-child{font-size:11px;color:#777c70;overflow-wrap:anywhere}.player-page{max-width:1100px}.player-page video{width:100%;max-height:65vh;background:#171917;border-radius:12px;display:block;margin-top:20px}.player-page .file-name{overflow-wrap:anywhere;font-size:14px}.player-page input{margin-top:12px}.player-page button{border:1px solid #c4c8bb;background:#fafaf8;border-radius:24px;padding:10px 18px;cursor:pointer}.player-page #player-status{font-size:14px;color:#626b52}.hero h1{font-size:clamp(60px,7.5vw,108px)}.hero p{max-width:680px;margin-left:auto;margin-right:auto}@media(max-width:760px){.hero h1{font-size:62px;letter-spacing:-3px}.hero{min-height:720px}.brand-mark{width:23px;height:23px}.file-row{gap:10px}.file-row>span:last-child{display:none}.player-page h1{font-size:48px}.document h1{overflow-wrap:break-word}}