:root{
  --bg:#f4f9ff; --panel:#ffffff; --ink:#123251; --muted:#55718a; --blue:#0f7ae5; --blue2:#0a57ab; --gold:#d9a318; --gold-soft:#fff0b6; --line:#cfe2f1; --shadow:0 18px 44px rgba(15,122,229,.12); --radius:24px; --width:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#eef7ff 0,#fffdf6 48%,#f5fbff 100%);color:var(--ink)} a{text-decoration:none;color:inherit}
.wrap{width:min(100% - 28px,var(--width));margin:auto}
header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,122,229,.10);box-shadow:0 8px 24px rgba(15,122,229,.05)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.03em}.brand-note{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf5ff,#fff2c8);color:var(--blue);box-shadow:0 10px 24px rgba(23,105,170,.12);animation:floatNote 5s ease-in-out infinite}.brand-word{color:var(--blue)}
@keyframes floatNote{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.navlinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.navlinks a{color:#32526d;font-weight:700}.navlinks a:hover{color:var(--blue)} .menu-button{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:none;border-radius:16px;padding:14px 20px;font-weight:800;box-shadow:0 16px 30px rgba(15,122,229,.22);cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, filter .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,122,229,.26);filter:saturate(1.03)}.button.secondary{background:#fff;color:var(--blue);border:1px solid #c7def0;box-shadow:0 8px 18px rgba(15,122,229,.05)}.button.small{padding:10px 15px;border-radius:14px}
.hero{padding:58px 0 42px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:.76rem;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.06em;margin:10px 0 14px}.hero h1 span,.page-hero h1 span{color:var(--blue)} .hero p,.page-hero p{font-size:1.08rem;color:var(--muted);max-width:720px}
.hero-card,.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)} .hero-card{padding:28px;background:linear-gradient(180deg,#fffdf8 0,#ffffff 45%,#f6fbff 100%)}
.purchase-strip{display:flex;justify-content:center;align-items:center;gap:10px 22px;flex-wrap:wrap;margin:22px 0 0;padding:12px 18px;border:1px solid #d6e5ef;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(23,105,170,.06);color:#526b80;font-size:.9rem;font-weight:700}.purchase-strip span{display:inline-flex;align-items:center;gap:7px}.purchase-strip span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,154,34,.12)}
.dashboard-grid,.grid,.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dash-card,.card{padding:24px}.dash-card{display:flex;flex-direction:column;gap:18px;justify-content:space-between;min-height:205px;transition:.2s ease;background:linear-gradient(180deg,#fff 0,#f8fbff 100%)} .dash-card:hover,.package:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(23,105,170,.12)} .dash-card.primary{grid-column:span 2}
.icon-badge{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff 0%,#eef6ff 55%,#fff6d9 100%);border:1px solid rgba(32,92,163,.12);box-shadow:0 12px 26px rgba(24,87,150,.10);color:var(--blue)} .icon-badge svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dash-card h2,.card h3,.package h3{margin:0 0 6px;letter-spacing:-.03em}.dash-card p,.card p,.package p,.hint{color:var(--muted);margin:0}.dash-link{color:var(--gold);font-weight:900}
section{padding:28px 0 72px}.section-head{max-width:760px;margin-bottom:28px}.section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:8px 0 10px;letter-spacing:-.04em}
.occasion{display:flex;flex-direction:column;gap:12px}.occasion .button{margin-top:auto}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-no{font-size:.78rem;color:var(--gold);font-weight:900;letter-spacing:.12em}
.package-grid{align-items:stretch}.package{position:relative;display:flex;flex-direction:column;min-height:100%;padding:28px 24px 24px;border-radius:28px;transition:.2s ease;background:linear-gradient(180deg,#fff 0,#f9fcff 100%)} .package.featured{transform:translateY(-8px);background:linear-gradient(180deg,#fffdf7 0,#ffffff 42%,#f7fbff 100%);border:1.5px solid #d5b150;box-shadow:0 22px 52px rgba(23,105,170,.13),0 0 0 4px rgba(201,154,34,.07)} .package.featured:hover{transform:translateY(-11px)}
.package-tier{width:max-content;padding:6px 10px;border-radius:999px;background:#eef6ff;color:#1769aa;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.package.featured .package-tier{background:#fff1c5;color:#8b6810}.ribbon{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;background:#17324d;color:#fff;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.package-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,#fff 0,#edf6ff 50%,#fff2c5 100%);border:1px solid #dbe9f1;box-shadow:0 12px 30px rgba(23,105,170,.11);color:var(--blue)} .package-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.package .price{font-size:3.2rem;line-height:1;font-weight:900;letter-spacing:-.065em;color:#17324d;margin:10px 0 4px}.package .price small{font-size:.95rem;font-weight:700;color:#6f8292;margin-left:4px}.package-lead{min-height:52px}.package-benefits{list-style:none;padding:0;margin:18px 0 24px}.package-benefits li{position:relative;padding-left:28px;margin:10px 0;color:#526b80}.package-benefits li::before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eaf7f1;color:#19845f;font-size:.72rem;font-weight:900}.package .button{width:100%;margin-top:auto}.package-note{text-align:center;color:#6b7f90;font-size:.92rem;margin:24px auto 0}
.faq details{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}.faq summary{cursor:pointer;font-weight:800}.faq details+details{margin-top:12px}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-item{padding:24px}
footer{padding:34px 0 50px;color:#6b7f90}.footer-box{padding:24px 26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.wizard{padding:24px}.progress{display:flex;gap:8px;margin-bottom:18px}.progress span{height:8px;flex:1;background:#dbe9f3;border-radius:999px}.progress span.active{background:linear-gradient(135deg,var(--gold),#e0bc54)} .form-step h3{margin:0 0 16px;font-size:1.4rem;letter-spacing:-.03em}.field{margin-bottom:16px}.field label{display:block;font-weight:800;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;border:1px solid #d9e6ef;border-radius:16px;padding:14px 15px;font:inherit;background:#fff;color:#17324d}.field textarea{min-height:160px;resize:vertical}.field small{display:block;color:#6b7f90;margin-top:8px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative}.choice input{position:absolute;opacity:0;inset:0}.choice label{display:block;padding:14px 16px;border:1px solid #d9e6ef;border-radius:16px;background:#fff;cursor:pointer;font-weight:700;color:#35536d}.choice input:checked+label{border-color:#d5b150;background:linear-gradient(180deg,#fffaf0,#fff)} .form-actions{display:flex;justify-content:space-between;gap:12px;padding-top:10px}.summary{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.summary pre{white-space:pre-wrap;background:#f8fbfe;border:1px solid #d9e6ef;border-radius:18px;padding:16px;font:inherit;color:#446078}.paybox{padding:22px;border:1px solid #d9e6ef;border-radius:24px;background:linear-gradient(180deg,#fffdf8 0,#fff 60%,#f7fbff 100%)} .pay-amount{font-size:2.8rem;font-weight:900;letter-spacing:-.06em} .confirm{color:#19845f;font-weight:800}.status{color:#6b7f90;font-size:.92rem}
.page-hero{padding:36px 0 16px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:920px){.hero-grid,.contact-box,.summary{grid-template-columns:1fr}.dashboard-grid,.grid,.steps,.summary-grid{grid-template-columns:repeat(2,1fr)}.dash-card.primary{grid-column:span 2}.package.featured,.package.featured:hover{transform:none}}
@media(max-width:720px){.navlinks{display:none;position:absolute;top:74px;left:0;right:0;padding:18px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu-button{display:block;background:none;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.dashboard-grid,.grid,.steps,.summary-grid,.choices{grid-template-columns:1fr}.dash-card.primary{grid-column:span 1}.purchase-strip{border-radius:24px}.hero{padding-top:38px}.package .price{font-size:2.6rem}}

/* HOME PREMIUM CTA */
.home-hero{padding:72px 0 50px;position:relative;overflow:hidden}
.home-hero::before{content:"";position:absolute;inset:-140px auto auto -120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(46,139,210,.15),rgba(46,139,210,0) 68%);pointer-events:none}
.home-hero::after{content:"";position:absolute;right:-120px;top:10px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(200,155,42,.13),rgba(200,155,42,0) 68%);pointer-events:none}
.home-hero .wrap{position:relative;z-index:1}
.home-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#fff8e8,#fff1c4);border:1px solid #edd28a;color:#8b6810;font-weight:850;font-size:.82rem;box-shadow:0 10px 24px rgba(217,163,24,.12)}
.hero-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(200,155,42,.12)}
.home-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.07em;margin:16px 0 18px;max-width:760px}
.home-hero h1 span{color:var(--blue)}
.home-hero .lead{font-size:1.16rem;line-height:1.7;color:var(--muted);max-width:690px;margin:0}
.cta-primary-xl{padding:18px 26px;font-size:1.08rem;border-radius:18px;box-shadow:0 20px 38px rgba(15,122,229,.25)}
.cta-note{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;color:#486a87;font-size:.9rem;font-weight:800}
.cta-note span{display:inline-flex;align-items:center;gap:7px}.cta-note span::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eaf7f1;color:#19845f;font-size:.72rem;font-weight:900}
.hero-product{position:relative;padding:28px;border-radius:34px;background:linear-gradient(160deg,#fffef8 0,#ffffff 30%,#e8f4ff 100%);border:1px solid #cfe2f1;box-shadow:0 30px 76px rgba(15,122,229,.18);overflow:hidden}
.hero-product::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-42px;top:-48px;background:radial-gradient(circle,rgba(255,232,140,.85) 0,rgba(255,232,140,0) 72%)}
.hero-product-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;position:relative;z-index:2}
.hero-product-tag{padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#e8f4ff,#f8fbff);color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid #d4e8f7}
.hero-price{font-size:1.12rem;font-weight:900;color:#8b6810;background:#fff3cf;border:1px solid #ecd594;padding:8px 11px;border-radius:999px;box-shadow:0 10px 22px rgba(217,163,24,.12)}
.cover-art{display:grid;place-items:center;min-height:255px;border-radius:28px;background:linear-gradient(145deg,#dff1ff 0,#ffffff 46%,#ffeeb7 100%);border:1px solid #cfe2f1;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.vinyl{width:184px;height:184px;border-radius:50%;background:repeating-radial-gradient(circle at center,#0d243a 0 3px,#203c58 4px 6px,#0d243a 7px 10px);box-shadow:0 26px 46px rgba(18,50,81,.28);position:relative;animation:vinylSpin 8s linear infinite}
.vinyl::before{content:"";position:absolute;inset:54px;border-radius:50%;background:linear-gradient(135deg,#1769aa,#d4a836);box-shadow:inset 0 0 0 8px rgba(255,255,255,.16)}
.vinyl::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
@keyframes vinylSpin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.02)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.02)}100%{transform:rotate(360deg) scale(1)}}
.product-copy{margin-top:20px}.product-copy h3{font-size:1.55rem;margin:0 0 8px;letter-spacing:-.03em}.product-copy p{margin:0;color:#4d6b84;line-height:1.6;font-size:1.02rem}.product-cta{margin-top:18px}.product-cta .button{width:100%;justify-content:center;padding:16px 20px;font-size:1.02rem;border-radius:18px;box-shadow:0 18px 36px rgba(15,122,229,.24)}.product-note{margin-top:10px;color:#617d95;font-size:.86rem;text-align:center;font-weight:700}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.trust-pill{padding:15px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fcff);border:1px solid #d7e8f3;box-shadow:0 12px 26px rgba(15,122,229,.08)}.trust-pill strong{display:block;font-size:1rem;margin-bottom:3px}.trust-pill span{color:#5f7b93;font-size:.86rem}
.benefit-strip{padding:14px 0 6px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(245,251,255,.95));border:1px solid #d5e6f2;box-shadow:0 12px 28px rgba(15,122,229,.08)}.benefit .icon-badge{width:50px;height:50px;border-radius:16px;margin-bottom:12px}.benefit .icon-badge svg{width:24px;height:24px}.benefit h3{font-size:1rem;margin:0 0 5px}.benefit p{font-size:.9rem;line-height:1.55;color:var(--muted);margin:0}
.sales-section{padding-top:54px}.sales-heading{text-align:center;max-width:820px;margin:0 auto 28px}.sales-heading h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em;margin:8px 0 12px}.sales-heading p{color:var(--muted);font-size:1.05rem}
.quick-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-package{padding:24px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #d5e6f2;box-shadow:0 16px 36px rgba(15,122,229,.08);display:flex;flex-direction:column;gap:12px}.quick-package.featured{border-color:#d5b150;background:linear-gradient(180deg,#fffdf5,#fff 38%,#f0f8ff);box-shadow:0 22px 48px rgba(15,122,229,.14)}.quick-package-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-package .package-icon{width:56px;height:56px;border-radius:18px;margin:0}.quick-package .package-icon svg{width:27px;height:27px}.quick-package .price-mini{font-size:2.15rem;font-weight:900;letter-spacing:-.055em}.quick-package p{color:var(--muted);line-height:1.55;margin:0;min-height:44px}.quick-package .button{margin-top:auto}
.final-cta{padding:28px 0 76px}.final-cta-box{position:relative;overflow:hidden;padding:38px;border-radius:34px;background:linear-gradient(135deg,#0f5896,#1769aa 62%,#1d79bd);color:#fff;box-shadow:0 30px 70px rgba(23,105,170,.22)}.final-cta-box::after{content:"";position:absolute;right:-80px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,184,.35),rgba(255,240,184,0) 68%)}.final-cta-box h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.05em;margin:0 0 10px;max-width:760px}.final-cta-box p{color:rgba(255,255,255,.82);font-size:1.06rem;max-width:720px;line-height:1.65}.final-cta-box .button{background:#fff;color:var(--blue);box-shadow:none}.final-cta-box .button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}
@media(max-width:920px){.home-hero-grid{grid-template-columns:1fr}.trust-row,.quick-packages{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.home-hero{padding-top:42px}.home-hero h1{font-size:clamp(2.7rem,12vw,4.2rem)}.hero-product{padding:20px}.cover-art{min-height:210px}.vinyl{width:148px;height:148px}.trust-row,.quick-packages,.benefit-grid{grid-template-columns:1fr}.final-cta-box{padding:28px 22px}.cta-row .button{width:100%}}

.hero-product .button.secondary{background:#fff;color:var(--blue);border:1px solid #c7def0;box-shadow:0 10px 22px rgba(15,122,229,.08)}

/* STRONGER CTA */
.nav-cta{background:linear-gradient(135deg,#0f7ae5,#0752a5);padding:12px 18px!important;border-radius:15px!important;box-shadow:0 14px 28px rgba(15,122,229,.25)!important;position:relative;overflow:hidden}
.nav-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 45%,transparent 65%);transform:translateX(-120%);animation:ctaShine 5.5s ease-in-out infinite}
@keyframes ctaShine{0%,72%,100%{transform:translateX(-120%)}82%{transform:translateX(120%)}}
.cta-primary-xl{background:linear-gradient(135deg,#0f7ae5 0%,#0752a5 72%,#d7a117 160%);border:1px solid rgba(255,255,255,.22);font-weight:900;letter-spacing:-.015em;box-shadow:0 22px 44px rgba(15,122,229,.30)}
.cta-primary-xl:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 26px 50px rgba(15,122,229,.34)}
.product-cta .button{background:linear-gradient(135deg,#0f7ae5,#0752a5);font-weight:900;box-shadow:0 20px 40px rgba(15,122,229,.28)}
.quick-package.featured .button{background:linear-gradient(135deg,#0f7ae5,#0752a5);font-weight:900;box-shadow:0 18px 34px rgba(15,122,229,.24)}
.quick-package.featured{position:relative}
.quick-package.featured::before{content:"Najlepszy wybór";position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:#123251;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 10px 22px rgba(18,50,81,.16)}
@media(max-width:720px){.nav>.nav-cta{display:none}.cta-primary-xl{font-size:1rem}}