:root{
  --color-surface-bg:#FFF7FA;
  --color-surface-gradient:linear-gradient(135deg,#FFD1E7 0%,#FFE5F1 100%);
  --color-primary:#FF7EB9;
  --color-secondary:#FFB3D0;
  --color-button-gradient:linear-gradient(90deg,#FF7EB9 0%,#FFB3D0 100%);
  --color-on-primary:#FFFFFF;
  --color-on-surface:#2D1B2E;
  --color-divider:#F6C6DE;
  --color-success:#B6E2D3;
  --color-warning:#FFD6A6;

  --font-heading:"Nunito",'Segoe UI',Arial,sans-serif;
  --font-body:"Nunito",'Segoe UI',Arial,sans-serif;

  --fs-xl:clamp(1.75rem,4vw,2.25rem);
  --fs-lg:clamp(1.35rem,3vw,1.5rem);
  --fs-md:1.25rem;
  --fs-base:1rem;
  --fs-sm:0.875rem;

  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;

  --radius-sm:16px;
  --radius-pill:24px;

  --shadow-soft:0 2px 8px 0 rgba(255,126,185,0.10);

  --container-max:1120px;
  --container-gutter:min(8vw,32px);

  --transition-fast:120ms ease;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,body{
  margin:0;
  padding:0;
}

body{
  font-family:var(--font-body);
  font-size:var(--fs-base);
  line-height:1.6;
  color:var(--color-on-surface);
  background:var(--color-surface-bg);
  -webkit-font-smoothing:antialiased;
}

img,svg,video{
  max-width:100%;
  display:block;
  height:auto;
}

button,input,select,textarea{
  font:inherit;
  color:inherit;
}

button{
  cursor:pointer;
  border:none;
  background:none;
}

a{
  color:inherit;
  text-decoration:none;
}

:focus-visible{
  outline:2px solid var(--color-secondary);
  outline-offset:2px;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote{
  margin:0;
}

h1{
  font-family:var(--font-heading);
  font-size:var(--fs-xl);
  font-weight:700;
  margin-bottom:var(--space-4);
}

h2{
  font-family:var(--font-heading);
  font-size:var(--fs-lg);
  font-weight:700;
  margin-bottom:var(--space-3);
}

h3{
  font-family:var(--font-heading);
  font-size:var(--fs-md);
  font-weight:700;
  margin-bottom:var(--space-3);
}

p{
  margin-bottom:var(--space-3);
}

ul,ol{
  padding-left:1.2em;
  margin-bottom:var(--space-3);
}

blockquote{
  margin-bottom:var(--space-4);
}

h1:last-child,
h2:last-child,
h3:last-child,
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child{
  margin-bottom:0;
}

.container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--container-gutter);
}

.section{
  padding-block:var(--space-5);
}

@media (min-width:768px){
  .section{
    padding-block:var(--space-6);
  }
}

.surface{
  background:var(--color-surface-bg);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-soft);
}

.surface-gradient{
  background:var(--color-surface-gradient);
}

.card{
  background:var(--color-surface-bg);
  border-radius:var(--radius-sm);
  padding:var(--space-3);
  box-shadow:var(--shadow-soft);
}

@media (min-width:768px){
  .card{
    padding:var(--space-4);
  }
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  min-height:44px;
  padding-inline:var(--space-4);
  border-radius:var(--radius-pill);
  font-weight:600;
  font-size:var(--fs-base);
  transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);
  text-align:center;
  white-space:nowrap;
}

.btn-primary{
  background:var(--color-button-gradient);
  color:var(--color-on-primary);
  box-shadow:var(--shadow-soft);
}

.btn-secondary{
  background:var(--color-secondary);
  color:var(--color-on-primary);
}

.btn:active{
  transform:scale(0.97);
}

@media (hover:hover){
  .btn:hover{
    transform:scale(1.03);
    filter:brightness(1.05);
  }
}

.divider{
  width:100%;
  height:1px;
  background:var(--color-divider);
}

.flex{
  display:flex;
  gap:var(--space-3);
}

.flex-wrap{
  flex-wrap:wrap;
}

.flex-center{
  align-items:center;
  justify-content:center;
}

.flex-between{
  align-items:center;
  justify-content:space-between;
}

.flex-col{
  flex-direction:column;
}

.flex > *{
  min-width:0;
}

.stack > * + *{
  margin-top:var(--space-3);
}

.hidden{
  display:none;
}


