:root{--ink:#17191b;--ink2:#25292c;--paper:#f6f4f1;--white:#fff;--red:#e31925;--red-dark:#af0008;--muted:#6d7378;--line:rgba(23,25,27,.12);--max:1240px;--r:28px;--shadow:0 20px 55px rgba(17,19,21,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:105px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(227,25,37,.14)}.heading{max-width:760px;margin-bottom:42px}.heading h2{font-size:clamp(34px,4.15vw,60px);line-height:1.02;letter-spacing:-.06em;margin:15px 0 17px}.heading p{color:var(--muted);font-size:17px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:820;transition:.22s;cursor:pointer}.btn svg{width:17px;height:17px}.btn-red{background:var(--red);color:#fff;box-shadow:0 12px 26px rgba(196,0,11,.23)}.btn-red:hover{transform:translateY(-2px);background:#cc111b}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px);background:#303437}.btn-outline{border-color:rgba(255,255,255,.44);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.12)}.btn-line{border-color:rgba(23,25,27,.2);color:var(--ink)}.btn-line:hover{background:var(--ink);color:#fff}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
/* header */
.skip{position:fixed;top:-80px;left:14px;z-index:999;background:#fff;padding:10px 14px;border-radius:9px}.skip:focus{top:14px}.header{height:82px;position:fixed;inset:0 0 auto;z-index:100;background:rgba(248,247,244,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(23,25,27,.10);transition:.2s}.header.scrolled{box-shadow:0 9px 24px rgba(0,0,0,.08)}.head-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;flex:none}.brand img{width:170px;height:auto}.nav{margin-left:auto;display:flex;align-items:center;gap:16px}.nav>a:not(.btn){font-size:12.5px;font-weight:760;color:#4e5357;position:relative;white-space:nowrap}.nav>a:not(.btn):after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-9px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.2s}.nav>a:not(.btn):hover,.nav>a.active{color:var(--ink)}.nav>a:not(.btn):hover:after,.nav>a.active:after{transform:scaleX(1)}.nav .btn{min-height:43px;padding-inline:15px;color:#fff;font-size:12.5px}.menu{display:none;border:1px solid rgba(23,25,27,.24);width:43px;height:43px;border-radius:50%;background:transparent;color:var(--ink)}.menu span{width:18px;height:2px;background:currentColor;display:block;margin:4px auto;transition:.2s}.menu.open span:first-child{transform:translateY(6px) rotate(45deg)}.menu.open span:nth-child(2){opacity:0}.menu.open span:last-child{transform:translateY(-6px) rotate(-45deg)}
/* hero */
.hero{min-height:760px;padding:145px 0 70px;color:white;background:radial-gradient(700px 500px at 83% 40%,rgba(227,25,37,.42),transparent 64%),linear-gradient(118deg,#16181a,#272b2e 62%,#141618);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 77%)}.hero:after{content:"";width:720px;height:720px;border-radius:50%;position:absolute;right:-380px;top:110px;border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 118px rgba(255,255,255,.018)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.hero h1{font-size:clamp(49px,6vw,88px);line-height:.94;letter-spacing:-.075em;margin:19px 0 26px;max-width:760px}.red{color:#ff6266}.lead{max-width:640px;font-size:18px;color:rgba(255,255,255,.76);margin:0}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:34px}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:13px;color:rgba(255,255,255,.73);font-weight:700}.trust span{display:flex;gap:8px;align-items:center}.trust b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:11px}.hero-card{width:min(100%,500px);padding:24px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.17);box-shadow:0 29px 65px rgba(0,0,0,.34);backdrop-filter:blur(11px);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;left:27%;right:-15%;bottom:-62%;height:330px;background:rgba(227,25,37,.32);border-radius:50%;filter:blur(14px)}.card-top,.card-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.badge{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.11);border-radius:999px;padding:8px 10px}.badge:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#55ec9d;margin-right:7px;box-shadow:0 0 0 4px rgba(85,236,157,.14)}.plate{font-size:12px;font-weight:850;letter-spacing:.12em}.car{height:245px;position:relative;z-index:1}.car svg{width:100%;height:100%}.card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-bottom span{padding:11px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);border-radius:12px;font-size:11px;font-weight:740}.card-bottom span:before{content:"✓";color:#67efa6;margin-right:7px}.callout{width:205px;background:white;color:var(--ink);position:absolute;right:-26px;bottom:-29px;z-index:2;border-radius:18px;padding:16px;box-shadow:0 18px 34px rgba(0,0,0,.27)}.callout small{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:850}.callout strong{font-size:17px;line-height:1.1;display:block;margin-top:5px;letter-spacing:-.04em}.callout span{font-size:12px;color:var(--muted);display:block;margin-top:6px}
/* base components */
.stats{background:#fff;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr)}.stats-intro,.stat{padding:38px 28px}.stats-intro{padding-left:0}.stats-intro strong{font-size:15px}.stats-intro p{margin:7px 0 0;color:var(--muted);font-size:14px;max-width:310px}.stat{border-left:1px solid var(--line)}.stat b{display:block;font-size:clamp(34px,4.2vw,54px);line-height:1;letter-spacing:-.07em}.stat span{display:block;margin-top:9px;color:var(--muted);font-size:13px;max-width:190px}.cepik-band{background:linear-gradient(116deg,#1c1f22,#31373b);color:white;position:relative;overflow:hidden}.cepik-band:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-180px;top:-280px;box-shadow:0 0 0 55px rgba(255,255,255,.02),0 0 0 110px rgba(255,255,255,.015)}.cepik-inner{position:relative;z-index:1;min-height:196px;display:grid;grid-template-columns:165px 1fr auto;align-items:center;gap:34px;padding-block:28px}.cepik-label{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.cepik-label i{display:block;width:10px;height:10px;border-radius:50%;background:#55e996;box-shadow:0 0 0 7px rgba(85,233,150,.13)}.cepik-inner h2{font-size:clamp(27px,3.15vw,42px);line-height:1.04;letter-spacing:-.055em;margin:0 0 9px}.cepik-inner p{font-size:14px;margin:0;color:rgba(255,255,255,.74);max-width:720px}.choice{background:#edebe8}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice-card{background:white;border:1px solid rgba(23,25,27,.06);min-height:265px;border-radius:var(--r);padding:32px;overflow:hidden;position:relative;transition:.25s}.choice-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.choice-card.dark{background:var(--ink);color:white}.choice-icon{width:52px;height:52px;border-radius:16px;background:#f5ecec;color:var(--red);display:grid;place-items:center;font-size:23px;font-weight:900}.dark .choice-icon{background:rgba(255,255,255,.11);color:white}.choice-card h3{font-size:30px;letter-spacing:-.055em;line-height:1;margin:31px 0 10px}.choice-card p{font-size:14px;color:var(--muted);max-width:440px;margin:0}.dark p{color:rgba(255,255,255,.7)}.choice-link{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:800;margin-top:22px}.choice-link svg{width:16px}.ghost{position:absolute;right:-20px;bottom:-35px;font-size:160px;font-weight:900;letter-spacing:-.12em;opacity:.05}.scrap-feature{background:linear-gradient(135deg,#e9e7e3,#f5f3f0)}.scrap-grid{display:grid;grid-template-columns:.91fr 1.09fr;gap:60px;align-items:center}.scrap-visual{min-height:390px;border-radius:30px;background:radial-gradient(280px 220px at 80% 10%,rgba(227,25,37,.47),transparent 69%),#1e2124;position:relative;overflow:hidden;display:grid;place-items:center}.scrap-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(136deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(46deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:45px 45px}.metals{position:relative;z-index:1;width:245px;height:245px}.metals span{position:absolute;width:88px;height:88px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#3b4146,#111315);border:1px solid rgba(255,255,255,.16);box-shadow:0 13px 21px rgba(0,0,0,.32);font-size:27px;font-weight:900;color:#fff}.metals span:nth-child(1){left:12px;top:40px}.metals span:nth-child(2){right:13px;top:6px;color:#ff7979}.metals span:nth-child(3){left:40px;bottom:3px;color:#e4e8eb}.metals span:nth-child(4){right:5px;bottom:35px;color:#d1d4d6}.scrap-stamp{position:absolute;bottom:22px;left:25px;z-index:1;color:rgba(255,255,255,.56);font-size:11px;letter-spacing:.16em;font-weight:850;line-height:1.25}.scrap-stamp b{display:block;font-size:23px;color:white;letter-spacing:-.06em}.scrap-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.062em;margin:14px 0 18px}.scrap-copy>p{font-size:16px;color:var(--muted);margin:0;max-width:600px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:27px 0 16px}.checks span{font-size:14px;font-weight:780}.checks b{color:var(--red);margin-right:7px}.micro{font-size:12px!important;color:#777!important;margin-bottom:24px!important}.process{background:var(--ink);color:white;overflow:hidden;position:relative}.process:after{content:"";position:absolute;right:-180px;top:-330px;width:620px;height:620px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.02)}.process .heading{position:relative;z-index:1}.process .heading p{color:rgba(255,255,255,.67)}.steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:1px solid rgba(255,255,255,.24);padding:24px 18px 18px 0;min-height:260px}.step b{display:block;font-size:54px;letter-spacing:-.1em;color:#ff555a;line-height:1}.step h3{font-size:21px;letter-spacing:-.04em;margin:28px 0 9px}.step p{font-size:14px;color:rgba(255,255,255,.66);margin:0}.step.final{background:linear-gradient(145deg,#e31b25,#9d0006);border:0;border-radius:21px;padding:25px}.step.final b{color:rgba(255,255,255,.84)}.step.final p{color:rgba(255,255,255,.86)}.doc-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:74px;align-items:center}.paper-scene{min-height:435px;border-radius:31px;background:linear-gradient(135deg,#f9f5f2,#e8e2dd);display:grid;place-items:center;position:relative;overflow:hidden}.paper-scene:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;left:-155px;bottom:-155px;background:radial-gradient(circle at 32% 32%,#ff5555,transparent 65%)}.paper{width:310px;padding:25px;border-radius:13px;background:white;box-shadow:0 28px 44px rgba(0,0,0,.15);transform:rotate(-4deg);position:relative;z-index:1}.paper:after{content:"";position:absolute;inset:11px;border:1px solid #e3e3e3;border-radius:7px}.paper-brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.paper-brand img{width:92px}.paper-brand span{font-size:8px;letter-spacing:.12em;color:#777;font-weight:850;text-transform:uppercase}.paper h3{position:relative;z-index:1;letter-spacing:-.04em;line-height:1.1;margin:34px 0 18px}.line{height:7px;background:#e9e9e9;border-radius:99px;margin:10px 0;position:relative;z-index:1}.line.short{width:62%}.doc-points{display:grid;gap:11px}.doc-point{display:flex;gap:13px;padding:17px;border:1px solid var(--line);border-radius:16px;background:white}.doc-point b{width:25px;height:25px;border-radius:50%;background:#eef8f1;color:#099755;display:grid;place-items:center;flex:none}.doc-point h3{font-size:16px;letter-spacing:-.02em;margin:0 0 3px}.doc-point p{font-size:13px;color:var(--muted);margin:0}.notice{margin-top:15px;padding:16px 18px;border-left:3px solid var(--red);background:#f5eded;border-radius:0 12px 12px 0;font-size:13px;color:#574545}.notice b{display:block;color:var(--ink);margin-bottom:3px}.reasons{background:white}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.reason{border-top:2px solid var(--line);padding-top:20px}.reason:nth-child(1){border-color:var(--red)}.reason:nth-child(2){border-color:#e4a21f}.reason:nth-child(3){border-color:#1aa36a}.reason .ico{font-size:31px}.reason h3{font-size:23px;letter-spacing:-.045em;margin:20px 0 9px}.reason p{font-size:14px;color:var(--muted);margin:0;max-width:340px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.location{padding:34px;border-radius:27px;background:linear-gradient(135deg,#fff,#f7f7f7);border:1px solid var(--line);position:relative;overflow:hidden}.location:after{content:"";position:absolute;right:-120px;bottom:-120px;width:240px;height:240px;border-radius:50%;border:1px solid rgba(227,25,37,.14);box-shadow:0 0 0 28px rgba(227,25,37,.03),0 0 0 55px rgba(227,25,37,.02)}.pin{position:absolute;right:26px;top:25px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;z-index:1}.locno{font-size:11px;letter-spacing:.15em;color:var(--red);text-transform:uppercase;font-weight:850}.location h3{font-size:34px;letter-spacing:-.06em;margin:14px 0 7px}.location p{color:var(--muted);font-size:15px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.tags span{font-size:12px;font-weight:760;background:#f1efed;padding:8px 10px;border-radius:999px}.location .btn{position:relative;z-index:1;margin-top:24px}.faq{background:#eceae7}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list{border-top:1px solid rgba(23,25,27,.2)}.faq-item{border-bottom:1px solid rgba(23,25,27,.16)}.faq-q{width:100%;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;background:none;border:0;cursor:pointer;font-weight:820;font-size:16px;color:var(--ink)}.faq-q i{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font-style:normal;display:grid;place-items:center;transition:.2s}.faq-item.open .faq-q i{transform:rotate(45deg);background:var(--red);border-color:var(--red);color:white}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s}.faq-a p{font-size:14px;color:var(--muted);margin:0 37px 20px 0}.faq-item.open .faq-a{max-height:250px}.cepik-detail{background:#ece9e5}.cepik-card{background:var(--ink);color:white;border-radius:30px;padding:42px;overflow:hidden;position:relative}.cepik-card:after{content:"";position:absolute;width:390px;height:390px;right:-180px;bottom:-215px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(227,25,37,.8),transparent 60%)}.cepik-top,.cepik-content,.official{position:relative;z-index:1}.cepik-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.cepik-top .eyebrow:before{background:#ff6468}.status{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:820;border-radius:999px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.10)}.status:before{content:"";display:inline-block;width:7px;height:7px;background:#55e996;border-radius:50%;margin-right:7px}.cepik-content{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;margin-top:30px}.cepik-content h2{font-size:clamp(31px,4.1vw,51px);letter-spacing:-.06em;line-height:1.03;margin:0 0 16px}.cepik-content p{font-size:16px;color:rgba(255,255,255,.74);margin:0}.cepik-list{display:grid;gap:10px}.cepik-list div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);border-radius:13px}.cepik-list b{font-size:13px;color:#ff7d80}.cepik-list span{font-size:13px;color:rgba(255,255,255,.85);font-weight:700}.official{display:inline-flex;gap:9px;color:white;font-size:13px;font-weight:820;margin-top:26px}.official b{color:#ff6a6e}.contact{background:var(--ink);color:white;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(135deg,#e51b26,#8e0006)}.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:.84fr 1.16fr;gap:62px}.contact .heading h2{font-size:clamp(36px,4.1vw,57px)}.contact .heading p{color:rgba(255,255,255,.78)}.contact-lines{display:grid;gap:14px;margin-top:29px}.contact-line{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.85)}.round{width:34px;height:34px;border-radius:50%;flex:none;background:rgba(255,255,255,.15);display:grid;place-items:center}.form{padding:28px;border-radius:25px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.full{grid-column:1/-1}.field label{font-size:12px;color:rgba(255,255,255,.75);font-weight:750}.field input,.field select,.field textarea{padding:13px 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(0,0,0,.15);color:white;outline:0}.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.42)}.field select option{color:#111}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(255,255,255,.7)}.consent{font-size:11px;color:rgba(255,255,255,.59);line-height:1.45;margin:14px 0 17px}.consent input{accent-color:var(--red);vertical-align:middle}.form .btn{width:100%}
/* inner pages */
.page-hero{padding:155px 0 78px;background:radial-gradient(540px 320px at 82% 43%,rgba(227,25,37,.42),transparent 67%),var(--ink);color:white;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:45px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 45px rgba(255,255,255,.022)}.breadcrumbs,.page-hero h1,.page-hero p{position:relative;z-index:1}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:rgba(255,255,255,.63)}.breadcrumbs a:hover{color:white}.page-hero h1{font-size:clamp(45px,5.8vw,78px);line-height:.98;letter-spacing:-.075em;margin:20px 0 16px;max-width:850px}.page-hero p{font-size:17px;color:rgba(255,255,255,.74);max-width:670px;margin:0}.content{padding:100px 0}.prose{max-width:790px}.prose h2{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.06em;margin:14px 0 17px}.prose h3{font-size:22px;letter-spacing:-.04em;margin:36px 0 10px}.prose p{font-size:16px;color:var(--muted);margin:0 0 17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.card{padding:24px;border-radius:20px;background:white;border:1px solid var(--line)}.card b{font-size:26px;color:var(--red)}.card h3{font-size:20px;letter-spacing:-.04em;margin:18px 0 7px}.card p{font-size:14px;color:var(--muted);margin:0}.timeline{max-width:930px;margin-top:34px}.trow{display:grid;grid-template-columns:98px 1fr;gap:22px;padding:23px 0;border-top:1px solid var(--line)}.trow:last-child{border-bottom:1px solid var(--line)}.trow b{font-size:12px;letter-spacing:.13em;color:var(--red)}.trow h3{font-size:21px;letter-spacing:-.04em;margin:0 0 7px}.trow p{font-size:15px;color:var(--muted);margin:0}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material{padding:24px;border-radius:21px;background:white;border:1px solid var(--line);min-height:205px;transition:.2s}.material:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.material b{width:50px;height:50px;border-radius:15px;background:#f4ebeb;color:var(--red);display:grid;place-items:center;font-size:20px;letter-spacing:-.07em}.material h3{font-size:21px;letter-spacing:-.04em;margin:20px 0 8px}.material p{font-size:14px;color:var(--muted);margin:0}.scrap-process{background:var(--ink);color:white}.scrap-process .heading p{color:rgba(255,255,255,.67)}.scrap-steps{display:grid;grid-template-columns:repeat(3,1fr)}.scrap-step{padding:25px 28px 25px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);margin-right:22px}.scrap-step:last-child{margin-right:0}.scrap-step b{font-size:42px;letter-spacing:-.09em;color:#ff5a60}.scrap-step h3{font-size:22px;letter-spacing:-.04em;margin:24px 0 9px}.scrap-step p{font-size:14px;color:rgba(255,255,255,.68);margin:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info{padding:25px;border:1px solid var(--line);background:white;border-radius:20px}.info .big{font-size:28px}.info h3{font-size:19px;letter-spacing:-.035em;margin:16px 0 7px}.info p,.info a{font-size:14px;color:var(--muted);margin:0;display:block}.info a:hover{color:var(--red)}
/* footer */
.footer{background:#101214;color:white;padding:46px 0 27px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:34px}.footer .brand{display:inline-block;background:#f7f6f3;padding:5px 7px;border-radius:8px;margin-bottom:14px}.footer .brand img{width:155px}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.55);margin:8px 0 13px}.footer p,.footer a{font-size:13px;color:rgba(255,255,255,.70);line-height:1.7;margin:0;display:block}.footer a:hover{color:white}.bottom{margin-top:36px;padding-top:19px;border-top:1px solid rgba(255,255,255,.11);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:rgba(255,255,255,.45)}.mobile-bar{display:none}
@media(max-width:1120px){.nav{gap:11px}.nav>a:not(.btn){font-size:11.5px}.nav .btn{padding-inline:13px}.hero-grid{grid-template-columns:1fr .88fr;gap:34px}.doc-grid,.faq-grid{gap:45px}.contact-grid{gap:38px}.steps{grid-template-columns:repeat(2,1fr)}.step{min-height:215px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:820px){.container{width:min(calc(100% - 34px),var(--max))}.header{height:72px}.brand img{width:150px}.menu{display:block}.nav{position:fixed;inset:72px 0 auto;background:#f8f7f4;border-bottom:1px solid rgba(23,25,27,.11);padding:16px 17px 21px;display:grid;gap:3px;transform:translateY(-130%);transition:.23s;z-index:-1}.nav.show{transform:translateY(0)}.nav>a:not(.btn){font-size:15px;padding:13px 7px}.nav>a:not(.btn):after{display:none}.nav .btn{margin-top:6px;min-height:48px;font-size:14px}.hero{min-height:auto;padding:123px 0 54px}.hero-grid{grid-template-columns:1fr;gap:33px}.hero h1{font-size:clamp(46px,12vw,71px)}.lead{font-size:16px}.hero-card{max-width:530px;margin:auto}.car{height:185px}.callout{right:-6px;bottom:-15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-intro{grid-column:1/-1;padding:27px 0 19px}.stat{border-top:1px solid var(--line);border-left:0;padding:24px 10px}.stat:nth-child(3){border-left:1px solid var(--line);padding-left:20px}.cepik-inner{grid-template-columns:1fr;gap:16px;padding-block:33px}.cepik-inner .btn{justify-self:start}.section{padding:78px 0}.heading{margin-bottom:33px}.heading p{font-size:16px}.choice-grid,.scrap-grid,.doc-grid,.faq-grid,.contact-grid,.cepik-content{grid-template-columns:1fr}.scrap-grid,.doc-grid,.faq-grid{gap:37px}.scrap-visual{min-height:310px}.reason-grid{grid-template-columns:1fr;gap:27px}.location-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr);gap:0}.step{padding:21px 18px;min-height:205px}.step:nth-child(odd){border-right:1px solid rgba(255,255,255,.15)}.step.final{margin-top:11px}.cepik-card{padding:29px}.cards,.materials,.info-grid{grid-template-columns:1fr 1fr}.scrap-steps{grid-template-columns:1fr}.scrap-step{margin-right:0;padding-right:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.mobile-bar{display:flex;position:fixed;z-index:90;left:12px;right:12px;bottom:12px;gap:8px;padding:8px;border-radius:17px;background:rgba(18,20,22,.88);backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.22)}.mobile-bar a{flex:1;text-align:center;padding:11px 7px;border-radius:11px;background:white;color:var(--ink);font-size:13px;font-weight:850}.mobile-bar a:last-child{background:var(--red);color:white}.footer{padding-bottom:91px}.page-hero{padding:128px 0 64px}.content{padding:75px 0}}
@media(max-width:520px){.brand img{width:137px}.hero h1{font-size:44px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .btn{padding-inline:11px;font-size:12.5px}.trust{gap:10px;font-size:12px}.trust span:last-child{display:none}.hero-card{padding:16px}.car{height:151px}.card-bottom{gap:6px}.card-bottom span{font-size:10px;padding:9px}.callout{display:none}.stat b{font-size:35px}.choice-card{padding:26px;min-height:235px}.choice-card h3{font-size:27px;margin-top:27px}.checks{grid-template-columns:1fr}.scrap-visual{min-height:270px}.steps{grid-template-columns:1fr}.step,.step:nth-child(odd){border-right:0}.step{padding:22px 0;min-height:auto}.step.final{padding:22px;margin-top:14px}.paper-scene{min-height:345px}.paper{width:270px;padding:21px}.cepik-card{padding:23px}.cepik-top{display:grid}.cepik-content{gap:28px;margin-top:25px}.cepik-content h2{font-size:32px}.cepik-content p{font-size:14px}.cards,.materials,.info-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div,.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}.trow{grid-template-columns:73px 1fr;gap:12px}.page-hero h1{font-size:43px}.page-hero p{font-size:16px}}
/* Logo pozostaje bez osobnego pola również w stopce — kontrast zapewnia jasna powierzchnia stopki. */
.footer{background:#ebe8e4;color:var(--ink)}
.footer .brand{background:transparent;padding:0;border-radius:0}
.footer h4{color:#77736f}
.footer p,.footer a{color:#666b6f}
.footer a:hover{color:var(--ink)}
.bottom{border-top-color:rgba(23,25,27,.13);color:#77736f}


/* --- Poprawiona grafika dokumentu + spokojna animacja headera przy scrollu --- */
/* Header faktycznie zmniejsza cały swój wymiar, bez dodatkowych pasków lub elementów odciągających uwagę. */
.header{height:82px;transition:height .30s cubic-bezier(.2,.7,.2,1),background .30s ease,box-shadow .30s ease,border-color .30s ease}
.head-inner{height:100%;transition:padding .30s ease}
.brand img{transition:width .30s cubic-bezier(.2,.7,.2,1),transform .30s ease}
.nav>a:not(.btn),.nav .btn{transition:font-size .30s ease,min-height .30s ease,padding .30s ease,transform .30s ease,background .30s ease}
.header.scrolled{height:66px;background:rgba(255,255,255,.98);box-shadow:0 12px 30px rgba(0,0,0,.075);border-bottom-color:rgba(23,25,27,.07)}
.header.scrolled .brand img{width:150px}
.header.scrolled .nav>a:not(.btn){font-size:12px}
.header.scrolled .nav .btn{min-height:38px;padding-inline:14px;font-size:12px}

/* Grafika przy „Dokumenty do kasacji” — logo i etykieta nie mogą się wypchnąć poza kartę. */
.paper-scene{padding:24px}
.paper{width:min(320px,calc(100% - 24px));transform:rotate(-3deg)}
.paper-brand{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.paper-brand img{width:84px;max-width:100%;height:auto;object-fit:contain}
.paper-brand span{justify-self:end;white-space:nowrap;background:#f4f4f4;border-radius:999px;padding:4px 7px;line-height:1}
.paper h3{font-size:30px;max-width:220px}

@media(max-width:820px){
  .header.scrolled{height:66px}
  .header.scrolled .brand img{width:142px}
  .header.scrolled .nav{inset:66px 0 auto}
  .header.scrolled .menu{width:40px;height:40px}
  .paper-scene{padding:18px}
  .paper{width:min(320px,100%);transform:rotate(-2deg)}
}
@media(max-width:520px){
  .header.scrolled .brand img{width:134px}
  .paper{transform:none}
  .paper-brand img{width:76px}
  .paper-brand span{font-size:7px;padding:4px 6px}
  .paper h3{font-size:26px;max-width:190px}
}


/* --- Podstrona kontakt: spokojniejszy, bardziej uporządkowany układ --- */
.contact-intro{padding-top:72px;padding-bottom:82px;background:linear-gradient(180deg,#fff 0%,#f6f4f1 100%)}
.contact-kicker{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:26px}.contact-kicker p{margin:0;color:var(--muted);font-size:15px;max-width:490px}
.contact-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-quick{position:relative;display:flex;align-items:center;gap:15px;min-height:138px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 18px rgba(15,18,20,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.contact-quick:hover{transform:translateY(-4px);box-shadow:0 18px 31px rgba(15,18,20,.1);border-color:rgba(227,25,37,.22)}.contact-quick-primary{background:linear-gradient(135deg,#e51b26,#a60006);border-color:#c51218;color:#fff}.contact-quick-primary:hover{box-shadow:0 18px 32px rgba(181,0,0,.24);border-color:#c51218}.quick-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:14px;background:#f5eeee;color:var(--red)}.contact-quick-primary .quick-icon{background:rgba(255,255,255,.16);color:#fff}.quick-icon svg{width:22px;height:22px;display:block}.quick-copy{display:grid;gap:3px;min-width:0}.quick-copy small{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:830;color:#83878a}.quick-copy strong{font-size:17px;letter-spacing:-.035em;overflow-wrap:anywhere}.quick-copy em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.35}.contact-quick-primary .quick-copy small,.contact-quick-primary .quick-copy em{color:rgba(255,255,255,.72)}.quick-arrow{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;border:1px solid var(--line);color:var(--ink)}.quick-arrow svg{width:15px;height:15px}.contact-quick-primary .quick-arrow{border-color:rgba(255,255,255,.28);color:#fff}
.contact-form-section{background:var(--ink)}.contact-form-section:before{width:44%}.contact-points{display:grid;gap:9px;margin-top:28px}.contact-points>div{display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:start;padding:13px 0;border-top:1px solid rgba(255,255,255,.16)}.contact-points>div:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.contact-points span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:10px;font-weight:900;color:#fff}.contact-points p{margin:0;color:rgba(255,255,255,.69);font-size:13px;line-height:1.45}.contact-points b{color:#fff;font-size:14px}.contact-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.contact-inline a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);transition:.2s}.contact-inline a:hover{background:rgba(255,255,255,.12)}.contact-inline svg{width:18px;height:18px;flex:none}.contact-inline span{display:grid;gap:1px}.contact-inline small{font-size:10px;color:rgba(255,255,255,.55)}.contact-inline b{font-size:12px;letter-spacing:-.02em}.info .big svg{width:28px;height:28px;display:block}
@media(max-width:820px){.contact-intro{padding-top:55px;padding-bottom:61px}.contact-kicker{display:grid;gap:10px;align-items:start}.contact-quick-grid{grid-template-columns:1fr}.contact-quick{min-height:105px}.contact-form-section:before{width:100%;height:25%}.contact-inline{margin-top:20px}}
@media(max-width:520px){.contact-quick{padding:18px;gap:12px}.quick-icon{width:42px;height:42px;border-radius:13px}.quick-copy strong{font-size:16px}.quick-copy em{font-size:11px}.contact-inline{display:grid;grid-template-columns:1fr}.contact-inline a{padding:11px}.contact-points{margin-top:22px}}


/* --- Dopracowane mikroanimacje, przejścia i pobieranie dokumentu --- */
.btn,.head-inner,.brand img,.nav>a,.nav .btn,.hero-card,.paper,.choice-card,.doc-point,.reason,.location,.material,.info,.card,.quick-card,.contact-quick a,.form,.field input,.field select,.field textarea{transition:all .28s ease}
.btn svg,.choice-link svg,.quick-arrow svg{transition:transform .24s ease}
.btn:hover svg,.choice-link:hover svg,.contact-quick a:hover .quick-arrow svg{transform:translateX(4px)}
.btn-soft{background:#fff3f3;color:var(--red);border-color:rgba(181,0,0,.16);box-shadow:none}
.btn-soft:hover{background:var(--red);color:#fff;transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1),filter .7s ease}
.reveal.in{opacity:1;transform:none;filter:none}
@media(min-width:821px){.header.scrolled{height:74px;background:rgba(248,247,244,.98);box-shadow:0 14px 34px rgba(0,0,0,.08)}.header.scrolled .brand img{width:158px}.header.scrolled .nav .btn{min-height:40px}.header.scrolled .nav>a:not(.btn){transform:translateY(-1px)}}
.section,.stats,.content,.page-hero,.cepik-band,.scrap-feature,.process,.contact,.footer{position:relative}
.section + .section:before,.content + .section:before,.stats + .section:before,.stats + .cepik-band:before,.cepik-band + .section:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(calc(100% - 60px),1080px);height:1px;background:linear-gradient(90deg,transparent,rgba(23,25,27,.08),transparent)}
.process + .section:before,.contact + .footer:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}
.heading{position:relative}
.heading .eyebrow{display:inline-flex;align-items:center;gap:10px}
.heading .eyebrow:before,.download-card .eyebrow:before{content:"";display:inline-block;width:30px;height:2px;background:var(--red);border-radius:99px}
.hero-card:hover,.paper:hover{transform:translateY(-3px)}
.choice-card:hover,.doc-point:hover,.location:hover,.material:hover,.info:hover,.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.doc-point:hover{border-color:rgba(181,0,0,.18);background:linear-gradient(135deg,#fff,#fcf8f8)}
.reason{transition:transform .22s ease,border-color .22s ease}
.reason:hover{transform:translateY(-2px)}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 4px rgba(181,0,0,.08)}
.footer a{transition:color .2s ease,transform .2s ease}
.footer a:hover{transform:translateX(2px)}
.doc-actions{display:flex;flex-wrap:wrap;gap:10px}
.download-strip{padding-top:0}
.download-card{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;padding:34px;border-radius:30px;background:linear-gradient(135deg,#fff,#f7f4f3);border:1px solid var(--line);box-shadow:0 18px 40px rgba(17,19,21,.06)}
.download-card h2{font-size:clamp(31px,4vw,50px);line-height:1.03;letter-spacing:-.06em;margin:14px 0 12px}
.download-card p{font-size:15px;color:var(--muted);margin:0}
.download-actions{display:grid;justify-items:start;gap:12px}
.download-actions span{font-size:12px;color:var(--muted);font-weight:750}
@media(max-width:820px){.download-card{grid-template-columns:1fr;padding:26px}.section + .section:before,.content + .section:before,.stats + .section:before,.stats + .cepik-band:before,.cepik-band + .section:before{width:min(calc(100% - 34px),1080px)}}
@media(max-width:520px){.doc-actions{display:grid;grid-template-columns:1fr}.doc-actions .btn{width:100%}.download-card{padding:22px}.download-card h2{font-size:32px}}


/* --- Naprawa stabilności kafelka kontaktowego w hero --- */
.hero-visual{
  position:relative;
  min-width:0;
  animation:heroVisualFade .42s ease-out both;
}
@keyframes heroVisualFade{
  from{opacity:0}
  to{opacity:1}
}
.callout{
  right:-26px;
  bottom:-29px;
  will-change:auto;
}

/* --- Przywrócone czerwone akcenty w dolnych sekcjach kontaktowych --- */
.contact{
  background:var(--ink);
}
.contact:before{
  width:40%;
  background:linear-gradient(135deg,#e51b26 0%,#b50000 52%,#8e0006 100%);
  opacity:1;
}
.contact .form{
  box-shadow:inset 0 3px 0 rgba(255,99,105,.88);
}
.contact .round{
  background:rgba(255,255,255,.17);
}
.contact .btn-red{
  box-shadow:0 14px 30px rgba(181,0,0,.32);
}
.contact .btn-red:hover{
  box-shadow:0 18px 34px rgba(181,0,0,.42);
}
@media(max-width:820px){
  .hero-visual{max-width:530px;margin:auto}
  .contact:before{
    width:100%;
    height:29%;
    background:linear-gradient(135deg,#e51b26 0%,#a30006 100%);
  }
}
@media(max-width:520px){
  .callout{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual{animation:none}
}

/* --- Korekta: stałe położenie kafelka w hero i pełne przywrócenie czerwonej sekcji kontaktu --- */
.hero-visual{
  position:relative;
  min-width:0;
  padding-bottom:104px;
  animation:none;
}
.hero-visual .callout{
  right:0;
  bottom:0;
  margin:0;
}
/* To nadpisuje separator między sekcjami, który wcześniej przykrywał czerwone tło kontaktu. */
.section.contact:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  left:auto;
  top:auto;
  right:auto;
  bottom:auto;
  transform:none;
  width:40%;
  height:100%;
  background:linear-gradient(135deg,#e51b26 0%,#b50000 52%,#8e0006 100%);
  opacity:1;
}
@media(max-width:820px){
  .hero-visual{padding-bottom:98px}
  .section.contact:before{
    inset:0 0 auto 0;
    width:100%;
    height:29%;
    background:linear-gradient(135deg,#e51b26 0%,#a30006 100%);
  }
}
@media(max-width:520px){
  .hero-visual{padding-bottom:0}
  .hero-visual .callout{display:none}
}


/* --- Finalna korekta: jasny header jak w zaakceptowanej wersji + bez ciemnego paska nad formularzem --- */
.header{height:82px;background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(23,25,27,.08)!important;box-shadow:0 8px 22px rgba(0,0,0,.045)!important;backdrop-filter:blur(12px)}
.header.scrolled{height:76px;background:rgba(255,255,255,.99)!important;border-bottom:1px solid rgba(23,25,27,.08)!important;box-shadow:0 12px 28px rgba(0,0,0,.07)!important}
.head-inner{height:100%}
.brand img{width:170px}
.header.scrolled .brand img{width:162px}
.nav>a:not(.btn){color:#4e5357}
.nav>a.active,.nav>a:not(.btn):hover{color:var(--ink)}
.nav .btn{background:var(--red);color:#fff}

/* Sekcja z formularzem ma wyglądać jak na zaakceptowanym screenie: biały header u góry i czerwony panel po lewej. */
.section.contact,.contact-form-section,.contact{background:var(--ink);position:relative;overflow:hidden}
.section.contact:before,.contact-form-section:before,.contact:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:44% !important;
  height:100% !important;
  transform:none !important;
  background:linear-gradient(135deg,#f10618 0%,#d60010 46%,#a30006 100%) !important;
  opacity:1 !important;
  z-index:0 !important;
}
.contact-grid{position:relative;z-index:1}
.contact .form{box-shadow:inset 0 3px 0 rgba(255,99,105,.88),0 22px 46px rgba(0,0,0,.18)}
.contact .heading,.contact .contact-points,.contact .contact-inline{position:relative;z-index:1}

/* Nie pokazuj cienkiego separatora nad tą sekcją jako ciemnego paska. */
.process + .section.contact:before,
.section.contact:before,
.content + .section.contact:before{
  background:linear-gradient(135deg,#f10618 0%,#d60010 46%,#a30006 100%) !important;
}

/* Hero callout wraca do lekkiego, bocznego położenia bez zasłaniania treści. */
.hero-visual{position:relative;min-width:0;padding-bottom:0;animation:none}
.hero-visual .callout{right:-26px;bottom:-29px;margin:0}

@media(max-width:820px){
  .header{height:72px !important}
  .header.scrolled{height:70px !important}
  .header.scrolled .nav{inset:70px 0 auto}
  .brand img,.header.scrolled .brand img{width:150px}
  .section.contact:before,.contact-form-section:before,.contact:before{width:100% !important;height:26% !important;bottom:auto !important}
}
@media(max-width:520px){
  .brand img,.header.scrolled .brand img{width:137px}
  .hero-visual .callout{display:none}
}


/* --- RESTAL brand polish: podniesienie grafiki auta + motyw znaku logo zamiast części kół --- */
:root{--restal-mark:url('../img/favicon.png')}

/* Podnieś prawą grafikę na stronie głównej */
@media(min-width:821px){
  .hero-grid{align-items:start}
  .hero-visual{align-self:start;transform:translateY(-26px)}
}
@media(min-width:821px) and (max-width:1120px){
  .hero-visual{transform:translateY(-18px)}
}

/* Małe akcenty marki */
.eyebrow:before,
.badge:before,
.cepik-label i,
.status:before{
  background:var(--restal-mark) center/contain no-repeat !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.eyebrow:before{width:14px !important;height:14px !important}
.badge:before{width:11px !important;height:11px !important;margin-right:8px !important;vertical-align:-1px}
.cepik-label i{width:16px !important;height:16px !important;flex:none}
.status:before{width:11px !important;height:11px !important;vertical-align:-1px}

/* Duże, półprzezroczyste dekoracje z wykorzystaniem symbolu RESTAL */
.hero:after,
.cepik-band:after,
.process:after,
.page-hero:after,
.location:after{
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  background:var(--restal-mark) center/contain no-repeat !important;
  opacity:.08;
  filter:saturate(0) brightness(1.1);
}
.hero:after{width:600px !important;height:600px !important;right:-250px !important;top:130px !important;opacity:.11}
.cepik-band:after{width:360px !important;height:360px !important;right:-110px !important;top:-120px !important;opacity:.10}
.process:after{width:520px !important;height:520px !important;right:-130px !important;top:-220px !important;opacity:.08}
.page-hero:after{width:340px !important;height:340px !important;right:-90px !important;top:40px !important;opacity:.08}
.location:after{width:210px !important;height:210px !important;right:-64px !important;bottom:-54px !important;opacity:.07}

/* Delikatny znak także w niektórych kartach */
.choice-card::after,
.scrap-visual::after{
  content:"";
  position:absolute;
  background:var(--restal-mark) center/contain no-repeat;
  opacity:.045;
  pointer-events:none;
}
.choice-card::after{width:130px;height:130px;right:-22px;bottom:-26px}
.scrap-visual::after{width:210px;height:210px;right:-40px;bottom:-30px;opacity:.06}

@media(max-width:820px){
  .hero-visual{transform:none}
  .hero:after{width:430px !important;height:430px !important;right:-180px !important;top:120px !important}
  .cepik-band:after,.process:after,.page-hero:after{opacity:.06}
}


/* --- Korekta hero: kafelek kontaktowy pod kartą, bez nakładania na „Jasne formalności” --- */
@media(min-width:821px){
  .hero-visual{
    padding-bottom:104px !important;
    transform:translateY(-14px) !important;
  }
  .hero-visual .callout{
    right:-14px !important;
    bottom:0 !important;
  }
}
@media(min-width:821px) and (max-width:1120px){
  .hero-visual{padding-bottom:96px !important;transform:translateY(-10px) !important}
  .hero-visual .callout{right:-6px !important}
}


/* --- Dokładna korekta: kafelek „Masz auto do kasacji?” NIE może nachodzić na „Jasne formalności”. --- */
/* Kafelek jest normalnym elementem pod kartą auta, a nie elementem absolutnym na niej. */
@media(min-width:521px){
  .hero-visual{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    padding-bottom:0 !important;
  }
  .hero-visual .callout{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
    left:auto !important;
    margin:18px -20px 0 0 !important;
    flex:none !important;
  }
}
@media(min-width:821px){
  .hero-visual{transform:translateY(-14px) !important}
}
@media(min-width:521px) and (max-width:820px){
  .hero-visual{transform:none !important;max-width:530px;margin:auto}
  .hero-visual .callout{margin:16px 0 0 0 !important;align-self:flex-end}
}
@media(max-width:520px){
  .hero-visual .callout{display:none !important}
}


/* --- Hero redesign: spokojniejszy, bardziej premium moduł z autem --- */
.hero-visual.hero-visual-redesign{position:relative;align-self:start}
.hero-card.hero-card-redesign{
  width:min(100%,520px);
  padding:22px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 65px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
  position:relative;
  overflow:hidden;
}
.hero-card.hero-card-redesign::before{
  content:"";
  position:absolute;
  inset:auto -7% -43% 34%;
  height:340px;
  background:radial-gradient(circle at center, rgba(227,25,37,.38), rgba(227,25,37,0) 70%);
  pointer-events:none;
}
.hero-stage{position:relative;z-index:1;padding:6px 0 4px}
.hero-card.hero-card-redesign .car{height:238px;margin-top:16px}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}
.hero-pills span{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);font-size:11px;font-weight:770;color:rgba(255,255,255,.9)}
.hero-info-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.hero-mini{padding:16px 17px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.16);border-radius:18px}
.hero-mini strong{display:block;font-size:15px;letter-spacing:-.03em;color:#fff}
.hero-mini span{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.65)}
.hero-contact-bar{position:relative;z-index:1;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 18px 34px rgba(0,0,0,.20)}
.hero-contact-bar small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--muted)}
.hero-contact-bar strong{display:block;margin-top:3px;font-size:22px;letter-spacing:-.05em;color:var(--ink)}
.hero-contact-bar span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;font-weight:820;white-space:nowrap}
.hero-contact-bar:hover span{background:#c81118}
.hero-contact-bar:hover{transform:translateY(-2px)}

/* Wyłącz stare pozycjonowanie calloutu dla tej wersji */
.hero-visual-redesign .callout{display:none}

@media(min-width:821px){
  .hero-visual.hero-visual-redesign{transform:translateY(-8px)}
}
@media(max-width:820px){
  .hero-card.hero-card-redesign{max-width:560px;margin:auto;padding:20px}
  .hero-card.hero-card-redesign .car{height:205px}
  .hero-info-row{grid-template-columns:1fr}
  .hero-contact-bar{padding:16px 17px}
}
@media(max-width:520px){
  .hero-card.hero-card-redesign{padding:16px;border-radius:26px}
  .hero-card.hero-card-redesign .car{height:170px;margin-top:10px}
  .hero-pills{justify-content:flex-start}
  .hero-pills span{font-size:10.5px;padding:9px 11px}
  .hero-mini{padding:14px 15px;border-radius:16px}
  .hero-mini strong{font-size:14px}
  .hero-contact-bar{display:grid;gap:12px;padding:15px 16px;border-radius:18px}
  .hero-contact-bar strong{font-size:18px}
  .hero-contact-bar span{width:100%}
}


/* --- Korekta sekcji wyboru: znak RESTAL u góry, bez nachodzenia na cyfry 01/02 --- */
.choice-card{isolation:isolate}
.choice-card::after{
  width:78px !important;
  height:78px !important;
  top:22px !important;
  right:22px !important;
  bottom:auto !important;
  opacity:.07 !important;
  z-index:0;
}
.choice-card > *:not(.ghost){position:relative;z-index:1}
.choice-icon{position:relative;z-index:2}
.ghost{
  right:18px !important;
  bottom:14px !important;
  font-size:120px !important;
  line-height:1 !important;
  opacity:.055 !important;
  z-index:0;
  pointer-events:none;
}
.choice-card.dark .ghost{opacity:.075 !important}
@media(max-width:520px){
  .choice-card::after{width:64px !important;height:64px !important;top:18px !important;right:18px !important}
  .ghost{font-size:92px !important;right:14px !important;bottom:12px !important}
}


/* --- Korekta kart wyboru: znak RESTAL u góry, cyfry czyste i nieprzykryte --- */
.choice-card{isolation:isolate}
.choice-card > :not(.ghost){position:relative;z-index:2}
.choice-card::after{
  width:188px !important;
  height:188px !important;
  right:-28px !important;
  top:-26px !important;
  bottom:auto !important;
  opacity:.06 !important;
  z-index:1 !important;
}
.choice-card.dark::after{opacity:.09 !important}
.choice-card .ghost{
  right:20px !important;
  bottom:10px !important;
  z-index:0 !important;
  opacity:.08;
  line-height:.82;
  pointer-events:none;
}
.choice-card{padding-top:36px}
.choice-card h3{max-width:340px}
.choice-card p{max-width:420px}
@media(max-width:820px){
  .choice-card::after{width:156px !important;height:156px !important;right:-20px !important;top:-18px !important}
  .choice-card .ghost{right:14px !important;bottom:8px !important;font-size:136px}
}
@media(max-width:520px){
  .choice-card::after{width:132px !important;height:132px !important;right:-16px !important;top:-14px !important}
  .choice-card .ghost{font-size:118px}
}


/* --- Uproszczony hero: samo zdjęcie / wizual bez nadmiaru informacji --- */
.hero-visual-simple{align-self:start}
.hero-photo-card{
  position:relative;
  width:min(100%,540px);
  min-height:430px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(340px 240px at 78% 28%, rgba(191,0,0,.34), transparent 70%),
    linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  box-shadow:0 28px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
}
.hero-photo-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:44px 44px;
  opacity:.5;
  pointer-events:none;
}
.hero-photo-card::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-72px;
  bottom:-60px;
  background:var(--restal-mark) center/contain no-repeat;
  opacity:.09;
  pointer-events:none;
}
.hero-photo-brand{
  position:absolute;
  top:24px;
  right:26px;
  z-index:2;
  font-size:12px;
  letter-spacing:.22em;
  font-weight:850;
  color:rgba(255,255,255,.9);
}
.hero-photo-frame{
  position:absolute;
  inset:18px;
  border-radius:28px;
  background:linear-gradient(160deg, rgba(13,16,18,.72), rgba(42,28,31,.34));
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:24px 22px 18px;
}
.hero-photo-frame svg{
  width:100%;
  max-width:520px;
  height:auto;
  display:block;
}
/* wyłączenie starej złożonej zawartości hero */
.hero-stage,.hero-pills,.hero-info-row,.hero-contact-bar,.hero-mini,.hero-card.hero-card-redesign .card-top{display:none !important}
.hero-card.hero-card-redesign{all:unset}

@media(min-width:821px){
  .hero-visual-simple{transform:translateY(10px)}
}
@media(max-width:820px){
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:26px;align-items:start}
  .hero-visual-simple{order:2}
  .hero-photo-card{width:100%;min-height:360px;border-radius:28px}
  .hero-photo-brand{top:20px;right:22px}
  .hero-photo-frame{inset:14px;border-radius:22px;padding:18px 18px 14px}
  .hero-photo-frame svg{max-width:420px}
}
@media(max-width:520px){
  .hero{padding:102px 0 44px}
  .hero-grid{gap:22px}
  .hero h1{font-size:45px;line-height:.95}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-photo-card{min-height:284px;border-radius:22px}
  .hero-photo-brand{top:16px;right:18px;font-size:11px}
  .hero-photo-frame{inset:10px;border-radius:18px;padding:14px 12px 10px}
  .hero-photo-card::after{width:170px;height:170px;right:-48px;bottom:-46px;opacity:.08}
  .hero-photo-frame svg{max-width:300px}
}


/* --- Lepsza integracja zdjęcia w hero: jeden spójny panel premium --- */
.hero-visual-simple{align-self:start}
.hero-photo-card{
  position:relative;
  width:min(100%,540px);
  height:430px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:0 28px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
}
.hero-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  pointer-events:none;
}
.hero-photo-frame{
  position:absolute;
  inset:16px;
  border-radius:28px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(8,10,12,.04),rgba(8,10,12,.18)),
    url('assets/img/hero-visual-premium.svg') center/cover no-repeat;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hero-photo-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 100%);
}
.hero-photo-overlay{
  position:absolute;
  inset:18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  z-index:2;
}
.hero-photo-kicker,
.hero-photo-chip{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:840;
}
.hero-photo-kicker{
  color:#fff;
  background:rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
}
.hero-photo-chip{
  color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
}
@media(min-width:821px){
  .hero-visual-simple{transform:translateY(10px)}
}
@media(max-width:820px){
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:26px;align-items:start}
  .hero-visual-simple{order:2}
  .hero-photo-card{width:100%;height:350px;border-radius:28px}
  .hero-photo-frame{inset:12px;border-radius:22px}
  .hero-photo-overlay{inset:14px}
}
@media(max-width:520px){
  .hero{padding:102px 0 44px}
  .hero-grid{gap:22px}
  .hero h1{font-size:45px;line-height:.95}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-photo-card{height:250px;border-radius:22px}
  .hero-photo-frame{inset:10px;border-radius:18px}
  .hero-photo-overlay{inset:12px;gap:8px}
  .hero-photo-kicker,.hero-photo-chip{min-height:31px;padding:0 10px;font-size:10px;letter-spacing:.1em}
}


/* --- Finalna korekta hero photo: czysty panel bez okrągłych motywów --- */
.hero-visual-simple{align-self:start}
.hero-photo-card{
  position:relative;
  width:min(100%,540px);
  height:430px;
  border-radius:30px;
  padding:12px;
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 56px rgba(0,0,0,.24);
  backdrop-filter:blur(10px);
  overflow:hidden;
}
.hero-photo-card::before,.hero-photo-card::after{display:none !important}
.hero-photo-frame{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(6,8,10,.02),rgba(6,8,10,.12)),
    url('../img/hero-yard-clean.svg') center/cover no-repeat;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  display:block;
  padding:0;
}
.hero-photo-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 100%);
  pointer-events:none;
}
.hero-photo-overlay{
  position:absolute;
  left:18px;
  right:18px;
  top:18px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  z-index:2;
}
.hero-photo-kicker,.hero-photo-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:12px;
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:840;
  backdrop-filter:blur(8px);
}
.hero-photo-kicker{background:rgba(12,14,16,.55);border:1px solid rgba(255,255,255,.10);color:#fff}
.hero-photo-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.9)}
@media(min-width:821px){.hero-visual-simple{transform:translateY(10px)}}
@media(max-width:820px){
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:26px;align-items:start}
  .hero-visual-simple{order:2}
  .hero-photo-card{width:100%;height:350px;border-radius:26px;padding:10px}
  .hero-photo-frame{border-radius:18px}
  .hero-photo-overlay{left:14px;right:14px;top:14px}
}
@media(max-width:520px){
  .hero{padding:102px 0 44px}
  .hero-grid{gap:22px}
  .hero h1{font-size:45px;line-height:.95}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-photo-card{height:240px;border-radius:22px;padding:8px}
  .hero-photo-frame{border-radius:16px}
  .hero-photo-overlay{left:10px;right:10px;top:10px;gap:8px}
  .hero-photo-kicker,.hero-photo-chip{min-height:28px;padding:0 9px;border-radius:10px;font-size:9px;letter-spacing:.09em}
}


/* --- Rzeczywista zmiana hero: prosty panel zdjęciowy bez dziwnych ozdobników --- */
.hero-visual-clean{align-self:start}
.hero-media-card{
  position:relative;
  margin:0;
  width:min(100%,540px);
  height:430px;
  border-radius:28px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 50px rgba(0,0,0,.24);
}
.hero-media-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-media-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:84px;
  background:linear-gradient(180deg,rgba(5,7,8,0),rgba(5,7,8,.82));
  pointer-events:none;
}
.hero-media-caption{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  z-index:2;
  display:grid;
  gap:4px;
}
.hero-media-caption span{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(255,255,255,.68);
}
.hero-media-caption strong{
  font-size:16px;
  letter-spacing:-.03em;
  color:#fff;
}
@media(min-width:821px){
  .hero-visual-clean{transform:translateY(10px)}
}
@media(max-width:820px){
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:26px;align-items:start}
  .hero-visual-clean{order:2}
  .hero-media-card{width:100%;height:340px;border-radius:24px}
}
@media(max-width:520px){
  .hero{padding:102px 0 44px}
  .hero-grid{gap:22px}
  .hero h1{font-size:45px;line-height:.95}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-media-card{height:240px;border-radius:20px}
  .hero-media-caption{left:12px;right:12px;bottom:12px}
  .hero-media-caption span{font-size:9px;letter-spacing:.1em}
  .hero-media-caption strong{font-size:13px}
}


/* --- Nowy główny element hero: typograficzny panel ze zmieniającymi się słowami --- */
.hero-visual-kinetic{align-self:start}
.hero-kinetic-card{
  position:relative;
  width:min(100%,540px);
  min-height:430px;
  padding:22px 24px 22px;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(360px 260px at 78% 24%, rgba(181,0,0,.30), transparent 72%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 56px rgba(0,0,0,.24);
  backdrop-filter:blur(10px);
}
.hero-kinetic-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:56px 56px;
  opacity:.48;
  pointer-events:none;
}
.hero-kinetic-card::after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-120px;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(255,255,255,.06), rgba(255,255,255,0) 72%);
  pointer-events:none;
}
.hero-kinetic-top,.hero-kinetic-bottom,.hero-kinetic-stage{position:relative;z-index:1}
.hero-kinetic-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hero-kinetic-top span{
  display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:830;
  background:rgba(10,12,14,.28);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.94);
}
.hero-kinetic-stage{display:grid;align-content:center;min-height:300px;padding:16px 0 10px}
.hero-kinetic-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:840;color:rgba(255,255,255,.56)}
.hero-word-window{position:relative;min-height:116px;margin-top:14px}
.hero-word{
  position:absolute;left:0;top:0;display:block;
  font-size:clamp(64px,8vw,98px);line-height:.9;letter-spacing:-.08em;font-weight:850;
  transition:transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease, filter .42s ease;
}
.hero-word-current{color:#fff;opacity:1;transform:translateY(0);filter:none}
.hero-word-next{color:var(--red);opacity:0;transform:translateY(26px);filter:blur(8px)}
.hero-kinetic-card.is-changing .hero-word-current{opacity:0;transform:translateY(-24px);filter:blur(8px)}
.hero-kinetic-card.is-changing .hero-word-next{opacity:1;transform:translateY(0);filter:none}
.hero-kinetic-stage p{max-width:360px;margin:8px 0 0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.72)}
.hero-kinetic-bottom{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.hero-kinetic-bottom span{
  display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:999px;
  background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:760;color:rgba(255,255,255,.9)
}
@media(min-width:821px){.hero-visual-kinetic{transform:translateY(10px)}}
@media(max-width:820px){
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:26px;align-items:start}
  .hero-visual-kinetic{order:2}
  .hero-kinetic-card{width:100%;min-height:350px;padding:18px 18px 18px;border-radius:26px}
  .hero-kinetic-stage{min-height:224px;padding:10px 0 6px}
  .hero-word-window{min-height:92px}
  .hero-word{font-size:72px}
  .hero-kinetic-stage p{max-width:420px}
}
@media(max-width:520px){
  .hero{padding:102px 0 44px}
  .hero-grid{gap:22px}
  .hero h1{font-size:45px;line-height:.95}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-kinetic-card{min-height:270px;padding:14px 14px 14px;border-radius:22px}
  .hero-kinetic-top{gap:8px}
  .hero-kinetic-top span{min-height:30px;padding:0 10px;font-size:9px;letter-spacing:.1em}
  .hero-kinetic-stage{min-height:152px;padding:8px 0 4px}
  .hero-kinetic-label{font-size:9px;letter-spacing:.14em}
  .hero-word-window{min-height:66px;margin-top:10px}
  .hero-word{font-size:48px}
  .hero-kinetic-stage p{max-width:100%;font-size:13px;margin-top:4px}
  .hero-kinetic-bottom{gap:7px;margin-top:4px}
  .hero-kinetic-bottom span{min-height:34px;padding:0 11px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .hero-word-current,.hero-word-next{transition:none!important}
}


/* --- Uproszczony hero words: tylko hasło i zmieniające się słowa --- */
.hero-visual-kinetic{align-self:center;display:flex;align-items:center}
.hero-kinetic-minimal{
  position:relative;
  width:min(100%,520px);
  min-height:300px;
  display:grid;
  align-content:center;
  gap:16px;
}
.hero-kinetic-minimal::before{display:none!important}
.hero-kinetic-label{
  display:block;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:840;
  color:rgba(255,255,255,.54);
}
.hero-kinetic-minimal .hero-word-window{
  position:relative;
  min-height:124px;
  display:flex;
  align-items:flex-start;
}
.hero-kinetic-minimal .hero-word{
  position:relative;
  left:auto;top:auto;
  display:block;
  font-size:clamp(72px,8vw,112px);
  line-height:.88;
  letter-spacing:-.08em;
  font-weight:850;
  color:var(--red);
  opacity:1;
  transform:none;
  filter:none;
  transition:opacity .22s ease, transform .22s ease, filter .22s ease;
  text-wrap:balance;
}
.hero-kinetic-minimal .hero-word.is-leaving{opacity:0;transform:translateY(-12px);filter:blur(6px)}
.hero-kinetic-minimal .hero-word.is-entering{opacity:0;transform:translateY(12px);filter:blur(6px)}
.hero-kinetic-minimal .hero-word.is-entered{opacity:1;transform:none;filter:none}
/* ukryj starą, ciężką oprawę gdyby style zostały w pliku */
.hero-kinetic-card,.hero-kinetic-top,.hero-kinetic-bottom{display:none!important}

@media(min-width:821px){
  .hero-visual-kinetic{transform:translateY(2px)}
}
@media(max-width:820px){
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:24px;align-items:start}
  .hero-visual-kinetic{order:2;align-items:flex-start}
  .hero-kinetic-minimal{width:100%;min-height:180px;gap:12px}
  .hero-kinetic-minimal .hero-word-window{min-height:92px}
  .hero-kinetic-minimal .hero-word{font-size:76px}
}
@media(max-width:520px){
  .hero{padding:102px 0 44px}
  .hero-grid{gap:20px}
  .hero h1{font-size:45px;line-height:.95}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-kinetic-minimal{min-height:auto;gap:10px}
  .hero-kinetic-label{font-size:10px;letter-spacing:.16em}
  .hero-kinetic-minimal .hero-word-window{min-height:60px}
  .hero-kinetic-minimal .hero-word{font-size:48px}
}


/* --- Rozszerzone hero words: więcej haseł, zmiana kolorów i lepsze oddzielenie od lewej kolumny --- */
.hero-visual-kinetic{
  align-self:center;
  display:flex;
  align-items:center;
  position:relative;
  padding-left:54px;
}
.hero-visual-kinetic::before{
  content:"";
  position:absolute;
  left:14px;
  top:8%;
  bottom:8%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),rgba(181,0,0,.34),rgba(255,255,255,.10),transparent);
}
.hero-visual-kinetic::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:38px;
  height:38px;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle at center,rgba(181,0,0,.28),rgba(181,0,0,0) 72%);
  filter:blur(8px);
  pointer-events:none;
}
.hero-kinetic-minimal{
  --word-color: var(--red);
  position:relative;
  width:min(100%,520px);
  min-height:320px;
  display:grid;
  align-content:center;
  gap:18px;
}
.hero-kinetic-label{
  display:block;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:840;
  color:rgba(255,255,255,.54);
}
.hero-kinetic-minimal .hero-word-window{
  position:relative;
  min-height:126px;
  display:flex;
  align-items:flex-start;
}
.hero-kinetic-minimal .hero-word{
  position:relative;
  left:auto;top:auto;
  display:block;
  font-size:clamp(72px,8vw,112px);
  line-height:.88;
  letter-spacing:-.08em;
  font-weight:850;
  color:var(--word-color);
  opacity:1;
  transform:none;
  filter:none;
  text-wrap:balance;
  text-shadow:0 10px 32px rgba(0,0,0,.12);
  transition:opacity .24s ease, transform .24s ease, filter .24s ease, color .30s ease;
}
.hero-kinetic-minimal .hero-word.is-leaving{opacity:0;transform:translateY(-12px);filter:blur(6px)}
.hero-kinetic-minimal .hero-word.is-entering{opacity:0;transform:translateY(12px);filter:blur(6px)}
.hero-kinetic-minimal .hero-word.is-entered{opacity:1;transform:none;filter:none}
@media(min-width:821px){
  .hero-visual-kinetic{transform:translateY(2px)}
}
@media(max-width:820px){
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:24px;align-items:start}
  .hero-visual-kinetic{order:2;align-items:flex-start;padding-left:28px}
  .hero-visual-kinetic::before{left:8px;top:10%;bottom:10%}
  .hero-visual-kinetic::after{width:28px;height:28px}
  .hero-kinetic-minimal{width:100%;min-height:200px;gap:12px}
  .hero-kinetic-minimal .hero-word-window{min-height:92px}
  .hero-kinetic-minimal .hero-word{font-size:76px}
}
@media(max-width:520px){
  .hero{padding:102px 0 44px}
  .hero-grid{gap:20px}
  .hero h1{font-size:45px;line-height:.95}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .trust{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-visual-kinetic{padding-left:18px}
  .hero-visual-kinetic::before{left:4px}
  .hero-visual-kinetic::after{width:20px;height:20px;left:-2px}
  .hero-kinetic-minimal{min-height:auto;gap:10px}
  .hero-kinetic-label{font-size:10px;letter-spacing:.16em}
  .hero-kinetic-minimal .hero-word-window{min-height:60px}
  .hero-kinetic-minimal .hero-word{font-size:48px}
}


/* --- Korekty mobile + stabilizacja hero words --- */
.hero-kinetic-minimal{
  width:min(100%,540px);
}
.hero-kinetic-minimal .hero-word-window{
  position:relative;
  width:100%;
  min-height:126px;
  height:126px;
  overflow:hidden;
}
.hero-kinetic-minimal .hero-word{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  display:block;
  white-space:nowrap;
}

@media(max-width:820px){
  .hero-visual-kinetic{
    padding-left:0;
  }
  .hero-visual-kinetic::before,
  .hero-visual-kinetic::after{
    display:none !important;
  }
  .hero-kinetic-minimal{
    min-height:200px;
  }
  .hero-kinetic-minimal .hero-word-window{
    min-height:92px;
    height:92px;
  }
}
@media(max-width:680px){
  .hero .actions{
    display:none !important;
  }
}
@media(max-width:520px){
  .hero-kinetic-minimal{
    min-height:auto;
  }
  .hero-kinetic-minimal .hero-word-window{
    min-height:60px;
    height:60px;
  }
  .hero-kinetic-minimal .hero-word{
    font-size:48px;
  }
}


/* --- Mobile: dłuższe słowa w hero nie mogą być obcinane --- */
@media(max-width:520px){
  .hero-kinetic-minimal .hero-word-window{
    min-height:72px;
    height:72px;
    overflow:visible;
  }
  .hero-kinetic-minimal .hero-word{
    width:max-content;
    max-width:none;
    font-size:clamp(34px,11.5vw,48px) !important;
    letter-spacing:-.09em;
    line-height:.96;
  }
}


/* --- Hero mobile: pełna wysokość ekranu + wyraźniej zróżnicowane kolory słów --- */
.hero-kinetic-minimal{
  --word-color:#ff4d57;
}
.hero-kinetic-minimal .hero-word{
  color:var(--word-color);
}

@media(max-width:820px){
  .hero{
    min-height:100svh;
    min-height:100dvh;
    display:flex;
    padding:96px 0 34px;
  }
  .hero > .container.hero-grid{
    flex:1;
    min-height:calc(100svh - 130px);
    min-height:calc(100dvh - 130px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:24px;
  }
  .hero-visual-kinetic{
    margin-top:auto;
    width:100%;
  }
}
@media(max-width:520px){
  .hero{
    padding:92px 0 28px;
  }
  .hero > .container.hero-grid{
    min-height:calc(100svh - 120px);
    min-height:calc(100dvh - 120px);
    gap:18px;
  }
  .hero-kinetic-minimal .hero-word-window{
    min-height:74px;
    height:74px;
  }
  .hero-kinetic-minimal .hero-word{
    font-size:clamp(35px,11vw,50px) !important;
  }
}


/* --- Stonowana, industrialna paleta słów w hero --- */
.hero-kinetic-minimal .hero-word{
  text-shadow:0 12px 28px rgba(0,0,0,.18);
}


/* --- Naprawa mobilnego hero: pełny ekran i prawdziwe wyśrodkowanie --- */
@media(max-width:820px){
  .hero{
    min-height:100svh;
    min-height:100dvh;
    display:flex;
    align-items:center;
    padding:96px 0 30px;
  }
  .hero > .container.hero-grid{
    width:100%;
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    align-content:center;
    justify-items:center;
    gap:30px;
    text-align:center;
  }
  .hero > .container.hero-grid > .reveal:first-child{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .hero .eyebrow,
  .hero h1,
  .hero .lead{
    text-align:center;
  }
  .hero .lead{
    margin-left:auto;
    margin-right:auto;
  }
  .hero .trust{
    justify-content:center;
  }
  .hero-visual-kinetic{
    order:2;
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
  }
  .hero-visual-kinetic::before,
  .hero-visual-kinetic::after{display:none!important}
  .hero-kinetic-minimal{
    width:100%;
    min-height:auto;
    display:grid;
    justify-items:center;
    align-content:center;
    gap:12px;
  }
  .hero-kinetic-label{
    width:100%;
    text-align:center;
  }
  .hero-kinetic-minimal .hero-word-window{
    width:100%;
    min-height:96px;
    height:96px;
    display:block;
    overflow:visible;
  }
  .hero-kinetic-minimal .hero-word{
    left:50%;
    top:0;
    width:max-content;
    max-width:none;
    white-space:nowrap;
    transform:translateX(-50%);
  }
  .hero-kinetic-minimal .hero-word.is-leaving{
    transform:translate(-50%,-12px);
  }
  .hero-kinetic-minimal .hero-word.is-entering{
    transform:translate(-50%,12px);
  }
  .hero-kinetic-minimal .hero-word.is-entered{
    transform:translateX(-50%);
  }
}
@media(max-width:520px){
  .hero{
    padding:88px 0 26px;
  }
  .hero > .container.hero-grid{
    gap:24px;
  }
  .hero h1{font-size:43px;}
  .hero .lead{max-width:34ch;}
  .hero .trust{
    width:100%;
    justify-items:center;
  }
  .hero .trust span{justify-content:center;}
  .hero-kinetic-minimal .hero-word-window{
    min-height:74px;
    height:74px;
  }
  .hero-kinetic-minimal .hero-word{
    font-size:clamp(34px,11.2vw,48px)!important;
  }
}


/* --- Finalne ustawienie mobile hero: lewa kolumna profesjonalnie od lewej, samo słowo wyśrodkowane --- */
@media(max-width:820px){
  .hero{
    min-height:100svh;
    min-height:100dvh;
    display:flex;
    align-items:center;
    padding:96px 0 30px;
  }
  .hero > .container.hero-grid{
    width:100%;
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    align-content:center;
    justify-items:stretch;
    gap:30px;
    text-align:left;
  }
  .hero > .container.hero-grid > .reveal:first-child{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  .hero .eyebrow,
  .hero h1,
  .hero .lead{
    text-align:left;
  }
  .hero .lead{
    margin-left:0;
    margin-right:0;
    max-width:36ch;
  }
  .hero .trust{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    justify-content:flex-start;
  }
  .hero .trust span{
    justify-content:flex-start;
  }
  .hero-visual-kinetic{
    order:2;
    width:100%;
    margin:0;
    padding:0;
    display:block;
    text-align:left;
  }
  .hero-visual-kinetic::before,
  .hero-visual-kinetic::after{display:none!important}
  .hero-kinetic-minimal{
    width:100%;
    min-height:auto;
    display:grid;
    justify-items:stretch;
    align-content:center;
    gap:12px;
  }
  .hero-kinetic-label{
    width:100%;
    text-align:left;
  }
  .hero-kinetic-minimal .hero-word-window{
    width:100%;
    min-height:96px;
    height:96px;
    display:block;
    overflow:visible;
    position:relative;
  }
  .hero-kinetic-minimal .hero-word{
    left:50%;
    top:0;
    width:max-content;
    max-width:none;
    white-space:nowrap;
    transform:translateX(-50%);
    text-align:center;
  }
  .hero-kinetic-minimal .hero-word.is-leaving{transform:translate(-50%,-12px)}
  .hero-kinetic-minimal .hero-word.is-entering{transform:translate(-50%,12px)}
  .hero-kinetic-minimal .hero-word.is-entered{transform:translateX(-50%)}
}
@media(max-width:520px){
  .hero{
    padding:88px 0 26px;
  }
  .hero > .container.hero-grid{
    gap:24px;
  }
  .hero h1{font-size:43px}
  .hero .lead{max-width:34ch}
  .hero-kinetic-minimal .hero-word-window{
    min-height:74px;
    height:74px;
  }
  .hero-kinetic-minimal .hero-word{
    font-size:clamp(34px,11.2vw,48px)!important;
  }
}


/* --- RESTAL w obiektywie --- */
.showcase{background:linear-gradient(180deg,#f3f0ec 0%,#ebe6e1 100%)}
.showcase .heading{margin-bottom:34px}
.showcase-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.shot{position:relative;overflow:hidden;border-radius:30px;background:#d9d4cf;min-height:280px;box-shadow:0 22px 44px rgba(0,0,0,.10);border:1px solid rgba(19,20,22,.08)}
.shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease, filter .45s ease}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,15,.02) 22%,rgba(11,13,15,.16) 55%,rgba(11,13,15,.68) 100%)}
.shot:hover img{transform:scale(1.035)}
.shot-a{grid-column:span 7;min-height:420px}.shot-a img{object-position:center 54%}
.shot-b{grid-column:span 5;min-height:420px}.shot-b img{object-position:center 52%}
.shot-c{grid-column:span 5;min-height:320px}.shot-c img{object-position:center 48%}
.shot-d{grid-column:span 7;min-height:320px}.shot-d img{object-position:center 62%}
.cap{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;display:grid;gap:5px}
.cap span{display:inline-flex;align-items:center;width:max-content;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.13);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.cap strong{font-size:24px;line-height:1.02;letter-spacing:-.05em;color:#fff;max-width:18ch}
@media(max-width:820px){
  .showcase{overflow:hidden}
  .showcase .heading{margin-bottom:24px}
  .showcase-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:6px;padding-right:20px}
  .showcase-grid::-webkit-scrollbar{display:none}
  .shot,.shot-a,.shot-b,.shot-c,.shot-d{flex:0 0 84%;min-height:290px;grid-column:auto;border-radius:24px;scroll-snap-align:start}
  .shot-d img{object-position:center 55%}
  .cap{left:16px;right:16px;bottom:16px}
  .cap strong{font-size:20px;max-width:15ch}
}
@media(max-width:520px){
  .showcase-grid{gap:12px}
  .shot,.shot-a,.shot-b,.shot-c,.shot-d{flex-basis:88%;min-height:250px;border-radius:22px}
  .cap{left:14px;right:14px;bottom:14px;gap:4px}
  .cap span{min-height:28px;padding:0 10px;font-size:9px}
  .cap strong{font-size:18px;max-width:14ch}
}


/* --- Zdjęcia firmowe wplecione w istniejące sekcje + spokojniejsze oddzielenie hero --- */
.hero-visual-kinetic::before{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),rgba(255,255,255,.08),transparent) !important;
}
.hero-visual-kinetic::after{display:none !important}

.choice-card.media{padding:18px 18px 28px}
.choice-card.media .choice-photo{position:relative;height:180px;border-radius:22px;overflow:hidden;margin-bottom:18px;background:#d7d3cf}
.choice-card.media .choice-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,14,.04) 0%,rgba(10,12,14,.12) 100%)}
.choice-card.media .choice-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.choice-card.media:hover .choice-photo img{transform:scale(1.03)}
.choice-card.media h3{margin-top:12px}
.choice-card.media.dark .choice-photo::after{background:linear-gradient(180deg,rgba(10,12,14,.05) 0%,rgba(10,12,14,.24) 100%)}

.location.with-photo{padding:18px 18px 28px}
.location.with-photo:after{display:none}
.location.with-photo .pin{top:34px;right:34px}
.location-photo{height:190px;border-radius:22px;overflow:hidden;margin-bottom:18px;background:#d7d3cf}
.location-photo img{width:100%;height:100%;display:block;object-fit:cover}
.location.with-photo .locno,.location.with-photo h3,.location.with-photo p,.location.with-photo .tags,.location.with-photo .btn{position:relative;z-index:1}

@media(max-width:820px){
  .choice-card.media{padding:14px 14px 24px}
  .choice-card.media .choice-photo{height:160px;border-radius:18px;margin-bottom:14px}
  .location.with-photo{padding:14px 14px 24px}
  .location.with-photo .pin{top:24px;right:24px}
  .location-photo{height:170px;border-radius:18px;margin-bottom:14px}
}
@media(max-width:520px){
  .choice-card.media .choice-photo{height:142px;border-radius:16px}
  .location-photo{height:152px;border-radius:16px}
}


/* --- Dopracowanie zdjęć firmowych + usunięcie czerwonej kreski przy formularzu --- */
.choice-card.media .choice-photo,
.location-photo{
  box-shadow:0 16px 32px rgba(0,0,0,.10);
  border:1px solid rgba(18,20,22,.06);
}
.choice-card.media .choice-photo::before,
.location-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 30%),
    linear-gradient(180deg, rgba(15,17,19,0) 35%, rgba(15,17,19,.08) 100%);
  pointer-events:none;
}
.choice-card.media .choice-photo::after,
.location-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(135deg, rgba(181,0,0,.08), rgba(22,26,30,.10));
  mix-blend-mode:multiply;
  pointer-events:none;
}
.choice-card.media .choice-photo img,
.location-photo img{
  filter:contrast(1.05) saturate(.94) brightness(.98);
  transform:scale(1.02);
  transition:transform .55s ease, filter .55s ease;
}
.choice-card.media:hover .choice-photo img,
.location.with-photo:hover .location-photo img{
  transform:scale(1.06);
  filter:contrast(1.07) saturate(.98) brightness(.99);
}

/* indywidualne kadrowanie */
.choice-photo-fleet img{object-position:center 38%}
.choice-photo-mural img{object-position:center 54%}
.location-photo-hq img{object-position:39% 44%}
.location-photo-yard img{object-position:30% 62%}

/* lekko inne proporcje dla lepszego kadru */
.choice-card.media .choice-photo{height:196px}
.location-photo{height:208px}

/* kontakt: bez czerwonej kreski nad formularzem */
.contact-grid{align-items:stretch}
.form{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:rgba(255,255,255,.065);
}
.form::before,
.form::after{content:none !important}
@media(min-width:821px){
  .contact:before{width:38%}
}
@media(max-width:820px){
  .contact:before{display:none}
  .contact-grid{gap:34px}
  .choice-card.media .choice-photo{height:172px}
  .location-photo{height:184px}
}
@media(max-width:520px){
  .choice-card.media .choice-photo{height:150px}
  .location-photo{height:162px}
  .choice-photo-fleet img{object-position:center 34%}
  .choice-photo-mural img{object-position:center 58%}
  .location-photo-hq img{object-position:38% 42%}
  .location-photo-yard img{object-position:28% 60%}
}


/* --- Zdjęcia jako subtelne tło / poświata + usunięcie czerwonej linii przy formularzu --- */
.contact{
  background:
    radial-gradient(520px 300px at 12% 32%, rgba(181,0,0,.18), transparent 60%),
    radial-gradient(360px 220px at 84% 76%, rgba(255,255,255,.04), transparent 70%),
    var(--ink) !important;
}
.contact:before{display:none !important}
.form{
  border-top-color:rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.055)) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.18);
}
.form::before,.form::after{content:none !important;display:none !important}

