:root{--navy:#171c30;--deep:#101424;--orange:#ffb86b;--light:#f5f7fa;--text:#526078;--line:#dde3ed;--white:#fff;--radius:19px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:var(--white);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.65}p{line-height:1.65;margin:0 0 1em}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,5.1vw,5rem);max-width:13ch}h2{font-size:clamp(2rem,4.1vw,3.55rem);max-width:19ch}h3{font-size:1.35rem;margin-bottom:.5rem}section[id]{scroll-margin-top:85px}small{font-size:.79rem}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5178d0;outline-offset:4px}.dark :focus-visible,.top :focus-visible,.hero :focus-visible,footer :focus-visible{outline-color:var(--orange)}.skip{position:fixed;top:-100px;left:1rem;z-index:20;background:white;color:var(--navy);padding:1rem}.skip:focus{top:1rem}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.top{position:sticky;top:0;z-index:10;background:var(--deep);color:white;border-bottom:1px solid #ffffff1c}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:73px}.logo{font-size:1.68rem;font-weight:850;letter-spacing:-.085em;text-decoration:none;white-space:nowrap}.logo span,.hero em{color:var(--orange)}.bar nav{display:flex;gap:clamp(.7rem,2vw,1.7rem);align-items:center}.bar nav a,.foot nav a{color:#d6dceb;text-decoration:none;font-size:.88rem}.bar nav a:hover,.foot nav a:hover{color:var(--orange)}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:46px;border-radius:9px;padding:.72rem 1rem;border:1px solid transparent;font-weight:750;font-size:.89rem;text-decoration:none;transition:background .17s,color .17s,border-color .17s;line-height:1.25}.button span{font-size:1rem}.primary{color:#242033;background:var(--orange)}.primary:hover{background:#ffd3a1}.secondary{color:white;border-color:#ffffff50}.secondary:hover{background:#ffffff18}.outline{color:var(--navy);border-color:#cbd3e0}.outline:hover{background:#edf1f8}
.hero{background:radial-gradient(ellipse at 83% 37%,#303758 0,transparent 47%),var(--deep);color:white;padding:clamp(65px,9vw,135px) 0}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:4%;align-items:center}.hero em{font-style:normal}.eyebrow{font:750 .72rem/1.5 system-ui,sans-serif;letter-spacing:.14em;color:#67513b;margin-bottom:1rem}.dark .eyebrow,.hero .eyebrow{color:var(--orange)}.eyebrow i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--orange)}.intro{margin:1.1rem 0 0;font-size:1.08rem;color:var(--text);max-width:58ch}.hero .intro,.dark .intro{color:#c0c8db}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.7rem}
.mock{position:relative;aspect-ratio:1.15;isolation:isolate;color:#2b2a25;container-type:inline-size}.orb{position:absolute;inset:0 2% 5% 4%;border-radius:50%;background:radial-gradient(ellipse,#faad6552,transparent 67%);border:1px solid #ffb86b26;transform:rotate(-18deg)}.desktop,.phone{position:absolute;border:1px solid #ffffff66;box-shadow:0 23px 50px #080a1590;overflow:hidden}.desktop{top:13%;left:2%;width:89%;background:#fbf1e1;border-radius:4cqw}.browser{background:#26293d;color:#e7e9f3;display:flex;align-items:center;gap:1cqw;padding:2.6cqw 3.1cqw}.browser i{width:1.05cqw;aspect-ratio:1;background:#ffb86b;border-radius:50%}.browser span{margin-left:auto;font:600 1.45cqw system-ui;letter-spacing:.17em}.screen{padding:4.5cqw}.screen b,.phone b{font-size:3.5cqw;letter-spacing:-.09em}.screen b span,.phone b span{color:#a4502d}.screen-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:2cqw;margin-top:3cqw}.screen-grid small{display:block;font-size:1.5cqw;letter-spacing:.15em;margin-bottom:1cqw}.screen-grid strong{display:block;font:700 6.4cqw/.98 Georgia,serif;letter-spacing:-.055em}.art{border-radius:48% 48% 8% 8%;min-height:28cqw;background:radial-gradient(ellipse at 55% 35%,#f6ca8f 0 13%,transparent 14%),radial-gradient(ellipse at 35% 78%,#a45136 0 28%,transparent 29%),linear-gradient(130deg,#eac493,#d58d64 70%,#a75138)}.fake-button{height:2.3cqw;width:13cqw;border-radius:5px;background:#653f30;margin-top:2.5cqw}.fake-lines{display:flex;gap:2cqw;margin-top:4cqw}.fake-lines i{height:5cqw;flex:1;background:#e7d8c6;border-radius:3px}.phone{top:37%;right:0;width:25%;padding:3.8cqw 2.3cqw 3cqw;border:1.2cqw solid #31364a;border-radius:4.6cqw;background:#fbf1e1}.phone .art{min-height:17cqw;margin:.7cqw 0 1.6cqw}.phone strong{display:block;font:700 3.7cqw/.98 Georgia,serif}.phone .fake-button{width:9cqw}.notch{position:absolute;top:1cqw;left:37%;width:26%;height:.7cqw;background:#31364a;border-radius:20px}.mock-label{position:absolute;bottom:0;left:2%;font-size:clamp(.49rem,1.8cqw,.68rem);letter-spacing:.14em;color:#c4cadc}
.section{padding:clamp(64px,8vw,110px) 0}.light{background:var(--light)}.dark{background:var(--navy);color:white}.grid{display:grid;gap:1rem;margin-top:2rem}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.benefit{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,2.4vw,1.75rem);background:white}.card p,.benefit p,.steps p,.fine{color:var(--text)}.icon{width:2.65rem;height:2.65rem;padding:.55rem;background:#ffeedc;color:#72421e;border-radius:11px;margin-bottom:1rem}.card{display:flex;flex-direction:column;align-items:flex-start}.card .button{margin-top:auto}.card>p{margin-bottom:1.4rem}.demo{border-radius:var(--radius);overflow:hidden;text-decoration:none;background:#222940;border:1px solid #ffffff20}.demo:hover{border-color:var(--orange)}.thumbnail{aspect-ratio:1.7;display:grid;place-items:center;padding:11%;background:var(--paper);color:var(--ink)}.mini{width:100%;border-radius:8px;background:#ffffffa0;box-shadow:0 10px 24px #0002;overflow:hidden}.mini-bar{display:flex;justify-content:space-between;gap:4px;padding:.55rem .75rem;border-bottom:1px solid #0001;font-size:.7rem;font-weight:800}.mini-bar span{font-size:.5rem}.mini-page{display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:.55rem;padding:.7rem;min-height:100px}.mini-page strong{font:700 clamp(.9rem,1.7vw,1.42rem)/1.06 Georgia,serif}.mini-page i,.demo-art{display:grid;place-items:center;aspect-ratio:1;border-radius:45% 45% 12% 45%;color:var(--paper);background:var(--ink);font:normal clamp(1.7rem,5vw,4rem)/1 Georgia,serif}.demo-text{padding:1rem 1.25rem}.demo-text small{color:var(--orange);font-size:.63rem;letter-spacing:.12em}.demo-text h3{display:flex;justify-content:space-between;gap:.3rem;margin:.3rem 0 0;font-size:1.12rem}
.plan>small{font-weight:750;letter-spacing:.08em;color:#6b5239;margin-bottom:.75rem}.price{margin:1rem 0}.price small,.price strong{display:block}.price strong{font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.07em}.plan ul{padding:0;list-style:none;margin:0 0 1.35rem}.plan li{margin:.55rem 0;font-size:.9rem}.plan li::before{content:"✓";font-weight:800;color:#2a6857;margin-right:.55rem}.featured{border-color:#c88649;box-shadow:0 10px 30px #59300513}.fine{font-size:.88rem;margin:1rem 0 0}.steps{list-style:none;padding:0}.steps li{border-top:1px solid var(--line);padding:1rem .3rem 0}.steps span{display:block;font-size:1.6rem;font-weight:800;color:#93501f;margin-bottom:1rem}.compact{padding:3.5rem 0}.split{display:grid;grid-template-columns:1fr 1.16fr;gap:clamp(1.4rem,5vw,5rem);align-items:start}.compact .split>.eyebrow{grid-column:1/-1;margin:0}.compact .split{row-gap:.6rem}.tags{display:flex;gap:.55rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}.tags li{padding:.55rem .8rem;border:1px solid #ffffff36;border-radius:99px;font-size:.86rem}.faq details{border-bottom:1px solid #cdd5e1;padding:.9rem 0}.faq summary{font-weight:750}.faq details p{margin:.75rem 0 0;color:var(--text)}
.contact-card{background:#222940;border:1px solid #ffffff26;border-radius:var(--radius);padding:clamp(1.25rem,4vw,2.5rem)}.contact-card p:not(.eyebrow){color:#c0c8db}.contact-card .fine{margin-top:.8rem}.contact-card .button{max-width:100%}
footer{background:var(--deep);color:white;padding:2.8rem 0}.foot{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1.3rem}.foot p{margin:.6rem 0;font-size:.9rem;color:#c0c8db}.foot nav,.legal{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-content:start}.legal a,.legal button,.foot small{font-size:.82rem;color:#c0c8db}.foot small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:1rem}.legal button,.prose button{color:inherit;background:none;border:0;padding:0;text-decoration:underline}.cookies{position:fixed;z-index:12;bottom:1rem;right:1rem;width:min(410px,calc(100% - 2rem));background:white;color:var(--navy);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 10px 40px #10142440}.cookies p{font-size:.88rem;margin:.35rem 0 .65rem}.cookies button{border:1px solid #bac4d3;border-radius:7px;background:white;padding:.48rem .65rem;margin:.15rem 0;font-size:.84rem}.cookies button:last-child{background:var(--orange);border-color:var(--orange)}.prose{max-width:760px}.prose h2{margin-bottom:1.2rem}.demo-page{background:var(--paper);color:var(--ink);padding:2rem 0 4rem}.demo-nav{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px solid currentColor;padding:.75rem 0}.demo-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:1.4rem;padding:3.6rem 0}.demo-hero p:not(.eyebrow){margin:.85rem 0 1rem}.demo-art{max-width:360px;width:100%;font-size:clamp(4rem,15vw,13rem);justify-self:end}.demo-page #explorar>p{margin:1.4rem 0}.demo-page h1{font-family:Georgia,serif}.demo-page .eyebrow{color:inherit}
@media(max-width:900px){.bar{min-height:62px}.bar>.button{display:none}.menu{display:block;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:white;padding:.5rem .7rem}.bar nav{position:absolute;top:100%;left:0;right:0;display:none;background:var(--deep);padding:.7rem 24px 1.2rem}.bar nav.open{display:grid}.bar nav a{padding:.35rem 0}.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.hero-grid,.split,.foot{grid-template-columns:1fr}.hero-grid{gap:1.8rem}.mock{width:min(100%,440px);margin:auto}.three{grid-template-columns:1fr}.thumbnail{max-height:250px}.mini{max-width:330px}.mini-page strong{font-size:1.25rem}.foot small{grid-column:auto}.demo-hero{grid-template-columns:1fr;padding:2rem 0}.demo-art{justify-self:start;max-width:200px}}
@media(max-width:390px){.fields,.four{grid-template-columns:1fr}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@keyframes arrive {
  from { opacity: .55; translate: 0 12px; }
  to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-grid > :first-child,
  .hero-grid > .mock,
  .arrive {
    animation: arrive .52s cubic-bezier(.2,.65,.3,1) both;
  }
  .hero-grid > .mock { animation-delay: .1s; }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .demo { transition: transform .22s ease, border-color .22s ease; }
  .demo:hover { transform: translateY(-4px); }
  .button > span { transition: transform .18s ease; }
  .button:hover > span { transform: translate(2px, -2px); }
}