*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030812;color:#f5f8ff;font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;width:520px;height:520px;border-radius:50%;background:#008cff;filter:blur(130px);opacity:.08;right:-230px;top:-250px;pointer-events:none}header{height:78px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #102238;background:#030812e8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.logo{font-weight:900;letter-spacing:3px;font-size:25px}.logo b,em{color:#54caff;font-style:normal}nav{display:flex;gap:30px;color:#9aacc0;font-size:14px}.btn{display:inline-block;padding:13px 21px;border-radius:12px;background:linear-gradient(110deg,#1597ff,#67dbff);color:#02101d;font-weight:850;box-shadow:0 10px 35px #1597ff22}.small{padding:10px 15px;font-size:13px}.outline{padding:12px 20px;border:1px solid #1a5275;border-radius:12px;color:#b9c9d9}.hero{min-height:calc(100vh - 78px);padding:75px 8%;display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center}.tag{color:#55caff;font-size:11px;font-weight:800;letter-spacing:2.5px;margin-bottom:17px}.hero h1{font-size:clamp(45px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin:0}.hero p{color:#9aacc0;font-size:18px;max-width:650px;margin:25px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.stats{display:flex;gap:25px;margin-top:50px;color:#8195aa;font-size:12px}.stats span{border-left:1px solid #1b4663;padding-left:12px}.stats b{display:block;color:#55caff}.visual{height:500px;display:flex;align-items:center;justify-content:center;position:relative}.screen{width:min(455px,90%);height:325px;border:1px solid #176a9b;border-radius:24px;background:linear-gradient(145deg,#0a2135,#040b15);box-shadow:0 0 75px #168eea22;transform:perspective(900px) rotateY(-8deg) rotateX(3deg);position:relative;overflow:hidden}.top{padding:20px 25px;color:#73a6c2;font-size:9px;letter-spacing:2px;border-bottom:1px solid #15374f}.top i{float:right;color:#39647d;font-style:normal}.screenbody{padding:40px}.screenbody small{color:#55caff;letter-spacing:3px;font-size:9px}.screenbody h2{font-size:36px;line-height:1.08;margin:12px 0}.screenbody p{color:#6f899e;font-size:12px}.bars{display:flex;gap:7px;margin-top:25px}.bars i{display:block;height:4px;border-radius:4px;background:#28aaff}.bars i:nth-child(1){width:90px}.bars i:nth-child(2){width:45px;opacity:.5}.bars i:nth-child(3){width:25px;opacity:.25}.scan{position:absolute;left:0;right:0;top:56%;height:1px;background:#59d7ff;box-shadow:0 0 18px #59d7ff;opacity:.35}.ring{position:absolute;border:1px solid #258dcc22;border-radius:50%;transform:rotate(-20deg)}.r1{width:550px;height:250px}.r2{width:430px;height:190px;transform:rotate(35deg)}section{padding:105px 8%}.heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:45px}.heading h2,.center h2,.quote h2,.contact h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:0}.heading>p{max-width:390px;color:#9aacc0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid article{min-height:190px;padding:28px;border:1px solid #17405b;background:linear-gradient(145deg,#081a2a,#040c16);border-radius:18px;transition:.25s}.grid article:hover{transform:translateY(-4px);border-color:#2189bd}.grid article>b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #1d5677;border-radius:11px;color:#56caff;font-size:21px}.grid h3{margin:20px 0 7px}.grid p,.steps p,.quote p,.contact p{color:#91a5b9;font-size:14px}.process{background:linear-gradient(#030812,#061322,#030812)}.center{text-align:center;margin-bottom:45px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #173d56;border-radius:18px;overflow:hidden}.steps>div{padding:28px;background:#06111d;border-right:1px solid #173d56}.steps>div:last-child{border:0}.steps b{color:#55caff;font-size:12px;letter-spacing:2px}.quote{margin:0 8% 105px;padding:50px;border:1px solid #176d9e;border-radius:24px;background:radial-gradient(circle at 85% 50%,#158edc24,transparent 35%),#061422;display:flex;justify-content:space-between;align-items:center;gap:30px}.quote p{max-width:760px}.contact{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center}.contact>div:first-child p{font-size:17px;max-width:550px}.card{border:1px solid #17405b;background:#071522;border-radius:20px;padding:8px}.card a{display:flex;gap:15px;align-items:center;padding:20px;border-bottom:1px solid #112d40}.card a span{margin-left:auto;color:#55caff}.card small,.data small{display:block;color:#5d89a4;letter-spacing:2px;font-size:9px}.card strong{font-size:14px}.data{padding:20px}.data strong{display:block;font-size:18px}.data span{color:#8297aa;font-size:12px}footer{padding:28px 8%;border-top:1px solid #102238;display:flex;justify-content:space-between;gap:20px;color:#71879b;font-size:12px}footer .logo{color:white;font-size:18px}@media(max-width:850px){header{padding:0 5%}nav{display:none}.hero{grid-template-columns:1fr;padding:60px 6%}.visual{height:360px}.screen{transform:none}.stats{gap:13px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.quote{margin:0 6% 70px;padding:35px 25px;display:block}.quote .btn{margin-top:20px}.contact{grid-template-columns:1fr;gap:35px}section{padding:80px 6%}.heading{display:block}.heading>p{margin-top:20px}footer{padding:25px 6%;flex-wrap:wrap}}@media(max-width:540px){.hero h1{letter-spacing:-2px}.hero p{font-size:16px}.grid,.steps{grid-template-columns:1fr}.visual{height:315px}.screen{height:280px}.screenbody{padding:28px}.screenbody h2{font-size:29px}.ring{display:none}.stats{flex-direction:column;margin-top:35px}}

