@font-face{font-family:InterTri;src:url('./inter-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:InterTri;src:url('./inter-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:InterTri;src:url('./inter-900.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--bg:#020914;--panel:#06182a;--gold:#f2b642;--line:rgba(231,171,55,.75);--muted:#aeb9c5}.tri-defs{position:absolute;visibility:hidden}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#f5f7fa;font-family:InterTri,"Segoe UI",Arial,sans-serif}.tri-page{min-height:100vh;overflow:hidden;background:radial-gradient(70rem 42rem at 72% 18%,rgba(29,81,122,.2),transparent 70%),linear-gradient(180deg,#020914,#031321 58%,#010812)}.tri-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 58%,rgba(240,177,55,.1) 0 1px,transparent 2px),radial-gradient(circle at 88% 36%,rgba(240,177,55,.16) 0 1px,transparent 2px);background-size:36px 41px,47px 53px;mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000)}.tri-wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}.tri-header{height:56px;border-bottom:1px solid rgba(226,168,58,.2);background:rgba(2,9,20,.95)}.tri-headrow{height:100%;display:flex;align-items:center}.tri-brand{color:#fff;text-decoration:none;font-size:25px;font-weight:900;letter-spacing:-1px}.tri-brand b{color:var(--gold)}nav{display:flex;gap:39px;margin-left:auto}nav a{color:#eef2f6;text-decoration:none;font-size:13px}nav a:hover{color:var(--gold)}.tri-langs{display:flex;gap:9px;margin-left:44px;padding-left:25px;border-left:1px solid rgba(255,255,255,.1)}.tri-langs a{width:38px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#b6c0ca;text-decoration:none;font-size:11px}.tri-langs .on{background:linear-gradient(145deg,#ffe58b,#dfa42f);border-color:#ffd773;color:#171106;font-weight:900;box-shadow:0 0 18px rgba(240,177,55,.38)}
.tri-hero{height:342px;position:relative}.tri-hero-grid{height:100%;display:grid;grid-template-columns:54% 46%;position:relative}.tri-copy{padding-top:34px;position:relative;z-index:2}.tri-eyebrow{margin:0;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.tri-eyebrow span{padding:0 7px}.tri-copy h1{margin:14px 0 10px;font-size:47px;line-height:1.05;letter-spacing:-2px}.tri-copy h1 em{color:transparent;background:linear-gradient(180deg,#ffe493,#f1ba4e 48%,#d18b20);background-clip:text;-webkit-background-clip:text;font-style:normal}.tri-lead{max-width:690px;margin:0;color:#dce4eb;font-size:16px;line-height:1.52}.tri-benefits{display:flex;gap:0;margin-top:20px}.tri-benefits>div{min-width:175px;display:flex;align-items:center;gap:13px;padding-right:24px;margin-right:24px;border-right:1px solid rgba(255,255,255,.24)}.tri-benefits>div:last-child{border:0}.tri-benefits svg{width:37px;height:37px;fill:none;stroke:#f4bd4c;stroke-width:1.7;filter:drop-shadow(0 0 7px rgba(244,189,76,.4))}.tri-benefits span{font-size:12px;line-height:1.45}.tri-art{position:relative;height:100%}.tri-art:before{content:"";position:absolute;inset:0 -215px -5px -110px;background:url('./approved-triagem-v1.webp') -845px -55px/1672px 936px no-repeat;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 100%);filter:brightness(1.05) saturate(1.06) contrast(1.03)}
.tri-workspace{display:grid;grid-template-columns:44% 56%;gap:18px;margin-top:0;position:relative;z-index:3}.tri-panel{min-height:443px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(35rem 16rem at 70% 0,rgba(49,105,154,.2),transparent 72%),linear-gradient(145deg,rgba(8,29,49,.985),rgba(3,14,25,.995));box-shadow:0 22px 54px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04)}.tri-panel-title{display:flex;align-items:center;gap:15px}.tri-panel-title i{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,222,140,.15),#061827 66%);box-shadow:0 0 18px rgba(238,172,48,.2)}.tri-panel-title svg{width:27px;height:27px;fill:none;stroke:#f4bd4c;stroke-width:1.7}.tri-panel h2{margin:0;font-size:22px}.tri-panel-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.tri-after ol{list-style:none;margin:20px 0 16px;padding:0}.tri-after li{display:grid;grid-template-columns:60px 1fr;gap:14px;min-height:84px;position:relative}.tri-after li:not(:last-child):before{content:"";position:absolute;left:27px;top:46px;bottom:-4px;width:1px;background:linear-gradient(#e3a735,rgba(227,167,53,.15))}.tri-after li b{width:54px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#f4bd4c;font-size:15px;box-shadow:0 0 15px rgba(238,172,48,.14)}.tri-after h3{margin:4px 0 5px;font-size:14px}.tri-after li p{margin:0;color:#bdc7d1;font-size:11.5px;line-height:1.45}.tri-note{padding:14px 16px 14px 48px;border:1px solid var(--line);border-radius:10px;background:rgba(239,177,59,.055);color:#cbd4dc;font-size:11px;line-height:1.5;position:relative}.tri-note:before{content:"i";position:absolute;left:18px;top:15px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #e4a932;border-radius:50%;color:#f4bd4c;font-weight:900}
.tri-form-panel{padding-bottom:18px}form{margin-top:16px}.tri-fields{display:grid;gap:12px}.tri-fields.two{grid-template-columns:1fr 1fr;margin-bottom:10px}label{display:block;color:#edf2f6;font-size:11px;font-weight:700}input,textarea{width:100%;margin-top:5px;border:1px solid rgba(146,174,199,.4);border-radius:8px;background:#04111e;color:#f3f6f9;font:400 12px/1.4 InterTri,"Segoe UI",Arial,sans-serif;outline:0;transition:border-color .18s,box-shadow .18s}input{height:38px;padding:0 13px}textarea{min-height:72px;padding:10px 13px;resize:vertical}input:focus,textarea:focus{border-color:#e9ad3b;box-shadow:0 0 0 3px rgba(233,173,59,.12)}label>small{display:block;margin-top:3px;text-align:right;color:#718293;font-size:9px}.tri-upload{height:47px;margin-top:9px;padding:8px 12px;display:flex;align-items:center;gap:10px;border:1px dashed rgba(231,171,55,.58);border-radius:8px;background:rgba(239,177,59,.035);cursor:pointer}.tri-upload:hover{background:rgba(239,177,59,.07)}.tri-upload svg{width:23px;height:23px;fill:none;stroke:#f2b642;stroke-width:1.8}.tri-upload span{display:block}.tri-upload b{display:block;font-size:10.5px}.tri-upload small{display:block;margin-top:2px;color:#8fa0af;font-size:9px;font-weight:400}.tri-upload input{position:absolute;width:1px;height:1px;opacity:0}.tri-consent{display:flex;align-items:flex-start;gap:9px;margin:9px 0;color:#cbd4dc;font-size:10px;line-height:1.35;font-weight:400}.tri-consent input{width:17px;height:17px;margin:0;accent-color:#e7aa37;flex:0 0 auto}.tri-form-panel button{width:100%;height:47px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #ffe083;border-radius:9px;background:linear-gradient(145deg,#ffe58b,#dfa42f);color:#171106;font:900 15px InterTri,"Segoe UI",Arial,sans-serif;box-shadow:0 12px 28px rgba(191,123,20,.24),inset 0 1px rgba(255,255,255,.45);cursor:pointer;transition:transform .18s,filter .18s}.tri-form-panel button:hover{filter:brightness(1.06);transform:translateY(-1px)}.tri-form-panel button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.tri-form-panel button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tri-form-error{min-height:14px;margin:5px 0 0;color:#ff9e8f;font-size:9px}.tri-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}
footer{height:70px;margin-top:14px;border-top:1px solid rgba(226,168,58,.18);background:rgba(2,9,20,.78)}.tri-foot{height:100%;display:flex;align-items:center;gap:38px}.tri-foot span{display:flex;align-items:center;gap:9px;color:#cbd4dc;font-size:10px}.tri-foot svg{width:22px;height:22px;fill:none;stroke:#f2b642;stroke-width:1.8}.tri-foot small{margin-left:auto;color:#81909f;font-size:8px;letter-spacing:.4px}
@media(max-width:820px){.tri-wrap{width:min(100% - 24px,620px)}.tri-header{height:auto;padding:12px 0}.tri-headrow{flex-wrap:wrap;gap:12px}.tri-brand{font-size:23px}nav{order:3;width:100%;gap:8px;overflow-x:auto;margin:0;padding-bottom:2px}nav a{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;white-space:nowrap;font-size:11px}.tri-langs{margin-left:auto;padding:0;border:0}.tri-langs a{width:34px;height:29px}.tri-hero{height:auto}.tri-hero-grid{display:block}.tri-copy{padding:28px 0 20px}.tri-copy h1{font-size:clamp(35px,10vw,48px);letter-spacing:-1.5px}.tri-copy h1 br{display:none}.tri-lead{font-size:14px}.tri-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tri-benefits>div{min-width:0;display:block;margin:0;padding:10px 5px;text-align:center;border:1px solid rgba(231,171,55,.25);border-radius:9px}.tri-benefits svg{width:29px;height:29px;margin-bottom:5px}.tri-benefits span{display:block;font-size:9px}.tri-art{height:220px;margin:0 -12px}.tri-art:before{inset:0 -12px;background-position:64% 4%;background-size:auto 465px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent)}.tri-workspace{grid-template-columns:1fr;gap:12px}.tri-panel{min-height:0;padding:18px 16px}.tri-after{order:2}.tri-form-panel{order:1}.tri-panel h2{font-size:19px}.tri-fields.two{grid-template-columns:1fr}.tri-after li{min-height:92px}.tri-foot{display:grid;grid-template-columns:1fr 1fr;height:auto;padding:14px 0;gap:12px}.tri-foot small{grid-column:1/-1;margin:0}.tri-foot span:last-of-type{display:none}footer{height:auto}}

/* V2 — enquadramento aprovado e composição compacta */
@media(min-width:821px){
.tri-art:before{inset:0 -215px -5px 0;background-position:-955px -55px;mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 100%)}
.tri-panel{height:480px;min-height:480px;padding:18px 22px}
.tri-form-panel{padding-bottom:14px}
.tri-form-panel form{margin-top:10px}
.tri-fields.two{margin-bottom:7px}
.tri-form-panel input{height:34px}
.tri-form-panel textarea{min-height:60px;padding:9px 13px}
.tri-upload{height:42px;margin-top:7px;padding:6px 12px}
.tri-consent{margin:7px 0}
.tri-form-panel button{height:44px}
.tri-form-error{min-height:10px;margin-top:3px}
footer{height:54px;margin-top:10px}
}
@media(max-width:820px){
.tri-art{height:170px;overflow:hidden}
.tri-art:before{inset:0 -12px;background-position:-470px -28px;background-size:836px 468px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 92%,transparent)}
.tri-panel{height:auto;min-height:0}
}