/* LUMI — chat contextual / interactive 2.5D showcase. */
.context-section{padding:110px 0 115px;overflow:hidden;background:radial-gradient(ellipse 58% 60% at 79% 48%,#fff1f6 0%,#fff 85%);border-top:1px solid #e7eaf1}
.context-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:center;gap:25px;max-width:1570px}
.context-copy{position:relative;z-index:4;align-self:center;padding-bottom:20px}
.context-eyebrow{display:inline-flex;align-items:center;gap:11px;color:#101d3b;font-weight:850;letter-spacing:.025em;font-size:14px}
.context-eyebrow span{font-size:27px;color:#ff2862}
.context-copy h2{max-width:560px;font-size:clamp(45px,4.2vw,75px);line-height:1.015;letter-spacing:-.075em;margin:24px 0 22px;font-weight:900}
.context-copy h2 em{font-style:normal;color:#f72b60}
.context-copy>p{max-width:450px;font-size:clamp(19px,1.5vw,23px);line-height:1.5;letter-spacing:-.035em;color:#52688c;margin:0 0 31px}
.context-cta{min-height:64px;font-size:20px;padding:0 24px;box-shadow:5px 6px 0 #07183a}
.context-cta:hover{box-shadow:7px 9px 0 #07183a}
.context-trial-label{display:block;font-size:12px;color:#6c7e96;font-weight:600;margin-top:19px}
.context-scene{height:690px;min-width:0;position:relative;perspective:1250px;isolation:isolate}
.context-glow{position:absolute;width:94%;height:83%;top:7%;left:4%;z-index:-1;background:linear-gradient(125deg,#ffd4e5 7%,#ff9fc2 55%,#ffe5ed);opacity:.62;transform:rotate(-14deg);border-radius:40% 60% 49% 42%;clip-path:polygon(0 20%,45% 0,90% 9%,100% 62%,77% 100%,15% 87%);filter:drop-shadow(0 24px 18px #faacc654)}
.context-document{position:absolute;top:43px;left:0;width:68%;height:562px;border:2.5px solid #0e2644;border-radius:19px;background:#fff;transform:rotate(-5deg) rotateY(-5deg);box-shadow:10px 13px 0 #153653,18px 27px 25px #15365321;overflow:hidden;z-index:1;transition:transform .3s ease}
.context-document:hover{transform:rotate(-3deg) rotateY(0deg)}
.context-windowbar{height:48px;border-bottom:2px solid #142b43;background:#f2f7fa;display:flex;align-items:center;gap:14px;padding:0 15px;font-size:12px;font-weight:800;color:#31465f}
.context-windowdots{display:flex;gap:5px}.context-windowdots i{height:9px;width:9px;border-radius:50%;border:1px solid #132844;background:#ff708c}.context-windowdots i:nth-child(2){background:#ffca55}.context-windowdots i:nth-child(3){background:#48c5a5}
.context-windowbar svg{margin-left:auto;width:19px;height:19px;color:#0a8e80}
.context-paper{padding:24px 28px 25px}.context-paper-number{display:block;font-size:10px;font-weight:850;letter-spacing:.11em;color:#08776e}
.context-paper h3{font-weight:850;letter-spacing:-.055em;font-size:clamp(19px,2vw,27px);line-height:1.16;margin:12px 0 16px;color:#091938}
.context-paper p{font-size:clamp(12px,1.01vw,15px);line-height:1.66;color:#49617b;margin:0 0 12px}
.context-excerpt{display:inline;border:0;border-bottom:2px solid #0ca48b;background:#e4f8f3;color:#094d4c;padding:2px 3px;margin:0;border-radius:3px;font-size:inherit;font-weight:760;line-height:inherit;text-align:left;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .2s,color .2s}
.context-excerpt:hover,.context-excerpt.is-active{background:#ffe18c;color:#122340;border-bottom-color:#ff2760}
.context-excerpt:focus-visible{outline:3px solid #f72b60;outline-offset:2px}
.context-graph{background:#f7fbfc;border:1.5px solid #d6e5ed;border-radius:11px;padding:12px 14px 3px;margin-top:19px}
.context-graph-label{display:flex;justify-content:space-between;color:#536b83;font-size:10px;font-weight:800;gap:6px}
.context-graph svg{width:100%;height:auto;margin-top:2px;display:block;stroke-width:1}
.context-document-hint{display:flex;align-items:center;gap:8px;font-weight:750;color:#008b74;font-size:11px;margin-top:13px}
.context-document-hint svg{width:16px;height:16px}
.context-sticky{position:absolute;top:22px;right:9%;width:240px;min-height:114px;z-index:5;padding:22px 19px 17px;background:#ffda5b;border:2px solid #192638;border-radius:5px;box-shadow:6px 7px 0 #182a41;transform:rotate(6deg);pointer-events:none}
.context-sticky-pin{position:absolute;width:48px;height:13px;background:#fff9de9c;border:1px solid #f1bc44;top:-8px;left:calc(50% - 24px);transform:rotate(-4deg)}
.context-sticky-label{display:block;font-size:10px;letter-spacing:.08em;font-weight:900;color:#3e3440}
.context-sticky p{font-size:15px;line-height:1.25;font-weight:850;letter-spacing:-.03em;margin:9px 0 0;color:#0c1b3c}
.context-sticky-arrow{position:absolute;bottom:-31px;left:29px;font-size:35px;color:#f52762}
.context-chat{position:absolute;z-index:3;width:52%;right:0;top:185px;border:2.5px solid #112c49;border-radius:18px;overflow:hidden;background:#fff;box-shadow:10px 11px 0 #0b3457,18px 23px 26px #0c25432e;transform:rotate(2.5deg) rotateY(-4deg);transition:transform .3s ease}
.context-chat:hover{transform:rotate(1deg) rotateY(0)}
.context-chat-head{display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #d9e3ec;padding:17px 17px}
.context-chat-symbol{color:#f52c61;font-size:27px;line-height:1}
.context-chat-head strong{font-size:15px;display:block}.context-chat-head small{font-size:11px;color:#55728d;display:block;margin-top:2px}
.context-chat-live{margin-left:auto;font-size:9px;color:#008d78;background:#e4faf1;padding:5px 7px;border:1px solid #bde9db;border-radius:4px;font-weight:850;white-space:nowrap}
.context-chat-body{padding:20px 20px 12px;min-height:297px;background:#fcfdff}
.context-source{display:flex;gap:8px;align-items:center;background:#eaf3f9;border:1px solid #cde0ec;padding:9px;border-radius:9px;font-size:11px;font-weight:750;color:#304b6c}
.context-source svg{color:#0c8c78;width:17px;height:17px}.context-source-indicator{margin-left:auto;background:#04a17d;border-radius:50%;width:8px;height:8px}
.context-chat-caption{display:block;color:#8190a5;font-size:10px;font-weight:850;letter-spacing:.095em;margin:16px 0 7px}
.context-question{background:#fff;border:1.4px solid #d9e5f0;border-radius:10px;padding:13px 14px;font-weight:800;font-size:15px;color:#142744;line-height:1.35}
.context-answer{border-left:3px solid #f52b63;margin-top:15px;padding:11px 12px 9px;background:#fff2f6;border-radius:0 10px 10px 0;transition:opacity .2s,transform .2s}
.context-answer[hidden]{display:none}.context-answer-title{display:flex;gap:6px;align-items:center;font-size:12px;color:#152b4a}.context-answer-title span{color:#f52b63;font-size:19px}
.context-answer p{font-size:12px;line-height:1.55;color:#425674;margin:8px 0 9px}
.context-answer-source{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:750;color:#0d8b75}.context-answer-source svg{width:14px;height:14px}
.context-chat-footer{padding:15px 18px 16px;border-top:1px solid #e1e7ee;background:#fff}
.context-ask{min-height:43px;width:100%;padding:0 12px;background:#008e75;color:#fff;border:2px solid #092a41;box-shadow:3px 4px 0 #092a41;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}
.context-ask:hover{transform:translateY(-2px);box-shadow:4px 6px 0 #092a41}.context-ask svg{width:16px;height:16px}.context-chat-footer small{display:block;color:#79899e;text-align:center;margin-top:11px;font-size:10px}
/* Strong, consistent hierarchy for outlined header actions and language switcher. */
.header-login,.btn-outline{border:2.5px solid #071938;box-shadow:4px 5px 0 #071938;background:#fff}
.header-login:hover,.btn-outline:hover{box-shadow:5px 7px 0 #071938;background:#f4f7fa}
.language-toggle{height:47px;min-width:132px;padding:0 9px;border:2.5px solid #071938;border-radius:10px;background:#fff;box-shadow:4px 5px 0 #071938;gap:8px}
.language-toggle:hover{background:#fff;box-shadow:5px 7px 0 #071938}
.language-toggle:active{box-shadow:2px 2px 0 #071938}
.language-options{gap:2px;display:flex;align-items:center;font-weight:900;font-size:12px}
.language-pt,.language-en{border-radius:5px;padding:7px 6px;transition:color .2s,background .2s}
.language-separator{display:none}
.language-toggle[data-current-lang=pt] .language-pt,.language-toggle[data-current-lang=en] .language-en{background:#0c2040;color:#fff}
.language-toggle[data-current-lang=pt] .language-en,.language-toggle[data-current-lang=en] .language-pt{background:transparent;color:#526583}
.menu-toggle{border:2px solid #0b2341;box-shadow:3px 4px 0 #0b2341}
.desktop-nav a{position:relative;font-weight:650}.desktop-nav a::after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:3px;background:#f52b62;transition:width .2s}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{width:100%}
@media(max-width:1300px){.context-section{padding:85px 0}.context-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.context-scene{height:650px}.context-document{width:70%}.context-chat{width:55%;top:176px}.context-sticky{width:207px;right:4%}.context-paper{padding:22px 19px}.context-paper h3{font-size:21px}.context-paper p{font-size:13px}.context-copy h2{font-size:clamp(43px,4.8vw,65px)}}
@media(max-width:1080px){.context-layout{display:block}.context-copy{max-width:660px;margin:0 auto 36px;text-align:center}.context-copy h2,.context-copy>p{max-width:none}.context-scene{max-width:800px;margin:0 auto;height:670px}.context-document{width:67%}.context-chat{width:49%;top:180px}.context-sticky{right:8%}}
@media(max-width:650px){.context-section{padding:66px 0 85px}.context-layout{padding:0 21px}.context-copy{margin:0 auto 30px}.context-copy h2{font-size:clamp(40px,10vw,59px);margin:15px 0 15px}.context-copy>p{font-size:17px;line-height:1.52;margin:0 0 24px}.context-cta{min-height:56px;font-size:17px}.context-trial-label{font-size:11px;margin-top:17px}.context-scene{height:auto;display:flex;flex-direction:column;perspective:none;gap:0}.context-glow{height:55%;top:5%;left:1%}.context-document,.context-chat,.context-sticky{position:relative;top:auto;right:auto;left:auto;width:100%;transform:none}.context-document{height:auto;min-height:0;border-radius:14px;box-shadow:6px 8px 0 #163552;overflow:hidden;order:1}.context-document:hover{transform:none}.context-windowbar{height:39px}.context-paper{padding:20px 18px}.context-paper h3{font-size:20px;margin:12px 0}.context-paper p{font-size:13px}.context-document-hint{font-size:10px}.context-sticky{width:82%;max-width:290px;min-height:75px;margin:-10px 6% 26px auto;order:2;z-index:3;transform:rotate(2deg);padding:14px 16px;box-shadow:4px 5px 0 #182a41}.context-sticky p{font-size:13px}.context-sticky-arrow{display:none}.context-chat{order:3;box-shadow:6px 8px 0 #0b3457;border-radius:14px}.context-chat:hover{transform:none}.context-chat-head{padding:13px 14px}.context-chat-body{min-height:0;padding:17px}.context-chat-footer{padding:12px 16px 18px}.context-chat-live{font-size:8px}.language-toggle{height:41px;min-width:104px;padding:0 5px;gap:5px}.language-options{font-size:11px}.language-pt,.language-en{padding:6px 4px}.language-globe{width:15px;height:15px}}
@media(max-width:390px){.context-section{padding:55px 0}.context-layout{padding:0 14px}.context-copy h2{font-size:39px}.context-chat-head{gap:7px}.context-chat-live{padding:5px 4px;font-size:7px}.context-sticky{width:88%}.language-toggle{min-width:92px;gap:3px;padding:0 4px}.language-pt,.language-en{padding:5px 3px}}
@media(prefers-reduced-motion:reduce){.context-document,.context-chat,.context-ask,.context-excerpt,.language-toggle,.language-pt,.language-en{transition:none}}

/* Product-accurate showcase: the material and its contextual chat can be read simultaneously. */
@media(min-width:901px){
  .context-section{padding:102px 0 116px;background:radial-gradient(ellipse 68% 58% at 51% 72%,#fff0f6 0%,#fff 85%)}
  .context-layout{display:flex;flex-direction:column;gap:52px;max-width:1480px}
  .context-copy{max-width:860px;margin:auto;padding:0;text-align:center}
  .context-copy h2{max-width:none;font-size:clamp(48px,5vw,75px);margin:18px 0 17px}
  .context-copy>p{max-width:730px;margin:0 auto 25px;font-size:clamp(18px,1.65vw,23px)}
  .context-trial-label{margin-top:17px}
  .context-scene{width:100%;max-width:1240px;height:auto;min-width:0;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);grid-template-areas:"material chat" "note chat";gap:21px 33px;align-items:start;perspective:none}
  .context-glow{width:101%;height:75%;top:13%;left:-1%;z-index:-1}
  .context-document{grid-area:material;position:relative;top:auto;left:auto;right:auto;width:100%;height:auto;min-height:554px;transform:none;box-shadow:9px 11px 0 #153653,18px 27px 26px #1536531b;overflow:hidden}
  .context-document:hover{transform:translateY(-3px)}
  .context-paper{padding:24px 28px 22px}
  .context-paper h3{font-size:clamp(21px,2.2vw,27px)}
  .context-paper p{font-size:clamp(13px,1.13vw,15px)}
  .context-sticky{grid-area:note;position:relative;top:auto;right:auto;left:auto;justify-self:end;width:min(330px,83%);min-height:92px;margin:-2px 30px 0 0;padding:16px 22px;transform:rotate(-2deg);box-shadow:5px 6px 0 #182a41}
  .context-sticky-arrow{bottom:15px;left:-32px;transform:rotate(70deg)}
  .context-chat{grid-area:chat;position:relative;top:auto;left:auto;right:auto;width:100%;height:100%;min-height:554px;transform:none;box-shadow:9px 11px 0 #0b3457,18px 27px 26px #0c254323;display:flex;flex-direction:column}
  .context-chat:hover{transform:translateY(-3px)}
  .context-chat-body{flex:1;min-height:0;padding:24px 23px 18px}
  .context-chat-head{padding:19px 22px}
  .context-question{font-size:16px;padding:17px}
  .context-answer{padding:17px 16px 13px;margin-top:21px}
  .context-answer p{font-size:14px;line-height:1.65}
  .context-chat-footer{padding:19px 22px 22px}
  .context-ask{min-height:50px;font-size:14px}
}
@media(min-width:901px) and (max-width:1100px){
  .context-layout{gap:39px}
  .context-scene{gap:19px;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}
  .context-document,.context-chat{min-height:530px}
  .context-paper{padding:17px}
  .context-chat-body{padding:18px 15px}
  .context-chat-footer{padding:14px}
  .context-chat-live{font-size:8px}
  .context-sticky{margin-right:8px}
}
@media(max-width:900px){
  .context-section{padding:76px 0 89px}
  .context-layout{display:block}
  .context-copy{max-width:660px;margin:0 auto 35px;text-align:center}
  .context-copy h2,.context-copy>p{max-width:none}
  .context-scene{display:flex;flex-direction:column;gap:0;height:auto;max-width:640px;margin:0 auto;perspective:none}
  .context-document,.context-chat,.context-sticky{position:relative;top:auto;left:auto;right:auto;width:100%;height:auto;transform:none}
  .context-document{order:1;min-height:0;box-shadow:7px 8px 0 #153653}
  .context-document:hover,.context-chat:hover{transform:none}
  .context-sticky{order:2;width:70%;min-height:80px;max-width:340px;margin:-8px 17px 28px auto;padding:14px 18px;transform:rotate(2deg)}
  .context-sticky-arrow{display:none}
  .context-chat{order:3;min-height:0;box-shadow:7px 8px 0 #0b3457}
}