@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#11110f;--paper:#f3f0e8;--white:#fffdf7;--lilac:#bca8ff;--lime:#d6ff57;--coral:#ff725f;--line:rgba(17,17,15,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip{position:fixed;top:-5rem;left:1rem;background:var(--lime);padding:1rem;z-index:99}.skip:focus{top:1rem}.nav{height:100px;padding:22px 3vw;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;width:100%;z-index:10}.brand{font-size:15px;font-weight:800;line-height:.84;letter-spacing:-.06em}.brand span,.contact h2 span{color:var(--coral)}nav{display:flex;align-items:center;gap:2.4rem;font-size:13px}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:currentColor}.nav-cta{border:1px solid var(--ink)!important;border-radius:100px;padding:.7rem 1.1rem}.menu{display:none;background:none;border:0;font:inherit}.hero{min-height:100vh;padding:150px 3vw 50px;display:flex;flex-direction:column;position:relative;overflow:hidden}.eyebrow,.section-label,small{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hero h1{font-size:clamp(4rem,10.4vw,10rem);line-height:.78;letter-spacing:-.09em;margin:7vh 0 3vh;font-weight:800}.scribble{position:relative;color:var(--lilac)}.scribble:after{content:"";position:absolute;height:10px;left:0;right:0;bottom:-8px;border:3px solid var(--coral);border-top:0;border-radius:50%;transform:rotate(-2deg)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center}.lead{font-size:clamp(1.5rem,3vw,3.8rem);line-height:1.05;margin:0}.lead em{font-family:Georgia,serif;font-weight:400}.thought-board{justify-self:end;position:relative;width:min(45vw,620px);height:230px;border:1px solid var(--ink);background:var(--white);overflow:hidden}.thought-board strong{position:absolute;left:38%;top:27%;font-size:clamp(1rem,2vw,1.8rem);line-height:1}.note{position:absolute;font-family:'DM Mono';font-size:10px;padding:.4rem .6rem;background:var(--lime);z-index:2}.note-a{left:5%;top:15%;transform:rotate(-4deg)}.note-b{right:8%;top:12%;background:var(--lilac);transform:rotate(3deg)}.note-c{left:12%;bottom:13%;background:var(--coral)}.note-d{right:4%;bottom:15%}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ink)}.dot-a{left:25%;top:32%}.dot-b{right:26%;top:29%}.dot-c{left:29%;bottom:33%}.dot-d{right:26%;bottom:34%}.connector{position:absolute;height:1px;background:var(--ink);transform-origin:left}.c1{width:42%;left:25%;top:34%;transform:rotate(17deg)}.c2{width:31%;left:29%;bottom:34%;transform:rotate(-28deg)}.c3{width:35%;left:51%;top:53%;transform:rotate(27deg)}.scroll{margin-top:auto;font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.08em;display:flex;gap:1rem;align-items:center}.scroll span{font-size:22px}.dark{background:var(--ink);color:var(--paper)}section{padding:9rem 3vw}.problem .display{font-size:clamp(3rem,7.3vw,7.5rem);line-height:.9;letter-spacing:-.075em;margin:8rem 0 0}.problem .display span{color:var(--lilac)}.problem .indent{margin:0 0 8rem;text-align:right}.problem-grid{border-top:1px solid #555;display:grid;grid-template-columns:1fr 1fr;padding-top:2rem;align-items:end}.problem-grid p{line-height:1.7}.big-stat{font-size:clamp(1.5rem,3vw,3.5rem);line-height:1!important;margin:0}.big-stat i{color:var(--lime);font-style:normal}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;margin-top:8rem}.two-col h2,.build h2,.evidence h2,.cases h2,.resources h2{font-size:clamp(3.8rem,8vw,8rem);line-height:.82;letter-spacing:-.08em;margin:0}.two-col .medium{font-size:clamp(1.4rem,2.2vw,2.3rem);line-height:1.25;margin-top:0}.two-col div>p:last-of-type{max-width:560px;line-height:1.7}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}.tag-row span{border:1px solid;padding:.6rem 1rem;border-radius:100px;font:11px 'DM Mono';text-transform:uppercase}.build{padding-bottom:0}.build h2{margin:7rem 0 5rem}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -3vw}.build-grid article{min-height:450px;padding:2rem 3vw;border-top:1px solid;border-right:1px solid;display:flex;flex-direction:column}.build-grid h3{font-size:clamp(1.8rem,3vw,3.3rem);line-height:1;margin-top:auto;letter-spacing:-.05em}.build-grid p{max-width:320px;line-height:1.5}.build-grid b{font-size:30px;align-self:flex-end}.lilac{background:var(--lilac)}.lime{background:var(--lime)}.method-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;margin:7rem 0}.method-head h2{font-size:clamp(5rem,13vw,13rem);line-height:.7;letter-spacing:-.09em;margin:0}.method-head h2 span{color:var(--lime)}.method-head p{font-size:1.3rem;line-height:1.5}.steps article{display:grid;grid-template-columns:1fr 2fr auto;gap:5vw;align-items:center;border-top:1px solid #555;padding:2rem 0;transition:.3s}.steps article:hover{background:var(--paper);color:var(--ink);padding-left:2vw;padding-right:2vw}.letter{font-size:clamp(4rem,8vw,8rem);font-weight:800;line-height:1;color:var(--lilac)}.steps h3{font-size:2rem;margin:0}.steps p{max-width:600px;line-height:1.6}.steps article>span{font:12px 'DM Mono'}.evidence{padding-left:0;padding-right:0}.evidence>.section-label,.evidence-copy{margin-left:3vw;margin-right:3vw}.evidence-copy{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;margin-top:7rem;margin-bottom:7rem}.evidence-copy p{font-size:1.4rem;line-height:1.5}.ticker{overflow:hidden;background:var(--lilac);border-block:1px solid;padding:1.4rem 0;white-space:nowrap}.ticker div{font-size:clamp(2rem,4vw,4rem);font-weight:800;letter-spacing:-.05em;animation:ticker 24s linear infinite;width:max-content}@keyframes ticker{to{transform:translateX(-50%)}}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:6rem 3vw 0;border-top:1px solid}.metrics div{padding:2rem;border-right:1px solid;display:flex;flex-direction:column;gap:.7rem}.metrics strong{font-size:1.5rem}.metrics span{font:12px 'DM Mono'}.cases{background:var(--white)}.cases-head,.resources-title{display:grid;grid-template-columns:1.4fr .6fr;margin:7rem 0;align-items:end}.cases-head p,.resources-title p{font-size:1.3rem;line-height:1.5}.case-list article{border-top:1px solid;display:grid;grid-template-columns:50px 1fr 1.2fr;gap:3vw;padding:2rem 0;align-items:center}.case-no{font:12px 'DM Mono'}.case-visual{aspect-ratio:16/10;display:grid;place-items:center;position:relative;overflow:hidden}.case-visual:before,.case-visual:after{content:"";position:absolute;border:1px solid;width:70%;height:70%;border-radius:50%}.case-visual:after{width:40%;height:110%;transform:rotate(55deg)}.case-visual span{z-index:1;font-size:clamp(1.5rem,3vw,3rem);font-weight:800;line-height:.85;text-align:center}.coral{background:var(--coral)}.violet{background:var(--lilac)}.case-list h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;letter-spacing:-.04em;margin:.6rem 0 2rem}.case-list p{font:11px 'DM Mono';text-transform:uppercase}.resources{background:var(--lilac)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.resource-grid a{min-height:360px;border-right:1px solid;padding:2rem;display:flex;flex-direction:column;transition:.3s}.resource-grid a:hover{background:var(--lime);transform:translateY(-10px)}.resource-grid h3{font-size:clamp(1.5rem,2.5vw,2.6rem);line-height:1.1}.resource-grid span{margin-top:auto;font:11px 'DM Mono';text-transform:uppercase}.contact{padding-bottom:3rem}.contact .kicker{font-size:clamp(1.4rem,2.4vw,2.5rem);margin-top:7rem}.contact h2{font-size:clamp(6rem,20vw,20rem);line-height:.72;letter-spacing:-.11em;margin:3rem 0 5rem}.contact-link{border-bottom:2px solid;display:flex;justify-content:space-between;padding-bottom:1rem;font-size:clamp(1.4rem,3vw,3rem)}.footer{margin-top:10rem;border-top:1px solid;padding-top:2rem;display:flex;justify-content:space-between;font:11px/1.6 'DM Mono';text-transform:uppercase}.footer div{text-align:right}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav{height:76px}.menu{display:block;z-index:3}.nav nav{display:none;position:absolute;top:0;left:0;right:0;background:var(--lime);padding:6rem 2rem 2rem;flex-direction:column;align-items:flex-start;font-size:1.2rem}.nav nav.open{display:flex}.hero{padding-top:120px}.hero h1{font-size:18vw;margin-top:10vh}.hero-bottom,.two-col,.method-head,.evidence-copy,.cases-head,.resources-title{grid-template-columns:1fr;gap:3rem}.thought-board{width:100%;margin-top:3rem}.problem .display{margin-top:5rem}.problem .indent{text-align:left;margin-top:1rem}.problem-grid,.metrics,.build-grid,.resource-grid{grid-template-columns:1fr}.build-grid article{min-height:340px;border-right:0}.method-head h2{font-size:24vw}.steps article{grid-template-columns:70px 1fr}.steps article>span{display:none}.letter{font-size:5rem}.evidence-copy p{max-width:500px}.metrics div{border-right:0;border-bottom:1px solid}.case-list article{grid-template-columns:35px 1fr}.case-list article>div:last-child{grid-column:2}.resource-grid a{min-height:280px;border-right:0;border-bottom:1px solid}section{padding-top:6rem;padding-bottom:6rem}.contact h2{font-size:25vw}.footer{flex-direction:column;gap:2rem}.footer div{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Hero: sistema de ideas conectado */
.thought-board{height:310px;background:var(--ink);color:var(--paper);isolation:isolate}.thought-board:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(243,240,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(243,240,232,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,transparent,#000 25%,#000)}.thought-board:after{content:"";position:absolute;width:190px;height:190px;left:50%;top:48%;transform:translate(-50%,-50%);background:var(--lilac);border-radius:50%;filter:blur(70px);opacity:.28;z-index:-1}.idea-core{position:absolute;width:196px;height:196px;left:50%;top:47%;transform:translate(-50%,-50%);border:1px solid var(--paper);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(17,17,15,.78);z-index:3}.idea-core:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(243,240,232,.38);border-radius:50%;animation:spin 18s linear infinite}.idea-core span{font:8px 'DM Mono';letter-spacing:.16em;color:var(--lime);margin-bottom:12px}.thought-board .idea-core strong{position:static;font-size:20px;line-height:.98;letter-spacing:-.045em}.orbit{position:absolute;left:50%;top:47%;border:1px solid rgba(243,240,232,.36);border-radius:50%;transform:translate(-50%,-50%) rotate(-9deg)}.orbit-one{width:410px;height:174px}.orbit-two{width:290px;height:270px;transform:translate(-50%,-50%) rotate(54deg)}.idea{position:absolute;z-index:4;padding:9px 11px;font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.04em;color:var(--ink);box-shadow:4px 4px 0 var(--paper);transition:transform .3s,box-shadow .3s}.idea:hover{transform:translate(-3px,-3px) rotate(0);box-shadow:8px 8px 0 var(--paper)}.idea i{font-style:normal;opacity:.55;margin-right:8px}.idea-a{left:5%;top:12%;background:var(--lime);transform:rotate(-3deg)}.idea-b{right:5%;top:13%;background:var(--lilac);transform:rotate(3deg)}.idea-c{left:7%;bottom:17%;background:var(--coral);transform:rotate(2deg)}.idea-d{right:4%;bottom:18%;background:var(--lime);transform:rotate(-2deg)}.signal{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--coral);z-index:2;box-shadow:0 0 0 5px rgba(255,114,95,.18)}.signal-a{left:18%;top:48%;animation:pulse 2.2s ease-in-out infinite}.signal-b{right:17%;top:48%;background:var(--lime);box-shadow:0 0 0 5px rgba(214,255,87,.18);animation:pulse 2.2s .8s ease-in-out infinite}.board-caption{position:absolute;left:16px;right:16px;bottom:10px;border-top:1px solid rgba(243,240,232,.28);padding-top:8px;font:8px 'DM Mono';text-transform:uppercase;letter-spacing:.12em;display:flex;justify-content:space-between;color:rgba(243,240,232,.7)}.board-caption b{color:var(--lime);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.7);opacity:.55}}
@media(max-width:800px){.thought-board{height:330px}.orbit-one{width:90%}.idea-core{width:170px;height:170px}.thought-board .idea-core strong{font-size:17px}.idea{font-size:8px;padding:8px}.idea-a{left:3%}.idea-b{right:3%}.idea-c{left:3%}.idea-d{right:3%}}

/* Variante clara del sistema conectado */
.thought-board{background:var(--white);color:var(--ink)}
.thought-board:before{background:linear-gradient(rgba(17,17,15,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.08) 1px,transparent 1px)}
.thought-board:after{opacity:.2}
.idea-core{border-color:var(--ink);background:rgba(255,253,247,.88)}
.idea-core:before{border-color:rgba(17,17,15,.32)}
.idea-core span{color:var(--coral)}
.orbit{border-color:rgba(17,17,15,.38)}
.board-caption{border-color:rgba(17,17,15,.28);color:rgba(17,17,15,.72)}
.board-caption b{color:var(--coral)}

/* Enlace directo para redactar en Gmail */
.contact-link{transition:color .25s ease,padding-left .25s ease,padding-right .25s ease,background-color .25s ease}
.contact-link:hover,.contact-link:focus-visible{color:var(--coral);padding-left:.35rem;padding-right:.35rem;background:rgba(255,114,95,.06)}


/* Botón de contacto por WhatsApp */

.whatsapp-link{margin-top:1rem;border:1px solid var(--ink);background:var(--lime);display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font:600 13px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;transition:transform .25s ease,box-shadow .25s ease}

.whatsapp-link:hover,.whatsapp-link:focus-visible{transform:translateY(-3px);box-shadow:6px 6px 0 var(--ink)}

.whatsapp-link b{font-size:22px;font-weight:400}

/* WhatsApp siempre accesible durante la navegación */
.whatsapp-link{position:fixed;right:24px;bottom:24px;z-index:90;margin:0;border-radius:999px;gap:1.25rem;box-shadow:4px 4px 0 var(--ink)}
.whatsapp-link:hover,.whatsapp-link:focus-visible{transform:translateY(-4px);box-shadow:7px 7px 0 var(--ink)}
@media(max-width:800px){.whatsapp-link{right:14px;bottom:14px;padding:.85rem 1rem;font-size:10px;gap:.7rem;box-shadow:3px 3px 0 var(--ink)}.whatsapp-link b{font-size:18px}}