/* DoSieci v3 — warstwa wygladu (2026-09-24).
   Ladowana PO site.css na wszystkich stronach; wszystkie reguly pod html.v3.
   Nie zmienia tresci ani struktury stron. Rollback: przywrocenie kopii HTML
   (usuwa link i klase v3) — patrz deployment/wdroz-v3-20260924.py. */

@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- 1. Paleta (przedefiniowanie tokenow site.css) ---------- */
html.v3{
  --v3-night:#0d0a24;--v3-night-2:#171238;--v3-violet:#6d4aff;--v3-violet-2:#8b6dff;--v3-violet-deep:#4b2fd1;
  --v3-ink:#16132e;--v3-body:#4f4b6b;--v3-muted:#6a6685;--v3-line:#e8e6f4;--v3-haze:#f6f5ff;--v3-haze-2:#efedff;--v3-gold:#ffc53d;--v3-ok:#1f9d63;
  --v3-hero:radial-gradient(900px 560px at 82% 0,rgba(109,74,255,.5),transparent 62%),radial-gradient(700px 480px at 0 100%,rgba(75,47,209,.38),transparent 60%),linear-gradient(180deg,#0d0a24,#171238);
  --v3-shadow:0 1px 2px rgba(22,19,46,.04),0 12px 32px rgba(22,19,46,.07);
  --color-primary:#0d0a24;--color-primary-deep:#090619;--color-secondary:#6d4aff;--color-secondary-hover:#5a38f0;--color-secondary-active:#4b2fd1;
  --color-tech:#5b3fe0;--color-tech-bright:#8b6dff;--color-focus:#6d4aff;--color-background-light:#f6f5ff;--color-text:#16132e;--color-text-muted:#5d5a78;--color-border:#e8e6f4;
  --navy:#0d0a24;--navy2:#090619;--blue:#6d4aff;--mint:#5b3fe0;--mint2:#5b3fe0;--ink:#16132e;--text:#5d5a78;--line:#e8e6f4;--soft:#f6f5ff;
  --shadow:0 18px 44px rgba(22,19,46,.09);
  --t-surface-mint:#f6f5ff;--t-surface-blue:#f3f1ff;--t-surface-alt:#f7f6fc;--t-surface-alt2:#f7f6fc;--t-lf2f7fc:#f7f6fc;
  --t-border:#e8e6f4;--t-border-2:#dcd7f5;--t-border-3:#e8e6f4;--t-border-4:#e8e6f4;--t-heading:#16132e;--t-text:#16132e;
  --t-muted:#5d5a78;--t-muted-2:#4f4b6b;--t-muted-3:#5d5a78;--t-muted-4:#4f4b6b;--t-surface-deep:#0d0a24;--t-surface-ink:#16132e;
  --t-d43566e:#4f4b6b;--t-d0b5bb7:#5b3fe0;--t-d0b4c81:#4b2fd1
}
html.v3 body{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--v3-ink);-webkit-font-smoothing:antialiased;background:#fff}
html.v3 :is(h1,h2,h3){font-weight:600;letter-spacing:-.03em}
html.v3 h1{letter-spacing:-.04em}
html.v3 :is(h4,strong,b){font-weight:600}
html.v3 .eyebrow{color:var(--v3-violet-deep);font-weight:600;letter-spacing:.1em}
html.v3 .lead,html.v3 .section-head>p:not(.eyebrow){color:var(--v3-body)}
html.v3 :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--v3-gold);outline-offset:3px}

