@font-face{font-family:Jost;src:url(/fonts/jost.woff2)format("woff2");font-weight:300 600;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-500-italic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}:root{--navy:#2a3b47;--teal:#2e7f8d;--aqua:#7fcbd6;--aqua-soft:#ddf1f4;--lavender:#cdbefc;--lavender-soft:#eee8ff;--cream:#fbf8f1;--sand:#ede3cf;--surface:#fff;--text:#22313b;--dim:#5a6a74;--muted:#7c8990;--rule:#e4ddcf;--chart:#0092ab;--good:#2f7d4f;--bad:#a23b3b;--warn:#8a6412;--sans:"Jost", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Cormorant Garamond", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:16px;--shadow:0 1px 2px #2a3b470f, 0 12px 28px -18px #2a3b4759;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--fast:.14s;--base:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--teal);scrollbar-color:#cfc6b4 transparent}*{box-sizing:border-box}body{color:var(--text);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#f4f6f5;margin:0}::selection{background:var(--aqua-soft);color:var(--navy)}h1,h2,h3{color:var(--navy);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:450}h1{font-size:1.9rem}h2{font-size:1.25rem}h3{font-size:1.02rem;font-weight:500}h1 em{font:italic 500 1.1em var(--serif);color:var(--teal)}a{color:var(--teal);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button.link{font:inherit;color:var(--teal);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}button.link:hover{text-decoration-thickness:2px}code{font-family:var(--mono);color:var(--navy);background:#f3eee3;border-radius:6px;padding:.08em .35em;font-size:.86em}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}.muted{color:var(--dim)}.small{font-size:.88rem}.num{font-variant-numeric:tabular-nums}.icon{flex:none;width:1.1em;height:1.1em}.shell{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}.side{background:var(--navy);color:#c9d5dc;flex-direction:column;gap:1.4rem;height:100vh;padding:1.4rem 1rem;display:flex;position:sticky;top:0}.side .logo{background:var(--cream);border-radius:12px;padding:.55rem .8rem}.side .logo img{height:28px;display:block}.side nav{gap:.25rem;display:grid;position:relative}.side nav a{z-index:1;color:#d7e1e6;transition:color var(--fast) ease, background-color var(--fast) ease;white-space:nowrap;border-radius:10px;padding:.6rem .8rem;font-weight:450;text-decoration:none;position:relative}.side nav a.active{color:#fff}.side .nav-thumb{pointer-events:none;transition:transform var(--base) var(--ease-out), width var(--base) var(--ease-out), height var(--base) var(--ease-out);background:#7fcbd62e;border-radius:10px;position:absolute;top:0;left:0}.side .foot{gap:.5rem;margin-top:auto;font-size:.85rem;display:grid}.side .foot strong{color:#fff;font-weight:500}.side select{color:#fff;background:#ffffff0f;border-color:#fff3;width:100%}.side select option{color:var(--text)}.btn.on-dark{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff54}@media (hover:hover){.side nav a:not(.active):hover{background:#ffffff0f}.btn.on-dark:hover{color:#fff;background:#ffffff1a}}main.content{width:100%;min-width:0;max-width:76rem;padding:2rem clamp(1rem,3vw,2.5rem) 4rem}.page{animation:page-in var(--base) var(--ease-out)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.6rem;display:flex}@media (width<=52rem){.shell{grid-template-columns:1fr}.side{z-index:10;grid-template-columns:auto 1fr;align-items:center;gap:.6rem 1rem;height:auto;padding:.7rem 1rem .5rem;display:grid;position:sticky;top:0}.side .logo{justify-self:start;padding:.35rem .6rem}.side .logo img{height:22px}.side .foot{grid-area:1/2;justify-content:flex-end;align-items:center;gap:.7rem;min-width:0;margin:0;display:flex}.side .foot .who{display:none}.side .foot strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side .foot select{width:auto;min-width:0;padding:.35rem .5rem}.side .foot .btn{padding:.4rem .9rem;font-size:.9rem}.side nav{scrollbar-width:none;grid-column:1/-1;gap:.15rem;margin:0 -1rem;padding:0 1rem;display:flex;overflow-x:auto}.side nav::-webkit-scrollbar{display:none}.side nav a{padding:.45rem .65rem;font-size:.95rem}main.content{padding-top:1.4rem}h1{font-size:1.6rem}}.card{background:var(--surface);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);padding:1.3rem 1.4rem}.grid{gap:1rem;display:grid}.grid>*{min-width:0}.grid.k4{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}@media (width<=30rem){.grid.k4{grid-template-columns:1fr 1fr;gap:.7rem}.grid.two{grid-template-columns:1fr}.card{padding:1.1rem}}.stack{align-content:start;gap:.9rem;display:grid}.btn{font:500 .98rem var(--sans);cursor:pointer;background:var(--navy);color:#fff;transition:background-color var(--fast) ease, color var(--fast) ease, box-shadow var(--fast) ease, transform var(--fast) var(--ease-out), opacity var(--fast) ease;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.25rem;display:inline-flex}a.btn{text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy);background:0 0}.btn.quiet{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--rule);background:0 0}.btn.danger{background:var(--bad)}.btn.big{width:100%;padding:1rem 1.6rem;font-size:1.08rem}.btn.sm{padding:.3rem .8rem;font-size:.9rem}.btn.round{width:3rem;height:3rem;padding:0}@media (hover:hover){.btn:hover:not(:disabled){background:var(--teal)}.btn.ghost:hover:not(:disabled){background:var(--navy);color:var(--cream)}.btn.quiet:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--navy);background:0 0}}label.field,.field{color:var(--dim);gap:.3rem;font-size:.9rem;display:grid}.field-head{justify-content:space-between;gap:1rem;display:flex}.field-head .count{font-variant-numeric:tabular-nums;color:var(--dim);transition:color var(--fast) ease}.field-head .count.near{color:var(--warn)}.hint{color:var(--dim);font-size:.85rem}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--rule);caret-color:var(--teal);min-width:0;transition:border-color var(--fast) ease, box-shadow var(--fast) ease;border-radius:10px;padding:.6rem .75rem}input::placeholder,textarea::placeholder{color:#8e9aa1}@media (hover:hover){input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:focus){border-color:#cfc4ae}}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #2e7f8d24}input:disabled{color:var(--muted);background:#f7f4ed}input[type=checkbox],input[type=radio]{box-shadow:none}textarea{resize:vertical;min-height:6rem}@media (width<=52rem){input,select,textarea{font-size:16px}}.color-field{border:1.5px solid var(--rule);background:var(--surface);cursor:pointer;transition:border-color var(--fast) ease, box-shadow var(--fast) ease;border-radius:10px;align-items:center;gap:.7rem;padding:.3rem .75rem .3rem .3rem;display:flex}.color-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #2e7f8d24}.color-field input{appearance:none;cursor:pointer;width:2.1rem;height:2.1rem;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:0}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:8px;box-shadow:inset 0 0 0 1px #0000001f}.color-field input::-moz-color-swatch{border:0;border-radius:8px}.color-field code{color:var(--text);text-transform:uppercase;background:0 0;padding:0}.seg{isolation:isolate;background:#e6ecea;border-radius:999px;max-width:100%;padding:3px;display:inline-flex;position:relative}.seg label{z-index:1;color:var(--dim);cursor:pointer;white-space:nowrap;transition:color var(--fast) ease;-webkit-user-select:none;user-select:none;border-radius:999px;padding:.42rem 1rem;font-size:.93rem;position:relative}.seg label.on{color:var(--navy)}@media (hover:hover){.seg label:not(.on):hover{color:var(--navy)}}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:1px}.seg .seg-thumb{z-index:0;background:var(--surface);transition:transform var(--base) var(--ease-out), width var(--base) var(--ease-out);border-radius:999px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 1px 2px #2a3b471f,0 2px 8px -2px #2a3b472e}.row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.row.between{justify-content:space-between}.alert{animation:rise var(--base) var(--ease-out);border-radius:12px;padding:.75rem 1rem;font-size:.95rem}.alert.error{color:var(--bad);background:#f7e4e4}.alert.ok{color:var(--good);background:#e3f1e8}.alert.ok:has(.icon){align-items:flex-start;gap:.6rem;display:flex}.alert.ok .icon{margin-top:.2em}.alert.note{background:var(--aqua-soft);color:var(--text)}.alert.nudge{background:var(--lavender-soft);color:var(--text);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;display:flex}.pill{background:var(--aqua-soft);color:var(--teal);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .6rem;font-size:.8rem;font-weight:500;display:inline-flex}.pill.live:before{content:"";background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.pill.pop{animation:pop .26s var(--ease-out)}.pill.draft{color:var(--dim);background:#f1eee6}.pill.scheduled{background:var(--lavender-soft);color:#5b47b0}.pill.cancelled{color:var(--bad);background:#f7e4e4}.list{margin:0;padding:0;list-style:none;display:grid}.list>li{border-top:1px solid var(--rule);padding:.65rem 0}.list>li:first-child{border-top:0;padding-top:0}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem}th{text-align:left;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;border-bottom:1.5px solid var(--rule);padding:.5rem .6rem;font-size:.8rem;font-weight:500}td{border-bottom:1px solid var(--rule);vertical-align:top;padding:.6rem}.table-scroll{overflow-x:auto}details>summary{cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;margin-top:.6rem;list-style:none;display:inline-flex}details>summary::-webkit-details-marker{display:none}details>summary .icon{transition:transform var(--base) var(--ease-out)}details[open]>summary .icon{transform:rotate(90deg)}details[open]>summary+*{animation:rise var(--base) var(--ease-out)}.empty{text-align:center;color:var(--dim);justify-items:center;gap:.4rem;padding:2rem 1rem;display:grid}.empty strong{color:var(--navy);font-weight:500}.logo-preview{width:7.5rem;height:7.5rem;box-shadow:var(--shadow);transition:background-color var(--base) ease;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.logo-preview canvas,.logo-preview img{object-fit:cover;width:100%;height:100%;animation:fade var(--base) ease;display:block}.logo-preview span{color:#fff;letter-spacing:.02em;font-size:2rem;font-weight:500}.steps{flex-wrap:wrap;gap:.5rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.steps li{color:var(--dim);background:#f1eee6;border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.steps li.on{background:var(--navy);color:var(--cream)}.steps li.done{background:var(--aqua-soft);color:var(--teal)}.auth-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-page>.card{width:min(100%,30rem);animation:rise .36s var(--ease-out);gap:1rem;padding:2rem;display:grid}.auth-page>.card.narrow{width:min(100%,24rem)}.qr{width:min(16rem,100%);box-shadow:inset 0 0 0 1.5px var(--rule);border-radius:12px;justify-self:center;overflow:hidden}.qr svg{width:100%;height:auto;display:block}.url{word-break:break-all;background:#f7f3ea;border-radius:10px;padding:.5rem .7rem;font-size:.85rem}.skeleton{background:linear-gradient(90deg,#efe9dd 0%,#f7f3ea 50%,#efe9dd 100%) 0 0/200% 100%;border-radius:10px;animation:1.3s linear infinite shimmer}.skeleton.card{box-shadow:none}.tile .value{color:var(--navy);margin:.15rem 0 .2rem;font-size:2rem;font-weight:450;line-height:1.2}.trend{align-items:center;gap:.25rem;font-size:.88rem;display:inline-flex}.trend.up{color:var(--good)}.trend.down{color:var(--bad)}.trend.none{color:var(--muted)}.facts{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));padding:0;display:grid}.facts>div{border-left:1px solid var(--rule);padding:1.1rem 1.4rem}.facts>div:first-child{border-left:0}.facts .value{color:var(--navy);font-size:1.45rem;line-height:1.3}@media (width<=52rem){.facts{grid-template-columns:1fr 1fr}.facts>div{border-left:0;border-top:1px solid var(--rule);padding:1rem 1.1rem}.facts>div:nth-child(-n+2){border-top:0}.facts>div:nth-child(2n){border-left:1px solid var(--rule)}.tile .value{font-size:1.7rem}}.chart .bar{transform-box:fill-box;transform-origin:50% 100%;animation:grow .48s var(--ease-out) both;animation-delay:var(--d,0s);transition:opacity var(--fast) ease}.chart-tip{background:var(--navy);color:#fff;pointer-events:none;white-space:nowrap;transition:left 90ms var(--ease-out);border-radius:8px;padding:.25rem .55rem;font-size:.82rem;animation:.12s fade;position:absolute;top:0;transform:translate(-50%)}.stamps{grid-template-columns:repeat(var(--cols,10), minmax(0, 2.4rem));gap:clamp(.3rem,1.2vw,.5rem);margin:0 0 1.1rem;padding:0;list-style:none;display:grid}.stamp{aspect-ratio:1;color:#0000;transition:background-color var(--base) ease, border-color var(--base) ease, color var(--base) ease;border:1.5px dashed #d4cab6;border-radius:50%;place-items:center;display:grid}.stamp .icon{width:58%;height:58%}.stamp.full{background:var(--navy);border:1.5px solid var(--navy);color:var(--aqua)}.stamp.next{border:1.5px dashed var(--teal);color:var(--teal);background:#7fcbd629}.stamp.inked{animation:ink .42s var(--ease-out) both;animation-delay:var(--d,0s)}.stamp.reward{border-style:solid;border-color:var(--lavender)}.stamp.reward:not(.full):not(.next){color:#7e6ccb}.stamp.full.reward{box-shadow:0 0 0 3px var(--lavender-soft)}.stepper{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.stepper .count{text-align:center;color:var(--navy);font-size:1.4rem;font-weight:500}.voucher{border:1.5px solid var(--rule);cursor:pointer;transition:border-color var(--fast) ease, background-color var(--fast) ease, transform var(--fast) var(--ease-out);-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem .85rem;display:flex}.voucher:active{transform:scale(.985)}.voucher:has(input:checked){border-color:var(--good);background:#eef6f1}.voucher input{width:1.4rem;height:1.4rem;accent-color:var(--good);flex:none}.voucher:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:2px}@media (hover:hover){.voucher:not(:has(input:checked)):hover{border-color:#cfc4ae}}.client{animation:rise var(--base) var(--ease-out)}.scanner video{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:12px;width:100%;animation:.3s fade;display:block}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(-4px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes ink{0%{opacity:0;transform:scale(1.6)rotate(-14deg)}60%{opacity:1;transform:scale(.94)rotate(2deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.page,.alert,.warning,.client,.auth-page>.card,details[open]>summary+*{animation-name:fade}.pill.pop,.stamp.inked{animation:.2s both fade}.chart .bar,.skeleton{animation:none}.btn:active:not(:disabled),.voucher:active{transform:none}.side .nav-thumb,.seg .seg-thumb{transition:none}}.designer{background:#f4f6f5;min-height:100vh}.designer-head{align-items:center;gap:1.5rem;padding:1rem clamp(1rem,3vw,2.5rem);display:flex}.designer-head img{height:30px}.designer-head>:last-child{margin-left:auto}.progress{color:var(--dim);gap:1.4rem;margin:0 auto;padding:0;font-size:.92rem;list-style:none;display:flex}.progress li{align-items:center;gap:.45rem;display:flex}.progress li:before{content:"";border:1.5px solid #a9b4ba;border-radius:50%;width:.7rem;height:.7rem}.progress li.done:before{background:var(--teal);border-color:var(--teal)}.progress li.on{color:var(--navy);font-weight:500}.progress li.on:before{border-color:var(--navy);background:var(--navy)}.designer-body{grid-template-columns:minmax(0,32rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);max-width:80rem;margin:0 auto;padding:1rem clamp(1rem,3vw,2.5rem) 4rem;display:grid}.designer-form{align-content:start;gap:1.2rem;display:grid}.designer-form h1{font-size:1.75rem}.designer-form .hint,.field .hint{color:var(--dim);font-size:.86rem;font-weight:400}.field.group{gap:.55rem}.field.group>span:first-child,label.field{color:var(--navy);font-size:.95rem;font-weight:500}label.field input{font-weight:400}.step-tabs{scrollbar-width:none;gap:.2rem;margin:0 -.2rem;display:flex;overflow-x:auto}.step-tabs button{font:500 .95rem var(--sans);color:var(--dim);cursor:pointer;white-space:nowrap;transition:color var(--fast) ease, background-color var(--fast) ease;background:0 0;border:0;border-radius:8px;padding:.55rem .7rem;position:relative}.step-tabs button.done{color:var(--teal-dark,#256b77)}.step-tabs button.on{color:var(--navy)}.step-tabs button.on:after{content:"";background:var(--navy);border-radius:2px;height:2px;position:absolute;bottom:.15rem;left:.7rem;right:.7rem}@media (hover:hover){.step-tabs button:not(.on):hover{color:var(--navy);background:#e9efee}}.step-panel{animation:step-in .24s var(--ease-out);gap:1.2rem;display:grid}.step-panel.from-left{animation-name:step-in-left}.designer-nav{justify-content:flex-end;gap:.7rem;padding-top:.4rem;display:flex}.tools{gap:.8rem;padding-top:.2rem;display:grid}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{font:400 .92rem var(--sans);color:var(--navy);cursor:pointer;transition:background-color var(--fast) ease, color var(--fast) ease, transform var(--fast) var(--ease-out);background:#e6ecea;border:0;border-radius:999px;padding:.42rem .85rem}.chip:active{transform:scale(.96)}.chip.on{background:var(--navy);color:#fff}@media (hover:hover){.chip:not(.on):hover{background:#dce4e2}}.swatches{grid-template-columns:repeat(auto-fill,minmax(2.3rem,1fr));gap:.5rem;max-width:24rem;display:grid}.swatches.small{grid-template-columns:repeat(5,2rem)}.swatch{aspect-ratio:1;cursor:pointer;transition:box-shadow var(--fast) ease, transform var(--fast) var(--ease-out);border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.swatch:active{transform:scale(.92)}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px #f4f6f5, 0 0 0 4px var(--navy)}.hex{font-variant-numeric:tabular-nums;text-transform:uppercase;width:7.5rem}.color-field input[type=color]{width:2.6rem;height:2.6rem}.chips.themes .chip.on{color:var(--navy);outline:1.5px solid var(--navy);outline-offset:-1.5px;background:#fff}.symbols{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.symbol{color:var(--dim);font:400 .82rem var(--sans);cursor:pointer;transition:background-color var(--fast) ease, color var(--fast) ease, box-shadow var(--fast) ease, transform var(--fast) var(--ease-out);background:#e6ecea;border:0;border-radius:12px;justify-items:center;gap:.35rem;padding:.45rem .35rem .5rem;display:grid}.symbol canvas{width:100%;max-width:5rem;height:auto}.symbol:active{transform:scale(.96)}.symbol[aria-checked=true]{color:var(--navy);outline:2px solid var(--navy);outline-offset:-2px;background:#fff}.symbol[aria-checked]:focus-visible{outline:3px solid var(--teal);outline-offset:2px}@media (hover:hover){.symbol[aria-checked=false]:hover{background:#dce4e2}}.field.range output{font-variant-numeric:tabular-nums;color:var(--dim);font-weight:400}.field.range input{accent-color:var(--teal);box-shadow:none;background:0 0;border:0;padding:0}.switch{color:var(--navy);cursor:pointer;align-items:flex-start;gap:.7rem;font-size:.95rem;font-weight:500;display:flex}.switch input{width:1.2rem;height:1.2rem;accent-color:var(--teal);margin-top:.15rem}.switch small{color:var(--dim);font-size:.86rem;font-weight:400;display:block}.summary{background:#fff;border-radius:14px;margin:0;padding:.4rem 1.1rem;display:grid}.summary div{border-top:1px solid #e6ecea;grid-template-columns:7rem 1fr;gap:1rem;padding:.6rem 0;display:grid}.summary div:first-child{border-top:0}.summary dt{color:var(--dim)}.summary dd{color:var(--navy);align-items:center;gap:.45rem;margin:0;display:flex}.summary .dot{border-radius:50%;width:1rem;height:1rem;box-shadow:inset 0 0 0 1px #0000001f}.designer-preview{justify-items:center;gap:1rem;padding:.4rem 0;display:grid;position:sticky;top:1rem}.preview-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.preview-note{color:var(--dim);text-align:center;margin:0;font-size:.86rem}.phones{justify-content:center;align-items:flex-start;gap:1.2rem;width:100%;display:flex}.phone{aspect-ratio:9/19;width:15.5rem;transition:opacity .22s ease, transform .26s var(--ease-out);background:#1c2630;border-radius:2.4rem;flex:none;margin:0;padding:.5rem;box-shadow:inset 0 0 0 1.5px #3a4853}.phone.android{border-radius:1.9rem}.phones.show-apple .android,.phones.show-google .iphone{display:none}.phones:not(.show-both) .phone{animation:fade-scale .24s var(--ease-out)}.phone-screen{background:#f2f2f7;border-radius:1.95rem;height:100%;padding:.55rem .6rem;overflow:hidden}.android .phone-screen{background:#f8f9fa;border-radius:1.45rem}.phone-bar{color:#1c2630;justify-content:space-between;align-items:center;padding:.1rem .5rem .5rem;font-size:.72rem;font-weight:500;display:flex}.phone-bar .island{background:#1c2630;border-radius:999px;width:4.2rem;height:1.15rem}.phone-bar .cam{background:#1c2630;border-radius:50%;width:.55rem;height:.55rem}.phone-bar .bars{clip-path:polygon(0 100%,100% 0,100% 100%);background:#1c2630;width:.9rem;height:.55rem}.phone-app{color:#1c2630;margin:.1rem .2rem .55rem;font-size:1.05rem;font-weight:500}.android .phone-app{color:#3c4043;font-size:.9rem;font-weight:450}.pass{border-radius:12px;font-size:.72rem;line-height:1.3;transition:background-color .26s,color .26s;overflow:hidden}.pass small{letter-spacing:.05em;text-transform:uppercase;opacity:.78;font-size:.66rem;display:block}.pass b{font-weight:500}.ap-top{align-items:center;gap:.45rem;padding:.55rem .65rem;display:flex}.ap-logo,.gp-logo{border-radius:6px;flex:none;place-items:center;width:1.6rem;height:1.6rem;font-size:.72rem;font-weight:600;display:grid;overflow:hidden}.gp-logo{border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40}.ap-logo img,.gp-logo img{object-fit:contain;width:100%;height:100%;animation:.2s fade;display:block}.ap-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.76rem;font-weight:500;overflow:hidden}.ap-head{text-align:right}.ap-head b{font-variant-numeric:tabular-nums;font-size:1.05rem;display:inline-block}.ap-strip{aspect-ratio:1032/336;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:4.2rem;padding:.55rem .65rem;display:flex}.ap-row{letter-spacing:.08em;word-break:break-all;font-size:.95rem}.ap-row span{display:inline-block}.ap-row .inked,.gp-row b.tick,.ap-head b.tick{animation:ink .42s var(--ease-out) both}.ap-head b.tick,.gp-row b.tick{animation-name:tick-up}.ap-fields{justify-content:space-between;gap:.6rem;padding:.5rem .65rem 0;display:flex}.ap-fields .r{text-align:right}.code{color:#111;text-align:center;background:#fff;border-radius:6px;width:6rem;margin:.8rem auto .7rem;padding:.35rem .35rem .25rem}.code svg{width:100%;height:auto;display:block}.code span{font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.45rem;display:block}.code.wide{border-radius:10px;width:6.6rem}.code img{width:5rem;height:auto;margin:.3rem auto 0;display:block}.pass.google{border-radius:16px}.gp-top{align-items:center;gap:.5rem;padding:.65rem .7rem .15rem;font-size:.74rem;display:flex}.gp-title{letter-spacing:-.01em;overflow-wrap:anywhere;padding:.3rem .7rem .45rem;font-size:1.1rem}.gp-row{gap:1.4rem;padding:0 .7rem;display:flex}.gp-row b{font-size:.85rem;display:inline-block}.gp-hero{background-position:50%;background-size:cover;height:3.4rem;animation:.22s fade}@keyframes step-in{0%{opacity:0;transform:translate(14px)}}@keyframes step-in-left{0%{opacity:0;transform:translate(-14px)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.97)}}@keyframes tick-up{0%{opacity:0;transform:translateY(35%)}}@media (width<=64rem){.designer-body{grid-template-columns:minmax(0,1fr)}.designer-preview{order:-1;padding:.5rem 0 1rem;position:static}.progress{display:none}}@media (width<=34rem){.phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.phones:not(.show-both){grid-template-columns:minmax(0,16rem);justify-content:center}.phone{border-radius:1.6rem;width:auto;min-width:0;padding:.35rem}.phone-screen{border-radius:1.3rem;padding:.45rem .4rem}.pass{font-size:.72rem}.pass small{letter-spacing:0;font-size:.7rem}.gp-top{font-size:.72rem}.ap-row{letter-spacing:.04em;font-size:.78rem}.gp-title{font-size:.9rem}.ap-fields{flex-direction:column;gap:.25rem}.ap-fields .r{text-align:left}.designer-head{gap:.8rem}}@media (prefers-reduced-motion:reduce){.step-panel,.step-panel.from-left,.phones:not(.show-both) .phone{animation-name:fade}.ap-row .inked,.gp-row b.tick,.ap-head b.tick,.chip:active,.swatch:active,.symbol:active{animation:.2s both fade;transform:none}}.ap-strip.picture{min-height:0;padding:0}.pass.apple small{color:var(--label,currentColor);opacity:1}.color-choice{gap:.5rem}.color-choice .inks{align-items:center;gap:.4rem;display:flex}.color-choice .chip{align-items:center;gap:.45rem;display:inline-flex}.color-choice .chip .dot{border-radius:50%;width:.8rem;height:.8rem;box-shadow:inset 0 0 0 1px #0000002e,0 0 0 1px #ffffff59}.color-choice .swatch{width:2rem;height:2rem}.color-choice .swatch[aria-checked=true],.color-choice .color-field.on{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px #f4f6f5, 0 0 0 4px var(--navy)}.color-choice .color-field{width:2rem;height:2rem;color:var(--navy);transition:box-shadow var(--fast) ease, background-color var(--fast) ease, transform var(--fast) var(--ease-out);background:#e6ecea;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.color-choice .color-field:active{transform:scale(.92)}@media (hover:hover){.color-choice .color-field:not(.on):hover{background:#dce4e2}}.color-choice .color-field .icon{pointer-events:none;position:absolute}.color-choice .color-field input[type=color]{position:absolute;inset:0}.color-choice .color-field:focus-within{box-shadow:0 0 0 3px var(--teal)}.color-choice .color-field input[type=color]{opacity:0;width:100%;height:100%}.color-choice .color-field.on input[type=color]{opacity:1}.color-choice .color-field input::-webkit-color-swatch{border-radius:50%}.warning{color:var(--warn);margin:0;font-size:.85rem}.warning:not(:empty){animation:rise var(--base) var(--ease-out)}.warning:empty{margin-top:-.55rem}@media (width<=30rem){.step-tabs button{padding:.55rem .45rem;font-size:.9rem}}.local-sections{gap:1rem;display:grid}@media (width>=52rem){.local-sections{columns:2;column-gap:1rem;display:block}.local-sections>*{break-inside:avoid;margin-bottom:1rem}}.card-editor{margin-top:1rem;padding:1.5rem 1.6rem 1.7rem}.card-editor-head{gap:.25rem;margin-bottom:1.2rem;display:grid}.card-editor-head .hint{margin:0}.card-editor-body{grid-template-columns:minmax(0,28rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}.card-editor-form{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.2rem;display:grid}.tab-panel{gap:1.2rem;animation:.16s ease-out fade;display:grid}.seg .edited{background:var(--teal);vertical-align:.12em;border-radius:50%;width:.42rem;height:.42rem;margin-left:.45rem;display:inline-block}.card-editor-nav{gap:.7rem;padding-top:.4rem;display:grid}.card-editor-nav .row{justify-content:flex-end}.changes{color:var(--dim);text-wrap:pretty;margin:0;font-size:.9rem}.card-editor-nav.on .changes{color:var(--text)}.peek{display:none}.card-editor-form .seg{justify-self:start}.card-editor-preview{justify-items:center;gap:1rem;display:grid;position:sticky;top:1rem}.compare{justify-content:center;align-items:flex-start;gap:1.2rem;width:100%;display:flex}.compare-col{justify-items:center;gap:.55rem;min-width:0;display:grid}.compare-label{color:var(--dim);margin:0;font-size:.9rem}.compare-col.next .compare-label{color:var(--navy);font-weight:500}.compare-col.next{animation:fade-scale var(--base) var(--ease-out)}.compare .phone{width:13.5rem}.phone-slot{aspect-ratio:9/19;text-align:center;width:13.5rem;color:var(--dim);text-wrap:balance;background:#e9efee;border-radius:2.4rem;place-items:center;padding:1.5rem;font-size:.88rem;display:grid}.compare-col.waiting .compare-label{color:var(--muted)}.more{background:#f4f6f5;border-radius:12px;padding:.2rem .9rem}.more summary{cursor:pointer;color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:.7rem 0;font-size:.95rem;font-weight:500;display:flex}.more summary .hint{font-weight:400}.more-body{gap:1.2rem;padding:.2rem 0 1rem;display:grid}@media (width<=64rem){.card-editor-body{grid-template-columns:minmax(0,1fr)}.card-editor-preview{order:-1;scroll-margin-top:6rem;position:static}.card-editor-nav{z-index:2;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));background:var(--surface);margin:0 -1rem;position:sticky;bottom:0;box-shadow:0 -10px 18px -14px #1c263059}.peek{margin-right:auto;display:inline-flex}.card-editor-nav .row{flex-wrap:nowrap;gap:.5rem}.card-editor-nav .btn{white-space:nowrap;padding:.55rem .95rem;font-size:.92rem}}@media (width<=34rem){.card-editor{padding:1.1rem 1rem 1.3rem}.compare{gap:.6rem}.compare.two .compare-col{flex:1 1 0}.compare .phone{width:auto}.compare .compare-col{flex:1 1 0}.phone-slot{border-radius:1.6rem;width:100%;padding:1rem;font-size:.8rem}.color-choice .inks{flex-wrap:wrap}.compare .phones:not(.show-both){grid-template-columns:minmax(0,1fr)}.compare:not(.two) .compare-col{width:min(16rem,100%)}}@media (prefers-reduced-motion:reduce){.compare-col.next{animation-name:fade}}.looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.look,.scene{font:400 .86rem var(--sans);color:var(--dim);text-align:left;cursor:pointer;transition:color var(--fast) ease, transform var(--fast) var(--ease-out);background:0 0;border:0;gap:.35rem;padding:0;display:grid}.look canvas{width:100%;height:auto;transition:transform var(--base) var(--ease-out), box-shadow var(--fast) ease;border-radius:10px;display:block;box-shadow:0 1px 2px #2a3b4724,0 8px 18px -12px #2a3b4780}.scene canvas{width:100%;height:auto;transition:box-shadow var(--fast) ease;border-radius:8px;display:block;box-shadow:inset 0 0 0 1px #00000014}.scenes{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.look:active,.scene:active,.font:active{transform:scale(.97)}.look[aria-checked=true],.scene[aria-checked=true]{color:var(--navy);font-weight:500}.look[aria-checked=true] canvas,.scene[aria-checked=true] canvas{box-shadow:0 0 0 2px #f4f6f5, 0 0 0 4px var(--navy)}.look:focus-visible,.scene:focus-visible,.font:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:10px}@media (hover:hover){.look[aria-checked=false]:hover canvas{transform:translateY(-2px)}}.wordmark-lines{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem;display:grid}.fonts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.font{min-height:3.1rem;color:var(--navy);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background-color var(--fast) ease, transform var(--fast) var(--ease-out);background:#e6ecea;border:0;border-radius:10px;padding:.3rem .5rem;font-size:1.02rem;line-height:1.05;overflow:hidden}.font[aria-checked=true]{outline:2px solid var(--navy);outline-offset:-2px;background:#fff}@media (hover:hover){.font[aria-checked=false]:hover{background:#dce4e2}}.wordmark-colors{gap:1.2rem}.color-pick{color:var(--dim);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.ap-wordmark{object-fit:contain;object-position:left center;flex:0 auto;width:auto;max-width:72%;height:2.1rem;animation:.2s fade;display:block}.gp-top.wide{padding:.7rem .7rem .55rem}.gp-top.wide img{object-fit:contain;object-position:left center;max-width:80%;height:2rem;display:block}.ap-strip{position:relative;overflow:hidden}.punch{aspect-ratio:1;opacity:0;pointer-events:none;animation:punch .48s var(--ease-out) both;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffbf}@keyframes punch{0%{opacity:.9;transform:translate(-50%,-50%)scale(1.5)}70%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.iphone .phone-screen{background:#000}.iphone .phone-bar,.iphone .phone-app{color:#fff}.iphone .phone-bar .island{background:#1c2630}.iphone .phone-bar .bars{background:#fff}.pass.apple{box-shadow:0 8px 28px -10px #ffffff24}@media (width<=40rem){.looks{grid-template-columns:repeat(2,minmax(0,1fr))}.scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.wordmark-lines{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.punch{display:none}.look canvas{transition:none}}.gp-hero{aspect-ratio:1032/336;height:auto}.tools .swatches.small{grid-template-columns:repeat(6,2rem)}.ap-wordmark{height:1.85rem}.card-editor-form,.tab-panel,.designer-form,.step-panel,.field,.tools,.looks,.scenes,.fonts,.wordmark-lines{min-width:0}.card-editor-form>*,.tab-panel>*,.step-panel>*{min-width:0;max-width:100%}.look,.scene,.font{min-width:0}@media (width<=40rem){.seg{width:100%;max-width:100%;display:flex}.seg label{text-align:center;white-space:nowrap;flex:1 1 0;min-width:0;padding-inline:.3rem;font-size:.88rem}.swatches{max-width:100%}}.card-editor-nav .row{flex-wrap:wrap}.card-editor-nav .btn{white-space:normal;max-width:100%}@media (width<=40rem){.card-editor-nav:not(.on) .changes{display:none}.card-editor-nav .row{flex-wrap:nowrap}.card-editor-nav .row .btn:last-child{flex:1;min-width:0}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}table.locations th.num,table.locations td.num{text-align:right}table.locations tbody th{text-transform:none;letter-spacing:0;color:var(--text);border-bottom:1px solid var(--rule);min-width:9rem;padding:.6rem;font-size:.95rem;font-weight:600}table.locations td{vertical-align:middle}table.locations td:last-child{text-align:right;width:1%}.share{background:var(--rule);border-radius:999px;height:4px;margin-top:.35rem;display:block;overflow:hidden}.share>span{border-radius:inherit;background:var(--chart);height:100%;transition:width var(--base) var(--ease-out);display:block}@media (prefers-reduced-motion:reduce){.share>span{transition:none}}.filters{background:#e6ecea;border-radius:999px;align-items:center;max-width:100%;padding:3px;display:inline-flex}.filters .seg{background:0 0;padding:0}.filters-rule{background:#2a3b472e;flex:none;width:1px;height:1.15rem;margin:0 .3rem}.scope{min-width:0;display:inline-flex;position:relative}.scope select{appearance:none;cursor:pointer;font-size:.93rem;line-height:inherit;color:var(--navy);text-overflow:ellipsis;white-space:nowrap;field-sizing:content;max-width:15rem;transition:background-color var(--fast) ease, transform .16s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:.42rem 2rem .42rem 1rem;font-weight:500;overflow:hidden}@media (hover:hover) and (pointer:fine){.scope select:hover{background:#fff9;border-color:#0000}}.scope select:active{transform:scale(.98)}.scope select:focus{box-shadow:none}.scope select:focus-visible{outline:3px solid var(--teal);outline-offset:1px}.scope .icon{width:.9rem;height:.9rem;color:var(--dim);pointer-events:none;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)rotate(90deg)}.insights{transition:opacity .15s}.insights.is-loading{opacity:.55}@media (width<=40rem){.filters{background:0 0;border-radius:0;gap:.6rem;width:100%;padding:0;display:grid}.filters .seg{background:#e6ecea;padding:3px}.filters-rule{display:none}.scope{background:#e6ecea;border-radius:999px;padding:3px;display:flex}.scope select{flex:1;max-width:none;font-size:16px}}.recover{margin-top:1.2rem}.recover summary{cursor:pointer;color:var(--navy);align-items:center;gap:.5rem;font-weight:500;list-style:none;display:flex}.recover summary::-webkit-details-marker{display:none}.recover summary .icon{width:1rem;height:1rem;color:var(--dim);transition:transform var(--fast) var(--ease-out)}.recover[open] summary .icon{transform:rotate(90deg)}.recover summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){.recover summary .icon{transition:none}}