:root{--bg:#061219;--panel:#0b1c25;--ink:#f4eee4;--muted:#b5c0c5;--accent:#ffb171;--line:#ffffff18;--cyan:#53cddd;font-family:Archivo,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:100px}.shell{max-width:1220px;padding-inline:36px;margin-inline:auto}header{position:sticky;top:0;z-index:10;background:#061219f2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand img{width:145px;height:auto;object-fit:contain;display:block}nav,.header-actions{display:flex;align-items:center;gap:24px;font-size:12px}nav a:hover,.login:hover{color:var(--accent)}select{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 23px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#25160e;box-shadow:0 5px 22px #ffb17112}.primary:hover{background:#ffc596}.secondary{border-color:#426379;background:#081720b3;color:var(--ink)}.header .button{min-height:40px;padding:10px 16px;font-size:12px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--accent);color:#111;z-index:20}.skip:focus{top:12px}h1,h2,h3,.result,.final-em{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(42px,4.7vw,66px);line-height:1.04;margin:18px 0 24px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(30px,3vw,43px);line-height:1.16;margin:0 0 13px;max-width:800px}h3{font-size:23px;line-height:1.25;margin:0 0 10px}p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 17px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;color:var(--accent)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:730px;border-bottom:1px solid var(--line)}.hero-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061219f5 0%,#061219cf 35%,#06121930 72%),linear-gradient(0deg,#061219,transparent 30%);z-index:-1}.hero-layout{display:grid;grid-template-columns:.95fr 1.25fr;gap:75px;align-items:center;padding-block:62px 70px}.hero-copy{max-width:575px}.intro{max-width:490px;font-size:16px}.participation{color:var(--ink)}.mini-modes{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;max-width:560px}.mini-modes>div{padding-right:15px;text-align:center}.mini-modes>div+div{border-left:1px solid var(--line);padding-left:18px}.mini-modes strong,.mini-modes small{display:block}.mini-modes img.mode-icon{margin-inline:auto}.mini-modes strong{font-size:14px;margin:5px 0 8px}.mini-modes small{font-size:11px;line-height:1.5;color:#c7d0d4}.mode-icon{font-size:37px;line-height:1;color:var(--cyan)}img.mode-icon{width:37px;height:37px;object-fit:contain;display:block}.mini-modes>div:nth-child(2) .mode-icon,.mode-card:nth-child(2) .mode-icon,.mini-modes>div:nth-child(4) .mode-icon{color:var(--accent)}.mini-modes i.mode-icon{font-size:29px;display:flex;align-items:center;justify-content:center;width:37px;height:37px;margin-inline:auto}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px}.micro{font-size:11px;line-height:1.6;color:#b6c0c3;margin:7px 0}.idea-note{margin-top:115px;padding:28px 30px;max-width:370px;justify-self:end;background:#09171ddd;border:1px solid #cba06b55;border-radius:4px;box-shadow:0 20px 65px #0005;backdrop-filter:blur(8px)}.idea-note small{font-size:10px;color:#a7b5bb}.idea-note .eyebrow{margin:23px 0 12px}.idea-note blockquote{font:italic 25px/1.5 Fraunces,Georgia,serif;margin:0;color:#fff2df}.idea-rule{height:1px;background:#fff2;margin:22px 0}.idea-note strong{font-size:11px;letter-spacing:.15em;color:var(--accent)}.idea-note p:not(.eyebrow){font-size:12px;margin:10px 0}.idea-note .result{font-size:22px!important;color:var(--ink)}.section{padding-block:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading p{margin:0}.text-link{color:var(--accent);font-size:13px;white-space:nowrap}.text-link:hover{text-decoration:underline}.steps-grid,.modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.steps-grid article{display:flex;gap:18px;padding-top:15px}.step-number{font-size:13px;width:36px;height:36px;border:1px solid #446577;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--cyan)}#how{position:relative}.how-note{position:absolute;top:2px;right:36px;max-width:170px;text-align:right;z-index:1}.steps-grid{gap:34px}.steps-grid article{flex-direction:column;gap:0;padding-top:0;position:relative}.step-photo{height:300px;margin-bottom:16px;border-radius:8px;overflow:hidden;background:#07161e}.step-photo img{width:100%;height:100%;object-fit:cover;display:block}.step-row{display:flex;gap:18px}h2 em{color:var(--accent);font-style:normal}.steps-grid article:not(:last-child){}.how-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:34px;text-align:center}.how-cta .micro{margin:0}.steps-grid h3{font-size:20px}.steps-grid p{font-size:13px;max-width:260px}.band{background:#081923;border-block:1px solid var(--line)}.book-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:6px}.book-grid::-webkit-scrollbar{display:none}.book-grid .book-card{flex:0 0 220px;scroll-snap-align:start}.book-card{display:flex;flex-direction:column;border:1px solid #315363;border-radius:10px;background:#06141c;overflow:hidden}.cover{position:relative;aspect-ratio:2/3;background:#0a1f29;background-size:cover;background-position:center;display:flex;flex-direction:column;padding:12px}.cover::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000d 0%,#0007 38%,transparent 62%)}.cover-top-row{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cover-ribbon,.cover-state-badge{display:inline-flex;align-items:center;gap:6px;background:#06141cd9;backdrop-filter:blur(4px);padding:5px 10px;border-radius:999px;font:600 11px/1 Archivo,sans-serif;color:var(--ink);white-space:nowrap}.cover-ribbon i{color:var(--cyan);font-size:11px}.cover-state-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.cover-state-badge.state-growing{color:#f0c894}.cover-state-badge.state-finished{color:#8fd0a3}.cover-title{position:relative;margin:auto 0 0;font-size:21px;line-height:1.18;color:#fff;text-shadow:0 2px 10px #000c}.cover-author{position:relative;font:600 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#e8e2d6;text-shadow:0 1px 6px #000c;margin:8px 0 12px}.progress-row{position:relative;display:flex;align-items:center;gap:8px}.cover.has-image .cover-title,.cover.has-image .cover-author{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cover.has-image .progress-row{margin-top:auto}.cover.has-image::before{background:linear-gradient(0deg,#000b 0%,#0004 22%,transparent 40%)}.progress{flex:1;height:4px;border-radius:2px;background:#ffffff33;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent)}.progress-count{font-size:10px;color:#e8e2d6;text-shadow:0 1px 4px #000;white-space:nowrap}.book-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}.book-info .book-premise{font-size:12px;line-height:1.5;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-info .book-meta{font-size:10px;color:var(--muted);margin:0}.book-info .button{margin-top:auto;font-size:12px;min-height:36px;padding:9px 12px}.mode-card{border:1px solid var(--line);padding:30px;background:linear-gradient(140deg,#14263080,#07141d);border-radius:12px}.mode-card:first-child{border-color:#b9855655}.mode-card .eyebrow{margin:18px 0 14px}.mode-card p:last-child{margin:0;font-size:14px}.centered{text-align:center;margin:25px 0 0;font-size:13px}.memory-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:55px;align-items:center}.checklist{padding:0;list-style:none;margin:23px 0}.checklist li{font-size:14px;margin:14px 0}.checklist li:before{content:'✓';color:#36d1b6;display:inline-block;margin-right:10px}figure{margin:0}figure img{width:100%;height:auto;display:block;border:1px solid #40606a;border-radius:9px}figcaption{font-size:11px;color:var(--muted);margin-top:12px}.memory-quote{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#27455060,transparent 65%);border:1px solid var(--line);border-radius:12px}.memory-quote>span{font:130px Georgia;color:#f2b779}.memory-quote p{font:24px Fraunces;text-align:center}.exports{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:35px 0}.exports>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 12px;border-left:1px solid var(--line)}.exports i{font-size:32px;color:var(--cyan);align-self:center}.exports>div:nth-child(even) i{color:var(--accent)}.exports strong{font-size:14px}.exports small{font-size:12px;color:var(--muted);line-height:1.5}.faq{display:grid;grid-template-columns:.65fr 1fr;gap:65px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;padding-right:10px}details p{margin:18px 0 0;font-size:14px}.final{background:linear-gradient(90deg,#0b2734ec,#07151de8),url('hero.jpg') center/cover;padding-block:65px;border-block:1px solid var(--line)}.final-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.final-em{font-size:29px;color:var(--accent);margin:0}.final .actions{flex-direction:column;align-items:stretch;max-width:300px}.final-grid>div:last-child{justify-self:end}.final-grid p{max-width:550px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px}footer>div{display:flex;gap:20px;font-size:11px;color:var(--muted)}@media(min-width:1450px){.hero-art{object-position:center 55%}}@media(max-width:1050px){nav{display:none}.hero-layout{gap:30px}.book-card{grid-template-columns:100px 1fr}.book-card p{max-width:600px}.memory-grid{gap:30px}.section-heading{align-items:flex-start}}@media(max-width:650px){.shell{padding-inline:22px}.header{min-height:70px;gap:12px}.brand img{width:112px}.header-actions{gap:10px}.header .button{font-size:10px;padding:8px 10px;min-height:36px}.login{display:none}.hero-layout{grid-template-columns:1fr;padding-block:38px;gap:12px}.hero{min-height:0}.hero:after{background:linear-gradient(180deg,#061219eb 0%,#061219d9 53%,#06121990)}.hero-art{object-position:66% center}.hero h1{font-size:44px}.intro{font-size:15px}.idea-note{justify-self:stretch;margin-top:15px;max-width:none;padding:22px}.idea-note blockquote{font-size:22px}.hero .actions .button{flex:1;padding-inline:12px;font-size:12px}.mini-modes{max-width:none}.section{padding-block:42px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:15px}.steps-grid,.modes-grid,.memory-grid,.faq,.final-grid{grid-template-columns:1fr}.steps-grid{gap:13px}.mode-card{padding:24px}.memory-grid{gap:25px}.exports{grid-template-columns:repeat(2,1fr);gap:10px}.faq{gap:10px}.final{padding-block:42px}.final-grid{gap:25px}.final-grid>div:last-child{justify-self:stretch}.final .actions{max-width:none}.memory-quote{min-height:210px}footer{align-items:flex-start;flex-direction:column}footer>div{flex-wrap:wrap}.micro{font-size:11px}.book-card{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Narrative photography complements the real product, never impersonates its UI. */
.handwritten{font:500 30px/1.15 Caveat,cursive;color:#f1e9dc;letter-spacing:.01em;text-wrap:balance}
.process-scene{position:relative;height:220px;margin:0 0 18px;overflow:hidden;border-radius:8px;background:#07161e}
.process-scene img{width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 70%,transparent)}
.process-scene .handwritten{position:absolute;right:22px;top:30px;width:160px;transform:rotate(-5deg);text-shadow:0 2px 12px #000;background:#06121990;padding:12px}
.steps-grid article{position:relative}.steps-grid article:not(:last-child):after{content:'→';position:absolute;right:-24px;top:150px;font:24px Fraunces,Georgia,serif;color:var(--accent)}
.mode-card{position:relative;overflow:hidden;padding-top:0}.mode-art{display:block;width:calc(100% + 60px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 -30px 24px;mask-image:linear-gradient(#000 78%,transparent)}
.mode-card .mode-icon{font-size:29px}.mode-label{display:flex;align-items:center;gap:10px}.mode-card img.mode-icon{width:29px;height:29px}.mode-card .eyebrow{text-transform:uppercase;margin:0 0 18px}
.memory-visual{position:relative;overflow:hidden;border-radius:10px;min-height:310px}.memory-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent)}
.memory-visual .handwritten{position:absolute;bottom:0;right:12px;max-width:200px;text-align:right;padding:18px;background:#061219b3;border-radius:8px;transform:rotate(-4deg)}
.print-section{display:grid;grid-template-columns:1.15fr 1fr;column-gap:32px;align-items:center}.print-section .section-heading{grid-column:1;grid-row:1;margin-bottom:0}.print-section .section-heading h2{font-size:34px}.print-section .exports{grid-column:1;grid-row:2;gap:3px;margin:20px 0}.print-section>.micro{grid-column:1/-1}.print-scene{grid-column:2;grid-row:1/3;position:relative;overflow:hidden}.print-scene img{width:100%;height:auto;display:block;border-radius:8px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.print-scene .handwritten{position:absolute;right:8px;bottom:5px;max-width:145px;padding:12px;background:#061219bd;transform:rotate(-5deg)}
.final{position:relative;isolation:isolate;overflow:hidden;background:#061219}.final-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.final:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06121920,#061219e8 40%,#061219f5 85%);z-index:-1}.final-grid{grid-template-columns:.6fr 1.3fr .9fr;gap:32px}.final-note{max-width:180px;transform:rotate(-6deg);text-shadow:0 2px 12px #000}.final-grid h2{font-size:34px}.final-grid>div:last-child{justify-self:stretch}.final .button{font-size:12px}.exports>div{padding:14px 8px}
@media(max-width:900px){.print-section{grid-template-columns:1fr}.print-section .section-heading,.print-section .exports,.print-section>.micro,.print-scene{grid-column:auto;grid-row:auto}.print-scene{max-height:300px}.print-scene img{height:300px;object-fit:cover}.final-grid{grid-template-columns:1fr 1fr}.final-note{display:none}.exports{grid-template-columns:repeat(5,1fr)}}
@media(max-width:650px){.process-scene{height:180px}.process-scene img{object-position:40% center}.process-scene .handwritten{right:0;top:15px;width:130px;font-size:25px}.steps-grid article:not(:last-child):after{display:none}.mode-art{width:calc(100% + 48px);margin-inline:-24px}.mode-card{padding-top:0}.memory-visual{min-height:0}.memory-visual .handwritten{font-size:25px;max-width:165px}.print-section .section-heading h2{font-size:30px}.how-note{position:static;text-align:left;max-width:none;margin:0 0 14px}.print-scene{margin-top:20px}.final-grid{grid-template-columns:1fr}.final:after{background:linear-gradient(#06121955,#061219ee 40%)}.final-note{display:block;padding-block:20px;max-width:200px;margin:0;font-size:29px}.exports{grid-template-columns:repeat(2,1fr)}}
/* Cabecera interactiva (19-09): la idea a la izquierda, la demo a la derecha. Misma paleta, tipografía y fondo de siempre. */
.hero-layout{grid-template-areas:"copy demo" "modes demo";align-items:center}.hero-copy{grid-area:copy}.hero-modes{grid-area:modes;align-self:start}.hero-demo{grid-area:demo;min-width:0;position:relative}
.hero-modes .participation{margin:0 0 4px}.hero-modes .mini-modes{margin:12px 0 0}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero-lead{color:var(--ink);font-size:15px;margin:0 0 12px}
.hero-form{max-width:530px}.hero-field{position:relative}
.hero-field textarea{width:100%;min-height:108px;resize:vertical;padding:14px 66px 28px 16px;border-radius:10px;border:1px solid #4a6a7c;background:#06141ccc;color:var(--ink);font:inherit;font-size:15px;line-height:1.5;backdrop-filter:blur(6px)}
.hero-field textarea::placeholder{color:#8fa0a8}.hero-field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #53cddd33}
.hero-count{position:absolute;right:12px;bottom:10px;font-size:11px;color:var(--muted)}
.hero-example{font-size:12px;color:var(--muted);margin:8px 0 12px;line-height:1.5}
.hero-example-btn{background:none;border:0;padding:0;color:#c7d0d4;font:italic 12px/1.5 Archivo,system-ui,sans-serif;cursor:pointer;text-align:left}.hero-example-btn:hover{color:var(--accent);text-decoration:underline}
.hero-cta{width:100%;font-size:16px;gap:12px;min-height:54px}.hero-cta i{font-size:18px}.hero-cta:disabled{opacity:.6;cursor:wait;transform:none}
.hero-micro{text-align:center;margin:10px 0 0;color:#d5dde0}
.hero-error{font-size:13px;color:#ffb4a8;margin:10px 0 0}
.hero-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:10px 0 0;font-size:11px;letter-spacing:.03em;color:#d5dde0}
.hero-badges span:not(.hero-badges-sep){display:inline-flex;align-items:center;gap:6px}
.hero-badges i{color:var(--accent);font-size:12px}
.hero-badges-sep{color:#ffffff33}
.hero-doodle{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.25;margin:12px 0 0;opacity:.8;justify-content:center}
.hero-doodle i{font-size:22px;color:var(--accent);transform:rotate(-8deg);flex:none}
.hero-copy .beta-note{margin-top:12px}
.hero-carousel{position:relative;padding:8px 0 30px;outline:none}.hero-carousel:focus-visible .hero-viewport{outline:3px solid var(--cyan);outline-offset:6px;border-radius:10px}
.hero-viewport{overflow:hidden;touch-action:pan-y}
.hero-track{display:flex;gap:18px;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}.hero-track.dragging{transition:none;cursor:grabbing}
.hero-card{flex:0 0 var(--card-w,100%);display:grid;grid-template-columns:196px 1fr;gap:18px 20px;padding:20px;background:#09171ddd;border:1px solid #cba06b55;border-radius:6px;box-shadow:0 20px 65px #0005;backdrop-filter:blur(8px);opacity:.42;transform:scale(.965);transition:opacity .45s,transform .45s;user-select:none}
.hero-card.is-active{opacity:1;transform:none;user-select:text}
.hero-card-cover{aspect-ratio:2/3;border-radius:3px;overflow:hidden;background:#0a1f29;box-shadow:0 10px 30px #0008;border:1px solid #ffffff2e}.hero-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.hero-cover-typo{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:18px 12px 14px;text-align:center;background:linear-gradient(165deg,var(--c1,#1c3a4a),var(--c2,#0a1f29));color:#fff}
.hero-cover-typo .t{font:500 20px/1.15 Fraunces,Georgia,serif;letter-spacing:-.02em;margin-top:26px;text-wrap:balance}.hero-cover-typo .s{font:italic 11px/1.4 Fraunces,Georgia,serif;color:#f1e9dc;margin:10px 0 auto}.hero-cover-typo .a{font:600 9px/1 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#e8e2d6;margin-top:14px}
.hero-card-body{min-width:0}
.hero-badge{display:inline-block;font-size:11px;letter-spacing:.03em;padding:5px 10px;border-radius:999px;background:#ffffff14;color:#c7d0d4;margin-bottom:9px}
.hero-card-title{font-size:27px;line-height:1.15;margin:0 0 4px;color:#fff}.hero-card-tagline{font-size:14.5px;color:#d5dde0;margin:0 0 10px}
.hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.hero-chips span{font-size:11px;padding:4px 9px;border-radius:6px;background:#ffffff12;color:var(--ink)}
.hero-card-synopsis{font-size:14.5px;line-height:1.6;color:#c7d0d4;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hero-card-label{font-size:12px;font-weight:600;color:var(--ink);margin:0 0 8px}
.hero-cast{display:flex;gap:10px;margin:0}.hero-cast-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:88px}
.hero-avatar{width:58px;height:58px;border-radius:50%;border:2px solid #ffffff33;background:#1c3a4a center/cover no-repeat;background-origin:border-box;overflow:hidden;clip-path:circle(50%);flex-shrink:0;display:grid;place-items:center;font:600 16px Archivo,sans-serif;color:#f1e9dc;margin-bottom:5px}
.hero-cast-item strong{font-size:12px;color:#fff;line-height:1.2}.hero-cast-item small{font-size:10px;color:var(--muted);line-height:1.3;margin-top:2px}
.hero-opening{grid-column:1/-1;background:#06141c99;border:1px solid var(--line);border-radius:6px;padding:12px 14px}
.hero-opening-head{font-size:12px;font-weight:600;color:var(--ink);margin:0 0 6px}.hero-opening p{font:14px/1.6 Archivo,system-ui,sans-serif;color:#e8e2d6;margin:0}
.hero-read{display:inline-block;margin-top:8px;font-size:12px;color:var(--accent)}.hero-read:hover{text-decoration:underline}
.hero-arrow{position:absolute;top:calc(50% - 15px);transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #426379;background:#081720e6;color:var(--ink);display:grid;place-items:center;cursor:pointer;z-index:2;font-size:13px}
.hero-arrow.prev{left:-6px}.hero-arrow.next{right:-6px}.hero-arrow:hover{border-color:var(--accent);color:var(--accent)}
.hero-dots{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;gap:8px}
.hero-dots button{width:8px;height:8px;border-radius:4px;border:0;padding:0;background:#ffffff3a;cursor:pointer;transition:width .3s,background .3s}.hero-dots button[aria-selected="true"]{background:var(--accent);width:22px}
.hero-progress-card{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;background:#09171ddd;border:1px solid #cba06b55;border-radius:6px;backdrop-filter:blur(8px)}
.hero-spinner{width:46px;height:46px;border-radius:50%;border:3px solid #ffffff22;border-top-color:var(--accent);animation:hero-spin 1s linear infinite}@keyframes hero-spin{to{transform:rotate(360deg)}}
.hero-progress-msg{font:italic 23px/1.3 Fraunces,Georgia,serif;color:#fff2df;margin:0;text-align:center;min-height:1.3em}
.hero-progress-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}
.hero-progress-steps li{display:flex;gap:9px;align-items:center;opacity:.4;transition:opacity .3s,color .3s}.hero-progress-steps li::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.hero-progress-steps li.done{opacity:1;color:#8fd0a3}.hero-progress-steps li.now{opacity:1;color:var(--accent)}
.hero-result{display:flex;flex-direction:column;border-radius:6px;box-shadow:0 20px 65px #0005}
.hero-result .hero-card{opacity:1;transform:none;flex:none;animation:hero-in .6s ease-out;user-select:text;border-radius:6px 6px 0 0;box-shadow:none}@keyframes hero-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero-result-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0;background:#09171ddd;border:1px solid #cba06b55;border-top:1px solid #cba06b33;border-radius:0 0 6px 6px;padding:16px 20px;backdrop-filter:blur(8px)}
.hero-result-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-result-title{font:500 19px Fraunces,Georgia,serif;color:var(--accent);margin:0}
.hero-result-actions .button{min-height:44px;padding:10px 18px;font-size:13px}
@media(max-width:1050px){.hero-card{grid-template-columns:130px 1fr}.hero-card-title{font-size:21px}.hero-cast-item{width:76px}.hero-avatar{width:50px;height:50px}}
@media(max-width:650px){.hero-layout{grid-template-areas:"copy" "demo" "modes"}.hero-demo{margin-top:8px}.hero-form{max-width:none}.mini-modes{grid-template-columns:repeat(2,1fr);row-gap:20px}.mini-modes>div:nth-child(3){border-left:none}.hero-card{grid-template-columns:1fr;--card-w:100%;padding:16px}.hero-card-cover{width:140px;margin:0 auto}.hero-cast{justify-content:center;flex-wrap:wrap}.hero-arrow{display:none}.hero-progress-card{min-height:320px}.hero-progress-msg{font-size:20px}.hero-result-title{flex:1 1 100%}.hero-result-buttons{width:100%}.hero-result-actions .button{flex:1}.hero-modes .mini-modes{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.hero-track,.hero-card,.hero-dots button{transition:none}.hero-result .hero-card{animation:none}.hero-spinner{animation-duration:2s}}
/* Ediciones (19-09, maqueta de Alfredo): cuatro tarjetas justo después de la cabecera. Beta ON = "Sin precio durante la beta" + "Solicitar acceso"; beta OFF = precios reales (mismos que /promo/) — lo conmuta start.js con session.beta_enabled. */
.plans-head{text-align:center;max-width:720px;margin:0 auto 34px}.plans-head h2{margin:10px auto 8px;max-width:none}.plans-head p:last-child{margin:0}
.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.plan-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px 22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,#0d1f2a99,#07141d)}
.plan-card.is-featured{border-color:var(--accent);background:linear-gradient(160deg,#1d2a1e66,#07141d);box-shadow:0 0 0 1px #ffb17133,0 20px 60px #0006}
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#25160e;font:600 11px/1 Archivo,sans-serif;padding:7px 12px;border-radius:999px;white-space:nowrap}
.plan-icon{font-size:26px;margin-bottom:12px}
.plan-card[data-plan="descubre"] .plan-icon{color:#7dd3a3}.plan-card[data-plan="infinito"] .plan-icon{color:var(--accent)}.plan-card[data-plan="pro"] .plan-icon{color:#ffd166}.plan-card[data-plan="studio"] .plan-icon{color:#53a6ff}
.plan-card h3{font-size:24px;margin:0 0 4px}.plan-kind{font-size:13px;color:var(--muted);margin:0 0 14px}
.plan-price{font:600 14px/1.3 Archivo,sans-serif;color:var(--ink);min-height:40px;display:flex;align-items:center;justify-content:center;margin:0 0 14px}.plan-price-big{font:500 36px/1 Fraunces,Georgia,serif}.plan-price small{font-size:13px;color:var(--muted);margin-left:3px}
.plan-features{list-style:none;padding:0;margin:0 0 20px;width:100%;text-align:left}.plan-features li{font-size:13px;color:#d5dde0;padding:9px 0;border-top:1px solid var(--line);display:flex;gap:9px;align-items:flex-start}.plan-features li::before{content:'✓';color:#8fd0a3;flex:none}
.plan-cta{width:100%;margin-top:auto;min-height:44px;font-size:13px;padding:10px 14px;gap:8px}
.plans-compare{display:flex;justify-content:center;margin:30px 0 26px}
.plans-quote{text-align:center;font:italic 18px/1.5 Fraunces,Georgia,serif;color:#e8e2d6;margin:0}.plans-quote::after{content:'';display:block;width:28px;height:2px;background:var(--accent);margin:14px auto 0}
@media(max-width:1050px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.plans-grid{grid-template-columns:1fr;gap:14px}.plans-head{margin-bottom:24px}.plan-card{padding:26px 18px 20px}}
/* Pastilla "Beta privada" del header (19-09, la misma que ya lleva
   /promo/): sólo visible con la beta encendida — [data-beta-only] ya lo
   conmuta start.js con session.beta_enabled, igual que la sección de
   ediciones. */
.beta-pill{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid #ffb17173;border-radius:20px;padding:5px 10px;white-space:nowrap}
@media(max-width:900px){.beta-pill{display:none}}
/* Resultado como carrusel de "mis ideas" (20-09): hasta 3 fichas propias de
   esta sesión, la última creada al frente. Mismas flechas/puntos que el
   carrusel de muestras, pero fuera del flujo absoluto de aquél. */
.hero-result{position:relative}
.hero-result-dots{position:static;margin-top:14px}

.reader-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#03090dd9;backdrop-filter:blur(4px);padding:2vh 2vw}.reader-modal[hidden]{display:none}
.reader-modal-box{position:relative;width:min(1000px,100%);height:min(900px,96vh);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 30px 90px #000a}.reader-modal-box iframe{width:100%;height:100%;border:0;display:block}
.reader-modal-close{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff44;background:#061219e6;color:#f4eee4;font-size:16px;cursor:pointer}.reader-modal-close:hover{background:var(--accent);color:#25160e}
html.reader-open{overflow:hidden}
@media(max-width:650px){.reader-modal{padding:0}.reader-modal-box{width:100%;height:100%;border-radius:0}}
/* En monitores anchos la página se veía pequeña a zoom 100 %: se reproduce el
   aspecto que tiene a 125 % (pedido de Alfredo, 20-09). */
@media (min-width:1800px){html{zoom:1.25}.reader-modal-box{height:min(900px,calc(96vh / 1.25))}}