:root{--paper:#f4f4ed;--ink:#213b32;--muted:#68746a;--line:#d9dfd3;--accent:#355e49;--lime:#d9eeaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #669b4c;outline-offset:5px}nav{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:27px 5vw;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.mark{width:27px;height:28px}.navlinks{display:flex;align-items:center;gap:32px;font-size:13px}.navlinks a{text-decoration:none}.pill,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;border:1px solid var(--ink);padding:12px 22px;text-decoration:none;font-size:14px}.pill{padding:8px 16px}.button.primary{background:var(--ink);color:var(--paper)}.button:hover,.pill:hover{background:var(--lime);color:var(--ink)}.hero{padding:65px 5vw 0;max-width:1440px;margin:auto;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:11px;font-weight:650}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:20px;padding:7px 13px;color:var(--muted);font-size:11px;letter-spacing:.8px}.dot{width:6px;height:6px;background:#4c825d;border-radius:50%}.herogrid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin:30px 0 45px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,7.7vw,113px);font-weight:400;line-height:1.02;letter-spacing:-6px;margin-bottom:0}h1 em{font-weight:400;color:#72916a}.intro{max-width:390px;margin-left:auto;padding-bottom:8px}.intro p{color:var(--muted);font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:10px}.tiny{font-size:11px;color:var(--muted);margin:15px 0 0}.stage{background:#dce5d6;border-radius:18px 18px 0 0;padding:40px 55px 0;position:relative;overflow:hidden}.stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0,#e8edbc,transparent 60%);pointer-events:none}.demo{position:relative;background:#f8f8f3;border:1px solid #cad3c1;border-radius:12px 12px 0 0;box-shadow:0 12px 55px #354a3820;display:grid;grid-template-columns:170px 1fr;min-height:390px}.sidebar{padding:25px 17px;border-right:1px solid var(--line);background:#eff0e7;border-radius:12px 0 0}.sidebar .brand{font-size:20px}.side-label{font-size:8px;letter-spacing:2px;margin:30px 0 12px;color:var(--muted)}.sideitem{font-size:11px;padding:8px 10px;border-radius:6px;margin-bottom:5px}.sideitem.active{background:white}.local{font-size:9px;margin-top:65px;color:var(--muted)}.demo-main{padding:25px 27px}.demo-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:17px}.demo-title{font:30px Georgia,serif;margin:22px 0 15px;letter-spacing:-1px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.filter{border:1px solid var(--line);border-radius:20px;padding:3px 10px;background:transparent;font-size:10px;color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:8px;background:white;border:1px solid #e3e6dc;border-radius:10px;text-align:left;transition:transform .2s}.card:hover{transform:translateY(-4px)}.art{height:113px;border-radius:5px;background:#233c33;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.art svg{width:90%;height:80%}.art.tape{background:#dfba80}.art.space{background:#d8deed}.card-name{font-size:11px;margin:10px 1px 0;font-weight:600}.card-sub{font-size:9px;color:var(--muted);margin:0 1px 5px}.format{font-size:8px;float:right;background:#edf0e5;padding:2px 6px;border-radius:3px}.caption{font-size:10px;color:var(--muted);padding:13px 0 18px;text-align:center}.ruleband{border-block:1px solid var(--line);padding:22px 5vw;display:flex;justify-content:center;gap:7vw;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.section{max-width:1300px;margin:auto;padding:95px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:50px}h2{font:clamp(39px,4.2vw,64px)/1.1 Georgia,serif;letter-spacing:-2px;margin-bottom:0}.section-head p{color:var(--muted);max-width:350px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature{border-top:1px solid var(--line);padding-top:20px}.number{font:italic 24px Georgia,serif;color:#809575}.feature h3{font-size:20px;font-weight:500;margin:30px 0 12px;letter-spacing:-.5px}.feature p{font-size:14px;color:var(--muted)}.workflow{background:var(--ink);color:var(--paper);border-radius:18px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.workflow .eyebrow{color:var(--lime)}.workflow h2{margin:20px 0 30px}.workflow p{color:#bdc9bf;font-size:14px}.steps{display:grid;gap:25px;align-content:center}.step{border-bottom:1px solid #ffffff25;padding-bottom:22px;display:grid;grid-template-columns:30px 1fr;gap:15px}.step span{font:italic 24px Georgia;color:var(--lime)}.step h3{font-size:17px;margin-bottom:5px;font-weight:500}.step p{margin:0;font-size:13px}.faq{max-width:800px;margin:40px auto 0}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{margin:18px 30px 0 0;color:var(--muted);font-size:14px}.release{border-top:1px solid var(--line);text-align:center;padding:80px 20px}.release h2{margin-bottom:22px}.release p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:32px 5vw;max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}footer div{display:flex;gap:25px}.document{max-width:800px;margin:70px auto 100px;padding:0 25px}.document h1{font-size:60px;letter-spacing:-3px;margin:25px 0}.document h2{font:26px Georgia,serif;letter-spacing:-.5px;margin:40px 0 14px}.document p,.document li{color:var(--muted)}dialog{max-width:500px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:18px;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#122b2380;backdrop-filter:blur(5px)}dialog h2{font-size:36px;margin:20px 0}dialog p{color:var(--muted);font-size:14px}.close{float:right;border:0;background:none;font-size:25px;color:var(--ink)}@media(max-width:800px){nav{padding:20px 6vw}.navlinks{gap:17px}.navlinks .hide-mobile{display:none}.hero{padding:40px 6vw 0}.herogrid{grid-template-columns:1fr;gap:25px}h1{font-size:68px;letter-spacing:-3.5px}.intro{margin:0;max-width:500px}.stage{padding:24px 15px 0}.sidebar{display:none}.demo{grid-template-columns:1fr}.demo-main{padding:20px 14px}.cards{gap:8px}.art{height:95px}.card-name{font-size:10px}.card-sub{font-size:8px}.ruleband{gap:20px;font-size:9px;letter-spacing:.5px;flex-wrap:wrap}.section{padding:65px 6vw}.section-head{display:block;margin-bottom:35px}.section-head p{margin-top:22px}.features{grid-template-columns:1fr;gap:25px}.feature h3{margin:12px 0}.workflow{padding:30px;grid-template-columns:1fr;gap:25px}.release{padding:65px 6vw}footer{flex-direction:column}.document h1{font-size:48px}.demo-top{font-size:9px}.demo-title{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:480px){nav{padding-inline:20px}.brand{font-size:22px;gap:6px}.navlinks{gap:12px;font-size:11px}.navlinks .pill{white-space:nowrap;padding:8px 11px;font-size:10px}h1{font-size:56px;letter-spacing:-3px}.hero{padding-top:30px}.art{height:77px}.demo-top{font-size:8px}.card{padding:6px}.card-sub .format{float:none;display:block;width:max-content;margin-top:4px}.caption{font-size:9px}}
/* A little studio energy, driven by CSS rather than continuous JS work. */
.hero h1 em{display:inline-block;position:relative}.hero h1 em:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='9' viewBox='0 0 360 9'%3E%3Cpath d='M2 7Q170 -3 358 4' fill='none' stroke='%23a8be89' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;transform-origin:left;animation:underline-in 1s .4s both}.hero .status{animation:soft-enter .65s both}.hero h1{animation:soft-enter .8s .1s both}.hero .intro{animation:soft-enter .8s .22s both}.button,.pill{transition:transform .25s,background .25s,box-shadow .25s}.button:hover,.pill:hover{transform:translateY(-3px);box-shadow:0 6px 0 #213b3210}.button:active,.pill:active{transform:translateY(0);box-shadow:none}.navlinks a:not(.pill){transition:color .2s}.navlinks a:not(.pill):hover{color:#76934e}.brand:hover .mark{transform:rotate(-8deg) scale(1.12)}.mark{transition:transform .3s}.stage{padding-top:52px}.motion-toggle{position:absolute;right:20px;top:13px;z-index:2;border:0;border-radius:20px;background:#ffffff85;color:var(--ink);padding:4px 12px;font-size:10px;display:flex;align-items:center;gap:7px}.motion-toggle:hover{background:#fff}.motion-toggle:disabled{cursor:default}.motion-toggle .tiny-eq{display:inline-flex;height:11px;align-items:center;gap:2px}.tiny-eq i{width:2px;height:5px;border-radius:2px;background:currentColor}.preview-hint{font-size:9px;letter-spacing:.6px;color:var(--muted);margin:13px 0 0}.filter{transition:background .2s,color .2s,transform .25s}.filter:hover{transform:translateY(-2px);border-color:#7c9863}.filter:active{transform:scale(.95)}.card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s;animation:card-arrive .5s both;animation-delay:calc(var(--card-index,0)*65ms)}.card:hover,.card:focus-visible{transform:translateY(-8px) rotate(-1deg);box-shadow:0 14px 25px #29403015;border-color:#94ad7c}.card:nth-child(even):hover,.card:nth-child(even):focus-visible{transform:translateY(-8px) rotate(1deg)}.art:after{content:'↗';position:absolute;right:7px;top:6px;width:20px;height:20px;border-radius:50%;background:#ffffff85;color:var(--ink);font-size:12px;display:grid;place-items:center;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.card:hover .art:after,.card:focus-visible .art:after{opacity:1;transform:none}.keys svg path:first-child{stroke-dasharray:230;animation:signal-flow 4s linear infinite}.reel{transform-box:fill-box;transform-origin:center;animation:reel-turn 8s linear infinite}.space svg ellipse{transform-box:fill-box;transform-origin:center;animation:space-breathe 3.5s ease-in-out infinite}.space svg ellipse:nth-child(2){animation-delay:-.5s}.space svg ellipse:nth-child(3){animation-delay:-1s}.space svg ellipse:nth-child(4){animation-delay:-1.5s}.tiny-eq i{animation:meter-bounce .9s ease-in-out infinite alternate}.tiny-eq i:nth-child(2){animation-delay:-.4s}.tiny-eq i:nth-child(3){animation-delay:-.7s}.stage .keys svg path:first-child,.stage .reel,.stage .space svg ellipse,.stage .tiny-eq i{animation-play-state:paused}.stage.is-in-view .keys svg path:first-child,.stage.is-in-view .reel,.stage.is-in-view .space svg ellipse,.stage.is-in-view .tiny-eq i{animation-play-state:running}.motion-paused *, .motion-paused *:before,.motion-paused *:after,.page-hidden *{animation-play-state:paused!important}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-revealed{opacity:1;transform:none}.feature{transition:border-color .3s}.feature:hover{border-color:#6e8c4c}.feature .number{display:inline-block;transition:transform .35s}.feature:hover .number{transform:rotate(-9deg) translateX(4px)}.step{transition:transform .3s}.step:hover{transform:translateX(6px)}details[open] p{animation:soft-enter .3s both}summary:after{transition:transform .25s}summary:hover:after{transform:rotate(90deg)}dialog[open]{animation:dialog-in .3s cubic-bezier(.2,.9,.3,1.15)}.close{transition:transform .25s}.close:hover{transform:rotate(90deg)}
@keyframes soft-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes underline-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes card-arrive{from{opacity:0;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes signal-flow{to{stroke-dashoffset:-460}}@keyframes reel-turn{to{transform:rotate(360deg)}}@keyframes space-breathe{0%,100%{transform:scale(.93);opacity:.5}50%{transform:scale(1.04);opacity:1}}@keyframes meter-bounce{from{height:3px}to{height:11px}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:800px){.stage{padding-top:48px}.motion-toggle{right:15px;font-size:9px;top:12px}.hero h1 em:after{height:6px;bottom:-5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.card:hover,.card:focus-visible,.button:hover,.pill:hover,.step:hover{transform:none}}
/* Refined Patch P: keep the connector readable at navigation and preview sizes. */
.mark{width:30px;height:34px;flex:none;overflow:visible}.sidebar .brand{gap:7px}.sidebar .mark{width:23px;height:27px}.brand:hover .mark{transform:rotate(-4deg) translateY(-1px)}
@media(max-width:480px){.mark{width:25px;height:29px}}