@font-face{font-family:sans;src:url(../media/PlusJakartaSans_latin_var-s.p.18rizl4rsrl42.woff2)format("woff2");font-display:swap;font-weight:400 800}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:98.16%;descent-override:20.99%;line-gap-override:0.0%;size-adjust:105.75%}.sans_1f75832-module__M6k9lq__className{font-family:sans,sans Fallback,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sans_1f75832-module__M6k9lq__variable{--font-sans:"sans", "sans Fallback", system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif}
:root{--bg:#fbfaf7;--surface:#fff;--soft:#f4f2ec;--line:#e7e3da;--line-2:#d8d3c7;--ink:#141821;--muted:#4b5262;--faint:#636a78;--brand:#1f5fae;--brand-2:#2b76d2;--brand-ink:#1c4879;--brand-soft:#e9f1fb;--red:#d7353b;--red-ink:#b4262c;--sun:#fec808;--sun-ink:#7a5200;--sun-soft:#fff6d6;--ok:#15803d;--bad:#b42318;--radius:18px;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 1px 2px #1418210d;--shadow:0 1px 2px #1418210a, 0 10px 28px -14px #1c487938;--shadow-lg:0 2px 4px #1418210a, 0 22px 44px -20px #1c487961;font-family:var(--font-sans), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}body{background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}a{color:var(--brand);text-underline-offset:3px}a:hover{color:var(--brand-ink)}img,svg{max-width:100%}:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #7fb0ec}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-64px;left:12px}.skip:focus{color:#fff;top:12px}#make{scroll-margin-top:92px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .6s var(--ease) backwards;animation-delay:var(--d,0s)}.hdr{z-index:30;-webkit-backdrop-filter:saturate(1.5)blur(12px);border-bottom:1px solid var(--line);background:#ffffffdb;position:sticky;top:0}.hdr .wrap{align-items:center;gap:18px;height:68px;display:flex}.logo{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo:hover{color:var(--ink)}.logo img{transition:transform .35s var(--spring)}.logo:hover img{transform:rotate(-4deg)scale(1.04)}.wm{letter-spacing:-.025em;color:var(--ink);font-size:20px;font-weight:800;line-height:1}.wm b{color:var(--brand-ink);font-weight:800}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a.l{color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav a.l:hover{color:var(--ink);background:var(--soft)}.nav a.op{color:var(--brand-ink)}.auth-ph{background:var(--soft);border-radius:999px;width:96px;height:38px;display:inline-block}.menu{display:none;position:relative}.menu summary{border:1px solid var(--line-2);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.bars{gap:4px;display:grid}.bars i{background:var(--ink);width:18px;height:2px;transition:transform .2s var(--ease), opacity .2s;border-radius:2px;display:block}.menu[open] .bars i:first-child{transform:translateY(6px)rotate(45deg)}.menu[open] .bars i:nth-child(2){opacity:0}.menu[open] .bars i:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.menu-panel{border:1px solid var(--line);min-width:236px;box-shadow:var(--shadow-lg);animation:drop-in .18s var(--ease);transform-origin:100% 0;background:#fff;border-radius:16px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.menu-panel a{color:var(--ink);border-radius:10px;padding:11px 12px;font-size:15px;font-weight:600;text-decoration:none}.menu-panel a:hover{background:var(--soft);color:var(--ink)}.menu-panel a.op{color:var(--brand-ink);border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}@media (max-width:760px){.nav a.hide-sm{display:none}.menu{display:block}.hdr .wrap{gap:8px;height:62px;padding:0 14px}.nav,.logo{gap:8px}.hdr .logo img{width:auto;height:36px}.wm{font-size:17.5px}.hdr .gbtn{padding:7px 13px 7px 10px;font-size:14px}}@media (max-width:350px){.hdr .wm{font-size:15px}}.btn{font:inherit;cursor:pointer;transition:background .15s, border-color .15s, color .15s, transform .2s var(--ease), box-shadow .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px -8px #1f5faeb3}.btn-primary:hover:not(:disabled){background:var(--brand-ink);color:#fff;transform:translateY(-1px)}.btn-ghost{color:var(--ink);border-color:var(--line-2);background:#fff}.btn-ghost:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#a9bfdb}.btn-sm{padding:8px 14px;font-size:13.5px}.btn-danger{color:var(--bad);background:#fff;border-color:#f3c7c3}.btn-danger:hover:not(:disabled){color:var(--bad);background:#fef3f2}.gbtn{color:#1f1f1f;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c7cdd6;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 12px;font-size:14.5px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .2s;display:inline-flex}.gbtn:hover{box-shadow:var(--shadow-sm);background:#f8fafc;border-color:#aeb6c2}.gbtn.lg{padding:12px 22px 12px 16px;font-size:15.5px}.who{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.who .av{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;width:32px;height:32px;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--sun);border-radius:50%;place-items:center;font-size:13.5px;font-weight:800;display:inline-grid}.who .btn{white-space:nowrap}@media (max-width:420px){.hdr .who .av{display:none}}.hero,.page-head{border-bottom:1px solid var(--line);background:var(--bg);position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-bg:before{content:"";background-image:linear-gradient(90deg,#1c487912 1px,#0000 1px),linear-gradient(#1c487912 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 25%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 25%,#0000 80%)}.hero-bg i{opacity:.55;will-change:transform;border-radius:50%;width:520px;height:520px;animation:18s ease-in-out infinite alternate drift;position:absolute}.hero-bg .g1{background:radial-gradient(circle,#2b76d247,#0000 65%);top:-200px;left:-160px}.hero-bg .g2{background:radial-gradient(circle,#d7353b2e,#0000 65%);animation-duration:22s;animation-direction:alternate-reverse;top:40px;right:-180px}.hero-bg .g3{background:radial-gradient(circle,#fec80852,#0000 62%);animation-duration:26s;top:-300px;left:38%}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}to{transform:translate(-30px,50px)scale(.96)}}.hero .wrap,.page-head .wrap{position:relative}.hero .wrap{text-align:center;padding-top:64px;padding-bottom:60px}.eyebrow{color:var(--brand-ink);box-shadow:var(--shadow-sm);background:#ffffffd9;border:1px solid #d3e1f3;border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 12px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow i{background:var(--sun);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.eyebrow i:after{content:"";border:2px solid var(--sun);opacity:0;animation:ping 2.4s var(--ease) infinite 1s;border-radius:50%;position:absolute;inset:-4px}@keyframes ping{0%{opacity:.9;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.6)}}h1.title{letter-spacing:-.038em;isolation:isolate;text-wrap:balance;max-width:1000px;margin:20px auto 16px;font-size:clamp(34px,6vw,62px);font-weight:800;line-height:1.04}h1.title em{white-space:nowrap;background:linear-gradient(100deg, var(--brand) 0%, var(--brand-2) 45%, var(--red) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;position:relative}h1.title em:after{content:"";z-index:-1;background:var(--sun);opacity:.8;transform-origin:0;height:.16em;animation:underline-in .7s var(--ease) .55s backwards;border-radius:99px;position:absolute;bottom:.06em;left:1%;right:1%}@keyframes underline-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lede{color:var(--muted);text-wrap:pretty;max-width:660px;margin:0 auto 34px;font-size:clamp(16px,2.1vw,18.5px)}.lede strong{color:var(--ink);font-weight:700}@property --spin{syntax:"<angle>";inherits:true;initial-value:0deg}.maker{text-align:left;max-width:820px;margin:0 auto}.pbox{isolation:isolate;position:relative}.oblong{background:linear-gradient(#fff, #fff) padding-box, linear-gradient(var(--line-2), var(--line-2)) border-box;transition:box-shadow .3s var(--ease);border:2px solid #0000;border-radius:40px;align-items:flex-end;gap:10px;padding:12px 12px 12px 24px;display:flex;position:relative;box-shadow:0 1px 2px #1418210a,0 14px 36px -16px #1c487947}.oblong:hover{box-shadow:0 1px 2px #1418210a,0 18px 40px -16px #1c48795c}.oblong:after{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(90deg, var(--brand-2), var(--red), var(--sun));filter:blur(22px);opacity:0;transition:opacity .35s var(--ease);will-change:opacity;position:absolute;inset:10px 24px -6px}.pbox:focus-within .oblong{background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--spin), var(--brand), var(--brand-2), var(--red), var(--sun), var(--brand)) border-box;animation:4.5s linear infinite spin}.pbox:focus-within .oblong:after{opacity:.5;animation:2.6s ease-in-out infinite alternate breathe}@keyframes spin{to{--spin:360deg}}@keyframes breathe{0%{opacity:.34}to{opacity:.6}}.spark{color:var(--brand);flex:none;align-self:flex-start;margin-top:19px}.pbox:focus-within .spark{animation:1.8s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(15deg)}}.oblong textarea{resize:none;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-height:61px;max-height:45vh;padding:16px 4px;font-size:20px;font-weight:500;line-height:1.45;display:block;overflow-y:auto}.oblong textarea::placeholder{color:#80868f;font-weight:500}.btn-go{letter-spacing:-.01em;color:#fff;background:linear-gradient(135deg, var(--brand) 0%, #2468bd 100%);flex:none;height:58px;padding:0 24px 0 28px;font-size:17.5px;font-weight:800;box-shadow:0 10px 22px -10px #1f5faed9,inset 0 1px #ffffff2e}.btn-go:hover:not(:disabled){color:#fff;background:linear-gradient(135deg, var(--brand-ink) 0%, var(--brand) 100%);transform:translateY(-1px);box-shadow:0 14px 26px -10px #1f5faee6,inset 0 1px #ffffff2e}.btn-go svg{transition:transform .25s var(--spring)}.btn-go:hover:not(:disabled) svg{transform:translate(3px)}.dots{gap:3px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite hop}.dots i:nth-child(2){animation-delay:.12s}.dots i:nth-child(3){animation-delay:.24s}@keyframes hop{0%,60%,to{opacity:.6;transform:none}30%{opacity:1;transform:translateY(-4px)}}.pmeta{color:var(--faint);justify-content:space-between;gap:12px;margin:10px 22px 0;font-size:12px;display:flex}.kbd-hint kbd{font:inherit;border:1px solid var(--line-2);background:#fff;border-bottom-width:2px;border-radius:6px;padding:0 5px;font-size:11.5px}@media (hover:none){.kbd-hint{display:none}}.consent-line{text-align:center;color:var(--faint);margin:10px 22px 0;font-size:12px;line-height:1.5}.consent-line a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.consent-line a:hover{color:var(--brand-ink)}.public-note{text-align:left;color:var(--muted);align-items:flex-start;gap:8px;margin:0 14px;font-size:12.5px;line-height:1.55;display:flex}.public-note svg{color:var(--brand);flex:none;margin-top:3px}.public-note strong{color:var(--ink)}.chips-label{color:var(--faint);text-align:center;margin:30px 0 0;font-size:13px;font-weight:600}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px auto 0;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.85)}to{opacity:1;transform:none}}.chip{font:inherit;border:1px solid var(--line-2);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s var(--spring), box-shadow .25s var(--ease), border-color .2s, background .2s;animation:pop .55s var(--spring) backwards;animation-delay:calc(.45s + var(--i,0) * 70ms);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 12px;font-size:14.5px;font-weight:600;display:inline-flex}.chip:hover{background:#fbfdff;border-color:#a9c3e4;transform:translateY(-3px);box-shadow:0 10px 20px -10px #1c487966}.chip:active{transform:scale(.96)}.chip-ic{transition:transform .3s var(--spring);font-size:16px;line-height:1}.chip:hover .chip-ic{transform:scale(1.2)rotate(-8deg)}.terms-row{color:var(--ink);background:0 0;border:0;border-radius:0;align-items:flex-start;gap:10px;margin:0;padding:0;font-size:13.5px;display:flex}.terms-row input{width:17px;height:17px;accent-color:var(--brand);flex:none;margin-top:4px}.msg{border-radius:12px;margin:12px 4px 0;padding:10px 13px;font-size:14.5px}.msg.err{color:var(--bad);background:#fef3f2;border:1px solid #fbd5d1}.msg.info{background:var(--brand-soft);color:var(--brand-ink);border:1px solid #cfe0f4}.signin-panel{box-shadow:var(--shadow);animation:rise .35s var(--ease) backwards;background:#fff;border:1px solid #cfe0f4;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px 12px 16px;font-size:14.5px;display:flex}@media (max-width:600px){.hero .wrap{padding-top:36px;padding-bottom:44px}.hero-bg i{width:340px;height:340px}.lede{margin-bottom:26px}.oblong{border-radius:28px;flex-wrap:wrap;padding:8px 8px 8px 16px}.spark{display:none}.oblong textarea{flex-basis:100%;min-height:80px;padding:10px 4px 2px;font-size:17px}.btn-go{height:48px;margin-left:auto;padding:0 18px 0 22px;font-size:16px}.pmeta,.consent-line{margin-left:8px;margin-right:8px}.chip{padding:8px 14px 8px 11px;font-size:14px}}section.sec{padding:76px 0}section.sec.sec-tight{padding-top:36px}section.sec.alt{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}@media (max-width:600px){section.sec{padding:52px 0}}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);margin-bottom:8px;font-size:12px;font-weight:800;display:block}h2.h,h1.h{letter-spacing:-.028em;margin:0 0 8px;font-size:clamp(26px,3.6vw,36px);font-weight:800;line-height:1.12}p.sub{color:var(--muted);max-width:680px;margin:0 0 28px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:4px;display:flex}.sec-head .btn{margin-bottom:28px}.page-head .wrap{padding-top:52px;padding-bottom:40px}.page-title{font-size:clamp(30px,4.8vw,46px)!important}.page-head .sub{margin-bottom:20px}.pager{gap:12px;margin-top:28px;display:flex}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;background:#fff;padding:24px;position:relative}.step:hover{box-shadow:var(--shadow-lg);border-color:#d5dfec;transform:translateY(-4px)}.step .n{color:#fff;background:var(--brand);width:38px;height:38px;transition:transform .35s var(--spring);border-radius:12px;place-items:center;font-size:16px;font-weight:800;display:grid}.step:hover .n{transform:rotate(-8deg)scale(1.08)}.step.s2 .n{background:var(--red)}.step.s3 .n{background:var(--sun);color:#3d2a00}.step h3{letter-spacing:-.015em;margin:16px 0 6px;font-size:18px;font-weight:800}.step p{color:var(--muted);margin:0;font-size:15px}@media (max-width:760px){.steps{grid-template-columns:1fr}}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;background:#fff;padding:20px;text-decoration:none;display:block;position:relative}a.card:hover,a.card:focus-visible,.app-card:hover,.app-card:focus-within{box-shadow:var(--shadow-lg);color:var(--ink);border-color:#cddaea;transform:translateY(-5px)}.card h3{letter-spacing:-.012em;margin:0 0 6px;font-size:17px;font-weight:800;line-height:1.3}.card p{color:var(--muted);margin:0;font-size:14.5px}.card .meta{color:var(--faint);justify-content:space-between;gap:8px;margin-top:14px;font-size:12.5px;display:flex}.app-card{--tone:var(--brand);--tone-soft:var(--brand-soft);--tone-ink:var(--brand);overflow:hidden}.app-card:before{content:"";background:var(--tone);transform-origin:0;height:4px;transition:transform .45s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(.18)}a.app-card:hover:before,.app-card:hover:before,.app-card:focus-within:before{transform:scaleX(1)}.app-card.tone-red{--tone:var(--red);--tone-soft:#fdecec;--tone-ink:var(--red-ink)}.app-card.tone-sun{--tone:var(--sun);--tone-soft:var(--sun-soft);--tone-ink:var(--sun-ink)}.app-card.tone-navy{--tone:var(--brand-ink);--tone-soft:#e6edf6;--tone-ink:var(--brand-ink)}.app-card.tone-teal{--tone:#0f766e;--tone-soft:#e3f5f1;--tone-ink:#0f766e}.app-ic{background:var(--tone-soft);width:42px;height:42px;color:var(--tone-ink);transition:transform .35s var(--spring);border-radius:13px;place-items:center;margin-bottom:14px;font-size:18px;font-weight:800;display:grid}a.app-card:hover .app-ic,.app-card:hover .app-ic{transform:rotate(-8deg)scale(1.08)}.card-link{color:inherit;text-decoration:none}.card-link:after{content:"";z-index:1;position:absolute;inset:0}.card-link:focus-visible{outline:none}.app-card:has(.card-link:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.card-foot{z-index:2;border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:12.5px;display:flex;position:relative}.card-foot .visitors{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-share{cursor:pointer;min-height:32px;font:inherit;color:var(--tone-ink);background:var(--tone-soft);transition:border-color .2s, transform .2s var(--spring);border:1px solid #0000;border-radius:999px;flex:none;padding:5px 12px;font-size:12.5px;font-weight:700}.card-share:hover{border-color:var(--tone);transform:translateY(-1px)}.card-share:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.card .meta.url{margin-top:4px;font-size:12px}.meta.url span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta .go{color:var(--tone-ink);transition:transform .3s var(--spring);font-weight:800}a.card:hover .go,.app-card:hover .go{transform:translate(2px,-2px)}.cat-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:14px 8px 0;font-size:13.5px;display:flex}.cat-row-label{color:var(--muted);font-weight:700}.cat-pick,.chip-tab,.cat-tab{font:inherit;color:var(--muted);border:1.5px solid var(--line-2);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.cat-pick:hover,.chip-tab:hover,.cat-tab:hover{color:var(--ink);border-color:#a9c3e4}.cat-pick.on,.chip-tab.on,.cat-tab.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 3px #1f5fae1f}.cat-pick:focus-visible,.chip-tab:focus-visible,.cat-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cat-pick:disabled{opacity:.6;cursor:default}.cat-hint{text-align:center;color:var(--faint);flex-basis:100%;font-size:12.5px}.studio-cat{justify-content:flex-start;margin:12px 0 0}.studio-cat .cat-hint{text-align:left}.chip-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0;display:flex}.chip-tab .n{background:var(--soft);color:var(--faint);border-radius:999px;padding:0 7px;font-size:11.5px;font-weight:800}.chip-tab.on .n{color:var(--brand-ink);background:#fff}.cat-tabs{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.card-top .app-ic{margin-bottom:0}.cat-badge{letter-spacing:.02em;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.cat-badge.com{color:var(--brand-ink);background:#e9f1fb;border-color:#cddaea}.cat-badge.edu{color:var(--sun-ink);background:#fff6d6;border-color:#f2d98b}@media (max-width:560px){.cat-pick,.chip-tab,.cat-tab{padding:7px 12px;font-size:13.5px}.cat-row-label{text-align:center;flex-basis:100%}.studio-cat .cat-row-label{text-align:left}}.tag{background:var(--soft);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.tag.ok{color:var(--ok);background:#ecfdf3;border-color:#c6f0d6}.tag.bad{color:var(--bad);background:#fef3f2;border-color:#fbd5d1}.empty{border:1.5px dashed var(--line-2);border-radius:var(--radius);text-align:center;color:var(--muted);background:#fff;padding:30px}.op-card{background:radial-gradient(circle at 100% 0%, var(--sun-soft), transparent 42%), radial-gradient(circle at 0% 100%, var(--brand-soft), transparent 45%), #fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:1.5fr 1fr;align-items:center;gap:28px;padding:34px;display:grid}.op-card h2{letter-spacing:-.025em;margin:6px 0 10px;font-size:clamp(24px,3.2vw,32px);font-weight:800;line-height:1.15}.op-card p{color:var(--muted);margin:0 0 20px}.op-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.op-card li{color:var(--ink);border:1px solid var(--line);background:#ffffffbf;border-radius:14px;gap:12px;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.op-card li:before{content:"";background:var(--brand);border-radius:50%;flex:none;width:9px;height:9px;margin-top:7px}.op-card li:nth-child(2):before{background:var(--red)}.op-card li:nth-child(3):before{background:var(--sun)}@media (max-width:760px){.op-card{grid-template-columns:1fr;padding:24px}}#coding-tutor,#tutorme,#contact{scroll-margin-top:92px}.ct-card{background:radial-gradient(circle at 0% 0%, var(--brand-soft), transparent 44%), radial-gradient(circle at 100% 100%, var(--sun-soft), transparent 42%), #fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:1.3fr 1fr;align-items:center;gap:28px;padding:34px;display:grid}.ct-card h2{letter-spacing:-.025em;margin:6px 0 10px;font-size:clamp(24px,3.2vw,32px);font-weight:800;line-height:1.15}.ct-lede{color:var(--muted);margin:0 0 16px}.ct-langs{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.ct-langs li{color:var(--brand-ink);background:var(--brand-soft);border:1px solid #cddff4;border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:700}.ct-cta{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.ct-note{color:var(--muted);font-size:14px;font-weight:600}.ct-steps-h{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;font-size:12px;font-weight:800}.ct-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ct-steps li{border:1px solid var(--line);background:#fffc;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.ct-steps .n{color:#fff;background:var(--brand);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.ct-steps li:nth-child(2) .n{background:var(--red-ink)}.ct-steps li:nth-child(3) .n{background:var(--sun);color:#3d2a00}.ct-steps h4{letter-spacing:-.01em;margin:3px 0 2px;font-size:16px;font-weight:800}.ct-steps p{color:var(--muted);margin:0;font-size:14.5px}@media (max-width:760px){.ct-card{grid-template-columns:1fr;padding:24px}}@media (max-width:420px){.ct-cta .btn{width:100%}}.ct-card.tm-card{background:radial-gradient(circle at 0% 0%, var(--sun-soft), transparent 44%), radial-gradient(circle at 100% 100%, var(--brand-soft), transparent 42%), #fff}.ftr{border-top:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:14px}.ftr .wrap{padding-top:44px;padding-bottom:40px}.ftr .cols{grid-template-columns:1.4fr 1fr 1fr;gap:28px;display:grid}.ftr-about{max-width:360px;margin:14px 0 0}.ftr h4{text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin:0 0 12px;font-size:12px;font-weight:800}.ftr ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ftr a{color:var(--muted);text-decoration:none}.ftr a:hover{color:var(--ink);text-decoration:underline}.ftr a.logo:hover{text-decoration:none}.ftr .logo img{mix-blend-mode:multiply}.ftr .disc{border-top:1px solid var(--line-2);color:var(--faint);margin:30px 0 0;padding-top:20px;font-size:13px}@media (max-width:760px){.ftr .cols{grid-template-columns:1fr}}.studio{grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:28px 0 56px;display:grid}@media (max-width:960px){.studio{grid-template-columns:1fr}}.studio-title{letter-spacing:-.022em;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.2}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:18px}.panel h2{letter-spacing:-.01em;margin:0 0 10px;font-size:15.5px;font-weight:800}.preview{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 0%, var(--brand-soft), transparent 55%), #fff;box-shadow:var(--shadow);overflow:hidden}.preview .pv-bar{border-bottom:1px solid var(--line);background:var(--soft);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.preview iframe{border:0;width:100%;height:72vh;min-height:480px;display:block}.progress{text-align:center;padding:44px 24px}.progress ol{text-align:left;gap:10px;max-width:360px;margin:22px auto 0;padding:0;list-style:none;display:grid}.progress li{color:var(--faint);align-items:center;gap:10px;font-size:15px;transition:color .3s;display:flex}.progress li.on{color:var(--ink);font-weight:700}.progress li.done{color:var(--ok)}.progress li .ic{border:2px solid #cbd5e1;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.progress li.on .ic{border-color:var(--brand);border-top-color:#0000;animation:.9s linear infinite turn}.progress li.done .ic{border-color:var(--ok);background:var(--ok);color:#fff;animation:pop .35s var(--spring) backwards}@keyframes turn{to{transform:rotate(360deg)}}.pbar-track{background:#eceef3;border-radius:99px;max-width:360px;height:8px;margin:18px auto 0;overflow:hidden}.pbar-track span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-2), var(--red), var(--sun), var(--brand));height:100%;transition:width .7s var(--ease);background-size:200% 100%;animation:1.6s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.buildart{border:2px solid var(--line-2);width:168px;height:118px;box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-rows:8px 26px 22px 6px 6px;gap:7px;margin:0 auto 20px;padding:12px;display:grid;position:relative}.ba-hero,.ba-line,.buildart i{animation:piece 2.8s var(--spring) infinite backwards}.ba-top{gap:4px;display:flex}.ba-top i{background:var(--red);border-radius:50%;width:8px;height:8px}.ba-top i:nth-child(2){background:var(--sun);animation-delay:60ms}.ba-top i:nth-child(3){background:var(--brand);animation-delay:.12s}.ba-hero{background:linear-gradient(100deg, var(--brand), var(--brand-2));transform-origin:0;border-radius:7px;animation-delay:.25s}.ba-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ba-row i{background:var(--sun-soft);border:1.5px solid var(--sun);border-radius:6px;animation-delay:.5s}.ba-row i:nth-child(2){background:#fdecec;border-color:#f2a9ac;animation-delay:.62s}.ba-line{transform-origin:0;background:#e3e7ee;border-radius:4px;animation-delay:.8s}.ba-line.short{width:60%;animation-delay:.9s}.ba-spark{color:var(--sun);text-shadow:0 2px 6px #fec80880;font-size:22px;animation:1.4s ease-in-out infinite twinkle;position:absolute;top:-14px;right:-12px}@keyframes piece{0%{opacity:0;transform:scale(.4)}14%,78%{opacity:1;transform:none}92%,to{opacity:0;transform:scale(.9)}}.vlist{gap:8px;max-height:340px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.vlist li{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 11px;font-size:13.5px}.vlist li.live{background:#f5f9ff;border-color:#9dc3ea}.vlist .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.vlist .ins{color:var(--muted);overflow-wrap:anywhere;margin-top:3px}textarea.field,input.field,select.field{width:100%;font:inherit;border:1.5px solid var(--line-2);color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}textarea.field:focus,input.field:focus,select.field:focus{border-color:var(--brand-2);outline:0;box-shadow:0 0 0 4px #2b76d229}textarea.field{resize:vertical;min-height:92px}.share{gap:6px;display:flex}.share input{flex:1;min-width:0;font-size:13px}.prose{padding:40px 0 64px}.prose h1{letter-spacing:-.028em;margin:0 0 6px;font-size:clamp(28px,4vw,38px);font-weight:800}.prose h2{letter-spacing:-.012em;margin:30px 0 8px;font-size:19px;font-weight:800}.prose p,.prose li{color:#262b36}.terms-summary{background:var(--sun-soft);border:1px solid #f2d98b;border-left:5px solid var(--sun);border-radius:16px;margin:22px 0 8px;padding:18px 22px}.prose .terms-summary h2{margin:0 0 8px;font-size:18px}.terms-summary ul{gap:8px;margin:0;padding-left:20px;display:grid}.terms-summary li{color:#2a2410}.prose .upd{color:var(--faint);margin-bottom:18px;font-size:14px}table.mod{border-collapse:collapse;background:#fff;width:100%;font-size:14px}table.mod th,table.mod td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.step:hover,a.card:hover,a.card:focus-visible,.chip:hover,.btn:hover,.btn:active,.chip:active,.logo:hover img,.step:hover .n,a.app-card:hover .app-ic,.chip:hover .chip-ic,a.card:hover .go,.btn-go:hover svg{transform:none!important}.progress li.on .ic{border-top-color:var(--brand)}}.title-tr{max-width:760px;color:var(--brand-ink);text-align:center;margin:-6px auto 14px;font-size:clamp(16px,2.1vw,20px);font-weight:600}.ftr .disc-tr{border-top:0;margin-top:8px;padding-top:0}.lang{position:relative}.lang summary{border:1px solid var(--line-2);height:38px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:700;list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover,.lang[open] summary{color:var(--ink);background:var(--soft)}.lang-panel{border:1px solid var(--line);min-width:170px;box-shadow:var(--shadow-lg);animation:drop-in .18s var(--ease);transform-origin:100% 0;z-index:40;background:#fff;border-radius:16px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.lang-panel button{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600}.lang-panel button:hover{background:var(--soft)}.lang-panel button.on{color:var(--brand-ink)}.lang-inline{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;display:flex}.lang-inline .lang-lbl{width:100%;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.lang-inline button{font:inherit;border:1px solid var(--line-2);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:600}.lang-inline button.on{background:var(--brand-ink);color:#fff;border-color:var(--brand-ink)}.lang button:focus-visible,.lang summary:focus-visible,.lang-inline button:focus-visible,.chip:focus-visible{outline:3px solid var(--sun,#f5b82e);outline-offset:2px}.chip-more{background:var(--soft);color:var(--brand-ink);border-style:dashed}@media (max-width:760px){.nav .hide-sm{display:none}}.cat-row.cat-static{gap:6px 8px;margin-top:8px;font-size:12px}.cat-static .cat-row-label{color:var(--faint);font-weight:600}.cat-tag{color:var(--faint);border:1px solid var(--line-2);cursor:default;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.cat-tag.on{color:var(--brand-ink);border-color:var(--brand);background:var(--brand-soft)}.pmeta.pmeta-top{justify-content:flex-start;margin:0 22px 8px}@media (max-width:760px){.pmeta.pmeta-top{margin:0 8px 6px}}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.step,.step h3,.step p,.consent-line,.pmeta,.card,.app-card{overflow-wrap:anywhere;min-width:0}@media (max-width:760px){.steps{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.consent-line{margin-left:16px;margin-right:16px}}
