:root{--piesok:#F4EDE3;--tera:#A24B32;--tera-d:#7A3622;--ruz:#F2D6CB;--salvia:#64805F;--ink:#2B2A28;--paper:#FFFCF7;--muted:#5E5A54;--line:#E5D9C8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Nunito',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--tera)}
.wrap{max-width:680px;margin:0 auto;padding:0 22px}
.hand{font-family:'Caveat',cursive;font-weight:700}
section{padding:56px 0}
h1,h2{font-family:'Caveat',cursive;font-weight:700;color:var(--tera);line-height:1;margin:0 0 18px}
h1{font-size:52px}
h2{font-size:44px}
p{margin:0 0 14px}
b,strong{font-weight:800}

/* hlavička */
.top{position:sticky;top:0;z-index:20;background:rgba(242,214,203,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.ico{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:30px;height:30px;border-radius:50%;background:var(--tera);flex:none}
.ico i{width:4.6px;height:4.6px;border-radius:50%;background:var(--ruz);display:block}
.logo span{font-family:'Caveat';font-weight:700;font-size:28px;color:var(--tera);line-height:1}
.top .mini{font-size:14px;font-weight:800;color:var(--paper);background:var(--tera);padding:8px 16px;border-radius:30px;text-decoration:none}

/* tlačidlo */
.btn{display:block;width:100%;text-align:center;background:var(--tera);color:#fff;font-weight:800;font-size:19px;padding:18px 20px;border-radius:40px;text-decoration:none;box-shadow:0 6px 0 var(--tera-d);transition:transform .1s,box-shadow .1s;border:0;cursor:pointer;font-family:inherit}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--tera-d)}
.btn-sub{text-align:center;font-size:14px;color:var(--muted);margin-top:14px}

/* hero */
.hero{background:var(--ruz);padding:34px 0 48px}
.hero h1{font-size:50px;line-height:.98}
.hero .lead{font-size:19px;margin:0 0 26px}
.hero .lead b{color:var(--tera)}
.badge{display:inline-block;background:var(--ink);color:#fff;font-weight:800;font-size:13px;letter-spacing:.08em;padding:6px 12px;border-radius:8px;transform:rotate(-2deg);margin-bottom:18px}
.mock{position:relative;margin:6px auto 30px;max-width:420px;height:330px}
.mock img{position:absolute;width:56%;border-radius:10px;box-shadow:0 14px 30px rgba(122,54,34,.22)}
.mock .m1{left:2%;top:18px;transform:rotate(-5deg)}
.mock .m2{right:2%;top:0;transform:rotate(4deg)}

/* zrkadlo */
.mirror{background:var(--paper)}
.paper{background:var(--paper);border-radius:14px;padding:22px 22px 10px;box-shadow:0 6px 22px rgba(122,54,34,.10);background-image:repeating-linear-gradient(transparent 0,transparent 45px,var(--line) 45px,var(--line) 47px);background-position:0 12px}
.paper li{list-style:none;font-family:'Caveat';font-weight:700;font-size:26px;line-height:47px;margin:0;padding-left:30px;position:relative}
.paper li::before{content:'✕';position:absolute;left:0;color:var(--tera);font-family:'Nunito';font-size:18px;font-weight:800}
.paper ul{margin:0;padding:0}
.calm{margin-top:28px;font-size:19px}
.calm .big{font-family:'Caveat';font-weight:700;font-size:36px;color:var(--tera);display:block;line-height:1.05;margin-bottom:8px}

/* prečo nie */
.why{background:var(--piesok)}
.strike{font-family:'Caveat';font-weight:700;font-size:26px;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--tera);text-decoration-thickness:3px;display:inline-block;margin:0 14px 6px 0}
.car{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border-radius:16px;padding:18px;margin-top:22px}
.car svg{flex:none}

/* riešenie */
.steps{counter-reset:s;margin:22px 0 30px;padding:0;list-style:none}
.steps li{counter-increment:s;position:relative;padding:0 0 18px 58px;min-height:46px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-4px;width:42px;height:42px;border-radius:50%;background:var(--tera);color:var(--ruz);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.shot{border-radius:12px;box-shadow:0 12px 30px rgba(43,42,40,.15);margin:10px 0 30px}
.shot-cap{font-size:14px;color:var(--muted);text-align:center;margin:-18px 0 30px}

/* obsah */
.inside{background:var(--ruz)}
.cats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 26px}
.cat{background:var(--paper);border-radius:14px;padding:12px 14px;font-weight:700;font-size:16px;line-height:1.3}
.cat span{display:block;font-size:24px;margin-bottom:4px}
.box{background:var(--paper);border-radius:16px;padding:20px 22px;margin-bottom:14px}
.box h3{margin:0 0 8px;font-size:19px;font-weight:800;color:var(--tera)}
.box ul{margin:0;padding-left:20px}
.box li{margin:4px 0}
.pill{display:inline-block;font-size:12px;font-weight:800;color:#fff;padding:2px 10px;border-radius:20px;vertical-align:2px;white-space:nowrap}
.pill.g{background:var(--salvia)}.pill.b{background:var(--tera)}

/* ukážka */
.sample{background:var(--paper)}
.ex{background:var(--piesok);border-radius:16px;padding:18px 20px;margin-bottom:12px}
.ex .lab{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.ex.say{background:var(--ruz)}
.ex.say .lab{color:var(--tera-d)}
.ex .q{font-family:'Caveat';font-weight:700;font-size:28px;line-height:1.15;display:block;margin:6px 0}
.ex .q .pill{font-family:'Nunito';margin-right:8px}

/* výskum */
.research{background:var(--piesok)}
.facts{display:grid;gap:12px;margin:20px 0}
.fact{background:var(--paper);border-radius:16px;padding:18px 20px;display:flex;gap:16px;align-items:center}
.fact .n{font-family:'Caveat';font-weight:700;font-size:46px;line-height:1;color:var(--tera);flex:none;min-width:84px;text-align:center}
.fact p{margin:0;font-size:16px;line-height:1.45}
.disc{font-size:14px;color:var(--muted)}

/* ponuka */
.offer{background:var(--ruz)}
.card{background:var(--paper);border-radius:22px;padding:26px 22px;box-shadow:0 10px 30px rgba(122,54,34,.14)}
.card img{width:58%;margin:-70px auto 16px;transform:rotate(-3deg);border-radius:8px;box-shadow:0 10px 24px rgba(43,42,40,.2)}
.incl{list-style:none;padding:0;margin:0 0 20px}
.incl li{padding:10px 0 10px 34px;border-bottom:1.5px dotted var(--line);position:relative;font-weight:600}
.incl li::before{content:'✓';position:absolute;left:4px;color:var(--salvia);font-weight:800;font-size:20px;top:7px}
.price{text-align:center;margin:8px 0 18px}
.price .p{font-family:'Caveat';font-weight:700;font-size:72px;color:var(--tera);line-height:1}
.price small{display:block;color:var(--muted);font-size:14px}
.guar{display:flex;gap:14px;align-items:center;background:var(--piesok);border-radius:16px;padding:16px 18px;margin-top:22px}
.guar b{color:var(--salvia)}
.guar svg{flex:none}

/* faq */
.faq details{border-bottom:1.5px solid var(--line);padding:16px 0}
.faq summary{font-weight:800;cursor:pointer;list-style:none;position:relative;padding-right:30px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:4px;top:-4px;font-size:26px;color:var(--tera)}
.faq details[open] summary::after{content:'–'}
.faq details p{margin:10px 0 0;color:#3d3b38}

/* záver */
.end{background:var(--tera);color:var(--paper);text-align:center}
.end h2{color:var(--ruz);font-size:46px}
.end p{font-size:19px}
.end .btn{background:var(--ruz);color:var(--tera);box-shadow:0 6px 0 #d7b3a5}
.end .btn-sub{color:#f4d9cf}

/* free */
.free{background:var(--paper)}
.freebox{display:flex;gap:16px;align-items:center;background:var(--piesok);border-radius:18px;padding:18px}
.freebox img{width:110px;border-radius:6px;box-shadow:0 6px 14px rgba(43,42,40,.15);flex:none}
.freebox p{margin:0 0 8px;font-size:16px}
.freebox a{font-weight:800}

footer{background:var(--ink);color:#cfc8bd;font-size:14px;padding:34px 0 40px}
footer a{color:#cfc8bd}
footer .logo span{color:var(--ruz)}
footer .ico{background:var(--ruz)}footer .ico i{background:var(--ink)}
.flinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0}

/* sticky CTA mobil */
.stick{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,252,247,.96);border-top:1px solid var(--line);z-index:30;transform:translateY(110%);transition:transform .25s}
.stick.on{transform:none}
.stick .btn{font-size:17px;padding:14px;box-shadow:0 4px 0 var(--tera-d)}

@media (min-width:760px){
  body{font-size:19px}
  h1,.hero h1{font-size:68px}
  h2{font-size:54px}
  .mock{height:420px;max-width:520px}
  .cats{grid-template-columns:repeat(3,1fr)}
  .stick{display:none}
  .facts{grid-template-columns:1fr 1fr}
}

/* podstránky */
.sub-hero{background:var(--ruz);padding:34px 0 40px}
.form{background:var(--paper);border-radius:22px;padding:24px 22px;box-shadow:0 10px 30px rgba(122,54,34,.14)}
.form label{display:block;font-weight:800;font-size:15px;margin:0 0 6px}
.form input[type=text],.form input[type=email]{width:100%;font:inherit;font-size:17px;padding:14px 16px;border:2px solid var(--line);border-radius:14px;background:#fff;margin-bottom:14px}
.form input:focus{outline:none;border-color:var(--tera)}
.form .chk{display:flex;gap:10px;font-size:14px;line-height:1.4;color:var(--muted);margin:4px 0 18px;font-weight:600}
.form .chk input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--tera)}
.form .note{font-size:13px;color:var(--muted);text-align:center;margin:12px 0 0}
.ok{display:none;background:#E4EADF;border-radius:14px;padding:14px 16px;margin-top:14px;font-size:15px}
.legal{padding:40px 0 60px}
.legal h1{font-size:46px}
.legal h2{font-family:'Nunito';font-size:20px;font-weight:800;color:var(--tera);margin:28px 0 10px;line-height:1.3}
.legal p,.legal li{font-size:16px}
.legal .ph{background:#FFF1B8;padding:0 4px;border-radius:4px}
.legal .draft{background:var(--piesok);border-radius:14px;padding:14px 16px;font-size:14px;margin-bottom:24px}
.thx{text-align:center}
.thx h1{font-size:54px}
.paper li.q::before{content:none}