/* ROOFEX V124 — kopia decyzyjna */
:root{--v124-navy:#001824;--v124-navy2:#00344f;--v124-cyan:#08bff5;--v124-gold:#e5bd70;--v124-gold2:#f3d99b;--v124-burgundy:#74243b;--v124-line:rgba(57,196,242,.32);--v124-muted:#aec7d3}
.nav-group{position:relative;display:flex;align-items:center}
.nav-group>button{border:0;padding:31px 0;background:none;color:#c1d4dd;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.nav-group>button span{color:var(--v124-cyan)}
.nav-dropdown{position:absolute;z-index:120;top:70px;left:50%;display:grid;min-width:210px;padding:9px;border:1px solid var(--v124-line);background:rgba(0,24,36,.98);box-shadow:0 22px 60px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.2s}
.nav-dropdown a{padding:12px 14px!important;color:#d8e7ee!important;white-space:nowrap}
.nav-dropdown a:hover{background:rgba(8,191,245,.09);color:#fff!important}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-group.is-open .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.sales-home,.why-roofex{padding:76px clamp(24px,4vw,70px);background:linear-gradient(180deg,#001824,#00314a)}
.sales-home__head{display:flex;align-items:end;justify-content:space-between;gap:32px;width:min(1460px,100%);margin:0 auto 30px}
.sales-home__head h2,.why-roofex h2{max-width:820px;margin:8px 0 0;font-size:clamp(34px,4.2vw,58px);line-height:1.05}
.sales-home__head>p{max-width:470px;margin:0;color:var(--v124-muted);font-size:14px;line-height:1.7}
.sales-home__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;width:min(1460px,100%);margin:auto}
.sales-card{position:relative;display:flex;min-height:500px;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid var(--v124-line);padding:230px 24px 26px;background:linear-gradient(180deg,#06415e,#001d2d);transition:.25s}
.sales-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#001824 0%,rgba(0,24,36,.94) 48%,rgba(0,24,36,.05) 79%)}
.sales-card img{position:absolute;inset:0;width:100%;height:53%;object-fit:cover;transition:.5s}
.sales-card>*:not(img){position:relative;z-index:2}
.sales-card span{color:var(--v124-cyan);font-size:10px;font-weight:800;letter-spacing:.16em}
.sales-card h3{margin:16px 0 10px;font-size:25px;line-height:1.12}
.sales-card p{min-height:66px;margin:0 0 22px;color:#c5d9e2;font-size:12px;line-height:1.6}
.sales-card b{display:flex;min-height:48px;align-items:center;justify-content:center;border:1px solid #ecd392;border-radius:3px;background:linear-gradient(135deg,var(--v124-gold2),var(--v124-gold));color:#132633;font-size:12px}
.sales-card:hover{transform:translateY(-5px);border-color:var(--v124-gold);box-shadow:0 24px 58px rgba(0,8,15,.38)}
.sales-card:hover img{transform:scale(1.04)}
.why-roofex{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-block:1px solid var(--v124-line)}
.why-roofex__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.why-roofex article{border:1px solid var(--v124-line);padding:28px;background:linear-gradient(145deg,rgba(5,65,94,.72),rgba(0,27,42,.96))}
.why-roofex article span{color:var(--v124-cyan);font-size:11px;font-weight:800}
.why-roofex article h3{margin:28px 0 12px;font-size:21px}
.why-roofex article p{margin:0;color:var(--v124-muted);font-size:12px;line-height:1.65}
.promotion{border-color:var(--v124-line)!important;background:linear-gradient(180deg,#06415e,#001d2d)!important;box-shadow:0 18px 52px rgba(0,8,15,.24)!important;transition:transform .25s,border-color .25s,box-shadow .25s}
.promotion::after{background:linear-gradient(90deg,rgba(0,24,36,.96) 0%,rgba(0,36,54,.84) 48%,rgba(0,24,36,.32) 76%,rgba(0,20,32,.46) 100%)!important}
.promotion>img{filter:saturate(.82) contrast(1.04);object-position:center;transition:transform .5s,filter .35s}
.promotion>div{max-width:610px!important}
.promotion>div>span{color:var(--v124-cyan)!important;letter-spacing:.15em;text-transform:uppercase}
.promotion h2{max-width:560px;line-height:1.08}
.promotion [data-feature-text]{max-width:520px;color:#d4e6ee!important}
.promotion .button{background:linear-gradient(135deg,#f3d99b,#e5bd70)!important;color:#14242c!important;box-shadow:0 12px 32px rgba(229,189,112,.2)}
.promotion [data-feature-badge]{right:5%;width:260px;border:1px solid var(--v124-line)!important;border-radius:4px;padding:28px 24px!important;background:linear-gradient(145deg,rgba(5,65,94,.9),rgba(0,27,42,.96));color:#fff!important;font-size:24px!important;line-height:1.05;text-align:left;box-shadow:0 16px 42px rgba(0,8,15,.34),inset 0 0 24px rgba(8,191,245,.04)!important}
.promotion [data-feature-badge] small{margin-top:13px!important;color:#bcd5df!important;font-size:10px!important;line-height:1.5!important}
.promotion:hover{transform:translateY(-4px);border-color:var(--v124-gold)!important;box-shadow:0 24px 58px rgba(0,8,15,.38),0 0 24px rgba(8,191,245,.1)!important}
.promotion:hover>img{transform:scale(1.025);filter:saturate(.9) contrast(1.06)}
.faq-extra[hidden]{display:none}
.faq-column{display:grid;align-content:start;gap:12px}
.faq-more-wrap{display:flex;justify-content:center;margin-top:24px}
.faq-more{min-width:230px;border-color:var(--v124-line)!important;background:rgba(0,29,45,.72)!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.faq-more:hover,.faq-more:focus-visible{transform:translateY(-2px);border-color:var(--v124-gold)!important;box-shadow:0 12px 32px rgba(0,8,15,.32)}
.faq-more span{color:var(--v124-cyan);transition:transform .2s}
.sales-card:nth-child(3){isolation:isolate}
.sales-card:nth-child(3)::before{content:"";position:absolute;z-index:1;inset:0;border:1px solid transparent;pointer-events:none;transition:.25s}
.sales-card:nth-child(3):hover{border-color:var(--v124-cyan);box-shadow:0 24px 58px rgba(0,8,15,.4),0 0 30px rgba(8,191,245,.2),0 12px 34px rgba(229,189,112,.12)}
.sales-card:nth-child(3):hover::before{border-color:rgba(243,217,155,.65);box-shadow:inset 0 -4px var(--v124-gold),inset 0 0 26px rgba(8,191,245,.08)}
.sales-card:nth-child(3):hover b{filter:brightness(1.08);box-shadow:0 10px 28px rgba(229,189,112,.22)}
.main-nav>a,.nav-group>button{position:relative}
.main-nav>a::after,.nav-group>button::after{content:"";position:absolute;right:50%;bottom:18px;left:50%;height:2px;background:var(--v124-cyan);transition:.22s}
.main-nav>a:hover::after,.main-nav>a:focus-visible::after,.nav-group>button:hover::after,.nav-group>button:focus-visible::after{right:0;left:0}
@media(max-width:1450px) and (min-width:1101px){.site-header{gap:18px;padding-inline:34px}.brand{min-width:160px}.main-nav{gap:15px;font-size:10px}.content-page .main-nav{gap:18px}.button-small{padding:12px 16px;font-size:10px}}
@media(max-width:1240px){.why-roofex{grid-template-columns:1fr}.main-nav{gap:18px}}
@media(max-width:1024px){.sales-home__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.nav-group{display:block}.nav-group>button{width:100%;padding:10px 0;text-align:left}.nav-dropdown{position:static;display:none;min-width:0;border:0;padding:4px 0 4px 15px;box-shadow:none;opacity:1;visibility:visible;transform:none}.nav-group.is-open .nav-dropdown{display:grid}.nav-group:hover .nav-dropdown{transform:none}.main-nav>a::after,.nav-group>button::after{bottom:1px}.why-roofex{padding-inline:24px}}
@media(max-width:700px){.sales-home,.why-roofex{padding:54px 20px}.sales-home__head{display:block}.sales-home__head>p{margin-top:18px}.sales-home__grid,.why-roofex__grid{grid-template-columns:1fr}.sales-card{min-height:460px}.sales-card p{min-height:0}.content-home__head p:last-child{margin-top:16px}.promotion{min-height:590px}.promotion>div{padding:38px 26px 185px!important}.promotion [data-feature-badge]{right:26px!important;bottom:26px!important;top:auto!important;width:calc(100% - 52px);transform:none!important;font-size:20px!important}.faq-column{gap:10px}.faq-column+.faq-column{margin-top:10px}}
.sales-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sales-detail-grid article{scroll-margin-top:110px;border:1px solid var(--v124-line);padding:38px;background:linear-gradient(145deg,#06415f,#001c2d)}
.sales-detail-grid article>span{color:var(--v124-cyan);font-size:10px;font-weight:800;letter-spacing:.15em}
.sales-detail-grid h2{margin:26px 0 14px;font-size:clamp(28px,3vw,44px)}
.sales-detail-grid p{min-height:84px;color:var(--v124-muted);line-height:1.7}
.sales-languages{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:64px;border-top:1px solid var(--v124-line);padding-top:54px}
.sales-languages h2{font-size:clamp(32px,4vw,54px)}
.sales-languages>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sales-languages span{display:flex;flex-direction:column;gap:8px;border:1px solid var(--v124-line);padding:20px;color:var(--v124-muted);font-size:12px}
.sales-languages b{color:#fff;font-size:16px}
@media(max-width:700px){.sales-detail-grid,.sales-languages,.sales-languages>div:last-child{grid-template-columns:1fr}.sales-detail-grid article{padding:26px}.sales-detail-grid p{min-height:0}}

/* Sales audience pages V126 */
.audience-hero{min-height:650px}.audience-hero .content-hero__media{filter:saturate(.84) contrast(1.05)}.audience-hero .content-hero__inner{padding-bottom:86px}.audience-hero .actions{margin-top:30px}.audience-shell{padding-block:76px}.audience-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;align-items:end;margin-bottom:32px}.audience-intro h2{margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.05}.audience-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audience-benefits article{border:1px solid var(--v124-line);padding:34px;background:linear-gradient(145deg,rgba(8,68,96,.94),rgba(0,25,40,.98));transition:.25s}.audience-benefits article:hover{transform:translateY(-4px);border-color:var(--v124-gold)}.audience-benefits span{color:var(--v124-cyan);font-size:11px;font-weight:800}.audience-benefits h2{margin:22px 0 12px;font-size:25px}.audience-benefits p{margin:0;color:var(--v124-muted);font-size:13px;line-height:1.7}.audience-process{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;margin-top:80px;padding:62px;border:1px solid var(--v124-line);background:linear-gradient(135deg,#001c2c,#053d57)}.audience-process h2{font-size:clamp(32px,4vw,52px);line-height:1.05}.audience-process ol{list-style:none;margin:0;padding:0}.audience-process li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid rgba(8,191,245,.2)}.audience-process li:last-child{border-bottom:0}.audience-process li>b{color:var(--v124-gold);font-size:20px}.audience-process h3{margin:0 0 7px;font-size:18px}.audience-process li p{margin:0;color:var(--v124-muted);font-size:12px;line-height:1.6}.audience-final{display:grid;grid-template-columns:1fr auto;gap:46px;align-items:center;margin-top:24px;padding:46px 52px;border:1px solid rgba(229,189,112,.55);background:linear-gradient(120deg,#052f45,#001824)}.audience-final h2{margin:8px 0 12px;font-size:clamp(29px,3.5vw,46px)}.audience-final p:not(.eyebrow){max-width:720px;margin:0;color:var(--v124-muted);line-height:1.7}.audience-final .actions{justify-content:flex-end}.audience-final .cta-secondary{border:1px solid var(--v124-cyan);background:rgba(0,25,40,.65);color:#fff}.sales-redirect{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;padding:30px;text-align:center}.sales-redirect img{width:min(320px,80vw)}
.audience-page .cta-primary{background:linear-gradient(135deg,#f3d99b,#e5bd70 54%,#cb9442);color:#102433;box-shadow:0 12px 30px rgba(203,148,66,.18)}.audience-page .cta-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 38px rgba(229,189,112,.28)}
@media(max-width:900px){.audience-intro,.audience-process,.audience-final{grid-template-columns:1fr}.audience-benefits{grid-template-columns:1fr}.audience-process{padding:40px}.audience-final .actions{justify-content:flex-start}}
@media(max-width:700px){.audience-hero{min-height:620px}.audience-hero .content-hero__inner{padding-bottom:58px}.audience-shell{padding-block:52px}.audience-intro{gap:14px}.audience-benefits article{padding:27px}.audience-process{margin-top:48px;padding:30px 24px}.audience-process li{grid-template-columns:42px 1fr}.audience-final{padding:32px 24px}.audience-final .actions{display:grid}.audience-final .button{width:100%;white-space:normal;text-align:center}}