@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f8f2;--ink:#173d34;--muted:#62716a;--line:#dce1d7;--lime:#d8f785}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #648b24;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:52px;padding-right:52px}header{max-width:1440px;margin:auto;padding:28px 52px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;flex-wrap:wrap;overflow-wrap:anywhere}.symbol{background:var(--ink);color:var(--lime);width:36px;height:36px;display:grid;place-items:center;font-size:26px;border-radius:50%;flex-shrink:0}.brand small{font-size:9px;letter-spacing:1.2px;max-width:85px;line-height:1.5;margin-left:8px;border-left:1px solid var(--line);padding-left:15px}nav{display:flex;align-items:center;gap:27px;font-size:13px}nav a:hover{color:#688422}.nav-cta{border:1px solid var(--ink);border-radius:5px;padding:10px 17px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding-top:70px;padding-bottom:70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin:0 0 24px}.dot{width:7px;height:7px;border-radius:100%;background:#6a9049}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.4vw,76px);letter-spacing:-4px;line-height:1.08;font-weight:500;margin-bottom:25px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#6c813c}.lead{max-width:450px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;border:0;border-radius:5px;background:var(--ink);color:white;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#285f4d;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.micro{font-size:10px;color:var(--muted);margin:15px 0 0}.hero-art{height:465px;border-radius:8px;background:#e5eadc;position:relative;overflow:hidden;display:grid;place-items:center;background-image:linear-gradient(#b4c4ae30 1px,transparent 1px),linear-gradient(90deg,#b4c4ae30 1px,transparent 1px);background-size:34px 34px}.art-top,.art-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;font-weight:600}.art-top{top:23px}.art-top span:last-child{font-size:23px}.art-bottom{bottom:22px}.art-bottom span:last-child{font-size:28px}.orbit{position:absolute;border:1px solid #9daf8b;border-radius:50%;width:340px;height:340px}.orbit-two{width:270px;height:270px;border-style:dashed;transform:rotate(-25deg)}.art-center{position:relative;width:215px;height:215px;background:var(--ink);border-radius:50%;color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:33px;line-height:1.15;letter-spacing:-1.5px;box-shadow:0 20px 40px #173d3425}.art-center i{font-family:Georgia,serif;color:var(--lime)}.tag{position:absolute;background:var(--paper);border:1px solid #ccd6c1;box-shadow:0 5px 15px #183c3410;padding:9px 14px;border-radius:4px;font-size:11px}.tag-a{top:102px;left:29px;transform:rotate(-7deg)}.tag-b{right:17px;top:230px;transform:rotate(6deg)}.tag-c{bottom:81px;left:65px;transform:rotate(-4deg)}.channel-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 52px;display:flex;justify-content:center;gap:65px;align-items:center}.channel-strip>span:first-child{font-size:9px;letter-spacing:1.5px}.channel-strip strong{font-size:18px;font-weight:500}.star{color:#849668;font-size:24px}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:45px}h2{font-size:37px;line-height:1.25;letter-spacing:-1.5px;font-weight:500;margin-bottom:0}.section-head>p{color:var(--muted);max-width:300px;font-size:13px;margin-bottom:3px}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services article{padding:30px 23px 24px;border-right:1px solid var(--line);position:relative}.services article:first-child{padding-left:0}.services article:last-child{border-right:0;padding-right:0}.service-icon{font-size:31px;line-height:1.5;display:block;margin-bottom:30px}.number{position:absolute;right:24px;top:37px;font-size:10px;color:var(--muted)}h3{font-size:18px;letter-spacing:-.5px;margin-bottom:12px}.services p{font-size:13px;color:var(--muted);min-height:145px}.service-foot{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:700}.service-foot span{font-size:22px}.method{background:var(--ink);color:var(--paper)}.method .eyebrow,.method em{color:var(--lime)}.method .section-head>p{color:#c1d0c5}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:35px;margin:60px 0 0}.steps li{border-top:1px solid #668075;padding-top:23px}.steps li>span{font-size:12px;color:var(--lime);display:block;margin-bottom:30px}.steps h3{font-size:23px}.steps p{font-size:13px;color:#c1d0c5;margin-bottom:0}.differences{display:grid;grid-template-columns:1fr 1fr;gap:85px}.intro{max-width:355px;margin-top:25px;color:var(--muted);font-size:14px}.signature{display:flex;gap:12px;align-items:center;margin-top:45px}.signature strong{font-size:14px;overflow-wrap:anywhere}.signature small{display:block;color:var(--muted);font-size:11px}.principles article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:20px 0}.principles article:first-child{padding-top:0}.principles article>span{font-size:25px}.principles h3{font-size:17px;margin-bottom:6px}.principles p{font-size:13px;color:var(--muted);margin-bottom:0}.faq-section{background:#eef0e7}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq-grid>div>p:last-child{font-size:14px;color:var(--muted);margin-top:24px}.faqs details{border-bottom:1px solid #cdd5c6;padding:21px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:22px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';font-size:22px;line-height:1}.faqs details[open] summary:after{content:'−'}.faqs p{font-size:13px;color:var(--muted);margin:18px 28px 0 0}.contact{background:var(--lime);border-radius:8px;padding:52px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.contact h2{font-size:40px}.contact p{font-size:14px;margin-top:25px}.contact-arrow{font-size:100px;line-height:1.3;font-weight:400}label{display:block;font-size:12px;font-weight:600;margin:0 0 5px}input,textarea{display:block;width:100%;border:1px solid #a7bb7a;background:#f8ffe8a6;border-radius:4px;padding:11px 13px;margin-bottom:16px;color:var(--ink);font-size:13px}textarea{resize:vertical}form .button{width:100%}form>small{font-size:10px;display:block;margin-top:12px;line-height:1.6}#contact-status{font-size:12px;margin:10px 0 0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:30px;padding-bottom:30px}footer p{margin:0;font-size:10px;color:var(--muted)}.text-button{border:0;background:transparent;text-decoration:underline;font-size:11px;color:var(--ink);padding:8px}.skip{position:fixed;top:-100px;left:15px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:10px;padding:30px;width:min(520px,90vw);max-height:90vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#08291f99;backdrop-filter:blur(5px)}dialog h2{font-size:24px}dialog p{font-size:12px;color:var(--muted)}.dialog-head{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-head button{font-size:27px;background:none;border:none;color:var(--ink)}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.secondary{border:1px solid var(--ink);color:var(--ink);border-radius:4px;padding:10px 15px;background:transparent;font-size:12px}
@media(min-width:1450px){header{max-width:1280px}}@media(max-width:1050px){header{padding:22px 30px}.brand small{display:none}nav{gap:18px}.wrap{padding-left:30px;padding-right:30px}.hero{gap:30px}h1{font-size:58px}.hero-art{height:420px}.channel-strip{gap:30px}.services p{min-height:175px}.contact{padding:35px;gap:35px}.contact h2{font-size:34px}.differences{gap:45px}}@media(max-width:760px){html{scroll-padding-top:25px}header{padding:20px 22px;position:relative}.brand{font-size:18px;max-width:75%}.menu-toggle{display:block;border:1px solid var(--line);background:none;color:var(--ink);padding:7px 11px;border-radius:4px;font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);z-index:5;border-bottom:1px solid var(--line);padding:20px 24px;align-items:stretch}nav.open{display:flex;flex-direction:column}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:35px}h1{font-size:clamp(46px,10vw,66px);letter-spacing:-2.7px}.lead{font-size:15px}.hero-art{height:370px;max-width:520px;width:100%;margin:auto}.orbit{width:290px;height:290px}.orbit-two{width:240px;height:240px}.art-center{width:190px;height:190px;font-size:29px}.tag-a{top:75px}.tag-b{top:195px}.tag-c{bottom:55px;left:40px}.channel-strip{flex-wrap:wrap;gap:14px 22px;padding:20px}.channel-strip>span:first-child{width:100%;text-align:center}.channel-strip strong{font-size:13px}.channel-strip .star{font-size:17px}.section{padding-top:60px;padding-bottom:60px}.section-head{display:block;margin-bottom:30px}h2{font-size:30px;letter-spacing:-1px}.section-head>p{margin-top:20px;max-width:430px}.services{grid-template-columns:1fr 1fr}.services article{padding:22px 17px!important}.services article:nth-child(2){border-right:0}.services article:nth-child(-n+2){border-bottom:1px solid var(--line)}.services p{min-height:0}.services h3{font-size:17px}.service-icon{margin-bottom:22px}.service-foot{font-size:7px;gap:8px}.steps{grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.steps li>span{margin-bottom:18px}.differences,.faq-grid,.contact{grid-template-columns:1fr;gap:35px}.signature{margin-top:25px}.contact{padding:30px 23px}.contact h2{font-size:32px}.contact-arrow{display:none}.contact p{margin-bottom:0}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}footer .brand{max-width:60%}.eyebrow{font-size:9px;margin-bottom:20px}}@media(max-width:360px){.services{grid-template-columns:1fr}.services article{border-right:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:1fr}.tag{font-size:9px;padding:7px}.channel-strip{gap:10px}.channel-strip strong{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Identidade Nortea Mídia */
.brand-logo{display:block;width:185px;height:auto;object-fit:contain}.signature{border-left:3px solid var(--ink);padding-left:16px}.signature>.symbol{display:none}footer .brand-logo{width:155px}@media(max-width:760px){.brand-logo{width:150px}footer .brand-logo{width:140px}}

/* Motion and interaction — keyboard and touch retain native behavior. */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#789847;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}
.brand-logo{transition:transform .3s ease}.brand:hover .brand-logo{transform:translateY(-2px)}
nav a{position:relative;transition:color .2s,background .2s}nav a[aria-current="location"]{color:#516b26}nav a:not(.nav-cta)::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:#789847;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:not(.nav-cta):hover::after,nav a[aria-current="location"]:not(.nav-cta)::after{transform:scaleX(1)}
.button{transition:background .2s,transform .2s,box-shadow .2s}.button span{transition:transform .25s}.button:hover span,.button:focus-visible span{transform:translate(3px,-3px)}.button:active{transform:translateY(1px);box-shadow:none}.nav-cta:hover{background:#e5eadc}.menu-toggle{transition:background .2s}.menu-toggle[aria-expanded="true"]{background:#e5eadc}
.services article{transition:background .25s}.service-icon{transition:transform .35s,color .25s}.service-foot span{transition:transform .25s}.principles article>span{transition:transform .3s}.steps li{transition:border-color .25s}.steps li>span{transition:transform .25s}
input,textarea{transition:border-color .2s,background .2s,box-shadow .2s}input:focus,textarea:focus{background:#fbfff4;border-color:var(--ink);box-shadow:0 0 0 3px #173d3410}
.faqs details{transition:background .25s}.faqs summary{transition:color .2s}.faqs summary:hover{color:#526d2c}.faqs summary:after{transition:transform .25s}.faqs details[open] summary:after{transform:rotate(180deg)}.faqs details[open] summary{font-weight:600}
@media(hover:hover) and (pointer:fine){.services article:hover{background:#e8eddf}.services article:hover .service-icon{transform:translateY(-4px) rotate(-7deg);color:#607c36}.services article:hover .service-foot span{transform:translate(3px,-3px)}.principles article:hover>span{transform:rotate(-12deg)}.steps li:hover{border-color:var(--lime)}.steps li:hover>span{transform:translateX(5px)}.hero-art:hover .orbit-one{transform:scale(1.04)}.hero-art:hover .orbit-two{transform:rotate(15deg)}.hero-art:hover .art-center{transform:scale(1.025)}}
.orbit-one,.orbit-two,.art-center{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:no-preference){.tag-a{animation:tag-arrival-a .8s ease-out both}.tag-b{animation:tag-arrival-b 1s ease-out both}.tag-c{animation:tag-arrival-c 1.2s ease-out both}@keyframes tag-arrival-a{from{opacity:0;transform:translateY(12px) rotate(-7deg)}to{opacity:1;transform:translateY(0) rotate(-7deg)}}@keyframes tag-arrival-b{from{opacity:0;transform:translateY(12px) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(6deg)}}@keyframes tag-arrival-c{from{opacity:0;transform:translateY(12px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-4deg)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.button:hover,.brand:hover .brand-logo,.button:hover span,.button:focus-visible span{transform:none}}

/* Service symbols use local vector assets for consistent rendering. */
.service-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1}.service-icon img,.service-icon svg{display:block;width:40px;height:40px;object-fit:contain}.service-foot{cursor:default}

/* Consistent vector icons for the differentiators. */
.principles article>.principle-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #d5dfd0;border-radius:13px;background:#eaf0e4;color:var(--ink);margin-top:1px}.principle-icon svg{display:block;width:25px;height:25px}@media(hover:hover) and (pointer:fine){.principles article:hover>.principle-icon{transform:translateY(-2px)}}

.inline-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}.art-mark .inline-icon{width:22px;height:22px}.art-spark{font-family:Arial,sans-serif;font-size:24px!important}.contact-arrow .inline-icon{width:72px;height:72px}.symbol .inline-icon{width:20px;height:20px}

.quiz-progress{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700}.quiz-bar{height:4px;background:#a9c87b;border-radius:4px;margin:10px 0 25px}.quiz-bar span{display:block;height:100%;width:25%;background:var(--ink);border-radius:4px;transition:width .2s}.quiz-step h3{font-size:23px;line-height:1.25}.quiz-step>p{font-size:13px;margin:8px 0 18px}.quiz-options{display:grid;gap:8px}.quiz-options label{position:relative;margin:0;cursor:pointer}.quiz-options input{position:absolute;opacity:0;width:1px;height:1px}.quiz-options label span{display:block;padding:13px 16px;border:1px solid #a7bb7a;border-radius:6px;background:#f8ffe8a6;font-size:13px}.quiz-options input:checked+span{border:2px solid var(--ink);background:#fff}.quiz-options input:focus-visible+span{outline:3px solid #648b24;outline-offset:2px}.quiz-actions{display:flex;gap:12px;margin-top:18px}.quiz-actions .button{flex:1;width:auto}.quiz-back{border:1px solid var(--ink);border-radius:5px;background:transparent;color:var(--ink);padding:12px 16px}.quiz-summary{background:#f8ffe8a6;border:1px solid #a7bb7a;border-radius:6px;padding:14px}.quiz-summary p{font-size:13px;margin:0 0 8px;overflow-wrap:anywhere}.quiz-summary p:last-child{margin-bottom:0}.quiz-step small{font-size:11px;font-weight:400}.quiz-step>small{display:block;margin-top:15px}.quiz-step[hidden],.quiz-actions [hidden]{display:none!important}

.market-fact{margin:0 0 22px;padding:16px;border:1px solid #afc894;border-radius:10px;background:#f5fbe9}.market-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.1px}.market-fact>div{display:flex;align-items:center;gap:14px;margin:8px 0}.market-fact strong{font-size:35px;line-height:1;color:#335c3e}.market-fact p{font-size:11px;line-height:1.5;margin:0;color:#40584a}.market-fact a,.market-fact small{display:block;font-size:10px;line-height:1.5}.market-fact a{text-decoration:underline}.market-fact small{margin-top:5px;color:#62716a}.quiz-options label span{transition:background .2s,border-color .2s,transform .2s}.quiz-options label:hover span{transform:translateX(3px)}@media(prefers-reduced-motion:reduce){.quiz-options label:hover span{transform:none}}

.solution-services{grid-template-columns:repeat(3,1fr)}.solution-services article{padding-bottom:32px}.solution-services p:not(.solution-tag){min-height:0}.solution-services .solution-tag{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#718b4b;margin-bottom:8px;min-height:0}.solution-services ul{padding-left:18px;margin:20px 0 25px;color:var(--muted);font-size:13px}.solution-services li{margin-bottom:8px}.services-note{font-size:11px;color:var(--muted);margin:18px 0 0}@media(max-width:760px){.solution-services{grid-template-columns:1fr}.solution-services article{border-right:0;border-bottom:1px solid var(--line)}.solution-services article:last-child{border-bottom:0}}

.hero-photo{position:relative;min-width:0;height:465px;overflow:hidden;border-radius:8px;background:#dce7d6}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(12,43,34,.7))}.photo-caption{position:absolute;z-index:1;bottom:25px;left:28px;right:28px;color:white}.photo-caption span{display:block;font-size:9px;letter-spacing:1.6px;font-weight:700;margin-bottom:5px}.photo-caption strong{font-size:21px;line-height:1.3;font-weight:500}@media(max-width:1050px){.hero-photo{height:420px}}@media(max-width:760px){.hero-photo{height:370px;width:100%;max-width:520px;margin:auto}.photo-caption strong{font-size:18px}}

.solution-services{grid-template-columns:repeat(2,1fr)}.solution-services article:nth-child(2){border-right:0;padding-right:0}.story-band{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-bottom:95px}.story-band img{width:100%;height:330px;object-fit:cover;border-radius:8px}.story-band p:not(.eyebrow){color:var(--muted);margin:20px 0 0;font-size:15px;max-width:440px}@media(max-width:760px){.solution-services{grid-template-columns:1fr}.story-band{grid-template-columns:1fr;gap:25px;padding-bottom:60px}.story-band img{height:240px}}

.solution-services{grid-template-columns:repeat(3,1fr)}.solution-services article:nth-child(2){border-right:1px solid var(--line);padding-right:23px}.solution-services article:last-child{border-right:0}@media(max-width:760px){.solution-services{grid-template-columns:1fr}.solution-services article:nth-child(2){border-right:0}}
