:root{--sky: linear-gradient(135deg, #dcefff 0%, #e6e4ff 100%);--mint: linear-gradient(135deg, #e0f7e6 0%, #d6f0f7 100%);--ground: #f6f9fd;--paper: #ffffff;--paper-2: #eaf2fb;--ink: #18191b;--ink-2: #5c6066;--muted: #888c93;--border: #dce7f2;--hi: #1f5f9e;--hi-deep: #1a5288;--hi-soft: #e1eefa;--accent: #2775c0;--link: #1f5f9e;--sherbet: linear-gradient(135deg, #fff4c2 0%, #ffe0cc 55%, #ffd6e6 100%);--shadow: 0 1px 2px rgba(24, 25, 27, .05), 0 4px 14px rgba(24, 25, 27, .04);--shadow-lg: 0 30px 80px rgba(24, 25, 27, .18), 0 2px 6px rgba(24, 25, 27, .08);--radius: 18px;--measure: 68ch;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em;font-weight:600}h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.03em}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.15rem}p{margin:0 0 1em}.muted{color:var(--ink-2)}em.hi{font-style:normal;color:var(--hi)}.wrap{width:min(1100px,calc(100% - 48px));margin:0 auto}.prose{max-width:var(--measure)}.prose h2{margin-top:2.2em}.prose h3{margin-top:1.6em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.prose blockquote{margin:1.5em 0;padding:.2em 1.2em;border-left:3px solid var(--hi);color:var(--ink-2)}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95em}.prose th,.prose td{text-align:left;padding:.55em .7em;border-bottom:1px solid var(--border)}.prose th{color:var(--ink-2);font-weight:600}.prose code{background:var(--paper-2);padding:.1em .35em;border-radius:6px;font-size:.9em}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5em 0}.site-header{padding:22px 0}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:1.25rem;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand img{width:42px;height:auto}.nav{display:flex;align-items:center;gap:22px;font-size:.95rem}.nav a{color:var(--ink-2)}.nav a:hover{color:var(--ink);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;font-size:.98rem;border:0;cursor:pointer}.btn:hover{text-decoration:none;background:#1f5f9e}.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--border)}.btn--ghost:hover{background:var(--paper)}.hero{padding:56px 0 48px;background:var(--sherbet)}.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.hero h1{color:#3a3c42}.hero p.lead{font-size:1.2rem;color:var(--ink-2);max-width:34rem}.hero .cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}.hero .fine{font-size:.85rem;color:var(--muted);margin-top:14px}.shot{border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;background:var(--paper)}@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}.section{padding:56px 0}.section--alt{border-top:1px solid var(--border)}.section .eyebrow{color:var(--hi);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;align-items:center}@media(max-width:860px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{padding:18px 0 0;border-top:2px solid var(--hi-soft)}.card h3{margin-top:0}.card p{color:var(--ink-2);margin:0}.step{font-size:.8rem;color:var(--hi);font-weight:600;margin-bottom:8px}.feature{padding:40px 0}.feature .grid-2>div:first-child{order:var(--text-order, 0)}.sites{display:flex;flex-wrap:wrap;gap:10px}.sites span{border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:.92rem;color:var(--ink-2)}.browsers__title{font-size:1rem;font-weight:600;margin:34px 0 12px}.browsers{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:10px 22px}.browsers li{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-size:.95rem}.browsers svg{color:var(--ink);flex:none}.faq details{border-top:1px solid var(--border);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-weight:400}.faq details[open] summary:after{content:"–"}.faq p{color:var(--ink-2);margin:10px 0 0;max-width:var(--measure)}.post-list{display:grid;gap:0;border-bottom:1px solid var(--border)}.post-list a.post{display:block;padding:22px 0;border-top:1px solid var(--border);color:inherit}.post-list a.post:hover{text-decoration:none}.post-list a.post:hover h3{color:var(--hi-deep)}.post-list h3{margin:0 0 6px}.post-list .meta,.post-meta{color:var(--muted);font-size:.88rem}.post-list p{color:var(--ink-2);margin:6px 0 0}.post-header{padding:48px 0 24px}.post-header h1{max-width:22ch}.post-body{padding-bottom:64px}.tag{display:inline-block;background:var(--hi-soft);color:var(--hi-deep);border-radius:999px;padding:2px 10px;font-size:.8rem;margin-right:6px}.site-footer{border-top:1px solid var(--border);padding:36px 0 48px;color:var(--muted);font-size:.9rem}.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.site-footer a{color:var(--ink-2);margin-right:18px}.panel-frame{display:flex;justify-content:center;align-items:flex-start;gap:18px;padding:8px}.panel{width:300px;max-width:100%;border-radius:16px;box-shadow:0 24px 60px #18191b24,0 1px 3px #18191b14;border:1px solid var(--border)}.panel-frame--two .panel{width:240px}.panel-frame--two .panel:last-child{margin-top:36px}.card-shot{width:100%;max-width:420px;border-radius:16px;box-shadow:0 24px 60px #18191b24,0 1px 3px #18191b14;border:1px solid var(--border)}.hero .panel-frame{padding:8px}.hero__shot{position:relative}.stickers{position:absolute;inset:0;pointer-events:none}.sticker{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--paper);box-shadow:0 10px 28px #18191b24,0 1px 2px #18191b14;font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap}.sticker b{font-weight:600;color:var(--hi)}.sticker i{width:10px;height:10px;border-radius:50%}.sticker--ja{top:6%;left:2%;transform:rotate(-6deg)}.sticker--ja i{background:#3b8fdb}.sticker--es{top:40%;right:0;transform:rotate(5deg)}.sticker--es i{background:#f08a24}.sticker--ko{bottom:18%;left:0;transform:rotate(4deg)}.sticker--ko i{background:#d14b86}.sticker--goal{bottom:6%;right:4%;transform:rotate(-4deg);background:#2e7d32;color:#fff}@media(max-width:860px){.sticker{font-size:13px;padding:6px 11px}.sticker--ja{top:-1%}}@media(max-width:860px){.panel-frame--two{flex-wrap:wrap}.panel-frame--two .panel:last-child{margin-top:0}}@media(max-width:640px){.site-header .wrap{flex-wrap:wrap;row-gap:12px}.brand{white-space:nowrap}.nav{gap:16px}.nav a:not(.btn){font-size:.9rem}.nav .btn{padding:9px 14px;font-size:.9rem}.hero{padding-top:28px}h1{font-size:2.1rem}.hero p.lead{font-size:1.05rem}}.nav a{white-space:nowrap}@media(max-width:640px){.nav a[href="/#how"]{display:none}}html.js [data-reveal],html.js [data-hero]>*,html.js [data-hero-shot]{opacity:0}.section--how{padding:96px 0;border-top:1px solid var(--border)}.section--how h2{margin-bottom:56px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}.steps .card{padding:22px 0 0;border-top:2px solid var(--hi-soft)}.steps h3{margin-bottom:8px}.steps p{font-size:1.02rem;line-height:1.55}.steps .step{margin-bottom:14px}@media(max-width:860px){.section--how{padding:64px 0}.steps{grid-template-columns:1fr;gap:36px}}.sites__soon{border-style:dashed;color:var(--muted)}.read-next{margin-top:56px}.read-next h2{font-size:1.3rem;margin-bottom:8px}.site-footer__brand{display:flex;align-items:center;gap:10px}.site-footer__brand img{width:30px;height:auto;opacity:.85}.section--why{padding:88px 0 72px}.section--why h2,.section--map h2{max-width:24em;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.15;letter-spacing:-.02em}.why__lead{font-size:1.12rem;line-height:1.55;color:var(--ink-2);max-width:40rem;margin-bottom:40px}.why__more{margin:32px 0 0;font-weight:600}.section--map{padding:72px 0;background:linear-gradient(180deg,var(--ground) 0%,#e3eefb 100%)}.ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}.ladder li{display:flex;flex-direction:column;gap:6px;padding:16px 14px;min-height:calc(112px + var(--step) * 26px);box-sizing:border-box;border-radius:16px}.ladder li:nth-child(1){background:linear-gradient(180deg,#d6e8f9,#e4f0fb)}.ladder li:nth-child(2){background:linear-gradient(180deg,#cbe2f8,#dfedfa)}.ladder li:nth-child(3){background:linear-gradient(180deg,#bfdbf6,#dbebfa)}.ladder li:nth-child(4){background:linear-gradient(180deg,#b6d7f5,#dcecfa)}.ladder li:nth-child(5){background:linear-gradient(180deg,#a3ccf2,#d3e7f9)}.ladder li:nth-child(6){background:linear-gradient(180deg,#8fc1ef,#cae2f8)}.ladder b{font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}.ladder span{font-size:.92rem;line-height:1.35;color:#3a3c42}.ladder__note{margin:24px 0 0;max-width:46rem;font-size:.95rem}@media(max-width:860px){.section--why{padding:56px 0 48px}.section--map{padding:56px 0}.ladder{grid-template-columns:1fr;gap:10px}.ladder li{min-height:0;margin-left:calc((6 - var(--step)) * 10px)}}.why-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.why-tile{display:flex;flex-direction:column;padding:26px 26px 0;border-radius:24px;overflow:hidden}.why-tile--sherbet{background:var(--sherbet)}.why-tile--sky{background:var(--sky)}.why-tile--mint{background:var(--mint)}.why-tile h3{margin:0 0 8px}.why-tile p{margin:0 0 22px;color:#3a3c42;line-height:1.5}.why-tile img{display:block;width:calc(100% + 52px);max-width:none;margin:auto -26px 0;height:auto}.stage{padding:40px 28px;border-radius:28px}.stage--sky{background:var(--sky)}.stage--sherbet{background:var(--sherbet)}.stage--mint{background:var(--mint)}.stage .panel,.stage .card-shot{border:0}.section--how .step{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--sherbet);color:var(--ink);font-size:1rem}.section--alt{background:var(--mint);border-top:0}.section--alt .sites span{background:var(--paper);border-color:transparent;color:var(--ink)}.closing{background:var(--sherbet);padding:64px 0}.closing__inner{display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px}.closing__text{flex:1 1 320px}.closing h2{margin:0 0 6px;font-size:clamp(1.7rem,3.6vw,2.5rem);letter-spacing:-.02em;color:#3a3c42}.closing p{margin:0;color:#4a3b2e}@media(max-width:860px){.why-tiles{grid-template-columns:1fr}.stage{padding:28px 18px}}.in-use{margin:56px 0 0}.in-use img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 24px 60px #18191b29}.in-use figcaption{margin-top:18px;text-align:center;color:#3a3c42;font-weight:500}.places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.place{position:relative;margin:0;border-radius:18px;overflow:hidden}.place img{display:block;width:100%;height:220px;object-fit:cover}.place figcaption{position:absolute;inset:auto 0 0;padding:36px 16px 12px;color:#fff;font-weight:600;font-size:1.15rem;background:linear-gradient(transparent,#000000c7)}@media(max-width:640px){.places{grid-template-columns:repeat(2,minmax(0,1fr))}.place img{height:140px}}.step__art{display:block;width:100%;height:auto;border-radius:20px;margin-bottom:18px}.section--how .steps{gap:28px}.section--how .steps .card{border-top:0;padding-top:0}.install[data-astro-cid-mynbww3u]{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;background:#2775c0;color:#fff;font-weight:600;font-size:1rem;letter-spacing:-.005em;box-shadow:0 6px 18px #18191b24;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.install[data-astro-cid-mynbww3u]:hover{text-decoration:none;transform:translateY(-1px);background:#1f5f9e;box-shadow:0 10px 24px #18191b2e}.install[data-astro-cid-mynbww3u]:active{transform:translateY(0)}.install__icon[data-astro-cid-mynbww3u]{flex:none}.install--other[data-astro-cid-mynbww3u]{background:transparent;color:#1f5f9e;box-shadow:inset 0 0 0 1.5px #82b8ea}.install--other[data-astro-cid-mynbww3u]:hover{background:#2775c014;box-shadow:inset 0 0 0 1.5px #2775c0}.install--small[data-astro-cid-mynbww3u]{padding:9px 16px;font-size:.92rem}.install--small[data-astro-cid-mynbww3u] .install__icon[data-astro-cid-mynbww3u]{width:16px;height:16px}