.site-header{position:sticky;top:0;z-index:1000;background:var(--color-surface-bg);box-shadow:var(--shadow-soft)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:72px}
.brand{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.brand-logo{height:40px;width:auto}
.brand-text{font-weight:700;font-family:var(--font-heading)}
.nav{display:block}
.nav-list{display:flex;gap:var(--space-3);list-style:none;margin:0;padding:0}
.nav-list li{margin:0;padding:0}
.nav-list a{padding:8px 12px;border-radius:16px;white-space:nowrap}
.nav-list a:hover{background:var(--color-secondary)}
.header-actions{display:flex;align-items:center;gap:var(--space-2)}
.nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px;border-radius:8px}
.toggle-line{width:20px;height:2px;background:var(--color-on-surface);display:block}
@media(max-width:800px){
  .nav{position:fixed;top:72px;left:0;width:100%;max-height:calc(100vh - 72px);overflow:auto;background:var(--color-surface-bg);transform:translateY(-120%);transition:transform var(--transition-fast)}
  .nav.open{transform:translateY(0)}
  .nav-list{flex-direction:column;padding:var(--space-3)}
  .nav-toggle{display:flex}
  .download-btn{display:none}
}


.site-footer{margin-top:var(--space-6)}
.footer-top{padding:var(--space-5) 0;border-top:1px solid var(--color-divider)}
.footer-grid{display:grid;gap:var(--space-4)}
.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}
.footer-logo{height:48px;width:auto}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-bottom{padding:var(--space-3) 0;text-align:center}
.consent-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--color-surface-bg);box-shadow:var(--shadow-soft);border-radius:16px;padding:var(--space-3);width:min(90%,480px);z-index:2000;display:none}
.consent-banner.show{display:block}
.consent-inner{display:flex;flex-direction:column;gap:var(--space-3)}
.consent-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}


.aszf-page {}

.aszf-intro{
  text-align:center;
}

.aszf-intro-card{
  max-width:720px;
  margin-inline:auto;
  padding:var(--space-4);
  background:var(--color-surface-bg);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.aszf-block{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.aszf-medium{
  max-width:800px;
  margin-inline:auto;
}

.aszf-narrow{
  max-width:760px;
  margin-inline:auto;
}

.aszf-small{
  max-width:700px;
  margin-inline:auto;
}

.aszf-closing{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media (max-width:768px){
  .aszf-intro-card,
  .aszf-medium,
  .aszf-narrow,
  .aszf-small,
  .aszf-closing{
    margin-inline:0;
  }
}


.kapcsolat-main{display:block}

.kapcsolat-hero-inner{display:flex;justify-content:center}
.kapcsolat-hero-text{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.kapcsolat-help .container{display:flex;flex-direction:column;gap:var(--space-4)}
.kapcsolat-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.kapcsolat-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}

.kapcsolat-form-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.kapcsolat-form-intro{max-width:640px;text-align:center}
.kapcsolat-form{width:100%;max-width:640px;display:flex;flex-direction:column;gap:var(--space-3)}
.kapcsolat-field{display:flex;flex-direction:column;gap:var(--space-2)}
.kapcsolat-field input,.kapcsolat-field textarea,.kapcsolat-field select{width:100%;min-height:44px;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-divider)}
.kapcsolat-success{margin-top:var(--space-3);color:var(--color-on-surface)}

.kapcsolat-response-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.kapcsolat-response-highlight{font-weight:600}

.kapcsolat-faq-inner{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.kapcsolat-accordion{display:flex;flex-direction:column;gap:var(--space-3)}
.kapcsolat-accordion-item{border-radius:var(--radius-sm);background:var(--color-surface-bg);box-shadow:var(--shadow-soft);overflow:hidden}
.kapcsolat-accordion-trigger{width:100%;text-align:left;padding:var(--space-3);font-weight:600}
.kapcsolat-accordion-content{max-height:0;overflow:hidden;padding-inline:var(--space-3);transition:max-height var(--transition-fast)}
.kapcsolat-accordion-item.active .kapcsolat-accordion-content{padding-bottom:var(--space-3);max-height:300px}

.kapcsolat-cta-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

@media (max-width:900px){
.kapcsolat-card-grid{grid-template-columns:1fr}
}


.cookie-page{}

.cookie-hero__inner{
  padding:var(--space-5);
  border-radius:var(--radius-sm);
}

.cookie-hero__text{
  max-width:720px;
  margin-inline:auto;
}

.cookie-types__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}

.cookie-card{
  display:flex;
  flex-direction:column;
}

@media (max-width:900px){
  .cookie-types__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:600px){
  .cookie-types__grid{
    grid-template-columns:1fr;
  }
}

.cookie-data__inner{
  max-width:680px;
}

.cookie-manage__inner{
  max-width:720px;
}

.cookie-note{
  padding:var(--space-3);
  background:#FFE5F1;
  border-radius:var(--radius-sm);
  margin-top:var(--space-3);
}

.cookie-third__inner{
  max-width:700px;
}

.cookie-update__inner{
  max-width:640px;
  margin-inline:auto;
  padding:var(--space-5);
  border-radius:var(--radius-sm);
}

@media (max-width:600px){
  .cookie-hero__inner,
  .cookie-update__inner{
    padding:var(--space-4);
  }
}


.privacy-page{line-height:1.7;}

.privacy-intro__content{max-width:720px;margin-inline:auto;text-align:left;display:flex;flex-direction:column;gap:var(--space-4);} 

.privacy-intro__box{background:var(--color-surface-bg);padding:var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-2);} 

.privacy-narrow{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);} 

