:root{font-family:Arial,"Helvetica Neue",sans-serif;color:#f4f5f7;background:#02070c;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 15% 35%,#f35d111a,transparent 45%),radial-gradient(ellipse at 90% 45%,#0068bf24,transparent 50%),#02070c}main{width:min(100%,680px);margin:auto;padding:0 33px 24px;position:relative}.profile{text-align:center;position:relative;padding-top:350px}.portrait{position:absolute;top:0;left:-33px;right:-33px;height:515px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 65%,transparent 100%)}.portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 0}.identity,.intro{position:relative;z-index:1}h1{margin:0;font-size:40px;letter-spacing:-1.1px;font-weight:700;text-shadow:0 2px 10px #000}.role{margin:4px 0 17px;font-size:20px;color:#b9c1cb;text-shadow:0 2px 8px #000}.intro{font-size:21px;line-height:1.3;color:#c2c8d0;margin:0 -8px 29px;text-shadow:0 2px 8px #000}.intro strong{font-weight:700;color:#f3f4f7}.divider,.label,.number{display:none}.cards{position:relative;display:grid;gap:15px}.card{isolation:isolate;position:relative;display:flex;align-items:center;gap:27px;min-height:149px;padding:26px 27px 25px 31px;border:2px solid transparent;border-radius:24px;text-decoration:none;color:#f5f6fa;background:linear-gradient(110deg,#26150ee8,#080e17f5 45%,#022238dd) padding-box,linear-gradient(100deg,#ff8d36 0%,#e09a6c 20%,#77899b 53%,#00aaff 100%) border-box;box-shadow:-5px 0 16px #ff691b55,5px 0 17px #00aaff55,inset 3px 0 5px #ffb86c66,inset -3px 0 6px #02baff99;transition:transform .2s,box-shadow .2s}.card:before{content:"";position:absolute;inset:2px;border:1px solid #ccecff88;border-left-color:#ffd4a4;border-radius:20px;pointer-events:none}.card:after{content:"";position:absolute;inset:5px;border-radius:18px;background:linear-gradient(115deg,#ffffff09,transparent 38%,#00aaff08);pointer-events:none}.card:hover{transform:translateY(-3px);box-shadow:-5px 0 24px #ff691b88,5px 0 28px #00aaff88}.icon{position:relative;z-index:2;width:90px;height:90px;flex-shrink:0;display:grid;place-items:center;border:2px solid #aa542f;border-radius:23px;background:linear-gradient(135deg,#ff68151c,#030a10);box-shadow:inset 1px 1px 4px #ffb57455;color:#ff9146}.icon svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #ff782633)}.blue .icon{color:#09aaff;border-color:#05719c;box-shadow:inset 1px 1px 4px #ff9b5577}.neutral .icon{color:#00e49a;border-color:#197649;background:linear-gradient(135deg,#08382666,#030a10)}.copy{position:relative;z-index:2;flex:1;min-width:0;padding-right:6px}.card h2{font-size:24px;font-weight:600;line-height:1.17;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #000}.orange h2{font-weight:400;font-size:23px}.card h2 strong{font-weight:700}.cta{display:flex;align-items:center;gap:10px;margin-top:16px;color:#5daeff;font-size:18px;font-weight:400;white-space:nowrap}.cta span{font-size:27px;line-height:1}.next{position:relative;z-index:2;flex-shrink:0;width:45px;height:45px;display:grid;place-items:center;border:1px solid #81c8ff;border-radius:50%;font-size:40px;line-height:1;font-weight:300;background:linear-gradient(135deg,#adbfff2b,#005c9e44);box-shadow:inset 0 0 4px #7bbcff77}.scene{z-index:0;position:absolute;right:36px;top:15px;width:180px;height:120px;opacity:.22;pointer-events:none}.flow{background:linear-gradient(90deg,transparent,#0876c122);transform:perspective(250px) rotateY(-15deg)}.flow:before{content:"";position:absolute;inset:20px 40px;border:1px solid #087bdc}.flow i{position:absolute;width:30px;height:18px;background:#07558b;border:1px solid #1189ce;border-radius:3px}.flow i:nth-child(1){left:20px;top:12px}.flow i:nth-child(2){left:98px;top:12px}.flow i:nth-child(3){left:50px;top:50px}.flow i:nth-child(4){left:110px;top:85px}.flow i:nth-child(5){left:25px;top:90px}.browser-scene{height:130px;width:182px;top:6px;border:4px solid #66778d;border-radius:11px;background:#040b15;transform:perspective(350px) rotateY(-22deg) rotateZ(10deg)}.browser-scene i{display:block;margin:12px 6px 5px;height:65px;background:linear-gradient(150deg,#6d7c97,#123652 50%,#020b10);clip-path:polygon(0 15%,100% 0,100% 100%,0 100%,20% 45%,42% 72%,62% 25%,78% 50%)}.browser-scene b,.browser-scene em{display:block;background:#a4b8ce66;height:3px;margin:6px 12px;width:70%}.phone{height:155px;width:95px;top:-5px;right:50px;border:6px solid #273a50;border-radius:20px;background:linear-gradient(#002b40,#021019);transform:rotate(24deg);display:grid;place-items:center}.phone:before{content:"";position:absolute;top:0;left:15px;right:15px;height:8px;border-radius:0 0 8px 8px;background:#000}.phone span{font-size:55px;color:#00dc9a}footer{position:relative;padding:35px 0 5px}.brands{display:flex;justify-content:center;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;font-size:25px;letter-spacing:-.6px;font-weight:600}.brand svg{width:44px;height:44px}.brand-separator{height:52px;width:1px;background:#8494a855}.pending{text-align:center;margin-top:25px;font-size:10px;color:#85909e}.pending span{display:inline-block;width:5px;height:5px;background:#e6a25f;border-radius:50%;margin-right:5px}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:5px}dialog{border:1px solid #ffffff25;border-radius:20px;background:#101923;color:#f4f3f0;padding:34px;max-width:360px;width:calc(100% - 40px);box-shadow:0 20px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:22px}dialog p{font-size:14px;color:#bbc5d1;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;color:#73b8e9}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#c7cbd2;font-size:26px;cursor:pointer}.dismiss{padding:12px 20px;border-radius:8px;border:1px solid #70bddc88;background:#70bddc12;color:#eee;cursor:pointer;width:100%}@media(max-width:600px){main{padding:0 20px 20px}.profile{padding-top:59vw}.portrait{left:-20px;right:-20px;height:88vw}h1{font-size:clamp(27px,6vw,37px)}.role{font-size:clamp(16px,3.5vw,20px);margin-bottom:17px}.intro{font-size:clamp(15px,3.4vw,20px);margin:0 -2px 27px;line-height:1.35}.cards{gap:14px}.card{gap:17px;padding:22px 18px;min-height:132px;border-radius:20px}.card:before{border-radius:16px}.icon{width:65px;height:74px;border-radius:17px}.icon svg{width:34px;height:34px}.card h2,.orange h2{font-size:clamp(16px,3.6vw,22px);letter-spacing:-.3px}.cta{font-size:clamp(12px,2.9vw,17px);margin-top:13px;gap:6px}.cta span{font-size:21px}.next{width:30px;height:30px;font-size:29px}.scene{right:20px;opacity:.17}.brands{gap:20px}.brand{font-size:22px}.brand svg{width:36px;height:36px}.brand-separator{height:42px}}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.portrait{left:-14px;right:-14px}.card{gap:11px;padding:20px 13px}.icon{width:51px;height:62px}.next{width:25px;height:25px}.cta{font-size:11px}.card h2,.orange h2{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.card:hover{transform:none}}
.phone svg{width:52px;height:52px;fill:none;stroke:#00e49a;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
/* Cards com hierarquia de banner: título e chamada, sem ícones ou imagens. */
.card{min-height:178px;padding:26px 30px;overflow:hidden;background:linear-gradient(115deg,#301a12ee,#080e17f5 52%,#04283ce8) padding-box,linear-gradient(100deg,#ff8d36,#d89d77 22%,#77899b 53%,#00aaff) border-box}
.card .copy{padding:0;width:100%}.card h2,.card.orange h2{font-size:28px;font-weight:400;line-height:1.18;letter-spacing:-.65px}.card h2 strong{font-weight:700;color:#f5f6fa}.card .cta{display:inline-flex;justify-content:space-between;gap:24px;min-height:36px;margin-top:18px;padding:9px 14px;border-radius:7px;border:1px solid #54b8fc99;background:linear-gradient(110deg,#0576b34d,#0c527e33);font-size:13px;color:#d4ecff;box-shadow:inset 0 1px 0 #ffffff12}.card .cta span{font-size:20px}.card:after{background:radial-gradient(ellipse at 100% 0,#0a8de622,transparent 60%);z-index:-1}
@media(max-width:600px){.card{min-height:153px;padding:24px}.card h2,.card.orange h2{font-size:clamp(21px,5.1vw,28px)}.card .cta{margin-top:15px;font-size:12px;padding:8px 12px;min-height:34px;gap:20px}}
@media(max-width:360px){.card{padding:22px 19px}.card h2,.card.orange h2{font-size:20px}.card .cta{font-size:11px}}
/* Imagem sutil do chip, restrita ao primeiro card. */
.card.orange:after{z-index:0;inset:3px;border-radius:18px;background-image:linear-gradient(90deg,#08101a 0%,transparent 70%),url('assets/chip-ia.avif');background-size:100% 100%,70% auto;background-position:center,right center;background-repeat:no-repeat;opacity:.13;filter:saturate(.65);mask-image:linear-gradient(90deg,transparent 27%,#000 76%);pointer-events:none}
/* Fundos alinhados à área livre à direita, com transição antes do texto. */
.card.orange:after{background-size:100% 100%,60% auto;background-position:center,right -35px center;mask-image:linear-gradient(90deg,transparent 47%,#000 87%)}
.card.blue:after{z-index:0;inset:3px;border-radius:18px;background-image:url('assets/landing-reference.jpg');background-size:58% auto;background-position:right -17px center;background-repeat:no-repeat;opacity:.12;filter:hue-rotate(125deg) saturate(.65);mask-image:linear-gradient(90deg,transparent 43%,#000 83%);pointer-events:none}
/* Fundo de mensagens no card de contato, seguindo a intensidade dos demais. */
.card.neutral:after{z-index:0;inset:3px;border-radius:18px;background-image:url('assets/contato-mensagens.png');background-size:58% auto;background-position:right -17px center;background-repeat:no-repeat;opacity:.12;filter:grayscale(1) sepia(1) saturate(2) hue-rotate(165deg);mask-image:linear-gradient(90deg,transparent 43%,#000 83%);pointer-events:none}