.app-showcase{--app-ink:#21313a;--app-gold:#ad8b59;--app-muted:#746653;position:relative;min-width:0;width:100%;color:var(--app-ink);text-align:center;font-family:DM Sans,Segoe UI,sans-serif}.app-stage{position:relative;isolation:isolate;overflow:clip;padding:20px 0 0;background:radial-gradient(ellipse at 50% 53%,#d3bb915c,transparent 67%)}.app-orbit{position:absolute;z-index:-1;left:50%;top:42%;width:min(100%,450px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-24deg);border:1px solid #b59a6833;border-radius:50%}.app-orbit:after{content:"";position:absolute;inset:22px -14px;border:1px solid #b59a6824;border-radius:50%;transform:rotate(36deg)}.app-showcase .app-panel{margin:0;position:relative}.app-showcase [hidden]{display:none!important}.app-showcase .app-phone{display:block;position:relative;width:min(280px,calc(100% - 36px));padding:7px;margin:0 auto;border:1px solid #a18c70;border-radius:28px;background:linear-gradient(135deg,#a38f77,#252a2d 28%,#0c141b 70%,#887052);box-shadow:0 28px 45px -22px #32271980,0 5px 10px #32271924;transition:transform .25s;line-height:0}.app-showcase .app-phone img{display:block;position:static;width:100%;height:auto;aspect-ratio:1179/2556;object-fit:contain;border-radius:20px;filter:none;opacity:1}.app-expand{position:absolute;right:-12px;bottom:32px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e4d6c0;border-radius:50%;background:#faf6ef;color:#453f34;font:23px/1 DM Sans,sans-serif;box-shadow:0 4px 20px #0002}.app-showcase .app-panel figcaption{position:static;margin:25px auto 0;padding:0;max-width:100%;color:inherit;text-align:center;background:none;transform:none;font-style:normal}.app-screen-name{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--app-muted)}.app-screen-caption{display:block;margin:8px auto 0;max-width:420px;font:400 25px/1.2 Libre Caslon Display,Georgia,serif}.app-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:23px auto 0;max-width:480px}.app-showcase .app-controls button{font:500 13px/1.4 DM Sans,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #bda58380;border-radius:24px;color:var(--app-ink);background:transparent;cursor:pointer}.app-showcase .app-controls button[aria-pressed=true]{background:#20313b;color:#f5e7ce;border-color:#20313b}.app-showcase .app-status{font:400 12px/1.65 DM Sans,sans-serif;color:var(--app-muted);margin:18px auto 0;max-width:360px;padding-inline:12px}.app-noscript{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:16px;font-size:14px}.app-showcase :is(button,a):focus-visible{outline:3px solid #8061b2;outline-offset:5px}.app-dialog{position:fixed;inset:0;width:min(840px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #a19078;border-radius:14px;margin:auto;background:#f5eee3;color:#17252d;overscroll-behavior:contain;box-shadow:0 24px 100px #0008}.app-dialog::backdrop{background:#071017df}.app-dialog-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#f5eee3;border-bottom:1px solid #d8cbb7}.app-showcase .app-dialog-bar p{margin:0;font:500 14px/1.5 DM Sans,sans-serif;color:#17252d}.app-showcase .app-dialog-bar button{display:flex;align-items:center;gap:14px;min-height:44px;border:1px solid #b3a389;border-radius:24px;padding:8px 16px;background:transparent;color:#17252d;cursor:pointer;font:500 14px/1.5 DM Sans,sans-serif}.app-dialog-image{padding:20px}.app-dialog-image img{display:block;width:min(100%,590px);height:auto;margin:auto;border-radius:6px}.app-feature{padding:88px 0;background:#f4ecdf}.app-feature:nth-of-type(2n){background:#faf6ef}.app-feature-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8%;width:min(1200px,calc(100% - 96px));margin:auto}.app-feature-copy h2{margin:20px 0 25px}.app-feature-copy>p{font:400 17px/1.8 DM Sans,sans-serif;color:#76685a;max-width:430px}.app-feature[data-app-space=core]{background:#101d28}.app-feature[data-app-space=core] .app-feature-copy{color:#f1e3cc}.app-feature[data-app-space=core] .app-feature-copy>p{color:#bdc1c1}.app-feature[data-app-space=core] .eyebrow{color:#d0b480}.app-feature[data-app-space=core] .app-showcase{--app-ink:#f1e3cc;--app-muted:#c5b496}.app-feature[data-app-space=core] .app-stage{background:radial-gradient(ellipse at 50% 53%,#b28d3d26,transparent 67%)}@media(hover:hover){.app-phone:hover{transform:translateY(-4px)}.app-controls button:hover{border-color:#80684a}}@media(max-width:820px){.app-feature{padding:56px 0}.app-feature-inner{grid-template-columns:minmax(0,1fr);gap:28px;width:calc(100% - 40px)}.app-feature-copy{max-width:550px}.app-feature-copy h2{font-size:clamp(36px,10vw,52px);line-height:1.1}.app-feature-copy>p{font-size:16px}.app-stage{padding-top:12px}.app-dialog-bar{padding:10px;gap:10px}.app-showcase .app-dialog-bar button{gap:8px;padding:8px 12px;flex-shrink:0}.app-dialog-image{padding:10px}.app-controls{gap:6px}.app-screen-caption{font-size:24px;max-width:320px}}@media(prefers-reduced-motion:reduce){.app-showcase .app-phone{transition:none}.app-phone:hover{transform:none}}