:root{--bg:#f7faff;--surface:#fff;--surface-blue:#eef7ff;--ink:#15202e;--muted:#617083;--line:#dce7f2;--blue:#58b8ef;--blue-deep:#177dbb;--black:#1a2028;--radius:18px;--shadow:0 18px 48px rgba(23,65,96,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--blue-deep);text-transform:uppercase;font-weight:700;font-size:.76rem;letter-spacing:.11em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(88,184,239,.16)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(220,231,242,.8);background:rgba(247,250,255,.86);backdrop-filter:blur(12px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font:800 1.18rem/1 "Manrope",sans-serif;letter-spacing:-.04em}.brand-mark{width:38px;height:46px;position:relative;border-radius:8px 7px 11px 8px;transform:skewY(-4deg);background:linear-gradient(145deg,#2d3540,#10151b);box-shadow:inset -5px 0 0 rgba(255,255,255,.08)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:10px;width:18px;height:18px;border:5px solid #78c9f5;border-radius:50%;background:#18212a;box-shadow:0 0 0 3px rgba(255,255,255,.1) inset}.brand-mark:before{top:6px}.brand-mark:after{bottom:6px}.brand-mark i{position:absolute;right:-4px;top:5px;bottom:5px;width:6px;border-radius:0 4px 4px 0;background:#e9f8ff;opacity:.95}.nav-links{display:flex;gap:22px;color:var(--muted);font-size:.93rem;font-weight:600}.nav-links a:hover{color:var(--blue-deep)}.nav-cta,.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;font-size:.93rem;font-weight:700;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.nav-cta,.button-primary{color:#fff;background:var(--blue-deep);box-shadow:0 10px 22px rgba(23,125,187,.2)}.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);background:#0e679e;box-shadow:0 14px 28px rgba(23,125,187,.28)}.button-secondary{color:var(--ink);border:1px solid var(--line);background:var(--surface)}.button-secondary:hover{transform:translateY(-2px);border-color:#afd9f2}.hero{overflow:hidden;position:relative;padding:94px 0 74px}.hero:before{content:"";position:absolute;width:640px;height:640px;right:-270px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(119,205,248,.28),rgba(119,205,248,0) 69%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px}h1,h2,h3{margin:0;font-family:"Manrope",sans-serif;letter-spacing:-.055em;line-height:1.06}h1{margin-top:14px;max-width:700px;font-size:clamp(2.7rem,5vw,4.7rem)}.hero h1 span{color:var(--blue-deep)}.hero-copy{max-width:610px;margin:23px 0 30px;font-size:1.08rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px}.trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:31px;color:#556578;font-size:.9rem;font-weight:600}.trust span{display:inline-flex;align-items:center;gap:8px}.trust b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:var(--blue);font-size:.7rem}.pc-scene{position:relative;min-height:410px;display:grid;place-items:center}.pc-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:#d7f2ff;filter:blur(3px);opacity:.78}.pc-case{position:relative;z-index:1;width:242px;height:358px;transform:perspective(850px) rotateY(-16deg) rotateX(2deg);transform-style:preserve-3d;border-radius:18px 14px 18px 17px;background:linear-gradient(150deg,#313b47,#121820 46%,#26313e);box-shadow:26px 32px 43px rgba(19,40,60,.26),inset 0 0 0 2px rgba(255,255,255,.09)}.pc-side{position:absolute;inset:17px 28px 17px 17px;overflow:hidden;border:1px solid rgba(198,234,255,.43);border-radius:10px;background:linear-gradient(160deg,rgba(19,36,50,.92),rgba(31,83,116,.4));box-shadow:inset 0 0 48px rgba(105,204,255,.2)}.pc-side:before{content:"";position:absolute;width:190px;height:190px;left:-25px;top:57px;background:radial-gradient(circle,rgba(117,215,255,.63) 0 5%,rgba(83,188,236,.1) 22%,transparent 53%)}.pc-board{position:absolute;left:32px;top:48px;width:132px;height:212px;border:1px solid rgba(194,234,255,.33);border-radius:4px;background:linear-gradient(150deg,#142634,#234e66);opacity:.88}.pc-board:before{content:"";position:absolute;inset:17px 22px 87px;border:5px solid rgba(147,222,255,.84);border-radius:50%;box-shadow:0 0 18px rgba(89,202,255,.65)}.pc-gpu{position:absolute;left:14px;right:10px;bottom:58px;height:36px;border-radius:5px;background:linear-gradient(90deg,#121b22,#47738a);box-shadow:0 6px 13px rgba(0,0,0,.42)}.pc-cables{position:absolute;width:72px;height:100px;right:-13px;bottom:18px;border-right:4px solid rgba(133,211,247,.72);border-bottom:4px solid rgba(133,211,247,.4);border-radius:0 0 34px 0;transform:rotate(-16deg);opacity:.75}.pc-front{position:absolute;z-index:3;top:8px;right:-18px;width:42px;height:343px;border-radius:0 11px 12px 0;transform:translateZ(14px);background:linear-gradient(180deg,#f8fbff,#b4c6d5 34%,#edf7fd 71%,#8596a4);box-shadow:inset 7px 0 8px rgba(0,0,0,.12)}.fan{position:absolute;left:7px;width:28px;height:28px;border:5px solid #76c9f4;border-radius:50%;background:#263845;box-shadow:0 0 0 3px rgba(11,29,42,.7),0 0 14px rgba(73,190,245,.72)}.fan:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#d9f6ff}.fan:nth-child(1){top:45px}.fan:nth-child(2){top:115px}.fan:nth-child(3){top:185px}.pc-label{position:absolute;z-index:4;bottom:8px;left:28px;color:rgba(221,246,255,.75);font-size:.56rem;letter-spacing:.22em;font-weight:700;transform:translateZ(18px)}.floating-card{position:absolute;z-index:4;right:-10px;bottom:12px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.7);border-radius:13px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);font-size:.78rem;font-weight:700}.floating-card b{width:29px;height:29px;display:grid;place-items:center;color:#fff;border-radius:9px;background:var(--blue-deep)}section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}h2{margin-top:10px;font-size:clamp(2rem,3vw,2.85rem)}.section-desc{max-width:510px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 7px 20px rgba(29,72,106,.04);transition:transform .24s ease,box-shadow .24s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-number{color:var(--blue-deep);font:800 .8rem "Manrope",sans-serif;letter-spacing:.12em}.card h3{margin:11px 0 10px;font-size:1.2rem}.card p{margin:0;color:var(--muted);font-size:.94rem}.process{background:var(--black);color:#fff}.process .eyebrow{color:#86d6ff}.process .eyebrow:before{background:#86d6ff}.process .section-desc{color:#b8c6d2}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{min-height:188px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.035)}.step strong{color:#83d7ff;font:800 .82rem "Manrope",sans-serif}.step h3{margin:17px 0 8px;font-size:1.08rem}.step p{margin:0;color:#b9c5d0;font-size:.88rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.price-card.featured{color:#fff;border-color:var(--blue-deep);background:linear-gradient(155deg,#1d8bc8,#126596);box-shadow:0 18px 35px rgba(23,125,187,.23)}.badge{position:absolute;top:18px;right:18px;padding:4px 8px;border-radius:99px;color:var(--blue-deep);background:#dcf3ff;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.featured .badge{color:#fff;background:rgba(255,255,255,.17)}.price-card h3{font-size:1.25rem}.price{margin:18px 0;font:800 2.2rem "Manrope",sans-serif;letter-spacing:-.06em}.price small{font:600 .86rem "DM Sans",sans-serif;letter-spacing:0}.price-card ul{margin:0 0 25px;padding:0;list-style:none}.price-card li{margin:10px 0;color:var(--muted);font-size:.9rem}.price-card li:before{content:"✓";margin-right:9px;color:var(--blue-deep);font-weight:800}.featured li{color:#e6f5fd}.featured li:before{color:#fff}.price-card .button{width:100%}.price-card:not(.featured) .button{color:var(--blue-deep);border:1px solid #b7deef}.portfolio{background:var(--surface-blue)}.portfolio-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.portfolio-main,.portfolio-side{overflow:hidden;border-radius:var(--radius);background:var(--black)}.portfolio-main{min-height:340px;position:relative;background:linear-gradient(135deg,#142333,#27556f)}.portfolio-main:after{content:"Własny build demonstracyjny";position:absolute;left:22px;bottom:18px;color:#fff;font:700 1.06rem "Manrope",sans-serif}.portfolio-side{min-height:340px;padding:28px;background:#fff;border:1px solid var(--line)}.portfolio-side h3{font-size:1.35rem}.portfolio-side p{color:var(--muted)}.check-list{margin:22px 0 0;padding:0;list-style:none}.check-list li{padding:9px 0;border-top:1px solid var(--line);font-size:.9rem;font-weight:600}.check-list li:before{content:"↗";color:var(--blue-deep);margin-right:10px}.cta{padding:92px 0}.cta-box{padding:clamp(30px,5vw,70px);overflow:hidden;position:relative;border-radius:24px;color:#fff;background:linear-gradient(135deg,#142a3a,#1d83ba)}.cta-box:after{content:"";position:absolute;width:360px;height:360px;right:-125px;top:-135px;border:45px solid rgba(149,224,255,.22);border-radius:50%}.cta-box h2{max-width:680px;font-size:clamp(2rem,4vw,3.3rem)}.cta-box p{position:relative;z-index:1;max-width:570px;color:#d9f2ff}.cta-box .button-secondary{position:relative;z-index:1;color:var(--ink);background:#fff;border:0}footer{padding:30px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:.87rem}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-row .brand{color:var(--ink);font-size:1rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav-links{display:none}.hero{padding-top:65px}.hero-grid,.portfolio-grid{grid-template-columns:1fr}.pc-scene{order:-1;min-height:360px}.cards,.pricing-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.portfolio-main{min-height:260px}}@media(max-width:540px){.container{width:min(100% - 28px,1120px)}.nav{min-height:68px}.nav-cta{padding:0 12px;min-height:40px;font-size:.8rem}.brand{font-size:1rem}.brand-mark{transform:scale(.83) skewY(-4deg);transform-origin:left center;margin-right:-5px}.hero{padding:46px 0 56px}.hero-copy{font-size:1rem}.actions .button{width:100%}.trust{gap:11px;font-size:.78rem}.steps{grid-template-columns:1fr}.step{min-height:auto}.pc-case{transform:perspective(850px) rotateY(-16deg) rotateX(2deg) scale(.87)}.floating-card{right:0;bottom:2px}.footer-row{align-items:flex-start;flex-direction:column}}