@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--noite:#101614;--verde:#194b3b;--verde-claro:#b8df9c;--creme:#f1eee5;--papel:#fbfaf5;--tinta:#18201d;--cinza:#64716b;--linha:#d2d5c8;--coral:#e66e4a;--mono:'DM Mono',monospace;--display:'Fraunces',Georgia,serif;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased}.ruido{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.cabecalho-site{height:5.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,6rem);background:var(--noite);color:var(--papel);position:relative;z-index:2}.marca{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;font-weight:700;letter-spacing:-.03em}.marca b{font-weight:400;opacity:.52}.marca-simbolo{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid currentColor;border-radius:50%;font-family:var(--mono);font-size:.7rem;letter-spacing:-.12em}.nav-site{display:flex;align-items:center;gap:2rem;font-size:.8rem}.nav-site a{color:var(--papel);text-decoration:none;opacity:.75;transition:opacity .2s}.nav-site a:hover{opacity:1}.nav-site .nav-projeto{padding:.75rem 1rem;border:1px solid rgb(241 238 229 / .3);opacity:1}.nav-projeto span{color:var(--verde-claro)}.menu-toggle{display:none;border:0;background:transparent;color:inherit;font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.hero{min-height:calc(100svh - 5.5rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(25rem,1.1fr);align-items:center;gap:clamp(2rem,6vw,8rem);padding:clamp(3rem,7vw,8rem) clamp(1.25rem,9vw,10rem);position:relative;overflow:hidden;background:var(--noite);color:var(--papel)}.hero-copy{position:relative;z-index:1;max-width:42rem}.eyebrow{margin:0 0 1rem;font:500 .66rem var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--coral)}.sinal{display:inline-block;width:.43rem;height:.43rem;margin-right:.45rem;background:var(--verde-claro);border-radius:50%;box-shadow:0 0 0 3px rgb(184 223 156 / .18)}h1,h2,h3,p{margin-top:0}.hero h1{margin:.95rem 0 1.8rem;font:400 clamp(3.7rem,7.1vw,7.4rem)/.85 var(--display);letter-spacing:-.075em}.hero h1 em,.cabecalho-secao h2 em,.dispositivos-copy h2 em,.secao-projeto h2 em{color:var(--verde-claro);font-style:italic}.hero-lead{max-width:33rem;color:#bdc8c0;font-size:clamp(.95rem,1.35vw,1.1rem);line-height:1.65}.hero-actions{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;margin-top:2.3rem}.botao{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 1.15rem;border:1px solid transparent;text-decoration:none;font:500 .68rem var(--mono);letter-spacing:.05em;text-transform:uppercase;transition:transform .2s,background .2s}.botao:hover{transform:translateY(-3px)}.botao-principal{background:var(--verde-claro);color:var(--noite)}.botao-principal span{font-size:1.1rem}.link-seta{color:var(--papel);font:500 .73rem var(--mono);text-decoration:none}.link-seta span{margin-left:.5rem;color:var(--verde-claro)}.hero-visual{position:relative;min-height:36rem;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:34rem;height:34rem;background:#17463b;opacity:.6}.orb-b{width:20rem;height:20rem;background:#e66e4a;opacity:.22;transform:translate(42%,45%);filter:blur(45px)}.painel-maquete{position:relative;z-index:1;width:min(100%,29rem);padding:1.4rem;background:#f8f7f0;color:var(--tinta);box-shadow:0 42px 80px rgb(0 0 0 / .38);border:1px solid rgb(255 255 255 / .5);border-radius:.35rem;transform:rotate(3deg)}.maquete-topo,.maquete-titulo{display:flex;justify-content:space-between;color:#6a756f;font:400 .58rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.online{color:#497f4e}.online i{display:inline-block;width:.35rem;height:.35rem;border-radius:50%;background:#6daa5e}.saudacao{margin-top:1.8rem;font:500 1.6rem var(--display);letter-spacing:-.05em}.saudacao span{color:#e9ad34}.maquete-sub{margin-top:.2rem;color:#78837c;font-size:.62rem}.maquete-cenas{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.7rem 0}.cena{display:grid;gap:.25rem;padding:.7rem;border:1px solid #e1e2da;background:transparent;text-align:left;color:inherit;border-radius:.2rem}.cena span{font-size:1rem;color:#60786a}.cena b{font:500 .62rem var(--sans)}.cena small{font:.48rem var(--mono);color:#859087}.cena-ativa{background:#e7f0dc;border-color:#d2e2c3}.maquete-dispositivos{display:grid;gap:.5rem;margin-top:.75rem}.dispositivo{position:relative;display:grid;grid-template-columns:1.7rem 1fr auto;align-items:center;gap:.5rem;padding:.66rem .7rem;background:#fff;border:1px solid #e5e7dd;border-radius:.22rem}.dispositivo .icone{grid-row:span 2;color:#5d7d6b}.dispositivo b{font-size:.62rem}.dispositivo small{font:.5rem var(--mono);color:#7d8981}.dispositivo>i{width:1.2rem;height:.65rem;border-radius:2rem;background:#c6ccc5}.ligado>i{background:#8abd65}.sensor strong{grid-row:span 2;font:500 .95rem var(--display)}.tag-flutuante{position:absolute;z-index:2;padding:.55rem .7rem;background:var(--papel);color:var(--tinta);box-shadow:0 10px 25px rgb(0 0 0 / .2);font:500 .61rem var(--mono);letter-spacing:.03em}.tag-flutuante span{margin-right:.3rem;color:var(--coral)}.tag-wifi{left:-1rem;bottom:5rem}.tag-voz{right:-1rem;top:3rem}.faixa-manifesto{padding:clamp(4.5rem,10vw,9rem) 8vw;background:var(--verde);color:var(--papel)}.faixa-manifesto p{margin:0;font:400 clamp(2.4rem,5.2vw,5.5rem)/.96 var(--display);letter-spacing:-.06em}.faixa-manifesto p+p{padding-left:11vw;color:#c7d8c9}.faixa-manifesto strong{color:var(--verde-claro);font-weight:400;font-style:italic}.secao{padding:clamp(4rem,9vw,9rem) clamp(1.25rem,9vw,10rem)}.cabecalho-secao{display:grid;grid-template-columns:1.1fr .8fr;column-gap:5rem;align-items:end;margin-bottom:3.4rem}.cabecalho-secao .eyebrow{grid-column:1/-1}.cabecalho-secao h2,.dispositivos-copy h2,.secao-projeto h2{margin:0;font:400 clamp(2.6rem,5.3vw,5.8rem)/.9 var(--display);letter-spacing:-.07em}.cabecalho-secao>p:last-child{margin:0;max-width:24rem;color:var(--cinza);font-size:1rem;line-height:1.65}.cabecalho-secao h2 em{color:var(--verde);}.grade-recursos{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:1px;background:var(--linha);border:1px solid var(--linha)}.recurso{min-height:20rem;padding:1.5rem;background:var(--papel);display:flex;flex-direction:column;align-items:flex-start}.recurso-grande{grid-row:span 2;min-height:100%}.recurso-escuro{background:var(--noite);color:var(--papel)}.recurso-numero{font:.6rem var(--mono);color:var(--coral)}.recurso-icone{margin:auto 0 1rem;color:var(--verde);font-size:2.5rem}.recurso-escuro .recurso-icone{color:var(--verde-claro)}.recurso h3{margin:0;font:500 1.3rem var(--display);letter-spacing:-.04em}.recurso p{margin:.65rem 0 1rem;color:var(--cinza);font-size:.78rem;line-height:1.55}.recurso-escuro p{color:#adbbb2}.recurso a{margin-top:auto;color:var(--verde);font:500 .62rem var(--mono);text-decoration:none}.recurso-escuro a{color:var(--verde-claro)}.secao-dispositivos{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;background:#dce4d8}.dispositivos-copy>p:not(.eyebrow){max-width:29rem;margin:1.6rem 0;color:#4f6158;line-height:1.7}.link-escuro{color:var(--tinta);text-decoration:underline;text-underline-offset:.3rem}.link-escuro span{color:var(--verde)}.constelacao{height:31rem;position:relative}.linha{position:absolute;height:1px;background:#91a69a;transform-origin:left center}.linha-1{width:45%;top:48%;left:25%;transform:rotate(-32deg)}.linha-2{width:42%;top:51%;left:27%;transform:rotate(33deg)}.nodo{position:absolute;display:grid;place-items:center;width:6.8rem;height:6.8rem;border:1px solid #91a69a;border-radius:50%;background:#edf0e8;text-align:center;box-shadow:0 12px 25px rgb(30 64 49 / .1)}.nodo span{font-size:1.3rem;color:var(--verde)}.nodo small{font:.56rem var(--mono);color:#55655b}.nodo-centro{top:40%;left:41%;width:8rem;height:8rem;background:var(--verde);color:var(--papel);border:0}.nodo-centro b{font:500 2rem var(--display);letter-spacing:-.15em}.nodo-centro small{color:var(--verde-claro)}.nodo-1{top:12%;left:18%}.nodo-2{top:15%;right:12%}.nodo-3{bottom:7%;right:21%}.nodo-4{bottom:4%;left:15%}.secao-projeto{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;background:var(--coral);color:var(--noite)}.secao-projeto .eyebrow{color:#5b281c}.secao-projeto h2 em{color:var(--papel)}.projeto-chamada p{max-width:30rem;font:400 1.25rem/1.5 var(--display);letter-spacing:-.02em}.botao-claro{background:var(--papel);color:var(--noite)}.rodape-site{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem clamp(1.25rem,5vw,6rem);background:var(--noite);color:var(--papel);font:.63rem var(--mono)}.rodape-site a:last-child{color:var(--verde-claro);text-decoration:none}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:4rem}.hero-visual{min-height:29rem;max-width:35rem;width:100%;margin:auto}.cabecalho-secao{grid-template-columns:1fr;gap:1.5rem}.grade-recursos{grid-template-columns:repeat(2,1fr)}.recurso-grande{grid-row:span 1;min-height:20rem}.secao-dispositivos,.secao-projeto{grid-template-columns:1fr}.constelacao{max-width:35rem;width:100%;margin:auto}.secao-projeto{gap:2rem}}@media(max-width:560px){.cabecalho-site{height:4.5rem}.nav-site{display:none}.nav-site.aberto{display:flex;position:absolute;top:4.5rem;right:0;left:0;z-index:5;flex-direction:column;align-items:stretch;gap:0;padding:1rem;background:var(--noite);border-top:1px solid rgb(255 255 255 / .12)}.nav-site.aberto a{padding:1rem}.menu-toggle{display:block}.hero{min-height:auto;padding-bottom:4rem}.hero h1{font-size:3.8rem}.hero-visual{min-height:24rem}.painel-maquete{transform:rotate(1deg) scale(.9)}.tag-wifi{left:0;bottom:1rem}.tag-voz{right:0;top:0}.faixa-manifesto p{font-size:2.5rem}.faixa-manifesto p+p{padding-left:0;margin-top:.5rem}.grade-recursos{grid-template-columns:1fr}.recurso,.recurso-grande{min-height:16rem}.secao-dispositivos{padding-top:4rem}.constelacao{height:23rem;transform:scale(.8);transform-origin:top left;width:125%}.rodape-site{align-items:flex-start;flex-direction:column}.rodape-site span{order:3}.rodape-site a:last-child{margin-top:.5rem}}