@property --x{syntax:"<number>";inherits:false;initial-value:0}@property --y{syntax:"<number>";inherits:false;initial-value:0}@property --r{syntax:"<number>";inherits:false;initial-value:0}@property --s{syntax:"<number>";inherits:false;initial-value:1}@layer components{.fold-canvas{--t:1.3s;--e:cubic-bezier(.16, 1, .3, 1);--orbit-stroke:#9fb0d042;--card-text:var(--pensava-ink);aspect-ratio:1;-webkit-user-select:none;user-select:none;width:100%;position:relative;container-type:inline-size}.fold-orbits{pointer-events:none;width:120%;height:120%;position:absolute;inset:-10%;overflow:visible}.fold-orbits g{transform-origin:360px 360px;transition:transform var(--t) var(--e)}.fold-orbits ellipse,.fold-orbits line{fill:none;stroke:var(--orbit-stroke);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .9s var(--e)}.fold-canvas[data-stage=idea] .fold-orbits g{transform:rotate(-12deg)scale(.94)}.fold-canvas[data-stage=shape] .fold-orbits g{transform:rotate(-28deg)}.fold-canvas[data-stage=build] .fold-orbits g{transform:rotate(-22deg)scale(1.02)}.fold-canvas[data-stage=deliver]{--orbit-stroke:#20243024}.fold-canvas[data-stage=deliver] .fold-orbits g{transform:rotate(-18deg)scale(1.06)}.fold-mark{--mark-w:56%;z-index:2;width:var(--mark-w);aspect-ratio:492/537;transform:translate(-50%, -50%) translate(calc(var(--bx,0) * 1cqw), calc(var(--by,0) * 1cqw)) rotate(calc(var(--br,0) * 1deg)) scale(var(--bs,1));transition:transform var(--t) var(--e);position:absolute;top:50%;left:50%}.fold-piece{width:100%;height:100%;transform:translate(calc(var(--x) * 1cqw), calc(var(--y) * 1cqw)) rotate(calc(var(--r) * 1deg)) scale(var(--s));transition:--x var(--t) var(--e), --y var(--t) var(--e), --r var(--t) var(--e), --s var(--t) var(--e), filter .9s var(--e);will-change:transform;position:absolute;inset:0;overflow:visible}.fold-piece path{stroke-width:1.2px;transition:fill-opacity .8s var(--e), stroke-opacity .8s var(--e)}.fold-piece-ink{z-index:3;filter:drop-shadow(0 2cqw 3.4cqw #05081080)}.fold-canvas[data-stage=idea] .fold-mark{--bs:.9}.fold-canvas[data-stage=idea] .fold-piece-ink{--x:-9;--y:10;--r:18;--s:.6}.fold-canvas[data-stage=idea] .fold-piece-light{--x:-14;--y:4;--r:-20;--s:.62}.fold-canvas[data-stage=idea] .fold-piece-fold{--x:12;--y:12;--r:34;--s:.62}.fold-canvas[data-stage=shape] .fold-mark{--bx:-6;--by:-4;--bs:.8}.fold-canvas[data-stage=shape] .fold-piece path{fill-opacity:0;stroke:var(--pensava-sky);stroke-width:1.5px;vector-effect:non-scaling-stroke}.fold-canvas[data-stage=shape] .fold-piece-ink{filter:none}.fold-canvas[data-stage=build] .fold-mark{--bx:2;--by:1;--bs:.94}.fold-canvas[data-stage=build] .fold-piece-ink{--x:3.5;--y:-3.5}.fold-canvas[data-stage=build] .fold-piece-light{--x:-3.5;--y:3.5}.fold-canvas[data-stage=deliver] .fold-mark{--bx:-9;--by:-9;--bs:.84}.fold-canvas[data-stage=deliver] .fold-piece-ink{filter:none}.fold-canvas[data-coupled] .fold-mark{rotate:calc((var(--sp,.5) - .5) * -5deg);transition:transform var(--t) var(--e), rotate .6s var(--e)}.fold-card{z-index:5;color:var(--card-text);opacity:0;transition:opacity .28s var(--e), transform var(--t) var(--e);background:#fff;border-radius:2.6cqw;font-size:clamp(9px,2.25cqw,14px);line-height:1.35;position:absolute;box-shadow:0 2.6cqw 5cqw -2cqw #05081073,0 .4cqw 1cqw -.4cqw #05081033}.fold-canvas[data-stage=idea] .fold-fragment,.fold-canvas[data-stage=shape] .fold-scope,.fold-canvas[data-stage=build] .fold-ui,.fold-canvas[data-stage=deliver] .fold-live{transition:opacity .6s var(--e) var(--delay,0s), transform var(--t) var(--e) var(--delay,0s)}.fold-canvas[data-stage=deliver] .fold-card{box-shadow:0 2.6cqw 5cqw -2cqw #13203a38,0 0 0 1px #2024300f}.fold-muted{color:#5a6175}.fold-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78em}.fold-fragment{transform:translate(var(--fx), var(--fy)) scale(.35) rotate(0deg);padding:2.2cqw 2.6cqw}.fold-canvas[data-stage=idea] .fold-fragment{opacity:1;transform:translate(0, 0) scale(1) rotate(var(--rot))}.fold-canvas[data-stage=idea] .fold-fragment>*{animation:7s ease-in-out infinite alternate fold-kf-bob;animation-delay:calc(var(--i) * -1.7s)}@keyframes fold-kf-bob{to{translate:0 -.9cqw}}.fold-note{background:#fff6c9}.fold-sheet-row{border-top:1px solid #e2e6ed;grid-template-columns:2.2em 1fr 4.6em 2.6em;gap:.6em;padding:.45em 0;display:grid}.fold-sheet-row:first-child{border-top:0;font-weight:600}.fold-construction{z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .9s var(--e);position:absolute;inset:0;overflow:visible}.fold-construction .fold-draw{fill:none;stroke:#35b5fd8c;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--e) calc(var(--i,0) * .11s)}.fold-construction text{fill:var(--pensava-sky);font-family:var(--font-mono);letter-spacing:.1em;opacity:0;transition:opacity .7s var(--e) calc(.6s + var(--i,0) * .11s);font-size:15px}.fold-canvas:not([data-stage=shape]) .fold-construction{opacity:0}.fold-canvas[data-stage=shape] .fold-construction .fold-draw{stroke-dashoffset:0}.fold-canvas[data-stage=shape] .fold-construction text{opacity:1}.fold-scope{width:46%;padding:1.3em 1.4em 1.1em;bottom:6%;right:3%;transform:translateY(5cqw)scale(.97)}.fold-canvas[data-stage=shape] .fold-scope{opacity:1;transform:none}.fold-scope-title{letter-spacing:-.02em;justify-content:space-between;align-items:baseline;font-size:1.3em;font-weight:700;display:flex}.fold-scope-group{margin-top:.9em}.fold-scope-group li{align-items:center;gap:.6em;padding:.32em 0;display:flex}.fold-scope-group li:before{content:"";background:var(--pensava-action);border-radius:2px;flex:none;width:.5em;height:.5em}.fold-scope-later li:before{background:0 0;border:1.5px solid #b7c0d0}.fold-ui{transform:translateY(7cqw)scale(.96)}.fold-canvas[data-stage=build] .fold-ui{opacity:1;transform:none}.fold-browser{width:62%;top:9%;left:2%;overflow:hidden}.fold-browser-bar{background:#f5f7fa;border-bottom:1px solid #e2e6ed;align-items:center;gap:.5em;padding:.9em 1.1em;display:flex}.fold-dot{background:#cfd5e0;border-radius:50%;width:.62em;height:.62em}.fold-url{color:#5a6175;background:#fff;border:1px solid #e2e6ed;border-radius:999px;margin-left:.6em;padding:.2em .9em;font-size:.85em}.fold-browser-body{padding:1.6em 1.5em 1.5em}.fold-browser-title{letter-spacing:-.03em;max-width:11em;font-size:1.75em;font-weight:700;line-height:1.02}.fold-button{background:var(--pensava-action);color:#fff;border-radius:.6em;margin-top:1em;padding:.55em 1em;font-weight:600;display:inline-block}.fold-tiles{grid-template-columns:repeat(3,1fr);gap:.6em;margin-top:1.3em;display:grid}.fold-tiles span{background:var(--pensava-mist);border-radius:.6em;padding:.7em .6em;font-weight:500}.fold-phone{border:.9cqw solid #1b1f2b;border-radius:4.2cqw;width:31%;padding:1em .9em .9em;top:22%;right:3%}.fold-phone-title{letter-spacing:-.02em;margin:.5em 0 .6em;font-size:1.45em;font-weight:700}.fold-slot{border-top:1px solid #e2e6ed;padding:.6em 0}.fold-slot b{font-weight:600;display:block}.fold-pill{color:var(--pensava-action);background:#ebf2fe;border-radius:999px;margin-top:.3em;padding:.15em .6em;font-size:.82em;font-weight:600;display:inline-block}.fold-flow{justify-content:space-between;align-items:center;gap:.4em;width:78%;padding:1em 1.1em;display:flex;bottom:5%;left:6%}.fold-flow-step{z-index:1;background:var(--pensava-mist);white-space:nowrap;border-radius:.6em;padding:.45em .7em;font-weight:600;position:relative}.fold-flow-step:last-child{background:var(--pensava-action);color:#fff}.fold-flow-line{border-top:1px dashed #b7c0d0;position:absolute;top:50%;left:8%;right:8%}.fold-flow-pulse{background:var(--pensava-sky);border-radius:50%;width:.6em;height:.6em;position:absolute;top:calc(50% - .3em);left:8%;box-shadow:0 0 0 .3em #35b5fd40}.fold-canvas[data-stage=build] .fold-flow-pulse{animation:fold-kf-travel 2.6s var(--e) .9s infinite}@keyframes fold-kf-travel{0%{opacity:0;left:8%}10%{opacity:1}85%{opacity:1}to{opacity:0;left:90%}}.fold-canvas[data-stage=build][data-focus] .fold-ui{opacity:.32}.fold-canvas[data-stage=build][data-focus=browser] .fold-browser,.fold-canvas[data-stage=build][data-focus=phone] .fold-phone,.fold-canvas[data-stage=build][data-focus=flow] .fold-flow{z-index:6;opacity:1}.fold-live{width:54%;padding:1.6em 1.6em 1.3em;top:58%;left:44%;transform:translateY(5cqw)scale(.97)}.fold-canvas[data-stage=deliver] .fold-live{opacity:1;transform:none}.fold-live-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.fold-live-title{letter-spacing:-.025em;font-size:1.5em;font-weight:700}.fold-live-badge{color:var(--pensava-action);background:#ebf2fe;border-radius:999px;align-items:center;gap:.45em;padding:.25em .75em;font-weight:600;display:inline-flex}.fold-live-badge i{background:var(--pensava-signature);border-radius:50%;width:.55em;height:.55em}.fold-canvas[data-stage=deliver] .fold-live-badge i{animation:2.4s ease-out infinite fold-kf-beat}@keyframes fold-kf-beat{0%{box-shadow:0 0 #3978f673}70%,to{box-shadow:0 0 0 .6em #3978f600}}.fold-check{border-top:1px solid #e2e6ed;align-items:center;gap:.7em;padding:.75em 0;font-weight:500;display:flex}.fold-check:first-of-type{margin-top:1em}.fold-check svg{width:1.2em;height:1.2em;color:var(--pensava-action);flex:none}.fold-live-foot{color:#5a6175;justify-content:space-between;margin-top:.8em;display:flex}.fold-caption{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.6875rem;position:absolute;bottom:-2.2rem;right:0}.fold-hero{--t:1.8s}.fold-hero .fold-mark{--mark-w:62%}.fold-hero .fold-piece-ink stop:first-child,.fold-canvas:not([data-stage=deliver]) .fold-piece-ink stop:first-child{stop-color:#3a4154;transition:stop-color .9s var(--e)}.fold-hero .fold-piece-ink{--x:3;--y:-3.5;--r:3;animation:fold-kf-in-ink 2.4s var(--e) .15s both}.fold-hero .fold-piece-fold{--x:1;--y:-.5;animation:fold-kf-in-fold 2.4s var(--e) .25s both}.fold-hero .fold-piece-light{--x:-3;--y:3;--r:-2;animation:fold-kf-in-light 2.4s var(--e) both}@keyframes fold-kf-in-ink{0%{--x:16;--y:-20;--r:22;--s:.86}}@keyframes fold-kf-in-fold{0%{--x:18;--y:14;--r:40;--s:.8}}@keyframes fold-kf-in-light{0%{--x:-16;--y:22;--r:-24;--s:.86}}.fold-hero .fold-orbits ellipse{stroke-dasharray:1;animation:fold-kf-draw 2.8s var(--e) .2s both}.fold-hero .fold-orbits ellipse:nth-child(2){animation-delay:.45s}@keyframes fold-kf-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.fold-drift{animation:16s ease-in-out infinite alternate fold-kf-drift;position:absolute;inset:0}@keyframes fold-kf-drift{0%{transform:translate(-.6cqw,.4cqw)rotate(-.6deg)}to{transform:translate(.8cqw,-.9cqw)rotate(.8deg)}}.fold-parallax{transform:translate3d(calc(var(--mx,0) * 1.4cqw), calc(var(--my,0) * 1cqw), 0);transition:transform 1.2s var(--e);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.fold-canvas{--t:1ms}.fold-hero .fold-piece,.fold-hero .fold-orbits ellipse,.fold-drift,.fold-flow-pulse,.fold-live-badge i,.fold-fragment>*{animation:none!important}}}
