/* RPnet Dochádzka — moderný responsive landing page */
:root{
  --bg:#080d18;--surface:#111827;--surface2:#172033;--text:#f7fafc;--muted:#98a6ba;
  --line:#243044;--cyan:#22d3ee;--cyan2:#06b6d4;--pink:#f472b6;--green:#34d399;
  --amber:#fbbf24;--red:#fb7185;--light:#f4f7fb;--ink:#0d1726;
  --radius:24px;--shadow:0 24px 70px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.section-soft{background:var(--light);color:var(--ink)}.section-dark{background:#080d18}.centered{text-align:center}.max-copy{max-width:680px;margin:0 auto 40px;color:var(--muted)}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:rgba(8,13,24,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.05}.brand b,.brand strong{display:block}.brand strong{color:var(--cyan);font-weight:700}.brand-mark{position:relative;width:34px;height:28px;display:block}.brand-mark span{position:absolute;width:17px;height:22px;border-radius:9px 9px 7px 7px;top:5px}.brand-mark span:first-child{left:1px;background:#67e8f9}.brand-mark span:last-child{right:1px;background:#f9a8d4}
.desktop-nav{display:flex;gap:30px;color:#c7d0de;font-size:14px}.desktop-nav a:hover,.login-link:hover{color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:15px}.login-link{font-size:14px;color:#c7d0de}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--surface);color:#fff;border-radius:12px;width:40px;height:40px;cursor:pointer}.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:14px;background:var(--cyan);color:#06202a;font-weight:800;box-shadow:0 10px 35px rgba(34,211,238,.18);transition:.2s}.btn:hover{transform:translateY(-2px);background:#67e8f9}.btn-small{padding:11px 16px;font-size:13px}.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:none}
.eyebrow{display:inline-flex;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--cyan);margin-bottom:14px}.hero{min-height:800px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url("images/hero_rodina_32x9.png");background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,18,.98) 0%,rgba(4,9,18,.88) 34%,rgba(4,9,18,.38) 64%,rgba(4,9,18,.62) 100%)}.hero-content{position:relative;padding-top:80px}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.04;letter-spacing:-.045em;max-width:850px;margin:0 0 24px}.hero h1 em,h2 em{font-style:normal;color:var(--cyan)}.hero-lead{font-size:19px;color:#c7d0de;max-width:670px}.hero-buttons{display:flex;gap:12px;margin:32px 0}.trust-row{display:flex;gap:20px;color:#9fb0c4;font-size:13px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.problem h2,.section-heading h2,h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px}.problem p,.section-heading p,.family-copy p,.siblings p{color:var(--muted);font-size:17px}.photo-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.photo-card img{aspect-ratio:16/9;object-fit:cover}.photo-caption{position:absolute;bottom:18px;left:18px;right:18px;background:rgba(8,13,24,.84);backdrop-filter:blur(10px);padding:14px 18px;border-radius:14px;display:flex;gap:14px;align-items:center}.photo-caption span{color:#fb7185}.photo-caption strong{color:var(--cyan)}
.section-heading{max-width:760px;margin-bottom:45px}.section-heading.centered{margin-left:auto;margin-right:auto}.section-heading p{max-width:680px}.money-grid{display:grid;grid-template-columns:1fr 1fr;max-width:850px;margin:0 auto;gap:18px}.meal-card,.payment-card{background:linear-gradient(145deg,#121d30,#0e1626);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.meal-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:20px}.meal-top span{font-size:28px}.meal-top strong{font-size:20px}.meal-top small{color:var(--muted)}.meal-line{padding:12px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;color:#cbd5e1}.meal-line b{margin-left:auto;color:#fff}.dot{width:10px;height:10px;border-radius:50%}.green{background:var(--green)}.red{background:var(--red)}.amber{background:var(--amber)}.payment-card{display:flex;flex-direction:column;justify-content:center}.payment-card small,.payment-card span{color:var(--muted)}.payment-card strong{font-size:30px;margin:6px 0}.price{font-size:52px;font-weight:900;color:var(--cyan);margin-top:10px}.money-note{text-align:center;color:#91a0b4;margin-top:25px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:30px;border:1px solid #dfe6ef;border-radius:20px;background:#fff}.feature .icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e8fbff;color:#0891b2;font-weight:900}.feature h3{margin:20px 0 7px;font-size:20px}.feature p{color:#65748a;margin:0}
.calendar-demo{background:#fff;border:1px solid #e1e8f0;border-radius:24px;padding:25px;box-shadow:0 20px 60px rgba(15,23,42,.12)}.calendar-head{display:flex;justify-content:space-between;margin-bottom:22px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week span{font-size:11px;color:#8491a5;text-align:center}.day{aspect-ratio:1;display:grid;place-items:center;border-radius:11px;background:#f4f7fb;font-size:12px;position:relative}.day.active{background:#dff9ff;color:#03697c;font-weight:800}.day.meal:after{content:"";width:5px;height:5px;border-radius:50%;background:#f472b6;position:absolute;bottom:6px}.day.off{background:#edf1f5;color:#9aa6b7}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#718096;font-size:12px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.cyan{background:#22d3ee}.pink{background:#f472b6}.gray{background:#cbd5e1}.mini-benefits{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.mini-benefits span{background:#fff;border:1px solid #e1e8f0;border-radius:12px;padding:10px 13px;font-size:13px}
.family{background:#0d1726}.family-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.family-photo{border-radius:25px;overflow:hidden}.family-photo img{aspect-ratio:16/9;object-fit:cover}.family-copy h2{font-size:clamp(34px,4vw,55px)}.parents{display:flex;gap:12px;margin:25px 0}.parent{display:flex;align-items:center;gap:10px;background:#121d30;border:1px solid #263449;border-radius:15px;padding:11px 14px}.parent small,.parent b{display:block}.parent small{color:#8ea0b7;font-size:11px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:900}.avatar.pink{background:#fbcfe8;color:#9d174d}.avatar.cyan{background:#cffafe;color:#155e75}.quote{border-left:3px solid var(--cyan);padding-left:16px;color:#aab7c9}.quote strong{display:block;color:#fff}
.children-card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 60px rgba(15,23,42,.12)}.children-title{font-weight:800;padding:5px 5px 15px}.children-title span{float:right;color:#8a96a8}.child{display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;margin-top:8px;background:#f4f7fb;color:#152033}.child.active{background:#e6fbff;outline:1px solid #b8f3fb}.child small{display:block;color:#7b8799}.child>span:last-child{margin-left:auto}.child-avatar{font-size:24px}
.devices{background:#f8fafc;color:#0e1725}.device-showcase{position:relative;min-height:390px;max-width:920px;margin:40px auto 0}.device{position:absolute;background:#111827;border:5px solid #273246;box-shadow:0 30px 70px rgba(15,23,42,.24)}.screen{background:#08111f;height:100%;padding:18px;color:#e5f8ff}.tablet{width:460px;height:290px;left:55px;top:45px;border-radius:20px}.phone{width:175px;height:330px;left:380px;top:10px;border-radius:25px;z-index:3}.laptop{width:520px;height:300px;right:20px;top:70px;border-radius:13px 13px 5px 5px}.keyboard{position:absolute;height:12px;left:-35px;right:-35px;bottom:-16px;background:#cbd5e1;border-radius:3px}.fake-ui{font-size:12px;text-align:left}.fake-ui b{font-size:17px}.fake-calendar{height:150px;margin-top:18px;border-radius:12px;background:repeating-linear-gradient(90deg,#10243a 0 12%,#0d1d30 12% 14%),repeating-linear-gradient(0deg,transparent 0 28px,rgba(255,255,255,.08) 29px)}.fake-calendar.small{height:100px}.fake-calendar.wide{height:190px}.fake-list{line-height:2;margin-top:10px;color:#cbd5e1}.device-labels{display:flex;justify-content:center;gap:35px;color:#718096;font-size:13px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit-grid>div{background:#101a2b;border:1px solid #223047;border-radius:20px;padding:28px}.benefit-grid span{font-size:26px}.benefit-grid h3{margin:15px 0 5px}.benefit-grid p{margin:0;color:#8e9caf}
.final-card{min-height:520px;position:relative;border-radius:30px;overflow:hidden;display:flex;align-items:center}.final-photo{position:absolute;inset:0;background:url("images/rodina_aplikacia_16x9.png") center/cover}.final-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,18,.96),rgba(4,9,18,.72),rgba(4,9,18,.3))}.final-content{position:relative;padding:70px;max-width:760px}.final-content h2{font-size:clamp(36px,4.2vw,61px)}.final-content p{color:#c0cad8;font-size:18px;margin-bottom:28px}
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list details{border-bottom:1px solid #273346;padding:22px 0}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--cyan);font-size:23px}.faq-list p{color:var(--muted);margin:14px 0 0}
.footer{border-top:1px solid #202c3e;padding:40px 0;background:#060b14}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.footer p,.footer small{color:#738197;font-size:12px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;grid-column:2/-1;justify-content:flex-end;font-size:12px;color:#9aa7ba}.footer-links a:hover{color:var(--cyan)}

.light body{background:#f7fafc;color:#0d1726}
body.light-mode{--bg:#f7fafc;--surface:#fff;--surface2:#edf3f8;--text:#0d1726;--muted:#627187;--line:#d9e2ec}
body.light-mode .site-header{background:rgba(255,255,255,.82);border-bottom-color:#dce5ef}body.light-mode .desktop-nav,body.light-mode .login-link{color:#475569}
body.light-mode .hero-overlay{background:linear-gradient(90deg,rgba(4,9,18,.88),rgba(4,9,18,.5),rgba(4,9,18,.22))}
body.light-mode .section-dark,.light-mode .family,.light-mode .footer{background:#0b1220;color:#f7fafc}

@media(max-width:900px){
  .desktop-nav,.login-link{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.hero{min-height:760px}.hero-image{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(4,9,18,.96),rgba(4,9,18,.68) 58%,rgba(4,9,18,.4))}
  .two-col,.family-grid,.faq-wrap{grid-template-columns:1fr;gap:45px}.feature-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.money-grid{grid-template-columns:1fr}.device-showcase{transform:scale(.82);transform-origin:top center;margin-bottom:-60px}.footer-inner{grid-template-columns:1fr}.footer-links{grid-column:auto;justify-content:flex-start}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1180px)}.site-header{height:68px;padding:0 14px}.header-actions{gap:8px}.header-actions .btn{display:none}.theme-toggle{width:36px;height:36px}.hero{min-height:720px}.hero-content{padding-top:80px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-buttons{flex-direction:column;align-items:stretch}.trust-row{flex-wrap:wrap;gap:10px}.section{padding:78px 0}.feature-grid,.benefit-grid{grid-template-columns:1fr}.parents{flex-direction:column}.final-content{padding:38px 28px}.final-card{min-height:570px}.device-showcase{height:310px;min-height:310px;transform:scale(.58);margin-left:-80px;margin-right:-80px;margin-bottom:-30px}.device-labels{gap:14px;flex-wrap:wrap}.photo-card img,.family-photo img{aspect-ratio:16/10}.reverse-mobile{display:flex;flex-direction:column-reverse}.calendar-demo{padding:16px}
}