/* ===== STRONY PODHALE — V4 SOFTWARE HOUSE / IT EDITION ===== */
:root{
  --sp-bg:#030713;
  --sp-bg2:#07111f;
  --sp-card:rgba(10,18,35,.72);
  --sp-card2:rgba(255,255,255,.055);
  --sp-line:rgba(130,180,255,.18);
  --sp-text:#f8fbff;
  --sp-muted:rgba(234,242,255,.74);
  --sp-cyan:#22d3ee;
  --sp-blue:#38bdf8;
  --sp-violet:#a855f7;
  --sp-pink:#ec4899;
  --sp-green:#22c55e;
  --sp-radius:24px;
  --sp-shadow:0 28px 90px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 600px at 20% 10%, rgba(168,85,247,.16), transparent 62%),
    radial-gradient(850px 650px at 86% 18%, rgba(34,211,238,.14), transparent 64%),
    linear-gradient(180deg,var(--sp-bg),var(--sp-bg2) 62%,#040815);
  color:var(--sp-text);
  overflow-x:hidden;
  padding-top:84px;
}
a{color:inherit;text-decoration:none;transition:.25s ease} img{max-width:100%;display:block}
.container{width:min(1140px,calc(100% - 36px));margin-inline:auto;position:relative;z-index:2}
.bg-grid-v4{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 18%,#000 0 45%,transparent 82%)}
.bg-orb-v4{position:fixed;border-radius:50%;filter:blur(72px);opacity:.42;pointer-events:none;z-index:0}.orb-a{width:360px;height:360px;background:#7c3aed;top:8%;left:-150px}.orb-b{width:320px;height:320px;background:#06b6d4;top:12%;right:-130px}.orb-c{width:260px;height:260px;background:#ec4899;bottom:10%;left:20%}

/* HEADER */
.site-header{position:fixed!important;top:0;left:0;width:100%;z-index:99999;background:rgba(3,7,19,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(130,180,255,.14);transition:.3s ease;box-shadow:0 10px 36px rgba(0,0,0,.18)}
.site-header.scrolled{background:rgba(3,7,19,.94);box-shadow:0 20px 60px rgba(0,0,0,.42);border-bottom-color:rgba(34,211,238,.18)}
.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:54px;width:auto;filter:drop-shadow(0 8px 20px rgba(34,211,238,.12))}
.desktop-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:22px}.desktop-menu a{font-weight:800;font-size:13px;color:rgba(255,255,255,.88)}.desktop-menu a:hover{color:#67e8f9}.nav-cta{padding:13px 18px;border-radius:12px;border:1px solid rgba(34,211,238,.45);background:linear-gradient(90deg,rgba(168,85,247,.25),rgba(34,211,238,.18));box-shadow:0 0 34px rgba(34,211,238,.12)}
.menu-toggle{display:none;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--sp-line);align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:24px;height:2px;background:#fff;border-radius:999px}.mobile-menu-panel{display:none;position:absolute;top:100%;left:0;right:0;padding:14px;background:rgba(3,7,19,.98);border-bottom:1px solid var(--sp-line)}.mobile-menu-panel.open{display:block}.mobile-menu-inner{display:grid;gap:9px}.mobile-menu-inner a{padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid var(--sp-line);font-weight:800}.mobile-menu-cta{background:linear-gradient(90deg,var(--sp-violet),var(--sp-cyan))!important;color:#03111d!important}

/* COMMON */
.section{position:relative;padding:86px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#d8b4fe;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--sp-violet),var(--sp-cyan));box-shadow:0 0 18px rgba(34,211,238,.65)}
.section-title{margin:0 0 18px;font-size:clamp(32px,4.2vw,58px);line-height:1.04;font-weight:900;letter-spacing:-.04em}.section-title.center,.section-desc.center{text-align:center}.section-desc{margin:0 0 30px;color:var(--sp-muted);line-height:1.85;font-size:16px;max-width:920px}.section-desc.center{margin-left:auto;margin-right:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:13px;font-weight:900;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px rgba(0,0,0,.28)}.btn-primary-premium,.btn-v4-primary{background:linear-gradient(90deg,#c026d3,#22d3ee);color:#fff;border:0}.btn-secondary-premium,.btn-v4-secondary{background:rgba(255,255,255,.055);border:1px solid rgba(125,211,252,.28);color:#fff}.btn:hover{transform:translateY(-3px);filter:brightness(1.07)}.section-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}

/* HERO */
.hero-v4{min-height:calc(100vh - 84px);display:flex;align-items:center;overflow:hidden;padding:72px 0 46px}.hero-v4:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 58% 18%,rgba(34,211,238,.14),transparent 62%),radial-gradient(760px 360px at 70% 45%,rgba(168,85,247,.18),transparent 68%);pointer-events:none}.hero-grid-v4{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}.hero-copy-v4 h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px;font-weight:900}.gradient-text{background:linear-gradient(90deg,#22d3ee 0%,#a855f7 45%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy-v4 p{color:var(--sp-muted);font-size:17px;line-height:1.85;margin:0;max-width:660px}.hero-points-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}.hero-point-v4{display:grid;gap:8px}.hero-point-v4 i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(125,211,252,.22);color:#67e8f9;background:rgba(255,255,255,.045);font-style:normal}.hero-point-v4 strong{font-size:13px}.hero-point-v4 span{font-size:12px;color:rgba(234,242,255,.65);line-height:1.45}
.hero-visual-v4{position:relative;min-height:560px}.code-panel-v4{position:absolute;right:4%;top:0;width:50%;min-height:245px;border-radius:18px;background:rgba(8,14,29,.82);border:1px solid rgba(125,211,252,.22);box-shadow:var(--sp-shadow);padding:22px;color:#67e8f9;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.75;opacity:.86}.code-panel-v4 b{color:#f0abfc}.device-stage-v4{position:absolute;left:0;right:0;bottom:26px;height:390px}.laptop-v4{position:absolute;left:2%;bottom:0;width:78%;height:330px;border-radius:24px 24px 18px 18px;background:linear-gradient(140deg,#1f2937,#020617);border:1px solid rgba(255,255,255,.2);box-shadow:0 34px 110px rgba(0,0,0,.62);padding:15px}.laptop-v4:after{content:"";position:absolute;left:10%;right:10%;bottom:-22px;height:22px;background:linear-gradient(90deg,#111827,#334155,#111827);border-radius:0 0 28px 28px}.laptop-screen-v4{height:100%;border-radius:14px;background:url('../images/mockup_1.png') center/cover no-repeat;position:relative;overflow:hidden}.laptop-screen-v4:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.44))}.screen-text-v4{position:absolute;z-index:2;left:42px;top:70px;max-width:330px}.screen-text-v4 h3{font-size:31px;line-height:1.05;margin:0 0 14px}.screen-text-v4 p{font-size:13px;color:rgba(255,255,255,.78);line-height:1.6}.screen-bar-v4{position:absolute;z-index:2;left:40px;right:40px;bottom:28px;height:58px;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 16px 44px rgba(0,0,0,.35)}.phone-v4{position:absolute;right:3%;bottom:8px;width:160px;height:286px;border-radius:30px;background:#020617;border:8px solid #111827;box-shadow:0 28px 75px rgba(0,0,0,.56);overflow:hidden}.phone-screen-v4{height:100%;background:url('../images/mockup_5.png') center/cover no-repeat;position:relative}.phone-screen-v4:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.65))}.score-v4{position:absolute;right:0;top:108px;width:128px;height:128px;border-radius:24px;border:1px solid rgba(34,197,94,.38);background:rgba(3,15,20,.7);display:grid;place-items:center;text-align:center;box-shadow:0 0 50px rgba(34,197,94,.16)}.score-v4 strong{font-size:40px;color:#4ade80}.score-v4 span{font-size:12px;color:var(--sp-muted)}.network-v4{position:absolute;inset:30px;background:radial-gradient(circle at 20% 30%,#60a5fa 0 2px,transparent 3px),radial-gradient(circle at 50% 12%,#818cf8 0 2px,transparent 3px),radial-gradient(circle at 78% 45%,#22d3ee 0 2px,transparent 3px);opacity:.45;filter:drop-shadow(0 0 12px #60a5fa)}
.stats-strip-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px;border-radius:18px;overflow:hidden;border:1px solid rgba(125,211,252,.18);background:rgba(255,255,255,.035);box-shadow:0 22px 70px rgba(0,0,0,.28)}.stat-v4{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px;border-right:1px solid rgba(125,211,252,.14)}.stat-v4:last-child{border-right:0}.stat-v4 i{font-style:normal;font-size:32px;color:#22d3ee}.stat-v4 strong{font-size:34px;font-weight:900}.stat-v4 span{display:block;color:var(--sp-muted);font-size:13px}

/* CARDS */
.services-v4-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.service-v4{position:relative;padding:26px;border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(3,7,18,.68));border:1px solid rgba(125,211,252,.18);box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.service-v4:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.16),transparent 38%,rgba(34,211,238,.08));opacity:.55}.service-v4>*{position:relative}.service-v4:hover{transform:translateY(-7px);border-color:rgba(34,211,238,.42);box-shadow:0 30px 90px rgba(34,211,238,.11)}.service-v4 i{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-size:28px;color:#22d3ee;border:1px solid rgba(125,211,252,.22);background:rgba(255,255,255,.045);margin-bottom:22px}.service-v4 h3{margin:0 0 10px;font-size:19px}.service-v4 p{margin:0 0 18px;color:var(--sp-muted);line-height:1.65;font-size:14px}.service-v4 a{color:#67e8f9;font-weight:900;font-size:13px}
.process-v4{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}.process-step-v4{padding:18px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(125,211,252,.16);min-height:170px}.process-step-v4 i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(34,211,238,.36);color:#22d3ee;font-style:normal;margin-bottom:15px;background:rgba(34,211,238,.055)}.process-step-v4 span{display:block;color:rgba(255,255,255,.54);font-size:12px;font-weight:900;margin-bottom:4px}.process-step-v4 h3{font-size:15px;margin:0 0 8px}.process-step-v4 p{font-size:12px;line-height:1.55;color:var(--sp-muted);margin:0}
.portfolio-v4-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.portfolio-v4{border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(125,211,252,.16);box-shadow:0 20px 60px rgba(0,0,0,.24)}.portfolio-v4 img{width:100%;height:118px;object-fit:cover}.portfolio-v4 div{padding:12px}.portfolio-v4 h3{font-size:14px;margin:0 0 5px}.portfolio-v4 span{font-size:12px;color:var(--sp-muted)}
.testimonials-v4{display:grid;grid-template-columns:.9fr 1.1fr 1.1fr 1.1fr;gap:20px}.google-v4{display:flex;align-items:center;gap:18px}.g-logo-v4{width:70px;height:70px;border-radius:20px;background:conic-gradient(#4285f4,#34a853,#fbbc05,#ea4335,#4285f4);display:grid;place-items:center;font-weight:900;font-size:42px}.stars{color:#fbbf24;letter-spacing:3px}.opinion-v4{padding:24px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(125,211,252,.16);box-shadow:0 24px 70px rgba(0,0,0,.22)}.opinion-v4 p{color:var(--sp-muted);line-height:1.7;margin:0 0 18px}.opinion-v4 strong{display:block}.opinion-v4 span{font-size:12px;color:rgba(255,255,255,.56)}
.cta-v4{padding:34px;border-radius:18px;border:1px solid rgba(125,211,252,.2);background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(168,85,247,.16));box-shadow:0 28px 90px rgba(0,0,0,.32);display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-v4 h2{margin:0 0 7px;font-size:28px}.cta-v4 p{margin:0;color:var(--sp-muted)}
.footer-v4{padding:56px 0 28px;background:rgba(0,0,0,.28);border-top:1px solid rgba(125,211,252,.12)}.footer-grid-v4{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}.footer-grid-v4 h4{margin:0 0 14px}.footer-grid-v4 p,.footer-grid-v4 a{color:var(--sp-muted);font-size:14px;line-height:1.8}.footer-bottom-v4{margin-top:28px;padding-top:22px;border-top:1px solid rgba(125,211,252,.1);color:rgba(255,255,255,.5);font-size:13px}
.floating-contact-premium{position:fixed;right:18px;bottom:86px;z-index:99998;display:grid;gap:10px}.floating-contact-premium a{width:54px;height:54px;border-radius:18px;background:#fff;color:#07111a;display:grid;place-items:center;box-shadow:0 18px 48px rgba(0,0,0,.34)}.sticky-mobile-cta{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:99998;text-align:center;padding:15px;border-radius:14px;background:linear-gradient(90deg,var(--sp-violet),var(--sp-cyan));font-weight:900;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.38)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1199px){.desktop-menu{display:none!important}.menu-toggle{display:flex}.hero-grid-v4{grid-template-columns:1fr}.hero-visual-v4{min-height:500px}.services-v4-grid{grid-template-columns:repeat(3,1fr)}.process-v4{grid-template-columns:repeat(3,1fr)}.portfolio-v4-grid{grid-template-columns:repeat(3,1fr)}.testimonials-v4{grid-template-columns:1fr 1fr}.footer-grid-v4{grid-template-columns:1fr 1fr}.stats-strip-v4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){body{padding-top:74px}.nav-wrap{min-height:74px}.hero-v4{padding:44px 0}.hero-copy-v4 h1{font-size:42px}.hero-points-v4{grid-template-columns:1fr 1fr}.hero-visual-v4{min-height:410px}.code-panel-v4{display:none}.laptop-v4{width:92%;height:260px}.device-stage-v4{height:310px}.phone-v4{width:122px;height:224px}.score-v4{width:98px;height:98px}.services-v4-grid,.process-v4,.portfolio-v4-grid,.testimonials-v4,.footer-grid-v4,.stats-strip-v4{grid-template-columns:1fr}.stat-v4{border-right:0;border-bottom:1px solid rgba(125,211,252,.14)}.cta-v4{flex-direction:column;align-items:flex-start}.floating-contact-premium{display:none}.sticky-mobile-cta{display:block}.section{padding:68px 0}.container{width:min(100% - 26px,1140px)}}

/* ===== V5 ULTRA IT WOW PATCH ===== */
.hero-v4{position:relative;isolation:isolate;overflow:hidden}
.hero-v4:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 18% 28%,rgba(34,211,238,.16),transparent 32%),radial-gradient(circle at 68% 20%,rgba(168,85,247,.20),transparent 35%),radial-gradient(circle at 88% 68%,rgba(59,130,246,.12),transparent 34%);filter:blur(8px);animation:heroGlowV5 9s ease-in-out infinite alternate;z-index:-2}
.hero-v4:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 44%,rgba(34,211,238,.055) 48%,transparent 54% 100%);animation:scanHeroV5 8s linear infinite;z-index:-1;pointer-events:none}
@keyframes heroGlowV5{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(2%,-2%,0) scale(1.05)}}
@keyframes scanHeroV5{0%{transform:translateX(-45%)}100%{transform:translateX(45%)}}

.hero-visual-v4{perspective:1200px;transform-style:preserve-3d}
.device-stage-v4{animation:stageFloatV5 6.5s ease-in-out infinite;transform-origin:center}
@keyframes stageFloatV5{0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}50%{transform:translateY(-12px) rotateX(1.2deg) rotateY(-1.5deg)}}
.laptop-v4{animation:laptopGlowV5 5s ease-in-out infinite alternate}
@keyframes laptopGlowV5{0%{box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 rgba(34,211,238,0)}100%{box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 44px rgba(34,211,238,.18)}}
.phone-v4{animation:phoneFloatV5 5.2s ease-in-out infinite;}
@keyframes phoneFloatV5{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.score-v4{animation:scorePulseV5 2.8s ease-in-out infinite;}
@keyframes scorePulseV5{0%,100%{transform:scale(1);box-shadow:0 0 50px rgba(34,197,94,.16)}50%{transform:scale(1.035);box-shadow:0 0 70px rgba(34,197,94,.32)}}

.hero-circuit-v5{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:28px}
.hero-circuit-v5 span{position:absolute;width:8px;height:8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 18px #22d3ee,0 0 34px rgba(168,85,247,.4);animation:nodePulseV5 2.4s ease-in-out infinite}
.hero-circuit-v5 span:nth-child(1){left:12%;top:24%;animation-delay:.1s}.hero-circuit-v5 span:nth-child(2){left:34%;top:10%;animation-delay:.45s}.hero-circuit-v5 span:nth-child(3){right:24%;top:22%;animation-delay:.8s}.hero-circuit-v5 span:nth-child(4){left:18%;bottom:22%;animation-delay:1.1s}.hero-circuit-v5 span:nth-child(5){right:17%;bottom:30%;animation-delay:1.45s}.hero-circuit-v5 span:nth-child(6){right:40%;bottom:10%;animation-delay:1.8s}
.hero-circuit-v5:before,.hero-circuit-v5:after{content:"";position:absolute;inset:8%;background:linear-gradient(120deg,transparent 0 18%,rgba(34,211,238,.34) 18.2% 18.5%,transparent 18.7% 43%,rgba(168,85,247,.28) 43.2% 43.5%,transparent 43.7% 100%);opacity:.65;filter:drop-shadow(0 0 14px rgba(34,211,238,.35));animation:circuitMoveV5 10s linear infinite}
.hero-circuit-v5:after{transform:rotate(180deg);animation-duration:13s;opacity:.35}
@keyframes nodePulseV5{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.45);opacity:1}}
@keyframes circuitMoveV5{0%{transform:translateY(-8px)}50%{transform:translateY(10px)}100%{transform:translateY(-8px)}}

