/* El sticky queda limitado por la narrativa; ningún ancestro recorta su desplazamiento. */
.motion-story{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);column-gap:64px;row-gap:0;align-items:start;padding-top:35px;padding-bottom:70px}
.showcase{grid-column:1;grid-row:1/span 2;position:sticky;top:22px;min-width:0;border:1px solid #d6e2cb;border-radius:36px;background:#eaf1de;transition:background .55s;isolation:isolate;padding:24px 24px 14px;scroll-margin-top:22px}
.showcase-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;font-weight:600;color:#4a6d43;gap:8px}
.showcase-top>span:first-child{display:flex;align-items:center;gap:7px}.showcase-top>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.stage-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:17px 0 22px}
.stage-picker button{display:flex;gap:3px;flex-direction:column;align-items:center;justify-content:center;border:1px solid transparent;border-radius:13px;padding:7px 3px;min-height:49px;background:transparent;color:#596c4f;font-size:10px;transition:background .2s,color .2s}
.stage-picker b{font-weight:500;font-size:9px;letter-spacing:.08em}.stage-picker button[aria-current=step]{background:var(--green);color:white;border-color:var(--green)}.stage-picker button:hover:not([aria-current]){background:#ffffff80;border-color:#b8cbaa}
.showcase-scene{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:10px;position:relative;min-width:0}
.showcase .demo-stage{width:100%;max-width:320px;margin:0;z-index:2}.showcase .device{border-width:6px;border-radius:38px;box-shadow:0 20px 38px #23451a24,0 0 0 1px #becdb3}
.showcase .phone-screen{height:clamp(400px,calc(100svh - 430px),520px);padding-inline:15px}.showcase .phone-nav button{min-height:48px;padding-block:6px 4px}.showcase .device-top{height:34px}.showcase .island{height:20px;top:6px}
.showcase .birdie-guide{display:block;padding:0;align-self:center;margin:0;grid-column:auto;width:auto;max-width:none;min-width:0;z-index:2}
.showcase .guide-eyebrow{font-size:7px;line-height:1.7;letter-spacing:.12em;display:block}.showcase .guide-illustration{height:190px;margin-top:15px}.showcase .guide-illustration img{width:100%;height:auto;max-height:190px;transition:transform .4s;transform:rotate(-3deg)}
.showcase .guide-illustration img.portrait-pose{height:180px;width:auto;border-radius:60px 60px 18px 18px;transform:none}
.showcase .guide-bubble{padding:16px 13px;border-radius:17px;margin-top:15px}.showcase .guide-bubble:before{top:-7px;left:50%;transform:rotate(45deg)}.showcase .guide-bubble h2{font-size:19px}.showcase .guide-bubble p{font-size:11px;line-height:1.65}.showcase .guide-name{font-size:7px}.showcase .guide-note{display:block;font-size:8px;margin-top:9px}
.golf-orbit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b1c799;stroke-width:1;pointer-events:none;z-index:0;transition:transform .6s,opacity .6s;opacity:.75}.golf-orbit .orbit-line{stroke:#739a5b;stroke-dasharray:5 7;stroke-width:1.5}
.floating-chip{position:absolute;right:9px;top:0;border:1px solid #d2dfc6;background:#fffffff2;border-radius:14px;padding:12px 16px;transform:translateY(-4px) rotate(4deg);z-index:1;box-shadow:0 12px 20px #24411c0a;opacity:0;transition:opacity .4s,transform .5s;pointer-events:none}.floating-chip>span{font-size:7px;letter-spacing:.13em;display:block;color:#6d8263}.floating-chip>b{font-size:28px;font-weight:500;display:block;line-height:1.2}.floating-chip small{font-size:13px}.floating-chip i{font-size:7px;font-style:normal;color:#7d8c73}
.showcase[data-stage=prepare]{background:#e5eddf}.showcase[data-stage=play]{background:#dce9d3}.showcase[data-stage=train]{background:#eef0d9}.showcase[data-stage=progress]{background:#e5eee5}.showcase[data-stage=play] .golf-orbit{transform:rotate(8deg)}.showcase[data-stage=train] .golf-orbit{transform:rotate(-9deg) scale(.94)}.showcase[data-stage=train][data-screen=train] .floating-chip{opacity:1;transform:translateY(0) rotate(-4deg)}.showcase[data-stage=progress] .golf-orbit{opacity:.25;transform:scale(.9)}
.showcase .demo-disclaimer{font-size:10px;margin-top:17px;color:#55714d}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px}.showcase-bottom>span{font-size:8px;color:#69805f}.showcase-bottom .reset-demo{margin:0;font-size:9px;min-height:36px;padding:6px 0;white-space:nowrap}.mobile-context{display:none}
.narrative{min-width:0;grid-column:2;grid-row:2}.intro-step{grid-column:2;grid-row:1}.narrative-step{min-height:85svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 0;position:relative;border-bottom:1px solid var(--line);scroll-margin-top:40px}
.narrative-step:last-child{border-bottom:0}.narrative-step>.overline{font-size:10px;margin-bottom:27px;color:#72836b;transition:color .3s}.narrative-step.is-active>.overline{color:var(--green)}.narrative-step>.overline:before{content:"";width:6px;height:6px;background:#c4d3bd;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle}.narrative-step.is-active>.overline:before{background:#2c8050;box-shadow:0 0 0 5px #e4eddc}
.narrative-step h1{font-size:clamp(42px,4.2vw,61px);line-height:1.05;letter-spacing:-.05em}.narrative-step h1 em{display:block}.narrative-step h2{font-size:clamp(39px,3.7vw,54px);line-height:1.08}.narrative-step>p:not(.overline):not(.provisional):not(.stage-note):not(.beta-badge){font-size:15px;line-height:1.9;max-width:420px;margin-top:25px}.narrative-step .button{border:1px solid var(--green);font-size:13px;min-height:48px;padding:12px 21px;gap:20px;margin-top:29px}.button.outline{background:transparent;color:var(--green)}.button.outline:hover{background:#e7efdf;transform:translateY(-2px)}.button:active{transform:translateY(1px)}
.step-actions{display:flex;gap:12px;flex-wrap:wrap}.intro-step{min-height:calc(100svh - 120px);padding-top:15px}.intro-step .beta-badge{margin-bottom:27px;font-size:10px}.intro-step>.overline{margin-bottom:19px}.intro-step .provisional{font-size:10px;line-height:1.9;max-width:330px;margin-top:23px}.scroll-hint{display:flex;align-items:center;gap:20px;font-size:8px;color:#7c8a73;letter-spacing:.12em;margin-top:42px}.scroll-hint>span{font-size:19px;line-height:1}.step-detail{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.step-detail>span{font-size:10px;color:#55734d;background:#edf2e7;border:1px solid #dce6d5;border-radius:20px;padding:5px 10px}.narrative-step .stage-note{font-size:10px;line-height:1.8;max-width:340px;margin-top:18px}
.real-product{border-top:1px solid var(--line)}.real-copy h2{font-size:43px}.real-gallery img{max-height:385px;width:auto}.course-section{padding-block:65px}.course-grid{grid-template-columns:.7fr 1.3fr;gap:70px}.course-art{padding:25px 20px 20px}.course-screen{width:150px;border-radius:23px}.course-copy h2{font-size:42px}.course-copy>p:not(.overline){margin-top:18px}.beta-panel{gap:55px;padding:44px}.beta-panel h2{font-size:44px}.site-footer{padding-top:15px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:901px) and (max-height:780px){.showcase{top:12px;padding-top:15px}.stage-picker{margin-block:12px 15px}.showcase .phone-screen{height:350px}.showcase .guide-illustration{height:145px}.showcase .guide-illustration img{max-height:145px}.showcase .guide-illustration img.portrait-pose{height:135px}.showcase .guide-bubble h2{font-size:17px}.showcase .guide-bubble p{font-size:10px}.showcase .guide-note{display:none}.showcase .demo-disclaimer{margin-top:11px}}
@media(max-width:1200px){.motion-story{column-gap:38px;grid-template-columns:1.15fr 1fr}.showcase{padding-inline:18px}.showcase-scene{grid-template-columns:minmax(0,295px) minmax(0,1fr);gap:8px}.showcase .guide-illustration{height:155px}.showcase .guide-illustration img{max-height:155px}.showcase .guide-illustration img.portrait-pose{height:145px}.showcase .guide-bubble{padding:13px 10px}.showcase .guide-bubble h2{font-size:17px}.showcase .guide-bubble p{font-size:10px}.showcase .guide-name{letter-spacing:.08em}.showcase .guide-note{font-size:7px}.narrative-step h1{font-size:48px}.narrative-step h2{font-size:43px}.narrative-step>p:not(.overline):not(.provisional):not(.stage-note):not(.beta-badge){font-size:14px}.showcase .phone-screen{padding-inline:12px}.showcase-bottom>span{font-size:7px}}
/* En tablet y móvil las etapas son un selector compacto, sin fijar el dispositivo al viewport. */
@media(max-width:900px){.motion-story{display:flex;flex-direction:column;gap:28px;padding-top:32px;padding-bottom:48px}.narrative{display:contents}.intro-step{order:0;min-height:0;width:100%;padding:0 0 14px;border:0;text-align:center;align-items:center}.intro-step h1{font-size:clamp(39px,6.5vw,62px);max-width:650px}.intro-step>p:not(.overline):not(.provisional):not(.stage-note):not(.beta-badge){max-width:500px;margin-top:22px;font-size:14px}.intro-step .beta-badge{margin-bottom:22px}.intro-step>.overline{margin-bottom:19px}.step-actions{justify-content:center}.intro-step .button{margin-top:23px}.intro-step .provisional{max-width:430px;margin-top:19px}.scroll-hint{display:none}.showcase{position:relative;top:auto;order:1;width:100%;max-width:650px;margin-inline:auto;padding:22px 28px 18px}.showcase-scene{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:22px;justify-content:center}.showcase .demo-stage{width:100%;max-width:320px}.showcase .phone-screen{height:500px}.showcase .guide-illustration{height:210px}.showcase .guide-illustration img{max-height:210px}.showcase .guide-illustration img.portrait-pose{height:190px}.showcase .guide-bubble{padding:18px 14px}.showcase .guide-bubble h2{font-size:22px}.showcase .guide-bubble p{font-size:12px}.showcase .guide-note{font-size:9px}.showcase .guide-eyebrow{font-size:8px}.narrative-step:not(.intro-step){display:none}.mobile-context{display:block;margin-top:15px;padding-top:17px;border-top:1px solid #cedcc4}.mobile-context>b{font-size:18px;font-weight:500;letter-spacing:-.03em}.mobile-context p{font-size:12px;line-height:1.8;margin-top:7px}.showcase-bottom>span{font-size:8px}.stage-picker button{min-height:48px}.course-grid{gap:40px}.course-copy h2,.real-copy h2{font-size:38px}}
@media(max-width:600px){.showcase{padding:17px 16px 15px;border-radius:26px}.showcase-scene{grid-template-columns:minmax(0,1fr);gap:17px}.showcase .demo-stage{margin:auto;width:310px;max-width:100%}.showcase .phone-screen{height:460px}.showcase .birdie-guide{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:13px;max-width:370px;margin:auto;width:100%}.showcase .guide-eyebrow,.showcase .guide-note{display:none}.showcase .guide-illustration{height:125px;margin:0}.showcase .guide-illustration img{width:95px;max-height:125px;transform:none}.showcase .guide-illustration img.portrait-pose{height:115px}.showcase .guide-bubble{margin:0;padding:14px}.showcase .guide-bubble:before{left:-7px;top:40%;transform:rotate(-45deg)}.showcase .guide-bubble h2{font-size:17px;margin-bottom:7px}.showcase .guide-bubble p{font-size:11px;line-height:1.6}.showcase .guide-name{font-size:7px;margin-bottom:7px}.golf-orbit{height:660px}.floating-chip{display:none}.showcase-top{font-size:8px;letter-spacing:.09em}.stage-picker{gap:3px;margin-bottom:20px}.stage-picker button{font-size:9px}.showcase .demo-disclaimer{font-size:9px;margin-top:14px}.showcase-bottom{gap:5px}.showcase-bottom>span{font-size:7px;max-width:150px}.showcase-bottom .reset-demo{font-size:8px}.intro-step .provisional{font-size:9px;max-width:310px}.intro-step .button{font-size:12px;padding-inline:18px;gap:13px}.course-grid{grid-template-columns:1fr}.course-copy h2{font-size:36px}.course-art{max-width:400px}.real-gallery img{max-height:none;width:100%}.beta-panel{padding:28px;gap:30px}.beta-panel h2{font-size:36px}.site-footer{padding-top:0}}
@media(max-width:340px){.showcase{padding-inline:11px;border-radius:23px}.intro-step h1{font-size:37px}.showcase .phone-screen{padding-inline:10px}.stage-picker button{font-size:8px}.showcase-top{font-size:7px}.showcase .birdie-guide{grid-template-columns:66px minmax(0,1fr);gap:10px}.showcase .guide-illustration img{width:73px}.showcase .guide-illustration img.portrait-pose{height:95px}.showcase .guide-bubble{padding:12px}.showcase .guide-bubble p{font-size:10px}.showcase .guide-bubble h2{font-size:16px}.intro-step .step-actions{gap:9px}.intro-step .button{padding-inline:15px;gap:9px}.email-link{font-size:17px}.mobile-context>b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.showcase,.golf-orbit,.floating-chip,.showcase .guide-illustration img,.stage-picker button{transition:none;transform:none!important}html{scroll-behavior:auto}}

/* Los avisos pequeños mantienen contraste sobre todos los fondos claros de las cinco etapas. */
.showcase-bottom>span,.showcase .guide-eyebrow,.showcase .guide-note{color:#53624b}

/* Los enlaces legales se limitan al footer y mantienen un área de foco accesible. */
.site-footer .legal-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px}
.site-footer .legal-links a{font-size:12px;justify-self:auto;padding-block:8px;text-decoration:underline;text-underline-offset:3px;color:var(--green)}