.example-app{--ex-accent:#6853be;--ex-ink:#302745;--ex-bg:#f2edf8;--ex-button-ink:#fff;position:relative;display:flex;flex-direction:column;width:320px;height:693.333px;overflow:hidden;background:var(--ex-bg);color:var(--ex-ink);font-family:var(--font-inter),sans-serif;font-size:12px;line-height:1.4;isolation:isolate;text-align:left;letter-spacing:0}.example-app *{box-sizing:border-box}.example-app button{font:inherit;cursor:pointer}.example-app button:focus-visible{outline:3px solid var(--ex-accent);outline-offset:3px}.example-app img{display:block;-o-object-fit:cover;object-fit:cover}.example-app h3,.example-app p{margin:0}.example-app .ex-status{height:37px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:11px 24px 0;font:600 11px Arial,sans-serif}.ex-status>span{gap:3px}.ex-appbar,.ex-status>span{display:flex;align-items:center}.ex-appbar{position:relative;z-index:3;height:43px;flex-shrink:0;justify-content:space-between;padding:0 21px}.ex-wordmark{font-weight:800;font-size:19px;letter-spacing:-.9px}.ex-back{opacity:.6}.ex-art{position:relative;flex-shrink:0;height:283px;overflow:hidden}.ex-art>img{width:100%;height:100%}.ex-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:17px 23px 18px;position:relative;z-index:2}.ex-eyebrow{font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;opacity:.8}.example-app h3{white-space:pre-line;font-size:33px;line-height:1.02;letter-spacing:-1.4px;font-weight:750;margin:7px 0}.ex-subtitle{font-size:10px;line-height:1.5;opacity:.8}.ex-plans{display:flex;gap:6px;flex-direction:column;margin-top:auto;padding-top:13px}.example-app .ex-plan{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px 11px;border:1px solid color-mix(in srgb,var(--ex-ink) 18%,transparent);border-radius:9px;background:transparent;color:inherit;min-height:43px;transition:background .18s,border-color .18s}.example-app .ex-plan.is-selected{border-color:var(--ex-accent);background:color-mix(in srgb,var(--ex-accent) 9%,transparent)}.ex-plan-radio{width:13px;height:13px;border:1px solid;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--ex-accent)}.is-selected .ex-plan-radio{background:var(--ex-accent);color:var(--ex-button-ink);border-color:var(--ex-accent)}.ex-plan-name{font-size:10px;font-weight:700;line-height:1.2}.ex-plan-name small{display:block;font-size:8px;font-weight:400;line-height:1.25;opacity:.8;margin-top:3px;max-width:150px}.ex-plan>strong{margin-left:auto;white-space:nowrap;font-size:12px;letter-spacing:-.3px}.ex-plans-three{gap:4px;padding-top:8px}.ex-plans-three .ex-plan{padding:7px 9px;min-height:35px}.ex-plans-three .ex-plan-name small{font-size:7px}.example-app .ex-cta{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;flex-shrink:0;margin-top:9px;padding:10px 5px;border-radius:9px;border:0;background:var(--ex-accent);color:var(--ex-button-ink);font-size:11px;font-weight:700}.example-app .ex-fine{font-size:7px;line-height:1.2;text-align:center;margin-top:8px;opacity:.8}.ex-home{position:absolute;bottom:7px;left:calc(50% - 43px);width:86px;height:3px;border-radius:4px;background:currentColor;opacity:.5;z-index:5}.ex-font-editorial .ex-wordmark,.ex-font-editorial h3{font-family:Georgia,serif;font-weight:400}.ex-font-editorial .ex-wordmark{font-style:italic}.ex-font-sport .ex-wordmark,.ex-font-sport h3{font-family:Impact,Arial Narrow,sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.1px;font-weight:500}.ex-font-sport h3{font-size:38px}.ex-font-geometric .ex-wordmark{font-family:var(--font-satoshi),sans-serif;letter-spacing:-1.1px;font-weight:900}.ex-font-game .ex-wordmark,.ex-font-game h3{font-family:Georgia,serif;letter-spacing:-.4px}.ex-font-game .ex-wordmark{font-size:17px;letter-spacing:2px}.ex-font-rounded .ex-wordmark,.ex-font-rounded h3{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;letter-spacing:-1.7px;font-weight:800}.ex-font-news h3{font-family:Georgia,serif;font-weight:400}.ex-font-news .ex-wordmark{font-family:Georgia,serif;font-size:24px;letter-spacing:-1.4px}.ex-font-mono .ex-eyebrow,.ex-font-mono .ex-wordmark{font-family:monospace;letter-spacing:3px;font-size:13px}.ex-font-mono .ex-eyebrow{font-size:8px;letter-spacing:1px}.ex-font-mono h3{font-family:var(--font-satoshi),sans-serif;letter-spacing:-1px;font-weight:500}.ex-fitness-art{margin-top:-80px;padding-top:80px;height:363px;z-index:0}.ex-fitness-art>img{position:absolute;inset:0;-o-object-position:50% 38%;object-position:50% 38%;height:100%;z-index:-1}.ex-fitness .ex-appbar,.ex-fitness .ex-status{color:#fff;z-index:2;text-shadow:0 1px 9px #0009}.ex-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#121a1833,transparent 35%,var(--ex-bg));pointer-events:none}.ex-location{top:94px;align-items:center;gap:4px;letter-spacing:1.4px;font-size:7px;color:white}.ex-location,.ex-run-stats{position:absolute;left:23px;display:flex}.ex-run-stats{bottom:15px;right:23px;gap:25px;z-index:2}.ex-run-stats span{display:flex;flex-direction:column;text-transform:uppercase;font-size:7px;color:#e2e7dc}.ex-run-stats b{font-size:24px;letter-spacing:-1px;font-family:var(--font-satoshi),sans-serif;color:var(--ex-accent)}.ex-route{position:absolute;right:17px;bottom:91px;width:114px;height:50px;transform:rotate(-10deg);filter:drop-shadow(0 2px 4px #0008)}.ex-route path{stroke:var(--ex-accent);stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:400;animation:ex-draw 2s ease both}.ex-fitness .ex-content{padding-top:5px}.ex-travel-art{margin:0 14px;height:276px;border-radius:3px}.ex-travel-art>img{-o-object-position:50% 45%;object-position:50% 45%}.ex-travel-stamp{position:absolute;top:17px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fffefa;text-shadow:0 1px 15px #0b405577}.ex-travel-stamp span{font:7px monospace;letter-spacing:2px}.ex-travel-stamp b{font:italic 46px Georgia,serif;letter-spacing:-3px;margin:2px}.ex-map-tag{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;background:#fffaf0ee;color:#524937;padding:7px 9px;font-size:8px}.ex-map-tag,.ex-travel .ex-cta,.ex-travel .ex-plan{border-radius:3px}.ex-music-art{height:283px;padding:5px 25px 0}.ex-music-art .ex-album{width:185px;height:185px;position:relative;z-index:2;margin-left:6px;border-radius:5px;box-shadow:0 15px 28px #0008}.ex-record{width:176px;height:176px;position:absolute;top:10px;right:14px;border-radius:50%;background:repeating-radial-gradient(circle,#23222a 0 1px,#0d0e13 2px 4px);border:2px solid #3d3944}.ex-record:after{content:"";position:absolute;inset:58px;border-radius:50%;background:#a99ad3;border:19px solid #8075a6}.ex-song{display:flex;align-items:center;justify-content:space-between;margin:17px 5px 0}.ex-song b{display:block;font-size:13px}.ex-song span{font-size:6px;letter-spacing:1.6px;opacity:.7;display:block;margin-top:3px}.ex-waveform{display:flex;gap:3px;align-items:center;height:25px;margin:5px}.ex-waveform i{flex:1;min-width:2px;border-radius:3px;background:var(--ex-accent);transform-origin:center;animation:ex-wave .8s ease-in-out 4 alternate}.ex-music .ex-eyebrow{color:#c8bdff}.ex-game-art{height:283px}.ex-game-art>img{-o-object-position:47% 40%;object-position:47% 40%}.ex-game-season{top:17px;font-size:8px;letter-spacing:3px;color:#fff4cf}.ex-game-art>strong,.ex-game-season{position:absolute;left:0;right:0;text-align:center;text-shadow:0 2px 4px #000}.ex-game-art>strong{top:37px;font-family:Georgia,serif;font-size:30px;letter-spacing:2px;color:#fff5d7}.ex-rewards{position:absolute;bottom:9px;left:23px;right:23px;display:flex;gap:10px}.ex-rewards>span{display:flex;align-items:center;gap:5px;background:#0b1e20cc;border:1px solid #fff2ce44;border-radius:5px;padding:8px;font-size:8px;color:#ffe2ae}.ex-rewards svg{width:16px;height:16px}.ex-productivity-art{margin:10px 19px 0;height:263px;background:#fffafd;border:1px solid #dcd2e9;border-radius:13px;padding:16px 13px;box-shadow:0 9px 20px #4432610a}.ex-day{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.ex-day>span:first-child{font-size:7px;letter-spacing:1px;color:#766984}.ex-day>b{font:22px Georgia,serif}.ex-day>span:last-child{font-size:9px;color:#7b6d86}.ex-task{display:flex;align-items:center;gap:8px;border-top:1px solid #ece5f0;padding:9px 0}.ex-task>i{display:grid;place-items:center;height:18px;width:18px;border:1px solid #d5c7e6;border-radius:50%;color:#77618e}.ex-task:first-of-type>i{background:#e9e1f4}.ex-task>span{font-size:9px;flex:1;font-weight:600}.ex-task small{display:block;font-size:7px;font-weight:400;opacity:.7;margin-top:2px}.ex-task>em{font-size:7px;color:#746080;font-style:normal}.ex-focus{display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:#eae2f5;padding:9px;margin-top:4px}.ex-focus>span{font-size:8px}.ex-focus>b{font:16px monospace}.ex-focus-dots{letter-spacing:2px;color:#7f63a8}.ex-productivity h3{font-size:35px}.ex-productivity .ex-content{padding-top:16px}.ex-news-art{height:268px;margin:0 21px}.ex-news-date{display:flex;justify-content:space-between;border-block:1px solid #968c7977;padding:6px 0;font:6px monospace;letter-spacing:1px}.ex-news-art>img{height:126px;width:100%;margin:10px 0 7px;-o-object-position:50% 43%;object-position:50% 43%;filter:saturate(.7)}.ex-news-category{font-size:6px;letter-spacing:1px;color:#a03324}.ex-news-art>b{font:21px/1.03 Georgia,serif;letter-spacing:-.6px;display:block;margin:4px 0 8px}.ex-byline{display:flex;justify-content:space-between;font-size:6px}.ex-news-rule{height:4px;border-top:1px solid #968c7977;border-bottom:1px solid #968c7977;margin-top:9px}.ex-news .ex-content{padding-top:13px}.ex-news h3{font-size:32px}.ex-dating-art{height:281px;margin:3px 22px 0;overflow:visible}.ex-profile{height:245px;position:relative;overflow:hidden;border-radius:13px;transform:rotate(-3deg);box-shadow:0 9px 18px #86344425}.ex-profile>img{width:100%;height:100%;-o-object-position:50% 34%;object-position:50% 34%}.ex-profile:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#492327d9)}.ex-profile-caption{position:absolute;bottom:14px;left:15px;z-index:2;color:white;display:flex;flex-direction:column;gap:4px}.ex-profile-caption b{font-size:20px;letter-spacing:-.7px}.ex-profile-caption b>span{font-size:14px;color:#ffd3a7}.ex-like,.ex-profile-caption>span{font-size:8px}.ex-like{position:absolute;bottom:16px;right:0;display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:15px;background:#fff9f5;color:#983951;box-shadow:0 4px 12px #98395118;transform:rotate(3deg)}.ex-heart-sticker{position:absolute;right:-8px;top:18px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#ed8d9b;color:#fff2e8;font-size:28px;transform:rotate(12deg)}.ex-food-art{height:283px;overflow:visible}.ex-food-art>img{height:211px;-o-object-position:50% 52%;object-position:50% 52%}.ex-food-sticker{position:absolute;left:15px;top:13px;width:66px;height:66px;border-radius:50%;background:#fbdc62;color:#68432a;text-align:center;padding-top:10px;font-weight:800;font-size:11px;line-height:1.1;transform:rotate(-12deg)}.ex-food-sticker i{font:italic 8px Georgia,serif}.ex-recipe{position:relative;background:#fff8e9;margin:-13px 16px 0;padding:12px 15px;border:1px solid #d5bd9d;box-shadow:0 3px 0 #e9d7bd}.ex-recipe>span{font-size:6px;letter-spacing:1.4px;color:#a94325}.ex-recipe>b{display:block;font:19px Georgia,serif;margin:4px 0 8px;letter-spacing:-.6px}.ex-recipe>div{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.7px}.ex-food .ex-wordmark{font-size:23px}.ex-food h3{font-size:32px}.ex-food .ex-cta,.ex-food .ex-plan{border-radius:4px}.ex-kids-art{height:277px;overflow:visible}.ex-kids-art>img{height:256px;-o-object-position:50% 55%;object-position:50% 55%;border-radius:40% 40% 45% 45%/3% 3% 9% 9%}.ex-story-badge{position:absolute;bottom:5px;left:55px;transform:rotate(-3deg);display:flex;align-items:center;gap:5px;background:#eadbff;color:#5e4389;border:3px solid #fff9ec;border-radius:12px;padding:8px 10px;font-size:8px;font-weight:700}.ex-kids-star{position:absolute;top:8px;right:21px;color:#ffd670;font-size:44px;text-shadow:0 2px 0 #9b6410}.ex-kids .ex-content{text-align:center}.ex-kids h3{font-size:29px}.ex-kids .ex-cta{box-shadow:0 3px 0 #432c72}.ex-kids .ex-wordmark{color:#664493;font-size:21px}.ex-learning-art{height:283px;padding:2px 21px}.ex-streak{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:700;color:#806416}.ex-streak>span{margin-left:auto}.ex-language-card{position:relative;margin-top:18px;margin-right:14px;padding:18px;background:#bbb5fb;border:2px solid #403577;border-radius:15px;transform:rotate(-4deg);box-shadow:5px 5px 0 #36336b}.ex-language-card>span{font-size:6px;letter-spacing:1.1px;font-weight:700}.ex-language-card>b{font:800 42px/.9 Trebuchet MS,sans-serif;display:block;letter-spacing:-2px;margin:9px 0}.ex-language-card>b>em{font-style:normal;color:#453480}.ex-language-card>div{display:flex;align-items:center;gap:4px;margin-top:9px}.ex-language-card i{width:3px;height:13px;background:#53479a;border-radius:3px}.ex-language-card i:nth-child(2n){height:22px}.ex-speech{position:absolute;right:12px;bottom:45px;background:#fff9e2;border:2px solid #3f366f;border-radius:12px;padding:10px;font-size:9px;transform:rotate(6deg)}.ex-lesson-progress{margin-top:22px;display:flex;justify-content:space-between;font-size:7px}.ex-learning .ex-wordmark{font-size:30px}.ex-learning h3{font-size:37px}.ex-learning .ex-cta{box-shadow:0 3px 0 #272451}.ex-finance-art{height:283px;padding:22px 23px 0;background:radial-gradient(ellipse at 80% 60%,#21515255,transparent 70%)}.ex-finance-label{display:block;font-size:7px;letter-spacing:1.5px;opacity:.7}.ex-balance{font-size:39px;letter-spacing:-2px;display:block;margin-top:10px;font-family:var(--font-satoshi),sans-serif}.ex-balance>span{font-size:23px;opacity:.5}.ex-finance-growth{font-size:8px;color:#9de5d8}.ex-finance-chart{width:100%;height:113px;margin-top:3px}.ex-finance-chart>path{fill:none;stroke:#9de5d8;stroke-width:2;stroke-linecap:round;stroke-dasharray:400;animation:ex-draw 2s ease both}.ex-finance-chart>.ex-chart-fill{fill:#9de5d811;stroke:none;animation:none}.ex-finance-goals{padding:10px 12px;background:#ffffff09;border:1px solid #a9dcd51a;border-radius:7px}.ex-finance-goals>span{display:flex;justify-content:space-between;font-size:7px}.ex-finance-goals b{font-weight:500}.ex-finance-goals>i{height:3px;width:100%;display:block;margin-top:8px;background:linear-gradient(90deg,#9de5d8 77%,#467271 0);border-radius:3px}.ex-finance-art>small{display:block;text-align:right;font-size:5px;letter-spacing:1px;margin-top:7px;opacity:.6}.ex-lifestyle-art{height:283px;text-align:center}.ex-moon-orbit{height:205px;position:relative;display:grid;place-items:center}.ex-moon-orbit>i{position:absolute;width:180px;height:180px;border:1px solid #9b7c9a44;border-radius:50%;transform:rotate(-25deg) scaleY(.5)}.ex-moon-orbit>i:nth-child(2){transform:rotate(35deg) scaleY(.5);width:220px;height:220px}.ex-moon-orbit>i:nth-child(3){transform:rotate(85deg) scaleY(.6)}.ex-moon{width:118px;height:118px;background:radial-gradient(circle at 32% 27%,#fffaf6 5%,#f6dfd4 32%,#c8a0af 72%,#715168);border-radius:50%;box-shadow:15px 16px 26px #68456322,inset -8px -10px 15px #70456444}.ex-moon-orbit>span{position:absolute;top:35px;left:57px;font-size:31px;color:#9b6f95}.ex-moon-orbit>span:last-child{top:auto;left:auto;right:53px;bottom:30px;font-size:22px}.ex-moon-caption{font-size:7px;letter-spacing:3px}.ex-rituals{display:flex;justify-content:center;gap:9px;margin-top:19px}.ex-rituals>span{font-size:8px;border:1px solid #b99bb544;border-radius:20px;padding:7px 10px}.ex-lifestyle .ex-content{text-align:center}.ex-lifestyle .ex-wordmark{font-size:29px;letter-spacing:1px}.ex-social-art{height:283px;padding:6px 23px}.ex-social-art .ex-creator-photo{position:absolute;top:5px;left:26px;width:144px;height:157px;border-radius:9px;transform:rotate(-7deg);-o-object-position:50% 32%;object-position:50% 32%}.ex-social-art .ex-creator-cover{position:absolute;right:20px;top:39px;width:139px;height:139px;border:5px solid #483138;border-radius:8px;transform:rotate(9deg)}.ex-live{position:absolute;right:31px;top:13px;font-size:7px;letter-spacing:1px;color:#f7bc73}.ex-creator-copy{position:absolute;bottom:48px;left:24px}.ex-creator-copy b{display:block;font-size:22px;letter-spacing:-1px}.ex-creator-copy>span{font-size:8px;opacity:.7}.ex-community{display:flex;align-items:center;position:absolute;bottom:9px;left:29px}.ex-community>span{display:grid;place-items:center;width:25px;height:25px;border:2px solid #312326;background:#bf906f;color:#32211d;border-radius:50%;font-size:8px;margin-left:-5px}.ex-community>span:nth-child(2){background:#cfb2a1}.ex-community>span:nth-child(3){background:#91b6a9}.ex-community>small{margin-left:10px;font-size:7px;opacity:.8}.ex-creative-art{height:283px;padding:0 18px}.ex-film-strip{display:flex;gap:6px;height:46px;margin-bottom:7px}.ex-film-strip>img{width:calc(33.333% - 4px);-o-object-position:50% 40%;object-position:50% 40%}.ex-edit-preview{position:relative;height:160px;border:1px solid #e4ff7255}.ex-edit-preview>img{width:100%;height:100%;-o-object-position:50% 50%;object-position:50% 50%}.ex-edit-preview>span{position:absolute;bottom:8px;left:9px;right:9px;color:#fff;display:flex;justify-content:space-between;font:7px monospace;text-shadow:0 1px 3px #000}.ex-crop-lines{position:absolute;inset:9px 23px;background:linear-gradient(90deg,transparent 32.8%,#fff7 33%,transparent 33.5%,transparent 66.5%,#fff7 66.7%,transparent 67%),linear-gradient(180deg,transparent 32.8%,#fff7 33%,transparent 33.5%,transparent 66.5%,#fff7 66.7%,transparent 67%);border:1px solid #fff9}.ex-edit-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px 13px;margin-top:14px}.ex-edit-tools>span{font:6px monospace;display:flex;justify-content:space-between;grid-row:1}.ex-edit-tools>i{position:relative;height:2px;background:#7f826a;grid-row:2}.ex-edit-tools>i:after{content:"";position:absolute;top:-3px;left:65%;height:8px;width:8px;border-radius:50%;background:#e4ff72}.ex-streaming-art{height:283px}.ex-streaming-art>img{-o-object-position:63% 40%;object-position:63% 40%;filter:saturate(.55)}.ex-streaming-art>.ex-photo-shade{background:linear-gradient(#221b2422,#221b2400 20%,#221b24 98%)}.ex-film-tag{position:absolute;top:18px;left:22px;letter-spacing:2px;font-size:6px;color:#fff2cc}.ex-streaming-art>b{position:absolute;left:23px;bottom:50px;font:29px/.95 Georgia,serif;letter-spacing:3px;color:#fff2d2;text-shadow:0 2px 13px #000}.ex-streaming-art>b>i{font-style:normal;font-size:18px;letter-spacing:6px}.ex-film-details{position:absolute;bottom:22px;left:23px;display:flex;gap:10px;font-size:7px;color:#e7ddd8}.ex-film-play{position:absolute;right:25px;bottom:57px;width:39px;height:39px;border:1px solid #ffedce99;background:#171c2366;display:grid;place-items:center;border-radius:50%;color:#fff2d2}.ex-streaming .ex-wordmark{font-size:27px}.ex-utility-art{height:283px;padding:22px 41px 30px;overflow:visible}.ex-document{padding:20px 16px;background:#fffefa;box-shadow:0 12px 28px #324f6b29;transform:rotate(-5deg);font:7px monospace;color:#41505d}.ex-document>span{font-size:11px;font-weight:700}.ex-document>small,.ex-document>span{display:block;text-align:center;letter-spacing:1px}.ex-document>small{font-size:5px;margin:8px 0}.ex-document>hr{border:0;border-top:1px dashed #9eacb3;margin:14px 0}.ex-document>div{display:flex;justify-content:space-between;line-height:2.3}.ex-document .ex-total{font-size:12px;font-weight:700;margin-bottom:16px}.ex-scan-corners{position:absolute;inset:14px 30px 55px;border:1px solid #225bc499;border-radius:8px}.ex-scan-line{position:absolute;top:140px;left:30px;right:30px;height:1px;background:#2b6ff0;box-shadow:0 0 15px 5px #2b6ff022;animation:ex-scan 2s ease-in-out 2 alternate}.ex-scanned{position:absolute;bottom:19px;left:58px;display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:15px;background:#fff;color:#225bc4;font-size:8px;box-shadow:0 4px 15px #315c9022}.ex-sports-art{height:283px;padding:10px 22px;text-align:center}.ex-sports-league{font:7px monospace;letter-spacing:1.6px;color:#e2ecb8}.ex-score{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:7px}.ex-score>span{display:flex;flex-direction:column;font:44px/.95 Impact,sans-serif;letter-spacing:1px}.ex-score b{font:8px monospace;margin-bottom:5px;color:#ecff7799}.ex-score>i{font-style:normal;font-size:21px;color:#a6b18b}.ex-score-time{font:7px monospace;color:#ecff77;display:block;margin:9px}.ex-court{height:100px;position:relative;border:1px solid #bac58d55;transform:perspective(300px) rotateX(25deg);background:repeating-linear-gradient(90deg,#8fa85c11 0 27px,transparent 27px 54px);border-radius:3px}.ex-court:before{content:"";height:100%;position:absolute;left:50%;border-left:1px solid #bac58d55}.ex-court>i{position:absolute;top:30%;left:43%;width:38px;height:38px;border:1px solid #bac58d77;border-radius:50%}.ex-court>i:nth-child(2){left:-27px;top:10%;height:80%;width:85px}.ex-court>i:nth-child(3){left:auto;right:-27px;top:10%;height:80%;width:85px}.ex-court>span{position:absolute;left:29%;top:50%;width:7px;height:7px;border-radius:50%;background:#edff77;box-shadow:25px -17px 0 #edff77,51px 21px 0 #edff77,123px -10px 0 #edff77}.ex-court>span:last-child{left:18%;top:34%;background:#fff;box-shadow:51px 24px 0 #fff,71px -7px 0 #fff,150px 23px 0 #fff}.ex-match-stat{margin-top:10px;display:flex;flex-direction:column;gap:3px}.ex-match-stat>span{font-size:5px;letter-spacing:1.8px;opacity:.7}.ex-match-stat>b{font-size:10px;font-weight:500}.ex-parent-gate{background:#fff3df;color:#49386b;align-items:center;text-align:center;padding:0 24px;--ex-accent:#6946b2}.ex-parent-gate .ex-status{width:100%;padding-inline:0}.ex-parent-gate>.ex-wordmark{font-family:Trebuchet MS,sans-serif;margin:15px 0}.ex-parent-gate>img{width:230px;height:210px;border-radius:25px;margin-bottom:23px}.ex-parent-gate h3{font:30px/1.1 Trebuchet MS,sans-serif;letter-spacing:-1px;margin:12px 0}.ex-parent-gate>p{font-size:10px;opacity:.8;margin:4px 0 15px}.ex-parent-gate>strong{font-size:27px}.ex-parent-answers{display:flex;gap:12px;margin:16px 0}.ex-parent-answers>button,.ex-parent-answers>span{display:grid;place-items:center;border:1px solid #baa7d5;border-radius:10px;width:65px;height:45px;background:#fff9f0;font-weight:700}.ex-parent-answers>button[aria-pressed=true]{background:#6946b2;color:#fff}.example-gallery{position:relative;min-width:0}.example-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.example-gallery-head>p{font-size:12px;color:#839087}.example-gallery-controls{display:flex;gap:8px}.example-gallery-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff20;border-radius:50%;color:#b6c0b9;transition:border-color .2s}.example-gallery-controls button:hover{border-color:#24a47f}.example-gallery-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:10px 1px 26px;scrollbar-width:thin;scrollbar-color:#294036 transparent}.example-gallery-card{width:258px;flex-shrink:0;scroll-snap-align:start}.example-gallery-card>.ex-gallery-phone{width:242px;transition:transform .3s ease}.example-gallery-card:hover>.ex-gallery-phone{transform:translateY(-5px)}.example-gallery-caption{display:flex;justify-content:space-between;align-items:center;margin-top:21px;padding-inline:9px}.example-gallery-caption>span{font-size:12px;font-weight:600;color:#d3dbd5}.example-gallery-caption>small{font-size:10px;color:#7d8c82}.example-gallery-note{color:#7f8e84;font-size:10px;margin-top:15px}.example-hero-wall{height:625px;position:relative;isolation:isolate}.example-hero-wall:before{content:"";position:absolute;inset:8% -30% 0;background:radial-gradient(ellipse,#243a2c55,transparent 68%);z-index:-1}.example-hero-wall .wall-phone{position:absolute;filter:drop-shadow(0 22px 35px #0008)}.example-hero-wall .wall-phone:first-child{left:2%;top:79px;transform:rotate(-11deg);z-index:2}.example-hero-wall .wall-phone:nth-child(2){left:29%;top:15px;transform:rotate(1deg);z-index:3}.example-hero-wall .wall-phone:nth-child(3){left:62%;top:95px;transform:rotate(11deg);z-index:1}.example-hero-wall .wall-phone>div{width:225px}.example-hero-wall .wall-caption{position:absolute;left:30%;bottom:31px;display:flex;align-items:center;gap:8px;font:9px monospace;color:#90a399;letter-spacing:1px;white-space:nowrap}.example-hero-wall .wall-caption>i{width:5px;height:5px;background:#24a47f;border-radius:50%;box-shadow:0 0 12px #24a47f88}.example-hero-wall .wall-mini{position:absolute;left:0;bottom:49px;padding:12px 15px;border:1px solid #ffffff18;background:#0c1511ed;border-radius:9px;z-index:4;box-shadow:0 15px 30px #0004;display:flex;align-items:center;gap:10px;font-size:10px;color:#bdc9c0}.wall-mini>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#24a47f22;color:#58b69c}.wall-mini small{display:block;color:#83968b;font-size:8px;margin-top:3px}.example-demo-phone{width:266px!important;margin:30px 30px 25px auto!important;transform:rotate(3deg);z-index:2}.example-demo-phone .phone-preview{border-radius:1.9rem}.paywall-demo:has(.example-demo-phone){min-height:630px}.paywall-demo .publish-chip{z-index:3}.example-showcase-section{padding:100px 0;border-top:1px solid #ffffff0c}.example-showcase-section h2{max-width:600px;font-family:var(--font-editorial),Georgia,serif;font-size:clamp(38px,4.5vw,60px);line-height:1.05;letter-spacing:-1.4px;font-weight:400;margin:16px 0 20px}.example-showcase-section>.site-container>p{font-size:14px;color:#95a29a;margin-bottom:35px}@keyframes ex-draw{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}@keyframes ex-wave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes ex-scan{0%{transform:translateY(-82px)}to{transform:translateY(65px)}}@media (max-width:1023px){.example-hero-wall{max-width:620px;width:100%;margin:auto}.example-hero-wall .wall-phone:nth-child(3){left:61%}.example-hero-wall .wall-phone>div{width:214px}.example-showcase-section{padding:70px 0}}@media (max-width:639px){.example-hero-wall{height:525px;width:340px;max-width:100%}.example-hero-wall .wall-phone>div{width:177px}.example-hero-wall .wall-phone:first-child{left:-19%;top:77px}.example-hero-wall .wall-phone:nth-child(2){left:23%;top:17px;z-index:3}.example-hero-wall .wall-phone:nth-child(3){left:65%;top:93px}.example-hero-wall .wall-mini{left:8%;bottom:45px}.example-hero-wall .wall-caption{bottom:15px;left:13%;font-size:7px}.example-gallery-card{width:237px}.example-gallery-card>.ex-gallery-phone{width:222px}.example-gallery-head{align-items:flex-start;gap:12px}.example-gallery-head>p{font-size:11px;max-width:220px}.example-demo-phone{width:238px!important;margin-right:18px!important}.paywall-demo:has(.example-demo-phone){min-height:555px}.example-gallery-track{gap:15px}}@media (prefers-reduced-motion:reduce){.example-app *,.example-gallery-card>.ex-gallery-phone{animation:none!important;transition:none!important}.example-gallery-track{scroll-behavior:auto}.ex-finance-chart>path,.ex-route path{stroke-dashoffset:0}}.emberquest-shop{position:relative;overflow:hidden;border:1px solid #66807366;border-radius:18px;background:#132326;color:#f3e8d1;box-shadow:0 35px 90px #0007,0 0 0 5px #0c181555;font-family:var(--font-inter),sans-serif;max-width:620px;min-width:0}.eq-topbar{height:57px;display:flex;align-items:center;gap:10px;padding:0 20px;background:#102024;border-bottom:1px solid #d8c19122}.eq-crest{display:grid;place-items:center;width:27px;height:31px;border:1px solid #e5bc7399;border-radius:6px 6px 12px 12px;color:#ffcf82;background:#4c3e2d}.eq-brand{font:14px Georgia,serif;letter-spacing:2px;color:#ffe3a8;white-space:nowrap}.eq-brand>small{display:block;font:5px var(--font-inter),sans-serif;letter-spacing:1.6px;margin-top:4px;color:#abaf98}.eq-wallet{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:9px;color:#f3c76f;font-variant-numeric:tabular-nums}.eq-wallet>b{font-weight:600}.eq-wallet>svg:nth-of-type(2){margin-left:7px;color:#9bdae9}.eq-world{height:244px}.eq-world,.example-video{position:relative;overflow:hidden}.example-video,.example-video>video{width:100%;height:100%}.example-video>video{-o-object-fit:cover;object-fit:cover;display:block}.example-video-control{position:absolute;top:12px;right:12px;z-index:6;width:27px;height:27px;display:grid;place-items:center;background:#0b181cc9;color:#f5edda;border:1px solid #ffffff4a;border-radius:50%}.example-video-control:focus-visible{outline:2px solid #fff;outline-offset:3px}.eq-world-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b1c1cc9,transparent 85%),linear-gradient(0deg,#132326,transparent 50%)}.eq-chapter{position:absolute;top:29px;left:24px;color:#e6d3ab;font-size:7px;letter-spacing:2px}.eq-world>h3{position:absolute;left:23px;top:55px;color:#fff2d5;font:37px/.95 Georgia,serif;letter-spacing:-1.2px;margin:0;text-shadow:0 3px 20px #102b2977}.eq-world>h3>em{font-size:28px;font-weight:400;letter-spacing:-1px}.eq-player{position:absolute;bottom:21px;left:23px;right:23px;display:flex;align-items:center;gap:9px}.eq-player>span:first-child{display:grid;place-items:center;width:29px;height:29px;background:#7e5540;border:1px solid #e6b77b77;border-radius:7px;font:17px Georgia,serif}.eq-player>div{font-size:10px;font-weight:600}.eq-player small{display:block;font-size:6px;color:#b4c6b6;font-weight:400;margin-top:3px}.eq-xp{margin-left:auto;font:6px monospace;width:90px;color:#bfd0c0;letter-spacing:.5px}.eq-xp>i{display:block;height:3px;border-radius:3px;margin-bottom:5px;background:linear-gradient(90deg,#edc786 82%,#445653 0)}.eq-store-body{padding:0 20px 15px}.eq-store-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px 12px}.eq-store-title>span{font:20px Georgia,serif;color:#f3dfb8}.eq-store-title>small{font-size:6px;letter-spacing:1.7px;color:#a7b7a7}.eq-tabs{display:flex;gap:20px;border-bottom:1px solid #d3c09522;margin-bottom:14px}.eq-tabs>button{padding:8px 0;font-size:9px;font-weight:500;color:#a5b3a8;border-bottom:2px solid transparent;margin-bottom:-1px}.eq-tabs>button[aria-pressed=true]{color:#ffdc9c;border-color:#ffce82}.eq-bundle{position:relative;display:flex;min-height:138px;overflow:hidden;border:1px solid #b8996044;border-radius:9px;background:radial-gradient(ellipse at 70% 50%,#41544255,transparent),#182c2d}.eq-bundle>div{position:relative;z-index:2;padding:17px 13px;min-width:55%}.eq-bundle>div>span{color:#bcac87;font-size:6px;letter-spacing:1.3px}.eq-bundle h4{font:21px Georgia,serif;letter-spacing:-.7px;margin:7px 0 5px;color:#ffe1a7}.eq-bundle p{font-size:8px;color:#c3c8b9;margin:0}.eq-bundle button{display:flex;align-items:center;gap:17px;margin-top:14px;background:#eace96;color:#303322;font-size:8px;font-weight:700;padding:7px 10px;border:1px solid #f8dfae;border-radius:4px;box-shadow:0 2px 0 #a79568}.eq-bundle>img{position:absolute;right:-10px;top:0;width:51%;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:lighten}.eq-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px;min-height:158px}.eq-item{display:flex;flex-direction:column;align-items:center;padding:9px 7px 8px;border:1px solid #71847933;border-radius:8px;background:linear-gradient(155deg,#263a37,#182b2d);min-width:0}.eq-item>strong{font-size:9px;font-weight:600;color:#ecdec1;white-space:nowrap}.eq-item>span{font-size:6px;color:#bac9bd;margin-top:4px}.eq-item>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:24px;width:100%;margin-top:10px;border:1px solid #7c897844;background:#0c202488;border-radius:4px;font-size:8px;color:#f5d9a0;transition:background .2s}.eq-item>button:hover{background:#294441}.eq-item>button:disabled{color:#a8ccb1;cursor:default}.eq-item-art{position:relative;width:85px;height:75px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 8px 8px #0007)}.eq-coins>i{position:absolute;width:35px;height:35px;transform:rotateX(32deg) rotate(-18deg);border:4px ridge #ecc573;background:radial-gradient(circle at 35% 28%,#ffeab2,#bb8629 80%);border-radius:50%;box-shadow:1px 4px 0 #927039,2px 6px 0 #614624}.eq-coins>i:before{content:"✦";display:grid;place-items:center;color:#996118;font-size:22px;text-shadow:0 1px #ffe3a3}.eq-coins>i:first-child{left:6px;top:28px}.eq-coins>i:nth-child(2){left:27px;top:33px}.eq-coins>i:nth-child(3){left:45px;top:23px}.eq-coins>i:nth-child(4){left:30px;top:20px}.eq-coins>i:nth-child(5){left:16px;top:11px}.eq-gems>i{position:absolute;width:32px;height:46px;clip-path:polygon(50% 0,100% 25%,85% 75%,50% 100%,8% 73%,0 25%);background:conic-gradient(from 20deg at 46% 35%,#7cbee7 0deg,#e1fbff 65deg,#3e94c1 67deg,#76cbe3 153deg,#207094 155deg,#9bdced 244deg,#4684a8 246deg,#baf5f8);transform:rotate(13deg)}.eq-gems>i:first-child{left:8px;top:21px;transform:rotate(-22deg) scale(.8)}.eq-gems>i:nth-child(2){left:27px;top:8px}.eq-gems>i:nth-child(3){left:48px;top:24px;transform:rotate(26deg) scale(.8)}.eq-pass>span{position:relative;display:grid;place-items:center;color:#ffdb91;transform:rotate(-7deg)}.eq-pass>span>svg:last-child{position:absolute;top:12px}.eq-shop-footer{display:flex;gap:5px;align-items:center;font-size:5px;letter-spacing:.8px;color:#97ad9f;margin-top:15px}.eq-shop-footer>span{margin-left:auto;letter-spacing:0;font-size:7px}.eq-notice{position:absolute;left:15px;bottom:20px;right:15px;padding:13px 12px;display:flex;align-items:center;gap:9px;z-index:10;border:1px solid #71836a;background:#ecedce;color:#25352a;border-radius:8px;box-shadow:0 8px 35px #0007;animation:eq-notice-in .25s ease-out}.eq-notice>span{flex:1;font-size:9px}.eq-notice>button{padding:5px}.emberquest-shop button:focus-visible{outline:2px solid #ffe8b5;outline-offset:3px}.eq-item-art{animation:eq-item-in 1s ease both}.eq-item:nth-child(2) .eq-item-art{animation-delay:.12s}.eq-item:nth-child(3) .eq-item-art{animation-delay:.24s}@keyframes eq-item-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes eq-notice-in{0%{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:639px){.eq-topbar{padding:0 12px;gap:6px}.eq-brand{font-size:11px;letter-spacing:1.4px}.eq-brand>small{font-size:4px;letter-spacing:1px}.eq-wallet{font-size:8px;gap:3px}.eq-wallet>svg:nth-of-type(2){margin-left:2px}.eq-crest{width:23px;height:28px}.eq-store-body{padding:0 12px 12px}.eq-world{height:229px}.eq-world>h3{font-size:32px}.eq-world>h3>em{font-size:25px}.eq-items{gap:6px}.eq-item>strong{font-size:8px}.eq-item>span{font-size:5px}.eq-bundle h4{font-size:19px}.eq-bundle>div{padding:15px 10px}.eq-tabs{gap:18px}.eq-bundle>img{width:49%;right:-10px}}@media (prefers-reduced-motion:reduce){.eq-item-art,.eq-notice{animation:none}}.example-app .ex-cta,.example-app .ex-plan{border-radius:var(--ex-radius,9px)}.example-app[data-plan-layout=list] .ex-plans{gap:0;border-bottom:1px solid color-mix(in srgb,var(--ex-ink) 16%,transparent)}.example-app[data-plan-layout=list] .ex-plan{border:0;border-top:1px solid color-mix(in srgb,var(--ex-ink) 16%,transparent);border-radius:0;background:transparent}.example-app[data-plan-layout=list] .ex-plan.is-selected{background:color-mix(in srgb,var(--ex-accent) 9%,transparent)}.ex-news .ex-cta,.ex-news .ex-plan{border-radius:0}.ex-food .ex-cta,.ex-food .ex-plan,.ex-travel .ex-cta,.ex-travel .ex-plan{border-radius:3px}.ex-kids .ex-cta{border-radius:14px}.ex-lifestyle .ex-cta{border-radius:25px}.example-app[data-dense=true] .ex-art{height:243px}.example-app[data-dense=true] .ex-fitness-art{height:323px}.example-app[data-dense=true] .ex-content{padding-top:12px}.example-app[data-dense=true] h3{font-size:29px}.example-app[data-dense=true] .ex-subtitle{font-size:9px}.example-app[data-dense=true] .ex-fine{margin-top:7px}.example-app[data-dense=true] .ex-story-badge{bottom:0}.example-app[data-dense=true] .ex-kids-art>img{height:235px}.example-app[data-dense=true] .ex-food-art{height:267px}.example-app[data-dense=true] .ex-music-art .ex-album{height:165px;width:165px}.example-app[data-dense=true] .ex-music-art .ex-record{height:153px;width:153px}.example-app[data-dense=true] .ex-music-art .ex-waveform{display:none}.example-app[data-dense=true] .ex-finance-art{padding-top:4px}.example-app[data-dense=true] .ex-sports-art .ex-court{height:83px}.example-app[data-dense=true] .ex-social-art .ex-creator-photo{height:125px}.example-app[data-dense=true] .ex-social-art .ex-creator-cover{height:119px;width:119px;top:20px}.example-app[data-dense=true] .ex-learning-art .ex-language-card{padding:11px}.example-app[data-dense=true] .ex-learning-art .ex-speech{bottom:20px}.example-app[data-dense=true] .ex-learning-art .ex-lesson-progress{display:none}.example-app[data-dense=true] .ex-dating-art .ex-profile{height:216px}.example-app[data-dense=true] .ex-dating-art .ex-like{bottom:2px}.example-app[data-dense=true] .ex-creative-art .ex-edit-preview{height:133px}.example-app[data-dense=true] .ex-productivity-art .ex-task{padding:7px 0}.emberquest-offer{background:#162a2b!important;border-color:#bda36a55!important}.eq-offer-art{position:absolute;inset:0;background:linear-gradient(90deg,#102426 15%,#102426aa 60%,#10242633),url(/media/examples/emberquest.webp) 50%/cover;opacity:.75}.emberquest-offer [class*=text-brand]{color:#e4d4b0}.emberquest-offer [class*=bg-brand-500]{background:#f1d399;color:#3f3321}.emberquest-offer [class*=bg-brand-400]{background:#eeb56c44}.emberquest-offer .font-display{font-family:Georgia,serif;font-weight:400}.example-app[data-plan-count="4"] .ex-art{height:206px}.example-app[data-plan-count="4"] .ex-music-art .ex-album{width:135px;height:135px}.example-app[data-plan-count="4"] .ex-music-art .ex-record{width:126px;height:126px;right:37px}.example-app[data-plan-count="4"] .ex-music-art .ex-record:after{inset:39px;border-width:12px}.example-app[data-plan-count="4"] .ex-music-art .ex-song{margin-top:11px}.example-app[data-plan-count="4"] .ex-music-art .ex-waveform{display:none}.ex-parent-continue{margin:12px 24px 0;padding:12px;border-radius:30px;background:#7051ac;color:#fff;font-size:11px;font-weight:600}:where(.feature-card) .example-app h3{font-size:27px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin-top:14px}