.code-rain-v5{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:28px;color:#67e8f9;font-size:12px;font-weight:800;text-shadow:0 0 18px rgba(34,211,238,.7);opacity:.62}
.code-rain-v5 span{position:absolute;top:-40px;animation:codeFallV5 linear infinite;white-space:nowrap}
.code-rain-v5 span:nth-child(1){left:7%;animation-duration:8s;animation-delay:.2s}.code-rain-v5 span:nth-child(2){left:22%;animation-duration:10s;animation-delay:1.4s;color:#c084fc}.code-rain-v5 span:nth-child(3){left:42%;animation-duration:7s;animation-delay:.9s}.code-rain-v5 span:nth-child(4){left:64%;animation-duration:11s;animation-delay:2.1s;color:#c084fc}.code-rain-v5 span:nth-child(5){left:78%;animation-duration:9s;animation-delay:.5s;color:#4ade80}.code-rain-v5 span:nth-child(6){left:90%;animation-duration:12s;animation-delay:1.7s}
@keyframes codeFallV5{0%{transform:translateY(-40px);opacity:0}10%{opacity:.8}90%{opacity:.4}100%{transform:translateY(640px);opacity:0}}

.orbit-v5{position:absolute;right:5%;top:19%;width:220px;height:220px;border:1px solid rgba(34,211,238,.18);border-radius:50%;z-index:2;animation:orbitSpinV5 18s linear infinite;pointer-events:none;filter:drop-shadow(0 0 20px rgba(34,211,238,.18))}
.orbit-v5:before{content:"";position:absolute;inset:32px;border:1px dashed rgba(168,85,247,.24);border-radius:50%}
.orbit-v5 i{position:absolute;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(2,6,23,.72);border:1px solid rgba(125,211,252,.22);font-style:normal;font-size:11px;font-weight:900;color:#e0f2fe;box-shadow:0 16px 45px rgba(0,0,0,.25)}
.orbit-v5 i:nth-child(1){left:50%;top:-27px;transform:translateX(-50%)}.orbit-v5 i:nth-child(2){right:-27px;top:50%;transform:translateY(-50%)}.orbit-v5 i:nth-child(3){left:50%;bottom:-27px;transform:translateX(-50%)}.orbit-v5 i:nth-child(4){left:-27px;top:50%;transform:translateY(-50%)}
@keyframes orbitSpinV5{to{transform:rotate(360deg)}}
.orbit-v5 i{animation:orbitTextV5 18s linear infinite reverse}@keyframes orbitTextV5{to{rotate:360deg}}

/* Projekt cards ultra */
.projects-ultra-v5{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(2,6,23,.1),rgba(15,23,42,.25))}
.projects-ultra-v5:before{content:"";position:absolute;left:-120px;top:120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 68%);filter:blur(16px)}
.projects-ultra-v5:after{content:"";position:absolute;right:-140px;bottom:60px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.16),transparent 68%);filter:blur(16px)}
.projects-head-v5{position:relative;z-index:2;display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}.projects-head-v5 .section-desc{margin-bottom:0}.projects-all-v5{white-space:nowrap;margin-bottom:10px}
.portfolio-v5-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}.portfolio-v5{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.72));border:1px solid rgba(125,211,252,.18);box-shadow:0 28px 80px rgba(0,0,0,.32);text-decoration:none!important;color:#fff;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.portfolio-v5:hover{transform:translateY(-9px);border-color:rgba(34,211,238,.48);box-shadow:0 36px 110px rgba(34,211,238,.13),0 22px 70px rgba(0,0,0,.36)}.portfolio-v5:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%,rgba(34,211,238,.08));opacity:.0;transition:.32s ease;z-index:2;pointer-events:none}.portfolio-v5:hover:before{opacity:1}.portfolio-v5-big{grid-row:span 2}.portfolio-v5-img{height:190px;background-size:cover;background-position:center;position:relative;transition:transform .5s ease,filter .5s ease}.portfolio-v5-big .portfolio-v5-img{height:330px}.portfolio-v5:hover .portfolio-v5-img{transform:scale(1.045);filter:saturate(1.14) contrast(1.08)}.portfolio-v5-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.82))}.portfolio-v5-img span{position:absolute;left:16px;top:16px;z-index:2;padding:8px 12px;border-radius:999px;background:rgba(2,6,23,.7);border:1px solid rgba(125,211,252,.22);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#e0f2fe;backdrop-filter:blur(12px)}.portfolio-v5-content{position:relative;z-index:3;padding:22px}.portfolio-v5-content small{display:block;color:#67e8f9;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;margin-bottom:9px}.portfolio-v5-content h3{margin:0 0 10px;font-size:22px;line-height:1.1}.portfolio-v5-big .portfolio-v5-content h3{font-size:32px}.portfolio-v5-content p{margin:0 0 18px;color:var(--sp-muted);line-height:1.7;font-size:14px}.portfolio-v5-content b{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:999px;background:linear-gradient(90deg,rgba(168,85,247,.95),rgba(34,211,238,.95));box-shadow:0 16px 42px rgba(34,211,238,.16);font-size:13px}.portfolio-v5:hover .portfolio-v5-content b{filter:brightness(1.08)}
.btn-v4-secondary{position:relative;overflow:hidden}.btn-v4-secondary:before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:.55s}.btn-v4-secondary:hover:before{left:120%}

