@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');

/*
Theme Name: Stronax
Theme URI: https://stronax.pl
Author: Stronax.pl
Description: Profesjonalny motyw WordPress dla oferty stron internetowych w abonamencie: 199 zł na start, 6 miesięcy za 0 zł, później 99 zł miesięcznie.
Version: 1.0.9
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: stronax
*/

:root{
  --sx-blue:#075fe8;
  --sx-blue-2:#0b4bc8;
  --sx-navy:#07152f;
  --sx-text:#14213d;
  --sx-muted:#667085;
  --sx-light:#f4f8ff;
  --sx-line:#dbe7ff;
  --sx-orange:#ff9500;
  --sx-green:#17a05d;
  --sx-white:#fff;
  --sx-shadow:0 22px 70px rgba(7,21,47,.10);
  --sx-radius:24px;
  --sx-radius-sm:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family: var(--sx-font-main);color:var(--sx-text);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.sx-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.sx-section{padding:88px 0}
.sx-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf2ff;color:var(--sx-blue);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.sx-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sx-orange)}
.sx-title{margin:18px 0 14px;font-size:clamp(34px,4.2vw,60px);line-height:1.02;letter-spacing:-.055em;color:var(--sx-navy)}
.sx-title span{color:var(--sx-blue)}
.sx-subtitle{font-size:19px;color:var(--sx-muted);max-width:780px;margin:0 auto}
.sx-center{text-align:center}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:15px 22px;font-weight:850;border:1px solid transparent;transition:.2s ease;cursor:pointer;line-height:1.1;min-height:52px}
.sx-btn-primary{background:var(--sx-blue);color:#fff;box-shadow:0 14px 28px rgba(7,95,232,.22)}
.sx-btn-primary:hover{transform:translateY(-2px);background:var(--sx-blue-2)}
.sx-btn-secondary{background:#fff;color:var(--sx-blue);border-color:#b8ceff}
.sx-btn-secondary:hover{transform:translateY(-2px);border-color:var(--sx-blue);box-shadow:0 10px 28px rgba(7,95,232,.12)}
.sx-btn-orange{background:var(--sx-orange);color:#fff}
.sx-btn-orange:hover{transform:translateY(-2px);filter:brightness(.96)}
.sx-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--sx-line);font-weight:750;color:var(--sx-navy)}

/* Header */
.sx-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,231,255,.8)}
.sx-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sx-logo{display:flex;align-items:center;gap:10px;font-weight:950;font-size:28px;letter-spacing:-.05em;color:var(--sx-navy)}
.sx-logo-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--sx-blue),#44a4ff);color:#fff;font-weight:950;box-shadow:0 10px 25px rgba(7,95,232,.25)}
.sx-logo span span{color:var(--sx-blue)}
.sx-menu{display:flex;gap:28px;align-items:center;font-weight:750;color:#26324a}
.sx-menu a:hover{color:var(--sx-blue)}
.sx-header-cta{display:flex;gap:12px;align-items:center}
.sx-phone{font-weight:900;color:var(--sx-navy);display:flex;align-items:center;gap:8px}
.sx-mobile-toggle{display:none;background:#fff;border:1px solid var(--sx-line);border-radius:12px;padding:10px;color:var(--sx-navy)}

/* Hero */
.sx-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 12%,#dbeaff 0,transparent 32%),linear-gradient(180deg,#f8fbff 0,#fff 100%);padding:74px 0 54px}
.sx-hero:before{content:"";position:absolute;inset:auto -12% -18% 52%;height:420px;background:radial-gradient(circle,#b8d5ff 0,rgba(184,213,255,0) 65%);opacity:.55;pointer-events:none}
.sx-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:44px;align-items:center;position:relative}
.sx-hero h1{font-size:clamp(42px,5.7vw,78px);line-height:.98;letter-spacing:-.07em;margin:18px 0;color:var(--sx-navy)}
.sx-hero h1 span{color:var(--sx-blue)}
.sx-hero-copy{font-size:20px;color:#475467;margin:0 0 26px;max-width:680px}
.sx-price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 22px}
.sx-price-card{background:#fff;border:1px solid var(--sx-line);border-radius:20px;padding:20px;box-shadow:0 14px 38px rgba(7,21,47,.07);display:flex;align-items:center;gap:14px;min-height:104px}
.sx-price-icon{width:50px;height:50px;border-radius:16px;background:#eaf2ff;color:var(--sx-blue);display:grid;place-items:center;font-size:26px;flex:0 0 auto}
.sx-price-card:nth-child(2) .sx-price-icon{background:#e8f9f0;color:var(--sx-green)}
.sx-price-value{font-size:35px;line-height:1;font-weight:950;color:var(--sx-navy);letter-spacing:-.04em}
.sx-price-card:nth-child(2) .sx-price-value{color:var(--sx-green)}
.sx-price-card small{display:block;color:var(--sx-blue);font-weight:850;font-size:15px;margin-top:4px}
.sx-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.sx-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;color:#344054;font-weight:700}
.sx-hero-visual{position:relative}
.sx-browser{background:#fff;border:1px solid #dbe7ff;border-radius:24px;box-shadow:var(--sx-shadow);overflow:hidden;transform:rotate(-1.5deg)}
.sx-browser-bar{height:42px;background:#f3f7ff;border-bottom:1px solid #dbe7ff;display:flex;align-items:center;gap:8px;padding:0 16px}
.sx-dot{width:10px;height:10px;border-radius:50%;background:#ff5f57}.sx-dot:nth-child(2){background:#ffbd2e}.sx-dot:nth-child(3){background:#28c840}
.sx-browser img{width:100%;height:auto}
.sx-floating-card{position:absolute;right:4%;bottom:-28px;width:min(380px,80%);background:#fff;border:1px solid var(--sx-line);border-radius:20px;box-shadow:0 24px 70px rgba(7,21,47,.16);padding:18px}
.sx-floating-card .sx-btn{width:100%;margin:5px 0}
.sx-mini-benefits{display:flex;justify-content:center;gap:16px;font-size:13px;color:#475467;font-weight:800;margin-top:10px}

/* Cards */
.sx-message-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch;margin-top:34px}
.sx-message-card,.sx-quote-card{border-radius:22px;border:1px solid var(--sx-line);background:#fff;padding:24px;box-shadow:0 14px 36px rgba(7,21,47,.06)}
.sx-message-card{display:flex;align-items:center;gap:18px}
.sx-message-icon{width:62px;height:62px;border-radius:18px;background:#eaf2ff;color:var(--sx-blue);display:grid;place-items:center;font-size:30px;flex:0 0 auto}
.sx-message-card strong{font-size:21px;color:var(--sx-navy);display:block;line-height:1.25}
.sx-message-card span{font-size:21px;color:var(--sx-blue);font-weight:900}
.sx-quote-card{border-color:#b8ceff;background:linear-gradient(180deg,#fff,#f8fbff);font-size:22px;font-weight:850;color:var(--sx-navy);line-height:1.2;position:relative}
.sx-quote-card:before{content:"“";font-size:70px;line-height:0;color:var(--sx-blue);position:absolute;left:18px;top:42px;opacity:.25}
.sx-quote-card p{margin:0 0 0 44px}

/* Offer */
.sx-offer{background:#fff}
.sx-offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.sx-feature{background:#fff;border:1px solid var(--sx-line);border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(7,21,47,.05)}
.sx-feature-icon{width:48px;height:48px;border-radius:15px;background:#eaf2ff;color:var(--sx-blue);display:grid;place-items:center;font-size:24px;margin-bottom:14px}
.sx-feature h3{margin:0 0 8px;font-size:19px;color:var(--sx-navy)}
.sx-feature p{margin:0;color:var(--sx-muted);font-size:15px}

/* Process */
.sx-process{background:linear-gradient(180deg,#f8fbff,#fff)}
.sx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px;counter-reset:step}
.sx-step{position:relative;background:#fff;border:1px solid var(--sx-line);border-radius:22px;padding:26px 20px 22px;box-shadow:0 14px 34px rgba(7,21,47,.06);min-height:178px}
.sx-step:before{counter-increment:step;content:counter(step);position:absolute;top:-14px;left:18px;width:32px;height:32px;border-radius:50%;background:var(--sx-blue);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(7,95,232,.25)}
.sx-step-icon{font-size:34px;margin:12px 0 14px;color:var(--sx-blue)}
.sx-step h3{font-size:18px;line-height:1.2;margin:0 0 8px;color:var(--sx-navy)}
.sx-step p{margin:0;color:var(--sx-muted);font-size:14px}
.sx-step.google .sx-step-icon{font-weight:950;color:#4285f4;font-family: var(--sx-font-main);grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.sx-example-card{background:#fff;border:1px solid var(--sx-line);border-radius:24px;overflow:hidden;box-shadow:0 16px 46px rgba(7,21,47,.08);transition:.22s ease}
.sx-example-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(7,21,47,.12)}
.sx-example-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;position:relative;color:inherit;font:inherit}
.sx-example-img{display:block;aspect-ratio:16/9;background:#edf4ff;overflow:hidden;position:relative}
.sx-example-img img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease, filter .28s ease}
.sx-example-open:hover .sx-example-img img,.sx-example-open:focus-visible .sx-example-img img{transform:scale(1.035);filter:brightness(.82)}
.sx-example-open:focus-visible{outline:4px solid rgba(7,95,232,.28);outline-offset:4px;border-radius:22px}
.sx-example-zoom{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;padding:10px 14px;border-radius:999px;background:rgba(7,21,47,.86);color:#fff;font-size:13px;font-weight:900;opacity:0;transform:translateY(8px);transition:.22s ease;backdrop-filter:blur(8px)}
.sx-example-open:hover .sx-example-zoom,.sx-example-open:focus-visible .sx-example-zoom{opacity:1;transform:translateY(0)}
.sx-example-body{padding:18px}
.sx-example-body h3{font-size:19px;margin:0 0 8px;color:var(--sx-navy)}
.sx-example-body p{margin:0;color:var(--sx-muted);font-size:14px}
.sx-example-tag{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#eaf2ff;color:var(--sx-blue);font-size:12px;font-weight:850}


/* Realizations */
.sx-realizations{background:linear-gradient(180deg,#f8fbff,#fff)}
.sx-realization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}
.sx-realization-card{background:#fff;border:1px solid var(--sx-line);border-radius:26px;overflow:hidden;box-shadow:0 18px 54px rgba(7,21,47,.09);transition:.22s ease;cursor:pointer}
.sx-realization-card:hover{transform:translateY(-5px);box-shadow:0 28px 72px rgba(7,21,47,.14)}
.sx-realization-link{display:block;position:relative}
.sx-realization-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf4ff;position:relative}
.sx-realization-img img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease, filter .32s ease}
.sx-realization-link:hover .sx-realization-img img,.sx-realization-link:focus-visible .sx-realization-img img{transform:scale(1.045);filter:brightness(.78)}
.sx-realization-link:focus-visible{outline:4px solid rgba(7,95,232,.28);outline-offset:4px;border-radius:22px}
.sx-realization-overlay{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;background:rgba(7,21,47,.88);color:#fff;font-weight:950;font-size:14px;opacity:0;transform:translateY(8px);transition:.22s ease;backdrop-filter:blur(8px)}
.sx-realization-link:hover .sx-realization-overlay,.sx-realization-link:focus-visible .sx-realization-overlay{opacity:1;transform:translateY(0)}
.sx-realization-body{padding:20px}
.sx-realization-body h3{font-size:24px;line-height:1.1;margin:0 0 10px;color:var(--sx-navy);letter-spacing:-.03em}
.sx-realization-body h3 a:hover{color:var(--sx-blue)}
.sx-realization-body p{margin:0 0 16px;color:var(--sx-muted);font-size:15px}
.sx-realization-url{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--sx-blue);border-bottom:2px solid rgba(7,95,232,.18);padding-bottom:2px}
.sx-realization-url:hover{color:var(--sx-blue-2)}

/* Audience */
.sx-audience{background:#07152f;color:#fff;position:relative;overflow:hidden}
.sx-audience:before{content:"";position:absolute;right:-120px;top:-160px;width:380px;height:380px;border-radius:50%;background:#075fe8;filter:blur(15px);opacity:.35}
.sx-audience .sx-title,.sx-audience h2{color:#fff}
.sx-audience .sx-subtitle{color:#c6d3e8}
.sx-audience-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:42px;position:relative}
.sx-audience-card{padding:18px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;text-align:center;font-weight:850;color:#fff}
.sx-audience-card span{display:block;font-size:30px;margin-bottom:8px}

/* Pricing */
.sx-pricing{background:linear-gradient(180deg,#fff,#f8fbff)}
.sx-pricing-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px;align-items:start}
.sx-plan{background:#fff;border:1px solid var(--sx-line);border-radius:28px;padding:30px;box-shadow:var(--sx-shadow)}
.sx-plan-featured{border:2px solid var(--sx-blue);position:relative}
.sx-plan-featured:before{content:"Najczęściej wybierane";position:absolute;top:-15px;left:30px;background:var(--sx-orange);color:#fff;font-weight:900;border-radius:999px;padding:7px 13px;font-size:13px}
.sx-plan h3{font-size:26px;margin:0 0 12px;color:var(--sx-navy)}
.sx-plan-price{font-size:48px;font-weight:950;letter-spacing:-.05em;color:var(--sx-blue);line-height:1;margin:12px 0}
.sx-plan-price small{font-size:16px;color:var(--sx-muted);font-weight:700;letter-spacing:0}
.sx-plan ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:11px}
.sx-plan li{display:flex;gap:10px;color:#344054}
.sx-plan li:before{content:"✓";color:var(--sx-green);font-weight:950}

/* FAQ + Contact */
.sx-faq-contact{background:#fff}
.sx-faq-contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:start}
.sx-faq-list{display:grid;gap:14px;margin-top:24px}
.sx-faq-item{background:#fff;border:1px solid var(--sx-line);border-radius:18px;padding:18px;box-shadow:0 8px 26px rgba(7,21,47,.04)}
.sx-faq-item h3{margin:0 0 8px;color:var(--sx-navy);font-size:18px}
.sx-faq-item p{margin:0;color:var(--sx-muted)}
.sx-contact-card{background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid var(--sx-line);border-radius:28px;padding:28px;box-shadow:var(--sx-shadow)}
.sx-form{display:grid;gap:14px;margin-top:20px}
.sx-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sx-form input,.sx-form textarea,.sx-form select{width:100%;border:1px solid #cfdcff;border-radius:14px;padding:15px 15px;font:inherit;color:var(--sx-text);background:#fff;outline:none}
.sx-form textarea{min-height:130px;resize:vertical}
.sx-form input:focus,.sx-form textarea:focus,.sx-form select:focus{border-color:var(--sx-blue);box-shadow:0 0 0 4px rgba(7,95,232,.10)}
.sx-form .sx-btn{width:100%}
.sx-checkbox{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#667085}
.sx-checkbox input{width:auto;margin-top:3px}
.sx-alert{border-radius:14px;padding:14px 16px;margin:0 0 16px;font-weight:750}
.sx-alert-success{background:#e8f9f0;color:#067647;border:1px solid #b7ebc6}
.sx-alert-error{background:#fff0f0;color:#b42318;border:1px solid #fecaca}

/* Footer */
.sx-footer{background:#07152f;color:#c6d3e8;padding:38px 0 24px}
.sx-footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:28px;margin-bottom:26px}
.sx-footer h3{color:#fff;margin:0 0 12px;font-size:16px}
.sx-footer a{display:block;color:#c6d3e8;margin:8px 0}
.sx-footer a:hover{color:#fff}
.sx-footer .sx-logo{color:#fff;margin-bottom:10px}
.sx-copy{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}


/* Full-screen examples lightbox */
body.sx-lightbox-open{overflow:hidden}
.sx-lightbox[hidden]{display:none!important}
.sx-lightbox{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;background:rgba(7,21,47,.88);backdrop-filter:blur(12px)}
.sx-lightbox-backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:zoom-out}
.sx-lightbox-panel{position:relative;z-index:1;width:min(96vw,1680px);height:min(94vh,980px);display:grid;grid-template-rows:auto 1fr auto;background:#07152f;border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 34px 100px rgba(0,0,0,.42);overflow:hidden}
.sx-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 22px;background:#fff;border-bottom:1px solid #dbe7ff}
.sx-lightbox-title{font-size:17px;color:var(--sx-navy)}
.sx-lightbox-actions{display:flex;align-items:center;gap:10px}
.sx-lightbox-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:999px;background:#eaf2ff;color:var(--sx-blue);font-size:13px;font-weight:900}
.sx-lightbox-link:hover{background:#dbe8ff}
.sx-lightbox-close{width:42px;height:42px;border:0;border-radius:50%;background:var(--sx-blue);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 4px}
.sx-lightbox-stage{min-height:0;display:grid;place-items:center;padding:18px;background:#0a1731}
.sx-lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.30);background:#fff}
.sx-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.94);color:var(--sx-blue);font-size:42px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 5px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.sx-lightbox-nav:hover{background:#fff;transform:translateY(-50%) scale(1.04)}
.sx-lightbox-prev{left:18px}.sx-lightbox-next{right:18px}
.sx-lightbox-hint{padding:10px 16px;text-align:center;color:#c6d3e8;font-size:13px;background:#07152f;border-top:1px solid rgba(255,255,255,.12)}

/* Responsive */
@media (max-width: 1040px){
  .sx-hero-grid,.sx-pricing-wrap,.sx-faq-contact-grid,.sx-message-grid{grid-template-columns:1fr}
  .sx-hero-visual{max-width:760px;margin:0 auto}
  .sx-offer-grid{grid-template-columns:repeat(2,1fr)}
  .sx-steps{grid-template-columns:repeat(2,1fr)}
  .sx-example-grid,.sx-realization-grid{grid-template-columns:repeat(2,1fr)}
  .sx-audience-grid{grid-template-columns:repeat(4,1fr)}
  .sx-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 820px){
  .sx-menu{position:absolute;top:76px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:20px;width:100%;border-bottom:1px solid var(--sx-line);box-shadow:0 18px 36px rgba(7,21,47,.09)}
  .sx-header.is-open .sx-menu{display:flex}
  .sx-mobile-toggle{display:inline-flex}
  .sx-phone{display:none}
  .sx-header-cta .sx-btn{display:none}
  .sx-price-row{grid-template-columns:1fr}
  .sx-hero{padding-top:44px}
}
@media (max-width: 640px){
  .sx-container{width:min(100% - 24px,1180px)}
  .sx-section{padding:60px 0}
  .sx-title{font-size:34px}
  .sx-hero h1{font-size:42px}
  .sx-offer-grid,.sx-steps,.sx-example-grid,.sx-realization-grid,.sx-audience-grid,.sx-footer-grid{grid-template-columns:1fr}
  .sx-form-row{grid-template-columns:1fr}
  .sx-message-card{align-items:flex-start;flex-direction:column}
  .sx-floating-card{position:static;margin:16px auto 0;width:100%}
  .sx-browser{transform:none}
  .sx-hero-actions .sx-btn{width:100%}
  .sx-nav{height:68px}
  .sx-menu{top:68px}
  .sx-logo{font-size:24px}
  .sx-lightbox{padding:10px}
  .sx-lightbox-panel{width:100%;height:96vh;border-radius:18px}
  .sx-lightbox-top{align-items:flex-start;flex-direction:column;padding:12px}
  .sx-lightbox-actions{width:100%;justify-content:space-between}
  .sx-lightbox-link{font-size:12px;padding:8px 10px}
  .sx-lightbox-stage{padding:8px}
  .sx-lightbox-nav{width:42px;height:42px;font-size:34px}
  .sx-lightbox-prev{left:8px}.sx-lightbox-next{right:8px}
  .sx-lightbox-hint{font-size:11px}
  .sx-example-zoom,.sx-realization-overlay{opacity:1;transform:none;font-size:12px;min-height:36px}
}


/* === Stronax premium typography v1.0.8 === */
body,
button,
input,
textarea,
select {
    font-family: var(--sx-font-main);
    letter-spacing: -0.01em;
}

h1,
h2,
h3,
.sx-hero-title,
.sx-section-title,
.sx-process h2,
.sx-realizations h2,
.sx-examples h2,
.sx-pricing h2,
.sx-faq h2 {
    font-family: var(--sx-font-heading);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.04;
}

h1 strong,
h2 strong,
.sx-hero-title strong,
.sx-accent,
.sx-price strong {
    font-family: var(--sx-font-heading);
    font-weight: 700;
}

.sx-logo,
.sx-brand,
.sx-eyebrow,
.sx-example-tag,
.sx-pill,
.sx-nav a,
.sx-btn,
.sx-realization-url,
.sx-process-step span,
.sx-price-label {
    font-family: var(--sx-font-main);
    letter-spacing: 0.01em;
}

.sx-eyebrow,
.sx-example-tag,
.sx-price-label {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 800;
}

.sx-quote,
.sx-quote-box,
.sx-special-quote,
blockquote,
.sx-process .sx-subtitle strong {
    font-family: var(--sx-font-accent);
    font-weight: 700;
    letter-spacing: -0.015em;
}

.sx-process .sx-subtitle strong {
    font-size: 1.16em;
}

.sx-hero p,
.sx-subtitle,
.sx-card p,
.sx-realization-body p,
.sx-process p,
.sx-footer p {
    font-family: var(--sx-font-main);
    font-weight: 500;
    line-height: 1.72;
}

.sx-btn,
button,
input[type="submit"] {
    font-weight: 800;
    letter-spacing: 0.02em;
}

@media (max-width: 768px) {
    h1,
    h2,
    .sx-hero-title {
        letter-spacing: -0.025em;
        line-height: 1.08;
    }
}


/* === Stronax logo update v1.0.9 === */
.sx-logo-img {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    text-decoration: none;
}

.sx-logo-img img {
    display: block;
    width: min(260px, 48vw);
    height: auto;
    max-height: 74px;
    object-fit: contain;
}

.sx-header .sx-logo-img img,
.site-header .sx-logo-img img {
    max-height: 68px;
}

.sx-footer-logo img {
    width: min(240px, 70vw);
    height: auto;
    max-height: 70px;
}

@media (max-width: 768px) {
    .sx-logo-img img {
        width: min(210px, 58vw);
        max-height: 58px;
    }
}