:root{--ink:#193d35;--ink-soft:#45655d;--muted:#78877e;--paper:#f5f2e9;--white:#fffefa;--sage:#e8f0e4;--sage-deep:#b7cdbb;--coral:#f47762;--lime:#b9e976;--line:#dce1d7;--serif:"Manrope",sans-serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(25,61,53,.1)}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font:800 26px/1 var(--serif);letter-spacing:-1.8px}.brand img{object-fit:contain}.topbar nav{display:flex;align-items:center;gap:34px;margin-left:90px}.topbar nav a,.nav-cta,.text-link{font-size:13px;font-weight:600;text-decoration:none;color:var(--ink-soft);transition:color .2s,transform .2s}.topbar nav a:hover,.text-link:hover,.nav-cta:hover{color:var(--coral)}.nav-cta{padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,254,250,.55)}.nav-cta span{padding-left:7px}.hero{min-height:610px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:42px;padding-top:32px;padding-bottom:42px}.hero-copy{padding:24px 0 18px}.eyebrow{margin:0;color:#849181;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:9px}.live-dot,.window-status i,.status-pill i,.window-bottom i{width:7px;height:7px;border-radius:50%;background:#8da77d;display:inline-block}.hero h1,.section-heading h2,.privacy h2,.closing h2{font-family:var(--serif);font-weight:600;letter-spacing:-.065em;line-height:1.06}.hero h1{font-size:clamp(48px,6vw,76px);margin:24px 0 19px}.hero h1 span,.section-heading h2 span,.privacy h2 span,.closing h2 span{color:#8ba293}.hero-lead{max-width:425px;font-size:16px;line-height:1.8;color:#65776f;margin:0}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:999px;padding:14px 19px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #193d3520}.button-primary{background:var(--ink);color:#fffefa}.button-primary:hover{background:#29564b}.text-link{display:inline-flex;align-items:center;gap:8px}.hero-note{display:flex;align-items:center;gap:9px;margin-top:57px;color:#809084;font-size:11px;letter-spacing:.05em}.note-icon{display:grid;place-items:center;width:23px;height:23px;background:#e6eadc;border-radius:50%;color:#799077}.hero-art{height:490px;position:relative;display:grid;place-items:center;isolation:isolate}.art-glow{position:absolute;z-index:-2;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#dfe9dc 0,rgba(223,233,220,.53) 49%,transparent 73%)}.orbit{position:absolute;border:1px solid #cfd9cc;border-radius:50%;z-index:-1}.orbit-one{width:440px;height:440px;transform:rotate(-24deg) scaleY(.64)}.orbit-two{width:500px;height:500px;transform:rotate(29deg) scaleY(.61);opacity:.56}.spark{position:absolute;color:var(--coral)}.spark-one{top:55px;right:71px;font-size:25px}.spark-two{left:49px;top:116px;color:#91aa80;font-size:17px}.spark-three{bottom:66px;right:93px;color:#e2b770;font-size:34px}.app-window{width:min(100%,478px);min-height:343px;border-radius:17px;background:var(--white);border:1px solid #e2e4da;box-shadow:0 25px 65px #263a2e19,0 3px 8px #263a2e08;overflow:hidden;transform:rotate(-2deg);animation:float-in .8s cubic-bezier(.2,.75,.2,1) both}.window-top{height:54px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0e9}.window-brand{display:flex;align-items:center;gap:7px;font:800 17px var(--serif);letter-spacing:-.8px}.window-brand img{width:20px;height:24px}.window-status{font-size:9px;color:#829084}.window-status i{width:6px;height:6px;margin-right:5px}.window-content{padding:25px 25px 19px}.window-date{font-size:9px;letter-spacing:.13em;font-weight:700;color:#8b9a89}.window-date span{margin-left:9px;font-size:8px;font-weight:500;color:#a2aba1}.window-content h2{font:600 25px var(--serif);letter-spacing:-1.2px;margin:17px 0 4px}.window-subtitle{font-size:11px;color:#88958b;margin:0 0 21px}.sample-task{display:flex;align-items:center;gap:11px;padding:13px 11px;border:1px solid #e8ebe3;border-radius:10px;margin-top:9px}.task-check{width:17px;height:17px;flex:0 0 auto;border:1.5px solid #9eb19c;border-radius:50%}.sample-task div{display:grid;gap:4px;min-width:0}.sample-task b{font-size:10px;font-weight:600}.sample-task small{font-size:9px;color:#98a197}.task-priority{margin-left:auto;font-size:12px;color:var(--coral)}.priority-peach{color:#e6ad76}.muted-task{opacity:.67}.window-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e9;margin-top:20px;padding-top:14px;color:#89958b;font-size:9px}.window-bottom i{width:6px;height:6px;margin-right:5px}.progress-count{color:var(--ink);font-size:11px;font-weight:700}.progress-count small{font-size:9px;color:#9eaaa0}.floating-note{position:absolute;bottom:46px;left:10px;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #e2e7dc;border-radius:12px;background:#fffef9;box-shadow:0 10px 28px #263a2e11;animation:float-in .85s .15s both}.note-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e7f1dc;color:#557a56;font-size:12px}.floating-note span:last-child{display:grid;gap:3px}.floating-note b{font-size:10px;font-weight:600}.floating-note small{font-size:9px;color:#87938a}.art-caption{position:absolute;right:2px;bottom:3px;color:#9ba59a;font-size:9px;letter-spacing:.04em}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;padding:33px 0 61px;border-top:1px solid var(--line)}.principles>div{position:relative;padding-left:37px}.principle-number{position:absolute;left:0;top:3px;color:#9baa92;font-size:10px;font-weight:700;letter-spacing:.08em}.principles h3{margin:0 0 8px;font:600 16px var(--serif);letter-spacing:-.4px}.principles p{max-width:270px;margin:0;color:#77857c;font-size:12px;line-height:1.7}.modes-section{background:#e9eee5;padding:90px 0 92px}.modes-inner{display:grid;grid-template-columns:.78fr 1.22fr;column-gap:64px;align-items:start}.section-heading h2,.privacy h2{font-size:43px;margin:16px 0 13px}.section-heading>p:last-child{max-width:300px;color:#75837a;font-size:13px;line-height:1.75}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mode-card{padding:23px 20px 19px;border:1px solid #dce3d9;background:#f8f7f0;border-radius:13px;min-height:218px;transition:transform .22s,box-shadow .22s}.mode-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #304a3910}.mode-ready{grid-column:1/-1;background:#fbfaf5}.mode-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e7eddf;color:var(--ink);font-size:18px}.icon-web{background:#f8e6df;color:#c46b5d}.icon-online{background:#eae4f1;color:#8172a0}.mode-label{margin:15px 0 6px;color:#98a18e;font-size:8px;font-weight:700;letter-spacing:.15em}.mode-card h3{margin:0 0 8px;font:600 18px var(--serif);letter-spacing:-.5px}.mode-card>p:not(.mode-label){margin:0;color:#7a887e;font-size:11px;line-height:1.65}.mode-ready>p:not(.mode-label){max-width:440px}.status-pill{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:6px 9px;border-radius:999px;background:#eaf0e5;color:#5d745e;font-size:9px;font-weight:600}.status-pill i{width:6px;height:6px}.status-planned{background:#f2eee4;color:#8b806a}.mode-footnote{grid-column:2;margin:13px 0 0;color:#8a968a;font-size:9px;line-height:1.6}.privacy{display:grid;grid-template-columns:.86fr 1.14fr;gap:95px;align-items:center;padding-top:103px;padding-bottom:108px}.privacy-art{position:relative;height:290px;display:grid;place-items:center}.privacy-ring{position:absolute;width:238px;height:238px;border:1px solid #d8dfd2;border-radius:50%}.ring-a{transform:rotate(-32deg) scaleY(.76)}.ring-b{width:190px;height:190px;transform:rotate(38deg) scaleY(.78);border-color:#e3d8cf}.privacy-core{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:#e7eee2;box-shadow:0 0 0 15px #eef0e8,0 0 0 29px #f0ede4}.privacy-core img{width:58px;height:68px}.privacy-star{position:absolute;top:29px;right:24%;font-size:23px;color:var(--coral)}.privacy-copy>p:not(.eyebrow){max-width:490px;color:#718077;font-size:13px;line-height:1.85;margin:0 0 21px}.closing{position:relative;overflow:hidden;text-align:center;padding:59px 20px 65px;background:#e9eee5;border-radius:18px;margin-bottom:65px}.closing h2{font-size:42px;margin:13px 0 22px}.closing .button{position:relative;z-index:1}.closing-orb{position:absolute;border-radius:50%;border:1px solid #d0dbcc}.orb-one{width:250px;height:250px;left:-58px;top:18px}.orb-two{width:320px;height:320px;right:-35px;bottom:-230px}.footer{display:flex;align-items:center;gap:24px;padding:19px 0 25px;border-top:1px solid var(--line);color:#849087;font-size:10px}.footer-brand{font-size:20px;margin-right:auto}.footer-brand img{width:24px;height:29px}.footer>a:not(.brand){text-decoration:none;color:#718077}.footer small{margin-left:10px;color:#9ba49b;font-size:9px}@keyframes float-in{from{opacity:0;transform:translateY(15px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@media(min-width:1400px){.hero{min-height:670px}.hero-art{transform:scale(1.05)}}@media(max-width:850px){.wrap{width:min(100% - 40px,680px)}.topbar{height:72px}.topbar nav{gap:17px;margin-left:auto;margin-right:20px}.topbar nav a{font-size:11px}.nav-cta{font-size:11px}.hero{grid-template-columns:1fr;gap:6px;padding-top:65px;padding-bottom:35px}.hero-copy{max-width:560px}.hero-art{height:420px}.app-window{max-width:460px}.floating-note{left:3%}.art-caption{right:5%}.principles{gap:20px}.modes-inner{grid-template-columns:1fr;gap:30px}.section-heading>p:last-child{max-width:480px}.mode-footnote{grid-column:1}.privacy{gap:35px;grid-template-columns:.8fr 1.2fr;padding-top:75px;padding-bottom:78px}.privacy-art{transform:scale(.84)}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.topbar{height:66px}.brand{font-size:23px}.brand img{width:29px;height:34px}.topbar nav{display:none}.nav-cta{padding:9px 12px}.hero{padding-top:53px}.hero h1{font-size:clamp(45px,13vw,65px);margin-top:19px}.hero-lead{font-size:14px}.hero-actions{gap:16px}.hero-note{margin-top:37px}.hero-art{height:340px;margin:0 -8px}.art-glow{width:300px;height:300px}.orbit-one{width:340px;height:340px}.orbit-two{width:390px;height:390px}.app-window{width:calc(100% - 24px);min-height:auto}.window-top{height:45px;padding:0 13px}.window-content{padding:19px 15px 15px}.window-content h2{font-size:22px}.window-date span{font-size:7px}.sample-task{padding:11px 9px}.sample-task b{font-size:9px}.floating-note{bottom:10px;left:0;padding:9px 11px}.art-caption{bottom:-3px;right:0}.principles{grid-template-columns:1fr;gap:21px;padding:28px 0 42px}.principles>div{padding-left:35px}.principles p{max-width:360px}.modes-section{padding:62px 0}.section-heading h2,.privacy h2{font-size:36px}.mode-grid{grid-template-columns:1fr}.mode-ready{grid-column:auto}.mode-card{min-height:0;padding:20px}.privacy{grid-template-columns:1fr;gap:13px;padding-top:45px;padding-bottom:53px}.privacy-art{height:220px;transform:scale(.78);margin-block:-12px}.privacy-copy>p:not(.eyebrow){font-size:12px}.closing{padding:48px 14px 52px;margin-bottom:42px}.closing h2{font-size:35px}.footer{flex-wrap:wrap;gap:12px}.footer>span{display:none}.footer-brand{margin-right:auto}.footer small{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Movimiento de entrada y microinteracciones de la carta de presentación. */
html.js-motion [data-reveal]{opacity:0;transition:opacity .72s ease,transform .72s cubic-bezier(.2,.72,.2,1)}
html.js-motion [data-reveal="up"]{transform:translateY(24px)}
html.js-motion [data-reveal="left"]{transform:translateX(-24px)}
html.js-motion [data-reveal="right"]{transform:translateX(24px)}
html.js-motion [data-reveal].is-visible{opacity:1;transform:translate(0,0)}
.hero-copy[data-reveal]{transition-delay:.08s}.hero-art[data-reveal]{transition-delay:.2s}
.principles>div:nth-child(2),.mode-card:nth-child(2){transition-delay:.12s}.principles>div:nth-child(3),.mode-card:nth-child(3){transition-delay:.24s}
.principles>div,.mode-icon,.privacy-core,.spark,.text-link,.status-pill{transition:transform .28s ease,color .28s ease,background-color .28s ease,box-shadow .28s ease}
.principles>div:hover,.principles>div.is-visible:hover{transform:translateY(-3px)}
.mode-card:hover .mode-icon{transform:rotate(-7deg) scale(1.08);box-shadow:0 5px 13px #193d3512}
.privacy-art:hover .ring-a{transform:rotate(-23deg) scaleY(.8)}.privacy-art:hover .ring-b{transform:rotate(29deg) scaleY(.8)}.privacy-art:hover .privacy-core{transform:scale(1.045)}
.spark-one{animation:sparkle 3.8s ease-in-out infinite}.spark-two{animation:sparkle 4.4s 1.2s ease-in-out infinite}.spark-three{animation:sparkle 5s .6s ease-in-out infinite}
.socials{display:flex;align-items:center;gap:13px;margin-left:auto}.social-item{display:inline-flex;align-items:center;gap:6px;color:#718077;font-size:10px;opacity:.82}.social-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-item svg .social-dot{fill:currentColor;stroke:none}.social-item:nth-child(2) svg{fill:currentColor;stroke:none}.social-soon{color:#9ba49b;font-size:8px;white-space:nowrap}
@keyframes sparkle{0%,100%{opacity:.55;transform:scale(.88) rotate(-8deg)}50%{opacity:1;transform:scale(1.12) rotate(8deg)}}
@media(max-width:850px){.socials{margin-left:0}}
@media(max-width:560px){.footer{row-gap:16px}.socials{order:3;width:100%;justify-content:center;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footer>a:not(.brand){order:4}.footer small{order:5}}
@media(prefers-reduced-motion:reduce){html.js-motion [data-reveal]{opacity:1!important;transform:none!important}.spark-one,.spark-two,.spark-three{animation:none!important}}
