:root{color-scheme:light;--ink:#14110f;--paper:#faf7f2;--rule:#dad3c8;--muted:#6b625a;--accent:#9c2b12;--dark:#171513;font-family:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p,h1,h2,h3{margin-top:0}em{font-weight:400;color:var(--accent)}.skip{position:absolute;top:-100px;left:20px;z-index:20;padding:12px;background:var(--paper)}.skip:focus{top:12px}
.site-head{min-height:83px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px max(36px,calc((100vw - 1390px)/2));border-bottom:1px solid var(--rule)}.brand{font:600 12px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;text-decoration:none}.brand span{color:var(--muted);font-weight:400}.site-head nav{display:flex;align-items:center;gap:30px}.site-head nav a{font-size:13px;text-decoration:none}.site-head nav a:hover,.footer a:hover{text-decoration:underline}.nav-buy{background:var(--ink);color:var(--paper);padding:14px 20px;font-weight:700}
.hero{max-width:1510px;min-height:710px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:75px clamp(36px,7vw,110px) 75px max(36px,calc((100vw - 1390px)/2))}.eyebrow,.hero-note,.object-top,.object-bottom,.guide-mark,.guide-sub,.guide-bottom,.inside-label,.steps article>span,.capability-list span,.capability-list small,.facts span{font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.09em}.eyebrow{color:var(--accent);margin-bottom:30px}.eyebrow span{margin:0 9px;color:var(--muted)}h1,h2,h3,.facts strong,.capability-list strong{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(62px,6.2vw,101px);line-height:.99;margin:0 0 38px;max-width:880px}h1 em{font-style:italic}.hero-lead{font-size:18px;line-height:1.55;max-width:50ch;margin-bottom:18px}.hero-lead:nth-of-type(3){font-size:16px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;min-height:58px;padding:16px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#37302a}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link span{margin-left:10px}.hero-note{color:var(--muted);margin:32px 0 0}
.hero-object{background:var(--dark);color:var(--paper);min-height:710px;padding:30px 38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.object-top,.object-bottom{display:flex;justify-content:space-between;gap:20px;color:#bcb1a0}.guide-object{width:min(58%,360px);aspect-ratio:3/4;align-self:center;display:flex;flex-direction:column;padding:27px;background:#ede5d7;color:var(--ink);border:1px solid #bdb2a0;transform:rotate(-5deg);box-shadow:28px 32px 0 rgba(0,0,0,.16),36px 42px 45px rgba(0,0,0,.34);position:relative}.guide-object:before{content:'';position:absolute;top:0;bottom:0;left:13px;width:1px;background:#c4bba9}.guide-mark{font-size:10px}.guide-object strong{font:400 clamp(43px,4.8vw,78px)/.9 'Bodoni Moda',Georgia,serif;letter-spacing:-.08em;margin:auto 0 20px}.guide-rule{display:block;height:3px;width:32%;background:var(--accent);margin:0 0 20px}.guide-sub{font-size:11px;line-height:1.5}.guide-bottom{margin-top:auto;padding-top:38px;color:var(--accent);font-size:10px}
.facts{max-width:1510px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.facts div{padding:32px 38px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:7px}.facts div:last-child{border:0}.facts strong{font-size:clamp(36px,4vw,60px);line-height:1}.facts span{max-width:23ch;color:var(--muted)}
.editorial,.faq{max-width:1390px;margin:auto;padding:120px 36px}.section-intro{max-width:840px}h2{font-size:clamp(48px,5vw,78px);line-height:1.03;margin:0 0 30px}.section-intro>p:last-child{font-size:17px;line-height:1.7;max-width:65ch}.section-intro code{font-size:.9em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:70px;border-top:1px solid var(--ink)}.steps article{padding-top:25px}.steps article>span{color:var(--accent)}.steps h3{font-size:31px;line-height:1.12;margin:52px 0 18px}.steps p{font-size:15px;line-height:1.7;color:var(--muted);max-width:39ch}
.desktop{background:var(--dark);color:var(--paper);padding:120px max(36px,calc((100vw - 1390px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:30px 9vw}.desktop .eyebrow{color:#db9a8b}.desktop h2 em{color:#db9a8b}.desktop-copy{padding-top:45px;max-width:56ch}.desktop-copy p{font-size:17px;line-height:1.7;color:#d9d1c4}.capability-list{grid-column:1/-1;border-top:1px solid #69635a;margin-top:55px}.capability-list div{display:grid;grid-template-columns:70px minmax(250px,.8fr) 1fr;gap:24px;align-items:center;border-bottom:1px solid #69635a;padding:24px 0}.capability-list span{color:#db9a8b}.capability-list strong{font-size:clamp(25px,2.5vw,37px);letter-spacing:-.025em}.capability-list small{color:#bbb2a7;font-size:11px;line-height:1.6}
.inside{display:grid;grid-template-columns:.34fr .66fr;gap:8vw;max-width:1390px;margin:auto;padding:120px 36px}.inside-label{display:flex;justify-content:space-between;flex-direction:column;color:var(--muted)}.inside-content{max-width:790px}.inside-content>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:65ch}.inside dl{margin:50px 0;border-top:1px solid var(--ink)}.inside dl div{display:grid;grid-template-columns:.32fr .68fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--rule);font-size:14px}.inside dt{color:var(--muted)}.inside dd{margin:0}.inside-content .inside-fine{color:var(--muted);font-size:13px!important;max-width:75ch}
.faq{padding-top:75px;border-top:1px solid var(--rule)}.faq h2{margin-bottom:55px}.faq details{border-top:1px solid var(--rule);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:18px;font-weight:600}.faq summary:after{content:'+';font-size:24px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{max-width:66ch;margin:18px 0 0;color:var(--muted);line-height:1.7}
.last-call{text-align:center;background:#e9e1d6;padding:110px 30px 120px;scroll-margin-top:25px}.last-call h2{max-width:950px;margin:0 auto 25px}.last-call>p:not(.eyebrow){font-size:16px}.last-call .button{margin:28px auto 0}.last-call .access-note{font-size:12px!important;color:var(--muted);margin:24px auto 0;max-width:46ch}
.last-call .founder-price{font:400 clamp(37px,5vw,60px)/1.05 'Bodoni Moda',Georgia,serif!important;letter-spacing:-.04em;color:var(--accent);margin:36px auto 8px}.last-call .founder-terms{max-width:54ch;margin:0 auto;color:var(--ink)}
.footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--ink);color:var(--paper);padding:64px max(36px,calc((100vw - 1390px)/2));font-size:13px}.footer strong{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.06em}.footer p{line-height:1.8}.footer div{display:flex;justify-content:flex-end;gap:25px;flex-wrap:wrap}.footer a{text-decoration:none}.footer small{grid-column:1/-1;border-top:1px solid #57504a;padding-top:24px;color:#c8bfb4}
@media(max-width:900px){.site-head{padding:14px 24px}.site-head nav{gap:18px}.site-head nav a:not(.nav-buy):not(.nav-lang){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:85px 26px 65px}.hero-object{min-height:570px}.guide-object{width:min(48%,290px)}.editorial,.faq,.inside{padding:90px 26px}.steps{gap:22px}.desktop{padding:90px 26px}.inside{grid-template-columns:1fr;gap:30px}.inside-label{flex-direction:row}.footer{padding:60px 26px}}
@media(max-width:680px){.brand span{display:block;margin-top:4px}.hero-copy{padding-top:70px}h1{font-size:clamp(53px,12vw,76px)}.hero-lead{font-size:17px}.hero-object{min-height:500px;padding:24px}.guide-object{width:min(59%,280px)}.facts{grid-template-columns:repeat(2,1fr)}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.facts div{padding:24px}.steps{grid-template-columns:1fr;gap:0;margin-top:48px}.steps article{border-bottom:1px solid var(--rule);padding-bottom:20px}.steps h3{margin:28px 0 12px}.desktop{grid-template-columns:1fr;gap:0}.desktop-copy{padding-top:0}.capability-list{margin-top:30px}.capability-list div{grid-template-columns:45px 1fr;gap:10px 15px}.capability-list small{grid-column:2}.inside dl div{grid-template-columns:1fr;gap:4px}.footer{grid-template-columns:1fr}.footer div{justify-content:flex-start}.footer small{grid-column:1}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.eyebrow,.hero-note,.object-top,.object-bottom,.guide-mark,.guide-sub,.guide-bottom,.inside-label,.steps article>span,.capability-list span,.capability-list small,.facts span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.guide-object{box-shadow:none}
.guide-object{width:min(68%,410px);aspect-ratio:140/210;padding:0;background:#fff;border:0;transform:rotate(-3deg);overflow:hidden}
.guide-object:before{display:none}
.guide-cover{display:block;width:100%;height:100%;object-fit:cover}
.platform-spec{max-width:1390px;margin:auto;padding:118px 36px 110px;border-bottom:1px solid var(--rule)}
.platform-intro{max-width:970px}.platform-intro>p:last-child{font-size:18px;line-height:1.6;max-width:62ch}
.platform-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 38px;margin-top:72px;border-top:1px solid var(--ink)}
.platform-list article{padding:28px 0 36px;border-bottom:1px solid var(--rule)}
.platform-list article>span{font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.09em;color:var(--accent)}
.platform-list h3{font-size:clamp(28px,2.65vw,40px);line-height:1.12;margin:35px 0 18px}
.platform-list p{font-size:15px;line-height:1.7;color:var(--muted);max-width:41ch}
.platform-proof{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:36px}
.platform-proof p{font-size:13px;line-height:1.7;color:var(--muted);max-width:67ch}
.platform-proof strong{color:var(--ink)}.platform-proof a{text-underline-offset:4px}.platform-proof code{font-family:'IBM Plex Mono',monospace}
@media(max-width:900px){.platform-spec{padding:90px 26px}.platform-list{gap:0 20px}}
@media(max-width:680px){.guide-object{width:min(65%,310px)}.platform-spec{padding:80px 26px}.platform-intro>p:last-child{font-size:17px}.platform-list{grid-template-columns:1fr;margin-top:48px}.platform-list article{padding-bottom:26px}.platform-list h3{margin:21px 0 12px}.platform-proof{grid-template-columns:1fr;gap:4px}.platform-proof p{font-size:15px}}
@media(max-width:680px){
  .brand{min-height:44px;display:inline-flex;flex-direction:column;justify-content:center}
  .hero-actions .text-link{min-height:44px;display:inline-flex;align-items:center}
  .footer a{min-height:44px;display:inline-flex;align-items:center}
  .footer{font-size:15px}
  .eyebrow,.hero-note{font-size:15px}
  .inside dl div{font-size:15px}
  .inside-content .inside-fine,.last-call .access-note{font-size:15px!important}
}

/* La portada oficial se presenta sobre blanco, sin simular un libro. */
.hero{background:#fff;min-height:calc(100svh - 83px)}
.hero-object{background:#fff;color:var(--ink);min-height:calc(100svh - 83px);padding:24px;align-items:center;justify-content:center}
.hero-object .object-top,.hero-object .object-bottom{display:none}
.hero-object .guide-object{width:min(100%,570px);height:min(calc(100svh - 131px),850px);max-height:none;aspect-ratio:auto;transform:none;border:0;background:#fff;box-shadow:none;overflow:visible;align-self:center}
.hero-object .guide-cover{width:100%;height:100%;object-fit:contain}
.site-head .nav-buy,.skip{min-height:44px}
@media(max-width:900px){.hero-object{min-height:0;padding:0 24px 60px}.hero-object .guide-object{width:min(100%,490px);height:auto;aspect-ratio:2/3}}
@media(max-width:680px){.hero-object{padding:0 20px 54px}.hero-object .guide-object{width:min(100%,390px)}}

/* Keep language switching available in the header on every screen size. */
.site-head .nav-lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.hero-lang{text-underline-offset:4px}
@media(max-width:680px){.site-head{flex-wrap:wrap;gap:8px 16px}.site-head nav{margin-left:auto;gap:8px}.site-head .nav-buy{padding:12px}}
