@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap');
:root{--night:#07120f;--forest:#0d2922;--emerald:#145c4b;--gold:#d5a928;--gold2:#f2cc58;--gold-deep:#8d6312;--gold-light:#fff0a3;--gold-shine:linear-gradient(115deg,#8d6312 0%,#d5a928 23%,#fff0a3 47%,#c28c18 68%,#f4d66f 84%,#9b6d13 100%);--ivory:#f7f3e9;--paper:#fffdf8;--ink:#10211d;--muted:#66736f;--line:rgba(16,33,29,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Raleway,system-ui,sans-serif;line-height:1.65}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.top{position:absolute;inset:0 0 auto;z-index:10;color:white}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;letter-spacing:.12em}.mark{width:40px;height:40px;border:1px solid var(--gold2);display:grid;place-items:center;transform:rotate(45deg);color:var(--gold2);font-size:.72rem}.mark span{transform:rotate(-45deg)}.nav-actions{display:flex;align-items:center;gap:24px}.back{text-decoration:none;font-size:.8rem;font-weight:700}.lang{display:flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px}.lang button{border:0;background:transparent;color:#aaa;padding:7px 9px;border-radius:999px;font:700 .7rem Raleway;cursor:pointer}.lang button.active{background:var(--gold);color:var(--night)}
.hero{min-height:760px;background:var(--night);color:white;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 46%,rgba(20,92,75,.72),transparent 31%),linear-gradient(110deg,#07120f 0 52%,#102f27)}.hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(242,204,88,.28);border-radius:50%;right:-110px;top:125px;box-shadow:0 0 0 95px rgba(213,169,40,.045),0 0 0 190px rgba(213,169,40,.025)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center;padding:145px 0 85px}.eyebrow{color:var(--gold2);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.19em}.hero h1{font-size:clamp(3.4rem,6.5vw,6.6rem);line-height:1.02;letter-spacing:-.06em;margin:22px 0 28px;font-weight:500}.hero h1 strong{font-weight:800;background:var(--gold-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,241,166,.2))}.lead{font-size:1.13rem;color:#c7d0cc;max-width:650px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--gold-shine);border:1px solid #e2bb4b;font-size:.82rem;font-weight:800;color:var(--night);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 28px rgba(197,145,24,.2)}.btn.ghost{background:transparent;color:white;border-color:rgba(255,255,255,.38);box-shadow:none}
.mock{background:#f5f1e6;color:var(--ink);border:1px solid rgba(235,214,164,.5);box-shadow:0 45px 110px rgba(0,0,0,.5);min-height:430px;transform:rotate(2deg);overflow:hidden}.mockbar{height:38px;background:#e2ddcf;display:flex;align-items:center;gap:7px;padding:0 14px}.mockbar i{width:7px;height:7px;border-radius:50%;background:#8b8f89}.mockbody{padding:32px}.mocknav{height:12px;background:linear-gradient(90deg,var(--night) 17%,transparent 17% 68%,var(--gold) 68% 77%,var(--night) 77%);margin-bottom:54px}.mockhero{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}.lines b,.lines span{display:block;background:var(--night);height:14px;margin-bottom:11px}.lines b{width:94%;height:24px}.lines span:nth-child(2){width:78%}.lines span:nth-child(3){width:60%;background:#a8aea9}.mockcta{width:105px;height:31px;background:var(--gold);margin-top:28px}.visual{height:176px;background:linear-gradient(145deg,var(--forest),var(--emerald) 64%,var(--gold) 65%)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.tiles i{height:72px;border:1px solid #c9c4b7;background:white}
section{padding:110px 0}.intro{background:var(--ivory)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.label{font-size:.72rem;color:var(--emerald);font-weight:800;text-transform:uppercase;letter-spacing:.18em}.section-title{font-size:clamp(2.7rem,5vw,5rem);line-height:1.06;letter-spacing:-.05em;margin:18px 0 0}.big-copy{font-size:1.3rem;color:#40504a;margin-top:0}.promise{padding:28px;border-left:2px solid var(--gold);background:white;margin-top:32px;font-weight:700}.features{background:white}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px}.feature{padding:32px 25px 38px;border-right:1px solid var(--line)}.feature:last-child{border:0}.feature b{font-size:.72rem;color:var(--gold)}.feature h3{font-size:1.3rem;line-height:1.2;margin:38px 0 14px}.feature p{font-size:.9rem;color:var(--muted)}
.showcase{background:var(--forest);color:white}.showcase .label{color:var(--gold2)}.showcase-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.screen{background:var(--paper);color:var(--ink);padding:12px;box-shadow:0 35px 80px rgba(0,0,0,.32)}.screen-inner{min-height:410px;padding:35px;background:linear-gradient(150deg,#fffdf8 0 63%,#e7dfcc 63%)}.screen-head{height:12px;background:linear-gradient(90deg,var(--night) 20%,transparent 20% 72%,var(--gold) 72% 80%,var(--night) 80%);margin-bottom:70px}.screen-copy{width:62%}.screen-copy div{height:18px;background:var(--night);margin:12px 0}.screen-copy div:first-child{height:42px}.screen-copy div:nth-child(3){width:72%;background:#8f9a96}.screen-button{width:120px;height:34px;background:var(--gold);margin-top:30px}.showcase-copy h2{font-size:clamp(2.6rem,4.8vw,4.8rem);line-height:1.06;letter-spacing:-.05em;margin:18px 0 25px}.showcase-copy p{color:#b9c6c1}.check{display:grid;gap:13px;margin-top:28px}.check span:before{content:"✦";color:var(--gold);margin-right:11px}
.process{background:var(--ivory)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:55px}.step{border-top:1px solid var(--ink);padding-top:24px}.step b{color:var(--gold)}.step h3{font-size:1.25rem;margin:24px 0 10px}.step p{font-size:.9rem;color:var(--muted)}
.cta{background:var(--night);color:white;text-align:center}.cta h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.06;letter-spacing:-.05em;max-width:900px;margin:0 auto 25px}.cta p{color:#b9c5c0;max-width:650px;margin:0 auto 32px}footer{background:#030907;color:#8b9692;padding:28px 0;text-align:center;font-size:.75rem}
body.store .hero:before{background:radial-gradient(circle at 78% 45%,rgba(124,89,32,.52),transparent 32%),linear-gradient(110deg,#07120f 0 52%,#2f2818)}body.blog .hero:before{background:radial-gradient(circle at 78% 45%,rgba(84,72,62,.62),transparent 32%),linear-gradient(110deg,#07120f 0 52%,#29231f)}body.business .hero:before{background:radial-gradient(circle at 78% 45%,rgba(20,92,75,.74),transparent 32%),linear-gradient(110deg,#07120f 0 52%,#0c3c31)}
@media(max-width:900px){.hero-grid,.split,.showcase-grid{grid-template-columns:1fr}.hero-grid{gap:48px}.mock{display:none}.feature-grid,.steps{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:590px){.wrap{width:min(100% - 28px,1180px)}.nav{height:78px}.brand{font-size:.85rem}.back{display:none}.hero{min-height:auto}.hero-grid{padding:125px 0 75px}.hero h1{font-size:3.25rem}.feature-grid,.steps{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}section{padding:78px 0}.split{gap:35px}.screen-inner{min-height:320px;padding:22px}.screen-copy{width:85%}}

/* Branżowe demonstracje możliwości */
.hero .mock{display:block;position:relative;background-image:url('product-images/car-showroom.webp');background-size:cover;background-position:center;min-height:430px}
.hero .mock:after{content:"PRZYKŁAD · SALON SAMOCHODOWY";position:absolute;left:22px;bottom:20px;padding:9px 12px;background:rgba(7,18,15,.86);border-left:2px solid var(--gold);color:white;font-size:.68rem;font-weight:800;letter-spacing:.12em}
.hero .mockbody{visibility:hidden}
.showcase .screen{min-height:430px;padding:0;background-image:url('product-images/car-laptop.webp');background-size:cover;background-position:center;overflow:hidden}
.showcase .screen-inner{display:none}
body.business .hero .mock{background-image:url('product-images/beauty-salon.webp')}
body.business .showcase .screen{background-image:url('product-images/beauty-laptop.webp')}
body.store .hero .mock{background-image:url('product-images/premium-fashion.webp');background-position:center}
body.store .showcase .screen{background-image:url('product-images/fashion-laptop.webp');background-position:center}
body.blog .hero .mock{background-image:url('product-images/gardening-blog.webp');background-position:center}
body.blog .showcase .screen{background-image:url('product-images/gardening-laptop.webp');background-position:center}
body.business .hero .mock:after{content:"PRZYKŁAD · SALON KOSMETYCZNY"}
body.store .hero .mock:after{content:"PRZYKŁAD · MODA PREMIUM"}
body.blog .hero .mock:after{content:"PRZYKŁAD · BLOG OGRODNICZY"}
html[lang="en"] .hero .mock:after{content:"EXAMPLE · CAR DEALERSHIP"}
html[lang="en"] body.business .hero .mock:after{content:"EXAMPLE · BEAUTY SALON"}
html[lang="en"] body.store .hero .mock:after{content:"EXAMPLE · PREMIUM FASHION"}
html[lang="en"] body.blog .hero .mock:after{content:"EXAMPLE · GARDENING BLOG"}
body.business .hero:before{background:linear-gradient(110deg,#201416 0 52%,#55332f)}
body.store .hero:before{background:linear-gradient(110deg,#090806 0 52%,#392712)}
body.blog .hero:before{background:linear-gradient(110deg,#07120f 0 52%,#27451f)}
@media(max-width:900px){.hero .mock{min-height:360px;transform:none}.showcase .screen{min-height:360px}}
@media(max-width:590px){.hero .mock{min-height:260px}.showcase .screen{min-height:260px}}

.pricing{background:white}
.pricing-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}
.price-card{padding:44px;border:1px solid var(--line);background:var(--ivory);box-shadow:0 24px 70px rgba(7,18,15,.08)}
.price-kicker{font-size:.72rem;color:var(--emerald);font-weight:800;text-transform:uppercase;letter-spacing:.18em}
.price-value{font-size:clamp(3rem,6vw,5.8rem);line-height:1;margin:17px 0 22px;font-weight:800;letter-spacing:-.06em;color:var(--forest)}
.price-value small{font-size:.28em;font-weight:700;letter-spacing:0}
.price-note{margin:0;color:var(--muted);font-size:1rem}
.pricing-copy h2{font-size:clamp(2.6rem,4.8vw,4.8rem);line-height:1.06;letter-spacing:-.05em;margin:18px 0 25px}
.pricing-copy p{font-size:1.08rem;color:var(--muted)}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;gap:42px}}@media(max-width:590px){.price-card{padding:32px 24px}}
.product-legal{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:12px}.product-legal a{color:#b6c0bc;text-decoration:none}.product-legal a:hover{color:var(--gold2)}.product-ai{max-width:680px;margin:12px auto 0;color:#67736f;font-size:.72rem}
.top{position:fixed;background:rgba(7,18,15,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(242,204,88,.14)}.product-links{display:flex;align-items:center;gap:18px}.product-links>a{color:white;text-decoration:none;font-size:.75rem;font-weight:700}.product-links>a:hover{color:var(--gold2)}@media(max-width:900px){.product-links>a{display:none}.product-links{gap:10px}}