/* GioLab – tmavý motiv. V zakomentujte light a odkomentujte dark. */ :root { --navy:#020713 !important; --navy2:#07152b !important; --teal:#1687ff !important; --cyan:#39a7ff !important; --lime:#1687ff !important; --orange:#ff7a18 !important; --cream:#07101f !important; --paper:#0b1424 !important; --ink:#f7f9fc !important; --muted:#aeb9ca !important; --line:#26364d !important; --soft:#0b2442 !important; --shadow:0 24px 70px rgba(0,0,0,.38) !important; --shadow2:0 12px 34px rgba(0,0,0,.25) !important; } html{color-scheme:dark} body{background:#020713 !important;color:var(--ink) !important} body::before{background:radial-gradient(circle at 88% 10%,rgba(22,135,255,.11),transparent 26%),linear-gradient(180deg,#020713 0%,#07101f 54%,#020713 100%) !important} h1,h2,h3{color:#f7f9fc !important} .lead,.section-head p,.service p,.portfolio-body p,.step p,.review p,details p,.seo-geo-main p,.contact-copy p,.form-note{color:var(--muted) !important} .brand{width:235px;height:54px;background:url("assets/logo-giolab-dark.jpg") center/235px auto no-repeat} .brand>*{display:none !important} .topbar{background:rgba(2,7,19,.94) !important;border-color:#1f3047 !important} .nav-links{color:#d8e0eb !important}.nav-links a:hover{color:#39a7ff !important} .btn{border-radius:999px !important} .btn-primary{color:#fff !important;background:linear-gradient(135deg,#1267dc,#1687ff) !important;box-shadow:0 14px 32px rgba(22,135,255,.26) !important} .hero-actions .btn-primary{background:#ff7a18 !important;box-shadow:0 14px 32px rgba(255,122,24,.24) !important} .btn-light{color:#eaf2ff !important;background:#0b1424 !important;border-color:#30445f !important} .hero{padding:0 !important;background:radial-gradient(circle at 83% 28%,rgba(22,135,255,.12),transparent 28%),#020713 !important;border-color:#26364d !important} .hero-grid{min-height:0 !important;padding:48px 0 56px !important;align-items:start !important} .eyebrow,.sicon,summary::after{color:#39a7ff !important;background:#0b2442 !important;border-color:rgba(57,167,255,.24) !important} .eyebrow::before{background:#1687ff !important;box-shadow:0 0 0 6px rgba(22,135,255,.14) !important} .stat,.service,.portfolio-card,.step,.review,details,.seo-geo-main,.seo-geo-points article,.contact-form{background:#0b1424 !important;border-color:#26364d !important;box-shadow:var(--shadow2) !important} .stat b,.pcat,.text-link,footer a,.proof b{color:#39a7ff !important} .shot{border-color:#30445f !important}.shot span{background:rgba(2,7,19,.9) !important} .service::after{background:radial-gradient(circle,rgba(22,135,255,.11),transparent 68%) !important} .portfolio,.seo-geo-section,.reviews{background:#07101f !important;border-color:#26364d !important} .band{background:#020713 !important;border-block:1px solid #26364d} .proof-main,.proof{background:#0b1424 !important;border-color:#26364d !important} .card-icon,.step span{background:#1267dc !important;color:#fff !important;box-shadow:0 10px 24px rgba(22,135,255,.22) !important} .main-service{border-color:rgba(22,135,255,.38) !important;box-shadow:0 22px 58px rgba(22,135,255,.12) !important} .main-service::before{color:#39a7ff !important;background:#0b2442 !important} .cta,footer{background:#020713 !important} .contact-copy,.cta-box{background:linear-gradient(135deg,#07152b,#020713) !important;border:1px solid #26364d} .contact-list li::before{background:#1687ff !important} .form-field label{color:#e7edf6 !important} .form-field input,.form-field textarea{color:#f7f9fc !important;background:#07101f !important;border-color:#30445f !important} .form-field input::placeholder,.form-field textarea::placeholder{color:#7f8ca0 !important} .form-field input:focus,.form-field textarea:focus{border-color:#1687ff !important;box-shadow:0 0 0 4px rgba(22,135,255,.12) !important} .mobile-cta{background:rgba(2,7,19,.96) !important;border-color:#26364d !important} @media(max-width:720px){ .container{width:calc(100% - 26px) !important;max-width:100% !important} .hero-grid{padding:34px 0 40px !important} .brand{width:190px;height:44px;background-size:205px auto} .hero-grid,.proof-grid,.seo-geo-grid,.contact-grid{display:grid !important;grid-template-columns:minmax(0,1fr) !important} .hero-grid>*,.hero-actions,.stats{min-width:0 !important;max-width:100% !important} .hero-actions{display:grid !important;grid-template-columns:1fr !important;width:100% !important} .hero-actions .btn{width:100% !important;min-width:0 !important} .stats{grid-template-columns:1fr !important;width:100% !important} h1,.lead{max-width:100% !important;overflow-wrap:anywhere} }