:root{--color-primary:#ff3c00;--color-primary-hover:#d45a15;--color-primary-light:#fff3ec;--color-primary-dark:#b84e12;--color-bg:#fff;--color-bg-alt:#f1eeee;--color-surface:#fff;--color-border:#e5e2e0;--color-text:#0a1119;--color-text-body:#4b535d;--color-text-muted:#8a909a;--color-dark:#121c27;--color-dark-surface:#0d151e;--color-dark-text:#fff;--color-dark-muted:rgba(255,255,255,0.45);--color-dark-border:rgba(255,255,255,0.08);--color-success:#5fbd74;--color-error:#ef4444;--font-heading:'GT Walsheim Pro','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-body:'GT Walsheim Pro','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.125rem;--text-lg:1.25rem;--text-xl:1.4375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:2.625rem;--text-5xl:3.5rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.7;--leading-relaxed:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--section-padding:120px;--container:1292px;--container-narrow:min(92%,800px);--container-wide:min(95%,1440px);--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 12px 32px rgba(0,0,0,0.1);--shadow-xl:0 24px 48px rgba(0,0,0,0.12);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:50px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-base:300ms;--duration-slow:500ms}@media(prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms}}@font-face{font-family:'GT Walsheim Pro';src:url('../fonts/GTWalsheimPro-Light.woff2') format('woff2'),url('../fonts/GTWalsheimPro-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'GT Walsheim Pro';src:url('../fonts/GTWalsheimPro-Regular.woff2') format('woff2'),url('../fonts/GTWalsheimPro-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'GT Walsheim Pro';src:url('../fonts/GTWalsheimPro-Medium.woff2') format('woff2'),url('../fonts/GTWalsheimPro-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'GT Walsheim Pro';src:url('../fonts/GTWalsheimPro-Bold.woff2') format('woff2'),url('../fonts/GTWalsheimPro-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--color-dark:#121c27;--color-dark-rgb:18,28,39;--color-body:#1a2836;--color-text:#1e2a35;--color-text-muted:#4a5568;--color-light-gray:#c4c4c4;--color-cream:#f1eeee;--color-white:#fff;--color-orange:#ff3c00;--color-orange-rgb:255,60,0;--color-green:#1ede8f;--color-border:rgba(18,28,39,0.15);--color-border-light:rgba(255,255,255,0.15);--color-navy:#121c27;--color-text-light:#5a6775;--color-bg:#fff;--font-heading:'GT Walsheim Pro','Inter',-apple-system,sans-serif;--font-body:'GT Walsheim Pro','Inter',-apple-system,sans-serif;--container:1292px;--container-wide:1622px;--container-full:1824px;--gap-cards:27px}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:clamp(56px,8vw,90px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:rgba(18,28,39,0.25);border-radius:8px;border:3px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:rgba(18,28,39,0.45)}body{font-family:var(--font-body);font-size:17px;line-height:1.7;color:var(--color-dark);background:var(--color-white);overflow-x:clip;scrollbar-color:rgba(18,28,39,0.25) #f1f1f1;scrollbar-width:auto}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color .3s ease,opacity .3s ease}button{border:0;background:0;cursor:pointer;font-family:inherit}ul,ol{list-style:none}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.section-label{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;color:var(--color-text)}.section-label__dot{width:8px;height:8px;border-radius:50%;background:var(--color-orange);flex-shrink:0;box-shadow:0 0 8px rgba(255,60,0,0.6),0 0 16px rgba(255,60,0,0.3);animation:dot-glow 2.5s ease-in-out infinite}@keyframes dot-glow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.section-label--light{color:rgba(255,255,255,0.9)}.section-title{font-family:var(--font-heading);font-size:clamp(28px,3.2vw,42px);font-weight:400;line-height:1.18;letter-spacing:-.015em;color:var(--color-dark);margin-bottom:20px}.section-title--light{color:var(--color-white)}.section-desc{font-size:18px;line-height:1.7;color:var(--color-text);max-width:800px;font-weight:400}.section-desc--light{color:rgba(255,255,255,0.85);max-width:none}.section-rule{display:flex;align-items:center;gap:0;margin-top:24px;margin-bottom:48px}.section-rule__line{display:block;flex:1;max-width:383px;height:4px;background:var(--color-dark);opacity:.13}.section-rule__accent{display:block;width:108px;height:5px;background:var(--color-orange);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:16px;font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:.02em;padding:16px 34px;border-radius:50px;transition:background .4s cubic-bezier(0.25,0.46,0.45,0.94),color .4s cubic-bezier(0.25,0.46,0.45,0.94),transform .4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .4s cubic-bezier(0.25,0.46,0.45,0.94);cursor:pointer;position:relative;overflow:hidden}.btn--primary{background:var(--color-dark);color:var(--color-white)}.btn--primary:hover{background:var(--color-orange);transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,60,0,0.4)}.btn--primary:hover .btn__arrow{transform:translateX(4px);transition:transform .3s ease}.btn--outline{background:transparent;color:var(--color-dark);border:1.5px solid var(--color-dark)}.btn--outline:hover{background:var(--color-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 16px rgba(18,28,39,0.2)}.btn--outline:hover .btn__arrow{transform:translateX(4px);transition:transform .3s ease}.btn:focus-visible,.navbar__cta:focus-visible,.navbar__phone:focus-visible,.cta-bar__input-btn:focus-visible,.popup__close:focus-visible,.popup__footer-btn:focus-visible,.popup__card-link:focus-visible,.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px}a:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px;border-radius:2px}.btn:active,.offer-card__cta:active,.popup__close:active,.popup__footer-btn:active,.popup__card-link:active{transform:scale(0.97)}.btn__arrow{display:flex;align-items:center}.header{position:sticky;top:0;z-index:999;background:linear-gradient(180deg,#141e2b 0,#121c27 40%,#0f1720 100%);transition:box-shadow .3s ease}.header.is-scrolled{box-shadow:0 2px 30px rgba(0,0,0,0.3);background:rgba(18,28,39,0.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header{contain:layout style}.topbar{padding:clamp(16px,1.8vw,28px) 0 0;overflow:hidden;opacity:1}.topbar__inner{max-width:var(--container-wide);display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(16px,1.7vw,26px)}.topbar__logo img{width:clamp(140px,12vw,180px);height:auto;object-fit:contain}.topbar__contacts{display:flex;gap:clamp(24px,3.5vw,52px);margin-left:clamp(24px,4.5vw,70px)}.topbar__contact-item{display:flex;align-items:center;gap:16px}.topbar__icon-circle{width:clamp(40px,3.8vw,56px);height:clamp(40px,3.8vw,56px);border-radius:56px;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .35s ease,background .35s ease,transform .35s cubic-bezier(0.25,0.46,0.45,0.94)}.topbar__contact-item:hover .topbar__icon-circle{border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.03);transform:scale(1.03)}.topbar__contact-text{font-size:clamp(12px,1vw,15px);line-height:1.5;color:rgba(255,255,255,0.55)}.topbar__contact-text strong{display:block;color:#fff;font-weight:500;font-size:clamp(13px,1.1vw,16px)}.topbar__right{display:flex;align-items:center;gap:clamp(14px,1.8vw,28px);margin-left:auto}.topbar__social{display:flex;align-items:center;gap:20px}.topbar__social a{font-family:var(--font-body);font-size:15px;font-weight:400;color:rgba(255,255,255,0.6);transition:color .3s ease;text-decoration:none;letter-spacing:.02em}.topbar__social a:hover{color:#fff}.navbar{border-top:1px solid rgba(255,255,255,0.1);position:relative}.navbar__inner{max-width:var(--container-wide);display:flex;align-items:center;justify-content:space-between;height:clamp(60px,6vw,90px)}.navbar__mobile-logo{display:none;align-items:center}.navbar__mobile-logo img{width:110px;height:auto}.navbar__nav{display:flex;gap:clamp(8px,1.8vw,28px);align-items:center}.navbar__link{font-family:var(--font-body);font-size:clamp(13px,1.05vw,15px);font-weight:600;letter-spacing:0;color:rgba(255,255,255,0.7);transition:color .35s ease,background .35s ease;position:relative;padding:clamp(6px,0.5vw,8px) clamp(8px,1.1vw,16px);border-radius:6px}.navbar__link:hover{color:#fff;background:rgba(255,255,255,0.06)}.navbar__link--active{color:#fff;background:rgba(var(--color-orange-rgb),0.06);border:1px solid rgba(var(--color-orange-rgb),0.12);box-shadow:0 0 8px rgba(var(--color-orange-rgb),0.05),inset 0 0 8px rgba(var(--color-orange-rgb),0.03)}.navbar__link--active::after{content:'';position:absolute;bottom:-1px;left:25%;width:50%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(var(--color-orange-rgb),0.7),transparent);border-radius:2px}.navbar__link--active:hover{color:#fff;background:rgba(var(--color-orange-rgb),0.09);border-color:rgba(var(--color-orange-rgb),0.18);box-shadow:0 0 12px rgba(var(--color-orange-rgb),0.07),inset 0 0 10px rgba(var(--color-orange-rgb),0.04)}.navbar__right{display:flex;align-items:center;gap:16px}.navbar__phone{display:flex;align-items:center;gap:14px;text-decoration:none;transition:opacity .3s ease}.navbar__phone:hover{opacity:1}.navbar__phone-circle{position:relative;width:clamp(40px,3.5vw,52px);height:clamp(40px,3.5vw,52px);border-radius:52px;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;transition:border-color .35s ease,background .35s ease,transform .35s cubic-bezier(0.25,0.46,0.45,0.94)}.navbar__phone:hover .navbar__phone-circle{border-color:var(--color-orange);background:rgba(255,60,0,0.08);transform:scale(1.04)}.navbar__phone:hover .navbar__phone-circle svg{stroke:var(--color-orange);transition:stroke .35s ease}.navbar__phone-text{font-size:15px;color:rgba(255,255,255,0.55);transition:color .3s ease}.navbar__phone:hover .navbar__phone-text{color:rgba(255,255,255,0.75)}.navbar__phone-text strong{font-weight:600;color:#fff;font-size:16px}.navbar__cta{display:inline-flex;align-items:center;gap:clamp(8px,1vw,14px);background:linear-gradient(135deg,rgba(255,60,0,0.12) 0,rgba(255,60,0,0.06) 100%);border:1.5px solid rgba(255,60,0,0.35);color:#fff;font-size:clamp(13px,1.1vw,16px);font-weight:700;letter-spacing:0;padding:0 clamp(20px,2.3vw,34px);height:clamp(42px,3.5vw,52px);border-radius:52px;transition:box-shadow .35s ease,background .35s ease,border-color .35s ease;white-space:nowrap;position:relative;overflow:hidden}.navbar__cta::after{content:'';position:absolute;inset:0;background:var(--color-orange);border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(0.16,1,0.3,1);z-index:0;pointer-events:none}.navbar__cta>span,.navbar__cta-arrow{position:relative;z-index:2}.navbar__cta:hover{border-color:var(--color-orange);color:#fff;box-shadow:0 4px 20px rgba(255,60,0,0.35)}.navbar__cta:hover::after{transform:scaleX(1)}.navbar__cta-arrow{display:flex;align-items:center;transition:transform .5s cubic-bezier(0.16,1,0.3,1),gap .5s ease}.navbar__cta:hover .navbar__cta-arrow{transform:none}.navbar__icon-circle{width:clamp(40px,3.5vw,52px);height:clamp(40px,3.5vw,52px);border-radius:52px;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;transition:border-color .35s ease,background .35s ease,transform .35s cubic-bezier(0.25,0.46,0.45,0.94);background:transparent;cursor:pointer}.navbar__icon-circle:hover{border-color:rgba(255,255,255,0.45);background:rgba(255,255,255,0.04);transform:scale(1.04)}.navbar__icon-circle svg circle,.navbar__icon-circle svg path{transition:stroke .35s ease}.navbar__icon-circle:hover svg circle,.navbar__icon-circle:hover svg path{stroke:#fff}.navbar__icon-circle:hover .navbar__grid-icon span{background:#fff}.navbar__grid-icon{display:grid;grid-template-columns:5px 5px;gap:4px}.navbar__grid-icon span{width:5px;height:5px;background:rgba(255,255,255,0.6);border-radius:50%;transition:background .35s ease}a.topbar__metric,.topbar__metric{display:flex;align-items:baseline;gap:6px;padding:6px 14px;cursor:pointer;text-decoration:none;transition:opacity .2s ease}a.topbar__metric:hover{opacity:.8}.topbar__metric-number{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--color-orange);line-height:1}.topbar__metric-label{font-size:13px;color:rgba(255,255,255,0.45);letter-spacing:.02em}.topbar__google{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .3s ease}.topbar__google:hover{opacity:.8}.topbar__google-icon{flex-shrink:0}.topbar__google-stars{display:flex;align-items:center;gap:6px}.topbar__stars{color:#fbbc05;font-size:12px;letter-spacing:1px;line-height:1}.topbar__google-score{font-size:13px;color:rgba(255,255,255,0.55)}.topbar__google-score strong{color:#fff;font-weight:600;font-size:15px}.topbar__google-count{font-size:12px;color:rgba(255,255,255,0.35);border-left:1px solid rgba(255,255,255,0.1);padding-left:8px;margin-left:-2px}.topbar__lang{font-size:13px;font-weight:600;color:rgba(255,255,255,0.5);letter-spacing:.05em;cursor:default}.topbar__divider{width:1px;height:20px;background:rgba(255,255,255,0.1);flex-shrink:0}.navbar__online-dot{position:absolute;top:3px;right:3px;width:10px;height:10px;background:#1ede8f;border-radius:50%;border:2px solid var(--color-dark);z-index:2}.navbar__online-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:rgba(30,222,143,0.35);animation:online-pulse 2.5s ease-out infinite}@keyframes online-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.8);opacity:0}100%{transform:scale(1.8);opacity:0}}.navbar__phone-circle--pulse{animation:phone-glow 4s ease-in-out infinite}@keyframes phone-glow{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.navbar__cta{position:relative;overflow:hidden}.navbar__cta::before{content:'';position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.08) 45%,rgba(255,255,255,0.14) 50%,rgba(255,255,255,0.08) 55%,transparent 60%);animation:cta-shimmer 5s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes cta-shimmer{0%,75%{left:-100%}100%{left:200%}}.navbar__cta:hover::before{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.15) 45%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.15) 55%,transparent 60%);animation:cta-shimmer-fast .6s .15s ease forwards}@keyframes cta-shimmer-fast{0%{left:-100%}100%{left:200%}}.topbar__contact-item{text-decoration:none}.topbar__contact-item:hover .topbar__contact-text strong{color:var(--color-orange);transition:color .3s ease}.topbar__icon-circle svg{transition:stroke .3s ease}.topbar__contact-item:hover .topbar__icon-circle svg{stroke:rgba(255,255,255,0.7)}.hero{position:relative;min-height:auto;display:flex;align-items:center;padding:clamp(20px,3vw,50px) 0 clamp(30px,3vw,50px);overflow:hidden;background:#121c27}.hero__gradient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 50% at 15% 80%,rgba(10,25,50,0.6) 0,transparent 60%),radial-gradient(ellipse 70% 70% at 75% 15%,rgba(20,40,65,0.35) 0,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(18,28,39,0.3) 0,transparent 60%),linear-gradient(165deg,#1a3050 0,#152840 12%,#121c27 35%,#101a25 60%,#0c1520 85%,#0a1018 100%);z-index:0}.hero__mesh{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.hero__mesh::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.012) 1px,transparent 1px);background-size:64px 64px}.hero__mesh::after{content:'';position:absolute;top:0;right:5%;width:700px;height:600px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,60,0,0.06) 0,rgba(255,60,0,0.02) 35%,transparent 60%);filter:blur(40px)}.hero::before{content:'';position:absolute;top:-15%;left:-8%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(25,70,130,0.1) 0,rgba(20,50,100,0.04) 40%,transparent 65%);filter:blur(70px);z-index:0;pointer-events:none}.hero::after{content:'';position:absolute;bottom:-20%;right:20%;width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,60,0,0.035) 0,rgba(15,40,80,0.05) 35%,transparent 65%);filter:blur(60px);z-index:0;pointer-events:none}.hero__inner{position:relative;z-index:2;display:flex;align-items:stretch;gap:clamp(24px,3vw,48px);max-width:var(--container-wide);width:100%}.hero__text{flex:0 0 38%;max-width:38%;display:flex;flex-direction:column;justify-content:center}.hero__label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:clamp(10px,0.9vw,13px);font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:clamp(14px,1.6vw,24px)}.hero__label-dot{width:6px;height:6px;border-radius:50%;background:var(--color-orange);box-shadow:0 0 8px rgba(255,60,0,0.4);animation:heroPulse 2.5s ease-in-out infinite}@keyframes heroPulse{0%,100%{opacity:1}50%{opacity:.4}}.hero__title{font-family:var(--font-heading);font-size:clamp(34px,3.5vw,50px);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:#fff;margin-bottom:20px}.hero__title em{font-style:normal;color:var(--color-orange)}.hero__desc{font-family:var(--font-body);font-size:clamp(14px,1.15vw,17px);font-weight:400;line-height:1.59;color:rgba(255,255,255,0.65);max-width:420px;margin-bottom:clamp(20px,2.2vw,32px)}.hero__buttons{display:flex;align-items:center;gap:clamp(8px,0.8vw,12px);margin-bottom:clamp(20px,2.5vw,36px)}.hero .btn--primary{background:var(--color-orange);color:#fff;font-size:clamp(13px,1vw,15px);font-weight:400;letter-spacing:.01em;padding:clamp(11px,1vw,15px) clamp(22px,2.2vw,32px);border:0;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(0.34,1.56,0.64,1),box-shadow .35s ease;box-shadow:0 4px 20px rgba(255,60,0,0.25)}.hero .btn--primary::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transition:none}.hero .btn--primary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 10px 30px rgba(255,60,0,0.45),0 0 50px rgba(255,60,0,0.15)}.hero .btn--primary:hover::after{animation:btn-shimmer .6s ease forwards}@keyframes btn-shimmer{0%{left:-60%}100%{left:120%}}.hero .btn--outline{color:rgba(255,255,255,0.85);font-size:clamp(13px,1vw,15px);font-weight:400;letter-spacing:.01em;padding:clamp(11px,1vw,15px) clamp(22px,2.2vw,32px);border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.04);position:relative;overflow:hidden;transition:color .35s cubic-bezier(0.34,1.56,0.64,1),border-color .35s cubic-bezier(0.34,1.56,0.64,1),background .35s cubic-bezier(0.34,1.56,0.64,1)}.hero .btn--outline::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:rgba(255,255,255,0.08);border-radius:50px;transition:width .4s cubic-bezier(0.25,0.46,0.45,0.94);z-index:-1}.hero .btn--outline:hover{border-color:rgba(255,255,255,0.55);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 8px 25px rgba(255,255,255,0.08)}.hero .btn--outline:hover::before{width:100%}.hero__ticker{display:none}.hero__visual{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible}.hero__devices{display:flex;align-items:flex-end;justify-content:center;width:100%}.hero__device{position:relative;flex-shrink:0}.hero__screen{overflow:hidden;background:#f8f7f5}.hero__device--monitor{width:68%;z-index:1;order:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.25)) drop-shadow(0 12px 32px rgba(0,0,0,0.45)) drop-shadow(0 32px 64px rgba(0,0,0,0.3))}.hero__device-chrome{display:flex;align-items:center;gap:5px;padding:8px 14px;background:linear-gradient(180deg,#4a4a50 0,#38383c 40%,#2c2c30 100%);border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,0.12);border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2)}.hero__chrome-dot{width:6px;height:6px;border-radius:50%;box-shadow:inset 0 -1px 1px rgba(0,0,0,0.3)}.hero__chrome-dot:nth-child(1){background:radial-gradient(circle at 35% 35%,#ff8a80,#ff5f57);animation:dotBlink 3s ease-in-out infinite 0s}.hero__chrome-dot:nth-child(2){background:radial-gradient(circle at 35% 35%,#ffd54f,#ffbd2e);animation:dotBlink 3s ease-in-out infinite .4s}.hero__chrome-dot:nth-child(3){background:radial-gradient(circle at 35% 35%,#69f0ae,#28c840);animation:dotBlink 3s ease-in-out infinite .8s}@keyframes dotBlink{0%,70%,100%{opacity:1;transform:scale(1)}35%{opacity:.4;transform:scale(0.85)}}@media(prefers-reduced-motion:reduce){.hero__chrome-dot{animation:none !important}}.hero__chrome-url{margin-left:8px;flex:1;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.06);border-radius:4px;padding:4px 12px;font-family:var(--font-body);font-size:clamp(8px,0.7vw,11px);font-weight:500;color:rgba(255,255,255,0.92);letter-spacing:.03em;white-space:nowrap;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);display:flex;align-items:center;height:1.6em}.hero__chrome-url-typed{display:inline}.hero__chrome-url-cursor{display:inline-block;margin-left:1px;color:rgba(255,255,255,0.6);font-weight:300;animation:cursor-blink .8s step-end infinite}@keyframes cursor-blink{0%,100%{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.hero__chrome-url-cursor{animation:none;display:none}}.hero__chrome-url-static{display:none}@media(max-width:768px){.hero__chrome-url-typed,.hero__chrome-url-cursor{display:none}.hero__chrome-url-static{display:inline}}.hero__screen--monitor{aspect-ratio:16 / 9.5;border-radius:0 0 8px 8px;border:1px solid rgba(255,255,255,0.1);border-top:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15),inset 0 2px 6px rgba(0,0,0,0.1)}.hero__device-stand,.hero__device-base{display:none}.hero__device--laptop{width:38%;z-index:2;order:3;margin-left:-6%;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.25)) drop-shadow(0 16px 40px rgba(0,0,0,0.45)) drop-shadow(0 30px 60px rgba(0,0,0,0.2));transform:perspective(800px) rotateY(-2deg)}.hero__device-lid{background:linear-gradient(180deg,#4a4a50 0,#38383c 40%,#2c2c30 100%);border-radius:8px 8px 0 0;padding:6px 7px 0;border:1px solid rgba(255,255,255,0.12);border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.15)}.hero__device-camera{width:5px;height:5px;background:radial-gradient(circle at 40% 40%,#666,#333);border-radius:50%;margin:0 auto 4px;box-shadow:0 0 0 1px rgba(255,255,255,0.12),inset 0 1px 1px rgba(0,0,0,0.4)}.hero__screen--laptop{aspect-ratio:16 / 10;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12),inset 0 2px 4px rgba(0,0,0,0.08)}.hero__device-keyboard{background:linear-gradient(180deg,#3c3c40 0,#2e2e32 50%,#262628 100%);border-radius:0 0 8px 8px;height:12px;border:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(0,0,0,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),inset 0 -1px 0 rgba(0,0,0,0.2);position:relative}.hero__device-keyboard::after{content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:30%;height:4px;border-radius:2px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}.hero__device--phone{width:18%;z-index:3;order:1;margin-right:-5%;background:linear-gradient(160deg,#4a4a50 0,#38383c 40%,#2c2c30 100%);border-radius:22px;padding:6px;border:1px solid rgba(255,255,255,0.14);filter:drop-shadow(0 4px 6px rgba(0,0,0,0.3)) drop-shadow(0 16px 40px rgba(0,0,0,0.5)) drop-shadow(0 35px 70px rgba(0,0,0,0.25));transform:perspective(800px) rotateY(2deg);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2),inset 1px 0 0 rgba(255,255,255,0.06),inset -1px 0 0 rgba(255,255,255,0.06)}.hero__device--phone::before{content:'';position:absolute;right:-2px;top:22%;width:2px;height:12%;background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.04));border-radius:0 2px 2px 0}.hero__phone-notch{width:26%;height:5px;margin:2px auto 0;background:#1a1a1e;border-radius:0 0 10px 10px;box-shadow:0 1px 2px rgba(0,0,0,0.3)}.hero__screen--phone{border-radius:16px;aspect-ratio:9 / 16;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1),inset 0 1px 3px rgba(0,0,0,0.06)}.hero__phone-homebar{width:30%;height:4px;margin:5px auto;background:rgba(255,255,255,0.2);border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,0.2)}.hero__screen--monitor::after,.hero__screen--laptop::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(165deg,rgba(255,255,255,0.06) 0,rgba(255,255,255,0.02) 25%,transparent 50%);border-radius:inherit}.hero__screen--monitor,.hero__screen--laptop{position:relative}.hero__screen-scroll{display:flex;flex-direction:column;will-change:transform}.hero__screen-scroll--monitor{animation:scrollMonitor 100s linear infinite}.hero__screen-scroll--laptop{animation:scrollLaptopNew 70s linear infinite}@keyframes scrollMonitor{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}@keyframes scrollLaptopNew{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.hero__screen-scroll--monitor,.hero__screen-scroll--laptop{animation:none}}.hero__phone-content{padding:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.hero__phone-bcard{padding:8% 10% 6%;background:#fff;border-bottom:2px solid #e8eaed;flex-shrink:0}.hero__phone-bcard-top{display:flex;align-items:center;gap:6px;margin-bottom:6%}.hero__phone-glogo{width:clamp(16px,1.8vw,22px);height:clamp(16px,1.8vw,22px);display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.hero__phone-glogo svg{width:100%;height:100%;display:block}.hero__phone-bcard-info{display:flex;flex-direction:column;gap:1px}.hero__phone-bcard-info strong{font-family:var(--font-body);font-size:clamp(9px,1.1vw,13px);font-weight:700;color:#202124;line-height:1.2}.hero__phone-bcard-info small{font-family:var(--font-body);font-size:clamp(5px,0.6vw,8px);color:#70757a;line-height:1.2}.hero__phone-bcard-rating{display:flex;align-items:center;gap:4px}.hero__phone-bcard-score{font-family:var(--font-body);font-size:clamp(13px,1.5vw,18px);font-weight:700;color:#202124;line-height:1}.hero__phone-gstars{font-size:clamp(10px,1.1vw,14px);color:#fbbc04;letter-spacing:-.5px;line-height:1}.hero__phone-bcard-count{font-family:var(--font-body);font-size:clamp(6px,0.65vw,9px);color:#70757a;line-height:1}.hero__phone-reviews-wrap{flex:1;overflow:hidden}.hero__phone-reviews-scroll{display:flex;flex-direction:column;animation:scrollReviews 40s linear infinite;will-change:transform}@keyframes scrollReviews{0%{transform:translateY(0)}100%{transform:translateY(-75%)}}@media(prefers-reduced-motion:reduce){.hero__phone-reviews-scroll{animation:none}}.hero__phone-review{padding:8% 10%;border-bottom:1px solid #e8eaed;background:#fff}.hero__phone-review-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.hero__phone-rstars{font-size:clamp(8px,0.9vw,12px);color:#fbbc04;letter-spacing:.5px;line-height:1}.hero__phone-rauthor{font-family:var(--font-body);font-size:clamp(6px,0.65vw,9px);color:#202124;font-weight:700;-webkit-font-smoothing:antialiased}.hero__phone-review p{font-family:var(--font-body);font-size:clamp(7px,0.75vw,11px);font-weight:500;color:#3c4043;line-height:1.45;margin:0;-webkit-font-smoothing:antialiased}.hero__phone-cta{flex-shrink:0;padding:6% 10%;background:#fff;border-top:1px solid #e8eaed}.hero__phone-cta-btn{display:block;text-align:center;padding:6% 0;background:#4285f4;color:#fff;font-family:var(--font-body);font-size:clamp(6px,0.7vw,10px);font-weight:600;border-radius:100px;letter-spacing:.02em;line-height:1}.hero__wf{padding:16px 18px 20px;min-height:240px;background:#f8f7f5;border-bottom:1px solid rgba(18,28,39,0.06)}.hero__wf--mobile{min-height:140px;padding:10px 12px 14px}.hero__wf-nav{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(18,28,39,0.06);margin-bottom:14px}.wf-logo{width:44px;height:9px;border-radius:4px;margin-right:auto}.wf-links{display:flex;gap:10px}.wf-links span{width:28px;height:5px;border-radius:2px;background:rgba(18,28,39,0.12)}.hero__wf-hero{padding:10px 0 16px}.wf-h1{width:78%;height:12px;border-radius:5px;margin-bottom:8px}.wf-h1--s{width:52%}.wf-p{width:65%;height:5px;border-radius:2px;margin-bottom:5px}.wf-p--s{width:48%}.wf-btn{width:68px;height:18px;border-radius:9px;margin-top:10px}.hero__wf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero__wf-cards div{height:60px;border-radius:7px}.hero__wf-split{display:flex;gap:16px;align-items:center;padding:10px 0}.hero__wf-split-text{flex:1}.hero__wf-split-img{width:44%;height:100px;border-radius:8px;flex-shrink:0}.hero__wf-center{text-align:center;padding:10px 0}.hero__wf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.hero__wf-grid div{height:50px;border-radius:5px}.hero__wf--warm .wf-logo{background:#ff3c00}.hero__wf--warm .wf-h1{background:rgba(18,28,39,0.22)}.hero__wf--warm .wf-p{background:rgba(18,28,39,0.11)}.hero__wf--warm .wf-btn{background:linear-gradient(135deg,#ff3c00,#d45a15);box-shadow:0 3px 10px rgba(255,60,0,0.3)}.hero__wf--warm .hero__wf-cards div{background:#fff;border:1px solid rgba(18,28,39,0.07);box-shadow:0 3px 12px rgba(0,0,0,0.05)}.hero__wf--cool .wf-logo{background:#3b82f6}.hero__wf--cool .wf-h1{background:rgba(18,28,39,0.22)}.hero__wf--cool .wf-p{background:rgba(18,28,39,0.11)}.hero__wf--cool .wf-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 3px 10px rgba(59,130,246,0.3)}.hero__wf--cool .hero__wf-split-img{background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(99,102,241,0.08));border:1px solid rgba(59,130,246,0.12)}.hero__wf--fresh .wf-logo{background:#22c55e}.hero__wf--fresh .wf-h1{background:rgba(18,28,39,0.22)}.hero__wf--fresh .wf-p{background:rgba(18,28,39,0.11)}.hero__wf--fresh .hero__wf-grid div{background:#fff;border:1px solid rgba(18,28,39,0.06);box-shadow:0 3px 10px rgba(0,0,0,0.04)}.hero__wf-portfolio{padding:14px 16px;background:linear-gradient(135deg,#ede9e3,#f0ede8);border-bottom:1px solid rgba(18,28,39,0.06)}.hero__wf-portfolio--sm{padding:10px 12px}.hero__wf-portfolio-label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4b535d;margin-bottom:12px;text-align:center;padding:4px 0}.hero__wf-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero__wf-portfolio-grid--2{grid-template-columns:repeat(2,1fr)}.hero__wf-portfolio-grid--2col{grid-template-columns:repeat(2,1fr)}.hero__wf-pitem{position:relative;overflow:hidden;border-radius:6px;border:2px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,0.12)}.hero__wf-pitem img,.hero__wf-portfolio-grid img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:5/3}.hero__wf-plabel{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:rgba(10,16,24,0.92);color:rgba(255,255,255,0.95);font-family:var(--font-body);font-size:clamp(8px,0.65vw,10px);font-weight:600;text-align:center;line-height:1.35;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,0.4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden}.hero__mobile-reviews{display:none}.hero__desc strong{color:#fff;font-weight:600}.offer{background:linear-gradient(180deg,#f7f7f8 0,#fff 40%,#f9f9fa 100%);padding:clamp(36px,4vw,60px) 0 clamp(60px,7vw,110px);position:relative;z-index:3}.offer__header{text-align:center;max-width:640px;margin:0 auto clamp(40px,4vw,64px)}.offer__header .section-title{color:var(--color-dark);font-size:clamp(28px,3vw,40px)}.offer__header .section-label{justify-content:center}.offer__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.5vw,32px);align-items:stretch}.offer-card{background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:clamp(28px,2.5vw,40px);display:flex;flex-direction:column;position:relative;transition:transform .4s cubic-bezier(0.16,1,0.3,1),box-shadow .4s ease;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.offer-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.1)}.offer-card--featured{border-color:var(--color-orange);border-width:2px;box-shadow:0 4px 20px rgba(255,60,0,0.08);padding-top:clamp(40px,3vw,56px)}.offer-card--featured:hover{box-shadow:0 20px 56px rgba(255,60,0,0.12),0 8px 24px rgba(0,0,0,0.08)}.offer-card__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--color-orange);color:#fff;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 20px;border-radius:50px;white-space:nowrap}.offer-card__head{margin-bottom:clamp(20px,2vw,28px)}.offer-card__name{font-family:var(--font-heading);font-size:clamp(22px,1.8vw,28px);font-weight:500;color:var(--color-dark);letter-spacing:-.02em;display:block;margin-bottom:6px}.offer-card__sub{font-size:clamp(13px,0.95vw,15px);color:#6b7280;line-height:1.5}.offer-card__price{display:flex;align-items:baseline;gap:6px;padding-bottom:clamp(20px,2vw,28px);margin-bottom:clamp(20px,2vw,28px);border-bottom:1px solid #e8eaee}.offer-card__from{font-size:14px;color:#9ca3af;font-weight:400}.offer-card__amount{font-family:var(--font-heading);font-size:clamp(36px,3vw,48px);font-weight:500;color:var(--color-dark);letter-spacing:-.03em;line-height:1}.offer-card__amount--custom{font-size:clamp(28px,2.2vw,36px)}.offer-card__currency{font-size:16px;color:#6b7280;font-weight:400}.offer-card__currency small{font-size:13px;color:#9ca3af}.offer-card--featured .offer-card__amount{color:var(--color-orange)}.offer-card__list{list-style:none;padding:0;margin:0 0 clamp(24px,2.5vw,36px);display:grid;grid-template-columns:1fr 1fr;gap:0 24px;flex:1}.offer-card__list li{display:flex;align-items:center;gap:10px;font-size:clamp(13px,0.95vw,14px);color:#4b5563;line-height:1.5;padding:10px 0;border-bottom:1px solid #f0f1f3;position:relative}.offer-card__list li:last-child,.offer-card__list li:nth-last-child(2):nth-child(odd){border-bottom:0}.offer-card--upgrade .offer-card__list{grid-template-columns:1fr}.offer-card__li-icon{flex-shrink:0;width:18px;height:18px}@media(min-width:1025px){.offer-card__list li[data-tip]{cursor:help}.offer-card__list li[data-tip]:hover{color:var(--color-dark)}.offer-card__list li[data-tip]::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 8px);background:#1a1f2e;color:rgba(255,255,255,0.92);padding:11px 16px;border-radius:10px;font-size:12px;font-weight:400;line-height:1.6;max-width:280px;min-width:180px;white-space:normal;z-index:20;box-shadow:0 8px 32px rgba(0,0,0,0.18);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none}.offer-card__list li[data-tip]:hover::after{opacity:1;visibility:visible;transform:translateY(0)}}.offer-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:50px;border:1.5px solid #d1d5db;background:#fff;color:var(--color-dark);font-family:var(--font-body);font-size:clamp(13px,0.95vw,15px);font-weight:600;text-decoration:none;transition:color .4s cubic-bezier(0.16,1,0.3,1),box-shadow .4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}.offer-card__cta::before{content:'';position:absolute;inset:0;background:var(--color-orange);border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(0.16,1,0.3,1);z-index:0}.offer-card__cta span,.offer-card__cta svg{position:relative;z-index:1}.offer-card__cta:hover{border-color:var(--color-orange);color:#fff;box-shadow:0 4px 16px rgba(255,60,0,0.2)}.offer-card__cta:hover::before{transform:scaleX(1)}.offer-card__cta:hover svg{transform:translateX(4px);transition:transform .4s cubic-bezier(0.16,1,0.3,1)}.offer-card__cta--primary{background:var(--color-orange);border-color:var(--color-orange);color:#fff}.offer-card__cta--primary::before{background:linear-gradient(135deg,var(--color-orange),#d43300)}.offer-card__cta--primary:hover{box-shadow:0 8px 28px rgba(255,60,0,0.4)}.offer-card__actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.offer-card__cta--ghost{background:transparent;border-color:#e5e7eb;color:#6b7280;font-weight:500;font-size:clamp(12px,0.85vw,13px);padding:11px 24px}.offer-card__cta--ghost:hover{border-color:var(--color-dark);color:var(--color-dark);background:#f9fafb;box-shadow:none}.offer-card__cta--ghost:hover::before{transform:scaleX(0)}.offer-card--upgrade{background:linear-gradient(135deg,#121c27 0,#1a2634 100%);border-color:rgba(255,255,255,0.06);padding-top:clamp(36px,3vw,48px)}.offer-card--upgrade:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.3)}.offer-card--upgrade .offer-card__name{color:#fff;font-size:clamp(24px,2vw,32px)}.offer-card--upgrade .offer-card__sub{color:rgba(255,255,255,0.5)}.offer-card--upgrade .offer-card__list li{color:rgba(255,255,255,0.7);border-bottom-color:rgba(255,255,255,0.06)}.offer-card--upgrade .offer-card__list li:hover{color:rgba(255,255,255,0.95)}.offer-card__upgrade-note{font-size:clamp(12px,0.85vw,13px);color:rgba(255,255,255,0.35);line-height:1.6;padding:clamp(16px,1.5vw,24px) 0;border-top:1px solid rgba(255,255,255,0.06)}.offer-card__upgrade-note strong{color:rgba(255,255,255,0.6)}.offer-card--upgrade .offer-card__cta{border-color:rgba(255,255,255,0.12);color:#fff;background:transparent}.offer-card--upgrade .offer-card__cta::before{background:var(--color-orange)}.offer-card--upgrade .offer-card__cta:hover{border-color:var(--color-orange);color:#fff;box-shadow:0 4px 16px rgba(255,60,0,0.3)}.offer-card--upgrade .offer-card__cta--ghost{border-color:rgba(255,255,255,0.06);color:rgba(255,255,255,0.45)}.offer-card--upgrade .offer-card__cta--ghost:hover{border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);box-shadow:none}.offer-card--upgrade .offer-card__cta--ghost:hover::before{transform:scaleX(0)}@media(min-width:1025px){.offer-card--upgrade .offer-card__list li[data-tip]::after{background:#fff;color:#1a1f2e;box-shadow:0 8px 32px rgba(0,0,0,0.25)}}.offer__footer{text-align:center;margin-top:clamp(36px,3.5vw,56px);font-size:clamp(14px,1vw,16px);color:#6b7280;line-height:1.6}.offer__footer strong{color:var(--color-dark)}.offer__footer a{color:var(--color-orange);font-weight:600;text-decoration:none;transition:color .3s ease}.offer__footer a:hover{color:#e63600}@media(max-width:768px){.offer__grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.offer-card--featured{order:-1}}@media(max-width:600px){.offer-card{padding:28px 24px}.offer__grid{gap:20px}.offer-card__list{grid-template-columns:1fr}}.offer-card__labels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(16px,1.5vw,24px)}.offer-card__label{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:rgba(255,60,0,0.06);border:1px solid rgba(255,60,0,0.12);border-radius:50px;font-size:11px;font-weight:600;color:var(--color-orange);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.offer-card__label::before{content:'';width:5px;height:5px;background:var(--color-orange);border-radius:50%;flex-shrink:0}.offer-card__cta--showcase{background:transparent;border-color:#e5e7eb;color:#6b7280;font-weight:500;font-size:clamp(12px,0.85vw,13px);padding:11px 24px;cursor:pointer}.offer-card__cta--showcase:hover{border-color:var(--color-orange);color:var(--color-orange);background:rgba(255,60,0,0.04);box-shadow:0 2px 12px rgba(255,60,0,0.1)}.offer-card__cta--showcase:hover::before{transform:scaleX(0)}.offer-card--upgrade .offer-card__cta--showcase{border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.5)}.offer-card--upgrade .offer-card__cta--showcase:hover{border-color:rgba(255,60,0,0.5);color:var(--color-orange);background:rgba(255,60,0,0.06);box-shadow:0 2px 12px rgba(255,60,0,0.15)}.offer-card--upgrade .offer-card__cta--showcase:hover::before{transform:scaleX(0)}.offer-card--upgrade .offer-card__cta--primary{background:var(--color-orange);border-color:var(--color-orange);color:#fff}.offer-card--upgrade .offer-card__cta--primary::before{background:linear-gradient(135deg,var(--color-orange),#d43300)}.offer-card--upgrade .offer-card__cta--primary:hover{box-shadow:0 8px 28px rgba(255,60,0,0.5)}.popup-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;padding:24px}.popup-overlay.is-open{opacity:1;visibility:visible}.popup{background:#fff;border-radius:20px;width:100%;max-width:1340px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 40px 100px rgba(0,0,0,0.35),0 0 0 1px rgba(0,0,0,0.06),0 0 80px rgba(255,60,0,0.04);transform:translateY(24px) scale(0.96);transition:transform .45s cubic-bezier(0.16,1,0.3,1);overflow:hidden}.popup-overlay.is-open .popup{transform:translateY(0) scale(1)}.popup__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(20px,2vw,28px) clamp(24px,3vw,40px);background:var(--color-dark);flex-shrink:0}.popup__title{font-family:var(--font-heading);font-size:clamp(22px,2.2vw,32px);font-weight:600;color:#fff;letter-spacing:-.02em;margin:0}.popup__subtitle{font-size:clamp(12px,0.9vw,14px);color:rgba(255,255,255,0.5);margin:4px 0 0}.popup__count{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(255,60,0,0.15);border-radius:50px;font-size:12px;font-weight:600;color:var(--color-orange);margin-left:12px;vertical-align:middle}.popup__close{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:1.5px solid var(--color-orange);background:rgba(255,60,0,0.12);border-radius:50px;color:var(--color-orange);cursor:pointer;flex-shrink:0;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background .25s ease,color .25s ease}.popup__close:hover{background:var(--color-orange);color:#fff}.popup__close svg{flex-shrink:0}.popup__body{overflow-y:auto !important;padding:clamp(20px,2.5vw,32px) clamp(24px,3vw,40px);flex:1 1 auto;min-min-height:0;scrollbar-color:rgba(18,28,39,0.2) #f3f4f6;scrollbar-width:thin}.popup__footer{text-align:center;padding:clamp(24px,2.5vw,40px) 0 8px}.popup__footer-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:var(--color-orange);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;text-decoration:none;border-radius:60px;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;letter-spacing:.01em}.popup__footer-btn:hover{background:#e63600;box-shadow:0 8px 28px rgba(255,60,0,0.35);transform:translateY(-2px)}.popup__body::-webkit-scrollbar{width:8px}.popup__body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.popup__body::-webkit-scrollbar-thumb{background:rgba(18,28,39,0.2);border-radius:4px}.popup__body::-webkit-scrollbar-thumb:hover{background:rgba(18,28,39,0.4)}.popup__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.popup__card{border-radius:14px;overflow:hidden;border:1px solid #e8eaee;background:#fff;transition:box-shadow .35s cubic-bezier(0.16,1,0.3,1),transform .35s cubic-bezier(0.16,1,0.3,1)}.popup__card:hover{box-shadow:0 12px 36px rgba(0,0,0,0.12);transform:translateY(-4px);border-color:rgba(255,60,0,0.2)}.popup__card-img{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e8eaee);cursor:zoom-in}.popup__card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(0.16,1,0.3,1)}.popup__card:hover .popup__card-img img{transform:scale(1.08)}.lightbox-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,0.95);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:24px}.lightbox-overlay.is-open{opacity:1;visibility:visible}.lightbox__close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.12);border:0;border-radius:50%;color:#fff;cursor:pointer;transition:background .25s ease;z-index:10}.lightbox__close:hover{background:rgba(255,255,255,0.25)}.lightbox__main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative;min-height:0}.lightbox__main img{max-width:90%;max-height:calc(100vh - 180px);object-fit:contain;border-radius:8px;box-shadow:0 16px 64px rgba(0,0,0,0.5);transform:scale(0.92);transition:transform .35s cubic-bezier(0.16,1,0.3,1)}.lightbox-overlay.is-open .lightbox__main img{transform:scale(1)}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.12);border:0;border-radius:50%;color:#fff;cursor:pointer;transition:background .25s ease}.lightbox__nav:hover{background:rgba(255,255,255,0.3)}.lightbox__nav--prev{left:12px}.lightbox__nav--next{right:12px}.lightbox__counter{color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;margin:12px 0 4px;letter-spacing:.05em}.lightbox__thumbs{display:flex;gap:8px;padding:8px 0;overflow-x:auto;max-width:100%;justify-content:center}.lightbox__thumb{width:80px;height:52px;border-radius:6px;object-fit:cover;cursor:pointer;opacity:.4;transition:opacity .25s ease,border-color .25s ease;border:2px solid transparent;flex-shrink:0}.lightbox__thumb:hover{opacity:.7}.lightbox__thumb--active{opacity:1;border-color:var(--color-orange)}@media(max-width:768px){.lightbox__nav{width:36px;height:36px}.lightbox__thumb{width:56px;height:36px}.lightbox__main img{max-width:100%;max-height:calc(100vh - 160px)}}.popup__card-info{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0f1f3}.popup__card-name{font-size:14px;font-weight:600;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup__card-links{flex-shrink:0}.popup__card-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--color-orange);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;padding:6px 14px;border-radius:50px;border:1px solid rgba(255,60,0,0.15);background:rgba(255,60,0,0.04);transition:background .25s ease,border-color .25s ease,color .25s ease;white-space:nowrap}.popup__card-link:hover{background:var(--color-orange);border-color:var(--color-orange);color:#fff}.popup__card-link svg{transition:transform .25s ease}.popup__card-link:hover svg{stroke:#fff}@media(max-width:1024px){.popup{max-width:95vw}.popup__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.popup-overlay{padding:0}.popup{max-width:100%;max-height:100vh;border-radius:0}.popup__header{padding:14px 16px}.popup__title{font-size:18px}.popup__count{display:none}.popup__close{padding:8px 14px;font-size:12px}.popup__body{padding:12px}.popup__grid{grid-template-columns:repeat(2,1fr);gap:10px}.popup__card{border-radius:10px}.popup__card-img{cursor:default}.popup__card-info{padding:10px 12px}.popup__card-name{font-size:12px}.popup__card-link{font-size:11px;padding:10px 14px;min-height:44px}}@media(max-width:400px){.popup__grid{grid-template-columns:1fr;gap:12px}}.popup--wycena{max-width:680px}.wycena__methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.wycena__method{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;border:1px solid #e8eaee;background:#fafbfc;text-decoration:none;color:var(--color-dark);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease,background .3s ease}.wycena__method:hover{border-color:var(--color-orange);box-shadow:0 4px 16px rgba(255,60,0,0.1);transform:translateY(-2px);background:#fff}.wycena__method-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.wycena__method-icon--whatsapp{background:#25d366;color:#fff}.wycena__method-icon--phone{background:var(--color-orange);color:#fff}.wycena__method-icon--email{background:var(--color-dark);color:#fff}.wycena__method-text{display:flex;flex-direction:column;gap:1px;min-width:0}.wycena__method-text strong{font-size:14px;font-weight:700;color:var(--color-dark)}.wycena__method-text span{font-size:13px;color:#4b5563}.wycena__divider{display:flex;align-items:center;gap:16px;margin-bottom:24px}.wycena__divider::before,.wycena__divider::after{content:'';flex:1;height:1px;background:#e8eaee}.wycena__divider span{font-size:13px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.wycena__form{display:flex;flex-direction:column;gap:12px}.wycena__form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wycena__input,.wycena__textarea{width:100%;padding:14px 18px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc;font-family:var(--font-body);font-size:15px;color:var(--color-dark);transition:border-color .25s ease,box-shadow .25s ease;outline:0}.wycena__input::placeholder,.wycena__textarea::placeholder{color:#7b8494}.wycena__input:focus,.wycena__textarea:focus{border-color:var(--color-orange);background:#fff;box-shadow:0 0 0 3px rgba(255,60,0,0.08)}.wycena__textarea{resize:vertical;min-height:100px}.wycena__submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;border:0;border-radius:50px;background:var(--color-orange);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:background .35s ease,box-shadow .35s ease,transform .35s ease;margin-top:4px;position:relative;overflow:hidden}.wycena__submit:hover{background:#d93300;box-shadow:0 8px 28px rgba(255,60,0,0.4);transform:translateY(-1px)}.wycena__submit:active{transform:translateY(0)}.wycena__submit svg{transition:transform .3s ease}.wycena__submit:hover svg{transform:translateX(4px)}.wycena__promise{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid #e8eaee;font-size:13px;color:#6b7280;font-weight:500}.wycena__promise svg{flex-shrink:0}@media(max-width:600px){.wycena__methods{grid-template-columns:1fr}.wycena__form-row{grid-template-columns:1fr}}html.popup-open{overflow:hidden !important}html.popup-open body{overflow:hidden !important;position:fixed !important;width:100% !important;left:0 !important}.about-reviews{background:var(--color-dark);padding:clamp(40px,5vw,64px) 0;color:var(--color-white);position:relative;overflow:hidden;contain:layout style paint}.about-reviews__bg-grid{position:absolute;inset:-10%;background-image:radial-gradient(circle,rgba(255,60,0,0.07) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0;animation:gridDrift 70s linear infinite}@keyframes gridDrift{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(36px,36px) rotate(3deg)}}.about-reviews__bg-aurora{position:absolute;inset:-60% -30%;background:conic-gradient(from 0 at 40% 50%,transparent 0,rgba(255,60,0,0.12) 40deg,rgba(255,90,20,0.06) 70deg,transparent 100deg,rgba(255,120,40,0.08) 155deg,transparent 200deg,rgba(255,60,0,0.1) 270deg,rgba(200,80,20,0.05) 320deg,transparent 360deg);animation:auroraRotate 30s linear infinite;pointer-events:none;z-index:0}.about-reviews__bg-aurora--2{inset:-40% -50%;background:conic-gradient(from 180deg at 60% 50%,transparent 0,rgba(20,50,120,0.1) 60deg,rgba(30,70,160,0.05) 110deg,transparent 150deg,rgba(255,60,0,0.06) 210deg,transparent 260deg,rgba(40,80,180,0.08) 320deg,transparent 360deg);animation:auroraRotate 42s linear infinite reverse}@keyframes auroraRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.about-reviews__bg-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.about-reviews__bg-orb--1{width:500px;height:500px;top:-30%;left:-20%;background:radial-gradient(circle,rgba(255,60,0,0.2) 0,rgba(255,60,0,0.07) 30%,transparent 55%);filter:blur(40px);animation:orbFloat1 20s ease-in-out infinite}.about-reviews__bg-orb--2{width:400px;height:400px;bottom:-30%;right:-15%;background:radial-gradient(circle,rgba(20,50,140,0.18) 0,rgba(20,50,120,0.06) 35%,transparent 55%);filter:blur(35px);animation:orbFloat2 26s ease-in-out infinite}.about-reviews__bg-orb--3{width:300px;height:300px;top:20%;right:10%;background:radial-gradient(circle,rgba(255,60,0,0.16) 0,rgba(255,80,20,0.05) 40%,transparent 55%);filter:blur(30px);animation:orbFloat3 16s ease-in-out infinite}.about-reviews__bg-orb--4{width:250px;height:250px;bottom:10%;left:20%;background:radial-gradient(circle,rgba(20,60,160,0.14) 0,transparent 50%);filter:blur(25px);animation:orbFloat4 22s ease-in-out infinite}.about-reviews__bg-orb--5{width:200px;height:200px;top:50%;left:50%;background:radial-gradient(circle,rgba(255,80,20,0.16) 0,transparent 50%);filter:blur(20px);animation:orbFloat5 14s ease-in-out infinite}@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}20%{transform:translate(80px,50px) scale(1.15)}40%{transform:translate(30px,-40px) scale(0.9)}60%{transform:translate(-60px,30px) scale(1.1)}80%{transform:translate(-20px,-20px) scale(0.95)}}@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(-70px,-80px) scale(1.15)}50%{transform:translate(40px,50px) scale(0.85)}75%{transform:translate(-30px,-20px) scale(1.05)}}@keyframes orbFloat3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-90px,50px) scale(1.2)}66%{transform:translate(40px,-30px) scale(0.9)}}@keyframes orbFloat4{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,-40px) scale(1.1)}}@keyframes orbFloat5{0%,100%{transform:translate(0,0) scale(1);opacity:.5}30%{transform:translate(-50px,30px) scale(1.3);opacity:1}70%{transform:translate(40px,-50px) scale(0.8);opacity:.6}}.about-reviews__bg-rings{position:absolute;top:45%;left:55%;transform:translate(-50%,-50%);width:800px;height:800px;pointer-events:none;z-index:0}.about-reviews__bg-rings span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,60,0,0.06);animation:ringPulse 6s ease-in-out infinite}.about-reviews__bg-rings span:nth-child(1){inset:5%;animation-delay:0s;border-color:rgba(255,60,0,0.12)}.about-reviews__bg-rings span:nth-child(2){inset:22%;animation-delay:-2s;border-color:rgba(255,60,0,0.08)}.about-reviews__bg-rings span:nth-child(3){inset:38%;animation-delay:-4s;border-color:rgba(30,70,160,0.1)}@keyframes ringPulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.12);opacity:1}}.about-reviews__bg-beams{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.about-reviews__bg-beams span{position:absolute;width:1px;height:300%;transform-origin:top center;animation:beamSweep 12s ease-in-out infinite}.about-reviews__bg-beams span:nth-child(1){left:12%;top:-50%;background:linear-gradient(180deg,transparent,rgba(255,60,0,0.1),rgba(255,60,0,0.22),rgba(255,60,0,0.1),transparent);animation-duration:10s;animation-delay:0s;transform:rotate(25deg);width:2px}.about-reviews__bg-beams span:nth-child(2){left:42%;top:-50%;background:linear-gradient(180deg,transparent,rgba(20,50,140,0.08),rgba(20,50,140,0.16),rgba(20,50,140,0.08),transparent);animation-duration:13s;animation-delay:-4s;transform:rotate(-15deg);width:2px}.about-reviews__bg-beams span:nth-child(3){left:72%;top:-50%;background:linear-gradient(180deg,transparent,rgba(255,60,0,0.08),rgba(255,80,20,0.18),rgba(255,60,0,0.08),transparent);animation-duration:11s;animation-delay:-7s;transform:rotate(18deg);width:2px}.about-reviews__bg-beams span:nth-child(4){left:88%;top:-50%;background:linear-gradient(180deg,transparent,rgba(30,60,160,0.06),rgba(30,60,160,0.14),rgba(30,60,160,0.06),transparent);animation-duration:15s;animation-delay:-2s;transform:rotate(-22deg);width:2px}@keyframes beamSweep{0%,100%{opacity:.2;transform:rotate(var(--r,20deg)) translateY(0)}50%{opacity:.8;transform:rotate(var(--r,20deg)) translateY(-15%)}}.about-reviews__bg-beams span:nth-child(1){--r:25deg}.about-reviews__bg-beams span:nth-child(2){--r:-15deg}.about-reviews__bg-beams span:nth-child(3){--r:18deg}.about-reviews__bg-beams span:nth-child(4){--r:-22deg}.about-reviews__bg-particles{position:absolute;inset:0;pointer-events:none;z-index:0}.about-reviews__bg-particles span{position:absolute;border-radius:50%;animation:particleFloat 12s ease-in-out infinite}.about-reviews__bg-particles span:nth-child(1){top:8%;left:12%;width:4px;height:4px;background:rgba(255,60,0,0.6);animation-duration:13s}.about-reviews__bg-particles span:nth-child(2){top:22%;left:78%;width:3px;height:3px;background:rgba(255,60,0,0.5);animation-duration:17s;animation-delay:-2s}.about-reviews__bg-particles span:nth-child(3){top:55%;left:8%;width:5px;height:5px;background:rgba(255,80,20,0.5);animation-duration:15s;animation-delay:-5s}.about-reviews__bg-particles span:nth-child(4){top:78%;left:88%;width:3px;height:3px;background:rgba(255,60,0,0.55);animation-duration:19s;animation-delay:-1s}.about-reviews__bg-particles span:nth-child(5){top:42%;left:52%;width:3px;height:3px;background:rgba(255,100,30,0.45);animation-duration:14s;animation-delay:-7s}.about-reviews__bg-particles span:nth-child(6){top:12%;left:42%;width:5px;height:5px;background:rgba(255,60,0,0.4);animation-duration:20s;animation-delay:-3s}.about-reviews__bg-particles span:nth-child(7){top:65%;left:28%;width:3px;height:3px;background:rgba(40,90,200,0.5);animation-duration:16s;animation-delay:-9s}.about-reviews__bg-particles span:nth-child(8){top:32%;left:92%;width:4px;height:4px;background:rgba(30,70,160,0.45);animation-duration:18s;animation-delay:-4s}.about-reviews__bg-particles span:nth-child(9){top:4%;left:62%;width:4px;height:4px;background:rgba(30,70,160,0.4);animation-duration:21s;animation-delay:-8s}.about-reviews__bg-particles span:nth-child(10){top:72%;left:68%;width:3px;height:3px;background:rgba(40,90,200,0.4);animation-duration:22s;animation-delay:-11s}.about-reviews__bg-particles span:nth-child(n+11){display:none}@keyframes particleFloat{0%,100%{transform:translate(0,0);opacity:.2}20%{transform:translate(12px,-18px);opacity:.9}40%{transform:translate(-8px,6px);opacity:.4}60%{transform:translate(18px,12px);opacity:1}80%{transform:translate(-14px,-8px);opacity:.5}}.about-reviews__bg-glow{position:absolute;left:0;right:0;height:2px;z-index:2;pointer-events:none}.about-reviews__bg-glow--top{top:0;height:3px;background:linear-gradient(90deg,transparent 0,rgba(255,60,0,0.25) 10%,rgba(255,60,0,0.8) 50%,rgba(255,60,0,0.25) 90%,transparent 100%);box-shadow:0 0 40px rgba(255,60,0,0.35),0 2px 100px rgba(255,60,0,0.15);animation:glowPulse 4s ease-in-out infinite}.about-reviews__bg-glow--bottom{bottom:0;height:2px;background:linear-gradient(90deg,transparent 0,rgba(20,50,140,0.2) 15%,rgba(20,50,140,0.5) 50%,rgba(20,50,140,0.2) 85%,transparent 100%);box-shadow:0 0 30px rgba(20,50,140,0.25),0 -2px 80px rgba(20,50,140,0.1);animation:glowPulse 5s ease-in-out infinite reverse}@keyframes glowPulse{0%,100%{opacity:.4}50%{opacity:1}}.about-reviews__bg-flare{position:absolute;width:500px;height:500px;pointer-events:none;z-index:0;animation:flarePulse 8s ease-in-out infinite}.about-reviews__bg-flare--tl{top:-15%;left:-10%;width:600px;height:600px;background:radial-gradient(ellipse at 30% 30%,rgba(255,60,0,0.18) 0,rgba(255,60,0,0.06) 25%,transparent 55%);animation-delay:0s}.about-reviews__bg-flare--br{bottom:-15%;right:-10%;width:600px;height:600px;background:radial-gradient(ellipse at 70% 70%,rgba(20,50,140,0.15) 0,rgba(20,50,140,0.05) 25%,transparent 55%);animation-delay:-4s}@keyframes flarePulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:1}}.about-reviews__content{position:relative;z-index:2}.about-reviews__top{display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,4vw,64px);align-items:stretch;margin-bottom:clamp(36px,3.5vw,48px)}.about-reviews__text{display:flex;flex-direction:column;justify-content:center}.about-reviews__heading{font-family:var(--font-heading);font-size:clamp(24px,2.4vw,34px);font-weight:400;line-height:1.25;color:#fff;margin-bottom:16px;letter-spacing:-.01em}.about-reviews__heading em{color:var(--color-orange);font-style:normal}.about-reviews__desc{font-size:15px;line-height:1.8;color:rgba(255,255,255,0.6);text-align:justify;text-align-last:left}.about-reviews__cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;align-content:stretch}.about-reviews__card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:18px 16px;display:flex;gap:12px;align-items:flex-start;transition:background .4s cubic-bezier(0.16,1,0.3,1),border-color .4s cubic-bezier(0.16,1,0.3,1),transform .4s cubic-bezier(0.16,1,0.3,1),box-shadow .4s cubic-bezier(0.16,1,0.3,1)}.about-reviews__card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,60,0,0.3);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.3),0 0 0 1px rgba(255,60,0,0.1)}.about-reviews__card-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:var(--color-orange);display:flex;align-items:center;justify-content:center;transition:box-shadow .4s ease,transform .4s ease;box-shadow:0 4px 16px rgba(255,60,0,0.25)}.about-reviews__card:hover .about-reviews__card-icon{box-shadow:0 6px 24px rgba(255,60,0,0.4);transform:scale(1.05)}.about-reviews__card-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:3px;line-height:1.3}.about-reviews__card-text{font-size:12px;line-height:1.5;color:rgba(255,255,255,0.5)}.about-reviews__marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.about-reviews__marquee-track{display:flex;gap:16px;width:max-content;animation:marqueeScroll 45s linear infinite}.about-reviews__marquee:hover .about-reviews__marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.about-reviews__review-card{width:clamp(260px,20vw,300px);flex-shrink:0;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:18px 16px;transition:border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.about-reviews__review-card:hover{border-color:rgba(255,60,0,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.25)}.about-reviews__review-stars{color:#fbbc05;font-size:14px;letter-spacing:2px;margin-bottom:8px}.about-reviews__review-quote{font-size:13px;line-height:1.55;color:rgba(255,255,255,0.75);font-style:italic;margin-bottom:12px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.about-reviews__review-author{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.06)}.about-reviews__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-orange),#d43300);color:var(--color-white);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-reviews__review-name{font-size:13px;color:var(--color-white);display:block}.about-reviews__review-source{font-size:11px;color:rgba(255,255,255,0.35)}@media(max-width:1024px){.about-reviews__top{grid-template-columns:1fr 1fr;gap:32px}.about-reviews__bg-orb--1{width:450px;height:450px}.about-reviews__bg-orb--3,.about-reviews__bg-orb--5{display:none}.about-reviews__bg-rings{width:500px;height:500px}.about-reviews__bg-beams span:nth-child(4){display:none}}@media(max-width:768px){.about-reviews{padding:clamp(40px,6vw,64px) 0}.about-reviews__top{grid-template-columns:1fr;gap:36px}.about-reviews__text{text-align:left}.about-reviews__desc{text-align:left}.about-reviews__cards{grid-template-columns:1fr 1fr}.about-reviews__review-card{width:240px}.about-reviews__bg-aurora--2,.about-reviews__bg-orb--1,.about-reviews__bg-orb--3,.about-reviews__bg-orb--4,.about-reviews__bg-orb--5,.about-reviews__bg-rings,.about-reviews__bg-beams{display:none}.about-reviews__bg-orb--2{width:250px;height:250px}.about-reviews__bg-particles span:nth-child(n+9){display:none}}@media(max-width:480px){.about-reviews__cards{grid-template-columns:1fr}.about-reviews__review-card{width:220px}}.portfolio{padding:clamp(60px,8vw,100px) 0;background:linear-gradient(180deg,#fff 0,#fafbfc 50%,#f5f6f8 100%)}.portfolio__header{margin-bottom:clamp(32px,4vw,48px)}.portfolio__header .section-title{font-size:clamp(24px,2.4vw,34px);line-height:1.25;letter-spacing:-.01em}.portfolio__screen{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:8 / 5;background:#e8eaed;box-shadow:0 4px 20px rgba(0,0,0,0.10),0 1px 4px rgba(0,0,0,0.06);transition:box-shadow .4s ease,transform .4s ease}.portfolio__screen img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(0.16,1,0.3,1)}.portfolio__meta{padding:14px 2px 0}.portfolio__domain{display:block;font-family:var(--font-body);font-size:clamp(15px,1.15vw,17px);font-weight:700;color:var(--color-dark);letter-spacing:-.01em;line-height:1.3}.portfolio__branch{display:block;font-family:var(--font-body);font-size:11px;font-weight:500;color:rgba(18,28,39,0.45);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.portfolio__actions{display:flex;gap:8px;padding:10px 2px 0}.portfolio__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12px;font-weight:600;text-decoration:none;padding:7px 16px;border-radius:20px;white-space:nowrap;transition:background .3s ease,color .3s ease,border-color .3s ease}.portfolio__btn--live{background:var(--color-dark);color:#fff}.portfolio__btn--live:hover{background:var(--color-orange)}.portfolio__live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.5);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.5}}.portfolio__btn--more{background:transparent;color:var(--color-dark);border:1.5px solid rgba(18,28,39,0.15)}.portfolio__btn--more:hover{border-color:var(--color-orange);color:var(--color-orange)}.portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px}.portfolio__card{position:relative;background:#fff;border-radius:14px;padding:12px 12px 16px;box-shadow:0 2px 12px rgba(0,0,0,0.06),0 0 0 1px rgba(18,28,39,0.04);transition:box-shadow .4s ease,transform .4s ease}.portfolio__card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,0.10),0 0 0 1px rgba(18,28,39,0.06)}.portfolio__card:hover .portfolio__screen img{transform:scale(1.04)}.portfolio__bottom{text-align:center;margin-top:clamp(36px,4vw,56px)}.portfolio__bottom-text{font-family:var(--font-heading);font-size:clamp(20px,2vw,28px);font-weight:500;color:var(--color-dark);margin-bottom:20px;line-height:1.3}@media(max-width:1024px){.portfolio__grid{gap:24px 20px}}@media(max-width:768px){.portfolio__grid{grid-template-columns:repeat(2,1fr);gap:12px}.portfolio__card{padding:8px 8px 12px;border-radius:12px}.portfolio__meta{padding:8px 2px 0}.portfolio__domain{font-size:12px}.portfolio__branch{font-size:9px;margin-top:1px}.portfolio__actions{gap:5px;padding:6px 2px 0}.portfolio__btn{font-size:10px;padding:4px 10px;border-radius:14px;gap:4px}.portfolio__live-dot{width:5px;height:5px}}@media(max-width:480px){.portfolio__grid{grid-template-columns:repeat(2,1fr);gap:10px}.portfolio__card{padding:6px 6px 10px;border-radius:10px}.portfolio__meta{padding:6px 1px 0}.portfolio__domain{font-size:11px}.portfolio__branch{display:none}.portfolio__actions{gap:4px;padding:4px 1px 0}.portfolio__btn{font-size:9px;padding:3px 8px;border-radius:12px}}.process{padding:clamp(48px,5vw,72px) 0;background:linear-gradient(180deg,#fff 0,#f5f6f8 40%,#f7f8fa 100%)}.process__header{text-align:center;margin-bottom:clamp(28px,3vw,44px)}.process__horizontal{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.process__hstep{text-align:center;padding:0 clamp(16px,2vw,32px);position:relative}.process__hstep-num{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:2px solid var(--color-orange);color:var(--color-orange);font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:20px;position:relative;z-index:2;background:#f7f8fa}.process__hstep-line{position:absolute;top:25px;left:calc(50% + 25px);right:calc(-50% + 25px);height:2px;background:linear-gradient(90deg,var(--color-orange),rgba(255,60,0,0.2));z-index:1}.process__hstep:last-child .process__hstep-line{display:none}.process__hstep-title{font-family:var(--font-heading);font-size:clamp(18px,1.4vw,22px);color:var(--color-navy);margin-bottom:12px;font-weight:400}.process__hstep-text{font-size:clamp(14px,1vw,15px);color:var(--color-text-light);line-height:1.65;max-width:300px;margin:0 auto}.process__cta{text-align:center;margin-top:clamp(28px,3vw,40px)}@media(max-width:768px){.process__horizontal{grid-template-columns:1fr;gap:40px}.process__hstep-line{display:none}.process__hstep-text{max-width:100%}}.trusted{padding:clamp(24px,3vw,36px) 0;background:linear-gradient(180deg,#f5f6f8 0,#fff 50%,#f5f6f8 100%);border-top:1px solid rgba(0,0,0,0.06);border-bottom:1px solid rgba(0,0,0,0.06);overflow:hidden}.trusted .container{display:flex;align-items:center;gap:24px}.trusted__label{font-size:13px;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.08em;margin:0;white-space:nowrap;flex-shrink:0}.trusted__marquee{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.trusted__track{display:flex;gap:32px;animation:marquee 280s linear infinite;width:max-content}.trusted__logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:6px 16px;border:1px solid rgba(0,0,0,0.08);border-radius:6px;background:rgba(0,0,0,0.02);transition:border-color .3s}.trusted__logo:hover{border-color:var(--color-orange)}.trusted__logo-text{font-size:13px;font-weight:600;color:var(--color-navy);letter-spacing:.02em;white-space:nowrap}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.trusted__track{animation:none}}@media(max-width:768px){.trusted .container{flex-direction:column;gap:12px}.trusted__label{text-align:center}}.why-faq{padding:clamp(48px,6vw,80px) 0;background:linear-gradient(180deg,#1a2535 0,#172130 50%,#141d2a 100%);color:var(--color-white);position:relative;overflow:hidden}.why-faq .section-title{color:var(--color-white)}.why-faq__shapes{position:absolute;inset:0;pointer-events:none;z-index:0}.why-faq__shape{position:absolute;border:1px solid rgba(255,255,255,0.035);border-radius:50%}.why-faq__shape--1{width:420px;height:420px;top:-60px;right:5%;background:radial-gradient(circle,rgba(255,60,0,0.015) 0,transparent 70%)}.why-faq__shape--2{width:280px;height:280px;bottom:-40px;left:8%;background:radial-gradient(circle,rgba(255,60,0,0.01) 0,transparent 70%)}.why-faq__shape--3{width:160px;height:160px;top:40%;left:55%;border-radius:16px;transform:rotate(35deg);background:rgba(255,255,255,0.008)}.why-faq .container{position:relative;z-index:1}.why-faq__faq-header{margin-bottom:clamp(24px,2.5vw,36px);text-align:center}.why-faq .section-label{justify-content:center;color:rgba(255,255,255,0.9)}.why-faq .faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.why-faq .faq__item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.why-faq .faq__item[open]{border-color:rgba(255,60,0,0.35);box-shadow:0 4px 20px rgba(255,60,0,0.1)}.why-faq .faq__question{padding:16px 20px;font-size:14.5px;font-weight:600;color:var(--color-white);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .25s ease}.why-faq .faq__question::-webkit-details-marker{display:none}.why-faq .faq__question::after{content:'+';font-size:20px;font-weight:300;color:var(--color-orange);flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,60,0,0.12);transition:transform .35s cubic-bezier(0.16,1,0.3,1),background .3s ease}.why-faq .faq__item[open] .faq__question::after{content:'−';background:rgba(255,60,0,0.2);transform:rotate(180deg)}.why-faq .faq__question:hover{color:var(--color-orange)}.why-faq .faq__answer{padding:0 20px 0;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s cubic-bezier(0.16,1,0.3,1),opacity .3s ease,padding .4s ease}.why-faq .faq__item[open] .faq__answer{max-height:500px;opacity:1;padding:0 20px 16px}.why-faq .faq__answer p{font-size:14px;line-height:1.7;color:rgba(255,255,255,0.6)}@media(max-width:768px){.why-faq .faq__grid{grid-template-columns:1fr}}.footer{background:linear-gradient(180deg,#0e1620 0,#121c27 40%,#0c1219 100%);color:var(--color-white);border-top:1px solid rgba(255,255,255,0.08);position:relative;overflow:hidden}.footer::before{content:'';position:absolute;bottom:-30%;right:-10%;width:40%;height:60%;background:radial-gradient(ellipse at center,rgba(255,60,0,0.03) 0,transparent 70%);pointer-events:none;z-index:0}.footer>*{position:relative;z-index:1}.footer__main{padding:48px 0 28px}.footer__grid{display:flex;gap:48px;align-items:flex-start}.footer__col-left{flex:0 0 38%;padding-right:24px}.footer__divider{width:1px;background:rgba(255,255,255,0.1);flex-shrink:0;align-self:stretch}.footer__col-right{flex:1;min-width:0}.footer__brand{margin-bottom:18px}.footer__brand img{display:block;max-width:170px;height:auto}.footer__desc{font-size:14px;font-weight:400;line-height:1.65;color:rgba(255,255,255,0.6);margin-bottom:24px;max-width:420px}.footer__heading{font-family:var(--font-heading);font-size:17px;font-weight:500;line-height:1.35;color:var(--color-white);margin-bottom:14px;letter-spacing:.01em}.footer__info-list{margin-bottom:20px}.footer__info-list li{font-size:14px;line-height:2;color:rgba(255,255,255,0.65)}.footer__info-list a{color:rgba(255,255,255,0.7)}.footer__info-list a:hover{color:var(--color-white)}.footer__social{display:flex;gap:14px}.footer__social a{font-size:15px;color:rgba(255,255,255,0.45);transition:color .3s ease,background .3s ease,border-color .3s ease;width:40px;height:40px;min-height:40px;min-width:40px;border-radius:50%;border:1px solid rgba(255,255,255,0.12);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.footer__social a:hover{color:#fff;background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.25)}.footer__links-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.footer__links li{font-size:14px;line-height:2.1}.footer__links a{padding:2px 0;display:inline-block}.footer__link-arrow{margin-right:6px;color:var(--color-orange)}.footer__links a{color:rgba(255,255,255,0.7);transition:color .3s ease}.footer__links a:hover{color:var(--color-white)}.footer__brands{margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06)}.footer__brands-heading{margin-bottom:8px}.footer__brands-desc{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,0.5);margin-bottom:12px;max-width:480px}.footer__brands-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}.footer__brand-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 14px 11px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:9px;text-decoration:none;color:#fff;transition:background .3s ease,border-color .3s ease,transform .3s ease;position:relative}.footer__brand-card:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,60,0,0.35);transform:translateY(-2px)}.footer__brand-name{font-family:var(--font-heading);font-size:14px;font-weight:600;color:#fff;line-height:1.2;letter-spacing:.01em;padding-right:24px}.footer__brand-tag{font-size:12px;color:rgba(255,255,255,0.5);line-height:1.35}.footer__brand-arrow{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);transition:color .3s ease,background .3s ease,transform .3s ease}.footer__brand-card:hover .footer__brand-arrow{color:var(--color-orange);background:rgba(255,60,0,0.08);transform:translate(2px,-2px)}.footer__newsletter{margin-top:24px}.footer__newsletter-input{display:flex;align-items:center;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:50px;padding:4px 4px 4px 24px;height:53px}.footer__newsletter-link{text-decoration:none;cursor:pointer;transition:border-color .3s ease}.footer__newsletter-link:hover{border-color:rgba(255,255,255,0.3)}.footer__newsletter-placeholder{flex:1;font-family:var(--font-body);font-size:15px;color:rgba(255,255,255,0.5)}.footer__newsletter-btn{width:44px;height:44px;border-radius:50%;background:var(--color-orange);color:var(--color-white);font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease;text-decoration:none}.footer__newsletter-btn:hover{background:#d4580f;transform:scale(1.05)}.footer__newsletter-note{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5)}.footer__newsletter-note-icon{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.footer__bottom{border-top:1px solid rgba(255,255,255,0.1);padding:14px 0}.footer__bottom-inner{display:flex;justify-content:space-between;align-items:center}.footer__bottom p{font-size:15px;color:rgba(255,255,255,0.7)}.footer__bottom-links{display:flex;gap:12px;font-size:15px}.footer__bottom-links a{color:rgba(255,255,255,0.7);transition:color .3s ease;padding:4px 4px}.footer__bottom-links a:hover{color:var(--color-white)}.footer__bottom-links span{color:rgba(255,255,255,0.3)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.clients__box:hover .clients__box-icon{opacity:1;transform:scale(1.1)}.navbar__cta{transition:background .4s ease,box-shadow .4s ease}.navbar__cta:hover{box-shadow:0 4px 16px rgba(255,60,0,0.25)}.cta-bar__input-btn{transition:background .3s ease,transform .3s ease}.cta-bar__input-btn:hover{box-shadow:0 4px 16px rgba(255,60,0,0.4);transform:translateY(-1px)}.arrow-icon,.btn__arrow svg,.navbar__cta-arrow svg{transition:transform .3s ease}.btn:hover .btn__arrow svg,.team__cta:hover .arrow-icon{transform:translateX(4px)}.topbar__icon-circle,.navbar__phone-circle,.navbar__icon-circle{transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.topbar__icon-circle:hover,.navbar__phone-circle:hover{border-color:var(--color-orange);box-shadow:0 0 0 3px rgba(255,60,0,0.15)}.testimonials__arrow:hover svg path{stroke:#fff}.about__play-circle{position:relative}.about__play-circle::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--color-dark);opacity:0;transition:inset .4s ease,opacity .4s ease}.about__play:hover .about__play-circle::before{inset:-14px;opacity:.3}.hero__title .word{display:inline-block}.img-reveal{clip-path:inset(0 100% 0 0)}.section--cta .btn--primary,.cta-contact .btn--primary{background:var(--color-orange,#ff3c00);color:#fff}.img-reveal--right{clip-path:inset(0 0 0 100%)}.img-reveal--visible{clip-path:inset(0 0 0 0)}.gsap-fade-up{opacity:0;transform:translateY(40px)}.footer__newsletter-link:focus-visible{border-color:var(--color-orange);box-shadow:0 0 0 3px rgba(255,60,0,0.1);outline:0}.cta-bar__input-wrap:focus-within{border-color:rgba(255,60,0,0.5);box-shadow:0 0 0 3px rgba(255,60,0,0.1)}.values__stat{transition:transform .3s ease}.values__stat:hover{transform:translateY(-2px)}.testimonials__quote-circle{transition:transform .4s ease}.testimonials:hover .testimonials__quote-circle{transform:scale(1.08)}.footer__social a{position:relative}.footer__social a::after{content:none;display:none}.footer__social a:hover::after{content:none;display:none}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:12px 24px;background:var(--color-orange);color:var(--color-white);font-size:15px;text-decoration:none;border-radius:0 0 8px 0}.skip-link:focus{left:0;top:0;width:auto;height:auto}.preloader{position:fixed;inset:0;z-index:9999;background:var(--color-dark);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.preloader.is-pending{opacity:1;visibility:visible;pointer-events:auto}.preloader.is-pending.is-loaded{opacity:0;visibility:hidden;pointer-events:none}.preloader__spinner{width:48px;height:48px;border:2px solid rgba(255,255,255,0.08);border-top-color:var(--color-orange);border-radius:50%;animation:spin .9s cubic-bezier(0.55,0.15,0.45,0.85) infinite}.preloader__brand{position:absolute;font-family:var(--font-heading);font-size:24px;color:rgba(255,255,255,0.15);letter-spacing:.1em;margin-top:100px}@keyframes spin{to{transform:rotate(360deg)}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-orange),#d43300);z-index:10001;transform:scaleX(0);transform-origin:left;will-change:transform;pointer-events:none}.section-label .char{display:inline-block}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--color-orange);border-radius:50%;pointer-events:none;z-index:9998;mix-blend-mode:difference;transition:transform .15s ease;opacity:0}.cursor-dot.is-visible{opacity:1}.cursor-dot.is-hover{transform:scale(4);background:var(--color-white)}@media(min-width:3840px){:root{--container-wide:2400px;--container:1800px}.hero{padding:80px 0}.hero__title{font-size:72px}.hero__desc{font-size:22px;max-width:560px}.hero__label{font-size:16px;letter-spacing:.25em}.hero__visual{min-height:600px}.hero__wf-plabel{font-size:13px}.hero__wf-portfolio{padding:16px 20px}.hero__wf-portfolio-grid{gap:10px}.topbar{padding:14px 0}.topbar__logo img{width:240px}.topbar__icon-circle{width:68px;height:68px}.topbar__contact-text{font-size:15px}.topbar__metric-number{font-size:22px}.topbar__google-icon{width:20px;height:20px}.navbar__inner{height:110px}.navbar__link{font-size:18px;padding:12px 24px}.navbar__cta{height:62px;font-size:18px;padding:0 48px}.navbar__phone-circle{width:62px;height:62px}.navbar__phone-text{font-size:18px}.section-title{font-size:52px}.section-label{font-size:14px}.section-desc{font-size:19px}.btn{font-size:18px;padding:18px 40px}.btn--primary{padding:18px 44px}.counters__number{font-size:52px}.counters__label{font-size:17px}.clients__box{padding:28px}.faq__question{font-size:20px}.faq__answer{font-size:17px}.about__content-col,.values__content-col{padding:80px 80px}.about__title,.values__title{font-size:42px}.about__text,.values__text{font-size:18px}.footer__desc{font-size:14.5px}.footer__heading{font-size:17px}.footer__links a{font-size:14.5px}.footer__info-list li{font-size:14.5px}.footer__main{padding:56px 0 32px}.hero__mesh::after{width:1100px;height:900px}.hero::before{width:900px;height:900px}.hero::after{width:1200px;height:750px}.hero__mesh::before{background-size:80px 80px}.cta-bar__title{font-size:28px}.cta-bar__input{font-size:17px;height:58px}.cta-bar__submit{height:58px;font-size:17px;padding:0 32px}}@media(min-width:2560px){:root{--container-wide:1800px;--container:1400px}.hero{padding:60px 0 60px}.hero__title{font-size:56px}.hero__desc{font-size:19px;max-width:480px}.hero__label{font-size:14px}.topbar__logo img{width:200px}.topbar__icon-circle{width:60px;height:60px}.navbar__inner{height:100px}.navbar__link{font-size:16px;padding:10px 20px}.navbar__cta{height:56px;font-size:17px;padding:0 40px}.navbar__phone-circle{width:56px;height:56px}}@media(min-width:1920px) and (max-width:2559px){:root{--container-wide:1640px}.hero{padding:50px 0 50px}}@media(max-width:1680px){:root{--container-wide:1500px}}@media(max-width:1440px){:root{--container-wide:1360px;--container-full:100%}.topbar__contacts{gap:32px;margin-left:40px}}@media(max-width:1366px){:root{--container-wide:1280px}.hero__text{flex:0 0 40%;max-width:40%}.topbar__social{gap:14px}.topbar__social a{font-size:13px}}@media(max-width:1200px){:root{--container:1060px;--container-wide:100%}.topbar{display:none}.navbar__inner{height:65px}.navbar__nav{display:none}.navbar__cta{display:none}.navbar__phone{display:none}.navbar__mobile-logo{display:flex}.hero__text{flex:0 0 42%;max-width:42%}.hero__visual{flex:0 0 56%;max-width:56%;min-height:420px}.hero__device--laptop{width:34%}.hero__device--monitor{width:64%}.section-title{font-size:38px}.about__content-col,.values__content-col{padding:40px 50px}.cta-bar__inner{gap:24px}.cta-bar__input-wrap{width:340px}.footer__grid{gap:32px}}@media(max-width:1024px){.hero{padding:36px 0 40px}.hero__inner{flex-direction:column;gap:32px}.hero__text{flex:0 0 100%;max-width:100%;text-align:center;align-items:center}.hero__desc{max-width:520px}.hero__buttons{justify-content:center}.hero__visual{flex:0 0 100%;max-width:700px;margin:0 auto;min-height:340px}.hero__device--phone{display:none}.hero__device--monitor{width:72%}.hero__device--laptop{width:40%;margin-left:-8%}.hero__wf-plabel{font-size:9px}.hero__wf-portfolio{padding:10px 12px}.hero__wf-portfolio-grid{gap:6px}.cta-bar__inner{flex-wrap:wrap;justify-content:center}.cta-bar__input-wrap{width:100%;max-width:400px}.counters__inner{grid-template-columns:1fr auto 1fr;gap:24px}.counters__divider:nth-child(4){display:none}.faq__grid{grid-template-columns:1fr}.about{flex-direction:column;min-height:auto}.about__image-col,.about__content-col{width:100%}.about__image-col{height:400px}.about__content-col{padding:50px 40px}.values{flex-direction:column-reverse;min-height:auto}.values__content-col,.values__image-col{width:100%}.values__image-col{height:400px}.values__content-col{padding:50px 40px}.values__content{margin-left:0;max-width:100%}.clients__grid{grid-template-columns:repeat(3,1fr)}.testimonials__inner{flex-direction:column}.testimonials__photo-col{width:100%;max-width:500px}.testimonials__content-col{width:100%}.footer__grid{flex-direction:column;gap:28px}.footer__col-left{padding-right:0;flex:1 1 auto}.footer__main{padding:40px 0 24px}.footer__divider{width:100%;height:1px;align-self:auto}}@media(max-width:768px){.hero{padding:40px 0 36px}.hero__ticker{display:block;overflow:hidden;margin:0 -20px 20px;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent 100%)}.hero__ticker-track{display:flex;gap:12px;width:max-content;animation:ticker-scroll 30s linear infinite}.hero__ticker-item{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;font-family:var(--font-body);font-size:12px;font-weight:500;color:rgba(255,255,255,0.7);white-space:nowrap}.hero__ticker-item svg{flex-shrink:0;color:var(--color-orange)}.hero__ticker-track{will-change:transform}@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.hero__ticker-track{animation:none}}.hero::before,.hero::after{display:none}.hero__mesh::after{filter:blur(20px);will-change:filter}.hero__title{font-size:clamp(28px,5.5vw,38px)}.hero__buttons{flex-direction:column;align-items:center;width:100%}.hero__buttons .btn--primary,.hero__buttons .btn--outline{width:100%;max-width:320px;justify-content:center}.hero__visual{max-width:100%;min-height:280px}.hero__device--phone{display:none}.hero__device--laptop{display:none}.hero__device--monitor{width:92%;margin:0 auto}.hero__wf-plabel{font-size:9px;padding:3px 5px}.hero__wf-portfolio{padding:8px 10px}.hero__wf-portfolio-grid{gap:5px}.hero__wf-pitem{border-width:1px;border-radius:4px}.hero__wf{padding:10px 12px 14px;min-height:180px}.wf-h1{height:9px}.wf-p{height:4px}.wf-btn{width:50px;height:14px}.hero__wf-cards div{height:42px}.hero__wf-split-img{height:70px}.hero__mobile-reviews{display:block;margin-top:24px}.hero__mobile-reviews-header{display:flex;align-items:center;gap:6px;margin-bottom:12px;padding:0 4px}.hero__mobile-reviews-glogo{flex-shrink:0}.hero__mobile-reviews-score{font-family:var(--font-body);font-size:14px;color:rgba(255,255,255,0.9)}.hero__mobile-reviews-score strong{font-weight:700;color:#fff}.hero__mobile-reviews-stars{color:#fbbc05;font-size:14px;letter-spacing:1px}.hero__mobile-reviews-count{font-family:var(--font-body);font-size:12px;color:rgba(255,255,255,0.5);margin-left:auto}.hero__mobile-reviews-track-wrap{overflow:hidden;margin:0 -20px;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent 100%)}.hero__mobile-reviews-track{display:flex;gap:12px;width:max-content;padding:0 20px;animation:mobile-reviews-scroll 35s linear infinite}@keyframes mobile-reviews-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.hero__mobile-reviews-track{animation:none}}.hero__mobile-review-card{flex-shrink:0;width:220px;padding:14px 16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px}.hero__mobile-review-stars{color:#fbbc05;font-size:13px;letter-spacing:2px;margin-bottom:6px}.hero__mobile-review-text{font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.55;color:rgba(255,255,255,0.92);letter-spacing:.01em;margin-bottom:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero__mobile-review-author{font-family:var(--font-body);font-size:13px;font-weight:700;color:rgba(255,255,255,0.65);letter-spacing:.02em}.section-title{font-size:clamp(24px,5vw,32px)}.section-rule__line{width:200px}.cta-bar{padding:30px 0}.cta-bar__team,.cta-bar__clutch{display:none}.cta-bar__email{width:100%;text-align:center}.cta-bar__input-wrap{max-width:100%}.about__image-col{height:300px}.about__content-col,.values__content-col{padding:40px 24px}.values__image-col{height:300px}.counters{padding:40px 0}.counters__inner{grid-template-columns:1fr 1fr;gap:24px 16px}.counters__divider{display:none}.clients__header{flex-direction:column;align-items:flex-start;gap:16px}.clients__desc{text-align:left}.clients__divider{margin-bottom:60px}.clients__grid{grid-template-columns:repeat(2,1fr)}.faq{padding:60px 0}.faq__question{font-size:15px}.testimonials{padding:60px 0}.testimonials__photo{max-width:100%;height:400px}.testimonials__quote{font-size:18px}.footer__links-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}}@media(max-width:480px){.container{padding:0 16px}.navbar__inner{height:56px}.hero{padding:28px 0 28px}.hero__title{font-size:clamp(26px,7vw,34px);margin-bottom:14px}.hero__label{font-size:10px;letter-spacing:.2em;margin-bottom:12px}.hero__desc{font-size:14px;margin-bottom:20px}.hero__buttons{margin-bottom:24px}.hero__visual{max-width:100%;min-height:200px}.hero__device--phone,.hero__device--laptop{display:none}.hero__device--monitor{width:100%;filter:drop-shadow(0 8px 20px rgba(0,0,0,0.4))}.hero__device--monitor{transform:none}.hero__chrome-url{font-size:6px}.hero__wf-plabel{font-size:8px;padding:3px 4px;letter-spacing:0}.hero__wf-portfolio{padding:6px 8px}.hero__wf-portfolio-grid{gap:4px}.hero__wf-pitem{border-width:1px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.section-title{font-size:26px}.section-label{font-size:11px}.btn{font-size:14px;padding:12px 24px}.about__image-col{height:240px}.about__image-circle{width:120px;height:120px;bottom:16px;left:16px}.values__image-col{height:240px}.values__decor-half{width:60px;height:120px}.clients__grid{grid-template-columns:repeat(2,1fr)}.counters__number{font-size:28px}.footer__main{padding:32px 0 20px}.footer__bottom{padding:18px 0}.footer__bottom-inner{flex-direction:column;align-items:center;gap:8px;text-align:center}.footer__bottom p{font-size:12px}.footer__bottom-links{font-size:12px}.footer__desc{font-size:13.5px;line-height:1.6;margin-bottom:18px;max-width:none}.footer__heading{font-size:15px;margin-bottom:10px}.footer__info-list li{font-size:13.5px;line-height:1.85}.footer__links li{font-size:13.5px;line-height:1.95}.footer__brands{padding-top:18px;margin-top:4px}.footer__brands-heading{font-size:15px}.footer__brands-desc{font-size:12.5px;margin-bottom:12px;line-height:1.5}.footer__brands-list{grid-template-columns:1fr;gap:8px}.footer__brand-card{padding:11px 14px}.footer__brand-name{font-size:13.5px;padding-right:22px}.footer__brand-tag{font-size:11.5px}.footer__social{gap:12px}.footer__social a{width:38px;height:38px;min-width:38px;min-height:38px}}@media(max-width:360px){.container{padding:0 12px}.hero{padding:20px 0 24px}.hero__title{font-size:24px}.hero__desc{font-size:13px}.navbar__inner{height:50px}.navbar__cta{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.hero__title{visibility:visible !important}}:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px}.btn:focus-visible,.navbar__cta:focus-visible,.navbar__icon-circle:focus-visible{outline:2px solid var(--color-white);outline-offset:3px;box-shadow:0 0 0 4px var(--color-orange)}.why-faq .faq__question:focus-visible{outline:2px solid var(--color-orange);outline-offset:-2px;border-radius:10px}.portfolio__card:focus-visible .portfolio__browser{outline:2px solid var(--color-orange);outline-offset:2px}.offer-card__cta:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px}::selection{background:var(--color-orange);color:var(--color-white)}.counters{background:var(--color-dark);padding:60px 0;overflow:hidden}.counters__inner{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:0 32px}.counters__item{text-align:center;padding:12px 0}.counters__number{font-family:var(--font-heading);font-size:clamp(32px,4vw,52px);font-weight:500;color:var(--color-white);line-height:1;letter-spacing:-.02em}.counters__plus,.counters__suffix{font-family:var(--font-heading);font-size:clamp(20px,2.5vw,32px);color:var(--color-orange);font-weight:500}.counters__label{display:block;font-size:14px;color:rgba(255,255,255,0.55);margin-top:8px;letter-spacing:.02em}.counters__divider{width:1px;height:48px;background:rgba(255,255,255,0.12)}.clients__box-icon{color:var(--color-orange);display:flex;align-items:center;justify-content:center;width:40px;height:40px;opacity:.8}.clients__box-name{font-family:var(--font-heading);font-size:14px;font-weight:500;color:var(--color-dark);line-height:1.3}.clients__box-count{font-size:12px;color:var(--color-text-muted);letter-spacing:.02em}.testimonials__carousel{position:relative;min-height:200px}.testimonials__slide{display:none;opacity:0;transition:opacity .4s ease}.testimonials__slide--active{display:block;opacity:1}.testimonials__counter{font-size:14px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.testimonials__all-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font-size:15px;font-weight:500;color:var(--color-dark);transition:color .3s ease}.testimonials__all-link:hover{color:var(--color-orange)}.testimonials__all-link:hover .arrow-icon{transform:translateX(6px);transition:transform .3s ease}.faq{background:var(--color-cream);padding:80px 0;position:relative}.faq__header{text-align:center;margin-bottom:60px;display:flex;flex-direction:column;align-items:center}.faq__header .section-rule{justify-content:center}.faq__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 48px}.faq__item{border-bottom:1px solid var(--color-border);border-radius:12px;background:rgba(255,255,255,0.04)}.faq__question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--color-dark);cursor:pointer;list-style:none;transition:color .3s ease}.faq__question::-webkit-details-marker{display:none}.faq__question::after{content:'+';font-size:22px;font-weight:300;color:var(--color-orange);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.faq__item[open] .faq__question::after{content:'−'}.faq__item[open] .faq__question{color:var(--color-orange)}.faq__answer{padding:0 24px 20px;font-size:15px;line-height:1.7;color:var(--color-text)}.faq__answer p{margin:0}.faq__question:hover{color:var(--color-orange)}@keyframes safetyReveal{to{opacity:1 !important;transform:none !important;clip-path:none !important;visibility:visible !important}}.gsap-ready .about-reviews__text,.gsap-ready .about-reviews__cards,.gsap-ready .about-reviews__marquee,.gsap-ready .about-reviews__card,.gsap-ready .why-faq .faq__item,.gsap-ready .cta-bar,.gsap-ready .footer__col-left,.gsap-ready .footer__col-right,.gsap-ready .section-title,.gsap-ready .section-desc,.gsap-ready .section-rule,.gsap-ready .hero__text,.gsap-ready .hero__visual{animation:safetyReveal .6s 2s both}.navbar__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:0;border:1px solid rgba(255,255,255,0.2);border-radius:10px;cursor:pointer;transition:border-color .3s ease;-webkit-appearance:none}.navbar__burger:hover{border-color:rgba(255,255,255,0.4)}.navbar__burger-line{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .35s cubic-bezier(0.4,0,0.2,1),opacity .25s ease;transform-origin:center}.navbar__burger.is-active .navbar__burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__burger.is-active .navbar__burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__burger.is-active .navbar__burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:1200px){.navbar__burger{display:flex}}.mobile-drawer{position:fixed;inset:0;z-index:9999;pointer-events:none;visibility:hidden;overflow:hidden}.mobile-drawer.is-open{pointer-events:auto;visibility:visible}.mobile-drawer__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .35s ease}.mobile-drawer.is-open .mobile-drawer__overlay{opacity:1}.mobile-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,85vw);background:linear-gradient(180deg,#141e2b 0,#121c27 50%,#0f1720 100%);border-left:1px solid rgba(255,255,255,0.08);transform:translateX(100%);transition:transform .4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;box-shadow:-10px 0 40px rgba(0,0,0,0.4)}.mobile-drawer.is-open .mobile-drawer__panel{transform:translateX(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,0.08)}.mobile-drawer__logo{display:inline-flex;align-items:center;min-height:44px}.mobile-drawer__logo img{width:120px;height:auto}.mobile-drawer__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0;border:1px solid rgba(255,255,255,0.15);border-radius:10px;cursor:pointer;transition:border-color .3s ease,background .3s ease;-webkit-appearance:none}.mobile-drawer__close:hover{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.05)}.mobile-drawer__nav{padding:16px 0;display:flex;flex-direction:column}.mobile-drawer__link{display:block;padding:16px 28px;font-family:var(--font-body);font-size:17px;font-weight:500;color:rgba(255,255,255,0.7);text-decoration:none;transition:color .25s ease,background .25s ease,padding-left .25s ease;border-left:3px solid transparent}.mobile-drawer__link:hover{color:#fff;background:rgba(255,255,255,0.04);padding-left:32px}.mobile-drawer__link--active{color:#fff;border-left-color:var(--color-orange);background:rgba(255,60,0,0.06)}.mobile-drawer.is-open .mobile-drawer__link{animation:drawerLinkIn .4s cubic-bezier(0.4,0,0.2,1) both}.mobile-drawer.is-open .mobile-drawer__link:nth-child(1){animation-delay:.1s}.mobile-drawer.is-open .mobile-drawer__link:nth-child(2){animation-delay:.15s}.mobile-drawer.is-open .mobile-drawer__link:nth-child(3){animation-delay:.2s}.mobile-drawer.is-open .mobile-drawer__link:nth-child(4){animation-delay:.25s}.mobile-drawer.is-open .mobile-drawer__link:nth-child(5){animation-delay:.3s}.mobile-drawer.is-open .mobile-drawer__link:nth-child(6){animation-delay:.35s}.mobile-drawer.is-open .mobile-drawer__link:nth-child(7){animation-delay:.4s}@keyframes drawerLinkIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.mobile-drawer__contact{padding:20px 28px;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,0.06)}.mobile-drawer__phone,.mobile-drawer__email{display:flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:15px;color:rgba(255,255,255,0.65);text-decoration:none;transition:color .25s ease;min-height:44px;padding:6px 0}.mobile-drawer__phone:hover,.mobile-drawer__email:hover{color:#fff}.mobile-drawer__phone span{font-weight:600;color:#fff;font-size:17px}.mobile-drawer__cta{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 24px 0;padding:16px 24px;background:var(--color-orange);color:#fff;font-family:var(--font-body);font-size:16px;font-weight:600;border-radius:50px;text-decoration:none;transition:background .3s ease,transform .3s ease;box-shadow:0 4px 20px rgba(255,60,0,0.3)}.mobile-drawer__cta:hover{background:#d93300;transform:translateY(-1px)}.mobile-drawer__social{padding:20px 28px;margin-top:auto;display:flex;gap:20px;border-top:1px solid rgba(255,255,255,0.06)}.mobile-drawer__social a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-drawer__social a{font-family:var(--font-body);font-size:13px;font-weight:400;color:rgba(255,255,255,0.4);text-decoration:none;transition:color .25s ease}.mobile-drawer__social a:hover{color:var(--color-orange)}body.menu-open{overflow:hidden;position:fixed;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.mobile-drawer__panel{transition:none}.mobile-drawer__overlay{transition:none}.mobile-drawer.is-open .mobile-drawer__link{animation:none}.navbar__burger-line{transition:none}}.theme-white .header{background:#fff;border-bottom:1px solid rgba(18,28,39,0.08)}.theme-white .header.is-scrolled{background:rgba(255,255,255,0.97);box-shadow:0 2px 20px rgba(0,0,0,0.08)}.theme-white .topbar__contact-text{color:rgba(18,28,39,0.5)}.theme-white .topbar__contact-text strong{color:var(--color-dark)}.theme-white .topbar__icon-circle{border-color:rgba(18,28,39,0.15)}.theme-white .topbar__icon-circle svg{stroke:rgba(18,28,39,0.4)}.theme-white .topbar__contact-item:hover .topbar__icon-circle{border-color:rgba(18,28,39,0.3);background:rgba(18,28,39,0.03)}.theme-white .topbar__metric-label{color:rgba(18,28,39,0.45)}.theme-white .topbar__google-score{color:rgba(18,28,39,0.5)}.theme-white .topbar__google-score strong{color:var(--color-dark)}.theme-white .topbar__google-count{color:rgba(18,28,39,0.35);border-left-color:rgba(18,28,39,0.1)}.theme-white .topbar__social a{color:rgba(18,28,39,0.5)}.theme-white .topbar__social a:hover{color:var(--color-dark)}.theme-white .topbar__lang{color:rgba(18,28,39,0.5)}.theme-white .topbar__divider{background:linear-gradient(to bottom,transparent,rgba(18,28,39,0.1),transparent)}.theme-white .navbar{border-top-color:rgba(18,28,39,0.08)}.theme-white .navbar__link{color:rgba(18,28,39,0.65)}.theme-white .navbar__link:hover{color:var(--color-dark);background:rgba(18,28,39,0.04)}.theme-white .navbar__link--active{color:var(--color-dark);background:rgba(var(--color-orange-rgb),0.06);border-color:rgba(var(--color-orange-rgb),0.12)}.theme-white .navbar__link--active:hover{color:var(--color-dark)}.theme-white .navbar__phone-circle{border-color:rgba(18,28,39,0.15)}.theme-white .navbar__phone-circle svg{stroke:rgba(18,28,39,0.5)}.theme-white .navbar__phone:hover .navbar__phone-circle svg{stroke:var(--color-orange)}.theme-white .navbar__phone-text{color:rgba(18,28,39,0.5)}.theme-white .navbar__phone-text strong{color:var(--color-dark)}.theme-white .navbar__cta{color:var(--color-dark)}.theme-white .navbar__cta:hover{color:#fff}.theme-white .hero{background:#fff}.theme-white .hero__gradient{background:linear-gradient(170deg,#fafafa 0,#fff 30%,#f8f8f8 70%,#f5f5f5 100%)}.theme-white .hero__mesh::before{background-image:linear-gradient(rgba(18,28,39,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(18,28,39,0.02) 1px,transparent 1px)}.theme-white .hero__mesh::after{background:radial-gradient(ellipse,rgba(255,60,0,0.04) 0,rgba(255,60,0,0.01) 40%,transparent 65%)}.theme-white .hero__label{color:rgba(18,28,39,0.5)}.theme-white .hero__title{color:var(--color-dark)}.theme-white .hero__desc{color:rgba(18,28,39,0.6)}.theme-white .hero .btn--outline{color:rgba(18,28,39,0.6);border-color:rgba(18,28,39,0.18)}.theme-white .hero .btn--outline:hover{color:var(--color-dark);background:rgba(18,28,39,0.04);border-color:rgba(18,28,39,0.3)}.theme-white .topbar__logo img{filter:brightness(0) saturate(100%)}.offer-card__badge{background:#c73200}.offer-card__label{color:#b52800}.offer-card--featured .offer-card__currency small{color:rgba(255,255,255,0.85)}.portfolio{padding-bottom:clamp(30px,4vw,50px)}.trusted{padding:clamp(16px,2vw,24px) 0}@media(max-width:480px){.hero__device--monitor{width:96%}.hero__screen--monitor{max-height:200px}.hero__wf-pitem img{border-radius:3px}}@media(max-width:768px){.faq__grid{grid-template-columns:1fr;gap:0}.faq__item{border-bottom:1px solid rgba(0,0,0,0.08)}.faq__item:last-child{border-bottom:none}.faq__question{padding:14px 0;font-size:14px}.faq__answer{padding:0 0 14px}.faq__answer p{font-size:13px;line-height:1.6}}.trusted__track{animation-duration:280s}
/* ============================================
   - HOME QUICK LINKS (zamiast FAQ)
   ============================================ */
.home-links{position:relative;padding:clamp(64px,10vw,120px) 0;background:linear-gradient(180deg,#0E1620 0%,#121C27 100%);color:#fff;overflow:hidden}
.home-links__shapes{position:absolute;inset:0;pointer-events:none;z-index:0}
.home-links__shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.35}
.home-links__shape--1{width:420px;height:420px;background:radial-gradient(circle,#E8651A 0%,transparent 70%);top:-120px;left:-120px;animation:homeLinksFloat 14s ease-in-out infinite}
.home-links__shape--2{width:360px;height:360px;background:radial-gradient(circle,#1E6FDB 0%,transparent 70%);bottom:-100px;right:-80px;animation:homeLinksFloat 18s ease-in-out infinite reverse}
.home-links__shape--3{width:280px;height:280px;background:radial-gradient(circle,#E8651A 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.12}
@keyframes homeLinksFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}}
.home-links .container{position:relative;z-index:1}
.home-links__header{text-align:center;max-width:720px;margin:0 auto clamp(40px,6vw,64px)}
.home-links__header .section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:rgba(232,101,26,0.12);color:#FFA96B;font-size:12.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:18px}
.home-links__header .section-label__dot{width:6px;height:6px;border-radius:50%;background:#E8651A;animation:homeLinksDot 2s ease-in-out infinite}
@keyframes homeLinksDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.4)}}
.home-links__header .section-title{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(30px,4.4vw,52px);line-height:1.08;letter-spacing:-0.01em;margin:0 0 14px;color:#fff}
.home-links__lead{font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:rgba(255,255,255,0.7);margin:0;max-width:600px;margin-left:auto;margin-right:auto}
.home-links__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:0 auto}
.home-links__card{position:relative;display:flex;align-items:center;gap:14px;padding:20px 18px;background:linear-gradient(135deg,rgba(255,255,255,0.045) 0%,rgba(255,255,255,0.015) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:16px;color:#fff;text-decoration:none;overflow:hidden;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color:transparent}
.home-links__card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,rgba(232,101,26,0.25) 0%,transparent 65%);opacity:0;transition:opacity 0.35s ease;z-index:0}
.home-links__card > *{position:relative;z-index:1}
.home-links__card:hover{border-color:rgba(232,101,26,0.45);transform:translateY(-4px);background:linear-gradient(135deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 100%)}
.home-links__card:hover::before{opacity:1}
.home-links__card--accent{background:linear-gradient(135deg,rgba(232,101,26,0.16) 0%,rgba(232,101,26,0.06) 100%);border-color:rgba(232,101,26,0.3)}
.home-links__card--accent:hover{border-color:rgba(232,101,26,0.7);background:linear-gradient(135deg,rgba(232,101,26,0.22) 0%,rgba(232,101,26,0.08) 100%)}
.home-links__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:rgba(232,101,26,0.14);color:#FFA96B;transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}
.home-links__card--accent .home-links__icon{background:rgba(232,101,26,0.25);color:#FFC596}
.home-links__card:hover .home-links__icon{background:#E8651A;color:#fff;transform:scale(1.08) rotate(-4deg)}
.home-links__text{flex:1;line-height:1.35;min-width:0}
.home-links__text strong{display:block;font-size:15px;font-weight:600;letter-spacing:0.005em;color:#fff;margin-bottom:3px}
.home-links__text span{display:block;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,0.58);font-weight:400}
.home-links__card--accent .home-links__text span{color:rgba(255,255,255,0.72)}
.home-links__arrow{flex:0 0 auto;color:rgba(255,255,255,0.35);font-size:18px;line-height:1;transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}
.home-links__card:hover .home-links__arrow{color:#E8651A;transform:translateX(5px)}
.home-links__card--accent .home-links__arrow{color:rgba(255,169,107,0.7)}
.home-links__card--accent:hover .home-links__arrow{color:#fff}
.home-links__foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:clamp(28px,4vw,44px);font-size:14px;color:rgba(255,255,255,0.55)}
.home-links__foot-text{color:rgba(255,255,255,0.45)}
.home-links__foot-link{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,0.88);text-decoration:none;font-weight:500;transition:color 0.2s ease}
.home-links__foot-link:hover{color:#FFA96B}
.home-links__foot-link svg{opacity:0.7;transition:opacity 0.2s}
.home-links__foot-link:hover svg{opacity:1}
.home-links__foot-sep{color:rgba(255,255,255,0.2)}
@media (max-width:980px){.home-links__grid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media (max-width:560px){.home-links__grid{grid-template-columns:1fr}.home-links__foot{flex-direction:column;gap:10px}.home-links__foot-sep{display:none}}

/* ============================================
   FAQ PAGE - sticky nav + accordion
   ============================================ */
.faq-page__layout{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start}
.faq-page__nav-wrap{position:sticky;top:120px;align-self:start}
.faq-page__nav{background:#fff;border:1px solid var(--color-border);border-radius:14px;padding:20px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.faq-page__nav-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:12px;padding-left:8px}
.faq-page__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.faq-page__nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--color-text-body);text-decoration:none;font-size:14px;font-weight:500;transition:background .25s ease,color .25s ease;line-height:1.3}
.faq-page__nav-link:hover{background:var(--color-bg-alt);color:var(--color-text)}
.faq-page__nav-link.is-active{background:rgba(255,60,0,0.06);color:var(--color-primary)}
.faq-page__nav-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;color:inherit;flex-shrink:0}
.faq-page__nav-count{margin-left:auto;background:var(--color-bg-alt);color:var(--color-text-muted);padding:2px 8px;border-radius:50px;font-size:11px;font-weight:600;min-width:24px;text-align:center}
.faq-page__nav-link.is-active .faq-page__nav-count{background:rgba(255,60,0,0.12);color:var(--color-primary)}
.faq-page__content{display:flex;flex-direction:column;gap:56px;min-width:0}
.faq-page__section{scroll-margin-top:120px}
.faq-page__section-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--color-bg-alt)}
.faq-page__section-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,60,0,0.08);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.faq-page__section-title{font-family:var(--font-heading);font-size:24px;font-weight:500;color:var(--color-text);margin:0;letter-spacing:-.01em}
.faq-page__list{display:flex;flex-direction:column;gap:8px}
.faq-page__item{background:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}
.faq-page__item[open]{border-color:rgba(255,60,0,0.25);box-shadow:0 4px 16px rgba(0,0,0,0.04)}
.faq-page__question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--color-text);line-height:1.4;list-style:none;transition:color .2s ease}
.faq-page__question::-webkit-details-marker{display:none}
.faq-page__question:hover{color:var(--color-primary)}
.faq-page__chev{display:inline-flex;color:var(--color-text-muted);transition:transform .3s ease,color .25s ease;flex-shrink:0}
.faq-page__item[open] .faq-page__chev{transform:rotate(180deg);color:var(--color-primary)}
.faq-page__answer{padding:0 22px 22px;color:var(--color-text-body);font-size:15px;line-height:1.7}
.faq-page__answer p{margin:0}
.faq-page__answer a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.faq-page__answer a:hover{text-decoration-thickness:2px}

@media(max-width:980px){
  .faq-page__layout{grid-template-columns:1fr;gap:32px}
  .faq-page__nav-wrap{position:static;margin-bottom:8px}
  .faq-page__nav{padding:14px 12px}
  .faq-page__nav-list{flex-direction:row;flex-wrap:wrap;gap:6px}
  .faq-page__nav-link{padding:8px 12px;font-size:13px}
  .faq-page__nav-link span:not(.faq-page__nav-icon):not(.faq-page__nav-count){display:inline}
  .faq-page__nav-count{padding:2px 6px;font-size:10px;min-width:20px}
  .faq-page__content{gap:40px}
  .faq-page__section-title{font-size:20px}
  .faq-page__question{padding:14px 18px;font-size:15px}
  .faq-page__answer{padding:0 18px 18px;font-size:14px;line-height:1.65}
}
@media(max-width:560px){
  .faq-page__nav-label{display:none}
  .faq-page__nav-link>span:nth-child(2){font-size:12px}
}

/* ============================================
   OBSLUGA - plan stack (right column = Indywidualna + Pojedyncze zlecenia)
   ============================================ */
.obsl-plan-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.obsl-plan--in-stack{flex:1 1 auto}
.obsl-plan--zlecenia{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:14px;padding:24px 24px 22px;text-decoration:none;color:var(--color-text);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;position:relative}
.obsl-plan--zlecenia:hover{border-color:rgba(255,60,0,0.35);box-shadow:0 12px 32px rgba(0,0,0,0.08);transform:translateY(-3px)}
.obsl-plan--zlecenia .obsl-plan__head{margin-bottom:10px}
.obsl-plan--zlecenia .obsl-plan__eyebrow{color:var(--color-text-muted)!important;background:var(--color-bg-alt);padding:4px 10px;border-radius:4px;display:inline-block;font-size:11px;letter-spacing:.08em}
.obsl-plan--zlecenia .obsl-plan__name{color:var(--color-text)!important;font-size:22px;margin-top:8px}
.obsl-plan__zlecenia-copy{font-size:14px;line-height:1.6;color:var(--color-text-body);margin-bottom:14px}
.obsl-plan__zlecenia-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:6px}
.obsl-plan__zlecenia-list li{font-size:13.5px;color:var(--color-text-body);padding-left:18px;position:relative;line-height:1.5}
.obsl-plan__zlecenia-list li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--color-primary);opacity:.5}
.obsl-plan__zlecenia-cta{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--color-primary);font-size:14px;margin-top:auto;padding-top:8px;transition:gap .25s ease}
.obsl-plan--zlecenia:hover .obsl-plan__zlecenia-cta{gap:14px}

