:root{color-scheme:dark;--bg:#10171d;--text:#edf5f3;--mint:#b2f4cc;--muted:#9aadb1;--line:#ffffff14;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button[hidden],a[hidden],[hidden]{display:none!important}.experience{height:100svh;min-height:700px;max-height:1400px;display:grid;grid-template-columns:53% 47%;padding:24px;gap:0;max-width:2000px;margin:auto}.stage{position:relative;overflow:hidden;border-radius:26px;background:#26352e;isolation:isolate;min-width:0}#jelly{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#jelly:active{cursor:grabbing}.stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07110f55 0%,transparent 24%,transparent 74%,#07110f99 100%)}.stage-top,.stage-bottom{position:absolute;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.stage-top{top:26px}.demo-label{font-size:10px;font-weight:600;letter-spacing:.14em;display:flex;align-items:center;gap:8px}.demo-label i{height:6px;width:6px;display:inline-block;background:var(--mint);border-radius:50%;box-shadow:0 0 14px #b2f4cc88}.glass{pointer-events:auto;border:1px solid #ffffff35;color:white;background:#111b1940;backdrop-filter:blur(15px);padding:11px 16px;border-radius:999px;font-size:12px;display:flex;align-items:center;gap:10px;transition:background .2s}.glass:hover{background:#111b1970}.glass span{font-size:21px;line-height:.7}.stage-bottom{bottom:30px;font-size:12px;font-weight:500}#photo-name{max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#counter{font-size:10px;letter-spacing:.1em;opacity:.7;min-width:45px;text-align:right}.dots{display:flex;align-items:center;gap:8px;pointer-events:auto}.dots button{border:0;width:7px;height:7px;border-radius:50%;padding:0;background:#ffffff65;position:relative;transition:width .25s,background .25s}.dots button::after{content:"";position:absolute;inset:-12px -6px}.dots button[aria-current=true]{background:var(--mint);width:26px;border-radius:7px}.story{padding:14px clamp(30px,4.2vw,82px) 8px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:600;letter-spacing:-.06em}.brand svg{height:32px;width:32px;color:var(--mint)}.platform{font-size:9px;letter-spacing:.13em;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:9px 12px}.pitch{padding-top:20px}.eyebrow{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:600}h1{font-weight:500;font-size:clamp(50px,5.3vw,100px);line-height:1.03;letter-spacing:-.065em;margin:24px 0 25px}h1 em{font-style:normal;color:var(--mint)}.intro{font-size:clamp(15px,1.35vw,19px);line-height:1.65;letter-spacing:-.02em;color:#adbdc0;margin:0}.mobile-intro{display:none}.actions{margin:28px 0 0;max-width:430px}.primary{background:var(--mint);border:1px solid var(--mint);border-radius:18px;color:#10251a;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#cfffe1;transform:translateY(-2px)}.primary>span:last-child{font-size:22px;font-weight:400;line-height:1}.download-note{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin:12px 0 0;letter-spacing:.01em}.download-note span{padding:0 6px;opacity:.45}.secondary{display:block;text-align:center;color:var(--mint);font-size:12px;margin-top:18px}.secondary span{margin-left:7px}.install-hint{color:var(--muted);font-size:11px;line-height:1.6;text-align:center}.how{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:#b7c8ca;margin-top:28px}.how-dot{font-size:8px;color:var(--mint);border:1px solid #b2f4cc30;border-radius:50%;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.how-arrow{margin:0 3px;color:#6c8185;font-size:14px}footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px;font-size:9px;color:#819497}footer button{font-size:9px;padding:0;border:0;background:none;color:inherit}footer button:hover{color:var(--mint)}.footer-note{margin-left:auto;opacity:.6}.stage-error{position:absolute;inset:0;background:#10171de8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:30px;text-align:center;z-index:3}.stage-error strong{font-weight:500;font-size:26px;letter-spacing:-.04em}.stage-error span{font-size:14px;line-height:1.6;max-width:280px;color:var(--muted)}.stage-error a{border-bottom:1px solid var(--mint);color:var(--mint);padding-bottom:5px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:16px 22px;max-width:min(90vw,440px);background:#203128;border:1px solid #b2f4cc35;border-radius:16px;font-size:13px;line-height:1.5;z-index:20;box-shadow:0 10px 50px #0006}dialog{background:#17242b;color:var(--text);border:1px solid #ffffff1c;border-radius:24px;width:min(680px,92vw);max-height:82svh;padding:24px}dialog::backdrop{background:#07100cbb;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;background:#17242b;padding-bottom:20px}.dialog-top strong{font-size:18px;font-weight:500}.dialog-top button{background:#ffffff0c;color:var(--text);border:0;border-radius:50%;width:36px;height:36px;font-size:18px;flex-shrink:0}.document-text{font-size:13px;line-height:1.85;white-space:pre-wrap;color:#c5d2d2;overflow-wrap:anywhere}.document-text a{color:var(--mint);text-decoration:underline}
@media(min-width:1600px){.experience{padding:32px}.story{padding-top:20px;padding-bottom:14px}.stage{border-radius:32px}}
@media(max-width:1100px) and (min-width:761px){.experience{grid-template-columns:51% 49%;padding:18px}.story{padding-left:30px;padding-right:12px}.how{gap:5px;font-size:9px}.how-arrow{margin:0}.footer-note{display:none}h1{font-size:56px}}
@media(max-width:760px){body{overflow:hidden}.experience{height:100svh;min-height:0;max-height:none;display:block;padding:0}.stage{position:absolute;inset:0;border-radius:0}.stage-shade{background:linear-gradient(180deg,#09181177 0%,transparent 22%,transparent 43%,#07151066 64%,#0a1617ed 90%,#0a1617 100%)}.stage-top{top:calc(env(safe-area-inset-top,0px) + 77px);left:22px;right:22px}.demo-label{font-size:8px;letter-spacing:.12em}.glass{padding:10px 14px;font-size:11px}.stage-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 266px);left:22px;right:22px;font-size:11px}.story{position:absolute;inset:0;padding:0;display:block;pointer-events:none}header{position:absolute;top:calc(env(safe-area-inset-top,0px) + 22px);left:22px;right:22px}.brand{font-size:25px;pointer-events:auto}.brand svg{width:31px;height:31px}.platform{font-size:8px;background:#101a1622;border-color:#ffffff28;color:#d5e4de;backdrop-filter:blur(10px)}.pitch{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 151px);left:22px;right:22px;padding:0}.eyebrow,.intro{display:none}h1{font-size:34px;line-height:1.08;margin:0 0 10px;letter-spacing:-.055em}h1 br{display:none}h1 em{color:var(--mint)}h1 br::after{content:" "}.mobile-intro{display:block;font-size:12px;line-height:1.4;color:#c3d4cc;margin:0}.actions{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 44px);left:22px;right:22px;max-width:none;margin:0;pointer-events:auto}.primary{padding:17px 20px;border-radius:16px;font-size:14px;min-height:56px}.download-note{font-size:9px;margin-top:9px;color:#9fb3a9}.how{display:none}footer{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 15px);left:22px;right:22px;justify-content:center;gap:18px;margin:0;pointer-events:auto}footer button{font-size:8px;color:#84998d}.footer-note{display:none}.secondary{margin-top:11px;font-size:11px}.install-hint{font-size:10px;margin:7px 0 0}.shared .pitch{bottom:calc(env(safe-area-inset-bottom,0px) + 212px)}.shared .stage-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 312px)}.shared .download-note{display:none}.toast{bottom:calc(env(safe-area-inset-bottom,0px) + 170px)}.stage-error{justify-content:flex-start;padding-top:36svh}.stage-error strong{font-size:22px}}
@media(max-width:760px) and (max-height:620px){.stage-top{top:66px}.stage-bottom{bottom:235px}.pitch{bottom:142px}h1{font-size:28px}.demo-label{display:none}.shared .stage-bottom{bottom:285px}}
.fallback-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(min-width:761px) and (max-height:600px){.experience{min-height:0;height:100svh;padding:12px;grid-template-columns:50% 50%}.story{padding:5px 22px}.pitch{padding:0}.eyebrow{display:none}.brand{font-size:20px}.brand svg{width:26px;height:26px}h1{font-size:38px;margin:10px 0}.intro{font-size:12px;line-height:1.5}.actions{margin-top:8px}.primary{padding:12px 18px;font-size:12px;border-radius:12px}.download-note{font-size:8px;margin-top:7px}.how{display:none}footer{margin-top:8px;gap:12px}.stage-top{top:16px;left:16px;right:16px}.stage-bottom{bottom:18px;left:16px;right:16px}.demo-label{font-size:8px}.glass{font-size:10px;padding:9px 12px}.footer-note{display:none}.secondary{font-size:10px;margin-top:8px}.install-hint{font-size:9px;margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.purchase-note{font-size:12px;line-height:1.6;color:var(--mint);margin:8px 0}.purchase-note a{text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-size:11px}footer{flex-wrap:wrap;row-gap:8px}footer>a{font-size:10px;color:var(--muted)}.seller-line{width:100%;font-size:9px;line-height:1.6;color:var(--muted)}.seller-line span{display:block}.seller-line a{text-decoration:underline;text-underline-offset:2px}.legal-page{overflow:auto!important}.legal-page article{max-width:900px;margin:24px auto;padding:24px;line-height:1.8;overflow-wrap:anywhere}.legal-page h1{font-size:34px;line-height:1.2;letter-spacing:-.035em}.legal-page h2{font-size:20px;margin-top:32px}.legal-page p{font-size:15px;color:#c7d4ce}.legal-page a{color:var(--mint);text-decoration:underline}.legal-back{font-size:14px}
@media(max-width:760px){footer{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);row-gap:4px;column-gap:16px}footer>a,footer>button{font-size:9px}.seller-line{font-size:8px;text-align:center;line-height:1.6}.actions{bottom:calc(env(safe-area-inset-bottom,0px) + 90px)}.purchase-note{font-size:11px;margin:6px 0;line-height:1.5}.purchase-note a{font-size:10px}.pitch{bottom:calc(env(safe-area-inset-bottom,0px) + 230px)}.stage-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 330px)}.shared .pitch{bottom:calc(env(safe-area-inset-bottom,0px) + 260px)}.shared .stage-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 355px)}.legal-page article{padding:18px;margin:0 auto}.legal-page h1{font-size:28px}.legal-page p{font-size:14px}}

@media(max-width:760px) and (max-height:540px){header{top:12px}.pitch,.shared .pitch{display:none}.stage-top{top:60px}.stage-bottom,.shared .stage-bottom{display:none}.actions{bottom:calc(env(safe-area-inset-bottom,0px) + 68px)}.primary{min-height:40px;padding:10px 16px}.download-note{display:none}.purchase-note{font-size:10px;line-height:1.4;margin:4px 0}.purchase-note br{display:none}.purchase-note a{margin-left:8px}footer{bottom:8px}.seller-line{font-size:7px}.seller-line span{display:inline}.legal-page article{padding:16px}}
