/* INFOKOM-WEB-FINAL-3P-P3-RELEASE — NextStep site system (homepage A Executive + Dark + layer) */

/* ============ Preview V5 homepage — tokens ============ */
.v5{
  --v5-accent:#95000A;--v5-accent-h:#7E0008;--v5-accent-d:#690006;--v5-accent-soft:#FBEDEE;--v5-accent-line:#EBCBCD;
  --v5-signal:#E0303C;--v5-fill-dk:#B3000D;--v5-btn:#95000A;--v5-btn-h:#7E0008;--v5-cta:#95000A;--v5-cta-d:#7E0008;
  --v5-bg:#FFFFFF;--v5-bg2:#F4F5F6;--v5-bg3:#ECEEF0;--v5-card:#FFFFFF;--v5-ink:#1F2022;--v5-muted:#61656A;--v5-line:#E1E3E6;--v5-line2:#C9CDD2;--v5-dark:#1D1F21;--v5-dark2:#282A2D;
  --v5-ink2:color-mix(in srgb,var(--v5-ink) 84%,var(--v5-bg));
  --v5-on-dark:#F2F3F4;--v5-on-dark-2:rgba(242,243,244,.78);--v5-dark-line:rgba(255,255,255,.1);
  --v5-plate:transparent;--v5-shadow:0 1px 2px rgba(20,22,26,.05),0 12px 32px -12px rgba(20,22,26,.14);
  /* art-direction knobs (overridden per option below) */
  --v5-r-lg:6px;--v5-r-md:4px;--v5-r-sm:3px;--v5-r-btn:4px;--v5-r-chip:4px;
  --v5-h-weight:800;--v5-h-track:-.022em;
  --v5-e:cubic-bezier(.16,.8,.24,1);--v5-wrap:1240px;--v5-gut:clamp(16px,4vw,40px);
  background:var(--v5-bg);color:var(--v5-ink);counter-reset:v5sec;
}
html[data-ikv5-neutral="a"] .v5{--v5-bg:#FFFFFF;--v5-bg2:#F4F5F6;--v5-bg3:#ECEEF0;--v5-card:#FFFFFF;--v5-ink:#1F2022;--v5-muted:#61656A;--v5-line:#E1E3E6;--v5-line2:#C9CDD2;--v5-dark:#1D1F21;--v5-dark2:#282A2D;}
html[data-ikv5-neutral="b"] .v5{--v5-bg:#FBF8F4;--v5-bg2:#F1EBE5;--v5-bg3:#E8E0D8;--v5-card:#FFFDFA;--v5-ink:#241F20;--v5-muted:#6A615E;--v5-line:#E4DBD2;--v5-line2:#D2C6BA;--v5-dark:#211C1D;--v5-dark2:#2E2828;}
html[data-ikv5-neutral="c"] .v5{--v5-bg:#F6F7F9;--v5-bg2:#E8EBEF;--v5-bg3:#DDE1E6;--v5-card:#FFFFFF;--v5-ink:#1E2228;--v5-muted:#5E6570;--v5-line:#D6DBE1;--v5-line2:#BCC3CC;--v5-dark:#1B2026;--v5-dark2:#252B32;}
/* The option also paints the site header on this page, so B and C are judged
   without a white seam (A is white, i.e. the live header unchanged). Light themes only. */
html[data-ikv5-neutral="a"]:not([data-ikv5-theme="dark"]):has(.v5) header#top,html[data-ikv5-neutral="a"]:not([data-ikv5-theme="dark"]):has(.v5) header#top .navbar{background-color:#FFFFFF !important}
html[data-ikv5-neutral="b"]:not([data-ikv5-theme="dark"]):has(.v5) header#top,html[data-ikv5-neutral="b"]:not([data-ikv5-theme="dark"]):has(.v5) header#top .navbar{background-color:#FBF8F4 !important}
html[data-ikv5-neutral="c"]:not([data-ikv5-theme="dark"]):has(.v5) header#top,html[data-ikv5-neutral="c"]:not([data-ikv5-theme="dark"]):has(.v5) header#top .navbar{background-color:#F6F7F9 !important}
/* Dark = the site's EXISTING dark palette (live .ik-prev[data-ik-theme=dark]). */
html.ik-preview-dark .v5,html[data-ikv5-theme="dark"] .v5{--v5-bg:#0D0E0F;--v5-bg2:#121213;--v5-bg3:#18191A;--v5-card:#18191A;--v5-ink:#FBEEEF;--v5-muted:#B3B5B9;--v5-line:rgba(255,255,255,.16);--v5-line2:rgba(255,255,255,.28);--v5-dark:#18191A;--v5-dark2:#232425;
  --v5-accent:#E0303C;--v5-accent-h:#EEC4C7;--v5-accent-d:#F4D6D8;--v5-accent-soft:rgba(255,255,255,.10);--v5-accent-line:rgba(255,255,255,.3);--v5-signal:#E0303C;--v5-fill-dk:#A9030E;--v5-btn:#A9030E;--v5-btn-h:#C40916;--v5-cta:#232425;--v5-cta-d:#18191A;
  --v5-plate:#F6F1F1;--v5-shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px -14px rgba(0,0,0,.6);--v5-dark-line:rgba(255,255,255,.14);}

/* ============ base ============ */
.v5,.v5 *{box-sizing:border-box}
.v5 p,.v5 h1,.v5 h2,.v5 h3,.v5 ul,.v5 ol,.v5 figure{margin:0}
.v5 ul,.v5 ol{padding:0;list-style:none}
.v5 img{max-width:100%}
.v5 a{text-decoration:none}
.v5 [id]{scroll-margin-top:var(--ik-anchor-offset,112px)}
.v5-wrap{position:relative;width:100%;max-width:var(--v5-wrap);margin:0 auto;padding:0 var(--v5-gut)}
.v5-sec{position:relative;padding:clamp(72px,8.5vw,124px) 0;background:var(--v5-bg)}
.v5-sec--alt{background:var(--v5-bg2)}
.v5 .v5-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-accent);margin-bottom:1.1rem}
.v5 .v5-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.v5 .v5-h2{font-size:clamp(1.8rem,1.05rem + 2.2vw,2.9rem);line-height:1.1;font-weight:var(--v5-h-weight);letter-spacing:var(--v5-h-track);color:var(--v5-ink);text-wrap:balance}
.v5 .v5-h3{font-size:1.12rem;line-height:1.3;font-weight:800;color:var(--v5-ink)}
.v5 .v5-lead{font-size:clamp(1.04rem,.98rem + .3vw,1.2rem);line-height:1.62;color:var(--v5-ink2);max-width:40rem}
.v5 .v5-body{font-size:.98rem;line-height:1.62;color:var(--v5-muted)}
.v5 .v5-note{font-size:.88rem;line-height:1.55;color:var(--v5-muted)}
.v5 .v5-head{display:grid;gap:1.1rem 4rem;margin-bottom:clamp(40px,5vw,64px)}
@media (min-width:992px){.v5 .v5-head--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}
.v5 .v5-ico{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v5 .v5-link{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;color:var(--v5-accent);border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
.v5 .v5-link:hover{color:var(--v5-accent-h);border-bottom-color:currentColor}
.v5 .v5-link .v5-ico{width:18px;height:18px;transition:transform .2s var(--v5-e)}
.v5 .v5-link:hover .v5-ico{transform:translateX(3px)}

/* buttons */
.v5 .v5-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.v5 .v5-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.8rem 1.4rem;border-radius:var(--v5-r-btn);font-size:1rem;font-weight:800;line-height:1.2;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.v5 .v5-btn .v5-ico{width:18px;height:18px;transition:transform .2s var(--v5-e)}
.v5 .v5-btn:hover .v5-ico{transform:translateX(3px)}
.v5 .v5-btn--primary{background:var(--v5-btn);border-color:var(--v5-btn);color:#fff}
.v5 .v5-btn--primary:hover,.v5 .v5-btn--primary:focus-visible{background:var(--v5-btn-h);border-color:var(--v5-btn-h);color:#fff}
.v5 .v5-btn--primary:active{background:#690006;border-color:#690006}
.v5 .v5-btn--ghost{background:transparent;border-color:color-mix(in srgb,var(--v5-ink) 26%,transparent);color:var(--v5-ink)}
.v5 .v5-btn--ghost:hover{border-color:var(--v5-ink);color:var(--v5-ink)}
.v5 .v5-btn--light{background:#fff;border-color:#fff;color:var(--v5-cta)}
.v5 .v5-btn--light:hover{background:#F2F2F2;border-color:#F2F2F2;color:var(--v5-cta)}
.v5 .v5-btn--outline-light{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.v5 .v5-btn--outline-light:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.v5 a:focus-visible,.v5 button:focus-visible{outline:2px solid var(--v5-accent);outline-offset:3px;border-radius:6px}
html[data-ikv5-theme="dark"] .v5 .v5-btn--light{color:#232425}

/* ============ 1 hero ============ */
.v5-hero{position:relative;background:var(--v5-bg);padding:clamp(28px,3.6vw,60px) 0 clamp(52px,5.6vw,84px);overflow:hidden}
.v5-hero-deco{position:absolute;inset:0;pointer-events:none;display:none}
.v5-hero-grid{position:relative;z-index:1;display:grid;gap:clamp(36px,5vw,76px);align-items:center}
@media (min-width:992px){.v5-hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}}
.v5 .v5-kicker{display:flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted);margin-bottom:1.25rem}
.v5 .v5-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--v5-accent)}
.v5 .v5-h1{margin:0;font-weight:var(--v5-h-weight);color:var(--v5-ink)}
.v5 .v5-ns-logo{display:block;width:clamp(230px,26vw,392px);margin:0 0 clamp(22px,2.2vw,30px);background:var(--v5-plate);border-radius:14px}
html[data-ikv5-theme="dark"] .v5 .v5-ns-logo{padding:14px 18px;width:clamp(268px,33vw,466px)}
.v5 .v5-ns-logo img{display:block;width:100%;height:auto}
.v5 .v5-h1-line{display:block;font-size:clamp(2.05rem,1.15rem + 2.45vw,3.1rem);line-height:1.08;letter-spacing:var(--v5-h-track);max-width:17ch;text-wrap:balance}
.v5 .v5-hero .v5-lead{margin-top:1.2rem;max-width:33rem}
.v5 .v5-found{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.45rem}
.v5 .v5-found-k{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted);margin-right:.35rem}
.v5 .v5-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.46rem .8rem;border-radius:var(--v5-r-chip);background:var(--v5-card);border:1px solid var(--v5-line2);font-size:.9rem;font-weight:800;color:var(--v5-ink)}
.v5 .v5-chip .v5-ico{width:17px;height:17px;color:var(--v5-accent)}
.v5 .v5-hero .v5-actions{margin-top:1.8rem}
@media (max-width:575.98px){.v5 .v5-hero .v5-actions .v5-btn{flex:1 1 100%}}
.v5 .v5-by{margin-top:1.4rem;font-size:.9rem;color:var(--v5-muted);max-width:33rem}
.v5 .v5-by strong{color:var(--v5-ink);font-weight:800}
.v5-hero-visual{position:relative;padding:0 0 26px 0}
@media (min-width:992px){.v5-hero-visual{padding:0 0 30px 26px}}
.v5-hero-visual::before,.v5-hero-visual::after{content:"";position:absolute;pointer-events:none}
.v5 .v5-photo{position:relative;border-radius:var(--v5-r-lg);overflow:hidden;background:var(--v5-bg2)}
.v5 .v5-photo img{display:block;width:100%;height:100%;object-fit:cover}
.v5 .v5-photo--hero{aspect-ratio:16/11}
.v5 .v5-photo--hero img{object-position:62% 50%}
.v5 .v5-badge{position:absolute;z-index:2;left:-2px;bottom:0;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.1rem .8rem .85rem;border-radius:var(--v5-r-md);background:#fff;border:1px solid rgba(20,22,26,.08);max-width:calc(100% - 24px)}
@media (min-width:992px){.v5 .v5-badge{left:0}}
.v5 .v5-badge img{width:40px;height:auto;flex:0 0 auto}
.v5 .v5-badge strong{display:block;font-size:.98rem;font-weight:800;color:#1F2124;line-height:1.2}
.v5 .v5-badge span{display:block;font-size:.8rem;color:#5E6166;line-height:1.35}

/* hero entrance (motion only) */
@keyframes v5-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v5-reveal-media{from{opacity:0;clip-path:inset(0 0 0 12%)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:no-preference){
  .v5 .v5-in{animation:v5-rise .75s var(--v5-e) both;animation-delay:calc(var(--o,0)*75ms + 60ms)}
  .v5 .v5-hero-visual.v5-in{animation:v5-reveal-media 1s var(--v5-e) both;animation-delay:260ms}
}

/* ============ 2 references ============ */
.v5-refs{background:var(--v5-bg);padding:clamp(34px,4vw,52px) 0 clamp(52px,6vw,80px)}
.v5 .v5-refs-in{display:grid;gap:1.3rem 3rem;align-items:center}
@media (min-width:1200px){.v5 .v5-refs-in{grid-template-columns:230px minmax(0,1fr)}}
.v5 .v5-refs-k{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v5-muted);line-height:1.55;margin:0}
.v5 .v5-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:768px){.v5 .v5-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.v5 .v5-logos{grid-template-columns:repeat(6,minmax(0,1fr))}}
.v5 .v5-logos li{display:flex;align-items:center;justify-content:center;min-height:clamp(74px,7vw,88px);padding:12px 16px}
html[data-ikv5-theme="dark"] .v5 .v5-logos li{background:#F6F1F1}
.v5 .v5-logos img{max-height:38px;max-width:min(124px,100%);width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.68;transition:filter .3s ease,opacity .3s ease}
.v5 .v5-logos li:hover img{filter:none;opacity:1}

/* ============ 3 what Next Step is — one system, drawn as a connected stack ============ */
.v5 .v5-sys{position:relative;border-radius:var(--v5-r-lg);background:var(--v5-card);border:1px solid var(--v5-line);overflow:hidden;color:var(--v5-ink)}
.v5 .v5-sys-head{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:clamp(18px,2.4vw,26px) clamp(18px,2.8vw,36px);border-bottom:1px solid var(--v5-line)}
.v5 .v5-sys-id{display:flex;align-items:center;gap:.9rem}
.v5 .v5-sys-id img{width:46px;height:auto;background:var(--v5-plate);border-radius:8px}
html[data-ikv5-theme="dark"] .v5 .v5-sys-id img{padding:5px}
.v5 .v5-sys-id strong{display:block;font-size:1.15rem;font-weight:800;color:var(--v5-ink)}
.v5 .v5-sys-id span{display:block;font-size:.86rem;color:var(--v5-muted)}
.v5 .v5-sys-team{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--v5-r-chip);background:var(--v5-bg2);border:1px solid var(--v5-line);font-size:.88rem;font-weight:800;color:var(--v5-ink)}
.v5 .v5-sys-team .v5-ico{width:18px;height:18px;color:var(--v5-accent)}
.v5 .v5-sys-body{position:relative}
/* the spine that connects every layer (draws on reveal) */
.v5 .v5-spine{display:none}
@media (min-width:992px){
  .v5 .v5-spine{display:block;position:absolute;left:calc(clamp(18px,2.8vw,36px) + 5px);top:0;bottom:0;width:2px;background:var(--v5-line2);transform-origin:top;transition:transform 1.3s var(--v5-e) .25s}
  .v5 .v5-spine::before{content:"";position:absolute;inset:0 0 auto 0;height:38%;background:var(--v5-accent)}
  html.v5-motion .v5 .v5-sys:not(.is-in) .v5-spine{transform:scaleY(0)}
}
.v5 .v5-layer{position:relative;display:grid;gap:.75rem 2rem;padding:clamp(18px,2.2vw,26px) clamp(18px,2.8vw,36px);border-bottom:1px solid var(--v5-line)}
.v5 .v5-layer:last-child{border-bottom:0}
@media (min-width:992px){
  .v5 .v5-layer{grid-template-columns:250px minmax(0,1fr);align-items:center;padding-left:calc(clamp(18px,2.8vw,36px) + 34px)}
  .v5 .v5-layer::before{content:"";position:absolute;left:calc(clamp(18px,2.8vw,36px));top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--v5-card);border:2px solid var(--v5-line2);transition:border-color .4s ease,background-color .4s ease}
  .v5 .v5-layer--value::before{background:var(--v5-accent);border-color:var(--v5-accent)}
}
.v5 .v5-layer-k{display:flex;flex-direction:column;gap:.2rem}
.v5 .v5-layer-k b{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted)}
.v5 .v5-layer-k strong{font-size:1.08rem;font-weight:800;color:var(--v5-ink);line-height:1.3}
.v5 .v5-layer-v{font-size:.98rem;line-height:1.55;color:var(--v5-ink2)}
.v5 .v5-layer--value{background:var(--v5-accent-soft)}
.v5 .v5-layer--value .v5-layer-k b{color:var(--v5-accent)}
.v5 .v5-tiles{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.6rem}
@media (min-width:576px){.v5 .v5-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.v5 .v5-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.v5 .v5-tile{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem .9rem;border-radius:var(--v5-r-md);background:var(--v5-card);border:1px solid var(--v5-accent-line);color:var(--v5-ink);transition:border-color .2s ease,transform .2s var(--v5-e),box-shadow .2s ease}
.v5 .v5-tile:hover{border-color:var(--v5-accent);transform:translateY(-2px);color:var(--v5-ink)}
.v5 .v5-tile .v5-ico{color:var(--v5-accent);margin-top:1px}
.v5 .v5-tile strong{display:block;font-size:.96rem;font-weight:800;line-height:1.3}
.v5 .v5-tile span{display:block;font-size:.84rem;line-height:1.4;color:var(--v5-muted)}
.v5 .v5-mods{display:flex;flex-wrap:wrap;gap:.45rem}
.v5 .v5-mods li{padding:.36rem .7rem;border-radius:var(--v5-r-sm);background:var(--v5-bg2);border:1px solid var(--v5-line);font-size:.88rem;font-weight:700;color:var(--v5-ink)}
.v5 .v5-layer--core .v5-layer-k strong{display:flex;align-items:center;gap:.5rem}
html.v5-motion .v5 .v5-sys .v5-layer{opacity:0;transform:translateY(8px);transition:opacity .6s var(--v5-e),transform .6s var(--v5-e)}
html.v5-motion .v5 .v5-sys.is-in .v5-layer{opacity:1;transform:none}
html.v5-motion .v5 .v5-sys.is-in .v5-layer:nth-child(2){transition-delay:340ms}html.v5-motion .v5 .v5-sys.is-in .v5-layer:nth-child(3){transition-delay:480ms}html.v5-motion .v5 .v5-sys.is-in .v5-layer:nth-child(4){transition-delay:620ms}html.v5-motion .v5 .v5-sys.is-in .v5-layer:nth-child(5){transition-delay:760ms}

/* ============ 4 Odoo 19 ============ */
.v5 .v5-split{display:grid;gap:clamp(40px,5.5vw,84px);align-items:center}
@media (min-width:992px){.v5 .v5-split{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.v5 .v5-split--photo{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}}
.v5 .v5-ver{position:relative;border-radius:var(--v5-r-lg);padding:clamp(28px,3.4vw,44px);background:var(--v5-bg2);border:1px solid var(--v5-line);overflow:hidden;min-height:clamp(300px,28vw,380px);display:flex;flex-direction:column;justify-content:space-between;color:var(--v5-ink)}
.v5 .v5-ver-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.v5 .v5-ver-name{font-size:1.2rem;font-weight:800;color:var(--v5-ink)}
.v5 .v5-ver-tag{padding:.38rem .7rem;border-radius:var(--v5-r-chip);background:var(--v5-accent);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}
html[data-ikv5-theme="dark"] .v5 .v5-ver-tag{background:var(--v5-fill-dk)}
.v5 .v5-ver-num{font-size:clamp(7rem,4rem + 10vw,12.5rem);line-height:.82;font-weight:800;letter-spacing:-.06em;color:var(--v5-ink);margin:.4rem 0 1rem}
.v5 .v5-ver-sub{font-size:1.05rem;font-weight:800;color:var(--v5-ink)}
.v5 .v5-ver-sub span{display:block;font-size:.92rem;font-weight:600;color:var(--v5-muted);margin-top:.2rem}
.v5 .v5-facts{display:grid;gap:0;margin-top:1.8rem;border-top:1px solid var(--v5-line2)}
.v5 .v5-fact{display:grid;grid-template-columns:40px minmax(0,1fr);gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--v5-line)}
.v5 .v5-fact-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--v5-r-md);background:var(--v5-accent-soft);color:var(--v5-accent)}
.v5 .v5-fact-ico .v5-ico{width:20px;height:20px}
.v5 .v5-fact h3{font-size:1.02rem;font-weight:800;color:var(--v5-ink);margin-bottom:.25rem;line-height:1.35}
.v5 .v5-fact p{font-size:.95rem;line-height:1.58;color:var(--v5-muted)}
.v5 .v5-fact-n{font-size:.82rem;font-weight:800;letter-spacing:.06em;color:var(--v5-accent);padding-top:.2rem;font-variant-numeric:tabular-nums}

/* ============ 5 InfoCompass — the framed recording ============ */
.v5 .v5-ic .ikv3-show{margin-top:0}
.v5 .v5-ic .ikv3-media{position:relative;padding:clamp(10px,1.1vw,16px);border-radius:var(--v5-r-lg);background:var(--v5-dark);border:1px solid rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 28px 56px -30px rgba(15,17,20,.45)}
html[data-ikv5-theme="dark"] .v5 .v5-ic .ikv3-media{border-color:rgba(255,255,255,.18)}
.v5 .v5-ic .ikv3-media-frame{border-radius:max(2px,calc(var(--v5-r-lg) - 6px));box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.v5 .v5-ic .ikv3-panel-kicker{font-size:.74rem}
.v5 .v5-ic-cap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:1rem;font-size:.84rem;color:var(--v5-muted)}
.v5 .v5-ic-cap b{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:var(--v5-ink)}
.v5 .v5-ic-cap b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--v5-accent)}

/* ============ 6 AI — the dark showcase band ============ */
.v5-dark{background:var(--v5-dark);color:var(--v5-on-dark)}
.v5 .v5-dark .v5-eyebrow{color:var(--v5-on-dark-2)}
.v5 .v5-dark .v5-eyebrow::before{background:var(--v5-signal)}
.v5 .v5-dark .v5-h2,.v5 .v5-dark .v5-h3{color:#fff}
.v5 .v5-dark .v5-lead{color:var(--v5-on-dark-2)}
.v5 .v5-dark .v5-note{color:rgba(242,243,244,.7)}
.v5 .v5-ai-grid{display:grid;gap:1rem}
@media (min-width:992px){.v5 .v5-ai-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto}.v5 .v5-aicard--lead{grid-row:1 / span 2}}
.v5 .v5-aicard{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:clamp(22px,2.6vw,34px);border-radius:var(--v5-r-lg);background:var(--v5-dark2);border:1px solid var(--v5-dark-line)}
.v5 .v5-aicard--lead{border-top:3px solid var(--v5-signal);padding-top:calc(clamp(22px,2.6vw,34px) - 2px)}
.v5 .v5-aicard-top{display:flex;align-items:center;gap:.8rem}
.v5 .v5-aiico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--v5-r-md);background:var(--v5-fill-dk);color:#fff;flex:0 0 auto}
.v5 .v5-aicard:not(.v5-aicard--lead) .v5-aiico{width:38px;height:38px;background:transparent;border:1px solid var(--v5-dark-line);color:var(--v5-signal)}
.v5 .v5-aicard p{font-size:.95rem;line-height:1.6;color:var(--v5-on-dark-2)}
.v5 .v5-aicard--lead .v5-h3{font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem);font-weight:800;line-height:1.35;max-width:30ch}
.v5 .v5-aicard .v5-k{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-on-dark-2)}
.v5 .v5-caps{display:grid;gap:0;margin-top:.4rem;border-top:1px solid var(--v5-dark-line)}
.v5 .v5-caps li{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--v5-dark-line);font-size:.98rem;line-height:1.45;color:#fff}
.v5 .v5-caps .v5-ico{width:18px;height:18px;color:var(--v5-signal);margin-top:2px}
.v5 .v5-dark .v5-link{color:#fff}
.v5 .v5-dark .v5-link .v5-ico{color:var(--v5-signal)}
.v5 .v5-dark .v5-link:hover{color:#fff;border-bottom-color:var(--v5-signal)}
.v5 .v5-posture{display:flex;gap:.85rem;align-items:flex-start;margin-top:clamp(28px,3.2vw,40px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--v5-dark-line)}
.v5 .v5-posture .v5-ico{color:var(--v5-signal);margin-top:2px}
.v5 .v5-posture p{font-size:.98rem;line-height:1.6;color:var(--v5-on-dark)}
.v5 .v5-posture p + p{margin-top:.35rem;font-size:.88rem;color:rgba(242,243,244,.7)}

/* ============ 7 custom development ============ */
.v5 .v5-media{position:relative}
.v5 .v5-media::before,.v5 .v5-media::after{content:"";position:absolute;pointer-events:none}
.v5 .v5-photo--workshop{aspect-ratio:4/3.3}
@media (min-width:992px){.v5 .v5-photo--workshop{aspect-ratio:4/4.1}}
.v5 .v5-photo--workshop img{object-position:48% 50%}

/* ============ 8 commercial model ============ */
.v5 .v5-claim{font-size:clamp(2.3rem,1.1rem + 3.6vw,4.3rem);line-height:1.02;font-weight:var(--v5-h-weight);letter-spacing:-.03em;color:var(--v5-ink);max-width:22ch;text-wrap:balance}
.v5 .v5-claim em{font-style:normal;color:var(--v5-accent)}
.v5 .v5-model .v5-lead{margin-top:1.4rem;max-width:44rem}
.v5 .v5-ruled{display:grid;margin-top:clamp(40px,4.6vw,64px);border-top:2px solid var(--v5-ink)}
@media (min-width:992px){.v5 .v5-ruled{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v5 .v5-ruled article{padding:1.5rem 0 1.4rem;border-bottom:1px solid var(--v5-line)}
@media (min-width:992px){.v5 .v5-ruled article{padding:1.7rem 2rem 0 0;border-bottom:0}.v5 .v5-ruled article + article{padding-left:2rem;border-left:1px solid var(--v5-line)}}
.v5 .v5-ruled .v5-ico{color:var(--v5-accent);margin-bottom:.9rem;width:24px;height:24px}
.v5 .v5-ruled h3{margin-bottom:.45rem}
.v5 .v5-model .v5-note{margin-top:1.8rem}

/* ============ 9 heritage — one line, three points ============ */
.v5 .v5-path-wrap{position:relative;margin-top:clamp(36px,4.2vw,56px)}
.v5 .v5-path-line{display:none}
.v5 .v5-path{display:grid;gap:1.6rem}
@media (min-width:992px){
  .v5 .v5-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}
  .v5 .v5-path-line{display:block;position:absolute;left:0;right:0;top:7px;height:2px;background:linear-gradient(90deg,var(--v5-line2) 0%,var(--v5-line2) 60%,var(--v5-accent) 100%);transform-origin:left;transition:transform 1.4s var(--v5-e) .2s}
  html.v5-motion .v5 .v5-path-wrap:not(.is-in) .v5-path-line{transform:scaleX(0)}
}
.v5 .v5-step{position:relative;padding:0 0 0 1.6rem;border-left:2px solid var(--v5-line2)}
@media (min-width:992px){.v5 .v5-step{padding:2.1rem 0 0;border-left:0}}
.v5 .v5-step::before{content:"";position:absolute;left:-7px;top:.3rem;width:12px;height:12px;border-radius:50%;background:var(--v5-bg);border:2px solid var(--v5-line2)}
@media (min-width:992px){.v5 .v5-step::before{left:0;top:2px}}
.v5 .v5-step b{display:block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted)}
.v5 .v5-step strong{display:block;font-size:clamp(1.5rem,1.2rem + .9vw,2rem);font-weight:var(--v5-h-weight);color:var(--v5-ink);margin:.35rem 0 .55rem;letter-spacing:-.015em}
.v5 .v5-step p{font-size:.95rem;line-height:1.58;color:var(--v5-muted);max-width:32ch}
.v5 .v5-step--now::before{background:var(--v5-accent);border-color:var(--v5-accent);box-shadow:0 0 0 5px var(--v5-accent-soft)}
.v5 .v5-step--now strong{color:var(--v5-accent)}
.v5 .v5-step--now b{color:var(--v5-accent)}

/* ============ 10 CTA — a full-bleed brand band ============ */
.v5 .v5-ctaband{position:relative;background:var(--v5-cta);color:#fff;padding:clamp(72px,8vw,120px) 0;overflow:hidden}
html[data-ikv5-theme="dark"] .v5 .v5-ctaband{border-top:1px solid rgba(255,255,255,.2)}
.v5 .v5-cta{position:relative;display:grid;gap:2.4rem}
@media (min-width:992px){.v5 .v5-cta{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:end;gap:4rem}}
.v5 .v5-cta .v5-eyebrow{color:rgba(255,255,255,.86)}
.v5 .v5-cta .v5-eyebrow::before{background:#fff}
.v5 .v5-cta .v5-h2{color:#fff;max-width:20ch;font-size:clamp(2.1rem,1.1rem + 3vw,3.8rem);line-height:1.04}
.v5 .v5-cta .v5-lead{color:rgba(255,255,255,.92);margin-top:1.3rem;max-width:40rem}
.v5 .v5-cta .v5-actions{margin-top:2rem}
.v5 .v5-cta-side{display:grid;gap:.7rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.26)}
@media (min-width:992px){.v5 .v5-cta-side{padding:0 0 .3rem 2.2rem;border-top:0;border-left:1px solid rgba(255,255,255,.26)}}
.v5 .v5-cta-side p{font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.9)}
.v5 .v5-cta-side a{display:inline-flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;color:#fff}
.v5 .v5-cta-side a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.v5 .v5-cta-side .v5-ico{width:19px;height:19px}
/* INFOKOM-WEB-RC2-LOGO-EMAIL-FORMS-20261003: the public address is an image (not a link) */
.v5 .v5-cta-side .v5-cta-mail{display:inline-flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;color:#fff}
html body .ik-mailimg{display:inline-block;white-space:nowrap;line-height:1}
html body .ik-mailimg img{display:inline;height:1.1875em;width:auto;max-width:none;vertical-align:-0.25em;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;filter:none;opacity:1}
html body .ik-mailimg .ik-mailimg-d{display:none}
html.ik-preview-dark body .ik-mailimg .ik-mailimg-l,html[data-ikv5-theme="dark"] body .ik-mailimg .ik-mailimg-l,html body .ik-mailimg.ik-mailimg--ondark .ik-mailimg-l{display:none}
html.ik-preview-dark body .ik-mailimg .ik-mailimg-d,html[data-ikv5-theme="dark"] body .ik-mailimg .ik-mailimg-d,html body .ik-mailimg.ik-mailimg--ondark .ik-mailimg-d{display:inline}

/* ================================================================
   OPTION A — EXECUTIVE: white, flat, crisp hairlines, square corners
   ================================================================ */
html[data-ikv5-neutral="a"] .v5{--v5-r-lg:6px;--v5-r-md:4px;--v5-r-sm:2px;--v5-r-btn:4px;--v5-r-chip:3px;--v5-h-weight:800;--v5-h-track:-.024em}
html[data-ikv5-neutral="a"] .v5 .v5-sec + .v5-sec:not(.v5-sec--alt):not(.v5-dark),html[data-ikv5-neutral="a"] .v5 .v5-refs + .v5-sec{border-top:1px solid var(--v5-line)}
html[data-ikv5-neutral="a"] .v5 .v5-hero{border-bottom:1px solid var(--v5-line)}
html[data-ikv5-neutral="a"] .v5 .v5-hero-visual::after{left:26px;top:-14px;width:72px;height:3px;background:var(--v5-accent)}
@media (max-width:991.98px){html[data-ikv5-neutral="a"] .v5 .v5-hero-visual::after{left:0}}
html[data-ikv5-neutral="a"] .v5 .v5-photo{border:1px solid var(--v5-line)}
html[data-ikv5-neutral="a"] .v5 .v5-hero-visual::before{left:44px;right:-16px;top:16px;bottom:14px;border:1px solid var(--v5-line2)}
@media (max-width:991.98px){html[data-ikv5-neutral="a"] .v5 .v5-hero-visual::before{left:16px;right:-10px;top:14px;bottom:12px}}
html[data-ikv5-neutral="a"] .v5 .v5-media::after{left:16px;right:-16px;top:16px;bottom:-16px;border:1px solid var(--v5-line2);z-index:-1}
html[data-ikv5-neutral="a"] .v5 .v5-media{z-index:0}
html[data-ikv5-neutral="a"] .v5 .v5-badge{box-shadow:0 1px 2px rgba(20,22,26,.06),0 8px 20px -12px rgba(20,22,26,.2);border-left:3px solid var(--v5-accent)}
html[data-ikv5-neutral="a"] .v5 .v5-logos{border-top:1px solid var(--v5-line);border-bottom:1px solid var(--v5-line)}
html[data-ikv5-neutral="a"] .v5 .v5-logos li + li{box-shadow:-1px 0 0 var(--v5-line)}
html[data-ikv5-neutral="a"] .v5 .v5-sys{box-shadow:none}
html[data-ikv5-neutral="a"] .v5 .v5-layer--value{box-shadow:inset 3px 0 0 var(--v5-accent)}
html[data-ikv5-neutral="a"] .v5 .v5-ver{background:var(--v5-card);border-color:var(--v5-line2);border-top:3px solid var(--v5-accent)}
html[data-ikv5-neutral="a"] .v5 .v5-aicard{border-radius:4px}
html[data-ikv5-neutral="a"] .v5 .v5-media::before{left:0;top:-14px;width:72px;height:3px;background:var(--v5-accent)}

/* ================================================================
   OPTION B — WARM: paper tones, soft corners, tactile warm shadows
   ================================================================ */
html[data-ikv5-neutral="b"] .v5{--v5-r-lg:26px;--v5-r-md:16px;--v5-r-sm:10px;--v5-r-btn:999px;--v5-r-chip:999px;--v5-h-weight:700;--v5-h-track:-.016em;
  --v5-shadow:0 1px 2px rgba(60,38,28,.05),0 24px 48px -24px rgba(60,38,28,.22)}
html[data-ikv5-neutral="b"] .v5 .v5-sec{padding:clamp(84px,9.5vw,140px) 0}
html[data-ikv5-neutral="b"] .v5 .v5-eyebrow{color:var(--v5-muted);letter-spacing:.16em}
html[data-ikv5-neutral="b"] .v5 .v5-eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--v5-accent)}
html[data-ikv5-neutral="b"] .v5 .v5-dark .v5-eyebrow::before{background:var(--v5-signal)}
html[data-ikv5-neutral="b"] .v5 .v5-cta .v5-eyebrow::before{background:#fff}
html[data-ikv5-neutral="b"] .v5 .v5-kicker::before{width:7px;height:7px;border-radius:50%}
html[data-ikv5-neutral="b"] .v5 .v5-h1-line{line-height:1.1}
html[data-ikv5-neutral="b"] .v5 .v5-lead{line-height:1.7}
html[data-ikv5-neutral="b"] .v5 .v5-hero{padding-top:clamp(36px,4.4vw,72px);background:var(--v5-bg2)}
html[data-ikv5-neutral="b"] .v5 .v5-hero .v5-chip{background:var(--v5-bg)}
html[data-ikv5-neutral="b"] .v5 .v5-hero-visual::before{left:12%;right:-9%;top:-7%;bottom:6%;border-radius:36px;background:var(--v5-bg3)}
@media (max-width:991.98px){html[data-ikv5-neutral="b"] .v5 .v5-hero-visual::before{left:8%;right:-6%;top:-5%}}
html[data-ikv5-neutral="b"] .v5 .v5-photo{box-shadow:var(--v5-shadow)}
html[data-ikv5-neutral="b"] .v5 .v5-photo--hero{aspect-ratio:16/11.6}
html[data-ikv5-neutral="b"] .v5 .v5-badge{border:0;box-shadow:0 20px 40px -18px rgba(60,38,28,.35);padding:.9rem 1.25rem .9rem .95rem}
html[data-ikv5-neutral="b"] .v5 .v5-chip{background:transparent;border-color:var(--v5-line2)}
html[data-ikv5-neutral="b"] .v5 .v5-logos img{mix-blend-mode:multiply;opacity:.62}
html[data-ikv5-theme="dark"] .v5 .v5-logos img{mix-blend-mode:normal}
html[data-ikv5-neutral="b"] .v5 .v5-sys{border:0;background:transparent;overflow:visible;display:grid;gap:10px}
html[data-ikv5-neutral="b"] .v5 .v5-sys-head{border:0;border-radius:var(--v5-r-lg);background:var(--v5-card);box-shadow:var(--v5-shadow)}
html[data-ikv5-neutral="b"] .v5 .v5-sys-body{display:grid;gap:10px}
html[data-ikv5-neutral="b"] .v5 .v5-layer{border:0;border-radius:var(--v5-r-md);background:var(--v5-card);box-shadow:0 1px 2px rgba(60,38,28,.05),0 10px 24px -18px rgba(60,38,28,.25)}
html[data-ikv5-neutral="b"] .v5 .v5-layer--value{background:var(--v5-card);box-shadow:0 0 0 1px var(--v5-accent-line),0 18px 34px -22px rgba(149,0,10,.28)}
html[data-ikv5-neutral="b"] .v5 .v5-spine{top:12px;bottom:12px;z-index:1}
html[data-ikv5-neutral="b"] .v5 .v5-layer::before{z-index:2}
html[data-ikv5-neutral="b"] .v5 .v5-sys-team{background:var(--v5-bg2);border:0}
html[data-ikv5-neutral="b"] .v5 .v5-tile{background:var(--v5-bg)}
html[data-ikv5-neutral="b"] .v5 .v5-mods li{background:var(--v5-bg2);border:0}
html[data-ikv5-neutral="b"] .v5 .v5-ver{background:var(--v5-bg3);border:0;border-radius:32px}
html[data-ikv5-neutral="b"] .v5 .v5-ver-num{color:var(--v5-accent)}
html[data-ikv5-neutral="b"] .v5 .v5-facts{border-top-color:var(--v5-line)}
html[data-ikv5-neutral="b"] .v5 .v5-ic .ikv3-media{padding:clamp(14px,1.6vw,22px);box-shadow:0 40px 80px -40px rgba(40,24,18,.55),0 2px 8px rgba(40,24,18,.08)}
html[data-ikv5-neutral="b"] .v5 .v5-aicard{border:0;background:rgba(255,255,255,.055)}
html[data-ikv5-neutral="b"] .v5 .v5-aicard--lead{border-top:0;box-shadow:inset 0 3px 0 var(--v5-signal)}
html[data-ikv5-neutral="b"] .v5 .v5-media::before{left:-5%;right:10%;top:8%;bottom:-6%;border-radius:36px;background:var(--v5-bg3)}
html[data-ikv5-neutral="b"] .v5 .v5-photo--workshop{box-shadow:var(--v5-shadow)}
html[data-ikv5-neutral="b"] .v5 .v5-model{background:var(--v5-bg3)}
html[data-ikv5-neutral="b"] .v5 .v5-ruled{border-top:1px solid var(--v5-line2);gap:12px;border-top:0}
@media (min-width:992px){html[data-ikv5-neutral="b"] .v5 .v5-ruled article,html[data-ikv5-neutral="b"] .v5 .v5-ruled article + article{padding:1.8rem;border:0;border-radius:var(--v5-r-md);background:var(--v5-card);box-shadow:0 14px 30px -24px rgba(60,38,28,.35)}}
@media (max-width:991.98px){html[data-ikv5-neutral="b"] .v5 .v5-ruled article{border-bottom-color:var(--v5-line2)}}
html[data-ikv5-neutral="b"] .v5 .v5-ruled .v5-ico{width:40px;height:40px;padding:9px;border-radius:50%;background:var(--v5-accent-soft)}
html[data-ikv5-neutral="b"] .v5 .v5-ctaband{background:radial-gradient(120% 140% at 100% 100%,var(--v5-cta-d) 0%,var(--v5-cta) 55%)}

/* ================================================================
   OPTION C — TECHNICAL: graphite surfaces, grid, linework, tight radii
   ================================================================ */
html[data-ikv5-neutral="c"] .v5{--v5-r-lg:4px;--v5-r-md:3px;--v5-r-sm:2px;--v5-r-btn:2px;--v5-r-chip:2px;--v5-h-weight:800;--v5-h-track:-.026em;
  --v5-mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace}
html[data-ikv5-neutral="c"] .v5 .v5-sec{border-top:1px solid var(--v5-line)}
html[data-ikv5-neutral="c"] .v5 .v5-sec.v5-dark{border-top:0}
html[data-ikv5-neutral="c"] .v5 .v5-eyebrow{font-family:var(--v5-mono);font-weight:700;letter-spacing:.06em;font-size:.76rem}
html[data-ikv5-neutral="c"] .v5 .v5-sec .v5-eyebrow::before{counter-increment:v5sec;content:counter(v5sec,decimal-leading-zero) " /";width:auto;height:auto;background:none;color:var(--v5-muted)}
html[data-ikv5-neutral="c"] .v5 .v5-dark .v5-eyebrow::before{color:rgba(242,243,244,.6)}
html[data-ikv5-neutral="c"] .v5 .v5-cta .v5-eyebrow::before{color:rgba(255,255,255,.7)}
html[data-ikv5-neutral="c"] .v5 .v5-kicker{font-family:var(--v5-mono);font-weight:700;letter-spacing:.06em}
html[data-ikv5-neutral="c"] .v5 .v5-found-k{font-family:var(--v5-mono);letter-spacing:.06em}
html[data-ikv5-neutral="c"] .v5 .v5-chip{font-family:var(--v5-mono);font-weight:700;font-size:.82rem;letter-spacing:.02em;background:var(--v5-card);border-color:var(--v5-line2)}
/* hero: blueprint grid on the left, a graphite column behind the media */
html[data-ikv5-neutral="c"] .v5 .v5-hero{background:var(--v5-bg)}
html[data-ikv5-neutral="c"] .v5 .v5-hero-deco{display:block;background-image:linear-gradient(rgba(30,34,40,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(30,34,40,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 60%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 60%)}
html[data-ikv5-neutral="c"] .v5 .v5-hero-visual::before{left:calc(-1 * var(--v5-gut));right:calc(-1 * var(--v5-gut));top:-28px;bottom:-40px;background-color:var(--v5-dark);background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}
@media (min-width:992px){html[data-ikv5-neutral="c"] .v5 .v5-hero-visual::before{left:-28px;right:calc(-1 * (100vw - min(100vw, var(--v5-wrap))) / 2 - var(--v5-gut));top:-400px;bottom:-400px}}
html[data-ikv5-neutral="c"] .v5 .v5-hero-visual::after{inset:-9px -9px 21px 17px;background:linear-gradient(#E0303C,#E0303C) 0 0/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 0 0/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 0/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 0/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 0 100%/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 0 100%/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 100%/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 100%/2px 14px no-repeat}
@media (max-width:991.98px){html[data-ikv5-neutral="c"] .v5 .v5-hero-visual::after{inset:-9px -9px 17px -9px}}
html[data-ikv5-neutral="c"] .v5 .v5-photo{border:1px solid rgba(255,255,255,.16)}
html[data-ikv5-neutral="c"] .v5 .v5-badge{border:0;border-left:3px solid var(--v5-accent);box-shadow:0 18px 36px -16px rgba(0,0,0,.55)}
html[data-ikv5-neutral="c"] .v5 .v5-refs{background:var(--v5-bg2);border-top:1px solid var(--v5-line)}
html[data-ikv5-neutral="c"] .v5 .v5-logos{gap:1px;background:var(--v5-line2);border:1px solid var(--v5-line2)}
html[data-ikv5-neutral="c"] .v5 .v5-logos li{background:var(--v5-card)}
html[data-ikv5-neutral="c"] .v5 .v5-refs-k{font-family:var(--v5-mono);font-weight:700;letter-spacing:.05em}
/* the system diagram becomes a graphite technical drawing */
html[data-ikv5-neutral="c"] .v5 .v5-sys,html[data-ikv5-neutral="c"] .v5 .v5-ver{--v5-card:var(--v5-dark2);--v5-bg2:rgba(255,255,255,.05);--v5-ink:#F2F4F6;--v5-ink2:rgba(242,244,246,.84);--v5-muted:#AAB2BC;--v5-line:rgba(255,255,255,.1);--v5-line2:rgba(255,255,255,.22);--v5-accent-line:rgba(224,48,60,.5);--v5-accent-soft:rgba(224,48,60,.09);--v5-plate:#F4F5F6;
  background-color:var(--v5-dark);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;border:1px solid #0E1115}
html[data-ikv5-neutral="c"] .v5 .v5-sys-id img{padding:5px}
html[data-ikv5-neutral="c"] .v5 .v5-layer--value{background:rgba(224,48,60,.08)}
html[data-ikv5-neutral="c"] .v5 .v5-layer--value .v5-layer-k b{color:#fff}
html[data-ikv5-neutral="c"] .v5 .v5-layer-k b{font-family:var(--v5-mono);font-weight:700;letter-spacing:.06em}
html[data-ikv5-neutral="c"] .v5 .v5-spine::before,html[data-ikv5-neutral="c"] .v5 .v5-layer--value::before{background:#E0303C;border-color:#E0303C}
html[data-ikv5-neutral="c"] .v5 .v5-layer::before{border-radius:1px}
html[data-ikv5-neutral="c"] .v5 .v5-tile .v5-ico{color:#E0303C}
html[data-ikv5-neutral="c"] .v5 .v5-tile:hover{border-color:#E0303C}
html[data-ikv5-neutral="c"] .v5 .v5-sys-team .v5-ico{color:#E0303C}
html[data-ikv5-neutral="c"] .v5 .v5-mods li{font-family:var(--v5-mono);font-weight:600;font-size:.8rem}
html[data-ikv5-neutral="c"] .v5 .v5-ver-num{color:#fff}
html[data-ikv5-neutral="c"] .v5 .v5-ver-name{font-family:var(--v5-mono)}
html[data-ikv5-neutral="c"] .v5 .v5-ver::after{content:"";position:absolute;inset:10px;pointer-events:none;background:linear-gradient(#E0303C,#E0303C) 0 0/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 0 0/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 0/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 0/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 0 100%/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 0 100%/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 100%/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 100%/2px 14px no-repeat}
html[data-ikv5-neutral="c"] .v5 .v5-fact-ico{background:transparent;border:1px solid var(--v5-line2)}
html[data-ikv5-neutral="c"] .v5 .v5-fact-n{font-family:var(--v5-mono)}
html[data-ikv5-neutral="c"] .v5 .v5-ic .ikv3-media{padding:34px 12px 12px;background-color:var(--v5-dark);box-shadow:0 0 0 1px #0E1115,0 30px 60px -34px rgba(10,14,20,.6)}
html[data-ikv5-neutral="c"] .v5 .v5-ic .ikv3-media::before{content:"";position:absolute;left:14px;top:13px;width:9px;height:9px;background:#E0303C}
html[data-ikv5-neutral="c"] .v5 .v5-ic .ikv3-media::after{content:"";position:absolute;left:32px;right:14px;top:17px;height:1px;background:rgba(255,255,255,.12)}
html[data-ikv5-neutral="c"] .v5 .v5-ic-cap{font-family:var(--v5-mono);font-size:.78rem}
html[data-ikv5-neutral="c"] .v5 .v5-ic-cap b::before{border-radius:0}
html[data-ikv5-neutral="c"] .v5 .v5-dark{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}
html[data-ikv5-neutral="c"] .v5 .v5-aicard{background:var(--v5-dark2);border-color:rgba(255,255,255,.09)}
html[data-ikv5-neutral="c"] .v5 .v5-aicard .v5-k{font-family:var(--v5-mono);font-weight:700;letter-spacing:.06em}
html[data-ikv5-neutral="c"] .v5 .v5-media::after{inset:-9px;background:linear-gradient(#E0303C,#E0303C) 0 0/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 0 0/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 0/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 0/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 0 100%/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 0 100%/2px 14px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 100%/14px 2px no-repeat,linear-gradient(#E0303C,#E0303C) 100% 100%/2px 14px no-repeat}
html[data-ikv5-neutral="c"] .v5 .v5-media::before{left:14px;right:-14px;top:14px;bottom:-14px;background:var(--v5-dark)}
html[data-ikv5-neutral="c"] .v5 .v5-photo--workshop{border:1px solid var(--v5-line2)}
html[data-ikv5-neutral="c"] .v5 .v5-ruled{border:1px solid var(--v5-line2);border-top:3px solid var(--v5-ink);background:var(--v5-card)}
html[data-ikv5-neutral="c"] .v5 .v5-ruled article{padding:1.5rem 1.5rem 1.4rem}
@media (min-width:992px){html[data-ikv5-neutral="c"] .v5 .v5-ruled article,html[data-ikv5-neutral="c"] .v5 .v5-ruled article + article{padding:1.7rem 1.7rem 1.6rem}}
html[data-ikv5-neutral="c"] .v5 .v5-claim em{box-shadow:inset 0 -.12em 0 var(--v5-accent-soft)}
html[data-ikv5-neutral="c"] .v5 .v5-step::before{border-radius:1px}
html[data-ikv5-neutral="c"] .v5 .v5-step b{font-family:var(--v5-mono);font-weight:700;letter-spacing:.06em}
html[data-ikv5-neutral="c"] .v5 .v5-ctaband{background-color:var(--v5-cta);background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px}

/* ============ scroll reveal (motion only; content is never hidden without JS) ============ */
html.v5-motion .v5 .v5-rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--v5-e),transform .7s var(--v5-e);transition-delay:calc(var(--i,0)*70ms)}
html.v5-motion .v5 .v5-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.v5 *{scroll-behavior:auto !important}}
@media print{html.v5-motion .v5 .v5-rv{opacity:1;transform:none}}


html.ik-preview-dark .v5,html[data-ikv5-theme="dark"] .v5{--v5-bg:#141517;--v5-bg2:#18191C;--v5-bg3:#1D1F22;--v5-card:#1D1F22;--v5-ink:#F4F4F5;--v5-muted:#A9ADB3;--v5-line:rgba(255,255,255,.12);--v5-line2:rgba(255,255,255,.22);--v5-dark:#1D1F22;--v5-dark2:#24262A;
  --v5-accent:#EDEDEF;--v5-accent-h:#FFFFFF;--v5-accent-d:#FFFFFF;--v5-accent-soft:rgba(255,255,255,.07);--v5-accent-line:#E0303C;--v5-signal:#E0303C;--v5-fill-dk:#B3000D;--v5-btn:#B3000D;--v5-btn-h:#C8101D;--v5-cta:#24262A;--v5-cta-d:#1D1F22;}
html[data-ikv5-theme="dark"] .v5 .v5-btn--light{color:#1F2022}
html[data-ikv5-theme="dark"] .v5 .v5-logos li{background:#F4F5F6}
/* INFOKOM-WEB-V6-VISUAL-FINALIZATION-20261002: the Dark wordmark is the transparent derivative (red "Next" as supplied, white "Step"), no plate */
.v5 .v5-ns-logo .ikns-ns-dark{display:none}
html[data-ikv5-theme="dark"] .v5 .v5-ns-logo{background:none;padding:0;border-radius:0;width:clamp(230px,26vw,392px)}
html[data-ikv5-theme="dark"] .v5 .v5-ns-logo img:not(.ikns-ns-dark){display:none}
html[data-ikv5-theme="dark"] .v5 .v5-ns-logo .ikns-ns-dark{display:block}
/* INFOKOM-WEB-V6-BRAND-AND-COPY-CORRECTION-20261003: the approved proposition, verbatim, in two balanced lines from 768 px up
   (the 17ch cap made it four, then three lines): no width cap; from 992 px the size follows the hero column */
.v5 [data-v5-section="hero"] .v5-h1-line{max-width:none}
@media (min-width:992px){.v5 [data-v5-section="hero"] .v5-h1-line{font-size:clamp(1.95rem,3.2vw,2.625rem)}}
/* the NextStep wordmark as an identity element (homepage system block, Odoo stack): Light artwork / Dark derivative */
.v5 .ikns-wm{display:inline-flex;align-items:center;flex:none;--ikns-wm-h:30px}
html body .v5 .ikns-wm > img.ikns-wm-light,html body .v5 .ikns-wm > img.ikns-wm-dark{display:block;width:auto;height:var(--ikns-wm-h);max-width:none;background:none;border-radius:0;padding:0}
html body .v5 .ikns-wm > img.ikns-wm-dark{display:none}
html[data-ikv5-theme="dark"] body .v5 .ikns-wm > img.ikns-wm-light{display:none}
html[data-ikv5-theme="dark"] body .v5 .ikns-wm > img.ikns-wm-dark{display:block}
.v5 .ikns-sys-id{gap:.6rem .9rem;flex-wrap:wrap}
.v5 .ikns-sys-id .ikns-wm{--ikns-wm-h:clamp(26px,2.3vw,32px)}
html body .v5 .v5-sys-id .ikns-sys-sub{display:block;padding-left:.9rem;border-left:1px solid var(--v5-line2);font-size:.86rem;line-height:1.3;color:var(--v5-muted)}
@media (max-width:575.98px){html body .v5 .v5-sys-id .ikns-sys-sub{flex-basis:100%;padding-left:0;border-left:0}}
/* section boundaries: a hairline wherever two sections meet (Dark's two charcoals are too close to separate by fill) */
.v5 .v5-sec + .v5-sec,.v5 .v5-refs + .v5-sec,.v5 .v5-hero + .v5-sec,.v5 .v5-sec + .v5-refs{border-top:1px solid var(--v5-line)}
/* reference logos: one joined grid, dividers between columns AND rows, none dangling at a row start */
html body .v5 ul.v5-logos{overflow:hidden}
html body .v5 ul.v5-logos > li,html body .v5 ul.v5-logos > li + li{box-shadow:1px 0 0 var(--v5-line),0 1px 0 var(--v5-line) !important}
/* INFOKOM-WEB-PRODUCTION-RC-HARDENING-20261003 — the homepage reference strip: the ORIGINAL scrolling system
   (the maintained .ik-refmarquee — loop, timing, pause, aria-hidden duplicate, reduced motion — untouched),
   presented in the new site's language: no tiles, one rail between the section hairlines, the grid's quiet
   grayscale logos at the original marquee's content width (132 px, 104 px on phones — wide wordmarks bind on width);
   in Dark one continuous light rail (the grid's joined plate), never twelve boxes.
   Only presentation is overridden here; nothing that the seamless loop depends on (the two sets, the track gap
   variable, the -50% translate) is touched, so tile width is free to change. */
.v5 .ikns-refstrip{min-width:0;max-width:100%}
html body .v5 .ikns-refstrip .ik-refmarquee{max-width:none;margin:0;border-top:1px solid var(--v5-line);border-bottom:1px solid var(--v5-line);border-radius:0}
html body .v5 .ikns-refstrip .ik-refmarquee:focus-visible{outline:none}
.v5 .ikns-refstrip:has(.ik-refmarquee:focus-visible){outline:2px solid var(--v5-signal,#95000A);outline-offset:4px}
html body .v5 .ikns-refstrip .ik-reftile{flex:0 0 164px;width:164px;height:clamp(74px,7vw,88px);padding:12px 16px;background:none;border:0;border-radius:0;box-shadow:none}
/* INFOKOM-WEB-DIRECTORS-DEMO-V2-20261005 — the loop is seamless only if each set is exactly as wide as its tiles. Firefox
   and WebKit size the track and the sets from the logos' CONTENT widths (they ignore the tiles' flex-basis there), so a set
   came out 1778 px for 2144 px of tiles and the second set started inside the first: logos overlapped at the junction.
   An explicit tile width + non-shrinking sets give every engine the same geometry (Chromium's is unchanged). */
@media (prefers-reduced-motion:no-preference){html body .v5 .ikns-refstrip .ik-refmarquee-set{flex:none}}
/* INFOKOM-WEB-FINAL-3P-P1-HOMEPAGE-AGENTS-20261007: `flex:none` only while the strip MOVES (as the LP patch does,
   scripts/rc4/ads-pages.ts): unscoped, the ONE static reduced-motion set could not wrap and ran 2144 px wide across the
   section label and out of the page column (the maintained marquee's own reduced-motion rule makes the rail overflow:visible). */
html body .v5 .ikns-refstrip .ik-reflogo{max-height:38px;max-width:132px;filter:grayscale(1) contrast(1.05);opacity:.68;transition:filter .3s ease,opacity .3s ease}
html body .v5 .ikns-refstrip .ik-reftile:hover .ik-reflogo{filter:none;opacity:1}
@media (max-width:575.98px){html body .v5 .ikns-refstrip .ik-reftile{flex-basis:128px;width:128px;height:72px;padding:10px 12px}html body .v5 .ikns-refstrip .ik-reflogo{max-height:32px;max-width:104px}}
/* INFOKOM-WEB-DIRECTORS-DEMO-V2-20261005 — Dark: the strip stays on the section's own charcoal between its hairlines (the
   former continuous light rail read as a large white band across the page). Every logo shows its ORIGINAL colours —
   no grayscale, invert or whitening. Only the logos whose own pixels cannot stand on charcoal (REF_DARK_PLATE in
   v6-content.ts, measured) carry a small white plate hugging the mark; Elgrad, Dubravica and Duplico stand as supplied. */
html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ik-refmarquee{background:none;border-color:var(--v5-line)}
html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ik-reftile{background:none;border:0;box-shadow:none}
html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ik-reflogo,html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ik-reftile:hover .ik-reflogo{filter:none;opacity:1;border-radius:4px}
html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ikns-refplate .ik-reflogo{box-sizing:content-box;background:#FFFFFF;padding:7px 10px;border-radius:6px}
@media (max-width:575.98px){html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ikns-refplate .ik-reflogo{padding:5px 8px}}
@media (prefers-reduced-motion:reduce){html body .v5 .ikns-refstrip .ik-refmarquee{padding:6px 0}}


/* ===== V6 final site pass — tokens ===== */
html.ikns{--ikx-bg:#FFFFFF;--ikx-bg2:#F4F5F6;--ikx-card:#FFFFFF;--ikx-ink:#1F2022;--ikx-ink2:#3A3C40;--ikx-muted:#61656A;--ikx-line:#E1E3E6;--ikx-line2:#C9CDD2;--ikx-dark:#1D1F21;--ikx-dark2:#282A2D;--ikx-red:#95000A;--ikx-red-h:#7E0008;--ikx-soft:#FBEDEE;--ikx-signal:#E0303C;--ikx-fill:#B3000D;--ikx-on-dark:#F2F3F4;--ikx-on-dark2:rgba(242,243,244,.78);--ikx-dline:rgba(255,255,255,.12);--ikx-gut:clamp(16px,4vw,40px)}
html.ikns.ik-preview-dark{--ikx-bg:#141517;--ikx-bg2:#18191C;--ikx-card:#1D1F22;--ikx-ink:#F4F4F5;--ikx-ink2:#D9DADD;--ikx-muted:#A9ADB3;--ikx-line:rgba(255,255,255,.12);--ikx-line2:rgba(255,255,255,.22);--ikx-dark:#1D1F22;--ikx-dark2:#24262A;--ikx-soft:rgba(224,48,60,.10)}
html.ikns body,html.ikns #wrapwrap{background-color:var(--ikx-bg)}

/* ===== one theme control: the legacy floating toggle stays in the DOM (it runs the page's theme engine) but is never shown ===== */
html.ikns .ik-theme-fab{display:none !important}

/* ===== homepage components on inner pages ===== */
html.ikns .ikns-v5{display:block}
.v5 .ikns-hero--solo .v5-hero-grid{grid-template-columns:minmax(0,1fr)}
.v5 .ikns-hero--solo .v5-h1-line{max-width:24ch}
.v5 .ikns-hero--solo .v5-lead{max-width:46rem}
.v5 .ikns-hero .v5-h1-line{font-size:clamp(2rem,1.1rem + 2.3vw,3rem);max-width:20ch}
.v5 .ikns-hero .ikns-sub{margin-top:.8rem;font-size:1rem;color:var(--v5-muted)}
.v5 .ikns-hero .v5-by a,.v5 .ikns-panel a,.v5 .ikns-vnote a{color:var(--v5-accent);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.v5 .ikns-hero-aside{min-width:0}
.v5 .ikns-hero .v5-hero-visual{padding-bottom:30px}
.v5 .ikns-hero .v5-badge strong{color:#1F2124}
.v5 .ikns-panel{position:relative;border:1px solid var(--v5-line2);border-top:3px solid var(--v5-accent);border-radius:var(--v5-r-lg);background:var(--v5-card);padding:clamp(20px,2.4vw,30px)}
.v5 .ikns-panel-k{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted);margin-bottom:.4rem}
.v5 .ikns-panel-rows{margin:0}
.v5 .ikns-panel-row{display:grid;gap:.15rem;padding:.85rem 0;border-bottom:1px solid var(--v5-line)}
.v5 .ikns-panel-row:last-child{border-bottom:0;padding-bottom:0}
@media (min-width:576px){.v5 .ikns-panel-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:baseline}}
.v5 .ikns-panel dt{font-size:.98rem;font-weight:800;color:var(--v5-ink);margin:0}
.v5 .ikns-panel dt a{text-decoration:none;color:var(--v5-ink)}
.v5 .ikns-panel dt a:hover{color:var(--v5-accent)}
.v5 .ikns-panel dd{margin:0;font-size:.92rem;line-height:1.5;color:var(--v5-muted)}
.v5 .ikns-panel dd a{color:var(--v5-ink);text-decoration:none;font-weight:700}
.v5 .ikns-panel-foot{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--v5-line);font-size:.88rem;color:var(--v5-muted)}
.v5 .ikns-vnote{display:flex;flex-wrap:wrap;gap:.6rem .9rem;align-items:flex-start;margin-top:1.3rem;padding:1rem 1.1rem;border:1px solid var(--v5-line2);border-left:3px solid var(--v5-accent);border-radius:var(--v5-r-md);background:var(--v5-bg2);max-width:46rem}
.v5 .ikns-vnote p{flex:1 1 18rem;font-size:.95rem;line-height:1.55;color:var(--v5-ink2)}
.v5 .ikns-vchip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--v5-r-chip);background:var(--v5-ink);color:var(--v5-bg);font-size:.82rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.v5 .ikns-vchip .v5-ico{width:15px;height:15px}
.v5 .ikns-cta--solo{grid-template-columns:minmax(0,1fr) !important}
.v5 .ikns-linkrow{display:flex;flex-wrap:wrap;gap:1rem 2rem}
.v5 .ikns-posture{align-items:center;flex-wrap:wrap}
.v5 .ikns-posture > div{flex:1 1 24rem}
.v5 .ikns-posture .v5-link{white-space:nowrap}
.v5 .ikns-headlead{margin-top:1rem}
.v5 .ikns-demo{display:grid;gap:1rem;justify-items:start}
.v5 .ikns-demo-mark{height:40px;width:auto}
.v5 .ikns-demo .ik-workspace{width:100%;margin:0}
/* Odoo hero visual — native, no localisation artwork */
.v5 .ikns-stack{display:grid;gap:10px}
.v5 .ikns-stack-layer{border:1px solid var(--v5-line2);border-radius:var(--v5-r-lg);background:var(--v5-card);padding:clamp(16px,2vw,22px)}
.v5 .ikns-stack-layer--ns{border-top:3px solid var(--v5-accent);background:var(--v5-accent-soft)}
.v5 .ikns-stack-k{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-accent);margin-bottom:.7rem}
.v5 .ikns-stack-k--wm{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-bottom:.85rem}
.v5 .ikns-stack-k--wm .ikns-wm{--ikns-wm-h:clamp(29.7px,2.7vw,35.1px)}
.v5 .ikns-stack-k--wm > span:last-child{padding-left:.8rem;border-left:1px solid var(--v5-accent-line);line-height:1.2}
.v5 .ikns-stack-layer--infra .ikns-stack-k{color:var(--v5-muted);margin-bottom:.25rem}
.v5 .ikns-stack-layer--infra span{font-size:.92rem;color:var(--v5-ink2)}
.v5 .ikns-stack-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.v5 .ikns-stack-tiles li{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border-radius:var(--v5-r-md);background:var(--v5-card);border:1px solid var(--v5-accent-line);font-size:.92rem;font-weight:800;color:var(--v5-ink)}
.v5 .ikns-stack-tiles .v5-ico{width:18px;height:18px;color:var(--v5-accent)}
.v5 .ikns-stack-id{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin-bottom:1rem}
.v5 .ikns-stack-logo{display:inline-flex;align-items:center;padding:10px 14px;border-radius:var(--v5-r-md);background:#FFFFFF;border:1px solid var(--v5-line)}
.v5 .ikns-stack-logo img{display:block;height:34px;width:auto}
.v5 .ikns-stack-ver strong{display:block;font-size:1.15rem;font-weight:800;color:var(--v5-ink)}
.v5 .ikns-stack-ver span{display:block;font-size:.88rem;color:var(--v5-muted)}
.v5 .ikns-compare{display:grid;gap:1rem}
@media (min-width:992px){.v5 .ikns-compare{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.v5 .ikns-compare-col{padding:clamp(20px,2.4vw,30px);border:1px solid var(--v5-line);border-radius:var(--v5-r-lg);background:var(--v5-card)}
.v5 .ikns-compare-col--ns{border-color:var(--v5-line2);border-top:3px solid var(--v5-accent)}
.v5 .ikns-compare-k{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted);margin-bottom:.8rem}
.v5 .ikns-compare-col--ns .ikns-compare-k{color:var(--v5-accent)}
.v5 .ikns-compare li{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem 0;border-top:1px solid var(--v5-line);font-size:.97rem;line-height:1.5;color:var(--v5-muted)}
.v5 .ikns-compare-col--ns li{color:var(--v5-ink)}
.v5 .ikns-compare li .v5-ico{width:18px;height:18px;color:var(--v5-accent);margin-top:2px}
.v5 .ikns-areas{margin-top:clamp(40px,4.6vw,64px);padding-top:clamp(28px,3vw,40px);border-top:2px solid var(--v5-ink)}
.v5 .ikns-areas-k{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted);margin-bottom:1.3rem}
.v5 .ikns-areas-grid{display:grid;gap:1.6rem 2rem}
@media (min-width:768px){.v5 .ikns-areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.v5 .ikns-areas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.v5 .ikns-areas-grid .v5-h3{font-size:1rem;margin-bottom:.7rem}
.v5 .ikns-areas .v5-note{margin-top:1.5rem}
.v5 .ikns-src{margin-top:1.4rem}
.v5 .ikns-src a{color:var(--v5-muted);text-decoration:underline}
.v5 .ikns-facts-2{margin-top:0}
@media (min-width:992px){.v5 .ikns-facts-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}}
.v5 .ikns-trio{display:grid;gap:1rem}
@media (min-width:992px){.v5 .ikns-trio{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v5 .ikns-trio .v5-link{margin-top:auto;padding-top:.4rem}
.v5 .ikns-trio .v5-aicard .v5-h3{font-size:1.2rem}
/* AI page */
.v5 .ikns-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.8rem}
.v5 .ikns-chips-k{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v5-muted);margin-right:.4rem}
.v5 .ikns-chips .v5-chip{font-weight:700;font-size:.88rem}
.v5 .ikns-ai-today{align-items:stretch}
@media (min-width:992px){.v5 .ikns-ai-today{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}.v5 .ikns-ai-today .v5-aicard--lead{grid-row:auto}}
.v5 .ikns-ai-demo{display:flex;align-items:center}
.v5 .ikns-ai-demo .ik-workspace{width:100%;margin:0}
.v5 .ikns-ws-steps{margin:.5rem 0 0;padding-left:1.1rem;list-style:decimal}
.v5 .ikns-two{display:grid;gap:2.4rem}
@media (min-width:992px){.v5 .ikns-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem}}
.v5 .ikns-colk{display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v5-ink)}
.v5 .ikns-colk .v5-ico{color:var(--v5-accent);width:20px;height:20px}
.v5 .ikns-two .v5-facts{margin-top:1rem}
.v5 .ikns-two .v5-fact{grid-template-columns:34px minmax(0,1fr)}
.v5 .ikns-tier{display:inline-block;margin-bottom:.8rem;padding:.25rem .6rem;border-radius:var(--v5-r-chip);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--v5-bg3,#ECEEF0);color:var(--v5-ink)}
.v5 .ikns-steps{display:grid;gap:0;border-top:2px solid var(--v5-ink);counter-reset:none}
@media (min-width:992px){.v5 .ikns-steps{grid-template-columns:repeat(5,minmax(0,1fr))}}
.v5 .ikns-steps li{padding:1.3rem 0;border-bottom:1px solid var(--v5-line)}
@media (min-width:992px){.v5 .ikns-steps li{padding:1.5rem 1.4rem 0 0;border-bottom:0}.v5 .ikns-steps li + li{padding-left:1.4rem;border-left:1px solid var(--v5-line)}}
.v5 .ikns-steps b{display:block;font-size:.8rem;font-weight:800;letter-spacing:.06em;color:var(--v5-accent);font-variant-numeric:tabular-nums}
.v5 .ikns-steps strong{display:block;margin:.35rem 0 .4rem;font-size:1.08rem;font-weight:800;color:var(--v5-ink)}
.v5 .ikns-steps p{font-size:.94rem;line-height:1.55;color:var(--v5-muted)}
.v5 .ikns-proof{display:grid;gap:0;border-top:2px solid var(--v5-ink)}
@media (min-width:768px){.v5 .ikns-proof{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}}
@media (min-width:1200px){.v5 .ikns-proof{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2rem}}
.v5 .ikns-proof article{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 0;border-bottom:1px solid var(--v5-line)}
@media (min-width:1200px){.v5 .ikns-proof article{border-bottom:0}}
.v5 .ikns-proof .v5-link{margin-top:.3rem}
html[data-ikv5-theme="dark"] .v5 .ikns-stack-logo{background:#F4F5F6;border-color:transparent}
html[data-ikv5-theme="dark"] .v5 .ikns-vchip{background:#F4F4F5;color:#141517}
html[data-ikv5-theme="dark"] .v5 .ikns-tier{background:rgba(255,255,255,.08)}
html[data-ikv5-theme="dark"] .v5 .ikns-panel{border-top-color:#E0303C}

/* ===== legacy sections: surfaces, rhythm and width (A Executive) ===== */
html.ikns .ik-prev > section{position:relative}
html.ikns .ik-prev > section.o_cc1,html.ikns .ik-prev > section.o_cc1.o_colored_level{background:var(--ikx-bg) !important;background-image:none !important;color:var(--ikx-ink)}
html.ikns .ik-prev > section.o_cc2,html.ikns .ik-prev > section.o_cc2.o_colored_level{background:var(--ikx-bg2) !important;background-image:none !important;color:var(--ikx-ink)}
html.ikns .ik-prev > section.o_cc5,html.ikns .ik-prev > section.o_cc5.o_colored_level{background:var(--ikx-dark) !important;background-image:none !important;color:var(--ikx-on-dark)}
html.ikns .ik-prev .ik-depth::before,html.ikns .ik-prev .ik-depth::after,html.ikns .ik-prev .ik-glow-drift::before,html.ikns .ik-prev .ik-glow-drift::after,html.ikns .ik-prev .ik-sep-top::before,html.ikns .ik-prev .ik-sep-top::after{display:none !important;content:none !important}
html.ikns .ik-prev > section.o_colored_level:not(.s_website_form){padding-top:clamp(64px,7.2vw,108px) !important;padding-bottom:clamp(64px,7.2vw,108px) !important}
html.ikns .ik-prev > section.o_cc1 + section.o_cc1,html.ikns .ik-prev > section.o_cc2 + section.o_cc2{border-top:1px solid var(--ikx-line)}
html.ikns .ik-prev > section > .container,html.ikns .ik-prev > section > div > .container{max-width:1240px;padding-left:var(--ikx-gut);padding-right:var(--ikx-gut)}
/* section heads: left-aligned, as on the homepage */
html.ikns .ik-prev > section > .container > .row > .text-center.mx-auto,html.ikns .ik-prev > section > .container > .row > [class*="col-"].mx-auto.text-center{margin-left:0 !important;text-align:left !important}
html.ikns .ik-prev > section > .container > .row > .text-center.mx-auto .mx-auto,html.ikns .ik-prev > section > .container > .row > [class*="col-"].mx-auto.text-center .mx-auto{margin-left:0 !important}
html.ikns .ik-prev > section > .container > .row > .text-center.mx-auto .justify-content-center{justify-content:flex-start !important}
html.ikns .ik-prev > section > .container > .text-center:not(.btn),html.ikns .ik-prev > section > .container.text-center{text-align:left !important}
html.ikns .ik-prev > section > .container > .row > [class*="col-"].mx-auto{margin-left:0 !important}
html.ikns .ik-prev > section > .container.text-center .mx-auto{margin-left:0 !important}
html.ikns .ik-prev > section .text-center:has(> .ik-eyebrow),html.ikns .ik-prev > section .text-center:has(> .ik-anchor + .ik-eyebrow){text-align:left !important}
html.ikns .ik-prev > section .text-center:has(> .ik-eyebrow) .mx-auto{margin-left:0 !important}
html.ikns .ik-prev > section .row.justify-content-center:has(.text-center > .ik-eyebrow){justify-content:flex-start !important}

/* ===== type ===== */
html.ikns .ik-prev > section h2,html.ikns .ik-prev > section .h2{font-weight:800 !important;letter-spacing:-.022em;line-height:1.12;text-wrap:balance;color:inherit;font-size:clamp(1.75rem,1.05rem + 2vw,2.6rem)}
html.ikns .ik-prev > section h2.display-5,html.ikns .ik-prev > section h2.display-4{font-size:clamp(1.9rem,1.1rem + 2.4vw,2.9rem)}
html.ikns .ik-prev > section h3,html.ikns .ik-prev > section .h3,html.ikns .ik-prev > section h4{font-weight:800 !important;letter-spacing:-.01em;line-height:1.3}
html.ikns .ik-prev > section h3.h6,html.ikns .ik-prev > section h3.h5{font-size:1.06rem}
html.ikns .ik-prev > section .lead,html.ikns .ik-prev > section p.lead{font-weight:400 !important;font-size:clamp(1.02rem,.98rem + .25vw,1.15rem);line-height:1.62;color:var(--ikx-ink2)}
html.ikns .ik-prev > section.o_cc5 .lead,html.ikns .ik-prev > section.o_cc5 p{color:var(--ikx-on-dark2)}
html.ikns .ik-prev > section.o_cc5 h2,html.ikns .ik-prev > section.o_cc5 h3,html.ikns .ik-prev > section.o_cc5 strong{color:#FFFFFF}
/* light product surfaces inside dark sections keep their own text colours */
html.ikns .ik-prev > section .ik-chat strong,html.ikns .ik-prev > section .ik-workspace strong,html.ikns .ik-prev > section .ik-chat b,html.ikns .ik-prev > section .ik-workspace b{color:inherit !important}
html.ikns .ik-prev > section.o_cc5 :is([class*="formcard"],[class*="form-card"]) :is(p,label,li,small):not(.s_website_form_dnone *){color:var(--ikx-ink2) !important}
html.ikns .ik-prev > section.o_cc5 :is([class*="formcard"],[class*="form-card"]) :is(h2,h3,strong){color:var(--ikx-ink) !important}
html.ikns .ik-prev > section p{line-height:1.62}
html.ikns .ik-prev .ik-accent{color:var(--ikx-red)}
html.ikns.ik-preview-dark .ik-prev .ik-accent,html.ikns .ik-prev > section.o_cc5 .ik-accent{color:#FFFFFF;text-decoration:underline;text-decoration-color:#E0303C;text-decoration-thickness:3px;text-underline-offset:6px}
html.ikns .ik-prev .ik-eyebrow{display:inline-flex !important;align-items:center;gap:.6rem;font-size:.78rem !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--ikx-red) !important;margin-bottom:1.1rem !important;background:none !important;padding:0 !important;border:0 !important}
html.ikns .ik-prev .ik-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;flex:0 0 auto}
html.ikns .ik-prev > section.o_cc5 .ik-eyebrow,html.ikns.ik-preview-dark .ik-prev .ik-eyebrow{color:var(--ikx-on-dark2) !important}
html.ikns .ik-prev > section.o_cc5 .ik-eyebrow::before,html.ikns.ik-preview-dark .ik-prev .ik-eyebrow::before{background:#E0303C}

/* ===== buttons ===== */
html.ikns .ik-prev section .btn{border-radius:4px !important;font-weight:800 !important;box-shadow:none !important;letter-spacing:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
html.ikns .ik-prev section .btn:not(.btn-sm):not(.btn-link){min-height:48px;padding:.75rem 1.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
html.ikns .ik-prev section .btn-primary{background:var(--ikx-red) !important;border-color:var(--ikx-red) !important;color:#fff !important}
html.ikns .ik-prev section .btn-primary:hover,html.ikns .ik-prev section .btn-primary:focus-visible{background:var(--ikx-red-h) !important;border-color:var(--ikx-red-h) !important}
html.ikns .ik-prev section .btn-outline-primary,html.ikns .ik-prev section .btn-secondary,html.ikns .ik-prev section .btn-outline-secondary{background:transparent !important;border:1px solid color-mix(in srgb,var(--ikx-ink) 28%,transparent) !important;color:var(--ikx-ink) !important}
html.ikns .ik-prev section .btn-outline-primary:hover,html.ikns .ik-prev section .btn-secondary:hover,html.ikns .ik-prev section .btn-outline-secondary:hover{border-color:var(--ikx-ink) !important;background:transparent !important;color:var(--ikx-ink) !important}
html.ikns .ik-prev > section.o_cc5 .btn-outline-light,html.ikns .ik-prev > section.o_cc5 .btn-outline-primary,html.ikns .ik-prev > section.o_cc5 .btn-secondary{background:transparent !important;border:1px solid rgba(255,255,255,.55) !important;color:#fff !important}
html.ikns .ik-prev > section.o_cc5 .btn-outline-light:hover,html.ikns .ik-prev > section.o_cc5 .btn-outline-primary:hover{border-color:#fff !important;background:rgba(255,255,255,.08) !important}
html.ikns.ik-preview-dark .ik-prev section .btn-primary{background:#B3000D !important;border-color:#B3000D !important}
html.ikns.ik-preview-dark .ik-prev section .btn-primary:hover{background:#C8101D !important;border-color:#C8101D !important}
html.ikns .ik-prev section .btn:focus-visible{outline:2px solid var(--ikx-red);outline-offset:3px}
html.ikns.ik-preview-dark .ik-prev section .btn:focus-visible{outline-color:#fff}

/* ===== cards -> ruled, flat (no floating boxes, no hover lift) ===== */
html.ikns .ik-prev .ik-card,html.ikns .ik-prev .s_card.card,html.ikns .ik-prev .ik-modcard{background:transparent !important;border:0 !important;border-top:1px solid var(--ikx-line2) !important;border-radius:0 !important;box-shadow:none !important;transform:none !important}
html.ikns .ik-prev .ik-card:hover,html.ikns .ik-prev .s_card.card:hover,html.ikns .ik-prev .ik-modcard:hover{box-shadow:none !important;transform:none !important}
html.ikns .ik-prev .ik-card > .card-body,html.ikns .ik-prev .s_card.card > .card-body{padding:1.3rem 0 .4rem !important}
html.ikns .ik-prev > section.o_cc5 .ik-card,html.ikns .ik-prev > section.o_cc5 .s_card.card{border-top-color:var(--ikx-dline) !important;color:var(--ikx-on-dark2) !important}
html.ikns .ik-prev > section.o_cc5 .ik-card :is(h3,h4,strong),html.ikns .ik-prev > section.o_cc5 .s_card.card :is(h3,h4,strong){color:#FFFFFF !important}
html.ikns .ik-prev > section.o_cc5 .ik-card p,html.ikns .ik-prev > section.o_cc5 .s_card.card p{color:var(--ikx-on-dark2) !important}
html.ikns .ik-prev .ik-ico{display:inline-flex !important;align-items:center;justify-content:center;width:40px !important;height:40px !important;border-radius:4px !important;background:var(--ikx-soft) !important;color:var(--ikx-red) !important;box-shadow:none !important;margin-bottom:.9rem}
html.ikns.ik-preview-dark .ik-prev .ik-ico,html.ikns .ik-prev > section.o_cc5 .ik-ico{background:transparent !important;border:1px solid var(--ikx-dline);color:#E0303C !important}
html.ikns .ik-prev .ik-tag,html.ikns .ik-prev .ik-flow-pill{border-radius:3px !important;background:var(--ikx-bg2) !important;border:1px solid var(--ikx-line) !important;color:var(--ikx-ink) !important;font-weight:700 !important;box-shadow:none !important}
html.ikns .ik-prev > section.o_cc2 .ik-tag{background:var(--ikx-bg) !important}
html.ikns .ik-prev .ik-role{border-radius:4px !important;box-shadow:none !important;border:1px solid var(--ikx-line) !important;background:var(--ikx-card) !important}

/* ===== the legacy process steps / numbered lists ===== */
html.ikns .ik-prev .ik-step-n{border-radius:4px !important;background:var(--ikx-red) !important;color:#fff !important;font-weight:800;box-shadow:none !important}
html.ikns.ik-preview-dark .ik-prev .ik-step-n,html.ikns .ik-prev > section.o_cc5 .ik-step-n{background:#B3000D !important}

/* ===== photos inside legacy sections: hairline frame, square-ish corners ===== */
html.ikns .ik-prev .ik-photo-card,html.ikns .ik-prev .ik-hubimg,html.ikns .ik-prev section img.rounded,html.ikns .ik-prev section .ik-hubimg-img{border-radius:6px !important;box-shadow:none !important}
html.ikns .ik-prev .ik-photo-card{border:1px solid var(--ikx-line)}

/* ===== the shared InfoBot workspace: red title bar -> charcoal, so red stays an accent ===== */
html.ikns .ik-prev .ik-workspace{border-radius:6px !important;border:1px solid var(--ikx-line2) !important;box-shadow:0 1px 2px rgba(20,22,26,.05),0 18px 40px -22px rgba(20,22,26,.28) !important;background:var(--ikx-card) !important;overflow:hidden}
html.ikns .ik-prev .ik-workspace .ik-ws-bar{background:#1F2022 !important;color:#fff !important}
html.ikns.ik-preview-dark .ik-prev .ik-workspace .ik-ws-bar{background:#2C2E32 !important}
html.ikns .ik-prev .ik-workspace .ik-ws-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem}
html.ikns .ik-prev .ik-workspace .ik-ws-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);display:inline-block}
html.ikns .ik-prev .ik-workspace .ik-ws-title{display:inline-flex;align-items:center;gap:.4rem;margin-left:.4rem;font-weight:800;font-size:.9rem}
html.ikns .ik-prev .ik-workspace .ik-botmark{width:18px !important;height:18px !important;object-fit:contain}
html.ikns .ik-prev .ik-workspace .ik-ws-module{margin-left:auto;font-size:.78rem;opacity:.8}
html.ikns .ik-prev .ik-chat .ik-chat-head{background:#1F2022 !important;color:#fff !important}
html.ikns.ik-preview-dark .ik-prev .ik-chat .ik-chat-head{background:#2C2E32 !important}
html.ikns .ik-prev .ik-chat{border-radius:6px !important;border:1px solid var(--ikx-line2) !important;box-shadow:0 1px 2px rgba(20,22,26,.05),0 18px 40px -22px rgba(20,22,26,.28) !important}
html.ikns .ik-prev .ikq-card,html.ikns .ik-prev [class*="ikd-card"],html.ikns .ik-prev [class*="diag-card"]{border-radius:6px !important;box-shadow:none !important;border:1px solid var(--ikx-line2) !important;border-top:3px solid var(--ikx-red) !important}
html.ikns.ik-preview-dark .ik-prev .ikq-card{border-top-color:#E0303C !important}

/* ===== forms (Kontakt, funnels) ===== */
html.ikns .ik-prev .s_website_form .form-control,html.ikns .ik-prev .s_website_form .form-select,html.ikns .ik-prev form .form-control,html.ikns .ik-prev form .form-select{border-radius:4px !important;border:1px solid var(--ikx-line2) !important;background-color:var(--ikx-card) !important;color:var(--ikx-ink) !important;min-height:48px;box-shadow:none !important;font-size:1rem}
html.ikns .ik-prev form textarea.form-control{min-height:132px}
html.ikns .ik-prev form .form-control:focus,html.ikns .ik-prev form .form-select:focus{border-color:var(--ikx-red) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ikx-red) 18%,transparent) !important}
html.ikns.ik-preview-dark .ik-prev form .form-control:focus,html.ikns.ik-preview-dark .ik-prev form .form-select:focus{border-color:#E0303C !important;box-shadow:0 0 0 3px rgba(224,48,60,.25) !important}
html.ikns .ik-prev form .s_website_form_label,html.ikns .ik-prev form label{font-weight:700 !important;color:var(--ikx-ink) !important;font-size:.92rem}
html.ikns .ik-prev form .s_website_form_mark{color:var(--ikx-red)}
html.ikns.ik-preview-dark .ik-prev form .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23D9DADD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important}
html.ikns.ik-preview-dark .ik-prev form .form-select option{background:#1D1F22;color:#F4F4F5}
html.ikns .ik-prev .ik-contact-card,html.ikns .ik-prev .ik-form-card,html.ikns .ik-prev .ikp-form-card,html.ikns .ik-prev .ik-contact-body .s_website_form > .container,html.ikns .ik-prev [class*="form-card"],html.ikns .ik-prev [class*="formcard"]{border-radius:6px !important;box-shadow:none !important;border:1px solid var(--ikx-line) !important;background:var(--ikx-card) !important}
html.ikns.ik-preview-dark .ik-prev [class*="form-card"],html.ikns.ik-preview-dark .ik-prev [class*="formcard"],html.ikns.ik-preview-dark .ik-prev .ik-contact-card{border-color:var(--ikx-line2) !important}

/* ===== funnel heroes (campaign pages keep their own structure and CTAs) ===== */
html.ikns .ik-prev > section[data-name="Hero"].o_cc5{background:var(--ikx-bg) !important;color:var(--ikx-ink);border-bottom:1px solid var(--ikx-line)}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 h1{color:var(--ikx-ink) !important;font-weight:800 !important;letter-spacing:-.024em;line-height:1.08;font-size:clamp(2rem,1.1rem + 2.3vw,3rem);max-width:24ch;text-wrap:balance}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 p,html.ikns .ik-prev > section[data-name="Hero"].o_cc5 .ikp-cta-note{color:var(--ikx-ink2) !important}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 .ik-eyebrow{color:var(--ikx-muted) !important}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 .ik-eyebrow::before{background:var(--ikx-red)}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 .btn-outline-primary{border-color:color-mix(in srgb,var(--ikx-ink) 28%,transparent) !important;color:var(--ikx-ink) !important}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 [class$="-chain"]{background:var(--ikx-bg2) !important;border:1px solid var(--ikx-line) !important;border-radius:6px !important;box-shadow:none !important;backdrop-filter:none !important}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 [class*="chain-cap"]{color:var(--ikx-muted) !important;background:none !important;border:0 !important}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 [class*="-step"]{background:var(--ikx-card) !important;border:1px solid var(--ikx-line2) !important;color:var(--ikx-ink) !important;border-radius:3px !important;box-shadow:none !important}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 [class*="-step"].is-key{background:var(--ikx-red) !important;border-color:var(--ikx-red) !important;color:#fff !important}
html.ikns .ik-prev > section[data-name="Hero"].o_cc5 [class*="-arrow"]{color:var(--ikx-muted) !important}
html.ikns.ik-preview-dark .ik-prev > section[data-name="Hero"].o_cc5 [class*="-step"].is-key{background:#B3000D !important;border-color:#B3000D !important}

/* ===== legal pages (no .ik-prev): a reading column with the site's type ===== */
html.ikns #wrap > section.pt8{padding:clamp(40px,5vw,72px) 0 clamp(64px,7vw,104px) !important}
html.ikns #wrap > section.pt8 > .container{max-width:860px;padding-left:var(--ikx-gut);padding-right:var(--ikx-gut)}
html.ikns #wrap > section.pt8 h1{font-weight:800 !important;letter-spacing:-.024em;line-height:1.1;font-size:clamp(2rem,1.2rem + 2.2vw,2.9rem);margin-bottom:.6rem;color:var(--ikx-ink)}
html.ikns #wrap > section.pt8 h1::before{content:"Pravne informacije";display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ikx-red);margin-bottom:1.1rem;-webkit-text-fill-color:currentColor}
html.ikns #wrap > section.pt8 h2,html.ikns #wrap > section.pt8 h3{font-weight:800 !important;letter-spacing:-.012em;color:var(--ikx-ink);margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--ikx-line)}
html.ikns #wrap > section.pt8 p,html.ikns #wrap > section.pt8 li{line-height:1.7;color:var(--ikx-ink2)}
html.ikns #wrap > section.pt8 a:not(.btn){color:var(--ikx-red);text-decoration:underline;text-underline-offset:3px}
html.ikns #wrap > section.pt8 table{border:1px solid var(--ikx-line) !important;border-radius:6px;overflow:hidden;font-size:.94rem}
html.ikns #wrap > section.pt8 thead th,html.ikns #wrap > section.pt8 tr:first-child th{background:var(--ikx-bg2) !important;color:var(--ikx-ink) !important;font-weight:800}
html.ikns.ikns-dark-fallback #wrap > section.pt8 a:not(.btn){color:#F4F4F5 !important;text-decoration-color:#E0303C}
html.ikns.ikns-dark-fallback #wrap > section.pt8 h1::before{color:#C9CCD1}

/* ===== header: final Infokom identity, one CTA, one theme control ===== */
html.ikns header#top .navbar{box-shadow:none !important;border-bottom:1px solid var(--ikx-line)}
html.ikns header#top .btn_cta{display:none !important}
html.ikns header#top li:has(> .oe_structure .btn_cta){display:none !important}
html.ikns body #wrapwrap header#top nav[aria-label="Main"] a[href="/web/login"]{background:transparent !important;box-shadow:none !important;border:0 !important;font-weight:700;color:var(--ikx-muted) !important;padding:.4rem .6rem !important}
html.ikns body #wrapwrap header#top nav[aria-label="Main"] a[href="/web/login"]:hover{color:var(--ikx-ink) !important}
html.ikns body #wrapwrap header#top .s_social_media_linkedin,html.ikns body #wrapwrap header#top .s_social_media_linkedin i{color:var(--ikx-muted) !important}
html.ikns body #wrapwrap header#top a[href^="tel:"] .fa-phone{color:var(--ikx-red) !important}
html.ikns.ik-preview-dark body #wrapwrap header#top a[href^="tel:"] .fa-phone{color:#E0303C !important}
html.ikns body #wrapwrap header#top .navbar .ikns-theme button span{color:inherit !important}
html.ikns header#top .o_header_mobile ul.navbar-nav a.o_nav_link_btn[href="/web/login"]{border:1px solid var(--ikx-line2) !important;border-radius:4px}
html.ikns header#top #top_menu .nav-link{font-weight:700;color:var(--ikx-ink) !important;position:relative}
html.ikns header#top #top_menu .nav-link.active{color:var(--ikx-ink) !important}
html.ikns header#top #top_menu > .nav-item:last-child > .nav-link{border-radius:4px !important;font-weight:800 !important;color:#fff !important;background:var(--ikx-red) !important;padding:.5rem 1rem !important;margin-left:.5rem}
html.ikns header#top #top_menu > .nav-item:last-child > .nav-link:hover,html.ikns header#top #top_menu > .nav-item:last-child > .nav-link:focus-visible{background:var(--ikx-red-h) !important;color:#fff !important}
html.ikns.ik-preview-dark header#top #top_menu > .nav-item:last-child > .nav-link{background:#B3000D !important}
html.ikns header#top #top_menu > .nav-item:last-child > .nav-link::after{display:none !important}
/* INFOKOM-WEB-FINAL-3P-P3-RELEASE: at 992-1199 px the seven items + the CTA (974 px) did not fit the 952 px bar, so
   Odoo moved the CTA into its "+" overflow menu (which then took the red CTA style); tighter item padding there */
@media (min-width:992px) and (max-width:1199.98px){html.ikns header#top #top_menu > .nav-item > .nav-link{padding-left:.75rem;padding-right:.75rem}}
/* the mobile menu's last item is the CTA, which the shared header styles fill with the brand red: white text in both
   themes (INFOKOM-WEB-FINAL-3P-P3-RELEASE — it was red on red, invisible, in Light) */
html.ikns header#top .o_mega_menu_is_offcanvas > .nav-item:last-child > .nav-link{font-weight:800 !important;color:#fff !important}
html.ikns.ik-preview-dark header#top .o_mega_menu_is_offcanvas > .nav-item:last-child > .nav-link{color:#fff !important}
.ikns-theme{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--ikx-line2);border-radius:999px;background:var(--ikx-bg);font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.ikns-theme button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:999px;color:var(--ikx-muted);white-space:nowrap}
.ikns-theme button:hover{color:var(--ikx-ink)}
.ikns-theme button[aria-pressed="true"]{background:var(--ikx-ink);color:var(--ikx-bg)}
.ikns-theme button:focus-visible{outline:2px solid var(--ikx-red);outline-offset:2px}
html.ikns.ik-preview-dark .ikns-theme button:focus-visible{outline-color:#fff}
.ikns-theme svg{width:15px;height:15px;flex:0 0 auto}
.ikns-theme--icon{padding:0;border:0;background:transparent}
.ikns-theme--icon button{min-width:44px;min-height:44px;justify-content:center;padding:0;border:1px solid var(--ikx-line2);border-radius:999px;color:var(--ikx-ink)}
.ikns-theme--icon button[aria-pressed]{background:transparent;color:var(--ikx-ink)}
.ikns-theme--icon button svg{width:19px;height:19px}
.ikns-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* INFOKOM-WEB-FINAL-3P-P3-RELEASE: three modes (Svijetla / Tamna / Auto) — the same pill, a little tighter */
.ikns-theme:not(.ikns-theme--icon) button{padding:0 10px}
.ikns-theme-menu{list-style:none;display:flex;flex-direction:column;gap:.45rem;padding:1rem 0 .35rem}
.ikns-theme-menu-h{font:800 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ikx-muted)}
.ikns-theme-menu .ikns-theme{display:flex;width:100%}
.ikns-theme-menu .ikns-theme button{flex:1 1 0;justify-content:center;min-height:40px}
@media (min-width:992px){.ikns-theme-menu{display:none}}
html.ikns header#top .o_header_mobile .o_main_nav{flex-wrap:nowrap !important;align-items:center}
html.ikns header#top .o_header_mobile .navbar-brand img{max-width:min(46vw,190px);height:auto}
html.ikns header#top .o_header_mobile_buttons_wrap{margin-right:.25rem}
html.ikns header#top .ikns-theme-li{display:flex;align-items:center}
@media print{.ikns-theme,}

/* ===== preview indicator: separate, discreet, NOT a control ===== */



/* ===== footer: NextStep / Infokom navigation, support, legal, company ===== */
html.ikns footer#bottom{background:var(--ikx-dark) !important;color:var(--ikx-on-dark2)}
html.ikns footer#bottom #footer > section{padding:0 !important}
.ikns-foot{max-width:1240px;margin:0 auto;padding:clamp(48px,5.5vw,72px) var(--ikx-gut) clamp(28px,3vw,40px);display:grid;gap:2.2rem;text-align:left}
@media (min-width:768px){.ikns-foot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.ikns-foot{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:3rem}}
.ikns-foot-brand img{display:block;height:36px;width:auto;margin-bottom:1rem;background:#fff;padding:6px 10px;border-radius:4px;box-sizing:content-box}
.ikns-foot-brand p{margin:0 0 .9rem;font-size:.95rem;line-height:1.6;color:var(--ikx-on-dark2);max-width:30rem}
.ikns-foot-nap{font-style:normal;font-size:.92rem;line-height:1.7;color:var(--ikx-on-dark2)}
.ikns-foot-nap strong{color:#fff;font-weight:800}
.ikns-foot h2{font-size:.76rem !important;font-weight:800 !important;letter-spacing:.12em;text-transform:uppercase;color:#fff !important;margin:0 0 1rem;display:flex;align-items:center;gap:.55rem}
.ikns-foot h2::before{content:"";width:16px;height:2px;background:#E0303C}
.ikns-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.ikns-foot a{display:inline-block;padding:.32rem 0;color:var(--ikx-on-dark) !important;text-decoration:none;font-size:.95rem}
.ikns-foot a:hover{color:#fff !important;text-decoration:underline;text-decoration-color:#E0303C;text-underline-offset:4px}
.ikns-foot a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ikns-foot a[aria-current="page"]{color:#fff !important;font-weight:800}
.ikns-foot .ikns-foot-cta{margin-top:.6rem;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:4px;background:#B3000D;color:#fff !important;font-weight:800}
.ikns-foot .ikns-foot-cta:hover{background:#C8101D;text-decoration:none}
html.ikns footer#bottom .o_footer_copyright{background:var(--ikx-dark) !important;border-top:1px solid var(--ikx-dline)}
html.ikns footer#bottom .o_footer_copyright .container{max-width:1240px;padding-left:var(--ikx-gut);padding-right:var(--ikx-gut)}
html.ikns footer#bottom .o_footer_copyright,html.ikns footer#bottom .o_footer_copyright .text-muted,html.ikns footer#bottom .o_footer_copyright font{color:rgba(242,243,244,.66) !important}
html.ikns footer#bottom .o_footer_copyright .col-md{flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem !important}
html.ikns footer#bottom .o_footer_copyright p{margin:0 !important}
html.ikns footer#bottom .o_footer_copyright a{color:var(--ikx-on-dark) !important;text-decoration:none}
html.ikns footer#bottom .o_footer_copyright a:hover{text-decoration:underline;text-decoration-color:#E0303C}
html.ikns footer#bottom .o_footer_copyright_name{order:9;margin-left:auto}
@media (max-width:767.98px){html.ikns footer#bottom .o_footer_copyright_name{margin-left:0;flex-basis:100%}}
html.ikns #o_footer_scrolltop{border-radius:4px !important;background:var(--ikx-dark2) !important;border:1px solid var(--ikx-dline) !important}

/* ===== cookie bar: plain statement, two equal choices ===== */
html.ikns #website_cookies_bar .modal-content{border:0 !important;border-top:1px solid var(--ikx-line2) !important;border-radius:0 !important;box-shadow:0 -12px 32px -18px rgba(20,22,26,.35) !important;background:var(--ikx-card) !important}
html.ikns #website_cookies_bar .modal-content > section{background:var(--ikx-card) !important;color:var(--ikx-ink) !important}
html.ikns #website_cookies_bar .container{max-width:1240px;padding-left:var(--ikx-gut);padding-right:var(--ikx-gut)}
html.ikns #website_cookies_bar .row{align-items:center}
html.ikns #website_cookies_bar p{margin:0;font-size:.95rem;line-height:1.55;color:var(--ikx-ink2) !important}
html.ikns #website_cookies_bar p strong{color:var(--ikx-ink)}
html.ikns #website_cookies_bar .o_cookies_bar_text_policy{color:var(--ikx-red) !important;font-weight:800;text-decoration:underline !important;text-underline-offset:3px;padding:0 !important;vertical-align:baseline;font-size:.95rem;border:0 !important;box-shadow:none !important}
html.ikns.ik-preview-dark #website_cookies_bar .o_cookies_bar_text_policy,html.ikns.ikns-dark-fallback #website_cookies_bar .o_cookies_bar_text_policy{color:#F4F4F5 !important;text-decoration-color:#E0303C !important}
html.ikns #website_cookies_bar .col-lg-4{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}
html.ikns #website_cookies_bar .js_close_popup{border-radius:4px !important;min-height:44px;padding:.6rem 1.15rem !important;font-weight:800 !important;font-size:.95rem !important;margin:0 !important}
html.ikns #website_cookies_bar #cookies-consent-essential{background:transparent !important;border:1px solid color-mix(in srgb,var(--ikx-ink) 32%,transparent) !important;color:var(--ikx-ink) !important}
html.ikns #website_cookies_bar #cookies-consent-all{background:var(--ikx-red) !important;border:1px solid var(--ikx-red) !important;color:#fff !important}
html.ikns.ik-preview-dark #website_cookies_bar #cookies-consent-all,html.ikns.ikns-dark-fallback #website_cookies_bar #cookies-consent-all{background:#B3000D !important;border-color:#B3000D !important}
@media (max-width:991.98px){html.ikns #website_cookies_bar .col-lg-4{justify-content:stretch;padding-top:.4rem !important}html.ikns #website_cookies_bar .js_close_popup{flex:1 1 0}}

/* ===== INFOKOM-WEB-V6-VISUAL-FINALIZATION-20261002 — structure ===== */
html.ikns{--ikx-field:#878C93;--ikx-field-h:#4E5258;--ikx-field-bg:#FFFFFF;--ikx-div:#D3D6DA}
html.ikns.ik-preview-dark{--ikx-field:rgba(255,255,255,.40);--ikx-field-h:rgba(255,255,255,.66);--ikx-field-bg:#121315;--ikx-div:rgba(255,255,255,.17);--ikx-line:rgba(255,255,255,.13);--ikx-line2:rgba(255,255,255,.24)}

/* 1. major sections: a hairline wherever two light sections meet; in Dark at every boundary */
html.ikns .ik-prev > section:not(.o_cc5) + section:not(.o_cc5),html.ikns .ik-prev > .ikns-v5 + section:not(.o_cc5){border-top:1px solid var(--ikx-line)}
html.ikns.ik-preview-dark .ik-prev > section + section,html.ikns.ik-preview-dark .ik-prev > .ikns-v5 + section,html.ikns.ik-preview-dark .ik-prev > section + .ikns-v5{border-top:1px solid var(--ikx-line)}

/* 2a. groups: Bootstrap rows of card columns -> one joined panel */
html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)){--bs-gutter-x:0;--bs-gutter-y:0;margin-left:0;margin-right:0;border:1px solid var(--ikx-line2) !important;border-top:2px solid var(--ikx-ink) !important;border-radius:4px !important;background:var(--ikx-card) !important;box-shadow:none !important;overflow:hidden}
html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)) > [class*="col-"]{margin-top:0 !important;box-shadow:1px 0 0 var(--ikx-div),0 1px 0 var(--ikx-div)}
html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)) > [class*="col-"] > .ik-card{border:0 !important;background:transparent !important}
html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)) > [class*="col-"] > .ik-card > .card-body{padding:clamp(22px,2.2vw,30px) !important;background:transparent !important}
html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)).justify-content-center{justify-content:flex-start !important}
@media (min-width:768px){html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)):not(:has(> :nth-child(3))) > [class*="col-"]{flex:1 1 0;max-width:none;width:auto}}
html.ikns .ik-prev > section.o_cc5 .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)){background:rgba(255,255,255,.03) !important;border-color:var(--ikx-dline) !important;border-top-color:rgba(255,255,255,.72) !important}
html.ikns .ik-prev > section.o_cc5 .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)) > [class*="col-"]{box-shadow:1px 0 0 var(--ikx-dline),0 1px 0 var(--ikx-dline)}
/* 2b. groups: the CSS grids (funnel recognition lists, O nama) */
:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikw-recgrid,html.ikns .ik-prev .ik-ongrid),:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikj-recgrid,html.ikns .ik-prev .ik-ongrid){gap:0 !important;border:1px solid var(--ikx-line2) !important;border-top:2px solid var(--ikx-ink) !important;border-radius:4px !important;background:var(--ikx-card) !important;box-shadow:none !important;overflow:hidden}
:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikw-recgrid,html.ikns .ik-prev .ik-ongrid) > *,:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikj-recgrid,html.ikns .ik-prev .ik-ongrid) > *{box-shadow:1px 0 0 var(--ikx-div),0 1px 0 var(--ikx-div) !important}
:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikw-recgrid,html.ikns .ik-prev .ik-ongrid) .ik-card,:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikj-recgrid,html.ikns .ik-prev .ik-ongrid) .ik-card{border:0 !important;background:transparent !important;height:100%;padding:clamp(22px,2.2vw,30px) !important}
@media (max-width:767.98px){
  html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)),:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikw-recgrid,html.ikns .ik-prev .ik-ongrid),:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikj-recgrid,html.ikns .ik-prev .ik-ongrid){border-left:0 !important;border-right:0 !important;border-radius:0 !important;background:transparent !important}
  html.ikns .ik-prev > section.o_cc5 .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)){background:transparent !important}
  html.ikns .ik-prev .row:has(> * > .ik-card):not(:has(.ik-vcard,.ik-doc-card)) > [class*="col-"] > .ik-card > .card-body,:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikw-recgrid,html.ikns .ik-prev .ik-ongrid) .ik-card,:is(html.ikns .ik-prev .ikp-recgrid,html.ikns .ik-prev .ikj-recgrid,html.ikns .ik-prev .ik-ongrid) .ik-card{padding:1.35rem 0 !important}
}
/* 2c. catalogue items (video and document libraries): each item is a quiet outlined tile */
html.ikns .ik-prev :is(.ik-vcard,.ik-doc-card){border:1px solid var(--ikx-line2) !important;border-radius:4px !important;background:var(--ikx-card) !important;overflow:hidden;transition:border-color .2s ease}
html.ikns .ik-prev :is(.ik-vcard,.ik-doc-card):hover,html.ikns .ik-prev :is(.ik-vcard,.ik-doc-card):focus-within{border-color:var(--ikx-ink) !important}
html.ikns .ik-prev .ik-vcard > .card-body{padding:1.1rem 1.2rem 1.25rem !important}
/* 2d. standalone panels: Industrije deep dives, quiz and result, contact cards */
html.ikns .ik-prev :is(.ikp-bot,.ikw-bot),html.ikns .ik-prev :is(.ikp-bot,.ikj-bot){border:1px solid var(--ikx-line2) !important;border-left:3px solid var(--ikx-red) !important;border-radius:4px !important;background:var(--ikx-bg2) !important;box-shadow:none !important}
html.ikns.ik-preview-dark .ik-prev :is(.ikp-bot,.ikw-bot),html.ikns.ik-preview-dark .ik-prev :is(.ikp-bot,.ikj-bot){border-left-color:#E0303C !important;background:var(--ikx-card) !important}
html.ikns .ik-prev .ikmedia-img{border-radius:6px !important;border:1px solid var(--ikx-line) !important;box-shadow:none !important;overflow:hidden}
html.ikns .ik-prev .ikmedia-img img{border-radius:0 !important;box-shadow:none !important}
html.ikns .ik-prev .ik-modcard{border:1px solid var(--ikx-line2) !important;border-top:2px solid var(--ikx-ink) !important;border-radius:4px !important;background:var(--ikx-card) !important;box-shadow:none !important;padding:clamp(22px,2.4vw,32px) !important;height:100%}
html.ikns .ik-prev .ik-modcard .ikind-part + .ikind-part:not(.ikind-infobot){border-top:1px solid var(--ikx-line);padding-top:1rem;margin-top:1rem}
html.ikns .ik-prev .ik-modcard .ikind-infobot{margin-top:1.2rem}
html.ikns .ik-prev :is(.ikp-quiz,.ikw-quiz).ik-card,html.ikns .ik-prev :is(.ikp-quiz,.ikj-quiz).ik-card{border:1px solid var(--ikx-line2) !important;border-top:3px solid var(--ikx-red) !important;border-radius:6px !important;background:var(--ikx-card) !important;padding:clamp(22px,3vw,34px) !important}
html.ikns.ik-preview-dark .ik-prev :is(.ikp-quiz,.ikw-quiz).ik-card,html.ikns.ik-preview-dark .ik-prev :is(.ikp-quiz,.ikj-quiz).ik-card{border-top-color:#E0303C !important}
html.ikns .ik-prev :is(.ikp-quizwrap,.ikw-quizwrap),html.ikns .ik-prev :is(.ikp-quizwrap,.ikj-quizwrap){border-top:0 !important;padding-top:0 !important}
html.ikns .ik-prev :is(.ikp-result,.ikw-result):not(:empty),html.ikns .ik-prev :is(.ikp-result,.ikj-result):not(:empty){border:1px solid var(--ikx-line2);border-top:3px solid var(--ikx-red);border-radius:6px;background:var(--ikx-card);padding:clamp(22px,3vw,34px)}
html.ikns.ik-preview-dark .ik-prev :is(.ikp-result,.ikw-result):not(:empty),html.ikns.ik-preview-dark .ik-prev :is(.ikp-result,.ikj-result):not(:empty){border-top-color:#E0303C}
html.ikns .ik-prev .ik-contact-card{border:1px solid var(--ikx-line2) !important;border-top:2px solid var(--ikx-ink) !important;border-radius:4px !important;background:var(--ikx-card) !important;box-shadow:none !important;padding:clamp(22px,2.6vw,32px) !important}
html.ikns .ik-prev .ik-contact-card .s_website_form > .container{border:0 !important;background:transparent !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important}
html.ikns .ik-prev .ik-contact-info li + li{border-top:1px solid var(--ikx-line);padding-top:.7rem;margin-top:.7rem !important}
html.ikns .ik-prev.ik-contact .s_map .map_container{border-radius:4px !important;border:1px solid var(--ikx-line2);overflow:hidden}
html.ikns .ik-prev :is(.ikp-formcard,.ikw-formcard),html.ikns .ik-prev :is(.ikp-formcard,.ikj-formcard){border:1px solid var(--ikx-line2) !important;border-top:2px solid var(--ikx-ink) !important;border-radius:4px !important}
html.ikns .ik-prev > section.o_cc5 :is(.ikp-formcard,.ikw-formcard),html.ikns .ik-prev > section.o_cc5 :is(.ikp-formcard,.ikj-formcard){border-color:transparent !important;border-top:3px solid #E0303C !important}

/* 3. items: ruled rows instead of free-floating lines */
html.ikns .ik-prev ul.ik-check{border-top:1px solid var(--ikx-line2);padding-left:0}
html.ikns .ik-prev ul.ik-check > li{margin:0 !important;padding:.72rem 0 !important;border-bottom:1px solid var(--ikx-line)}
html.ikns .ik-prev :is(.ikp-gains,.ikw-gains) > li,html.ikns .ik-prev :is(.ikp-gains,.ikj-gains) > li{border-top:1px solid var(--ikx-dline);padding-top:.85rem !important}
html.ikns .ik-prev .row.justify-content-center > [class*="col-"]:has(> .ik-step){margin-left:0 !important}
html.ikns .ik-prev .row.justify-content-center:has(> * > .ik-step){justify-content:flex-start !important}
html.ikns .ik-prev .ik-step{border-top:1px solid var(--ikx-line)}
html.ikns .ik-prev .ik-step:last-of-type{border-bottom:1px solid var(--ikx-line)}
html.ikns .ik-prev > section.o_cc5 .ik-step{border-color:var(--ikx-dline)}

/* 4. form controls: an unmistakable resting boundary (>= 3:1), red focus */
html.ikns .ik-prev :is(form .form-control,form .form-select,.s_website_form .form-control,.s_website_form .form-select,.ik-search-input,input.ikq-input,textarea.ikq-textarea,.ikq-field :is(input,textarea,select)){border:1px solid var(--ikx-field) !important;background-color:var(--ikx-field-bg) !important;color:var(--ikx-ink) !important;border-radius:4px !important;box-shadow:none !important}
html.ikns .ik-prev :is(form .form-control,form .form-select,.s_website_form .form-control,.s_website_form .form-select,.ik-search-input,input.ikq-input,textarea.ikq-textarea,.ikq-field :is(input,textarea,select)):hover:not(:focus){border-color:var(--ikx-field-h) !important}
html.ikns .ik-prev :is(form .form-control,form .form-select,.s_website_form .form-control,.s_website_form .form-select,.ik-search-input,input.ikq-input,textarea.ikq-textarea,.ikq-field :is(input,textarea,select)):focus{border-color:var(--ikx-red) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ikx-red) 20%,transparent) !important;outline:0}
html.ikns.ik-preview-dark .ik-prev :is(form .form-control,form .form-select,.s_website_form .form-control,.s_website_form .form-select,.ik-search-input,input.ikq-input,textarea.ikq-textarea,.ikq-field :is(input,textarea,select)):focus{border-color:#E0303C !important;box-shadow:0 0 0 3px rgba(224,48,60,.28) !important}
html.ikns .ik-prev :is(form .form-control,form .form-select,.s_website_form .form-control,.s_website_form .form-select,.ik-search-input,input.ikq-input,textarea.ikq-textarea,.ikq-field :is(input,textarea,select))::placeholder{color:var(--ikx-muted);opacity:1}
html.ikns .ik-prev form textarea.form-control{min-height:140px}
html.ikns .ik-prev form .s_website_form_mark{color:var(--ikx-red) !important;font-weight:800}
html.ikns.ik-preview-dark .ik-prev form .s_website_form_mark,html.ikns .ik-prev > section.o_cc5 form .s_website_form_mark{color:#E0303C !important}
/* choices (quiz options, filter chips) read as controls at rest, and selection stays red */
html.ikns .ik-prev :is(.ikp-opt,.ikw-opt,.ikq-opt),html.ikns .ik-prev :is(.ikp-opt,.ikj-opt,.ikq-opt){border:1px solid var(--ikx-field) !important;border-radius:4px !important;background:var(--ikx-field-bg) !important;box-shadow:none !important;transform:none !important;color:var(--ikx-ink)}
html.ikns .ik-prev :is(.ikp-opt,.ikw-opt,.ikq-opt):not([aria-disabled="true"]):hover,html.ikns .ik-prev :is(.ikp-opt,.ikj-opt,.ikq-opt):not([aria-disabled="true"]):hover{border-color:var(--ikx-field-h) !important}
html.ikns .ik-prev :is(.ikp-opt,.ikw-opt):has(input:checked),html.ikns .ik-prev :is(.ikp-opt,.ikj-opt):has(input:checked),html.ikns .ik-prev .ikq-opt[aria-pressed="true"]{border-color:var(--ikx-red) !important;box-shadow:inset 0 0 0 1px var(--ikx-red) !important;background:var(--ikx-soft) !important}
html.ikns.ik-preview-dark .ik-prev :is(.ikp-opt,.ikw-opt):has(input:checked),html.ikns.ik-preview-dark .ik-prev :is(.ikp-opt,.ikj-opt):has(input:checked),html.ikns.ik-preview-dark .ik-prev .ikq-opt[aria-pressed="true"]{border-color:#E0303C !important;box-shadow:inset 0 0 0 1px #E0303C !important;background:rgba(224,48,60,.09) !important}
html.ikns .ik-prev :is(.ikp-opt-mark,.ikw-opt-mark),html.ikns .ik-prev :is(.ikp-opt-mark,.ikj-opt-mark){border-color:var(--ikx-field) !important}
html.ikns .ik-prev :is(.ikp-opt,.ikw-opt) input:checked ~ :is(.ikp-opt-mark,.ikw-opt-mark),html.ikns .ik-prev :is(.ikp-opt,.ikj-opt) input:checked ~ :is(.ikp-opt-mark,.ikj-opt-mark){border-color:var(--ikx-red) !important}
html.ikns.ik-preview-dark .ik-prev :is(.ikp-opt,.ikw-opt) input:checked ~ :is(.ikp-opt-mark,.ikw-opt-mark),html.ikns.ik-preview-dark .ik-prev :is(.ikp-opt,.ikj-opt) input:checked ~ :is(.ikp-opt-mark,.ikj-opt-mark){border-color:#E0303C !important}
html.ikns .ik-prev .ikq-opt:not([aria-pressed="true"]) .ikq-mark{border-color:var(--ikx-field) !important;background:transparent !important}
html.ikns .ik-prev .ikq-opt-label{color:var(--ikx-ink)}
html.ikns .ik-prev .ik-chip:not(.is-active){border-color:var(--ikx-field) !important;background:var(--ikx-field-bg) !important;color:var(--ikx-ink) !important}
html.ikns .ik-prev .ik-chip:not(.is-active):hover{border-color:var(--ikx-field-h) !important}
html.ikns .ik-prev :is(.ikp-note,.ikw-note),html.ikns .ik-prev :is(.ikp-note,.ikj-note){color:var(--ikx-muted) !important}

/* 5. Dark: the header theme control's pressed label (a legacy rule forced every navbar span light) */
html.ikns body #wrapwrap header#top .navbar .ikns-theme.ikns-theme button span:not(.fa){color:inherit !important}

/* 6. footer brand: the header's own Dark treatment instead of a white plate */
.ikns-foot-brand img{background:none !important;padding:0 !important;filter:brightness(0) invert(1)}

/* 7. INFOKOM-WEB-RC2-LOGO-EMAIL-FORMS-20261003: the public address as an image, the Infokom corporate mark */
html body .ik-mailimg{display:inline-block;white-space:nowrap;line-height:1}
html body .ik-mailimg img{display:inline;height:1.1875em;width:auto;max-width:none;vertical-align:-0.25em;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;filter:none;opacity:1}
html body .ik-mailimg .ik-mailimg-d{display:none}
html.ik-preview-dark body .ik-mailimg .ik-mailimg-l,html[data-ikv5-theme="dark"] body .ik-mailimg .ik-mailimg-l,html body .ik-mailimg.ik-mailimg--ondark .ik-mailimg-l{display:none}
html.ik-preview-dark body .ik-mailimg .ik-mailimg-d,html[data-ikv5-theme="dark"] body .ik-mailimg .ik-mailimg-d,html body .ik-mailimg.ik-mailimg--ondark .ik-mailimg-d{display:inline}
.v5 .v5-cta-side .v5-cta-mail{display:inline-flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;color:#fff}
.v5 .v5-cta-side .v5-cta-mail .v5-ico{width:19px;height:19px}
/* INFOKOM-WEB-RC3-BRAND-CORRECTION-AND-FINAL-LAUNCH-AUDIT-20261003: the Infokom square mark (secondary corporate symbol — never beside the text wordmark, never the NextStep logo) */
html:not(.ik-preview-dark):not([data-ikv5-theme="dark"]) body .ik-corp-d{display:none !important}
html.ik-preview-dark body .ik-corp-l,html[data-ikv5-theme="dark"] body .ik-corp-l{display:none !important}
html body footer#bottom .ikns-foot-seal{display:flex;justify-content:center;padding:1.6rem 0 2rem;border-top:1px solid rgba(242,243,244,.08)}
html body footer#bottom .ikns-foot-seal img{display:block;height:28px;width:auto;max-width:none;filter:none !important;background:none !important}
html body .ikns-panel{position:relative}
html body .ikns-panel .ik-corp-emblem-wrap{position:absolute;top:clamp(18px,2.2vw,28px);right:clamp(18px,2.2vw,28px);line-height:0;pointer-events:none}
html body .ikns-panel .ik-corp-emblem{height:40px;width:auto;max-width:none}
html body .ikns-panel:has(.ik-corp-emblem-wrap) .ikns-panel-k{padding-right:56px}


/* ===== INFOKOM-WEB-RC4-ADS-LANDING-PAGES-FINALIZATION-20261004 — the three Ads landing pages ===== */
html.ikns .ik-prev > section.ikproc-hero.o_cc5{background:var(--ikx-bg) !important;background-image:none !important;color:var(--ikx-ink);border-bottom:1px solid var(--ikx-line)}
html.ikns .ik-prev > section.ikproc-hero.o_cc5::before,html.ikns .ik-prev > section.ikproc-hero.o_cc5::after{display:none !important}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 h1{color:var(--ikx-ink) !important;font-weight:800 !important;letter-spacing:-.024em;line-height:1.08;font-size:clamp(2rem,1.1rem + 2.3vw,3rem);max-width:22ch;text-wrap:balance}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 p{color:var(--ikx-ink2) !important}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .lead{font-size:clamp(1.05rem,.98rem + .3vw,1.2rem);line-height:1.55;max-width:40rem}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .ik-eyebrow{color:var(--ikx-muted) !important}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .ik-eyebrow::before{background:var(--ikx-red)}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .btn-outline-light{background:transparent !important;border:1px solid color-mix(in srgb,var(--ikx-ink) 28%,transparent) !important;color:var(--ikx-ink) !important}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .btn-outline-light:hover,html.ikns .ik-prev > section.ikproc-hero.o_cc5 .btn-outline-light:focus-visible{border-color:var(--ikx-ink) !important;background:color-mix(in srgb,var(--ikx-ink) 5%,transparent) !important}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .ikproc-visual{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--ikx-line);background:var(--ikx-bg2);box-shadow:0 1px 2px rgba(20,22,26,.05),0 22px 48px -28px rgba(20,22,26,.32);aspect-ratio:16/11.6;padding:0 !important;transform:none !important}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .ikproc-visual::before,html.ikns .ik-prev > section.ikproc-hero.o_cc5 .ikproc-visual::after{display:none !important}
html.ikns .ik-prev > section.ikproc-hero.o_cc5 .ikproc-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:0 !important;box-shadow:none !important;filter:saturate(.84) contrast(1.02)}
html.ikns.ik-preview-dark .ik-prev > section.ikproc-hero.o_cc5 .ikproc-visual{border-color:var(--ikx-line2)}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]){background-color:#95000A !important;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) !important;background-size:48px 48px !important;color:#fff !important;border-top:1px solid rgba(255,255,255,.2)}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start])::before,html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start])::after{display:none !important}
html.ikns.ik-preview-dark .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]){background-color:#B3000D !important}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) h2{color:#fff !important;font-weight:800 !important;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) p{color:rgba(255,255,255,.88) !important}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) .ik-eyebrow{color:rgba(255,255,255,.86) !important}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) .ik-eyebrow::before{background:#fff !important}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) .btn-primary{background:#fff !important;border-color:#fff !important;color:#95000A !important}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) .btn-primary:hover,html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) .btn-primary:focus-visible{background:#F4F5F6 !important;border-color:#F4F5F6 !important;color:#7E0008 !important}
html.ikns .ik-prev > section.o_cc5[data-name="CTA"]:has(a[data-ikq-start]) .btn-primary:focus-visible{outline:2px solid #fff;outline-offset:3px}
html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-refmarquee{max-width:none;margin-left:0;margin-right:0;border:0;border-top:1px solid var(--ikx-line2);border-bottom:1px solid var(--ikx-line2);border-radius:0;background:none;box-shadow:none}
html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-refmarquee:focus-visible{outline:2px solid var(--ikx-red);outline-offset:4px}
html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-reftile{flex:0 0 164px;width:164px;height:clamp(74px,7vw,88px);padding:12px 16px;background:none;border:0;border-radius:0;box-shadow:none}
@media (prefers-reduced-motion:no-preference){html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-refmarquee-set{flex:none}}
html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-reflogo{max-height:38px;max-width:132px;filter:grayscale(1) contrast(1.05);opacity:.68;transition:filter .3s ease,opacity .3s ease}
html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-reftile:hover .ik-reflogo{filter:none;opacity:1}
@media (max-width:575.98px){html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-reftile{flex-basis:128px;width:128px;height:72px;padding:10px 12px}html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-reflogo{max-height:32px;max-width:104px}}
html.ikns.ik-preview-dark .ik-prev > section[data-name="Povjerenje"] .ik-refmarquee{background:#F4F5F6;border-color:transparent}
html.ikns.ik-preview-dark .ik-prev > section[data-name="Povjerenje"] .ik-reftile{background:none;border:0;box-shadow:none}
@media (prefers-reduced-motion:reduce){html.ikns .ik-prev > section[data-name="Povjerenje"] .ik-refmarquee{padding:6px 0}}
/* the maintained marquee keyframes (missing from the live wholesale page — its strip never moved) */
@keyframes ik-refmarquee-run{from{transform:translate3d(0,0,0);}to{transform:translate3d(calc(-50% - (var(--ik-refm-gap) / 2)),0,0);}}
/* Procjena questions 8–11 (.ikq-qualopt radios): the RC3 choice-control treatment the scored options already get —
   a resting boundary of at least 3:1, selection in red, red focus ring (the page-local tint was ~1.3:1) */
html.ikns .ik-prev .ikq-qualopt > span{border:1px solid var(--ikx-field) !important;border-radius:4px !important;background:var(--ikx-field-bg) !important;box-shadow:none !important;transform:none !important;color:var(--ikx-ink) !important}
html.ikns .ik-prev .ikq-qualopt > span:hover{border-color:var(--ikx-field-h) !important}
html.ikns .ik-prev .ikq-qualopt input:checked + span{border-color:var(--ikx-red) !important;box-shadow:inset 0 0 0 1px var(--ikx-red) !important;background:var(--ikx-soft) !important}
html.ikns.ik-preview-dark .ik-prev .ikq-qualopt input:checked + span{border-color:#E0303C !important;box-shadow:inset 0 0 0 1px #E0303C !important;background:rgba(224,48,60,.09) !important}
html.ikns .ik-prev .ikq-qualopt input:not(:checked) + span .ikq-mark{border-color:var(--ikx-field) !important;background:transparent !important}
html.ikns .ik-prev .ikq-qualopt input:focus-visible + span{outline:2px solid var(--ikx-red) !important;outline-offset:2px}
html.ikns.ik-preview-dark .ik-prev .ikq-qualopt input:focus-visible + span{outline-color:#E0303C !important}
/* Procjena result + contact form: the RC3 card system (neutral hairlines, 4–6 px radii, red as the accent only) instead of
   the page-local pink-tinted 12–18 px cards */
html.ikns .ik-prev .ikq-rhead{border-radius:6px !important}
html.ikns .ik-prev .ikq-block{background:var(--ikx-card) !important;border:1px solid var(--ikx-line2) !important;border-radius:6px !important;box-shadow:none !important}
html.ikns .ik-prev .ikq-block.ikq-firststep,html.ikns .ik-prev .ikq-firststep{border-left:3px solid var(--ikx-red) !important}
html.ikns.ik-preview-dark .ik-prev .ikq-firststep{border-left-color:#E0303C !important}
html.ikns .ik-prev .ikq-infobot{background:var(--ikx-bg2) !important;border:1px solid var(--ikx-line2) !important;border-left:3px solid var(--ikx-red) !important;border-radius:4px !important}
html.ikns.ik-preview-dark .ik-prev .ikq-infobot{border-left-color:#E0303C !important}
html.ikns .ik-prev .ikq-contact{background:var(--ikx-bg2) !important;border:1px solid var(--ikx-line2) !important;border-top:2px solid var(--ikx-ink) !important;border-radius:4px !important;box-shadow:none !important}
html.ikns .ik-prev .ikq-errsummary,html.ikns .ik-prev .ikq-formmsg{border-radius:4px !important}
html.ikns .ik-prev .ikq-formmsg.ok,html.ikns .ik-prev .ikq-formmsg.notice{border-color:var(--ikx-line2) !important}
html.ikns .ik-prev .btn.ikq-back{border-color:var(--ikx-field) !important;color:var(--ikx-ink) !important;border-radius:4px !important}
/* invalid fields keep their error boundary: the RC3 field rule's !important border had masked the live red one
   (Procjena: aria-invalid; the ERP forms: Odoo's .is-invalid) */
html.ikns .ik-prev .ikq-input[aria-invalid="true"],html.ikns .ik-prev .ikq-field [aria-invalid="true"]{border-color:var(--ikx-red) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ikx-red) 14%,transparent) !important}
html.ikns .ik-prev:is(.ikp,.ikw) form :is(.form-control,.form-select).is-invalid,html.ikns .ik-prev:is(.ikp,.ikj) form :is(.form-control,.form-select).is-invalid{border-color:var(--ikx-red) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ikx-red) 14%,transparent) !important}
html.ikns.ik-preview-dark .ik-prev .ikq-input[aria-invalid="true"],html.ikns.ik-preview-dark .ik-prev:is(.ikp,.ikw) form :is(.form-control,.form-select).is-invalid,html.ikns.ik-preview-dark .ik-prev:is(.ikp,.ikj) form :is(.form-control,.form-select).is-invalid{border-color:#E0303C !important;box-shadow:0 0 0 3px rgba(224,48,60,.22) !important}

/* ===== INFOKOM-WEB-RC5-FINAL-PRELAUNCH-20261004 ===== */
/* Kontakt: an invalid field keeps the visible red boundary the finished funnel forms use (RC3's field rule's !important
   border had masked Odoo's .is-invalid here; RC4 restored it on the Ads pages only) */
html.ikns .ik-prev form#contactus_form :is(.form-control,.form-select).is-invalid{border-color:var(--ikx-red) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ikx-red) 14%,transparent) !important}
html.ikns.ik-preview-dark .ik-prev form#contactus_form :is(.form-control,.form-select).is-invalid{border-color:#E0303C !important;box-shadow:0 0 0 3px rgba(224,48,60,.22) !important}
/* INFOKOM-WEB-DIRECTORS-DEMO-V2-20261005 — the shared InfoBot answer demonstration (scripts/v6/infobot-demo.ts) */
.ikns-bd{margin:0;min-width:0}
html.ikns .ikns-bd .ik-workspace{width:100%;margin:0}
html.ikns .ikns-bd .ik-ws-body{color:var(--ikx-ink) !important}
html.ikns .ikns-bd .ik-ws-body .ik-bubble,html.ikns .ikns-bd .ik-ws-body .ik-bubble strong,html.ikns .ikns-bd .ik-ws-body .ikns-ws-steps li{color:var(--ikx-ink) !important}
html.ikns .ikns-bd .ik-ws-body .ik-bubble strong{font-weight:700}
html.ikns .ikns-bd .ik-ws-body .ik-src{color:var(--ikx-muted) !important}
html.ikns .ikns-bd .ikns-bd-answer{position:relative;flex:1 1 auto;min-width:0}
html.ikns .ikns-bd .ikns-bd-think{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:.5rem;opacity:0;pointer-events:none;color:var(--ikx-muted) !important;font-size:.88rem;font-style:italic}
html.ikns .ikns-bd .ikns-bd-think .ik-dot{background:var(--ikx-red)}
html.ikns.ik-preview-dark .ikns-bd .ikns-bd-think .ik-dot{background:var(--ikx-signal)}
html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-q,html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-a,html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-src{opacity:0;transform:translateY(6px)}
html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-text{opacity:0}
html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-q.is-in,html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-a.is-in,html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-src.is-in{opacity:1;transform:none;transition:opacity .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1)}
html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-src.is-in{opacity:.9}
html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-think.is-in{opacity:1;transition:opacity .28s ease}
html.ikns .ikns-bd[data-ikns-bd] .ikns-bd-text.is-in{opacity:1;transition:opacity .42s cubic-bezier(.2,.7,.2,1)}
html.ikns .ikns-bd .ikns-bd-caption{margin:.6rem 0 0;font-size:.8rem;line-height:1.45;color:var(--v5-on-dark-2,rgba(242,243,244,.78))}
html.ikns .ikns-bd--compact{margin-top:.4rem}
html.ikns .ikns-bd--compact .ik-ws-bar{padding:.45rem .75rem !important}
html.ikns .ikns-bd--compact .ik-ws-dot{width:7px !important;height:7px !important}
html.ikns .ikns-bd--compact .ik-ws-title{font-size:.84rem !important}
html.ikns .ikns-bd--compact .ik-ws-body{padding:.95rem 1rem .9rem !important}
html.ikns .ikns-bd--compact .ik-ws-body .ik-msg{margin-bottom:.7rem;gap:.6rem}
html.ikns .ikns-bd--compact .ik-ws-body .ik-msg:last-child{margin-bottom:0}
html.ikns .ikns-bd--compact .ik-ws-body .ik-av{width:28px !important;height:28px !important;font-size:.78rem}
html.ikns .ikns-bd--compact .ik-ws-body .ik-bubble{font-size:.92rem !important;line-height:1.5}
html.ikns .ikns-bd--compact .ikns-bd-think{font-size:.84rem}
@media (prefers-reduced-motion:reduce){html.ikns .ikns-bd .ikns-bd-q,html.ikns .ikns-bd .ikns-bd-a,html.ikns .ikns-bd .ikns-bd-src,html.ikns .ikns-bd .ikns-bd-text{opacity:1 !important;transform:none !important;transition:none !important}html.ikns .ikns-bd .ikns-bd-think{display:none !important}}