:root{--ink:#101418;--paper:#fff;--soft:#f3f3f0;--lime:#d4f84f;--sky1:#2f7fe8;--sky2:#9fd0ff;--r-lg:32px;--r-md:22px;--r-pill:999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Onest,system-ui,sans-serif;line-height:1.5}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.btn{border-radius:var(--r-pill);justify-content:center;align-items:center;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn.big{padding:.9rem 1.6rem;font-size:1.05rem}.btn.lime{background:var(--lime);color:var(--ink)}.btn.ghost{color:var(--ink)}.btn.glass{color:#fff;backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #ffffff80}.site-header{z-index:20;pointer-events:none;padding:14px 20px;position:sticky;top:0}.site-header .pill{pointer-events:auto;backdrop-filter:blur(12px);border-radius:var(--r-pill);background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:8px 10px 8px 16px;display:flex}.brand{align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.site-header nav{gap:4px;display:flex}.site-header nav a{border-radius:var(--r-pill);padding:.45rem .8rem;font-size:.93rem;font-weight:500;text-decoration:none}.site-header nav a:hover{background:var(--soft)}.site-header .actions{gap:4px;display:flex}@media (width<=760px){.site-header nav{display:none}}@media (width<=420px){.site-header .ghost{display:none}}.site-header.over-hero{margin-bottom:-78px}.hero{padding:0 14px}.sky{border-radius:var(--r-lg);text-align:center;color:#fff;background:linear-gradient(180deg,var(--sky1) 0%,#5aa5f2 55%,var(--sky2) 100%);max-width:1280px;margin:0 auto;padding:130px 24px 90px;position:relative;overflow:clip}.sky:before,.sky:after{content:"";pointer-events:none;filter:blur(18px);opacity:.9;background:radial-gradient(closest-side,#fff 0 55%,#0000 100%) 6% 80%/36% 80% no-repeat,radial-gradient(closest-side,#fff 0 55%,#0000 100%) 40% 100%/42% 90% no-repeat,radial-gradient(closest-side,#fff 0 55%,#0000 100%) 92% 75%/34% 80% no-repeat;height:340px;position:absolute;bottom:-60px;left:-11.76%;right:-10%}.sky:after{opacity:.7;bottom:-120px;transform:scaleX(-1)}.sky>*{z-index:1;position:relative}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,8vw,6rem);font-weight:600;line-height:.98}h1 span{opacity:.72}.lead{max-width:520px;margin:22px auto 28px;font-size:1.1rem}.cta-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-copy{position:relative}.story{--h:min(540px,100svh - 190px);min-height:190svh;margin-top:24px;position:relative}.story-pin{position:sticky;top:96px}.reader-stage{height:var(--h);max-width:1100px;margin:0 auto;position:relative}.reader-stage figure{margin:0}.step{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .4s,translate .4s,visibility 0s linear .4s;display:flex;position:absolute;inset:0;translate:0 18px}.story[data-step="1"] .s1,.story[data-step="2"] .s2,.story[data-step="3"] .s3{opacity:1;visibility:visible;transition:opacity .45s .12s,translate .45s .12s,visibility;translate:0}.step img{width:auto;max-width:min(100%,560px);height:auto;max-height:calc(var(--h) - 56px);display:block}.kobo img{filter:drop-shadow(0 28px 36px #0a286461)}.shot img{background:#fff;border:6px solid #1b1f24;border-radius:20px;box-shadow:0 22px 44px #0a286447}.tag{white-space:nowrap;color:var(--ink);border-radius:var(--r-pill);background:#fff;order:-1;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #0a286433}.tag b{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.78rem;display:grid}.langs{z-index:0;pointer-events:none;position:absolute;inset:58% 0 -70px}.chip{color:var(--ink);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #ffffffb3;padding:8px 18px;font-size:.95rem;font-weight:600;position:absolute;box-shadow:0 0 0 6px #ffffff1f,0 10px 28px #ffffff47}.l1{padding:10px 22px;font-size:1.05rem;top:6%;left:7%;rotate:-8deg}.l2{font-size:.9rem;top:64%;left:16%;rotate:5deg}.l3{padding:11px 24px;font-size:1.1rem;top:16%;right:14%;rotate:7deg}.l4{padding:6px 14px;font-size:.82rem;top:72%;right:4%;rotate:-5deg}@media (width<=1100px){.l1{left:8%}.l2{left:2%}.l3{right:8%}.l4{right:3%}}@media (width<=900px){.langs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex;position:static}.chip{padding:6px 14px;font-size:.8rem;position:static;rotate:0deg}.l1,.l2,.l3,.l4{padding:6px 14px;font-size:.8rem}}@media (width<=720px){.story{--h:min(62svh,520px);min-height:200svh;margin-top:44px}.shot img{border-width:4px;border-radius:14px}.step img{max-width:86%}}@media (prefers-reduced-motion:reduce){.step{transition:none}}.section{max-width:1100px;margin:0 auto;padding:110px 20px 0}.section.narrow{max-width:900px}h2{letter-spacing:-.03em;margin:0 0 36px;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:600;line-height:1.08}h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1.3rem}.steps{counter-reset:s;margin:0;padding:0;list-style:none}.steps li{counter-increment:s;border-top:1px solid #e4e4df;grid-template-columns:48px 160px 1fr;align-items:baseline;gap:12px;padding:22px 0;display:grid}.steps li:before{content:counter(s);border:1px solid #cfcfc8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.85rem;display:grid}.steps b{font-size:1.25rem;font-weight:600}.steps span{color:#4a5058}@media (width<=640px){.steps li{grid-template-columns:40px 1fr}.steps span{grid-column:2}}.bento{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.card{border-radius:var(--r-md);flex-direction:column;grid-column:span 2;justify-content:flex-end;min-height:230px;padding:28px;display:flex}.card.wide{grid-column:span 4}.card p{max-width:44ch;margin:0}.card.dark{background:var(--ink);color:#fff}.card.lime{background:var(--lime)}.card.grey{background:var(--soft)}.card.blue{background:linear-gradient(135deg,var(--sky1),var(--sky2));color:#fff}@media (width<=760px){.card,.card.wide{grid-column:span 6;min-height:170px}}.devices{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.devices p{color:#4a5058;margin:0 0 10px}.dev-logo{background:#fff;border:1px solid #e4e4df;border-radius:20px;place-items:center;width:76px;height:76px;margin-bottom:18px;display:grid;overflow:hidden}.dev-logo img{object-fit:contain;width:100%;height:100%;display:block}.dev-logo.pad img{padding:11px}.dev-logo.generic{background:var(--soft);color:var(--ink);border-color:#0000}.link{text-underline-offset:4px;font-weight:600}.note{color:#4a5058;margin-top:28px}code{background:var(--soft);border-radius:6px;padding:2px 6px}@media (width<=700px){.devices{grid-template-columns:1fr}}.price{background:var(--soft);border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px;display:flex}.price h2{margin-bottom:8px}.price p{margin:0}.price .dream{color:#4a5058;margin-top:10px;font-size:.95rem}.prose{max-width:720px;margin:0 auto;padding:60px 20px 40px}.prose h1{margin-bottom:24px;font-size:clamp(2.2rem,6vw,3.4rem)}.prose h2{margin:36px 0 10px;font-size:1.5rem}.site-footer{--links-top:51%;aspect-ratio:16/9;color:#fff;background:#fff url(/assets/footer.jpg) bottom/cover no-repeat;width:100%;margin-top:90px;position:relative;overflow:hidden}.footer-inner{left:0;right:0;top:var(--links-top);justify-content:space-between;gap:32px;max-width:1600px;margin:0 auto;padding:0 clamp(16px,2.2vw,44px);display:flex;position:absolute}.footer-brand{max-width:26vw}.footer-brand .brand{font-size:clamp(1rem,1.5vw,1.6rem)}.footer-brand .brand svg{width:1.2em;height:1.2em}.footer-brand p{max-width:22em;margin:.9em 0 0;font-size:clamp(.78rem,1.05vw,1.15rem);font-weight:500;line-height:1.4}.footer-cols{align-self:flex-start;gap:clamp(22px,4vw,90px);display:flex}.footer-cols h3{letter-spacing:0;margin:0 0 .8em;font-size:clamp(.82rem,1.1vw,1.2rem);font-weight:600}.footer-cols ul{gap:.7em;margin:0;padding:0;list-style:none;display:grid}.footer-cols a{font-size:clamp(.74rem,1vw,1.1rem);font-weight:500;text-decoration:none}.footer-cols a:hover{text-decoration:underline}.copyright{text-align:center;margin:0;font-size:clamp(.72rem,.95vw,1.05rem);font-weight:500;position:absolute;bottom:clamp(12px,1.6vw,32px);left:0;right:0}@media (width<=860px){.site-footer{aspect-ratio:auto;background-position:bottom;min-height:780px}.footer-inner{flex-direction:column;gap:28px;top:300px}.footer-brand{max-width:none}.footer-cols{flex-wrap:wrap;gap:28px 40px;margin:0}}.contact-hero .sky{padding:60px 24px 110px}.contact-hero h1{font-size:clamp(2.6rem,7vw,5rem)}.mail-box{color:var(--ink);border-radius:var(--r-pill);background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 8px 8px 26px;display:inline-flex;box-shadow:0 20px 40px #0a286438}.mail-link{letter-spacing:-.02em;font-size:clamp(1.1rem,3.2vw,1.8rem);font-weight:600;text-decoration:none}.mail-link:hover{text-underline-offset:5px;text-decoration:underline}.mail-box .btn{cursor:pointer;font:inherit;border:0;padding:.8rem 1.3rem;font-size:.95rem;font-weight:600}.mail-note{color:var(--ink);margin:18px 0 0;font-size:1rem;font-weight:500}@media (width<=700px){.mail-box{border-radius:var(--r-md);flex-direction:column;padding:14px}}.legal-meta{color:#6a7078;margin:-12px 0 28px;font-size:.95rem}.prose{line-height:1.65}.prose h3{margin:22px 0 6px;font-size:1.1rem}.prose p{margin:0 0 14px}.prose ul{margin:0 0 16px;padding-left:1.3em}.prose li{margin-bottom:6px}.prose a{text-underline-offset:3px}.prose h2[id]{scroll-margin-top:90px}