/*
Theme Name: Devmark SEO Excellence
Theme URI: https://example.com/
Author: Lovable Theme Builder
Description: Profesjonalna architektura widoczności dla wymagających marek. Agencja SEO Devmark łączy 15-letnie doświadczenie z algorytmami predykcyjnymi jutra, dostarczając mierzalne wzrosty konwersji i pozycji w wyszukiwarkach. Ta część strony rozwija temat „Devmark” w sposób gotowy do publikacji: wskazuje kontekst, pokazuje korzyści dla klienta i prowadzi do następnego kroku bez wrażenia wypełniacza. Treść bazuje na założeniach z briefu: Agencja SEO
Skuteczne pozycjonowanie
Widoczność w wyszukiwarkach internetowych jest ważna! Pomagamy w osiągnięciu wysokich pozycji.
Szczegóły 
Image
A
Chcesz pozyskać więcej ruchu na swojej stronie internetowej? Mamy na to skuteczne rozwiązania.
Posiadamy 15-letnie doświadczenie w pozycjonowaniu stron
i sklepów internetowych, dzięki temu wiemy, iż jednym z najważniejszych elementów decydujących o sukcesie w internecie jest profesjonalnie wykonana witryna internetowa oraz wysoka pozycja na wybrane słowa kluczowe związane z działalnością firmy w rankingach wyszukiwarek.
Image
Pozycjonowanie sklepów internetowych
Dzięki dobrym pozycjom w wyszukiwarkach internetowych można zdobyć cenny ilościowo i jakościowo ...
Image
Pozycjonowanie stron internetowych
Istnieje wiele dróg dzięki, którym internauci mogą trafić na Twoją firmową stronę ...
Image
Audyty Seo
Audyt SEO to analiza strony internetowej i jej pozycjonowania pod kątem bardzo ...
Image
Zobacz
przykłady sukcesów
Dlaczego My?
Skorzystaj z naszych usług pozycjonowania!
Zrealizujemy skuteczną kampanię pozycjonowania strony www;
Zaoferujemy stały kontakt podczas tworzenia strony www i pozycjonowania;
Zrealizujemy skuteczną kampanię reklamową poprzez pozycjonowanie strony www;
W realizacjach projektów wykorzystamy najnowsze obowiązujące trendy zachowując przy tym pełną funkcjonalność i użyteczność stron www.
Pomogliśmy wielu klientom odnieść sukces w internecie, posiadamy wiele referencji klientów, którzy są zadowoleni z naszych usług;

Skontaktuj się z nami za pomocą poczty e-mail lub telefonicznie. Działamy głównie na terenie południowej Polski w miastach Rzeszów, Kraków, Katowice, Przemyśl, Częstochowa. Główna siedziba firmy znajduje się w Rzeszowie.. Dzięki temu podstrona nie brzmi generycznie, tylko podkreśla realną ofertę, przewagi i styl komunikacji marki.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: devmark-seo-excellence
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root{
  --lv-primary:#10a829;
  --lv-secondary:#0a3d1c;
  --lv-bg:#f8faf9;
  --lv-fg:#121412;
  --lv-muted:#e2e8e4;
  --lv-radius:22px;
  --lv-radius-sm:12px;
  --lv-maxw:1240px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',ui-sans-serif,system-ui,sans-serif;background:var(--lv-bg);color:var(--lv-fg);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--lv-primary);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.75}
::selection{background:var(--lv-primary);color:#fff}

/* HEADER */
.lv-site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.25rem,4vw,3rem);background:color-mix(in oklab,var(--lv-bg) 78%,transparent);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid color-mix(in oklab,var(--lv-fg) 8%,transparent)}
.lv-brand{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--lv-fg);display:inline-flex;align-items:center;gap:.7rem}
.lv-brand::before{content:"";width:1.7rem;height:1.7rem;border-radius:10px;background:linear-gradient(135deg,var(--lv-primary),color-mix(in oklab,var(--lv-primary) 30%,var(--lv-fg)));box-shadow:0 6px 20px -6px color-mix(in oklab,var(--lv-primary) 65%,transparent)}
.lv-nav{display:flex;flex-wrap:wrap;gap:.25rem}
.lv-nav a{color:var(--lv-fg);font-size:.92rem;padding:.55rem .95rem;border-radius:999px;opacity:.78;font-weight:500}
.lv-nav a:hover{opacity:1;background:color-mix(in oklab,var(--lv-fg) 6%,transparent)}
.lv-nav a.active{background:var(--lv-fg);color:var(--lv-bg);opacity:1}