/* Seção Trabalhos / Exemplos */
.portfolio{border-top:1px solid rgba(89,190,255,.12);border-bottom:1px solid rgba(89,190,255,.12)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.project{background:linear-gradient(145deg,#071522,#06101b);border:1px solid rgba(78,183,255,.22);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.25);transition:.25s}
.project:hover{transform:translateY(-5px);border-color:rgba(78,183,255,.55);box-shadow:0 22px 60px rgba(25,155,255,.12)}
.browser{padding:12px 12px 0;background:#02070d}
.browserbar{height:30px;border:1px solid #1d3445;background:#09131d;border-radius:11px 11px 0 0;display:flex;align-items:center;gap:6px;padding:0 10px;color:#698398;font-size:9px;letter-spacing:.3px}
.browserbar i{width:7px;height:7px;border-radius:50%;background:#284457}.browserbar span{margin-left:7px;overflow:hidden;white-space:nowrap}
.mock{height:245px;position:relative;overflow:hidden;padding:22px;background:radial-gradient(circle at 85% 15%,rgba(0,180,255,.25),transparent 35%),#07131e;color:#fff}
.mock:after{content:"";position:absolute;inset:auto -30px -75px 25%;height:140px;background:linear-gradient(120deg,transparent,rgba(41,164,255,.12));transform:rotate(-10deg);pointer-events:none}
.mocknav{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:2}.mocknav strong{font-size:13px;letter-spacing:1px}.mocknav small{color:#7891a5;font-size:8px}
.mockhero{position:relative;z-index:2;margin-top:38px}.mockhero small{font-size:8px;letter-spacing:2px;color:#58c5ff;font-weight:800}.mockhero h3{font-size:23px;line-height:1.02;margin:10px 0 15px}.mockhero em{font-style:normal;color:#55c5ff}.mockbtn{display:inline-block;border:1px solid #39b8ff;background:linear-gradient(90deg,#168fff,#55c8ff);color:#03101a;font-weight:900;border-radius:8px;padding:8px 11px;font-size:9px}.burger .mockhero h3 em{color:#ffb347}.burger{background:radial-gradient(circle at 85% 20%,rgba(255,140,40,.22),transparent 34%),#130c08}.burger .mockhero small{color:#ffb347}.burger .mockbtn{border-color:#ffb347;background:linear-gradient(90deg,#ff8d24,#ffc15a)}
.fashion{background:radial-gradient(circle at 80% 20%,rgba(203,118,255,.22),transparent 34%),#100b18}.fashion .mockhero small{color:#d58aff}.fashion .mockbtn{border-color:#c97aff;background:linear-gradient(90deg,#9b45e8,#e29cff)}
.mockcards{position:absolute;bottom:17px;left:22px;right:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mockcards b{font-size:8px;text-align:center;padding:7px 4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:7px;color:#b6c9d8}
.project-info{padding:21px}.project-info small{color:#54c5ff;font-weight:900;font-size:9px;letter-spacing:1.7px}.project-info h3{font-size:21px;margin:9px 0 7px}.project-info p{color:#91a5b7;font-size:13px;line-height:1.6;margin:0}.portfolio-note{margin:30px auto 0;max-width:850px;display:flex;gap:13px;align-items:flex-start;padding:15px 18px;border:1px solid rgba(78,183,255,.15);background:rgba(7,19,31,.55);border-radius:14px;color:#8398aa}.portfolio-note span{color:#58c5ff;font-size:18px}.portfolio-note p{margin:0;font-size:12px;line-height:1.55}.portfolio-note strong{color:#dbe9f4}
@media(max-width:950px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.mock{height:230px}.portfolio-note{padding:14px}.project-info{padding:18px}}

/* ARVEXA FUTURISTIC BACKGROUND */
body{background:radial-gradient(circle at 75% 10%,rgba(0,120,255,.16),transparent 28%),radial-gradient(circle at 15% 55%,rgba(90,0,255,.10),transparent 30%),linear-gradient(180deg,#02050b 0%,#030914 48%,#01040a 100%);position:relative;overflow-x:hidden}
body::before{content:"ARVEXA   ◇   ARVEXA   ◇   ARVEXA   ◇   ARVEXA";position:fixed;inset:0;z-index:-1;pointer-events:none;padding:6vh 2vw;font-size:clamp(28px,5vw,72px);font-weight:800;letter-spacing:.08em;line-height:2.4;color:rgba(20,120,255,.055);transform:rotate(-8deg) scale(1.15);white-space:pre-wrap;word-spacing:1.2em}
.hero,section,footer{position:relative}.hero::after,section::after{content:"◇ ARVEXA";position:absolute;right:4%;top:8%;font-weight:800;letter-spacing:.18em;font-size:12px;color:rgba(0,180,255,.12);pointer-events:none}

.robot-visual{position:absolute;right:4%;top:12%;width:min(46%,620px);height:76%;min-height:280px;pointer-events:none;opacity:.95;filter:drop-shadow(0 0 30px rgba(0,130,255,.22))}.robot-glow{position:absolute;inset:15% 0 0 5%;background:radial-gradient(circle,rgba(0,150,255,.18),transparent 65%)}.robot-head{position:absolute;right:31%;top:16%;width:92px;height:92px;border-radius:50%;border:2px solid rgba(0,180,255,.8);background:linear-gradient(145deg,#0b1522,#02050a);box-shadow:0 0 24px rgba(0,150,255,.45),inset 0 0 20px rgba(0,150,255,.15);display:grid;place-items:center;color:#20bfff;font-size:28px}.robot-body{position:absolute;right:20%;top:38%;width:210px;height:230px;border:2px solid rgba(0,150,255,.35);border-radius:35px 35px 18px 18px;background:linear-gradient(145deg,rgba(20,35,52,.92),rgba(2,5,10,.96));box-shadow:0 0 35px rgba(0,100,255,.18);display:grid;place-items:center;color:#159fff;font-size:56px}.robot-screen{position:absolute;right:0;top:5%;width:62%;height:48%;padding:24px;border:1px solid rgba(0,180,255,.55);border-radius:14px;background:linear-gradient(145deg,rgba(3,16,30,.96),rgba(2,5,12,.92));box-shadow:0 0 35px rgba(0,130,255,.18),inset 0 0 35px rgba(0,80,255,.08);transform:perspective(900px) rotateY(-8deg);display:flex;flex-direction:column;gap:12px;color:#eaf7ff}.robot-screen strong{color:#24b8ff;font-size:24px;letter-spacing:.12em}.robot-screen span{font-size:12px;line-height:1.4;color:#b9d9ef}.robot-screen .screen-code{color:#20bfff;margin-top:auto}@media(max-width:800px){.robot-visual{position:relative;right:auto;top:auto;width:100%;height:300px;margin:20px 0 -10px}}