:root{--ink:#17221d;--green:#197a50;--lime:#cce95c;--cream:#f5f1e8;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 28px}.brand{font-size:20px;font-weight:750;display:flex;align-items:center;gap:9px}.brand span{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:white;border-radius:10px;font-family:Georgia,serif;font-style:italic}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.navCta{background:var(--ink);color:white;padding:12px 18px;border-radius:99px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1200px;margin:auto;padding:60px 28px 80px}.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.16em;color:var(--green);margin:0 0 18px}.hero h1{font-family:Georgia,serif;font-size:clamp(52px,6vw,82px);line-height:.99;letter-spacing:-.04em;margin:0}.hero h1 em{color:var(--green);font-weight:400}.lead{font-size:19px;line-height:1.65;color:#526059;max-width:600px;margin:28px 0}.heroActions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px;color:#637069}.primary{display:inline-flex;align-items:center;gap:18px;background:var(--green);color:white;border-radius:99px;padding:17px 22px;font-weight:750;font-size:14px;box-shadow:0 10px 30px #197a5030}.phoneStage{height:540px;position:relative;display:grid;place-items:center}.blob{position:absolute;width:460px;height:460px;background:var(--lime);border-radius:44% 56% 59% 41% / 45% 40% 60% 55%;transform:rotate(9deg)}.phone{position:relative;width:255px;height:520px;border:9px solid #19201c;border-radius:40px;background:#fff;box-shadow:0 35px 60px #183c2d38;overflow:hidden;transform:rotate(3deg)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.speaker{position:absolute;z-index:2;top:7px;left:86px;width:70px;height:17px;background:#19201c;border-radius:20px}.floatCard{position:absolute;background:white;border:1px solid #e6e7e2;border-radius:14px;padding:13px 17px;box-shadow:0 14px 40px #17372928;display:flex;flex-direction:column}.floatCard b{color:var(--green);font-size:15px}.floatCard small{color:#69736d;margin-top:4px}.floatCard.one{top:88px;left:0}.floatCard.two{bottom:60px;right:-10px}.trust{background:var(--ink);color:white;height:68px;display:flex;justify-content:center;align-items:center;gap:35px;font-size:12px;letter-spacing:.12em}.how,.benefits{max-width:1200px;margin:auto;padding:110px 28px}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.sectionHead h2,.confirm h2,.benefits h2,.products h2,.cta h2{font:400 clamp(38px,4vw,58px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:0}.sectionHead>p{max-width:430px;color:#637069;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.shot{height:390px;background:var(--cream);border-radius:22px;overflow:hidden;position:relative;padding:14px;display:grid;place-items:center}.shot img{max-width:100%;height:100%;object-fit:contain;border-radius:13px;box-shadow:0 12px 30px #21322924}.shot span{position:absolute;left:26px;top:26px;background:var(--lime);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800}.step h3{font:400 27px Georgia,serif;margin:24px 0 10px}.step p{font-size:14px;line-height:1.7;color:#647068;margin:0}.confirm{background:var(--cream);padding:110px max(28px,calc((100% - 1144px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.confirmImage{background:var(--lime);border-radius:38% 62% 43% 57% / 56% 40% 60% 44%;padding:55px}.confirmImage img{width:100%;display:block;box-shadow:0 20px 50px #25382c30;transform:rotate(-2deg)}.confirmCopy>p:not(.eyebrow){color:#617068;line-height:1.7}.confirm ul{list-style:none;padding:10px 0 0;margin:0}.confirm li{display:grid;grid-template-columns:28px 1fr;border-top:1px solid #d4d4cc;padding:18px 0}.confirm li:before{content:'✓';color:var(--green);font-weight:900}.confirm li b,.confirm li span{grid-column:2}.confirm li span{font-size:13px;color:#6b766f;margin-top:4px}.benefits{text-align:center}.benefitGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px;text-align:left}.benefitGrid article{border:1px solid #e1e2dd;border-radius:18px;padding:26px;background:white}.benefitGrid article>span{font-size:24px;color:var(--green);display:block;margin-bottom:35px}.benefitGrid h3{font:400 22px Georgia,serif;margin:0 0 10px}.benefitGrid p{font-size:13px;line-height:1.65;color:#66716b}.products{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:100px max(28px,calc((100% - 1144px)/2));overflow:hidden}.products>div>p:not(.eyebrow){color:#c7d0ca;line-height:1.7;max-width:520px}.products img{width:100%;max-height:570px;object-fit:contain;border-radius:20px}.cta{text-align:center;padding:110px 28px;background:var(--lime)}.cta .eyebrow{color:var(--ink)}.cta>p:not(.eyebrow){color:#445248;margin:22px auto 28px;max-width:620px}.primary.light{background:white;color:var(--ink)}.cta small{display:block;margin-top:15px;color:#586359}footer{height:110px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:0 28px;margin:auto;font-size:12px;color:#6a756f}footer .brand{color:var(--ink);font-size:17px}
@media(max-width:850px){.navlinks a:not(.navCta){display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:50px}.lead{margin-left:auto;margin-right:auto}.heroActions{justify-content:center}.phoneStage{margin-top:35px}.trust{gap:12px;font-size:9px}.sectionHead{display:block}.steps{grid-template-columns:1fr}.shot{height:480px}.confirm,.products{grid-template-columns:1fr;gap:55px}.benefitGrid{grid-template-columns:1fr 1fr}.products>div{order:2}footer{height:auto;padding-top:35px;padding-bottom:35px;gap:20px;flex-direction:column}}
@media(max-width:520px){.nav{padding:0 16px}.navCta{font-size:12px;padding:11px 14px}.hero{padding:38px 18px 60px}.hero h1{font-size:48px}.phoneStage{height:490px}.blob{width:340px;height:390px}.phone{width:220px;height:450px}.floatCard.one{left:-5px}.floatCard.two{right:-5px}.trust p:nth-child(2),.trust p:nth-child(4),.trust p:nth-child(5){display:none}.how,.benefits{padding:80px 18px}.shot{height:390px}.confirm,.products{padding:80px 18px}.confirmImage{padding:26px}.benefitGrid{grid-template-columns:1fr}.cta{padding:80px 18px}}

/* Tömörebb beágyazott változat */
.nav{height:64px}.hero{min-height:560px;padding-top:38px;padding-bottom:48px}.lead{margin-top:20px;margin-bottom:22px}.phoneStage{height:470px}.blob{width:410px;height:410px}.phone{width:225px;height:460px}.trust{height:56px}.how,.benefits{padding-top:68px;padding-bottom:68px}.sectionHead{margin-bottom:34px}.shot{height:330px}.step h3{margin-top:17px}.confirm,.products{padding-top:68px;padding-bottom:68px}.confirm{gap:60px}.benefitGrid{margin-top:30px}.benefitGrid article>span{margin-bottom:22px}footer{height:88px}
@media(max-width:850px){.hero{padding-top:30px;padding-bottom:42px}.phoneStage{height:410px;margin-top:22px}.phone{width:195px;height:395px}.blob{width:330px;height:350px}.how,.benefits,.confirm,.products{padding-top:54px;padding-bottom:54px}.shot{height:340px}.confirm,.products{gap:38px}}
@media(max-width:520px){.nav{height:58px}.hero{padding:24px 18px 34px}.lead{margin-top:16px;margin-bottom:18px}.phoneStage{height:355px;margin-top:16px}.blob{width:270px;height:300px}.phone{width:165px;height:335px;border-width:7px;border-radius:30px}.speaker{left:52px;width:55px;height:13px}.floatCard{padding:9px 11px}.floatCard.one{top:42px}.floatCard.two{bottom:28px}.trust{height:48px}.how,.benefits,.confirm,.products{padding-top:44px;padding-bottom:44px}.sectionHead{margin-bottom:26px}.shot{height:300px}.step h3{margin-top:14px;margin-bottom:7px}.steps{gap:20px}.confirmImage{padding:20px}.benefitGrid{margin-top:24px;gap:12px}.benefitGrid article{padding:22px}.benefitGrid article>span{margin-bottom:16px}footer{padding-top:24px;padding-bottom:24px}}