@media(max-width:1199px){.portfolio-v5-grid{grid-template-columns:1fr 1fr}.portfolio-v5-big{grid-row:auto;grid-column:span 2}.orbit-v5{right:2%;top:10%}}
@media(max-width:767px){.projects-head-v5{display:block}.projects-all-v5{width:100%;margin-top:10px}.portfolio-v5-grid{grid-template-columns:1fr}.portfolio-v5-big{grid-column:span 1}.portfolio-v5-big .portfolio-v5-img,.portfolio-v5-img{height:230px}.orbit-v5{display:none}.code-rain-v5{opacity:.28}.hero-circuit-v5{opacity:.75}}
.portfolio-v5:after,.service-v4:after{content:"";position:absolute;left:var(--x,50%);top:var(--y,50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 62%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:1}.portfolio-v5:hover:after,.service-v4:hover:after{opacity:1}.service-v4>*{z-index:2}

/* ===== FIX V5.1: widoczne realizacje + mocniejsze karty projektów ===== */
.projects-ultra-v5{position:relative;overflow:hidden;}
.projects-ultra-v5:before{content:"";position:absolute;inset:auto -20% 5% -20%;height:420px;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.16),transparent 62%);filter:blur(24px);pointer-events:none;}
.projects-head-v5{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px;}
.projects-all-v5{border:1px solid rgba(56,189,248,.45)!important;background:rgba(2,8,23,.55)!important;box-shadow:0 0 28px rgba(56,189,248,.13), inset 0 1px 0 rgba(255,255,255,.08)!important;}
.projects-all-v5:hover{background:linear-gradient(135deg,#9b36ff,#22d3ee)!important;color:#fff!important;box-shadow:0 18px 48px rgba(34,211,238,.25)!important;}
.portfolio-v5-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr repeat(2,1fr);gap:22px;}
.portfolio-v5{position:relative;display:block;min-height:250px;border-radius:26px;overflow:hidden;text-decoration:none!important;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 70px rgba(0,0,0,.32);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.portfolio-v5:hover{transform:translateY(-9px);border-color:rgba(34,211,238,.55);box-shadow:0 32px 95px rgba(34,211,238,.16),0 20px 70px rgba(139,92,246,.14);}
.portfolio-v5:first-child{grid-row:span 2;min-height:522px;}
.portfolio-v5-img{position:absolute;inset:0;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;transform:scale(1.01);transition:transform .55s ease,filter .35s ease;}
.portfolio-v5:hover .portfolio-v5-img{transform:scale(1.065);filter:saturate(1.15) contrast(1.07);}
.portfolio-v5-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.06),rgba(2,6,23,.28) 42%,rgba(2,6,23,.88));}
.portfolio-v5-img span{position:absolute;z-index:3;left:18px;top:18px;border-radius:999px;padding:8px 13px;background:rgba(2,6,23,.68);border:1px solid rgba(125,211,252,.35);color:#a5f3fc;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(10px);}
.portfolio-v5-body{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.55));}
.portfolio-v5-body h3{margin:0 0 6px;color:#fff;font-size:22px;line-height:1.1;font-weight:900;text-shadow:0 3px 18px rgba(0,0,0,.45);}
.portfolio-v5-body p{margin:0;color:rgba(226,232,240,.86);font-size:14px;line-height:1.55;}
.portfolio-v5-body:after{content:"Zobacz projekt →";display:inline-flex;margin-top:12px;color:#67e8f9;font-weight:900;font-size:13px;}
@media(max-width:991px){.projects-head-v5{display:block}.projects-all-v5{margin-top:18px}.portfolio-v5-grid{grid-template-columns:1fr 1fr}.portfolio-v5:first-child{grid-row:auto;min-height:290px}}
@media(max-width:575px){.portfolio-v5-grid{grid-template-columns:1fr}.portfolio-v5,.portfolio-v5:first-child{min-height:260px}.portfolio-v5-body h3{font-size:20px}}


/* ===== LIVE SCREENY REALIZACJI — prawdziwy podgląd stron w iframe ===== */
.live-site-preview,
.live-site-preview-real,
.live-site-preview-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(6,12,26,.96), rgba(16,24,48,.92));
}
.live-site-preview iframe,
.live-site-preview-real iframe,
.live-site-preview-card iframe{
  position:absolute;
  left:0;
  top:0;
  width:1440px;
  height:900px;
  border:0;
  transform-origin:top left;
  pointer-events:none;
  filter:saturate(1.08) contrast(1.03) brightness(.92);
  background:#fff;
}
.portfolio-v5-img.live-site-preview iframe{transform:scale(.18)}
.portfolio-v5-big .portfolio-v5-img.live-site-preview iframe{transform:scale(.30)}
.realizacja-img-v2.live-site-preview-card iframe{transform:scale(.20)}
.realizacje-hero-img.live-site-preview-real iframe{transform:scale(.34)}
.live-site-preview::after,
.live-site-preview-real::after,
.live-site-preview-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(3,8,18,0) 35%, rgba(3,8,18,.48) 100%),
    radial-gradient(520px 260px at 85% 10%, rgba(34,211,238,.12), transparent 65%);
  pointer-events:none;
  z-index:1;
}
.live-site-preview span,
.realizacje-live-badge{z-index:3}
.live-site-preview::before,
.live-site-preview-card::before,
.live-site-preview-real::before{
  content:"LIVE SCREEN";
  position:absolute;
  right:14px;
  top:14px;
  z-index:3;
  padding:7px 10px;
  border-radius:999px;
  color:#06111f;
  background:linear-gradient(135deg,#22d3ee,#a855f7);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 10px 35px rgba(34,211,238,.22);
}
.portfolio-v5:hover .live-site-preview iframe,
.realizacja-card-v2:hover .live-site-preview-card iframe,
.realizacje-hero-card:hover .live-site-preview-real iframe{
  filter:saturate(1.18) contrast(1.08) brightness(1);
}

@media(max-width:767px){
  .portfolio-v5-img.live-site-preview iframe{transform:scale(.16)}
  .portfolio-v5-big .portfolio-v5-img.live-site-preview iframe{transform:scale(.18)}
  .realizacja-img-v2.live-site-preview-card iframe{transform:scale(.16)}
  .realizacje-hero-img.live-site-preview-real iframe{transform:scale(.22)}
}

/* ===== REAL SCREENSHOTS / LAPTOP PREVIEW - FIX V5.4 ===== */
.portfolio-real-screen,
.realizacje-real-screen{
  position:relative;
  overflow:hidden !important;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
  border:1px solid rgba(56,189,248,.22);
  box-shadow:0 20px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);
  isolation:isolate;
}
.portfolio-real-screen::before,
.realizacje-real-screen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(120deg, rgba(255,255,255,.14), transparent 26%, transparent 70%, rgba(34,211,238,.08)),
    radial-gradient(500px 220px at 20% 0%, rgba(124,58,237,.20), transparent 65%);
  mix-blend-mode:screen;
  opacity:.75;
}
.portfolio-real-screen::after,
.realizacje-real-screen::after{
  content:"";
  position:absolute;
  left:-40%;
  top:-20%;
  width:34%;
  height:150%;
  z-index:4;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform:rotate(18deg);
  animation:screenShine 5.8s ease-in-out infinite;
}
@keyframes screenShine{
  0%,35%{left:-45%; opacity:0}
  48%{opacity:.75}
  65%,100%{left:120%; opacity:0}
}
.browser-bar{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:34px;
  z-index:7;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  background:rgba(6,10,20,.86);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.browser-bar i{
  display:block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ef4444;
  box-shadow:0 0 18px rgba(239,68,68,.35);
}
.browser-bar i:nth-child(2){background:#f59e0b; box-shadow:0 0 18px rgba(245,158,11,.35)}
.browser-bar i:nth-child(3){background:#22c55e; box-shadow:0 0 18px rgba(34,197,94,.35)}
.browser-bar b{
  margin-left:8px;
  font-size:11px;
  letter-spacing:.02em;
  color:rgba(255,255,255,.72);
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.portfolio-real-screen img,
.realizacje-real-screen img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
  transform:translateY(0) scale(1.01);
  transition:transform .65s ease, filter .45s ease;
  filter:saturate(1.07) contrast(1.04) brightness(.92);
}
.portfolio-v5:hover .portfolio-real-screen img,
.realizacja-card-v2:hover .realizacje-real-screen img,
.realizacje-hero-card:hover .realizacje-real-screen img{
  transform:translateY(-5px) scale(1.055);
  filter:saturate(1.18) contrast(1.08) brightness(1.02);
}
.portfolio-real-screen span{
  z-index:9 !important;
}
.realizacje-real-screen .realizacje-live-badge{
  z-index:9 !important;
  top:46px !important;
}
.hero-laptop{
  min-height:460px;
}
.hero-laptop::before{
  border-radius:28px;
}
@media(max-width:767px){
  .browser-bar{height:30px;padding:0 10px}
  .browser-bar b{font-size:10px;max-width:150px}
  .hero-laptop{min-height:300px}
}


/* ===== V5.6: pełne menu + wyróżniony projekt PodhaleBooking ===== */
.desktop-menu{gap:10px!important}
.desktop-menu a{font-size:13px!important;white-space:nowrap!important}
.nav-cta{padding:12px 18px!important;border-radius:14px!important;background:linear-gradient(135deg,#b026ff,#19d5ff)!important;color:#fff!important;box-shadow:0 12px 35px rgba(103,58,255,.28)!important;border:1px solid rgba(255,255,255,.18)!important}
@media(max-width:1290px){.desktop-menu a{font-size:12px!important}.desktop-menu{gap:7px!important}}
.project-featured-v56{position:relative;isolation:isolate;border-color:rgba(34,211,238,.45)!important;box-shadow:0 36px 120px rgba(12,210,255,.16),0 24px 90px rgba(160,70,255,.20)!important;background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(124,58,237,.10)),rgba(255,255,255,.06)!important}
.project-featured-v56:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,rgba(34,211,238,.38),transparent 28%,rgba(168,85,247,.45),transparent 72%,rgba(34,211,238,.32));opacity:.75;z-index:-1;filter:blur(10px);animation:featuredPulse 4.5s ease-in-out infinite}
@keyframes featuredPulse{0%,100%{opacity:.42;transform:scale(.995)}50%{opacity:.9;transform:scale(1.01)}}
.featured-tag-v56{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:9px 13px;border-radius:999px;background:rgba(34,211,238,.13);border:1px solid rgba(34,211,238,.34);color:#e0fbff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 12px 35px rgba(34,211,238,.10)}
.featured-tag-v56:before{content:"";width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 18px rgba(34,211,238,.85)}
.project-featured-v56 .portfolio-v5-img,.project-featured-v56 .realizacje-real-screen{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 25px 70px rgba(0,0,0,.34)}
.project-featured-v56 .realizacje-live-badge{background:linear-gradient(135deg,#b026ff,#19d5ff)!important;color:#fff!important;border:0!important}
.project-featured-v56 h3{background:linear-gradient(135deg,#fff,#9eefff,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent!important}


/* =====================================================
   V6 HERO LIVE PODHALEBOOKING - live iframe jak w realizacjach
   ===================================================== */
.hero-podhalebooking-stage{
  position:relative;
  perspective:1400px;
}

.laptop-podhalebooking-live{
  position:relative;
  width:min(720px, 100%);
  margin:0 auto;
  filter:drop-shadow(0 40px 90px rgba(0,0,0,.55));
  animation:heroBookingFloatV6 7s ease-in-out infinite;
}

.hero-live-screen-v6{
  position:relative;
  overflow:hidden;
  min-height:430px;
  border-radius:28px;
  background:#030712;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 0 90px rgba(34,211,238,.20),
    0 0 140px rgba(124,58,237,.20);
}

.hero-live-screen-v6::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(6,182,212,.18), transparent 28%, transparent 72%, rgba(124,58,237,.16)),
    radial-gradient(420px 230px at 70% 18%, rgba(34,211,238,.18), transparent 62%);
  mix-blend-mode:screen;
}

.hero-live-topbar-v6{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:42px;
  z-index:8;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  background:rgba(2,6,23,.92);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(16px);
}

.hero-live-topbar-v6 span{
  width:10px;
  height:10px;
  border-radius:999px;
  display:inline-block;
}
.hero-live-topbar-v6 span:nth-child(1){background:#fb7185;}
.hero-live-topbar-v6 span:nth-child(2){background:#facc15;}
.hero-live-topbar-v6 span:nth-child(3){background:#34d399;}
.hero-live-topbar-v6 b{
  margin-left:10px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  letter-spacing:.04em;
  font-weight:800;
}

.hero-live-frame-v6{
  position:absolute;
  inset:42px 0 0 0;
  overflow:hidden;
  background:#020617;
}

.hero-live-frame-v6 iframe{
  position:absolute;
  top:0;
  left:50%;
  width:1440px;
  height:900px;
  border:0;
  transform:translateX(-50%) scale(.48);
  transform-origin:top center;
  pointer-events:none;
  opacity:.98;
  filter:saturate(1.04) contrast(1.03);
}

.hero-live-frame-v6::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(2,6,23,.42), transparent 28%, transparent 62%, rgba(2,6,23,.60)),
    linear-gradient(180deg, transparent 38%, rgba(2,6,23,.94) 100%);
  pointer-events:none;
}

.hero-live-overlay-v6{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  z-index:10;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(2,6,23,.78), rgba(15,23,42,.58));
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.hero-live-badge-v6{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,#7c3aed,#06b6d4);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 10px 30px rgba(34,211,238,.22);
}

.hero-live-overlay-v6 h3{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(26px,3vw,42px);
  line-height:1;
  font-weight:900;
}

.hero-live-overlay-v6 p{
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.65;
  max-width:520px;
}

.hero-live-tags-v6{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.hero-live-tags-v6 span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:800;
}

.hero-live-overlay-v6 a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffffff,#a5f3fc);
  color:#07111f !important;
  text-decoration:none !important;
  font-weight:900;
  box-shadow:0 15px 35px rgba(34,211,238,.20);
  transition:transform .25s ease, box-shadow .25s ease;
}
.hero-live-overlay-v6 a:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 50px rgba(34,211,238,.28);
}

.phone-podhalebooking-live .phone-screen-v4{
  position:relative;
  overflow:hidden;
  background:#020617;
}
.phone-podhalebooking-live iframe{
  position:absolute;
  inset:0;
  width:390px;
  height:760px;
  border:0;
  transform:scale(.42);
  transform-origin:top left;
  pointer-events:none;
}

.score-podhalebooking-live strong{
  font-size:25px !important;
  letter-spacing:.04em;
}

@keyframes heroBookingFloatV6{
  0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}
  50%{transform:translateY(-14px) rotateX(1.5deg) rotateY(-1.5deg)}
}

@media (max-width:1199px){
  .hero-live-frame-v6 iframe{transform:translateX(-50%) scale(.42)}
  .hero-live-screen-v6{min-height:400px;}
}
@media (max-width:767px){
  .hero-live-screen-v6{min-height:520px;border-radius:22px;}
  .hero-live-frame-v6 iframe{transform:translateX(-50%) scale(.36)}
  .hero-live-overlay-v6{left:14px;right:14px;bottom:14px;padding:18px;border-radius:20px;}
  .hero-live-tags-v6 span{font-size:11px;}
}


/* ===== V7 TOP3 SEO + IT ULTRA WOW ===== */
.tech-orbit-section{position:relative;overflow:hidden}
.tech-orbit-section:before{content:"";position:absolute;inset:auto -15% 5% auto;width:560px;height:560px;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 68%);filter:blur(18px);pointer-events:none}.tech-v7-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:38px}.tech-terminal-v7{position:relative;border-radius:30px;background:rgba(2,6,23,.86);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 110px rgba(0,0,0,.35),0 0 90px rgba(34,211,238,.13);overflow:hidden}.tech-terminal-v7:before{content:"";display:block;height:46px;background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border-bottom:1px solid rgba(255,255,255,.09)}.terminal-dots-v7{position:absolute;top:16px;left:18px;display:flex;gap:8px}.terminal-dots-v7 i{width:12px;height:12px;border-radius:50%;background:#22d3ee;box-shadow:0 0 20px rgba(34,211,238,.4)}.terminal-code-v7{padding:26px;font-family:Consolas,Monaco,monospace;color:rgba(255,255,255,.86);line-height:1.9;font-size:14px}.terminal-code-v7 b{color:#67e8f9}.terminal-code-v7 em{color:#c4b5fd;font-style:normal}.tech-stack-v7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tech-chip-v7{position:relative;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 60px rgba(0,0,0,.22);font-weight:900;text-align:center;transition:.28s ease;overflow:hidden}.tech-chip-v7:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(34,211,238,.10),transparent);transform:translateX(-110%);transition:.65s}.tech-chip-v7:hover{transform:translateY(-8px);border-color:rgba(34,211,238,.35);box-shadow:0 26px 80px rgba(34,211,238,.16)}.tech-chip-v7:hover:after{transform:translateX(110%)}
.case-v7-card{margin-top:34px;border-radius:34px;background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(34,211,238,.08)),rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 110px rgba(0,0,0,.32);overflow:hidden}.case-v7-top{display:grid;grid-template-columns:1.15fr .85fr;gap:0}.case-v7-screen{min-height:420px;background:#050816;position:relative;overflow:hidden}.case-v7-screen iframe{width:1440px;height:900px;transform:scale(.48);transform-origin:top left;border:0;pointer-events:none}.case-v7-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,7,18,.85));pointer-events:none}.case-v7-content{padding:38px}.case-v7-content h3{font-size:clamp(32px,4vw,54px);line-height:1;margin:10px 0 14px}.case-badge-v7{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.case-v7-list{display:grid;gap:10px;margin:22px 0}.case-v7-list span{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-weight:800}.case-v7-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 30px 30px}.case-v7-metrics div{padding:18px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-align:center}.case-v7-metrics strong{font-size:26px;display:block}.case-v7-metrics span{color:var(--sp-muted);font-size:12px}.faq-v7-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.faq-v7-item{border-radius:22px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.18)}.faq-v7-item h3{font-size:18px;margin:0 0 10px}.faq-v7-item p{margin:0;color:var(--sp-muted);line-height:1.75}.blog-v7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.blog-card-v7{border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.22);transition:.28s ease}.blog-card-v7:hover{transform:translateY(-8px);border-color:rgba(34,211,238,.28)}.blog-card-v7 small{font-weight:900;color:#67e8f9;text-transform:uppercase;letter-spacing:.08em}.blog-card-v7 h3{margin:12px 0}.blog-card-v7 p{color:var(--sp-muted);line-height:1.75}.blog-card-v7 a{font-weight:900;text-decoration:none}.price-v7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.price-v7-card{position:relative;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.26);transition:.3s}.price-v7-card:hover{transform:translateY(-10px);border-color:rgba(34,211,238,.3)}.price-v7-card.featured{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(34,211,238,.08)),rgba(255,255,255,.055);transform:translateY(-8px)}.price-v7-card h3{font-size:28px}.price-v7-card strong{display:block;font-size:34px;margin:12px 0;background:linear-gradient(135deg,#fff,#67e8f9,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.price-v7-card ul{padding-left:18px;line-height:2}.hero-v4:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 70% 35%,black,transparent 62%);pointer-events:none;animation:gridPulseV7 8s ease-in-out infinite}.hero-v4{position:relative}@keyframes gridPulseV7{0%,100%{opacity:.45}50%{opacity:.9}}
@media(max-width:1199px){.case-v7-top,.tech-v7-grid{grid-template-columns:1fr}.case-v7-screen iframe{transform:scale(.55)}.case-v7-metrics{grid-template-columns:repeat(2,1fr)}.blog-v7-grid,.price-v7-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.tech-stack-v7,.blog-v7-grid,.price-v7-grid,.faq-v7-grid,.case-v7-metrics{grid-template-columns:1fr}.case-v7-screen{min-height:320px}.case-v7-screen iframe{transform:scale(.38)}.case-v7-content{padding:24px}}

.particles-v7{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.particles-v7 span{position:absolute;width:4px;height:4px;border-radius:50%;background:#67e8f9;box-shadow:0 0 20px rgba(103,232,249,.8);opacity:.55;animation:particleMoveV7 linear infinite}.hero-v4 .container{position:relative;z-index:2}@keyframes particleMoveV7{0%{transform:translate3d(0,0,0);opacity:.15}45%{opacity:.75}100%{transform:translate3d(80px,-120px,0);opacity:0}}


/* ===== FIX PODHALEBOOKING LIVE PREVIEW: usuwa czarne tło i pokazuje pełniejszy podgląd ===== */
.hero-live-frame-v6{
  background:#fff !important;
}
.hero-live-frame-v6 iframe{
  height:1500px !important;
  background:#fff !important;
}
.hero-live-frame-v6::after{
  background:
    linear-gradient(90deg, rgba(2,6,23,.18), transparent 18%, transparent 82%, rgba(2,6,23,.24)),
    radial-gradient(420px 180px at 50% 0%, rgba(34,211,238,.10), transparent 70%) !important;
}

.case-v7-screen{
  background:#fff !important;
}
.case-v7-screen iframe{
  height:1500px !important;
  background:#fff !important;
}
.case-v7-screen:after{
  background:linear-gradient(90deg, rgba(2,6,23,.14), transparent 18%, transparent 82%, rgba(2,6,23,.22)) !important;
}

.portfolio-real-screen.pb-live-desktop,
.realizacje-real-screen.pb-live-desktop{
  background:#fff !important;
}
.portfolio-real-screen.pb-live-desktop iframe,
.realizacje-real-screen.pb-live-desktop iframe{
  position:absolute;
  top:34px;
  left:50%;
  width:1440px;
  height:1500px;
  border:0;
  transform:translateX(-50%) scale(.32);
  transform-origin:top center;
  pointer-events:none;
  background:#fff;
}
.project-featured-v56 .portfolio-real-screen.pb-live-desktop iframe{
  transform:translateX(-50%) scale(.42);
}
.realizacje-hero-card .realizacje-real-screen.pb-live-desktop iframe{
  transform:translateX(-50%) scale(.50);
}
.portfolio-real-screen.pb-live-desktop::before,
.realizacje-real-screen.pb-live-desktop::before{
  background:linear-gradient(120deg, rgba(255,255,255,.10), transparent 32%, transparent 72%, rgba(34,211,238,.06)) !important;
}
.portfolio-real-screen.pb-live-desktop::after,
.realizacje-real-screen.pb-live-desktop::after{
  display:none !important;
}
@media(max-width:767px){
  .project-featured-v56 .portfolio-real-screen.pb-live-desktop iframe{transform:translateX(-50%) scale(.30);}
  .realizacje-hero-card .realizacje-real-screen.pb-live-desktop iframe{transform:translateX(-50%) scale(.32);}
}



.hero-pb-screen{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:18px;
}

.hero-pb-screen img{
    width:100%;
    height:auto;
    display:block;
}

.phone-screen-v4 img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:22px;
}


/* ===== V8 CONVERSION ULTRA — więcej telefonów i zapytań ===== */
.hero-microcopy-v8{
  margin-top:14px!important;
  color:rgba(226,232,240,.78)!important;
  font-size:13px!important;
  font-weight:800;
}
.conversion-audit-v8{
  padding-top:72px;
  padding-bottom:72px;
  background:
    radial-gradient(620px 360px at 18% 25%, rgba(34,211,238,.12), transparent 65%),
    radial-gradient(620px 360px at 82% 60%, rgba(168,85,247,.14), transparent 65%);
}
.audit-v8-wrap{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:28px;
  align-items:stretch;
  padding:30px;
  border-radius:32px;
  background:linear-gradient(135deg, rgba(15,23,42,.86), rgba(2,6,23,.72));
  border:1px solid rgba(125,211,252,.20);
  box-shadow:0 34px 110px rgba(0,0,0,.34), 0 0 80px rgba(34,211,238,.08);
  overflow:hidden;
  position:relative;
}
.audit-v8-wrap:before{
  content:"";
  position:absolute;
  right:-160px;
  top:-160px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(34,211,238,.18), transparent 68%);
  filter:blur(10px);
  pointer-events:none;
}
.audit-v8-copy,.audit-v8-form{position:relative;z-index:2}
.audit-v8-benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.audit-v8-benefits span{
  padding:13px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(125,211,252,.16);
  color:rgba(248,251,255,.90);
  font-weight:800;
  font-size:13px;
}
.audit-v8-form{
  display:grid;
  gap:13px;
  padding:24px;
  border-radius:24px;
  background:rgba(2,6,23,.64);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.audit-v8-form label{
  display:grid;
  gap:8px;
  font-weight:900;
  font-size:13px;
  color:rgba(248,251,255,.88);
}
.audit-v8-form input{
  width:100%;
  border:1px solid rgba(125,211,252,.18);
  border-radius:15px;
  background:rgba(255,255,255,.055);
  color:#fff;
  outline:none;
  padding:14px 15px;
  font:inherit;
}
.audit-v8-form input:focus{
  border-color:rgba(34,211,238,.52);
  box-shadow:0 0 0 4px rgba(34,211,238,.09);
}
.audit-submit-v8{width:100%;margin-top:4px;border:0;cursor:pointer}
.audit-v8-small{
  margin:0;
  color:rgba(226,232,240,.68);
  font-size:12px;
  line-height:1.6;
  text-align:center;
}
.mini-cta-v8{
  padding:20px 0;
}
.mini-cta-v8-box{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:20px 22px;
  border-radius:22px;
  background:linear-gradient(90deg, rgba(168,85,247,.16), rgba(34,211,238,.10));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.mini-cta-v8-box strong{font-size:20px;font-weight:900}
.mini-cta-v8-box span{color:var(--sp-muted);line-height:1.6}
.conversion-industries-v8{
  background:linear-gradient(180deg, rgba(2,6,23,.04), rgba(15,23,42,.18));
}
.industries-v8-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.industry-v8{
  padding:24px;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(125,211,252,.16);
  box-shadow:0 22px 70px rgba(0,0,0,.22);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.industry-v8:hover{
  transform:translateY(-8px);
  border-color:rgba(34,211,238,.46);
  box-shadow:0 30px 90px rgba(34,211,238,.12),0 20px 70px rgba(0,0,0,.30);
}
.industry-v8 b{
  width:50px;
  height:50px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(125,211,252,.16);
  margin-bottom:16px;
  font-size:25px;
}
.industry-v8 h3{margin:0 0 10px;font-size:19px}
.industry-v8 p{margin:0 0 16px;color:var(--sp-muted);line-height:1.65;font-size:14px}
.industry-v8 a{color:#67e8f9;font-weight:900;font-size:13px}
.sticky-mobile-cta-v8{
  display:none;
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:99998;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  padding:8px;
  border-radius:18px;
  background:rgba(3,7,19,.88);
  border:1px solid rgba(125,211,252,.18);
  backdrop-filter:blur(16px);
  box-shadow:0 22px 70px rgba(0,0,0,.38);
}
.sticky-mobile-cta-v8 a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:14px;
  font-size:13px;
  font-weight:900;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.10);
}
.sticky-mobile-cta-v8 a:first-child{
  background:linear-gradient(90deg,#22c55e,#22d3ee);
  color:#03111d;
}
.sticky-mobile-cta-v8 a:last-child{
  background:linear-gradient(90deg,var(--sp-violet),var(--sp-cyan));
  color:#fff;
}
@media(max-width:991px){
  .audit-v8-wrap{grid-template-columns:1fr;padding:22px}
  .audit-v8-benefits{grid-template-columns:1fr}
  .mini-cta-v8-box{grid-template-columns:1fr}
  .industries-v8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .industries-v8-grid{grid-template-columns:1fr}
  .sticky-mobile-cta{display:none!important}
  .sticky-mobile-cta-v8{display:grid}
  .audit-v8-form{padding:18px}
  .floating-contact-premium{display:none}
}


/* V9 SEO ATTACK */
.seo-attack-v9{position:relative;padding:92px 0;background:radial-gradient(700px 420px at 8% 20%,rgba(124,58,237,.14),transparent 65%),radial-gradient(700px 420px at 92% 75%,rgba(34,211,238,.10),transparent 65%);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.seo-v9-head{max-width:980px;margin:0 auto 34px;text-align:center}.seo-v9-head h2,.seo-v9-head h1{font-size:clamp(2rem,4.4vw,4rem);line-height:1.05;margin:12px 0 20px;color:#fff}
.seo-v9-head p,.seo-v9-local p{color:rgba(255,255,255,.76);line-height:1.85;font-size:1.04rem}.seo-v9-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}
.seo-v9-card{padding:26px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.seo-v9-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#22d3ee);font-weight:900;color:#fff}
.seo-v9-card h3,.seo-v9-card h2{margin:18px 0 10px;color:#fff;font-size:1.18rem}.seo-v9-card p{margin:0;color:rgba(255,255,255,.70);line-height:1.75}
.seo-v9-local{margin-top:20px;padding:30px;border-radius:26px;background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(34,211,238,.08));border:1px solid rgba(34,211,238,.18)}
.seo-v9-local h3,.seo-v9-local h2{color:#fff;font-size:1.6rem;margin:0 0 10px}.seo-v9-local a{color:#67e8f9;font-weight:800}.seo-v9-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
@media(max-width:900px){.seo-attack-v9{padding:68px 0}.seo-v9-grid{grid-template-columns:1fr}.seo-v9-head{text-align:left}.seo-v9-local{padding:22px}}

/* ===== V9.1 DATA-DRIVEN GSC CLUSTERS ===== */
.gsc-cluster-v91{padding:82px 0;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(5,8,22,.15),rgba(10,14,35,.72))}
.gsc-cluster-head{max-width:860px;margin-bottom:30px}.gsc-cluster-head h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.06;color:#fff;margin:10px 0 14px}
.gsc-cluster-head p{color:rgba(255,255,255,.7);line-height:1.75}.gsc-cluster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gsc-cluster-grid a{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;text-decoration:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:.25s ease}
.gsc-cluster-grid a:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.42);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.gsc-cluster-grid strong{font-size:1.25rem;color:#fff}.gsc-cluster-grid span{color:rgba(255,255,255,.67)}
@media(max-width:760px){.gsc-cluster-grid{grid-template-columns:1fr}.gsc-cluster-v91{padding:62px 0}}