/* Base visual adaptada do código-fonte do projeto calangomanco/calangomanco-digital, lido em 12/11/2026. */
:root{color-scheme:dark;--bg:#051813;--bg2:#02120f;--green:#18d69b;--gold:#e9c768;--white:#f7f8f4;--muted:#c7d2cd;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg2);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}img{max-width:100%;height:auto}svg{display:block}.site-shell{overflow:hidden}.content-width{width:min(calc(100% - 104px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;padding:14px;background:var(--gold);color:#041713;z-index:99}.skip-link:focus{top:15px}
.site-header{position:relative;z-index:5;background:#01110ec9;border-bottom:1px solid #1d3d34}.nav-wrap{min-height:106px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.soundmark{width:65px;min-width:55px;color:var(--green)}.brand-name{display:flex;flex-direction:column;gap:2px;letter-spacing:-1.7px;line-height:1}.brand-name>span:first-child{font-size:clamp(22px,2.8vw,38px);font-weight:800}.brand-name .brand-subtitle{font-size:clamp(11px,1.4vw,17px);font-weight:600;letter-spacing:.3em;color:var(--green);padding-left:3px}.nav-actions{display:flex;align-items:center;gap:clamp(28px,5vw,86px)}.nav-projects{font-size:17px;font-weight:500}.nav-projects:hover{color:var(--green)}.contact-button{display:inline-flex;justify-content:center;align-items:center;min-width:125px;min-height:48px;border:1.8px solid var(--gold);border-radius:12px;font-size:17px;font-weight:700;transition:background .2s,color .2s}.contact-button:hover{background:var(--gold);color:#062319}
.hero{min-height:715px;position:relative;background:radial-gradient(ellipse 50% 65% at 73% 55%,#064333ba 0%,#031b17b5 59%,transparent 87%),radial-gradient(ellipse 44% 42% at 13% 80%,#1b4a36a0 0%,transparent 84%),linear-gradient(125deg,#041c17 1%,#02140f 90%)}.hero-halo{position:absolute;inset:auto -10% 0 12%;height:44%;background:radial-gradient(ellipse at center,#0a725767,transparent 65%);pointer-events:none}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:56% 44%;align-items:center;min-height:715px}.hero-copy{z-index:2;padding-bottom:110px}.hero h1{font-size:clamp(56px,6vw,96px);line-height:1.04;letter-spacing:-.065em;font-weight:850;margin:0 0 36px;position:relative;z-index:2}.hero h1 span{color:transparent;-webkit-text-fill-color:transparent;white-space:nowrap;text-shadow:0 2px 16px #bf90242b;background:linear-gradient(135deg,#fff3ac 0%,#f5cf6e 34%,#f1ac28 85%);-webkit-background-clip:text;background-clip:text}.gold-rule{display:block;width:146px;height:5px;border-radius:4px;background:linear-gradient(to right,#b47d21,#ffdf74,#ad7d28)}.hero-description{font-size:clamp(21px,2.25vw,29px);font-weight:750;font-style:italic;line-height:1.33;letter-spacing:-.025em;margin:32px 0 12px;max-width:590px}.hero-tagline{font-size:clamp(13px,1.15vw,16px);font-weight:400;line-height:1.43;color:var(--white);max-width:560px;margin:18px 0 0}.hero-visual{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}.mascot{position:absolute;z-index:2;width:auto;height:clamp(540px,56vw,715px);max-width:unset;bottom:0;right:clamp(-70px,-3vw,-10px);filter:drop-shadow(0 22px 38px #0008)}.equalizer{position:absolute;bottom:150px;right:-50px;width:330px;height:250px;display:flex;align-items:flex-end;gap:11px;opacity:.32;filter:blur(.4px)}.equalizer i{display:block;flex:1;height:var(--h);background:repeating-linear-gradient(to top,#18d69b 0 14px,transparent 14px 21px);opacity:.53}.wave-divider{position:absolute;z-index:1;bottom:-4px;left:0;width:100%;height:135px;pointer-events:none}
.benefits{padding:59px 0 65px;scroll-margin-top:16px}.section-heading{font-size:clamp(23px,2.4vw,30px);font-weight:800;letter-spacing:-.03em;margin:0 0 28px}.section-heading span{color:var(--gold)}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}.benefit{display:flex;align-items:center;gap:20px;min-height:101px;padding:8px 22px 8px 0;border-right:1px solid #0e6951}.benefit:nth-child(3n){border-right:0;padding-left:32px}.benefit:nth-child(3n+2){padding-left:32px}.benefit:nth-child(n+4){border-top:1px solid #204237;padding-top:27px}.benefit svg{height:54px;width:54px;flex:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.benefit strong{display:block;font-size:clamp(18px,2vw,25px);letter-spacing:-.035em;line-height:1.22;font-weight:750}.benefit strong em{font-style:normal;color:var(--gold)}.benefit small{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.3}.benefit[href]:hover strong{color:var(--green)}
.company-band{background:linear-gradient(135deg,#09291f,#031711 70%);border-top:1px solid #214838}.company-inner{padding-top:64px;padding-bottom:68px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.company-inner h2{font-size:clamp(30px,3.4vw,48px);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}.company-inner h2 span{color:var(--gold)}.company-inner p{font-size:16px;max-width:530px;color:var(--muted);line-height:1.5;margin:0}.company-details{padding:27px 32px;border-left:1px solid #416e4d}.company-details span{display:block;font-size:11px;letter-spacing:.16em;color:var(--green);margin-bottom:16px}.company-details strong{font-size:17px;letter-spacing:-.02em}.company-details p{font-size:13px;margin:10px 0 0;color:var(--muted)}.company-details a{font-size:13px;display:block;margin-top:15px;color:var(--gold);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.site-footer{background:#01110f;border-top:1px solid #355a41}.footer-wrap{display:flex;align-items:center;justify-content:space-between;min-height:110px;gap:30px}.footer-wrap small{font-size:15px;color:#d9e2dd}.footer-wrap a{font-size:13px;color:var(--gold)}.footer-wrap a:hover{text-decoration:underline}
@media(max-width:1000px){.content-width{width:min(calc(100% - 54px),var(--max))}.nav-wrap{min-height:82px}.brand-name>span:first-child{font-size:26px}.brand-name .brand-subtitle{font-size:12px}.soundmark{width:44px;min-width:44px}.nav-actions{gap:26px}.hero,.hero-content{min-height:635px}.mascot{height:620px;right:-65px}.hero h1{font-size:clamp(52px,6vw,74px)}.benefit{gap:16px}.benefit svg{height:47px;width:47px}.benefit strong{font-size:19px}.hero-copy{padding-bottom:65px}}
@media(max-width:660px){body{min-width:280px}.content-width{width:calc(100% - 36px)}.site-header{background:#021510}.nav-wrap{min-height:76px;gap:10px}.brand{gap:7px}.soundmark{width:34px;min-width:34px}.brand-name>span:first-child{font-size:clamp(17px,4.2vw,24px);letter-spacing:-.9px}.brand-name .brand-subtitle{font-size:8px;letter-spacing:.19em}.nav-actions{gap:13px}.nav-projects{display:none}.contact-button{min-width:70px;min-height:38px;border-radius:9px;font-size:13px}.hero{min-height:660px;overflow:hidden}.hero-content{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);align-items:start;min-height:660px;padding-top:38px;padding-bottom:20px}.hero-copy{grid-column:1;position:relative;z-index:3;padding:0;min-width:0}.hero h1{font-size:clamp(29px,7.6vw,39px);line-height:1.06;letter-spacing:-.056em;margin:0 0 25px;width:max-content;max-width:calc(100vw - 38px)}.hero h1 span{white-space:normal}.gold-rule{width:104px;height:3px;margin-bottom:27px}.hero-details{width:100%;max-width:100%}.hero-description{font-size:clamp(16px,3.8vw,21px);line-height:1.26;margin:0 0 19px;max-width:100%}.hero-tagline{font-size:clamp(12px,3.1vw,15px);line-height:1.4;margin:0;max-width:100%;overflow-wrap:break-word}.hero-visual{grid-column:2;position:relative;align-self:start;width:100%;height:480px;min-height:480px;pointer-events:none}.mascot{position:absolute;display:block;width:min(62vw,300px);max-width:none;height:auto;right:-18px;top:20px;bottom:auto;object-fit:contain}.equalizer{width:85%;height:35%;bottom:28%;right:0}.wave-divider{height:73px;bottom:0}.benefits{padding:36px 0 46px}.section-heading{font-size:25px;margin-bottom:20px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.benefit,.benefit:nth-child(2n),.benefit:nth-child(2n+1){min-width:0;min-height:145px;gap:9px;padding:14px 7px!important;border-right:0!important;border-top:1px solid #1d4c3d;align-items:center}.benefit:nth-child(2n+1){border-right:1px solid #0e6951!important}.benefit:nth-child(2n){padding-left:10px!important}.benefit svg{height:30px;width:30px;flex:none;stroke-width:2.4}.benefit strong{font-size:clamp(15px,3.9vw,18px);line-height:1.25;overflow-wrap:anywhere}.benefit small{font-size:11px;line-height:1.35;margin-top:7px}.company-inner{grid-template-columns:1fr;gap:22px;padding-top:48px;padding-bottom:52px}.company-inner h2{font-size:31px}.company-inner p{font-size:14px}.company-details{padding:12px 0 0 19px}.footer-wrap{min-height:85px;gap:15px;flex-wrap:wrap;padding-top:14px;padding-bottom:18px}.footer-wrap small{font-size:11px}.footer-wrap a{font-size:12px}}
@media(min-width:481px) and (max-width:660px){.hero,.hero-content{min-height:740px}.hero-visual{height:570px;min-height:570px}.mascot{width:min(60vw,360px);right:-8px}.benefit,.benefit:nth-child(2n),.benefit:nth-child(2n+1){min-height:115px}.benefit strong{font-size:clamp(16px,3.4vw,19px)}.benefit svg{height:36px;width:36px}}
@media(max-width:390px){.brand{gap:4px}.soundmark{width:30px;min-width:30px}.brand-name>span:first-child{font-size:clamp(16px,4.7vw,19px)}.brand-name .brand-subtitle{font-size:7px;letter-spacing:.15em}.nav-actions{gap:9px}.contact-button{min-width:61px;min-height:35px;font-size:12px}.hero-content{grid-template-columns:minmax(0,46%) minmax(0,54%)}.hero h1{font-size:clamp(28px,8vw,32px)}.benefit strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