/* LAYOUT */
.lv-main{max-width:var(--lv-maxw);margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
.lv-section{padding:clamp(3.5rem,9vw,7rem) 0;position:relative}
.lv-section-head{max-width:780px;margin-bottom:3rem}
.lv-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--lv-primary);margin-bottom:1rem}
.lv-eyebrow::before{content:"";width:1.6rem;height:1px;background:currentColor;opacity:.7}
h1{font-size:clamp(2.6rem,6.4vw,5rem);margin:0 0 1.25rem;line-height:1.02;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
h2{font-size:clamp(1.9rem,3.8vw,3rem);margin:0 0 1rem;line-height:1.1;letter-spacing:-.022em;font-weight:700;text-wrap:balance}
h3{margin:0 0 .5rem;font-size:1.18rem;letter-spacing:-.01em;font-weight:600}
p{margin:0 0 1rem}
.lv-lead{font-size:clamp(1.05rem,1.4vw,1.22rem);color:color-mix(in oklab,var(--lv-fg) 72%,transparent);max-width:62ch;line-height:1.6}

/* BUTTONS */
.lv-btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.75rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .2s;font-family:inherit;text-decoration:none}
.lv-btn::after{content:"\2192";transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.lv-btn:hover::after{transform:translateX(4px)}
.lv-btn--primary{background:var(--lv-primary);color:#fff;box-shadow:0 12px 34px -12px color-mix(in oklab,var(--lv-primary) 65%,transparent)}
.lv-btn--primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px -16px color-mix(in oklab,var(--lv-primary) 78%,transparent)}
.lv-btn--inverse{background:#fff;color:#0a0a0a}
.lv-btn--inverse:hover{transform:translateY(-2px)}
.lv-btn--ghost{background:transparent;color:inherit;border:1px solid color-mix(in oklab,currentColor 30%,transparent)}
.lv-btn--ghost:hover{background:color-mix(in oklab,currentColor 8%,transparent)}

/* HERO */
.lv-hero{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;padding:clamp(2rem,6vw,4.5rem);border-radius:var(--lv-radius);overflow:hidden;margin:1.5rem 0 0;background:linear-gradient(135deg,color-mix(in oklab,var(--lv-primary) 40%,var(--lv-fg)) 0%,var(--lv-fg) 70%);color:#fff;background-size:cover;background-position:center;isolation:isolate}
.lv-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in oklab,#fff 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,#fff 8%,transparent) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 60%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 60%,transparent);z-index:1;pointer-events:none;opacity:.35}
.lv-hero.lv-hero--image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklab,var(--lv-fg) 20%,transparent) 0%,color-mix(in oklab,var(--lv-fg) 82%,transparent) 100%);z-index:0}
.lv-hero .lv-glow{position:absolute;inset:auto -15% -30% auto;width:70%;aspect-ratio:1;background:radial-gradient(circle at 35% 35%,color-mix(in oklab,var(--lv-primary) 80%,transparent),transparent 60%);filter:blur(30px);opacity:.6;pointer-events:none;z-index:0}
.lv-hero-inner{position:relative;z-index:2;max-width:820px}
.lv-hero .lv-eyebrow{color:rgba(255,255,255,.9)}
.lv-hero .lv-eyebrow::before{background:rgba(255,255,255,.7)}
.lv-hero h1{color:#fff}
.lv-hero .lv-lead{color:rgba(255,255,255,.86);max-width:60ch;font-size:clamp(1.1rem,1.55vw,1.35rem)}
.lv-hero-cta{margin-top:2.25rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.lv-hero .lv-btn--primary{background:#fff;color:#0a0a0a;box-shadow:0 18px 46px -12px rgba(0,0,0,.55)}
.lv-hero .lv-btn--ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.lv-hero-stats{position:absolute;right:clamp(2rem,5vw,4.5rem);top:clamp(2rem,5vw,4.5rem);z-index:2;display:grid;gap:.85rem;text-align:right;color:rgba(255,255,255,.85);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}
.lv-scroll-hint{position:absolute;right:1.75rem;bottom:1.5rem;font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:rgba(255,255,255,.65);z-index:2;display:inline-flex;align-items:center;gap:.6rem}
.lv-scroll-hint::after{content:"";width:24px;height:1px;background:rgba(255,255,255,.6)}

/* GRIDS */
.lv-grid{display:grid;gap:1.5rem}
.lv-grid--features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.lv-grid--gallery{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}

/* FEATURES */
.lv-feature{position:relative;padding:2.25rem 1.85rem;border-radius:var(--lv-radius);background:color-mix(in oklab,var(--lv-fg) 3%,var(--lv-bg));border:1px solid color-mix(in oklab,var(--lv-fg) 8%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .3s;overflow:hidden}
.lv-feature::before{content:"";position:absolute;left:0;top:1.85rem;width:3px;height:1.5rem;background:var(--lv-primary);border-radius:0 3px 3px 0;transition:height .3s}
.lv-feature:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--lv-primary) 45%,transparent);background:color-mix(in oklab,var(--lv-primary) 4%,var(--lv-bg));box-shadow:0 24px 50px -30px color-mix(in oklab,var(--lv-primary) 60%,transparent)}
.lv-feature:hover::before{height:2.5rem}
.lv-feature-num{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.22em;color:var(--lv-primary);margin-bottom:1.75rem;font-variant-numeric:tabular-nums}
.lv-feature h3{font-size:1.25rem;margin-bottom:.7rem}
.lv-feature p{color:color-mix(in oklab,var(--lv-fg) 68%,transparent);margin:0;font-size:.96rem;line-height:1.6}

/* ABOUT */
.lv-about{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.lv-about--text{grid-template-columns:1fr;max-width:780px}
.lv-about-media{position:relative;margin:0}
.lv-about-media::before{content:"";position:absolute;inset:1.5rem -1.5rem -1.5rem 1.5rem;border:1px solid color-mix(in oklab,var(--lv-primary) 40%,transparent);border-radius:var(--lv-radius);z-index:0}
.lv-about-media img{position:relative;z-index:1;border-radius:var(--lv-radius);aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:0 40px 80px -40px color-mix(in oklab,var(--lv-fg) 60%,transparent)}
.lv-about-copy p{color:color-mix(in oklab,var(--lv-fg) 74%,transparent);font-size:1.05rem;line-height:1.7}
@media (max-width:760px){.lv-about{grid-template-columns:1fr}}

/* CTA */
.lv-cta{padding:clamp(3rem,7vw,5rem) 0}
.lv-cta-inner{position:relative;background:linear-gradient(135deg,var(--lv-primary) 0%,color-mix(in oklab,var(--lv-primary) 55%,var(--lv-fg)) 100%);color:#fff;padding:clamp(3rem,7vw,5.5rem) clamp(1.5rem,4vw,4rem);border-radius:var(--lv-radius);text-align:center;overflow:hidden;box-shadow:0 40px 80px -40px color-mix(in oklab,var(--lv-primary) 80%,transparent);isolation:isolate}
.lv-cta-inner::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.22),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.14),transparent 50%);pointer-events:none;z-index:-1}
.lv-cta h2{color:#fff;max-width:22ch;margin:0 auto 1.25rem;position:relative}
.lv-cta p{color:rgba(255,255,255,.9);max-width:58ch;margin:0 auto 2rem;position:relative;font-size:1.08rem}
.lv-cta .lv-btn{position:relative}

/* CONTACT */
.lv-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:760px){.lv-contact-grid{grid-template-columns:1fr}}
.lv-form{display:grid;gap:.95rem;padding:2rem;border-radius:var(--lv-radius);background:color-mix(in oklab,var(--lv-fg) 3%,var(--lv-bg));border:1px solid color-mix(in oklab,var(--lv-fg) 8%,transparent)}
.lv-form input,.lv-form textarea{padding:1.05rem 1.2rem;border:1px solid color-mix(in oklab,var(--lv-fg) 14%,transparent);border-radius:var(--lv-radius-sm);font:inherit;background:var(--lv-bg);color:var(--lv-fg);transition:border-color .2s,box-shadow .2s}
.lv-form input:focus,.lv-form textarea:focus{outline:none;border-color:var(--lv-primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--lv-primary) 15%,transparent)}
.lv-form .lv-btn{justify-self:start;margin-top:.5rem}

