:root{
  --ink:#0c1233; --ink2:#454e73; --navy:#070b22; --night:#04061a;
  --cta:#2a55ee; --cta-h:#3d68ff; --neon:#8fb0ff; --violet:#7c4dff; --cyan:#39beff;
  --tint:#f4f5fb; --line:#dce1f0; --white:#fff;
  --serif:"Instrument Serif",Georgia,serif; --sans:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.display{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.02}
.display em{font-style:italic;color:var(--cta)}
.dark .display em,.hero .display em{color:var(--neon)}
h2.display{font-size:clamp(38px,5vw,64px)}
.eyebrow{font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cta);margin-bottom:18px}
.eyebrow.light{color:var(--neon)}
.lead{font-size:18px;color:var(--ink2);line-height:1.65}
.dark .lead{color:#b9c2e6}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;font:500 14.5px var(--sans);border:0;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#111a4a}
.btn-ghost{background:var(--tint);color:var(--ink)}.btn-ghost:hover{background:#e9ecf8}
.btn-primary{background:var(--cta);color:#fff;box-shadow:0 10px 30px -10px rgba(42,85,238,.7)}.btn-primary:hover{background:var(--cta-h);transform:translateY(-1px)}
.btn-lg{height:54px;padding:0 28px;font-size:16px;border-radius:12px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-color:var(--line)}
.nav-in{display:flex;align-items:center;gap:36px;height:72px}
.logo img{height:30px;width:auto}
.nav-links{display:flex;gap:28px;font-size:14.5px;font-weight:500}
.nav-links a{color:var(--ink);opacity:.85}.nav-links a:hover{opacity:1;color:var(--cta)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang{position:relative}
.lang-btn{display:flex;align-items:center;gap:7px;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;font:500 13.5px var(--sans);color:var(--ink);cursor:pointer}
.lang-menu{position:absolute;right:0;top:48px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px -20px rgba(12,18,51,.35);min-width:150px;display:none}
.lang.open .lang-menu{display:block}
.lang-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;background:none;border-radius:8px;font:400 14px var(--sans);color:var(--ink);cursor:pointer}
.lang-menu button:hover,.lang-menu button.on{background:var(--tint);color:var(--cta)}

/* hero */
.hero-shell{padding:0 8px}
.hero{position:relative;overflow:hidden;border-radius:var(--r);background:#000;color:#fff;min-height:min(760px,calc(100vh - 88px));display:flex;flex-direction:column;isolation:isolate}
#stars{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.aurora{position:absolute;border-radius:50%;filter:blur(90px);z-index:-2;opacity:.75;animation:drift 18s ease-in-out infinite alternate}
.a1{width:60%;height:70%;left:-15%;top:-25%;background:radial-gradient(closest-side,#2a55ee,transparent)}
.a2{width:55%;height:70%;right:-12%;bottom:-35%;background:radial-gradient(closest-side,#7c4dff,transparent);animation-delay:-6s}
.a3{width:45%;height:50%;left:28%;bottom:-30%;background:radial-gradient(closest-side,#39beff,transparent);opacity:.4;animation-delay:-11s}
@keyframes drift{to{transform:translate3d(6%,5%,0) scale(1.12)}}
.hero-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 24px 36px}
.hero h1{font-size:clamp(44px,7vw,96px);max-width:1100px;text-wrap:balance}
.hero .eyebrow{margin:26px 0 24px;color:#dbe4ff}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:0 clamp(24px,9vw,132px) 56px}
.hero-sub{max-width:430px;font-size:16.5px;color:#d5dcf7}
.hero-card{display:flex;align-items:center;gap:22px;padding:8px 8px 8px 22px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(143,176,255,.35);backdrop-filter:blur(12px);transition:.25s;min-width:250px;justify-content:space-between}
.hero-card:hover{background:rgba(255,255,255,.16);box-shadow:0 0 40px -6px rgba(70,110,255,.8)}
.hero-card b{display:block;font-weight:500;font-size:17px;line-height:1.25}
.hero-card small{display:block;font-size:12.5px;color:#b9c6f5;margin-top:3px}
.orb{width:66px;height:66px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}
.orb img{width:38px}

.wave{display:flex;align-items:center;gap:6px;height:64px;margin-top:44px}
.wave i{width:4px;border-radius:4px;background:linear-gradient(180deg,var(--cyan),#3d6eff 55%,var(--violet));height:20%;animation:wv 1.25s ease-in-out infinite}
.wave i:nth-child(3n){animation-duration:.95s}.wave i:nth-child(4n){animation-duration:1.5s}.wave i:nth-child(5n){animation-duration:1.1s}
.wave i:nth-child(odd){animation-delay:-.4s}.wave i:nth-child(7n){animation-delay:-.75s}
@keyframes wv{0%,100%{height:14%}50%{height:100%}}
.wave.small{height:22px;gap:3px;margin:0}.wave.small i{width:3px}

/* galaxy from the login screen: spiral -> Alphacall logo */
.gx-zone{width:100%;height:clamp(190px,30vh,290px);flex:none}
.hero canvas.cc-galaktyka{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-1!important}
.hero.gx-on #stars{display:none}
.hero.gx-on .aurora{opacity:.42}
.nav-login{box-shadow:0 0 0 1px rgba(143,176,255,.55),0 8px 26px -6px rgba(42,85,238,.85);font-weight:600}
/* trusted by */
.trust{padding:44px 0 6px}
.trust-in{display:flex;align-items:center;gap:48px}
.trust p{font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#6b7399;white-space:nowrap}
.trust-logos{flex:1;display:flex;align-items:center;justify-content:space-between;gap:36px}
.trust-logos img{width:auto;height:52px;opacity:.78;transition:opacity .2s}
.trust-logos img[alt="Genévry"]{height:26px}
.trust-logos img:hover{opacity:1}
/* ticker */
.ticker{overflow:hidden;padding:34px 0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ticker-track{display:flex;gap:56px;width:max-content;animation:tick 40s linear infinite;font-family:var(--serif);font-size:26px;color:var(--ink);white-space:nowrap}
.ticker-track span{display:flex;align-items:center;gap:56px}
.ticker-track span::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--cta)}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:112px 0}
.sec.tint{background:var(--tint)}
.sec.dark{background:var(--navy);color:#fff;border-radius:var(--r);margin:0 8px;background:radial-gradient(900px 500px at 85% -10%,rgba(124,77,255,.28),transparent 60%),radial-gradient(800px 500px at 0% 110%,rgba(42,85,238,.3),transparent 60%),linear-gradient(180deg,#090e2c,#04061a)}
.sec-head{margin-bottom:60px}
.sec-head.split{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end}
.sec-head.center{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}
.sec-head.center .lead{margin-top:22px}

.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cap{background:var(--tint);border-radius:20px;padding:30px 28px 32px;transition:.25s;border:1px solid transparent}
.cap:hover{background:#fff;border-color:var(--line);box-shadow:0 30px 60px -30px rgba(42,85,238,.35);transform:translateY(-3px)}
.cap-n{font-family:var(--serif);font-size:20px;color:var(--cta)}
.cap h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.1;letter-spacing:-.015em;margin:34px 0 12px}
.cap p{color:var(--ink2);font-size:15.5px}

/* pictures */
.pic{margin:0;border-radius:22px;overflow:hidden;background:#04061a}
.pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pic:hover img{transform:scale(1.04)}
.pic.wide{aspect-ratio:21/8;margin-bottom:16px}
.pic.glow{border:1px solid rgba(143,176,255,.2);box-shadow:0 40px 90px -40px rgba(42,85,238,.7)}
.dark .pic.wide{margin:88px 0 0}
.steps .pic{margin-top:36px;aspect-ratio:4/3}
.contact .pic{margin-top:40px;aspect-ratio:16/10}
/* conversation */
.conv{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.conv .lead{margin:24px 0 28px}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ticks li{position:relative;padding-left:32px;color:#dfe5fb;font-size:15.5px}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:rgba(143,176,255,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.3l2.7 2.7L14 7.5' fill='none' stroke='%238fb0ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.ticks.ink li{color:var(--ink)}
.ticks.ink li::before{background-color:rgba(42,85,238,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.3l2.7 2.7L14 7.5' fill='none' stroke='%232a55ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.call{background:rgba(11,14,29,.78);border:1px solid rgba(143,176,255,.22);border-radius:22px;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 40px 90px -30px rgba(42,85,238,.6);overflow:hidden}
.call-top,.call-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:12.5px;color:#aab6e4;letter-spacing:.04em}
.call-top{border-bottom:1px solid rgba(143,176,255,.14)}
.call-foot{border-top:1px solid rgba(143,176,255,.14)}
.call-dot{width:8px;height:8px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 4px rgba(53,208,127,.2);animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(53,208,127,0)}}
.call-time{margin-left:auto;font-variant-numeric:tabular-nums}
.call-body{padding:22px 20px;display:flex;flex-direction:column;gap:14px;height:440px;overflow:hidden;justify-content:flex-start}
.msg{max-width:84%;opacity:0;transform:translateY(10px);animation:in .45s forwards}
@keyframes in{to{opacity:1;transform:none}}
.msg .who{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8793c4;margin-bottom:5px}
.msg .txt{padding:12px 15px;border-radius:14px;font-size:14.5px;line-height:1.5;background:rgba(255,255,255,.07);color:#eef1ff}
.msg.ai{align-self:flex-start}.msg.ai .txt{background:linear-gradient(135deg,#2a55ee,#5b46e8);border-top-left-radius:4px}
.msg.cu{align-self:flex-end;text-align:right}.msg.cu .txt{border-top-right-radius:4px;text-align:left}
.tag{display:inline-flex;align-items:center;gap:6px;margin-top:7px;font-size:11.5px;font-weight:500;color:var(--neon);border:1px solid rgba(143,176,255,.4);padding:3px 10px;border-radius:99px;box-shadow:0 0 18px -4px rgba(70,110,255,.9)}
.tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--neon)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.stats b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.6vw,60px);line-height:1;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,var(--neon));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{display:block;margin-top:12px;font-size:14px;color:#aab6e4;max-width:230px}

/* platform */
.tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.tab{height:44px;padding:0 20px;border-radius:99px;border:1px solid var(--line);background:#fff;font:500 14.5px var(--sans);color:var(--ink2);cursor:pointer;transition:.2s}
.tab:hover{color:var(--ink);border-color:#b9c3e6}
.tab.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 0 0 1px rgba(143,176,255,.5),0 10px 30px -8px rgba(70,110,255,.75)}
.stage{display:flex;flex-direction:column-reverse;gap:40px;background:var(--tint);border-radius:var(--r);padding:40px 40px 44px}
.pane.on{display:grid;grid-template-columns:1fr 1fr;gap:16px 56px;align-items:start}
.pane h3{grid-column:1}.pane p{grid-column:1;margin:0}.pane .ticks{grid-column:2;grid-row:1/span 2}
.pane{display:none}.pane.on{animation:in .4s both}
.pane h3{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.08;letter-spacing:-.02em;margin-bottom:16px}
.pane p{color:var(--ink2);margin-bottom:24px;font-size:15.5px}
.pane .ticks li{font-size:15px}
.screen{border-radius:16px;overflow:hidden;background:#05060f;box-shadow:0 40px 80px -30px rgba(7,11,34,.65),0 0 0 1px rgba(7,11,34,.9);margin-right:-2px}
.screen-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#0b0e1d;border-bottom:1px solid rgba(143,176,255,.14)}
.screen-bar i{width:10px;height:10px;border-radius:50%;background:#2a3157}
.screen-bar span{margin-left:14px;font-size:12px;color:#7f8bbd;background:#05060f;padding:3px 14px;border-radius:6px}
.screen-view{position:relative;aspect-ratio:2040/1117;overflow:hidden}
.shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:0;transition:opacity .45s}
.shot.on{opacity:1}

/* hybrid */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trio article{background:#fff;border-radius:20px;padding:32px 28px;border:1px solid var(--line)}
.ico{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--navy);box-shadow:0 0 24px -4px rgba(70,110,255,.8);margin-bottom:26px}
.ico svg{width:24px;height:24px;fill:none;stroke:var(--neon);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trio h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.12;margin-bottom:10px}
.trio p{color:var(--ink2);font-size:15.5px}

/* tech */
.tech{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(143,176,255,.16);border:1px solid rgba(143,176,255,.16);border-radius:20px;overflow:hidden}
.tech article{background:#070b22;padding:32px 28px;transition:.25s}
.tech article:hover{background:#0c1338}
.tech h3{font-weight:500;font-size:17px;margin-bottom:8px;color:#fff}
.tech p{font-size:14.5px;color:#aab6e4}
.steps{margin-top:96px;display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:start}
.steps-title{font-size:clamp(34px,4vw,52px)}
.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.steps li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid rgba(143,176,255,.16)}
.steps li b{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1;color:var(--neon);width:34px;flex:none}
.steps h4{font-weight:500;font-size:18px;margin-bottom:4px}
.steps p{color:#aab6e4;font-size:15px}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:start}
.contact .lead{margin:24px 0 28px}
.form{background:var(--tint);border-radius:var(--r);padding:36px;display:grid;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:grid;gap:7px;font-size:13.5px;font-weight:500}
.form input,.form select,.form textarea{width:100%;height:50px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:#fff;font:400 15.5px var(--sans);color:var(--ink);outline:0;transition:.15s}
.form textarea{height:auto;padding:13px 15px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--cta);box-shadow:0 0 0 4px rgba(42,85,238,.14)}
.form .bad{border-color:#e5484d}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-note{font-size:14.5px;font-weight:500;min-height:0}
.form-note.ok{color:#128a4d}.form-note.err{color:#c9353a}
.legal{font-size:12.5px;color:#6b7399}

/* footer */
.foot{background:#000;color:#aab6e4;margin-top:0;padding:64px 0 40px}
.foot-in{display:grid;gap:22px;justify-items:start}
.foot p{font-family:var(--serif);font-size:26px;color:#fff;max-width:520px;line-height:1.15}
.foot nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}
.foot nav a:hover{color:#fff}
.foot small{font-size:12.5px;color:#6b7399;border-top:1px solid #151a35;padding-top:22px;width:100%}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media (max-width:980px){
  .nav-links,.nav-demo{display:none}
  .sec{padding:76px 0}
  .trust-in{flex-direction:column;gap:24px}.trust-logos{flex-wrap:wrap;justify-content:center;gap:26px 34px}
  .trust-logos img{height:40px}.trust-logos img[alt="Genévry"]{height:22px}
  .sec-head.split,.conv,.contact,.steps{grid-template-columns:1fr;gap:32px}
  .caps,.trio,.tech{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr;margin-top:40px}
  .pic.wide{aspect-ratio:16/10}.dark .pic.wide{margin-top:56px}
  .pic{border-radius:16px}
  .stage{padding:16px 12px 28px;gap:26px}
  .pane.on{grid-template-columns:1fr;padding:0 8px}.pane .ticks{grid-column:1;grid-row:auto;margin-top:8px}
  .screen-view{aspect-ratio:auto;height:300px}
  .shot{object-position:22% 0}
  .hero-bottom{flex-direction:column;align-items:stretch;padding:0 22px 26px}
  .hero{min-height:640px}
  .call-body{height:400px}
  .row2{grid-template-columns:1fr}
  .form{padding:24px 18px}
  .wrap{padding:0 16px}
  .nav-in{gap:12px;height:64px}
  .logo img{height:26px}
  .nav-login{padding:0 14px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.msg{opacity:1;transform:none}}

/* ================= v2 (21.10.2026) ================= */
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px)}.btn-glass:hover{background:rgba(255,255,255,.2)}
.hero2{position:relative;overflow:hidden;border-radius:var(--r);background:#04061a;color:#fff;min-height:min(780px,calc(100vh - 88px));display:flex;align-items:center;isolation:isolate}
.hero2-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 30%;z-index:-2;animation:kb 26s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.06) translate3d(-1%,0,0)}}
.hero2-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,6,26,.96) 0%,rgba(4,6,26,.86) 34%,rgba(4,6,26,.25) 62%,rgba(4,6,26,0) 80%),linear-gradient(0deg,rgba(4,6,26,.55),transparent 40%)}
.hero2-in{max-width:640px;padding:64px clamp(24px,6vw,88px)}
.hero2 h1{font-size:clamp(46px,6.4vw,92px);text-wrap:balance}
.hero2 .display em{color:var(--neon)}
.hero2-sub{margin-top:26px;font-size:18px;line-height:1.6;color:#d5dcf7;max-width:540px}
.hero2-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero2-live{position:absolute;right:clamp(16px,4vw,48px);bottom:28px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;background:rgba(7,11,34,.62);border:1px solid rgba(143,176,255,.3);backdrop-filter:blur(10px);font-size:12.5px;letter-spacing:.06em;color:#cfd8ff}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-1px;padding:34px 0 8px}
.kpis div{border-left:2px solid var(--cta);padding:4px 0 4px 18px}
.kpis b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-.02em;color:var(--ink)}
.kpis span{display:block;margin-top:8px;font-size:14px;color:var(--ink2);max-width:240px}

/* human vs alpha */
.vs{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}
.vs-col{border-radius:22px;padding:34px 32px;position:relative;overflow:hidden}
.vs-h{background:var(--tint)}
.vs-a{background:#04061a;color:#fff;isolation:isolate}
.vs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-1}
.vs-a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,6,26,.55),rgba(4,6,26,.92))}
.vs-tag{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;color:#6b7399}
.vs-a .vs-tag{color:var(--neon)}
.vs ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.vs li{display:grid;grid-template-columns:1fr auto;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;align-items:baseline}
.vs-a li{border-color:rgba(143,176,255,.18)}
.vs li span{color:var(--ink2)}.vs-a li span{color:#aab6e4}
.vs li b{font-weight:600;text-align:right}
.vs-h li b{color:#8a2b2f}
.vs-a li b{color:#fff}
.calc{margin-top:16px;display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
.calc-in,.calc-out{border-radius:22px;padding:32px}
.calc-in{background:#fff;border:1px solid var(--line);display:grid;gap:20px}
.calc-in h3{font-size:32px;margin-bottom:4px}
.calc-in label{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14.5px;font-weight:500}
.calc-in output{font-weight:600;color:var(--cta);font-variant-numeric:tabular-nums}
.calc-in input{grid-column:1/-1;width:100%;accent-color:var(--cta)}
.calc-out{background:linear-gradient(135deg,#2a55ee,#5b46e8);color:#fff;display:flex;flex-direction:column;gap:12px}
.calc-row{display:flex;justify-content:space-between;gap:12px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:10px}
.calc-row b{font-variant-numeric:tabular-nums}
.calc-big{margin-top:auto;padding-top:10px}
.calc-big b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(64px,8vw,104px);line-height:.95}
.calc-big span{font-size:15px;color:#dfe5ff}
.calc-save{display:flex;justify-content:space-between;gap:12px;background:rgba(4,6,26,.25);border-radius:12px;padding:12px 16px;font-size:15px}
.calc-save b{font-variant-numeric:tabular-nums}
.calc-note{font-size:12px;color:#d6dcff;line-height:1.5}

/* story */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:t}
.tl li{position:relative;padding:28px 24px 30px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(143,176,255,.18)}
.tl li b{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1;color:var(--neon)}
.tl h3{font-weight:500;font-size:18px;margin:22px 0 8px}
.tl p{font-size:14.5px;color:#aab6e4}
.finds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.finds article{padding:28px 24px;border-radius:20px;background:linear-gradient(160deg,rgba(42,85,238,.28),rgba(124,77,255,.12));border:1px solid rgba(143,176,255,.28)}
.finds b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.4vw,58px);line-height:1;background:linear-gradient(90deg,#fff,var(--neon));-webkit-background-clip:text;background-clip:text;color:transparent}
.finds p{margin-top:12px;font-size:14.5px;color:#d5dcf7}

/* networks */
.nets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.net{border-radius:22px;overflow:hidden;background:#04061a;color:#fff;display:flex;flex-direction:column;border:1px solid rgba(143,176,255,.14);transition:.3s}
.net:hover{transform:translateY(-3px);box-shadow:0 40px 80px -40px rgba(42,85,238,.8)}
.net figure{margin:0;aspect-ratio:4/3;overflow:hidden}
.net figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.net:hover figure img{transform:scale(1.05)}
.net>div{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.net-k{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--neon)}
.net h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.08;margin:8px 0 10px}
.net p{font-size:14.5px;color:#aab6e4;flex:1}
.net i{font-style:normal;margin-top:16px;align-self:flex-start;font-size:12.5px;font-weight:500;color:var(--neon);border:1px solid rgba(143,176,255,.4);padding:4px 12px;border-radius:99px;box-shadow:0 0 18px -6px rgba(70,110,255,.9)}
.net-big{grid-column:span 3;flex-direction:row}
.net-big figure{flex:1.25;aspect-ratio:auto;min-height:340px}
.net-big>div{flex:1;padding:44px 40px;justify-content:center}
.net-big h3{font-size:44px}
.net-big p{font-size:16px;flex:none}

/* personas */
.pers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pers article{background:var(--tint);border-radius:22px;overflow:hidden;padding-bottom:22px;transition:.25s}
.pers article:hover{box-shadow:0 30px 60px -30px rgba(42,85,238,.4);transform:translateY(-3px)}
.pers figure{margin:0 0 18px;aspect-ratio:4/4.4;overflow:hidden}
.pers figure img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.pers h3,.pers p,.heat{margin-left:22px;margin-right:22px}
.pers h3{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1}
.pers-s{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cta);margin:8px 0 10px}
.pers p{font-size:14.5px;color:var(--ink2)}
.heat{display:flex;gap:5px;margin-top:16px;align-items:center;font-size:12px;color:#6b7399}
.heat i{width:22px;height:6px;border-radius:3px;background:#dfe3f2}.heat i.on{background:linear-gradient(90deg,var(--cta),var(--violet))}
.fine{margin-top:18px;font-size:12.5px;color:#6b7399;text-align:center}

/* builder */
.bld{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}
.bld-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:4px}
.bld fieldset{border:0;margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.bld fieldset:last-child{border-bottom:0}
.bld fieldset.row{display:flex;justify-content:space-between;align-items:center}
.bld legend{float:left;width:100%;font-size:13.5px;font-weight:600;margin-bottom:10px;padding:0}
.bld fieldset.row legend{float:none;width:auto;margin:0}
.bld legend output{color:var(--cta);font-weight:600}
.bld input[type=range]{width:100%;accent-color:var(--cta)}
.seg{display:flex;flex-wrap:wrap;gap:6px;clear:both}
.seg button{height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#fff;font:500 13.5px var(--sans);color:var(--ink2);cursor:pointer;transition:.15s}
.seg button:hover{border-color:#b9c3e6;color:var(--ink)}
.seg button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.sw{position:relative;width:46px;height:26px;flex:none;cursor:pointer}
.sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.sw i{position:absolute;inset:0;border-radius:99px;background:#d4d9ea;transition:.2s;pointer-events:none}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.sw input:checked+i{background:var(--cta)}.sw input:checked+i::after{transform:translateX(20px)}
.chips{display:flex;flex-wrap:wrap;gap:6px;clear:both}
.chips span{font-size:12.5px;padding:6px 12px;border-radius:99px;background:var(--tint);color:var(--ink2);border:1px solid var(--line)}
.bld-prev{position:sticky;top:90px;display:grid;gap:14px}
.bld-card{background:#04061a;color:#fff;border-radius:22px;padding:24px;border:1px solid rgba(143,176,255,.2);box-shadow:0 40px 90px -40px rgba(42,85,238,.7)}
.bld-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.bld-head img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid rgba(143,176,255,.5)}
.bld-head b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1}
.bld-head small{display:block;margin-top:5px;font-size:12.5px;color:#aab6e4}
.bld-say{margin-top:12px;max-width:92%}
.bld-say span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8793c4;margin-bottom:5px}
.bld-say p{padding:12px 15px;border-radius:14px;border-top-left-radius:4px;background:linear-gradient(135deg,#2a55ee,#5b46e8);font-size:14.5px;line-height:1.5}
.bld-say.cu{margin-left:auto;text-align:right}.bld-say.cu p{background:rgba(255,255,255,.08);border-radius:14px;border-top-right-radius:4px;text-align:left}
.bld-rules{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(143,176,255,.16);display:grid;gap:8px}
.bld-rules li{font-size:13px;color:#cdd5f5;padding-left:20px;position:relative}
.bld-rules li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}

/* who */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.who article{border-radius:20px;padding:30px 28px;background:var(--tint);border:1px solid transparent;transition:.25s}
.who article:hover{background:#fff;border-color:var(--line);box-shadow:0 30px 60px -30px rgba(42,85,238,.35)}
.who h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1;margin-bottom:10px}
.who p{font-size:15px;color:var(--ink2)}
.who .gov{background:#04061a;color:#fff}.who .gov p{color:#aab6e4}.who .gov:hover{background:#0c1338}

/* platform extras */
#platform .stage{background:#fff}
.pane.on{grid-template-columns:1fr 1.2fr}
.pane p{grid-column:2;grid-row:1}
.trust2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.trust2 article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px}
.trust2 h3{font-weight:600;font-size:16px;margin-bottom:8px}
.trust2 p{font-size:14px;color:var(--ink2)}
.trust-mini{margin-top:40px}
.trust-mini p{font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#6b7399;margin-bottom:16px}
.trust-mini div{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px}
.trust-mini img{width:auto;opacity:.8}
.foot-fn{font-size:12px;color:#6b7399;max-width:900px;line-height:1.55}

@media (max-width:980px){
  .hero2{min-height:640px;align-items:flex-end}
  .hero2-bg{object-position:70% 20%}
  .hero2-shade{background:linear-gradient(0deg,rgba(4,6,26,.97) 0%,rgba(4,6,26,.86) 48%,rgba(4,6,26,.15) 85%)}
  .hero2-in{padding:40px 22px 84px}
  .hero2-sub{font-size:16px}
  .hero2-live{left:22px;right:auto;bottom:22px}
  .kpis{grid-template-columns:1fr 1fr;gap:22px 16px;padding-top:28px}
  .vs,.calc,.bld{grid-template-columns:1fr}
  .vs-col,.calc-in,.calc-out{padding:24px 20px}
  .tl,.finds{grid-template-columns:1fr 1fr}
  .nets{grid-template-columns:1fr}
  .net-big{grid-column:auto;flex-direction:column}.net-big figure{min-height:0;aspect-ratio:4/3}.net-big>div{padding:24px}.net-big h3{font-size:34px}
  .pers{grid-template-columns:1fr 1fr}
  .who,.trust2{grid-template-columns:1fr}
  .bld-prev{position:static}
  .bld-form{padding:18px}
  .pane.on{grid-template-columns:1fr}.pane p{grid-column:1;grid-row:auto}
}
@media (max-width:560px){
  .tl,.finds,.pers{grid-template-columns:1fr}
  .hero2 h1{font-size:42px}
  .vs li{grid-template-columns:1fr;gap:4px}.vs li b{text-align:left}
}
/* poprawki po zrzutach 21.10 */
.nav-links{white-space:nowrap}
.trust-mini img{height:40px}.trust-mini img[alt="Genévry"]{height:20px}
@media (max-width:980px){
  .hero2{min-height:0;display:block}
  .hero2-bg{height:330px;bottom:auto;object-position:74% 30%}
  .hero2-shade{background:linear-gradient(180deg,rgba(4,6,26,0) 0,rgba(4,6,26,.15) 180px,rgba(4,6,26,.94) 320px,#04061a 360px)}
  .hero2-in{padding:290px 22px 84px}
}
@media (max-width:560px){
  .pers{grid-template-columns:1fr 1fr;gap:10px}
  .pers h3{font-size:24px}.pers p{font-size:13px}.pers-s{font-size:10.5px;letter-spacing:.06em}
  .pers h3,.pers p,.heat{margin-left:14px;margin-right:14px}
  .heat i{width:16px}
}

/* ===== v2.1 (21.10.2026): galaktyka sieci, głosy, odsłuch rozmowy, OROTAL ===== */
.gx-stage{position:relative;height:min(760px,92vh);min-height:560px;margin:16px 8px 0;border-radius:var(--r);overflow:hidden;color:#fff;isolation:isolate;
  background:radial-gradient(900px 600px at 70% 40%,rgba(42,85,238,.22),transparent 60%),radial-gradient(700px 500px at 10% 100%,rgba(124,77,255,.18),transparent 60%),#02030d;cursor:grab}
.gx-stage canvas.cc-galaktyka{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
.gx-cap{position:absolute;left:clamp(24px,6vw,88px);top:50%;transform:translateY(-50%);max-width:420px;z-index:2;pointer-events:none;transition:opacity .5s}
.gx-cap.fade{opacity:0}
.gx-cap h2{font-size:clamp(44px,5.6vw,80px);line-height:1}
.gx-cap h2 em{color:var(--neon)}
.gx-cap p:last-child{margin-top:18px;font-size:17px;color:#cfd8ff;line-height:1.55}
.gx-chips{position:absolute;left:0;right:0;bottom:26px;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px}
.gx-chips button{height:36px;padding:0 15px;border-radius:99px;border:1px solid rgba(143,176,255,.35);background:rgba(7,11,34,.55);color:#cfd8ff;font:500 13px var(--sans);cursor:pointer;backdrop-filter:blur(8px);transition:.2s}
.gx-chips button:hover{color:#fff;border-color:rgba(143,176,255,.7)}
.gx-chips button.on{background:linear-gradient(135deg,#2a55ee,#5b46e8);border-color:transparent;color:#fff;box-shadow:0 0 24px -4px rgba(70,110,255,.9)}
.gx-hint{position:absolute;right:22px;top:18px;z-index:2;font-size:11.5px;letter-spacing:.08em;color:#7f8bbd;pointer-events:none}
html.cc-gx-off .gx-stage{background:url(img/n_mozg.webp) 70% 50%/cover,#02030d}

/* głosy */
.langs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-24px 0 32px}
.langs button{height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:#fff;font:500 14px var(--sans);color:var(--ink2);cursor:pointer;transition:.15s}
.langs button:hover{color:var(--ink);border-color:#b9c3e6}
.langs button.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 10px 24px -10px rgba(42,85,238,.8)}
.pers figure{position:relative}
.play{position:absolute;right:14px;bottom:14px;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,#2a55ee,#5b46e8);box-shadow:0 12px 30px -8px rgba(42,85,238,.9);display:grid;place-items:center;transition:transform .2s}
.play:hover{transform:scale(1.07)}
.play i{width:0;height:0;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.play.on i{width:14px;height:16px;border:0;margin:0;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
.pers article.on{box-shadow:0 0 0 2px var(--cta),0 30px 60px -30px rgba(42,85,238,.6)}
.vtext{margin-top:18px;min-height:76px;display:flex;gap:16px;align-items:center;background:#04061a;color:#e6ebff;border-radius:18px;padding:18px 22px}
.vtext p{font-size:16px;line-height:1.55}
.vtext .wave{opacity:.25;flex:none}.vtext.on .wave{opacity:1}
.vtext:not(.on) .wave i{animation-play-state:paused}

/* odsłuch rozmowy + najlepsze wypowiedzi */
.call-foot{flex-wrap:wrap}
.call-play{margin-left:auto;display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 16px 0 12px;border-radius:99px;border:0;cursor:pointer;background:linear-gradient(135deg,#2a55ee,#5b46e8);color:#fff;font:500 13px var(--sans);box-shadow:0 0 22px -6px rgba(70,110,255,.9)}
.call-play i{width:0;height:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.call-play.on i{width:10px;height:11px;border:0;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
.hl{margin-top:64px}
.hl h3{font-size:clamp(28px,3.4vw,40px);margin-bottom:22px}
.hl-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hl-item{display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%;padding:18px;border-radius:18px;border:1px solid rgba(143,176,255,.2);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font:inherit;transition:.2s}
.hl-item:hover,.hl-item.on{background:rgba(42,85,238,.18);border-color:rgba(143,176,255,.5)}
.hl-item img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;border:2px solid rgba(143,176,255,.4)}
.hl-item b{display:block;font-weight:500;font-size:13px;color:var(--neon);letter-spacing:.04em}
.hl-item span{display:block;margin-top:6px;font-size:14.5px;color:#dfe5fb;line-height:1.5}
.hl-item i{margin-left:auto;flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2a55ee,#5b46e8);position:relative}
.hl-item i::after{content:"";position:absolute;left:13px;top:10px;border-left:10px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.hl-item.on i::after{left:11px;top:11px;width:12px;height:12px;border:0;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}

/* OROTAL */
.org{margin-top:36px;padding:22px 24px;border-radius:18px;background:var(--tint);border:1px solid var(--line);display:grid;gap:4px}
.org p{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta);margin-bottom:6px}
.org b{font-size:17px;font-weight:600}
.org span{color:var(--ink2);font-size:15px}
.org a{color:var(--cta);font-weight:500;font-size:15px}
.foot-org{font-style:normal;font-size:14px;color:#aab6e4;line-height:1.6}
.foot-org b{color:#fff;font-weight:500}.foot-org a{color:var(--neon)}

@media (max-width:980px){
  .gx-stage{height:640px;min-height:0}
  .gx-cap{top:auto;bottom:118px;transform:none;left:20px;right:20px;max-width:none}
  .gx-cap h2{font-size:42px}.gx-cap p:last-child{font-size:15px;margin-top:10px}
  .gx-chips{bottom:16px;gap:6px}.gx-chips button{height:32px;padding:0 11px;font-size:12px}
  .gx-hint{display:none}
  .hl-list{grid-template-columns:1fr}
  .langs{margin-top:-12px}
}
@media (max-width:980px){
  .gx-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 16px 2px}
  .gx-chips::-webkit-scrollbar{display:none}
  .gx-chips button{flex:none}
  .gx-cap{bottom:66px}
}
/* v2.2: flagi, hero z zespołem, menu języków */
.langs button{display:inline-flex;align-items:center;gap:8px}
.langs img,.lang-menu img,#lang-flag{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(12,18,51,.12);object-fit:cover;flex:none}
.lang-btn{gap:8px}
.lang-menu{max-height:min(70vh,520px);overflow:auto;min-width:190px}
.lang-menu button{display:flex;align-items:center;gap:10px}
#voices{padding-top:72px}
.hero2-bg{object-position:78% 35%}
#hero-listen svg{margin-left:-4px}
.foot-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.foot-nav a:hover{color:#fff}
@media (max-width:980px){.hero2-bg{object-position:80% 30%}#voices{padding-top:48px}}

.hero2 picture{position:absolute;inset:0;z-index:-2}
@media (min-width:981px){.hero2-bg{object-position:100% 30%}}
.vtext p[dir=rtl]{text-align:right;font-size:17px}

@media (min-width:981px){.pers{grid-template-columns:repeat(3,1fr);gap:20px}.pers figure{aspect-ratio:4/3.3}.pers h3{font-size:30px}}   /* 26.10: 6 głosów (+ Sebastian) = 2 rzędy po 3 */

/* ===== v2.5 (21.10.2026, właściciel): galaktyka sieci jako front strony ===== */
.gx-hero{margin:0;height:auto;min-height:min(820px,calc(100vh - 88px));display:flex;align-items:center}
.gx-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,3,13,.9) 0%,rgba(2,3,13,.62) 32%,rgba(2,3,13,0) 58%)}
.gx-hero .hero2-in{position:relative;z-index:2;max-width:660px}
.gx-hero h1{font-size:clamp(46px,6vw,88px);text-wrap:balance}
.gx-hero .gx-cap{left:auto;right:clamp(24px,4vw,56px);top:auto;bottom:84px;transform:none;max-width:380px;text-align:right}
.gx-hero .gx-cap h2{font-size:clamp(26px,2.6vw,38px);line-height:1.05}
.gx-hero .gx-cap p:last-child{font-size:14.5px;margin-top:8px}
@media (max-width:980px){
  .gx-hero{min-height:780px;align-items:flex-end}
  .gx-hero::before{background:linear-gradient(0deg,rgba(2,3,13,.96) 0%,rgba(2,3,13,.82) 42%,rgba(2,3,13,0) 66%)}
  .gx-hero .hero2-in{padding:0 22px 92px}
  .gx-hero h1{font-size:42px}
  .gx-hero .gx-cap{display:none}
}