/* iRest – modrá */
:root { --bg: #f6f8fb; --accent: #0b67d1; --accent-strong: #0a4ea7; --accent-soft: #eaf3ff; --dark: #0b1424; }


/* Hero */
.hero { padding: 80px 0 66px; overflow: hidden; }
.hero__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
.eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--accent); }
.hero h1 { font-size: clamp(40px, 5.2vw, 68px); line-height: 1; letter-spacing: -.05em; margin: 18px 0 24px; }
.lead { font-size: 20px; color: #475467; max-width: 620px; margin: 0; }
.proof { display: flex; gap: 34px; flex-wrap: wrap; margin: 42px 0 0; padding-top: 26px; border-top: 1px solid var(--line); }
.proof dt { font-size: 24px; font-weight: 800; letter-spacing: -.03em; }
.proof dd { margin: 0; color: var(--muted); font-size: 13px; max-width: 170px; }

.ui-stage { position: relative; }
.app-shot { position: relative; margin: 0; background: #fff; border: 1px solid #dfe5ee; border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); }
.ui-stage .app-shot { width: 135%; transform: perspective(1800px) rotateY(-8deg); transform-origin: left center; }
@media (max-width: 980px) { .ui-stage .app-shot { width: 100%; transform: none; } }
.app-shot__bar { height: 30px; background: #eef1f5; display: flex; align-items: center; gap: 7px; padding: 0 14px; }
.app-shot__bar .dot { width: 9px; height: 9px; border-radius: 50%; background: #cfd5de; }
.app-shot img { width: 100%; height: auto; }
.app-shot--panel { margin-top: 26px; box-shadow: 0 22px 50px rgba(15,23,42,.12); }
.blob { position: absolute; inset: 22px -80px -40px 50px; background: radial-gradient(circle at 25% 20%, #ddecff 0, transparent 38%), radial-gradient(circle at 75% 70%, #ffe8cf 0, transparent 30%); }
@keyframes float { 50% { transform: rotate(.4deg) translateY(-8px); } }

.offer { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; background: #fff4e8; border: 1px solid #ffd9b0; border-radius: 16px; padding: 18px 22px; margin-bottom: 20px; }
.offer span { color: #7a4a14; }
.offer a { font-weight: 800; color: #b45309; margin-left: auto; }

/* Moduly (tmavá sekce) */
.modules { display: grid; grid-template-columns: 260px 1fr; gap: 38px; }
.modules__tabs { display: flex; flex-direction: column; border-top: 1px solid rgba(255,255,255,.14); }
.modules__tabs button { all: unset; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.14); color: #9fb0c7; cursor: pointer; display: flex; justify-content: space-between; }
.modules__tabs button::after { content: "→"; opacity: .5; }
.modules__tabs button[aria-selected="true"] { color: #fff; font-weight: 700; }
.modules__tabs button:focus-visible { outline: 2px solid #53a1ff; }
.modules__panel { background: #f8fafc; color: var(--ink); border-radius: 26px; padding: 34px; overflow: hidden; min-height: 440px; }
.modules__panel h3 { font-size: 34px; letter-spacing: -.04em; margin: 0 0 12px; }
.modules__panel p { color: var(--muted); max-width: 640px; margin: 0; }

/* Ceník */
.plans__label { color: var(--accent); font-weight: 800; }

/* Balíček s RealityMIX */
.bundle { padding: 0 0 96px; background: var(--paper); }
.bundle__inner { background: linear-gradient(135deg, #0b67d1, #08458d); color: #fff; border-radius: 30px; padding: 58px; display: grid; grid-template-columns: 1fr .7fr; gap: 40px; align-items: center; overflow: hidden; position: relative; }
.bundle__inner::after { content: ""; position: absolute; width: 340px; height: 340px; border: 65px solid rgba(255,255,255,.08); border-radius: 50%; right: -110px; top: -130px; }
.bundle .kicker { color: #cfe4ff; }
.bundle h2 { font-size: clamp(30px, 3.6vw, 44px); line-height: 1.05; letter-spacing: -.04em; margin: 0 0 16px; }
.bundle p { color: #d8e8ff; max-width: 610px; }
.bundle__link { align-self: center; font-weight: 800; }
.bundle__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; position: relative; z-index: 2; margin: 0; }
.bundle__stats > div { border-left: 1px solid rgba(255,255,255,.28); padding-left: 20px; }
.bundle__stats dt { font-size: 32px; font-weight: 800; }
.bundle__stats dd { margin: 0; font-size: 13px; color: #d8e8ff; }

/* Kdo za iRestem stojí */
.trust { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.trust h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.05; letter-spacing: -.04em; margin: 0; }
.trust__list { border-top: 1px solid var(--line); list-style: none; margin: 0; padding: 0; }
.trust__list li { padding: 23px 0; border-bottom: 1px solid var(--line); font-size: 18px; font-weight: 600; }
.trust__list small { display: block; color: var(--muted); font-size: 14px; font-weight: 400; margin-top: 4px; }

@media (max-width: 980px) {
    .hero__grid, .bundle__inner, .trust, .modules { grid-template-columns: 1fr; }
    .modules__tabs { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
    .trust { gap: 30px; }
}
@media (max-width: 620px) {
    .hero { padding-top: 48px; }
    .modules__tabs { grid-template-columns: 1fr; }
    .modules__panel { padding: 22px; }
    .bundle__inner { padding: 36px 24px; }
}