/* Landing de producto. Aislada de las páginas legales y del CRM. */
.product-landing{background:#fcfcfa;color:#3c3c3b}.product-landing .wrap{max-width:1280px}.product-landing .header{max-width:1440px;margin:auto;border-bottom:1px solid #e8e8e2;height:90px}.product-landing .header nav{margin:auto}.header-actions{display:flex;align-items:center;gap:18px}.product-landing .header .button{padding:13px 18px}.product-landing .logo{font-weight:600;letter-spacing:-1px}.product-landing h1,.product-landing h2,.product-landing h3{font-weight:600}.product-landing .button{border-radius:7px}.button.outline{border:1px solid #d5d5cf;background:white}.product-landing a:focus-visible,.product-landing summary:focus-visible{outline:3px solid #cf3030;outline-offset:5px}.launch-hero{text-align:center;padding-top:54px}.release-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #dddcd2;border-radius:30px;padding:9px 15px;font-size:12px;background:#f3f2ec}.release-pill svg{width:15px;height:15px}.launch-hero .eyebrow{justify-content:center;margin:30px 0 20px;font-size:11px}.launch-hero h1{font-size:clamp(46px,5.8vw,78px);letter-spacing:-4px;line-height:1.04;margin:0 auto;max-width:900px}.launch-hero h1 span{position:relative;isolation:isolate;white-space:nowrap}.launch-hero h1 span:after{content:'';position:absolute;z-index:-1;left:-5px;right:-9px;bottom:4px;height:20px;background:#ffde51;transform:rotate(-2deg)}.launch-lead{font-size:18px;line-height:1.65;margin:26px auto;max-width:680px;color:#686863}.launch-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.launch-fine{font-size:12px;color:#72726a;margin:17px 0 36px}.hero-screen{margin:36px 0 0;padding:22px 22px 0;background:#eae8dd;border:1px solid #dddbcd;border-radius:16px;box-shadow:0 24px 60px #3c3c3b09}.screen-link{display:block;overflow:hidden;border-radius:8px;background:#f3f4f6;border:1px solid #deded8}.screen-link img{display:block;width:100%;height:auto}.hero-screen .screen-link{box-shadow:0 3px 18px #3c3c3b13}.hero-screen figcaption{font-size:11px;color:#66665e;padding:16px 0}.discipline-strip{text-align:center;padding-top:40px;padding-bottom:40px;border-bottom:1px solid #e2e2d9}.discipline-strip>span{font-size:12px;color:#72726a}.discipline-strip p{font-size:17px;display:flex;gap:25px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px 0 0}.discipline-strip b{font-weight:400;color:#e64643}.product-landing .section{padding-top:96px;padding-bottom:35px}.product-landing .section-heading{margin-bottom:40px}.product-landing .section-heading h2,.ai-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.13;letter-spacing:-1.8px}.product-landing .section-heading>p{font-size:15px;line-height:1.8;max-width:360px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #deded7;border-bottom:1px solid #deded7}.value-grid article{padding:32px 28px 35px 0}.value-grid article+article{border-left:1px solid #deded7;padding-left:28px}.value-grid svg,.detail-grid svg{width:25px;height:25px;color:#ed4541;margin-bottom:23px}.value-grid h3,.detail-grid h3{font-size:20px;letter-spacing:-.4px;margin:0 0 13px}.value-grid p,.detail-grid p{font-size:14px;line-height:1.8;color:#6e6e67;margin:0}.story{border:1px solid #deded7;border-radius:12px;overflow:hidden;background:#f1f1eb}.story-copy{padding:32px}.plan-label{font-size:10px;font-weight:600;letter-spacing:1.2px;color:#bd3735}.story h3{font-size:30px;line-height:1.16;letter-spacing:-1px;margin:17px 0}.story p,.story li{font-size:14px;line-height:1.8;color:#696961}.story ul{padding-left:18px}.story-wide{display:grid;grid-template-columns:1fr 1.7fr;align-items:center;margin-bottom:24px}.story-wide .story-visual{padding:32px 24px 32px 0;min-width:0}.story .screen-link{border-radius:8px 0 0 0}.story-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-pair .story{display:flex;flex-direction:column}.story-pair .story-copy{flex:1}.story-pair .screen-link{margin:0 0 0 24px}.more-screens{margin-top:24px;border:1px solid #deded7;border-radius:10px;background:white}.more-screens>summary{padding:22px;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:16px;list-style:none}.more-screens>summary::-webkit-details-marker{display:none}.more-screens summary svg{width:18px;height:18px;flex-shrink:0}.more-screens .story-pair{padding:0 22px 22px}.more-screens figure{margin:0}.more-screens .screen-link{margin:0}.more-screens figcaption{padding-top:14px;font-size:12px;color:#6e6e67}.sharing-band{margin-top:85px;padding:76px 0;background:#3c3c3b;color:#fff}.sharing-band .section-heading>p,.sharing-band .value-grid p{color:#d0d0c7}.sharing-band .eyebrow{color:#ffde51}.sharing-band .value-grid{border-color:#ffffff25}.sharing-band .value-grid article{border-color:#ffffff25}.sharing-band .value-grid svg{color:#ffde51}.ai-panel{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}.ai-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#6a6a63}.ai-copy h2{margin:18px 0 25px}.ai-copy ul{list-style:none;padding:0;font-size:13px;line-height:2.2}.ai-copy li:before{content:'✓';margin-right:10px;color:#cf3532}.prompt-example{border-left:3px solid #ffde51;padding:18px 20px;margin:25px 0;background:#f0efe8;border-radius:0 8px 8px 0}.prompt-example span{font-size:9px;letter-spacing:1px}.prompt-example p{font-size:18px;line-height:1.55;margin:10px 0 0}.ai-copy>p.ai-note{font-size:12px}.ai-visual{background:#e9e7dd;padding:22px;border-radius:14px;min-width:0}.ai-visual>p{font-size:12px;line-height:1.6;margin-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #deded7;border-left:1px solid #deded7}.detail-grid article{padding:30px;border-right:1px solid #deded7;border-bottom:1px solid #deded7}.product-landing #planes{padding-bottom:90px}.product-landing .plans{max-width:1040px}.product-landing .plan li{font-size:14px;margin:12px 0}.product-landing .plan-top>p{font-size:15px}.product-landing .premium-plan{background:#f4f1de;border-color:#d7c86c}.product-landing .comparison{max-width:1040px}.product-landing .comparison table{font-size:13px}.product-landing .faq-section{padding-top:25px}.product-landing .origin{padding-top:35px}.product-landing .footer{flex-wrap:wrap}.product-landing .faq a{text-decoration:underline}
@media(max-width:1050px){.product-landing .header nav{gap:18px}.product-landing .header nav a:nth-child(2){display:none}.header-actions .button{display:none}.story-wide{grid-template-columns:1fr}.story-wide .story-visual{padding:0 24px 24px}.ai-panel{gap:28px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.launch-hero{padding-top:35px}.launch-hero h1{letter-spacing:-2.5px}.launch-lead{font-size:16px}.hero-screen{padding:10px 10px 0;border-radius:10px}.hero-screen figcaption{font-size:9px}.discipline-strip p{font-size:14px;gap:12px}.product-landing .section{padding-top:65px}.value-grid,.story-pair,.ai-panel{grid-template-columns:1fr}.value-grid article,.value-grid article+article{padding:25px 0;border-left:0;border-top:1px solid #deded7}.value-grid article:first-child{border-top:0}.sharing-band{padding:50px 0;margin-top:55px}.story-copy{padding:24px}.story h3{font-size:27px}.ai-visual{padding:14px}.product-landing .section-heading>p{max-width:100%}.more-screens .story-pair{gap:28px}.detail-grid article{padding:23px}.release-pill{font-size:11px}.product-landing .header{height:76px}.product-landing .header nav a:nth-child(4){display:none}}
@media(max-width:480px){.launch-hero h1{font-size:43px;letter-spacing:-2px}.launch-hero .eyebrow{font-size:9px;letter-spacing:1px}.launch-lead br{display:none}.launch-actions{gap:10px}.launch-actions .button{width:100%;justify-content:center}.detail-grid{grid-template-columns:1fr}.discipline-strip b{display:none}.hero-screen{margin-left:-8px;margin-right:-8px}.product-landing .header nav{display:none}.header-actions{margin-left:auto}.story-wide .story-visual{padding:0 12px 12px}.product-landing .comparison th,.product-landing .comparison td{font-size:11px}.product-landing .section-heading h2,.ai-copy h2{font-size:33px}.product-landing .plan{padding:26px}.product-landing .origin h2{font-size:29px}}

/* Abstract warm backdrop framing the dashboard; no additional image download. */
.product-landing .hero-screen{position:relative;isolation:isolate;overflow:hidden;padding:clamp(12px,2.2vw,30px);border:0;background:#35372e;box-shadow:0 24px 60px #3c3c3b15}
.product-landing .hero-screen::before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at 12% 52%,#c58258 0,transparent 42%),radial-gradient(ellipse at 70% 10%,#99966a 0,transparent 38%),radial-gradient(ellipse at 82% 90%,#1e2925 0,transparent 45%),linear-gradient(150deg,#282b23 18%,#777764 48%,#bfc0aa 63%,#383b31 80%);filter:blur(35px);transform:rotate(-12deg) scale(1.08)}
.product-landing .hero-screen .screen-link{position:relative;border:1px solid #ffffff70;box-shadow:0 22px 50px #161b2450;background:white}
/* Focus product screenshots on useful UI, without modifying source images. */
.product-stories .story{background:#fff;border-color:#e2e2dc}
.product-stories .story-copy{padding:32px}
.product-stories .story-wide{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:12px}
.product-stories .story-wide .story-visual{padding:28px 28px 28px 0}
.product-crop{position:relative;overflow:hidden;isolation:isolate;border:1px solid #e3e5e8;background:#f5f6f8;min-width:0}
.product-crop img{position:absolute;max-width:none;height:auto;display:block}
.crop-projects{aspect-ratio:2.5}
.crop-projects img{width:208.3%;left:-22.5%;top:-75%}
.story-pair>.story>.product-crop{margin:0 24px 24px;aspect-ratio:2}
.crop-tasks img{width:172.4167%;left:-20%;top:-82.5%}
.crop-payments img{width:173.5833%;left:-18.75%;top:-46.6667%}
@media(max-width:1050px){.product-stories .story-wide{grid-template-columns:minmax(0,1fr);gap:0}.product-stories .story-wide .story-visual{padding:0 24px 24px}}
@media(max-width:760px){.product-stories .story-copy{padding:24px}.product-stories .story-pair>.story{min-width:0}.story-pair>.story>.product-crop{margin:0 16px 16px}.product-stories .story-wide .story-visual{padding:0 16px 16px}}
/* Text-only AI section in the charcoal product band. */
.product-anchor{display:block;scroll-margin-top:110px}
.ai-text-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:start}
.ai-band h2{font-size:clamp(32px,3.4vw,46px);line-height:1.13;letter-spacing:-1.8px;margin:18px 0 25px}
.ai-band-lead{font-size:15px;line-height:1.85;color:#d0d0c7;max-width:560px;margin-bottom:0}
.ai-band .prompt-example{background:#ffffff08;border-left-color:var(--yellow);margin:0 0 25px;padding:20px 24px}
.ai-band .prompt-example span{color:var(--yellow)}
.ai-band .prompt-example p{color:white;font-size:20px;line-height:1.6}
.ai-band ul{font-size:13px;line-height:1.8;color:#d0d0c7;padding-left:18px;margin:0}
.ai-band li{margin:10px 0;padding-left:4px}
.ai-band-note{border-top:1px solid #ffffff25;padding-top:24px;margin:34px 0 0;color:#c2c2b8;font-size:12px;line-height:1.8}
@media(max-width:760px){.ai-text-layout{grid-template-columns:minmax(0,1fr);gap:30px}.ai-band .prompt-example p{font-size:18px}.ai-band-note{margin-top:28px}}
/* FAQ and founder story, with clear separation and lighter layouts. */
.faq-band{background:#eeeee8;border-block:1px solid #deded7;padding:64px 0;scroll-margin-top:85px}
.faq-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:70px;align-items:start}
.faq-layout h2{font-size:38px;letter-spacing:-1.4px;line-height:1.15;margin:18px 0 0}
.faq-band .faq details{background:#fcfcfa;border:1px solid #deded7;margin:0 0 10px;padding:0 22px}
.faq-band .faq details:last-child{margin-bottom:0}
.faq-band .faq summary{padding:20px 30px 20px 0;font-size:14px;font-weight:500}
.faq-band .faq summary:after{top:17px}
.faq-band .faq details[open]{background:white;border-color:#bbbbae}
.faq-band .faq details p{margin:0 30px 20px 0;font-size:13px;line-height:1.85}
.origin-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:70px;padding-top:80px;padding-bottom:70px;align-items:start;scroll-margin-top:100px}
.origin-story h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin:18px 0 0}
.origin-copy p{font-size:14px;line-height:1.9;color:#696961;max-width:660px}
.origin-copy .origin-lead{font-size:19px;line-height:1.7;color:var(--ink);margin:0 0 22px}
.origin-copy .text-link{display:inline-flex;border-bottom:1px solid #c7c7bd;padding-bottom:5px;margin-top:6px}
@media(max-width:760px){.faq-band{padding:44px 0}.faq-layout,.origin-story{grid-template-columns:minmax(0,1fr);gap:28px}.faq-layout h2{font-size:32px}.faq-band .faq details{padding-inline:18px}.origin-story{padding-top:50px;padding-bottom:45px}.origin-story h2{font-size:30px}.origin-copy .origin-lead{font-size:17px}}
/* Centered FAQ heading, with questions spanning the content container. */
.faq-layout{display:block}
.faq-layout .center-heading{margin-bottom:36px}
.faq-layout .center-heading h2{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:18px 0 0}
.faq-layout .faq{width:100%;max-width:none}
@media(max-width:520px){.faq-layout .center-heading h2{font-size:33px}}

/* Three plans, including a tailored proposal by contact. */
.product-landing .plans{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-landing .plans .plan{min-width:0;padding:30px}
.product-landing .plans .plan-price{min-height:65px;line-height:34px}
.product-landing .custom-plan{background:#f0f0ec;border-color:#d7d7d2}
.custom-plan .pill{background:#e2e2dc}
.custom-plan-description{font-size:14px;line-height:1.8;color:var(--muted);margin:24px 0 0}
@media(max-width:1050px){.product-landing .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.product-landing .custom-plan{grid-column:1/-1}}
@media(max-width:650px){.product-landing .plans{grid-template-columns:minmax(0,1fr)}.product-landing .plans .plan{padding:26px}.product-landing .custom-plan{grid-column:auto}}

/* More breathing room between hero text, actions and dashboard. */
.product-landing .launch-hero .eyebrow{margin-bottom:28px}
.product-landing .launch-lead{margin:34px auto 38px}
.product-landing .hero-screen{margin-top:56px}
@media(max-width:760px){.product-landing .launch-hero .eyebrow{margin-bottom:24px}.product-landing .launch-lead{margin:28px auto 30px}.product-landing .hero-screen{margin-top:40px}}

/* Precios de los planes: jerarquía común y condiciones en segunda línea. */
.product-landing .plans .plan-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:116px;margin-top:22px;padding:20px 0 24px;font-size:clamp(34px,3.5vw,46px);line-height:1.08;font-weight:600;letter-spacing:-1.5px;color:#3c3c3b}
.product-landing .plans .premium-price{color:#c72e2c}
.product-landing .plans .plan-price>span{margin-left:0;font-size:13px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--muted)}
@media(max-width:600px){.product-landing .plans .plan-price{min-height:104px;font-size:40px}}

/* Compact, non-blocking welcome offer. */
.welcome-offer[hidden]{display:none}
.welcome-offer{position:fixed;right:24px;bottom:24px;z-index:100;box-sizing:border-box;width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:25px;background:#3c3c3b;color:#fff;border:1px solid #555550;border-radius:3px;box-shadow:0 12px 40px #0003;text-align:left}
.welcome-offer-close{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;background:transparent;color:#fff;font:400 25px/1 Inter,sans-serif;cursor:pointer}
.welcome-offer .welcome-offer-label{margin:0 20px 14px 0;color:#ffde51;font-size:10px;letter-spacing:1.2px;line-height:1.5}
.welcome-offer h2{margin:0 0 12px;font-size:25px;line-height:1.15;letter-spacing:-.7px;font-weight:600}
.welcome-offer p{margin:0 0 18px;font-size:13px;line-height:1.6}
.welcome-offer strong{font-weight:600}
.welcome-offer-code{display:block;width:100%;padding:12px 8px;border:1px dashed #ffde5180;border-radius:3px;background:#ffffff08;color:#ffde51;font:600 14px/1.4 Inter,sans-serif;letter-spacing:.7px;cursor:pointer;user-select:all}
.welcome-offer-status{display:block;margin:8px 0 16px;font-size:11px;line-height:1.5;color:#deded8;min-height:17px}
.welcome-offer-action{display:block;padding:12px;border-radius:3px;background:#ffde51;color:#3c3c3b;text-align:center;text-decoration:none;font-size:13px;font-weight:600;line-height:1.4}
.welcome-offer :focus-visible{outline:2px solid #ffde51;outline-offset:3px}
@media(max-width:600px){
 .welcome-offer{left:0;right:0;bottom:0;width:100%;max-width:none;max-height:70dvh;padding:18px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;border-top:1px solid #555550;border-radius:0;box-shadow:0 -8px 28px #0002}
 .welcome-offer-close{right:6px;top:5px;width:44px;height:44px}
 .welcome-offer .welcome-offer-label{margin:0 40px 8px 0;font-size:9px}
 .welcome-offer h2{margin:0 32px 6px 0;font-size:23px;line-height:1.2}
 .welcome-offer h2 br{display:none}
 .welcome-offer p{margin-bottom:12px}
 .welcome-offer-code{padding:11px 8px;min-height:44px}
 .welcome-offer-status{margin:6px 0 10px}
 .welcome-offer-action{box-sizing:border-box;min-height:44px;padding:12px}
}