/* Robentra product edition: blue, mint and warm accents. */
:root {
  --ink: #13254d;
  --green: #2454d7;
  --accent: #52e2bc;
  --muted: #5d6c85;
  --paper: #fbfcff;
  --line: #e0e7f2;
  --orange: #c96930;
}
body { background: #fbfcff; }
.site-header { background: rgba(255,255,255,.97); border-color: #e4e9f2; }
.brand { color: #163274; }
.brand-dot { color: #10a891; }
.brand svg { stroke: #2658d8; }
.button { background: #2454d7; border-color: #2454d7; border-radius: 8px; }
.button:hover { background: #1742b3; }
.hero-shell {
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at 75% 45%, #2e67df 0, #1b45b1 34%, #132958 86%);
  color: #fff;
}
.hero-shell:before {
  content: '';
  position: absolute;
  width: 670px;
  height: 670px;
  right: -300px;
  top: -420px;
  border: 90px solid #6dbaff0d;
  border-radius: 50%;
}
.hero { min-height: 745px; gap: 0; }
.hero-copy { padding-top: 70px; padding-bottom: 72px; }
.hero .eyebrow { color: #bed8ff; font-size: 10px; letter-spacing: .17em; }
.hero .status-dot { background: #72e8be; box-shadow: 0 0 0 4px #72e8be15; }
.hero h1 { font-size: clamp(64px,6.2vw,87px); line-height: 1.04; margin-top: 28px; margin-bottom: 26px; font-weight: 650; letter-spacing: -.06em; }
.hero h1>span { color: #83efd0; }
.hero-lead { color: #fff; font-size: 20px; margin-bottom: 14px; }
.hero-description { color: #cedcf5; font-size: 14px; max-width: 405px; line-height: 1.9; }
.hero-actions { gap: 24px; margin-top: 29px; }
.hero-actions .button { background: #8aefca; color: #102f3c; border-color: #8aefca; padding: 17px 20px; box-shadow: 0 4px 20px #0f254c20; }
.hero-actions .button:hover { background: #b7ffe2; border-color: #b7ffe2; }
.hero-actions .text-link { color: #fff; }
.hero-benefits { display: flex; flex-wrap: wrap; gap: 10px 17px; margin-top: 27px; font-size: 10px; color: #bfdbf3; }
.hero-benefits span { display: flex; align-items: center; gap: 7px; }
.hero-benefits span:before { content: '✓'; color: #83efd0; font-size: 12px; }
.hero-visual { background: transparent; overflow: visible; }
.hero-visual>img { mix-blend-mode: normal; height: 710px; margin-top: 4px; transform: scale(1.06); object-fit: contain; filter: drop-shadow(0 26px 25px #06132b55); }
.visual-word { color: #82b9ff16; font-size: 78px; top: 70px; left: -7px; z-index: 0; }
.hero-orbit { inset: 169px -16px 100px; border-color: #afd3ff35; box-shadow: 0 0 0 50px #8ab6ff06, 0 0 0 100px #8ab6ff04; }
.hero-orbit:after { background: #6ce7c4; box-shadow: 0 0 0 7px #6ce7c417; }
.visual-tag { right: -25px; top: 288px; border: 1px solid #c5dafc; border-radius: 12px; padding: 13px 16px; gap: 10px; background: #f4f9ff; color: #1a3870; box-shadow: 0 8px 25px #06235b25; transform: rotate(2deg); }
.visual-tag strong { font-size: 11px; font-weight: 650; display: block; }
.visual-tag div>span { font-size: 9px; display: block; color: #6c7d96; margin-top: 2px; }
.wave-dot { width: 26px; height: 26px; border-radius: 8px; background: #d1f4e7; border: 1px solid #9fe1c9; position: relative; }
.wave-dot:before { content: ''; position: absolute; left: 6px; top: 10px; width: 3px; height: 6px; border-radius: 2px; background: #1e866b; box-shadow: 5px -3px 0 #1e866b, 10px 0 0 #1e866b; }
.hero-visual figcaption { color: #aac2e9; bottom: 24px; left: 22px; right: 5px; }
.capability-strip { background: #edf3ff; border-top: 0; border-bottom-color: #dbe5f7; }
.strip-grid { padding-top: 30px; padding-bottom: 30px; }
.strip-grid strong { color: #244fb9; font-size: 24px; font-weight: 650; }
.strip-grid>div { border-color: #cfdaee; }
.section-heading h2 { letter-spacing: -.05em; }
.eyebrow { color: #4668ae; }
.feature-grid { gap: 22px; }
.feature-grid article { border: 0; background: #e6f5ef; padding: 28px; border-radius: 14px; }
.feature-grid article:nth-child(2) { background: #e8edff; }
.feature-grid article:nth-child(3) { background: #fff1de; }
.feature-number { color: #526675; font-size: 9px; }
.feature-icon { stroke: #2454d7; margin-top: 27px; margin-bottom: 22px; }
.feature-grid h3 { font-size: 23px; }
.feature-grid p { color: #52647a; }
.feature-status { border: 0; background: #ffffffa3; color: #234d65; font-size: 8px; letter-spacing: .06em; padding: 7px 10px; }
.experience-section { background: #13254d; border: 0; color: #fff; position: relative; overflow: hidden; }
.experience-section:before { content: ''; position: absolute; width: 600px; height: 600px; border: 1px solid #7a9cd328; border-radius: 50%; left: -330px; bottom: -290px; box-shadow: 0 0 0 60px #7a9cd308; pointer-events: none; }
.experience-copy>.eyebrow { color: #90d8c9; }
.experience-copy>p:not(.eyebrow) { color: #bac8df; }
.scenario-tabs button { border-color: #3b4d6f; color: #bccbe3; border-radius: 6px; }
.scenario-tabs button:last-child { border-color: #3b4d6f; }
.scenario-tabs button[aria-selected=true] { background: #24466d; color: #8af1ce; }
.experience-stage { color: var(--ink); border-color: #7697be; background: #f6f9ff; box-shadow: 0 20px 45px #050d2440; }
.stage-header { border-color: #e0e8f3; }
.stage-label { color: #6680a6; }
.robot-avatar { background: none; width: 140px; height: auto; border-radius: 0; margin-bottom: 13px; }
.robot-avatar>img { width: 100%; height: auto; }
.chat-bubble.guest { background: #e3eaff; color: #294c91; }
.chat-bubble.robot { background: #2656ce; }
.stage-footer { border-color: #dce5f1; }
.stage-indicator { background: #20ac89; }
.scenario-caption { color: #c2cfe2; }
.mini-map svg { stroke: #bdcbe7; }
.mini-map .map-route { stroke: #3d73e8; }
.mini-map circle { fill: #36b49a; }
.use-grid article { background: #e5efff; border-radius: 14px; }
.use-grid article:nth-child(2) { background: #e5f5ee; }
.use-tag { color: #365f9f; }
.use-grid p { color: #526880; }
.architecture { border-color: #8baee1; opacity: .55; }
.architecture i { border-color: #98b8e1; }
.architecture.office i { background: #a3d3bf; border-color: #8dc4ad; }
.detail-visual { border-radius: 18px; background: radial-gradient(circle at 60% 35%, #e5fff6, #bfe8d9); }
.detail-visual img { mix-blend-mode: normal; transform: scale(1.02); object-fit: contain; width: 100%; }
.detail-visual figcaption { color: #3f7362; }
.design-list li { border-color: #dce5ef; }
.design-list span { color: #288c78; }
.branding-section { padding-top: 60px; }
.branding-panel { display: grid; grid-template-columns: 1fr 1.2fr; gap: 52px; align-items: center; padding: 42px; border: 1px solid #dce7f5; border-radius: 18px; background: linear-gradient(120deg, #edf3ff, #edf9f4); }
.branding-copy .eyebrow { margin-bottom: 16px; }
.branding-copy h2 { font-size: clamp(30px, 3vw, 40px); letter-spacing: -.05em; }
.branding-copy>p:not(.eyebrow) { max-width: 350px; margin: 20px 0; font-size: 13px; line-height: 1.85; color: #526880; }
.branding-copy .text-link { color: #2454d7; }
.branding-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.branding-option { min-width: 0; padding: 23px 20px; border: 1px solid #dce7f1; border-radius: 14px; background: #ffffffa6; }
.branding-option h3 { font-size: 19px; line-height: 1.3; margin: 22px 0 12px; }
.branding-option p { font-size: 12px; color: #526880; line-height: 1.8; }
.branding-logo { display: flex; align-items: center; justify-content: center; width: 108px; height: 53px; position: relative; border: 1px solid #acc2ef; border-radius: 8px; background: #eaf0ff; color: #2454d7; }
.branding-logo span { font-family: var(--heading); font-size: 12px; font-weight: 750; letter-spacing: .12em; }
.branding-logo i { position: absolute; right: -4px; bottom: -4px; width: 12px; height: 12px; border: 3px solid #f8fcff; border-radius: 50%; background: #52e2bc; }
.branding-palette { height: 53px; display: flex; align-items: center; padding-left: 3px; }
.branding-palette span { width: 43px; height: 43px; border: 3px solid #f9fcfd; border-radius: 50%; background: #2454d7; }
.branding-palette span+span { margin-left: -10px; background: #52e2bc; }
.branding-palette span:last-child { background: #173b72; }
.branding-note { grid-column: 1 / -1; font-size: 10px; line-height: 1.7; color: #64778f; }
.spec-note { background: #e9efff; border-radius: 12px; }
.spec-note .status-dot { background: #3268e4; }
.spec-note .text-link { color: #2454d7; }
.spec-list dd { color: #213f70; }
.faq-list summary>span { color: #3e74dc; }
.contact-section { background: linear-gradient(115deg,#1542a4,#2466db); border-radius: 16px; position: relative; overflow: hidden; }
.contact-section:after { content: ''; position: absolute; width: 370px; height: 370px; border: 60px solid #77deea13; border-radius: 50%; right: -220px; bottom: -200px; pointer-events: none; }
.contact-section .eyebrow { color: #b4e8e7; }
.contact-section p { color: #d2e3ff; }
.button-light { background: #8aefca; border-color: #8aefca; color: #153d4c; }
.button-light:hover { background: #bbffe6; }
.contact-links>a { border-color: #7cabee70; }
.contact-links>a>span { color: #b5d9f8; }
.contact-links a:hover strong { color: #98f4d3; }
.floating-whatsapp { background: #087c61; border-color: #71c8aa; box-shadow: 0 5px 24px #0b785328; }
.floating-whatsapp:hover { background: #04684f; }
.stage-greeting { color: #16376b; }
dialog { background: #fbfcff; }
input,select,textarea { border-color: #cad6e9; background: #fff; }
input:focus,select:focus,textarea:focus { border-color: #2454d7; box-shadow: 0 0 0 3px #2454d710; }
@media(min-width:1440px) {
  .hero { min-height: 795px; }
  .hero-visual>img { height: 760px; }
  .visual-tag { top: 320px; }
}
@media(max-width:1100px) {
  .hero { min-height: 710px; }
  .hero h1 { font-size: 71px; }
  .hero-visual>img { height: 685px; transform: scale(1.1); }
  .visual-tag { right: -8px; top: 278px; padding: 11px; }
  .hero-actions { gap: 16px; }
  .hero-actions .button { padding: 15px 16px; font-size: 12px; }
  .feature-grid article { padding: 23px; }
  .feature-grid h3 { font-size: 21px; }
  .branding-panel { padding: 32px; gap: 32px; }
  .branding-option { padding: 20px 16px; }
}
@media(max-width:850px) {
  .hero { min-height: 680px; }
  .hero h1 { font-size: 60px; }
  .hero-visual>img { height: 655px; transform: scale(1.28); }
  .hero-description { font-size: 13px; }
  .hero-lead { font-size: 17px; }
  .visual-word { font-size: 51px; top: 92px; left: -8px; }
  .visual-tag { top: 260px; right: -4px; padding: 9px; }
  .visual-tag strong { font-size: 9px; }
  .visual-tag div>span { font-size: 8px; }
  .hero-benefits { max-width: 280px; gap: 8px 12px; font-size: 9px; }
  .hero-visual figcaption { bottom: 20px; left: 0; }
  .feature-grid { gap: 14px; }
  .feature-grid article { padding: 20px; }
  .feature-grid h3 { font-size: 19px; }
  .feature-status { padding: 6px 8px; font-size: 7px; }
  .branding-panel { grid-template-columns: 1fr; gap: 28px; }
  .branding-copy>p:not(.eyebrow) { max-width: 480px; }
  .branding-option { padding: 23px; }
}
@media(max-width:600px) {
  .hero { min-height: 0; }
  .hero-copy { padding: 42px 0 12px; }
  .hero .eyebrow { font-size: 9px; }
  .hero h1 { font-size: clamp(50px,15vw,68px); line-height: 1.04; margin-top: 25px; margin-bottom: 24px; }
  .hero-lead { font-size: 18px; }
  .hero-description { font-size: 14px; }
  .hero-actions { flex-direction: row; flex-wrap: wrap; gap: 18px; margin-top: 25px; }
  .hero-actions .button { padding: 15px 15px; font-size: 11px; gap: 13px; }
  .hero-benefits { max-width: none; margin-top: 23px; gap: 9px 12px; font-size: 9px; }
  .hero-visual { min-height: 440px; height: 440px; margin-top: 0; }
  .hero-visual>img { height: 440px; margin: 0; transform: scale(1.05); }
  .visual-word { top: 25px; left: 0; font-size: 53px; }
  .hero-orbit { inset: 100px 8px 65px; }
  .visual-tag { right: 0; top: 175px; padding: 10px; }
  .visual-tag strong { font-size: 9px; }
  .visual-tag div>span { font-size: 8px; }
  .hero-visual figcaption { flex-direction: row; left: 0; right: 0; bottom: 15px; font-size: 8px; }
  .strip-grid strong { font-size: 22px; }
  .feature-grid { gap: 18px; }
  .feature-grid article { padding: 27px; }
  .feature-icon { position: static; margin: 24px 0 19px; width: 39px; height: 39px; }
  .feature-grid h3 { margin-top: 0; font-size: 24px; }
  .feature-status { font-size: 9px; padding: 7px 10px; }
  .detail-visual img { aspect-ratio: 1.1; }
  .branding-section { padding-top: 42px; }
  .branding-panel { padding: 27px 23px; border-radius: 14px; }
  .branding-copy h2 { font-size: 34px; }
  .branding-copy>p:not(.eyebrow) { font-size: 14px; }
  .branding-copy .text-link { font-size: 12px; }
  .branding-options { grid-template-columns: 1fr; gap: 14px; }
  .branding-option { padding: 22px; }
  .branding-option h3 { font-size: 21px; margin-top: 19px; }
  .branding-option p { font-size: 13px; }
  .branding-note { font-size: 10px; }
  .contact-section { border-radius: 14px; }
}