/* Shared KALO identity. Decorative only: no authorization or product-state rules. */
:root{--kalo-ink:#06121e;--kalo-panel:#0d2231;--kalo-gold:#dfbb7b;--kalo-gold-light:#f7dfad;--kalo-line:#c8a46b40;--kalo-text:#f4eee3;--kalo-muted:#b8c5cc;--kalo-nav-height:84px}
html{scroll-padding-top:100px;scroll-padding-bottom:110px}
body.kalo-branded{background-color:var(--kalo-ink);background-image:radial-gradient(ellipse at 95% 0,#1a3b4d70,transparent 650px);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.kalo-branded [hidden]{display:none!important}
.kalo-branded :focus-visible{outline:2px solid var(--kalo-gold-light);outline-offset:4px}
.kalo-branded :where(.logo,.mark,.brand){font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--kalo-gold-light);letter-spacing:.17em;line-height:1.2}
.kalo-branded :where(.logo,.mark,.brand)::before{content:'';display:inline-block;vertical-align:-.13em;width:.9em;height:.9em;margin-right:.35em;background:url('/assets/brand/amino-mark.svg') center/contain no-repeat}
.kalo-branded :where(.logocap,.caption,.submark,.subtitle){letter-spacing:.15em;color:#c8b68f}
.kalo-branded :where(.bar,.head){border-bottom-color:var(--kalo-line)}
.kalo-branded .head{position:relative;padding-block:20px 24px;margin-bottom:26px;gap:16px;flex-wrap:wrap;background:url('/assets/brand/amino-field.svg') right center/auto 190px no-repeat}
.kalo-branded :where(.hero,.pagehead){background-color:#081925;background-image:url('/assets/brand/amino-field.svg'),radial-gradient(ellipse at 82% 10%,#24425080,transparent 65%);background-size:620px auto,auto;background-position:right top,center;background-repeat:no-repeat;border-bottom:1px solid var(--kalo-line)}
.kalo-branded .hero-copy{position:relative;z-index:2}
.kalo-branded :where(.hero h1,.pagehead h1){color:var(--kalo-gold-light);text-wrap:balance;font-weight:400;letter-spacing:-.035em}
.kalo-branded .pagehead{padding-top:64px;padding-bottom:50px}
.kalo-branded :where(.band,.strip){background-image:url('/assets/brand/amino-field.svg');background-position:right center;background-size:auto 360px;background-repeat:no-repeat;border-block:1px solid var(--kalo-line)}
.kalo-branded :where(.btn:not(.outline),.goldbtn){background:linear-gradient(120deg,#f1d49d,#d0a15c);border-color:#e8c68b;color:#091824;box-shadow:inset 0 1px 0 #fff5;font-weight:700;border-radius:3px}
.kalo-branded :where(.btn.outline,.outlinebtn,.navbutton){border-color:#d8b47799;border-radius:3px}
.kalo-branded :where(.tile,.dark-panel,.ref-panel,.formcard,.pane,.login,.ops-card){border-color:var(--kalo-line);box-shadow:0 10px 34px #00000014}
.kalo-branded :where(.tile,.product,.familycard,.kalo-clinical-tile){transition:border-color .2s,box-shadow .2s}
.kalo-branded :where(.tile,.product,.familycard,.kalo-clinical-tile):hover{border-color:#d6b27690;box-shadow:0 12px 38px #00000024}
.kalo-branded :where(.foot,.footer){border-top-color:var(--kalo-line)}
.kalo-branded :where(.chat-panel,.chatbox){z-index:60;border-color:#c8a46b;background:linear-gradient(145deg,#142d3d,#091c29);border-radius:10px;box-shadow:0 24px 90px #000b}
.kalo-branded :where(.chat-launch,.chatlaunch){background:linear-gradient(120deg,#f1d49d,#d0a15c);color:#091824;border:1px solid #e3c28a;box-shadow:0 10px 35px #0007}
.kalo-branded[data-kalo-surface="workspace"]{color:var(--kalo-text)}
.kalo-branded[data-kalo-surface="workspace"] :where(.login,.pane,.tile){background:linear-gradient(140deg,#142b3b,#0d202e)}
.kalo-branded[data-kalo-surface="workspace"] :where(h1,h2){color:var(--kalo-gold-light);font-family:Georgia,serif;font-weight:400}
.kalo-branded[data-kalo-surface="workspace"] .login{border-top:2px solid #ddba7b;background-image:url('/assets/brand/amino-field.svg'),linear-gradient(140deg,#142b3b,#0d202e);background-size:360px auto,auto;background-repeat:no-repeat;background-position:right top,center}
.kalo-branded[data-kalo-surface="workspace"] .tabs{border-bottom-color:var(--kalo-line)}
.kalo-branded[data-kalo-surface="workspace"] .tabs button.active{background:linear-gradient(120deg,#efd19b,#d0a15c);color:#091824}
.kalo-branded[data-kalo-surface="skin"]{background:#f4eee3;color:#172839}
.kalo-branded[data-kalo-surface="skin"] :where(.product,.familycard,.info){background:#fffdf9;border-color:#b8976340}
.kalo-branded[data-kalo-surface="skin"] :where(.detail h1,.intro h2,.catalog-section h2){color:#122b3a}
.kalo-branded[data-kalo-surface="skin"] .product-media{background:#e9e1d3}
.kalo-branded[data-kalo-surface="skin"] :where(.product-media img,.detailimage){object-fit:contain}
.kalo-branded .kalo-bottom-nav{display:none}
.kalo-branded .kalo-skip-link,.kalo-brand-skip{position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:100;background:#f1d49d;color:#071522;padding:10px 14px;border-radius:3px}
.kalo-branded .kalo-skip-link:focus,.kalo-brand-skip:focus{transform:translateY(0)}
.kalo-portal-link{color:var(--kalo-gold)!important;white-space:nowrap}
@media(max-width:900px){
 .kalo-branded{padding-bottom:calc(var(--kalo-nav-height) + env(safe-area-inset-bottom,0px))!important}
 .kalo-branded .kalo-bottom-nav{position:fixed;display:block;z-index:45;bottom:0;left:0;right:0;background:#081824f5;color:#f6e9d4;border-top:1px solid #b890565c;box-shadow:0 -8px 36px #0005;backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom,0px)}
 .kalo-branded .kalo-bottom-nav-scroll{display:flex;align-items:stretch;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:7px 10px 9px;scroll-snap-type:x proximity}
 .kalo-branded .kalo-bottom-nav-scroll::-webkit-scrollbar{display:none}
 .kalo-branded .kalo-bottom-nav a{flex:0 0 64px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:8px;text-decoration:none!important;color:#c4c8c9!important;font:600 10px/1.2 Arial,sans-serif!important;letter-spacing:0!important;scroll-snap-align:start;text-align:center;white-space:nowrap;background:transparent!important;box-shadow:none!important;padding:5px 4px!important}
 .kalo-branded .kalo-bottom-nav a svg{width:21px;height:21px;flex:0 0 21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .kalo-branded .kalo-bottom-nav a[aria-current]{color:#f4d29b!important;background:#c4995020!important;border-color:#c4a06c50}
 .kalo-branded .kalo-bottom-hint{position:absolute;top:0;right:0;width:18px;height:70px;pointer-events:none;background:linear-gradient(90deg,transparent,#081824)}
 .kalo-branded :where(.chat-launch,.chatlaunch){bottom:calc(98px + env(safe-area-inset-bottom,0px))!important}
 .kalo-branded :where(.chat-panel,.chatbox){bottom:calc(95px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 180px);right:12px;left:auto;width:calc(100% - 24px);max-width:455px}
 .kalo-branded .head{padding-top:12px;background-size:auto 140px}
 .kalo-branded .hero{background-size:420px auto,auto}
 .kalo-branded .pagehead{padding-block:42px 34px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.kalo-branded *{transition:none!important;animation:none!important}}
/* Keep the expanded navigation balanced at desktop and intermediate widths. */
.kalo-branded .barin.shell{width:min(1440px,94%)}
.kalo-branded .barin>a:first-child{flex-shrink:0}
.kalo-branded .navlinks{gap:12px;justify-content:flex-end}
.kalo-branded .hero-media{display:grid;align-items:center}
@media(min-width:901px) and (max-width:1200px){
 .kalo-branded #navlinks{display:none;position:absolute;top:82px;left:0;right:0;max-height:70dvh;overflow:auto;background:#071522;border-bottom:1px solid var(--kalo-line);padding:20px 5%;flex-direction:column;align-items:flex-start;justify-content:flex-start}
 .kalo-branded #navlinks.open{display:flex}
 .kalo-branded .nav-toggle{display:block}
}
@media(max-width:900px){.kalo-branded .navlinks{justify-content:flex-start}}
