:root{--navy:#091525;--navy-2:#10243c;--ink:#132238;--muted:#64748b;--orange:#f97316;--orange-dark:#d95c08;--surface:#fff;--soft:#f4f7fa;--line:#dce4ec;--green:#16815a;--shadow:0 24px 70px rgba(9,21,37,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}body{margin:0;min-height:100vh}button,input{font:inherit}a{color:inherit}button{cursor:pointer}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:rgba(9,21,37,.96);color:#fff;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:1.08rem;font-weight:850}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:.82rem;letter-spacing:-.04em;font-weight:850}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;color:#cbd5e1;font-size:.86rem;font-weight:700}.site-header nav a:hover{color:#fff}.site-header .nav-login{padding:10px 15px;border:1px solid rgba(255,255,255,.24);border-radius:10px;color:#fff}
.hero{min-height:690px;background:radial-gradient(circle at 88% 15%,rgba(249,115,22,.20),transparent 28%),linear-gradient(135deg,var(--navy) 0%,#0b1d32 60%,#112c48 100%);color:#fff;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(36px,6vw,90px);padding:clamp(70px,8vw,120px) clamp(20px,5vw,72px);overflow:hidden}.hero-copy{max-width:670px}.eyebrow{margin:0 0 14px;font-size:.73rem;letter-spacing:.14em;font-weight:850;color:var(--orange)}.hero h1{font-size:clamp(2.55rem,5vw,5.1rem);line-height:.98;letter-spacing:-.055em;margin:0;max-width:800px}.lead{font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.65;color:#c5d1df;max-width:650px;margin:28px 0 0}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{min-height:48px;border-radius:11px;padding:0 19px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.button.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(249,115,22,.22)}.button.primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.button.secondary{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}.hero-notes{display:flex;gap:25px;flex-wrap:wrap;margin-top:42px;color:#aebdcd;font-size:.76rem}.hero-notes span{display:grid;gap:2px}.hero-notes b{color:#fff;font-size:1.08rem}
.product-preview{background:#f7f9fc;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 38px 90px rgba(0,0,0,.32);color:var(--ink);transform:rotate(1deg);overflow:hidden;min-width:0}.preview-top{height:54px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 16px;font-size:.82rem;font-weight:800}.preview-logo{width:27px;height:27px;background:var(--orange);color:#fff;border-radius:8px;display:grid;place-items:center;font-size:.62rem}.preview-top i{margin-left:auto;width:70px;height:8px;border-radius:9px;background:#e5eaf0}.preview-body{display:grid;grid-template-columns:170px 1fr;min-height:430px}.preview-body aside{background:#fff;border-right:1px solid var(--line);padding:22px 16px}.mini-label{display:block;color:#7c8a9e;font-size:.57rem;letter-spacing:.12em;font-weight:850;margin:0 0 7px}.fake-input,.fake-select{height:36px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 10px;font-size:.68rem;color:#46566c;margin-bottom:20px}.fake-input{box-shadow:0 0 0 3px rgba(249,115,22,.12);border-color:#f7a46b}.fake-range{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fake-range b{border:1px solid var(--line);border-radius:7px;padding:9px 5px;font-size:.55rem;color:#64748b}.preview-results{padding:25px}.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.preview-heading strong{display:block;font-size:1.4rem}.preview-heading em{font-style:normal;font-size:.66rem;color:var(--muted)}.preview-results article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:10px;box-shadow:0 6px 14px rgba(19,34,56,.05)}.preview-results h3{font-size:.83rem;margin:10px 0 7px}.preview-results p{font-size:.66rem;color:var(--muted);margin:0}.chip{font-size:.52rem;font-weight:850;color:#235399;background:#eaf1ff;padding:5px 7px;border-radius:999px}.preview-results footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;margin-top:12px;font-size:.62rem;color:var(--green)}.preview-results footer b{color:var(--orange)}
.trust-strip{min-height:82px;display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,72px);padding:20px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);color:#526277;font-size:.78rem;font-weight:750;flex-wrap:wrap}.trust-strip span:before{content:'✓';color:var(--green);font-weight:900;margin-right:7px}.section{padding:110px clamp(20px,7vw,110px)}.section-head{max-width:760px;margin:0 auto 52px;text-align:center}.section h2{font-size:clamp(2rem,3.7vw,3.25rem);line-height:1.08;letter-spacing:-.045em;margin:0}.section-head>p:last-child,.audience-copy>p{color:var(--muted);line-height:1.7;font-size:1.03rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1240px;margin:auto}.feature-grid article{border:1px solid var(--line);border-radius:15px;padding:27px;min-height:240px;background:var(--surface);transition:.2s}.feature-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(19,34,56,.08);border-color:#bac7d5}.feature-number{color:var(--orange);font-weight:850;font-size:.72rem;letter-spacing:.1em}.feature-grid h3{font-size:1.12rem;margin:38px 0 10px}.feature-grid p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0}
.audience{background:var(--soft);display:grid;grid-template-columns:1fr minmax(340px,500px);gap:clamp(50px,9vw,130px);align-items:center}.audience-copy{max-width:680px}.audience-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.audience-copy li{background:#fff;border:1px solid var(--line);padding:14px;border-radius:10px;font-size:.84rem;font-weight:750}.audience-copy li:before{content:'→';color:var(--orange);margin-right:9px}.profile-card{background:var(--navy);color:#fff;border-radius:18px;padding:34px;box-shadow:var(--shadow)}.profile-icon{width:52px;height:52px;border-radius:14px;background:var(--orange);display:grid;place-items:center;font-size:1.25rem;font-weight:900;margin:22px 0}.profile-card h3{font-size:1.55rem;margin:0 0 12px}.profile-card>p{color:#b9c6d5;line-height:1.65;font-size:.9rem}.profile-row{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:14px 0;font-size:.8rem;color:#aebdcd}.profile-row strong{color:#fff}
.login-section{padding:110px clamp(20px,9vw,150px);display:grid;grid-template-columns:1fr minmax(360px,470px);gap:clamp(50px,10vw,150px);align-items:center;background:#fff}.login-copy{max-width:640px}.login-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.05em;margin:0 0 20px}.login-copy>p{color:var(--muted);line-height:1.7}.login-benefit{display:flex;gap:13px;margin-top:22px}.login-benefit>span{width:27px;height:27px;flex:0 0 auto;border-radius:50%;background:#e8f7f1;color:var(--green);display:grid;place-items:center;font-weight:900}.login-benefit p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.login-benefit strong{color:var(--ink)}.login-card{border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.login-card-head{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.login-card-head>div{display:grid;gap:3px}.login-card-head small{color:var(--muted)}.login-card form{display:grid;gap:17px;margin-top:24px}.login-card label{display:grid;gap:8px;font-size:.8rem;font-weight:800}.login-card input{height:48px;border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:0 13px;color:var(--ink)}.login-card input:focus{outline:3px solid rgba(249,115,22,.17);border-color:var(--orange)}.button.full{width:100%;margin-top:3px}.form-error{color:#b42318;font-size:.78rem;min-height:19px;margin:0}.login-help{border-top:1px solid var(--line);margin:5px 0 0;padding-top:19px;text-align:center;color:var(--muted);font-size:.72rem;line-height:1.45}body>footer{min-height:110px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:30px;padding:24px clamp(20px,5vw,72px)}body>footer p{color:#98a9bc;font-size:.8rem}body>footer>a:last-child{margin-left:auto;color:#fff;font-size:.8rem;font-weight:750}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:780px}.product-preview{max-width:800px}.feature-grid{grid-template-columns:1fr 1fr}.audience,.login-section{grid-template-columns:1fr}.profile-card,.login-card{max-width:620px;width:100%}}
@media(max-width:640px){.site-header{height:64px}.site-header nav a:not(.nav-login){display:none}.hero{padding-top:70px}.hero h1{font-size:2.65rem}.hero-actions{display:grid}.hero-notes{gap:18px}.product-preview{transform:none}.preview-body{grid-template-columns:1fr}.preview-body aside{display:none}.preview-results{padding:18px}.trust-strip{justify-content:flex-start}.section{padding:78px 18px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.audience-copy ul{grid-template-columns:1fr}.login-section{padding:78px 18px}.login-card{padding:22px}body>footer{align-items:flex-start;flex-direction:column;gap:13px}body>footer p{margin:0}body>footer>a:last-child{margin-left:0}}

/* Nowy hero: autorska ilustracja inwestycji zamiast makiety interfejsu. */
.site-header{border-bottom:1px solid rgba(255,255,255,.08)}
.brand-with-symbol{gap:11px}.brand-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;padding:4px;box-shadow:0 5px 16px rgba(0,0,0,.22)}.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}.brand-word{font-size:1.12rem;font-weight:850;letter-spacing:-.025em;color:#fff}.brand-word span{color:#4eb278}
.hero{position:relative;isolation:isolate;min-height:700px;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:clamp(28px,4vw,72px);padding:clamp(76px,7vw,108px) clamp(24px,5.5vw,92px);background:radial-gradient(circle at 72% 42%,rgba(249,115,22,.16),transparent 29%),radial-gradient(circle at 100% 0%,rgba(71,128,176,.18),transparent 35%),linear-gradient(135deg,#071321 0%,#0a1b2e 58%,#0d2439 100%)}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent 18%,#000 72%);pointer-events:none}
.hero-copy{position:relative;z-index:3;max-width:650px}
.hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:19px;color:#ff9148}
.hero .eyebrow>span{width:28px;height:2px;border-radius:2px;background:var(--orange)}
.hero h1{font-size:clamp(3.05rem,4.2vw,4.55rem);line-height:1.015;letter-spacing:-.052em;max-width:710px}
.hero h1 em{display:block;color:#ff9148;font-style:normal}
.hero .lead{max-width:585px;font-size:clamp(1.03rem,1.25vw,1.16rem);line-height:1.7;color:#cbd6e3;margin-top:25px}
.hero-actions{margin-top:30px}
.hero-actions .button{min-height:52px;padding-inline:21px}
.hero-actions .primary b{margin-left:12px;font-size:1.12em}
.hero-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:42px;padding-top:23px;border-top:1px solid rgba(255,255,255,.13)}
.hero-notes span{min-width:0;padding-right:18px;margin-right:18px;border-right:1px solid rgba(255,255,255,.12)}
.hero-notes span:last-child{margin-right:0;padding-right:0;border-right:0}
.hero-notes b{font-size:1.18rem;letter-spacing:-.02em}
.hero-notes small{color:#95a8bb;line-height:1.35}
.hero-visual{position:relative;min-height:535px;display:grid;place-items:center;align-self:center}
.hero-visual img{position:relative;z-index:2;display:block;width:min(760px,112%);height:auto;object-fit:contain;filter:drop-shadow(0 38px 35px rgba(0,0,0,.3))}
.visual-glow{position:absolute;z-index:1;inset:17% 5% 9%;border-radius:50%;background:radial-gradient(circle,rgba(65,126,175,.28),rgba(249,115,22,.08) 47%,transparent 72%);filter:blur(34px)}
@media(max-width:1120px){.hero{grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:24px}.hero h1{font-size:clamp(2.8rem,4.8vw,4rem)}.hero-visual{min-height:470px}.hero-visual img{width:112%}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-bottom:42px}.hero-copy{max-width:720px}.hero-visual{min-height:470px;max-width:760px;width:100%;margin:0 auto}.hero-visual img{width:min(720px,105%)}}
@media(max-width:640px){.brand-symbol{width:42px;height:42px}.brand-word{font-size:1rem}.hero{padding:62px 18px 28px;gap:18px}.hero:before{background-size:38px 38px}.hero h1{font-size:clamp(2.55rem,12vw,3.25rem)}.hero h1 em{display:inline}.hero .lead{font-size:1rem;margin-top:21px}.hero-actions{margin-top:25px}.hero-notes{grid-template-columns:1fr 1fr;margin-top:32px;padding-top:19px;gap:18px 14px}.hero-notes span{min-width:0;margin:0;padding:0;border:0}.hero-visual{min-height:335px}.hero-visual img{width:118%;max-width:none}}
.brand-logo-mark{width:44px;height:44px;border-radius:50%;padding:3px;background:#fff;display:grid;place-items:center;box-shadow:0 5px 15px rgba(0,0,0,.14);flex:0 0 auto}.brand-logo-mark img{display:block;width:100%;height:100%;object-fit:contain}.login-card-head .brand-logo-mark{width:48px;height:48px}body>footer .brand-logo-mark{width:40px;height:40px}

/* Responsive polish */
body{overflow-x:hidden}.feature-grid article,.login-card,.profile-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}@media(hover:hover){.feature-grid article:hover{transform:translateY(-3px);border-color:#c8d3df;box-shadow:0 18px 42px rgba(9,21,37,.08)}}
@media(max-width:640px){
  .site-header{padding-inline:18px}.site-header .brand-symbol{width:42px;height:42px}.site-header .nav-login{padding:9px 13px}
  .trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;padding:20px 18px}.trust-strip span:last-child{grid-column:1/-1}
  .section-head h2,.audience-copy h2,.login-copy h2{line-height:1.08}.feature-grid article{padding:24px 22px}.audience{gap:34px}.profile-card{padding:25px 22px}.login-section{gap:34px}.login-card{border-radius:16px}
}
@media(max-width:360px){.brand-word{font-size:.92rem}.site-header .nav-login{font-size:.78rem;padding-inline:11px}.hero{padding-inline:14px}.hero h1{font-size:2.42rem}.trust-strip{grid-template-columns:1fr}.trust-strip span:last-child{grid-column:auto}.section,.login-section{padding-inline:14px}}