/* ============================================
   ZLECENIA - kompaktowa siatka 'Najczesciej zamawiane'
   ============================================ */
.zl-services__head{text-align:center;margin-bottom:32px}
.zl-services__head .section-title{font-size:clamp(1.5rem,2.4vw,2rem)}
.zl-services__head .section-subtitle{font-size:15px;max-width:580px;margin:8px auto 0}
.zl-services .zl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.zl-services .zl-card{padding:20px 22px;background:#fff;border:1px solid var(--color-border);border-radius:12px;transition:border-color .3s ease,transform .3s ease}
.zl-services .zl-card:hover{border-color:rgba(255,60,0,0.3);transform:translateY(-2px)}
.zl-services .zl-card__icon{width:36px;height:36px;border-radius:8px;background:rgba(255,60,0,0.08);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}
.zl-services .zl-card__title{font-family:var(--font-heading);font-size:16px;font-weight:500;margin:0 0 6px}
.zl-services .zl-card__desc{font-size:13.5px;line-height:1.55;color:var(--color-text-body);margin:0}
@media(max-width:900px){.zl-services .zl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.zl-services .zl-grid{grid-template-columns:1fr}.zl-services .zl-card{padding:18px 20px}}

/* zlecenia hero - center */
.section--hero .breadcrumbs{justify-content:center;margin-bottom:18px}

/* ============================================
   KONTAKT - tighter spacing top
   ============================================ */
.kt-info__title{margin-top:8px;margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15}
.kt-info__intro{margin-top:0;font-size:15.5px;line-height:1.65;color:var(--color-text-body)}

/* ============================================
   FORM SLIDER (range input) - smoother
   ============================================ */
input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-bg-alt);border-radius:3px;outline:none;cursor:pointer;transition:background .2s ease}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--color-primary);border:3px solid #fff;border-radius:50%;cursor:grab;box-shadow:0 2px 8px rgba(255,60,0,0.35),0 1px 3px rgba(0,0,0,0.15);transition:transform .2s cubic-bezier(0.4,0,0.2,1),box-shadow .2s ease;will-change:transform}
input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}
input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.25);box-shadow:0 3px 12px rgba(255,60,0,0.5),0 2px 4px rgba(0,0,0,0.2)}
input[type="range"]::-moz-range-thumb{width:22px;height:22px;background:var(--color-primary);border:3px solid #fff;border-radius:50%;cursor:grab;box-shadow:0 2px 8px rgba(255,60,0,0.35);transition:transform .2s cubic-bezier(0.4,0,0.2,1)}
input[type="range"]::-moz-range-thumb:hover{transform:scale(1.15)}
input[type="range"]::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.25)}