.choice-card.media,
.location.with-photo{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.choice-card.media > *:not(.choice-photo),
.location.with-photo > *:not(.location-photo){
  position:relative;
  z-index:2;
}
.choice-card.media .choice-photo,
.location.with-photo .location-photo{
  position:absolute;
  inset:0;
  height:auto;
  margin:0;
  border-radius:inherit;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  pointer-events:none;
  overflow:hidden;
}
.choice-card.media .choice-photo::before,
.choice-card.media .choice-photo::after,
.location.with-photo .location-photo::before,
.location.with-photo .location-photo::after{content:none !important;display:none !important}
.choice-card.media .choice-photo img,
.location.with-photo .location-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(.12) saturate(.82) contrast(1.02) brightness(.96);
}

/* pierwsza karta - delikatna flota jako tło z prawej */
.choice-card.media .choice-photo{
  inset:0 0 0 34%;
  opacity:.22;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 22%, rgba(0,0,0,.85) 58%, #000 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 22%, rgba(0,0,0,.85) 58%, #000 100%);
}
.choice-card.media .choice-photo img{
  object-position:center 42%;
  transform:scale(1.12);
}
.choice-card.media.dark .choice-photo{
  inset:0 0 0 26%;
  opacity:.18;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 20%, rgba(0,0,0,.76) 54%, #000 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 20%, rgba(0,0,0,.76) 54%, #000 100%);
}
.choice-card.media.dark .choice-photo img{
  object-position:center 54%;
  transform:scale(1.16);
  filter:grayscale(.05) saturate(.76) contrast(1.03) brightness(.72);
}
.choice-card.media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(245,241,236,.98) 0%, rgba(245,241,236,.96) 42%, rgba(245,241,236,.72) 70%, rgba(245,241,236,.52) 100%);
}
.choice-card.media.dark::before{
  background:linear-gradient(90deg, rgba(10,12,15,.96) 0%, rgba(10,12,15,.92) 40%, rgba(10,12,15,.66) 70%, rgba(10,12,15,.44) 100%);
}
.choice-card.media:hover .choice-photo img,
.choice-card.media.dark:hover .choice-photo img{transform:scale(1.16)}