.privacy-section .divider{margin-block:var(--space-4);} 

.privacy-block{background:var(--color-surface-bg);padding:var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-2);} 

.privacy-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);} 

.privacy-grid__title{grid-column:1/-1;} 

.privacy-card{background:var(--color-surface-bg);padding:var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-2);} 

@media(min-width:900px){
  .privacy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .privacy-grid__title{grid-column:1/-1;}
}

@media(min-width:1200px){
  .privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}


.vkg-page{}
.vkg-hero-inner{display:grid;grid-template-columns:60% 40%;align-items:center;gap:var(--space-5)}
.vkg-hero-text{max-width:520px;text-align:center;margin-inline:auto}
.vkg-hero-image img{width:100%;border-radius:var(--radius-sm)}

.vkg-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.vkg-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.vkg-split{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.vkg-split-image img{width:100%;border-radius:var(--radius-sm)}
.vkg-center-image{margin-top:var(--space-4);display:flex;justify-content:center}
.vkg-center-image img{max-width:420px;border-radius:var(--radius-sm)}

.vkg-steps .card{transition:transform var(--transition-fast)}
.vkg-steps .card:hover{transform:scale(1.03)}

.vkg-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.vkg-hero-inner{grid-template-columns:1fr}
.vkg-split{grid-template-columns:1fr}
.vkg-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
.vkg-grid-3{grid-template-columns:1fr}
.vkg-grid-2{grid-template-columns:1fr}
}


.nk-page{}

.nk-hero-grid{display:grid;grid-template-columns:55% 45%;align-items:center;gap:var(--space-5)}
.nk-hero-text{max-width:520px}
.nk-hero-sub{font-size:var(--fs-sm);margin-top:var(--space-2)}
.nk-hero-image img{border-radius:var(--radius-sm)}

.nk-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.nk-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.nk-rewards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.nk-return-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.nk-beginner-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center}

.nk-examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.nk-cta-inner{text-align:center;max-width:520px;margin-inline:auto}

.nk-final-inner{text-align:center;max-width:420px;margin-inline:auto}

@media (max-width:900px){
.nk-hero-grid{grid-template-columns:1fr}
.nk-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.nk-steps-grid{grid-template-columns:1fr}
.nk-rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.nk-return-grid{grid-template-columns:1fr}
.nk-beginner-grid{grid-template-columns:1fr}
.nk-examples-grid{grid-template-columns:1fr}
}

@media (max-width:520px){
.nk-intro-grid,.nk-rewards-grid{grid-template-columns:1fr}
}


.kg-page{}

.kg-hero-inner{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:var(--space-5);
}
.kg-hero-text{
  max-width:480px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.kg-cta{width:auto}
.kg-hero-image img{border-radius:var(--radius-sm)}

.kg-basic-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}

.kg-types-grid{
  display:grid;
  grid-template-columns:40% 60%;
  gap:var(--space-5);
}
.kg-types-text{max-width:600px}
.kg-types-images img{border-radius:var(--radius-sm)}

.kg-rarity-inner{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  align-items:center;
  text-align:center;
}
.kg-rarity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  max-width:620px;
}
.kg-rarity-image img{max-width:300px}

.kg-goals-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}

.kg-interface-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
  align-items:center;
}
.kg-interface-text{max-width:520px}
.kg-interface-image img{border-radius:var(--radius-sm)}

