:root{
  --bg:#000000;
  --bg-soft:#070707;
  --surface:#0D0D0F;
  --surface-2:#131316;
  --surface-3:#1A1A1F;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.20);
  --text:#F7F7FA;
  --muted:#B3B4BF;
  --muted-2:#7F818C;
  --cyan:#36D7FF;
  --violet:#8C6BFF;
  --orange:#FF8A3D;
  --lime:#68F2B2;
  --pink:#FF6EAF;
  --shadow:0 28px 95px rgba(0,0,0,.58);
  --shadow-soft:0 14px 42px rgba(0,0,0,.34);
  --radius:28px;
  --max:1200px;
}

html[data-theme="midnight"]{
  --bg:#050814;
  --bg-soft:#0A1020;
  --surface:#0C1424;
  --surface-2:#111B30;
  --surface-3:#182541;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(900px 520px at 8% -8%,rgba(54,215,255,.11),transparent 60%),
    radial-gradient(720px 420px at 96% 6%,rgba(140,107,255,.14),transparent 62%),
    radial-gradient(700px 560px at 58% 108%,rgba(255,138,61,.10),transparent 68%),
    linear-gradient(180deg,#000 0%,var(--bg) 50%,#000 100%);
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  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:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.84),transparent 78%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(118deg,transparent 0%,rgba(255,255,255,.025) 47%,transparent 53%);
  transform:translateX(-120%);
  animation:siteShine 14s ease-in-out infinite;
}
@keyframes siteShine{0%,62%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}
::selection{background:rgba(54,215,255,.28)}
.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.skip-link{position:absolute;left:15px;top:-60px;z-index:9999;padding:12px 16px;border-radius:14px;background:#fff;color:#000;font-weight:1000}.skip-link:focus{top:15px}

.noticebar{position:relative;z-index:90;border-bottom:1px solid var(--line);background:#09090B}
.noticebar .wrap{min-height:46px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:8px 0;color:#CCD6F6;text-align:center;font-size:14px;font-weight:760}
.noticebar a{color:#fff;font-weight:1000;text-decoration:underline;text-decoration-color:rgba(54,215,255,.66);text-underline-offset:3px}

.nav{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:rgba(0,0,0,.78);backdrop-filter:blur(22px)}
.nav-inner{width:min(var(--max),calc(100% - 40px));min-height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content;font-weight:1000;letter-spacing:-.045em}.brand img{width:45px;height:45px;border-radius:16px;border:1px solid var(--line);background:#111;box-shadow:0 14px 36px rgba(54,215,255,.13)}
.brand-text span{display:block;font-size:18px;line-height:1}.brand-text small{display:block;margin-top:5px;color:var(--muted-2);font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:3px}.nav-links a{padding:10px 11px;border-radius:999px;color:#C7C9D4;font-size:14px;font-weight:850;transition:.2s ease}.nav-links a:hover,.nav-links a.active{background:#18181D;color:#fff}
.nav-actions{display:flex;align-items:center;gap:8px;min-width:max-content}
.theme-toggle,.menu-btn{width:46px;height:46px;border-radius:15px;border:1px solid var(--line);background:#101014;color:#fff;cursor:pointer;font-size:18px;display:inline-grid;place-items:center;transition:.2s ease}.theme-toggle:hover,.menu-btn:hover{background:#1C1C22;border-color:var(--line-strong)}
.menu-btn{display:none;font-size:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border:none;border-radius:999px;color:#020304;background:linear-gradient(135deg,var(--cyan),#A2F0FF);font-weight:1000;letter-spacing:-.01em;cursor:pointer;box-shadow:0 14px 38px rgba(54,215,255,.16);transition:.22s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.13)}
.btn.secondary{background:#151519;color:#F3F5FF;border:1px solid var(--line);box-shadow:none}.btn.orange{background:linear-gradient(135deg,var(--orange),#FFD169);color:#2B1300}.btn.purple{background:linear-gradient(135deg,var(--violet),#C6B4FF);color:#fff}.btn.small{min-height:40px;padding:10px 14px;font-size:14px}

.hero{padding:88px 0 58px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);color:#E5EDFF;font-size:14px;font-weight:930;backdrop-filter:blur(14px)}
.online-dot{width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 0 rgba(104,242,178,.62);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(104,242,178,.62)}70%{box-shadow:0 0 0 12px rgba(104,242,178,0)}100%{box-shadow:0 0 0 0 rgba(104,242,178,0)}}
h1{margin:22px 0 20px;font-size:clamp(46px,6.8vw,88px);line-height:.9;letter-spacing:-.078em}.gradient{background:linear-gradient(135deg,#fff 8%,#BFF5FF 34%,#B9A5FF 64%,#FFB9D4 94%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin:0;max-width:720px;color:#BBC3D8;font-size:clamp(18px,2vw,22px);line-height:1.62}.hero-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}.hero-mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.hero-mini span{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:#0E0E12;color:#B7BDCE;font-size:13px;font-weight:850}
.hero-stage{position:relative;min-height:570px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:38px;background:linear-gradient(145deg,#111116,#09090C);box-shadow:var(--shadow)}.hero-stage::before{content:"";position:absolute;right:-170px;top:-180px;width:560px;height:560px;border-radius:50%;background:conic-gradient(from 45deg,var(--cyan),var(--violet),var(--pink),var(--orange),var(--cyan));filter:blur(48px);opacity:.26;animation:spin 16s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.avatar-wrap{position:relative;z-index:1;height:360px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#060609}.avatar-wrap img{width:min(80%,335px);filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}.floating{position:absolute;z-index:3;padding:12px 14px;border:1px solid var(--line);border-radius:17px;background:rgba(4,4,6,.84);backdrop-filter:blur(18px);font-weight:1000;box-shadow:var(--shadow-soft)}.floating small{display:block;margin-top:4px;color:#97A1BC;font-size:12px;font-weight:800}.fl-one{top:42px;left:28px}.fl-two{top:245px;right:25px}
.terminal{position:absolute;z-index:2;right:24px;bottom:24px;left:24px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#050507;box-shadow:var(--shadow-soft)}.term-top{height:40px;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid var(--line);background:#101014}.dot{width:10px;height:10px;border-radius:50%;background:#FF5F57}.dot:nth-child(2){background:#FFBD2E}.dot:nth-child(3){background:#28C840}pre{margin:0;padding:15px;color:#D9E6FF;white-space:pre-wrap;font-size:12.5px;line-height:1.56}.purple-t{color:#C5ACFF}.cyan-t{color:#86F1FF}.green-t{color:#99FFC8}.yellow-t{color:#FFE294}

section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{margin:0 0 11px;color:#89EFFF;font-size:12px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}h2{margin:0;font-size:clamp(34px,4.8vw,60px);line-height:.98;letter-spacing:-.058em}.section-head p{max-width:500px;margin:0;color:var(--muted);line-height:1.64}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{min-height:148px;padding:24px;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:var(--shadow-soft);transition:.22s ease}.stat:hover{transform:translateY(-5px);background:var(--surface-2)}.stat b{display:block;margin-bottom:8px;background:linear-gradient(135deg,#fff,#A4F2FF,#CAB8FF);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;letter-spacing:-.06em}.stat span{color:var(--muted);font-weight:800;line-height:1.45}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;display:flex;min-height:300px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#101014,#0A0A0D);box-shadow:var(--shadow-soft);transition:.24s ease}.card::after{position:absolute;right:-50px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:rgba(54,215,255,.11);filter:blur(16px);content:""}.card:hover{transform:translateY(-6px);border-color:rgba(54,215,255,.40);background:linear-gradient(180deg,#15151B,#0C0C10)}.card-icon{display:grid;width:56px;height:56px;place-items:center;margin-bottom:18px;border:1px solid rgba(54,215,255,.20);border-radius:20px;background:linear-gradient(135deg,rgba(140,107,255,.98),rgba(54,215,255,.84));font-size:24px;box-shadow:0 16px 38px rgba(54,215,255,.13)}.card h3{margin:0 0 10px;font-size:25px;letter-spacing:-.035em}.card p{margin:0;color:var(--muted);line-height:1.64}.card a{position:relative;z-index:1;margin-top:auto;padding-top:22px;color:#DFFAFF;font-weight:1000}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{padding:30px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#111116,#0A0A0D);box-shadow:var(--shadow-soft)}.panel h3{margin:0 0 13px;font-size:29px;letter-spacing:-.043em}.panel p,.panel li{color:var(--muted);line-height:1.7}.panel p{margin:0 0 20px}.panel ul{margin:14px 0 0;padding-left:20px}.panel strong{color:#fff}.panel.accent{border-color:rgba(137,239,255,.22);background:linear-gradient(135deg,rgba(18,54,108,.82),rgba(59,26,108,.74))}
.project{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#101014,#0A0A0D);box-shadow:var(--shadow-soft);transition:.22s ease}.project:hover{transform:translateY(-5px);border-color:rgba(140,107,255,.42)}.project-mark{display:grid;width:70px;height:70px;place-items:center;border:1px solid rgba(54,215,255,.18);border-radius:24px;background:#12121A;font-size:30px}.project h3{margin:0 0 8px;font-size:24px;letter-spacing:-.035em}.project p{margin:0 0 13px;color:var(--muted);line-height:1.55}.project a{color:#D7F8FF;font-weight:1000}
.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:44px 1fr;gap:14px}.timeline-num{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(54,215,255,.18);border-radius:16px;background:#12121A;color:#A9F5FF;font-weight:1000}.timeline-item b{display:block;margin-bottom:5px}.timeline-item span{color:var(--muted);line-height:1.55}
.social{display:block;min-height:160px;padding:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#111116,#0A0A0D);box-shadow:var(--shadow-soft);transition:.22s ease}.social:hover{transform:translateY(-5px);border-color:rgba(54,215,255,.35)}.social strong{display:block;margin-bottom:8px;font-size:22px;letter-spacing:-.025em}.social span{color:var(--muted);line-height:1.55}
.cta{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;overflow:hidden;padding:48px;border:1px solid var(--line);border-radius:42px;background:linear-gradient(135deg,#14141A,#060608);box-shadow:var(--shadow)}.cta::before{position:absolute;top:-180px;right:-210px;width:530px;height:530px;border-radius:50%;background:rgba(54,215,255,.12);filter:blur(20px);content:""}.cta>*{position:relative;z-index:1}.cta h2{font-size:clamp(34px,4.5vw,56px)}.cta p{margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.contact-box{display:grid;gap:12px}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.065);font-weight:1000;transition:.2s ease}.contact-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.11)}.copy-btn{padding:12px 14px;border:0;border-radius:999px;background:#C2F6FF;color:#041015;cursor:pointer;font-weight:1000}

.page-hero{padding:78px 0 34px}.page-hero h1{max-width:940px}.page-hero p{max-width:820px;margin:0;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.65}
.legal-layout{display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start}.legal-nav{position:sticky;top:104px;padding:18px;border:1px solid var(--line);border-radius:26px;background:#0D0D10;box-shadow:var(--shadow-soft)}.legal-nav a{display:block;padding:12px 13px;border-radius:16px;color:var(--muted);font-weight:850}.legal-nav a:hover,.legal-nav a.active{background:#191920;color:#fff}.legal-content{padding:36px;border:1px solid var(--line);border-radius:34px;background:#0D0D10;box-shadow:var(--shadow-soft)}.legal-content h2{margin-top:34px;font-size:36px}.legal-content h2:first-child{margin-top:0}.legal-content h3{margin:26px 0 10px;font-size:24px}.legal-content p,.legal-content li{color:var(--muted);line-height:1.75}.legal-content a{color:#CFFAFF;font-weight:950}.notice{padding:18px;border:1px solid rgba(54,215,255,.24);border-radius:22px;background:rgba(54,215,255,.08);color:#CBEFFF;line-height:1.6}

.order-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;align-items:start}.order-aside{position:sticky;top:104px}.order-form{padding:32px;border:1px solid var(--line);border-radius:34px;background:#0D0D10;box-shadow:var(--shadow-soft)}.order-form h2{font-size:37px}.order-form>p{margin:14px 0 24px;color:var(--muted);line-height:1.58}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1 / -1}.field label{color:#DDE5FA;font-size:14px;font-weight:900}.field input,.field select,.field textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:15px;outline:none;background:#131318;color:#fff;transition:.18s ease}.field input::placeholder,.field textarea::placeholder{color:#777B8A}.field textarea{min-height:164px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(54,215,255,.70);box-shadow:0 0 0 4px rgba(54,215,255,.11)}.form-note{margin:17px 0 0;color:var(--muted-2);font-size:14px;line-height:1.55}.form-message{display:none;margin-top:16px;padding:14px;border-radius:16px;line-height:1.52}.form-message.error{display:block;border:1px solid rgba(255,107,167,.32);background:rgba(255,107,167,.10);color:#FFD2E5}.form-message.success{display:block;border:1px solid rgba(104,242,178,.28);background:rgba(104,242,178,.10);color:#C8FFE3}.form-message a{color:#fff;font-weight:950;text-decoration:underline;text-underline-offset:3px}

.cookie-banner{position:fixed;right:18px;bottom:18px;left:18px;z-index:220;display:none}.cookie-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;width:min(980px,100%);margin:0 auto;padding:20px;border:1px solid var(--line-strong);border-radius:26px;background:rgba(11,11,13,.96);box-shadow:0 26px 90px rgba(0,0,0,.58);backdrop-filter:blur(22px)}.cookie-card p{margin:6px 0 0;color:var(--muted);line-height:1.55}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}
footer{margin-top:35px;padding:38px 0;border-top:1px solid var(--line);background:#050506;color:#8E93A3}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start}.footer-brand{display:flex;align-items:center;gap:12px;color:#E6EBF8;font-weight:1000}.footer-brand img{width:42px;height:42px;border:1px solid var(--line);border-radius:15px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.footer-links a{color:#C5CBDA;font-weight:850}.footer-legal{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:14px;font-size:14px}.footer-legal a{color:#A5ABBB;font-weight:800}

/* Bez JS zawartość nigdy nie znika. Animacja aktywuje się dopiero po poprawnym uruchomieniu skryptu. */
.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.js-ready .reveal.visible{opacity:1;transform:none}

@media(max-width:1080px){.hero-grid,.cta,.legal-layout,.order-shell{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.cards,.grid-3{grid-template-columns:1fr}.legal-nav,.order-aside{position:relative;top:auto}}
@media(max-width:900px){.noticebar .wrap{flex-direction:column;gap:5px}.nav-inner{min-height:74px}.menu-btn{display:inline-grid}.nav-links{flex-wrap:wrap}.js-ready .nav-links{position:absolute;top:82px;right:20px;left:20px;display:none;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:24px;background:rgba(8,8,10,.98);box-shadow:var(--shadow)}.js-ready .nav-links.open{display:flex}.nav-links a{text-align:center;padding:13px}.nav-actions .btn{display:none}.section-head{display:block}.section-head p{margin-top:14px}.hero-stage{min-height:520px}.avatar-wrap{height:325px}.fl-two{top:220px}}
@media(max-width:640px){.wrap,.nav-inner{width:min(var(--max),calc(100% - 28px))}.hero{padding-top:58px}.hero-stage{min-height:470px;border-radius:30px}.avatar-wrap{height:255px;border-radius:25px}.avatar-wrap img{width:265px}.floating{display:none}.terminal{right:16px;bottom:16px;left:16px}.terminal pre{padding:13px;font-size:11.5px}.hero-actions .btn{width:100%}h1{font-size:43px}section{padding:60px 0}.stats,.grid-2,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta{padding:29px;border-radius:30px}.contact-link{flex-direction:column;align-items:flex-start}.cookie-card{grid-template-columns:1fr}.footer-inner{display:block;text-align:center}.footer-brand{justify-content:center}.footer-links,.footer-legal{justify-content:center;margin-top:18px}.brand-text small{display:none}.legal-content,.order-form{padding:23px}.theme-toggle{display:none}}