/* lokalizacje - zdjęcie tylko jako atmosfera tła, nie jako normalny blok */
.location.with-photo .location-photo{
  inset:auto -8% -8% 36%;
  opacity:.17;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.22) 20%, rgba(0,0,0,.78) 56%, #000 100%), linear-gradient(180deg, rgba(0,0,0,.28), #000 72%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.22) 20%, rgba(0,0,0,.78) 56%, #000 100%), linear-gradient(180deg, rgba(0,0,0,.28), #000 72%);
}
.location.with-photo .location-photo img{transform:scale(1.14);filter:grayscale(.08) saturate(.86) contrast(1.02) brightness(.92)}
.location.with-photo .location-photo-hq img{object-position:42% 44%}
.location.with-photo .location-photo-yard img{object-position:30% 62%}
.location.with-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(247,243,238,.98) 0%, rgba(247,243,238,.94) 46%, rgba(247,243,238,.74) 72%, rgba(247,243,238,.58) 100%);
}

/* usuń stare proporcje, bo już nie są potrzebne */
.choice-card.media .choice-photo,
.location-photo{height:auto !important}

@media(max-width:820px){
  .choice-card.media .choice-photo{inset:0 0 0 26%;opacity:.20}
  .choice-card.media.dark .choice-photo{inset:0 0 0 18%;opacity:.16}
  .location.with-photo .location-photo{inset:auto -12% -10% 28%;opacity:.15}
}
@media(max-width:520px){
  .choice-card.media .choice-photo{inset:0 0 0 18%;opacity:.17}
  .choice-card.media.dark .choice-photo{inset:0 0 0 12%;opacity:.14}
  .location.with-photo .location-photo{inset:auto -14% -10% 18%;opacity:.13}
  .choice-card.media::before{background:linear-gradient(180deg, rgba(245,241,236,.98) 0%, rgba(245,241,236,.94) 38%, rgba(245,241,236,.84) 72%, rgba(245,241,236,.72) 100%)}
  .choice-card.media.dark::before{background:linear-gradient(180deg, rgba(10,12,15,.96) 0%, rgba(10,12,15,.90) 42%, rgba(10,12,15,.76) 76%, rgba(10,12,15,.64) 100%)}
  .location.with-photo::before{background:linear-gradient(180deg, rgba(247,243,238,.98) 0%, rgba(247,243,238,.94) 40%, rgba(247,243,238,.82) 76%, rgba(247,243,238,.72) 100%)}
}


