@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 699;src:url(/themes/fonts/inter-7ce85dc9.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700 900;src:url(/themes/fonts/inter-bold-8afbe02e.woff2) format("woff2")}.demo-grid[data-tier=themes],.demo-grid[data-tier=achv],.demo-grid[data-tier=widgets],.demo-grid[data-tier=spot]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.cl-ach{position:absolute;left:0;right:0;height:88px;display:flex;flex-direction:row;align-items:center;padding:0 98px 0 15px;transition:top .34s cubic-bezier(.4,0,.2,1),background-color .3s,color .3s,transform .34s,opacity .34s;overflow:hidden}.cl-ach .a-thumb{width:46px;height:46px;border-radius:10px;flex:none;margin-right:13px;box-shadow:inset 0 0 0 1px #0000002e}.cl-ach .a-txt{display:flex;flex-direction:column;min-width:0}.cl-ach .a-name{font-weight:700;font-size:22px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-ach .a-desc{font-size:14px;opacity:.82;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.cl-ach .a-tag{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:Inter,sans-serif;font-weight:700;font-size:14px;text-align:right}.cl-ach .a-strike{position:absolute;left:74px;right:98px;top:calc(50% + 1px);height:2.5px;border-radius:1.5px;background:currentColor}.cl-home{position:absolute;inset:0;overflow:hidden}.cl-widget{position:absolute;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #00000047}.cl-wtitle{position:absolute;top:0;left:0;right:0;height:40px;display:flex;align-items:flex-end;padding:0 14px 6px;font-weight:700;font-size:17px}.cl-wrow{position:absolute;left:0;right:0;height:40px;display:flex;align-items:center;padding-left:34px;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;transition:background-color .3s,color .3s}.cl-wrow .cl-strike{left:34px;right:14px}.cl-appicon{position:absolute;width:52px;height:52px;border-radius:12px;box-shadow:0 4px 10px #0003}.cl-applbl{position:absolute;font-size:11px;color:#fff;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.45);text-align:center}.cl-dock{position:absolute;left:14px;right:14px;bottom:30px;height:74px;border-radius:26px;background:#ffffff38}.cl-spot{position:absolute;inset:0;background:#1212148c}.cl-spot-bar{position:absolute;top:70px;left:16px;right:16px;height:46px;border-radius:12px;background:#78788080;display:flex;align-items:center;padding:0 14px;gap:10px;color:#fff;font-size:20px;font-weight:500}.cl-spot-cat{position:absolute;top:132px;left:20px;font-family:Inter,sans-serif;font-weight:700;font-size:13px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.cl-spot-res{position:absolute;top:158px;left:14px;right:14px;border-radius:16px;background:#ffffff29;padding:14px;display:flex;gap:13px;align-items:center}.cl-spot-thumb{width:54px;height:54px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px #0000001f}.cl-spot-txt{color:#fff;overflow:hidden}.cl-spot-title{font-weight:700;font-size:19px;line-height:1.2}.cl-spot-sub{font-size:14px;opacity:.72;line-height:1.25;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-phone-outer{position:relative;width:259px;height:562px}.cl-phone-scale{transform:scale(.66);transform-origin:top left}.cl-iphone{position:relative;box-sizing:border-box;width:393px;height:852px;border-radius:55px;padding:12px;background:#111;box-shadow:0 0 0 2px #000 inset,0 18px 40px #0000004d}.cl-btn-power,.cl-btn-vol{position:absolute;width:5px;background:#555;box-shadow:0 0 0 1px #000;z-index:45;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.cl-btn-power{top:26%;right:-5px;height:80px;border-radius:2px 0 0 2px}.cl-btn-vol{top:16%;left:-5px;height:50px;border-radius:0 2px 2px 0}.cl-btn-power.pressed,.cl-btn-vol.pressed{background:#ccc;transform:scaleX(1.8);box-shadow:0 0 0 1px #000,0 0 10px 3px #ffffffd9}.cl-screen{all:initial;display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cl-screen *{box-sizing:border-box}.cl-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:19px;z-index:40}.cl-home-indicator{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:140px;height:5px;border-radius:3px;background-color:currentColor;z-index:40;opacity:.9}.cl-header{position:absolute;top:0;left:0;right:0;height:146px;display:flex;align-items:flex-end;padding:0 16px 16px 15px;z-index:6}.cl-header .cl-title{font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.01em}.cl-rows{position:absolute;inset:146px 0 0;overflow:hidden}.cl-rows-incoming{position:absolute;inset:146px 0 0;overflow:hidden;pointer-events:none}.cl-row{position:absolute;left:0;right:0;height:72px;display:flex;align-items:center;padding-left:15px;padding-right:16px;font-weight:600;font-size:25px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:top .34s cubic-bezier(.4,0,.2,1),background-color .3s ease,color .3s ease}.cl-row--ll{height:93px;font-weight:700;font-size:27px}.cl-row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cl-strike{position:absolute;left:15px;right:16px;top:calc(50% + 2px);height:2.5px;border-radius:1.5px;background:currentColor}.cl-count-badge{position:absolute;top:5px;right:9px;font-family:Inter,sans-serif;font-weight:700;font-size:14px}.cl-sel-check{position:absolute;top:50%;right:14px;transform:translateY(-50%) scale(.4);width:26px;height:26px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #ffffffeb;opacity:0;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s ease}.cl-sel-check.show{transform:translateY(-50%) scale(1);opacity:1}.cl-sel-check:after{content:"";position:absolute;left:7px;top:12px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translateY(-1px)}.cl-pile-badge{position:absolute;top:96px;right:14px;padding:4px 9px;border-radius:12px;font-family:Inter,sans-serif;font-weight:800;font-size:15px;background:#000;color:#fff;box-shadow:0 2px 8px #0000004d;z-index:51}.cl-caret{position:absolute;width:2.5px;height:30px;background:currentColor;border-radius:2px;opacity:0}.cl-caret.blink{animation:clBlink 1s steps(1) infinite}@keyframes clBlink{50%{opacity:0!important}}.cl-row-underlay{position:absolute;left:0;right:0;height:72px;display:flex;align-items:center;font-size:30px;font-weight:700;z-index:1}.cl-row-underlay.left{justify-content:flex-start;padding-left:26px}.cl-row-underlay.right{justify-content:flex-end;padding-right:26px}.cl-toolbar{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;justify-content:space-around;padding:0 18px 8px;z-index:20;transform:translateY(80px);transition:transform .28s cubic-bezier(.4,0,.2,1)}.cl-toolbar.show{transform:translateY(0)}.cl-tool{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:19px;background:#ffffff38}.cl-tool.hot{outline:3px solid rgba(255,255,255,.9)}.cl-chip{position:absolute;top:96px;right:14px;padding:6px 12px;border-radius:16px;font-family:Inter,sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px;z-index:8;box-shadow:0 2px 8px #0000002e}.cl-flash{position:absolute;inset:0;border-radius:44px;z-index:30;pointer-events:none;opacity:0}.cl-inputbar{position:absolute;left:0;right:0;bottom:0;z-index:25;transform:translateY(380px);transition:transform .34s cubic-bezier(.4,0,.2,1)}.cl-inputbar.show{transform:translateY(0)}.cl-etoolbar{height:56px;display:flex;align-items:center;justify-content:space-around;padding:0 12px;background:#c8cace;border-top:1px solid rgba(0,0,0,.16)}.cl-etool{min-width:46px;height:40px;padding:0 10px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:18px;color:#1c1c1e;background:#ffffff80}.cl-etool.hot{background:#fff;box-shadow:0 1px 5px #00000052}.cl-keyboard{background:#d1d3d9;padding:7px 3px 24px}.cl-kb-row{display:flex;justify-content:center;gap:6px;margin:5px}.cl-key{flex:1;height:42px;max-width:34px;background:#fff;border-radius:6px;box-shadow:0 1px #0000004d}.cl-key.fn{background:#aeb4bd}.cl-key.wide{flex:1.5;max-width:none}.cl-key.space{flex:5;max-width:none}.cl-datepicker{position:absolute;left:0;right:0;bottom:0;z-index:26;transform:translateY(370px);transition:transform .55s cubic-bezier(.2,.85,.25,1);background:#1e1e21f9}.cl-datepicker.show{transform:translateY(0)}.cl-dp-bar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.09)}.cl-dp-btn{color:#fff;font-family:-apple-system,sans-serif;font-size:18px}.cl-dp-btn.done{font-weight:700}.cl-dp-wheels{height:184px;position:relative;display:flex;overflow:hidden;padding-bottom:16px}.cl-dp-band{position:absolute;left:10px;right:10px;top:72px;height:40px;background:#ffffff1f;border-radius:9px;pointer-events:none;z-index:1}.cl-dp-col{flex:1;position:relative;overflow:hidden}.cl-dp-col.wide{flex:1.6}.cl-dp-list{position:absolute;left:0;right:0;top:0}.cl-dp-item{height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;font-family:-apple-system,sans-serif}.cl-reminder-tag{position:absolute;right:15px;top:0;bottom:0;display:flex;align-items:center;gap:5px;font-family:-apple-system,sans-serif;font-weight:600;font-size:16px;white-space:nowrap}.cl-reminder-tag svg{display:block}.cl-sharesheet{position:absolute;left:0;right:0;bottom:0;z-index:26;transform:translateY(220px);transition:transform .4s cubic-bezier(.2,.85,.25,1);background:#1e1e21f9;border-radius:20px 20px 0 0;overflow:hidden}.cl-sharesheet.show{transform:translateY(0)}.cl-sharesheet-opt{height:64px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:-apple-system,sans-serif;font-size:19px;font-weight:600;border-top:1px solid rgba(255,255,255,.09)}.cl-sharesheet-opt:first-child{border-top:none}.cl-sharesheet-opt.hot{background:#ffffff24}.cl-sharecard{position:absolute;left:0;right:0;bottom:0;z-index:27;transform:translateY(420px);transition:transform .5s cubic-bezier(.2,.85,.25,1);background:#1e1e21f9;border-radius:20px 20px 0 0;padding:18px}.cl-sharecard.show{transform:translateY(0)}.cl-sharecard-title{color:#fff;font-family:-apple-system,sans-serif;font-weight:700;font-size:16px;margin-bottom:12px;text-align:center}.cl-sharecard-rows{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0000004d}.cl-sharecard-row{height:38px;display:flex;align-items:center;padding:0 14px;font-family:-apple-system,sans-serif;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-hand{position:absolute;left:0;top:0;width:0;height:0;z-index:60;pointer-events:none;transform:translate(0)}.cl-hand-dot{position:absolute;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff9,#96969666 55%,#50505057);border:1.5px solid rgba(255,255,255,.72);box-shadow:0 4px 12px #00000052;transition:transform .12s ease}.cl-hand.press .cl-hand-dot{transform:scale(.8)}.cl-hand-ripple{position:absolute;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:50%;border:2.5px solid rgba(255,255,255,.85);opacity:0}.cl-hand-ripple.go{animation:clRipple .55s ease-out}@keyframes clRipple{0%{transform:scale(.7);opacity:.85}to{transform:scale(2.3);opacity:0}}.cl-hand-hold{position:absolute;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:50%;border:2.5px solid rgba(255,255,255,.65);opacity:0}.cl-hand-hold.go{animation:clHold .7s ease-out}@keyframes clHold{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.6);opacity:0}}.shake{animation:clShake .5s ease-in-out}@keyframes clShake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-7px) rotate(-1.2deg)}30%{transform:translate(7px) rotate(1.2deg)}45%{transform:translate(-6px) rotate(-1deg)}60%{transform:translate(6px) rotate(1deg)}75%{transform:translate(-3px) rotate(-.5deg)}}.guide-masthead{padding:1.5rem 2rem 2.5rem;max-width:50em}.guide-section{position:relative;z-index:1;max-width:75em;margin:0 auto;padding:3.5rem 2rem}.guide-section__lead{max-width:42em;margin:0 auto 2.5rem;text-align:center}.guide-section__kicker{font-size:var(--fs-2);font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-caption);margin-bottom:.75rem}.guide-section__title{font-size:var(--fs5);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--ink-heading);margin:0 0 .75rem}.guide-section__note{font-size:var(--fs1);font-weight:300;line-height:1.5;color:var(--ink-secondary);margin:0}@media(max-width:620px){.guide-section__title{font-size:var(--fs4)}}.guide-showcase{max-width:72em}.guide-gallery{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:start;gap:0 clamp(2rem,5vw,6rem)}.gallery-col{display:flex;flex-direction:column;gap:clamp(4rem,7vw,7rem)}.gallery-col--b{margin-top:7rem}.gallery-item{--k:1;display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem}.gallery-item--lg{--k:1.05}.gallery-item--md{--k:.9}.gallery-item--sm{--k:.82}.gallery-cap{max-width:22em}.gallery-cap .guide-section__kicker{margin-bottom:.5rem}.gallery-title{font-size:var(--fs2);font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--ink-heading);margin:0 0 .4rem}.gallery-note{font-size:var(--fs0);font-weight:300;line-height:1.6;color:var(--ink-secondary);margin:0}.gallery-item .demo-grid{display:flex;justify-content:flex-start;margin:0}.gallery-item .demo-feature{align-items:flex-start}.gallery-item .demo-stage{width:calc(259px*var(--k));height:calc(562px*var(--k));margin:.35rem 0 0}.gallery-item .demo-stage>.cl-phone-outer{transform:scale(var(--k));transform-origin:top left}.gallery-item .demo-theme{margin:1rem 0 0}@media(max-width:860px){.guide-gallery{grid-template-columns:1fr;justify-items:center}.gallery-col{gap:4rem;align-items:center}.gallery-col--b{margin-top:4rem}.gallery-item{align-items:center}.gallery-item--lg,.gallery-item--md,.gallery-item--sm{--k:1}.gallery-cap{text-align:center;margin:0 auto}.gallery-item .demo-grid{justify-content:center}.gallery-item .demo-feature{align-items:center}}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:2.25rem 1.5rem;align-items:start;margin:0}@media(max-width:620px){.demo-grid{grid-template-columns:1fr;justify-items:center}}.demo-card{background:var(--surface-raise);border:1px solid var(--border-hair);border-radius:16px;padding:1.35rem 1.25rem 1.4rem;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:.75rem}.demo-num{font-family:inherit;font-weight:700;font-size:var(--fs-1);color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase}.demo-title{font-family:inherit;font-weight:600;font-size:var(--fs1);color:var(--ink-heading);margin:.2rem 0 .3rem;line-height:1.2}.demo-desc{font-size:var(--fs0);color:var(--ink-secondary);line-height:1.6}.demo-stage{position:relative;width:259px;height:562px;margin:0 auto;flex:none}.demo-theme{display:inline-flex;align-items:center;gap:7px;margin:0 auto;font-size:var(--fs-2);font-weight:600;color:var(--ink-secondary)}.demo-theme .swatch{width:24px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--border-hair-strong)}.demo-theme .lab{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-caption);font-size:var(--fs-2)}.demo-theme b{color:var(--ink);font-weight:700}.demo-feature{display:flex;flex-direction:column;align-items:center}.demo-play{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:70;-webkit-appearance:none;appearance:none;border:1px solid var(--border-hair-strong);background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--ink);font-family:inherit;font-size:var(--fs-1);font-weight:600;padding:.5em 1.1em;border-radius:999px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.demo-play.is-playing{background:var(--fill-invert-bg);color:var(--fill-invert-fg);border-color:var(--fill-invert-bg)}.sound-panel{display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-start;background:var(--surface-raise);border:1px solid var(--border-hair);border-radius:16px;padding:1.6rem;margin:0 auto;max-width:52em}.sound-stage{flex:none;position:relative;width:259px;height:562px}.sound-controls{flex:1;min-width:250px;display:flex;flex-direction:column;gap:1.1rem}.snd-enable{font-family:inherit;font-weight:700;font-size:var(--fs0);padding:.85em 1.2em;border-radius:999px;border:none;background:var(--fill-invert-bg);color:var(--fill-invert-fg);cursor:pointer;display:flex;align-items:center;gap:.6em;justify-content:center;transition:opacity .15s}.snd-enable:hover{opacity:.85}.snd-enable.on{background:var(--fill-invert-bg);opacity:1;cursor:default}.snd-label{font-size:var(--fs-2);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-caption);margin-bottom:-.4rem}.snd-packs{display:flex;flex-wrap:wrap;gap:.5rem}.snd-pack{display:flex;align-items:center;gap:8px;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--border-hair-strong);background:transparent;color:var(--ink-secondary);cursor:pointer;font-family:inherit;font-weight:600;font-size:var(--fs-1);transition:.12s}.snd-pack:hover{background:var(--surface-raise-hover)}.snd-pack.active{border-color:var(--fill-invert-bg);background:var(--fill-invert-bg);color:var(--fill-invert-fg)}.snd-pack img{width:24px;height:24px;border-radius:6px;display:block}.snd-btns{display:flex;gap:.5rem;flex-wrap:wrap}.snd-btn{font-family:inherit;font-weight:600;font-size:var(--fs-1);padding:.5em 1em;border-radius:999px;border:1px solid var(--border-hair-strong);background:transparent;color:var(--ink-secondary);cursor:pointer;transition:.12s}.snd-btn:hover{background:var(--surface-raise-hover);color:var(--ink)}.snd-hint{font-size:var(--fs-1);color:var(--ink-secondary);line-height:1.45}.sound-stage .cl-row{cursor:pointer}.gd-badge{display:inline-block;font-size:var(--fs-2);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25em .65em;border-radius:3px;background:var(--surface-raise);border:1px solid var(--border-hair-strong);color:var(--ink);vertical-align:middle;margin-left:.4em}.guide-capability{display:flex;flex-direction:column;max-width:42em;margin:0 auto}.cap-group{margin-top:2.5rem;display:grid;grid-template-columns:10em 1fr;gap:2rem;padding-top:2.5rem;border-top:1px solid var(--border-hair)}.cap-group:first-child{margin-top:0;padding-top:0;border-top:none}.cap-group h3{font-size:var(--fs-2);font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-caption);margin:0}.cap-group ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.cap-group li{font-size:var(--fs0);font-weight:300;line-height:1.6;color:var(--ink-secondary)}.cap-group li strong{color:var(--ink);font-weight:500}@media(max-width:620px){.cap-group{grid-template-columns:1fr;gap:.75rem}}.guide-plans{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:60em;margin:0 auto}@media(max-width:620px){.guide-plans{grid-template-columns:1fr}}.plan-card{background:var(--surface-raise);border:1px solid var(--border-hair);border-radius:16px;padding:2rem}.plan-card h3{font-size:var(--fs2);font-weight:600;color:var(--ink-heading);margin:0 0 1rem}.plan-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.plan-card li{font-size:var(--fs0);font-weight:300;line-height:1.6;color:var(--ink-secondary)}.guide-plans__closer{text-align:center;max-width:36em;margin:2rem auto 0;font-size:var(--fs1);font-weight:300;color:var(--ink-secondary)}.guide-cta{text-align:center;max-width:40em;margin:0 auto}.guide-cta__store{display:flex;align-items:center;gap:1rem;justify-content:center;margin:2rem 0}.guide-cta__badges{display:flex;gap:.75rem}#everything,#free-vs-pro,.guide-cta{content-visibility:auto}#everything{contain-intrinsic-block-size:auto 1480px}#free-vs-pro{contain-intrinsic-block-size:auto 700px}.guide-cta{contain-intrinsic-block-size:auto 300px}@media(max-width:860px){#everything{contain-intrinsic-block-size:auto 1970px}#free-vs-pro{contain-intrinsic-block-size:auto 800px}}@media(max-width:620px){#everything{contain-intrinsic-block-size:auto 2245px}#free-vs-pro{contain-intrinsic-block-size:auto 1500px}.guide-cta{contain-intrinsic-block-size:auto 360px}}.guide-cta__badges img{height:40px;width:auto;display:block}