.story{--p:1;--q:.5;--spin:0deg;--paper:#faf7f1;--card:#fffdfa;--ink:#271e18;--muted:#635950;--line:#e0dad1;--teal:#006460;--teal-soft:#d2efec;--night:#0e1d19;--deep:#100e09;--cream:#f0ede6;--soft:#c2bdb1;--nmuted:#a59d91;--accent:#56beb3;--accent-ink:#031615;--pending:#ffeccd;--pending-ink:#774914;--ok:#d8f3de;--ok-ink:#205431;--red:#d8373d}@supports (color:lab(0% 0 0)){.story{--paper:lab(97.2429% .365645 3.03069);--card:lab(99.4374% .0837743 1.5224);--ink:lab(12.1256% 3.63992 5.9433);--muted:lab(38.4846% 3.32263 6.90016);--line:lab(87.2724% .996947 5.26238);--teal:lab(37.4307% -29.8544 -5.88029);--teal-soft:lab(92.223% -10.0087 -2.06506);--night:lab(9.21997% -7.54608 .227651);--deep:lab(4.09739% -.106789 2.62263);--cream:lab(93.7692% .464082 3.79291);--soft:lab(76.8885% .0458956 6.92878);--nmuted:lab(65.2514% 1.26621 7.62007);--accent:lab(70.775% -33.58 -4.10527);--accent-ink:lab(5.67156% -6.26716 -1.74958);--pending:lab(94.3022% 3.08868 17.3412);--pending-ink:lab(35.9242% 16.7042 37.8811);--ok:lab(93.5764% -12.0794 7.08629);--ok-ink:lab(31.4264% -24.6692 14.7289)}}.story *{box-sizing:border-box}.story{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;overflow-x:clip}.story .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.story .withdrawn{margin:0;padding-block:80px 10px;padding-inline:16px}.story .scrolly{position:relative}.story .stage{height:100svh;position:sticky;top:0;overflow:hidden}.story .menu{z-index:50;color:var(--cream);-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#141e1d59;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:2px;padding:5px;transition:background .35s,color .35s,border-color .35s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.story .menu a,.story .menu button{color:inherit;font:500 14px var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:8px 13px;text-decoration:none;display:inline-flex}.story .menu a:hover,.story .menu button:hover{background:#ffffff1a}.story .menu .sep{opacity:.2;background:currentColor;width:1px;height:20px;margin:0 4px}.story .menu a.cta{background:var(--accent);color:var(--accent-ink);margin-inline-start:4px;font-weight:700}.story .menu.light{border-color:var(--line);color:var(--ink);background:#ffffffb8}.story .menu.light a:hover,.story .menu.light button:hover{background:#0000000d}.story .menu.light a.cta{background:var(--teal);color:#fff}.story .menu svg{width:16px;height:16px}.story .logo{z-index:50;width:32px;height:32px;color:var(--accent);transition:color .35s;position:fixed;top:22px;left:24px}.story .logo.light{color:var(--teal)}.story .marks{z-index:50;color:var(--cream);flex-direction:column;gap:7px;transition:color .35s;display:flex;position:fixed;bottom:24px;left:24px}.story .marks.light{color:var(--ink)}.story .marks i{opacity:.35;background:currentColor;width:14px;height:1.5px;transition:width .4s,opacity .4s;display:block}.story .marks i.on{opacity:1;width:30px}.story #open{--p:0;height:220vh}.story #open .stage{background:var(--paper)}.story .frame{inset:calc(10px + var(--p) * 6vh) calc(10px + var(--p) * 7vw);border-radius:calc(24px + var(--p) * 40px);background:var(--deep);transform:translateY(calc(var(--p) * -5vh));position:absolute;overflow:hidden}.story .glow{filter:blur(50px);position:absolute;inset:-20%}.story .glow i{border-radius:50%;position:absolute}.story .glow .a{background:radial-gradient(closest-side,#008479f2,#0000);background:radial-gradient(closest-side,lab(49.002% -34.6763 -3.50789/.95),#0000);width:62%;height:72%;animation:4.5s ease-out forwards story-drift-a;top:8%;left:8%}.story .glow .b{background:radial-gradient(closest-side,#bd853f80,#0000);background:radial-gradient(closest-side,lab(60.3801% 16.9373 45.5241/.5),#0000);width:55%;height:60%;animation:5s ease-out forwards story-drift-b;top:32%;right:4%}.story .glow .c{background:radial-gradient(closest-side,#71426d59,#0000);background:radial-gradient(closest-side,lab(34.8953% 26.3009 -16.3985/.35),#0000);width:45%;height:50%;animation:5.5s ease-out forwards story-drift-c;bottom:2%;left:38%}@keyframes story-drift-a{to{transform:translate(18%,12%)scale(1.15)}}@keyframes story-drift-b{to{transform:translate(-22%,-10%)scale(.9)}}@keyframes story-drift-c{to{transform:translate(-15%,-20%)scale(1.2)}}.story .paused .glow i,.story .paused .scrollhint b{animation-play-state:paused}.story .grain{opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.story .hero{color:var(--cream);text-align:center;align-content:center;place-items:center;padding:0 5vw;display:grid;position:absolute;inset:0}.story .for{color:var(--accent);opacity:calc(1 - var(--p) * 3);margin:0 0 3vh;font-size:15px;font-weight:600}.story .words{z-index:1;font-family:var(--font-serif);font-weight:calc(460 + var(--p) * 260);letter-spacing:-.035em;margin:0;font-size:clamp(3rem,9.2vw,10rem);line-height:.98;position:relative}.story .words .l1{transform:translate(calc(var(--p) * -26vw), calc(var(--p) * -12vh));opacity:calc(1 - var(--p) * 1.4);display:block}.story .words .l2{font-style:italic;font-weight:calc(420 + var(--p) * 260);transform:translate(calc(var(--p) * 28vw), calc(var(--p) * 14vh));opacity:calc(1 - var(--p) * 1.4);display:block}.story .ask{z-index:1;opacity:calc(1 - var(--p) * 3.2);transform:translateY(calc(var(--p) * 8vh));flex-direction:column;align-items:center;gap:14px;margin-top:5vh;display:flex;position:relative}.story .ask .note{color:var(--nmuted);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.story .ask .note svg{width:16px;height:16px;color:var(--accent);flex:none}.story .btn{background:var(--accent);height:56px;color:var(--accent-ink);border-radius:99px;align-items:center;gap:12px;padding:0 9px 0 26px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.3,1.4,.5,1);display:inline-flex}.story .btn:hover{transform:scale(1.04)}.story .btn b{background:var(--accent-ink);width:40px;height:40px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.story .btn b svg{width:20px;height:20px}.story .scrollhint{color:var(--nmuted);opacity:calc(1 - var(--p) * 5);margin:0;font-size:12px;position:absolute;bottom:4%;left:0;right:0}.story .scrollhint b{background:linear-gradient(var(--soft), transparent);transform-origin:top;width:1px;height:34px;margin:8px auto 0;animation:1.8s ease-in-out 2 forwards story-hint;display:block}@keyframes story-hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.story .mark3d{--s:clamp(8rem, 17vw, 15rem);width:var(--s);aspect-ratio:1;transform-style:preserve-3d;z-index:0;opacity:.9;transform:translate(-50%, -50%) perspective(1000px) rotateX(calc(14deg - var(--p) * 34deg)) rotateY(calc(var(--spin) + var(--p) * 220deg)) scale(calc(1 + var(--p) * .55));position:absolute;top:50%;left:50%}.story .slab{transform-style:preserve-3d;position:absolute}.story .slab>i{backface-visibility:hidden;filter:brightness(var(--b,1));position:absolute}.story .slab .f{transform:translateZ(var(--d));background:linear-gradient(165deg,#82ded3,#1a9389);background:linear-gradient(165deg,lab(82.5123% -30.7162 -3.78866),lab(54.7901% -34.4555 -4.16273));border-radius:3px;inset:0;box-shadow:inset 0 0 0 1px #ffffff38}.story .slab .k{transform:rotateY(180deg) translateZ(var(--d));background:#0b5953;background:lab(33.5531% -24.1189 -2.91392);border-radius:3px;inset:0}.story .slab .r,.story .slab .l{width:calc(var(--d) * 2);margin-left:calc(var(--d) * -1);background:#1a726a;background:lab(42.9522% -27.5337 -3.33427);top:0;bottom:0;left:50%}.story .slab .r{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.story .slab .l{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:#104d47;background:lab(28.7942% -20.6431 -2.50167)}.story .slab .t,.story .slab .b{height:calc(var(--d) * 2);margin-top:calc(var(--d) * -1);background:#46a49a;background:lab(61.6317% -30.8563 -3.76761);top:50%;left:0;right:0}.story .slab .t{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}.story .slab .b{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));background:#0b3b37;background:lab(21.7152% -17.1978 -2.08536)}.story #sentence{height:260vh}.story #sentence .stage{background:var(--paper);place-items:center;padding:0 8vw;display:grid}.story .read{max-width:17ch;font-family:var(--font-sans);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,6.4vw,6.6rem);font-weight:700;line-height:1.12}.story .read .w{white-space:nowrap;--lit:clamp(0, calc(var(--p) * var(--n) * 1.25 - var(--k)), 1);color:color-mix(in oklab, var(--c,var(--ink)) calc(var(--lit) * 100%), #d9d3cc)}@supports (color:lab(0% 0 0)){.story .read .w{color:color-mix(in oklab, var(--c,var(--ink)) calc(var(--lit) * 100%), lab(84.9482% .847787 4.50604))}}.story .read .ic{vertical-align:-.08em;background:var(--c);color:#fff;width:.82em;height:.82em;transform:scale(var(--lit)) rotate(calc((1 - var(--lit)) * -40deg));border-radius:50%;place-items:center;margin-inline-end:.14em;display:inline-grid}.story .read .ic svg{width:52%;height:52%}.story .sentence-strip{border-radius:4px;height:4px;display:flex;position:absolute;bottom:12vh;left:8vw;right:8vw;overflow:hidden}.story .sentence-strip i{transform-origin:0;transform:scaleX(clamp(0, calc(var(--p) * 11 - var(--n)), 1));flex:1}.story #can{height:480vh}.story #can .stage{background:var(--deep);color:var(--cream)}.story #can .stage:before{content:"";background:radial-gradient(60% 60% at 70%,#13342fb3,#0000 70%);background:radial-gradient(60% 60% at 70%,lab(19.2943% -13.8524 -.634426/.7),#0000 70%);position:absolute;inset:0}.story .assemble{text-align:center;opacity:calc(1 - clamp(0, (var(--p) - .12) * 14, 1));place-items:center;padding:0 6vw;display:grid;position:absolute;inset:0}.story .assemble h2{font-family:var(--font-serif);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,8vw,8.5rem);font-weight:600;line-height:1}.story .assemble .fly{--t:clamp(0, calc(var(--p) * 10), 1);transform:translate(calc(var(--dx) * (1 - var(--t))), calc(var(--dy) * (1 - var(--t)))) rotate(calc(var(--r) * (1 - var(--t))));display:inline-block}.story .feature{pointer-events:none;--in:clamp(0, calc(var(--q) * 6), 1);--out:clamp(0, calc((var(--q) - .82) * 6), 1);opacity:calc(var(--in) - var(--out));grid-template-columns:1fr 1.05fr;align-items:center;gap:5vw;padding-block:0;padding-inline:8vw 9vw;display:grid;position:absolute;inset:0}.story .feature .copy{transform:translateY(calc((1 - var(--in)) * 60px - var(--out) * 60px))}.story .feature .mini-wrap{transform:translateY(calc((1 - var(--in)) * 90px - var(--out) * 40px)) scale(calc(.94 + var(--in) * .06))}.story .feature .n{color:var(--accent);margin:0 0 16px;font-size:14px;font-weight:700}.story .feature h3{font-family:var(--font-serif);font-weight:calc(300 + var(--in) * 350);letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,5.6vw,5.8rem);line-height:.98}.story .feature h3 em{color:var(--accent);display:block}.story .feature p{max-width:27em;color:var(--soft);margin:20px 0 0;font-size:18px;line-height:1.6}.story .fdots{inset-inline-end:3.2vw;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.story .fdots i{background:#ffffff2e;border-radius:3px;width:3px;height:34px;position:relative;overflow:hidden}.story .fdots i:after{content:"";background:var(--accent);transform-origin:top;transform:scaleY(var(--f,0));position:absolute;inset:0}.story .mini{background:var(--paper);width:100%;max-width:30rem;color:var(--ink);border-radius:18px;margin-inline-start:auto;font-size:13px;overflow:hidden;box-shadow:0 50px 90px -30px #000c,0 0 0 1px #ffffff0f}.story .mini .top{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.story .mini .top b{font-family:var(--font-serif);font-size:16px}.story .mini .top span{color:var(--muted);font-size:12px}.story .mini .body{flex-direction:column;gap:12px;padding:14px 18px 18px;display:flex}.story .book{grid-template-columns:30px 1fr auto;align-items:center;gap:4px 12px;display:grid}.story .book .sp{background:var(--c);color:#fff;width:26px;height:36px;font:600 12px var(--font-serif);border-radius:3px 3px 1px 1px;grid-row:span 2;place-items:center;display:grid}.story .book .ti{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.story .book .ct{font-variant-numeric:tabular-nums;font-weight:700}.story .book .tr{background:var(--line);border-radius:6px;grid-column:2/4;height:6px;overflow:hidden}.story .book .fi{height:100%;width:var(--w);background:var(--c);transform-origin:0;transition:transform 1s cubic-bezier(.2,.7,.2,1) var(--d);border-radius:6px;display:block;transform:scaleX(0)}.story .play .book .fi{transform:none}.story .book.low .ct{color:var(--red)}.story .warnline{color:var(--red);opacity:0;background:#ffe8e6;background:lab(93.9229% 9.19664 4.96061);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-weight:600;transition:opacity .4s 1.3s,transform .4s 1.3s;display:flex;transform:translateY(6px)}.story .play .warnline{opacity:1;transform:none}.story .req{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:11px 12px;display:flex}.story .req .av{background:var(--teal-soft);width:32px;height:32px;color:var(--teal);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.story .req .tx{flex:1;min-width:0}.story .req .tx b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.story .req .tx span{color:var(--muted);font-size:12px}.story .tag{white-space:nowrap;border-radius:99px;padding:5px 10px;font-size:11.5px;font-weight:700}.story .tag.sent{background:var(--teal-soft);color:var(--teal)}.story .tag.done{background:var(--ok);color:var(--ok-ink)}.story .req.new{border-color:color-mix(in oklab, var(--teal) 45%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--teal) 12%, transparent);opacity:0;transition:opacity .6s .3s,transform .6s cubic-bezier(.2,.7,.2,1) .3s;transform:translateY(-18px)}.story .play .req.new{opacity:1;transform:none}.story .decide{justify-items:end;display:grid}.story .decide>*{grid-area:1/1;transition:opacity .35s,transform .35s}.story .decide .approve{background:var(--teal);color:#fff;font-size:12px;transition-delay:1.7s}.story .decide .done{opacity:0;transition-delay:1.8s;transform:scale(.8)}.story .play .decide .approve{opacity:0;transform:scale(.8)}.story .play .decide .done{opacity:1;transform:none}.story .stops{grid-template-columns:repeat(3,1fr);padding:46px 0 6px;display:grid;position:relative}.story .stops:before,.story .stops:after{content:"";background:var(--line);border-radius:3px;height:3px;position:absolute;top:60px;left:16.6%;right:16.6%}.story .stops:after{background:var(--teal);transform-origin:0;transition:transform 2.4s cubic-bezier(.45,0,.25,1) .3s;transform:scaleX(0)}.story .play .stops:after{transform:none}.story .stop{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.story .stop .dot{background:var(--card);border:2px solid var(--line);color:#fff;width:30px;height:30px;transition:background .3s var(--dl,0s), border-color .3s var(--dl,0s);border-radius:50%;place-items:center;display:grid}.story .stop .dot svg{opacity:0;width:15px;height:15px;transition:opacity .3s var(--dl,0s)}.story .stop.s .dot,.story .play .stop .dot{background:var(--teal);border-color:var(--teal)}.story .stop.s .dot svg,.story .play .stop .dot svg{opacity:1}.story .stop.m{--dl:1.4s}.story .stop.e{--dl:2.7s}.story .stop b{font-size:12px}.story .stop span{color:var(--muted);font-size:11px}.story .parcel{color:#513217;color:lab(24.3765% 12.1905 22.7612);background:#dbb68d;background:lab(76.7594% 9.48155 26.5115);border-radius:9px;place-items:center;width:40px;height:34px;transition:left 2.4s cubic-bezier(.45,0,.25,1) .3s;display:grid;position:absolute;top:0;left:calc(16.6% - 20px);box-shadow:0 8px 16px -8px #00000080}.story .parcel svg{width:18px;height:18px}.story .play .parcel{left:calc(83.4% - 20px)}.story .delivered{background:var(--ok);color:var(--ok-ink);opacity:0;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-weight:700;transition:opacity .4s 2.8s;display:flex}.story .play .delivered{opacity:1}.story .kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.story .kpi{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 10px}.story .kpi span{color:var(--muted);font-size:11px;display:block}.story .kpi b{font-variant-numeric:tabular-nums;font-size:18px}.story .chart{align-items:flex-end;gap:6px;height:130px;padding-top:8px;display:flex}.story .chart div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.story .chart i{width:100%;height:var(--h);background:color-mix(in oklab, var(--teal) 32%, transparent);transform-origin:bottom;transition:transform .7s cubic-bezier(.2,.7,.2,1) var(--d);border-radius:5px 5px 2px 2px;transform:scaleY(0)}.story .chart div:last-child i{background:var(--teal)}.story .chart span{color:var(--muted);font-size:10px}.story .play .chart i{transform:none}.story #how{height:330vh}.story #how .stage{background:var(--paper);grid-template-rows:auto 1fr;padding:13vh 8vw 6vh;display:grid}.story #how h2{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:600}.story .path{background:repeating-linear-gradient(90deg, var(--line) 0 10px, transparent 10px 18px);height:2px;margin:5vh 10px 0;position:relative}.story .path:after{content:"";background:var(--teal);transform-origin:0;transform:scaleX(var(--p));position:absolute;inset:0}.story .pstop{flex-direction:column;align-items:center;display:flex;position:absolute;top:-9px;transform:translate(-50%)}.story .pstop i{background:var(--card);border:2px solid var(--line);border-radius:50%;width:20px;height:20px;transition:background .3s,border-color .3s}.story .pstop span{color:var(--muted);white-space:nowrap;margin-top:10px;font-size:14px;transition:color .3s}.story .pstop.done i{background:var(--teal);border-color:var(--teal)}.story .pstop.on span{color:var(--ink);font-weight:700}.story .steps{margin-top:8vh;position:relative}.story .step{opacity:0;grid-template-columns:auto 1fr 1fr;align-items:center;gap:4vw;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;inset:0;transform:translateY(30px)}.story .step.on{opacity:1;transform:none}.story .step .big{font-family:var(--font-serif);color:#0000;-webkit-text-stroke:2px var(--teal);font-size:clamp(8rem,19vw,17rem);font-weight:700;line-height:.8}.story .step h3{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.story .step p{color:var(--muted);max-width:26em;font-size:18px;line-height:1.6}.story .must{background:var(--pending);color:var(--pending-ink);border-radius:99px;margin-top:4px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-block}.story .pic{justify-self:center}.story .letter{aspect-ratio:1/1.3;width:16rem;box-shadow:0 40px 70px -30px #00000073, 0 0 0 1px var(--line);background:#fdfaf4;background:lab(98.2924% .224292 3.04729);border-radius:6px;flex-direction:column;gap:9px;padding:24px;display:flex;transform:rotate(4deg)}.story .letter b{font-family:var(--font-serif);text-align:center;font-size:13px}.story .letter small{text-align:center;color:var(--muted);margin-top:-6px;font-size:11px}.story .letter hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.story .letter i{background:#e2ddd5;background:lab(88.4338% .706792 4.53427);border-radius:4px;height:7px}.story .letter .seal{background:conic-gradient(#c91c6b 0 9%, #e33a40 0 18%, #ee7725 0 27%, #44599e 0 36%, #8a4f7d 0 45%, #6b7f3a 0 54%, #2f6e7a 0 63%, #6b4e8c 0 72%, #a8763c 0 81%, #3f7a57 0 90%, #2f6e7a 0);border-radius:50%;align-self:flex-end;width:50px;height:50px;margin-top:auto;-webkit-mask:radial-gradient(circle,#0000 19px,#000 20px);mask:radial-gradient(circle,#0000 19px,#000 20px)}.story .formmini{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;width:21rem;padding:20px;font-size:13px;display:flex;box-shadow:0 40px 70px -35px #0006}.story .formmini label{margin-top:4px;font-size:12px;font-weight:600}.story .formmini .in{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:9px 12px}.story .formmini .kinds{gap:8px;display:flex}.story .formmini .kinds span{border:1.5px solid var(--line);border-radius:10px;flex:1;padding:8px 10px;font-weight:600}.story .formmini .kinds span.on{border-color:var(--teal);background:var(--teal-soft)}.story .formmini .file{background:var(--teal-soft);color:var(--teal);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-weight:600;display:flex}.story .formmini .send{background:var(--teal);color:#fff;text-align:center;border-radius:99px;margin-top:8px;padding:11px;font-weight:700}.story .mail{background:var(--card);border:1px solid var(--line);border-radius:18px;width:22rem;font-size:13px;overflow:hidden;box-shadow:0 40px 70px -35px #0006}.story .mail .from{border-bottom:1px solid var(--line);color:var(--muted);padding:12px 18px;font-size:12px}.story .mail .from b{color:var(--ink)}.story .mail .in{flex-direction:column;gap:10px;padding:18px;display:flex}.story .mail h4{font-family:var(--font-serif);margin:0;font-size:19px}.story .mail p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.story .mail .open{background:var(--teal);color:#fff;border-radius:99px;align-self:flex-start;padding:10px 16px;font-weight:700}.story .qa{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);align-items:start;gap:clamp(2rem,5vw,7rem);max-width:92rem;margin:0 auto;padding:16vh clamp(1.5rem,6vw,7rem) 18vh;display:grid}.story .qa h2{font-family:var(--font-serif);letter-spacing:-.025em;margin:0;font-size:clamp(2.6rem,4.6vw,6rem);font-weight:600;line-height:1}.story .qa .sub{color:var(--muted);max-width:18em;margin-top:16px;font-size:clamp(16px,1.05vw,20px)}.story .qa details{border-top:1px solid var(--line);padding:clamp(22px,1.9vw,34px) 4px}.story .qa details:last-child{border-bottom:1px solid var(--line)}.story .qa summary{cursor:pointer;font-family:var(--font-serif);justify-content:space-between;align-items:center;gap:24px;font-size:clamp(1.25rem,1.55vw,2rem);font-weight:600;line-height:1.25;list-style:none;display:flex}.story .qa summary::-webkit-details-marker{display:none}.story .qa summary:after{content:"+";color:var(--teal);font:300 clamp(28px, 2vw, 38px)/1 var(--font-sans);flex:none;transition:transform .3s}.story .qa details[open] summary:after{transform:rotate(45deg)}.story .qa details p{color:var(--muted);max-width:42em;margin:14px 0 0;font-size:clamp(17px,1.12vw,21px);line-height:1.65}.story{interpolate-size:allow-keywords}.story .qa details::details-content{block-size:0;transition:block-size .4s cubic-bezier(.2,.7,.2,1), content-visibility .4s allow-discrete;overflow:hidden}.story .qa details[open]::details-content{block-size:auto}.story #end{background:var(--deep);color:var(--cream);text-align:center;border-radius:28px;place-items:center;min-height:88vh;margin:0 10px 10px;padding:12vh 6vw;display:grid;position:relative;overflow:hidden}.story #end h2{font-family:var(--font-serif);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.8rem,7.6vw,8rem);font-weight:600;line-height:.98;position:relative}.story #end h2 span{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 70ms);display:inline-block;transform:translateY(.4em)}.story #end.in h2 span{opacity:1;transform:none}.story #end .btn{height:62px;margin-top:6vh;font-size:18px;position:relative}.story #end .note{color:var(--soft);margin-top:16px;font-size:15px;position:relative}.story .strip{height:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.story .strip i{flex:1}.story .menu .lang{display:inline-flex}.story .menu .lang select{min-width:44px;height:44px}.story .menu .lang select option{color:#222}@media (max-width:760px){.story .menu .lang select{color:#0000;width:2.5rem;padding-inline:0}.story .menu .lang svg:last-child{display:none}}[dir=rtl] .story,[dir=rtl] .story *{font-family:"Vazirmatn Arabic", var(--font-jakarta), Tahoma, sans-serif!important;letter-spacing:0!important}[dir=rtl] .story .words .l2,[dir=rtl] .story .feature h3 em{font-style:normal}[dir=rtl] .story .words{line-height:1.25}[dir=rtl] .story .feature h3{line-height:1.2}[dir=rtl] .story .read{line-height:1.4}[dir=rtl] .story .logo,[dir=rtl] .story .marks{left:auto;right:24px}[dir=rtl] .story .book .fi,[dir=rtl] .story .stops:after,[dir=rtl] .story .path:after,[dir=rtl] .story .sentence-strip i{transform-origin:100%}[dir=rtl] .story .parcel{transition:right 2.4s cubic-bezier(.45,0,.25,1) .3s;left:auto;right:calc(16.6% - 20px)}[dir=rtl] .story .play .parcel{left:auto;right:calc(83.4% - 20px)}[dir=rtl] .story .pstop{transform:translate(50%)}[dir=rtl] .story .letter{transform:rotate(-4deg)}[dir=rtl] .story .btn b svg{transform:scaleX(-1)}@media (max-width:760px){[dir=rtl] .story .pic{transform-origin:100% 0}}@media (max-width:760px) and (max-height:760px){.story .pic{display:none}}@media (min-width:1200px){.story .mini,.story .pic{zoom:1.15}}@media (min-width:1400px){.story .mini,.story .pic{zoom:1.28}}@media (min-width:1650px){.story .mini,.story .pic{zoom:1.42}}@media (min-width:1900px){.story .mini,.story .pic{zoom:1.52}}@media (min-width:2300px){.story .mini,.story .pic{zoom:1.75}}.story .demo-only{display:none!important}.story.demo .demo-only{display:inline-flex!important}.story .ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.story .btn.ghost{color:var(--cream);background:0 0;padding:0 24px;box-shadow:inset 0 0 0 1.5px #ffffff59}.story .btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.story .btn.ghost svg{width:18px;height:18px;color:var(--accent)}.story .see{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.story .see span{font-family:var(--font-serif);color:var(--cream);font-size:clamp(1.1rem,1.5vw,1.6rem);font-style:italic}.story .see a{height:42px;color:var(--accent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--accent) 55%, transparent);border-radius:99px;align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.story .see a:hover{background:color-mix(in oklab, var(--accent) 12%, transparent)}.story .see svg{width:16px;height:16px}.story .notready{color:var(--soft);justify-content:center;gap:6px;margin-top:10px;font-size:15px;position:relative}.story .notready a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 45%, transparent);font-weight:700}.story #end .note{display:block}@media (min-width:761px){.story .hero{text-align:start;justify-items:start;padding:0 7vw}.story .hero .for,.story .hero .words,.story .hero .ask{max-width:48vw}.story .hero .ask{align-items:flex-start}.story .hero .ctas{justify-content:flex-start}.story .words .l1{transform:translate(calc(var(--p) * -22vw), calc(var(--p) * -12vh))}.story .words .l2{transform:translate(calc(var(--p) * -14vw), calc(var(--p) * 14vh))}.story .mark3d{left:calc(75% - var(--p) * 25%);--s:clamp(13rem, 25vw, 27rem);opacity:1}.story .words{font-size:clamp(2.8rem, min(6.6vw, var(--fit)), 8rem)}[dir=rtl] .story .mark3d{left:calc(25% + var(--p) * 25%)}[dir=rtl] .story .words .l1{transform:translate(calc(var(--p) * 22vw), calc(var(--p) * -12vh))}[dir=rtl] .story .words .l2{transform:translate(calc(var(--p) * 14vw), calc(var(--p) * 14vh))}}@media (max-width:760px){.story .mark3d{--s:8.5rem;opacity:1;transform:perspective(900px) rotateX(calc(14deg - var(--p) * 34deg)) rotateY(calc(var(--spin) + var(--p) * 220deg)) scale(calc(1 + var(--p) * .4));margin:0 auto 2.5vh;position:relative;top:auto;left:auto}}.story .floorshadow{width:clamp(8rem,17vw,15rem);height:clamp(18px,2.2vw,34px);transform:translate(-50%, -50%) scale(calc(1 + var(--p) * .4));filter:blur(4px);opacity:calc(1 - var(--p) * 1.8);pointer-events:none;z-index:0;background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;position:absolute;top:calc(50% + clamp(8rem,17vw,15rem)/2.38095);left:50%}@media (min-width:761px){.story .floorshadow{left:calc(75% - var(--p) * 25%);width:calc(clamp(13rem,25vw,27rem)/1.25);top:calc(50% + clamp(13rem,25vw,27rem)/2.38095)}[dir=rtl] .story .floorshadow{left:calc(25% + var(--p) * 25%)}}@media (max-width:760px){.story .floorshadow{width:6.5rem;height:14px;margin:-3.4vh auto 2.8vh;position:relative;top:auto;left:auto;transform:none}.story .menu{gap:0}.story .menu .sec,.story .menu .sep{display:none}.story .menu a,.story .menu button{padding:8px 10px;font-size:13px}.story .logo{display:none}.story .marks{bottom:16px;left:12px}.story .glow{filter:none;inset:0}.story .glow i{animation:none}.story .glow .a{width:130%;height:75%;top:0;left:-40%}.story .glow .b{width:120%;height:60%;top:45%;right:-50%}.story .glow .c{display:none}.story .menu{-webkit-backdrop-filter:blur(8px)}.story .words{font-size:clamp(2.6rem,12.5vw,4rem)}.story .ask .note{text-align:start;max-width:20rem}.story .feature{grid-template-columns:minmax(0,1fr);align-content:center;gap:4vh;padding-block:12vh 6vh;padding-inline:7vw 8vw}.story .feature p{margin-top:12px;font-size:16px}.story .mini{margin:0;font-size:12px}.story .mini .body{gap:9px;padding:10px 14px 14px}.story .fdots{inset-inline-end:2.5vw}.story .fdots i{height:22px}.story #how .stage{padding:11vh 7vw 4vh}.story .pstop span{font-size:11px}.story .pstop:first-child{align-items:flex-start;transform:translate(-10px)}.story .pstop:last-child{align-items:flex-end;transform:translate(calc(10px - 100%))}[dir=rtl] .story .pstop:first-child{transform:translate(10px)}[dir=rtl] .story .pstop:last-child{transform:translate(calc(100% - 10px))}.story .steps{margin-top:7vh}.story .step{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.5vh}.story .step .big{-webkit-text-stroke-width:1.5px;font-size:4.5rem}.story .step p{margin:6px 0 0;font-size:16px}.story .pic{transform-origin:0 0;justify-self:start;transform:scale(.6)}.story #end{grid-template-columns:minmax(0,1fr)}.story #end h2{-webkit-hyphens:auto;hyphens:auto;font-size:clamp(2.1rem,9.5vw,2.8rem)}.story .qa{grid-template-columns:1fr;gap:4vh}}.story:not(.animated) .scrolly{height:auto!important}.story:not(.animated) .stage{height:auto;min-height:100vh;position:relative}.story:not(.animated) .assemble{opacity:1;min-height:60vh;position:relative}.story:not(.animated) .assemble .fly{transform:none}.story:not(.animated) .feature{opacity:1;min-height:80vh;position:relative}.story:not(.animated) .step{opacity:1;margin-bottom:8vh;position:relative;transform:none}.story:not(.animated) #end h2 span{opacity:1;transform:none}.story:not(.animated) .book .fi,.story:not(.animated) .chart i{transform:none}.story:not(.animated) .warnline,.story:not(.animated) .req.new,.story:not(.animated) .delivered,.story:not(.animated) .decide .done{opacity:1;transform:none}.story:not(.animated) .decide .approve{opacity:0}@media (prefers-reduced-motion:reduce){.story *,.story :before,.story :after{transition:none!important;animation:none!important}.story details::details-content{transition:none!important;animation:none!important}.story .scrolly{height:auto!important}.story .stage{height:auto;min-height:100vh;position:relative}.story .glow i,.story .scrollhint b{animation:none}.story .feature{opacity:1;min-height:80vh;position:relative}.story .assemble{opacity:1;min-height:60vh;position:relative}.story .step{opacity:1;margin-bottom:8vh;position:relative;transform:none}}.story .step p{margin:12px 0 14px}.story .logo svg{width:100%;height:100%;display:block}.story .mini .body>*,.story .req .tx span,.story .kpi span{margin:0}.story .delivered svg,.story .formmini .file svg{flex:none;width:16px;height:16px}
.req-hero{--night:#0e1d19;--cream:#f0ede6;--soft:#c2bdb1;--nmuted:#a59d91;--accent:#56beb3;--accent-ink:#031615;--amber:#efba64;background:var(--night);color:var(--cream)}@supports (color:lab(0% 0 0)){.req-hero{--night:lab(9.21997% -7.54608 .227651);--cream:lab(93.7692% .464082 3.79291);--soft:lab(76.8885% .0458956 6.92878);--nmuted:lab(65.2514% 1.26621 7.62007);--accent:lab(70.775% -33.58 -4.10527);--accent-ink:lab(5.67156% -6.26716 -1.74958);--amber:lab(79.1619% 12.7169 50.3813)}}.req-hero .glow{z-index:-1;filter:blur(48px);pointer-events:none;position:absolute;inset:-30%}.req-hero .glow i{border-radius:50%;position:absolute}.req-hero .glow .a{background:radial-gradient(closest-side,#008479bf,#0000);background:radial-gradient(closest-side,lab(49.002% -34.6763 -3.50789/.75),#0000);width:60%;height:70%;top:0;left:2%}.req-hero .glow .b{background:radial-gradient(closest-side,#bd853f59,#0000);background:radial-gradient(closest-side,lab(60.3801% 16.9373 45.5241/.35),#0000);width:50%;height:60%;top:28%;right:6%}.req-hero .grain{z-index:-1;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.req-hero .track{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.req-hero .track li{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.req-hero .track li+li:before{content:"";top:13px;background:#ffffff29;border-radius:2px;height:2px;position:absolute;inset-inline:calc(20px - 50%) calc(50% + 20px)}.req-hero .track li.reached:before{background:var(--accent)}.req-hero .node{width:28px;height:28px;color:var(--nmuted);border:1.5px solid #ffffff47;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.req-hero .done .node{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.req-hero .now .node{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px #56beb32e;box-shadow:0 0 0 4px lab(70.775% -33.58 -4.10527/.18)}.req-hero .attention .node{background:var(--amber);border-color:var(--amber);color:var(--accent-ink);box-shadow:0 0 0 4px #efba6433;box-shadow:0 0 0 4px lab(79.1619% 12.7169 50.3813/.2)}.req-hero .track .label{font-size:.9375rem;font-weight:600;line-height:1.25}.req-hero .todo .label{color:var(--nmuted)}.req-hero .track .note{color:var(--nmuted);font-size:.8125rem}@media (max-width:639px){.req-hero .track .label{font-size:.8125rem}.req-hero .track .note{display:none}}.req-hero .shelf{align-items:flex-end;gap:3px;height:30px;display:flex}.req-hero .shelf i{transform-origin:bottom;border-radius:3px 3px 0 0;flex:1}@media (prefers-reduced-motion:no-preference){.req-hero .now .node,.req-hero .attention .node{animation:2.6s ease-in-out 3 req-breathe}.req-hero .shelf i{animation:.7s cubic-bezier(.3,1.3,.5,1) both req-rise;animation-delay:calc(var(--n) * 35ms)}}@keyframes req-breathe{50%{box-shadow:0 0 0 7px #0000}}@keyframes req-rise{0%{transform:scaleY(.25)}}
