/* landing.css — premium landing Chytré SVJ. Doplňuje shared.css (tmavé téma, Lexend). */

:root{
    --lp-navy:#0b1220; --lp-navy2:#0f1b30; --lp-ink:#eaf1ff;
    --lp-teal:#0ea5a4; --lp-teal-glow:#2dd4bf; --lp-amber:#f59e0b;
    --lp-glass:rgba(255,255,255,.045); --lp-glass2:rgba(255,255,255,.07);
    --lp-line:rgba(255,255,255,.10); --lp-line2:rgba(255,255,255,.16);
}
body.landing{background:var(--lp-navy);color:var(--lp-ink);overflow-x:hidden;}

/* KICKER + NADPISY */
.kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#93b4ff;margin-bottom:1rem;}
.kicker::before{content:"";width:26px;height:2px;background:#93b4ff;}
.grad{background:linear-gradient(90deg,#ffffff,var(--lp-teal-glow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}


/* BUTTONS */
.btn-glass{background:var(--lp-glass2);color:#fff;border:1px solid var(--lp-line2);backdrop-filter:blur(6px);}
.btn-glass:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3);}

/* HERO */
.hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(64px,11vh,140px) 8vw clamp(72px,12vh,150px);
    background:radial-gradient(1100px 720px at 12% 8%,#1e3a8a 0%,#122a5e 46%,#0a1226 100%);border-bottom:1px solid var(--lp-line);}
.hero-house{position:absolute;z-index:-1;right:-3%;bottom:-4%;height:clamp(280px,52vh,600px);width:auto;mix-blend-mode:screen;pointer-events:none;user-select:none;filter:drop-shadow(0 30px 60px rgba(0,0,0,.4));}
.hero-inner{max-width:min(64ch,62%);}
.hero h1{font-size:clamp(2.1rem,5.2vw,4rem);line-height:1.05;letter-spacing:-.025em;margin-bottom:1.1rem;color:#fff;}
.hero .lead{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55;color:#bccbe8;max-width:56ch;margin-bottom:2rem;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:2.2rem;}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;font-size:.92rem;color:#9db0d6;}
.hero-trust span{display:inline-flex;align-items:center;gap:7px;}
.hero-trust svg{color:var(--lp-teal-glow);}

/* SEKCE */
.sec{position:relative;overflow:hidden;isolation:isolate;padding:clamp(56px,9vh,110px) 8vw;max-width:1280px;margin:0 auto;}
.sec-dark{max-width:none;background:radial-gradient(1000px 700px at 82% 42%,#15315f 0%,#0e1f3d 52%,#0a1226 100%);border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);}
.sec-dark > *{position:relative;max-width:1280px;margin-left:auto;margin-right:auto;}
.sec-house{position:absolute;z-index:-1;right:-2%;bottom:-4%;height:clamp(200px,34vh,400px);width:auto;mix-blend-mode:screen;pointer-events:none;opacity:.92;}
.sec-head{margin-bottom:2.4rem;max-width:24ch;}
.sec h2{font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.14;letter-spacing:-.015em;color:#fff;}

/* GLASS KARTY */
.cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(240px,28vw,320px),1fr));gap:20px;}
.gcard{background:var(--lp-glass);border:1px solid var(--lp-line);border-radius:18px;padding:26px;transition:transform .18s,border-color .18s,background .18s;}
.gcard:hover{transform:translateY(-4px);border-color:var(--lp-line2);background:var(--lp-glass2);}
.gc-ic{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;}
.ic-blue{background:rgba(59,130,246,.16);color:#60a5fa;}
.ic-teal{background:rgba(45,212,191,.16);color:var(--lp-teal-glow);}
.ic-amber{background:rgba(245,158,11,.16);color:var(--lp-amber);}
.ic-red{background:rgba(239,68,68,.16);color:#f87171;}
.gcard h3{font-size:1.12rem;font-weight:700;color:#fff;margin-bottom:8px;}
.gcard p{font-size:.98rem;line-height:1.6;color:#aebbd6;}

.quote{margin-top:2.2rem;padding:1.1rem 1.5rem;border-left:4px solid var(--lp-amber);background:var(--lp-glass);border-radius:0 14px 14px 0;font-size:clamp(1rem,1.6vw,1.25rem);color:#dbe6ff;max-width:70ch;}

/* KROKY */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(240px,26vw,320px),1fr));gap:22px;}
.step{position:relative;background:var(--lp-glass);border:1px solid var(--lp-line);border-radius:18px;padding:28px 24px 24px;}
.step-n{position:absolute;top:-18px;left:24px;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--c-primary),var(--lp-teal));color:#fff;font-weight:800;font-size:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(14,165,164,.3);}
.step h3{margin:16px 0 8px;font-size:1.15rem;color:#fff;font-weight:700;}
.step p{font-size:.98rem;line-height:1.6;color:#aebbd6;}

/* USE-CASE TABULKA */
.uc-table{border:1px solid var(--lp-line);border-radius:16px;overflow:hidden;background:var(--lp-glass);}
.uc-row{display:grid;grid-template-columns:1.1fr 1.6fr 1fr;gap:16px;padding:16px 22px;border-bottom:1px solid var(--lp-line);align-items:center;font-size:.98rem;color:#c3d0ea;}
.uc-row:last-child{border-bottom:none;}
.uc-row.uc-h{background:rgba(255,255,255,.05);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:#8ea3c9;font-weight:700;}
.uc-row > div:first-child{color:#fff;font-weight:600;display:flex;align-items:center;gap:9px;}
.uc-ic{color:var(--lp-teal-glow);display:inline-flex;}
.uc-stamp{display:inline-flex;align-items:center;gap:7px;color:var(--lp-teal-glow);font-weight:600;}

/* CENÍK */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(260px,27vw,340px),1fr));gap:22px;align-items:stretch;}
.pcard{position:relative;background:var(--lp-glass);border:1px solid var(--lp-line);border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;}
.pcard-feat{border-color:rgba(45,212,191,.5);background:linear-gradient(180deg,rgba(45,212,191,.08),var(--lp-glass));box-shadow:0 20px 50px rgba(14,165,164,.14);}
.p-badge{position:absolute;top:-13px;left:26px;background:linear-gradient(90deg,var(--c-primary),var(--lp-teal));color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px;}
.p-name{font-size:1.02rem;font-weight:700;color:#fff;}
.p-amount{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;color:#fff;margin:6px 0 2px;}
.p-amount span{font-size:.9rem;font-weight:500;color:#9db0d6;}
.p-sub{font-size:.9rem;color:#9db0d6;margin-bottom:18px;}
.p-feats{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;flex:1;}
.p-feats li{position:relative;padding-left:26px;font-size:.95rem;color:#c3d0ea;line-height:1.4;}
.p-feats li::before{content:"";position:absolute;left:0;top:.35em;width:15px;height:15px;border-radius:50%;background:rgba(45,212,191,.18);}
.p-feats li::after{content:"";position:absolute;left:5px;top:.5em;width:5px;height:8px;border-right:2px solid var(--lp-teal-glow);border-bottom:2px solid var(--lp-teal-glow);transform:rotate(42deg);}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:12px;max-width:820px;}
.faq-item{background:var(--lp-glass);border:1px solid var(--lp-line);border-radius:14px;overflow:hidden;}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1.02rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-chev{color:#8ea3c9;transition:transform .2s;flex-shrink:0;}
.faq-item[open] .faq-chev{transform:rotate(180deg);}
.faq-item p{padding:0 22px 20px;color:#aebbd6;line-height:1.65;font-size:.98rem;}

/* CTA */
.cta{position:relative;overflow:hidden;isolation:isolate;padding:clamp(64px,10vh,120px) 8vw;text-align:center;
    background:radial-gradient(900px 600px at 82% 90%,#0b6b62 0%,#123a6b 52%,#0a1226 100%);border-top:1px solid var(--lp-line);}
.cta-house{position:absolute;z-index:-1;left:-3%;bottom:-6%;height:clamp(200px,34vh,380px);width:auto;mix-blend-mode:screen;opacity:.85;pointer-events:none;}
.cta-inner{max-width:60ch;margin:0 auto;}
.cta h2{font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.12;color:#fff;margin-bottom:1rem;letter-spacing:-.02em;}
.cta p{font-size:clamp(1rem,1.6vw,1.2rem);color:#cfe0ff;margin-bottom:2rem;line-height:1.55;}

/* RESPONSIVE */
@media (max-width:900px){
    .hero-inner{max-width:100%;}
    .hero-house,.sec-house,.cta-house{opacity:.5;height:clamp(180px,26vh,300px);}
    .uc-row{grid-template-columns:1fr;gap:6px;}
    .uc-row.uc-h{display:none;}
    .uc-row > div:not(:first-child){padding-left:25px;font-size:.9rem;color:#9db0d6;}
}