/* easy — agência · CSS estático (convertido do projeto Hostinger Horizons) */
@font-face{font-family:"Telegraf";src:url("fonts/Telegraf-UltraLight.otf") format("opentype");font-weight:200;font-display:swap}
@font-face{font-family:"Telegraf";src:url("fonts/Telegraf-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Telegraf";src:url("fonts/Telegraf-UltraBold.otf") format("opentype");font-weight:800;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-300.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-600.woff2") format("woff2");font-weight:600;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
img,svg{max-width:100%}
h1,h2,h3,p{margin:0}
dialog{padding:0}

 :root { --background: 0 0% 100%; --foreground: 220 26% 12%; --primary: 231 83% 53%; --primary-foreground: 0 0% 100%; --secondary: 155 66% 45%; --secondary-foreground: 220 26% 12%; --muted: 210 20% 96%; --muted-foreground: 218 12% 44%; --accent: 155 66% 45%; --accent-foreground: 220 26% 12%; --border: 218 15% 87%; --input: 218 15% 87%; --ring: 231 83% 53%; --radius: .6rem; --card: 0 0% 100%; --card-foreground: 220 26% 12%; --popover: 0 0% 100%; --popover-foreground: 220 26% 12%; --destructive: 0 70% 45%; --destructive-foreground: 0 0% 100%; --blue: #2448ed; --green: #35d299; --ink: #17202e; --soft: #f4f6f8; --gray: #647080; }
 * {box-sizing:border-box} html {scroll-behavior:smooth;scroll-padding-top:90px} body {margin:0;font-family:'Poppins','Helvetica Neue',Arial,sans-serif;color:var(--ink);background:white;overflow-x:clip} button,input,textarea {font:inherit} a {color:inherit;text-decoration:none} button {cursor:pointer} button,a,input,textarea { -webkit-tap-highlight-color:transparent } :focus-visible {outline:3px solid var(--green);outline-offset:5px} ::selection {background:var(--green);color:var(--ink)}
.site-header {height:92px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:white;position:relative;z-index:20}
.wordmark {font-size:57px;font-weight:800;letter-spacing:-5px;line-height:1}.wordmark span {font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:6px 0 0 7px}.navigation {display:flex;align-items:center;gap:37px;font-size:13px;font-weight:600}.navigation>a:not(.nav-cta):hover {color:var(--blue)}.nav-cta {display:flex;gap:20px;align-items:center;padding:14px 20px;border:1px solid var(--ink);border-radius:6px}.nav-cta:hover {background:var(--ink);color:white}.menu-toggle {display:none;border:0;background:none}
.hero {background:var(--blue);color:white;padding:30px 5.5% 65px;position:relative;isolation:isolate;overflow:hidden;min-height:720px}.hero-top {display:flex;justify-content:space-between;border-bottom:1px solid #ffffff40;padding-bottom:22px;font-size:10px;letter-spacing:1.7px;font-weight:600}.hero-top span:first-child {display:flex;align-items:center;gap:10px}.hero-top i {width:7px;height:7px;background:var(--green);border-radius:50%}.hero-title {display:flex;align-items:center;justify-content:space-between;padding:58px 0 45px;position:relative;z-index:1}h1 {font-family:'Telegraf','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:clamp(72px,7.7vw,119px);line-height:.99;letter-spacing:-2px;margin:0}h1 span {color:var(--green)}.hero-symbol {width:230px;margin-right:4%;transform:rotate(-6deg)}.hero-symbol svg {width:100%;fill:none;stroke:var(--green);stroke-width:27;stroke-linecap:square;stroke-linejoin:miter}.symbol-caption {display:block;text-align:center;font-size:12px;margin-top:13px;letter-spacing:.5px;transform:rotate(6deg)}.hero-bottom {display:flex;align-items:center;gap:50px;position:relative;z-index:1}.hero-bottom p {font-size:14px;line-height:1.8;margin:0;max-width:370px;color:#e0e5ff}.button {display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:700;border:0;border-radius:6px;min-height:54px;padding:16px 22px;transition:transform .2s,background .2s}.button:hover {transform:translateY(-3px)}.button:active {transform:scale(.98)}.button-white {background:white;color:var(--ink)}.button-green {background:var(--green);color:var(--ink)}.button:disabled {opacity:.65;cursor:wait}.scroll-link {margin-left:auto;display:flex;align-items:center;gap:12px;font-size:11px;color:#e0e5ff}.hero-watermark {position:absolute;bottom:-140px;right:-10px;font-size:450px;font-weight:800;letter-spacing:-40px;color:#ffffff04;z-index:-1;line-height:1}
.section-rail {padding-left:5.5%;padding-right:5.5%}.section-label {display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;font-size:10px;letter-spacing:1.6px;font-weight:700}.about {padding-top:65px;padding-bottom:82px}.about-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-top:48px}h2 {font-size:clamp(32px,3.1vw,47px);line-height:1.18;letter-spacing:-1.8px;font-weight:650;margin:0}h2 em {font-style:normal;color:var(--blue)}.about-grid p {font-size:14px;line-height:1.8;color:var(--gray);margin:0 0 16px}.about-grid p:first-child {color:var(--ink)}.text-link {display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding:8px 0}.text-link:hover {color:var(--blue)}
.services {background:var(--soft);padding-top:60px;padding-bottom:70px}.section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:42px 0 42px}.section-heading p {font-size:13px;line-height:1.8;color:var(--gray);max-width:360px;margin:0}.service-row {display:grid;grid-template-columns:45px 1fr 1.12fr 35px;gap:28px;padding:33px 0;border-top:1px solid var(--border);transition:color .2s}.service-row:last-child {border-bottom:1px solid var(--border)}.service-number {font-size:12px;color:var(--gray);padding-top:7px}.service-row h3 {font-size:25px;letter-spacing:-.8px;margin:0;font-weight:600}.service-row p {font-size:12px;line-height:1.8;color:var(--gray);margin:0 0 15px;max-width:460px}.tags {display:flex;gap:7px;flex-wrap:wrap}.tags span {font-size:9px;padding:5px 9px;border:1px solid var(--border);border-radius:3px}.service-arrow {justify-self:end;transition:transform .2s}.service-row:hover {color:var(--blue)}.service-row:hover .service-arrow {transform:translate(3px,-3px)}
.portfolio {padding-top:65px;padding-bottom:80px}.project-grid {display:grid;grid-template-columns:1fr 1fr;gap:28px}.project {border:0;padding:0;background:none;text-align:left;color:var(--ink)}.project-image {position:relative;overflow:hidden;border-radius:7px;background:var(--soft)}.project-image img {width:100%;aspect-ratio:1.48;object-fit:cover;display:block;transition:transform .4s}.project:hover img {transform:scale(1.04)}.project-view {position:absolute;right:20px;bottom:20px;width:45px;height:45px;border-radius:50%;background:white;display:grid;place-items:center}.project-badge {position:absolute;top:17px;left:17px;background:#ffffffec;padding:7px 9px;font-size:8px;letter-spacing:1px;border-radius:3px}.project-caption {display:flex;justify-content:space-between;gap:20px;padding-top:22px}.project-caption h3 {font-size:23px;margin:0 0 7px;letter-spacing:-.7px}.project-caption p {font-size:12px;margin:0;color:var(--gray)}.project-caption>span {font-size:10px;margin-top:7px;color:var(--gray)}.portfolio-note {font-size:10px;color:var(--gray);margin:27px 0 0}.project-modal {position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;color:var(--ink);background:#17202edb;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.project-detail {background:white;max-width:750px;max-height:90dvh;overflow:auto;border-radius:10px;position:relative}.project-gallery {display:grid;gap:1px;background:var(--soft)}.project-gallery img {width:100%;height:auto;display:block}.project-detail-info {padding:30px}.project-detail h3 {font-size:34px;letter-spacing:-1px;margin:13px 0}.project-detail p {font-size:14px;line-height:1.7;color:var(--gray)}.eyebrow {font-size:10px;letter-spacing:1px}.close-modal {position:absolute;top:15px;right:15px;border:0;background:white;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.contact {background:var(--blue);color:white;padding-top:55px;padding-bottom:65px}.contact .section-label {border-color:#ffffff40}.contact-grid {display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:50px}.contact h2 {font-size:clamp(35px,3.6vw,56px)}.contact h2 em {color:var(--green)}.contact-grid>div>p {font-size:13px;line-height:1.8;color:#e0e5ff;margin-top:25px}.contact-symbol {font-size:95px;line-height:1.3;color:var(--green)}.contact form {display:flex;flex-direction:column;gap:21px}.form-pair {display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label {display:flex;flex-direction:column;gap:10px;font-size:11px}.contact input:not([type=checkbox]),.contact textarea {width:100%;border:0;border-bottom:1px solid #ffffff60;border-radius:0;padding:9px 0 13px;background:transparent;color:white;font-size:12px;resize:vertical}.contact input::placeholder,.contact textarea::placeholder {color:#c9d2ff}.contact .consent {flex-direction:row;align-items:flex-start;line-height:1.6;font-size:10px;color:#e0e5ff;gap:10px}.consent input {accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin-top:2px}.contact .button {align-self:flex-start}.form-feedback {display:flex;gap:9px;align-items:center;font-size:12px;margin:0;line-height:1.5}.footer {padding-top:45px;padding-bottom:24px}.footer-top {display:flex;align-items:center;gap:65px;padding-bottom:36px}.footer-top p {font-size:12px;line-height:1.7;color:var(--gray)}.footer-top>div {display:flex;gap:30px;margin-left:auto;font-size:12px}.footer-bottom {display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:22px;font-size:9px;color:var(--gray)}.footer-bottom>span:nth-child(2) {letter-spacing:1px}
@media(min-width:1600px) {.site-header,.section-rail,.hero {padding-left:max(5.5%,calc((100vw - 1440px)/2));padding-right:max(5.5%,calc((100vw - 1440px)/2))}.hero {min-height:820px}.hero-title {padding-top:75px;padding-bottom:65px}}
@media(max-width:1000px) {.navigation {gap:22px}.hero {min-height:670px}.hero-symbol {width:170px;margin-right:0}.hero-bottom {gap:30px}.scroll-link {display:none}.about-grid {gap:6%}.service-row {grid-template-columns:30px 1fr 1.1fr 25px;gap:15px}.service-row h3 {font-size:22px}.contact-grid {gap:6%}}
@media(max-width:700px) {html {scroll-padding-top:20px}.site-header {height:78px}.wordmark {font-size:48px}.menu-toggle {display:grid;place-items:center;min-width:44px;min-height:44px}.navigation {display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 15px 25px #17202e12}.navigation.is-open {display:flex;flex-direction:column;align-items:stretch;gap:8px}.navigation>a {padding:15px}.nav-cta {justify-content:space-between}.hero {padding-top:25px;min-height:680px;padding-bottom:42px}.hero-top {font-size:8px;letter-spacing:1px}.hero-top>span:last-child {display:none}.hero-title {padding:48px 0 35px;display:block}h1 {font-size:clamp(58px,12.5vw,86px);letter-spacing:-1px;line-height:1.04}.hero-symbol {width:80px;position:absolute;bottom:-120px;right:4px}.hero-symbol svg {stroke-width:25px}.symbol-caption {display:none}.hero-bottom {flex-direction:column;align-items:flex-start;gap:23px}.hero-bottom p {font-size:12px;max-width:270px}.hero-bottom .button {font-size:12px;gap:23px}.hero-watermark {font-size:300px;bottom:-90px;letter-spacing:-25px}.section-label {font-size:8px;letter-spacing:1px;gap:15px}.section-label span:last-child {text-align:right}.about,.services,.portfolio {padding-top:43px;padding-bottom:48px}.about-grid {grid-template-columns:1fr;gap:27px;margin-top:34px}h2 {font-size:34px;letter-spacing:-1.3px}.about-grid p {font-size:13px}.section-heading {align-items:flex-start;flex-direction:column;gap:20px;margin:33px 0}.section-heading p {font-size:12px}.service-row {grid-template-columns:25px 1fr 25px;gap:10px;padding:25px 0}.service-row h3 {font-size:22px}.service-row>div {grid-column:2;grid-row:2}.service-arrow {grid-column:3;grid-row:1;width:23px}.service-row p {font-size:12px}.project-grid {grid-template-columns:1fr;gap:35px}.project-caption {padding-top:16px}.project-caption h3 {font-size:22px}.project-image img {aspect-ratio:1.45}.project-modal {padding:14px}.project-detail-info {padding:22px}.contact {padding-top:43px;padding-bottom:45px}.contact-grid {grid-template-columns:1fr;gap:33px;margin-top:35px}.contact h2 {font-size:43px}.contact-symbol {display:none}.contact-grid>div>p {font-size:12px;margin-top:20px}.form-pair {grid-template-columns:1fr;gap:21px}.footer {padding-top:32px}.footer-top {flex-wrap:wrap;gap:20px;padding-bottom:25px}.footer-top p {margin-left:auto;font-size:10px}.footer-top>div {width:100%;margin-left:0;gap:30px}.footer-bottom {flex-wrap:wrap;font-size:9px;line-height:1.8}.footer-bottom>span:nth-child(2) {display:none}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {transition:none!important;animation:none!important}}
/* ajustes da versão estática */
.project-modal:not([open]){display:none}
.project-modal::backdrop{background:transparent}
body.modal-open{overflow:hidden}
.icon{width:1em;height:1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-feedback a{text-decoration:underline}
.footer-top p{margin:0}
@media(max-width:700px){.desktop-break{display:none}}

/* tipografia Easy Produtora: Telegraf (títulos) + Poppins (texto) */
.wordmark,h1,h2,h3,.contact-symbol,.hero-watermark{font-family:'Telegraf','Helvetica Neue',Arial,sans-serif}
.wordmark{font-weight:800;letter-spacing:-3px}
h1{font-weight:800;font-size:clamp(56px,6.4vw,100px);line-height:.95;letter-spacing:-.025em}
h2{font-weight:800;letter-spacing:-.02em}
h2 em{font-weight:200}
.service-row h3,.project-caption h3,.project-detail h3{font-weight:800;letter-spacing:-.01em}
.hero-watermark{letter-spacing:-.06em}
@media(max-width:700px){h1{font-size:clamp(44px,11.5vw,72px);letter-spacing:-.02em;line-height:1}.wordmark{font-size:44px}}

/* logo easy mídia */
.brand{display:block;line-height:0}
.brand img{height:82px;width:auto;display:block}
.brand-footer img{height:96px}
@media(max-width:700px){.brand img{height:64px}.brand-footer img{height:72px}}