: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:clamp(360px,100svh - 150px,860px);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:100%;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:clamp(340px,calc((100vw - 76px)*1.355 + 56px),100svh - 170px);min-height:200svh;margin-top:44px}.shot img{border-width:4px;border-radius:14px}.step img{max-width:94%}}@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}.plans{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:28px;display:grid}.plan{border-radius:var(--r-lg);background:#fff;border:1px solid #e4e4df;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 40px #1014180f}.plan-top{background:radial-gradient(90% 45% at 50% 0,#2f7fe852,#0000 75%),radial-gradient(85% 38% at 50% 100%,#d4f84ff2,#0000 78%);padding:36px 32px 52px}.plan h3{margin:0 0 16px;font-size:1.15rem}.plan-price{align-items:baseline;gap:10px;margin:0;display:flex}.plan-price b{letter-spacing:-.04em;font-size:clamp(2.6rem,6vw,3.6rem);font-weight:600;line-height:1}.plan-price span{color:#4a5058;font-size:.95rem}.plan-badge{border-radius:var(--r-pill);background:var(--lime);margin:14px 0 0;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.plan-top .btn{margin-top:28px;display:flex;box-shadow:0 10px 22px #10141838}.plan-top .plan-price+.btn{margin-top:70px}.btn.dark{background:var(--ink);color:#fff}.plan-list{gap:18px;margin:0;padding:12px 32px 36px;list-style:none;display:grid}.plan-list li{align-items:center;gap:12px;display:flex}.plan-list svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.plan.pro{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 26px 50px #10141847}.plan.pro .plan-top{background:radial-gradient(90% 50% at 50% 0,#2f7fe899,#0000 75%),radial-gradient(85% 38% at 50% 100%,#d4f84f66,#0000 78%)}.plan.pro .plan-price span{color:#ffffffb8}.plan.pro .btn.dark{background:var(--lime);color:var(--ink);box-shadow:0 10px 26px #d4f84f4d}.plan.pro .plan-list{border-top:1px solid #ffffff24;margin:0 32px;padding:26px 0 36px}@media (width<=760px){.plans{grid-template-columns:1fr;gap:20px}}.page-hero .sky{padding:120px 24px 150px}.page-hero .sky:before,.page-hero .sky:after{height:170px;bottom:-70px}.page-hero .sky:after{bottom:-110px}.page-hero h1{font-size:clamp(2.6rem,7vw,5rem)}.dv-badge{vertical-align:middle;border-radius:var(--r-pill);background:var(--lime);color:var(--ink);letter-spacing:0;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.dv-badge.grey{background:var(--soft);margin-left:6px;font-size:.8rem}.dv-kobo{background:var(--ink);color:#fff;border-radius:var(--r-lg);background-image:radial-gradient(60% 70% at 100% 0,#2f7fe880,#0000 70%),radial-gradient(50% 60% at 0 100%,#d4f84f2e,#0000 70%);grid-template-columns:1.2fr 1fr;align-items:center;gap:36px;padding:48px;display:grid}.dv-kobo h2{margin:16px 0 14px}.dv-kobo p{color:#ffffffd1;max-width:46ch;margin:0 0 26px}.dv-req{border-radius:var(--r-md);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff29;padding:28px}.dv-req h3{margin-bottom:12px}.dv-req p{color:#fff;margin:0 0 14px}.dv-req b{color:var(--lime)}.dv-req .dv-no{color:#ffffffd1;border-top:1px solid #ffffff29;align-items:center;gap:10px;margin:0;padding-top:14px;display:flex}.dv-req svg{fill:none;stroke:#ff8a7a;stroke-width:1.8px;stroke-linecap:round;flex:none;width:22px;height:22px}.dv-sub{letter-spacing:-.02em;margin:56px 0 18px;font-size:1.5rem}.dv-models{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dv-model{background:var(--soft);border-radius:var(--r-md);padding:28px}.dv-model.color{background:linear-gradient(135deg,#eaf3ff,#f4fbd2)}.dv-model h4{margin:0 0 16px;font-size:1.05rem}.dv-model ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dv-model li{border-radius:var(--r-pill);background:#fff;border:1px solid #e4e4df;padding:7px 14px;font-size:.93rem;font-weight:500}.dv-note{border-radius:var(--r-md);background:#fff;border:1px solid #e4e4df;align-items:flex-start;gap:14px;margin-top:20px;padding:22px 26px;display:flex}.dv-note p{color:#4a5058;margin:0;font-size:.95rem}.dv-note b{color:var(--ink)}.dv-note svg{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:1.7px;stroke-linecap:round;flex:none;margin-top:1px}.dv-ko{background:var(--soft);border-radius:var(--r-lg);align-items:center;gap:28px;padding:40px;display:flex}.dv-ko .dev-logo{flex:none;margin:0}.dv-ko h2{margin:0 0 10px}.dv-ko p{color:#4a5058;max-width:56ch;margin:0}.dv-browser{color:#fff;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--sky1),var(--sky2));padding:56px 48px}.dv-browser h2{margin-bottom:14px}.dv-lead{max-width:56ch;margin:0 0 32px;font-size:1.1rem}.dv-steps{counter-reset:d;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 34px;padding:0;list-style:none;display:grid}.dv-steps li{counter-increment:d;border-radius:var(--r-md);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff73;padding:22px}.dv-steps li:before{content:counter(d);width:30px;height:30px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;margin-bottom:14px;font-size:.85rem;font-weight:600;display:grid}.dv-steps b{margin-bottom:6px;font-size:1.15rem;display:block}.dv-steps span{font-size:.95rem}.dv-steps a{font-weight:600}.dv-cta{justify-content:flex-start}@media (width<=860px){.dv-kobo{grid-template-columns:1fr;padding:32px 24px}.dv-models,.dv-steps{grid-template-columns:1fr}.dv-browser{padding:36px 22px}.dv-ko{flex-direction:column;align-items:flex-start;padding:28px 24px}}