/* GALLERY */
.lv-tile{position:relative;margin:0;padding:0;border-radius:var(--lv-radius);overflow:hidden;aspect-ratio:4/5;background:color-mix(in oklab,var(--lv-fg) 8%,var(--lv-bg));isolation:isolate;cursor:pointer;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.lv-tile:hover{transform:translateY(-6px) scale(1.02)}
.lv-tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1);filter:saturate(1.04) contrast(1.04)}
.lv-tile:hover .lv-tile-img{transform:scale(1.08)}
.lv-tile-bg{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in oklab,var(--lv-primary) calc(25% + var(--tile-i,0) * 10%),var(--lv-fg)) 0%,color-mix(in oklab,var(--lv-secondary) 50%,var(--lv-fg)) 100%);opacity:.95;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.lv-tile-bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle at 75% 80%,rgba(0,0,0,.25),transparent 55%)}
.lv-tile:hover .lv-tile-bg{transform:scale(1.08)}
.lv-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.5rem 1.35rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:2}
.lv-tile h3{color:#fff;margin-bottom:.25rem;font-size:1.12rem}
.lv-tile p{color:rgba(255,255,255,.85);font-size:.87rem;margin:0}
.lv-tile-num{position:absolute;top:1.25rem;right:1.25rem;z-index:2;font-size:.7rem;letter-spacing:.2em;color:rgba(255,255,255,.85);font-weight:600}

/* TEXT */
.lv-text{max-width:780px}
.lv-text p{color:color-mix(in oklab,var(--lv-fg) 76%,transparent);font-size:1.05rem;line-height:1.75}

/* FOOTER */
.lv-site-footer{margin-top:5rem;padding:3.5rem clamp(1.5rem,4vw,3rem) 2.5rem;border-top:1px solid color-mix(in oklab,var(--lv-fg) 8%,transparent);color:color-mix(in oklab,var(--lv-fg) 55%,transparent);font-size:.9rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.lv-site-footer .lv-brand{color:var(--lv-fg)}