/* veedeck — motyw D.1.B (burgund / krem / Author + Mansalva). Ładowany na końcu <head> każdej strony. */
@import url("https://fonts.googleapis.com/css2?family=Mansalva&display=swap");
@font-face{font-family:"Author";src:url("fonts/Author-Variable.ttf") format("truetype-variations"),url("fonts/Author-Variable.ttf") format("truetype");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:"Author";src:url("fonts/Author-VariableItalic.ttf") format("truetype-variations"),url("fonts/Author-VariableItalic.ttf") format("truetype");font-weight:200 700;font-style:italic;font-display:swap}

:root{
  --background:#FEFAF1;--foreground:#352726;--card:#FFFDF8;--card-foreground:#352726;
  --primary:#9A1C1D;--primary-foreground:#FFFFFF;--secondary:#F4EBDC;--muted:#F4EBDC;
  --muted-foreground:#6B5A57;--accent:#C0AD69;--accent-foreground:#352726;--border:#E6DAC7;
  --ring:#9A1C1D;--sidebar:#EFE5D5;--sidebar-accent:#EADCC6;--indigo-50:#F6EBDD;--indigo-950:#352726;
}
body{font-family:"Author",ui-sans-serif,system-ui,sans-serif;font-weight:500;background:var(--background);color:var(--foreground)}
h1,h2,h3,h4{font-family:"Author",ui-sans-serif,system-ui,sans-serif;font-weight:600}
.brand-icon{display:none!important}.hero-wm{display:none!important}

