*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;}
body{font-family:-apple-system,BlinkMacSystemFont,"system-ui",sans-serif;background:radial-gradient(circle at top,#1b2940,#050712);color:#f5f5ff;overflow-x:hidden;}
a{color:#5ed4ff;text-decoration:none}

.hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:5rem 1.5rem 3rem;}
.hero-shell{position:relative;z-index:1;max-width:720px;text-align:center;}
.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:rgba(255,255,255,.7);margin-bottom:.75rem}
.hero-title{font-size:3.2rem;line-height:1.05;margin-bottom:.5rem;background:linear-gradient(120deg,#5ed4ff,#9b6bff,#ffb36b);-webkit-background-clip:text;color:transparent}
.hero-lead{font-size:1.02rem;line-height:1.6;color:rgba(235,239,255,.88);max-width:640px;margin:0 auto 1.75rem}
.hero-actions{display:flex;flex-direction:column;gap:1.25rem;align-items:center;}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;border-radius:999px;background:linear-gradient(135deg,#5ed4ff,#68ffbf);color:#050712;font-weight:600;box-shadow:0 18px 40px rgba(0,0,0,.4);transition:transform .15s ease,box-shadow .15s ease}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 26px 60px rgba(0,0,0,.55)}
.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.chip{padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:.8rem;color:rgba(235,239,255,.86);background:rgba(5,7,18,.6);backdrop-filter:blur(12px)}

.section-shell{max-width:960px;margin:0 auto;padding:0 1.5rem}
.section-title{font-size:1.6rem;margin-bottom:.75rem}
.section-lead{font-size:.98rem;line-height:1.6;color:rgba(230,235,255,.85);max-width:640px}

.metrics{padding:3rem 0}
.metrics-grid{margin-top:1.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}
.metric-card{padding:1.3rem;border-radius:.9rem;background:rgba(8,12,26,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.4)}
.metric-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:rgba(240,245,255,.9)}
.metric-value{font-size:1.25rem;font-weight:600;margin-bottom:.4rem;color:#5ed4ff}
.metric-text{font-size:.86rem;line-height:1.5;color:rgba(215,222,255,.88)}

.why{padding:3rem 0}
.why-grid{margin-top:1.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.why-card{padding:1.3rem;border-radius:.9rem;background:rgba(8,12,26,.96);border:1px solid rgba(255,255,255,.08)}
.why-title{font-size:.98rem;font-weight:600;margin-bottom:.4rem}
.why-text{font-size:.86rem;line-height:1.5;color:rgba(215,222,255,.9)}

.ideas{padding:3rem 0}
.ideas-grid{margin-top:1.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.idea-card{padding:1.3rem;border-radius:.9rem;background:rgba(10,16,30,.98);border:1px solid rgba(255,255,255,.08)}
.idea-title{font-size:.98rem;font-weight:600;margin-bottom:.4rem}
.idea-text{font-size:.86rem;line-height:1.5;color:rgba(215,222,255,.9)}

.contact{padding:3rem 0 4rem}
.contact-form{margin-top:1.8rem;max-width:560px}
.form-row{margin-bottom:1rem}
.form-label{display:block;font-size:.82rem;margin-bottom:.25rem;color:rgba(230,235,255,.9)}
.form-input{width:100%;padding:.65rem .75rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.16);background:rgba(5,8,18,.9);color:#f5f5ff;font-size:.88rem}
.form-input:focus{outline:none;border-color:#5ed4ff;box-shadow:0 0 0 1px rgba(94,212,255,.5)}
.contact-note{margin-top:.75rem;font-size:.8rem;color:rgba(215,222,255,.85)}

.footer{padding:1.8rem 0 2.2rem;border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at bottom,#11182b,#050712)}
.footer-text{text-align:center;font-size:.8rem;color:rgba(200,210,240,.85)}

@media (max-width:640px){
  .hero{padding:4rem 1.25rem 2.5rem;}
  .hero-title{font-size:2.4rem}
}

.section-shell{text-align:center}
.section-shell .metrics-grid,
.section-shell .why-grid,
.section-shell .ideas-grid,
.section-shell .contact-form{margin-left:auto;margin-right:auto;text-align:left}


/* hero background vlnky */
body{background:radial-gradient(circle at top,#1b2940,#050712);position:relative}
.hero::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 200deg at 50% -20%,rgba(94,212,255,.18),rgba(104,255,191,.12),rgba(155,107,255,.18),rgba(94,212,255,.18));opacity:.9;filter:blur(40px);z-index:0}
.hero-shell{position:relative;z-index:1}


.contact-form{margin-top:0}

.contact-layout{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:2.4rem;align-items:center;margin-top:2.2rem}
.contact-visual{position:relative;height:230px;border-radius:1.4rem;background:radial-gradient(circle at 20% 0%,#5ed4ff,#050712);overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px rgba(0,0,0,.65)}

.contact-orbit{position:absolute;inset:18% 10%;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.15),rgba(5,10,25,1));}
.contact-orbit::before{content:"";position:absolute;inset:16%;border-radius:50%;border:1px dashed rgba(94,212,255,.55);animation:orbitSpin 16s linear infinite}

.contact-runner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5ed4ff,#68ffbf);box-shadow:0 0 0 10px rgba(94,212,255,.3),0 0 40px rgba(94,212,255,.95);}
.contact-runner::before{content:"";position:absolute;left:18px;top:18px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#e8f9ff);clip-path:path('M 10 36 Q 4 20 18 10 Q 26 4 34 8 Q 42 12 40 20 Q 38 28 30 34 Q 22 40 10 36 Z');}
.contact-runner::after{content:"fit";position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;font-weight:700;font-size:.95rem;color:#051018;letter-spacing:.08em;padding-bottom:8px}

@keyframes orbitSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

.contact-form{margin-top:0}
.contact-form .btn-primary{width:100%;justify-content:center;margin-top:.2rem}

/* V4.1 – hero flow je pouze pozadí, obsah zůstává nad plátnem */
.hero{isolation:isolate;overflow:hidden;}
.hero-network{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none!important;opacity:.62!important;mix-blend-mode:screen!important;}
.hero::before{z-index:0!important;}
.hero-shell{position:relative!important;z-index:2!important;}

/* Kontaktní card – vizuální, samostatná a animovaná fitness ilustrace */
.contact{padding:4.5rem 0 5rem;}
.contact-layout{max-width:840px;margin:2.25rem auto 0!important;padding:1rem;grid-template-columns:280px minmax(0,1fr)!important;gap:2.25rem!important;border:1px solid rgba(132,221,255,.18);border-radius:1.5rem;background:linear-gradient(135deg,rgba(10,18,38,.96),rgba(7,11,25,.88));box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);text-align:left;}
.contact-visual{display:block!important;position:relative!important;height:100%!important;min-height:360px!important;border-radius:1.05rem!important;overflow:hidden!important;background:radial-gradient(circle at 50% 40%,rgba(49,209,240,.28),transparent 31%),radial-gradient(circle at 14% 92%,rgba(118,255,181,.19),transparent 45%),linear-gradient(145deg,#102b4a,#070b1b 63%,#10122a)!important;border:1px solid rgba(129,222,255,.2)!important;box-shadow:inset 0 0 45px rgba(47,199,255,.12),0 14px 30px rgba(0,0,0,.28)!important;}
.fitness-scene{position:absolute;inset:0;overflow:hidden;}
.scene-orbit{position:absolute;left:50%;top:47%;border:1px solid rgba(115,225,255,.35);border-radius:50%;transform:translate(-50%,-50%);}
.orbit-one{width:190px;height:190px;animation:spinOrbit 13s linear infinite;}
.orbit-two{width:245px;height:135px;border-color:rgba(115,255,195,.24);animation:spinOrbitReverse 17s linear infinite;}
.kettlebell{position:absolute;left:50%;top:47%;width:86px;height:88px;transform:translate(-50%,-40%);border-radius:42% 42% 48% 48%;background:linear-gradient(135deg,#62dafd,#56ffbd);box-shadow:0 0 0 13px rgba(94,212,255,.13),0 0 36px rgba(94,212,255,.7);animation:kettleFloat 2.8s ease-in-out infinite;}
.kettlebell::before{content:"";position:absolute;left:19px;top:-33px;width:48px;height:43px;border:12px solid #77e5f7;border-bottom:0;border-radius:30px 30px 0 0;filter:drop-shadow(0 0 8px rgba(94,212,255,.55));}
.kettlebell::after{content:"2B";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#071524;font-size:1.15rem;font-weight:800;letter-spacing:.05em;}
.kettlebell i{position:absolute;left:14px;right:14px;bottom:15px;height:1px;background:rgba(7,21,36,.45);}
.scene-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#8ceeff;box-shadow:0 0 15px #64ddff;}
.p1{left:18%;top:22%;animation:particleFloat 4s ease-in-out infinite}.p2{right:17%;top:31%;background:#7dffc4;animation:particleFloat 5.2s ease-in-out -1s infinite}.p3{left:27%;bottom:19%;width:5px;height:5px;animation:particleFloat 4.5s ease-in-out -2s infinite}
.scene-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(122,236,255,.7),transparent);transform-origin:left center;}
.line-one{width:160px;left:18%;top:28%;transform:rotate(27deg);animation:linePulse 3.8s ease-in-out infinite}.line-two{width:140px;right:15%;bottom:30%;transform:rotate(-31deg);animation:linePulse 4.6s ease-in-out -1.2s infinite}
.visual-label{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:.62rem;letter-spacing:.2em;font-weight:700;color:rgba(211,246,255,.7);}
.contact-form{max-width:none!important;padding:1rem .55rem!important;}
.contact-form .form-row{margin-bottom:1.05rem;}.contact-form .form-label{color:rgba(213,239,255,.88);font-weight:600;letter-spacing:.02em}.contact-form .form-input{padding:.78rem .85rem;border-radius:.72rem;background:rgba(3,8,20,.78);border-color:rgba(131,214,255,.17);}.contact-form .form-input:focus{border-color:#62dafd;box-shadow:0 0 0 3px rgba(98,218,253,.12);}.contact-form .btn-primary{margin-top:.45rem;min-height:48px;border:0;}
@keyframes spinOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes kettleFloat{0%,100%{transform:translate(-50%,-40%) rotate(-2deg)}50%{transform:translate(-50%,-48%) rotate(2deg)}}@keyframes particleFloat{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-18px);opacity:1}}@keyframes linePulse{0%,100%{opacity:.22;transform:scaleX(.7) rotate(27deg)}50%{opacity:1;transform:scaleX(1) rotate(27deg)}}
@media(max-width:720px){.contact-layout{grid-template-columns:1fr!important;padding:.7rem}.contact-visual{min-height:245px!important}.contact-form{padding:.8rem!important}.orbit-one{width:150px;height:150px}.orbit-two{width:200px;height:112px}}

/* V6 – jednotný živý gradient napříč celou stránkou */
html{background:#071225;}
body{min-height:100%;background:linear-gradient(125deg,#071b34 0%,#102947 25%,#182747 48%,#17223a 68%,#0a1a31 100%)!important;background-size:300% 300%!important;animation:pageGradient 20s ease-in-out infinite!important;}
body::before{content:"";position:fixed;inset:-30%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 18%,rgba(72,215,255,.18),transparent 26%),radial-gradient(circle at 82% 42%,rgba(126,100,255,.17),transparent 28%),radial-gradient(circle at 45% 90%,rgba(91,255,184,.12),transparent 27%);filter:blur(15px);animation:ambientShift 16s ease-in-out infinite alternate;}
main,.metrics,.why,.ideas,.contact,.footer{position:relative;background:transparent!important;}
.hero::before{opacity:.42!important;}
@keyframes pageGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ambientShift{0%{transform:translate3d(-2%,-1%,0) scale(1)}100%{transform:translate3d(2%,2%,0) scale(1.08)}}

/* Kontaktní formulář – šířka, dvojice polí, bez obalové karty */
.contact-layout{max-width:1020px!important;grid-template-columns:250px minmax(0,1fr)!important;gap:2.75rem!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.contact-visual{min-height:330px!important;}
.contact-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem!important;padding:0!important;max-width:none!important;}
.contact-form .form-row{margin:0!important;}.contact-form .form-row:nth-of-type(5){grid-column:1/-1;}.contact-form .btn-primary{grid-column:1/-1;margin-top:.15rem!important;}.contact-form .form-input{height:46px;}.contact-form textarea.form-input{height:104px;resize:vertical;}

/* Patička ve stylu Custody */
.footer{margin-top:1rem;padding:2.35rem 0 2.6rem!important;border-top:1px solid rgba(162,225,255,.15)!important;}
.footer .section-shell{text-align:center;}.footer-assurance{max-width:760px;margin:0 auto .7rem;font-size:.79rem;line-height:1.55;color:rgba(210,233,255,.78);}.footer-assurance span{margin:0 .45rem;color:#66dafb;}.footer-text{font-size:.78rem!important;color:rgba(210,233,255,.64)!important;}
@media(max-width:720px){.contact-layout{grid-template-columns:1fr!important}.contact-form{grid-template-columns:1fr!important}.contact-form .form-row:nth-of-type(5),.contact-form .btn-primary{grid-column:auto}.contact-visual{min-height:240px!important}}

/* V7 – jeden kontinuální gradient bez černých přechodů */
html,body{background:#123250!important;}
body{background:linear-gradient(150deg,#143d5d 0%,#24516e 22%,#2c426f 45%,#315362 67%,#19495d 100%)!important;background-size:400% 400%!important;animation:fullPageGradient 24s ease-in-out infinite!important;}
body::before{z-index:0!important;opacity:1!important;background:radial-gradient(ellipse at 16% 10%,rgba(85,225,255,.28),transparent 37%),radial-gradient(ellipse at 86% 31%,rgba(188,113,255,.25),transparent 40%),radial-gradient(ellipse at 55% 78%,rgba(86,255,190,.19),transparent 42%),radial-gradient(ellipse at 13% 90%,rgba(70,142,255,.18),transparent 38%)!important;filter:blur(22px)!important;}
.hero,main,.why,.ideas,.contact,.footer{background:transparent!important;}
.hero::before{background:radial-gradient(ellipse at 50% 10%,rgba(141,241,255,.14),transparent 62%)!important;}
@keyframes fullPageGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* V7 – kontaktní formulář: vycentrovaný a maximálně využitý prostor */
.contact-layout{max-width:1120px!important;grid-template-columns:230px minmax(0,1fr)!important;margin-left:auto!important;margin-right:auto!important;align-items:center!important;}
.contact-form{width:100%!important;max-width:850px!important;margin:0 auto!important;gap:1.15rem 1.3rem!important;}
.contact-form .form-input{width:100%!important;height:50px!important;padding:.88rem 1rem!important;font-size:.94rem!important;}.contact-form textarea.form-input{height:118px!important;}
.contact-form .btn-primary{min-height:52px!important;font-size:.96rem!important;}
@media(max-width:720px){.contact-layout{grid-template-columns:1fr!important;max-width:620px!important}.contact-form{max-width:100%!important}}

/* V8 – kontinuální fixed gradient přes kompletní dokument */
html{min-height:100%;background:#173c62!important;}
body{min-height:100vh!important;background:transparent!important;position:relative;isolation:isolate;}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;pointer-events:none!important;opacity:1!important;filter:none!important;transform:none!important;background:linear-gradient(135deg,#143c61 0%,#245c73 24%,#4a568a 50%,#315e77 73%,#183e62 100%)!important;background-size:280% 280%!important;animation:siteGradient 26s ease-in-out infinite!important;}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 18%,rgba(84,226,255,.22),transparent 35%),radial-gradient(ellipse at 88% 28%,rgba(183,125,255,.18),transparent 38%),radial-gradient(ellipse at 48% 78%,rgba(90,255,190,.13),transparent 42%);animation:siteGlow 20s ease-in-out infinite alternate;}
.hero,main,.why,.ideas,.contact,.footer,.section-shell{background:transparent!important;}
@keyframes siteGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes siteGlow{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}100%{transform:translate3d(1.5%,2%,0) scale(1.05)}}

/* V8 – vycentrovaný úvod kontaktní sekce */
.contact > .section-shell > .section-lead{margin-left:auto!important;margin-right:auto!important;text-align:center!important;}

/* V8 – transparentní pozadí fitness animace */
.contact-visual{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.contact-visual::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(94,212,255,.11),transparent 64%);filter:blur(8px);}