/* ---------- 2. Przyciski ---------- */
html.v3 .button{border-radius:12px;font-weight:600;font-size:15px;padding:14px 22px;letter-spacing:0;background:var(--v3-violet);border-color:var(--v3-violet);color:#fff!important;box-shadow:0 8px 24px rgba(109,74,255,.28);transition:background .15s,transform .15s}
html.v3 .button:hover{background:var(--v3-violet-deep);border-color:var(--v3-violet-deep);transform:translateY(-1px)}
html.v3 :is(.button.primary,.button.wide){background:var(--v3-violet);border-color:var(--v3-violet);box-shadow:0 8px 24px rgba(109,74,255,.28)}
html.v3 :is(.button.primary,.button.wide):hover{background:var(--v3-violet-deep);border-color:var(--v3-violet-deep)}
html.v3 :is(.button.ghost,.button.ghost-dark){background:transparent;border:1.5px solid #d8d0ff;color:var(--v3-violet-deep)!important;box-shadow:none}
html.v3 :is(.button.ghost,.button.ghost-dark):hover{background:var(--v3-haze-2);border-color:var(--v3-violet)}
html.v3 .button.light{background:#fff;border-color:#fff;color:var(--v3-ink)!important;box-shadow:none}
html.v3 .button.light:hover{background:var(--v3-haze-2)}
html.v3 .button.outline-light{background:transparent;border:1.5px solid rgba(255,255,255,.45);color:#fff!important;box-shadow:none}

/* ---------- 3. Naglowek ---------- */
html.v3 .header{background:radial-gradient(700px 200px at 85% 0,rgba(109,74,255,.35),transparent 70%),var(--v3-night);height:84px;border-bottom:1px solid rgba(255,255,255,.06)}
html.v3 .header .ds-mega-nav__trigger{color:#dcd6ff}
html.v3 .header .ds-mega-nav__trigger{font-family:inherit;font-weight:500;font-size:15px}
html.v3 .header .ds-mega-nav__trigger:hover,html.v3 .header .ds-mega-nav__trigger[aria-expanded="true"]{color:#fff}
html.v3 .header .account-actions{gap:0;align-items:center}
html.v3 .header .header-contact{color:#dcd6ff;font-weight:500;font-size:14.5px;border:0;background:none;padding:10px 12px}
html.v3 .header .header-contact:hover{color:#fff}
/* Poczta / Panel klienta: same ikony, podpis dla czytnikow ekranu zostaje */
html.v3 .header .account-actions :is(a.mail,a.panel){position:relative;width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%;background:transparent;border:0;box-shadow:none;color:#b9b2e8;transition:color .15s,background .15s}
html.v3 .header .account-actions :is(a.mail,a.panel):hover{color:#fff}
html.v3 .header .account-actions :is(a.mail,a.panel):hover{background:rgba(255,255,255,.1)}
html.v3 .header .account-actions :is(a.mail,a.panel) .action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.v3 .header .account-actions :is(a.mail,a.panel) .action-icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}
html.v3 .header .account-actions a.panel .action-icon{display:none}
html.v3 .header .account-actions a.panel::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat}
html.v3 .header .account-actions :is(a.mail,a.panel)::after{content:attr(aria-label);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;font-weight:600;background:#fff;color:var(--v3-ink);padding:5px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:40}
html.v3 .header .account-actions :is(a.mail,a.panel):is(:hover,:focus-visible)::after{opacity:1}
/* Przelacznik jezyka: pigulka z flaga (biezacy) + panel z pozostalymi */
html.v3 .header .header-language-switcher{position:relative;display:flex;align-items:center;gap:0;background:none;border:0;padding:0;margin-right:2px}
html.v3 .header .header-language-switcher a{display:none!important;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:14.5px;border:0;border-radius:10px;background:none;color:var(--v3-ink);padding:9px 12px;min-width:0;height:auto;width:auto;box-shadow:none}
html.v3 .header .header-language-switcher a::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.35);background:linear-gradient(#fff 50%,#dc143c 50%)}
html.v3 .header .header-language-switcher a[href^="/uk/"]::before{background:linear-gradient(#0057b7 50%,#ffd700 50%)}
html.v3 .header .header-language-switcher a[href^="/en/"]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15 0 30 30'%3E%3Crect x='0' width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' stroke='%23c8102e' stroke-width='2'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23c8102e' stroke-width='6'/%3E%3C/svg%3E") center/cover}
html.v3 .header .header-language-switcher a[aria-current]{display:inline-flex!important;height:32px;padding:0 16px 0 4px;gap:6px;font-size:13px;font-weight:600;border-radius:99px;color:#dcd6ff;background:transparent;box-shadow:none;position:relative;transition:background .15s,color .15s}
html.v3 .header .header-language-switcher a[aria-current]:hover,html.v3 .header .header-language-switcher.is-open a[aria-current]{color:#fff;background:rgba(255,255,255,.07)}
html.v3 .header .header-language-switcher a[aria-current]::after{content:"";position:absolute;right:2px;top:50%;width:5px;height:5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
html.v3 .header .header-language-switcher::after{content:"";display:none;position:absolute;top:38px;right:0;width:150px;height:84px;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(5,3,20,.35);z-index:59}
html.v3 .header .header-language-switcher:is(:hover,:focus-within,.is-open)::after{display:block}
html.v3 .header .header-language-switcher:is(:hover,:focus-within,.is-open) a:not([aria-current]){display:flex!important;position:absolute;right:4px;top:38px;width:142px;z-index:60;padding:8px 10px;font-size:13px}
html.v3 .header .header-language-switcher:is(:hover,:focus-within,.is-open) a:not([aria-current])~a:not([aria-current]){top:74px}
html.v3 .header .header-language-switcher:is(:hover,:focus-within,.is-open) a[aria-current]::after{transform:translateY(-30%) rotate(225deg)}
html.v3 .header .header-language-switcher a:not([aria-current])::before{box-shadow:0 0 0 1px var(--v3-line)}
html.v3 .header .header-language-switcher a:not([aria-current]):hover{background:var(--v3-haze);color:var(--v3-violet-deep)}
html.v3 .header nav.open,html.v3 .header #main-nav[data-ds-mega-nav].open{background:var(--v3-night)}
html.v3 .header .menu-toggle{border-radius:12px;background:rgba(255,255,255,.08)}
html.v3 .mobile-language a{border-radius:99px}
html.v3 .mobile-language a[aria-current]{background:var(--v3-violet);border-color:var(--v3-violet)}
/* mega-menu: akcent fioletowy */
html.v3 .ds-mega-panel{font-family:inherit}
html.v3 .ds-mega-v2 .ds-mega-kind__tag{background:var(--v3-violet)}
html.v3 .header .ds-mega-card>a{color:var(--v3-violet-deep)}
@media (max-width:1150px){html.v3 .header .ds-mega-card>a{color:#c9bcff}}

/* ---------- 4. Okruszki + hero podstron (ciemne) ---------- */
html.v3 .breadcrumbs{max-width:none;margin:0;padding:12px max(24px,calc((100% - 1160px)/2));background:var(--v3-night);color:#a9a2d6;border-bottom:1px solid rgba(255,255,255,.06)}
html.v3 .breadcrumbs a,html.v3 .breadcrumbs span{color:#cfc8f5}
html.v3 .breadcrumbs span:last-child{color:#a9a2d6}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero){background:var(--v3-hero)!important;color:#fff;position:relative}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) h1,html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) > :first-child :is(h2,h3,strong):not(.es-diagram *):not(.contact-cards *):not(.service-visual *):not(.launch-note *){color:#fff!important}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) > :is(p,.lead),html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) .lead{color:#cdc7ee!important}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) > :first-child :is(p,li,.lead,dd,dt,small,label):not(.es-diagram *):not(.contact-cards *):not(.service-visual *):not(.launch-note *){color:#cdc7ee}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) .eyebrow{color:#b9a8ff!important}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) > :first-child a:not(.button){color:#c9bcff!important;text-decoration-color:rgba(201,188,255,.5)}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) :is(.button.ghost,.button.ghost-dark,.button.outline-light){border-color:rgba(255,255,255,.35);color:#fff!important;background:transparent}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) :is(.button.ghost,.button.ghost-dark,.button.outline-light):hover{background:rgba(255,255,255,.1)}
html.v3 .service-visual{border:0;border-radius:24px;box-shadow:0 40px 80px rgba(5,3,20,.4)}
html.v3 .service-badge{background:var(--v3-night);border-radius:12px}
html.v3 .service-badge :is(strong,span){color:#fff}
html.v3 .highlights>div{border-color:var(--v3-line)}
html.v3 .highlights svg,html.v3 .highlights>div>span:first-child{color:var(--v3-violet)}

/* ---------- 5. Ciemne pasy i CTA ---------- */
html.v3 .rescue-form-section{background:var(--v3-hero);border-radius:32px}
html.v3 .rescue-form-section > :first-child :is(h2,h3){color:#fff}
html.v3 .rescue-form-section > :first-child :is(p,li){color:#cdc7ee}
html.v3 .rescue-form-section > :first-child .eyebrow{color:#b9a8ff}
html.v3 :is(.dark-section,.hosting-infrastructure,.domain-search-section,.reseller-economics,.problem-band,.security-note,.es-band,.es-license-band){background:var(--v3-hero)!important;color:#fff}
html.v3 :is(.dark-section,.hosting-infrastructure,.domain-search-section,.reseller-economics,.problem-band,.security-note,.es-band,.es-license-band) :is(h2,h3,strong){color:#fff!important}
html.v3 :is(.dark-section,.hosting-infrastructure,.domain-search-section,.reseller-economics,.problem-band,.security-note,.es-band,.es-license-band) :is(p,li,small){color:#cdc7ee}
html.v3 :is(.dark-section,.hosting-infrastructure,.domain-search-section,.reseller-economics,.problem-band,.security-note) .eyebrow{color:#b9a8ff!important}
html.v3 .hosting-infrastructure{border-radius:32px}
html.v3 .hosting-infrastructure-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px}
html.v3 .cta{background:radial-gradient(520px 320px at 90% 10%,rgba(255,255,255,.2),transparent 60%),linear-gradient(120deg,#3f25c4,#5b3fe0 55%,#6d4aff)!important;color:#fff}
html.v3 .cta :is(h2,h3){color:#fff!important}
html.v3 .cta :is(p,li){color:#fff}
html.v3 .cta .eyebrow{color:#fff!important;opacity:.85}
html.v3 .cta .button:not(.ghost):not(.ghost-dark):not(.outline-light){background:#fff;border-color:#fff;color:var(--v3-ink)!important;box-shadow:none}
html.v3 .cta :is(.button.ghost,.button.ghost-dark,.button.outline-light){border-color:rgba(255,255,255,.55);color:#fff!important}

/* ---------- 6. Karty, pakiety, FAQ ---------- */
html.v3 .price-card{border:1px solid var(--v3-line);border-radius:24px;padding:32px 28px 26px;box-shadow:none;background:#fff}
html.v3 .price-card.featured{border:2px solid var(--v3-violet);box-shadow:0 30px 60px rgba(109,74,255,.16)}
html.v3 .popular{background:var(--v3-violet);color:#fff;border:0;border-radius:99px;font-weight:600;letter-spacing:.02em;padding:6px 14px}
html.v3 .plan-name{font-weight:600;letter-spacing:-.01em}
html.v3 .price strong{font-weight:600;letter-spacing:-.04em}
html.v3 .price span{color:var(--v3-muted);letter-spacing:.04em}
html.v3 .hosting-renewal{color:var(--v3-muted);background:none;border:0;padding:0}
html.v3 .price-card li::marker,html.v3 .price-card li::before{color:var(--v3-ok)}
html.v3 .price-card .plan-spec{border:1px solid var(--v3-line);border-radius:14px;background:#fff}
html.v3 .price-card .plan-spec summary{color:var(--v3-violet-deep)}
html.v3 .price-card:not(.featured) :is(.button.primary,.button.wide,.button){background:var(--v3-haze-2);border-color:var(--v3-haze-2);color:var(--v3-violet-deep)!important;box-shadow:none}
html.v3 .price-card:not(.featured) :is(.button.primary,.button.wide,.button):hover{background:#e3deff}
html.v3 .ds-domain-offer{color:var(--v3-violet-deep)}
html.v3 :is(.service-card,.service-hub-card,.knowledge-card,.kb-group,.scope-table>div,.feature-card,.plugin-card,.integration-card){border-color:var(--v3-line);border-radius:20px;box-shadow:none}
html.v3 :is(.service-card,.service-hub-card,.knowledge-card):hover{box-shadow:var(--v3-shadow)}
html.v3 .service-hub-card span:first-child{color:var(--v3-violet)}
html.v3 .related a{border-color:var(--v3-line);border-radius:14px}
html.v3 .related a:hover{border-color:#d8d0ff;background:var(--v3-haze)}
html.v3 .faq-list details{border-color:var(--v3-line);border-radius:16px;padding:0 22px}
html.v3 .faq-list details[open]{background:var(--v3-haze)}
html.v3 .faq-list summary{font-weight:600}
html.v3 .faq-list summary span{color:var(--v3-violet)}
html.v3 .kb-cta{border-left-color:var(--v3-violet);background:var(--v3-haze);border-radius:14px}
html.v3 table th{font-weight:600}
html.v3 .hosting-competitors .dosieci-column{background:var(--v3-haze-2)!important;color:var(--v3-ink)!important}
html.v3 :is(input,select,textarea){font-family:inherit}
html.v3 .ds-ask__toggle{background:linear-gradient(135deg,#6d4aff,#4b2fd1)!important}

/* ---------- 6b. Poprawki kontrastu z automatycznego skanu ---------- */
html.v3 .contact-hero .contact-cards>*{background:#fff;border-color:transparent}
html.v3 .contact-hero .contact-cards strong{color:var(--v3-ink)!important}
html.v3 .contact-hero .contact-cards :is(span,small){color:var(--v3-muted)!important}
html.v3 .hosting-competitors .dosieci-column *{color:inherit!important}
html.v3 .es-diagram :is(strong,h3,b){color:var(--v3-ink)!important}
html.v3 .es-diagram :is(small,p,span,figcaption){color:var(--v3-muted)!important}
html.v3 .es-integrations article :is(h3,strong){color:var(--v3-ink)!important}
html.v3 .es-integrations article :is(p,small,li){color:var(--v3-body)!important}

html.v3 .es-hero h1 :is(span,em){color:#8ef0dc!important}
html.v3 .es-plan :is(h3,strong,.es-price){color:var(--v3-ink)!important}
html.v3 .es-plan :is(p,li,small){color:var(--v3-body)!important}
html.v3 .es-plan .eyebrow{color:var(--v3-violet-deep)!important}
html.v3 .launch-note{background:rgba(255,255,255,.08);border-left-color:var(--v3-gold);color:#e4dfff}
html.v3 .launch-note :is(strong,b){color:#fff!important}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) :is(.sa-hint,.sa-hint a,.sa-start label){color:#cdc7ee!important}
html.v3 :is(.service-hero,.service-sales-hero,.plugin-product-hero,.integration-detail-hero,.ai-hero,.integration-hero,.es-hero,.shop-polish-hero,.elink-hero,.catalog-hero,.contact-hero,.kb-hero,.home-hero,.service-hub,.partner-hero) .sa-toggle{color:#c9bcff!important}
html.v3 :is(.ds-audit,.ds-migration){background:var(--v3-hero)!important;color:#fff}
html.v3 :is(.ds-audit,.ds-migration) :is(h2,h3){color:#fff!important}
html.v3 :is(.ds-audit,.ds-migration) :is(p,li,label):not(.ds-audit__domain-result *):not(.ds-migration__offer *){color:#cdc7ee}
html.v3 :is(.ds-audit,.ds-migration,.hosting-competitors>header) .eyebrow{color:#b9a8ff!important}
html.v3 .ds-audit .button.ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff!important}

html.v3 .v3-table-details{border:1px solid var(--v3-line);border-radius:20px;overflow:hidden;background:#fff}
html.v3 .v3-table-details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:600;color:var(--v3-violet-deep);background:var(--v3-haze)}
html.v3 .v3-table-details>summary::-webkit-details-marker{display:none}
html.v3 .v3-table-details>summary::after{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s}
html.v3 .v3-table-details[open]>summary::after{transform:rotate(225deg)}
html.v3 .v3-table-details .hosting-table-scroll{border:0;border-radius:0;box-shadow:none;margin:0}
html.v3 .price-card li[data-v3-feat] strong{color:var(--v3-violet-deep)}
html.v3 .v3h-vip-box .price-card li[data-v3-feat] strong{color:var(--v3-gold)}

/* ---------- 6c. Nowe karty pakietow (wzor SEOHost) 24.09 noc ---------- */
html.v3 .price-card.pc{padding:26px 26px 28px;border-radius:20px}
html.v3 .price-card.pc .plan-name{font-size:20px}
html.v3 .price-card.pc .plan-desc{min-height:0;margin-bottom:18px;font-size:14px}
html.v3 .pc-ribbon{position:absolute;top:0;left:0;right:0;height:34px;border-radius:20px 20px 0 0;background:var(--v3-violet-deep);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;display:grid;place-items:center}
html.v3 .price-card.pc--popular{padding-top:52px}
html.v3 .pc-price{display:flex;align-items:baseline;gap:8px;margin:0}
html.v3 .pc-price b{font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1}
html.v3 .pc-price s{font-size:15px;color:var(--v3-muted);text-decoration-color:#c62828}
html.v3 .pc-price span{font-size:13px;color:var(--v3-muted)}
html.v3 .pc-std{margin:4px 0 0;font-size:12.5px;color:var(--v3-muted)}
html.v3 .pc-test{display:inline-flex;align-items:center;gap:6px;margin:10px 0 16px;padding:5px 11px;border-radius:99px;background:var(--v3-haze-2);color:var(--v3-violet-deep);font-size:12.5px;font-weight:600}
html.v3 .pc-test::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v3-ok)}
html.v3 .price-card.pc .button.wide{margin:0 0 22px}
html.v3 .pc-section{margin-bottom:4px}
html.v3 .pc-h{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--v3-muted);margin:16px 0 8px;padding-top:14px;border-top:1px solid var(--v3-line)}
html.v3 .pc-section:first-of-type .pc-h{padding-top:0;border-top:0;margin-top:0}
html.v3 .pc-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
html.v3 .pc-li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--v3-body)}
html.v3 .pc-ico{flex:none;width:16px;height:16px;margin-top:1px;stroke:var(--v3-ok);stroke-width:2;fill:none}
html.v3 .pc-li b{font-weight:600;color:var(--v3-ink)}
html.v3 .pc-li small{display:block;color:var(--v3-muted);font-size:12px;margin-top:1px}
html.v3 .pc-li .ds-spec-help{margin-left:2px}
html.v3 .pc-li--pending .pc-ico{stroke:var(--v3-gold)}
html.v3 .pc-li--pending b::after{content:"Wkrótce";display:inline-block;margin-left:7px;font-size:9.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:var(--v3-haze-2);color:var(--v3-violet-deep);padding:2px 7px;border-radius:99px;vertical-align:1px}
html.v3 .pc-vip{margin-top:14px;padding-top:14px;border-top:1px dashed var(--v3-line)}
html.v3 .pc-vip__label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--v3-violet-deep);margin-bottom:8px}
html.v3 .price-card.pc--dark{background:radial-gradient(360px 240px at 100% 0,rgba(109,74,255,.35),transparent 60%),var(--v3-night);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 44px rgba(13,10,36,.28);border-color:transparent}
html.v3 .price-card.pc--dark .plan-name,html.v3 .price-card.pc--dark .pc-price b,html.v3 .price-card.pc--dark .pc-li b{color:#fff}
html.v3 .price-card.pc--dark .plan-desc,html.v3 .price-card.pc--dark .pc-price span,html.v3 .price-card.pc--dark .pc-std,html.v3 .price-card.pc--dark .pc-li,html.v3 .price-card.pc--dark .pc-li small{color:#c9c2ee}
html.v3 .price-card.pc--dark .pc-price s{color:#9d95c9}
html.v3 .price-card.pc--dark .pc-h{color:#9d95c9;border-top-color:rgba(255,255,255,.14)}
html.v3 .price-card.pc--dark .pc-vip{border-top-color:rgba(255,255,255,.18)}
html.v3 .price-card.pc--dark .pc-vip__label{color:#cfc4ff}
html.v3 .price-card.pc--dark .pc-test{background:rgba(255,255,255,.08);color:#e4dfff}
html.v3 .price-card.pc--dark:not(.pc--popular) .button.wide{background:#fff;color:var(--v3-ink)!important;border-color:#fff}

/* ---------- 7. Stopka ---------- */
html.v3 footer{background:var(--v3-night);color:#bdb5e6}
html.v3 footer a{color:#bdb5e6}
html.v3 footer a:hover{color:#fff}
html.v3 .footer-bottom{border-top-color:rgba(255,255,255,.1)}

/* ================= 8. Strona glowna v3 (klasy .v3h-*) ================= */
html.v3 body.v3-home main{overflow:hidden}
.v3h-wrap{max-width:1200px;margin:0 auto;padding-inline:24px}
.v3h-head{display:grid;gap:14px;margin-bottom:48px}
.v3h-head.c{text-align:center;justify-items:center}
.v3h-head h2,.v3h-h2{font-size:clamp(30px,3.6vw,46px);line-height:1.1;margin:0}
.v3h-lead{font-size:18px;color:var(--v3-body);max-width:660px;margin:0}
.v3h-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--v3-violet-deep)}
.v3h-ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.v3h-tile{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--v3-violet);background:linear-gradient(145deg,#f1eeff,#fff);box-shadow:inset 0 0 0 1px #e4defd}
.v3h-tile.dark{color:#cfc4ff;background:linear-gradient(145deg,rgba(139,109,255,.28),rgba(139,109,255,.08));box-shadow:inset 0 0 0 1px rgba(207,196,255,.25)}
.v3h-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--v3-violet-deep)!important;text-decoration:none}
.v3h-link .v3h-ico{width:16px;height:16px;stroke-width:2}
html.v3 .v3h-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:background .15s,transform .15s}
html.v3 .v3h-btn:hover{transform:translateY(-1px)}
html.v3 .v3h-btn .v3h-ico{width:18px;height:18px;stroke-width:2}
html.v3 .v3h-btn.violet{background:var(--v3-violet);color:#fff!important;box-shadow:0 8px 24px rgba(109,74,255,.35)}
html.v3 .v3h-btn.violet:hover{background:var(--v3-violet-deep)}
html.v3 .v3h-btn.white{background:#fff;color:var(--v3-ink)!important}
html.v3 .v3h-btn.ghost{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
html.v3 .v3h-btn.soft{background:var(--v3-haze-2);color:var(--v3-violet-deep)!important}

/* hero */
.v3h-hero{position:relative;color:#fff;padding:48px 0 200px;background:var(--v3-hero)}
.v3h-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.05) 40.2%,transparent 58%),linear-gradient(115deg,transparent 62%,rgba(255,255,255,.035) 62.2%,transparent 74%);pointer-events:none}
.v3h-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.v3h-kicker{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:0 14px 0 6px;border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:14px;color:#e4dfff}
.v3h-kicker b{background:var(--v3-gold);color:#241a00;border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:700}
html.v3 .v3h-hero h1{font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-.04em;margin:22px 0 24px;color:#fff;font-weight:500}
.v3h-hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#c9bcff 60%,#a58bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3h-sub{font-size:19px;line-height:1.6;color:#cdc7ee;max-width:580px;margin:0}
.v3h-cta{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 22px}
.v3h-assure{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:#d7d1f7;list-style:none;margin:0;padding:0}
.v3h-assure li{display:inline-flex;align-items:center;gap:8px}
.v3h-assure .v3h-ico{width:18px;height:18px;color:#a58bff}
html.v3 .v3h-assure a{color:#d7d1f7!important;text-decoration:underline;text-decoration-color:rgba(215,209,247,.4);text-underline-offset:3px}
.v3h-glass{position:relative;border-radius:22px;padding:22px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 40px 80px rgba(5,3,20,.45)}
.v3h-bar{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.v3h-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}
.v3h-bar span{margin-left:10px;font-size:13px;color:#cfc8f5;background:rgba(255,255,255,.08);padding:5px 12px;border-radius:8px;flex:1}
.v3h-site{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:14px;background:rgba(13,10,36,.55);margin-bottom:12px}
.v3h-site b{font-weight:600;font-size:17px;color:#fff}
.v3h-site small{display:block;color:#a9a2d6;font-size:13px}
.v3h-ok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#7ef0b5;background:rgba(31,157,99,.18);padding:5px 10px;border-radius:99px}
.v3h-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ee08f}
.v3h-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v3h-row{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06)}
.v3h-row small{display:block;font-size:12.5px;color:#a9a2d6;margin-bottom:4px}
.v3h-row b{font-weight:600;font-size:16px;color:#fff}
.v3h-meter{height:6px;border-radius:9px;background:rgba(255,255,255,.12);margin-top:10px;overflow:hidden}
.v3h-meter i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#8b6dff,#c9bcff)}
.v3h-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;color:var(--v3-ink);font-size:14px;font-weight:600;box-shadow:0 18px 40px rgba(5,3,20,.35)}
.v3h-chip small{display:block;font-weight:400;color:var(--v3-muted);font-size:12px}
.v3h-chip .v3h-tile{width:36px;height:36px;border-radius:10px}
.v3h-chip .v3h-ico{width:18px;height:18px}
.v3h-chip.c1{left:-34px;bottom:-26px}
.v3h-chip.c2{right:-22px;top:-22px}
.v3h-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:150px;z-index:1;display:block}

/* sprawdzarka */
.v3h-checker{margin-top:-150px;position:relative;z-index:5}
.v3h-ck{background:#fff;border-radius:24px;box-shadow:0 30px 70px rgba(22,19,46,.16);padding:28px 30px 24px}
.v3h-ck-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
html.v3 .v3h-ck-top h2{font-size:24px;letter-spacing:-.015em;margin:0;font-weight:500}
.v3h-ck-top p{color:var(--v3-muted);font-size:14.5px;margin:4px 0 0}
.v3h-tabs{display:inline-flex;padding:4px;border-radius:12px;background:var(--v3-haze)}
.v3h-tabs button{border:0;background:transparent;font:inherit;font-weight:600;font-size:14.5px;color:var(--v3-body);height:40px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.v3h-tabs button .v3h-ico{width:17px;height:17px}
.v3h-tabs button[aria-selected="true"]{background:#fff;color:var(--v3-violet-deep);box-shadow:0 2px 8px rgba(22,19,46,.08)}
.v3h-field{display:flex;gap:10px;align-items:center;min-height:64px;padding:0 8px 0 20px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--v3-line);background:#fff}
.v3h-field:focus-within{box-shadow:inset 0 0 0 2px var(--v3-violet)}
.v3h-field>.v3h-ico{color:var(--v3-muted)}
html.v3 .v3h-field input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:17px;color:var(--v3-ink);background:transparent;padding:12px 0;box-shadow:none}
.v3h-field .v3h-btn{min-height:48px}
.v3h-field .v3h-btn[hidden]{display:none}
.v3h-result:empty{display:none}
.v3h-result{margin-top:12px}
.v3h-ck-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:16px;font-size:14px;color:var(--v3-muted)}
.v3h-ck-foot p{margin:0}
.v3h-tld{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.v3h-tld b{color:var(--v3-ink);font-weight:600}
.v3h-tld .promo{color:var(--v3-violet-deep);font-weight:600;background:var(--v3-haze-2);padding:3px 10px;border-radius:10px}
.v3h-tld .promo b{color:var(--v3-violet-deep)}

/* pakiety (wykorzystuja istniejace .price-card) */
html.v3 .v3h-plans{padding:110px 0 70px!important;max-width:none!important;margin:0!important}
html.v3 .v3h-vip{padding:10px 0 90px!important;max-width:none!important;margin:0!important}
.v3h-plans .pricing-grid{align-items:start}
.v3h-plans .v3h-note{margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;font-size:15px;color:var(--v3-body)}
.v3h-plans .v3h-note p{margin:0}
.v3h-refund{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13.5px;color:var(--v3-muted);margin:12px 0 0}
.v3h-refund .v3h-ico{width:16px;height:16px;color:var(--v3-ok)}

/* VIP w ciemnym pudelku */
.v3h-vip{padding:10px 0 90px}
.v3h-vip-box{border-radius:32px;color:#fff;padding:60px 56px;background:radial-gradient(700px 420px at 100% 0,rgba(109,74,255,.5),transparent 60%),radial-gradient(500px 360px at 0 100%,rgba(75,47,209,.35),transparent 60%),var(--v3-night)}
.v3h-vip-box .v3h-head h2{color:#fff}
.v3h-vip-box .v3h-lead{color:#c9c2ee}
.v3h-vip-box .v3h-eyebrow{color:#b9a8ff}
html.v3 .v3h-vip-box .price-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#e4dfff}
html.v3 .v3h-vip-box .price-card.featured{background:linear-gradient(160deg,rgba(139,109,255,.35),rgba(139,109,255,.1));border:1px solid rgba(201,188,255,.55);box-shadow:none}
html.v3 .v3h-vip-box .price-card :is(.plan-name,h3,.price strong,strong,b,summary,dt){color:#fff}
html.v3 .v3h-vip-box .price-card :is(p,li,span,dd,small,.plan-desc,.hosting-renewal,del,s){color:#c9c2ee}
html.v3 .v3h-vip-box .price-card .plan-spec{background:rgba(13,10,36,.45);border-color:rgba(255,255,255,.14)}
html.v3 .v3h-vip-box .price-card .plan-spec summary{color:#fff!important;background:rgba(255,255,255,.07)!important}
html.v3 .v3h-vip-box .price-card .plan-spec summary *{color:#fff!important}
html.v3 .v3h-vip-box .price-card li strong{color:#fff}
html.v3 .v3h-vip-box .price-card:not(.featured) .button{background:#fff;border-color:#fff;color:var(--v3-ink)!important}
html.v3 .v3h-vip-box .price-card .popular{background:var(--v3-gold);color:#241a00}
html.v3 .v3h-vip-box .ds-spec-help__popover{color:var(--v3-ink)}
.v3h-vip-foot{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px;color:#9d95c9}
.v3h-vip-foot p{margin:0;max-width:760px}
html.v3 .v3h-vip-foot a{color:#fff!important;font-weight:600}

/* srodowiska */
.v3h-envs{padding:30px 0 110px}
.v3h-env-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
html.v3 a.v3h-env{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;padding:30px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--v3-line);text-decoration:none;color:var(--v3-ink);transition:box-shadow .2s,transform .2s}
html.v3 a.v3h-env:hover{box-shadow:inset 0 0 0 1px #d8d0ff,var(--v3-shadow);transform:translateY(-2px)}
.v3h-env h3{font-size:20px;margin:0}
.v3h-env p{color:var(--v3-body);font-size:15.5px;margin:8px 0 0}
.v3h-from{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--v3-violet-deep);background:var(--v3-haze);padding:5px 12px;border-radius:99px}
.v3h-arr{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--v3-line);color:var(--v3-ink)}
.v3h-arr .v3h-ico{width:18px;height:18px;stroke-width:2}
.v3h-env-more{margin:22px 0 0;text-align:center;color:var(--v3-body);font-size:15px}

/* skosne pasy */
.v3h-slant{position:relative;padding:130px 0 150px;isolation:isolate}
.v3h-slant::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--v3-haze);clip-path:polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%)}
.v3h-slant.b::before{background:linear-gradient(180deg,#f3f0ff,#faf9ff);clip-path:polygon(0 0,100% 70px,100% 100%,0 calc(100% - 70px))}
.v3h-slant+.v3h-slant{margin-top:-70px}
.v3h-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:24px;box-shadow:var(--v3-shadow)}
.v3h-fact{padding:34px 30px;display:grid;gap:10px;align-content:start}
.v3h-fact+.v3h-fact{border-left:1px solid var(--v3-line)}
.v3h-num{font-size:44px;font-weight:600;letter-spacing:-.04em;line-height:1;margin-top:10px;font-variant-numeric:tabular-nums;color:var(--v3-ink)}
.v3h-num small{font-size:20px;font-weight:500;margin-left:4px;color:var(--v3-body)}
.v3h-fact h3{font-size:17px;margin:0}
.v3h-fact p{color:var(--v3-muted);font-size:14.5px;margin:0}
.v3h-inc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0 0;padding:0;list-style:none}
.v3h-inc li{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--v3-line);font-size:14.5px;color:var(--v3-body)}
.v3h-inc .v3h-ico{width:16px;height:16px;color:var(--v3-violet);stroke-width:2}
.v3h-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
html.v3 a.v3h-svc{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:24px;background:#fff;box-shadow:var(--v3-shadow);text-decoration:none;color:var(--v3-ink)}
.v3h-svc h3{margin:0;font-size:20px}
.v3h-svc p{color:var(--v3-body);font-size:15px;margin:0}
.v3h-cost{margin-top:auto;padding-top:14px;border-top:1px solid var(--v3-line);display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--v3-ink)}
.v3h-cost .v3h-ico{width:18px;height:18px;color:var(--v3-violet);stroke-width:2}
.v3h-center{text-align:center;margin:34px 0 0}

/* migracja + test */
.v3h-offers{padding:40px 0 90px}
.v3h-off-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.v3h-off{border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:18px}
.v3h-off.mig{background:linear-gradient(150deg,#f3f0ff,#fff 70%);box-shadow:inset 0 0 0 1px #e4defd}
.v3h-off.test{background:var(--v3-night);color:#fff;background-image:radial-gradient(420px 300px at 100% 0,rgba(109,74,255,.45),transparent 60%)}
html.v3 .v3h-off h2{font-size:clamp(26px,2.6vw,34px);margin:0;line-height:1.15}
html.v3 .v3h-off.test h2{color:#fff}
.v3h-off .v3h-lead{font-size:16.5px}
.v3h-off.test .v3h-lead{color:#c9c2ee}
.v3h-off.test .v3h-eyebrow{color:#b9a8ff}
.v3h-checks{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:15.5px}
.v3h-checks li{display:flex;gap:12px}
.v3h-checks .v3h-ico{width:20px;height:20px;color:var(--v3-ok);stroke-width:2.2}
.v3h-off.test .v3h-checks .v3h-ico{color:#8ef0bd}
.v3h-off.test .v3h-checks li{color:#e4dfff}
.v3h-checks.cols2{grid-template-columns:1fr 1fr;column-gap:24px}
.v3h-big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}
.v3h-big b{font-size:48px;font-weight:600;letter-spacing:-.04em;line-height:1}
.v3h-big span{color:var(--v3-muted);font-size:15px}
.v3h-fine{font-size:13px;color:var(--v3-muted);line-height:1.5;margin:0}
.v3h-off.test .v3h-fine{color:#9d95c9}
.v3h-off .v3h-btn{align-self:flex-start}

/* infrastruktura */
.v3h-infra{padding:30px 0 90px}
.v3h-infra-box{position:relative;border-radius:32px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:60px 60px 60px 0;color:#fff;background:radial-gradient(640px 400px at 100% 0,rgba(109,74,255,.5),transparent 60%),var(--v3-night)}
.v3h-infra-art{margin-left:-80px}
.v3h-infra-art img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 40px 80px rgba(5,3,20,.45)}
html.v3 .v3h-infra h2{color:#fff;font-size:clamp(28px,3vw,40px);margin:14px 0 0}
.v3h-infra .v3h-lead{color:#c9c2ee;margin:16px 0 26px;font-size:17px}
.v3h-infra .v3h-eyebrow{color:#b9a8ff}
.v3h-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}
.v3h-stack li{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:14.5px;color:#e4dfff}
.v3h-stack .v3h-tile{width:40px;height:40px;border-radius:11px}
.v3h-stack .v3h-ico{width:19px;height:19px}

/* dlaczego + fundament */
.v3h-why{padding:40px 0 90px}
.v3h-why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.v3h-why-list{display:grid;gap:10px;margin:30px 0 0;padding:0;list-style:none}
.v3h-why-list li{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:14px;background:var(--v3-haze);font-weight:500}
.v3h-why-list .v3h-ico{color:var(--v3-violet)}
.v3h-base{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html.v3 a.v3h-base-card{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--v3-line);background:#fff;text-decoration:none;color:var(--v3-ink)}
html.v3 a.v3h-base-card:hover{box-shadow:inset 0 0 0 1px #d8d0ff,var(--v3-shadow)}
.v3h-base-card h3{margin:0;font-size:19px}
.v3h-base-card p{color:var(--v3-body);font-size:15px;margin:0}

/* opinie */
.v3h-testi{padding:40px 0 90px}
.v3h-t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v3h-t{margin:0;display:flex;flex-direction:column;padding:32px;border-radius:24px;background:var(--v3-haze)}
.v3h-t svg{width:34px;height:34px;color:#c9bcff;margin-bottom:18px}
.v3h-t blockquote{margin:0 0 26px;font-size:17px;line-height:1.6;color:var(--v3-ink)}
.v3h-t figcaption{margin-top:auto;display:flex;align-items:center;gap:14px}
.v3h-av{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:#fff;background:var(--v3-violet)}
.v3h-t:nth-child(2) .v3h-av{background:#5b3fe0}.v3h-t:nth-child(3) .v3h-av{background:var(--v3-night)}
.v3h-t figcaption b{display:block;font-weight:600}
.v3h-t figcaption small{display:block;color:var(--v3-muted);font-size:14px}

/* baza wiedzy, B2B, produkty */
.v3h-kb{padding:10px 0 90px}
.v3h-kb-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding:52px;border-radius:32px;background:linear-gradient(150deg,#f3f0ff,#faf9ff)}
.v3h-kb-box h2{margin:14px 0 0}
.v3h-kb-box .v3h-lead{margin:16px 0 26px}
.v3h-kb-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html.v3 .v3h-kb-links a{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:#fff;box-shadow:var(--v3-shadow);font-weight:600;color:var(--v3-ink);text-decoration:none}
.v3h-kb-links .v3h-tile{width:44px;height:44px;border-radius:12px}
.v3h-duo{padding:0 0 90px}
.v3h-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.v3h-duo-card{padding:40px;border-radius:28px;box-shadow:inset 0 0 0 1px var(--v3-line);display:flex;flex-direction:column;gap:16px}
html.v3 .v3h-duo-card h2{font-size:clamp(24px,2.4vw,30px);margin:0}
.v3h-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}
.v3h-prods{display:grid;gap:12px}
html.v3 .v3h-prods a{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--v3-haze);color:var(--v3-ink);text-decoration:none}
.v3h-prods b{display:block;font-weight:600}
.v3h-prods small{color:var(--v3-muted);font-size:14px}
.v3h-prods .v3h-arr2{margin-left:auto;color:var(--v3-violet)}

/* FAQ */
.v3h-faq{padding:0 0 90px}
.v3h-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px}
.v3h-help{margin-top:30px;border-radius:22px;padding:30px;background:var(--v3-night);color:#fff;background-image:radial-gradient(360px 240px at 100% 0,rgba(109,74,255,.45),transparent 60%)}
html.v3 .v3h-help h3{font-size:24px;color:#fff;margin:0}
.v3h-help p{color:#c9c2ee;margin:8px 0 20px}
.v3h-faq-list details{border-bottom:1px solid var(--v3-line)}
.v3h-faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-weight:600;font-size:17px;cursor:pointer}
.v3h-faq-list summary::-webkit-details-marker{display:none}
.v3h-faq-list summary .v3h-ico{width:20px;height:20px;color:var(--v3-violet);transition:transform .2s}
.v3h-faq-list details[open] summary .v3h-ico{transform:rotate(45deg)}
.v3h-faq-list details p{padding:0 40px 22px 0;color:var(--v3-body);margin:0}

/* CTA koncowe */
.v3h-cta-box{position:relative;z-index:2;margin-bottom:90px;border-radius:32px;padding:56px 60px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;color:#fff;background:radial-gradient(520px 320px at 90% 10%,rgba(255,255,255,.2),transparent 60%),linear-gradient(120deg,#3f25c4,#5b3fe0 55%,#6d4aff)}
html.v3 .v3h-cta-box h2{font-size:clamp(28px,3vw,40px);color:#fff;margin:0}
.v3h-cta-box p{color:#fff;margin:10px 0 0;font-size:17px}


/* ---------- 9. Responsywnosc ---------- */
@media (max-width:1080px){
  .v3h-hero-grid,.v3h-why-grid,.v3h-faq-grid,.v3h-kb-box,.v3h-off-grid,.v3h-infra-box{grid-template-columns:1fr}
  .v3h-glass-wrap{max-width:560px}
  .v3h-svc-grid{grid-template-columns:1fr 1fr}
  .v3h-facts{grid-template-columns:1fr 1fr}
  .v3h-fact:nth-child(3){border-left:0}
  .v3h-fact:nth-child(n+3){border-top:1px solid var(--v3-line)}
  .v3h-infra-box{padding:40px 32px}
  .v3h-infra-art{margin:-90px 0 0}
}
@media (max-width:760px){
  .v3h-wrap{padding-inline:18px}
  .v3h-hero{padding:24px 0 170px}
  .v3h-hero-grid{gap:48px}
  .v3h-sub{font-size:17px}
  .v3h-cta .v3h-btn{flex:1}
  .v3h-chip{position:static;margin-top:10px;box-shadow:none}
  .v3h-glass{padding:16px}
  .v3h-rows{gap:8px}
  .v3h-wave{height:90px}
  .v3h-checker{margin-top:-120px}
  .v3h-ck{padding:20px 16px}
  .v3h-tabs{display:flex;width:100%}
  .v3h-tabs button{flex:1 1 auto;padding:0 8px;font-size:13px;justify-content:center}
  .v3h-tabs button .v3h-ico{display:none}
  .v3h-field{flex-wrap:wrap;padding:8px}
  .v3h-field>.v3h-ico{display:none}
  html.v3 .v3h-field input{padding:12px 10px;flex-basis:100%}
  .v3h-field .v3h-btn{width:100%}
  .v3h-plans{padding-top:80px}
  .v3h-env-grid,.v3h-base,.v3h-duo-grid,.v3h-kb-links,.v3h-stack,.v3h-t-grid{grid-template-columns:1fr}
  html.v3 a.v3h-env{grid-template-columns:auto 1fr;padding:24px;gap:14px}
  .v3h-env .v3h-arr{display:none}
  .v3h-vip-box{padding:40px 20px;border-radius:26px}
  .v3h-facts{grid-template-columns:1fr}
  .v3h-fact+.v3h-fact{border-left:0;border-top:1px solid var(--v3-line)}
  .v3h-slant{padding:100px 0 120px}
  .v3h-slant::before{clip-path:polygon(0 40px,100% 0,100% calc(100% - 40px),0 100%)}
  .v3h-slant.b::before{clip-path:polygon(0 0,100% 40px,100% 100%,0 calc(100% - 40px))}
  .v3h-slant+.v3h-slant{margin-top:-40px}
  .v3h-svc-grid{grid-template-columns:1fr}
  html.v3 a.v3h-svc{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:20px}
  .v3h-svc .v3h-tile{width:44px;height:44px;grid-row:span 2}
  .v3h-svc h3{align-self:center;font-size:18px}
  .v3h-cost{grid-column:1/-1;margin-top:10px}
  .v3h-off{padding:30px 22px}
  .v3h-checks.cols2{grid-template-columns:1fr}
  .v3h-kb-box{padding:32px 22px}
  .v3h-duo-card{padding:30px 22px}
  .v3h-cta-box{padding:40px 24px}
  .v3h-faq-list details p{padding-right:0}
  html.v3 .header .header-language-switcher{display:none}
}
@media (prefers-reduced-motion:reduce){html.v3 *{transition:none!important}}