:root{--ink:#202b2a;--cream:#faf5ec;--coral:#c94c35;--muted:#64706a;--line:#dedbd2;--green:#254b40}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #3377bd;outline-offset:4px}[hidden]{display:none!important}header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800;letter-spacing:1.5px;font-size:12px;display:flex;align-items:center;gap:12px}.mark{font-family:Georgia,serif;background:var(--green);color:white;font-size:30px;border-radius:50%;width:42px;height:42px;text-align:center;line-height:36px}.tag,.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px}.tag{color:var(--muted)}main{max-width:1320px;margin:auto}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:700px}.hero-copy{padding:75px 45px 45px 40px}.eyebrow{color:var(--coral);margin-bottom:24px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.08}h1{font-size:clamp(42px,4.5vw,68px);margin:22px 0}h1 em{color:var(--coral);font-weight:400}h2{font-size:40px}h3{font-size:20px;line-height:1.3}.intro{font-size:19px;color:#52605b;max-width:540px;margin:25px 0 30px}.primary{background:var(--coral);color:white;display:inline-flex;gap:24px;align-items:center;justify-content:center;border:none;border-radius:8px;padding:19px 24px;text-decoration:none;font-weight:700;box-shadow:0 7px 0 #a03b2915;transition:background .2s}.primary:hover{background:#a73c29}.micro{font-size:12px;color:var(--muted);line-height:1.8}.steps{display:flex;gap:20px;border-top:1px solid var(--line);margin-top:42px;padding-top:22px;font-size:12px}.steps b{display:block;color:var(--coral);font-size:20px;font-family:Georgia,serif}.hero-art{position:relative;overflow:hidden;margin:26px 24px 26px 0;border-radius:150px 12px 12px 12px;background:#182223}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 78%}.hero-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#11211be0)}.float-chat{position:absolute;z-index:1;top:55px;left:40px;right:30px;background:#fcf7ed;border-radius:18px 18px 18px 3px;padding:26px;box-shadow:0 20px 60px #0004;transform:rotate(-3deg)}.float-chat small{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--coral)}.float-chat p{font-family:Georgia,serif;font-size:29px;line-height:1.25;margin:15px 0}.float-chat span{font-size:12px;color:var(--muted)}.photo-label{position:absolute;bottom:32px;left:32px;right:25px;color:white;z-index:2;font-size:15px}.below{padding:65px 40px;background:#f0e9dc}.below h2{margin:12px 0 40px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.features article{border-top:1px solid #b6b7a9;padding-top:20px}.features article>span{font-size:11px;letter-spacing:1px;color:var(--green)}.features p,.note{color:var(--muted)}.note{font-size:12px;margin-top:35px}.practice-grid{display:grid;grid-template-columns:320px minmax(0,680px);justify-content:center;gap:48px;padding:45px 35px}.practice-grid h2{font-size:38px}.brief{padding:20px;background:#eee7db;border-radius:12px;font-size:14px}.brief h3{margin-top:0}.brief small{color:var(--muted);font-size:11px}.text-button{border:0;background:none;color:var(--green);padding:14px 0;text-align:left;display:block;font-weight:700}.muted{color:var(--muted);font-weight:400;font-size:12px}.hint{font-size:14px;padding:15px;border-left:3px solid var(--coral);background:#fff}.chat-shell{background:#fffdf9;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 65px #20392b12;align-self:start}.chat-head{display:flex;align-items:center;gap:12px;padding:20px;background:#254b40;color:#fff}.avatar{display:grid;place-items:center;border-radius:50%;width:42px;height:42px;background:#e8d1ad;color:#254b40;font:24px Georgia}.chat-head strong{font-size:14px}.chat-head small{display:block;color:#d1dfd7;font-size:11px}.practice-pill{margin-left:auto;font-size:9px;border:1px solid #8da79c;border-radius:20px;padding:5px 8px}.progress-track{height:4px;background:#e1e8e2}#bar{height:100%;background:var(--coral);transition:width .3s}.stage{display:flex;justify-content:space-between;font-size:11px;font-weight:700;padding:14px 22px;color:var(--muted)}#messages{max-height:340px;overflow:auto;padding:15px 24px;scroll-behavior:smooth}.bubble{max-width:88%;padding:13px 16px;border-radius:14px 14px 14px 3px;background:#eee9df;margin:0 0 13px;font-size:15px}.bubble.mine{background:#254b40;color:#fff;margin-left:auto;border-radius:14px 14px 3px 14px}.bubble small{display:block;font-size:10px;opacity:.7;margin-bottom:5px}#choices{padding:18px 24px;display:grid;gap:10px}.choice{border:1px solid #d4dcd5;background:white;border-radius:10px;padding:14px;text-align:left;display:flex;gap:12px;font-size:14px;line-height:1.5}.choice:hover{border-color:var(--green);background:#f3f6f0}.choice>span{font-weight:700;color:var(--coral)}#coach{margin:10px 24px 0;padding:18px;border-left:3px solid #b77728;background:#fff3df;font-size:14px}#coach strong{display:block;margin-bottom:6px}#coach p{margin:0}.chat-foot{text-align:center;padding:0 15px 20px;color:var(--muted);font-size:11px}.result-top{padding:60px 40px 20px;text-align:center}.result-top .intro{margin:20px auto}.review{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px 60px}.review article{padding:22px;background:white;border:1px solid var(--line);border-radius:12px}.review h3{margin:8px 0}.review p{font-size:14px;color:var(--muted)}.review small{color:var(--coral);font-weight:700;letter-spacing:1px}.takeaway{text-align:center;max-width:700px;margin:50px auto;padding:0 25px}.offer{background:var(--green);color:#fff;margin:50px 40px;border-radius:20px;padding:45px;display:grid;grid-template-columns:220px 1fr;gap:45px;align-items:center}.offer img{width:100%;box-shadow:10px 18px 30px #0004;transform:rotate(-4deg)}.offer h2{font-size:36px}.offer .eyebrow{color:#efb29a}.offer p,.offer li{font-size:15px}.offer .price{font-size:32px;font-weight:700}.price small{font-size:12px;font-weight:400}.offer .micro{color:#d4e1d8;font-size:11px}.offer .sample{font-size:13px}.end-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin:40px 20px;font-size:14px}.secondary{border:1px solid var(--green);padding:15px 22px;border-radius:8px;background:none;color:var(--green)}footer{max-width:1240px;margin:35px auto 0;border-top:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}@media(max-width:760px){header{padding:15px 20px}.tag{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 24px 20px}h1{font-size:46px;letter-spacing:-1.7px}.intro{font-size:17px}.hero-art{height:380px;margin:0 20px 25px;border-radius:65px 12px 12px 12px}.float-chat{top:22px;left:25px;right:25px;padding:20px}.float-chat p{font-size:25px}.hero-art>img{object-position:50% 75%}.primary{width:100%;font-size:14px;padding:18px 16px}.steps{margin-top:25px;gap:12px}.below{padding:35px 24px}.below h2,h2{font-size:32px;letter-spacing:-1px}.features{grid-template-columns:1fr;gap:18px}.features h3{margin:10px 0}.features p{margin:0}.practice-grid{grid-template-columns:1fr;padding:22px 14px;gap:18px}.practice-grid aside>h2{font-size:28px;margin:10px 0}.practice-grid aside>h2 br{display:none}.brief{font-size:13px;padding:15px}.brief p{margin:8px 0}.practice-grid .eyebrow{margin-bottom:10px}.text-button{display:inline-block;margin-right:15px}.hint{margin:0}.chat-head{padding:15px}#choices{padding:15px}#messages{max-height:260px;padding:15px}.bubble{font-size:14px}#coach{margin:10px 15px 0}.result-top{padding:35px 22px 10px}.review{grid-template-columns:1fr;padding:15px 20px}.offer{margin:30px 16px;padding:28px 22px;grid-template-columns:1fr;gap:20px}.offer img{width:140px;margin:auto}.offer h2{font-size:31px}.end-actions{flex-direction:column}footer{padding:20px;gap:20px}.photo-label{font-size:13px}.hero-art:after{inset:60% 0 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Escena del colectivo: rostro libre y conversación superpuesta debajo. */
.hero-art{border-radius:95px 14px 14px 14px;min-height:680px}
.hero-art>img{object-position:50% 20%}
.float-chat{top:auto;bottom:105px;left:24px;right:24px;transform:rotate(-2deg);padding:22px}
.float-chat p{font-size:26px}
.photo-label{bottom:24px;font-size:13px}
@media(max-width:760px){.hero-art{min-height:0;height:480px;border-radius:55px 12px 12px 12px}.hero-art>img{object-position:50% 15%}.float-chat{bottom:76px;padding:17px;left:18px;right:18px}.float-chat p{font-size:23px;margin:10px 0}.float-chat span{font-size:11px}.photo-label{bottom:18px;font-size:12px}.hero-copy{padding-top:25px}h1{font-size:42px}.practice-grid .brief{max-width:100%}}

/* Personaje recortado acompaña la práctica; el chat queda delante del torso. */
.practice-scene{position:relative;min-width:0;isolation:isolate}
.companion-space{height:215px;display:flex;align-items:center;padding:30px 15px}
.companion-space p{font:22px/1.3 Georgia,serif;color:var(--muted);max-width:240px}
.companion-space strong{color:var(--green);font-weight:400}
.companion{position:absolute;right:0;top:0;width:340px;height:auto;z-index:-1;pointer-events:none}
.practice-scene .chat-shell{position:relative;background:#fffdf9}
@media(max-width:760px){.companion-space{height:155px;padding:12px}.companion-space p{font-size:15px;max-width:130px}.companion{width:240px;right:0}.practice-scene{margin-top:8px}}
.companion-space{height:180px}.companion{width:460px}.companion-space p{max-width:180px;font-size:19px;align-self:flex-start;margin-top:20px}
@media(max-width:760px){.companion{width:min(100%,320px)}.companion-space{height:128px}.companion-space p{max-width:115px;font-size:13px;margin-top:10px}}

/* Cuerpo visible a la derecha y mano delante del borde. */
.practice-grid{padding-right:110px}
.practice-scene .chat-shell{margin-right:80px}
.companion-space{height:205px}
.companion{width:520px;right:-90px}
.companion-hand{z-index:3;clip-path:polygon(0 40%,18% 40%,18% 61%,0 61%)}
@media(max-width:760px){.practice-grid{padding-right:22px}.practice-scene .chat-shell{margin-right:28px}.companion{width:300px;right:-18px}.companion-space{height:118px}.companion-space p{max-width:90px;font-size:12px}.practice-scene .chat-head{padding-top:31px;gap:8px}.practice-pill{display:none}.chat-head strong{font-size:12px}}