:root{--marinho:#0b1f3a;--principal:#1769aa;--claro:#3b8edb;--offwhite:#f5f7fa;--grafite:#1f2937;--branco:#fff;--linha:#0b1f3a1a;--texto-suave:#1f2937b8;--marinho-2:#12294a;--gutter:16px;--max:1160px;--r-xl:26px;--r-lg:20px;--font:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{background:var(--offwhite);color:var(--grafite);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--claro);outline-offset:3px;border-radius:8px}.skip{z-index:100;background:var(--marinho);color:#fff;border-radius:999px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}@media (width>=768px){:root{--gutter:40px}}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--principal);margin:0 0 12px;font-size:12px;font-weight:600}.h2{letter-spacing:-.035em;color:var(--marinho);text-wrap:balance;margin:0;font-size:clamp(34px,6vw,56px);font-weight:700;line-height:1.04}.h2--light{color:#fff}.lead{color:var(--grafite);text-wrap:wrap;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.5}.body{color:var(--texto-suave);text-wrap:wrap;margin:16px 0 0}.fine{color:var(--texto-suave);margin-top:20px;font-size:13px}.logo{color:var(--marinho);align-items:center;gap:10px;display:inline-flex}.logo__fish{width:46px;height:auto}.wordmark{text-transform:uppercase;flex-direction:column;line-height:1;display:inline-flex}.wordmark__top{letter-spacing:.42em;margin-bottom:2px;font-size:8.5px;font-weight:500}.wordmark__main{letter-spacing:.02em;font-size:19px;font-weight:800}.btn{white-space:nowrap;min-height:48px;font:600 15px/1 var(--font);cursor:pointer;transition:transform .2s var(--ease), background-color .2s, color .2s, border-color .2s;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--sm{min-height:42px;padding:0 18px;font-size:14px}.btn--dark{background:var(--marinho);color:#fff}.btn--dark:hover{background:var(--principal)}.btn--light{color:var(--marinho);background:#fff}.btn--light:hover{background:var(--offwhite);transform:translateY(-1px)}.btn--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-color:#ffffff47}.btn--ghost:hover{background:#ffffff24}.btn.is-disabled,.btn.is-disabled:hover{cursor:not-allowed;box-shadow:none;border-style:dashed;transform:none}.btn--dark.is-disabled,.btn--dark.is-disabled:hover{color:#0b1f3a9e;background:0 0;border-color:#0b1f3a59}.btn--light.is-disabled,.btn--light.is-disabled:hover,.btn--ghost.is-disabled,.btn--ghost.is-disabled:hover{color:#f5f7fab8;background:#ffffff0f;border-color:#f5f7fa66}.nav{z-index:50;padding:10px 0;transition:background-color .3s,box-shadow .3s;position:sticky;top:0}.nav.is-scrolled{-webkit-backdrop-filter:saturate(1.4)blur(14px);box-shadow:0 1px 0 var(--linha);background:#f5f7faf5}.nav__in{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.nav__brand{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}@media (width<=479px){.nav__cta{padding:0 14px;font-size:13px}.nav__cta svg{display:none}.logo__fish{width:40px}}.nav__links{gap:4px;display:none}.nav__links a{color:var(--grafite);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s}.nav__links a:hover{background:#0b1f3a0f}@media (width>=768px){.nav__links{display:flex}}.hero{padding-top:6px}.stage{isolation:isolate;border-radius:var(--r-lg);background:var(--marinho);color:#fff;text-align:center;justify-content:center;align-items:flex-start;min-height:min(760px,100svh - 84px);padding:56px 20px 230px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.stage{border-radius:var(--r-xl);min-height:min(720px,100svh - 84px);padding:96px 40px 220px}}.stage--hero{align-items:center;min-height:440px;padding:48px 20px 96px}.stage--hero .river__waves{height:64px;bottom:8px}@media (width>=768px){.stage--hero{min-height:min(660px,100svh - 84px);padding:96px 40px 150px}.stage--hero .river__waves{height:110px;bottom:40px}}.hero__content{z-index:2;flex-direction:column;align-items:center;max-width:980px;display:flex;position:relative}.hero__pillars{letter-spacing:.3em;text-transform:uppercase;color:#f5f7fab3;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:0 0 22px;font-size:11px;font-weight:500;display:flex}.hero__pillars span[aria-hidden]{color:var(--claro);letter-spacing:0}@media (width<=479px){.hero__pillars{letter-spacing:.24em;gap:6px 16px}.hero__pillars span[aria-hidden]{display:none}}.hero__title{letter-spacing:-.04em;text-wrap:balance;animation:subir .9s var(--ease) both;margin:0;font-size:clamp(30px,8.4vw,60px);font-weight:800;line-height:1.04}@media (width>=768px){.hero__line{display:inline-block}}.hero__sub{color:#f5f7facc;text-wrap:pretty;max-width:34em;animation:subir .9s .1s var(--ease) both;margin:20px 0 0;font-size:clamp(16px,1.8vw,18px);line-height:1.55}.hero__ctas{animation:subir .9s .2s var(--ease) both;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}@media (width<=479px){.hero__ctas{flex-direction:column;width:100%}.hero__ctas .btn{width:100%}}@keyframes subir{0%{opacity:0;transform:translateY(18px)}}.river{z-index:0;pointer-events:none;position:absolute;inset:0}.river__glow{background:radial-gradient(50% 50% at 50% 30%,#3b8edb38,#0000 70%);height:80%;position:absolute;inset:-20% -10% auto}.river__bars{align-items:flex-end;gap:3.2%;width:min(70%,640px);height:64%;padding-right:2%;display:flex;position:absolute;bottom:0;right:0}.river__bars span{height:calc(18% + var(--i) * 16%);clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);transform-origin:bottom;animation:crescer 1.6s calc(.25s + var(--i) * .12s) var(--ease) both;opacity:calc(.45 + var(--i) * .1);background:linear-gradient(#3b8edb80,#1769aa0d);border-top:1px solid #3b8edbb3;border-radius:6px 6px 0 0;flex:1}@keyframes crescer{0%{transform:scaleY(0)}}.river__bubbles span{background:#3b8edb2e;border:1px solid #f5f7fa8c;border-radius:50%;animation:linear infinite bolha;position:absolute;bottom:-10px}@keyframes bolha{0%{opacity:0;transform:translate(0)}12%{opacity:.8}50%{transform:translate(10px,-45vh)}to{opacity:0;transform:translate(-6px,-90vh)}}.river__waves{width:200%;max-width:none;height:110px;animation:22s linear infinite correnteza;position:absolute;bottom:40px;left:0}.river__wave{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.river__wave--a{stroke:#3b8edbbf;stroke-width:2.5px}.river__wave--b{stroke:#3b8edb4d;stroke-width:1.5px}@keyframes correnteza{to{transform:translate(-50%)}}.river__fish{color:#fff;width:clamp(132px,22vw,250px);animation:nadar-in 1.4s .3s var(--ease) both, boiar 7s 1.7s ease-in-out infinite;position:absolute;bottom:74px;left:7%}@keyframes nadar-in{0%{opacity:0;transform:translate(-40px)}}@keyframes boiar{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(10px,-10px)rotate(-2deg)}}.river__grain{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.river--compact .river__bars{opacity:.7;width:min(55%,520px);height:80%}.river--compact .river__waves{bottom:10px}@media (width<=767px){.river__bars{width:78%;height:34%}.river__fish{bottom:64px;left:6%}.river__waves{height:90px;bottom:24px}.river--compact .river__bars{width:70%;height:30%}}.stage--cta{min-height:0;padding:64px 20px 150px}@media (width>=768px){.stage--cta{min-height:0;padding:96px 40px 140px}}.stage--cta .hero__title,.stage--cta .hero__sub,.stage--cta .hero__ctas{animation:none}.strip{padding:40px 0 24px}.socials{gap:10px;margin:0;padding:0;list-style:none;display:grid}.socials--strip{grid-template-columns:1fr}@media (width>=560px){.socials--strip{grid-template-columns:repeat(3,1fr)}}.social{background:var(--branco);border:1px solid var(--linha);min-height:56px;color:var(--marinho);transition:transform .25s var(--ease), border-color .25s, box-shadow .25s;border-radius:16px;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.social:hover{border-color:#1769aa66;transform:translateY(-2px);box-shadow:0 10px 24px -14px #0b1f3a59}.social__icon{width:22px;height:22px;color:var(--principal);flex:none}.social__text{flex-direction:column;line-height:1.2;display:flex}.social__name{font-size:15px;font-weight:700}.social__handle{color:var(--texto-suave);font-size:13px}.section{padding:72px 0}.section--tight{padding-top:24px}@media (width>=768px){.section{padding:104px 0}}.intro{text-align:center;margin-bottom:32px}@media (width>=900px){.intro{margin-bottom:40px}}.bento{grid-template-columns:1fr;grid-auto-flow:dense;gap:12px;display:grid}@media (width>=640px){.bento{grid-template-columns:repeat(2,1fr)}.tile--feature,.tile--wide{grid-column:span 2}}@media (width>=1024px){.bento{grid-template-columns:repeat(4,1fr)}.tile--feature{grid-area:span 2/span 2}}.tile{border-radius:var(--r-lg);background:var(--branco);border:1px solid var(--linha);transition:transform .4s var(--ease), box-shadow .4s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile:hover{box-shadow:0 22px 40px -28px #0b1f3a73}.tile.is-dark{background:var(--marinho);color:#f5f7fad1;border-color:#0000}.tile.is-dark.tile--feature{background:radial-gradient(80% 60% at 70% 30%, #3b8edb38, transparent 70%), var(--marinho)}.tile__stage{background:linear-gradient(#1769aa0f,#0000);flex:none;height:230px;position:relative}.tile.is-dark .tile__stage{background:linear-gradient(#3b8edb1f,#0000)}.tile__body{flex-direction:column;flex:1;gap:6px;padding:4px 22px 22px;display:flex}.tile__tag{letter-spacing:.18em;text-transform:uppercase;color:#cfe3f7;background:#3b8edb2e;border-radius:999px;align-self:flex-start;margin-bottom:6px;padding:5px 10px;font-size:11px;font-weight:600}.tile__title{letter-spacing:-.015em;color:var(--marinho);margin:0;font-size:19px;font-weight:700;line-height:1.2}.tile.is-dark .tile__title{color:#fff}.tile__author{letter-spacing:.2em;text-transform:uppercase;color:var(--principal);margin:0;font-size:11.5px;font-weight:600}.tile.is-dark .tile__author{color:var(--claro)}.tile__why{flex:1;margin:6px 0 16px;font-size:15px;line-height:1.55}.tile:not(.is-dark) .tile__why{color:var(--texto-suave)}.tile--feature .tile__stage{height:340px}.tile--feature .tile__title{letter-spacing:-.03em;font-size:clamp(24px,3vw,32px)}.tile--feature .tile__why{max-width:36em;font-size:16px}.tile--feature .tile__body{padding:4px 28px 28px}@media (width>=1024px){.tile--feature .tile__stage{flex:1;height:auto;min-height:360px}.tile--feature .tile__body{flex:none}}@media (width>=640px){.tile--wide{flex-direction:row;align-items:stretch}.tile--wide .tile__stage{background:0 0;width:42%;height:auto;min-height:260px}.tile--wide .tile__body{justify-content:center;padding:28px 28px 24px 4px}}.btn--amazon{white-space:nowrap;background:var(--marinho);color:#fff;align-self:flex-start;min-height:46px;font-size:14px}.btn--amazon:hover{background:var(--principal)}.tile.is-dark .btn--amazon{color:var(--marinho);background:#fff}.tile.is-dark .btn--amazon:hover{background:var(--offwhite)}.btn--amazon.is-soon,.tile.is-dark .btn--amazon.is-soon{color:inherit;opacity:.6;cursor:not-allowed;background:0 0;border:1px dashed}.btn--amazon.is-soon:active{transform:none}@media (width<=479px){.btn--amazon{align-self:stretch}}.tile__stage canvas{width:100%;height:100%;display:block}.tile--feature .static-book__body{top:14%;bottom:18%}.static-book{perspective:900px;position:absolute;inset:0}.static-book__body{aspect-ratio:2/3;transform-style:preserve-3d;box-shadow:-10px 0 0 -4px var(--spine), 18px 24px 30px -18px #0b1f3a8c;border-radius:2px 6px 6px 2px;position:absolute;top:12%;bottom:14%;left:50%;transform:translate(-50%)rotateY(-22deg)rotateX(4deg)}.static-book__body.is-photo{aspect-ratio:auto}.static-book__body.is-photo img{width:auto;height:100%}.static-book__body img,.static-book__ph{object-fit:cover;background:var(--spine);border-radius:2px 6px 6px 2px;width:100%;height:100%}.sobre{align-items:center;gap:32px;display:grid}@media (width>=900px){.sobre{grid-template-columns:1fr 1.1fr;gap:64px}}.sobre__card{isolation:isolate;border-radius:var(--r-xl);background:radial-gradient(70% 55% at 50% 38%, #3b8edb33, transparent 70%), var(--marinho);aspect-ratio:10/11;flex-direction:column;justify-content:flex-end;width:100%;max-width:540px;margin:0 auto;padding:28px;display:flex;position:relative;overflow:hidden}.surf{z-index:0;position:absolute;inset:0}.surf__fish{z-index:2;aspect-ratio:610/330;color:#fff;width:74%;position:absolute;top:19%;left:13%}.surf__fish svg{transform-origin:50% 95%;will-change:transform;width:100%;height:100%;animation:6s ease-in-out infinite surfar;display:block;overflow:visible}.surf__fish path{fill:#fff}@keyframes surfar{0%,to{transform:translate(-3%,1%)rotate(-3deg)}25%{transform:translateY(-4%)rotate(1deg)}50%{transform:translate(3%)rotate(4deg)}75%{transform:translateY(-3%)rotate(0)}}.surf__wave{z-index:1;width:400%;max-width:none;height:11%;animation:12s linear infinite correnteza;position:absolute;top:45.5%;left:0;overflow:visible}.surf__line{fill:none;stroke:var(--claro);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round}.surf__line--2{stroke:#3b8edb59;stroke-width:1.5px;transform:translate(-200px,26px)}.sobre__quote{z-index:1;color:#fff;max-width:20em;margin:0;font-size:clamp(17px,2vw,20px);font-weight:600;line-height:1.4;position:relative}.sobre__text .h2{margin-bottom:16px}.pillars{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.pillar{background:var(--branco);border:1px solid var(--linha);border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.pillar__icon{width:40px;height:40px;color:var(--principal);background:#1769aa1a;border-radius:12px;flex:none;place-items:center;display:grid}.pillar strong{color:var(--marinho);font-size:15px;display:block}.pillar span span{color:var(--texto-suave);font-size:14px;line-height:1.5;display:block}.foot{border-top:1px solid var(--linha);padding:56px 0 28px}.foot__top{gap:32px;display:grid}@media (width>=768px){.foot__top{grid-template-columns:1fr auto}}.foot__cols{gap:24px 56px;display:grid}.foot__soon{min-height:40px;color:var(--texto-suave);padding:8px 0}.foot__word{border-bottom:1px solid var(--linha);margin-top:40px;line-height:0}.foot__word svg{width:100%;height:auto;display:block}.foot__word-top{font:500 54px var(--font);fill:var(--marinho)}.foot__word-main{font:800 294px var(--font);fill:url(#foot-fade)}.foot__tag{color:var(--texto-suave);margin:14px 0 18px;font-size:14px}.socials--footer{flex-wrap:wrap;gap:8px;display:flex}.socials--footer .social{border-radius:999px;min-height:46px;padding:8px 14px}.socials--footer .social__icon{width:18px;height:18px}.socials--footer .social__name{font-size:14px;font-weight:600}.foot__nav{flex-direction:column;gap:2px;display:flex}.foot__h{letter-spacing:.24em;text-transform:uppercase;color:var(--texto-suave);margin:0 0 6px;font-size:12px;font-weight:600}.foot__nav a{min-height:40px;color:var(--marinho);padding:8px 0;font-weight:500;text-decoration:none}.foot__nav a:hover{color:var(--principal)}.foot__legal{color:var(--texto-suave);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-top:18px;font-size:13px;display:flex}.foot__legal p{margin:0}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(24px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.river__bubbles{display:none}}
