/* SOLVEN - start / hero 2026. Oddzielny arkusz od panelu admina. */
:root{--sv-orange:#ff7900;--sv-white:#f7f6f3;--sv-muted:#b6b7bb;--sv-deep:#08090a}
html{scroll-behavior:smooth}
body.sv-home-page{margin:0;background:var(--sv-deep);color:var(--sv-white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.sv-home-page *{box-sizing:border-box}
.sv-header{position:relative;z-index:20;background:#060709;border-bottom:1px solid rgba(255,255,255,.14)}
.sv-head-inner{height:81px;max-width:1510px;margin:auto;padding:0 35px;display:flex;align-items:center;gap:25px;justify-content:space-between}
.sv-brand{display:flex;align-items:center;flex:none;gap:10px;color:#ff9e1c;font-weight:900;letter-spacing:.36em;font-size:17px;white-space:nowrap}
.sv-brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 3px #ff790033)}
.sv-brand span{line-height:1}
.sv-nav{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.2vw,37px);height:100%;white-space:nowrap}
.sv-nav a{display:inline-flex;align-items:center;height:100%;color:#d5d5d5;font-size:11px;font-weight:800;letter-spacing:.11em;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}
.sv-nav a:hover,.sv-nav .is-active{color:#fff;border-bottom-color:var(--sv-orange)}
.sv-header-actions{display:flex;align-items:center;gap:24px;white-space:nowrap}
.sv-discord{width:25px;height:25px;display:grid;place-items:center;color:#d9d9dc;transition:color .15s}
.sv-discord:hover{color:var(--sv-orange)}.sv-discord svg{width:20px;height:20px}
.sv-admin-entry{font-size:10px;color:#dedede;letter-spacing:.08em;font-weight:800;border:1px solid rgba(255,122,0,.65);padding:10px 13px;transition:background .2s}
.sv-admin-entry:hover{background:#ff79001b}.sv-admin-entry span{color:var(--sv-orange);padding-left:6px}
.sv-mobile-menu{display:none}
/* HERO: only visual image is raster. All headlines / navigation / CTAs are accessible HTML. */
.sv-hero{position:relative;isolation:isolate;min-height:760px;background:#08090a;overflow:hidden}
.sv-scene{z-index:-3;position:absolute;inset:0 0 104px 0;background-image:url('/assets/solven-hero-scene.png');background-repeat:no-repeat;background-position:right 48%;background-size:auto 100%;}
.sv-scene-vignette{z-index:-2;position:absolute;inset:0;background:linear-gradient(90deg,#070809 0%,#070809 22%,rgba(7,8,9,.95) 33%,rgba(7,8,9,.7) 42%,rgba(7,8,9,.06) 65%,rgba(7,8,9,.0) 100%),linear-gradient(0deg,rgba(6,7,8,.48),transparent 25%)}
.sv-hero-inner{max-width:1470px;padding:0 35px;margin:auto;min-height:670px;display:flex;align-items:center;position:relative}
.sv-hero-copy{position:relative;z-index:2;width:min(610px,59%);padding:42px 0 40px}
.sv-kicker{display:flex;align-items:center;gap:15px;margin-bottom:21px;color:#ffad42;font-size:10px;font-weight:700;letter-spacing:.28em;line-height:1.4}
.sv-orange-rule{background:var(--sv-orange);height:2px;width:32px;flex:none}
.sv-hero-heading{margin:0;color:#fff;line-height:1;letter-spacing:0;text-transform:uppercase}
.sv-hero-heading span{display:block}
.sv-title-white,.sv-title-orange{font-family:Impact,'Arial Narrow','Arial Black',Arial,sans-serif;font-size:clamp(54px,4.95vw,80px);font-weight:900;line-height:.97;letter-spacing:.01em;text-shadow:0 2px 1px #0004}
.sv-title-white{color:#f4f4f3;background:linear-gradient(180deg,#ffffff 3%,#e1e3e6 66%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sv-title-orange{color:#ff8000;background:linear-gradient(180deg,#ffaf35 0%,#ff8a08 57%,#ef6200 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:2px 0 7px}
.sv-title-thin{font-family:Arial,Helvetica,sans-serif;font-weight:300;font-size:clamp(32px,3.55vw,57px);line-height:1.055;letter-spacing:.015em;color:#f2f2f2;white-space:nowrap}
.sv-hero-description{max-width:535px;margin:23px 0 0;font-size:14px;line-height:1.65;color:#c8c9cc;text-wrap:pretty;text-shadow:0 1px 3px #000}
.sv-hero-actions{margin-top:25px;display:flex;gap:14px;flex-wrap:wrap}
.sv-cta{min-height:50px;min-width:196px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;font-size:10px;letter-spacing:.13em;font-weight:900;transition:background .18s,transform .18s,border-color .18s;border-radius:0;border:1px solid transparent}
.sv-cta:hover{transform:translateY(-2px)}.sv-cta span{font-size:19px;font-weight:400}
.sv-cta-main{background:#ff7900;color:#111;border-color:#ff7900}.sv-cta-main:hover{background:#ff9a25}
.sv-cta-outline{color:#f6f6f6;background:rgba(10,11,13,.64);border-color:#676a6e}.sv-cta-outline:hover{border-color:#ff7900}
.sv-scroll-cue{position:absolute;bottom:48px;right:30px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;color:#e9ebec;font-size:9px;letter-spacing:.2em;font-weight:700}
.sv-scroll-cue>span:last-child{color:#ff8500;font-size:26px;line-height:1}
/* SOLVEN / trzy filary - spójne na desktopie i telefonie */
.sv-stat-band{position:relative;z-index:3;background:linear-gradient(180deg,#0a0b0d 0%,#070809 100%);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.08)}
.sv-stat-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1390px;margin:auto;padding:29px 35px 31px;min-height:145px}
.sv-stat{display:flex;align-items:center;gap:25px;min-width:0;padding:9px clamp(20px,3.5vw,54px);position:relative}
.sv-stat:not(:last-child){border-right:1px solid rgba(255,255,255,.18)}
.sv-stat:first-child{padding-left:0}.sv-stat:last-child{padding-right:0}
.sv-stat-icon{color:#ff8207;width:34px;height:34px;flex:0 0 34px;opacity:.95;filter:drop-shadow(0 0 14px rgba(255,122,0,.09))}
.sv-stat-copy{min-width:0;flex:1}
.sv-stat-top{display:flex;flex-wrap:wrap;gap:6px 15px;align-items:center;justify-content:space-between}
.sv-stat-name{color:#fff;font-size:clamp(11px,1.05vw,14px);letter-spacing:.115em;font-weight:900;line-height:1.35}
.sv-stat-value{color:#ff8b19;font-size:clamp(17px,1.5vw,22px);font-weight:900;letter-spacing:.02em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.sv-stat-copy p{font-size:clamp(11px,.94vw,13px);line-height:1.6;color:#a8a8ac;max-width:270px;margin:8px 0 0}
/* Below-the-fold: no fake cards and no decorative gradients. */
.sv-next{max-width:1440px;margin:auto;padding:105px 35px 100px}
.sv-next-top{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:46px}
.sv-small-orange{display:block;color:#ff8200;font-size:10px;font-weight:900;letter-spacing:.23em;margin-bottom:16px}
.sv-next-top h2{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(45px,5.3vw,80px);font-weight:900;line-height:1.06;letter-spacing:.02em;margin:0}
.sv-next-top h2 span{color:var(--sv-orange)}
.sv-next-top p{font-size:15px;line-height:1.75;color:#afb0b4;max-width:420px;margin:0 0 7px}
.sv-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #343639;border-bottom:1px solid #343639}
.sv-next-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:35px 40px 44px;min-height:240px;border-right:1px solid #343639;transition:background .2s}
.sv-next-tile:first-child{padding-left:0}.sv-next-tile:last-child{border-right:0}
.sv-next-tile:hover{background:rgba(255,122,0,.045)}.sv-next-tile>span{font-size:10px;color:#ff860b;font-weight:900;letter-spacing:.17em}
.sv-next-tile strong{font-size:clamp(22px,2.5vw,38px);font-family:Impact,'Arial Narrow','Arial Black',sans-serif;letter-spacing:.015em;margin-top:35px;color:#fff}
.sv-next-tile small{font-size:12px;color:#9c9da0;margin-top:4px}
.sv-next-tile b{position:absolute;right:25px;bottom:36px;color:#ff8700;font-size:24px;font-weight:400}
.sv-final-banner{max-width:1440px;margin:0 auto 80px;min-height:215px;border:1px solid rgba(255,122,0,.31);border-left:5px solid #ff7900;padding:55px 45px;display:flex;align-items:center;justify-content:space-between;background:#151313;gap:25px}
.sv-final-banner>div>span{color:#ff8c16;font-size:10px;letter-spacing:.22em;font-weight:800}
.sv-final-banner h2{margin:14px 0 0;color:#fff;font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(33px,4vw,59px);font-weight:900}
.sv-final-banner>a{border-bottom:1px solid #ff7900;font-size:11px;letter-spacing:.09em;font-weight:800;padding-bottom:8px;white-space:nowrap}
.sv-final-banner>a span{color:#ff7900;margin-left:12px}
.sv-footer{border-top:1px solid #292c30;padding:24px 35px}
.sv-footer>div{max-width:1370px;display:flex;justify-content:space-between;margin:auto;gap:20px;flex-wrap:wrap;color:#999da2;font-size:10px;letter-spacing:.11em;font-weight:800}
.sv-footer a{color:#fff}
@media(max-width:1180px){
 .sv-head-inner{gap:15px;padding:0 22px}.sv-brand{font-size:14px;letter-spacing:.2em}.sv-brand img{width:45px;height:45px}.sv-nav{gap:14px}.sv-nav a{font-size:10px}.sv-header-actions{gap:12px}.sv-admin-entry{padding:8px 9px;font-size:9px}
 .sv-scene{background-size:auto 100%}.sv-hero-copy{width:60%}.sv-title-white,.sv-title-orange{font-size:clamp(52px,5.25vw,73px)}.sv-title-thin{font-size:clamp(29px,3.6vw,48px)}
}
@media(max-width:900px){
 .sv-nav,.sv-header-actions{display:none}.sv-header{z-index:50}.sv-head-inner{height:72px;padding:0 22px}.sv-mobile-menu{display:block;position:relative;z-index:50}
 .sv-mobile-menu>summary{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;list-style:none;cursor:pointer;padding:8px}
 .sv-mobile-menu>summary::-webkit-details-marker{display:none}.sv-mobile-menu>summary span{width:25px;height:2px;background:#fff;display:block}
 .sv-mobile-menu nav{position:absolute;top:52px;right:0;width:min(310px,85vw);background:#121314;border:1px solid #414141;box-shadow:0 12px 50px #000b;padding:12px;display:flex;flex-direction:column;gap:2px}
 .sv-mobile-menu nav a{padding:12px 14px;color:#f1f1f1;font-size:12px;font-weight:700;letter-spacing:.08em}.sv-mobile-menu nav a:hover{background:#ff790029}
 .sv-hero{min-height:0}.sv-scene{inset:0 0 95px 0;background-size:auto 100%;background-position:right top}
 .sv-scene-vignette{background:linear-gradient(90deg,#08090a 0%,rgba(8,9,10,.9) 32%,rgba(8,9,10,.22) 76%),linear-gradient(0deg,#08090a 4%,transparent 35%)}
 .sv-hero-inner{min-height:650px;padding:0 30px}.sv-hero-copy{width:72%;padding:70px 0 55px}.sv-kicker{font-size:9px}
 .sv-stat-items{padding:24px 26px}.sv-stat{gap:14px;padding:8px 18px}.sv-stat-icon{width:29px;height:29px;flex-basis:29px}.sv-stat-top{display:block}.sv-stat-value{display:block;margin-top:4px}
 .sv-next{padding:75px 25px}.sv-next-top{gap:24px}.sv-next-tile{padding:28px 17px}.sv-final-banner{margin:0 24px 55px}
}
@media(max-width:650px){
 .sv-header .sv-brand{gap:8px;font-size:14px}.sv-header .sv-brand img{width:42px;height:42px}
 .sv-hero{min-height:0}.sv-scene{inset:0 0 auto 0;height:360px;background-size:auto 100%;background-position:right top;opacity:.9}
 .sv-scene-vignette{background:linear-gradient(0deg,#08090a 30%,rgba(8,9,10,.2) 68%,rgba(8,9,10,.1) 100%),linear-gradient(90deg,#08090a 0%,rgba(8,9,10,0) 85%)}
 .sv-hero-inner{display:block;min-height:0;padding:0 22px}.sv-hero-copy{width:100%;padding:290px 0 37px}
 .sv-kicker{font-size:8px;letter-spacing:.14em;margin-bottom:18px;gap:9px}.sv-orange-rule{width:18px}
 .sv-title-white,.sv-title-orange{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(42px,11.2vw,58px);line-height:1}
 .sv-title-thin{font-size:clamp(28px,7.9vw,43px);line-height:1.06;white-space:normal;letter-spacing:.005em}
 .sv-hero-description{font-size:13px;line-height:1.65;margin-top:23px}
 .sv-hero-actions{gap:10px;margin-top:23px}.sv-cta{width:100%;min-height:51px;padding:12px 17px}
 .sv-scroll-cue{display:none}
 .sv-stat-items{grid-template-columns:1fr;padding:12px 22px}
 .sv-stat{gap:17px;padding:19px 0!important;align-items:center;border-right:0!important}
 .sv-stat:not(:last-child){border-bottom:1px solid rgba(255,255,255,.13)}
 .sv-stat-icon{width:31px;height:31px;flex-basis:31px}
 .sv-stat-top{display:flex;align-items:baseline;gap:6px 10px}
 .sv-stat-name{font-size:12px;letter-spacing:.07em}
 .sv-stat-value{font-size:19px;margin:0 0 0 auto}
 .sv-stat-copy p{font-size:11.5px;line-height:1.5;margin-top:4px;max-width:none}
 .sv-next{padding:62px 22px}.sv-next-top{display:block;margin-bottom:30px}.sv-next-top h2{font-size:clamp(45px,10vw,60px)}.sv-next-top p{margin-top:20px;font-size:13px}
 .sv-next-grid{display:block}.sv-next-tile,.sv-next-tile:first-child{border-right:0;border-bottom:1px solid #333;min-height:158px;padding:22px 28px 25px 0}.sv-next-tile:last-child{border-bottom:0}.sv-next-tile strong{font-size:29px;margin-top:24px}.sv-next-tile b{right:4px;bottom:26px}
 .sv-final-banner{margin:0 22px 55px;display:block;padding:28px 24px;min-height:0}.sv-final-banner h2{font-size:clamp(34px,9vw,48px);margin-bottom:25px}
 .sv-footer{padding:22px}.sv-footer>div{flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){.sv-home-page *, .sv-home-page *::before,.sv-home-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V8 - cztery zwarte statystyki zgodne z makietą */
.sv-stat-band{background:transparent;border:0;padding:0 24px 28px}
.sv-metrics{max-width:1400px;margin:-3px auto 0;border:1px solid #2c2c2b;border-radius:25px;background:#111110;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 22px;box-shadow:0 16px 40px #0004}
.sv-metric{text-align:center;padding:7px 18px;border-right:1px solid #292929;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.sv-metric:last-child{border-right:0}.sv-metric strong{font:800 clamp(23px,2.3vw,32px)/1.15 Arial,Helvetica,sans-serif;color:#f7f5f2;letter-spacing:-.045em}.sv-metric span{font:800 clamp(9px,.89vw,12px)/1.5 Arial,sans-serif;letter-spacing:.035em;color:#a1a09b}
@media(max-width:700px){.sv-stat-band{padding:0 13px 25px}.sv-metrics{grid-template-columns:repeat(2,1fr);padding:10px;border-radius:19px}.sv-metric{min-height:88px;padding:10px 7px;border-bottom:1px solid #282828}.sv-metric:nth-child(2){border-right:0}.sv-metric:nth-child(n+3){border-bottom:0}.sv-metric strong{font-size:24px}.sv-metric span{font-size:9px}}
