/*
Theme Name: PRESNET
Version: 1.0.0
Description: Vlastná responzívna téma pre PRESNET.
*/
:root{--blue:#234ff5;--ink:#142443;--muted:#626d81;--paper:#f5f7fb;--line:#dfe5ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff9f30;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 40px}.top{background:var(--ink);color:#dbe3f9;font-size:12px}.top .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}.top b{color:#a6f5a1;font-weight:normal}.header{background:#ffffffed;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.nav{height:88px;display:flex;align-items:center;gap:40px}.brand{font-size:30px;font-weight:900;letter-spacing:-1.8px;display:flex;align-items:center;gap:10px}.brandmark{display:inline-flex;align-items:end;gap:4px;transform:skew(-12deg)}.brandmark i{display:block;width:7px;background:var(--blue);border-radius:2px;height:17px}.brandmark i:nth-child(2){height:26px}.brandmark i:nth-child(3){height:34px}.navlinks{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:14px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--blue);color:white;border-radius:8px;padding:15px 23px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#163dcc;transform:translateY(-2px)}.button.light{background:white;color:var(--ink);border:1px solid var(--line)}.menu{display:none}.hero{background:linear-gradient(115deg,#f4f7ff 0%,#fff 58%,#eef3ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:650px;padding-top:65px;padding-bottom:65px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--blue);border-radius:50%;display:inline-block}h1{font-size:clamp(48px,5.2vw,72px);line-height:1.06;letter-spacing:-3.5px;margin:24px 0}h1 em{font-style:normal;color:var(--blue)}.intro{max-width:450px;color:var(--muted);font-size:17px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.micro{display:flex;gap:22px;font-size:12px;color:var(--muted)}.micro span:before{content:'✓';color:var(--blue);margin-right:7px}.network{height:475px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:410px;height:410px;border:1px solid #cbd7fc;border-radius:50%;box-shadow:0 0 0 48px #eaf0fd66,0 0 0 49px #dbe4fa80,0 0 0 98px #edf2fd66}.orbit:before,.orbit:after{content:'';position:absolute;background:#92a9fc;width:10px;height:10px;border-radius:50%;left:39px;top:76px}.orbit:after{left:auto;top:auto;right:20px;bottom:105px;background:#43c78c}.hub{position:relative;width:225px;height:225px;background:linear-gradient(145deg,#4774ff,#153fda);border:8px solid #fff;border-radius:50px;box-shadow:0 30px 65px #234ff54a;transform:rotate(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.hub svg{width:95px;height:80px;transform:rotate(9deg)}.hub strong{font-size:23px;letter-spacing:-1px;transform:rotate(9deg);margin-top:10px}.float{position:absolute;background:#fff;border:1px solid #e6eaf4;box-shadow:0 12px 40px #19375a10;border-radius:13px;padding:15px 20px;display:flex;gap:13px;align-items:center;z-index:2}.float strong{display:block;font-size:13px}.float small{font-size:11px;color:var(--muted)}.float .symbol{width:37px;height:37px;background:#edf2ff;border-radius:10px;display:grid;place-items:center;color:var(--blue);font-size:22px}.float.one{top:33px;left:4px}.float.two{right:-5px;top:174px}.float.three{bottom:23px;left:28px}.caption{position:absolute;bottom:-8px;right:32px;font-size:10px;letter-spacing:2px;color:#7b8baa}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:23px;padding-bottom:23px;gap:25px}.strip-grid div{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:bold}.strip-grid span{font-size:19px;color:var(--blue)}section.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}h2{font-size:42px;letter-spacing:-1.7px;line-height:1.15;margin:14px 0}p{margin:0 0 16px}.section-head p{max-width:360px;font-size:14px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:15px;position:relative;display:flex;flex-direction:column;align-items:start}.card.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.icon{height:47px;width:47px;display:grid;place-items:center;background:#eef2ff;border-radius:12px;color:var(--blue);font-size:25px;margin-bottom:20px}.featured .icon{background:#ffffff16;color:#a6baff}.card h3{font-size:25px;letter-spacing:-.7px;margin:0 0 9px}.card p{color:var(--muted);font-size:14px}.featured p{color:#c6d0e2}.card ul{padding:20px 0;margin:0 0 20px;list-style:none;font-size:13px;border-top:1px solid #dfe5ef33;width:100%}.card li{margin-bottom:10px}.card li:before{content:'✓';color:#6286ff;margin-right:10px}.card .button{margin-top:auto;width:100%}.badge{position:absolute;right:25px;top:30px;color:#acbefd;font-size:10px;letter-spacing:1px}.subnote{font-size:12px;color:var(--muted);margin-top:20px}.coverage{background:var(--paper)}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.region{min-height:350px;border:1px solid #dce4f3;background:radial-gradient(#b8c7e4 1px,transparent 1px),#edf2fc;background-size:18px 18px;border-radius:22px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.region-ring{width:250px;height:250px;border:1px solid #8ba5ff;border-radius:50%;box-shadow:0 0 0 38px #234ff509,0 0 0 39px #b6c7fa;display:flex;align-items:center;justify-content:center}.pin{background:var(--blue);color:white;padding:17px 26px;border:5px solid white;border-radius:15px;box-shadow:0 10px 25px #234ff533;font-weight:bold}.region small{position:absolute;bottom:16px;font-size:10px;color:var(--muted)}.coverage p{color:var(--muted);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.step-num{color:var(--blue);font-size:12px;border-top:2px solid var(--line);padding-top:17px}.steps h3{font-size:19px;margin:15px 0 10px}.steps p{color:var(--muted);font-size:14px}.business{background:var(--ink);color:white;border-radius:18px;padding:40px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:55px}.business h3{font-size:27px;letter-spacing:-1px;margin:0 0 8px}.business p{color:#c3cee1;font-size:14px;margin:0;max-width:650px}.faq{max-width:820px;margin:auto}.faq h2{margin-bottom:30px}details{padding:21px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:bold}details p{color:var(--muted);font-size:14px;margin:14px 0 0}.contact{background:#eef3ff}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px}.contact h3{font-size:13px;margin:0 0 15px}.phone{font-size:23px;font-weight:bold;letter-spacing:-.5px}.contact small{display:block;color:var(--muted);font-size:12px;margin-top:10px}.footer{background:#fff;padding:35px 0;color:var(--muted);font-size:12px}.foot-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer .brand{font-size:23px;color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:white;padding:15px}.skip:focus{top:10px}.test-label{background:#edf2ff;color:#486090;text-align:center;font-size:11px;padding:7px} @media(max-width:1000px){.nav{gap:15px}.navlinks{gap:15px}.navlinks a{font-size:12px}.wrap{padding-left:25px;padding-right:25px}.hero-grid{gap:10px}h1{font-size:58px}.network{transform:scale(.85)}.cards{gap:12px}.card{padding:23px}.coverage-grid{gap:35px}.contact-grid{gap:25px}}@media(max-width:760px){.top .wrap{font-size:10px}.top .wrap>span:last-child{display:none}.nav{height:74px;justify-content:space-between}.brand{font-size:27px}.menu{display:block;border:1px solid var(--line);background:white;border-radius:6px;padding:7px 12px}.navlinks{display:none;position:absolute;left:0;right:0;top:74px;background:white;padding:20px 25px;flex-direction:column;align-items:stretch;box-shadow:0 15px 20px #14244310}.navlinks.open{display:flex}.navlinks a{font-size:15px;padding:8px}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:15px;gap:0}.hero h1{font-size:52px;letter-spacing:-2.7px}.intro{font-size:16px}.network{height:380px;transform:scale(.83);margin-top:-10px}.float.one{top:0}.float.two{top:125px;right:-20px}.float.three{bottom:0;left:0}.caption{bottom:-35px}.strip-grid{grid-template-columns:1fr 1fr;gap:20px}.strip-grid div{font-size:11px}section.section{padding:60px 0}.section-head{display:block}h2{font-size:34px}.cards,.coverage-grid,.steps,.contact-grid{grid-template-columns:1fr}.card{padding:28px}.section-head p{max-width:none}.coverage-grid{gap:35px}.region{min-height:310px}.steps{gap:20px}.business{padding:30px;display:block}.business .button{margin-top:25px}.contact-grid{gap:30px}.foot-row{align-items:start;flex-direction:column}.micro{font-size:11px;gap:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Tepla farebna verzia: cervena, oranzova, zlta a cierna */
:root{--blue:#cf321c;--ink:#211d1b;--muted:#70645d;--paper:#fff8ef;--line:#eadfd6}
.top{background:#211d1b;color:#eee2d8}.top b{color:#ffd267}.button{background:#c8321c}.button:hover{background:#a82515}.button.light{background:#fff;color:var(--ink)}.button.light:hover{background:#fff3df}.hero{background:linear-gradient(115deg,#fff6e7 0%,#fffdf9 58%,#fff0de 100%)}h1 em{color:#cc321d}.brandmark i:first-child{background:#cf321c}.brandmark i:nth-child(2){background:#ef761c}.brandmark i:nth-child(3){background:#f7bb25}.orbit{border-color:#efc697;box-shadow:0 0 0 48px #ffe7c366,0 0 0 49px #f0d7af80,0 0 0 98px #fff0d766}.orbit:before{background:#ea6b24}.orbit:after{background:#edb719}.hub{background:linear-gradient(145deg,#ffbc31 0%,#ee6c1b 42%,#cb291b 100%);box-shadow:0 30px 65px #d4592940}.float{border-color:#f0e1d5;box-shadow:0 12px 40px #74381410}.float .symbol,.icon{background:#fff0d9;color:#c34418}.caption{color:#897463}.micro span:before{color:#bf381c}.card.featured{background:#211d1b;border-color:#211d1b}.featured .icon{background:#ffffff12;color:#ffcb56}.featured p{color:#ded2c8}.badge{color:#ffd16d}.card li:before{color:#cd581d}.featured li:before{color:#ffbe3d}.card ul{border-top-color:#d4bda333}.region{border-color:#eed8b8;background:radial-gradient(#d9b98a 1px,transparent 1px),#fff1d9;background-size:18px 18px}.region-ring{border-color:#e9a844;box-shadow:0 0 0 38px #eea3330b,0 0 0 39px #efcc91}.pin{background:#ca3d1e;box-shadow:0 10px 25px #d95c2533}.business{background:#211d1b}.business p{color:#ded2c8}.business .eyebrow{color:#ffd16d!important}.contact{background:#fff2df}.test-label{background:#fff0d7;color:#80552f}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#a83a16}.featured a:focus-visible{outline-color:#ffda64}