/* ============================================
   OBSLUGA - section centering tweaks
   ============================================ */
.obsl-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
@media(max-width:800px){.obsl-pillars{grid-template-columns:1fr}}

/* ===== Mail order alternative on /strony-internetowe/ buy-box ===== */
.buy-box__mail-alt{margin-top:18px;padding-top:18px;border-top:1px dashed rgba(0,0,0,0.08);text-align:center;position:relative}
.buy-box__mail-or{display:inline-block;background:#fff;padding:0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);position:absolute;top:-7px;left:50%;transform:translateX(-50%)}
.buy-box__mail-link{display:inline-flex;align-items:flex-start;gap:12px;text-decoration:none;color:var(--color-text);padding:12px 16px;border-radius:10px;transition:background .25s ease;text-align:left;width:100%;justify-content:flex-start}
.buy-box__mail-link:hover{background:var(--color-bg-alt)}
.buy-box__mail-link svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}
.buy-box__mail-text{display:flex;flex-direction:column;gap:3px;line-height:1.45}
.buy-box__mail-text strong{font-size:14px;font-weight:600;color:var(--color-text)}
.buy-box__mail-sub{font-size:12.5px;color:var(--color-text-muted);line-height:1.5}

/* ============================================
   UNIVERSAL HERO CENTERING - spójność wszystkich stron
   (wcześniej tylko body.pg-strony-internetowe / body.pg-obsluga miały te reguły)
   ============================================ */
