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.