@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_448de108-module__15WoSa__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_448de108-module__15WoSa__variable{--font-display:"Manrope", "Manrope Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_19fe8c10-module__prJAyG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_19fe8c10-module__prJAyG__variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:hand;src:url(../media/Caveat_note-s.p.2m2r099a_kned.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:hand Fallback;src:local(Arial);ascent-override:96.0%;descent-override:30%;line-gap-override:0.0%;size-adjust:100.0%}.hand_82ed682d-module__pzIH1a__className{font-family:hand,hand Fallback;font-weight:600}.hand_82ed682d-module__pzIH1a__variable{--font-hand:"hand", "hand Fallback"}
@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.37aqrzupgb8zi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.0e_5-ojqbtsw9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.2p-978ij53_v6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_13501acf-module__7hxBYW__className{font-family:Space Mono,Space Mono Fallback;font-style:normal;font-weight:700}.space_mono_13501acf-module__7hxBYW__variable{--font-mono:"Space Mono", "Space Mono Fallback"}
:root{--paper:#fff;--paper-2:#f7f7f9;--ink:#33333b;--ink-2:#6f6f78;--rule:#e4e4e9;--primary:#e5322d;--primary-hover:#c9271f;--on-primary:#fff;--primary-soft:#fdeceb;--brand-1:#fb6a5c;--brand-2:#f2313b;--brand-3:#e22530;--brand-grad:linear-gradient(140deg, var(--brand-1) 0%, var(--brand-2) 45%, var(--brand-3) 100%);--go-1:#34b571;--go:#17804f;--go-3:#0e6840;--go-hover:#126840;--go-grad:linear-gradient(140deg, var(--go-1) 0%, var(--go) 45%, var(--go-3) 100%);--display:var(--font-display), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--body:var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--hand:var(--font-hand), "Segoe Script", cursive;--maxw:1080px;--radius:12px;--radius-cta:14px;--head-w:1160px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}h1,h2,h3,.display{font-family:var(--display);color:#1f1f26;font-weight:700}h1{letter-spacing:-.022em;margin:0 0 22px;font-size:clamp(38px,6.2vw,66px);line-height:1.02}h2{letter-spacing:-.015em;margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.08}h3{margin:0 0 6px;font-size:19px;line-height:1.25}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.skip{z-index:20;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 12px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.site-head{z-index:30;padding:14px 16px 0;transition:padding .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.site-head.is-scrolled{padding-top:10px}.head-island{max-width:var(--head-w);border-radius:var(--radius-cta);border:1px solid color-mix(in srgb, var(--ink) 13%, transparent);background:var(--paper);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);align-items:center;gap:14px;height:58px;margin:0 auto;padding:0 8px 0 18px;transition:height .3s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 2px 4px #16161e0d,0 12px 28px -18px #16161e73}.site-head.is-scrolled .head-island{height:54px}.site-head.is-scrolled .head-island,.site-head.is-open .head-island{background:color-mix(in srgb, var(--paper) 72%, transparent);border-color:color-mix(in srgb, var(--ink) 9%, transparent);box-shadow:0 1px 2px #16161e0d,0 16px 38px -18px #16161e6b}.brand{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.mark{flex:none;display:block}.head-nav{align-items:center;gap:2px;margin-left:auto;display:flex}.head-nav a{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:8px 13px;font-size:14.5px;font-weight:500;text-decoration:none;transition:color .16s,background-color .16s}.head-nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.head-end{align-items:center;gap:8px;display:flex}.site-head.is-dark .head-island{background:#17171bbd;border-color:#ffffff26;box-shadow:0 1px 2px #00000059,0 16px 38px -18px #000000b3}.site-head.is-dark .brand{color:#fff}.site-head.is-dark .head-nav a{color:#b6b6c2}.site-head.is-dark .head-nav a:hover{color:#fff;background:#ffffff17}.site-head.is-dark .head-burger{border-color:#ffffff3d}.site-head.is-dark .head-burger span{background:#fff}.site-head.is-dark .head-menu{background:#17171beb;border-color:#ffffff26}.site-head.is-dark .head-menu nav a{color:#eeeef3}.site-head.is-dark .head-menu nav a:hover{background:#ffffff17}.brand,.head-nav a,.head-burger span{transition:color .25s,background-color .25s}.head-burger{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);cursor:pointer;background:0 0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.head-burger span{background:var(--ink);border-radius:2px;width:16px;height:1.5px;transition:transform .26s cubic-bezier(.4,0,.2,1);display:block}.site-head.is-open .head-burger span:first-child{transform:translateY(3.25px)rotate(45deg)}.site-head.is-open .head-burger span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.head-menu{max-width:var(--head-w);border:1px solid color-mix(in srgb, var(--ink) 9%, transparent);border-radius:var(--radius-cta);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);margin-inline:auto;padding:10px;position:absolute;top:calc(100% + 8px);left:16px;right:16px;box-shadow:0 16px 40px -20px #16161e59}.head-menu nav{display:grid}.head-menu nav a{color:var(--ink);border-radius:12px;padding:13px 14px;font-size:16px;font-weight:500;text-decoration:none}.head-menu nav a:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.head-menu .btn{width:100%;margin-top:8px}.head-scrim{z-index:20;background:#12121847;position:fixed;inset:0}body.nav-open{overflow:hidden}main section[id]{scroll-margin-top:92px}.btn{border-radius:var(--radius-cta);font:600 15px/1.2 var(--body);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 24px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.site-head nav .btn-primary{color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-brand{background:var(--brand-grad);color:#fff;border-color:#0000;transition:box-shadow .2s,filter .2s,transform .12s;box-shadow:0 1px 1px #e2253033,0 6px 16px -8px #e2253099}.btn-brand:hover{filter:brightness(1.05)saturate(105%);box-shadow:0 1px 1px #e2253038,0 10px 22px -8px #e22530b3}.btn-brand:active{transform:translateY(1px)}.btn-go{background:var(--go-grad);color:#fff;border-color:#0000;transition:box-shadow .2s,filter .2s,transform .12s;box-shadow:0 1px 1px #0e684038,0 6px 16px -8px #0e684099}.btn-go:hover{filter:brightness(1.06)saturate(105%);box-shadow:0 1px 1px #0e68403d,0 10px 22px -8px #0e6840b3}.btn-go:active{transform:translateY(1px)}.btn-go svg{flex:none;width:15px;height:15px}.btn-ghost{border-color:var(--rule);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ink-2)}.btn-sm{padding:9px 16px;font-size:14px}.btn-lg{padding:17px 32px;font-size:17px}.btn[disabled]{opacity:.45;cursor:default;pointer-events:none}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.soon-row{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:20px;display:grid}.soon-badges{align-items:center;gap:12px;display:flex}.soon-note{color:#9a9aa6;justify-self:end;align-items:flex-end;gap:2px;margin-right:12px;display:inline-flex}.soon-note em{font-family:var(--hand);white-space:nowrap;font-size:23px;font-style:normal;font-weight:600;line-height:1;transform:rotate(-4deg)}.soon-note svg{flex:none;width:54px;height:28px;margin-bottom:-2px}.store.is-soon{filter:grayscale(.5);opacity:.5;cursor:default;display:inline-flex}.badge-web svg{opacity:.95;flex:none;width:20px;height:20px}.badge-web span{font:600 15px/1.1 var(--body);letter-spacing:-.01em;display:grid}.badge-web small{text-transform:uppercase;letter-spacing:.07em;opacity:.82;font-size:9.5px;font-weight:500;line-height:1.2}.note{color:var(--ink-2);margin-top:14px;font-size:14px}.hero{padding:56px 0 40px;position:relative}.hero-copy{z-index:1;text-align:center;max-width:820px;position:relative}.hero-copy h1{font-size:clamp(36px,6.4vw,68px)}.hero-copy .platforms,.hero-copy .cta-row{justify-content:center}.lede{color:var(--ink-2);max-width:44ch;margin:0 auto 28px;font-size:20px;line-height:1.45}.logo{width:20px;height:20px;-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;display:inline-block}.logo-wa{--m:url(/logos/whatsapp.svg);background:#25d366}.logo-im{--m:url(/logos/imessage.svg);background:#34c759}.logo-an{--m:url(/logos/android.svg);background:#3ddc84}.cta-row{align-items:center}.store{border-radius:8px;line-height:0;display:inline-flex}.store img{width:auto;display:block}main{overflow-x:clip}.gallery{background:var(--paper-2);border:1px solid var(--rule);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid}.gallery .shot{border-radius:8px}.gallery .shot.dim{opacity:.45}.sent{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.shot{aspect-ratio:1;border-radius:10px;display:block;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.p1{background:linear-gradient(160deg,#9fd0ff,#3d7ff0 70%,#2a5cd0)}.p2{background:linear-gradient(160deg,#ffd08a,#ff8a5b 60%,#e0475e)}.p3{background:linear-gradient(160deg,#cdeaa0,#63b56a 60%,#2f7d4a)}.p4{background:linear-gradient(160deg,#d9c8ff,#8f6cf0 60%,#4b3aa8)}.p5{background:linear-gradient(160deg,#ffe3a3,#f2b95a 60%,#c98536)}.p6{background:linear-gradient(160deg,#bfe9ee,#5fb7c6 60%,#2e7f90)}.shot b{background:var(--primary);color:#fff;min-width:20px;height:20px;font:700 11px/1 var(--mono);font-feature-settings:"tnum" 1;border-radius:999px;place-items:center;padding:0 5px;display:grid;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 2px #fff}.gallery .shot b{top:4px;bottom:auto;right:4px}.hero-video{width:min(860px,100% - 48px);margin:12px auto 0}section{padding:84px 0}section.tinted{background:var(--paper-2)}section.tinted .styling{background:var(--paper)}.section-lede{color:var(--ink-2);max-width:58ch;margin:0 0 36px;font-size:18px}.causes{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:20px;display:grid}.cause{border:1px solid var(--rule);background:var(--paper);border-radius:16px;flex-direction:column;gap:16px;padding:22px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.cause:hover{border-color:color-mix(in srgb, var(--ink) 18%, transparent);transform:translateY(-2px);box-shadow:0 12px 30px -20px #16161e73}.cause h3{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.cause .logo{flex:none;width:22px;height:22px}.cause p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.55}.cause h3{align-items:flex-start;font-size:17px;line-height:1.3}.cause h3 .logo{margin-top:1px}.section-next{margin:28px 0 0;font-size:15px}.section-next a{color:var(--primary);border-bottom:1px solid color-mix(in srgb, var(--primary) 35%, transparent);font-weight:600;text-decoration:none}.section-next a:hover{border-bottom-color:var(--primary)}.demo{border:1px solid var(--rule);background:#f0f0f0;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000029}.demo video{aspect-ratio:16/9;width:100%;height:auto;display:block}.demo-play{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#16161c47;border:0;place-content:center;justify-items:center;gap:12px;width:100%;display:grid;position:absolute;inset:0}.demo-play-ring{color:#17171b;background:#fffffff2;border-radius:999px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 8px 24px -8px #0009}.demo-play-ring svg{width:26px;height:26px;margin-left:2px}.demo-play-label{font:600 13px/1 var(--body);text-shadow:0 1px 2px #0006;background:#16161c8c;border-radius:999px;padding:6px 12px}.steps{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:24px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--rule);background:var(--paper);border-radius:16px;grid-template-rows:auto auto auto 1fr;gap:0;padding:16px;display:grid}.step-art{background:var(--paper-2);border-radius:12px;place-items:center;height:210px;margin-bottom:16px;padding:14px;display:grid}.step-num{background:var(--primary);color:#fff;width:30px;height:30px;font:700 14px/1 var(--mono);font-feature-settings:"tnum" 1;border-radius:999px;place-items:center;margin-bottom:10px;display:grid}.step h3{margin-bottom:4px;font-size:17px}.step p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.tile{border-radius:9px;margin:0;line-height:0;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile figcaption{color:#fff;text-align:center;letter-spacing:.01em;background:linear-gradient(#0000,#0000009e);padding:14px 6px 5px;font-size:10.5px;line-height:1.2;position:absolute;inset:auto 0 0}.tile .n{min-width:20px;height:20px;font:700 11px/1 var(--mono);font-feature-settings:"tnum" 1;border-radius:999px;place-items:center;padding:0 5px;display:grid;position:absolute;top:6px;left:6px}.tile .n-solid{background:var(--primary);color:#fff}.tile .n-outline{color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #fff}.tile .n-ghost{color:#17171b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff73}.tile .n-big{color:#fff;background:#17171bd1;border-radius:9px;min-width:34px;height:34px;padding:0;font-size:18px;top:auto;bottom:20px;left:5px}.art-grid{grid-template-columns:1fr 1fr;gap:7px;width:100%;max-width:168px;display:grid}.art-grid .tile{aspect-ratio:1}.art-grid.is-dragging .tile.is-lifted{z-index:1;transform:rotate(-6deg)scale(1.08);box-shadow:0 10px 20px -8px #16161e8c}.art-chat{justify-items:end;gap:8px;width:100%;max-width:160px;display:grid}.art-bubble{background:var(--paper);border:1px solid var(--rule);border-radius:13px 13px 4px;grid-template-columns:1fr 1fr;gap:5px;width:100%;padding:6px;display:grid;box-shadow:0 6px 16px -10px #16161e73}.art-bubble .tile{aspect-ratio:1;border-radius:8px}.art-delivered{color:var(--ink-2);font-size:12px}.styling{border:1px solid var(--rule);background:var(--paper-2);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:28px;padding:24px;display:grid}.styling-copy h3{margin-bottom:6px;font-size:20px}.styling-copy p{color:var(--ink-2);max-width:42ch;margin:0;font-size:15px}.styling-chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.styling-chips li{background:var(--paper);border:1px solid var(--rule);color:var(--ink);border-radius:999px;padding:5px 11px;font-size:13px}.styling-art{grid-template-columns:repeat(4,96px);gap:10px;display:grid}.styling-art .tile{aspect-ratio:1}.styling-art .tile figcaption{background:linear-gradient(#0000009e,#0000);padding:5px 6px 14px;inset:0 0 auto}.styling-art .tile .n{inset:auto 6px 6px auto}.styling-art .tile .n-big{inset:auto 5px 5px auto}.layers{margin:40px 0 0}.layers>h3{margin-bottom:4px;font-size:20px}.layers>p{color:var(--ink-2);margin:0 0 20px;font-size:15px}.layers ul{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}.layers li{border:1px solid var(--rule);background:var(--paper);border-radius:14px;grid-template-rows:auto auto 1fr;gap:10px;padding:18px;display:grid}.layers h4{font-family:var(--display);color:#1f1f26;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.layer-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.layer-icon svg{width:19px;height:19px}.layer-thumbs{align-items:flex-end;gap:6px;display:flex}.layer-thumbs .tile{aspect-ratio:1;flex:none;width:46px}.layer-thumbs .tile .n{min-width:16px;height:16px;padding:0 4px;font-size:9px;top:4px;left:4px}.layer-mono{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.layer-mono span{background:var(--paper-2);border:1px solid var(--rule);color:var(--ink);font:700 12px/1 var(--mono);font-feature-settings:"tnum" 1;border-radius:8px;padding:7px 9px}.band{color:#e9e9ee;background:#17171b}.band h2{color:#fff}.try{grid-template-columns:1fr auto;align-items:center;gap:48px;display:grid}.try h2{margin-bottom:10px;font-size:clamp(26px,3.2vw,34px)}.try-copy p{color:#a9a9b4;max-width:46ch;margin:0;font-size:16px}.try-copy .btn{margin-top:22px}.try-note{font-size:13.5px;color:#83838f!important;margin-top:14px!important}.zip{background:#212127;border:1px solid #34343d;border-radius:14px;width:322px;overflow:hidden;box-shadow:0 30px 64px -30px #000000d9}.zip-head{background:#2a2a31;border-bottom:1px solid #36363f;align-items:center;gap:10px;padding:12px 14px;display:flex}.zip-head svg{width:17px;height:17px;color:var(--brand-2);flex:none}.zip-head b{font-family:var(--display);color:#fff;font-size:13.5px;font-weight:700}.zip-head span{font:11px/1 var(--mono);color:#82828e;margin-left:auto}.zip-list{gap:1px;margin:0;padding:7px;list-style:none;display:grid}.zip-list li{border-radius:9px;align-items:center;gap:11px;padding:6px 7px;display:flex}.zip-list li:nth-child(odd){background:#ffffff08}.zip-list .tile{aspect-ratio:1;border-radius:6px;flex:none;width:32px}.zip-list .tile .n{min-width:13px;height:13px;padding:0 3px;font-size:8px;top:3px;left:3px}.zip-list code{font:700 12.5px/1 var(--mono);font-feature-settings:"tnum" 1;color:#e9e9ee}.zip-list time{font:11px/1 var(--mono);font-feature-settings:"tnum" 1;color:#7c7c88;margin-left:auto}.features{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:20px;display:grid}.feature{border:1px solid var(--rule);background:var(--paper);border-radius:16px;grid-template-rows:auto auto 1fr;gap:0;padding:16px;display:grid}.feature h3{margin-bottom:5px;font-size:17px}.feature p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.feature-art{background:var(--paper-2);border-radius:12px;place-content:center;justify-items:center;gap:9px;height:120px;margin-bottom:15px;padding:12px;display:grid}.gen{aspect-ratio:1;background:#e7e7ed;border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.gen svg{fill:#bcbcc8;width:66%;height:66%;display:block}.gen b{background:var(--primary);color:#fff;min-width:15px;height:15px;font:700 9px/1 var(--mono);font-feature-settings:"tnum" 1;border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:3px;left:3px}.ill-row{align-items:center;gap:7px;display:flex}.ill-row .gen{flex:none;width:46px}.ill-chips{font:10.5px/1 var(--mono);align-items:center;gap:7px;display:flex}.ill-chips s{color:#a6a6b0}.ill-chips em{color:var(--primary);font-style:normal;font-weight:700}.ill-row.is-drag .ill-slot{border:1.5px dashed color-mix(in srgb, var(--ink) 24%, transparent);border-radius:9px;flex:none;width:46px;height:46px}.ill-row.is-drag .gen.is-lifted{transform:rotate(-8deg)translateY(-3px)scale(1.07);box-shadow:inset 0 0 0 1px #0000000f,0 9px 18px -7px #16161e8c}.ill-swatches{gap:6px;display:flex}.sw{width:26px;height:26px;font:700 11px/1 var(--mono);font-feature-settings:"tnum" 1;border-radius:999px;place-items:center;display:grid}.sw-red{background:var(--primary);color:#fff}.sw-ink{color:#fff;background:#2c2c34}.sw-white{color:#2c2c34;background:#fff;box-shadow:inset 0 0 0 1.5px #c9c9d2}.sw-amber{color:#fff;background:#f2a33c}.sw-blue{color:#fff;background:#3d7ff2}.sw-green{color:#fff;background:#34a853}.sw-outline{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.sw-plate{color:#fff;background:#2c2c34;border-radius:7px}.sw-xl{background:var(--primary);color:#fff;width:34px;height:34px;font-size:15px}.ill-swatches.is-second{align-items:center}.ill-where{width:92px;position:relative}.ill-where .gen{width:92px}.ill-where .gen svg{opacity:.5;width:48%;height:48%}.ill-where .spot{background:#ffffffb8;border:1.5px dashed #2020286b;border-radius:999px;place-items:center;width:15px;height:15px;display:grid;position:absolute}.ill-where .spot.tl{top:6px;left:6px}.ill-where .spot.tr{top:6px;right:6px}.ill-where .spot.bl{bottom:6px;left:6px}.ill-where .spot.mid{top:50%;left:50%;transform:translate(-50%,-50%)}.ill-where .spot.br{background:var(--primary);color:#fff;width:19px;height:19px;font:700 10px/1 var(--mono);font-feature-settings:"tnum" 1;border:0;bottom:6px;right:6px}.ill-stack{align-items:center;gap:8px;display:flex}.ill-stack .gen{flex:none;width:48px}.ill-arrow{width:17px;height:17px;color:var(--ink-2);flex:none}.ill-lab{font:10px/1 var(--mono);color:var(--ink-2)}.ill-offline{justify-items:center;gap:10px;display:grid}.ill-nowifi{background:var(--primary-soft);width:52px;height:52px;color:var(--primary);border-radius:999px;place-items:center;display:grid}.ill-nowifi svg{width:26px;height:26px}.ill-count{background:var(--paper);border:1px solid var(--rule);font:700 12px/1 var(--mono);font-feature-settings:"tnum" 1;color:var(--ink);border-radius:999px;padding:5px 10px}.post-list{gap:14px;margin:36px 0 0;padding:0;list-style:none;display:grid}.post-list a{border:1px solid var(--rule);color:inherit;background:var(--paper);border-radius:16px;padding:20px 22px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block}.post-list a:hover{border-color:color-mix(in srgb, var(--ink) 18%, transparent);box-shadow:0 12px 30px -20px #16161e73}.post-list h2{align-items:center;gap:10px;margin:0 0 4px;font-size:19px;display:flex}.post-list .logo{flex:none;width:20px;height:20px}.post-list p{color:var(--ink-2);margin:0;font-size:15px}.faq{max-width:760px}.faq details{border-top:1px solid var(--rule);padding:4px 0}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:14px 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-2);flex:none;font-size:20px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink-2);max-width:66ch;margin:0 0 16px}.band .section-lede{color:#a4a4b0}.band .section-lede a{color:var(--brand-1)}.band .faq details{border-top-color:#ffffff1f}.band .faq details:last-child{border-bottom-color:#ffffff1f}.band .faq summary{color:#eeeef3;transition:color .15s}.band .faq summary:hover{color:#fff}.band .faq summary:after{color:var(--brand-2);font-weight:700}.band .faq details[open] summary{color:#fff}.band .faq details[open] summary:after{color:var(--brand-1)}.band .faq details p{color:#a4a4b0}.band .faq details p a{color:var(--brand-1)}footer{background:var(--paper-2);padding:72px 0 48px}.foot-top{grid-template-columns:1fr auto;align-items:start;gap:64px;display:grid}.foot-get h2{margin-bottom:8px;font-size:clamp(26px,3.2vw,34px)}.foot-get>p{color:var(--ink-2);margin:0 0 22px;font-size:16px}.foot-get .note{max-width:46ch;margin-top:16px}.foot-nav{justify-items:end;gap:11px;display:grid}.foot-nav a{color:var(--ink-2);white-space:nowrap;font-size:15px;text-decoration:none}.foot-nav a:hover{color:var(--ink)}.linklike{cursor:pointer;color:var(--ink-2);font:inherit;white-space:nowrap;background:0 0;border:0;padding:0;font-size:15px}.linklike:hover{color:var(--ink)}.foot-legal{margin-top:52px}.disclaimer{color:var(--ink-2);max-width:70ch;margin-top:14px;font-size:13px}.foot-mega{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:clamp(5px,1vw,13px);margin-top:44px;display:flex}.foot-mega .mark{width:clamp(40px,9.6vw,118px);height:auto;transform:translateY(2%)}.foot-mega span{font-family:var(--display);letter-spacing:-.045em;background:linear-gradient(180deg, color-mix(in srgb, var(--ink) 20%, var(--paper-2)) 0%, color-mix(in srgb, var(--ink) 7%, var(--paper-2)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,12.2vw,158px);font-weight:800;line-height:.82}@media (max-width:860px){.hero{padding-top:40px}.causes,.features,.steps{grid-template-columns:1fr}.styling{grid-template-columns:1fr;gap:22px}.styling-art{grid-template-columns:repeat(4,1fr)}.layers ul{grid-template-columns:1fr}.try{grid-template-columns:1fr;gap:32px}.hero-copy .cta-row{display:none}.soon-row{grid-template-columns:1fr;justify-items:center;gap:2px;margin-top:4px}.soon-note{justify-self:center;align-items:flex-start;margin:0 0 0 -30px}.soon-note em{transform:rotate(-5deg)}.soon-note svg{width:38px;height:26px;margin:3px 0 0 4px;transform:rotate(52deg)}.foot-top{grid-template-columns:1fr;gap:36px}.foot-nav{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;display:flex}.zip{width:100%;max-width:340px}}@media (max-width:820px){.head-nav{display:none}.head-burger{display:inline-flex}.head-island{gap:10px;max-width:100%;padding:0 8px 0 14px}.head-end{margin-left:auto}.head-end .btn{padding:9px 14px}.head-menu{max-width:100%}.site-head.is-open .head-end .btn{display:none}}.legal{max-width:760px;padding:56px 0 80px}.legal h1{margin-bottom:8px;font-size:clamp(32px,5vw,44px)}.legal .updated{color:var(--ink-2);margin-bottom:36px;font-size:14px}.legal h2{margin:36px 0 10px;font-size:22px}.legal p,.legal li{color:var(--ink-2)}.legal strong{color:var(--ink)}.callout{background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);border-radius:12px;margin:24px 0;padding:16px 18px}.callout p{color:var(--ink);margin:0;font-size:15px}.app{padding:28px 24px 72px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}#pane-settings{border:1px solid var(--rule);background:var(--paper-2);border-radius:16px;padding:16px;position:sticky;top:78px}.settings-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-size:15px;font-family:var(--body);margin:0 0 14px;font-weight:600}.pane{padding:0;display:none}.pane.is-on{display:block}.drop{border:2px dashed var(--rule);text-align:center;color:var(--ink-2);border-radius:18px;justify-items:center;gap:12px;padding:74px 24px;transition:border-color .18s,background-color .18s,padding .25s;display:grid}.drop label{cursor:pointer}.drop-icon{color:#c2c2ce;width:38px;height:38px}.drop-title{font-family:var(--display);color:var(--ink);margin:0;font-size:19px;font-weight:700}.drop-hint{margin:0;font-size:13.5px}.drop.over{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.drop.over .drop-icon{color:var(--primary)}#pane-photos.is-on{flex-direction:column;display:flex}.drop-more{margin:0;font-size:13.5px;display:none}.app:has(#grid:not(:empty)) .drop{order:4;grid-auto-flow:column;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:14px}:is(.app:has(#grid:not(:empty)) .drop-icon,.app:has(#grid:not(:empty)) .drop-title,.app:has(#grid:not(:empty)) .drop-hint){display:none}.app:has(#grid:not(:empty)) .drop-more{display:block}.app:has(#grid:not(:empty)) .drop .btn{padding:7px 14px;font-size:13.5px}.app-bar{border:1px solid var(--rule);background:var(--paper);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0 14px;padding:12px 14px;display:none}.app:has(#grid:not(:empty)) .app-bar{display:flex}#grid:empty,#status:empty{display:none}.count{color:var(--ink);font-size:15px;font-weight:600}.app-bar-end{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.app-bar .actions{align-items:center;gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin:20px 0 28px;display:grid}.tile-item{aspect-ratio:1;background:var(--paper-2);border:1px solid var(--rule);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.tile-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.tile-item.dragging{cursor:grabbing;z-index:5;opacity:.94;border-color:var(--primary);box-shadow:0 18px 40px #00000052}body.is-dragging{cursor:grabbing}.tile-badge{pointer-events:none;min-width:1.9em;height:1.9em;font-weight:800;font-size:max(9px, calc(100cqw * var(--badge-scale,.13)));border-radius:999px;place-items:center;padding:0 .5em;display:grid;position:absolute}.tile-badge.pos-topLeft{top:8px;left:8px}.tile-badge.pos-topRight{top:8px;right:8px}.tile-badge.pos-bottomLeft{bottom:8px;left:8px}.tile-badge.pos-bottomRight{bottom:8px;right:8px}.tile-badge.pos-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tile-x{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:999px;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:grid;position:absolute;top:6px;right:6px}.tile-badge.pos-topRight~.tile-x{top:6px;right:40px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-row{border:1px solid var(--rule);background:var(--paper);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.sub-row>div{flex:1}.sub-row .note{margin:3px 0 0;font-size:12.5px}.set-h{font:600 12.5px/1.3 var(--body);color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;margin:22px 0 10px}.settings-body.locked .set-card.is-pro{background:color-mix(in srgb, var(--paper) 86%, transparent)}.pro-veil{display:none}.settings-body.locked .pro-veil{z-index:2;background:color-mix(in srgb, var(--paper-2) 72%, transparent);-webkit-backdrop-filter:saturate(60%);backdrop-filter:saturate(60%);border-radius:12px;place-items:center;text-decoration:none;display:grid}.pro-veil-a{grid-area:1/2/2/3}.pro-veil-b{grid-area:2/1/4/3}.pro-veil-btn{background:var(--brand-grad);color:#fff;font:600 14px/1 var(--body);border-radius:10px;padding:10px 20px;transition:filter .18s,transform .12s;box-shadow:0 1px 1px #e2253038,0 8px 20px -8px #e22530b3}.settings-body.locked .pro-veil-b:hover .pro-veil-btn{filter:brightness(1.05)}.settings-body.locked .pro-veil-b:active .pro-veil-btn{transform:translateY(1px)}.settings-body.locked .set-card.is-pro .set-h:first-of-type:after{content:"Pro";background:var(--primary-soft);color:var(--primary);font:700 9px/1.5 var(--body);letter-spacing:.05em;vertical-align:1px;border-radius:999px;margin-left:7px;padding:1px 6px}.settings-body:not(.is-ready) #sample-badge,.settings-body:not(.is-ready) #opt-scale{opacity:0}#sample-badge,#opt-scale{transition:opacity .1s}.set-free{font:700 9px/1.5 var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin:8px 0 0}.settings-body:not(.locked) .set-free{display:none}.cell-1{grid-area:1/1}.cell-2{grid-area:1/2}.cell-3{grid-area:2/1}.cell-4{grid-area:2/2}.cell-5{grid-area:3/1/4/3}.settings-body{margin-top:18px}.set-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;padding:11px 2px;font-size:14px;display:flex}.set-row input[type=range]{width:200px;accent-color:var(--primary)}.switch{flex:none;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{cursor:pointer;background:color-mix(in srgb, var(--ink) 22%, var(--paper));border-radius:999px;width:52px;height:32px;transition:background .2s;display:block;position:relative}.switch .knob{background:#fff;border-radius:999px;width:26px;height:26px;transition:left .2s cubic-bezier(.2,.8,.25,1);position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 2px #0000004d}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track .knob{left:calc(100% - 29px)}.switch input:focus-visible+.track{outline:2px solid var(--primary);outline-offset:3px}.switch input:disabled+.track{opacity:.45;cursor:default}.switch.small .track{width:44px;height:27px}.switch.small .knob{width:21px;height:21px}.switch.small input:checked+.track .knob{left:calc(100% - 24px)}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.chip[data-on=true]{background:var(--primary);border-color:var(--primary);color:#fff}.chip:disabled{cursor:default}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{border:2px solid var(--rule);cursor:pointer;border-radius:999px;width:38px;height:38px;padding:0}.swatch[data-on=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.swatch-none{background:var(--paper);background-image:linear-gradient(45deg,#0000 44%,#e05a4f 44% 56%,#0000 56%)}.swatch:disabled{cursor:default}.settings-cols{grid-template-columns:1fr;gap:12px;display:grid}.preview-col{display:contents}.preview-stick{align-items:center;gap:12px;display:flex;width:auto!important;position:static!important;left:auto!important}.preview-stick .note{font-size:12px;margin:0!important}.sample{max-width:104px}.controls-col,.preview-col{grid-area:auto}.preview-stick.is-pinned{position:static}.preview-stick .note{margin-top:16px}.controls-col>.set-h:first-child{margin-top:0}.set-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}.set-card{border:1px solid var(--rule);background:var(--paper);border-radius:12px;min-width:0;padding:11px 12px}.set-card .set-h{margin:0 0 8px;font-size:11px}.set-card .set-h+.set-h{margin-top:12px}.set-card .set-row{border-bottom:0;padding:7px 0;font-size:13.5px}.set-card .set-row:first-of-type{padding-top:0}.set-card input[type=range]{width:100%}.set-card .chips{gap:6px}.set-card .chip{padding:6px 10px;font-size:12.5px}.set-card .swatches{gap:7px}.set-card .swatch{border-width:2px;width:26px;height:26px}.set-card #opt-position{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,30px);gap:4px;padding:4px}.set-row:first-child{padding-top:0}.set-row-stack{justify-items:start;gap:10px;display:grid}#opt-position{border:1px solid var(--rule);background:var(--paper);border-radius:11px;grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,34px);gap:5px;padding:5px;display:grid}.pos-cell{border:1px dashed color-mix(in srgb, var(--ink) 16%, transparent);background:0 0;border-radius:7px;place-items:center;min-width:0;padding:0;display:grid}.pos-cell i{background:color-mix(in srgb, var(--ink) 26%, transparent);border-radius:999px;width:7px;height:7px}.pos-cell:hover{border-color:color-mix(in srgb, var(--ink) 34%, transparent)}.pos-cell[data-on=true]{border-style:solid;border-color:var(--primary);background:var(--primary-soft)}.pos-cell[data-on=true] i{background:var(--primary);width:9px;height:9px}#opt-position .pos-topLeft{grid-area:1/1}#opt-position .pos-topRight{grid-area:1/3}#opt-position .pos-center{grid-area:2/2}#opt-position .pos-bottomLeft{grid-area:3/1}#opt-position .pos-bottomRight{grid-area:3/3}.more>summary{cursor:pointer;font:600 13.5px/1 var(--body);color:var(--ink-2);align-items:center;gap:8px;padding:6px 0;list-style:none;display:flex}.more>summary::-webkit-details-marker{display:none}.more>summary:after{content:"+";margin-left:auto;font-size:17px;line-height:1}.more[open]>summary:after{content:"−"}.more>summary:hover{color:var(--ink)}.pro-pill{background:var(--primary-soft);color:var(--primary);font:700 10px/1.4 var(--body);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px}.sample{aspect-ratio:1;background:linear-gradient(135deg,#4a8fd8,#57b96a 55%,#f0b429);border-radius:16px;width:100%;position:relative;container-type:inline-size}.sample-badge{min-width:1.7em;font-weight:800;line-height:1.6;font-size:max(9px, calc(100cqw * var(--badge-scale,.13)));border-radius:999px;place-items:center;padding:0 .45em;display:grid;position:absolute}.sample-badge.pos-topLeft{top:10px;left:10px}.sample-badge.pos-topRight{top:10px;right:10px}.sample-badge.pos-bottomLeft{bottom:10px;left:10px}.sample-badge.pos-bottomRight{bottom:10px;right:10px}.sample-badge.pos-center{top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:720px){.settings-cols{display:block}.preview-col{display:contents}.preview-stick{background:var(--paper);border-bottom:1px solid var(--rule);z-index:4;align-items:center;gap:14px;margin-bottom:18px;padding:12px 0 14px;display:flex;position:sticky;top:64px}.preview-stick .sample{flex:none;width:96px}.preview-stick .note{margin:0}}@media (max-width:560px){.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}.howto{border:1px solid var(--rule);background:var(--paper);border-radius:14px;max-width:none;margin-top:24px;padding:0 16px}.howto>summary{cursor:pointer;font:600 14px/1 var(--body);color:var(--ink);align-items:center;gap:10px;padding:15px 0;list-style:none;display:flex}.howto>summary::-webkit-details-marker{display:none}.howto>summary:after{content:"+";color:var(--ink-2);margin-left:auto;font-size:18px;line-height:1}.howto[open]>summary:after{content:"−"}.howto>summary:hover{color:var(--primary)}.howto p{color:var(--ink-2);margin:0 0 12px;font-size:14.5px;line-height:1.55}.howto p:first-of-type{margin-top:2px}.howto p:last-child{margin-bottom:16px}.howto strong{color:var(--ink)}.howto code{background:var(--paper-2);border:1px solid var(--rule);border-radius:5px;padding:1px 5px;font-size:13px}.on-narrow{display:none}@media (max-width:720px){.on-wide{display:none}.on-narrow{display:inline}}.plans{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px;margin:36px 0 12px;display:grid}.plan{border:1px solid var(--rule);background:var(--paper);border-radius:18px;grid-template-rows:auto auto auto 1fr auto;gap:0;padding:26px;display:grid}.plan.is-pro{border-color:color-mix(in srgb, var(--primary) 35%, transparent);background:var(--primary-soft)}.plan h2{margin:0 0 10px;font-size:20px}.plan-price{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 4px;display:flex}.plan-price b{font-family:var(--display);letter-spacing:-.02em;color:#1f1f26;font-size:34px;font-weight:800}.plan-price span{color:var(--ink-2);font-size:14px}.plan-note{color:var(--ink-2);margin:0 0 18px;font-size:14.5px}.plan ul{gap:9px;margin:0 0 22px;padding:0;list-style:none;display:grid}.plan li{color:var(--ink);gap:9px;font-size:15px;display:flex}.plan li:before{content:"";background:var(--primary);border-radius:999px;flex:none;width:16px;height:16px;margin-top:3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.6 16.2 5.4 12l-1.4 1.4 5.6 5.6L20.4 8.2 19 6.8z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.6 16.2 5.4 12l-1.4 1.4 5.6 5.6L20.4 8.2 19 6.8z'/%3E%3C/svg%3E") 50%/contain no-repeat}.plan .btn{justify-self:start}@media (max-width:720px){.plans{grid-template-columns:1fr}}.consent{z-index:60;border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-radius:12px;gap:9px;width:min(258px,100vw - 28px);padding:11px 12px;display:grid;position:fixed;bottom:14px;right:14px;box-shadow:0 2px 4px #16161e0f,0 18px 40px -18px #16161e73}.consent p{color:var(--ink-2);margin:0;font-size:12px;line-height:1.4}.consent-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.consent-deny{cursor:pointer;font:500 12px/1 var(--body);color:var(--ink-2);background:0 0;border:0;padding:5px 4px;transition:color .15s}.consent-deny:hover{color:var(--ink)}.consent-allow{cursor:pointer;font:600 12px/1 var(--body);color:#fff;background:var(--go);border:0;border-radius:8px;padding:7px 14px;transition:background .15s,box-shadow .2s,transform .12s;box-shadow:0 1px 1px #145a3c33,0 6px 14px -8px #145a3c99}.consent-allow:hover{background:var(--go-hover);box-shadow:0 1px 1px #145a3c38,0 9px 18px -8px #145a3cb3}.consent-allow:active{transform:translateY(1px)}@media (max-width:720px){.consent{border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:12px;width:auto;padding:10px 12px;bottom:8px;left:8px;right:8px}.consent p{font-size:11.5px;line-height:1.35}.consent-actions{gap:4px}}@media (pointer:coarse),(max-width:720px){.foot-nav a,.foot-nav .linklike{padding:9px 0}.consent-deny{padding:11px 10px}.consent-allow{padding:11px 16px}.section-next a{padding:6px 0;display:inline-block}.head-nav a{padding:11px 13px}}@media (max-width:940px){.app-cols{grid-template-columns:1fr;gap:24px}#pane-settings{max-height:none;position:static;overflow:visible}}