.section--hero .section-label,
.section--hero .section-title,
.section--hero .section-subtitle,
.legal-hero .section-label,
.legal-hero .section-title,
.legal-hero .section-subtitle{
    text-align:center;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.section--hero .breadcrumbs,
.legal-hero .breadcrumbs{
    justify-content:center;
}
.section--hero .section-label::before,
.legal-hero .section-label::before{
    content:none;
    display:none;
}
.section--hero .section-label,
.legal-hero .section-label{
    padding-left:0;
}
/* legal-hero (polityka, regulamin) - wyrównać padding-top do reszty stron */
.legal-hero{
    padding-top:clamp(48px,5vw,64px)!important;
    padding-bottom:clamp(28px,3vw,40px)!important;
}

/* ============================================
   POPUP - Portfolio (W tym pakiecie / Realizacje dedykowane)
   ============================================ */
.popup--portfolio{max-width:1240px;width:96vw}
.popup--portfolio .popup__body{padding:24px 28px 32px}
.popup--portfolio .popup__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1024px){.popup--portfolio .popup__grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:600px){.popup--portfolio .popup__grid{grid-template-columns:1fr;gap:12px}}

.popup__card--link{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--color-text);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative}
.popup__card--link:hover{transform:translateY(-4px);box-shadow:0 14px 38px rgba(0,0,0,0.12);border-color:rgba(255,60,0,0.4)}
.popup__card--link .popup__card-img{aspect-ratio:8/5;overflow:hidden;background:#e8eaed;position:relative}
.popup__card--link .popup__card-img picture,.popup__card--link .popup__card-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s ease}
.popup__card--link:hover .popup__card-img img{transform:scale(1.04)}
.popup__card--link .popup__card-info{padding:14px 16px 14px;display:flex;flex-direction:column;gap:3px}
.popup__card-name{font-family:var(--font-heading);font-size:15.5px;font-weight:500;color:var(--color-text);line-height:1.3;letter-spacing:-.005em}
.popup__card-tag{font-size:12.5px;color:var(--color-text-muted);line-height:1.4}
.popup__card-go{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.92);color:var(--color-primary);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.12);backdrop-filter:blur(4px)}
.popup__card--link:hover .popup__card-go{opacity:1;transform:translateY(0)}

