/* INFOKOM-WEB-RC5-FINAL-PRELAUNCH-20261004 — 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;height:clamp(74px,7vw,88px);padding:12px 16px;background:none;border:0;border-radius:0;box-shadow:none}
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;height:72px;padding:10px 12px}html body .v5 .ikns-refstrip .ik-reflogo{max-height:32px;max-width:104px}}
html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ik-refmarquee{background:#F4F5F6;border-color:transparent}
html[data-ikv5-theme="dark"] body .v5 .ikns-refstrip .ik-reftile{background:none;border:0;box-shadow:none}
@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(22px,2vw,26px)}
.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}
html.ikns header#top .o_mega_menu_is_offcanvas > .nav-item:last-child > .nav-link{font-weight:800 !important;color:var(--ikx-red) !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}
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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .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(> [class*="col-"] > .ik-card):not(:has(.ik-vcard,.ik-doc-card)){background:transparent !important}
  html.ikns .ik-prev .row:has(> [class*="col-"] > .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(> [class*="col-"] > .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;height:clamp(74px,7vw,88px);padding:12px 16px;background:none;border:0;border-radius:0;box-shadow: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;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}