@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eefcf7;background:#07110f;font-synthesis:none;--bg:#07110f;--panel:#0c1916;--panel2:#10221d;--line:#1e3b33;--text:#eefcf7;--muted:#8eaaa1;--mint:#58e1c1;--mint2:#9ff4df;--danger:#ff8f98}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.brand{display:flex;align-items:center;gap:7px;font:600 16px Space Grotesk;letter-spacing:.04em}.brand b{color:var(--mint)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.landing{min-height:100vh;background:radial-gradient(circle at 65% 15%,#12352d 0,transparent 32%),var(--bg)}.hero{padding:100px 0 115px;text-align:center}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #2b5d50;border-radius:99px;color:var(--mint2);font-size:12px;background:#0d201b}.hero h1{font:700 clamp(52px,9vw,104px)/.92 "Space Grotesk";letter-spacing:-.06em;margin:28px auto;max-width:900px}.hero h1 span{color:var(--mint)}.hero>p{max-width:640px;margin:0 auto 28px;color:var(--muted);font-size:18px;line-height:1.7}.primaryBtn,.ghostBtn,.priceCard button{border:0;border-radius:10px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primaryBtn,.priceCard button{background:var(--mint);color:#04110d}.primaryBtn:hover,.priceCard button:hover{background:var(--mint2)}.primaryBtn.big{min-height:54px;padding:0 24px}.ghostBtn{background:#10231e;color:#dff7ef;border:1px solid var(--line)}.heroMeta{margin-top:26px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#8eaaa1;font-size:12px}.heroMeta span{display:flex;align-items:center;gap:5px}.heroMeta svg{width:14px;color:var(--mint)}.how,.pricing{padding:88px 0}.sectionLabel{font-size:11px;letter-spacing:.2em;color:var(--mint);font-weight:700}.how h2,.pricing h2{font:600 clamp(34px,5vw,56px) "Space Grotesk";letter-spacing:-.04em;margin:12px 0 34px}.steps,.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article,.priceCard{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0f201b,#091512)}.steps b{color:var(--mint);font-size:12px}.steps h3{font:600 21px Space Grotesk;margin:18px 0 8px}.steps p,.priceCard p{color:var(--muted);line-height:1.6}.priceCard{display:flex;flex-direction:column;min-height:260px}.priceCard.featured{border-color:#58e1c177;box-shadow:0 0 0 1px #58e1c122 inset}.priceCard>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.priceCard strong{font:600 22px Space Grotesk}.planName{color:var(--mint);font-weight:700}.priceCard button{margin-top:auto}.footer{padding:40px 0 55px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.authPage{min-height:100vh;display:grid;place-items:center;padding:30px}.backLink{position:absolute;top:24px;left:24px;background:none;border:0;color:var(--muted)}.authCard{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:18px;background:#0c1916}.brand.solo{margin-bottom:30px}.authCard h1{font:600 34px Space Grotesk;letter-spacing:-.04em;margin:0 0 8px}.authCard>p{color:var(--muted);margin:0 0 26px}.authCard form{display:grid;gap:15px}.authCard label{font-size:12px;font-weight:700;color:#bcd2ca;display:grid;gap:7px}.authCard input{height:46px;border:1px solid #29483f;border-radius:9px;background:#08120f;color:#fff;padding:0 12px;outline:0}.authCard input:focus{border-color:var(--mint)}.switchAuth{width:100%;margin-top:18px;background:none;border:0;color:var(--mint)}.errorBox{padding:10px 12px;border:1px solid #6f3035;border-radius:8px;background:#301519;color:#ffc6cb;font-size:13px}.studio{min-height:100vh}.studioHeader{position:fixed;z-index:30;top:0;left:0;right:0;height:64px;border-bottom:1px solid var(--line);background:#07110ff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.studioRight{display:flex;align-items:center;gap:8px}.usage{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px}.iconBtn{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#10231e;color:#fff;display:grid;place-items:center}.studioHeader .iconBtn{display:none}.sidebar{position:fixed;top:64px;bottom:0;left:0;width:245px;border-right:1px solid var(--line);background:#091411;padding:16px;display:flex;flex-direction:column;z-index:20}.sideTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.project{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#dbece6;padding:11px;border-radius:9px;display:grid;gap:4px}.project small{color:#718f85;font-size:10px}.project.active{background:#10231e;border-color:#22483e}.sidePlan{margin-top:auto;border:1px solid var(--line);border-radius:11px;background:#0d1b17;padding:14px;display:grid;gap:7px}.sidePlan small{font-size:9px;letter-spacing:.14em;color:#718f85}.sidePlan b{color:var(--mint)}.sidePlan span{font-size:11px;color:var(--muted)}.sidePlan button{height:34px;border:1px solid var(--line);border-radius:7px;background:#11241f;color:#dff7ef;font-size:11px}.mobileLogout{display:none}.studioMain{margin-left:245px;padding-top:64px;min-height:100vh}.studioError{margin:16px 18px 0;display:flex;gap:8px;align-items:center}.emptyStudio{min-height:calc(100vh - 64px);display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:30px}.emptyStudio h1{font:600 38px Space Grotesk;margin:8px 0 0}.emptyStudio p{color:var(--muted)}.workHeader{min-height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.workHeader>div:first-child{font-size:9px;color:#719187;letter-spacing:.12em}.workHeader h1{font:600 24px Space Grotesk;color:#fff;letter-spacing:-.03em;margin:5px 0 0}.statusDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:5px}.workActions{display:flex;gap:8px}.linkBtn{font-size:12px}.workspace{height:calc(100vh - 158px);display:grid;grid-template-columns:minmax(330px,44%) 1fr}.chat{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:18px}.msg{max-width:88%;margin-bottom:13px;padding:12px 14px;border-radius:12px}.msg small{font-size:9px;letter-spacing:.12em;color:#6f9186}.msg p{margin:5px 0 0;white-space:pre-wrap;line-height:1.5;font-size:13px}.msg.user{margin-left:auto;background:#173b32}.msg.agent{background:#10201b;border:1px solid var(--line)}.thinking{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:10px}.composer{border-top:1px solid var(--line);padding:12px;display:grid;grid-template-columns:1fr auto;gap:9px}.composer textarea{resize:none;border:1px solid #29483f;border-radius:9px;background:#08120f;color:#fff;padding:10px;outline:0;min-width:0}.suggestBox{display:grid;gap:9px;padding:18px;border:1px dashed #285044;border-radius:13px;color:var(--muted)}.suggestBox>b{color:#fff}.suggestBox button{text-align:left;border:1px solid var(--line);border-radius:8px;padding:10px;background:#0e201b;color:#cce3dc}.previewPane{min-width:0;display:flex;flex-direction:column;background:#dfe8e4}.previewTop{height:44px;flex:none;padding:0 12px;background:#0c1916;color:#73988d;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em}.checks{display:flex;gap:5px;align-items:center;color:var(--mint)}.previewPane iframe{width:100%;height:100%;border:0;background:#fff}.previewEmpty{height:100%;display:grid;place-items:center;align-content:center;color:#547267;gap:8px;text-align:center}.previewEmpty b{color:#28483e}.publicSite{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#fff}.centerPage{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.loader{width:16px;height:16px;border:2px solid #285044;border-top-color:var(--mint);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.steps,.priceGrid{grid-template-columns:1fr}.hero{padding-top:70px}.sidebar{transform:translate(-100%);transition:.2s;width:min(290px,86vw);box-shadow:25px 0 50px #0008}.sidebar.open{transform:translate(0)}.studioMain{margin-left:0}.studioHeader .iconBtn{display:grid}.desktopOnly{display:none}.mobileLogout{display:block!important}.workspace{grid-template-columns:1fr;height:auto}.chat{border-right:0;min-height:620px}.previewPane{height:70vh;border-top:1px solid var(--line)}.workHeader{align-items:flex-start;flex-direction:column}.workActions{width:100%}.workActions>*{flex:1}.composer{grid-template-columns:1fr}.composer .primaryBtn{width:100%}}@media(max-width:520px){.hero h1{font-size:54px}.hero>p{font-size:16px}.authCard{padding:24px}.usage{display:none}.workActions{display:grid}.workHeader{padding:14px}.messages{padding:12px}.msg{max-width:94%}}.authCard label button[aria-label="Ver contraseña"],.authCard label button[aria-label="Ocultar contraseña"]{color:#063b31!important;background:#d7fff4!important;border:1px solid #69d6bd!important;box-shadow:0 1px 2px #0000001f}.authCard label button[aria-label="Ver contraseña"]:hover,.authCard label button[aria-label="Ocultar contraseña"]:hover{background:#bff5e5!important}