
/* WordPress + Astra integration */
body.happy-life-landing-active #masthead,
body.happy-life-landing-active #ast-mobile-header,
body.happy-life-landing-active .site-header,
body.happy-life-landing-active .site-footer,
body.happy-life-landing-active .entry-header,
body.happy-life-landing-active .post-navigation,
body.happy-life-landing-active .comments-area { display:none !important; }
body.happy-life-landing-active,
body.happy-life-landing-active html,
body.happy-life-landing-active #page,
body.happy-life-landing-active .site,
body.happy-life-landing-active #content,
body.happy-life-landing-active .site-content,
body.happy-life-landing-active .content-area,
body.happy-life-landing-active .ast-container,
body.happy-life-landing-active .ast-plain-container,
body.happy-life-landing-active .ast-page-builder-template,
body.happy-life-landing-active .ast-page-builder-template .site-content,
body.happy-life-landing-active .ast-page-builder-template .site-content > .ast-container,
body.happy-life-landing-active .site-content > .ast-container,
body.happy-life-landing-active #primary,
body.happy-life-landing-active .site-primary-footer-wrap,
body.happy-life-landing-active article,
body.happy-life-landing-active .entry-content {
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
body.happy-life-landing-active .site-content > .ast-container,
body.happy-life-landing-active .ast-page-builder-template .site-content > .ast-container {
  display:block !important;
}
body.happy-life-landing-active .entry-content > .happy-life-landing {
  margin:0 auto !important;
  width:100% !important;
}
.happy-life-landing { min-height:100vh; overflow-x:hidden; }
.happy-life-landing img { max-width:100%; height:auto; }
.happy-life-landing .happy-life-form-status {
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:16px;
  font-weight:800;
}
.happy-life-landing .happy-life-form-status.success { background:#DDEED9; color:#173A63; }
.happy-life-landing .happy-life-form-status.error { background:#F8E6DA; color:#7D342C; }
.happy-life-landing .happy-life-honeypot {
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.happy-life-landing .about-photo-placeholder {
  width:100%;
  aspect-ratio:4/5.4;
  display:grid;
  place-items:center;
  padding:30px;
  text-align:center;
  background:linear-gradient(145deg,#F8E5D9,#F3D58B);
  color:#101B55;
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:800;
}
body.admin-bar.happy-life-landing-active .happy-life-landing .topbar { top:50px; }
@media(max-width:782px){
  body.admin-bar.happy-life-landing-active .happy-life-landing .topbar { top:64px; }
}


    .happy-life-landing{
      --cream:#F8F2E6;
      --yellow:#F3D58B;
      --orange:#E9A86C;
      --coral:#F3C4A2;
      --pink:#F8E5D9;
      --mint:#DDECD8;
      --sky:#DCEAF3;
      --brown:#173A63;
      --text:#274360;
      --muted:#6D7B87;
      --white:rgba(255,255,255,.84);
      --shadow:0 24px 64px rgba(193,123,46,.16);
      --soft:0 14px 34px rgba(193,123,46,.11);
      --max:1320px;
    }
    .happy-life-landing, .happy-life-landing *{box-sizing:border-box}
    .happy-life-landing{scroll-behavior:smooth}
    .happy-life-landing{
      margin:0;
      font-family:"Inter","Segoe UI",Arial,sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 12% 6%, rgba(255,214,229,.82), transparent 28%),
        radial-gradient(circle at 88% 9%, rgba(255,217,90,.45), transparent 32%),
        radial-gradient(circle at 78% 42%, rgba(199,240,255,.55), transparent 28%),
        radial-gradient(circle at 18% 66%, rgba(200,243,215,.55), transparent 30%),
        linear-gradient(180deg,#FBFCFF 0%, var(--cream) 48%, #EAF4EF 100%);
      line-height:1.7;
      overflow-x:hidden;
    }
    .happy-life-landing a{text-decoration:none;color:inherit}
    .happy-life-landing .container{width:min(var(--max), calc(100% - clamp(36px, 6vw, 140px)));margin-left:auto;margin-right:auto}
    .happy-life-landing header > .container,
    .happy-life-landing section > .container{width:min(var(--max), calc(100% - clamp(36px, 6vw, 140px)));margin-left:auto;margin-right:auto}
    .happy-life-landing .topbar{
      position:fixed;
      inset:18px 0 auto 0;
      z-index:50;
      pointer-events:none;
    }
    .happy-life-landing .nav{
      pointer-events:auto;
      width:min(1080px, calc(100% - 30px));
      margin:0 auto;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:18px;
      padding:14px 18px;
      border-radius:999px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(255,255,255,.82);
      backdrop-filter:blur(18px);
      box-shadow:0 16px 42px rgba(120,70,16,.10);
    }
    .happy-life-landing .brand{
      font-family:Georgia,"Times New Roman",serif;
      font-weight:900;
      font-size:24px;
      color:var(--brown);
      white-space:nowrap;
    }
    .happy-life-landing .navlinks{display:flex;gap:18px;align-items:center;font-size:15px;font-weight:800;color:var(--brown)}
    .happy-life-landing .navlinks a:hover{color:var(--orange)}
    .happy-life-landing .btn{
      display:inline-flex;
      justify-content:center;
      align-items:center;
      min-height:52px;
      padding:15px 28px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.82);
      background:linear-gradient(135deg,#A7CBEF 0%,#6E9ED4 55%,#1F3A5C 100%);
      color:#fff;
      font-weight:900;
      font-size:14px;
      letter-spacing:.045em;
      text-transform:uppercase;
      box-shadow:0 18px 34px rgba(79,128,184,.24), inset 0 2px 0 rgba(255,255,255,.28);
      text-shadow:0 2px 0 rgba(120,45,5,.28);
      transition:.2s ease;
    }
    .happy-life-landing .btn:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(79,128,184,.30)}
    .happy-life-landing .btn.secondary{
      background:rgba(255,255,255,.76);
      color:#31537C;
      border:1px solid rgba(79,128,184,.24);
      box-shadow:0 12px 24px rgba(173,91,17,.08);
      text-shadow:none;
    }
    .happy-life-landing .btn.small{min-height:42px;padding:10px 18px;font-size:12px}
    .happy-life-landing .google-play-button{
      gap:8px;
      white-space:nowrap;
    }
    .happy-life-landing .google-play-mark{
      display:block;
      width:19px;
      height:19px;
      flex:0 0 19px;
      filter:drop-shadow(0 1px 1px rgba(0,0,0,.16));
    }
    .happy-life-landing .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:9px 16px;
      border-radius:999px;
      background:rgba(255,255,255,.70);
      border:1px solid rgba(255,138,34,.22);
      color:#3D6798;
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.14em;
    }
    .happy-life-landing .eyebrow:before{
      content:"";
      width:8px;height:8px;
      border-radius:50%;
      background:linear-gradient(135deg,var(--yellow),var(--orange));
      box-shadow:0 0 0 7px rgba(167,203,239,.18);
    }
    .happy-life-landing h1,
.happy-life-landing h2,
.happy-life-landing h3{
      font-family:Georgia,"Times New Roman",serif;
      color:var(--brown);
      line-height:1.06;
      margin:0;
      font-weight:900;
    }
    .happy-life-landing h1{
      margin-top:20px;
      font-size:clamp(52px,8vw,100px);
      letter-spacing:-.06em;
      text-shadow:2px 2px 0 rgba(167,203,239,.16), 0 20px 40px rgba(120,70,16,.10);
    }
    .happy-life-landing h2{font-size:clamp(34px,5.2vw,64px);letter-spacing:-.045em}
    .happy-life-landing h3{font-size:clamp(25px,3vw,35px);letter-spacing:-.025em}
    .happy-life-landing p{margin:0 0 18px}
    .happy-life-landing .lead{
      max-width:820px;
      margin:24px auto 0;
      font-size:clamp(20px,2.4vw,29px);
      line-height:1.42;
      color:#33495E;
    }
    .happy-life-landing .hero{
      min-height:100vh;
      display:grid;
      place-items:center;
      padding:124px 0 82px;
      position:relative;
      overflow:hidden;
    }
    .happy-life-landing .hero:before{
      content:"";
      position:absolute;
      inset:0;
      opacity:.45;
      pointer-events:none;
      background:
        radial-gradient(circle at 22% 22%, rgba(255,255,255,.85) 0 2px, transparent 3px),
        radial-gradient(circle at 76% 24%, rgba(255,255,255,.78) 0 2px, transparent 3px),
        radial-gradient(circle at 82% 64%, rgba(255,255,255,.60) 0 1px, transparent 2px);
      background-size:260px 210px,240px 210px,180px 150px;
    }
    .happy-life-landing .hero-inner{text-align:center;position:relative;z-index:1}
    .happy-life-landing .hero-card{
      width:min(960px,100%);
      margin:40px auto 0;
      padding:34px;
      border-radius:34px;
      background:rgba(255,255,255,.66);
      border:1px solid rgba(255,255,255,.84);
      box-shadow:var(--shadow);
      backdrop-filter:blur(10px);
    }
    .happy-life-landing .hero-lines{display:grid;gap:15px;margin-bottom:28px}
    .happy-life-landing .hero-line{
      margin:0;
      padding:18px 22px;
      border-radius:24px;
      background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,246,252,.94));
      border:1px solid rgba(167,203,239,.40);
      color:var(--brown);
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(22px,2.7vw,34px);
      font-weight:900;
      line-height:1.22;
      box-shadow:0 14px 30px rgba(173,91,17,.08);
    }

    .happy-life-landing .hero-line:nth-child(1){background:#DDEAF5;}
    .happy-life-landing .hero-line:nth-child(2){background:#DDEED9;}
    .happy-life-landing .hero-line:nth-child(3){background:#D8EEF2;}
    .happy-life-landing .hero-line:nth-child(4){background:#F2E4C8;}
    .happy-life-landing .hero-line:nth-child(5){background:#F8E6DA;}
    .happy-life-landing .hero-line:nth-child(6){background:#E8F1D8;}

    .happy-life-landing .hero-note{display:grid;gap:16px;max-width:900px;margin:0 auto}
    .happy-life-landing .hero-note p{
      margin:0;
      padding:22px 24px;
      border-radius:24px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(79,128,184,.18);
      box-shadow:0 14px 32px rgba(173,91,17,.07);
      color:#2E4A66;
      font-size:19px;
      font-weight:650;
    }
    .happy-life-landing section{padding:90px 0;position:relative}
    .happy-life-landing .section-head{text-align:center;max-width:850px;margin:0 auto 46px}
    .happy-life-landing .section-head p{font-size:20px;color:var(--muted);margin-top:18px}
    .happy-life-landing .split{
      display:grid;
      grid-template-columns:minmax(0,1.04fr) minmax(310px,.96fr);
      gap:52px;
      align-items:center;
    }
    .happy-life-landing .split.reverse{grid-template-columns:minmax(310px,.92fr) minmax(0,1.08fr)}
    .happy-life-landing .card{
      background:rgba(255,255,255,.66);
      border:1px solid rgba(255,255,255,.84);
      border-radius:30px;
      box-shadow:var(--soft);
      backdrop-filter:blur(8px);
    }
    .happy-life-landing .text-card{padding:36px}
    .happy-life-landing .text-card p{font-size:18px;color:#355067}
    .happy-life-landing .visual-card{
      min-height:520px;
      border-radius:38px;
      position:relative;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.76);
      box-shadow:var(--shadow);
      background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.86), transparent 21%),
        radial-gradient(circle at 76% 24%, rgba(255,216,230,.72), transparent 26%),
        radial-gradient(circle at 30% 82%, rgba(200,243,215,.72), transparent 26%),
        linear-gradient(145deg,#F8FBFF 0%,#DCEBFA 48%,#D8EFE1 100%);
    }
    .happy-life-landing .visual-card:before{
      content:"";
      position:absolute;
      width:360px;height:360px;
      border-radius:50%;
      left:-110px;bottom:-110px;
      background:rgba(255,255,255,.36);
    }
    .happy-life-landing .visual-card:after{
      content:attr(data-label);
      position:absolute;
      left:28px;right:28px;bottom:26px;
      padding:18px 20px;
      border-radius:22px;
      background:rgba(255,255,255,.76);
      color:var(--brown);
      font-family:Georgia,"Times New Roman",serif;
      font-size:24px;
      line-height:1.2;
      box-shadow:0 12px 28px rgba(173,91,17,.10);
      backdrop-filter:blur(10px);
    }
    .happy-life-landing .orb{
      position:absolute;
      width:220px;height:220px;
      right:30px;top:80px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(255,255,255,.58), rgba(255,255,255,0) 68%);
    }
    .happy-life-landing .orb.two{
      width:130px;height:130px;
      right:auto;left:80px;top:170px;
      background:radial-gradient(circle, rgba(159,209,181,.30), rgba(255,184,0,0) 70%);
    }
    .happy-life-landing .cream-band{
      background:
        radial-gradient(circle at 16% 10%, rgba(255,216,230,.32), transparent 28%),
        radial-gradient(circle at 88% 30%, rgba(199,240,255,.32), transparent 30%),
        linear-gradient(180deg,rgba(255,255,255,.34),rgba(236,244,239,.60));
      border-top:1px solid rgba(255,255,255,.76);
      border-bottom:1px solid rgba(35,70,107,.08);
    }
    .happy-life-landing .feature-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:24px;
    }
    .happy-life-landing .feature-card{
      padding:30px;
      position:relative;
      overflow:hidden;
      background:rgba(255,255,255,.68);
      border:1px solid rgba(255,255,255,.84);
      border-radius:30px;
      box-shadow:var(--soft);
    }
    .happy-life-landing .feature-card:before{
      content:attr(data-number);
      position:absolute;
      right:24px;top:18px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:58px;
      color:rgba(35,70,107,.14);
      font-weight:900;
      line-height:1;
    }
    .happy-life-landing .feature-card h3{font-size:30px;margin-bottom:13px;padding-right:42px}
    .happy-life-landing .feature-card p{color:#39566D;font-size:16px}
    .happy-life-landing .spark{
      display:inline-grid;
      place-items:center;
      width:48px;height:48px;
      border-radius:50%;
      margin-bottom:18px;
      background:linear-gradient(135deg,var(--yellow),var(--orange));
      color:white;
      font-weight:900;
      box-shadow:0 12px 24px rgba(79,128,184,.18);
    }
    .happy-life-landing .day-card{
      padding:42px;
      text-align:center;
      max-width:900px;
      margin:0 auto;
      background:radial-gradient(circle at 18% 18%, rgba(255,216,230,.40), transparent 32%),
        radial-gradient(circle at 82% 20%, rgba(167,203,239,.22), transparent 30%),
        rgba(255,255,255,.70);
      border:1px solid rgba(255,255,255,.84);
      border-radius:30px;
      box-shadow:var(--soft);
    }
    .happy-life-landing .day-card p{font-size:20px;color:#33495E}
    .happy-life-landing .question{
      display:block;
      margin:24px auto;
      padding:24px;
      border-radius:26px;
      background:linear-gradient(135deg,#F4F9FF,#FFFFFF);
      border:1px solid rgba(167,203,239,.40);
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(25px,3.4vw,42px);
      color:var(--brown);
      line-height:1.18;
    }
    .happy-life-landing .list-box{padding:34px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.84);border-radius:30px;box-shadow:var(--soft)}
    .happy-life-landing .check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}
    .happy-life-landing .check-list li{position:relative;padding-left:36px;color:#355065;font-size:18px}
    .happy-life-landing .check-list li:before{
      content:"✓";
      position:absolute;
      left:0;top:1px;
      width:25px;height:25px;
      display:grid;place-items:center;
      border-radius:50%;
      background:linear-gradient(135deg,var(--yellow),var(--orange));
      color:#fff;font-weight:900;font-size:13px;
      box-shadow:0 8px 18px rgba(79,128,184,.18);
    }
    .happy-life-landing .quote{
      width:min(940px,100%);
      margin:0 auto;
      text-align:center;
      padding:58px 36px;
      border-radius:40px;
      background:radial-gradient(circle at 15% 18%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg,#8EB9E6 0%,#23466B 58%,#9FD1B5 100%);
      color:#fff;
      box-shadow:0 28px 80px rgba(255,94,126,.22);
    }
    .happy-life-landing .quote p{
      margin:0;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(30px,4.6vw,58px);
      line-height:1.12;
      text-shadow:0 2px 0 rgba(116,30,4,.18);
    }
    .happy-life-landing .quote span{display:block;margin-top:18px;color:rgba(255,255,255,.88);font-size:18px}
    .happy-life-landing .cta-panel{
      padding:56px 34px;
      text-align:center;
      background:radial-gradient(circle at 14% 18%, rgba(255,216,230,.48), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(200,243,215,.38), transparent 28%),
        linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,246,241,.82));
      border:1px solid rgba(255,255,255,.84);
      border-radius:30px;
      box-shadow:var(--soft);
    }
    .happy-life-landing .cta-panel p{font-size:20px;color:#355065;max-width:850px;margin:24px auto 0}
    .happy-life-landing .cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}
    .happy-life-landing footer{padding:44px 0 64px;text-align:center;color:var(--muted);font-size:14px}
    @media(max-width:950px){
      .happy-life-landing .navlinks a:not(.btn){display:none}
      .happy-life-landing .split,
.happy-life-landing .split.reverse{grid-template-columns:1fr;gap:34px}
      .happy-life-landing .feature-grid{grid-template-columns:1fr}
      .happy-life-landing .visual-card{min-height:390px}
      .happy-life-landing .hero{min-height:auto;padding-top:114px}
      .happy-life-landing .brand{font-size:20px}
    }
    @media(max-width:560px){
      .happy-life-landing .container,
      .happy-life-landing header > .container,
      .happy-life-landing section > .container{width:min(var(--max), calc(100% - 26px))}
      .happy-life-landing .nav{width:calc(100% - 20px);padding:10px 12px}
      .happy-life-landing .brand{font-size:17px}
      .happy-life-landing .btn{width:100%;padding-left:18px;padding-right:18px}
      .happy-life-landing .nav .btn{width:auto;min-height:36px;padding:9px 13px;font-size:10px}
      .happy-life-landing .nav .google-play-button{gap:6px;padding-left:11px;padding-right:12px}
      .happy-life-landing .nav .google-play-mark{width:15px;height:15px;flex-basis:15px}
      .happy-life-landing h1{font-size:48px}
      .happy-life-landing section{padding:66px 0}
      .happy-life-landing .hero-card,
.happy-life-landing .text-card,
.happy-life-landing .list-box,
.happy-life-landing .feature-card{padding:24px}
      .happy-life-landing .day-card,
.happy-life-landing .cta-panel{padding:36px 24px}
      .happy-life-landing .visual-card:after{font-size:20px;left:18px;right:18px;bottom:18px}
    }
  
    .happy-life-landing .section-cta{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      justify-content:center;
      align-items:center;
      width:min(var(--max), calc(100% - clamp(24px, 4vw, 72px)));
      margin:28px auto 0;
    }


    /* Cieplejsza, bardziej świetlista paleta inspirowana lotosem */
    .happy-life-landing{
      background:
        radial-gradient(circle at 12% 6%, rgba(255,251,230,.70), transparent 28%),
        radial-gradient(circle at 84% 9%, rgba(255,244,204,.28), transparent 28%),
        radial-gradient(circle at 78% 36%, rgba(255,248,218,.22), transparent 25%),
        radial-gradient(circle at 16% 64%, rgba(242,247,232,.24), transparent 26%),
        linear-gradient(180deg,#FFFFFF 0%, #FFFEFA 42%, #FBF8EE 100%);
      color:var(--text);
    }

    .happy-life-landing .site-header{
      background:rgba(255,251,244,.76);
      border-bottom:1px solid rgba(232,180,116,.24);
      box-shadow:0 8px 24px rgba(193,123,46,.08);
      backdrop-filter:blur(10px);
    }

    .happy-life-landing .navlinks{color:var(--brown)}
    .happy-life-landing .navlinks a{color:var(--brown)}
    .happy-life-landing .navlinks a:hover{color:#C87138}

    .happy-life-landing .eyebrow{
      background:rgba(255,248,239,.88);
      color:#A4602A;
      border:1px solid rgba(233,168,108,.26);
      box-shadow:0 8px 22px rgba(193,123,46,.08);
    }

    .happy-life-landing h1,
.happy-life-landing h2,
.happy-life-landing h3,
.happy-life-landing .quote p{color:var(--brown)}
    .happy-life-landing .lead,
.happy-life-landing .text-card p,
.happy-life-landing .list-box p,
.happy-life-landing .feature-card p,
.happy-life-landing .section-head p{color:#43607B}

    .happy-life-landing .btn{
      background:linear-gradient(135deg,#F3D58B 0%, #E9A86C 48%, #D97B43 100%);
      border:1px solid rgba(255,255,255,.72);
      color:#fff;
      box-shadow:0 16px 34px rgba(212,124,59,.26);
      text-shadow:0 1px 0 rgba(133,59,18,.28);
    }
    .happy-life-landing .btn:hover{
      transform:translateY(-2px);
      box-shadow:0 20px 40px rgba(212,124,59,.32);
    }
    .happy-life-landing .btn.secondary{
      background:rgba(255,250,242,.92);
      color:var(--brown);
      border:1px solid rgba(233,168,108,.32);
      box-shadow:0 12px 24px rgba(193,123,46,.10);
    }

    .happy-life-landing .hero-card,
.happy-life-landing .card,
.happy-life-landing .text-card,
.happy-life-landing .list-box,
.happy-life-landing .feature-card,
.happy-life-landing .cta-panel{
      background:rgba(255,252,247,.76);
      border:1px solid rgba(255,255,255,.84);
      box-shadow:var(--soft);
    }

    .happy-life-landing .visual-card{
      border:1px solid rgba(255,255,255,.8);
      background:
        radial-gradient(circle at 24% 18%, rgba(255,255,255,.90), transparent 18%),
        radial-gradient(circle at 80% 20%, rgba(255,224,194,.72), transparent 26%),
        radial-gradient(circle at 30% 82%, rgba(255,243,179,.60), transparent 24%),
        linear-gradient(145deg,#FFF7EE 0%,#F8E5D9 48%,#F3D58B 100%);
    }
    .happy-life-landing .visual-card:after{
      background:rgba(255,252,247,.84);
      color:var(--brown);
      border:1px solid rgba(233,168,108,.20);
    }

    .happy-life-landing .hero-line{
      background:linear-gradient(135deg, rgba(255,250,242,.92), rgba(255,244,231,.92));
      border:1px solid rgba(233,168,108,.18);
      color:var(--brown);
      box-shadow:0 8px 20px rgba(193,123,46,.08);
    }

    .happy-life-landing .feature-card:nth-child(1){background:#DDEAF5;}
    .happy-life-landing .feature-card:nth-child(2){background:#DDEED9;}
    .happy-life-landing .feature-card:nth-child(3){background:#D8EEF2;}
    .happy-life-landing .feature-card:nth-child(4){background:#F2E4C8;}
    .happy-life-landing .feature-card:nth-child(5){background:#F8E6DA;}
    .happy-life-landing .feature-card:nth-child(6){background:#E8F1D8;}

    .happy-life-landing .feature-card:before{
      color:rgba(23,58,99,.10);
    }

    .happy-life-landing .quote{
      background:
        radial-gradient(circle at 14% 18%, rgba(255,235,194,.48), transparent 24%),
        radial-gradient(circle at 84% 18%, rgba(255,207,170,.36), transparent 26%),
        linear-gradient(135deg,#FFF8EE 0%, #F8E5D9 48%, #F2D7A7 100%);
      border:1px solid rgba(255,255,255,.82);
      box-shadow:var(--shadow);
    }
    .happy-life-landing .quote p{color:var(--brown); text-shadow:none;}
    .happy-life-landing .quote span{color:#38546E}

    .happy-life-landing .section-head .eyebrow{
      background:rgba(255,248,239,.95);
    }

    .happy-life-landing .cta-panel{
      background:
        radial-gradient(circle at 14% 18%, rgba(255,229,190,.50), transparent 24%),
        radial-gradient(circle at 86% 18%, rgba(255,206,166,.38), transparent 24%),
        linear-gradient(135deg,rgba(255,252,247,.88),rgba(250,241,229,.88));
    }

    .happy-life-landing .cream-band{
      background:linear-gradient(180deg, rgba(255,253,247,.68), rgba(252,248,236,.68));
    }


    .happy-life-landing .question-form-wrap{
      max-width:760px;
      margin:0 auto;
      padding:34px;
      border-radius:32px;
      background:rgba(255,252,247,.84);
      border:1px solid rgba(255,255,255,.86);
      box-shadow:var(--soft);
    }
    .happy-life-landing .question-form{
      display:grid;
      gap:18px;
    }
    .happy-life-landing .sureforms-form-wrap{
      max-width:820px;
    }
    .happy-life-landing .happy-life-sureforms,
    .happy-life-landing .happy-life-sureforms > *{
      width:100%;
      max-width:100%;
      margin-left:auto;
      margin-right:auto;
    }
    .happy-life-landing .happy-life-sureforms form{
      margin:0;
    }
    .happy-life-landing .question-form label{
      display:grid;
      gap:8px;
      font-weight:900;
      color:var(--brown);
    }
    .happy-life-landing .question-form input,
.happy-life-landing .question-form textarea{
      width:100%;
      border:1px solid rgba(233,168,108,.32);
      border-radius:18px;
      padding:15px 16px;
      font:inherit;
      color:var(--text);
      background:rgba(255,255,255,.88);
      outline:none;
      box-shadow:0 8px 18px rgba(193,123,46,.06);
    }
    .happy-life-landing .question-form input:focus,
.happy-life-landing .question-form textarea:focus{
      border-color:#E9A86C;
      box-shadow:0 0 0 4px rgba(243,213,139,.28);
    }
    .happy-life-landing .form-note{
      margin:0;
      color:var(--muted);
      font-size:14px;
    }


    /* Nowy początek strony — układ jak w referencji */
    .happy-life-landing .hero-reference{
      min-height:100vh;
      display:flex;
      align-items:center;
      padding:145px 0 86px;
      background:
        radial-gradient(circle at 78% 28%, rgba(255,245,226,.86), transparent 26%),
        radial-gradient(circle at 86% 72%, rgba(233,241,210,.38), transparent 28%),
        linear-gradient(180deg,#FFFDF8 0%,#FCF8EF 100%);
    }
    .happy-life-landing .hero-showcase{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr);
      gap:70px;
      align-items:center;
    }
    .happy-life-landing .hero-copy{
      text-align:left;
      max-width:780px;
    }
    .happy-life-landing .hero-copy .eyebrow{
      margin-bottom:28px;
    }
    .happy-life-landing .hero-copy h1{
      margin-top:0;
      font-size:clamp(54px,7.4vw,92px);
      line-height:.98;
      letter-spacing:-.06em;
      color:#111F55;
      text-shadow:none;
    }
    .happy-life-landing .hero-highlight{
      color:#A33B9A;
    }
    .happy-life-landing .hero-copy .lead{
      max-width:710px;
      margin:28px 0 0;
      color:#526082;
      font-size:clamp(18px,2vw,24px);
      line-height:1.46;
    }
    .happy-life-landing .hero-actions{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
      margin-top:34px;
    }
    .happy-life-landing .hero-proof{
      display:flex;
      align-items:center;
      gap:18px;
      margin-top:34px;
      color:#6A6F8F;
      font-size:17px;
    }
    .happy-life-landing .proof-dots{
      display:flex;
      align-items:center;
    }
    .happy-life-landing .proof-dots i{
      width:34px;
      height:34px;
      border-radius:50%;
      display:block;
      margin-left:-8px;
      border:3px solid #FFFDF8;
      box-shadow:0 8px 18px rgba(17,31,85,.08);
    }
    .happy-life-landing .proof-dots i:first-child{margin-left:0;background:#F8B8DE}
    .happy-life-landing .proof-dots i:nth-child(2){background:#FFD5A5}
    .happy-life-landing .proof-dots i:nth-child(3){background:#BFEFDB}
    .happy-life-landing .proof-dots i:nth-child(4){background:#D8C2FF}

    .happy-life-landing .hero-phone-wrap{
      display:flex;
      justify-content:center;
      align-items:center;
      min-height:520px;
      position:relative;
    }
    .happy-life-landing .hero-phone-wrap:before{
      content:"";
      position:absolute;
      width:440px;
      height:440px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(255,226,183,.64), rgba(255,226,183,0) 68%);
      filter:blur(8px);
    }
    .happy-life-landing .phone-mockup{
      width:224px;
      height:448px;
      border-radius:42px;
      padding:12px;
      background:#10131E;
      box-shadow:0 36px 80px rgba(17,31,85,.22), 0 10px 20px rgba(17,31,85,.18);
      position:relative;
      z-index:1;
    }
    .happy-life-landing .phone-mockup:before{
      content:"";
      position:absolute;
      top:18px;
      left:50%;
      transform:translateX(-50%);
      width:72px;
      height:20px;
      border-radius:999px;
      background:#11131C;
      z-index:3;
    }
    .happy-life-landing .phone-screen{
      height:100%;
      border-radius:32px;
      overflow:hidden;
      position:relative;
      background:
        radial-gradient(circle at 50% 20%, rgba(255,255,255,.82), transparent 18%),
        radial-gradient(circle at 50% 54%, rgba(255,235,156,.58), transparent 32%),
        linear-gradient(180deg,#F8D9E6 0%,#F5E1FA 48%,#E8E3FF 100%);
    }
    .happy-life-landing .chakra{
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      width:58px;
      height:58px;
      border-radius:50%;
      box-shadow:0 0 26px rgba(255,255,255,.72);
      opacity:.9;
    }
    .happy-life-landing .chakra-one{top:88px;background:radial-gradient(circle,#CAB6FF,#8B7AE7);}
    .happy-life-landing .chakra-two{top:156px;background:radial-gradient(circle,#A8F0CD,#39B981);}
    .happy-life-landing .chakra-three{top:224px;background:radial-gradient(circle,#FFD083,#F28C45);}
    .happy-life-landing .chakra-four{top:292px;background:radial-gradient(circle,#F3A5E7,#C35CC1);}
    .happy-life-landing .affirmation-card{
      position:absolute;
      left:22px;
      right:22px;
      bottom:74px;
      padding:16px 12px;
      border-radius:12px;
      background:rgba(255,255,255,.76);
      text-align:center;
      color:#233152;
      box-shadow:0 12px 26px rgba(17,31,85,.10);
      font-size:12px;
      line-height:1.25;
    }
    .happy-life-landing .affirmation-card strong{
      display:block;
      font-family:Georgia,"Times New Roman",serif;
      font-size:14px;
      margin-bottom:6px;
      color:#1A2750;
    }
    .happy-life-landing .affirmation-card span{
      display:block;
      color:#66708D;
    }
    .happy-life-landing .phone-button{
      position:absolute;
      left:50%;
      bottom:34px;
      transform:translateX(-50%);
      width:32px;
      height:32px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:#111F55;
      color:white;
      font-weight:900;
      box-shadow:0 8px 18px rgba(17,31,85,.22);
    }

    @media(max-width:950px){
      .happy-life-landing .hero-showcase{
        grid-template-columns:1fr;
        gap:38px;
      }
      .happy-life-landing .hero-copy{
        text-align:center;
        margin:0 auto;
      }
      .happy-life-landing .hero-copy .lead{
        margin-left:auto;
        margin-right:auto;
      }
      .happy-life-landing .hero-actions,
.happy-life-landing .hero-proof{
        justify-content:center;
      }
      .happy-life-landing .hero-phone-wrap{
        min-height:420px;
      }
    }


    .happy-life-landing .tools-section{
      background:#FFFDF8;
    }
    .happy-life-landing .tools-grid{
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:28px;
    }
    .happy-life-landing .tool-card{
      min-height:330px;
      border-radius:0 0 32px 32px;
      padding:42px 38px;
      border:0;
      box-shadow:none;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
    }
    .happy-life-landing .tool-card:before{display:none}
    .happy-life-landing .tool-card h3{
      padding-right:0;
      font-size:clamp(28px,2.7vw,38px);
      line-height:1.12;
      color:#101B55;
      margin-bottom:22px;
    }
    .happy-life-landing .tool-card p{
      font-size:18px;
      line-height:1.55;
      color:#51617C;
      margin:0;
    }
    .happy-life-landing .tool-pink{background:#F8CFE6;}
    .happy-life-landing .tool-lavender{background:#D9C9F8;}
    .happy-life-landing .tool-mint{background:#BCEFCF;}
    .happy-life-landing .tool-blue{background:#AEE7F5;}
    .happy-life-landing .tool-peach{background:#FFD9AC;}
    .happy-life-landing .tool-navy{
      background:#E8F1D8;
    }
    .happy-life-landing .tool-navy h3{
      color:#101B55;
    }
    .happy-life-landing .tool-navy p{
      color:#51617C;
    }
    @media(max-width:950px){
      .happy-life-landing .tools-grid{
        grid-template-columns:1fr;
      }
      .happy-life-landing .tool-card{
        min-height:auto;
      }
    }


    .happy-life-landing .tools-main-title{
      max-width:900px;
      margin:0 auto 16px;
      text-align:center;
      font-size:clamp(30px,3.6vw,48px);
      line-height:1.18;
      letter-spacing:-.025em;
      color:#101B55;
      font-weight:500;
      text-shadow:0 8px 24px rgba(17,31,85,.08);
    }


    .happy-life-landing .tools-title-name{
      font-weight:900;
      color:#101B55;
    }
    .happy-life-landing .tools-title-accent{
      color:#A33B9A;
      font-weight:760;
    }
    .happy-life-landing .cta-gradient-heading{
      text-align:center;
      max-width:900px;
      margin-left:auto;
      margin-right:auto;
    }
    .happy-life-landing .cta-gradient-heading .tone-1,
.happy-life-landing .cta-gradient-heading .tone-2,
.happy-life-landing .cta-gradient-heading .tone-3{
      display:inline;
      font-family:Georgia,"Times New Roman",serif;
      font-weight:780;
    }
    .happy-life-landing .cta-gradient-heading .tone-1{
      color:#101B55 !important;
    }
    .happy-life-landing .cta-gradient-heading .tone-2{
      color:#5E4F92 !important;
    }
    .happy-life-landing .cta-gradient-heading .tone-3{
      color:#A33B9A !important;
    }

    .happy-life-landing .inline-purple-accent{
      color:#A33B9A !important;
      font-weight:700;
    }

    .happy-life-landing .tools-price-line{
      margin-top:10px !important;
      font-size:clamp(18px,1.8vw,23px) !important;
      font-weight:700;
      color:#51617C !important;
    }


    .happy-life-landing .created-for-you-title{
      margin-top:18px;
      font-size:clamp(28px,3.2vw,44px);
      line-height:1.18;
      letter-spacing:-.025em;
      color:#101B55;
      text-transform:none;
      text-shadow:0 8px 22px rgba(17,31,85,.08);
      white-space:nowrap;
    }
    .happy-life-landing #o-aplikacji .text-card{
      max-width:100%;
      text-align:center;
    }
    @media(max-width:820px){
      .happy-life-landing .created-for-you-title{
        white-space:normal;
        font-size:clamp(28px,8vw,42px);
      }
    }


    .happy-life-landing .about-us-section{
      background:linear-gradient(180deg,#FFFDF8 0%,#FBF7EC 100%);
    }
    .happy-life-landing .about-us-wrap{
      display:grid;
      grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
      gap:46px;
      align-items:center;
    }
    .happy-life-landing .about-us-photo{
      border-radius:34px;
      overflow:hidden;
      box-shadow:0 28px 70px rgba(17,31,85,.16);
      background:#F6EBD8;
    }
    .happy-life-landing .about-us-photo img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      aspect-ratio:4/5.4;
    }
    .happy-life-landing .about-us-text{
      padding:42px;
      background:rgba(255,255,255,.78);
    }
    .happy-life-landing .about-us-text h2{
      margin-top:18px;
      font-size:clamp(42px,5vw,66px);
      line-height:1.04;
      letter-spacing:-.045em;
      color:#101B55;
    }
    .happy-life-landing .about-us-text p{
      font-size:18px;
      line-height:1.72;
      color:#51617C;
    }

    .happy-life-landing .about-name-highlight{
      font-family:Georgia,"Times New Roman",serif;
      color:#A33B9A;
      font-weight:900;
      letter-spacing:.01em;
    }

    @media(max-width:950px){
      .happy-life-landing .about-us-wrap{
        grid-template-columns:1fr;
      }
      .happy-life-landing .about-us-text{
        padding:30px 24px;
      }
      .happy-life-landing .about-us-photo img{
        aspect-ratio:4/5;
      }
    }


    .happy-life-landing .beliefs-reason-section{
      padding:92px 0;
      background:
        radial-gradient(circle at 18% 18%, rgba(248,207,230,.35), transparent 28%),
        radial-gradient(circle at 82% 22%, rgba(255,217,172,.36), transparent 28%),
        linear-gradient(180deg,#FFFDF8 0%,#FBF7EC 100%);
    }
    .happy-life-landing .beliefs-reason-card{
      max-width:980px;
      margin:0 auto;
      padding:56px 46px;
      border-radius:40px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.88);
      box-shadow:0 28px 76px rgba(193,123,46,.14);
      text-align:center;
    }
    .happy-life-landing .beliefs-reason-card h2{
      margin-top:20px;
      margin-bottom:30px;
      font-size:clamp(42px,5.5vw,72px);
      line-height:1.04;
      letter-spacing:-.05em;
      color:#101B55;
    }
    .happy-life-landing .beliefs-reason-card p{
      max-width:820px;
      margin:0 auto 20px;
      font-size:clamp(19px,2vw,24px);
      line-height:1.58;
      color:#51617C;
    }
    .happy-life-landing .beliefs-reason-final{
      margin-top:32px !important;
      padding:22px 26px;
      border-radius:28px;
      background:#FFD9AC;
      color:#101B55 !important;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(28px,3.4vw,44px) !important;
      line-height:1.15 !important;
      font-weight:900;
      box-shadow:0 16px 34px rgba(193,123,46,.14);
    }
    @media(max-width:700px){
      .happy-life-landing .beliefs-reason-card{
        padding:38px 24px;
      }
    }


    .happy-life-landing .chakra-section{
      padding:92px 0;
      background:#111B52;
      color:#fff;
    }
    .happy-life-landing .chakra-wrap{
      display:grid;
      grid-template-columns:minmax(320px,.95fr) minmax(0,1fr);
      gap:52px;
      align-items:center;
    }
    .happy-life-landing .chakra-visual{
      min-height:560px;
      border-radius:34px;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 58% 50%, rgba(255,246,125,.68), transparent 18%),
        radial-gradient(circle at 78% 54%, rgba(255,82,112,.70), transparent 30%),
        radial-gradient(circle at 45% 48%, rgba(64,220,174,.70), transparent 26%),
        radial-gradient(circle at 24% 46%, rgba(28,104,255,.82), transparent 38%),
        radial-gradient(circle at 34% 22%, rgba(31,54,134,.95), transparent 36%),
        linear-gradient(135deg,#15275D 0%,#204D99 42%,#F6D55C 72%,#F05A6C 100%);
      box-shadow:0 28px 80px rgba(5,12,44,.34);
    }
    .happy-life-landing .chakra-visual:before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        radial-gradient(circle, rgba(255,255,255,.82) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.48) 0 1px, transparent 2px);
      background-size:84px 84px, 132px 132px;
      opacity:.42;
    }
    .happy-life-landing .chakra-orb{
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      width:72px;
      height:72px;
      border-radius:50%;
      box-shadow:0 0 34px rgba(255,255,255,.62), inset 0 0 18px rgba(255,255,255,.55);
      border:1px solid rgba(255,255,255,.46);
    }
    .happy-life-landing .chakra-purple{top:56px;background:radial-gradient(circle,#FF7AE6,#8C54FF 68%);}
    .happy-life-landing .chakra-blue{top:136px;background:radial-gradient(circle,#8EE6FF,#2D85DF 68%);}
    .happy-life-landing .chakra-turquoise{top:216px;background:radial-gradient(circle,#90F8FF,#21C9D7 68%);}
    .happy-life-landing .chakra-green{top:296px;background:radial-gradient(circle,#BAFF7A,#55D873 68%);}
    .happy-life-landing .chakra-gold{top:376px;background:radial-gradient(circle,#FFF08A,#F6B844 68%);}
    .happy-life-landing .chakra-orange{top:456px;background:radial-gradient(circle,#FFD2A1,#F28B45 68%);}
    .happy-life-landing .chakra-red{top:536px;background:radial-gradient(circle,#FF9E9E,#E84D5B 68%);}
    .happy-life-landing .chakra-content .eyebrow{
      background:rgba(255,255,255,.10);
      border-color:rgba(255,255,255,.18);
      color:#FFE6B5;
      box-shadow:none;
    }
    .happy-life-landing .chakra-content h2{
      margin-top:20px;
      font-size:clamp(44px,5.8vw,76px);
      line-height:1.02;
      letter-spacing:-.055em;
      color:#fff;
    }
    .happy-life-landing .chakra-content p{
      margin-top:28px;
      font-size:clamp(18px,2vw,23px);
      line-height:1.62;
      color:rgba(255,255,255,.88);
      max-width:700px;
    }
    .happy-life-landing .chakra-tags{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin-top:36px;
    }
    .happy-life-landing .chakra-tags div{
      padding:18px 20px;
      border-radius:24px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .happy-life-landing .chakra-tags strong{
      display:block;
      color:#fff;
      font-family:Georgia,"Times New Roman",serif;
      font-size:22px;
      line-height:1.1;
    }
    .happy-life-landing .chakra-tags span{
      display:block;
      color:rgba(255,255,255,.68);
      font-size:15px;
      margin-top:4px;
    }
    @media(max-width:950px){
      .happy-life-landing .chakra-wrap{
        grid-template-columns:1fr;
      }
      .happy-life-landing .chakra-visual{
        min-height:500px;
      }
    }
    @media(max-width:620px){
      .happy-life-landing .chakra-tags{
        grid-template-columns:1fr;
      }
      .happy-life-landing .chakra-visual{
        min-height:470px;
      }
      .happy-life-landing .chakra-orb{
        width:58px;
        height:58px;
      }
      .happy-life-landing .chakra-purple{top:48px}
      .happy-life-landing .chakra-blue{top:112px}
      .happy-life-landing .chakra-turquoise{top:176px}
      .happy-life-landing .chakra-green{top:240px}
      .happy-life-landing .chakra-gold{top:304px}
      .happy-life-landing .chakra-orange{top:368px}
      .happy-life-landing .chakra-red{top:432px}
    }


    /* Pastelowa wersja sekcji czakr — spójna z resztą strony */
    .happy-life-landing .chakra-section{
      background:
        radial-gradient(circle at 18% 18%, rgba(221,234,245,.72), transparent 28%),
        radial-gradient(circle at 82% 20%, rgba(248,230,218,.66), transparent 30%),
        radial-gradient(circle at 50% 86%, rgba(232,241,216,.62), transparent 32%),
        linear-gradient(180deg,#FFFDF8 0%,#FBF7EC 100%) !important;
      color:#274360 !important;
    }
    .happy-life-landing .chakra-visual{
      background:
        radial-gradient(circle at 52% 48%, rgba(255,244,180,.70), transparent 22%),
        radial-gradient(circle at 78% 54%, rgba(248,207,230,.62), transparent 30%),
        radial-gradient(circle at 42% 48%, rgba(188,239,207,.72), transparent 28%),
        radial-gradient(circle at 24% 46%, rgba(174,231,245,.74), transparent 36%),
        linear-gradient(135deg,#DDEAF5 0%,#D8EEF2 36%,#E8F1D8 64%,#F8E6DA 100%) !important;
      box-shadow:0 24px 66px rgba(193,123,46,.13) !important;
      border:1px solid rgba(255,255,255,.88) !important;
    }
    .happy-life-landing .chakra-visual:before{
      opacity:.30 !important;
    }
    .happy-life-landing .chakra-content .eyebrow{
      background:rgba(255,248,239,.95) !important;
      border:1px solid rgba(233,168,108,.26) !important;
      color:#A4602A !important;
      box-shadow:0 8px 22px rgba(193,123,46,.08) !important;
    }
    .happy-life-landing .chakra-content h2{
      color:#101B55 !important;
      text-shadow:0 12px 34px rgba(17,31,85,.08);
    }
    .happy-life-landing .chakra-content p{
      color:#51617C !important;
    }
    .happy-life-landing .chakra-tags div{
      background:rgba(255,255,255,.70) !important;
      border:1px solid rgba(233,168,108,.22) !important;
      box-shadow:0 12px 26px rgba(193,123,46,.08) !important;
    }
    .happy-life-landing .chakra-tags strong{
      color:#101B55 !important;
    }
    .happy-life-landing .chakra-tags span{
      color:#6D7B87 !important;
    }


    .happy-life-landing .belief-release-section{
      padding:92px 0;
      background:
        radial-gradient(circle at 18% 18%, rgba(248,207,230,.34), transparent 28%),
        radial-gradient(circle at 82% 24%, rgba(188,239,207,.38), transparent 30%),
        linear-gradient(180deg,#FFFDF8 0%,#FBF7EC 100%);
    }
    .happy-life-landing .belief-release-card{
      max-width:980px;
      margin:0 auto;
      padding:58px 46px;
      border-radius:40px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.88);
      box-shadow:0 28px 76px rgba(193,123,46,.13);
      text-align:center;
    }
    .happy-life-landing .belief-release-card h2{
      margin-top:20px;
      font-size:clamp(42px,5.6vw,74px);
      line-height:1.04;
      letter-spacing:-.052em;
      color:#101B55;
    }
    .happy-life-landing .belief-release-card p{
      max-width:820px;
      margin:28px auto 0;
      font-size:clamp(22px,2.4vw,30px);
      line-height:1.45;
      color:#51617C;
    }
    .happy-life-landing .belief-release-final{
      display:inline-block;
      padding:18px 26px;
      border-radius:999px;
      background:#FFD9AC;
      color:#101B55 !important;
      font-family:Georgia,"Times New Roman",serif;
      font-weight:900;
      box-shadow:0 16px 34px rgba(193,123,46,.13);
    }
    @media(max-width:700px){
      .happy-life-landing .belief-release-card{
        padding:40px 24px;
      }
    }


    /* Spójne sekcje aplikacji z miejscem na telefon */
    .happy-life-landing .app-story-section{
      padding:92px 0;
      background:
        radial-gradient(circle at 16% 18%, rgba(248,207,230,.28), transparent 28%),
        radial-gradient(circle at 86% 18%, rgba(221,234,245,.50), transparent 30%),
        linear-gradient(180deg,#FFFDF8 0%,#FBF7EC 100%);
    }
    .happy-life-landing .app-story-wrap{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(290px,.58fr);
      gap:54px;
      align-items:center;
      padding:44px;
      border-radius:40px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(255,255,255,.88);
      box-shadow:0 28px 76px rgba(193,123,46,.13);
      overflow:hidden;
      position:relative;
    }
    .happy-life-landing .app-story-wrap.reverse-phone{
      grid-template-columns:minmax(0,1fr) minmax(290px,.58fr);
    }
    .happy-life-landing .app-story-copy{
      position:relative;
      z-index:1;
    }
    .happy-life-landing .app-story-copy h2{
      margin-top:20px;
      font-size:clamp(42px,5.5vw,74px);
      line-height:1.04;
      letter-spacing:-.055em;
      color:#101B55;
    }
    .happy-life-landing .app-story-copy p{
      max-width:780px;
      margin-top:24px;
      font-size:clamp(18px,2vw,23px);
      line-height:1.62;
      color:#51617C;
    }
    .happy-life-landing .app-story-subtitle{
      color:#A33B9A !important;
      font-family:Georgia,"Times New Roman",serif;
      font-weight:900;
      font-size:clamp(28px,3vw,42px) !important;
      line-height:1.16 !important;
    }
    .happy-life-landing .story-mini-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px;
      margin-top:34px;
      max-width:680px;
    }
    .happy-life-landing .story-mini-grid div{
      padding:18px;
      border-radius:22px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(233,168,108,.20);
      text-align:center;
      box-shadow:0 12px 28px rgba(193,123,46,.08);
    }
    .happy-life-landing .story-mini-grid strong{
      display:grid;
      place-items:center;
      width:44px;
      height:44px;
      margin:0 auto 10px;
      border-radius:16px;
      background:#F8E6DA;
      color:#A33B9A;
      font-size:23px;
    }
    .happy-life-landing .story-mini-grid span{
      display:block;
      color:#51617C;
      font-size:14px;
      line-height:1.35;
      font-weight:800;
    }

    .happy-life-landing .phone-placeholder{
      min-height:500px;
      display:flex;
      justify-content:center;
      align-items:center;
      position:relative;
      z-index:1;
    }
    .happy-life-landing .phone-placeholder:before{
      content:"";
      position:absolute;
      width:330px;
      height:330px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(255,217,172,.46), rgba(255,217,172,0) 70%);
      filter:blur(8px);
    }
    .happy-life-landing .phone-frame{
      width:230px;
      height:455px;
      padding:12px;
      border-radius:42px;
      background:#10131E;
      box-shadow:0 34px 80px rgba(17,31,85,.22);
      position:relative;
      transform:rotate(3deg);
    }
    .happy-life-landing .phone-frame:before{
      content:"";
      position:absolute;
      top:20px;
      left:50%;
      transform:translateX(-50%);
      width:74px;
      height:20px;
      border-radius:999px;
      background:#10131E;
      z-index:3;
    }
    .happy-life-landing .phone-ui{
      height:100%;
      border-radius:32px;
      padding:62px 18px 22px;
      background:
        radial-gradient(circle at 50% 22%, rgba(255,255,255,.86), transparent 18%),
        linear-gradient(180deg,#F8D9E6 0%,#F7ECFF 52%,#FFF5E8 100%);
      overflow:hidden;
      text-align:center;
      position:relative;
      color:#101B55;
    }
    .happy-life-landing .phone-kicker{
      display:block;
      font-family:Georgia,"Times New Roman",serif;
      font-weight:900;
      font-size:18px;
      margin-bottom:18px;
      color:#101B55;
    }
    .happy-life-landing .phone-ui h3{
      font-size:25px;
      color:#101B55;
      margin-bottom:26px;
    }
    .happy-life-landing .phone-card-line{
      height:54px;
      margin:14px 0;
      border-radius:18px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(233,168,108,.20);
      box-shadow:0 10px 20px rgba(17,31,85,.06);
    }
    .happy-life-landing .phone-card-line.short{
      width:72%;
      margin-left:auto;
      margin-right:auto;
    }
    .happy-life-landing .phone-ui button{
      border:0;
      width:100%;
      margin-top:28px;
      padding:14px 16px;
      border-radius:999px;
      background:#101B55;
      color:#fff;
      font-weight:900;
      font-size:12px;
      box-shadow:0 14px 30px rgba(17,31,85,.22);
    }

    .happy-life-landing .chakra-pastel-section{
      background:
        radial-gradient(circle at 18% 18%, rgba(221,234,245,.72), transparent 28%),
        radial-gradient(circle at 82% 20%, rgba(248,230,218,.66), transparent 30%),
        radial-gradient(circle at 50% 86%, rgba(232,241,216,.62), transparent 32%),
        linear-gradient(180deg,#FFFDF8 0%,#FBF7EC 100%) !important;
      color:#274360 !important;
    }
    .happy-life-landing .chakra-pastel-section .app-story-wrap{
      background:rgba(249,245,255,.72);
      border:1px solid rgba(225,206,255,.48);
    }
    .happy-life-landing .chakra-body{
      width:160px;
      height:330px;
      margin:8px auto 18px;
      position:relative;
      border-radius:80px;
      background:radial-gradient(circle at 50% 42%, rgba(255,255,255,.45), transparent 72%);
    }
    .happy-life-landing .chakra-body i{
      display:block;
      width:32px;
      height:32px;
      margin:0 auto 5px;
      border-radius:50%;
      box-shadow:0 0 22px rgba(255,255,255,.72);
    }
    .happy-life-landing .chakra-body i:nth-child(1){background:#B892FF;}
    .happy-life-landing .chakra-body i:nth-child(2){background:#6E9ED4;}
    .happy-life-landing .chakra-body i:nth-child(3){background:#74DDF0;}
    .happy-life-landing .chakra-body i:nth-child(4){background:#69D78A;}
    .happy-life-landing .chakra-body i:nth-child(5){background:#FFD66E;}
    .happy-life-landing .chakra-body i:nth-child(6){background:#F6A35F;}
    .happy-life-landing .chakra-body i:nth-child(7){background:#EF6672;}

    .happy-life-landing .chakra-body i:nth-child(8){background:#8EE6FF;}
    .happy-life-landing .chakra-body i:nth-child(9){background:#BAFF7A;}
    .happy-life-landing .chakra-body i:nth-child(10){background:#FFD66E;}
    .happy-life-landing .chakra-phone-ui{
      background:linear-gradient(180deg,#F4E8FF 0%,#F8D9E6 52%,#FFF6E8 100%);
    }
    .happy-life-landing .chakra-tags{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
      margin-top:34px;
    }
    .happy-life-landing .chakra-tags div{
      padding:16px 18px;
      border-radius:22px;
      background:rgba(255,255,255,.72) !important;
      border:1px solid rgba(233,168,108,.20) !important;
      box-shadow:0 12px 26px rgba(193,123,46,.08) !important;
    }
    .happy-life-landing .chakra-tags strong{
      display:block;
      color:#101B55 !important;
      font-family:Georgia,"Times New Roman",serif;
      font-size:21px;
      line-height:1.1;
    }
    .happy-life-landing .chakra-tags span{
      display:block;
      color:#6D7B87 !important;
      font-family:"Inter","Segoe UI",Arial,sans-serif;
      font-size:13px;
      font-weight:800;
      line-height:1.35;
      letter-spacing:.01em;
      margin-top:7px;
    }

    .happy-life-landing .affirmation-story-section{
      background:
        radial-gradient(circle at 18% 18%, rgba(255,217,172,.34), transparent 30%),
        radial-gradient(circle at 86% 24%, rgba(248,207,230,.34), transparent 30%),
        linear-gradient(180deg,#FFFDF8 0%,#FBF7EC 100%);
    }
    .happy-life-landing .affirmation-story-section .question{
      margin:24px 0;
      background:rgba(255,255,255,.76);
      border:1px solid rgba(163,59,154,.24);
      box-shadow:0 14px 30px rgba(193,123,46,.08);
      color:#A33B9A !important;
    }
    .happy-life-landing .affirmation-mobile-card{
      margin:34px auto 18px;
      min-height:160px;
      display:grid;
      place-items:center;
      padding:22px;
      border-radius:24px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(233,168,108,.20);
      box-shadow:0 14px 30px rgba(17,31,85,.08);
      font-family:Georgia,"Times New Roman",serif;
      font-size:18px;
      line-height:1.25;
      color:#101B55;
    }

    @media(max-width:950px){
      .happy-life-landing .app-story-wrap,
.happy-life-landing .app-story-wrap.reverse-phone{
        grid-template-columns:1fr;
        padding:30px 24px;
      }
      .happy-life-landing .phone-placeholder{
        min-height:430px;
      }
      .happy-life-landing .story-mini-grid{
        grid-template-columns:1fr;
      }
      .happy-life-landing .chakra-tags{
        grid-template-columns:1fr;
      }
    }


    .happy-life-landing .quantum-story-section{
      background:
        radial-gradient(circle at 16% 18%, rgba(216,194,255,.35), transparent 30%),
        radial-gradient(circle at 82% 20%, rgba(174,231,245,.42), transparent 30%),
        radial-gradient(circle at 52% 88%, rgba(248,230,218,.46), transparent 34%),
        linear-gradient(180deg,#FFFDF8 0%,#F8F4FF 52%,#FBF7EC 100%);
    }
    .happy-life-landing .quantum-wrap{
      background:
        radial-gradient(circle at 72% 44%, rgba(255,255,255,.62), transparent 24%),
        linear-gradient(135deg,rgba(255,255,255,.76),rgba(246,239,255,.76));
      border:1px solid rgba(225,206,255,.42);
    }
    .happy-life-landing .quantum-copy h2{
      color:#101B55;
    }
    .happy-life-landing .quantum-copy p{
      color:#51617C;
    }
    .happy-life-landing .phone-quantum:before{
      background:radial-gradient(circle, rgba(216,194,255,.46), rgba(216,194,255,0) 70%);
    }
    .happy-life-landing .quantum-phone-ui{
      background:
        radial-gradient(circle at 50% 35%, rgba(255,255,255,.92), transparent 18%),
        radial-gradient(circle at 50% 46%, rgba(188,239,207,.48), transparent 26%),
        linear-gradient(180deg,#EFE7FF 0%,#F8D9E6 48%,#FFF6E8 100%);
    }
    .happy-life-landing .quantum-orb{
      width:176px;
      height:176px;
      margin:22px auto 24px;
      border-radius:50%;
      position:relative;
      background:
        radial-gradient(circle, rgba(255,255,255,.95) 0 14%, rgba(188,239,207,.54) 15% 34%, rgba(216,194,255,.38) 35% 60%, rgba(255,255,255,0) 61%);
      box-shadow:0 0 44px rgba(216,194,255,.62), inset 0 0 34px rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.64);
    }
    .happy-life-landing .quantum-orb i{
      position:absolute;
      left:50%;
      top:50%;
      width:100%;
      height:100%;
      border:1px solid rgba(16,27,85,.12);
      border-radius:50%;
      transform:translate(-50%,-50%) rotate(0deg) scale(.82);
    }
    .happy-life-landing .quantum-orb i:nth-child(2){
      transform:translate(-50%,-50%) rotate(60deg) scale(.62);
    }
    .happy-life-landing .quantum-orb i:nth-child(3){
      transform:translate(-50%,-50%) rotate(120deg) scale(.42);
    }
    .happy-life-landing .quantum-intention-card{
      margin:0 auto 18px;
      padding:18px 14px;
      border-radius:22px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(233,168,108,.20);
      box-shadow:0 14px 30px rgba(17,31,85,.08);
    }
    .happy-life-landing .quantum-intention-card strong{
      display:block;
      font-family:Georgia,"Times New Roman",serif;
      color:#101B55;
      font-size:18px;
      line-height:1.2;
    }
    .happy-life-landing .quantum-intention-card span{
      display:block;
      margin-top:6px;
      color:#6D7B87;
      font-size:12px;
      font-weight:800;
    }


    .happy-life-landing .webinar-section{
      padding:76px 0 30px;
      background:linear-gradient(180deg,#FBF7EC 0%,#FFFDF8 100%);
    }
    .happy-life-landing .webinar-panel{
      max-width:980px;
      margin:0 auto;
      text-align:center;
      padding:48px 38px;
    }
    .happy-life-landing .webinar-panel p{
      max-width:760px;
      margin:22px auto 0;
      font-size:clamp(20px,2.3vw,28px);
      line-height:1.45;
      color:#51617C;
    }
    .happy-life-landing .webinar-panel .cta-actions{
      justify-content:center;
      margin-top:28px;
    }


    .happy-life-landing .hero-visit-card{
      margin-top:26px;
      max-width:760px;
      padding:24px 28px;
      border-radius:28px;
      background:
        radial-gradient(circle at 12% 20%, rgba(248,207,230,.34), transparent 34%),
        radial-gradient(circle at 88% 22%, rgba(232,241,216,.46), transparent 34%),
        rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.88);
      box-shadow:0 18px 46px rgba(193,123,46,.12);
    }
    .happy-life-landing .hero-visit-card p{
      margin:0;
      color:#101B55;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(22px,2.4vw,34px);
      line-height:1.24;
      font-weight:900;
      letter-spacing:-.025em;
    }


    /* Elegancka, spójna wersja sekcji manifestacji */
    .happy-life-landing .quote{
      width:min(880px,100%);
      padding:48px 34px;
      border-radius:34px;
      background:
        radial-gradient(circle at 14% 18%, rgba(248,207,230,.28), transparent 28%),
        radial-gradient(circle at 86% 24%, rgba(255,217,172,.35), transparent 30%),
        linear-gradient(135deg, rgba(255,252,247,.92), rgba(251,247,236,.92));
      border:1px solid rgba(233,168,108,.24);
      box-shadow:0 22px 58px rgba(193,123,46,.12);
    }
    .happy-life-landing .quote p{
      max-width:780px;
      margin:0 auto;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(30px,3.5vw,48px);
      line-height:1.16;
      letter-spacing:-.035em;
      font-weight:700;
      color:#101B55;
      text-shadow:none;
    }
    .happy-life-landing .quote-accent{
      color:#A33B9A;
      font-weight:900;
    }
    .happy-life-landing .quote span{
      max-width:760px;
      margin:18px auto 0;
      font-size:clamp(18px,1.8vw,22px);
      line-height:1.45;
      color:#51617C;
      font-weight:600;
    }



    /* Spójne, eleganckie nagłówki na całej stronie */
    .happy-life-landing{
      --heading:#101B55;
      --heading-accent:#A33B9A;
      --heading-muted:#51617C;
    }

    .happy-life-landing h1,
.happy-life-landing h2,
.happy-life-landing h3,
.happy-life-landing .section-head h2,
.happy-life-landing .tools-main-title,
.happy-life-landing .about-us-text h2,
.happy-life-landing .beliefs-reason-card h2,
.happy-life-landing .app-story-copy h2,
.happy-life-landing .chakra-content h2,
.happy-life-landing .belief-release-card h2,
.happy-life-landing .cta-panel h2,
.happy-life-landing .quote p,
.happy-life-landing .question,
.happy-life-landing .beliefs-reason-final,
.happy-life-landing .app-story-subtitle,
.happy-life-landing .created-for-you-title{
      font-family:Georgia,"Times New Roman",serif !important;
      color:var(--heading) !important;
      text-shadow:none !important;
      letter-spacing:-.03em !important;
    }

    .happy-life-landing .hero-copy h1{
      font-size:clamp(46px,6.5vw,82px) !important;
      line-height:1.02 !important;
      font-weight:820 !important;
      letter-spacing:-.045em !important;
    }

    .happy-life-landing h2,
.happy-life-landing .section-head h2,
.happy-life-landing .about-us-text h2,
.happy-life-landing .beliefs-reason-card h2,
.happy-life-landing .app-story-copy h2,
.happy-life-landing .chakra-content h2,
.happy-life-landing .belief-release-card h2,
.happy-life-landing .cta-panel h2{
      font-size:clamp(34px,4vw,54px) !important;
      line-height:1.10 !important;
      font-weight:780 !important;
    }

    .happy-life-landing .tools-main-title{
      max-width:880px !important;
      margin:0 auto 14px !important;
      font-size:clamp(31px,3.2vw,46px) !important;
      line-height:1.18 !important;
      font-weight:520 !important;
    }
    .happy-life-landing .tools-title-name{
      color:var(--heading) !important;
      font-weight:850 !important;
    }
    .happy-life-landing .tools-title-accent{
      color:#A33B9A !important;
      font-weight:760 !important;
    }
    .happy-life-landing .tools-price-line{
      font-size:clamp(18px,1.7vw,22px) !important;
      font-weight:650 !important;
      color:var(--heading-muted) !important;
      margin-top:12px !important;
    }

    .happy-life-landing h3,
.happy-life-landing .feature-card h3,
.happy-life-landing .tool-card h3,
.happy-life-landing .phone-ui h3{
      font-size:clamp(24px,2.2vw,32px) !important;
      line-height:1.18 !important;
      font-weight:760 !important;
      letter-spacing:-.022em !important;
      color:var(--heading) !important;
    }

    .happy-life-landing .tool-card h3{
      font-size:clamp(25px,2.35vw,33px) !important;
      margin-bottom:18px !important;
    }

    .happy-life-landing .quote p{
      max-width:780px !important;
      font-size:clamp(31px,3.25vw,46px) !important;
      line-height:1.18 !important;
      font-weight:760 !important;
    }
    .happy-life-landing .quote-accent{
      color:var(--heading-accent) !important;
      font-weight:880 !important;
    }
    .happy-life-landing .quote span{
      color:var(--heading-muted) !important;
      font-size:clamp(18px,1.7vw,21px) !important;
      font-weight:560 !important;
    }

    .happy-life-landing .beliefs-reason-final{
      font-size:clamp(26px,2.8vw,38px) !important;
      line-height:1.20 !important;
      font-weight:800 !important;
    }

    .happy-life-landing .app-story-subtitle{
      color:var(--heading-accent) !important;
      font-size:clamp(24px,2.5vw,35px) !important;
      line-height:1.18 !important;
      font-weight:760 !important;
    }

    .happy-life-landing .question{
      font-size:clamp(24px,2.7vw,37px) !important;
      line-height:1.22 !important;
      font-weight:760 !important;
    }


    .happy-life-landing .about-us-text strong{
      color:#101B55;
      font-weight:900;
    }

/* v1.0.3 — pełna szerokość Astry, responsywność i poprawione znaczniki cenowe */

/* Astra potrafi pozostawić miejsce na sidebar nawet wtedy, gdy nie ma w nim treści. */
body.happy-life-landing-active #secondary,
body.happy-life-landing-active aside#secondary,
body.happy-life-landing-active .widget-area:not(.happy-life-landing) {
  display:none !important;
}

body.happy-life-landing-active {
  overflow-x:hidden !important;
  background:#FFFDF8 !important;
}

body.happy-life-landing-active #page,
body.happy-life-landing-active .site,
body.happy-life-landing-active #content,
body.happy-life-landing-active .site-content,
body.happy-life-landing-active .ast-container,
body.happy-life-landing-active .ast-plain-container,
body.happy-life-landing-active .ast-page-builder-template,
body.happy-life-landing-active .ast-page-builder-template .site-content,
body.happy-life-landing-active .ast-page-builder-template .site-content > .ast-container,
body.happy-life-landing-active .site-content > .ast-container {
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.happy-life-landing-active .site-content > .ast-container,
body.happy-life-landing-active .ast-page-builder-template .site-content > .ast-container {
  display:block !important;
  grid-template-columns:minmax(0,1fr) !important;
  column-gap:0 !important;
}

body.happy-life-landing-active #primary,
body.happy-life-landing-active .content-area,
body.happy-life-landing-active .site-main,
body.happy-life-landing-active article,
body.happy-life-landing-active .ast-article-single,
body.happy-life-landing-active .entry-content,
body.happy-life-landing-active .wp-block-shortcode {
  float:none !important;
  flex:0 0 100% !important;
  flex-basis:100% !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.happy-life-landing-active .happy-life-landing,
body.happy-life-landing-active .entry-content .happy-life-landing {
  display:block !important;
  clear:both !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.happy-life-landing > main,
.happy-life-landing > main > header,
.happy-life-landing > main > section,
.happy-life-landing > main > footer {
  width:100%;
  max-width:none;
}

/* Wewnętrzna treść pozostaje wyśrodkowana i ma bezpieczne marginesy. */
.happy-life-landing .container,
.happy-life-landing header > .container,
.happy-life-landing section > .container {
  margin-left:auto !important;
  margin-right:auto !important;
}

.happy-life-landing .feature-grid {
  align-items:stretch;
}

.happy-life-landing .pricing-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(22px,2.4vw,34px);
  width:100%;
  max-width:1220px;
  margin-left:auto;
  margin-right:auto;
  justify-content:center;
}

.happy-life-landing .pricing-card {
  min-width:0;
  min-height:390px;
  padding:36px 34px 32px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  overflow:hidden;
}

.happy-life-landing .pricing-card h3 {
  width:100%;
  padding-right:0;
  margin-bottom:12px;
}

.happy-life-landing .pricing-card p {
  max-width:100%;
  overflow-wrap:break-word;
}

.happy-life-landing .pricing-card p:last-child {
  margin-bottom:0;
}

/* Znaczniki „1 mies.” i „12 mies.” — stały rozmiar i idealne centrowanie. */
.happy-life-landing .pricing-badge.spark {
  display:grid !important;
  place-items:center !important;
  flex:0 0 86px !important;
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  min-height:86px !important;
  aspect-ratio:1 / 1;
  margin:0 0 22px !important;
  padding:0 !important;
  border-radius:50% !important;
  text-align:center !important;
  line-height:1 !important;
  overflow:hidden;
}

.happy-life-landing .pricing-badge > span {
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  width:100% !important;
  height:100% !important;
  padding:0 6px !important;
  gap:4px !important;
  transform:none !important;
  text-align:center !important;
  line-height:1 !important;
}

.happy-life-landing .pricing-badge strong {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:22px !important;
  line-height:.92 !important;
  font-weight:900 !important;
  color:#fff !important;
}

.happy-life-landing .pricing-badge small {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
  color:#fff !important;
}

.happy-life-landing .pricing-price {
  font-size:clamp(32px,3vw,42px);
  line-height:1.1;
  font-weight:900;
  margin-top:18px;
  color:var(--brown);
}

@media (min-width:1200px) {
  .happy-life-landing .container,
  .happy-life-landing header > .container,
  .happy-life-landing section > .container {
    width:min(var(--max), calc(100% - 120px));
  }
}

@media (max-width:1100px) {
  .happy-life-landing .pricing-grid {
    grid-template-columns:1fr;
    max-width:760px;
  }

  .happy-life-landing .pricing-card {
    min-height:auto;
  }
}

@media (max-width:782px) {
  .happy-life-landing .pricing-grid {
    gap:20px;
  }
}

@media (max-width:560px) {
  .happy-life-landing .container,
  .happy-life-landing header > .container,
  .happy-life-landing section > .container {
    width:min(var(--max), calc(100% - 24px));
  }

  .happy-life-landing .pricing-card {
    padding:24px 22px;
    border-radius:24px;
  }

  .happy-life-landing .pricing-badge.spark {
    flex-basis:76px !important;
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    min-height:76px !important;
    margin-bottom:18px !important;
  }

  .happy-life-landing .pricing-badge strong {
    font-size:19px !important;
  }

  .happy-life-landing .pricing-badge small {
    font-size:10px !important;
  }
}

/* v1.0.4 — odporne marginesy wewnętrzne kart w Astrze
   Motyw lub optymalizator CSS może zerować padding elementów <article>.
   Te reguły odtwarzają odstępy z pierwowzoru HTML i są celowo umieszczone na końcu. */
.happy-life-landing .feature-grid > article.feature-card {
  padding:30px !important;
}

.happy-life-landing .tools-grid > article.feature-card.tool-card {
  padding:42px 38px !important;
}

.happy-life-landing #opinie .feature-grid > article.feature-card {
  padding:30px !important;
  min-width:0;
}

.happy-life-landing .pricing-grid > article.feature-card.pricing-card {
  padding:36px 34px 32px !important;
}

/* Astra nadaje własne odstępy nagłówkom i akapitom w article — zachowujemy rytm pierwowzoru. */
.happy-life-landing .feature-card > :first-child,
.happy-life-landing .tool-card > :first-child,
.happy-life-landing .pricing-card > :first-child {
  margin-top:0 !important;
}

.happy-life-landing .feature-card > :last-child,
.happy-life-landing .tool-card > :last-child,
.happy-life-landing .pricing-card > :last-child {
  margin-bottom:0 !important;
}

.happy-life-landing .tool-card h3 {
  margin-top:0 !important;
  margin-bottom:18px !important;
}

.happy-life-landing .tool-card p {
  margin:0 !important;
}

.happy-life-landing #opinie .feature-card p {
  margin:0 0 22px !important;
}

.happy-life-landing #opinie .feature-card h3 {
  margin:0 !important;
}

/* Kotwice nie chowają nagłówków pod stałym menu. */
.happy-life-landing header[id],
.happy-life-landing section[id] {
  scroll-margin-top:130px;
}

body.admin-bar.happy-life-landing-active .happy-life-landing header[id],
body.admin-bar.happy-life-landing-active .happy-life-landing section[id] {
  scroll-margin-top:165px;
}

@media (max-width:950px) {
  .happy-life-landing .feature-grid > article.feature-card,
  .happy-life-landing .tools-grid > article.feature-card.tool-card,
  .happy-life-landing #opinie .feature-grid > article.feature-card {
    padding:28px !important;
  }
}

@media (max-width:560px) {
  .happy-life-landing .feature-grid > article.feature-card,
  .happy-life-landing .tools-grid > article.feature-card.tool-card,
  .happy-life-landing #opinie .feature-grid > article.feature-card,
  .happy-life-landing .pricing-grid > article.feature-card.pricing-card {
    padding:24px !important;
  }

  .happy-life-landing #opinie .feature-card p {
    margin-bottom:18px !important;
  }

  .happy-life-landing header[id],
  .happy-life-landing section[id] {
    scroll-margin-top:105px;
  }

  body.admin-bar.happy-life-landing-active .happy-life-landing header[id],
  body.admin-bar.happy-life-landing-active .happy-life-landing section[id] {
    scroll-margin-top:145px;
  }
}


/* Version 1.1.0 — real app screenshots and supplied photographs */
.happy-life-landing .phone-mockup.phone-with-screenshot,
.happy-life-landing .phone-frame.phone-with-screenshot {
  height:auto !important;
  overflow:hidden !important;
  padding:7px !important;
  background:#0f1118 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 34px 80px rgba(17,31,85,.22), 0 10px 22px rgba(17,31,85,.15) !important;
}
.happy-life-landing .phone-mockup.phone-with-screenshot {
  width:min(270px, 74vw) !important;
  border-radius:44px !important;
}
.happy-life-landing .phone-frame.phone-with-screenshot {
  width:min(255px, 72vw) !important;
  border-radius:42px !important;
  transform:rotate(2deg) !important;
}
.happy-life-landing .phone-mockup.phone-with-screenshot::before,
.happy-life-landing .phone-frame.phone-with-screenshot::before { display:none !important; }
.happy-life-landing .phone-screenshot {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  border-radius:36px !important;
  object-fit:contain !important;
}
.happy-life-landing .phone-frame.phone-with-screenshot .phone-screenshot { border-radius:34px !important; }
.happy-life-landing .real-phone-screen { min-height:0 !important; padding:18px 0 !important; }
.happy-life-landing .hero-phone-wrap { min-height:620px !important; }
.happy-life-landing .happy-photo-card {
  min-height:0 !important;
  aspect-ratio:4 / 5.4;
  background:#f8f2e6 !important;
}
.happy-life-landing .happy-photo-card::before,
.happy-life-landing .happy-photo-card::after { display:none !important; }
.happy-life-landing .happy-photo-card img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.happy-life-landing .about-us-photo img {
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:950px){
  .happy-life-landing .hero-phone-wrap { min-height:590px !important; }
  .happy-life-landing .phone-frame.phone-with-screenshot { transform:none !important; }
  .happy-life-landing .happy-photo-card { width:min(620px,100%); margin:0 auto; }
}
@media(max-width:560px){
  .happy-life-landing .phone-mockup.phone-with-screenshot,
  .happy-life-landing .phone-frame.phone-with-screenshot {
    width:min(245px, 76vw) !important;
    padding:6px !important;
    border-radius:38px !important;
  }
  .happy-life-landing .phone-screenshot { border-radius:31px !important; }
  .happy-life-landing .hero-phone-wrap { min-height:560px !important; }
  .happy-life-landing .real-phone-screen { padding:10px 0 !important; }
  .happy-life-landing .happy-photo-card { aspect-ratio:4 / 5; }
}

/* Version 1.1.1 — keep the Happy Life collage at the same 20:27 ratio on every screen */
.happy-life-landing .happy-photo-card {
  aspect-ratio:20 / 27 !important;
}
.happy-life-landing .happy-photo-card img {
  object-position:center center !important;
}
@media(max-width:560px){
  .happy-life-landing .happy-photo-card {
    aspect-ratio:20 / 27 !important;
    width:100% !important;
  }
}


/* Version 1.1.2 — keep marketing CTA buttons visible.
   Astra uses #secondary for the sidebar, while the landing page uses
   .btn.secondary for outlined buttons. Never hide the generic .secondary class. */
.happy-life-landing .section-cta {
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
.happy-life-landing .section-cta .btn,
.happy-life-landing .btn.secondary {
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
@media(max-width:560px){
  .happy-life-landing .section-cta .btn {
    width:100% !important;
    max-width:360px;
  }
}


/* Version 1.1.3 — uproszczone, spójne karty subskrypcji */
.happy-life-landing #platnosci .section-head {
  max-width:980px;
}

.happy-life-landing #platnosci .section-head p {
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.55;
}

.happy-life-landing #platnosci .pricing-card {
  min-height:390px;
  justify-content:flex-start;
}

.happy-life-landing #platnosci .pricing-card h3,
.happy-life-landing #platnosci .pricing-label,
.happy-life-landing #platnosci .pricing-price,
.happy-life-landing #platnosci .pricing-period {
  font-family:Georgia,"Times New Roman",serif !important;
  color:var(--heading, #101B55) !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.happy-life-landing #platnosci .pricing-card h3 {
  margin:0 0 30px !important;
  font-size:clamp(27px,2.5vw,36px) !important;
  line-height:1.12 !important;
}

.happy-life-landing #platnosci .pricing-label {
  margin:0 0 18px !important;
  font-size:clamp(22px,2vw,29px) !important;
  line-height:1.15 !important;
}

.happy-life-landing #platnosci .pricing-price {
  margin:0 0 14px !important;
  font-size:clamp(30px,3vw,42px) !important;
  line-height:1.12 !important;
  white-space:normal;
}

.happy-life-landing #platnosci .pricing-period {
  margin:0 !important;
  font-size:clamp(22px,2vw,29px) !important;
  line-height:1.15 !important;
}

@media (max-width:560px) {
  .happy-life-landing #platnosci .section-head p {
    font-size:17px !important;
  }

  .happy-life-landing #platnosci .pricing-card {
    min-height:auto;
  }

  .happy-life-landing #platnosci .pricing-card h3 {
    margin-bottom:24px !important;
  }
}


/* Version 1.1.6 — jednolite tło ramki i formularza SureForms */
.happy-life-landing .question-form-wrap.sureforms-form-wrap {
  background:#ffffff !important;
  border-color:rgba(233,168,108,.14) !important;
}

/* SureForms dodaje własne białe kontenery. Ustawiamy je jako przezroczyste,
   aby nie tworzyły prostokąta odcinającego się od zaokrąglonej ramki. */
.happy-life-landing .happy-life-sureforms,
.happy-life-landing .happy-life-sureforms > div,
.happy-life-landing .happy-life-sureforms form,
.happy-life-landing .happy-life-sureforms fieldset {
  background-color:transparent !important;
}

@media(max-width:560px){
  .happy-life-landing .question-form-wrap.sureforms-form-wrap {
    padding:24px !important;
  }
}


/* Version 1.1.7 — Google Play icon tile and Facebook community section */
.happy-life-landing .google-play-icon-box {
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-grid;
  place-items:center;
  padding:4px;
  border-radius:8px;
  background:#ffffff;
  border:1px solid rgba(16,27,85,.08);
  box-shadow:0 4px 10px rgba(16,27,85,.14), inset 0 1px 0 rgba(255,255,255,.9);
}

.happy-life-landing .google-play-icon-box .google-play-mark {
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  filter:none !important;
}

.happy-life-landing .facebook-community-section {
  padding:86px 0;
  background:
    radial-gradient(circle at 14% 18%, rgba(174,231,245,.30), transparent 30%),
    radial-gradient(circle at 86% 24%, rgba(216,194,255,.28), transparent 30%),
    linear-gradient(180deg,#FFFDF8 0%,#F7F6FF 100%);
}

.happy-life-landing .facebook-community-card {
  max-width:980px;
  margin:0 auto;
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:34px;
  align-items:center;
  padding:48px 52px;
  border-radius:38px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(24,119,242,.12);
  box-shadow:0 24px 64px rgba(17,31,85,.12);
}

.happy-life-landing .facebook-community-icon {
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
  border-radius:30px;
  background:linear-gradient(145deg,#2d88ff 0%,#1877f2 58%,#0f5fc7 100%);
  color:#fff;
  box-shadow:0 18px 36px rgba(24,119,242,.28), inset 0 1px 0 rgba(255,255,255,.30);
}

.happy-life-landing .facebook-community-icon svg {
  width:68px;
  height:68px;
  display:block;
}

.happy-life-landing .facebook-community-copy h2 {
  margin:18px 0 20px !important;
  font-size:clamp(34px,4vw,54px) !important;
  line-height:1.08 !important;
  color:var(--heading,#101B55) !important;
}

.happy-life-landing .facebook-community-copy p {
  max-width:760px;
  margin:0;
  color:#51617C;
  font-size:clamp(18px,1.8vw,21px);
  line-height:1.62;
}

.happy-life-landing .facebook-group-button {
  margin-top:28px;
  gap:10px;
  background:linear-gradient(135deg,#2d88ff 0%,#1877f2 58%,#0f5fc7 100%) !important;
  box-shadow:0 16px 34px rgba(24,119,242,.26) !important;
}

.happy-life-landing .facebook-group-button:hover {
  box-shadow:0 20px 42px rgba(24,119,242,.34) !important;
}

.happy-life-landing .facebook-button-icon {
  width:25px;
  height:25px;
  display:inline-grid;
  place-items:center;
  border-radius:7px;
  background:#fff;
  color:#1877f2;
  font-family:Arial,sans-serif;
  font-size:20px;
  font-weight:900;
  line-height:1;
  text-transform:none;
}

@media(max-width:760px){
  .happy-life-landing .facebook-community-section {
    padding:66px 0;
  }

  .happy-life-landing .facebook-community-card {
    grid-template-columns:1fr;
    gap:24px;
    padding:36px 28px;
    text-align:center;
  }

  .happy-life-landing .facebook-community-icon {
    width:88px;
    height:88px;
    margin:0 auto;
    border-radius:25px;
  }

  .happy-life-landing .facebook-community-icon svg {
    width:56px;
    height:56px;
  }

  .happy-life-landing .facebook-community-copy p {
    margin-left:auto;
    margin-right:auto;
  }

  .happy-life-landing .facebook-group-button {
    width:auto !important;
    max-width:100%;
  }
}

@media(max-width:560px){
  .happy-life-landing .nav .google-play-icon-box {
    width:24px;
    height:24px;
    flex-basis:24px;
    padding:4px;
    border-radius:7px;
  }

  .happy-life-landing .nav .google-play-icon-box .google-play-mark {
    width:15px !important;
    height:15px !important;
    flex-basis:15px !important;
  }

  .happy-life-landing .facebook-community-card {
    padding:32px 22px;
    border-radius:30px;
  }

  .happy-life-landing .facebook-community-copy h2 {
    font-size:clamp(31px,9vw,42px) !important;
  }

  .happy-life-landing .facebook-community-copy p {
    font-size:17px;
  }

  .happy-life-landing .facebook-group-button {
    width:100% !important;
  }
}

/* Version 1.1.8 — refined Google Play mark and unified free-trial CTA labels */
.happy-life-landing .google-play-button,
.happy-life-landing .google-play-button:visited,
.happy-life-landing .google-play-button:hover,
.happy-life-landing .google-play-button:focus,
.happy-life-landing .google-play-button span:last-child {
  color:#fff !important;
  text-decoration:none !important;
}

.happy-life-landing .google-play-icon-box {
  width:30px;
  height:30px;
  flex:0 0 30px;
  padding:4px 3px 4px 6px;
  border-radius:9px;
}

.happy-life-landing .google-play-icon-box .google-play-mark {
  width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
  overflow:visible;
}

@media(max-width:560px){
  .happy-life-landing .nav .google-play-icon-box {
    width:25px;
    height:25px;
    flex-basis:25px;
    padding:4px 3px 4px 5px;
    border-radius:8px;
  }

  .happy-life-landing .nav .google-play-icon-box .google-play-mark {
    width:16px !important;
    height:16px !important;
    flex-basis:16px !important;
  }
}



/* Version 1.1.9 — responsive official-style Google Play image mark */
.happy-life-landing .google-play-icon-box {
  width:clamp(28px,2vw,32px) !important;
  height:clamp(28px,2vw,32px) !important;
  flex:0 0 clamp(28px,2vw,32px) !important;
  padding:clamp(4px,.35vw,5px) !important;
  display:inline-grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:clamp(8px,.65vw,10px) !important;
  background:#fff !important;
}

.happy-life-landing .google-play-icon-box .google-play-mark {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  flex:none !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:translateX(1px) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

@media(max-width:560px){
  .happy-life-landing .nav .google-play-icon-box {
    width:26px !important;
    height:26px !important;
    flex-basis:26px !important;
    padding:4px !important;
    border-radius:8px !important;
  }
}
