@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/bricolage-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/bricolage-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper: #efeef5;--surface: #ffffff;--ink: #16142e;--muted: #57557a;--line: #d7d5e4;--ultra: #2f4bff;--ultra-ink: #ffffff;--ultra-soft: #e0e4ff;--link: #2f4bff;--warn-bg: #fff2cc;--warn-ink: #5c3f00;--focus: #2f4bff;--font: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--wrap: 74rem;--gut: clamp(1rem, 4vw, 2.5rem);--measure: 38rem;--ease: cubic-bezier(.65, 0, .35, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #121128;--surface: #1b1936;--ink: #eeedf7;--muted: #aeacca;--line: #34325a;--ultra: #2a40e0;--ultra-soft: #d5dbff;--link: #a3b0ff;--warn-bg: #3b2f0e;--warn-ink: #ffdf94;--focus: #a3b0ff;color-scheme:dark}}:root[data-theme=dark]{--paper: #121128;--surface: #1b1936;--ink: #eeedf7;--muted: #aeacca;--line: #34325a;--ultra: #2a40e0;--ultra-soft: #d5dbff;--link: #a3b0ff;--warn-bg: #3b2f0e;--warn-ink: #ffdf94;--focus: #a3b0ff;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.6;font-optical-sizing:auto;overflow-x:clip}h1,h2,h3{margin:0;font-weight:760;font-stretch:78%;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.6rem,6.4vw,5.2rem);line-height:.96}h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.04}h3{font-size:1.2rem;font-weight:680;font-stretch:92%;letter-spacing:-.005em;line-height:1.25}p{margin:0;text-wrap:pretty}*+p,h2+*,h3+p{margin-top:.75rem}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}figcaption{margin-top:.75rem;font-size:.875rem;color:var(--muted)}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:var(--gut);top:-4rem;z-index:50;padding:.5rem 1rem;background:var(--surface);color:var(--ink);border-radius:8px}.skip:focus{top:.75rem}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}.top{position:relative;z-index:20;color:var(--ink)}#root[data-page=home] .top{background:var(--ultra);color:var(--ultra-ink);--link: var(--ultra-ink);--focus: #ffffff}.top-in{display:flex;align-items:center;gap:1rem;min-height:4.5rem}.mark,.foot-mark{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;font-weight:780;font-stretch:80%;font-size:1.35rem;letter-spacing:-.02em}.mark-icon{width:1.6rem;height:1.6rem}.mark{margin-right:auto}.top nav ul{display:flex;gap:.25rem 1.25rem}.top nav a{color:inherit;text-decoration:none;font-size:.95rem;padding-block:.25rem;border-bottom:2px solid transparent}.top nav a:hover{border-bottom-color:currentColor}.top nav a[aria-current=page]{border-bottom-color:var(--ultra)}#root[data-page=home] .top nav a[aria-current=page]{border-bottom-color:currentColor}.lang{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.25rem;padding-inline:.6rem;border:1.5px solid currentColor;border-radius:999px;color:inherit;text-decoration:none;font-size:.85rem;font-weight:650}.nav-wide{display:none}.nav-narrow>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:2.25rem;padding-inline:.9rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.9rem;font-weight:650}#root[data-page=home] .nav-narrow>summary{background:var(--ultra-ink);color:var(--ultra)}.nav-narrow>summary::-webkit-details-marker{display:none}.nav-narrow[open]>nav{position:absolute;left:0;right:0;top:100%;padding:.75rem var(--gut) 1.25rem;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 1.5rem 2rem -1.5rem #16142e59}.nav-narrow ul{flex-direction:column}.nav-narrow nav a{display:block;padding-block:.65rem;font-size:1.05rem}@media(min-width:62rem){.nav-wide{display:block}.nav-narrow{display:none}}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.6rem 1.35rem;border:1.5px solid var(--ultra);border-radius:12px;background:var(--ultra);color:var(--ultra-ink);font:inherit;font-weight:650;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform .16s var(--ease),background-color .16s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-light{background:var(--ultra-ink);border-color:var(--ultra-ink);color:#2f4bff}.btn-line{background:transparent;border-color:#ffffffb3;color:var(--ultra-ink)}.btn-quiet{background:transparent;border-color:var(--line);color:var(--ink)}.btn-small{min-height:2.25rem;padding:.3rem .85rem;font-size:.9rem}.btn-big{font-size:clamp(1rem,3.4vw,1.35rem);min-height:3.75rem;padding-inline:1.6rem;overflow-wrap:anywhere}.more{display:inline-block;margin-top:1.5rem;font-weight:650}.hero{background:var(--ultra);color:var(--ultra-ink);--link: var(--ultra-ink);--focus: #ffffff;padding-block:clamp(2rem,6vw,4.5rem) clamp(3rem,7vw,5.5rem)}.hero-in{display:grid;gap:3rem;align-items:center}.hero h1{max-width:13ch}.hero .lede{color:var(--ultra-soft)}.lede{max-width:var(--measure);margin-top:1.5rem;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;color:var(--muted)}@media(min-width:62rem){.hero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.stack-fig{--w: min(330px, 80vw);--off: calc(var(--w) * .17);--h: calc(var(--w) * 1.4375);justify-self:center;width:var(--w)}.stack{position:relative;height:calc(4 * var(--off) + var(--h))}.stack-card{position:absolute;inset:0 0 auto 0;width:var(--w);transform:translateY(calc(var(--slot) * var(--off)));z-index:var(--slot);animation:stack-cycle 20s var(--ease) infinite;animation-delay:calc(var(--phase) * -4s)}@keyframes stack-cycle{0%,16%{transform:translateY(calc(4 * var(--off)));z-index:4}16.01%{z-index:0}20%,36%{transform:translateY(0);z-index:0}40%,56%{transform:translateY(calc(1 * var(--off)));z-index:1}60%,76%{transform:translateY(calc(2 * var(--off)));z-index:2}80%,96%{transform:translateY(calc(3 * var(--off)));z-index:3}to{transform:translateY(calc(4 * var(--off)));z-index:4}}.stack:hover .stack-card,.stack-fig:has(.pause-box:checked) .stack-card{animation-play-state:paused}.pause{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;cursor:pointer;opacity:.85}.pause-box{width:1.1rem;height:1.1rem;accent-color:currentColor;margin:0}@media(prefers-reduced-motion:reduce){.stack-card{animation:none}.pause{display:none}.btn{transition:none}}.band{padding-block:clamp(3.5rem,8vw,6.5rem)}.band-tight{padding-block:clamp(2rem,5vw,3.5rem) clamp(3.5rem,8vw,6rem)}.band-alt{background:var(--surface);border-block:1px solid var(--line)}.page-head{padding-block:clamp(2.5rem,7vw,5rem) clamp(1rem,3vw,2rem)}.page-head h1{max-width:16ch}.prose{max-width:var(--measure)}.prose p+h2{margin-top:2.75rem}.prose-long h2{margin-top:3rem;font-size:clamp(1.45rem,2.6vw,1.85rem)}.prose-long h2:first-child{margin-top:0}.note{margin-top:1.75rem;max-width:var(--measure);font-size:.95rem;color:var(--muted)}.split{display:grid;gap:3rem;align-items:center}.two{display:grid;gap:3rem}@media(min-width:56rem){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}.two{grid-template-columns:1fr 1fr}}.pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,3vw,2rem);align-items:start;max-width:36rem}.map{width:100%;max-width:40rem;margin-top:2.5rem;border-collapse:collapse}.map th{padding-bottom:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--muted)}.map th:last-child{width:1%;white-space:nowrap}.map td{padding-block:.45rem;vertical-align:middle}.map td:first-child{background:radial-gradient(circle,var(--line) 1.2px,transparent 1.6px) 0 50% / 9px 9px repeat-x;padding-right:.75rem}.tag{display:inline-block;padding:.4rem .75rem;background:var(--paper);border:1px solid var(--line);border-radius:6px;font-size:.95rem;line-height:1.3;max-width:100%}.tag:before{content:"";display:inline-block;width:.9em;height:.7em;margin-right:.45em;border-radius:2px 2px 3px 3px;background:var(--muted);clip-path:polygon(0 0,40% 0,50% 18%,100% 18%,100% 100%,0 100%);vertical-align:-.02em}.swatch{display:inline-flex;align-items:flex-end;width:6.5rem;aspect-ratio:1.586;padding:.5rem .65rem;border-radius:9px;font-size:.85rem;font-weight:650;line-height:1.1;box-shadow:0 .35rem .9rem -.4rem #16142e73}.features{display:grid;gap:2.25rem 2.5rem;margin-top:2.5rem}.features li{padding-top:1rem;border-top:1px solid var(--line)}.features p{color:var(--muted);margin-top:.4rem}@media(min-width:40rem){.features{grid-template-columns:1fr 1fr}}@media(min-width:62rem){.features{grid-template-columns:repeat(3,1fr)}}.facts,.ticks{margin-top:1.25rem}.facts li,.ticks li{position:relative;padding-left:1.6rem;margin-top:.5rem}.facts li:before,.ticks li:before{content:"";position:absolute;left:0;top:.48em;width:.95rem;height:.62rem;border-radius:2.5px;background:var(--ultra)}.ticks li:before{background:transparent;border:1.5px solid var(--ultra)}.fan{position:relative;height:17rem;justify-self:center;width:min(100%,26rem)}.fan .swatch{position:absolute;left:50%;bottom:1.5rem;width:min(10.5rem,42%);align-items:flex-start;transform-origin:50% 160%;transform:translate(-50%) rotate(calc((var(--i) - 2) * 12deg))}.close h2{max-width:18ch}.steps{counter-reset:step;display:grid;gap:2.5rem 3rem}.steps li{counter-increment:step;display:grid;grid-template-columns:3.25rem 1fr;grid-template-rows:auto 1fr;column-gap:1rem}.steps li:before{content:counter(step);grid-row:span 2;font-size:3rem;line-height:.9;font-weight:800;font-stretch:75%;color:var(--ultra)}.steps p{color:var(--muted);margin-top:.4rem;max-width:34rem}@media(min-width:56rem){.steps{grid-template-columns:1fr 1fr}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .steps li:before{color:var(--link)}}:root[data-theme=dark] .steps li:before{color:var(--link)}.back{justify-self:center;width:min(100%,22rem)}.back-sheet{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.25rem 1.25rem .5rem;box-shadow:0 1.25rem 2.5rem -1.5rem #16142e59}.back-title{font-size:.8rem;color:var(--muted)}.back-sheet li{padding-block:.8rem;border-top:1px solid var(--line);font-size:.95rem;line-height:1.35}.back-sheet li:first-child{margin-top:.6rem}.lock{justify-self:center;width:min(100%,20rem)}.lock-screen{aspect-ratio:9 / 13;border-radius:2.25rem;padding:2.25rem .85rem;background:linear-gradient(170deg,#2f4bff,#1a1f6b 55%,#0f0d24);color:#fff;border:6px solid #0f0d24;overflow:hidden}.lock-time{text-align:center;font-size:4rem;font-weight:300;font-stretch:85%;line-height:1;margin-bottom:2.25rem}.lock-note{display:flex;gap:.6rem;align-items:flex-start;margin-top:.5rem;padding:.7rem .75rem;border-radius:1.1rem;background:#ffffffdb;color:#16142e;font-size:.82rem;line-height:1.3}.lock-icon{flex:none;width:1.9rem;height:1.9rem;border-radius:.5rem}.lock-body{display:grid;gap:.15rem;min-width:0}.lock-head{display:flex;justify-content:space-between;gap:.5rem}.lock-head span{color:#4a4866;white-space:nowrap}.row5{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.25rem;margin-top:2.5rem}.cfg{display:grid;gap:2.5rem}.cfg-preview{align-self:start}.cfg-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,2.5vw,1.5rem);align-items:start}@media(min-width:62rem){.cfg{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4rem}.cfg-preview{position:sticky;top:1.5rem}}.cfg-form fieldset{margin:0;padding:0;border:0;min-width:0}.cfg-form fieldset+fieldset{margin-top:2.25rem}.cfg-form legend{padding:0;font-size:1.35rem;font-weight:740;font-stretch:82%;letter-spacing:-.01em}.field{display:grid;gap:.35rem;margin-top:1rem;font-size:.95rem;font-weight:600}.field small,.hint{font-size:.875rem;font-weight:400;color:var(--muted)}.field input[type=text]{width:100%;min-height:2.9rem;padding:.5rem .8rem;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-weight:400}.field input[type=text]:focus-visible{border-color:var(--focus);outline-offset:1px}.field input[type=file]{font:inherit;font-weight:400;font-size:.9rem;max-width:100%}.field input[type=file]::file-selector-button{margin-right:.75rem;padding:.5rem .9rem;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.field .btn{justify-self:start}.designs{display:grid;margin-top:1rem}.designs-head,.design-row{display:grid;grid-template-columns:1fr 4.5rem 4.5rem;align-items:center;gap:.5rem}.designs-head{font-size:.8rem;color:var(--muted);padding-bottom:.35rem}.designs-head span{text-align:center}.design-row{padding:.4rem .5rem;border-radius:10px}.design-row.is-on{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ultra)}.design-pick{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;cursor:pointer;font-weight:600}.design-pick input{width:1.1rem;height:1.1rem;margin:0;accent-color:var(--ultra)}.design-chip{width:1.9rem;aspect-ratio:1.586;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001f}.design-row input[type=color]{justify-self:center;width:2.75rem;height:2.75rem;padding:.2rem;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.warn{margin-top:.75rem;padding:.65rem .85rem;border-radius:10px;background:var(--warn-bg);color:var(--warn-ink);font-size:.92rem;line-height:1.4}.send{margin-top:2.25rem;padding-top:1.75rem;border-top:1px solid var(--line)}.send .hint{margin-top:.6rem}.subs{margin:1rem 0 0}.subs>div{padding-block:.9rem;border-top:1px solid var(--line)}.subs dt{font-weight:680}.subs dd{margin:.2rem 0 0;color:var(--muted)}.foot{padding-block:3rem 3.5rem;border-top:1px solid var(--line);font-size:.95rem;color:var(--muted)}.foot-in{display:grid;gap:.6rem}.foot-in>*{margin:0;max-width:var(--measure)}.foot-mark{color:var(--ink);font-size:1.2rem}.foot-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}