/* --- Przywrócenie czerwonego tła kontaktu + mocniej widoczne zdjęcia jako tło --- */
.contact{
  background:var(--ink) !important;
}
.contact:before{
  display:block !important;
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:40%;
  background:linear-gradient(135deg,#e51b26,#8e0006) !important;
}
.form{
  background:rgba(14,17,20,.78) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 24px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}
.form,
.form *{position:relative;z-index:1}
.form::before,
.form::after{content:none !important;display:none !important}

/* zdjęcia bardziej widoczne, ale dalej jako tło / poświata */
.choice-card.media .choice-photo{
  inset:0 0 0 28%;
  opacity:.34;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 16%, rgba(0,0,0,.72) 46%, #000 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 16%, rgba(0,0,0,.72) 46%, #000 100%);
}
.choice-card.media .choice-photo img{
  object-position:center 40%;
  transform:scale(1.14);
  filter:grayscale(.06) saturate(.94) contrast(1.04) brightness(.98);
}
.choice-card.media.dark .choice-photo{
  inset:0 0 0 18%;
  opacity:.28;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 14%, rgba(0,0,0,.66) 44%, #000 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 14%, rgba(0,0,0,.66) 44%, #000 100%);
}
.choice-card.media.dark .choice-photo img{
  object-position:center 54%;
  transform:scale(1.18);
  filter:grayscale(.03) saturate(.90) contrast(1.05) brightness(.82);
}
.choice-card.media::before{
  background:linear-gradient(90deg, rgba(245,241,236,.97) 0%, rgba(245,241,236,.92) 34%, rgba(245,241,236,.58) 70%, rgba(245,241,236,.34) 100%);
}
.choice-card.media.dark::before{
  background:linear-gradient(90deg, rgba(10,12,15,.96) 0%, rgba(10,12,15,.88) 32%, rgba(10,12,15,.48) 70%, rgba(10,12,15,.26) 100%);
}

.location.with-photo .location-photo{
  inset:auto -6% -6% 28%;
  opacity:.26;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 18%, rgba(0,0,0,.72) 48%, #000 100%), linear-gradient(180deg, rgba(0,0,0,.18), #000 70%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 18%, rgba(0,0,0,.72) 48%, #000 100%), linear-gradient(180deg, rgba(0,0,0,.18), #000 70%);
}
.location.with-photo .location-photo img{
  transform:scale(1.16);
  filter:grayscale(.04) saturate(.92) contrast(1.04) brightness(.95);
}
.location.with-photo::before{
  background:linear-gradient(90deg, rgba(247,243,238,.97) 0%, rgba(247,243,238,.91) 38%, rgba(247,243,238,.56) 72%, rgba(247,243,238,.34) 100%);
}

@media(max-width:820px){
  .contact:before{display:none !important}
  .form{background:rgba(14,17,20,.74) !important}
  .choice-card.media .choice-photo{inset:0 0 0 18%;opacity:.29}
  .choice-card.media.dark .choice-photo{inset:0 0 0 8%;opacity:.24}
  .location.with-photo .location-photo{inset:auto -10% -8% 18%;opacity:.22}
}
@media(max-width:520px){
  .choice-card.media .choice-photo{inset:0 0 0 8%;opacity:.26}
  .choice-card.media.dark .choice-photo{inset:0 0 0 2%;opacity:.22}
  .location.with-photo .location-photo{inset:auto -12% -8% 8%;opacity:.20}
  .choice-card.media::before{background:linear-gradient(180deg, rgba(245,241,236,.97) 0%, rgba(245,241,236,.88) 34%, rgba(245,241,236,.64) 76%, rgba(245,241,236,.44) 100%)}
  .choice-card.media.dark::before{background:linear-gradient(180deg, rgba(10,12,15,.96) 0%, rgba(10,12,15,.84) 34%, rgba(10,12,15,.58) 76%, rgba(10,12,15,.38) 100%)}
  .location.with-photo::before{background:linear-gradient(180deg, rgba(247,243,238,.97) 0%, rgba(247,243,238,.88) 34%, rgba(247,243,238,.64) 76%, rgba(247,243,238,.44) 100%)}
}


/* --- Korekty po uwagach użytkownika: bez nakładki w kafelkach, lepsze tła lokalizacji, bez czerwonej górnej linii formularza --- */
.choice-card.media .ghost{display:none !important}

/* lokalizacje: zdjęcie ma wypełniać cały kafelek jako tło, bez obciętych pasków u góry */
.location.with-photo{
  isolation:isolate;
}
.location.with-photo > *:not(.location-photo){position:relative;z-index:2}
.location.with-photo .location-photo{
  position:absolute !important;
  top:0 !important;
  right:-6% !important;
  bottom:0 !important;
  left:28% !important;
  margin:0 !important;
  height:auto !important;
  border-radius:inherit !important;
  overflow:hidden !important;
  opacity:.28 !important;
  z-index:0 !important;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 18%, rgba(0,0,0,.72) 48%, #000 100%), linear-gradient(180deg, rgba(0,0,0,.16), #000 68%) !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 18%, rgba(0,0,0,.72) 48%, #000 100%), linear-gradient(180deg, rgba(0,0,0,.16), #000 68%) !important;
}
.location.with-photo .location-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.16);
  filter:grayscale(.04) saturate(.94) contrast(1.04) brightness(.95);
}
.location.with-photo .location-photo-hq img{object-position:42% 44%}
.location.with-photo .location-photo-yard img{object-position:30% 62%}
.location.with-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(247,243,238,.97) 0%, rgba(247,243,238,.92) 36%, rgba(247,243,238,.56) 72%, rgba(247,243,238,.32) 100%) !important;
}

