*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:20px;color:#10255a;background:#eaf5fb}.shell{width:min(100%,1000px);min-height:600px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border-radius:25px;box-shadow:0 25px 75px #08216b20}.story,.form-panel{padding:28px 38px}.story{display:flex;flex-direction:column;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:850;letter-spacing:.03em;text-transform:uppercase}.brand img{width:55px;height:55px;object-fit:cover;border-radius:50%}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:inherit;opacity:.65;margin-top:3px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800}.story h1{font-size:clamp(32px,4vw,46px);line-height:1.07;margin:13px 0 17px;letter-spacing:-.045em}.story h1 em{font-style:normal;color:#00bde6}.story h2{font-size:20px;margin:0 0 9px;letter-spacing:-.025em}.story-main>p,.form-heading p{font-size:13px;line-height:1.6;margin:0;max-width:48ch;opacity:.83}.services{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:18px 0 21px;padding:0}.services li{font-size:11px;font-weight:700;padding:8px 10px;border-radius:99px}.whatsapp{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#02a85b;color:white;text-decoration:none;font-weight:750;font-size:13px;padding:13px 17px;border-radius:10px}.whatsapp:hover{background:#008949}.contact{display:flex;flex-wrap:wrap;gap:8px 18px}.contact a{font-size:11px;color:inherit;text-decoration:none;font-weight:700}.contact a:hover{text-decoration:underline}.form-panel{display:flex;flex-direction:column;justify-content:center}.form-heading h2{font-size:26px;letter-spacing:-.04em;margin:8px 0 5px}.form-heading p{margin-bottom:17px}form{display:flex;flex-direction:column}label{font-size:11px;font-weight:750;margin:7px 0 5px}label b{color:#ef5d4c}label small{font-weight:500;opacity:.7}input,textarea{font:inherit;font-size:12px;width:100%;border:1px solid #cbd8e8;border-radius:8px;padding:10px 12px;background:white;color:#10255a;outline:none}input:focus,textarea:focus{border-color:#089bdc;box-shadow:0 0 0 3px #06bde622}textarea{resize:vertical;min-height:55px}.status{margin:6px 0 0;color:#b32727;font-size:11px;min-height:15px}button{cursor:pointer;border:0;font:inherit;font-weight:800}form button{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:9px;background:#0844d5;color:white;padding:12px 16px;font-size:12px}button:disabled{opacity:.6;cursor:wait}.form-note{font-size:10px;color:#62728b;margin:8px 0 0;line-height:1.4}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}dialog{border:0;border-radius:20px;padding:0;max-width:min(90vw,380px);box-shadow:0 20px 70px #06133b65}dialog::backdrop{background:#081c4a9c}.dialog-inner{text-align:center;padding:32px;color:#10255a}.dialog-inner h2{margin:12px 0 4px}.dialog-inner p{line-height:1.5;font-size:14px}.check{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e0f9ee;color:#009e58;font-size:28px}.dialog-inner button{background:#0844d5;color:#fff;border-radius:8px;padding:11px 25px;margin-top:12px}@media(max-width:720px){body{padding:0;display:block}.shell{display:block;min-height:100svh;border-radius:0;box-shadow:none}.story,.form-panel{padding:26px 22px}.story{gap:24px}.story h1{font-size:39px}.form-panel{min-height:0}.contact{padding-top:5px}}@media(max-width:360px){.story h1{font-size:33px}.brand{font-size:17px}}
body{background:#0025ff}.shell{background:#0025ff;color:#fff;border:1px solid #1b59b0}.story{background:radial-gradient(circle at 85% 15%,#02f2fc 0%,#0025ff 70%);position:relative}.story:after{content:"";position:absolute;right:-90px;bottom:80px;width:240px;height:240px;border:1px solid #ffffff25;border-radius:50%;pointer-events:none}.story h1{color:#fff}.story h1 em{color:#62e8f7}.services li{background:#ffffff19;color:#eafaff;border:1px solid #ffffff22}.form-panel{background:#f5faff;color:#10255a}.form-heading .eyebrow{color:#038cb9}.brand img{background:#fff}.form-panel button{background:#0025ff}.contact a{color:#fff}.story-main,.brand,.contact{position:relative;z-index:1}
/* Ajustes solicitados para o modelo técnico */
@media (min-width: 721px) {
  .shell { width: min(100%, 1300px); height: 550px; min-height: 0; grid-template-columns: 1.25fr .75fr; }
  .story, .form-panel { padding: 22px 34px; }
  .story { gap: 12px; }
  .story h1 { font-size: clamp(27px, 2.55vw, 34px); white-space: nowrap; }
  .services { margin: 12px 0 14px; }
  .form-heading p { margin-bottom: 10px; }
}
.brand img { width: 83px; height: 83px; flex: none; }
.shell { transform-origin: 50% 100%; animation: entrance 780ms cubic-bezier(.16,1,.3,1) both; }
@keyframes entrance { from { opacity: 0; transform: translateY(38px) scale(1.08); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 720px) {
  .story h1 { font-size: clamp(28px, 8vw, 39px); white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .shell { animation: none; }
}

/* Contatos identificados */
.contact { display:block; }
.contact h2 { margin:0 0 7px; font-size:13px; line-height:1.2; letter-spacing:.02em; }
.contact-links { display:flex; flex-wrap:wrap; gap:6px 18px; }
.contact-links a { overflow-wrap:anywhere; }
.contact-links strong { font-weight:800; }

@media (min-width:721px) {
  .technical .story { gap:8px; }
  .technical .story h1 { margin:8px 0 10px; }
  .technical .story-main>p { line-height:1.45; }
  .technical .services { margin:10px 0 12px; }
}

/* Texto e contatos do modelo 3 */
.story-main .intro { width:100%; max-width:none; }
.story-main .intro p { font-size:16px; line-height:1.55; margin:0 0 16px; opacity:.88; }
.story-main .intro p:last-child { margin-bottom:0; }
.services li { font-size:16px; font-weight:400; }
.contact h2 { font-size:18px; font-weight:400; }
.contact a, .contact-links strong { font-size:16px; font-weight:400; }
@media (min-width:721px) {
  .shell { height:auto; min-height:550px; grid-template-columns:1.35fr .65fr; }
  .story-main .intro, .services { max-width:100%; }
}

/* Botões de contato */
.whatsapp { font-size:18px; font-weight:400; }
.whatsapp-icon { width:23px; height:23px; flex:none; }
form button { font-size:17px; font-weight:400; min-height:48px; }