:root{--blue:#173d76;--deep:#0c2b58;--green:#3ba34a;--yellow:#f1bd22;--ink:#102947;--muted:#60748d;--bg:#f2f6fa}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{height:88px;padding:0 max(22px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--blue);border-bottom:5px solid; border-image:linear-gradient(90deg,var(--green) 0 31%,var(--yellow) 31% 70%,white 70%) 1}.brand{display:block;width:240px;height:56px;overflow:hidden;border-radius:4px}.brand img{width:240px;height:56px;object-fit:cover}.header-tag{padding:9px 13px;border:1px solid #ffffff4d;border-radius:999px;color:white;font-size:10px;font-weight:800;letter-spacing:1.3px}
.hero{position:relative;isolation:isolate;width:min(1160px,calc(100% - 36px));margin:auto;padding:70px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.hero::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:linear-gradient(90deg,rgba(247,250,252,.82) 0%,rgba(247,250,252,.66) 46%,rgba(247,250,252,.48) 100%),url("neri-trator.jpg") center 38%/cover no-repeat}.eyebrow,.section-head>span{color:var(--green);font-size:12px;font-weight:900;letter-spacing:2.2px}.copy h1{margin:14px 0 22px;color:var(--deep);font-size:clamp(54px,6vw,82px);line-height:.91;letter-spacing:-5px}.copy h1 em{color:var(--blue);font-style:normal}.copy>p{max-width:470px;color:#29445f;font-size:18px;line-height:1.6}.color-line{width:230px;height:6px;margin:28px 0;display:flex;border-radius:5px;overflow:hidden}.color-line i:nth-child(1){width:32%;background:var(--green)}.color-line i:nth-child(2){width:38%;background:var(--yellow)}.color-line i:nth-child(3){width:30%;background:white}.copy ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.copy li{display:flex;align-items:center;gap:12px;color:#223e5a;font-size:14px;font-weight:700}.copy li b{color:var(--green);font-size:11px}
.studio{padding:18px 18px 22px;border:1px solid #dfe7ef;border-radius:30px;background:#fff;box-shadow:0 28px 80px #102d571c}.canvas-wrap{position:relative;width:min(100%,455px);margin:auto;padding:9px;border-radius:50%;background:linear-gradient(145deg,var(--green),var(--yellow),var(--blue));box-shadow:0 18px 45px #133a6e32}.canvas-wrap canvas{width:100%;display:block;border-radius:50%;touch-action:none;cursor:grab}.drag-tip{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);padding:7px 13px;border-radius:20px;color:white;background:#0a234dbd;font-size:11px;font-weight:700;white-space:nowrap}.controls{width:min(100%,455px);margin:24px auto 0}.upload,.download{width:100%;min-height:54px;border-radius:14px;font-weight:900}.upload{color:var(--blue);background:#edf5fa;border:2px dashed #8ab1cf}.upload span,.download span{margin-right:6px;font-size:21px}.zoom{margin:18px 4px}.zoom label{display:block;margin-bottom:8px;color:#40536a;font-size:12px;font-weight:900}.zoom>div{display:flex;align-items:center;gap:9px;color:var(--green);font-weight:bold}.zoom input{width:100%;accent-color:var(--green)}.zoom.disabled{opacity:.4}.download{border:0;color:white;background:linear-gradient(135deg,var(--green),#268c3a);box-shadow:0 12px 26px #339c4838}.download:disabled{opacity:.4;box-shadow:none}.privacy{text-align:center;color:#7d8da0;font-size:11px}
.choices{padding:80px max(18px,calc((100% - 1060px)/2));background:white}.section-head{text-align:center}.section-head h2{margin:10px 0 8px;color:var(--deep);font-size:42px;letter-spacing:-2px}.section-head p{margin:0;color:var(--muted)}.tabs{width:fit-content;margin:34px auto 28px;padding:5px;display:flex;gap:5px;border-radius:16px;background:#edf2f6}.tab{padding:13px 22px;border:0;border-radius:12px;color:#607087;background:transparent;font-weight:800}.tab.active{color:white;background:var(--blue);box-shadow:0 7px 18px #173d7630}.tab-panel{max-width:780px;margin:auto}.choice-card{padding:18px;display:grid;grid-template-columns:135px 1fr auto;gap:22px;align-items:center;border:2px solid #e4eaf0;border-radius:22px;background:#fff;transition:.2s}.choice-card.selected{border-color:var(--green);box-shadow:0 14px 36px #1d57331a}.thumb{width:135px;aspect-ratio:1;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#dceaf5,#f8fbfd)}.thumb img{width:100%;height:100%;object-fit:contain}.choice-card small{color:var(--green);font-size:10px;font-weight:900;letter-spacing:1.5px}.choice-card h3{margin:5px 0;color:var(--deep);font-size:23px}.choice-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.choice-card button{padding:12px 15px;border:0;border-radius:12px;color:white;background:var(--blue);font-size:12px;font-weight:800;white-space:nowrap}.choice-card.selected button{background:var(--green)}footer{min-height:72px;padding:20px max(22px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;align-items:center;color:#a9bbd2;background:var(--deep);font-size:11px;letter-spacing:1px}footer b{color:white}
.tab-panel.active{display:grid;gap:16px}
@media(max-width:820px){.hero{grid-template-columns:1fr;width:min(100% - 24px,580px);padding:42px 0;gap:36px}.hero::before{background:linear-gradient(180deg,rgba(247,250,252,.76) 0%,rgba(247,250,252,.82) 48%,rgba(247,250,252,.58) 100%),url("neri-trator.jpg") 57% 30%/cover no-repeat}.copy{text-align:center}.copy h1{font-size:clamp(52px,14vw,70px)}.copy>p{margin-inline:auto;font-size:16px}.color-line{margin-inline:auto}.copy ol{width:fit-content;margin:auto;text-align:left}.studio{padding:13px 13px 20px}.choices{padding-block:60px}.choice-card{grid-template-columns:95px 1fr}.thumb{width:95px}.choice-card button{grid-column:1/-1;width:100%}.section-head h2{font-size:35px}.tabs{width:100%}.tab{flex:1;padding-inline:10px;font-size:12px}footer{flex-direction:column;gap:8px;text-align:center}}@media(max-width:440px){.topbar{height:76px;padding-inline:13px}.brand{width:177px;height:42px}.brand img{width:177px;height:42px}.header-tag{font-size:8px;padding:8px}.choice-card{gap:14px;padding:13px}.choice-card h3{font-size:19px}.choice-card p{font-size:12px}}

/* Menu, links exclusivos e página Neri + Estaduais */
.topnav{display:flex;align-items:center;gap:12px}.topnav>a{padding:10px 15px;border-radius:999px;color:white;text-decoration:none;font-size:12px;font-weight:900}.topnav>a:hover{background:#ffffff18}.card-actions{display:grid;gap:7px}.choice-card.selected .card-actions button:first-child{background:var(--green)}.choice-card.selected .copy-avatar-link,.choice-card .copy-avatar-link{color:var(--blue);background:#eaf1f7;border:1px solid #d8e3ee}.choice-card .copy-avatar-link:hover{background:#dfeaf3}.states-page{min-height:calc(100vh - 160px);padding:60px max(18px,calc((100% - 1160px)/2));background:linear-gradient(180deg,#edf5fa,#fff)}.states-intro{text-align:center;margin-bottom:38px}.states-intro h1{margin:10px 0;color:var(--deep);font-size:clamp(40px,6vw,64px);letter-spacing:-3px}.states-intro p{max-width:660px;margin:auto;color:var(--muted);line-height:1.6}.states-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.state-card{padding:16px;border:1px solid #dfe7ef;border-radius:24px;background:#fff;box-shadow:0 14px 35px #102d5710}.state-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:18px;background:#edf5fa}.state-card h2{margin:16px 0 5px;color:var(--deep);font-size:21px}.state-card small{color:var(--green);font-weight:900}.state-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.state-actions a,.state-actions button{padding:12px;border:0;border-radius:11px;text-align:center;text-decoration:none;font-size:12px;font-weight:900}.state-actions a{color:white;background:var(--blue)}.state-actions button{color:var(--blue);background:#eaf1f7}
@media(max-width:820px){.card-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.card-actions button{width:100%}.states-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.header-tag{display:none}.topnav>a{font-size:10px;padding:9px}.states-grid{grid-template-columns:1fr}}
@media(max-width:440px){.brand{width:160px}.brand img{width:160px}.card-actions,.state-actions{grid-template-columns:1fr}}