/* formularz: usuń czerwony pasek na górnej krawędzi */
.form{
  position:relative;
  overflow:hidden;
  background:#071018 !important;
  background-clip:padding-box !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 24px 48px rgba(0,0,0,.22) !important;
}
.form::before,
.form::after{content:none !important;display:none !important}

@media(max-width:820px){
  .location.with-photo .location-photo{
    left:18% !important;
    right:-10% !important;
    bottom:0 !important;
    opacity:.24 !important;
  }
}
@media(max-width:520px){
  .location.with-photo .location-photo{
    left:8% !important;
    right:-12% !important;
    bottom:0 !important;
    opacity:.22 !important;
  }
  .location.with-photo::before{
    background:linear-gradient(180deg, rgba(247,243,238,.97) 0%, rgba(247,243,238,.88) 34%, rgba(247,243,238,.64) 76%, rgba(247,243,238,.42) 100%) !important;
  }
}


/* --- Opinie klientów + zabezpieczenie długich słów w hero --- */
.reviews{background:linear-gradient(135deg,#efede9,#f7f5f2)}
.reviews-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:64px;align-items:center}
.reviews-score{padding:36px;border-radius:28px;background:var(--ink);color:#fff;position:relative;overflow:hidden}
.reviews-score::after{content:"";position:absolute;width:280px;height:280px;right:-130px;bottom:-145px;border-radius:50%;background:radial-gradient(circle at 36% 36%,rgba(227,25,37,.74),transparent 63%)}
.reviews-score>*{position:relative;z-index:1}
.reviews-score .eyebrow{color:rgba(255,255,255,.72)}
.reviews-score .eyebrow:before{background:#ff5b60;box-shadow:0 0 0 5px rgba(255,91,96,.16)}
.rating-line{display:flex;align-items:baseline;gap:8px;margin-top:22px}
.rating-line strong{font-size:88px;line-height:.8;letter-spacing:-.09em}
.rating-line span{font-size:20px;color:rgba(255,255,255,.66);font-weight:760}
.stars{display:flex;gap:5px;margin:18px 0 12px;color:#ffcb60;font-size:20px;letter-spacing:.04em}
.reviews-score p{margin:0;color:rgba(255,255,255,.76);font-size:14px}.reviews-score p b{color:#fff}
.reviews-score .btn{margin-top:26px;background:#fff;color:var(--ink)}
.reviews-score .btn:hover{background:#f1efec}
.reviews-content .heading{margin-bottom:28px}.reviews-content .heading h2{max-width:650px}
.review-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.review-points article{padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(20,22,24,.07);min-height:196px}
.review-points span{font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--red)}
.review-points h3{margin:21px 0 9px;font-size:20px;letter-spacing:-.045em}
.review-points p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

/* Zmieniane hasła: dłuższe słowo „Bezpiecznie.” ma zawsze pełną szerokość */
.hero-kinetic-minimal .hero-word-window{overflow:visible !important}
@media(max-width:820px){
  .hero-kinetic-minimal .hero-word-window{overflow:visible !important}
  .hero-kinetic-minimal .hero-word{max-width:calc(100vw - 48px);font-size:clamp(34px,9.8vw,48px) !important}
  .reviews-grid{grid-template-columns:1fr;gap:26px}.reviews-score{padding:30px}.review-points{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .hero-kinetic-minimal .hero-word{font-size:clamp(31px,9.6vw,42px) !important;letter-spacing:-.09em}
  .reviews-score{padding:26px;border-radius:24px}.rating-line strong{font-size:74px}.review-points{grid-template-columns:1fr;gap:10px}.review-points article{min-height:auto;padding:19px}
}


/* --- STABILIZACJA PO NIEUDANEJ WERSJI: czysty mobile-first hero i porządek na telefonie --- */
html,body{overflow-x:hidden}

/* Ten blok celowo dotyczy tylko telefonów i tabletów. Desktop zostaje bez przebudowy. */
@media(max-width:820px){
  .container{width:min(calc(100% - 32px),var(--max))}
  .section{padding:74px 0}
  .header{height:72px}
  .header.scrolled{height:68px}
  .brand img{width:142px}

  /* HERO: tekst po lewej, słowo jako jedyny wyśrodkowany akcent */
  .hero{
    min-height:100svh;
    min-height:100dvh;
    display:flex;
    align-items:stretch;
    padding:96px 0 34px;
  }
  .hero > .container.hero-grid{
    width:100%;
    flex:1;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr);
    align-items:stretch;
    justify-items:stretch;
    gap:28px;
    text-align:left;
  }
  .hero > .container.hero-grid > .reveal:first-child{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    align-self:start;
  }
  .hero .eyebrow,
  .hero h1,
  .hero .lead{
    text-align:left;
  }
  .hero h1{
    max-width:11.8ch;
    margin:15px 0 18px;
    font-size:clamp(43px,11.4vw,58px);
    line-height:.94;
  }
  .hero .lead{
    max-width:35ch;
    margin:0;
    font-size:15px;
    line-height:1.55;
  }
  .hero .actions{display:none !important}
  .hero .trust{
    width:100%;
    margin-top:24px;
    display:grid;
    grid-template-columns:1fr;
    justify-content:flex-start;
    gap:8px;
    font-size:12px;
  }
  .hero .trust span{justify-content:flex-start}

  .hero-visual-kinetic{
    order:2;
    width:100%;
    min-height:0;
    margin:0;
    padding:0 !important;
    display:flex;
    align-items:flex-end;
    justify-content:stretch;
    align-self:end;
    text-align:left;
  }
  .hero-visual-kinetic::before,
  .hero-visual-kinetic::after{display:none !important}
  .hero-kinetic-minimal{
    width:100%;
    min-height:0 !important;
    display:grid;
    align-content:end;
    justify-items:stretch;
    gap:11px;
  }
  .hero-kinetic-label{
    width:100%;
    text-align:left !important;
    font-size:10px;
    letter-spacing:.16em;
    color:rgba(255,255,255,.58);
  }
  .hero-kinetic-minimal .hero-word-window{
    position:relative;
    width:100%;
    height:88px;
    min-height:88px;
    overflow:visible !important;
    display:block;
  }
  .hero-kinetic-minimal .hero-word{
    position:absolute !important;
    left:50% !important;
    top:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    white-space:nowrap;
    text-align:center;
    font-size:clamp(38px,11.1vw,52px) !important;
    line-height:.92;
    letter-spacing:-.08em;
    transform:translateX(-50%) !important;
  }
  .hero-kinetic-minimal .hero-word.is-leaving{transform:translate(-50%,-12px) !important}
  .hero-kinetic-minimal .hero-word.is-entering{transform:translate(-50%,12px) !important}
  .hero-kinetic-minimal .hero-word.is-entered{transform:translateX(-50%) !important}

  /* pozostałe sekcje: spokojniejszy rytm na telefonie */
  .stats-grid{grid-template-columns:1fr 1fr}
  .stats-intro{grid-column:1/-1;padding:28px 0 20px}
  .stat{padding:22px 14px}
  .stat:nth-of-type(2){border-left:0}
  .stat b{font-size:40px}
  .stat span{font-size:12px;margin-top:7px}
  .cepik-inner{grid-template-columns:1fr;gap:16px;padding:34px 0}
  .cepik-inner .btn{justify-self:start}
  .choice-grid,.scrap-grid,.doc-grid,.reason-grid,.location-grid,.faq-grid,.contact-grid{grid-template-columns:1fr !important;gap:28px}
  .scrap-visual{min-height:300px}
  .steps{grid-template-columns:1fr 1fr;gap:14px}
  .step{min-height:210px;padding:20px 12px 18px 0}
  .step.final{padding:20px}
  .paper-scene{min-height:340px}
  .reason-grid{gap:26px}
  .location{padding:26px}
  .faq-grid{gap:32px}
  .contact-grid{gap:34px}
  .form{padding:22px}
}

@media(max-width:520px){
  .section{padding:62px 0}
  .hero{padding:90px 0 26px}
  .hero > .container.hero-grid{gap:22px}
  .hero h1{font-size:43px;max-width:11.5ch}
  .hero .lead{max-width:33ch}
  .hero-kinetic-minimal .hero-word-window{height:76px;min-height:76px}
  .hero-kinetic-minimal .hero-word{font-size:clamp(35px,10.9vw,48px) !important}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat{padding:20px 12px}
  .stat b{font-size:35px}
  .steps{grid-template-columns:1fr}
  .step{min-height:auto;padding:19px 0}
  .step.final{padding:20px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .location{padding:22px}
}

@media(max-height:690px) and (max-width:820px){
  .hero{min-height:100svh;padding-top:82px;padding-bottom:20px}
  .hero h1{font-size:clamp(39px,10vw,49px);margin:12px 0 14px}
  .hero .lead{font-size:14px}
  .hero .trust{margin-top:16px;gap:6px}
  .hero-kinetic-minimal .hero-word-window{height:68px;min-height:68px}
  .hero-kinetic-minimal .hero-word{font-size:clamp(34px,9.8vw,44px) !important}
}

@media(prefers-reduced-motion:reduce){
  .hero-kinetic-minimal .hero-word{transition:none !important}
}


/* --- Dopracowanie hero na telefonie po testach --- */
@media(max-width:820px){
  .hero{
    padding:104px 0 38px !important;
  }
  .hero > .container.hero-grid{
    gap:26px !important;
  }
  .hero > .container.hero-grid > .reveal:first-child{
    padding-top:4px;
  }
  .hero .eyebrow,
  .hero h1,
  .hero .lead,
  .hero .trust,
  .hero-kinetic-minimal{
    padding-left:2px;
    padding-right:2px;
  }
  .hero .trust{
    margin-top:22px !important;
    display:grid !important;
    grid-template-columns:max-content max-content !important;
    justify-content:flex-start !important;
    gap:10px 18px !important;
    align-items:center;
  }
  .hero .trust span{
    min-height:26px;
    white-space:nowrap;
  }
  .hero .trust span:nth-child(3){
    grid-column:1 / -1;
    justify-content:flex-start;
  }
  .hero-visual-kinetic{
    align-items:flex-start !important;
    margin-top:2px;
  }
  .hero-kinetic-minimal{
    gap:10px !important;
  }
  .hero-kinetic-label{
    text-align:center !important;
    letter-spacing:.18em !important;
    width:100%;
  }
  .hero-kinetic-minimal .hero-word-window{
    height:84px !important;
    min-height:84px !important;
  }
}

@media(max-width:520px){
  .container{width:min(calc(100% - 40px),var(--max)) !important}
  .hero{
    padding:100px 0 34px !important;
  }
  .hero > .container.hero-grid{
    gap:24px !important;
  }
  .hero h1{
    font-size:42px !important;
    max-width:11.2ch !important;
    margin:14px 0 18px !important;
  }
  .hero .lead{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.56 !important;
  }
  .hero .trust{
    grid-template-columns:max-content max-content !important;
    gap:10px 14px !important;
    font-size:11px !important;
  }
  .hero .trust span b{margin-right:6px}
  .hero-kinetic-label{
    font-size:11px !important;
    text-align:center !important;
  }
  .hero-kinetic-minimal .hero-word-window{
    height:72px !important;
    min-height:72px !important;
  }
  .hero-kinetic-minimal .hero-word{
    font-size:clamp(34px,10.4vw,46px) !important;
  }
}

@media(max-height:690px) and (max-width:820px){
  .hero{
    padding-top:92px !important;
    padding-bottom:24px !important;
  }
  .hero .trust{
    margin-top:16px !important;
    gap:8px 14px !important;
  }
  .hero-kinetic-label{
    text-align:center !important;
  }
  .hero-kinetic-minimal .hero-word-window{
    height:66px !important;
    min-height:66px !important;
  }
}


/* --- Dalsze dopracowanie hero mobile: więcej oddechu i wyśrodkowane punkty zaufania --- */
@media(max-width:820px){
  .hero > .container.hero-grid{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .hero > .container.hero-grid > .reveal:first-child{
    padding-top:12px !important;
  }
  .hero .eyebrow,
  .hero h1,
  .hero .lead,
  .hero .trust,
  .hero-kinetic-minimal{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .hero .trust{
    justify-content:center !important;
    gap:10px 18px !important;
    margin-top:26px !important;
  }
  .hero .trust span{
    justify-content:center !important;
  }
  .hero .trust span:nth-child(3){
    justify-content:center !important;
    justify-self:center !important;
  }
}

@media(max-width:520px){
  .container{width:min(calc(100% - 42px),var(--max)) !important}
  .hero{
    padding:104px 0 36px !important;
  }
  .hero > .container.hero-grid{
    gap:26px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .hero > .container.hero-grid > .reveal:first-child{
    padding-top:14px !important;
  }
  .hero .eyebrow{
    margin-bottom:8px !important;
  }
  .hero h1{
    font-size:42px !important;
    max-width:11.1ch !important;
    margin:16px 0 20px !important;
  }
  .hero .lead{
    font-size:15px !important;
    line-height:1.62 !important;
  }
  .hero .trust{
    grid-template-columns:max-content max-content !important;
    justify-content:center !important;
    gap:10px 16px !important;
    margin-top:24px !important;
    font-size:11px !important;
  }
  .hero .trust span:nth-child(3){
    grid-column:1 / -1;
    justify-self:center !important;
  }
  .hero-kinetic-label{
    margin-top:2px !important;
    margin-bottom:2px !important;
  }
}

@media(max-height:690px) and (max-width:820px){
  .hero > .container.hero-grid{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .hero > .container.hero-grid > .reveal:first-child{
    padding-top:8px !important;
  }
  .hero .trust{
    margin-top:18px !important;
    justify-content:center !important;
  }
}


/* --- Statystyki na mobile: trzy elementy obok siebie --- */
@media(max-width:520px){
  .stats-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
  .stats-intro{
    grid-column:1 / -1 !important;
    padding:24px 0 18px !important;
  }
  .stat{
    padding:18px 10px 16px !important;
    border-top:1px solid var(--line) !important;
    border-left:1px solid var(--line) !important;
    min-width:0;
  }
  .stat:nth-of-type(2){
    border-left:0 !important;
    padding-left:0 !important;
  }
  .stat:nth-of-type(3),
  .stat:nth-of-type(4){
    padding-left:14px !important;
  }
  .stat b{
    font-size:clamp(24px,7vw,33px) !important;
    line-height:.95 !important;
  }
  .stat span{
    margin-top:7px !important;
    font-size:11px !important;
    line-height:1.38 !important;
    max-width:none !important;
  }
}


/* --- Kontakt do sprzedaży części + informacja po kasacji --- */
.parts-contact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 18px}
.parts-contact span{font-size:12px;font-weight:790;letter-spacing:.04em;text-transform:uppercase;color:#6f7376}
.parts-contact a{font-size:23px;line-height:1;font-weight:850;letter-spacing:-.055em;color:var(--red)}
.parts-contact a:hover{color:var(--ink)}
.contact-line-parts .round{font-size:17px;font-weight:800}
.contact-line-parts a{color:#fff;text-decoration:none}
.contact-line-parts a:hover{text-decoration:underline}
.@media(max-width:620px){
  .parts-contact{display:grid;gap:6px;margin:19px 0 16px}
  .parts-contact a{font-size:21px}
}


/* --- Rozbudowa podstrony Kasacja pojazdów / demontaż --- */
.demontaz-hero{background:radial-gradient(520px 330px at 79% 34%,rgba(227,25,37,.36),transparent 66%),linear-gradient(118deg,#151719,#24282b 66%,#121416)}
.demontaz-intro{padding-bottom:74px}
.demontaz-lead{max-width:860px;margin-bottom:30px}
.demontaz-lead h2{font-size:clamp(36px,4.6vw,62px);line-height:1.01;letter-spacing:-.065em;margin:14px 0 18px}
.demontaz-lead p{max-width:680px;font-size:16px;color:var(--muted);line-height:1.65;margin:0}
.after-demontaz{background:linear-gradient(135deg,#efebe7,#e2ddd7);overflow:hidden}
.after-demontaz-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:62px;align-items:center}
.after-demontaz-copy h2{font-size:clamp(36px,4.3vw,58px);line-height:1.02;letter-spacing:-.065em;margin:14px 0 17px;max-width:680px}
.after-demontaz-copy>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:630px;margin:0}
.after-demontaz-note{display:flex;gap:12px;align-items:flex-start;margin-top:25px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.65);border:1px solid rgba(23,25,27,.08);max-width:590px}
.after-demontaz-note b{color:var(--red);font-size:13px;white-space:nowrap}.after-demontaz-note span{font-size:13px;color:#555b5e;line-height:1.45}
.after-demontaz-card{padding:32px;border-radius:28px;background:var(--ink);color:#fff;position:relative;overflow:hidden;box-shadow:0 24px 44px rgba(0,0,0,.16)}
.after-demontaz-card::after{content:"";position:absolute;width:300px;height:300px;right:-150px;bottom:-160px;border-radius:50%;background:radial-gradient(circle at 38% 38%,rgba(227,25,37,.76),transparent 62%)}
.after-demontaz-card>*{position:relative;z-index:1}.after-mark{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:10px;letter-spacing:.14em;font-weight:850;text-transform:uppercase;color:rgba(255,255,255,.72)}
.after-demontaz-card strong{display:block;font-size:28px;letter-spacing:-.055em;line-height:1.04;margin:25px 0 12px}.after-demontaz-card p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.6;margin:0}.after-demontaz-card .btn{margin-top:24px;background:#fff;color:var(--ink)}
.lifecycle{background:#fff}.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lifecycle-card{padding:26px;border-radius:22px;background:linear-gradient(180deg,#fbfaf9,#f2efeb);border:1px solid rgba(23,25,27,.07);min-height:252px;position:relative;overflow:hidden}.lifecycle-card::after{content:"";position:absolute;width:140px;height:140px;right:-72px;bottom:-76px;border-radius:50%;background:radial-gradient(circle at center,rgba(227,25,37,.12),transparent 67%)}
.lifecycle-no{display:block;font-size:11px;letter-spacing:.14em;font-weight:850;color:var(--red)}.lifecycle-card h3{font-size:21px;line-height:1.05;letter-spacing:-.045em;margin:32px 0 10px}.lifecycle-card p{position:relative;z-index:1;font-size:14px;line-height:1.58;color:var(--muted);margin:0}
.gray-zone{background:linear-gradient(120deg,#111315,#272c30);color:#fff;overflow:hidden;position:relative}.gray-zone::after{content:"";position:absolute;width:600px;height:600px;left:-280px;bottom:-420px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 58px rgba(255,255,255,.02),0 0 0 116px rgba(255,255,255,.012)}
.gray-zone-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.gray-zone-copy h2{font-size:clamp(37px,4.45vw,62px);letter-spacing:-.068em;line-height:1.01;margin:15px 0 18px;max-width:680px}.gray-zone-copy>p{font-size:16px;line-height:1.67;color:rgba(255,255,255,.7);margin:0;max-width:650px}.gray-zone-copy .btn{margin-top:27px}
.gray-zone-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.16)}.gray-zone-list article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.14)}.gray-zone-list span{font-size:12px;letter-spacing:.12em;font-weight:850;color:#ff6c72}.gray-zone-list h3{font-size:20px;letter-spacing:-.04em;margin:0 0 7px}.gray-zone-list p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.65);margin:0}
.knowledge{background:#eeebe7}.knowledge-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:start}.knowledge .heading h2{font-size:clamp(36px,4.2vw,58px);line-height:1.02;letter-spacing:-.065em}.knowledge-list{border-top:1px solid rgba(23,25,27,.17)}.knowledge-list details{border-bottom:1px solid rgba(23,25,27,.16);padding:0}.knowledge-list summary{list-style:none;cursor:pointer;position:relative;padding:21px 40px 21px 0;font-size:17px;font-weight:820;letter-spacing:-.025em}.knowledge-list summary::-webkit-details-marker{display:none}.knowledge-list summary::after{content:"+";position:absolute;right:0;top:17px;width:27px;height:27px;border-radius:50%;border:1px solid rgba(23,25,27,.18);display:grid;place-items:center;font-size:20px;font-weight:500;transition:.2s}.knowledge-list details[open] summary::after{content:"–";background:var(--red);color:#fff;border-color:var(--red)}.knowledge-list p{margin:0 44px 21px 0;color:var(--muted);font-size:14px;line-height:1.64}
@media(max-width:980px){.lifecycle-grid{grid-template-columns:repeat(2,1fr)}.gray-zone-grid,.after-demontaz-grid,.knowledge-grid{grid-template-columns:1fr;gap:42px}}
@media(max-width:820px){.demontaz-intro{padding-bottom:58px}.after-demontaz-grid,.gray-zone-grid,.knowledge-grid{gap:32px}.lifecycle-grid{grid-template-columns:1fr 1fr}.gray-zone-copy h2,.after-demontaz-copy h2{max-width:720px}.knowledge .heading{margin-bottom:0}}
@media(max-width:520px){.demontaz-lead h2,.after-demontaz-copy h2,.gray-zone-copy h2,.knowledge .heading h2{font-size:36px}.after-demontaz-card{padding:25px;border-radius:23px}.after-demontaz-card strong{font-size:25px}.after-demontaz-note{display:grid;gap:5px}.lifecycle-grid{grid-template-columns:1fr}.lifecycle-card{min-height:auto;padding:23px}.lifecycle-card h3{margin-top:24px}.gray-zone-list article{grid-template-columns:31px 1fr;gap:11px}.gray-zone-list h3{font-size:18px}.knowledge-list summary{font-size:16px;padding-right:38px}.knowledge-list p{margin-right:0}.demontaz-hero h1{font-size:44px}}


/* --- Rozbudowana podstrona skupu złomu --- */
.scrap-value{background:linear-gradient(135deg,#efebe7,#e3ded8);overflow:hidden}
.scrap-value-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:62px;align-items:center}
.scrap-value-copy h2{font-size:clamp(36px,4.3vw,58px);line-height:1.02;letter-spacing:-.065em;margin:14px 0 17px;max-width:650px}
.scrap-value-copy>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:640px;margin:0}
.scrap-value-note{display:flex;gap:12px;align-items:flex-start;margin-top:25px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.66);border:1px solid rgba(23,25,27,.08);max-width:610px}
.scrap-value-note b{color:var(--red);font-size:13px;white-space:nowrap}.scrap-value-note span{font-size:13px;color:#555b5e;line-height:1.45}
.scrap-cash-card{padding:32px;border-radius:28px;background:var(--ink);color:#fff;position:relative;overflow:hidden;box-shadow:0 24px 44px rgba(0,0,0,.16)}
.scrap-cash-card::after{content:"";position:absolute;width:320px;height:320px;right:-160px;bottom:-170px;border-radius:50%;background:radial-gradient(circle at 38% 38%,rgba(227,25,37,.78),transparent 62%)}
.scrap-cash-card>*{position:relative;z-index:1}.cash-card-label{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:10px;letter-spacing:.14em;font-weight:850;text-transform:uppercase;color:rgba(255,255,255,.72)}
.scrap-cash-card strong{display:block;font-size:29px;letter-spacing:-.058em;line-height:1.04;margin:25px 0 12px}.scrap-cash-card strong em{font-style:normal;color:#ff777b}.scrap-cash-card p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.72);margin:0}.scrap-cash-card .btn{margin-top:24px;background:#fff;color:var(--ink)}
.scrap-lifecycle{background:#fff}.scrap-knowledge{background:#eeebe7}
@media(max-width:980px){.scrap-value-grid{grid-template-columns:1fr;gap:42px}}
@media(max-width:820px){.scrap-value-grid{gap:32px}.scrap-value-copy h2{max-width:720px}}
@media(max-width:520px){.scrap-value-copy h2{font-size:36px}.scrap-cash-card{padding:25px;border-radius:23px}.scrap-cash-card strong{font-size:25px}.scrap-value-note{display:grid;gap:5px}}


/* --- Skup złomu: mocniejsza prawa strona sekcji kontaktowej --- */
.scrap-contact .contact-grid{align-items:center}
.scrap-contact-panel{
  position:relative;
  padding:30px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:0 22px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.scrap-contact-panel::before{
  content:"";
  position:absolute;
  inset:-30% -10% auto auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(227,25,37,.22), rgba(227,25,37,0) 68%);
  pointer-events:none;
}
.scrap-contact-kicker{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.scrap-contact-panel h3{
  margin:18px 0 22px;
  font-size:clamp(28px,3vw,38px);
  line-height:1.02;
  letter-spacing:-.06em;
}
.scrap-contact-points{display:grid;gap:14px;margin-bottom:24px}
.scrap-contact-item{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:14px;
  align-items:flex-start;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.scrap-contact-ico{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:19px;
  font-weight:850;
}
.scrap-contact-item strong{
  display:block;
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.03em;
  color:#fff;
  margin-bottom:5px;
}
.scrap-contact-item span:last-child{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.58;
}
.scrap-contact-panel .btn{width:100%;justify-content:center}

@media(max-width:820px){
  .scrap-contact-panel{padding:24px;border-radius:24px}
  .scrap-contact-panel h3{margin:16px 0 18px}
  .scrap-contact-item{padding:14px}
}
@media(max-width:520px){
  .scrap-contact-panel{padding:20px;border-radius:22px}
  .scrap-contact-points{gap:12px;margin-bottom:18px}
  .scrap-contact-item{grid-template-columns:42px 1fr;gap:12px;border-radius:18px}
  .scrap-contact-ico{width:42px;height:42px;border-radius:14px;font-size:17px}
  .scrap-contact-item strong{font-size:16px}
  .scrap-contact-item span:last-child{font-size:13px;line-height:1.5}
}


/* --- Strona główna: mniejsze kafelki lokalizacji i bez godzin --- */
.home-locations .location-grid{
  gap:14px;
}
.home-locations .location{
  padding:26px;
  border-radius:24px;
}
.home-locations .location:after{
  right:-132px;
  bottom:-132px;
  width:220px;
  height:220px;
}
.home-locations .pin{
  right:20px;
  top:20px;
  width:40px;
  height:40px;
}
.home-locations .locno{
  font-size:10px;
}
.home-locations .location h3{
  font-size:28px;
  margin:12px 0 6px;
}
.home-locations .location p{
  font-size:14px;
}
.home-locations .location .btn{
  margin-top:18px;
  min-height:46px;
  padding:0 18px;
  font-size:13px;
}
@media(max-width:820px){
  .home-locations .location-grid{gap:12px}
  .home-locations .location{padding:22px;border-radius:22px}
  .home-locations .location h3{font-size:24px}
  .home-locations .location .btn{margin-top:16px}
}
@media(max-width:520px){
  .home-locations .location{padding:18px;border-radius:20px}
  .home-locations .pin{right:16px;top:16px;width:36px;height:36px}
  .home-locations .location h3{font-size:22px;margin:10px 0 5px}
  .home-locations .location p{font-size:13px}
  .home-locations .location .btn{min-height:42px;padding:0 15px;font-size:12px}
}


/* --- Oczyszczenie układu po uproszczeniu sekcji --- */
.contact .contact-lines{max-width:430px}
.contact-form-section .heading{margin-bottom:22px}
.contact-form-section .contact-inline{margin-top:20px}
.home-locations + .faq{padding-top:86px}
@media(max-width:820px){
  .contact .contact-lines{max-width:none}
  .home-locations + .faq{padding-top:72px}
}


/* --- FAQ: spójne przyciski i płynne akordeony na całej stronie --- */
.faq-list{
  display:grid;
  gap:10px;
  border:0 !important;
  counter-reset:faq;
}
.faq-item{
  counter-increment:faq;
  overflow:hidden;
  border:1px solid rgba(23,25,27,.09) !important;
  border-radius:19px;
  background:rgba(255,255,255,.66);
  box-shadow:0 6px 16px rgba(18,20,22,.025);
  transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease,transform .26s ease;
}
.faq-item:hover{
  border-color:rgba(227,25,37,.22) !important;
  box-shadow:0 14px 26px rgba(18,20,22,.055);
  transform:translateY(-1px);
}
.faq-item.open{
  background:#fff;
  border-color:rgba(227,25,37,.30) !important;
  box-shadow:0 16px 30px rgba(18,20,22,.075);
}
.faq-q{
  min-height:74px;
  padding:16px 18px 16px 20px !important;
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) 42px;
  gap:14px !important;
  align-items:center !important;
  font-size:16px !important;
  line-height:1.3;
  transition:color .24s ease,background-color .24s ease;
}
.faq-q::before{
  content:"0" counter(faq);
  font-size:10px;
  letter-spacing:.12em;
  font-weight:850;
  color:var(--red);
}
.faq-q:hover{color:var(--red)}
.faq-q:focus-visible{
  outline:3px solid rgba(227,25,37,.24);
  outline-offset:-3px;
}
.faq-q i{
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(23,25,27,.14) !important;
  border-radius:14px !important;
  background:#fff;
  font-size:22px !important;
  font-weight:400 !important;
  line-height:1;
  transition:transform .36s cubic-bezier(.22,.61,.36,1),background-color .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease !important;
}
.faq-item.open .faq-q i{
  transform:rotate(45deg) !important;
  border-color:var(--red) !important;
  background:var(--red) !important;
  color:#fff !important;
  box-shadow:0 10px 18px rgba(227,25,37,.22);
}
.faq-a{
  display:grid;
  grid-template-rows:0fr;
  max-height:none !important;
  overflow:hidden;
  transition:grid-template-rows .38s cubic-bezier(.22,.61,.36,1),opacity .28s ease !important;
  opacity:0;
}
.faq-a::before{content:"";min-height:0}
.faq-a > *{overflow:hidden}
.faq-a p{
  margin:0 !important;
  padding:0 76px 22px 62px !important;
  font-size:14px !important;
  line-height:1.68;
}
.faq-item.open .faq-a{
  grid-template-rows:1fr;
  opacity:1;
}

/* FAQ/poradniki na podstronach — ten sam charakter i animacja otwierania */
.knowledge-list{
  display:grid;
  gap:10px;
  border:0 !important;
}
.knowledge-list details.faq-details{
  overflow:hidden;
  border:1px solid rgba(23,25,27,.09);
  border-radius:19px;
  background:rgba(255,255,255,.66);
  box-shadow:0 6px 16px rgba(18,20,22,.025);
  transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease,transform .26s ease;
}
.knowledge-list details.faq-details:hover{
  border-color:rgba(227,25,37,.22);
  box-shadow:0 14px 26px rgba(18,20,22,.055);
  transform:translateY(-1px);
}
.knowledge-list details.faq-details[open]{
  background:#fff;
  border-color:rgba(227,25,37,.30);
  box-shadow:0 16px 30px rgba(18,20,22,.075);
}
.knowledge-list details.faq-details summary{
  min-height:74px;
  padding:16px 76px 16px 20px !important;
  display:flex;
  align-items:center;
  font-size:16px !important;
  line-height:1.3;
  transition:color .24s ease;
}
.knowledge-list details.faq-details summary:hover{color:var(--red)}
.knowledge-list details.faq-details summary:focus-visible{
  outline:3px solid rgba(227,25,37,.24);
  outline-offset:-3px;
}
.knowledge-list details.faq-details summary::after{
  content:"+" !important;
  right:18px !important;
  top:50% !important;
  width:42px !important;
  height:42px !important;
  transform:translateY(-50%);
  border:1px solid rgba(23,25,27,.14) !important;
  border-radius:14px !important;
  background:#fff;
  font-size:22px !important;
  font-weight:400 !important;
  transition:transform .36s cubic-bezier(.22,.61,.36,1),background-color .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease !important;
}
.knowledge-list details.faq-details[open] summary::after{
  content:"+" !important;
  transform:translateY(-50%) rotate(45deg) !important;
  background:var(--red) !important;
  border-color:var(--red) !important;
  color:#fff !important;
  box-shadow:0 10px 18px rgba(227,25,37,.22);
}
.knowledge-list details.faq-details > .faq-detail-body,
.knowledge-list details.faq-details:not([open]) > .faq-detail-body{
  display:grid;
  grid-template-rows:0fr;
  overflow:hidden;
  opacity:0;
  transition:grid-template-rows .38s cubic-bezier(.22,.61,.36,1),opacity .28s ease;
}
.knowledge-list details.faq-details[open] > .faq-detail-body{
  grid-template-rows:1fr;
  opacity:1;
}
.knowledge-list details.faq-details > .faq-detail-body > *{overflow:hidden}
.knowledge-list details.faq-details p{
  margin:0 !important;
  padding:0 76px 22px 20px !important;
  font-size:14px !important;
  line-height:1.68;
}

@media(max-width:520px){
  .faq-list,.knowledge-list{gap:8px}
  .faq-item,.knowledge-list details.faq-details{border-radius:16px}
  .faq-q{min-height:68px;padding:13px 13px 13px 15px !important;grid-template-columns:22px minmax(0,1fr) 38px;gap:10px !important;font-size:15px !important}
  .faq-q::before{font-size:9px}
  .faq-q i,.knowledge-list details.faq-details summary::after{width:38px !important;height:38px !important;border-radius:12px !important}
  .faq-a p{padding:0 18px 19px 47px !important;font-size:13px !important;line-height:1.62}
  .knowledge-list details.faq-details summary{min-height:68px;padding:13px 62px 13px 15px !important;font-size:15px !important}
  .knowledge-list details.faq-details summary::after{right:13px !important}
  .knowledge-list details.faq-details p{padding:0 17px 19px 15px !important;font-size:13px !important;line-height:1.62}
}
@media(prefers-reduced-motion:reduce){
  .faq-item,.faq-q,.faq-q i,.faq-a,.knowledge-list details.faq-details,.knowledge-list details.faq-details summary,.knowledge-list details.faq-details summary::after,.knowledge-list details.faq-details > .faq-detail-body{transition:none !important}
}


/* --- Naprawa FAQ na stronie głównej: odpowiedź ma być rzeczywistym akordeonem --- */
.faq-a{
  display:block !important;
  grid-template-rows:none !important;
  max-height:0 !important;
  overflow:hidden !important;
  opacity:0;
  transition:max-height .38s cubic-bezier(.22,.61,.36,1),opacity .24s ease !important;
}
.faq-item.open .faq-a{
  max-height:360px !important;
  opacity:1;
}


/* --- Numerowane etapy: sekwencyjne wejście i akcent na liczbach --- */
.sequence-ready > .sequence-item{
  opacity:0;
  transform:translateY(20px);
  will-change:transform,opacity;
}
.sequence-ready.sequence-active > .sequence-item{
  animation:restalSequenceIn .56s cubic-bezier(.22,.61,.36,1) var(--sequence-delay,0ms) both;
}
.sequence-number{
  display:inline-grid;
  place-items:center;
  transform-origin:center;
}
.sequence-ready.sequence-active > .sequence-item .sequence-number{
  animation:restalNumberPop .6s cubic-bezier(.22,.61,.36,1) calc(var(--sequence-delay,0ms) + 120ms) both;
}
.steps.sequence-ready .step b,
.scrap-steps.sequence-ready .scrap-step b,
.lifecycle-grid.sequence-ready .lifecycle-no,
.timeline.sequence-ready .trow > b,
.review-points.sequence-ready article > span,
.doc-points.sequence-ready .doc-point > b,
.reason-grid.sequence-ready .reason .ico{
  position:relative;
}
.steps.sequence-ready .step b::after,
.scrap-steps.sequence-ready .scrap-step b::after,
.lifecycle-grid.sequence-ready .lifecycle-no::after,
.timeline.sequence-ready .trow > b::after,
.review-points.sequence-ready article > span::after,
.doc-points.sequence-ready .doc-point > b::after,
.reason-grid.sequence-ready .reason .ico::after{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(227,25,37,.24);
  border-radius:50%;
  opacity:0;
  transform:scale(.65);
}
.sequence-ready.sequence-active .sequence-number::after{
  animation:restalNumberRing .68s ease-out calc(var(--sequence-delay,0ms) + 140ms) both;
}
@keyframes restalSequenceIn{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes restalNumberPop{
  0%{opacity:0;transform:scale(.62)}
  65%{opacity:1;transform:scale(1.10)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes restalNumberRing{
  0%{opacity:.8;transform:scale(.62)}
  100%{opacity:0;transform:scale(1.36)}
}
@media(prefers-reduced-motion:reduce){
  .sequence-ready > .sequence-item{opacity:1;transform:none}
  .sequence-ready.sequence-active > .sequence-item,
  .sequence-ready.sequence-active > .sequence-item .sequence-number,
  .sequence-ready.sequence-active .sequence-number::after{animation:none}
}


/* --- Liczniki statystyk na stronie głównej --- */
.stat-number{font-variant-numeric:tabular-nums;display:inline-block;min-width:3.35ch}


/* --- Spokojniejsze tempo animacji: dłuższe wejścia i wyraźniejsze odstępy --- */
.reveal{
  transition-duration:.92s !important;
  transition-timing-function:cubic-bezier(.22,.61,.36,1) !important;
  transition-delay:.10s;
}
.reveal.d1{transition-delay:.22s !important}
.reveal.d2{transition-delay:.36s !important}
.reveal.d3{transition-delay:.50s !important}

.sequence-ready.sequence-active > .sequence-item{
  animation-duration:.82s !important;
}
.sequence-ready.sequence-active > .sequence-item .sequence-number{
  animation-duration:.86s !important;
}
.sequence-ready.sequence-active .sequence-number::after{
  animation-duration:.96s !important;
}
.faq-item{
  transition-duration:.38s !important;
}
.faq-q,.faq-q i{
  transition-duration:.36s !important;
}
.faq-a{
  transition-duration:.52s !important;
}
@media(prefers-reduced-motion:reduce){
  .reveal{transition:none !important}
}


/* --- Wyważone tempo animacji: wyraźne, ale reagujące przy szybkim przewijaniu --- */
.reveal{
  transition-duration:.66s !important;
  transition-delay:.04s !important;
}
.reveal.d1{transition-delay:.12s !important}
.reveal.d2{transition-delay:.20s !important}
.reveal.d3{transition-delay:.28s !important}
.sequence-ready.sequence-active > .sequence-item{
  animation-duration:.64s !important;
}
.sequence-ready.sequence-active > .sequence-item .sequence-number{
  animation-duration:.66s !important;
}
.sequence-ready.sequence-active .sequence-number::after{
  animation-duration:.72s !important;
}
.faq-item{transition-duration:.28s !important}
.faq-q,.faq-q i{transition-duration:.28s !important}
.faq-a{transition-duration:.34s !important}


/* --- Mocniejsze, ale płynne zwijanie headera po przewinięciu --- */
.header{
  transition:height .24s cubic-bezier(.22,.61,.36,1),background .24s ease,box-shadow .24s ease !important;
}
.brand img{
  transition:width .24s cubic-bezier(.22,.61,.36,1),transform .24s ease !important;
}
@media(min-width:821px){
  .header.scrolled{height:68px !important;}
  .header.scrolled .brand img{width:150px !important;}
  .header.scrolled .nav .btn{min-height:36px;}
  .header.scrolled .nav>a:not(.btn){font-size:11.5px;}
}
@media(max-width:820px){
  .header.scrolled{height:60px !important;}
  .header.scrolled .brand img{width:126px !important;}
  .header.scrolled .menu{width:36px !important;height:36px !important;}
  .header.scrolled .nav{inset:60px 0 auto !important;}
}
@media(max-width:520px){
  .header.scrolled .brand img{width:120px !important;}
}


/* --- Header: kompaktowy glass po scrollu + dyskretny postęp strony --- */
:root{--page-scroll-progress:0}
.header{
  isolation:isolate;
  overflow:visible;
}
.header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(255,255,255,0);
  transition:background .28s ease,backdrop-filter .28s ease,box-shadow .28s ease;
}
.header.scrolled::before{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  box-shadow:0 10px 26px rgba(16,18,20,.08);
}
.header::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  height:2px;
  width:100%;
  z-index:4;
  pointer-events:none;
  background:var(--red);
  transform:scaleX(var(--page-scroll-progress));
  transform-origin:left center;
  opacity:0;
  transition:opacity .22s ease,transform .08s linear;
}
.header.scrolled::after{opacity:.9}
.nav>a:not(.btn){
  position:relative;
}
.nav>a:not(.btn)::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-8px;
  height:2px;
  border-radius:99px;
  background:var(--red);
  transition:left .22s ease,right .22s ease,opacity .22s ease;
  opacity:0;
}
.nav>a.active:not(.btn)::after{
  left:8px;
  right:8px;
  opacity:1;
}
.header.scrolled .nav>a:not(.btn)::after{bottom:-6px}
@media(min-width:821px){
  .header.scrolled{height:66px !important;}
  .header.scrolled .brand img{width:146px !important;}
}
@media(max-width:820px){
  .header.scrolled{height:58px !important;}
  .header.scrolled .brand img{width:121px !important;}
  .header.scrolled .nav{inset:58px 0 auto !important;}
  .header::after{height:2px}
}
@media(max-width:520px){
  .header.scrolled{height:56px !important;}
  .header.scrolled .brand img{width:116px !important;}
  .header.scrolled .nav{inset:56px 0 auto !important;}
}
@media(prefers-reduced-motion:reduce){
  .header::before,.header::after,.nav>a:not(.btn)::after{transition:none}
}


/* --- Header: wyraźniejszy glass + dopracowany przycisk menu mobile --- */
.header.scrolled{
  background:rgba(255,255,255,.66)!important;
  border-bottom-color:rgba(255,255,255,.72)!important;
  box-shadow:0 12px 30px rgba(20,22,24,.12)!important;
  backdrop-filter:blur(22px) saturate(1.38)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.38)!important;
}
.header.scrolled::before{
  background:linear-gradient(115deg,rgba(255,255,255,.62),rgba(255,255,255,.34))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 13px 30px rgba(16,18,20,.07)!important;
}
@media(max-width:820px){
  .menu{
    position:relative;
    width:44px!important;
    height:44px!important;
    border:1px solid rgba(227,25,37,.22)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,241,239,.92))!important;
    color:var(--ink)!important;
    box-shadow:0 7px 18px rgba(21,23,25,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;
    transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease!important;
  }
  .menu::before{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:10px;
    border:1px solid rgba(227,25,37,.08);
    pointer-events:none;
    transition:opacity .22s ease,transform .22s ease;
  }
  .menu span{
    width:19px!important;
    height:2px!important;
    margin:4px auto!important;
    border-radius:99px;
    background:currentColor!important;
    transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .18s ease,background .22s ease!important;
  }
  .menu:hover{transform:translateY(-1px);border-color:rgba(227,25,37,.42);box-shadow:0 10px 22px rgba(21,23,25,.14),inset 0 1px 0 rgba(255,255,255,.95)!important}
  .menu:active{transform:scale(.96)}
  .menu.open{
    background:linear-gradient(145deg,#e91c29,#c90916)!important;
    border-color:#c90916!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(190,8,19,.27),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
  .menu.open::before{border-color:rgba(255,255,255,.20);transform:scale(.9)}
  .menu.open span:first-child{transform:translateY(6px) rotate(45deg)!important}
  .menu.open span:nth-child(2){opacity:0!important;transform:scaleX(.55)!important}
  .menu.open span:last-child{transform:translateY(-6px) rotate(-45deg)!important}
  .header.scrolled .menu{
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
  }
  .header.scrolled .menu::before{inset:5px;border-radius:9px}
  .header.scrolled .menu span{width:17px!important;margin:3.5px auto!important}
}
@media(max-width:520px){
  .menu{width:42px!important;height:42px!important;border-radius:14px!important}
  .header.scrolled .menu{width:36px!important;height:36px!important;border-radius:12px!important}
  .header.scrolled .menu span{width:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .menu,.menu::before,.menu span{transition:none!important}
}


/* --- Mobile menu: jeden czysty obrys zamiast kwadratu w kwadracie --- */
@media(max-width:820px){
  .menu::before{
    display:none !important;
  }
}


/* --- Hero: spójna paleta RESTAL dla zmieniających się haseł --- */
.hero-kinetic-minimal .hero-word{
  text-shadow:0 10px 30px rgba(0,0,0,.24),0 0 22px color-mix(in srgb,var(--word-color) 18%,transparent);
}
.hero-kinetic-minimal .hero-word-window::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin-top:18px;
  border-radius:999px;
  background:var(--word-color);
  box-shadow:0 0 16px color-mix(in srgb,var(--word-color) 35%,transparent);
  transition:background .30s ease,box-shadow .30s ease;
}
@media(max-width:820px){
  .hero-kinetic-minimal .hero-word-window::after{width:42px;margin-top:14px;height:3px}
}
@media(max-width:520px){
  .hero-kinetic-minimal .hero-word-window::after{width:34px;margin-top:10px;height:2px}
}


/* --- Hero: bez dodatkowej kreski pod zmienianym słowem --- */
.hero-kinetic-minimal .hero-word-window::after{display:none !important;content:none !important;}