:root{--circle:#0a7d64;--mint:#5ccfa5;--amber:#e2aa3c;--block:#0f3d33;--paper:#f3f5ee;--deep:#0c2f28;--round:26px;--bounce:cubic-bezier(.3, 1.25, .5, 1)}html{scroll-behavior:smooth}body{background:var(--paper)}.home{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}.helpis-mark{font:600 20px var(--display);letter-spacing:-.02em;align-items:center;gap:10px;display:inline-flex}.helpis-symbol{width:30px;height:30px;transition:transform .6s var(--bounce);flex:none}.helpis-mark:hover .helpis-symbol{transform:rotate(90deg)}.shape{flex:none;place-items:center;display:grid}.shape-circle{background:var(--circle);color:#fff;border-radius:50%}.shape-mint{background:var(--mint);color:var(--deep);border-radius:0 50%}.shape-amber{background:var(--amber);color:var(--deep);border-radius:0 50%}.shape-block{background:var(--block);color:#fff;border-radius:26%}.pill{justify-content:center;align-items:center;gap:var(--s2);border:1.5px solid var(--ink);min-height:44px;color:var(--ink);font:600 15px var(--display);letter-spacing:-.01em;white-space:nowrap;transition:transform .35s var(--bounce), background .2s, color .2s, box-shadow .3s;background:0 0;border-radius:999px;padding:0 20px;display:inline-flex}.pill:hover{box-shadow:4px 5px 0 var(--mint);transform:translate(-2px,-3px)}.pill:active{box-shadow:none;transform:none}.pill .icon{stroke-width:1.4px;width:16px;height:16px;transition:transform .35s var(--bounce)}.pill:hover .icon{transform:translate(4px)}.pill-dark{background:var(--ink);color:#fff}.pill-dark:hover{box-shadow:4px 5px 0 var(--amber)}.pill-light{color:var(--deep);background:#fff;border-color:#fff}.pill-light:hover{box-shadow:4px 5px 0 var(--amber)}.pill-ghost{color:#fff;border-color:#ffffff8c}.pill-ghost:hover{box-shadow:4px 5px 0 var(--mint);border-color:#fff}.pill-big{min-height:54px;padding:0 28px;font-size:17px}.actions{align-items:center;gap:var(--s3) var(--s5);flex-wrap:wrap;display:flex}.big{letter-spacing:-.035em;font-size:clamp(34px,5vw,70px);font-weight:700;line-height:1.02}.big span{color:var(--circle)}.home-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--s4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent);background:#ffffffdb;border-radius:999px;margin-top:12px;padding:10px 12px 10px 20px;display:flex;position:sticky;top:12px}.home-header nav{align-items:center;gap:var(--s5);display:flex}.nav-link{font:400 14.5px var(--body);color:var(--muted);transition:color .15s}.nav-link:hover{color:var(--ink)}.home-hero{gap:var(--s7);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;padding-block:clamp(48px,8vw,120px) clamp(24px,4vw,56px);display:grid}.hero-copy{align-items:flex-start;gap:var(--s5);flex-direction:column;display:flex}.home-hero h1{letter-spacing:-.035em;animation:pop-in .8s 50ms var(--bounce) both;font-size:clamp(42px,5.8vw,84px);font-weight:700;line-height:1.04}.home-hero h1 em{background:var(--mint);color:var(--deep);transition:rotate .5s var(--bounce);border-radius:.22em;margin-top:.08em;padding:0 .18em .06em;font-style:normal;display:inline-block;rotate:-1.5deg}.home-hero h1:hover em{rotate:1deg}.text-link{font:600 16px var(--display);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;transition:color .15s}.text-link:hover{color:var(--circle)}.hero-sub{max-width:30ch;color:color-mix(in srgb, var(--ink) 72%, var(--paper));animation:pop-in .8s .12s var(--bounce) both;font-size:clamp(16px,1.45vw,19px);line-height:1.5}.home-hero .actions{margin-top:var(--s2);animation:pop-in .8s .2s var(--bounce) both}.stage{--mx:0;--my:0;aspect-ratio:1;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;gap:5%;width:min(100%,460px);display:grid}.stage .shape{translate:calc(var(--mx) * var(--k,10) * 1px) calc(var(--my) * var(--k,10) * 1px);transition:translate .5s var(--ease), rotate .6s var(--bounce), scale .6s var(--bounce);animation:land .9s var(--bounce) both;position:relative}.stage .shape:hover{rotate:90deg;scale:1.03}.stage-a{--k:12;animation-delay:.15s!important}.stage-b{--k:-16;animation-delay:.25s!important}.stage-c{--k:-9;animation-delay:.35s!important}.stage-d{--k:18;animation-delay:.45s!important}.pieces{gap:var(--s7);flex-direction:column;padding-block:clamp(64px,9vw,130px);display:flex}.bento{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.piece{--bg:var(--circle);--fg:#fff;gap:var(--s5);border-radius:var(--round);background:var(--bg);min-height:460px;color:var(--fg);transition:transform .5s var(--bounce);flex-direction:column;padding:clamp(24px,3vw,44px) clamp(24px,3vw,44px) 0;scroll-margin-top:96px;display:flex;position:relative;overflow:hidden}.piece:hover{transform:translateY(-5px)}.piece[data-shape=mint]{--bg:var(--mint);--fg:var(--deep)}.piece[data-shape=amber]{--bg:var(--amber);--fg:var(--deep)}.piece[data-shape=block]{--bg:var(--block)}.piece>.shape{background:color-mix(in srgb, #fff 14%, var(--bg));width:300px;height:300px;transition:rotate .9s var(--bounce), scale .9s var(--bounce);position:absolute;top:-70px;right:-70px}.piece:hover>.shape{rotate:45deg;scale:1.08}.piece-copy{gap:var(--s2);flex-direction:column;max-width:30ch;display:flex;position:relative}.piece h3{letter-spacing:-.035em;font-size:clamp(30px,3.5vw,48px);font-weight:700;line-height:1}.piece p{opacity:.94;font-size:clamp(15.5px,1.35vw,18px);line-height:1.42}.piece .shot{box-shadow:0 -10px 40px color-mix(in srgb, var(--deep) 22%, transparent);transition:transform .6s var(--bounce);border-radius:16px 16px 0 0;margin-top:auto;position:relative;transform:translateY(14px)}.piece:hover .shot{transform:translateY(2px)}.shot{background:#fff;border-radius:16px;margin:0;overflow:hidden}.shot img{width:100%;height:auto;display:block}.after{gap:var(--s7);border-radius:var(--round);background:var(--deep);color:#fff;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;padding:clamp(28px,4.5vw,64px);display:grid}.after-copy{align-items:flex-start;gap:var(--s5);flex-direction:column;display:flex}.after .big span{color:var(--mint)}.after p{color:#cfe6dc;max-width:30ch;font-size:clamp(15px,1.3vw,17.5px);line-height:1.5}.after .shot{transition:rotate .7s var(--bounce);rotate:1.5deg;box-shadow:0 30px 70px #00000059}.after:hover .shot{rotate:0deg}.facts{gap:var(--s4);grid-template-columns:repeat(4,minmax(0,1fr));padding-block:clamp(48px,7vw,96px);display:grid}.facts div{gap:var(--s1);padding:var(--s5);border-radius:var(--round);background:var(--circle);color:#fff;transition:transform .5s var(--bounce), rotate .5s var(--bounce);flex-direction:column;display:flex}.facts div:hover{transform:translateY(-4px)rotate(-1.5deg)}.facts div:nth-child(2){background:var(--mint);color:var(--deep)}.facts div:nth-child(3){background:var(--amber);color:var(--deep)}.facts div:nth-child(4){background:var(--block)}.facts strong{font:700 clamp(44px, 5.6vw, 78px)/.95 var(--display);letter-spacing:-.04em}.facts span{font:500 15px/1.35 var(--display);opacity:.9}.steps{gap:var(--s7);flex-direction:column;padding-block:clamp(32px,5vw,72px) clamp(64px,9vw,130px);scroll-margin-top:80px;display:flex}.steps ol{gap:var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:var(--s3);flex-direction:column;display:flex}.steps .shape{width:68px;height:68px;margin-bottom:var(--s2);font:700 28px var(--display);transition:rotate .7s var(--bounce)}.steps li:hover .shape{rotate:90deg}.steps h3{letter-spacing:-.03em;font-size:clamp(21px,2.2vw,28px);font-weight:700}.steps li p{max-width:30ch;color:var(--muted);font-size:15.5px;line-height:1.5}.snippet{padding:var(--s5);background:var(--deep);color:var(--mint);font:13.5px/1.6 var(--mono);border-radius:16px;margin:0;overflow-x:auto}.closing{align-items:center;gap:var(--s6);padding:clamp(64px, 9vw, 124px) var(--s5);border-radius:var(--round);background:var(--circle);color:#fff;text-align:center;flex-direction:column;display:flex;position:relative;overflow:hidden}.closing h2{letter-spacing:-.04em;font-size:clamp(40px,6.8vw,100px);font-weight:700;line-height:1;position:relative}.closing .actions{justify-content:center;position:relative}.closing>.shape{aspect-ratio:1;width:clamp(110px,16vw,230px);animation:10s ease-in-out infinite alternate float;position:absolute}.closing>.shape-circle{background:var(--block);top:-6%;left:-4%}.closing>.shape-mint{animation-delay:-3s;top:-22%;right:8%}.closing>.shape-amber{animation-delay:-5s;bottom:-24%;left:8%}.closing>.shape-block{animation-delay:-7s;bottom:-8%;right:-3%}.home-footer{justify-content:space-between;align-items:center;gap:var(--s4) var(--s6);padding-block:var(--s6);font:400 13.5px var(--body);flex-wrap:wrap;display:flex}.home-footer strong{color:var(--ink);font-weight:600}.home-footer div,.home-footer nav{align-items:center;gap:var(--s3) var(--s5);flex-wrap:wrap;display:flex}.home-footer .helpis-mark{font-size:18px}.home-footer .helpis-symbol{width:24px;height:24px}.home-footer nav a{color:var(--muted);transition:color .15s}.home-footer nav a:hover{color:var(--ink)}@keyframes pop-in{0%{opacity:0;transform:translateY(18px)}}@keyframes land{0%{opacity:0;rotate:-24deg;scale:.6}}@keyframes float{to{transform:translateY(-18px)rotate(12deg)}}[data-reveal-on] [data-reveal]{opacity:0;transition:opacity .7s var(--ease) var(--d,0s), transform .8s var(--bounce) var(--d,0s);transform:translateY(28px)}[data-reveal-on] [data-reveal][data-shown]{opacity:1;transform:none}[data-reveal-on] .piece[data-shown]:hover{transform:translateY(-5px)}@media (width<=980px){.home-hero{grid-template-columns:minmax(0,1fr)}.stage{justify-self:center;width:min(100%,440px)}.after{grid-template-columns:minmax(0,1fr)}.after .shot{rotate:0deg}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.home-header{padding-left:14px}.home-header .nav-link:not([href=entrar\.html]){display:none}.home-header nav{gap:var(--s3)}.home-header .pill{min-height:38px;padding:0 14px;font-size:14px}.bento,.steps ol{grid-template-columns:minmax(0,1fr)}.piece{min-height:0}.piece>.shape{width:200px;height:200px;top:-50px;right:-50px}.pill-big{min-height:50px;padding:0 22px;font-size:16px}.facts{gap:var(--s2)}.facts div{padding:var(--s4);border-radius:20px}.home-footer{flex-direction:column;align-items:flex-start}}