:root{--sea:#0B6E57;--ink:#062A21;--mint:#D9F3E9;--coral:#FF6A47;--white:#FFFFFF;--t1:clamp(2.35rem,1.5rem + 3.6vw,4.5rem);--t2:clamp(1.25rem,1.1rem + .6vw,1.6rem);--t3:clamp(1rem,.97rem + .15vw,1.0625rem);--r:10px;--display:"Anton","Arial Narrow",Impact,sans-serif;--text:"Archivo","Helvetica Neue",Arial,sans-serif;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--sea);color:var(--white);font:400 var(--t3)/1.55 var(--text);overflow-x:clip}a{color:inherit}img{display:block}.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.top{position:relative;isolation:isolate}.sea{position:absolute;inset:0 0 auto 0;height:100dvh;z-index:-1;background:var(--sea);overflow:hidden}.story{display:grid;grid-template-columns:1fr;padding-top:max(18px,env(safe-area-inset-top))}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.02em}.brand img{width:52px;height:52px;border-radius:12px}.hero{padding:18px 0 8px}h1{font:400 var(--t1)/1.02 var(--display);letter-spacing:.005em;margin:14px 0 14px;max-width:15ch;text-wrap:balance}h1 span{display:block}h1 .calm{color:var(--mint)}.lead{margin:0 0 20px;max-width:34ch;color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:14px 28px;border-radius:var(--r);background:var(--coral);color:var(--ink);font:700 var(--t2)/1.1 var(--text);text-decoration:none;transition:transform .18s ease}.button:focus-visible{outline:3px solid var(--white);outline-offset:3px}.button:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.button:hover{transform:translateY(-2px)}}.note{margin:12px 0 0;color:var(--mint)}.stage{position:sticky;top:0;z-index:2;background:var(--sea);padding:10px 0 6px;margin-inline:-20px;padding-inline:20px}.stage svg{display:block;width:100%;max-width:420px;height:auto;margin-inline:auto;max-height:44dvh}.stage text{font-family:var(--text)}.stage .word{font-family:var(--display)}.part{transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .45s ease;transform-box:fill-box;transform-origin:center}[data-step="1"] .mon-top,[data-step="2"] .mon-top{opacity:0;transform:translateY(-40px)}[data-step="1"] .mon-bot,[data-step="2"] .mon-bot,[data-step="3"] .mon-bot{opacity:0;transform:translateY(40px)}[data-step="done"] .home-top,[data-step="4"] .home-top,[data-step="3"] .home-top{opacity:0;transform:translateY(40px)}[data-step="done"] .home-bot,[data-step="4"] .home-bot{opacity:0;transform:translateY(-40px)}[data-step="3"] .home-bot{transform:translateX(26px)}.v-real-s,.v-real-f{opacity:0}[data-step="1"] .v-real-s,[data-step="2"] .v-real-s{opacity:1}[data-step="1"] .v-mon-s,[data-step="2"] .v-mon-s{opacity:0}[data-step="1"] .v-real-f,[data-step="2"] .v-real-f,[data-step="3"] .v-real-f{opacity:1}[data-step="1"] .v-mon-f,[data-step="2"] .v-mon-f,[data-step="3"] .v-mon-f{opacity:0}.chip-a,.chip-b,.chip-c{opacity:0}[data-step="1"] .chip-z{opacity:1}[data-step="2"] .chip-a{opacity:1}[data-step="3"] .chip-b{opacity:1}[data-step="done"] .chip-c,[data-step="4"] .chip-c{opacity:1}.chip-z{opacity:0}[data-step="1"] .pin,[data-step="2"] .pin,[data-step="3"] .pin{opacity:0;transform:translateY(-24px) scale(.6)}[data-step="3"] .seam{opacity:.35}.steps{list-style:none;margin:0;padding:0 0 10dvh}.steps li{min-height:70dvh;display:flex;align-items:flex-end;padding-bottom:16dvh}.steps p{margin:0;font:700 var(--t2)/1.3 var(--text);max-width:22ch;padding:18px 20px;border-radius:var(--r);background:var(--ink);color:var(--white)}.guide{background:var(--white);color:var(--ink);padding:56px 0 24px}.guide .wrap{max-width:820px}.fold{border-top:1px solid #c9d8d2}.fold:last-of-type{border-bottom:1px solid #c9d8d2}.fold summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0}.fold summary::-webkit-details-marker{display:none}.fold summary:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.fold h2{margin:0;font:700 var(--t2)/1.2 var(--text)}.fold .sign{flex:none;width:28px;height:28px;position:relative}.fold .sign i{position:absolute;left:4px;top:13px;width:20px;height:2px;background:var(--ink);transition:transform .25s ease}.fold .sign i + i{transform:rotate(90deg)}.fold[open] .sign i + i{transform:rotate(0deg)}.body{padding:0 0 28px}.body p{margin:0 0 12px;max-width:60ch}.flags{display:grid;gap:24px}.flags h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font:700 var(--t3)/1.3 var(--text)}.flags ul{margin:0;padding-left:1.1em}.flags li{margin:0 0 6px}.facts{margin:0}.facts div{display:grid;grid-template-columns:minmax(0,11rem) 1fr;gap:16px;padding:12px 0;border-top:1px solid #c9d8d2}.facts div:first-child{border-top:0}.facts dt{font-weight:700}.facts dd{margin:0;font-variant-numeric:tabular-nums}.ask{list-style:none;margin:0 0 16px;padding:0}.ask li{font:700 var(--t2)/1.3 var(--text);padding:10px 0}.ends p a{font-weight:700;color:var(--sea)}.ends a:focus-visible,.facts a:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.signs{display:grid;gap:22px}.signs figure{margin:0;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center}.signs figcaption strong{display:block}.close{padding:48px 0 0}.screen{background:var(--ink);color:var(--mint);border-radius:var(--r);padding:36px 24px;text-align:center;border:6px solid #0d4a3c}.screen .level{margin:0 0 6px;letter-spacing:.14em;text-transform:uppercase}.screen .stagecity{margin:0 0 22px;font:400 var(--t1)/1 var(--display);color:var(--white)}.start{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-height:56px;min-width:240px;padding:14px 28px;border-radius:var(--r);background:var(--coral);color:var(--ink);text-decoration:none}.start .blink{letter-spacing:.2em;font-weight:700;animation:blink 1.1s steps(2,start) infinite}.start .label{font:700 var(--t2)/1.1 var(--text)}.start:focus-visible{outline:3px solid var(--white);outline-offset:3px}@keyframes blink{to{opacity:0}}footer{background:var(--white);color:var(--ink);padding:56px 0 calc(96px + env(safe-area-inset-bottom))}footer .wrap{max-width:820px;border-top:1px solid #c9d8d2;padding-top:24px}footer .line{margin:0 0 16px;font-weight:700}footer table{width:100%;border-collapse:collapse}footer th,footer td{text-align:left;vertical-align:top;padding:12px 0;border-top:1px solid #c9d8d2}footer th{width:9.5rem;padding-right:16px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:14px;transform:translateY(110%);opacity:0;transition:transform .3s ease,opacity .3s ease}.bar.on{transform:none;opacity:1}.bar span{color:var(--mint);font-weight:700}.bar .button{min-width:0;min-height:48px;padding:10px 20px;font-size:var(--t3)}@media (min-width: 900px){.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:start}.hero{grid-column:1;grid-row:2;min-height:calc(100dvh - 90px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 40px}.brand{grid-column:1 / -1;grid-row:1}.stage{grid-column:2;grid-row:2 / span 2;top:8dvh;margin:0;padding:0;background:transparent;min-height:84dvh;display:flex;align-items:center}.stage svg{max-width:520px;max-height:80dvh}.steps{grid-column:1;grid-row:3}.steps li{align-items:center;padding-bottom:0}.flags{grid-template-columns:1fr 1fr}.signs{grid-template-columns:repeat(3,1fr)}.signs figure{grid-template-columns:1fr;text-align:left}.bar{left:auto;right:24px;bottom:24px;border-radius:var(--r);padding:10px 12px 10px 20px}}@media (prefers-reduced-motion: reduce){.part,.button,.bar,.fold .sign i{transition:none}.start .blink{animation:none}}