body{margin:0;background:#000}
a{color:#24e7f6}a:hover{color:#ffffff}
.cp{font-family:'Space Grotesk',system-ui,sans-serif;color:#fff;background:#000;-webkit-font-smoothing:antialiased}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}

/* HERO */
.hero{position:relative;min-height:max(760px,100vh);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;
background-image:
radial-gradient(1.2px 1.2px at 8% 18%,#fff 50%,transparent 51%),
radial-gradient(1px 1px at 22% 72%,#cfd6e0 50%,transparent 51%),
radial-gradient(1.4px 1.4px at 37% 12%,#fff 50%,transparent 51%),
radial-gradient(1px 1px at 46% 86%,#9aa3b0 50%,transparent 51%),
radial-gradient(1px 1px at 58% 24%,#cfd6e0 50%,transparent 51%),
radial-gradient(1.6px 1.6px at 71% 64%,#fff 50%,transparent 51%),
radial-gradient(1px 1px at 83% 14%,#9aa3b0 50%,transparent 51%),
radial-gradient(1.2px 1.2px at 92% 78%,#fff 50%,transparent 51%),
radial-gradient(1px 1px at 14% 48%,#9aa3b0 50%,transparent 51%),
radial-gradient(1px 1px at 64% 92%,#cfd6e0 50%,transparent 51%),
radial-gradient(1px 1px at 88% 42%,#cfd6e0 50%,transparent 51%),
radial-gradient(1.2px 1.2px at 30% 38%,#9aa3b0 50%,transparent 51%)}
.sonar{position:absolute;left:50%;top:50%;width:1400px;height:1400px;transform:translate(-50%,-50%);pointer-events:none}
.sonar .ping{transform-origin:700px 700px;animation:ping 6s ease-out infinite}
@keyframes ping{0%{transform:scale(.12);opacity:.55}100%{transform:scale(1);opacity:0}}
.hud{position:absolute;color:#8d96a3;display:flex;flex-direction:column;gap:6px}
.hud b{color:#24e7f6;font-weight:500}
.grat{position:absolute;inset:0;pointer-events:none}

.zone{position:relative;z-index:1;padding:240px 380px;margin:-240px -380px}
.logo{position:relative;width:clamp(300px,52vw,760px)}
.logo > svg{display:block;width:100%;height:auto}
.ant{transform-box:fill-box;transform-origin:center;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s}
.zone:hover .ant,.zone.open .ant,.zone:focus-within .ant{transform:scale(1.05);filter:drop-shadow(0 0 14px rgba(36,231,246,.55))}
.hubpos{position:absolute;left:68.8%;top:59.1%;width:0;height:0}
.hub{position:absolute;z-index:3;left:0;top:0;transform:translate(-50%,-50%);width:clamp(64px,10vw,140px);height:clamp(64px,10vw,140px);border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%}
.hub:focus-visible{outline:2px solid #24e7f6;outline-offset:6px}
.lines{position:absolute;left:0;top:0;width:800px;height:520px;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}
.lines line{stroke:#24e7f6;stroke-width:1;stroke-dasharray:400;stroke-dashoffset:400;opacity:.6;transition:stroke-dashoffset .6s ease}
.zone:hover .lines line,.zone.open .lines line,.zone:focus-within .lines line{stroke-dashoffset:0}
.menu{position:absolute;left:0;top:0;width:0;height:0;z-index:4}
.node{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;white-space:nowrap;padding:12px 16px;min-height:44px;box-sizing:border-box;border:1px solid rgba(36,231,246,.35);border-radius:999px;background:rgba(0,0,0,.85);color:#fff;text-decoration:none;
opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2);transition:transform .55s cubic-bezier(.2,.9,.2,1) var(--d),opacity .35s ease var(--d),border-color .2s,background .2s}
.node .dot{width:8px;height:8px;border-radius:50%;background:#24e7f6;box-shadow:0 0 0 4px rgba(36,231,246,.18)}
.zone:hover .node,.zone.open .node,.zone:focus-within .node{opacity:1;pointer-events:auto;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}
.node:hover,.node:focus-visible{color:#000;background:#24e7f6;border-color:#24e7f6;outline:none}
.node:hover .dot,.node:focus-visible .dot{background:#000;box-shadow:none}
.claim{margin:36px 0 0;font-family:'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;font-size:clamp(13px,1.2vw,16px);color:#d6dde6;letter-spacing:.32em;transition:opacity .3s}
.claim2{position:absolute;left:50%;top:clamp(96px,13vh,140px);transform:translateX(-50%);width:min(1100px,calc(100% - 40px));margin:0;text-align:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;text-transform:uppercase;font-size:clamp(16px,2.2vw,32px);line-height:1.35;letter-spacing:.05em;color:#ffffff;transition:opacity .3s;z-index:2}
.claim2 span{color:#24e7f6}
.claim2 i{display:inline-block;width:.6em;height:1em;margin-left:.15em;vertical-align:-.12em;background:#24e7f6;animation:blink 1.1s steps(1,end) infinite}
.scroll{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#24e7f6;text-decoration:none;min-width:44px;min-height:44px}
.scroll svg{animation:blink 1.1s steps(1,end) infinite,bob 2.2s ease-in-out infinite}
.scroll span{color:#8d96a3}
@keyframes blink{0%{opacity:1}50%{opacity:.12}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* SACHOVNICE */
.board{position:relative;view-timeline-name:--board;view-timeline-axis:block}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{height:580px;box-sizing:border-box;padding:80px clamp(40px,6vw,104px);display:flex;flex-direction:column;justify-content:center;gap:28px}
.dark{background:#000;color:#fff}
.light{background:#fff;color:#000}
.label{display:flex;justify-content:space-between;gap:16px;margin:0;color:#8d96a3}
.label b{color:#24e7f6;font-weight:500}
.tile h2{margin:0;font-size:clamp(32px,3.4vw,52px);line-height:1.04;letter-spacing:-.035em;font-weight:600;max-width:15ch}
.tile ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:18px;line-height:1.45;color:#c9d0d9;max-width:34em}
.tile li{display:flex;gap:14px;align-items:baseline}
.tile li::before{content:"";flex:none;width:8px;height:8px;background:#24e7f6;transform:translateY(-2px) rotate(45deg)}
.more{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;color:#24e7f6;text-decoration:none;border-bottom:1px solid rgba(36,231,246,.5)}
.more:hover{color:#fff;border-color:#fff}
.quote blockquote{margin:0;display:flex;flex-direction:column;gap:28px}
.quote p{margin:0;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.045em}
.quote footer{color:#5a616b}

/* CHECKER */
.check{height:600px;box-sizing:border-box;padding:80px clamp(40px,8vw,140px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:26px;background:#000;border-top:1px solid #1f2329;border-bottom:1px solid #1f2329;
background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px}
.check h2{margin:0;font-size:clamp(40px,5vw,76px);letter-spacing:-.045em;line-height:1;font-weight:600}
.check h2 span{color:#24e7f6}
.check p.lead-in{margin:0;font-size:19px;line-height:1.5;color:#c9d0d9;max-width:34em}
.scan{display:flex;flex-wrap:wrap;width:min(760px,100%);border:1px solid #24e7f6;border-radius:999px;padding:6px;box-sizing:border-box;background:#000;gap:6px}
.scan label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.scan input{flex:1 1 260px;min-width:0;font:inherit;font-size:19px;color:#fff;background:transparent;border:0;padding:12px 22px;min-height:52px}
.scan input:focus{outline:none}
.scan:focus-within{box-shadow:0 0 0 4px rgba(36,231,246,.22)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;color:#8d96a3}
.chips span::before{content:"◇ ";color:#24e7f6}
.result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(860px,100%);background:#1f2329;border:1px solid #1f2329;text-align:left}
.result div{background:#050607;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.result b{font-size:28px;font-weight:600;color:#24e7f6}

.overlay{position:absolute;inset:0;pointer-events:none;z-index:2}

/* HVEZDY */
.dark,.check,#kontakt{position:relative;background-color:#000;
background-image:radial-gradient(1px 1px at 23px 41px,#5d6570 50%,transparent 51%),radial-gradient(1px 1px at 97px 13px,#5d6570 50%,transparent 51%),radial-gradient(1px 1px at 151px 88px,#4b525c 50%,transparent 51%),radial-gradient(1px 1px at 61px 132px,#5d6570 50%,transparent 51%),radial-gradient(1px 1px at 132px 171px,#4b525c 50%,transparent 51%),radial-gradient(1px 1px at 8px 186px,#5d6570 50%,transparent 51%);background-size:180px 200px}
.check{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(1px 1px at 23px 41px,#5d6570 50%,transparent 51%),radial-gradient(1px 1px at 132px 171px,#4b525c 50%,transparent 51%),radial-gradient(1px 1px at 97px 13px,#5d6570 50%,transparent 51%);background-size:48px 48px,48px 48px,180px 200px,180px 200px,180px 200px}
.hero::before,.dark::before,.check::before,#kontakt::before,.hero::after,.dark::after,.check::after,#kontakt::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.hero::before,.dark::before,.check::before,#kontakt::before{
background-image:radial-gradient(1.3px 1.3px at 31px 57px,#fff 50%,transparent 51%),radial-gradient(1.1px 1.1px at 187px 23px,#e8eef7 50%,transparent 51%),radial-gradient(1.4px 1.4px at 119px 149px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 211px 231px,#cfd6e0 50%,transparent 51%),radial-gradient(1.2px 1.2px at 72px 262px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 158px 98px,#cfd6e0 50%,transparent 51%);
background-size:240px 280px;animation:tw1 5.3s ease-in-out infinite}
.hero::after,.dark::after,.check::after,#kontakt::after{
background-image:radial-gradient(1.9px 1.9px at 64px 311px,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 297px 74px,#dfe9ff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 368px 238px,#bff8fd 50%,transparent 51%),radial-gradient(1.2px 1.2px at 181px 189px,#fff 50%,transparent 51%),radial-gradient(1.7px 1.7px at 22px 121px,#fff 50%,transparent 51%);
background-size:410px 370px;background-position:57px 33px;animation:tw2 7.9s ease-in-out -3.1s infinite}
@keyframes tw1{0%{opacity:1}14%{opacity:.35}21%{opacity:.9}46%{opacity:.55}58%{opacity:1}77%{opacity:.25}86%{opacity:.85}100%{opacity:1}}
@keyframes tw2{0%{opacity:.4}11%{opacity:1}29%{opacity:.7}37%{opacity:.2}55%{opacity:.95}68%{opacity:.6}83%{opacity:1}100%{opacity:.4}}
.dark > *,.check > *,#kontakt > *,.hero > p{position:relative;z-index:1}
.hero > p.claim2{position:absolute;z-index:2}
@media (prefers-reduced-motion:reduce){.hero::before,.dark::before,.check::before,#kontakt::before,.hero::after,.dark::after,.check::after,#kontakt::after{animation:none}}
.route{position:absolute;inset:0;width:100%;height:100%}
.stick{position:sticky;top:calc(50vh - 117px);height:234px}
.ship{position:absolute;top:0;left:3%;width:90px;height:234px;margin-left:-45px;scale:.62;
animation:flyx ease-in-out both,bank ease-in-out both,drift 7s ease-in-out infinite;animation-timeline:--board,--board,auto;animation-range:contain 0% contain 100%,contain 0% contain 100%,normal}
.hull{position:absolute;inset:0;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}
.hull{inset:0 -20px -24px;clip-path:path(evenodd,'M35 30 L32 20 H40 L39 30Z M44 30 L41 14 H55 L53 30Z M58 30 L56.5 14 H73.5 L72 30Z M77 30 L75 14 H89 L86 30Z M91 30 L90 20 H98 L95 30Z M43.5 16.5 H52.5 V19 H43.5Z M59 16.5 H71 V19 H59Z M77.5 16.5 H86.5 V19 H77.5Z M38 30 H92 L98 42 V76 L86 92 H44 L32 76 V42Z M37 46 H93 V47.6 H37Z M37 76 H93 V77.6 H37Z M56 36 H74 V42 H56Z M17 60 H32 V66 H17Z M98 60 H113 V66 H98Z M4 40 H16 L17 92 L10 102 L3 92Z M114 40 H126 L127 92 L120 102 L113 92Z M5 40 L3 30 H17 L15 40Z M115 40 L113 30 H127 L125 40Z M6 52 H14 V53.4 H6Z M116 52 H124 V53.4 H116Z M6 80 H14 V81.4 H6Z M116 80 H124 V81.4 H116Z M47 92 H83 L81 122 H49Z M44 122 H86 L90 134 L86 190 L76 214 L67 228 H63 L54 214 L44 190 L40 134Z M64.3 227 H65.7 V250 H64.3Z M65 248 L67.5 252 L65 256 L62.5 252Z M61 238 H69 V239.2 H61Z M44.4 140 H85.5 V141.6 H44.4Z M45.4 152 H84.7 V153.6 H45.4Z M46.2 164 H83.8 V165.6 H46.2Z M47.1 176 H82.8 V177.6 H47.1Z M48.1 188 H82 V189.6 H48.1Z M48.9 200 H81 V201.6 H48.9Z ')}
.fx{position:absolute;left:-20px;top:-56px;width:130px;height:290px;overflow:visible;pointer-events:none}
.fx g{transform-box:fill-box;transform-origin:50% 100%}
.fx .fc{animation:flick 1.4s ease-in-out infinite alternate}
.fx .fr{animation:flick 1.1s ease-in-out -.4s infinite alternate}
@keyframes flick{0%{transform:scaleY(.85);opacity:.8}50%{transform:scaleY(1);opacity:.95}100%{transform:scaleY(1.08);opacity:1}}
@keyframes drift{0%,100%{translate:0 0}25%{translate:2px -4px}50%{translate:0 -7px}75%{translate:-2px -3px}}
@keyframes flyx{0%,2%{left:3%}11%,30%{left:50%}39%,61%{left:97%}70%,89%{left:50%}98%,100%{left:3%}}
@keyframes bank{0%,2%{rotate:0deg}6.5%{rotate:-52deg}11%,30%{rotate:0deg}34.5%{rotate:-52deg}39%,61%{rotate:0deg}65.5%{rotate:52deg}70%,89%{rotate:0deg}93.5%{rotate:52deg}98%,100%{rotate:0deg}}

/* FORM */
.lead{display:flex;flex-wrap:wrap;gap:64px;padding:140px clamp(24px,7vw,120px) 120px;max-width:1440px;margin:0 auto;box-sizing:border-box}
.lead h2{margin:0;font-size:clamp(48px,6vw,96px);letter-spacing:-.05em;line-height:.95;font-weight:600}
.lead h2 span{color:#24e7f6}
.form{flex:999 1 560px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.field{display:flex;flex-direction:column;gap:10px}
.field.full{grid-column:1 / -1}
.field label{color:#8d96a3}
.field input,.field select,.field textarea{font:inherit;font-size:18px;color:#fff;background:transparent;border:0;border-bottom:1px solid #5a616b;padding:10px 0;min-height:44px;border-radius:0}
.field select option{color:#000}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:#24e7f6}
.consent{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;color:#aeb6c1;font-size:15px;line-height:1.5}
.consent input{width:20px;height:20px;margin:2px 0 0;accent-color:#24e7f6}
.send{display:inline-flex;align-items:center;justify-content:center;gap:12px;font:inherit;font-size:18px;font-weight:600;color:#000;background:#24e7f6;border:0;border-radius:999px;padding:14px 30px;min-height:52px;cursor:pointer}
.form .send{grid-column:1 / -1;justify-self:start}
.send:hover{background:#fff}
.send:focus-visible{outline:2px solid #fff;outline-offset:4px}
.foot{border-top:1px solid #1f2329;padding:32px clamp(24px,7vw,120px);display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;color:#8d96a3}

.claim,.claim2,.vswitch{transition:opacity .3s,visibility 0s}
.hero:has(.zone:hover) .claim,.hero:has(.zone:hover) .claim2,.hero:has(.zone:hover) .vswitch,.hero:has(.zone.open) .claim,.hero:has(.zone.open) .claim2,.hero:has(.zone.open) .vswitch{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
/* POPUP WEB CHECKERU */
.cpm-back{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.cpm{position:relative;width:min(560px,100%);box-sizing:border-box;padding:48px clamp(24px,5vw,48px) 40px;background:#000;border:1px solid #24e7f6;border-radius:24px;text-align:left;display:flex;flex-direction:column;gap:18px;box-shadow:0 0 0 6px rgba(36,231,246,.08)}
.cpm-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#c9d0d9;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cpm-x:hover{color:#fff;background:#111}
.cpm-x:focus-visible{outline:2px solid #24e7f6}
.cpm-label{margin:0;color:#8d96a3}.cpm-label span{color:#24e7f6}
.cpm h3{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.05;letter-spacing:-.04em;font-weight:600;color:#fff}
.cpm-text{margin:0;font-size:17px;line-height:1.55;color:#c9d0d9}
.cpm-text b{color:#fff;font-weight:600}
.cpm-form{display:flex;flex-direction:column;gap:20px;margin-top:6px}
.cpm .send{align-self:flex-start}
/* PREPINAC BOOMER / AI BOT */
.vswitch{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:14px}
.vswitch-label{color:#8d96a3}
.seg{display:flex;padding:4px;border:1px solid rgba(36,231,246,.45);border-radius:999px;background:rgba(0,0,0,.7);gap:4px}
.seg button{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#c9d0d9;cursor:pointer;white-space:nowrap}
.seg button:hover{color:#ffffff}
.seg button[aria-pressed="true"]{background:#24e7f6;color:#000000}
.seg button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}
.botv{min-height:100vh;background:#000;color:#c9d0d9;font-family:'JetBrains Mono',ui-monospace,monospace}
.botbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,48px);background:rgba(0,0,0,.92);border-bottom:1px solid #1f2329}
.botbar p{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8d96a3}
.botbar b{color:#24e7f6;font-weight:500}
.botdoc{max-width:880px;margin:0 auto;padding:56px clamp(16px,4vw,32px) 120px;font-size:15px;line-height:1.75;word-break:break-word}
.botdoc .ln{white-space:pre-wrap}
.botdoc .gap{height:1.1em}
.botdoc .h{color:#ffffff;font-weight:500}
.botdoc .m{color:#24e7f6}
.botdoc .c{color:#5a616b}
.botdoc a{color:#24e7f6}
.botnote{max-width:880px;margin:0 auto 32px;padding:0 clamp(16px,4vw,32px);font-size:13px;line-height:1.6;color:#8d96a3}
@media (max-width:860px){.vswitch{top:84px}.vswitch-label{display:none}.seg button{padding:0 12px;font-size:10px;letter-spacing:.08em}.claim2{top:150px}}
@media (max-width:860px){
.row{grid-template-columns:minmax(0,1fr)}
.tile{height:auto;min-height:440px}
.check{height:auto}
.result{grid-template-columns:repeat(2,minmax(0,1fr))}
.zone{padding:160px 40px;margin:-160px -40px}
.node{font-size:10px;padding:10px 12px}
.hud.side{display:none}
.form{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
.fx g,.scroll svg,.sonar .ping{animation:none}
}