:root{--foam:#eaf7fb;--sky:#7fc6e6;--cobalt:#2e7cc0;--navy:#123a6b;--calcadao:var(--navy);--calcadao-2:#1b527d;--pedra:var(--foam);--papel:#fff;--linha:#b8d5e5;--muted:#3c617b;--mate:var(--sky);--mate-dark:var(--cobalt);--mar:var(--navy);--display:"Archivo", "Arial Narrow", system-ui, sans-serif;--body:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:16px;--max:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--pedra);color:var(--calcadao);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,p,figure,dl,dd{margin:0}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--mar);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);z-index:10;background:var(--mate);color:var(--calcadao);border-radius:8px;padding:8px 12px;top:8px}.top{max-width:var(--max);padding:14px var(--gutter);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.wordmark{color:inherit;font-family:var(--display);align-items:center;gap:10px;font-size:1.02rem;font-weight:800;font-stretch:118%;text-decoration:none;display:inline-flex}.btn{background:var(--mate);min-height:52px;color:var(--calcadao);box-shadow:inset 0 -3px 0 var(--mate-dark);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:1.02rem;font-weight:700;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:hover{background:var(--sky)}.btn:active{transform:translateY(1px)}.btn-small{min-height:40px;padding:8px 16px;font-size:.92rem}.text-link{color:var(--calcadao);text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--mate-dark);text-decoration-color:var(--mate-dark);text-underline-offset:5px;font-weight:700}.text-link:hover{-webkit-text-decoration-color:var(--calcadao);text-decoration-color:var(--calcadao)}.kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:700}.hero{padding:48px max(var(--gutter), calc((100vw - var(--max)) / 2)) 72px;background:radial-gradient(ellipse 68% 62% at 86% 12%, #7fc6e69e, transparent 76%), linear-gradient(150deg, #f8fdff 0%, var(--foam) 58%, #c7e6f4 100%)}.hero h1{font-family:var(--display);letter-spacing:-.025em;max-width:14ch;margin-top:14px;font-size:clamp(2.3rem,10.5vw,5.6rem);font-weight:900;font-stretch:125%;line-height:.98}.hl{background:linear-gradient(transparent 58%, var(--mate) 58%, var(--mate) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}.hero-sub{color:#294e70;max-width:54ch;margin-top:22px;font-size:1.08rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px;display:flex}.calcadao{background:var(--foam);border-block:3px solid var(--navy);height:96px;overflow:hidden}.calcadao-svg{width:100%;height:100%;display:block}.calcadao-drift{animation:14s linear infinite drift}@keyframes drift{to{transform:translate(96px)}}@media (width>=800px){.calcadao{height:144px}}.spread{color:#fff;background-color:#123a6b}.spread-stage{padding:64px var(--gutter);background-blend-mode:overlay, normal, normal, normal, normal;background-color:#123a6b;background-image:url(/ocean-grain.svg),radial-gradient(150% 48.4% at 41.58% 6%,#eaf7fbeb 0%,#eaf7fbc6 13.25%,#eaf7fb75 26.5%,#eaf7fb25 39.75%,#eaf7fb00 53%),radial-gradient(150% 48.4% at 42.42% 33%,#7fc6e6eb 0%,#7fc6e6c6 13.25%,#7fc6e675 26.5%,#7fc6e625 39.75%,#7fc6e600 53%),radial-gradient(150% 48.4% at 51.19% 67%,#2e7cc0eb 0%,#2e7cc0c6 13.25%,#2e7cc075 26.5%,#2e7cc025 39.75%,#2e7cc000 53%),radial-gradient(150% 48.4% at 53.67% 94%,#123a6beb 0%,#123a6bc6 13.25%,#123a6b75 26.5%,#123a6b25 39.75%,#123a6b00 53%);background-size:120px 120px,auto,auto,auto,auto}.spread-copy{text-align:center;max-width:680px;margin:0 auto 36px}.spread-copy .kicker{color:#eaf7fb}.spread-copy h2{font:900 clamp(2rem, 5.8vw, 4.4rem)/1.02 var(--display);letter-spacing:-.025em;margin:12px auto 0}.spread-copy>p:last-child{color:#eaf7fb;max-width:58ch;margin:16px auto 0}.spread-grid{max-width:var(--max);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 auto;display:grid}.spread-card{color:#123a6b;background:#fff;border:1px solid #ffffffb3;border-radius:14px;min-width:0;padding:7px 7px 10px;box-shadow:0 22px 48px -24px #021122a6}.spread-card img{aspect-ratio:4/3;object-fit:cover;object-position:center top;border-radius:8px;width:100%}.spread-card--detail img{object-position:center bottom}.spread-card--contact img{object-position:center 72%}.spread-card figcaption{padding:8px 4px 0;font-size:.79rem;font-weight:700;line-height:1.25}.spread-scroll-hint{display:none}@media (width>=900px){.spread-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.spread.is-active{height:300vh}.spread.is-active .spread-stage{height:100svh;padding:0;position:sticky;top:0;overflow:hidden}.spread.is-active .spread-copy{z-index:3;opacity:0;pointer-events:none;text-shadow:0 2px 18px #051c3680;width:min(72vw,680px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spread.is-active .spread-copy h2{font-size:clamp(2rem,4.8vw,3.8rem)}.spread.is-active .spread-grid{max-width:none;margin:0;display:block;position:absolute;inset:0}.spread.is-active .spread-card{z-index:2;will-change:transform;width:min(22vw,24vh,280px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spread.is-active .spread-scroll-hint{z-index:4;opacity:1;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700;display:block;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}@media (pointer:coarse),(width<=899px){.spread.is-active .spread-card{width:min(40vw,26vh,235px)}.spread.is-active .spread-copy{width:min(84vw,600px)}.spread.is-active .spread-copy h2{font-size:clamp(1.7rem,6vw,3rem)}.spread.is-active .spread-copy>p:last-child{font-size:.85rem}}@media (height<=560px){.spread.is-active .spread-card{width:min(24vw,21vh,180px)}.spread.is-active .spread-scroll-hint{bottom:2vh}}.work{max-width:var(--max);padding:56px var(--gutter);gap:36px;margin:0 auto;display:grid}.work h2,.includes h2,.steps h2,.about h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.9rem,6.5vw,3.2rem);font-weight:900;font-stretch:125%;line-height:1}.work h2{margin-top:10px}.work-text p{max-width:48ch;margin-top:16px}.facts{gap:8px;margin:20px 0 24px;padding:0;font-weight:600;list-style:none;display:grid}.facts li{align-items:baseline;gap:10px;display:flex}.facts li:before{content:"";border-bottom:3px solid var(--calcadao);border-radius:0 0 12px 12px;flex:none;width:14px;height:7px;transform:translateY(-3px)}.work-shots{padding-bottom:12%;position:relative}.shot img{border-radius:10px}.shot-desktop{border:3px solid var(--calcadao);background:var(--calcadao);border-radius:14px;width:88%;box-shadow:0 30px 60px -30px #15171a73}.shot-desktop img{border-radius:11px}.shot-phone{background:var(--calcadao);border-radius:22px;width:32%;padding:6px;position:absolute;bottom:0;right:0;box-shadow:0 24px 50px -20px #15171a8c}.shot-phone img{border-radius:16px}@media (width>=900px){.work{grid-template-columns:5fr 7fr;align-items:center;gap:56px;padding-block:96px}}.includes{background:linear-gradient(160deg, var(--navy), #0b294f);color:var(--foam)}.includes>*{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.includes h2{padding-top:56px}.include-grid{gap:0;padding-block:28px 56px;display:grid}.include-grid>div{border-top:1px solid var(--calcadao-2);padding:20px 0}.include-grid dt{font-family:var(--display);color:var(--sky);font-size:1.15rem;font-weight:800;font-stretch:112%}.include-grid dd{color:#d2eaf4;max-width:42ch;margin-top:6px}@media (width>=760px){.include-grid{grid-template-columns:repeat(2,1fr);column-gap:48px}}@media (width>=1040px){.include-grid{grid-template-columns:repeat(3,1fr)}.includes h2{padding-top:88px}.include-grid{padding-bottom:88px}}.steps{max-width:var(--max);padding:56px var(--gutter);margin:0 auto}.step-list{counter-reset:passo;gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.step-list li{counter-increment:passo;background:var(--papel);border:1px solid var(--linha);border-radius:16px;padding:20px 20px 20px 72px;position:relative}.step-list li:before{content:counter(passo);background:var(--mate);width:38px;height:38px;font-family:var(--display);border-radius:10px;place-items:center;font-size:1.15rem;font-weight:900;font-stretch:125%;display:grid;position:absolute;top:18px;left:18px}.step-list h3{font-family:var(--display);font-size:1.15rem;font-weight:800;font-stretch:112%}.step-list p{color:var(--calcadao-2);margin-top:4px}@media (width>=900px){.step-list{grid-template-columns:repeat(4,1fr)}.step-list li{padding:72px 20px 22px}.steps{padding-block:96px}}.about{max-width:var(--max);padding:8px var(--gutter) 56px;margin:0 auto}.about p{max-width:56ch;margin-top:16px;font-size:1.12rem}.closing{background:linear-gradient(135deg, #2469a5, var(--navy) 76%);color:#fff;padding:56px var(--gutter) 64px;text-align:center;justify-items:center;gap:14px;display:grid}.closing h2{font-family:var(--display);letter-spacing:-.02em;max-width:18ch;font-size:clamp(1.8rem,6vw,3rem);font-weight:900;font-stretch:125%;line-height:1.02}.closing p{max-width:40ch}.closing .btn{background:var(--foam);color:var(--navy);box-shadow:none;margin-top:8px}.closing .btn:hover{background:var(--sky)}.foot{color:#c4dce9;padding:22px var(--gutter) calc(22px + env(safe-area-inset-bottom));background:#0b294f;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;font-size:.88rem;display:flex}.foot a{color:var(--foam);text-underline-offset:3px}.foot a:focus-visible{outline-color:var(--mate)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.calcadao-drift{animation:none}.btn{transition:none}.spread.is-active{height:auto}.spread.is-active .spread-stage{height:auto;padding:64px var(--gutter);position:static;overflow:visible}.spread.is-active .spread-copy,.spread.is-active .spread-grid,.spread.is-active .spread-card{width:auto;position:static;opacity:1!important;transform:none!important}.spread.is-active .spread-copy{margin:0 auto 36px}.spread.is-active .spread-grid{max-width:var(--max);margin:0 auto;display:grid}.spread.is-active .spread-card{will-change:auto}.spread.is-active .spread-scroll-hint{display:none}}