/* Trigger button: "Zobacz 15 realizacji w pakiecie" pod CTA */
.pack-order__see-realizacje{margin:14px 0 0;text-align:center}
.pack-order__see-realizacje-btn{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-family:var(--font-body);font-size:14px;font-weight:500;padding:6px 12px;border-radius:6px;transition:background .25s ease}
.pack-order__see-realizacje-btn:hover{background:rgba(255,60,0,0.06)}
.pack-order__see-realizacje-btn svg{flex-shrink:0;opacity:.85}

/* Trigger button: "Zobacz 15 realizacji dedykowanych" w buy-box__extras */
.buy-box__extras-see{display:inline-flex;align-items:center;gap:8px}
.buy-box__extras-see svg{flex-shrink:0}

/* ============================================
   v8 - buy-box__mail-alt + Skopiuj email + doubt-left
   ============================================ */
.buy-box__mail-alt{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(0,0,0,0.08);position:relative;text-align:center}
.buy-box__mail-or{display:inline-block;background:#fff;padding:0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);position:absolute;top:-7px;left:50%;transform:translateX(-50%)}
.buy-box__mail-wrap{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--color-border);border-radius:10px;padding:8px 8px 8px 12px;transition:border-color .25s ease,background .25s ease}
.buy-box__mail-wrap:hover{border-color:rgba(255,60,0,0.3);background:rgba(255,60,0,0.02)}
.buy-box__mail-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);flex:1;min-width:0;text-align:left;padding:2px 0}
.buy-box__mail-link svg{color:var(--color-primary);flex-shrink:0}
.buy-box__mail-text{display:flex;flex-direction:column;gap:1px;line-height:1.3;min-width:0}
.buy-box__mail-text strong{font-size:13.5px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buy-box__mail-sub{font-size:11.5px;color:#5b6470;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buy-box__mail-copy{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-body);font-family:var(--font-body);font-size:11.5px;font-weight:500;padding:6px 10px;border-radius:7px;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}
.buy-box__mail-copy:hover{background:var(--color-bg-alt);border-color:rgba(255,60,0,0.3);color:var(--color-text)}
.buy-box__mail-copy.is-copied{background:#1f9d55;border-color:#1f9d55;color:#fff}
.buy-box__mail-copy.is-copied .buy-box__mail-copy-icon path,
.buy-box__mail-copy.is-copied .buy-box__mail-copy-icon rect{stroke:#fff}
.buy-box__mail-copy-icon{flex-shrink:0}

/* doubt block - w LEWEJ kolumnie buy-box, eleganckie info */
.buy-box__doubt{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:18px 20px;background:linear-gradient(135deg,rgba(255,60,0,0.04),rgba(255,60,0,0.01));border:1px solid rgba(255,60,0,0.18);border-radius:12px}
.buy-box__doubt-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,60,0,0.12);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.buy-box__doubt-body{flex:1;min-width:0}
.buy-box__doubt-text{font-size:14px;line-height:1.55;color:var(--color-text-body);margin:0 0 12px}
.buy-box__doubt-text strong{color:var(--color-text)}
.buy-box__doubt-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,60,0,0.4);color:var(--color-primary);font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .25s ease,border-color .25s ease,gap .25s ease}
.buy-box__doubt-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);gap:10px}
.buy-box__doubt-btn svg{flex-shrink:0}

