PageSourceSearch

https://www.budejovice.ai/clenstvi

html budejovice.ai collected 2026-10-05 11:52:30 UTC 57,567 bytes, 1,080 lines download raw bytes

1<!DOCTYPE html><html lang="cs"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>Stát se členem | budejovice.ai</title><meta name="author" content="budejovice.ai"/><meta name="theme-color" content="#FFD93D"/><meta property="og:site_name" content="budejovice.ai"/><meta property="og:locale" content="cs_CZ"/><meta name="twitter:description" content="Jihočeská AI komunita. Meetupy, workshopy a podpora AI projektů v Českých Budějovicích."/><meta name="description" content="Přihláška do jihočeské AI komunity. Základní členství zdarma — akce, networking, sdílení znalostí."/><meta name="robots" content="index, follow"/><meta property="og:type" content="website"/><meta property="og:url" content="https://budejovice.ai/clenstvi"/><meta property="og:title" content="Stát se členem | budejovice.ai"/><meta property="og:description" content="Připojte se k jihočeské AI komunitě. Registrace zdarma, bez závazků."/><meta property="og:image" content="https://budejovice.ai/og-image.jpg"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Stát se členem | budejovice.ai"/><meta name="twitter:image" content="https://budejovice.ai/og-image.jpg"/><link rel="modulepreload" href="/assets/main-B-3LlZXx.js"/><link rel="modulepreload" href="/assets/clenstvi-D-SzhgJ_.js"/><link rel="modulepreload" href="/assets/budejovice-style-Dt155vhf.js"/><link rel="modulepreload" href="/assets/client-DCqp-a1G.js"/><link rel="modulepreload" href="/assets/site-nav-eHdSJkN0.js"/><link rel="icon" type="image/png" href="/favicon.png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link rel="canonical" href="https://budejovice.ai/clenstvi"/><link rel="stylesheet" href="/assets/styles-D5sUbKA6.css"/>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1</head><body><!--$--><style>
2/* ─── RESET ─────────────────────────── */
3*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
4
5html{scroll-behavior:smooth}
6body{font-family:'Manrope',sans-serif;background:#FAFAF7;color:#0A0A0A;overflow-x:hidden}
7/* All sections span full width, content wrapped via .wrap */
8section,footer,#nav{width:100%}
9
10
11/* ─── TOKENS ─────────────────────────── */
12:root{
13  --y:#FFD93D;--yd:#F5C518;
14  --ink:#0A0A0A;--ink2:#1F1F1F;
15  --mut:#6B6B66;--pap:#FAFAF7;--pw:#F4F1E8;
16  --ln:#E5E3DA;
17  --font:'Manrope',sans-serif;
18  --ease:cubic-bezier(.16,1,.3,1);
19  --W:1440px;--pad:60px;
20}
21.wrap{max-width:var(--W);margin:0 auto;padding:0 var(--pad)}
22
23/* ─── PROGRESS ───────────────────────── */
24#prog{position:fixed;top:0;left:0;height:2px;width:0%;background:var(--y);z-index:9999;transition:width .08s linear}
25
26/* ─── NAV ────────────────────────────── */
27#nav{
28  position:fixed;top:0;left:0;right:0;z-index:1000;
29  width:100%;
30  height:64px;
31  border-bottom:1px solid transparent;
32  transition:background .35s,border-color .35s;
33}
34#nav.s{background:rgba(250,250,247,.96);backdrop-filter:blur(14px);border-color:var(--ln)}
35.nav-inner{
36  max-width:var(--W);
37  margin:0 auto;
38  padding:0 var(--pad);
39  height:100%;
40  display:flex;align-items:center;justify-content:space-between;
41}
42
43/* Logo */
44.n-logo{
45  font-size:17px;font-weight:800;letter-spacing:-.03em;
46  background:var(--ink);color:#fff;
47  padding:7px 14px;cursor:pointer;
48  transition:background .2s,color .2s;
49  clip-path:inset(0 100% 0 0);
50  animation:wipeIn .5s var(--ease) .05s forwards;
51  flex-shrink:0;
52}
53.n-logo:hover{background:var(--y);color:var(--ink)}
54
55/* Nav center — links */
56.n-links{
57  display:flex;gap:32px;list-style:none;
58  position:absolute;left:50%;transform:translateX(-50%);
59}
60.n-links li{
61  clip-path:inset(0 0 100% 0);
62  animation:wipeUp .4s var(--ease) forwards;
63}
64.n-links li:nth-child(1){animation-delay:.15s}
65.n-links li:nth-child(2){animation-delay:.21s}
66.n-links li:nth-child(3){animation-delay:.27s}
67.n-links li:nth-child(4){animation-delay:.33s}
68.n-links li:nth-child(5){animation-delay:.39s}
69.n-links a{
70  font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;
71  letter-spacing:.01em;position:relative;
72}
73.n-links a::after{
74  content:'';position:absolute;bottom:-2px;left:0;right:100%;
75  height:1.5px;background:var(--yd);transition:right .25s var(--ease);
76}
77.n-links a:hover::after{right:0}
78
79/* Nav right */
80.n-right{
81  display:flex;align-items:center;gap:10px;
82  clip-path:inset(0 0 0 100%);
83  animation:wipeIn .5s var(--ease) .4s forwards;
84}
85.n-btn{
86  font-family:var(--font);font-size:13px;font-weight:700;
87  background:var(--y);color:var(--ink);
88  border:none;border-radius:100px;padding:9px 20px;cursor:pointer;
89  transition:background .2s;
90}
91.n-btn:hover{background:var(--yd)}
92.n-btn.ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
93.n-btn.ghost:hover{background:var(--ink);color:#fff}
94
95/* ─── HERO ────────────────────────────── */
96#hero{
97  width:100%;
98  min-height:100svh;
99  display:flex;
100  flex-direction:column;
101  padding-top:64px;
102  overflow:hidden;
103  position:relative;
104}
105.hero-grid{
106  flex:1;
107  width:100%;
108  max-width:var(--W);
109  margin:0 auto;
110  display:grid;
111  grid-template-columns:1fr 1fr;
112  align-items:center;
113  gap:48px;
114  padding:48px var(--pad) 48px;
115}
116.hero-left{position:relative;z-index:2}
117.display{
118  font-size:clamp(52px,5.2vw,80px);
119  font-weight:800;letter-spacing:-.03em;line-height:1.08;
120  margin-bottom:28px;
121}
122.hw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;line-height:1.08}
123.hwi{
124  display:inline-block;
125  clip-path:inset(0 0 100% 0);
126  animation:wipeUp .7s var(--ease) forwards;
127}
128.hw:nth-child(1) .hwi{animation-delay:.2s}
129.hw:nth-child(2) .hwi{animation-delay:.3s}
130.hw:nth-child(3) .hwi{animation-delay:.4s}
131.hw:nth-child(4) .hwi{animation-delay:.5s}
132.hw:nth-child(5) .hwi{animation-delay:.6s}
133.yhl{position:relative;display:inline-block;padding:0 6px 0 10px;margin-left:-4px;overflow:visible}
134.yhl::before{
135  content:'';position:absolute;inset:0;background:var(--y);
136  clip-path:inset(0 100% 0 0);
137  animation:wipeIn .5s var(--ease) 1.0s forwards;
138}
139.yhl .hwi{position:relative;z-index:1}
140
141.hero-sub{
142  font-size:16px;line-height:1.72;color:var(--mut);
143  max-width:400px;margin-bottom:36px;
144  clip-path:inset(0 0 100% 0);
145  animation:wipeUp .5s var(--ease) .78s forwards;
146}
147.hero-btns{
148  display:flex;gap:12px;flex-wrap:wrap;
149  clip-path:inset(0 0 100% 0);
150  animation:wipeUp .5s var(--ease) .92s forwards;
151}
152.btn{
153  font-family:var(--font);font-size:14px;font-weight:700;
154  border-radius:100px;
154padding:13px 26px;cursor:pointer;
155  transition:all .22s;border:none;
156}
157.btn-y{background:var(--y);color:var(--ink)}
158.btn-y:hover{background:var(--yd);transform:translateY(-1px)}
159.btn-o{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
160.btn-o:hover{background:var(--ink);color:#fff}
161
162/* Hero right — parallax SVG */
163.hero-right{
164  position:relative;
165  height:100%;
166  display:flex;align-items:center;justify-content:center;
167  overflow:hidden;
168}
169.hero-parallax{
170  width:60%;max-width:280px;
171  will-change:transform;
172  transition:transform .12s ease-out;
173  clip-path:inset(0 0 0 100%);
174  animation:wipeIn .9s var(--ease) .5s forwards;
175}
176.hero-parallax img{width:100%;height:auto;display:block}
177
178/* Stats strip */
179.h-stats-bg{
180  width:100%;
181  background:var(--y);
182  clip-path:inset(0 0 100% 0);
183  animation:wipeUp .6s var(--ease) 1.0s forwards;
184  margin-top:auto;
185}
186.h-stats{
187  width:100%;
188  max-width:var(--W);
189  margin:0 auto;
190  display:grid;grid-template-columns:repeat(4,1fr);
191}
192.hs{padding:22px var(--pad);border-right:1px solid rgba(0,0,0,.1)}
193.hs:first-child{padding-left:var(--pad)}
194.hs:last-child{border:none}
195.hs-n{font-size:clamp(34px,3vw,50px);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:2px}
196.hs-l{font-size:12px;font-weight:500;color:rgba(10,10,10,.55)}
197
198/* ─── STATEMENT ──────────────────────────── */
199#statement{width:100%;background:var(--ink2)}
200.stmt-wrap{
201  max-width:var(--W);margin:0 auto;
202  padding:96px var(--pad);
203  display:grid;
204  grid-template-columns:1fr 1fr;
205  gap:60px;
206  align-items:center;
207}
208.stmt-block{margin:0}
209.stmt-line{
210  display:block;
211  font-size:clamp(36px,3.8vw,58px);
212  font-weight:800;letter-spacing:-.03em;line-height:1.08;
213  color:#fff;
214  opacity:0;transform:translateY(20px);
215  transition:opacity .7s var(--ease),transform .7s var(--ease);
216}
217.stmt-line.in{opacity:1;transform:none}
218.stmt-foot{
219  display:flex;flex-direction:column;gap:20px;
220  padding:0;border:none;
221  opacity:0;transition:opacity .6s .5s;
222}
223.stmt-foot.in{opacity:1}
224.stmt-foot-txt{
225  font-size:15px;line-height:1.7;
226  color:rgba(255,255,255,.55);
227  max-width:100%;
228}
229
230.stmt-text{
231  font-size:clamp(36px,4.5vw,70px);font-weight:800;
232  letter-spacing:-.03em;line-height:1.05;color:#fff;
233  display:block;overflow:hidden;
234}
235.stmt-y{color:var(--y)}
236/* ─── REPORT / NUMBERS ───────────────────── */
237#report{background:var(--ink2);border-top:1px solid rgba(255,255,255,.06)}
238.rep-wrap{
239  display:grid;grid-template-columns:1fr 1fr;
240  gap:64px;align-items:center;
241  padding:80px var(--pad);
242  max-width:var(--W);margin:0 auto;
243}
244.rep-left{display:flex;flex-direction:column;justify-content:center}
245.r-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--y);margin-bottom:18px}
246.rep-left h2{
247  font-size:clamp(32px,3.2vw,50px);font-weight:800;
248  letter-spacing:-.025em;line-height:1.1;color:#fff;margin-bottom:18px;
249}
250.rep-left h2 span{color:var(--y)}
251.rep-left p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.55);max-width:380px;margin-bottom:24px}
252.rep-link{font-size:13px;color:rgba(255,255,255,.45);font-style:italic}
253.rep-link b{color:rgba(255,255,255,.7);font-style:normal}
254.rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
255.rep-box{background:#262626;border-radius:6px;padding:24px 22px;transition:background .2s;cursor:default}
256.rep-box:hover{background:#2E2E2E}
257.rep-box.feat{background:var(--y)}
258.rep-box.feat:hover{background:var(--yd)}
259.rep-box.feat .rb-n,.rep-box.feat .rb-l{color:var(--ink)}
260.rb-n{font-size:clamp(36px,3.5vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff;margin-bottom:4px}
261.rb-l{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28)}
262
263/* ─── EVENTS ─────────────────────────────── */
264#events{width:100%;background:var(--pap);padding:80px 0}
265.ev-wrap{max-width:var(--W);margin:0 auto;padding:0 var(--pad)}
266.ev-head{
267  display:flex;align-items:flex-end;justify-content:space-between;
268  margin-bottom:40px;padding-bottom:0;gap:24px;flex-wrap:wrap;
269}
270.ev-head h2{
271  font-size:clamp(36px,3.4vw,52px);font-weight:800;
272  letter-spacing:-.025em;line-height:1.0;
273}
274.ev-head h2 mark{background:var(--y);padding:0 6px;color:var(--ink)}
275.ev-tag{
276  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
277  color:var(--yd);margin-bottom:14px;
278}
279
280.ev-head-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
281.ev-cal{
282  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
283  color:var(--mut);border:1.5px solid var(--ln);border-radius:100px;
284  padding:8px 16px;text-decoration:none;cursor:pointer;
285  transition:border-color .2s,color .2s,background .2s;
286}
287.ev-cal:hover{border-color:var(--ink);color:var(--ink);background:var(--pw)}
288.ev-more{
289  font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;
290  border-bottom:1.5px solid var(--ink);padding-bottom:1px;
291  cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap;
292}
293.ev-more:hover{color:var(--yd);border-color:var(--yd)}
294
295/* Card grid: flex with expandable cards */
296.ev-grid{
297  display:flex;
298  gap:12px;
299  align-items:stretch;
300  height:420px;
301}
302.ev-card{
303  flex:1;
304  position:relative;
305  border:1px solid var(--ln);
306  border-radius:6px;
307  overflow:hidden;
308  cursor:pointer;
309  background:var(--pap);
310  transition:flex .55s var(--ease), background .35s var(--ease), border-color .3s;
311  display:flex;flex-direction:column;
312  min-width:0;
313}
314.ev-card:hover{
315  flex:2.4;
316  background:var(--ink);
317  border-color:var(--ink);
318}
319
320/* Visible always: top section with title + date/loc */
321.ev-static{
322  padding:28px 26px 22px;
323  display:flex;flex-direction:column;flex:1;
324  transition:color .35s var(--ease);
325  position:relative;z-index:2;
326  min-width:0;
327}
328.ev-card:hover .ev-static{color:#fff}
329
330.ev-title{
331  font-size:clamp(18px,1.5vw,22px);
332  font-weight:800;letter-spacing:-.025em;line-height:1.18;
333  margin-bottom:auto;padding-bottom:24px;
334  color:var(--ink);
335  transition:color .35s var(--ease);
336}
337.ev-card:hover .ev-title{color:#fff}
338
339.ev-meta{
340  display:grid;grid-template-columns:1fr 1fr;gap:14px;
341  padding-top:16px;
342  border-top:1px solid var(--ln);
343  transition:border-color .35s var(--ease);
344}
345.ev-card:hover .ev-meta{border-color:rgba(255,255,255,.12)}
346.ev-ml{
347  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
348  color:var(--mut);margin-bottom:4px;
349  transition:color .35s var(--ease);
350}
351.ev-card:hover .ev-ml{color:rgba(255,255,255,.45)}
352.ev-mv{
353  font-size:13px;font-weight:700;line-height:1.35;
354  color:var(--ink);
355  transition:color .35s var(--ease);
356}
357.ev-card:hover .ev-mv{color:rgba(255,255,255,.95)}
358
359/* Expanded section — slides in from right when card grows */
360.ev-expand{
361  flex:0 0 auto;
362  background:var(--ink);
363  padding:28px 28px 24px;
364  display:flex;flex-direction:column;
365  width:0;
366  opacity:0;
367  overflow:hidden;
368  transition:width .55s var(--ease), opacity .3s var(--ease) .15s, padding .55s var(--ease);
369  border-left:1px solid rgba(255,255,255,0);
370  position:relative;z-index:1;
371}
372.ev-card:hover .ev-expand{
373  width:340px;
374  opacity:1;
375  border-left:1px solid rgba(255,255,255,.08);
376}
377.ev-expand-tag{
378  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
379  color:var(--y);margin-bottom:14px;
380}
381.ev-speaker{
382  display:flex;align-items:center;gap:10px;margin-bottom:18px;
383  padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);
384}
385.ev-sp-dot{
386  width:32px;height:32px;border-radius:50%;
387  background:var(--y);flex-shrink:0;
388  display:flex;align-items:center;justify-content:center;
389  font-size:12px;font-weight:800;color:var(--ink);
390  letter-spacing:-.02em;
391}
392.ev-sp-name{
393  font-size:13px;font-weight:600;color:#fff;line-height:1.3;
394}
395.ev-sp-role{
396  font-size:11px;font-weight:500;color:rgba(255,255,255,.5);
397  margin-top:2px;
398}
399.ev-annotation{
400  font-size:13px;line-height:1.65;
401  color:rgba(255,255,255,.6);
402  flex:1;margin-bottom:18px;
403}
404.ev-link{
405  display:inline-flex;align-items:center;gap:8px;
406  align-self:flex-start;
407  font-size:12px;font-weight:700;padding:9px 16px;
408  background:var(--y);color:var(--ink);
409  border-radius:100px;white-space:nowrap;
410  transition:background .2s,transform .2s;
411}
412.ev-link:hover{background:#F5C518}
413
414/* CTA card: always shows the next-action, expands on hover */
415.ev-card.ev-cta{
416  background:var(--pw);
417  border-style:dashed;
418  text-decoration:none;
419}
420.ev-card.ev-cta .ev-static{
421  justify-content:center;align-items:flex-start;
422  padding:28px 26px;
423}
424.ev-card.ev-cta .ev-cta-label{
425  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
426  color:var(--yd);margin-bottom:12px;
427}
428.ev-card.ev-cta .ev-cta-title{
429  font-size:clamp(20px,1.7vw,26px);font-weight:800;letter-spacing:-.025em;line-height:1.15;
430  color:var(--ink);
431  transition:color .35s var(--ease);
432}
433.ev-card.ev-cta:hover .ev-cta-title{color:#fff}
434
435/* Mobile: CTA card keeps its centered content */
436@media(max-width:860px){
437  .ev-card.ev-cta .ev-static{align-items:center;text-align:center}
438}
438
439
440/* ─── SERVICES ───────────────────────────── */
441#services{
442  display:flex;flex-direction:column;
443  background:var(--pw);
444  padding-bottom:56px;
445}
446.sv-head{flex-shrink:0;display:flex;align-items:baseline;justify-content:space-between;max-width:var(--W);width:100%;margin:0 auto;padding:56px var(--pad) 0}
447.sv-head h2{font-size:clamp(36px,3.8vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1}
448.sv-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yd)}
449.sv-list{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--ln);margin-top:36px}
450.sv-item{
451  display:flex;align-items:stretch;
452  border-bottom:1px solid var(--ln);cursor:pointer;
453  position:relative;overflow:hidden;
454  min-height:96px;
455}
456.sv-item::before{
457  content:'';position:absolute;inset:0;background:var(--y);
458  clip-path:inset(100% 0 0 0);
459  transition:clip-path .36s var(--ease);z-index:0;
460}
461.sv-item:hover::before{clip-path:inset(0% 0 0 0)}
462.sv-num{
463  width:88px;flex-shrink:0;padding:0 0 0 var(--pad);
464  display:flex;align-items:center;
465  font-size:clamp(24px,2.2vw,36px);font-weight:800;letter-spacing:-.03em;
466  color:rgba(10,10,10,.12);position:relative;z-index:1;transition:color .3s;
467}
468.sv-item:hover .sv-num{color:rgba(10,10,10,.18)}
469.sv-body{flex:1;padding:0 36px;display:flex;align-items:center;gap:40px;position:relative;z-index:1}
470.sv-title{font-size:clamp(17px,1.7vw,24px);font-weight:800;letter-spacing:-.02em;min-width:240px;transition:color .2s}
471.sv-desc{font-size:14px;line-height:1.65;color:var(--mut);max-width:420px;flex:1;opacity:0;transform:translateX(-8px);transition:opacity .3s .04s,transform .3s .04s}
472.sv-item:hover .sv-desc{opacity:1;transform:none;color:rgba(10,10,10,.6)}
473.sv-arr{width:52px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--pad);font-size:18px;color:var(--mut);position:relative;z-index:1;transition:transform .3s var(--ease),color .25s}
474.sv-item:hover .sv-arr{transform:translateX(5px);color:var(--ink)}
475
476/* ─── COMMUNITY ──────────────────────────── */
477#community{display:grid;grid-template-columns:1fr 1fr}
478.cm-visual{
479  background:var(--pw);
480  display:flex;align-items:center;justify-content:center;
481  padding:60px;overflow:hidden;
482}
483.cm-visual img{width:100%;max-width:440px;height:auto;display:block;mix-blend-mode:multiply}
484.cm-text{
485  padding:72px var(--pad);display:flex;flex-direction:column;justify-content:center;
486  background:var(--pap);
487}
488.cm-stag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yd);margin-bottom:18px}
489.cm-text h2{font-size:clamp(30px,2.8vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:20px}
490.cm-text p{font-size:14px;line-height:1.75;color:var(--mut);margin-bottom:14px}
491.cm-text p b{color:var(--ink);font-weight:600}
492
493/* Carousel */
494.cm-carousel{
495  margin-top:32px;
496  font-size:clamp(22px,2.2vw,30px);
497  font-weight:800;letter-spacing:-.02em;
498  display:flex;align-items:center;gap:12px;
499  line-height:1;
500}
501.cm-for{color:var(--mut);font-weight:400;font-size:clamp(18px,1.8vw,24px)}
502.cm-word-wrap{
503  display:inline-block;overflow:hidden;
504  height:1.15em;position:relative;
505  min-width:180px;
506}
507.cm-word{
508  display:block;font-weight:800;color:var(--ink);
509  position:absolute;top:0;left:0;
510  clip-path:inset(100% 0 0% 0);
511  transition:clip-path .5s var(--ease),transform .5s var(--ease);
512  transform:translateY(20px);
513  white-space:nowrap;
514}
515.cm-word.cur{
516  clip-path:inset(0% 0 0% 0);
517  transform:translateY(0);
518}
519.cm-word.prev{
520  clip-path:inset(0% 0 100% 0);
521  transform:translateY(-20px);
522}
523
524/* ─── MEMBERSHIP ─────────────────────────── */
525#membership{background:var(--ink2);display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
526.mem-text{
527  padding:72px var(--pad);display:flex;flex-direction:column;justify-content:center;
528  border-right:1px solid rgba(255,255,255,.07);
529}
530.mem-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--y);margin-bottom:20px}
531.mem-text h2{font-size:clamp(32px,3vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:#fff;margin-bottom:20px}
532.mem-text h2 span{color:var(--y)}
533.mem-text p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.55);margin-bottom:28px;max-width:380px}
534.mem-tiers{display:flex;flex-direction:column;gap:2px;margin-bottom:26px}
535.tier{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#262626;border:1px solid rgba(255,255,255,.06);border-radius:4px;cursor:pointer;transition:background .2s}
536.tier:hover{background:#2D2D2D}
537.tier.featured{background:var(--y);border-color:var(--y)}
538.tier.featured .tier-name,.tier.featured .tier-price{color:var(--ink)}
539.tier.featured .tier-desc{color:rgba(10,10,10,.5)}
540/* Blur for coming soon tiers */
541.tier.blur-tier{filter:blur(3px);pointer-events:none;user-select:none}
542.tier-wrap{position:relative}
543.tier-coming{
544  position:absolute;inset:0;
545  display:flex;align-items:center;justify-content:center;
546  z-index:2;
547}
548.tier-coming span{
549  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
550  background:var(--y);color:var(--ink);padding:4px 12px;border-radius:100px;
551}
552.tier-left{display:flex;align-items:center;gap:12px}
553.tier-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.15);flex-shrink:0}
554.tier.featured .tier-dot{background:var(--ink)}
555.tier-name{font-size:14px;font-weight:700;color:#fff}
556.tier-desc{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}
557.tier.featured .tier-name{color:var(--ink)}
558.tier.featured .tier-desc{color:rgba(10,10,10,.5)}
559.tier-price{font-size:14px;font-weight:800;color:#fff;white-space:nowrap}
560.tier.featured .tier-price{color:var(--ink)}
561.mem-cta-row{display:flex;align-items:center;gap:14px}
562.btn-mem{font-family:var(--font);font-size:14px;font-weight:700;background:var(--y);color:var(--ink);border:none;border-radius:100px;padding:12px 24px;
562cursor:pointer;transition:all .2s}
563.btn-mem:hover{background:var(--yd);transform:translateY(-1px)}
564.mem-note{font-size:13px;color:rgba(255,255,255,.4)}
565
566/* Canvas side */
567.mem-canvas-wrap{
568  position:relative;background:var(--pw);
569  display:flex;align-items:center;justify-content:center;
570  overflow:hidden;
571  padding:48px;
572}
573.mem-canvas-inner{
574  position:relative;
575  width:100%;max-width:440px;
576  aspect-ratio:1/1;
577  border-radius:24px;
578  overflow:hidden;
579}
580#squareCanvas{
581  display:block;
582  width:100%;height:100%;
583  border-radius:24px;
584}
585
586.mem-counter{
587  position:absolute;top:24px;left:24px;z-index:10;line-height:1;
588  display:inline-flex;flex-direction:column;align-items:flex-start;
589  padding:14px 18px 12px;
590  background:var(--y);
591  border:2px solid var(--ink);
592  border-radius:14px;
593  box-shadow:4px 4px 0 0 var(--ink);
594  transform:rotate(-2deg);
595}
596.mc-num{font-size:clamp(40px,4vw,60px);font-weight:800;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
597.mc-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-top:6px;opacity:.85}
598
599/* ─── NEWS ────────────────────────────────── */
600#news{width:100%;padding:80px 0;background:var(--pap)}
601.news-wrap{max-width:var(--W);margin:0 auto;padding:0 var(--pad)}
602.news-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
603.news-head h2{font-size:clamp(30px,2.8vw,44px);font-weight:800;letter-spacing:-.025em}
604.news-more{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--ink);padding-bottom:1px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
605.news-more:hover{color:var(--yd);border-color:var(--yd)}
606.news-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:var(--ln)}
607.news-card{background:var(--pap);padding:32px 28px;cursor:pointer;transition:background .25s}
608.news-card:hover{background:var(--pw)}
609.news-card.big{padding:40px 36px}
610.nc-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yd);margin-bottom:12px}
611.nc-title{font-size:clamp(16px,1.5vw,22px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:10px}
612.news-card.big .nc-title{font-size:clamp(20px,2vw,28px)}
613.nc-excerpt{font-size:13px;line-height:1.65;color:var(--mut);margin-bottom:16px}
614.nc-date{font-size:11px;font-weight:600;color:var(--mut);letter-spacing:.02em}
615.nc-read{
616  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
617  font-size:12px;font-weight:700;color:var(--ink);
618  border-bottom:1.5px solid var(--ln);padding-bottom:1px;
619  transition:border-color .2s;
620}
621.nc-read:hover{border-color:var(--ink)}
622
623/* ─── JOIN ────────────────────────────────── */
624#join{
625  background:var(--y);
626  min-height:50svh;
627  display:flex;align-items:center;justify-content:center;
628  position:relative;overflow:hidden;
629  width:100%;
630}
631#join::before{
632  content:'budejovice.ai';
633  position:absolute;right:-20px;bottom:-50px;
634  font-size:clamp(80px,14vw,200px);font-weight:800;letter-spacing:-.04em;
635  color:rgba(0,0,0,.04);pointer-events:none;white-space:nowrap;
636}
637.join-wrap{padding:0 var(--pad);width:100%;max-width:var(--W);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:48px}
638.join-wrap h2{font-size:clamp(38px,4.5vw,66px);font-weight:800;letter-spacing:-.03em;line-height:.98}
639.join-side{flex-shrink:0}
640.btn-dark{font-family:var(--font);font-size:15px;font-weight:700;background:var(--ink);color:#fff;border:none;border-radius:100px;padding:15px 30px;cursor:pointer;display:block;margin-bottom:10px;white-space:nowrap;transition:all .22s}
641.btn-dark:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
642.j-note{font-size:12px;font-weight:500;color:rgba(10,10,10,.4);text-align:center}
643
644/* ─── FOOTER ──────────────────────────────── */
645footer{width:100%;background:var(--ink2);color:#fff;padding:60px 0 32px}
646.ft-wrap{max-width:var(--W);margin:0 auto;padding:0 var(--pad)}
647.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07)}
648.ft-logo{display:inline-block;background:var(--y);color:var(--ink);font-size:15px;font-weight:700;letter-spacing:-.02em;padding:6px 13px;margin-bottom:16px}
649.ft-brand p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.7);max-width:240px}
650.ft-col h4{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:16px}
651.ft-col ul{list-style:none}
652.ft-col li{margin-bottom:9px}
653.ft-col a{font-size:14px;font-weight:500;color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s;cursor:pointer}
654.ft-col a:hover{color:var(--y)}
655.ft-bot{padding-top:24px;display:flex;justify-content:space-between}
656.ft-bot p{font-size:12px;color:rgba(255,255,255,.6)}
657
658/* ─── REVEAL ──────────────────────────────── */
659.r{clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease)}
660.r.in{clip-path:inset(0 0 0% 0)}
661.r.d1{transition-delay:.1s}.r.d2{transition-delay:.2s}.r.d3{transition-delay:.3s}
662.rf{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
663.rf.in{opacity:1;transform:none}
664.rf.d1{transition-delay:.12s}.rf.d2{transition-delay:.24s}.rf.d3{transition-delay:.36s}
665
666/* ─── KEYFRAMES ──────────────────────────── */
667@keyframes wipeUp{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}
668@keyframes wipeIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}
669@keyframes popIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
670
671/* ── STATEMENT SECTION ── */
672#statement{background:var(--ink2);width:100%}
673
674
675.stmt-line{
676  display:block;
677  font-size:clamp(40px,4.8vw,68px);
678  font-weight:800;letter-spacing:-.035em;line-height:1.1;
679  color:#fff;
680  opacity:0;transform:translateY(20px);
681  transition:opacity .7s var(--ease),transform .7s var(--ease);
682}
683.stmt-line-2{transition-delay:.16s}
684.stmt-line-3{transition-delay:.32s}
685.stmt-line.in{opacity:1;transform:none}
686
687
688.n-hamburger{display:none}
689
690/* ═══════════════════════════════════════════════════
691   RESPONSIVE — TABLET (≤1024px) + MOBILE (≤768px)
692═══════════════════════════════════════════════════ */
693
694/* ── TABLET ── */
695@media (max-width:1024px){
696  :root{--pad:40px}
697
698  /* Nav */
699  .n-links{display:none}
700  .n-right .n-btn.ghost{display:none}
701
702  /* Hero — tablet */
703  #hero{min-height:auto}
704  .hero-grid{gap:32px;padding:36px var(--pad) 32px;align-items:center}
705  .display{font-size:clamp(40px,5vw,58px)}
706  .hero-sub{font-size:14px;max-width:340px;margin-bottom:24px}
707  .hero-btns{flex-wrap:wrap}
708  .hero-btns .btn{padding:11px 20px;font-size:13px}
709  .hero-parallax{max-width:200px}
710
711  /* Report */
712  .rep-wrap{grid-template-columns:1fr;gap:40px;padding:56px var(--pad)}
713  .rep-grid{grid-template-columns:repeat(4,1fr)}
714
715  /* Community */
716  #community{grid-template-columns:1fr 1fr}
717  .cm-visual{padding:40px}
718
719  /* Membership */
720  #membership{grid-template-columns:1fr 1fr}
721  .mem-canvas-wrap{min-height:400px}
722
723  /* News */
724  .news-grid{grid-template-columns:1fr 1fr}
725  .news-card.big{grid-column:1/-1}
726
727  /* Services */
728  .sv-num{width:60px;padding-left:var(--pad)}
729  .sv-body{padding:0 20px;gap:20px}
730  .sv-arr{padding-right:var(--pad)}
731}
732
733/* ── MOBILE ── */
734@media (max-width:768px){
735  :root{--pad:20px}
736
737  /* Top nav mobile — minimal */
738  #nav{padding:0 16px;height:54px}
739  .n-links{display:none}
740  .n-right{gap:6px}
741  .n-btn.ghost{display:none}
742  .n-btn{display:none} /* hide top CTA — bottom bar has it */
743  .n-logo{font-size:14px;padding:5px 10px}
744  .n-hamburger{display:none} /* replaced by bottom bar */
745
746  /* Bottom nav bar — visible on mobile */
747  #bottomNav{
748    display:flex;
749    position:fixed;
750    bottom:0;left:0;right:0;
751    z-index:1000;
752    background:rgba(255,255,255,.96);
753    backdrop-filter:blur(16px);
754    border-top:1px solid var(--ln);
755    height:64px;
756    padding:0 4px;
757  }
758  .bn-item{
759    flex:1;
760    display:flex;flex-direction:column;
761    align-items:center;justify-content:center;
762    gap:4px;padding:8px 4px;
763    text-decoration:none;color:var(--mut);
764    background:none;border:none;
765    font-family:var(--font);cursor:pointer;
766    transition:color .2s;
767  }
768  .bn-item.active{color:var(--ink)}
769  .bn-item:active{transform:scale(.95)}
770  .bn-icon{
771    font-size:20px;line-height:1;
772    width:24px;height:24px;
773    display:flex;align-items:center;justify-content:center;
774  }
775  .bn-label{
776    font-size:10px;font-weight:600;letter-spacing:.01em;
777  }
778  .bn-cta{
779    background:var(--y);border-radius:100px;
780    margin:8px 4px;padding:0 16px;
781    flex:1.4;
782    color:var(--ink);
783  }
784  .bn-cta .bn-icon{font-size:18px}
785  .bn-cta .bn-label{font-weight:700}
786
787  /* Body padding-bottom to account for bottom nav */
788  body{padding-bottom:64px}
789
790  /* Hamburger */
791  .n-hamburger{
792    display:flex;flex-direction:column;justify-content:center;
793    gap:5px;width:36px;height:36px;cursor:pointer;
794    background:none;border:none;padding:6px;
795  }
796  .n-hamburger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:all .3s}
797
798  /* Hero mobile */
799  #hero{min-height:100svh;padding-top:56px}
800  .hero-grid{
801    grid-template-columns:1fr;
802    gap:24px;
803    padding:24px 20px 24px;
804    align-items:start;
805  }
806  .hero-left{order:1}
807  .hero-right{order:2;height:180px;padding:0}
808  .hero-parallax{max-width:150px}
809  .display{font-size:clamp(38px,8vw,52px)}
810  .hero-sub{font-size:14px;max-width:100%;margin-bottom:24px}
811  .hero-btns{flex-direction:column;gap:10px}
812  .hero-btns .btn{text-align:center;width:100%;max-width:300px}
813  .h-stats{grid-template-columns:repeat(2,1fr)}
814  .hs{padding:16px 20px}
815  .hs-n{font-size:clamp(28px,7vw,40px)}
816
817  /* Statement */
818  
819  .stmt-line{font-size:clamp(32px,8vw,52px)}
820  .stmt-foot{flex-direction:column;gap:16px;align-items:flex-start}
821
822  /* Report */
823  .rep-wrap{grid-template-columns:1fr;padding:48px var(--pad);gap:32px}
824  .rep-grid{grid-template-columns:1fr 1fr;gap:8px}
825  .rb-n{font-size:clamp(32px,8vw,48px)}
826
827  /* Events — mobile: stack cards, always show expand */
828  #events{padding:48px 0}
829  .ev-head{flex-direction:column;align-items:flex-start;gap:16px}
830  .ev-grid{flex-direction:column;height:auto;gap:12px}
831  .ev-card{flex:none;flex-direction:column;height:auto}
832  .ev-card:hover{flex:none;background:var(--pap);border-color:var(--ln)}
833  .ev-card:hover .ev-static{color:var(--ink)}
834  .ev-card:hover .ev-title{color:var(--ink)}
835  .ev-card:hover .ev-meta{border-color:var(--ln)}
836  .ev-card:hover .ev-ml{color:var(--mut)}
837  .ev-card:hover .ev-mv{color:var(--ink)}
838  .ev-static{padding:22px 20px 18px}
839  .ev-expand{
840    width:auto!important;
841    opacity:1!important;
842    padding:22px 20px!important;
843    border-left:none!important;
844    border-top:1px solid rgba(255,255,255,.1);
845  }
846
847  /* Services */
848  #services{min-height:auto}
849  .sv-head{flex-direction:column;gap:8px;padding:40px var(--pad) 0}
850  .sv-num{width:44px;font-size:22px;padding-left:var(--pad)}
851  .sv-body{flex-direction:column;align-items:flex-start;padding:12px 16px;gap:6px}
852  .sv-desc{display:none}
853  .sv-title{font-size:16px;min-width:0}
854  .sv-arr{padding-right:var(--pad);width:40px}
855  .sv-item{min-height:60px}
856
857  /* Community */
858  #community{grid-template-columns:1fr;min-height:auto}
859  .cm-visual{height:260px;padding:32px}
860  .cm-text{padding:48px var(--pad)}
861  .cm-carousel{font-size:clamp(20px,5vw,28px)}
862
863  /* Membership */
864  #membership{grid-template-columns:1fr;min-height:auto}
865  .mem-text{padding:48px var(--pad)}
866  .mem-canvas-wrap{height:360px;display:flex;align-items:center;justify-content:center}
867  .mc-num{font-size:clamp(40px,8vw,56px)}
868
869  /* Special section *//* News */
870  .news-grid{grid-template-columns:1fr}
871  .news-card.big{padding:28px 20px}
872  .news-head{flex-direction:column;align-items:flex-start;gap:12px}
873
874  /* Join */
875  .join-wrap{flex-direction:column;align-items:flex-start;gap:28px;padding:48px var(--pad)}
876  .join-wrap h2{font-size:clamp(34px,8vw,48px)}
877  .btn-dark{font-size:14px;padding:14px 28px}
878
879  /* Footer */
880  footer{padding:48px var(--pad) 24px}
881  .ft{grid-template-columns:1fr 1fr;gap:32px}
882  .ft-bot{flex-direction:column;gap:8px}
883
884  /* Statement section fix */
885  #statement{width:100%}
886  }
887
888
889
890/* ── HEIGHT CONSTRAINTS — sections fit in viewport on desktop ── */
891@media (min-width:769px){
892  #statement{min-height:auto;display:flex;align-items:center}
893  
894  #report{min-height:auto;display:flex;align-items:center}
895  .rep-wrap{padding:60px var(--pad);max-height:100svh}
896  #events{min-height:auto;padding:60px 0}
897  #news{min-height:auto;padding:60px var(--pad)}
898  #join{min-height:50svh}
899  }
900
901/* ── ENSURE SECTIONS RESPECT VIEWPORT ON LARGER SCREENS ── */
902@media (min-width:1024px){
903  #community,#membership,#services{max-height:100svh}
904}
905
906.bn-item.bn-cta:active{transform:scale(.95)}
907
908/* Hide bottom nav by default — only shown in mobile media query */
909#bottomNav{display:none}
910
911@media (max-width:1024px){
912  .ev-grid{height:auto;flex-direction:column}
913  .ev-card{flex:none;height:auto;flex-direction:column}
914  .ev-card:hover{flex:none;background:var(--pap);border-color:var(--ln)}
915  .ev-card:hover .ev-static{color:var(--ink)}
916  .ev-card:hover .ev-title{color:var(--ink)}
917  .ev-card:hover .ev-meta{border-color:var(--ln)}
918  .ev-card:hover .ev-ml{color:var(--mut)}
919  .ev-card:hover .ev-mv{color:var(--ink)}
920  .ev-expand{width:auto!important;opacity:1!important;padding:22px 24px!important;border-left:none!important;border-top:1px solid rgba(255,255,255,.08)}
921}
922
923@media (max-width:1024px){
924  .stmt-wrap{grid-template-columns:1fr;gap:40px;padding:72px var(--pad)}
925  .stmt-line{font-size:clamp(36px,5.5vw,54px)}
926}
927@media (max-width:768px){
928  .stmt-wrap{padding:56px var(--pad);gap:32px}
929  .stmt-line{font-size:clamp(30px,7vw,44px)}
930  .stmt-foot-txt{font-size:14px}
931}
932
933/* ─── COMING SOON ─────────────────────────── */
934.cs-wrap{position:relative;border-radius:16px;overflow:hidden;isolation:isolate}
935.cs-blur{filter:blur(14px) saturate(.85);opacity:.55;pointer-events:none;user-select:none;transform:scale(1.02)}
936.cs-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;background:radial-gradient(ellipse at center,rgba(250,250,247,.85),rgba(250,250,247,.7) 60%,rgba(250,250,247,.55));backdrop-filter:blur(2px)}
937.cs-badge{display:inline-block;background:var(--ink);color:var(--y);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:18px}
938.cs-title{font-family:'Manrope',sans-serif;font-size:clamp(32px,4.5vw,52px);font-weight:800;letter-spacing:-.025em;color:var(--ink);margin-bottom:14px}
939.cs-desc{max-width:520px;font-size:16px;line-height:1.6;color:var(--mut);margin-bottom:26px}
940@media (max-width:768px){
941  .cs-overlay{padding:36px 18px}
942  .cs-title{font-size:30px}
943  .cs-desc{font-size:14px}
944}
945
946.news-soon{margin-top:32px;padding:64px 32px;background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
947.news-soon-badge{display:inline-block;background:var(--ink);color:var(--y);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
948.news-soon-desc{max-width:560px;font-size:16px;line-height:1.6;color:var(--mut);margin:0}
949@media(max-width:640px){.news-soon{padding:44px 22px}.news-soon-desc{font-size:14px}}
950
951/* ─── PARTNERS ─────────────────────────── */
952#partners{padding:80px 0}
953.pt-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
954.pt-head{margin-bottom:48px}
955.pt-eyebrow{display:inline-block;background:var(--ink);color:var(--y);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:18px}
956.pt-head h2{font-family:'Manrope',sans-serif;font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0;line-height:1.05}
957.pt-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}
958.pt-main{margin-bottom:48px}
959.pt-main-card{display:flex;align-items:center;gap:28px;padding:32px 36px;background:#fff;border:1px solid rgba(10,10,10,.12);border-radius:20px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;max-width:560px}
960.pt-main-card:hover{border-color:var(--ink);transform:translateY(-2px)}
961.pt-main-card img{height:64px;width:auto;object-fit:contain;flex-shrink:0}
962.pt-main-name{font-family:'Manrope',sans-serif;font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
963.pt-main-url{font-size:13px;color:var(--mut);margin-top:4px}
964.pt-coop{}
965.pt-logos{display:flex;flex-wrap:wrap;gap:20px}
966.pt-logo{display:flex;align-items:center;gap:16px;padding:20px 26px;background:#fff;border:1px solid rgba(10,10,10,.12);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
967.pt-logo:hover{border-color:var(--ink);transform:translateY(-2px)}
968.pt-logo img{height:40px;width:120px;object-fit:contain;object-position:center}
969.pt-logo span{font-weight:700;font-size:15px;letter-spacing:.02em}
970@media(max-width:640px){
971  #partners{padding:56px 0}
972  .pt-wrap{padding:0 20px}
973  .pt-main-card{flex-direction:column;align-items:flex-start;padding:24px;gap:18px}
974  .pt-main-card img{height:52px}
975  .pt-main-name{font-size:20px}
976  .pt-logo{padding:16px 20px}
977  .pt-logo img{height:32px;width:96px}
978}
979.pt-more{margin-top:40px;text-align:center}
980.pt-more-btn{display:inline-block;background:var(--ink);color:var(--y);text-decoration:none;font-weight:700;padding:14px 28px;border-radius:999px;font-size:15px;transition:transform .15s,opacity .15s}
981.pt-more-btn:hover{transform:translateY(-2px);opacity:.92}
982
983/* ─── AI SUPERREGION ─────────────────────── */
984#superregion{padding:96px 0;background:var(--ink);color:#fff}
985.sr-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
986.sr-eyebrow{display:inline-block;background:var(--y);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:24px}
987.sr-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
988@media(max-width:860px){.sr-grid{grid-template-columns:1fr;gap:40px}}
989.sr-h2{font-family:'Manrope',sans-serif;font-size:clamp(32px,4.4vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 22px;color:#fff}
990.sr-h2 mark{background:var(--y);color:var(--ink);padding:0 8px;border-radius:6px}
991.sr-desc{font-size:16px;line-height:1.7;color:rgba(255,255,255,.78);margin:0 0 28px;max-width:560px}
992.sr-desc strong{color:#fff;font-weight:700}
993.sr-nodes{display:flex;flex-wrap:wrap;gap:8px}
994.sr-node{display:inline-block;font-size:13px;font-weight:600;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.85)}
995.sr-node--me{background:var(--y);color:var(--ink);border-color:var(--y)}
996.sr-node--more{opacity:.6}
997.sr-cta{display:inline-block;margin-top:24px;background:var(--y);color:var(--ink);text-decoration:none;font-weight:700;padding:12px 22px;border-radius:999px;font-size:14px;transition:transform .15s,opacity .15s}
998.sr-cta:hover{transform:translateY(-2px);opacity:.92}
999.sr-right{display:flex;align-items:center;justify-content:center}
1000.sr-map{position:relative;width:100%;max-width:560px}
1001.sr-map img{width:100%;height:auto;display:block;filter:brightness(1.05)}
1002@media(max-width:640px){#superregion{padding:64px 0}.sr-wrap{padding:0 20px}}
1003</style><style>
1004.fp-wrap{min-height:100svh;background:var(--pap);padding:140px 24px 100px;position:relative;overflow:hidden;font-family:'Manrope',sans-serif}
1005.fp-wrap *{font-family:inherit}
1006.fp-wrap::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(255,217,61,.18),transparent 55%),radial-gradient(circle at 80% 80%,rgba(255,217,61,.10),transparent 55%);pointer-events:none}
1007.fp-inner{position:relative;max-width:760px;margin:0 auto}
1008.fp-back{display:block;color:var(--ink);text-decoration:none;font-weight:600;font-size:13px;margin-bottom:24px;opacity:.7}
1009.fp-back:hover{opacity:1}
1010.fp-badge{display:inline-block;background:var(--ink);color:var(--y);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;border-radius:999px;margin-bottom:18px}
1011.fp-title{font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1.02;color:var(--ink);margin:0 0 20px}
1012.fp-title mark{background:var(--y);padding:0 8px;border-radius:4px;color:var(--ink)}
1013.fp-title mark{background:var(--y);padding:0 8px;border-radius:4px}
1014.fp-desc{font-size:17px;line-height:1.6;color:var(--mut);max-width:600px;margin:0 0 38px}
1015.fp-form{background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:20px;padding:32px;box-shadow:0 20px 60px -30px rgba(10,10,10,.2);display:flex;flex-direction:column;gap:18px}
1016.fp-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
1017@media(max-width:560px){.fp-row{grid-template-columns:1fr}}
1018.fp-field{display:flex;flex-direction:column;gap:8px}
1019.fp-field>span{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.02em}
1020.fp-field input,.fp-field textarea,.fp-field select{font:inherit;padding:13px 14px;border:1px solid rgba(10,10,10,.15);border-radius:12px;background:#fafafa;color:var(--ink);transition:border-color .15s,background .15s;font-size:15px;font-family:inherit;resize:vertical}
1021.fp-field input:focus,.fp-field textarea:focus,.fp-field select:focus{outline:none;border-color:var(--ink);background:#fff}
1022.fp-submit{margin-top:6px;background:var(--y);color:var(--ink);border:1px solid var(--ink);font-weight:700;padding:16px 22px;border-radius:999px;cursor:pointer;font-size:15px;transition:background .2s}
1023.fp-submit:hover:not(:disabled){background:var(--yd)}
1024.fp-submit:disabled{opacity:.6;cursor:not-allowed}
1025.fp-note{font-size:13px;color:var(--mut);text-align:center;margin:4px 0 0}
1026.fp-err{background:#fee;border:1px solid #fcc;color:#900;padding:12px 14px;border-radius:10px;font-size:14px}
1027.fp-ok{background:#efe;border:1px solid #bda;color:#162;padding:12px 14px;border-radius:10px;font-size:14px}
1028.fp-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink);cursor:pointer;line-height:1.4}
1029.fp-check input{margin-top:3px;flex-shrink:0}
1030.fp-grid-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fafafa;border:1px solid rgba(10,10,10,.08);border-radius:12px;padding:14px}
1031@media(max-width:560px){.fp-grid-checks{grid-template-columns:1fr}}
1032.fp-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
1033.fp-type-opt{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(10,10,10,.1);border-radius:12px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink);transition:border-color .2s,transform .2s,background .2s}
1034.fp-type-opt:hover{border-color:rgba(10,10,10,.3);transform:translateY(-1px)}
1035.fp-type-opt.is-active{border-color:var(--ink);background:#fafafa}
1036.fp-type-opt input{accent-color:var(--ink)}
1037@media(max-width:560px){.fp-type-toggle{grid-template-columns:1fr}}
1038.fp-success{background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:20px;padding:48px 32px;text-align:center;box-shadow:0 20px 60px -30px rgba(10,10,10,.2)}
1039.fp-ok-badge{display:inline-block;background:var(--y);border:1px solid var(--ink);color:var(--ink);font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px;margin-bottom:18px}
1040.fp-success h2{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}
1041.fp-success p{color:var(--mut);font-size:16px;line-height:1.6;max-width:440px;margin:0 auto 28px}
1042.fp-back-btn{display:inline-block;background:var(--ink);color:var(--y);text-decoration:none;font-weight:600;padding:12px 22px;border-radius:999px;font-size:14px}
1043
1044.mp-tiers{margin:0 0 48px}
1045.mp-tiers-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 20px}
1046.mp-form-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}
1047.mp-free-btn{display:inline-block;margin-top:20px;background:var(--y);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;padding:12px 22px;border-radius:999px;border:1px solid rgba(10,10,10,.1);transition:transform .15s,background .2s}
1048.mp-free-btn:hover{background:var(--yd);transform:translateY(-2px)}
1049html{scroll-behavior:smooth}
1050
1051.mp-free{background:#fff;border:1px solid rgba(10,10,10,.1);border-radius:20px;padding:28px;box-shadow:0 20px 60px -30px rgba(10,10,10,.18);margin-bottom:24px;position:relative}
1052.mp-free::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,var(--y),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
1053.mp-free-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
1054.mp-tier-name{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
1055.mp-tier-price{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-top:4px}
1056.mp-tier-price span{font-size:14px;font-weight:600;color:var(--mut);margin-left:4px}
1057.mp-tier-tagline{color:var(--mut);font-size:15px;margin:8px 0 16px;line-height:1.5}
1058.mp-pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(10,10,10,.06);color:var(--mut);white-space:nowrap}
1059.mp-pill-on{background:var(--y);color:var(--ink)}
1060.mp-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
1061.mp-perks li{position:relative;padding-left:26px;font-size:15px;color:var(--ink);line-height:1.4}
1062.mp-perks li::before{content:"✓";position:absolute;
1062left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--y);color:var(--ink);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
1063
1064.mp-paid{position:relative}
1065.mp-paid-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;flex-wrap:wrap}
1066.mp-paid-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
1067.mp-paid-sub{font-size:13px;color:var(--mut);margin-top:4px}
1068.mp-tabs{display:inline-flex;background:rgba(10,10,10,.05);border-radius:999px;padding:4px;gap:2px}
1069.mp-tab{font:inherit;font-size:13px;font-weight:600;color:var(--mut);background:transparent;border:none;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .15s;white-space:nowrap}
1070.mp-tab:hover{color:var(--ink)}
1071.mp-tab.is-on{background:var(--ink);color:#fff}
1072@media(max-width:560px){.mp-tabs{width:100%;justify-content:space-between}.mp-tab{flex:1;padding:8px 6px;font-size:12px}}
1073
1074.mp-card-wrap{position:relative;border-radius:20px;overflow:hidden}
1075.mp-card{background:#fff;border:1px solid rgba(10,10,10,.1);border-radius:20px;padding:28px;filter:blur(4px);opacity:.55;user-select:none;pointer-events:none}
1076.mp-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
1077.mp-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.75));backdrop-filter:blur(2px)}
1078.mp-overlay-badge{display:inline-block;background:var(--ink);color:var(--y);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;border-radius:999px;margin-bottom:12px}
1079.mp-overlay p{max-width:420px;color:var(--ink);font-size:14px;line-height:1.5;margin:0}
1080</style><nav id="nav"><div class="nav-inner"><a href="/" class="n-logo" style="text-decoration:none">budejovice.ai</a><ul class="n-links"><li><a href="/#hero">Domů</a></li><li><a href="/#events">Akce</a></li><li><a href="/#services">Služby</a></li><li><a href="/#membership">Členství</a></li><li><a href="/novinky">Novinky</a></li><li><a href="/o-nas">O nás</a></li><li><a href="/kontakt">Kontakt</a></li></ul><div class="n-right"><button class="n-btn">Stát se členem</button></div></div></nav><main class="fp-wrap"><div class="fp-inner"><a href="/" class="fp-back">← Zpět na hlavní stránku</a><div class="fp-badge">Členství v komunitě</div><h1 class="fp-title">Staňte se <mark>členem</mark>.</h1><p class="fp-desc">Připojte se k jihočeské AI komunitě — akce, networking a sdílení znalostí. Členství je zdarma a bez závazků.</p><section class="mp-tiers" aria-label="Výhody členství"><h2 class="mp-tiers-title">Co členství obnáší</h2><div class="mp-free"><div class="mp-free-head"><div><div class="mp-tier-name">Základní členství</div><div class="mp-tier-price">Zdarma<span>/navždy</span></div></div><span class="mp-pill mp-pill-on">Dostupné teď</span></div><p class="mp-tier-tagline">Pro každého, kdo se chce o AI dozvědět víc.</p><ul class="mp-perks"><li>Pozvánky na meetupy a akce</li><li>Přístup do komunity</li><li>Early bird ceny na placené akce a workshopy</li></ul><a href="#prihlaska" class="mp-free-btn">Zvolit zdarma →</a></div></section><h2 id="prihlaska" class="mp-form-title" style="scroll-margin-top:100px">Přihláška do základního členství</h2><p class="fp-desc" style="margin-bottom:24px">Vyplňte krátkou přihlášku. Zdarma, bez závazků, kdykoliv můžete odejít.</p><form class="fp-form" noValidate=""><div class="fp-field"><span>Typ členství *</span><div class="fp-type-toggle"><label class="fp-type-opt is-active"><input type="radio" name="member_type" checked="" value="fyzicka"/><span>Fyzická osoba</span></label><label class="fp-type-opt"><input type="radio" name="member_type" value="pravnicka"/><span>Právnická osoba (firma, Å¡kola, instituce)</span></label></div><small style="color:var(--mut);font-size:12px;margin-top:6px;display:block">Dle stanov spolku (čl. IX) vedeme seznam členů — u právnických osob evidujeme název a sídlo subjektu, u fyzických jméno. U obou typů kontakt na pověřenou osobu.</small></div><h3 style="margin:8px 0 0;font-size:15px;font-weight:700;color:var(--ink)">Kontaktní údaje</h3><div class="fp-row"><label class="fp-field"><span>Celé jméno *</span><input required="" maxLength="100" placeholder="Jan Novák" name="full_name"/></label><label class="fp-field"><span>E-mail *</span><input type="email" required="" maxLength="255" placeholder="[email protected]" name="email"/></label></div><div class="fp-row"><label class="fp-field"><span>Telefon *</span><input required="" maxLength="50" placeholder="+420 …" name="phone"/></label><label class="fp-field"><span>Město</span>
1080<input maxLength="100" placeholder="České Budějovice" name="city"/></label></div><div class="fp-row"><label class="fp-field"><span>Pozice / Obor</span><input maxLength="150" placeholder="Vývojář, student, manažer…" name="occupation"/></label><label class="fp-field"><span>Firma / Škola</span><input maxLength="150" placeholder="Volitelné" name="company"/></label></div><div class="fp-field"><span>Co vás zajímá?</span><div class="fp-grid-checks"><label class="fp-check"><input type="checkbox" name="int_Meetupy"/><span>Meetupy</span></label><label class="fp-check"><input type="checkbox" name="int_Workshopy"/><span>Workshopy</span></label><label class="fp-check"><input type="checkbox" name="int_Networking"/><span>Networking</span></label><label class="fp-check"><input type="checkbox" name="int_Mentoring"/><span>Mentoring</span></label><label class="fp-check"><input type="checkbox" name="int_AI ve firmě"/><span>AI ve firmě</span></label><label class="fp-check"><input type="checkbox" name="int_AI ve vzdělávání"/><span>AI ve vzdělávání</span></label><label class="fp-check"><input type="checkbox" name="int_Výzkum"/><span>Výzkum</span></label><label class="fp-check"><input type="checkbox" name="int_Startup"/><span>Startup</span></label></div></div><label class="fp-field"><span>Proč se chcete připojit? (volitelné)</span><textarea name="motivation" maxLength="1000" rows="4" placeholder="Napište nám pár vět o sobě a vašich očekáváních…"></textarea></label><button type="submit" class="fp-submit">Stát se členem →</button><p class="fp-note">Zdarma · Bez závazků · <a href="/gdpr">GDPR</a></p></form></div></main>
1080<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
1080<!--/$-->
1080<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/main-B-3LlZXx.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/main-B-3LlZXx.js\")"}]},"/clenstvi":$R[8]={preloads:$R[9]=["/assets/clenstvi-D-SzhgJ_.js","/assets/budejovice-style-Dt155vhf.js","/assets/client-DCqp-a1G.js","/assets/site-nav-eHdSJkN0.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791201150116,s:"success",ssr:!0},$R[12]={i:"�clenstvi�clenstvi",u:1791201150116,s:"success",ssr:!0}],lastMatchId:"�clenstvi�clenstvi"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1080<script type="module" async="">import("/assets/main-B-3LlZXx.js")</script>
1080</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.