#platform .sec-head{margin-bottom:42px}#platform .sec-head .lead{max-width:660px;margin-inline:auto}#platform .j-legacy{display:none!important}.journey{position:relative;border:1px solid #e9dfd4;border-radius:28px;background:#f7f1e9;overflow:hidden;isolation:isolate}.j-meta{height:58px;display:flex;align-items:center;gap:14px;padding:0 25px;color:#a18c74;font-size:9px;letter-spacing:1.7px}.j-meta>span:first-child{display:flex;align-items:center;gap:8px}.j-meta i{width:5px;height:5px;background:#bb9579;border-radius:50%}.j-meta .j-demo{margin-left:auto;font-size:10px;letter-spacing:0;color:#a69a8b}.j-pause{border:1px solid #e1d4c3;border-radius:50%;width:28px;height:28px;background:#fff9;color:#907961;cursor:pointer}.j-stage{height:520px;position:relative;perspective:1400px;background:radial-gradient(ellipse at 50% 48%,#f3ded26b,transparent 60%)}.j-orbit{position:absolute;left:50%;top:44%;width:770px;height:350px;border:1px solid #e3d1be66;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none}.j-orbit-two{width:680px;height:480px;transform:translate(-50%,-50%) rotate(16deg)}.j-prompt{position:absolute;top:45px;left:50%;transform:translateX(-50%);width:460px;min-height:62px;display:flex;align-items:center;padding:18px 21px;gap:12px;background:#fffdf9;border:1px solid #e6d9c9;border-radius:17px;box-shadow:0 12px 35px #74513708;z-index:5;font-size:13px;color:#8a7560;transition:all .8s}.j-spark{font-size:27px;color:#da9f8a}.j-cursor{color:#d5a083;animation:j-blink 1s infinite}.j-product{position:absolute;left:50%;top:146px;width:610px;height:354px;border:1px solid #e4d6c6;border-radius:17px;background:#fffdf9;box-shadow:0 24px 65px #674c2414;overflow:hidden;transform:translateX(-50%) rotateX(7deg) rotateY(-5deg) scale(.88);transform-origin:center;transition:transform 1.1s,opacity .9s,filter .9s;opacity:.43;filter:saturate(.5)}.j-browser{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #ece3d8;background:#faf6ef;font-size:8px;color:#a4937d;letter-spacing:.4px}.j-browser>span:first-child{display:flex;gap:4px}.j-browser i{width:5px;height:5px;border-radius:50%;background:#d6ae99}.j-browser i:nth-child(2){background:#e5ca96}.j-browser i:nth-child(3){background:#b6c2a7}.j-app{display:flex;height:324px}.j-app aside{width:126px;padding:21px 13px;background:#f4efe6;flex-shrink:0;position:relative}.j-app-brand{color:#a67e62;font-size:22px;display:flex;align-items:center;gap:6px;margin-bottom:22px}.j-app-brand b{color:#524b3f;font-size:17px;letter-spacing:-.8px}.j-app-nav{display:block;font-size:8px;margin:4px 0;padding:8px;color:#a08e79;border-radius:6px}.j-app-nav.j-selected{background:#e7d9c8;color:#816749}.j-mini-profile{position:absolute;bottom:19px;display:flex;gap:7px;align-items:center;font-size:7px;line-height:1.7;color:#82735e}.j-mini-profile i{background:#e1ccb5;border-radius:8px;padding:6px;font-style:normal}.j-mini-profile small{font-size:6px;color:#a79887}.j-app-main{flex:1;padding:21px 24px;position:relative;min-width:0}.j-app-title{display:flex;align-items:center;justify-content:space-between}.j-app-title small{font-size:6px;color:#ac9c87;letter-spacing:1px}.j-app-title h3{font-size:19px;letter-spacing:-.6px;line-height:1.3;margin:5px 0 0}.j-app-title>span{background:#f1e2d2;padding:7px;border-radius:7px;color:#a38769}.j-metrics{display:flex;gap:10px;margin:17px 0}.j-metrics>div{flex:1;background:#ede6ee;border-radius:9px;padding:10px 12px}.j-metrics>div+div{background:#eef0e4}.j-metrics small{display:block;font-size:7px;color:#a18d7a}.j-metrics strong{display:block;font-size:18px;font-weight:550;letter-spacing:-.6px;margin:4px 0}.j-metrics>div+div strong{font-size:13px;margin:7px 0}.j-metrics span{font-size:6px;color:#a59581}.j-calendar-head{display:flex;justify-content:space-between;font-size:8px;color:#8f7c64}.j-calendar-head span{font-size:7px;color:#ac9b87}.j-days{display:flex;gap:10px;justify-content:space-between;margin:10px 0;font-size:5px;color:#af9d87}.j-days>span{padding:5px 16px;text-align:center;border-radius:7px}.j-days b{display:block;font-size:9px;color:#8b765d;margin-top:2px}.j-days .selected{background:#eee0ce}.j-event{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #efe6db;font-size:7px;color:#9c8e7a}.j-event b{font-weight:500;color:#716452}.j-event small{display:block;font-size:6px;color:#b09e88;margin-top:3px}.j-event i{width:3px;height:22px;background:#c3b8d2;border-radius:4px}.j-event>span:last-child{margin-left:auto}.j-event-two i{background:#c6cdae}.j-module{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #e6d8c5;background:#fffcf7;border-radius:14px;padding:15px 18px;box-shadow:0 15px 30px #7357350b;z-index:6;opacity:0;transform:translateY(20px) scale(.92);transition:all .75s}.j-module b{font-size:11px;font-weight:550;display:block}.j-module small{display:block;font-size:8px;color:#a3937e;margin-top:5px}.j-module-icon{width:30px;height:30px;display:grid;place-items:center;background:#ece3ed;border-radius:9px;color:#a695ae;font-size:19px}.j-module i{width:5px;height:5px;border-radius:50%;background:#b0bf9b}.j-database{left:55px;top:239px}.j-check{right:40px;top:110px}.j-check .j-module-icon{background:#edf0e4;color:#8eaa7d}.j-host{right:38px;top:334px}.j-host .j-module-icon{background:#f4e3d1;color:#c49c70}.j-friend{position:absolute;width:100px;height:125px;object-fit:contain;z-index:7;pointer-events:none;transition:transform 1.2s}.j-friend-one{left:calc(50% - 340px);top:347px}.j-friend-two{left:calc(50% - 210px);top:364px}.j-friend-three{right:calc(50% - 213px);top:367px}.j-friend-four{right:calc(50% - 343px);top:345px}.j-request{position:absolute;top:59px;left:50%;transform:translate(-50%,20px);opacity:0;display:flex;align-items:center;gap:12px;border:1px solid #dfcabc;background:#fffaf5;padding:15px 22px;border-radius:15px;font-size:13px;color:#a47b60;transition:all .7s;z-index:6}.j-waitlist{position:absolute;bottom:16px;left:24px;right:24px;background:#f0e3d4;display:flex;gap:9px;padding:12px;border-radius:9px;align-items:center;transform:translateY(35px);opacity:0;transition:all .9s;color:#a27959;font-size:12px}.j-waitlist b{display:block;font-size:9px;color:#78624c}.j-waitlist small{display:block;font-size:7px;margin-top:3px}.j-waitlist>span:last-child{margin-left:auto}.j-caption{height:54px;display:flex;align-items:center;gap:18px;padding:0 26px;border-top:1px solid #e8dbcc;color:#9f8a73;font-size:11px;background:#fff9}.j-caption>span:first-child{font-size:9px;font-variant-numeric:tabular-nums;color:#b3a18c}.j-timer{width:70px;height:2px;background:#e7d9c6;margin-left:auto}.j-timer i{display:block;height:100%;width:0;background:#ce9a7b}.j-tabs{display:grid;grid-template-columns:repeat(6,1fr);margin-top:26px;border-bottom:1px solid #e7ddd0;gap:10px}.j-tab{font:inherit;border:0;border-bottom:2px solid transparent;background:none;text-align:left;padding:14px 0 22px;cursor:pointer;min-width:0;color:#8d8273}.j-tab span{display:block;font-size:10px;color:#b4a491;margin-bottom:10px}.j-tab b{font-size:12px;font-weight:500}.j-tab[aria-selected=true]{border-bottom-color:#d29b80;color:#ac7258}.j-tab[aria-selected=true] span{color:#c68d72}.j-tab:focus-visible,.j-pause:focus-visible{outline:2px solid #b88b73;outline-offset:4px}.j-detail{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;margin:34px 0 0;min-height:155px}.j-detail .eyebrow{font-size:9px}.j-detail h3{font-size:26px;line-height:1.22;letter-spacing:-.7px;max-width:340px;margin:13px 0 0}.j-detail p{font-size:13px;line-height:1.85;color:#8e8273;margin:0}.j-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.j-tags span{font-size:9px;color:#a58e76;background:#f4eee6;padding:6px 9px;border-radius:20px}
.journey:not([data-step="0"]) .j-product{opacity:1;filter:none;transform:translateX(-50%) rotateX(0) rotateY(0) scale(1);top:112px}.journey:not([data-step="0"]) .j-prompt{top:20px;min-height:48px;padding:10px 18px;font-size:11px}.journey[data-step="0"] .j-app-main{opacity:.45}.journey[data-step="1"] .j-metrics>div,.journey[data-step="1"] .j-calendar{animation:j-assemble .9s both}.journey[data-step="1"] .j-calendar{animation-delay:.2s}.journey[data-step="1"] .j-database,.journey[data-step="2"] .j-check,.journey[data-step="3"] .j-host,.journey[data-step="4"] .j-host,.journey[data-step="4"] .j-database{opacity:1;transform:none}.journey[data-step="2"] .j-product{box-shadow:0 20px 65px #8caa661d}.journey[data-step="3"] .j-host{top:385px;right:calc(50% - 140px)}.journey[data-step="5"] .j-prompt{opacity:0;pointer-events:none}.journey[data-step="5"] .j-request{opacity:1;transform:translate(-50%,0);top:30px}.journey[data-step="5"] .j-waitlist{opacity:1;transform:none}.journey[data-step="5"] .j-event-two{opacity:0}.journey[data-step="1"] .j-friend-one{transform:translate(30px,-10px)}.journey[data-step="1"] .j-friend-four{transform:translate(-30px,-10px)}
@keyframes j-assemble{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}@keyframes j-blink{50%{opacity:0}}.journey.j-paused *{animation-play-state:paused!important}
@media(max-width:900px){.j-stage{height:460px}.j-product{width:530px;height:325px;top:118px}.j-app{height:295px}.j-app-main{padding:17px}.j-app aside{width:110px}.j-database{left:12px;top:245px}.j-host{right:10px;top:310px}.j-check{right:10px;top:110px}.j-module{padding:10px}.j-friend-one{left:3%;top:320px}.j-friend-two{left:20%;top:330px}.j-friend-three{right:20%;top:330px}.j-friend-four{right:3%;top:320px}.j-detail{gap:30px}}
@media(max-width:600px){#platform .sec-head .h2{font-size:33px}.journey{border-radius:20px}.j-meta{padding:0 13px;gap:8px;font-size:7px;height:48px;letter-spacing:1px}.j-meta .j-demo{font-size:8px}.j-stage{height:408px;overflow:hidden}.j-prompt{width:calc(100% - 30px);font-size:10px;top:22px;padding:12px;gap:6px;min-height:48px}.j-spark{font-size:21px}.j-product{width:480px;height:324px;top:85px;transform:translateX(-50%) scale(.58)!important;transform-origin:top center;opacity:.5}.journey:not([data-step="0"]) .j-product{top:88px;transform:translateX(-50%) scale(.63)!important}.j-app aside{width:100px}.j-app-main{padding:16px}.j-app-title h3{font-size:17px}.j-days>span{padding:5px 12px}.j-friend{width:65px;height:85px;top:290px!important}.j-friend-one{left:1%}.j-friend-two{left:23%}.j-friend-three{right:23%}.j-friend-four{right:1%}.j-module{top:264px!important;left:50%!important;right:auto!important;width:max-content;max-width:90%;transform:translate(-50%,10px)!important;padding:9px 12px}.j-module b{font-size:10px}.j-module small{font-size:7px}.journey[data-step="1"] .j-database,.journey[data-step="2"] .j-check,.journey[data-step="3"] .j-host,.journey[data-step="4"] .j-host{transform:translate(-50%,0)!important}.journey[data-step="4"] .j-database{display:none}.j-caption{padding:0 13px;gap:10px;font-size:9px;height:48px}.j-timer{width:30px;flex-shrink:0}.j-caption>span:first-child{font-size:8px;white-space:nowrap}.j-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:15px}.j-tab{padding:12px 0}.j-tab b{font-size:10px}.j-tab span{margin-bottom:5px;font-size:9px}.j-detail{grid-template-columns:1fr;gap:14px;margin-top:25px;min-height:240px}.j-detail h3{font-size:24px;margin-top:8px;max-width:none}.j-detail p{font-size:12px}.j-request{font-size:11px;width:max-content;max-width:95%;padding:12px}.j-orbit{width:450px}.j-orbit-two{width:340px}.j-demo{display:none}}
@media(prefers-reduced-motion:reduce){.journey *{animation:none!important;transition:none!important}.j-cursor{display:none}}