/* ============================================
   v8 - LH.pl pricing list (modal)
   ============================================ */
.lh-pricing{margin-top:24px;padding:18px 20px;background:#fff;border:1px solid var(--color-border);border-radius:12px}
.lh-pricing__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--color-bg-alt)}
.lh-pricing__head strong{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-text);letter-spacing:-.005em}
.lh-pricing__head a{font-size:12.5px;color:var(--color-primary);text-decoration:none;font-weight:500}
.lh-pricing__head a:hover{text-decoration:underline}
.lh-pricing__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lh-pricing__list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:13.5px;line-height:1.4}
.lh-pricing__list li + li{border-top:1px dashed var(--color-bg-alt)}
.lh-pricing__name{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--color-text)}
.lh-pricing__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.lh-pricing__dot--orange{background:#FF8E2E}
.lh-pricing__dot--kiwi{background:#9CCC65}
.lh-pricing__dot--mango{background:#FFB300}
.lh-pricing__dot--apple{background:#E91E63}
.lh-pricing__details{color:var(--color-text-body);text-align:right}
.lh-pricing__details strong{color:var(--color-text);font-weight:600}
.lh-pricing__renew{display:inline-block;color:var(--color-text-muted);font-size:11.5px;margin-left:4px}
@media(max-width:520px){
  .lh-pricing__list li{flex-direction:column;align-items:flex-start;gap:4px}
  .lh-pricing__details{text-align:left}
}

/* ============================================
   v8 - obsl-plan-stack equal visual rhythm
   (Indywidualna + Pojedyncze zlecenia muszą wypełnić wysokość kolumny)
   ============================================ */
.obsl-plans{align-items:stretch}
.obsl-plan-stack{align-self:stretch;display:grid;grid-template-rows:1fr auto;gap:18px}
.obsl-plan--in-stack{display:flex;flex-direction:column;height:100%}
.obsl-plan--in-stack .obsl-plan__custom-list{flex:1}
.obsl-plan--zlecenia{margin-top:0}
@media(max-width:900px){
  .obsl-plan-stack{grid-template-rows:auto auto}
}

/* ============================================
   v8 - order modal (Zamów stronę) - kompaktowy
   ============================================ */
.popup--order{max-width:680px}
.popup--order .popup__body{padding:18px 24px 24px}
.popup--order .order-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;padding:14px;background:var(--color-bg-alt);border-radius:10px}
.popup--order .order-flow__step{display:flex;align-items:flex-start;gap:8px}
.popup--order .order-flow__num{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.popup--order .order-flow__info{display:flex;flex-direction:column;gap:1px;line-height:1.3;min-width:0}
.popup--order .order-flow__info strong{font-size:13px;font-weight:600;color:var(--color-text)}
.popup--order .order-flow__info span{font-size:11.5px;color:var(--color-text-muted);line-height:1.4}
.popup--order .order-form__summary{padding:12px 14px;background:rgba(255,60,0,0.04);border:1px solid rgba(255,60,0,0.12);border-radius:8px;margin-bottom:14px}
.popup--order .order-form__product{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:4px}
.popup--order .order-form__product-name{font-size:13.5px;font-weight:600;color:var(--color-text)}
.popup--order .order-form__product-price{font-size:15px;font-weight:700;color:var(--color-primary);font-family:var(--font-heading)}
.popup--order .order-form__product-includes{font-size:11.5px;color:var(--color-text-muted);line-height:1.4;margin:0}
.popup--order .order-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.popup--order .order-form__field{display:flex;flex-direction:column;gap:4px}
.popup--order .order-form__field--full{grid-column:1 / -1}
.popup--order .order-form__label{font-size:12px;font-weight:600;color:var(--color-text);margin:0}
.popup--order .order-form__input,.popup--order .order-form__textarea{font-family:var(--font-body);font-size:13.5px;padding:9px 11px;border:1px solid var(--color-border);border-radius:6px;background:#fff;transition:border-color .2s ease;width:100%}
.popup--order .order-form__input:focus,.popup--order .order-form__textarea:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px rgba(255,60,0,0.08)}
.popup--order .order-form__textarea{resize:vertical;min-height:60px}
.popup--order .order-form__payment{border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;margin:8px 0 12px}
.popup--order .order-form__payment .order-form__label{margin-bottom:6px}
.popup--order .order-form__radio{display:flex;align-items:center;gap:8px;font-size:12.5px;cursor:pointer;padding:5px 0}
.popup--order .order-form__radio input{accent-color:var(--color-primary)}
.popup--order .order-form__checkbox{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;line-height:1.45;color:var(--color-text-body);margin-bottom:12px}
.popup--order .order-form__checkbox input{margin-top:2px;accent-color:var(--color-primary)}
.popup--order .order-form__submit{padding:11px 18px;font-size:14px;width:100%}
.popup--order .order-form__invoice-note{display:flex;gap:6px;align-items:flex-start;font-size:11.5px;color:var(--color-text-muted);line-height:1.45;margin:10px 0 0;padding:8px 10px;background:var(--color-bg-alt);border-radius:6px}
.popup--order .order-contact{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-bg-alt)}
.popup--order .order-contact__label{font-size:12px;color:var(--color-text-muted);margin:0 0 8px;text-align:center}
.popup--order .order-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.popup--order .order-contact__item{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:var(--color-text);font-size:13px;transition:border-color .2s ease,background .2s ease}
.popup--order .order-contact__item:hover{border-color:var(--color-primary);background:rgba(255,60,0,0.03)}
@media(max-width:560px){
  .popup--order .order-flow{grid-template-columns:1fr;gap:8px}
  .popup--order .order-form__grid{grid-template-columns:1fr}
  .popup--order .order-contact__grid{grid-template-columns:1fr}
}

/* ============================================
   v8 - Mobile modals - pretty system
   ============================================ */
@media(max-width:768px){
  .popup-overlay{padding:0!important;align-items:flex-end!important}
  .popup-overlay.is-open{align-items:flex-end!important}
  .popup{width:100vw!important;max-width:100vw!important;max-height:92vh!important;border-radius:18px 18px 0 0!important;animation:popupSlideUp .35s cubic-bezier(0.16,1,0.3,1) both;display:flex;flex-direction:column;overflow:hidden}
  .popup__header{padding:14px 18px 12px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid var(--color-bg-alt);flex-shrink:0}
  .popup__title{font-size:17px!important;line-height:1.2;color:#0a1119!important;font-family:var(--font-heading);font-weight:500}
  .popup__subtitle{font-size:12.5px!important;line-height:1.4;margin-top:3px;color:#5b6470!important}
  .popup__header > div{flex:1;min-width:0;padding-right:8px}
  .popup__header .popup__close{padding:8px 10px!important;flex-shrink:0;background:rgba(255,60,0,0.08)!important;border-color:rgba(255,60,0,0.25)!important;border-radius:50px!important}
  .popup__close svg{stroke:#FF3C00!important}
  .popup__close span{display:none!important}
  .popup__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 18px 24px!important}
  /* Drag handle */
  .popup::before{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:2px;background:rgba(0,0,0,0.18);z-index:11}
  .popup--portfolio .popup__grid{grid-template-columns:1fr!important;gap:10px!important}
}
@keyframes popupSlideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){
  .popup{animation:none!important}
}

/* ============================================
   v8 - Zlecenia: alt bg dla 'Najczęściej zamawiane prace' (osobne tło)
   ============================================ */
.zl-services{background:linear-gradient(180deg,#ede9e3 0,#f5f1eb 50%,#ede9e3 100%)!important;position:relative}
.zl-services::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}
.zl-services::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}

/* ============================================
   v8 - Pagination dla popup--portfolio (po 6 sztuk)
   ============================================ */
.popup--portfolio .popup__paginator{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px 0 4px}
.popup--portfolio .popup__page-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:14px;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer;transition:all .25s ease}
.popup--portfolio .popup__page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:rgba(255,60,0,0.03)}
.popup--portfolio .popup__page-btn:disabled{opacity:.4;cursor:not-allowed}
.popup--portfolio .popup__page-info{font-size:13px;color:var(--color-text-body)}
.popup--portfolio .popup__page-info strong{color:var(--color-text)}
.popup--portfolio .popup__card[data-page-hidden="true"]{display:none}

/* v9 - order-form radio/checkbox bez custom mark (native + accent-color) */
.popup--order .order-form__radio{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;padding:6px 0;line-height:1.4}
.popup--order .order-form__radio input[type="radio"]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}
.popup--order .order-form__radio-text{flex:1;color:var(--color-text)}
.popup--order .order-form__radio:hover{color:var(--color-text)}
.popup--order .order-form__checkbox{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--color-text-body);margin-bottom:14px;cursor:pointer}
.popup--order .order-form__checkbox input[type="checkbox"]{width:16px;height:16px;margin:1px 0 0 0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}
.popup--order .order-form__checkbox-text{flex:1}