/* eyebrow — odręczny akcent */
.eyebrow,.hero-eyebrow,.section-eyebrow,.module-eyebrow,.kicker{font-family:"Mansalva",cursive!important;font-weight:400!important;letter-spacing:-.04em!important;text-transform:none!important;font-size:24px!important;color:#9A1C1D!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;width:auto!important;max-width:none!important;white-space:nowrap}
.eyebrow::before,.eyebrow::after,.hero-eyebrow::before,.hero-eyebrow::after,.section-eyebrow::before,.section-eyebrow::after,.module-eyebrow::before,.module-eyebrow::after,.kicker::before,.kicker::after{display:none!important}
.hero-eyebrow>.dot,.hero-eyebrow>[class*="dot"]{display:none!important}
h1 em{font-style:normal!important;color:#352726!important;font-family:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important}

/* linki */
a{color:#9A1C1D}a:hover{color:#671F20}
.nav-links a,.nav-links button{color:#352726}.nav-links a:hover{color:#9A1C1D}

/* ciemne / piaskowe pasy */
.panel-card.is-owner,.audience,.final-cta-band{background:#352726!important}
.panel-card.is-owner .eyebrow,.audience .eyebrow{color:#C0AD69!important}
section.modules,section.devices,section.testimonials{background:#E0D1BA!important}
.module,.tcard{background:#FEFAF1!important}

/* promienie */
.btn,a.btn,button.btn,[class*="btn-"],.nav-cta a,.nav-actions a,.nav a.btn,header .btn,button[type="submit"],.modules-cta,.vd-mm-view,.vd-mm-plugin{border-radius:6px!important}
.value-card,.value-icon,.panel-card,.panel-ic,.marquee-pill,.pill-icon,.pc,.vp-floating,.step,.audience,.tcard,.faq-item,.demo,.demo input,.demo select,.demo textarea,.final-cta-band,.vd-mm-panel,.vd-mm-mi,.vd-mm-ic,.vd-mm-card,.pp-ic,.lang-toggle,.lang-menu,.lang-opt,.nav-burger,.mobile-menu-close,.sic,.cta-c,.pgrid .pc,.m,.chip{border-radius:6px!important}

/* wordmark tekstowy */
.wordmark-img{display:block}.wordmark-txt{display:inline-block;font:600 28px/.82 "Author",sans-serif;letter-spacing:-.045em;color:#352726;white-space:nowrap}
.mobile-menu-header .wordmark-txt{font-size:24px}
.brand:hover .wordmark-txt{color:#352726}

/* nav — statyczny (podstrony); strona główna ma własny wariant .vx-on */
html:not(.vx-on) nav.top{background:rgba(254,250,241,.92)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #E3D7C4!important;box-shadow:none!important}
nav.top .nav-cta .btn-primary{background:transparent!important;color:#9A1C1D!important;box-shadow:none!important;border:0!important}
nav.top .nav-cta .btn-primary:hover{color:#671F20!important}
nav.top .nav-cta .btn-primary svg{display:none}
nav.top .nav-cta .btn-ghost{border:0!important}
nav.top .nav-cta>a:hover{background:transparent!important}
nav.top .lang-toggle{border:0!important;background:transparent!important;box-shadow:none!important}
nav.top .lang-toggle:hover{background:rgba(53,39,38,.06)!important}
nav.top .lang-menu{background:#FEFAF1!important;border:0!important}

/* odręczne podkreślenie przy hover — nav */
nav.top .nav-links>a,nav.top .nav-links>button,nav.top .nav-links>*>a,nav.top .nav-links>*>button,nav.top .nav-cta>a{position:relative}
nav.top .nav-links>a::after,nav.top .nav-links>button::after,nav.top .nav-links>*>a::after,nav.top .nav-links>*>button::after,nav.top .nav-cta>a::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-7px;height:6px;background:#9A1C1D;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C45 5 105 3 197 6' fill='none' stroke='%23000' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C45 5 105 3 197 6' fill='none' stroke='%23000' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;clip-path:inset(0 100% 0 0);transition:clip-path .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
nav.top .nav-cta>a::after{left:14%;right:14%;bottom:4px}
nav.top .nav-links>a:hover::after,nav.top .nav-links>button:hover::after,nav.top .nav-links>*>a:hover::after,nav.top .nav-links>*>button:hover::after,nav.top .nav-cta>a:hover::after,nav.top a:focus-visible::after{clip-path:inset(0 0 0 0)}

/* odręczne podkreślenie przy hover — przyciski */
.btn,.modules-cta,.vd-mm-view,button[type="submit"]{position:relative}
.btn::after,.modules-cta::after,.vd-mm-view::after,button[type="submit"]::after{content:"";position:absolute;left:18px;right:18px;bottom:6px;height:6px;background:var(--ul,currentColor);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C45 5 105 3 197 6' fill='none' stroke='%23000' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C45 5 105 3 197 6' fill='none' stroke='%23000' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;clip-path:inset(0 100% 0 0);transition:clip-path .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.btn:hover::after,.modules-cta:hover::after,.vd-mm-view:hover::after,button[type="submit"]:hover::after,.btn:focus-visible::after,.modules-cta:focus-visible::after,.vd-mm-view:focus-visible::after,button[type="submit"]:focus-visible::after{clip-path:inset(0 0 0 0)}
.btn-primary,.btn-p,.btn-white,button[type="submit"]{--ul:#C0AD69}.btn-white{--ul:#9A1C1D}
.btn:hover,.modules-cta:hover,.vd-mm-view:hover,button[type="submit"]:hover{transform:none!important}
.btn-primary:hover{background:#671F20}
.vx-circ{position:relative;display:inline-block;isolation:isolate}
.deco{position:absolute!important;pointer-events:none;z-index:0}
section:has(>.deco){position:relative}
@media(max-width:1100px){.deco{scale:.7;transform-origin:top right}}
@media(max-width:760px){.deco{display:none!important}}
@keyframes decoFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
.deco{animation:decoFloat 5s ease-in-out infinite}.deco:nth-of-type(2n){animation-duration:6.5s;animation-delay:-2s}
@media(prefers-reduced-motion:reduce){.deco{animation:none}}

/* bez kursywy w całym serwisie */
*,*::before,*::after{font-style:normal!important}
/* nazwa produktu w hero (veepick) — grubość jak w tytułach */
.hero-name{font-weight:600!important}
.hero-tagline,.hero-tagline em{color:#352726!important}
.plugin-name em{font-weight:600!important}
.plugin-name .vp-word{font-weight:600!important}

/* kafelki i etykiety — tło sekcji zamiast białego (obramowanie zostaje) */
.value-card,.team-card,.contact-channel,.contact-form-card,details.faq,.page-hero .updated,.legal-note .ic,.cookie-cat,.benefit-card,.help-quick a,.role-card,details.acc,.gloss-item,.bug-card,.sub-nav a:not(.active):not([aria-current]),.migrate-card,.step,.module-chip,.step-card,.field-card,.shop-pill,.security-item,.plan:not(.featured),.faq-item,.marquee-pill,.tcard,.panel-card:not(.is-owner),form.demo{background:transparent!important}
.why-vd{background:#352726!important}

/* O nas — historia znaku: otwarty wzornik kolorów → znak */
.why-vd-stage .vd-fan{position:absolute;inset:0;animation:vdFanFade 9s cubic-bezier(.2,.7,.2,1) infinite}
.vd-fan i{position:absolute;left:50%;top:50%;width:76px;height:300px;margin:-210px 0 0 -38px;border-radius:6px;background:linear-gradient(var(--c) 0 70%,#FEF9F1 70%);box-shadow:0 18px 40px -18px rgba(0,0,0,.6),0 0 0 1px rgba(53,39,38,.25);transform-origin:50% 270px;animation:vdBlade 9s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:var(--d)}
.vd-fan i::after{content:"";position:absolute;left:10px;right:22px;top:76%;height:3px;border-radius:2px;background:rgba(53,39,38,.35);box-shadow:0 8px 0 rgba(53,39,38,.2)}
.vd-fan b{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:52px 0 0 -8px;border-radius:50%;background:#E0D2BA;box-shadow:inset 0 -2px 0 rgba(53,39,38,.35),0 0 0 3px rgba(53,39,38,.4)}
.why-vd-stage .why-vd-mark{position:absolute;left:50%;top:50%;width:250px!important;height:auto!important;margin:-120px 0 0 -125px;border-radius:0!important;box-shadow:none!important;animation:vdMark 9s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes vdBlade{0%,10%{transform:rotate(0)}34%,60%{transform:rotate(var(--a))}76%,100%{transform:rotate(var(--v))}}
@keyframes vdFanFade{0%{opacity:0}4%,80%{opacity:1}88%,100%{opacity:0}}
@keyframes vdMark{0%,78%{opacity:0;transform:scale(.86)}88%,97%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media(max-width:1000px){.why-vd-stage .vd-fan{transform:scale(.75)}.why-vd-stage .why-vd-mark{width:190px!important;margin:-90px 0 0 -95px}}
@media(prefers-reduced-motion:reduce){.vd-fan,.vd-fan i,.why-vd-stage .why-vd-mark{animation:none!important}.vd-fan i{transform:rotate(var(--a))}.why-vd-stage .why-vd-mark{display:none}}
.why-vd-eq .glyph.fan-g{position:relative}
.why-vd-eq .glyph.fan-g i{position:absolute;left:50%;bottom:12px;width:10px;height:34px;margin-left:-5px;border-radius:2px;background:var(--c);transform-origin:50% 30px;transform:rotate(var(--r))}

/* O nas — Misja i wizja w kolorystyce strony */
.mv2{background:#F4EBDC!important;color:#352726!important}
.mv2 .section-eyebrow{color:#9A1C1D!important}
.mv2 h2.title{color:#352726!important}.mv2 h2.title em{color:#352726!important}
.mv2 .sub{color:#6B5A57!important}
.mv2-card{border-radius:6px!important;border:1px solid rgba(53,39,38,.14)!important;background:transparent!important}
.mv2-card:hover{border-color:rgba(154,28,29,.4)!important}
.mv2-card.vision .mv2-label .ic{background:transparent!important;border:1px solid rgba(53,39,38,.18)!important;border-radius:6px!important}
.mv2-card.vision .mv2-label .ic .material-symbols-rounded{color:#9A1C1D!important}
.mv2-card.vision .mv2-label .kicker{color:#352726!important}.mv2-card.vision .mv2-label .kicker small{color:#6B5A57!important}
.mv2-card.vision .quote{color:#352726!important}.mv2-card.vision .quote b{color:#9A1C1D!important}
.mv2-card.vision .mono{color:#9F6832!important}
.mv2-card.mission{background:#9A1C1D!important;border-color:transparent!important}
.mv2-card.mission .mv2-label .ic{background:rgba(254,250,241,.08)!important;border:1px solid rgba(254,250,241,.22)!important;border-radius:6px!important}
.mv2-card.mission .mv2-label .ic .material-symbols-rounded{color:#FEFAF1!important}
.mv2-card.mission .quote{color:#FEFAF1!important}.mv2-card.mission .quote b{color:#E0D2BA!important}
.mv2-card.mission .mv2-label .kicker small{color:rgba(254,250,241,.75)!important}
.mv2-card.mission .mono{color:#E0D2BA!important}
.mv2-card.mission .mv2-label .kicker{color:#FEFAF1!important}
.mission-head h2,.mission-head h2 em,.mission-head h2 .wordmark-text{color:#352726!important;-webkit-text-fill-color:currentColor!important;background:none!important}
.mission-head h2 .wordmark-text{font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.mission-head h2 em{font-weight:600!important}
section#moduly.modules{background:#C0AD6A!important}
#moduly.modules .section-head p,#moduly .pill-desc{color:#352726!important}#moduly .marquee-pill{border-color:rgba(53,39,38,.28)!important}#moduly .eyebrow{color:#671F20!important}
#moduly.modules{--primary:#671F1F;--mk:#671F1F}#moduly .pill-icon{background:#671F1F!important}#moduly .eyebrow{color:#671F1F!important}#moduly .mk-u{--mk:#671F1F}

/* „veedeck” w tekście: ta sama czcionka, grubość i odstępy co otaczający tekst */
.wordmark-text{font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}

/* Kafelki i karty: jednolite zaokrąglenie 6px na wszystkich stronach (jak na stronie O nas) */
.why-vd-chip,.team-card,.contact-channel,.contact-form-card,.contact-form-card input,.contact-form-card select,.contact-form-card textarea,.faq,.faq-item,.cookie-cat,.legal-contact-card,.legal-note,.legal-table-wrap,.benefit-card,details.acc,.gloss-item,.role-card,.bug-card,.bug-card input,.bug-card select,.bug-card textarea,.migrate-card,.cta-card,.cta-founder,.step-card,.field-card,.security-item,.promo-banner,article.plan,.ai-rs{border-radius:6px!important}
.plan-cta,.bd-cta,.file-drop,.help-search input,.ai-frame,.ai-compact,.ai-md,.ai-inp,.ai-blk,.ai-nav,.ai-stats>div,.ai-card,.ai-vz,.ai-draft,.ai-path,.ai-btn{border-radius:6px!important}
/* Wyjątek: na telefonie animacja agenta AI jest w makiecie telefonu - zaokrąglona obudowa i ekran */
.ai-frame.ai-phone{border-radius:46px!important}
.ai-phone .ai-view{border-radius:36px!important}
.ai-phone .ai-compact{border-radius:22px 22px 0 0!important}
.ai-phone .ai-md{border-radius:0!important}