:root{--ink:#18211f;--muted:#64706b;--line:#dce3df;--lime:#d8f25b;--cream:#f6f5ef;--paper:#fffefa;--orange:#f18b56;--navy:#203d57}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.7vw;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}.brand{align-items:center;display:flex;gap:10px;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:1px}.brand-mark{align-items:center;background:var(--ink);color:var(--lime);display:flex;font-size:17px;height:31px;justify-content:center;width:31px}.brand-accent{color:var(--orange)}.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:44px}.desktop-nav a{color:var(--muted);font-size:14px}.desktop-nav a:hover,.text-link:hover{color:var(--orange)}.header-cta{border-bottom:1px solid var(--ink);font-size:14px;font-weight:700;padding-bottom:4px}.header-cta span,.text-link span{font-size:17px;margin-left:8px}.menu-button{background:none;border:0;display:none;font-size:23px}.hero{display:grid;grid-template-columns:47% 53%;min-height:645px}.hero-copy{align-self:center;padding:70px 7vw 80px 11.5vw}.eyebrow{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;gap:9px;letter-spacing:1.4px;margin:0 0 25px;text-transform:uppercase}.eyebrow-dot{background:var(--orange);border-radius:50%;height:8px;width:8px}.hero h1{font:600 clamp(48px,5.5vw,82px)/.98 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0}.hero h1 em{color:var(--orange);font-style:normal}.hero-intro{color:var(--muted);font-size:16px;line-height:1.65;margin:28px 0 30px;max-width:390px}.hero-actions{align-items:center;display:flex;gap:24px}.button{align-items:center;border:0;display:inline-flex;font-size:13px;font-weight:700;gap:20px;justify-content:center;padding:16px 20px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:#dc7140}.button-dark{background:var(--ink);color:#fff}.text-link{font-size:13px;font-weight:700}.hero-proof{align-items:center;display:flex;gap:13px;margin-top:58px}.hero-proof p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.hero-proof strong{color:var(--ink);font-size:12px}.avatar-stack{display:flex}.avatar-stack span{align-items:center;background:#cbd8d2;border:2px solid var(--paper);border-radius:50%;color:#52635b;display:flex;font-size:10px;height:27px;justify-content:center;margin-left:-7px;width:27px}.avatar-stack span:first-child{margin-left:0;background:#f3b690}.avatar-stack span:nth-child(2){background:#b5cee0}.avatar-stack span:nth-child(3){background:#b7cf8d}.avatar-stack span:last-child{background:var(--ink);color:var(--lime)}.hero-visual{background:var(--navy);padding:42px 8.5vw 42px 5vw;position:relative}.hero-image-wrap{height:100%;position:relative}.hero-image-wrap img{height:100%;object-fit:cover;width:100%}.floating-stat{align-items:center;background:var(--lime);bottom:32px;display:flex;gap:12px;padding:15px 19px;position:absolute;right:-25px}.stat-icon{font-size:23px}.floating-stat strong{display:block;font:700 23px 'Space Grotesk',sans-serif}.floating-stat small{font-size:10px}.vertical-label{bottom:10px;color:#fff;font-size:9px;letter-spacing:2px;position:absolute;right:-45px;transform:rotate(-90deg);transform-origin:right bottom}.vertical-label span{color:var(--lime);margin:0 8px}.logo-strip{align-items:center;background:var(--cream);display:flex;gap:5vw;min-height:104px;padding:25px 11.5vw}.logo-strip>span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.5px;margin-right:auto;max-width:120px}.logo-strip strong{font:600 17px 'Space Grotesk',sans-serif}.logo-strip strong:nth-child(3){font-style:italic}.section{padding:115px 11.5vw}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:50px}.section h2,.equipment-copy h2,.about-section h2,.contact-section h2{font:600 clamp(36px,4vw,59px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:0}.section h2 span{color:var(--orange)}.heading-note{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:260px}.service-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.service-card{border:1px solid var(--line);min-height:330px;padding:26px;position:relative;transition:transform .25s}.service-card:hover{transform:translateY(-6px)}.service-featured{background:var(--navy);border-color:var(--navy);color:#fff}.card-number{color:var(--muted);font-size:11px}.service-featured .card-number{color:#a7bbb7}.service-icon{color:var(--orange);font-size:34px;margin:41px 0 20px}.service-card h3{font:600 24px/1.06 'Space Grotesk',sans-serif;margin:0}.service-card p{bottom:27px;color:var(--muted);font-size:12px;line-height:1.5;max-width:195px;position:absolute}.service-featured p{color:#becbc7}.service-card>a{bottom:25px;color:var(--orange);font-size:25px;position:absolute;right:26px}.equipment-section{background:var(--cream);display:grid;grid-template-columns:1fr 1fr}.equipment-image{height:620px;overflow:hidden}.equipment-image img{height:100%;object-fit:cover;width:100%}.equipment-copy{align-self:center;padding:70px 12vw 70px 8vw}.equipment-copy h2{font-size:clamp(36px,4vw,57px)}.equipment-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.6;margin:26px 0;max-width:370px}.equipment-copy ul{list-style:none;margin:0 0 32px;padding:0}.equipment-copy li{font-size:13px;margin:14px 0}.equipment-copy li span{color:var(--orange);font-weight:700;margin-right:10px}.about-section{align-items:center;display:grid;gap:8vw;grid-template-columns:1fr 1.7fr 1fr}.about-label{align-items:center;color:var(--muted);display:flex;font-size:9px;font-weight:700;gap:12px;letter-spacing:1.4px;writing-mode:vertical-rl}.about-line{background:var(--orange);height:50px;width:1px}.about-section p{color:var(--muted);font-size:14px;line-height:1.7;max-width:440px}.dark-link{border-bottom:1px solid var(--ink);display:inline-block;margin-top:14px;padding-bottom:5px}.about-highlight{align-items:center;border-left:1px solid var(--line);display:flex;gap:16px;padding-left:32px}.about-highlight strong{color:var(--orange);font:600 66px 'Space Grotesk',sans-serif}.about-highlight span{color:var(--muted);font-size:12px;line-height:1.5}.contact-section{background:var(--ink);color:#fff;display:grid;gap:11vw;grid-template-columns:1fr 1fr;padding:105px 11.5vw}.contact-section .eyebrow{color:#aebbb5}.contact-section h2{font-size:clamp(41px,5vw,70px)}.contact-intro>p:not(.eyebrow){color:#afbbb7;font-size:14px;line-height:1.6;max-width:310px}.contact-details{display:flex;flex-direction:column;gap:10px;margin-top:44px}.contact-details a{font-size:13px}.contact-details a:hover{color:var(--lime)}.contact-form{display:flex;flex-direction:column;gap:24px}.contact-form label{color:#aebbb5;font-size:11px}.contact-form input,.contact-form textarea,.contact-form select{background:transparent;border:0;border-bottom:1px solid #50605a;border-radius:0;color:#fff;display:block;outline:0;padding:12px 0;width:100%}.contact-form select{color:#aebbb5}.contact-form option{color:var(--ink)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#71807a}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--lime)}.contact-form .button{align-self:flex-start;margin-top:8px}.form-status{color:var(--lime);font-size:12px;margin:0}.site-footer{align-items:center;background:var(--cream);display:flex;justify-content:space-between;padding:35px 11.5vw}.site-footer p{color:var(--muted);font-size:11px}.site-footer .brand{font-size:15px}.site-footer .brand-mark{height:26px;width:26px}
@media(max-width:800px){.site-header{height:70px;padding:0 6vw}.desktop-nav,.header-cta{display:none}.menu-button{display:block}.desktop-nav.is-open{background:var(--paper);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:0;left:0;margin:0;padding:8px 8vw;position:absolute;right:0;top:70px}.desktop-nav.is-open a{border-bottom:1px solid var(--line);padding:16px 0}.hero{display:block}.hero-copy{padding:70px 8vw 62px}.hero h1{font-size:54px}.hero-visual{height:430px;padding:20px 12vw 20px 7vw}.vertical-label{right:-39px}.floating-stat{bottom:18px;right:-15px}.logo-strip{flex-wrap:wrap;gap:22px;padding:25px 8vw}.logo-strip>span{flex-basis:100%;margin:0}.logo-strip strong{font-size:15px}.section{padding:80px 8vw}.section-heading{align-items:start;display:block}.heading-note{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:275px}.equipment-section{display:flex;flex-direction:column}.equipment-image{height:350px}.equipment-copy{padding:65px 8vw}.about-section{display:block}.about-label{margin-bottom:35px;writing-mode:horizontal-tb}.about-line{height:1px;width:35px}.about-highlight{border-left:0;border-top:1px solid var(--line);margin-top:45px;padding:20px 0}.contact-section{display:block;padding:75px 8vw}.contact-form{margin-top:55px}.site-footer{align-items:start;display:flex;flex-direction:column;gap:17px;padding:30px 8vw}.site-footer p{margin:0}.hero-proof{margin-top:42px}}

.brand-logo{display:block;height:42px;object-fit:contain;width:220px}.company-details{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:3px;margin-left:16px;padding-left:16px}.company-details strong{font:600 12px 'Space Grotesk',sans-serif;white-space:nowrap}.company-details small{color:var(--muted);font-size:10px;white-space:nowrap}.hero-brand-logo{display:block;height:56px;margin-bottom:34px;object-fit:contain;object-position:left center;width:260px}.smallsoft-logo{color:var(--orange);display:inline-block;font:700 30px 'Space Grotesk',sans-serif;letter-spacing:1px;margin-bottom:18px}.smallsoft-logo span{color:var(--ink)}.captcha-box{border:1px solid #50605a;padding:14px 16px}.captcha-box label{color:#aebbb5;display:block;margin-bottom:7px}.captcha-box strong{color:var(--lime)}.captcha-box input{border-bottom:0;padding:8px 0 0}
.location-card{border-left:2px solid var(--lime);display:flex;flex-direction:column;gap:8px;margin-top:34px;padding-left:16px}.location-card strong{color:var(--lime);font:600 12px 'Space Grotesk',sans-serif;margin-top:5px}.location-card span{color:#afbbb7;font-size:12px;line-height:1.55}.location-card a{color:#fff;font-size:12px;font-weight:700;margin-top:7px}.location-card a:hover{color:var(--lime)}
.smallsoft-features{background:#eef4f1;display:grid;gap:8vw;grid-template-columns:.8fr 1.5fr;padding:110px 11.5vw;position:relative}.smallsoft-features:before{background:url('https://www.cdrinformatica.com.br/images/logo-cdr.png') center/contain no-repeat;content:'';inset:0;opacity:.04;pointer-events:none;position:absolute}.smallsoft-features>*{position:relative}.features-heading h2{font:600 clamp(36px,4vw,57px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:0}.features-heading h2 span{color:var(--orange)}.features-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.6;margin-top:25px;max-width:300px}.feature-groups{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.feature-groups article{background:var(--paper);border-top:3px solid var(--orange);min-height:270px;padding:23px}.feature-index{color:var(--muted);font-size:10px}.feature-groups h3{font:600 22px 'Space Grotesk',sans-serif;margin:42px 0 18px}.feature-groups ul{list-style:none;margin:0;padding:0}.feature-groups li{border-top:1px solid var(--line);font-size:12px;line-height:1.35;padding:10px 0}.feature-groups li:before{color:var(--orange);content:'✓';font-weight:700;margin-right:8px}
@media(max-width:800px){.brand-logo{height:36px;width:190px}.company-details{display:none}.hero-brand-logo{height:48px;margin-bottom:30px;width:220px}.smallsoft-features{display:block;padding:80px 8vw}.feature-groups{grid-template-columns:1fr;margin-top:45px}.feature-groups article{min-height:0}.feature-groups h3{margin-top:25px}}
.smallsoft-features:before{background-image:url('logo-cdr.png')}.hero:before,.logo-strip:before,.services-section:before,.equipment-section:before,.about-section:before,.contact-section:before,.site-footer:before{background-image:url('logo-cdr.png')}
.hero-brand-logo{height:228px;max-width:100%;width:1020px}
@media(max-width:800px){.hero-brand-logo{height:186px;width:855px}}
.site-header{position:sticky;top:0;z-index:20}.hero:before,.logo-strip:before,.services-section:before,.equipment-section:before,.about-section:before,.contact-section:before,.site-footer:before,.smallsoft-features:before{display:none}
.company-address{display:none}.company-details strong{font-size:22px}
@media(max-width:800px){.company-details strong{font-size:19px}}

@media(max-width:800px){
	.site-header{height:70px;padding:0 6vw}
	.hero-copy{padding:44px 7vw 48px}
	.hero-brand-logo{height:86px;margin-bottom:25px;width:220px}
	.hero h1{font-size:43px;letter-spacing:-1px}
	.hero-intro{font-size:15px;margin:22px 0 25px}
	.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
	.hero-proof{margin-top:34px}
	.hero-visual{height:260px;padding:14px 9vw 14px 6vw}
	.vertical-label{display:none}
	.floating-stat{bottom:14px;right:-10px}
	.logo-strip{gap:15px 24px;padding:24px 7vw}
	.logo-strip strong{font-size:13px}
	.section{padding:62px 7vw}
	.section-heading{margin-bottom:32px}
	.section h2{font-size:39px}
	.service-grid{gap:12px}
	.service-card{min-height:0;padding:22px}
	.service-icon{margin:25px 0 15px}
	.service-card p{bottom:auto;margin:20px 0 0;position:static}
	.service-card>a{bottom:auto;position:absolute;right:22px;top:22px}
	.equipment-image{height:250px}
	.equipment-copy{padding:52px 7vw}
	.equipment-copy h2{font-size:39px}
	.smallsoft-logo{font-size:26px}
	.smallsoft-features{padding:62px 7vw}
	.features-heading h2{font-size:39px}
	.feature-groups{gap:12px;margin-top:34px}
	.feature-groups article{padding:20px}
	.about-section{padding:62px 7vw}
	.about-section h2{font-size:39px}
	.contact-section{padding:62px 7vw}
	.contact-section h2{font-size:45px}
	.contact-form{gap:20px;margin-top:38px}
	.location-card{margin-top:25px}
}
@media(max-width:800px){.site-header{height:76px}.site-header .brand{gap:8px;min-width:0}.site-header .brand-logo{height:46px;width:46px}.site-header .company-details{display:flex;margin-left:0;padding-left:0}.site-header .company-details strong{font-size:12.5px;line-height:1.15;max-width:170px;white-space:normal}.desktop-nav.is-open{top:76px}}
.contact-form select{background:var(--paper);color:var(--ink);padding:12px 10px}.contact-form select option{background:var(--paper);color:var(--ink)}

.hero,.logo-strip,.services-section,.equipment-section,.about-section,.contact-section,.site-footer{isolation:isolate;overflow:hidden;position:relative}.hero:before,.logo-strip:before,.services-section:before,.equipment-section:before,.about-section:before,.contact-section:before,.site-footer:before{background:url('https://www.cdrinformatica.com.br/images/logo-cdr.png') center/contain no-repeat;content:'';inset:0;opacity:.055;pointer-events:none;position:absolute;z-index:-1}.hero>*,.logo-strip>*,.services-section>*,.equipment-section>*,.about-section>*,.contact-section>*,.site-footer>*{position:relative;z-index:1}
.smallsoft-logo,.smallsoft-features-logo{display:inline-block;margin-bottom:18px}.smallsoft-logo img,.smallsoft-features-logo img{background:#1298e8;display:block;height:70px;object-fit:contain;width:92px}
@media(max-width:800px){.smallsoft-logo img,.smallsoft-features-logo img{height:62px;width:82px}}