/* v9 - popup scrollbar styling (smooth, looks better) */
.popup__body{scrollbar-width:thin;scrollbar-color:rgba(255,60,0,0.3) transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.popup__body::-webkit-scrollbar{width:8px}
.popup__body::-webkit-scrollbar-track{background:transparent}
.popup__body::-webkit-scrollbar-thumb{background:rgba(255,60,0,0.25);border-radius:4px}
.popup__body::-webkit-scrollbar-thumb:hover{background:rgba(255,60,0,0.45)}

/* v11 - order-form radio with custom mark (klikalne!) */
.popup--order .order-form__payment{border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;margin:8px 0 14px}
.popup--order .order-form__payment legend{padding:0 6px;font-weight:600;font-size:13px;color:var(--color-text)}
.popup--order .order-form__radio{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;padding:8px 0;line-height:1.4;position:relative;user-select:none}
.popup--order .order-form__radio input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.popup--order .order-form__radio-mark{width:18px;height:18px;flex-shrink:0;border-radius:50%;border:2px solid var(--color-border);background:#fff;transition:border-color .2s ease,background .2s ease;position:relative;display:inline-block}
.popup--order .order-form__radio-mark::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;border-radius:50%;background:var(--color-primary);transition:transform .2s cubic-bezier(0.4,0,0.2,1)}
.popup--order .order-form__radio:hover .order-form__radio-mark{border-color:var(--color-primary)}
.popup--order .order-form__radio input[type="radio"]:checked + .order-form__radio-mark{border-color:var(--color-primary);background:rgba(255,60,0,0.04)}
.popup--order .order-form__radio input[type="radio"]:checked + .order-form__radio-mark::after{transform:translate(-50%,-50%) scale(1)}
.popup--order .order-form__radio input[type="radio"]:focus-visible + .order-form__radio-mark{outline:2px solid var(--color-primary);outline-offset:3px}
.popup--order .order-form__radio-text{flex:1;color:var(--color-text)}

/* v11 - popup__card--portfolio: clean meta + Zobacz live (jak home portfolio) */
.popup--portfolio .popup__card--portfolio{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.popup--portfolio .popup__card--portfolio:hover{transform:translateY(-4px);box-shadow:0 14px 38px rgba(0,0,0,0.12);border-color:rgba(255,60,0,0.4)}
.popup__card--portfolio .popup__card-img{aspect-ratio:8/5;overflow:hidden;background:#e8eaed;position:relative}
.popup__card--portfolio .popup__card-img a{display:block;width:100%;height:100%}
.popup__card--portfolio .popup__card-img picture,
.popup__card--portfolio .popup__card-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s ease}
.popup__card--portfolio:hover .popup__card-img img{transform:scale(1.04)}
.popup__card-meta{display:flex;flex-direction:column;gap:2px;padding:14px 16px 8px}
.popup__card-domain{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-text);line-height:1.3;letter-spacing:-.005em}
.popup__card-branch{font-size:12px;color:#5b6470;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.popup__card-actions{display:flex;gap:8px;padding:0 16px 14px;margin-top:6px}
.popup__card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:8px;font-family:var(--font-body);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .25s ease;border:1px solid var(--color-border);background:#fff;color:var(--color-text)}
.popup__card-btn--live{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.popup__card-btn--live:hover{background:#d12f00;border-color:#d12f00;transform:translateY(-1px);box-shadow:0 6px 14px rgba(255,60,0,0.25)}
.popup__card-live-dot{width:8px;height:8px;border-radius:50%;background:#fff;flex-shrink:0;animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,0.6)}50%{opacity:.85;box-shadow:0 0 0 4px rgba(255,255,255,0)}}

/* ============================================
   v12 - /obsluga/ Porownaj pakiety + Compare modal
   ============================================ */
.obsl-plan__compare{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;border:1px dashed var(--color-border);color:var(--color-text-body);font-family:var(--font-body);font-size:13px;font-weight:500;padding:9px 14px;border-radius:8px;margin-top:8px;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}
.obsl-plan__compare:hover{background:var(--color-bg-alt);border-color:var(--color-primary);color:var(--color-primary)}
.obsl-plan__compare svg{flex-shrink:0;opacity:.7}
.obsl-plan__compare--light{border-color:rgba(255,255,255,0.18);color:rgba(255,255,255,0.75)}
.obsl-plan__compare--light:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.4);color:#fff}

/* Compare modal */
.popup--compare{max-width:920px}
.popup--compare .popup__body{padding:20px 24px 28px}
.compare-table-wrap{overflow-x:auto;margin-bottom:18px}
.compare-table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.5}
.compare-table thead th{padding:14px 10px;text-align:center;background:var(--color-bg-alt);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:1}
.compare-table thead th:first-child{text-align:left;font-weight:600;color:var(--color-text);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.compare-table__pkg{display:block;font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--color-text)}
.compare-table__price{display:block;font-size:11.5px;color:var(--color-text-muted);font-weight:500;margin-top:2px}
.compare-table__std{background:rgba(0,0,0,0.02)}
.compare-table__prem{background:rgba(255,60,0,0.04)}
.compare-table tbody th{text-align:left;padding:11px 10px;font-weight:500;font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-bg-alt)}
.compare-table tbody td{text-align:center;padding:11px 10px;color:var(--color-text-body);border-bottom:1px solid var(--color-bg-alt)}
.compare-table tbody tr:hover th,.compare-table tbody tr:hover td{background:rgba(255,60,0,0.025)}
.compare-table__yes{color:#1f9d55;font-weight:600}
.compare-table__no{color:var(--color-text-muted)}
.compare-table__cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding-top:8px;border-top:1px solid var(--color-bg-alt);margin-top:8px}
.compare-table__cta .btn{flex:1;min-width:200px}
@media(max-width:640px){
  .compare-table-wrap{margin:0 -8px 18px;border-radius:6px}
  .compare-table{font-size:12.5px;min-width:560px}
  .compare-table thead th{padding:10px 8px}
  .compare-table tbody th,.compare-table tbody td{padding:9px 8px}
  .compare-table__pkg{font-size:14px}
  .compare-table__price{font-size:11px}
}

/* obsl-plan__feature-sub: drobny opis pod feature item */
.obsl-plan__feature-sub{display:block;font-size:11.5px;color:var(--color-text-muted);font-weight:400;line-height:1.5;margin-top:4px;font-style:italic}


/* Dark pillars section */
.obsl-pillars-section{background:linear-gradient(180deg,#0d1520 0,#121c27 50%,#0d1520 100%)}
.obsl-pillars-section .obsl-pillar{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);padding:24px;border-radius:14px;backdrop-filter:blur(8px)}
.obsl-pillars-section .obsl-pillar__title{color:#fff}
.obsl-pillars-section .obsl-pillar__num{color:rgba(255,255,255,0.4)}
.obsl-pillars-section .obsl-pillar__sub{color:rgba(255,255,255,0.7)}
.obsl-pillars-section .obsl-pillar__list li{color:rgba(255,255,255,0.65)}
.obsl-pillars-section .obsl-pillar__list li::before{color:var(--color-primary)}
.obsl-pillars-section .obsl-pillar__icon{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,rgba(255,60,0,0.22),rgba(255,60,0,0.06));border:1px solid rgba(255,60,0,0.35);color:#FF6A2E;box-shadow:0 6px 20px rgba(255,60,0,0.15),inset 0 1px 0 rgba(255,255,255,0.06);position:relative}
.obsl-pillars-section .obsl-pillar__icon svg{width:30px;height:30px;stroke-width:1.7;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}
.obsl-pillars-section .obsl-pillar__icon::after{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle at top left,rgba(255,255,255,0.08),transparent 60%);pointer-events:none}
.obsl-pillars-section .obsl-pillar__top{padding-bottom:18px;border-bottom-color:rgba(255,255,255,0.1)}
.obsl-pillars-section .obsl-pillar__num{color:#FF8E50;letter-spacing:.14em;font-weight:600;font-size:11px}
.obsl-pillars-section .obsl-pillar__title{font-size:20px;font-weight:500;color:#fff;letter-spacing:-.005em}
.obsl-pillars-section .obsl-pillar__list li::before{background:var(--color-primary);box-shadow:0 0 8px rgba(255,60,0,0.4)}
.obsl-pillars-section .section-label{color:rgba(255,255,255,0.6)}
.obsl-pillars-section .section-title{color:#fff}
.obsl-pillars-section .section-subtitle{color:rgba(255,255,255,0.7)}

/* Dark zl-services on /zlecenia/ */
.zl-services--dark{background:linear-gradient(180deg,#0d1520 0,#121c27 50%,#0d1520 100%)!important;color:rgba(255,255,255,0.85)}
.zl-services--dark::before,.zl-services--dark::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent)!important}
.zl-services--dark .section-label{color:var(--color-primary)}
.zl-services--dark .section-title{color:#fff}
.zl-services--dark .section-subtitle{color:rgba(255,255,255,0.7)}
.zl-services--dark .zl-card{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}
.zl-services--dark .zl-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,60,0,0.5)}
.zl-services--dark .zl-card__title{color:#fff}
.zl-services--dark .zl-card__desc{color:rgba(255,255,255,0.65)}
.zl-services--dark .zl-card__icon{background:rgba(255,60,0,0.15);color:var(--color-primary)}

/* Tighter paddings na /obsluga/ + /zlecenia/ */
body.pg-obsluga section.section,
body.pg-zlecenia section.section{padding-top:clamp(48px,5vw,72px)!important;padding-bottom:clamp(48px,5vw,72px)!important}
body.pg-obsluga section.section--hero,
body.pg-zlecenia section.section--hero{padding-top:clamp(48px,5vw,64px)!important;padding-bottom:clamp(28px,3vw,40px)!important}

/* Section-label/title --light variants on dark bg */
.section-label--light{color:rgba(255,255,255,0.85)!important}
.section-title--light{color:#fff!important}
.section-subtitle--light{color:rgba(255,255,255,0.7)!important}

/* ============================================
   v12b - checkbox custom mark (popup--order forms)
   Override pages.css base - better visual + ensure visible
   ============================================ */
.popup--order .order-form__checkbox{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--color-text-body);margin-bottom:14px;cursor:pointer;user-select:none}
.popup--order .order-form__checkbox input[type="checkbox"]{position:absolute!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none}
.popup--order .order-form__check-mark{flex-shrink:0;width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:#fff;position:relative;transition:border-color .2s ease,background .2s ease;margin-top:0}
.popup--order .order-form__checkbox:hover .order-form__check-mark{border-color:var(--color-primary)}
.popup--order .order-form__checkbox input[type="checkbox"]:checked + .order-form__check-mark{background:var(--color-primary);border-color:var(--color-primary)}
.popup--order .order-form__checkbox input[type="checkbox"]:checked + .order-form__check-mark::after{content:'';position:absolute;top:1px;left:4px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.popup--order .order-form__checkbox input[type="checkbox"]:focus-visible + .order-form__check-mark{outline:2px solid var(--color-primary);outline-offset:3px}
.popup--order .order-form__checkbox-text{flex:1}
.popup--order .order-form__checkbox-text a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}

/* zl-form__consent (zlecenia) - make custom checkbox visible */
.zl-form__consent-label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:1.5;color:var(--color-text-body);position:relative}
.zl-form__consent-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.zl-form__consent-input + .zl-form__consent-text::before{content:'';flex-shrink:0;width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:#fff;display:inline-block;vertical-align:top;margin-right:10px;margin-top:1px;transition:border-color .2s ease,background .2s ease;position:relative;top:1px}
.zl-form__consent-label:hover .zl-form__consent-input + .zl-form__consent-text::before{border-color:var(--color-primary)}
.zl-form__consent-input:checked + .zl-form__consent-text::before{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 6l3 3 5-6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:14px 14px;background-position:center;background-repeat:no-repeat}
.zl-form__consent-input:focus-visible + .zl-form__consent-text::before{outline:2px solid var(--color-primary);outline-offset:3px}
.zl-form__consent-text{flex:1;display:block;line-height:1.55}
.zl-form__consent-text a{color:var(--color-primary);text-decoration:underline}

/* obsl-form__consent (popup-wycena-obsluga) - ensure native checkbox is visible + accent + good padding */
.obsl-form__consent input[type="checkbox"]{accent-color:var(--color-primary)!important;width:18px!important;height:18px!important;flex-shrink:0;margin-top:1px;cursor:pointer}
.obsl-form__consent{cursor:pointer}
.obsl-form__consent a{color:var(--color-primary);text-decoration:underline}

/* Universal native checkbox sizing for any form (kontakt, marketing default, fallback) */
input[type="checkbox"]{accent-color:var(--color-primary)}


/* ========== PRELOADER (ladny branded spinner) ========== */
.preloader{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#121C27;background-image:radial-gradient(ellipse at center,#1b2838 0%,#121C27 70%);opacity:1;transition:opacity .45s cubic-bezier(.16,1,.3,1),visibility .45s}
.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}

.preloader__spinner{width:56px;height:56px;position:relative;margin-bottom:24px}
.preloader__spinner::before,
.preloader__spinner::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:#FF3C00}
.preloader__spinner::before{animation:arlek-preload-spin 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite}
.preloader__spinner::after{border-top-color:rgba(255,60,0,.3);animation:arlek-preload-spin 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite reverse}

@keyframes arlek-preload-spin{to{transform:rotate(360deg)}}

.preloader__brand{font-family:"GT Walsheim Pro",system-ui,sans-serif;font-size:18px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);position:relative}
.preloader__brand::after{content:"";position:absolute;left:50%;bottom:-8px;width:24px;height:2px;background:#FF3C00;transform:translateX(-50%);animation:arlek-preload-bar 1.2s ease-in-out infinite}
@keyframes arlek-preload-bar{
  0%,100%{width:6px;opacity:.6}
  50%{width:32px;opacity:1}
}

@media (prefers-reduced-motion:reduce){
  .preloader__spinner::before,
  .preloader__spinner::after{animation:none}
  .preloader__brand::after{animation:none;width:24px}
}


/* ========== FOOTER MOBILE-ONLY OVERRIDES ========== */
/* Desktop zostaje nietkniety (oryginalny CSS). Tylko mobile modyfikacje. */

/* Default: mobile-only brand links ukryte na desktop */
.footer__link-brand-mobile{display:none}

@media (max-width:768px){
  /* Hide: logo, opis, divider, sekcja Nasze marki (karty) */
  .footer__col-left .footer__brand,
  .footer__col-left .footer__desc,
  .footer__divider,
  .footer__brands{display:none}

  /* Pokaz mobile-only linki do marek w Przydatne linki */
  .footer__link-brand-mobile{display:list-item}
  .footer__link-brand-mobile a{
    color:rgba(255,255,255,.6);
    font-size:13.5px;
  }
  .footer__link-brand-mobile a:hover{color:#FF3C00}

  /* Stack left + right col */
  .footer__grid{display:block}
  .footer__col-left{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}

  /* Uslugi + przydatne obok siebie (2-col) */
  .footer__links-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .footer__col-right .footer__heading{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}

  /* Mniejsze fonty info + linki */
  .footer__info-list{font-size:13.5px;line-height:1.8}
  .footer__info-list li{margin-bottom:4px}
  .footer__links li{margin-bottom:6px}
  .footer__links li a{font-size:13.5px}

  /* Social ikony wiekszej wysokosci (WCAG touch target 44x44) */
  .footer__social{gap:14px;margin-top:16px;justify-content:flex-start}
  .footer__social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;transition:background .2s}
  .footer__social a:hover,.footer__social a:active{background:#FF3C00}

  /* Mniejszy padding glowny */
  .footer__main{padding:32px 0 24px}
  .footer__bottom-inner{flex-direction:column;gap:8px;text-align:center;font-size:12.5px;padding:14px 0}
}


/* ========== FOOTER MOBILE COMPACT + COOKIES ========== */

/* FOOTER mobile - jeszcze mniejsze odstepy, linki od lewej */
@media (max-width:768px){
  .footer__main{padding:22px 0 14px}
  .footer__col-left{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
  .footer__info-services{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
  .footer__col-right .footer__heading{margin-bottom:7px;text-align:left}
  .footer__info-list{line-height:1.65}
  .footer__info-list li{margin-bottom:2px}
  .footer__links{text-align:left}
  .footer__links li{margin-bottom:3px;text-align:left}
  .footer__social{margin-top:10px;gap:10px}
  .footer__social a{width:36px;height:36px}
  .footer__bottom{margin-top:0}
  .footer__bottom-inner{padding:10px 0 12px;gap:5px;font-size:12px}
  .footer__bottom-links a{font-size:12px}
}

/* ========== FOOTER MOBILE FLAT 2-COL ========== */
.footer__links-mobile{display:none}

@media (max-width:768px){
  /* Hide desktop structure: 2 listy z tytulami + mobile-only brand links */
  .footer__links-grid{display:none}

  /* Show flat 2-col mobile list */
  .footer__links-mobile{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 20px;
    list-style:none;
    padding:0;
    margin:0 0 14px;
  }
  .footer__links-mobile li{margin:0;padding:0}
  .footer__links-mobile li a{
    display:block;
    color:rgba(255,255,255,.7);
    text-decoration:none;
    font-size:13.5px;
    line-height:1.6;
    padding:2px 0;
    transition:color .2s;
  }
  .footer__links-mobile li a:hover,
  .footer__links-mobile li a:active{color:#FF3C00}
}


/* ========== PACK: mobile breadcrumbs hide + page-hero unify + process + buy-box + popupy + radio fix ========== */

/* 1. BREADCRUMBS - ukryte mobilnie na wszystkich zakladkach */
@media (max-width:768px){
  .breadcrumbs,
  .breadcrumbs--light{display:none!important}
}

/* 2. PAGE-HERO - spojny top-padding mobile na wszystkich podstronach */
@media (max-width:768px){
  .page-hero{padding:calc(72px + 24px) 0 28px}
  .page-hero--compact{padding-bottom:22px}
  .page-hero__title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:10px}
  .page-hero__subtitle{font-size:14.5px}
  .page-hero .container::after{margin-top:20px;width:60px;height:2px}
  /* Home hero ma wlasne reguly - nie dotyczy */
}

/* 3. PROCES - karty pionowo na mobile, strzalki w dol */
@media (max-width:768px){
  .process{display:flex!important;flex-direction:column!important;gap:0!important}
  .process__step{width:100%!important;max-width:none!important;margin-bottom:0!important}
  .process__arrow{
    display:flex!important;
    align-items:center;justify-content:center;
    width:100%!important;height:32px!important;
    margin:6px 0!important;
    transform:rotate(90deg)!important;
  }
  /* Fallback jesli process__arrow zawiera SVG obrocona przez CSS */
  .process__arrow svg{transform:none}
}

/* 4. BUY-BOX - "Nie jestes pewny" (.buy-box__extras) pod mail-alt mobile */
@media (max-width:768px){
  #pakiet .container{display:flex;flex-direction:column}
  #pakiet .buy-box{order:1}
  #pakiet .buy-box__extras{order:2;margin-top:18px;padding:16px;border-radius:12px}
  #pakiet .buy-box__extras-title{font-size:1rem;margin-bottom:6px}
  #pakiet .buy-box__extras-text{font-size:13.5px}
}

/* 5. POPUPY mobile - unified fullscreen, plynne wchodzenie z dolu, spojne padding */
@media (max-width:768px){
  .popup-overlay{
    padding:0!important;
    align-items:stretch!important;
    justify-content:center!important;
  }
  .popup{
    max-width:100%!important;
    width:100%!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    height:100vh!important;
    height:100dvh!important;
    border-radius:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    transform:translateY(100%) scale(1)!important;
    transition:transform .4s cubic-bezier(.16,1,.3,1)!important;
  }
  .popup-overlay.is-open .popup{
    transform:translateY(0) scale(1)!important;
  }
  /* Header popup na mobile - spojny padding + zawsze pokazany close */
  .popup__header{
    padding:16px 18px!important;
    flex-shrink:0!important;
    border-bottom:1px solid rgba(0,0,0,.06);
    background:#fff;
    position:sticky;top:0;
    z-index:2;
  }
  .popup__title{font-size:17px!important;line-height:1.3!important;margin:0!important}
  .popup__subtitle{font-size:13px!important;line-height:1.4!important;margin-top:3px!important;color:var(--color-text-muted)}
  .popup__close{
    width:40px!important;height:40px!important;
    display:flex!important;align-items:center;justify-content:center;
    flex-shrink:0;
    background:rgba(0,0,0,.04);
    border-radius:50%;
    border:0;
    color:#0a1119;
  }
  .popup__close:hover,.popup__close:active{background:#FF3C00;color:#fff}
  .popup__close span{display:none!important}
  .popup__body{
    flex:1 1 auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    padding:16px 18px 28px!important;
    min-height:0!important;
  }
  /* Bottom-sheet drag handle */
  .popup::before{
    content:'';
    display:block;
    width:42px;height:4px;
    background:rgba(0,0,0,.12);
    border-radius:2px;
    margin:8px auto 0;
    flex-shrink:0;
  }
}

/* 6. RADIO mark + CHECKBOX mark fix - kropka wycentrowana precyzyjnie */
.order-form__radio-mark::after{
  /* Powiekszam kropke dla lepszej widocznosci + lepsze centrowanie */
  width:10px!important;height:10px!important;
}
.order-form__checkbox input[type="checkbox"]:checked + .order-form__check-mark::after{
  /* Checkmark V wycentrowany w boxie 18x18 */
  top:50%!important;
  left:50%!important;
  width:5px!important;
  height:10px!important;
  transform:translate(-55%,-60%) rotate(45deg)!important;
}


/* ========== FOOTER MOBILE FINAL (Nasze marki + social bottom) ========== */
.footer__brands-mobile{display:none}
.footer__social-mobile-bottom{display:none}

@media (max-width:768px){
  /* Ukryj caly col-left (logo + desc + info + desktop social) - user chce bez Informacji o firmie na mobile */
  .footer__col-left{display:none!important}

  /* Pokaz Nasze marki jako 3 zakladki pod flat listy linkow */
  .footer__brands-mobile{
    display:block;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .footer__brands-mobile-heading{
    display:block;
    font-size:10.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:rgba(255,255,255,.4);
    margin-bottom:6px;
    padding-left:2px;
  }
  .footer__brands-mobile-list{
    list-style:none;
    padding:0;margin:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px 20px;
  }
  .footer__brands-mobile-list li{margin:0}
  .footer__brands-mobile-list li a{
    display:block;
    color:rgba(255,255,255,.7);
    text-decoration:none;
    font-size:13.5px;
    line-height:1.6;
    padding:2px 0;
    transition:color .2s;
  }
  .footer__brands-mobile-list li a:hover,
  .footer__brands-mobile-list li a:active{color:#FF3C00}

  /* Social na sam dol footer__main */
  .footer__social-mobile-bottom{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .footer__social-mobile-bottom a{
    display:inline-flex;
    align-items:center;justify-content:center;
    width:40px;height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    color:#fff;
    transition:background .2s,transform .1s;
  }
  .footer__social-mobile-bottom a:hover,
  .footer__social-mobile-bottom a:active{background:#FF3C00}
  .footer__social-mobile-bottom a:active{transform:scale(.96)}
}


/* ========== PACK: breadcrumbs HIGH-SPEC hide + popupy padding + buttony + marketing mobile + typography unify ========== */

/* 1. BREADCRUMBS mobile hide - high specificity override dla marketing.css etc. */
@media (max-width:768px){
  body .breadcrumbs,
  body nav.breadcrumbs,
  body .breadcrumbs--light,
  body .mkt-hero .breadcrumbs,
  body .page-hero .breadcrumbs,
  body .mkt-service .breadcrumbs{
    display:none!important;
  }
}

/* 2. POPUPY mobile padding - wiecej powietrza od gory */
@media (max-width:768px){
  .popup::before{margin:14px auto 6px!important}
  .popup__header{padding:18px 18px 16px!important}
}

/* 3. BTN --outline-light mobile = normal case (np. 'Wycen indywidualnie' w buy-box extras) */
@media (max-width:768px){
  body .btn--outline-light,
  body .buy-box__extras-btn{
    text-transform:none!important;
    letter-spacing:0.01em!important;
    font-weight:500!important;
  }
}

/* 4. MARKETING hero mobile - clean up + nav compact + hide 'Zobacz uslugi' */
@media (max-width:768px){
  /* Ukryj 'Zobacz uslugi' button */
  body .mkt-hero__cta-secondary{display:none!important}

  /* Ukryj druga linijke lead (wszystko w jednej krotkiej) */
  body .mkt-hero__lead--wide{display:none!important}
  body .mkt-hero__lead-br{display:none!important}

  /* Lead kompaktowy */
  body .mkt-hero__lead{
    font-size:14.5px!important;
    line-height:1.55!important;
    margin-bottom:16px!important;
    padding:0 4px;
  }

  /* Nav '3 sposoby' kompaktowo, mniejsze, obok siebie */
  body .mkt-hero__nav{
    font-size:10.5px!important;
    letter-spacing:0.04em!important;
    gap:4px 8px!important;
    margin-bottom:20px!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
  }
  body .mkt-hero__nav a{
    font-size:10.5px!important;
    padding:2px 0!important;
    white-space:nowrap;
  }
  body .mkt-hero__nav span{font-size:10.5px!important}

  /* CTA primary na pelnej szerokosci */
  body .mkt-hero__cta{display:flex;flex-direction:column;gap:8px}
  body .mkt-hero__cta-primary{width:100%;justify-content:center}

  /* Hero padding mobilne */
  body .mkt-hero{padding:calc(72px + 20px) 0 28px!important}
}

/* 5. MARKETING SERVICES mobile - layout pionowy: badge → title → lead → video → list */
@media (max-width:768px){
  body .mkt-service{padding:32px 0!important}
  body .mkt-service__box{padding:20px!important;border-radius:16px!important}

  body .mkt-service__grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  /* display:contents - dzieci (badge + frame, title+lead+list) staja sie direct children flex container */
  body .mkt-service__media{display:contents}
  body .mkt-service__content{display:contents}

  /* Order per element */
  body .mkt-service__media-badge{order:1;margin-bottom:0!important;align-self:flex-start}
  body .mkt-service__title{order:2;margin-bottom:0!important;font-size:1.375rem!important}
  body .mkt-service__lead{order:3;font-size:14.5px!important;margin-bottom:0!important;line-height:1.55!important}
  body .mkt-service__media-frame{order:4;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--color-dark);position:relative}
  body .mkt-service__media-frame video{width:100%;height:100%;object-fit:cover;display:block}
  body .mkt-service__list{order:5;margin:0!important;font-size:14px!important;padding-left:18px}
  body .mkt-service__list li{padding:3px 0!important;line-height:1.5!important}
  body .mkt-service__explain{order:6;padding:14px!important;font-size:13px!important;line-height:1.55!important;border-radius:8px!important;margin:0!important}
  body .mkt-service__actions{order:7;flex-direction:column;gap:8px;margin-top:4px!important}
  body .mkt-service__actions a,
  body .mkt-service__actions button{width:100%;justify-content:center}

  /* Badge styling - na gorze, poziomy layout */
  body .mkt-service__media-badge{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:baseline!important;
    gap:8px!important;
    padding:6px 12px!important;
    background:rgba(18,28,39,0.04);
    border-radius:20px;
    font-size:11px!important;
    line-height:1.4!important;
  }
  body .mkt-service__media-badge-tag{font-size:10px!important;opacity:.6;text-transform:uppercase;letter-spacing:.08em}
  body .mkt-service__media-badge-num{font-size:13px!important;font-weight:700;color:var(--color-primary)}
  body .mkt-service__media-badge-name{font-size:11px!important;font-weight:600;color:var(--color-text)}

  /* Zoom button hidden mobile - i tak video autoplay, zoom na telefonie bez sensu */
  body .mkt-service__zoom{display:none!important}
}

/* 6. KATALOG (marketing) mobile polish */
@media (max-width:768px){
  body .mkt-catalog{padding:36px 0!important}
  body .mkt-catalog__grid{grid-template-columns:1fr!important;gap:12px!important}
  body .mkt-catalog__card{padding:16px!important;border-radius:12px!important}
  body .mkt-catalog__title{font-size:1.125rem!important;margin-bottom:6px!important}
  body .mkt-catalog__desc{font-size:13.5px!important;line-height:1.55!important}
}

/* 7. HERO TITLE spojnosc cross-pages (mobile) */
@media (max-width:768px){
  body .mkt-hero__title,
  .page-hero__title{
    font-family:var(--font-heading)!important;
    font-weight:400!important;
    font-size:clamp(1.55rem,6.5vw,2.05rem)!important;
    line-height:1.22!important;
    letter-spacing:-0.015em!important;
    margin:0 auto 12px!important;
  }
}


/* ========== TYPOGRAPHY UNIFY + KATALOG MOBILE ========== */

/* 1. Wszystkie hero-level H2/H1 na mobile - same clamp wielkosc */
@media (max-width:768px){
  body .hero__title,
  body .page-hero__title,
  body .mkt-hero__title,
  body .mkt-form-section__title,
  body .section-title{
    font-family:var(--font-heading)!important;
    font-weight:400!important;
    font-size:clamp(1.55rem,6.5vw,2.05rem)!important;
    line-height:1.22!important;
    letter-spacing:-0.015em!important;
  }
  /* Hero title home tylko moze byc wiekszy (ma '3000' highlight) */
  body .hero__title{
    font-size:clamp(1.75rem,7.5vw,2.35rem)!important;
    line-height:1.18!important;
  }

  /* mkt-form-section lead size */
  body .mkt-form-section__lead{
    font-size:14.5px!important;
    line-height:1.55!important;
    margin-bottom:20px!important;
    padding:0 8px;
  }
  body .mkt-form-section__head{margin-bottom:24px!important}

  /* Section labels mobile - mniejsze, rowne */
  body .section-label{
    font-size:11px!important;
    letter-spacing:0.14em!important;
    margin-bottom:10px!important;
  }
}

/* 2. MARKETING KATALOG - dopracowana mobile karta */
@media (max-width:720px){
  body .mkt-catalog{padding:28px 0!important;border-top:0!important}
  body .mkt-catalog__bar{
    display:grid!important;
    grid-template-columns:72px 1fr!important;
    grid-template-rows:auto auto!important;
    gap:4px 14px!important;
    padding:14px!important;
    background:#fff;
    border:1px solid var(--color-border,#e5e2e0);
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,.04);
    text-align:left!important;
    max-width:none;
  }
  body .mkt-catalog__thumb-btn{
    grid-row:1 / span 2!important;
    align-self:center!important;
    margin:0!important;
  }
  body .mkt-catalog__thumb{
    width:72px!important;
    margin:0!important;
    border-radius:6px;
  }
  body .mkt-catalog__text{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    text-align:left!important;
    display:flex;
    flex-direction:column;
    gap:3px;
  }
  body .mkt-catalog__text strong{
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:600!important;
    color:var(--color-text);
  }
  body .mkt-catalog__text span{
    font-size:12px!important;
    line-height:1.4!important;
    color:var(--color-text-muted);
  }
  body .mkt-catalog__actions{
    grid-column:1 / span 2!important;
    grid-row:3!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:6px!important;
    padding-top:10px!important;
    border-top:1px solid var(--color-border);
  }
  body .mkt-catalog__actions .btn,
  body .mkt-catalog__actions .btn--primary{
    flex:1!important;
    justify-content:center!important;
    padding:9px 12px!important;
    font-size:12.5px!important;
    min-height:unset!important;
  }
  body .mkt-catalog__download{
    flex:0 0 auto!important;
    font-size:12.5px!important;
    white-space:nowrap;
  }
}

/* 3. mkt-form-section__perks line ('Odpowiadamy w 24 h robocznych...') mobile */
@media (max-width:768px){
  body .mkt-form-section__perks{
    font-size:12px!important;
    flex-wrap:wrap;
    gap:4px 8px!important;
    line-height:1.4!important;
  }
}


/* ========== MARKETING MOBILE POLISH ========== */

/* Desktop-only lead para hidden mobile */
body .mkt-hero__lead--mobile-only{display:none}

@media (max-width:768px){
  /* Swap lead paragraphs: desktop ones hidden, mobile full version visible */
  body .mkt-hero__lead--desktop-only{display:none!important}
  body .mkt-hero__lead--mobile-only{display:block!important;font-size:14.5px!important;line-height:1.55!important;margin:0 auto 16px!important;padding:0 4px;max-width:560px;color:var(--color-text-body)}

  /* Ukryj caly mkt-hero__cta (oba buttony) na mobile */
  body .mkt-hero__cta{display:none!important}

  /* Hero - zmniejsz padding zeby boxy byly blizej naglowka */
  body .mkt-hero{padding:calc(72px + 18px) 0 12px!important}
  body .mkt-hero__nav{margin-bottom:0!important}

  /* Service boxy - zmniejsz top padding zeby zblizyc do hero */
  body .mkt-service{padding:20px 0 28px!important}
  body .mkt-service:first-of-type{padding-top:14px!important}

  /* USUN pomaranczowe bullets z list w mkt-service i bordery (powod widoczny jako
     'podkreslenie pierwszej litery') - mobile nie potrzebuje ozdobnych bullets */
  body .mkt-service__list{
    list-style:none!important;
    padding:0!important;
    margin:0!important;
  }
  body .mkt-service__list li{
    display:flex!important;
    gap:8px!important;
    padding:4px 0!important;
    padding-left:0!important;
    border:0!important;
    line-height:1.55!important;
    position:static!important;
  }
  body .mkt-service__list li::before{
    display:inline-block!important;
    content:"•"!important;
    position:static!important;
    flex-shrink:0!important;
    width:auto!important;
    height:auto!important;
    background:transparent!important;
    color:var(--color-primary)!important;
    font-size:1em!important;
    line-height:1.55!important;
    font-weight:700!important;
    margin:0!important;
    top:auto!important;
    left:auto!important;
  }
  body .mkt-service__list li:first-child{border-top:0!important}
}


/* ========== REALIZACJE header - tylko font/color unification (BEZ padding override) ========== */
body .rlz-archive-hero__title{
  font-family:var(--font-heading);
  font-weight:400!important;
  font-size:clamp(28px,3.2vw,42px)!important;
  line-height:1.18!important;
  letter-spacing:-0.015em!important;
  color:var(--color-dark);
  margin:0 0 14px!important;
}
body .rlz-archive-hero__lead{
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  color:var(--color-text-body);
  max-width:640px;
  margin:0 auto!important;
}
body .rlz-archive-hero .section-label{
  color:var(--color-primary);
  margin-bottom:12px;
}

@media (max-width:768px){
  body .rlz-archive-hero__title{font-size:clamp(1.55rem,6.5vw,2.05rem)!important}
  body .rlz-archive-hero__lead{font-size:14.5px!important;padding:0 8px}
}


/* ========== HERO cleanup - zastapienie /14/16 minimalnym blokiem.
   USUNIETO: agresywny padding 60-96px na desktop, forced text-align center na sub-pages,
   section.section--hero z selektorow (lamalo /strony-internetowe/ - wzor).
   Tylko font unify dla specyficznych BEM hero (.mkt/.op/.on/.kt/.rlz/.page-hero).
   /strony-internetowe/, /obsluga/, /zlecenia/, /najczestsze-pytania/ maja wlasne regulacje.
================================================================================ */

/* DESKTOP typography unify - specyficzne BEM hero, bez padding, bez text-align */
html body .mkt-hero__title,
html body .op-hero__title,
html body .on-hero__title,
html body .kt-hero__title,
html body .rlz-archive-hero__title,
html body .page-hero__title{
  font-family:var(--font-heading)!important;
  font-weight:400!important;
  font-size:clamp(28px,3.2vw,42px)!important;
  line-height:1.18!important;
  letter-spacing:-0.015em!important;
  color:var(--color-dark,#121C27)!important;
  margin:0 auto 14px!important;
  max-width:820px!important;
}

html body .mkt-hero__lead,
html body .op-hero__lead,
html body .on-hero__lead,
html body .kt-hero__lead,
html body .rlz-archive-hero__lead,
html body .page-hero__subtitle{
  font-family:var(--font-body)!important;
  font-size:16px!important;
  line-height:1.6!important;
  color:var(--color-text-body,#4B535D)!important;
  max-width:640px!important;
  margin:0 auto!important;
  font-weight:400!important;
}

html body .mkt-hero .section-label,
html body .op-hero .section-label,
html body .on-hero .section-label,
html body .kt-hero .section-label,
html body .rlz-archive-hero .section-label{
  color:var(--color-primary,#FF3C00)!important;
  font-size:13px!important;
  letter-spacing:0.14em!important;
  text-transform:uppercase!important;
  margin:0 0 12px!important;
  display:block!important;
  font-weight:500!important;
}

html body .op-hero__score{ font-size:clamp(60px,8vw,100px)!important; }

/* MOBILE */
@media (max-width:768px){
  /* Redukcja mobile hero padding-top TYLKO dla klas z za duzym domyslnym paddingiem (.mkt/.rlz).
     /opinie/, /o-nas/, /kontakt/ maja wlasne 28px top przez pages-o-nas.css - nie ruszamy.
     /strony-internetowe/, /obsluga/, /zlecenia/, /najczestsze-pytania/ - nie ruszamy (section.section--hero). */
  html body .mkt-hero,
  html body .rlz-archive-hero{
    padding-top:clamp(20px,4vw,32px)!important;
    padding-bottom:clamp(20px,3vw,28px)!important;
  }

  html body .mkt-hero__title,
  html body .op-hero__title,
  html body .on-hero__title,
  html body .kt-hero__title,
  html body .rlz-archive-hero__title,
  html body .page-hero__title{
    font-size:clamp(1.55rem,6.5vw,2.05rem)!important;
    line-height:1.22!important;
    margin-bottom:12px!important;
  }

  html body .mkt-hero__lead,
  html body .op-hero__lead,
  html body .on-hero__lead,
  html body .kt-hero__lead,
  html body .rlz-archive-hero__lead,
  html body .page-hero__subtitle{
    font-size:14.5px!important;
    padding:0 8px;
  }

  html body .mkt-hero .section-label,
  html body .op-hero .section-label,
  html body .on-hero .section-label,
  html body .kt-hero .section-label,
  html body .rlz-archive-hero .section-label{
    font-size:11px!important;
    letter-spacing:0.14em!important;
    margin-bottom:10px!important;
  }

  html body .op-hero__score{ font-size:clamp(48px,14vw,72px)!important; }

  /* BREADCRUMBS mobile hide - uniform across sub-pages (user's earlier decision) */
  html body nav.breadcrumbs,
  html body .breadcrumbs,
  html body .breadcrumbs--light,
  html body .mkt-hero .breadcrumbs,
  html body .op-hero .breadcrumbs,
  html body .on-hero .breadcrumbs,
  html body .kt-hero .breadcrumbs,
  html body .rlz-archive-hero .breadcrumbs,
  html body.pg-opinie .op-hero .breadcrumbs,
  html body.pg-o-nas .on-hero .breadcrumbs,
  html body.pg-kontakt .kt-hero .breadcrumbs,
  html body.pg-opinie .breadcrumbs,
  html body.pg-o-nas .breadcrumbs,
  html body.pg-kontakt .breadcrumbs,
  html body.pg-opinie .breadcrumbs--light,
  html body.pg-o-nas .breadcrumbs--light{
    display:none!important;
  }

  /* OPINIE badge mobile - compact, no gray pill (bez szarego kolka) */
  html body.pg-opinie .op-hero__badge{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    padding:4px 8px!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
    max-width:320px!important;
    margin:0 auto!important;
    font-size:13px!important;
  }
  html body.pg-opinie .op-hero__badge-stars{
    justify-content:center!important;
    gap:3px!important;
  }
  html body.pg-opinie .op-hero__badge strong{ font-size:15px!important; }
  html body.pg-opinie .op-hero__badge span{ font-size:12.5px!important; line-height:1.4!important; }

  /* O-NAS footnote mobile left-align */
  html body .on-do__footnote{
    text-align:left!important;
    padding:12px 14px!important;
    line-height:1.55!important;
    display:flex!important;
    gap:8px!important;
    align-items:flex-start!important;
  }
  html body .on-do__footnote svg{ flex-shrink:0; margin-top:2px; }
}

/* UTILITY: <br class="br-desktop"> widoczny tylko na desktop (>=769px) */
.br-desktop{ display:inline; }
@media (max-width:768px){ .br-desktop{ display:none; } }

/* UTILITY: .form-honeypot - bot trap input, hidden visually + SR (bezpieczne poniewaz
   aria-hidden="true" na inpucie + tabindex="-1" nie pozwala Tab-focus).
   Uzycie: <input type="text" name="website_url" class="form-honeypot" tabindex="-1" aria-hidden="true"> */
.form-honeypot{
  position:absolute!important;
  left:-9999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* ============================================================================
   CROSS-BROWSER + EXTREME VIEWPORT POLISH
   Targetowe fixy znanych quirksów iOS Safari, Firefox, Android Chrome, Edge.
   + ekstremalne viewporty (<360px, >2200px).
   + print stylesheet.
============================================================================ */

/* -----------------------------------------------------------------------
   1. iOS Safari / Mobile - quirk fixes
----------------------------------------------------------------------- */

/* Text size adjust - preventing iOS Safari auto-zoom in landscape */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* Tap highlight color - preventing iOS default blue flash on tap */
a, button, label, summary, [role="button"], [tabindex]:not([tabindex="-1"]){
  -webkit-tap-highlight-color:transparent;
}

/* iOS Safari input zoom fix - inputs must be min 16px to prevent auto-zoom on focus */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
textarea,
select{
  font-size:max(16px, 1em);
}

/* iOS Safari: momentum scrolling */
html, body{
  -webkit-overflow-scrolling:touch;
}

/* iOS Safari: remove native appearance on button/input (consistent cross-OS look) */
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
  -webkit-appearance:none;
  appearance:none;
}

/* iOS Safari: remove inner shadow from inputs */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea{
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
}

/* -----------------------------------------------------------------------
   2. Dynamic viewport height (iOS Safari 100vh bug fix)
   iOS Safari liczy 100vh INCL. address bar, ktorego user nie widzi.
   `dvh` = dynamic viewport height (respects visible viewport).
----------------------------------------------------------------------- */
@supports (height: 100dvh){
  .preloader,
  .mobile-drawer,
  .popup-overlay{
    min-height:100dvh;
  }
}

/* -----------------------------------------------------------------------
   3. backdrop-filter - Safari prefix (Safari < 16 needed, modern Safari still benefits)
----------------------------------------------------------------------- */
.popup__card-go,
.obsl-pillars-section .obsl-pillar,
.header.is-scrolled{
  -webkit-backdrop-filter:blur(8px);
}

/* -----------------------------------------------------------------------
   4. Firefox specific - button/input font inheritance
   (Scrollbar styling USUNIETY user chce default browser width)
----------------------------------------------------------------------- */

/* Firefox: button font inheritance */
button, input, select, textarea{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

/* -----------------------------------------------------------------------
   5. Reduced motion - bulletproof fallback (oprocz :root {} transition vars)
   Dla elementow z !important na animation/transition wymagamy wlasnego override.
----------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* -----------------------------------------------------------------------
   6. Overscroll containment - modals nie przewijaja body za soba
----------------------------------------------------------------------- */
.popup-overlay,
.mobile-drawer{
  overscroll-behavior:contain;
}

body.is-popup-open,
body.mobile-drawer-open,
body.is-mobile-drawer-open{
  overflow:hidden;
  -webkit-overflow-scrolling:auto;
  /* Prevent Safari/iOS bounce when modal open */
  position:fixed;
  width:100%;
}

/* -----------------------------------------------------------------------
   7. :has() fallback - w pages.css jedyny uzycie dotyczy mkt-form__check.
   Jesli przegladarka nie wspiera :has(), styl po prostu nie aplikuje -
   checkbox dalej dziala, tylko brak wizualnej zmiany przy :checked.
   Fallback przez `input[type="checkbox"]:checked + .mkt-form__check-label`
   (sibling selector) - dziala wszedzie.
----------------------------------------------------------------------- */
/* Intentional: brak fallbacka tutaj, bo styl jest dekoratywny tylko. */

/* -----------------------------------------------------------------------
   8. Extreme ultrawide viewports (2200px+) - nie rozciagaj contentu
----------------------------------------------------------------------- */
@media (min-width: 2200px){
  body .container{ max-width:1600px!important; }
  body .container-wide{ max-width:1800px!important; }
  /* Section padding grows slightly dla visual balance */
  body .section{ padding-left:clamp(40px, 5vw, 120px); padding-right:clamp(40px, 5vw, 120px); }
}

/* -----------------------------------------------------------------------
   9. Extreme narrow viewports (<360px) - stare Android, feature phones
----------------------------------------------------------------------- */
@media (max-width: 359px){
  html{ font-size:15px; }
  body .container{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  /* Buttony na mniejszych ekranach bez splituja sie */
  body .btn--lg{ font-size:14px!important; padding:12px 18px!important; }
  body h1, body .section-title{ font-size:clamp(20px,6vw,26px)!important; }
}

/* -----------------------------------------------------------------------
   10. Print stylesheet
----------------------------------------------------------------------- */
@media print{
  /* Hide non-content elements */
  body .header,
  body .footer,
  body .cookie-banner,
  body .popup-overlay,
  body .preloader,
  body .scroll-progress,
  body nav.breadcrumbs,
  body .mobile-drawer,
  body .btn,
  body button,
  body .skip-link,
  body .faq-page__nav-wrap,
  body .portfolio-marquee,
  body .video-lazy{
    display:none!important;
  }

  /* Clean readable typography */
  body{
    font-size:11pt;
    line-height:1.5;
    color:#000;
    background:#fff;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  /* Headings don't break */
  h1, h2, h3, h4{
    page-break-after:avoid;
    break-after:avoid;
    color:#000;
  }

  /* Images fit page */
  img{
    max-width:100%!important;
    height:auto!important;
    page-break-inside:avoid;
    break-inside:avoid;
  }

  /* External link URLs in print */
  a[href]:not([href^="#"]):not([href^="tel:"]):not([href^="mailto:"])::after{
    content:" (" attr(href) ")";
    font-size:9pt;
    color:#555;
    word-break:break-all;
  }

  /* Sections paddingu */
  .section{
    padding:12pt 0!important;
    page-break-inside:auto;
  }

  /* Tabele */
  table{ page-break-inside:auto; }
  tr{ page-break-inside:avoid; page-break-after:auto; }

  /* Legal docs (regulamin, polityka) - optimal printing */
  body.pg-polityka .legal-doc,
  body.pg-regulamin .legal-doc{
    font-size:10pt;
    line-height:1.4;
  }
}

/* -----------------------------------------------------------------------
   11. Focus-visible - better keyboard focus ring (respects :focus-visible)
----------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--color-primary, #FF3C00);
  outline-offset:2px;
}
/* Remove default outline only when :focus-visible is supported - otherwise keep */
@supports selector(:focus-visible){
  a:focus:not(:focus-visible),
  button:focus:not(:focus-visible),
  [role="button"]:focus:not(:focus-visible){
    outline:none;
  }
}


/* ============================================================================
   RESPONSIVE + DEVICE-SPECIFIC POLISH (spec: 14 viewports, Safari/iOS/Samsung/Firefox)
   Fixy ktore realnie byly potrzebne po audycie kodu (236 :hover rules, brak safe-area, etc.)
============================================================================ */

/* -----------------------------------------------------------------------
   1. HOVER DISABLE ON TOUCH (iOS/Android sticky hover bug)
   236 :hover rules - obecnie zostaja "przyklejone" po tap na mobile
   Reset najbardziej problematycznych patternow: transform na card hover
----------------------------------------------------------------------- */
@media (hover: none){
  /* Reset transform na kartach - nie zostawaja "podniesione" po tap */
  html body .btn:hover,
  html body .portfolio__card:hover,
  html body .on-pillar:hover,
  html body .on-stat:hover,
  html body .op-review__card:hover,
  html body .op-top-card:hover,
  html body .zl-card:hover,
  html body .obsl-plan:hover,
  html body .obsl-plan--premium:hover,
  html body .mkt-service:hover,
  html body .mkt-service__box:hover,
  html body .realizacja-card:hover,
  html body .rlz-card:hover,
  html body .footer__brand-card:hover,
  html body article:hover,
  html body .section-card:hover{
    transform:none!important;
    box-shadow:inherit;
  }
  /* Hover opacity changes - reset */
  html body a:hover,
  html body button:hover{
    /* Colors pozostaja (legitnych jest duzo) - tylko transform reset wyzej */
  }
}

/* -----------------------------------------------------------------------
   2. iPhone NOTCH / HOME INDICATOR safe-area support
----------------------------------------------------------------------- */
/* Header - safe-area uwzgleldnia notch przy landscape iPhone */
.header{
  padding-left:env(safe-area-inset-left, 0);
  padding-right:env(safe-area-inset-right, 0);
}

/* Footer - safe-area bottom dla scrollowanej stopki */
.footer{
  padding-bottom:max(var(--space-8, 2rem), env(safe-area-inset-bottom, 0));
}

/* Popup overlays - bottom padding dla home indicator */
.popup-overlay{
  padding-bottom:env(safe-area-inset-bottom, 0);
}

/* -----------------------------------------------------------------------
   3. STICKY HEADER ANCHOR OFFSET - scroll-margin-top na wszystkich sekcjach
   Zeby click na #anchor nie skryl target pod sticky headerem (~72-88px)
----------------------------------------------------------------------- */
section[id],
.section[id],
[id^="pakiet"],
[id^="proces"],
[id^="faq"],
[id^="offer"]{
  scroll-margin-top:clamp(80px, 10vw, 120px);
}
/* Nadpisane dla headerow ktorych juz mamy scroll-margin-top (FAQ, legal) */
body .faq-page__section{ scroll-margin-top:clamp(80px, 10vw, 120px)!important; }

/* -----------------------------------------------------------------------
   4. FIREFOX: -moz-appearance na formach (parity z webkit appearance reset)
----------------------------------------------------------------------- */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select{
  -moz-appearance:none;
}

/* Scrollbar-gutter USUNIETY user chce default browser behavior */

/* -----------------------------------------------------------------------
   5. TOUCH TARGETS min 44x44 (Apple HIG) / 48x48 (Material)
   Na mobile podnosimy malutkie buttony do min klikalnej wielkosci
----------------------------------------------------------------------- */
@media (pointer: coarse){
  /* Close buttons (X) - square 44x44 (wymagane, ikona sama w sobie mała) */
  html body .popup__close{
    width:44px!important;
    height:44px!important;
    min-height:44px;
    min-width:44px;
    padding:0!important;
  }
  /* FAQ chev + rlz card link + nav a - min-height bez min-width (full-width OK) */
  html body .faq-page__chev,
  html body .rlz-card__link,
  html body nav a{
    min-height:44px;
  }
  /* .btn - ma juz swoje padding, min-height bez min-width zapewnia hit area */
  html body .btn{
    min-height:44px;
  }
  /* Portfolio buttons USUNIETE mialy double-padding (wysokie brzydkie).
     Naturalne stylowanie (padding 8-10px) + font-size 14px = ~40px wysokości.
     To wystarczy do komfortowego tap. */
}

/* -----------------------------------------------------------------------
   6. SAMSUNG INTERNET DARK MODE force prevention
   Samsung wymusza ciemny motyw na stronach bez color-scheme. Explicit light.
----------------------------------------------------------------------- */
html{
  color-scheme:light only;
}

/* -----------------------------------------------------------------------
   7. RESPONSIVE: Tables horizontal scroll on mobile (prevent layout break)
----------------------------------------------------------------------- */
@media (max-width:768px){
  /* Wszystkie tabele na mobile - horizontal scroll wewnatrz wrappera */
  .compare-table-wrap,
  .table-responsive-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
  }
  /* Tabele nie kurcza kolumn, maja minimum szerokosci */
  .compare-table,
  .table-responsive{
    min-width:600px;
  }
}

/* -----------------------------------------------------------------------
   8. RESPONSIVE: Form labels ABOVE inputs na mobile (nie obok)
   Zapobiega layoutowi "label zbyt szeroki, input ginie"
----------------------------------------------------------------------- */
@media (max-width:640px){
  html body .kt-form__field,
  html body .zl-form__field,
  html body .order-form__field,
  html body .obsl-form__field,
  html body .wycena__field,
  html body .form__group{
    display:block!important;
  }
  html body label,
  html body .kt-form__label,
  html body .zl-form__label,
  html body .order-form__label{
    display:block;
    margin-bottom:6px;
  }
  /* Wszystkie inputy full-width na mobile */
  html body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.form-honeypot),
  html body textarea,
  html body select{
    width:100%!important;
    box-sizing:border-box;
  }
}

/* -----------------------------------------------------------------------
   9. WINDOWS SCALING 125% (1536x864 physical = 1920x1080 scaled) fix
   DPR 1.25 - niektore elementy za malo/za duzo padding. Minimal adjust.
----------------------------------------------------------------------- */
@media (min-resolution:120dpi) and (max-width:1600px){
  html body .container{ max-width:1200px; }
}

/* -----------------------------------------------------------------------
   10. PREVENT HORIZONTAL SCROLL (debugowy + safety net)
   Czasem jakis element wychodzi poza viewport - overflow: clip na body ratuje
----------------------------------------------------------------------- */
html, body{
  overflow-x:clip;
  max-width:100%;
}
/* overflow-x: clip ~ overflow-x: hidden ale nie psuje position: sticky (Safari bug) */

/* -----------------------------------------------------------------------
   11. iOS SAFARI: input date/time custom styling
----------------------------------------------------------------------- */
input[type="date"],
input[type="time"],
input[type="datetime-local"]{
  min-height:44px;
  -webkit-appearance:none;
  appearance:none;
  padding:10px 12px;
  border:1px solid var(--color-border);
  border-radius:8px;
  font-size:16px; /* iOS zoom prevention */
  background:#fff;
}

/* iOS Safari: search input - remove default rounded bubble */
input[type="search"]{
  -webkit-appearance:none;
  appearance:none;
  border-radius:8px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none;
}

/* -----------------------------------------------------------------------
   12. Mobile viewport: single-column narrow layouts - gap management
----------------------------------------------------------------------- */
@media (max-width:380px){
  /* Naprawde male telefony - wszystkie grid 2-col na 1-col */
  html body .grid,
  html body [class*="__grid"]{
    grid-template-columns:1fr!important;
  }
}

/* -----------------------------------------------------------------------
   13. MOBILE MENU (drawer) - smooth scroll gdy dluzsze niz viewport
----------------------------------------------------------------------- */
.mobile-drawer{
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  /* Gdy menu dluzsze niz ekran, scrolluje wewnatrz drawera */
  max-height:100vh;
  max-height:100dvh;
}

/* -----------------------------------------------------------------------
   14. LINE-CLAMP fallback (bezpieczny dla Safari < 14.1 i Firefox < 68)
   Uzycie w pages-opinie.css:1298 - tam juz ma display: -webkit-box, OK
   Tutaj tylko safety net dla przypadkowych uzyc w przyszlosci
----------------------------------------------------------------------- */
[class*="line-clamp"],
.text-truncate-multi{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* prevent fake-bold/italic synthesis (browser bierze 700 zamiast generate)
   Jesli CSS ma font-weight: 800 a my mamy tylko 700 → browser nie syntetyzuje, bierze 700 */
html{
  font-synthesis:none;
  -webkit-font-synthesis:none;
}


/* ============================================================================
   - MOBILE-SPECIFIC POLISH (top-5 z user checklisty)
============================================================================ */

/* -----------------------------------------------------------------------
   1. touch-action: manipulation - usuwa 300ms tap delay na niektorych
   starszych Androidach (Chrome < 32, Samsung Internet). Na iOS ignorowane
   (bezpieczne). Applies na wszystkich klikalnych elementach.
----------------------------------------------------------------------- */
a,
button,
label,
summary,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
[role="button"],
[onclick]{
  touch-action:manipulation;
}

/* -----------------------------------------------------------------------
   2. user-select: none na UI (buttony, labele) - long-press nie zaznacza
   tekstu "Zamow teraz" (wyglada ameterusko na iOS).
----------------------------------------------------------------------- */
button,
.btn,
[role="button"],
label.btn-like,
.portfolio__btn,
.obsl-plan__cta,
.popup__close{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/* -----------------------------------------------------------------------
   3. -webkit-touch-callout: none na UI elementach (nie na content img!)
   Long-press na buttonach nie wywola menu "Copy Link" / "Save Image"
----------------------------------------------------------------------- */
.btn,
button,
.portfolio__btn,
.header .logo img,
.footer .logo img{
  -webkit-touch-callout:none;
}

/* -----------------------------------------------------------------------
   4. Landscape mobile - hero nie zajmuje 100vh (klawiatura w landscape
   pozera 60% ekranu). Uzywamy 100svh (small viewport - minimalny, pewny).
----------------------------------------------------------------------- */
@media (max-height: 500px) and (orientation: landscape){
  html body .hero,
  html body .section--hero,
  html body [class*="-hero"]{
    min-height:auto!important;
  }
  /* W landscape mobilnym zmniejszamy padding-top/bottom dla hero */
  html body section.section--hero{
    padding-top:40px!important;
    padding-bottom:24px!important;
  }
}

/* -----------------------------------------------------------------------
   5. Prefers-reduced-data - user na limicie internetu
   Serwujemy mniejsze tla gradient + disable decorative animations
----------------------------------------------------------------------- */
@media (prefers-reduced-data: reduce){
  /* Disable background gradients (oszczedzanie pixela) */
  html body .section--dark::before,
  html body .section--dark::after,
  html body [class*="__gradient"],
  html body .page-hero--strip::after{
    display:none!important;
  }
  /* Nie ladujemy video/poster na marketing page */
  html body .mkt-service__video,
  html body .video-lazy{
    display:none!important;
  }
}


/* ========== - modal "Zamow pakiet" RADIO/CHECKBOX recentring bulletproof ========== */
/* Radio mark - pomaranczowa kropka DOKLADNIE na srodku 18x18 pola */
html body .popup--order .order-form__radio-mark{
  position:relative!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  display:inline-block!important;
  margin-top:0!important;
}
html body .popup--order .order-form__radio-mark::after{
  content:''!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:9px!important;
  height:9px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:var(--color-primary,#FF3C00)!important;
  transform:translate(-50%,-50%) scale(0)!important;
  transition:transform .2s cubic-bezier(0.4,0,0.2,1)!important;
}
html body .popup--order .order-form__radio input[type="radio"]:checked + .order-form__radio-mark::after{
  transform:translate(-50%,-50%) scale(1)!important;
}

/* Checkbox mark - biala "V" DOKLADNIE na srodku 18x18 pola */
html body .popup--order .order-form__check-mark{
  position:relative!important;
  width:18px!important;
  height:18px!important;
  border-radius:4px!important;
  display:inline-block!important;
  margin-top:0!important;
}
html body .popup--order .order-form__checkbox input[type="checkbox"]:checked + .order-form__check-mark::after{
  content:''!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:5px!important;
  height:9px!important;
  margin:0!important;
  padding:0!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  background:transparent!important;
  transform:translate(-50%,-60%) rotate(45deg)!important;
}


/* ========== PERF: content-visibility dla sekcji below-fold ==========
   Chrome 85+ / Edge / Opera - przeglądarka pomija rendering sekcji off-screen
   az staną sie widoczne. Znaczny boost dla LCP i Total Blocking Time.
   contain-intrinsic-size = placeholder rozmiar żeby nie skakał layout.
============================================================================= */

/* Nizej na home - wszystko po hero dostaje content-visibility */
body.home .section:not(.section--hero),
body.home .portfolio,
body.home .offer-cards,
body.home .reviews,
body.home .faq,
body.home .cta-final,
body.home .process{
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

/* Wszystkie sub-page sekcje poza hero - ta sama optymalizacja */
body:not(.home) .section:not(.section--hero):not(.op-hero):not(.on-hero):not(.kt-hero):not(.mkt-hero):not(.rlz-archive-hero):not(.legal-hero){
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
}

/* Footer zawsze below-fold */
.footer{
  content-visibility: auto;
  contain-intrinsic-size: auto 400px;
}


/* ========== POLITYKA - mniejsza czcionka (dokument prawny, wiecej luzu) ========== */
html body.pg-polityka .legal-doc{
  font-size:14.5px!important;
  line-height:1.62!important;
}
html body.pg-polityka .legal-doc h2{ font-size:clamp(20px,2vw,24px)!important; }
html body.pg-polityka .legal-doc h3{ font-size:clamp(16px,1.6vw,18px)!important; }
html body.pg-polityka .legal-doc p,
html body.pg-polityka .legal-doc li,
html body.pg-polityka .legal-doc dd,
html body.pg-polityka .legal-doc dt{
  font-size:inherit!important;
}
html body.pg-polityka .legal-doc__lead{
  font-size:15.5px!important;
  line-height:1.6!important;
}
html body.pg-polityka .legal-doc__meta .legal-doc__stamp{ font-size:13px!important; }
html body.pg-polityka .legal-doc__toc-list{ font-size:13.5px!important; }
html body.pg-polityka .legal-doc__address{ font-size:13.5px!important; line-height:1.55!important; }
html body.pg-polityka .legal-doc__defs dt{ font-weight:600!important; }
html body.pg-polityka .legal-doc__signoff{ font-size:12.5px!important; }