:root{--navy:#101c2d;--red:#b82531;--cream:#f7f6f3;--ink:#172434;--muted:#6d7680;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ef9a9f;outline-offset:4px}svg{display:block;max-width:100%}.container{width:min(100% - 48px,1200px);margin-inline:auto}.skip-link{position:absolute;z-index:30;left:16px;top:-60px;background:#fff;padding:12px 16px}.skip-link:focus{top:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex:none}
.announcement{height:34px;background:#a92531;color:#fff;font-size:10px;font-weight:700;letter-spacing:.15em}.announcement__inner{height:100%;display:flex;align-items:center;gap:9px}.announcement__right{margin-left:auto;opacity:.8;font-size:9px}
.site-header{background:#fff;border-bottom:1px solid #e6e6e5;position:relative;z-index:10}.header__inner{height:82px;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:12px;flex:none}.brand__mark{position:relative;display:block;width:42px;height:42px;background:var(--red);transform:skew(-10deg);overflow:hidden}.brand__mark i{position:absolute;width:29px;height:5px;background:#fff;transform:rotate(-34deg);left:8px}.brand__mark i:nth-child(1){top:11px}.brand__mark i:nth-child(2){top:19px;left:14px}.brand__mark i:nth-child(3){top:27px;left:20px}.brand__name{font-family:Impact,"Arial Narrow",sans-serif;font-size:25px;letter-spacing:.025em;line-height:.9;color:var(--navy)}.brand__name>span{color:var(--red)}.brand__name small{display:block;font:700 8px "Segoe UI",Arial,sans-serif;letter-spacing:.28em;margin-top:6px;color:#6d7781}.nav{display:flex;gap:36px;align-items:center;margin-left:auto;font-size:13px;font-weight:700}.nav a:hover{color:var(--red)}.header__action{display:flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid #d4d8dc;font-size:12px;font-weight:700;white-space:nowrap}.header__action:hover{background:var(--cream)}.header__action span{font-size:18px;line-height:.7;color:var(--red)}
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 48%,rgba(255,255,255,.025) 48.15%,transparent 48.4%),repeating-linear-gradient(90deg,transparent 0 51px,rgba(255,255,255,.018) 52px);pointer-events:none}.hero__inner{min-height:565px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative}.hero__copy{position:relative;z-index:2;padding:62px 0 58px}.eyebrow{display:flex;align-items:center;gap:13px;color:#d8e1e8;font-size:10px;font-weight:800;letter-spacing:.21em}.eyebrow>span{width:31px;height:2px;background:#cf2f3c}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(68px,7.6vw,112px);font-weight:400;letter-spacing:.015em;line-height:.94;text-transform:uppercase;margin:28px 0 27px}.hero h1 em,.about h2 em{font-style:normal;color:#cf2f3c}.hero__copy>p{max-width:430px;font-size:16px;line-height:1.75;color:#c2ccd5;margin-bottom:30px}.hero__actions{display:flex;align-items:center;gap:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:0 22px;background:var(--red);color:#fff;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#d0313d}.button span,.text-link span{font-size:19px;line-height:1}.text-link{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid currentColor;padding-bottom:7px;color:#fff}.text-link:hover{gap:21px}.hero__status{display:flex;align-items:center;gap:11px;margin-top:57px;color:#8fa0af;font-size:10px;font-weight:800;letter-spacing:.18em}.hero__status .status-dot{color:#cf2f3c}.hero__art{height:100%;position:relative;display:flex;align-items:center;justify-content:center;transform:translateX(30px)}.hero__art-circle{position:absolute;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle at 45% 40%,#3a4d62 0,#21354b 45%,#14253a 68%,transparent 69%);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 56px rgba(255,255,255,.02),0 0 0 110px rgba(255,255,255,.015)}.truck-art{width:680px;max-width:none;position:relative;z-index:2;filter:drop-shadow(0 25px 20px rgba(0,0,0,.22));transform:translate(-6px,24px)}.hero__art-number{position:absolute;right:20px;top:80px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#8294a6;writing-mode:vertical-rl}.hero__art-caption{position:absolute;right:22px;bottom:66px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#8294a6}.hero__bottom{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.14);height:51px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#91a0af}.hero__bottom .container{height:100%;display:flex;align-items:center;gap:16px}.hero__bottom i{height:1px;width:38px;background:#cf2f3c}
.intro-strip{background:#fff;border-bottom:1px solid #dedfdf}.intro-strip__inner{min-height:100px;display:flex;align-items:center;gap:52px}.intro-strip__inner>span,.section-kicker{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.22em;white-space:nowrap}.intro-strip p{margin:0;font-size:18px;font-weight:650;letter-spacing:-.02em}.intro-strip b{margin-left:auto;font-size:25px;color:var(--red)}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:48px}.section-heading h2,.coming-soon h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:clamp(42px,5vw,68px);font-weight:400;letter-spacing:.02em;line-height:1.04;margin:18px 0 0}.period{color:var(--red)}.section-heading>p{max-width:300px;color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 5px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card{min-height:345px;position:relative;overflow:hidden;padding:25px 28px;display:flex;flex-direction:column;justify-content:flex-end;background:#e6e8e8}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(11,22,36,.71));pointer-events:none}.category-card--parts{background:linear-gradient(135deg,#d6dce0,#70808f)}.category-card--accessories{background:linear-gradient(135deg,#d6d5d0,#8c8d89)}.category-card--road{background:linear-gradient(135deg,#b2c0cb,#50677c)}.category-card__number{position:absolute;top:24px;left:28px;z-index:2;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em}.category-card svg{position:absolute;width:180px;top:18px;right:24px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.66;transform:rotate(-10deg);transition:transform .35s}.category-card:hover svg{transform:translateY(-8px) rotate(-4deg)}.category-card__body{position:relative;z-index:2;color:#fff}.category-card__body>span{font-size:9px;letter-spacing:.18em;font-weight:800;color:#f0bcc0}.category-card h3{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-weight:400;font-size:35px;letter-spacing:.03em;margin:8px 0 7px}.category-card p{font-size:12px;line-height:1.5;margin:0;color:#e5e9ed}.categories__note{margin:21px 0 0;font-size:12px;color:var(--muted)}
.about{background:var(--navy);color:#fff}.about__inner{display:grid;grid-template-columns:1fr 1fr;min-height:510px;gap:90px;align-items:center}.about__visual{height:350px;position:relative;overflow:hidden;background:repeating-linear-gradient(-30deg,transparent 0,transparent 23px,rgba(255,255,255,.024) 24px,rgba(255,255,255,.024) 25px),#1c3046;display:flex;align-items:center;justify-content:center}.about__visual:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.15);transform:rotate(45deg)}.about__visual>span{font-family:Impact,"Arial Narrow",sans-serif;font-size:210px;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.27);line-height:1;letter-spacing:-.08em;transform:skew(-8deg);padding-right:24px}.about__visual>small{position:absolute;left:29px;bottom:27px;font-size:10px;letter-spacing:.2em;font-weight:800;color:#b5c2cd}.about__copy .section-kicker{color:#ef5962}.about h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:clamp(40px,4.8vw,66px);font-weight:400;letter-spacing:.02em;line-height:1.05;margin:21px 0}.about__copy>p{color:#bbc7d1;font-size:15px;line-height:1.8;max-width:475px;margin-bottom:28px}
.coming-soon__inner{display:flex;justify-content:space-between;gap:80px;align-items:center}.coming-soon__copy{max-width:440px}.coming-soon__copy p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:25px}.coming-soon__badge{display:inline-flex;align-items:center;gap:11px;border:1px solid #d8dcdf;padding:12px 16px;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.14em}.site-footer{background:#0b1624;color:#fff}.footer__main{min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,255,255,.13)}.brand--footer .brand__name{color:#fff}.brand--footer .brand__name small{color:#8d9baa}.footer__main p{color:#a5b2be;font-size:13px;margin:0}.footer__bottom{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8292a0;font-size:11px}.footer__bottom a{color:#fff;font-weight:700}
@media(max-width:1000px){.header__inner{gap:25px}.nav{gap:20px}.hero__inner{grid-template-columns:52% 48%}.hero__art{transform:translateX(15px)}.hero__art-circle{width:390px;height:390px}.truck-art{width:550px}.hero h1{font-size:clamp(62px,8vw,90px)}.about__inner{gap:50px}}
@media(max-width:760px){.container{width:min(100% - 36px,1200px)}.announcement__right{display:none}.header__inner{height:72px;gap:15px}.nav{display:none}.header__action{margin-left:auto;padding:12px;font-size:0;gap:0}.header__action span{font-size:21px}.hero__inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero__copy{padding:68px 0 0}.hero h1{font-size:clamp(68px,14vw,110px)}.hero__copy>p{font-size:15px}.hero__status{margin-top:36px}.hero__art{height:310px;transform:none;margin-top:0}.hero__art-circle{width:310px;height:310px}.truck-art{width:480px;transform:translate(0,15px)}.hero__art-number{top:18px;right:0}.hero__art-caption{bottom:18px;right:0}.intro-strip__inner{min-height:90px;gap:20px}.intro-strip p{font-size:15px}.section{padding:75px 0}.section-heading{display:block;margin-bottom:33px}.section-heading>p{margin-top:22px;max-width:490px}.category-grid{grid-template-columns:1fr;gap:14px}.category-card{min-height:260px}.category-card svg{top:14px;width:150px}.about__inner{grid-template-columns:1fr;gap:0;padding-top:64px;padding-bottom:70px}.about__visual{height:280px}.about__copy{padding-top:50px}.coming-soon__inner{display:block}.coming-soon__copy{margin-top:24px}.footer__main{min-height:150px;align-items:start;flex-direction:column;justify-content:center;gap:20px}.footer__bottom{padding:19px 0}}
@media(max-width:440px){.brand__mark{width:36px;height:36px}.brand__name{font-size:21px}.brand__name small{font-size:7px}.hero h1{font-size:64px}.hero__actions{gap:20px;flex-wrap:wrap}.button{min-height:50px;gap:14px}.hero__art{height:260px}.hero__art-circle{width:250px;height:250px}.truck-art{width:390px}.hero__art-caption{display:none}.intro-strip__inner>span{font-size:8px}.intro-strip__inner{gap:13px}.intro-strip p{font-size:13px}.intro-strip b{font-size:18px}.footer__bottom{align-items:start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Identidade visual baseada no logotipo oficial da Serra Truck. */
:root{--navy:#2b3164;--red:#ef3039;--cream:#f7f7f8;--ink:#2b3164;--muted:#626a78}
.announcement{background:var(--red)}
.site-header{border-bottom-color:#e8e9ed}
.header__inner{height:92px}
.brand img{display:block;width:215px;height:auto;max-width:100%}
.header__action{border-color:#d8dae2;color:var(--navy)}
.hero{background:linear-gradient(122deg,#262c5c 0%,#2b3164 58%,#383e75 100%)}
.hero:before{background:repeating-linear-gradient(126deg,transparent 0 185px,rgba(255,255,255,.018) 186px 188px)}
.hero h1 em,.about h2 em{color:#ff424b}
.eyebrow>span,.hero__bottom i{background:var(--red)}
.hero__art-circle{width:540px;height:370px;border:0;border-radius:0;box-shadow:none;background:repeating-linear-gradient(158deg,transparent 0 60px,rgba(204,208,220,.24) 61px 101px,transparent 102px 148px);transform:skew(-18deg)}
.hero__art:before{content:"";position:absolute;width:520px;height:28px;background:var(--red);transform:rotate(-21deg) translate(18px,-75px);opacity:.72}
.hero__status .status-dot{color:#ff424b}
.category-card--parts{background:linear-gradient(135deg,#d8dbe8,#737d9e)}
.category-card--accessories{background:linear-gradient(135deg,#e0e1e4,#898e9b)}
.category-card--road{background:linear-gradient(135deg,#bdc0d3,#575f8e)}
.about{background:#292f60}
.about__visual{background:repeating-linear-gradient(-30deg,transparent 0,transparent 23px,rgba(255,255,255,.03) 24px,rgba(255,255,255,.03) 25px),#393f76}
.about__visual:after{content:"";position:absolute;right:0;top:0;width:120px;height:13px;background:var(--red);transform:skew(-35deg) translateX(12px)}
.site-footer{background:#fff;color:var(--ink);border-top:5px solid var(--red)}
.footer__main{border-bottom-color:#e3e4e9}
.footer__main p,.footer__bottom{color:#626a78}
.footer__bottom a{color:var(--navy)}
@media(max-width:760px){.header__inner{height:78px}.brand img{width:185px}.hero__art-circle{width:350px;height:270px}.hero__art:before{width:360px}.hero__art-number,.hero__art-caption{display:none}}
@media(max-width:440px){.brand img{width:160px}.hero__art-circle{width:280px;height:220px}.hero__art:before{width:300px}}