/* theme.css — innoTronics brand skin (light, premium engineering).
   Palette: deep navy #071A33 (text + technical), electric blue #1683F5 (accent/CTA),
   soft cyan #31B8FF (highlight), graphite #172033 (dark neutral), white / off-white #F7FAFC (bg).
   base.css stays untouched (shared design system) — all brand + light-mode overrides live here. */

:root{
  /* Surfaces */
  --bg:#ffffff; --bg-2:#f7fafc; --panel:#ffffff; --panel-2:#f7fafc;
  --line:rgba(7,26,51,.10);
  /* Text */
  --txt:#071a33; --muted:#566479;
  /* Accent */
  --accent:#1683f5; --accent-2:#31b8ff; --accent-d:#0f63c4; --accent-rgb:22,131,245;
  /* Dark neutrals */
  --navy:#071a33; --graphite:#172033;
  --glow:rgba(var(--accent-rgb),.28);
  --header-scrolled:rgba(255,255,255,.85);
  --hero-overlay-top:rgba(255,255,255,.0); --hero-overlay-mid:rgba(255,255,255,.0);
  --radius:16px; --maxw:1180px;
}

/* ---------- Global light-mode corrections ---------- */
body{background:var(--bg);color:var(--txt)}
.skip-link{color:#fff}
::selection{background:rgba(var(--accent-rgb),.18);color:var(--txt)}

/* ---------- Header (solid, light, always-on) ---------- */
header{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header.scrolled{background:var(--header-scrolled);box-shadow:0 8px 30px -22px rgba(7,26,51,.45)}
.nav-links a{color:var(--muted)}
.nav-links a:hover,.nav-links a.active{color:var(--txt)}

/* ---------- Logo (PNG wordmark) ---------- */
.brand{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-.02em;color:var(--txt);line-height:1;white-space:nowrap}
.brand .t{color:var(--accent)}
.brand::before{display:none}
header .logo img{width:260px;height:auto;max-width:42vw;display:block}
footer .logo img{height:44px;width:auto;max-width:260px;display:block}
footer .logo-foot{align-items:center}
.brand .sub{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:3px}
footer .brand{color:#fff}
footer .brand .t{color:var(--accent-2)}
footer .brand .sub{color:rgba(247,250,252,.6)}

/* ---------- Card / channel icons ---------- */
.card .ic{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.02em;line-height:1.1;text-align:center;padding:0 4px}
.channel .ic{flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:20px 20px}
.channel .ic-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.channel .ic-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3h3l1.5 5-2 1.5a11 11 0 0 0 5 5L15.5 13l5 1.5v3A2 2 0 0 1 18 20C10 20 4 14 4 6a2 2 0 0 1 2-3z'/%3E%3C/svg%3E")}
.channel .ic-org{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E")}
.channel .ic-in{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231683f5'%3E%3Cpath d='M4.5 3h15A1.5 1.5 0 0 1 21 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3zM8 10v8H5v-8h3zm-1.5-3.2A1.8 1.8 0 1 0 8 8.8a1.8 1.8 0 0 0-1.5-2zM20 18v-4.6c0-2.4-1.3-3.5-3-3.5-1.4 0-2 .8-2.3 1.3V10h-3v8h3v-4.1c0-1 .2-2 1.5-2s1.3 1.9 1.3 2.8V18H20z'/%3E%3C/svg%3E");background-size:18px 18px}

/* ---------- Buttons ---------- */
.btn-primary{color:#fff}
.btn-ghost{color:var(--txt);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

/* ---------- Language switch (light, inline) ---------- */
.lang-switch-head{position:static;top:auto;right:auto;transform:none;background:#fff;border:1px solid var(--line);backdrop-filter:none}
.lang-switch-head .lang-switch-link{color:var(--muted)}
.lang-switch-head .lang-switch-link:hover{color:var(--txt)}
.lang-switch-head .lang-switch-link.is-active{background:var(--accent);color:#fff}
body.has-pl-banner .lang-switch-head{top:auto}

/* ---------- PL nudge banner ---------- */
.pl-banner{color:#fff}
.pl-banner a,.pl-banner-close{color:#fff}

/* ---------- Hero (light, blueprint grid + blue glow) ---------- */
.hero{background:var(--bg)}
.hero-bg{background:
  radial-gradient(115% 80% at 82% -12%,rgba(22,131,245,.16),transparent 56%),
  radial-gradient(70% 65% at 2% 112%,rgba(49,184,255,.13),transparent 60%),
  linear-gradient(180deg,#f7fafc 0%,#ffffff 70%)}
.hero-bg img{display:none}
.hero-bg::after{
  background:
    repeating-linear-gradient(0deg,rgba(7,26,51,.05) 0 1px,transparent 1px 38px),
    repeating-linear-gradient(90deg,rgba(7,26,51,.05) 0 1px,transparent 1px 38px);
  -webkit-mask-image:radial-gradient(120% 85% at 74% 8%,#000,transparent 78%);
  mask-image:radial-gradient(120% 85% at 74% 8%,#000,transparent 78%)}
.hero-stats .stat strong{color:var(--txt)}

/* ---------- Cards (lift on white) ---------- */
.card{box-shadow:0 1px 2px rgba(7,26,51,.04),0 18px 40px -28px rgba(7,26,51,.30)}
.card:hover{box-shadow:0 1px 2px rgba(7,26,51,.05),0 26px 50px -28px rgba(22,131,245,.35)}

/* ---------- Offer cards ---------- */
.card.offer{display:flex;flex-direction:column}
.card.offer h3{font-size:1.32rem;margin-bottom:8px}
.card.offer>p{margin-bottom:6px}
.offer-time{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.04em;color:var(--accent);background:rgba(var(--accent-rgb),.10);border:1px solid rgba(var(--accent-rgb),.28);padding:5px 12px;border-radius:999px;margin-bottom:16px}
.card.offer .feat-list{margin-top:18px;margin-bottom:24px}
.card.offer .feat-list li{font-size:.92rem}
.card.offer .btn{margin-top:auto;justify-content:center}

/* ---------- Competence cards: keep keyword line tidy ---------- */
.card .kw{display:block;color:var(--muted);font-size:.86rem;margin-top:2px}
.feat-list .check:empty::before{content:"";display:block;width:5px;height:9px;border:2px solid var(--accent);border-top:none;border-left:none;transform:rotate(45deg);margin-top:-1px}
.validation-grid .card p{font-size:.94rem}

/* ---------- Dark feature blocks on light page (metrics / banner / callout) ---------- */
.metrics{background:linear-gradient(135deg,var(--navy),var(--graphite));border:1px solid rgba(var(--accent-rgb),.30)}
.metrics .m strong{color:var(--accent-2)}
.metrics .m span{color:rgba(247,250,252,.72)}
.banner{background:linear-gradient(135deg,var(--navy),var(--graphite));border:1px solid rgba(var(--accent-rgb),.28)}
.banner .eyebrow{color:var(--accent-2)}
.banner .section-title{color:#fff}
.banner .section-lead{color:rgba(247,250,252,.82)}
.reference-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.reference-links .btn{justify-content:center;min-width:140px}
.banner .reference-links .btn-ghost{color:#fff;border-color:rgba(247,250,252,.25)}
.banner .reference-links .btn-ghost:hover{color:var(--accent-2);border-color:var(--accent-2)}
.bizmodel{background:linear-gradient(135deg,var(--navy),var(--graphite));border:1px solid rgba(var(--accent-rgb),.28)}
.bizmodel .big{color:#fff}
.bizmodel p{color:rgba(247,250,252,.82)}
.standard-callout{background:var(--panel);box-shadow:0 18px 40px -30px rgba(7,26,51,.35)}
.standard-callout p{color:var(--txt)}

/* ---------- Stats / pills ---------- */
.about-stats .s strong{color:var(--txt)}
.examples{display:flex;flex-direction:column;gap:22px;margin-top:28px}
.examples-group{display:flex;flex-direction:column;gap:12px}
.examples-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.examples-row{display:flex;flex-wrap:wrap;gap:10px 12px}
.examples-row span,.compliance .c{background:var(--panel);box-shadow:0 1px 2px rgba(7,26,51,.04)}
.examples-row span{font-size:.82rem;color:var(--muted);border:1px solid var(--line);padding:8px 14px;border-radius:999px;line-height:1.2}
.examples-row span.featured{color:var(--txt);border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.06);font-weight:600}

/* ---------- Person ("Kto stoi za innoTronics") ---------- */
.person{display:flex;gap:32px;align-items:flex-start;margin-top:40px;flex-wrap:wrap}
.person-photo img{width:160px;height:160px;border-radius:18px;object-fit:cover;border:1px solid var(--line);box-shadow:0 18px 40px -24px rgba(7,26,51,.5);display:block}
.person-body{flex:1;min-width:280px}
.person-body h3{font-size:1.4rem;margin:0}
.person-role{color:var(--accent);font-weight:600;font-size:.95rem;margin:6px 0 14px;line-height:1.5}
.person-body p{color:var(--muted);line-height:1.65;max-width:700px}
.person-proof{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.person-proof li{font-size:.9rem;color:var(--txt);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.person-proof li strong{color:var(--accent)}
.quotes-note{margin-top:36px;font-size:.9rem;color:var(--muted);font-style:italic}
.contact-sub{margin:-6px 0 4px 38px;font-size:.9rem;color:var(--muted);line-height:1.5}
.contact-sub a{color:var(--accent);font-weight:600}
.hero-subline{font-size:1rem;color:var(--muted);margin-top:-8px}
@media(max-width:560px){
 .person{gap:20px}
 .person-photo img{width:104px;height:104px;border-radius:14px}
 .person-body h3{font-size:1.25rem}
 .contact-sub{margin-left:0}
}

/* ---------- Audience ("Dla kogo") ---------- */
.audience{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px}
.audience .aud{flex:1 1 240px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 22px;box-shadow:0 1px 2px rgba(7,26,51,.04),0 14px 34px -30px rgba(7,26,51,.32);transition:.25s}
.audience .aud:hover{border-color:rgba(var(--accent-rgb),.4);transform:translateY(-3px)}
.audience .aud h3{font-size:1.02rem;margin:0;color:var(--txt)}
.audience .aud span{display:block;color:var(--muted);font-size:.85rem;margin-top:5px;line-height:1.4}

/* ---------- Testimonials ---------- */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:36px}
.quote{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px;box-shadow:0 1px 2px rgba(7,26,51,.04),0 18px 40px -30px rgba(7,26,51,.28)}
.quote p{color:var(--txt);font-size:1.02rem;line-height:1.65;margin:0 0 18px}
.quote cite{display:block;font-style:normal;font-size:.86rem;color:var(--muted);line-height:1.45}

/* ---------- Mid-page CTA + offer notes ---------- */
.cta-band{margin-top:40px;padding:28px 32px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:18px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.02));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cta-band p{margin:0;color:var(--txt);font-size:1.05rem;max-width:640px;line-height:1.55}
.offer-pricing{margin-top:14px;font-size:.95rem;color:var(--muted)}
.cta-band-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
form select{width:100%;background:#0a1120;border:1px solid var(--line);border-radius:10px;padding:13px 15px;color:var(--txt);font-family:inherit;font-size:.95rem;transition:.2s;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235B667A' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 15px center}
form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}
.offer-pricing strong{color:var(--txt);font-weight:600}
.card.offer .offer-note{margin-top:auto;padding-top:14px;font-size:.84rem;color:var(--muted);border-top:1px solid var(--line)}
header .logo picture.logo-desktop{display:block}
header .logo-mobile{display:none;align-items:center;gap:9px;min-width:0}
header .logo-mobile .logo-mark{width:32px;height:32px;flex-shrink:0;display:block}
header .logo-mobile .logo-word{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--txt);white-space:nowrap}
header .logo-mobile .logo-word .t{color:var(--accent);font-style:italic}
.nav-mobile-cta{display:none}
.nav-links .nav-mobile-cta.active::after{display:none}

/* ---------- Mobile header / menu ---------- */
@media(max-width:980px){
  header .wrap.nav{position:relative;height:64px;min-height:64px;gap:10px}
  header .wrap{padding-left:16px;padding-right:16px}
  header .logo{min-width:0;flex:0 1 auto;max-width:calc(100% - 112px)}
  header .logo-desktop,header .logo picture.logo-desktop{display:none!important}
  header .logo-mobile{display:inline-flex}
  header .logo:not(:has(.logo-mobile)) img{width:auto!important;max-width:min(168px,52vw)!important;height:34px!important;object-fit:contain;object-position:left center}
  .nav-cta{gap:6px;margin-left:auto;margin-right:0;flex-shrink:0}
  .nav-cta .nav-desktop-cta,.nav-cta .btn-primary{display:none!important}
  .burger{display:flex!important;flex-shrink:0;padding:8px;margin-right:-2px;z-index:62}
  .burger span{transition:transform .2s,opacity .2s}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .lang-switch-head{flex-shrink:0}
  #header .nav-links{top:64px;z-index:61;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 36px -18px rgba(7,26,51,.28);max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .nav-mobile-cta{display:inline-flex;margin-top:4px;align-self:flex-start}
  .nav-links a.active::after{display:none}
  body.menu-open{overflow:hidden}
  .hero{padding-top:120px;min-height:auto}
}
@media(max-width:560px){
  header .logo{max-width:calc(100% - 100px)}
  header .logo-mobile .logo-word{font-size:.98rem}
  .hero{padding-top:108px}
}

/* ---------- Flow steps ---------- */
.step{box-shadow:0 1px 2px rgba(7,26,51,.04),0 16px 36px -30px rgba(7,26,51,.4)}

/* ---------- Forms (light) ---------- */
form{background:var(--panel);box-shadow:0 24px 60px -34px rgba(7,26,51,.30)}
input,textarea{background:#fff;border:1px solid var(--line);color:var(--txt)}
input::placeholder,textarea::placeholder{color:#9aa7b8}
input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}

/* ---------- Footer (graphite dark) ---------- */
footer{background:var(--graphite);border-top:1px solid rgba(247,250,252,.08);color:rgba(247,250,252,.66)}
.foot .links a{color:rgba(247,250,252,.66)}
.foot .links a:hover{color:var(--accent-2)}
.foot-company{color:rgba(247,250,252,.55);border-top:1px solid rgba(247,250,252,.08)}
.foot-company strong{color:#fff}
.foot-company a{color:rgba(247,250,252,.66)}
.foot-company a:hover{color:var(--accent-2)}
.copy{color:rgba(247,250,252,.45)}
.channel a,.channel span{color:var(--txt)}

@media(max-width:980px){
  .quotes{grid-template-columns:1fr}
  .cta-band{align-items:flex-start}
}