@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--blue: #2955E0;--blue-deep: #1E3FB8;--ink: #0E1630;--ink-2: #414b66;--line: #d9deea;--ground: #ffffff;--tint: #eef2fd;--ok: #166534;--bad: #991b1b;--display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;--body: "Geist", system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--pad: clamp(20px, 5vw, 72px);--max: 1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--ground);line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:var(--blue);color:#fff}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,dl,dd,ol,ul,figure{margin:0;padding:0}ol,ul{list-style:none}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.hero :focus-visible,.block-blue :focus-visible{outline-color:#fff}h1,.h2,.h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}h1{font-size:clamp(2.8rem,7.4vw,5.6rem)}.h2{font-size:clamp(2rem,4.6vw,3.6rem);max-width:16ch}.h2.wide{max-width:22ch}.h3{font-size:clamp(1.6rem,2.6vw,2.1rem)}.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:40ch;margin-top:24px;text-wrap:pretty}.lead.dark{color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;border:1.5px solid transparent;font:600 1rem var(--body);cursor:pointer;transition:transform .2s var(--ease),background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn svg{width:20px;height:20px}.btn-sm{min-height:40px;padding:0 20px;font-size:.95rem}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-deep)}.btn-light{background:#fff;color:var(--blue-deep)}.btn-light:hover{background:var(--tint)}.btn-outline{color:#fff;border-color:#fff9}.btn-outline:hover{border-color:#fff}.btn.is-disabled{background:#ffffff2e;color:#fff;cursor:default}.btn.is-disabled:hover{transform:none}.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.nav-inner{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;font:700 1.25rem var(--display);letter-spacing:-.02em}.nav-links{display:flex;gap:32px;font-size:.95rem;color:var(--ink-2)}.nav-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:18px}.nav-login{font-weight:500;font-size:.95rem}.nav-login:hover{color:var(--blue)}.hero{background:var(--blue);color:#fff}.hero-inner{max-width:var(--max);margin:0 auto;padding:clamp(64px,11vw,144px) var(--pad);display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}.hero h1{max-width:9ch}.hero .lead{color:#e3eaff}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px}.mock{position:relative;padding-bottom:150px}.mock-window{background:#fff;color:var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 28px 48px -20px #0814468c}.mock-bar{display:flex;gap:6px;padding:12px 14px;background:#f1f3f9;border-bottom:1px solid var(--line)}.mock-bar i{width:9px;height:9px;border-radius:50%;background:#b9c0d3}.mock-body{display:grid;grid-template-columns:110px 1fr;min-height:270px}.mock-side{background:var(--ink);padding:14px 12px;display:grid;gap:8px;align-content:start}.mock-side span{height:9px;border-radius:5px;background:#ffffff2e}.mock-side span.on{background:#8ea9ff}.mock-main{padding:26px;display:flex;flex-direction:column;gap:12px}.mock-kicker{font:600 .7rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.mock-title{font:700 1.5rem var(--display);letter-spacing:-.02em;line-height:1.12}.mock-lines{display:grid;gap:7px;margin-top:4px}.mock-lines span{height:8px;border-radius:5px;background:var(--line)}.mock-lines span:nth-child(1){width:92%}.mock-lines span:nth-child(2){width:78%}.mock-lines span:nth-child(3){width:60%}.mock-sub{margin-top:auto;align-self:flex-start;max-width:62%;font-size:.85rem;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px}.mock-sub b{color:#8ea9ff;font-weight:600}.mock-progress{height:4px;background:var(--line);border-radius:4px;overflow:hidden}.mock-progress i{display:block;width:46%;height:100%;background:var(--blue)}.mock-quiz{position:absolute;right:-10px;bottom:76px;width:230px;background:#fff;color:var(--ink);border-radius:14px;padding:16px;box-shadow:0 20px 36px -14px #08144680;font-size:.8rem}.mock-quiz strong{display:block;margin-bottom:10px}.mock-quiz div{padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin-top:6px;display:flex;justify-content:space-between;align-items:center}.mock-quiz .ok{border-color:#22c55e;background:#f0fdf4;color:var(--ok);font-weight:600}.mock-quiz .ok b{width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / contain no-repeat}.mock-file{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 20px 36px -14px #0814468c}.mock-file svg{width:26px;height:26px;flex:none;color:#8ea9ff}.mock-file span{font:600 .85rem var(--mono)}.mock-file small{display:block;font:400 .75rem var(--body);color:#cfdbff}.block{padding:clamp(72px,10vw,132px) 0}.block-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.block-tint{background:var(--tint)}.block-blue{background:var(--blue);color:#fff}.split{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,6vw,96px);align-items:start}.rows li{display:grid;grid-template-columns:2.5rem 1fr;column-gap:12px;padding:28px 0;border-top:1px solid var(--line)}.rows li:last-child{border-bottom:1px solid var(--line)}.rows .n{font:500 .9rem var(--mono);color:var(--blue);padding-top:.55em}.rows h3{font:700 1.6rem var(--display);letter-spacing:-.02em}.rows p{grid-column:2;color:var(--ink-2);margin-top:6px;max-width:44ch}.rows .gate h3:after{content:"qui decidi tu";margin-left:14px;font:500 .75rem var(--body);letter-spacing:0;vertical-align:.35em;background:var(--blue);color:#fff;padding:3px 10px;border-radius:999px}.export-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,6vw,96px);margin-top:64px;align-items:start}.flow{display:grid;justify-items:start;gap:8px}.step{display:flex;align-items:center;gap:18px;width:100%;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.step svg{width:32px;height:32px;flex:none;color:var(--ink-2)}.step strong{display:block;font:700 1.15rem var(--display);letter-spacing:-.01em}.step span{color:var(--ink-2);font-size:.92rem}.step-hot{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 18px 30px -16px #1e3fb8b3}.step-hot svg,.step-hot span{color:#e3eaff}.flow .down{width:20px;height:28px;margin-left:36px;color:var(--blue)}.spec>div{display:grid;grid-template-columns:11rem 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--ink)}.spec>div:last-child{border-bottom:1px solid var(--ink)}.spec dt{font:700 1.2rem var(--display);letter-spacing:-.01em}.spec dd{color:var(--ink-2)}.also{margin-top:80px;max-width:760px}.also h3{font:700 1.1rem var(--display);margin-bottom:14px;color:var(--ink-2)}.spec-quiet>div{border-top-color:var(--line);padding:16px 0}.spec-quiet>div:last-child{border-bottom-color:var(--line)}.spec-quiet dt{font-size:1rem}.block-blue .lead{color:#e3eaff}.try{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.try-action{display:grid;gap:10px;justify-items:start}.meta{font:400 .85rem var(--mono);color:#cfdbff}.sub{font:700 1.1rem var(--display);margin:72px 0 20px;color:#e3eaff}.inside{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.demo .shot{height:250px;background:#fff;border-radius:14px;display:grid;place-items:center;padding:18px;position:relative}.demo .txt{padding-top:16px}.demo h4{font:700 1.1rem var(--display)}.demo .txt p{color:#dbe5ff;font-size:.92rem;margin-top:4px}.pane{position:relative;width:100%;color:var(--ink);font-size:13px}.voice-top{display:flex;align-items:center;gap:12px}.play-btn{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}.play-btn svg{width:15px;height:15px;margin-left:2px}.bars{flex:1;height:28px;display:flex;align-items:center;gap:3px}.bars i{flex:1;height:100%;max-width:4px;background:var(--line);border-radius:3px;transform:scaleY(.18);transform-origin:center}.playing .bars i{background:var(--blue);animation:bar var(--t) ease-in-out var(--d) infinite alternate}@keyframes bar{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.vtime{font:400 12px var(--mono);color:var(--ink-2)}.kara{margin:14px 0 12px;min-height:5.2em;font-size:16px;line-height:1.5}.kara span{color:#6b7490;transition:color .2s}.kara span.on{color:var(--blue);font-weight:600}.vprog{height:4px;border-radius:4px;background:var(--line);overflow:hidden}.vprog i{display:block;width:0;height:100%;background:var(--blue)}.quiz strong{display:block;margin-bottom:8px}.opt{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:8px;margin-top:6px;transition:background .2s,border-color .2s,color .2s}.opt b{width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain}.opt.bad{border-color:#ef4444;background:#fef2f2;color:var(--bad)}.opt.bad b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23991b1b' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}.opt.ok{border-color:#22c55e;background:#f0fdf4;color:var(--ok);font-weight:600}.opt.ok b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}.quiz-msg{min-height:18px;margin-top:10px;font-size:12px;font-weight:600;opacity:0;transition:opacity .25s}.quiz-msg.bad{color:var(--bad);opacity:1}.quiz-msg.ok{color:var(--ok);opacity:1}.cursor{opacity:0;position:absolute;top:0;left:0;width:22px;height:22px;pointer-events:none;transition:transform .75s cubic-bezier(.45,0,.2,1),opacity .3s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.brand-demo{--pa: #2955E0;--pb: #101A33}.slide-mini{border-radius:10px;overflow:hidden;border:1px solid var(--line)}.slide-top{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--pb);color:#fff;font-size:12px;transition:background .5s}.logo-dot{width:14px;height:14px;border-radius:50%;background:var(--pa);transition:background .5s}.slide-body{padding:14px 12px;display:grid;gap:8px}.slide-title{font:700 15px var(--display);color:var(--pa);transition:color .5s;min-height:20px}.slide-line{height:7px;border-radius:4px;background:var(--line)}.slide-line.short{width:60%}.brand-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.swatches{display:flex;gap:10px}.swatches i{width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);transition:box-shadow .3s,transform .3s}.swatches i.sel{box-shadow:0 0 0 2px var(--ink);transform:scale(1.1)}.pal-name{font-size:12px;font-weight:600;color:var(--ink-2)}.ed-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}.ed-badge{font-style:normal;text-transform:none;letter-spacing:0;background:#dcfce7;color:var(--ok);padding:3px 9px;border-radius:999px;opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.editor.done .ed-badge,.done .ed-badge{opacity:1;transform:none}.ed-text{font-size:15px;line-height:1.55;margin-bottom:8px}.ed-sel{display:inline-block;min-width:1ch;padding:0 2px;border-radius:3px;font-weight:600;transition:background .25s}.ed-sel.sel-on{background:#bfd0ff}.editor-line{height:9px;border-radius:5px;background:var(--line);margin-top:9px}.typing .ed-sel:after{content:"";display:inline-block;width:2px;height:1em;background:var(--blue);vertical-align:-2px;margin-left:1px;animation:blink .7s steps(1) infinite}@keyframes blink{50%{opacity:0}}.qa{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,7vw,112px);align-items:start}.faq{margin-top:40px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font:600 1.08rem var(--body);display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:14px;height:14px;margin-top:7px;background:linear-gradient(var(--blue),var(--blue)) center / 100% 2px no-repeat,linear-gradient(var(--blue),var(--blue)) center / 2px 100% no-repeat;transition:transform .25s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin-top:12px;color:var(--ink-2);max-width:56ch}.form{background:var(--tint);border-radius:16px;padding:clamp(24px,3.4vw,40px);display:grid;gap:18px;position:sticky;top:100px}.form-lead{color:var(--ink-2);margin-top:-8px}.form label{display:grid;gap:6px;font-size:.9rem;font-weight:500}.form input,.form textarea{font:400 1rem var(--body);padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.form input[aria-invalid=true],.form textarea[aria-invalid=true]{border-color:#dc2626}.form textarea{min-height:96px;resize:vertical}.form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.err{color:var(--bad);font-size:.85rem;font-weight:400;min-height:0}.form-status{font-size:.9rem;color:var(--ink-2)}.footer{border-top:1px solid var(--line);padding:48px 0 40px}.footer-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;gap:24px}.footer-links{display:flex;gap:12px 28px;flex-wrap:wrap;color:var(--ink-2);font-size:.95rem}.footer-links a:hover{color:var(--blue)}.copy{color:var(--ink-2);font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}.made-by{display:inline-flex;align-items:center;gap:10px;color:var(--ink-2);font-size:.9rem}.made-by img{height:21px;width:auto;opacity:.4;transition:opacity .2s}.made-by:hover img,.made-by:focus-visible img{opacity:.75}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--tint);padding:24px}.login-box{text-align:center;max-width:420px;display:grid;gap:16px;justify-items:center}.login-box h1{font-size:2.6rem}.login-box p{color:var(--ink-2)}.login-box .btn-outline{color:var(--ink);border-color:var(--ink)}@media(max-width:1080px){.inside{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero-inner,.split,.export-grid,.qa{grid-template-columns:1fr}.nav-links{order:3;width:100%;gap:22px;overflow-x:auto;padding-bottom:2px}.form{position:static}.spec>div{grid-template-columns:1fr;gap:6px}}@media(max-width:560px){.inside{grid-template-columns:1fr}.nav-login{display:none}.try{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}.nav{transition:box-shadow .3s}.nav.scrolled{box-shadow:0 8px 24px -16px #0e163059}@media(prefers-reduced-motion:no-preference){.hero h1,.hero .lead,.hero-cta,.mock-window,.mock-quiz,.mock-file{opacity:0;animation:rise .9s var(--ease) forwards}.hero h1{animation-delay:.05s}.hero .lead{animation-delay:.2s}.hero-cta{animation-delay:.32s}.mock-window{animation-delay:.25s}.mock-quiz{animation-name:pop;animation-delay:.8s}.mock-file{animation-name:slide-in;animation-delay:1.05s}@supports (animation-timeline: scroll()){.mock-quiz{animation:pop .9s var(--ease) .8s forwards,drift-up linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 600px;animation-composition:replace,add}.mock-file{animation:slide-in .9s var(--ease) 1.05s forwards,drift-down linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 600px;animation-composition:replace,add}}.js [data-reveal=up]{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i, 0) * 90ms)}.js [data-reveal=up].in{opacity:1;transform:none}.js [data-reveal=row]{position:relative;border-top-color:transparent}.js [data-reveal=row]:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--rule, var(--line));transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease);transition-delay:calc(var(--i, 0) * .11s)}.js .spec [data-reveal=row]:before{height:1.5px;background:var(--rule, var(--ink))}.js .spec-quiet [data-reveal=row]:before{background:var(--line);height:1px}.js [data-reveal=row]>*{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i, 0) * .11s + .18s)}.js [data-reveal=row].in:before{transform:scaleX(1)}.js [data-reveal=row].in>*{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes drift-up{to{transform:translateY(-36px)}}@keyframes drift-down{to{transform:translateY(24px)}}