@layer blocks{.sk[data-look=bold]{--sk-surface:oklch(96.8% .024 82);--sk-raised:oklch(100% .0001 70);--sk-alt:oklch(93.5% .034 82);--sk-ink:oklch(20% .011 70);--sk-muted:oklch(47% .011 70);--sk-border:oklch(88.3% .028 82);--sk-accent:oklch(56% .17 28);--sk-accent-ink:oklch(98.5% .0044 70);--sk-accent-text:oklch(50% .025 60);--sk-badge:oklch(94% .0302 28);--sk-badge-ink:oklch(40% .12 28);--sk-hero:oklch(25.5% .0113 60);--sk-hero-raised:oklch(30% .0113 60);--sk-hero-ink:oklch(97.5% .0044 70);--sk-hero-muted:oklch(80% .011 70);--sk-hero-accent:oklch(61% .17 28);--sk-hero-accent-ink:oklch(18% .011 70);--sk-hero-border:oklch(35.5% .0113 60);--sk-radius:3px;--sk-button-radius:3px;--sk-display:"Big Shoulders Display", "Archivo", "Archivo Fallback", "Arial Narrow", sans-serif;--sk-case:uppercase;--sk-weight:800;--sk-tracking:.01em}.sk[data-look=classic]{--sk-surface:oklch(100% 0 255);--sk-raised:oklch(97.2% .0048 255);--sk-alt:oklch(96.2% .012 255);--sk-ink:oklch(20% .012 255);--sk-muted:oklch(47% .012 255);--sk-border:oklch(91.5% .0041 255);--sk-accent:oklch(66% .17 48);--sk-accent-ink:oklch(18% .012 255);--sk-accent-text:oklch(50% .14 256);--sk-badge:oklch(94% .0333 48);--sk-badge-ink:oklch(40% .1101 48);--sk-hero:oklch(25.5% .063 256);--sk-hero-raised:oklch(30% .063 256);--sk-hero-ink:oklch(97.5% .0048 255);--sk-hero-muted:oklch(80% .012 255);--sk-hero-accent:oklch(72% .17 48);--sk-hero-accent-ink:oklch(18% .012 255);--sk-hero-border:oklch(35.5% .02 256);--sk-radius:12px;--sk-button-radius:999px;--sk-display:"Archivo", "Archivo Fallback", "Arial Black", sans-serif;--sk-case:none;--sk-weight:900;--sk-tracking:-.03em}.sk[data-look=friendly]{--sk-surface:oklch(100% .0001 70);--sk-raised:oklch(97.2% .0044 70);--sk-alt:oklch(96.2% .011 70);--sk-ink:oklch(20% .011 70);--sk-muted:oklch(47% .011 70);--sk-border:oklch(91.5% .0041 70);--sk-accent:oklch(66% .17 38);--sk-accent-ink:oklch(18% .011 70);--sk-accent-text:oklch(50% .0855 196);--sk-badge:oklch(94% .0312 38);--sk-badge-ink:oklch(40% .12 38);--sk-hero:oklch(25.5% .0448 196);--sk-hero-raised:oklch(30% .0521 196);--sk-hero-ink:oklch(97.5% .0044 70);--sk-hero-muted:oklch(80% .011 70);--sk-hero-accent:oklch(72% .17 38);--sk-hero-accent-ink:oklch(18% .011 70);--sk-hero-border:oklch(35.5% .02 196);--sk-radius:12px;--sk-button-radius:10px;--sk-display:"Outfit", "Instrument Sans", "Instrument Sans Fallback", "Trebuchet MS", sans-serif;--sk-case:none;--sk-weight:700;--sk-tracking:-.02em}.tool-form{gap:var(--space-s);max-inline-size:40rem;display:grid}.tf-row{gap:var(--space-s);max-inline-size:30rem;display:grid}.tf-more summary{cursor:pointer;min-block-size:2.75rem;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.25em;align-items:center;gap:.4rem;font-size:.975rem;font-weight:600;list-style:none;display:inline-flex}.tf-more summary::-webkit-details-marker{display:none}.tf-more summary:before{content:"+";font-family:var(--font-mono);text-decoration:none}.tf-more[open] summary:before{content:"−"}.tf-more[open] summary{margin-block-end:.4rem}.tf-more .tf-name{max-inline-size:30rem}.tf-field{align-content:start;gap:.4rem;display:grid}.tf-field label,.speed-form label{font-size:.975rem;font-weight:600}.opt{color:var(--ink-quiet);font-weight:400}.tool-form input[type=text],.speed-form input{border-radius:var(--radius-s);border:1.5px solid var(--border-strong);background:var(--surface-raised);min-block-size:3.5rem;inline-size:100%;color:var(--ink);padding:.8rem 1rem;font-size:1.125rem}.tool-form input::placeholder,.speed-form input::placeholder{color:var(--ink-quiet);opacity:1}.tool-form input[aria-invalid=true],.speed-form input[aria-invalid=true]{border-color:var(--error)}.tf-error{color:var(--error);font-size:var(--small);font-weight:600}.tf-error:empty{display:none}.combo{position:relative}.combo [role=listbox]{z-index:20;background:var(--p-paper-50);color:var(--p-ink-900);border-radius:var(--radius-s);box-shadow:0 20px 40px -12px oklch(10% .03 160/.6), 0 0 0 1px var(--p-paper-300);margin:0;padding:.35rem;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline:0}.combo [role=option]{cursor:pointer;border-radius:6px;align-items:baseline;gap:.1rem;max-inline-size:none;padding:.7rem .75rem;font-weight:600;display:flex}.combo [role=option] span{font-weight:400}.combo [role=option] small{color:var(--p-ink-600);white-space:nowrap;margin-inline-start:auto;padding-inline-start:1rem;font-size:.8125rem;font-weight:400}.combo [role=option][aria-selected=true],.combo [role=option]:hover{background:var(--p-lime-400)}.tf-trade{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{min-block-size:3.25rem;box-shadow:inset 0 0 0 1.5px var(--border-strong);transition:background-color var(--duration-s) var(--ease-out);border-radius:999px;align-items:center;padding:0 1.25rem;font-weight:600;display:inline-flex}.chip input:checked+span{background:var(--ink);color:var(--surface);box-shadow:none}.chip input:checked+span:before{content:"✓";margin-inline-end:.45rem;font-size:.9em}.chip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}.tf-go{min-block-size:3.75rem;inline-size:100%;font-size:1.1875rem}@media (width>=40rem){.tf-go{justify-self:start;inline-size:auto;padding-inline:2rem}}.tool-form.compact .tf-row{grid-template-columns:1fr}.stage{gap:var(--space-l);grid-template-columns:1fr;display:grid;position:relative}.phone-wrap{order:-1;justify-self:center;gap:.75rem;inline-size:min(80%,19rem);margin:0;display:grid}.town{inline-size:100%}@media (width>=40rem){.stage{gap:0}.town{grid-area:1/1;justify-self:end;inline-size:68%}.phone-wrap{z-index:2;grid-area:1/1;justify-self:start;inline-size:36%;margin-block-start:18%}.town-foot,.town-field~.town-foot{padding-inline-start:9%}}.town{border-radius:var(--radius-l);background:var(--p-forest-900);box-shadow:0 0 0 1px var(--p-forest-800), 0 40px 80px -40px oklch(10% .03 160/.8);align-content:start;align-self:start;display:grid;overflow:hidden}.town-head,.town-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;padding:.7rem .9rem;display:flex}.town-head{border-block-end:1px solid var(--p-forest-800)}.town-foot{border-block-start:1px solid var(--p-forest-800);align-items:start}.town-tick{color:var(--p-forest-300);flex-wrap:wrap;gap:0 .9rem;font-size:.6875rem;display:flex}.town-tick span+span:before{content:"·";color:var(--p-forest-700);margin-inline-end:.9rem}.town-field{aspect-ratio:1;background:#10301f;position:relative;overflow:hidden;container-type:inline-size}.town-sample,.town-field canvas{block-size:100%;inline-size:100%;position:absolute;inset:0}.town-sample :is(picture,img){object-fit:cover;block-size:100%;inline-size:100%}.town-field canvas{opacity:0;transition:opacity .6s var(--ease-out)}.town[data-state=drawn] canvas{opacity:1}.town-field .tool-grid{gap:0;position:absolute;inset:9.0909%}.town-field .tool-grid .rm-cell{aspect-ratio:1;block-size:auto;inline-size:34%;margin:auto}.town-pin{aspect-ratio:1;inline-size:5.5%;box-shadow:0 0 0 2px var(--p-paper-50);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.town-label{color:var(--p-forest-100);align-items:center;gap:.45rem;font-size:1rem;font-weight:600;display:flex}.town:not([data-state=sample]) .town-label .sample-tag{display:none}.town-credit{color:var(--p-forest-300);font-size:.6875rem;line-height:1.4}.town-credit a{color:inherit}.town-credit [data-credit=live],.town:not([data-state=sample]) [data-credit=sample]{display:none}.town:not([data-state=sample]) [data-credit=live]{display:inline}.town-cap{color:var(--p-forest-100);flex:16rem;max-inline-size:42ch;font-size:.875rem;line-height:1.4}.rm-cell[data-band=pending]{color:#0000;background:oklch(88% .02 150/.12);box-shadow:inset 0 0 0 1.5px oklch(88% .02 150/.55)}.rm-cell[data-band=pending][data-centre]{background:var(--p-paper-50);box-shadow:none}@media (prefers-reduced-motion:no-preference){.tool-grid[data-animate] .rm-cell{animation:tool-pop .48s var(--ease-out) backwards;animation-delay:calc(.12s + var(--rm-ring,0) * .12s)}.town-scan{aspect-ratio:1;border:1.5px solid var(--p-paper-50);opacity:0;inline-size:96%;animation:tool-scan 4s var(--ease-out) infinite 1.2s;pointer-events:none;border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}}@keyframes tool-pop{0%{opacity:0;scale:.2}}@keyframes tool-scan{0%{opacity:.9;scale:.04}70%{opacity:.18}to{opacity:0;scale:1}}.phone{aspect-ratio:9/18.5;background:#07170f;border-radius:13%/6.3%;padding:3.2%;position:relative;box-shadow:0 0 0 1.5px #2a5e43,0 50px 90px -30px oklch(8% .03 160/.9),0 18px 30px -18px oklch(8% .03 160/.8)}.phone-notch{z-index:3;background:#07170f;border-radius:999px;block-size:2.4%;inline-size:28%;position:absolute;inset-block-start:2.6%;inset-inline-start:50%;translate:-50%}.phone-screen{background:#fff;border-radius:10.5%/5%;block-size:100%;position:relative;overflow:hidden;container-type:inline-size}.phone-cap{color:var(--ink-muted);align-items:baseline;gap:.5rem;font-size:.8125rem;line-height:1.4;display:flex}.phone-cap .sample-tag{flex:none}.phone[data-state=theirs]~.phone-cap .phone-sample{display:none}.looks{flex-wrap:wrap;gap:.35rem;display:flex}.looks button{min-block-size:2.75rem;box-shadow:inset 0 0 0 1.5px var(--border-strong);color:var(--ink);font:600 .875rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .85rem}.looks button[aria-pressed=true]{background:var(--p-lime-400);color:var(--p-forest-950);box-shadow:none}.sk{--u:1cqi;background:var(--sk-surface);min-block-size:100%;color:var(--sk-ink);font-family:var(--font-body);font-size:calc(var(--u) * 3.9);transition:background-color .5s var(--ease-out), color .5s var(--ease-out);flex-direction:column;line-height:1.4;display:flex}.sk p,.sk li{max-inline-size:none}.sk ul{margin:0;padding:0;list-style:none}.sk svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.25em;inline-size:1.25em}.sk-bar{justify-content:space-between;align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 11) calc(var(--u) * 5) calc(var(--u) * 3.5);background:var(--sk-surface);border-block-end:1px solid var(--sk-border);display:flex}.sk-logo{font-family:var(--sk-display);font-weight:var(--sk-weight);text-transform:var(--sk-case);letter-spacing:var(--sk-tracking);font-size:calc(var(--u) * 5.2);white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;line-height:1;overflow:hidden}.sk-logo[data-typing]:after{content:"";vertical-align:-.1em;background:currentColor;block-size:.9em;inline-size:2px;margin-inline-start:2px;animation:.7s step-end infinite sk-caret;display:inline-block}@keyframes sk-caret{50%{opacity:0}}.sk-call{align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.8) calc(var(--u) * 3.2);border-radius:var(--sk-button-radius);background:var(--sk-accent);color:var(--sk-accent-ink);font-weight:600;font-size:calc(var(--u) * 3.5);flex:none;display:inline-flex}.sk-call svg{fill:currentColor;stroke:none}.sk-hero{background:var(--sk-hero);color:var(--sk-hero-ink);padding:calc(var(--u) * 9) calc(var(--u) * 6);align-items:center;display:grid}.sk-h{font-family:var(--sk-display);font-weight:var(--sk-weight);text-transform:var(--sk-case);letter-spacing:var(--sk-tracking);font-size:calc(var(--u) * 10.5);text-wrap:balance;line-height:.98}.sk-town{color:var(--sk-hero-accent)}.sk-sub{color:var(--sk-hero-muted);font-size:calc(var(--u) * 4);margin-block-start:calc(var(--u) * 4)}.sk-ctas{gap:calc(var(--u) * 2.5);flex-wrap:wrap;margin-block-start:calc(var(--u) * 6);display:flex}.sk-btn,.sk-btn2{padding:calc(var(--u) * 3) calc(var(--u) * 4.5);border-radius:var(--sk-button-radius);font-weight:600;font-size:calc(var(--u) * 3.8);align-items:center;display:inline-flex}.sk-btn{background:var(--sk-hero-accent);color:var(--sk-hero-accent-ink)}.sk-btn2{box-shadow:inset 0 0 0 1.5px var(--sk-hero-border);color:var(--sk-hero-ink)}.sk-sec{padding:calc(var(--u) * 7) calc(var(--u) * 5)}.sk-alt{background:var(--sk-alt)}.sk-h2{font-family:var(--sk-display);font-weight:var(--sk-weight);text-transform:var(--sk-case);letter-spacing:var(--sk-tracking);font-size:calc(var(--u) * 6.4);margin-block-end:calc(var(--u) * 4);line-height:1.05}.sk-tiles{gap:calc(var(--u) * 2.5);grid-template-columns:1fr 1fr;display:grid}.sk-tiles li{gap:calc(var(--u) * 2);padding:calc(var(--u) * 3.5);border-radius:var(--sk-radius);background:var(--sk-raised);box-shadow:0 0 0 1px var(--sk-border);font-weight:600;font-size:calc(var(--u) * 3.7);line-height:1.2;display:grid}.sk-ico{inline-size:calc(var(--u) * 8.5);aspect-ratio:1;border-radius:var(--sk-radius);background:var(--sk-badge);color:var(--sk-badge-ink);place-items:center;display:inline-grid}.sk-chips{gap:calc(var(--u) * 1.8);flex-wrap:wrap;display:flex}.sk-chips li{padding:calc(var(--u) * 1.6) calc(var(--u) * 3);background:var(--sk-raised);box-shadow:0 0 0 1px var(--sk-border);font-size:calc(var(--u) * 3.5);border-radius:999px;font-weight:500}.sk-chips li:first-child{background:var(--sk-accent);color:var(--sk-accent-ink);box-shadow:none;font-weight:600}.sk-slot{padding:calc(var(--u) * 4);border-radius:var(--sk-radius);border:1.5px dashed var(--sk-border);color:var(--sk-muted);font-size:calc(var(--u) * 3.6)}.sk-foot{justify-content:space-between;gap:calc(var(--u) * 2);padding:calc(var(--u) * 5);background:var(--sk-hero);color:var(--sk-hero-muted);font-size:calc(var(--u) * 3.2);margin-block-start:auto;display:flex}.sk-foot span:first-child{color:var(--sk-hero-ink);font-weight:600}@media (prefers-reduced-motion:no-preference){.phone-screen .sk{animation:sk-tour 16s var(--ease-out) infinite 2.5s}.phone:hover .sk{animation-play-state:paused}}@keyframes sk-tour{0%,22%{translate:0}45%,72%{translate:0 calc(212.8cqi - 100%)}95%,to{translate:0}}.results{gap:var(--space-m);display:grid}@media (width>=64rem){.results{align-items:start;column-gap:var(--space-l);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"facts color""speed color""share color"}.tile-color{position:sticky;inset-block-start:calc(var(--header-h) + 1.5rem)}.tile-facts{grid-area:facts}.tile-speed{grid-area:speed}.tile-color{grid-area:color}.share{grid-area:share}}.tile{gap:var(--space-s);border-radius:var(--radius-l);background:var(--surface-raised);box-shadow:0 0 0 1px var(--border);align-content:start;padding:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);scroll-margin-block-start:calc(var(--header-h) + 1rem);display:grid}.tile-color{background:var(--surface);box-shadow:0 30px 60px -30px oklch(10% .03 160/.7)}.tile h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:900;line-height:1.02}.tile-step{color:var(--ink-quiet)}.tile-color .tile-step{color:var(--ink-muted)}.facts-town{flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:600;display:flex}.facts-town>span:not(.sample-tag){color:var(--ink-muted);font-weight:400}.facts-list{border-block-start:1px solid var(--border);display:grid}.facts-town span{white-space:nowrap}.facts-list>div{border-block-end:1px solid var(--border);grid-template-columns:minmax(6.5rem,auto) 1fr;align-items:baseline;gap:.9rem;padding-block:.7rem;display:grid}.facts-list dd{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:-1;font-size:clamp(1.625rem,1.3rem + 1vw,2.125rem);font-weight:900;line-height:1}.facts-list dt{color:var(--ink-muted);font-size:.975rem;line-height:1.35}.honest{color:var(--ink-quiet);font-size:.8125rem;line-height:1.45}.speed-form{gap:.45rem;display:grid}.speed-form .inline{gap:.5rem;display:flex}.speed-form .inline input{flex:1;min-inline-size:0}.speed-form .inline .button{flex:none;min-block-size:3.5rem}.speed-form .hint{color:var(--ink-quiet);font-size:.875rem}.speed-out:empty{display:none}.checks-k{color:var(--ink-quiet);border-block-start:1px solid var(--border);padding-block-start:var(--space-2xs)}.checks li[data-ok=na] .tick{box-shadow:inset 0 0 0 1.5px var(--border-strong);background:0 0}.speed-out{gap:var(--space-s);display:grid}.speed-big{font-family:var(--font-display);letter-spacing:-.04em;align-items:baseline;gap:.5rem;font-weight:900;line-height:.9;display:flex}.speed-num{font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,2.6rem + 3vw,5rem)}.speed-unit{letter-spacing:-.01em;font-size:1.25rem}.speed-big[data-verdict=slow] .speed-num{color:var(--p-red-700)}.speed-what{color:var(--ink-muted)}.speed-rows{border-block-start:1px solid var(--border);display:grid}.speed-rows>div{border-block-end:1px solid var(--border);justify-content:space-between;gap:1rem;padding-block:.55rem;font-size:.975rem;display:flex}.speed-rows dt{color:var(--ink-muted)}.speed-rows dd{text-align:end;font-weight:600}.checks{gap:.45rem;display:grid}.checks li{grid-template-columns:1.4rem 1fr;align-items:baseline;gap:.5rem;max-inline-size:none;font-size:.975rem;display:grid}.checks .tick{background:var(--p-paper-300);border-radius:50%;block-size:1.1rem;inline-size:1.1rem;translate:0 .15rem}.checks li[data-ok=true] .tick{background:#1f7a3a}.checks li[data-ok=false] .tick{background:var(--p-red-700)}.checks li[data-ok=true] .tick:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;block-size:.55rem;inline-size:.3rem;margin:.18rem auto 0;display:block;rotate:45deg}.checks li[data-ok=false] .tick:after{content:"";background:#fff;block-size:2px;inline-size:.55rem;margin:.5rem auto 0;display:block}.speed-fail{border-radius:var(--radius-s);background:var(--surface-sunk);color:var(--ink);padding:.8rem 1rem;font-size:.975rem}.speed-wait{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.spinner{border:2px solid var(--border);border-block-start-color:var(--ink);border-radius:50%;block-size:1.1rem;inline-size:1.1rem;animation:.8s linear infinite spin}@keyframes spin{to{rotate:1turn}}.mini-grid{inline-size:min(100%,13rem)}.mini-grid .tool-grid{gap:5px}.mini-grid .rm-cell{inline-size:100%}.color-form{gap:var(--space-s);display:grid}.color-form .field input{background:var(--surface-raised);font-size:1.125rem}.color-go{min-block-size:3.5rem;inline-size:100%;font-size:1.125rem}.color-go[aria-busy=true]{opacity:.7;cursor:progress}.promise-line{color:var(--ink-muted);font-size:.875rem}.color-done{padding:var(--space-s) 0;gap:.6rem;display:grid}.color-done:focus{outline:none}.color-done[hidden],.color-form[hidden]{display:none}.done-h{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.75rem;font-weight:900}.hp{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.share{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}}