.kg-tips-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  max-width:600px;
}

.kg-cta-inner{
  max-width:480px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media (max-width:900px){
  .kg-hero-inner{grid-template-columns:1fr}
  .kg-types-grid{grid-template-columns:1fr}
  .kg-basic-grid{grid-template-columns:1fr}
  .kg-goals-grid{grid-template-columns:1fr}
  .kg-rarity-grid{grid-template-columns:1fr}
  .kg-interface-grid{grid-template-columns:1fr}
  .kg-tips-grid{grid-template-columns:1fr}
}


.home-hero .hero-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:var(--space-5)}
.hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-image img{border-radius:var(--radius-sm)}
.hero-cta{margin-top:var(--space-2)}

.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.feature{display:flex;flex-direction:column;gap:var(--space-2)}

.center{text-align:center}
.center-block{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.collection-text{max-width:520px}
.collection-image img{border-radius:var(--radius-sm)}

.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.faq-block{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.faq-item{border-bottom:1px solid var(--color-divider);padding-bottom:var(--space-2)}
.faq-question{width:100%;text-align:left;font-weight:600;padding:var(--space-2) 0}
.faq-answer{display:none;font-size:var(--fs-sm)}
.faq-item.active .faq-answer{display:block}

.big-cta{font-size:1.1rem;padding-inline:var(--space-5)}

@media(max-width:1024px){
.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-grid{grid-template-columns:1fr}
.collection-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.cards-grid,.features-grid,.tips-grid{grid-template-columns:1fr}
}


.ajatekrol .hero-grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-5);align-items:center}
.hero-text{max-width:560px}
.hero-image img{width:100%;max-width:480px}

.features h2{text-align:center}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.feature-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}
.feature-card:hover{transform:translateY(-4px)}

.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.step{min-width:0}

.random-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.random-text{max-width:560px}
.random-image img{width:100%;max-width:420px}

.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.collection-image{margin-top:var(--space-4);border-radius:var(--radius-sm)}

.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.safe-box{max-width:640px;margin-inline:auto;text-align:center}

.cta-box{text-align:center;max-width:520px;margin-inline:auto}

@media(max-width:1000px){
.hero-grid{grid-template-columns:1fr}
.random-grid{grid-template-columns:1fr}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps-grid{grid-template-columns:1fr}
.collection-grid{grid-template-columns:1fr 1fr}
.persona-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
.feature-grid,.collection-grid,.persona-grid{grid-template-columns:1fr}
.daily-grid{grid-template-columns:1fr}
}


.hj-hero-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--space-5);align-items:center}
.hj-hero-text{max-width:520px}
.hj-hero-cta{display:flex;justify-content:center;margin-top:var(--space-3)}
.hj-hero-image img{border-radius:var(--radius-sm)}

.hj-basics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}
.hj-card{transition:transform var(--transition-fast)}
.hj-card:hover{transform:translateY(-4px)}

.hj-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}
.hj-step{display:flex;flex-direction:column;gap:var(--space-2)}
.hj-step-number{font-size:var(--fs-lg);font-weight:700;color:var(--color-primary)}
.hj-steps-image img{border-radius:var(--radius-sm)}

.hj-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.hj-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.hj-cards-text{max-width:520px}
.hj-cards-image img{border-radius:var(--radius-sm);animation:float 6s ease-in-out infinite}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.hj-daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.hj-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);max-width:700px}

.hj-safe-box{max-width:640px;margin-inline:auto;background:var(--color-surface-bg);padding:var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);text-align:center}

.hj-cta-inner{text-align:center;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.hj-hero-grid{grid-template-columns:1fr}
.hj-cards-grid{grid-template-columns:1fr}
}

@media (max-width:800px){
.hj-basics-grid,.hj-features-grid,.hj-daily-grid,.hj-steps-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:520px){
.hj-basics-grid,.hj-features-grid,.hj-daily-grid,.hj-steps-grid{grid-template-columns:1fr}
.hj-tips-grid{grid-template-columns:1fr}
}


.thank-you{
  padding:var(--space-5);
}

.thank-you__content{
  max-width:560px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.thank-you__lead{
  font-size:var(--fs-md);
}

.thank-you__actions{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  margin-top:var(--space-3);
}

@media (min-width:600px){
  .thank-you{
    padding:var(--space-6);
  }

  .thank-you__actions{
    flex-direction:row;
    justify-content:center;
  }
}