.hernio-shell{--h-blue:#123b55;--h-teal:#438a8b;--h-gold:#c4a368;--h-ice:#eef9ff;--h-line:#dce7e8;color:#243f4c;font-family:"Avenir Next",Avenir,Arial,sans-serif}.hernio-shell .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hernio-card{border:1px solid var(--h-line);border-radius:22px;background:linear-gradient(145deg,#fff,#f4fbff);box-shadow:0 24px 60px #123b5520;overflow:hidden}
.hernio-hero{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:26px;align-items:center;padding:clamp(22px,4vw,44px);background:radial-gradient(circle at 10% 10%,#dff4ff,transparent 34%),linear-gradient(135deg,#f9fdff,#eef8ff)}
.hernio-bot-wrap{position:relative;isolation:isolate}.hernio-bot{width:100%;height:auto;border-radius:22px;animation:hernioFloat 5s ease-in-out infinite;filter:drop-shadow(0 18px 24px #123b5530)}.hernio-bot-wrap:before,.hernio-bot-wrap:after{content:"";position:absolute;inset:12%;z-index:-1;border-radius:50%;background:#58b6ff26;animation:hernioPulse 3s ease-in-out infinite}.hernio-bot-wrap:after{animation-delay:1.2s}
.hernio-kicker{color:#126879;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hernio-hero h1{margin:.15em 0;color:var(--h-blue);font-size:clamp(2.3rem,6vw,4.6rem);line-height:1}.hernio-hero p{font-size:1.08rem}
.hernio-disclaimer{padding:14px 18px;border-top:1px solid var(--h-line);background:#fff8e8;color:#3f3a2a;font-weight:700}.hernio-chat{display:grid;grid-template-rows:auto 1fr auto;min-height:560px;background:#fff}.hernio-status{display:flex;gap:10px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--h-line);background:#fbfdfe}.hernio-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e1f5ff;color:#126879;font-weight:900;box-shadow:inset 0 0 0 2px #b5e6ff}.hernio-dot{width:9px;height:9px;border-radius:50%;background:#3abd76;box-shadow:0 0 0 5px #3abd7622}.hernio-log{display:flex;flex-direction:column;gap:12px;max-height:520px;min-height:330px;overflow:auto;padding:18px;background:linear-gradient(#fbfdff,#f6fafb)}.hernio-msg{max-width:84%;padding:13px 15px;border-radius:16px;background:#eef5f6}.hernio-msg.user{align-self:flex-end;color:#fff;background:var(--h-teal)}.hernio-msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--h-line)}.hernio-msg small{display:block;margin-top:8px;color:#5a7180}.hernio-starters{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}.hernio-chip{padding:8px 12px;border:1px solid #c8e0e4;border-radius:999px;background:#fff;color:var(--h-blue);font-weight:800;cursor:pointer}.hernio-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--h-line);background:#fff}.hernio-input{min-height:48px;border:1px solid #b8ccd0;border-radius:10px;padding:12px;font:inherit}.hernio-send{min-height:48px;border:0;border-radius:10px;padding:0 18px;color:#fff;background:var(--h-teal);font-weight:900;cursor:pointer}.hernio-fab{position:fixed;right:18px;bottom:18px;z-index:950;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 16px;border:0;border-radius:999px;color:#fff;background:var(--h-blue);box-shadow:0 12px 32px #0003;font-weight:900;cursor:pointer}.hernio-fab img{width:38px;height:38px;border-radius:50%;object-fit:cover}.hernio-panel{position:fixed;right:18px;bottom:88px;z-index:950;display:none;width:min(430px,calc(100vw - 28px));max-height:78vh}.hernio-panel.open{display:block}.hernio-panel .hernio-chat{min-height:480px}.hernio-panel .hernio-log{max-height:340px}.hernio-close{margin-left:auto;border:0;background:transparent;color:var(--h-blue);font-size:1.4rem;cursor:pointer}@keyframes hernioFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-12px) rotate(.6deg)}}@keyframes hernioPulse{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.06);opacity:.72}}@media(max-width:820px){.hernio-hero{grid-template-columns:1fr}.hernio-form{grid-template-columns:1fr}.hernio-send{width:100%}.hernio-panel{right:10px;bottom:78px}.hernio-fab{right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.hernio-bot,.hernio-bot-wrap:before,.hernio-bot-wrap:after{animation:none}}